/* 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:13px;
	}
	div.images-box div{
		float:left;
		width:140px;
		text-align:center;
		padding-left:20px;
		}
	div.images-box 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;
	}
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;}