@charset "utf-8";
/* CSS Document */

body  {
	
	margin: 0 0 ;
	padding: 0 0;
	background: #000;
	color: #000;
	font-size:100%;
	font-family: Verdana, Geneva, sans-serif;
}
#wrap {
	position: absolute;
	width: 100%;
	height: 1025px;
	left: 50%;
	margin-left: -50%;
	background-color:#CFF;
}
#wrap-horizontal {
	position: absolute;
	width: 100%;
	height: 1025px;
	left: 50%;
	margin-left: -50%;
	background-color:#CFF;
}

#header {
    position: relative;
	height: 150px;
	color:#FFF;
	
	background: #000 url(image/signature-entete-web.png) top left no-repeat;
	
	
}
#header span {
	text-decoration: none;
}
#connexion {
	position:absolute;
	width: 60%;
	top: 0;
	height: 40px;
	margin: 0 20%;
	background-color:#FF9;
}


#nav_haut {
	position: relative;
	width: 100%;
	height: 50px;
	background-color:#dd2609;
}
#nav_haut h2  {
	line-height:.1em;
	text-align:center;
	margin: 0px ;
	padding-left:250px;
	
	
	
}

#contenu {
	position: relative;
	width:100%;
	height: 675px;
	color:#FFF;
	font-size: .9em;
	background-color:#000;
	
}
#contenu p {
  font-size:.9em;
	margin: 2em 5em;
	text-align:justify;	
}
#contenu ul {
	margin: 0px 0px 5px 5px;
	padding: 30px;
}
#contenu ul,#contenu h2 {
	margin : 0px;
}
#presentation, #service {
	position:relative;
	float:left;
	width:60%;
	height: 675px;
	overflow:auto;
	color:#FFF;
	z-index:100;
	
	
	
}
#service {
	
	width:100%;
	
	
}
#presentation p , #service p{
	font-size:1.2em;
	margin: 2em 5em;
	text-align:justify;
}
#service ul {
	margin:0px;
	padding:0px;
}
#service h2 {
	padding-left: 25px;
	font-size: 2em;
	}
#service li{
	list-style-image:url(image/photo_puce.png);
	list-style-position:inside;
	padding: 5px 10px 5px 200px;
	font-size:1.2em;
	
}
#moi{
	position: relative;
	float: left;
	overflow:hidden;
	width: 40%;
	height: 675px;
	
}
/*#contenu-horizontal {
	position: relative;
	width:100%;
	height: 675px;
	background-color:#FFF;
	
}*/


/*-----------menu haut------------*/
   

#nav_haut ul {
	
	position: relative;
	display:inline;
	background-color:#dd2609;
	width:35%;
	color: #D7F40C;
	text-align: left;
	font-size:15px;
	margin:0px 0px 0px 10px;
	padding: 0px;
	
	
	
}
#nav_haut ul li {
	display: inline;
	font-size: 1.2em;
}
#nav_haut ul a  {
	line-height: 15px;
	color: #D7F40C;
	text-decoration: none;
}
#nav_haut ul a:hover {
	text-decoration: underline;
	color: #FFF;
	
}

#lien_vignette {
	position: relative;
	float: left;
	overflow:scroll;
	width: 35%;
	height: 675px;
	background-color:#FFF;

	}
	

	span.info  {
		position:absolute;
		top:.5em;
		right:.5em;
		
		color:#dd2609;
		text-decoration:none;
		
		}
		.info a:link, .info a:visited,.info a:hover,.info a:focus, .info a:active   {
	    line-height:1em;
	    color:#dd2609;
		text-decoration:underline;
		}
		
	
	
#photographe
{
	position: relative;
	float: left;
	
	width: 35%;
	height: 675px;
	background-color:#FFF;

	}
a#facebook {
	position:absolute;
	right:0;
	bottom:0px;
}
#lien_vignette-horizontal {
	position: relative;
	float: left;
	width: 35%;
	height: 675px;
	background-color:#FFF;
	
	
	}
	#lien_vignette img {
		margin: 0.2em 0.2em 1em .8em;
	}
	#lien_vignette-horizontal img {
		margin: 0 0.5em 0 .8em;
	}
#theme {
	position:relative;
	margin-left:.8em;
	margin-bottom: 2em;
	color:#C99;
	z-index:10;
	
	
	
}
#agrandi {
	position: relative;
	float: left;
	height: 675px;
	width:65%;
	overflow:hidden;
	background-color:#000;
	
}

#agrandi-horizontal img{
	padding:1em 0%;
}
#agrandi-horizontal {
	position: relative;
	float: left;
	height: 675px;
	width:65%;
    overflow:hidden;
	background-color:#000;
	
	
	
	
}
.galerie_modele{
	position:relative;
	height: 675px;
	overflow:auto;
	
	
}
.galerie_modele img {
	margin: 0 3em 2em 3em;
}

.look {
	padding-right:10%;
	margin: 0 10em;
	height:675px;
	line-height: 675px;
	
	
}
.look img {
	margin-top:10%;
}
.look-horizontal {
	
	position: relative;
	margin: 0 1em;/*marge pour voire toute la photo*/
	line-height:675px;
	height:675px;
	
	
	
	
	}
	


#information_membre, #question {
	position: relative;
	height: 675px;
	float: left;
	color:#FFF;
	
	background-color:#000;
}
#pied_de_page {
	position:relative;
	color:#FFF;
	clear: both;
	height: 150px;
	background: #000 url(image/signature-entete-web.png) top left no-repeat;
}
#pied_de_page p {
	margin: 0;
	
}
.webmaster {
	text-align:center;
	margin:0 0 0 0;
	color: #F00;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	
	}
p.webmaster a,  p.webmaster a:visited{
	color: #FFF;
}
#pied_de_page span {
	text-decoration: none;
}
/*#pied_de_page p.contact {
	
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	position: absolute;
	
	
	
	
}*/
	
footer{
	position:relative;
	top:10vw;
}