/* 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";
@import "jd.slideshow.css";

/* STYLE CONTENU */
#contenu h1{
font-family:"Times New Roman", Times, serif;
font-size:24px;
font-weight:bold;
text-align:left;
color:#fff;
border-bottom:1px solid #666;
margin-bottom:15px;
text-indent:10px;
}
#contenu h2{
font-family:"Times New Roman", Times, serif;
font-size:1.6em;
font-weight:bold;
text-align:left;
color:#fff;
/*border-bottom:1px solid #666;*/
text-indent:10px;
}

#contenu h6{
border-bottom:1px dashed #666;
height:10px;
margin-bottom:10px;
}


#contenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.2em;
	text-align:justify;
	color: #b3b3b3;
	padding:0 10px;
}


#contenu .new_spa{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1.4em;
	text-align:justify;
	color:#FFCC00;
	font-weight:bold;
	padding:0 10px;
}

#bloc-powerplate {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.4em;
	color:#b3b3b3;
	margin:10px 0 20px 0;
}

#contenu p.couleur, .couleur{
font-weight:bold;
color:#fff;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color: #fff;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:underline overline;
color: #666;
}
#footerMenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color: #b3b3b3;
	text-align:center;
	padding-top:12px;
}

.img_gauche{
border:1px solid #999;
float:left;
margin:0px 8px 5px 0px;
}

.img_droite{
border:1px solid #999;
float:right;
margin:0px 0px 5px 8px;
}

.img_bordure{
border:1px solid #999;
}

.img_gallerie{
border:1px solid #999;
float:left;
margin:3px; 
}



a:hover .img_gallerie{
border:1px solid #fff;
}


#contenu .txt01{
font-size:14px;
}






/* ------------------------------------------------------------------------------------
                            STYLE DE LA PAGE CONTACT 
------------------------------------------------------------------------------------ */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;     /* Couleur de fond champs focus */
	background:#FFFFFF;
	
}
#formContact .champRequis{
	color:#FF0000;
}



.forminput,
.formtextareadress,
.formtextareacomment,
 select
{
border:1px #704A3e solid;
padding:0;
margin:2px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #704A3e;
background:#fff;    /* Couleur de fond des champs */
text-align:justify;
}

.forminput
{
padding:0 3px 0 3px;
height:14px;
line-height:14px;
width:200px;
}

.formtextareadress
{
padding:0 3px 0 3px;
height:60px;
width:200px;
}

.formtextareacomment
{
padding:0 3px 0 3px;
height:110px;
width:200px;
}

.formbt{
border:1px #333 solid;
height:25px;
width:100px;
text-align:center;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:600;
letter-spacing:0.1em;
color:#fff;
background-color:#cc3300; /* Couleur de fond du bouton */
}

*html .formbt
{
border:1px #704A3e dashed;
height:25px;
width:100px;
text-align:center;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:600;
letter-spacing:0.1em;
color:#704A3e;
background-color:#F4F3EA;  
}
			
.text01
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:500;
color:#fff;                         /* Couleur du texte */
letter-spacing:0.1em;
text-align:right;
padding-right:4px;
}


.hdp{
text-align:right;
margin:20px 0px 0px 0px;
}

.hdp a{
background:#ededed;
text-decoration:none;
padding:4px 10px 4px 10px;
}

.hdp a:hover{
background:#FCE3D0;
text-decoration:none;
padding:4px 10px 4px 10px;
}

h6{
border-bottom:1px dashed #009900;
height:10px;
margin-bottom:10px;
}


/* RUBRIQUE SPA */
#video-spa {
	width:300px;
	height:300px;
	border:1px solid #e6e6e6;
	margin:10px 0 0 0;
	}

/* LISTE DROULANTE FILTRE */
.filtre {
	float:left;
	width:500px;
	height:30px;
	margin:5px 0 0 20px;
	}
.clear{}
.label-liste { font-size:11px; font-family: Arial, Helvetica, sans-serif; color:#e6e6e6;}
select.liste{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	width:200px;
	border:1px solid #e6e6e6;
	background:#000;
	margin:0 0 1px 5px;
	text-align:center;
}




/* POPUP ACCUEIL  */
#contenu_global {
	background-color:#000000; 
	width:100%; 
	height:100%;
	z-index:200;
	position:absolute;
	left:0px;
	top:0px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.30;
}

#popup{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 570px;
  margin-left:-250px;
  margin-top:-300px;
  visibility: visible;
  z-index:400;
  background:#000;
  border:1px solid #e6e6e6;
  }

#popup #contenu-pop{
	float:left;
	margin:40px 20px 0 20px;
	width:550px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:justify;
	padding-bottom:20px;
	}
	
.img-popup{
	float:left;
	width:250px;
	text-align:center;
}

.texte-popup {
	float:left;
	margin:0 0 0 20px;
	width:250px;
	}
	
#popup h1{
  font-size:15px;
  color:#FFF;
  margin:0;
  font:left;
  margin:0 0 0 0;
  width:250px;
  }
  
#popup h1.titre-popup{
  font-size:12px;
  color:#FFF;
  margin:0;
  font:left;
  margin:15px 0 0 0;
  width:250px;
  font-variant:small-caps;
  }
  
#popup #fermer a img{
	border:none;
	right:5px;
	top:5px;
	position:absolute;
	margin:0;
	z-index:600;
	cursor:pointer;
	display:block;
}

.prix-popup {
	font-size:20px;
	font-variant:small-caps;
	color:#e6e6e6;
	font-weight:bold;
	margin:10px 0 0 0;
	}
span.prix-promo-popup {margin-left:10px; font-size:12px; text-decoration:line-through;}