/*-------------------------------------------------------------- */
/* HEADER
-------------------------------------------------------------- */
#bloc_fic_wrapper{
    background-color:#fff;
    position:absolute;
    top:0;
    right:0;
    width: 30vw;
    height: calc(30vw * 0.450);
    max-width: 575px;
    max-height: 260px;
    min-width:300px;
    min-height:209px;
    z-index:60;
    -webkit-clip-path:polygon(0 0, 100% 0,100% 60%, 30% 100%);
            clip-path:polygon(0 0, 100% 0,100% 60%, 30% 100%);
    
}
#bloc_fic{
    background-color: var(--alpha-bg-color);
    background-size: cover;
    background-position: right center;
    position:absolute;
    top:0;
    right:0;
    width:calc(100% - 1px);
    height:calc(100% - 1px);
    -webkit-clip-path:polygon(0 0, 100% 0,100% 60%, 30% 100%);
            clip-path:polygon(0 0, 100% 0,100% 60%, 30% 100%);
}
#bloc_fic #annonce-close{
    width: 1.5rem;
    display: inline-block;
    position: absolute;
    left: 7%;
    top: 1.4rem;
    cursor:pointer;
}
#bloc_fic .content{
    /*padding: 3.5rem 3.5rem 3.5rem 0;
    margin-left: 25%;
    margin-right: 30%;*/
    padding: 2rem 0;
    margin-left: 25%;
}
#bloc_fic .content .logo-fic{
    max-width: 40%;
    width: 11.5rem;
    margin-bottom: 1rem;
    display:block;
    -webkit-transform: translateX(-35%);
            transform: translateX(-35%);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#bloc_fic .texte-fic{
    font-family: var(--title-font);
/*    font-size: 2.1rem;*/
    font-size: 1.8rem;
    line-height: 1.5;
    color: #fff;
    max-width: 82%;
    position: relative;
    margin-bottom: 1.5rem;
    display:inline-block;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
/*#bloc_fic .texte-fic::before{
    content:'';
    position:absolute;
    left:-1.5rem;
    top:.8em;
    width:2.5rem;
    height:1px;
    -webkit-transform:translate(-100%, 0);
            transform:translate(-100%, 0);
    background-color:#fff;
}*/
/*#bloc_fic .texte-fic::after{
    content:'';
    position:absolute;
    right:-1.5rem;
    bottom:.6em;
    width:2.5rem;
    height:1px;
    -webkit-transform:translate(100%, 0);
            transform:translate(100%, 0);
    background-color:#fff;
}*/
#bloc_fic .texte-fic p{
    margin-bottom: 0;
}
#bloc_fic .bt-fic{
    /*text-align:center;*/
    max-width: 75%;
    padding-left: 2rem;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#bloc_fic .bt-fic a.bouton.yellow-bt{
    padding:.5rem 1.5rem;
    font-size:1.2rem;
    color:var(--alpha-text-color);
}
#bloc_fic .bt-fic a.bouton.yellow-bt:hover{
    color:var(--gama-text-color);
    border:1px solid var(--gama-text-color);
}
header{
   font-size:1.6rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index:30;
    width: 100%;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.header-content-wrapper{
  /*background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(80%, rgba(0,0,0,1)), color-stop(80%, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
  background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 80%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);*/
    background: linear-gradient(
90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) calc(100% - 400px), rgba(255,255,255,0) calc(100% - 400px), rgba(255,255,255,0) 100%);
  padding: 1.5rem 0 2rem;
}
#topheader{
    margin-bottom:2rem;
    position: relative;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#topheader .menutop{
    padding-bottom:2rem;
    border-bottom:1px solid #fff;
    display:inline-block;
    position:relative;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}

#topheader .menutop #btmenutop{
  cursor: pointer;
  position:relative;
  width: 2.6rem;
  height: 2.1rem;
  display:inline-block;
  margin-right:5rem;
  vertical-align:middle;
    z-index: 5;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#topheader .menutop #btmenutop span{
  width: 2.6rem;
  height: .2rem;
  background-color: var(--base-bg-color);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#topheader .menutop #btmenutop span::before,
#topheader .menutop #btmenutop span::after{
  content: '';
  position: absolute;
  width: 2.6rem;
  height: .2rem;
  background-color: var(--base-bg-color);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#topheader .menutop #btmenutop span::before{
  top: -.65rem;
}
#topheader .menutop #btmenutop span::after{
  bottom: -.65rem;
}
#topheader .menutop #btmenutop.active{

}
#topheader .menutop #btmenutop.active span{
  background: rgba(0,0,0,0);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0);
          box-shadow: 0 2px 5px rgba(0,0,0,0);
}
#topheader .menutop #btmenutop.active span::before{
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#topheader .menutop #btmenutop.active span::after{
  top: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
#topheader .menutop #topnonsticky{
    display:inline-block;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#topheader .menu-menu-top-container{
    display:inline-block;
}
#topheader ul.menu{
    display:inline-block;
}
#topheader ul.menu li{
    display:inline-block;
    margin-right:2.5rem;
    margin-left:0;
    margin-bottom:0;
    position:relative;
    vertical-align: middle;
}
#topheader ul.menu li:last-child{
    margin-right:0!important;
}
#topheader ul.menu li a{
    color:#fff;
    font-family:var(--alt-font);
    font-weight:500;
    font-size:1.6rem;
    text-decoration:none;
    opacity:1;
}
#topheader ul.menu li a:hover{
    opacity:.5;
}
#topheader ul.menu li:not(.picto-menu) + li.picto-menu,
#topheader ul.menu li.picto-menu + li:not(.picto-menu){
    margin-left:2.5rem;
}
#topheader ul.menu li.picto-menu{
    margin-right:1.5rem;
}
#topheader ul.menu li a .picto{
    height:1.5em;
    width:auto;
}
#topheader ul.menu li a .picto + span{
   display:none;
}
#topheader ul.menu li.picto-menu a span{
    display:none;
}
#topheader ul.menu li.lang-item:not(:last-child){
    margin-right:2.8rem;
}
#topheader ul.menu li.lang-item:not(:last-child)::after{
    content:'/';
    color:#fff;
    font-weight:500;
    font-size:1em;
    position:absolute;
    top:0;
    right:-1.75rem;
}
#global-header.en #topheader ul.menu li.lang-item:not(:last-child){
    margin-right:0;
    -webkit-transform: translateX(calc(100% + 3rem));
            transform: translateX(calc(100% + 3rem));
}
#global-header.en #topheader ul.menu li.lang-item:not(:last-child)::after{
    content:unset;
}
#global-header.en #topheader ul.menu li.lang-item:last-child{
    margin-right:2.8rem!important;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
}
#global-header.en #topheader ul.menu li.lang-item:last-child::after{
    content:'/';
    color:#fff;
    font-weight:500;
    font-size:1em;
    position:absolute;
    top:0;
    right:-1.75rem;
}
#global-header.en #topheader #topnonsticky ul.menu li.lang-item:last-child::after{
    right:-1.75rem;
}
#topheader ul.menu li.lang-item a{
    text-transform:uppercase;
}

#topheader #searchform{
    width: 100%;
    height: calc(100% + 2.1rem);
    position: absolute;
    background-color: var(--alpha-bg-color);
    top: -1.5rem;
    left: 0;
    padding: 4rem 0 0 0;
    visibility: hidden;
    opacity: 0;
    z-index: 6;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}
#topheader #searchform > div{
    -webkit-transform: translateY(-2rem);
            transform: translateY(-2rem);
}
#topheader #searchform.active{
     visibility: visible;
    opacity: 1;
}
#topheader #searchform input[type="text"]{
    width: calc(100% - 14rem);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border:none;
    border-bottom: 1px solid #fff;
    font-size: 1.6rem;
    color: #fff;
    padding:.5em;
    display: inline-block;
    margin: 0;
    background: var(--alpha-bg-color);
}
#topheader #searchform input:-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color:rgba(255,255,255,.8);
}
#topheader #searchform input:-ms-input-placeholder{ /* IE 10+ */
  color:rgba(255,255,255,.8);
}
#topheader #searchform input::-webkit-input-placeholder{
    color:rgba(255,255,255,.8);
}
#topheader #searchform input::placeholder{
    color:rgba(255,255,255,.8);
}
#topheader #searchform input[type="submit"]{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-size: 1.6rem;
    padding: .5em 1.5em .5em 1em;
    font-weight: 600;
    display: inline-block;
    width: 13rem;
    margin: 0;
    background-color: var(--alpha-text-color);
    color:#fff;
    border: 1px solid #fff;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#topheader #searchform input[type="submit"]:hover{
    background-color: #fff;
    color:var(--alpha-text-color);
}
#menu_plus{
    background-color:var(--alpha-bg-color);
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    opacity:0;
    overflow-y: auto;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    /*padding:6rem 4rem 4rem 4rem;*/
    -webkit-transform-origin: top;
            transform-origin: top;
    z-index:3;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#menu_plus.active{
    opacity:1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
}
#menu_plus #sticky-wrapper2{
    display:block;
}
#menu_plus #sticky-wrapper2 #logoheadermenuplus{
    width: 20rem;
    display: inline-block;
    margin-top: 7rem;
    margin-bottom: 2rem;
}
#menu_plus #sticky-wrapper2 #logoheadermenuplus:hover{
    opacity:1;
}
#menu_plus #sticky-wrapper2 #stickymenu-wrapper{
    display:block;
    margin-bottom: 4rem;
}

#menu_plus #sticky-wrapper2 ul.menu{
    display:inline-block;
    margin-bottom:0;
}
#menu_plus #sticky-wrapper2  ul.menu li{
    list-style-type:none;
    display:inline-block;
     margin-bottom:0;
    /*margin-left:5rem;*/
    margin-left: 2vw;
    margin-right:0;
}
#menu_plus #sticky-wrapper2  ul.menu li:first-child{
    margin-left:0;
}
#menu_plus #sticky-wrapper2  ul.menu li.lang-item{
    margin-left:1rem;
    position:relative;
}
#menu_plus #sticky-wrapper2  ul.menu li.lang-item:not(:last-child){
    /*margin-left:7rem;*/
    margin-left: 2.5vw;
}
#menu_plus #sticky-wrapper2 li.lang-item:not(:last-child)::after {
    content: '/';
    color: #fff;
    font-weight: 500;
    font-size: 1em;
    position: absolute;
    top: 0;
    right: -1rem;
}
#menu_plus #sticky-wrapper2 ul.menu  li a{
    color:#fff;
    text-decoration:none;
    font-size:1.6rem;
    font-weight:600;
    text-transform: uppercase;
}




#global-header.en #menu_plus #sticky-wrapper2 ul.menu li.lang-item:not(:last-child) {
    margin-right: 0;
    -webkit-transform: translateX(calc(100% + 3rem));
    transform: translateX(calc(100% + 3rem))
}

#global-header.en #menu_plus #sticky-wrapper2 ul.menu li.lang-item:not(:last-child)::after {
    content: unset
}

#global-header.en #menu_plus #sticky-wrapper2 ul.menu li.lang-item:last-child {
    margin-right: 2.8rem!important;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

#global-header.en #menu_plus #sticky-wrapper2 ul.menu li.lang-item:last-child::after {
    content: '/';
    color: #fff;
    font-weight: 500;
    font-size: 1em;
    position: absolute;
    top: 0;
    right: -1rem
}

#global-header.en #menu_plus #sticky-wrapper2 ul.menu li.lang-item:last-child::after {
    right: -1rem
}




#menu_plus .container .pl3{
    /*padding-left: 30rem;*/
    padding-left: 20vw;
}
#menu_plus .container .pl3 > div {
    padding-top: 1.5rem;
    float:left;
    margin-left:5vw;
    max-width:22rem;
}
#menu_plus .container .pl3 > div:nth-child(2) {
    max-width:19rem;
}
#menu_plus .pl3 .menu-title{
    color: var(--beta-text-color);
    display: block;
    font-family: var(--title-font);
    font-weight:bold;
    font-size:2.1rem;
    line-height: 1.2;
    margin-bottom:3rem;
}
#menu_plus .pl3 .menu{
    margin:0 0 2rem 0;
}
#menu_plus .pl3 .menu li{
    display:block;
    padding-left:1em;
}
#menu_plus .pl3 .menu li::before {
  content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #fff; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: .8em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  vertical-align: top;
}
#menu_plus .pl3 .menu li:hover::before {
  color:var(--beta-text-color);
}
#menu_plus .pl3 .menu li:not(:last-child){
    margin-bottom:2.5rem;
}
#menu_plus .pl3 .menu li a{
    text-decoration:none;
    color:#fff;
    font-size:2.4rem;
    font-weight:500;
    line-height: 0.9;
    display:inline-block;
    width:100%;
}
#menu_plus .pl3 .menu li:hover a{
    color:var(--beta-text-color);
    opacity:1;
}
#menu_plus .pl3 .menu .sub-menu{
    padding-left:1.5rem;
    margin-top: 1rem;
}
#menu_plus .pl3 .menu .sub-menu li{
    margin-bottom: 1rem;
}
#menu_plus .pl3 .menu .sub-menu li:hover a{
    color:#fff;
    opacity:1;
}
#menu_plus .pl3 .menu .sub-menu li::before {
  color:var(--gama-text-color); /* Change the color */
}
#menu_plus .pl3 .menu .sub-menu li:hover::before {
  color:#fff; /* Change the color */
}
#menu_plus .pl3 .menu .sub-menu li a{
    color:var(--gama-text-color);
}



li.current-lang a{
    opacity: .5!important;
    pointer-events: none!important;
}
li.current-lang:after{
    opacity:1;
}
#mainheader{
   position:relative; 
}
#mainheader .wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
#mainheader a#logoheader{
    display:inline-block;
    width:17rem;
    margin-right:3.5rem;
    position:relative;
    z-index:2;
}
#mainheader a#logoheader:hover{
    opacity:1;
}
#mainheader #menu_desktop{
    
}
#mainheader #menu_desktop ul{
    
}
#mainheader #menu_desktop ul li{
   display: inline-block;
   margin-bottom: 0;
   vertical-align: middle;
   padding-bottom:1rem;
   position:relative;
}
#mainheader #menu_desktop  ul > li::after{
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    opacity:0;
    width:0;
    height:1px;
    -webkit-transform:translateX(-50%);
            transform:translateX(-50%);
    background-color: #fff;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#mainheader #menu_desktop  ul > li:hover::after{
    opacity:1;
    width:100%;
     -webkit-transform:translateX(-50%);
             transform:translateX(-50%);
}
#mainheader #menu_desktop ul > li:not(:last-child){
   margin-right:1em;
}
#mainheader #menu_desktop ul li a{
    color:#fff;
    text-decoration: none;
    font-size:2rem;
    font-weight: 600;
}
#mainheader #menu_desktop ul li a:hover{
   /* color:var(--gama-text-color);*/
}
#mainheader #menu_desktop ul li ul{
   position:absolute;
   left:50%;
   bottom:0;
   -webkit-transform:translate(-50% , 100%);
           transform:translate(-50% , 100%);
   min-width:100%;
   width:auto;
   height:auto;
   opacity:0;
   max-height:0;
   overflow:hidden;
    padding:2rem 1.5rem 0 1.5rem;
   background-color:var(--alpha-bg-color);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#mainheader #menu_desktop ul li:hover ul{
   height:auto;
    max-height:none;
    opacity:1;
}
#mainheader #menu_desktop ul li ul li{
   display:block;
}
#mainheader #menu_desktop ul li ul li::after{
    content:unset;
}
#mainheader #menu_desktop ul li ul li a{
   color:var(--gama-text-color);
    font-weight: 500;
    white-space:nowrap;
}
#mainheader #menu_desktop ul li ul li a:hover{
   
}


#header-mobile{
  display: none;  
}
#header-mobile #logoheader-mobile{
    display: inline-block;
    width: 12rem;
    margin-right: 0;
}

#header-mobile #menuburger{
    cursor: pointer;
    position: relative;
    width: 2.6rem;
    height: 2.1rem;
    display: inline-block;
    margin-right: 1rem;
    vertical-align: super;
    z-index: 5;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#header-mobile #menuburger span{
    width: 2.6rem;
    height: .2rem;
    background-color: var(--base-bg-color);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
#header-mobile #menuburger span::before,
#header-mobile #menuburger span::after{
    content: '';
    position: absolute;
    width: 2.6rem;
    height: .2rem;
    background-color: var(--base-bg-color);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
#header-mobile #menuburger span::before{
    top: -.65rem;
}
#header-mobile #menuburger span::after{
    bottom: -.65rem;
}


#header-mobile #menuburger.active{
    
}
#header-mobile #menuburger.active span{
    background: rgba(0,0,0,0);
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 0%);
    box-shadow: 0 2px 5px rgb(0 0 0 / 0%);
}
#header-mobile #menuburger span::before,
#header-mobile #menuburger span::after{
    
}
#header-mobile #menuburger.active span::before{
   top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#header-mobile #menuburger.active span::after{
    top: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}





#menu_mobile{
  display: none;
  background-color: var(--alpha-bg-color);
  color:#fff;
}

#menu_mobile .wrapper-menus{
   padding-top: 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
#menu_mobile .wrapper-menus > div{
    width: 30%;
}
#menu_mobile .wrapper-menus > div:last-child{
    width: 100%;
}
#menu_mobile h4{
   color: var(--beta-text-color);
    font-weight: bold;
    font-size: 2.1rem;
    margin-bottom:2rem;
    margin-top:3rem;
}
#menu_mobile a{
    text-decoration:none;
}
#menu_mobile ul{
    padding-left: 2em;
}
#menu_mobile ul li{
  margin-bottom: 1em;
}

#menu_mobile ul > li a{
    text-decoration: none;
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    line-height: 0.9;
    display: inline-block;
    width: 100%;
}
#menu_mobile ul li a:hover,
#menu_mobile ul li.current-menu-item a{
    color: var(--beta-text-color);
    opacity: 1;
}
#menu_mobile ul li ul.sub-menu{
    padding: 1em 0 0 1em;
}
#menu_mobile ul li ul.sub-menu li{
    margin-bottom: 1em;
}
#menu_mobile ul li ul.sub-menu li a{
    text-decoration: none;
    font-size: 2rem;
    font-weight: 500;
    line-height: 0.9;
    display: inline-block;
     width: 100%;
     color: var(--gama-text-color);
}
#menu_mobile ul li ul.sub-menu li a:hover,
#menu_mobile ul li ul.sub-menu li.current-menu-item a{
    color: #fff;
    opacity: 1
}
#menu_mobile .menu-menu-top-container,
#menu_mobile .menu-menu-top-en-container{
    border-top:1px solid rgba(255,255,255,.3);
}
#menu_mobile .menu-menu-top-container ul.menu,
#menu_mobile .menu-menu-top-en-container ul.menu{
    padding-left:0;
    text-align:center;
    padding-top: 1em;
}
#menu_mobile .menu-menu-top-container li,
#menu_mobile .menu-menu-top-en-container li{
    width:45%;
    display:inline-block;
    margin:1rem 2%;
}
#menu_mobile .menu-menu-top-container li:nth-child(2),
#menu_mobile .menu-menu-top-en-container li:nth-child(2){
    width:100%;
    display:block;
    margin:0;
    border-bottom:1px solid rgba(255,255,255,.3);
}
#menu_mobile .menu-menu-top-container li:nth-child(2) a,
#menu_mobile .menu-menu-top-en-container li:nth-child(2) a{
    width:45%;
    display:inline-block;
    margin:1rem 2%;
}
#menu_mobile .menu-menu-top-container li.picto-menu img.picto,
#menu_mobile .menu-menu-top-en-container li.picto-menu img.picto{
    width: 25%;
    max-width: 7rem;
}
#menu_mobile ul li#menu-item-67,
#menu_mobile ul li#menu-item-771{
    display:none;
}
#menu_mobile .menu-menu-top-container li.picto-menu span,
#menu_mobile .menu-menu-top-en-container li.picto-menu span{
    display:none;
}
/*#menu_mobile .menu-menu-top-container li:first-child,
#menu_mobile .menu-menu-top-container li:nth-child(4) a{*/
#menu_mobile .menu-menu-top-container li:first-child,
#menu_mobile .menu-menu-top-en-container li:first-child{
    display:none;
}
#menu_mobile .menu-menu-top-container li.lang-item-first::before{
    content:'';
    height:1px;
    /*border-top:1px solid rgba(255,255,255,.3);*/
    width:100vw;
    margin:1em 0;
    display:block;
}
#menu_mobile #searchformmobile{
    border-top:1px solid rgba(255,255,255,.3);
    padding-top:2em;
}
#menu_mobile #searchformmobile input[type="text"]{
    width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border:none;
    border-bottom: 1px solid #fff;
    font-size: 1.6rem;
    color: #fff;
    padding:.5em;
    display: inline-block;
    margin: 0;
    background: var(--alpha-bg-color);
}
#menu_mobile #searchformmobile input:-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color:rgba(255,255,255,.8);
}
#menu_mobile #searchformmobile input:-ms-input-placeholder{ /* IE 10+ */
  color:rgba(255,255,255,.8);
}
#menu_mobile #searchformmobile input::-webkit-input-placeholder{
    color:rgba(255,255,255,.8);
}
#menu_mobile #searchformmobile input::placeholder{
    color:rgba(255,255,255,.8);
}
#menu_mobile #searchformmobile input[type="submit"]{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-size: 1.6rem;
    padding: .5em 1.5em .5em 1em;
    font-weight: 600;
    display: block;
    width: 13rem;
    margin: 1em auto;
    background-color: var(--alpha-text-color);
    color:#fff;
    border: 1px solid #fff;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#menu_mobile #searchformmobile input[type="submit"]:hover{
    background-color: #fff;
    color:var(--alpha-text-color);
}





.cat-menu-container{
   
}
.cat-menu-container .menu{
    margin: 3rem 0;
    padding-left: 0;
}
.cat-menu-container .menu li{
    display:inline-block;
    margin-bottom:0;
    position:relative;
}
.cat-menu-container .menu li a{
    display:inline-block;
    text-decoration:none;
    text-transform:uppercase;
    background-color:transparent;
    color:var(--beta-text-color);
    font-size:1.8rem;
    font-weight:600;
    padding:.1em .2em;
    line-height: 1;
}
.cat-menu-container .menu li.current-menu-parent > a,
.cat-menu-container .menu li:hover > a,
.cat-menu-container .menu li.current-menu-item > a{
    background-color:var(--beta-text-color);
    color:#fff;
}
.cat-menu-container .menu li.nolink > a{
    pointer-events: none;
}
.cat-menu-container .menu li.menu-item-has-children{
    cursor:pointer;
}
.cat-menu-container .menu li ul{
    opacity:0;
    min-width: 100%;
    height:auto;
    max-height:0;
    position:absolute;
    top: .5em;
    left:50%;
    overflow: hidden;
    padding: 1rem 0 0 0 ;
    background-color:#fff;
    -webkit-transform:translate(-50%, 2rem) scaleY(0);
            transform:translate(-50%, 2rem) scaleY(0);
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:5;
    border-bottom:1px solid #e2e0e0;
    border-left:1px solid #e2e0e0;
    border-right:1px solid #e2e0e0;
}
.cat-menu-container .menu li:hover ul{
    opacity:1;
    max-height:none;
    -webkit-transform:translate(-50%, 2rem) scaleY(1);
            transform:translate(-50%, 2rem) scaleY(1);
}
.cat-menu-container .menu li ul li{
    margin:.5em 0.3em!important;
}
/*-------------------------------------------------------------- */
/* sticky
-------------------------------------------------------------- */
#global-header #sticky-wrapper{
    display:none;
}
#global-header.sticky #sticky-wrapper{
    display:inline-block;
}
#global-header.sticky #topnonsticky{
    display:none;
}
#global-header.sticky #mainheader #main-menu-wrapper{
    display:none;
}
#global-header.sticky .header-content-wrapper{
    padding: 1rem 0 .5rem;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,1)));
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%);
}
#global-header.sticky #topheader{
    margin-bottom: 0;
}
#global-header.sticky #topheader .menutop{
    padding-bottom:0;
    border-bottom:none;
}
#global-header.sticky #topheader .menutop #btmenutop{
    margin-right:1.5rem;
}
#global-header.sticky #sticky-wrapper #logoheadersticky{
    display: inline-block;
    width: 15rem;
    margin-right: 2rem;
    position: relative;
    z-index: 2;
    vertical-align: middle;
}
#global-header.sticky #sticky-wrapper #logoheadersticky:hover{
    opacity:1;
}
#global-header.sticky #sticky-wrapper #stickymenu-wrapper{
    display:inline-block;
}

#global-header.sticky #sticky-wrapper ul.menu{
    display:inline-block;
    margin-bottom:0;
}
#global-header.sticky #sticky-wrapper  ul.menu li{
    list-style-type:none;
    display:inline-block;
     margin-bottom:0;
    margin-left:1rem;
    margin-right:0;
}
#global-header.sticky #sticky-wrapper  ul.menu li.lang-item:not(:last-child){
    margin-left:4rem;
}
#global-header.sticky #topheader ul.menu li.lang-item:not(:last-child)::after{
    right: -1rem;
}
#global-header.en.sticky #topheader ul.menu li.lang-item:last-child::after{
    right: -1rem;
}
#global-header.sticky #sticky-wrapper ul.menu  li a{
    color:#fff;
    text-decoration:none;
    font-size:1.3rem;
    font-weight:600;
    text-transform: uppercase;
}
#global-header.sticky #bloc_fic_wrapper:not(.freezed){
    width: 18vw;
    height: calc(18vw * .35);
    min-width: 300px;
    min-height: 118px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#global-header.sticky #bloc_fic_wrapper:not(.freezed) #bloc_fic .content .logo-fic{
    width:7.1rem;
    -webkit-transform:translateX(0);
            transform:translateX(0);
    margin-bottom: 1.2rem;
}
#global-header.sticky #bloc_fic_wrapper:not(.freezed) #bloc_fic .content .texte-fic{
    display:none;
}
#global-header.sticky #bloc_fic_wrapper:not(.freezed) #bloc_fic .content .bt-fic{
    padding-left:0;
}

/*-------------------------------------------------------------- */
/* FOOTER
-------------------------------------------------------------- */
.site-footer{
    background-color:var(--alpha-bg-color);
    color:#fff;
    padding:6rem 0 4.5rem 0;
    margin-top: 10rem;
}
.site-footer .site-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.site-footer .col{
    margin:0 0 0 5vw;
}
.site-footer .col.col-1{
    max-width:23rem;
    margin:0 3rem 0 0;
}
.site-footer .col.col-2{
    max-width: 25rem;
}
.logo-footer{
    display: inline-block;
    width: 20rem;
    margin-right:4rem;
    margin-bottom:4rem;
}
ul.socials{
    margin-bottom:6.5rem;
}
ul.socials li{
    list-style-type:none;
    display:inline-block;
    margin-bottom:0;
}
ul.socials li:not(:last-child){
    margin-right: 3.2rem;
}
ul.socials li a{
    display:inline-block;
    width:2.5rem;
    height:2.5rem;
    background-image: var(--picto);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    text-indent:-999px;
    overflow:hidden;
    opacity:1;
}
ul.socials li a:hover{
   opacity:0.5;
}

.copyright{
    font-size: 1.1rem;
    font-weight:600;
    text-transform:uppercase;
}
.site-footer .navigation-footer{
    padding-top: 1rem;
}
.site-footer .menu-title{
    display:block;
    font-size:2rem;
    font-weight:600;
    color:#fff;
    min-height: 2em;
    margin-bottom: 2rem;
}
.site-footer ul.menu{
    padding-left:2em;
}
.site-footer ul.menu  li{
    margin-bottom: 1.5rem;
}
.site-footer ul.menu  li::before {
  content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #fff; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: .8em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
    margin-right: .5em;
}
.site-footer ul.menu li a{
    color:#fff;
    text-decoration:none;
    font-size:2rem;
    opacity:1;
    line-height: 1.2;
}
.site-footer ul.menu li a:hover{
    opacity:.5;
}