html,
body {
    width: 100%;
    height: 100%;
    font-size: 62.5%;
}
ul,
ol {
    margin: 0;
    padding: 0;
}
.mobile {
    display: none !important;
}
#page-wrapper {
    overflow-x: hidden;
}
#page {
    /*max-width: 1300px;*/
    width: 100%;
    margin: 0 auto;
    height: auto;
    font-family: "Raleway", sans-serif;
    color: #000;
    font-size: 1.7rem;
}
header#header {
    position: relative;
}
.path-frontpage header#header {
    overflow: hidden;
    height: 100%;
    position: relative;
    width: 100%;
}
.background-video {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    z-index: -1;
    background: transparent;
}
@media screen and (min-width: 900px) {
    .background-video {
        top: -80px;
    }
}
.video-frontpage {
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    position: relative;
}
.video-frontpage video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
}
header .section {
    max-width: 100%;
    width: 1300px;
    height: auto;
    padding: 10px 6rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.page-node-type-homepage header .section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

/* ikos-16718 Refonte du menu pour convertir le bouton profil en dropdown. */
#header .region-header {
    display: flex;
}
#header .region-header > .block + .block {
    margin-left: 1rem;
}

.dropdown--ikos .dropdown-toggle {
    display: flex;
    align-items: center;
    padding: 0;
    color: inherit;
}
.dropdown--ikos .dropdown-menu {
    border: 0 none;
    padding: 0 0 10px 0;
    font-size: inherit;
    color: inherit;
    background: white;
}
.dropdown--ikos .dropdown-item {
    padding: 0 10px;
    font-size: inherit;
    text-transform: uppercase;
    color: inherit;
}
.dropdown--ikos a:focus,
.dropdown--ikos a:hover,
.dropdown--ikos button:focus,
.dropdown--ikos button:hover,
.dropdown--ikos .dropdown-item:focus,
.dropdown--ikos .dropdown-item:hover {
    background: transparent;
    color: inherit;
    outline: none;
}
.dropdown--ikos a:focus,
.dropdown--ikos a:hover,
.dropdown--ikos button:focus,
.dropdown--ikos button:hover {
    text-decoration: underline;
}
.dropdown--ikos .dropdown-toggle:focus,
.dropdown--ikos .dropdown-toggle:hover {
    text-decoration: none;
}

.region-header .dropdown--ikos {
    color: #000;
    font-size: 1.9rem;
}
.page-node-type-homepage .region-header .dropdown--ikos {
    color: #fff;
    font-size: 1.9rem;
}
.page-node-type-homepage .region-header .dropdown--ikos .dropdown-menu {
    background: transparent;
}

#block-mainnavigation {
    padding-top: 10px;
    text-transform: uppercase;
}

#block-mainnavigation ul.sf-menu .sf-depth-1 {
    margin-right: 3%;
}
#block-mainnavigation ul.sf-menu .sf-depth-1 > a,
ul.sf-menu .sf-depth-1 > span.nolink {
    padding: 1em 0 0.5rem 0;
    display: block;
    width: max-content;
}
#block-mainnavigation ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul {
    background: #e2e7eb;
    top: 2.8em;
}
.page-node-type-homepage #superfish-main a {
    color: #fff;
}
#superfish-main a {
    color: #000;
    text-decoration: none;
    font-size: 1.9rem;
    font-weight: 600;
    text-transform: uppercase;
}
#superfish-main li.sf-depth-1:hover a.sf-depth-1,
#superfish-main a.sf-depth-1.is-active {
    border-bottom: 2px solid #0a83af;
    color: #0a83af;
}
#superfish-main li.sf-depth-1 ul {
    padding: 20px;
}
#superfish-main a.sf-depth-2 {
    border-bottom: 1px solid #0a83af;
    display: block;
    padding-bottom: 5px;
    color: #000;
    padding: 10px 0;
}
#superfish-main li.sf-depth-2:hover a.sf-depth-2,
#superfish-main a.sf-depth-2.is-active {
    color: #0a83af;
    font-weight: 600;
}
#superfish-main ul.sf-multicolumn {
    width: auto !important;
    min-width: 23em;
}
#superfish-main li.sf-multicolumn-wrapper {
    width: 100% !important;
}
#superfish-main li.sf-multicolumn-wrapper ol {
    width: auto !important;
}
.sf-multicolumn-column ul.sf-menu a,
.sf-multicolumn-column ul.sf-menu span.nolink {
    padding: 10px 0;
}
.sf-multicolumn-column.sf-depth-2.menuparent,
.sf-multicolumn-column.sf-depth-2.menuparent > div {
    width: 100% !important;
}
.sf-depth-2.sf-multicolumn-column.menuparent
    .sf-multicolumn-column
    span.nolink {
    padding: 10px 0 !important;
    color: #000;
    font-size: 1.9rem;
    font-weight: 500;
    text-transform: uppercase;
}
.sf-depth-2.sf-multicolumn-column.menuparent .sf-multicolumn-column ol {
    padding: 0 20px;
}
#superfish-main a.sf-depth-3 {
    border-bottom: 1px solid #0a83af;
    display: block;
    padding: 5px 0;
    margin-bottom: 10px;
    color: #000;
}
#superfish-main li.sf-depth-3:hover a.sf-depth-3,
#superfish-main a.sf-depth-3.is-active {
    color: #0a83af;
    font-weight: 600;
}
#superfish-main a.sf-depth-3 {
    font-size: 1.6rem;
}

#block-dropdownlanguage {
    padding-top: 24px;
}
.page-node-type-homepage #block-dropdownlanguage {
    padding-right: 0;
}

#block-customsearchblock {
    position: relative;
    padding-top: 27px;
}
#block-customsearchblock .loupe {
    background: url(../images/loupe-noir.png) no-repeat center;
    width: 20px;
    height: 19px;
    display: block;
    cursor: pointer;
    padding: 20px 15px;
    position: relative;
    top: -10px;
}
#block-customsearchblock .loupe.open {
    background: url(../images/minicross.png) no-repeat center !important;
    width: 20px;
    height: 19px;
    display: block;
    background-color: #e2e7eb !important;
    cursor: pointer;
    padding: 20px 15px;
    position: relative;
    top: -10px;
}
.page-node-type-homepage #block-customsearchblock .loupe {
    background: url(../images/loupe.png) no-repeat center;
}
#block-customsearchblock form.custom-search-form {
    display: none;
    position: absolute;
    top: 55px;
    right: 0;
    background: #e2e7eb;
    padding: 10px;
    z-index: 5;
}
#block-customsearchblock form.custom-search-form input.form-text {
    background: unset;
    border: none;
    border-bottom: 1px solid #000;
    width: 375px;
    margin-bottom: 10px;
}
#block-customsearchblock form.custom-search-form .form-actions {
    text-align: center;
}
#block-customsearchblock form.custom-search-form #edit-submit {
    margin: 0 auto;
    background: unset;
    box-shadow: none;
    border: 1px solid #85a8b8;
    color: #0a83af;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 7px 15px;
    text-transform: uppercase;
}

#block-connexionblock {
    padding-top: 25px;
    position: relative;
}
#block-connexionblock .profil {
    display: inline-block;
    width: 20px;
    height: 19px;
    cursor: pointer;
    background: url(../images/profil-noir.png) no-repeat center;
}
.user-logged-in #block-connexionblock .profil {
    background: url(../images/profil-violet.png) no-repeat center;
}
#block-connexionblock .profil.open {
    background: url(../images/minicross.png) no-repeat center !important;
    background-color: #fff !important;
}
.page-node-type-homepage #block-connexionblock .profil {
    background: url(../images/profil.png) no-repeat center;
}
#block-connexionblock form.user-login-form {
    display: none;
    position: absolute;
    top: 55px;
    right: 0;
    background: #fff;
    padding: 20px;
    z-index: 5;
}
#block-connexionblock form.user-login-form h2 {
    color: #0a83af;
    font-size: 2.9rem;
    font-weight: 900;
}
#block-connexionblock form.user-login-form label {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
}
#block-connexionblock form.user-login-form .form-text {
    width: 280px;
    margin-bottom: 20px;
}
#block-connexionblock form.user-login-form .form-item-pass {
    position: relative;
}
#block-connexionblock form.user-login-form .form-item-pass span.shwpd {
    position: absolute;
    right: 5px;
    top: 10px;
}
#block-connexionblock form.user-login-form .description {
    display: none;
}
#block-connexionblock form.user-login-form .forgot-pwd {
    font-size: 1.2rem;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: right;
    cursor: pointer;
    text-decoration: underline;
}
#block-connexionblock form.user-login-form .form-actions {
    text-align: center;
    margin-top: 10px;
}
#block-connexionblock form.user-login-form #edit-submit--2 {
    margin: 0 auto;
    background: unset;
    box-shadow: none;
    border: 1px solid #85a8b8;
    color: #0a83af;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 7px 15px;
    text-transform: uppercase;
}

#block-ikos-account-menu ul {
    display: none;
}
#block-forgotpasswordblock {
    padding: 65px;
}
#block-forgotpasswordblock h2 {
    font-size: 1.9rem;
    margin-bottom: 10px;
    font-weight: 600;
    color: #000;
}
#block-forgotpasswordblock label {
    color: #000;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 0;
}
#block-forgotpasswordblock .form-text {
    width: 100%;
    padding: 10px;
}
#block-forgotpasswordblock p {
    display: none;
}
#block-forgotpasswordblock form.user-pass .form-actions {
    text-align: center;
    margin-top: 10px;
}
#block-forgotpasswordblock form.user-pass #edit-submit--3 {
    margin: 20px auto 0;
    background: unset;
    box-shadow: none;
    border: 1px solid #0b5675;
    color: #0b5675;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 15px 20px;
    text-transform: uppercase;
}

h1 {
    font-size: 4.5rem;
    font-weight: 900;
    text-align: center;
    margin-top: 20px;
}
.gros-titre {
    font-size: 6.4rem;
    font-weight: 900;
}
.moyen-titre {
    font-size: 2.9rem;
    font-weight: 900;
    margin-bottom: 30px;
}
.gros-titre:before {
    content: "";
    background: url(../images/puce-titre-noire.png) no-repeat center;
    display: inline-block;
    width: 66px;
    height: 8px;
    position: relative;
    bottom: 13px;
    margin-top: 5px;
}
.moyen-titre:after {
    content: "";
    background: url(../images/puce-titre-noire.png) no-repeat center;
    background: url(../images/puce-titre-rose.png) no-repeat center;
    display: block;
    width: 66px;
    height: 8px;
}
.gros-titre div,
.moyen-titre div {
    display: inline-block;
}
.titre-projet {
    text-transform: uppercase;
    font-weight: 800 !important;
    color: #fff;
    font-size: 2.6rem;
}
.chapo {
    font-size: 2rem;
}
.link a {
    color: #000;
    text-decoration: none;
    padding: 15px 25px;
    border: 1px solid #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 600;
}
.link a:hover {
    color: #000;
    text-decoration: none;
}
.decor {
    content: "";
    display: block;
    width: 75px;
    height: 25px;
    background: url(../images/decor.png) no-repeat center;
    margin-top: 5px;
}
.banner img,
.image-fond img {
    width: 100%;
    height: auto;
}
.path-frontpage .banner,
.path-frontpage .banner img {
    width: 100%;
    height: 100%;
}
/*ckeditor col*/
.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol,
.twelvecol,
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
}
.fourcol,
.grid-4 {
    width: 31.491712705%;
}
.sixcol,
.grid-6 {
    width: 48.618784529%;
}
.eightcol,
.grid-8 {
    width: 65.74585634900001%;
}
.ckeditor-col-container .first-col {
    margin-left: 0;
}
.ckeditor-col-container .last-col {
    margin-right: 0;
}
/*Breadcrumb*/
.breadcrumbs {
    background: #e9f0f3;
}
#block-breadcrumbs {
    padding: 5px 60px;
    margin: 0 auto;
    max-width: 1300px;
    width: 100%;
}
#block-breadcrumbs ol {
    list-style: none;
}
#block-breadcrumbs ol li {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1c2536;
}
#block-breadcrumbs ol li a,
#block-breadcrumbs ol li a:hover {
    text-decoration: none;
    color: #1c2536;
    font-size: 1.5rem;
    font-weight: 400;
}
#block-breadcrumbs ol li a:after {
    content: ">";
    display: inline-block;
    margin-left: 5px;
    position: relative;
    bottom: 1px;
}

/*
  Home block actus.

  ikos-16334 Responsive layout : uniformisation des breakpoints.
  @see themes/ikos/templates/views/views-view--actu-block-1.html.twig
*/
#block-views-block-news-actu-block-1 {
    padding: 30px 0;
    background: url(../images/background-actu.png) no-repeat bottom center;
    background-size: 100%;
}
#block-views-block-news-actu-block-1 .titre-slider-home {
    margin-top: 25px;
    margin-bottom: 25px;
    position: relative;
}

/*
  Home rejoignez-nous.

  ikos-16334 Ajustement du bloc "Rejoignez-nous".
  @see ikos_preprocess_paragraph() in themes/ikos/ikos.theme
  @see themes/ikos/templates/paragraph/paragraph--rejoignez-nous.html.twig
*/

.paragraph--type--rejoignez-nous {
    position: relative;
    margin-bottom: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.paragraph--type--rejoignez-nous .zone-texte {
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}
.paragraph--type--rejoignez-nous .gros-titre {
    color: #fff;
    margin-bottom: 20px;
}
.paragraph--type--rejoignez-nous .gros-titre:before {
    background: url(../images/puce-titre-bleue.png) no-repeat center;
}
.paragraph--type--rejoignez-nous .offres {
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}
.paragraph--type--rejoignez-nous .offres .bx-has-pager {
    height: 50px;
    background-color: unset;
}
.paragraph--type--rejoignez-nous .offres .teaser-node {
    padding: 35px;
    color: #000;
    background: rgba(255, 255, 255, 0.8);
}
.paragraph--type--rejoignez-nous .offres .categ-poste div div:after {
    content: ".";
    color: #117b9d;
    position: relative;
    bottom: 3px;
    margin-left: 5px;
}
.paragraph--type--rejoignez-nous .offres .categ-poste div div:last-child:after {
    content: none;
}
.paragraph--type--rejoignez-nous .offres .categ-poste {
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #117b9d;
    margin-bottom: 10px;
}
.paragraph--type--rejoignez-nous .offres .teaser-node .offre-title {
    font-size: 2.8rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
}
.paragraph--type--rejoignez-nous .offres .teaser-node .intro {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 20px;
}
.paragraph--type--rejoignez-nous .offre-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.paragraph--type--rejoignez-nous .offre-content .link-poste {
    margin-top: auto;
    text-align: center;
}
.masonry-item.views-row .link-poste {
    position: absolute;
    text-align: center;
    bottom: 5px;
    left: 0;
    width: 100%;
}
.masonry-item.views-row .link-poste {
    bottom: 20px;
}
.paragraph--type--rejoignez-nous .offres .teaser-node .link-poste a,
.paragraph--type--rejoignez-nous .offres .teaser-node .link-poste a:hover,
.masonry-item.views-row .link-poste a,
.masonry-item.views-row .link-poste a:hover {
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #147c9e;
    border-bottom: 1px solid #147c9e;
    padding-bottom: 2px;
    text-decoration: none;
}
.paragraph--type--rejoignez-nous .link {
    text-align: center;
}
.paragraph--type--rejoignez-nous .link a,
.paragraph--type--rejoignez-nous .link a:hover {
    color: #fff;
    border-color: #fff;
}
/*Home implantation*/
.paragraph--type--implantation {
    text-align: center;
}
.paragraph--type--implantation .gros-titre:before {
    background: url(../images/puce-titre-rose.png) no-repeat center;
}
.paragraph--type--implantation .zone-texte {
    margin-bottom: 20px;
}
/*Home innovation*/
.paragraph--type--innovation {
    position: relative;
}
.paragraph--type--innovation .zone-texte {
    position: absolute;
    top: 50%;
    left: 50%;
    /*width: 100%;*/
    color: #fff;
    /*padding: 12% 21%;*/
    text-align: center;
    transform: translate(-50%, -50%);
}
.paragraph--type--innovation .gros-titre {
    color: #fff;
    margin-bottom: 20px;
}
.paragraph--type--innovation .gros-titre:before {
    background: url(../images/puce-titre-bleue.png) no-repeat center;
}
.paragraph--type--innovation .texte {
    margin-bottom: 60px;
}
.paragraph--type--innovation .link a,
.paragraph--type--innovation .link a:hover {
    color: #fff;
    border-color: #fff;
}

/*slider contenu projet*/
.paragraph--type--slider-contenu {
    position: relative;
}
.paragraph--type--slider-contenu h2.Actualité {
    padding: 20px 9rem 0;
}
.paragraph--type--slider-contenu h2.Projet {
    /*position: absolute;
    top: 8%;
    left: 27%;
    z-index: 1;*/
    font-size: 3.9rem;
    font-weight: 900;
    color: #203b57;
    margin-bottom: 20px;
}
.paragraph--type--slider-contenu .slider-Actualité {
    padding: 0 9rem 20px;
}
.paragraph--type--slider-contenu .views-row > article {
    position: relative;
}
.paragraph--type--slider-contenu .views-row > article .image-fond {
    max-height: 990px;
}
.paragraph--type--slider-contenu .views-row > article .image-fond img {
    width: 100%;
    object-fit: cover;
    height: 674px;
}
.paragraph--type--slider-contenu .views-row > article .zone-texte {
    position: absolute;
    top: 50%;
    left: 18vw;
    display: block;
    width: 33%;
    padding: 90px 40px 40px;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    max-height: 550px;
    height: 100%;
    font-size: 1.7rem;
    transform: translate(0%, -50%);
}
@media screen and (max-width: 1400px) {
    .paragraph--type--slider-contenu .views-row > article .zone-texte {
        /*top: 48%;*/
        padding: 40px 40px 40px;
    }
}
.paragraph--type--slider-contenu .views-row > article .zone-texte h4 {
    font-size: 2.5rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.paragraph--type--slider-contenu .views-row > article .zone-texte .corp-texte {
    display: none;
}
.paragraph--type--slider-contenu .views-row > article .zone-texte .link {
    margin-top: 40px;
}
.paragraph--type--slider-contenu .bx-viewport {
    max-height: 673.329px;
}
.paragraph--type--bloc-mini-slider .bx-wrapper,
.paragraph--type--slider-contenu .bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent;
    margin-bottom: 0;
}
.path-frontpage .paragraph--type--slider-contenu .bx-controls.bx-has-pager {
    position: absolute;
    bottom: 110px;
    left: 29vw;
    min-width: 200px;
}
@media screen and (max-width: 1400px) {
    .path-frontpage .paragraph--type--slider-contenu .bx-controls.bx-has-pager {
        left: 28.25%;
    }
}
/* .paragraph--type--slider-contenu .bx-pager.bx-default-pager,
.bx-wrapper .bx-pager.bx-default-pager a:hover { */
/*width: 33%;
    position: absolute;
    bottom: 65px;
    left: 9rem;*/
/*background: url(../images/puce-on.png) no-repeat center;*/
/* } */
.vignettes-cote-container .bx-pager.bx-default-pager a,
.paragraph--type--mise-en-avant .bx-pager.bx-default-pager a,
.paragraph--type--bloc-mini-slider .bx-pager.bx-default-pager a,
.paragraph--type--slider-contenu .bx-wrapper .bx-pager.bx-default-pager a,
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
    background: url(../images/puce-off.png) no-repeat center;
    width: 25px;
    height: 25px;
    display: inline-block;
}
.offres .bx-wrapper .bx-pager.bx-default-pager a {
    background: url(../images/puce-off-blanc.png) no-repeat center;
    width: 25px;
    height: 25px;
    display: inline-block;
}
.vignettes-cote-container .bx-pager.bx-default-pager a.active,
.vignettes-cote-container .bx-pager.bx-default-pager a.focus,
.vignettes-cote-container .bx-pager.bx-default-pager a.hover,
.paragraph--type--mise-en-avant .bx-pager.bx-default-pager a.active,
.paragraph--type--mise-en-avant .bx-pager.bx-default-pager a.focus,
.paragraph--type--mise-en-avant .bx-pager.bx-default-pager a.hover,
.paragraph--type--bloc-mini-slider .bx-pager.bx-default-pager a.active,
.paragraph--type--bloc-mini-slider .bx-pager.bx-default-pager a:focus,
.paragraph--type--bloc-mini-slider.bx-pager.bx-default-pager a:hover,
.paragraph--type--slider-contenu
    .bx-wrapper
    .bx-pager.bx-default-pager
    a.active,
.paragraph--type--slider-contenu .bx-wrapper .bx-pager.bx-default-pager a:focus,
.paragraph--type--slider-contenu .bx-wrapper .bx-pager.bx-default-pager a:hover,
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li:hover,
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active,
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li:focus {
    background: url(../images/puce-on.png) no-repeat center;
    position: initial;
    background-color: transparent;
}
.offres .bx-wrapper .bx-pager.bx-default-pager a.active,
.offres .bx-wrapper .bx-pager.bx-default-pager a:hover,
.offres .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: url(../images/puce-on-blanc.png) no-repeat center;
    position: initial;
    background-color: transparent;
}
.vignettes-cote-container .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item,
.paragraph--type--mise-en-avant
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item,
.paragraph--type--bloc-mini-slider
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item,
.paragraph--type--slider-contenu
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item,
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li,
.offres .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {
    position: relative;
}
.vignettes-cote-container
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:before,
.paragraph--type--mise-en-avant
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:before,
.paragraph--type--bloc-mini-slider
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:before,
.paragraph--type--slider-contenu
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:before,
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li:before {
    content: "";
    background: url(../images/trait.png) no-repeat center;
    width: 18px;
    height: 1px;
    position: absolute;
    top: 12px;
    right: 20px;
}
.offres .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:before {
    content: "";
    background: url(../images/trait-blanc.png) no-repeat center;
    width: 18px;
    height: 1px;
    position: absolute;
    top: 12px;
    right: 20px;
}
.vignettes-cote-container
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:after,
.paragraph--type--mise-en-avant
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:after,
.paragraph--type--bloc-mini-slider
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:after,
.paragraph--type--slider-contenu
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:after,
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li:after {
    content: "";
    background: url(../images/trait.png) no-repeat center;
    width: 18px;
    height: 1px;
    position: absolute;
    top: 12px;
    left: 20px;
}
.offres .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:after {
    content: "";
    background: url(../images/trait-blanc.png) no-repeat center;
    width: 18px;
    height: 1px;
    position: absolute;
    top: 12px;
    left: 20px;
}
.vignettes-cote-container
    .bx-pager.bx-default-pager
    .bx-pager-item:first-child:before,
.vignettes-cote-container
    .bx-pager.bx-default-pager
    .bx-pager-item:last-child:after,
.paragraph--type--mise-en-avant
    .bx-pager.bx-default-pager
    .bx-pager-item:first-child:before,
.paragraph--type--mise-en-avant
    .bx-pager.bx-default-pager
    .bx-pager-item:last-child:after,
.paragraph--type--bloc-mini-slider
    .bx-pager.bx-default-pager
    .bx-pager-item:first-child:before,
.paragraph--type--bloc-mini-slider
    .bx-pager.bx-default-pager
    .bx-pager-item:last-child:after,
.paragraph--type--slider-contenu
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:first-child:before,
.paragraph--type--slider-contenu
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:last-child:after,
.views-slideshow-controls-bottom
    .views-slideshow-pager-bullets
    li:first-child:before,
.views-slideshow-controls-bottom
    .views-slideshow-pager-bullets
    li:last-child:after,
.offres
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:first-child:before,
.offres .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:last-child:after {
    content: none;
}
.vignette-image-basse + h2 {
    margin-top: 15px;
}

/*Paragraph mise en avant*/
.paragraph--type--mise-en-avant {
    position: relative;
    overflow: hidden;
    min-height: 600px !important;
}
.paragraph--type--mise-en-avant .image-fond {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.paragraph--type--mise-en-avant > .zone-texte {
    display: block;
    padding: 70px 6rem;
}
.paragraph--type--mise-en-avant > .zone-texte .moyen-titre .field_titre {
    color: #000;
}
.paragraph--type--mise-en-avant > .zone-texte .field_texte {
    background: rgba(255, 255, 255, 0.7);
    padding: 30px 20px;
    margin: 40px auto;
}
/*.paragraph--type--mise-en-avant > .zone-texte .moyen-titre:after {*/
/*margin: 0 auto*/
/*}*/
.paragraph--type--mise-en-avant
    > .zone-texte
    .paragraph--type--petit-bloc-contenu {
    display: block;
    padding: 40px 40px 40px;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    max-height: 550px;
    height: 100%;
    font-size: 1.7rem;
}
.bx-wrapper {
    background: none;
}
.bxslider {
    width: 100%;
}
.bxslider img {
    width: 100%;
}
.paragraph--type--mise-en-avant
    > .zone-texte
    .paragraph--type--petit-bloc-contenu
    .image-fond {
    display: none;
}
.paragraph--type--mise-en-avant
    > .zone-texte
    .paragraph--type--petit-bloc-contenu
    .zone-texte
    h4 {
    font-size: 2.5rem;
    text-transform: uppercase;
}
.paragraph--type--mise-en-avant
    > .zone-texte
    .paragraph--type--petit-bloc-contenu
    .zone-texte
    .corp-texte {
    display: none;
}
.paragraph--type--mise-en-avant
    > .zone-texte
    .paragraph--type--petit-bloc-contenu
    .zone-texte
    .link {
    margin-top: 30px;
}

/*Paragraph double image*/
.paragraph--type--grille {
    position: relative;
    /*padding: 20px 3% 0;*/
}
/*.page-node-type-edito .paragraph--type--grille {
	padding: 20px 9rem 0;
}*/
.paragraph--type--grille .intro {
    font-size: 2rem;
    font-weight: 600;
}
.paragraph--type--grille .grille {
    overflow: hidden;
    padding: 30px 9rem 15px;
    position: relative;
}
.paragraph--type--grille .moyen-titre:after {
    background: url(../images/puce-titre-rose.png) no-repeat center;
}
.paragraph--type--grille .grille > div {
    display: flex;
    flex-wrap: wrap;
}
.paragraph--type--grille .grille > div > div {
    max-width: 32%;
    width: 100%;
    margin-bottom: 15px;
}
.paragraph--type--double-image .part-logo {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
    min-height: 80px;
    min-width: 80px;
    line-height: 80px;
}
.paragraph--type--double-image .part-logo .gris {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: 1s;
}
.paragraph--type--double-image:hover .part-logo .gris {
    opacity: 0;
    transition: 1s;
}
.paragraph--type--double-image .part-logo img {
    max-height: 80px;
    height: 100%;
    width: auto;
}
/* .paragraph--type--double-image .part-texte { */
/*display: none;*/
/*position: relative;*/
/* } */
.paragraph--type--double-image .part-texte-content {
    background: transparent;
    opacity: 0;
    padding: 30px;
    position: absolute;
    left: 9rem;
    width: 80%;
}
.paragraph--type--double-image .part-texte-content.show-text {
    background: #e3eaef;
}
.paragraph--type--double-image .part-texte-content .triangle {
    content: "";
    background: url(../images/triangle.png) no-repeat center;
    width: 32px;
    height: 24px;
    position: absolute;
    top: -23px;
    display: block;
}
.paragraph--type--double-image .part-texte-content .bold {
    font-weight: 600;
}
.paragraph--type--grille .grille > div > div:nth-child(3n + 1) .triangle {
    left: 15.3%;
}
.paragraph--type--grille .grille > div > div:nth-child(3n + 2) .triangle {
    left: 49.3%;
}
.paragraph--type--grille .grille > div > div:nth-child(3n + 3) .triangle {
    right: 12%;
}

/*Accordeon reset bootstrap css default*/
.card,
.card-header {
    background-color: unset;
    border: none;
}
.card .btn-link,
.view-adress .btn-link {
    color: #fff;
    width: 100%;
    text-align: left !important;
    padding: 0;
}
.card .btn-link:hover,
.card .btn-link:focus,
.view-adress .btn-link:hover,
.view-adress .btn-link:focus {
    color: #fff;
    text-decoration: none;
}
/*Bloc adresse*/
#block-nosadresses-2,
#block-nosadresses {
    background: #282d37;
    position: relative;
}
#block-nosadresses-2 .hom-acc-body,
#block-nosadresses .acc-content {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}
#block-nosadresses-2 .acc-header h2,
#block-nosadresses .acc-header h2 {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
    margin: 0;
    cursor: pointer;
}
#block-nosadresses-2 .acc-header h2:after,
#block-nosadresses .acc-header h2:after {
    content: "";
    background: url(../images/arrow-open.png) no-repeat center;
    width: 16px;
    height: 9px;
    display: inline-block;
    position: relative;
    bottom: 3px;
    margin-left: 10px;
}
#block-nosadresses-2 .acc-header.open h2:after,
#block-nosadresses .acc-header.open h2:after {
    background: url(../images/arrow-close.png) no-repeat center;
}
#block-nosadresses-2 .acc-body,
#block-nosadresses .acc-body {
    display: none;
    position: relative;
}
#block-nosadresses-2 .view-adress,
#block-nosadresses .view-adress {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    padding: 0 15%;
    transform: translate(-50%, -50%);
}
#block-nosadresses-2 .view-adress .view-titre,
#block-nosadresses .view-adress .view-titre {
    color: #fff;
    font-size: 6.4rem;
    font-weight: 900;
    text-align: center;
    padding: 10px 0;
}
#block-nosadresses-2 .view-adress .view-titre:before,
#block-nosadresses .view-adress .view-titre:before {
    content: "";
    background: url(../images/puce-titre-bleue.png) no-repeat center;
    width: 66px;
    height: 8px;
    display: inline-block;
}
#block-nosadresses-2 .view-adress .view-titre div,
#block-nosadresses .view-adress .view-titre div {
    display: inline-block;
}
#block-nosadresses-2 .view-adress .btn-link.collapsed,
#block-nosadresses-2 .view-adress .view-adress .btn-link.collapsed:hover,
#block-nosadresses-2 .view-adress .view-adress .btn-link.collapsed:focus,
#block-nosadresses .view-adress .btn-link.collapsed,
#block-nosadresses .view-adress .view-adress .btn-link.collapsed:hover,
#block-nosadresses .view-adress .view-adress .btn-link.collapsed:focus {
    color: #fff;
    font-weight: 400;
}
#block-nosadresses-2 .view-adress .btn-link.collapsed .name:hover,
#block-nosadresses .view-adress .btn-link.collapsed .name:hover {
    text-decoration: underline;
}

#block-nosadresses-2 .view-adress .btn-link,
#block-nosadresses-2 .view-adress .view-adress .btn-link:hover,
#block-nosadresses-2 .view-adress .view-adress .btn-link:focus,
#block-nosadresses .view-adress .btn-link,
#block-nosadresses .view-adress .view-adress .btn-link:hover,
#block-nosadresses .view-adress .view-adress .btn-link:focus {
    color: #50bbca;
    font-size: 1.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#block-nosadresses-2 .view-adress .custom-col,
#block-nosadresses .view-adress .custom-col {
    max-width: 25% !important;
    width: 100%;
}
#block-nosadresses-2 .view-adress .views-row,
#block-nosadresses .view-adress .views-row {
    margin-bottom: 20px;
    float: none;
}
#block-nosadresses-2 .view-adress .views-row .card-header,
#block-nosadresses .view-adress .views-row .card-header {
    padding: 0;
}
#block-nosadresses-2 .email,
#block-nosadresses .email {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: 2px;
}
#block-nosadresses-2 .email a,
#block-nosadresses .email a,
#block-nosadresses-2 .email a:hover,
#block-nosadresses .email a:hover {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: 2px;
    text-decoration: none;
}
#block-nosadresses-2 .paragraph--type--adresse,
#block-nosadresses .paragraph--type--adresse {
    color: #fff;
}
#block-nosadresses-2 .paragraph--type--adresse h4,
#block-nosadresses .paragraph--type--adresse h4 {
    font-weight: bold;
    color: #50bbca;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
}
#block-nosadresses-2 .paragraph--type--adresse p,
#block-nosadresses .paragraph--type--adresse p {
    margin-bottom: 2px;
    font-size: 1.5rem;
    font-weight: 400;
}

/*Paragraphe simple témoignage*/
.paragraph--type--temoignage {
    background: #02709e;
    padding: 50px 0;
}
.paragraph--type--temoignage .moyen-titre {
    color: #fff;
    text-transform: uppercase;
}
.paragraph--type--temoignage .moyen-titre:after {
    background: url(../images/puce-titre-cyan.png) no-repeat center;
}
.paragraph--type--temoignage .temoignage-content {
    position: relative;
    overflow: hidden;
}
.paragraph--type--temoignage .temoignage-content .image.gauche {
    width: 48%;
    margin-right: 3%;
    float: left;
}
@media screen and (max-width: 768px) {
    .paragraph--type--temoignage .temoignage-content .image.gauche {
        width: 100%;
        margin: 0;
    }
}
.paragraph--type--temoignage .temoignage-content .droite {
    float: right;
    width: 49%;
    color: white;
}
.temoignage-first .paragraph--type--temoignage .temoignage-content .droite {
    color: black;
}
.temoignage-first
    .paragraph--type--temoignage
    .temoignage-content
    .droite
    .field_texte_cut {
    display: none;
}
/*.paragraph--type--slider-temoignages .paragraph--type--temoignage .temoignage-content .droite blockquote:before,
.paragraph--type--slider-temoignages .paragraph--type--temoignage .temoignage-content .droite blockquote:after {*/
.paragraph--type--temoignage .temoignage-content .droite blockquote:before,
.paragraph--type--temoignage .temoignage-content .droite blockquote:after {
    content: "";
    background: url(../images/quote.png) no-repeat center;
    width: 100%;
    height: 21px;
    display: block;
    padding: 40px 0;
}
.paragraph--type--slider-temoignages
    .temoignage-list
    .paragraph--type--temoignage
    .temoignage-content
    .droite
    blockquote:before,
.paragraph--type--slider-temoignages
    .temoignage-list
    .paragraph--type--temoignage
    .temoignage-content
    .droite
    blockquote:after {
    padding: 0;
    height: 0;
}

.paragraph--type--temoignage .temoignage-content .droite blockquote p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 2.1rem;
}
.paragraph--type--temoignage .temoignage-content .droite .nom {
    font-size: 2.1rem;
    font-weight: 500;
}
.paragraph--type--temoignage .temoignage-content .droite .poste {
    font-size: 1.6rem;
    font-weight: 400;
}
.paragraph--type--temoignage .temoignage-content .droite .decor {
    background: url(../images/decor-cyan.png) no-repeat center;
}

/*
  Paragraph Bloc sur image

  ikos-16329 Fix responsive layout.
  @see ikos_preprocess_paragraph() in themes/ikos/ikos.theme
  @see themes/ikos/templates/paragraph/paragraph--bloc-sur-image.html.twig
*/

.paragraph--type--bloc-sur-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 7%;
}
.paragraph--type--bloc-sur-image .zone-texte {
    margin: auto;
    padding: 35px;
    max-width: 1066px;
    background: rgba(255, 255, 255, 0.9);
}
.paragraph--type--bloc-sur-image .zone-texte .moyen-titre {
    margin-bottom: 20px;
}
.paragraph--type--bloc-sur-image .zone-texte .moyen-titre:after {
    background: url(../images/puce-titre-rose.png) no-repeat center;
}

/*paragraph block mini slider*/
.paragraph--type--bloc-mini-slider {
    padding: 40px 0;
}

.paragraph--type--bloc-sur-image .zone-texte .intro .field_texte {
    font-size: 17px;
}
/*.paragraph--type--bloc-sur-image .image-fond img{*/
/*width: auto;*/
/*}*/

/*paragraph bloc texte*/
.paragraph--type--bloc-texte {
    margin: 40px auto !important;
}
.paragraph--type--bloc-texte .moyen-titre:after {
    background: url(../images/puce-titre-rose.png) no-repeat center;
}

/*paragraph media en avant*/
.paragraph--type--media-en-avant {
    padding: 40px 0;
}
.paragraph--type--media-en-avant .field_media,
.paragraph--type--media-en-avant .field_texte {
    margin: 0 80px;
}

@media screen and (max-width: 768px) {
    .paragraph--type--media-en-avant .field_media,
    .paragraph--type--media-en-avant .field_texte {
        margin: 0;
    }
}
.paragraph--type--media-en-avant img {
    width: 100%;
    height: auto;
}
.paragraph--type--media-en-avant .video {
    width: 100%;
    padding-bottom: 56%;
    position: relative;
}
.paragraph--type--media-en-avant .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.paragraph--type--media-en-avant .ckeditor-col-container {
    margin-top: 20px;
}
/*Paragraph bloc media texte*/
.paragraph--type--bloc-media-texte,
.paragraph--type--bloc-petite-image-texte {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    /*padding: 0 9rem;*/
    margin: 40px auto !important;
}
.paragraph--type--bloc-media-texte .left,
.paragraph--type--bloc-media-texte .right {
    width: 460px;
    min-height: 320px;
    position: relative;
}
.paragraph--type--bloc-media-texte .text-fl-right {
    float: right;
    display: block;
    max-width: 700px;
    width: 100%;
}
.paragraph--type--bloc-media-texte .text-fl-left {
    float: left;
    display: block;
    max-width: 700px;
    width: 100%;
}
.paragraph--type--bloc-petite-image-texte .left,
.paragraph--type--bloc-petite-image-texte .right {
    width: auto;
    position: relative;
}
.paragraph--type--bloc-petite-image-texte .text-fl-right,
.paragraph--type--bloc-petite-image-texte .text-fl-left {
    display: block;
    width: 100%;
}
.paragraph--type--bloc-media-texte .left img,
.paragraph--type--bloc-media-texte .right img {
    width: 100%;
    height: auto;
}
.paragraph--type--bloc-petite-image-texte .left img,
.paragraph--type--bloc-petite-image-texte .right img {
    width: auto;
    height: auto;
}
.paragraph--type--bloc-media-texte .moyen-titre:after,
.paragraph--type--bloc-petite-image-texte .moyen-titre:after {
    background: url(../images/puce-titre-rose.png) no-repeat center;
}
.left {
    display: block;
    float: left;
    margin-right: 20px;
}
.right {
    display: block;
    float: right;
    margin-left: 20px;
}
/*Type Actualité*/
.page-node-type-actualite .node--content,
.page-node-type-actualite-consultant .node--content {
    padding: 10px 9rem;
}
.page-node-type-actualite #block-ikos-page-title,
.page-node-type-actualite-consultant #block-ikos-page-title {
    text-align: center;
    margin-top: 30px;
}
.page-node-type-actualite .image,
.page-node-type-actualite-consultant .image {
    max-width: 1110px;
    margin: 0 auto 20px;
    max-height: 590px;
    overflow: hidden;
}
.page-node-type-actualite .image .youtubeimg,
.page-node-type-actualite-consultant .image .youtubeimg {
    padding-bottom: 53.25%;
    position: relative;
}
.page-node-type-actualite .info,
.page-node-type-actualite-consultant .info {
    text-align: center;
    margin: 30px 0;
}
.page-node-type-actualite .info .date,
.page-node-type-actualite-consultant .info .date {
    font-size: 2.2rem;
    color: #000;
    font-weight: 400;
}
.page-node-type-actualite .info .tags,
.page-node-type-actualite-consultant .info .tags {
    margin: 10px 0;
    margin-bottom: 35px;
}
.page-node-type-actualite .info .tags div,
.page-node-type-actualite-consultant .info .tags div {
    display: inline-block;
    margin: 0 10px;
}
.page-node-type-actualite .info .tags > div > div:before,
.page-node-type-actualite-consultant .info .tags > div > div:before {
    content: "#";
    display: inline-block;
}
.page-node-type-actualite .info .tags > div > div,
.page-node-type-actualite .info .tags > div > div:hover,
.page-node-type-actualite-consultant .info .tags > div > div,
.page-node-type-actualite-consultant .info .tags > div > div:hover {
    color: #0a83af;
    font-weight: 500;
    font-size: 1.8rem;
    text-transform: uppercase;
}
.page-node-type-actualite .share li,
.page-node-type-actualite-consultant .share li {
    display: inline-block;
}
.page-node-type-actualite .share a,
.page-node-type-actualite-consultant .share a {
    border-radius: 50px;
    background: #aeb6bc;
    color: #fff;
    display: inline-block;
    padding: 12px 14px;
}
.page-node-type-actualite .image img,
.page-node-type-actualite-consultant .image img {
    width: 100%;
    height: auto;
}
.page-node-type-actualite .image img {
    max-height: 590px;
    object-fit: contain;
}
.page-node-type-actualite .chapo,
.page-node-type-actualite-consultant .chapo {
    padding: 10px 9rem;
    font-size: 1.9rem;
    color: #687884;
    text-align: center;
}
.page-node-type-actualite .corp-texte,
.page-node-type-actualite-consultant .corp-texte {
    padding: 10px 9rem;
    font-size: 1.7rem;
    margin-bottom: 30px;
}
.page-node-type-actualite .corp-texte h2,
.page-node-type-actualite-consultant .corp-texte h2 {
    color: #0a83af;
    font-weight: 600;
    font-size: 1.8rem;
    margin: 20px 0;
    text-transform: uppercase;
}

.actu--teaser .field_media_oembed_video {
    height: 215px;
    width: 100%;
}
.actu--teaser .field_media_oembed_video .media-oembed-content {
    height: 100%;
}
/*
  Node Banner

  ikos-16342 Homogénéisation des header :
  - Retirer le position absolute du titre pour laisser "pousser" en mobile.
  - Ajouter une ombre portée sous le texte pour pallier au pb de lisibilité.

  @see ikos_preprocess_node() in themes/ikos/ikos.theme
  @see themes/ikos/templates/node/node--edito.html.twig
  @see themes/ikos/templates/node/node--offre-d-emploi.html.twig
  @see themes/ikos/templates/node/node--espace-consultant.html.twig
*/

.node-banner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: black;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 20vw;
    padding-top: 25px;
}
.node-banner .node-banner-title {
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    padding-bottom: 20px;
    text-shadow: 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1),
        0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2),
        0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2),
        0 20px 20px rgba(0, 0, 0, 0.15);
}
.node-banner .node-banner-title .surtitre {
    font-weight: 600;
    font-size: 2.6rem;
    text-transform: uppercase;
}
.node-banner .node-banner-title h1 {
    margin-top: 0 !important;
    text-transform: uppercase;
}

.full-node .chapo {
    margin: 40px auto;
    text-align: center;
    color: #687884;
    font-weight: bold;
    font-size: 19px;
}
.full-node .chapo .field_chapo {
    margin: 0 60px;
}
@media screen and (max-width: 768px) {
    .full-node .chapo .field_chapo {
        margin: 0 20px;
    }
}

/*Node semi grille*/
.page-node-type-semi-grille #content h2 {
    font-size: 5.3rem;
    font-weight: 900;
    color: #203b57;
    margin: 30px 0;
    text-transform: uppercase;
}
.page-node-type-semi-grille #content h2:after {
    content: "";
    background: url(../images/puce-titre-rose.png) no-repeat center;
    display: block;
    width: 100%;
    height: 8px;
}
.page-node-type-semi-grille .node-content {
    padding: 0 9rem;
    text-align: center;
}
.page-node-type-semi-grille .moyen-titre {
    margin-bottom: 10px;
    color: #203b57;
    text-transform: uppercase;
}
.page-node-type-semi-grille .moyen-titre:after {
    content: none;
}
.page-node-type-semi-grille .paragraph--type--grille {
    border-bottom: 1px solid #c5cbd0;
    margin-bottom: 20px;
}
.page-node-type-semi-grille .paragraph--type--grille .intro {
    font-size: 1.9rem;
    font-weight: 600;
    color: #687884;
}
.page-node-type-semi-grille
    .paragraph--type--grille
    .part-texte-content
    .triangle {
    background: url(../images/triangle-blanc.png) no-repeat center;
}
.page-node-type-semi-grille .paragraph--type--grille .part-texte-content {
    -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);
    background: transparent;
    text-align: initial;
}
.page-node-type-semi-grille .paragraph--type--grille .part-texte-content .bold {
    color: #203b57;
    text-transform: uppercase;
    font-size: 2.4rem;
    font-weight: 900;
}

/*Node grille*/

.page-node-type-grille {
    position: relative;
}
.page-node-type-grille #content h2 {
    font-size: 5.3rem;
    font-weight: 900;
    color: #203b57;
    margin: 30px 0;
    text-transform: uppercase;
    text-align: center;
}
.page-node-type-grille #content h2:after {
    content: "";
    background: url(../images/puce-titre-rose.png) no-repeat center;
    display: block;
    width: 100%;
    height: 8px;
}
.page-node-type-grille .infos {
    position: relative;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 10px;
    padding: 5px 25px 10px;
    margin-bottom: 20px;
}
.page-node-type-grille .infos:before {
    content: "";
    background: url(../images/puce-verticale.png) no-repeat center;
    width: 18px;
    height: 55px;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
}
/* .page-node-type-grille .infos .nom {} */
.page-node-type-grille .infos .fonction {
    color: #b4176c;
    line-height: 1.6rem;
}
.paragraph--type--entite-grille .grille {
    overflow: hidden;
    padding: 30px 9rem 15px;
    position: relative;
}
.paragraph--type--entite-grille .grille > div {
    display: flex;
    flex-wrap: wrap;
}
.paragraph--type--entite-grille .grille > div > div {
    max-width: 23%;
    width: 100%;
    margin-bottom: 15px;
    margin-right: 2%;
}
.paragraph--type--entite-grille .grille > div > div:last-child {
    margin-right: 0;
}
.paragraph--type--entite-grille .part-logo img {
    width: 100%;
    height: auto;
}
/* .paragraph--type--entite-grille .part-texte { */
/*display: none;*/
/* } */
.paragraph--type--entite-grille .part-texte-content {
    background: transparent;
    opacity: 0;
    padding: 30px;
    position: absolute;
    left: 9rem;
    width: 63%;
    background-color: rgb(227, 234, 239);
}
.paragraph--type--entite-grille .part-texte-content .triangle {
    content: "";
    background: url(../images/triangle.png) no-repeat center;
    width: 32px;
    height: 24px;
    position: absolute;
    top: -23px;
    display: block;
}
.paragraph--type--entite-grille
    .grille
    > div
    > div:nth-child(4n + 1)
    .triangle {
    left: 12%;
}
.paragraph--type--entite-grille
    .grille
    > div
    > div:nth-child(4n + 2)
    .triangle {
    left: 40%;
}
.paragraph--type--entite-grille
    .grille
    > div
    > div:nth-child(4n + 3)
    .part-texte-content,
.paragraph--type--entite-grille
    .grille
    > div
    > div:nth-child(4n + 4)
    .part-texte-content {
    left: inherit;
    right: 9%;
}
.paragraph--type--entite-grille
    .grille
    > div
    > div:nth-child(4n + 3)
    .triangle {
    right: 42%;
}
.paragraph--type--entite-grille
    .grille
    > div
    > div:nth-child(4n + 4)
    .triangle {
    right: 13%;
}

/*Ressources*/
.path-ressources #content h2.views-title {
    font-size: 5.3rem;
    font-weight: 900;
    color: #203b57;
    margin: 30px 0;
    text-transform: uppercase;
    text-align: center;
}
.path-ressources #content h2.views-title:after {
    content: "";
    background: url(../images/puce-titre-rose.png) no-repeat center;
    display: block;
    width: 100%;
    height: 8px;
}
.path-ressources #views-exposed-form-ressources-page-1 {
    background: #f0f7fb;
    padding: 30px 0;
    text-align: center;
}
.path-ressources
    #views-exposed-form-ressources-page-1
    #edit-field-categorie-target-id {
    position: relative;
    padding-bottom: 60px;
}
.path-ressources
    #views-exposed-form-ressources-page-1
    #edit-field-categorie-target-id
    ul {
    position: absolute;
    width: 100%;
}
.path-ressources
    #views-exposed-form-ressources-page-1
    #edit-field-categorie-target-id
    ul:after {
    content: "";
    background: url(../images/trait-gris.png);
    background-position: 80px center;
    position: absolute;
    bottom: 16px;
    width: 87%;
    height: 3px;
    left: 8rem;
    z-index: 2;
}
@media screen and (min-width: 1150px) and (max-width: 1200px) {
    .path-ressources
        #views-exposed-form-ressources-page-1
        #edit-field-categorie-target-id
        ul::after {
        width: 84%;
        left: 10rem;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1230px) {
    .path-ressources
        #views-exposed-form-ressources-page-1
        #edit-field-categorie-target-id
        ul::after {
        width: 81%;
        left: 12rem;
    }
}
@media screen and (min-width: 1230px) and (max-width: 1280px) {
    .path-ressources
        #views-exposed-form-ressources-page-1
        #edit-field-categorie-target-id
        ul::after {
        width: 78%;
        left: 14rem;
    }
}
@media screen and (min-width: 1280px) {
    .path-ressources
        #views-exposed-form-ressources-page-1
        #edit-field-categorie-target-id
        ul::after {
        width: 74%;
        left: 17rem;
    }
}
.path-ressources
    #views-exposed-form-ressources-page-1
    #edit-field-categorie-target-id
    li {
    display: inline-block;
    margin-right: 2rem;
}
.path-ressources
    #views-exposed-form-ressources-page-1
    #edit-field-categorie-target-id
    li:first-child {
    display: none;
}
.path-ressources
    #views-exposed-form-ressources-page-1
    #edit-field-categorie-target-id
    li:last-child {
    margin: 0;
}
.path-ressources
    #views-exposed-form-ressources-page-1
    #edit-field-categorie-target-id
    li
    a {
    font-size: 1.8rem;
    font-weight: 600;
    color: #1c2536;
    text-transform: uppercase;
    display: block;
}
.path-ressources
    #views-exposed-form-ressources-page-1
    #edit-field-categorie-target-id
    li
    a.bef-link--selected,
.path-ressources
    #views-exposed-form-ressources-page-1
    #edit-field-categorie-target-id
    li
    a:hover {
    color: #a02064;
    text-decoration: none;
}
.path-ressources
    #views-exposed-form-ressources-page-1
    #edit-field-categorie-target-id
    li
    a.bef-link {
    padding-bottom: 40px;
    background: url(../images/puce-off-grise.png) no-repeat;
    background-position: center 42px;
    position: relative;
    z-index: 5;
}
.path-ressources
    #views-exposed-form-ressources-page-1
    #edit-field-categorie-target-id
    li
    a.bef-link.bef-link--selected {
    background: url(../images/puce-on-rose.png) no-repeat;
    background-position: center 30px;
}
.path-ressources #block-ikos-content .views-row {
    padding: 20px 15rem;
}
.path-ressources .views-row .categ {
    font-size: 1.8rem;
    font-weight: 600;
    color: #a02064;
    text-transform: uppercase;
}
.path-ressources .views-row .categ:before {
    content: "";
    background: url(../images/puce-titre-rose.png) no-repeat center;
    display: block;
    width: 66px;
    height: 8px;
    display: block;
    margin-bottom: 10px;
}
.path-ressources .views-row h2 {
    font-size: 2.9rem;
    font-weight: 900;
    text-transform: uppercase;
    margin: 10px 0;
}
.path-ressources .views-row span.picto-ressource {
    display: inline-block;
    margin-right: 10px;
}
.path-ressources .views-row span.picto-ressource + div {
    display: inline-block;
}
.path-ressources .paragraph--type--ressource {
    position: relative;
    margin-top: 25px;
}
.paragraph--type--ressource .file--application-pdf {
    background: unset;
}
.paragraph--type--ressource .file {
    padding-left: 0;
    font-size: 1.9rem;
    position: absolute;
    bottom: -21px;
    width: max-content;
}
.paragraph--type--ressource a,
.paragraph--type--ressource a:hover,
.paragraph--type--ressource a:focus,
.paragraph--type--ressource a:visited {
    border-bottom: 1px solid #000;
    margin-bottom: 5px;
    color: #000;
    font-size: 1.9rem;
    text-decoration: none;
}

/*Node espace consultant*/
.page-node-type-espace-consultant .bloc-liste {
    position: relative;
}
.page-node-type-espace-consultant .bloc-liste .news-consultant {
    position: absolute;
    top: 9%;
    left: 6rem;
    width: 30%;
}
.page-node-type-espace-consultant .bloc-liste .news-consultant .bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    margin-bottom: 0;
}
.page-node-type-espace-consultant
    .bloc-liste
    .news-consultant
    .bx-wrapper
    .bx-pager.bx-default-pager
    a {
    background: url(../images/puce-off-blanc.png) no-repeat center;
    width: 25px;
    height: 25px;
    display: inline-block;
}
.page-node-type-espace-consultant
    .bloc-liste
    .news-consultant
    .bx-wrapper
    .bx-pager.bx-default-pager
    a.active,
.page-node-type-espace-consultant
    .bloc-liste
    .news-consultant
    .bx-wrapper
    .bx-pager.bx-default-pager
    a:focus,
.page-node-type-espace-consultant
    .bloc-liste
    .news-consultant
    .bx-wrapper
    .bx-pager.bx-default-pager
    a:hover {
    background: url(../images/puce-on.png) no-repeat center;
    position: initial;
}
.page-node-type-espace-consultant
    .bloc-liste
    .news-consultant
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item {
    position: relative;
}
.page-node-type-espace-consultant
    .bloc-liste
    .news-consultant
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:first-child:before,
.page-node-type-espace-consultant
    .bloc-liste
    .news-consultant
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:last-child:after {
    content: none;
}
.page-node-type-espace-consultant
    .bloc-liste
    .news-consultant
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:before {
    content: "";
    background: url(../images/trait-blanc.png) no-repeat center;
    width: 18px;
    height: 1px;
    position: absolute;
    top: 12px;
    right: 20px;
}
.page-node-type-espace-consultant
    .bloc-liste
    .news-consultant
    .bx-wrapper
    .bx-pager.bx-default-pager
    .bx-pager-item:after {
    content: "";
    background: url(../images/trait-blanc.png) no-repeat center;
    width: 18px;
    height: 1px;
    position: absolute;
    top: 12px;
    left: 20px;
}
.page-node-type-espace-consultant
    .bloc-liste
    .news-consultant
    .views-row
    .image
    img {
    width: 100%;
    height: auto;
}
.actu-consultant-teaser > div > a,
.actu-consultant-teaser > div > a:hover {
    text-decoration: none;
    color: #000;
}
.actu-consultant-teaser .date {
    padding: 20px 30px 0;
    font-size: 1.8rem;
    color: #0a83af;
}
.actu-consultant-teaser h1 {
    padding: 10px 30px 0;
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: 2.4rem;
    color: #000;
}
.actu-consultant-teaser .chapo {
    text-align: left;
    padding: 20px 30px;
    color: #000;
    font-size: 1.6rem;
    margin: 0;
}
.actu-consultant-teaser .chapo .field_chapo {
    margin: 0;
}
.page-node-type-espace-consultant .bloc-liste .services {
    position: absolute;
    right: 1rem;
    top: 8rem;
    width: 62%;
    padding: 17px 20px;
    border-left: 1px solid #fff;
    height: 86%;
}
.page-node-type-espace-consultant .bloc-liste .services h4 {
    font-size: 2.4rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 1rem;
    color: #fff;
}
.page-node-type-espace-consultant .bloc-liste .services .ressource-une > a {
    background: #0a83af;
    padding: 5rem 6%;
    display: block;
    margin: 1.5rem 0;
    overflow: hidden;
}
.page-node-type-espace-consultant .bloc-liste .services .ressource-une a,
.page-node-type-espace-consultant .bloc-liste .services .ressource-une a:hover {
    text-decoration: none;
    color: #fff;
    font-size: 1.6rem;
}
.page-node-type-espace-consultant .bloc-liste .services .ressource-une .right {
    max-width: 70%;
    float: left;
}
.page-node-type-espace-consultant
    .bloc-liste
    .services
    .ressource-une
    a
    .field_ressource_a_la_une_titre {
    font-weight: 600;
    font-size: 2.8rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.page-node-type-espace-consultant
    .bloc-liste
    .services
    .autres-ressources
    .field_autres_blocs {
    display: flex;
    flex-wrap: wrap;
}
.page-node-type-espace-consultant
    .bloc-liste
    .services
    .autres-ressources
    .field_autres_blocs
    > div {
    width: 30%;
    margin-right: 5%;
}
.page-node-type-espace-consultant
    .bloc-liste
    .services
    .autres-ressources
    .field_autres_blocs
    > div:last-child {
    margin-right: 0;
}
.page-node-type-espace-consultant
    .bloc-liste
    .services
    .autres-ressources
    .field_autres_blocs
    .paragraph--type--bloc-consultant
    > a {
    text-align: center;
    position: relative;
    padding: 1rem;
    background: #fff;
    display: block;
    min-height: 16.5rem;
    line-height: 150px;
}
.page-node-type-espace-consultant
    .bloc-liste
    .services
    .autres-ressources
    .field_autres_blocs
    .paragraph--type--bloc-consultant
    > a
    * {
    vertical-align: middle;
    width: 90%;
    height: auto;
    margin: auto;
}

.container-ikos {
    width: 1300px;
    margin: 0 auto;
    max-width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}
@media screen and (max-width: 999px) {
    .container-ikos {
        width: 1300px;
        margin: 0 auto;
        max-width: 100%;
        padding: 20px;
    }
}

/*footer*/
footer {
    background: #a02064;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 20px 0 10px;
}
footer a,
footer a:hover {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 400;
}
.site-footer__top > div > div {
    display: inline-block;
}
#block-ikos-reseauxsociales {
    position: relative;
    bottom: 2px;
}
#block-ikos-reseauxsociales li {
    padding: 0;
    margin-right: 10px;
}
#block-ikos-reseauxsociales .fa-2x {
    font-size: 1.3em !important;
}
#block-pieddepage ul.sf-menu .sf-depth-1 > a,
ul.sf-menu .sf-depth-1 > span.nolink {
    padding: 0 10px;
}
#block-pieddepag ul li {
    margin-right: 10px !important;
}
#block-copyright {
    position: relative;
    bottom: 3px;
}
/*#backtotop,*/
#toTop {
    background: url(../images/backtotop.png) no-repeat center !important;
    position: fixed;
    bottom: 40px;
    right: 0px;
    width: 48px;
    height: 48px;
    display: none;
    cursor: pointer;
}
span.fa.fa-linkedin.fa-2x {
    position: relative;
    bottom: 1px;
}
span.fa.fa-youtube-play.fa-2x {
    position: relative;
    top: 1px;
}

/*-- ikos Popups ----------------------------------------*/

.ikos-popup {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.ikos-popup.open {
    display: block;
    visibility: visible;
    opacity: 1;
}

.ikos-popup--window {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600px;
    max-width: 90%;
    height: auto;
    min-height: 400px;
    max-height: 100%;
    background: #fff;
    transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.ikos-popup.open .ikos-popup--window {
    visibility: visible;
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    transition: all 0.3s ease-out 0.2s;
}

.ikos-popup--close {
    position: absolute;
    top: 11px;
    right: 11px;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("../images/cross-white.png");
    background-size: 18px 18px;
    background-position: center center;
    cursor: pointer;
    z-index: 10;
}

.forgot-pwd-popup {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.forgot-pwd-popup.open {
    display: block;
    visibility: visible;
    opacity: 1;
}

.forgot-pwd-popup--window {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    max-width: 90%;
    height: auto;
    min-height: 300px;
    max-height: 100%;
    background: #fff;
    transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.forgot-pwd-popup.open .forgot-pwd-popup--window {
    visibility: visible;
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    transition: all 0.3s ease-out 0.2s;
}

.forgot-pwd-popup--close {
    position: absolute;
    top: 11px;
    right: 11px;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("../images/cross.png");
    background-size: 18px 18px;
    background-position: center center;
    cursor: pointer;
    z-index: 10;
}
.lien-perma {
    position: fixed;
    z-index: 1;
    background: #a02064;
    text-align: center;
    padding: 5px 15px;
    top: 135px;
    right: 0;
}
.lien-perma a,
.lien-perma a:hover {
    font-size: 1.8rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}
.lien-perma-mobile {
    display: none;
}
.popup-logout-config--window {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    max-width: 90%;
    height: auto;
    min-height: 250px;
    max-height: 100%;
    background: #fff;
    transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
    padding: 70px;
    text-align: center;
}
.popup-logout-config--window h4 {
    font-size: 1.9rem;
    font-weight: 600;
}
.popup-logout-config--window .link {
    margin: 0 auto;
    background: unset;
    box-shadow: none;
    padding: 7px 15px;
    margin-top: 20px;
}
.popup-logout-config--window .link a {
    color: #0a83af;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #85a8b8;
}

/*Page user*/
.path-user #content {
    padding: 30px 9rem;
}
.user-logged-in.path-user .layout-container {
    margin: 0 !important;
    text-align: center;
}
.user-logged-in.path-user #user-form .text-intro {
    padding: 20px 26%;
    font-size: 1.6rem;
    font-weight: 600;
}
.user-logged-in.path-user #user-form .form-item-mail,
.user-logged-in.path-user #user-form #edit-pass--description,
.user-logged-in.path-user #user-form .form-item-current-pass {
    display: none !important;
}
.user-logged-in.path-user #user-form .form-item-pass {
    text-align: center !important;
    margin-top: 30px;
}
.user-logged-in.path-user #user-form label {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 0;
}
.user-logged-in.path-user #user-form .form-item {
    display: inline-block;
    text-align: left;
}
.user-logged-in.path-user #user-form .form-item-pass-pass1 {
    position: relative;
    bottom: 27px;
    margin-right: 30px;
}
.user-logged-in.path-user #user-form .form-text {
    margin-top: 0;
}
.user-logged-in.path-user #user-form #edit-actions,
.path-user #content #user-pass-reset #edit-actions {
    text-align: center;
}
.path-user #content #user-pass-reset #edit-submit {
    color: #0a83af;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #85a8b8;
    background: unset;
    display: block;
    padding: 20px 30px;
}
.user-logged-in.path-user #user-form #edit-submit {
    color: #0a83af;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #85a8b8;
    background: unset;
    padding: 20px 30px;
    margin-top: 30px;
}

/** Masonry **/
.path-news .breadcrumbs.hidden,
.path-nos-offres .breadcrumbs.hidden {
    display: block !important;
}
.path-news #block-ikos-content {
    background: url(../images/news-bg.png) no-repeat;
    background-attachment: fixed;
    background-position: 0% 85px;
    padding-top: 50px;
}
.path-nos-offres #block-ikos-content {
    margin-bottom: 30px;
}
.path-news #block-ikos-content > .views-element-container,
.path-nos-offres #block-ikos-content > .views-element-container {
    width: 85%;
    max-width: 1180px;
    margin: 0 auto;
}
.path-news #block-ikos-content > .views-element-container h1,
.path-nos-offres #block-ikos-content > .views-element-container h1 {
    margin-bottom: 30px;
    text-transform: uppercase;
}
.path-news #block-ikos-content > .views-element-container h1:after,
.path-nos-offres #block-ikos-content > .views-element-container h1:after {
    content: "";
    background: url(../images/puce-titre-rose.png) no-repeat center;
    width: 66px;
    height: 8px;
    display: block;
    margin: 0 auto;
}

/*
  ikos-16293 layout sans masonry pour l'accueil.
*/

.actu-,
.LinkedIn {
    display: block;
}

[data-drupal-masonry-layout] article.teaser-node,
.actu- {
    padding: 0;
    border: none;
    background: #fff;
    box-shadow: 1px 1px 5px #cfcfcf;
}

[data-drupal-masonry-layout],
.ikos-col {
    display: flex;
    justify-content: center;
    align-content: center;
    /* align-items: center; */
    align-items: stretch;
    flex-direction: column;
    gap: 30px;
}

/*
  ikos-16334 Ajustement du bloc "Rejoignez-nous" : le bx-slider en mobile ne
  supporte pas flexbox.

  TODO [evol] + [a11y] Supprimer les dépendances redondantes, n'utiliser qu'une
  seule lib pour tous les sliders, e.g. slickslider ?

  @see themes/ikos/templates/paragraph/paragraph--rejoignez-nous.html.twig
  @see themes/ikos/templates/field/field--field-offres-d-emploi.html.twig
*/
.ikos-col.field_offres_d_emploi {
    display: block;
}

/*
  Sous mobile, c'est un block dédié pour rendu slideshow.
  Ne pas afficher les items linkedin dans la zone en colonne, du coup.
*/
#block-views-block-news-actu-block-1 .ikos-col > .actu-LinkedIn {
    display: none;
}
#block-views-block-news-actu-block-1 .ikos-col + .mobile {
    margin-top: 15px;
    padding: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1165px) {
    #block-mainnavigation ul.sf-menu li:hover > ul,
    ul.sf-menu li.sfHover > ul {
        background: #e2e7eb;
    }
    #block-mainnavigation ul.sf-menu .sf-depth-1 > a,
    ul.sf-menu .sf-depth-1 > span.nolink {
        color: white;
    }
}

@media screen and (min-width: 999px) {
    #block-views-block-news-actu-block-1 .ikos-col > .actu-LinkedIn {
        display: block;
    }
    [data-drupal-masonry-layout],
    .ikos-col {
        flex-direction: row;
        flex-wrap: wrap;
    }
    [data-drupal-masonry-layout] > *,
    .ikos-col.ikos-col--3 > * {
        width: calc(100% / 3 - 60px / 3); /* 2 gaps * 30px / 3 items */
    }

    /*
    ikos-16334 Ajustement du bloc "Rejoignez-nous" (suite).
  */
    .ikos-col.field_offres_d_emploi {
        display: flex;
    }
}

[data-drupal-masonry-layout] .masonry-item {
    margin-bottom: 25px;
}

.LinkedIn {
    background: #0a83af;
    color: #fff;
    box-shadow: none;
}
.actu-,
.actu-:hover,
.LinkedIn,
.LinkedIn:hover,
.masonry-item a,
.masonry-item a:hover {
    text-decoration: none;
}
.actu-,
.actu-:hover,
.actu- a,
.actu- a:hover {
    color: #000;
}
.LinkedIn,
.LinkedIn:hover {
    color: #fff;
}
.actu- img,
.LinkedIn img,
.masonry-item a img {
    width: 100%;
    height: auto;
}
.actu-titre {
    display: none;
}
.LinkedIn .actu-titre {
    display: block;
    font-weight: bold;
}
.LinkedIn .actu-titre:before {
    content: "";
    display: inline-block;
    background: url("../images/LinkedIn-icon.png") no-repeat;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin-right: 10px;
}
.actu- .actu-date,
.offre-date {
    color: #0a83af;
}
.actu-date,
.offre-date {
    margin: 10px 0;
}
.LinkedIn,
.LinkedIn:hover {
    text-decoration: none;
    color: #fff;
}
.LinkedIn img {
    width: 100%;
    height: auto;
    max-height: 215px;
    object-fit: none;
}
.LinkedIn .actu-title {
    display: none;
}
.actu-title,
.offre-title {
    font-size: 24px;
    font-weight: bold;
    margin: 0px 0px 10px;
    text-transform: uppercase;
}
.actu-content,
.offre-content {
    padding: 25px;
}
.offre-content {
    position: relative;
}
.offre-content .chapo {
    margin-bottom: 50px;
}
.media-oembed-content {
    width: 100%;
    max-height: 210px;
}
#block-views-block-news-actu-block-1 .link {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
#block-views-block-news-actu-block-1 .link a {
    display: inline-block;
    color: #0b5675;
    border: 1px solid #0b5675;
}

/** sitemap **/
.sitemap-message h1 {
    font-size: 5.3rem;
    font-weight: 900;
    color: #203b57;
    margin: 30px 0;
    text-transform: uppercase;
}
.sitemap-message h1:after {
    content: "";
    background: url(../images/puce-titre-rose.png) no-repeat center;
    display: block;
    width: 100%;
    height: 8px;
}
.content > .sitemap-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.content > .sitemap-menu > li {
    flex-basis: 13%;
    list-style: none;
    text-transform: uppercase;
    line-height: 21px;
    margin-right: 40px;
}
.content > .sitemap-menu > li > a {
    font-size: 2.1rem;
    font-weight: bold;
    height: 50px;
    display: inline-block;
}
.content > .sitemap-menu a,
.content > .sitemap-menu span {
    color: #000;
    font-weight: 600;
}
.content > .sitemap-menu a:hover {
    text-decoration: none;
    color: #a02064;
}
#block-mainnavigation ul.menu > li:last-child {
    visibility: hidden;
}
.sitemap .sitemap-box .sitemap-menu {
    list-style: none;
    padding: 0;
}
.content > .sitemap-menu > li > ul > li {
    padding: 15px 1px;
    border-bottom: solid 1px #b5b5b5;
}
.content > .sitemap-menu > li > ul > li > ul > li {
    font-size: 14px;
    padding-left: 20px;
    margin: 8px 0;
}
.content > .sitemap-menu > li > ul > li > ul > li:last-child {
    margin-bottom: 0;
}
.content > .sitemap-menu > li:last-child a {
    background: #e9f0f3;
    padding: 15px;
    height: auto;
    margin-top: -15px;
    color: #0a83af;
}
.sitemap .sitemap-box {
    margin: 100px 0;
}
.page-node-type-offre-d-emploi .mailto {
    margin-bottom: 30px;
}
.page-node-type-offre-d-emploi .mailto,
.page-node-type-offre-d-emploi .mailto a,
.page-node-type-offre-d-emploi .mailto a:hover {
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
.newslinkdin {
    box-shadow: unset;
}
/*@media screen and (min-width: 1300px) {
	header .section {
	    padding: 10px 2% 0 26%;
	}
}*/

/**/
.path-recherche .breadcrumbs.hidden {
    display: block !important;
}
.path-recherche h1.titre-recherche {
    margin-bottom: 30px;
    text-transform: uppercase;
}
.path-recherche h1.titre-recherche:after {
    content: "";
    background: url(../images/puce-titre-rose.png) no-repeat center;
    width: 66px;
    height: 8px;
    display: block;
    margin: 0 auto;
}
.path-recherche .views-exposed-form {
    max-width: 1300px;
    margin: 20px auto 0;
    position: relative;
}
#edit-search-api-fulltext {
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
}
.path-recherche .views-exposed-form {
    margin-bottom: 60px;
}
.path-recherche .views-exposed-form div#edit-actions {
    position: absolute;
    top: 3px;
    right: 15.1%;
}
.path-recherche .views-exposed-form div#edit-actions input {
    background: #fff url("../images/loupe-bleu.png") no-repeat center;
    border: none;
    text-indent: -999999999px;
    width: 30px;
    height: 25px;
    background-size: 75%;
}
.path-recherche .views-row {
    display: block;
    overflow: hidden;
    clear: both;
    margin-bottom: 30px;
    padding: 60px 0;
}
.search-api-autocomplete-search .ui-menu-item a {
    font-size: 16px;
}
.path-recherche .views-row:nth-child(odd) {
    background: #f0f7fb;
}
.path-recherche .gauche {
    max-width: 30%;
    display: block;
    float: left;
    margin-right: 25px;
}
.path-recherche .gauche img {
    width: 100%;
    height: 20rem;
    object-fit: cover;
}

.path-recherche .droite {
    max-width: 65%;
    display: block;
    float: right;
    width: 100%;
}
.path-recherche .views-row .date {
    color: #0a83af;
    font-size: 18px;
    margin-bottom: 10px;
}
.path-recherche .views-row h1,
.path-recherche .views-row h1 a,
.path-recherche .views-row h1 a:hover {
    font-size: 21px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    text-align: inherit;
    margin: 0;
}
.path-recherche .views-row .chapo {
    margin-top: 10px;
}

.pager {
    text-align: center;
    margin: 50px 0;
}
.pager .pager__items .pager__item {
    display: inline-block;
    border: 1px solid #687884;
    border-radius: 100%;
    width: 25px;
}
.pager .pager__items .pager__item.pager__item--first,
.pager .pager__items .pager__item.pager__item--previous,
.pager .pager__items .pager__item.pager__item--next,
.pager .pager__items .pager__item.pager__item--last {
    border: none;
    width: auto;
}
.pager .pager__items .pager__item.pager__item--previous {
    text-indent: -9999px;
    background: url("../images/arrow-search-left.png") no-repeat center;
    width: 25px;
}
.pager .pager__items .pager__item.pager__item--next {
    text-indent: -9999px;
    background: url("../images/arrow-search-right.png") no-repeat center;
    width: 25px;
}

.pager .pager__items .pager__item.is-active {
    background: #0a83af;
    border: 3px solid #0a83af;
    width: 28px;
}
.pager .pager__items .pager__item.is-active a {
    color: #fff;
}
.pager .pager__items .pager__item a {
    font-size: 16px;
    font-weight: bold;
    font-family: "Ubuntu", sans-serif;
    color: #687884;
}
.pager .pager__items .pager__item a:hover {
    text-decoration: none;
}

#Signalisation_en_contrôle_commande {
    text-transform: uppercase;
}

.paragraph--type--bloc-mini-slider {
    overflow: hidden;
    clear: both;
}
.paragraph--type--bloc-mini-slider .field_mini_slider {
    float: left;
}

.paragraph--type--telechargement .file--application-pdf {
    background: none;
    padding: 0;
}

.paragraph--type--telechargement {
    width: 1300px;
    margin: 0 auto;
    max-width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.paragraph--type--telechargement .moyen-titre:after {
    background: url(../images/puce-titre-rose.png) no-repeat center;
}
.paragraph--type--telechargement .file--application-pdf a,
.paragraph--type--telechargement .file--application-pdf a:hover {
    font-family: "Raleway", sans-serif;
    color: #000;
    font-size: 1.7rem;
    text-decoration: none;
    margin-bottom: 5px;
}

.paragraph--type--telechargement .file--application-pdf a span {
    background: url(../images/picto-download.png) no-repeat 50% 100%;
    width: 17px;
    height: 20px;
    margin-left: 10px;
    display: inline-block;
    background-size: 100%;
}

.path-frontpage #block-nosadresses {
    display: none;
}

/*** MOBILE ***/

@media screen and (max-width: 768px) {
    .expertise-header .field_media_image img {
        width: auto !important;
        margin-left: -50%;
    }
}

@media screen and (max-width: 999px) {
    .desktop {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }

    /* ikos-16718 Refonte du menu pour convertir le bouton profil en dropdown. */
    .region-header.region-header #block-dropdownlanguage {
        z-index: 999;
    }
    .region-header .dropdown--ikos {
        color: #fff;
    }
    .region-header .dropdown--ikos .dropdown-item {
        font-weight: 700;
    }
    #header .region-header .dropdown--ikos .dropdown-menu {
        background: #203b57;
    }

    #block-nosadresses {
        display: block !important;
    }
    #block-nosadresses-2 {
        display: none;
    }
    /*custom accoredon*/
    .custom-accordeon-btn,
    .custom-accordeon-btn-2 {
        position: relative;
    }
    .custom-accordeon-btn > div:after,
    .custom-accordeon-btn-2 > div:after {
        content: "";
        background: url(../images/plus.png) no-repeat center;
        width: 25px;
        height: 25px;
        display: inline-block;
        position: absolute;
        right: 10px;
        bottom: 25%;
    }
    .custom-accordeon-btn.open > div:after,
    .custom-accordeon-btn-2.open > div:after {
        background: url(../images/minus.png) no-repeat center;
    }
    .node--type-personne.open .custom-accordeon-btn > div:after,
    .node--type-personne.open .custom-accordeon-btn-2 > div:after {
        background: url(../images/hyphen.png) no-repeat center;
    }
    .custom-accordeon-btn-2 > div:after {
        right: 10px;
    }
    .custom-accordeon-content {
        display: none;
    }
    .node-banner .node-banner-title .surtitre {
        font-size: 2rem;
    }
    .node-banner .node-banner-title h1 {
        font-size: 3rem;
    }

    .paragraph--type--grille,
    .paragraph--type--grille .grille {
        padding: 0;
        text-align: left;
    }
    .paragraph--type--grille .grille {
        padding: 0 20px;
    }
    .page-node-type-semi-grille .paragraph--type--grille .intro {
        padding: 0 9rem;
        text-align: center;
    }
    .paragraph--type--grille .grille > div {
        display: inherit;
    }
    .paragraph--type--grille .grille > div > div {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .paragraph--type--double-image .part-logo {
        margin-bottom: 10px;
    }
    .paragraph--type--double-image .part-logo .gris {
        display: none;
    }
    .paragraph--type--double-image .part-texte-content {
        opacity: 1;
        position: relative;
        width: 100%;
        left: inherit;
        background: #e3eaef;
        padding: 0;
    }
    .paragraph--type--double-image .part-texte-content .triangle {
        display: none !important;
    }
    .page-node-type-semi-grille .paragraph--type--grille .part-texte-content {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }
    .page-node-type-grille .node--type-personne .infos {
        margin: 0;
        background: #e3eaef;
        padding: 5px 40px 25px;
    }
    .page-node-type-grille .node--type-personne .infos::before {
        left: 10px;
    }
    .paragraph--type--entite-grille .grille > div {
        display: block;
    }
    .paragraph--type--entite-grille .grille > div > div {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .paragraph--type--entite-grille .part-texte-content {
        position: relative;
        left: inherit;
        width: 100%;
        opacity: 1;
        background: #e3eaef;
        padding: 10px 20px;
    }
    .paragraph--type--entite-grille .part-texte-content .triangle {
        display: none;
    }
    .path-ressources #views-exposed-form-ressources-page-1 {
        text-align: left;
        padding: 30px 4rem;
    }
    .path-ressources
        #views-exposed-form-ressources-page-1
        #edit-field-categorie-target-id {
        padding-bottom: 0;
    }
    .path-ressources
        #views-exposed-form-ressources-page-1
        #edit-field-categorie-target-id
        ul {
        position: relative;
    }
    .path-ressources
        #views-exposed-form-ressources-page-1
        #edit-field-categorie-target-id
        ul::after {
        background: url(../images/traitvertical-gris.png);
        width: 3px;
        height: 85%;
        top: 2rem;
        left: 1.8rem;
    }
    .path-ressources
        #views-exposed-form-ressources-page-1
        #edit-field-categorie-target-id
        li {
        width: 100%;
    }
    .path-ressources
        #views-exposed-form-ressources-page-1
        #edit-field-categorie-target-id
        li
        a.bef-link {
        background-position: 13px center;
        padding: 5px 50px;
        margin-bottom: 20px;
    }
    .path-ressources
        #views-exposed-form-ressources-page-1
        #edit-field-categorie-target-id
        li
        a.bef-link.bef-link--selected {
        background-position: 0 center;
    }
    .masonry-layout .masonry-item {
        width: calc(100% - 30px);
    }
    .page-node-type-espace-consultant .bloc-liste {
        height: 1850px;
    }
    .page-node-type-espace-consultant .bloc-liste .image-fond,
    .page-node-type-espace-consultant .bloc-liste .image-fond > *,
    .page-node-type-espace-consultant .bloc-liste .image-fond .field_backgroung,
    .page-node-type-espace-consultant
        .bloc-liste
        .image-fond
        .field_backgroung
        > *,
    .page-node-type-espace-consultant
        .bloc-liste
        .image-fond
        .field_backgroung
        .field_media_image,
    .page-node-type-espace-consultant
        .bloc-liste
        .image-fond
        .field_backgroung
        .field_media_image
        > *:not(.visually-hidden) {
        height: 100%;
    }
    .page-node-type-espace-consultant .bloc-liste .image-fond img {
        height: 100%;
        object-fit: cover;
    }
    .page-node-type-espace-consultant .bloc-liste .news-consultant {
        top: 3%;
        left: 2rem;
        width: 90%;
        padding-bottom: 5rem;
        border-bottom: 1px solid #fff;
        margin-bottom: 2rem;
    }
    .page-node-type-espace-consultant .bloc-liste .services {
        border-left: none;
        top: 76rem;
        width: 100%;
        padding: 17px 20px;
        right: inherit;
        height: auto;
    }
    .page-node-type-espace-consultant .bloc-liste .services .ressource-une > a {
        padding: 5rem 2rem;
    }
    .page-node-type-espace-consultant
        .bloc-liste
        .services
        .ressource-une
        > a
        .left {
        float: none;
        text-align: center;
    }
    .page-node-type-espace-consultant
        .bloc-liste
        .services
        .autres-ressources
        .field_autres_blocs {
        display: block;
    }
    .page-node-type-espace-consultant
        .bloc-liste
        .services
        .autres-ressources
        .field_autres_blocs
        > div {
        width: 100%;
        margin-bottom: 2rem;
    }

    /** mobile r.b. **/
    header .section {
        padding: 10px 2rem;
    }
    header .section .logo {
        margin-right: auto;
    }
    header .section .burger-toggle {
        margin-left: auto;
    }
    .path-frontpage .banner,
    .path-frontpage .banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-height: 300px;
    }
    ul.sf-menu span.nolink {
        color: #fff;
        font-style: italic;
    }
    #block-views-block-news-actu-block-1 {
        padding: 30px 2rem;
    }
    #block-views-block-news-actu-block-1 > div:not(.contextual) {
        padding-left: 0;
        padding-right: 0;
    }
    .paragraph--type--slider-contenu .views-row > article .zone-texte .link {
        margin-top: 30px;
    }
    .path-frontpage .paragraph--type--slider-contenu .bx-controls.bx-has-pager {
        left: 0;
        width: 100%;
        bottom: 75px;
    }
    #block-views-block-news-actu-block-1 .titre-slider-home {
        margin-top: 0;
        margin-left: 0;
    }
    .lien-perma {
        display: none;
    }
    .image-fond img {
        width: auto;
    }
    .lien-perma-mobile {
        display: block;
        text-align: center;
        background: #a02064;
        padding: 15px 0;
    }
    .lien-perma-mobile a {
        color: white;
        font-weight: 800;
        text-transform: uppercase;
        text-decoration: none;
    }
    .paragraph--type--rejoignez-nous .offres > div > div:not(.bx-has-pager) {
        padding: 20px;
    }
    .paragraph--type--rejoignez-nous .offres .node-type-offre .link-poste {
        /*position: relative;*/
        margin-top: 2rem;
        display: inline-block;
    }
    .newslinkdin header {
        display: none;
    }
    #block-mainnavigation {
        width: 100%;
        max-width: 100%;
    }
    #block-mainnavigation ul.sf-menu .sf-depth-1 > a:after {
        content: " ";
        background: url(../images/arrow-open.png) no-repeat center;
        width: 16px;
        height: 9px;
        display: block;
        position: absolute;
        top: 23px;
        right: -22px;
    }
    #block-mainnavigation ul.sf-menu .sf-depth-1.sf-expanded > a:after {
        background: url(../images/arrow-close.png) no-repeat center;
    }
    #block-mainnavigation ul.sf-menu .sf-depth-1 > a,
    ul.sf-menu .sf-depth-1 > span.nolink {
        width: 100%;
        color: white;
    }
    #block-forgotpasswordblock {
        padding: 6.5rem 3rem;
    }
    .page-node-type-grille #content h2 {
        font-size: 3.5rem;
    }
    .paragraph--type--entite-grille .grille {
        padding: 30px 4rem 15px;
    }
    .region-header {
        overflow-y: auto;
    }
    header .section .logo img {
        width: 112px;
    }
    .page-node-type-actualite .node--content,
    .page-node-type-actualite-consultant .node--content {
        padding: 10px 2rem;
    }
    #block-breadcrumbs {
        padding: 5px 2rem;
    }
    .page-node-type-actualite .chapo,
    .page-node-type-actualite-consultant .chapo,
    .page-node-type-actualite .corp-texte,
    .page-node-type-actualite-consultant .corp-texte {
        padding: 10px 2rem;
    }
    .expertise-header .field_media_image img {
        width: auto !important;
    }
    .expertise-title {
        bottom: 25% !important;
    }
    .page-node-type-semi-grille .node-content {
        padding: 0 2rem;
    }
    .page-node-type-semi-grille #content h2 {
        font-size: 3.5rem;
    }
    .moyen-titre {
        font-size: 2.5rem;
    }
    .page-node-type-semi-grille .paragraph--type--grille .intro {
        padding: 0 2rem;
    }
    .sf-depth-2.menuparent > ul {
        display: block;
        float: none;
        position: relative;
        top: auto;
        padding-left: 3rem !important;
    }
    /* #block-mainnavigation ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
		background: initial;
		top: initial;
		left: initial;
	} */
    .card .btn-link {
        text-align: center !important;
    }

    .path-recherche .views-exposed-form div#edit-actions {
        right: 15.3%;
    }
    .path-recherche .gauche {
        max-width: 100%;
        display: block;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .path-recherche .gauche img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .path-recherche .droite {
        max-width: 100%;
        display: block;
        float: none;
        width: 100%;
    }
    .path-news
        #block-ikos-content
        > .views-element-container
        .masonry-layout
        .masonry-item,
    .path-nos-offres
        #block-ikos-content
        > .views-element-container
        .masonry-layout
        .masonry-item {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .paragraph--type--rejoignez-nous .offres .teaser-node .link-poste {
        bottom: 50px;
    }
    .masonry-item.views-row .link-poste {
        position: inherit;
    }
    .paragraph--type--mise-en-avant > .zone-texte {
        padding: 25px 2rem;
    }
    .sixcol,
    .grid-6 {
        float: none;
        width: 100%;
    }
    .ckeditor-col-container .last-col {
        margin-left: 0;
    }
    .paragraph--type--grille .moyen-titre {
        padding: 0 30px 0 20px;
        font-size: 1.8rem;
    }
    .paragraph--type--bloc-media-texte .left,
    .paragraph--type--bloc-media-texte .right,
    .paragraph--type--bloc-media-texte .left,
    .paragraph--type--bloc-media-texte .left {
        width: 100%;
        min-height: inherit;
        margin-bottom: 20px;
    }
    .paragraph--type--bloc-media-texte .left,
    .paragraph--type--bloc-media-texte .right img,
    .paragraph--type--bloc-media-texte .left,
    .paragraph--type--bloc-media-texte .left img {
        width: 100%;
        height: auto;
    }
    .temoignage-list .field_temoignage {
        display: block;
    }
    .temoignage-list .field_temoignage.selected {
        display: none;
    }
    .paragraph--type--innovation {
        max-height: 500px;
    }
    .path-nos-offres .masonry-item img {
        height: auto;
        width: 100%;
    }
}
.youtube_player {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
.youtube_player .tac_float {
    height: 100%;
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.youtube_player iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}