body{overflow-x:hidden;}
.blocTopCarriere{background: #1a1a1a;height: 60vh;position: relative;}
.blocTopCarriere .bgBloc{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
.blocTopCarriere .bgBloc img{width:100% !important;height:100% !important;object-fit:cover;z-index:1;position: absolute;}
.blocTopCarriere .bgBloc .filtre{background: linear-gradient(rgba(0,0,0,0),black);width:100%;height:100%;z-index:2;position: absolute;}

.blocTitlePage{position:absolute;top:50%;transform: translateY(-50%);z-index:3;width:100%}
.blocTitlePage h1{color: white;text-align: center;font-size: 54px;font-weight: 300;}
.blocTitleCarriere{margin-top: 50px;max-width: 55rem;}
.blocFilter{display: flex;justify-content: space-between;}
.blocTitleCarriere h2{font-weight: bold;font-size: 35px;font-family: "Tiempos Headline";}
.blocTitleCarriere p{font-size: 16px;font-family: "Suisse Intl";margin-top: 20px;}
.nbPubli{display: flex;align-items: center;margin:0;color: #979797;}
.carriere-item .ImageCarriere{width:auto;}
.carriere-item .card-link{display: block;margin: auto;}

.blocIconCarriere{margin-top: 80px;display: flex;justify-content: center;}
.blocIconCarriere p{margin-bottom: 40px;}
.blocIconCarriere h3{font-weight: bold;font-size: 20px;margin-bottom: 15px;}
.blocIconCarriere .icon{margin-bottom: 25px;}
.blocIconCarriere .icon img {max-height: 70px !important;}
.blocIconCarriere p{max-width: 350px;}
.blocOffresCarriere .card-offre {background-color: #f9f9f9;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 15px;display: flex;margin-bottom: 15px;transition: all .2s;cursor: pointer;}
.blocOffresCarriere .card-offre:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);transition: all .2s;}
.blocOffresCarriere .card-offre:hover .bgCardAnim{width: 80px;transition: all .2s;}
.blocOffresCarriere{margin-top: 50px;}
.bgCardAnim{background: #015151;width: 50px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;transition: all .2s;}
.CardTextCarriere{padding: 25px 0 25px 60px;width: auto;}
.CardTextCarriere h3{font-size: 20px;font-weight: bold;margin-bottom: 20px;}

.blocDetailsCarriere ol{content: ">";margin-bottom: 30px;}
.blocArianeCarriere{margin-top: 150px;margin-bottom: 25px;padding: 0;}
#load-more{font-weight: bold;outline: 0;height: 45px;padding:.7rem 1.3rem .8rem;}

.ariane {color: #979797;display: flex;}
.ariane .breadcrumb{margin-bottom:0.5rem}
.ariane li:not(:last-child){position:relative;padding-right:0.8rem;margin-right:0.8rem;}
.ariane li:not(:last-child):after{position:absolute;content:'>';right: -0.4rem;color:#979797;}
.RowCardCarriere{width: 100%;display: flex;justify-content: space-between;}
.blocOffresCarriere h2{font-weight: bold;font-size: 35px;margin-top: 50px;}

.blocOffresCarriere .card-offre .clogo{padding-right:50px;}
.blocOffresCarriere .card-offre h3 {font-size: 1.2rem;margin-top: 10px;max-width: 500px;}
.blocOffresCarriere .card-offre p:first-child {font-size: 1rem;color: #000;font-weight: bold;}
.blocOffresCarriere .card-offre p {font-size: 1rem;color: #555;}
.blocOffresCarriere .card-offre p.card-subtitle{height: 24px;line-height: 24px;background:url("../../img/design/puce-carriere-246d42dec0e72da28201f9370cb8dd31.svg") no-repeat;background-position:0px center;padding: 2px 0 0 28px;}
.CardTextCarriere span{margin-left: 5px;}
.MoreCarriere:focus, .MoreCarriere:active, .MoreCarriere:focus-visible {border:unset;background:#d0103a;}
.MoreCarriere{padding: 10px 25px 8px;border-radius: 50px;background: #d0103a;border: 1px solid #d0103a;}
.MoreCarriere:hover{background:rgba(208,16,58,0.7);border: 1px solid rgba(208,16,58,0.7);}
.MoreCarriere:active{background:rgba(208,16,58,0.7);}
.MoreCarriere svg{margin-left: 20px;fill:#fff;vertical-align: sub;}
.MoreCarriere:hover svg, .MoreCarriere:hover svg path{fill:#fff;}

.close-icon {display: none;font-size: 18px;cursor: pointer;z-index: 1;float: right;color: #979797;}

/* details */
.blocDetailsCarriere {/* margin-top: 150px; */padding: 0;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);background-color: #fff;}
.blocDetailsCarriere .details-carriere-header {background-color: #015151;color: #fff;padding: 40px;/* border-top-left-radius: 8px;border-top-right-radius: 8px; */}
.blocDetailsCarriere .details-carriere-header .header-text p:first-child {text-transform: uppercase;font-weight: bold;}
.blocDetailsCarriere .details-carriere-header .header-text {padding: 0 150px;}
.blocDetailsCarriere .details-carriere-header .header-text p {margin: 0;}
.blocDetailsCarriere .details-carriere-header .header-text h1 {margin: 20px 0;font-size: 45px;font-family:"Suisse Intl" !important;}
.blocDetailsCarriere .details-carriere-body {padding: 40px 150px;background-color: #fff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.blocDetailsCarriere .carriere-detail {margin-bottom: 20px;}
.blocDetailsCarriere .carriere-detail p {margin: 0 0 10px;padding: 10px 0;}
.blocDetailsCarriere .carriere-detail p strong {display: block;color: #d0103a;margin-bottom: 5px;text-transform: uppercase;font-size:12px;}
.blocTextCarriere{padding: 40px 200px 50px 200px;font-size: 1rem;}
.blocTextCarriere p, .blocTextCarriere ul li{font-size:14px;font-family:'Suisse Intl'}
.blocShareCarriere p{color:#979797;margin: 0;}
.blocShareCarriere .social-icons i{font-size: 26px;color: #979797;margin-left: 5px;background-color: #EBEBEB;border-radius: 100%;padding: 10px;}
.blocShareCarriere .social-icons svg {fill:#979797;font-size: 26px;width: 45px;margin-bottom: 8px;height: 45px;margin-left: 5px;background-color: #EBEBEB;border-radius: 100%;padding: 10px;}
.blocTextCarriere h2{font-weight: bold;font-size: 20px;padding:0.5rem 0 1rem;}
.carriereIcon{width: 100%;}
.blocImgCarriere{margin-top: 50px;}
.blocImgCarriere i{font-size: 45px;position: absolute;transform: translate(-232px, 35px);}
.blocImgCarriere img{padding: 0 200px;}
.blocImgCarriere hr{height: 1px;margin: 3rem auto 4rem auto;width: 80%;opacity: 0.8;}
.AutresOffres h2{font-weight: 300;margin-top: 0;margin-bottom: 2rem;font-family: "Tiempos Headline";}
.CarriereMobileBack{display: inherit;margin-bottom: 40px;width: 170px;height: 80px;background: #F8F7F4;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.CarriereMobileBack p{color: #000;margin-bottom: 0;font-size: 13px;display: flex;align-items: center;margin-left: 10px;padding: 22px 10px 22px 0px;font-weight: bold;}
.CarriereMobileBack svg{margin-right: 12px;}


/* media queries */

@media (max-width: 992px) {
    .blocTopCarriere {height:326px;}
    .blocArianeCarriere {margin-top:0;}
    .blocTitlePage h1 {font-size: 35px;padding-bottom: 140px !important;padding-top: 140px !important;}
    .blocTitleCarriere h2 {font-size: 22px;}
    .blocDetailsCarriere .details-carriere-header .header-text h1 {font-size: 26px;}
    .blocTitleCarriere p {font-size: 14px;}
    .blocIconCarriere {margin-top: 50px;}
    .blocIconCarriere p{margin-bottom: 0;}
    .blocIconCarriere h3 {font-size: 16px;}
    .blocIconCarriere p {max-width: 300px;}
    .blocIconCarriere .icon{margin-bottom:10px;}
    .blocOffresCarriere .card-offre {margin-bottom: 10px;position:relative;}
    .bgCardAnim{width:31px;}
    .CardTextCarriere {padding:25px;}
    .blocDetailsCarriere .details-carriere-header .header-text {padding: 0 0px;}
    .blocDetailsCarriere .details-carriere-body {padding: 30px 20px;}
    .blocTextCarriere {padding: 40px 20px 40px 20px;}
    .clogo {position: absolute;right:10px;padding: 0 !important;bottom: 20px;margin: 0;height: 30px;}
    .clogo img{height:18px !important;}
    .blocImgCarriere img {padding: 0;}
    .blocOffresCarriere .card-offre img {margin-right: 0px;margin-left: 80px;}
    .blocImgCarriere i {transform: translate(-10px, 15px);}
    .blocImgCarriere hr {width: 90%;}
    .fa.fa-linkedin-square {font-size: 22px;}
    .blocDetailsCarriere .details-carriere-header{padding: 30px 20px;}
    .ariane{color: #979797 !important;font-size: 11px;margin-top: 80px;}
    .nbPubli{margin: 0;}
    .blocFilter{display: flex;}
    .MbCardIcon{background-color: rgba(1, 81, 81, 0.1);border-radius: 15px;height: 100%;margin-bottom: 20px;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);}
    .MbCardIcon .icon, .MbCardIcon h3 {transition: opacity 0.3s ease;}
    .MbCardIcon.activeIcon .icon{opacity: 0;}
    .MbCardIcon.activeIcon p {display: block !important;text-align: left;}
    .MbCardIcon.activeIcon h3 {display: block;text-align: left;margin: 0 0 15px 0;}
    .MbCardIcon.activeIcon {flex-basis: 100%;max-width: 100%;background-color: #F8F7F4;padding: 30px !important;height: auto;}
    .MbCardIcon.activeIcon .close-icon {display: block;}
    
}