/* Bouton Mute */
#mute
{
   width: 70px;
   height: 70px;
   position:absolute;
   top: 20px;
   bottom: 20px;   
   left:0px;   
   background-color: none; /*#72cfff;*/ /*#72d7f3;*/ /*#b5f3fd;*/ /*#b5a7e8; *//* #50abe2; */
   color: white; /* Le texte de la page sera blanc */
}

img
{
border-width : none;
border : none;
border-style: none;
}
.imgMargin_0_30_5_0 { 
margin: 0px 60px 5px 0px; /*top,right,bottom,left*/ 
} 
.imgMargin_5_30 { 
margin: 5px 30px 5px 30px; /*top,right,bottom,left*/ 
} 
.imgMargin_5_20 { 
margin: 5px 20px 5px 20px; /*top,right,bottom,left*/ 
} 
.imgMargin_10_20 { 
margin: 10px 20px 10px 20px; /*top,right,bottom,left*/ 
} 
.imgMargin_15_20 { 
margin: 15px 20px 15px 20px; /*top,right,bottom,left*/ 
}
.imgMargin_5_10 { 
margin: 5px 10px 5px 10px; /*top,right,bottom,left*/ 
} 
.imgMargin_20_10 { 
margin: 20px 10px 20px 10px; /*top,right,bottom,left*/ 
} 
.imgMargin_30_20 { 
margin: 30px 20px 30px 20px; /*top,right,bottom,left*/ 
}
.imgMargin_20_20 { 
margin: 20px 20px 20px 20px; /*top,right,bottom,left*/ 
}
.imgMargin_0_0 { 
margin: 0px 0px 0px 0px; /*top,right,bottom,left*/ 
}
.imgMargin_10_10 { 
margin: 10px 10px 10px 10px; /*top,right,bottom,left*/ 
}

body
{
   width: 1000px;
   height: auto;
   margin: 0px;
   background-repeat: repeat;
   margin-top: 20px;
   margin-bottom: 20px;  
   background-image:url(images/blue_drop.jpg);   
   background-color: #50abe2; /*#72cfff;*/ /*#72d7f3;*/ /*#b5f3fd;*/ /*#b5a7e8; *//* #50abe2; */
   color: #50abe2;
   background-attachment: fixed; /* Le fond restera fixe */
}

/* Le menu */
#menu
{
  display: block; 
  height:200px;
  position: absolute; 
  left:160px;
  top: 10px; 
  overflow: hidden; 
  width: 1200px;
}

.topNaviagationLink
{
position:relative;
margin-top:30px;
font-size:20px;
margin-left:18px;
width:110px;
height: 60px;
line-height: 24px;
float:left;
text-align: center;
color:#CDE2FC;
font-family:Palatino, "Times New Roman", Times, serif;
}

.topNaviagationLink a
{
text-decoration:none;
color:#CDE2FC;
}

.topNaviagationLink a:hover
{
text-align:center;
border-bottom:none;
font-size:21px;
color:#0c9ed6;
width:110px;
height: 60px;
line-height: 24px;
float:left;
text-align: center;
}

.topNaviagationLinknow
{
position:relative;
margin-top:30px;
font-size:20px;
margin-left:20px;
width:110px;
height: 60px;
line-height: 24px;
float:left;
text-align: center;
font-family:Palatino, "Times New Roman", Times, serif;
}

.topNaviagationLinknow a
{
text-decoration:none;
color:#ffcc61;
}

.topNaviagationLinknow a:hover
{
text-align:center;
border-bottom:none;
color:#0c9ed6;
width:110px;
height: 60px;
line-height: 24px;
float:left;
text-align: center;
}

/* Le sousmenu */
#sousmenu
{
  display: block; 
  height:800px;
  position: absolute; 
  left:50px;
  top:200px; 
  overflow: hidden; 
  width: 150px;
}

#rightsousmenu
{
  display: block; 
  height:auto;
  position: absolute; 
  left:1150px;
  top:200px; 
  overflow: hidden; 
  width: 150px;
}

.leftNaviagationLink
{
text-align:left;
position:relative;
margin-top:30px;
font-size:20px;
margin-left:10px;
width:120px;
height: 120px;
line-height: 24px;
float:left;
color:#CEEAEE;
font-family:Palatino, "Times New Roman", Times, serif;
}

.leftNaviagationLink a
{
text-decoration:none;
border:none;
border-width: 5px;
color:#CDE2FC;
}

.leftNaviagationLink a:hover
{
text-align:left;
border-bottom:none;
color:#0c9ed6;
width:120px;
height: 120px;
line-height: 24px;
float:left;
background-image:url(tab.png);
}

.leftNaviagationLinknow
{
border-style:solid;
border-width:6px;
border-color:#ffcc61;
background-color:#ffcc61;
width:120px;
height:120px;
text-align:left;
position:relative;
margin-top:30px;
font-size:20px;
margin-left:10px;
line-height: 24px;
float:left;
color:#CEEAEE;
font-family:Palatino, "Times New Roman", Times, serif;
}

.leftNaviagationLinknow a
{
text-decoration:none;
color:#CDE2FC;
}

.leftNaviagationLinknow a:hover
{
text-align:left;
border-bottom:none;
color:#0c9ed6;
width:120px;
height: 100px;
line-height: 24px;
float:left;
background-image:url(tab.png);
}

/* -- Right Menus ¨*/
.rightNaviagationLink
{
text-align:left;
position:relative;
margin-top:30px;
font-size:20px;
margin-left:10px;
width:120px;
height: 100px;
line-height: 24px;
float:right;
color:#CEEAEE;
font-family:Palatino, "Times New Roman", Times, serif;
}

.rightNaviagationLink a
{
text-decoration:none;
border:none;
border-width: 5px;
color:#CDE2FC;
}

.rightNaviagationLink a:hover
{
text-align:left;
border-bottom:none;
color:#0c9ed6;
width:120px;
height: 100px;
line-height: 24px;
float:right;
background-image:url(tab.png);
}

.rightNaviagationLinknow
{
border-style:solid;
border-width:6px;
border-color:#ffcc61;
background-color:#ffcc61;
width:120px;
height:100px;
text-align:left;
position:relative;
margin-top:30px;
font-size:20px;
margin-left:10px;
line-height: 24px;
float:right;
color:#CEEAEE;
font-family:Palatino, "Times New Roman", Times, serif;
}

.rightNaviagationLinknow a
{
text-decoration:none;
color:#CDE2FC;
}

.rightNaviagationLinknow a:hover
{
text-align:left;
border-bottom:none;
color:#0c9ed6;
width:120px;
height: 100px;
line-height: 24px;
float:right;
background-image:url(tab.png);
}



/* L'en-tete */

#photoEntete
{
position: absolute;
width:950px;
height:290px;
top: 110px;
left: 200px;
background-color:none;
background-image:url(images/blue_light_rectangle.jpg);
background-repeat:no-repeat;
}

#photoEntete .photo
{
position:absolute;
height:280px;
width:950px;
top:10px;
background-color:none;
background-image:url(images/coucher_de_soleil.jpg);
background-repeat:no-repeat;
left:10px;
}

#photo .en_tete_comment
{
   height: 200px;
   position: absolute;
   left: 400px;
   top: 300px;
}


#en_tete_comment  h1
{
   color: #47c6ff;
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: center; /* Pour centrer le titre */
   text-decoration: none;
   left: 550px;
   margin-top: 30px;
   position: absolute;
   font-size: 30px;
   font-style: italic;
}
#en_tete_comment  h2
{
   color: #47c6ff;
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: center; /* Pour centrer le titre */
   text-decoration: none;
   left: 750px;
   margin-top: 240px;
   position: absolute;
   font-size: 20px;
   font-style: italic;
}

#en_tete_comment  h3
{
   color: #47c6ff;
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: center; /* Pour centrer le titre */
   text-decoration: none;
   left: 520px;
   margin-top: 30px;
   position: absolute;
   font-size: 28px;
   font-style: italic;
}

#en_tete_comment  h4
{
   color: #47c6ff;
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: right; /* Pour centrer le titre */
   text-decoration: none;
   left: 550px;
   margin-top: 90px;
   position: absolute;
   font-size: 30px;
   font-style: italic;
}

#en_tete_comment  h5
{
   color: #47c6ff;
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: right; /* Pour centrer le titre */
   text-decoration: none;
   left: 550px;
   margin-top: 90px;
   position: absolute;
   font-size: 30px;
   font-style: italic;
}

#en_tete_comment  h6
{
   color: #47c6ff;
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: center; /* Pour centrer le titre */
   text-decoration: none;
   left: 520px;
   margin-top: 30px;
   position: absolute;
   font-size: 28px;
   font-style: italic;
}



/* Le corps de la page */

#corps
{
   position: absolute;
   left: 140px;
   top: 600px;
   padding: 5px;
   
   color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;  
   border: 2px solid black;
}

#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family:Palatino, "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}

.contentBox
{
position:absolute;
width:950px;
height:auto;
top:400px;
left:100px;
background-color:#ade8aa;
color: #086b00;
}

.contentBox .innerBox
{
position:absolute;
width:950px;
height:auto;
top:10px;
left:100px;
background-color:#84a1fd;
background-repeat:no-repeat;
padding-bottom:10px;
color: #02007e;
}

.contentTitle h1
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:14px;
color:#086b00;
text-decoration:none;
line-height:30px;
margin-left:40px;
left: 40px;
padding-top:10px;
margin-right:40px;
margin-top:0px;
text-align: left;
}

.contentTitle
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:24px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
margin-left:15px;
left: 15px;
margin-top:10px;
text-align: center;
color: #02007e;
}

.contentSubject
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:22px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
margin-left:15px;
left: 15px;
margin-top:10px;
text-align: center;
color: #02007e;
}

.contentText
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:18px;
line-height:20px;
margin-left:40px;
left: 40px;
padding-top:10px;
margin-right:40px;
margin-top:0px;
text-align: justify;
}

.contentIntro
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:18px;
color:#02007e;
text-decoration:none;
line-height:20px;
margin-left:40px;
left: 40px;
padding-top:10px;
margin-right:40px;
margin-top:0px;
text-align: center;
}

.contentText h1
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:20px;
color:#02007e;
text-decoration:none;
line-height:30px;
margin-left:40px;
left: 40px;
padding-top:10px;
margin-right:40px;
margin-top:0px;
text-align: center;
}

.contentText h2
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:18px;
color:#02007e;
text-decoration:none;
line-height:30px;
margin-left:40px;
left: 40px;
padding-top:10px;
margin-right:40px;
margin-top:0px;
text-align: center;
}
.contentText  h4
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
color:#02007e;
line-height:16px;
margin-top:-20px;
text-align: right;
}

.contentText h5
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:18px;
font-style:italic;
line-height:20px;
text-align: center;
color: #0d329c;
}

.contentText  h6
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:14px;
color:#086b00;
text-decoration:none;
line-height:30px;
margin-left:40px;
left: 40px;
padding-top:10px;
margin-right:40px;
margin-top:0px;
text-align: left;
}
.contentText  .horaires
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:20px;
color:#ffcc61;
text-decoration:none;
line-height:24px;
margin-left:60px;
left: 60px;
padding-top:10px;
margin-right:40px;
margin-top:0px;
text-align: left;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   text-align: center;
   color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   border: 2px solid black;
}
 

h1
{
   color: rgb(243,65,243);
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: center; /* Pour centrer le titre */
   text-decoration: underline;
   font-size: 16px;
}

/* Format spécifiques texte spécial */
.alexl
{
text-decoration: underline;
color: #cd5835;
}

.alexl a:visited
{
 text-color: #c93; 
 text-decoration: none;
}

.alexl a:hover
{
 color: #b52ca8; 
 text-decoration: underline;
}
.en_evidence
{
text-decoration: bold;
color: #cd5835;
text-align: center;
}
.en_italique
{
font-style: italic;
color: #0d329c;
text-align: right;
font-size:18px;
}
.en_souligne
{
text-decoration:underline;
font-style: italic;
color: #0d329c;
text-align: center;
}
.citation
{
font-family:Palatino, "Times New Roman", Times, serif;
font-style: italic;
font-size:22px;
color:#02007e;
text-decoration:bold;
text-align: center;
}

.photo_bienfaits
{
position:absolute;
height:266px;
width:512px;
top:120px;
background-color:none;
background-image:none;
background-repeat:no-repeat;
left:210px;
}

.photo_trouver
{
position:absolute;
height:270px;
width:270px;
top:0px;
left: 580px;
background-color:none;
background-image:none;
background-repeat:no-repeat;
}


.lien_grotte
{
text-decoration: underline;
color: #a4005f;
}

.lien_grotte  a:hover
{
 color: #b52ca8; 
 text-decoration: underline;
}

.lien_lcc
{
text-decoration: underline;
color: #a4005f;
}

.lien_lcc  a:hover
{
 color: #b52ca8; 
 text-decoration: underline;
}

.om_massage
{
position:absolute;
top:220px;
left:530px;
background-color:none;
background-image:none;
background-repeat:no-repeat;
}

.italik
{
font-style: italic;
text-align: right;
font-size:18px;
}
.soulign
{
font-size: 20px;
text-decoration:underline;
font-style: italic;
text-align: center;
}

#galerie 
{     
width: 270px ;     
background-color: #50abe2; 
position: absolute;     
left:30px;
top: 100px;  
padding-top: 5px;  
border-width : none;
border : none;
border-style: none;
} 

#galerie_mini 
{     
height:530px;
overflow: auto; 
width:280px;
float: left;  
border-width : none;
border : none;
border-style: none;
}  
  
#galerie_mini  a img 
{  
margin: 0px;
padding-top: 0px;  
padding-left: 0px;  
padding-bottom: 0px; 
padding-right: 0px; 
border-width : none;
border : none;
border-style: none;
width: 80px;
height: 60px;
}  

#galerie_mini a 
{
	display: block;
	padding-top: 3px;  
	padding-left: 3px;  
	padding-bottom: 3px; 
	padding-right: 3px; 	
	float: left;
	margin: 0px;  
	width: 80px;
    height: 60px;
	border-width : none;
	border : none;
	border-style: none;	
}

#galerie_mini a:hover 
{
	float: left;
	margin: 0px;  
	width: 80px;
    height: 60px;
	border:none;
}
#galerie_mini a:focus
{
	float: left;
	margin: 0px;  
	width: 80px;
    height: 60px;
	background-color:red;
}

#galerie_mini a:active
{
	float: left;
	margin: 0px;  
	width: 80px;
    height: 60px;
	background-color:red;
}

#photo 
{        
margin: 0px; 
}  

#photo dt 
{   
top: 15px;
margin: 10px;
font-family:Palatino, "Times New Roman", Times, serif;
font-size: 24px;
line-height: 30px;
color: #dcb ; 
}  

#photo dd 
{     
margin: 0 ; 
border:0;  
position: absolute;     
left:300px;
top: 0px; }
  
#photo img 
{
border: 5px solid #dcb ; 
width: 800px;
height: 600px;
} 

.titre_album
{
position:absolute;
top:670px;
left:320px;
font-family:Palatino, "Times New Roman", Times, serif;
font-size:36px;
text-align: center;
color: #ffddad;
height:40px;
}


a:active
{
outline:none;
}
a:focus
{
-moz-outline-style:none;
}