/*******************************
    N A V  P R I N C I P A L E
********************************/
/*******************************/

#menuZone{
	margin-top: 30px;
}
#menu-haut {
		display: none;
	}
#menu-haut{/*position:absolute; top:69px; right:0px; width:74%;*/ z-index:100; }
#menu-haut ul ul{display:none; z-index:2;}
#menu-haut li:hover > ul{display:block; z-index:10; list-style-type: none;}
#header-wrapper.small #menu-haut{position:absolute; top:15px; right:60px; }
#header-wrapper.small #menu-haut .ul1{ top:30px; }

/* Menu mobile */
.navbar-toggle .icon-bar{
	display: block;
    width: 17px;
    height: 2px;
    border-radius: 2px;
	background: #8fa4c6;	
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 3px;
}
.navbar-toggle{
	padding: 0px;
    margin-top: 17px;
    margin-right: 0;
    z-index: 989898989898;
}
.navbar-toggle div{
	float: left;
	display: inline-block;
}
.navbar-toggle div:first-child{
	font-family: 'Avenir LT Std 95 Black';
    color: #8fa4c6;
    font-size: 15.37px;
    text-transform: uppercase;
    margin: 0 10px 0 0;
    line-height: 16px;
}
/*********************
Niveau 00 
*********************/ 
.displayMenu{ display:none;}
#menu-haut .ul0{ position:relative; text-align:right; list-style-type: none;}
#menu-haut .ulHome{ position:relative; float:left;}
#menu-haut .ulHome .li0 a{ display:inline-block; text-decoration:none; z-index:99; position:relative; width:13px; height:14px; background:url(../cssimg/site/ico-home.png) no-repeat; }
#menu-haut .li0 {position:relative; display:inline-block; margin: 0px 15px; padding:0 0 25px; }
#menu-haut .li0.idPage-43{ margin: 0 30px 0 13px; }
#menu-haut .li0.idPage-43:hover:after{
	background: none !important;
}
#menu-haut .li0:last-child{ margin:0px 0 0 2%; }
#menu-haut .li0:hover, #menu-haut .li0.selected{ }
#menu-haut .li0:hover, #menu-haut .li0.selected{ color:#489fdf;}
.services #menu-haut .li0:hover, .services #menu-haut .li0.selected{ color:#00c302;}
.idPage-44.services #menu-haut .li0:hover, .idPage-44.services #menu-haut .li0.selected{ color:#00c9db;}
.idPage-58.services #menu-haut .li0:hover, .idPage-58.services #menu-haut .li0.selected{ color:#8729fb;}
#menu-haut .li0:hover:after, #menu-haut .li0.selected:after{
	position: absolute;
	bottom: -6px;
	left: -6px;
	content: "";
	width: 100%;
	height: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: #489fdf;
}
.services #menu-haut .li0:hover:after, .services #menu-haut .li0.selected:after{
	background: #00563f;
}
.idPage-44.services #menu-haut .li0:hover:after, .idPage-44.services #menu-haut .li0.selected:after{
	background: #08507a;
}
.idPage-58.services #menu-haut .li0:hover:after, .idPage-58.services #menu-haut .li0.selected:after{
	background: #e910c8;
}
#menu-haut .li0.selected > a,
#menu-haut .li0:hover > span{
	color: #489fdf;
}
#menu-haut .li0.selected:first-child .lien0{ border-bottom:0px #b49400 solid; text-transform: uppercase; font-size: 12px; font-family: 'Avenir LT Std 95 Black'; } 
#menu-haut .lien0,
#menu-haut .li0 > span{ text-transform: uppercase; color: #869dc4; font-size: 12px; font-family: 'Avenir LT Std 95 Black'; display: block; padding: 0 25px; transition: all 0s; }

#menu-haut li > a{
	overflow: hidden;
}
#menu-haut li.idPage-1 > a{
	line-height: 23px;
	height: 18px;
	background: url("/cssimg/site/ico_home.png") no-repeat;
}
#menu-haut li.idPage-43{
	top: -5px;
}
#menu-haut li.idPage-43 > span{
	padding: 0 25px 0 30px;
	line-height: 30px;
	height: 23px;
	background: url("/cssimg/site/ico_qui.png") no-repeat;
}
#menu-haut li.idPage-41 > a{
	line-height: 20px;
	height: 18px;
	background: url("/cssimg/site/ico_cdt.png") no-repeat;
}
#menu-haut li.idPage-33 > a{
	line-height: 22px;
	height: 19px;
	background: url("/cssimg/site/ico_aide.png") no-repeat;
}

#menu-haut li.idPage-1:hover > a,
#menu-haut li.idPage-1.selected > a,
#menu-haut li.idPage-41:hover > a,
#menu-haut li.idPage-41.selected > a{
	background-position: 0 -18px;
}
.services #menu-haut li.idPage-1:hover > a{
	background-position: 0 -36px;
}
.idPage-44.services #menu-haut li.idPage-1:hover > a{
	background-position: 0 -54px;
}
.idPage-58.services #menu-haut li.idPage-1:hover > a{
	background-position: 0 -72px;
}
.services #menu-haut li.idPage-41:hover > a,
.services #menu-haut li.idPage-41.selected > a{
	background-position: 0 -36px;
}
.idPage-44.services #menu-haut li.idPage-41:hover > a,
.idPage-44.services #menu-haut li.idPage-41.selected > a{
	background-position: 0 -54px;
}
.idPage-58.services #menu-haut li.idPage-41:hover > a,
.idPage-58.services #menu-haut li.idPage-41.selected > a{
	background-position: 0 -72px;
}
#menu-haut li.idPage-43:hover > span,
#menu-haut li.idPage-43.selected > span
{	color: #489fdf;
	background-position: 0 -23px;
}
.services #menu-haut li.idPage-43:hover > span,
.services #menu-haut li.idPage-43.selected > span{
	color: #00c302;
	background-position: 0 -46px;
}
.idPage-44.services #menu-haut li.idPage-43:hover > span,
.idPage-44.services #menu-haut li.idPage-43.selected > span{
	color: #00c9db;
	background-position: 0 -69px;
}
.idPage-58.services #menu-haut li.idPage-43:hover > span,
.idPage-58.services #menu-haut li.idPage-43.selected > span{
	color: #8729fb;
	background-position: 0 -92px;
}
#menu-haut li.idPage-33:hover > a,
#menu-haut li.idPage-33.selected > a{
	background-position: 0 -19px;
}
.services #menu-haut li.idPage-33:hover > a,
.services #menu-haut li.idPage-33.selected > a {
    background-position: 0 -38px;
}
.idPage-44.services #menu-haut li.idPage-33:hover > a,
.idPage-44.services #menu-haut li.idPage-33.selected > a {
    background-position: 0 -57px;
}
.idPage-58.services #menu-haut li.idPage-33:hover > a,
.idPage-58.services #menu-haut li.idPage-33.selected > a {
    background-position: 0 -76px;
}
#menu-haut li.li0:hover > a,
#menu-haut li.li0:hover > span{
	color: #489fdf;
}
.services #menu-haut li.li0:hover > a,
.services #menu-haut li.li0:hover > span{
	color: #00c302;
}
.idPage-44.services #menu-haut li.li0:hover > a,
.idPage-44.services #menu-haut li.li0:hover > span{
	color: #00c9db;
}
.idPage-58.services #menu-haut li.li0:hover > a,
.idPage-58.services #menu-haut li.li0:hover > span{
	color: #8729fb;
}
/*********************
Niveau 01 
*********************/
#menu-haut .ul1    {position:absolute; top:47px; left:0px; text-align:left; padding: 0;}
#menu-haut .li1 {position:relative; width:260px; background:#fff;}
#menu-haut .li1:hover, #menu-haut .li1.selected{ }
#menu-haut .lien1{    display: block;
    padding: 5px 0px 5px 20px;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;}
#menu-haut .lien1:hover{ background:#489fdf; color:white;}
.services #menu-haut .lien1:hover{ background:#00c302; }
.idPage-44.services #menu-haut .lien1:hover{ background:#00c9db; }
.idPage-58.services #menu-haut .lien1:hover{ background:#8729fb; }
/* max-width:960px */
@media only screen and (max-width:1024px){
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	#footer1 .fLink2 div img{
		margin: 0 5px 25px 0;
	}
	#menu-haut .lien0, #menu-haut .li0 > span{
		font-size: 10px;
		padding: 0 5px 0 20px;
	}
	#menu-haut .li0{
		margin: 0px 5px;
    	padding: 0 0 25px;
	}
	#menu-haut li.idPage-33 > a{
		padding: 0 5px 0 22px;
	}
	#menu-haut li.idPage-43 > span{
		padding: 0 25px 0 20px;
	}
	#menu-haut li.idPage-33 > a{
		padding: 0 5px 0 22px;
	}
	#menu-haut .lien1,
	#menu-haut .ul2 li .lien2{
		font-size: 10px !important;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	#menu-haut li.idPage-43 > span{
		padding: 0 19px 0;
	}
}

@media only screen and (max-width:480px) {
.displayMenu{ display:block; position:absolute; top:6px; right:5px;}
}

/*********************
Niveau 02 
*********************/
#menu-haut .ul2    {position:absolute; top:0px; left:220px;}
#menu-haut .ul2 li {position:relative; width:230px; background:#fff;}
#menu-haut .ul2 li:first-child{}
#menu-haut .ul2 li:last-child{}
#menu-haut .ul2 li:hover, #menu-haut .ul2 li.selected{background:#fff;}
#menu-haut .ul2 li .lien2{display: block;
    padding: 5px 0px 5px 20px;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;}
    #menu-haut .ul2 li .lien2:hover{ background: #489fdf; color: #fff; }
.services #menu-haut .ul2 li .lien2:hover{ background: #00c302; }
.idPage-44.services #menu-haut .ul2 li .lien2:hover{ background: #00c9db; }
.idPage-58.services #menu-haut .ul2 li .lien2:hover{ background: #8729fb; }
/*********************
Niveau 03 
*********************/
#menu-haut .ul3    {position:absolute; top:0px; left:230px;}
#menu-haut .ul3 li {position:relative; width:230px; background:#fff;}
#menu-haut .ul3 li:first-child{}
#menu-haut .ul3 li:last-child{}
#menu-haut .ul3 li:hover, #menu-haut .ul3 li.selected{background:#c7c7c7;}
#menu-haut .ul3 li .lien3{display:block; height:20px; padding:8px 8px 0px 7px; margin:0px 0px 0px 0px; color:#111; font-size:1.4em; text-decoration:none; text-transform:uppercase;}
#menu-haut .ul3 li .lien3:hover{}

.choose_language_section_mobile {
	display: none;
	left: 30px;
	position: relative;
	bottom: -7px;
	border: #ef4a25 2px solid;
}
@media only screen and (max-width:767px){
	.choose_language_section_mobile {
		display: inline-block;
	}
	#menu-haut .ul2{
		position: relative;
	    display: block;
	    left: 0;
	    padding: 0 0 0 35px;
	    margin: 0;
	    line-height: 15px;
	}
	#menu-haut .ul2 li{
		list-style-type: none;
		width: auto;
		background: transparent;
	}
	#menu-haut .ul2 li .lien2{
		padding: 0;
		color: #fff;
	}

	#jardinage{
		margin-top:-143px;
	}
	.services #menu-haut .li0:hover:after, .services #menu-haut .li0.selected:after,
	.services.idPage-44 #menu-haut .li0:hover:after, .services.idPage-44 #menu-haut .li0.selected:after,
	.services.idPage-58 #menu-haut .li0:hover:after, .services.idPage-58 #menu-haut .li0.selected:after{
		background: transparent;
	}
	#menu-haut .li0:hover .lien0{
		border-bottom: 0px transparent solid;
	}
	#menu-haut li.idPage-33:hover > a, #menu-haut li.idPage-33.selected > a{
		background-position: 0 -95px !important;
	}
	#menu-haut li.idPage-41:hover > a{
		background-position: 0 -90px !important;
	}
	#menu-haut li.idPage-43:hover > span, #menu-haut li.idPage-43.selected > span {
	    background-position: 0 -115px !important;
	}
	#menu-haut li.li0:hover > a, #menu-haut li.li0:hover > span,
	.services #menu-haut li:hover > span, .services #menu-haut li.selected > span{
		color: #fff !important;
	}
	.last_menu{
		padding: 18px 0;
		margin: 0 15px 18px;
		border-top: 1px solid #f7889b;
		border-bottom: 1px solid #f7889b;
	}
	.services .last_menu{
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.last_menu .container{
		padding: 0;
	}
	.last_menu .container a{
		width: 50%;
	    float: left;
	    display: inline-block;
	    font-size: 12px;
	}
	.last_menu .inscription{
		position: relative;
		text-align: right;
	}
	.last_menu span{
		padding-right: 20px;
	}
	.last_menu a{
		color: #fff;
	}
	#menu-haut .li0{
		padding: 0 0 20px;
	}
	#menu-haut .li0 > span{
		color: #fff;
	}
	#menu-haut .li0.idPage-43 {
    	margin: 0 30px 0 0px;
    	padding: 0;
	}
	#menu-haut .li0.selected{
		border-bottom: 0px #489fdf solid;
	}
	#menu-haut .li1{
		background: transparent;
	}
	#menu-haut .ul1{
		list-style-type: none;
		padding: 0;
		margin: 0 0 10px 24px;
	}
	#menu-haut .lien1{
		padding: 0px 0px 0px 20px;
		color: #fff;
	}
	#menu-haut li.idPage-43 > span{
	    padding: 0 25px 0 33px;
	}
	#menu-haut li.idPage-1.selected > a,
	#menu-haut li.idPage-1 > a{
		background-position: 0 -90px !important;
	}
	#menu-haut li.idPage-43 > span,
	#menu-haut li.idPage-43.selected > a{
		background-position: 0 -115px !important;
	}
	#menu-haut li.idPage-41 > a,
	#menu-haut li.idPage-41.selected > a{
		background-position: 0 -90px !important;
	}
	#menu-haut li.idPage-33 > a,
	#menu-haut li.idPage-33.selected > a{
		background-position: 0 -95px !important;
	}
	.displayMenu{ display:block; position:absolute; top:35px; right:5px; cursor:pointer; }
#header-wrapper.small .displayMenu{ top:12px; right:30px; }

#menu-haut {display:none;}
#menu-haut { 
	position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0 5px 22px;
    background: #fff;}
.services #menu-haut{
	background: #00c302;
}
.services.idPage-44 #menu-haut{
	background: #00c9db;
}
.services.idPage-58 #menu-haut{
	background: #823adc;
}
#menu-haut:before{
	content: "";
	width: 8px;
	height: 5px;
	position: absolute;
	top: -4px;
	right: 16%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 5px 4px;
	border-color: transparent transparent #ee0028 transparent;
}
.services #menu-haut:before{
	border-color: transparent transparent #00c302 transparent;
}
.services.idPage-44 #menu-haut:before{
	border-color: transparent transparent #00c9db transparent;
}
.services.idPage-58 #menu-haut:before{
	border-color: transparent transparent #823adc transparent;
}
#header-wrapper.small #menu-haut { top:46px;}

#menu-haut ul ul{display:block;}

#menu-haut .ul0{     width: 100%;
    text-align: left;
    padding: 40px 15px 7px;
    margin: 0; }
#menu-haut .li0 { display:block; width:100%; margin:0px 0; }
#menu-haut .li0:last-child{ margin:0 0 0 0; }
#menu-haut .lien0{ color:white; padding: 0 25px 0 33px;}
#menu-haut .li0:hover .lien0, #menu-haut .li0.selected .lien0{ color:#fff; border-bottom:0px transparent solid; } 
#menu-haut .lien0:hover{ color:#c2a628;}
#menu-haut .ul1{ position:relative; width:100%; top:auto; left:auto; }
#menu-haut .li1 { width:100%;}
#menu-haut .lien1{ display:block; }
#menu-haut .ul2 li:hover, #menu-haut .ul2 li.selected{
	background: transparent !important;
}
}