.menu-navigation-container { /*megamenu*/

    width: 100%;

    height: 28px;

    margin-top: -5px;

    position: relative;

}



.menu > ul {

    position: relative;

}





ul ul{

    margin-left: 0;

}



#header_wrapper ul li, #header_wrapper ul, #header_wrapper ul li a,

ul li.collapsed

{list-style: none;list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}

/* #header_wrapper ul li:first-child form,
#header_wrapper ul li.go-back a
{
      border-top: 1px solid #d1d1d6;
} */

.ptilogo {

    right: 0;

    position: absolute;

    bottom: -21px;

    z-index: 200;

}



.menu-navigation-container > ul > li:last-child{

    border-right: 3px solid #fff;

    width: 160px !important;

}



#main-menu ul {

    float: left;

    padding: 0;

    margin-bottom: 1em;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: #ee9e00;

}



#main-menu ul li {

    float: left;

     padding: 0;

    margin-left: 0;

    width: 155px;

    list-style: none;

    vertical-align: middle;

    line-height: 1 !important;

}



#main-menu ul li a {

    font-family: Tahoma, Verdana, Segoe, sans-serif;

    background: #ef9e00;

    color: #2d2e80;

    height: 35px;

    width: 122px;

    display: table-cell;

    vertical-align: middle;

    border-left: 3px solid #FFF;

    padding: 0px 15px;

    text-transform: uppercase;

    text-align: center;

    font-size: 11px;

    text-decoration: none;

}



#main-menu ul li.first:last-child > a{

    width: 127px;

}



#main-menu ul li.first > a:hover,

#main-menu ul li.ouvert > a{

    background: url(../images/acir-flebas.png) no-repeat 89% center #ffffff;

    color: #2d2e80;

}



#main-menu ul li.first:nth-of-type(5) a:hover{

    background: #fff;

}



#main-menu ul li.first:nth-of-type(3) > a{

    padding: 0 25px;

}



#main-menu li li {

    float: none;

    width: 100%;

    padding: 0;

    margin: 0;

}



#main-menu li li > a {

    color: #2d2e80;

    width: auto;

    margin: 0;

    display: block;

    border-bottom: 1px solid #f2b540;

    background: transparent;

    text-transform: uppercase;

    font-size: 14px;

    text-align: left;

    overflow: hidden;

    padding: 5% 5% 10px 0;

    font-weight: normal;

    height: auto;

}



#main-menu li li:first-child > a {

    border-top: none;

    padding-top: 3%;

}



#main-menu li li > a:hover { color:#f2b540; }





#main-menu .menu ul.mega-dropdown {

    position: absolute;

    left: 0;

    width: 990px;

    background: #fff;

    height: auto;

    border: 3px solid #2d2e80;

    padding: 0 30px 17px;

    display: none;

    z-index: 999;

    margin: 0;

}



#main-menu li:hover > ul.mega-dropdown {

    display: block!important;

}



#main-menu .menu ul ul ul.mega-col {

    display: inline-block;

    width: 33%;

    padding: 12px 44px 0 0;

    background: none;

}



#main-menu .menu ul ul ul.mega-col:last-child {

    padding-right: 0;

}



#main-menu .menu ul ul ul.sousmenu a {

    color: #2d2e80;

    width: 90%;

    margin: 0;

    display: block;

    border-bottom: none;

    font-size: 14px;

    text-transform: none;

    padding: 1% 0 4px;

}



#main-menu .menu ul ul ul.sousmenu a:hover {

    color: #f2b540;

}



#main-menu .menu ul ul ul.sousmenu {

    padding-top: 12px;

    background: none;

}



#main-menu .menu ul ul ul.lastmenu {

    margin: 6px 0 10px;

}



#main-menu .menu ul ul ul.lastmenu a {

    color: #2d2e80;

    font-size: 12px;

    border-left: 2px solid #f2b540;

    padding-left: 8px;

}



#main-menu .menu ul ul ul.lastmenu a:hover {

    color: #f2b540;

}



#main-menu .menu ul ul ul.mega-col li {

    display: block;

    margin-bottom: 20px;

}



#main-menu .menu ul ul ul.sousmenu li {

    margin: 0;

    background: #fff;

}



#main-menu ul li:after,

#main-menu ul li:before{

    display: none;

}



/* Hack IE */



_:-ms-input-placeholder, :root #main-menu ul,

_:-ms-input-placeholder, :root #main-menu ul li,

_:-ms-input-placeholder, :root #main-menu ul li ul,

_:-ms-input-placeholder, :root #main-menu ul li ul li,

_:-ms-input-placeholder, :root #main-menu ul li ul li ul,

_:-ms-input-placeholder, :root #main-menu ul li ul li ul li

  {

    color: #fff;
}

_:-ms-input-placeholder, :root #main-menu .menu ul ul ul.sousmenu li > a {
    padding: 0;
}

_:-ms-input-placeholder, :root #main-menu .menu ul ul ul.lastmenu li > a {
    padding: 1% 0 4px 8px;
}


.menu-principal-mobile {display:none;}

.menu-principal-mobile .logobas{
      border-bottom: 1px solid #d1d1d6;
      position: relative;
      z-index: 10;
      background: #ffffff;
}

.menu-principal-mobile .logobas img {
  margin: 0;
  width: 260px;
  position: relative;
  top: 2px;
  display: block;
}


/****************************************************************
******************************************************************
******************************************************************

CUSTOM MENU

******************************************************************
******************************************************************
******************************************************************/


.cd-dropdown-trigger {
  display: block;
  position: relative;
  padding: 0 36px 0 20px;
  line-height: 40px;
  background: url(/sites/all/themes/acir/img/menu.svg) no-repeat 94% center #ee9e00;
  background-size: auto 57%;
  color: #ffffff;
  border-radius: 3px;
  text-decoration: none;
  font-family: "UniversLTW02-67BoldCn", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #2D2E80;
}
/*.no-touch .cd-dropdown-trigger:hover {
  background-color: #171b46;
}*/

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
  height: 50px;
  line-height: 50px;
    font-family: "UniversLTW02-47LightCn", Arial, Helvetica, sans-serif;
    letter-spacing: 1.2px;
}



.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
  padding: 0 20px;
}

.cd-dropdown {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #2d2e80;
  visibility: hidden;
  /* Force Hardware Acceleration */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.cd-dropdown h2 {
  /* dropdown title - mobile version only */
  position: relative;
  z-index: 1;
  color: #2d2e80;
  background: #fff;
  border-bottom: 1px solid #d1d1d6;
  letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.5;
    height: auto;
    padding: 22px 20px;
    margin: 0;
    font-family: "UniversLTW02-67BoldCn", Arial, Helvetica, sans-serif;
}
.cd-dropdown .cd-close {
  /* 'X' close icon - mobile version only */
  position: absolute;
  z-index: 10;
  right: 0;
  top: 9px;
  height: 50px;
  width: 50px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
  /* this is the 'X' icon */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 20px;
  width: 2px;
  background-color: #2d2e80;
}
.cd-dropdown .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown.dropdown-is-active {
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
  transition: transform 0.5s 0s, visibility 0s 0s;
}

.cd-dropdown-content{
  position: initial!important;
}

.cd-dropdown-content ul{
  padding-top: 98px;
}

.cd-dropdown-content, .cd-dropdown-content ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
  display: block;
  color: #2d2e80;
  /* truncate text with ellipsis if too long */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top-width: 1px;
  border-color: #d1d1d6;
  border-style: solid;
}
.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
  border-top-width: 0;
}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
  border-bottom-width: 1px;
}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
  /*padding-top: 10px;
  padding-bottom: 10px;*/
  background-color: #ee9e00;
  font-size: 0.6rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #585a70;
  text-transform: uppercase;
}
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
  border-top-width: 0;
}
.cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
  /* push the secondary dropdown items to the right */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
  opacity: 0;
}
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  /* push the dropdown items to the left when secondary dropdown slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
  -webkit-overflow-scrolling: touch;
}

.cd-dropdown-content .see-all a {
  /* different style for the See all links */
  color: #ee9e00;
  /* background: url(/sites/all/themes/acir/images/shell.svg) no-repeat 94% center #ffffff;
  background-size: auto 100%;  */
}

.cd-dropdown-content .see-all a:after {
  /* content: "";
  display: inline-block;
  width: 100%;
  position: relative;
  bottom: 4px;
  height: 1px;
  left: 9px;
  background: #ee9e00; */
  content: "";
    display: block;
    width: 8px;
    bottom: 0px;
    height: 8px;
    border-radius: 20px;
    background: #ee9e00;
    float: right;
    padding: 1;
    margin: 21px 0;
}

.cd-search input[type="search"] {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #fff;
  color: #2d2e80;
  border: none;
  border-radius: 0;
}
.cd-search input[type="search"]::-webkit-input-placeholder {
  color: #2d2e80;
}
.cd-search input[type="search"]::-moz-placeholder {
  color: #2d2e80;
}
.cd-search input[type="search"]:-moz-placeholder {
  color: #2d2e80;
}
.cd-search input[type="search"]:-ms-input-placeholder {
  color: #2d2e80;
}
.cd-search input[type="search"]:focus {
  outline: none;
}
.cd-search input[type="search"]:focus::-webkit-input-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus::-moz-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-moz-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-ms-input-placeholder {
  color: rgba(17, 20, 51, 0.4);
}


.has-children > a, .go-back a {
  position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #2d2e80;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cd-dropdown-content a{
    text-decoration: none;
}
.has-children > a {
  padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}


.cd-dropdown-content .go-back {
    background: #ffffff;
}
.cd-dropdown-content .go-back a {
  padding-left: 40px;
}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

.cd-main-content {
  background-color: #e6e6e6;
  min-height: calc(100vh - 100px);
  padding: 2em 5%;
  line-height: 2;
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-js .cd-dropdown-wrapper .cd-close {
  display: none;
}


/****************************************************************
******************************************************************
******************************************************************

END CUSTOM MENU

******************************************************************
******************************************************************
******************************************************************/

/* Responsive */

@media (max-width: 990px) {
    #main-menu .menu ul.mega-dropdown {
        width: calc(100%);

    }

}



@media (max-width: 800px) {
    .menu-principal,
    .ptilogo,
    .resohaut,
    #main-menu{
        display:none;
    }
    .logo{
        display: flex;
        align-items: center;
    }
    .logo img {
      margin: 0;
      height: 143px;
    }
     .menu-principal-mobile{
        margin: 0!important;
        display:block !important;
     }
     .cd-dropdown-trigger{
      background: url(/sites/all/themes/acir/img/menu.svg) no-repeat 94% center #ffffff;
      background-size: auto 57%;
     }
     .cd-dropdown-content .cd-divider{
        height: 1px;
     }
}

@media (max-width: 425px) {
  .logo {
    align-items: center;
    justify-content: center;
  }
}


@media only screen and (max-width: 375px) {
        /* .cd-dropdown-content, .cd-dropdown-content ul {
            padding-top: 98px;
        } */
        #fond {
          height: 170px;
        }
        .logo img {
          width: 335px;
          height: auto;
        }
    }

/* Menu version anglais */
.moncontenu-interne .menu-anglais-v1,
.moncontenu-interne .menu-anglais-v2 {
    text-align: center;
}

.moncontenu-interne .menu-anglais-v1{
    margin-top: 20px;
}

.moncontenu-interne .menu-anglais-v1 li{
    display: inline-block;
    margin: 0;
    border-right: 4px solid #2d2e80;
    margin-bottom: 18px;
}
.moncontenu-interne .menu-anglais-v1 li:last-child{
    border: none;
}

.moncontenu-interne .menu-anglais-v1 li a{
    text-decoration: none;
    font-size: 28px;
    margin: 0 20px;
    font-family: "UniversLTW02-67BoldCn";
    position: relative;
}

.moncontenu-interne .menu-anglais-v1 li a:after{
    content: '';
    position: absolute;
    width: 0;
    height: 4px;
    display: block;
    margin-top: 5px;
    right: 0;
    top: 38px;
    background: #ef9e00;
    transition: width .2s ease;
    -webkit-transition: width .2s ease;
}

.moncontenu-interne .menu-anglais-v1 li a.active{
    color: #2d2e80;
}
.moncontenu-interne .menu-anglais-v1 li a.active:after,
.moncontenu-interne .menu-anglais-v1 li a:hover:after{
    width: 100%;
    left: 0;
    background: #ef9e00;
}

.moncontenu-interne .menu-anglais-v2 {
    background: #f8f8f8;
    display: block;
    padding: 22px 0;
    margin: 17px auto 45px;
    width: 85%;
}

.moncontenu-interne .menu-anglais-v2 li {
    list-style: none;
    display: inline-block;
    margin: 0;
}

.moncontenu-interne .menu-anglais-v2 li a{
    text-decoration: none;
    font-size: 22px;
    margin: 0 10px;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

.moncontenu-interne .menu-anglais-v2 li a:hover,
.moncontenu-interne .menu-anglais-v2 li.active a{
    color: #ef9e00;
}
.moncontenu-interne .menu-anglais-v2 li:after{
    content: "-";
    display: inline-block;
}
.moncontenu-interne .menu-anglais-v2 li:last-child::after{
    display:none;
}

@media (max-width: 425px) {
  .moncontenu-interne .menu-anglais-v1 li{
      border: none;
      display: block;
  }
  .moncontenu-interne .menu-anglais-v2 li{
      display: block;
      margin-bottom: 12px;
  }
  .moncontenu-interne .menu-anglais-v2 li:last-child{
      margin-bottom: 0;
  }
  .moncontenu-interne .menu-anglais-v2 li:after{
      display: none;
  }

}