/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-droplist-menu-ie10-touch-screen.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.blk-menu-main { z-index:100; /* width: 880px; */ min-width: 750px; margin: 0; padding: 0; float: left; font-size: 1.06em; }
@media only screen and (max-width: 480px) {
	.blk-menu-main { min-width: 480px; }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
	.blk-menu-main { max-width: 750px; width: 100%; min-width: initial; }
}

.menuMain { clear: both; margin: 0; padding: 5px 0 12px 5px; display: block; list-style: none outside none; text-align: left; font-size: 17px; line-height: 20px; }
.menuMain ul {padding: 0; margin: 0; list-style: none; }
.menuMain li {padding: 0; margin: 0; list-style: none; display: inline-block; }


.menuMain-sub { vertical-align: top; }

.menuMain ul.menuMain-sub-ul { position: absolute; left: -9999px; top: -10000px; height: auto; padding: 0; z-index: -1; font-family: lato; font-size: 22px; font-weight: bold; }
.menuMain li .bandeau { position: absolute; left:-9999px; background: #e8e3cd; padding: 0 21px 5px; z-index: -1; }

.menuMain li.menuMain-one { display: inline-block; margin: 0 0 0 0; padding: 1px 0 0; position:relative; z-index:50; vertical-align: top; min-height: 40px; }
/* .menuMain li.menuMain-one { display: block; float: left; margin: 0 0 0 0px; padding: 0; position:relative; z-index:50; border-top: solid 7px transparent; } */
.menuMain li.menuMain-one .menuMain-one-a-span { display: block; padding: 0 12px; }
.menuMain li.menuMain-one.first-child { margin-left: 0; }

/*.menuMain .liTopMenuL1Sep { margin: 0 0.1em; }*/
.menuMain li.menuMain-one a.menuMain-one-a { display: block; margin: 0; padding: 0; max-width: 100%; color: #010000; }
.menuMain li.menuMain-one a.menuMain-one-a .menuMain-one-a-span { font-weight: 600; }
.menuMain li.menuMain-one a.menuMain-one-a:hover { text-decoration: none; }

.menuMain li.menuMain-one a.menuMain-one-a:hover {  }

.menuMain li.menuMain-one:hover .menuMain-one-a-span { }
.menuMain li.menuMain-has-sub:hover .menuMain-one-a-span { }
.menuMain li.menuMain-one:hover { background: #e8e3cd; }
.menuMain li.menuMain-one:hover > a.menuMain-one-a { color: #010000; }
.menuMain li.menuMain-selected { }
.menuMain li.menuMain-selected .menuMain-one-a-span { color: #010000; }
.menuMain li.menuMain-selected a.menuMain-one-a,
.menuMain li.menuMain-selected:hover a.menuMain-one-a { }
.menuMain li.menuMain-has-sub a.menuMain-one-a:hover {  }
.menuMain li.menuMain-has-sub:hover > a.menuMain-one-a { }


.menuMain ul li { display: block; text-align: left; padding: 0; }
.menuMain ul li.last-sub { margin-right: 0; }
.menuMain ul .first-child { }
.menuMain ul .last-child { }
.menuMain ul li a { line-height: 1.222; display: block; text-transform: none; }
.menuMain ul li a span { display: block; }

/* .menuMain ul li a:hover { color: #fff; background-color: #0b622a;  } */

.menuMain li:hover .bandeau { position: absolute; display: block; left: 0; top: 40px; /*width: 350px;*/ width: 560px; background: #e8e3cd; }
.menuMain li:first-child:hover .bandeau { width: 560px; }
/* .menuMain :hover .bandeau { position: absolute; display: block; left: 0; top: 40px; width: 560px; background: #e8e3cd; } */
/*.menuMain li.menuMain-sub { display: inline-block; width: 20%; margin: 0 auto; }*/
.menuMain :hover ul.menuMain-sub-ul { position: static; font-size: 22px; display: inline-block; width: 100%; margin: auto; padding: 17px 0 0; text-align: center }
.menuMain :hover li.menuMain-sub { /*float: initial;*/ float: left; /*display: block*/display: inline-block; /*width: 100%;*/ width: 240px; padding: 0; margin: 5px 0 5px 12px; }
.menuMain :hover li.menuMain-sub.has-menuMain-ter { float: left; display: inline-block; width: 260px; }
.menuMain :hover li.menuMain-sub.last-sub { margin-right: 0; }
.menuMain :hover li.menuMain-sub .menuMain-sub-a { display: inline-block; color: #7f6565; font-weight: bold; }
.menuMain :hover li.menuMain-sub .menuMain-sub-a img { float: left; }
.menuMain :hover li.menuMain-sub .menuMain-sub-a:hover { color: #e31d1a; !important; }
.menuMain :hover li.menuMain-sub-selected .menuMain-sub-a { }

/*placement niveau 2 pour pas que ça sorte de l'écran*/
/* .menuMain li.menuMain-one:nth-last-child(4):hover .bandeau { left: -260px; } */
/* .menuMain li.menuMain-one:nth-last-child(5):hover .bandeau { left: -100px; } */

/*dernier élément premier niveau*/
.menuMain li.menuMain-one:last-child { border-right: 0; }
.menuMain li.menuMain-one:last-child:hover .bandeau { left: initial; right: 0; width: 210px; }
.menuMain li.menuMain-one:last-child:hover ul.menuMain-sub-ul {  }
.menuMain li.menuMain-one:last-child:hover li.menuMain-sub { float: initial; width: 100%; background: none; }
.menuMain li.menuMain-one:last-child:hover li.menuMain-sub .menuMain-sub-a { width: 100%; font-weight: normal; }
.menuMain li.menuMain-one:last-child:hover li.menuMain-sub .menuMain-sub-a img { padding: 0 10px; }
.menuMain li.menuMain-one:last-child:hover li.menuMain-sub a.menuMain-sub-a span { padding-left: 0; }


.menuMain :hover li.menuMain-ter { margin: 5px 0; display: block; }
.menuMain :hover li.menuMain-ter .menuMain-ter-a { color: #000; font-size: 0.80em; font-weight: normal; }
/* .menuMain :hover li.menuMain-ter .menuMain-ter-a:hover { color: #e3004f !important; } */
/* .menuMain :hover li.menuMain-ter-selected .menuMain-ter-a { color: #e3004f; } */
/* .menuMain :hover li.menuMain-ter-selected .menuMain-ter-a:hover { color: #0e3083 !important; } */

/*.menuMain-ter { display: block; }*/





/* Default */
/*.menuMain :hover ul.menuMain-sub-ul { display: block; left: -40px; }*/
/*.menuMain :hover ul.left1 {left:-150px; }*/

.toggleMenu {	position: relative; width: 48px; height: 45px; margin-top: 0; background: #ccc; border: none; text-indent: -900em; overflow: hidden; cursor: pointer; outline: none; }
.toggleMenu:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; }


/*
.nav li.hover a { color: #fff; }
.nav li.hover li a { color: #fff; }
*/

.blk-menu-main.menuToggle { text-align: center; }
.blk-menu-main.menuToggle ul { text-align: left; }

	ul.nav { margin: 0; padding: 0; }
	.nav ul { margin: 0; padding: 0; }
	.nav li { margin: 0; padding: 0; }
	.nav a { font-size: 1em; }
	.nav li  a { font-size: 1.4em; }
	.nav li li a { font-size: 1.2em; }
	.nav li li li a { font-size: 1em; }

	.nav {
		list-style: none;
		*zoom: 1;
		background:#fff;
		position: absolute;
		top: 48px; /* hauteur de blk-menu-main */
		right: 0; /* décallage du bouton à contrer */
		width: 480px;
	}
/* 	@media only screen and (max-width: 480px) { */
/* 		.nav { right: 0; } */
/* 	} */

	.nav .bandeau-bleu { display: inline; }

	.nav:before,
	.nav:after {
		content: " ";
		display: table;
	}
	.nav:after {
		clear: both;
	}
	.nav ul {
		list-style: none;

	}
	.nav a {
		padding: 10px 15px;
		color:#7c7c7c;
	}
	.nav li {
		position: relative;
	}
	.nav > li {
		float: left;
		border-top: 1px solid #b2b2b2;
	}
	.nav > li > .parent {
		background-image: url("/medias/_site/downArrow.png");
		background-repeat: no-repeat;
		background-position: right;
	}
	.nav > li > a {
		display: block;
		padding: 1em 1em;
	}
	.nav li  ul {
		position: absolute;
		left: -9999px;
	}
	.nav > li.hover > ul {
		left: 0;
	}
	.nav li li.hover ul {
		left: 100%;
		top: 0;
	}
	.nav li li a {
		display: block;
		background: #7c7c7c;
		color: #fff;
		position: relative;
		z-index:100;
		padding: 1em 1em;
		border-top: 1px solid #e2004f;
	}
	.nav li li li a {
		background:#249578;
		z-index:200;
		border-top: 1px solid #e2004f;
	}

	.active {
		display: block;
	}
	.nav > li {
		float: none;
	}
	.nav > li > .parent {
		background-position: 95% 50%;
	}
	.nav li li .parent {
		background-image: url("/medias/_site/downArrow.png");
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}
	.nav ul {
		display: block;
		width: 100%;
	}
	.nav > li.hover > ul , .nav li li.hover ul {
		position: static;

	}
/* .nav:first-child { border-top: 1px solid #0e3083; } */
/* .nav:last-child { border-bottom: 1px solid #0e3083; } */