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



/* STYLE CYC  (ne pas supprimer) */

.cyc {

	position: absolute;

	top: -10000px;

}

#contenuTexte p{

	padding:5px 0px;

	}

#contenuTexte p.centered-text{

	text-align:center;

	font-weight:bold;	

	}

strong.title, span.title{

	color:#CFA125;

	}

#contenuTexte p.subtitle{

	text-align:center;

	font-weight:bold;

	background:url(../images/charte/bg-subtitle.jpg) no-repeat center top;

	width:690px;

	height:39px;

	padding-top:3px;

	font-size:1.1em;

	clear:both;

	margin:10px 0;

	color:#fff;

	}

#contenuTexte p.contact{

	background:url(../images/charte/bg-buttons.jpg) no-repeat center top;

	padding-top:8px;

	}

#contenuTexte div.subtitle1{

	text-align:center;

	font-weight:bold;

	background:url(../images/charte/bg-subtitle1.jpg) no-repeat center top;

	width:222px;

	height:159px;

	font-size:1.1em;

	clear:both;

	color:#000;

	float:right;

	}

	#contenuTexte div.fonction{background:url(../images/charte/bg-subtitle1-fonction.jpg) no-repeat center top;}

	#contenuTexte div.subtitle1 div {

		width:200px;

		height:140px;

		padding-left:15px;

		margin-bottom:0;

		padding-bottom:0;

		color:#366BC6;

		float:left;

		clear:both;

		}

	#contenuTexte div.subtitle1 div p {

		margin-top:35px;

	}



#contenuTexte div.subtitle p{

	width:170px;

	}

#contenuTexte p.subtitle2{

	text-align:center;

	font-weight:bold;

	background: url(../images/charte/bg-subtitle2.jpg) no-repeat center top;

	width:690px;

	height:39px;

	clear:both;

	color:#fff;

	}

#contenuTexte p.subtitle2 span{

	color:#000;

	}

ul.list1{

	 margin:10px 40px;

	 list-style:none;

	}

	ul.list1 li{

		color:#3E3E3E;

		font:normal 12px Arial;

		margin-top:2px;

		background: url(../images/charte/icon-list.gif) no-repeat left 3px;

		padding-left:20px;

		margin-left:30px;

		line-height:18px;

		text-align:justify;

		}

ul.massage{

	margin-left:0;

	padding-left:20px;

	float:left;

	width:250px;

	}

ul.menage1{

	margin-left:0px;

	margin-top:35px;

	padding:0;

	margin-bottom:0;

	}

ul.menage2{

	float:left; 

	width:400px; 

	margin-left:0px;

	margin-top:15px;

	}

ul.bricolage, ul.jardinage{

	margin-left:0px;

	padding-left:0px;

	margin-top:15px;

	margin-bottom:0;

	}

ul.gardeenfants{

	padding-left:30px;

	margin-top:25px;

	float:left;

	}

ul.jardinage{

	margin-top:35px;

	}

ul.popup{

	margin-left:0;

	padding-left:0;

	}

ul.list2{

	 margin:10px 20px;

	 list-style:none;

	}

	ul.list2 li{

		color:#3E3E3E;

		font:normal 12px Arial;

		margin-top:2px;

		background: url(../images/charte/icon-list.gif) no-repeat left 3px;

		padding-left:20px;

		margin-left:30px;

		line-height:18px;

		text-align:justify;

		}

    ul.contact-list{

	 margin:10px 0px 0 100px;

	 list-style:none;

   clear:both;

	}

	ul.contact-list li{

		color:#3E3E3E;

		font:normal 12px Arial;

		margin-top:2px;

		padding-left:20px;

		margin-left:30px;

		line-height:18px;

		text-align:justify;

		}

.line{

	width:690px;

	height:15px;

	background: url(../images/charte/line.jpg) no-repeat left center;

	clear:both;

	}

#contenuTexte p.text{

	float:right; 

	width:460px; 

	text-align:center; 

	margin-top:10px;

	}

.image-right{

	float:right;

	margin-left:5px;

	}	

.image-left{

	float:left;

	margin-left:5px;

	}	

.article-box{

	width:684px; 

	background-color:#EDEDED; 

	border:1px solid #E1E0DC;

	margin-left:2px;

	margin-top:10px;

	}	

	.article-box div.article-content{

		width:656px;

		background-color:#FDFDFD;

		margin:8px;

		border:1px solid #E1E0DC;

		padding:5px;

		}	

	div.title{

		background: url(../images/charte/bg-title.jpg) no-repeat left center;

		width:684px;

		height:29px;

		margin:0;

		padding:0;

		}

	#contenuTexte div.title p{

		padding-top:3px;

		padding-left:40px;

		color:#000;

		font-weight:bold;

		}

	.article-box div.title span{

		font-weight:bold;

		color:#fff;

		font-size:14px;

		}

/*--- Tarifs ---*/

#contenuTexte p.small-text{

	font-size:11px;

	}

 thead td{

 	background-color:#6CA8E7;

	border-bottom:1px solid #fff;

	text-transform:uppercase;

	color:#fff;

	font-weight:bold;

	}

	tr.row{

		background-color:#FAFAFA;

		}

	td.text2{

		padding-left:15px;

		}

div.subtitle3{

	width:360px; 

	height:147px; 

	float:left; 

	background:url(../images/charte/bg-subtitle3.jpg) no-repeat left top;

	}

	div.subtitle3 p{

		width:300px;

		height:135px;

		margin-left:33px;

		margin-top:15px;

		color:#366BC6;

		font-weight:bold;

		}

	div.subtitle3 span{

		color:#366BC6;

		margin-left:40px;

		font-weight:bold;

		}

	div.powerplate p{

		margin-top:25px;

		}

/*--- /Tarifs ---*/

#contenuTexte p.tarifs{

	width:330px;

	margin-top:35px;

	}

#contenuTexte p.subtitle4{

	text-align:center;

	font-weight:bold;

	background: url(../images/charte/bg-subtitle4.jpg) no-repeat center top;

	width:690px;

	height:39px;

	clear:both;

	color:#fff;

	font-size:1.1em;

	}

#contenuTexte p.subtitle5{

	text-align:center;

	font-weight:bold;

	background: url(../images/charte/bg-subtitle5.jpg) no-repeat center top;

	width:690px;

	height:39px;

	clear:both;

	color:#fff;

	font-size:1.1em;

	}

#contenuTexte p.subtitle7{

	text-align:center;

	font-weight:bold;

	background: url(../images/charte/bg-subtitle7.jpg) no-repeat center top;

	width:690px;

	height:39px;

	clear:both;

	color:#fff;

	font-size:1.1em;

	}

#contenuTexte div.subtitle8{

	text-align:center;

	font-weight:bold;

	background:url(../images/charte/bg-subtitle8.jpg) no-repeat center top;

	width:257px;

	height:134px;

	font-size:1.1em;

	clear:both;

	color:#000;

	float:right;

	}

	#contenuTexte div.subtitle8 div{

		width:230px;

		height:120px;

		padding-left:12px;

		color:#366BC6;

		}

	#contenuTexte div.subtitle8 div p{

		margin-top:35px;

		}



#contenuTexte p.subtitle9{

	text-align:center;

	font-weight:bold;

	background: url(../images/charte/bg-subtitle9.jpg) no-repeat center top;

	width:690px;

	height:39px;

	clear:both;

	color:#fff;

	font-size:1.1em;

	}

#contenuTexte p.subtitle10, #contenuTexte p.subtitle11, #contenuTexte p.subtitle12{

	text-align:center;

	font-weight:bold;

	background: url(../images/charte/bg-subtitle10.jpg) no-repeat center top;

	width:690px;

	height:39px;

	clear:both;

	color:#fff;

	font-size:1.1em;

	}

	#contenuTexte p.subtitle11{

		background: url(../images/charte/bg-subtitle11.jpg) no-repeat center top;

		}

  	#contenuTexte p.subtitle12{

		background: url(../images/charte/bg-subtitle12.jpg) no-repeat center top;

		}

		



/*--- Coaching sportif---*/

div.images-box{

	float:left;

	height:200px;

	margin-left:103px;

	}
		
	
	div.images-box div{

		float:left;

		width:140px;

		text-align:center;

		padding-left:20px;

		}

	div.images-box img{

		border:2px dotted #F1F0EC;

		}
		
		
		
div.images-box2{

	float:left;

	height:200px;

	margin-left:13px;

	}
	
	
	div.images-box2 div{

		float:left;

		width:140px;

		text-align:center;

		padding-left:20px;

		}

	div.images-box2 img{

		border:2px dotted #F1F0EC;

		}

div.images-box1{

  margin-left:115px;

	}

	div.images-box1 div{

		float:left;

		text-align:center;

		padding-left:20px;

		}

/*--- Massage ---*/

#contenuTexte p.massage{

	width:430px;

	margin-top:35px;

	text-align:left;

	}

/*---  Temoignages ---*/

#contenuTexte p.text-cadre{

	border:1px solid #E7E7D8; 

	margin:5px 0; 

	padding:5px; 

	background-color:#FDFAF4;

	}



/*---Contact---*/

#contact-adresse-sport{

	background: url(../images/charte/bg-sport.jpg) no-repeat left top;

	width:222px;

	float:left;

  padding-top:60px;

  padding-left:50px;

	}

#contact-adresse-prestige{

	background:url(../images/charte/bg-prestige.jpg) no-repeat left bottom;

	width:222px;

	height:215px;

	float:right;

	}

.contact-box{

	width:690px;

	background-color:#EDEDED;

	padding-top:15px;

	border:1px solid #E1E0DC;

	}

.contact-box .second-box{

	width:650px;

	background-color:#FDFDFD;

	border:1px solid #E1E0DC;

	padding-bottom:10px;

	padding-top:5px;

	}

.contact-box .contact-content{

	width:500px;

	}

.mail_label{

	width:80px;

	float:left;

	display:inline;

	clear:both;

	margin-top:5px;

	color:#3E3E3E;

	font:normal 1em Arial;

	text-align:left;

	}

.civilite{

	width:300px;

	}

.mail_label1{

	width:60px;

	float:left;

	display:inline;

	clear:both;

	margin-top:5px;

	color:#3E3E3E;

	font:normal 1em Arial;

	margin-left:15px;

	}

.mail_input{

	width:150px;

	float:left;

	margin-top:5px;

	color:#000;

	}

.mail_input1{

	width:110px;

	float:right;

	margin-top:5px;

	color:#000; 

	padding-left:20px;

	

	}

.inputForm{

	border:1px solid #A5B2BF;

	background-color:#B0D1F3;

	width:150px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	

	}

.inputFormOver{

	border:1px solid #DFD6B8;

	background-color:#F7EFDC;

	width:150px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#0A2B4E;

	}

.button{

	border:1px solid #AFD0F4;

	background-color: #F6BE28;

	width:65px;

	color:#FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	cursor:pointer;

	font-weight:bold;

	}

.buttonOver{

	border:1px solid #92BFF0;

	background-color:#2782E2;

	width:65px;

	color:#BFDAF6;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	cursor:pointer;

	font-weight:bold;

	}
	
	


/*--- Coaching sportif popups---*/

body#bg-popup{

	background:#fff url(../images/charte/bg-popup.jpg) no-repeat center top;
	max-width:200px;

	}

div#popup-content{

	margin:10px 20px 2px 20px;

	font-size:1.2em;

	line-height:1.8em;

	text-align:justify;

	color:#3E3E3E;

	width:560px;

	height:400px;

	overflow:auto;

	}

div#popup-content p{

	margin-right:10px;

	margin-top:5px;

	}

#bg-popup h1{

	margin:120px 0 10px 20px;

	font:bold 1.5em Arial, Helvetica, sans-serif;

	color:#346ac6;

	border-bottom:1px solid #346ac6;

	width:535px;

	}

p.subtitle-popup{

	background:#fff url(../images/charte/subtitle-popup.jpg) no-repeat center top;

	height:32px;

	width:530px;

	text-align:center;

	color:#fff;

	font:bold 12px Arial, Helvetica, sans-serif;

	padding-top:3px;

	}

.line-popup{

	width:540px;

	height:15px;

	background: url(../images/charte/line.jpg) no-repeat left top;

	clear:both;

	}

/*--- news ---*/

.news{

	float:left; 

	width:100px; 

	height:100px; 

	background-color:#ddd; 

	border:3px solid #EDEDED;

	margin-right:5px;

	}

.news img{

	border:0;

	text-align:center;

	}

/*--- presse ---*/

.article-box-presse{

	width:234px; 

	background-color:#EDEDED; 

	border:1px solid #E1E0DC;

	margin: 10px 0px 10px 70px;

	}	

	 div.article-content-presse{

		width:202px;

		height:202px;

		background-color:#FDFDFD;

		margin:8px;

		border:1px solid #E1E0DC;

		}	

		

	div.title-presse{

		background: url(../images/charte/bg-title.jpg) no-repeat left center;

		width:234px;

		height:29px;

		margin:0;

		padding:0;

		

		}

	#contenuTexte div.title-presse p{

		padding-top:3px;

		padding-left:40px;

		color:#fff;

		font-weight:bold;

		}

/*--- recrutement ---*/

.recrutement-content{

	width:	550px;

	}

.recrutement-label{

	clear:both;

	width:150px;

	float:left;

	text-align:left;

	margin-top:5px;

	}

.recrutement_input{

	width:200px;

	float:left;

	}

.inputForm1{

	border:1px solid #BABAB9;

	background-color:#F7F7F7;

	width:398px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	margin-top:5px;

	

	}

.inputFormOver1{

	border:1px solid #DFD6B8;

	background-color:#F7EFDC;

	width:398px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#0A2B4E;

	margin-top:5px;

	}

/*--- liens ---*/

.liens-image{

	padding-right:5px;

	height:80px;

	}

.liens-image img{

	border:3px solid #EDEDED;

	margin-top:10px;

	}

#contenuTexte  p.lien-text{

	padding-left:10px;

	text-align:center;

	height:45px;

	}

/*--- devis ---*/

.devis-label{

	clear:both;

	width:310px;

	float:left;

	text-align:left;

	margin-top:3px;

  margin-left:20px;

  display:inline;

	}

.devis_input{

	width:200px;

	float:left;

	margin-top:5px;

	}

.buttons{

  width:142px;

  float:right;

  padding-top:5px;

  }





.ville_select{

width:142px; background-color:#F7F7F7; border:1px solid #BABAB9; color:#3E3E3E;

font-size:11px;}



.ville_label{

	width:95px;

	float:left;

	display:inline;

	clear:both;

	font-size:11px;

	color:#3E3E3E;

	text-align:left;

	}

.coach{

float:left; width:250px; margin-top:10px;
}





/*------ Formulaire coaching nutrionnel---*/
.label_coaching{

	clear:both;

	width:350px;

	float:left;

	text-align:left;

	margin-top:3px;

  margin-left:20px;

  display:inline;
  
}


.input_coaching{

	width:150px;
	margin-left:5px;

	float:left;

	margin-top:5px;
	
	text-align:left;

	}


.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {
 display: none; }

.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg {
 display: block;
 margin: 5px 0; width: 40%;
 font-size: 90%;
 line-height: 16px;
 color : #fff;
 text-align: center;
 font-weight: bold;
 border: #FF0000 solid 1px; }

.textfieldValidState input, input.textfieldValidState {
 border: 2px solid #0c0; }

input.textfieldRequiredState, .textfieldRequiredState input,
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input,
input.textfieldMinValueState, .textfieldMinValueState input,
input.textfieldMaxValueState, .textfieldMaxValueState input,
input.textfieldMinCharsState, .textfieldMinCharsState input,
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
 border: 2px solid  #c00; }

.textfieldRequiredState .formLabel, .textfieldInvalidFormatState .formLabel, .textfieldMinValueState .formLabel, .textfieldMaxValueState .formLabel, .textfieldMinCharsState .formLabel, .textfieldMaxCharsState .formLabel {
 color: #CC3333; }

.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg {
 margin: 5px 0;
 font-size: 90%;
 color : #fff;
 text-align: center;
 font-weight: bold;
 border: #FF0000 solid 1px;
 background: #900 url(/images/contact/error.gif) no-repeat center right; }

.validMsg {
 display:none; }

.textfieldValidState .validMsg {
 display:inline; }

.textfieldFlashText input, input.textfieldFlashText {
 color: red !important; }
 
 .radioRequiredMsg, .radioInvalidMsg{
    display: none;
}
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{display:block;font-size:90%;line-height:16px;color:#fff;text-align:center;font-weight:700;background:#900 url(/images/contact/error.gif) no-repeat center right;border:red solid 1px;margin:5px 0;}