/**********************************/
/***          SUBHEADER         ***/
/**********************************/

/** TV TOOLS **/
body.path-home-tv-tools {
    top: 0;
}
body.path-home-tv-tools header {
    /*display: none;*/
}
body.path-home-tv-tools #menu_nav {
    /*display: none;*/
}

.page-node-type-niveau-3 .mainContent .region-content img.align-right {
  margin-left: 10px;
}

.page-node-type-niveau-3 .mainContent .region-content img.align-left {
  margin-right: 10px;
}

/*-------- Webform ------------*/
.path-webform form {
    font-family: "Muli-Regular";

}
.path-webform form label,
.path-webform form fieldset,
.path-webform form input {
    font-size: 1.400em;
}

.path-webform form fieldset label {
    font-size: 1em;
}

/*---------- SLIDER------------*/
#carouselExampleIndicators {
    height: 88vh;
}

.carousel-inner {
    height: 100%;
}


.carousel-item.first {
    background: url(../images/img_slider_1.jpg) no-repeat center top;
}

.carousel-item.second {
    background: url(../images/img_slider_2.jpg) no-repeat center top;
}

.carousel-item.third {
    background: url(../images/img_slider_3.jpg) no-repeat center top;
}

.carousel-item.four {
    background: url(../images/img_slider_4.jpg) no-repeat center top;
}

.carousel-item.five {
    background: url(../images/img_slider_5.jpg) no-repeat center top;
}

.carousel-item.first,
.carousel-item.second,
.carousel-item.third,
.carousel-item.four,
.carousel-item.five {
    background-size: cover;
}

.carousel-item .trame {
    background: none;
    background-image: url('../images/bandeau_trame01.png');
    height: 100%;
    position: relative;
}

/**
 * @file
 * Throbber.
 */

.ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px 5px;
}
[dir="rtl"] .ajax-progress {
    float: right;
}
.ajax-progress-throbber .throbber {
    background: transparent url(../images/throbber-active.gif) no-repeat 0 center;
    display: inline;
    padding: 1px 5px 2px;
}
.ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px;
}
tr .ajax-progress-throbber .throbber {
    margin: 0 2px;
}
.ajax-progress-bar {
    width: 16em;
}

/* Full screen throbber */
.ajax-progress-fullscreen {
    /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
    left: 0; /*80%;*/ /* LTR */
    position: fixed;
    top: 0; /*22%;*/
    z-index: 1000;
    background-color: #232323;
    background-image: url(../images/loading-small.gif);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 7px;
    opacity: 0.9;
    padding: 4px;
    /*width: 24px;*/
    /*height: 24px;*/
    width: 100%;
    height: 100vh;
}
[dir="rtl"] .ajax-progress-fullscreen {
    left: auto;
    right: 49%;
}

/**********************************/
/***       MENU PRINCIPALE      ***/
#menu_nav {
    display: inline-block;
    width: 100%;
}

#menu_nav .navbar-collapse {
    padding: 0;
}

.page-node-type-niveau-3 #menu_nav {
    display: none;
}

/*------ Mis en évidence -------*/
.region-highlighted .alert {
    margin-top: 20px;
}

body.toolbar-fixed:not(.toolbar-tray-open) .secondNav.ui.sticky.top.fixed {
    top: 39px;
}

body.toolbar-fixed.toolbar-tray-open.toolbar-horizontal .secondNav.ui.sticky.top.fixed {
    top: 200px;
}

span.excerpt {
    background-color: #fef200;
    color: #000000;
    font-weight: bold;
}

.region-content .webform-term-checkboxes-scroll .fieldset-wrapper {
    border: 0;
}

/**********************************/
/***        PAGE ACCUEIL        ***/
/**********************************/
.view,
.field--name-field-aussi-interesse-par,
.field--name-field-faits-marquants-niveau-4 {
    /*---------- COULEURS ARTICLE ----------*/
    /*---- BLOC FONDS COULEURS -----*/
    /*---------- FIL ACTU ----------*/
    /* GABARIT ARTICLE */
}

.view.aLaUne,
.field--name-field-aussi-interesse-par.aLaUne,
.field--name-field-faits-marquants-niveau-4.aLaUne {
    margin-top: 50px;
    margin-bottom: 50px;
}

.view.aLaUne article .actu,
.field--name-field-aussi-interesse-par.aLaUne article .actu,
.field--name-field-faits-marquants-niveau-4.aLaUne article .actu {
    background: #fff;
    box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.04);
    padding-bottom: 15px;
    display: inline-block;
    min-height: 230px;
    margin: -31px 15px 15px 15px;
    width: calc(100% - 30px);
}

.view article,
.field--name-field-aussi-interesse-par article,
.field--name-field-faits-marquants-niveau-4 article {
    transition: all 0.2s ease-in-out;
}

.view article:hover,
.field--name-field-aussi-interesse-par article:hover,
.field--name-field-faits-marquants-niveau-4 article:hover {
    transform: scale(1.03);
}

.view article:hover .actu,
.field--name-field-aussi-interesse-par article:hover .actu,
.field--name-field-faits-marquants-niveau-4 article:hover .actu,
.view article:hover .blocCateg,
.field--name-field-aussi-interesse-par article:hover .blocCateg,
.field--name-field-faits-marquants-niveau-4 article:hover .blocCateg {
    box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.1);
}

.view article .blocCateg,
.field--name-field-aussi-interesse-par article .blocCateg,
.field--name-field-faits-marquants-niveau-4 article .blocCateg {
    padding: 30px;
}

.view article .actu,
.field--name-field-aussi-interesse-par article .actu,
.field--name-field-faits-marquants-niveau-4 article .actu {
    transition: all 0.2s ease-in-out;
}

.view article .actu .etiquetteSupp,
.field--name-field-fil-d-actualites article .actu .etiquetteSupp,
.field--name-field-aussi-interesse-par article .actu .etiquetteSupp,
.field--name-field-faits-marquants-niveau-4 article .actu .etiquetteSupp {
    margin: 10px 0 -10px 0;
}

.view article .actu .etiquetteSupp .type,
.view article .actu .etiquetteSupp .type a,
.field--name-field-fil-d-actualites article .actu .etiquetteSupp .type,
.field--name-field-fil-d-actualites article .actu .etiquetteSupp .type a,
.field--name-field-aussi-interesse-par article .actu .etiquetteSupp .type,
.field--name-field-aussi-interesse-par article .actu .etiquetteSupp .type a,
.field--name-field-faits-marquants-niveau-4 article .actu .etiquetteSupp .type,
.field--name-field-faits-marquants-niveau-4 article .actu .etiquetteSupp .type a,
.view article .actu .etiquetteSupp .datePost,
.field--name-field-fil-d-actualites article .actu .etiquetteSupp .datePost,
.field--name-field-aussi-interesse-par article .actu .etiquetteSupp .datePost,
.field--name-field-faits-marquants-niveau-4 article .actu .etiquetteSupp .datePost {
    font-family: 'Muli-Regular';
    color: #6d6d6d;
    font-size: 1.250em;
    display: inline-block;
}

.view article .actu .etiquetteSupp .type a:hover,
.field--name-field-fil-d-actualites article .actu .etiquetteSupp .type a:hover,
.field--name-field-aussi-interesse-par article .actu .etiquetteSupp .type a:hover,
.field--name-field-faits-marquants-niveau-4 article .actu .etiquetteSupp .type a:hover {
    color: #003559;
}

.view article .actu .etiquetteSupp .type,
.field--name-field-fil-d-actualites article .actu .etiquetteSupp .type,
.field--name-field-aussi-interesse-par article .actu .etiquetteSupp .type,
.field--name-field-faits-marquants-niveau-4 article .actu .etiquetteSupp .type {
    text-transform: uppercase;
    padding: 0 0 0 20px;
}

html[lang="en"] .view article .actu .etiquetteSupp .datePost,
html[lang="en"] .field--name-field-fil-d-actualites article .actu .etiquetteSupp .datePost,
html[lang="en"] .field--name-field-aussi-interesse-par article .actu .etiquetteSupp .datePost,
html[lang="en"] .field--name-field-faits-marquants-niveau-4 article .actu .etiquetteSupp .datePost {
    text-transform: capitalize;
}

.view article .actu .etiquetteSupp .datePost:before,
.field--name-field-fil-d-actualites article .actu .etiquetteSupp .datePost:before,
.field--name-field-aussi-interesse-par article .actu .etiquetteSupp .datePost:before,
.field--name-field-faits-marquants-niveau-4 article .actu .etiquetteSupp .datePost:before {
    content: '|';
    left: 0;
    padding: 0 10px;
}

.view article .actu h2.actu_titre,
.view article .actu h3,
.field--name-field-fil-d-actualites article .actu h3,
.field--name-field-aussi-interesse-par article .actu h3,
.field--name-field-faits-marquants-niveau-4 article .actu h3,
.view article .actu p,
.field--name-field-fil-d-actualites article .actu p,
.field--name-field-aussi-interesse-par article .actu p,
.field--name-field-faits-marquants-niveau-4 article .actu p,
.view article .actu ul,
.field--name-field-fil-d-actualites article .actu ul,
.field--name-field-aussi-interesse-par article .actu ul,
.field--name-field-faits-marquants-niveau-4 article .actu ul {
    margin: 15px 0;
}

.view article .actu h2.actu_titre,
.view article .actu h3,
.view .article-content .actu h3,
.field--name-field-fil-d-actualites article .actu h3,
.field--name-field-aussi-interesse-par article .actu h3,
.field--name-field-faits-marquants-niveau-4 article .actu h3 {
    font-family: 'Muli-Regular';
    font-size: 1.750em;
    padding: 0px 20px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: inherit;
}

.view article .actu p,
.view .article-content .actu p,
.field--name-field-fil-d-actualites article .actu p,
.field--name-field-aussi-interesse-par article .actu p,
.field--name-field-faits-marquants-niveau-4 article .actu p {
    font-family: 'Muli-Light';
    color: #777777;
    font-size: 1.400em;
    line-height: 1.4em;
    padding: 0 20px;
}

.view article .actu img,
.field--name-field-fil-d-actualites article .actu img,
.field--name-field-aussi-interesse-par article .actu img,
.field--name-field-faits-marquants-niveau-4 article .actu img {
    display: inline-block;
}

.page-node-type-article .mainContent article .field--name-field-aussi-interesse-par article .actu a img {
  max-width: 100%;
}

.view .views-row.noScale article,
.field--name-field-fil-d-actualites .views-row.noScale article,
.field--name-field-aussi-interesse-par .views-row.noScale article,
.field--name-field-faits-marquants-niveau-4 .views-row.noScale article {
    transform: none;
}

.view .views-row.noScale article:hover,
.field--name-field-fil-d-actualites .views-row.noScale article:hover,
.field--name-field-aussi-interesse-par .views-row.noScale article:hover,
.field--name-field-faits-marquants-niveau-4 .views-row.noScale article:hover {
    transition: none;
}

.view .views-row.noScale article:hover .blocCateg,
.field--name-field-fil-d-actualites .views-row.noScale article:hover .blocCateg,
.field--name-field-aussi-interesse-par .views-row.noScale article:hover .blocCateg,
.field--name-field-faits-marquants-niveau-4 .views-row.noScale article:hover .blocCateg {
    box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.04);
}

.view article .actu.couleur_ifpen span.categ,
.view .article-content .actu.couleur_ifpen span.categ,
.field--name-field-fil-d-actualites article .actu.couleur_ifpen span.categ,
.field--name-field-aussi-interesse-par article .actu.couleur_ifpen span.categ,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_ifpen span.categ {
    background: #003559;
}

.view article .actu.couleur_ifpen h2.actu_titre,
.view article .actu.couleur_ifpen h3,
.view .article-content .actu.couleur_ifpen h3,
.field--name-field-fil-d-actualites article .actu.couleur_ifpen h3,
.field--name-field-aussi-interesse-par article .actu.couleur_ifpen h3,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_ifpen h3 {
    color: #003559;
}

.view article .actu.couleur_ifpen h2.actu_titre a,
.view article .actu.couleur_ifpen h3 a,
.field--name-field-fil-d-actualites article .actu.couleur_ifpen h3 a,
.field--name-field-aussi-interesse-par article .actu.couleur_ifpen h3 a,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_ifpen h3 a {
    color: #003559;
}

.view .bgRecherche article .actu.couleur_ifpen h3,
.field--name-field-fil-d-actualites .bgRecherche article .actu.couleur_ifpen h3,
.field--name-field-aussi-interesse-par .bgRecherche article .actu.couleur_ifpen h3,
.field--name-field-faits-marquants-niveau-4 .bgRecherche article .actu.couleur_ifpen h3 {
    color: #003559;
}

.view .bgRecherche article .actu.couleur_ifpen h3 a,
.field--name-field-fil-d-actualites .bgRecherche article .actu.couleur_ifpen h3 a,
.field--name-field-aussi-interesse-par .bgRecherche article .actu.couleur_ifpen h3 a,
.field--name-field-faits-marquants-niveau-4 .bgRecherche article .actu.couleur_ifpen h3 a {
    color: #003559;
}

.view article .actu.couleur_recherche span.categ,
.view .article-content .actu.couleur_recherche span.categ,
.field--name-field-fil-d-actualites article .actu.couleur_recherche span.categ,
.field--name-field-aussi-interesse-par article .actu.couleur_recherche span.categ,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_recherche span.categ {
    background: #006bb3;
}

.view article .actu.couleur_recherche h2.actu_titre,
.view article .actu.couleur_recherche h3,
.view .article-content .actu.couleur_recherche h3,
.field--name-field-fil-d-actualites article .actu.couleur_recherche h3,
.field--name-field-aussi-interesse-par article .actu.couleur_recherche h3,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_recherche h3 {
    color: #006bb3;
}

.view article .actu.couleur_recherche h2.actu_titre a,
.view article .actu.couleur_recherche h3 a,
.field--name-field-fil-d-actualites article .actu.couleur_recherche h3 a,
.field--name-field-aussi-interesse-par article .actu.couleur_recherche h3 a,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_recherche h3 a {
    color: #006bb3;
}

.view .bgRecherche article .actu.couleur_recherche h3,
.field--name-field-fil-d-actualites .bgRecherche article .actu.couleur_recherche h3,
.field--name-field-aussi-interesse-par .bgRecherche article .actu.couleur_recherche h3,
.field--name-field-faits-marquants-niveau-4 .bgRecherche article .actu.couleur_recherche h3 {
    color: #006bb3;
}

.view .bgRecherche article .actu.couleur_recherche h3 a,
.field--name-field-fil-d-actualites .bgRecherche article .actu.couleur_recherche h3 a,
.field--name-field-aussi-interesse-par .bgRecherche article .actu.couleur_recherche h3 a,
.field--name-field-faits-marquants-niveau-4 .bgRecherche article .actu.couleur_recherche h3 a {
    color: #006bb3;
}

.view article .actu.couleur_innovation span.categ,
.view .article-content .actu.couleur_innovation span.categ,
.field--name-field-fil-d-actualites article .actu.couleur_innovation span.categ,
.field--name-field-aussi-interesse-par article .actu.couleur_innovation span.categ,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_innovation span.categ {
    background: #80187e;
}

.view article .actu.couleur_innovation h2.actu_titre,
.view article .actu.couleur_innovation h3,
.view .article-content .actu.couleur_innovation h3,
.field--name-field-fil-d-actualites article .actu.couleur_innovation h3,
.field--name-field-aussi-interesse-par article .actu.couleur_innovation h3,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_innovation h3 {
    color: #80187e;
}

.view article .actu.couleur_innovation h2.actu_titre a,
.view article .actu.couleur_innovation h3 a,
.field--name-field-fil-d-actualites article .actu.couleur_innovation h3 a,
.field--name-field-aussi-interesse-par article .actu.couleur_innovation h3 a,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_innovation h3 a {
    color: #80187e;
}

.view .bgRecherche article .actu.couleur_innovation h3,
.field--name-field-fil-d-actualites .bgRecherche article .actu.couleur_innovation h3,
.field--name-field-aussi-interesse-par .bgRecherche article .actu.couleur_innovation h3,
.field--name-field-faits-marquants-niveau-4 .bgRecherche article .actu.couleur_innovation h3 {
    color: #80187e;
}

.view .bgRecherche article .actu.couleur_innovation h3 a,
.field--name-field-fil-d-actualites .bgRecherche article .actu.couleur_innovation h3 a,
.field--name-field-aussi-interesse-par .bgRecherche article .actu.couleur_innovation h3 a,
.field--name-field-faits-marquants-niveau-4 .bgRecherche article .actu.couleur_innovation h3 a {
    color: #80187e;
}

.view article .actu.couleur_enjeux span.categ,
.view .article-content .actu.couleur_enjeux span.categ,
.field--name-field-fil-d-actualites article .actu.couleur_enjeux span.categ,
.field--name-field-aussi-interesse-par article .actu.couleur_enjeux span.categ,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_enjeux span.categ {
    background: #77A210;
}

.view article .actu.couleur_enjeux h2.actu_titre,
.view article .actu.couleur_enjeux h3,
.view .article-content .actu.couleur_enjeux h3,
.field--name-field-fil-d-actualites article .actu.couleur_enjeux h3,
.field--name-field-aussi-interesse-par article .actu.couleur_enjeux h3,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_enjeux h3 {
    color: #77A210;
}

.view article .actu.couleur_enjeux h2.actu_titre a,
.view article .actu.couleur_enjeux h3 a,
.field--name-field-fil-d-actualites article .actu.couleur_enjeux h3 a,
.field--name-field-aussi-interesse-par article .actu.couleur_enjeux h3 a,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_enjeux h3 a {
    color: #77A210;
}

.view .bgRecherche article .actu.couleur_enjeux h3,
.field--name-field-fil-d-actualites .bgRecherche article .actu.couleur_enjeux h3,
.field--name-field-aussi-interesse-par .bgRecherche article .actu.couleur_enjeux h3,
.field--name-field-faits-marquants-niveau-4 .bgRecherche article .actu.couleur_enjeux h3 {
    color: #77A210;
}

.view .bgRecherche article .actu.couleur_enjeux h3 a,
.field--name-field-fil-d-actualites .bgRecherche article .actu.couleur_enjeux h3 a,
.field--name-field-aussi-interesse-par .bgRecherche article .actu.couleur_enjeux h3 a,
.field--name-field-faits-marquants-niveau-4 .bgRecherche article .actu.couleur_enjeux h3 a {
    color: #77A210;
}

.view article .actu.couleur_formation span.categ,
.view .article-content .actu.couleur_formation span.categ,
.field--name-field-fil-d-actualites article .actu.couleur_formation span.categ,
.field--name-field-aussi-interesse-par article .actu.couleur_formation span.categ,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_formation span.categ {
    background: #E07810;
}

.view article .actu.couleur_formation h2.actu_titre,
.view article .actu.couleur_formation h3,
.view .article-content .actu.couleur_formation h3,
.field--name-field-fil-d-actualites article .actu.couleur_formation h3,
.field--name-field-aussi-interesse-par article .actu.couleur_formation h3,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_formation h3 {
    color: #E07810;
}

.view article .actu.couleur_formation h2.actu_titre a,
.view article .actu.couleur_formation h3 a,
.field--name-field-fil-d-actualites article .actu.couleur_formation h3 a,
.field--name-field-aussi-interesse-par article .actu.couleur_formation h3 a,
.field--name-field-faits-marquants-niveau-4 article .actu.couleur_formation h3 a {
    color: #E07810;
}

.view .bgRecherche article .actu.couleur_formation h3,
.field--name-field-fil-d-actualites .bgRecherche article .actu.couleur_formation h3,
.field--name-field-aussi-interesse-par .bgRecherche article .actu.couleur_formation h3,
.field--name-field-faits-marquants-niveau-4 .bgRecherche article .actu.couleur_formation h3 {
    color: #E07810;
}

.view .bgRecherche article .actu.couleur_formation h3 a,
.field--name-field-fil-d-actualites .bgRecherche article .actu.couleur_formation h3 a,
.field--name-field-aussi-interesse-par .bgRecherche article .actu.couleur_formation h3 a,
.field--name-field-faits-marquants-niveau-4 .bgRecherche article .actu.couleur_formation h3 a {
    color: #E07810;
}

.view article .blocCateg.couleur_ifpen,
.field--name-field-aussi-interesse-par article .blocCateg.couleur_ifpen,
.field--name-field-faits-marquants-niveau-4 article .blocCateg.couleur_ifpen {
    background-color: #003559;
}

.view article .blocCateg.couleur_recherche,
.field--name-field-aussi-interesse-par article .blocCateg.couleur_recherche,
.field--name-field-faits-marquants-niveau-4 article .blocCateg.couleur_recherche {
    background-color: #006bb3;
}

.view article .blocCateg.couleur_innovation,
.field--name-field-aussi-interesse-par article .blocCateg.couleur_innovation,
.field--name-field-faits-marquants-niveau-4 article .blocCateg.couleur_innovation {
    background-color: #80187e;
}

.view article .blocCateg.couleur_enjeux,
.field--name-field-aussi-interesse-par article .blocCateg.couleur_enjeux,
.field--name-field-faits-marquants-niveau-4 article .blocCateg.couleur_enjeux {
    background-color: #77A210;
}

.view article .blocCateg.couleur_formation,
.field--name-field-aussi-interesse-par article .blocCateg.couleur_formation,
.field--name-field-faits-marquants-niveau-4 article .blocCateg.couleur_formation {
    background-color: #E07810;
}

.view article .blocCateg,
.field--name-field-aussi-interesse-par article .blocCateg,
.field--name-field-faits-marquants-niveau-4 article .blocCateg {
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.view.filActu,
.field--name-field-aussi-interesse-par.filActu,
.field--name-field-faits-marquants-niveau-4.filActu {
    background: #f0f0f1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f0f0f1 0%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f0f0f1 0%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f0f0f1 0%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f1', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    padding-top: 60px;
    padding-bottom: 60px;
}

.view.filActu .actu,
.field--name-field-aussi-interesse-par.filActu .actu,
.field--name-field-faits-marquants-niveau-4.filActu .actu {
    margin: 0;
    background: #fff;
    box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.04);
    display: inline-block;
    min-height: 300px;
    margin-bottom: 30px;

}

.view article .blocCateg,
.field--name-field-aussi-interesse-par article .blocCateg,
.field--name-field-faits-marquants-niveau-4 article .blocCateg {
    padding: 50px;
    box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.04);
    text-transform: uppercase;
    position: relative;
    margin-bottom: 30px;
    background-position: right -30px bottom;
}

.view article .blocCateg h3,
.field--name-field-aussi-interesse-par article .blocCateg h3,
.field--name-field-faits-marquants-niveau-4 article .blocCateg h3 {
    font-size: 2.2em;
    color: #fff;
    font-family: 'Muli-Regular';
    line-height: 1.4em;
    font-weight: bold;
}

.view article .blocCateg h4,
.field--name-field-aussi-interesse-par article .blocCateg h4,
.field--name-field-faits-marquants-niveau-4 article .blocCateg h4 {
    font-size: 1.625em;
    color: #fff;
    font-family: 'Muli-Regular';
    margin-top: 30px;
}

.view article .blocCateg .savoirPlus,
.field--name-field-aussi-interesse-par article .blocCateg .savoirPlus,
.field--name-field-faits-marquants-niveau-4 article .blocCateg .savoirPlus {
    font-size: 1.375em;
    color: #fff;
    font-family: 'Muli-Light';
    position: absolute;
    bottom: 40px;
    padding-left: 110px;
}

.view article .blocCateg .savoirPlus:before,
.field--name-field-aussi-interesse-par article .blocCateg .savoirPlus:before,
.field--name-field-faits-marquants-niveau-4 article .blocCateg .savoirPlus:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 90px;
    height: 1px;
    background: #fff;
}

.view.filActu article .actu,
.field--name-field-aussi-interesse-par.filActu article .actu,
.field--name-field-faits-marquants-niveau-4.filActu article .actu {
    width: 100%;
    overflow: hidden;
}

.view.filActu .actu .txtLeft,
.field--name-field-aussi-interesse-par.filActu .actu .txtLeft,
.field--name-field-faits-marquants-niveau-4.filActu .actu .txtLeft,
.view.filActu .actu .txtRight,
.field--name-field-aussi-interesse-par.filActu .actu .txtRight,
.field--name-field-faits-marquants-niveau-4.filActu .actu .txtRight {
    width: 54%;
    display: inline-block;
    vertical-align: top;
}

.view.filActu .actu .imgRight,
.field--name-field-aussi-interesse-par.filActu .actu .imgRight,
.field--name-field-faits-marquants-niveau-4.filActu .actu .imgRight,
.view.filActu .actu .imgLeft,
.field--name-field-aussi-interesse-par.filActu .actu .imgLeft,
.field--name-field-faits-marquants-niveau-4.filActu .actu .imgLeft {
    width: 45%;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    /*background: #ebebeb;*/
}

.view.filActu .actu a.block,
.field--name-field-aussi-interesse-par.filActu .actu a.block,
.field--name-field-faits-marquants-niveau-4.filActu .actu a.block {
    display: block;
    padding-top: 15px;
    text-align: center;
    width: 50%;
}

.view.filActu .actu .video,
.field--name-field-aussi-interesse-par.filActu .actu .video,
.field--name-field-faits-marquants-niveau-4.filActu .actu .video,
.view.filActu .actu .imgContent,
.field--name-field-aussi-interesse-par.filActu .actu .imgContent,
.field--name-field-faits-marquants-niveau-4.filActu .actu .imgContent {
    position: relative;
    display: block;
    overflow: hidden;
}

.view.filActu .actu .video:after,
.field--name-field-aussi-interesse-par.filActu .actu .video:after,
.field--name-field-faits-marquants-niveau-4.filActu .actu .video:after {
    content: '';
    position: absolute;
    background: url(../images/picto_play.png) no-repeat center center;
    width: 72px;
    height: 72px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
}

.view article .gabBigArticle.actu h3,
.field--name-field-aussi-interesse-par article .gabBigArticle.actu h3,
.field--name-field-faits-marquants-niveau-4 article .gabBigArticle.actu h3,
.view article .gabBigArticle.actu ul,
.field--name-field-aussi-interesse-par article .gabBigArticle.actu ul,
.field--name-field-faits-marquants-niveau-4 article .gabBigArticle.actu ul,
.view article .gabTexteRiche.actu h3,
.field--name-field-aussi-interesse-par article .gabTexteRiche.actu h3,
.field--name-field-faits-marquants-niveau-4 article .gabTexteRiche.actu h3,
.view article .gabTexteRiche.actu ul,
.field--name-field-aussi-interesse-par article .gabTexteRiche.actu ul,
.field--name-field-faits-marquants-niveau-4 article .gabTexteRiche.actu ul {
    margin: 20px 0;
}

.view article .gabTemoignage.actu .imgTemoignage,
.field--name-field-aussi-interesse-par article .gabTemoignage.actu .imgTemoignage,
.field--name-field-faits-marquants-niveau-4 article .gabTemoignage.actu .imgTemoignage {
    text-align: center;
}

.view article .gabTemoignage.actu .imgTemoignage a,
.field--name-field-aussi-interesse-par article .gabTemoignage.actu .imgTemoignage a,
.field--name-field-faits-marquants-niveau-4 article .gabTemoignage.actu .imgTemoignage a {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 230px;
    overflow: hidden;
    padding-top: 15px;
}

.view article .gabTemoignage.actu .imgTemoignage a:after,
.field--name-field-aussi-interesse-par article .gabTemoignage.actu .imgTemoignage a:after,
.field--name-field-faits-marquants-niveau-4 article .gabTemoignage.actu .imgTemoignage a:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    background: url('../images/calque_temoignage.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
}

.view article .gabTemoignage.actu.gabBigArticle .imgTemoignage,
.field--name-field-aussi-interesse-par article .gabTemoignage.actu.gabBigArticle .imgTemoignage,
.field--name-field-faits-marquants-niveau-4 article .gabTemoignage.actu.gabBigArticle .imgTemoignage {
    display: inline-block;
    position: relative;
    min-height: 420px;
    background: #fff;
}

.view article .gabTemoignage.actu.gabBigArticle .imgTemoignage a,
.field--name-field-aussi-interesse-par article .gabTemoignage.actu.gabBigArticle .imgTemoignage a,
.field--name-field-faits-marquants-niveau-4 article .gabTemoignage.actu.gabBigArticle .imgTemoignage a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.view.view-contenus-tagges {
    min-height: auto;
    max-height: inherit;
}

.view.view-contenus-tagges .views-row {
    margin-top: 2em;
    margin-bottom: 2em;
    box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.04);
    display: table;
    width: 100%;
}

.view.view-contenus-tagges .actu {
    width: 100%;
}

.view.view-contenus-tagges .actu .imgLeft {
    display: block;
    width: auto;
}

.view.view-contenus-tagges .actu .imgLeft:nth-child(1) {
    float: left;
}

.view.view-contenus-tagges .actu .imgLeft:nth-child(2) {
    overflow: hidden;
}

.view.view-contenus-tagges .actu div.field--name-field-description-chercheur {
    font-family: 'Muli-Light';
    color: #777777;
    font-size: 1.400em;
    line-height: 1.4em;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
}
.view.view-contenus-tagges .actu span.categ {
    font-family: 'Muli-Light', serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em;
    padding: 3px 20px;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.view.view-contenus-tagges .actu h3 {
    font-family: 'Muli-Regular';
    font-size: 1.750em;
    padding: 0.5em 0.5em;
    font-weight: bold;
    line-height: 1.2;
}

.view.view-contenus-tagges .actu.couleur_ifpen h3 {
    color: #003559;
}

.view.view-contenus-tagges .actu.couleur_ifpen span.categ {
    background: #003559;
}

.view.view-contenus-tagges .actu.couleur_recherche h3 {
    color: #006bb3;
}

.view.view-contenus-tagges .actu.couleur_recherche span.categ {
    background: #006bb3;
}

.view.view-contenus-tagges .actu.couleur_innovation h3 {
    color: #80187e;
}

.view.view-contenus-tagges .actu.couleur_innovation span.categ {
    background: #80187e;
}

.view.view-contenus-tagges .actu.couleur_enjeux h3 {
    color: #77A210;
}

.view.view-contenus-tagges .actu.couleur_enjeux span.categ {
    background: #77A210;
}

.view.view-contenus-tagges .actu.couleur_formation h3 {
    color: #E07810;
}

.view.view-contenus-tagges .actu.couleur_formation span.categ {
    background: #E07810;
}

.view-description-taxonomie {
    background: #f0f0f1;
}

.view-description-taxonomie .field-content p {
    margin-top: 2em;
}

/**********************************/
/***    PAGE ACCUEIL RUBRIQUE   ***/
/**********************************/
/*----------------- COULEURS --------------*/
/*--------- IFPEN --------*/
.path-taxonomy.couleur_ifpen .bandeauImg {
    border-bottom: 10px solid #003559;
}

.path-taxonomy.couleur_ifpen article .actu h3 {
    color: #003559;
}

.path-taxonomy.couleur_ifpen .blocDedie {
    background: #003559;
}

.path-taxonomy.couleur_ifpen .field--name-field-en-quelques-chiffres .field--name-field-chiffre-du-paragraphe {
    color: #003559;
}

/*--------- RECHERCHE --------*/
.couleur_recherche .bandeauImg {
    border-bottom: 10px solid #006bb3;
}

.couleur_recherche article .actu h3 {
    color: #006bb3;
}

.couleur_recherche .blocDedie {
    background: #006bb3;
}

.couleur_recherche .field--name-field-en-quelques-chiffres .field--name-field-chiffre-du-paragraphe {
    color: #006bb3;
}

/*--------- INNOVATION --------*/
.couleur_innovation .bandeauImg {
    border-bottom: 10px solid #730271;
}

.couleur_innovation article .actu h3 {
    color: #730271;
}

.couleur_innovation .blocDedie {
    background: #730271;
}

.couleur_innovation .field--name-field-en-quelques-chiffres .field--name-field-chiffre-du-paragraphe {
    color: #730271;
}

/*--------- ENJEUX --------*/
.couleur_enjeux .bandeauImg {
    border-bottom: 10px solid #7fb10b;
}

.couleur_enjeux article .actu h3 {
    color: #77A210;
}

.couleur_enjeux .blocDedie {
    background: #7fb10b;
}

.couleur_enjeux .field--name-field-en-quelques-chiffres .field--name-field-chiffre-du-paragraphe {
    color: #7fb10b;
}

/*--------- FORMATION --------*/
.couleur_formation .bandeauImg {
    border-bottom: 10px solid #E07810;
}

.couleur_formation article .actu h3 {
    color: #E07810;
}

.couleur_formation .blocDedie {
    background: #E07810;
}

.couleur_formation .field--name-field-en-quelques-chiffres .field--name-field-chiffre-du-paragraphe {
    color: #E07810;
}

/*-----------------  STYLES GENERALE --------*/
.path-taxonomy .main-container nav.tabs {
    background: #f0f0f1;
    margin-left: -15px;
    margin-right: -15px;
}

.path-taxonomy .main-container nav.tabs .nav-tabs {
    padding-top: 20px;
    padding-left: 150px;
    padding-right: 150px;
}

.page-403 .bandeauImg,
.page-404 .bandeauImg {
    display: none;
}

.bandeauImg {
    height: 490px;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.bandeauImg .contentImg .trame {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}

.bandeauCaption {
    position: absolute;
    right: 11%;
    top: 0%;
    left: 11%;
    z-index: 10;
    padding-top: 170px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}

.bandeauCaption h1 {
    font-family: 'BigJohn';
    font-size: 2.750em;
    padding-bottom: 30px;
    position: relative;
    text-transform: uppercase;
}

.bandeauCaption h1:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    height: 3px;
    width: 80px;
}

.bandeauCaption p,
.bandeauCaption div.bandeau-sous-titre {
    font-family: 'NexaLight';
    font-size: 2.125em;
    margin-top: 30px;
}

.bandeauCaption h1,
.bandeauCaption p,
.bandeauCaption div.bandeau-sous-titre {
    -webkit-text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75);
    -moz-text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75);
    text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75);
    line-height: 1.1em;
    color: #fff;
}

.bandeauCaption .filAriane {
    margin-bottom: 150px;
}

.bandeauCaption .filAriane li {
    list-style-type: none;
    padding-right: 25px;
    display: inline-block;
    position: relative;
    margin-left: 0;
}

.bandeauCaption .filAriane li:after {
    content: '';
    background: url(../images/fleche_ariane.png);
    width: 9px;
    height: 11px;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    margin-right: 5px;
}

.bandeauCaption .filAriane li span.highlightedWord {
    font-size: 1em;
}

.bandeauCaption .filAriane li span,
.bandeauCaption .filAriane li a {
    color: #fff;
    font-family: 'Muli-Light';
    font-size: 1.2em;
}

.bandeauCaption .filAriane li:last-child span,
.bandeauCaption .filAriane li:last-child a {
    font-family: 'Muli-Regular';
    font-weight: bold;
}

.bandeauCaption .filAriane li:last-child:after {
    display: none;
}

.categHome.pageCateg {
    position: relative;
    bottom: 0;
    width: calc(100% - 410px);
}

.categHome.pageCateg ul {
    width: 100%;
    text-align: center;
}

.categHome.pageCateg.menuAccueil ul li {
    width: 24.5%;
}

.categHome.pageCateg ul li {
    /*width: 24.5%;*/
    line-height: 1.3em;
    list-style-type: none;
    display: inline-block;
    font-size: 1.400em;
    text-transform: uppercase;
    font-family: 'Muli-Regular';
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #c9c9c9;
    padding: 10px 10px;
    margin: 20px 0;
    position: relative;
    min-height: 70px;
    float: none;
    margin-left: -3px;
}
/** voir plus button **/
.views-element-container .pager li > a {
  display:none;
}
.views-element-container .pager li:lang(fr):before{
	content: 'Voir plus';
}
.views-element-container .pager li:lang(en):before{
	content: 'See more';
}
.views-element-container .view-contenus-tagges .pager li:lang(fr):before{
	content: 'Afficher plus';
}
.views-element-container .view-contenus-tagges .pager li:lang(en):before{
	content: 'Show more';
}
.views-element-container .pager li:before{
  cursor: pointer;
  background-color: #fff;
  font-family: 'Muli-Regular';
  font-size: 1.250em;
  color: #adadad;
  padding: 2px 15px;
  border: 2px solid #adadad;
  text-transform: uppercase;
  text-align: center;
  border-radius: 0;
  margin: 20px 0;
  transition: all 0.2s ease-in-out;
}

.views-element-container .pager li:hover:before{
    color: #ffffff;
    background: #3d3d3d;
    border: 2px solid #3d3d3d;
    font-weight: normal;
}
/*body.page-rubrique.couleur_ifpen .categHome.pageCateg ul li {
  width: 19.5%;
}*/
.categHome.pageCateg ul li a,
.categHome.pageCateg ul li span {
    padding: 0;
    margin: 0;
    display: inline-block;
    color: #3d3d3d;
    vertical-align: -webkit-baseline-middle;
    text-align: center;
    font-family: 'Muli-Regular';
}

.categHome.pageCateg ul li a:hover,
.categHome.pageCateg ul li span:hover {
    background: none;
}

.categHome.pageCateg ul li:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 0;
    height: 2px;
    transition: all 0.2s ease-in-out;
    background: transparent;
}

.categHome.pageCateg ul li:hover:after {
    width: 100%;
    background: #3d3d3d;
}

.categHome.pageCateg ul li:last-child {
    border-right: 0;
}

article .blocCateg h3 span {
    font-family: 'Muli-Regular';
}

.btnArticle {
    font-family: 'Muli-Light';
    font-weight: bold;
    color: #3d3d3d;
    font-size: 1.00em;
    text-transform: uppercase;
    padding: 2px 15px;
    display: inline-block;
    border: 2px solid #3d3d3d;
    transition: all 0.2s ease-in-out;
    margin: 10px 20px;
}

.btnArticle:hover {
    color: #ffffff;
    background: #3d3d3d;
}

.blocDedie {
    position: relative;
    color: #fff;
    margin-top: 170px;
    margin-left: -15px;
    margin-right: -15px;
}

.blocDedie .bgBloc .picto {
    padding: 160px 0 80px 0;
}

.blocDedie .bgBloc .picto h2 {
    color: #fff;
    position: relative;
}

.blocDedie .bgBloc .picto p {
    font-family: 'Muli-Light';
    font-size: 1.400em;
    color: #fff;
    padding: 0;
}

.blocDedie .bgBloc .picto .btn {
    color: #fff;
    border: 2px solid #fff;
    margin: 50px 0 20px 0;
}

.blocDedie .bgBloc .picto .btn:hover {
    background: #fff;
    color: #3d3d3d;
}

.blocDedie .bgBloc .picto ul {
    margin-top: 60px;
}

.blocDedie .bgBloc .picto ul li {
    display: inline-block;
    width: 49%;
    list-style-type: none;
    padding: 0 30px;
    position: relative;
    font-size: 1.2em;
    margin-bottom: 30px;
    vertical-align: top;
}

.blocDedie .bgBloc .picto ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 9px;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}

.blocDedie .bgBloc .picto h2 span {
    position: relative;
}

.blocDedie .bgBloc .picto h2 span:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 7px;
    right: -90px;
    background: #fff;
    height: 3px;
    width: 80px;
}

.enChiffres {
    background: repeating-linear-gradient(135deg, white, white 4px, #ebebeb 5px, #ebebeb 6px);
    min-height: 100%;
    padding: 80px 0 120px 0;
}

.enChiffres li {
    list-style-type: none;
    display: inline-block;
    width: 24.5%;
    text-align: center;
    vertical-align: top;
}

.enChiffres li img {
    margin-bottom: 20px;
}

.enChiffres li p.chiffres {
    font-family: 'Muli-Black';
    font-size: 3em;
}

.enChiffres li p:last-child {
    font-family: 'Muli-Regular';
    font-size: 1.4em;
    width: 70%;
    margin: 0 15%;
}

.field--name-field-en-quelques-chiffres {
    background: repeating-linear-gradient(135deg, white, white 4px, #ebebeb 5px, #ebebeb 6px);
    min-height: 100%;
    padding-top: 80px;
    padding-bottom: 120px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -60px;
}

.field--name-field-en-quelques-chiffres .field--items {
    margin: 0;
}

.field--name-field-en-quelques-chiffres .field--items > .field--item {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    list-style-type: none;
    display: inline-block;
    width: 24.5%;
    text-align: center;
    vertical-align: top;
}

.field--name-field-en-quelques-chiffres .field--items > .field--item .field--name-field-image-du-chiffre {
    display: inline-block;
    text-align: center;
}

.field--name-field-en-quelques-chiffres .field--items > .field--item .field--name-field-image-du-chiffre img {
    display: inline-block;
    margin-bottom: 20px;
}

.field--name-field-en-quelques-chiffres .field--items > .field--item .field--name-field-chiffre-du-paragraphe {
    font-family: 'Muli-Black';
    font-size: 3em;
}

.field--name-field-en-quelques-chiffres .field--items > .field--item .field--name-field-description-du-chiffre {
    font-family: 'Muli-Regular';
    font-size: 1.4em;
    width: 70%;
    margin: 0 15%;
}

/**********************************/
/***        PAGE ARTICLE        ***/
/**********************************/
/*--------- noCateg BLEU FONCE NEUTRE --------*/
.couleur_ifpen .bandeauImg {
    border-bottom: 0;
}

.page-node-type-article .bandeauImg .contentImg {
    background: url(../images/bandeau_article.jpg) no-repeat center top;
    width: 100%;
    height: 100%;
}

.page-node-type-article .contentImg .trame {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}

.page-node-type-article .bandeauCaption,
.page-node-type-niveau-3 .bandeauCaption {
    right: 30%;
}

.page-node-type-article .bandeauCaption p,
.page-node-type-niveau-3 .bandeauCaption p {
    text-transform: uppercase;
}

.page-node-type-article .bandeauCaption h1,
.page-node-type-article .bandeauCaption p,
.page-node-type-niveau-3 .bandeauCaption h1,
.page-node-type-niveau-3 .bandeauCaption p {
    text-shadow: none;
}

.page-node-type-article article,
.page-node-type-niveau-3 article {
    transition: none;
}

.page-node-type-article article .actu,
.page-node-type-niveau-3 article .actu,
.page-node-type-niveau-3 .region-content {
    transition: none;
    box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.04);
    padding: 15px 15px 0 15px;
    margin-bottom: 40px;
}

.page-node-type-article article:hover,
.page-node-type-niveau-3 article:hover {
    transform: none;
    box-shadow: none;
}

.page-node-type-article .mainContent article .actu,
.page-node-type-niveau-3 .mainContent article .actu,
.page-node-type-niveau-3 .mainContent .region-content {
    transition: none;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.04);
    padding: 35px 100px 35px 35px;
    margin-bottom: 0;
}

.page-node-type-searcher .mainContent article .actu.region-content {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.04);
}

.page-node-type-article .tabs {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #ddd;
}

.page-node-type-article .tabs .nav-tabs {
    border-bottom: 0;
}

.path-node .field--name-field-contact-article {
    margin-bottom: 40px;
}

.mainContent {
    z-index: 10;
    position: relative;
}

.page-node-type-niveau-3 .mrgLeft150 > .row,
.mainContent .mrgLeft150 {
    margin-top: -90px;
    background: #ffffff;
    position: relative;
}

.page-node-type-niveau-3 .mrgLeft150 > .row:before,
.mainContent .mrgLeft150:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    background: #003559; /* Old browsers */
    background: -moz-linear-gradient(left, #003559 0%, #287bb3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #003559 0%, #287bb3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #003559 0%, #287bb3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003559', endColorstr='#287bb3', GradientType=1); /* IE6-9 */
}

.region-content {
    padding: 0;
}

/*.region-content .actu p,*/
.region-content .actu nav.tabs,
.region-content .actu h1,
.region-content .actu h2,
.region-content .actu h3,
.region-content .actu h4,
.region-content .actu h5,
.region-content nav.tabs,
.region-content h1,
.region-content h2,
.region-content h3,
.region-content h4,
.region-content h5,
.region-content ol {
    margin: 20px 30px;
    padding: 0;
}

.region-content blockquote {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.region-content .trimmed,
.region-content p {
    margin-left: 30px;
    margin-right: 30px;
}

.region-content pre {
    margin: 20px 30px;
}

.region-content ul {
    margin-left: 30px;
    margin-right: 30px;
}

.region-content .field-tags > div {
    display: inline-block;
}

.region-content .field-tags + div {
    clear: both;
    margin-top: 2em;
}

.region-content .field-tags ul.field--items {
    margin-left: 0;
    margin-right: 0;
    float: left;
}

.region-content .field-tags ul.field--items li{
    display: block;
    float: left;
    margin-left: 0;
    font-size: 0.9em;
}

.region-content .field-tags .field--name-field-categorie-article {
  margin-bottom: 2px;
  margin-top: 2px;
}

.region-content .field-tags .field--name-field-categorie-article a,
.region-content .field-tags ul.field--items li a{
    font-family: 'Muli-Light';
    font-weight: bold;
    color: #6d6d6d;
    font-size: 0.9em;
    padding: 2px 10px;
    display: inline-block;
    border: 1px solid #dadada;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

.region-content .field-tags .field--name-field-categorie-article a:hover,
.region-content .field-tags ul.field--items li a:hover {
    color: #3d3d3d;
    border: 1px solid #3d3d3d;
    text-decoration: none;
}

.region-content .field--name-field-texte-encadre-niveau-4 {
    font-size: 1em;
    padding: 55px 0;
    margin: 50px 30px;
    text-align: center;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    font-style: italic;
}

.region-content .actu .date {
    font-family: 'Muli-Light';
    color: #003559;
    font-size: 2em;
    background: url(../images/picto_date.png) no-repeat center left;
    display: inline-block;
    padding-left: 50px;
    height: 45px;
    padding-top: 10px;
    transform: scale(0.7);
    margin: 20px 0;
    line-height: 30px;
    vertical-align: top;
}

.region-content .actu .date:before,
.region-content .date:after {
    content: '/';
    font-family: 'Muli-Light';
    color: #003559;
    font-size: 1em;
    padding: 10px;
}

.region-content .actu .date div {
    display: inline-block;
}

.region-content .actu .tempsLecture {
    font-family: 'Muli-Light';
    font-weight: bold;
    display: inline-block;
    padding-left: 50px;
    height: 45px;
    background: url(../images/picto_temps.png) no-repeat center left;
    padding-top: 10px;
    transform: scale(0.8);
    margin: 20px 0;
    line-height: 30px;
    vertical-align: top;
}

.region-content .chapo {
    font-family: 'Muli-Regular';
    font-weight: bold;
    color: #3d3d3d;
}

.region-content .phraseCle {
    font-size: 1.4em;
    padding: 55px 0;
    margin: 50px 30px;
    text-align: center;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

.region-content .phraseCle span {
    font-weight: bold;
    font-style: italic;
}

.page-node-type-page h1,
.region-content h1 {
    background: -moz-linear-gradient(left, #003559 0%, #287bb3 100%);
    background: -webkit-linear-gradient(left, #003559 0%, #287bb3 100%);
    background: linear-gradient(to right, #003559 0%, #287bb3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    border-bottom: 0;
    text-transform: uppercase;
    font-size: 2.19em;
    margin-top: 30px;
}

@media all and (-ms-high-contrast: none) {
    .page-node-type-page h1,
    .region-content h1 {
        background: #ffffff;
        color: #003559;
    }

    /* IE10 */
    *::-ms-backdrop, .page-node-type-page h1,
    .region-content h1 {
        background: #ffffff;
        color: #003559;
    }

    /* IE11 */
}

.region-content .txtLeft {
    float: left;
    width: 60%;
}

.region-content .txtRight {
    float: right;
    width: 40%;
}

.region-content .citation p {
    font-weight: bold;
    font-family: 'Muli-Regular';
    color: #444444;
    font-size: 1.5em;
    position: relative;
    padding: 30px;
    border-top: 2px solid #3d3d3d;
    border-bottom: 2px solid #3d3d3d;
}

.region-content .citation p:before,
.region-content .citation p:after {
    color: #006bb3;
    font-size: 2.75em;
    line-height: 0em;
    padding: 0 10px;
    vertical-align: bottom;
}

.region-content .citation p:before {
    content: '“';
    vertical-align: bottom;
}

.region-content .citation p:after {
    content: '”';
}

.region-content .focus,
.region-content .field--name-field-contact-article,
.region-content .comment,
.region-content .moreArticle {
    clear: both;
    padding-top: 30px;
}

.region-content .focus .actu {
    width: calc(33% - 30px);
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.04);
    margin: 15px;
    display: inline-block;
    font-size: 10px;
}

.region-content .paragraph--type--contacts .field--name-field-contacts,
.region-content .field--name-field-contact-article {
    color: #3d3d3d;
    line-height: 1em;
}

.region-content .paragraph--type--contacts .field--name-field-contacts.field--items .field--item,
.region-content .field--name-field-contact-article.field--items .field--item,
.region-content .field--name-field-contact-article .field--items .field--item {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-right: 1em;
}

.region-content .field--name-field-contact-article .field--items .field--item {
    max-width: 30%;
}
.region-content .field--name-field-contact-article .field--items .field--item .field--item {
    max-width: 100%;
}

.field.field--name-field-description-chercheur.field--type-string-long.field--label-hidden.field--item.field--name-field-description-chercheur {
    display: block;
}

.region-content .paragraph--type--contacts .field--name-field-contacts.field--items .field--item .blocContact .field--name-field-sujets .field--item,
.region-content .paragraph--type--contacts .field--name-field-contacts.field--items .field--item .blocContact .field--name-field-champs-disciplinaires .field--item,
.region-content .field--name-field-contact-article.field--items .field--item .blocContact .field--name-field-sujets .field--item,
.region-content .field--name-field-contact-article.field--items .field--item .blocContact .field--name-field-champs-disciplinaires .field--item {
    display: block;
    line-height: 1.4em;
}

.region-content .paragraph--type--contacts .field--name-field-titre,
.region-content .paragraph--type--contacts .field--name-field-contacts .field--label,
.region-content .field--name-field-contact-article .field--label {
    color: #3d3d3d;
    font-size: 1.875em;
    line-height: 1.1;
    font-family: 'Muli-Light';
    text-transform: uppercase;
    margin: 15px 30px;
    padding: 0;
    font-weight: normal;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact.without-image,
.region-content .field--name-field-contact-article .blocContact.without-image {
    padding-left: 30px;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact,
.region-content .field--name-field-contact-article .blocContact {
    padding-left: 120px;
    position: relative;
    display: inline-block;
    width: 100%;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact a,
.region-content .field--name-field-contact-article .blocContact a {
    text-decoration: underline;
    color: #003559;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact a:hover,
.region-content .field--name-field-contact-article .blocContact a:hover {
    color: #00355982;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact a:hover p,
.region-content .field--name-field-contact-article .blocContact a:hover p {
    color: #00355982;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact p,
.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact li,
.region-content .field--name-field-contact-article .blocContact p,
.region-content .field--name-field-contact-article .blocContact li {
    padding: 0;
    margin: 0;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact .imgContactLittle,
.region-content .field--name-field-contact-article .blocContact .imgContactLittle {
    display: block;
    clear: both;
    margin: 10px auto;
    overflow: hidden;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 20px;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact .imgContactLittle img,
.region-content .field--name-field-contact-article .blocContact .imgContactLittle img {
    width: 100%;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact .field--name-field-poste,
.region-content .field--name-field-contact-article .blocContact .field--name-field-poste {
  color: #3d3d3d;
  font-size: 1rem;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  padding-top: 0;
  padding-bottom: 5px;
  line-height: 1.4em;
  list-style-type: none;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact .field--name-field-sujets,
.region-content .field--name-field-contact-article .blocContact .field--name-field-sujets {
    margin-bottom: 10px;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact .field--name-field-email,
.region-content .field--name-field-contact-article .blocContact .field--name-field-email {
    margin: 0;
    display: inline-block;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact > p > span,
.region-content .field--name-field-contact-article .blocContact > p > span {
    font-size: 1.0em;
    font-weight: bold;
    color: #003559;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact a p,
.region-content .field--name-field-contact-article .blocContact a p {
    font-size: 1.50em;
    font-weight: bold;
    color: #003559;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact p a,
.region-content .field--name-field-contact-article .blocContact p a {
    font-weight: bold;
    color: #003559;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact ul,
.region-content .field--name-field-contact-article .blocContact ul {
    margin-left: 0;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact ul li,
.region-content .field--name-field-contact-article .blocContact ul li {
    color: #3d3d3d;
    font-size: 1rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.4em;
    list-style-type: none;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact p,
.region-content .field--name-field-contact-article .blocContact p {
    font-family: 'Muli-Regular';
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact .field--items,
.region-content .field--name-field-contact-article .blocContact .field--items {
    padding-left: 0;
}

.region-content .paragraph--type--contacts .field--name-field-contacts .blocContact .field--items > .field--item:before,
.region-content .field--name-field-contact-article .blocContact .field--items > .field--item:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    background: #3d3d3d;
    margin: 3px 10px;
}

.region-content .field--name-field-contact-article .blocContact .field--name-field-description-chercheur {
    margin-top: 0.5em;
}

.region-content .content .field--name-field-fil-d-actualites a {
    text-decoration: none;
}

.region-content .field--name-field-fil-d-actualites,
.region-content .field--name-field-aussi-interesse-par,
.region-content .field--name-field-faits-marquants-niveau-4 {
    margin-top: 60px;
}

.region-content .nav-tabs > li > a {
    text-decoration: none;
}

.page-node-type-breve .breve .region-content {
    margin-top: 20px;
}

article .field--name-field-fil-d-actualites > .field--items > .field--item,
.region-content .field--name-field-aussi-interesse-par > .field--items > .field--item,
.region-content .field--name-field-faits-marquants-niveau-4 > .field--items > .field--item,
.region-content .field--name-field-les-breves.field--items > .field--item {
    width: calc(33% - 20px);
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.04);
    margin: 10px;
    display: inline-block;
    font-size: 10px;
    vertical-align: top;
}

article .field--name-field-fil-d-actualites > .field--items > .field--item {
    overflow: hidden;
}

article .field--name-field-fil-d-actualites > .field--items > .field--item article img {
    max-width: initial;
}

article .field--name-field-fil-d-actualites > .field--items > .field--item article .actu,
.region-content .field--name-field-aussi-interesse-par > .field--items > .field--item article .actu,
.region-content .field--name-field-faits-marquants-niveau-4 > .field--items > .field--item article .actu,
.region-content .field--name-field-les-breves.field--items > .field--item article .actu {
    transition: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
}

article .field--name-field-fil-d-actualites > .field--items > .field--item article .actu .txt,
.region-content .field--name-field-aussi-interesse-par > .field--items > .field--item article .actu .txt,
.region-content .field--name-field-faits-marquants-niveau-4 > .field--items > .field--item article .actu .txt,
.region-content .field--name-field-les-breves.field--items > .field--item article .actu .txt {
    padding-bottom: 20px;
}

article .field--name-field-fil-d-actualites > .field--items > .field--item article .actu.couleur_ifpen h3,
.region-content .field--name-field-aussi-interesse-par > .field--items > .field--item article .actu.couleur_ifpen h3,
.region-content .field--name-field-faits-marquants-niveau-4 > .field--items > .field--item article .actu.couleur_ifpen h3 {
    color: #003559;
}

article .field--name-field-fil-d-actualites > .field--items > .field--item article .actu.couleur_recherche h3,
.region-content .field--name-field-aussi-interesse-par > .field--items > .field--item article .actu.couleur_recherche h3,
.region-content .field--name-field-faits-marquants-niveau-4 > .field--items > .field--item article .actu.couleur_recherche h3 {
    color: #006bb3;
}

article .field--name-field-fil-d-actualites > .field--items > .field--item article .actu.couleur_innovation h3,
.region-content .field--name-field-aussi-interesse-par > .field--items > .field--item article .actu.couleur_innovation h3,
.region-content .field--name-field-faits-marquants-niveau-4 > .field--items > .field--item article .actu.couleur_innovation h3 {
    color: #80187e;
}

article .field--name-field-fil-d-actualites > .field--items > .field--item article .actu.couleur_enjeux h3,
.region-content .field--name-field-aussi-interesse-par > .field--items > .field--item article .actu.couleur_enjeux h3,
.region-content .field--name-field-faits-marquants-niveau-4 > .field--items > .field--item article .actu.couleur_enjeux h3 {
    color: #77A210;
}

article .field--name-field-fil-d-actualites > .field--items > .field--item article .actu.couleur_formation h3,
.region-content .field--name-field-aussi-interesse-par > .field--items > .field--item article .actu.couleur_formation h3,
.region-content .field--name-field-faits-marquants-niveau-4 > .field--items > .field--item article .actu.couleur_formation h3 {
    color: #E07810;
}

.region-content .field--name-field-aussi-interesse-par .multi-item-carousel,
.region-content .field--name-field-faits-marquants-niveau-4 .multi-item-carousel {
    margin: 30px 0 70px 0;
}

.region-content .field--name-field-aussi-interesse-par .carousel-control,
.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control {
    position: absolute;
    top: 120px;
    width: 5%;
    height: 100px;
    opacity: 1;
}

.region-content .field--name-field-aussi-interesse-par .carousel-control.right,
.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control.right {
    left: auto;
    right: -40px;
    background: #ffffff url(../images/arrow_slider_right.png) no-repeat center center;
    padding-left: 10px;
    border: 1px solid #c4c3c3;
}

.region-content .field--name-field-aussi-interesse-par .carousel-control.left,
.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control.left {
    left: -40px;
    right: auto;
    background: #ffffff url(../images/arrow_slider_left.png) no-repeat center center;
    padding-left: 10px;
    border: 1px solid #c4c3c3;
}

.region-content .sitesRef,
.region-content .field-sites-references,
article .field--name-field-pour-aller-plus-loin,
.region-content .field--name-field-aller-plus-loin-niveau-4 {
    width: calc(100% + 30px);
    position: relative;
    margin: 50px -15px 0 -15px;
    padding: 20px 15px;
    background: #003559 url(../images/picto_ref.png) no-repeat center right;
}

.region-content .sitesRef h4,
article .field--name-field-pour-aller-plus-loin h4,
.region-content .field-sites-references h2,
.region-content .field--name-field-sites-references h4,
.region-content .field--name-field-aller-plus-loin-niveau-4 h4 {
    color: #ffffff;
    font-size: 1.875em;
    font-family: 'Muli-Light';
    text-transform: uppercase;
}

.region-content .sitesRef h4 span,
article .field--name-field-pour-aller-plus-loin h4 span,
.region-content .field-sites-references h4 span,
.region-content .field--name-field-sites-references h4 span,
.region-content .field--name-field-aller-plus-loin-niveau-4 h4 span {
    font-weight: bold;
    font-family: 'Muli-Regular';
}

.region-content .sitesRef ul,
.region-content .field-sites-references ul,
.region-content .field--name-field-sites-references ul,
article .field--name-field-pour-aller-plus-loin ul,
.region-content .field--name-field-aller-plus-loin-niveau-4 ul,
.region-content .sitesRef .field--items,
article .field--name-field-pour-aller-plus-loin .field--items,
.region-content .field-sites-references .field--items,
.region-content .field--name-field-sites-references .field--items,
.region-content .field--name-field-aller-plus-loin-niveau-4 .field--items {
    padding: 0 20px;
    margin: 15px 0;
}

.region-content .sitesRef ul li,
.region-content .field-sites-references ul li,
.region-content .field--name-field-sites-references ul li,
article .field--name-field-pour-aller-plus-loin ul li,
.region-content .field--name-field-aller-plus-loin-niveau-4 ul li,
.region-content .sitesRef .field--items li,
.region-content .field-sites-references .field--items li,
.region-content .field--name-field-sites-references .field--items li,
article .field--name-field-pour-aller-plus-loin .field--items li,
.region-content .field--name-field-aller-plus-loin-niveau-4 .field--items li,
.region-content .sitesRef ul .field--item,
.region-content .field-sites-references ul .field--item,
.region-content .field--name-field-sites-references ul .field--item,
article .field--name-field-pour-aller-plus-loin ul .field--item,
.region-content .field--name-field-aller-plus-loin-niveau-4 ul .field--item,
.region-content .sitesRef .field--items .field--item,
.region-content .field-sites-references .field--items .field--item,
.region-content .field--name-field-sites-references .field--items .field--item,
article .field--name-field-pour-aller-plus-loin .field--items .field--item,
.region-content .field--name-field-aller-plus-loin-niveau-4 .field--items .field--item {
    display: inline-block;
    width: 100%;
}

.region-content .sitesRef ul li a,
.region-content .field-sites-references ul li a,
.region-content .field--name-field-sites-references ul li a,
article .field--name-field-pour-aller-plus-loin ul li a,
.region-content .field--name-field-aller-plus-loin-niveau-4 ul li a,
.region-content .sitesRef .field--items li a,
.region-content .field-sites-references .field--items li a,
.region-content .field--name-field-sites-references .field--items li a,
article .field--name-field-pour-aller-plus-loin .field--items li a,
.region-content .field--name-field-aller-plus-loin-niveau-4 .field--items li a,
.region-content .sitesRef ul .field--item a,
.region-content .field-sites-references ul .field--item a,
.region-content .field--name-field-sites-references ul .field--item a,
article .field--name-field-pour-aller-plus-loin ul .field--item a,
.region-content .field--name-field-aller-plus-loin-niveau-4 ul .field--item a,
.region-content .sitesRef .field--items .field--item a,
.region-content .field-sites-references .field--items .field--item a,
.region-content .field--name-field-sites-references .field--items .field--item a,
article .field--name-field-pour-aller-plus-loin .field--items .field--item a,
.region-content .field--name-field-aller-plus-loin-niveau-4 .field--items .field--item a {
    color: #ffffff;
    font-family: 'Muli-Light';
    font-size: 1.500em;
    display: inline-block;
}

.region-content .sitesRef ul li a:hover,
.region-content .field-sites-references ul li a:hover,
.region-content .field--name-field-sites-references ul li a:hover,
article .field--name-field-pour-aller-plus-loin ul li a:hover,
.region-content .field--name-field-aller-plus-loin-niveau-4 ul li a:hover,
.region-content .sitesRef .field--items li a:hover,
.region-content .field-sites-references .field--items li a:hover,
.region-content .field--name-field-sites-references .field--items li a:hover,
article .field--name-field-pour-aller-plus-loin .field--items li a:hover,
.region-content .field--name-field-aller-plus-loin-niveau-4 .field--items li a:hover,
.region-content .sitesRef ul .field--item a:hover,
.region-content .field-sites-references ul .field--item a:hover,
.region-content .field--name-field-sites-references ul .field--item a:hover,
article .field--name-field-pour-aller-plus-loin ul .field--item a:hover,
.region-content .field--name-field-aller-plus-loin-niveau-4 ul .field--item a:hover,
.region-content .sitesRef .field--items .field--item a:hover,
.region-content .field-sites-references .field--items .field--item a:hover,
.region-content .field--name-field-sites-references .field--items .field--item a:hover,
article .field--name-field-pour-aller-plus-loin .field--items .field--item a:hover,
.region-content .field--name-field-aller-plus-loin-niveau-4 .field--items .field--item a:hover {
    text-decoration: underline;
}

.region-content .sitesRef ul li a:before,
.region-content .field-sites-references ul li a:before,
.region-content .field--name-field-sites-references ul li a:before,
article .field--name-field-pour-aller-plus-loin ul li a:before,
.region-content .field--name-field-aller-plus-loin-niveau-4 ul li a:before,
.region-content .sitesRef .field--items li a:before,
.region-content .field-sites-references .field--items li a:before,
.region-content .field--name-field-sites-references .field--items li a:before,
article .field--name-field-pour-aller-plus-loin .field--items li a:before,
.region-content .field--name-field-aller-plus-loin-niveau-4 .field--items li a:before,
.region-content .sitesRef ul .field--item a:before,
.region-content .field-sites-references ul .field--item a:before,
.region-content .field--name-field-sites-references ul .field--item a:before,
article .field--name-field-pour-aller-plus-loin ul .field--item a:before,
.region-content .field--name-field-aller-plus-loin-niveau-4 ul .field--item a:before,
.region-content .sitesRef .field--items .field--item a:before,
.region-content .field-sites-references .field--items .field--item a:before,
.region-content .field--name-field-sites-references .field--items .field--item a:before,
article .field--name-field-pour-aller-plus-loin .field--items .field--item a:before,
.region-content .field--name-field-aller-plus-loin-niveau-4 .field--items .field--item a:before {
    content: '';
    display: inline-block;
    background: url(../images/picto_cursor.png) no-repeat center left;
    width: 20px;
    height: 25px;
    margin: 0 10px;
    vertical-align: middle;
}

.region-content .littleTitle {
    font-size: 1.5em;
    font-family: "Muli-Light";
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 20px 0 20px 30px !important;
}

.couleur_ifpen .region-content .littleTitle {
    color: #003559;
}

.couleur_recherche .region-content .littleTitle {
    color: #006bb3;
}

.couleur_innovation .region-content .littleTitle {
    color: #80187e;
}

.couleur_enjeux .region-content .littleTitle {
    color: #77A210;
}

.couleur_formation .region-content .littleTitle {
    color: #E07810;
}

.region-content .addtoany_list a:after {
  content: none;
}

.region-content .addtoany_list a:first-of-type {
    margin-left: 25px;
}

.region-content .print__wrapper--pdf {
    display: inline-block;
}

.region-content .print__wrapper--pdf a.print__link--pdf {
    position: relative;
    display: inline-block;
    line-height: 38px;
    width: 38px;
    height: 38px;
    font-size: 0;
    vertical-align: middle;
    margin-left: 5px;
}

.region-content .print__wrapper--pdf a.print__link--pdf:before {
    content: "";
    width: 38px;
    height: 38px;
    background: url(../images/picto_contact_print.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.region-content .print__wrapper--pdf a.print__link--pdf:hover {
    opacity: .7;
}

.region-content .comment textarea {
    width: 100%;
    height: 170px;
    margin: 15px 0;
}

.region-content .comment button {
    font-family: 'Muli-Light';
    font-weight: bold;
    color: #3d3d3d;
    font-size: 1.00em;
    text-transform: uppercase;
    padding: 2px 15px;
    display: inline-block;
    border: 2px solid #3d3d3d;
    float: right;
    background: #ffffff;
}

.secondContent {
    padding: 0;
    float: left;
    z-index: 0;
}

.secondContent .contact {
    padding: 20px 20px 0 20px;
    width: 100%;
    background: #fff;
    border-left: 1px solid #d9d9d9;
}

.secondContent .contact .imgContactBig {
    display: block;
    clear: both;
    margin: 10px auto;
    overflow: hidden;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.secondContent .contact .imgContactBig img {
    width: 100%;
}

.secondContent .contact .nom {
    font-family: 'Muli-Regular';
    font-weight: bold;
    font-size: 1.375em;
    text-transform: uppercase;
    color: #3d3d3d;
    text-align: center;
    padding: 0 20%;
    letter-spacing: 0.1em;
}

.secondContent .contact .metier {
    font-family: 'Muli-Regular';
    font-size: 1.375em;
    color: #777;
    text-align: center;
}

.secondContent .contact .btnContact {
    font-family: 'Muli-Black';
    font-size: 1em;
    letter-spacing: 0.1em;
    padding: 20px 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    color: #777;
    display: block;
    width: calc(100% + 50px);
    width: calc(100% + 40px);
    margin: 15px -20px 0 -20px;
    transition: all 0.2s ease-in-out;
}

.secondContent .contact .btnContact:hover {
    background: #e5e5e5;
}

.secondContent ul.share {
    margin: 20px;
}

.secondContent ul.share li {
    display: inline-block;
    padding: 5px;
}

/**********************************/
/***          PAGE BLOG         ***/
/**********************************/
.path-actualites .bandeauImg .contentImg {
    background: url(../images/bandeau_blog.jpg) no-repeat center top;
    width: 100%;
    height: 100%;
}

.path-actualites .bandeauCaption p {
    text-transform: uppercase;
}

.path-actualites .filActu {
    background: #fff;
    padding-top: 0;
    padding-bottom: 0;
}

.path-actualites .filActu form.views-exposed-form {
    background: #fff;
    padding: 30px 30px 10px 30px;
}

.path-actualites .filActu form.views-exposed-form .form-item input,
.path-actualites .filActu form.views-exposed-form .form-item select {
    border: 1px solid #717171;
    padding: 10px;
    margin-bottom: 25px;
    border-radius: 0;
}

.path-actualites .filActu form.views-exposed-form .form-type-textfield {
    width: 100%;
    position: relative;
}

.path-actualites .filActu form.views-exposed-form .form-type-textfield input {
    width: 100%;
    padding-left: 60px;
    padding-right: 20px;
    height: 52px;
    color: #6d6d6d;
    font-family: 'Muli-Regular';
    font-size: 1.4em;
    position: relative;
    display: block;
}

.path-actualites .filActu form.views-exposed-form .edit-combine-icon {
    position: absolute;
    cursor: pointer;
    width: 52px;
    height: 52px;
}

.path-actualites .filActu form.views-exposed-form .edit-combine-icon:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/picto_blog_loupe.png) no-repeat 20px 14px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 200;
}

.path-actualites .filActu form.views-exposed-form .form-type-select {
    width: 32%;
    float: left;
    margin-right: 2%;
    position: relative;
}

.path-actualites .filActu form.views-exposed-form .form-type-select:nth-of-type(4) {
    margin-right: 0;
}

.path-actualites .filActu form.views-exposed-form .form-type-select.form-item-sort-bef-combine {
    display: none;
}

.path-actualites .filActu form.views-exposed-form .form-type-select.form-item-rubrique:after,
.path-actualites .filActu form.views-exposed-form .form-type-select.form-item-domaines:after,
.path-actualites .filActu form.views-exposed-form .form-type-select.form-item-type:after {
    position: absolute;
    top: 8px;
    left: 20px;
    content: '';
    height: 30px;
    width: 35px;
}

.path-actualites .filActu form.views-exposed-form .form-type-select.form-item-rubrique:after {
    background: url(../images/picto_blog_rubrique.png) no-repeat;
}

.path-actualites .filActu form.views-exposed-form .form-type-select.form-item-domaines:after {
    background: url(../images/picto_blog_thematique.png) no-repeat;
}

.path-actualites .filActu form.views-exposed-form .form-type-select.form-item-type:after {
    background: url(../images/picto_blog_type.png) no-repeat;
}

.path-actualites .filActu form.views-exposed-form .form-type-select .select-wrapper {
    width: 100%;
}

.path-actualites .filActu form.views-exposed-form .form-type-select .select-wrapper:after {
    content: '';
    background: url(../images/picto_blog_fleche.png) no-repeat;
    width: 18px;
    height: 11px;
    margin: 13px 0;
    padding: 0;
    top: 5px;
    right: 10px;
}

.path-actualites .filActu form.views-exposed-form .form-type-select select {
    cursor: pointer;
    width: 100%;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    min-width: 14em;
    min-height: 2.71428571em;
    background: #FFFFFF;
    font-size: 1.2em;
    padding-left: 60px;
}

.path-actualites .filActu form.views-exposed-form .form-actions {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
}

.path-actualites .filActu form.views-exposed-form .form-actions button {
    display: inline-block;
    width: 100%;
    clear: both;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    font-family: 'Muli-Regular';
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border: 0;
    padding: 15px 0;
    -moz-background: -moz-linear-gradient(left, #003559 0%, #287bb3 100%);
    -webkit-background: -webkit-linear-gradient(left, #003559 0%, #287bb3 100%);
    background: linear-gradient(to right, #003559 0%, #287bb3 100%);
    transition: all 0.3s ease;
    box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0);
}

.path-actualites .filActu form.views-exposed-form .form-actions button:hover {
    transform: scale(1.03);
    -moz-background: -moz-linear-gradient(left, #003559 0%, #003559 100%);
    -webkit-background: -webkit-linear-gradient(left, #003559 0%, #003559 100%);
    background: linear-gradient(to right, #003559 0%, #003559 100%);
    box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.1);
}

.path-actualites .searchInput {
    padding: 30px 30px 10px 30px;
}

.path-actualites .searchBlog .searchTxtContent,
.path-actualites .searchBlog .search {
    border: 1px solid #717171;
    padding: 10px;
    margin-bottom: 25px;
    border-radius: 0;
}

.path-actualites .searchBlog .searchTxtContent {
    width: 100%;
    padding-left: 20px;
    height: 52px;
    color: #6d6d6d;
    font-family: 'Muli-Regular';
    font-size: 1.4em;
    position: relative;
    display: block;
}

.path-actualites .searchBlog .searchTxt {
    position: relative;
    display: block;
}

.path-actualites .searchBlog .search {
    padding-left: 20px;
}

.path-actualites .searchBlog .searchTxt:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/picto_blog_loupe.png) no-repeat;
    width: 26px;
    height: 26px;
    margin: 13px;
    display: block;
}

.path-actualites .searchBlog .search {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.path-actualites .searchBlog .search:last-of-type {
    margin-right: 0;
    float: right;
}

.path-actualites .searchBlog .searchTxtContent::placeholder {
    color: #9b9b9b;
    font-family: 'Muli-Regular';
    font-size: 1em;
}

.path-actualites .searchBlog .ui.multiple.search.dropdown > .text {
    color: #6d6d6d;
    font-family: 'Muli-Regular';
    font-size: 1.4em;
    margin: 4px;
}

.path-actualites .searchBlog .ui.multiple.search.dropdown > .text img {
    margin-top: -0.2em;
}

.path-actualites .searchBlog .ui.multiple.search.dropdown.active > .text {
    color: rgba(191, 191, 191, 0.87);
}

.path-actualites .searchBlog .ui.multiple.search.dropdown.active > .text img {
    opacity: 0.3;
}

.path-actualites .searchBlog .ui.dropdown > .dropdown.icon {
    background: url(../images/picto_blog_fleche.png) no-repeat;
    width: 18px;
    height: 11px;
    margin: 13px 0;
    padding: 0;
}

.path-actualites .ui.dropdown .menu > .item {
    font-size: 1.3rem;
}

.path-actualites .searchBlog .ui.dropdown > .dropdown.icon:before {
    content: '';
}

.path-actualites .searchBlog .ui.multiple.dropdown > .label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: 0.35714286em 0.78571429em;
    margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
    box-shadow: none;
    color: #6d6d6d;
    font-family: 'Muli-Regular';
    border: 1px solid #9b9b9b;
    border-radius: 0;
}

.path-actualites .searchBlog .ui.multiple.search.dropdown > input.search {
    text-align: left;
    float: left;
    width: 0.2em;
}

.path-actualites .searchBlog .ui.label > .close.icon,
.path-actualites .ui.label > .delete.icon {
    cursor: pointer;
    margin-right: 0;
    margin-left: 10px;
    display: inline-block;
    width: auto;
    background: red;
    width: 10px;
    height: 10px;
    background: url(../images/cross_search.png) no-repeat;
}

.path-actualites .searchBlog .btnSearch {
    display: inline-block;
    width: 100%;
    clear: both;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    font-family: 'Muli-Regular';
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border: 0;
    padding: 15px 0;
    -moz-background: -moz-linear-gradient(left, #003559 0%, #287bb3 100%);
    -webkit-background: -webkit-linear-gradient(left, #003559 0%, #287bb3 100%);
    background: linear-gradient(to right, #003559 0%, #287bb3 100%);
}

.path-actualites .triDetails {
    margin-bottom: 30px;
    text-align: right;
    display: inline-block;
    width: 100%;
}

.path-actualites .triDetails span {
    color: #717171;
    font-size: 1.4em;
    font-family: 'Muli-Regular';
    display: inline-block;
    padding: 0 10px;
}

.path-actualites .triDetails .temps,
.path-actualites .triDetails .date {
    display: inline;
    margin-left: 15px;
    min-height: 30px;
    display: inline-block;
}

.path-actualites .triDetails .temps {
    border-right: 1px solid #717171;
    padding-right: 10px;
}

.path-actualites .triDetails a {
    padding: 0 5px;
    display: inline-block;
    transition: all 0.2s ease-in-out;
}

.path-actualites .triDetails a:hover {
    transform: scale(1.2);
}

.path-actualites .triDetails .temps a:first-of-type img,
.path-actualites .triDetails .date a:first-of-type img {
    transform: rotate(180deg);
}

.path-actualites .agendaPresse {
    position: absolute;
    right: 0;
    padding: 0;
    display: block;
    width: auto;
    top: 190px;
}

.path-actualites .agendaPresse a {
    display: block;
    width: max-content;
    font-size: 1.250em;
    color: #fff;
    padding: 0;
    margin: 0;
    border: 0;
    text-transform: initial;
    float: right;
    clear: both;
}

.path-actualites .agendaPresse a:hover {
    background: transparent;
}

.path-actualites .agendaPresse a img {
    border: 1px solid #fff;
    padding: 20px;
}

.path-actualites .agendaPresse a:hover img {
    background: #3d3d3d;
}

.path-actualites .agendaPresse a span {
    background: url(../images/fleche_blog_agendaPresse.png) no-repeat;
    width: 10px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.region-content ul li.pager__item {
    font-size: 1em;
}

.pager li > a,
.pager li > span {
    display: inline-block;
    background-color: #fff;
    font-family: 'Muli-Regular';
    font-size: 1.250em;
    color: #adadad;
    padding: 2px 15px;
    border: 2px solid #adadad;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0;
    margin: 20px 0;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

.pager li > a:hover,
.pager li > span:hover {
    color: #ffffff;
    background: #3d3d3d;
    border: 2px solid #3d3d3d;
}

/**********************************/
/***         PAGE FILLE         ***/
/**********************************/
.page-node-type-niveau-2 .mainContent .mrg150 {
    padding-top: 20px;
}

.couleur_ifpen.page-node-type-niveau-3 .bandeauImg .contentImg {
    background: url(../images/bandeau_fille_domaine.jpg) no-repeat center top;
    width: 100%;
    height: 100%;
}

.page-node-type-niveau-3 .contentImg .trame {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}

.mainContent .mrg150 {
    margin-top: -90px;
    border-top: 8px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #003559 0%, #287bb3 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #003559 0%, #287bb3 100%);
    border-image: linear-gradient(to right, #003559 0%, #287bb3 100%);
    border-image-slice: 1;
    background: #ffffff;
}

.page-node-type-page .mainContent .mrg150 {
    margin-top: 0;
    border-top: 0;
}

.page-node-type-page .region-content h2,
.page-node-type-niveau-3 .region-content h2.light {
    background: -moz-linear-gradient(left, #003559 0%, #287bb3 100%);
    background: -webkit-linear-gradient(left, #003559 0%, #287bb3 100%);
    background: linear-gradient(to right, #003559 0%, #287bb3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 1.9em;
    font-family: 'Muli-Light';
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
    margin: 10px 30px;
    padding-right: 10px;
    width: 100%;
}

body.imce-page {
    top: 0;
}

@media all and (-ms-high-contrast: none) {
    .page-node-type-page .region-content h2,
    .page-node-type-niveau-3 .region-content h2.light {
        background: #ffffff;
        color: #003559;
    }

    /* IE10 */
    *::-ms-backdrop, .page-node-type-page .region-content h2,
    .page-node-type-niveau-3 .region-content h2.light {
        background: #ffffff;
        color: #003559;
    }

    /* IE11 */
}

.page-node-type-page .region-content h2 {
    margin-top: 20px
}

.page-node-type-niveau-3 .region-content h1 {
    position: relative;
}

.page-node-type-niveau-3 .region-content h1:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    background: #003559;
    height: 3px;
    width: 80px;
}

article .field--name-field-pour-aller-plus-loin,
.region-content .field--name-field-aller-plus-loin-niveau-4 {
    background: #003559 url(../images/picto_linkBig.png) no-repeat center right;
    clear: both;
}

article .field--name-field-pour-aller-plus-loin .field--items .field--item a:before,
.region-content .field--name-field-aller-plus-loin-niveau-4 .field--items .field--item a:before {
    content: '';
    display: inline-block;
    background: url(../images/picto_link.png) no-repeat center left;
    width: 20px;
    height: 20px;
}

.navFixSticky {
    margin: 15px 30px !important;
}

.navFixSticky ul {
    padding: 0 !important;
}

.navFixSticky ul li {
    display: inline-block;
    width: calc(24.5% - 20px);
    background: #f9f9f9;
    margin: 10px !important;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    min-height: 55px;
    vertical-align: top;
    line-height: 55px;
    border: 1px solid #003559;
}

.navFixSticky ul li a {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    vertical-align: middle;
    line-height: 1.2em;
    font-family: 'Muli-Regular';
    font-weight: bold;
    color: #3d3d3d;
    text-decoration: none !important;
}

.navFixSticky ul li:hover {
    background: #003559;
    transform: scale(1.07);
    box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.1);
}

.navFixSticky ul li:hover a {
    color: #fff;
}

/*-------------SECOND NAV------------*/
.page-node-type-niveau-3 .secondContent {
    padding-top: 0;
}

.secondContent div[id^="block-mainnavigation-"] ul {
    list-style: none;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main {
    width: 100%;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    float: none;
    margin-left: 0;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main div.menu-item {
    display: flex;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    background-color: #efefef;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main div.menu-item span,
.secondContent div[id^="block-mainnavigation-"] ul.menu--main div.menu-item button {
    background: none;
    border: 0;
    padding: 1px 6px;
    font-family: 'Muli-Regular';
    font-weight: bold;
    font-size: 1.3em;
    cursor: pointer;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main div.menu-item span i,
.secondContent div[id^="block-mainnavigation-"] ul.menu--main div.menu-item button i {
    font-weight: bold;
    color: #3d3d3d;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main ul.is-sub-menu div.menu-item {
    padding-left: 15px;
    color: #3d3d3d;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main ul.is-sub-menu ul.is-sub-menu div.menu-item {
    padding-left: 30px;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main ul.is-sub-menu ul.is-sub-menu ul.is-sub-menu div.menu-item {
    padding-left: 60px;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main ul.is-sub-menu ul.is-sub-menu ul.is-sub-menu ul.is-sub-menu div.menu-item {
    padding-left: 60px;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main li.is-active > div.menu-item,
.secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover > button > i,
.secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover > span > i,
.secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover {
    background: #003559;
    color: #FFFFFF;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main li.is-active > div.menu-item > button > i,
.secondContent div[id^="block-mainnavigation-"] ul.menu--main li.is-active > div.menu-item > span > i,
.secondContent div[id^="block-mainnavigation-"] ul.menu--main li.is-active > div.menu-item > a,
.secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover a {
    color: #FFFFFF;
}

/* Couleur des rubriques */
.couleur_recherche .secondContent div[id^="block-mainnavigation-"] ul.menu--main li.is-active > div.menu-item,
.couleur_recherche .secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover > button > i,
.couleur_recherche .secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover > span > i,
.couleur_recherche .secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover {
    background: #006bb3;
    color: #FFFFFF;
}

.couleur_innovation .secondContent div[id^="block-mainnavigation-"] ul.menu--main li.is-active > div.menu-item,
.couleur_innovation .secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover > button > i,
.couleur_innovation .secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover > span > i,
.couleur_innovation .secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover {
    background: #80187e;
    color: #FFFFFF;
}

.couleur_enjeux .secondContent div[id^="block-mainnavigation-"] ul.menu--main li.is-active > div.menu-item,
.couleur_enjeux .secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover > button > i,
.couleur_enjeux .secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover > span > i,
.couleur_enjeux .secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover {
    background: #77A210;
    color: #FFFFFF;
}

.couleur_formation .secondContent div[id^="block-mainnavigation-"] ul.menu--main li.is-active > div.menu-item,
.couleur_formation .secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover > button > i,
.couleur_formation .secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover > span > i,
.couleur_formation .secondContent div[id^="block-mainnavigation-"] ul.menu--main li div.menu-item:hover {
    background: #E07810;
    color: #FFFFFF;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main li > ul.is-sub-menu {
    /*background: #efefef;*/
    display: none;
    transition: all 0.15s ease-in-out;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main li.open > ul.is-sub-menu {
    position: relative;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 0;
    display: block;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main li {
    border-top: 1px solid #acacac;
    margin-left: 0;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main li a {
    color: #3d3d3d;
    font-family: 'Muli-Regular';
    font-weight: bold;
    font-size: 1.3em;
    padding-left: 10px;
    align-items: center;
    display: flex;
}

.secondContent div[id^="block-mainnavigation-"] ul.menu--main li ul li ul li a,
.secondContent div[id^="block-mainnavigation-"] ul.menu--main li ul li ul li ul li a,
.secondContent div[id^="block-mainnavigation-"] ul.menu--main li ul li ul li ul li ul li a {
    font-weight: normal;
}

.secondContent .categ {
    padding: 20px;
    background: #f9f9f9;
}

.secondContent .categ p {
    font-size: 1.5em;
    font-family: "Muli-Light";
    color: #003559;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.secondContent .categ ul li {
    list-style-type: none;
    margin: 20px 0;
}

.secondContent .categ ul li a {
    font-size: 0.9em;
    font-family: "Muli-Regular";
    font-weight: bold;
    color: #003559;
    letter-spacing: 0.1em;
    padding: 5px 15px;
    border: 1px solid #003559;
    border-radius: 30px;
    text-transform: uppercase;
}

/*--------------------------------------------
  8. PAGE FILLE
--------------------------------------------*/

/*--------- PAGE FILLE RECHERCHE --------*/
.couleur_recherche.page-node-type-niveau-3 .bandeauImg .contentImg {
    background: url(../images/bandeau_fille_recherche.jpg) no-repeat center top;
    width: 100%;
    height: 100%;
}

.couleur_recherche.page-node-type-niveau-3 .mrgLeft150 > .row:before,
.couleur_recherche .mainContent .mrgLeft150:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    background: #006bb3;
    background: -moz-linear-gradient(left, #006bb3 0%, #0881d2 100%);
    background: -webkit-linear-gradient(left, #006bb3 0%, #0881d2 100%);
    background: linear-gradient(to right, #006bb3 0%, #0881d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003559', endColorstr='#287bb3', GradientType=1);
}

.couleur_recherche .region-content h1 {
    background: -moz-linear-gradient(left, #004d81 0%, #0881d2 100%);
    background: -webkit-linear-gradient(left, #004d81 0%, #0881d2 100%);
    background: linear-gradient(to right, #004d81 0%, #0881d2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.couleur_recherche .region-content h1:after {
    background: #006bb3;
}

.couleur_recherche .region-content h2.light {
    background: -moz-linear-gradient(left, #004d81 0%, #0881d2 100%);
    background: -webkit-linear-gradient(left, #004d81 0%, #0881d2 100%);
    background: linear-gradient(to right, #004d81 0%, #0881d2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.couleur_recherche article .field--name-field-pour-aller-plus-loin,
.couleur_recherche .region-content .field--name-field-aller-plus-loin-niveau-4 {
    background: #006bb3 url(../images/picto_linkBig.png) no-repeat center right;
}

.couleur_recherche .secondContent .categ p {
    color: #006bb3;
}

.couleur_recherche .secondContent .categ ul li a {
    color: #006bb3;
    border: 1px solid #006bb3;
}

.field--name-field-pour-aller-plus-loin h2 {
    color: #FFFFFF;
}

/*--------- PAGE FILLE INNOVATION --------*/
.couleur_innovation.page-node-type-niveau-3 .bandeauImg .contentImg {
    background: url(../images/bandeau_fille_recherche.jpg) no-repeat center top;
    width: 100%;
    height: 100%;
}

.couleur_innovation.page-node-type-niveau-3 .mrgLeft150 > .row:before,
.couleur_innovation .mainContent .mrgLeft150:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    background: #730271;
    background: -moz-linear-gradient(left, #730271 0%, #5a0258 100%);
    background: -webkit-linear-gradient(left, #730271 0%, #5a0258 100%);
    background: linear-gradient(to right, #730271 0%, #5a0258 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003559', endColorstr='#287bb3', GradientType=1);
}

.couleur_innovation .region-content h1 {
    background: -moz-linear-gradient(left, #5a0258 0%, #710273 100%);
    background: -webkit-linear-gradient(left, #5a0258 0%, #710273 100%);
    background: linear-gradient(to right, #5a0258 0%, #710273 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.couleur_innovation .region-content h1:after {
    background: #730271;
}

.couleur_innovation .region-content h2.light {
    background: -moz-linear-gradient(left, #5a0258 0%, #710273 100%);
    background: -webkit-linear-gradient(left, #5a0258 0%, #710273 100%);
    background: linear-gradient(to right, #5a0258 0%, #710273 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.couleur_innovation article .field--name-field-pour-aller-plus-loin,
.couleur_innovation .region-content .field--name-field-aller-plus-loin-niveau-4 {
    background: #730271 url(../images/picto_linkBig.png) no-repeat center right;
}

.couleur_innovation .secondContent .categ p {
    color: #730271;
}

.couleur_innovation .secondContent .categ ul li a {
    color: #730271;
    border: 1px solid #730271;
}

/*--------- PAGE FILLE ENJEUX --------*/
.couleur_enjeux.page-node-type-niveau-3 .bandeauImg .contentImg {
    background: url(../images/bandeau_fille_recherche.jpg) no-repeat center top;
    width: 100%;
    height: 100%;
}

.couleur_enjeux.page-node-type-niveau-3 .mrgLeft150 > .row:before,
.couleur_enjeux .mainContent .mrgLeft150:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    background: #77A210;
    background: -moz-linear-gradient(left, #77A210 0%, #6f9b00 100%);
    background: -webkit-linear-gradient(left, #77A210 0%, #6f9b00 100%);
    background: linear-gradient(to right, #77A210 0%, #6f9b00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003559', endColorstr='#287bb3', GradientType=1);
}

.couleur_enjeux .region-content h1 {
    background: -moz-linear-gradient(left, #6f9b00 0%, #77A210 100%);
    background: -webkit-linear-gradient(left, #6f9b00 0%, #77A210 100%);
    background: linear-gradient(to right, #6f9b00 0%, #77A210 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.couleur_enjeux .region-content h1:after {
    background: #77A210;
}

.couleur_enjeux .region-content h2.light {
    background: -moz-linear-gradient(left, #6f9b00 0%, #77A210 100%);
    background: -webkit-linear-gradient(left, #6f9b00 0%, #77A210 100%);
    background: linear-gradient(to right, #6f9b00 0%, #77A210 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.couleur_enjeux article .field--name-field-pour-aller-plus-loin,
.couleur_enjeux .region-content .field--name-field-aller-plus-loin-niveau-4 {
    background: #77A210 url(../images/picto_linkBig.png) no-repeat center right;
}

.couleur_enjeux .secondContent .categ p {
    color: #77A210;
}

.couleur_enjeux .secondContent .categ ul li a {
    color: #77A210;
    border: 1px solid #77A210;
}

/*--------- PAGE FILLE FORMATION --------*/
.couleur_formation.page-node-type-niveau-3 .bandeauImg .contentImg {
    background: url(../images/bandeau_fille_recherche.jpg) no-repeat center top;
    width: 100%;
    height: 100%;
}

.couleur_formation.page-node-type-niveau-3 .mrgLeft150 > .row:before,
.couleur_formation .mainContent .mrgLeft150:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    background: #E07810;
    background: -moz-linear-gradient(left, #E07810 0%, #aa5500 100%);
    background: -webkit-linear-gradient(left, #E07810 0%, #aa5500 100%);
    background: linear-gradient(to right, #E07810 0%, #aa5500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003559', endColorstr='#287bb3', GradientType=1);
}

.couleur_formation .region-content h1 {
    background: -moz-linear-gradient(left, #aa5500 0%, #E07810 100%);
    background: -webkit-linear-gradient(left, #aa5500 0%, #E07810 100%);
    background: linear-gradient(to right, #aa5500 0%, #E07810 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.couleur_formation .region-content h1:after {
    background: #E07810;
}

.couleur_formation .region-content h2.light {
    background: -moz-linear-gradient(left, #aa5500 0%, #E07810 100%);
    background: -webkit-linear-gradient(left, #aa5500 0%, #E07810 100%);
    background: linear-gradient(to right, #aa5500 0%, #E07810 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.couleur_formation article .field--name-field-pour-aller-plus-loin,
.couleur_formation .region-content .field--name-field-aller-plus-loin-niveau-4 {
    background: #E07810 url(../images/picto_linkBig.png) no-repeat center right;
}

.couleur_formation .secondContent .categ p {
    color: #E07810;
}

.couleur_formation .secondContent .categ ul li a {
    color: #E07810;
    border: 1px solid #E07810;
}

/**********************************/
/***          PAGE QSN          ***/
/**********************************/
/*--------- noCateg BLEU FONCE NEUTRE --------*/
.noCateg .bandeauImg {
    border-bottom: 10px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #003559 0%, #287bb3 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #003559 0%, #287bb3 100%);
    border-image: linear-gradient(to right, #003559 0%, #287bb3 100%);
    border-image-slice: 1;
}

.noCateg article .rechercheBloc {
    background: #003559 url(../images/picto_big_loupe.png) no-repeat bottom right;
}

.noCateg article .actu h3 {
    color: #003559;
}

.noCateg.QSN .bandeauImg .contentImg {
    background: url(../images/bandeau_QSN.jpg) no-repeat center top;
    width: 100%;
    height: 100%;
}

.noCateg .blocDedie {
    background: #ffffff;
}

.noCateg .blocDedie .bgBloc {
    background: url(../images/bg_blocDedieQSN_img.jpg) no-repeat center top;
    width: 100%;
    height: 100%;
}

.noCateg .enChiffres li p.chiffres {
    color: #003559;
}

.blocDedie.temoignage {
    color: #003559;
    position: relative;
    margin-top: 100px;
}

.blocDedie.temoignage div.citation {
    width: 75%;
    padding: 0px 30px 80px 0;
}

.blocDedie.temoignage div.citation blockquote p {
    font-family: 'Muli-Black';
    color: #003559;
    position: relative;
    font-size: 2em;
    line-height: 1.2em;
    padding-left: 10%;
    text-align: left;
    padding-right: 0;
}

.blocDedie.temoignage div.citation blockquote p:after {
    content: '';
    background: #003559;
    display: inline-block;
    height: 2px;
    width: 50%;
    margin-left: 20px;
}

.blocDedie.temoignage div.citation blockquote {
    position: relative;
    font-size: 1.2em;
    border: 0;
}

.blocDedie.temoignage div.citation blockquote:before {
    content: '“';
    font-family: 'Muli-Black';
    color: #003559;
    opacity: 0.9;
    font-size: 16.5em;
    height: 140px;
    display: block;
    line-height: 1em;
}

.blocDedie.temoignage div.citation blockquote:after {
    content: '”';
    font-family: 'Muli-Black';
    color: #003559;
    opacity: 0.9;
    font-size: 16.5em;
    height: 140px;
    display: block;
    line-height: 1em;
    line-height: 0.7em;
    position: absolute;
    right: 0;
    padding: 0;
    border: 0;
}

.blocDedie.temoignage div.citation p {
    color: #003559;
    font-size: 1.6em;
    line-height: 1.2em;
    font-family: 'Muli-Regular';
    text-align: right;
    padding-right: 15%;
    border: 0;
}

.blocDedie.temoignage div.citation p cite:before,
.blocDedie.temoignage div.citation p cite:after,
.blocDedie.temoignage div.citation p:before,
.blocDedie.temoignage div.citation p:after {
    display: none;
}

.blocDedie.temoignage div.citation p cite {
    display: block;
    font-weight: bold;
    font-style: normal;
}

.blocDedie.temoignage div.perso {
    width: 25%;
    float: right;
    position: relative;
}

.blocDedie.temoignage div.perso img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
}

/**********************************/
/***         COULEURS           ***/
/**********************************/
.txtBleu,
.txtBleu:hover {
    color: #006bb3;
}

.txtViolet,
.txtViolet:hover {
    color: #80187e;
}

.txtVert,
.txtVert:hover {
    color: #77A210;
}

.txtOrange,
.txtOrange:hover {
    color: #E07810;
}

.txtNoir,
.txtNoir:hover {
    color: #3d3d3d;
}

.view-homepage-main-menu .couleur_ifpen,
.view-homepage-main-menu .couleur_ifpen:hover {
    color: #3d3d3d;
}

.view-homepage-main-menu .couleur_recherche,
.view-homepage-main-menu .couleur_recherche:hover {
    color: #006bb3;
}

.view-homepage-main-menu .couleur_innovation,
.view-homepage-main-menu .couleur_innovation:hover {
    color: #80187e;
}

.view-homepage-main-menu .couleur_enjeux,
.view-homepage-main-menu .couleur_enjeux:hover {
    color: #77A210;
}

.view-homepage-main-menu .couleur_formation,
.view-homepage-main-menu .couleur_formation:hover {
    color: #E07810;
}

/**********************************/
/***            FONTS           ***/
/**********************************/
@font-face {
    font-family: 'Muli-Light';
    src: url('../fonts/Muli-Light.eot');
    src: url('../fonts/Muli-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli-Light.woff2') format('woff2'), url('../fonts/Muli-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muli-Black';
    src: url('../fonts/Muli-Black.eot');
    src: url('../fonts/Muli-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli-Black.woff2') format('woff2'), url('../fonts/Muli-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muli-Regular';
    src: url('../fonts/Muli-Regular.eot');
    src: url('../fonts/Muli-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli-Regular.woff2') format('woff2'), url('../fonts/Muli-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NexaLight';
    src: url('../fonts/NexaLight.eot');
    src: url('../fonts/NexaLight.eot?#iefix') format('embedded-opentype'), url('../fonts/NexaLight.woff2') format('woff2'), url('../fonts/NexaLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BigJohn';
    src: url('../fonts/bigjohn-webfont.eot');
    src: url('../fonts/bigjohn-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bigjohn-webfont.woff2') format('woff2'), url('../fonts/bigjohn-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/**************************************/
/*    Maintenance                     */
/**************************************/
.maintenance-page .navbar.container {
    background: none;
}

.maintenance-page .navbar-header {
    width: 100%;
}

.maintenance-page .navbar .logo {
    display: block;
    text-align: center;
}

.maintenance-page .main-container section {
    text-align: center;
    margin-top: 6em;
}
/**********************************/
/***           GLOBAL           ***/
/**********************************/
/*---------- RESET ----------*/
html,
body {
    font-size: 14px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}

a img {
    border: none;
    max-width: 100%;
}

a:active,
input:active {
    outline-style: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p {
    margin-bottom: 0;
}

p:first-child {
    margin-top: 0;
}

ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-left: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
    margin: 0;
}

/* pour IE8 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

.row {
    display: block;
}

.fa-bars:before {
    content: "";
}

/*---------- MAIN ----------*/
body {
    position: relative;
    font-size: 1rem;
    max-width: 1920px;
    margin: 0 auto;
}

main {
    position: relative;
}

.pad150 {
    padding-left: 205px;
    padding-right: 205px;
}

.mrg150 {
    margin-left: 205px;
    margin-right: 205px;
}

.padding150 {
  padding-left: 205px;
  padding-right: 205px;
}

.pb-80 {
  padding-bottom: 80px;
}

.col-sm-12.mrg150 {
    width: calc(100% - 410px);
}

.mrgLeft150 {
    margin-left: 205px;
}

.col-sm-12.mrgLeft150 {
    width: calc(100% - 205px);
    padding: 0;
}

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

.no-border-top {
    border-top: 0 !important;
}

/*---- STYLES GENERAUX -----*/

.path-frontpage .region-content .btn,
.couleur_ifpen .region-content .btn {
    color: #003559;
    border: 2px solid #003559;
}
.path-frontpage .region-content .btn:hover,
.couleur_ifpen .region-content .btn:hover {
    color: #ffffff;
    background: #003559;
    border: 2px solid #003559;
    text-decoration: none;
}

.couleur_recherche .region-content .btn {
    color: #006bb3;
    border: 2px solid #006bb3;
}
.couleur_recherche .region-content .btn:hover {
    color: #ffffff;
    background: #006bb3;
    border: 2px solid #006bb3;
    text-decoration: none;
}

.couleur_innovation .region-content .btn {
    color: #80187e;
    border: 2px solid #80187e;
}
.couleur_innovation .region-content .btn:hover {
    color: #ffffff;
    background: #80187e;
    border: 2px solid #80187e;
    text-decoration: none;
}

.couleur_enjeux .region-content .btn {
    color: #7fb10b;
    border: 2px solid #7fb10b;
}
.couleur_enjeux .region-content .btn:hover {
    color: #ffffff;
    background: #7fb10b;
    border: 2px solid #7fb10b;
    text-decoration: none;
}

.couleur_formation .region-content .btn {
    color: #E07810;
    border: 2px solid #E07810;
}
.couleur_formation .region-content .btn:hover {
    color: #ffffff;
    background: #E07810;
    border: 2px solid #E07810;
    text-decoration: none;
}

.region-content .btn,
.btn {
    text-decoration: none;
    font-family: 'Muli-Regular';
    font-size: 1.250em;
    color: #ddd;
    padding: 2px 15px;
    border: 2px solid #ddd;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0;
    margin: 20px 0;
    transition: all 0.2s ease-in-out;
}

.region-content .btn:hover,
.btn:hover {
    color: #ffffff;
    background: #3d3d3d;
    border: 2px solid #3d3d3d;
    text-decoration: none;
}

.btn:focus {
    color: #fff;
}

.btn-primary,
.btn-success {
    color: #fff;
}

.txtCentre {
    text-align: center;
}

.fRight {
    float: right;
}

.fLeft {
    float: left;
}

.accordion button {
    background-color: transparent;
    border-width: 0;
    padding: 0;
}

/*---------- TITRES ----------*/
h1 a {
    display: block;
    height: 100%;
}

h2 {
    position: relative;
    font-family: 'NexaLight';
    text-transform: uppercase;
    font-size: 2.188em;
    color: #3d3d3d;
    padding: 0.5em 0.5em;
}

h2 b,
h2 strong,
h1 .highlightedWord,
h2 .highlightedWord {
    font-family: 'Muli-Black';
}

.view-header h2 {
    padding-bottom: 1em;
}

article .actu p,
.region-content .trimmed,
.region-content p {
    font-family: 'Muli-Light';
    color: #777777;
    font-size: 1.400em;
    line-height: 1.4em;
}

article .actu ul p,
.region-content ul p {
    font-size: 1em;
    margin: 0;
    color: #333333b5;
}

article .actu table,
.region-content table {
    margin: 20px 30px;
    font-family: 'Muli-Light';
    color: #777777;
    font-size: 1.400em;
    line-height: 1.4em;
}

article .actu table p,
.region-content table p,
.region-content article .actu table p,
.region-content table p {
    margin: 0;
    font-size: 1em;
    line-height: 1.4em;
}

article .actu ul li,
.region-content ul li,
article .actu ol li,
.region-content ol li {
    font-family: 'Muli-Light';
    color: #777777;
    font-size: 1.400em;
    line-height: 1.4em;
    padding: 0 0;
    margin-left: 20px;
}

article .actu ul li p,
.region-content ul li p,
article .actu ol li p,
.region-content ol li p{
    font-size: 1em;
}

article .actu ul li li,
.region-content ul li li,
article .actu ol li li,
.region-content ol li li {
    font-size: 1em !important;
}


article .actu p b,
article .actu p strong,
.region-content p b,
.region-content p strong {
    font-family: 'Muli-Regular';
    font-weight: bold;
    color: #777777;
}

.region-content a strong {
    color: #337ab7;
}

.region-content a:hover strong {
    color: #193b58;
}

.region-content p.exergue_couleur strong {
    font-family: 'Muli-Regular';
    font-weight: bold;
    color: #333333b5;
}

article .actu .tags,
.field--name-field-champs-disciplinaires {
    padding: 0 15px;
}

article .actu .tags .field--items ul {
    float: left;
    margin: 0;
}

article .actu .tags ul,
.field--name-field-champs-disciplinaires ul {
    padding: 0;
}

article .actu .tags ul li,
.field--name-field-champs-disciplinaires ul li,
article .actu .tags .field--items > .field--item,
article .field--name-field-domaines-activite .field--item,
article .field--name-field-tags .field--item,
.field--name-field-champs-disciplinaires .field--items > .field--item {
    display: block;
    margin: 0 0 0 0;
    float: left;
    font-size: 0.9em;
}

.view article .actu .field--items ul,
article .actu .tags .field--items .field--item ul {
    margin-left: 0;
    margin-top: 0;
}

article .actu .tags .field--items .field--item ul li {
    font-size: 1em;
    line-height: inherit;
}

article .actu .tags ul li a,
.field--name-field-champs-disciplinaires ul li a,
article .actu .tags .field--items > .field--item a,
article .field--name-field-domaines-activite .field--item a,
article .field--name-field-tags .field--item a,
.field--name-field-champs-disciplinaires .field--items > .field--item a {
    font-family: 'Muli-Light';
    font-weight: bold;
    color: #6d6d6d;
    font-size: 0.9em;
    padding: 2px 10px;
    display: inline-block;
    border: 1px solid #dadada;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

article .actu .tags ul li a:hover,
.field--name-field-champs-disciplinaires ul li a:hover,
article .actu .tags .field--items > .field--item a:hover,
article .field--name-field-domaines-activite .field--item a:hover,
article .field--name-field-tags .field--item a:hover,
.field--name-field-champs-disciplinaires .field--items > .field--item a:hover {
    color: #3d3d3d;
    border: 1px solid #3d3d3d;
}

article .field--name-field-domaines-activite,
article .field--name-field-tags {
    display: inline-block;
}

article .actu span.categ {
    font-family: 'Muli-Regular';
    text-transform: uppercase;
    color: #fff;
    font-size: 1.250em;
    padding: 3px 20px;
    display: inline-block;
}


.deuxLignes {
    overflow: hidden;
    max-height: 2.8em;
}

.huitLignes {
    overflow: hidden;
    max-height: 8.4em;
}

.block-hidden {
    display: none;
}

.toolbar-bar .toolbar-icon-edit:before {
    background-image: url(../../../../../core/misc/icons/bebebe/pencil.svg);
}

.toolbar-bar .toolbar-icon-edit:active:before, .toolbar-bar .toolbar-icon-edit.is-active:before {
    background-image: url(../../../../../core/misc/icons/ffffff/pencil.svg);
}

/***** Paragraphes Pages filles  *****/
.region-content .nav-tabs {
    margin: 0 0 20px 0;
}

.page-node-type-niveau-3 article .field--name-field-domaines-activite {
    margin: 10px 0 10px 30px;
}

.page-node-type-niveau-3 article .txt .field--name-field-domaines-activite {
    margin: 0;
}

.actu.gabSmallArticle .txt p {
    margin-bottom: 10px;
}

.actu.gabSmallArticle .txt a {
    text-decoration: none;
}

.field--name-field-blocs .field--item {
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 2em;
}

.field--name-field-blocs .field--item:last-child {
    border-bottom: 0;
}

.field--name-field-blocs .field--item:first-child {
    border-top: 2px solid #F3F3F3;;
}

.field--name-field-blocs .field--item .field--item {
    border-bottom: 0;
}

.field--name-field-blocs .field--item .field--item:last-child {
    border-bottom: 0;
}

.field--name-field-blocs .field--item .field--item:first-child {
    border-top: 0;
}

.paragraph--type--image-a-droite,
.paragraph--type--image-a-gauche,
.paragraph--type--image-largeur-page {
    margin: 0 20px;
}

.paragraph--type--image-a-droite .field--type-text-long,
.paragraph--type--image-a-gauche .field--type-text-long {
    display: inline-block;
    width: 49%;
}

.paragraph--type--image-a-droite .field--type-image,
.paragraph--type--image-a-gauche .field--type-image {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.paragraph--type--image-largeur-page {
    text-align: center;
}

.paragraph--type--image-largeur-page .field--name-field-image img {
    margin: auto;
}

.paragraph--type--texte-encadre .field--name-field-texte-libre,
.paragraph--type--texte-encadre .field--name-field-texte-encadre {
    display: block;
    padding: 9.5px;
    margin: 10px 20px;
    line-height: 1.42857143;
    color: #333333b5;
    word-wrap: break-word;
    background-color: #006bb35c;
    border: 0px solid #ccc;
    box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.04);
    font-family: 'Muli-Light';
    font-size: 1.400em;
    margin-bottom: 27px;
}

.paragraph--type--texte-encadre .field--name-field-texte-libre.field--type-text-long ul li {
    font-size: 1em;
    color: #333333b5;
}

.paragraph--type--texte-encadre .field--name-field-texte-libre.field--type-text-long ul ul li {
    font-size: 1em;
    color: #333333b5;
}

.paragraph--type--texte-encadre .field--name-field-texte-libre p {
    margin: 0;
    color: #333333b5;
    font-size: 1em;
}

.paragraph--type--texte-encadre .field--name-field-texte-libre *:first-child {
    margin-top: 0;
}

.paragraph--type--texte-encadre .field--name-field-texte-libre *:last-child {
    margin-bottom: 0;
}

.paragraph--type--texte-encadre .field--name-field-texte-libre h2 {
    font-family: 'NexaLight';
}

.paragraph--type--texte-encadre .field--name-field-texte-libre h2.highlightedWord {
    font-family: 'Muli-Black';
}

.paragraph--type--texte-encadre .field--name-field-texte-libre h2.light {
    font-family: 'Muli-Light';
}

.paragraph--type--texte-encadre .field--name-field-texte-libre h3,
.paragraph--type--texte-encadre .field--name-field-texte-libre h4 {
    font-family: Arial, Verdana, sans-serif;
}

.paragraph--type--texte-encadre .field--name-field-texte-libre h2,
.paragraph--type--texte-encadre .field--name-field-texte-libre h3,
.paragraph--type--texte-encadre .field--name-field-texte-libre h4 {
    color: #333333b5;
    margin-left: 0;
}

.paragraph--type--texte-encadre .field--name-field-texte-libre p strong {
    color: #333333b5;
}

    /* correctif toolbar */
ul.toolbar-menu li {
    margin-left: 0;
}

.field--name-field-fil-d-actualites .field--label {
    color: #3d3d3d;
    font-size: 1.875em;
    font-family: 'Muli-Light';
    text-transform: uppercase;
}

/** Admin Toolber */
.node-preview-backlink {
    background: none;
    color: red;
    border: 2px solid;
}

.path-frontpage.user-logged-in .toolbar-menu-administration span.is-active {
    text-decoration: underline;
    color: #000;
    font-weight: bold;
    display: block;
    cursor: pointer;
    padding: 1em 1.3333em;
}

.user-logged-in .toolbar-menu-administration .menu-item--expanded span,
.user-logged-in .toolbar-menu-administration .menu-item--expanded span,
.user-logged-in .toolbar-menu-administration .menu-item--expanded span {
    text-decoration: none;
    font-weight: normal;
    display: block;
    cursor: pointer;
    padding: 1em 1.3333em;
    color: #565656;
}

.user-logged-in .toolbar-menu-administration .menu-item--expanded span:hover,
.user-logged-in .toolbar-menu-administration .menu-item--expanded span:hover,
.user-logged-in .toolbar-menu-administration .menu-item--expanded span:hover {
    text-decoration: underline;
    color: #000;
}

/*** Sitemap */
.sitemap ul li {
    font-size: 1.8em;
}
.sitemap ul li > ul li {
  font-size: 1.8em;
}
.sitemap ul li > ul li > ul li {
  font-size: 1.6em;
}
.sitemap ul li > ul li > ul li > ul li {
  font-size: 1.4em;
}
.sitemap ul li > ul li > ul li > ul li > ul li {
  font-size: 1.2em;
}

.sitemap .sitemap-item--frontpage a {
    display: inline-block;
    font-size: 1.8em;
}

.sitemap .nav > li > a,
.sitemap .nav > li > a:hover,
.sitemap .nav > li > a:focus,
.sitemap .nav .open > a,
.sitemap .nav .open > a:hover,
.sitemap .nav .open > a:focus {
  background-color: transparent;
  text-decoration: underline;
}

.sitemap .sitemap-item ul.dropdown-menu {
  display: block;
  position: relative;
  float: none;
  list-style: disc;
  border: 0;
  background: transparent;
  box-shadow: inherit;
}

.sitemap .sitemap-item ul.dropdown-menu > li > a {
  color: #337ab7;
  text-decoration: underline;
}

.sitemap .sitemap-item ul.dropdown-menu > li > a:hover {
  color: #337ab7;
  background: transparent;
}

.eu-cookie-compliance-buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 10px;
}

.eu-cookie-compliance-default-button,
.eu-cookie-compliance-hide-button,
.eu-cookie-compliance-more-button-thank-you,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-default-button:hover,
.eu-cookie-compliance-hide-button:hover,
.eu-cookie-compliance-more-button-thank-you:hover,
.eu-cookie-withdraw-button:hover {
    border: 0;
    background: none;
    color: #FFFFFF;
    text-shadow: 0px 0px 0 #ffffff;
    font-weight: normal;
    box-shadow: inset 0 0 0 0 #ffffff;
    font-family: inherit;
}

.eu-cookie-compliance-default-button:hover,
.eu-cookie-compliance-hide-button:hover,
.eu-cookie-compliance-more-button-thank-you:hover,
.eu-cookie-withdraw-button:hover {
    text-decoration: underline;
}

.eu-cookie-compliance-secondary-button:hover {
    color: #0779bf;
}

.eu-cookie-compliance-secondary-button {
    cursor: pointer;
    margin-right: 5px;
    margin-top: 1em;
    vertical-align: middle;
    overflow: visible;
    width: auto;
    -moz-box-shadow: inset 0 1px 0 0 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
    box-shadow: inset 0 1px 0 0 #ffffff;
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
    background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    color: #000;
    font-family: Arial, sans-serif;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #ffffff;
}

.cookiesjsr-links li a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.cookiesjsr-btn.important{
  color: #fff;
  color: var(--btn-font-color,#fff);
  border: 2px solid #fff;
  border: 2px solid var(--btn-border-color,#fff);
  background-color: #004c93;
  background-color: var(--btn-bg-color,#004c93);
}

.cookiesjsr-links.links--row li a.cookiesjsr-settings {
  font-size: 0.95rem;
  font-weight: bold;
}

.secondNav + #block-mainnavigation--2 {
    display: none;
}

.addtoany_list div:first-child {
    float: right;
    margin-bottom: 1.8em;
}

.addtoany_list div.clearfix {
    clear: both;
}

.addtoany_list a {
    margin-left: 0.6em;
}

.addtoany_list a:last-child {
    margin-left: 30px;
}

.page-node-type-article .addtoany_list {
    float: right;
}

.page-node-type-article .addtoany_list a {
    margin-left: 0;
    margin-top: 20px;
}

.page-node-type-article .addtoany_list a:last-child {
    margin-left: 30px;
}

.field--name-field-sites-references h2 {
    color: #FFFFFF;
}

[id^="block-instructiondeconnexionenanglais"] {
    border: 2px solid red;
    border-radius: 5px;
    margin-bottom: 2em;
    padding: 1em;
    background-color: #ff000024;
}

[id^="block-instructiondeconnexionenanglais"] ul li,
[id^="block-instructiondeconnexionenanglais"] p {
    font-weight: bold;
}

.webform-submission-information {
    display: none;
}

/**********************************/
/***  RESPONSIVE GLOBAL (robin) ***/
/**********************************/
@media screen and (min-width: 768px) {
    body {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    header.header,
    .subheader,
    #menu_nav,
    .container {
        width: 100%;
        margin: auto;
    }
}

@media (min-width: 992px) {
    header.header,
    .subheader,
    #menu_nav,
    .container {
        width: 100%;
        margin: auto;
    }
}

@media (min-width: 1200px) {
    header.header,
    .subheader {
        width: 100%;
        margin: auto;
    }

    #menu_nav,
    .container {
        width: 100%;
        margin: auto;
        /*width: calc(100% - 300px);*/
        /*margin: 0 150px;*/
    }
}

@media (min-width: 992px) {
    /** MARGIN de 75px **/
    /** MARGIN de 150px **/
}

@media screen and (min-width: 1700px) {
    .container .filActu .actu,
    .container article .blocCateg {
        min-height: 420px;
    }
}

/**********************************/
/***     RESPONSIVE CUSTOM      ***/
/**********************************/
/*---------- MIN-WIDTH : 1700px ----------*/
@media screen and (min-width: 1700px) {
    .view.filActu .actu,
    article .blocCateg {
        min-height: 420px;
        max-height: 420px;
        height: 100%;
    }

    .view.filActu .actu.light {
        min-height: 340px;
        height: 100%;
    }

    .categHome ul li:last-of-type,
    .view-homepage-main-menu .view-content .views-row:last-of-type {
        margin-right: 0;
    }

    .view.filActu.view-contenus-tagges .actu {
        min-height: auto;
        max-height: inherit;
    }
}

/*---------- MIN-WIDTH : 1440px AND MAX WIDTH 1700px ----------*/
@media screen and (min-width: 1440px) and (max-width: 1700px) {
    html {
        font-size: 12px;
    }

    header.header #content-menu-burger .niveauUn:after {
        left: 48%;
    }

    .view.filActu .actu,
    article .blocCateg {
        height: 400px;
    }

    .pad150 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .mrg150 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .path-taxonomy .main-container nav.tabs .nav-tabs {
        padding-left: 80px;
        padding-right: 80px;
    }

    .col-sm-12.mrg150 {
        width: calc(100% - 160px);
    }

    .mrgLeft150 {
        margin-left: 80px;
    }

    .col-sm-12.mrgLeft150 {
        width: calc(100% - 80px);
        padding: 0;
    }

    .categHome.pageCateg {
        width: calc(100% - 160px);
    }

    .view.aLaUne article .actu {
        min-height: 230px;
    }

    .secondContent ul.share li img {
        max-width: 85%;
    }

    .blog .agendaPresse {
        right: 80px;
    }
}

/*----------  MAX WIDTH 1700px ----------*/
@media screen and (max-width: 1700px) {
    .blog .searchBlog .ui.multiple.search.dropdown > .text img {
        margin-top: -0.5em;
    }

    .path-actualites .filActu form.views-exposed-form .form-type-select select {
        font-size: 1.4em;
    }
}

/*----------  MAX WIDTH 1440px ----------*/
@media screen and (max-width: 1440px) {
    article .gabTemoignage.actu .imgTemoignage a {
        width: 175px;
        height: 200px;
    }

    .view.filActu .actu .video:after {
        width: 52px;
        height: 52px;
    }

    .secondContent ul.share li {
        padding: 2px;
    }

    .secondContent ul.share li img {
        max-width: 75%;
    }

    .recherche .bandeauImg .pictoBandeau,
    .enjeux .bandeauImg .pictoBandeau,
    .formation .bandeauImg .pictoBandeau,
    .innovation .bandeauImg .pictoBandeau {
        background-size: 30%;
    }

    .bandeauImg {
        height: 430px;
    }

    .profil .bandeauCaption {
        top: 5%;
    }

	.page-node-type-searcher .bandeauImg .imgContactBig {
		margin: auto;
	}

    .profil .bandeauImg .imgContactBig {
        margin: 10px 0 10px 0;
    }
}

/*---------- MIN-WIDTH : 1170px AND MAX WIDTH 1440px ----------*/
@media screen and (min-width: 1170px) and (max-width: 1440px) {
    html {
        font-size: 11px;
    }

    header.header #content-menu-burger .niveauUn:after {
        left: 48%;
    }

    .view.filActu .actu,
    article .blocCateg {
        height: 385px;
    }

    .view-contenus-tagges.view.filActu .actu {
        height: auto;
        min-height: auto;
    }

    header.header #content-menu-burger .menu .niveauUn ul.liste:first-of-type {
        padding: 2%;
    }

    header.header #content-menu-burger .niveauUn:after {
        left: 48%;
    }

    header.header .region-header .bgRecherche .colDroite {
        width: 50%;
    }

    .pad150 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .mrg150 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .path-taxonomy .main-container nav.tabs .nav-tabs {
        padding-left: 50px;
        padding-right: 50px;
    }

    .col-sm-12.mrg150 {
        width: calc(100% - 100px);
    }

    .mrgLeft150 {
        margin-left: 50px;
    }

    .col-sm-12.mrgLeft150 {
        width: calc(100% - 50px);
        padding: 0;
    }

    .categHome.pageCateg {
        width: calc(100% - 100px);
    }

    .bandeauCaption .filAriane li:after {
        top: 4px;
    }

    .bandeauCaption {
        right: 35%;
    }

    .view.aLaUne article .actu {
        min-height: 220px;
    }

    article .gabBigArticle.actu img {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .blocDedie.temoignage div.citation p {
        padding-right: 20%;
    }

    .blog .agendaPresse {
        right: 50px;
        top: 240px;
    }
}

/*----------  MAX WIDTH 1170px ----------*/
@media screen and (max-width: 1170px) {
    .carousel-caption h3 {
        font-size: 3.181818em;
    }

    .carousel-caption p {
        font-size: 2.272727em;
    }

    .carousel-caption p:after {
        height: 2px;
    }

    .view.aLaUne {
        margin-bottom: 40px;
    }

    .view.filActu {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    article .blocCateg h3 {
        font-size: 1.818181em;
        line-height: 1.25;
    }

    article .actu h3 {
        font-size: 1.636363em;
    }

    article .gabTemoignage.actu .imgTemoignage a {
        width: 145px;
        height: 170px;
    }

    .bandeauCaption .filAriane {
        margin-bottom: 100px;
    }

    .bandeauCaption .filAriane li:after {
        top: 4px;
    }

    .region-content .focus .actu {
        width: calc(100% - 30px);
    }

    .pageArticle .bandeauCaption,
    .pageFille .bandeauCaption {
        right: 10%;
    }

    .col-sm-12.secondContent .categ ul li,
    .col-xs-12.secondContent .categ ul li {
        margin: 10px 5px;
        display: inline-block;
    }

    .col-sm-12.secondContent .categ ul li a,
    .col-xs-12.secondContent .categ ul li a {
        font-size: 0.8em;
    }

    .recherche .bandeauImg .pictoBandeau,
    .enjeux .bandeauImg .pictoBandeau,
    .formation .bandeauImg .pictoBandeau,
    .innovation .bandeauImg .pictoBandeau {
        background-size: 30%;
    }

    .profil .bandeauImg .imgContactBig {
        width: 130px;
        height: 130px;
    }

    .profil .bandeauImg .text {
        margin: 10px 0 0 40px;
    }
}

/*---------- MIN-WIDTH : 991px - MAX-WIDTH : 1170px ----------*/
@media screen and (min-width: 991px) and (max-width: 1170px) {
    html {
        font-size: 11px;
    }

    header.header #content-menu-burger .niveauUn:after {
        left: 48%;
    }

    .view.filActu .actu,
    article .blocCateg {
        height: 420px;
    }

    .view article .blocCateg,
    .field--name-field-aussi-interesse-par article .blocCateg,
    .field--name-field-faits-marquants-niveau-4 article .blocCateg {
        padding: 10px;
    }

    .view-contenus-tagges.view.filActu .actu {
        height: auto;
        min-height: auto;
        max-height: 220px;
    }

    header.header #content-menu-burger .menu .niveauUn ul.liste:first-of-type {
        padding: 2%;
    }

    header.header #content-menu-burger .niveauUn:after {
        left: 48%;
    }

    header.header .region-header .bgRecherche .colDroite {
        width: 60%;
    }

    .pad150 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .mrg150 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .path-taxonomy .main-container nav.tabs .nav-tabs {
        padding-left: 30px;
        padding-right: 30px;
    }

    .col-sm-12.mrg150 {
        width: calc(100% - 60px);
    }

    .mrgLeft150 {
        margin-left: 30px;
    }

    .col-sm-12.mrgLeft150 {
        width: calc(100% - 30px);
        padding: 0;
    }

    .categHome.pageCateg {
        width: calc(100% - 60px);
    }

    .premierOnglet.active a.btnDecouvrir {
        margin: 7% 0 0 0;
        width: 100%;
    }

    .categHome ul li,
    .view-homepage-main-menu .view-content .views-row {
        font-size: 1.50em;
    }

    .categHome.pageCateg ul li a,
    .categHome.pageCateg ul li span {
        padding: 10px 30px;
    }

    .view.aLaUne article .actu {
        min-height: 240px;
    }

    .view.filActu .actu .txtLeft,
    .view.filActu .actu .txtRight {
        width: 65%;
    }

    .view.filActu .actu .imgRight,
    .view.filActu .actu .imgLeft {
        width: 34%;
    }

    article .gabBigArticle.actu img {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }

    article .gabBigArticle.actu h3,
    article .gabBigArticle.actu ul,
    article .gabTexteRiche.actu h3,
    article .gabTexteRiche.actu ul {
        margin: 20px 0;
    }

    .blocDedie.temoignage div.citation p {
        padding-right: 25%;
    }

    .categHome.pageCateg ul li {
        padding: 10px 0;
    }

    .blog .agendaPresse {
        right: 30px;
        top: 180px;
    }
}

/*---------- MIN-WIDTH : 991px - MAX-WIDTH : 1440px ----------*/
@media screen and (min-width: 991px) and (max-width: 1440px) {
    body {
        top: 100px;
    }

    header.header {
        height: 100px;
    }

    header.header #toggle-menu-burger {
        padding: 50px 46px;
    }

    header.header a.logo img {
        height: 100px;
    }

    header.header h1 {
        height: 100%;
    }

    header.header h1 a img {
        height: 85%;
    }

    header.header .region-header nav[id*="lienstetieres"] ul.menu li {
        height: 100px;
    }

    header.header .region-header [id*="dropdownlanguage"] .dropdown-language-item,
    header.header .region-header .block-language {
        height: 100px;
    }

    header.header .region-header #block-button-toggle-recherche {
        height: 100px;
    }

    header.header .region-header .bgRecherche {
        top: 100px !important;
        margin-top: 0px !important;
    }
}

/*---------- MIN-WIDTH : 991px----------*/
@media screen and (min-width: 991px) {
    header.header #content-menu-burger .flecheMobile {
        display: none;
    }

  .mainContent .field--name-field-les-breves article .gabSmallArticle img {
    width: 100%;
  }

    .page-node-type-article .mainContent article .actu img,
    .page-node-type-niveau-3 .mainContent article .actu img,
    .page-node-type-niveau-3 .mainContent .region-content img{
        max-width: fit-content;
    }
}

/*---------- MIN-WIDTH :767px - MAX-WIDTH :991px ----------*/
@media screen and (min-width: 767px) and (max-width: 991px) {
    html {
        font-size: 11px;
    }

    body {
        top: 80px;
    }

    header.header {
        height: 80px;
    }

    header.header #toggle-menu-burger {
        padding: 50px 39px;
    }

    header.header a.logo img {
        height: 80px;
    }

    header.header h1 {
        height: 100%;
    }

    header.header h1 a img {
        height: 85%;
    }

    header.header .region-header nav[id*="lienstetieres"] ul.menu li {
        height: 80px;
    }

    header.header .region-header [id*="dropdownlanguage"] .dropdown-language-item,
    header.header .region-header .block-language {
        height: 80px;
    }

    header.header .region-header #block-button-toggle-recherche {
        height: 80px;
    }

    header.header #content-menu-burger .niveauUn:after {
        left: 48%;
    }

    .view.filActu .actu,
    article .blocCateg {
        min-height: 520px;
        height: 100%;
    }

    header.header #content-menu-burger .menu .niveauUn ul.liste:first-of-type {
        padding: 2%;
    }

    header.header #content-menu-burger .niveauUn:after {
        left: 48%;
    }

    header.header .region-header .bgRecherche .colDroite {
        width: 50%;
    }

    .categHome ul li,
    .view-homepage-main-menu .view-content .views-row {
        font-size: 1.4em;
    }


    .moreArticle article .gabSmallArticle .video,
    .field--name-field-aussi-interesse-par article .gabSmallArticle .video,
    .field--name-field-faits-marquants-niveau-4 article .gabSmallArticle .video,
    .moreArticle article .gabSmallArticle .imgContent,
    .field--name-field-aussi-interesse-par article .gabSmallArticle .imgContent,
    .field--name-field-faits-marquants-niveau-4 article .gabSmallArticle .imgContent,
    .moreArticle article .gabSmallArticle .txt,
    .field--name-field-aussi-interesse-par article .gabSmallArticle .txt,
    .field--name-field-faits-marquants-niveau-4 article .gabSmallArticle .txt {
        width: 100%;
    }

    .moreArticle article .gabBigArticle.actu img,
    .field--name-field-aussi-interesse-par article .gabBigArticle.actu img,
    .field--name-field-faits-marquants-niveau-4 article .gabBigArticle.actu img,
    .moreArticle article .gabSmallArticle.actu img,
    .field--name-field-aussi-interesse-par article .gabSmallArticle.actu img,
    .field--name-field-faits-marquants-niveau-4 article .gabSmallArticle.actu img {
        max-width: 100%;
    }

    article .gabBigArticle.actu img,
    article .gabSmallArticle.actu img {
        max-width: 100%;
        object-fit: cover;
    }

    article .gabSmallArticle,
    article .gabSmallArticle .video,
    article .gabSmallArticle .imgContent {
        float: left;
    }

    article .gabSmallArticle .txt {
        float: right;
    }

    .view.aLaUne article > a {
        float: left;
        width: 60%;
        margin-bottom: 30px;
    }

    .view.aLaUne article .actu {
        float: right;
        width: 40%;
        margin: 0;
    }

    .blog .agendaPresse {
        right: 15px;
        top: 180px;
    }
}

/*----------  MAX-WIDTH :991px ----------*/
@media screen and (max-width: 991px) {
    html {
        font-size: 11px;
    }

    body {
        top: 80px;
    }

    header.header #content-menu-burger .niveauUn:after {
        left: 48%;
    }



    header.header #content-menu-burger .menu .niveauUn ul.liste:first-of-type {
        padding: 2%;
    }

    header.header {
        height: 80px;
    }

    header.header #toggle-menu-burger {
        width: 110px;
        padding: 40px 37px;
    }

    header.header a.logo img {
        height: 80px;
    }

    header.header h1 a {
        width: 155px;
        display: inline-block;
    }

    header.header h1 {
        line-height: 80px;
    }

    header.header .region-header nav[id*="lienstetieres"] ul.menu li {
        height: 80px;
    }

    header.header .region-header [id*="dropdownlanguage"] .dropdown-language-item,
    header.header .region-header .block-language {
        height: 80px;
    }

    header.header .region-header [id*="dropdownlanguage"] .dropdown-language-item ul.dropdown-menu {
        margin-top: 0;
    }

    header.header .region-header #block-button-toggle-recherche {
        height: 80px;
    }

    header.header #content-menu-burger .niveauUn:after {
        display: none !important;
    }

    .carousel-caption h3 {
        font-size: 3em;
    }

    .carousel-caption p {
        font-size: 2.5em;
    }

    .pad150 {
        padding-left: 0;
        padding-right: 0;
    }

    .mrg150 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .path-taxonomy .main-container nav.tabs .nav-tabs {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-sm-12.mrg150 {
        width: calc(100% - 30px);
    }

    .mrgLeft150 {
        margin-left: 15px;
    }

    .col-sm-12.mrgLeft150 {
        width: calc(100% - 15px);
        padding: 0;
		margin-top: 0;
    }

    .categHome.pageCateg {
        width: calc(100% - 30px);
    }

    .categHome ul li,
    .view-homepage-main-menu .view-content .views-row {
        font-size: 1.2em;
    }

    .view.aLaUne article .actu {
        min-height: 240px;
        max-height: none;
    }

    .view.filActu article .blocCateg {
        padding: 30px 20px 90px 20px;
    }


    .view.filActu article .blocCateg {
        height: 100%;
        width: 100%;
        max-height: none;
    }

    .view.view-contenus-tagges .actu .imgLeft:nth-child(1) {
        float: none;
    }

    .view.view-contenus-tagges .actu img {
        max-width: 100%;
    }

    header.header #content-menu-burger .menu .niveauUn ul:first-of-type {
        width: 100%;
        text-align: center;
    }

    header.header #content-menu-burger .niveauDeux {
        width: 100%;
    }

    header.header #content-menu-burger .niveauDeux ul:first-of-type {
        text-align: left;
    }

    header.header #content-menu-burger .niveauDeux.visible {
        z-index: 10000;
        left: 0%;
    }

    header.header #content-menu-burger .niveauDeux.invisible {
        left: 100%;
    }

    .premierOnglet.active a.btnDecouvrir {
        margin: 7% 0 0 0;
        width: 100%;
    }

    header.header #content-menu-burger .premierOnglet a.btnDecouvrir {
        font-size: 1.2em;
        width: 50%;
    }

    .flecheContent {
        display: block;
    }

    .view.filActu .actu .imgRight,
    .view.filActu .actu .imgLeft {
        width: 35%;
        display: inline-block;
        height: 100%;
        max-height: 470px;
        background: #ebebeb;
    }

    .view.filActu .actu .txtLeft {
        width: 65%;
        float: left;
    }

    .view.filActu .actu .txtRight {
        width: 65%;
        float: right;
    }

    .bandeauCaption {
        right: 35%;
		position: relative;
		left: 0;
    }

    .bandeauCaption h1:after {
        width: 100%;
    }

    .page-node-type-article .bandeauCaption,
    .page-node-type-niveau-3 .bandeauCaption {
        right: 0;
    }

    .categHome.pageCateg ul li {
        padding: 10px;
    }

    .categHome.pageCateg ul li a,
    .categHome.pageCateg ul li span {
        padding: 10px 10px;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 41px;
        height: 41px;
    }

    .carousel-control-next {
        left: calc(8.8% + 49px);
    }

    .blocDedie.temoignage div.perso {
        display: none;
    }

    .blocDedie.temoignage div.citation {
        width: 100%;
    }

    .region-content .actu .txtLeft,
    .region-content .actu .txtRight {
        float: right;
        width: 65%;
    }

    .col-sm-12.region-content .moreArticle .carousel-control,
    .col-xs-12.region-content .moreArticle .carousel-control,
    .col-sm-12.region-content .field--name-field-aussi-interesse-par .carousel-control,
    .col-xs-12.region-content .field--name-field-aussi-interesse-par .carousel-control,
    .col-sm-12.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control,
    .col-xs-12.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control,
    .col-sm-12.region-content .moreArticle .carousel-control,
    .col-xs-12.region-content .moreArticle .carousel-control,
    .col-sm-12.region-content .field--name-field-aussi-interesse-par .carousel-control,
    .col-xs-12.region-content .field--name-field-aussi-interesse-par .carousel-control,
    .col-sm-12.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control,
    .col-xs-12.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control {
        top: 160px;
        width: 30px;
        height: 70px;
    }

    .col-sm-12.region-content .moreArticle .carousel-control.right,
    .col-xs-12.region-content .moreArticle .carousel-control.right,
    .col-sm-12.region-content .field--name-field-aussi-interesse-par .carousel-control.right,
    .col-xs-12.region-content .field--name-field-aussi-interesse-par .carousel-control.right,
    .col-sm-12.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control.right,
    .col-xs-12.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control.right,
    .col-sm-12.region-content .moreArticle .carousel-control.right,
    .col-xs-12.region-content .moreArticle .carousel-control.right,
    .col-sm-12.region-content .field--name-field-aussi-interesse-par .carousel-control.right,
    .col-xs-12.region-content .field--name-field-aussi-interesse-par .carousel-control.right,
    .col-sm-12.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control.right,
    .col-xs-12.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control.right {
        right: 0px;
    }

    .col-sm-12.region-content .moreArticle .carousel-control.left,
    .col-xs-12.region-content .moreArticle .carousel-control.left,
    .col-sm-12.region-content .field--name-field-aussi-interesse-par .carousel-control.left,
    .col-xs-12.region-content .field--name-field-aussi-interesse-par .carousel-control.left,
    .col-sm-12.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control.left,
    .col-xs-12.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control.left,
    .col-sm-12.region-content .moreArticle .carousel-control.left,
    .col-xs-12.region-content .moreArticle .carousel-control.left,
    .col-sm-12.region-content .field--name-field-aussi-interesse-par .carousel-control.left,
    .col-xs-12.region-content .field--name-field-aussi-interesse-par .carousel-control.left,
    .col-sm-12.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control.left,
    .col-xs-12.region-content .field--name-field-faits-marquants-niveau-4 .carousel-control.left {
        left: 0px;
    }

    .col-sm-12.secondContent,
    .col-xs-12.secondContent {
        width: 100%;
        height: 100% !important;
    }

    .col-sm-12.region-content .comment,
    .col-xs-12.region-content .comment {
        padding-right: 25px;
    }

    article .rechercheBloc,
    article .enjeuxBloc,
    article .formationBloc,
    article .innovationBloc {
        background-size: 25%;
    }

    .profil .bandeauImg .text {
        width: 60%;
    }

    header.header .region-header .bgRecherche {
        top: 86px;
        margin-top: 0px !important;
    }

    .secondContent {
        z-index: 100;
    }

    .page-node-type-article .mainContent article .actu img, .page-node-type-niveau-3 .mainContent article .actu img, .page-node-type-niveau-3 .mainContent .region-content img {
        max-width: 100%;
        height: auto;
    }

    .secondContent div[id^="block-mainnavigation-"].ui.sticky,
    .secondContent div[id^="block-mainnavigation-"].ui.sticky.fixed {
        position: inherit;
        margin-top: 0 !important;
    }

    .path-webform form img {
        max-width: 100%;
    }
}

/*----------  - MAX-WIDTH :767px ----------*/
@media screen and (max-width: 767px) {
    .eu-cookie-compliance-content {
        margin-bottom: 4em;
    }

    .page-node-type-article .bandeauCaption,
    .page-node-type-niveau-3 .bandeauCaption {
        right: 0;
    }

    iframe {
        max-width: 100%;
    }

    .navFixSticky li {
        width: calc(49.5% - 20px);
    }

    body {
        top: 0;
    }

    header.header .region-header .bgRecherche .colDroite {
        width: 100%;
        position: relative;
    }

    header.header .region-header {
        padding-right: 35px;
        margin-right: 0;
        position: absolute;
        top: 80px;
        right: 0;
        width: 100%;
        background: #ebebeb;
        text-align: right;
    }

    header.header .region-header > * {
        text-align: left;
    }

    header.header .region-header a.logo {
        display: block;
        line-height: 45px;
        margin-top: -80px;
    }

    header.header .region-header li.linkedin {
        margin-right: 10px;
    }

    header.header .region-header li.langues {
        padding: 0 10px;
    }

    header.header .region-header li.recherche {
        margin-left: 10px;
    }

    header.header .region-header li.langues:before,
    header.header .region-header li.langues:after {
        height: 30px;
        top: 10px;
        background: #545454;
    }

    header.header .region-header [id*="lienstetieres"] ul.menu li {
        height: 46px;
    }

    header.header .region-header [id*="lienstetieres"] ul.menu li a {
        top: 30%;
    }

    header.header #content-menu-burger .menu .item-list > ul li .niveauDeux .content {
        padding-left: 10px;
        padding-right: 10px;
    }

    header.header .region-header [id*="dropdownlanguage"] .dropdown-language-item,
    header.header .region-header .block-language {
        height: 46px;
    }

    header.header .region-header #block-button-toggle-recherche {
        height: 46px;
    }

    .bgLangues {
        width: 40px;
        height: 40px;
        margin-top: 42px;
        padding: 10px;
        right: 82px;
    }

    header.header #content-menu-burger .menu .niveauUn .liste {
        width: 100%;
    }

    header.header #content-menu-burger .menu .niveauUn .liste:first-of-type {
        padding: 6px 0%;
    }

    header.header #content-menu-burger .menu .niveauUn .premierOnglet {
        height: 170px;
    }

    header.header #content-menu-burger .niveauDeux p.title {
        padding-left: 10px;
        padding-right: 10px;
    }

    header.header #content-menu-burger .niveauDeux .content ul li {
        margin-left: 0;
    }

    .carousel-caption {
        display: block !important;
    }

    .carousel-caption h3 {
        font-size: 2em;
    }

    .carousel-caption p {
        font-size: 1.750em;
    }

    .carousel-inner {
        font-size: 1.3em;
    }

    .view-homepage-main-menu .view-content .views-row {
        width: 49%;
    }

    .view.aLaUne .col-sm-12 {
        margin-bottom: 20px;
    }

    .view.filActu .actu .imgRight,
    .view.filActu .actu .imgLeft {
        display: inline-block;
        background: #ebebeb;
    }

    .view.filActu .actu .txtRight,
    .view.filActu .actu .txtLeft {
        width: 65%;
        float: right;
    }

    footer .col-lg-4 {
        border-right: 0;
        margin-bottom: 20px;
        min-height: 175px;
    }

    .categHome.pageCateg {
        width: 100%;
        margin: 0;
    }

    .categHome.pageCateg ul.menu--main {
        margin: 0;
        padding: 0 20px;
        text-align: left;
    }

    .categHome.pageCateg ul.menu--main li {
        display: block;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #c9c9c9;
        text-align: left;
        min-height: auto;
        margin: 10px 0;
    }

    .categHome.pageCateg ul.menu--main li a {
        text-align: left;
    }

    .categHome.menuAccueil ul li {
        width: 100%;
        display: block;
    }

    .categHome.menuAccueil ul li a{
        padding: 10px 0;
    }

    .enChiffres li {
        width: 49%;
        margin-bottom: 20px;
    }

    .carousel-control-prev,
    .carousel-control-next {
        bottom: 30%;
    }

    #menu_nav #barnav_menu {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 15px;
        display: inline-block;
        width: calc(100% - 60px);
        border: 1px solid #dadada;
    }

    #menu_nav #barnav_menu .navbar-toggle {
        border-left: 1px solid #dadada;
        background: url(../images/icone_fleche_bas.png) no-repeat center center;
        padding: 25px;
        margin: 0;
    }

    #menu_nav #barnav_menu .navbar-toggle.collapse-in {
        background: url(../images/icone_fleche_haut.png) no-repeat center center;
    }

    #menu_nav #barnav_menu .navbar-brand {
        font-family: 'Muli-Regular';
        font-weight: bold;
        font-size: 1.4em;
        color: #3d3d3d;
        text-transform: uppercase;
        cursor: pointer;
        user-select: none;
    }

    #menu_nav .navbar-collapse {
        margin-top: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .page-rubrique #menu_nav #barnav_menu {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .categHome {
        height: auto;
    }

    .categHome .custom-select {
        width: 93%;
        margin-top: 20px;
    }

    .categHome .select-items,
    .categHome .select-items div {
        width: 100%;
    }

    .categHome ul li a {
        width: 80%;
    }

    .categHome ul li a:after {
        width: 100%;
    }

    .view.filActu .actu .video,
    .view.filActu .actu .imgContent img,
    .moreArticle .actu.gabSmallArticle img,
    .field--name-field-aussi-interesse-par .actu.gabSmallArticle img,
    .field--name-field-faits-marquants-niveau-4 .actu.gabSmallArticle img {
        width: 100%;
    }

    .view article .gabTemoignage.actu.gabBigArticle .imgTemoignage {
        display: none;
    }

    .path-actualites .filActu form.views-exposed-form .form-type-select select {
        min-width: 0;
    }


    footer .mentionsObligatoires {
        margin-top: 0;
    }

    .blocDedie.temoignage div.citation blockquote {
        font-size: 1em;
    }

    .blocDedie.temoignage div.citation p {
        text-align: left;
        padding-left: 15%;
    }

    .categHome.pageCateg ul li {
        padding: 0;
    }

    .categHome .select-items div,
    .categHome .select-selected {
        font-family: 'Muli-Regular';
        font-weight: bold;
        font-size: 1.4em;
        color: #3d3d3d;
    }

    .categHome .select-items div:nth-child(1) {
        color: #3d3d3d;
    }

    .categHome .select-items div:nth-child(2) {
        color: #006bb3;
    }

    .categHome .select-items div:nth-child(3) {
        color: #80187e;
    }

    .categHome .select-items div:nth-child(4) {
        color: #77A210;
    }

    .categHome .select-items div:nth-child(5) {
        color: #E07810;
    }

    .categHome.pageCateg .select-items div,
    .categHome.pageCateg .select-selected {
        font-family: 'Muli-Regular';
        font-weight: bold;
        color: #3d3d3d;
        font-size: 1.4em;
    }

    .mrgLeft150 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .region-content .moreArticle > .field--items > .field--item,
    .region-content .field--name-field-aussi-interesse-par > .field--items > .field--item,
    .region-content .field--name-field-faits-marquants-niveau-4 > .field--items > .field--item,
    .region-content .field--name-field-les-breves.field--items > .field--item {
        width: calc(100% - 20px);
    }

    .field--name-field-en-quelques-chiffres .field--items > .field--item {
        width: 49%;
    }

    .bandeauCaption {
        left: 5%;
        right: 5%;
        font-size: 0.8em;
    }

    .blog .agendaPresse {
        position: relative;
    }

    .blog .agendaPresse {
        position: relative;
        top: 0;
        right: 0;
    }

    .blog .agendaPresse a {
        font-family: 'Muli-Regular';
        font-size: 1.250em;
        color: #adadad;
        padding: 2px 15px;
        border: 2px solid #adadad;
        text-transform: uppercase;
        text-align: center;
        border-radius: 0;
        margin: 20px 10px;
        display: inline-block;
        float: none;
    }

    .blog .agendaPresse a img {
        border: 0;
        padding: 0;
        display: none;
    }

    .blog .searchBlog .ui.multiple.search.dropdown > .text img {
        display: none;
    }

    .ui.search.dropdown .menu {
        max-height: 18.014286rem;
    }

    .blog .searchBlog .ui.multiple.search.dropdown > .text {
        font-size: 1em;
    }

    .blog .triDetails span {
        font-size: 1.2em;
        padding: 0 5px;
    }

    .blog .triDetails a {
        padding: 0 2px;
    }

    .secondContent {
        z-index: 100;
    }

    .page-node-type-article .mainContent article .actu, .page-node-type-niveau-3 .mainContent article .actu, .page-node-type-niveau-3 .mainContent .region-content {
        padding: 35px 5px;
    }

    .page-node-type-article .mainContent article .actu img, .page-node-type-niveau-3 .mainContent article .actu img, .page-node-type-niveau-3 .mainContent .region-content img {
        max-width: 100%;
        height: auto;
    }

    .view-footer {
        clear: both;
    }

    .bandeauCaption .filAriane li:after {
        top: 2px;
    }

    footer.footer .row.col > div {
        border-right: 0;
        min-height: auto;
    }

    footer.footer .mentionsObligatoires {
        margin-top: 30px;
    }

    article .field--name-field-fil-d-actualites > .field--items > .field--item {
        display: block;
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    section.principalContent {
        padding-left: 0;
        padding-right: 0;
    }


    .region-content .paragraph--type--contacts .field--name-field-contacts.field--items .field--item,
    .region-content .field--name-field-contact-article.field--items .field--item {
        margin-right: 0;
    }

    .paragraph--type--texte-encadre .field--name-field-texte-libre,
    .paragraph--type--texte-encadre .field--name-field-texte-encadre {
        margin: 0;
    }

    .region-content .paragraph--type--contacts .field--name-field-contacts .blocContact ul, .region-content .field--name-field-contact-article .blocContact ul {
        margin-left: 13px;
        margin-right: 0;
    }

    .view article .blocCateg h3 {
        margin: 20px 0px;
    }

    .page-node-type-article .addtoany_list {
        float: none;
        display: block;
        margin-bottom: 15px;
    }

    img.align-left {
        float: none;
    }

    .region-content blockquote {
        margin-left: 15px;
        margin-right: 15px;
        padding: 10px 10px;
    }

    .region-content pre {
        margin: 20px 15px;
    }

    .region-content .field--name-field-contact-article .field--items .field--item {
        max-width: 100%;
    }
}

/*----------  - MIN-WIDTH :767px ----------*/
@media screen and (min-width: 767px) {
    .categHome .custom-select {
        display: none;
    }
}

/*----------  - MAX-WIDTH :550px ----------*/
@media screen and (max-width: 550px) {
    .profil .bandeauImg .imgContactBig {
        display: none;
    }

    header.header #content-menu-burger .menu .niveauUn .premierOnglet > a {
        font-size: 0.9em;
    }

	.col-sm-12.mrgLeft150.principalContent {
		margin-top: 0;
	}

    .page-node-type-searcher .bandeauImg {
        height: 100%
    }

    .page-node-type-searcher .bandeauCaption h1:after {
        left: 25%;
        width: 50%;
    }

    .page-node-type-searcher .bandeauCaption {
        margin-left: 5%;
        margin-right: 5%;
        position: inherit;
    }
    img.align-center {
        width: 80% !important;
    }
    .view.filActu .actu .txtRight,
    .view.filActu .actu .txtLeft {
        width: 100%;
        float: none;
    }

    .view.filActu .actu .imgRight,
    .view.filActu .actu .imgLeft {
        display: inline-block;
        background: #ebebeb;
        width: 100%;
    }

    .imgRight img, .imgLeft img {
        width: 100%;
        max-height: 180px;
        object-fit: cover;
    }

}

/*----------  - MAX-WIDTH :330px ----------*/
@media screen and (max-width: 330px) {
    header.header a.logo {
        right: 40px;
        transform: none;
    }

    header.header #content-menu-burger .menu .niveauUn .premierOnglet > a {
        font-size: 0.8em;
    }
}

div.contextual-region.contact.teaser.clearfix.blocContact {
    width : 310px;
}

img.align-center {
    width: 50%;
}

.field--name-body img.align-center {
  width: auto;
}

.cookiesjsr-banner button.denyAll, .cookiesjsr-btn.denyAll{
  display: block!important;
}

/*a[target="_blank"]:after {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  margin-left: 0.8rem;
  display: inline-block;
}

a[target="_blank"]:after > img:only-child {
  content: "";
  font-size: 0;
}

a.noExternalIcon[target="_blank"]:after {
  display: none;
}*/

.pagination {
  display: inline-flex !important;
}

.pagination .page-item, .pagination .pager__item {
  margin-left: 0 !important;
}

.pagination .page-link {
  height: 29px;
}

.pagination .region-content ul {
  margin: 0 !important;
}

.desktop {
  display: block;
}

.mobile {
  display: none;
}

@media (max-width: 768px) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }
}

.field--name-field-titre-du-bloc-des-breves- p {
  font-size: 23px;
  color: inherit;
}

@media screen and (max-width: 767px) {
  .page-node-type-article iframe {
    width: 100%;
  }
}