@media (min-width: 1170px) {
	.flexmenu .left-section,
	.flexmenu .right-section {
		width:220px
	}
	.flexmenu .submenu .main-section.only-left,
	.flexmenu .submenu .main-section.only-right,
	.flexmenu .sections-contaier {
		width:950px
	}
	.flexmenu .submenu .main-section.two-columns {
		width:730px
	}
	body .flexmenu div.submenu .main-section.only-left li:nth-child(5n+5),
	body .flexmenu div.submenu .main-section.only-right li:nth-child(5n+5) {
		margin-right: 0;
	}
	body .flexmenu div.submenu .main-section.two-columns li:nth-child(4n+4) {
		margin-right: 0;
	}
	body .flexmenu div.submenu .main-section.full-width li:nth-child(6n+6) {
		margin-right: 0;
		}
	.flexmenu .sections-contaier.full-width {
		width:100%;
	}
	body .flexmenu > ul > li > a {
		padding: 0;
		}
	body .flexmenu.sticky > ul > li > a {
		padding: 0 3px;
		}
	body .narrow ul.main-section-links > li > a {
		text-transform: uppercase;
		padding: 5px 5px 5px 20px;
		}
	#white_bg .flexmenu .narrow .menu_width {width:100%}
}
@media (min-width: 981px) and (max-width: 1169px) {
	.flexmenu .left-section,
	.flexmenu .right-section {
		width:188px
	}
	.flexmenu .submenu .main-section.only-left,
	.flexmenu .submenu .main-section.only-right,
	.flexmenu .sections-contaier {
		width:752px
	}
	.flexmenu .submenu .main-section.two-columns {
		width:564px
	}
	body .flexmenu div.submenu .main-section.only-left li:nth-child(4n+4),
	body .flexmenu div.submenu .main-section.only-right li:nth-child(4n+4) {
		margin-right: 0;
	}
	body .flexmenu div.submenu .main-section.two-columns li:nth-child(3n+3) {
		margin-right: 0;
	}
	body .flexmenu div.submenu .main-section.full-width li:nth-child(5n+5) {
		margin-right: 0;
		}
}

@media (min-width: 728px) and (max-width: 980px) {
	.flexmenu .left-section,
	.flexmenu .right-section {
		width:144px
	}
	
	.flexmenu .submenu .main-section.only-left,
	.flexmenu .submenu .main-section.only-right,
	.flexmenu .sections-contaier {
		width:576px
	}
	.flexmenu .submenu .main-section.two-columns {
		width:432px
	}
	.two-columns .main-section-products > li, 
	.two-columns .main-section-links > li {
		width: 50%
	}
}

@media (min-width: 400px) and (max-width: 767px) {
	.mobileMenuTitle {
		display: block
	}
}
@media (min-width: 728px) {
	#main-nav-container.sticky {
		position:fixed;
		top:0;
		left:0;
		z-index:99999;
		background: #FFF
	}
	.sticky .flexmenu > ul > li > a {
		padding:9px 25px 18px 25px
	}
	.sticky .flexmenu > ul > li div.submenu {
		top:46px
	}
	body .flexmenu > ul > li:first-child > a {	
		padding-left: 0px
	}
}

@media (max-width: 767px) {
.flexmenu-container {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: left;
}
.flexmenu {
	margin-top: 0px;
	position: relative;
	z-index: 3;
}
	.flexmenu ul {
		clear: both
	}
	.flexmenu > ul {
		display: none; 
		overflow: hidden
	}	
	body .mobileMenuTitle {
		text-transform: uppercase; 
		font-size: 18px; 
		font-weight: bold; 
		display: block; 
		cursor: pointer
	}
	body .flexmenu .submenu .main-section,
	body .flexmenu .sections-contaier {
		width: 100% !important
	}
	.flexmenuitem,
	body .main-section-links li {
		float: none;
		width: 100%;
		overflow: hidden;
		background:#fafafa;
		border-bottom:1px solid #f2f2f2;
		border-top:1px solid #fbfbfb;
		padding: 0px 0 0px 0px !important;
		line-height: 20px;
		position: relative
	}
	body .flexmenuitem a {
		display: block;
		float: left;
		width: 90%;
		padding: 0 0 0 20px;
		/*line-height: 20px !important;*/
		font-size: 17px;
		
	}
	.flexmenuitem > a span {
		line-height: 20px			
	}
	body .flexmenu > ul > li a.opener {
		display: block !important;
		float: left;
		height: 50px;
		padding: 0 !important;
		margin: 0 !important;
		width: 15%;
		max-width: 50px;
		position: absolute;
		top:0;
		right:0	
	}
	body .flexmenu > ul > li a.opener:hover {
		background:#eee
	}
	body .flexmenu > ul > li .main-section-sublinks a.opener,
	body .flexmenu > ul > li .main-section-sublinks a.opener:before {
		line-height: 18px;
		height: 18px
	}
	body .flexmenu > ul > li .main-section-sublinks a.opener:hover {
		background: none
	}
	body .main-section-links li {
		margin: 0;
		background:#f6f6f6
	}
	body .main-section-links li a {
		margin-bottom: 15px;
		padding-left: 40px
		}
	body .flexmenu > ul > li div.submenu {
		display: none;
		width: 100%;
		top:0;
		border:none;
		position: static;
		box-shadow:none;
		background: none !important
	}
	body div.submenu.act {
		visibility: visible !important;
		opacity:1 !important;
		}
	.flexmenuitem a.opener:before {
		content:"+";
		line-height: 35px;
		font-size: 28px;
		width: 100%;
		text-align: center;
		display: block
	}
	.flexmenuitem a.opener.opn:before {
		content:"-"
	}
	body .flexmenu .section-indent {
		padding: 0
		}
	body .main-section-sublinks {
		background:#fefefe;	
		margin: 0;
		padding: 10px 0 10px 10px
		}
	body .main-section-sublinks li {
		background:#fefefe;	
		padding-top: 5px !important;
		border-style: none
	}
	body .main-section-sublinks li a {
		margin-bottom: 5px;
		border-style: none
	}
	body .main-section-sublinks li a.opener {
		line-height: 18px !important
	}
	.flexmenu .left-section,
	.flexmenu .right-section,
	.flexmenu .bottom-section,
	body .flexmenu > ul > li:hover div.submenu,
	body .main-section-links li ul {
		display: none
	}
	.flexmenu > ul {
		margin-top: 25px
	}
	.flexmenu .main-section-cmsp {
		padding:10px 20px
	}
}
@media (max-width: 560px) {
	body .flexmenu .main-section-products li {width:50% !important}
}


@media (max-width: 767px) {
/* Menu */
body .flexmenu ul.main-section-links > li > a {padding-left: 45px;}
body ul.main-section-links ul.main-section-sublinks > li {padding-left: 50px !important;}

.menu-marques {width:100%;float:none;padding-left:1%; }
.menu-marques li {text-align:left; }
.menu-marques li.lettre {
  color: #ff5d30;
  font-size: 1.2em;
  font-weight: bold;
  margin-top:10px;
  
}

.menu-marques li.lettre:first-child {
margin-top:0px;
}

.menu-marques li a {
  padding-left: 0 !important;
  font-size: 1em !important;
  line-height: 1.5em !important;
  height:initial !important;
  float:none;
}


.burger {
  height: 2.5em;
  width: 2.5em;
  position: relative;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
  -webkit-tap-highlight-color: transparent;
  top: 10px;
  left: 5px;
}

.burger:after {
    content: '';
    display: block;
    position: absolute;
    height: 150%;
    width: 150%;
    top: -25%;
    left: -25%; }

.burger .burger-lines {
    top: 50%;
    margin-top: -0.125em; }
    .burger .burger-lines, .burger .burger-lines:after, .burger .burger-lines:before {
      pointer-events: none;
      display: block;
      content: '';
      width: 100%;
      border-radius: 0.25em;
      background-color: white;
      height: 0.25em;
      position: absolute;
      -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
              transform: rotate(0); 
}

.burger .burger-lines:after {
      left: 0;
      top: -0.7em; }
.burger .burger-lines:before {
      left: 0em;
      top: 0.7em; }
.burger.burger-slip .burger-lines:after, .burger.burger-slip .burger-lines:before {
  width: 2em; }

.burger.burger-slip .burger-lines, .burger.burger-slip .burger-lines:after, .burger.burger-slip .burger-lines:before {
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

.burger.burger-slip.open .burger-lines {
  -webkit-transform: translateX(-2em);
      -ms-transform: translateX(-2em);
          transform: translateX(-2em);
  background-color: transparent; }

.burger.burger-slip.open .burger-lines:before, .burger.burger-slip.open .burger-lines:after {
  left: 0.5em;
  top: 0px; }

.burger.burger-slip.open .burger-lines:before {
  -webkit-transform: translateX(2em) rotate(135deg);
      -ms-transform: translateX(2em) rotate(135deg);
          transform: translateX(2em) rotate(135deg); }

.burger.burger-slip.open .burger-lines:after {
  -webkit-transform: translateX(2em) rotate(-135deg);
      -ms-transform: translateX(2em) rotate(-135deg);
          transform: translateX(2em) rotate(-135deg); }

}