body, p, ul, li, ol, td, tr, h1, h2, h3, h4, h5, h6, img, hr, div, a, input, select {
	margin: 0;
	padding: 0;
}

body {
	/*background: white url(../images/background.jpg) no-repeat scroll center top;*/
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	
	font-size: 100%;
	line-height: 1.1em;
	color: #000;
}

#global {
	background: transparent url('../images/corps.png') no-repeat;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 61px;
	
	width: 634px;
	height: 685px;
	
	text-align: left;
	font-size: 11px;
	
	
	padding: 90px;
}

#header span{
	margin-left: 20px;
}

#header a:hover {
	font-weight: bold;
	text-decoration: none;
	
		
}

#header {
	background-color: transparent;
	font-size: 12px;	
	
	margin-top: -11px;
	margin-left: 260px;
	
}

#catchphrase {
	/*font-size: 14px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #777;*/
	
	position: relative;
	
	left: 280px;
	top: 25px;
}

#recherche input[type=text] {
	border: solid #ccc 2px;
}

#recherche input[type=text]:focus {
	border: solid #a6bede 2px;
}

#corps h1{
	color: #777;
}

#corps {
	background-color: transparent;
	
	width: 550px;
	height: 389px;
	
	overflow: auto;
	
	margin-top: 96px;
	margin-left: -26px;
	text-align: justify;
	
	padding-left: 10px;
}

#corps span.dt {
	font-size: 12px;
	color: #ddb305;
}

#corps span.dd {
	color: #555;
}

#corps span.morebutton {
	color: #ddb305;
	font-size: 12px;
	font-weight: bold;
	
}

/* Article */
#titre {
	font-size: 20px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	width: 500px;
}

#texte {
	width: 485px;
	margin-left: 20px;
	text-align: justify;
}

#resume {
	width: 500px;
}

#tag {
	
}

#acceuil_portfolio {
	margin-top: -3px;
	margin-left: -10px;
}

#section_title {
	margin-left: 10px;
	margin-top: 15px;
}



/*---------*/

#menu .menutitle {
	background: transparent url('../images/menutitle_sprite.png') no-repeat 0px 0px;
	
	width: 138px;
	height: 118px;
	
	margin-left: 45px;
	margin-top: -142px;
}
#menu .menutitle:hover {
	background: transparent url('../images/menutitle_sprite.png') no-repeat -138px 0px;
}
/*
#menutitlep {}
#menutitlep:hover {}

#menutitlea {}
#menutitlea:hover {}
*/

#menu ul{
	position: relative;
	
	list-style-type: none;
	
	left: -10px;
		
}

#menu {
	background-color: transparent;
	width: 110px;
	margin-top: -380px;
	margin-left: 550px;
	
}


#menu a{
	display: block;
	text-indent: -5000px;
	font-family: papyrus, sans-serif;
}

#menu span {
	position: relative;
	top: 21px;
	
}


#login {
	background-color: white;
	height: 90px;
	width: 200px;
	margin-top: 100px;
	margin-left: 550px;
}

.apercu {
	margin-top: 15px;
	
}

.apercu a {
	color: #ff00b3;
}
.apercu a:link {
	color: #ff00b3;
}
.apercu a:visited {
	color: #ff00b3;
}
.apercu a:hover {
	text-decoration: none;
}

.apercu span {
	display: block;
		width: 400px;
}

.apercu span.apercutitle {
	position: relative;
	top: -90px;
	left: 111px;
	
	color: #ddb305;
	font-size: 12px;
	font-weight: bold;
}

.apercu span.apercudescription {
	text-align: justify;
	
	margin-top: -90px;
	margin-left: 111px;
	width: 400px;
}

#accueil_bulle1 {
	position: relative;
	left: 137px;
	top: -308px;
	
	line-height: 1.3em;
	width: 150px;
	color: #333
}

#accueil_bulle2 {
	position: relative;
	left: 181px;
	top: -267px;
	
	line-height: 1.3em;
	color: #fff;
	width: 200px;
}
#accueil_bulle2 b, #accueil_bulle2 a {
	color: #fff;
}

.play {
	margin-left: -110px;
}


/* Placement des cerises */
#menu div.cerise
{
	width: 40px;
	height: 70px;
}
#menu div.cerisedouble {
	width: 40px;
	height: 70px;
}

#menu .cerise span {
	left: 35px;
}
#menu .ceriseright span {
	left: 35px;
}
#menu .ceriseleft span {
	left: 50px;
}

#menu .cerise a {
	background: url('../images/cerise_sprite.png') no-repeat 0px 0px;
	width: 20px;
	height: 70px;
}

#menu .cerise a:hover {
	background: url('../images/cerise_sprite.png') no-repeat -20px 0px;
	width: 37px;
	height: 70px;
	margin-left: -8px;
	
	text-indent: 0px;
	text-decoration: none;
	
	font-size:1.3em;
	font-weight:bold;
	color:#555555;
}

#menu .cerisedouble a {
	width: 23px;
	height: 70px;
}
#menu .cerisedouble a:hover {
	font-size:1.3em;
	font-weight:bold;
	color:#555555;
}

#menu .ceriseleft a {
	background: url('../images/cerise_sprite.png') no-repeat -56px 0px;
}
#menu .ceriseright a {
	background: url('../images/cerise_sprite.png') no-repeat -79px 0px;
	margin-top:-21px;
}
#menu .ceriseleft a:hover {
	background: url('../images/cerise_sprite.png') no-repeat -101px 0px;
	width: 39px;
	height: 70px;
	margin-left: -7px;
	
	text-indent: 0px;
	text-decoration: none;
}
#menu .ceriseright a:hover {
	background: url('../images/cerise_sprite.png') no-repeat -140px 0px;
	width: 40px;
	height: 70px;
	margin-left: -9px;
	
	text-indent: 0px;
	text-decoration: none;
}


#cerise_cine {
	left: 28px;
	position:relative;
	top: 2px;
}

#cerise_jeux {
	left: 111px;
	position:relative;
	top:-30px;
}

#cerise_nouveaumedia{
	left: 68px;
	position:relative;
	top: -30px;
}

#cerise_divers{
	left: 2px;
	position:relative;
	top: -65px;
}

/* portfolio */
#cerise_nb {
	left: 20px;
	position:relative;
	top:2px;
}

#cerise_couleur {
	left:40px;
	position:relative;
	top:-47px;
}

#cerise_realisation {
	left:102px;
	position:relative;
	top:-149px;
}

#cerise_tournemonte {
	left:122px;
	position:relative;
	top:-198px;
}

#cerise_montage {
	left:68px;
	position:relative;
	top:-198px;
}

#cerise_web {
	left:29px;
	position:relative;
	top:-190px;
}

#cerise_scenario {
	left:50px;
	position:relative;
	top:-239px;
}

#cerise_jeuvideoouat {
	left:-8px;
	position:relative;
	top:-254px;
}

#cerise_mesjeux {
	left:13px;
	position:relative;
	top:-303px;
}

#cerise_gdd {
	left:0px;
	position:relative;
	top:25px;
}
/*-----------*/


/*Fleur de cerisier*/
#fleur1 {
	position: relative;
	top: -19px;
	left: 32px;
	
	height: 28px;
	width: 28px;
		
	background: url('../images/fleur.png') no-repeat 0 0;
}
#fleur2 {
	position: relative;
	top: -5px;
	left: 110px;
	
	height: 28px;
	width: 28px;
	background: url('../images/fleur.png') no-repeat 0 0;
}
#fleur3 {
	position: relative;
	top: 30px;
	left: 69px;
	
	height: 28px;
	width: 28px;
	background: url('../images/fleur.png') no-repeat 0 0;
}
#fleur4 {
	position: relative;
	top: 35px;
	
	height: 28px;
	width: 28px;
	background: url('../images/fleur.png') no-repeat 0 0;
}
/******/
img {
	border: none;
}

a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
	text-indent: 5px;
}

a:active {
	color: #333;
	text-decoration: none;
}