body { padding: 0; margin: 0 auto;background: black; 
       background-repeat: repeat-x; font-family: Verdana, sans-serif;  }



#conteneur {    width: 100%;   background-color: #000000; text-align: center; height: 100%;
	    	margin-left: auto; margin-right: auto;  }

#langue {position: absolute; top: 5px; left: 5px; }
	
		
/*--------- bandeau image haut ----------*/

#bandeau { width: 100%;  }
	
#bandeau img  {    width: 75%; max-width: 1000px; text-align: center;
                   margin: auto;  left: 0;  right: 0;  top: 0  }
 
            

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

#menu_haut {text-align: center; margin: O;  width: 100%; height: 10%;  font-variant: small-caps; letter-spacing: 2px; font-size: 1.2vw;}

#menu_haut ul {  padding-top: 5px;  margin:0;  list-style-type:none; background-color: rgba(255, 255, 255, 0.2);}
 
#menu_haut li { display: inline;  list-style: none; }
   
#menu_haut a {  display:inline-block;  margin: 0 2%; text-decoration: none ;}


/*--------- menu bas ----------*/

#menu_bas {  text-align: center; margin: O;  width: 100%;  height: 10%; font-size: 0.7vw; letter-spacing: 2px; color: #ffffff;}

#menu_bas ul {    margin:0;  list-style-type:none; }
 
#menu_bas li { display: inline;  list-style: none;  }
   
#menu_bas a {  display:inline-block;  margin: 0 ; text-decoration: none ; }




/*--------- menu gauche ----------*/

#menu_gauche { float:left; background-color: #555555;  margin-top: 20px;  margin-left: 5%; list-style: none;   
               font-size: 1vw; float: left; position: relative; z-index: 2;  }



#menu_gauche li { list-style: none; width: 100%;  }

#menu_gauche li a { list-style: none; text-decoration: none ;  text-align: right ; color: #b7b5b5; 
                    font-size: 1vw; width: 100%;}

#menu_gauche li a:hover { color: #888888; padding: 0; }



/*--------- bloc centre ----------*/
            

#diaporama  {  background-color: #000000;   margin-top: 10px; float: left; width:80%; margin-left: 10%; position: absolute;}
		   


#diaporama img { width: 100%; text-align: center;  float: left;  margin-left: 0px; }


#bloc_centre  {   width: 80%; margin-top:10px; float: left;  position: relative; margin-left: 5%; }

#bloc_centre img {    width: 100%; text-align: center; margin-top:15px; position: relative; float: left; display: block;
                      }


/*--------- vignettes références ----------*/

#vignettes_references  {  position: absolute; margin-left: 10%;  width: 80%; }
                        
                 
                      
		  

#vignettes_references img  {   margin-left: 30px; margin-top: 40px; text-align:center; vertical-align: middle;}


/*--------- vignettes art ----------*/

#art  {  position: absolute;   width: 80%;  margin-left: 10%;
                        
                 
                      
		 } 

#art img  {    margin-top: 40px; text-align:center; width: 100%;}
               










/*--------- listes ----------*/

ul	{list-style-type:none;  padding:0px; }
	
li a	{display:block;    height:30px; color:#ffffff; }
	 
li a:hover { color:#888888;  }
		
/*--------- calage diaporama accueil ----------*/		
          	 
#hauteur { width: 100%; margin-top: 10px;}
	
#hauteur img  {    width: 80%; text-align: center; 
                   margin: auto;  left: 0;  right: 0;    }


/*--------- textes ----------*/

#texte_presentation {    float:left;  position: absolute; top: 15px; 
                        background-color: rgba(255, 255, 255, 0.6); width: 40%;}

#texte_presentation p    { text-align: left; color: #000000;
                         display: block; font-size: 1.1vw;   
                        padding-left: 30px; padding-bottom: 5%; padding-right: 30px;
                         color:  text-decoration : none;} 

#texte_portraits {    float:left;  position: absolute; top: 15px; height: 98%;  width: 22%;
                        } 

                   	


#texte_portraits p    {  text-align: left; color: #ffffff;
                         display: block; font-size: 80%;  width: 80%; 
                        padding-left: 30px; padding-bottom: 5%; padding-right: 30px;
                         color:  text-decoration : none;} 



.type1 { color: #ffffff;  letter-spacing: 3px;    text-decoration: none; }
 

#texte_portraits a:hover { color:#888888;  } 


#texte_contact { background-color: rgba(255, 255, 255, 0.6);; float:left; left: 300px; width: 300px; position: absolute; top: 400px;
                 padding: 30px;color: #000000;}

#texte_contact a{ color: #777777;}

#texte_contact a:hover { color: #555555;}



#texte_phototheque { background-color: rgba(255, 255, 255, 0.6); float:left; left: 300px; position: absolute; top: 400px;
                 padding: 30px;color: #000000;}

#texte_phototheque a{ color: #777777;}

#texte_phototheque a:hover { color: #555555;}




.type2 { color: #000000;  letter-spacing: 3px;   font-weight: bold; text-decoration: none; }



#texte_bio  {     right: 10%; position: absolute; top: 15px; height: 98%;
                        background-color: rgba(255, 255, 255, 0.6);}

#texte_bio p    {  background-color: rgba(0, 0, 0, 0);  text-align: justify; color: #000000;
                         display: block; font-size: 90%;  width: 380px; 
                        padding-left: 40px; padding-top: 40px; padding-right: 40px;
                         color:  text-decoration : none;}

#texte_fine_art  {     right: 10%; position: absolute; top: 15px; height: 98%;
                        background-color: rgba(0, 0, 0, 0);}

#texte_fine_art p    {  background-color: rgba(0, 0, 0, 0);  text-align: justify; color: #ffffff;
                         display: block; font-size: 90%;  width: 280px; 
                        padding-left: 40px; padding-top: 40px; padding-right: 40px;
                         color:  text-decoration : none;}

#texte_fine_art a { color:#ffffff; text-decoration : none; }

#texte_fine_art a:hover { color:#888888; text-decoration : none; }

#texte_shop  {     right: 10%; position: absolute; top: 15px; height: 98%;
                        background-color: rgba(0, 0, 0, 0.5);}

#texte_shop p    {  background-color: rgba(0, 0, 0, 0);  text-align: justify; color: #ffffff;
                         display: block; font-size: 90%;  width: 280px; 
                        padding-left: 40px; padding-top: 40px; padding-right: 40px;
                         color:  text-decoration : none;}

#texte_shop a { color:#ffffff; text-decoration : none; }

#texte_shop a:hover { color:#888888; text-decoration : none; }

/*--------- afficher cacher ----------*/

#mots_cles  {  position: absolute; z-index: 2;  left: 30px; width: 200px; margin-top: 250px;}

.bouton  { color:#ffffff; font-size: 14px; cursor:pointer; text-decoration:underline; top: 200px;}
   
.bouton:hover { text-decoration:underline; color: #888888;}
    
.texte  { width: 170px;  font-size:12px; top: 200px; background:#eeeeee; padding:10px; color:#333333; }
    border:1px solid #333333;
      
/*--------- divers  ----------*/    

a {color: #ffffff; }











#texte_client {   position: absolute;   width: 700px;   height: 400px; 
                            font-size: 12px;
                         color: #AAAAAA; background-color: rgba(0, 0, 0, 0.5); 
                        margin-left: 150px; top: 354px; }


#texte_tarifs {   position: absolute;   width: 1000px;   height: 600px; 
                            font-size: 12px;
                         color: #AAAAAA; 
                        margin-left: 0px; top: 260px; }

#texte_tarifs img  {  float: left; 
               margin-left: 51px; border: 1px solid white;} 












tarifs1 {  color: rgba(255, 255, 255, 1); padding-top: 10px; 
        display: block; width: 1000px; margin-left: 20px;
         letter-spacing: 1px; padding-left: 0px; 
         padding-right: 15px;  text-decoration : none;}

tarifs {  color: rgba(255, 255, 255, 1); padding-top: 10px; 
        display: block; width: 295px; float: left;
         letter-spacing: 1px; padding-left: 0px; margin-left: 20px;
         padding-right: 15px;  text-decoration : none;}

tarifs3 {  color: rgba(255, 255, 255, 1); padding-top: 10px; 
        display: block; width: 350px; float: left; height: 215px;
         letter-spacing: 1px; padding-left: 0px; margin-left: 20px;
         padding-right: 15px;  text-decoration : none;}



#texte_conditions {   position: absolute;   width: 1000px;   height: 588px; 
                            font-size: 12px;
                         color: #AAAAAA; background-color: rgba(0, 0, 0, 0.3);
                        margin-left: 0px; top: 270px; }

        

#bas_page  {width: 1000px; position: absolute;
	    	 	margin-top: 645px;
		margin-left: auto;
		margin-right: auto; 
		
	}



#bas_page_presentation  {width: 1000px; position: absolute;
	    	 	margin-top: 700px;
		margin-left: auto;
		margin-right: auto; 
		
	}



.type1 { color: #ffffff; font-size: 16px; letter-spacing: 3px;     }
.type1:hover { color: #777777; font-style: italic;}



#menu_references  {      position: absolute;   width: 320px;   height: 600px; 
                            font-size: 14px;
                         color: #AAAAAA; background-color: rgba(0, 0, 0, 0.6); 
                        margin-left: 0px; top: 270px; 
		 }