/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* styles globaux
*****************/
a{
  color:#480048;
  text-decoration: underline;
  }
a:hover{
  color:#480048;
  text-decoration: none;
  }
a:focus, a:active{
  outline: none;
  }
a img{
  border: none;
  }
#contenu h1{
  width: 500px;
  height: 54px;
  margin: 7px 0;
  padding: 0;
  background: url(../images/charte/bg_h1.gif);
  text-indent: 10px;
  font-size: 30px;
  line-height: 60px;
  color: #030281;
  clear: both;
  }
#contenu h1.append{
  height: 24px;
  margin: -14px 0 14px;
  background: none;
  font-size: 15px;
  font:bold;
  line-height: 24px;
  }
  
 #contenu h1.append2{
  height: 24px;
  margin: -14px 0 14px;
  background: none;
  font-size: 15px;
  font:bold;
  line-height: 24px;
  }
  
#contenu h2{
  margin: 10px 0 0 0;
  padding:0;
  text-align:center;
  font-size:18px;
  font:bold;
  color:#030281;
  clear:both;
  }
#contenu h3{
  margin: 17px 0 0;
  padding: 0;
  text-align: left;
  font-size: 20px;
  font:bold;
  color: #030281;
  clear: both;
  }
#contenu h2.append{
  margin: 0 0 0;
  }
  
  #contenu h2.append2{
  margin: 0 0 0;
  }
  
#contenu p{
  text-align: justify;
  margin: 8px 0 0 10px;
  color:#480048;
  }
#contenu dl{
  margin: 8px 0 20px 10px;
  }
#contenu dl.tablo{
  margin: 8px 0 0px 10px;
  }
#contenu dt#violet{
  margin: 8px 0 0px 10px;
  color:#480048;
  }
  
#contenu dt{
  margin: 10px 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  }
#contenu dd{
  margin: 4px 0 0 15px
  }
#contenu img.rightwhiteborder{
  float: right;
  border: 3px solid #FFF;
  margin: 0 0 8px 12px;
  }
#contenu .floatright{
  float: right;
  }
.bold{
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 3px;
  }
#contenu .quote{
  text-align: center;
  font: italic 17px/22px Georgia, "Times New Roman", Times, serif;
  color: #480048;
  margin: 12px 15px 0;
  border: 1px solid #480048;
  padding: 10px;
  }
#contenu table{
  margin: 12px 0 0 15px;
  }
#contenu table th, #contenu table td{
  text-align: center;
  width: 215px;
  border-right: 1px solid #145B07;
  border-bottom: 1px solid #145B07;
  }
#contenu table.bigmedium th{
  width: 90px;
  }
#contenu table.bigmedium td{
  width: 250px;
  }
.exposant{
  vertical-align: super;
  font-size: 10px;
  }
#contenu .small{
  font-size: 10px;
  }
#contenu p.floatleft{
  float: left;
  margin: 0 0 0 35px;
  }

#contenu p.left{
  float: left;
  margin: 0 0 0 20px;
  wdith: 200px;
  }

#contenu p.centre{
  width:180px;
  font: 14px Arial, Helvetica, sans-serif;
  color:#FFF;
  margin:20px auto;
  text-align:left;
  float:left;
  }
 #contenu .barre{
 text-decoration:line-through;
 }
 #contenu .textTitre{
 color:#fff;
 font-weight:bold;
 }
/* accueil
*****************/
#popup{
  /*border: 5px solid #FFF;
  background: #EFC5ED;
  background: url(../images/charte/bg-contenu2.jpg) top right;
  background-repeat:no-repeat;
  background-color:#EDC7EE;*/
  position: absolute;
  top: 25%;
  left: 55%;
  margin: -100px 0 0 -450px;
  width: 800px;
  height:auto;
  font: 12px Arial, Helvetica, sans-serif;
  /*padding: 20px;*/
  float:left
  }
#popup h1{
  width: 500px;
  height: 54px;
  margin: 7px 0;
  padding: 0;
  text-indent: 10px;
  font-size: 30px;
  line-height: 60px;
  color: #FFF;
  clear: both;
  }
#popup dl{
  margin: 8px 0 20px 10px
  }
#popup dt{
  margin: 10px 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  }
#popup dd{
  margin: 4px 0 0 15px
  }
#popup img.rightwhiteborder{
  float: right;
  border: 3px solid #FFF;
  margin: 0 0 8px 12px;
  }
#popup .close{
  text-align:right;
  margin-top:-15px;
  margin-right:-10px
  }

/* tisanerie
*****************/
#contenu .tisanerie{
  width: 220px;
  }
#contenu #tisaneriethumbs{
  float: right;
  width: 230px;
  text-align: right;
  }
#contenu #tisaneriethumbs img{
  margin: 10px 0;
  }
#contenu #tisaneriethumbs .rightwhiteborder{
  float: none;
  }

/* ateliers
*****************/

#contenu #ateliers dt{
  clear: both;
  color:#480048;
  margin:0;
  padding:0;
  }
  
#contenu #ateliers .gauche{
margin:0;
padding:0;
  float:left;
  }
  
#contenu #ateliers .droite{
padding:0;
  width:260px;
  float:left;
  margin:5px 0 20px 0;
  }
  
  
#contenu #ateliers .gauche img{
  border: 3px solid #FFF;
  margin: 10px 0;
  }

/* toucher
*****************/
#contenu .toucher dt{
  clear: both;
  }
#contenu .toucher table.thin{
  width: 300px;
  }

/* galerie
*****************/
#contenu #formgalerie{
  margin: 0;
  }
#contenu #bigcontain{
  width: 350px;
  text-align: center;
  float: left;
  }
#contenu #bigpic{
  margin: 45px 0 0 0;
  padding: 45px 0 0;
  }
#contenu #slidethumbs{
  float: left;
  margin: 30px 0 0;
  }

/* contact
*****************/
#formContact{
  clear: both;
  padding: 20px 25px 0 0;
  margin: 20px 0 0;
  }
#formContact .row{
  text-align: right;
  clear: both;
  margin: 5px 0;
  }
#formContact .row label{
  color:#480048;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0 5px 0 0;
  }
#formContact .row input{
  width: 170px;
  height: 14px;
  border: 2px solid #FFF;
  background: #EFC5ED;
  font-size: 9px;
  padding: 1px 5px 0
  }
#formContact #rowadresse label, #formContact #rowcommentaire label{
  margin: 0 5px 0 0;
  }
#formContact .row textarea{
  width: 420px;
  border: 2px solid #FFF;
  background: #EFC5ED;
  font-size: 11px;
  font-family:Arial, Helvetica, sans-serif;
  float: right;
  margin: 0 0 5px;
  }
#formContact .row textarea#adresse{
  height: 51px;
  }
#formContact .row textarea#commentaire{
  height: 95px;
  }
#formContact #rowsubmit input{
  width: 184px;
  height: 28px;
  padding: 0;
  margin: 0 0 0 5px;
  border: none;
  background: none;
  }
#formContact #rowsubmit input:active, #formContact #rowsubmit input:focus{
  outline: none;
  }
.champRequis{
  color: #FF0000;
  }

#contenu table.table-horaires {
	width:280px;
	margin:0 auto 10px auto;
	display:block;
	float:left;
	color:#FFF;
}
#contenu .table-horaires td.horaires {
	width:120px;
	height:20px;
	font-weight:bold;	
	border:none;
	border-bottom:1px solid #480048;
	text-align:center;
}

#contenu .table-horaires td.horaires-fond {
	width:120px;
	height:20px;
	font-weight:bold;	
	border:none;
	border-bottom:1px solid #480048;
	background-color:#FFF;
	
}
#contenu .table-horaires td.jour {
	width:60px;
	height:20px;
	font-weight:normal;
	text-align:left;	
	border:none;
	border-bottom:1px solid #480048;
}



#contenu table.table-tarif {
	width:400px;
	border:1px solid #000;
}
#contenu .table-tarif td {
	text-align:left;
	width:80%;
	
}
#contenu table.table-bien-etre {
	width:400px;
	border:1px solid #000;
}
#contenu .table-bien-etre td {
	text-align:left;
	width:50%;
	
}
.prix_p{
  text-align: justify;
  margin: 8px 0 0 10px;
  color:#480048;
  text-decoration:line-through;
 
  }
  .galerie{
  float:left;
  width:365px;
  margin-left:30px;
  border:3px solid #FFFFFF;
  margin-bottom:20px;
 }
 
 
 /*** **/
 
 .evennement_popup{
 float:left;
 width:449px;
 margin-left:20px;
 margin-top:10px;}
 .evennement_haut{
 float:left;
 width:449px;
}
   .img_evennement{
  width:160px;
    border:3px solid #FFFFFF;
  margin-bottom:20px;
  margin-top:20px;
  margin-left:20px;
  text-align:center;
 }
 .popup_contenu{
 float:left;
 margin-left:10px;
 }
 .evennement_popup2{
 float:left;
 width:449px;

 }
 .img_evennement2{
  float:left;
  width:448px;
 }
 
 .encart{
 float:left;
 width:230px;
 background-color:#ECC3ED;
 border:3px solid #FFFFFF;
 height:auto;
 margin:10px 0 0 10px;
 text-align:center;
 padding:5px;
 margin-bottom:10px}
 
 .encart img{
 width:220px;
 text-align:center;
 border:3px solid #FFFFFF;
 margin-top:5px
}
.titre-even{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color: #4F1332

}
.date{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #973A6A

}
 
 .encart p{
 float:left;
 width:230px;
 margin-top:10px;
 text-align: justify;
}



.image_conf{
float:right;
margin:0 0 5px 5px;
border:1px solid #FFFFFF;
}