/**********************************************
*  Elements génériques et classes globales    *
**********************************************/


* {margin:0; padding:0;}

body {background-color:black; font-family:"Trebuchet MS", sans-serif; font-size:0.9em}

img {border:0;}

.clear {clear:both;}

table { border-collapse:collapse; border:0}
td {border:0;}

h2 { 
	text-indent:-9000px; 
	width:768px; 
	height:72px;
	display:block;
	margin-bottom:10px;
	background-position:bottom;
	background-repeat:no-repeat;
}

.formBleu .radios, .radios, .formBleuFull .radios {float:left; width:20px; border:0; background-image:none; background-color:#FFFFFF}

.separateur {
	background-image:url(img/hr-bg.png);
	background-position:center center;
	border:0;
	display:block;
	width:100%;
	height:16px;
	margin-bottom:10px;
	margin-top:10px;
}

p.alone { margin:10px 20px;}

.bold { font-weight:bold;} 

.demi { width:50%; float:left; margin-bottom:10px;}
.plein { width:100%; float:left; margin-bottom:10px;}

.formBleuFull .tableAdmin .tiny p,  .tiny p{ height:auto; border:0; width:100%; font-size:12px; font-weight:normal;}
.formBleuFull .tableAdmin .tiny ul, .formBleuFull .tableAdmin .tiny ol, .tiny ol, .tiny ul{ clear:both;}
/********************************************
*  Mise en place des conteneurs généraux    *
********************************************/

#container {
	width:970px;
	margin:auto;
	margin-top:30px;
	position:relative;
}

#zoneLogo {
	width:200px; 
	height:500px; 
	float:left;
	margin:0; 
	padding:0;
}
#zoneLogo h1 { display:none}
#zoneLogo object, #zoneLogo embed { margin:60px 0 0 2px;}

#zoneContenu {
	width:770px;
	float:left;
	position:relative;
	background-color:#fff;
}

#zoneVisuel {
	height:162px;
}

#zonePromo {
	background-color:#000;
	border: solid #000 1px;
	text-align:center;
	color:#fff;
	margin:0 20px;
	padding:10px 0;
}

#zonePromo strong {
	font-size:26px;
}

#zonePromo em {
	font-size:10px;
}
/***********************************
*  Le menu de ouf !                *
***********************************/
#menu { margin-left:340px;}
#menu a {display:block; padding:0 5px; margin:0 1px; float:left; text-indent:-9999px; height:20px}
#menu a:hover { background-position:0 -20px}
#menu a.active, #menu a.active:hover  { background-position:0 -40px}
#menu a.accueil { width:53px; background-image:url(img/menu-accueil.gif)}
#menu a.activites { width:63px; background-image:url(img/menu-activites.gif)}
#menu a.produits { width:61px; background-image:url(img/menu-produits.gif)}
#menu a.tarifs { width:43px; background-image:url(img/menu-tarifs.gif)}
#menu a.contacts { width:62px; background-image:url(img/menu-contacts.gif)}
#menu a.temoignages { width:96px; background-image:url(img/menu-temoignages.gif)}
#menu a.vip { width:75px; background-image:url(img/menu-vip.gif)}

/***********************************
*  Le menu admin de ouf !          *
***********************************/
#menuAdmin {}
#menuAdmin a {display:block; padding:0 5px; margin:0 1px; float:left; text-indent:-9999px; height:20px; background-repeat:no-repeat}
#menuAdmin a:hover { background-position:0 -20px}
#menuAdmin a.active, #menu a.active:hover  { background-position:0 -40px}
#menuAdmin a.prospects { width:102px; background-image: url(img/menu-admin-prospects.gif)}
#menuAdmin a.utilisateur { width:146px; background-image: url(img/menu-admin-utilisateur.gif)}
#menuAdmin a.coach { width:114px; background-image: url(img/menu-admin-nouveaucoach.gif)}
#menuAdmin a.coachs { width:80px; background-image: url(img/menu-admin-coachs.gif)}
#menuAdmin a.clients { width:80px; background-image: url(img/menu-admin-clients.gif)}
#menuAdmin a.temoignages { width:100px; background-image: url(img/menu-admin-temoignages.gif)}
#menuAdmin a.fiche { width:68px; background-image: url(img/menu-admin-fiche.gif)}
#menuAdmin a.moncoach { width:84px; background-image: url(img/menu-admin-moncoach.gif)}
#menuAdmin a.messages { width:105px; background-image: url(img/menu-admin-mesmessages.gif)}
#menuAdmin a.conseil { width:105px; background-image: url(img/menu-admin-monconseil.gif)}
#menuAdmin a.admins { width:146px; background-image: url(img/menu-admin-admins.gif)}
#menuAdmin a.deconnexion { width:96px; background-image: url(img/menu-admin-deconnexion.gif); position:absolute; top:-30px; right:-15px;}

/****************************************************
*  Les différenciations de couleurs selon les pages *
****************************************************/
body.bleu #zoneLogo {
	background-image:url(img/bg-logo-bleu.png);
}
body.rouge #zoneLogo {
	background-image:url(img/bg-logo-rouge.png);
}
body.orange #zoneLogo {
	background-image:url(img/bg-logo-orange.png);
}
body.rouge a {
	color:#570505;
	font-weight:bold;
}

body.bleu a {
	color:#00486d;
	font-weight:bold;
}

/*************************************************
*  Les pages contact et login, les formulaires   *
*************************************************/

div.numeroTel { 
	background-image:url(img/numerotel-bg.png); 
	width:272px; 
	height:73px; 
	display:block; 
	text-align:center; 
	color:#fff; 
	padding-top:15px;
	line-height:18px;
	margin:auto;
	margin-top:-10px;
}

div.numeroTel h4 {
	font-size:24px;
}

.error { font-size:11px; background-color:#000; color:#FFFFFF; text-align:center; margin-bottom:5px;}

.formRouge, .formBleu {
	width:386px;
	margin:auto;
}

.formRouge p, .formBleu p {
	text-align:center;
	margin:20px 0 15px 0;
}

.formRouge label, .formBleu label {
	float:left;
	display:block;
	clear:left;
	width:200px;
	height:27px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	padding-right:4px;
	color:#fff;
}

.formRouge label {
	background-image:url(img/label-bg-red.png);
}

.formBleu label {
	background-image:url(img/label-bg-bleu.png);
}

.formRouge input, .formBleu input {
	float:left;
	width:178px;
	height:23px;
	border:0;
	background-image:url(img/input-bg-small.png);
	background-repeat: repeat-x;
	background-color:#00294e;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	padding:2px;

}

.formRouge input.btReset { cursor:pointer; width:40px;  color:white; background-image: url(img/label-bg-red.png); border:1px outset #fff; font-weight:bold; font-size:16px; display:block;}

.formBleu textarea , .formRouge textarea {
	border:1px solid #979797;
	background-color:#fbfbfb;
	width:176px;
	height:93px;

	float:left;
	padding:2px;
	overflow:auto;
}

	
.formRouge input.bouton, .formBleu input.bouton {
	border:0;
	width:89px;
	height:47px;
	color:#fff;
	position:relative;
	left:130px;
	cursor:pointer;
}
.formRouge input.bouton {
	background-image:url(img/bouton-bg-rouge.png);
}
.formBleu input.bouton {
	background-image:url(img/bouton-bg-bleu.png);
}

.formBleu input.boutonBig {
	background-image: url(img/label-bg-bleu.png);
	width:auto;
	cursor:pointer;
	color:#FFFFFF;
	border:2px white outset;
	padding:0 10px;
	height:30px;
	display:block;
}



.formBleuFull label {
	background-image:url(img/label-bg-bleu.png);
	width:158px;
	float:left;
	display:block;
	height:27px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	padding-right:4px;
	color:#fff;
	white-space:nowrap;
	margin: 0 0 0 10px;
	padding:0 5px;
}
.formBleuFull input {
	float:left;
	height:21px;
	border:0;
	background-image:url(img/input-bg.gif);
	background-color:#FFFFFF;
	border:1px #CCCCCC solid;
	background-repeat: repeat-x;
	font-size:16px;
	font-weight:bold;
	padding:2px;

}

.formBleuFull p {
	float:left;
	height:21px;
	border:0;
	border:1px #CCCCCC solid;
	background-repeat: repeat-x;
	font-size:16px;
	font-weight:bold;
	padding:2px;
}

.formBleuFull .demi p {
	width:190px;
}

.formBleuFull .plein p {
	width:742px;
	margin:0 10px;
}
.formBleuFull label.fullLabel {
	background-image:url(img/label-bg-bleu.png);
	width:738px;
	clear:both;
	text-align:center;
}

.formBleuFull textarea.fullTextArea, .formBleuFull .plein textarea.fullTextArea  {
	width:746px;
	clear:both;
	margin-left:10px;
	background-image:url(img/input-bg.gif);
	background-color:#FFFFFF;
	border:1px #CCCCCC solid;
	background-repeat: repeat-x;
	height:70px;
	border-top:0;
}

.formBleuFull input.radio {
	border:0;
	background-color:#FFFFFF;
	background-image:none;
	float:left;
	margin-left:10px;
}

.formBleuFull span.radio {
	display:block;
	float:left;
	padding:3px 15px 0 5px;
}

.formBleuFull input.boutonBig {
	background-image: url(img/label-bg-bleu.png);
	cursor:pointer;
	color:#FFFFFF;
	border:2px white outset;
	height:30px;
	text-align:center;
	display:block;
	margin:10px 0 10px 10px;
}

/*********************************************
* Les boxes de texte                         *
*********************************************/

.boxeRouge770 { margin-bottom:10px;}
.boxeRouge770 h3 {
	background:url(img/boxe-rouge-h3-bg.png) no-repeat top center; 
	height:26px; 
	display:block;
	color:#fff;
	padding:10px 28px 0 28px;
	font-weight:normal;
	margin: 0 80px;
}
.boxeRouge770 p {
	background:url(img/boxe-p-bg.png) repeat-x bottom center #e8e7e7;
	border:1px solid #c1c1c1;
	border-top:0;
	margin:0 80px;
	padding:5px 10px 10px 10px;
}

.boxeRouge385 { margin-bottom:10px; width:50%; float:left;}
.boxeRouge385 h3 {
	background:url(img/boxe-rouge-385-h3-bg.png) no-repeat top center; 
	height:23px; 
	display:block;
	color:#fff;
	padding:10px 28px;
	font-weight:normal;
}
.boxeRouge385 p {
	background:url(img/boxe-p-bg.png) repeat-x bottom center #e8e7e7;
	border:1px solid #c1c1c1;
	border-top:0;
	margin:0 17px 0 14px;
	padding:0 10px 10px 10px;
}

.boxeOrange385 { margin-bottom:10px; width:50%; float:left;}
.boxeOrange385 h3 {
	background:url(img/boxe-orange-385-h3-bg.png) no-repeat top center; 
	height:23px; 
	display:block;
	color:#fff;
	padding:10px 28px;
	font-weight:normal;
}
.boxeOrange385 p {
	background:url(img/boxe-p-bg.png) repeat-x bottom center #e8e7e7;
	border:1px solid #c1c1c1;
	border-top:0;
	margin:0 17px 0 14px;
	padding:0 10px 10px 10px;
}



/*********************************************
* Les coupons de la page produits            *
*********************************************/

#coupons a {
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	width:50%;
	height:152px;
	float:left;
	margin-bottom:20px;
}

#coupons a#c1 {background-image:url(img/coupon-c1.png);}
#coupons a#c2 {background-image:url(img/coupon-c2.png);}
#coupons a#c3 {background-image:url(img/coupon-c3.png);}
#coupons a#c4 {background-image:url(img/coupon-c4.png);}
#coupons a#c5 {background-image:url(img/coupon-c5.png);}
#coupons a#c6 {background-image:url(img/coupon-c6.png);}

#c1 h3, #c2 h3, #c3 h3, #c4 h3 { width:320px; display:block; text-align:right;}

/*********************************************
* Le lien etapes de la page activités       *
*********************************************/
body.rouge a#etapes {
	display:block;
	background-image:url(img/etapes-a-bg.png);
	height:136px;
	background-position:top -7px;
	margin-bottom:10px;
}
/*********************************************
* Les sliders de la page activités         *
*********************************************/

.slideP {display:none;}

.slidePanel {
	background:url(img/slidepanel-bg.png) no-repeat 13px bottom ;
	padding-bottom:6px;
	width:372px;
	padding-left:13px;
	float:left;
	color:#fff;
}

body.rouge .slidePanel a {
	background-image:url(img/slidepanel-a-bg.png);
	padding:20px 0 0 52px;
	width:307px;
	height:50px;
	display:block;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	position:relative;
}

.slidePanel a b { display:block; text-transform:uppercase; background-repeat:no-repeat; position:absolute; left:10px; top:10px; height:60px; padding-left:60px; padding-top:10px;}
.slidePanel a em { width:100%; display:block; font-weight:normal; z-index:1000; position:absolute; top:38px; left:70px; font-size:11px; line-height:13px;}

.slidePanel p {
	background-image:url(img/slidepanel-p-bg.png);
	display:none;
	background-repeat: repeat-y;
	padding:0 30px 10px 20px;
}

#panel01 b {background-image:url(img/slidepanel01-bg.png);}
#panel02 b {background-image:url(img/slidepanel02-bg.png);} 
#panel03 b {background-image:url(img/slidepanel03-bg.png);} 
#panel04 b {background-image:url(img/slidepanel04-bg.png);} 
#panel05 b {background-image:url(img/slidepanel05-bg.png);} 
#panel06 b {background-image:url(img/slidepanel06-bg.png);} 
#panel07 b {background-image:url(img/slidepanel07-bg.png);} 
#panel08 b {background-image:url(img/slidepanel08-bg.png);} 

/*********************************************
* La page tarifs                             *
*********************************************/

#container #zoneContenu a#lienMinistere, #container #zoneContenu a#lienServices { width:50%; float:left; display:block; text-align:center; height:105px; vertical-align:middle;}

body.orange #c1, body.orange #c2, body.orange #c3, body.orange #c4, body.orange #c5, body.orange #c6 {
	display:block;
	float:left;
	height:114px;
	width:354px;
	padding-left:30px;
	padding-top:19px;
}

body.orange #c1 h3, body.orange #c2 h3, body.orange #c3 h3, body.orange #c4 h3, body.orange #c5 h3, body.orange #c6 h3{
	text-align:right;
	color:#FFFFFF;
	padding-right:25px;
	margin-bottom:10px;

}

body.orange #c1 a, body.orange #c2 a, body.orange #c3 a, body.orange #c4 a{ 
	background-image:url(img/label-bg-red.png); 
	color:#fff; 
	font-weight:bold; 
	padding:2px; 
	text-decoration:none; 
	margin-top:2px; 
	display:block; 
	float:left;
}

body.orange #c1 {background-image:url(img/tarifs-c1-bg.png);}
body.orange #c2 {background-image:url(img/tarifs-c2-bg.png);}
body.orange #c3 {background-image:url(img/tarifs-c3-bg.png);}
body.orange #c4 {background-image:url(img/tarifs-c4-bg.png);}
body.orange #c5 {background:url(img/tarifs-c5-bg.png) no-repeat; height:91px;}
body.orange #c6 {background:url(img/tarifs-c6-bg.png) no-repeat; height:91px;}

body.orange #c6 a, body.orange #c5 a { color:#9f5300; font-weight:bold;}

#services { width:131px; margin:auto; display:block}
/*********************************************
* Les pages d'admin							 *
*********************************************/

h3.titreAdmin {
	background-image:url(img/label-bg-bleu.png);
	color:#FFFFFF;
	margin:10px 20px;
	padding:0 5px;
}

.tableAdmin .activeVip {
	background-color:#e2fdde;
}
.tableAdmin .inActiveVip {
	background-color:#ffe0e0;
}

.tableAdmin {
	width:95%;
	border:0;
	margin:auto;
	border-collapse:collapse;
	margin-left:20px;
}

.tableAdmin th {
	background-image: url(img/label-bg-bleu.png);
	background-repeat:repeat-x;
	background-color:#00294e;
	width:auto;
	color:#FFFFFF;
	border:2px white outset;
	padding:2px 10px;
	height:30px;
	color:white;
	border:1px #fff solid;
}
.tableAdmin td {
	border:0;
	height:30px;
	border:1px #C1C1C1 solid;
	padding:4px;
	vertical-align:top;
}

.tableAdmin a.boutonBig {	
	background-image: url(img/label-bg-bleu.png);
	color:#FFFFFF;
	border:2px white outset;
	text-decoration:none;
	padding:0 4px;
}

.tableAdmin td ul li, .tableAdmin td ol li {
	list-style-position:inside;
}

body.bleu a.btAdmin {
	background-image:url(img/label-bg-bleu.png);
	display:block;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	float:left;
	color:#FFFFFF;
	padding:0 4px;
	margin:3px;
}
body.bleu a.btAdmin:hover {
	background-image:none;
	background-color:#dcdbde;
	color:#000000;
	border:1px solid #C1C1C1;
	margin:2px
}
.tableAdmin span {
	display:block;
	float:left;
	margin-top:5px;
}
.tableAdmin table { width:100%;}
.tableAdmin table td { border:0;}

#notes_coach, #conseil { margin-left:10px; width:765px; position:relative; left:10px; display:block;}

/*********************************************
* Le footer          						 *
*********************************************/

#footer {
	font-size:11px;
	color:#C1C1C1;
	text-align:center;
	padding-top:10px;
	padding-bottom:30px;
	margin-left:200px;
}
#footer a {
	color:#C1C1C1;

}

#footer a#lbb:hover { color:#fff;}