body,h1,h2,h3,p,ul,li,ol{
margin:0px;
padding:0px;
}

html{
background:url(images/fondhtml.jpg)  no-repeat center -50px fixed;
font-family:Helvetica, Arial, sans-serif;
font-size:17.5px;
padding:0;
margin:0;
}

body, #Corps, #MenuStore li a, #Annonces,.Bouton1  a,.Bouton2  a{
color:#25565d;
}

#Conteneur{
position:relative;
/*color:#17427b;*/
color:#25565d;  
width:900px;
padding:40px;
margin:20px auto 0;
background:url(images/cont1.png);
border-radius:30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 15px 15px 15px 15px;
margin-top:40px;
}

#Corps{
width:630px;
padding:5px 20px;
margin:10px 0 0;
float:right;
background:url(images/cont1.png);  
text-align:justify;
border-radius:30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 15px 15px 15px 15px;
}

#Pied{
height:22px; 
width:900px;
margin:0 auto 20px auto ;
padding:10px 40px;
color:#fff;
background: url(ImagesIndex/Bas85.png);
border-radius: 0px 0px 16px 16px;
-moz-border-radius: 0px 0px 16px 16px;
-webkit-border-radius: 0px 0px 16px 16px;
text-align:center;
font-size:13px;
font-style:italic; 
font-weight:bold
}

#misejour{
float:inline-start;
min-height:100%;
text-align:justify;
margin-top:-50px; 
margin-left:150px;
margin-bottom:20px;
height:100px;
position:fixed;
background-color:red;
}

#colonne{
float:left;
width:190px;
min-height:100%;
margin-top:340px; 
text-align:justify;
font-style:italic; 
position:fixed;
}

#colonnedeux{
float:right;
width:190px;
min-height:100%;
margin-top:400px; 
text-align:justify;
font-style:italic; 
}

h1{
height:110px;
line-height:110px;
margin:10px 0;
padding:0;
text-align:center; 
/*text-transform:uppercase;*/
font-size:260%;
color:#25565d;
}

p{margin:20px 0;}


a{
text-decoration:none;
font-size:120%;
font-weight:bold;
color:#eed309;
width:400px;
}
a:hover{
color:#5aa9eb;
}
#Corps a{
background-image: url(images/bouton3.png);
}
#Corps a:hover{
background: url(images/bouton4.png);
}



#Corps a{
background-image: url(images/bouton3.png);
color:#375c9f;
}
#Corps a:hover{
background: url(images/bouton4.png);
color:#8096c3;
}




ul{
margin:0;
padding:0;
}

.Liste1, .Liste2{
margin:20px 0 20px 70px
}

.Liste1 li{
margin:5px auto;
}

.Gauche{
float:left;
margin-right:15px;
}

.Droite{
float:right;
margin-left:15px;
}

.Centre{
display:block;
margin:10px auto;
}

.Lettrine{
font-size:450%;
font-weight:bold;
background:url(images/letrine3.png) no-repeat;

}

.CopyRight{
float:right;
height:20px; 
line-height:20px;
margin:0;
padding-left:25px;
text-align:right;
background:url(ImagesIndex/Copyright.png) no-repeat;
}

/*<!--Bouton RETOUR  -->*/
a.Bouton{
float:right;
margin-right:-30px;
margin-top:0;
display:block;
width:45px;
text-align:center;
font-size:14px;
font-style:normal;
height:18px;
line-height:18px;
text-decoration:none; 
font-family:Trebuchet MS;
border:3px solid #122b4b;
border-left-color:#eee;
border-top-color:#eee;
color: #fff;
border-radius:0px 0px 10px 0px;
-moz-border-radius:0px 0px 10px 0px;
-webkit-border-radius:0px 0px 10px 0px;
}

a.Bouton:hover{
background-color:#0d305c;
border:3px solid #2f334a;
border-right-color:#eee;
border-bottom-color:#eee;
}
	
/*<!----------------------------------------->*/
/*<!-------------BOUTON CONTACT-------------->*/
#Contact {
width:160px;
height:30px;
line-height:30px;
position:fixed;
top:20px;
left:20px;
color:#fff; 
font-weight:bold;
}

/*<!--Bouton Contact-->*/	 	 
a.Contact {
float:right;
margin-left:4px;
width:30px;
height:30px;
background:url(../FondCommun/ImagesIndex/Contact30.png) no-repeat 0 0;
}

a.Contact:hover{
background-position: -30px 0; 
}	
	
/*<!----------------------------------------->*/
/*<!----------MENU STORE VÉNITIEN------------>*/
ul{
margin:0;
padding:0;
}

#MenuStore{
position:absolute;
top:40px;
left:60px;
width:170px;
margin:20px 0 0;
}

#MenuStore li{
list-style:none;
}

.Bouton1 , .Bouton2{
font-size:13px;
font-weight:bold;
height:27px;
line-height:25px;
}

.Bouton1  a, .Bouton2 a{
display:block;
position:relative;
padding-left:10px;
/*color:#193670;*/
color:#25565d;
text-decoration:none; 
text-transform:uppercase;
background: url(images/bouton.png) 0 -5px  repeat-x;
}

.Bouton1 a:hover, .Bouton2 a:hover{
text-decoration:none;
background: url(images/bouton2.png) 0 -5px  repeat-x;
}

.Store{
display:none;
margin-top:-3px;
margin-left:15px;
border-top:3px solid transparent;
}

.Store li{
font-size:12px;
font-weight:bold;
height:25px;
}

.Store li a{
display:block;
text-decoration:none;
color:#193670; 
background: url(images/bouton.png) 0 -5px  repeat-x;
padding-left:7px;
height:23px;
line-height:23px;
}
	
.Store li  a:hover{
background-position:0 -25px;
background: url(images/bouton2.png) 0 -5px repeat-x;
}	
	
	
	   #VerticLat{ 
       position:fixed;
	   padding:0;	   
	   height:192px;
	   font-size:14px;
	   margin-bottom:60px;
	   }
	   #VerticLat li{
	   margin:0px;
	   border-top:2px solid transparent;
	   list-style-type:none;
	   width:240px;
	   position:relative;
	   }
	   #VerticLat li a{      
	   display:block;
       width:225px;      /* largeur onglet 1er niveau accueil diaporama . . .*/
       height:25px;
	   line-height:25px;
	   text-align:center;
	   text-decoration:none;
	   background-image:url(images/bouton.png);
	   color:#25565d;
	   text-transform:uppercase;
	   }
	   #VerticLat li a:hover{
	   color:#193670;
	   background-image:url(images/boutonph.jpg);
	   }
	 /*Niveau 2 : listes imbriquées*/
	   
	   #VerticLat li ul{
	   display:none;
	   z-index:2;
	   }
	   #VerticLat li:hover ul{
	   display:block;
	   position:absolute;
       left:228px;
       top:-2px;
	   
	   }
	   #VerticLat li:hover ul li a{
	   width:250px;
	   text-transform:none;
	   background-image:url(images/bouton3.png);
	   }
	   
	   #VerticLat li:hover ul li a:hover{
	   background-image:url(images/boutonbug.jpg);    /*bouton4.png*/
	   }
	   
	   /*niveau 3:photographes */
	   
 	   #VerticLat li ul li ul li  {
	   /* display:none; */
	   }
	   
       #VerticLat li ul li:hover ul li{  /* commande le survol du niveau 2 et apparition niveau 3 */
	   display:block;            /* commande  apparition niveau 3 */
	  /*position:absolute; il ne faut pas mettre position absolute un seul li apparait au lieu de 3 */
       left:25px;   /*colle le niveau au niveau precedent  */
       top:-0px;	   
	   } 
	   
	   #VerticLat li ul li:hover ul li a{
	   width:200px;
	   text-transform:none;
	   background-image:url(images/bouton3.png); 
       height:25px;
       line-height:25px;		   
	   }
	   
	  #VerticLat li ul li:hover ul li a:hover{      /*survol du 3eme niveau*/
       background-image:url(images/boutoncambre.jpg)           /*bouton4.png*/	   
	   }
        
		/*niveau 4 pour les diaporamas plusieurs photographes aprés rajout archives */
		
       #VerticLat li ul li ul li ul li a{
	   display:none;
	   width:200px;
	   }
		   
       #VerticLat li ul li ul li:hover ul li a{
	   display:block;/* position:absolute; il ne faut pas mettre position absolute un seul li apparait au lieu de 3 */
       left:5px;
       top:0px;
       width:200px;
	   } 
       #VerticLat li ul li ul li:hover  ul li a{
	   width:200px;
	   text-transform:none;
	   background-image:url(images/bouton3.png); 
	   margin-left:-50px;
	   }
       #VerticLat li ul li ul li:hover ul li a:hover{
       background-image:url(images/boutoncambre.jpg);	   /*bouton4.png*/
	   height:25px;
       line-height:25px;
	   width:200px;
	   }
	   
	   /*niveau 5 pour les diaporamas raquettes longues et courtes */
	   
	  
       
	   #test1 {position: absolute; z-index: 1;}
	   
       #test2 {position: absolute; z-index: 2;}
       #test3 {position: absolute; z-index: 3;}
       #test4 {position: absolute; z-index: 4;}
	   
	      #VerticLat li ul li ul li ul li ul{
		  padding:0;
          margin:0;
          list-style:none;
		  }
          #VerticLat li ul li ul li ul li ul li a{		  
          display:block;              /*l'onglet longue est caché et apparait au survol de raquettes*/

          }	
          #VerticLat li ul li ul li ul li:hover ul li a:hover{
          display:block;
          background-image:url(images/boutonbug.jpg);
		  }
		  #VerticLatli ul li ul li ul li ul li ul li a{
		  display:block;
		  background-image:url(images/bouton3.png);
		  }
		  
		  
/*		  
 #menu-vertical, #menu-vertical ul {
  padding:0;
  margin:0;
  list-style:none;
  width: 180px;  seule ligne rajoutée 
}
*/