@import url('../../fonts/din_web/din.css');

.main_header_new > div, .main_header_new > nav {
  position: relative;
  z-index: 200;
  background: white; }
.main_header_new:after {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  content: '';
  display: block;
  width: 100%;
  height: 0;
  background: #485c74;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s 0.4s, height 0s 0.8s;
  -khtml-transition: opacity 0.4s 0.4s, height 0s 0.8s;
  -moz-transition: opacity 0.4s 0.4s, height 0s 0.8s;
  -ms-transition: opacity 0.4s 0.4s, height 0s 0.8s;
  -o-transition: opacity 0.4s 0.4s, height 0s 0.8s;
  transition: opacity 0.4s 0.4s, height 0s 0.8s; }
.main_header_new.active:after {
  height: 100%;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s;
  -khtml-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s; }
.main_header_new .sous_menu_inner {
  max-width: none;
  background: none; }

#main_menu * {
  box-sizing: border-box; }
#main_menu .wrapper_menu--btn {
  display: none;
  position: relative;
  color: #485c74;
  padding: 0 20px;
  font-family: "SomfySans-Bold", Arial, sans-serif;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer; }
  #main_menu .wrapper_menu--btn .cross {
    display: block;
    position: absolute;
    right: 7px;
    top: 3px;
    width: 35px;
    height: 35px;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: #485c74; }
  #main_menu .wrapper_menu--btn .fleche {
    display: block;
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -2px;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-top: 5px solid #485c74;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent; }
  @media screen and (max-width: 800px) {
    #main_menu .wrapper_menu--btn {
      display: block; } }
  #main_menu .wrapper_menu--btn.active .fleche {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
  #main_menu .wrapper_menu--btn.active .cross {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
#main_menu:after {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 100;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
  display: block;
  width: 100vw;
  height: 50px;
  background: white; }
  @media screen and (max-width: 800px) {
    #main_menu:after {
      display: none; } }
#main_menu ul.list_horizontal {
  position: relative;
  z-index: 200;
  text-align: center;
  font-size: 0; }
  @media screen and (max-width: 800px) {
    #main_menu ul.list_horizontal {
      position: absolute;
      left: 0;
      background: white;
      width: 100%;
      display: none;
      -webkit-transition: left 0.4s;
      -khtml-transition: left 0.4s;
      -moz-transition: left 0.4s;
      -ms-transition: left 0.4s;
      -o-transition: left 0.4s;
      transition: left 0.4s; }
      #main_menu ul.list_horizontal.active {
        left: -100%; } }
  #main_menu ul.list_horizontal > li {
    display: inline-block;
    float:none; }
    #main_menu ul.list_horizontal > li.cta {
      display: none; }
      #main_menu ul.list_horizontal > li.shop {
      display: inline-block; }
    @media screen and (max-width: 800px) {
      #main_menu ul.list_horizontal > li#search_box {
        width: 100%; } }
    #main_menu ul.list_horizontal > li.cta [class^="icon-"] {
      font-size: 24px;
      margin-right: 10px;
      vertical-align: sub; }
    #main_menu ul.list_horizontal > li.level1 > a {
      display: block;
      color: #485c74;
      padding: 0 20px;
      font-size: 16px;
      line-height: 50px;
      font-family: "SomfySans-Bold", Arial, sans-serif;
      text-transform: uppercase;
      text-decoration: none;
      -webkit-transition: all 0.4s;
      -khtml-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
      @media screen and (max-width: 800px) {
        #main_menu ul.list_horizontal > li.level1 > a {
          line-height: normal;
          padding: 6px 30px 6px 20px; } }
      #main_menu ul.list_horizontal > li.level1.active > a, #main_menu ul.list_horizontal > li.level1 > a:hover, #main_menu ul.list_horizontal > li.level1 > a:active, #main_menu ul.list_horizontal > li.level1 > a.active, #main_menu ul.list_horizontal > li.level1 > a:focus {
        color: #fab800; }
    #main_menu ul.list_horizontal > li .sous_menu {
      display: none;
      position: absolute;
      top: 50px;
      left: 0;
      z-index: 20;
      padding: 20px 30px;
      width: 100%;
      box-sizing: border-box;
      background: #F5F5F5;
      text-align: left; }
      @media screen and (max-width: 800px) {
        #main_menu ul.list_horizontal > li .sous_menu {
          top: -40px;
          left: 100%;
          background: white;
          padding: 0;
          width: calc(100% - 50px); }
          #main_menu ul.list_horizontal > li .sous_menu .sous_menu_inner {
            padding: 0 20px 20px; } }
      @media screen and (min-width: 800px) {
		#main_menu ul.list_horizontal.table {
			display: table;
		    height: 50px;
		    width: 100%;
		}
		#main_menu .table > li.level1,
		#main_menu ul.table > li.shop {
			display:table-cell;
			height:100%;
			vertical-align:middle;
		}
		#main_menu ul.table > li.shop>a {
			display:table;
		}
		#main_menu ul.table > li.shop>a>span {
			display:table-cell;
			height:100%;
			vertical-align:middle;
			text-align:left;
		}
		#main_menu ul.table > li.shop>a>span[class^="icon-"] {
			padding-right:10px;
		}
		.main_header_new #list_main_menu.list_horizontal.table li.level1>a {
			padding: 4px 15px 0;
			line-height: 15px;
			font-size:14px;
			background: none;
		}
		#main_menu ul.list_horizontal > li.level1.active > a,
		#main_menu ul.list_horizontal.table > li.level1.active {
			background: url(../../img/b2c_v4/header/arrow_yellow_bottom.png) no-repeat top center; 
		}      
        #main_menu ul.list_horizontal > li .sous_menu--architecture {
          top: 50px;
          left: 15%;
          width: 70%;
          background: white;
          border-top: 3px solid #fab800; } }
      #main_menu ul.list_horizontal > li .sous_menu--architecture.active .focus {
        right: -15%;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
        -webkit-transition: all 0.4s 0.4s;
        -khtml-transition: all 0.4s 0.4s;
        -moz-transition: all 0.4s 0.4s;
        -ms-transition: all 0.4s 0.4s;
        -o-transition: all 0.4s 0.4s;
        transition: all 0.4s 0.4s; }
      #main_menu ul.list_horizontal > li .sous_menu--architecture ul {
        width: 40%; }
        @media screen and (max-width: 800px) {
          #main_menu ul.list_horizontal > li .sous_menu--architecture ul {
            width: 100%;
            padding: 20px; } }
        #main_menu ul.list_horizontal > li .sous_menu--architecture ul li a {
          display: block;
          font-size: 16px;
          padding: 8px 0;
          color: #485c74;
          font-family: "SomfySans-Regular", Arial, sans-serif;
          text-decoration: none;
          -webkit-transition: all 0.4s;
          -khtml-transition: all 0.4s;
          -moz-transition: all 0.4s;
          -ms-transition: all 0.4s;
          -o-transition: all 0.4s;
          transition: all 0.4s; }
          #main_menu ul.list_horizontal > li .sous_menu--architecture ul li a i {
            position: relative;
            top: 2px;
            margin-right:3px;
            -webkit-transition: all 0.4s;
            -khtml-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -ms-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s; }
          #main_menu ul.list_horizontal > li .sous_menu--architecture ul li a:hover, #main_menu ul.list_horizontal > li .sous_menu--architecture ul li a:active, #main_menu ul.list_horizontal > li .sous_menu--architecture ul li a.active, #main_menu ul.list_horizontal > li .sous_menu--architecture ul li a:focus {
            color: #fab800; }
      #main_menu ul.list_horizontal > li .sous_menu--architecture .focus {
        position: absolute;
        right: -0%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 20px 30px;
        width: 70%;
        color: white;
        background: #fab800;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        -webkit-transition: all 0.4s;
        -khtml-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s; }
        #main_menu ul.list_horizontal > li .sous_menu--architecture .focus:before {
          display: block;
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -khtml-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          border-left: 15px solid white;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent; }
        @media screen and (max-width: 800px) {
          #main_menu ul.list_horizontal > li .sous_menu--architecture .focus {
            position: relative;
            top: 0;
            right: 0;
            -webkit-transform: translateY(0);
            -khtml-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-opacity: 1;
            -khtml-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            width: 100%; } }
        #main_menu ul.list_horizontal > li .sous_menu--architecture .focus .title {
          display: block;
          font-size: 20px;
          font-family: "SomfySans-Regular", Arial, sans-serif; }
        #main_menu ul.list_horizontal > li .sous_menu--architecture .focus p {
          font-size: 16px;
          font-family: "SomfySans-Regular", Arial, sans-serif; }
      #main_menu ul.list_horizontal > li .sous_menu .titre--mobile {
        display: none; }
        @media screen and (max-width: 800px) {
          #main_menu ul.list_horizontal > li .sous_menu .titre--mobile {
            position: relative;
            display: block;
            color: #485c74;
            font-family: "SomfySans-Bold", Arial, sans-serif;
            font-size: 14px;
            line-height: 40px;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            padding: 0 0 0 55px;
            border-bottom: 1px solid #d1d1d1;
            text-align: center;
            text-decoration: none;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
            #main_menu ul.list_horizontal > li .sous_menu .titre--mobile:before {
              display: block;
              content: '';
              position: absolute;
              left: 18px;
              top: 50%;
              margin-top: -4px;
              border-right: 5px solid #485c74;
              border-top: 5px solid transparent;
              border-bottom: 5px solid transparent; }
            #main_menu ul.list_horizontal > li .sous_menu .titre--mobile:after {
              display: block;
              content: '';
              position: absolute;
              left: 40px;
              top: 11px;
              width: 1px;
              height: 20px;
              background: #d1d1d1; } }
      #main_menu ul.list_horizontal > li .sous_menu .colonne_lien {
        float: left;
        width: 45%;
        margin-right: 5%; }
        @media screen and (max-width: 800px) {
          #main_menu ul.list_horizontal > li .sous_menu .colonne_lien {
            float: none;
            width: 100%;
            margin-right: 0; } }
        #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul {
          margin-bottom: 40px; }
          @media screen and (max-width: 800px) {
            #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul {
              border-left: 2px solid #dedede;
              padding-left: 20px;
              margin-bottom: 0; } }
          #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0 {
            display: block; }
            #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0 a {
              position: relative;
              display: block;
              padding: 8px 25px 8px 0;
              font-size: 14px;
              text-align: left;
              color: #485c74;
              letter-spacing: 0.04em;
              text-decoration: none;
              font-family: "SomfySans-Regular", Arial, sans-serif;
              border-bottom: 1px solid white;
              -webkit-transition: all 0.4s;
              -khtml-transition: all 0.4s;
              -moz-transition: all 0.4s;
              -ms-transition: all 0.4s;
              -o-transition: all 0.4s;
              transition: all 0.4s; }
              @media screen and (max-width: 800px) {
                #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0 a {
                  padding: 6px 25px 6px 0; } }
              #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0 a:after {
                display: block;
                content: '';
                position: absolute;
                right: 10px;
                top: 50%;
                width: 5px;
                height: 5px;
                border-left: 2px solid #485c74;
                border-top: 2px solid #485c74;
                -webkit-border-radius: 1px;
                -khtml-border-radius: 1px;
                -moz-border-radius: 1px;
                -ms-border-radius: 1px;
                -o-border-radius: 1px;
                border-radius: 1px;
                -webkit-transform: translateY(-50%) rotate(135deg);
                -khtml-transform: translateY(-50%) rotate(135deg);
                -moz-transform: translateY(-50%) rotate(135deg);
                -ms-transform: translateY(-50%) rotate(135deg);
                -o-transform: translateY(-50%) rotate(135deg);
                transform: translateY(-50%) rotate(135deg);
                -webkit-transition: all 0.4s;
                -khtml-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -ms-transition: all 0.4s;
                -o-transition: all 0.4s;
                transition: all 0.4s; }
              #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0 a:hover, #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0 a:focus, #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0 a:active, #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0 a.active {
                color: #fab800; }
                #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0 a:hover:after, #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0 a:focus:after, #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0 a:active:after, #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0 a.active:after {
                  border-left: 2px solid #fab800;
                  border-top: 2px solid #fab800; }
            #main_menu ul.list_horizontal > li .sous_menu .colonne_lien ul .level0:last-child a {
              border-bottom: none; }
    #main_menu ul.list_horizontal > li .titre_sous_menu {
      position: relative;
      display: block;
      color: #485c74;
      margin-bottom: 8px;
      font-family: "SomfySans-Regular", Arial, sans-serif;
      font-size: 18px;
      letter-spacing: 0.06em;
      text-transform: uppercase; }
      @media screen and (max-width: 800px) {
        #main_menu ul.list_horizontal > li .titre_sous_menu {
          margin-top: 20px; } }
    #main_menu ul.list_horizontal > li#menu_products .colonne_lien {
      float: none;
      width: 95%;
      margin-right: 5%; }
      @media screen and (max-width: 800px) {
        #main_menu ul.list_horizontal > li#menu_products .colonne_lien {
          width: 100%;
          margin-right: 0; } }
    #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu {
      position: relative;
      display: block;
      width: 45%;
      color: #485c74;
      padding: 12px 20px 10px 50px;
      margin-bottom: 4px;
      font-family: "SomfySans-Bold", Arial, sans-serif;
      cursor: pointer;
      font-size: 16px;
      background: white;
      text-transform: uppercase;
      -webkit-transition: all 0.4s;
      -khtml-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
      #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu span {
        position: absolute;
        left: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 30px; }
        @media screen and (max-width: 800px) {
          #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu span {
            display: none; } }
      #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:after {
        display: block;
        content: '';
        position: absolute;
        right: 10px;
        top: 50%;
        border-left: 5px solid #d0d0d0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.4s;
        -khtml-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s; }
      @media screen and (max-width: 800px) {
        #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu {
          width: 100%;
          padding-left: 0;
          padding-top: 10px;
          padding-bottom: 9px;
          font-size: 13px;
          margin-top: 0; }
          #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:before {
            display: block;
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            width: 10px;
            height: 2px;
            border: none;
            background: #485c74;
            -webkit-transform: translateY(-50%);
            -khtml-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all 0.4s;
            -khtml-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -ms-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s; }
          #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:after {
            display: block;
            content: '';
            position: absolute;
            right: 4px;
            top: 50%;
            width: 2px;
            height: 10px;
            border: none;
            background: #485c74;
            -webkit-transform: translateY(-50%);
            -khtml-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all 0.4s;
            -khtml-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -ms-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s; }
          #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu.active:after {
            display: none; } }
      #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:hover, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:active, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu.active, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:focus {
        color: white;
        background: #fab800; }
        #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:hover:after, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:active:after, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu.active:after, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:focus:after {
          border-left: 5px solid white; }
        @media screen and (max-width: 800px) {
          #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:hover, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:active, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu.active, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:focus {
            background: white;
            color: #fab800; }
            #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:hover:after, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:hover:before, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:active:after, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:active:before, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu.active:after, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu.active:before, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:focus:after, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu:focus:before {
              border: none;
              background: #fab800; } }
      #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        max-height: 350px;
    	overflow-y: overlay;
    	padding-right: 10%; }
        @media screen and (max-width: 800px) {
          #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul {
            position: relative;
            right: 0;
            width: 100%;
            max-height: none;
            border-left: 2px solid #dedede;
            padding-left: 20px;
            margin-bottom: 10px; } }
        #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul .level0 {
          display: block; }
          #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul .level0 a {
            position: relative;
            display: block;
            font-size: 14px;
            text-align: left;
            color: #485c74;
            letter-spacing: 0.04em;
            text-decoration: none;
            font-family: "SomfySans-Regular", Arial, sans-serif;
            border-bottom: 1px solid white;
            -webkit-transition: all 0.4s;
            -khtml-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -ms-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s; }
            @media screen and (min-width: 800px) {
              #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul .level0:last-of-type a {
                  border: 0;
              }
            }
            #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul .level0 a:after {
              display: block;
              content: '';
              position: absolute;
              right: 2px;
              top: 50%;
              width: 5px;
              height: 5px;
              border-left: 2px solid #485c74;
              border-top: 2px solid #485c74;
              -webkit-border-radius: 1px;
              -khtml-border-radius: 1px;
              -moz-border-radius: 1px;
              -ms-border-radius: 1px;
              -o-border-radius: 1px;
              border-radius: 1px;
              -webkit-transform: translateY(-50%) rotate(135deg);
              -khtml-transform: translateY(-50%) rotate(135deg);
              -moz-transform: translateY(-50%) rotate(135deg);
              -ms-transform: translateY(-50%) rotate(135deg);
              -o-transform: translateY(-50%) rotate(135deg);
              transform: translateY(-50%) rotate(135deg);
              -webkit-transition: all 0.4s;
              -khtml-transition: all 0.4s;
              -moz-transition: all 0.4s;
              -ms-transition: all 0.4s;
              -o-transition: all 0.4s;
              transition: all 0.4s; }
            #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul .level0 a:hover, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul .level0 a:focus, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul .level0 a:active, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul .level0 a.active {
              color: #fab800; }
              #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul .level0 a:hover:after, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul .level0 a:focus:after, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul .level0 a:active:after, #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu + ul .level0 a.active:after {
                border-left: 2px solid #fab800;
                border-top: 2px solid #fab800; }
      #main_menu ul.list_horizontal > li#menu_products .titre_sous_menu.active + ul {
        display: block; }
    @media screen and (max-width: 800px) {
      #main_menu ul.list_horizontal > li#menu_products .sous_menu_inner {
        padding: 10px 20px; } }
    #main_menu ul.list_horizontal > li .sous_menu_inner:before, #main_menu ul.list_horizontal > li .sous_menu_inner:after {
      content: " ";
      display: table; }
    #main_menu ul.list_horizontal > li .sous_menu_inner:after {
      clear: both; }
    #main_menu ul.list_horizontal > li .colonnes_lien {
      position: relative;
      width: 65%;
      float: left; }
      @media screen and (max-width: 996px) {
        #main_menu ul.list_horizontal > li .colonnes_lien {
          width: 100%; } }
      #main_menu ul.list_horizontal > li .colonne_focus > div {
        position: relative;
        z-index: 10; }
      #main_menu ul.list_horizontal > li .colonne_focus:before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 5;
        width: 38%;
        background: #fab800; }
      @media screen and (max-width: 996px) {
        #main_menu ul.list_horizontal > li .colonne_focus {
          display: none; } }
      #main_menu ul.list_horizontal > li .colonne_focus img {
        max-width: 100%;
        float: right; }
      #main_menu ul.list_horizontal > li .colonne_focus .cadre_blanc_produit {
        margin: 6px 0 20px;
        padding: 20px 0 20px 20px; }
      #main_menu ul.list_horizontal > li .colonne_focus .module_focus span {
        line-height: 19px;
        font-size: 18px;
        font-family: "SomfySans-Bold", Arial, sans-serif;
        color: white; }
      #main_menu ul.list_horizontal > li .colonne_focus .module_focus p {
        clear: left;
        float: left;
        margin-bottom: 4px;
        font-family: "SomfySans-Light", Arial, sans-serif; }
      #main_menu ul.list_horizontal > li .colonne_focus .module_focus a {
        display: inline-block;
        clear: left;
        float: left;
        text-decoration: none;
        color: #fab800;
        font-family: "SomfySans-ExtraLight", Arial, sans-serif;
        text-transform: uppercase; }
#main_menu #but_main_menu {
  display: none; }

/*# sourceMappingURL=menu.css.map */