/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#fff; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#d40000; font-size: 1.4em; font-weight:bold;}
h2 { color:#d40000; font-size: 1.2em; font-weight:bold;}
h3 { color:#d40000; font-size: 1.1em; margin-bottom: 0px;}
h4 { color:#d40000; font-size: 1em; }
h5 { color:#d40000; font-size: 0.83em; }
h6 { color:#d40000; font-size: 0.67em; }
p { color:#fff; font-size: 1em; }
ul, ol { color:#fff; font-size: 1em; }
li {  color:#fff; font-size: 1em; }

/* Liens */
a { color:#D2D2D2; text-decoration:underline; }
a:hover { text-decoration:none; color:#ffffff;} /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */
a img {/* border: 1px solid #ffffff; */}
p.next { 
	text-align: right;
	line-height: 16px;
	width: 220px;
	background-color:#333333;
	border: 1px solid #D2D2D2;
	padding: 0.4em;
	margin-left: 570px;
}
.next a {
	display: block;
	background-image: url(../images/fleche.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 16px;
	color:#D2D2D2;
	font-size: 1.2em;
	text-decoration: none;
}

.next a:hover {
	background-image: url(../images/fleche_hover.gif);
	color:#FF6800;
}

input { border-width:thin; padding:3px; color:#FF6800; }
textarea { border-width:thin; padding:3px; color:#FF6800; }
em { }
strong { }

#yzeo a{color:#FFFFFF; text-decoration:underline;}
#yzeo a:hover{color:#FFFFFF; text-decoration:none;}
#yzeo p{color:#FFFFFF}
#yzeo a img { border: none; }

.bodyIntro p{ color: #FFFFFF; }
.bodyIntro a{color:#FFFFFF;}
.bodyIntro a:hover { color:#FFFFFF; text-decoration:none; }
.bodyIntro a:visited { color:#FFFFFF;}


/* Éléments Particuliers
----------------------------------------------------------*/

/* Couleurs */
.blanc { color: #ffffff; }
.orange { color: #FF6800 }
.rouge{color:#d40000;}

/* Tailles */
.bigger { font-size: 1.6em; }
.smaller { font-size: 0.8em; }

/* Placement d'images */
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin: 0 auto; }
.alignright { text-align: right; }
.margeDr { margin-right: 40px; }
.margeGa { margin-left: 20px; }
.paddGa { padding-left: 30px; }

/* Des classes d'alignement du texte */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }


/* Styles spécifiques : intégration
----------------------------------------------------------*/

/* classes supplémentaires */
.img_deco {float: left; margin-bottom: 40px; padding: 0 10px 0 35px ; }
.img_deco2 {float: right; margin-bottom: 40px; padding: 0 10px 0 10px ; }
.img_deco3 {float: left; margin-bottom: 40px; padding: 0 10px 0 11px ; }

/* Tableaux stylés */
.tableau {
	border-collapse: collapse;
	background-color: #333333;
	border: 1px solid #FF6800;
	color: #FF6800;
}

.tableau th {
	font-weight: bold;
	text-align: center;
	padding: 1.5em;
	background-color: #222121;
}

.tableau th.border {
	border: 1px dotted #D2D2D2;
}

.tableau td {
	border: 1px dotted #D2D2D2;
	padding: 0.8em;
	text-align: left;
}

.tableau p {
	margin: 0;
	padding: 0;
}

.tableau td.prix, .tableau td.tps {
	font-size: 0.9em;
	text-align: center;
	color: #ffffff;
	width: 12%;
}

.tableau tbody td.prix {
	color: #FF6800;
}

.tableau tbody tr:hover {
	background-color: #4f4848;
}

.tableau tbody td.section {
	padding: 1.2em;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

table#parcours-spa, table#soins-baija, table#soins-corps, table#soins-hommes, table#soins-hommes2, table#espace-gym-1 {
	width: 600px;
}

table#kinesis, table#kinesis2 {
	width: 450px;
}

/* Classes d'astuces de débug à la barbare */
.lh-fix {
	line-height: 1.8em;
}


/* accueil */
.img_deco_accueil {float: left; margin-bottom: 60px; padding-right: 10px;}
.accueil_texte_center{ text-align:center;}
.accueil_texte_align{padding-left:540px; text-align:center;}

/* bienvenue */
.img_deco_bienvenue {float: left; margin-bottom: 140px; padding: 0 10px 0 40px ;}

/* Espace Spa */
div#wrapper {
	margin: 0 20px;
}

div#wrapper-parcours {
	margin: 25px 25px;
}

/* Cadeaux */

div#cadeaux {
	text-align:center;
	width: 600px;
	margin: 0 auto;
}

/* Partenaires */

table#partenaires {
	width: 80%;
	margin: 0 auto;
	border-collapse: collapse;
	background-color: #333333;
	border: 1px solid #FF6800;
}

table#partenaires td {
	padding: 1em;
	border: 1px dotted #D2D2D2;
	text-align: left;
	width: 50%;
}


/* Mentions légales */
.mentions{ font-size:1em; padding-left:15px; padding-right:25px;}


/* Plan du site */
div#plan-site {
	padding: 0 20px 0 50px;
}



/* Plan Google */
.plan {
	width: 640px;
	height: 480px;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #F66300;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}
#infoclient { float:left; padding:0 0 2em 0; }
#hebergeur { float:right; padding:0; margin-right:150px;}
.mnl {	vertical-align: text-bottom;}
.intro { background:#ffffff url(../images/bg-intro.jpg) repeat-x top;}
acronym {cursor:help; border-bottom:1px dotted #FF6800;}


/*philosophie*/

#philoGauche{width:430px; height:275px; float:left;  margin-bottom:15px; text-align:center;}
#philoDroite{width:430px; height:245px; border:solid 1px #FFFFFF; float:left; padding-top:30px;}

/*bienvenue*/
#espaceGauche{width:410px;  border:solid 1px #FFFFFF; float:left;  margin-left:15px; margin-bottom:15px;}
#espaceDroite{width:400px;  border:solid 1px #FFFFFF; float:left; padding:5px; margin-left:15px;}
#videoEncart{width:300px; margin-left:490px; text-align:center;}

/*club*/
#clubGauche{width:250px;  border:solid 1px #FFFFFF; float:left;  margin-left:15px; margin-bottom:15px;}
#clubDroite{width:560px;  border:solid 1px #FFFFFF; float:left; padding:5px; margin-left:15px; margin-bottom:15px;}

/*Spa*/
ul.spa {width:210px; float:left;}
#contenuSpa{width:600px; float:left; padding:10px;}

table.modelage{width:600px;}
table.modelage td.gauche{width:300px; padding:3px; vertical-align:middle;}
table.modelage td.droite{width:300px;  padding:3px;}

/*cadeaux*/
#cadeauxPage{ width:100%; padding:5px;}

/* Coaching */
#CoachGauche {  width:300px; float:left;  margin-left:15px; margin-bottom:15px;}
#CoachGauche img{  border:solid 1px #FFFFFF;}
#CoachDroite { width:510px; border:solid 1px #FFFFFF; float:left; padding:5px; margin-left:15px; margin-bottom:15px;}

.border { border:solid 1px #FFFFFF; }

#partenaires1{width:32%; float:left; padding:5px; margin-top:15px;}
#partenaires2{width:32%; float:left; padding:5px; margin-top:15px;}
#partenaires3{width:32%; float:left; padding:5px; margin-top:15px;}

/*Plan du site*/
#entetePL{ width:100%; clear:both; height:131px; }

/*****Galerie*****/
/*Pagination*/
div.pagination {
	padding:3px;
	/*margin:3px;*/
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #808080;
	text-decoration: none; 
	color: #fff;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #808080;
	color: #000000;
	background-color: #d40000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #808080;
	font-weight: bold;
	background-color: #d40000;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #808080;
	color: #ccc;
}
/*Fin Pagination*/