﻿/* 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 */
}

.imgNouvelles { 
position:absolute;
top:-250px;
left: 320px;
background-color:none;
background-image:none;
background-repeat:no-repeat;
} 

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
{
   z-index:10;
   width: 1000px;
   margin: 0px;
   background-repeat: repeat;
   margin-top: 20px;
   margin-bottom: 20px;  
   background-image:url(images/bronze_pink_drop.jpg);   
   background-color: #f6b87c; /*#72cfff;*/ /*#72d7f3;*/ /*#b5f3fd;*/ /*#b5a7e8; *//* #50abe2; */
   color: #a2c3ff;
   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:#fbebc3;
font-family:Palatino, "Times New Roman", Times, serif;
}

.topNaviagationLink a
{
text-decoration:none;
color:#fbebc3;
}

.topNaviagationLink a:hover
{
text-align:center;
border-bottom:none;
font-size:21px;
color:#f6b976;
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:#ffdf35;
}

.topNaviagationLinknow a:hover
{
text-align:center;
border-bottom:none;
color:#f6b976;
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;
}

.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:150px;
height: 120px;
line-height: 24px;
float:left;
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/bronze_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;
}
/* En-tete pout origines du massage sonore */
#photoEntete_orig
{
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_orig .photo
{
position:absolute;
height:280px;
width:950px;
top:10px;
background-color:none;
background-image:url(images/coucher_de_soleil_or.jpg);
background-repeat:no-repeat;
left:10px;
}

#photoEntete_trouver
{
position: absolute;
width:950px;
height:290px;
top: 110px;
left: 200px;
background-color:none;
background-image:url(images/bronze_rectangle.jpg);
background-repeat:no-repeat;
}

#photoEntete_trouver .photo
{
position:absolute;
height:280px;
width:950px;
top:10px;
background-color:none;
background-image:url(images/photo_nous.jpg);
background-repeat:no-repeat;
left:10px;
}

#photoEntete_trouver .en_tete_comment
{
position:absolute;
height:280px;
width:950px;
top:10px;
background-color:none;
background-image:url(images/photo_nous.jpg);
background-repeat:no-repeat;
left:10px;
}

#photoEntete_gong
{
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_gong .photo
{
position:absolute;
height:280px;
width:950px;
top:10px;
background-color:none;
background-image:url(images/gong_fen.jpg);
background-repeat:no-repeat;
left:10px;
}

/* En-tete pour bienfaits du massage sonore */
#photoEntete_bienfaits
{
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_bienfaits .photo
{
position:absolute;
height:280px;
width:950px;
top:10px;
background-color:none;
background-image:url(images/fleurs_multiples_clair.jpg);
background-repeat:no-repeat;
left:10px;
}
/* En-tete pour bols_chantants */
#photoEntete_bolschantants
{
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_bolschantants .photo
{
position:absolute;
height:280px;
width:950px;
top:10px;
background-color:none;
background-image:url(images/logo_bols_chantants.jpg);
background-repeat:no-repeat;
left:10px;
}


/* 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:#f6b87c;
color: #086b00;
z-index:15;
}

.contentBox .innerBox
{
position:absolute;
width:950px;
height:auto;
top:10px;
left:100px;
background-color:#f6b87c;
background-repeat:no-repeat;
padding-bottom:10px;
color: #780032;
z-index:15;
}

.contentTitle h1
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:14px;
color:#780032;
text-decoration:none;
line-height:30px;
margin-left:40px;
left: 40px;
padding-top:10px;
margin-right:40px;
margin-top:0px;
text-align: left;
}

.contentTitle  h1 a
{
color:#9d0033;
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: #780032;
}

.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: #780032;
z-index:15;
}

.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;
z-index:15;
}

.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:#780032;
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:#780032;
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: #a40040;
}

.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:#cc3009;
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_trifolium
{
text-decoration: underline;
color: #a4005f;
}

.lien_trifolium  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;
}

#main_home
{
position: absolute;
border: none; 
background-color:none;
left:70px;
top:100px;
float:left;
margin: 0;
}
