/* 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;   
}

.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:14px;
color:#000;
}

img{
	border:none;
	}

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

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

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


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

#haut{
	*height:128px;
	min-height:144px;
	margin:0px;
}

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

#haut .logoForum{
	margin-top:10px;
	margin-bottom:5px;
}

#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;
	text-align: right;
	margin-bottom: 7px;
	color:#999;
	font-size: 12px;
	margin-right:12px;
}




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

#bas{
	width:100%;
	color:#999;
	text-align:center;
	font-size: 12px;
	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;
}





/************************************************************************************************/
/*-------------------------------------  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: 20px;
	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: 16px;
	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  ***/

/************************************************************************************************/
/*-------------------------------------  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;
}



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

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


/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*--------------------            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: 12px;
	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;}

/*--------- 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);}


#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;
}

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