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

/**************************************************
/*	STRUCTURE
**************************************************/
#CONTAINER {
	width:1000px;
	margin:0 auto 0 auto;
	padding:0;
}
#BANDEAU-haut {
	height:/*93px*/73px;
	padding:0;
	position: relative;
	/*margin:0 20px 0 19px;*/
}

#BANDEAU-logo {
	height:48px;
	width:214px;
	float:left;
	padding:0 0 0 19px;
	margin:0 0 0 0;
}

#BANDEAU-menu {
	height:28px;
	font-size:12px;
	padding:0 0 0 0;
	width:580px;
	float:left;
	/*background-color:#FF3366;*/
	margin:5px 0 0 7px;
	/*position:absolute;
	bottom:0;
	left:244px;*/
}

#BANDEAU-menu a {
	color:#000000;
	text-decoration:none;
	padding:0 1px 0 9px;
	background:url(../../../../images/GroupeManuel/bandeau-menu-puces.gif) no-repeat 0 6px;
}

#BANDEAU-menu a:hover {
	color:#aaa9a9;
}

#BANDEAU-marques {
	height:48px;
	width:159px;
	float:right;
	margin:25px 20px 0 0;
}

/*#MENU-top {
	height:25px;
	padding:0;
	font-size:12px;
}
#MENU-top a {
	color:#FFFFFF;
	text-decoration:none;
}*/



#ARIANE{
	font-size:11px;
	margin:10px 0 12px 0;
	color:#a6985f;
	height:10px;
}

#CONTENT {
	min-height:432px;
	margin:0 20px 0 19px;
	background:url(../../../../images/GroupeManuel/bg-content.gif) repeat-y top left;
}

#CONTENT-pages {
	min-height:432px;
	margin:0 20px 0 19px;
	background:url(../../../../images/GroupeManuel/bg-content-pages.gif) repeat-y top left;
}

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

#COLONNE-centre {
	min-height:432px;
	width:499px;
	float:left;
	margin:0;
	padding:0 17px 0 17px;
	background-color: #ffffff;
}

#COLONNE-droite {
	min-height:432px;
	width:249px;
	float:right;
	margin:0;
	padding:0 0 0 0;
	background-color: #ffffff;
}

#FOOTER {
	padding:0 0 0 0;
	color:#524f4f;
	font-size:10px;
	text-align:center;
	margin:20px 20px 0 19px;
}

#FOOTER a {
	text-decoration:none;
	color:#524f4f;
}
#FOOTER a:hover {
	text-decoration:underline;
}

/**************************************************
/*	PAGE RESULTATS
**************************************************/
#COLONNE-gauche-pages, #COLONNE-gauche-pages-produits {
	min-height:432px;
	width:670px;
	float:left;
	margin:0;
	padding:0 17px 0 17px;
	background-color: #ffffff;
}


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

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


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


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