/**************************************************
/*	GENERAL   
**************************************************/
* {padding:0; margin:0;}

hr{
  clear:both;
  visibility:hidden;
  display:block;
  margin:0 0 -2px 0;
  padding:0 0 0 0;
}

img {
  border:0;
}

body {
  	font-family: Arial, Helvetica, sans-serif;
  	color:#000000;
	background-color:#ffffff;
	background:url(../images/bg-pages.gif) repeat-x top left;
}

/**************************************************
/*	STRUCTURE
**************************************************/
#CONTAINER {
	width:1000px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../images/bg-container.gif) no-repeat top center;
	min-height:620px;
}
#MENU-top {
	height:25px;
	width:939px;
	margin:0 auto 0 auto;
	padding:10px 0 0 0;
	font-size:12px;
	text-align:center;
}
#MENU-top a {
	color:#bd1220;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/puce-menu-top.gif) no-repeat 0 5px;
	margin:0 0 0 0;
	padding:0 8px 0 17px;
}
#MENU-top a:hover {
	color:#000000;
	font-weight:bold;
}

#BANDEAU {
	height:156px;
	width:939px;
	background-color:#000000;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
}

#ARIANE{
	font-size:10px;
	min-height:20px;
	/*width:939px;*/
	margin:0 60px 0 59px;
	padding:10px 0 0 0;
	background:url(../images/bg-ariane.gif) no-repeat center top;
	color:#b6abac;
}
#ARIANE a{
	color:#b6abac;
	text-decoration:none;
}
#ARIANE a:hover{
	color:#bd1220;
}

#CONTENT {
	min-height:400px;
	background-color: #99CCFF;
}

#CONTENT-accueil {
	min-height:400px;
	padding:30px 0 0 59px;
}
#CONTENT-pages {
	min-height:400px;
	padding:30px 60px 0 59px;
}
#CONTENT-accueil {
	background:url(../images/bg-content-accueil.gif) no-repeat top center;
}
#CONTENT-pages {


}

#COLONNE-gauche-accueil {
	min-height:300px;
	width:230px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:11px;
	color:#000000;
}

#COLONNE-centre-accueil {
	min-height:300px;
	width:407px;
	float:left;
	margin:0 10px 0 17px;
	padding:0 0 0 0;
	font-size:11px;
	color:#000000;
}

#COLONNE-droite-accueil {
	min-height:300px;
	width:230px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#FOOTER {
	padding:14px 0 0 0;
	height:15px;
	color:#8c8485;
	font-size:10px;
	width:939px;
	margin:0 auto 0 auto;
	text-align:center;
	background:url(../images/bg-footer.gif) no-repeat top center;
}
#FOOTER img {
	margin:0 10px 0 10px;
}

#FOOTER a {
	color:#8c8485;
	text-decoration:none;
}
#FOOTER a:hover {
	color:#bd1220;
}



/**************************************************
/*	COMMUN
**************************************************/
.IMAGE-RIGHT{
float:right;
margin:0 0 10px 20px;
}

.IMAGE-LEFT{
float:left;
margin:0 10px 10px 0;
}

.TEXTE-01{
color:#fff;
font-size:11px;
font-weight:bold
}

.TEXTE-02{
color:#fff;
font-size:12px;
font-weight:bold;
}

/**************************************************
/*	MISE EN FORME CONTENUS
**************************************************/
.CLEAR-both{clear:both;}
.FLOAT-right{float:right;}
.FLOAT-left {float:left;}
.MARGIN-auto {margin:0 auto;}
.CLEAR-left{clear:left;}
.VISIBILITY-hidden{visibility:hidden}

.TEXT-INDENT{text-indent:10px;}
.ALIGN-right{text-align:right;}
.ALIGN-left {text-align:left;}
.ALIGN-center{text-align:center;}
.ALIGN-justify{text-align:justify;}

.VERTICAL-ALIGN-middle{vertical-align:middle;}

.POSITION-RELATIVE {position:relative;}
.DISPLAY-block {display:block;}
.DISPLAY-inline {display:inline;}

/*PADDING*/
.PADDING-0px{padding:0px;}
.PADDING-3px{padding:3px;}
.PADDING-5px{padding:5px;}
.PADDING-8px{padding:8px;}
.PADDING-7px{padding:7px;}
.PADDING-10px{padding:10px;}
.PADDING-15px{padding:15px;}
.PADDING-20px{padding:20px;}
.PADDING-25px{padding:25px;}

.PADDING-right-3px{padding-right:3px;}
.PADDING-right-5px{padding-right:5px;}
.PADDING-right-6px{padding-right:6px;}
.PADDING-right-8px{padding-right:8px;}
.PADDING-right-10px{padding-right:10px;}
.PADDING-right-15px{padding-right:15px;}
.PADDING-right-20px{padding-right:20px;}
.PADDING-right-25px{padding-right:25px;}

.PADDING-left-3px{padding-left:3px;}
.PADDING-left-5px{padding-left:5px;}
.PADDING-left-6px{padding-left:6px;}
.PADDING-left-8px{padding-left:8px;}
.PADDING-left-10px{padding-left:10px;}
.PADDING-left-15px{padding-left:15px;}
.PADDING-left-20px{padding-left:20px;}
.PADDING-left-25px{padding-left:25px;}
.PADDING-left-31px{padding-left:31px;}
.PADDING-left-40px{padding-left:40px;}
.PADDING-left-80px{padding-left:80px;}

.PADDING-bottom-5px{padding-bottom:5px;}
.PADDING-bottom-10px{padding-bottom:10px;}
.PADDING-bottom-15px{padding-bottom:15px;}
.PADDING-bottom-20px{padding-bottom:20px;}
.PADDING-bottom-30px{padding-bottom:30px;}

.PADDING-top-5px{padding-top:5px;}
.PADDING-top-10px{padding-top:10px;}
.PADDING-top-15px{padding-top:15px;}
.PADDING-top-20px{padding-top:20px;}

/*MARGIN*/
.MARGIN-0px{margin:0px;}
.MARGIN-5px{margin:5px;}
.MARGIN-10px{margin:10px;}
.MARGIN-15px{margin:15px;}
.MARGIN-20px{margin:20px;}
.MARGIN-25px{margin:25px;} 

.MARGIN-top-1px{margin-top:1px;}
.MARGIN-top-2px{margin-top:2px;}
.MARGIN-top-3px{margin-top:3px;}
.MARGIN-top-4px{margin-top:4px;}
.MARGIN-top-5px{margin-top:5px;}
.MARGIN-top-7px{margin-top:7px;}
.MARGIN-top-10px{margin-top:10px;}
.MARGIN-top-15px{margin-top:15px;}
.MARGIN-top-20px{margin-top:20px;}
.MARGIN-top-25px{margin-top:25px;}
.MARGIN-top-40px{margin-top:40px;}
.MARGIN-top-60px{margin-top:60px;}

.MARGIN-right-0px{margin-right:0px;}
.MARGIN-right-2px{margin-right:2px;}
.MARGIN-right-5px{margin-right:5px;}
.MARGIN-right-10px{margin-right:10px;}
.MARGIN-right-15px{margin-right:15px;}
.MARGIN-right-20px{margin-right:20px;}
.MARGIN-right-30px{margin-right:30px;}
.MARGIN-right-40px{margin-right:40px;}

.MARGIN-bottom-3px{margin-bottom:3px;}
.MARGIN-bottom-4px{margin-bottom:4px;}
.MARGIN-bottom-5px{margin-bottom:5px;}
.MARGIN-bottom-6px{margin-bottom:6px;}
.MARGIN-bottom-7px{margin-bottom:7px;}
.MARGIN-bottom-8px{margin-bottom:8px;}
.MARGIN-bottom-9px{margin-bottom:9px;}
.MARGIN-bottom-10px{margin-bottom:10px;}
.MARGIN-bottom-15px{margin-bottom:15px;}
.MARGIN-bottom-20px{margin-bottom:20px;}
.MARGIN-bottom-25px{margin-bottom:25px;}
.MARGIN-bottom-30px{margin-bottom:30px;}

.MARGIN-left-2px {margin-left:2px;}
.MARGIN-left-5px {margin-left:5px;}
.MARGIN-left-10px {margin-left:10px;}
.MARGIN-left-15px {margin-left:15px;}
.MARGIN-left-20px {margin-left:20px;}
.MARGIN-left-25px {margin-left:25px;}
.MARGIN-left-60px {margin-left:60px;}
.MARGIN-left-90px {margin-left:90px;}


/**************************************************
/*	PAGES
**************************************************/
#COLONNE-gauche-pages {
	min-height:380px;
	width:150px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:11px;
	color:#000000;
	background:url(../images/bg-menu-gauche-pages.jpg) no-repeat top right;
	
}

#COLONNE-gauche-pages ul {
	list-style-type:none;
	padding:0 0 0 7px;
	font-size:12px;
}

#COLONNE-gauche-pages ul li {
	background: url(../images/bg-separateur-menu-gauche-pages.gif) no-repeat bottom right;
	padding:5px 5px 5px 0;
}

#COLONNE-gauche-pages ul li ul li{
	background: url(../images/bg-separateur-menu-gauche-pages.gif) no-repeat top right;
	padding:5px 5px 5px 0;
}

#COLONNE-gauche-pages ul li a {
	color:#bd1220;
	font-size:12px;
	text-decoration:none;
	line-height:15px;
}

#COLONNE-gauche-pages ul li a:hover {
	color:#000000;
}

#COLONNE-droite-pages {
	min-height:380px;
	width:680px;
	float:left;
	margin:0 0 0 40px;
	padding:0 0 0 0;	
}

#ENTETE-recette-mois {
	height:80px;
	background:url(../images/bg-entete-recette-mois.jpg) no-repeat top left;
	margin:0 0 0 0;
	padding:0 0 0 0;	
}

#ENTETE-recette-mois h1 {
	color:#bd1220;
	margin:15px 0 0 0;
	float:left;
	padding:0 0 0 0;	
	font-size:18px;
	font-weight:normal;
	width:380px;
	line-height:18px;
}

.BLOC-entete-recette-infos {
	color:#f16d78;
	margin:20px 0 0 /*85px*/70px;
	float:right;
	width:75px;
	padding:0 0 0 0;	
	font-size:11px;
}


/**************************************************
/*	MENUS DEROULANTS
**************************************************/
/***** MENU principal *****/

#MENU-princ {
	height:29px;
	margin:0;
	padding:0 0 0 10px;
	padding:0 0 0 40px;
	background:url(../images/bg-menu.gif) no-repeat top left;
}

/* PARAMETRES GENERAUX DU MENU */
#MENU #nav, #MENU #nav ul {
	clear:both;
	display:block;
	padding: 0;
	margin: 0;
	list-style: none;	
}

#MENU #nav li {
	float:left; /* Alignement du menu dans la page */
	height:21px;
	margin:1px 25px 0 0;
	padding:0 0 0 0;
	text-align:center;
/*	background-color:#FF0000;*/
}

/* NIVEAU 01 */
#MENU #nav li a{
	display:block;
	color:#626349;
	text-decoration:none;
	padding: 3px 5px 0 5px;
	font-size:0.75em;
	color:#ffffff;
	font-weight:bold;
	height:20px;
}

#MENU #nav li a:hover {
	padding: 3px 5px 0 5px;
	height:20px;
}


/* NIVEAU 02 */
#MENU #nav li ul { /* listes de NIVEAU 2 */
	position: absolute;
	font-size:1.1em;
	left: -999em;
	background-color:#97be0d;
	width:250px;
	z-index:100;
	margin:0 0 0 0;
	border:1px solid #6c828d;
}

#MENU #nav li ul li {
	height:18px;
	margin:0;
	padding:0 0 2px 0;
	width:250px;
	text-align:left;
	font-weight:normal;
	background:none;
	border-right:none;
	
}

#MENU #nav li ul li a {
	display: block;
	margin:0 0 0 0;
	color:#ffffff;
	padding:0 0 0 10px;
	line-height:20px;
	width:240px;
	height:20px;
	border-bottom: none;
	font-size:0.65em;
	font-weight:normal;
	background-color:#97be0d;
}

#MENU #nav li ul li a:hover {
	display: block;
	background:none;
	margin:0 0 0 0;
	color:#FFFFFF;
	padding:0 0 0 10px;
	line-height:20px;
	height:20px;
	background-color:#6c828d;
}

/* NIVEAU 03 */
#MENU #nav li ul ul { /* listes de NIVEAU 3 et plus */
	margin: -16px 0 0 150px; /* Attention, la derniere valeur doit être aussi égale au WIDTH des NAV A et NAV LI UL pour pouvoir raccrocher les NIVEAUX 2 et 3 */
}

#MENU #nav li:hover ul ul, #MENU #nav li.sfhover ul ul {
	left: -999em;
}

#MENU #nav li:hover ul, #MENU #nav li li:hover ul, #MENU #nav li.sfhover ul, #MENU #nav li li.sfhover ul { 
	left: auto;
}