body{overflow-x:hidden;}

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

                                LISTE & DETAIL PUBLICATIONS

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

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

.blocTitlePage{position: absolute;bottom: 50px;left: 0;right: 0;z-index: 3;}
/* .blocTopListe{margin-top: 163px;} */
.blocTitlePageListe{padding: 30px 0 0 0;}
.blocResultatEntete{/* padding: 40px 0 0; */}
.blocTitlePage h1{color: #FFF;font-family: "Tiempos Headline";font-weight: 600;font-size: 56px;padding-bottom: 50px;margin-bottom: 0;}
.blocTitlePage .titre{color: #FFF;font-family: "Tiempos Headline";font-weight: 600;font-size: 56px;margin-bottom: 0;}
.blocTopBlack .blocTitlePage h1{color: #ffffff;}
.blocTitlePage a{color: #ffffff;font-size: 16px;font-family: "Suisse Intl";position: relative;padding: 0.8rem 1rem;display: inline-block;margin-left: 1rem;margin-right: 1rem;border: 1px solid transparent;border-radius: 10px;}
.subMenuPubli a{padding: 0.8rem 1rem;display: inline-block;border-radius: 10px;}
/* .blocTitlePage a:not(:last-of-type)::after,
.subMenuPubli a:not(:last-of-type)::after{content: "";padding: 0;position: absolute;right: -3px;top: 0;bottom: 0;height: 100%;width: 1px;background: #707070;} */
.blocTitlePage a.activeCat{border-radius: 10px;border: 1px solid #ffffff;font-weight: bold;}.blocTitlePage a:hover{border-radius: 10px;border: 1px solid #ffffff; color:#ffffff;}
a.activeType{background-color: #D9D9D9 !important; position: relative;font-weight: bold !important;border: 1px solid #979797;padding-right: 28px !important;}
.blocImg{position: relative;border-radius: 9px;}
.ImgLeGroupe{border: 1px solid #A8C5C9;}
.publiCard{padding: 0px 15px;position: relative;}
.blocImg img{width: 100% !important;height: 100% !important;aspect-ratio: 4/3;z-index:1;-o-object-fit: cover;object-fit: cover;-o-object-position: center bottom;object-position: center bottom;border-radius: 9px;}
.blocImg .filtre{background: linear-gradient(rgba(0,0,0,0),black);width:100%;height:95%;z-index:2;position: absolute;bottom: 0;left: 0;border-radius: 9px;}
.publiCard h2{z-index:3;font-size: 28px;font-weight: bold;margin-top: 14px;position: absolute;transform: translate(8%, -180px);max-width: 84%;color: #ffffff;}
.datePubli{font-size: 14px;padding-bottom: 16px;margin-top: 18px;display: block;font-family: "Suisse Intl";color: #979797;}
.extract{font-size: 16px;max-height: 74px;overflow: hidden;margin-bottom: 16px;}
.tagsType{background: #F8F7F4;padding: 5px 10px;border-radius: 50px;color:#000;font-size: 11px;display: inline-block;margin-right: 0.5rem;}
.contactPub,
.linkPubli{font-size: 18px;color: white;z-index:3;}
.linkPubli{padding: 6px 16px;border-radius: 50px;transition: all .2s ease-in-out;position: absolute;border: 1px solid white;bottom: 20px;right: 20px;font-size: 16px;height:35px;}
.linkPubli svg{/* transform: rotate(180deg); */margin-left: 9px;transition: all .4s ease-in-out;margin-bottom: 4px;}
a:hover .linkPubli{transition: all .2s ease-in-out;background: #ffffff;color:#000;}
a:hover .linkPubli svg{filter: invert(1);}

.detailPublications h1{font-size: 30px;line-height:1.2;font-weight: bold;color: #000;font-family: "Suisse Intl";}
.arianne {color:#000;display: flex;}
.arianne .breadcrumb{margin-bottom:0.5rem; color:#979797;}
.arianne li:not(:last-child){position:relative;padding-right:0.8rem;margin-right:0.8rem;}
.arianne li:not(:last-child):after{position:absolute;content:'>';right: -0.4rem;color:#979797;}
.nbPubli{color: #979797;align-items: center;display: flex;margin-bottom: 0;width: 110px;}
.dropdown-filter{width:190px;}
.nbPubli, .dropdown-filter, .dropdownTri{height:38px;}
/* .linkPubli:hover svg{
  transform: rotate(180deg) translate(-10px , 0);}.contactPub:hover svg{
  transform: translate(10px , 0);} */

.contactPub svg{margin-left: 17px;margin-left: 5px;margin-top: -2px;}
.contactPub{margin-top: 10px;display: inline-block;}
.linkPubli::after{content: "";width: calc(100% - 50px);height: calc(100% - 44px);position: absolute;top: 22px;left: 25px;right: 25px;bottom: 22px;}
.subMenuPubli{background: #ffffff;max-width:calc(100% - 340px);}
.subMenuPubli a{color: #000000;font-size: 12px;margin-right: 5px;font-weight: 400;font-family: "Suisse Intl";padding: 10px 20px;display: inline-block;background-color: #F8F7F4;border-radius: 50px;margin-bottom: 5px;white-space: nowrap;}
.subMenuPubli a:hover{color:#d0103a;}
.detailPublications h2{font-size: 45px;font-weight: bold;font-family: "Suisse Intl";}
.contentPub{font-size: 16px;}
.blocFilter{display: flex;justify-content: space-between;}
.detailPublications{padding-top: 100px;padding-bottom: 30px;}
.contentContact {height: 72px;vertical-align:middle;margin-top: 1.5rem;}
.consFonc {display: inline;align-content: center;}
.detailPublications .consFonc p:first-of-type{font-size: 14px;line-height:1.4;}
.detailPublications .consFonc p:last-of-type{font-size: 14px;}
.detailPublications .imgConsult{width: 72px;height: 72px;}

.text-end{font-weight:bold;}
.text-end a{color:#000;}
.text-end span{color:#d0103a;}
.text-end a:hover{text-decoration: underline;}
.offre-social-icon{transition: all 0.4s;margin: 0 5px;border-radius: 50%;width: 36px;height: 36px;justify-content: center;color:#979797;align-items: center;z-index: 10;display: inline-flex;}
.offre-social-icon svg {fill:#979797;}
.offre-social-icon.l:hover{background: #006192;}
.offre-social-icon.t:hover{background: #1da1f2;}
.offre-social-icon.m:hover{background: #d0103a;}
.offre-social-icon .fab,
.offre-social-icon .fas{font-size: 100%;}
.paraDate{font-weight: bold;}
.blocShare{margin: 0;}
.blocShare .openOffC{border-radius: 50px;margin-left: 0;padding: 8px 17px;min-width: unset;}
.blocShare .openOffC svg{margin-left:20px;vertical-align:sub;}
.share{justify-content: flex-end;display: flex;width: auto;align-items: center;}
.shareText{width: auto !important;}
.shareText p{color: #979797;text-align: end;padding-right: 14px;}
.dropdown-filter p{margin-right: 20px;width: 62px;}
.dropdown-filter button{border: 1px solid;}
.rowCont{margin-bottom: 140px;margin-top: 20px;}
.oldPublications h3{text-align: center;font-family: "Tiempos Headline";font-weight: 600;font-size: 28px;color: #020202;display: block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;background: #ffffff;position: relative;margin: 40px auto;}
.oldPublications h3::before{content: "";width: 100%;height: 1px;background: #000000;position: absolute;left: 10px;top: 50%;transform: translateX(100%);}
.oldPublications h3::after{content: "";width: 100%;height: 1px;background: #000000;position: absolute;right: 10px;top: 50%;transform: translateX(-100%);}
.titleLine{text-align: center;margin-top: 40px;overflow: hidden;padding: 0;}
.listeAutresPub{text-align: initial;margin-top: 40px;}
.oldPublications .openOffC{align-self: self-start;display: flex;margin: 40px 0;align-items: center;}
.lastOffers{text-align: left;/* padding: 0 20px 20px; */padding: 5px;}
.offre-social-icon:last-child{margin-right: 0;}

.wBorder {border-top: 1px solid #000; justify-content: center; margin: auto; padding: 0 0;}
.lastEtudes h2{font-size:2.1rem;font-family: "Tiempos Headline";text-align:center;color:#000;}

.splideEtudes{height: 390px;}
.splideEtudes .splide__track, .splideEtudes .splide__track ul{height:100%;}
.splideEtudes a{display:block;position:relative;height:100%;width:100%;}
.splideEtudes a img{height:100% !important;width:100% !important;position:absolute;object-fit: cover;border-radius:9px;z-index:1;top:0;bottom:0;left:0;right:0;}
.splideEtudes a .filtre{background: linear-gradient(rgba(0,0,0,0),black);width: 100%;height: 95%;bottom: 0;position:absolute;border-radius:9px;z-index:2;bottom:0;left:0;right:0;}
.splideEtudes h3{position: absolute;z-index: 3;color: #FFF;line-height: 1.15;font-weight: 700;width: 100%;padding: 0 8%;font-size:18px;bottom: 30px;text-align: center;}
.splideEtudes .date {position:absolute;z-index:2;width:90%;text-align:center;bottom:10px;left:50%;transform:translateX(-50%);font-size:12px;color: #FFF;line-height: 1.15;font-weight:700;}

.splideEtudes .splide__arrow {background:#D9D9D9;height: 2.5rem;width: 2.5rem;}
.splideEtudes .splide__arrow svg{stroke:#FFF;}
.splideEtudes .splide__arrow svg path{fill:#FFF;}
.splide__arrow--prev{left:-4rem;}
.splide__arrow--next{right:-4rem;}

/*** Etudes sur mesure ***/
.blocPresEtudeSurMesure{}
.blocPresEtudeSurMesure.bshadow{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.blocPresEtudeSurMesure .title{font-size:2.5rem;font-family: "Tiempos Headline";}
.blocPresEtudeSurMesure .subTitle{font-size:1.25rem;font-family: "Suisse Intl";font-weight:700;}
.blocPresEtudeSurMesure p{font-size:1rem;font-family: "Suisse Intl";}
.blocPresEtudeSurMesure p strong{font-size:1.25rem;color:#d0103a;}
.blocPresEtudeSurMesure .linkProjet{color:#FFF;background:#d0103a;border-radius: 24px;padding: 0.8rem 1.3rem;font-family: "Suisse Intl";}
.blocPresEtudeSurMesure .linkProjet span{min-width:155px;}
.blocPresEtudeSurMesure .linkProjet svg {margin-left: 9px;margin-top: -4px;}
.blocPresEtudeSurMesure .linkProjet:hover{background:#000000;}
.etape .valeur{font-size:2.5rem;color:#d0103a;background:#F8F7F4;width:23%;height:auto;aspect-ratio:1;text-align:center;display: inline-block;line-height: 2;font-weight: 700;border-radius: 50%;}
.etape:not(:last-child) .valeur::after{content:"";position:absolute;width:225%;height:1px;border-top:1px solid #d0103a;top:50%;right:-275%;}
.etape .valeur span {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: auto;}
.blocPresEtudeSurMesure .step p{font-weight:300;}
.blocPresEtudeSurMesure .step .niveau {width: 9%;display:inline-flex;border:2px solid #d0103a;aspect-ratio:1;border-radius: 50%;}
.blocPresEtudeSurMesure .step:not(:last-child) .niveau::after{content:"";position:absolute;width:1010%;height:1px;border-top:1px solid #000;top:50%;right: -1100%;}

.blocPresEtudeSurMesure .step .niveau.active {background:#d0103a;}
.blocPresEtudeSurMesure .step .niveau svg {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}

form.formEtude .form-label{font-size:1rem;font-weight:700;font-family: "Suisse Intl";}
form.formEtude .red{color:#d0103a !important; }
form.formEtude .infos p{color:#979797;font-size:9px;font-weight:300;margin-bottom: 0.25rem;}
form.formEtude .form-check-input {margin-right:0.5rem;height: .8rem;width: .8rem;margin-top: 0;}
form.formEtude textarea.form-control {min-height:6rem;}
form.formEtude .form-control{border:1px solid #d9d9d9;border-radius:5px;}
/***/

@media (max-width: 1500px){
  .blocTitlePage h1 {font-size: 36px;}
  .blocTitlePage a {font-size: 14px;}
  .publiCard h2 {font-size:20px;}
  .extract {font-size: 14px;}
}

@media (max-width: 992px) {
    .blocTopEtudes{height:370px;}
    .blocFilter{display: flex;flex-direction: column;}
    .blocImg img {height: 350px !important;}
    .blocTitlePage{bottom:25px}
    .blocTitlePage h1 {font-size: 36px;}
    .blocTitlePage a {font-size: 14px;min-width: 150px;border:1px solid #FFF;color:#FFF;border-radius: 20px;display: flex;justify-content: center;align-items: center;text-align: center;margin: 0 0.5rem;}
    .blocTitlePage a:first-child {min-width: 105px;}
    .wBorder{width: 90%; }
    .blocTitlePage a.activeCat {border-radius: 20px;color:#000;background:#FFF;font-weight:normal;}
    .blocTitlePage a:hover{border-radius: 50px;border: 1px solid #ffffff;background: #fff;color: #000;}
    .subMenuPubli a{height: 42px;margin-right: 5px;}
    .subMenuPubli a:hover{color: #000;}
    .detailPublications{padding-top: 30px;padding-bottom:0;}
    .arianne .breadcrumb{font-size:10px;}
    .arianne li:not(:last-child):after{color: #979797;padding-right:0.5rem;}
    .contentPub {margin-top: 30px;}
    .share{justify-content: center !important;margin-bottom: 20px;}
    .shareText p{text-align: center;padding-right:0;}
    main.bgWhite{margin-top:85px;}
    .listePublications .publiCard {padding: 15px 0;}
    .splideEtudes h3{font-size:20px;}
    .splideEtudes .date {font-size:16px;}
    .listCat, .listType {overflow: -moz-scrollbars-none;overflow:hidden;}
    .listCat::-webkit-scrollbar,
    .listType::-webkit-scrollbar{ width: 0 !important }
    .blocTitlePage h1{padding-bottom: 90px;}
    .lastEtudes h2{font-size:1.25rem;}
    .subMenuPubli{width:100%;max-width: 100%;}
    .dropdown-filter p {font-size: 14px;}

    /*** etudes sur-mesure ***/
    .blocPresEtudeSurMesure .title{font-size: 1.8rem;}
    .blocPresEtudeSurMesure .subTitle{font-size: 1rem;}
    .blocPresEtudeSurMesure p{font-size:.9rem;}
    .blocPresEtudeSurMesure p strong{font-size: 1rem;}
    .etape:not(:first-child) .valeur{margin-top: 4rem;}
    .etape:not(:last-child) .valeur::after {width:unset;height:unset;top:unset;bottom:unset;right:unset;border-top:unset;}
    .etape:not(:first-child) .valeur::before {content:"";position:absolute;width:1px;height:50%;top:unset;top:-70%;right:50%;border-left:1px solid #d0103a;border-top:unset;}
    
    .blocPresEtudeSurMesure .step .niveau {width: 25%;}
    .blocPresEtudeSurMesure .step:not(:last-child) .niveau::after {width: 350%;right: -400%;}

    /*** ***/

}