/*
Menu déroulant : six rubriques par ligne sur toute la largeur de l'espace du menu
https://tympanus.net/codrops/2013/05/17/horizontal-slide-out-menu/
*/

/*police bootstrap pour les pictos*/
@font-face{
  font-family:'FontAwesome';
  src:url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.eot?v=3.2.1");
  src:url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight:normal;
  font-style:normal;
}
/* Main menu wrapper */
.cbp-hsmenu-wrapper{ position:relative; }
/* Common style for all lists */
.cbp-hsmenu-wrapper ul{ list-style:none; padding:0; margin:0 auto; }
/* 100% width bar for menu */
.cbp-hsinner{ position:relative; z-index:100; }
/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu{ /*width:90%; max-width:69em; margin:0 auto; padding:0 1.875em;*/ }
.cbp-hsmenu > li{/* margin-left:4em;*/ display:inline-block; }
.cbp-hsmenu > li:first-child{ margin-left:0; }
/* Main menu link style */
.cbp-hsmenu > li > a{ display:inline-block; position:relative; z-index:10000; outline:none; text-decoration:none; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;}
/* Add an arrow to the main menu link if it has a submenu (not the only child) */
.cbp-hsmenu > li > a:not(:only-child):before{ display:inline-block; font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; content:"\f107"; font-size:80%; margin-right:0.3em; opacity:0.4; vertical-align:middle; }
@media (min-width:768px){.cbp-hsmenu > li > a:not(:only-child):before{ line-height:1em; }}
.cbp-hsmenu > li.cbp-hsitem-open > a:not(:only-child):before{ content:"\f106"; }
/* Add a triangle to currently open menu item link */
.cbp-hsmenu > li.cbp-hsitem-open > a:after{ top:100%; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-width:10px; left:50%; margin-left:-10px; }
/* Submenu style */
.cbp-hssubmenu{ position:absolute; left:0; top:100%; width:100%; z-index:0; text-align:center; /* for aligning the sub items */ visibility:hidden; }
.cbp-hssubmenu:before, .cbp-hssubmenu:after{  content:" ";  display:table;  }
.cbp-hssubmenu:after{ clear:both;  }
/* Let's allow 6 item in a row */
.cbp-hssubmenu > li{ width:16.66%; display:inline-block; vertical-align:top; opacity:0; -webkit-transition:opacity 0.1s 0s; -moz-transition:opacity 0.1s 0s; transition:opacity 0.1s 0s; }
/* The first one does not have any box shadow */
.cbp-hssubmenu > li:first-child{ box-shadow:none; }
.cbp-hssubmenu > li a{ display:block; text-align:center; outline:none; padding:2em 1em 1em 1em; text-decoration:none; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; }
.cbp-hssubmenu > li a img{ border:none; outline:none; display:inline-block; margin:0; max-width:100%; -webkit-transition:opacity 0.2s; -moz-transition:opacity 0.2s; transition:opacity 0.2s; }
.no-touch .cbp-hssubmenu > li a:hover img{ opacity:0.5; }
.cbp-hssubmenu > li a span{ display:block; /*min-height:3em; margin-top:0.4em;*/ }
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu{ z-index:1000; visibility:visible; padding-top:15px; }
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li{ opacity:1; -webkit-transition:opacity 0.5s 0.1s; -moz-transition:opacity 0.5s 0.1s; transition:opacity 0.5s 0.1s; } 
/* Helper div for animating the background */
.cbp-hsmenubg{ position:absolute; width:100%; top:100%; left:0; z-index:0; height:0px; }
.no-touch .cbp-hsmenubg{ -webkit-transition:height 0.3s; -moz-transition:height 0.3s; transition:height 0.3s; }
@media screen and (max-width:65em) {
	.cbp-hsmenu-wrapper{ /*font-size:80%;*/ }
}
@media screen and (max-width:767px) { 
	.cbp-hsmenu-wrapper{ font-size:100%; }
	.cbp-hsmenu-wrapper .cbp-hsmenu{ padding:0; max-width:none; width:100%; }
	.cbp-hsmenu > li{ /*border-top:1px solid rgba(255,255,255,0.5);*/ text-align:center; margin:0 auto; display:block; }
	.cbp-hsmenu > li:first-child{ border-top:none; }
	.cbp-hsmenu > li > a{ display:block; padding:10px 15px; }
	.cbp-hsmenu > li > a:not(:only-child):before{ /*line-height:1.8;*/ right:0; /*top:0;*/ position:absolute; font-size:200%; }
	.cbp-hsmenubg{ display:none; }
	.cbp-hssubmenu{ position:relative; overflow:hidden; height:0; }
	.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu{ height:auto; }
	/* Let's only allow 3 item in a row now */
	.cbp-hssubmenu > li{ width:33.33%; }
}
@media screen and (max-width:480px) {
	/* Let's only allow 1 item in a row now */
	.cbp-hssubmenu > li{ width:100%; display:block; }
	.cbp-hsmenu-wrapper .cbp-hssubmenu > li{ text-align:left; }
	.cbp-hssubmenu > li a{ text-align:left; /*line-height:50px;*/ padding:0.4em 1em; }
	.cbp-hssubmenu > li a img{ float:left; max-height:50px; }
	.cbp-hssubmenu > li a span{ min-height:0; margin:0; }
}