/* 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 "menu.css";

/* STYLE CONTENU */
#contenu h1{
font:bold 1.7em Arial, Helvetica, sans-serif;
text-align:left;
color:#0066FF;
letter-spacing:0.1em;
margin-bottom:10px;
background:url(../images/charte/soulign2.jpg) left bottom no-repeat;
height:30px;
}
#contenu h2{
font:bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:left;
color:#3399cc;
display:inline;
}
#contenu p{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
margin:5px 0px 15px 0px;
line-height:1.8em;
text-align:justify;
color: #034172;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#21177d;
}
#contenu a:link, #contenu a:visited{
text-decoration:underline;
color: #FF6600;
font-weight:bold;
}
#contenu a:hover, #contenu a:active{
text-decoration:none;
font-weight:bold;
color: #FF6600;
}
#footerMenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color: #21177d;
	text-align:center;
	line-height:22px;
}
#footerMenu a:link, #footerMenu a:visited{
	font-weight:normal;
	text-decoration:none;
	color: #21177d;
}
#footerMenu a:hover, #footerMenu a:active{
	font-weight:normal;
	text-decoration:underline;
	color: #21177d;
}
/*---------------------------------------- CEDRIC --------------------------*/
/*- GENERAL -*/
#texte p {
	font-size:12px;
	line-height:18px;
	}
#texte {
	float:left;
	padding:0 5px 0 0;
	width:460px;
	}
#page p {
	font-size:12px;
	line-height:18px;
	}
#page {
	float:left;
	padding:0 5px 0 0;
	width:740px;
	}
#page h1 {
	margin:0 280px 0 0;
	}
.titre-forme {
	border-bottom:1px dotted #034172;
	}
.titre-activite {
	display:block;
	float:left;
	width:460px;
	border-bottom:1px dotted #FF9900;
	color:#FF9900;
	font-weight:bold;
	}
/*- ACCUEIL -*/
.UL_accueil {
	font-size:12px;
	color:#034172;
	margin:0 0 0 20px;
	}
.UL_accueil li {
	list-style-image:url(../images/charte/puce-accueil.gif);
	}
#texte-bienvenue {
	width:450px;
	float:left;
	margin:0 0 10px 0;
	}
#capital-form {
	width:450px;
	padding:50px 5px 5px 5px;
	float:left;
	border:1px solid #EAEAEA;
	background:url(../images/charte/logo-capital-form.gif) no-repeat top center;
	}
#capital-form-free {
	width:450px;
	padding:50px 5px 5px 5px;
	margin:15px 0 0 0;
	float:left;
	background:url(../images/charte/logo-capital-form-free.gif) no-repeat top center;
	border:1px solid #EAEAEA;
	}
/*- RENFORCEMENT -*/
.renforcement-musculaire {
	background-image:url(../images/charte/renforcement.jpg);
	width:450px;
	text-align:center;
	background-repeat:no-repeat;
	height:270px;
	float:left;
	}
/*- COACHING -*/
.coaching {	
	width:450px;
	float:left;
	background:url(../images/charte/coaching.jpg) no-repeat center top;
	height:255px;
	}
/*- FITNESS -*/
.fitness {
	background:url(../images/charte/fitness.jpg) no-repeat top center;
	height:208px;
	float:left;
	width:450px;
	text-align:center;
	}
/*- POWERPLATE -*/
.powerplate-title {
	color: #034172;
	font-weight:bold;
	}
.powerplate {
	width:325px;
	float:left;
	text-align:justify;
	}
.powerplate li {
	margin:0 0 5px 0;
	list-style-image:url(../images/charte/puce-powerplate.gif);
	}
.powerplate-visuel {
	float:left;
	width:388px;
	margin:0 0 10px 20px;
	height:242px;
	background-image:url(../images/charte/visuel-powerplate.jpg);
	background-repeat:no-repeat;
	}
.powerplate-clubs {
	float:left;
	width:740px;
	}
.UL_powerplate {
	font-size:12px;
	color:#034172;
	margin:0 0 0 20px;
	}
/*- RECRUTEMENT -*/
#container fieldset p{ color:#3399CC; font-size:11px;}
fieldset {
	padding:4px;
	width:450px;
	margin:0 0 15px 0;
	border:1px solid #CCC;
	}

#container .recrutement-date {
	color:#999999;
	font-weight:bold;
	font-style:italic;
	float:left;
	}
#container .recrutement-postuler a:hover{ text-decoration:underline;}
#container .recrutement-postuler a{ text-decoration:none;}
#container .recrutement-postuler {
	float:right;
	margin-right:10px;
	padding:0 0 0 22px;
	background:url(../images/charte/puce-postuler.gif) no-repeat center left;
	font-size:12px;
	}
#container .pagination a{color:#999999;}
#container .pagination a:hover{color:#999999; text-decoration:none;}
.pagination {
	width:450px;
	text-align:center;
	font-size:11px;
	float:left;
	}
legend {
	color:#034172;
	font-size:13px;
	margin:0 0 0 5px;
	padding:3px;
	}
	
.poste legend.urgent {
	color:#D90000;
	font-weight:bold;
}

/*- NEWS -*/
.news-visuel img{ border:1px solid #CCC;}
.news-visuel {
	width:122px;
	float:right;
	margin:0 5px;
	}
/*------------------- CONTACT ------------------------------*/
#container .capital-form p{ line-height:17px;}
.capital-form {
	float:right;
	background:url(../images/charte/capital-form.gif) no-repeat top left;
	width:220px;
	padding:30px 00px 20px 10px;
	margin:50px 0 0 0;
	font-size:10px;
	}
#container .capital-form-free p{ line-height:17px;}
.capital-form-free {
	float:right;
	background:url(../images/charte/capital-form-free.gif) no-repeat top left;
	width:220px;
	padding:40px 00px 20px 10px;
	margin:40px 0 0 0;
	font-size:10px;
	}
#contact input:focus {}
#contact input {
	padding:2px;
	width:210px;
	height:13px;
	border:1px solid #E4E4E4;
	font-size:11px;
	color:#000;
	margin:0 0 2px 0;
	}
#contact textarea:focus {}
#contact textarea {
	width:208px;
	height:82px;
	font-size:11px;
	color:#000;
	border:1px solid #E4E4E4;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	}
#contact {
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	margin:0;
	float:left;
	width:392px;
	border:1px dotted #CCC;
	color:#8F8F8F;
	}
#contact .reinit {
	width:72px;
	height:18px;
	float:left;
	display:block;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(../images/charte/bt-reinitialiser.gif);
	border:1px solid white;
	}
#contact .bouton {
	background-image:url(../images/charte/bt-envoyer.gif);
	width:52px;
	float:left;
	background-repeat:no-repeat;
	height:18px;
	border:1px solid white;
	cursor:pointer;
	margin:0 30px 0 30px;
	}
.petit {font-size:9px; line-height:11px; color:#CCC;}
.contact-loi {float:left; width:400px; margin:10px 0 0 0;}
.merci {font-size:12px;margin:80px 0 0 155px; font-family:Arial, Helvetica, sans-serif;}

/*- POSTULEZ -*/
.petit-postulez {font-size:10px; line-height:11px; color:#CCC; margin:20px 0 0 45px; display:block; float:left;}
#postulez input:focus {}
#postulez input {
	padding:2px;
	width:210px;
	height:13px;
	border:1px solid #E4E4E4;
	font-size:11px;
	color:#000;
	margin:0 0 2px 0;
	}
#postulez textarea:focus {}
#postulez textarea {
	width:208px;
	height:82px;
	font-size:11px;
	color:#000;
	border:1px solid #E4E4E4;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	}
#postulez {
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	margin:0 0 0 45px;
	float:left;
	width:384px;
	border:1px dotted #CCC;
	color:#8F8F8F;
	}
#postulez .reinit {
	width:70px;
	height:18px;
	float:left;
	display:block;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(../images/charte/bt-reinitialiser.gif);
	border:1px solid white;
	}
#postulez .bouton {
	background-image:url(../images/charte/bt-envoyer.gif);
	width:52px;
	float:left;
	background-repeat:no-repeat;
	height:18px;
	border:1px solid white;
	cursor:pointer;
	margin:0 30px 0 30px;
	}
/*- EQUIPE -*/
.UL_equipe {
	margin:0 0 0 10px;
	height:100px;
	}
.UL_equipe li{
	text-align:left;
	color:#FF9900;
	margin-left:0px;
	list-style-image:url(../images/charte/puce-equipe.gif);
	font-size:11px;
	padding-left:1px;
	}
.membre-equipe img{ margin:0 0 15px 0;}

.membre-equipe {
	width:202px;
	text-align:center;
	height:230px;
	margin:10px 0 30px 23px;
	float:left;
	background:url(../images/charte/fd-equipe.gif) bottom no-repeat;
	}
	
#page .membre-equipe p.titr {
	color:#3399de;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	height:35px;
	width:150px;
	padding-left:25px;
	padding-right:25px;
	letter-spacing:0;
	max-height:35px;
	background:url(../images/charte/tit.gif) no-repeat;
	text-align:center;
	margin-bottom:15px;

}

#page .membre-equipe .visuel{
float:left;
width:80px;
max-width:80px;
height:120px;
margin-right:3px;
margin-left:3px;
max-height:120px;}

#page .membre-equipe .cont{
float:left;
width:105px;
padding:0;
max-width:105px;
margin-bottom:3px;
height:120px;
margin-right:3px;
max-height:120px;}

.membre-logo {
	width:184px;
	max-width:184px;
	height:40px;
	margin:4px 0 0 9px;
	float:left;
	}
/*----------- PLANNING -------------*/
/*
#container #planning-general {
	float:left;
	width:810px;
	margin:0 0 0 180px;
	}
*/
#planning-position {
	float:left;
	}
.planning {
	float:left;
	width:741px;
	}
.planning table {
	width:647px;
	border-collapse:collapse;
	margin:33px 0 0 93px;
	}
.planning td {
	border:1px solid none;
	height:45px;
	text-align:center;
	width:10%;
	}
.planning-filtre select {
	background-color:#CCC;
	border:1px solid #CCC;
	width:130px;
	margin:2px 10px 0 0;
	font-size:11px;
	}
.planning-filtre label{
	font-size:11px;
	}

/*
.planning-filtre {
	width:771px;
	float:left;
	margin:10px 0 10px 30px;
	height:20px;
	background-color:#EEEEEE;
	text-align:center;
	}
*/

#container #planning-general table
{
	margin:0 auto;
}

.planning-filtre
{
	margin:0px auto 20px auto;
	width:850px;
	height:20px;
	background-color:#EEEEEE;
	text-align:center;
}

/*--------- PARTENAIRES ------------*/
.partenaire-arguments, .partenaire-avantages{
	float:left;
	padding:4px;
	border:1px solid #CCC;
	margin:15px 0 0 0;
	}
.partenaire-arguments legend, .partenaire-avantages legend {
	color:#034172;
	font-size:13px;
	margin:0 0 0 5px;
	font-weight:bold;
	font-style:italic;
	padding:3px;
	}
#container .partenaire-arguments p, #container .partenaire-avantages p{font-size:12px;color:#034172;}
#partenaire {
	float:right;
	width:240px;
	margin:25px 5px 0 0;
	background:url(../images/charte/tit-partenaire.gif) no-repeat center top;
	padding:50px 0 0 0;
}
.nos-partenaires {
	background:url(../images/charte/fd-partenaire.gif) no-repeat;
	width:242px;
	background-color:#D0E3F2;
	float:left;
	margin:0 0 20px 0;
	}
#container .partenaire-titre a{
	color:#FFFFFF;
	}
#container .partenaire-titre {
	text-align:center;
	width:242px;
	margin:0;
	}
.partenaire-visuel {
	width:50px;
	height:50px;
	float:left;
	margin:3px;
	}
#container .partenaire-description p {
	font-size:11px;
	line-height:15px;
	margin:0 0 5px 0;
	}
.partenaire-description {
	width:180px;
	margin:3px 0 0 0;
	float:left;
	}
/*- CIRCUIT TRAINIG -*/
.circuit1 {width:391px; margin:15px 20px 0 0;}
.circuit2 {width:249px; margin:15px 0 0 0;}
.circuit1, .circuit2{
	float:left;
	padding:4px;
	border:1px solid #CCC;
	}
.circuit1 legend, .circuit2 legend {
	color:#034172;
	font-size:13px;
	margin:0 0 0 5px;
	font-weight:bold;
	font-style:italic;
	padding:3px;
	}
#container .circuit1 p, #container .circuit2 p{font-size:12px;color:#034172;}
/*- FORMULES -*/

.formules{
	float:left;
	padding:4px;
	border:1px solid #CCC;
	margin:15px 0 0 0;
	}
.formules legend {
	color:#034172;
	font-size:13px;
	margin:0 0 0 5px;
	font-weight:bold;
	font-style:italic;
	padding:3px;
	}
#container .formules p {font-size:12px;color:#034172;}
/*- BENEFICES FITNESS -*/
#container .benefices-fitness p{
	margin:0 20px;
	font-size:11px;
	padding:0;
	}
.benefices-fitness td{
	padding:4px;
	}
.benefices-fitness {
	width:720px;
	float:left;
	border:1px solid #CCC;
	border-collapse:collapse;
	color:#034172;
	font-size:11px;
	margin:15px 0 0 0;
	}