html{
background:url(imagesmenuphotos/fondhtml.jpg)  no-repeat center -50px fixed;
font-family:Helvetica, Arial, sans-serif;
font-size:17.5px;
padding:0;
margin:0;
}
#Conteneur{
position:relative;
color:white;
width:900px;
height:1600px;
padding:40px;
margin:20px auto 0;
border-radius:30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 15px 15px 15px 15px;
color:#25565d;
}
#Corps{
width:1000px;
height:1100px;
padding:5px 20px;
margin:10px 0 0;
float:right;
margin-right:-70px;
margin-top:-230px;
background: url(imagesarchivestrois/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;
}
#Corps a{
background-image: none
}
#Corps a:hover{
background: none;
}

#VerticLat{ 
       position:relative;
	   padding:0;	   
	   height:192px;
	   font-size:14px;
	   margin-bottom:60px;
	   }
	   #VerticLat li{  /*texte  niveau 1  */
	   margin:0px;
	   border-top:2px solid transparent;
	   list-style-type:none;
	   width:200px;               /*  largeur enveloppe texte titre niveau 1 (saison n°. . .) */
	   position:relative;
	   }
	   #VerticLat li a{   /* 1er etage */
	   display:block;
       width:200px;    /*largeur texte liste niveau 1(rando, poc . . .)*/
       height:25px;
	   line-height:25px;
	   text-align:center;
	   text-decoration:none;
	   background-image:none;
	   color:white;               /*   couleur texte niveau 1   */
	   text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
	   text-transform:uppercase;
	   padding-top:5px;
	   font-size:130%;	/*  taille  de rando, poc ...) */
	   }
	   #VerticLat li a:hover{ /*1er etage survol  (rando poc caminan ...) */
	   color:#f5b1a8;         /* couleur texte liste au survol  (rando poc ...)*/
	   background-image:none;	 	   
	   }
	 /*Niveau 2 : listes imbriquées*/
	   
	   #VerticLat li ul{
	   display:none;
	   z-index:2;
	   }
	   #VerticLat li:hover ul{   /* pave niveau 2*/
	   display:block;
	   position:absolute;
       left:200px;
       padding-top:12px;
	   }
	   #VerticLat li:hover ul li a{  /* 2eme etage liste des randos ou activités */
	   width:240px;                  /*  largeur enveloppe texte 2eme niveau nom des randonnées  */
	   text-transform:none;
	   Font-size:140%;
	   padding-top:0px;
	   padding-bottom:0px;
	   height:18px;
	   background-image:none; 
	   text-align:center;
	   }
	   
	   #VerticLat 
	   li:hover ul li a:hover{  /*  2eme etage* survol nom de la rando     */
	   background-image:none;    /*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:0px;   /*colle le niveau au niveau precedent  */
       top:-0px; 
       width:240px;		   /* largeur enveloppe du fond            */	   
	   } 
	   
	   #VerticLat li ul li:hover ul li a{             /*  3eme etage*    liste photo video ...*/
	   width:240px;                                    /* largeur enveloppe de l'ecriture   */
	   text-transform:none;
	   background-image:none; 
       height:22px;  /* hauteur de la case texte 3eme etage  */	  
       margin-left:-0px;    
	   }	   

	   
	  #VerticLat li ul li:hover ul li a:hover{      /*survol du 3eme niveau    liste photo video ...*/
       background-image:none;           /*bouton4.png*/	  
       color:#f5b1a8;    
	   }	   
	   
        		     	 	   
.saison{
color:#f5b1a8;     /*  texte en tete pave saison fixe   */
font-size:20px;
/*text-align:left;  commande la position du texte            */
}

#corps a{
background-image: url(images/bouton3.png);
color:#375c9f;
text-align:left;
}


/*   saison 23-24   */

.pavequatorze{       /* enveloppe du 1er niveau     saison, rando, poc . . .    */
background-image:url(imagesmenuphotos4/fond14.png);		
height:258px;
width:200px;	
text-shadow:-1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:10px;
margin-left:250px;
margin-top:70px;
margin-bottom:-320px;
}

.pavequatorze1{   /* 2eme niveau  nom des randosen rapport avec     #VerticLat li:hover ul li a    */
background-image:url(imagesmenuphotos4/liste14a.png) ;   /*  fond 2eme niveau*/;	
height:398px;
width:240px;	/*  largeur de l'enveloppe contenant le fond   */
margin-left:0px;
padding-left:0px; 
margin-top:-50px;
/*pas d'influence sur le texte du 2eme niveau 
text-shadow:-1px 0 black, 0 1px black,1px 0 black, 0 -2px black;  texte    2eme pave          
text-transform:uppercase;
text-align:left; */   
}

.pavequatorze2{                 /*3eme niveau    */
background: url(imagesmenuphotos4/liste14b.png);
/*width:220px;     ne pas mettre width l'image apparait au survol de randonnee?? */ 
height:60px;
margin-left:-0px;
margin-top:-30px;
text-align:left;    /* pas d'influence sur le texte   */
}	

.pavequatorze3{  
background: url(imagesmenuphotos4/liste14c.png);
width:240px;     
height:580px;
margin-left:-0px;
margin-top:-80px;
text-align:center;
}

.pavequatorze4{ 
background: url(imagesmenuphotos4/liste14d.png);
margin-top:-100px;    
height:58px;
margin-left:-0px;
}

.pavequatorze5{ 
background: url(imagesmenuphotos4/liste14e.png);
height:564px;
width:240px; 
margin-top:-120px; 
}

.pavequatorze6{ 
background: url(imagesmenuphotos4/liste14f.png);
width:240px;
height:139px;
}

.pavequatorze7{ 
background: url(imagesmenuphotos4/liste14g.png);
width:240px;
height:229px;
margin-left:0px;
margin-top:-50px
}

.pavequatorze8{ 
background: url(imagesmenuphotos4/liste14h.png);
height:68px;
margin-left:20px;
}

.pavequatorze9{ 
background: url(imagesmenuphotos4/liste14i.png);
height:180px;
margin-left:20px;
}

.pavequatorze10{ 
background: url(imagesmenuphotos4/liste14j.png);
height:272px;
margin-left:20px;
}

.pavequatorze11{ 
background: url(imagesmenuphotos4/liste14k.png);
height:138px;
margin-left:20px;
}
	

/*  saison 22-23  */

.pavetreize{
background-image:url(imagesmenuphotos4/fond13.png);	
height:210px;
width:200px;
text-shadow:-1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:10px;
margin-left:-20px;
margin-top:50px;
margin-bottom:-250px;
}

.pavetreize1{
background: url(imagesmenuphotos4/liste13a.png);
width:240px;
height:408px;
margin-top:-32px;
}

.pavetreize2{
background: url(imagesmenuphotos4/liste13b.png);
/*width:220px;     ne pas mettre width l'image apparait au survol de randonnee?? */ 
height:68px;
margin-left:40px;
margin-top:-30px;
}

.pavetreize3{
background: url(imagesmenuphotos4/liste13c.png);
width:240px;    
height:636px;
margin-top:-60px;
}

.pavetreize4{
background: url(imagesmenuphotos4/liste13d.png);
/* width:220px;    ne pas mettre width l'image apparait au survol de randonnee?? */  
height:68px;
margin-left:18px;
}

.pavetreize5{
background: url(imagesmenuphotos4/liste13e.png);
width:240px;   
height:656px;
margin-top:-95px;
}

.pavetreize6{
background: url(imagesmenuphotos4/liste13f.png);
/*width:220px;   ne pas mettre width l'image apparait au survol de randonnee?? */  
height:68px;
margin-left:20px;
}

.pavetreize7{
background: url(imagesmenuphotos4/liste13g.png);
width:240px;   
height:198px;
}

.pavetreize8{
background: url(imagesmenuphotos4/liste13g.png);
/*width:220px;    ne pas mettre width l'image apparait au survol de randonnee?? */
height:198px;
margin-left:20px;
}

.pavetreize9{
background: url(imagesmenuphotos4/liste13h.png);
/*width:220px;    ne pas mettre width l'image apparait au survol de randonnee?? */
height:108px;
margin-left:20px;
}





/*  saison 21-22   */

.pavedouze{
background-image:url(imagesmenuphotos4/fond12b.png);	
height:210px;
width:200px;
text-shadow:-1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:10px;
margin-left:600px;
margin-top:30px;
margin-bottom:-250px;
}

.pavedouze1{
background: url(imagesmenuphotos4/liste12a.png);
width:240px;
height:338px;
text-align:left;
}

.pavedouze2{
margin-top:-10px;
background: url(imagesmenuphotos4/liste12b.png);
/*width:240px ;   ne pas mettre width l'image apparait au survol de randonnee?? */  
height:78px;
}

.pavedouze3{
margin-top:-10px;
background: url(imagesmenuphotos4/liste12c.png);
width:240px; 
height:479px;
}

.pavedouze4{
margin-top:-10px;
margin-left:40px;
background: url(imagesmenuphotos4/liste12d.png);
/*width:240px ;   ne pas mettre width l'image apparait au survol de randonnee?? */  
height:66px;
}

.pavedouze5{
margin-top:-10px;
background: url(imagesmenuphotos4/liste12e.png);
width:240px;  
height:454px;
}

.pavedouze6{
margin-top:-10px;
background: url(imagesmenuphotos4/liste12f.png);
width:240px;  
height:165px;
}

.pavedouze7{
background: url(imagesmenuphotos4/liste12g3.png);
/*width:240px ;   ne pas mettre width l'image apparait au survol de autre activité ?? et on a 200px de largeur */  
height:225px;
margin-left:30px; 
margin-top:-100px;

}

.pavedouze8{
background: url(imagesmenuphotos4/liste12h.png);
/*width:240px ;   ne pas mettre width l'image apparait au survol de autre activité ?? et on a 200px de largeur */  
height:90px;
margin-left:35px;
margin-top:-50px;
}

.pavedouze9{
background: url(imagesmenuphotos4/liste12i2.png);
/*width:240px ;   ne pas mettre width l'image apparait au survol de autre activité ?? et on a 200px de largeur */  
height:154px;
margin-left:35px;
margin-top:-50px;
}

.pavedouze10{
background: url(imagesmenuphotos4/liste12j3.png);
/*width:240px ;   ne pas mettre width l'image apparait au survol de autre activité ?? et on a 200px de largeur */  
height:140px;
margin-left:35px;
margin-top:-50px;
}







/* saison 2020-2021  */

.paveonzes{
background-image:url(imagesmenuphotos4/fond11.png);	
height:190px;
width:200px;
text-shadow:-1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:10px;
margin-left:300px;
margin-top:50px;
margin-bottom:-200px;
}

.paveonze1{
background: url(imagesmenuphotos4/liste11a.png);
width:240px;
height:130px;
}

.paveonze2{
background: url(imagesmenuphotos4/liste11b.png);
width:240px;
height:238px;
}

.paveonze3{
background: url(imagesmenuphotos4/liste11c.png);
width:240px;
height:177px;
}

.paveonze4{
background: url(imagesmenuphotos4/liste11d.png);
width:240px;
height:92px;
margin-left:-440px;
}

.paveonze5{
background: url(imagesmenuphotos4/liste11e.png);
/*width:240px ;   ne pas mettre width l'image apparait au survol de autre activité ?? */  
height:125px;
margin-left:-400px;
margin-top:-15px;

}

/* saison 2019-2020  */

.pavedix{
background-image:url(imagesmenuphotos4/fond10.png);
height:190px;
width:200px;
text-shadow:-1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:10px;
margin-left:10px;
margin-top:0px;
margin-bottom:-20px;
}
.pavedix1{
background: url(imagesmenuphotos4/liste10a.png);
width:240px;
height:338px;
margin-top:-50px;
padding-top:0px;
}
.pavedix2{
background: url(imagesmenuphotos4/liste10b.png);
height:289px;
width:240px;
margin-top:-80px;
}
.pavedix3{
height:229px;
width:240px;
background: url(imagesmenuphotos4/liste10c.png);
margin-top:-30px; 
margin-left:1px;
}
.pavedix4{
margin-top:-10px;
background: url(imagesmenuphotos4/liste10d.png);
width:238px;
height:59px;
}
.pavedix5{
margin-top:-20px;
background: url(imagesmenuphotos/liste10e.png);
width:238px;
height:89px;
}
.pavedix6{
background: url(imagesmenuphotos4/liste10f.png);
height:88px;
margin-left:39px;
margin-top:0px;
}
.pavedix7{
background: url(imagesmenuphotos4/liste10d.png);
height:58px;
margin-left:40px;
margin-top:0px;
}

/* saison 2018-2019  */

.paveneuf{
background-image:url(imagesmenuphotos4/fond9.png);
height:180px;
width:200px;
text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:20px;
margin-top:60px;
margin-left:600px;
margin-bottom:-250px;
}
.paveneuf1{
background: url(imagesmenuphotos4/liste9a.png);
width:240px;
height:368px;
margin-top:-50px;
padding-top:0px;
}
.paveneuf2{
background: url(imagesmenuphotos4/liste9b.png);
width:240px;
height:438px;
margin-top:-50px;

}

.paveneuf3{
height:68px;
background: url(imagesmenuphotos4/liste9c.png);
margin-top:-30px; 
margin-left:40px;
}
.paveneuf4{
margin-top:-80px;
background: url(imagesmenuphotos4/liste9d.png);
width:238px;
height:438px;
}
.paveneuf5{
margin-top:-80px;
background: url(imagesmenuphotos4/liste9e.png);
width:238px;
height:288px;
}
.paveneuf6{
background: url(imagesmenuphotos4/liste9f.png);
height:228px;
margin-left:39px;
margin-top:-15px;
}
.paveneuf7{
background: url(imagesmenuphotos4/liste9f2.png);
height:78px;
margin-left:39px;
margin-top:-25px;
}
.paveneuf8{
background: url(imagesmenuphotos4/liste9f3.png);

height:70px;
margin-left:39px;
margin-top:-25px;
}
.paveneuf9{
background: url(imagesmenuphotos4/liste9f4.png);
height:108px;
margin-left:39px;
margin-top:-25px;
}

.pavehuit{
background-image: url(imagesmenuphotos4/fond8.png);
height:180px;
width:200px;
margin-top:40px;
margin-left:300px;
text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:20px;
margin-top:40px;
}
.pavehuit1{
background-image: url(imagesmenuphotos4/liste8a.png);
width:240px;
height:438px;
margin-top:-50px;
padding-top:0px;
}
.pavehuit2{
background-image: url(imagesmenuphotos4/liste8b.png);
width:240px;
height:468px;
margin-top:-50px;
padding-top:0px;
}
.pavehuit3{
background-image: url(imagesmenuphotos4/liste8c.png);
width:240px;
height:408px;
margin-top:-100px;
padding-top:0px;
}
.pavehuit4{
background-image: url(imagesmenuphotos4/liste8d.png);
width:240px;
height:248px;
margin-top:-100px;
padding-top:0px;
}
.pavehuit5{
background-image: url(imagesmenuphotos4/liste8e.png);
height:244px;
margin-top:-50px;
padding-top:0px;
margin-left:40px;
margin-left:-440px;
}
.pavehuit6{
background-image: url(imagesmenuphotos4/liste8f.png);
height:83px;
margin-top:-50px;
padding-top:0px;
margin-left:40px;
margin-left:-440px;
}
.pavehuit7{
background-image: url(imagesmenuphotos4/liste8g.png);
height:165px;
margin-top:-30px;
padding-top:0px;
margin-left:60px;
margin-left:-440px;
}
.pavehuit8{
background-image: url(imagesmenuphotos4/liste8i.png);
height:70px;
margin-top:-30px;
padding-top:0px;
margin-left:40px;
margin-left:-440px;
}


.pavesept{
background-image: url(imagesmenuphotos4/fond7.png);
height:180px;
width:200px;
margin-top:-200px;
margin-left:15px;
text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:20px;
margin-bottom:-250px;
}
.pavesept1{
background-image: url(imagesmenuphotos4/liste7a.png);
width:240px;
height:439px;
margin-top:-50px;
}
.pavesept2{
background-image: url(imagesmenuphotos4/liste7b.png);
width:240px;
height:488px;
margin-top:-50px;
}
.pavesept3{
background-image: url(imagesmenuphotos4/liste7c.png);
width:240px;
height:440px;
margin-top:-50px;
}
.pavesept4{
background-image: url(imagesmenuphotos4/liste7d.png);
width:240px;
height:219px;
margin-top:-50px;
}
.pavesept5{
background-image: url(imagesmenuphotos4/liste7e.png);
margin-left:40px;
height:83px;
margin-top:-40px;
}
.pavesept6{
background-image: url(imagesmenuphotos4/liste7f.png);
margin-left:40px;
height:108px;
margin-top:-40px;
}
.pavesept7{
background-image: url(imagesmenuphotos4/liste7g.png);
margin-left:40px;
height:58px;
margin-top:-40px;
}

.pavesix{
background-image: url(imagesmenuphotos4/fond6.png);
height:180px;
width:200px;
margin-top:300px;
margin-left:600px;
text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:20px;
margin-bottom:-300px;
}
.pavesix1{
background-image: url(imagesmenuphotos4/liste6a.png);
width:240px;
height:389px;
margin-top:-150px;
}
.pavesix2{
background-image: url(imagesmenuphotos4/liste6b.png);
width:240px;
height:438px;
margin-top:-200px;
}
.pavesix3{
background-image: url(imagesmenuphotos4/liste6c.png);
height:59px;
margin-top:-40px;
margin-left:40px;
}
.pavesix4{
background-image: url(imagesmenuphotos4/liste6d.png);
height:489px;
margin-top:-200px;
margin-left:0px;
width:240px;
}
.pavesix5{
background-image: url(imagesmenuphotos4/liste6e.png);
height:278px;
margin-top:-200px;
margin-left:0px;
width:240px;
}
.pavesix6{
background-image: url(imagesmenuphotos4/liste6f.png);
height:118px;
margin-top:-20px;
margin-left:40px;
}
.pavesix7{
background-image: url(imagesmenuphotos4/liste6g.png);
height:58px;
margin-top:-20px;
margin-left:40px;
}



.pavecinq{
background-image: url(imagesmenuphotos4/fond5.png);
height:180px;
width:200px;
margin-top:100px;
margin-left:300px;
text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:20px;
}
.pavecinq1{
background-image: url(imagesmenuphotos4/liste5a.png);
width:240px;
height:368px;
margin-top:-150px;
}
.pavecinq2{
background-image: url(imagesmenuphotos4/liste5b.png);
width:240px;
height:388px;
margin-top:-150px;
}  
.pavecinq3{
background-image: url(imagesmenuphotos4/liste5c.png);
width:240px;
height:458px;
margin-top:-150px;
}
.pavecinq4{
background-image: url(imagesmenuphotos4/liste5d.png);
width:240px;
height:253px;
margin-top:-150px;
margin-left:-440px;
}
.pavecinq5{
background-image: url(imagesmenuphotos4/liste5e.png);
height:108px;
margin-top:-0px;
margin-left:-400px
}


.pavequatre{
background-image: url(imagesmenuphotos4/fond4.png);
height:180px;
width:200px;
margin-top:-200px;
margin-left:-15px;
text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:20px;
}
.pavequatre1{
background-image: url(imagesmenuphotos4/liste4a.png);
width:240px;
height:438px;
margin-top:-150px;
}
.pavequatre2{
background-image: url(imagesmenuphotos4/liste4b.png);
width:240px;
height:438px;
margin-top:-150px;
}
.pavequatre3{
background-image: url(imagesmenuphotos4/liste4c.png);
width:240px;
height:103px;
margin-top:-50px;
}
.pavequatre4{
background-image: url(imagesmenuphotos4/liste4d.png);
width:240px;
height:83px;
margin-top:-20px;
}
.pavequatre5{
background-image: url(imagesmenuphotos4/liste4e.png);
height:58px;
margin-top:-20px;
margin-left:40px;
}


.pavetrois{
background-image: url(imagesmenuphotos4/fond3.png);
height:100px;
width:200px;
margin-top:50px;
margin-left:680px;
text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:20px;
}
.pavetrois1{
background-image: url(imagesmenuphotos4/liste3a.png);
width:240px;
height:438px;
margin-top:-150px;
} 
.pavetrois2{
background-image: url(imagesmenuphotos4/liste3b.png);
width:240px;
height:298px;
margin-top:-150px;
}


.pavedeux{
background-image: url(imagesmenuphotos4/fond2.png);
height:130px;
width:200px;
margin-top:-120px;
margin-left:360px;
text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:20px;
} 
.pavedeux1{
background-image: url(imagesmenuphotos4/liste2a.png);
width:240px;
height:278px;
margin-top:-150px;
}
 .pavedeux2{
background-image: url(imagesmenuphotos4/liste2b.png);
width:240px;
height:168px;
margin-top:-100px;
} 


.paveun{
background-image: url(imagesmenuphotos4/fond1.png);
height:75px;
width:200px;
margin-top:-120px;
margin-left:0px;
text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -2px black;
text-transform:uppercase;
text-align:center;
padding-top:20px;
}
.paveun1{
background-image: url(imagesmenuphotos4/liste1a.png);
width:240px;
height:368px;
margin-top:-150px;
}
.paveun2{
background-image: url(imagesmenuphotos4/liste1b.png);
height:59px;
margin-top:-0px;
margin-left:38px;
}