/*** ESSENTIAL STYLES ***/

/***  AJOUT   ****/
/** MODIFS Burger Menu break points
 * 767px to 1139px
 * 768px to 1140px
 **/

#header .sf-menu > li.sfHover > a,#header .sf-menu > li > a:hover, #header .sf-menu > li > a:active, #header .sf-menu > li.sfHoverForce > a {
color:#fff;
background: #5e5e5e;
text-decoration:none;
}

.sf-menu > li:nth-child(1) a{
	
	-webkit-animation-name: blinker; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count:infinite;
	animation-name: blinker;
	animation-duration: 2s;
	animation-iteration-count:infinite;
}

/* Safari 4.0 - 8.0 */
/* original color : #008502 instead #000 */
@-webkit-keyframes blinker {
	0%{background-color:#000;}
	30%{background-color:#000;}
	45%{background-color:#424242;}
	55%{background-color:#424242;}
	70%{background-color:#000;}
	100%{background-color:#000;}
}

/* Standard syntax */
/* original color : #008502 instead #000 */
@keyframes blinker {
	0%{background-color:#000;}
	30%{background-color:#000;}
	45%{background-color:#424242;}
	55%{background-color:#424242;}
	70%{background-color:#000;}
	100%{background-color:#000;}
}

.sf-menu > li:nth-child(1) > ul > li a{	
	-webkit-animation-name: none!important;
	animation-name: none!important;
}

@media (prefers-reduced-motion: reduce) {
  .sf-menu > li:nth-child(1) a {
    animation: none !important;
  }
}

/****     fin ajout  ***/

.sf-contener {
  clear: both;
  float: left;
  width: 100%;
  /*** AJOUT ***/
padding-right:0!important;
padding-left:0!important;  }

.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none; }

.sf-menu {
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: 0px solid #e9e9e9;
  /*background: #F2F2F2;*/   /*#f6f6f6*/
  /* background:#5e5e5e;  */
  background : #424242;
  text-align:center;  
   }
   /* @media (max-width: 767px) { */
  @media (max-width: 1139px) {
	.sf-menu {
	  display: none; } }
   /*** AJOUT ***/
   @media (min-width: 1140px) {
	.sf-menu {
		text-align: center;
		}
	.sf-menu > li {
		display:inline-block; /*** remplace float:left ***/
		}
		}

.sf-menu ul {
  position: absolute;
  top: -999em;
  /*background: #f2f2f2; */ 
  /*background:#7e7e7e; */
 background:#5e5e5e;   /*** Ajout ***/
  text-align:left; 
  }
  /* @media (max-width: 767px) { */
  @media (max-width: 1139px) {
	.sf-menu ul {
	  position: relative; } }

.sf-menu ul li {
  width: 100%;
  }

.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */ }

.sf-menu > li {
  /*float: left;*/   
  border-right: 0px solid #d6d4d4;
  /*margin-bottom: -3px;*/ }
  /* @media (max-width: 767px) { */
  @media (max-width: 1139px) {
	.sf-menu > li {
	  float: none;
	  position: relative;
	  border-right: none; }
	  .sf-menu > li span {
		position: absolute;
		right: 6px;
		top: 5px;
		width: 30px;
		height: 30px;
		z-index: 2; }
		.sf-menu > li span:after {
		  font-family: "FontAwesome";
		  content: "\f067";
		  font-size: 14px;
		  color:#888; }
		.sf-menu > li span.active:after {
		  content: "\f068"; } }
  .sf-menu > li > a {
	font: 600 14px/16px "Open Sans", sans-serif;
	text-transform: uppercase;
	/*color: #484848;*/
	color: #ffffff;
	display: block;
	/* padding: 17px 11px; */
	padding: 17px 4px!important;
	border-bottom: 0px solid #e9e9e9; 
	
	/*pointer-events:none;*/
	
	}
	
	/* MODIF */
	@media (max-width: 1139px) {
		.sf-menu > li > a {
			font: 600 14px/16px "Open Sans", sans-serif!important;
			padding: 8px 4px!important;
            border-bottom: 1px solid #555;
			}
		.sf-menu > li > ul > li > a {
			font: 600 13px/15px "Open Sans", sans-serif!important;
		}
        .sf-menu > li > ul > li {
            margin:3px!important;
            padding-bottom:1px;
            width:100%;
         }
        .sf-menu > li > ul{
         padding: 5px 20px 8px;
         }
	}
	
	@media (min-width: 1140px) and (max-width: 1279px) {
		.sf-menu > li > a {
			font: 600 12px/14px "Open Sans", sans-serif!important;
			padding: 17px 6px!important;
			}
		.sf-menu > li > ul > li > a {
			font: 600 12px/14px "Open Sans", sans-serif!important;
		}
	} 
	
	@media (min-width: 1280px) and (max-width:1599px){
		.sf-menu > li > a {
			font: 600 13px/15px "Open Sans", sans-serif!important;
			padding: 17px 8px!important;
			}
		.sf-menu > li > ul > li > a {
			font: 600 12px/15px "Open Sans", sans-serif!important;
		}
	}
	@media (min-width: 1600px) and (max-width:1680px){
		.sf-menu > li > a {
			font: 600 14px/17px "Open Sans", sans-serif!important;
			padding: 17px 10px!important;
			}
	}			
	@media (min-width: 1681px) {
		.sf-menu > li > a {
			font: 600 16px/19px "Open Sans", sans-serif!important;
			padding: 17px 11px!important;
			}
	}
	/* -- */
	
  .sf-menu > li.sfHover > a,
  .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
	background: #5e5e5e;
	/*border-bottom-color: #666666;*/
	color: #fff; }

.sf-menu li li li a {
  display: inline-block;
  position: relative;
  /*color: #777777;*/
  color: #e1e1e1;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  padding-bottom: 10px;
  font-family:"Open sans", Verdana, sans-serif }
  .sf-menu li li li a:before {
	content: "\f105";
	display: inline-block;
	font-family: "FontAwesome";
	padding-right: 10px; }
  .sf-menu li li li a:hover {
	/*color: #333; */
	color: #fff;
	}

.sf-menu li ul {
  display: none;
  left: 0;
  /* top: 59px;*/
  /* top : 53px; */
  top:45px;
  /* match top ul list item height */
  z-index: 99;
  padding: 12px 0px 18px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; }
  /* @media (max-width: 767px) { */
  @media (max-width: 1139px) {
	.sf-menu li ul {
	  top: 0; } }

.sf-menu li li ul {
  position: static;
  display: block !important;
  opacity: 1 !important;
  background: none;
  -moz-box-shadow: transparent 0px 0px 0px;
  -webkit-box-shadow: transparent 0px 0px 0px;
  box-shadow: transparent 0px 0px 0px; }

.sf-menu li li li ul {
  padding: 0 0 0 20px; }

.sf-menu li li li ul {
  width: 220px; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 200px;
  /* match ul width */
  top: 0; }

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 200px;
  /* match ul width */
  top: 0; }

.sf-menu > li > ul {
  padding: 17px 20px 18px;
  width: 100%;
  /* width:30%;
left:auto;  
right:auto; */
 }
  .sf-menu > li > ul > li > a {

	 text-transform: uppercase;
	font: 600 14px/17px "Open Sans", sans-serif;
	/*color: #333;*/
	color: #ffffff;
		
 
	 }
	.sf-menu > li > ul > li > a:hover {
	  /*color: #515151;*/ 
	  color:#e1e1e1;
	 }

.sf-menu > li > ul > li {
  float: left;
  width: 20%;
  padding-right: 15px; 
	margin:6px;
 }
  /* @media (max-width: 767px) { */
  @media (max-width: 1139px) {
	.sf-menu > li > ul > li {
	  width: 50%; } }
  @media (max-width: 479px) {
	.sf-menu > li > ul > li {
	  width: 100%;
	  /* padding-bottom: 20px; */
	  padding-bottom: 1px;} }
  @media (min-width: 1140px) {
	.sf-menu > li > ul > li.first-in-line-lg {
	  clear: left; } }
  @media (min-width: 480px) and (max-width: 768px) {
	.sf-menu > li > ul > li.first-in-line-xs {
	  clear: left; } }

.sf-menu > li > ul > li.category-thumbnail {
  width: 100% !important;
  float: none;
  clear: both;
  overflow: hidden;
  padding-right: 0; }
  .sf-menu > li > ul > li.category-thumbnail > div {
	float: left;
	padding-left: 10px;
	width: 33.333%; }
	@media (max-width: 479px) {
	  .sf-menu > li > ul > li.category-thumbnail > div {
		width: 100%;
		padding-left: 0;
		padding-top: 10px;
		text-align: center; } }
	.sf-menu > li > ul > li.category-thumbnail > div:first-child {
	  padding-left: 0; }
	.sf-menu > li > ul > li.category-thumbnail > div img {
	  max-width: 100%;
	  display: block; }

.cat-title {
  display: none; }
  /* @media (max-width: 767px) { */
  @media (max-width: 1139px) {
	.cat-title {
	  /*border-radius:5px;*/
	  display: block;
	  font: 600 15px/19px "Open Sans", sans-serif;
	  text-transform: uppercase;
	  /*color: #484848;*/
	  color: #ffffff;
	  display: block;
	  padding: 17px 5px 17px 25px;
	  border-bottom: 0px solid #424242;
	  /*background: #F2f2f2; */ /*#f6f6f6*/
	  background:#424242;
	  position: relative; }
	  .cat-title:hover {       
		background: #333;
		border-bottom-color: #666666;
		color: #fff; }
	  .cat-title:after {
		display: block;
		font-family: "FontAwesome";
		/*content: "\f067";*/
		content: "\f0c9";
		position: absolute;
		right: 15px;
		top: 18px;
		font-size: 16px; }
	  .cat-title.active:after {
		content: "\f068"; }
	  .cat-title.active {
		 border-radius:5px 5px 0 0!important;}
		 }

.sf-menu li.sf-search {
  border: none; }
  .sf-menu li.sf-search input {
	display: inline;
	padding: 0 13px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	margin: 13px 10px 0 0;
	font-size: 13px;
	color: #9c9b9b;
	border: 0px solid #d6d4d4; }

#block_top_menu .category-thumbnail {
  clear: both;
  width: 100%;
  float: none; }
  #block_top_menu .category-thumbnail div {
	float: left;
	width: 33.33333%; }
	#block_top_menu .category-thumbnail div img {
	  max-width: 100%; }
#block_top_menu li.category-thumbnail {
  padding-right: 0; }
  
.sf-with-ul:after {

  content: "\f0d7";

  font-family: "FontAwesome";

  font-size: 8px;

  line-height: 8px;

  color: #ffffff;

  vertical-align: 0px;

  padding-left: 5px; }
  
  
/* === Drawer mobile séparé (ne modifie pas #block_top_menu) === */
@media (max-width: 1139px) {
  #mobile-drawer {
    position: fixed;
    top: 0;
    /* top: 44px; */
    left: 0;
    height: 100vh;
    width: 83%;                 /* ajuste si besoin */
    background: #424242;          /* cohérent avec ton thème */
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 88;
    display: block;               /* toujours présent mais hors-écran */
    padding: 0;                   /* laisse la liste gérer sa mise en page */
    max-width:580px;
  }
  /* mini focus trap */
  #mobile-drawer {
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: contain;
    }
  
  #mobile-drawer.open {
    transform: translateX(0);
  }

  /* l'overlay */
  #drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    z-index: 87;
    display: none;
  }
  #drawer-overlay.active {
    display: block;
  }

  /* empêcher le scroll quand le drawer est ouvert */
  body.drawer-active {
    overflow: hidden;
  }

  /* Optionnel, un peu d'air pour la liste à l’intérieur du drawer */
  #mobile-drawer .sf-menu.menu-content {
    margin: 0;
    padding:15px;
  }
  
   #mobile-drawer .sf-menu > li > a {
    font: 600 15px/16px "Open Sans", sans-serif !important;
    padding: 14px 4px !important;
    text-align:left;
  }
  
  #mobile-drawer h3{color:#fff;font-weight:bold;padding:15px;}

}

/* Évite tout doublon en desktop */
@media (min-width: 1140px) {
  #mobile-drawer, #drawer-overlay { display: none !important; }
}

/* === NAV + MENU sticky (desktop) === */

  #topnavi.is-sticky {
    position: fixed;
    top: 0; left: 0; width: 100%;
    z-index: 89;
    background: #333;          /* adapte si besoin */
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
  }

  /* le menu reste collé juste sous la navbar */
  #block_top_menu.menu-is-sticky {
    position: fixed;
    top: 44px; /* hauteur exacte de ta nav */
    /* top: auto; */
    left: 0; width: 100%;
    z-index: 87;
    padding-top:0px!important;
    background: #424242; 
  }

  

/*# sourceMappingURL=superfish-modified.css.map */