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.illustration {  border: 0px black solid;
		    width:300px;
		    height:250px;
	            position:relative;
		    top:125px;
		    left:120px;
		    z-index:2;}


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.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;
		   border-spacing:0px;}

div.menu_gallery { position:relative;
		   width:100px;
		   height:119px;
                   top:0px;
		   left:850px;}

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.adresse{border:0px black solid;
		   position:absolute;
		   left:20px;
		   top:4px;
		   margin:0px;
		   padding-top:3px;
		   border-spacing:0px;

		
		   }
		   
		   
div.previsualisation { width:750px;
					border:0x black solid;}
div.vignette_prev { margin-right:25px;
				   margin-top:10px;
				   margin-bottom:20px;
				   float:left;
				   border:0x 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;}
				   
img.img_prev { height:50px}
			

div.gallery_haut, div.gallery_millieu, div.gallery_bas, div.menu_gallery { border:0px black solid;}
div{ border:0px black 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#next { position:absolute;
	   top:0px;
	   left:480px;}

img#back { position:absolute;
	   top:0px;
	   left:460px;}

img.illustration { border:0px;	
				  margin-right:35px;
		          margin-top:45px;
				  width:53px;
				  height:53px;
				  }

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.contact { display: block;
	       position:absolute;
	       top:28px;
	       left:26px;
	 }

span.next { display: block;
	    position:absolute;
	    top:50px;
	    left:50px;
	 }
span.back { display: block;
	       position:absolute;
	       top:68px;
	       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: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;}
   
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:175px;
	left:110px;
}

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

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