body {font-family:arial;}

table.center { margin-top:-20px;}

div.center { width:950px;
			height:600px;
			margin-left:20%;
			}

div.index_gauche { border: 0px black solid;
		   margin-top:0px;
		   width:250px;
	       height:600px; 
		   position:relative;
		   float:left;
		   top:0px;
		   left:0px; 
       }


div.index_centre { border: 0px black solid;
		   background:url('../images/degrade.jpg') no-repeat;
		   margin-top:0px;
		   width:700px;
	       height:600px; 
		   float:right;
  		   position:relative;
		   top:0px;
		   left:-40px;
		     
                           }


div.index_droit { border: 1px black solid;
		  margin-top:0px;
		  width:350px;
	          height:600px;
  		   position:absolute;
		   top:0px;
		   left:760px;      
                              }

div.menu { 	  border: 0px black solid;
		      width:200px;
	          height:400px;
  		      position:absolute;
		      top:133px;
		      right:0px; 
    
                              }




div.gallery_haut { border:0px black solid;
		   width:950px;
		   height:100px;
		   position:relative;
		   left:0px;
		   top:0px; }

div.gallery_millieu { width:950px;
		   height:400px;
		   position:relative;
		   left:0px;
		   padding-left:15px;
		   }

 
div.list_vignette {height:400px;
		  border:0px red solid;
		  position:relative;
		  left:0px;
		  top:20px;
}
		   
		





div.vignette { border:0px red solid;
	       height:120px;
	       width:175px;	
	       margin-right:10px;
	       margin-left:0px;
	       margin-top:10px;
		position:relative;
	       left:0px;
	       float:left;
		}
		
div.vignette_vide { border:0px red solid;
				  background:#CCD1D5;
	               height:120px;
	               width:175px;	
	               margin-right:10px;
	               margin-left:0px;
	               margin-top:10px;
		           position:relative;
	               left:0px;
	               float:left;
		}

div.affichage_haut{border:0px black solid;
	       height:100px;
		   width:810px;
		   position:absolute;
		   left:0px;
		   top:-10px;
	       float:left;

		   
		}

div.affichage_milieu {

		   border:0px red solid;
		   position:absolute;
		   left:0px;
		   height:700px;
		   top:105px;	
}

div.affichage_fin {	
    display:block;
	position:absolute;
	bottom:150px;
	left:355px;
    border:0px black solid;
	width:150px;
	height:50px;
	text-align:center;

}
div.affichage_fin p {
	padding-top:44px;
}
div.affichage_fin .left{	
	float:left;

}
div.affichage_fin .right{	
	float:right;

}

		   
		   
div.previsualisation { width:830px;
					border:0px black solid;}

				   
div.contact { background:url('../images/fond_contact.jpg') no-repeat;
			 width:460px;
			 height:340px;
			 border:0px black solid;
			 margin-top:-10px;
			 margin-left:-10px;}
				   
div.sup_photos { margin-right:0px;}
				   

			

div.gallery_haut, div.gallery_millieu, div.gallery_bas, div.menu_gallery {
	border:0px white solid;
}
div{ border:0px white solid;}

img.index_logo {position:absolute;
	  top:235px;
	  left:0px; } 

img.photographe_logo {position:absolute;
	  	                     top:-5px;
	                         left:5px; } 

img.photographe_titre{position:absolute;
	  	  	      top:50px;
	             	right:10px; }  

img.photographe_affichage{float:right;
			  }                            

img.contact {width:186px;                                   
	     height:55px;
	     position:absolute;
	     top:530px;
	     left:0px; }
              
img.centre { float:right;}

img { border:0px}


img.galerie_titre { position:relative;
		     top:0px;}
			 
img.exemple { border:1px black solid; }

img.logo_admin { float:left;
				position:relative;
				top:0px;
				margin-top:-75px;}
				
img.affichage_photo { position:relative;
					  left:18px;

					  }

span.home { display: block;
		float:right;
	    position:absolute;
	    top:8px;
	    left:39px;
	 }


span.next { display: block;
	    position:absolute;
	    /*top:50px;*/
		top:28px;
	    left:50px;
	 }
span.back { display: block;
	       position:absolute;
	       /*top:68px;*/
		   top:50px;
	       left:45px;
	 }

span {
      font-size:12pt;
	  font-weight:normal;}

span.galerie { display:block;
		      position:relative;
		      top:0px;
		     margin-bottom:5px;}
		
p.adresses
{  
			  border:0px red solid;
			  margin-bottom:-20px;
			  /*margin-top:-2px;
			  font-size:12pt;
			  font-size:1.2em;*/
}

span.mail {  font-size:24pt;
			  font-weight:normal;
            color:#D5DADC; 
			position:absolute;
			left:90px;
			top:115px;}
			
span.valeur_mail {  font-size:11pt;
			letter-spacing:2px;
			  font-weight:normal;
            color:black; 
			position:absolute;
			left:125px;
			top:145px;}
			
span.telephone{font-size:24pt;
			  font-weight:normal;
            color:#D5DADC; 
			position:absolute;
			left:30px;
			top:170px;}
			
span.valeur_telephone {  font-size:11pt;
			letter-spacing:2px;
			  font-weight:normal;
            color:black; 
			position:absolute;
			left:125px;
			top:200px;}
			
span.fax{font-size:24pt;
			font-weight:normal;
            color:#D5DADC; 
			position:absolute;
			left:125px;
			top:225px;}
			
span.valeur_fax{  font-size:11pt;
			letter-spacing:2px;
			  font-weight:normal;
            color:black; 
			position:absolute;
			left:125px;
			top:255px;}
			
span.adresse_contact{font-size:24pt;
			font-weight:normal;
            color:#D5DADC; 
			position:absolute;
			left:60px;
			top:275px;}
			
span.valeur_adresse_contact{  font-size:11pt;
			letter-spacing:2px;
			  font-weight:normal;
            color:black; 
			position:absolute;
			left:125px;
			top:305px;}
			  
div.titre{ 
	display:block;
	width:100%;
	text-align:center;
	position:relative;
	top:60px;
}

span a:link { color:black;
	 text-decoration:none;}

span a:hover { color:black;
	 text-decoration:underline;}

span a:visited { color:black;
	 text-decoration:none;}
span a:active { color:black;
	 text-decoration:none;}
	 
h1 { text-align:center;}
	 
span.explication { font-size:13pt;
				  text-align:center;
}


a {border:0px;
   text-decoration:none;
   color:black;
   font-weight:normal;
   }
   
a.sup_photo {  display:block;
             float:left;
	    text-align:center;
	     margin-top:5px;
	    font-size:10pt;}
   
a:hover{/*text-decoration:underline;*/}


 table.ajou_photographe { margin-left:25px;}
 
 input.pos_prev{ 	position:relative;
				top:-15px;
				left:5px;
			   vertical-align:center;}
	      


div#illus_photographe {
	background-color:silver;
	width:250px;
	height:250px;
	position:absolute;
	margin:auto;
	display:none;
	top:155px;
	left:119px;
}

input.input_gauche{ float:left;
	            margin-right:100%;}

p.attention { color:red;
	      margin-top-bottom:20px;
font-size:10pt; }

span.txtPosition 
{  
	display:block;
    float:right;
	text-align:center;
	margin-top:5px;
	font-size:10pt;
}
span.txtGalerie 
{  
	display:block;
    float:left;
	margin-top:5px;
	font-size:10pt;
}
select.selGalerie
{
	float:right;
	font-size:10pt;
	margin-bottom:10px;
}
div.vignette_prev 
{ 
	margin-right:25px;
	margin-top:10px;
	margin-bottom:20px;
	float:left;
	border:0x black solid;
}
img.img_prev 
{ 
	height:50px;
	float:left;
}
span.selGaleries 
{ 
	display: block;
	position:absolute;
	top:20px;
	left:250px;
}

img.illustration { border:0px;	
				  /*margin-right:35px;
		          margin-top:45px;*/
				  width:90px;
				  height:90px;
				  }
				  
div.illustration 
{  
	border: 0px black solid;
	width:270px;
	height:270px;
	position:relative;
	top:140px;
	left:99px;
	z-index:2;
}
			
.bio
{
	display:block;
	width:700px;
	height:400px;
	font-size:12px;
	/*border:1px solid #000000;*/
	margin-left:75px;
}
.bio span, .bio pre 
{
	font-size:12px;
}

#slideshow {
	position: relative;
	float:left;
	top:28px;
	left:87px;
	width: 588px;
	height: 370px;
	overflow: hidden;
	border: 0px solid #000000;
}
#slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	width: 588px;
	height: 370px;
}

#menu_gauche
{
	position:relative;
	width:240px;
	height:370px;
	top:30px;
	/*background-color:#CCCCCC;*/
	float:left;
	vertical-align:middle;
}
.acces_galeries
{
	background:url('../images/picto/next_small.gif') no-repeat;
	background-position:right;
	width:180px;
	display:block;
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:60px;
}
div.gallery_prev_next 
{ 
	diplay:block;
	position:absolute;
	width:34px;
	height:19px;
    top:12px;
	left:460px;
	float:left;
}


div.nav_inter_gallery
{
	position:absolute;
	width:544px;
	height:50px;
    top:40px;
	left:200px;
	float:left;
	text-align:center;
}
img#next { position:absolute;
	   top:0px;
	   left:480px;}

img#back { position:absolute;
	   top:0px;
	   left:460px;}
.close_bio
{
	display:block;
	width:100px;
	height:20px;
	/*font-size:16px;
	font-weight:bold;*/
	top:520px;
	left:400px;
	position:absolute;
}

div.gallery_bas 
{ 
		   background:url('../images/picto/bas_gallery.gif') no-repeat;
		   /*border:1px black solid;*/
		   width:950px;
		   height:119px;
		   position:relative;
		   left:0px;
		   top:10px;
		   padding:0px;
}
a.adresses
{  
			 font-size:12pt;
			 margin:0px;
			 padding:0px;
			 /*background-color:#FF0000;*/
}
div.adresse{
   /*border:1px black solid;*/
   position:absolute;
   left:20px;
   top:0x;
   padding-top:8px;
}			  
div.menu_gallery 
{ 
	/*border:1px black solid;*/
	position:relative;
	width:100px;
	/*height:119px;*/
	padding-top:11px !important;
	padding-top:12px;
	top:0px;
	left:830px;
}
a.liensMenusBasGauche 
{ 
   clear:both;
   float:left;
   display:block;;
   font-size:12pt;
   height:19px;
   line-height:19px;
   /*border:1px black solid;*/
   margin:0px;
   padding:0px;
   font-weight:normal;
}
a.liensMenusBasDroite
{
	clear:both;
	float:right;
	display:block;
	font-size:12pt;
	height:12px;
	line-height:12px;
   	padding:0px;
	margin-bottom:10px;
	vertical-align:bottom;
  	font-weight:normal;
}
span.contact 
{
 	display: block;
  	position:absolute;
   	top:8px;
   	left:26px;
}