/*NEW MENU */

#container_category {
	
	float: left;
	width: 980px; /*665px -10px padding-right et -10px padding-left*/
	padding:0px;
	background:#fff;
	-moz-box-shadow: 0 0 5px 0 #CCCCCC;
	-webkit-box-shadow: 0 0 5px 0 #CCCCCC;
	-o-box-shadow: 0 0 5px 0 #CCCCCC;
	box-shadow: 0 0 5px 0 #CCCCCC;
	/*on ne met pas de box shadow pour ie (avec la balise filter car cela crée des décalages*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-left:10px;
	position:relative;

}

.titre_cat_charte {
	font-size:40px !important;
	text-transform: uppercase;
}

.titre_cat_charte_sante {
	color:#058cc5;
}
.back-menu_sante {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#058cc5, #04658e);
	background-image:-moz-linear-gradient(#058cc5, #04658e);
	background-image:-webkit-linear-gradient(#058cc5, #04658e);
	background-image:-o-linear-gradient(#058cc5, #04658e);

	width:990px;
	max-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}
.titre_cat_charte_beaute {
	color:#c85097;
}
.back-menu_beaute {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#c85097, #823563);
	background-image:-moz-linear-gradient(#c85097, #823563);
	background-image:-webkit-linear-gradient(#c85097, #823563);
	background-image:-o-linear-gradient(#c85097, #823563);

	width:990px;
	max-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}
.titre_cat_charte_habitat {
	color:#99a581;
}
.back-menu_habitat {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#99a581, #555b48);
	background-image:-moz-linear-gradient(#99a581, #555b48);
	background-image:-webkit-linear-gradient(#99a581, #555b48);
	background-image:-o-linear-gradient(#99a581, #555b48);

	width:990px;
	max-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}
.titre_cat_charte_alimentation {
	color:#81a87b;
}
.back-menu_alimentation {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#81a87b, #445841);
	background-image:-moz-linear-gradient(#81a87b, #445841);
	background-image:-webkit-linear-gradient(#81a87b, #445841);
	background-image:-o-linear-gradient(#81a87b, #445841);

	width:990px;
	max-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}

.titre_cat_charte_jardinage {
	color:#a3b434;
}
.back-menu_jardinage {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#a3b434, #5e681f);
	background-image:-moz-linear-gradient(#a3b434, #5e681f);
	background-image:-webkit-linear-gradient(#a3b434, #5e681f);
	background-image:-o-linear-gradient(#a3b434, #5e681f);

	width:990px;
	max-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}
.titre_cat_charte_puericulture {
	color:#765985;
}
.back-menu_puericulture {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#765985, #3d2e45);
	background-image:-moz-linear-gradient(#765985, #3d2e45);
	background-image:-webkit-linear-gradient(#765985, #3d2e45);
	background-image:-o-linear-gradient(#765985, #3d2e45);

	width:990px;
	max-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}
.titre_cat_charte_environnement {
	color:#84b04f;
}
.back-menu_environnement {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#84b04f, #516c31);
	background-image:-moz-linear-gradient(#84b04f, #516c31);
	background-image:-webkit-linear-gradient(#84b04f, #516c31);
	background-image:-o-linear-gradient(#84b04f, #516c31);

	width:990px;
	max-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}
.titre_cat_charte_tourisme-loisirs {
	color:#34869e;
}
.back-menu_tourisme-loisirs {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#34869e, #1c4753);
	background-image:-moz-linear-gradient(#34869e, #1c4753);
	background-image:-webkit-linear-gradient(#34869e, #1c4753);
	background-image:-o-linear-gradient(#34869e, #1c4753);

	width:990px;
	max-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}
.titre_cat_charte_ecomobilite {
	color:#709899;
}
.back-menu_ecomobilite {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#709899, #496364);
	background-image:-moz-linear-gradient(#709899, #496364);
	background-image:-webkit-linear-gradient(#709899, #496364);
	background-image:-o-linear-gradient(#709899, #496364);

	width:990px;
	max-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}
.titre_cat_charte_energies {
	color:#b67b2b;
}
.back-menu_energies {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#b67b2b, #75501d);
	background-image:-moz-linear-gradient(#b67b2b, #75501d);
	background-image:-webkit-linear-gradient(#b67b2b, #75501d);
	background-image:-o-linear-gradient(#b67b2b, #75501d);

	width:990px;
	max-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}

.titre_cat_charte_en-direct {
	color:#3d79ca;
}
.back-menu_en-direct {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#3d79ca, #2a5289);
	background-image:-moz-linear-gradient(#3d79ca, #2a5289);
	background-image:-webkit-linear-gradient(#3d79ca, #2a5289);
	background-image:-o-linear-gradient(#3d79ca, #2a5289);

	width:990px;
	max-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}
.titre_cat_charte_consommation-shopping {
	color:#581b1a;
}
.back-menu_consommation-shopping {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#842a28, #581b1a);
	background-image:-moz-linear-gradient(#842a28, #581b1a);
	background-image:-webkit-linear-gradient(#842a28, #581b1a);
	background-image:-o-linear-gradient(#842a28, #581b1a);

	width:990px;
	max-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}

.back-opacity {
  position: absolute;
  content: '';
  min-height: 45px;
  top:0px;
  margin-left : 20px !important;
  background-color:white;
  -webkit-transform: skew(-45deg);
  -moz-transform: skew(-45deg);
  transform: skew(-45deg);
  opacity:.08;
  left:165px;
  width:100%;
  height:100%;
  margin:auto;
}


.titre_categorie_menu:after {
  position: absolute;
  content: '';
  min-height: 45px;
  top:0px;
  margin-left : 20px !important;
  border-right: 1px solid #4f4f4f;
  -webkit-transform: skew(-45deg);
  -moz-transform: skew(-45deg);
  transform: skew(-45deg);
  box-shadow:  1px 0 0 white;
  opacity:.7;
  left:165px;

}

.back-menu_welike {
	position:relative;
	border-radius: 5px 5px 0 0;
	background-image:linear-gradient(#ce5039, #923c2d);
	background-image:-moz-linear-gradient(#ce5039, #923c2d);
	background-image:-webkit-linear-gradient(#ce5039, #923c2d);
	background-image:-o-linear-gradient(#ce5039, #923c2d);

	width:990px;
	min-height:45px;

	
	overflow: hidden !important;
	
	color:white;


}

.titre_cat_charte_welike {
	display:none;
}

.titre_categorie_menu {
	padding:5px 5px 5px 10px;
	font-size:30px !important;
}

.logo-welike {
	position:absolute;
	top:-26px;
	left:-14px;
	z-index: 10000;
}
/*----------------------------------------
.home_rubrique_width {
	width:980px !important;
}

.menu-item {
	display:inline;
	margin : 0 5px 0 5px;

}

.menu-item:first-child {
	margin-left:250px;
}

.menu-item > a {

	text-decoration: none !important;
	color:#fff !important;
	font-size:13px !important;
	width:200px !important;
}

.menu-item > a:hover {
	text-decoration: underline !important;
}

.menu_up {
	z-index:20;
}

.menu li:last-child .pipe  {
	display:none !important;
}
*/

.menu_ss_rub {
	display: inline-block;
	margin: 0 auto;
	white-space: nowrap;
	margin-left:45px;
	
}

.menu-item {
	display: inline-table;
	margin : auto 20px auto 0px !important;
	text-align:left !important;
	vertical-align:middle !important;
	position:relative;
}

.menu-item:after {
  
  display: inline-block;
  content: '';
  min-height: 45px;
  margin-left : 30px !important;
  border-right: 1px solid #4f4f4f;
  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  transform: skewX(-45deg);
  box-shadow:  1px 0 0 white;
  opacity:.7;
 

}

.menu-item > a {
	display: table-cell;  
	text-decoration: none !important;
	color:#fff !important;
	font-size:13px !important;
	margin:20px 20px 20px 20px !important;
	font-family:'Roboto Condensed', sans-serif;
	vertical-align:middle !important;
	background-color : transparent;
}

.holder-sous-menu {
	position:absolute;
	top:0px;
	left:165px;
	overflow:hidden !important;
	width:815px;
	height:45px;
	content:'';

	z-index: 99;
	
}

.left_button_menu {
	width: 0; 
	height: 0; 
	border: 10px solid white; 
	border-top-color: transparent; 
	border-right-color: transparent; 
	border-bottom-color: transparent; 
	position:absolute;
	top:15px;
	left:175px;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    opacity:.6;
    cursor:pointer;
    z-index: 100;
}

.left_button_menu:hover {
	opacity:1;
}

.right_button_menu:hover {
	opacity:1;
}

.right_button_menu {
	width: 0; 
	height: 0; 
	border: 10px solid white; 
	border-top-color: transparent; 
	border-right-color: transparent; 
	border-bottom-color: transparent; 
	position:absolute;
	top:15px;
	right:-10px;
    opacity:.6;
    cursor:pointer;
     z-index: 101;
}

.t2 {
  position: absolute;
  top: 30px; left: 170px;
  width: 30px; height: 30px;
  border-radius: 0 0 0 .2em;
  transform: rotate(45deg);
  background: linear-gradient(-45deg, #4f4f4f , white );
  content: '';
  opacity:.1;
  z-index: 102;
}

.t3 {
  position: absolute;
  top: -15px; right: -15px;
  width: 32px; height: 32px;
  border-radius: 0 0 0 .2em;
  transform: rotate(45deg);
  background: linear-gradient(-45deg, white, #4f4f4f  );
  content: '';
  opacity:.2;
  z-index: 103;

}
.t4 {
  position: absolute;
  top: 30px; right: -15px;
  width: 30px; height: 30px;
  border-radius: 0 0 0 .2em;
  transform: rotate(45deg);
  background: linear-gradient(-45deg, #4f4f4f , white );
  content: '';
  opacity:.2;
  z-index: 104;
}


.one-column_new {
	width:980px !important;
	max-width:980px !important;
	min-height:1200px;
	 margin: auto !important;
	 display:block;

}