/* Document par Virginie Fasano // 2Vcreation // www.2vcreation.com // 2009 */


/************************************************************************************************/
/*------------------------------------- DEFAULT ------------------------------------------------*/
/************************************************************************************************/

html {
        width:100%;
        height:100%;
        margin:0px;
}

body {
        background-color:#000;
        margin:0px;
		background-image:url(../images/fond.jpg);
        background-position:center top;
        background-repeat:no-repeat;
		background-attachment:fixed;     
		behavior:url("design/csshover2.htc");
		
}

.droite{text-align:right;}
.gauche{text-align:left;}
.haut{vertical-align:top;}
.bas{vertical-align:bottom;}

.left{float:left;}

.right{float: right;}

table{
	border-collapse:collapse;
	border:none;
}

table td{
	padding:0px;
	border:none;
}

table td, p, div {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

img{
	border:none;
	}

/*------ Codes couleurs --------*/

.coach{color:#cc0000;}
.relook{color:#dbc113;}
.enavant{color:#471d04;}


/*------ Compo générale -----*/

#global{
	width: 942px;
	margin-left: auto;
	margin-right:auto;
}


/************************************************************************************************/
/*-------------------------------------  ENTETE ------------------------------------------------*/
/************************************************************************************************/

#haut{
	height:128px;
	margin:0px;
}

#haut .logo{
	border:none;
	float:left;
	margin-top: 20px;
}

#liens_header a:link,#liens_header a:active,#liens_header a:visited{
	color:#999;
	text-decoration:none;
}

#liens_header a:hover{
	color:#FFF;
}

#haut #liens_header{
	float:right;
	margin-bottom: 7px;
	color:#999;
	font-size: 10px;
	width: 210px;
	height: 71px;
	background-image: url('../images/numero1personnalites.png');
	background-repeat: no-repeat;
}

#haut #liens_header .lien{
	float:right;
	text-align: right;
	margin-bottom: 7px;
	color:#999;
	font-size: 10px;
	margin-right: 8px;
	margin-top: 60px;
}

#haut #personnalites{
	width: 450px;
	height: 71px;
	float: right;
	
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
}

#haut #bloc_personnalites{
	float: left;
	
}




/************************************************************************************************/
/*---------------------------------- COMPO INTERIEURE -------------------------------------------*/
/************************************************************************************************/

#contenuAccueil{
	background-color:#eae9d8;
	border:1px solid #FFF;
	border-top:none;
	width:940px;
}

#contenu{
	padding-top:0px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:5px;
	background-color:#eae9d8;
	border:1px solid #FFF;
	border-top:none;
	width:880px;
}


/************************************************************************************************/
/*------------------------------------ PIED PAGE -----------------------------------------------*/
/************************************************************************************************/

#bas{
	width:942px;
	color:#999;
	text-align:center;
	font-size: 9px;
	padding-top:10px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:12px;
}

#bas a:link, #bas a:active, #bas a:visited{
	color:#999;
}

#bas a:hover{
	text-decoration: underline;
	color:#FFF;
}



/************************************************************************************************/
/*------------------------------------- ACCUEIL ------------------------------------------------*/
/************************************************************************************************/

#contenuAccueil #tacAccueil {
	width:931px;
	margin:auto;
	}

/* Colonne gauche */
#contenuAccueil #tacAccueil .colGacc{
	width : 251px;
	background-image:url(../images/fond_colGacc.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
}

/* Colonne milieu */
#contenuAccueil #tacAccueil .colMacc{
	width : 321px ;
	background-image:url(../images/fond_colMacc.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
}

/* Colonne droite */
#contenuAccueil #tacAccueil .colDacc{
  	width: 359px;
	background-image:url(../images/fond_colDacc.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
}

#bloc_newsletter{
	background: url('../images/bloc_newsletter.png') no-repeat;
	width: 560px;
	height: 66px;
	font-size: 1em;
	padding-left: 15px;
	padding-top: 15px;
	font-weight: bold;
}

#bloc_newsletter input{
	font-size: 1em;
	margin-left: 15px;
}

.titre_newsletter{
	margin-top: 3px;
}

#bloc_hotline{
	background: url('../images/bloc_hotline.png') no-repeat;
	width: 320px;
	height: 65px;
	font-size: 1.1em;
	padding-left: 20px;
	padding-top: 16px;
	font-weight: bold;
	padding-right: 20px;
}

#bloc_hotline a{
	text-decoration: underline;
	color: #666;
}

#bloc_hotline a:hover{
	color:#704337;
}

#bloc_hotline p{

	display: inline;
	float: left;
}

#bloc_hotline img{
	float: right;
}

/* Encarts */
.edito{
	width:218px;
	height:128px;
	overflow:hidden;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:15px;
	overflow:auto;
	text-align:justify;
}

.edito a{
	text-decoration: underline;
	color: #666;
}

.edito a:hover{
	color:#704337;
}


/* Encarts  AGENDA */
#agenda{
	width:300px;
	margin-top:15px;
	margin-left:15px;
	margin-bottom:15px;
	height:135px;
	overflow:hidden;
	}
	
#agenda .accesAgenda{
	margin-left:50px;}
	
.date_agenda{
	width:145px;
	float:left;
	margin-right:5px;
	margin-top:10px;
	}
	
/* Encart Article */

#articleAcc{
	width:293px;
	height:235px;
	margin-top:25px;
	margin-left:15px;
	overflow:auto;
	text-align:justify;

}

#articleAcc img{
	width:150px;
	height:auto;
	margin-right:10px;
	margin-bottom:5px;
	border:1px solid #CCC;
	padding:1px;
	background-color:#FFF;
}

#articleAcc img.imgAcc{
	clear:both;
	margin:0px;
	border:none;
	padding:0px;
	width:auto;
	height:auto;
}


/* Encart Vidéo */

#videoAcc{
	width:330px;
	height:390px;
	margin-top:15px;
	margin-left:15px;
	}


/************************************************************************************************/
/*-------------------------------------  TITRES ------------------------------------------------*/
/************************************************************************************************/

/* Grand titre noir */
h1{
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 30px;
	text-transform:uppercase;
	margin:0px;
	margin-bottom:15px;
	padding-top:15px;
	font-weight:normal;
	
}

/* Grand titre noir sur fond rectangulaire gris */
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-top:0px;
	margin-bottom:7px;
	text-align:center;
	background-color:#EAE9D8;
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	margin-top:-3px;
}

/* Titre moyen brun */
h3{
	font-family: Arial, Helvetica, sans-serif;
	color:#471d04;
	font-size: 12px;
	margin:0px;
	margin-top:-3px;
	padding-top:8px;
	padding-bottom:5px;
	}

h4 {
	text-align:center;
	margin:0px;
	font-size:14px;
	color:#704337;
	padding-top:10px;
	padding-bottom:10px;
	}

/************************************************************************************************/
/*-------------------------------------  LIENS  ------------------------------------------------*/
/************************************************************************************************/

#contenu a:link, #contenu a:active, #contenu a:visited{
	color:#666;
}

#contenu a:hover {
	color:#704337;
}

/************************************************************************************************/
/*----------------------------      PAGES INTERIEURES    ---------------------------------------*/
/************************************************************************************************/

/*** Cas 2 colonnes identiques sur la meme page  ***/
.colonne{
	margin:0;
	text-align: justify;
	width:430px;
}

.colonne img{
	margin:0px;
}
.colonne div{
	background-image:url(../images/centreColonne.gif);
	background-repeat:repeat-y;
	padding-left:20px;
	padding-right:20px;
}

.colonne div img.titre{
	margin-bottom:10px;
}

#tout{
	background-image:url(../images/centreTout.gif);
	background-repeat:repeat-y;
	padding-left:20px;
	padding-right:20px;
}



/*** Cas 2 colonnes tailles différentes  ***/
.zonecontent{
	float: right;
	margin-right:10px;
	margin: 0;
	text-align: justify;
	padding:10px;
	width:630px;
}

.sousmenuleft{
	float:left;
	margin: 0;
	margin-left:-10px;
	text-align: justify;
	width:237px;
	background-image:url(../images/fond_sousmenu.gif);
	background-repeat:no-repeat;
}

#content_gauche{
	background-image:url(../images/fond_encartGauche.gif);
	background-repeat:no-repeat;
	padding:15px;
	height:120px;	
	}

/*---------------------------------------------*/
/****---- SOUS MENU -------*/

#sousmenu{
	width:207px;
	height:195px;
	margin-left:16px;
	margin-top:16px;
	margin-bottom:15px;
}

#sousmenu img{
	margin-bottom:10px;
}

#contenu #sousmenu a:link, #contenu  #sousmenu a:active, #contenu #sousmenu a:visited{
	display:block;
	background-image:url(../images/fleche.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
	text-decoration:none;
	color:#000;
	font-size:12px;
	line-height:20px;
	margin-left:20px;}

/* Survol si Rub = Coach*/
#contenu #sousmenu a.coaching:hover{
	background-image:url(../images/flecheONcoaching.gif);
	color:#cc0000;
}

/* Survol si Rub = Relooking*/
#contenu #sousmenu a.relooking:hover{
	background-image:url(../images/flecheONrelooking.gif);
	color:#dbc113;
}

/*---------------------------------------------*/
/*----------- Sous menu articles --------------*/
/*---------------------------------------------*/

#sousmenuleftArticles{
	float:left;
	margin: 0;
	margin-left:-10px;
	text-align: justify;
	width:237px;
	background-image:url(../images/centreGauche.gif);
	background-repeat:repeat-y;
}

#sousmenuleftArticles img.titre{
	margin-left:15px;
	margin-bottom:15px;
}

#contenu #sousmenuleftArticles a:link, #contenu  #sousmenuleftArticles a:active, #contenu #sousmenuleftArticles a:visited{
	display:block;
	background-image:url(../images/fleche.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:13px;
	text-decoration:none;
	color:#666;
	font-size:10px;
	line-height:10px;
	margin-right:20px;
	margin-left:15px;
	margin-bottom:10px;
	}

/* Survol si Rub = Coach*/
#contenu #sousmenuleftArticles a:hover{
	color:#900;
}

/*---------------------------------------------*/


/*** Div en pp pour Retour Haut **/
#contenu .retour_ht {
	clear : both;
	text-align:center;
	font-size:9px;}
#contenu .retour_ht a:link,#contenu .retour_ht a:active,#contenu .retour_ht a:visited {color:#999;}
#contenu .retour_ht a:hover {color:#333;}


/************************************************************************************************/
/*-------------------------------------  IMAGES  ------------------------------------------------*/
/************************************************************************************************/

/* Images alignées à gauche du texte*/
img.ga{
  	float: left ;
	margin-right:10px;
	margin-bottom:5px;
	border:1px solid #CCC;
	padding:1px;
	background-color:#FFF;

}

/************************************************************************************************/
/*-------------------------------------  TEXTES  ------------------------------------------------*/
/************************************************************************************************/

.petit{
	font-size:9px;
	color:#999;}

/************************************************************************************************/
/*-------------------------------------  AUTRE  ------------------------------------------------*/
/************************************************************************************************/

p{
	margin:0px;
	padding-top:4px;
	padding-bottom:4px}

/* Remplace HR pour affichage identique sur tous les navigateurs */
div.separ{
	height:7px;
	border-bottom:1px solid #CCC;
	clear:both;
	margin-bottom:7px;
	padding:0px;
	background:none;
}

#contenu fieldset{	
	border:1px solid #CCC;
	background-color:#FFF;
	padding:10px;
}

#contenu fieldset.demi{	
	width:285px;
	min-height:40px;
}

#contenu fieldset a:link, #contenu fieldset a:visited, #contenu fieldset a:active{	
	background-image:none;
	padding:0px;
}

#contenu fieldset.produit{
	background:none;}

/************************************************************************************************/
/*-------------------------------------  FORMULAIRE de CONTACT ---------------------------------*/
/************************************************************************************************/

form#formContact{
	margin:0px;}

#formContact table{
	width:400px;	
}
	
	
#formContact textarea{
	width : 370px ;
	height : 80px ;
	border : 1px solid #ccc ;
	font-size: 10px;
	font-family : Arial, Helvetica, sans-serif;
}

#formContact input{
	width : 250px ;
	border : 1px solid #ccc ;
	font-size: 10px;
	font-family : Arial, Helvetica, sans-serif;
	height:15px;
}

#formContact input.bouton{
	width : 370px ;
	border : 1px solid #ccc ;
	font-size: 10px;
	font-family : Arial, Helvetica, sans-serif;
	height:18px;
}


/* Formulaire dans les fieldset */
fieldset form {
	margin:0px;}


/************************************************************************************************/
/*-------------------------------------  ARTICLES  -------------------------------------------*/
/************************************************************************************************/

.blocArticle {
	width: 370px;
	padding-top:17px;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:20px;
	background-image:url(../images/fondArticle.gif);
	background-repeat:no-repeat;
	height:300px;
	overflow:hidden;
	}
	
.blocArticle img.imgArticle {
	width: 360px;
	}
	
.blocArticle .ecranArticle{
	width:360px;
	height:160px;
	overflow:hidden;
	margin:auto;
	border:1px solid #CCC;
	padding:1px;
	background-color:#FFF;
	margin-bottom:10px;
	margin-top:10px;
}
	
.grandeArticle{
	display:block;
	border:1px solid #CCC;
	padding:1px;
	background-color:#FFF;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	}


/************************************************************************************************/
/*-----------------------------------------  AGENDA  -------------------------------------------*/
/************************************************************************************************/

.date_rubagenda{
	width:135px;
	height:60px; 
	float:left;
	margin-right:10px;
	margin-top:10px;
	padding:15px;
	background-image:url(../images/fond_date.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:center;
	}

/************************************************************************************************/
/*-----------------------------------------  TARIFS  -------------------------------------------*/
/************************************************************************************************/

#tarifs{
	width:650px;
	margin-bottom:20px;
	}
	
#tarifs th{
	background-color:#704337;
	color:#FFF;
	border-bottom:2px solid #eae9d8;
	text-align:center;
	}
	
#tarifs td{
	background-color:#FFF;
	border-bottom:2px solid #eae9d8;
	height:25px;
	text-align:center;
}

#tarifs .intitule{
	text-align:left;
	padding-left:5px;
}

#tarifs .vide{
	background:none;
}


/************************************************************************************************/
/*---------------------------------------  TEMOIGNAGES  ----------------------------------------*/
/************************************************************************************************/

.colonne img.grandeTemoign{
	margin-left:10px;
	margin-right:20px;
	width:200px;
	float:right;
	}

/************************************************************************************************/
/*---------------------------------------     LISTES    ----------------------------------------*/
/************************************************************************************************/

ul{
	margin-top:5px;
	margin-bottom:5px;}
li{
	list-style-image:url(../images/puce.gif);
	line-height:17px;
	}
	
.footer{
	line-height:17px;
	list-style-type: none;
}

.rubrique {
	float : left;
	width : 215px;
	height : 135px;
	margin-right:10px;
	color : #ffffff;
	text-align : left;
}

.rubrique ul, .rubrique li {
	padding: 0;
	margin : 0;
	list-style-type:none;
}

.rubrique li
{
	padding-left: 15px;
}



/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*--------------------            MENU DEROULANT           --------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/

#menu{
width:950px;
height:40px;
padding-left:1px;
margin-left:0px;
background-image:url(../images/fond_menu.gif);
background-repeat:no-repeat;
clear:both;
}


 /*------------ Tous les styles ----------------*/

#menu  a, #menu a:visited {
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}


/*----------------------------------------*/
/*------------ 1er NIVEAU ----------------*/
/*----------------------------------------*/

#menu ul {
    display:block;
	list-style-type: none;
    list-style-image:none;  
	margin: 0;
	padding: 0;
	border: 0;
}

#menu ul li {
	display:block;
    float: left;
	position: relative;
	z-index: auto !important;
	z-index: 1000;    
	margin: 0;
   	margin-left:1px;
    margin-right:5px;
    margin-top:2px;
	padding: 0;
	border: 0;
    list-style-type: none;
    list-style-image:none;
	width: 183px;
}

#menu ul li a {
	float: none !important;
	float: left;
	display: block;
	height: 31px;
	line-height: 32px;
    width: 183px;
	color: #000000;
	margin: 0;
	text-align:center;
	text-decoration: none;
    list-style-image:none;
	overflow:hidden;

}

#menu ul li a .imgMenu{
	margin-top:10px;	
}


/*----------------------------------------*/
/*------------ 2eme NIVEAU ---------------*/
/*----------------------------------------*/


#menu ul li ul {
	width: 0px;
    display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

/*--------- Affichage du sous menu au survol de LI --------------*/
#menu ul li:hover ul {
	display: block;
	width:174px;
    border: 1px solid #ebebeb;
    border-top:none;
    position: absolute;
	z-index: 999;
	top: 30px;
	margin: 0;
	left: 0;
	padding:2px;
	padding-left:5px;
	background-color:#ffffff;
}

/* Contour sous menu Coaching*/
#menu ul li:hover ul#ssmenuC { 	border: 1px solid #cc0000; }
/* Contour sous menu Relooking*/
#menu ul li:hover ul#ssmenuR { 	border: 1px solid #dbc113;}
/* Contour sous menu Articles*/
#menu ul li:hover ul#ssmenuA { 	border: 1px solid #c8c8c8;}

/*--------- Sous-rub --------------*/

#menu ul li:hover ul li{
	width:150px;
	margin:0;
    padding:0px;
	text-align:left; 
	padding-left:5px;
	background-image:url(../../images/fleche.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}
	
/* FLECHE sous menu Coaching*/
#menu ul li:hover ul#ssmenuC li{ 	background-image:url(../images/flecheONcoaching.gif); }
/* FLECHE sous menu Relooking*/
#menu ul li:hover ul#ssmenuR li{ 	background-image:url(../images/flecheONrelooking.gif);}
/* FLECHE sous menu Articles*/
#menu ul li:hover ul#ssmenuA li{ 	background-image:url(../images/fleche.gif);}


#menu ul li:hover ul li a, #menu ul li:hover ul li a:visited, #menu ul li:hover ul li a:active {
    display:block;
	height:20px;
	line-height:20px;
	color:#333;
	text-decoration:none;
	background:none;
	width:auto;
	text-align:left;
	margin-left:7px;
	/*--- pour ie6 ---------*/
	border:none;
	
}

/*-------- Sous rub au survol -----------*/

#menu ul li ul li a:hover {
    text-decoration:none;
    color:#666;
	background:none;
}

/* SURVOL sous menu Coaching*/
#menu ul li:hover ul#ssmenuC li a:hover {
	color:#cc0000;
}
/* SURVOL sous menu Relooking*/
#menu ul li:hover ul#ssmenuR li a:hover {
	color:#dbc113;
}
/* SURVOL sous menu Articles*/
#menu ul li:hover ul#ssmenuA li a:hover {
	color:#c8c8c8;
}

/*---------------------------------------*/

.agenda
{
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

.agenda tr
{
	border-bottom: 1px solid white;
	width: 100%;
}

.agenda td
{
	padding: 2px;
}

.bulle{
	background-image: url('../images/center-bulle.png');
	background-repeat: repeat-y;
	width: 638px;
}

.bulle_top{
	background-image: url('../images/top-bulle.png');
	background-repeat: no-repeat;
	width: 638px;
	height: 14px;
}

.bulle-center{
	width: 598px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.bulle_bottom{
	background-image: url('../images/bottom-bulle.png');
	background-repeat: no-repeat;
	width: 488px;
	height: 15px;
	text-align: right;
	padding-top: 15px;
	padding-right: 150px;
	font-weight: bold;
}

.slogan-produit{
	font-size: 0.6em;
}