/*MENU*/

ul.pureCssMenu {margin-left:12px;}
ul.pureCssMenu ul{display:none;}
ul.pureCssMenu li:hover>ul{display:block; padding:5px;}
ul.pureCssMenu ul{position: absolute;left:-2px;top:97%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
}

ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	float: left;
}

ul.pureCssMenu ul{

	width:370px;
	margin-left:5px;
	/*
	background: url(../images_refonte/menu_border_top.png) no-repeat;
	background:#f0f0ee;
	border: 1px solid grey;*/
	
	/* Mozilla: */
	background: -moz-linear-gradient(top, #FFFFFF, #C5C5C5);
	/* Chrome, Safari:*/
    background: -webkit-linear-gradient(top, #FFFFFF, #C5C5C5);
	 /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#C5C5C5', GradientType=0);
	
	/* Rounded corners*/
	/* firefox's individual border radius properties */
	-moz-border-radius:0 15px 15px 15px;  /* shorthand topleft topright bottomright bottomleft */
	
	/* webkit's individual border radius properties */
	-webkit-border-top-right-radius:15px; /* top right corner */


	-webkit-border-bottom-left-radius:15px; /* bottom left corner */
	-webkit-border-bottom-right-radius:15px; /* bottom right corner */	
	border-radius: 8px;
	behavior: url(../../PIE.htc);
}

ul.pureCssMenu .grande{
	width:437px;
	/*
	background:#f0f0ee;
	Mozilla: 
	*/
	background: -moz-linear-gradient(top, #FFFFFF, #C5C5C5);
	/* Chrome, Safari:*/
    background: -webkit-gradient(linear,left top, left bottom, from(#FFFFFF), to(#C5C5C5));
	 /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#C5C5C5', GradientType=0);
	
	
	margin-left:5px;
		border-radius: 8px;
	behavior: url(../../../PIE.htc);
}

ul.pureCssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
	float:left;
}


ul.pureCssMenu .deux_columns{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
	float:left;
	width:180px;
}

ul.pureCssMenu .deux_columns2{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
	float:left;
	width:215px;
}

ul.pureCssMenu .un_column{
	width:180px;
}


ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}

ul.pureCssMenu a{
	display:block;
	vertical-align:middle;
	border: 0;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:bold 13px Arial;
	cursor:default;
	text-align: center;
	cursor: pointer;
}

ul.pureCssMenu li ul.pureCssMenum a{
	display:block;
	border: 0;
	text-align:left;
	font:normal 13px Arial, Helvetica, sans-serif;
	color: #3d3d3d;
	text-decoration:none;
}

ul.pureCssMenu li ul.pureCssMenum a:hover{
	background-color:#e5207c;
	color:#fff;
	font-weight:bold;
	
}
ul.pureCssMenu span{
	overflow:hidden;
}

ul.pureCssMenu li {
	float:left; z-index: 99999;
}

ul.pureCssMenu ul li {
	float:none;
}

ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}

ul.pureCssMenu li:hover{
	position:relative;
}

ul.pureCssMenu li:hover>a{
	font:bold 13px Arial;
	text-decoration:none;
}

ul.pureCssMenu li a:hover{
	position:relative;
	font:bold 13px Arial;
	text-decoration:none;
}

ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}

ul.pureCssMenu a:hover ul{display:block}


/* Taille Liens  */

.accueil{width:75px; height:30px;}
.actualites{width:170px; height:30px;}
.outils{width:75px; height:30px;}
.sport{width:150px; height:30px;}
.communaute{width:110px; height:30px;}
.astuces{width:75px; height:30px;}
.programme{width:170px; height:30px;}
.recettes{width:90px; height:30px;}

/* COULEUR DES TITRES*/

.accueil, .actualites, .accueil-here, .actualites-here{
	text-transform:uppercase; 
	color:#00166d;

}

.outils, .sport , .outils-here, .sport-here {
	text-transform:uppercase; 
	color:#ec004b;

}

.communaute, .astuces,.communaute-here, .astuces-here  {
	text-transform:uppercase; 
	color:#739709;

}

.programme,.recettes, .programme-here,.recettes-here {
	text-transform:uppercase;
	color:#fc6a00;

}

/* HOVER avec  effets background sur les titres*/

ul.pureCssMenu li a.accueil:hover{
	position:relative;
	font:bold 13px Arial;
	color: #00166d;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
}

ul.pureCssMenu li:hover>a.accueil{
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
	font:bold 13px Arial;
	color: #00166d;
	text-decoration:none;
}

ul.pureCssMenu li a.outils:hover{
	position:relative;
	font:bold 13px Arial;
	color: #ec004b;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
}

ul.pureCssMenu li:hover>a.outils{
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
	font:bold 13px Arial;
	color: #ec004b;
	text-decoration:none;
}

ul.pureCssMenu li a.communaute:hover{
	position:relative;
	font:bold 13px Arial;
	color: #739709;
	text-decoration:none;
	background: url(../images_refonte/menu_hover/communaute.png) 0 0;
	background-repeat:no-repeat;
}

ul.pureCssMenu li:hover>a.communaute{
	background: url(../images_refonte/menu_hover/communaute.png) 0 0;
	background-repeat:no-repeat;
	font:bold 13px Arial;
	color: #739709;
	text-decoration:none;
}

ul.pureCssMenu li a.programme:hover{
	position:relative;
	font:bold 13px Arial;
	color: #fc6a00;
	text-decoration:none;
	background: url(../images_refonte/menu_hover/program.png) 0 0;
	background-repeat:no-repeat;
}

ul.pureCssMenu li:hover>a.programme{
	background: url(../images_refonte/menu_hover/program.png) 0 0;
	background-repeat:no-repeat;
	font:bold 13px Arial;
	color: #fc6a00;
	text-decoration:none;
}

ul.pureCssMenu li a.actualites:hover{
	position:relative;
	font:bold 13px Arial;
	color: #00166d;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/program.png);
	background-repeat:no-repeat;
}

ul.pureCssMenu li:hover>a.actualites{
	background-image: url(../images_refonte/menu_hover/program.png);
	background-repeat:no-repeat;
	font:bold 13px Arial;
	color: #00166d;
	text-decoration:none;
}

ul.pureCssMenu li a.sport:hover{
	position:relative;
	font:bold 13px Arial;
	color: #ec004b;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/sport.png);
	background-repeat:no-repeat;
}

ul.pureCssMenu li:hover>a.sport{
	background-image: url(../images_refonte/menu_hover/sport.png);
	background-repeat:no-repeat;
	font:bold 13px Arial;
	color: #ec004b;
	text-decoration:none;
}

ul.pureCssMenu li a.recettes:hover{
	position:relative;
	font:bold 13px Arial;
	color: #fc6a00;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/astuce.png);
	background-repeat:no-repeat;
}

ul.pureCssMenu li:hover>a.recettes{
	background-image: url(../images_refonte/menu_hover/astuce.png);
	background-repeat:no-repeat;
	font:bold 13px Arial;
	color: #fc6a00;
	text-decoration:none;
}

ul.pureCssMenu li a.astuces:hover{
	position:relative;
	font:bold 13px Arial;
	color: #739709;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
}

ul.pureCssMenu li:hover>a.astuces{
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
	font:bold 13px Arial;
	color: #739709;
	text-decoration:none;
}




ul.pureCssMenu li a.accueil-here{
	position:relative;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
	width: 78px;
	height: 24px;

}

ul.pureCssMenu li a.outils-here{
	position:relative;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
	width: 78px;
	height: 24px;
}

ul.pureCssMenu li a.communaute-here{
	position:relative;
	text-decoration:none;
	background: url(../images_refonte/menu_hover/communaute.png) 0 0;
	background-repeat:no-repeat;
	width: 112px;
	height: 24px;
}

ul.pureCssMenu li a.programme-here{
	position:relative;
	text-decoration:none;
	background: url(../images_refonte/menu_hover/program.png) 0 0;
	background-repeat:no-repeat;
	width: 172px;
	height: 24px;
	
}

ul.pureCssMenu li a.actualites-here{
	position:relative;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/program.png);
	background-repeat:no-repeat;
	width: 172px;
	height: 24px;

}

ul.pureCssMenu li a.sport-here{
	position:relative;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/sport.png);
	background-repeat:no-repeat;
	width: 152px;
	height: 24px;

}

ul.pureCssMenu li a.recettes-here{
	position:relative;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/astuce.png);
	background-repeat:no-repeat;
	width: 82px;
	height: 24px;

}

ul.pureCssMenu li a.astuces-here{
	position:relative;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
	width: 78px;
	height: 24px;

}
/*
ul.pureCssMenu li a.boutique-here{
	position:relative;
	font:bold 13px Arial;
	color: #f17b1b;
	text-decoration:none;
	background-image: url(../images/boutique_hover.jpg);
	background-repeat:no-repeat;
	width: 65px;
	height: 23px;
	margin-left: 26px;
	margin-right: -2px;
	line-height:12px;
}

ul.pureCssMenu li a.suivi-here{
	position:relative;
	font:bold 13px Arial;
	color: #f17b1b;
	text-decoration:none;
	background-image: url(../images/suivi_hover.jpg);
	background-repeat:no-repeat;
	width: 100px;
	height: 23px;
	margin-left: 24px;
	margin-right: -2px;
	line-height:12px;
}
*/

























/*
ul.pureCssMenu li a.boutique:hover{
	position:relative;
	font:bold 13px Arial;
	color: #f17b1b;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
}

ul.pureCssMenu li:hover>a.boutique{
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
	font:bold 13px Arial;
	color: #f17b1b;
	text-decoration:none;
}

ul.pureCssMenu li a.suivi:hover{
	position:relative;
	font:bold 13px Arial;
	color: #f17b1b;
	text-decoration:none;
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
}

ul.pureCssMenu li:hover>a.suivi{
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
	font:bold 13px Arial;
	color: #f17b1b;
	text-decoration:none;
}

ul.pureCssMenu li:hover>a.suivi{
	background-image: url(../images_refonte/menu_hover/outils.png);
	background-repeat:no-repeat;
	font:bold 13px Arial;
	color: #f17b1b;
	text-decoration:none;
}*/

ul.pureCssMenu li ul li.orange a:hover{
	color: #FFF;
	background-color:#f17b1b;
}

ul.pureCssMenu li ul li.orange a{
	color: #f17b1b;
}

