@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
body {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    overflow-x: hidden;
}
.page-header{
    margin-top: -20px;
}
h2{
    font-weight: 700 !important;
}
.btn.btn-primary,
.btn.btn-default{
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus{
    background: #ee6523;
}
.btn.btn-default:hover,
.btn.btn-default:focus{
    background: #ee6523;
}
/* Header */
#navbar{
    transition: background 0.3s ease 0s !important;
    -webkit-transition: background 0.3s ease 0s !important;
    border: none !important;
}
#navbar .container{
    width: 100%;
    max-width: 1600px;
}
#navbar.navbar-white{
    background: #0E313D !important;
}
#navbar ul.nav-pills{
    width: calc(100% - 150px);
}
#navbar ul.nav-pills > li{
    vertical-align: middle;
}
#navbar ul.nav-pills > li > a,
#navbar ul.nav-pills > li > span{
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
}
#navbar ul.nav-pills > li > a{
    padding: 0 5px;
}
#navbar ul li a img{
    max-width: 221px;
}
#navbar.navbar-white ul.nav-pills > li > a{
    color: white !important;
}
#navbar ul.nav-pills > li > a:hover{
    opacity: 0.8;
}
#navbar ul.nav-pills > li.open > a{
    background: transparent;
}
#navbar ul.nav-pills > li > ul.dropdown-menu{
    border-radius: 0;
    padding: 0;
    border: none;
    box-shadow: 0px 13px 17px 0px rgba(0, 0, 0, 0.17);
    margin-top: 25px;
}
#navbar ul.nav-pills > li > ul.dropdown-menu li a{
    padding: 10px 80px 10px 20px;
    color: black;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
#navbar ul.nav-pills > li > ul.dropdown-menu li a:after{
    content: '';
    background: #979797;
    width: 23px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
}
#navbar ul.nav-pills > li > ul.dropdown-menu li a[target="_blank"]:after{
    content: '';
    background-color: transparent;
    background-image: url('../img/icones/icon_new_window.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
}
#navbar ul.nav-pills > li > ul.dropdown-menu li a:hover,
#navbar ul.nav-pills > li > ul.dropdown-menu li a:focus{
    background: transparent;
    color: #9b9b9b;
}
#navbar ul.nav-pills > li > ul.dropdown-menu li a.is-active:after,
#navbar ul.nav-pills > li > ul.dropdown-menu li a:hover:after,
#navbar ul.nav-pills > li > ul.dropdown-menu li a:focus:after{
    opacity: 1;
}
#navbar ul.nav-pills > li > ul.dropdown-menu li a[target="_blank"]:hover:after,
#navbar ul.nav-pills > li > ul.dropdown-menu li a[target="_blank"]:focus:after{
    opacity: 0.5;
}
#navbar ul.nav-pills > li > a span{
    display: none;
}
@media(max-height: 768px) and (min-width: 992px){
    #navbar ul.nav-pills > li > ul.dropdown-menu li a{
        padding: 7px 80px 7px 30px;
        font-size: 15px;
    }
}
#navbar ul.menu--account{
    margin: 8px 0 0;
}
#navbar ul.menu--account > li.first,
#navbar ul.menu--account > li.last{
    margin: 0 25px 0 0;
}
#navbar ul.menu--account > li.first > a{
    padding: 0;
    width: 20px;
    height: 20px;
    background-image: url('../img/icones/icon_search.svg');
    background-repeat: no-repeat;
    background-size: 100%;
}
#navbar ul.menu--account > li:nth-child(2) > a:not(.dropdown-toggle){
    padding: 0;
    width: 20px;
    height: 20px;
    background-image: url('../img/icones/icon_user.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: transparent;
}
#navbar ul.menu--account > li.first > a:before,
#navbar ul.menu--account > li:nth-child(2) > a:not(.dropdown-toggle):before{
    content: '';
    background: rgba(255,255,255,0.2);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    transition: transform 0.3s ease 0s;
    -webkit-transition: transform 0.3s ease 0s;
}
#navbar ul.menu--account > li.first > a:hover:before,
#navbar ul.menu--account > li:nth-child(2) > a:not(.dropdown-toggle):hover:before{
    transform: translateX(-50%) translateY(-50%) scale(1);
}
#navbar ul.menu--account > li:nth-child(2).last > a.dropdown-toggle{
    margin: 0 0 0 5px;
}
#navbar ul.menu--account > li a i,
#navbar ul.menu--account > li a span{
    display: none;
}
/*
#navbar ul.menu--account > li.last > a{
    padding: 0 0 0 25px;
    margin: 0 0 0 25px;
    font-size: 17px;
    color: white !important
}
#navbar.navbar-white ul.menu--account > li.last > a,
#navbar ul.menu--account > li.last.open > a,
#navbar ul.menu--account > li.last > a:hover,
#navbar ul.menu--account > li.last > a:focus{
    color: white;
    background: transparent;
}
#navbar ul.menu--account > li.last > a:before{
    content: '';
    background: rgba(255,255,255,0.3);
    width: 1px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#navbar ul.menu--account > li.last > a:after{
    content: '';
    background-image: url('../img/icones/icon_chevron_down_white.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 2px;
}
#navbar ul.menu--account > li.last ul.dropdown-menu{
    border-radius: 0;
    padding: 0;
    border: none;
    box-shadow: 0px 13px 17px 0px rgba(0, 0, 0, 0.17);
    margin-top: 20px;
}
#navbar ul.menu--account > li.last ul.dropdown-menu li a{
    padding: 20px 30px;
    color: black;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
#navbar ul.menu--account > li.last ul.dropdown-menu li a:hover,
#navbar ul.menu--account > li.last ul.dropdown-menu li a:focus{
    background: transparent;
    color: #9b9b9b;
}*/

body.search #navbar{
    height: 76px;
}
#search{
    top: 18px !important;
}
#search .search_wrapper_body input{
    border-radius: 0;
    padding-left: 12px !important;
    color: black;
    font-weight: 500;
    font-size: 16px;
}
#search .search_wrapper_body button{
    padding: 0 !important;
    margin-left: -4px !important;
}
#search .close, #block-mapheader .close{
    color: white !important;
}
#search .close:before, #block-mapheader .close:before{
    content: '';
    background-image: url('../img/icones/close-white.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
}
#search .close i, #block-mapheader .close i{
    display: none;
}
.noresults{
    margin: 0;
}
.noresults ~ p{
    margin: 0 0 50px;
}

/* Menu Audit */
#navbar #block-menuaudit ul.nav-pills > li{
    width: 16%;
}


@media(max-width: 1440px){
    #navbar ul.nav-pills > li > a{
        font-size: 12px;
    }
    #navbar ul.menu--account > li.first{
        margin: 0 20px 0 0;
    }
    #navbar ul.menu--account > li.last > a{
        padding: 0 0 0 20px;
        margin: 0px 0 0 20px;
    }
}
@media(max-width: 991px){
    #navbar{
        margin: 0 !important;
    }
    .navbar .logo{
        margin: 0 0 0 -15px;
        padding: 0;
    }
    .navbar .logo img{
        width: 150px;
    }
    .navbar-white #hamburger{
        background-image: url('../img/icones/icon_navigation_white.svg') !important;
    }
    #hamburger{
        margin: 13px !important;
    }
    #search{
        top: 78px !important;
        left: 75px;
        right: inherit !important;
    }
    #search .search_wrapper_body .form-item,
    #search .search_wrapper_body .form-actions{
        display: inline-block;
        vertical-align: middle;
    }
    #search .search_wrapper_body input{
        border: 1px solid #e6e6e6 !important;
        width: auto !important;
    }
    #search .close{
        display: none !important;
    }
}
@media(max-width: 767px){
    #search{
        padding-right: 20px;
    }
    #search .search_wrapper_body{
        display: initial !important;
    }
    #search .search_wrapper_body .form-item{
        width: calc(100% - 80px);
        float: left;
    }
    #search .search_wrapper_body input{
        width: 100% !important;
    }
}
/* Accueil - Elements */
.paragraph[style*="background-color:#FFFFFF"]{
    background: transparent !important;
}
.paragraph--type--elements{
    margin: 80px 0;
}
/*.paragraph--type--elements .container,
.paragraph--type--elements .container .row article[class*="col-"]{
    padding: 0 10px;
}*/
.paragraph--type--elements .container .row{
    margin: 0 -11px;
}
.paragraph--type--elements article.col-sm-5 .card-text{
    padding: 55px !important;
}
article.teaser .card .card-image ~ .card-text{
    min-height: 150px;
}
article.teaser.event .card .card-image ~ .card-text,
article.teaser.news .card .card-image ~ .card-text,
article.teaser.whitebook .card .card-image ~ .card-text,
article.teaser.article .card .card-image ~ .card-text{
    min-height: inherit !important;
    height: auto;
}
article.teaser .card .card-text{
    position: relative;
}
article.teaser .card .card-text,
article.teaser.dossier .card .card-text{
    /*height: 100%;*/
  min-height: 270px;
}
article.teaser.partenaire h2 a,
article.teaser.taxonomy h2 a,
article.teaser.offre h2 a,
article.teaser.expertise h2 a,
article.teaser.page h2 a,
article.paragraph--type--element.default h2,
article.paragraph--type--element.offre h2{
    font-weight: 700 !important;
    text-decoration: none;
    font-size: 26px !important;
    line-height: 1.25 !important;
    margin-top: 0;
    padding-right: 0;
}
.owl-carousel article.teaser.partenaire h2,
.owl-carousel article.teaser.partenaire h2 a,
.owl-carousel article.teaser.taxonomy h2,
.owl-carousel article.teaser.taxonomy h2 a,
.owl-carousel article.teaser.offre h2,
.owl-carousel article.teaser.offre h2 a,
.owl-carousel article.teaser.expertise h2,
.owl-carousel article.teaser.expertise h2 a,
.owl-carousel article.teaser.page h2,
.owl-carousel article.teaser.page h2 a,
.owl-carousel article.paragraph--type--element.default h2,
.owl-carousel article.paragraph--type--element.default h2 a,
.owl-carousel article.paragraph--type--element.offre h2,
.owl-carousel article.paragraph--type--element.offre h2 a{
    font-size: 19px !important;
    line-height: 1.6 !important;
}
.owl-carousel article.teaser.partenaire .subtitle,
.owl-carousel article.teaser.taxonomy .subtitle,
.owl-carousel article.teaser.offre .subtitle,
.owl-carousel article.teaser.expertise .subtitle,
.owl-carousel article.teaser.page .subtitle,
.owl-carousel article.paragraph--type--element.default .subtitle,
.owl-carousel article.paragraph--type--element.offre .subtitle{
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}
.owl-carousel article.teaser.partenaire .subtitle:before,
.owl-carousel article.teaser.taxonomy .subtitle:before,
.owl-carousel article.teaser.offre .subtitle:before,
.owl-carousel article.teaser.expertise .subtitle:before,
.owl-carousel article.teaser.page .subtitle:before,
.owl-carousel article.paragraph--type--element.default .subtitle:before,
.owl-carousel article.paragraph--type--element.offre .subtitle:before{
    display: block !important;
}
article.teaser.partenaire .card{
    position: relative;
}
article.teaser.partenaire .card[style*="background-image"]:before{
    content: '';
    background: rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
article.paragraph--type--element.offre h2{
    margin-top: 30px;
}
.card-text .field--name-description p,
.card-text .field--name-field-texte p,
.card-text .field--name-body p{
    font-size: 14px;
    line-height: 2;
    color: white;
}
article.paragraph--type--element.default .btn{
    font-weight: 600;
    font-size: 15px;
    margin: 0;
}
article.teaser{
    margin-bottom: 20px !important;
}
article.teaser h2{
    font-weight: 700 !important;
    margin-top: 0 !important;
    word-break: break-word;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -o-hyphens: auto;
     hyphens: auto;
}
article.paragraph--type--element.bouton h2 a{
    text-decoration: none;
}
article.teaser:not(.news) .card{
    border: none !important;
}
article.teaser.offre .card{
    border: 1px solid #E4E3E3;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.05);
}
article.teaser.offre .card-text h2,
article.teaser.offre .card-text h2 a{
    color: #002F3C !important;
    font-size: 17px !important;
}

article.teaser.offre article.teaser.job .card-text h2, article.teaser.offre article.teaser.job .card-text h2 a{
    color:inherit !important;
}


article.teaser.offre .card-text .subtitle{
    padding-left: 16px;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #002F3C !important;
}

article.teaser.offre article.teaser.job .card-text .subtitle{
    color:inherit !important;
}
article.teaser .subtitle:before{
    color: #002F3C !important;
}
article.teaser .subtitle.inherit-color:before{
    color: inherit !important;
}

.paragraph article.teaser .btn{
    margin-top: 0;
}
article.paragraph--type--element.bouton .colored .btn,
article.paragraph--type--element.bouton .btn{
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
article.paragraph--type--element.bouton .colored .btn:hover,
article.paragraph--type--element.bouton .colored .btn:focus{
    background: #ee7623;
}
article.paragraph--type--element.bouton .btn:hover,
article.paragraph--type--element.bouton .btn:focus{
    background: #e5581a;
}
.paragraph--type--contact-expert .btn {
  transition: background 0.3s ease 0s;
  -webkit-transition: background 0.3s ease 0s;
  background: #ee7623;
}
.paragraph--type--contact-expert .btn:hover,
.paragraph--type--contact-expert .btn:focus{
  background: #ee7623;
}
.paragraph--type--contact-expert.colored.blue .btn {
  background: #e0cb00;
}
.paragraph--type--contact-expert.colored.blue .btn:hover,
.paragraph--type--contact-expert.colored.blue .btn:focus{
  background: #c4ac00;
}

article.teaser.partenaire .subtitle,
article.teaser.offre .subtitle,
article.teaser.job .subtitle,
article.teaser.expertise .subtitle,
article.paragraph--type--element.default .subtitle{
    font-weight: 500 !important;
    font-size: 20px !important;
}
.path-frontpage article.paragraph--type--element.default h2 a,
.path-frontpage article.paragraph--type--element.default .field--name-field-lien a{
    color: white;
}
.path-frontpage article.paragraph--type--element.news .background{
    background-position: 20% 50%;
}
article.teaser.partenaire a.readmore,
article.teaser.offre a.readmore,
article.teaser.taxonomy a.readmore{
    width: 20px;
    height: 20px;
    background-image: url('../img/icones/icon_plus.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    left: 30px !important;
}
article.teaser.expertise a.readmore,
article.teaser.page a.readmore{
    font-weight: 500;
    font-size: 14px;
    color: white;
    position: absolute;
    bottom: 20px;
    left: 30px;
    width: 20px;
    height: 20px;
    background-image: url('../img/icones/icon_plus.svg');
    background-repeat: no-repeat;
    background-size: 100%;
}
article.teaser.offre.color-ffffff .subtitle,
article.teaser.offre.color-ffffff .subtitle:before,
article.teaser.offre.color-ffffff h2 a,
article.teaser.offre.color-ffffff p{
    color: black;
}
article.teaser.expertise.color-ffffff a.readmore,
article.teaser.expertise.color-e1cc00 a.readmore,
article.teaser.page.color-ffffff a.readmore,
article.teaser.page.color-e1cc00 a.readmore,
article.teaser.partenaire.color-ffffff a.readmore,
article.teaser.partenaire.color-e1cc00 a.readmore,
article.teaser.offre.color-ffffff a.readmore,
article.teaser.offre.color-e1cc00 a.readmore,
article.teaser.taxonomy.color-ffffff a.readmore,
article.teaser.taxonomy.color-e1cc00 a.readmore{
    background-image: url('../img/icones/icon_plus_black.svg');
}
article.teaser.expertise.color-_02f3c a.readmore,
article.teaser.page.color-_02f3c a.readmore,
article.teaser.partenaire.color-_02f3c a.readmore,
article.teaser.offre.color-_02f3c a.readmore,
article.teaser.taxonomy.color-_02f3c a.readmore{
    background-image: url('../img/icones/icon_plus_yellow.svg');
}
article.teaser.partenaire a.readmore i,
article.teaser.offre a.readmore i,
article.teaser.taxonomy a.readmore i,
article.teaser.expertise a.readmore i,
article.teaser.page a.readmore i{
    display: none;
}
/* job */
article.teaser.job h2{
    margin-bottom: 50px !important;
}
article.teaser.job h2 a{
    line-height: 1.4 !important;
    text-decoration: none;
    -webkit-hyphens: initial;
    -moz-hyphens: initial;
    hyphens:initial;
}
article.teaser.job .city{
    font-size: 16px !important;
    text-indent: -32px;
    padding: 0 32px;
}
article.teaser.job .city:before{
    content: '';
    background-image: url('../img/icones/icon_marker.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 10px 0 0;
}
article.teaser.job:nth-of-type(12n+1) .city:before,
article.teaser.job:nth-of-type(12n+12) .city:before{
    background-image: url('../img/icones/icon_marker_turquoise.svg');
}
article.teaser.job:nth-of-type(12n+6) .city:before,
article.teaser.job:nth-of-type(12n+10) .city:before{
    background-image: url('../img/icones/icon_marker_yellow.svg');
}
article.teaser.job:nth-of-type(12n+2) .city:before,
article.teaser.job:nth-of-type(12n+3) .city:before,
article.teaser.job:nth-of-type(12n+7) .city:before{
    background-image: url('../img/icones/icon_marker_blue.svg');
}
article.teaser.job .city i{
    display: none;
}


/* news */
article.teaser .card{
    transition: box-shadow 0.3s ease 0s !important;
    -webkit-transition: box-shadow 0.3s ease 0s !important;
}
article.teaser .card:hover{
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
article.teaser.news .card,
article.teaser.article .card,
article.teaser.event .card,
article.teaser.whitebook .card,
article.teaser.dossier .card,
article.teaser.expertise .card,
article.teaser.page .card,
article.teaser.offre.color-ffffff .card{
    border: 1px solid #ECECEC !important;
}
article.teaser.news .card-text,
article.teaser.article .card-text,
article.teaser.event .card-text,
article.teaser.whitebook .card-text{
    padding: 20px 30px !important;
    position: relative;
}
article.teaser.news .card-image,
article.teaser.article .card-image,
article.teaser.event .card-image,
article.teaser.whitebook .card-image{
    height: 150px;
    overflow: hidden;
}
article.teaser.news .card-image .field--name-field-image,
article.teaser.article .card-image .field--name-field-image,
article.teaser.event .card-image .field--name-field-image,
article.teaser.whitebook .card-image .field--name-field-image{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
}
article.teaser.news h2,
article.teaser.article h2,
article.teaser.event h2,
article.teaser.whitebook h2{
    margin: 15px 0;
    font-size: 19px;
}
article.teaser.news h2 a,
article.teaser.article h2 a,
article.teaser.event h2 a,
article.teaser.whitebook h2 a{
    font-weight: 700;
    text-decoration: none;
}
article.teaser.news .date,
article.teaser.article .date,
article.teaser.event .date,
article.teaser.whitebook .date{
    position: absolute;
    top: 20px;
    right: 15px;
    margin: 0;
    color: #cbcbcb;
    font-weight: 700;
    font-size: 16px;
}
article.teaser.news.col-sm-5 .card-text{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
article.teaser.subtitled.news.col-sm-5 > .card .subtitle:before {
    color: #fe475a;
}
article.testimonial.teaser blockquote{
    font-size: 20px;
    font-weight: bold;
    position: relative;
    padding-top: 50px;
}
article.testimonial.teaser blockquote a{
    text-decoration: none;
}
article.testimonial.teaser blockquote:before{
    content: '';
    background: url('../img/icones/icon_quote_close.svg');
    background-repeat:no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 0;
}
article.testimonial.teaser .field--name-field-auteur{
    opacity: 0.7;
}
/**/

/* Bouton */
article.teaser.bouton .card-text{
    position: relative;
    /*top: 50%;
    transform: translateY(-50%);*/
    height: auto;
    min-height: inherit;
}
article.teaser.bouton.col-sm-7 .card-text{
    padding: 100px 55px !important;
}
.btn{
    padding: 12px 45px !important;
    white-space: normal;
}
article.paragraph--type--element.default .btn{
    padding: 0 !important;
}
/**/

/* Default */
article.teaser.default.col-sm-7 .card-text{
    padding: 0 50px;
    position: relative;
    top: 50%;
    height: auto;
    min-height: inherit;
    transform: translateY(-50%);
}
/**/

/* Taxonomy */
article.teaser.taxonomy{
    padding-left: 0 !important;
    width: 100% !important;
}
article.teaser.taxonomy .card-text{
    padding: 0 !important;
    min-height: inherit;
}
article.teaser.taxonomy .card-text h2{
    font-size: 18px !important;
    font-weight: 500 !important;
    position: relative;
    margin: 0;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
}
article.teaser.taxonomy .card-text h2:hover,
article.teaser.taxonomy .card-text h2:focus{
    opacity: 0.8;
}
article.teaser.taxonomy .card-text h2 a{
    font-size: 18px !important;
    font-weight: 500 !important;
    display: inline-block;
}
article.teaser.taxonomy .card-text h2:after{
    content: '';
    background: url('../img/icones/icon_arrow_right_black.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 10px;
    transition: margin 0.3s ease 0s;
    -webkit-transition: margin 0.3s ease 0s;
}
article.teaser.taxonomy .card-text h2:hover:after,
article.teaser.taxonomy .card-text h2:focus:after{
    margin: -2px 0 0 20px;
}

/* slash */
article.offre.teaser:before{
    content: '';
    background: url('../img/slash.png') no-repeat 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
article.expertise.teaser:before,
article.expertise.teaser .card:before,
article.page.teaser:before,
article.page.teaser .card:before{
    display: none !important;
}


@media(min-width: 992px){
    body:not(.path-frontpage) article.teaser.news .card-image .field--name-field-image > div,
    body:not(.path-frontpage) article.teaser.article .card-image .field--name-field-image > div,
    body:not(.path-frontpage) article.teaser.event .card-image .field--name-field-image > div,
    body:not(.path-frontpage) article.teaser.whitebook .card-image .field--name-field-image > div{
        height: 100%;
    }
    body:not(.path-frontpage) article.teaser.news .card-image .field--name-field-image .field--name-field-media-image,
    body:not(.path-frontpage) article.teaser.article .card-image .field--name-field-image .field--name-field-media-image,
    body:not(.path-frontpage) article.teaser.event .card-image .field--name-field-image .field--name-field-media-image,
    body:not(.path-frontpage) article.teaser.whitebook .card-image .field--name-field-image .field--name-field-media-image{
        height: 100%;
    }
    body:not(.path-frontpage) article.teaser.news .card-image .field--name-field-image .field--name-field-media-image picture,
    body:not(.path-frontpage) article.teaser.article .card-image .field--name-field-image .field--name-field-media-image picture,
    body:not(.path-frontpage) article.teaser.event .card-image .field--name-field-image .field--name-field-media-image picture,
    body:not(.path-frontpage) article.teaser.whitebook .card-image .field--name-field-image .field--name-field-media-image picture{
        height: 100%;
        display: block;
    }
    body:not(.path-frontpage) article.teaser.news .card-image .field--name-field-image .field--name-field-media-image picture img,
    body:not(.path-frontpage) article.teaser.article .card-image .field--name-field-image .field--name-field-media-image picture img,
    body:not(.path-frontpage) article.teaser.event .card-image .field--name-field-image .field--name-field-media-image picture img,
    body:not(.path-frontpage) article.teaser.whitebook .card-image .field--name-field-image .field--name-field-media-image picture img{
        height: 100%;
        width: auto;
        max-width: inherit;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media(max-width: 1199px){
    article.teaser.partenaire h2 a,
    article.teaser.taxonomy h2 a,
    article.teaser.offre h2 a,
    article.paragraph--type--element.default h2,
    article.paragraph--type--element.offre h2{
        font-size: 26px !important;
    }
    article.teaser.job .card .card-text{
        padding: 30px 20px;
    }
    article.teaser.job p.subtitle{
        font-size: 16px !important;
    }
    article.teaser.job h2{
        margin-bottom: 40px !important;
    }
    article.teaser.job h2 a{
        font-size: 18px !important;
    }
    article.teaser.job p.city{
        font-size: 14px !important;
        padding: 0 15px;
        text-indent: -17px;
    }
    article.teaser.job .city::before{
        margin: -3px 5px 0 -10px;
    }
    article.teaser.news .date,
    article.teaser.article .date,
    article.teaser.event .date,
    article.teaser.whitebook .date{
        position: static;
        margin: 0 0 10px;
    }
    article.teaser .card .card-text,
    article.teaser.news .card-text,
    article.teaser.article .card-text,
    article.teaser.event .card-text,
    article.teaser.whitebook .card-text{
        padding: 20px !important;
    }
}
@media(max-width: 991px){
    .paragraph--type--elements{
        margin: 20px 0;
    }
    article.teaser.partenaire h2 a,
    article.teaser.taxonomy h2 a,
    article.teaser.offre h2 a,
    article.teaser.expertise h2 a,
    article.teaser.page h2 a,
    article.paragraph--type--element.default h2,
    article.paragraph--type--element.offre h2{
        font-size: 20px !important;
    }
    article.teaser.news h2{
        font-size: 17px;
        line-height: 1.2;
    }
    article.paragraph--type--element.bouton h2 a{
        font-size: 30px !important;
    }
    article.teaser .card .card-text{
        padding: 30px 20px !important;
    }
    article.teaser.news .card .card-text,
    article.teaser.article .card .card-text,
    article.teaser.event .card .card-text,
    article.teaser.whitebook .card .card-text {
        padding: 20px !important;
    }
    article.teaser.news .card-image,
    article.teaser.article .card-image,
    article.teaser.event .card-image,
    article.teaser.whitebook .card-image{
        height: 120px;
    }
    article.teaser.bouton .card .card-text{
        padding: 50px 30px !important;
    }
    .paragraph--type--elements article.col-sm-5 .card-text{
        padding: 30px !important;
    }
    /* jobs */
    .colonned .job.teaser.col-sm-4{
        width: 50%;
    }
    /* taxonomy */
    article.teaser.taxonomy .card-text{
        padding: 0 !important;
    }
}
@media(max-width: 767px){
    .paragraph--type--elements{
        margin: 15px 0;
    }
    article.teaser{
        margin-bottom: 15px !important;
    }
    .paragraph--type--elements .field--item:last-of-type article.teaser{
        margin-bottom: 0 !important;
    }
    .paragraph--type--elements .container,
    .paragraph--type--elements .container .row article[class*="col-"]{
        padding: 0 15px;
    }
    .paragraph--type--elements .container .row {
        margin: 0 -15px;
    }
    article.paragraph--type--element[class*="col-"]{
        width: 100% !important;
    }
    article.teaser.bouton .card-text,
    article.teaser.default.col-sm-7 .card-text,
    article.teaser.news.col-sm-5 .card-text{
        position: static;
        transform: none;
    }
    article.paragraph--type--element.news .background{
        height: 120px !important;
    }
    article.teaser.news.col-sm-5 .card{
        display: flex;
        flex-direction: column;
    }
    article.teaser.news.col-sm-5 .card .col-sm-8{
        order: 2;
    }
    article.teaser.news.col-sm-5 .card .col-sm-4{
        order: 1;
    }
    /* jobs */
    .colonned .job.teaser.col-sm-4{
        width: 100%;
    }
    /* taxo */
    article.teaser.taxonomy .card-text h2{
        padding-right: 30px;
    }
    article.teaser.taxonomy .card-text h2:after{
        margin: -8px 0 0 0;
        position: absolute;
        top: 50%;
        right: 0;
    }
    article.teaser.taxonomy .card-text h2:hover:after,
    article.teaser.taxonomy .card-text h2:focus:after{
        margin: -8px 0 0 0;
    }
    /* related */
    .owl-carousel article.teaser.partenaire h2,
    .owl-carousel article.teaser.taxonomy h2,
    .owl-carousel article.teaser.offre h2,
    .owl-carousel article.teaser.expertise h2,
    .owl-carousel article.teaser.page h2,
    .owl-carousel article.paragraph--type--element.default h2,
    .owl-carousel article.paragraph--type--element.offre h2{
        padding-right: 0;
        margin-left: 10px;
    }
}

/**/

/** Bannière **/
.header{
    position: relative;
    background-position: 50%;
}
.header:before{
    content: '' !important;
    background: rgba(0,0,0,0.22) !important;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.22)), color-stop(100%, rgba(0,0,0,0))) !important;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0) 100%) !important;
    background: -o-linear-gradient(top, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0) 100%) !important;
    background: -ms-linear-gradient(top, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0) 100%) !important;
    background: linear-gradient(to bottom, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ) !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.path-frontpage .header:before{
    display: none;
}
.header .container{
    margin-top: 40px;
}
.path-frontpage .header .breadcrumb{
    display: none;
}
/*.path-frontpage .header.vh100{
    height: 80vh;
}*/
.header.vh100{
    height: 800px;
}
.header.vh70{
    height: 500px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding-bottom: 40px;
}
/*.path-taxonomy .header.vh100{
    height: 380px;
    justify-content: flex-end;
    padding-bottom: 30px;
}*/
.header.vh30{
    height: 400px;
}
.header h1{
    font-weight: 700;
    font-size: 62px;
    margin: 0 0 30px;
    padding-right: 100px;
}
/*.path-taxonomy .header.vh100 h1,*/
.header.vh30 h1{
    font-size: 50px;
}
.path-frontpage .header h1{
    font-size: 62px;
}
.header p{
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 18px;
}

.header-contact{
    position: fixed !important;
    bottom: 45px !important;
}
.header-contact a{
    width: 75px;
    height: 75px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.11);
    padding: 0 !important;
    background-image: url('../img/icones/icon_mail.svg');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 50%;
}
.header-contact a i{
    display: none;
}
.breadcrumb{
    padding: 0;
    line-height: 1.2;
}
.breadcrumb li a,
.breadcrumb li{
    font-weight: 500 !important;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border 0.3s ease 0s;
    -webkit-transition: border 0.3s ease 0s;
}
.breadcrumb li a:hover,
.breadcrumb li a:focus{
    border-bottom-color: white;
}
.breadcrumb > li + li:before{
    color: white;
    font-size: 11px;
    line-height: 1;
}
@media(max-height: 750px){
    body:not(.path-frontpage) .header.vh100{
        height: 600px;
    }
}
@media(max-width: 1199px){
    .header h1{
        font-size: 50px;
        margin: 0 0 30px;
    }
    /*.path-taxonomy .header.vh100 h1,*/
    .header.vh30 h1{
        font-size: 40px;
        margin: 0 0 30px;
    }
    .path-frontpage .header h1{
        font-size: 50px;
        margin: 60px 0 30px;
    }
}
@media(max-width: 991px){
    .header .container{
        padding: 0 30px;
        width: 100%;
    }
    .header h1{
        font-size: 40px;
        padding: 0;
        margin: 0 0 30px;
    }
    /*.path-taxonomy .header.vh100 h1,*/
    .header.vh30 h1{
        font-size: 35px;
        padding: 0;
        margin: 0 0 30px;
    }
    .path-frontpage .header h1{
        font-size: 40px;
        padding: 0;
        margin: 60px 0 30px;
    }
    .header p,
    .header div{
        font-size: 18px;
        line-height: 1.6;
    }
    .header .col-sm-8{
        width: 100%;
    }
}
@media(max-width: 767px){
    .header{
        height: auto !important;
        padding: 150px 0 50px;
    }
    /*.path-taxonomy .header.vh100 h1,*/
    .header h1,
    .header.vh30 h1,
    .path-frontpage .header h1{
        font-size: 30px;
        margin: 0 0 30px;
    }
    .header p,
    .header div{
        font-size: 15px;
        margin: 0 0 10px;
        padding: 0;
    }
    .header-contact{
        right:2px !important;
        bottom: 20px !important;
    }
    .header-contact a{
        width: 45px;
        height: 45px;
        background-size: 18px;
    }
    .header.vh70[style*="experience.jpg"],
    .header.vh70[style*="annonces.jpg"]{
        background-position: 70%;
    }
}
/**/

/** Footer **/
footer .footer-top{
    padding: 60px 0 !important;
}
footer ul.nav ul.nav li a{
    font-size: 13px;
    line-height: 1.3;
    padding: 9px 15px;
    transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
footer .footer-middle .container{
    padding: 30px 15px !important;
}
footer .footer-middle a{
    padding: 45px;
    font-size: 16px;
    display: inline-block;
    /* width: 100%; */
    position: relative;
}
footer .footer-middle a i,
footer .footer-middle a span{
    display: none;
}
footer .footer-middle a:before{
    content: '';
    /* background: url('../img/icones/icon_marker.svg'); */
    background-repeat: no-repeat;
    background-size: 100%;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: -2px;
    transform: translateY(-50%);
}
footer .footer-middle a:after{
    content: '';
    /* background: url('../img/icones/icon_long_arrow_right_white.svg'); */
    background-repeat: no-repeat;
    background-size: 100%;
    /* width: 36px;
    height: 36px;
    position: absolute; */
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
footer .footer-bottom{
    padding: 10px 0 80px 0 !important;
}
footer .footer-bottom .col-sm-9 .nav{
    padding: 5px 0 0 !important;
}
footer .footer-bottom .col-sm-9 .nav li span.nolink{
    padding: 0 0 0 0;
}
footer .footer-bottom .col-sm-9 .nav li span.nolink img{
    width: 180px;
    height: 60px;
}
footer .footer-bottom .col-sm-9 .nav li a:before{
    height: 18px !important;
    top: 50% !important;
    transform: translateY(-50%);
}
footer .footer-bottom .col-sm-9 .nav li a,
footer .footer-bottom .col-sm-9 .nav li span{
    font-size: 10px !important;
    padding: 15px 5px;
}
footer .footer-bottom .col-sm-3 li a{
    padding: 9px 5px;
}
footer .footer-bottom .col-sm-3 li a i{
    font-size: 2.5em;
}
footer .lead{
    line-height: 38px;
}
footer #block-implid-footer ul.nav.nav-pills.nav-justified > li > a{
    padding: 5px 15px;
    margin-bottom: 20px;
}
/* audit */
footer.footer-audit .footer-top{
    padding: 30px 0 !important;
}
footer.footer-audit .footer-top .col-sm-3{
    width: 65%;
}
footer.footer-audit .footer-top .col-sm-3 p{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
footer.footer-audit .footer-top .col-sm-3 p br{
    display: none;
}
footer.footer-audit .footer-top .col-sm-3 p a{
    margin: 0 0 0 20px;
}
footer.footer-audit .footer-top .col-sm-9{
    width: 35%;
}
footer.footer-audit .footer-top .col-sm-9 a{
    padding: 5px 45px;
    text-align: right;
}
footer.footer-audit .footer-top .col-sm-9 a:before{
    left: inherit;
    margin: 0 0 0 -45px;
}
@media(max-width: 1199px){
    footer .footer-top .col-sm-3 .btn{
        padding: 10px 35px !important;
    }
    footer.footer-audit .footer-top .col-sm-3{
        margin-top: 3px;
    }
    footer.footer-audit .footer-top .col-sm-3 p a{
        margin: 0 0 0 10px;
        padding: 8px 20px !important
    }
}
@media(max-width: 1199px) and (min-width: 992px){
    footer .footer-bottom .col-sm-3{
        padding-left: 0;
    }
    footer .footer-bottom .col-sm-3 li a {
        padding: 9px 3px;
    }
}
@media(max-width: 991px){
    footer .footer-top{
        padding: 30px 0 !important;
    }
    footer .footer-top .lead{
        margin-bottom: 10px;
    }
    footer ul.nav ul.nav li a{
        padding: 9px 15px;
        line-height: 1.3;
    }
    footer .footer-top .col-sm-3 .btn{
        font-size: 14px;
        padding: 8px 20px !important;
    }
    footer .footer-bottom a{
        transition: color 0.3s ease 0s;
        -webkit-transition: color 0.3s ease 0s;
    }
    footer .footer-bottom .col-sm-9,
    footer .footer-bottom .col-sm-3{
        float: none;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }
    footer .footer-bottom .col-sm-9 ul,
    footer .footer-bottom .col-sm-3 ul,
    footer .footer-top .social-icon{
        float: none !important;
        text-align: center;
    }
    footer .footer-bottom .col-sm-9 ul li,
    footer .footer-bottom .col-sm-3 ul li,
    footer .footer-top .social-icon li{
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    footer .footer-top .social-icon li {
        padding: 0 !important;
        margin-bottom: 30px;
    }
    footer .footer-bottom .col-sm-9 .nav li span.nolink{
        padding: 10px;
    }
    footer .footer-bottom .col-sm-9 li:first-child{
        display: block;
        max-width: 100px;
        margin: 0 auto 10px;
    }
    footer .footer-bottom .col-sm-9 .nav li:nth-child(2) a:before{
        display: none;
    }
    footer .footer-bottom .col-sm-3 li a{
        padding: 15px 12px;
    }
    footer.footer-audit .footer-top .col-sm-3,
    footer.footer-audit .footer-top .col-sm-9{
        width: 100%;
        text-align: center;
    }
    footer.footer-audit .footer-top .col-sm-9 a{
        text-align: center;
        padding: 20px 45px 0;
    }
    footer.footer-audit .footer-top .col-sm-9 a:before{
        margin: 10px 0 0 -45px;
    }
    footer.footer-audit .footer-top .col-sm-9 a:after{
        display: none;
    }
    footer .footer-bottom .col-sm-3 li a {
      padding: 9px 12px;
    }
}
@media(max-width: 767px){
    footer .footer-top{
        padding: 30px 5px !important;
    }
    footer .footer-top ul.nav.nav-pills > li + li{
        padding-top: 30px;
    }
    footer .footer-top .col-sm-9{
        clear: both;
    }
    footer .footer-top ul.nav.social-icon li a{
        padding: 10px;
    }
    footer .footer-middle a{
        padding: 60px 0 20px;
        text-align: center;
    }
    footer .footer-middle a:before{
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }
    footer .footer-middle a:after{
        display: none;
    }
    footer .footer-bottom {
      padding-bottom: 20px !important;
    }
    footer .footer-bottom .col-sm-9 ul li{
        display: block;
    }
    footer .footer-bottom .col-sm-9 .nav li a:before{
        display: none;
    }
    footer .footer-top .col-sm-3 .lead{
        margin-top: 30px;
    }
    footer.footer-audit .footer-top .col-sm-3 p{
        display: block;
    }
    footer.footer-audit .footer-top .col-sm-3 p br{
        display: inline-block;
    }
    footer.footer-audit .footer-top .col-sm-3 p a{
        margin: 10px 0 0 0;
    }
    footer.footer-audit .footer-top .col-sm-9 a:before {
        margin: 4px 0 0 -25px;
    }
}
/**/

/* vidéo hp */
@media(min-width: 1620px){
    #video_overview iframe{
        width: 100% !important;
        margin-left: 0 !important;
    }
}
@media(min-width: 1400px){
    #video_overview iframe{
        transform: scale(1.2);
    }
}
@media(max-width: 1619px){
    #video_overview iframe{
        height: 100% !important;
        margin-top: 0 !important;
    }
}

/* partage */
#block-share{
    border-bottom: 1px solid #eee;
}

/**  Paragraphes  **/
.paragraph--view-mode--real .paragraph--type--image img {
    width:auto !important;
}
.col-sm-9 .paragraph--type--image .container{
    width: 100%;
}
.paragraph--type--titre-texte,
.paragraph--type--image-texte,
.paragraph--type--temoignage,
.paragraph--type--episode,
.paragraph--type--mosaic,
.paragraph--type--lien-emploi,
.paragraph--type--contact-expert,
.paragraph-map{
    padding: 60px 0 !important;
}
.paragraph--type--titre-texte,
.paragraph--type--image-texte {
    padding-top: 90px !important;
}
.paragraph--type--chiffres{
    padding: 60px 0 !important;
}
.field--item ~ .field--item .paragraph--type--lien-emploi{
    padding-top: 0 !important;
    margin-top: -70px;
}
.field--item ~ .field--item .paragraph--type--lien-emploi.paragraph--margin {
    margin-top: -60px;
}

/* Titre + texte */
.paragraph--type--titre-texte.paragraph--view-mode--default div[class*="col-sm"] h2{
    margin-top: 0;
    font-size: 32px;
    line-height: 1.3;
    color: #002f3c;
    font-weight: 700;
}
.paragraph--type--titre-texte.paragraph--view-mode--titre-dessus .col-sm-12:first-of-type{
    max-width: 750px;
    margin: 0 auto;
    float: none;
}
.paragraph--type--titre-texte.paragraph--view-mode--titre-dessus div[class*="col-sm"] h2{
    font-size: 45px;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 30px;
    color: #002f3c;
    font-weight: 700;
}
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte p,
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-body p,
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte li,
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-body li{
    font-size: 16px !important;
    line-height: 2 !important;
    color: #4f4f4f;
    font-weight: 500;
}
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte p.bordures{
    border: 2px solid #d2d2d2;
    padding: 8px 12px;
    background: #fcfcfc;
}
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte a,
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-body a{
    display: inline-block;
    font-size: 16px !important;
    line-height: 2 !important;
    color: #ee7623;
    font-weight: 500;
    width: auto;
    text-decoration: underline;
}
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte h3,
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-body h3{
    margin-top: 40px;
}
.paragraph--type--titre-texte.colored div[class*="col-sm"] h2,
.paragraph--type--titre-texte.colored div[class*="col-sm"] p,
.paragraph--type--titre-texte.colored div[class*="col-sm"] p:before,
.paragraph--type--titre-texte.colored div[class*="col-sm"] li{
    color: white !important;
}
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte .table-responsive thead{
    background-color: #ee7623;
    color: white;
}
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte .table-responsive thead th{
    padding: 12px;
    font-weight: 500;
}
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte .table-responsive tbody td[colspan="2"]{
    text-align: center;
    padding: 12px;
    background: #eee;
}
@media(max-width: 767px){
    .paragraph--type--titre-texte.paragraph--view-mode--default div[class*="col-sm"] h2{
        font-size: 26px;
    }
}
/**/

/* Slider contenu */
.paragraph--type--blocs{
    position: relative;
}
.paragraph--type--bloc{
    padding: 0 !important;
}
.paragraph--type--blocs:before{
    content: '';
    background: #ececec;
    height: 300%;
    width: 1px;
    position: absolute;
    top: 0;
    left: 45%;
    transform: translateY(-50%) skewX(-15deg);
    z-index: -1;
}
.paragraph--type--blocs .colored .field--name-field-texte p a{
    color: #fff;
    text-decoration: underline;
}
.paragraph--type--blocs .container{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.paragraph--type--blocs .paragraph--type--bloc{
    min-height: 660px;
    /*height: calc(100vh - 76px);*/
    display: flex;
}
.paragraph--type--blocs .paragraph--type--bloc .container{
    padding: 30px 15px;
}
.paragraph--type--blocs .paragraph--type--bloc .container > .row{
    width: 100%;
}
.paragraph--type--blocs .background{
    width: 45% !important;
    transform: skewX(-15deg) !important;
}
.paragraph--type--blocs .background-wrapper{
    background-color: #fbfbfb !important;
    transform: skewX(15deg) !important;
}
.paragraph--type--blocs .background-wrapper
.paragraph--type--blocs div[class*="col-sm"]{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.paragraph--type--blocs div.col-sm-5{
    padding-left: 40px;
}
.paragraph--type--blocs .video-thumbnail{
    box-shadow: 22px 12px 80px 0px rgba(0, 0, 0, 0.09);
}
.paragraph--type--blocs h2{
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
}
.paragraph--type--blocs p.subtitle{
    font-size: 24px;
}
.paragraph--type--blocs p.subtitle:empty{
    display: none;
}
.paragraph--type--blocs .field--name-field-texte p,
.paragraph--type--blocs .field--name-field-texte ul{
    line-height: 2;
}
.paragraph--type--blocs .owl-carousel .owl-nav{
    right: inherit;
    left: calc(50% + 5px);
    bottom: 40px;
    margin: 0;
}
.paragraph--type--blocs .owl-carousel .owl-nav button{
    margin: 0 10px !important;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}
.paragraph--type--blocs .owl-carousel .owl-nav button.owl-prev,
.paragraph--type--blocs .owl-carousel .owl-nav button.owl-prev:hover,
.paragraph--type--blocs .owl-carousel .owl-nav button.owl-prev:focus{
    background: url('../img/icones/icon_chevron_left_white.svg') !important;
}
.paragraph--type--blocs .owl-carousel .owl-nav button.owl-next,
.paragraph--type--blocs .owl-carousel .owl-nav button.owl-next:hover,
.paragraph--type--blocs .owl-carousel .owl-nav button.owl-next:focus{
    background: url('../img/icones/icon_chevron_right_white.svg') !important;
}
.paragraph--type--blocs .owl-carousel .owl-nav button span{
    display: none;
}
.paragraph--type--blocs a.btn{
    margin: 30px 0;
    white-space: normal;
}
.video-thumbnail:after{
    content:'';
    background-image: url('../img/icones/icon_player.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: 0 !important;
}
.video-thumbnail.disabled:after,
.video-thumbnail.disabled:before{
  display: none;
}
.video-thumbnail.disabled {
  cursor: not-allowed;
}
.video-thumbnail:before{
    content: '' !important;
    background: rgba(255,255,255,0.3);
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: 0 !important;
    transition: transform 0.3s ease 0s;
    -webkit-transition: transform 0.3s ease 0s;
}
.video-thumbnail:hover:before{
    transform: translateY(-50%) translateX(-50%) scale(1.2);
}
@media(max-width: 767px){
    .video-thumbnail:before{
        width: 50px;
        height: 50px;
    }
}
/**/

/* spécifique page Les partenaires - logo emlyon */
#owl-carousel-277.paragraph--type--blocs .background-wrapper{
    width: 100%;
    left: 103px;
}
@media(max-width: 1199px){
    #owl-carousel-277.paragraph--type--blocs .background-wrapper{
        left: 110px;
    }
}
@media(max-width: 991px){
    #owl-carousel-277.paragraph--type--blocs .background-wrapper{
        left: 137px;
    }
}

/* spécifique page Les partenaires - image surveillance */
#owl-carousel-211.paragraph--type--blocs .background-wrapper{
    width: 100%;
    left: 88px;
}
@media(max-width: 1199px){
    #owl-carousel-211.paragraph--type--blocs .background-wrapper{
        left: 85px;
    }
}
@media(max-width: 991px){
    #owl-carousel-211.paragraph--type--blocs .background-wrapper{
        left: 92px;
    }
}

/**  Chiffres clés  **/
.paragraph .number{
    font-size: 58px !important;
    line-height: 1;
    margin-bottom: 15px;
}
.paragraph .number_title{
    font-size: 19px !important;
    line-height: 1.2;
    padding: 0 30px;
}
/**/

/**  Mosaique  **/
.paragraph--type--mosaic .col-sm-6{
    padding: 90px 30px 0 !important;
}
.paragraph--type--mosaic .col-sm-6 h2{
    font-weight: 700;
    font-size: 45px;
    margin: 30px 0 60px;
}
.paragraph--type--mosaic .col-sm-6 p{
    color: #4a4a4a;
    line-height: 2.2;
}
.paragraph--type--mosaic .col-sm-6 p a{
    color: #4a4a4a;
    line-height: 2.2;
    text-decoration: underline;
}
.paragraph--type--mosaic .mosaic-img3 img,
.paragraph--type--mosaic .nopadding > .col-sm-9 img{
    max-width: 80%;
}
/**/

/* Témoignages */
.paragraph--type--temoignages .container{
    display: flex;
    padding: 0 !important;
}
.paragraph--type--temoignages div[class*="col-sm"]{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.paragraph--type--temoignages blockquote{
    font-size: 38px !important;
    line-height: 1.4 !important;
}
.paragraph--type--temoignages blockquote:before,
.paragraph--type--temoignages blockquote:after{
    content: '“';
    display: block;
    color: #e8e6e6;
    font-size: 100px;
    line-height: 50px;
    font-weight: 800;
}
.paragraph--type--temoignages blockquote:after{
    float: right;
    margin-top: -50px;
}
.paragraph--type--temoignages blockquote footer{
    margin-top: 60px !important;
    font-size: 14px;
    color: #898989;
}
.paragraph--type--temoignages .colored blockquote:before,
.paragraph--type--temoignages .colored blockquote:after{
    color:rgba(255,255,255,0.3);
}
.paragraph--type--temoignage.paragraph--view-mode--image-droite span.label{
    font-size: 20px;
    padding: 22px 30px;
    right: calc(-50% + 30px) !important;
}
.paragraph--type--temoignages .owl-dots{
    right: calc((100% - 1170px) / 2) !important;
    bottom: 90px !important;
}
.paragraph--type--temoignages .owl-theme .owl-dots .owl-dot span{
    background: transparent;
    border: 1px solid white;
}
.paragraph--type--temoignages .owl-theme .owl-dots .owl-dot.active span,
.paragraph--type--temoignages .owl-theme .owl-dots .owl-dot:hover span{
    background: white !important;
    border: 1px solid transparent;
}
@media(max-width: 1199px){
    .paragraph--type--temoignages .owl-dots{
        right: calc((100% - 970px) / 2) !important;
        bottom: 45px !important;
    }
}
@media(max-width: 991px){
    .paragraph--type--temoignages .owl-dots{
        right: calc((100% - 750px) / 2) !important;
        bottom: 30px !important;
    }
    .paragraph--type--temoignage.paragraph--view-mode--image-droite span.label{
        top: -40px;
    }
}
@media(max-width: 767px){
    .paragraph--type--temoignages .owl-dots{
        right: inherit !important;
        left: 50%;
        transform: translateX(-50%);
        bottom: 15px !important;
    }
    .paragraph--type--temoignages .row{
        display: flex;
        flex-direction: column;
    }
    .paragraph--type--temoignages .row > div.col-sm-6{
        order: 2;
    }
    .paragraph--type--temoignages .row > div.col-sm-2{
        order: 1;
    }
    .paragraph--type--temoignage.paragraph--view-mode--image-droite span.label{
        margin: 30px 0 10px;
        position: static;
    }
}
/* Liens bas de page */
.field--name-field-liens{
    padding: 100px 15px !important;
}
.field--name-field-liens a{
    font-size: 26px !important;
}
.field--name-field-liens a i{
    display: none;
}
.field--name-field-liens a:after{
    content: '';
    background-image: url('../img/icones/icon_arrow_right_black.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 20px;
}
.field--name-field-liens .col-sm-6:last-of-type{
    padding-left: 50px;
}
.field--name-field-liens .col-sm-6:last-of-type:before{
    content: '';
    background: #979797;
    opacity: 0.2;
    width: 1px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: skewX(-15deg) translateY(-50%);
}


@media(max-width: 1199px){
    .paragraph--type--titre-texte,
    .paragraph--type--temoignage,
    .paragraph--type--episode,
    .paragraph--type--chiffres,
    .paragraph--type--mosaic,
    .paragraph--type--lien-emploi,
    .paragraph-map{
        padding: 40px 0 !important;
    }
    .paragraph--type--titre-texte{
        padding-top: 70px !important;
    }
    .field--item ~ .field--item .paragraph--type--lien-emploi{
        padding-top: 0 !important;
        margin-top: -50px !important;
    }
    .paragraph--type--blocs .paragraph--type--bloc{
        min-height: 630px;
        display: flex;
        justify-content: center;
        padding: 0;
    }
    .paragraph--type--blocs div.col-sm-5{
        padding: 0 15px;
    }
    .paragraph--type--blocs h2{
        font-size: 35px;
    }
    /* mosaic */
    .paragraph--type--mosaic .mosaic-img3{
        margin-left: -150px !important;
    }
    /* liens */
    .field--name-field-liens a{
        font-size: 18px !important;
    }
    .field--name-field-liens a:after{
        width: 20px;
        height: 20px;
    }
}
@media(max-width: 991px){
    .paragraph--type--titre-texte,
    .paragraph--type--temoignage,
    .paragraph--type--episode,
    .paragraph--type--chiffres,
    .paragraph--type--mosaic,
    .paragraph--type--lien-emploi,
    .paragraph-map{
        padding: 40px 0 !important;
    }
    .paragraph--type--titre-texte{
        padding-top: 70px !important;
    }
    .field--item ~ .field--item .paragraph--type--lien-emploi{
        padding-top: 0 !important;
        margin-top: -40px !important;
    }
    .paragraph--type--lien-emploi div[class*="col-sm"]{
        left: 0;
        width: 100%;
    }
    .paragraph--type--titre-texte div[class*="col-sm"]{
        width: 100%;
    }
    .paragraph--type--titre-texte.paragraph--view-mode--titre-dessus div[class*="col-sm"] h2,
    .paragraph--type--mosaic .col-sm-6 h2{
        font-size: 35px;
        line-height: 1.3
    }
    .paragraph--type--blocs .owl-carousel .owl-nav{
        left: 50%;
    }
    /* paragraphe image/texte */
    .paragraph--type--image-texte img{
        width: auto;
        margin: 0 auto;
    }
    /* mosaic */
    .paragraph--type--mosaic .col-sm-2{
        width: 5%;
    }
    .paragraph--type--mosaic .col-sm-6{
        width: 60%;
        padding: 60px 0 0 30px !important;
    }
    .paragraph--type--mosaic .col-sm-6 h2{
        margin: 15px 0 30px;
    }
    .paragraph--type--mosaic .mosaic-img3{
        margin-left: -30px !important;
    }
    /* témoignages */
    .paragraph--type--temoignages blockquote{
        font-size: 30px !important;
    }
    .paragraph--type--temoignages blockquote:after{
        margin-top: -80px;
    }
    .paragraph--type--temoignages .col-sm-2{
        transform: none !important;
        top: 100% !important;
    }
}
@media(max-width: 767px){
    .paragraph--type--titre-texte,
    .paragraph--type--episode,
    .paragraph--type--lien-emploi,
    .paragraph-map{
        padding: 30px 15px !important;
    }
    .paragraph--type--titre-texte{
        padding-top: 60px !important;
    }
    .field--item ~ .field--item .paragraph--type--lien-emploi{
        padding-top: 0 !important;
        margin-top: -30px !important;
    }
    .paragraph--type--mosaic{
        padding: 35px 15px !important;
    }
    .paragraph--type--mosaic img{
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 15px 0;
    }
    .paragraph--type--temoignage{
        padding: 30px 15px !important;
    }

    /* Titre + texte */
    .paragraph--type--titre-texte div[class*="col-sm"] h2{
        font-size: 26px;
    }
    .paragraph--type--titre-texte.paragraph--view-mode--titre-dessus div[class*="col-sm"] h2,
    .paragraph--type--mosaic .col-sm-6 h2{
        font-size: 26px;
    }
    /**/
    /* Slider - content */
    .paragraph--type--blocs:before{
        display: none;
    }
    .paragraph--type--blocs .owl-stage{
        display: flex;
        align-items: stretch;
    }
    .paragraph--type--blocs .owl-stage .owl-item{
        margin-left: 2px;
    }
    .paragraph--type--blocs .owl-stage .owl-item > div,
    .paragraph--type--blocs .owl-stage .owl-item > div > div{
        height: 100%;
    }
    .paragraph--type--blocs .paragraph--type--bloc{
        height: auto;
        min-height: inherit;
        display: block;
    }
    .paragraph--type--blocs .paragraph--type--bloc .container{
        padding: 0 15px;
    }
    .paragraph--type--blocs .paragraph--type--bloc .container > .row{
        width: auto;
    }
    .paragraph--type--blocs .background,
    .paragraph--type--temoignages .background{
        width: 100% !important;
        position: static !important;
        transform: none !important;
        height: 250px !important;
    }
    .paragraph--type--blocs .background-wrapper,
    .paragraph--type--temoignages .background-wrapper{
        width: 100% !important;
        position: static !important;
        transform: none !important;
    }
    .paragraph--type--blocs div[class*="col-sm"]:not(:empty){
        padding: 30px;
        position: static;
        transform: none;
    }
    .paragraph--type--blocs .col-sm-7{
        position: absolute !important;
        top: 0 !important;
        left: 0;
        padding: 0 !important;
        width: 100%;
        height: 250px;
        overflow: hidden;
    }
    .paragraph--type--blocs .col-sm-7 .video-thumbnail:before{
        z-index: 1;
    }
    article.partenaire.liste .subtitle,
    .paragraph p.subtitle{
        font-size: 20px !important;
        line-height: 1.2;
        margin-bottom: 20px;
        /*padding-right: 60px;*/
    }
    .paragraph--type--blocs h2{
        font-size: 26px;
    }
    .paragraph--type--blocs .owl-carousel .owl-nav{
        top: 285px;
        right: 10px !important;
        left: inherit;
        bottom: inherit;
    }
    /**/
    /* Chiffres clés */
    .field--name-field-chiffres .field--item + .field--item{
        padding-top: 50px;
    }
    /**/
    /* Mosaic */
    .paragraph--type--mosaic .nopadding > div{
        padding: 0 15px !important;
    }
    .paragraph--type--mosaic .eqh.col-sm-4 picture{
        position: static !important;
    }
    .paragraph--type--mosaic .col-sm-6{
        width: 100% !important;
        padding: 15px !important;
    }
    .paragraph--type--mosaic p.subtitle{
        padding-right: 0;
    }
    .paragraph--type--mosaic a.btn{
        margin: 30px 0;
    }
    .paragraph--type--mosaic .mosaic-img2,
    .paragraph--type--mosaic .mosaic-img3{
        width: 100% !important;
        margin: 0 !important;
    }
    .paragraph--type--mosaic .mosaic-img3 img,
    .paragraph--type--mosaic .nopadding > .col-sm-9 img{
        max-width: 100%;
    }
    /* temoignages */
    .paragraph--type--temoignages .container{
        display: block;
    }
    .paragraph--type--temoignages div[class*="col-sm"]{
        position: static;
        transform: none;
    }
    .paragraph--type--temoignages blockquote{
        font-size: 26px !important;
        padding: 0;
        margin-top: 30px;
    }
    .paragraph--type--temoignages blockquote:before,
    .paragraph--type--temoignages blockquote:after{
        font-size: 70px;
        margin-top: 15px;
        margin-bottom: -15px;
    }
    .paragraph--type--temoignages blockquote:after{
        margin-top: -90px !important;
    }
    .paragraph--type--temoignages blockquote footer{
        margin-top: 30px !important;
    }
    .paragraph--type--temoignage.paragraph--view-mode--image-droite .container{
        padding: 0 15px !important;
    }
    .paragraph--type--temoignage.paragraph--view-mode--image-droite .background{
        margin: 0 15px;
        width: calc(100% - 30px) !important;
    }
    .paragraph--type--temoignage.paragraph--view-mode--image-droite p{
        padding: 0 !important;
    }
    .paragraph--type--temoignage.paragraph--view-mode--image-droite span.label{
        position: static !important;
        margin: 20px 0;
        display: inline-block;
    }
    /* liens */
    .field--name-field-liens{
        padding: 50px 30px !important;
    }
    .field--name-field-liens .col-sm-6:last-of-type{
        padding: 50px 15px 0 !important;
    }
    .field--name-field-liens .col-sm-6:last-of-type:before{
        display: none;
    }
    .field--name-field-liens a:after{
        position: absolute;
        margin: 4px 10px;
    }
}
@media(max-width: 415px){
    .paragraph--type--blocs .col-sm-7 *{
        height: 100%;
    }
    .paragraph--type--blocs .col-sm-7 img{
        width: auto !important;
        max-width: inherit;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
    }
}
/**/

/** Listing **/
.region-sidebar-first{
    margin: 30px -15px 0 !important;
}
.region-sidebar-first ~ .col-sm-9:not(.colonned){
    margin: 30px 0;
}
.region-sidebar-first .btn{
    margin: 30px 30px 0 0;
    padding: 12px 5px !important;
    width: auto !important;
}
.region-sidebar-first .btn[title="Candidature spontanée"],
.btn.btn-candidature{
    background: #E54F59 !important;
}
.region-sidebar-first #btn-back{
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
.region-sidebar-first #btn-back i{
    display: none;
}
.region-sidebar-first #btn-back:before{
    content: '';
    background: url('../img/icones/icon_arrow_left_white.svg');
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
}
.region-sidebar-first #btn-back:hover,
.region-sidebar-first #btn-back:focus{
    background: #58b0a1;
}
#block-facetsblock .facet-block{
    position: relative;
}
#block-facetsblock .facet-block + .facet-block:before{
    content: '';
    background: #eceaea;
    height: 1px;
    width: calc(100% - 40px);
    left: 20px;
    top: -15px;
    position: absolute;
}
.facets-widget-checkbox,
.facets-widget-links{
    border: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.facets-widget-checkbox a.btn,
.facets-widget-links a.btn{
    margin: 0;
    padding: 0 !important;
    text-align: left !important;
    background: transparent !important;
    border-radius: none !important;
    width: 100% !important;
    box-shadow: none !important;
}
.facets-widget-checkbox a.btn h3:after,
.facets-widget-links a.btn h3:after{
    content: '';
    background-image: url('../img/icones/icon_chevron_down_black.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -5px;
    transition: transform 0.3s ease 0s;
    -webkit-transition: transform 0.3s ease 0s;
}
.facets-widget-checkbox a.btn[aria-expanded="true"] h3:after,
.facets-widget-links a.btn[aria-expanded="true"] h3:after{
    transform: rotate(180deg);
}
.facets-widget-checkbox a.btn h3,
.facets-widget-links a.btn h3, .container-folders h3{
    margin: 0 0 0 20px;
    padding: 20px 52px 20px 20px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.facets-widget-links ul{
    margin: 0 25px 0 30px !important;
}
.facets-widget-checkbox ul{
    margin: 0 25px 0 0 !important;
}
.facets-widget-checkbox h3,
.facets-widget-links h3{
    font-weight: 700 !important;
    margin-left: 20px !important;
    font-size: 14px !important;
}
.facets-widget-checkbox ul li{
    position: relative;
    margin-bottom: 3px !important;
}
.facets-widget-links ul li input,
.facets-widget-checkbox ul li input{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width: 18px;
    height: 18px;
    background: url('../img/icones/icon_checkbox.svg') !important;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
    position: absolute;
    margin: 0 !important;
    top: 13px;
    left: 20px;
    cursor: pointer;
}
.facets-widget-links ul li input:checked,
.facets-widget-checkbox ul li input:checked{
    background: url('../img/icones/icon_checkbox_checked.svg') !important;
}
.facets-widget-checkbox label,
.facets-widget-links label{
    width: calc(100% - 15px);
    cursor: pointer;
    padding: 12px 10px 12px 52px;
    display: inline-block !important;
    line-height: 1.1;
    margin: 0;
    border-radius: 25px;
    background: rgba(0,0,0,0);
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
.facets-widget-checkbox ul li:hover > label{
    background: rgba(0,0,0,0.03);
}
.facets-widget-checkbox label span,
.facets-widget-links label span{
    font-size: 14px;
    color: #3b3b3b;
    font-weight: 500;
}
.facets-widget-checkbox ul li ul li span.facet-item__count{
    color: #aaa;
}
.facets-widget-links li a{
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
.facets-widget-links li a:hover,
.facets-widget-links li a:focus{
    background: #d5d8db;
}
.facets-widget-links li a span.js-facet-deactivate{
    display: inline-block;
    text-indent: -9999px;
    width: 10px;
    height: 20px;
    background-image: url('../img/icones/close-black.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
    margin-right: 6px;
}

.path-taxonomy aside.col-sm-3.col-xs-12{
    border-right: 1px solid #ddd;
    margin-right: -1px;
}
.colonned div[class*="js-view-dom"] > .col-sm-12{
    padding: 30px 15px 0 45px;
}
.colonned div[class*="js-view-dom"] > .col-sm-12 > .row > header{
    margin: 0 10px;
}
.colonned div[class*="js-view-dom"] > .col-sm-12 > .row > article{
    padding: 0 10px;
}
.colonned .field--name-description h2{
    font-weight: 700 !important;
    font-size: 32px !important;
}
.colonned .field--name-description p{
    color: #3a3a3a;
    font-weight: 500;
    font-size: 14px;
    line-height: 2;
}
.colonned .field--name-description li{
    font-size: 14px;
    color: #3a3a3a;
    font-weight: 500;
    line-height: 1.5;
    padding-bottom: 5px;
}
.colonned a.btn-link{
    margin: 0 0 50px !important;
    padding: 0 !important;
    background: transparent;
    border-radius: 0 !important;
    color: #002f3c;
    font-size: 16px;
    text-decoration: none;
    border: none;
}
.colonned a.btn-link i{
    display: none;
}
.colonned a.btn-link:after{
    content: '';
    background-image: url('../img/icones/icon_arrow_right_black.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 15px;
    opacity: 0.3;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
}
.colonned a.btn-link:hover:after,
.colonned a.btn-link:focus:after{
    opacity: 1;
}
.colonned .resultats{
    padding: 30px 0 !important;
    font-weight: 700 !important;
}
#more > div{
    border: 1px solid rgb(231, 231, 231);
    margin: 0 0 30px 0;
    padding: 30px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
}
#more h3{
    font-size: 18px;
    margin-top: 30px;
}
#more h3:first-of-type{
    margin-top: 0;
}
#more p{
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 2;
    color: #6b6b6b;
}
@media(max-width: 1199px){
    .colonned div[class*="js-view-dom"] > .col-sm-12{
        padding: 30px 15px 0 30px;
    }
    .facets-widget-links ul{
        margin: 0 10px 0 30px !important;
    }
    .facets-widget-checkbox ul{
        margin: 0 10px 0 0 !important;
    }
    .colonned article.teaser.news .card-image{
        height: 120px;
    }
}
@media(max-width: 991px){
    .facets-widget-checkbox,
    .facets-widget-links{
        margin-bottom: 0 !important;
    }
    #block-facetsblock .facet-block + .facet-block:before{
        top: 0;
    }
    .facets-widget-checkbox h3,
    .facets-widget-links h3{
        margin: 10px !important;
    }
    .facets-widget-links ul li,
    .facets-widget-checkbox ul li{
        background: transparent !important;
    }
    .facets-widget-links ul li input,
    .facets-widget-checkbox ul li input{
        left: 10px;
        top: 9px;
    }
    .facets-widget-checkbox label,
    .facets-widget-links label{
        padding: 8px 5px 8px 38px;
        line-height: 1;
    }
    .facets-widget-checkbox label span,
    .facets-widget-links label span{
        font-size: 13px;
    }
    .facets-widget-checkbox ul li .facets-widget-{
        padding-left: 8px;
    }
    .facets-widget-checkbox ul li .facets-widget- ul li label{
        padding: 5px 0 5px 40px;
    }
    #facet-region > ul > li{
        margin-bottom: 15px !important;
    }
    .colonned div[class*="js-view-dom"] > .col-sm-12{
        padding: 30px 15px;
    }
    .at-style-responsive .at-share-btn{
        padding: 5px 0 !important;
    }
}
@media(max-width: 991px) and (min-width: 768px){
    .colonned div[class*="js-view-dom"] .col-sm-4{
        width: 50%;
    }
}
@media(max-width: 767px){
    .colonned{
        border-left: 0 !important;
    }
    .path-taxonomy aside.col-sm-3.col-xs-12{
        border-right: none;
        margin-right: 0;
    }
    .region-sidebar-first {
        margin: 0 !important;
    }
    .region-sidebar-first ~ .col-sm-9:not(.colonned){
        margin: 30px 15px;
    }
    .colonned article.teaser.news .card-image{
        height: auto;
    }
    .colonned article.teaser.news .card-image .field--name-field-image{
        position: static;
        transform: none;
    }
    .region-sidebar-first .btn{
        margin: 30px 0 0 0 !important;
    }
    .colonned .resultats{
        padding: 15px 0 !important;
        font-size: 16px;
    }
    .facet-block:last-of-type .facets-widget-checkbox,
    .facet-block:last-of-type .facets-widget-links{
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .facets-widget-links ul li:last-child{
        margin-bottom: 0;
    }
    .facets-widget-checkbox a.btn,
    .facets-widget-links a.btn{
        margin-top: 0 !important;
    }
    .facets-widget-checkbox a.btn h3,
    .facets-widget-links a.btn h3{
        padding: 12px 30px 12px 20px;
        font-size: 16px !important;
    }
    .facets-widget-checkbox a.btn h3:after,
    .facets-widget-links a.btn h3:after{
        right: 10px;
    }
    .facets-widget-checkbox label,
    .facets-widget-links label{
        text-align: left;
    }
    .facets-widget-checkbox ul li:hover > label{
        background: transparent !important;
    }
    #block-facetsblock .facet-block + .facet-block:before{
        width: calc(100% - 20px);
        left: 10px;
    }
    a.btn-filters{
        border-radius: 100% !important;
        width: 80px;
        height: 80px;
        padding-top: 18px !important;
    }
}
/**/

/* Contact */
#block-adresseimplidaudit address,
#block-adresseimplid address{
    font-size: 17px;
    line-height: 1.8;
    font-weight: 500;
}
#block-adresseimplidaudit p a,
#block-adresseimplid p a{
    font-weight: 600;
    color: black;
    text-decoration: none;
    font-size: 20px;
}
.webform{
    padding: 30px;
}
.webform-submission-form .form-item{
    position: relative;
    margin-bottom: 30px;
}
.webform-submission-form .form-item.form-type-radio{
    margin-bottom: 0px;
}
.webform-submission-form .form-item label{
    color: black;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    left: 12px;
    margin-bottom: 10px;
}
.webform-submission-form .form-item.form-type-textfield label,
.webform-submission-form .form-item.form-type-tel label,
.webform-submission-form .form-item.form-type-email label{
    position: absolute;
    top: -8px;
    transition: color 0.3s ease 0s, top 0.3s ease 0s, font-size 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s, top 0.3s ease 0s, font-size 0.3s ease 0s;
}
.webform-submission-form .form-item.in-focus label{
    color: #a6a6a6;
    font-size: 11px;
    top: -8px !important;
}
.webform-submission-form .form-item.form-type-textfield input,
.webform-submission-form .form-item.form-type-tel input,
.webform-submission-form .form-item.form-type-email input,
.webform-submission-form .form-item select{
    border: none;
    border-bottom: 1px solid #a39f9f;
    border-radius: 0;
    box-shadow: none;
    padding: 12px;
    color: #002f3c;
    font-size: 14px;
    height: 50px;
    font-weight: 600;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: border 0.3s ease 0s;
    -webkit-transition: border 0.3s ease 0s;
}
.webform-submission-form .form-item.in-focus input,
.webform-submission-form .form-item input:focus{
    border-bottom: 2px solid #002f3c;
}
.webform-submission-form .form-item.form-item-objet .select-wrapper{
    margin: 20px 20px 20px 40px;
    width: calc(100% - 180px);
}

.webform-submission-form .form-item.form-item-typologie-entreprise .select-wrapper {
  margin-left: 4px;
}

.webform-submission-form .form-item.form-item-objet .select-wrapper select,
.webform-submission-form .form-item.form-item-typologie-entreprise .select-wrapper select{
    border-bottom: 1px solid #a39f9f;
    width: 100%;
    max-width: inherit;
    color: black;
    position: relative;
    top: -5px;
}
.webform-submission-form .form-item.form-item-objet label,
.webform-submission-form .form-item.form-item-typologie-entreprise label{
    display: block;
    margin: 0;
    top: -8px;
}
.webform-submission-form .form-item .select-wrapper{
    width: auto;
    margin-left: 30px;
}
.webform-submission-form .form-item .select-wrapper:after{
    display: none;
}
.webform-submission-form .form-item select{
    height: auto;
    border: none;
    padding: 10px 0;
    font-weight: 500;
    background-image: url('../img/icones/icon_chevron_down_black.svg');
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: calc(100% - 12px) center;
    cursor: pointer;
}
.webform-submission-form .form-item textarea{
    border: 1px solid #a39f9f;
    border-radius: 0;
    box-shadow: none;
    padding: 12px;
    color: #002f3c;
    font-size: 14px;
    font-weight: 600;
}
.webform-submission-form .mentions{
    margin: 0;
}
.webform-submission-form .mentions input{
    height: auto;
}
.webform-submission-form .mentions .form-item-markup,
.webform-submission-form .mentions .form-type-processed-text,
#edit-mentions-captcha,
#edit-mentions {
    color: #696969;
    font-size: 10px;
    line-height: 2.2;
}
.webform-submission-form .mentions .form-item-markup a,
.webform-submission-form .mentions .form-type-processed-text a,
#edit-mentions-captcha a,
#edit-mentions a{
    color: #696969;
    text-decoration: underline;
}
.webform-submission-form .form-actions button{
    background: #ee7623;
    padding: 10px 80px !important;
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
.webform-submission-form .form-actions button:hover,
.webform-submission-form .form-actions button:focus{
    background: #ee6523;
}
.webform-submission-form .form-item.form-type-managed-file label{
    position: static !important;
    margin: 0;
}
.webform-submission-form .form-item.form-type-managed-file input{
    height: auto;
}
.webform-submission-form .form-item.form-type-managed-file .webform-element-description a{
    color: #2d2748;
}

.webform-submission-form.webform-submission-exercice-des-droits-form .form-item input {
    max-width: none;
}
.webform-submission-form.webform-submission-exercice-des-droits-form .form-managed-file,
.webform-submission-form.webform-submission-exercice-des-droits-form .form-item.form-type-webform-document-file label,
.webform-submission-form.webform-submission-exercice-des-droits-form .form-item.form-type-textarea label {
    position: relative !important;
    top: initial !important;
    left: initial !important;
}
.webform-submission-form.webform-submission-exercice-des-droits-form .form-composite legend {
    font-weight: normal;
}
.webform-submission-form.webform-submission-exercice-des-droits-form .form-item.form-type-radio label {
    color: #777777;
    font-size: 12px;
}
.webform-submission-form.webform-submission-exercice-des-droits-form .form-item.form-type-webform-document-file .webform-document-file,
.webform-submission-form.webform-submission-exercice-des-droits-form .form-item.form-type-webform-document-file .description{
    display: inline-block;
}
.webform-section .webform-section-title  {
    margin-top: 0;
}
.webform-section-wrapper {
    padding : 0 20px;
    margin-bottom: 60px;
}
@media(max-width: 767px){
    #block-adresseimplid{
        margin: 30px 15px 0;
    }
    .webform{
        padding: 0 15px;
    }
    .webform-submission-form .form-item input,
    .webform-submission-form .form-item select{
        max-width: inherit;
    }
    .webform-submission-form .form-item.form-item-objet{
        position: static;
        margin: 0;
    }
    .webform-submission-form .form-item.form-item-objet label{
        display: block;
        width: 100%;
    }
    .webform-submission-form .form-item .select-wrapper{
        display: block;
        width: 100% !important;
        margin:0 !important;
    }
    .webform-submission-form .form-item select{
        height: 50px;
        padding: 12px;
        margin: 10px 0 20px 0;
        border-bottom: 1px solid #a39f9f;
    }
    .webform-submission-form .mentions .webform-flex:first-child{
        display: inline-block;
        vertical-align: top;
    }
    .webform-submission-form .mentions .form-type-checkbox{
        margin-top: 0;
    }
    .webform-submission-form .mentions > .webform-flex:last-of-type{
        width: calc(100% - 70px);
        display: inline-block;
        vertical-align: top;
    }
    .webform-submission-form .form-actions button{
        margin: 10px 0 30px 0;
    }
}
/**/

/* Map */
.paragraph-map h2{
    font-weight: 700;
    font-size: 32px;
}
.ampopup-content{
    background-color: white !important;
    border-radius: 3px;
    padding: 18px 35px 18px 18px !important;
    overflow: visible !important;
}
.ampopup-content:before{
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 53.5%;
    transform: translateX(-50%);
}
.ampopup-content .ampopup-close{
    background: url('../img/icones/close-black.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    top: 16px;
    right: 16px;
}
.ampopup-content .ampopup-title,
.ampopup-content .address{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4 !important;
}
.ampopup-content .field--name-field-place-phone{
    font-size: 14px;
    font-weight: 600;
}
#map image.amcharts-Image{
    transform: translateX(-25px) translateY(-25px) !important;
    transition: transform 0.3s ease 0s;
    -webkit-transition: transform 0.3s ease 0s;
}
#map image.amcharts-Image:hover{
    transform: translateX(-25px) translateY(-35px) !important;
}
#map > div{
    overflow: visible !important;
}
@media(max-width: 991px){
    .paragraph-map div[class*="col-sm"]{
        width: 100%;
    }
    #map{
        height: 450px !important;
    }
}
@media(max-width: 767px){
    #map{
        height: 300px !important;
    }
    .ampopup-content .ampopup-title,
    .ampopup-content .address,
    .ampopup-content .field--name-field-place-phone {
        font-size: 12px;
    }
    .ampopup-content {
        width: 230px !important;
        max-width: 230px !important;
    }
}
/**/

/* Pagination */
.pager-nav{
    clear: both;
}
.pager-nav ul{
    margin: 40px 0 60px;
}
.pager-nav .pager__item--first {
    display: none;
}
.pager-nav a, .pagerer-pager-adaptive a{
    border-radius: 100% !important;
    width: 40px;
    height: 40px;
    border: 1px solid #ee7623 !important;
    background: transparent !important;
    color: #ee7623 !important;
    font-weight: 600;
    padding: 9px 0 !important;
    margin: 0 10px !important;
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
.pager-nav a:hover,
.pager-nav a:focus, .pagerer-pager-adaptive a:hover, .pagerer-pager-adaptive a:focus{
    background: #fefefe !important;
}
.pager-nav .active a{
    background: #ee7623 !important;
    color: white !important;
}
@media(max-width: 767px){
    .pager-nav li, .pagerer-pager-adaptive li {
        display: inline-block;
    }
    .pager-nav a, .pagerer-pager-adaptive a {
        margin: 10px 10px 0 !important;
    }
}
/**/

/**  Actualités/Partenaire/Event/Dossier/Livre blanc/Temoignage/Article  **/
.news.full,
.event.full,
.partenaire.full,
.dossier.full,
.whitebook.full,
.testimonial.full,
.article.full{
    /*margin-top: 30px;*/
    margin-bottom: 30px;
}
.news.full > .row > div[class*="col-sm"],
.event.full > .row > div[class*="col-sm"],
.partenaire.full > .row > div[class*="col-sm"],
.dossier.full > .row > div[class*="col-sm"],
.whitebook.full > .row > div[class*="col-sm"],
.testimonial.full > .row > div[class*="col-sm"],
.article.full > .row > div[class*="col-sm"]{
    margin-top: 50px;
}
.news.full a.btn-secondary,
.event.full a.btn-secondary,
.partenaire.full a.btn-secondary,
.dossier.full a.btn-secondary,
.whitebook.full a.btn-secondary,
.testimonial.full a.btn-secondary,
.article.full a.btn-secondary{
    font-size: 14px;
    font-weight: 500;
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
.news.full a.btn-secondary:before,
.event.full a.btn-secondary:before,
.partenaire.full a.btn-secondary:before,
.dossier.full a.btn-secondary:before,
.whitebook.full a.btn-secondary:before,
.testimonial.full a.btn-secondary:before,
.article.full a.btn-secondary:before{
    content: '';
    background: url('../img/icones/icon_arrow_left_white.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
}
.news.full a.btn-secondary i,
.event.full a.btn-secondary i,
.partenaire.full a.btn-secondary i,
.dossier.full a.btn-secondary i,
.whitebook.full a.btn-secondary i,
.testimonial.full a.btn-secondary i,
.article.full a.btn-secondary i{
    display: none;
}
.news.full a.btn-secondary:hover,
.news.full a.btn-secondary:focus,
.event.full a.btn-secondary:hover,
.event.full a.btn-secondary:focus,
.partenaire.full a.btn-secondary:hover,
.partenaire.full a.btn-secondary:focus,
.dossier.full a.btn-secondary:hover,
.dossier.full a.btn-secondary:focus,
.whitebook.full a.btn-secondary:hover,
.whitebook.full a.btn-secondary:focus,
.testimonial.full a.btn-secondary:hover,
.testimonial.full a.btn-secondary:focus,
.article.full a.btn-secondary:hover,
.article.full a.btn-secondary:focus{
    background: #132744;
}
.whitebook-wrapper{
    margin: 30px 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #f5f5f5;
}
.whitebook-wrapper h2{
    margin: 0 0 15px;
}
.whitebook-wrapper h2 a{
    color: black;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
}
.whitebook-wrapper .field--name-body{
    margin-bottom: 20px;
}
.whitebook-wrapper .field--name-body p{
    color: black;
    font-size: 12px;
    line-height: 2;
    padding-right: 30px;
}
.whitebook-wrapper p a{
    color: #002f3c;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}
.news.full .date,
.event.full .date,
.partenaire.full .date,
.dossier.full .date,
.whitebook.full .date,
.testimonial.full .date,
.article.full .date{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 30px;
}
.full.article .paragraph--type--texte a,
.full.article .field--name-body a,
.full.event .paragraph--type--texte a,
.full.event .field--name-body a,
.full.news .paragraph--type--texte a,
.full.news .field--name-body a,
.full.partenaire .paragraph--type--texte a,
.full.partenaire .field--name-body a,
.full.dossier .paragraph--type--texte a,
.full.dossier .field--name-body a,
.full.whitebook .paragraph--type--texte a,
.full.whitebook .field--name-body a,
.full.testimonial .paragraph--type--texte a,
.full.testimonial .field--name-body a{
    color: #ee7623;
    font-size: 16px;
    text-decoration: underline;
}
.full.article .paragraph--type--texte a.file,
.full.article .field--name-body a.file,
.full.event .paragraph--type--texte a.file,
.full.event .field--name-body a.file,
.full.news .paragraph--type--texte a.file,
.full.news .field--name-body a.file,
.full.partenaire .paragraph--type--texte a.file,
.full.partenaire .field--name-body a.file,
.full.dossier .paragraph--type--texte a.file,
.full.dossier .field--name-body a.file,
.full.whitebook .paragraph--type--texte a.file,
.full.whitebook .field--name-body a.file,
.full.testimonial .paragraph--type--texte a.file,
.full.testimonial .field--name-body a.file{
    display: inline;
}
.full.article .paragraph--type--texte.colored *,
.full.event .paragraph--type--texte.colored *,
.full.news .paragraph--type--texte.colored *,
.full.partenaire .paragraph--type--texte.colored *,
.full.dossier .paragraph--type--texte.colored *,
.full.whitebook .paragraph--type--texte.colored *,
.full.testimonial .paragraph--type--texte.colored *{
    color: white;
}
.full.dossier .paragraph--type--texte.colored,
.full.whitebook .paragraph--type--texte.colored,
.full.testimonial .paragraph--type--texte.colored,
.full.article .paragraph--type--texte.colored{
    border-radius: 5px;
    padding: 40px 60px;
}
.full.article .paragraph--type--texte.colored p,
.full.article .paragraph--type--texte.colored a,
.full.article .paragraph--type--texte.colored li,
.full.event .paragraph--type--texte.colored p,
.full.event .paragraph--type--texte.colored a,
.full.event .paragraph--type--texte.colored li,
.full.news .paragraph--type--texte.colored p,
.full.news .paragraph--type--texte.colored a,
.full.news .paragraph--type--texte.colored li,
.full.partenaire .paragraph--type--texte.colored p,
.full.partenaire .paragraph--type--texte.colored a,
.full.partenaire .paragraph--type--texte.colored li,
.full.dossier .paragraph--type--texte.colored p,
.full.dossier .paragraph--type--texte.colored a,
.full.dossier .paragraph--type--texte.colored li,
.full.whitebook .paragraph--type--texte.colored p,
.full.whitebook .paragraph--type--texte.colored a,
.full.whitebook .paragraph--type--texte.colored li,
.full.testimonial .paragraph--type--texte.colored p,
.full.testimonial .paragraph--type--texte.colored a,
.full.testimonial .paragraph--type--texte.colored li{
    font-size: 18px !important;
}
.full.article .paragraph--type--texte.colored .field--name-field-texte:last-of-type,
.full.event .paragraph--type--texte.colored .field--name-field-texte:last-of-type,
.full.news .paragraph--type--texte.colored .field--name-field-texte:last-of-type,
.full.partenaire .paragraph--type--texte.colored .field--name-field-texte:last-of-type,
.full.dossier .paragraph--type--texte.colored .field--name-field-texte:last-of-type,
.full.whitebook .paragraph--type--texte.colored .field--name-field-texte:last-of-type,
.full.testimonial .paragraph--type--texte.colored .field--name-field-texte:last-of-type{
    margin-bottom: 0;
}
.full.article .field--name-field-soustitre,
.full.event .field--name-field-soustitre,
.full.news .field--name-field-soustitre,
.full.partenaire .field--name-field-soustitre,
.full.dossier .field--name-field-soustitre,
.full.whitebook .field--name-field-soustitre,
.full.testimonial .field--name-field-soustitre{
    color: #002f3c;
    font-size: 25px;
    line-height: 1.3;
    font-weight: bold;
    margin: 30px 0;
}
.news.full .field--name-field-paragraphes h2,
.event.full .field--name-field-paragraphes h2 ,
.partenaire.full .field--name-field-paragraphes h2,
.dossier.full .field--name-field-paragraphes h2,
.whitebook.full .field--name-field-paragraphes h2,
.testimonial.full .field--name-field-paragraphes h2,
.article.full .field--name-field-paragraphes h2,
.job.full .field--name-field-paragraphes h2{
    font-size: 45px;
    line-height: 1.2;
    margin: 0 0 30px;
}
.news.full .col-sm-9 h2,
.event.full .col-sm-9 h2,
.partenaire.full .col-sm-9 h2,
.dossier.full .col-sm-9 h2,
.whitebook.full .col-sm-9 h2,
.testimonial.full .col-sm-9 h2,
.article.full .col-sm-9 h2{
    margin-top: 50px;
}
.news.full .col-sm-9 h3,
.event.full .col-sm-9 h3,
.partenaire.full .col-sm-9 h3,
.dossier.full .col-sm-9 h3,
.whitebook.full .col-sm-9 h3,
.testimonial.full .col-sm-9 h3,
.article.full .col-sm-9 h3{
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 1.5;
}
.news.full .paragraph--type--texte.colored a,
.event.full .paragraph--type--texte.colored a,
.partenaire.full .paragraph--type--texte.colored a,
.dossier.full .paragraph--type--texte.colored a,
.whitebook.full .paragraph--type--texte.colored a,
.testimonial.full .paragraph--type--texte.colored a,
.article.full .paragraph--type--texte.colored a{
    font-weight: 700 !important;
}
.page-node-type-testimonial .header{
    height: auto !important;
    padding: 140px 0 50px;
}
.testimonial .container > .row > h2{
    margin: 30px 0;
}
@media(max-width: 1199px){
    .news.full a.btn-secondary,
    .event.full a.btn-secondary,
    .partenaire.full a.btn-secondary,
    .dossier.full a.btn-secondary,
    .whitebook.full a.btn-secondary,
    .testimonial.full a.btn-secondary,
    .article.full a.btn-secondary{
        padding: 12px 35px !important;
    }
}
@media(max-width: 991px) and (min-width: 768px){
    .news.full a.btn-secondary,
    .event.full a.btn-secondary,
    .partenaire.full a.btn-secondary,
    .dossier.full a.btn-secondary,
    .whitebook.full a.btn-secondary,
    .testimonial.full a.btn-secondary,
    .article.full a.btn-secondary{
        padding: 12px 17px !important;
        font-size: 13px;
    }
    .news.full a.btn-secondary:before,
    .event.full a.btn-secondary:before,
    .partenaire.full a.btn-secondary:before,
    .dossier.full a.btn-secondary:before,
    .whitebook.full a.btn-secondary:before,
    .testimonial.full a.btn-secondary:before,
    .article.full a.btn-secondary:before{
        margin: -2px 4px 0 0;
        width: 14px;
        height: 14px;
    }
    .whitebook-wrapper .field--name-body p{
        padding-right: 0;
    }
}
@media(max-width: 767px){
    .news.full,
    .event.full,
    .partenaire.full,
    .dossier.full,
    .whitebook.full,
    .testimonial.full,
    .article.full{
        margin-top: 30px;
        padding: 0 30px;
    }
    .full.article .paragraph--type--texte.colored,
    .full.event .paragraph--type--texte.colored,
    .full.news .paragraph--type--texte.colored,
    .full.partenaire .paragraph--type--texte.colored,
    .full.dossier .paragraph--type--texte.colored,
    .full.whitebook .paragraph--type--texte.colored,
    .full.testimonial .paragraph--type--texte.colored{
        padding: 25px 30px !important;
    }
    .full.article .paragraph--type--texte.colored p,
    .full.article .paragraph--type--texte.colored a,
    .full.article .paragraph--type--texte.colored li,
    .full.event .paragraph--type--texte.colored p,
    .full.event .paragraph--type--texte.colored a,
    .full.event .paragraph--type--texte.colored li,
    .full.news .paragraph--type--texte.colored p,
    .full.news .paragraph--type--texte.colored a,
    .full.news .paragraph--type--texte.colored li,
    .full.partenaire .paragraph--type--texte.colored p,
    .full.partenaire .paragraph--type--texte.colored a,
    .full.partenaire .paragraph--type--texte.colored li,
    .full.dossier .paragraph--type--texte.colored p,
    .full.dossier .paragraph--type--texte.colored a,
    .full.dossier .paragraph--type--texte.colored li,
    .full.whitebook .paragraph--type--texte.colored p,
    .full.whitebook .paragraph--type--texte.colored a,
    .full.whitebook .paragraph--type--texte.colored li,
    .full.testimonial .paragraph--type--texte.colored p,
    .full.testimonial .paragraph--type--texte.colored a,
    .full.testimonial .paragraph--type--texte.colored li{
        font-size: 16px !important;
    }
    .page-node-type-testimonial .header{
        padding: 70px 0 10px;
    }
}
/**/

/* Listing partenaires */
.block-views-blockpartenaires-block-partenaires article.row{
    margin: 0 0 30px;
}
.block-views-blockpartenaires-block-partenaires article h2 a{
    text-decoration: none;
}
.field--name-description p,
.field--name-field-texte p,
.field--name-body p{
    line-height: 2 !important;
}
.field--name-description li,
.field--name-field-texte li,
.field--name-body li{
    font-weight: 500;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 10px;
}
@media(max-width: 767px){
    .block-views-blockpartenaires-block-partenaires{
        padding: 0 15px;
    }
    .block-views-blockpartenaires-block-partenaires article .subtitle{
        margin: 20px 0 10px;
        padding-right: 0 !important;
    }
    .block-views-blockpartenaires-block-partenaires article h2{
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 10px;
    }
}


/** Contenus liés **/
.field--name-field-contenus-lies article{
    width: 100%;
    padding: 0;
}
.field--name-field-contenus-lies .owl-nav{
    top: -76px !important;
}
.field--name-field-contenus-lies .owl-carousel-wrapper .owl-carousel .owl-nav button:hover,
.field--name-field-contenus-lies .owl-carousel-wrapper .owl-carousel .owl-nav button:focus,
.field--name-field-contenus-lies .owl-carousel-wrapper .owl-carousel .owl-nav button{
    width: 24px;
    height: 24px;
    margin: 0 0 0 30px !important;
    background-image: url('../img/icones/icon_chevron_left_black.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: 50% !important;
}
.field--name-field-contenus-lies .owl-carousel-wrapper .owl-carousel .owl-nav button.owl-next:hover,
.field--name-field-contenus-lies .owl-carousel-wrapper .owl-carousel .owl-nav button.owl-next:focus,
.field--name-field-contenus-lies .owl-carousel-wrapper .owl-carousel .owl-nav button.owl-next{
    background-image: url('../img/icones/icon_chevron_right_black.svg') !important;
}
.field--name-field-contenus-lies .owl-nav button span{
    display: none;
}
.field--name-field-contenus-lies .owl-dots{
    margin: 30px 0 !important;
}
.field--name-field-contenus-lies .owl-dots span{
    border: 1px solid #979797;
    background: transparent !important;
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
    border: 1px solid transparent;
    background: #4a4a4a !important;
}
@media(max-width: 1199px) and (min-width: 992px){
    .field--name-field-contenus-lies article .card-text h2 a{
        font-size: 22px !important;
    }
}
@media(max-width: 991px) and (min-width: 768px){
    .field--name-field-contenus-lies article .card-text h2 a{
        font-size: 18px !important;
    }
}
@media(max-width: 767px){
    .field--name-field-paragraphes ~ .container > .row > h2,
    .full ~ .container h2{
        margin-left: 30px;
        padding-right: 100px;
        font-size: 26px;
        line-height: 1.2;
    }
    .field--name-field-paragraphes ~ .container > .row > h2{
        margin-left: 0;
    }
    .field--name-field-paragraphes ~ .container > .row .field--name-field-contenus-lies article{
        padding: 0;
    }
    .field--name-field-contenus-lies article{
        padding: 0 30px;
    }
    .field--name-field-contenus-lies .owl-nav{
        top: -66px !important;
    }
    .field--name-field-contenus-lies .owl-dots{
        margin: 30px !important;
    }
    .field--name-field-contenus-lies .owl-nav{
        margin: 0 20px 0 0 !important;
    }
}
/**/

/**  My Implid  */
article.teaser.application{
    padding: 30px 15px;
}
article.teaser.application .card{
    border-radius: 3px;
    border: 1px solid rgb(227, 227, 227) !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
    transition: box-shadow 0.3s ease 0s;
    -webkit-transition: box-shadow 0.3s ease 0s;
}
article.teaser.application .card:hover,
article.teaser.application .card:focus{
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.09);
}
article.teaser.application .card .card-image{
    padding: 30px 30px 0;
    pointer-events: none;
}
article.teaser.application .card .card-text h2{
    color: #3f3f3f;
    font-size: 22px;
    font-weight: 600 !important;
}
article.teaser.application .card .card-text .field--name-field-texte *{
    color: #3f3f3f;
    font-size: 13px;
    line-height: 2;
}
article.teaser.application .card .card-text .field--name-field-texte a,
article.teaser.application .card .card-text .field--name-field-texte a span,
article.teaser.application .card .card-text .field--name-field-texte a strong{
    color: #ee7623;
    text-decoration: underline;
}
article.teaser.application .card .card-text .field--name-field-texte strong{
    font-weight: 600;
}
article.teaser.application .card .card-text .field--name-field-texte a.file{
    display: initial;
}
article.teaser.application .card .card-text .btn-default{
    border-radius: 32px;
    border: 1px solid rgb(240, 240, 240);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
    background: white;
    color: #606060;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    padding: 12px 20px !important;
}
article.teaser.application .card .card-text .field--type-link{
    text-align: center;
}
article.teaser.application .card .card-text .btn-link{
    background-repeat: no-repeat;
    background-size: 100%;
    width: 115px;
    height: 36px;
    border-radius: 0 !important;
    padding: 0 !important;
    text-indent: -9999px;
    display: inline-block;
    margin: 30px 0 0;
}
article.teaser.application .card .card-text .btn-link.btn-googleplay{background-image: url('../img/icones/google-store.png');}
article.teaser.application .card .card-text .btn-link.btn-appstore{background-image: url('../img/icones/app-store.png');}
article.teaser.application .card .card-text .btn-link.btn-windows{background-image: url('../img/icones/windows-store.png');}

article.teaser.application .field--name-field-lien-bureaux #bureaux{
    border: 1px solid #c5c3c3;
    border-radius: 5px;
    box-shadow: none;
    color: #606060;
    font-size: 14px;
    text-align: left;
    padding-right: 40px !important;
    background-image: url('../img/icones/icon_chevron_down_black.svg');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: calc(100% - 20px) center;
    transition: border 0.3s ease 0s;
    -webkit-transition: border 0.3s ease 0s;
}
article.teaser.application .field--name-field-lien-bureaux #bureaux span{
    display: none;
}
article.teaser.application .field--name-field-lien-bureaux .dropdown .dropdown-menu{
    display: block;
    pointer-events: none;
    opacity: 0;
    width: 100%;
    margin: -1px 0 0 0;
    border: 1px solid #e3e3e3;
    border-radius: 0 0 5px 5px;
    box-shadow: none;
    padding: 0;
    max-height: 140px;
    overflow: auto;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
}
article.teaser.application .field--name-field-lien-bureaux .dropdown .dropdown-menu li:not(:last-child) a{
    border-bottom: 1px solid #e3e3e3;
}
article.teaser.application .field--name-field-lien-bureaux .dropdown .dropdown-menu li a{
    color: #919191;
    font-size: 15px;
    font-weight: 600;
    padding: 20px;
    background: transparent !important;
    transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
article.teaser.application .field--name-field-lien-bureaux .dropdown .dropdown-menu li a:hover,
article.teaser.application .field--name-field-lien-bureaux .dropdown .dropdown-menu li a:focus{
    color: #111;
}
article.teaser.application .field--name-field-lien-bureaux .dropdown:hover .dropdown-menu{
    opacity: 1;
    pointer-events: auto;
}
article.teaser.application .field--name-field-lien-bureaux .dropdown:hover #bureaux{
    border-radius: 5px 5px 0 0;
    border-color: #e3e3e3;
}
@media(max-width: 991px){
    article.teaser.application .card .card-text .field--name-field-lien ~ .row > .col-sm-6{
        width: 100%;
    }
}
@media(max-width: 767px){
    article.teaser.application{
        padding: 15px 15px 0;
        margin: 0 !important;
        position: relative;
    }
    .field--item:nth-of-type(2) > article.teaser.application{
        z-index: 1;
    }
    article.teaser.application .card .card-text .field--name-field-lien ~ .row > .col-sm-6{
        width: 49%;
        display: inline-block;
        vertical-align: middle;
        padding: 0;
    }
}
/**/

/** Episode **/
.paragraph--type--episodes span.position{
    top: 30px !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    pointer-events: none;
}
.paragraph--type--episode{
    font-size: 0;
    padding-top: 0 !important;
}
.paragraph--type--episode .video-thumbnail{
    box-shadow: 22px 42px 60px 0px rgba(0, 0, 0, 0.17);
}
.paragraph--type--episode .video-thumbnail img{
    border-radius: 5px;
}
.paragraph--type--episodes .owl-carousel .owl-stage-outer{
    padding-top: 30px;
}
.owl-counter{
    font-size: 0;
    position: static !important;
    margin: 30px 0 0;
}
.owl-counter li{
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px !important;
}
.owl-counter li + li{
    margin: 0;
}
.owl-counter li + li:before{
    content:'';
    background: #e6e6e6;
    width: 1px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}
.owl-counter li a{
    padding: 6px 20px;
}
.owl-counter li a:after{
    display: none !important;
}
@media(max-width: 991px){
    .counter-episodes,
    .paragraph--type--episode .container{
        width: 100%;
        padding: 0 30px;
    }
    .paragraph--type--episode .video-thumbnail{
        box-shadow: none;
    }
    .paragraph--type--episode .container > .row {
        display: flex;
        flex-direction: column;
    }
    .paragraph--type--episode .container > .row > .col-sm-5{
        order: 2;
        width: 100%;
        margin-top: 10%;
    }
    .paragraph--type--episode .container > .row > .col-sm-7{
        order: 1;
        width: 100%;
    }
    .paragraph--type--episodes span.position{
        left: 50px;
        top: 20px !important;
        font-size: 22px !important;
    }
}
@media(max-width: 767px){
    .counter-episodes,
    .paragraph--type--episode .container{
        padding: 0 15px;
    }
    .paragraph.paragraph--type--episode p.subtitle{
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }
    .paragraph.paragraph--type--episode h2{
        font-size: 26px;
        line-height: 1.3;
        margin: 20px 0;
    }
    .owl-counter li a{
        padding: 6px 15px;
    }
}
/**/

/** Modification grille - page Filtres + résultats **/
@media(min-width: 1200px){
    .path-taxonomy .container{
        width: 100%;
        max-width: 1170px;
    }
}
/**/

/** Page résultats de recherche **/
.resultats span{
    float: left;
    color: #000;
    font-weight: 500;
    font-size: 20px;
    font-style: italic;
}
.search-result{
    margin: 0 15px 30px;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #dddddd;
}
.search-result:last-of-type{
    border-bottom: none;
}
.search-result .breadcrumb{
    margin: 0 0 10px !important;
}
.search-result .breadcrumb li a,
.search-result .breadcrumb li{
    color: #adadad !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.search-result .breadcrumb li + li:before{
    color: #adadad !important;
}
.list-folder .card-image {
    height: 196px !important;
    width: 196px;
}
.list-folder .card-image, .list-folder .card-text {
    float: left;
}
.path-taxonomy .list-folder .col-sm-12 article.teaser .card-text, .page-node-type-page .list-folder .col-sm-12 article.teaser .card-text  {
    width: calc(100% - 196px);
    padding-bottom: 0 !important;
}
.path-taxonomy .list-folder .col-sm-12 article.teaser h2 a, .page-node-type-page .list-folder .col-sm-12 article.teaser h2 a {
    font-size: 18px !important;
    letter-spacing: 0px;
    line-height: 25px !important;
    font-weight: bold;
}

.list-folder article.teaser.event h2 a {
    color: #000 !important;
}
.path-taxonomy .list-folder .col-sm-12 article.teaser h2, .page-node-type-page .list-folder .col-sm-12 article.teaser h2 {
    margin-top: 10px !important;
    margin-bottom: 4px !important;
}
.list-folder .card-description  {
    padding-left: 216px;
}
@media(max-width: 1300px) {
    .list-folder .liste .card-description p  {
        font-size: 13px;
    }
}

@media(max-width: 410px) {
    .list-folder .pager__item--previous a:after  {
        content: '«';
    }

    .list-folder .pager__item--next a:after  {
        content: '»';
    }
    .list-folder .pager__item--next a span, .list-folder .pager__item--previous a span {
        display: none;
    }
}


@media(max-width: 768px) {
    .list-folder .liste .card-description  {
        display: block;
    }
    .list-folder .card {
        height: auto !important;
    }
    .list-folder .card-image, .list-folder .card-text {
        float: none;
        width: 100% !important;
    }
    .list-folder .card-description  {
        padding-left: 15px;
    }
    .list-folder article.teaser.article .date, .list-folder article.teaser.event .date, .list-folder article.teaser.whitebook .date {
        position: absolute !important;
        top: 0;
    }
}
.list-folder .card-description .field--name-body {
    margin-bottom: 9px;
}
.list-folder .card {
    height: 133px;
    overflow: hidden;
}
.list-folder .pager-nav {
    position: relative;
    width: 100%;
}

.list-folder .pager__item--previous {
    position: absolute;
    left: 0;
    top: 42px;
}
.list-folder .pager__item--next {
    position: absolute;
    right: 0;
    top: 42px;
}
.list-folder ul.pagination li a, .pagerer-pager-adaptive ul.pager__items li a {
    border: none !important;
    color: #4f4f4f;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    width: 26px;
    height: 26px;
    line-height: 8px;
    margin: 0 !important;
 }

.list-folder ul.pagination li.active a, .pagerer-pager-adaptive ul.pager__items li.is-active a {
    background: #ee7623 !important;
    color: white !important;
}
.list-folder .pager__item--previous a, .list-folder .pager__item--next  a{
    border: none !important;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #4f4f4f;
}
.list-folder article.teaser.article .date, .list-folder article.teaser.event .date, .list-folder article.teaser.whitebook .date {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    text-align: right;
    color: #4f4f4f;
    top: 0;
}

.list-folder .card-description p {
    font-size: 14px;
    line-height: 24px !important;
    letter-spacing: 0px;
}

.list-folder  .article.liste {
    clear: both;
}
.path-taxonomy .list-folder > .col-sm-12, .page-node-type-page .list-folder > .col-sm-12{
    padding-left: 15px !important;
}

@media(max-width: 1199px){
    .resultats,
    .resultats span{
        font-size: 18px;
    }
}
@media(max-width: 991px){
    .resultats{
        text-align: left;
    }
    .resultats span{
        float: none;
        margin: 10px 0 30px;
        display: block;
    }
}
/* Retravaill colonnage page Résultats */
@media(min-width: 1200px){
    .path-taxonomy .col-sm-12 article.teaser,
    .list-folder .col-sm-12 article.teaser,
    #block-views-block-jobs-implid article.teaser,
    #block-listeoffresemploitalentsoft article.teaser{
        width: 25%;
        padding: 0 10px;
    }
    .list-folder .teaser.col-sm-4, .path-taxonomy .list-folder .teaser.col-sm-12, .page-node-type-page .list-folder .teaser.col-sm-12, .path-taxonomy .list-folder .teaser.col-sm-4, .page-node-type-page .list-folder .teaser.col-sm-4 {
        width: 100%;
        padding: 0 10px;
    }
    #block-views-block-jobs-implid .col-sm-12,
    #block-listeoffresemploitalentsoft .col-sm-12 {
        padding: 30px 0px 0 20px;
    }
    .path-taxonomy .col-sm-12 article.teaser .card-text,
    .list-folder .col-sm-12 article.teaser .card-text,
    #block-views-block-jobs-implid article.teaser .card-text,
    #block-listeoffresemploitalentsoft article.teaser .card-text{
        padding: 20px !important;
        min-height: 260px;
    }
    article.teaser.partenaire a.readmore,
    article.teaser.offre a.readmore,
    article.teaser.taxonomy a.readmore,
    article.teaser.expertise a.readmore,
    article.teaser.page a.readmore{
        left: 20px !important;
    }
    .path-taxonomy .col-sm-12 article.teaser .subtitle,
    .list-folder .col-sm-12 article.teaser .subtitle,
    #block-views-block-jobs-implid article.teaser .subtitle,
    #block-listeoffresemploitalentsoft article.teaser .subtitle{
        font-size: 13px !important;
        line-height: 1.2 !important;
        padding-left: 12px;
    }
    .path-taxonomy .col-sm-12 article.teaser h2{
        font-size: 19px !important;
        line-height: 1.3 !important;
        margin-top: 20px !important;
    }
    article.testimonial.teaser blockquote,
    .path-taxonomy .col-sm-12 article.teaser h2 a{
        font-size: 19px !important;
        line-height: 1.3 !important;
    }
    #block-views-block-jobs-implid article.teaser h2,
    #block-views-block-jobs-implid article.teaser h2 a,
    #block-listeoffresemploitalentsoft article.teaser h2,
    #block-listeoffresemploitalentsoft article.teaser h2 a{
        font-size: 17px;
        line-height: 1.2;
    }
    .path-taxonomy .col-sm-12 article.teaser p.city,
    #block-views-block-jobs-implid article.teaser p.city,
    #block-listeoffresemploitalentsoft article.teaser p.city{
        left: 20px;
        padding: 0 20px;
        font-size: 13px !important;
        width: calc(100% - 20px);
        text-indent: -20px;
    }
    .path-taxonomy .col-sm-12 article.teaser p.city:before,
    #block-views-block-jobs-implid article.teaser p.city:before,
    #block-listeoffresemploitalentsoft article.teaser p.city:before{
        margin: -3px 0px 0 0;
    }
}
@media(max-width: 1199px){
    #block-views-block-jobs-implid article.teaser p.city,
    #block-listeoffresemploitalentsoft article.teaser p.city{
        left: 30px;
    }
    .path-taxonomy .col-sm-12 article.teaser h2,
    .path-taxonomy .col-sm-12 article.teaser h2 a{
        font-size: 19px !important;
        line-height: 1.3 !important;
    }
    article.testimonial.teaser blockquote{
        font-size: 17px;
        line-height: 1.3;
    }
}
article.teaser.offre.color-_6caba .card h2,
article.teaser.expertise.color-_6caba .card h2,
article.teaser.page.color-_6caba .card h2,
article.teaser.offre.color-_d2748 .card h2,
article.teaser.expertise.color-_d2748 .card h2,
article.teaser.page.color-_d2748 .card h2{
    color: white;
}
article.teaser.offre.color-e1cc00 .card h2,
article.teaser.offre.color-e1cc00 .card h2 a{
    color: #002f3c !important;
}
article.teaser.expertise.color-_02f3c .card a.readmore,
article.teaser.expertise.color-e1cc00 .card a.readmore,
article.teaser.page.color-_02f3c .card a.readmore,
article.teaser.page.color-e1cc00 .card a.readmore{
    background-image: url('../img/icones/icon_plus.svg');
}
/**/
@media(min-width: 768px) {
    article.expertise.full .childs article.expertise.teaser {
        width: 25%;
        padding: 0 10px;
    }
    article.expertise.full .childs article.expertise.teaser .card-text {
        padding: 20px;
        min-height: 260px;
    }
    article.expertise.full .childs article.expertise.teaser .subtitle {
        font-size: 13px !important;
        line-height: 1.2 !important;
        padding-left: 12px;
    }
}
@media(min-width: 768px) and (max-width: 991px) {
    article.expertise.full .childs article.expertise.teaser h2,
    article.expertise.full .childs article.expertise.teaser h2 a {
        font-size: 17px !important;
        line-height: 1.2 !important;
    }
}
@media(max-width: 767px) {
    article.expertise.full .childs {
        margin-top: 30px;
    }
    article.expertise.full .childs article.expertise.teaser .card-text {
        min-height: auto;
    }
    article.expertise.full .childs article.expertise.teaser .card-text .readmore {
        display: none;
    }
    article.expertise.full .childs article.expertise.teaser h2 {
        margin-bottom: 0;
    }
}


/* Bouton load more */
ul.pager{
    margin: 30px 0 50px;
    position: relative;
    z-index: 9999;
}
ul.pager li{
    display: inline-block;
}
ul.pager li a{
    border-radius: 25px;
    border:none;
    background: #ee7623;
    color: white;
    font-size: 16px;
    padding: 10px 40px;
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
ul.pager li a:hover,
ul.pager li a:focus{
    background: #ee7623;
}
.paragraph--type--video.colored{
    padding-top: 110px;
}
@media(max-width: 767px){
    .paragraph--type--video.colored{
        padding: 50px 30px !important;
    }
}
/**/

/* Sitemap */
.path-sitemap #navbar{
    background: #ee7623 !important;
}
.path-sitemap .sitemap{
    max-width: 1170px;
    margin: 100px auto;
    padding: 0 15px;
}
.path-sitemap .sitemap .content > ul > li > a,
.path-sitemap .sitemap .content > ul > li > span{
    color: #111;
    font-size: 16px;
    padding: 20px 0 10px;
    display: inline-block;
}
.path-sitemap .sitemap .content > ul > li > ul > li > a{
    color: #111;
    font-size: 14px;
    transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
.path-sitemap .sitemap .content > ul > li > ul > li > a:hover,
.path-sitemap .sitemap .content > ul > li > ul > li > a:focus{
    color: #ee7623;
}
/**/

/** Cookies **/
.cc-revoke.active{
    left: 0;
}
.cc-revoke.active .cc-compliance{
    justify-content: space-evenly;
}
.cc-revoke.active .cc-compliance a.cc-btn{
    color: white;
    text-decoration: none;
    border: none !important;
    background: rgb(0, 47, 60);
    min-width: 220px;
}
@media(max-width: 767px){
    .cc-revoke.active .cc-compliance {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
}

/** Contact expert paragraph **/
.contact-expert-modal form > .container {
  width: 100%;
}

.paragraph--type--contact-expert.paragraph--view-mode--default .content{
  max-width: 750px;
  padding-right: 15px;
  padding-left: 15px;
  margin: auto;
}
.paragraph--type--contact-expert.paragraph--view-mode--default p{
  color: #002f3c;
}
.paragraph--type--contact-expert.paragraph--view-mode--default button{
  max-width: 450px;
}
.paragraph--type--contact-expert.paragraph--view-mode--default h2{
  font-size: 45px;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 30px;
  color: #002f3c;
  font-weight: 700;
  text-align: center;
}
.paragraph--type--contact-expert.colored p,
.paragraph--type--contact-expert.colored h2{
  color: white !important;
}
@media(max-width: 767px){
  .paragraph--type--contact-expert.paragraph--view-mode--default h2{
    font-size: 26px;
  }
}
/* axeptio */
.ax-widget-container .fsqZQN a{
    color: #337ab7 !important;
    font-weight: bold;
}
/* page bureaux */
.page-node-type-nom-du-bureau .container .container{
    width: 100%;
}
.page-node-type-nom-du-bureau .page-header .header{
    height: 650px;
}
.page-node-type-nom-du-bureau .page-header .header .container{
    display: none;
}
.page-node-type-nom-du-bureau .action-stiky{
    position: fixed;
    right: 0;
    bottom: 8%;
    z-index: 10;
}
.page-node-type-nom-du-bureau .action-stiky ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.page-node-type-nom-du-bureau .action-stiky ul li{
    display: block;
    color: white;
    font-size: 16px;
    background: #133139;
    border-radius: 40px 0 0 40px;
    padding: 12px 20px;
    cursor: pointer;
    margin-bottom: 5px;
}
.page-node-type-nom-du-bureau .action-stiky ul li:before{
    content: '';
    background-image: url('../img/bureaux/contact-white.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 12px 0 0;
}
.page-node-type-nom-du-bureau .action-stiky ul li#calltoaction-btn,
.page-node-type-nom-du-bureau .action-stiky ul li.calltoaction-btn{
    background: #ee7623;
}
.page-node-type-nom-du-bureau .action-stiky ul li.calltoaction-btn a{
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 40px 0 0 40px;
}
.page-node-type-nom-du-bureau .action-stiky ul li#calltoaction-btn:before,
.page-node-type-nom-du-bureau .action-stiky ul li.calltoaction-btn:before{
    background-image: url('../img/bureaux/appel-white.svg');
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container{
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.05);
    padding: 45px;
    margin-top: -150px;
    position: relative;
    z-index: 1;
    width: 100%;
    background: white;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container h2{
    margin-top: 0;
    font-weight: 600 !important;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row{
    display: flex;
    align-items: flex-start;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row .col-sm-3:first-of-type{
    width: 17%;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row .col-sm-3:nth-of-type(3){
    width: 18%;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row .col-sm-3:last-of-type{
    width: 40%;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row .logo-bureau img{
    max-width: 149px;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row h3{
    font-size: 20px;
    color: #133139;
    margin: 30px 0 15px;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row h3 + h3{
    color: rgba(51,51,51,0.6);
    font-size: 18px;
    margin: 0;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row a{
    font-size: 18px;
    line-height: 1.3;
    color: #333333;
    font-weight: 500;
    text-decoration: underline;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row > .col-sm-3:nth-of-type(2) a br + br{
    display: none;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row > .col-sm-3:nth-of-type(2) a:after{
    content: '';
    background-image: url('../img/bureaux/arrow-top-right-black.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 6px;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row > .col-sm-3:nth-of-type(4) button.btn{
    font-size: 16px;
    line-height: 1.3;
    box-shadow: none;
    color: #133139 !important;
    background: transparent;
    padding: 0 !important;
    border-radius: 0;
    font-weight: 500;
    text-align: left;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row > .col-sm-3:nth-of-type(4) button.btn:after{
    content: '';
    background-image: url('../img/icones/icon_chevron_down_black.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 10px;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row > .col-sm-3:nth-of-type(4) button.btn[aria-expanded="true"]:after{
    transform: rotate(180deg);
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row > .col-sm-3:nth-of-type(4) .multi-collapse{
    margin-top: 10px;
}
.page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row > .col-sm-3:nth-of-type(4) .multi-collapse br{
    margin-bottom: 10px;
}
.page-node-type-nom-du-bureau .paragraph--type--bureau-titre-text{
    padding: 75px 0 0;
}
.page-node-type-nom-du-bureau .paragraph--type--bureau-titre-text h2{
    color: #133139;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 600 !important;
    margin: 0 0 20px;
}
.page-node-type-nom-du-bureau .paragraph--type--bureau-titre-text p{
    color: rgba(33,33,35,0.6);
    font-size: 16px;
    line-height: 1.7;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau{
    padding: 75px 0;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel{
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(112, 112, 112, 0.3);
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel.tab-active{
    border: none !important;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel:first-of-type{
    border-top: 1px solid rgba(112,112,112,0.3);
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel .panel-heading{
    background: transparent;
    padding: 0;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel .panel-heading h4{
    padding: 0;
    margin: 0;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel .panel-heading h4 a{
    color: #133139;
    font-size: 20px;
    line-height: 1;
    padding: 35px 35px 35px 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel .panel-heading h4 a:after{
    content: '';
    background-image: url('../img/icones/plus.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel .panel-heading h4 a[aria-expanded="true"]:after{
    background-image: url('../img/icones/moins.svg');
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel .panel-heading h4 a h3{
    margin: 0;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel .panel-heading h4 a img{
    width: 32px;
    height: auto;
    margin-right: 20px;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel .panel-body{
    border: none;
    padding: 0 0 30px;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel .panel-body,
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel .panel-body div,
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel .panel-body p{
    color: rgba(33, 33, 35, 0.6);
    font-size: 16px;
    line-height: 1.85;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel-group > .card > .paragraph .img{
    float: left;
    margin: -2px 20px 0 0;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel-group > .card > .paragraph h3{
    margin: 30px 0 20px;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel-group > .card > .paragraph h3 .field--item{
    font-size: 20px;
    line-height: 1.35;
    color: #133139;
    font-weight: 500;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel-group > .card > .paragraph .field--name-field-citation .field--item{
    color: rgba(33, 33, 35, 0.6);
    font-size: 16px;
    line-height: 1.85;
}
/*
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .paragraph--type--point-recapitulatif-bureau:not(:last-of-type){
    margin-bottom: 45px;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .paragraph--type--point-recapitulatif-bureau .img{
    width: 56px;
    height: 56px;
    background-image: url('../img/bureaux/bulle.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
    line-height: 56px;
    text-align: center;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .paragraph--type--point-recapitulatif-bureau h3{
    color: #133139;
    font-size: 20px;
    line-height: 1.2;
    margin: 15px 0 10px;
    font-weight: 600;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .paragraph--type--point-recapitulatif-bureau .field--name-field-citation{
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}*/
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .col-sm-4 .competence-bloc-color{
    display: none;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .col-sm-4 .competence-image{
    position: relative;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .col-sm-4 .competence-image:after{
    content: '';
    background: linear-gradient(180deg, rgba(254, 254, 255, 0) 11.19%, #FEFEFF 89.79%);
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .col-sm-4 .competence-image img{
    width: auto;
}
.page-node-type-nom-du-bureau .paragraph--type--chiffres .field--name-field-chiffres{
    margin: 0 auto;
    float: left;
    width: 100%;
    display: flex;
}
.page-node-type-nom-du-bureau .paragraph--type--chiffres .field--name-field-chiffres .field--item{
    display: inline-block;
}
.page-node-type-nom-du-bureau .paragraph--type--chiffres .field--name-field-chiffres .field--item .col-sm-3{
    width: 100%;
}
/*.page-node-type-nom-du-bureau .paragraph--type--chiffres{
    padding: 0 0 100px !important;
}
.page-node-type-nom-du-bureau .paragraph--type--chiffres .paragraph--type--chiffre{
    width: 33%;
}
.page-node-type-nom-du-bureau .paragraph--type--chiffres .paragraph--type--chiffre .number,
.page-node-type-nom-du-bureau .paragraph--type--chiffres .paragraph--type--chiffre .number span{
    text-align: left;
    font-size: 100px;
    color: #133139;
    line-height: 1;
    display: block;
}
.page-node-type-nom-du-bureau .paragraph--type--chiffres .paragraph--type--chiffre .number_title,
.page-node-type-nom-du-bureau .paragraph--type--chiffres .paragraph--type--chiffre .number_title div{
    color: black;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    line-height: 1.2;
    text-align: left;
    max-width: 300px;
}*/
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau{
    padding: 40px 80px;
    width: 120%;
    margin-left: -10%;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .container{
    width: 100%;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .container .row{
    display: flex;
    align-items: center;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .image-interlocuteur{
    /* background-image: url('../img/bureaux/slash-interlocuteur.png'); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    padding: 88px 0;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .image-interlocuteur > div{
    text-align: center;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .image-interlocuteur img{
    width: auto;
    margin: 0 auto;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .image-picto-interlocuteur{
    width: 62px;
    height: 62px;
    background-image: url('../img/bureaux/contact-interlocuteur.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
    margin: 0 0 20px;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .image-picto-interlocuteur img{
    display: none;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .nom-interlocuteur div{
    font-size: 35px;
    line-height: 1.3;
    font-weight: 500;
    color: white;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .label-interlocuteur{
    display: flex;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .label-interlocuteur,
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .label-interlocuteur div{
    font-size: 27px;
    line-height: 1.3;
    color: white;
    font-weight: 500;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .label-interlocuteur div{
    margin-left: 8px;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .social-links-interlocuteur ul{
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
    display: flex;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .social-links-interlocuteur ul li a{
    border: 1px solid white;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
    line-height: 44px;
    display: block;
    margin-right: 10px;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .social-links-interlocuteur ul li a img{
    width: 18px;
    height: 18px;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .text-interlocuteur div,
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .text-interlocuteur div p{
    font-size: 18px;
    line-height: 1.4 !important;
}
.page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .label-btn-interlocuteur #contact-us-btn{
    background: #E2D856;
    color: #133139;
    font-size: 15px;
    line-height: 1.2;
    text-align: left;
    font-weight: 600;
    text-align: center;
    width: 100%;
    padding: 10px;
    display: block;
    cursor: pointer;
    border-radius: 24px;
}
.page-node-type-nom-du-bureau .paragraph--type--les-offres-marketing{
    margin-bottom: 100px;
}
.page-node-type-nom-du-bureau .resultats{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    margin: 50px 0;
    padding: 0;
}
.page-node-type-nom-du-bureau .resultats a.btn{
    background: transparent;
    border: none;
    border-radius: 0;
    color: #133139;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    padding: 0 0 6px !important;
    box-shadow: none;
    margin: 0;
    border-bottom: 1px solid #133139;
}
.page-node-type-nom-du-bureau .resultats a.btn:after{
    content: '';
    background-image: url('../img/icones/icon_arrow_right_black.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 17px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
}
.page-node-type-nom-du-bureau .resultats .field--name-field-titre div{
    font-style: normal;
    font-size: 28px;
    line-height: 1.2;
    color: #133139;
    font-weight: 600;
}
.page-node-type-nom-du-bureau .paragraph--type--les-offres-marketing .teaser > div{
    position: relative;
}
.page-node-type-nom-du-bureau .paragraph--type--les-offres-marketing .teaser > div:before{
    content: '';
    background: rgba(0,0,0,0.1);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
}
.page-node-type-nom-du-bureau .paragraph--type--les-offres-marketing .teaser > div .card-text{
    position: relative;
    z-index: 1;
}
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12{
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-4,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-4{
    padding: 0;
}
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-4 .field,
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-4 .field .field--item,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-4 .field,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-4 .field .field--item{
    height: 100%;
}
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-4 picture,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-4 .field--name-field-image{
    height: 100%;
    display: flex;
}
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-4 picture img,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-4 .field--name-field-image img{
    object-fit: cover;
    object-position: center;
}
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-8,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-8{
    padding: 70px;
    border-top: 1px solid #DADADA;
}
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-8 h4,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-8 h4{
    color: #133139;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 40px;
}
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-8 form,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-8 form{
    max-width: 900px;
}
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-8 form input,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-8 form input{
    max-width: 100%;
}
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-8 form .form-type-select,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-8 form .form-type-select{
    display: flex;
    flex-direction: column;
}
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-8 form .form-type-select > .select-wrapper,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-8 form .form-type-select > .select-wrapper{
    margin: 0;
}
.page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-8 form .form-type-select > .select-wrapper select,
.page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-8 form .form-type-select > .select-wrapper select{
    border-bottom: 1px solid #a39f9f;
}
/*popup*/
.popup-call-to-action .modal-content{
    border-radius: 0;
}
.popup-call-to-action .modal-content .modal-header{
    position: relative;
}
.popup-call-to-action .modal-content .modal-header h5{
    font-size: 20px;
    color: #133139;
    text-transform: capitalize;
    margin: 0;
    padding-right: 50px;
}
.popup-call-to-action .modal-content .modal-header .close{
    position: absolute;
    top: 50%;
    right: 20px;
    text-shadow: none;
    opacity: 1;
    transform: translateY(-50%);
}
.popup-call-to-action .modal-content .modal-body{
    padding: 30px;
}
.popup-call-to-action .modal-content .modal-body div[id*="message-"]:empty{
    display: none;
}
.popup-call-to-action .modal-content .modal-body form > div{
    width: 100%;
}
.popup-call-to-action .modal-content .modal-body .form-item{
    margin-bottom: 20px;
    width: 100%;
}
.popup-call-to-action .modal-content .modal-body .form-item label{
    display: block;
    color: black;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
}
.popup-call-to-action .modal-content .modal-body .form-item input{
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #D0D0D0;
    height: 40px;
    color: #818181;
    font-size: 14px;
    padding: 0 0 0 12px;
    width: 100%;
    max-width: 100%;
}
.popup-call-to-action .modal-content .modal-body .form-item textarea{
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #D0D0D0;
    color: #818181;
    font-size: 14px;
    padding: 0 0 0 12px;
    width: 100%;
    max-width: 100%;
}

.popup-call-to-action .modal-content .modal-body .form-item input.form-radio{
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #D0D0D0;
  height: 10px;
  color: #818181;
  font-size: 14px;
  padding: 0 0 0 12px;
  width: 40% !important;
  max-width: 40%;
}

.popup-call-to-action .modal-content .modal-body .form-item .form-type-radio {
  margin-bottom: 20px;
}

.popup-call-to-action .modal-content .modal-body .client-implid .form-item {
  margin-bottom: 0px;
}

.popup-call-to-action .modal-content .modal-body .client-implid fieldset .fieldset-wrapper div{
  display: flex;
  gap: 10px;
  align-items: baseline;

}
.popup-call-to-action .modal-content .modal-body .client-implid fieldset legend {
  width: 40%;
  float: left;
}
.popup-call-to-action .modal-content .modal-body .client-implid fieldset .fieldset-wrapper {
  width: 40%;
  float: left;
}

@media(max-width: 1440px){
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container{
        max-width: 1040px;
    }
}
@media(max-width: 1199px){
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container{
        padding: 20px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row h3 {
        font-size: 18px;
        margin: 20px 0 15px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row h3 + h3,
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row a{
        font-size: 15px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row > .col-sm-3:nth-of-type(4) button.btn{
        font-size: 18px;
        margin: 20px 0 0;
    }
    .page-node-type-nom-du-bureau .paragraph--type--bureau-titre-text{
        padding: 45px 0 15px;
    }

    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .nom-interlocuteur div{
        font-size: 30px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .label-interlocuteur,
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .label-interlocuteur div{
        font-size: 24px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .text-interlocuteur div,
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .text-interlocuteur div p{
        font-size: 16px;
    }
    .page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-8,
    .page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-8{
        padding: 45px;
    }
    .page-node-type-nom-du-bureau .action-stiky ul li{
        text-indent: -9999px;
        display: block;
        text-align: left;
        padding: 12px 25px;
        position: relative;
    }
    .page-node-type-nom-du-bureau .action-stiky ul li:before{
        position: absolute;
        left: 15px;
        text-indent: 0;
    }
}
@media(max-width: 991px){
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row{
        flex-direction: column;
        width: 100%;
    }
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row .col-sm-3{
        width: 100%;
    }
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row .col-sm-3 img{
        max-width: 100%;
        width: auto;
    }
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .nom-interlocuteur div{
        font-size: 25px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .label-interlocuteur,
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .label-interlocuteur div{
        font-size: 20px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row .col-sm-3:first-of-type,
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row .col-sm-3:nth-of-type(2),
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row .col-sm-3:nth-of-type(3),
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row .col-sm-3:last-of-type{
        width: 100%;
    }
}
@media(max-width: 767px){
    .page-node-type-nom-du-bureau .page-header .header {
        height: 350px !important;
    }
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container{
        margin-top: -70px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--coordonner-bureau > .container > .row .col-sm-3{
        margin-bottom: 20px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--bureau-titre-text{
        border-bottom: none;
        padding: 45px 0 0;
    }
    .page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau{
        padding: 0;
    }
    .page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .col-sm-4{
        margin-top: 30px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--recapitulatif-bureau .panel .panel-heading h4 a{
        font-size: 18px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--chiffres .field--name-field-chiffres{
        flex-direction: column;
    }
    /*.page-node-type-nom-du-bureau .paragraph--type--chiffres .field--name-field-chiffres{
        padding: 0 15px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--chiffres .paragraph--type--chiffre{
        width: 100%;
    }
    .page-node-type-nom-du-bureau .paragraph--type--chiffres .paragraph--type--chiffre .number,
    .page-node-type-nom-du-bureau .paragraph--type--chiffres .paragraph--type--chiffre .number span{
        font-size: 80px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--chiffres .paragraph--type--chiffre .number_title,
    .page-node-type-nom-du-bureau .paragraph--type--chiffres .paragraph--type--chiffre .number_title div{
        max-width: 100%;
        font-size: 16px;
    }*/
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau {
        padding: 30px 0;
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .container .row{
        flex-direction: column;
    }
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .container .row .col-sm-4{
        width: 100%;
    }
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .image-interlocuteur{
        padding: 60px 0;
    }
    .page-node-type-nom-du-bureau .resultats{
        margin: 30px 0;
    }
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .text-interlocuteur div{
        margin-top: 20px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--interlocuteur-bureau .label-btn-interlocuteur #contact-us-btn{
        margin-bottom: 40px;
    }
    .page-node-type-nom-du-bureau .paragraph--type--les-offres-marketing > .container{
        padding: 0;
    }
    .page-node-type-nom-du-bureau .paragraph--type--les-offres-marketing .col-sm-12{
        width: 100%;
    }
    .page-node-type-nom-du-bureau .paragraph--type--les-offres-marketing .field--name-field-offre-marketing{
        clear: both;
    }
    .page-node-type-nom-du-bureau .resultats{
        width: 100%;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .page-node-type-nom-du-bureau .paragraph--type--les-offres-marketing{
        margin-bottom: 30px;
    }
    .page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-4,
    .page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-4{
        height: 250px;
        width: 100%;
    }
    .page-node-type-nom-du-bureau .field--name-field-paragraphes > .col-sm-12 > .col-sm-8,
    .page-node-type-offre .paragraph--type--image-form > .col-sm-12 > .col-sm-8{
        padding: 30px 15px;
    }
}
/* paragraphes offres */
.paragraph.paragraph--type--arguments{
    padding: 100px 0 70px;
}
.paragraph.paragraph--type--arguments > .container > .row > .col-sm-12 > div{
    margin-bottom: 30px;
}
.paragraph.paragraph--type--arguments > .container > .row > .col-sm-12 > div.more-than-five{
    width: auto ;
}
.paragraph.paragraph--type--arguments .img img{
    width: 42px;
    height: auto;
}
.paragraph.paragraph--type--arguments h3{
    color: #002F3C;
    font-size: 17px;
    line-height: 1.2;
    margin: 10px 0;
}
.paragraph.paragraph--type--arguments .text{
    color: #4F4F4F;
    font-size: 16px;
    line-height: 1.4;
}
.paragraph.paragraph--type--arguments .argument-bloc-color{
    height: 270px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 56px 8px 0;
}
@media(min-width: 768px){
    .paragraph.paragraph--type--arguments > .container > .row > .col-sm-12{
        display: flex;
    }
}
@media(max-width: 767px){
    .paragraph.paragraph--type--arguments{
        padding: 50px 0 20px;
    }
}
article.offre .paragraph.paragraph--type--titre-texte p.subtitle,
.paragraph.paragraph--type--titre-texte p.subtitle{
    display: inline-block;
    color: #002F3C;
}
.paragraph--type--titre-texte p.subtitle:before{
    color: #002F3C;
}
.paragraph.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte p.styleLeft,
.paragraph.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte p.styleRight{
    text-align: left;
}
@media(max-width: 767px){
    .paragraph.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte p.styleLeft,
    .paragraph.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte p.styleRight{
        float: none;
        width: 100%;
    }
}
.paragraph.paragraph--type--images-liens{
    padding: 100px 0 70px;
}
.paragraph--type--images-liens .paragraph--type--image-lien{
    margin: 0 0 30px;
}
.paragraph--type--images-liens .paragraph--type--image-lien img{
    width: auto;
    margin: 0 auto 30px;
}
.paragraph--type--images-liens .paragraph--type--image-lien .field--name-field-lien a{
    padding: 0;
    text-align: center;
    background: transparent;
    border: none;
    color: #002F3C;
    font-size: 17px;
    line-height: 1.3;
    width: 100%;
}
.paragraph--type--images-liens .paragraph--type--image-lien .field--name-field-lien a:after{
    content: '';
    background-image: url('../img/icones/arrow-right-blue.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}
@media(max-width: 767px){
    .paragraph.paragraph--type--images-liens{
        padding: 50px 0 20px;
    }
}
.paragraph--type--image-texte .testimonial h2,
.paragraph--type--image-texte .col-md-pull-6 h2{
    margin-top: 20px;
}
@media(max-width: 767px){
    .paragraph.paragraph--type--image-texte{
        padding: 50px 15px 20px !important;
    }
    .paragraph--type--image-texte .testimonial h2,
    .paragraph--type--image-texte .col-md-pull-6 h2{
        font-size: 26px;
        line-height: 1.3;
    }
}
@media(min-width: 768px){
    .paragraph--type--image-texte > .container > .row{
        display: flex;
        align-items: center;
    }
}
.offre .paragraph.paragraph--type--contact-expert{
    padding: 110px 0 !important;
}
.offre .paragraph--type--contact-expert.paragraph--view-mode--default .content{
    max-width: 1200px;
}
.offre .paragraph--type--contact-expert.paragraph--view-mode--default .content h2{
    font-size: 39px;
    line-height: 1.4;
}
.offre .paragraph--type--contact-expert.paragraph--view-mode--default[style*="background-color:#E1CC00"] .content button{
    background: white;
    color: #DACA41 !important;
}
.offre .paragraph--type--contact-expert.paragraph--view-mode--default[style*="background-color:#ee7623"] .content button{
    background: white;
    color: #ee7623 !important;
}
.offre .paragraph--type--contact-expert.paragraph--view-mode--default[style*="background-color:#2d2748"] .content button{
    background: white;
    color: #2d2748 !important;
}
.offre .paragraph--type--contact-expert.paragraph--view-mode--default[style*="background-color:#002f3c"] .content button{
    background: white;
    color: #002f3c !important;
}
.offre .paragraph--type--contact-expert.paragraph--view-mode--default[style*="background-color:#e54f59"] .content button{
    background: white;
    color: #e54f59 !important;
}
@media(max-width: 767px){
    .offre .paragraph.paragraph--type--contact-expert{
        padding: 50px 15px !important;
    }
    .offre .paragraph--type--contact-expert.paragraph--view-mode--default .content h2{
        font-size: 26px;
    }
}
@media(min-width: 768px){
    .paragraph--type--blocs .paragraph--type--bloc > .container > .row{
        display: flex;
        align-items: center;
    }
}
.paragraph--type--video .field--name-field-video > div{
    display: flex;
    align-items: center;
}
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte a.ckeditor-accordion-toggler{
    border-color: #EAEAEA;
}
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte dt.active a.ckeditor-accordion-toggler{
    border-color: transparent;
}
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte dd{
    text-align: left;
    padding: 0 0 40px;
}
.paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte dd.active{
    border-bottom: 1px solid #EAEAEA;
}
@media(max-width: 767px){
    .paragraph--type--titre-texte div[class*="col-sm"] .field--name-field-texte a.ckeditor-accordion-toggler{
        text-align: left;
        line-height: 1.2 !important;
        padding: 20px 40px 20px 0 !important;
    }
}
.offre .paragraph--type--temoignages blockquote:before{
    left: 50%;
    position: relative;
    width: 60px;
    margin-left: -30px;
    color: black;
}
.offre .paragraph--type--temoignages blockquote div{
    text-align: center;
    color: black;
    font-size: 34px;
    line-height: 1.1;
    font-weight: 900;
}
.offre .paragraph--type--temoignages blockquote footer div{
    font-weight: 500;
    font-size: 18px;
}
.offre .paragraph--type--temoignages .paragraph--type--temoignage.colored blockquote:before{
    color: white;
}
.offre .paragraph--type--temoignages .paragraph--type--temoignage.colored blockquote div{
    color: white;
}
.offre .paragraph--type--temoignages .owl-theme .owl-dots .owl-dot span{
    border-color: #e9e9e9 !important;
}
.offre .paragraph--type--temoignages .owl-theme .owl-dots .owl-dot.active span,
.offre .paragraph--type--temoignages .owl-theme .owl-dots .owl-dot:hover span{
    background: #e9e9e9 !important;
}
@media(max-width: 767px){
    .offre .paragraph--type--temoignages blockquote div{
        font-size: 28px;
    }
    .offre .paragraph--type--temoignages blockquote footer div{
        font-size: 18px;
    }
}
.paragraph--type--blocs .col-sm-6 .reveal h2{
    font-size: 28px;
    line-height: 1.2;
}
.offre > .content > .container{
    padding: 70px 45px;
}
.offre > .content > .container > .row > h2{
    font-weight: 800 !important ;
    font-size: 34px;
    margin: 0 0 45px;
}
.offre > .content > .container  .field--name-field-contenus-lies .owl-nav{
    top: -90px !important;
}
@media(max-width: 767px){
    .offre > .content > .container > .row > h2{
        font-size: 22px;
        padding-right: 70px;
    }
    .offre > .content > .container .field--name-field-contenus-lies .owl-nav{
        right: -20px;
    }
    .offre > .content > .container .field--name-field-contenus-lies .owl-carousel-wrapper .owl-carousel .owl-nav button{
        margin: 0 0 0 15px !important;
    }
}
/* page contact - liste store */
.list-store .link-bureau,
.ampopup-content .link-bureau{
    display: block;
    text-align: right;
    margin-top: 5px;
}
.list-store .link-bureau a,
.ampopup-content .link-bureau a{
    display: inline-block;
    float: none;
}
.ampopup-content .link-bureau a{
    color: #ee7623;
}
/**/
.paragraph.paragraph--view-mode--intermediate{
    width: 1170px;
    margin: 0 auto !important;
    padding: 0 15px;
}
@media(max-width: 1199px){
    .paragraph.paragraph--view-mode--intermediate{
        width: 970px;
    }
}
@media(max-width: 991px){
    .paragraph.paragraph--view-mode--intermediate{
        width: 750px;
    }
}
@media(max-width: 767px){
    .paragraph.paragraph--view-mode--intermediate{
        width: 100%;
    }
}
/**/
.paragraph--type--blocs .paragraph--type--bloc.paragraph--view-mode--intermediate .background{
    display: none;
}
/* offre emploi - page bureau */
.teaser.offre.paragraph--type--offres-emploi > .col-xs-8{
    padding: 0;
}
.page-node-type-nom-du-bureau .teaser.offre.paragraph--type--offres-emploi .resultats{
    align-items: flex-start;
    flex-direction: column-reverse;
}
.teaser.offre.paragraph--type--offres-emploi .resultats .field--item{
    color: #002f3c;
    font-weight: 800 !important;
    font-size: 34px;
}
.teaser.offre.paragraph--type--offres-emploi .jobs-list{
    margin-bottom: 60px;
}
.teaser.offre.paragraph--type--offres-emploi .jobs-list .owl-dots{
    left: 0;
    right: inherit;
    bottom: -30px;
    margin: 0 !important;
}
.teaser.offre.paragraph--type--offres-emploi .jobs-list .owl-dots .owl-dot span{
    border: 1px solid #979797;
    background: transparent !important;
}
.teaser.offre.paragraph--type--offres-emploi .jobs-list .owl-dots .owl-dot.active span{
    border: 1px solid transparent;
    background: #4a4a4a !important;
}
.teaser.offre.paragraph--type--offres-emploi .owl-carousel.jobs-list .owl-nav button span{
    display: none;
}
.teaser.offre.paragraph--type--offres-emploi .owl-carousel.jobs-list .owl-nav button {
    width: 24px;
    height: 24px;
    margin: 0 0 0 30px !important;
    background-image: url(/themes/implid/img/icones/icon_chevron_left_black.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: 50% !important;
}
.teaser.offre.paragraph--type--offres-emploi .owl-carousel.jobs-list .owl-nav button.owl-next {
    background-image: url(/themes/implid/img/icones/icon_chevron_right_black.svg) !important;
}
@media(max-width: 767px){
    .teaser.offre.paragraph--type--offres-emploi > .col-xs-8{
        float: none;
        width: 100%;
    }
    .teaser.offre.paragraph--type--offres-emploi .owl-carousel.jobs-list .owl-nav{
        display: none;
    }
}
/* Détail podcast */
article.podcast.full{
    padding-top: 60px;
}
article.podcast.full .back-news{
    background: #122E3B;
    height: 45px;
    font-size: 14px;
}
article.podcast.full .back-news:before{
    content: '';
    background-image: url('../img/icones/arrow-left-white.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 20px 0 0;
}
article.podcast.full .back-news i{
    display: none;
}
article.podcast.full p.date{
    color: #DADADA;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px;
}
article.podcast.full .field--name-body p{
    color: black;
    font-size: 14px;
    line-height: 2.5 !important;
    font-weight: 600;
}
article.podcast.full .field--name-field-paragraphes h2.block-title{
    color: black;
    font-size: 34px;
    font-weight: 800 !important;
    margin: 60px 0 30px;
}
article.podcast.full .field--name-field-paragraphes .form-group{
    margin: 0 -15px;
}
article.podcast.full .field--name-field-paragraphes article.podcast.teaser{
    width: 50%;
}
article.podcast.full .field--name-field-paragraphes article.podcast.teaser .card-text{
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.05);
    border: 1px solid #E4E3E3;
    padding: 20px;
    min-height: inherit;
}
article.podcast.full .field--name-field-paragraphes article.podcast.teaser .card-text p.subtitle{
    color: #002F3C;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 600;
}
article.podcast.full .field--name-field-paragraphes article.podcast.teaser .card-text p.subtitle:before{
    color: #002F3C;
}
article.podcast.full .field--name-field-paragraphes article.podcast.teaser .card-text p.subtitle:after{
    content: '';
    background-image: url('../img/icones/volume-podcast.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    float: right;
}
article.podcast.full .field--name-field-paragraphes article.podcast.teaser .card-text h2{
    margin: 15px 0 10px !important;
}
article.podcast.full .field--name-field-paragraphes article.podcast.teaser .card-text h2,
article.podcast.full .field--name-field-paragraphes article.podcast.teaser .card-text h2 a,
article.podcast.full .field--name-field-paragraphes article.podcast.teaser .card-text h2 a span{
    color: #002F3C;
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
}
article.podcast.full .paragraph--type--titre-texte .container{
    width: auto;
}
article.podcast.full .paragraph--type--titre-texte .col-sm-12{
    max-width: inherit;
    text-align: left;
}
article.podcast.full .paragraph--type--texte h2.titre-bleu{
    text-transform: uppercase;
    color: #ee7623;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 800 !important;
}
article.podcast.full .paragraph--type--titre-texte,
article.podcast.full .paragraph--type--image-texte{
    padding: 15px 0 !important;
    margin: 0 -15px;
}
article.podcast.full .paragraph--type--titre-texte h2{
    color: black;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 800 !important;
    margin: 0 0 20px;
}
article.podcast.full .paragraph--type--titre-texte .field--name-field-texte{
    max-width: 480px;
}
article.podcast.full .paragraph--type--titre-texte .field--name-field-texte p{
    color: #333333;
    font-size: 17px !important;
    line-height: 24px !important;
    font-weight: 400;
}
@media(max-width: 1199px){
    article.podcast.full .back-news{
        padding: 12px 8px !important;
    }
    article.podcast.full .back-news:before{
        margin: -2px 2px 0 0;
    }
}
@media(max-width: 767px){
    article.podcast.full .back-news {
      padding: 12px 30px !important;
    }
    article.podcast.full .field--name-field-paragraphes article.podcast.teaser{
        width: 100%;
    }
    article.podcast.full .field--name-field-paragraphes h2.block-title {
      font-size: 26px;
      margin: 40px 0 10px;
    }
    article.podcast.full .paragraph--type--texte h2.titre-bleu{
        font-size: 28px;
    }
    article.podcast.full .paragraph--type--titre-texte h2{
        font-size: 26px;
    }
}
/* listing podcast */
.paragraph--type--titre-texte.paragraph--view-mode--titre-et-texte-podcats{
    padding: 50px 0 !important;
}
.paragraph--type--titre-texte.paragraph--view-mode--titre-et-texte-podcats .text-center{
    text-align: left;
    max-width: 950px;
    margin: 0;
}
.paragraph--type--titre-texte.paragraph--view-mode--titre-et-texte-podcats h2{
    color: black !important;
    font-size: 34px !important;
    line-height: 1.25 !important;
    margin: 0 0 30px !important;
}
.paragraph--type--titre-texte.paragraph--view-mode--titre-et-texte-podcats .field--name-field-texte p{
    color: black !important;
    font-weight: 500 !important;
}
.paragraph--type--titre-texte.paragraph--view-mode--titre-et-texte-podcats div[class*="col-sm"]{
    width: 100%;
    float: left;
}
article.podcast.liste{
    /* margin: 0 15px 30px 15px !important; */
    clear: both;
}
article.podcast.liste .card{
    border: 1px solid #EAEAEA !important;
    /* border-radius: 1px;*/
    height: auto;
    padding-left: 200px;
}
article.podcast.liste .card .card-image{
    position: absolute;
    top: 0;
    left: 0;
    /* width: 280px; */
    height: 100% !important;
    overflow: hidden;
}
article.podcast.liste .card .card-image .field{
    height: 100%;
}
article.podcast.liste .card .card-image .field img{
    height: 100%;
    object-fit: cover;
    object-position: center;
}
article.podcast.liste .card .card-text{
    min-height: inherit;
    width: 100% !important;
    padding-left: 0 !important;
}
article.podcast.liste .card .card-text .subtitle{
    color: #002F3C;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 600;
}
article.podcast.liste .card .card-text .subtitle .date{
    float: right;
    color: #002F3C;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.2;
}
article.podcast.liste .card .card-text h2{
    margin: 15px 0 10px !important;
}
article.podcast.liste .card .card-text h2,
article.podcast.liste .card .card-text h2 a,
article.podcast.liste .card .card-text h2 a span{
    color: black;
    font-size: 18px;
    line-height: 25px;
    font-weight: 800;
    text-decoration: none;
}
article.podcast.liste .card .card-description{
    padding: 0 20px 20px 0;
}
article.podcast.liste .card .card-description p{
    color: black;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}
@media(max-width: 767px){
    article.podcast.liste {
      margin: 0 0 30px 0 !important;
    }
    article.podcast.liste .card{
        padding: 0;
    }
    article.podcast.liste .card .card-image{
        position: static;
        width: 100%;
        height: 200px !important;
    }
    article.podcast.liste .card .card-image .field{
        height: 100%;
    }
    article.podcast.liste .card .card-image .field img{
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    article.podcast.liste .card .card-text{
        padding: 20px !important;
    }
    article.podcast.liste .card .card-text .subtitle .date{
        float: none;
        display: block;
        margin: 10px 0 0;
    }
    article.podcast.liste .card .card-text h2{
        margin: 20px 0 0 !important;
        padding: 0;
    }
    article.podcast.liste .card .card-description {
      padding: 0 20px 20px;
    }
    .paragraph--type--titre-texte.paragraph--view-mode--titre-et-texte-podcats {
      padding: 20px 0 !important;
    }
    .paragraph--type--titre-texte.paragraph--view-mode--titre-et-texte-podcats h2{
        font-size: 26px !important;
        margin: 0 0 15px !important;
    }
}
#block-views-block-podcast-sticky-block-podcast-sticky{
    background: #ee7623;
    color: white;
    margin: 50px 0;
    padding: 30px;
}
#block-views-block-podcast-sticky-block-podcast-sticky h2{
    color: white;
    margin: 0 0 30px;
}
#block-views-block-podcast-sticky-block-podcast-sticky article.podcast.teaser{
    padding: 0;
    margin: 0 !important;
}
#block-views-block-podcast-sticky-block-podcast-sticky article.podcast.teaser .card{
    display: flex;
    flex-wrap: wrap;
}
#block-views-block-podcast-sticky-block-podcast-sticky article.podcast.teaser .card .card-image{
    flex: 1 0 auto;
    width: 250px;
    margin-right: 30px;
}
#block-views-block-podcast-sticky-block-podcast-sticky article.podcast.teaser .card .card-description{
    width: calc(100% - 280px);
}
#block-views-block-podcast-sticky-block-podcast-sticky article.podcast.teaser .card > .field--name-field-podcast-iframe{
    flex: 1 0 auto;
    margin: 20px -10px -15px;
}
@media(max-width: 767px){
    #block-views-block-podcast-sticky-block-podcast-sticky article.podcast.teaser .card{
        flex-direction: column;
    }
    #block-views-block-podcast-sticky-block-podcast-sticky article.podcast.teaser .card .card-description{
        width: 100%;
        margin-top: 20px;
    }
    #block-views-block-podcast-sticky-block-podcast-sticky article.podcast.teaser .card .card-description > .field{
        margin-bottom: 0;
    }
}
#block-views-block-nos-derniers-podcasts-block-1{
    width: 75%;
    left: 25%;
    margin: 40px -20px;
}
#block-views-block-nos-derniers-podcasts-block-1 .resultats{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding: 50px 0 25px;
}
#block-views-block-nos-derniers-podcasts-block-1 .resultats span{
    font-size: 32px;
    line-height: 1.3;
    color: #002f3c;
    font-weight: 700;
    font-style: normal;
}
#block-views-block-nos-derniers-podcasts-block-1 .form-group article .card-text{
    border: 1px solid #E4E3E3;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.05);
    padding: 20px;
    min-height: inherit;
}
#block-views-block-nos-derniers-podcasts-block-1 .form-group article .card-text p.subtitle{
    margin: 0 0 15px;
    line-height: 1.2;
}
#block-views-block-nos-derniers-podcasts-block-1 .form-group article .card-text p.subtitle:before{
    color: #002F3C;
}
#block-views-block-nos-derniers-podcasts-block-1 .form-group article .card-text h2{
    margin: 0 0 12px;
}
/**/
#block-views-block-podcast-block-podcast-list{
    margin-top: -50px;
}
@media(max-width: 991px){
    #block-views-block-nos-derniers-podcasts-block-1 .resultats a.btn{
        padding: 10px 20px !important;
        font-size: 15px;
    }
    #block-views-block-nos-derniers-podcasts-block-1 .resultats span{
        font-size: 26px;
        margin: 0;
    }
}
@media(max-width: 767px){
    #block-views-block-nos-derniers-podcasts-block-1{
        width: calc(100vw - 20px);
        left: 0;
        margin-top: 30px;
    }
    #block-views-block-nos-derniers-podcasts-block-1 .col-xs-8{
        width: 100%;
    }
    #block-views-block-nos-derniers-podcasts-block-1 .resultats{
        padding: 30px 0 25px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    #block-views-block-nos-derniers-podcasts-block-1 .resultats a.btn{
        margin-top: 12px;
    }
    #block-views-block-nos-derniers-podcasts-block-1 .form-group article{
        clear: both;
        width: 100%;
    }
    #block-views-block-nos-derniers-podcasts-block-1 .form-group article .card-text{
        padding: 20px !important;
    }
    #block-views-block-nos-derniers-podcasts-block-1 .form-group article .card-text h2 {
      margin: 12px 0 0 !important;
    }
    #block-views-block-nos-derniers-podcasts-block-1 .form-group article .card-text p.subtitle{
        font-size: 15px !important;
    }
    #block-views-block-podcast-block-podcast-list{
        margin-top: 0;
    }
}


.messages__wrapper .messages--status {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  text-align: center;
  padding: 20px 10px;
  color: green;
}

.messages__wrapper .messages--warning {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  text-align: center;
  padding: 20px 10px;
  color: #734c00;
}

.messages__wrapper .messages--error {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  text-align: center;
  padding: 20px 10px;
  color: #a51b00;
}