.banner{
	background-image: url('../images/banner.jpg');
	background-repeat: no-repeat;
	padding:40px;
	margin-left:350px;
}

.banner h2{
margin-top:50px;
margin-left:120px;
}

.liens{
margin-left: 380px;
position: absolute;
}
.liensretouche{
margin-left: 380px;
position: absolute;
}

.accueil{
padding-left: 5%;
padding-right: 10%;
margin-top:3%;
margin-left: 20%;
margin-right: 20%;
margin-bottom: 20%;
position:fixed;
background-image: url('../images/fond.jpg');
background-repeat: no-repeat;
text-align: center;
padding-bottom: 140px;
}
.accueil h1{
text-align: center;
margin-left: 100px;
}
.accueil img{
margin-left: -500px;
}
.accueil p{
margin-top: -250px;
margin-left: 150px;
}

.content{
padding: 0px;
margin-top:2%;
margin-left: 20%;
margin-right: 20%;
margin-bottom: 20%;
position:fixed;
background-image: url('../images/fond.jpg');
background-repeat: no-repeat;

}

.content a{
list-style: none;
text-decoration: none;
}

.content h1, h2{
text-align: center;
}

.content p{
margin-left:2%;
margin-right: 7%;
}


.retouche{
background-image: url('../images/fondretouche.jpg');
background-repeat: no-repeat;
margin-top:30px;
position:absolute;
margin-left: 250px;
padding-right:15%;
padding-left: 8%;
}
.retouche h1, h2, h3{
text-align:center;
color: black;
}
.retouche a{
margin-top: -200px;
padding-left: 1%;
}
.illustrator{
margin-left: -50px;
}
.panorama{
margin-left: -50px;
}
.retouches{
margin-left: -50px;
}
.montages{
margin-left: -50px;
}

.videos{
padding-left: 10%;
padding-right:50%;
padding-bottom: 5%;
margin-top:2%;
margin-left: 17%;
margin-right: 20%;
margin-bottom: 200px;

background-image: url('../images/fondretouche.jpg');
background-repeat: no-repeat;
}
.videos h1{
text-align: center;
margin-left: 50px;
}

.videos a{
margin-left: 10px;
padding-top: 5%;
}

.3d{
background-image: url('../images/fond.jpg');
background-repeat: no-repeat;

}
.entreprises{
background-image: url('../images/fondscenario.jpg');
background-repeat: no-repeat;
margin-top:30px;
position:absolute;
margin-left:250px;
padding-right: 30%;
padding-left: 20%;
padding-bottom: 10%;
}

.entreprises h1{
text-align: center;
}
.societes h3{
margin-left: -50px;
}
.societes li{
margin-left: 0px;
}
.facebook h3{
margin-left: -40px;
}
.facebook li{
margin-left: 40px;
}
.hobbies h3{
margin-left: -50px;
}
.hobbies li{
margin-left: 40px;
}
.communautes li{
margin-left: 40px;
}


.contact{
background-image: url('../images/fondcontact.jpg');
background-repeat: no-repeat;
margin-top:30px;
position:absolute;
margin-left:250px;
padding-right: 30%;
padding-left: 3%;
padding-bottom: 20%;
}

.contact p{
margin-top: -150px;
margin-left: 50%;
}

.contact img{

}

.contact h1{
margin-left: 75%;
}

.scenario{
background-image: url('../images/fondscenario.jpg');
background-repeat: no-repeat;
margin-top:30px;
position:absolute;
margin-left:250px;
padding-right: 10%;
padding-left: 20%;
padding-bottom: 10%;
}

.scenario a{
text-decoration: none;
font-style: normal;
font-family: sans-serif;
font-size: 14pt;
font-weight: 100;
color: #000000;
margin-top: 50px;
}

.cv{
background-image: url('../images/cv.jpg');
background-repeat: no-repeat;
background-image: url('../images/fond.jpg');
background-repeat: no-repeat;

margin-top:30px;
position:absolute;
margin-left:250px;
padding-right: 35%;
padding-left: 10%;
padding-top: 1%;


}

.cv h1{
text-align: center;
margin-left: 150px;
margin-top: -5px;
}


.cv ul{

margin-left: 100px;
margin-top:-300px;

}



.cv p{
margin-left: 100px;
}

.cv img{
margin-left: -130px;
margin-top: -15px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }