body { 
background-image : url('../images/bg.gif'); 
font-family : arial, sans serif; 
font-size : 0.75em; 

} 
* { 
padding : 0; 
margin : 0; 
} 
a { 
text-decoration : none; 
color : #000099; 
} 


#texte a { 
text-decoration : underline; 
color : #000099; 
font-weight: bold;
} 

#texte a:hover{ 
text-decoration : none; 

} 


img { 
border : 0; 
} 

.obligatoire{
  color: red;
  }

#conteneur { 
width : 991px; 
margin-right : auto; 
margin-left : auto; 
} 

#conteneurHome { 
width : 989px;      
margin-right : auto; 
margin-left : auto; 
} 
#top { 
width : 991px; 
height : 92px; 
position : relative; 
background-color: #000099;       
} 
#top_page2 { 
width : 991px; 
height : 173px; 
position : relative; 
background-image : url('../images/top_1_page_2_fr.jpg'); 
  background-color: #000099;     
} 

#top_visite { 
width : 989px; 
height : 107px; 
position : relative; 
background-image : url('../images/top_1.jpg'); 
  background-color: #000099;     
} 



#top a, #top_page2 a, #top_visite a { 
color : #ffff00; 
text-decoration : none; 
font-size : 0.8em; 
} 
#top ul, #top_page2 ul, #top_visite ul { 
float : right; 
margin-right : 20px; 
list-style-type : none; 

} 
#top li, #top_page2 li, #top_visite li { 
float : left; 
} 
#navbas { 
width : 991px; 
height : 133px; 
background-color : white; 
float : left; 
color : #000099; 
} 
#navbas ul { 
list-style-type : none; 
float : left; 
margin : 0; 
padding : 0; 
} 
#navbas img { 
float : left; 
} 
#navbas li { 
list-style-type : none; 
float : left; 
margin : 0; 
padding : 0; 
position : relative; 
} 
#navbas #actualite { 
width : 198px; 
height : 123px; 
background-image : url('../images/bg_actu.gif'); 
float : left; 
position : relative; 
} 
#navbas a { 
text-decoration : none; 
color : #000099; 
font-size : 0.9em; 
font-weight : bold; 
} 
#detail_actu { 
text-align : left; 
color : #4b4b4b; 
width : 160px; 
height : 60px; 
overflow : hidden; 
position : absolute; 
top : 50px; 
left : 22px; 
line-height : 12px; 
letter-spacing : 0; 
} 

#h1_detail_actu{
position: absolute;
top:10px;
left:0px;
width: 180px;
text-align: right;
font-size:1em;

}

#footer {
clear:both;
background-color : #000099; 
width : 991px; 
height : 28px; 
float : left; 
line-height : 28px; 
} 
#footer #copyright { 
color : white; 
padding-left : 18px; 
font-size : 0.8em; 
} 
#footer a { 
text-decoration : none; 
} 
#info_nav { 
position : absolute; 
top : 126px; 
left : 26px; 
color : #003399; 
font-size : 0.9em; 
} 
#navMenu {     

position : absolute; 
left : 256px; 
top : 77px; 
} 
#navMenu ul { 
float : left; 
list-style-type : none; 
} 
#navMenu li { 
float : left; 
text-transform : uppercase; 
padding-right : 10px; 
padding-left : 10px; 
border-right : 2px solid; 
border-right-color : #fcfcfc; 
height : 30px; 
} 
#navMenu a { 
color : #ffff00; 
font-size : 1em; 
font-weight : bold; 
} 
#navMenu a:hover { 
text-decoration : underline; 
} 

#centre {
background-color : white; 
float : left; 
width : 991px; 
background-repeat : no-repeat; 
background-position : 296px; 
position : relative;
top: 0px;
margin:0px; 
padding:0px;
} 

#menuGauche { 
width : 153px; 
float : left; 
margin-top : 10px; 
position : relative; 
height: 585px;
/*background:url(../images/bg_menu_gauche.jpg) no-repeat bottom left;*/

} 
#contenuPage { 
width : 838px; 
float : left;
margin-top:-9px;
} 
#menuGauche a:hover { 
text-decoration : underline; 
font-weight : bold; 
} 

#reserver_aventure{
    position: relative;
    z-index: 250;
}

#ln_visite_virtuelle { 
position : absolute; 
top : 83px; 
left : 20px; 
width : 50px; 
color : #003399; 
font-size : 0.9em; 
text-decoration : none; 
} 
#ln_visite_virtuelle_on { 
position : absolute; 
top : 83px; 
left : 90px; 
width : 50px; 
color : #003399; 
font-size : 0.9em; 
text-decoration : underline; 
font-weight : bold; 
} 
#ln_reservez { 
position : absolute; 
top : 245px; 
left : 20px; 
width : 120px; 
color : #003399; 
font-size : 0.9em; 
text-decoration : none; 
} 
#ln_reservez_on { 
position : absolute; 
top : 250px; 
left : 20px; 
width : 120px; 
color : #003399; 
font-size : 0.9em; 
text-decoration : underline; 
font-weight : bold; 
} 
#ln_preparez { 
position : absolute; 
top : 405px; 
left : 20px; 
width : 100px; 
color : #003399; 
font-size : 0.9em; 
text-decoration : none; 
} 
#ln_preparez_on { 
position : absolute; 
top : 410px; 
left : 52px; 
width : 100px; 
color : #003399; 
font-size : 0.9em; 
text-decoration : underline; 
font-weight : bold; 
} 
#contenuPage { 
width : 813px; 
float : left; 
position : relative; 
} 
h1 { 
font-size : 1.3em; 
        position : relative; 
    top : 225px; 
    left : 450px; 
color:#62557d;
text-transform: uppercase;
} 

h3 { 
font-size : 1.2em; 
  position:relative;
  top:0; 
  left:0;
color:#62557d;
width: 650px;
text-transform: uppercase;
} 

h4 {
color:#62557d;
}


.skip_menu{
    position: absolute;
    top:-250px;
    display: none;
}

#actu_princ{
background:url(../images/bibendum_bg_actu.jpg) no-repeat bottom right;
height:314px;
margin-bottom:10px;
}



.titre_actu_princ{
font-family:Arial;
font-size:20px; 
color:#000099;
font-weight:bold;
height:27px;
overflow:hidden;
width:506px;
}

#titre_actu_petit{
font-size:11px;
color:#000099;
font-weight:bold;
width:230px;
height:25px;
overflow:hidden;
text-transform:uppercase;

}


.actu_princ{
text-align:justify;
color:#6f7072;
font-size:11px;
height:127px;
overflow:hidden;
margin-bottom:17px;
}

#texte_actu{
text-align:justify;
color:#6f7072;
font-size:12px;
float:left;
}

.actu_petit{
text-align:justify;
color:#6f7072;
font-size:11px;
height:30px;
overflow:hidden;
}

.actu_petit2{
text-align:justify;
color:#6f7072;
font-size:11px;
}

.lien_suite{
color:#00009c;
font-size:10px;
}

#actu_petite{
width:237px;
cursor:pointer;
}

  /* Menu de gauche, position */

#menuPreparez { 
text-align : right; 
position : absolute; 
z-index : 10; 
left : -6px; 
top : 10px; 
} 
#menuPreparez ul { 
list-style-type : none; 
} 
#menuPreparez li { 
list-style-type : none; 
width : 215px; 
position : relative; 
} 
#menuPreparez a { 
color : #4b4b4b; 
text-decoration : none; 
font-size : 0.9em; 
} 
#menuPreparez a:hover { 
color : #707173; 
text-decoration : underline; 
font-weight : bold; 
font-size : 0.9em; 
} 
#menuPreparez .clic { 
color : #707173; 
text-decoration : underline; 
font-weight : bold; 
font-size : 0.9em; 
} 
#menuPreparez #ln1 { 
padding-bottom : 5px; 
} 
#menuPreparez #ln2 { 
left : -40px; 
padding-bottom : 5px; 
} 
#menuPreparez #ln3 { 
left : -65px; 
padding-bottom : 5px; 
} 
#menuPreparez #ln4 { 
left : -80px; 
padding-bottom : 5px; 
} 
#menuPreparez #ln5 { 
left : -95px; 
padding-bottom : 5px; 
} 
#menuPreparez #ln6 { 
left : -120px; 
padding-bottom : 5px; 
} 
#menuPreparez #ln7 { 
left : -130px; 
padding-bottom : 5px; 
} 
#menuPreparez #ln8 { 
left : -128px; 
padding-bottom : 5px; 
} 
#menuPreparez #ln9 { 
left : -122px; 
padding-bottom : 5px; 
} 
#menuPreparez #ln10 { 
left : -105px; 
} 



#menuScolaireEnseignant { 
text-align : right; 
position : absolute; 
z-index : 10; 
left : -3px; 
top : 10px; 
} 
#menuScolaireEnseignant ul { 
list-style-type : none; 
} 
#menuScolaireEnseignant li { 
list-style-type : none; 
width : 215px; 
position : relative; 
} 
#menuScolaireEnseignant a { 
color : #4b4b4b; 
text-decoration : none; 
font-size : 0.9em; 
} 
#menuScolaireEnseignant a:hover { 
color : #707173; 
text-decoration : underline; 
font-weight : bold; 
font-size : 0.9em; 
} 
#menuScolaireEnseignant .clic { 
color : #707173; 
text-decoration : underline; 
font-weight : bold; 
font-size : 0.9em; 
} 
#menuScolaireEnseignant #ln1 { 
padding-bottom : 5px; 
} 
#menuScolaireEnseignant #ln2 { 
left : -40px; 
padding-bottom : 5px; 
} 
#menuScolaireEnseignant #ln3 { 
left : -65px; 
padding-bottom : 5px; 
} 
#menuScolaireEnseignant #ln4 { 
left : -80px; 
padding-bottom : 5px; 
} 
#menuScolaireEnseignant #ln5 { 
left : -95px; 
padding-bottom : 5px; 
} 
#menuScolaireEnseignant #ln6 { 
left : -110px; 
padding-bottom : 5px; 
} 
#menuScolaireEnseignant #ln7 { 
left : -120px; 
padding-bottom : 5px; 
} 
#menuScolaireEnseignant #ln8 { 
left : -128px; 
padding-bottom : 5px; 
} 
#menuScolaireEnseignant #ln9 { 
left : -130px; 
padding-bottom : 5px; 
} 



#menuIndividuels { 
text-align : right; 
position : absolute; 
z-index : 10; 
left : 3px; 
top : 10px; 
} 
#menuIndividuels ul { 
list-style-type : none; 
} 
#menuIndividuels li { 
list-style-type : none; 
width : 215px; 
position : relative; 
} 
#menuIndividuels a { 
color : #4b4b4b; 
text-decoration : none; 
font-size : 0.9em; 
} 
#menuIndividuels a:hover { 
color : #707173; 
text-decoration : underline; 
font-weight : bold; 
font-size : 0.9em; 
} 
#menuIndividuels .clic { 
color : #707173; 
text-decoration : underline; 
font-weight : bold; 
font-size : 0.9em; 
} 
#menuIndividuels #ln1 { 
padding-bottom : 5px; 
} 
#menuIndividuels #ln2 { 
left : -40px; 
padding-bottom : 5px; 
} 
#menuIndividuels #ln3 { 
left : -65px; 
padding-bottom : 5px; 
} 
#menuIndividuels #ln4 { 
left : -90px; 
padding-bottom : 5px; 
} 
#menuIndividuels #ln5 { 
left : -95px; 
padding-bottom : 5px; 
} 
#menuIndividuels #ln6 { 
left : -110px; 
padding-bottom : 5px; 
} 
#menuIndividuels #ln7 { 
left : -125px; 
padding-bottom : 5px; 
} 
#menuIndividuels #ln8 { 
left : -128px; 
padding-bottom : 5px; 
} 
#menuIndividuels #ln9 { 
left : -130px; 
padding-bottom : 5px; 
} 


#menuGroupe { 
text-align : right; 
position : absolute; 
z-index : 10; 
left : 3px; 
top : 10px; 
} 
#menuGroupe ul { 
list-style-type : none; 
} 
#menuGroupe li { 
list-style-type : none; 
width : 215px; 
position : relative; 
} 
#menuGroupe a { 
color : #4b4b4b; 
text-decoration : none; 
font-size : 0.9em; 
} 
#menuGroupe a:hover { 
color : #707173; 
text-decoration : underline; 
font-weight : bold; 
font-size : 0.9em; 
} 
#menuGroupe .clic { 
color : #707173; 
text-decoration : underline; 
font-weight : bold; 
font-size : 0.9em; 
} 
#menuGroupe #ln1 { 
padding-bottom : 5px; 
} 
#menuGroupe #ln2 { 
left : -40px; 
padding-bottom : 5px; 
} 
#menuGroupe #ln3 { 
left : -65px; 
padding-bottom : 5px; 
} 
#menuGroupe #ln4 { 
left : -80px; 
padding-bottom : 5px; 
} 
#menuGroupe #ln5 { 
left : -95px; 
padding-bottom : 5px; 
} 
#menuGroupe #ln6 { 
left : -110px; 
padding-bottom : 5px; 
} 
#menuGroupe #ln7 { 
left : -120px; 
padding-bottom : 5px; 
} 
#menuGroupe #ln8 { 
left : -128px; 
padding-bottom : 5px; 
} 
#menuGroupe #ln9 { 
left : -130px; 
padding-bottom : 5px; 
} 





#formu { 
width : 438px; 

margin-top : 20px; 
} 

#form_cont{
    padding: 15px;;
}

#note_contact { 

width : 330px; 
float : right; 
text-align : justify; 
padding-top: 20px;
} 

#adresseContact{

width : 330px; 
float : right; 
text-align : justify; 
padding-top: 20px;
font-weight: bold;

}


#chpObl{

padding-bottom: 10px;
font-weight: bold;
}

#adresse {
 
}

#accroche { 
font-weight : bold; 
position : absolute; 
width : 430px; 
text-align : right;
top:272px;
right:30px; 
color:#62557d;
} 


#texte { 
text-align : justify; 

padding-left : 40px; 
font-size : 1em; 
font-weight : normal; 
color:#62557d;
z-index:1000;
    
}

#texte3 { 

width : 838px; 
text-align : justify; 
font-size : 1em; 
font-weight : normal; 
color:#62557d;
position: relative;     
}

#texte2 { 

width : 788px; 
text-align : justify; 

padding-left : 40px;
padding-right:211px; 
font-size : 1em; 
font-weight : normal; 
color:#62557d;
position: relative;
background-image:url(./actualite/images/bg_actus.jpg); 
background-position:bottom; 
background-repeat:no-repeat;   
}

 
 
 
 
 
 
 
.lien_big {
font-size : 1.1em; 
color:#62557d;
text-decoration:none;
}
 
h2 { 
font-size : 1.1em; 
color:#62557d;
} 

#texte p { 
margin-bottom : 20px; 
 
} 

#navTop li { 
border-right : 2px solid; 
border-color : #c5c7e0; 
padding-right : 10px; 
padding-left : 10px; 
} 

#navigation_gauche ul{
    text-align: center;
    list-style-type: none;
}     

#navigation_gauche li{
    text-align: center;
    list-style-type: none;       
    margin-bottom: 25px;
    
}
#navigation_gauche img{
float:left;
}

.lienActu{
 position:absolute; 
 top:95px; 
 left:40px; 
 font-size:0.8em;
}

.imgESP{
 margin-top:4px;
 margin-right:4px;
}

#pos1{
 position: absolute; top:86px; left:32px; width: 120px; line-height:12px; 
}

#pos2{
position: absolute; top:79px; left:12px; line-height:12px;
}

#pos3{
position: absolute; top:79px; left:27px;line-height:12px;
}

#pos4{
position: absolute; top:82px; left:19px;line-height:12px;
}

#pos5{
 position: absolute; top:93px; left:23px;line-height:12px;
 }
 
 
 #posImgPage{
 position: absolute; top:0px; left:7px; z-index:1;
 }
 
  #posImgPage2{
 position: absolute; top:15px; left:107px;
 }
 
 #rond_jaune{
  position: absolute; top:60px; left:393px;
  font:Arial;
  font-size:21px;
  color:#00319c;
  font-weight:bold;
  width:131px;
  height:104px;
  text-align:center;
   }
 
 .lienRetourHome{
 
 float:right; padding-left:10px; padding-bottom:5px;
 
 }

#navMenuLI1{
   
}

#navMenuLI2{
   
}

#navMenuLI3{
 
}

#navMenuLI4{
   
}

#navMenuLI5{

}

#navMenuLI6{    


}

#navMenu #navMenuLI5{
        
   border-right:0;
}   

#navMenu li span{
font-size:0.9em;
}

.level2{
color:#707173;
}

#spacerHome{
position: absolute;
}

#navTop .linoborder{
 border-right:none;
 }
 
 .lienML{
 float:right; color:#ffff00; font-size:0.8em; padding-right:18px;
 }
 
 #MM{
 float:right; color:white; font-size:0.8em; padding-right:20px;
 
 
 }
 
 #MM a{
  color: white;
 }
 
 #topH1{
  position:relative;
  top:0; 
  left:0;
  
 }
 
 .messageForm{
 width:329px; 

                                                
 }
 
 
 
 
 
 
 .cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;     
border: 1px solid gray;
}

.cssform textarea{
width: 250px;
height: 150px;
border: 1px solid gray;    
}




* html .threepxfix{
margin-left: 3px;
}


.right{
margin-left: 15px;  ;

float: right;

}


#lienBoutique{
 position: absolute;
 left: 700px;
}

.espace{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}


#legendeAlbum{
    width: 650px;
    height: 78px;
    color: white;
    background-color: black;
    filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6; 
    z-index: 150; 
    position: relative; 
    top: 310px;
    left:0px; 
}

#legendeAlbum2{
    width: 650px;
    height: 35px;
    color: white;
    background-color: black;
    filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6; 
    z-index: 150; 
    position: relative; 
    top: -88px;
    left:0px; 
}

#legendeAlbum3{
    width: 650px;
    height: 38px;
    color: white;
    background-color: black;
    filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6; 
    z-index: 150; 
    position: relative; 
    top: -43px;
    left:0px; 
}

#texteLegende3{
    color: white;
    width: 610px;
    height: 40px;
	    position: relative;
    top: 0px;
     left: 20px;
     z-index: 250;
}

#texteLegende2{
    color: white;
    width: 610px;
    height: 40px;
    position: relative;
    top: -45px;
     left: 20px;
     z-index: 250;
}

#texteLegende{
    color: white; 
    width: 610px;
    height: 35px;
    position: relative;
    top: 360px;
     left: 20px;
     z-index: 250;
}