/* IMPORT FONTS */
@font-face {
    font-family: 'Montserrat-E';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





/* RESET */
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display:block;}  
input, textarea                                             { -webkit-appearance:none; -ms-appearance:none; appearance:none; -moz-appearance:none; -o-appearance:none; border-radius:0;}
*                                                             { outline:none !important;}
strong, b                                               { font-weight:bold; font-family:Montserrat;}
ul                                                          { list-style-type:none;}
body                                                        { font:normal 16px/24px Montserrat; color:#000;}
a                                                             { text-decoration:none; color:#000; outline:none;}
img                                                         { border:none;}
p                               { margin-bottom: 24px }

.slick-dots                                                 { width:100%; height:14px; position:relative; text-align:center; padding:0; line-height:0; z-index:50;margin-top:30px;}
.slick-dots li                                          { display:inline-block; height:14px; margin:0 7.5px;text-indent:-9999px}
.slick-dots button                                  { display:block; width:14px; height:14px; text-indent:-9999px; background:none; outline:none; padding:0; border:1px solid #ac1222; border-radius: 50%}
.slick-active button                            { background:#ac1222;}

/* CLASS */
.clear                                              { clear:both; float:none !important; width:100% !important; padding:0 !important; margin:0 !important; display:block;}
.left                                                   { float:left;}
.right                                              { float:right;}
.clr:after                                          { content:''; display:table; width:100%; clear:both}
.container                          { max-width: 1246px; margin: 0 auto }
.btn-secondary                      { background-color: #DF231D; border-color: #DF231D; border-radius: 0; color: #fff; padding: 17px 29px; transition: all ease-in-out .4s}
.btn-secondary:hover                { background-color: #fff; color:#DF231D; border-color: #fff }
.btn-primary                        { background-color: transparent; border-color: #CACECF; border-radius: 5px; color: #000000; padding: 17px 29px ; transition: all ease-in-out .4s}
.btn-primary:hover                  { background-color:#000000; color: #fff; border-color: #000000   }
h2                                  { font: bold 48px/normal Montserrat; position: relative; color:#00426B ; }

.progress { border-radius: 0; background-color: #00426B }
.loader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999;  background-size: cover; background-color:#00426B  }
.loader img { display: block; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0 ; max-width: 169px}
.loader .img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 169px; height: 53px }
.logo-loading {  position: absolute; left: 0; right: 0; top: 0; bottom:0; margin: auto; transition: all 400ms ease-in-out ; transition-delay: 3s;}

#myProgress {
    width: 100%;
    background-color: #01213a;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    width: 200px;
    margin-top: 50px;
    border-radius: 5px;
    overflow: hidden;
}
#myBar {
    width: 10%;
    height: 20px;
    background-color: #1f3f5a;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px !important;
    border-radius: 5px 0 0 5px;
}

/* HEADER */
.headerTop                          { background-color: #fff; height: 100px; width: 100%; display: flex; align-items: center; position: fixed; width: 100%; top: 0; left: 0; z-index: 9999 }
.headerTop.sticky {
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    -webki-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
.logo                               { display: block;width: 169px;}
.logo img                           { width: 100% }
.lang                               { margin-left: 30px; padding-left: 30px;position: relative;}
.lang:before                        { content:""; background: #000000; height: 18px; width: 1px; position: absolute; left: 0; top: 5px } 
.lang select                        { background: url(../images/arw.png) no-repeat right center; background-color: transparent; border: none; cursor: pointer; appearance: none; -moz-appearance: none; padding-right: 23px; text-transform: uppercase; color:#000000; font-family:Montserrat }

/* MENU */
.blcMenu                                                  { height:auto; display:flex;float:right; margin-top: 12px}    
.menu>ul                                                    { width:100%; display:block; position:relative; text-align:center;  font-size:0; line-height:0; }   
.menu li                                                    { display:inline-block; margin: 0 22px; height: 40px}
.menu a                                                     { width:auto; font:normal 16px/25px Montserrat;display:block;  position:relative;}
.menu>ul>li.selected a                      { color:#DF231D;}
.menu>ul li a:hover                 { color:#DF231D;}

/* SLIDER */
.blcSlider                          { position: relative; height: auto; margin-top: 100px}
.slider                             { position: relative; height: auto; overflow-x: hidden; }
.slider:after                       { content: ""; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 999;opacity:0 }
.slider .img                        { height: auto; width: 100%; background-size: cover !important; background-position: center !important;}
.slider .img img {
    width: 100%
}
.txtBanner {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: left;
    max-width: 700px;
    z-index: 9991;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.txtBanner .title {
    max-width: 500px;
}

.txtBanner  span                    { color: #fff; font: normal 30px/normal Montserrat ;  display: block;}
.txtBanner h1                       { color:#fff; font: normal 40px/normal Montserrat-E ; margin-bottom: 20px}


.sec-texte-image                    { margin: 100px 0 60px;}
.sec-texte-image h2                 { color: #00426B ;}
.sec-texte-image h2:after           { content: ""; background: #00426B ; height: 1px; width: 80px; display:block; margin: 27px 0}
.sec-texte-image .txt               { padding-left: 40px;padding-top:40px }
.sec-texte-image .row               {  align-items: center;}

.blc-titre                          { margin-bottom: 20px }
.blc-titre a                        { text-decoration: underline; }
.blc-titre a:hover                  { color:#00426B }

.sec-event                          { margin-bottom: 75px }
.lst-event .date                    { font-size: 14px; margin-top: 7px; display: block; }
.lst-event .card-title              { color:#000000; font: bold 24px/normal Montserrat;}
.lst-event .card                    { border: none; border-radius: 0; padding: 0 20px }
.lst-event .card-img                { border-radius: 0 ; position: relative; height: 313px;}
.lst-event .card-img:after          { content: ""; background-color: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all ease-in-out .4s; opacity: 0 }
.lst-event .card:hover .card-img:after    { opacity: 1}

.lst-event .card-img img {
    width: 100%; height: 100%; object-fit: cover
}


.lst-event .card-body               { padding-left: 0; padding-right: 0 }
.card-img-top                       { border-radius: 0 }
.lst-event .card-text               { display: -webkit-box;  overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; height: auto }
.lst-event .card:hover .card-title  { color: #00426B  }
.lst-event .card:hover .date        { color: #DF231D }
.lst-event                          { margin: 0 -20px;}

.sec-offres                           { margin-bottom: 75px;}
.lstOffre                             { margin: 0 -20px }
.lstOffre .card                       { border-radius: 0; border:none; padding: 0 20px  }
.lstOffre .card-body                  { background-color: #f2f5f7; padding: 30px; border-radius: 0; border: #f2f5f7 solid 1px;cursor:pointer; transition:all ease-in-out 400ms;}
.lstOffre .card-title                 { color:#000000; font: bold 24px/normal Montserrat; color: #00426B ; overflow: hidden;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; height: 58px}
.lstOffre .card-body  span            { display: block; font-size: 14px  }
.lst-descript li                      { font-size: 12px; padding-left: 25px; position: relative; margin-right: 20px; min-height: 20px }
.lst-descript li img                  { position: absolute; left: 0; top: 4px }
.lstOffre .card:hover .card-body      {/* background-color: #fff ; */border-color:#CACECF}
.lstOffre .card-body .card-text       { height: 75px;overflow: hidden; display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;}

.sec-secteur                          { margin-bottom: 90px; background: #00426B   }
.sec-secteur .container               { position: relative; }
.sec-secteur h2                       { color: #fff; position: absolute; left: 0; top: 92px; z-index: 30}
.lstSecteur                           { position: relative;}
.lstSecteur:after                     { content: ""; background-color: rgba(0,0,0,0.25); position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.lstSecteur:after  {
    content: "";
    background: #00426B ;
    width: 100%;
     height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.85;
    }

.lstSecteur .link                     { background: url(../images/arw-l.png); width: 21px; height: 13px; display: block; margin: 0 auto;}
.lstSecteur .item .inner              { height: 600px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; z-index: 20 ; border-right: rgba(255,255,255,0.5) solid 1px}
.lstSecteur .item .inner h3           { color: #fff; font:bold 18px/normal Montserrat; text-align: center; padding: 0 5px }
.lstSecteur .item .inner h3:after     { content: ""; width: 30px; height: 1px; margin: 20px auto; background: #fff; display: block; }
.lstSecteur .item .inner span        { display: block; color: #fff; margin-bottom: 20px;text-transform: uppercase; transition: all ease-in-out .4s }
.lstSecteur .item .inner .logo-part img       { width: 100% }
.lstSecteur .item .inner .hide        { display: none; transition:all 400ms ease-in-out }
.lstSecteur .item .inner .hide .item-societe:not(:last-child){margin-bottom: 20px;}
.lstSecteur .item .inner .hide .item-societe .logo-part { width: 90px; height: 70px; display: block; margin-bottom: 20px }
.lstSecteur .item .inner .hide .item-societe .logo-part {
    width: 90px;
/*    height: 60px;*/
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    justify-content: center;
}

.lstSecteur .item .inner .hide .item-societe .logo-part:hover { opacity: 0.5 }
.lstSecteur .link                       {  transition:all ease-in-out .4s }
.lstSecteur .link:hover                 { opacity: 0.5; }

/*.lstSecteur .item .inner .hide .item-societe.img-small .logo-part {  width: 140px;}*/

.lstSecteur .item .inner:hover .hide  { display: block; }
.lstSecteur .item                     { border-right: rgba(255,255,255,0.5) solid 1px;  transition:all 400ms ease-in-out ;cursor:pointer }
.lstSecteur .item:last-child .inner   { border-right: none }
.lstSecteur .item .img                { background-size: cover !important; background-attachment: fixed !important; width: 100%; height: 100%; position: absolute; left: 0;top: 0;opacity: 0; transition:all 400ms ease-in-out }
.lstSecteur .item:hover .img          { opacity: 1}
.lstSecteur .item.active .img         { opacity: 1}
.lstSecteur .item .img::after         { content: "";background: #00426B  ; width: 100%;height: 100%; position: absolute; left: 0; top: 0;opacity: 0.85; }
.lstSecteur .slick-list.draggable     { z-index: 20;}
.lstSecteur .item .inner::after {
    content: "";
    background: #DF231D ;
    position: absolute;
    left: -2px;
    top: 0;
    width: calc(100% + 2px);
    height: 100%;
    z-index: -1;
    opacity: 0;
    transition: all 400ms ease-in-out;
}

.lstSecteur .item .inner:hover::after { opacity: 1;}
.lstSecteur .item .inner:hover        { border-right: none }

#slideSecteur .slick-dots button                          { border-color: #fff }
#slideSecteur .slick-dots .slick-active button            { border-color: #fff ; background-color: #fff}
/*.lst-event .slick-dots                                    { margin-top: 0;}*/



/*Rejoins nous*/
.sec-joins h2                         {  background-color: #00426B ; color: #fff; display: inline-block; padding: 20px 28px;  font-size: 16px; font-weight: normal;}
.lstJoins                             { background-color: #fff; padding:27px 40px; align-items: center;-webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.17);box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.17);}
.lstJoins span                        { font-size: 14px; text-transform: uppercase; color: #a2a2a2 }
.lstJoins h3                          { color: #000000; font-size: 16px }
.lstJoins .item                       { width:30%; position: relative; padding-left: 30px }
.lstJoins .item:nth-of-type(3)         { width: 22%;}
.lstJoins .item  .inner               { position: relative; padding-left: 50px }
.lstJoins .item .inner select        { width: 100%; cursor: pointer; border: none;  background: none; appearance: none;-moz-appearance: none;display: block; color: #000000; font-size: 16px ; font-family: Montserrat; text-overflow: ellipsis;
  overflow: hidden;
  width: 95%;
  display: block;
}
.lstJoins .item .inner .ico           { position: absolute;  left: 0; top: 10px }
.lstJoins .item:after                 { content: ""; border-left: #CACECF solid 1px; height: 60px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto }
.lstJoins .item:last-child:after      { display: none }
.lstJoins .item:nth-of-type(3):after  { display: none }
.lstJoins .item .btn-secondary:before { content: ""; background: url(../images/ico-post.png); width: 22px; height: 28px; display: inline-block; margin-right: 10px; vertical-align: middle; }

.lstJoins .item .btn-secondary      { max-width: 162px; margin: 0 auto }
.lstJoins .item:last-child          {  text-align: center;}
.lstJoins .item:last-child .inner   {  padding-left: 0}
.lstJoins .item:last-child          {  text-align: center; width: 16%; padding-left: 0; white-space: nowrap;}
.lstJoins .item .btn-secondary:hover { background-color: #00426B ; color: #fff }
.sec-joins                           {  margin-bottom: -60px; z-index: 20; position: relative;}

/*Chiffre clé*/
.sec-chiffreCle                     {  padding: 40px 0 60px;}
.lstChiffreCle                      { padding: 40px 0 }
.lstChiffreCle .item                {  width: 25%;}
.lstChiffreCle .item .inner         { background-color:#f2f5f7; border-radius: 5px; width: 280px; height: 280px; margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.lstChiffreCle .item .inner  strong { font-size: 48px; color: #00426B ; font-weight: bold; display: block; margin-bottom: 10px }
.lstChiffreCle .item .inner span    { display: block;color:#00426B ;  }
.lstChiffreCle .item .inner .ico    { height: 60px;  margin-bottom: 20px;}


/* FOOTER */

#footer                               { background: url(../images/bg-footer.jpg) no-repeat bottom center; /*background-color: #0a2737; */background-color: #00426b; padding: 120px 0 20px}
#footer h3                            { color: #fff; font:bold 24px/normal Montserrat; margin-bottom: 25px }
#footer ul li span,
#footer ul li a                       { color: #fff ; display: block;}
#footer ul li a:hover                 { color: #DF231D }
.blcAdress li                         { margin-bottom: 25px; font-size: 16px; color: #fff ; padding-left: 50px; position: relative;}
#footer ul li span                    { font-size: 12px; text-transform: uppercase; }
.blcAdress li:before                  { content: ""; width: 40px; height: 40px; border-radius: 50%; border: #76868e solid 1px; position: absolute; left: 0; top: 5px; display: block; }
.blcAdress li.adress:before           { background: url(../images/pin.png) no-repeat center; }
.blcAdress li.tel:before              { background: url(../images/tel.png) no-repeat center; }
.blcAdress li.mail:before             { background: url(../images/mail.png) no-repeat center; }
.blcLien li                           { padding-left: 20px; position: relative; margin-bottom: 19px }
.blcLien li:before                    { content: ""; background: #DF231D; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 0; top: 8px; display: block; }
.social li a                          { display: block; width: 60px; height: 60px; background-color: #000; position: relative; }
.social li a img                      { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto }
.social li                            { margin: 0 5px }
.social li a:hover                    { background-color: #DF231D}
.scrollTop                            { width: 60px; height: 60px; border: #475d69 solid 1px; background: url(../images/scroll.png) no-repeat center; display: block; margin: 0 5px  }
.scrollTop:hover                      { background-color: #000; border-color: #000 }
.luceo-group li                       { color: #fff; font-size: 14px }
.luceo-group li:after                 { content: "-" ; color: #fff; margin: 0 5px}
.luceo-group li a                     {  color: #fff; font-size: 14px }
.luceo-group li:last-child:after      { display: none; }
.realisation                          { color: #fff; font-size: 14px; position: relative; padding-left: 25px; }
.realisation:before                   { content: ""; background: url(../images/maki.png); width: 20px; height: 19px; position: absolute; left: 0; top:2px}
.realisation a                        { color: #DF231D; }
.realisation a:hover                  { color: #fff }

.form-control:focus {
    border-color: #CACECF;
    outline: 0;
    box-shadow: none;
}


/* MEGA MENU */
.mega-menu {
    position: fixed;
    background-color:#00426B;
    width: 100%;
    left: 0;
    top: 75px;
    padding:60px 40px 40px;

}
.mega-menu ul li {
    display: block;
    text-align: left;
    margin-bottom: 15px;
    margin-left: 0
}
.mega-menu ul {
    max-width: 1246px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    padding-left: 35px
}

.mega-menu ul li a {
    position: relative;
    display:block;
    color: #fff;
}

.mega-menu ul li {
    display: block;
    width: 400px;
    margin-right: 0
}

.mega-menu ul li a:after {
    content: "";
    background: url(../images/arw2.png);
    width: 21px;
    height: 13px;
    display: block;
    position: absolute;
    right: 100px;
    top: 6px;
    opacity: 0;
     transition:all ease-in-out .4s;
}
.mega-menu ul li a span {
    display: inline-block;
    position: relative;
}
.mega-menu ul li a span:before {
    content: "";
    border-bottom: #DF231D solid 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    display: block;
    transition:all ease-in-out .4s;
}

.mega-menu ul li:hover span:before  {
    width: 100%
}

.mega-menu ul li:hover a:after {
    opacity: 1
}

.mega-menu ul li.active span:before  {
    width: 100%
}

.mega-menu ul li.active a:after {
    opacity: 1
}
.mega-menu ul li.active a {
    color: #DF231D
}

.sub-mega-menu {
    position: absolute;
    left: 400px;
    top: 4px;
    display: none;
    transition: all ease-in-out .4s;
    padding-left: 80px;
    height: 100%;
    width: 100%;
    background-color: #00426B
}
.mega-menu ul li.active .sub-mega-menu { display: block; }


.sub-mega-menu h3 { 
    font-size: 16px; 
    color: #fff; 
    text-transform: uppercase; 
    margin-bottom: 60px ;
    font-weight: normal !important;
    padding-left: 10px
}
.sub-mega-menu .lstImg {
    column-gap: 40px;
}
.mega-menu ul::after {
    content: "";
    border-left: #CACECF solid 1px;
    height: 100%;
    position: absolute;
    left: 400px;
    top: 0;
}

.menu li.mega-drop-down:hover .mega-menu {
    display: block;
}

.wrapMenuMobile {
    display: none;
}
.sub-mega-menu .lstImg a:after {
    display: none !important
}
.sub-mega-menu .lstImg a {
    transition: all ease-in-out .4s;
    max-width: 140px;
    display: flex;
    align-items: center;
}
.sub-mega-menu .lstImg a img {
    width: 100%
}
.sub-mega-menu .lstImg a:hover {
    opacity: 0.6;
}
.mega-menu-wrap h3 {
    font-weight: bold;
    color: #fff;
}

.has-sub-menu.active .sub-mega-menu {
    display: block;
}

.mega-menu ul li.active a {
    color: #DF231D
}
.mega-menu ul li:first-child {
    margin-left: -25px;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: #000000;
    background-color: #fff;
    border-color: #000000;
}

.mentionsLegals {
    padding: 60px 0
}

.mentionsLegals  .txt {
    padding-bottom: 40px
}

.mentionsLegals  .txt h2 {
    margin-bottom: 30px
}

.mentionsLegals  .txt ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 14px;
}

.mentionsLegals  .txt ul li a:hover {
    color: #DF231D
}

.mentionsLegals  .txt ul {
    padding-left: 29px;
    margin-bottom: 20px;
}

.mentionsLegals  .txt ul li::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #DF231D;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
}

.lstOffre .card-body .societe::after {
    content: "-";
    margin-left: 10px;
}

.societe img {
    width: 25px;
    height: 25px;
    object-fit: cover;
    display: block;
}

.hidden{
    display: none;
}


.slider.mobile {
    display: none
}

/*#player {
    height: 200%;
    width: 200%;
    object-fit: cover;
    position: absolute;
    top: -50%;
    left: -100%;
}

.iframe-container {
    position: relative;
    width: 100%;
    height: 468px;
    overflow: hidden;
}*/

@media (min-width:992px)             {
.menu > ul {
    display: block !important;
}
.menu li.mega-drop-down .mega-menu {
    display: none;

}
}



@media (min-width:1201px)             {
.wrapMenuMobile, .menu .vueMobile                       { display:none;}
a{
    transition: all ease-in-out .4s
}

.lstSecteur:hover .item {
    width:16.5% !important;
}

.lstSecteur .item:hover {
    width: 17.3% !important;
}

}



/* RESPONSIVE */
@media (max-width:1365px) { 
    .sec-secteur h2                     { top: 50px;}

}
@media (max-width:1280px) {
  .container                          { padding: 0 40px }
  .menu li                            { margin: 0 15px }
  .mega-menu                          { padding-top: 60px }
  .sec-secteur h2                     { top: 50px;}
  .lstSecteur .item .inner span         { margin-bottom: 5px }
  .lstSecteur .item .inner .hide .item-societe:not(:last-child) {
        margin-bottom: 0;
    }



}





@media (max-width:1200px) { 
  #slideSecteur .slick-dots                                 {  position: absolute;  bottom: 40px; }
  .lstSecteur .item.slick-current .inner                    { background: #e20612}
  .sec-secteur h2                                           { left: 40px }
  .lstChiffreCle .item                                    { padding: 0 10px }
  .lstChiffreCle .item .inner                              { width: auto; }
  .sec-texte-image { margin: 40px 0 60px;}

    .sub-mega-menu {
        padding-left: 60px
    }
    .sub-mega-menu .lstImg {
        column-gap: 20px;
        flex-flow: row wrap;
    }

    .sub-mega-menu .lstImg a {
        max-width: 120px
    }
    .menu li {
        margin: 0 13px;
    }
    .lang {
        margin-left: 20px;
        padding-left: 20px;
    }
}

@media (max-width:1110px) { 
    .menu li {
    margin: 0 10px;
}

}

@media (max-width:1024px) {
    .menu li                                                { margin: 0 12px }
    .lang                                                   { margin-left: 20px;padding-left: 20px;}
    .logo                                                   { width: 150px;  }
    .logo img                                               { width: 100%; display: block; }
    .sec-texte-image .txt                                   { padding-left: 20px;}
    .lstChiffreCle .item                                    { padding: 0 10px }
    .lstChiffreCle .item .inner                              { width: auto; }

    .mega-menu ul li { width: 200px }
    .mega-menu ul::after { left: 250px }
    .sub-mega-menu { left: 250px }
    .mega-menu ul li a::after { right: 0 }
}

@media (max-width:991px) {
  h2                                                        { font-size: 40px }
  .headerTop                                                { height: auto }
  .headerTop .container                                     { padding: 0 }
  .sec-texte-image .txt                                     {  padding-left: 0; }
  .headerTop .row                                           { flex-direction: column-reverse;}
  .logo                                                     { width: 150px; margin: 30px auto;}
  .blcMenu                                                  { border-bottom: #CACECF solid 1px; float: none; width: 100%; justify-content: space-between; padding: 20px 30px; margin-top: 0}
  .slider  , .blcSlider , .slider .img                      { height: auto;}
  .sec-texte-image                                          { margin: 40px 0 ;}
  .sec-secteur                                              { margin-bottom: 60px}
  .sec-event                                                { margin-bottom: 60px;}
  .logo-ftr                                                 { margin: 0 auto 20px; max-width: 280px;display: block;}
  .logo-ftr img{
    width: 100%;
    display: block;
  }
  .blcSocial                                                { justify-content: center;}
  .lienRapide                                               { display: none;}
  .lstSecteur .item .inner .hide                            { display: block;}
  .lang::before                                             { display: none}
  .lstSecteur .item .inner:after                            { display: none;}
  .lstJoins                                                 { align-items: center;flex-flow: row wrap; padding: 33px 20px; justify-content: space-between; }
  .lstJoins .item:last-child                                { width: 100%; margin-top: 20px}
  .lstJoins .item                                           { width: 33.33%;}
  .lstChiffreCle .item .inner                               { width: auto; }
  .blcSlider                                                {  margin-top: 171px;}
  .sec-chiffreCle {
        padding: 0px 0 30px;
    }
    .mega-menu ul li:hover span::before {
        width: 100%;
    }
    .sub-mega-menu h3 {
        margin-bottom: 20px;
    }
    .lstSecteur .item .inner:hover {
        border-right: rgba(255,255,255,0.5) solid 1px;
    }

    .retour:hover:before { width: 10px !important }
 
}

@media (max-width:991px) {
.wrapMenuMobile                                             { width:auto; height:35px; display:block; z-index:80; transition:all 400ms ease-in-out;  cursor:pointer;  text-transform:uppercase; position:absolute; left:30px; top:20px;}
.menuMobile                                                 { width:45px; display:block; height:30px; cursor:pointer; position:relative; line-height:20px;border:1px solid #fff; text-indent: 37px; line-height: 28px;}
.menuMobile>div                                             { width:20px; height:2px; background:#000000; position:absolute; left:0;right:0;margin:auto; top:50%; margin-top:-1px;}
.menuMobile>div:before                                      { width:100%; height:2px; background:#000000; position:absolute; right:0; top:8px; content:"";}
.menuMobile>div:after                                       { width:100%; height:2px; background:#000000; position:absolute; right:0; top:-8px; content:"";}
.menuMobile.active>div                                      { height:0px;}
.menuMobile.active > div::before                            { top: 0;transform: rotate(45deg);}
.menuMobile.active > div::after                             { top: 0;transform: rotate(-45deg);}
.menu                                                       { max-width:100%;right:0; float: none; }

.menu>ul                                                    { width:100%; height:auto; position:absolute; left:0; top:67px; padding:0; background:#fff; display:none; z-index:9999;}
.menu ul li                                                 { width:100%; margin:0 auto; display:block; float:none; padding:0; height: auto;}
.menu li a                                                  { height:53px; line-height:47px; border:0; padding:0 40px; margin:0; text-align:left; border-bottom:1px solid #cecece;color: #3f3d3e}
.menu>ul:after                                              { content: ""; width: 100%; height: 9999px; background: rgba(0,0,0,.6); position: absolute; left: 0; bottom: -9999px; z-index: -1;}
.mega-menu                                                  { padding-top: 40px }

.mega-drop-down a::after {
    content: "";
    background: url(../images/arw2.png);
    width: 21px;
    height: 13px;
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin:auto;
    transition:all ease-in-out .4s;

}

.mega-menu {
    position: absolute;
    display: block ;
    width: 100%;
    border-radius: 0;
    background: #00426b;
    position: fixed;
    right: -100%;
    top: 0;
    height: 100%;
    z-index: 9999;
    transition: all 400ms ease-in-out;
    left: auto;
    padding-top: 100px;
}

.mega-menu  ul { 
    display: block !important; 
}
.mega-menu ul li a { 
    border-bottom: none ;
    padding: 20px 0;
    height: auto;
    line-height: normal;
}
.sub-mega-menu {
    padding-left: 40px
}
.sub-mega-menu .lstImg {
    column-gap: 20px;
}
.mega-menu ul::after { 
    display: none
}
.mega-menu ul li a::after { 
    opacity: 1;
    right: 0
}

.sub-mega-menu {
    position: absolute;
    display: block ;
    width: 100%;
    border-radius: 0;
    background: #00426b;
    position: fixed;
    right: -100%;
    top: 0;
    height: 100%;
    z-index: 999999;
    transition: all 400ms ease-in-out;
    left: auto !important;
    padding-top: 100px;
}

.retour {
    display: block;
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 99999;
    font-size: 20px;
    cursor: pointer;
    padding-left:25px;
    color:#fff;
}
.retour:before {
    content: "";
    background: url(../images/chevron-right-white.svg);
    width: 10px !important;
    height: 17px;
    position: absolute;
    left: 0;
    transform: rotate(180deg);
    top: -7px;
}


.menu li.mega-drop-down .mega-menu.open {
    right: 0;
}

.mega-menu {
    padding: 100px 30px 40px
}
.sub-mega-menu.open {
    right: 0;
}
.mega-menu ul li:first-child {
    margin-left: 0;
}
.lstJoins .item .inner select {
    text-overflow: ellipsis;
    padding-right: 20px
}
.lstJoins .item:nth-of-type(3) {
    width: 33.33%;
}

.txtBanner {
    flex-direction: column;
    justify-content: center;
    text-align: center
}




}

@media (max-width:767px) {
  .sec-texte-image .txt                                     { padding-top: 13px }
  .sec-texte-image   img                                    { width: 100% }
  .blc-titre                                                { align-items: baseline !important;flex-direction: column;}
  .txtBanner                                                { top: 0 }
  .ftr-bottom                                               { flex-direction: column;}
  .luceo-group                                              { margin-bottom: 10px;}
  .lstSecteur .item .inner{ 
    min-height: 388px;
    height: 100%;
    padding: 90px 0;
}
  .sec-secteur h2                                           { left: 40px; top: 40px;}
  .sec-secteur .slick-track{
    display: flex;
  }
  .lstSecteur .item{
    height: inherit;
  }
  .lstJoins .item                                           { width: 100%; position: relative; padding-bottom: 22px; margin-bottom: 10px; padding-left: 0}
  .lstJoins .item::after                                    {  border-left: none; border-bottom: #CACECF solid 1px; width: 100%; height: 1px; bottom: 0; top: auto; left: 0; right: 0; margin: auto}
  .lstJoins                                                 { padding: 33px 20px;}
  .sec-joins                                                { margin-bottom: 0 }
  .sec-chiffreCle                                           { padding: 0 0 10px;}
  .lstSecteur .link{
    position: static;
    margin:0 auto 25px;
  }
  .lstJoins .item:nth-of-type(3)::after {
    display: block;
  }
.lstJoins .item:nth-of-type(3) {
    width: 100%;
}
.mentionsLegals {
    padding:40px 0 10px
}

.lst-event .card-img {
    height: 280px;
}


.slider.mobile {
    display: block;
}

.slider.desktop {
    display: none
}

.slider.desktop {
    display: none
}

#postForm .container {
    padding-bottom: 20px;
}


}


@media (max-width:600px) {
  h2                                                        { font-size: 30px }
  .container                                                { padding: 0 20px;}
  .blcMenu                                                  { padding: 20px }
  .wrapMenuMobile                                           { left: 8px }
  .slider, .blcSlider, .slider .img                         { height: auto;}
  .sec-texte-image                                          { margin: 20px 0 40px;}
  .sec-texte-image picture{
    display: none;
  }
  .sec-secteur                                              { margin-bottom: 30px;}
  .blc-titre                                                { margin-bottom: 30px !important;}
  .sec-offres                                               { margin-bottom: 0;}
  .ftr-bottom                                               { margin-top: 30px !important }
  .sec-event                                                { margin-bottom: 40px;}
  #footer                                                   { padding-top: 40px }
  .txtBanner h1                                             { font-size: 35px; margin-bottom: 20px}
  .txtBanner                                                { top: 0;}
  .lstSecteur .item .inner                                  { border-right: none }
  .sec-secteur h2                                           { left: 20px }
  .sec-texte-image .btn                                     { margin-top: 10px !important; }
  .menu li a                                                { padding: 0 20px }
  .sec-secteur h2                                           { top: 30px; }
  .lstChiffreCle .item{
    padding: 0;
  }
  .lstChiffreCle .item .inner                              { width: auto; max-width: 100% }
  .lstOffre .card{
    padding: 0;
  }
  .sec-offres{
    background: #f2f5f7;
    padding: 36px 0 66px;
  }
  .sec-offres .slick-dots                                    { margin-top: 0;}
  .sec-joins h2{
    display: block;
    text-align: center;
    margin-top: -33px;
  }
  .lstJoins{
    padding: 20px;
    position: relative;
  }
  .sec-joins{
    position: relative;
  }

  .sec-joins:before{
    content: '';
    width: 100%;
    height: 60px;
    background: #0a2737;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .lstJoins .item:last-child{
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  .lstChiffreCle{
    background: #f2f5f7;
  }

  .lstChiffreCle .item .inner{
    height: auto;
  }
  .sec-chiffreCle h2{
    margin-bottom: 25px;
  }
  .sec-chiffreCle{
    padding-bottom: 40px;
  }

  .lstOffre .card-body{
    padding: 30px 20px;
  }
  .sub-mega-menu .lstImg {
    column-gap: 10px;
    flex-flow: row wrap;
  }
    .sub-mega-menu {
        padding-left: 20px;
        padding-right: 20px;
    }
    .retour { left: 20px }
    .mega-menu {
        padding: 100px 10px 40px;
    }

    .sub-mega-menu .lstImg a {
        padding: 0;
    }
    .blcSlider .txtBanner {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mentionsLegals {
        padding:30px 0 10px
    }
    .mentionsLegals  .txt {
        padding-bottom: 20px
    }

    .mentionsLegals  .txt ul {
        padding-left: 0;
        margin-bottom: 10px;
    }
    .mentionsLegals .txt h2 {
        margin-bottom: 20px;
    }
    .sub-mega-menu .lstImg a {
        max-width: 100px
    }
    .container {
        padding: 0 20px;
    }
    .blcMenu {
        padding: 20px 20px
    }
  


}

@media (max-width:480px){ 
  .txtBanner h1                                             { font-size: 26px;}
}