﻿/* Bouton Mute */
#mute
{
   width: 70px;
   height: 70px;
   position:absolute;
   top: 20px;
   bottom: 20px;   
   left:0px;   
   background-color: none; /*#72cfff;*/ /*#72d7f3;*/ /*#b5f3fd;*/ /*#b5a7e8; *//* #50abe2; */
   color: #b20606;
}

img
{
border-width : none;
border : none;
border-style: none;
}

.imgAffiche { 
float:center;
} 

.imgConcert5 { 
position:absolute;
border-style:solid;
border-width:2px;
border-color:black;
top:540px;
left: 15px;
background-color:none;
background-image:none;
background-repeat:no-repeat;
z-index:30;
} 

.imgConcert11 { 
position:absolute;
border-style:solid;
border-width:2px;
border-color:black;
position:absolute;
top:490px;
left: 1015px;
background-color:none;
background-image:none;
background-repeat:no-repeat;
z-index:30;
} 

.imgMargin_5_60_5_0 { 
margin: 5px 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_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*/ 
}
.imgMargin_10_0_10_0 { 
margin: 10px 10px 10px 0px; /*top,right,bottom,left*/ 
}
.imgMargin_10_0_10_20 { 
margin: 10px 10px 10px 0px; /*top,right,bottom,left*/ 
}


body
{
   font-family:Palatino, "Times New Roman", Times, serif;
   width: 1000px;
   margin: 0px;
   background-repeat: repeat;
   margin-top: 20px;
   margin-bottom: 20px;  
   background-image:url(images/photo_fond_chevaux.jpg);   
   background-color: #81d4a6; /*#72cfff;*/ /*#72d7f3;*/ /*#b5f3fd;*/ /*#b5a7e8; *//* #50abe2; */
	color: #b20606;
   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:#d4fcc9;
font-family:Palatino, "Times New Roman", Times, serif;
}

.topNaviagationLink a
{
text-decoration:none;
color:#d4fcc9;
}

.topNaviagationLink a:hover
{
text-align:center;
border-bottom:none;
font-size:21px;
color:#09ad4a;
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:#2c833b;
}

.topNaviagationLinknow a:hover
{
text-align:center;
border-bottom:none;
color:#09ad4a;
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:800px;
  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;
color:#CDE2FC;
}

.leftNaviagationLink a:hover
{
text-align:left;
border-style:solid;
border-width:2px;
border-color:red;
color:#0c9ed6;
width:120px;
height: 100px;
line-height: 24px;
float:left;
}

.leftNaviagationLinknow
{
border-style:solid;
border-width:6px;
border-color:#ffddad;
background-color:#ffddad;
width:120px;
height:100px;
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;
}

/* -- Right Menus ¨*/
.rightNaviagationLink
{
text-align:left;
position:relative;
margin-top:30px;
font-size:20px;
margin-left:10px;
width:100px;
height: 150px;
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-style:solid;
border-width:2px;
border-color:red;
color:#0c9ed6;
width:100px;
height: 150px;
line-height: 24px;
float:right;
}

.rightNaviagationLinknow
{
border-style:solid;
border-width:6px;
border-color:#ffcc61;
background-color:#ffcc61;
width:100px;
height:150px;
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:100px;
height: 150px;
line-height: 24px;
float:right;
}


/* L'en-tete */

#photoEntete
{
position: absolute;
width:950px;
height:290px;
top: 110px;
left: 200px;
background-color:none;
background-image:url(images/greeny_rectangle.jpg);
background-repeat:no-repeat;
}

#photoEntete .photo
{
position:absolute;
height:280px;
width:950px;
top:10px;
background-color:none;
background-image:url(images/couple_chevaux.jpg);
background-repeat:no-repeat;
left:10px;
}

#photo .en_tete_comment
{
   height: 200px;
   position: absolute;
   left: 400px;
   top: 300px;
}


#en_tete_comment  h1
{
   color: #f31b11;
   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: #075800;
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: center; /* Pour centrer le titre */
   text-decoration: none;
   left: 400px;
   margin-top: 20px;
   position: absolute;
   font-size: 20px;
   font-style: italic;
}

#en_tete_comment  h3
{
   color: #0e7800;
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: center; /* Pour centrer le titre */
   text-decoration: none;
   left: 500px;
   margin-top: 230px;
   position: absolute;
   font-size: 16px;
   font-style: italic;
}

#en_tete_comment  h4
{
   color: #ed5b5b;
   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: #ed5b5b;
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: right; /* Pour centrer le titre */
   text-decoration: none;
   left: 550px;
   line-height:34px; 
   margin-top: 90px;
   position: absolute;
   font-size: 30px;
   font-style: italic;
}

#en_tete_comment  h6
{
   color: #ed5b5b;
   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/blue_light_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;
}

.contentBox
{
font-family:Palatino, "Times New Roman", Times, serif;
position:absolute;
width:950px;
height:auto;
top:400px;
left:100px;
background-color:#81d4a6;
color: #b20606;
}

.contentBox .innerBox
{
font-family:Palatino, "Times New Roman", Times, serif;
position:absolute;
width:950px;
height:auto;
top:10px;
left:100px;
background-color:#81d4a6;
background-repeat:no-repeat;
padding-bottom:10px;
color: #b20606;
}

.contentTitle
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:28px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
margin-left:15px;
left: 15px;
margin-top:10px;
text-align: center;
color: #075800;
}

.contentTitle  h1
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:14px;
color:#09ad4a;
line-height:30px;
margin-left:40px;
left: 40px;
padding-top:10px;
margin-right:40px;
margin-top:0px;
text-align: left;
text-decoration:none;
}

.contentTitle  h1 a
{
color:#09ad4a;
text-align: left;
}

.minimenu  
{
margin-left: 10px;
padding-left:40px;
color:#df8255;
text-decoration:underline;
text-align: left;
}

.minimenu  a
{
left:40px;
color:#df8255;
text-decoration:underline;
font-size:14px;
}

.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: #064500;
}

.contentSubject  a
{
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: #064500;
}
.contentText
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:18px;
line-height:20px;
margin-left:40px;
left: 40px;
padding-top:0px;
margin-right:40px;
margin-top:0px;
text-align: justify;
color:#0b6500;
}

.contentAffiche
{
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: center;
color:#d83030;
}


.contentIntro
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:18px;
color:#ed5b5b;
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:#ed5b5b;
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:20px;
color:#005e44;
text-decoration:underline;
line-height:30px;
margin-left:70px;
padding-top:15px;
margin-right:40px;
margin-top:0px;
text-align: left;
}
.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;
line-height:24px;
text-align: center;
color: #064500;
}

.contentText  .horaires
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:20px;
color:#064500;
line-height:24px;
margin-left:100px;
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: #b20688;
   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: #075800;
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;
}
.margin_5_20
{
font-size: 18px;
text-decoration:underline;
font-style: italic;
text-align: center;
}

.soulign_18
{
font-size: 18px;
text-decoration:underline;
text-align: center;
}

#main_home
{
position: absolute;
border: 0px solid; 
background-color:none;
left:70px;
top:100px;
float:left;
margin: 0;
}
