/* CSS CHRONOREGIME */

/* Reset et structure globale */
* {
	margin:0;
	padding:0;
}
body {
	 width:888px;
	 margin:10px auto 0;
	 color:#636466;
	 font-family: Arial, sans-serif;
	 font-size:11px;
}
img {
	border:0;
}
a {
	text-decoration:underline;
}
.clear {
	clear:both;
}
#rss {
	text-align:right;
	font-size:11px;
	margin:0 5px 9px 0;
}
#rss a {
	text-decoration:none;
	color:#636466;
}
#rss img {
	vertical-align:top;
	margin-left:9px;
}
#header {
	width:886px;
	height:154px;
	border-top:1px #c6c6c7 solid;
	border-left:1px #c6c6c7 solid;
	border-right:1px #c6c6c7 solid;
	background:url(../images/header_fd.jpg) no-repeat;
}
#logo {
	float:left;
	margin:20px 0 0 86px;
}
#login {
	float:right;
	width:320px;
	height:86px;
	background:url(../images/login_fd.gif) no-repeat;
}
#login form {
	margin:0 0 0 30px;
}
#login .label {
	display:block;
	float:left;
	width:68px;
	letter-spacing:-0.085em;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	text-align:right;
	margin-top:6px;
}
#login #username_label{

	float:left;
	margin:0px 0 0 0px;
}
#login #password_label{
	clear:both;
	float:left;
	margin:0px 0 0 0px;
}
#login #username,#password{
	float:left;
	width:185px;
	height:15px;
	border:0;
	background : none;
	margin:6px 0 0 8px;
}

 
#login #validLogin {
	margin:5px 5px 0 0;
	float:right;
}
#login img {
	padding:9px 5px 0 0;
	float:right;
}
#login #forgotMdp {
	clear:both;
	width:300px;
	padding:5px 5px 0 0;
	float:right;
	text-align:right;
	color:#e1007a;
	font-size:10px;
}

/* NAV */
#nav {
	clear:both;
	float:left;
	width:886px;
	text-align:right;
	text-transform:uppercase;
	font-weight:bold;
	color:#e1007a;
	padding:25px 0 2px;
}
#nav a {
	color:#7b7c7e;
	text-decoration:none;
}
#nav a:hover, #nav a.active {
	color:#e1007a;
}
#nav span {
	padding:0 15px;
}
#nav #inscription a {
	background:url(../images/inscription_fd.gif) no-repeat;
	color:#fff;
	padding:12px 12px 25px 10px;
}
#page {
	float:left;
	width:886px;
	border-left:1px #c6c6c7 solid;
	border-right:1px #c6c6c7 solid;
	border-bottom:1px #c6c6c7 solid;
	padding-bottom:15px;
	margin-bottom:20px;
}
#footer {
	clear:both;
	margin-bottom:10px;
}
#footer p {
	text-align:center;
	font-size:9px;
	color:#9b9c9e;
}
#footer a {
	color:#e1007a;
}
#footer .baseLigne a{
	color:#9b9c9e;
	text-decoration:none;
}
#footer .baseLigne a:hover{
	text-decoration:underline;
}

/* Home */
#home {
	width:886px;
	height:710px;
	border:1px #c6c6c7 solid;
	background:url(../images/home_fd.jpg) no-repeat;
}
#homecentre {
	float:left;
	margin:10px 0 5px 225px;
	display:inline;
}
#col1, #col2, #col3 {
	height:362px;
	float:left;
}
#col1 {
	width:182px;
}
#col2 {
	width:244px;
	background:url(../images/home_centre2fd.gif) repeat-x;
}
#col3 {
	width:220px;
}
#home_blocsbas {
	float:left;
	width:646px;
	height:200px;
	background:url(../images/home_blocsbas.gif) no-repeat;
	margin:0 0 10px 225px;
	display:inline;
}
#home_blocsbas a {
	font-size:12px;
	color:#e1007a;
	text-decoration:none;
}
#home_blocsbas .title {
	font-size:13px;
	color:#e1007a;
	font-weight:bold;
}
#home_blocsbas .soustitle {
	font-size:12px;
	color:#e1007a;
}
#home_blocsbas .soustitle2 {
	font-size:10px;
	color:#e1007a;
}
#blocbas1, #blocbas2, #blocbas3 {
	float:left;
	height:180px;
	display:inline;
	padding:10px;
}
#blocbas1{
	width:333px;
}
#homescroll
{
		overflow: auto;
		width: 333px;
		height: 160px;
}
#blocbas2{
	width:107px;
	margin:0 5px;
}
#blocbas2 .visuel {
	text-align:center;
}
#blocbas3{
	width:130px;
}
#blocbas3 img{
	float:left;
	padding:5px 8px 0 0;
}
#blocbas3 .temoignage {
	font-size:10px;
	line-height:12px;
	padding:0 0 3px 0;
}
/* colonne de droite */
#coldroite {
	float:left;
	width:227px;
	display:inline;
	margin-left:10px;
}
.blocGauche_haut, .blocGauche_bas {
	clear:both;
	height:7px;
	width:227px;
	font-size:0.1em;
}
.blocGauche_haut {
	background: url(../images/blocGauche_haut.gif) no-repeat;
}
.blocGauche_bas {
	background: url(../images/blocGauche_bas.gif) no-repeat;
	margin-bottom:19px;
}
.blocGauche_centre {
	width:197px;
	background: url(../images/blocGauche_centre.gif) repeat-y;
	padding:0 16px 0 14px;
}
.blocGauche_centre h2, .blocGauche_centre a{
	font-weight:bold;
	color:#e1007a;
	text-decoration:none;
}
.blocGauche_centre h2{font-size:17px;}
.blocGauche_centre .visuel {
	text-align:center;
	padding:5px 0 10px 0;
}
.blocGauche_centre li {
	list-style:url(../images/puce_blocgauche.gif);
	list-style-position:inside;
	padding:2px 0;
	font-size:12px;
	line-height:13px;
}

/* parties centrales */
#container {
	float:left;
	width:628px;
	display:inline;
}
#content div, #title, #title2 {
	width:500px;
	float:left;
	padding:0 0 0 127px;
	margin-bottom:20px;
	display:inline;
}
#title, #title2{
	float:left;
	background:url(../images/titre_page.jpg) no-repeat #FFFFFF;
	height:67px;
	vertical-align:bottom;
	text-align:left;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	margin: 42px 0 0 0;
}
#title2 h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	margin: 14px 0 0 0;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}

/****************** class ********************/

.long50{width:50px; margin-left:5px;}
.long150{width:150px;}
.long200{width:200px;}
.long250{width:250px;}
.long350{width:350px;}

.txt_9{font-size:9px; line-height:8px}
.txt_11{font-size:11px}
.txt_12{font-size:12px}
.txt_16{font-size:16px}

.margTop5{margin-top:5px;}
.margTop10{margin-top:10px;}
.margTop20{margin-top:20px;}

.description{margin-left:5px;}

.coul_rose{color:#e1007a;}
.coul_rose2{color:#CD006B;}
.coul_gris{color:#636466;}
.coul_grisC{color:#7b7c7e;}
.coul_grisF{color:#333333;}
.coul_blanc{color:#FFFFFF;}
.coul_noir{color:#000000;}
.coul_rouge{color:#FF0000;}

.bg_grisF{ background-color:#666666}

.bold{font-weight:bold}

.paddLeft25{ padding:0 0 0 25px;}
.paddLeft{ padding:0 0 10px 125px;}

.inscription_now{
	background:url(../images/bt_inscription_now.gif) no-repeat top left;
	font-size:16px;
	line-height:22px;
	width:243px;
	height:30px;
	padding:1px 30px 10px 30px;
	text-decoration:none;
	border:none;
}

.inscription_now2{
	background:url(../images/bt_inscription_now2.gif) no-repeat top left;
	font-size:16px;
	line-height:22px;
	width:390px;
	height:30px;
	padding:1px 30px 10px 30px;
	text-decoration:none;
	border:none;
}
.inscription_now:hover{
	background:url(../images/bt_inscription_now_hover.gif) no-repeat top left;
}

.inscription_now2:hover{
	background:url(../images/bt_inscription_now_hover2.gif) no-repeat top left;
}

/****************** Fin class ********************/

/****************** Nos abonnements ********************/

/*---------- Bloc formules -----------*/
#formule {
	background:url(../images/picto_euro.jpg) no-repeat top left;
}
#formule div {
	padding:0;
	width:105px;
	height:140px;
	margin:20px 15px 0 0 ;
	padding:120px 35px 0 10px;
}
#formule div p {
	width:100px;
	font-size:12px;
	font-weight:bold;
	margin-left:0px;
	padding-left:0px;
}
#formule div input{
	margin :35px;
}

#formule #formule_1 {
	background:url(../images/formule_1.jpg) no-repeat top left;
}
#formule #formule_2 {
	background:url(../images/formule_2.jpg) no-repeat top left;
}
#formule #formule_3 {
	background:url(../images/formule_3.jpg) no-repeat top left;

}

/*---------- Bloc formulaire -----------*/
#formulaire {
	background:url(../images/picto_at.jpg) no-repeat top left;
}
#formulaire div, #formulaire2 div{
	float:left;
	padding:0 0 0 5px;
	margin-bottom:5px;
	
}
#formulaire label, #formulaire2 label{
	float:left;
	width:100px;
	text-align:left;
}
#formulaire span, #formulaire2 span{
	float:left;
	width:500px;
	text-align:center;
}
#formulaire div input, #formulaire div select, #formulaire2 div input, #formulaire2 div select{
	float:left;
}
/*
#formulaire #genre, #formulaire2 #genre{
	float:left;
	width:120px;
	text-align:left;
	vertical-align:middle;
}
*/
#formulaire2  p{float:left;}

#formulaire #genre input, #formulaire2 #genre input{
	float:none;
	margin-left:2px;
	margin-right:4px;
}
#formulaire .term p, #formulaire2 .term p{
	float:none;
	margin: 0 0 0 20px;
	width:470px;
}
#formulaire .term input, #formulaire2 .term input{
	float:left;
}
#formulaire .term a, #formulaire2 .term a{
	color:#e1007a;
}

#bt_inscription_tarif{
	background:url(../images/bt_inscription.gif) no-repeat;
	width:121px;
	height:27px;
	border:none;
	margin-top:10px;

	margin:10px 0 0 180px !important;
	margin:0 0 0 150px;
}

#bt_inscription_tarif:hover{
	background:url(../images/bt_inscription_hover.gif) no-repeat;
}

/*---------- Bloc contact -----------*/
#contact div {
	margin:0;
	padding:0;
}
#contact .contact_bg{
	background:url(../images/contact_bg.jpg) no-repeat;
	width:487px;
	height:152px;
	padding:10px;
}
#contact .contact_bg h2{
	padding:0;
	margin:0;
}
#contact .contact_bg div{
	width:487px;
	margin:10px 0 0 0;
}
#contact .contact_bg label{
	float:left;
	width:100px;
	text-align:left;
	padding:0;
	margin:0;
}
#contact .contact_bg p{
	padding:0;
	margin:5px 0 0 0;
}
#contact .contact_bg textarea{
	float:left;
	height:50px
}
#contact .contact_bg #s{
	width:67px;
	height:17px;
	float:right;
	margin: 0 10px 0 0;
}

#contact #paiement{
	margin:5px 0 0 0;
}

#contact #paiement .paiement_bg{
	background:url(../images/paiement_bg.gif) no-repeat;
	width:166px;
	height:90px;
	padding:5px;
}
#contact #paiement .paiement_bg div{
	float:left;
	margin:1px;
}
#contact #paiement .paiement_bg #visa {
	background:url(../images/picto_visa.gif) no-repeat;
	width:31px;
	height:15px;
}
#contact #paiement .paiement_bg #visa2 {
	background:url(../images/picto_visa2.gif) no-repeat;
	width:31px;
	height:15px;
}
#contact #paiement .paiement_bg #mastercard {
	background:url(../images/picto_mastercard.gif) no-repeat;
	width:31px;
	height:15px;
}
#contact #paiement .paiement_bg #other {
	background:url(../images/picto_other.gif) no-repeat;
	width:50px;
	height:15px;
}
#contact #paiement .paiement_bg #worldpay {
	background:url(../images/picto_worldPay.gif) no-repeat;
	width:166px;
	height:19px;
}
#contact #paiement p{
	float:left;
	margin:5px 0 0 5px;
	width:315px
}
#contact #paiement .paiement_bg p{
	padding:0;
	margin:0;
	width:166px
}

/****************** FIN de Nos abonnements ********************/

/****************** Votre morphobilan ********************/

#morphotype div{
	float:left;
	padding:0 0 0 5px;
	margin-bottom:5px;
}
#morphotype label{
	float:left;
	width:150px;
	text-align:left;
}
#morphotype label.label_first_name{
    float:left;
    width:90px;
    text-align:left;
}
#morphotype #genre{
	float:left;
	width:200px;
	text-align:left;
	vertical-align:middle;
}
#morphotype p{
	float:left;
}
#morphotype span{
	float:left;
	width:500px;
	text-align:center;
}
#morphotype .morphotype_1_img, #morphotype .morphotype_2_img, #morphotype .morphotype_1_txt, #morphotype .morphotype_2_txt{
	margin:30px 10px 10px 10px;
	
}
#morphotype span#email_address_msg {
	text-align: left;	
}
/*---- Images morphotype----*/
#morphotype .morphotype_1_img{
	width:179px;
	height:272px;
	float:left;
}
#morphotype .morphotype_2_img{
	width:179px;
	height:272px;
	float:right;
}
/*---- Fin Images morphotype ----*/

#morphotype .morphotype_1_txt{
	float:left;
	width:271px;
	height:90px
}
#morphotype .morphotype_2_txt{
	float:right;
	width:271px;
}
#morphotype .morphotype_1_txt input{
	float:left;
}
#morphotype .morphotype_2_txt input{
	float:right;
}
#morphotype .morphotype_1_txt p{
	float:right;
	width:250px;
	text-align:left;
}
#morphotype .morphotype_2_txt p{
	float:left;
	width:250px;
	text-align:right;
}

#bt_valider_bilan{
	background:url(../images/bt_inscription.gif) no-repeat;
	width:121px;
	height:27px;
	border:none;
	margin:10px 0 0 18px !important;
	margin:0 0 0 150px;
}

#bt_valider_bilan:hover{
	background:url(../images/bt_inscription_hover.gif) no-repeat;
}

#morphotype #more div{
	margin:5px 0 5px 0;
	padding:0;
}
#morphotype #more label{
	float:left;
	width:90px;
	text-align:left;
}
#morphotype #more input, #morphotype #more p{float:left;}

/*---- page résultat du morphotype  ----*/

#morphotype_res{
}

/*---- Fin de la page résultat du morphotype  ----*/

/****************** FIN de Votre morphobilan ********************/

/****************** temoignage ********************/
#temoignage_1{
	background:url(../images/temoignage_caroline.jpg) no-repeat top left;
}
#temoignage_2{
	background:url(../images/temoignage_myrea.jpg) no-repeat top left;
}
#temoignage_3{
	background:url(../images/temoignage_emma.jpg) no-repeat top left;
}
#temoignage_4{
	background:url(../images/temoignage_marie.jpg) no-repeat top left;
}

/*#temoignage_1, #temoignage_2, #temoignage_3, #temoignage_4{
	background:url(../images/cercle.gif) no-repeat top left;
}*/
/****************** FIN de temoignage ********************/

/****************** programme ********************/

#programme div{
	float:left;
	background:url(../images/visu_programme.jpg) no-repeat top left;
	width:131px;
	height:143px;
	padding:0px;
	margin:10px 10px 10px 0;
}
#programme p{
	float:left;
}

#programme_mois_1{
	background:url(../images/mois1.gif) no-repeat top left;
}
#programme_mois_2{
	background:url(../images/mois2.gif) no-repeat top left;
}
#programme_mois_3{
	background:url(../images/mois3.gif) no-repeat top left;
}
#programme_mois_4{
	background:url(../images/mois4.gif) no-repeat top left;
}
#programme_mois_5{
	background:url(../images/mois5.gif) no-repeat top left;
}
#programme_mois_6{
	background:url(../images/mois6.gif) no-repeat top left;
}

/****************** FIN de programme ********************/

/****************** methode ********************/

#methode_1{
	background:url(../images/1.gif) no-repeat top left;
}
#methode_1 img{
	margin:0 10px 0 30px;
}
#methode_1 a{
	text-decoration:none;
}
#methode_2{
	background:url(../images/2.gif) no-repeat top left;
}
#methode_2 img{
	margin:10px 20px 0 0;
}
#methode_3{
	background:url(../images/3.gif) no-repeat top left;
}


/****************** FIN de methode ********************/

/****************** professeur ********************/

#professeur{
	background:url(../images/20ans.gif) no-repeat top left;
}
#professeur img{
	margin:0 20px 20px 0;
}

/****************** FIN de professeur ********************/

/****************** medias ********************/

#medias{
	background:url(../images/crayon.gif) no-repeat top left;
}
#medias div{
	padding:0px;
	margin:0px;
}
#medias img{
	margin:0 3px 20px 0;
}
#medias .media{
	width:150px;
	margin:0 10px 0 0;
	padding:0 0 20px 0;
}
#medias .media p{
	clear:left;
}

/****************** FIN de medias ********************/

/****************** livres ********************/

#livres div{
	padding:0px;
	margin:0px;
}
#best-sellers div {
	padding:20px 0 20px 0;
}
#best-sellers div {
	width:160px;
}
#best-sellers p{
	clear:left;
}
#livres img{
	margin:0 10px 10px 0;
}


/****************** FIN de livres ********************/

/****************** legal ********************/

#legal div{
	padding:0px;
	margin:0px;
}
#legal li{
	list-style-type: decimal;
	list-style-position: inside;
}
#legal table{
	width:500px;
}
#legal td{
	padding:5px;
}

/****************** FIN de legal ********************/


#content div.two_choice_radio_button {
	width: 100%;
	display: inline-block;
	padding: 0;
	margin: 0;		
}

#content div.two_choice_radio_button div {
	width: auto;
	display: inline-block;
	padding: 0;
	margin: 0;
}

#content div.two_choice_radio_button div input {
	float:none;
	margin-left:10px;
	margin-right:4px;
}

#content .two_choice_radio_button label.long250 {
	width:280px;
}

#content div.two_choice_radio_button div input:first-child {
	margin-left: 2px;
}