html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v17-latin-300.eot' );
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
  url('../fonts/roboto-condensed-v17-latin-300.eot?#iefix') format('embedded-opentype'),
  url('../fonts/roboto-condensed-v17-latin-300.woff2') format('woff2'),
  url('../fonts/roboto-condensed-v17-latin-300.woff') format('woff'),
  url('../fonts/roboto-condensed-v17-latin-300.ttf') format('truetype'),
  url('../fonts/roboto-condensed-v17-latin-300.svg#RobotoCondensed') format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v17-latin-300italic.eot');
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
  url('../fonts/roboto-condensed-v17-latin-300italic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/roboto-condensed-v17-latin-300italic.woff2') format('woff2'),
  url('../fonts/roboto-condensed-v17-latin-300italic.woff') format('woff'),
  url('../fonts/roboto-condensed-v17-latin-300italic.ttf') format('truetype'),
  url('../fonts/roboto-condensed-v17-latin-300italic.svg#RobotoCondensed') format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v17-latin-regular.eot');
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
  url('../fonts/roboto-condensed-v17-latin-regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/roboto-condensed-v17-latin-regular.woff2') format('woff2'),
  url('../fonts/roboto-condensed-v17-latin-regular.woff') format('woff'),
  url('../fonts/roboto-condensed-v17-latin-regular.ttf') format('truetype'),
  url('../fonts/roboto-condensed-v17-latin-regular.svg#RobotoCondensed') format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v17-latin-italic.eot');
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
  url('../fonts/roboto-condensed-v17-latin-italic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/roboto-condensed-v17-latin-italic.woff2') format('woff2'),
  url('../fonts/roboto-condensed-v17-latin-italic.woff') format('woff'),
  url('../fonts/roboto-condensed-v17-latin-italic.ttf') format('truetype'),
  url('../fonts/roboto-condensed-v17-latin-italic.svg#RobotoCondensed') format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v17-latin-700.eot');
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
  url('../fonts/roboto-condensed-v17-latin-700.eot?#iefix') format('embedded-opentype'),
  url('../fonts/roboto-condensed-v17-latin-700.woff2') format('woff2'),
  url('../fonts/roboto-condensed-v17-latin-700.woff') format('woff'),
  url('../fonts/roboto-condensed-v17-latin-700.ttf') format('truetype'),
  url('../fonts/roboto-condensed-v17-latin-700.svg#RobotoCondensed') format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v17-latin-700italic.eot');
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
  url('../fonts/roboto-condensed-v17-latin-700italic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/roboto-condensed-v17-latin-700italic.woff2') format('woff2'),
  url('../fonts/roboto-condensed-v17-latin-700italic.woff') format('woff'),
  url('../fonts/roboto-condensed-v17-latin-700italic.ttf') format('truetype'),
  url('../fonts/roboto-condensed-v17-latin-700italic.svg#RobotoCondensed') format('svg');
}
@font-face {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/FuturaBT-Book.eot?#iefix') format('embedded-opentype'),
  url('../fonts/FuturaBT-Book.woff') format('woff'), 
  url('../fonts/FuturaBT-Book.ttf')  format('truetype'), 
  url('../fonts/FuturaBT-Book.svg#FuturaBT-Book') format('svg');
}
@font-face {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/FuturaBT-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/FuturaBT-Light.woff') format('woff'),
  url('../fonts/FuturaBT-Light.ttf')  format('truetype'),
  url('../fonts/FuturaBT-Light.svg#FuturaBT-Light') format('svg');
}
@font-face {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/FuturaBT-Heavy.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/FuturaBT-Heavy.woff') format('woff'),
  url('../fonts/FuturaBT-Heavy.ttf')  format('truetype'),
  url('../fonts/FuturaBT-Heavy.svg#FuturaBT-Heavy') format('svg'); 
}
@font-face {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/FuturaBT-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/FuturaBT-Bold.woff') format('woff'),
  url('../fonts/FuturaBT-Bold.ttf')  format('truetype'),
  url('../fonts/FuturaBT-Bold.svg#FuturaBT-Heavy') format('svg');
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
   .clearfix {
    *zoom: 1;
  }
  .clearfix:after {
    content: "";
    display: block;
    clear: both;  
  }
  .clear{
    clear: both;
  }
  .wrapper{
    width:1200px;
    margin:0 auto;
  }
  a,
  a:visited,
  a:hover,
  a:focus{
    color:inherit;
    text-decoration:none;
  }
  h1,h2,h3,h4,h5,h6{
    margin:0;
  }
  a.btn{
    background: url('../img/ico-btn.png') no-repeat 85% center #223d8d;
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 1.071rem;
    font-weight: 100;
    padding: 10px 60px 10px 40px;
    text-align: center;
    margin: auto;
    padding: 10px 66px 10px 50px;
    transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    text-decoration:none;
    cursor:pointer;
  }
  a.btn:hover{
    background-position: 90% center;
  }
  a.wp-block-button__link{
    text-decoration: none !important;
  }
  p{
    margin:0;
  }
  b,strong{
    font-weight:bold;
  }
  ul{
    padding:0;
    margin:0;
    list-style:none;
  }
  html,body,*{
    box-sizing:border-box;
  }
  html{
    background: #ffffff;
    font-family: "Futura",sans-serif;
    font-size: 15px;
    min-height: 100%;
    position: relative;
    border-top:5px solid #122a75;
    line-height:1.2;
  }
/* ==========================================================================
Default Wysiwyg
========================================================================== */
.wysiwyg{
  line-height:1.5;
}
.wysiwyg ul:not(.blocks-gallery-grid){
  list-style-type: disc;
  margin: 10px 0;
  padding-left: 40px;
}
.wysiwyg ul:not(.blocks-gallery-grid) li{

}
.wysiwyg ul:not(.blocks-gallery-grid) { 
  display: block;
  list-style-type: disc;
  margin-top: 0.1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}
.wysiwyg ol { 
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  list-style-type: decimal; 
  list-style-position: outside;
  margin: 1em 0; 
}
.wysiwyg ul:not(.blocks-gallery-grid) ul, .wysiwyg ol ul { 
 list-style-type: circle; 
 list-style-position: inside; 
 margin-left: 15px; 
}
.wysiwyg ol ol, .wysiwyg ul:not(.blocks-gallery-grid) ol { 
 list-style-type: lower-latin; 
 list-style-position: outside; 
 margin-left: 15px; 
}
.wysiwyg p{
  margin:5px 0;
}
.wysiwyg h2{
  font-size: 25px;
  text-transform: uppercase;
  color: #223d8d;
  margin-bottom: 5px;
}
.wysiwyg h3{
  font-size: 19px;
  /*text-transform:uppercase;*/
  font-weight: 600;
  color: #223d8d;
}
.wysiwyg h4{
  font-size: 16px;
}
.wysiwyg a:not(.btn){
  /* text-decoration:underline; */
}
.wysiwyg u{

}
.wysiwyg i{

}
.everest-forms label{
  margin: 0 !important;
}
/* ==========================================================================
   PAGINATION
   ========================================================================== */
   nav.pagination {
    width: 100%;
    margin-top: 18px;
    text-align: center;
  }
  nav.pagination .page-numbers.prev,
  nav.pagination .page-numbers.next{
    font-size: 16px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    border-bottom: none;
    width:auto;
  }
  nav.pagination .page-numbers.prev span,
  nav.pagination .page-numbers.next span{
    display: inline-block;
    height: 28px;
    width: 28px;
    background: #c9b382;
    border: 2px solid #c9b382;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin-right:10px;
    line-height: 23px;
  }
  nav.pagination .page-numbers.next span{
    margin-right:0;
    margin-left:10px;
  }
  nav.pagination .page-numbers.prev:hover span,
  nav.pagination .page-numbers.next:hover span{
    background: #ffffff;
    color: #c9b382;
  }
  nav.pagination .page-numbers.prev {
    float: left;
  }
  nav.pagination .page-numbers.next {
    float: right;
  }
  nav.pagination .page-numbers {
    font-size: 14px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 20px;
    text-align: center;
    color: #9a9a9a;
    border-bottom: 2px solid #e9e9e9;
  }
  nav.pagination .page-numbers.current,
  nav.pagination .page-numbers:hover {
    border-color: #c9b382;
    color: #c9b382;
  }
/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */
   #breadcrumbs {
    list-style: none;
    margin: 10px 0 0 0;
    overflow: hidden;
    color: #999999;
    font-size: 13px;
    text-transform: capitalize;
    text-align: right;
    width: 100%;
  }
  #breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    text-transform: capitalize;
  }
  #breadcrumbs .separator {
    font-size: 13px;
    font-weight: 100;
    color: #ccc;
  }
  #breadcrumbs:after{
    content:"";
    display:table;
    clear:both;
  }
/* ==========================================================================
   CUSTOM SELECT
   ========================================================================== */
   ul#language-list, div.top-right > ul {
    position: relative;
    display: inline-block;

  }
  ul#language-list li, div.top-right > ul li{
    color: #ffffff;
    display: inline-block;
  }
  ul#language-list li.fr:before, div.top-right > ul li.lang-item-fr:before{
    content: url(../img/fra.png);
    padding-right: 3px;
  }
  ul#language-list li.en:before, div.top-right > ul li.lang-item-en:before{
    content: url(../img/ang.png);
    padding-right: 3px;
    margin-left: 3px;
  }
  ul#language-list li.es:before, div.top-right > ul li.lang-item-es:before{
    content: url(../img/esp.png);
    padding-right: 3px;
    margin-left: 3px;
  }
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
  }
  .select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    cursor: pointer;
  }
  .select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  .select-hide {
    display: none;
  }
/* ==========================================================================
TOP PIC
========================================================================== */
#content .top-pic{
  height:280px;
  margin-bottom:25px;
  position:relative;
}
#content .top-pic .title{
  position:absolute;
  bottom:0;
  background: rgba(0, 0, 0, 0.6);
  left:0;
  right:0;
  height:48px;
  line-height:55px;
}
#content .top-pic .title h1{
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  text-shadow: 0 0 3px rgba(0,0,0,0.7);
  font-size: 2rem;
}
/* ==========================================================================
   HEADER
   ========================================================================== */
   header{
    background:#223d8d;
  }
  header .wrapper{
    display:flex;
    position:relative;
  }
  header #logo{
    font-size:0;
    padding: 20px 0;
  }
  header .right{
    padding-left:45px;
    padding-top:20px;
    width: calc(100% - 147px);
  }
  header .right h1{
    color:#ffac02;
    text-transform:uppercase;
    font-size:25px;
    font-weight:bold;
  }
  header .top-right{
    position:absolute;
    top:15px;
    right:0;
  }
  header .top-right a:not(.link-language){
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 5px;
    padding: 9px 16px 7px 16px;
    margin-left: 8px;
    margin-bottom: 15px;
  }
  header .top-right a.contact{
    background:#132c79;
    transition:all 0.2s linear;
  }
  header .top-right a.contact:hover{
    background:#001659;
    transition:all 0.2s linear;
  }
  header .top-right a.recrutement{
    background:#001659;
    transition:all 0.2s linear;
  }
  header .top-right a.recrutement:hover{
    background:#132c79;
    transition:all 0.2s linear;
  }
  header a.espace-prive{
   background:#ffffff;
   transition:all 0.2s linear;
   color: #001659 !important;
   font-size: 12px;
   text-transform: uppercase;
   display: inline-block;
   border-radius: 5px;
   padding: 9px 16px 7px 16px;
   margin-left: 8px;
   margin-bottom: 15px;
   position: absolute;
   right: 0px;
   top: 60px;
 }
  header a.espace-prive:hover{
   background: #001659;
   transition:all 0.2s linear;
   color: #ffffff !important;
 }
 header form{
  position: absolute;
  top: 60px;
  left:0px;
  text-align: right;
  width: 260px;
  border-bottom: 2px solid #001659;
}
header form input[type=text]{
  border: none;
  background: transparent;
  color: #ffffff;
  padding: 5px;
  width: 230px;
  outline: none;
}
input::placeholder{
  color: #ffffff;
}
input:-ms-input-placeholder{
  color: #ffffff;
}
input::-ms-input-placeholder {
  color: #ffffff;
}
header form input[type=submit]{
  font-size: 0;
  padding: 0;
  border: none;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/picto-search.png) no-repeat center center;
  outline: none;
  position: absolute;
  top: -2px;
  cursor: pointer;
  left: 0;
}
header nav{
  color:#ffffff;
}
header nav > ul{
  display: flex;
  justify-content: space-between;
  font-size:14px;
  font-family:"Futura";
  text-transform:uppercase;
}
header nav > ul > li{
  position:relative;
}
header nav > ul > li > a{
  height:45px;
  line-height:45px;
  display:block;
  position:relative;
  padding-left:15px;
  position:relative;
  padding-right: 5px;
}
header nav > ul > li > a:before{
  content: '•';
  color: #ffac02;
  font-size: 15px;
  position: absolute;
  top: 0;
  left: 0;
}
header nav > ul > li > a:hover{
  border-bottom:4px solid #001659;
}
header nav > ul > li > a.home{
  font-size:0;
  padding:0;
}
header nav > ul > li > a.home:before{
  content:url('../img/picto-home.png');
  position:relative;
  top:unset;
  left:unset;
}
header nav > ul > li:hover > .sub-menu{
  display:block;
  width: 200px;
}
header nav .sub-menu{
  display: none;
  background:#223d8d;
  position: absolute;
  padding: 0;
  width: auto;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);
  z-index: 10;
}
header nav .sub-menu li {
  display: inline-block;
  padding: 0;
  background: #223d8d;
  min-width: 100%;
}
header nav .sub-menu li:hover{
  background:#2746a2;
}
header nav .sub-menu li a {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-weight: 400;
  padding:10px;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  line-height:1.5;
}
header .show-menu {
  text-decoration: none;
  background: #fff;
  color: #3099c0;
  text-align: center;
  padding: 10px 15px 10px 35px;
  cursor: pointer;
  display: none;
  position: absolute;
  top: 175px;
  border: 1px solid #acacac;
}
header .show-menu:before{
  content:url("../img/picto-hamburger-menu.png");
  display:block;
  width:20px;
  height:20px;
  position:absolute;
  top: 7px;
  left: 8px;
}
header .show-menu:hover{

}
header input[type=checkbox]{
  display: none;
}
header input[type=checkbox]:checked ~ ul{
  display: block;
}
/* ==========================================================================
   HOME
   ========================================================================== */
   /*HOME SLIDER*/
   .home-slider,
   .home-slider .slides,
   .home-slider .slides li,
   .home-slider .slides li a{
    height:350px;
  }
  .home-slider{
    /*height:100%;*/
    position:relative;
    overflow:hidden;
  }
  .home-slider .flex-control-nav{
    transform: translate(-50%,0px);
    bottom: 90px;
    left: 50%;
    text-align: right;
    font-size:0;
  }
  .home-slider .flex-control-paging li a{
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    background: rgba(255,255,255,0);
    cursor:pointer;
    box-shadow:unset;
  }
  .home-slider .flex-control-paging li a.flex-active{
    background:#ffffff;
    cursor:default;
  }
  .home-slider .slides li{
    position:relative;
  }
  .home-slider .slides li a{
    display:block;
    position:relative;
  }
  .home-slider .slides li .shadow{
    position: absolute;
    top: 0;
    left: 0;
    bottom:0;
    right:0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.75) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.75) 100%)
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    z-index:1;
  }
  .home-slider .slides li p{
    position: absolute;
    bottom: 25px;
    color: #ffffff;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    font-weight: 600;
    display: block;
    font-size: 40px;
    z-index: 2;
    width: 100%;
    text-align: center;
  }
  .home-slider img{
    display:none;
  }
  /*ACTU A LA UNE*/
  .home-actus{
    padding:50px 0;
    background:#333333;
  }
  .home-actus .wrapper{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
  }
  .home-actus h2{
    text-transform:uppercase;
    color:#ffac02;
    font-size:20px;
    display:block;
    width:100%;
    margin-bottom:35px;
  }
  .home-actus a.box{
    width: 47%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .home-actus a.box img{
    width:42%
  }
  .home-actus a.box .text{
    width:54%
  }
  .home-actus a.box .text h3{
    width:80%;
    font-size:22px;
    color:#ffffff;
    text-transform:uppercase;
  } 
  .home-actus a.box .text p{
    color:#a8a8a8;
  }
  .home-actus .button{
    width:100%;
    text-align:center;
    margin-top:45px;
  }
  /*SLIDER PRODUITS*/
  #product-slider {
    position:relative;
    border-bottom:3px solid #d9d9d9;
  }
  #product-slider .product-slider{
    position:relative;
  }
  #product-slider ul.produits {
    display: inline-flex;
    padding: 10px 0 40px;
    text-align: center;
    width: 100%;
    justify-content: center;
  }
  #product-slider ul.produits a{
    display:table-cell;
    list-style:none;
    text-align:center;
    table-layout:fixed;
    width:25%;
  }
  #product-slider ul.produits li {

  }
  #product-slider ul.produits li img {
    height: 130px;
    width: auto;
  }

  #product-slider h2 {
    text-align:center;
    text-transform:uppercase;
    font-weight:300;
    font-size:1.786rem;
    color:#333;
    margin: 1em 0;
  }

  #product-slider .flex-control-nav {
    display: table;
    width: 100%;
    padding: 0;
    background: none;
    bottom: -7px;
    z-index: 1;
  }

  #product-slider .flex-control-nav li {
    display:table-cell;
    text-align:center;
    table-layout:fixed;
    margin:auto;
    position: relative;
  }
  #product-slider .flex-control-nav.flex-control-paging span {
    font-weight: 600;
    left: 30px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 15px;
    width: 85%;
    font-size: 0.8571rem;
    color: #000000;
  }

  #product-slider p.titre {
    margin: 5px 0 0;
    text-transform: uppercase;
  }
  #product-slider > img {
    height: 130px;
  }

  #product-slider .flex-control-nav a{ 
    width:30px;
    height:30px;
    background:#333333;
    margin: auto;
    text-align: center;
    border:5px solid #fff;
    position: absolute; 
    bottom:-7px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    display:inline-block;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }

  #product-slider .flex-control-nav a.flex-active,#product-slider .flex-control-nav a:hover  {
    background:#ffac02;
  }
  /*HOME TEXTE*/
  .home-texte{
    padding:50px 0;
    background:#333333;
    text-align:center;
  }
  .home-texte .wrapper {
    padding: 0 225px;
  }
  .home-texte h1{
    font-size:25px;
    color:#ffffff;
    margin-bottom:10px;
  }
  .home-texte h2{
    font-size:20px;
    color:#ffac02;
    margin-bottom:15px;
  }
  .home-texte p{
    font-style: italic;
    color:#a8a8a8;
    margin-bottom:25px;
  }
/* ==========================================================================
    APPLICATIONS
    ========================================================================== */
    #content.main-applications .top-pic{
     margin-bottom:0;
   }
   body.tax-produit-category .top-pic,
   body.page-id-13 .top-pic{
    height: 48px !important;
  }
  
  body.tax-produit-category .top-pic .title,
  body.page-id-13 .top-pic .title{
    background: #000000 !important;
  }
  section.rs-applications{
   background:#223d8d;
   padding-top:55px;
   padding-bottom:85px;
 }
 section.rs-applications h1{
   font-size:27px;
   color:#ffffff;
   font-weight:300;
   text-align:center;
   text-transform:uppercase;
   margin-bottom:55px;
 }
 section.rs-applications .flex{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
   align-items: flex-start;
 }
 section.rs-applications .flex > a{
   display:block;
   width:30%;
   margin-bottom:25px;
 }
 section.rs-applications .flex > a .top{
   display: flex;
   background: #ffffff;
   height: 70px;
   align-items: center;
 }
 section.rs-applications .flex > a .top p{
   color:#333333;
   font-size:14px;
   font-weight:normal;
   text-transform:uppercase;
   position:relative;
   padding-left:75px;
   margin-left:20px;
 }
 section.rs-applications .flex > a .top p:before{
   width: 60px;
   height: 60px;
   border: 1px solid #e2e2e2;
   text-align: center;
   display: block;
   border-radius: 50px;
   position: absolute;
   left: 0;
 }
 section.rs-applications .flex > a:nth-child(1) .top p:before{
   content: url(../img/application-picto-production-energie-electrique.png);
   line-height: 85px;
   top: -15px;
 }
 section.rs-applications .flex > a:nth-child(2) .top p:before{
   content: url(../img/application-picto-transport-energie-electrique.png);
   line-height: 87px;
   top: -15px;
 }
 section.rs-applications .flex > a:nth-child(3) .top p:before{
   content: url(../img/application-picto-distribution-energie-electrique.png);
   line-height:78px;
   top: -15px;
 }
 section.rs-applications .flex > a:nth-child(4) .top p:before{
   content: url(../img/application-picto-electro-intensif.png);
   line-height: 74px;
   top: -23px;
 }
 section.rs-applications .flex > a:nth-child(5) .top p:before{
   content: url(../img/application-picto-environnements-severes.png);
   line-height: 80px;
   top: -15px;
 }
 section.rs-applications .flex > a:nth-child(6) .top p:before{
   content: url(../img/application-picto-ferroviaire.png);
   line-height: 74px;
   top: -23px;
 }
 section.rs-applications .flex > a .visuel{
   display:block;
   height:180px;
 }
 section.rs-applications .flex > a .visuel img{
   display:none;
 }
/* ==========================================================================
    LISTE APPLICATIONS PAR SECTEUR
    ========================================================================== */
    div.list-app-content{
      display: inline-flex;

      align-items: center;
      justify-content: center;
      width: 100%;
      margin: 10px 0;
      flex-wrap: wrap;
    }
    div.list-app-content div.parent-page{
      height: 100px;
      position: relative;
      width: calc(100% / 4 - 20px);
      margin: 10px;
      background: rgb(18,42,117);
      transition: ease 0.5s;
      border-radius: 20px;
    }
    div.list-app-content h2{
      color: white;
      text-decoration: none;
      z-index: 1;
      height: 100%;
    }
    div.list-app-content div.parent-page h2 a{
      display: flex;
      height: 100%;
      align-items: center;
      justify-content: center;
      transition: ease 0.5s;
      text-align: center;
      text-decoration: none;
      padding: 10px;
      font-size: 20px;
    }
    div.list-app-content div.parent-page:hover{

    }

    div.list-app-content div.parent-page:hover h2 a{
      color: #ffac02;
      transition: ease-out 0.5s;
    }

/* ==========================================================================
    LISTE PORDUITS APPLICATIONS
    ========================================================================== */
/*body.page-template-page-applications-liste-produits div.wrapper h2:first-child{
	display: none;
}
body.page-template-page-applications-liste-produits div.wrapper h2:nth-child(2){
	display: none;
  }*/
  .produits-applications, div.wysiwyg div.content{
    display: flex;
    flex-wrap: wrap;
    margin:5px 0 25px 0;
  }
  .produits-applications:nth-of-type(2n+1){
    background: #ffffff;
  }
/*.produits-applications:nth-of-type(2n){
  background: #e1e1e1;
  }*/
  .produits-applications > div, div.wysiwyg div.content div.post{
    border: 1px solid #cccccc;
    padding: 10px;
    width: calc(100% / 4 - 20px);
    margin-bottom:35px;
    position: relative;
    margin: 10px;
    background: #ffffff;
  }
  .produits-applications > div h3, div.wysiwyg div.content div.post h2{
    text-align:center;
    color:#223d8d;
  }
  .produits-applications > div img, div.wysiwyg div.content div.post img{
    max-height: 100%;
    max-width: 100%;
    display: block;
  }
  .produits-applications > div span, div.wysiwyg div.content div.post span{
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:20px;
  }
  .produits-applications > div .text, div.wysiwyg div.content div.post p{
    display: none;
  }
  .produits-applications > div a, div.wysiwyg div.content div.post a{
    display: block;
    background: #223d8d;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    margin: 20px auto 0px auto;
    padding: 10px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    width: auto;
  }
  .produits-applications > div a:hover, div.wysiwyg div.content div.post{
    background:#ffffff;
    color:#223d8d;
    transition:all 0.4s;
  }
/* ==========================================================================
    PRODUITS FR
    ========================================================================== */
    body.page-id-13 section#content div.wrapper div.wysiwyg{
     display: inline-flex;
     flex-wrap: wrap;
   }

   li.cat-item-96{
    list-style: none;
    text-decoration: none !important;
    border-radius:25px;
    padding: 10px; 
    width:33%;
  }
  li.cat-item-96 > ul{
  	background:#c3c9e9;
  	border-radius: 25px;
  }
  li.cat-item-96 > ul li{
    list-style: upper-roman;
  }
  li.cat-item-96 > ul li ul li{
    list-style: decimal;
  }
  li.cat-item-96 > ul li ul li ul li{
    list-style: square;
  }
  li.cat-item-96 > ul > li > a{
  	text-decoration: none !important;
    font-weight: bold;
  }
  li.cat-item-110{
    list-style: none;
    text-decoration: none !important;
    border-radius:25px;
    padding: 10px;
    width:33%; 
  }
  li.cat-item-110 > ul{
  	background:#dae3e8;
  	border-radius: 25px;
  }
  li.cat-item-110 > ul > li > a{
  	text-decoration: none !important;
    font-weight: bold;
  }
  li.cat-item-110 > ul li{
    list-style: upper-roman;
  }
  li.cat-item-110 > ul li ul li{
    list-style: decimal;
  }
  li.cat-item-110 > ul li ul li ul li{
    list-style: square;
  }
  li.cat-item-113{
    list-style: none;
    text-decoration: none !important;
    border-radius:25px;
    padding: 10px; 
    width:33%;
  }
  li.cat-item-113 > ul{
    background:#ffd3b4;
    border-radius: 25px;
  }
  li.cat-item-113 > ul > li > a{
    text-decoration: none !important;
    font-weight: bold;
  }
  li.cat-item-113 > ul li{
    list-style: upper-roman;
  }
  li.cat-item-113 > ul li ul li{
    list-style: decimal;
  }
  li.cat-item-113 > ul li ul li ul li{
    list-style: square;
  }
  li.cat-item-96 > a, li.cat-item-110 > a, li.cat-item-113 > a {
    text-align: center;
    font-size: 25px;
    font-weight: bolder;
    text-transform: uppercase;
    display: block;
    text-align: center;
  }
  ul.children > li {
  	list-style: decimal;
  }

  /* ==========================================================================
    PRODUITS EN
    ========================================================================== */
    body.page-id-2552 section#content div.wrapper div.wysiwyg{
     display: inline-flex;
     flex-wrap: wrap;
   }

   li.cat-item-307{
    list-style: none;
    text-decoration: none !important;
    border-radius:25px;
    padding: 10px; 
    width:33%;
  }
  li.cat-item-307 > ul{
    background:#c3c9e9;
    border-radius: 25px;
  }
  li.cat-item-307 > ul li{
    list-style: upper-roman;
  }
  li.cat-item-307 > ul li ul li{
    list-style: decimal;
  }
  li.cat-item-307 > ul li ul li ul li{
    list-style: square;
  }
  li.cat-item-307 > ul > li > a{
    text-decoration: none !important;
    font-weight: bold;
  }
  li.cat-item-353{
    list-style: none;
    text-decoration: none !important;
    border-radius:25px;
    padding: 10px;
    width:33%; 
  }
  li.cat-item-353 > ul{
    background:#dae3e8;
    border-radius: 25px;
  }
  li.cat-item-353 > ul > li > a{
    text-decoration: none !important;
    font-weight: bold;
  }
  li.cat-item-353 > ul li{
    list-style: upper-roman;
  }
  li.cat-item-353 > ul li ul li{
    list-style: decimal;
  }
  li.cat-item-353 > ul li ul li ul li{
    list-style: square;
  }
  li.cat-item-365{
    list-style: none;
    text-decoration: none !important;
    border-radius:25px;
    padding: 10px; 
    width:33%;
  }
  li.cat-item-365 > ul{
    background:#ffd3b4;
    border-radius: 25px;
  }
  li.cat-item-365 > ul > li > a{
    text-decoration: none !important;
    font-weight: bold;
  }
  li.cat-item-365 > ul li{
    list-style: upper-roman;
  }
  li.cat-item-365 > ul li ul li{
    list-style: decimal;
  }
  li.cat-item-365 > ul li ul li ul li{
    list-style: square;
  }
  li.cat-item-307 > a, li.cat-item-353 > a, li.cat-item-365 > a {
    text-align: center;
    font-size: 25px;
    font-weight: bolder;
    text-transform: uppercase;
    display: block;
    text-align: center;
  }
  ul.children > li {
    list-style: decimal;
  }

   /* ==========================================================================
    PRODUITS ES
    ========================================================================== */
    body.page-id-3059 section#content div.wrapper div.wysiwyg{
     display: inline-flex;
     flex-wrap: wrap;
   }

   li.cat-item-548{
    list-style: none;
    text-decoration: none !important;
    border-radius:25px;
    padding: 10px; 
    width:33%;
  }
  li.cat-item-548 > ul{
    background:#c3c9e9;
    border-radius: 25px;
  }
  li.cat-item-548 > ul li{
    list-style: upper-roman;
  }
  li.cat-item-548 > ul li ul li{
    list-style: decimal;
  }
  li.cat-item-548 > ul li ul li ul li{
    list-style: square;
  }
  li.cat-item-548 > ul > li > a{
    text-decoration: none !important;
    font-weight: bold;
  }
  li.cat-item-594{
    list-style: none;
    text-decoration: none !important;
    border-radius:25px;
    padding: 10px;
    width:33%; 
  }
  li.cat-item-594 > ul{
    background:#dae3e8;
    border-radius: 25px;
  }
  li.cat-item-594 > ul > li > a{
    text-decoration: none !important;
    font-weight: bold;
  }
  li.cat-item594 > ul li{
    list-style: upper-roman;
  }
  li.cat-item-594 > ul li ul li{
    list-style: decimal;
  }
  li.cat-item-594 > ul li ul li ul li{
    list-style: square;
  }
  li.cat-item-606{
    list-style: none;
    text-decoration: none !important;
    border-radius:25px;
    padding: 10px; 
    width:33%;
  }
  li.cat-item-606 > ul{
    background:#ffd3b4;
    border-radius: 25px;
  }
  li.cat-item-606 > ul > li > a{
    text-decoration: none !important;
    font-weight: bold;
  }
  li.cat-item-606 > ul li{
    list-style: upper-roman;
  }
  li.cat-item-606 > ul li ul li{
    list-style: decimal;
  }
  li.cat-item-606 > ul li ul li ul li{
    list-style: square;
  }
  li.cat-item-548 > a, li.cat-item-594 > a, li.cat-item-606 > a {
    text-align: center;
    font-size: 25px;
    font-weight: bolder;
    text-transform: uppercase;
    display: block;
    text-align: center;
  }
  ul.children > li {
    list-style: decimal;
  }
/* ==========================================================================
    LISTE ACTU
    ========================================================================== */
    /*ACTU A LA UNE*/
    section.actualites{
      padding: 0 0 50px 0;
      background:#333333;
    }
    section.actualites .liste .flex{
      padding-top: 25px;
      display:flex;
      flex-wrap:wrap;
      justify-content: space-between;
    }
    section.actualites .liste a.box{
      width: 47%;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom:35px;
    }
    section.actualites .liste a.box img{
      width:42%
    }
    section.actualites .liste a.box .text{
      width:54%
    }
    section.actualites .liste a.box .text h3{
      width:80%;
      font-size:22px;
      color:#ffffff;
      text-transform:uppercase;
    } 
    section.actualites .liste a.box .text p{
      color:#a8a8a8;
    }
    section.actualites .liste .button{
      width:100%;
      text-align:center;
      margin-top:45px;
    }



/* ==========================================================================
    CONTACT
    ========================================================================== */

    .contact .interne_full .wrapper{
      display:flex;
      flex-wrap:wrap;
    }
    .contact .interne_full .wrapper h2:first-child{
      text-align:center;
      font-size: 50px;
      font-family: 'Fira Sans Extra Condensed', 'Arial', Sans-serif;
      color: #393939;
      letter-spacing: 13px;
      font-weight: normal;
      text-transform: uppercase;
      width:100%;
      margin: 40px 0;
    }

    .contact .interne_full .wrapper .left{
      width:50%;
      display: block;
      color: white;
      margin-top:59px;
      padding-right:25px;
    }
    .contact .interne_full .wrapper .left > div{
      padding:20px;
      background-color:#223d8d;
      margin-bottom: 25px;
    }
    .contact .interne_full .wrapper .left p{
      font-size: 18px;
      margin-bottom: 10px;
    }
    .contact .interne_full .wrapper .left p.nom{
      font-weight: bold;
    }
    .contact .interne_full .wrapper .right{
      width:50%;
      padding:0 0 0 25px; 
    }
    button#evf-submit-143 {
      background-color:#223d8d;
      color: white;
    }
    button#evf-submit-143:hover {
      background: #0562bc;
      background: -moz-linear-gradient(top, #0562bc 0%, #2a7ccc 100%);
      background: -webkit-linear-gradient(top, #0562bc 0%, #2a7ccc 100%);
      background: linear-gradient(to bottom, #0562bc 0%, #2a7ccc 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0562bc', endColorstr='#2a7ccc', GradientType=0);
    }
    /* FORMULAIRE CONTACT UNE LIGNE */
    .contact .interne_full .everest-forms input[type=text],
    .contact .interne_full .everest-forms input[type=email],
    .contact .interne_full .everest-forms textarea,
    .contact .interne_full .everest-forms select
    {
      border-style: none;
      border-bottom: 1px solid grey;
      border-radius: 0;
      transition: 0.2s;
      outline:none;
	  direction: ltr;
    }
    button#evf-submit-143 {
      margin-bottom: 40px;
    }
    .everest-forms .everest-forms-notice::before{
      content: none!important;
    }
/* ==========================================================================
CONTENT EDITOR
========================================================================== */
.wp-block-columns.width-two-one .wp-block-column { flex-basis: 33.3%; margin-left: 0; }
.wp-block-columns.width-two-one .wp-block-column:first-child { flex-basis: 66.6%;padding-right:30px;}

.wp-block-columns.width-three-one .wp-block-column { flex-basis: 25%; margin-left: 0; }
.wp-block-columns.width-three-one .wp-block-column:first-child { flex-basis: 75%;padding-right:30px;}

.wp-block-columns.width-one-two .wp-block-column { flex-basis: 66.6%; margin-left: 0; }
.wp-block-columns.width-one-two .wp-block-column:first-child { flex-basis: 33.3%;padding-right:30px;}

.wp-block-columns.width-one-three .wp-block-column { flex-basis: 75%; margin-left: 0; }
.wp-block-columns.width-one-three .wp-block-column:first-child { flex-basis: 25%;padding-right:30px;}

#content .page{
  font-size:20px;
}
#content .page .wp-block-column p,
#content .page .wp-block p{
  margin:10px 0;
}
#content .page .wp-block-column h4,
#content .page .wp-block h4{
  margin:10px 0;
  font-size:18px;
  font-weight:bold;
}
#content .page .wp-block-column em,
#content .page .wp-block em{
  font-style:italic;
}
#content .page .wp-block-column a,
#content .page .wp-block a{
  text-decoration:underline;
}
.page-template-default .page .wp-block-column .wp-block-image img{
  width: 100%;
  height: 100%;
}
.page-template-default .page .wp-block-column .wp-block-image{
  margin-bottom:35px;
}
.page-template-default:not(.home) #content,
.jobs-template-default #content{
  padding-bottom:25px;
}
/* ==========================================================================
CAREERS
========================================================================== */
.page-template-page-recrutement #content{
  padding-bottom:25px;
}
.page-template-page-recrutement table{
  width:100%;
  font-size:15px;
  border-collapse: collapse;
  border-spacing: 0;
}
.page-template-page-recrutement table thead {
  border-bottom: 1px solid #223d8d;
}
.page-template-page-recrutement table thead th {
  padding: 15px 0;
  color: #223d8d;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 1.786rem;
  width: 25%;
}
.page-template-page-recrutement table thead th:nth-child(3) {
  width: 50%;
}
.page-template-page-recrutement table tbody tr:nth-child(even) {
  background: #ececec;
}
.page-template-page-recrutement table tbody td.titre,
.page-template-page-recrutement table tbody td.pays {
  text-align: center;
  color: #000;
  font-size: 1.429rem;
  text-transform: uppercase;
}
.page-template-page-recrutement table tbody td.pays,
.page-template-page-recrutement table tbody td.desc {
  font-weight: 100;
  padding:10px;
}
.page-template-page-recrutement table tbody td.titre {
  font-weight: 700;
  padding: 60px 50px;
}
.page-template-page-recrutement table tbody td.desc p{
  font-size: 1.286rem;
  color: #000;
  line-height: auto;
  font-weight: 100;
  display: inline;
}
.page-template-page-recrutement table tbody td.desc a{
  font-size: 1.286rem;
  font-weight: bold;
  font-style: italic;
  color: #223d8d;
  display: inline-block;
}
/* ==========================================================================
SINGLE JOBS
========================================================================== */
.single-recrutement #content h3{
  margin-top: 25px;
}
/* ==========================================================================
ILS NOUS FONT CONFIANCE
========================================================================== */
body.page-id-2055 .page .wp-block-column .wp-block-image img,
body.page-id-2198 .page .wp-block-column .wp-block-image img,
body.page-id-29 .page .wp-block-column .wp-block-image img{
  width: auto;
  max-height: 100px;
}
/* ==========================================================================
   FOOTER
   ========================================================================== */
   footer{

   }
   footer .prefooter{
    background:#ffffff;
    padding:10px 0;
  }
  footer .prefooter h3{
    text-transform: uppercase;
    font-weight: 300;
    margin: 0;
    vertical-align: middle;
    line-height: 35px;
  }
  footer .prefooter h3 a{
    padding: 0 0 0 24px;
    display: inline-block;
    background: url('../img/picto-recrutement.png') no-repeat left center;
    color: #223d8d;
  }
  footer .footer{
    padding:30px 0;
    background:#223d8d;
    color:#ffffff;
  }
  footer  .footer div.recrutement-footer a.recrutement{
    background: #001659;
    transition: all 0.2s linear;
    padding: 10px 10px 5px 10px;
    border-radius: 5%;
    font-size: 17px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 12px;
    font-weight: bold;
  }
  footer  .footer div.recrutement-footer a.recrutement:hover{
    background:#ffffff;
    color: #001659;
    transition:all 0.2s linear;
  }
  footer  .footer div.recrutement-footer{
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
  }
  footer .wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position:relative;
  }
  footer .ceasy{
    position: absolute;
    bottom: -20px;
    right: 0;
    font-size: 12px;
  }
  footer .top{
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    width:100%;
    margin-bottom:45px;
  }
  footer .top div{
    border-left:1px solid #435a9e;
    padding:10px 0 10px 10px;
  }
  footer .top div h2{
    font-size:17px;
    text-transform:uppercase;
    color:#ffffff;
    margin-bottom:12px;
  }
  footer .top div:last-child h2{
    margin-bottom:0;
  }
  footer .top div p{
    font-size:15px;
    /*text-transform:uppercase;*/
    color:#ffffff;
  }
  footer .top div:first-child{

    border:none;
    padding:0;
    display: flex;
    align-items: center;
  }
  footer .top div:first-child img{
    float:left;
    margin-right:25px;
  }
  footer .top div a.facebook,
  footer .top div a.linkedin{
    font-size:0;
    width:36px;
    height:36px;
    border-radius:36px;
    text-align:center;
    display:inline-block;
    margin-right:15px;
    background:#ffffff;
    position:relative;
    opacity:1;
    transition:all 0.2s linear;
  }
  footer .top div a.facebook:hover,
  footer .top div a.linkedin:hover{
    opacity:0.6;
    transition:all 0.2s linear;
  }
  footer .top div a.facebook:before{
    content:url('../img/picto-facebook.png');
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
  }
  footer .top div a.linkedin:before{
    content:url('../img/picto-linkedin.png');
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
  }
  footer ul{
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: center;
    font-size:13px;
    color:#909090;
    text-transform:uppercase;
  }
  footer ul li{

  }
  footer ul li a:hover{
    color:#000000;
    transition:all 0.2s linear;
  }
  footer .partners{
    width: 40%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
  }
  /* ==========================================================================
   RECHERCHE
   ========================================================================== */
   div.all_results a{
    margin: 30px auto;
    display: block;
  }
  div.all_results a.search_button{
    background: #122a75;
    width: 150px;
    text-align: center;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin: 30px 0;
    transition: ease-out all 0.5s;
    border: 1px solid #122a75;
  }
  div.all_results a.search_button:hover{
    background: #fff;
    border: 1px solid #122a75;
    color: #122a75;
    transition: ease all 0.5s;
  }
  
  
/* POPUP */
.open-popup{
	cursor:pointer;
}

.fiche-popup{
	background:rgba(0,0,0,.4);
	cursor:pointer;
	display:none;
	height:100%;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:10000;
	
	left: 0;
}
.fiche-popup .helper{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.fiche-popup > div {
	background-color: #fff;
	box-shadow: 10px 10px 60px #555;
	display: inline-block;
	height: auto;
	max-width: 640px;
	max-height: 90%;
	vertical-align: middle;
	width:auto:;
	position: relative;
	border-radius: 2px;
	padding:0px;
}
.popupCloseButton {
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 65px;
	color: lightgrey;
}
.fiche-popup .content{
	padding: 40px 80px;
	cursor:default;
}
.fiche-popup .content h3{
	margin-bottom: 15px;
}
.fiche-popup .content > p{
	margin-bottom: 15px;
}
.fiche-popup .content > form{
	display:flex;
	flex-wrap: wrap;
	    justify-content: center;
}
.fiche-popup .content > form > *{
	width: 59%;
    margin: 5px;
    padding: 8px;
}
.fiche-popup .content > form > label{
    text-align: left;
	width: 36%;
}
.fiche-popup .content > form > [type="submit"]{
	background:#223D8D;
	color:#fff;
	text-transform:uppercase;
	border:0 none;
	cursor:pointer;
	
    padding:12px 8px;
}
.fiche-popup .content > form > [type="submit"]:hover{
	background:#2E52BE
}
/* ==========================================================================
   Styles responsive
   ========================================================================== */   
   @media only screen and (max-width : 1250px) {
    .wrapper{
      width:970px;
    }
    /*HEADER*/
    header #logo img{
      width: 115px;
      margin-top:10px;
    }
    header .right{
      width: calc(100% - 115px);
      padding-left: 20px;
      padding-top: 28px;
    }
    header .right h1{
      font-size:20px;
    }
    header nav > ul > li > a{
      font-size:12px;
    }
    /*HOME*/
    .home-texte .wrapper{
      padding:0;
    }
    /*FOOTER*/
    footer .top div p{
      font-size:13px;
    }
    footer .top div:first-child{
      width: 385px;
    }
    footer ul{
      width:40%;
    }
    footer .partners{
      width:50%:;
    }
  }
  @media only screen and (max-width : 1050px) {
    .wrapper {
      width:760px;
    }
    /*HEADER*/
    header .wrapper{
      padding-bottom:40px;
    }
    header nav{
      position:absolute;
      bottom:0;
      width:100%;
      left:0;
      right:0;
    }
    header .right h1{
      width:300px;
    }
    ul#language-list {
      position: absolute;
      bottom: -70px;
      right: 20px;
    }
    ul#language-list li{
      color: #ffffff;
      display: inline-block;
    }
    /*FOOTER*/
    footer .top div{
      width: 50% !important;
      margin-bottom:20px;
    }
    footer ul{
      width:100%;
      margin-bottom:25px;
    }
    footer .partners{
      width:100%;
    }
  }
  @media only screen and (max-width : 800px) {
    .wrapper{
      width:480px;
    }
    /*HEADER*/
    header .wrapper{
      display: block;
      padding-bottom: 70px;
      width: 100%;
    }
    header .show-menu {
      display:block;
    }
    header .right{
      width:100%;
      padding:15px 0 0 0;
    }
    header .right h1{
      width:100%;

    }
    header nav {
      position: static;
      bottom: unset;
      left: unset;
      right: unset;
      margin: 0;
    }
    header nav > ul {
      position: static;
      display: none;
      padding-top: 135px;
    }
    header nav > ul > li{
      margin-bottom: 1px;
    }
    header nav > ul > li,
    header nav > ul > li > a {
      width: 100%;
    }
    header nav > ul > li > a {
      display:block;
      padding:10px 0;
    }
    ul#language-list {
      position: absolute;
      bottom: -145px;
      left: 0px;
    }
    ul#language-list li{
      color: #ffffff;
      display: inline-block;
    }
    #content .top-pic .title{
      height: auto;
    }
    /* SLIDER PRODUITS */

    #product-slider ul.produits {
      font-size:0;
    }

    #product-slider ul.produits li {
      display: inline-block;
      width:50%;
      font-size:1rem;

    }

    .product-slider .slides {
      -moz-transform: none !important;
      -webkit-transform: none !important;
      -o-transform: none !important;
      -ms-transform: none !important;
      transform: none !important;
      width: 100% !important;
    }

    #product-slider .flex-viewport {
      margin:15px 0 0 0;
      padding:0 0 30px 0;
    }

    #product-slider h2 {
      text-align:left;
    }

    #product-slider li h2 + ul.produits, #product-slider li.clone {
      display:none;
    }

    #product-slider li.clone {
      display:none !important;
    }

    #product-slider li.flex-active-slide h2 + ul.produits {
      display:block;
    }

    #product-slider li h2 {
      width:100%;
      border-bottom:1px solid rgba(18,23,26,0.15);
      margin:0;
      padding:10px 20px;
      position:relative;
      -webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
      -moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
      -o-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
    }

    #product-slider li h2::after {
      content: " ";
      height: 40px;
      position: absolute;
      right: 0;
      top: 0;
      width: 50px;
      z-index: 99;
      background:url('../img/arrow-slider-responsive.png') no-repeat center 10px;
    }

    #product-slider li.active h2::after {
      background-position:center -18px;
    }

    #product-slider li.active h2 {
      color:#223D8D;
    }

    #product-slider .flex-control-nav {
      display:none;
    }
    #product-slider ul.produits a{
      display: initial;
    }
    .products-list div.wysiwyg li{
      width: 100%;
    }
  }
  @media only screen and (max-width : 525px) {
    .wrapper{
      width:100%;
      padding:0 20px;
    }
    /*HEADER*/
    header .wrapper{
      display: block;
      text-align: center;
    }
    header .right{
      padding:10px 20px;
    }
    header .top-right {
      position: relative;
      /* top: 170px; */
      right: 0;
    }
	header .top-right a:not(.link-language){
		position:relative;
		top:0;
	}
	header form input[type=submit]{
		position:relative
	}
    header .right h1 br{
      display:none;
    }
	div.top-right > ul{
		width:100%;
	}
    ul#language-list {
      position: absolute;
      top: 40px;
      left: 11px;
    }
    ul#language-list li{
      color: #ffffff;
      display: inline-block;
    }
    header .top-right a,
    header > .wrapper > #searchform{
      display:none;
    }
    header form{
      position: static;
      top: unset;
      right: unset;
      width: 100%;
      text-align: center;
      margin-top: 10px;
    }
    header form input[type=text]{
      text-align:center;
    }
    header .show-menu{
      left: 20px;
      top: 20px;
      transform: none;
    }
    header nav > ul{
      /* padding-top:65px; */
      /* margin-bottom: -70px; */
		display: block;
		position: absolute;
		width: 90%;
		top: 60px;
		left: 5%;
		z-index: 99;
		padding: 0;
		background: #223D8D;
		    border: 1px solid #fff;
			display:none;

    }
    header nav > ul > li > a::before {
      display:none;
    }
    .products-list div.wysiwyg li{
      width: 85%;
    }
	.contact .interne_full .wrapper h2:first-child{
		    font-size: 1.5em;
	}
	.contact .interne_full .wrapper .right,
	.contact .interne_full .wrapper .left{
		width:100%;
		padding:0;
	}
	.everest-forms .evf-field-container .evf-frontend-row:not(.wp-list-table){
		margin:0!important;
	}
	.produits-applications > div, div.wysiwyg div.content div.post{
		width: calc(100% - 20px);
	}
	.fiche-popup > div{
		top: calc(-100% + 200px);
		margin:20px;
	}
	.fiche-popup .content{
		padding:10px;
	}
	.fiche-popup .content > form > *{
		width: 47%;
	}
	.fiche-popup .content > form > label {
		width: 42%;
	}
  }
  
  		
	/* ==========================================================================
	POPUP RGPD
	========================================================================== */
	div#cookie-container-bar{
		display: flex;
		vertical-align: middle;
		justify-content: center;
	}
	div#cookie-container-bar div#cookie-img-bar{
		display: flex;
		vertical-align: middle;
		align-items: center;
	}
	div#cookie-container-bar div#cookie-img-bar img{
		width: 150px;
		height: 150px;
	}
	div#cookie-container-bar div#cookie-text-bar{
		padding: 10px;
		width: 75%;
	}
	div#cookie-container-bar div.cookie-ss-text-bar{
		font-size:0.8em;
		text-align:center
	}
	div#cookie-container-bar div#cookie-text-bar .cli-bar-message{
		text-align: center;
		font-size:16px
	}
	div#cookie-container-bar div#cookie-text-bar .cli-bar-message strong{
		font-size:1.2em
	}
	div#cookie-container-bar div#cookie-buttons-bar{
		display: flex;
	}
	#cookie-law-info-bar{
		text-align: left !important; 
		padding: 15px 15px !important; 
		border-color: rgb(51, 51, 51) !important; 
		border-radius: 15px !important; 
		background-color: rgba(255, 255, 255, 0.97) !important; 
		color: rgb(51, 51, 51); font-family: inherit !important; 
		position: fixed !important; 
		width: 600px !important; 
		height: auto !important; 
		max-height: 500px !important; 
		top: 50% !important; 
		left: 50% !important; 
		transform: translate(-50%, -50%) !important; 
		overflow: auto !important; 
	}

	@media screen and (max-width: 640px) {
		#cookie-law-info-bar{
			padding: 5px 5px !important; 
			width: 100% !important; 
			max-height: 600px !important;
		}
		
		div#cookie-container-bar div#cookie-text-bar{
			padding: 10px;
			width: 100%;
		}
		#wt-cli-accept-all-btn,
		#wt-cli-reject-btn,
		#wt-cli-settings-btn{
			padding:8px 15px!important;
		}
		div#cookie-container-bar{
			flex-wrap: wrap;
		}
		div#cookie-container-bar div#cookie-text-bar{
			font-size: 12px;
		}
	}
	
	

	


 /**
  * loader css
  *
  */
 
.lds-ripple {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	/* margin:40% auto */
}
.lds-ripple div {
	position: absolute;
	border: 4px solid #000;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}
@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}
@keyframes lds-ripple-small{
	0% {
		top: 16px;
		left: 16px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 32px;
		height: 32px;
		opacity: 0;
	}
}
/*
.fiche-popup .content #email{
	width: 300px;
	height: 40px;
	text-align: center;
	display: inline-block;
}
.fiche-popup .content #submit{
	display: inline-block;
	background: #7cb635;
	border: none;
	padding: 9px 20px;
	margin-left: -5px;
	color: #ffffff;
	border:1px solid #7cb635;
	transition:all 0.2s linear;
	cursor:pointer;
	line-height: 1.15;
}
.fiche-popup .content #submit:hover{
	background:#ffffff;
	color:#7cb635;
	transition:all 0.2s linear;
}*/

.specif-buttons{
	display:flex;
		justify-content: space-between;
}
.specif-buttons a{
	/* display:block; */
	padding: 12px 45px 11px 55px;
	background:#000000;
	color:#ffffff;
	font-size:16px;
	text-transform:uppercase;
	position: relative;
	font-family:"Dosis",Sans-serif;
	width:auto;
}
.specif-buttons a:hover{
	background:#7cb635;
	color:#ffffff;
}
.specif-buttons a:before {
	content: '\f0e0';
	font-family: "Font Awesome 5 Free";
	/* font-weight: 400; */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: #7cb635;
	width: 42px;
	text-align: center;
	line-height: 42px;
}

.specif-buttons a.open-popup:before {
	content: '\f1c1';
}

.specif-buttons a:after {
	content: "\f054";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	color: #7cb635;
	position: absolute;
	top: 14px;
	right: 17px;
	font-size: 13px;
}