p {
    font-weight: 300 !important 
}
h1 img{
  width: 100%;
}
h1.titre1, h1.titreBigOrange, h2.titreBigOrange, h3.titreBigOrange, div.titreBigOrange {
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    color: #e79759;
    overflow-wrap: break-word;
    text-transform: uppercase;
    margin-bottom: 0.625rem 
}
h1.titre1 span, h1.titreSmallBleu , h2.titreSmallBleu, h3.titreSmallBleu, div.titreSmallBleu{
    font-size: 2.125rem;
    line-height: 2.125rem;
    color: #183650;
    text-transform: none !important;
    font-weight: 700 !important;
    display: block;
}
h1.titre1b, h1.titreBigBleu, h2.titreBigBleu, h3.titreBigBleu, div.titreBigBleu {
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    color: #183650;
    overflow-wrap: break-word;
    text-transform: uppercase;
    margin-bottom: 0.625rem 
}
h1.titre1b span, h1.titreSmallOrange, h2.titreSmallOrange, h3.titreSmallOrange, div.titreSmallOrange {
    font-size: 2.125rem;
    line-height: 2.125rem;
    color: #e79759;
    text-transform: none !important;
    font-weight: 700 !important;
    display: block 
}
h2.titre1c, .present2 .txtTexte h2.titre1c {
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    color: #183650;
    overflow-wrap: break-word;
    text-transform: uppercase;
    margin-bottom: 0.625rem 
}
h2.titre1c span {
    font-size: 2.125rem;
    line-height: 2.125rem;
    color: #e79759;
    text-transform: none !important;
    font-weight: 700 !important;
    display: block 
}
h1.titre2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    color: #183650;
    overflow-wrap: break-word;
    text-transform: uppercase;
    margin-bottom: 0.625rem 
}
h1.titre2 span {
    font-size: 2.125rem;
    line-height: 2.125rem;
    color: #e79759;
    font-weight: 700 !important;
    display: block;
    text-transform: none !important 
}
h2.titre1c, .present2 .txtTexte h2.titre1c {
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    color: #183650;
    overflow-wrap: break-word;
    text-transform: uppercase;
    margin-bottom: 0.625rem 
}
h2.titre1c span {
    font-size: 2.125rem;
    line-height: 2.125rem;
    color: #e79759;
    text-transform: none !important;
    font-weight: 700 !important;
    display: block 
}
h2.titre1 {
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    color: #e79759;
    overflow-wrap: break-word;
    text-transform: uppercase;
    margin-bottom: 0.625rem 
}
h2.titre1 span {
    font-size: 2.125rem;
    line-height: 2.125rem;
    color: #183650;
    font-weight: 700 !important;
    display: block 
}
h2.titre1b {
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    color: #183650;
    overflow-wrap: break-word;
    text-transform: uppercase;
    margin-bottom: 0.625rem 
}
h2.titre1b span {
    font-size: 2.125rem;
    line-height: 2.125rem;
    color: #e79759;
    font-weight: 700 !important;
    display: block 
}
.blocTexte p {
    font-size: 1rem;
    line-height: 1.4375rem;
    padding-bottom: 1.875rem;
    color: #464646 
}
.blocTexte a {
    color: #e79759;
    display: inline-block;
    position:relative;
}
.blocTexte a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 3px;
    content: "";
    display: block;
    height: 0.05rem;
    left: 0;
    position: absolute;
    background: #e79759;
    transition: transform 0.5s;
    width: 100%;
    transform: scaleX(0);
    transform-origin: right;
}

.blocTexte a.bleu:after {
    background: none;
}

.blocTexte a:hover, .blocTexte a.selected {
    color: #e79759;
}
.blocTexte a:hover:after, .blocTexte a.selected:after {
    transform: scaleX(1);
    transform-origin: left;
}
.blocTexte ul {
    margin-left: 2em;
    padding-bottom: 1.875rem;
}
.blocTexte ul li {
    list-style: none;
    color:#707070;
    font-size: 1rem;
    line-height: 1.4375rem;
}
.blocTexte ul li:before {
    content: "\2022";
    color: #183650;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.blocTexte blockquote {
    font-style: italic;
    font-size: 1rem;
    padding-bottom: 1.875rem;
}
.blocTexte blockquote p {
    background-color: #F0F0F0;
    padding:0.5rem 0 0.5rem 1rem;
    border-left: 4px solid #CCC;
}
.bouton {
    padding: 0.9375rem 2.5rem;
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400 !important;
    -webkit-transition: background 0.3s ease 0s;
    -o-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s 
}
.bouton.bleu {
    border: 0.0625rem solid #183650;
    color: #183650 
}
.bouton.bleu:hover {
    background: #183650;
    color: #fff 
}
.bouton.blanc {
    background: transparent;
    border: 0.0625rem solid #fff;
    color: #fff 
}
.bouton.blanc:hover {
    background: #fff;
    color: #e79759 
}
.w100, .w75, .w50, .w40, .w20 {
    position: relative;
    /* background: #000; */
}
.w100 {
    width: 100%;
    /*height: auto;*/
    max-height: 31.825rem;
    overflow: hidden;
    margin-bottom: 0.75rem 
}
.w100 img {
    width: 100%;
    height: auto;
}
.w50 {
    width: calc(50% - 0.625rem);
    /*height: auto;*/
    max-height: 12.75rem;
    overflow: hidden;
    margin-right: 0.625rem 
}

.w50.blocBouton, .w100.blocAccroche{
    background: transparent!important;
}
.w50.last {
    margin-right: 0 
}
.w50 img {
    width: 100%;
    height: auto;
}
.w75 {
    width: calc(75% - 0.625rem);
    height: auto;
    overflow: hidden;
    margin-right: 0rem;
    margin-bottom: 0.625rem 
}
.w75 img {
    width: 100% 
}
.w40 {
    width: calc(40% - 0.5625rem);
    height: auto;
    overflow: hidden;
    margin-right: 0.625rem;
    margin-left: 0rem;
    position: relative 
}
.w40.last {
    margin-right: 0 
}
.w40 img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%) 
}
.w20 {
    width: calc(20% - 0.125rem);
    height: auto;
    overflow: hidden;
    margin-right: 0.625rem;
    margin-left: 0rem;
    position: relative 
}
.w20.last {
    margin-right: 0 
}
.w20 img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%) 
}
.zoneIllus .w20, .zoneIllus .w40 {
    min-height: 19.125rem;
    max-height: 19.125rem 
}
.imgList {
    display: inline-block;
    float: left 
}
.illuCol2 {
    padding-top: 3.75rem !important;
    position: relative;
    overflow: hidden 
}
.illuCol2 .illu1 {
    bottom: 0;
    position: absolute;
    right: 0 
}
.illuCol2 img {
    bottom: 0rem;
   right: 0rem;
   position: relative;
   width: auto;
   min-height: 100%;
   height: 100%;
   left: 50%;
   -webkit-transform: translateX(-50%);
       -ms-transform: translateX(-50%);
           transform: translateX(-50%);
}
.illuCol2 .w75 {
    height: calc(100% - 4.375rem) !important;
    overflow: hidden;
    margin-bottom: 0.75rem 
}
.illuCol2 .w75 .descBloc {
    height: calc(100% - 2.5rem) 
}
.w100, .w75, .w50, .w40, .w20 {
    font-size: 15vw 
}
.linkBox {
    -webkit-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s 
}
.linkBox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    display: block;
    height: initial;
    width: 100%;
    overflow: hidden 
}
.linkBox img {
    -webkit-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s 
}
.linkBox span.descBloc {
    position: absolute;
    display: block;
    width: 0rem;
    height: calc(100% - 2.5rem);
    background: rgba(231, 151, 89, 0.75);
    left: 0rem;
    top: 1.25rem;
    z-index: 100;
    -webkit-transition: width 0s ease 0.5s, left 0.25s ease 0.5s, display 0.35s ease 0.5s;
    -o-transition: width 0s ease 0.5s, left 0.25s ease 0.5s, display 0.35s ease 0.5s;
    transition: width 0s ease 0.5s, left 0.25s ease 0.5s, display 0.35s ease 0.5s;
    overflow: hidden 
}
.linkBox span.descBloc strong {
    position: absolute;
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    padding: 1.875rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    display: block;
    opacity: 1;
    -webkit-animation: hideAnim 0.05s ease 0.45s normal forwards !important;
            animation: hideAnim 0.05s ease 0.45s normal forwards !important;
    overflow-wrap: break-word 
}
.linkBox:hover:before {
    background: rgba(0, 0, 0, 0.75) 
}
.linkBox:hover span {
    width: calc(100% - 2.5rem);
    left: 1.25rem 
}
.linkBox:hover span strong {
    -webkit-animation: visibleAnim 0.005s ease 0s normal forwards !important;
            animation: visibleAnim 0.005s ease 0s normal forwards !important 
}
.linkBox:hover img {
    opacity: 0.75 
}
/* Fil d'ariane */
.breadcrumb span,
.breadcrumb span a {
   color: #e79759;
}

.breadcrumb .breadcrumb_last {
   color: #454545;
}

/*boutons recherche*/
.serach-pagination-number > div {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
}

/** **/
@media (max-width: 767px){
     .w100 {
         max-height: 25.825rem;
    }
}
/** Slider Villes Home **/
.sliderVille {
    position: relative;
    width: calc(100% - 6.875rem);
    margin-top: 5rem;
    margin-bottom: 1.875rem;
    overflow: hidden;
    height: 33.125rem;
    float: right 
}
.sliderVille .ficheVille {
    position: absolute;
    left: 0;
    width: calc(100%);
    height: 33.125rem;
    top: 0;
    /*z-index: 1;*/
    background: #fff;
    -webkit-animation: initSlides 0s ease 0s 1 normal forwards;
            animation: initSlides 0s ease 0s 1 normal forwards 
}
.sliderVille .ficheVille.prev {
    -webkit-animation: slideTo0 2s ease 0s 1 normal forwards;
            animation: slideTo0 2s ease 0s 1 normal forwards 
}
.sliderVille .ficheVille.prev .navVille{
    opacity: 0;
    display:none!important 
}
.sliderVille .ficheVille .navVille {
    -webkit-transition: all 3s ease;
    -o-transition: all 3s ease;
    transition: all 3s ease;
    display:none!important 
}
.sliderVille .ficheVille.active {
    -webkit-animation: slideTo 2s ease 0s 1 normal forwards;
            animation: slideTo 2s ease 0s 1 normal forwards 
}
.sliderVille .ficheVille.active .navVille {
    display: block!important;
    -webkit-animation: width1 0s ease 1s 1 normal forwards !important;
            animation: width1 0s ease 1s 1 normal forwards !important 
}
.sliderVille .ficheVille.active .tVille {
    -webkit-animation: visibleAnim 2s ease 0s 1 normal forwards !important;
            animation: visibleAnim 2s ease 0s 1 normal forwards !important 
}
.sliderVille .ficheVille.active .tVille .nomVille {
    -webkit-animation: width1b 1.75s ease-in-out 1.25s 1 normal forwards;
            animation: width1b 1.75s ease-in-out 1.25s 1 normal forwards 
}
.sliderVille .ficheVille .tVille {
    display: inline-block;
    font-size: 2.125rem;
    line-height: 2.125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin-left: 2.5rem;
    color: #e79759;
    position: absolute;
    -webkit-animation: hideAnim 1s ease 0s 1 normal forwards !important;
            animation: hideAnim 1s ease 0s 1 normal forwards !important 
}
.sliderVille .ficheVille .tVille .nomVille {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    color: #183650;
    text-transform: uppercase;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    position: absolute;
    opacity: 0;
    -webkit-animation: width0 0s ease 0s 1 normal forwards;
            animation: width0 0s ease 0s 1 normal forwards; 
}
.sliderVille .ficheVille .illuVille {
    width: 100%;
    height: 28.125rem;
    text-align: center !important;
    margin-top: 5rem 
}
.sliderVille .ficheVille .illuVille img {
    width: auto;
    height: 100%;
    min-height: 100%;
}
.sliderVille .ficheVille .navVille {
    position: absolute;
    right: calc(-100% - 15.625rem);
    top: 2.5rem;
    text-align: right;
    padding-right: 1.25rem;
    overflow: hidden !important;
    -webkit-animation: width0b 2s ease 0s 1 normal forwards !important;
            animation: width0b 2s ease 0s 1 normal forwards !important 
}
.sliderVille .ficheVille .navVille li {
    padding-left: 1.875rem;
    display: inline-block;
    text-align: center 
}
.sliderVille .ficheVille .navVille li a {
    font-size: 0.8125rem;
    color: #464646;
    padding: 0.125rem 0.3125rem;
    position: relative;
    font-weight: 700 !important 
}
.sliderVille .ficheVille .navVille li a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    background: #e79759;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    width: 100%;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.sliderVille .ficheVille .navVille li a:hover {
    color: #e79759;
    font-weight: 700 !important 
}
.sliderVille .ficheVille .navVille li a:hover:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}
.navVille2 {
    display: none 
}
.sliderVille .sliderZoneVille .ficheVille .tVille {
    display: inline-block;
    font-size: 2.125rem;
    line-height: 2.125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    margin-left: 2.5rem;
    color: #e79759;
    position: absolute;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    left: 0%;
    z-index: 10 
}
.sliderVille .sliderZoneVille .ficheVille .tVille .nomVille {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    color: #183650;
    text-transform: uppercase;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    position: absolute;
    margin-left: 0%;
    -webkit-transition: margin-left linear 1s;
    -o-transition: margin-left linear 1s;
    transition: margin-left linear 1s; 
}
.sliderVille .sliderZoneVille .ficheVille .illuVille {
    width: calc(100% - 0rem);
    height: 28.125rem;
    text-align: center !important;
    margin-top: 5rem;
    overflow: hidden;
}
.sliderVille .sliderZoneVille .ficheVille .illuVille img {
    width: auto;
    height: 100%;
    min-height: 100%; 
}
.sliderVille .sliderZoneVille .ficheVille .navVille {
    position: absolute;
    right: 2.5rem;
    top: 2.5rem 
}
.sliderVille .sliderZoneVille .ficheVille .navVille:before {
    width: 6.25rem !important;
    display: inline-block;
    position: absolute;
    left: -5rem;
    top: 0.875rem;
    height: 0.0625rem;
    background: #e79759;
    content: ' ';
    margin-bottom: 0.1875rem;
    margin-right: 0rem 
}
.sliderVille .sliderZoneVille .ficheVille .navVille li {
    padding-left: 1.875rem;
    display: inline-block;
    text-align: center 
}
.sliderVille .sliderZoneVille .ficheVille .navVille li a {
    font-size: 0.8125rem;
    color: #464646;
    padding: 0.125rem 0.3125rem;
    position: relative 
}
.sliderVille .sliderZoneVille .ficheVille .navVille li a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    background: #e79759;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    width: 100%;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.sliderVille .sliderZoneVille .ficheVille .navVille li a:hover {
    color: #e79759;
    font-weight: normal 
}
.sliderVille .sliderZoneVille .ficheVille .navVille li a:hover:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}
.navVille2 {
    display: none 
}
.actionsVilles {
    width: calc(100% - 6.9rem);
    float: right 
}
.select-ville, .navigationVille {
    position: relative;
    cursor: pointer;
    min-width: 15.625rem;
    max-width: 15.625rem;
    width: 15.625rem;
    border: 0.0625rem solid #e5e5e5;
    height: 2.5rem 
}
.select-ville:after, .navigationVille:after {
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath fill='%23e5e5e5' fill-rule='nonzero' d='M1.816.5L.5 1.846 7 8.5l6.5-6.654L12.184.5 7 5.804z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: contain;
    right: 0.625rem;
    width: 0.875rem;
    height: 0.5625rem;
    top: 0.9375rem;
    padding: 0 0 0.125rem;
    position: absolute;
    pointer-events: none;
    z-index: -1 
}
.select-ville select, .navigationVille select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 1.875rem;
    float: left;
    margin: 0.3125rem 0rem;
    padding: 0rem 1.5rem;
    font-size: .95em;
    line-height: 1.9em;
    color: #000;
    background-color: transparent;
    background-image: none;
    border: none;
    -ms-word-break: normal;
    word-break: normal;
    font-weight: 700 
}
.navigationVille {
    display: block;
    float: left 
}
.select-ville {
    display: none 
}
.liste-pays {
    float: right;
    text-align: right;
    padding-right: 1.25rem 
}
.liste-pays li {
    padding-left: 1.875rem;
    display: inline-block;
    text-align: center 
}
.liste-pays li a {
    font-size: 0.8125rem;
    color: #464646;
    padding: 0.125rem 0.3125rem;
    position: relative;
    font-weight: 700 !important 
}
.liste-pays li a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    background: #e79759;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    width: 100%;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.liste-pays li a:hover, .liste-pays li a.selected {
    color: #e79759;
    font-weight: 700 !important 
}
.liste-pays li a:hover:after, .liste-pays li a.selected:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}
#clients-slide-mobile {
   display: none;
}
#clients-slide-base {
   display: block;
}
@media (max-width: 1440px) {
    .sliderVille .sliderZoneVille .ficheVille .navVille {
        right: 2.5rem !important;
        padding-right: 1.25rem !important 
   }
}
@media (max-width: 1268px) {
    .sliderVille .ficheVille .illuVille {
        width: 100%;
        height: 21.875rem;
        text-align: center !important;
        margin-top: 5.625rem !important;
        margin-left: 0rem !important; 
   }
}
@media (max-width: 1040px) {
    .sliderVille .ficheVille .tVille {
        display: inline-block;
        font-size: 1.5rem !important;
        line-height: 1.5rem !important;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        margin-left: 0.3125rem !important;
        margin-top: 1.75rem;
        color: #e79759;
        position: absolute;
        width: calc(100%) 
   }
    .sliderVille .ficheVille .tVille .nomVille {
        font-family: "Montserrat", sans-serif;
        font-weight: 800;
        color: #183650;
        text-transform: uppercase;
        font-size: 2.375rem !important;
        line-height: 2.375rem !important;
        /* white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; */
        width: calc(100% - 1.25rem) 
   }
}
@media (max-width: 991px) {
    #clients-slide-base {
        display: none;
    }

   #clients-slide-mobile {
       display: block;
   }
    .sliderVille .ficheVille .navVille, .liste-pays {
        padding-right: 1.5625rem 
   }
    .sliderVille {
        position: relative;
        width: calc(100% - 5rem);
        margin-top: 4.0625rem;
        margin-bottom: 1.875rem;
        overflow: hidden;
        height: 26.875rem;
        float: right 
   }
    .sliderVille .ficheVille {
        position: absolute;
        left: 0;
        width: 0;
        height: 26.875rem;
        top: 0;
        z-index: 1;
        background: #fff 
   }
    .sliderVille .ficheVille .tVille {
        display: inline-block;
        font-size: 1.5rem !important;
        line-height: 1.5rem !important;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        margin-left: 0.3125rem !important;
        margin-top: 1.75rem;
        color: #e79759;
        position: absolute;
        width: calc(100%) 
   }
    .sliderVille .ficheVille .tVille .nomVille {
        font-family: "Montserrat", sans-serif;
        font-weight: 800;
        color: #183650;
        text-transform: uppercase;
        font-size: 2.375rem !important;
        line-height: 2.375rem !important;
        /* white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; */
        width: calc(100% - 1.25rem) 
   }
    .sliderVille .ficheVille .illuVille {
        width: 100%;
        height: 21.875rem;
        text-align: center !important;
        margin-top: 5.625rem !important;
        margin-left: 0rem !important;
        overflow: hidden!important;
        position: relative;
   }
    .sliderVille .ficheVille .illuVille img {
        width: auto;
        height: 100%;
        min-height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
   }
    .sliderVille .ficheVille .navVille {
        display: none 
   }
    .actionsVilles {
        width: calc(100% - 6.9rem);
        float: right;
        margin-right: 1.9rem
   }
    .navigationVille {
        display: block;
        float: right;
        min-width: calc(50% - 0.3125rem);
        max-width: 100% 
   }
    .select-ville {
        display: block !important;
        width: calc(50% - 0.625rem);
        float: left;
        min-width: 9.375rem;
        max-width: 100%;
        margin-right: 0.3125rem !important;
   }
}
@media (min-width: 993px) and (max-width: 1080px) {
    .sliderVille .ficheVille .tVille {
        margin-top: 1.5625rem !important;
        font-size: 1.5rem;
        line-height: 1.5rem;
        overflow-wrap: break-word 
   }
    .sliderVille .ficheVille .tVille .nomVille {
        font-size: 3rem;
        line-height: 2.75rem 
   }
}
@media (max-width: 1268px) {
    .sliderVille .ficheVille .navVille, .liste-pays {
        padding-right: 2.5rem 
   }
    .sliderVille .ficheVille .tVille {
        font-size: calc( 2.125rem * 0.85) !important;
        line-height: calc( 2.125rem * 0.85) !important 
   }
    .sliderVille .ficheVille .tVille .nomVille {
        font-size: calc( 4.5rem * 0.85) !important;
        line-height: calc(3.9375rem * 0.85) !important 
   }
    .sliderVille .sliderZoneVille .ficheVille .navVille {
        right: 7.5rem !important;
        top: 1.875rem !important;
   }
    .sliderVille .ficheVille .illuVille {
        margin-top: 4.25rem !important; 
   }
}
@media (max-width: 1078px) {
    .sliderVille .sliderZoneVille .ficheVille .navVille {
        right: 7.5rem !important;
        top: 3.125rem !important;
        display: none!important;
   }
    .sliderVille .ficheVille .illuVille {
        margin-top: 5.5rem !important; 
   }
}
@media (max-width: 991px) {
    .sliderVille .sliderZoneVille .ficheVille .navVille {
        right: 7.5rem !important;
        top: 3.125rem !important 
   }
    .sliderVille .ficheVille .illuVille {
        margin-top: 5.875rem !important; 
   }
    .liste-pays {
        display: none 
   }
    .navVille2 {
        display: block 
   }
}
@media (min-width: 1269px) {
    .sliderVille .ficheVille .navVille, .liste-pays {
        padding-right: 5.4375rem !important 
   }
    .sliderVille .sliderZoneVille .ficheVille .navVille {
        right: 7.5rem !important 
   }
}
.navVille2 {
    display: none 
}
@media (max-width: 991px) {
    .navVille2 {
        display: block;
        position: absolute;
        z-index: 10;
        left: 0rem;
        top: 38.125rem;
        margin-left: 5rem;
        padding-bottom: 2.8125rem;
        -webkit-animation: hideAnim2 1s ease 0s 1 normal forwards !important;
                animation: hideAnim2 1s ease 0s 1 normal forwards !important 
   }
    .navVille2.active {
        display: block;
        -webkit-animation: visibleAnim2 2s ease 0s 1 normal forwards !important;
                animation: visibleAnim2 2s ease 0s 1 normal forwards !important 
   }
    .navVille2.active li a {
        font-size: 1rem;
        line-height: 1.875rem;
        padding: 0rem 0rem;
        margin: 0.5rem 0;
        color: #464646;
        position: relative;
        display: inline-block 
   }
    .navVille2.active li a:after {
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 0.125rem;
        left: 0;
        position: absolute;
        background: #e79759;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        width: 100%;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: right;
            -ms-transform-origin: right;
                transform-origin: right 
   }
    .navVille2.active li a:hover, .navVille2.active li a.selected {
        color: #e79759;
        font-weight: 700 !important 
   }
    .navVille2.active li a:hover:after, .navVille2.active li a.selected:after {
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1);
        -webkit-transform-origin: left;
            -ms-transform-origin: left;
                transform-origin: left 
   }
}
@-webkit-keyframes visibleAnim2 {
    0% {
        opacity: 0;
        left:-15.625rem 
   }
    50% {
        opacity: 0.25;
        left: -7.8125rem 
   }
    100% {
        opacity: 1;
        left: 5.625rem;
        z-index: 10 
   }
}
@keyframes visibleAnim2 {
    0% {
        opacity: 0;
        left:-15.625rem 
   }
    50% {
        opacity: 0.25;
        left: -7.8125rem 
   }
    100% {
        opacity: 1;
        left: 5.625rem;
        z-index: 10 
   }
}
@-webkit-keyframes hideAnim2 {
    0% {
        opacity: 1;
        left: 0 
   }
    100% {
        opacity: 0;
        left:-15.625rem;
        z-index: 0 
   }
}
@keyframes hideAnim2 {
    0% {
        opacity: 1;
        left: 0 
   }
    100% {
        opacity: 0;
        left:-15.625rem;
        z-index: 0 
   }
}
/*.sliderVille {
    position: relative;
    width: calc(100% - 6.875rem);
    margin-top: 5rem;
    margin-bottom: 1.875rem;
    overflow: hidden;
    height: 33.125rem;
    float: right 
}
.sliderVille .ficheVille {
    position: absolute;
    left: calc(100%);
    width: 0;
    height: 33.125rem;
    top: 0;
    z-index: 1;
    background: #fff;
    animation: initSlides 0s ease 0s 1 normal forwards 
}
.sliderVille .ficheVille.prev {
    animation: initSlides 2s ease 0s 1 normal forwards 
}
.sliderVille .ficheVille.active {
    animation: slideTo 2s ease 0s 1 normal forwards 
}
.sliderVille .ficheVille.active .navVille {
    animation: width1 2s ease 1s 1 normal forwards !important 
}
.sliderVille .ficheVille.active .tVille {
    animation: visibleAnim 2s ease 0s 1 normal forwards !important 
}
.sliderVille .ficheVille.active .tVille .nomVille {
    animation: width1b 1.75s ease-in-out 1.25s 1 normal forwards 
}
.sliderVille .ficheVille .tVille {
    display: inline-block;
    font-size: 2.125rem;
    line-height: 2.125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin-left: 2.5rem;
    color: #e79759;
    position: absolute;
    animation: hideAnim 1s ease 0s 1 normal forwards !important 
}
.sliderVille .ficheVille .tVille .nomVille {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    color: #183650;
    text-transform: uppercase;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    position: absolute;
    opacity: 0;
    animation: width0 0s ease 0s 1 normal forwards 
}
.sliderVille .ficheVille .illuVille {
    width: 100%;
    height: 28.125rem;
    text-align: center !important;
    margin-top: 5rem 
}
.sliderVille .ficheVille .illuVille img {
    width: auto;
    height: 100%;
    min-height: 100% 
}
.sliderVille .ficheVille .navVille {
    position: absolute;
    right: calc(-100% - 15.625rem);
    top: 2.5rem;
    text-align: right;
    padding-right: 1.25rem;
    overflow: hidden !important;
    animation: width0b 2s ease 0s 1 normal forwards !important 
}
.sliderVille .ficheVille .navVille li {
    padding-left: 1.875rem;
    display: inline-block;
    text-align: center 
}
.sliderVille .ficheVille .navVille li a {
    font-size: 0.8125rem;
    color: #464646;
    padding: 0.125rem 0.3125rem;
    position: relative;
    font-weight: 700 !important 
}
.sliderVille .ficheVille .navVille li a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    background: #e79759;
    transition: transform 0.5s;
    width: 100%;
    transform: scaleX(0);
    transform-origin: right 
}
.sliderVille .ficheVille .navVille li a:hover {
    color: #e79759;
    font-weight: 700 !important 
}
.sliderVille .ficheVille .navVille li a:hover:after {
    transform: scaleX(1);
    transform-origin: left 
}
.navVille2 {
    display: none 
}
*/
@-webkit-keyframes initSlides {
    0% {
        left: calc(-100% - 31.25rem);
        width: calc(100% - 0rem);
        z-index: 1;
        opacity: 0;
   }
    25% {
        visibility: hidden;
        z-index: 1 
   }
    90% {
        left: calc(-100% - 31.25rem);
        width: calc(100% - 0rem);
        z-index: 1 
   }
    100% {
        left: calc(-100% - 31.25rem);
        z-index: 1;
        opacity: 1;
   }
}
@keyframes initSlides {
    0% {
        left: calc(-100% - 31.25rem);
        width: calc(100% - 0rem);
        z-index: 1;
        opacity: 0;
   }
    25% {
        visibility: hidden;
        z-index: 1 
   }
    90% {
        left: calc(-100% - 31.25rem);
        width: calc(100% - 0rem);
        z-index: 1 
   }
    100% {
        left: calc(-100% - 31.25rem);
        z-index: 1;
        opacity: 1;
   }
}
@media (max-width: 767px) {
    @-webkit-keyframes initSlides {
        0% {
            left: calc(0%);
            width: calc(100% - 0rem);
            z-index: 1 
       }
        25% {
            visibility: hidden;
            z-index: 1 
       }
        50% {
            left: calc(-100% - 62.5rem);
            width: calc(0% - 0rem);
            z-index: 1 
       }
        100% {
            left: calc(-100% - 62.5rem);
            z-index: 1 
       }
   }
    @keyframes initSlides {
        0% {
            left: calc(0%);
            width: calc(100% - 0rem);
            z-index: 1 
       }
        25% {
            visibility: hidden;
            z-index: 1 
       }
        50% {
            left: calc(-100% - 62.5rem);
            width: calc(0% - 0rem);
            z-index: 1 
       }
        100% {
            left: calc(-100% - 62.5rem);
            z-index: 1 
       }
   }
}
@-webkit-keyframes width0 {
    0% {
        right: 0 
   }
    100% {
        right: calc(-100% - 15.625rem) 
   }
}
@keyframes width0 {
    0% {
        right: 0 
   }
    100% {
        right: calc(-100% - 15.625rem) 
   }
}
@-webkit-keyframes width0b {
    0% {
        left: 0;
        opacity: 0 
   }
    1% {
        left: calc(-100% - 15.625rem);
        opacity: 0 
   }
}
@keyframes width0b {
    0% {
        left: 0;
        opacity: 0 
   }
    1% {
        left: calc(-100% - 15.625rem);
        opacity: 0 
   }
}
@-webkit-keyframes width1 {
    0% {
        right: calc(-100% - 15.625rem) 
   }
    100% {
        right: 0 
   }
}
@keyframes width1 {
    0% {
        right: calc(-100% - 15.625rem) 
   }
    100% {
        right: 0 
   }
}
@-webkit-keyframes width1b {
    0% {
        left: calc(-100% - 15.625rem);
         opacity: 0 
   }
    100% {
        left: 0;
        opacity: 1 
   }
}
@keyframes width1b {
    0% {
        left: calc(-100% - 15.625rem);
         opacity: 0 
   }
    100% {
        left: 0;
        opacity: 1 
   }
}
@-webkit-keyframes slideTo {
    0% {
        left: calc(100% + 0.625rem);
        visibility: hidden;
        width: calc(100% - 0rem);
        z-index: 100 
   }
    100% {
        left: 0;
        visibility: visible;
        width: 100%;
        z-index: 100 
   }
}
@keyframes slideTo {
    0% {
        left: calc(100% + 0.625rem);
        visibility: hidden;
        width: calc(100% - 0rem);
        z-index: 100 
   }
    100% {
        left: 0;
        visibility: visible;
        width: 100%;
        z-index: 100 
   }
}
@-webkit-keyframes slideTo0 {
    0% {
        left: 0;
        visibility: visible;
        width: calc(100% - 0rem);
        z-index: 100 
   }
    100% {
        left: calc(-100% + 0.625rem);
        visibility: hidden;
        width: calc(100% - 0rem);
        z-index: 100 
   }
}
@keyframes slideTo0 {
    0% {
        left: 0;
        visibility: visible;
        width: calc(100% - 0rem);
        z-index: 100 
   }
    100% {
        left: calc(-100% + 0.625rem);
        visibility: hidden;
        width: calc(100% - 0rem);
        z-index: 100 
   }
}
@-webkit-keyframes visibleAnim {
    0% {
        opacity: 0 
   }
    50% {
        opacity: 0.25 
   }
    100% {
        opacity: 1 
   }
}
@keyframes visibleAnim {
    0% {
        opacity: 0 
   }
    50% {
        opacity: 0.25 
   }
    100% {
        opacity: 1 
   }
}
@-webkit-keyframes hideAnim {
    0% {
        opacity: 1 
   }
    100% {
        opacity: 0 
   }
}
@keyframes hideAnim {
    0% {
        opacity: 1 
   }
    100% {
        opacity: 0 
   }
}
@keyframes visibleAnim2 {
    0% {
        opacity: 0;
        left:-15.625rem 
   }
    50% {
        opacity: 0.25;
        left: -7.8125rem 
   }
    100% {
        opacity: 1;
        left: 0;
        z-index: 10 
   }
}
@keyframes hideAnim2 {
    0% {
        opacity: 1;
        left: 0 
   }
    100% {
        opacity: 0;
        left:-15.625rem;
        z-index: 0 
   }
}
.actionsVilles {
    width: calc(100% - 6.9rem);
    float: right 
}
.select-ville, .navigationVille {
    position: relative;
    cursor: pointer;
    min-width: 15.625rem;
    max-width: 15.625rem;
    width: 15.625rem;
    border: 0.0625rem solid #e5e5e5;
    height: 2.5rem 
}
.select-ville:after, .navigationVille:after {
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath fill='%23e5e5e5' fill-rule='nonzero' d='M1.816.5L.5 1.846 7 8.5l6.5-6.654L12.184.5 7 5.804z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: contain;
    right: 0.625rem;
    width: 0.875rem;
    height: 0.5625rem;
    top: 0.9375rem;
    padding: 0 0 0.125rem;
    position: absolute;
    pointer-events: none;
    z-index: -1 
}
.select-ville select, .navigationVille select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 1.875rem;
    float: left;
    margin: 0.3125rem 0rem;
    padding: 0rem 1.5rem;
    font-size: .95em;
    line-height: 1.9em;
    color: #000;
    background-color: transparent;
    background-image: none;
    border: none;
    -ms-word-break: normal;
    word-break: normal;
    font-weight: 700 
}
.navigationVille {
    display: block;
    float: left 
}
.select-ville {
    display: none 
}
.liste-pays {
    float: right;
    text-align: right;
    padding-right: 1.25rem 
}
.liste-pays li {
    padding-left: 1.875rem;
    display: inline-block;
    text-align: center 
}
.liste-pays li a {
    font-size: 0.8125rem;
    color: #464646;
    padding: 0.125rem 0.3125rem;
    position: relative;
    font-weight: 700 !important 
}
.liste-pays li a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    background: #e79759;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    width: 100%;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.liste-pays li a:hover, .liste-pays li a.selected {
    color: #e79759;
    font-weight: 700 !important 
}
.liste-pays li a:hover:after, .liste-pays li a.selected:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}
select::-ms-expand {
    display: none 
}
.zoneTexte1 {
    padding: 1.25rem 0rem 3.125rem 6.5625rem 
}
.accrocheOrange {
    padding: 5.3125rem 0rem 5.3125rem 11.875rem;
    margin-top: 8.125rem;
    width: 40.9375rem;
    height: 41.875rem;
    float: left;
    position: relative 
}
.accrocheOrange:before {
    position: absolute;
    z-index: -1;
    width: calc(100% - 6.25rem);
    min-width: 35.9375rem;
    background: #e79759;
    height: 100%;
    left: 0;
    top: 0;
    content: " " 
}
.accrocheOrange .contenu {
    width: calc(100% + 0rem);
    position: relative 
}
.accrocheOrange h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600 !important;
    line-height: 2.125rem;
    font-size: 3.375rem;
    color: #fff;
    padding-bottom: 1.875rem 
}
.accrocheOrange h2 span {
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 4.5rem ;
    line-height: 4rem;
    text-transform: uppercase;
    display: block 
}
.accrocheOrange p {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
    padding-bottom: 1.875rem 
}
.accrocheOrange a {
    margin-top: 0rem !important 
}
.accrocheOrange a.bouton {
    position: absolute;
    z-index: 10 
}
#next, #prev {
    position: absolute;
    bottom: 0;
    width: 4.6875rem;
    height: 4.6875rem;
    overflow: hidden;
    background: #c0743a;
    background-image: url(../img/icones/icons-arrow-right@2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 25%;
    -webkit-transition: all 0.5s ease 0.005s;
    -o-transition: all 0.5s ease 0.005s;
    transition: all 0.5s ease 0.005s;
    text-indent: -625rem;
    cursor: pointer;
    right: 5rem 
}
#next.inactive, #prev.inactive {
    background: #d38950;
    background-image: url(../img/icones/icons-arrow-right@2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 25% 
}
#next:hover, #prev:hover {
    background-size: 25%;
    opacity: 0.75 
}
#prev {
    right: 9.6875rem;
    background-image: url(../img/icones/icons-arrow-left@2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 25% 
}
#prev.inactive {
    background: #edb386;
    background-image: url(../img/icones/icons-arrow-left@2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 25% 
}
#prev:hover {
    background-size: 25%;
    opacity: 0.75 
}
.zoneSlider {
    width: calc(100% - 43.4375rem);
    min-width: 25.9375rem;
    margin-top: 8.125rem !important;
    position: absolute;
    right: -2.5rem;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 2.5rem 
}
.zoneSlider .simplebar-scrollbar:before {
    background: #e79759 !important;
    opacity: 1 !important 
}
.zoneSlider .simplebar-track {
    width: calc(100% - 2.5rem) 
}
.zoneSlider .simplebar-track:before {
    content: ' ';
    border-bottom: 0.0625rem solid #e5e5e5;
    top: 0.25rem;
    width: 100%;
    height: 0.0625rem;
    left: 0;
    position: absolute 
}
.zoneSlider .slider .sliderItem {
    width: 25.9375rem !important;
    float: left;
    margin-right: 5rem !important 
}
.zoneSlider .slider .sliderItem:nth-child(even) {
    margin-top: 0rem !important 
}
.zoneSlider .slider .sliderItem:nth-child(odd) {
    margin-top: 5rem !important 
}
.zoneSlider .slider .sliderItem:last-child {
    margin-right: 0rem !important 
}
.zoneSlider .slider .sliderItem .illuSlide {
    width: 100%;
    height: 21.25rem;
    overflow: hidden;
    position: relative 
}
.zoneSlider .slider .sliderItem .illuSlide img {
    width: auto;
    max-width: 100%;
    min-height: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute;
    left: 50% 
}
.zoneSlider .slider .sliderItem .texteSlide {
    padding: 2.5rem 1.25rem 2.5rem 2.5rem 
}
.zoneSlider .slider .sliderItem .texteSlide h3 {
    font-size: 1.875rem;
    line-height: 1.5625rem;
    color: #e79759;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 1.25rem 
}
.zoneSlider .slider .sliderItem .texteSlide p {
    color: #464646;
    font-size: 0.8125rem;
    line-height: 1rem;
    padding-bottom: 1.25rem 
}
.zoneSlider .slider .sliderItem .texteSlide a {
    font-size: 0.8125rem;
    color: #464646;
    position: relative;
    display: inline-block 
}
.zoneSlider .slider .sliderItem .texteSlide a:before {
    content: ">";
    padding-right: 0.3125rem;
    font-family: "Montserrat", sans-serif 
}
.zoneSlider .slider .sliderItem .texteSlide a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    background: #e79759;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    width: 100%;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.zoneSlider .slider .sliderItem .texteSlide a:hover, .zoneSlider .slider .sliderItem .texteSlide a.selected {
    color: #e79759;
    font-weight: 600 !important 
}
.zoneSlider .slider .sliderItem .texteSlide a:hover:after, .zoneSlider .slider .sliderItem .texteSlide a.selected:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}
.zoneSlider .slider .sliderItem:last-child {
    margin-right: 0 !important 
}
.illusBig {
    height: 21.625rem;
    overflow: hidden;
    position: relative 
}
.illusBig img {
   -o-object-fit: cover;
      object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    /* left: 0%;
    top: 50%;
    transform: translate(0%, -50%); */
}
.illusBig img.illuImgItem2, .illusBig img.illuImgItem {
    -webkit-animation: slideOut 0.75s ease 0s normal forwards !important;
            animation: slideOut 0.75s ease 0s normal forwards !important;
    position: absolute 
}
.illusBig img.illuImgItem2.active, .illusBig img.illuImgItem.active {
    -webkit-animation: slideIn 0.75s ease 0s normal forwards !important;
            animation: slideIn 0.75s ease 0s normal forwards !important 
}
.illusBig2 {
    height: 13.125rem;
    overflow: hidden;
    position: relative 
}
.illusBig2 img {
   -o-object-fit: cover;
      object-fit: cover;
    height: 100%;
    width: 100%;
    /* min-height: 100%; */
    position: absolute;
    /* left: 0%;
    top: 50%;
    transform: translate(0%, -50%); */
}
.illusBig2 img.illuImgItem2, .illusBig2 img.illuImgItem {
    -webkit-animation: slideOut 0.75s ease 0s normal forwards !important;
            animation: slideOut 0.75s ease 0s normal forwards !important;
    position: absolute 
}
.illusBig2 img.illuImgItem2.active, .illusBig2 img.illuImgItem.active {
    -webkit-animation: slideIn 0.75s ease 0s normal forwards !important;
            animation: slideIn 0.75s ease 0s normal forwards !important 
}
.zoneTitre {
    padding: 8.125rem 5.625rem 5rem 8.125rem;
    height: 24.875rem 
}
.margeTop40 {
    margin-top: 2.5rem !important 
}
.alignLeft {
    float: left 
}
.blocBouton {
    float: left;
    position: relative;
    height: 13.125rem 
}
.next, .prev {
    width: 4.6875rem;
    height: 4.6875rem;
    overflow: hidden;
    background: #04080c;
    background-image: url(../img/icones/icons-arrow-right@2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 25%;
    -webkit-transition: all 0.5s ease 0.005s;
    -o-transition: all 0.5s ease 0.005s;
    transition: all 0.5s ease 0.005s;
    text-indent: -625rem;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 4.6875rem;
    z-index: 10 
}
.sliderVille .prev {
   text-indent: initial !important;
}
.next.inactive, .prev.inactive {
    background: #1a3e5c;
    background-image: url(../img/icones/icons-arrow-right@2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 25% 
}
.next:hover, .prev:hover {
    background-size: 25%;
    opacity: 0.75 
}
.prev {
    left: 0;
    background-image: url(../img/icones/icons-arrow-left@2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 25% 
}
.prev.inactive {
    background: #1a3e5c;
    background-image: url(../img/icones/icons-arrow-left@2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 25% 
}
.prev:hover {
    background-size: 25%;
    opacity: 0.75 
}
.candidatUne {
    position: relative;
    width: calc(100% - 0.75rem);
    height: 30.625rem;
    overflow: hidden 
}
.candidatUne .ficheCandidat {
    width: calc(100% - 0rem);
    margin-left: 5.625rem;
    height: 30.625rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
    background: #0f2334;
    position: absolute;
    -webkit-animation: slideOut 0.75s ease 0s normal forwards !important;
            animation: slideOut 0.75s ease 0s normal forwards !important 
}
.candidatUne .ficheCandidat.active {
    -webkit-animation: slideIn 0.75s ease 0s normal forwards !important;
            animation: slideIn 0.75s ease 0s normal forwards !important 
}
.candidatUne .ficheCandidat img {
   -o-object-fit: cover;
      object-fit: cover;
    height: 100%;
    width: calc(100% - 0rem);
    position: absolute;
    -webkit-animation: zoomOut 2s ease 0s 1 normal forwards !important;
            animation: zoomOut 2s ease 0s 1 normal forwards !important 
}
.candidatUne .ficheCandidat:hover img {
    -webkit-animation: zoomIn 2s ease 0s 1 normal forwards !important;
            animation: zoomIn 2s ease 0s 1 normal forwards !important 
}
.candidatUne .ficheCandidat .infosCandidat {
    position: absolute;
    width: 40%;
    -webkit-backdrop-filter: blur(0.625rem);
    backdrop-filter: blur(0.625rem);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(72%, rgba(24, 54, 80, 0.43)), to(rgba(24, 54, 80, 0)));
    background-image: -o-linear-gradient(top, rgba(24, 54, 80, 0.43) 72%, rgba(24, 54, 80, 0));
    background-image: linear-gradient(to bottom, rgba(24, 54, 80, 0.43) 72%, rgba(24, 54, 80, 0));
    height: 100% 
}
.candidatUne .ficheCandidat .infosCandidat .infos {
    display: block;
    position: absolute;
    bottom: 2.5rem;
    width: calc(100% - 5rem);
    left: 2.5rem;
    color: #fff 
}
.candidatUne .ficheCandidat .infosCandidat .infos h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 2.25rem;
    line-height: 1.5rem;
    font-weight: 300 !important;
    padding-bottom: 0.625rem 
}
.candidatUne .ficheCandidat .infosCandidat .infos p {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500 !important 
}
.candidatUne .ficheCandidat .infosCandidat .infos p.lieu {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 500 !important;
    color: #e79759;
    padding-top: 1.875rem 
}
@-webkit-keyframes slideOut {
    0% {
        left: 0;
        opacity: 1 
   }
    100% {
        left: 150%;
        opacity: 0 
   }
}
@keyframes slideOut {
    0% {
        left: 0;
        opacity: 1 
   }
    100% {
        left: 150%;
        opacity: 0 
   }
}
@-webkit-keyframes slideIn {
    0% {
        left: 150%;
        opacity: 0 
   }
    100% {
        left: 0%;
        opacity: 1 
   }
}
@keyframes slideIn {
    0% {
        left: 150%;
        opacity: 0 
   }
    100% {
        left: 0%;
        opacity: 1 
   }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 1 
   }
    100% {
        opacity: 0.75 
   }
}
@keyframes zoomIn {
    0% {
        opacity: 1 
   }
    100% {
        opacity: 0.75 
   }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 0.75 
   }
    100% {
        opacity: 1 
   }
}
@keyframes zoomOut {
    0% {
        opacity: 0.75 
   }
    100% {
        opacity: 1 
   }
}
.absolute {
    position: absolute 
}
.blocAccroche {
    padding: 3.75rem 3.75rem 0rem 3.75rem;
    position: relative;
    /* height: calc(25.9375rem - 8.125rem)  */
}
.blocAccroche h3 {
    font-size: 2.25rem;
    line-height: 1.875rem;
    color: #e79759;
    font-weight: 600;
    padding-bottom: 0.625rem 
}
.blocAccroche p {
    font-size: 0.8125rem;
    line-height: 1.5rem;
    color: #464646;
}
.blocAccroche .bouton {
    bottom: 0 
}
@media (min-width: 1269px) {
    .zoneTexte1 {
        padding-left: 7.8125rem 
   }
    .accrocheOrange, .zoneTitre {
        padding-left: 12.8125rem;
        padding-right: 0 
   }
}
@media (max-width: 1268px) {
    .zoneTexte1 {
        padding-left: 5rem !important 
   }
    .accrocheOrange, .zoneTitre {
        padding-left: 11.875rem !important;
        padding-right: 0 
   }
    .accrocheOrange h2, .zoneTitre h2 {
        font-size: calc(3.375rem * 0.85);
        line-height: calc( 2.125rem * 0.85) 
   }
    .accrocheOrange h2 span, .zoneTitre h2 span {
        font-size: calc( 4.5rem * 0.85);
        line-height: calc(4rem * 0.85) 
   }
    h1.titre1 {
        font-size: calc( 4.5rem * 0.85);
        line-height: calc(3.9375rem * 0.85) 
   }
    h1.titre1 span {
        font-size: calc( 2.125rem * 0.85);
        line-height: calc( 2.125rem * 0.85) 
   }
    h1.titre1b, h2.titre1c, .present2 .txtTexte h2.titre1c, h1.titreBigBleu, h2.titreBigBleu, h3.titreBigBleu, div.titreBig, h1.titreBigOrange, h2.titreBigOrange, h3.titreBigOrange, div.titreBigOrange {
        font-size: calc( 4.5rem * 0.85);
        line-height: calc(3.9375rem * 0.85) 
   }
    h1.titre1b span, h2.titre1c span, h1.titreSmallOrange, h2.titreSmallOrange, h3.titreSmallOrange, div.titreSmallOrange, h1.titreSmallBleu, h2.titreSmallBleu, h3.titreSmallBleu, div.titreSmallBleu {
        font-size: calc( 2.125rem * 0.85);
        line-height: calc( 2.125rem * 0.85) 
   }
    h1.titre2 {
        font-size: calc( 4.5rem * 0.85);
        line-height: calc(3.9375rem * 0.85) 
   }
    h1.titre2 span {
        font-size: calc( 2.125rem * 0.85);
        line-height: calc( 2.125rem * 0.85) 
   }
    h2.titre1 {
        font-size: calc( 4.5rem * 0.85);
        line-height: calc(3.9375rem * 0.85) 
   }
    h2.titre1 span {
        font-size: calc( 2.125rem * 0.85);
        line-height: calc( 2.125rem * 0.85) 
   }
}
@media (max-width: 991px) {
    .zoneTexte1 {
        padding-left: 1.5625rem !important 
   }
    .accrocheOrange, .zoneTitre {
        padding-left: 5rem !important;
        padding-right: 0 
   }
   .zoneSlider .simplebar-offset .simplebar-content-wrapper {
       margin-top: 5rem;
   }
}
@media (min-width: 993px) and (max-width: 1140px) {
    .accrocheOrange {
        padding: 5.3125rem 0rem 5.3125rem 6.25rem;
        width: calc(56%);
        min-width: auto !important 
   }
    .accrocheOrange:before {
        width: calc(100% - 5rem);
        min-width: auto !important 
   }
    .zoneSlider {
        width: calc(40% - 0rem) !important;
        min-width: auto !important 
   }
}
@media (min-width: 993px) and (max-width: 1080px) {
    h1.titre1, h1.titre1b, h2.titre1c, .present2 .txtTexte h2.titre1c, h1.titreBigBleu, h2.titreBigBleu, h3.titreBigBleu, div.titreBigBleu, h1.titreBigOrange, h2.titreBigOrange, h3.titreBigOrange, div.titreBigOrange {
        font-size: 3rem;
        line-height: 2.75rem;
        overflow-wrap: break-word 
   }
    h1.titre1 span, h1.titre1b span h2.titre1c span, h1.titreSmallOrange, h2.titreSmallOrange, h3.titreSmallOrange, div.titreSmallOrange, h1.titreSmallBleu, h2.titreSmallBleu, h3.titreSmallBleu, div.titreSmallBleu {
        font-size: 1.5rem;
        line-height: 1.5rem 
   }
    h1.titre2 {
        font-size: 3rem;
        line-height: 2.75rem;
        overflow-wrap: break-word 
   }
    h1.titre2 span {
        font-size: 1.5rem;
        line-height: 1.5rem 
   }
    h2.titre1 {
        font-size: 3rem;
        line-height: 2.75rem;
        overflow-wrap: break-word 
   }
    h2.titre1 span {
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: 300 !important 
   }
}
@media (max-width: 991px) {
    body {
        overflow-x: hidden !important 
   }
    h1.titre1, h1.titre1b, h2.titre1c, .present2 .txtTexte h2.titre1c, h1.titreBigBleu, h2.titreBigBleu, h3.titreBigBleu, div.titreBigBleu, h1.titreBigOrange, h2.titreBigOrange, h3.titreBigOrange, div.titreBigOrange {
        font-size: 3rem;
        line-height: 2.75rem;
        overflow-wrap: break-word;
        font-weight: 900 !important;
   }
    h1.titre1 span, h1.titre1b span, h2.titre1c span, h1.titreSmallOrange, h2.titreSmallOrange, h3.titreSmallOrange, div.titreSmallOrange, h1.titreSmallBleu, h2.titreSmallBleu, h3.titreSmallBleu, div.titreSmallBleu {
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: 700 !important;
   }
    h1.titre2 {
        font-size: 3rem;
        line-height: 2.75rem;
        overflow-wrap: break-word;
        font-weight: 900 !important;
   }
    h1.titre2 span {
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: 500 !important;
   }
    h2.titre1 {
        font-size: 3rem;
        line-height: 2.75rem;
        overflow-wrap: break-word;
        font-weight: 700 !important;
   }
    h2.titre1 span {
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: 500 !important;
   }
    h2.titre1b {
        font-size: 2rem;
        line-height: 2.75rem;
        overflow-wrap: break-word;
        font-weight: 900 !important;
   }
    h2.titre1b span {
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: 500 !important 
   }
    .zoneIllus {
        margin-top: 0rem 
   }
    .zoneIllus .w20, .zoneIllus .w40 {
        min-height: 12.875rem;
        max-height: 12.875rem 
   }
    .line1 {
        margin-top: 3.75rem !important 
   }
    .illusBig, .illusBig2 {
        display: none 
   }
    .zoneTitre {
        padding: 5rem 5.625rem 2.5rem 3.75rem;
        height: auto 
   }
    .candidatUne {
        position: relative;
        width: calc(100% - 1.5625rem);
        height: 25.9375rem;
        overflow: hidden;
        margin-left: -0.3125rem 
   }
    .candidatUne .ficheCandidat {
        height: 25.9375rem;
        width: calc(100% - 0rem) 
   }
    .candidatUne .ficheCandidat .infosCandidat .infos {
        width: calc(100% - 2.5rem);
        left: 1.25rem 
   }
    .candidatUne .ficheCandidat .infosCandidat .infos h3 {
        padding-top: 1.875rem 
   }
    .candidatUne .ficheCandidat .infosCandidat .infos p.lieu {
        padding-top: 0.625rem 
   }
    .candidatUne .ficheCandidat .infosCandidat {
        width: 100%;
        height: 37%;
        bottom: 0;
        left: 0 
   }
    .prev, .next {
        width: 2.3125rem;
        height: 2.3125rem;
        right: 6.25rem;
        left: 0;
        position: relative;
        display: block;
        float: left 
   }
    .blocBouton {
        height: 2.3125rem;
        position: absolute;
        right: 1.25rem;
        top: -2.3125rem;
        width: 4.625rem !important 
   }
    .blocAccroche {
        padding: 3.75rem 2.5rem 3.75rem 5.3125rem;
        height: auto 
   }
    .blocAccroche h3 {
        font-size: 2.25rem;
        line-height: 1.875rem;
        color: #e79759;
        font-weight: 600;
        padding-bottom: 1.25rem 
   }
    .blocAccroche p {
        font-size: 0.8125rem;
        line-height: 1.5rem;
        color: #464646;
   }
    .zoneTexte1 {
        padding: 1.8125rem 1.5625rem 3.125rem 1.5625rem;
        width: calc(100vw - 1.25rem);
        -ms-flex-wrap: wrap;
            flex-wrap: wrap 
   }
    .line3 {
        padding-top: 11.25rem 
   }
    .line4 {
        padding-top: 0rem;
        margin-top: -5rem 
   }
    .accrocheOrange {
        padding: 3.125rem 3.125rem 7.1875rem 5rem;
        width: calc(100% - 1.25rem);
        margin-top: 8.125rem;
        height: auto;
        min-width: auto 
   }
    .accrocheOrange:before {
        width: calc(100% - 0.625rem);
        min-width: auto !important 
   }
    .accrocheOrange .contenu {
        width: calc(100% + 0rem) 
   }
    .accrocheOrange h2 {
        font-family: "Montserrat", sans-serif;
        font-weight: 600 !important;
        line-height: 1.25rem;
        font-size: 1.25rem;
        color: #fff;
        padding-bottom: 1.875rem 
   }
    .accrocheOrange h2 span {
        font-family: "Montserrat", sans-serif;
        font-weight: 900 !important;
        font-size: 2.625rem;
        line-height: 2.625rem;
        text-transform: uppercase;
        display: block 
   }
    .accrocheOrange p {
        font-size: 0.875rem;
        line-height: 1.375rem;
        padding-bottom: 1.875rem !important 
   }
    .accrocheOrange a {
        margin-top: 0rem !important 
   }
    .accrocheOrange a.bouton.blanc {
        background: #e79759 
   }
    .accrocheOrange a.bouton.blanc:hover {
        background: #fff;
        color: #e79759 
   }
    #prev, #next {
        display: none 
   }
    .line3 {
        position: relative !important 
   }
    .zoneSlider {
        width: calc(100% - 5rem) !important;
        min-width: auto !important;
        margin-left: 2.5rem;
        height: 41rem;
        top: -7.1875rem 
   }
    .zoneSlider .simplebar-mask {
        margin-left: 0rem 
   }
    .zoneSlider .simplebar-track {
        width: calc(100% - 1.5625rem) 
   }
    .zoneSlider .simplebar-track:before {
        content: ' ';
        border-bottom: 0.0625rem solid #e5e5e5;
        top: 0.25rem;
        width: 100%;
        height: 0.0625rem;
        left: 0;
        position: absolute 
   }
    .zoneSlider .slider .sliderItem {
        width: 13.125rem !important;
        float: left;
        margin-right: 1.5625rem !important 
   }
    .zoneSlider .slider .sliderItem:nth-child(even) {
        margin-top: 0rem !important 
   }
    .zoneSlider .slider .sliderItem:nth-child(odd) {
        margin-top: 5rem !important 
   }
    .zoneSlider .slider .sliderItem:last-child {
        margin-right: 0rem !important 
   }
    .zoneSlider .slider .sliderItem .illuSlide {
        width: 100%;
        height: 10.625rem;
        overflow: hidden;
        position: relative 
   }
    .zoneSlider .slider .sliderItem .illuSlide img {
        width: auto;
        max-width: 100%;
        min-height: 100%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%) 
   }
    .zoneSlider .slider .sliderItem .texteSlide {
        padding: 1.5625rem 0.625rem 1.5625rem 1.25rem 
   }
    .zoneSlider .slider .sliderItem .texteSlide h3 {
        font-size: 0.9375rem;
        line-height: 0.8125rem;
        color: #e79759;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        padding-bottom: 0.625rem 
   }
    .zoneSlider .slider .sliderItem .texteSlide p {
        color: #464646;
        font-size: 0.8125rem;
        line-height: 1rem;
        padding-bottom: 1.25rem 
   }
    .zoneSlider .slider .sliderItem .texteSlide a {
        font-size: 0.8125rem;
        color: #464646;
        position: relative;
        display: inline-block 
   }
    .zoneSlider .slider .sliderItem .texteSlide a:before {
        content: ">";
        padding-right: 0.625rem 
   }
    .zoneSlider .slider .sliderItem .texteSlide a:after {
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 0.125rem;
        left: 0;
        position: absolute;
        background: #e79759;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        width: 100%;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: right;
            -ms-transform-origin: right;
                transform-origin: right 
   }
    .zoneSlider .slider .sliderItem .texteSlide a:hover, .zoneSlider .slider .sliderItem .texteSlide a.selected {
        color: #e79759;
        font-weight: 600 !important 
   }
    .zoneSlider .slider .sliderItem .texteSlide a:hover:after, .zoneSlider .slider .sliderItem .texteSlide a.selected:after {
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1);
        -webkit-transform-origin: left;
            -ms-transform-origin: left;
                transform-origin: left 
   }
}
@media (max-width: 991px) {
    .col2 {
        width: calc(85vw);
        margin-top: -35.425rem;
        margin-left: 14.95rem;
    }
    .illuCol2 {
        width: calc(100vw - 1.25rem);
        max-width: 13.275rem;
        margin-left: 1.5625rem !important;
        padding-top: 0rem !important;
        height: 30rem;
    }
    .w100 img,
    .w50 img {
        width: 110%;
        height: auto;
    }
    .illuCol2 .w75 {
        height: 30rem!important;
        overflow: hidden;
        margin-bottom: 0.75rem;
        width: 100%;
    }
    h1 img{
         width: calc(100% * 0.75);
    }
    h2 img{
         width: calc(100% * 0.85);
    }
}
@media (max-width: 767px) {
    .line1 {
        margin-top: 0rem !important 
   }
    .zoneIllus {
        display: none !important 
   }
    .zoneTexte1 {
        min-height: auto !important;
        padding-bottom: 0 !important 
   }
    .illuCol2 {
        width: calc(100vw - 1.25rem)!important;
        max-width: 8.6875rem;
        margin-left: 1.5625rem !important;
        padding-top: 1.75rem !important;
        height: 25rem;
   }
    .illuCol2 .illu1 {
        width: calc(100%);
        float: left;
        padding-left: 0rem;
        min-width: 8.6875rem;
        max-width: auto;
        height: 25rem;
        min-height: 15.625rem !important;
        position: relative 
   }
    .illuCol2 .illu1 img {
        position: absolute;
        width: auto;
        height: 100%;
        top: 0;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%;
   }
    .bouton {
        padding: 0.9375rem 1.25rem;
        max-width: 8.6875rem !important;
        white-space: normal;
        display: block;
   }
    .ligne1 {
        height: 100%;
        position: relative 
   }
    .col2 {
        width: calc(85vw);
        margin-top: -29.025rem;
        margin-left: 10.25rem 
   }
    .illuCol2 .linkBox span.descBloc {
        height: calc(100% - 3.125rem) !important 
   }
}
@media (max-width: 580px) {
    .navigationVille {
        display: block;
        float: right;
        min-width: 49.25% !important;
        max-width: 49.25% !important 
   }
    .select-ville {
        display: block;
        width: calc(50% - 3.75rem);
        float: left;
        min-width: 48.75% !important;
        max-width: 48.75% !important 
   }
    .sliderVille .ficheVille .tVille {
        font-size: calc( 2.125rem * 0.65) !important;
        line-height: calc( 2.125rem * 0.65) !important;
        margin-top: 4.3375rem!important;
   }
    .sliderVille .ficheVille .tVille .nomVille {
        font-size: calc( 3.5rem * 0.45) !important;
        line-height: calc(3.9375rem * 0.45) !important 
   }
}
.line1 {
    padding-bottom: 2.5rem 
}
.line2 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem 
}
.blocPos {
    padding: 0rem 6.875rem 0rem 10rem 
}
.blocPos h1 {
    width: calc(100% - 2.5rem) 
}
.blocPos .texte {
    padding: 3.125rem 7.5rem 3.125rem 5.625rem;
    margin-top: 1.25rem;
    margin-left: 5rem;
    position: relative;
    font-size: 1rem;
    line-height: 1.4375rem !important;
    color: #464646 
}
.blocPos .texte:before {
    content: ' ';
    position: absolute;
    width: calc(100vw);
    height: calc(100% - 11.875rem);
    z-index: -1;
    background: #f0f0f0;
    left: 1.25rem;
    top: 0 
}
.blocPos2 {
    padding: 3.75rem 6.875rem 0rem 8.125rem;
    position: relative 
}
.blocPos2 h1 {
    width: calc(50% + 5rem) 
}
.blocPos2 .texte {
    padding: 1.875rem calc(50% + 10rem) 7.5rem 5rem;
    margin-top: 0rem;
    margin-left: 0rem;
    position: relative;
    font-size: 1rem;
    line-height: 1.4375rem !important;
    color: #464646 
}
.blocPos2 .texte:before {
    content: ' ';
    position: absolute;
    width: calc(100% + 1.875rem);
    height: calc(100% - 4.375rem);
    z-index: -1;
    background: #f0f0f0;
    left: 1.875rem;
    top: 1.875rem 
}
.blocPos2 .illusTexte {
    width: calc(50%);
    position: absolute;
    right: 0;
    top: -3.75rem 
}
.caseIllu1 {
    width: 11.25rem;
    height:17rem;
    position: absolute;
    left: calc(100% - (23.4375rem * 1) - (111.25rem * 1) - 0.75rem);
    top: 3.75rem;
    overflow: hidden 
}
.caseIllu1 img {
    width: auto;
    height: 100% 
}
.caseIllu2 {
    width: 23.4375rem;
    height: 32.1875rem;
    position: absolute;
    right: 0rem;
    top: 0;
    overflow: hidden 
}
.caseIllu2 img {
    width: auto;
    height: 100% 
}
.caseIllu3 {
    width: 25.75rem;
    height: 19.25rem;
    position: absolute;
    left: calc(100% - (23.4375rem * 1) - (25.75rem * 1) - 0.75rem);
    top: 21.5rem;
    overflow: hidden 
}
.caseIllu3 img {
    width: auto;
    height: 100% 
}
@media (max-width: 1268px) {
    .caseIllu1 {
        width: calc(111.25rem * 0.7);
        height: calc(13.25rem * 0.7);
        position: absolute;
        left: calc(100% - (23.4375rem * 0.7) - (111.25rem * 0.7) + 1rem);
        top: calc(5.625rem * 0.7);
        overflow: hidden 
   }
    .caseIllu1 img {
        width: auto;
        height: 100% 
   }
    .caseIllu2 {
        width: calc(23.4375rem * 0.7);
        height: calc(32.1875rem * 0.7);
        position: absolute;
        right: 0rem;
        top: 0;
        overflow: hidden 
   }
    .caseIllu2 img {
        width: auto;
        height: 100% 
   }
    .caseIllu3 {
        width: calc(25.75rem * 0.7);
        height: calc(19.25rem * 0.7);
        position: absolute;
        left: calc(100% - (23.4375rem * 0.7) - (25.75rem * 0.7) - 0.75rem);
        top: calc((19.8125rem * 0.7));
        overflow: hidden 
   }
    .caseIllu3 img {
        width: auto;
        height: 100% 
   }
    .blocPos2 {
        padding: 0rem 6.875rem 0rem 8.125rem;
        position: relative 
   }
    .blocPos2 h1 {
        width: calc(50% + 5rem) 
   }
    .blocPos2 .texte {
        padding: 1.875rem calc(50% + 8.75rem) 6.25rem 5rem;
        margin-top: 0rem;
        margin-left: 0rem;
        position: relative;
        font-size: 1rem;
        line-height: 1.4375rem !important;
        color: #464646 
   }
    .blocPos2 .texte:before {
        content: ' ';
        position: absolute;
        width: calc(100% + 1.875rem);
        height: calc(100% - 3.125rem);
        z-index: -1;
        background: #f0f0f0;
        left: 1.875rem;
        top: 1.875rem 
   }
    .blocPos2 .illusTexte {
        width: calc(50%);
        position: absolute;
        right: 0;
        top: 0 
   }
}
@media (max-width: 991px) {
    .blocPos2 {
        padding: 0rem 1.5625rem 0rem 1.5625rem;
        position: relative 
   }
    .blocPos2 h1 {
        width: calc(100% + 0rem) 
   }
    .blocPos2 .texte {
        padding: 1.875rem 1.5625rem 17.5rem 1.5625rem 
   }
    .blocPos2 .texte:before {
        width: calc(100% + 0rem);
        height: calc(100% + 6.25rem);
        left: 0rem 
   }
    .blocPos2 .illusTexte {
        width: 100%;
        position: relative 
   }
    .caseIllu1 {
        width: calc(50% - 0.9375rem);
        height: auto !important;
        left: 0rem;
        top: calc(100% - 15.625rem) 
   }
    .caseIllu1 img {
        width: 100%;
        height: auto 
   }
    .caseIllu2 {
        width: calc(50% - 0rem);
        height: auto !important;
        top: calc(100% - 8.125rem) 
   }
    .caseIllu2 img {
        width: 100%;
        height: auto 
   }
    .caseIllu3 {
        display: none 
   }
}
@media (min-width: 768px) and (max-width: 991px) {
    .marginTop.marginTop200 {
        margin-top: 31.25rem !important 
   }
}
@media (max-width: 767px) {
    .blocPos2 {
        padding: 0rem 1.5625rem 0rem 1.5625rem;
        position: relative 
   }
    .blocPos2 .texte {
        padding: 1.875rem 1.5625rem 17.5rem 1.5625rem 
   }
    .blocPos2 .texte:before {
        width: calc(100% + 0.1875rem);
        height: calc(100% + 6.25rem);
        left: 0rem 
   }
    .blocPos2 .illusTexte {
        width: 100%;
        position: relative 
   }
    .caseIllu1 {
        width: calc(50% - 0.9375rem);
        height: auto !important;
   }
    .caseIllu1 img {
        width: 100%;
        height: auto 
   }
    .caseIllu2 {
        width: calc(50% - 0rem);
        height: auto !important;
   }
    .caseIllu2 img {
        width: 100%;
        height: auto 
   }
    .caseIllu3 {
        display: none 
   }
}
.illuBloc {
    overflow: hidden !important;
    width: calc(100%);
    height: calc(100% - 3.75rem);
    position: relative 
}
.illuBloc img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: 125% 
}
.about-us .illuBloc img, .agency-page .illuBloc img {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
   width: auto;
   height: 100%; 
}
.bloc1 .tRub {
    top: 50% !important;
    left: -9.0625rem 
}
.bloc1 .tRub.normal {
    top: 13.4375rem !important 
}
.blocTri .tRub {
    top: -0.625rem !important;
    left: -10.3125rem 
}
.blocTri h2 {
    padding-left: 0rem !important;
    margin-top: -2.5rem 
}
@media (max-width: 991px) {
    .blocTri {
        margin-top: 6.25rem !important;
        padding-bottom: 0 !important 
   }
    .blocTri .tRub {
        top: -7.8125rem !important;
        left: -11.5625rem;
        width: 6.25rem 
   }
    .blocTri .tRub:before {
        width: 5rem !important 
   }
    .blocTri h2 {
        padding-left: 2.5rem !important;
        margin-top: 0rem;
        width: 50% 
   }
}
@media (max-width: 767px) {
    .blocTri {
        margin-top: 6.25rem !important;
        padding-bottom: 0 !important 
   }
    .blocTri .tRub {
        top: -7.8125rem !important;
        left: -11.5625rem;
        width: 6.25rem 
   }
    .blocTri .tRub:before {
        width: 5rem !important 
   }
    .blocTri h2 {
        padding-left: 2.5rem !important;
        margin-top: 0rem;
        width: 80% 
   }
}
.bloc1, .bloc2 {
    position: relative;
    z-index: 10;
}
.blocLiens {
    min-width: calc(100% + 3.75rem);
    width: auto;
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    display: inline-block;
    padding: 5rem 0rem 5rem 3.75rem;
}
.blocLiens.orange {
    background: #e79759;
    color: #fff 
}
.blocLiens.orange * {
    color: #fff 
}
.blocLiens.leftBt {
    padding: 3.75rem 3.4375rem 3.75rem 5.3125rem;
    left: -5rem;
    right: 0;
    min-width: calc(100% + 15rem);
    width: auto 
}
.blocLiens.bleu {
    background: #0f2334;
    color: #fff 
}
.blocLiens.bleu * {
    color: #fff 
}
.blocLiens h3 {
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    padding: 0rem 0rem 0rem 0rem 
}
.blocLiens a.linkTo {
    font-size: 3.125rem;
    line-height: 3.125rem;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    -webkit-transition: all 0.75s 0s;
    -o-transition: all 0.75s 0s;
    transition: all 0.75s 0s;
    position: relative 
}
.blocLiens a.linkTo:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0.125rem;
    left: 2.5rem;
    position: absolute;
    background: #fff;
    -webkit-transition: -webkit-transform 0.5s 0.25s;
    transition: -webkit-transform 0.5s 0.25s;
    -o-transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s;
    width: calc(100% - 2.5rem);
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.blocLiens a.linkTo:before {
    content: ">";
    padding-right: 0.625rem 
}
.blocLiens a.linkTo:hover:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}
.enteteMetier {
    width: calc(100% - 20rem);
    margin: 0rem auto 
}
.enteteMetier a {
    font-size: 1.0rem;
    line-height: 1.25rem;
    color: #e5e5e5;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    padding: 2.5rem 2.25rem 5rem 0rem;
    display: block;
    -webkit-transition: all 0.5s 0.25s;
    -o-transition: all 0.5s 0.25s;
    transition: all 0.5s 0.25s;
    word-break: break-word;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    display: block;
}
.enteteMetier a:hover {
    color: #e79759 
}
.fullWidth {
    width: 100% 
}
.bandeauMetier {
    width: 100%;
    margin-bottom: 4rem;
    position: relative 
}
.bandeauMetier .illuMetier {
    width: 100%;
    height: 19.6875rem;
    overflow: hidden;
    position: relative 
}
.bandeauMetier img {
    width: 150%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%) 
}
.introMetier {
    background: #e79759;
    padding: 2.8125rem 7.5rem 1.5625rem 3.4375rem;
    color: #fff;
    width: calc((100% / 3) * 2);
    right: 0;
    margin-left: calc(100% - ((100% / 3) * 2));
    margin-top: -5rem;
    position: relative;
    font-size: 1rem;
    line-height: 1.4375rem 
}
.introMetier p {
    padding-bottom: 1.25rem 
}
.voirPlus {
    padding: 6.25rem 0rem;
    max-width: 1268px;
    margin: 0rem auto;
    position: relative;
    width: 100%;
    padding-bottom: 11.25rem 
}
.voirPlus .seaMoreTitle {
    position: absolute;
    left: 0rem;
    font-size: 6.25rem;
    line-height: 5.1875rem;
    color: #f0f0f0;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    width: 100%;
    max-width: 55%;
    text-transform: uppercase 
}
.voirPlus ul {
    position: absolute;
    right: 0rem;
    width: calc(100% - 6.25rem) 
}
.voirPlus ul li {
    text-align: right 
}
.voirPlus ul li a {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: 3.125rem;
    line-height: 2.875rem;
    text-align: right;
    display: inline-block;
    color: #e79759;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
    position: relative 
}
.voirPlus ul li a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0.125rem;
    left: 2.5rem;
    position: absolute;
    background: #e79759;
    -webkit-transition: -webkit-transform 0.5s 0.25s;
    transition: -webkit-transform 0.5s 0.25s;
    -o-transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s;
    width: calc(100% - 2.5rem);
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.voirPlus ul li a:before {
    content: ">";
    margin-right: 0.625rem 
}
.voirPlus ul li a:hover:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}
@media (max-width: 1268px) {
    .voirPlus .seaMoreTitle {
        left: 3.125rem 
   }
    .voirPlus ul {
        right: 3.125rem;
        width: calc(100% - 6.25rem) 
   }
}
@media (max-width: 991px) {
    .voirPlus {
        width: 100% !important 
   }
    .voirPlus .seaMoreTitle {
        left: 3.125rem 
   }
    .voirPlus ul {
        right: 2.1875rem !important;
        width: calc(100% - 0rem) 
   }
}
.zoneMetiers {
    margin-top: 3.75rem;
    width: calc(100% - 0rem);
    position: relative 
}
.zoneMetiers:before {
    width: 100%;
    height: calc(100% - 5rem);
    position: absolute;
    background: #f0f0f0;
    left: -5rem;
    top: 8.75rem;
    z-index: -1;
    content: ' ' 
}
.zoneMetiers .illuMetier {
    width: calc(100% - 0.75rem);
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    background: #000 !important;
    margin-bottom: 0.75rem 
}
.zoneMetiers .illuMetier.heightFixed {
    height: 41.25rem !important;
    min-height: 41.25rem !important;
    max-height: 41.25rem !important;
    overflow: hidden 
}
.zoneMetiers .illuMetier.heightFixed img {
    height: 100% !important;
    width: auto !important 
}
.zoneMetiers .illuMetier img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
    opacity: 0.75 
}
.zoneMetiers .illuMetier:last-child {
    margin-bottom: 0 !important 
}
.zoneMetiers .illuMetier .slide {
    position: absolute;
    width: 0;
    height: calc(100% - 2.5rem);
    background: rgba(231, 151, 89, 0.75);
    -webkit-transition: width 0.5s ease 0.5s, left 0.75s ease 0.5s, display 0.5s ease 0.5s;
    -o-transition: width 0.5s ease 0.5s, left 0.75s ease 0.5s, display 0.5s ease 0.5s;
    transition: width 0.5s ease 0.5s, left 0.75s ease 0.5s, display 0.5s ease 0.5s;
    left: 0rem;
    top: 1.25rem 
}
.zoneMetiers .illuMetier h2 {
    font-size: 1.5rem;
    line-height: 1.625rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    padding: 2.5rem 1.875rem;
    width: calc(100% - 0rem);
    word-break: break-word 
}
.zoneMetiers .illuMetier:hover .slide {
    width: calc(100% - 2.5rem);
    left: 1.25rem 
}
.zoneMetiers .illuMetier:hover img {
    -webkit-transform: scale(1.5) translate(-50%, -50%)!important;
        -ms-transform: scale(1.5) translate(-50%, -50%)!important;
            transform: scale(1.5) translate(-50%, -50%)!important 
}
.marginTop {
    margin-top: -2.5rem 
}
.marginTop2 {
    margin-top: -5rem 
}
.titre3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 6.25rem;
    line-height: 6.25rem;
    color: rgba(24, 54, 80, 0.16);
    overflow-wrap: break-word;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    margin-left: 0rem;
    margin-bottom: 0.625rem;
    width: 100%;
}
.titre3 span,
.titre3 h2,
.titre3 h3 {
    font-size: 3.125rem;
    line-height: 2.875rem;
    color: #e79759;
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    display: block;
    position: absolute;
    bottom: -0.625rem;
    right: auto;
    left: 7.5rem;
    text-align: left 
}
/*.titre3 span.longTexte {
    right: 3.125rem 
}
.titre3 span.longTexte2 {
    right: -7.5rem !important 
}
.titre3 span.longText3 {
    right: 9.375rem 
}
*/
@media (max-width: 1100px) {
    .titre3 span.longTexte,
    .titre3 h2.longTexte,
    .titre3 h3.longTexte {
        left: 3.125rem 
   }
    .titre3 span.longTexte2,
    .titre3 h2.longTexte2,
    .titre3 h3.longTexte2 {
        left: 3.125rem !important;
        left: 3.125rem!important;
        font-size: calc(3.125rem * 0.95);
        line-height: calc(2.875rem * 0.95);
   }
    .titre3 span.longText3 {
        left: 3.125rem 
   }
}
@media (max-width: 1068px) {
    .titre3 span.longTexte {
        left: 3.125rem !important;
   }
    .titre3 span.longTexte2,
    .titre3 h2.longTexte2,
    .titre3 h3.longTexte2 {
        right: auto !important;
        left: 3.125rem!important;
        font-size: calc(3.125rem * 0.85);
        line-height: calc(2.875rem * 0.85);
   }
    .titre3 span.longText3,
    .titre3 h2.longText3,
    .titre3 h3.longText3 {
        left: 3.125rem !important;
   }
}
.contenuFige {
    width: 100% !important;
    overflow: hidden 
}
.blocSocial .tRub {
    top: 0 !important 
}
.blocSocial .titre3 span,
.blocSocial .titre3 h2,
.blocSocial .titre3 h3 {
   /*right: -4.375rem;
    */
    white-space: nowrap 
}
.blocSocial .titre3 span.longTexte3,
.blocSocial .titre3 h2.longTexte3,
.blocSocial .titre3 h3.longTexte3 {
    left: 5rem 
}
.titre3 span.longTexte4,
.titre3 h2.longTexte4,
.titre3 h3.longTexte4 {
    left: 7.6rem;
    right: auto;
    text-align: left;
    bottom: -3rem;
}
.titre3 span.longTexte4b,
.titre3 h2.longTexte4b,
.titre3 h3.longTexte4b {
    left: 7.3rem;
    bottom: -0.2rem;
    right: auto;
    text-align: left;
}
.blocSocial .socialWall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    margin: 2.5rem 0rem 0rem 0rem !important 
}
.blocSocial .socialWall .wallItem {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    height: 17.5rem;
    overflow: hidden 
}
.blocSocial .socialWall .wallItem img {
    width: 100%;
    min-height: 100% 
}
@media (max-width: 991px) {
    .blocSocial {
        margin-top: 0rem !important;
        padding-bottom: 0 !important 
   }
    .blocSocial .tRub {
        top: -7.8125rem !important;
        left: -11.5625rem;
        width: 6.25rem 
   }
    .blocSocial .tRub:before {
        width: 5rem !important 
   }
    .blocSocial .titre3 {
        padding-left: 5rem !important;
        margin-top: 0rem;
        width: 100%;
        font-size: 0rem;
        line-height: 0rem;
        padding-top: 6.25rem 
   }
    .single-agency .blocSocial .titre3 {
        padding-left: 5rem !important;
        margin-top: 0rem;
        width: 100%;
        font-size: 0rem;
        line-height: 0rem;
        padding-top: 6.25rem 
   }
    .blocSocial .titre3 span,
    .blocSocial .titre3 h2,
    .blocSocial .titre3 h3 {
        white-space: normal;
        left: 3.125rem;
        text-align: left !important 
   }
    .single-agency .blocSocial .titre3 span,
    .single-agency .blocSocial .titre3 h2,
    .single-agency .blocSocial .titre3 h3 {
        white-space: normal;
        left: 0rem!important;
        text-align: left !important 
   }
    .titre3 span.longTexte4b,
    .titre3 h3.longTexte4b,
    .titre3 h2.longTexte4b {
        left: 0rem;
        right: auto;
        text-align: left;
   }
    .blocSocial .wallItem {
        display: none 
   }
    .blocSocial .wallItem:nth-child(1) {
        display: block !important;
        max-width: 50%;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50% 
   }
    .blocSocial .wallItem:nth-child(2) {
        display: block !important;
        max-width: 50%;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50% 
   }
    .blocSocial .wallItem:nth-child(3) {
        display: block !important;
        max-width: 50%;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50% 
   }
    .blocSocial .wallItem:nth-child(4) {
        display: block !important;
        max-width: 50%;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50% 
   }
}
@media (max-width: 767px) {
    .blocSocial {
        margin-top: 0rem !important;
        padding-bottom: 0 !important 
   }
    .blocSocial .tRub {
        top: -7.8125rem !important;
        left: -11.5625rem;
        width: 6.25rem 
   }
    .blocSocial .tRub:before {
        width: 5rem !important 
   }
    .blocSocial .titre3 {
        padding-left: 5rem !important;
        margin-top: 0rem;
        width: calc(50% + 1.875rem) 
   }
    .blocSocial .titre3 span,
     .blocSocial .titre3 h2,
      .blocSocial .titre3 h3 {
        white-space: normal;
        left: 3.125rem 
   }
    .blocSocial .wallItem {
        display: none 
   }
    .blocSocial .wallItem:nth-child(1) {
        display: block !important;
        max-width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100% 
   }
    .blocSocial .wallItem:nth-child(2) {
        display: block !important;
        max-width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100% 
   }
    .blocSocial .wallItem:nth-child(3) {
        display: block !important;
        max-width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100% 
   }
    .blocSocial .wallItem:nth-child(4) {
        display: block !important;
        max-width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100% 
   }
}

@media (max-width: 540px) {
   .talent-form-section .your-form-talent {
       margin-top: 2.5rem;
   }
}
   
.accroche1 {
    margin-top: -1.25rem;
    height: auto;
    position: relative;
    margin-bottom: 0.3125rem 
}
.accroche1.bloc1 {
    margin-bottom: 5rem 
}
.accroche1.bloc1:before {
    width: calc(100% - 15.3125rem);
    height: calc(100% - 10.1875rem);
    content: ' ';
    left: 10.625rem;
    top: 9.375rem 
}
.accroche1:before {
    background: #f0f0f0;
    position: absolute;
    width: 100%;
    height: calc(50% + 5rem);
    content: ' ';
    left: -11.875rem;
    top: 50% 
}
.accroche1b {
    margin-top: -2.5rem;
    height: auto;
    position: relative;
    margin-bottom: 2.5rem 
}
.accroche1b.bloc1 {
    margin-bottom: 5rem 
}
.accroche1b.bloc1:before {
    width: calc(100% - 4.6875rem);
    height: calc(100% - 10.9375rem);
    content: ' ';
    left: 10.625rem;
    top: 9.375rem 
}
.accroche1b .txtTexte {
    padding: 3.125rem 6.25rem 3.125rem 6.25rem 
}
.accroche1b .txtTexte.zoneArticle {
    padding: 0 0 3.4375rem 3.4375rem 
}
.accroche1b .txtTexte.zoneArticle .texteCont {
    padding: 0 !important 
}
.accroche1b:before {
    background: #f0f0f0;
    position: absolute;
    width: 24rem;
    height: calc(100% + 12.5rem);
    content: ' ';
    right: 0;
    z-index: -1;
    bottom: -46.25rem 
}
.illuTexte {
    width: 100%;
    overflow: hidden;
    position: absolute;
    height: 100%;
}
.illuTexte img {
    position: relative;
    width: auto;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%) 
}
.bloc1 .infosArticle {
    font-size: 1rem;
    line-height: 1.4375rem;
    color: #183650;
    padding-bottom: 2.5rem !important 
}
.bloc1 .infosArticle a {
    color: #183650;
    text-decoration: underline 
}
.bloc1 .infosArticle a:hover {
    color: #e79759 
}
.bloc1 .txtTexte {
    padding: 4.6875rem 3.125rem 3.125rem 8.125rem 
}
.bloc1 .txtTexte .texteCont {
    margin-left: 6.25rem 
}
.bloc1 .txtTexte.zoneArticle {
    padding: 0 5.25rem 3.4375rem 3.4375rem 
}
.bloc1 .txtTexte.zoneArticle.presentApsidien {
    min-height: auto;
    padding-bottom: 7.5rem;
    z-index: 2;
}
.bloc1 .txtTexte.zoneArticle .texteCont {
    padding: 0 !important;
    margin-left: 0rem;
    margin-top: 0rem;
    padding-bottom: 2.5rem!important;
}
.bloc1 .illuArticleFirst {
   overflow: hidden !important;
   position: relative;
   padding-bottom: 10rem;
   height: calc(100% - 10rem);
}
.bloc1 .illuArticleFirst.agence {
   height: calc(100% - 0rem);
}
.bloc1 .illuArticleFirst img {
    width: auto;
    height: 125% !important;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    position: absolute;
}
.bloc1 .illuArticleFirst.agence img {
    height: calc(100% - 0rem);
}
.bloc1 .illuArticleCont {
    overflow: hidden !important;
    position: relative;
    padding-top: 3.75rem;
    height: 100%;
}
.bloc1 .illuArticleCont img {
    height: 125%;
    width: auto !important;
    left: 50%; top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    position: absolute;
}
.single-team .illuArticleFirst img{
   height: calc(100% - 0rem)!important;
   width: auto !important;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%,-50%);
       -ms-transform: translate(-50%,-50%);
           transform: translate(-50%,-50%);
   position: absolute;
}
.bloc1 .zoneIlluAgence {
    margin-top: -5.625rem;
    z-index: 4 
}
.bloc1 .tRub.tAgence {
    margin-left: -3.125rem;
    margin-top: -18.75rem 
}
.bloc1 .tRub.tAgence:before {
    width: 5.625rem 
}
.bloc1 .socialShare {
    font-size: 1.1875rem;
    line-height: 1.6875rem;
    color: #183650;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    z-index: 2 
}
.bloc1 .socialShare.inline {
    top: 1.875rem !important;
    right: 1.25rem !important 
}
.bloc1 .socialShare.inline span, .bloc1 .socialShare.inline ul {
    display: block;
    float: left 
}
.bloc1 .socialShare.inline span {
    line-height: 2rem;
    margin-right: 1.25rem;
    padding-top: 0rem;
    line-height: 2.5rem!important;
}
.bloc1 .socialShare.inline li {
    margin-right: 0.625rem 
}
.bloc1 .socialShare.inline .bt {
    background: #e79759;
    color: #fff;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
    font-size: 0.8125rem;
    padding: 0rem 1.6875rem 0rem 1.6875rem;
    margin: 0rem 0.3125rem;
    line-height: 2rem;
    height: 2rem;
    font-weight: 300;
    display: inline-block 
}
.bloc1 .socialShare.inline .bt:hover {
    background: #183650 
}
@media (max-width: 1268px) {
    .bloc1 .socialShare.inline{
        width: calc(100% - 6.25rem);
        text-align: right;
   }
    .bloc1 .socialShare.inline span{
        margin-right: 0.625rem;
        float: none;
   }
}
@media (max-width: 991px) {
    .bloc1 .socialShare.inline{
        width: calc(100% - 1.25rem);
        text-align: right;
   }
    .bloc1 .socialShare.inline span{
        margin-right: 0.625rem;
        float: none;
   }
}
.bloc1 .socialShare.alignTop {
    top: 4.375rem !important;
    left: 1.25rem !important 
}
.bloc1 .socialShare.nextCol {
    right:-15.625rem !important;
    top: 11.875rem !important 
}
@media (max-width: 1268px) {
    .videoZone .socialShare.nextCol {
        bottom: -0.625rem !important;
        right:-15.625rem!important;
        top: auto !important 
   }
}
.bloc1 .socialShare ul li {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
    position: relative 
}
.bloc1 .socialShare.inline .jssocials-share, .bloc1 .socialShare.inline .jssocials-shares, .bloc1 .socialShare.inline .jssocials {
    display: inline-block !important;
}
.bloc1 .socialShare.inline .jssocials-share {
    margin: 0em 0.6em 0em 0;
}
.bloc1 .socialShare ul li.facebook {
    background-image: url("../img/icones/icons-facebook@2x.png") 
}
.bloc1 .socialShare ul li.twitter {
    background-image: url("../img/icones/icons-twitter@2x.png") 
}
.bloc1 .socialShare ul li.linkedin {
    background-image: url("../img/icones/icons-linkedin@2x.png") 
}
.bloc1 .socialShare ul li.youtube {
    background-image: url("../img/icones/icons-youtube@2x.png") 
}
.bloc1 .socialShare ul li:before {
    content: ' ';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease 
}
.bloc1 .socialShare ul li:hover:before {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1) 
}
.bloc1 .socialShare ul li a {
    display: block;
    width: 2rem;
    height: 2rem;
    text-indent: -62.5rem 
}
.bloc1 .illu2Agence {
    width: 100%;
    height: 20.125rem;
    overflow: hidden 
}
.bloc1 .illu2Agence img {
    width: auto;
    height: 100% 
}
.bloc1 .texteCont.boldText p, .bloc1 .texteCont.boldText * {
    font-weight: 600 !important;
    color: #464646 !important 
}
.bloc1 .texteCont.boldText p.txtOrange, .bloc1 .texteCont.boldText *.txtOrange {
    color: #e79759 !important 
}
.bloc1 .texteCont.boldText p.txtOrange *, .bloc1 .texteCont.boldText *.txtOrange * {
    color: #e79759 !important 
}
.bloc1 .contactAgence {
    background: #f0f0f0;
    position: relative;
    padding: 2.1875rem 0rem 2.1875rem 0rem;
    font-size: 1rem;
    font-family: "Montserrat", sans-serif;
    color: #464646 !important 
}
.bloc1 .contactAgence .contactIdent {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 1.25rem 
}
.bloc1 .contactAgence .contactAdresse {
    font-family: "Montserrat", sans-serif;
   font-weight: 500;
   line-height: 1.25rem;
   padding: 0.5rem 0rem;
}
.bloc1 .contactAgence .contactTel {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 2rem 
}
.bloc1 .contactAgence .contactTel a{
    color: #464646;
    position: relative;
}
.bloc1 .contactAgence .contactTel a:hover{
    color: #e79759;
}
.bloc1 .contactAgence .contactTel a:before {
    background: #e79759!important;
    bottom: -0.3125rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    background: transparent;
    -webkit-transition: -webkit-transform 0.5s 0.25s;
    transition: -webkit-transform 0.5s 0.25s;
    -o-transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s;
    width: calc(100% + 0rem);
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.bloc1 .contactAgence .contactTel a:hover:before{
    color: #e79759;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}
.bloc1 .contactAgence:before {
    width: 3.4375rem;
    height: 100%;
    content: ' ';
    background: #f0f0f0;
    left: -3.4375rem;
    top: 0;
    position: absolute 
}
.bloc1 .contactAgence:after {
    width: 3.4375rem;
    height: 100%;
    content: ' ';
    background: #f0f0f0;
    right: -3.4375rem;
    top: 0;
    position: absolute 
}
.bloc1 .txtOrange {
    color: #e79759 !important 
}
.bloc1 .txtOrange * {
    color: #e79759 !important 
}
.bloc1 .blocChiffres {
    background: #e79759;
    height: 100% 
}
.bloc1 .blocChiffres .chiffresListe {
    padding: 4.6875rem 6.25rem 
}
.bloc1 .blocChiffres .chiffres {
    padding-bottom: 3.75rem 
}
.bloc1 .blocChiffres .chiffres:last-child {
    padding-bottom: 0 
}
.bloc1 .blocChiffres .chiffres .lineDesc1, .bloc3 .chiffres2 .lineDesc1 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 0.8125rem;
    margin: 10px 0;
    line-height: 0.8125rem 
}
.bloc1 .blocChiffres .chiffres .lineDesc2, .bloc3 .chiffres2 .lineDesc2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 4rem;
    margin: 0px 0 20px;
    line-height: 3.5rem;
}
.projectPage .bloc1 .blocChiffres .chiffres .lineDesc2 {
   margin: 0px 0 13px;
}
.projectPage .bloc1 .blocChiffres .chiffres .lineDesc3 {
   font-size: 1.875rem;
}
.bloc1 .blocChiffres .chiffres .lineDesc3, .bloc3 .chiffres2 .lineDesc3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 200;
    color: #fff;
    font-size: 1;
    line-height: 1.5625rem;
    margin: 10px 0;
    text-transform: uppercase 
}
.bloc1 .tActu {
    padding-top: 5rem !important; 
}

.bloc1 .colIllu, .bloc1 .colTexte {
    z-index: 2 
}
.bloc1 .colTexte.agence {
    padding-bottom: 5rem;
}
.bloc1 .references {
    background: #e79759;
    padding: 2.5rem;
    height: 21.875rem;
    margin-top: -10.9375rem 
}
@media (max-width: 1268px) {
    .bloc1 .references {
        background: #e79759;
        padding: 2.5rem;
        height: calc(100% - 7.5rem);
        margin-top: -10.9375rem;
   }
}
.bloc1 .references h4 {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    padding-bottom: 3.125rem 
}
.bloc1 .references .ref {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(50% - 1.25rem);
    font-size: 3rem;
    line-height: 2.4rem;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    padding-bottom: 3rem;
    vertical-align: middle;
}
@media (max-width: 1268px) {
    .bloc1 .references .ref {
        width: calc(100% - 1.25rem);
   }
}
@media (max-width: 991px) {
    .bloc1 .references {
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
        width: calc(100% - 1.5625rem);
        margin-left: 1.5625rem;
        margin-top: -5rem!important;
        padding-bottom: 6.25rem;
   }
    .bloc1 .references .ref {
        width: calc(50% - 1.25rem)!important;
   }
    .bloc1 .videoZone {
        -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
                order: 5;
        margin-top: -6.25rem!important;
   }
    .videoZone .socialShare.nextCol {
        left: 1.5625rem;
   }
}
.bloc1 .videoZone .video {
    float: right;
    width:45.625rem;
    height: 26.75rem;
    overflow: hidden;
    position: relative;
    margin-right: -5rem;
    margin-top: -0.9375rem;
    background: #000 
}
@media (max-width: 991px) {
    .bloc1 .videoZone .video {
        float: left;
        width: calc(100% - 1.5625rem);
        height: 26.75rem;
        overflow: hidden;
        position: relative;
        margin-right: 0rem;
        margin-top: 0rem;
        background: #000;
        z-index: 5;
   }
}
.bloc1 .videoZone .video:before {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 5rem;
    height: 5rem;
    background: url("../img/icones/icons-play@3x.png") no-repeat 0 0;
    background-size: contain;
    z-index: 4;
    display: none;
}
.bloc1 .videoZone .video img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease 
}
.bloc1 .videoZone .video:hover img {
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.75 
}
.bloc1 .citation {
    background: #f0f0f0;
    margin-top: -14.375rem;
    z-index: 0 
}
.bloc1 .citation .citationZone {
    position: relative;
    padding: 6.875rem 0rem 6.875rem 6.875rem;
    width: 50%;
    min-height: 18.75rem;
    font-size: 2.875rem;
    line-height: 2.875rem;
    color: #e79759;
    text-align: center;
    font-weight: 700 
}
@media (max-width: 991px) {
    .bloc1 .citation .citationZone {
        width: calc(100% - 9.375rem);
        padding-top: 6.875rem;
   }
}
.bloc1 .citation .citationZone:before {
    width:7rem;
    height: 9.375rem;
    position: absolute;
    left: 6.875rem;
    top: 5rem;
    content: ' ';
    background: url("../img/icones/icons-quote-left@3x.png") no-repeat 0 0;
    background-size: contain;
    z-index: -1 
}
.bloc1 .citation .citationZone:after {
    width:7rem;
    height: 9.375rem;
    position: absolute;
    right: 0;
    bottom: 6.25rem;
    content: ' ';
    background: url("../img/icones/icons-quote-right@3x.png") no-repeat 100% 100%;
    background-size: contain;
    z-index: -1 
}
.bloc1 .noPadding {
    padding: 0 !important 
}
.bloc1.ligne1 {
    margin-top: 1.875rem;
    position: relative;
    z-index: 1 
}
.bloc1.ligne1:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: calc(100% - 6.25rem);
    bottom: calc(-100% + 20rem);
    left: -7.5rem;
    background: #f0f0f0;
    z-index: -1 
}
.bloc1.ligne1B {
    margin-top: -0rem;
    position: relative 
}
.bloc1.ligne1B:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: calc(50% - 5rem);
    top: calc(50% + 2rem)!important;
    left: -7.5rem;
    background: #f0f0f0;
    z-index: -1 
}
.bloc1.ligne1C {
    margin-top: -0rem;
    position: relative 
}
.bloc1.ligne1C:before {
    content: '';
    position: absolute 
}
.bloc1.ligne1C .zoneArticle {
    padding: 0 4.6875rem 0rem 3.4375rem 
}
.bloc1.ligne1C .zoneArticle .texteCont {
    padding: 0 !important;
    margin-left: 0rem;
    margin-top: -1.25rem;
    margin-bottom: 0rem 
}
.bloc1.ligne1D {
    margin-top: -0rem;
    position: relative 
}
.bloc1.ligne1D:before {
    content: '';
    position: absolute 
}
.bloc1.ligne1D .zoneArticle {
    padding: 0 7.8125rem 0rem 3.4375rem 
}
.bloc1.ligne1D .zoneArticle .texteCont {
    padding: 0 !important;
    margin-left: 0rem;
    margin-top: -1.25rem;
    margin-bottom: 0rem 
}
.bloc1.ligne2 {
    margin-top: -5.625rem;
    margin-bottom: 7.5rem;
    position: relative;
    z-index: 10 
}
.bloc1.ligne2:before {
    content: ' ';
    position: absolute 
}
.bloc1.ligne3 {
    position: relative 
}
.bloc1.ligne3:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: calc(100% - 3.75rem);
    top: 12.5rem;
    right: -11.875rem;
    background: #f0f0f0;
    z-index: -1 
}
.bloc1.ligne4 {
    margin-top: 6.875rem;
    margin-bottom: 0rem;
    position: relative 
}
.bloc1.ligne4:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: calc(75%);
    top: calc(50% + 9.375rem);
    right: calc(-50% + 5rem);
    background: #f0f0f0;
    z-index: -1 
}
.bloc1.ligneOrange {
    margin-top: -5rem;
    z-index: 0 
}
.bloc1.ligneOrange .zoneArticle {
    padding: 5.9375rem 4.6875rem 3.75rem 8.125rem !important;
    background: #e79759 
}
.bloc1.ligneOrange .zoneArticle h2, .bloc1.ligneOrange .zoneArticle h3, .bloc1.ligneOrange .zoneArticle h4, .bloc1.ligneOrange .zoneArticle h5, .bloc1.ligneOrange .zoneArticle p, .bloc1.ligneOrange .zoneArticle li, .bloc1.ligneOrange .zoneArticle a, .bloc1.ligneOrange .zoneArticle * {
    color: #fff !important 
}
.bloc1.ligne2 .zoneArticle {
    padding: 0 4.6875rem 0rem 8.125rem 
}
.bloc1.ligne2 .zoneArticle .texteCont {
    padding: 0 !important;
    margin-left: 0rem;
    margin-top: -1.25rem;
    margin-bottom: 2.5rem 
}
.bloc1.ligne4 .zoneArticle {
    padding: 0 4.6875rem 0rem 8.125rem 
}
.bloc1.ligne4 .zoneArticle .texteCont {
    padding: 0 0 5rem 0rem !important;
    margin-left: 0rem;
    margin-top: -0rem;
    margin-bottom: 2.5rem 
}
.txtTexte {
    padding: 3.125rem 6.25rem 3.125rem 3.125rem 
}
.txtTexte h1 {
    margin-bottom: 1.875rem 
}
.txtTexte h2 {
    color: #e79759;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 1.25rem 
}
.txtTexte p {
    font-size: 1rem;
    line-height: 1.4375rem;
    color: #464646;
    margin-bottom: 1.25rem 
}
.txtTexte ul {
    font-size: 1rem;
    line-height: 1.4375rem;
    color: #464646;
    margin-bottom: 1.25rem 
}
.txtTexte .voirAussi {
    margin: 1.5625rem 0rem 2.5rem 0rem 
}
.txtTexte .voirAussi h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #747474;
    margin-bottom: 0.625rem 
}
.txtTexte .voirAussi a {
    font-size: 1.9375rem;
    line-height: 1.625rem;
    color: #cdcdcd;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    letter-spacing: -0.05em;
    position: relative 
}
.txtTexte .voirAussi a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0.125rem;
    left: 1.875rem;
    position: absolute;
    background: #cdcdcd;
    -webkit-transition: -webkit-transform 0.5s 0.25s;
    transition: -webkit-transform 0.5s 0.25s;
    -o-transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s;
    width: calc(100% - 1.875rem);
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.txtTexte .voirAussi a:before {
    content: '>';
    margin-right: 0.625rem 
}
.txtTexte .voirAussi a:hover:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}
.blocCases {
    padding: 0rem 0 0rem 2.5rem !important;
    width: calc(100% - 8.75rem);
    max-width: 1228px;
    margin: 0rem auto;
    position: relative 
}
.blocCases.blocFullWidth {
    padding: 0rem 0 0rem 0rem !important 
}
.blocCases.blocFullWidth.blocProjets {
    padding: 8.125rem 0 2.5rem 0rem !important 
}
.blocCases.blocFullWidth.blocProjets.withBg:before {
    content: ' ';
    position: absolute;
    left: -20%;
    bottom: 0;
    width: 100%;
    height: 60rem;
    background: #f0f0f0 
}
.blocEtapes .titre3 {
    margin-bottom: 5rem !important 
}
.blocEtapes .titre3 span.longTexte2,
.blocEtapes .titre3 h2.longTexte2,
.blocEtapes .titre3 h3.longTexte2 {
    right: -13.75rem !important 
}
.illusEtapes {
    width: 100%;
    height: 43.125rem !important;
    overflow: hidden;
    position: relative 
}
.illusEtapes .listeIllusEtapes {
    width: calc(100% + 1.25rem);
    height: 43.125rem !important;
    overflow: auto;
    position: relative;
}
.about-us .illusEtapes, .agency-page .illusEtapes {
    width: 100%;
    height: 570px !important;
    overflow: hidden;
    position: relative 
}
.about-us .illusEtapes .listeIllusEtapes, .agency-page .illusEtapes .listeIllusEtapes {
    width: 100%;
    height: 570px !important;
    overflow: auto;
    position: relative;
}
.illusEtapes:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    will-change: transform;
    z-index: 1;
    opacity: 0.1;
}
.illuEtape {
    height: 43.125rem;
    width: 100%;
    overflow: hidden;
    position: relative 
}
.about-us .illuEtape, .agency-page .illuEtape {
    height: 570px;
    width: 100%;
    overflow: hidden;
    position: relative 
}
.illuEtape img {
    position: absolute;
    min-height: auto;
    width: 120%;
    left: 50%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%) 
}
.illuEtape .etape {
    position: absolute;
    top: 5.625rem;
    right: 0.625rem;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.25rem;
    -webkit-transform: rotate(-90deg) translate(-0.375rem, 2.5rem);
        -ms-transform: rotate(-90deg) translate(-0.375rem, 2.5rem);
            transform: rotate(-90deg) translate(-0.375rem, 2.5rem);
    width: 17.5rem;
    height: 9.375rem;
    text-align: right;
    vertical-align: bottom;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.joinus .illuEtape .etape {
   right: 1.625rem;
}
/* .joinus .navEtapes li:first-child {
   margin: 0 0;
} */
.joinus .navEtapes li {
   margin: 15px 10px;
}
.joinus .navEtapes li:last-child {
   padding-right: 15px;
}
.illuEtape .etape span{
    position: absolute;
    bottom: 0;
    display: block;
    width: auto;
    text-align: right;
    right: 0rem;
    padding-left: 0rem;
}
.about-us .illuEtape .etape,  .agency-page .illuEtape .etape {
    position: absolute;
    top: 4rem;
    right: -2.6rem;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 2rem;
    -webkit-transform: rotate(-90deg) translate(-3.125rem, 6.25rem);
        -ms-transform: rotate(-90deg) translate(-3.125rem, 6.25rem);
            transform: rotate(-90deg) translate(-3.125rem, 6.25rem);
    width: 18.75rem;
}
.blocEtape {
    padding: 2rem 5rem 2.5rem 2.5rem 
}
.navEtapes {
    margin-bottom: 2.5rem 
}
.navEtapesZone.desktop {
    display: block;
}
.navEtapesZone.mobile {
    display: none;
}
.navEtapes li a {
    color: #424242;
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    padding-bottom: 0.75rem;
    position: relative;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
.navEtapesZone li a:before{
    content: ' ';
    display: inline-block;
    position: absolute;
    height: 0.0625rem;
    width: 0.625rem;
    background: #f0f0f0;
    font-size: 0;
    left: -1.25rem;
    top: 0.5rem;
}
.navEtapesZone li a.selected:before{
    content: ' ';
    display: inline-block;
    position: absolute;
    height: 0.0625rem;
    width: 3.75rem;
    background: #e79759;
    font-size: 0;
    left: -4.375rem;
    top: 0.5rem;
    z-index:100;
}
.navEtapes li a:hover, .navEtapes li a.selected {
    color: #e79759;
    font-weight: bold 
}
.texteEtape {
    padding-left: 6.875rem 
}
.about-us .texteEtape, .agency-page .texteEtape {
    padding-left: 0rem;
    position: absolute;
    left: 8.125rem;
    top: 0rem;
    width: calc(100% - 10rem);
}

.agency-page .texteEtape {
    margin-top: 120px;
}

.texteEtape h2,
.texteEtape div.titre {
    font-size: calc(100vw * 0.052);
    line-height: calc(100vw * 0.058);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #e79759;
    margin-top: 40px;
}
.texteEtape h2 span,
.texteEtape div.titre span {
    display: block;
    font-size: calc(100vw * 0.023);
    line-height: calc(100vw * 0.023);
    color: #183650;
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    text-transform: uppercase;
}
.texteEtape h2:after,
.texteEtape div.titre span:after {
    content: ' ';
    height: calc(0.132 * 100vw - 7.5rem);
    width: 0.0625rem;
    display: block;
    background: #183650;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    margin-left: 0.125rem 
}
.texteEtape p {
    font-size: 1rem;
    line-height: 1.44rem;
    margin-bottom: 1.5625rem;
    font-weight: 300 !important;
    color: #464646;
}
.blocEtapes .titre3 {
    width: 100%!important;
}
.blocEtapes .titre3 span.longTexte2,
.blocEtapes .titre3 h2.longTexte2,
.blocEtapes .titre3 h3.longTexte2 {
    right: 3.125rem!important;
    left: 3.125rem!important;
    width: calc(100% - 6.25rem);
}
.bandeauTalents {
    width: calc((100% / 12) * 11) !important;
    padding: 2.5rem 5.625rem !important;
    background: #e79759 !important;
    margin: 2rem 0rem 0rem 0rem !important;
    float: right !important;
}
.bandeauTalents h2 {
    font-size: 3.125rem !important;
    line-height: 1 !important;
    color: #fff !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    margin-bottom: 3.125rem !important 
}
.typeTalent {
    float: left;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20em;
    height: 2.25rem;
    line-height: 3;
    background: #e79759;
    border: 0.0625rem solid #fff;
    overflow: hidden;
    border-radius: 0em;
    color: #fff;
    font-size: 1.1875rem;
}
.typeTalent input[type='text'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0 !important;
    background: #e79759;
    background-image: none;
    padding: 0 1.25rem;
    color: #ffffff;
    width: calc(100% - 2.875rem);
    font-size: 1.1875rem;
}
.typeTalent input[type='text']::-webkit-input-placeholder {
    color: #ffffff;
}
.typeTalent input[type='text']::-moz-placeholder {
    color: #ffffff;
}
.typeTalent input[type='text']:-ms-input-placeholder {
    color: #ffffff;
}
.typeTalent input[type='text']::-ms-input-placeholder {
    color: #ffffff;
}
.typeTalent input[type='text']::placeholder {
    color: #ffffff;
}
.typeTalent input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0 !important;
    background: #e79759 url('../img/icones/icons-search@2x.png') no-repeat 50% 50%;
    background-size: 60%;
    float: right;
    width: 2.25rem;
    height: 2.25rem;
    text-indent: -62.5rem;
    overflow: hidden;
    cursor: pointer;
}
@media (max-width: 1268px) {
    .blocEtapes .titre3 span.longTexte2,
    .blocEtapes .titre3 h2.longTexte2,
    .blocEtapes .titre3 h3.longTexte2 {
        font-size: calc(3.125rem * 0.85);
        line-height: calc(2.875rem * 0.85);
        width: calc(100% - 0rem);
        left: 3.125rem!important;
   }
}
@media (max-width: 1128px) {
    .blocEtapes .titre3 span.longTexte2,
    .blocEtapes .titre3 h2.longTexte2,
    .blocEtapes .titre3 h3.longTexte2 {
        font-size: calc(3.125rem * 0.8);
        line-height: calc(2.875rem * 0.8);
   }
    .texteEtape {
        padding-left: 3.4375rem 
   }
}
@media (max-width: 1064px) {
    .blocEtapes .titre3 {
        font-size: calc(6.25rem * 0.75);
        line-height: calc(6.25rem * 0.75);
   }
    .blocEtapes .titre3 span.longTexte2,
    .blocEtapes .titre3 h2.longTexte2,
    .blocEtapes .titre3 h3.longTexte2 {
        font-size: calc(3.125rem * 0.75);
        line-height: 1.44;
        left: -3.125rem!important;
        right: 0!important;
   }
}
@media (max-width: 991px) {
    .ju-content {
        background: #f0f0f0;
        padding: 2rem 3rem;
        width: 100%;
    }
    .ju-content p {
        padding-top: 0rem !important;
        padding-left: 0rem !important;
    }
    .joinus .texteEtape {
        width: 100%;
        padding: 0 0 0 1rem;
    }
    .joinus .illuEtape img {
        width: 150%;
    }
    .blocEtapes{
        padding-bottom: 15.625rem!important;
   }
    .illusEtapes{
        height: 21.875rem!important;
        overflow: visible;
   }
    .blocEtape{
        padding-bottom: 0rem!important;
        padding-top: 0rem!important;
   }
    .blocEtapes .titre3 {
        margin-bottom: 1.5rem !important;
        margin-top: 5rem !important;
   }
    .blocEtapes .titre3 {
        text-align: left!important;
        margin-top: 1!important;
        font-size: 0;
   }
    .blocEtapes .titre3 span.longTexte2,
    .blocEtapes .titre3 h2.longTexte2,
    .blocEtapes .titre3 h3.longTexte2 {
        font-size: 2.25rem!important;
        line-height: 2.5rem!important;
        text-align: left;
        left: 0rem!important;
   }
    .illusEtapes .listeIllusEtapes {
        width: calc(100% + 1.25rem);
        height:29.6875rem !important;
        overflow: auto;
        position: relative;
   }
   .joinus .illusEtapes .listeIllusEtapes {
       width: 100% !important;
   }
   .joinus .illusEtapes:before {
       width: 100% !important;
   }
   .joinus .steps:before {
       height: 29.6875rem;
   }
   .joinus .steps img {
       width: 100%;
       height: 100%;
       -o-object-fit: cover;
          object-fit: cover;
   }
    .navEtapesZone{
        position: absolute;
        top: -43.625rem;
        width: calc(100% - 1.25rem);
        overflow: hidden;
        margin-left: -1.25rem;
   }
   .joinus .illusEtapes{
       margin-top: 7rem;
   }
   .joinus .navEtapesZone {
       top: -46rem;
   }
   .joinus .texteEtape h2 {
       margin-top: -35px;
       text-align: center;
       max-width: 100%;
       overflow: hidden;
       word-wrap: break-word;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto;
   }
    .navEtapesZone.desktop {
        display: none;
   }
    .navEtapesZone.mobile {
        display: block;
   }
    .slideEtapes{
        width: 100%;
        overflow: auto;
   }
    .navEtapesZone .simplebar-track.simplebar-horizontal {
        width: 100% !important;
        left: 0% !important;
        visibility: hidden !important;
        cursor: pointer;
        top: 6.875rem 
   }
    .navEtapesZone .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        background: #e79759;
        cursor: pointer;
        height: 0.125rem;
   }
    .navEtapesZone:hover .simplebar-track.simplebar-horizontal {
        visibility: visible !important 
   }
   .joinus .simplebar-track.simplebar-horizontal {
       height: 60px;
   }
   .joinus .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
       top: 40px;
       background: #e79759;
       height: .15rem;
       border-radius: 30px;
   }
    .navEtapesZone ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 3.75rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 4.5rem 0rem !important;
   }
    .typeTalent{
        width: 100%!important;
   }
    .lineTxt{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
        margin: 0.625rem 0rem 0rem -0.625rem;
   }
   .about-us .illusEtapes .listeIllusEtapes, .agency-page .illusEtapes .listeIllusEtapes {
       width: 100%;
       height: 570px !important;
       overflow: auto;
       position: relative;
  }
    .txtLiens {
        line-height: 2.25rem;
        font-size: 1.1875rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        color: #fff;
        padding: 0rem 1.875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
   }
    .illusEtapes:before {
        content: ' ';
        position: absolute;
        width: 104%;
        height: 100%;
        top: 0;
        left: 0;
        will-change: transform;
        z-index: 1;
        opacity: 0.6;
        background: rgb(0,0,0);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, rgba(0,0,0,1)), to(rgba(255,255,255,0.21332282913165268)));
        background: -o-linear-gradient(bottom, rgba(0,0,0,1) 60%, rgba(255,255,255,0.21332282913165268) 100%);
        background: linear-gradient(0deg, rgba(0,0,0,1) 60%, rgba(255,255,255,0.21332282913165268) 100%);
   }
    .navEtapesZone li{
        background: transparent;
        color: #464646;
        font-size: 1rem!important;
        line-height: 1rem!important;
        height: 3.25rem;
        width: auto!important;
        max-width: 100%;
        text-align: left;
        margin-left: 0rem;
        margin-right: 0.625rem;
        -webkit-transition: all 0.5s 0.0s;
        -o-transition: all 0.5s 0.0s;
        transition: all 0.5s 0.0s;
        cursor: pointer;
        vertical-align: top;
        padding: 0rem 0rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        white-space: nowrap;
        display: inline-block;
   }
   .navEtapesZone li a.selected:before{
       content: none;
  }
    .navEtapesZone li a{
        padding-bottom: 0!important;
        font-size: 1rem!important;
        line-height: 3.25rem!important;
        height: 3.25rem;
        display: inline-block;
        color: #464646!important;
        padding: 0rem 1.25rem;
        border: 0.0625rem solid #464646;
        position: relative;
   }
    .navEtapesZone li a:hover, .navEtapesZone li a.selected{
        background: #e79759!important;
        border: 0.0625rem solid #e79759!important;
        color: #ffffff!important;
   }
    .texteEtape {
        position: absolute;
        top: -31.25rem;
        width: calc(100% - 1.5625rem);
        padding: 0rem 2.5rem;
        z-index: 1;
        left: 0rem;
   }
   .joinus .texteEtape {
       top: -32rem;
  }
  .joinus .voirPlus {
   padding: 4.25rem 0rem 0rem 0rem;
  }
  .joinus .bandeauTalents {
      float: left !important;
      padding: 4.5rem 2.5rem !important;
  }
    .texteEtape p, .texteEtape h2, .texteEtape div.titre {
        padding-left: 1.25rem;
   }
    .set-m{
        padding-left: 0!important;
    }
    .texteEtape p {
        padding-top: 1.25rem;
        padding-bottom: 0rem;
   }
    .etape{
        display: none!important;
   }
    .texteEtape:before {
        position: absolute;
        content: ' ';
        background: #f0f0f0;
        height: calc(100% - 7.5rem);
        width: 100%;
        bottom: 0;
        z-index: -1;
   }
   .joinus .texteEtape:before {
       content: none;
   }
    .texteEtape h2,
    .texteEtape div.titre {
        font-size: 4.375rem;
        line-height: 4.375rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        color: #e79759;
   }
    .texteEtape h2 span,
    .texteEtape div.titre span {
        display: block;
        font-size: 1.75rem;
        line-height: 1.44;
        color: #183650;
        font-family: "Montserrat", sans-serif;
        font-weight: 900 !important;
        text-transform: uppercase;
        padding-top: 0.625rem;
   }
    .bandeauTalents{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
   }
    .bandeauTalents {
        width: calc((100% / 12) * 11) !important;
        padding: 2.5rem 2.5rem !important;
        background: #e79759 !important;
        margin: 7.1875rem 0rem 0rem 0rem !important;
        float: right !important;
   }
    .txtLiens a {
        font-weight: 600;
        text-decoration: underline;
        padding-left: 0rem!important;
        padding-right: 0rem!important;
        margin-top: 0!important;
        color: #fff;
        display: inline-block;
   }
}
@media (max-width: 767px) {
    .blocEtapes .titre3 span.longTexte2,
    .blocEtapes .titre3 h2.longTexte2,
    .blocEtapes .titre3 h3.longTexte2 {
        font-size: 2.25rem!important;
        line-height: 2.5rem!important;
        text-align: left;
        left: 0rem!important;
   }
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0 !important;
    background: #e79759;
    background-image: none 
}
select::-ms-expand {
    display: none 
}
/* .select {
    float: left;
    position: relative;
    display: flex;
    width: 20em;
    height: 2.25rem;
    line-height: 3;
    background: #e79759;
    border: 0.0625rem solid #fff;
    overflow: hidden;
    border-radius: 0em;
    color: #fff;
    font-size: 1.1875rem 
} */
select {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 .5em;
    color: #fff;
    cursor: pointer;
    font-size: 1.1875rem 
}
.select::after {
    content: ' ';
    position: absolute;
    background-image: url("/icons-search@2x.4309c3c3.png");
    background-repeat: no-repeat;
    background-size: contain;
    top: 0.5rem;
    right: 0;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0 1em;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease 
}
.select:hover::after {
    color: #fff 
}
.txtLiens {
    line-height: 2.25rem;
    font-size: 1.1875rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    color: #fff;
    padding: 1rem 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex 
}
.txtLiens a {
    font-weight: 600;
    text-decoration: underline;
    padding-left: 3.125rem;
    padding-right: 1.875rem;
    margin-top: -2.25rem;
    color: #fff;
    display: initial;
}
.txtLiens a:hover {
    color: rgba(255, 255, 255, 0.75) 
}
@media (max-width: 440px) { 
   .joinus .texteEtape h2 {
       margin-top: -70px;
   }
   .joinus .navEtapesZone {
       top: -49rem;
   }
   .joinus .illusEtapes {
       margin-top: 10rem;
   }
   .joinus .bloc1.accroche1 {
       margin-bottom: 8.625rem !important;
   }
}

@media (max-width: 1268px) {
    .accroche1b .txtTexte {
        padding: 3.125rem 3.125rem 3.125rem 3.125rem 
   }
}
@media (max-width: 991px) {
    .txtTexte .voirAussi a:after {
        width: calc(100% - 0rem);
        left: 0 
   }
    .accroche1 {
        margin-top: 0;
        margin-bottom: 0.3125rem 
   }
    .accroche1b {
        margin-top: -1.25rem;
        margin-bottom: 2.5rem 
   }
    .bloc1.accroche1 {
        margin-top: 2.5rem !important;
        margin-bottom: 5rem 
   }
    .bloc1.accroche1:before {
        display: block;
        width: calc(100% - 9.6875rem);
        height: calc(100% - 5rem);
        content: ' ';
        left: 7.8125rem;
        top: 5rem 
   }
    .bloc1.accroche1 .txtTexte {
        padding: 1.5625rem 3.125rem 1.5625rem 5.3125rem 
   }
    .bloc1.accroche1 .txtTexte .texteCont {
        margin-left: 5rem 
   }
   .about-us .illusEtapes .tRub:before, .agency-page .illusEtapes .tRub:before {
       background: #fff !important;
   }
   .about-us .illusEtapes, .agency-page .illusEtapes {
       height: 34.3rem;
   }
   .about-us .texteEtape div.titre, .agency-page .texteEtape div.titre {
       margin-top: 0px;
       padding-left: 0;
   }
   .about-us .texteEtape p, .agency-page .texteEtape p {
       padding-left: 0;
   }
   .about-us .texteEtape:before, .agency-page .texteEtape:before {
       content: none;
   }
}
@media (max-width: 767px) {
    .accroche1 {
        margin-top: 0rem;
        height: auto;
        position: relative;
        padding-top: 15.625rem 
   }
    .accroche1:before {
        display: none 
   }
    .accroche1b {
        margin-top: 0rem;
        height: auto;
        position: relative;
        padding-top: 0rem 
   }
    .accroche1b .txtTexte {
        padding: 3.125rem 1.5625rem 3.125rem 1.5625rem 
   }
    .accroche1b:before {
        display: block;
        top: -5rem;
        left: 0;
        width: 100%;
        height: calc(100% - 2.5rem) 
   }
    .illuTexte {
        width: calc(100% - 1.42rem);
        height: 15.625rem;
        overflow: hidden;
        position: relative 
   }
    .illuTexte img {
        position: absolute;
        width: 120%;
        height: auto;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%) 
   }
    .illuTexte.illuRight {
        margin-left: 1.5625rem 
   }
    .bloc1.accroche1 {
        margin-bottom: 5.625rem !important;
        padding-top: 0rem 
   }
    .bloc1.accroche1 .tRub.mobileBottom {
        top: calc(100% - 9.5rem) !important;
        left: -11.875rem !important 
   }
    .bloc1.accroche1 .tRub:before {
        width: 6.25rem;
        height: 0.0625rem;
        content: ' '; 
   }
   
    .bloc1.accroche1:before {
        display: block;
        width: calc(100% - 1.5625rem);
        height: calc(100% - 17.8125rem);
        content: ' ';
        left: 0rem;
        top: 6.875rem 
   }
    .bloc1.accroche1 .txtTexte {
        padding: 1.5625rem 3.125rem 1.5625rem 1.5625rem 
   }
    .bloc1.accroche1 .txtTexte h1 {
        position: relative;
        top: 0 
   }
    .bloc1.accroche1 .txtTexte .texteCont {
        margin-left: 0 
   }
    .bloc1.accroche1 .illuTexte.smaller {
        width: calc(100% - 5rem);
        height: 19.6875rem;
        float: right 
   }
    .txtTexte {
        padding: 3.125rem 1.5625rem 0rem 1.5625rem 
   }
    .txtTexte h1 {
        margin-bottom: 1.875rem;
        position: absolute;
        top: -28.125rem 
   }
    .txtTexte h2 {
        color: #e79759;
        font-weight: 600;
        font-size: 1rem;
        margin-bottom: 1.25rem 
   }
    .txtTexte p {
        font-size: 1rem;
        line-height: 1.4375rem;
        color: #464646;
        margin-bottom: 1.25rem 
   }
    .txtTexte .voirAussi {
        margin: 1.5625rem 0rem 2.5rem 0rem 
   }
    .txtTexte .voirAussi h3 {
        font-size: 1rem;
        font-weight: 600;
        color: #747474;
        margin-bottom: 0.625rem 
   }
    .txtTexte .voirAussi a {
        font-size: 1.9375rem;
        line-height: 1.625rem;
        color: #cdcdcd;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
        font-weight: 800;
        letter-spacing: -0.05em;
        position: relative 
   }
    .txtTexte .voirAussi a:after {
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 0.125rem;
        left: 0rem;
        position: absolute;
        background: #cdcdcd;
        -webkit-transition: -webkit-transform 0.5s 0.25s;
        transition: -webkit-transform 0.5s 0.25s;
        -o-transition: transform 0.5s 0.25s;
        transition: transform 0.5s 0.25s;
        transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s;
        width: calc(100% - 0rem);
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: right;
            -ms-transform-origin: right;
                transform-origin: right 
   }
    .txtTexte .voirAussi a:before {
        content: '>';
        margin-right: 0.625rem 
   }
    .txtTexte .voirAussi a:hover:after {
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1);
        -webkit-transform-origin: left;
            -ms-transform-origin: left;
                transform-origin: left 
   }
}
.ligneBt {
    height: 8.75rem;
    margin-left: 0rem 
}
.ligneBt2 {
    height: 8.75rem;
    margin-left: 0rem;
    margin-top: 2.8125rem 
}
.ligneBt2 .blocLiens {
    min-width: calc(100% + 7.5rem) 
}
@media (max-width: 1268px) {
    .blocLiens a.linkTo {
        font-size: calc(3.125rem * 0.75);
        line-height: calc(3.125rem * 0.75) 
   }
}
.bandeauOrangeLarge {
    background: #e79759;
    padding: 4.375rem;
    margin-left: -5rem;
    width: calc(100% - 6.25rem);
    margin-top: 5rem;
    text-transform: uppercase 
}
.bandeauOrangeLarge a {
    font-size: 3.125rem;
    line-height: 2.875rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    color: #fff;
    -webkit-transition: all 0.5s 0.25s;
    -o-transition: all 0.5s 0.25s;
    transition: all 0.5s 0.25s;
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.bandeauOrangeLarge a:before {
    content: '>';
    padding-right: 0.625rem 
}

.bandeauOrangeLarge a:after{
    content: ""!important;
    display: block!important;
    height: 0.125rem!important;
    left: 2.5rem!important;
    position: absolute!important;
    background: #fff!important;
    -webkit-transition: -webkit-transform 0.5s 0.25s!important;
    transition: -webkit-transform 0.5s 0.25s!important;
    -o-transition: transform 0.5s 0.25s!important;
    transition: transform 0.5s 0.25s!important;
    transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s!important;
    width: calc(100% - 2.5rem)!important;
    -webkit-transform: scaleX(0)!important;
        -ms-transform: scaleX(0)!important;
            transform: scaleX(0)!important;
    -webkit-transform-origin: right!important;
        -ms-transform-origin: right!important;
            transform-origin: right!important;
}
.bandeauOrangeLarge a:hover {
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}
.bandeauBleuLarge {
    background: #183650;
    padding: 4.375rem 4.375rem 4.375rem 6.25rem;
    margin-left: -1.5625rem;
    width: calc(100% - 10.9375rem);
    margin-top: 5rem;
    margin-bottom: 5rem;
    text-transform: uppercase;
}
.bandeauBleuLarge a {
    font-size: 3.125rem;
    line-height: 2.875rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    color: #fff;
    -webkit-transition: all 0.5s 0.25s;
    -o-transition: all 0.5s 0.25s;
    transition: all 0.5s 0.25s;
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.bandeauBleuLarge a:before {
    content: '>';
    padding-right: 0.625rem 
}
.bandeauBleuLarge a:hover {
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}
.offres {
    width: calc(100% - 0rem);
    margin-left: 0rem 
}
.offres .offre {
    width: 100%;
    overflow: hidden;
    padding: 4rem 0rem 0rem 0rem;
    position: relative 
}
.offres .offre:nth-child(2) {
    padding: 7.5rem 0rem 0rem 0rem 
}
.offres .offre:nth-child(3) {
    padding: 5.25rem 0rem 0rem 0rem 
}
.offres .offre h3 {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    z-index: 10;
    padding: 0.625rem;
    bottom: 1.25rem;
    left: 1.25rem;
    font-size: 1rem;
    line-height: 1.4375rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    max-width: calc(100% - 2.5rem);
    overflow:hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.offres .offre h3 span {
    font-size: 1rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    display: block 
}
.offres .offre .illuOffre {
    position: relative;
    width: calc(100% - 0.9375rem);
    height: 24.375rem;
    overflow: hidden;
    background: #0f2334 
}
.offres .offre .illuOffre img {
    width: 100%;
    height: auto;
    position: absolute;
    opacity: 1;
    -webkit-transition: all 0.5s 0.25s;
    -o-transition: all 0.5s 0.25s;
    transition: all 0.5s 0.25s;
    z-index: 9 
}
.offres .offre:hover img {
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.75 
}
@media (max-width: 991px) {
    .contPos {
        margin-top: 1.5625rem 
   }
    .zoneMetiers {
        width: calc(100% - 1.25rem) 
   }
    .zoneMetiers .illuMetier h2 {
        font-size: 1.5625rem;
        line-height: 1.3125rem 
   }
    .enteteMetier {
        width: calc(100% - 3.75rem);
        margin: 2.5rem auto 2.5rem auto 
   }
    .enteteMetier .lienMetier:first-child {
        margin-top: 2.5rem 
   }
    .enteteMetier .lienMetier:last-child {
        margin-bottom: 2.5rem 
   }
    .enteteMetier a {
        font-size: 1.5rem;
        line-height: 1.25rem;
        color: #e5e5e5;
        font-family: "Montserrat", sans-serif;
        font-weight: 800;
        text-transform: uppercase;
        padding: 1.25rem 2.5rem 1.25rem 0rem;
        display: block;
        -webkit-transition: all 0.5s 0.25s;
        -o-transition: all 0.5s 0.25s;
        transition: all 0.5s 0.25s;
        word-break: break-word 
   }
    .enteteMetier a:hover {
        color: #e79759 
   }
    .bandeauMetier {
        height: auto;
        width: 100%;
        margin-bottom: -5rem !important;
        position: relative 
   }
    .bandeauMetier .illuMetier {
        width: 100%;
        height: 19.6875rem;
        overflow: hidden;
        position: relative 
   }
    .bandeauMetier .illuMetier.heightFixed {
        height: 41.25rem !important;
        min-height: 41.25rem !important;
        max-height: 41.25rem !important;
        overflow: hidden 
   }
    .bandeauMetier img {
        width: auto;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%) 
   }
    .introMetier {
        background: #e79759;
        padding: 3.4375rem 2.8125rem;
        color: #fff;
        width: calc(100% - 1.5625rem);
        right: 0;
        top: -10.3125rem;
        margin-left: 1.5625rem;
        font-size: 1rem;
        position: relative 
   }
    .introMetier p {
        padding-bottom: 1.25rem 
   }
    .marginTop {
        margin-top: 5.25rem;
   }
    .marginTop2 {
        margin-top: 13.75rem 
   }
    .blocPos {
        padding: 0rem 2.1875rem 15.625rem 2.1875rem 
   }
    .blocPos.blocCases {
        padding: 0rem 0 0rem 1.5625rem !important;
        width: calc(100% - 0rem) !important 
   }
    .blocPos.blocCases.blocProjects {
        padding: 0rem 1.5625rem 0rem 1.5625rem !important;
        width: calc(100% - 0rem) !important 
   }
    .blocPos.blocCases.blocFullWidth {
        padding: 0rem 0 0rem 0rem !important 
   }
    .blocPos h1 {
        width: calc(85%) 
   }
    .blocPos .texte {
        padding: 3.125rem 2.1875rem 3.125rem 2.1875rem;
        margin-top: -2.1875rem;
        margin-left: -2.1875rem;
        position: relative;
        font-size: 1rem;
        line-height: 1.4375rem !important;
        color: #464646;
        width: calc(100% - 0rem) 
   }
    .blocPos .texte:before {
        content: ' ';
        position: absolute;
        width: calc(100% + 0.625rem);
        height: calc(100% + 17.5rem);
        z-index: -1;
        background: #f0f0f0;
        left: 0;
        top: 0 
   }
    .trub.noMobile {
        display: none 
   }
    .illuBloc {
        overflow: hidden !important;
        width: calc(100% - 5rem);
        height: 19.6875rem;
        position: relative;
        position: absolute;
        right: 0;
        top: -17.1875rem 
   }
    .illuBloc img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 100%;
        height: auto 
   }
    .blocLiens {
        width: calc(100% - 1.5625rem);
        min-width: 21.25rem;
        min-width: 21.25rem;
        position: absolute;
        right: 0;
        bottom: -6.25rem;
        padding: 3.125rem 0rem 3.125rem 2.5rem 
   }
    .blocLiens.leftBt {
        left: -1.5625rem !important;
        bottom: -3.125rem !important;
        width: calc(100% - 10rem);
        min-width: calc(100% - 0rem) !important;
        padding: 3.125rem 0rem 3.125rem 2.5rem 
   }
    .blocLiens.orange {
        background: #e79759;
        color: #fff 
   }
    .blocLiens.orange * {
        color: #fff 
   }
    .blocLiens h3 {
        font-size: 0.75rem;
        font-family: "Montserrat", sans-serif;
        padding: 0rem 0rem 0rem 0rem 
   }
    .blocLiens a.linkTo {
        font-size: 2rem;
        line-height: 2rem;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
        font-weight: 900 !important;
        -webkit-transition: all 0.75s 0s;
        -o-transition: all 0.75s 0s;
        transition: all 0.75s 0s;
        position: relative 
   }
    .blocLiens a.linkTo:after {
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 0.125rem;
        left: 1.875rem;
        position: absolute;
        background: #fff;
        -webkit-transition: -webkit-transform 0.5s 0.25s;
        transition: -webkit-transform 0.5s 0.25s;
        -o-transition: transform 0.5s 0.25s;
        transition: transform 0.5s 0.25s;
        transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s;
        width: calc(100% - 1.875rem);
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: right;
            -ms-transform-origin: right;
                transform-origin: right 
   }
    .blocLiens a.linkTo:before {
        content: ">";
        padding-right: 0.625rem 
   }
    .blocLiens a.linkTo:hover:after {
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1);
        -webkit-transform-origin: left;
            -ms-transform-origin: left;
                transform-origin: left 
   }
    .bandeauOrangeLarge {
        margin-left: -2.5rem 
   }
    .voirPlus {
        padding: 4rem 0rem 0rem 0rem 
   }
    .voirPlus .seaMoreTitle {
        left: 1.5625rem;
        font-size: 3.75rem;
        line-height: 3.9375rem;
        color: #f0f0f0;
        font-family: "Montserrat", sans-serif;
        font-weight: 800;
        width: 100%;
        max-width: 100%;
        text-transform: uppercase;
        position: absolute;
        margin-bottom: 1.875rem !important;
        z-index: -1;
        width: calc(100% - 3.125rem);
   }
    .voirPlus ul {
        position: relative;
        right: 1.5625rem;
        width: calc(100% - 0rem) 
   }
    .voirPlus ul li {
        text-align: right 
   }
    .voirPlus ul li a {
        font-family: "Montserrat", sans-serif;
        font-weight: 800;
        font-size: 1.25rem;
        line-height: 1.625rem;
        text-align: right;
        display: inline-block;
        color: #e79759;
        text-transform: uppercase;
        margin-bottom: 1.375rem;
        position: relative;
        letter-spacing: -0.05em 
   }
    .voirPlus ul li a:after {
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 0.125rem;
        left: 1.25rem;
        position: absolute;
        background: #e79759;
        -webkit-transition: -webkit-transform 0.5s 0.25s;
        transition: -webkit-transform 0.5s 0.25s;
        -o-transition: transform 0.5s 0.25s;
        transition: transform 0.5s 0.25s;
        transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s;
        width: calc(100% - 1.25rem);
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: right;
            -ms-transform-origin: right;
                transform-origin: right 
   }
    .voirPlus ul li a:before {
        content: ">";
        margin-right: 0.625rem 
   }
    .voirPlus ul li a:hover:after {
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1);
        -webkit-transform-origin: left;
            -ms-transform-origin: left;
                transform-origin: left 
   }
}
.goBack {
    padding: 0.9375rem 0.9375rem;
    font-size: 0.8125rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.5s 0.25s;
    -o-transition: all 0.5s 0.25s;
    transition: all 0.5s 0.25s;
    display: none;
    position: absolute;
    top: 21.875rem 
}
.goBack:before {
    content: ' ';
    height: 0.0625rem;
    width: 2.8125rem;
    background: #fff;
    display: block;
    float: left;
    margin-right: 0.9375rem;
    margin-top: 0.625rem 
}
.goBack:hover {
    background: rgba(0, 0, 0, 0.75) 
}
.goBack2 {
    padding: 0.9375rem 0.9375rem;
    font-size: 0.8125rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.5s 0.25s;
    -o-transition: all 0.5s 0.25s;
    transition: all 0.5s 0.25s;
    display: block;
    position: absolute;
    top: 2.1875rem;
    left: 0;
    margin-left: 4.375rem !important;
    z-index: 10 
}
.goBack2:before {
    content: ' ';
    height: 0.0625rem;
    width: 2.8125rem;
    background: #fff;
    display: block;
    float: left;
    margin-right: 0.9375rem;
    margin-top: 0.625rem 
}
.goBack2:hover {
    background: rgba(0, 0, 0, 0.75) 
}

@media (max-width: 1440px) {
    .goBack2 {
        margin-left: 3.125rem !important;
        left: 27px;
   }
}
@media (max-width: 1268px) {
    .goBack2 {
        margin-left: 1.25rem !important;
   }
}
@media (max-width: 991px) {
    .ligneBt2 {
        height: 8.75rem;
        margin-left: 0rem;
        margin-top: 0rem 
   }
    .ligneBt2 .blocLiens {
        bottom: -0.125rem !important;
        min-width: calc(100% - 1.5625rem) 
   }
    .titre3 {
        margin-left: 0 
   }
    .titre3 span.longTexte,
    .titre3 h2.longTexte,
    .titre3 h3.longTexte {
        right: -2.5rem !important 
   }
    .titre3 span.longTexte2,
     .titre3 h2.longText,
      .titre3 h3.longTexte2 {
        right: -2.5rem !important 
   }
    .offres {
        width: calc(100% - 1.25rem);
        margin-left: auto !important;
        margin-right: auto !important 
   }
}
@media (max-width: 767px) {
    .titre3 {
        color: #fff;
        width: 100%;
        font-size: 0;
        margin-left: 0 
   }
    .titre3 span,
    .titre3 h2,
    .titre3 h3 {
        left: 0;
        font-size: 2.25rem;
        line-height: 2.5rem;
        width: calc(80%);
        text-align: left 
   }
    .bandeauOrangeLarge {
        margin-left: -1.5625rem;
        padding: 1.875rem;
        width: calc(100% - 0rem) 
   }
    .bandeauOrangeLarge a {
        font-size: 2rem 
   }
    .voirPlus {
        padding: 4rem 0rem 0rem 0rem 
   }
    .voirPlus .seaMoreTitle {
        left: 1.5625rem;
        margin-bottom: 1.875rem !important;
        z-index: -1;
        position: relative;
        width: calc(100% - 3.125rem);
   }
    .voirPlus ul {
        width: calc(100% - 0rem) 
   }
    .offres {
        width: calc(100% - 1.25rem);
        margin-left: 0 !important;
        margin-right: auto !important 
   }
    .offres .offre {
        padding-top: 1.25rem !important 
   }
    .offres .offre .illuOffre img {
        height: 100%;
        width: auto 
   }
    .offres .offre:hover img {
        -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
                transform: scale(1.5) 
   }
    .noMobileShow {
        display: none 
   }
    .ligneBt2 {
        height: 8.75rem;
        margin-left: 0rem;
        margin-top: 0rem 
   }
    .ligneBt2 .blocLiens {
        bottom: 0 !important 
   }
    .goBack {
        display: inline-block 
   }
    .blocPos {
        padding: 0rem 1.5625rem 15.625rem 1.5625rem 
   }
   .joinus .blocPos {
       padding: 0rem 3rem 15.625rem 3rem 
   }
   
    .enteteMetier {
        width: calc(100% - 3.125rem) 
   }
    .zoneMetiers {
        width: calc(100% - 1rem) 
   }
    .zoneMetiers .illuMetier:last-child {
        margin-bottom: 0.75rem !important 
   }
    .zoneMetiers .illuMetier.heightFixed {
        height: auto !important;
        min-height: 15.625rem !important;
        max-height: 100%;
        width: calc(100% - 0.625rem) 
   }
    .zoneMetiers .illuMetier.heightFixed img {
        width: 100% !important;
        height: auto !important;
        position: relative 
   }
    .zoneMetiers:before {
        display: none 
   }
    .order1 {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1 
   }
    .order2 {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2 
   }
    .order3 {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3 
   }
    .zoneMetiers .illuMetier {
        position: relative;
        width: calc(100% - 0rem);
        height: 18.125rem!important;
        overflow: hidden;
        background: #0f2334 
   }
    .zoneMetiers .illuMetier img {
        width: 150%;
        height: auto;
        position: absolute;
        opacity: 0.75;
        -webkit-transition: all 0.5s 0.25s;
        -o-transition: all 0.5s 0.25s;
        transition: all 0.5s 0.25s;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        z-index: 0 
   }
    .zoneMetiers .illuMetier:hover img {
        left: 50%;
        top: 50%;
        -webkit-transform: scale(1.5) translate(-50%, -50%);
            -ms-transform: scale(1.5) translate(-50%, -50%);
                transform: scale(1.5) translate(-50%, -50%);
        opacity: 0.5;
   }
    .zoneMore{
        margin-top: 0rem!important;
   }
}
/** Ajustement Canvas **/
.zoneMetiers {
    height: 38.75rem;
}
.h100, .h66, .h33 {
    overflow: hidden;
    width: 100%;
}
.h100 {
    height: 100%;
    position: relative;
}
.h66 {
    height: calc(((100% * 2) / 3) - 0.3125rem);
    position: relative;
}
.h33 {
    height: calc((100% / 3) - 0.3125rem);
    position: relative;
}
.h100 img, .h66 img, .h33 img {
    overflow: hidden;
    width: auto !important;
    height: 100% !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%)!important;
        -ms-transform: translate(-50%, -50%)!important;
            transform: translate(-50%, -50%)!important;
}
.h33 img {
    overflow: hidden;
    height: auto !important;
    width: 120% !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%)!important;
        -ms-transform: translate(-50%, -50%)!important;
            transform: translate(-50%, -50%)!important;
}
.oneItem .h100 img, .oneItem .h66 img, .oneItem .h33 img {
    overflow: hidden;
    width: 100% !important;
    height: auto !important;
    position: absolute;
}
@media (max-width: 991px) {
    .zoneMetiers {
        height: calc(38.75rem * 3 / 4);
   }
}
@media (max-width: 434px) {
   .marginTop {
       margin-top: 8.25rem;
   }
}
@media (max-width: 767px) {
    .zoneMetiers {
        height: auto;
   }
    .h100, .h66, .h33 {
        overflow: hidden;
        width: 100% !important;
        height: 15.625rem !important;
   }
    .h100 img, .h66 img, .h33 img {
        overflow: hidden;
        width: 120% !important;
        height: auto !important;
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
   }
    .bloc1 .infosArticle {
        font-size: 1rem;
        line-height: 1.4375rem;
        color: #183650;
        padding-bottom: 2.5rem !important 
   }
    .bloc1 .infosArticle a {
        color: #183650;
        text-decoration: underline 
   }
    .bloc1 .infosArticle a:hover {
        color: #e79759 
   }
    .bloc1 .txtTexte {
        padding: 4.6875rem 3.125rem 3.125rem 8.125rem 
   }
    .bloc1 .txtTexte .texteCont {
        margin-left: 6.25rem 
   }
    .bloc1 .txtTexte.zoneArticle {
        padding: 0 5.25rem 3.4375rem 1.5625rem 
   }
    .bloc1 .txtTexte.zoneArticle.presentApsidien {
        height: 100%!important;
        z-index: 2;
        min-height: auto;
        padding-bottom: 0rem;
        padding-right: 1.5625rem;
        padding-top: 2.5rem;
        padding-left: 1.5625rem;
   }
    .bloc1 .txtTexte.zoneArticle.presentApsidien .texteCont {
        padding-bottom: 0rem;
   }
    .bloc1 .txtTexte.zoneArticle .texteCont {
        padding: 0 !important;
        margin-left: 0rem;
        margin-top: -1.25rem 
   }
    .bloc1 .illuArticleFirst {
        overflow: hidden !important;
        position: relative;
        padding-bottom: 10rem;
        height: 100%;
   }
    .single-team .illuArticleFirst img{
        height: calc(100% - 12.5rem);
        width: auto !important;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        position: absolute;
   }
    .bloc1 .illuArticleFirst img {
        height: calc(100% - 10rem);
        width: auto !important;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        position: absolute;
   }
    .bloc1 .illuArticleCont {
        overflow: hidden !important;
        position: relative;
        padding-top: 0rem;
        height: 17.375rem;
   }
    .bloc1 .illuArticleCont img {
        height: 125%;
        width: auto !important;
       /*left: 50%;
        transform: translateX(-50%);
        */
        position: relative;
   }
    .bloc1 .zoneIlluAgence {
        margin-top: -5.625rem;
        z-index: 4 
   }
    .bloc1 .tRub.tAgence {
        margin-left: -3.125rem;
        margin-top: -18.75rem 
   }
    .bloc1 .tRub.tAgence:before {
        width: 5.625rem 
   }
    .bloc1 .socialShare {
        font-size: 1.1875rem;
        line-height: 1.6875rem;
        color: #183650;
        font-weight: 600;
        position: absolute;
        bottom: 0;
        z-index: 2 
   }
    .bloc1 .socialShare.inline {
        top: 1.875rem !important;
        right: 1.25rem !important 
   }
    .bloc1 .socialShare.inline span, .bloc1 .socialShare.inline ul {
        display: block;
        float: left 
   }
    .bloc1 .socialShare.inline span {
        line-height: 2rem;
        margin-right: 1.25rem;
        padding-top: 0rem 
   }
    .bloc1 .socialShare.inline li {
        margin-right: 0.625rem 
   }
    .bloc1 .socialShare.inline .jssocials-share, .bloc1 .socialShare.inline .jssocials-shares, .bloc1 .socialShare.inline .jssocials {
        display: inline-block !important;
   }
    .bloc1 .socialShare.inline .jssocials-share {
        margin: 0em 0.6em 0em 0;
   }
    .bloc1 .socialShare.inline .bt {
        background: #e79759;
        color: #fff;
        -webkit-transition: all 0.75s ease;
        -o-transition: all 0.75s ease;
        transition: all 0.75s ease;
        font-size: 0.8125rem;
        padding: 0rem 1.6875rem 0rem 1.6875rem;
        margin: 0rem 0.3125rem;
        line-height: 2rem;
        height: 2rem;
        font-weight: 300;
        display: inline-block 
   }
    .bloc1 .socialShare.inline .bt:hover {
        background: #183650 
   }
    .bloc1 .socialShare.alignTop {
        top: 4.375rem !important;
        left: 1.25rem !important 
   }
    .bloc1 .socialShare.nextCol {
        right: auto !important;
        top: 2.5rem !important;
        width: calc(100% - 0rem);
   }
    .bloc1 .socialShare ul li {
        width: 2rem;
        height: 2rem;
        display: inline-block;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transition: all 0.75s ease;
        -o-transition: all 0.75s ease;
        transition: all 0.75s ease;
        position: relative 
   }
    .bloc1 .socialShare ul li.facebook {
        background-image: url("../img/icones/icons-facebook@2x.png") 
   }
    .bloc1 .socialShare ul li.twitter {
        background-image: url("../img/icones/icons-twitter@2x.png") 
   }
    .bloc1 .socialShare ul li.linkedin {
        background-image: url("../img/icones/icons-linkedin@2x.png") 
   }
    .bloc1 .socialShare ul li.youtube {
        background-image: url("../img/icones/icons-youtube@2x.png") 
   }
    .bloc1 .socialShare ul li.instagram {
        background-image: url("../img/icones/icons-instagram-blue@2x.png") 
   }
    .bloc1 .socialShare ul li:before {
        content: ' ';
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0);
        -webkit-transition: all 0.75s ease;
        -o-transition: all 0.75s ease;
        transition: all 0.75s ease 
   }
    .bloc1 .socialShare ul li:hover:before {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1) 
   }
    .bloc1 .socialShare ul li a {
        display: block;
        width: 2rem;
        height: 2rem;
        text-indent: -62.5rem 
   }
    .bloc1 .illu2Agence {
        width: 100%;
        height: 18.125rem;
        overflow: hidden 
   }
    .agencyPage bloc1 .illu2Agence img {
        width: 100%!important;
        height: auto!important;
        margin-right: 10px!important;
    }
    .bloc1 .texteCont.boldText p, .bloc1 .texteCont.boldText * {
        font-weight: 600 !important;
        color: #464646 !important 
   }
    .bloc1 .texteCont.boldText p.txtOrange, .bloc1 .texteCont.boldText *.txtOrange {
        color: #e79759 !important 
   }
    .bloc1 .texteCont.boldText p.txtOrange *, .bloc1 .texteCont.boldText *.txtOrange * {
        color: #e79759 !important 
   }
    .bloc1 .contactAgence {
        background: #f0f0f0;
        position: relative;
        padding: 2.1875rem 0rem 2.1875rem 0rem;
        font-size: 1rem;
        font-family: "Montserrat", sans-serif;
        color: #464646 !important 
   }
    .bloc1 .contactAgence .contactIdent {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 1.25rem 
   }
    .bloc1 .contactAgence .contactAdresse {
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        line-height: 2.1875rem 
   }
    .bloc1 .contactAgence .contactTel {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 2rem 
   }
    .bloc1 .contactAgence:before {
        width: 3.4375rem;
        height: 100%;
        content: ' ';
        background: #f0f0f0;
        left: -3.4375rem;
        top: 0;
        position: absolute 
   }
    .bloc1 .contactAgence:after {
        width: 3.4375rem;
        height: 100%;
        content: ' ';
        background: #f0f0f0;
        right: -3.4375rem;
        top: 0;
        position: absolute 
   }
    .bloc1 .txtOrange {
        color: #e79759 !important 
   }
    .bloc1 .txtOrange * {
        color: #e79759 !important 
   }
    .bloc1 .blocChiffres {
        background: #e79759;
        height: 100% 
   }
    .bloc1 .blocChiffres .chiffresListe {
        padding: 4.6875rem 6.25rem 
   }
    .bloc1 .blocChiffres .chiffres {
        padding-bottom: 3.75rem 
   }
    .bloc1 .blocChiffres .chiffres:last-child {
        padding-bottom: 0 
   }
    .bloc1 .blocChiffres .chiffres .lineDesc1, .bloc3 .chiffres2 .lineDesc1 {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color: #fff;
        font-size: 0.8125rem;
        line-height: 0.8125rem 
   }
    .bloc1 .blocChiffres .chiffres .lineDesc2, .bloc3 .chiffres2 .lineDesc2 {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color: #fff;
        font-size: 3rem;
        line-height: 3.5rem 
   }
    .bloc1 .blocChiffres .chiffres .lineDesc3, .bloc3 .chiffres2 .lineDesc3 {
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        color: #fff;
        font-size: 1.875rem;
        line-height: 1.5625rem;
        text-transform: uppercase 
   }
    .bloc1 .tActu {
        padding-top: 5rem !important;
   }
    .single-agency .colIllu, .single-post .colIllu{
        padding-top: 0rem;
   }

    .single-agency .titre1b{
        margin-top:-17.5rem;
   }
    .single-post .titre1b{
        margin-top:-15.625rem;
   }
    .single-project .titre1b{
        margin-top: -18.75rem;
   }
    .blog .titre1b{
        margin-top: -16.25rem;
   }
    .single-project .infosArticle{
        position: absolute;
        top: -640px;
   }
    .blog .infosArticle{
        position: absolute;
        top: -37.5rem;
   }
    .offreEmplois .titre1b{
        margin-top: -11.25rem;
   }
   .single-agency .goBack, .single-post .goBack, .offreEmplois .goBack{
        margin-top: -11.25rem;
   }

    .single-project .goBack{
        margin-top: -13.125rem;
   }
    .blog .goBack{
        margin-top: -10.625rem;
   }
    .single-agency .goBack{
        margin-top: -11.25rem;
   }
    .offreEmplois .goBack{
        margin-top: -10rem;
   }
    .tAgence{
        display: none!important;
   }
    .tEmploi{
        font-size: 3.125rem;
        line-height: 3.125rem;
   }
    .offreEmplois .ligne2:before{
        display: none;
   }
    .single-team .illuArticleFirst, .single-agency .illuArticleFirst, .single-post .illuArticleFirst, .offreEmplois .illuArticleFirst, .single-project .illuArticleFirst, .blog .illuArticleFirst{
        height: 27.5rem!important;
        width: calc(100% - 1.5625rem)!important;
   }
    .single-post .illuArticleFirst{
        margin-top: 15.625rem;
   }
    .single-project .illuArticleFirst{
        margin-top: 18.75rem!important;
   }
    .blog .illuArticleFirst{
        margin-top: 16.25rem!important;
   }
    .offreEmplois .ligne1B .illuDesc{
        padding-top: 15.625rem;
   }
    .single-post .illuArticleCont {
        height: 27.5rem;
        width: calc(100% - 1.5625rem);
        margin-left: 1.5625rem;
   }
    .offreEmplois .illuArticleCont {
        height: 27.5rem;
        width: calc(100% - 1.5625rem);
        margin-left: 1.5625rem;
   }
    /* .single-post .illuArticleCont img {
        height: 140%!important;
        width: auto !important;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
   } */
    .offreEmplois .illuArticleCont img {
        height: 140%!important;
        width: auto !important;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        position: absolute;
   }
    .single-team .illuArticleFirst img, .single-agency .illuArticleFirst img, .single-post .illuArticleFirst img, .offreEmplois .illuArticleFirst img{
        height: 140%!important;
        width: auto !important;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        position: absolute;
   }
    .single-team .presentApsidien{
        margin-top: 0!important;
   }
    .bloc1 .colIllu, .bloc1 .colTexte {
        z-index: 2 
   }
    .single-post .bloc1.ligne2{
        z-index: 10;
   }
    .bloc1.ligne1:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: calc(100% - 6.25rem);
        bottom: calc(-12.5rem + 0rem)!important;
        left: -7.5rem;
        background: #f0f0f0;
        z-index: -1;
   }
    .bloc1 .references {
        background: #e79759;
        padding: 2.5rem;
        margin-top: -10.9375rem;
        padding-bottom: 7.5rem!important;
        height: auto!important;
   }
    .bloc1 .references h4 {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 700;
        font-family: "Montserrat", sans-serif;
        color: #fff;
        padding-bottom: 3.125rem!important;
   }
    .bloc1 .references .ref {
        display: inline-block;
        width: calc(100% - 1.25rem)!important;
        font-size: 3.125rem;
        line-height: 2.5625rem;
        font-weight: 700;
        font-family: "Montserrat", sans-serif;
        color: #fff;
        padding-bottom: 3.125rem 
   }
    .bloc1 .videoZone .video {
        float: left;
        width: calc(100% - 1.5625rem);
        height: 26.75rem;
        overflow: hidden;
        position: relative;
        margin-right: 0rem;
        margin-top: 0rem;
        background: #000 
   }
    .bloc1 .videoZone .video:before {
        content: ' ';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 5rem;
        height: 5rem;
        background: url("../img/icones/icons-play@3x.png") no-repeat 0 0;
        background-size: contain;
        z-index: 4 
   }
    .bloc1 .videoZone .video img {
        width: auto;
        height: 100%;
        -webkit-transition: all 0.75s ease;
        -o-transition: all 0.75s ease;
        transition: all 0.75s ease;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
   }
    .bloc1 .videoZone .video:hover img {
        opacity: 0.75;
        -webkit-transform:scale(1.3) translate(-50%, -50%);
            -ms-transform:scale(1.3) translate(-50%, -50%);
                transform:scale(1.3) translate(-50%, -50%);
        position: absolute;
   }
    .bloc1 .citation {
        background: #f0f0f0;
        margin-top: 2.5rem;
        z-index: 0;
   }
    .bloc1 .citation .citationZone {
        position: relative;
        padding: 6.875rem 0rem 9.375rem 0.9375rem;
        width: calc(100% - 1.5625rem);
        min-height: 18.75rem;
        font-size: 1.75rem;
        line-height: 1.75rem;
        color: #e79759;
        text-align: center;
        font-weight: 700;
   }
    .bloc1 .citation .citationZone:before {
        width: calc(7rem / 2);
        height: calc(9.375rem / 2);
        position: absolute;
        left: 1.5625rem;
        top: 5.625rem;
        content: ' ';
        background: url("../img/icones/icons-quote-left@3x.png") no-repeat 0 0;
        background-size: contain;
        z-index: -1 
   }
    .bloc1 .citation .citationZone:after {
        width: calc(7rem / 2);
        height: calc(9.375rem / 2);
        position: absolute;
        right: 0rem;
        bottom: 8.125rem;
        content: ' ';
        background: url("../img/icones/icons-quote-right@3x.png") no-repeat 100% 100%;
        background-size: contain;
        z-index: -1 
   }
    .bloc1 .noPadding {
        padding: 0 !important 
   }
    .bloc1.ligne1 {
        margin-top: 2.5rem !important;
        margin-right: 1.5625rem;
        position: relative;
        z-index: 1 
   }
    .bloc1.ligne1 {
        margin-top: 2.5rem !important;
        margin-right: 1.5625rem;
        position: relative;
        z-index: 1 
   }
    .bloc1.ligne1:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: calc(100% - 0rem);
        bottom: calc(0% + 1.25rem);
        left: 0rem!important;
        background: #f0f0f0;
        z-index: -1 
   }
    .bloc1.ligne1B {
        margin-top: 1.875rem;
        position: relative 
   }
    .bloc1.ligne1B:before {
        display: none;
   }
    .bloc1.ligne1C {
        margin-top: 1.875rem;
        position: relative 
   }
    .bloc1.ligne1C:before {
        content: '';
        position: absolute 
   }
    .bloc1.ligne1C .zoneArticle {
        padding: 0 4.6875rem 0rem 3.4375rem 
   }
    .bloc1.ligne1C .zoneArticle .texteCont {
        padding: 0 !important;
        margin-left: 0rem;
        margin-top: -1.25rem;
        margin-bottom: 0rem 
   }
    .bloc1.ligne1D {
        margin-top: 0rem;
        position: relative 
   }
    .bloc1.ligne1D:before {
        content: '';
        position: absolute 
   }
    .bloc1.ligne1D .zoneArticle {
        padding: 0 7.8125rem 0rem 3.4375rem 
   }
    .single-agency .bloc1.ligne1D .zoneArticle {
        padding: 5rem 1.5625rem 0rem 1.5625rem!important 
   }
    .bloc1.ligne1D .zoneArticle .texteCont {
        padding: 0 !important;
        margin-left: 0rem;
        margin-top: -1.25rem;
        margin-bottom: 0rem 
   }
    .bloc1.ligne2 {
        margin-top: -5.625rem;
        margin-bottom: 3.75rem;
        position: relative;
        z-index: 10 
   }
    .bloc1.ligne2:before {
        content: ' ';
        position: absolute;
        background: #f0f0f0;
        width: 100%;
        height: calc(100% + 0rem);
        z-index: -1;
        top: 9.375rem;
   }
    .bloc1.ligne3 {
        position: relative 
   }
    .bloc1.ligne3:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: calc(100% - 3.75rem);
        top: 12.5rem;
        right: -11.875rem;
        background: #f0f0f0;
        z-index: -1 
   }
    .bloc1.ligne4 {
        margin-top: 6.875rem;
        margin-bottom: 0rem;
        position: relative 
   }
    .bloc1.ligne4:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: calc(75%);
        top: calc(50% + 9.375rem);
        right: calc(-50% + 5rem);
        background: #f0f0f0;
        z-index: -1 
   }
    .bloc1.ligneOrange {
        margin-top: -5rem;
        z-index: 0 
   }
    .bloc1.ligneOrange .zoneArticle {
        padding: 5.9375rem 4.6875rem 3.75rem 8.125rem !important;
        background: #e79759 
   }
    .bloc1.ligneOrange .zoneArticle h2, .bloc1.ligneOrange .zoneArticle h3, .bloc1.ligneOrange .zoneArticle h4, .bloc1.ligneOrange .zoneArticle h5, .bloc1.ligneOrange .zoneArticle p, .bloc1.ligneOrange .zoneArticle li, .bloc1.ligneOrange .zoneArticle a, .bloc1.ligneOrange .zoneArticle * {
        color: #fff !important 
   }
    .bloc1.ligne2 .zoneArticle {
        padding: 0 1.5625rem 0rem 1.5625rem 
   }
    .ligne2 .textDesc{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
   }
    .ligne2 .illuDesc{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
   }
    .ligne2{
        margin-top: 0!important;
   }
    .bloc1 .txtTexte.zoneArticle .texteCont {
        margin-top: 2.5rem!important;
   }
    .bloc1.ligne2 .zoneArticle .texteCont {
        padding: 0 !important;
        margin-left: 0rem;
        margin-top: -1.25rem;
        margin-bottom: 0rem 
   }
    .bloc1.ligne4 .zoneArticle {
        padding: 0 4.6875rem 0rem 8.125rem 
   }
    .bloc1.ligne4 .zoneArticle .texteCont {
        padding: 0 0 5rem 0rem !important;
        margin-left: 0rem;
        margin-top: -0rem;
        margin-bottom: 2.5rem 
   }
    .bloc1.ligne1 .illuArticleFirst {
        height: 18.75rem;
        width: calc(100% - 0rem) !important;
        margin: 7.5rem 0rem 2.5rem 0rem;
   }
    .bloc1 .illuArticleFirst img {
        width: auto;
        height: 140% !important;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        position: absolute;
   }
    .offres .offre .illuOffre {
        position: relative;
        width: calc(100% - 0.3125rem);
        height: 24.375rem;
        overflow: hidden;
        background: #0f2334;
   }
    .single-agency .colIllu {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
   }
    .single-agency .blocSharing{
        -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
                order: 7;
        padding-bottom: 3rem;
   }
    .single-agency .agence{
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
   }
    .single-agency .blocSharing .socialShare.inline{
        position: relative;
        width: 100%;
        text-align: left;
        margin: 0 0 0 2.5rem!important;
   }
    .single-agency .blocSharing .socialShare.inline span{
        margin-left: 0.625rem;
   }
    .single-agency .blocSharing .socialShare.inline a.bt{
        margin-top: 1.25rem;
   }
    .single-agency .zoneIlluAgence{
        -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
                order: 6;
        margin-top: -2.5rem;
        width: calc(100% - 1.5625rem);
        margin-left: 1.5625rem;
   }
}
*:before{
    z-index: -1;
}
@media (max-width: 991px) {
    .noMobile{
        display: none!important;
   }
    .titre3 span.longTexte2,
    .titre3 h2.longTexte2,
    .titre3 h3.longTexte2 {
        right: auto !important;
        left: 3.125rem;
   }
    .ligneOrange {
        margin-bottom: 5rem;
        z-index: 15!important;
        width: calc(100% - 1.5625rem);
        margin-left: 1.5625rem;
   }
    .bloc1 .socialShare.alignTop {
        top: 0rem !important;
        left: 0rem !important;
   }
    .bloc1.ligneOrange .zoneArticle {
        padding: 0.3125rem 1.875rem 1.25rem 1.875rem !important;
        background: #e79759;
   }
    .bloc1.ligne1:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: calc(100% - 6.25rem);
        bottom: calc(-11.25rem + 0rem);
        left: -7.5rem;
        background: #f0f0f0;
        z-index: -1;
   }
    .bandeauBleuLarge {
        background: #183650;
        padding: 4.375rem 1.875rem 4.375rem 2.5rem;
        margin-left: -1.5625rem;
        width: calc(100% - 1.5625rem);
        margin-top: 5rem;
        text-transform: uppercase;
        margin-bottom: 2.5rem;
   }
    .bandeauBleuLarge a{
        font-size: 2rem;
        line-height: 2rem;
   }
    .bloc1 .socialShare {
        font-size: 1.1875rem;
        line-height: 1.6875rem;
        color: #183650;
        font-weight: 600;
        position: relative;
        bottom: 0;
        z-index: 2;
        margin-top: 2.5rem;
   }
}
.ligneOrange {
    margin-bottom: 5rem;
}
@media (max-width: 767px){
    .titre3 span.longTexte2,
    .titre3 h2.longTexte2,
    .titre3 h3.longTexte2 {
        right: auto !important;
        left: 0rem!important;
        font-size: 2rem;
   }
    .blocPos.blocCases.blocFullWidth {
        padding: 0rem 0 0rem 1.5625rem !important 
   }
    .offres{
        margin-left: 1.5625rem;
   }
}
/** Blocs Nous Rejoindre **/
/** Blocs Nous Rejoindre **/
.joinus-photo {
   margin-top: 3rem;
   overflow: hidden;
   position: relative;
   /* height: 52.5rem; */
   margin-top: 0rem;
}
.joinus-photo img {
   max-width: 100%;
   height: auto;
}
.talent-form-container2 {
    margin-left: 0rem;
    font-family: "Montserrat", sans-serif;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
.talent-form-container2 .talent-form-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin: 0 auto 
}
.talent-form-container2 .talent-form-section .talent-left-side .talent-form {
    width: 100%;
    margin-left: 0rem;
    height: auto;
    min-height: 34.0625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #f0f0f0;
    padding: 3.125rem 3.125rem 3.125rem 7.8125rem;
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container {
    width: 100%;
    margin: 0 auto;
   /*margin-bottom: 4.6875rem*/
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form label {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #a0a0a0;
    padding-bottom: 0.625rem;
    display: inline 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form input {
    margin-top: 0.625rem;
    height: 2.8125rem;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    color: #a0a0a0;
    border: solid 0.0625rem #a0a0a0;
    background-color: transparent;
    width: 100% 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form input::-webkit-input-placeholder {
    color: #a0a0a0 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form input::-moz-placeholder {
    color: #a0a0a0 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form input:-ms-input-placeholder {
    color: #a0a0a0 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form input::-ms-input-placeholder {
    color: #a0a0a0 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form input::placeholder {
    color: #a0a0a0 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form select, .talent-form-container2 .talent-form-section .talent-left-side .form-container form .input-file {
    font-weight: normal;
    text-align: left;
    line-height: 2.8125rem;
    margin-top: 0.9375rem;
    width: 100%;
    height: 2.8125rem;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    border-radius: 0%;
    color: #a0a0a0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: solid 0.0625rem #a0a0a0 !important;
    appearance: none;
    background-color: transparent;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 0.8125rem;
    cursor: pointer 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form select {
    background-color: #f0f0f0;
    background-image: url("../img/icones/icons-add2.png") 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .input-file {
    background-image: url("../img/icones/icons-add2.png") 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form input[type='file'] {
    display: none 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .multiselect {
    width: 100%;
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .selectBox {
    position: relative 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .selectBox select {
    width: 100% 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form #checkboxes {
    display: none;
    border: 0.0625rem #dadada solid;
    padding: 0.625rem;
    position: absolute;
    background: #f0f0f0;
    width: 100%;
    height: 6.25rem;
    overflow: auto;
    z-index: 15;
}
.form-selector{
    cursor: pointer;
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form #checkboxes input {
    width: 0.9375rem;
    height: 0.9375rem;
    padding: 0;
    margin: 0.3125rem 0.625rem 0.3125rem 0rem 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form #checkboxes label {
    display: block 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form #checkboxes label:hover {
    background-color: transparent 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-submit-button {
    width: 10.625rem;
    height: 2.8125rem;
    background-color: #e79759;
    color: #fff;
    float: right;
    padding: 0;
    cursor: pointer;
    border: none;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
    margin-top: 0.9375rem;
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-submit-button:hover {
    color: #e79759;
    background-color: #fff;
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-file-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-file-section .input-file, .talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-file-section .input-select {
    width: 100%;
    margin-bottom: 0.9375rem 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-file-input::-webkit-file-upload-button {
    visibility: hidden 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-file-input::before {
    content: 'Ajouter un CV' 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-submit-area {
    display: block;
    color: #183650;
    font-family: "Montserrat", sans-serif;
    clear: both;
    padding: 1.25rem 0rem 1.25rem 0rem 
}
.talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-submit-area p {
    padding-top: 0.625rem;
    width: 100%;
    font-size: 1.1875rem;
    line-height: 1.6875rem 
}
.talent-form-container2 .talent-form-section .talent-left-side h2 {
    font-family: "Montserrat", sans-serif;
    margin-left: 7.8125rem;
}
.talent-form-container2 .talent-form-section .talent-left-side h2 span {
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    color: #a0a0a0;
    overflow-wrap: break-word;
    text-transform: uppercase 
}
.talent-form-container2 .talent-form-section .talent-left-side h2.talent-title {
    margin-top: 3.125rem;
    margin-bottom: 3.4375rem;
    color: #e79759 
}
.talent-form-container2 .talent-form-section .talent-left-side h2.talent-title span {
    color: #183650 
}
.talent-form-container2 .talent-form-section .talent-left-side h3.talent-form-title {
        color: #183650;
   margin-bottom: 0;
   margin-left: 0rem;
   font-size: 2.125rem;
   line-height: 2.125rem;
   padding: 1.875rem 3.125rem 1.875rem 0rem;
}
.talent-form-container2 .talent-form-section .talent-left-side h3.talent-form-title span {
    font-size: 4.5rem ;
    position: absolute 
}
.talent-form-container2 .talent-form-section{
    position: relative;
}
.talent-form-container2 .talent-right-side img {
    width: auto!important;
    height: 100%!important;
    margin-top: 0rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.talent-form-container2 .talent-left-side{
    width: 60%;
}
.talent-form-container2 .talent-right-side{
    width: 40%;
    overflow: hidden;
    position: relative;
    height: 48.125rem;
    margin-top: 8.75rem;
}
/** Blocs Nous Rejoindre **/
.talent-form-container {
    margin-left: 0rem;
    font-family: "Montserrat", sans-serif;
    width: 100%;
    /* overflow: hidden; */
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
.talent-form-container .talent-form-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin: 0 auto 
}
.talent-form-container .talent-form-section .talent-left-side .talent-form {
    width: 100%;
    margin-left: 0rem;
    height: auto;
    /* min-height: 34.0625rem; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #e79759;
    padding: 3.125rem 3.125rem 3.125rem 7.8125rem;
    -webkit-box-shadow: 3.75rem 5rem 0rem #f0f0f0, 40.9375rem 5rem 0rem 0rem #f0f0f0;
            box-shadow: 3.75rem 5rem 0rem #f0f0f0, 40.9375rem 5rem 0rem 0rem #f0f0f0 
}
.talent-form-container .talent-form-section .talent-left-side .talent-form .success {
   color: #155724;
   background-color: #d4edda;
}
.talent-form-container .talent-form-section .talent-left-side .talent-form .error {
   color: #721c24;
   background-color: #f8d7da;
}
.talent-form-container .talent-form-section .talent-left-side .form-container {
    width: 100%;
    margin: 0 auto;
   /*margin-bottom: 4.6875rem*/
}
.talent-form-container .talent-form-section .talent-left-side .form-container form label {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #fff;
    padding-bottom: 0.625rem;
    display: inline 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form input {
    margin-top: 0.625rem;
    height: 2.8125rem;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    border: solid 0.0625rem #fff;
    background-color: transparent;
    width: 100% 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form input::-webkit-input-placeholder {
    color: #fff 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form input::-moz-placeholder {
    color: #fff 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form input:-ms-input-placeholder {
    color: #fff 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form input::-ms-input-placeholder {
    color: #fff 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form input::placeholder {
    color: #fff 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form select, .talent-form-container .talent-form-section .talent-left-side .form-container form .input-file {
    font-weight: normal;
    text-align: left;
    line-height: 2.8125rem;
    margin-top: 0.9375rem;
    width: 100%;
    height: 2.8125rem;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    border-radius: 0%;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: solid 0.0625rem #fff !important;
    appearance: none;
    background-color: transparent;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 0.8125rem;
    cursor: pointer 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form select {
    background-color: #e79759;
    background-image: url("../img/icones/icons-add.png") 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .input-file {
    background-image: url("../img/icones/icons-add.png") 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form input[type='file'] {
    display: none 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .multiselect {
    width: 100%;
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .selectBox {
    position: relative 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .selectBox select {
    width: 100% 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form #checkboxes {
    display: none;
    border: 0.0625rem #fff solid;
    padding: 0.625rem;
    position: absolute;
    background: #e79759;
    width: 100%;
    height: 6.25rem;
    overflow: auto;
    z-index: 15;
}
.form-selector{
    width: calc(50% - 0.3125rem);
    position: relative;
}
.talent-form-container .talent-form-section .talent-left-side .form-container form #checkboxes input {
    width: 0.9375rem;
    height: 0.9375rem;
    padding: 0;
    margin: 0.3125rem 0.625rem 0.3125rem 0rem 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form #checkboxes label {
    display: block 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form #checkboxes label:hover {
    background-color: transparent 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .form-submit-button {
    width: 10.625rem;
    height: 2.8125rem;
    background-color: #fff;
    color: #e79759;
    float: right;
    padding: 0;
    cursor: pointer;
    border: none;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
    margin-top: 0.9375rem;
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .form-submit-button:hover {
    background-color: #e79759;
    color: #fff;
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-section .form-selector {
   width: 50%;
   padding-right: 10px;
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-section .input-file {
   width: 50% !important;
   height: 47px;
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-section .input-file, .talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-section .input-select {
    width: calc(50% - 0.3125rem);
    margin-bottom: 0.9375rem 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-input::-webkit-file-upload-button {
    visibility: hidden 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-input::before {
    content: 'Ajouter un CV' 
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .form-submit-area {
    display: block;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    clear: both;
    padding: 1.25rem 0rem 1.25rem 0rem;
}
.talent-form-container .talent-form-section .talent-left-side .form-container form .form-submit-area p {
    padding-top: 0.625rem;
    width: 100%;
    font-size: 1.1875rem;
    line-height: 1.6875rem;
    float: left;
    width: calc(50% - 1.25rem);
}
.talent-form-container .talent-form-section .talent-left-side h2 {
    font-family: "Montserrat", sans-serif;
    margin-left: 7.8125rem;
    margin-top: 5rem!important;
}
.talent-form-container .talent-form-section .talent-left-side h2 span {
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    color: #fff;
    overflow-wrap: break-word;
    text-transform: uppercase 
}
.talent-form-container .talent-form-section .talent-left-side h2.talent-title {
    margin-top: 3.125rem;
    margin-bottom: 3.4375rem;
    color: #e79759 
}
.talent-form-container .talent-form-section .talent-left-side h2.talent-title span {
    color: #183650 
}
.talent-form-container .talent-form-section .talent-left-side h3.talent-form-title {
    color: #ffffff;
    margin-bottom: 0;
    margin-left: 0rem;
    font-size: 2.125rem;
    padding: 0rem 0rem 
}
.talent-form-container .talent-form-section .talent-left-side h3.talent-form-title span {
    font-size: 4.5rem ;
    position: absolute 
}
.talent-form-container .talent-form-section{
    position: relative;
}
.talent-form-container .talent-right-side img {
    /* width: auto!important;
    height: 100%!important;
    margin-top: 0rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    max-width: 100%;
   height: auto;
}
.talent-form-container .talent-left-side{
    width: 60%;
}
.talent-form-container .talent-right-side{
    width: 40%;
    overflow: hidden;
    position: relative;
    margin-top: 0rem;
}
/** Formulaire Page Talents **/
.talent-form-container3 {
    font-family: "Montserrat", sans-serif 
}
.talent-form-container3 .talent-form-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin: 0 auto 
}
.talent-form-container3 .talent-form-section::after {
   position: absolute;
   bottom: 21px;
   content: ' ';
   display: inline-block;
   width: 100%;
   height: 390px;
   background: #f0f0f0;
   margin-left: 7rem; 
   z-index: -1;   
}
.talent-form-container3 .talent-form-section .talent-left-side .talent-form {
    height: 31.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;     
    -webkit-box-orient: vertical;     
    -webkit-box-direction: normal;     
        -ms-flex-direction: column;     
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #e79759;
    /* box-shadow: 2.5rem 3.75rem 0rem #f0f0f0, 28.4375rem 3.75rem 0rem 0rem #f0f0f0  */
}


.talent-form-container3 .talent-form-section .talent-left-side .form-container {
    width: auto;
    margin: 0 3.125rem;
    margin-bottom: 4.6875rem 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form label {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #fff;
    padding-bottom: 0.625rem;
    display: inline 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form input {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    width: 100%;
    height: 2.8125rem;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    cursor: text;
    border: solid 0.0625rem #fff;
    background-color: transparent 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form input::-webkit-input-placeholder {
    color: #fff 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form input::-moz-placeholder {
    color: #fff 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form input:-ms-input-placeholder {
    color: #fff 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form input::-ms-input-placeholder {
    color: #fff 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form input::placeholder {
    color: #fff 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form select {
    margin-top: 0.9375rem;
    width: 100%;
    height: 2.8125rem;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    border-radius: 0%;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: solid 0.0625rem #fff !important;
    appearance: none;
    background-color: transparent;
    background-image: url("../img/icones/icons-arrow-wht.png");
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 0.8125rem;
    cursor: pointer;
    background-color: #e79759;
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form .form-submit-button {
    width: 10.625rem;
    height: 2.8125rem;
    background-color: #ffffff;
    color: #e79759;
    float: right;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
    margin-top: 0.9375rem;

}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form .form-submit-button:hover {
    background-color: #e79759;
    color: #fff;
}
.talent-form-container3 .talent-form-section .talent-left-side h2 {
    font-family: "Montserrat", sans-serif 
}
.talent-form-container3 .talent-form-section .talent-left-side h2 span,
.talent-form-container3 .talent-form-section .talent-left-side h1 span {
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    color: #fff;
    overflow-wrap: break-word;
    text-transform: uppercase 
}
.talent-form-container3 .talent-form-section .talent-left-side h2.talent-title,
.talent-form-container3 .talent-form-section .talent-left-side h1.talent-title {
    margin-top: 5rem;
    margin-bottom: 3.4375rem;
    margin-left: 4.9rem;
    color: #e79759 
}
.talent-form-container3 .talent-form-section .talent-left-side h2.talent-title span,
.talent-form-container3 .talent-form-section .talent-left-side h1.talent-title span {
    color: #183650 
}
.talent-form-container3 .talent-form-section .talent-left-side h2.talent-form-title {
    color: #fff;
    font-size: 2.125rem;
    margin-bottom: 1.875rem;
    padding: 3.125rem 
}
.talent-form-container3 .talent-form-section .talent-left-side h2.talent-form-title span {
    font-size: 4.5rem ;
    position: absolute;
    z-index: 15;
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form select, .talent-form-container3 .talent-form-section .talent-left-side .form-container form .input-file {
    font-weight: normal;
    text-align: left;
    line-height: 2.8125rem;
    margin-top: 0.9375rem;
    width: 100%;
    height: 2.8125rem;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    border-radius: 0%;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: solid 0.0625rem #fff !important;
    appearance: none;
    background-color: transparent;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 0.8125rem;
    cursor: pointer 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form select {
    background-color: #e79759;
    background-image: url("../img/icones/icons-add.png") 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form .input-file {
    background-image: url("../img/icones/icons-add.png") 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form .form-file-section .input-select {
    width: calc(100% - 0.3125rem);
    margin-bottom: 0.9375rem 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form #checkboxes, .talent-form-container3 .talent-form-section .talent-left-side .form-container form #checkboxes2 {
    display: none;
    border: 0.0625rem #fff solid;
    padding: 0.625rem;
    position: absolute;
    background: #e79759;
    width: 100%;
    height: 6.25rem;
    overflow: auto;
    z-index: 15;
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form #checkboxes input, .talent-form-container3 .talent-form-section .talent-left-side .form-container form #checkboxes2 input {
    width: 0.9375rem;
    height: 0.9375rem;
    padding: 0;
    margin: 0.3125rem 0.625rem 0.3125rem 0rem 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form #checkboxes label, .talent-form-container3 .talent-form-section .talent-left-side .form-container form #checkboxes2 label {
    display: block 
}
.talent-form-container3 .talent-form-section .talent-left-side .form-container form #checkboxes label:hover, .talent-form-container3 .talent-form-section .talent-left-side .form-container form #checkboxes2 label:hover {
    background-color: transparent 
}
.talent-form-container3 .form-selector{
    width: 100%!important;
}
.talent-form-container3 .talent-left-side{
    width: 50%;
}
.talent-form-container3 .talent-right-side{
    width: 50%;
    overflow: hidden;
    position: relative;
    height:52.5rem;
    margin-top: 0rem;
}
.talent-form-container3 .talent-right-side img {
    max-width: 100%;
    height: auto;
    margin-top: -8rem;
}
.goBackInit{
    top: 10rem;
}
.rightAlign {
    text-align: right;
    padding-right: 4.6875rem 
}
@media (max-width: 1268px){
    .talent-form-container2 .talent-form-section .talent-left-side h2 span {
        font-size: calc( 4.5rem * 0.8);
        line-height: calc(3.9375rem * 0.8);
   }
    .talent-form-container2 .talent-form-section .talent-left-side h2.talent-form-title {
        font-size: calc( 2.125rem * 0.8);
   }
    .talent-form-container .talent-form-section .talent-left-side h2 span {
        font-size: calc( 4.5rem * 0.8);
        line-height: calc(3.9375rem * 0.8);
   }
    .talent-form-container .talent-form-section .talent-left-side h2.talent-form-title {
        font-size: calc( 2.125rem * 0.8);
   }
    .talent-form-container .talent-right-side{
        width: 40%;
        overflow: hidden;
        position: relative;
        height:58.75rem;
        /* margin-top: 8.75rem; */
   }
    .talent-form-container3 .talent-form-section .talent-left-side h2.talent-form-title {
        font-size: calc( 2.125rem * 0.8);
        margin-bottom: calc(1.875rem * 0.8);
   }
    .talent-form-container3 .talent-form-section .talent-left-side h2 span,
    .talent-form-container3 .talent-form-section .talent-left-side h1 span {
        font-size: calc( 4.5rem * 0.8);
        line-height: calc(3.9375rem * 0.8);
   }
    .talent-form-container3 .talent-form-section .talent-left-side h2.talent-form-title span {
        font-size: calc( 4.5rem * 0.8);
        position: absolute;
        z-index: 15;
   }
   .talent-form-container3 .talent-right-side img {
       margin-top: -3rem;
   }
}
@media (max-width: 1080px){
    .talent-form-container2 .talent-form-section .talent-left-side h2 span {
        font-size: calc( 4.5rem * 0.7);
        line-height: calc(3.9375rem * 0.7);
   }
    .talent-form-container2 .talent-form-section .talent-left-side h2.talent-form-title {
        font-size: calc( 2.125rem * 0.7);
   }
    .talent-form-container .talent-form-section .talent-left-side h2 span {
        font-size: calc( 4.5rem * 0.7);
        line-height: calc(3.9375rem * 0.7);
   }
    .talent-form-container .talent-form-section .talent-left-side h2.talent-form-title {
        font-size: calc( 2.125rem * 0.7);
   }
    .talent-form-container3 .talent-form-section .talent-left-side h2.talent-form-title {
        font-size: calc( 2.125rem * 0.7);
        margin-bottom: calc(1.875rem * 0.7);
   }
    .talent-form-container3 .talent-form-section .talent-left-side h2 span,
    .talent-form-container3 .talent-form-section .talent-left-side h1 span {
        font-size: calc( 4.5rem * 0.7);
        line-height: calc(3.9375rem * 0.7);
   }
    .talent-form-container3 .talent-form-section .talent-left-side h2.talent-form-title span {
        font-size: calc( 4.5rem * 0.7);
        position: absolute;
        z-index: 15;
   }
   .talent-form-container3 .talent-right-side img {
       margin-top: 4rem;
   }
}
@media (max-width: 991px){
   .joinus-photo {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: end;
           -ms-flex-pack: end;
               justify-content: flex-end;
       width: calc((100% / 12) * 11 + 1.25rem);
       overflow: hidden;
       margin-left: auto;
       height: initial;
    }
    .joinus-photo img {
       max-width: 80%;
       height: 22rem;
       -o-object-fit: cover;
          object-fit: cover;
    }
    .talent-form-container2 .talent-form-section .talent-left-side h2 span {
        font-size: calc( 4.5rem * 0.7);
        line-height: calc(3.9375rem * 0.7);
   }
    .talent-form-container2 .talent-form-section .talent-left-side h2.talent-form-title {
        font-size: calc( 2.125rem * 0.7);
   }
    .talent-form-container2 .talent-left-side{
        width: 100%;
   }
   .talent-form-container3 .talent-form-section .talent-left-side .talent-form {
       height: initial;
       -webkit-box-shadow: none;
               box-shadow: none;
   }
   .talent-form-container3 .talent-form-section .talent-left-side .form-container {
       padding-bottom: 8rem;
   }
    .talent-form-container2 .talent-right-side{
        width: calc((100% / 12) * 11 + 1.25rem);
        overflow: hidden;
        position: relative;
        height: 25rem;
        margin-top: -11.75rem;
        margin-left: calc((100% / 12) * 1 - 1.25rem);
   }
    .talent-form-container2 .talent-right-side img{
        width: 100%!important;
        height: auto!important;
   }
    .talent-form-container2 .talent-form-section{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
   }
    .talent-form-container .talent-form-section .talent-left-side h2 span {
        font-size: calc( 4.5rem * 0.7);
        line-height: calc(3.9375rem * 0.7);
   }
    .talent-form-container .talent-form-section .talent-left-side h2.talent-form-title {
        font-size: calc( 2.125rem * 0.7);
   }
    .talent-form-container .talent-left-side{
        width: 100%;
   }
    .talent-form-container .talent-right-side{
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: end;
           -ms-flex-pack: end;
               justify-content: flex-end;
       width: calc((100% / 12) * 11 + 1.25rem);
       overflow: hidden;
       margin-left: auto;
       margin-top: -10rem;
       height: initial;
   }
    .talent-form-container .talent-right-side img{
        width: 100%!important;
        height: auto!important;
   }
    .talent-form-container .talent-form-section{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
   }
    .talent-form-container3 .talent-form-section{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
   }
    .goBackInit{
        top: 6.875rem;
        display: block;
   }
    .talent-form-container3 .talent-left-side{
        width: 100%;
   }
    .talent-form-container3 .talent-right-side{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; 
        -webkit-box-pack: end; 
            -ms-flex-pack: end; 
                justify-content: flex-end;
        width: calc((100% / 12) * 11 + 1.25rem);
        overflow: hidden;
        margin-left: auto;
        margin-top: -10rem;
        height: initial;
   }
   .talent-form-container3 .talent-right-side img {
        max-width: 80%;
        height: 22rem;
        -o-object-fit: cover;
           object-fit: cover;
        margin-top: -2.5rem;
   }
    .talent-form-container3 .talent-form-section .talent-left-side .form-container form .form-submit-button{
        float: left;
   }
   .talent-form-container3 .talent-form-section::after {
       content: none;
   }
    .talent-form-container3 .talent-form-section .talent-left-side h2.talent-title,
    .talent-form-container3 .talent-form-section .talent-left-side h1.talent-title {
        margin-top: 2rem;
        margin-bottom: 5.5rem;         
        margin-left: 1.5625rem;
        color: #e79759;
   }
   .talents-nous-rejoindre .goBack2 {
       top: 135px;
       left: 1.7rem;
   }
   .talent-form {
       padding-bottom: 14rem !important;
   }
   .talent-form-container .talent-form-section::after {
       content: none !important;
   }
   .talent-form-container .talent-form-section img {
       margin-top: 0 !important;
   }
}
@media (max-width: 767px){
    .rightAlign {
        text-align: right;
        padding-right: 2.5rem 
   }
    .talent-form-container2 .talent-form-section .talent-left-side .talent-form {
        padding: 3.125rem 1.5625rem 3.125rem 1.5625rem;
   }
    .talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-submit-button {
        float: left;
   }
    .talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-file-section .input-file, .talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-file-section .input-select {
        width: calc(80% - 0.3125rem);
        float: none;
   }
    .form-selector{
        width: calc(80% - 0.3125rem);
   }
    .talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-file-section {
        display: block;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between 
   }
    .talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-file-section .input-file, .talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-file-section .input-select{
        display: inline-block;
   }
    .talent-form-container2 .talent-form-section .talent-left-side h2 {
        font-family: "Montserrat", sans-serif;
        margin-left: 1.5625rem;
   }
    .talent-form-container .talent-form-section .talent-left-side .talent-form {
        padding: 3.125rem 1.5625rem 3.125rem 1.5625rem;
   }
    .talent-form-container .talent-form-section .talent-left-side .form-container form .form-submit-button {
        float: left;
   }
    .talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-section .input-file, .talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-section .input-select {
        width: calc(80% - 0.3125rem);
        float: none;
   }
    .talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-section {
        display: block;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between 
   }
    .talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-section .input-file, .talent-form-container2 .talent-form-section .talent-left-side .form-container form .form-file-section .input-select{
        display: inline-block;
   }
   .talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-section .form-selector {
       width: 100%;
       padding-right: 0;
   }
   .talent-form-container .talent-form-section .talent-left-side .form-container form .form-file-section .input-file {
       width: 100% !important;
       margin-top: 0px;
   }
    .talent-form-container .talent-form-section .talent-left-side h2 {
        font-family: "Montserrat", sans-serif;
        margin-left: 1.5625rem;
        margin-bottom: 5rem!important;
   }
    .talent-form-container .talent-right-side{
        margin-top: -5.25rem;
   }
    .talent-form-container .talent-form-section .talent-left-side .form-container form .form-submit-area p {
        padding-top: 0.625rem;
        width: 100%;
        font-size: 1.1875rem;
        line-height: 1.6875rem;
        float: left;
        width: calc(100%);
   }
    .talent-form-container3 .talent-form-section .talent-left-side h2.talent-form-title {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
   }
    .talent-form-container3 .talent-form-section .talent-left-side h2 span {
        font-size: 2.8125rem;
        line-height: 2.8125rem;
   }
    .talent-form-container3 .talent-form-section .talent-left-side h2.talent-form-title {
        font-size: 1.375rem;
   }
    .talent-form-container3 .talent-form-section .talent-left-side h2.talent-form-title span {
        font-size: 2.8125rem;
        position: absolute;
        z-index: 15;
   }
    .goBackInit{
        top: 18.125rem;
        display: block;
   }
    .goBackInit2{
        top: 13.125rem!important;
        display: block;
   }
    .talent-form-container3 .talent-form-section .talent-left-side h2.talent-title,
    .talent-form-container3 .talent-form-section .talent-left-side h1.talent-title {
        margin-top: 2.5rem;
        margin-bottom: 5.3125rem;
        margin-left: 1.5625rem;
        color: #e79759;
   }
}
/** Correctifs Demo **/
.titre4 {
    font-family: "Montserrat", sans-serif;
    width: 100%;
    font-weight: 900 !important;
    font-size: 6.25rem;
    line-height: 6.25rem;
    color: rgba(24, 54, 80, 0.16);
    overflow-wrap: break-word;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    margin-left: 0rem;
    margin-bottom: 5rem;
}
.titre4 span.longtext4{
    left: 3.125rem;
    right: auto;
    white-space: nowrap;
    width: 100%;
    text-align: left;
    left: 3.125rem;
    right: auto;
    white-space: nowrap;
    width: 100%;
    text-align: left;
    bottom: -2.5rem;
}
.blocJobOffers{
    padding-top: 0!important;
    padding-bottom: 8.75rem!important;
}
.blocJobOffers .zoneMore{
    margin-top: 2.5rem!important;
}
.title-orange-background a{
    color: #fff!important;
}
.results{
    margin: 5rem 0rem 0rem 0rem;
}
.blocPos.blocCases.blocFullWidth.blocJobOffers{
    padding: 0rem 0rem 2.5rem 0rem!important;
}
.bottom-offers{
    margin-top: -6.25rem;
}
.offres .orange-background-block .illuOffre {
    background-color: #e79759;
}
.orange-background-offer {
    background-color: rgba(231, 151, 89, 0.75) !important;
}
@media (max-width: 1100px){
    .titre3 span.longTexte4,
    .titre3 h2.longTexte4,
    .titre3 h3.longTexte4{
        font-size: calc(3.125rem * 0.85);
        line-height: calc(2.875rem * 0.85);
        width: 100%;
   }
}
@media (max-width: 991px){
    .title-talent-row .blocEtapes {
        padding-bottom: 0rem!important;
   }
    .blocJobOffers .offres{
        width: calc(100% - 2.1875rem)!important;
        margin-left: 1.5625rem!important;
   }
   .d-flex {
       display: block !important;
   }
}
@media (max-width: 767px){
    .titre3 span.longTexte4{
        left: 0!important;
   }
    .bottom-offers{
        margin-top: 0rem !important;
   }
    .blocJobOffers .offres{
        width: calc(100% - 3.125rem)!important;
        margin-left: 1.5625rem!important;
   }
    .titre1b{
        width: calc(100% - 1.5rem)!important;
        overflow: hidden!important;
        /*text-overflow: ellipsis!important;
        overflow-wrap: normal!important;*/
        /* word-break: initial; */
   }
   .blocCases.blocFullWidth.blocProjets.withBg:before {
       content: none;
   }
   .blocJobOffers .zoneMore {
       margin-top: 0.5rem!important;
       margin-bottom: 1rem;
   }
}
/** Contactez-nous **/
.contact-card {
    height: 26.875rem;
    margin-bottom: 5.5rem;
    background-image: url("../img/contact-header.png");
    background-size: cover;
    position: relative;
    z-index: 100;
}
.contact-card .form-card {
    min-height: 26.25rem;
    width: 25rem;
    background-color: white;
    -webkit-box-shadow: 0 0.125rem 1.1875rem 0 rgba(0, 0, 0, 0.13);
            box-shadow: 0 0.125rem 1.1875rem 0 rgba(0, 0, 0, 0.13);
    margin-top: 6.25rem;
    padding: 1.875rem;
    position: absolute;
    z-index: 10 
}
.contact-card hr {
    display: block;
    height: 0.0625rem;
    border: 0;
    border-top: 0.0625rem solid #e4e1e1;
    margin: 2em 0;
    padding: 0 
}
.contact-form {
    margin-top: -3.125rem;
    background-color: #f0f0f0;
    width: 95%;
    padding: 8.5rem 4rem 3.125rem;
}
.form-contact .label-normal {
    font-weight: normal;
    font-family: "Montserrat", sans-serif 
}
.form-contact label {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #183650;
    padding-bottom: 0.625rem;
    display: inline 
}
.form-contact input[type=text], .form-contact textarea {
    margin-top: 0.625rem;
    width: 100%;
    min-height: 2.8125rem;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    color: #a0a0a0;
    cursor: text;
    border: solid 0.0625rem #a0a0a0;
    background-color: transparent 
}
.form-contact textarea {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.form-contact input[type=radio] {
    margin-right: 0.625rem;
    margin-bottom: -0.125rem;
    -webkit-appearance: none;
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 50%;
    outline: none;
    border: 0.0625rem solid #183650 
}
.form-contact input[type=radio]:before {
    content: '';
    display: block;
    width: 70%;
    height: 70%;
    margin: 15% auto;
    border-radius: 50% 
}
.form-contact input[type=radio]:checked:before {
    background: #183650;
    font-weight: bold 
}
.form-contact input[type=radio]:checked+label {
    border-color: #183650;
    font-weight: bold 
}
.form-contact select {
    width: 100%;
    height: 2.8125rem;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    border-radius: 0%;
    border: solid 0.0625rem #a0a0a0!important;
    color: #a0a0a0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url("../img/icones/path@3x.png");
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 0.8125rem;
    cursor: pointer 
}
.form-contact .btn-orange {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    height: 2.8125rem;
    font-family: "Montserrat", sans-serif;
    color: white;
    background-color: #e79759;
    border: 0.0625rem solid #e79759;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0.8125rem;
    cursor: pointer;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
.form-contact .btn-orange:hover {
    background-color: white;
    color: #e79759;
}
.form-contact .all-div {
    width: 100% 
}
button:disabled,
button[disabled]{
   color: #fff !important;
   background-color: #6c757d !important;
   border-color: #6c757d !important;
   cursor: not-allowed !important;
}
.form-contact .add-margin {
    margin-bottom: 1.875rem;
    margin-top: 1.875rem 
}
.form-contact .select-border {
    margin-top: 0.625rem 
}
.form-contact .padding-10 {
    padding: 0.625rem 
}
.padding-50 {
    padding-left: 3.125rem 
}
.size-img {
    display: block;
    max-width: auto;
    height: auto 
}
.bandeauOrangeLarge2 {
    background: #e79759;
    width: calc(100% - 14rem);
    margin-top: 2.5rem;
    margin-bottom: 3rem;
    padding: 4.375rem 4.375rem 4.375rem 10rem;
    margin-left: -1.5625rem;
    text-transform: uppercase 
}
.bandeauOrangeLarge2 a {
    font-size: 3.125rem;
    line-height: 2.875rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #fff;
    -webkit-transition: all 0.5s 0.25s;
    -o-transition: all 0.5s 0.25s;
    transition: all 0.5s 0.25s;
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.bandeauOrangeLarge2 a:before {
    content: ">";
       float: left;
    padding-right: 0.625rem 
}
.bandeauOrangeLarge2 a:hover {
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}
.bandeauOrangeLarge2 span {
    display: none;
}
.contact-card .titre2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 4.5rem ;
    line-height: 3.9375rem;
    color: #e79759;
    overflow-wrap: break-word;
    text-transform: uppercase;
    margin-bottom: 0.625rem 
}
.contact-card .titre2 span {
    font-size: 2.125rem;
    line-height: 2.125rem;
    color: #fff;
    font-weight: 700 !important;
    display: block;
    text-transform: none !important 
}
.blocAgenceContactInfo .txtTexte p {
   line-height: 1.42;
}
.blocAgenceContactInfo h2.titre1c {
   margin-bottom: 1.9rem;
}
.blocAgenceContactInfo .bloc1 .txtTexte {
   padding: 4.6875rem 3.125rem 4.4rem 8.125rem;
}
.illuContact{
    width: 100%;
    height: ²;
    overflow: hidden;
    position: relative;
}
.illuContact img{
    position: absolute;
    height: 100%;
    width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.btn-contactform {
   text-align: right;
}
.btn-contactform input {
   margin-top: 1rem;
}
@media (max-width: 1368px){
    .present2 .txtTexte{
        padding: 4.6875rem 3.125rem 3.125rem 3.125rem!important;
   }
   .contact-card h2.titre1c, .present2 .txtTexte h2.titre1c {
       line-height: 3.75rem;
   }
}
@media (max-width: 991px){
   .contact-form {
       width: 100%;
  }
  .btn-contactform {
       text-align: center;
       margin-top: 2rem;
   }
    .contact-card .titre2 {
        font-family: "Montserrat", sans-serif;
        font-weight: 900 !important;
        font-size: 3rem;
        line-height: 2.6875rem;
        color: #e79759;
        overflow-wrap: break-word;
        text-transform: uppercase;
        margin-bottom: 0.625rem;
        width: calc(100% - 3.125rem);
   }
    .contact-card .form-card {
        width: 100%;
   }
    .bandeauOrangeLarge2{
        width: 100%;
        margin-left: 0;
        text-transform: none;
   }
    .bandeauOrangeLarge2 span {
        display: block;
        font-size: 0.8125rem;
        line-height: 1.4375rem;
        color: #fff;
        font-weight: 700;
        padding-bottom: 1.25rem;
   }
    .bandeauOrangeLarge2 a:before {
        display: none;
   }
    .present2 .txtTexte{
        padding: 3.125rem 1.5625rem 3.125rem 1.5625rem!important;
   }
    .contact-card .titre2 span {
        font-size: 1.5rem;
        line-height: 1.5rem;
        color: #fff;
        font-weight: 700 !important;
        display: block;
        text-transform: none !important;
        /* min-height: 26.25rem; */
        width: calc(100% - 0rem);
   }
}
@media (max-width: 767px){
    .contact-card .form-card {
        min-height: 26.25rem;
        background-color: white;
        -webkit-box-shadow: 0 0.125rem 1.1875rem 0 rgba(0, 0, 0, 0.13);
                box-shadow: 0 0.125rem 1.1875rem 0 rgba(0, 0, 0, 0.13);
        margin-top: -3.125rem;
        padding: 1.875rem;
        position: absolute;
        width: calc(100% - 3.125rem);
        margin-left: 1.5625rem;
   }
    .bandeauOrangeLarge2 {
        padding: 4.5rem 2.1875rem 3.125rem 2.1875rem;
   }
    .closed .voirPlus{
        padding-top: 21.875rem!important;
   }
    .contact-card {
        margin-top: 3.125rem;
        margin-bottom: 20.5rem;
   }
   .contact-card h2.titre1c, .present2 .txtTexte h2.titre1c {
       line-height: 3.75rem;
   }
   .contact-form {
       margin-top: -11.125rem;
   }
    .contact-card .txtTexte h1 {
        margin-bottom: 1.875rem;
        position: absolute;
        top: 3.125rem;
   }
    .bloc1.contact-card .txtTexte {
        padding: 1.25rem 1.5625rem 3.125rem 1.5625rem;
   }
    .contact-card h1.titre2 {
        font-family: "Montserrat", sans-serif;
        font-weight: 900 !important;
        font-size: 3rem;
        line-height: 2.6875rem;
        color: #e79759;
        overflow-wrap: break-word;
        text-transform: uppercase;
        margin-bottom: 0.625rem;
        width: calc(100% - 3.125rem);
   }
    .contact-card h1.titre2 span {
        font-size: 1.5rem;
        line-height: 1.5rem;
        color: #fff;
        font-weight: 700 !important;
        display: block;
        text-transform: none !important;
        /* min-height: 26.25rem; */
        width: calc(100% - 0rem);
   }
    .bloc1.present2 .txtTexte .texteCont {
        margin-left: 3.125rem;
   }
    .bloc1.present2 h2.padding-50 {
        padding-left: 0.625rem;
   }
    .illuContact{
        width: calc(100% - 1.5625rem);
        margin-left: 1.5625rem!important;
        height: 27.1875rem;
   }
    .contact-form .btn-orange{
        /* float: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 4.6875rem;
        padding: 0.3125rem 2.5rem!important;
        width: calc(100% - 3.125rem); */
   }
    .contact-form {
        padding: 16.25rem 1.5625rem 3.125rem 1.5625rem!important;
   }
   .btn-contactform {
       margin-bottom: -5rem;
   }
}
/** Blog **/
.bloc1 .illuArticleCont.illuBlog1 {
    overflow: hidden !important;
    position: relative;
    padding-top: 1.875rem;
    height: 50%;
    margin-bottom: 1.25rem;
    margin-right: 2.5rem;
}
.bloc1 .illuArticleCont.illuBlog2 {
    overflow: hidden !important;
    position: relative;
    padding-top: 1.875rem;
    height: 50%;
}
.bloc1 .illuArticleCont.illuBlog2 img, .bloc1 .illuArticleCont.illuBlog1 img {
    width: auto!important;
    height: 100%!important;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    position: absolute;
}
.bandeauOrangeLarge3{
    background: #e79759;
    float: right;
    color: #fff;
    padding: 3.75rem 5rem;
    width: calc((100% / 12) * 8 + 0rem);
    height: 10.5rem;
    line-height: 2rem!important;
    margin-bottom: 5rem;
    margin-top: -3.125rem;
}
.bloc1 .bandeauOrangeLarge3 .socialShare {
    color: #fff;
    left: 0;
    right: auto!important;
    top: 50%!important;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-top: -0.3125rem!important;
}
.clear{
    clear: both!important;
}
.bloc1 .bandeauOrangeLarge3 .socialShare ul li.facebook {
    background-image: url("../img/icones/icons-facebook-wht.svg") 
}
.bloc1 .bandeauOrangeLarge3 .socialShare ul li.twitter {
    background-image: url("../img/icones/icons-twitter-wht.svg") 
}
.bloc1 .bandeauOrangeLarge3 .socialShare ul li.linkedin {
    background-image: url("../img/icones/icons-linkedin-wht.svg") 
}
.bloc1 .bandeauOrangeLarge3 .socialShare ul li.instagram {
    background-image: url("../img/icones/icons-instagram-wht.svg") 
}
.blog .bloc1.ligne1:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 27.375rem;
    bottom: calc( 0rem - 13.75rem);
    left: -7.5rem;
    background: #f0f0f0;
    z-index: -1;
}
.blog .bloc1.ligne2 {
    z-index: 2;
}
.blog .bloc1.ligne3 {
    z-index: 1;
}
.blog .bloc1.ligne3:before {
    content: ' ';
    position: absolute;
    width: calc((100% / 12) * 7 + 3.75rem);
    height: calc(100% + 11.25rem);
    top: -11.25rem;
    right: -0rem;
    background: #f0f0f0;
    z-index: -1;
}
.blog .blocCases.blocFullWidth.blocProjets.withBg:before {
    content: ' ';
    position: absolute;
    left: calc(100% - 5rem);
    top: 8.125rem;
    width: 100%;
    height: 40rem;
    background: #f0f0f0;
}
.important{
    font-weight: 500!important;
    color: #e79759!important;
}
.blog{
    overflow: hidden;
}
.alaune h2.titre1c{
    color: #fff;
    margin-bottom: 2.5rem;
}
.alaune h2.titre1c span{
    color: #fff;
}
.alaune.blocPos {
    padding: 0rem 0rem 0rem 6.875rem;
}
.alaune.blocPos .texte{
    padding: 3.125rem 1.5625rem 8.125rem 5.625rem;
    color: #fff;
}
.alaune.blocPos .texte *{
    color: #fff;
}
.ligneUne .illuBloc{
    height: calc(100% - 0rem);
}
.ligneUne {
    padding-bottom: 5rem;
}
.btn-plus {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    /*height: 2.8125rem;
    line-height: 2.8125rem;*/
    font-family: "Montserrat", sans-serif;
    color: #e79759!important;
    background-color: #fff;
    border: 0.0625rem solid #e79759;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0.8125rem;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
.btn-plus:hover {
    background-color: #e79759;
    color: #fff!important;
}
.btn-plus2 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    /*height: 2.8125rem;
    line-height: 2.8125rem;*/
    font-family: "Montserrat", sans-serif;
    background-color: #e79759!important;
    color: #fff;
    border: 0.0625rem solid #e79759;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0.8125rem;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
.btn-plus2:hover {
    color: #e79759;
    background-color: #fff!important;
}
.alaune.blocPos .texte:before {
    content: ' ';
    position: absolute;
    width: calc(100vw);
    height: calc(100% - 5rem);
    z-index: -1;
    background: #e79759;
    left: 1.25rem;
    top: 0;
}
.alaune .illuBloc {
    overflow: hidden !important;
    width: calc(100%);
    height: calc(100% - 0rem);
    position: relative;
}
.blocBlog{
}
.blocBlog .lanceurBlog{
    position: relative;
    height: 50rem;
    width: calc(100% - 1.5625rem);
}
.blocBlog .lanceurBlog .illu{
    width: calc(100% - 9.375rem);
    height: 24.375rem;
    overflow: hidden;
    position: relative;
}
.blocBlog .lanceurBlog .illu img{
    width: 100%;
    position: absolute;
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.blocBlog .first .lanceurBlog .illu{
    float:right;
    margin-right: 1.25rem;
}
.blocBlog .second .lanceurBlog .illu{
    float:left;
    margin-left: 1.25rem;
}
.blocBlog .second .lanceurBlog{
    margin-top: 5rem;
    float: right;
}
.blocBlog .lanceurBlog .texte{
    clear: both;
    padding: 1.25rem 1.5625rem 3.125rem 5.625rem;
}
.blocBlog .second .lanceurBlog .texte{
    clear: both;
    padding: 1.25rem 5.625rem 3.125rem 1.5625rem;
}
.blocBlog .lanceurBlog:before{
    position: absolute;
    content: ' ';
    width: 100%;
    height: calc(100% - 18.75rem);
    left: 0;
    background: #f0f0f0;
    bottom: 0;
}
.blocBlog .lanceurBlog .infos{
    color: #e79759;
    font-size: 1rem;
    line-height: 1.4375rem;
    font-weight: 500;
    padding-bottom: 1.25rem;
}
.blocBlog .lanceurBlog .texte h3{
    color: #183650;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: 2rem;
    line-height: 2.25rem;
    margin-bottom: 1.25rem;
}
.blocBlog .lanceurBlog .texte{
    color: #183650;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.blocBlog .lanceurBlog .texte p{
    margin-bottom: 1.25rem;
}
.blocBlog .line-after{
    margin-top: 0rem;
}
.bandeauOrangeLarge2b {
    background: #e79759;
    width: calc(100% - 10rem);
    margin-top: 0rem;
    margin-bottom: 2.5rem;
    padding: 4.375rem 4.375rem 4.375rem 4.375rem;
    margin-left: -1.5625rem;
    text-transform: uppercase 
}
.text-content-grey-background{
    background: #f0f0f0;
    float: right;
    color: #464646;
    padding: 3.75rem 5rem 3.75rem 10rem;
    width: calc((100% / 12) * 11 + 0rem);
    height: auto;
    line-height: 1.44;
    margin-bottom: 0rem;
    margin-top: -2.5rem;
}
.text-content-grey-background h2 {
    color: #e79759;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 1.25rem 
}
.text-content-grey-background p {
    font-size: 1rem;
    line-height: 1.4375rem;
    color: #464646;
    margin-bottom: 1.25rem 
}
.bandeauOrangeLarge2b a {
    font-size: 3.125rem;
    line-height: 2.875rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #fff;
    -webkit-transition: all 0.5s 0.25s;
    -o-transition: all 0.5s 0.25s;
    transition: all 0.5s 0.25s;
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.bandeauOrangeLarge2b a:before {
    content: '>';
    padding-right: 0.625rem 
}
.bandeauOrangeLarge2b a:hover {
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}
.bandeauOrangeLarge2b span {
    display: none;
}
.marge40{
    margin-top: 5rem;
}


@media (max-width: 1172px){
    .blocBlog .lanceurBlog{
        position: relative;
        height: 58.125rem;
        width: calc(100% - 1.5625rem);
   }
}
@media (max-width: 991px){
    .blocBlog .lanceurBlog .texte{
        clear: both;
        padding: 1.25rem 1.5625rem 3.125rem 3.125rem;
   }
    .text-content-grey-background{
        width: calc((100%) - 1.5625rem);
        margin-top: -0rem;
        padding: 2.5rem 2.5rem;
   }
    .bandeauOrangeLarge2b {
        margin-top: -2.5rem;
   }
    .ligneUne {
        padding-bottom: 0rem;
   }
    .blocBlog .second .lanceurBlog .texte{
        clear: both;
        padding: 1.25rem 3.125rem 3.125rem 1.5625rem;
   }
    .blocBlog .lanceurBlog .illu{
        width: calc(100% - 4.375rem);
        height: 24.375rem;
        overflow: hidden;
        position: relative;
   }
    .bandeauOrangeLarge2b {
        background: #e79759;
        width: calc(100% - 0rem);
        margin-top: 5rem;
        margin-bottom: 0rem;
        padding: 4.375rem 4.375rem 4.375rem 4.375rem;
        margin-left: -1.5625rem;
        text-transform: uppercase 
   }
    .bandeauOrangeLarge2b a {
        font-size: 1.875rem;
        line-height: 2.8125rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color: #fff;
        -webkit-transition: all 0.5s 0.25s;
        -o-transition: all 0.5s 0.25s;
        transition: all 0.5s 0.25s;
        -webkit-transform-origin: right;
            -ms-transform-origin: right;
                transform-origin: right 
   }
}
@media (max-width: 767px){
    .blocBlog .lanceurBlog{
        position: relative;
        height: auto;
        width: calc(100% - 1.5625rem);
   }
    .blocBlog .lanceurBlog .texte{
        clear: both;
        padding: 1.25rem 2.1875rem 3.125rem 2.1875rem;
   }
    .blocBlog .second .lanceurBlog .texte{
        clear: both;
        padding: 1.25rem 2.1875rem 3.125rem 2.1875rem;
   }
    .blocBlog .lanceurBlog .illu{
        width: calc(100% - 4.375rem);
        height: 12.8125rem;
        overflow: hidden;
        position: relative;
   }
    .blocBlog .first .lanceurBlog .illu{
        margin-left: 2.1875rem;
        margin-right: 2.1875rem;
   }
    .blocBlog .second .lanceurBlog .illu{
        margin-right: 2.1875rem;
        margin-left: 2.1875rem;
   }
    .blocBlog .lanceurBlog .illu img{
        height: auto;
        position: absolute;
        width: 125%;
        left: 50%;
        top: auto;
        bottom: 0;
        -webkit-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%);
   }
    .blocBlog .lanceurBlog:before{
        position: absolute;
        content: ' ';
        width: 100%;
        height: calc(100% - 6.25rem);
        left: 0;
        background: #f0f0f0;
        bottom: 0;
   }
    .blocBlog .line-after.first .lanceurBlog{
        margin-top: 2.5rem;
   }
    .blocBlog .second .lanceurBlog{
        margin-top: 2.5rem;
   }
}
@media (max-width: 1268px){
    .blog .bloc1 .socialShare.inline {
        width: calc(100% - 0rem);
        text-align: left;
   }
    .blog .bloc1 .socialShare.inline span {
        margin-right: 0.625rem;
        float: none;
        display: inline-block;
        line-height: 2.5rem!important;
   }
}
@media (max-width: 991px){
    .alaune.blocPos {
        padding: 0rem 0rem 0rem 1.5625rem;
   }
    .alaune.blocPos .texte{
        padding: 6.25rem 1.5625rem 6.25rem 1.5625rem;
        color: #fff;
        margin-top: 0rem;
        margin-left: 0rem;
   }
    .alaune.blocPos .texte:before {
        content: ' ';
        position: absolute;
        width: calc(100vw);
        height: calc(100% + 3.125rem);
        z-index: -1;
        background: #e79759;
        left: 0rem;
        top: -7.5625rem;
   }
    .ligneUne .bloc1{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
   }
    .ligneUne .bloc2{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
   }
    .ligneUne .bloc2{
        height: 15.125rem;
        width: calc(100% - 0rem);
        margin-top: 7.5rem;
   }
    .ligneUne .bloc1 h1{
        position: absolute;
        top: -22.5rem;
   }
    .ligneUne .bloc2 .illuBloc{
        top: 0;
        left: 0;
        right: 0;
        float: right;
        position: relative;
        width: calc(100% - 3.125rem);
   }
}
@media (max-width: 767px){
    .blog .bloc1.ligne1:before, .blog .bloc1.ligne3:before {
        display: none;
   }
    .blog .bloc1.ligne2 {
        z-index: 1;
        margin-bottom: 0!important;
   }
    .blog .bloc1.ligne3 {
        z-index: 2;
   }
    .ligne2 .colTexte{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
   }
    .ligne2 .colIllu{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
   }
    .ligne2 .colIllu{
        width: calc(100% - 1.5625rem);
        margin-left: 1.5625rem;
   }
    .bloc1 .illuArticleCont.illuBlog1 {
        overflow: hidden !important;
        position: relative;
        padding-top: 0rem;
        height: 17.375rem;
        width: calc(100% - 1.5625rem);
        margin-right: 1.5625rem;
   }
    .bloc1 .illuArticleCont.illuBlog2 {
        overflow: hidden !important;
        position: relative;
        padding-top: 0rem;
        height: 17.375rem;
        width: calc(100% - 1.5625rem);
        margin-left: 1.5625rem;
   }
    .bloc1 .illuArticleCont.illuBlog1 img, .bloc1 .illuArticleCont.illuBlog2 img{
        height: auto!important;
        width: 100% !important;
        position: relative!important;
   }
    .blog .bloc1.ligne2:before {
        content: ' ';
        position: absolute;
        background: #f0f0f0;
        width: 100%;
        height: calc(100% + 25rem);
        z-index: -1;
        top: 9.375rem;
   }
    .bandeauOrangeLarge3 {
        width: calc(100% - 1.5625rem);
        margin-left: 1.5625rem;
        padding: 3.75rem 1.875rem;
        margin-top: 2.5rem;
   }
    .bloc1 .txtTexte.zoneArticle {
        padding: 0 1.5625rem 1.5625rem 1.5625rem;
   }
    .blog .blocCases.blocFullWidth.blocProjets.withBg:before {
        display: none!important;
   }
    .colFirstTexte{
        margin-top: -2.5rem;
   }
}
/** Qui sommes-nous ? **/
.about-us .blocPos, .agency-page .blocPos {
    padding: 0rem 5.575rem 5rem 10rem;
}
.about-us .title-talent-row .blocPos, .agency-page .title-talent-row .blocPos {
    padding: 0rem 6.875rem 0rem 7.25rem;
}
.about-us .blocPos .texte, .agency-page .contPos .bloc1 .blocTexte .texte {
    padding: 1.25rem 0rem 7.125rem 6.25rem;
    margin-top: 1.25rem;
    margin-left: 0.625rem;
    position: relative;
    font-size: 1rem;
    line-height: 1.4375rem !important;
    color: #464646;
    min-height: 28.125rem;
}
.about-us .blocPos .texte:before, .agency-page .contPos .bloc1 .blocTexte .texte:before {
    content: ' ';
    position: absolute;
    width: calc(100vw);
    height: calc(100% + 5rem);
    z-index: -1;
    background: #f0f0f0;
    left: -2.5rem;
    top: -2.5rem;
}
.bandeauOrangeLarge2c {
    background: #e79759;
    width: calc((100% / 12) * 9 + 0rem);
    margin-top: -10.25rem;
    margin-bottom: 0rem;
    padding: 4.375rem 4.375rem 4.375rem 4.375rem;
    float: right;
}
.about-us .illuBloc, .agency-page .illuBloc {
    overflow: hidden !important;
    width: calc(100% - 6.5rem);
    height: calc(100% - 3.75rem);
    position: relative;
}
.bloc3{
    z-index: 10;
}
.about-us .bloc1 .tRub, .agency-page .bloc1 .tRub {
    top: calc(100% - 11.25rem)!important;
   /*bottom: 0!important;
    */
}
.about-us .chronos .tRub, .agency-page .chronos .tRub{
    top: calc(50% - -4.5rem)!important;
    color: #fff!important;
    left: -8.75rem;
}
.chronos{
    margin: 5rem 0rem!important;
}
.form-dates{
    display: none;
}
@media (max-width: 991px){
    .about-us .blocPos .texte, .agency-page .contPos .bloc1 .blocTexte .texte {
        padding: 0rem 0rem 0rem 0rem;
        margin-top: 1.25rem;
        margin-left: 0rem;
        min-height: auto;
   }
    .about-us .blocPos .texte:before, .agency-page .contPos .bloc1 .blocTexte .texte:before {
        display: none;
   }
    .about-us .blocPos, .agency-page .blocPos {
        padding: 0rem 1.5625rem 10.4rem 1.5625rem;
        position: relative;
   }
   .content-scroll {
       display: block;
       max-height: 260px;
       overflow-y: auto;
       padding-right: 20px;
   }
   /* width */
   .content-scroll::-webkit-scrollbar {
       width: 6px;    
   }
   
   /* Track */
   .content-scroll::-webkit-scrollbar-track {
       background: #d4d4d4; 
       border-radius: 10px;
   }
   
   /* Handle */
   .content-scroll::-webkit-scrollbar-thumb {
       background: #969696; 
       border-radius: 10px;
   }
   .texteEtape div.titre span:after {
       content: none;
   }
    .about-us .bloc1 .tRub, .agency-page .bloc1 .tRub {
        left: -12.8125rem;
        top: calc(100% + 0.625rem)!important;
        z-index: 100;
       /*bottom: 0!important;
        */
   }
    .about-us .chronos .tRub, .agency-page .chronos .tRub{
        top: calc(50% - 2.5rem)!important;
        color: #fff!important;
        left: -12.8125rem;
   }
    .bandeauOrangeLarge2c {
        background: #e79759;
        width: calc((100% / 12) * 12 + 0rem);
        margin-top: 0rem;
        margin-bottom: 0rem;
        padding: 4.375rem 4.375rem 4.375rem 4.375rem;
        float: right;
   }
    .about-us .illuEtape, .agency-page .illuEtape{
        overflow: hidden;
   }
    .bloc3 .chiffres2{
        margin-bottom: 2.5rem;
   }
    .bloc3 .chiffres2:last-child() {
        margin-bottom: 0rem;
   }
    .bloc3{
        z-index: 1;
   }
    .about-us .navEtapes, .agency-page .navEtapes{
        display: none;
   }
    .about-us .texteEtape, .agency-page .texteEtape {
        position: absolute;
        top: -37.5rem;
        width: calc(100% - 3.125rem);
        padding: 2rem 2em;
        background: #f0f0f0;
        z-index: 1;
        left: auto;
        right: 0;
   }

   .agency-page .texteEtape {
       margin-top: 120px;
   }
   
   .about-us .illuEtape, .agency-page .illuEtape {
       height: 570px;
   }
    .chronos{
        margin: 12rem 0rem 6rem 0rem!important;
   }
    .form-dates{
        display: block;
        position: absolute;
        bottom: 3rem;
        left: 50%;
        margin-left: -117px;
        z-index: 100;
        padding-left: 0;
   }
    .form-dates select {
        width: auto;
        height: 2.8125rem;
        padding-left: 1.25rem;
        padding-right: 2.5rem;
        font-size: 0.8125rem;
        font-family: "Montserrat", sans-serif;
        border-radius: 0%;
        border: solid 0.0625rem #f0f0f0!important;
        color: #e79759;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        background-image: url("../img/icones/icons-arrow-wht@3x.png");
        background-position: 80% 50%;
        background-repeat: no-repeat;
        background-size: 0.8125rem;
        cursor: pointer;
        font-weight: bold;
        display: inline-block;
   }
    .form-dates span{
        color: #fff;
        font-size: 0.8125rem;
        line-height: 1.75rem;
        font-family: "Montserrat", sans-serif;
        margin-left: 10px;
   }
    .chronos .illuEtape img {
        position: absolute;
        min-height: auto;
        width: 130%;
        left: 50%;
        -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
                transform: translate(-50%);
   }
   .about-us .blocPos, .agency-page .blocPos {
       font-size: 57.6px;
   }
   .bloc3 .chiffres2 .lineDesc2 {
       margin: 0px 0 12px;
   }
   .texteEtape h2 {
       margin-top: 0px;
       /* font-size: 6.25rem; */
       font-weight: bold;
   }
}
/** Social Wall **/
.blocSocial{
    margin-top: 5rem;
}
.ff-layout-grid .ff-has-overlay .ff-img-landscape img {
    height: 100% !important;
    width: auto !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
}
/** Filtres Nous REjoindre **/
.filters{
    width: 100%;
}
.filters .count{
    display: block;
    float: left;
    font-family: "Montserrat", sans-serif;
    font-size: 0.8125rem;
    color: #464646;
}
.filters > p {
   opacity: 0;
}
.filters .reset-link{
    display: block;
    float: right;
    font-family: "Montserrat", sans-serif;
    font-size: 0.8125rem;
    color: #464646;
    margin-right: 1.25rem;
    position: relative;
    color: #e79759;
}
.filters .reset-link:before {
    background: #e79759!important;
    bottom: -0.3125rem;
    content: " ";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    background: transparent;
    -webkit-transition: -webkit-transform 0.5s 0.25s;
    transition: -webkit-transform 0.5s 0.25s;
    -o-transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s;
    width: calc(100% + 0rem);
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
    color: #e79759;
}
.filters .reset-link:hover:before {
    color: #e79759;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}
.blocArt .textArticle{
    padding: 0rem 7.5rem 4rem 7.5rem;
}
.blocArt .textArticle *{
    color: #464646;
    font-size: 1rem;
    font-weight: 300;
}
.blocArt .textArticle p{
    margin-bottom: 1.25rem;
}
.blocArt .textArticle a.btn-plus{
    color:#e79759!important;
    margin-top: 2rem!important;
}
.blocArt .textArticle a:hover{
    color:#fff!important;
}
@media (max-width: 991px){
    .filters{
        width: calc(100% - 3.125rem);
        margin: 2.5rem auto;
   }
    .about-us .blocPos.blocArt, .agency-page .blocPos.blocArt {
        padding: 0rem 1.5625rem 6.875rem 1.5625rem;
        position: relative;
   }
    .blocArt .textArticle{
        padding: 0rem 0rem .5rem 0rem;
        width: 100%;
        position: relative;
   }
    .blocArt .textArticle a.btn-plus{
        margin: 0rem auto!important;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        position: relative;
   }
   .about-us .blocArt .textArticle a.btn-plus, .agency-page .blocArt .textArticle a.btn-plus{
       top: -20px;
  }
}
/** **/
.ligneSimple{
}
.ligneSimple .blocTexte{
    padding: 1.8rem 2.5rem 2.5rem 10rem;
}
.about-us .ligneSimple .illuBloc, .agency-page .ligneSimple .illuBloc {
    height: 33.75rem;
    width: calc(100% - 0rem);
    margin-top: -52px;
}
.about-us .ligneSimple .bloc1 .tRub, .agency-page .ligneSimple .bloc1 .tRub {
    top: calc(50% - 5rem)!important;
   /* bottom: 0!important;
    */
}
.ligneSimple .illuBloc img{
    position: absolute;
    width: auto;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.ligneSimple .titreLigne{
    padding: .5rem 2.5rem 0rem 6.875rem;
    margin-bottom: 1.875rem;
    z-index: 100;
}
@media (max-width: 1199px){
   .clients .bandeauOrangeLarge2d {
       width: 95%;
   }
}
@media (max-width: 991px){
    .ligneSimple .blocTexte{
        padding: 0rem 2.5rem 5rem 3.75rem;
   }
    .ligneSimple .titreLigne{
        padding: 2.5rem 2.5rem 0rem 3.75rem;
   }
    .about-us .ligneSimple .bloc1 .tRub, .agency-page .ligneSimple .bloc1 .tRub {
        top: calc(50% + 0rem)!important;
       /* bottom: 0!important;
        */
   }
    .about-us .ligneSimple .bloc1 .tRub, .agency-page .ligneSimple .bloc1 .tRub {
        top: calc(50% + 0rem)!important;
       /* bottom: 0!important;
        */
   }
    .about-us .ligneSimple .bloc2, .agency-page .ligneSimple .bloc2 {
        top: calc(50% + 0rem)!important;
        z-index: 5;
       /* bottom: 0!important;
        */
   }
    .about-us .ligneSimple .illuBloc, .agency-page .ligneSimple .illuBloc {
        height: 33.75rem;
        width: calc(100% - 0rem);
        overflow: hidden!important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        position: relative;
        top: 0;
   }
}
.chiffres2 {
    padding: 0 0.625rem;
}
.clients {
    margin: 5rem 0 0 0!important;
}
.clients .clients-titre {
   margin: 0 0 -1.875rem 0rem;
   padding-left: 6rem;
    z-index: 10;
}
.clients .clients-slide {
    width: 100vw;
    height: 240px;
    padding: 4rem 6rem;
    background: #f0f0f0;
}
.bandeauOrangeLarge2d {
    background: #e79759;
    width: calc((100% / 12) * 10 + 0rem);
    min-height: 14.125rem;
    margin-top: -1.25rem;
    margin-bottom: 0rem;
    padding: 3.375rem 0 3.375rem 4.375rem;
    float: left;
}
.bandeauOrangeLarge2d .row{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
@media (max-width: 991px){
    .clients .clients-slide {
        /* width: 100vw;
        height: 14.0625rem;
        background: #f0f0f0; */
   }
    .clients .clients-titre h2 img {
        -webkit-transform: scale(calc(24 / 34));
            -ms-transform: scale(calc(24 / 34));
                transform: scale(calc(24 / 34));
   }
    .clients .clients-titre {
       margin: 0 0 -1.875rem 0rem;
       padding-left: 6rem;
   }
    .bandeauOrangeLarge2d {
        background: #e79759;
        width: calc((100% / 12) * 12 - 1.5625rem);
        min-height: 14.125rem;
        margin-top: -3rem;
        margin-bottom: 0rem;
        padding: 4.375rem 4.375rem 4.375rem 4.375rem;
        float: right;
   }
}
@media (max-width: 767px){
    .bandeauOrangeLarge2d {
        background: #e79759;
        width: calc((100% / 12) * 12 - 1.5625rem);
        min-height: 14.125rem;
        margin-top: -3rem;
        margin-bottom: 0rem;
        padding: 3.375rem 0.775rem 3.375rem 2.775rem;
        float: right;
   }
    .chronos .illuEtape img {
        position: absolute;
        min-height: auto;
        width: auto;
        height: 100%;
        left: 50%;
        -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
                transform: translate(-50%);
   }
   .clients .clients-titre {
       padding-left: 1rem;
   }
}
/** Ajustements Structures **/
/** Que Faisons - nous **/
.what-do-we-do .blocPos {
    padding: 0rem 0rem 4rem 6.875rem!important;
}
.what-do-we-do .blocPos .texte {
    padding: 3.125rem 5.625rem 3.125rem 5.625rem;
}
.zoneMetiers {
    margin-top: 0.9375rem;
}
.what-do-we-do .titre3 {
    margin-bottom: 3.75rem;
}
.blocCases {
    padding: 0rem 0 0rem 0rem !important;
    width: calc(100% - 6.25rem);
    max-width: 1228px;
    margin: 0rem auto;
    position: relative;
}
@media (max-width: 991px){
    .what-do-we-do .illuBloc {
        overflow: hidden !important;
        width: calc(100% - 5rem);
        height: 19.6875rem;
        position: relative;
        right: 0;
        left: 5rem;
        top: auto!important;
   }
    .what-do-we-do .blocPos {
        padding: 2rem 1.5625rem 0rem 1.5625rem !important;
   }
    .what-do-we-do .blocPos .texte {
        padding: 3.125rem 1.5625rem 3.125rem 2.2625rem;
   }
    .what-do-we-do .titre3 {
        margin-top: 3.75rem;
   }
    .what-do-we-do .blocPos .texte:before {
        content: ' ';
        position: absolute;
        width: calc(100% + 1.95rem);
        height: calc(100% + 18.5rem);
        z-index: -1;
        background: #f0f0f0;
        left: 0;
        top: 0;
   }
}
@media (max-width: 767px){
    .what-do-we-do .zoneMetiers {
        width: calc(100% - 0rem);
        margin-top: 0;
   }
    .what-do-we-do .blocPos.blocCases {
        padding: 0rem 1.5625rem 0rem 1.5625rem !important;
   }
    .what-do-we-do .titre3 {
        margin-top: 0rem;
   }
}
/** Domaines d'activité **/
.occupations .blocCases {
    padding: 0rem 0 0rem 4.5rem !important;
    width: calc(100% - 6.25rem);
    max-width: 1228px;
    margin: 0rem 0 0 0;
    position: relative;

}
.occupations nav .fullWidth {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   padding: 4rem 0;
}
.occupations nav .fullWidth .lienMetier a {
   padding: 0 !important;
}
.occupations .titre3{
    margin-bottom: 4rem;
}
.occupations .ligneBt {
   margin-top: 6rem;
}
.occupations .blocCases .offres:first-child {
   margin-top: 0;
}
.occupations .blocCases .offres {
   margin-top: -6rem;
}
@media (max-width: 1439px){
    .occupations .blocCases {
        padding: 0rem 0 0rem 0rem !important;
        width: calc(100% - 6.25rem);
        max-width: 1228px;
        margin: 0rem 0 0 0;
        position: relative;
        margin-left: calc(5.11rem);
   }
}
@media (max-width: 991px){
    .occupations .menuLinks{
        display: none!important;
   }
    .occupations .blocLiens.leftBt {
        bottom: 0!important;
        left: -1.9625rem !important;
   }
    .occupations .ligneBt {
        margin-top: 5rem !important;
   }
    .occupations .blocCases {
        padding: 0rem 0 0rem 0rem !important;
        width: calc(100% - 1.5625rem)!important;
        max-width: 1228px;
        margin: 0rem 0 0 0;
        position: relative;
        margin-left: calc(1.65rem);
   }
}
@media (max-width: 767px){
   .occupations .blocCases .offres {
       margin-top: 0;
   }
    .occupations .zoneMetiers {
        width: calc(100% - 1.5rem);
   }
    .occupations .blocLiens.leftBt {
        bottom: 0!important;
        left: -1.5rem !important;
   }
    .occupations .ligneBt {
        margin-top: 4rem !important;
   }
    .occupations .introMetier {
       top: -4rem;
   }
    .occupations .titre3 {
       margin-bottom: 3rem;
   }
}
/** Detail Metier & Détail Projet ***/
   .noDesktop1{
       display: none;
   }
   .noMobile1{
       display: block;
   }

.occupationPage, .projectPage{
   margin-top: -1.25rem;
}

.occupationPage .bandeauOrangeLarge {
   background: #e79759;
   padding: 4.375rem 7rem;
   margin-left: -7rem;
   width: calc(100% + 1.5rem);
   margin-top: 4rem;
   text-transform: uppercase;
}

.projectPage .bandeauBleuLarge {
   background: #183650;
   padding: 4.375rem 3.75rem 4.75rem 7.5rem;
   margin-left: 0rem;
   width: calc(100% - 10rem);
   margin-top: 5rem;
   margin-bottom: 0rem;
   text-transform: uppercase;
}

.occupationPage .txtTexte{
   margin-top: 2rem;
}
.projectPage .txtTexte{
   margin-top: 0rem;
}
.occupationPage .ligneBt2,
.projectPage .ligneBt2 {
   margin-top: 5.5rem;
}

.projectPage .bloc1 .illuArticleCont {
   overflow: hidden !important;
   position: relative;
   margin-top: 3.75rem;
   height: 100%;
}


.projectPage .bloc1.ligne3:before {
   content: ' ';
   position: absolute;
   width: 100%;
   height: calc(100% - 3.75rem);
   top: 17.225rem;
   right: -11.875rem;
   background: #f0f0f0;
   z-index: -1;
}

.projectPage .bloc1.ligne4,
.projectPage .bloc1.ligne5,
.projectPage .bloc1.ligne6,
.projectPage .bloc1.ligne7 {
   margin-top: 10.6rem;
   margin-bottom: 0rem;
   position: relative;
}

.occupationPage .accroche1b,
.projectPage .accroche1b {
   margin-top: -4.5rem;
}
.occupationPage .accroche1b .txtTexte,
.projectPage .accroche1b .txtTexte {
   padding: 0rem 6.25rem 0rem 6.25rem;
   margin-top: 0rem;
}
.occupationPage .blocCases,
.projectPage .blocCases {
   padding: 0rem 0 0rem 6.25rem!important;
   width: calc(100% - 6.25rem);
   max-width: 1320px;
   margin: 2rem 0 0rem 0;
   position: relative;
}



.occupationPage .accroche1b:before {
   display: none;
}
.occupationPage .blocCases:before {
   background: #f0f0f0;
   position: absolute;
   width: calc((100% / 4) + 4rem);
   height: calc(100% - 7.4rem);
   content: ' ';
   right: -7.5rem;
   z-index: -1;
   bottom: 0rem;
   top: -4.4rem;
}

@media (max-width: 1268px){
   .occupationPage .bandeauOrangeLarge {
       background: #e79759;
       padding: 4.375rem 7rem;
       margin-left: -7rem;
       width: calc(100% + 2.5rem);
       margin-top: 4rem;
       text-transform: uppercase;
   }
}


@media (max-width: 991px){
   .occupationPage{
       margin-top: -0rem;
   }
   .occupationPage .blocLiens {
       min-width: calc((100% / 2) - 0rem);
       width: auto;
       position: absolute;
       z-index: 10;
       right: 0;
       bottom: 1rem!important;
       display: inline-block;
       padding: 5rem 1.125rem 5rem 3.75rem;
   }
   .projectPage .bloc1 .illuArticleCont img {
       height: 125%;
       width: auto !important;
       left: 50%;
       top: 50%;
       -webkit-transform: translate(-50%,-50%);
           -ms-transform: translate(-50%,-50%);
               transform: translate(-50%,-50%);
       position: absolute;
   }
}

    .teamPage .videoZone .video iframe{
         width: 100%!important;
         height: 100%!important;
    }

.postPage .bloc1.ligneOrange {
   margin-top: -10rem;
   z-index: 5;
   margin-bottom: 0;
}

.postPage .bloc1 .illuArticleCont img {
   height: auto;
   width: 100%!important;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%,-50%);
       -ms-transform: translate(-50%,-50%);
           transform: translate(-50%,-50%);
   position: absolute;
}

.postPage .bloc1.ligne1B:before {
   content: ' ';
   position: absolute;
   width: 100%;
   height: calc(100% - 15rem);
   top: calc(50% + 5rem)!important;
   left: -7.5rem;
   background: #f0f0f0;
   z-index: -1;
}

.postPage .bloc1.ligne2 .zoneArticle {
   padding: 0 4.6875rem 5rem 10.125rem;
}

.postPage .bloc1.ligneOrange .zoneArticle {
   padding: 4.6875rem 4.6875rem 3.75rem 10.125rem !important;
   background: #e79759;
}
.postPage .ligne2 .illuDesc {
   max-height: 50rem;
   margin-top: 2.5rem;
}

.postPage .bloc1 .infosArticle {
   font-size: 1rem;
   line-height: 1.4375rem;
   color: #183650;
   padding-bottom: 1.5rem !important;

}

.postPage .blocCases.blocFullWidth.blocProjets {
   padding: 8.125rem 0 2.5rem 0rem !important;
   width: calc(100% - 6rem);
   max-width: 100%;
   margin-right: 0rem;
}

.postPage .blocCases.blocFullWidth.blocProjets.withBg:before {
   content: ' ';
   position: absolute;
   left: auto;
   bottom: 0;
   width: calc(10rem);
   height: calc(100% - 6rem);
   background: #f0f0f0;
   right: 0;
}

.postPage .bloc1 .illuArticleCont img {
   height: 100%;
   width: auto!important;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%,-50%);
       -ms-transform: translate(-50%,-50%);
           transform: translate(-50%,-50%);
   position: absolute;
}

.agencyPage .blocSocial .tRub{
    display: none!important;
}

.agencyPage .blocPos {
   padding: 0rem 6.875rem 0rem 6.875rem;
}


.postPage .bloc1 .illuArticleCont img {
   height: auto;
   width: 100%!important;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%,-50%);
       -ms-transform: translate(-50%,-50%);
           transform: translate(-50%,-50%);
   position: absolute;
}


@media (max-width: 991px){
   .occupationPage,
   .projectPage,
   .teamPage,
   .agencyPage,
   .postPage{
       margin-top: -0rem;
   }

   .postPage .bloc1 .illuArticleFirst img {
         height: auto !important;
         width: 100% !important;
         left: 50%;
         top: 50%;
         -webkit-transform: translate(-50%,-50%);
             -ms-transform: translate(-50%,-50%);
                 transform: translate(-50%,-50%);
         position: absolute;
    }

   .postPage .offres .offre .illuOffre img {
        height: auto;
        width: 100%;
        position: absolute;
        opacity: 1;
        -webkit-transition: all 0.5s 0.25s;
        -o-transition: all 0.5s 0.25s;
        transition: all 0.5s 0.25s;
        z-index: 9;
    }

    .postPage .blocProjets  {
        display: none;
    }
   .occupationPage .blocLiens,
   .projectPage .blocLiens,
   .teamPage .blocLiens {
       min-width: calc((100%) - 1.25rem);
       width: auto;
       position: absolute;
       z-index: 10;
       right: 0;
       bottom: 1rem!important;
       display: inline-block;
       padding: 3.125rem 0rem 3.125rem 2.5rem;
   }
   .occupationPage .titreZone,
   .projectPage .titreZone,
   .teamPage .titreZone,
   .agencyPage .titreZone,
   .postPage .titreZone{
       position: relative;
       margin-bottom: 2.5rem;

   }
   .teamPage .videoZone .socialShare.nextCol {
        left: 1.5625rem;
        bottom: -2.5rem !important;
        padding-bottom: 3rem;
    }

    .postPage .bloc1 .infosArticle {
        font-size: 1rem;
        line-height: 1.4375rem;
        color: #183650;
        padding-bottom: 1.5rem !important;
        
    }
   
   .occupationPage h1.titre1b,
   .projectPage h1.titre1b,
   .teamPage h1,
   .agencyPage h1,
   .postPage h1{
       position: relative!important;
       top: auto!important;
       bottom: auto!important;
       left: auto!important;
       right: auto!important;
       margin-top: 0!important;
       padding-top: 0!important;
   }
   .agencyPage h1{
       margin-bottom: 0rem;
   }
   .teamPage .tActu {
        padding-top: 1.25rem !important;
    }

    .postPage .bloc1.ligne1 {
        margin-top: 1.875rem;
        position: relative;
        z-index: 1;
    }


    .postPage .bloc1 .infosArticle {
        font-size: 1rem;
        line-height: 1.4375rem;
        color: #183650;
        padding-bottom: 1.5rem !important;
        position: relative;
        top: 0;
    }

   .occupationPage .goBack,
   .projectPage .goBack,
    .teamPage .goBack,
    .agencyPage .goBack,
    .postPage .goBack{
       position: relative;
       top: auto;
       bottom: auto;
       left: auto;
       right: auto;
       margin-top: 0;
       margin-bottom: 1.25rem;
       display: inline-block;
   }
   .occupationPage .txtTexte,
   .projectPage .txtTexte,
   .teamPage .txtTexte,
   .agencyPage .txtTexte,
   .postPage .txtTexte {
       margin-top: 0rem;
   }
   .noDesktop1{
       display: block;
   }
   .noMobile1{
       display: none;
   }
   .occupationPage .accroche1,
   .projectPage .accroche1,
   .teamPage .accroche1 {
       margin-top: 0rem;
       height: auto;
       position: relative;
       padding-top: 0rem;
   }
   .occupationPage  .titreZone .illuTexte,
   .projectPage  .titreZone .illuTexte,
   .teamPage  .titreZone .illuTexte,
   .agencyPage  .titreZone .illuTexte,
   .postPage  .titreZone .illuTexte {
       width: calc(100% + 1.4rem);
       height: 30.625rem;
       overflow: hidden;
       position: relative;
       margin-left: -1.5rem;
   }

   .postPage .illuArticleFirst{
         display: none!important;
   }
   .projectPage .titreZone .illuTexte {
       width: calc(100% + 1.5rem);
   }

   .postPage .bandeauOrangeLarge3 {
        background: #e79759;
        float: right;
        color: #fff;
        padding: 3.75rem 5rem;
        width: calc((100% / 12) * 12 - 1.5rem);
        height: 10.5rem;
        line-height: 2rem!important;
        margin-bottom: 5rem;
        margin-top: -3.125rem;
    }

    .postPage .blog .bloc1.ligne1:before {
        display: none;
    }

   .postPage .illuTexte img {
        position: relative;
        width: 100%;
        height: auto;
        left: 0%;
        -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
                transform: translateX(0%);
        top: 0;
    }

    .postPage .ligne2 .textDesc {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .postPage .illuArticleCont {
        height: auto;
        width: calc(100% - 0rem);
        margin-left: 0rem;
    }

    .postPage .bloc1 .illuArticleCont img {
        width: 100%!important;
        height: auto!important;
        left: 0%;
        top: 0%;
        -webkit-transform: translate(-0%,-0%);
            -ms-transform: translate(-0%,-0%);
                transform: translate(-0%,-0%);
        position: relative;
    }

    .postPage .bloc1.ligne1B:before {
        display: none;
    }

    .postPage .bloc1.ligne2:before {
        content: ' ';
        position: absolute;
        background: #f0f0f0;
        width: 100%;
        height: calc(100% - 6rem);
        z-index: -1;
        top: 13.375rem;
        /*content: ' ';
        position: absolute;
        background: #f0f0f0;
        width: 100%;
        height: calc(100% + 8rem);
        z-index: -1;
        top: -1.125rem!important;*/
   
    }

    .postPage .bloc1 .txtTexte.zoneArticle .texteCont {
        margin-top: 0rem!important;
    }

    .postPage .bloc1.ligneOrange .zoneArticle {
        padding: 2rem !important;
    }

    .postPage .bloc1.ligneOrange {
        margin-top: -0rem;
    }
    .postPage  .bloc1.ligne2 {
            margin-bottom: 0rem;
    }

   .occupationPage .ligneBt2,
   .projectPage .ligneBt2,
   .teamPage .ligneBt2,
   .postPage .ligneBt2 {
       margin-top: 1.4rem;
       margin-bottom: 1.4rem;
   }
   .occupationPage .accroche1b,
   .projectPage .accroche1b,
   .teamPage .accroche1b {
       margin-top: -0rem;
   }

   .teamPage .illuTexte img {
        position: relative;
        height: auto;
        width: 100%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
    .teamPage .bloc1.ligne1C .zoneArticle {
        padding: 0 1.5rem 0rem 1.5rem;
    }
    .teamPage .bloc1.ligne1C .zoneArticle .texteCont {
        padding: 0 !important;
        margin-left: 0rem;
        margin-top: 0rem;
        margin-bottom: 0rem;
        height: auto;
    }
    .teamPage .bloc1 .citation {
         background: #f0f0f0;
         margin-top: 2.5rem; 
        z-index: 0;
    }
   .occupationPage .accroche1b .txtTexte,
   .projectPage .accroche1b .txtTexte {
       padding: 1.4rem;
       margin-top: 0rem;
   }
   .occupationPage .blocCases,
   .projectPage .blocCases {
       padding: 0rem 0 0rem 1.4rem!important;
       width: calc(100% - 1.4rem);
       max-width: 1320px;
       margin: 7.25rem 0 0rem 0;
       position: relative;
   }
   .occupationPage .blocCases:before,
   .projectPage .blocCases:before,
   .projectPage .bloc1.ligne1:before,
   .projectPage .bloc1.ligne3:before,
   .projectPage .bloc1.ligne4:before {
       display: none;
   }
   .occupationPage .titre3 span.longTexte,
   .projectPage .titre3 span.longTexte {
       right: auto !important;
       left: 0rem!important;
   }
   .occupationPage .titre3,
   .projectPage .titre3{
       line-height: 2.5rem!important;
   }
   .occupationPage .illuTexte.illuRight,
   .projectPage .illuTexte.illuRight {
       margin-left: 1.4rem;
   }
   .occupationPage .bandeauOrangeLarge {
       background: #e79759;
       padding: 3.125rem 2.5rem 3.125rem 2.5rem;
       margin-left: -1.5rem;
       width: calc(100% - 0rem);
       margin-top: 4rem;
       text-transform: uppercase;
   }
   .projectPage .bandeauBleuLarge {
       background: #183650;
        padding: 3.125rem 2.5rem 3.125rem 2.5rem;
        margin-left: 0rem;
        width: calc(100% - 1.5rem);
        margin-top: 0;
        text-transform: uppercase;
        margin-bottom: 0;
   }

   .projectPage .bloc1 .illuArticleCont img {
       width: 125%;
       height: auto !important;
       left: 50%;
       top: 50%;
       -webkit-transform: translate(-50%,-50%);
           -ms-transform: translate(-50%,-50%);
               transform: translate(-50%,-50%);
       position: absolute;
   }

   .projectPage .bloc1 .illuArticleCont {
       overflow: hidden !important;
       position: relative;
       padding-top: 0rem;
       height: 17.375rem;
   }

   .projectPage .ligne2 .texte,
   .projectPage .ligne4 .texte{
       -webkit-box-ordinal-group: 3;
           -ms-flex-order: 2;
               order: 2;
   }
   .projectPage .ligne2 .illustration,
   .projectPage .ligne4 .illustration{
       -webkit-box-ordinal-group: 2;
           -ms-flex-order: 1;
               order: 1;
   }
   .projectPage .bloc1.ligne2 {
       margin-top: -4rem!important;
       margin-bottom: 0rem!important;
       position: relative;
       z-index: 10;
   }
   .projectPage .bloc1.ligne4 {
       margin-top: 0rem;
       margin-bottom: 0rem;
       position: relative;
   }
   .projectPage .bloc1.ligne2 .illuArticleCont {
       overflow: hidden !important;
       position: relative;
       padding-top: 0rem;
       height: 17.375rem;
       width: calc(100% - 1.4rem);
       margin-left: 1.4rem;
   }
   .projectPage .bloc1.ligne4 .illustration {
       width: calc(100% - 0rem);
       margin-left: 0.75rem;
   }
   .projectPage .bloc1.ligne3 {
       margin-top: -4rem!important;
       margin-bottom: 0rem!important;
       position: relative;
       z-index: 10;
   }
   .projectPage .bloc1.ligne3 .illuArticleCont {
       overflow: hidden !important;
       position: relative;
       padding-top: 0rem;
       height: 17.375rem;
       width: calc(100% - 1.4rem);
       margin-right: 1.4rem;
   }
   .projectPage .bloc1 .blocChiffres .chiffres {
       padding-bottom: 2.5rem;
   }
   .projectPage .bloc1 .blocChiffres .chiffres:last-child {
       padding-bottom: 0.5rem;
   }
   .projectPage .bloc1 .blocChiffres .chiffresListe {
       padding: 2.5rem 3.5rem;
   }
   .projectPage .bloc1.ligne4 .zoneArticle .texteCont {
       padding: 0 0 0rem 0rem !important;
       margin-left: 0rem;
       margin-top: -0rem;
       margin-bottom: 2.5rem;
   }
   .projectPage .bloc1.ligne4 .txtTexte.zoneArticle {
       padding: 0 1.5625rem 0 1.5625rem;
   }

   .postPage .bloc1 .txtTexte.zoneArticle {
        padding: 0 1.5rem 2.5rem 1.5rem;
    }

    .agencyPage .bloc1.ligne1D .zoneArticle {
        padding: 2.5rem 1.5625rem 0rem 1.5625rem!important;
    }

    .agencyPage .illuTexte img {
        position: relative;
        width: 100%;
        height: auto;
        left: 0%;
        -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
                transform: translateX(0%);
        top: -50%;
    }

    .agencyPage .titreZone .illuTexte {
        width: calc(100% + 1.4rem);
    }

    .agencyPage .titreZone .illuTexte img {
        position: relative;
        height: 120%;
        width: auto;
        left: 0%;
        -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
                transform: translateX(0%);
        top: 0%;
    }

    .agencyPage .bloc1 .socialShare.inline span {
        margin-right: 1rem;
         float: left;
         display: inline-block;
         margin-top: 0rem;
         margin-left: 0rem;
    }

    .agencyPage .bloc1 .titreZone .socialShare.inline span {
        margin-right: 1rem;
        float: left;
        display: inline-block;
        margin-top: 1rem;
        margin-left: 0rem;
    }

    .agencyPage .blocSharing {
        padding-bottom: 1.5rem;
    }
    .agencyPage .agence {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }
    .agencyPage .zoneIlluAgence {
        -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
                order: 6;
        margin-top: -2.5rem;
        width: calc(100% - 1.5625rem);
        margin-left: 0.7625rem;
    }
    .agencyPage .bloc1 .illu2Agence {
        width: 100%;
        height: 18.125rem;
        overflow: hidden;
    }
    .agencyPage .bloc1 .illu2Agence img {
        width: 100%!important;
        height: auto!important;
    }

    .agencyPage .bloc1 .tRub.tAgence {
        display: none;
    }

    .agencyPage .blocSharing .socialShare.inline {
        position: relative;
        width: 100%;
        text-align: left;
        margin: 0 0 0 1.5rem!important;
    }

    .agencyPage .bloc1 .txtTexte.zoneArticle .texteCont {
        margin-top: 2.5rem!important;
    }
    .agencyPage .blocSocial .tRub{
         top: 0.0rem !important;
         left: -11.7625rem;
         display: block!important;
    }

    .agencyPage .blocSocial .titre3 {
        margin-top: 0rem;
        font-size: 0rem;
        line-height: 0rem;
        padding: 2.95rem 2.25rem 0rem 2.25rem!important;
        width: 85%;
        margin-left: 3rem;
    }

    .agencyPage .blocPos {
        padding: 11.15rem 6.875rem 0rem 2.5rem;
    }

    .projectPage .illuTexte img {
            position: relative;
        width: 100%;
        height: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        top: 0;
    }

    .projectPage .bloc1 .txtTexte.zoneArticle {
        padding: 0 1.5rem 3.4375rem 1.5rem;
    }

    .postPage .bloc1.ligne2 .txtTexte.zoneArticle {
        padding: 2.0rem 1.5rem 0rem 1.5rem;
    }


}

/** Nos Projets **/
.our-projects .bloc1 .txtTexte {
   padding: 4.6875rem 3.125rem 3.125rem 9.125rem;
}
.our-projects .bandeauOrangeLarge {
   background: #e79759;
   padding: 4.375rem 3.375rem 4.375rem 4.375rem;
   margin-left: 0rem;
   width: calc(100% - 10rem);
   margin-top: 5rem;
   text-transform: uppercase;
}
@media (max-width: 1268px){
   .our-projects div.titreSmallOrange {
       margin-top: 0.75rem!important;
   } 
}
@media (max-width: 1080px){
   .our-projects div.titreSmallOrange {
       margin-top: 1.5rem!important;
   } 
}
@media (max-width: 991px){
   .our-projects .bloc1 .txtTexte {
       padding: 0rem 4rem 3.125rem 1.75rem;
   }

   .our-projects .bandeauOrangeLarge {
       background: #e79759;
       padding: 2.375rem 0rem 2.375rem 1.75rem;
       margin-left: 0rem;
       width: calc(100% - 1.75rem);
       margin-top: 5rem;
       text-transform: uppercase;
   }

   .our-projects .bloc1.accroche1:before {
       display: block;
       width: calc(100% - 1.5625rem);
       height: calc(100% - 17.8125rem);
       content: ' ';
       left: 0rem;
       top: 6.675rem;
   }
   .our-projects .bloc1.accroche1 {
       margin-top: 0 !important;
   }
   .our-projects .txtTexte h1 {
       margin-bottom: 2.575rem;
       position: relative;
       top: 0rem;
   }
   .our-projects .bloc1.accroche1 .tRub.mobileBottom {
       top: calc(100% - 7.5rem) !important;
       left: -11.875rem !important;
   }
   .our-projects .bloc1.accroche1 .txtTexte .texteCont {
       margin-left: 0;
   }

   .our-projects .bloc1.accroche1 .illuTexte.smaller {
       width: calc(100% - 5rem);
       height: 19.6875rem;
       float: right;
   }
   .our-projects .illuTexte.illuRight {
       margin-left: 1.5625rem;
   }
   .our-projects .illuTexte {
       width: calc(100% - 1.42rem);
       height: 15.625rem;
       overflow: hidden;
       position: relative;
   }
   .our-projects .illuTexte img {
       position: absolute;
       width: 120%;
       height: auto;
       left: 50%;
       top: 50%;
       -webkit-transform: translate(-50%, -50%);
           -ms-transform: translate(-50%, -50%);
               transform: translate(-50%, -50%);
   }

}

/** La Vie Apsidiennne **/
.apsidian-life .blocPos2 {
   padding: 3.75rem 6.875rem 0rem 9.125rem;
   position: relative;
} 

.apsidian-life .blocPos2 .texte {
    padding: 1.875rem 0 7.5rem 3.3rem;
   margin-top: 0rem;
   margin-left: 0rem;
   position: relative;
   font-size: 1rem;
   line-height: 1.4375rem !important;
   color: #464646;
   width: calc(50% - 10rem);
   float: left;
} 

.apsidian-life .blocPos2 .texte:before {
   content: ' ';
   position: absolute;
   width: calc(100vw + 9rem);
   height: calc(100% - 8.375rem);
   z-index: -1;
   background: #f0f0f0;
   left: -1.875rem;
   top: -6.0rem;
}

.apsidian-life .blocPos {
   padding: 0rem 6.875rem 0rem 7rem;
}

.apsidian-life .blocTri .tRub {
   top: 1.225rem !important;
   left: -10.3125rem;
}
/** Agency Page **/
.agencyPage .txtTexte h1 {
   margin-bottom: 0rem;
}
.agencyPage .titreZone {
   margin-bottom: 1.875rem;
}

picture.quisommenous_slider_img img {
   max-width:100px;
}

img.quisommenous_slider_img {
   max-width:100px;
}
/** **/
@media (max-width: 767px){
    .illuTexte img {
        position: relative;
        width: 100%;
        height: auto;
        left: 0%;
        -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
                transform: translateX(0%);
            top: 0;
    }
    .joinus .bloc1.accroche1:before {
       height: 60%;
    }

    .joinus-photo {
       margin-top: 0;
    }
    .joinus .accroche1.bloc1:before {
        left: 0 !important;
        top: 7rem !important;
        height: 80% !important;
    }
    
}
/** Correctifs ajustements **/
.liste-metiers .ligneBt {
   margin-top: 8rem;
}

.postPage .bloc1 .illuArticleFirst img {
   height: 100% !important;
   width: auto !important;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%,-50%);
       -ms-transform: translate(-50%,-50%);
           transform: translate(-50%,-50%);
   position: absolute;
}
@media (max-width: 991px){
    .postPage .bandeauOrangeLarge3 {
        background: #e79759;
        float: right;
        color: #fff;
        padding: 3.75rem 5rem;
        width: calc((100% / 12) * 12 - 1.5rem);
        height: 10.5rem;
        line-height: 2rem!important;
        margin-bottom: 5rem;
        margin-top: 1.5rem;
    }
    .blocBlog .lanceurBlog .illu img {
        width: auto;
        position: absolute;
        height: 100%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
}

@media (max-width: 767px){
    .postPage .colFirstTexte {
        margin-top: 0rem;
    }
    .postPage .illuTexte img {
        position: relative;
        width: auto;
        height: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        top: 0;
    }
    .postPage .titreZone .illuTexte {
        width: calc(100% + 2.9rem);
        height: 30.625rem;
        overflow: hidden;
        position: relative;
        margin-left: -1.5rem;
    }
    .blocBlog .lanceurBlog .illu img {
        width: 100%;
        position: absolute;
        height: auto;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
    .enteteMetier {
       margin: 3.5rem 0rem 2rem 2rem;
   }

}
/* form reset */
.your-form-talent .form-selector .select2-container--default {
   width: 100% !important;
}
.your-form-talent .form-selector .select2-container--default .select2-selection--multiple {
   background-color: transparent;
   position: relative;
   border: 1px solid #fff;
   border-radius: 0;
   cursor: pointer;
   margin: 10px 0;
}

.your-form-talent .form-selector .select2-container--default .select2-selection--multiple::after {
   content: '';
   position: absolute;
   width: 25px;
   height: 25px;
   right: 10px;
   top: 5px;    
   background: url(http://localhost/wp-content/uploads/2020//03/sort-down-solid.svg) no-repeat center;
}

.your-form-talent .form-selector .select2-container--default .select2-selection--multiple ul li input {
   margin-top: .9rem;
   margin-bottom: 0.4rem;
   height: initial;
   border: none;
}

.offreEmplois .your-form-talent .form-selector .select2-container--default .select2-selection--multiple {
   border: 1px solid #a0a0a0 !important;
   margin: 15px 0 5px;
}
.offreEmplois .your-form-talent .form-selector .select2-container--default .select2-selection--multiple::after {
   background: url(http://localhost/wp-content/uploads/2020//03/sort-down-solid-black.svg) no-repeat center;
}
.offreEmplois .your-form-talent .form-selector .select2-container--default .select2-selection--multiple input {
   width: 100% !important;
   margin-top: .75rem;
}

/* La vie apsidienne */
.al-content {
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
   margin-top: -12rem;
}
.apl-mb {
   margin-bottom: 4rem;
}

.al-content .uicol {
   overflow: hidden;
}

.al-content .uicol img {
   /* max-width: 100%; 
   height: auto; */
   -o-object-fit: cover;
      object-fit: cover;
   height: 100%;
   width: 100%;
}

.al-content .uicol:nth-child(1) {
   -webkit-box-ordinal-group: 1;
       -ms-flex-order: 0;
           order: 0;
   -webkit-box-flex: 0;
       -ms-flex: 0 1 auto;
           flex: 0 1 auto;
   -ms-flex-item-align: end;
       align-self: flex-end;
   width: 412px;
   height: 307px;
   margin-top: 39%;
}
.al-content .uicol:nth-child(2) {
   -webkit-box-ordinal-group: 1;
       -ms-flex-order: 0;
           order: 0;
   -webkit-box-flex: 0;
       -ms-flex: 0 1 auto;
           flex: 0 1 auto;
   -ms-flex-item-align: start;
       align-self: flex-start;
   width: 181px;
   margin: 12% 0 0 -16.5%;
}
.al-content .uicol:nth-child(3) {
   -webkit-box-ordinal-group: 1;
       -ms-flex-order: 0;
           order: 0;
   -webkit-box-flex: 0;
       -ms-flex: 0 1 auto;
           flex: 0 1 auto;
   -ms-flex-item-align: start;
       align-self: flex-start;
   width: 373px;
   margin-left: 1.5%;
}

.apsidian-life .container-fluid {
   padding-right: 15px;
   padding-left: 50px;
   margin-right: auto;
   margin-left: auto;
}

.apsidian-life .row {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px;
}

.apsidian-life .texte {
   padding: 2rem 3rem;
}

.bg-apsidianlife {
   position: relative;
}

.bg-apsidianlife .bg-apsidianlife-bloc{
   position: absolute;
   width: 103%;
   height: 60%;
   z-index: -1;
   background: #f0f0f0;
   left: -2%;
   top: 32%;
}

.apsidian-life h1 {
   line-height: 1;
}
.ap-life-title {
   padding-left: 2rem;
}

@media (max-width: 991px){
   .mt-4-m {
       margin-top: 4rem;
   }
   .apl-mb {
       margin-bottom: 0rem;
   }
   .al-content {
       -webkit-box-pack: center;
           -ms-flex-pack: center;
               justify-content: center;
   }
   .al-content .uicol:nth-child(2) {
       margin: 0;
       padding: 0 10px;
       text-align: center;
   }

   .al-content .uicol:nth-child(3) {
       margin: 10% 0 0 0;
       padding: 0 10px;
   }

   .apsidian-life .container-fluid {
       padding-left: 15px;
   }
   .al-content {
       margin-top: 1rem;
   }
   .bg-apsidianlife .bg-apsidianlife-bloc{
       width: 112%;
       height: 50%;
       left: -8%;
       top: 10.3%;
   }
   .apsidian-life .blocSocial .titre3 {
       width: 100%;
   }
}

@media (max-width: 675px){
   .apsidian-life .blocPos{
       padding: 0rem 3rem 0rem 3rem;
   }
   .apsidian-life .blocTri .tRub {
       left: -13rem;
   }

   .apsidian-life .blocTri h2 {
       padding-left: 0rem !important;
   }
}

@media (max-width: 540px){
   .bg-apsidianlife .bg-apsidianlife-bloc{
       height: 60%;
   }
}

@media (max-width: 435px){
   .al-content .uicol:nth-child(2) {
       padding: 5px;
   }
   .al-content .uicol:nth-child(3) {
       padding: 5px;
   }
   .bg-apsidianlife .bg-apsidianlife-bloc{
       height: 80%;
   }
}

.blocSocial {
   margin-bottom: 1.6rem;
}

.joinus .accroche1.bloc1:before {
   width: 100%;
   /* height: calc(100% - 25.1875rem) !important; */
   content: ' ';
   left: 6rem;
   top: 7rem;
}

.joinus .bloc1 .txtTexte {
   padding: 1.3rem 3.125rem 3.125rem 8.125rem;
}
@media (max-width: 1368px) {
   .joinus .bloc1 .txtTexte {
       padding: 1.3rem 3.125rem 3.125rem 8.125rem !important;
   }  
}

/** Correctif Animation Home **/
.linkBox span.descBloc {
   -webkit-transition: width 0s ease 0.5s, left 0.35s ease 0.65s, display 0.75s ease 0.5s;
   -o-transition: width 0s ease 0.5s, left 0.35s ease 0.65s, display 0.75s ease 0.5s;
   transition: width 0s ease 0.5s, left 0.35s ease 0.65s, display 0.75s ease 0.5s;
}
.linkBox span.descBloc strong {
   -webkit-animation: hideAnim 0.05s ease 0.65s normal forwards !important;
           animation: hideAnim 0.05s ease 0.65s normal forwards !important;
}
.linkBox:hover span strong {
   -webkit-animation: visibleAnim 0.005s ease 0s normal forwards !important;
           animation: visibleAnim 0.005s ease 0s normal forwards !important 
}

/** Correctifs Blog **/
h2.titre1c span {
   font-weight: 500!important;
}
.blocBlog .lanceurBlog .infos {
  font-weight: 300!important;
}

/** Ajustements Agences **/
.bloc1 .texteCont.boldText p, .bloc1 .texteCont.boldText * {
  font-weight: 400 !important;
}
.bloc1 .texteCont.boldText p.txtOrange, .bloc1 .texteCont.boldText *.txtOrange {
  font-weight: 600 !important;
}

/** CTA **/
.bandeauOrangeLarge a:hover,
.bandeauBleuLarge a:hover{
   text-decoration: underline;
}
@media (max-width: 991px){
  .bandeauOrangeLarge {
       background: #e79759;
       padding: 4.375rem 1.875rem 4.375rem 2.5rem;
       margin-left: -1.5625rem;
       width: calc(100% - 1.5625rem);
       margin-top: 5rem;
       text-transform: uppercase;
       margin-bottom: 2.5rem;
  }
   .bandeauOrangeLarge a{
       font-size: 2rem;
       line-height: 2rem;
  }
  .joinus .bloc1 .txtTexte {
   padding: 1.3rem 1.5625rem 3.125rem 1.5625rem !important;
}
}
/** Domaines **/
.enteteMetier {
  width: calc(100% - 12.875rem);
}
.enteteMetier a {
  padding: 2.5rem 1.5rem 5rem 0rem;
}
.domainPage .ligneBt {
  margin-top: 8rem!important;
}
/**  Correctifs Contact **/
.form-contact input[type=text], .form-contact textarea {
  margin-top: 0.625rem;
  width: 100%;
  min-height: 2.8125rem;
  padding-left: 1.25rem;
  font-size: 0.8125rem;
  font-family: "Montserrat", sans-serif;
  color: #a0a0a0;
  cursor: text;
  border: solid 0.0625rem #a0a0a0;
  background-color: transparent;
}

.justify-content-between {
  font-size: 16px;
}
.justify-content-between a {
  color: #000;
}
/* .form-contact .btn-orange{
   float: right;
} */

/** **/
.bloc1 .references .ref {
  margin-right: 0.5rem;
}
/** Slider Ville **/
.sliderVille .ficheVille .navVille li a {
   font-weight: 400 !important 
}
.sliderVille .ficheVille .navVille li a:hover {
   font-weight: 500 !important 
}
.liste-pays li a {
   font-weight: 400 !important 
}
.select-ville select, .navigationVille select {
   font-weight: 400 !important 
}
.d-flex {
   display: block !important;
}

/* spinner */
.apside-spinner {
   display: none;
   position: relative;
   width: 80px;
   height: 80px;
   margin-top: -1rem;
 }
 .apside-spinner div {
   position: absolute;
   border: 4px solid #e79759;
   opacity: 1;
   border-radius: 50%;
   -webkit-animation: apside-spinner 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
           animation: apside-spinner 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
 }
 .apside-spinner div:nth-child(2) {
   -webkit-animation-delay: -0.5s;
           animation-delay: -0.5s;
 }
 @-webkit-keyframes apside-spinner {
   0% {
     top: 36px;
     left: 36px;
     width: 0;
     height: 0;
     opacity: 1;
   }
   100% {
     top: 0px;
     left: 0px;
     width: 72px;
     height: 72px;
     opacity: 0;
   }
 }
 @keyframes apside-spinner {
   0% {
     top: 36px;
     left: 36px;
     width: 0;
     height: 0;
     opacity: 1;
   }
   100% {
     top: 0px;
     left: 0px;
     width: 72px;
     height: 72px;
     opacity: 0;
   }
 }

 /* fix underline links styles */
.talents-nous-rejoindre .title-orange-background {
   margin-top: 3.5rem !important;
}
.talents-nous-rejoindre .title-orange-background a{
   color: #fff;
   font-family: "Montserrat", sans-serif;
   font-size: 3.125rem;
   font-weight: 800;
   line-height: 0.9;
   overflow-wrap: break-word;
   text-transform: uppercase;
}
.talents-nous-rejoindre .title-orange-background a {
   font-size: 3.125rem;
   line-height: 3.125rem;
   text-transform: uppercase;
   font-family: "Montserrat", sans-serif;
   font-weight: 900 !important;
   -webkit-transition: all 0.75s 0s;
   -o-transition: all 0.75s 0s;
   transition: all 0.75s 0s;
   position: relative 
}
.talents-nous-rejoindre .title-orange-background a:after {
   content: "";
   display: block;
   height: 0.125rem;
   left: 2.5rem;
   position: absolute;
   background: #fff;
   -webkit-transition: -webkit-transform 0.5s 0.25s;
   transition: -webkit-transform 0.5s 0.25s;
   -o-transition: transform 0.5s 0.25s;
   transition: transform 0.5s 0.25s;
   transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s;
   width: calc(100% - 2.5rem);
   -webkit-transform: scaleX(0);
       -ms-transform: scaleX(0);
           transform: scaleX(0);
   -webkit-transform-origin: right;
       -ms-transform-origin: right;
           transform-origin: right 
}
.talents-nous-rejoindre .title-orange-background a:hover:after {
   -webkit-transform: scaleX(1);
       -ms-transform: scaleX(1);
           transform: scaleX(1);
   -webkit-transform-origin: left;
       -ms-transform-origin: left;
           transform-origin: left 
}

/* fix cols - about us */
.clients .bandeauOrangeLarge2d .row div {
   padding: 0 1rem;
}

/* Sliders */

.clients-slide .clients-slide-base .autoplay-mobile {
   cursor: move !important; /* fallback if grab cursor is unsupported */
   cursor: grab !important;
   cursor: -webkit-grab !important;
}

/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.clients-slide .clients-slide-base .autoplay-mobile:active {
   cursor: grabbing !important;
   cursor: -webkit-grabbing !important;
}

.clients-slide .slick-list {
   margin: 0px auto;
   padding: 0 !important;
   width: 100%;
}

.clients-slide .slick-list img.quisommenous_slider_img {
   max-width: 200px;
   filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.clients-slide .slick-list img.quisommenous_slider_img:hover {
   filter: grayscale(0%);
   -webkit-filter: grayscale(0%);
}

.clients-slide .lazyloading {
   opacity: initial !important ;
}

.slick-slide img {
   margin: 0 auto;
}

/* fix images - fit */
.apsidian-life .element-item img,
.our-projects .element-item img {
   -o-object-fit: cover !important;
      object-fit: cover !important;
   width: auto !important;
   height: 100vh !important;
}

.projectPage .illuTexte {
   height: initial !important;
}

/* Fix news */

/* .news_post_page .news_row {
   margin-top: -5rem;
   padding: 3rem 0;
} */
/* .news_post_page .news_row {
   margin-top: 6rem;
} */

.news_post_page .news_row:first-child .news-content {
   margin-top: 0rem;
   min-height: 36rem;
}

.news_post_page .news_row:last-child .news-content {
   min-height: initial;
}

.news_post_page .news_row .news-content {
   margin-top: -6rem;
   min-height: 42rem;
}

.news_post_page .news_row .news-media {
   height: 30rem;
   min-height: 20rem;
   overflow: hidden;
}

.news_post_page .news_row .news-media img {
   -o-object-fit: cover;
      object-fit: cover;
   width: 100%;
   height: 100%;
}

.news_post_page .ligneOrange {
   z-index: 0 !important;
   margin-top: -8.5rem !important;
}

.news_post_page .fix-row1B + .ligneOrange {
   margin-top: 0rem !important;
}

@media (max-width: 991px) {
   .news_post_page .news_row:first-child .news-media {
       display: none;
   }

   .news_post_page .news_row .news-media {
       height: inherit;
       min-height: inherit;
       -webkit-box-ordinal-group: 1;
           -ms-flex-order: 0;
               order: 0;
       padding: 1.5rem 3.125rem 0;
   }

   .news_post_page .news_row .news-content {
       -webkit-box-ordinal-group: 2;
           -ms-flex-order: 1;
               order: 1;
   }

   .news_post_page .txtTexte {
       padding: 3.125rem 3.125rem 3.125rem 3.125rem;
   }

   .news_post_page .media-mobile,
   .agencyPage .media-mobile {
       height: 25rem;
       overflow: hidden;
   }

   .news_post_page .news_row .news-content {
       margin-top: 0;
       min-height: initial;
   }

   .news_post_page .media-mobile img,
   .agencyPage .media-mobile img {
       -o-object-fit: cover;
          object-fit: cover;
       width: 100% !important;
       height: 100% !important;
   }

   .news_post_page .ligneOrange {
       margin-top: 0rem !important;
   }
   .m-add .goBack2{
       top: 210px;
       left: 1.7rem;
   }
   .button-group .button {
       min-height: 5rem;
   }

   .col-lg-12.bloc1.mt-10 {
       margin-top: 10rem;
   }
   .mobile-manager{
       display: block;
   }
   .mob-m{
       display: none;
   }
}

@media (max-width: 767px) {
   .news_post_page .news_row .news-media {
       -webkit-box-ordinal-group: 1;
           -ms-flex-order: 0;
               order: 0;
       padding: 1.5rem 3.125rem 0;
   }
   .news_post_page .media-mobile img {
       -o-object-fit: cover;
          object-fit: cover;
       width: 100% !important;
       height: 100% !important;
   }
   .set-m{
       font-size: 45px!important;
   }
}

/* Page 404 */

.error-404 {
   text-align: center;
}
.error-404 .page-header {
   margin-top: 7rem;
   padding-bottom: 1rem;
}
.error-404 .page-content {
   margin-bottom: 6rem;
}
.error-404 .page-content p {
   margin-bottom: 1.5rem;
}

.text-low{
   font-size:0.8125rem!important;
}

.texteCont{
   margin-left: 0!important;
}
.texteCont a{
   color:  #464646;
}

.font-s{
   font-size: 3.9rem!important;
}

.o-hidden{
   overflow: hidden!important;
}

.set-m{
    line-height: normal!important;
    margin-top: 0!important;
}

.btn-cookies{
   background-color: #183650!important;
   color: white;
}

.bg-article{
   position: absolute;
   right: 0; width: 70%;
   min-height: 100%;
   background-color:#f0f0f0;
   z-index: -1;
   margin: 0 0 0 -10rem;
}
.bloc1.ligne3.blog-3:before {
   display: none!important;
}

.bloc1.ligne4 .zoneArticle.blog {
   padding: 0 5.25rem 3.4375rem 3.4375rem!important;
}


.noMarginTopBlog {
   margin-top: 0!important;
}

#cn-more-info {
   color:white;
   background-color: rgba(0, 0, 0, 0)  !important;
}

/* Fix font weight font weight in Jobs page */

.offreEmplois ul,
.offreEmplois ol {
   font-weight: 300;
}

/* Instagram Feed */
.InstagramFeed {
   padding: 5rem 4rem 3rem !important;
   margin-top: -6rem !important;
}

.text-fix ul li span{
   font-size: 1rem!important;
   line-height: 1.4375rem!important;
}

.bg-custom-orange{
   margin-top: 5rem;
   width: 85%;
   font-size: 3.125rem;
   font-weight: 800;
   line-height: 0.9;
   color: #fff;
   overflow-wrap: break-word;
   background-color: #e79759;
   text-transform: uppercase;
   position: relative;
   padding: 4rem;
}

.bg-custom-orange .title-orange-background{
   margin-top: 0!important;
}
.bg-custom-orange a:before{
   content: '>';
   padding-right: 0.625rem;
}

/* basic page template styles */
.basic-page-content {
   position: relative;
}

.basic-page-content h3 {
   font-family: "Montserrat",sans-serif;
   font-weight: 900;
   font-size: 3rem;
   color: #183650;
   overflow-wrap: break-word;
   text-transform: uppercase;
   margin-bottom: .625rem;
}

.basic-page-content a {
   text-transform: initial;
}

.basic-page-content:after {
   content: '';
   position: absolute;
   width: 120%;
   height: 100%;
   z-index: -1;
   background: #f0f0f0;
   left: -9.5rem;
   top: 2rem;
}

.basic-page {
   margin-bottom: 45px;
}

@media (max-width: 436px){
   .talents-nous-rejoindre .goBack2 {
       top: 190px;
       left: 1.7rem;
   }
   .m-add .goBack2{
       top: 160px;
       left: 1.7rem;
   }

   .m-add h1 span{
       font-size: 44px!important;
       line-height: 36px!important;
   }
   h1.titre1, h1.titre1b, h2.titre1c, .present2 .txtTexte h2.titre1c, h1.titreBigBleu, h2.titreBigBleu, h3.titreBigBleu, div.titreBigBleu, h1.titreBigOrange, h2.titreBigOrange, h3.titreBigOrange, div.titreBigOrange {
       font-size: 2rem;
       line-height: 2rem;
   }

   }
@media (max-width: 572px){
   .m-add .goBack2{
       top: 160px;
       left: 1.7rem;
   }

   .m-add h1 span{
       font-size: 44px!important;
       line-height: 36px!important;
   }

   .d-none-img{
       display: none;
   }

   .titreBigOrange{
       font-size: 2rem!important;
   }

   .sliderVille .sliderZoneVille .ficheVille .illuVille img {
       width: 100%;
       height: auto;
       min-height: auto;
   }
   .sliderVille .ficheVille .illuVille {
       margin-top: 0!important;
   }
   .sliderVille .sliderZoneVille .ficheVille .illuVille {
       height: 75%!important;
   }
   .sliderVille .ficheVille{
   }
   .navVille2 {
       top: 22.125rem;
   }
   .actionsVilles {
       background: none;
   }
   .sliderVille, illuVille{
       height: 15rem!important;
       margin-bottom: 0!important;
   }

   .contact-card .titre2{
       font-size: 2rem;
       line-height: 2rem;
   }
   .font-s{
       font-size: 2.4rem!important;
       line-height: 2.4rem!important;
   }

   .voirPlus .seaMoreTitle {
       font-size: 2.75rem;
       line-height: 2.5rem;
   }
   .talents-nous-rejoindre .title-orange-background a {
       font-size: 2rem;
       line-height: 2rem;
   }
}

input{
   -webkit-appearance: none;
   -webkit-border-radius:0;
}/* Fix images titles home */
@media (max-width: 630px){
   .img-title-home {
       width: 95%;
  }
}
.bandeauOrangeLarge2 a span {
   display: inline-block;
   position: relative;
   overflow: hidden;
   font-family: "Montserrat",sans-serif;
   height: 50px;
}

.bandeauOrangeLarge2 a span:after {
   content: '';
   position: absolute;
   bottom: 5px;
   left: 0;
   width: 100%;
   height: 2px;
   background: #fff;
   -webkit-transition: -webkit-transform 0.5s;
   transition: -webkit-transform 0.5s;
   -o-transition: transform 0.5s;
   transition: transform 0.5s;
   transition: transform 0.5s, -webkit-transform 0.5s;
   -webkit-transform: translateX(-100%);
       -ms-transform: translateX(-100%);
           transform: translateX(-100%);
}

.bandeauOrangeLarge2 a:hover span:after {
   -webkit-transform: translate(0);
       -ms-transform: translate(0);
           transform: translate(0);
}

@media (min-width: 991px) {
   .mobile-manager{
       display: none;
   }
   .mob-m{
       display: block;
   }
}

.block-800 {
   padding: 2rem 22rem;
}

.block-800 p {
    font-size: small;
    color: #464646;
}

@media (max-width: 991px){

   .block-800 {
       padding: 2rem 0rem;
   }
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .al-content .uicol img {
        margin-top: 10rem;
     }
    /* IE10+ CSS styles go here */
    .apsidian-life .texte {
        /*padding: 2rem 3rem;*/
        padding-top: 25em;
        padding-bottom: 5em;
        padding-right: 3rem;
        padding-left: 3rem;
     }

    /*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/
.navigationVille select {
    display: none;
}

.navigationVille select.selected {
    display: block;
}

/*--------------------------------------------------------------
## Contact Form 7
--------------------------------------------------------------*/
.contact-form form #recipient1 {
    display: none;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.colNav a {
    overflow: initial;
}

@media (max-width: 992px) {
    .footer-widget .menu {
        transition: all 0.75s ease 0s;
    }
}


.sliderVille .ficheVille{
	position: unset !important;
}
.slide_career_blcok [data-simplebar]{
	position: absolute;
}
.sliderVille .ficheVille {
    position: absolute;
    /*left: calc(100%);*/
    width: calc(100%);
    height: 33.125rem;
    top: 0;
    /*z-index: 1;*/
    background: #fff;
    -webkit-animation: initSlides 0s ease 0s 1 normal forwards;
            animation: initSlides 0s ease 0s 1 normal forwards; 
}

}

.up-to-top {
    height: 80px;
    width: 80px;
    background: #00000033;
    border-radius: 3px;
    z-index: 1099;
    position: fixed;
    bottom: 10px;
    float: right;
    right: 4.5%;
    font-size: 12px;
    cursor: pointer;
    display: none;
}
.up-to-top:hover {
    transition: all 0.5s;
    background-color: #0000009e;
}
.up-to-top::before {
    content: '';
    height: 30px;
    width: 5px;
    background-color: #ffffff;
    z-index: 99;
    left: 29px;
    top: 21px;
    position: absolute;
    transform: rotate(45deg);
}
.up-to-top::after {
    content: '';
    height: 30px;
    width: 5px;
    background-color: #ffffff;
    z-index: 99;
    left: 47px;
    top: 21px;
    position: absolute;
    transform: rotate(-45deg);
}

.search-navigation {
    margin-top: 40px;
    margin-bottom: 15px;
}

.search-navigation h2 {
    font-size: 2.5rem;
}

.search-navigation ul li a {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1rem;
    text-align: right;
    display: inline-block;
    color: #e79759;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
    position: relative
}
.search-navigation ul li a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0.05rem;
    left: 1.2rem;
    position: absolute;
    background: #e79759;
    -webkit-transition: -webkit-transform 0.5s 0.25s;
    transition: -webkit-transform 0.5s 0.25s;
    -o-transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s;
    width: calc(100% - 1.2rem);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}
.search-navigation ul li a:before {
    content: ">";
    margin-right: 0.425rem
}
.search-navigation ul li a:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.search-noresult {
    text-align:center;
    margin:3rem 0;
    font-size:1.2rem;
    color:#454545;
}

.width-100 { 
    width: 100%;
}

.text-center {
    text-align: center;
}

.bandeauOrangeLarge2dSearch {
    background: #e79759;
    width: calc((100% / 12) * 10 + (1.5rem * 4));
    margin-top: -1.25rem;
    margin-bottom: 0rem;
    padding: 3.375rem 0 3.375rem 4.375rem;
    float: left;
}

.search a.linkTo {
    font-size: 2rem;
    line-height: 2rem;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    -webkit-transition: all 0.75s 0s;
    -o-transition: all 0.75s 0s;
    transition: all 0.75s 0s;
    position: relative;
    color: #fff;
}
.search a.linkTo:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0.125rem;
    left: 1.875rem;
    position: absolute;
    background: #fff;
    
    -webkit-transition: -webkit-transform 0.5s 0.25s;
    transition: -webkit-transform 0.5s 0.25s;
    -o-transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s;
    transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s;
    width: calc(100% - 1.875rem);
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right 
}
.search a.linkTo:before {
    content: ">";
    padding-right: 0.625rem 
}
.search a.linkTo:hover:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left 
}

.serach-input input {
        margin-top: -0.625rem;
        height: 2.8125rem;
        padding-left: 1.25rem;
        font-size: 30px;
        font-family: "Montserrat", sans-serif;
        color: #fff;
        border: none;
        background-color: transparent;
        width: 100%;
}

.serach-input input[type='text']::-webkit-input-placeholder {
    color: #ffffff;
}
.serach-input input[type='text']::-moz-placeholder {
    color: #ffffff;
}
.serach-input input[type='text']:-ms-input-placeholder {
    color: #ffffff;
}
.serach-input input[type='text']::-ms-input-placeholder {
    color: #ffffff;
}
.serach-input input[type='text']::placeholder {
    color: #ffffff;
}
@media (max-width: 992px) {
    .search_btn_mobile {
        padding-top: 43px;
    }  
}
.serach-top-bar {
    padding-bottom: 10rem;
}

.search-navigation-prev {
    margin-right: 10px!important;
}

@media (max-width: 992px) {
    .serach-top-bar {
        padding-bottom: 13rem;
    }

  .enteteMetier a.search_type {
    padding: 1.25rem 2.5rem 1.25rem 0rem;
  }

  .page-search {
        padding-left: 1rem;
    }
    
   .search-navigation {
        margin-top: 40px;
        margin-bottom: 30px;
   }
    
}

.search-bar:before {
    content: ' ';
    position: absolute;
    width: calc(100%);
    height: 151px;
    z-index: -1;
    background: #f0f0f0;
    left: -14.5rem;;
    top: -3.6rem;
}

.search-bar {
    padding-bottom: 66px;
    position: relative;
}


.search-bar form input {
    height: 45px;
    padding-left: 20px;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    color: #858585;
    border: solid 1px #858585;
    background-color: transparent;
    width: 50%;
    margin-right: 20px;
}

.search-bar form input::placeholder {
    color: #858585
}

/* form reset */
/* .search-bar form input {
    width: 100% !important;
 } */

 .search-bar form select {
    /* width: 100%; */
    height: 2.8125rem;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    font-family: "Montserrat", sans-serif;
    border-radius: 0%;
    border: solid 0.0625rem #a0a0a0 !important;
    color: #a0a0a0;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url("../img/icones/path@3x.png");
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 0.8125rem;
    cursor: pointer;
}
 .search-bar form input .select2-container--default .select2-selection--single::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: 10px;
    top: 5px;    
    background: url(http://localhost/wp-content/uploads/2020//03/sort-down-solid.svg) no-repeat center;
 }
 
 .search-bar form input .select2-container--default .select2-selection--single ul li input {
    margin-top: .9rem;
    margin-bottom: 0.4rem;
    height: initial;
    border: none;
 }


.search-bar .btn-orange {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    height: 2.8125rem;
    font-family: "Montserrat", sans-serif;
    color: white;
    background-color: #e79759;
    border: 0.0625rem solid #e79759;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0.8125rem;
    cursor: pointer;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}

.search-bar  .btn-orange:hover {
    background-color: white;
    color: #e79759;
}

.search-bar form {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    margin: 34px 15.5rem 0 6.875rem;
}

.search-bar form .form-selector {
    width:15%;
    margin-right: 20px;
}

.search-bar form .form-selector #city-select {
    width:100%;
}

.search-bar p {
    margin-top: 20px;
    padding: 0rem 0rem 0rem 6.875rem;
}

.search-bar p span {
    margin-top: 20px;
    font-weight: bold;
}


.search-bar.search-bar-select:before {
    height: 173px;
}

@media (max-width: 1258px) {  
    .search-bar:before {
        content: ' ';
        position: absolute;
        width: 1124px;
        height: 151px;
        z-index: -1;
        background: #f0f0f0;
        left: -10.5rem;
        top: -3.5rem;
    }
    .search-bar p span {
        margin-top: 0px;
        margin-right: 3px;
        margin-left: 3px;
        font-weight: bold;
    }
}


@media (max-width: 992px) {  
    .search-bar:before {
        content: ' ';
        position: absolute;
        width: 1355px;
        height: 275px;
        z-index: -1;
        background: #f0f0f0;
        top: -2rem;
    }
    .search-bar p span {
        margin-top: 0px;
        font-weight: bold;
    }
    .search-bar form {
        display: flex;
        flex-wrap: wrap;
         justify-content: center; 
         margin: 35px 2.5rem 0 2.875rem;
    }

    .search-bar form input {
        height: 45px;
        padding-left: 20px;
        font-size: 13px;
        font-family: "Montserrat", sans-serif;
        color: #858585;
        border: solid 1px #858585;
        background-color: transparent;
        width: 100%;
        margin-right: 20px;
        margin-top: 20px;
    }

    .search-bar form .form-selector {
        width:100%;
        margin-top: 20px;
        margin-right: 20px;
    }

    .search-bar form .form-selector select {
        width:100%;
    }

    .search-bar form #search_btn {
        width:100%;
        margin-top: 20px;
        margin-right: 20px;
    }
    
    .search-bar p {
        justify-content: center;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .search-bar.search-bar-select:before {
        height: 305px;
    }

}

@media (max-width: 766px) { 

    .search-bar:before {
        content: ' ';
        position: absolute;
        width: 1355px;
        height: 275px;
        z-index: -1;
        background: #f0f0f0;
        top: -2rem;
    }

    .search-bar p span {
        margin-top: 0px;
        font-weight: bold;
    }
    .search-bar {
        padding-bottom: 58px;
    }

    h1.titre2.phone-size-titre{
        margin-top: 15px;
        font-size: 2.52rem;
    }
}

.serach-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.serach-pagination-number {
    color: #c9c9c9;
    margin-right: 1rem;
    font-size: 24px;
}

.serach-pagination-number-select {
    color: #e79759;
}

.zoneMore.serach-pagination {
    width: 100%;
}

.zoneMore a.search-seeMore {
    position: relative;
    margin: 1.25rem 0 1.25rem 0rem;
    border: 0.0625rem solid #e79759;
    color: #e79759;
    transition: all 0.5s 0.0s;
    padding: 10px 14px;
    height: 50px;
}