/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background:url("../images/bg.png") center 1px no-repeat; font:0.62em/1.5 "Trebuchet MS",Arial,Helvetica,sans-serif; background-color:#fff; color:#333333}

h1, h2, h3, h4, h5, h6, p, blockquote, table, dl, fieldset {margin:15px 0;}

a {color:#0489B7; outline: none;}
a:hover {color:#999;}

.color { color:#0489B7; font-weight: bold; }

strong { font-weight: bold; }

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main { width:975px; margin:0 auto; overflow:hidden;}

    .tray { position:relative; width:975px; height:45px; overflow:hidden; font:bold 1.2em/1 Verdana, Arial, Helvetica, sans-serif;}
    .tray ul { margin:0 15px; list-style:none;}
    .tray li {display:inline;}
    .tray li a  {display:block; float:left; padding:16px 12px; background:url(../images/menu-separation.png) 100% center no-repeat; color:#333; text-decoration:none; text-shadow:0 1px 1px #fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em}
	.tray li a:hover {color:#DC143C; }
	.tray li#tray-active a {color:#FFF; text-shadow:0 1px 1px #666666;}
	#footer .tray { font-size: 1em; width:850px; margin: 0 auto; height: 40px;}
	#footer .tray li a:hover { color:#AFAFAF;}
	#footer .tray li a  {display:block; float:left; padding:13px; background:url(../images/menu-footer-separation.png) 100% center no-repeat; color:#333; text-decoration:none;}
    
	#footer .tray li.last a, .tray li.last a { background: none }

    #footer { clear:both; font-size:1em; padding:0px 5px 40px; text-align:center;}
	*+html #footer {padding:0px 5px 40px;}
	    #footer p {margin:0; text-transform:uppercase;}
	    #footer, #footer a {color:#9f9f9f; text-decoration:none;}
	    #footer a:hover {color:#404040;}

	.high {color:#0489B7}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#mainBloc {
	background: white url(../images/mainBlocRepeat.png) repeat-y left center;
	width:972px;
	float: left;
	
}

#mainBlocTop {
	background: white url(../images/mainBlocTop.png) no-repeat left center;
	width:972px;
	float: left;
	height: 30px
}

#mainBlocContent {
	padding:0 15px;
}

#mainBlocBottom {
	background: white url(../images/mainBlocBottom.png) no-repeat left center;
	width:972px;
	float: left;
	height: 36px
}

#mainBloc p {
	margin:0 0 10px;
}

#mainBloc p, #mainBloc ul li {
	font-size:1.2em;
}

#mainBloc .col1, #mainBloc .col2, #mainBloc .col3 {background:transparent url(../images/content-separation.png) no-repeat scroll 100% 42px;}

#mainBloc .col3 { width:32%; float: left; background:transparent url(../images/content-separation.png) no-repeat scroll 100% 42px; padding-right:8px; margin-right:8px; }

#mainBloc .col2 {float:left;margin-right:27px;padding-right:28px;width:47%; }

#mainBloc .col1 { float: left; padding:0 20px !important; }

#mainBloc .last { background: none; margin-right:0;padding-right:0; }

#mainBloc .col2 .container {width:94%;}

#mainBloc h2 { 
color:#DC143C;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.6em;
margin:0 0 20px; 
width:90%;
}

/*
#mainBloc .title1 { background: white url(../images/title1.png) no-repeat left center;  }
#mainBloc .title2 { background: white url(../images/title2.png) no-repeat left center; height:32px; }
#mainBloc .title3 { background: white url(../images/title3.png) no-repeat left center; height:32px; }
#mainBloc .title4 { background: white url(../images/title4.png) no-repeat left center; height:32px; }
#mainBloc .title5 { background: white url(../images/title5.png) no-repeat left center; }
#mainBloc .title6 { background: white url(../images/title6.png) no-repeat left center; height:32px; }
#mainBloc .title7 { background: white url(../images/title7.png) no-repeat left center; }
#mainBloc .title8 { background: white url(../images/title8.png) no-repeat left center; }

#mainBloc .title10 { background:white url(../images/title10.png) no-repeat scroll left center; clear:both;float:left;height:19px;width:100%; }
*/

#mainBloc .title9 { display:block; float:left; height:23px; text-align:center; width:185px; }

#mainBloc h3 { margin:20px 0 10px; color:#0489B7; font-size:1.4em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }


#mainBloc ul li {
	background:transparent url(../images/puce-li.png) no-repeat scroll 8px 6px;
	line-height:1.4em;
	list-style-type:none;
	margin-bottom:5px;
	padding-left:25px;
}

.accroche1 { 
	background:transparent url(../images/accroche1.png) no-repeat scroll center top;
	float:left;
	height:77px;
	margin:20px 8px;
	position:relative;
	text-align:center;
	text-indent:-6999px;
	width:282px; 
}

.accroche3 { 
	background:transparent url(../images/accroche3.png) no-repeat scroll center top;
	display:block;
	height:19px;
	margin:20px auto;
	position:relative;
	text-align:center;
	text-indent:-6999px;
	width:371px;
}

#distributeur { margin-top:15px; float:left; width:310px; text-align: center; }

.distrib-info { margin:0 0 10px; }

#distributeur span { display: block;  }

.distrib-name { text-transform: uppercase; display: block; font-family:Trebuchet MS; font-size:1.2em; }
.distrib-tel { font-family:Georgia; font-size:1.2em; }
.coach a { font-size:0.9em; }

#distributeur h4 { margin:5px 0 15px; color:#0489B7; }

.center { text-align: center;}

.button-container { float:left; margin:15px 0 30px; width:100%;  }

.button-container a { -webkit-transition: opacity 0.5s ease-out;} 

.button-container a:hover, a.button-cdrom-container:hover {     filter : alpha(opacity=70); moz-opacity : 0.7; opacity : 0.7;  }

.button-cdrom-container { float: left; clear: both;margin-top:25px; width:100%; }

.button-cdrom-container { 
	background:transparent url(../images/ban-cd-rom.png) no-repeat scroll center top;
	height:108px;
	width:939px;
	text-indent:-6999px;
	-webkit-transition: opacity 0.5s ease-out;
 }

.button-reussir { 
	background:transparent url(../images/button-comment-reussir.png) no-repeat scroll center top;
	display: block;
	height:43px;
	margin:0 auto;
	text-indent:-6999px;
	width:220px;	
 }

.button-processus { 
	background:transparent url(../images/button-processus.png) no-repeat scroll center top;
	display:block;
	height:45px;
	margin:0 auto;
	text-indent:-6999px;
	width:394px;
}

.button-histoires { 
	background:transparent url(../images/button-histoires.png) no-repeat scroll center top;
	display: block;
	height:43px;
	margin:0 auto;
	text-indent:-6999px;
	width:220px;	
 }

.button-qui { 
	background:transparent url(../images/button-qui.png) no-repeat scroll center top;
	display: block;
	height:43px;
	margin:0 auto;
	text-indent:-6999px;
	width:220px;	
 }

.button-cdrom { 
	background:transparent url(../images/button-cd-rom.png) no-repeat scroll center top;
	display:block;
	height:64px;
	margin:0 auto 15px;
	text-indent:-6999px;
	width:457px;
 }

#formulaire .button-valider { 
	background:transparent url(../images/button-valider.png) no-repeat scroll center top;
	display: block;
	height:40px;
	margin:0 auto;
	text-indent:-6999px;
	width:124px;
	border:0 none !important;
	cursor:pointer;
	outline: none;
 }

.button-retour { 
	background:transparent url(../images/button-retour.png) no-repeat scroll center top;
	display:block;
	height:40px;
	margin:0 auto;
	text-indent:-6999px;
	width:124px;
 }

.button-contact { 
	background:transparent url(../images/button-contact.png) no-repeat scroll center top;
	display:block;
	height:40px;
	margin:0 auto;
	text-indent:-6999px;
	width:124px;
 }


/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

span.title { font-size:1.2em; display:block; padding:0 0 5px;}


h3 a { color: #65AECF;}
h1 { text-indent:-6999px; position: absolute; }

#formulaire input.button:hover { 	color: #999999; }

/* ----------------------------------------------------------------------------------------------------------
6) Formulaire
---------------------------------------------------------------------------------------------------------- */

#formulaire label.error { display: none; }

.tel, .name, .ville { float: left; width:50%;}

.pourquoi label, .situation label, .situation2 label, .question label, .beggin label, .revsup label { display: block;}

#formulaire { width:100%; margin:15px 0;}

#formulaire input {border:1px solid #CCCCCC;
height:18px;
line-height:2em;
padding:3px 5px 0;}

#formulaire input {border:1px solid #CCCCCC; height:18px;
line-height:2em;
padding:3px 5px 0;}

#formulaire textarea {
	border:1px solid #CCCCCC;
	float:right;
	padding:3px 5px 0;
	width:265px;
	overflow:hidden;
}

#formulaire textarea.error { border:1px solid red;	}

#formulaire .pourquoi label.error { margin-left:165px }

#formulaire input:focus, #formulaire textarea:focus {border:1px solid #0489B7;}

#formulaire .invalidInput:focus { border:1px solid #8A1F11;}

#formulaire p {display:block; float:left;margin:0 0 1em; width:100%;}

#formulaire .situcontainer label { display:inline !important; font-weight: normal; float:none;}

#formulaire .situcontainer input { border:0;}

#formulaire .situcontainer { display: block;}

#formulaire label { float:left;font-weight:bold;margin:0 0 4px;padding:3px 0;width:165px; }

#formulaire label.error {
	/*clear:left;*/
	color:red;
	font-size:11px;
	/*margin-left:166px;*/
	width:250px;
}
	
	#formulaire input.error { border: 1px solid red; }
	
	#formulaire .full label.error { width:100%; margin:0; }


#formulaire .obli { color:#FF0000; }

#formulaire .full label  { width: 100%; }

#formulaire .buttonContainer { float:left; margin:0 auto; text-align:center; width:100%;}


#formulaire .radiocontainer input { 
	display:inline;
	float:left;
	margin:0 6px 0 0;
	border:0;
}

#formulaire .radiocontainer { 
	float:left;
	margin-right:20px;
	width:auto;
}


#formulaire p.oblicontainer { margin: 15px 0 0;}

#mainBloc p.backToTop { float:left;margin:15px auto;text-align:center;width:100%;}

#mainBloc .coach { display:block; font-size:1.5em; margin:30px 0; text-align:center; }
#mainBloc .nocoach { display:block; font-size:1.5em; margin:0 0 30px; text-align:center; border: 0; }

#mainBloc .coach h4 { color:#0489B7; font-family:Trebuchet MS; font-size:1.1em; }
#mainBloc .nocoach h4 { margin:0 0 15px; }

#mainBloc .coach span { display: block; }

.about { margin:15px 0 0; }

table { border: 1px solid #dcdcdc; border-collapse: collapse; margin: 15px auto; }

table tr td { border: 1px solid #dcdcdc; border-collapse: collapse; padding:10px; }

table img { border: 1px solid #DCDCDC; }

.top { background:transparent url(../design/top.gif) no-repeat scroll left -2px; padding-left:23px; }

.savoir-plus { text-decoration : none; }

.gallery-container { float: left; display: block; width:99%; padding:0 0 20px; }

#mainBloc .nb { color:#CDCDCD; display:block; margin:1em 0;text-align:center; }
#mainBloc .nb p { font-size:1em; }

#blocFlash { display:block;  float:left;
margin-bottom:10px;
width:100%; }

#mainBloc p.expli { display: block; float: left; width: 96%; margin:0 0 20px 28px;  }
#mainBloc span.success-info { color : #0489B7; font-weight: bold; font-size: 1.2em; font-style: italic; }

span.red { color:#DC143C ; font-weight:bold; }
span.blue { color: #0489B7; font-weight:bold; }

#mainBloc #formulaire .sp .radiocontainer { margin: 0 5px 0 0}