
 @media (min-width:1300px){
    .publication-2-1 .pg-info,.publication .pg-info,.publication-2-1 .pg-img-wrapper,.publication-1-2 .pg-img-wrapper,.publication .pg-img-wrapper {
    padding-left: 35px;
    padding-right: 10px;
}
    }
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300, 700|Roboto:100, 300, 400, 500, 700, 900');
/* cyrillic-ext */
.career h2 strong {
    color: #000 !important;
    font-weight: 500 !important;
    font-size: 23px !important;
}
/*iPhone 6, 7, & 8 in portrait & landscape*/
@media only screen and (min-device-width : 320px) and (max-device-width : 667px) {
    .publication.publication-mobile h2 {
        font-family: "Roboto", sans-serif;
        font-size: 27px;
        line-height: 30px;
        font-weight: 700;
        padding: 15px 15px 0 35px;
        color: #ff9545;
        text-transform: inherit;
    }
    .publication-2-1.publication-mobile h2 {
        font-size: 27px !important;
        text-align: left;
        padding: 15px 15px 0 0 !important;
    }
    a.mon-lien-plus {
        background-size: 15px !important;
        padding: 0 0 0 20px !important;
    }
    .publication-2-1.publication-mobile p {
        text-align: justify;
        padding: 0px 15px 0 0 !important;
        width: 100%;
        line-height: 20px !important;
        font-size: 16px !important;
    }
    
    .publication.publication-mobile p {
        text-align: justify;
        padding: 0px 15px 0 0 !important;
        width: 100%;
        line-height: 20px !important;
        font-size: 16px !important;
    }
    .publication.publication-mobile h2 {
        font-size: 20px !important;
        text-align: left;
        padding: 15px 15px 0 0 !important;
    }
    /*/ 0608/*/
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-orange-span {
        line-height: 30px !important;
    }

    #block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav {
        bottom: 29% !important;
    }
 .publication-2-1 {
        height: 0;
        /*padding-bottom: 63.9% !important;*/
        position: relative;
        background: #f68a8e;
    }

    .field-name-field-bloc-doitac .field-items .career {
        padding-bottom: 63.4% !important;
    }

        .field-name-field-bloc-doitac .field-items .career p {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            line-height: 22px;
            font-weight: 400;
            color: #040404;
            padding: 10px 15px 0 15px !important;
            text-align: justify;
        }

    li.Fb {
        margin-left: 15% !important;
    }

    li.iconMOri a {
        width: 85px !important;
        height: 30px !important;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items p img {
        width: 100% !important;
        height: auto !important;
        vertical-align: top;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res {
    }
    /*.bas-reseau .left-res ul li a, #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li a {
        display: block;
        width: 100px !important;
        height: 35px !important;
    }*/
    .page-title h1 {
        font-size: 17px !important;
    }

    #main-content #main-content-header h1 {
        text-align: center !important;
    }

    .subtitle.achievements-lists p {
        font-size: 12px !important;
        color: black !important;
    }

    .content-text p {
        font-family: "Roboto",sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        color: #000;
        float: left !important;
        width: 100% !important;
        text-align: justify !important;
        margin-top: 0 !important;
        padding: 5px 0px 5px 0px;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items p a {
        margin: 0 auto;
        max-width: 282px !important;
        padding: 6px 0 0 40px !important;
        font-size: 12px !important;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items p {
        font-size: 14px !important;
    }

    #content .publication-1-2 {
        height: 0;
        /*padding-bottom: 58% !important;*/
        position: relative;
        background: #ed1c24c7;
    }

    .field.field-name-field-bloc-dp-texte.field-type-text-with-summary.field-label-hidden.view-mode-full img {
        width: 100% !important;
    }

    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-noir-h2 .texte-orange-span {
        text-align: center;
        font-size: 21px !important;
        padding: 0;
    }

    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li {
        height: auto !important;
    }

    #block-views-focus-home-slideshow-block-1 .flexslider {
        height: auto;
    }

    #block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav {
        margin-bottom: 0;
    }

    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-noir-h2 {
        text-align: center;
        font-size: 18px !important;
    }

    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-noir-h2 {
        margin: 0 0 !important;
        line-height: 5px !important;
    }

    #main-content .flexslider .overshadow {
        position: relative !important;
        max-width: 600px !important;
        width: 92% !important;
        padding: 10px !important;
        min-height: auto;
        height: auto;
    }

    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf a {
        font-size: 14px !important;
    }

    .subtitle {
        font-family: "Roboto",sans-serif;
        font-size: 12px !important;
        line-height: 15px;
        font-weight: 300;
        color: #000 !important;
        text-align: justify;
    }

    li.leaf.color-default.menu-depth-1.menu-item-685.view-visitor {
        width: 100% !important;
    }

        li.leaf.color-default.menu-depth-1.menu-item-685.view-visitor a {
            text-align: center !important;
        }

    .front .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-news .right-news {
        padding: 0 0 0 0 !important;
        margin: 0 0 0 0 !important;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .datnews p {
        line-height: 18px !important;
        padding: 4px 6px 0 !important;
        min-height: 118px !important;
    }

   .publication-2-1 p {
        font-family: "Roboto", sans-serif;
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
        color: #fff;
        padding: 4px 0 0 10px !important;
        width: 95% !important;
        text-transform: inherit;
    }

   .publication-2-1 h2 {
        font-family: "Roboto", sans-serif;
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
        color: #fff;
        padding: 15px 0 0 10px !important;
        width: 95% !important;
        text-transform: inherit;
    }

   .publication-2-1 a {
        padding: 0 0 0 30px !important;
        bottom: 8px !important;
        left: 10px !important;
    }

    #content .publication-1-2 a {
        padding: 0 0 0 28px !important;
        bottom: 20px !important;
        left: 10px !important;
    }

    #content .publication-1-2 h2 {
        font-family: "Roboto", sans-serif;
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
        color: #fff;
        padding: 10px 0 0 10px !important;
        width: 95% !important;
        text-transform: inherit;
    }


    .views-row .lien {
        background: none !important;
        float: left !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    #main-content #main-content-header h1 {
        text-align: center;
    }

    .vignette.activities a img {
        width: 100%;
    }
    ul.menu-footer li.first {
        padding-left: 18px !important;
        list-style-type: none !important;
    }

    .flexslider {
        width: 100% !important;
    }

    li.leaf.color-default.menu-depth-1.menu-item-685.final {
        display: none !important;
    }

    ul.menu-footer {
        list-style-type: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

        ul.menu-footer li {
            float: left !important;
            clear: right !important;
            list-style: none;
        }

            ul.menu-footer li a {
                display: block !important;
                padding: 3px !important;
                color: black;
                text-decoration: none;
            }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items h2 {
        font-size: 23px !important;
    }

        #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items h2 span {
            font-size: 22px !important;
        }

    a.mon-lien-plus {
        font-size: 12px !important;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p {
        padding: 0px 10px 10px 10px !important;
        height: auto !important;
        width: 95% !important;
        font-size: 13px !important;
        text-align: justify !important;
    }

    article#node-7992 {
        padding: 0 15px !important;
    }

    #block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav.flex-control-paging li a {
        width: 8px !important;
        height: 8px !important;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .news-chapo {
        font-weight: 500 !important;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .datnews p {
        font-weight: 500 !important;
    }

    .content-text {
        font-family: "Roboto",sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        color: #000;
        float: left !important;
        width: 92% !important;
        text-align: justify !important;
        margin-bottom: 26px !important;
        margin-top: 0 !important;
    }

    .title-wrapper a {
        color: #f01c24;
        display: block;
        height: 35px;
        margin: 0 0 5px;
        padding: 0 0 0 12px;
        text-decoration: none;
        font-family: "Roboto",sans-serif;
        font-size: 11px;
        line-height: 16px;
        font-weight: 600;
    }

    .block.block-bouygues-pages.no-title.even.block-region-content.listmap .col-md-1 {
        width: 79% !important;
        margin-right: 3px;
        margin-left: 11% !important;
        min-height: 305px !important;
    }

    .widows-div {
        width: 95% !important;
    }

    #full-width {
        position: relative;
        max-width: 95%;
        min-height: 400px;
    }

    .services-default.cols-4 .col {
        width: 45%;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news:before {
        display: none;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 20px solid #f8f7f7;
        border-bottom: 20px solid transparent;
        position: absolute;
        top: 40%;
        left: -20px;
        content: "";
    }

    .field.field-name-field-bloc-dp-texte.field-type-text-with-summary.field-label-hidden.view-mode-full img.image-style-445-210 {
        width: 75% !important;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career h2 {
        background: none !important;
        padding: 0px 0 0 6px !important;
    }
}
/*iPhone 6, 7, & 8 Plus in portrait & landscape*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
    .publication.publication-mobile h2 {
        font-family: "Roboto", sans-serif;
        font-size: 27px;
        line-height: 30px;
        font-weight: 700;
        padding: 15px 15px 0 35px;
        color: #ff9545;
        text-transform: inherit;
    }

    .publication-2-1.publication-mobile h2 {
        font-size: 27px !important;
        text-align: left;
        padding: 15px 15px 0 0 !important;
    }

    a.mon-lien-plus {
        background-size: 15px !important;
        padding: 0 0 0 20px !important;
    }

    .publication-2-1.publication-mobile p {
        text-align: justify;
        padding: 0px 15px 0 0 !important;
        width: 100%;
        line-height: 20px !important;
        font-size: 16px !important;
    }

    .publication.publication-mobile p {
        text-align: justify;
        padding: 0px 15px 0 0 !important;
        width: 100%;
        line-height: 20px !important;
        font-size: 16px !important;
    }

    .publication.publication-mobile h2 {
        font-size: 20px !important;
        text-align: left;
        padding: 15px 15px 0 0 !important;
    }
    /*/ 0608/*/
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-orange-span {
        line-height: 30px !important;
    }
    #block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav {
        bottom: 25% !important;
    }
   .publication-2-1 {
        position: relative;
        background: #f68a8e;
    }

    .field-name-field-bloc-doitac .field-items .career {
        padding-bottom: 53.4% !important;
    }

        .field-name-field-bloc-doitac .field-items .career p {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            line-height: 22px;
            font-weight: 400;
            color: #040404;
            padding: 10px 15px 0 15px !important;
            text-align: justify;
        }

    li.Fb {
        margin-left: 15% !important;
    }

    li.iconMOri a {
        width: 85px !important;
        height: 30px !important;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items p img {
        width: 100% !important;
        height: auto !important;
        vertical-align: top;
    }
    /*.bas-reseau .left-res ul li a, #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li a {
        display: block;
        width: 100px !important;
        height: 35px !important;
    }*/
    #content .publication-1-2 {
        height: 100%;
        padding-bottom: 20% !important;
        position: relative;
        background: #ed1c24c7;
    }

    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-noir-h2 .texte-orange-span {
        text-align: center;
        font-size: 21px !important;
        padding: 0;
    }

    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li {
        height: auto !important;
    }

    #block-views-focus-home-slideshow-block-1 .flexslider {
        height: auto;
    }

    #block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav {
        margin-bottom: 0;
    }

    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-noir-h2 {
        text-align: center;
        font-size: 18px !important;
    }

    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-noir-h2 {
        margin: 0 0 !important;
        line-height: 5px !important;
    }

    #main-content .flexslider .overshadow {
        position: relative !important;
        max-width: 600px !important;
        width: 92% !important;
        padding: 10px !important;
        min-height: auto;
        height: auto;
    }

    .subtitle {
        font-family: "Roboto",sans-serif;
        font-size: 14px;
        line-height: 15px;
        font-weight: 300;
        color: #000 !important;
        text-align: justify;
    }

    li.leaf.color-default.menu-depth-1.menu-item-685.view-visitor {
        width: 100% !important;
    }

        li.leaf.color-default.menu-depth-1.menu-item-685.view-visitor a {
            text-align: center !important;
        }

    .front .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-news .right-news {
        padding: 0 0 0 0 !important;
        margin: 0 0 0 0 !important;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .datnews p {
        line-height: 18px !important;
        padding: 4px 6px 0 !important;
        min-height: 21px !important;
    }

   .publication-2-1 h2 {
        font-family: "Roboto", sans-serif;
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
        color: #fff;
        padding: 10px 0 0 10px !important;
        width: 95% !important;
        text-transform: inherit;
    }

    .publication-2-1 a {
        padding: 0 0 0 30px !important;
        bottom: 8px !important;
        left: 10px !important;
    }

   .publication-2-1 p {
        font-family: "Roboto", sans-serif;
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
        color: #fff;
        padding: 4px 0 0 10px !important;
        width: 95% !important;
        text-transform: inherit;
    }
    .publication p {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: initial;
        font-weight: 400;
        color: #fff;
        padding: 4px 0 0 40px;
        width: 83%;
        text-align: justify;
    }
    .publication-1-2 p {
        font-family: "Roboto", sans-serif;
        font-size: 15px !important;
        line-height: 21px;
        font-weight: 400;
        color: #fff;
        padding: 10px 0 0 10px !important;
        width: 95% !important;
        text-align: justify;
    }
    #content .publication-1-2 a {
        padding: 0 0 0 28px !important;
        bottom: 20px !important;
        left: 10px !important;
    }

    #content .publication-1-2 h2 {
        font-family: "Roboto", sans-serif;
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
        color: #fff;
        padding: 10px 0 0 10px !important;
        width: 95% !important;
        text-transform: inherit;
    }
    .views-row .lien {
        background: none !important;
        float: left !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    #main-content #main-content-header h1 {
        text-align: center !important;
    }

    .vignette.activities a img {
        width: 93%;
    }

    .content-text {
        font-family: "Roboto",sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        color: #000;
        float: left !important;
        width: 92% !important;
        text-align: justify !important;
        margin-top: 0 !important;
    }

        .content-text p {
            font-family: "Roboto",sans-serif;
            font-size: 16px;
            line-height: 24px;
            font-weight: 300;
            color: #000;
            float: left !important;
            width: 100% !important;
            text-align: justify !important;
            margin-top: 0 !important;
            padding: 5px 0px 5px 0px;
        }

    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf a {
        font-size: 16px !important;
    }

    ul.menu-footer li.first {
        padding-left: 18px !important;
        list-style-type: none !important;
    }

    .flexslider {
        width: 100% !important;
    }

    li.leaf.color-default.menu-depth-1.menu-item-685.final {
        display: none !important;
    }

    ul.menu-footer {
        list-style-type: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

        ul.menu-footer li {
            float: left !important;
            list-style: none;
            clear: right !important;
        }

            ul.menu-footer li a {
                display: block !important;
                padding: 3px !important;
                color: black;
                text-decoration: none;
            }

    .field.field-name-field-bloc-dp-texte.field-type-text-with-summary.field-label-hidden.view-mode-full img.image-style-445-210 {
        width: 75% !important;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items h2 {
        font-size: 23px !important;
    }

        #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items h2 span {
            font-size: 22px !important;
        }

    a.mon-lien-plus {
        font-size: 12px !important;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p {
        padding: 0px 10px 10px 10px !important;
        height: auto !important;
        width: 95% !important;
        font-size: 13px !important;
        text-align: justify !important;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career h2 {
        background: none !important;
        padding: 0px 0 0 6px !important;
    }

    article#node-7992 {
        padding: 0 15px !important;
    }

    #block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav.flex-control-paging li a {
        width: 8px !important;
        height: 8px !important;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .news-chapo {
        font-weight: 500 !important;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .datnews p {
        font-weight: 400 !important;
    }

    .field.field-name-field-bloc-dp-texte.field-type-text-with-summary.field-label-hidden.view-mode-full img {
        width: 100% !important;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .datnews p {
        font-weight: 500;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news:before {
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 20px solid #f8f7f7;
        border-bottom: 20px solid transparent;
        position: absolute;
        top: 40%;
        left: -20px;
        content: "";
        display: none;
    }

    .title-wrapper a {
        color: #f01c24;
        display: block;
        height: 35px;
        margin: 0 0 9px;
        padding: 0 0 0 12px;
        text-decoration: none;
        font-family: "Roboto",sans-serif;
        font-size: 11px;
        line-height: 16px;
        font-weight: 600;
    }

    .block.block-bouygues-pages.no-title.even.block-region-content.listmap .col-md-1 {
        margin-bottom: 10px;
        width: 47% !important;
        margin-right: 3px;
        margin-left: 0 !important;
        min-height: 295px !important;
    }

    .widows-div {
        width: 95% !important;
    }

    #full-width {
        position: relative;
        max-width: 95%;
        min-height: 400px;
    }

    .services-default.cols-4 .col {
        width: 45%;
    }
}
/*iPad in portrait & landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .publication.publication-mobile h2 {
        font-family: "Roboto", sans-serif;
        font-size: 27px;
        line-height: 30px;
        font-weight: 700;
        padding: 15px 15px 0 35px;
        color: #ff9545;
        text-transform: inherit;
    }

    .publication-2-1.publication-mobile h2 {
        font-size: 27px !important;
        text-align: left;
        padding: 15px 15px 0 0 !important;
    }

    a.mon-lien-plus {
        background-size: 15px !important;
        padding: 0 0 0 20px !important;
    }

    .publication-2-1.publication-mobile p {
        text-align: justify;
        padding: 0px 15px 0 0 !important;
        width: 100%;
        line-height: 20px !important;
        font-size: 16px !important;
    }

    .publication.publication-mobile p {
        text-align: justify;
        padding: 0px 15px 0 0 !important;
        width: 100%;
        line-height: 20px !important;
        font-size: 16px !important;
    }

    .publication.publication-mobile h2 {
        font-size: 20px !important;
        text-align: left;
        padding: 15px 15px 0 0 !important;
    }
    /*/ 0608/*/
    #block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav {
        bottom: 40px;
    }
    .region.region-highlighted .fixed {
        width: 100%;
    }
        .publication-2-1 {
            position: relative;
            background: #f68a8e;
        }

        .field-name-field-bloc-doitac .field-items .career {
            padding-bottom: 53.4% !important;
        }

            .field-name-field-bloc-doitac .field-items .career p {
                font-family: "Roboto", sans-serif;
                font-size: 16px;
                line-height: 22px;
                font-weight: 400;
                color: #040404;
                padding: 10px 15px 0 15px !important;
                text-align: justify;
            }

        li.Fb {
            margin-left: 15% !important;
        }

        li.iconMOri a {
            width: 85px !important;
            height: 30px !important;
        }

        #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items p img {
            width: 100% !important;
            height: auto !important;
            vertical-align: top;
        }
        /*.bas-reseau .left-res ul li a, #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li a {
        display: block;
        width: 100px !important;
        height: 35px !important;
    }*/
        #content .publication-1-2 {
            height: 100%;
            padding-bottom: 20% !important;
            position: relative;
            background: #ed1c24c7;
        }

        #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-noir-h2 .texte-orange-span {
            text-align: center;
            font-size: 21px !important;
            padding: 0;
        }

        #block-views-focus-home-slideshow-block-1 .flexslider {
            height: auto;
        }

        #block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav {
            margin-bottom: 0;
        }

        #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-noir-h2 {
            text-align: center;
            font-size: 18px !important;
        }

        #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-noir-h2 {
            margin: 0 0 !important;
            line-height: 5px !important;
        }

        #main-content .flexslider .overshadow {
            max-width: 600px !important;
            width: 40%% !important;
            padding: 10px !important;
            height: auto;
        }

        .subtitle {
            font-family: "Roboto",sans-serif;
            font-size: 14px;
            line-height: 15px;
            font-weight: 300;
            color: #000 !important;
            text-align: justify;
        }

        li.leaf.color-default.menu-depth-1.menu-item-685.view-visitor {
            width: 100% !important;
        }

            li.leaf.color-default.menu-depth-1.menu-item-685.view-visitor a {
                text-align: center !important;
            }

        .front .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-news .right-news {
            padding: 0 0 0 0 !important;
            margin: 0 0 0 0 !important;
        }

        #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .datnews p {
            line-height: 18px !important;
            padding: 4px 6px 0 !important;
            min-height: 21px !important;
        }

        .publication-2-1 h2 {
            font-family: "Roboto", sans-serif;
            font-size: 24px;
            line-height: 30px;
            font-weight: 700;
            color: #fff;
            padding: 10px 0 0 10px !important;
            width: 95% !important;
            text-transform: inherit;
        }

        .publication-2-1 a {
            padding: 0 0 0 30px !important;
            bottom: 8px !important;
            left: 10px !important;
        }

        .publication-2-1 p {
            font-family: "Roboto", sans-serif;
            font-size: 24px;
            line-height: 30px;
            font-weight: 700;
            color: #fff;
            padding: 4px 0 0 10px !important;
            width: 95% !important;
            text-transform: inherit;
        }

        #content .publication-1-2 a {
            padding: 0 0 0 28px !important;
            bottom: 20px !important;
            left: 10px !important;
        }

        #content .publication-1-2 h2 {
            font-family: "Roboto", sans-serif;
            font-size: 24px;
            line-height: 30px;
            font-weight: 700;
            color: #fff;
            padding: 10px 0 0 10px !important;
            width: 95% !important;
            text-transform: inherit;
        }
        .views-row .lien {
            background: none !important;
            float: left !important;
            margin: 0 !important;
            margin-left: 0 !important;
            margin-top: 0 !important;
        }

        #main-content #main-content-header h1 {
            text-align: center !important;
        }

        .vignette.activities a img {
            width: 93%;
        }

        .content-text {
            font-family: "Roboto",sans-serif;
            font-size: 16px;
            line-height: 24px;
            font-weight: 300;
            color: #000;
            float: left !important;
            /*width: 92% !important;*/
            text-align: justify !important;
            margin-top: 0 !important;
        }

            .content-text p {
                font-family: "Roboto",sans-serif;
                font-size: 16px;
                line-height: 24px;
                font-weight: 300;
                color: #000;
                float: left !important;
                width: 100% !important;
                text-align: justify !important;
                margin-top: 0 !important;
                padding: 5px 0px 5px 0px;
            }

        #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf a {
            font-size: 16px !important;
        }

        ul.menu-footer li.first {
            padding-left: 18px !important;
            list-style-type: none !important;
        }

        .flexslider {
            width: 100% !important;
        }

        li.leaf.color-default.menu-depth-1.menu-item-685.final {
            display: none !important;
        }

        ul.menu-footer {
            list-style-type: none !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
        }

            ul.menu-footer li {
                float: left !important;
                list-style: none;
                clear: right !important;
            }

                ul.menu-footer li a {
                    display: block !important;
                    padding: 3px !important;
                    color: black;
                    text-decoration: none;
                }

        .field.field-name-field-bloc-dp-texte.field-type-text-with-summary.field-label-hidden.view-mode-full img.image-style-445-210 {
            width: 75% !important;
        }

        #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items h2 {
            font-size: 23px !important;
        }

            #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items h2 span {
                font-size: 22px !important;
            }

        a.mon-lien-plus {
            font-size: 12px !important;
        }

        #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p {
            padding: 0px 10px 10px 10px !important;
            height: auto !important;
            width: 95% !important;
            font-size: 13px !important;
            text-align: justify !important;
        }

        #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career h2 {
            background: none !important;
            padding: 0px 0 0 6px !important;
        }

        article#node-7992 {
            padding: 0 15px !important;
        }

        #block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav.flex-control-paging li a {
            width: 8px !important;
            height: 8px !important;
        }

        #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .news-chapo {
            font-weight: 500 !important;
        }

        #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .datnews p {
            font-weight: 400 !important;
        }

        .field.field-name-field-bloc-dp-texte.field-type-text-with-summary.field-label-hidden.view-mode-full img {
            width: 100% !important;
        }

        #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .datnews p {
            font-weight: 500;
        }

        #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news:before {
            width: 0;
            height: 0;
            border-top: 20px solid transparent;
            border-right: 20px solid #f8f7f7;
            border-bottom: 20px solid transparent;
            position: absolute;
            top: 40%;
            left: -20px;
            content: "";
            display: none;
        }

        .title-wrapper a {
            color: #f01c24;
            display: block;
            height: 35px;
            margin: 0 0 9px;
            padding: 0 0 0 12px;
            text-decoration: none;
            font-family: "Roboto",sans-serif;
            font-size: 11px;
            line-height: 16px;
            font-weight: 600;
        }

        .block.block-bouygues-pages.no-title.even.block-region-content.listmap .col-md-1 {
            margin-bottom: 10px;
            width: 47% !important;
            margin-right: 3px;
            margin-left: 0 !important;
            min-height: 295px !important;
        }

        .widows-div {
            width: 95% !important;
        }

        #full-width {
            position: relative;
            max-width: 95%;
            min-height: 400px;
        }

        .services-default.cols-4 .col {
            width: 45%;
        }
}
a.mon-lien-plus:hover {
    text-decoration: underline;
}

a.mon-lien-plus {
    background: url(../images/images-home/oeil.png) no-repeat left center;
    display: inline-block;
    font-family: "robotocondensed", sans-serif;
    font-size: 12px;
    line-height: 22px;
    font-weight: normal;
    color: #000 !important;
    text-decoration: none;
    padding: 0 0 0 27px;
    text-transform: uppercase;
    left: 38px;
}
.activities p {
    line-height: 22px !important;
}
.publication-2-1 h2 {
    font-family: "Roboto",sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    padding: 15px 0 0 35px;
    width: 80%;
    text-transform: inherit;
}
.publication-2-1 p {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: initial;
    font-weight: 400;
    color: #fff;
    padding: 10px 0 0 35px !important;
    width: 83%;
    text-align: justify;
}

.publication p {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: initial;
    font-weight: 400;
    color: #343434;
    padding: 10px 0 0 35px !important;
    width: 83%;
    text-align: justify;
}

.publication-1-2 p {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 12px;
    font-weight: 400;
    color: #fff;
    padding: 10px 0 0 35px;
    width: 83%;
    text-align: justify;
}
 .publication-2-1 {
    min-height: 243px;
}
.publication-1-2 {
    min-height: 243px;
}
.datnews strong {
    font-weight: bold;
}

#carousel li {
    float: none !important;
    display: inline-block !important;
    background: transparent url(../images/images-home/rond-slider.png) no-repeat scroll right center;
    margin: 0;
    padding: 0 16px 0 6px;
    width: auto !important;
    cursor: pointer;
}

#carousel ul {
    width: 100% !important;
}

.news-body.projectsUnderConstruction img, .news-body.construction img, .news-body.activities img, .news-body.achievements img {
    width: 100% !important;
    height: auto !important;
}

.region.region-highlighted .fixed {
    position: fixed;
    z-index: 1000;
    top: 0;
    background: white;
    width: 100%;
}

.organizationChart p strong {
    font-weight: bold;
}

.left-res ul {
    margin: 0 auto;
    width: 25%;
}

#activities-tab span {
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 23px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    margin-left: 39px;
}

#construction-tab span {
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 23px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    margin-left: 39px;
}

#activities-tab {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 30px;
    width: 100%;
    background: url(../images/icon-project.png) no-repeat;
}

#construction-tab {
    float: left;
    height: 30px;
    width: 100%;
    background: url(../images/icon-project2.png) no-repeat;
}

.subtitle p {
    color: #000 !important;
}

.widows-div-puc {
    color: #f01c24;
    display: block;
    height: 160px;
    margin: 0 0 8px;
    padding: 0 0 0 0px;
    text-decoration: none;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

h2.ps-title {
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    color: black;
    font-weight: 600;
}

.ps-right-arrow strong {
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.news-body.achievements strong {
    font-weight: bold;
}

.subtitle.achievements-lists strong {
    font-weight: bold;
}

.page-body.achievements strong {
    font-weight: bold;
}

.ui-autocomplete a span {
    font-family: "Roboto", sans-serif !important;
    font-weight: 300;
    color: black;
}

.news-body.organizationChart div#full-width ul li {
    list-style-type: disc !important;
}

    .news-body.organizationChart div#full-width ul li strong {
        font-weight: bold;
    }

input#small-searchterms {
    background: none;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-weight: 200;
    color: #797878;
    font-style: italic;
    border: none;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-autocomplete a {
    display: block;
    padding: 15px;
    font-size: 14px;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    padding: 15px !important;
    line-height: normal !important;
    color: #797878 !important;
}

.ui-autocomplete {
    border: 1px solid #ddd;
    border-top: none;
    overflow: hidden;
    background-color: #fff;
    text-align: left;
    border-radius: 0;
    padding: 0;
    font-family: "Roboto", sans-serif;
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff;
    color: #222;
}

.page.news-item-page.class-blank p {
    text-align: center;
    color: #e35c63;
    font-size: 22px;
    font-family: sans-serif;
}

.ui-autocomplete li {
    border-top: 1px solid #ddd;
}

.ui-helper-hidden-accessible {
    display: none !important;
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff;
    color: #222;
}

@media (min-width: 481px) {
    .ui-autocomplete {
        width: 200px !important;
    }
}

.ui-widget.ui-widget-content {
    border: 1px solid #d3d3d3;
}

.lien-recruitment {
    padding: 15px 0 0 0;
}

.content-text-recruitment {
    padding: 15px 0 0 0;
}

#block-system-main .views-row-recruitment {
    border-bottom: 1px solid #f01c24;
    clear: both;
    margin: 0 0 35px;
    min-height: 125px;
    /* padding: 0 15px 30px; */
    float: left;
    position: relative;
    width: 100%;
}

.views-row-recruitment .lien-recruitment a {
    font-family: "robotocondensed",sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #000;
    padding: 0 0 0 30px;
    text-transform: uppercase;
    text-decoration: none;
}

.views-row-recruitment .lien-recruitment a {
    background: url(../images/images-tt/oeil.png) no-repeat left 1px;
}

.img-container.title-customerwork h3 {
    color: #f01c24;
    font-family: "Raleway",sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.sitemap-page .description {
    margin: 0 0 30px;
    text-align: center;
    font-family: "Raleway",sans-serif;
}

.sitemap-page .entity {
    margin: 0 0 30px;
    font-family: "Raleway",sans-serif;
}

.sitemap-page .entity-title {
    margin: 0 0 15px;
    padding: 0 10px;
    text-align: center;
}

    .sitemap-page .entity-title h2 {
        font-size: 20px;
        font-weight: normal;
        color: #444;
    }

.sitemap-page .entity-body {
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px;
    text-align: center;
}

.sitemap-page ul {
    font-size: 0;
}

.sitemap-page li {
    display: inline-block;
    position: relative;
    margin: 0 8px;
    padding: 0 12px;
    line-height: 50px;
    font-size: 14px; /*reset zeroing*/
}

    .sitemap-page li:before {
        content: "";
        position: absolute;
        top: 23px;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: #ddd;
    }

.sitemap-page a {
    color: #444;
}

    .sitemap-page a:hover {
        color: #4ab2f1;
    }

    .sitemap-page a:empty {
        display: none;
    }

.page-title h1 {
    font-family: "Raleway",sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    color: #f01c24;
    text-transform: inherit;
    text-decoration: none;
    padding-top: 40px;
}

/*div#full-width strong {
    font-family: "Raleway",sans-serif;
    font-size: 23px;
    font-weight: bold;
}*/

div#full-width h2 {
    font-family: "Raleway",sans-serif;
    font-size: 23px;
    font-weight: bold;
}

.news-body ul li {
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #000;
}

a.link-rss {
    display: none;
}

.blog-page .page-title, .news-list-page .page-title {
    margin: 0;
}

.post-title, .news-title {
    display: inline-block;
    padding: 20px 10px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #444;
}

.post-date, .news-date {
    display: block;
    margin: 0 0 15px;
    background-color: #f6f6f6;
    padding: 10px;
    font-style: italic;
    color: #444;
}

.page-title {
    min-height: 50px;
    margin: 0 0 25px;
    /*border-bottom: 1px solid #ddd;*/
    padding: 6px 10px;
}

.blog-posts .buttons .read-more, .news-items .buttons .read-more {
    display: inline-block;
    border: none;
    background-color: #e15b64;
    padding: 10px 20px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}

.blog-page .post, .news-items .news-item {
    margin: 0 0 30px;
}

.post-title, .news-title {
    display: inline-block;
    padding: 20px 10px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #444;
}

.blog-posts .buttons, .news-items .buttons {
    margin: 0;
    padding: 0 10px;
}

.post-body, .news-body {
    margin: 0 0 20px;
    padding: 0 10px;
    line-height: 22px;
}
/*form login*/
.login-page .returning-wrapper .inputs.reversed {
    white-space: normal;
}

.inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select, .inputs textarea {
    width: 400px;
    max-width: 100%;
    background-color: #fff;
}

@media (min-width: 1367px) {
    .inputs label {
        width: 375px;
    }
}

.required {
    margin: 0 -8px 0 3px;
    vertical-align: top;
    font-size: 20px;
    font-weight: normal;
    color: #e4434b;
}

@media (min-width: 1001px) {
    .inputs label {
        display: inline-block;
        width: 265px;
        margin: 0 10px 0 0;
        text-align: right;
    }
}

.inputs label {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    text-align: center;
    font-size: 14px;
    color: #444;
}

.form-fields {
    position: relative;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px;
}

.inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select, .inputs textarea {
    width: 400px;
    max-width: 95%;
    background-color: #fff;
}

.inputs {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
}

.contact-page .button-1, .email-a-friend-page .button-1, .apply-vendor-page .button-1 {
    min-width: 140px;
    border: none;
    background-color: #e66164;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

.contact-page .topic-block, .email-a-friend-page .title, .apply-vendor-page .title {
    margin: 25px 0;
}

block p, .topic-page p, .post-body p, .news-body p {
    margin: 10px 0;
    text-align: justify;
}

.topic-block-body {
    text-align: justify;
    line-height: 24px;
    font-size: 16px;
}

.inputs.reversed {
    margin: 0 0 20px;
    text-align: center;
}

@media (min-width: 1001px) .inputs {
    text-align: left;
}

@media (min-width: 1001px) .inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select {
    min-height: 40px;
}

@media (min-width: 1001px) .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="email"], .login-page .returning-wrapper input[type="password"] {
    width: 300px;
}

.login-page .new-wrapper .text {
    margin: 0 0 30px;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px;
    line-height: 22px;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select {
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: middle;
}

@media (min-width: 1001px) .login-page .returning-wrapper .inputs label {
    width: 110px;
}

.form-fields {
    position: relative;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px;
}

@media (min-width: 1001px) .login-page .returning-wrapper .form-fields {
    min-height: 200px;
    padding: 30px 0 0;
}

.page-title {
    text-align: center;
}

.fieldset .title, .section .title {
    margin: 0 0 15px;
    padding: 0 10px;
    font-size: 20px;
    color: #444;
}

.registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1 {
    min-width: 140px;
    border: none;
    background-color: #e35c63;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

@media (min-width: 1001px) .login-page .new-wrapper .text {
    min-height: 200px;
}

@media (min-width: 1001px) .login-page .new-wrapper .text {
    min-height: 200px;
}

.login-page .new-wrapper .button-1 {
    margin: 0 0 5px;
}

.login-page .new-wrapper .text {
    margin: 0 0 30px;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px;
    line-height: 22px;
}

.login-page .title strong {
    font-weight: normal;
}

.login-page .title {
    margin: 0 0 15px;
    font-size: 20px;
    color: #444;
}

.login-page .returning-wrapper {
    margin: 0;
}

.login-page .returning-wrapper {
    float: right;
    width: 49%;
}

.login-page .new-wrapper {
    float: left;
    width: 49%;
    margin: 0;
}

.login-page .customer-blocks {
    overflow: hidden;
}

.login-page .customer-blocks {
    margin: 0 0 30px;
}

.login-page {
    max-width: 100%;
    overflow-x: hidden;
    background-color: #fff;
    font: normal 14px Arial,Helvetica,sans-serif;
    color: #777;
}

.content-inner .page-title {
    text-align: center;
}

.news-body p {
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #555;
}
/*end form login*/
.admin-header-links {
    text-align: center;
    height: 30px;
    line-height: 25px;
    background: #e35c63;
    text-decoration: none;
}

a.administration {
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-family: monospace;
}

    a.administration:hover {
        text-decoration: underline;
    }

.title-images {
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 17px;
}

ul.top-menu.mobile {
    display: none;
}

.menu-toggle {
    display: none;
}

.field-name-field-bloc-doitac .field-items .career p a {
    background: url(../images/images-home/oeil.png) no-repeat left center;
    display: inline-block;
    font-family: "robotocondensed", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #000 !important;
    text-decoration: none;
    padding: 0 0 0 27px;
    position: absolute;
    bottom: 40px;
    left: 38px;
}

.field-name-field-bloc-doitac .field-items .career p {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #040404;
    padding: 15px 15px 15px 15px;
    text-align: justify;
}

.field-name-field-bloc-doitac .field-items .career {
    background: #f8f7f7;
    position: relative;
    height: 0;
}

    .field-name-field-bloc-doitac .field-items .career h2 {
        font-family: "Roboto", sans-serif;
        font-size: 27px;
        line-height: 30px;
        font-weight: 700;
        color: #040404;
        padding: 20px 0 0 0;
        text-transform: inherit;
        text-align: center;
    }

.field-name-field-bloc-doitac {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 50%;
    clear: both;
}

.field-name-field-bloc-doitac-right {
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    width: 50%;
}

div#logo img {
    width: 160px;
}

.dd .ddChild li .ddlabel {
    font-family: "Roboto", sans-serif !important;
    color: #08080799;
    font-size: 13px !important;
}

span#countries_title span {
    font-family: "Roboto", sans-serif !important;
    color: #7dbb3c !important;
    font-size: 13px !important;
}

div#countries_msdd {
    width: 150px !important;
}

.selectLang {
    width: 20%;
    float: right;
    margin-top: 5px;
}

.overshadow {
    background: rgba(255,255,255,0.8);
}



img.image-style-logo-mori {
    margin-left: auto;
    margin-right: auto;
}

figure.clearfix.field-item.even {
    height: 210px;
    background: #dedbdb36;
}

.partner {
    width: 100%;
}

.publication h2 strong {
    color: #ed1c24;
}

.left-icon ul li {
    display: inline-block;
}

    .left-icon ul li.Fb a {
        background: url(../images/images-home/new-fb.png) no-repeat center top;
        display: inline-block;
        cursor: pointer;
        padding: 0 7px 0 0;
        width: 23px;
        height: 18px;
    }

    .left-icon ul li.Google a {
        background: url(../images/images-home/new-gplus.png) no-repeat center top;
        display: inline-block;
        cursor: pointer;
        padding: 0 7px 0 0;
        width: 23px;
        height: 18px;
    }

    .left-icon ul li.YouTube a {
        background: url(../images/images-home/utube.png) no-repeat center top;
        display: inline-block;
        cursor: pointer;
        padding: 0 7px 0 0;
        width: 23px;
        height: 18px;
    }

    .left-icon ul li.iconMOri a {
        background: url(../images/images-home/mori.png) no-repeat;
        display: inline-block;
        cursor: pointer;
        padding: 0px 7px 0px 0px;
        width: 86px;
        height: 30px;
    }

.loginUser a {
    background: url(../images/images-home/User-icon.png) no-repeat;
    display: inline-block;
    cursor: pointer;
    padding: 0px 7px 0px 5px;
    width: 23px;
    height: 22px;
}

.mobile-menu .wrap_social.active ul li {
    padding: 0px 11px !important;
}

.iconMOri a {
    background: url(../images/images-home/mori.png) no-repeat;
    display: inline-block;
    cursor: pointer;
    padding: 0px 7px 0px 0px;
    width: 86px;
    height: 30px;
}

#countries ul li.vn a {
    background: url(../images/images-home/FLAG-VN.png) no-repeat center top;
    display: inline-block;
    cursor: pointer;
    padding: 0 7px 0 0;
    width: 23px;
    height: 18px;
}

#countries ul li.us a {
    background: url(../images/images-home/FLAG-US.png) no-repeat center top;
    display: inline-block;
    cursor: pointer;
    padding: 0 7px 0 0;
    width: 23px;
    height: 18px;
}

#countries ul li.china a {
    background: url(../images/images-home/FLAG-CHINA.png) no-repeat center top;
    display: inline-block;
    cursor: pointer;
    padding: 0 7px 0 0;
    width: 23px;
    height: 18px;
}

#countries ul li.korea a {
    background: url(../images/images-home/FLAG-KOREA.png) no-repeat;
    display: inline-block;
    cursor: pointer;
    padding: 0 7px 0 0;
    width: 23px;
    height: 18px;
}

#countries ul li.japan a {
    background: url(../images/images-home/FLAG-JAPAN.PNG) no-repeat;
    display: inline-block;
    cursor: pointer;
    padding: 0 7px 0 0;
    width: 23px;
    height: 18px;
}

#countries ul {
    margin-top: 14px;
}

    #countries ul li {
        margin-left: 10px;
        display: inline-block;
    }

div#countries {
    float: right;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    margin: 0;
    padding: 0;
}

.front #page {
    overflow: visible;
}

#page {
    width: 886px;
    position: relative;
    overflow: hidden;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.field-item.even p#margin-Images {
    height: 243px;
}

#page #columns {
    background: #FFFFFF;
    padding: 0;
}

.not-front #page #columns {
    padding: 0 30px;
}

.page-home #page #columns {
    background: #F4F2F1;
}

img.bg {
    min-height: 100%;
    min-width: 1035px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

@media print {
    img.bg {
        display: none;
    }
}

@media screen and (max-width:1024px) {
    img.bg {
        left: 50%;
        margin-left: -512px;
    }
}

#header {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 190px;
    background: #ffffff;
    -moz-border-radius: 0 125px 0 0;
    -webkit-border-radius: 0 125px 0 0;
    border-radius: 0 125px 0 0;
}

    #header #logo {
        margin: 0 22px 0 0;
        padding: 0;
        float: left;
    }

    #header #branding {
        margin: 0;
        padding: 20px 15px 0 20px;
        height: 108px;
    }

        #header #branding .region-header, #header #branding .region-header-responsive {
            margin: 13px 35px 0 0;
            padding: 0;
            width: auto;
            float: right;
        }

    #header #name-and-slogan {
        margin: 31px 0 0;
        padding: 0;
        float: left;
    }

#block-bouygues-main-top-social-links {
    margin: 0;
}

    #block-bouygues-main-top-social-links .block-content {
        margin: 0 0 10px 0;
        padding: 0;
        width: auto;
    }

        #block-bouygues-main-top-social-links .block-content ul {
            margin: 0;
            padding: 0;
        }

            #block-bouygues-main-top-social-links .block-content ul li {
                margin: 0 8px 0 0;
                padding: 0;
                list-style: none;
                position: relative;
                height: 19px;
                width: 18px;
                display: inline-block;
            }

                #block-bouygues-main-top-social-links .block-content ul li.last {
                    margin: 0;
                }

                    #block-bouygues-main-top-social-links .block-content ul li.last a {
                        margin: 4px 0 0;
                    }

                #block-bouygues-main-top-social-links .block-content ul li a {
                    display: block;
                }

                #block-bouygues-main-top-social-links .block-content ul li img {
                    position: absolute;
                }

                    #block-bouygues-main-top-social-links .block-content ul li img.Off {
                        display: block;
                    }

                    #block-bouygues-main-top-social-links .block-content ul li img.On {
                        display: none;
                    }

                #block-bouygues-main-top-social-links .block-content ul li:hover img.Off {
                    display: none;
                }

                #block-bouygues-main-top-social-links .block-content ul li:hover img.On {
                    display: block;
                }

#header .region-highlighted {
    clear: both;
}

#header .region-header .offres, #header .region-header-responsive .offres {
    margin: 8px 47px 0 0;
    padding: 0;
    display: block;
    text-align: right;
}

    #header .region-header .offres a, #header .region-header-responsive .offres {
        margin: 0;
        padding: 0 13px;
        background: #7dbb3c;
        display: inline-block;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 21px;
        text-transform: uppercase;
        font-family: 'Tahoma';
        text-decoration: none;
        -moz-border-radius: 0 12px 0 12px;
        -webkit-border-radius: 0 12px 0 12px;
        border-radius: 0 12px 0 12px;
        position: relative;
    }

        #header .region-header .offres a:hover, #header .region-header-responsive .offres {
            background: #FFFFFF;
            color: #7dbb3c;
            padding: 0 12px;
            line-height: 19px;
            border: 1px solid #d9d9d9;
        }

#breadcrumb {
    margin: 0;
    padding: 0 30px;
    background: #FFFFFF;
}

    #breadcrumb ol#crumbs {
        margin: 0;
        padding: 0;
    }

        #breadcrumb ol#crumbs li {
            margin: 0;
            padding: 0;
            display: inline-block;
            line-height: 20px;
        }

            #breadcrumb ol#crumbs li a, #breadcrumb ol#crumbs li span {
                margin: 0;
                padding: 0;
                display: inline-block;
                font-size: 11px;
                color: #000000;
                font-family: "Tahoma", Arial;
            }

                #breadcrumb ol#crumbs li a:first-letter, #breadcrumb ol#crumbs li span:first-letter {
                    text-transform: capitalize;
                }

                #breadcrumb ol#crumbs li span.crumb-sepreator {
                    padding: 0 5px;
                }

textarea {
    resize: none;
}

.grippie {
    display: none;
}

#content-column, .content-column {
    float: none !important;
    clear: both !important;
}

.two-sidebars .content-inner {
    margin: 0 !important;
}

.region-sidebar-second {
    margin: 0 !important;
}

#main {
    margin: 0;
    padding: 0;
}

#content {
    margin: 0;
    padding: 0;
    position: relative;
}

#content-inner {
    margin: 0;
    padding: 0;
}

    #content-inner #content-top {
        margin: 0;
        padding: 0;
    }

    #content-inner #content-area {
        margin: 0;
        padding: 0;
    }

    #content-inner #content-bottom {
        margin: 0;
        padding: 0;
    }

.item-list, .flippy {
    margin: 0;
    padding: 0;
}

    .item-list ul, ul.flippy {
        margin: 0 auto;
        padding: 0 0 1px;
        text-align: center;
        width: 100%
    }

        .item-list ul li, ul.flippy li {
            margin: 0;
            padding: 0;
            text-align: center;
            display: inline;
            background: none;
        }

            .item-list ul li a, ul.flippy li a {
                margin: 0;
                padding: 0;
                text-align: center;
                display: inline;
                text-decoration: none;
                font-size: 9px;
                font-family: 'tahoma';
                font-weight: bold;
                color: #575758;
                text-transform: uppercase;
            }

            .item-list ul li.pager-item, .item-list ul li.pager-current {
                border-right: 1px dotted #9fa5ad;
                padding: 0 8px;
            }

                .item-list ul li.pager-item.last {
                    border: none;
                }

                .item-list ul li.pager-item a {
                    font-size: 10px;
                }

            .item-list ul li.active a {
                color: #cb5a27;
                font-size: 10px;
                text-decoration: underline !important;
            }

            .item-list ul li.pager-previous {
                padding: 0 10px 0 10px;
            }

            .item-list ul li.pager-next {
                padding: 0 10px 0 10px;
            }

}

#block-block-6 {
    float: left;
}

.high-overlay {
    display: none;
    position: fixed;
}

    .high-overlay.overlay-darkness {
        background: none repeat scroll 0 0 #000000;
        height: 100%;
        left: 0;
        background: url(/sites/all/themes/bouygues/images/interface/popin-overlay.png) repeat left top;
        top: 0;
        width: 100%;
        z-index: 10;
    }

    .high-overlay.overlay-content {
        background: url(/sites/all/themes/bouygues/images/interface/ajax-loader.gif) no-repeat 10% center transparent;
        z-index: 1000;
        width: 618px;
        height: auto;
        left: 100px;
        top: 25%;
    }

        .high-overlay.overlay-content.outer-frame {
            height: 460px;
            padding: 80px 20px 0;
            top: 10%;
            width: 660px;
        }

        .high-overlay.overlay-content .close-me {
            height: 30px;
            position: absolute;
            right: 0;
            top: 0;
            width: 60px;
        }

html body.admin-menu-with-shortcuts.iframe-content {
    margin: 0 !important;
}

body.iframe-content {
    overflow: hidden;
    margin: -5px 0px 0px 0px;
}

.iframe-content #page {
    margin: 0 0 0 50px;
    position: relative;
    width: 515px;
}

.iframe-content .node-content {
    margin: 0;
}

.iframe-content #webform-component-prenom, .iframe-content #webform-component-nom {
    float: left;
    width: 225px !important;
}

    .iframe-content #webform-component-prenom input, .iframe-content #webform-component-nom input {
        width: 141px !important;
    }

.iframe-content input[type="password"], .iframe-content input[type="url"], .iframe-content input[type="email"] {
    width: 347px !important;
}

.iframe-content .form-textarea-wrapper textarea {
    width: 532px !important;
}

.iframe-content .webform-component-textarea {
    margin: 0 0 20px !important;
}

.iframe-content #edit-actions #edit-submit {
    margin: 0 !important;
}

.clear {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.right {
    float: right;
}

.left {
    float: left;
}

.noborder {
    border: none;
    margin: 0;
    padding: 0;
}

img {
    margin: 0;
    padding: 0;
}

.form-item, .form-actions {
    margin: 0;
}

hr {
    height: 1px;
    margin: 0;
    padding: 0;
    width: 100%;
    border: none;
    background: none;
}

div.messages {
    padding: 9px;
    margin: 1em 0;
    color: #003366;
    background: #bbddff;
    border: 1px solid #aaccee;
}

div.warning {
    color: #884400;
    background: #ffee66;
    border-color: #eedd55;
}

div.error {
    color: white;
    background: #ee6633;
    border-color: #dd5522;
    width: 400px;
}

div.status {
    color: #336600;
    background: #ccff88;
    border-color: #bbee77;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

a.lien-blanc {
    color: #fff !important;
    text-decoration: underline !important;
    font-size: 12px !important;
}

a.lien-blanc-mailto {
    color: #fff !important;
    text-decoration: underline !important;
    font-size: 12px !important;
    background: url(/sites/all/themes/bouygues/images/icn/at-map.png) no-repeat left bottom;
    display: block;
    line-height: 18px !important;
    padding: 0 0 0 23px !important;
}

body {
    background-attachment: fixed;
}

#po_main_container {
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    font-size: 68.5%;
    line-height: 1.2;
    color: #000 !important;
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    background-size: cover;
    max-width: 1500px;
}

    #po_main_container a {
        text-decoration: none;
        border: none;
    }

    #po_main_container figure {
        margin: 0;
    }

    #po_main_container p {
        margin: 0;
        padding: 0;
    }

#po_main_bloc {
    max-width: 800px;
}

#po_main_container h2 {
    font-size: 9em;
    margin: 0;
    margin-left: 4%;
}

.po_mtop {
    margin-top: 20px;
}

.po_mtop40 {
    margin-top: 40px;
}

.po_mtop50 {
    margin-top: 50px;
}

.po_mtop70 {
    margin-top: 70px;
}

.po_mtop90 {
    margin-top: 90px;
}

.po_mtop120 {
    margin-top: 120px;
}

.po_sectiontitle:not(.po_active) {
    margin-left: 250px;
    opacity: 0;
    transition: all 0.5s;
}

.po_sectiontitle.po_active2 {
    margin-left: inherit;
    opacity: 1;
}

.po_sectiontitle.po_active {
    margin-left: inherit;
    opacity: 1;
    transition: all 0.5s;
}

.po_so:not(.po_active) {
    opacity: 0;
    transition: all 0.5s;
}

.po_so.po_active2 {
    opacity: 1;
}

.po_so.po_active {
    opacity: 1;
    transition: all 0.5s;
}

.po_sl:not(.po_active) {
    margin-left: 250px;
    opacity: 0;
    transition: all 0.5s;
}

.po_sl.po_active2 {
    margin-left: inherit;
    opacity: 1;
}

.po_sl.po_active {
    opacity: 1;
    transition: all 0.5s;
}

.po_sr:not(.po_active) {
    margin-right: 250px;
    opacity: 0;
    transition: all 0.5s;
}

.po_sr.po_active2 {
    margin-right: inherit;
    opacity: 1;
}

.po_sr.po_active {
    opacity: 1;
    transition: all 0.5s;
}

#po_main-nav {
    padding: 20px;
}

.po_list_circles {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-transform: uppercase;
}

    .po_list_circles li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 1em;
        text-align: center;
        cursor: pointer;
    }

    .po_list_circles .po_circle, .po_list_circles .po_circle span {
        display: block;
        border-radius: 50%;
        line-height: 1;
        transition: all .25s;
        margin: 0;
    }

    .po_list_circles li .po_circle {
        border: 1px solid #fff;
        height: 2.5em;
        width: 2.5em;
        margin: 13px auto 0;
        background: #fff;
    }

        .po_list_circles li .po_circle span {
            height: 1.5em;
            width: 1.5em;
            background-color: #A3A3A3;
            border: 0.5em solid #fff;
        }

    .po_list_circles li a {
        color: inherit;
        text-decoration: none;
        display: block;
    }

    .po_list_circles li p {
        margin: 0 !important;
        padding: 0.5em !important;
    }

    .po_list_circles li:nth-child(1) .po_circle span {
        background-color: #e84d21;
    }

    .po_list_circles li:nth-child(2) .po_circle span {
        background-color: #00A4BA;
    }

    .po_list_circles li:nth-child(3) .po_circle span {
        background-color: #E9B61A;
    }

    .po_list_circles li:nth-child(4) .po_circle span {
        background-color: #9ABC37;
    }

    .po_list_circles li:nth-child(1) p a {
        color: #e84d21;
    }

    .po_list_circles li:nth-child(2) p a {
        color: #00A4BA;
    }

    .po_list_circles li:nth-child(3) p a {
        color: #E9B61A;
    }

    .po_list_circles li:nth-child(4) p a {
        color: #9ABC37;
    }

    .po_list_circles li p a {
        font-weight: normal;
    }

    .po_list_circles li.active p a {
        font-weight: bold;
    }

    .po_list_circles li:nth-child(1).active .po_circle, .po_list_circles li:nth-child(1):hover:not(.active) .po_circle {
        border-color: #e84d21;
    }

    .po_list_circles li:nth-child(2).active .po_circle, .po_list_circles li:nth-child(2):hover:not(.active) .po_circle {
        border-color: #00A4BA;
    }

    .po_list_circles li:nth-child(3).active .po_circle, .po_list_circles li:nth-child(3):hover:not(.active) .po_circle {
        border-color: #E9B61A;
    }

    .po_list_circles li:nth-child(4).active .po_circle, .po_list_circles li:nth-child(4):hover:not(.active) .po_circle {
        border-color: #9ABC37;
    }

@media screen and (min-width:600px) {
    .po_list_circles li p {
        font-size: 1.3em;
    }
}

@media screen and (min-width:800px) {
    .po_list_circles li p {
        font-size: 1.5em;
    }
}

.po_main-nav_2 {
    padding: 20px 0;
}

.po_home .po_main-nav_2 {
    padding: 40px 0;
}

.po_main-nav_2 .po_list_circles {
    display: table;
    width: 100%;
    text-align: center;
}

    .po_main-nav_2 .po_list_circles > li {
        display: table-cell;
        vertical-align: top;
        width: 25%;
        background: url(/sites/default/files/ra/design/pix_gris.gif) repeat-x;
        background-position: 0 2.5em;
    }

        .po_main-nav_2 .po_list_circles > li:first-child, .po_main-nav_2 .po_list_circles > li:last-child {
            background-size: 50% 1px;
            background-repeat: no-repeat;
        }

        .po_main-nav_2 .po_list_circles > li:first-child {
            background-position: right 2.5em;
        }

.po_visuel {
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

    .po_visuel img {
        width: 100%;
        height: auto;
        display: block;
    }

    .po_visuel h1 {
        font-size: 3em;
        text-transform: uppercase;
        color: #fff;
        margin: 0;
        font-weight: 500;
        position: absolute;
        bottom: 5%;
        left: 3%;
    }

        .po_visuel h1 span {
            display: inline-block;
        }

.po_orange {
    color: #e84d21 !important;
}

.po_bleu {
    color: #00A4BA !important;
}

.po_jaune {
    color: #E9B61A !important;
}

.po_vert {
    color: #9ABC37 !important;
}

.po_blanc {
    color: #fff !important;
}

.po_ml {
    margin-left: 15% !important;
}

.po_image_title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 2%;
    text-align: left;
}

.po_titre {
    font-size: 9em;
    text-transform: uppercase;
    line-height: 95px;
    font-weight: 100;
}

.po_ss_titre {
    font-size: 2.5em !important;
    margin-bottom: 25px !important;
    margin-top: 0px !important;
}

.po_list {
    margin: 0;
    padding: 0;
    font-size: 2.2em;
}

    .po_list li {
        display: inline-block;
        width: 49%;
        margin: 20px 0;
    }

.po_esprit_ouvert {
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
    text-align: right;
    text-transform: uppercase;
    font-weight: 700;
}

.po_bst {
    font-size: 4em;
    line-height: 100px;
    font-weight: 100;
}

.po_hm {
    display: inline;
}

.po_nhm {
    display: none;
}

.po_tright {
    text-align: right;
}

.po_tleft {
    text-align: left;
}

.po_upper {
    text-transform: uppercase;
}

.po_clear {
    clear: both;
}

.po_bgblanc {
    background-color: #fff;
}

.po_bgbleuv {
    background-color: #00A4BA;
    color: #fff;
}

.po_bgbleu {
    background-color: #00A4BA;
    color: #fff;
}

.po_bggris {
    background-color: #F5F5F5;
    color: #0F879B;
}

.po_bggrisv {
    background-color: #F5F5F5;
    color: #9ABC37;
}

.po_bgjaune {
    background-color: #E9B61A;
    color: #fff;
}

.po_bgvert {
    background-color: #9ABC37;
    color: #fff;
}

.po_verbatim {
    font-size: 1.3em !important;
}

.po_fr {
    float: right;
}

.po_fl {
    float: left;
}

.po_fn {
    float: none;
}

.po_fc {
    margin: 0 auto;
}

.po_tcenter {
    text-align: center;
}

.po_col8 {
    width: 80%;
}

.po_col7 {
    width: 70%;
}

.po_col6 {
    width: 60%;
}

.po_col5 {
    width: 50%;
}

.po_col4 {
    width: 40%;
}

.po_col3 {
    width: 30%;
}

.po_col25 {
    width: 25%;
}

.po_col2 {
    width: 20%;
}

.po_col1 {
    width: 10%;
}

.po_cola {
    width: auto;
}

.po_niv1 {
    z-index: 3;
}

.po_niv2 {
    z-index: 6;
}

.po_niv3 {
    z-index: 10;
}

.po_mt30 {
    margin-top: -30px;
}

.po_mt40 {
    margin-top: -40px;
}

.po_mt50 {
    margin-top: -50px;
}

.po_mt60 {
    margin-top: -60px;
}

.po_mt70 {
    margin-top: -70px;
}

.po_mt80 {
    margin-top: -80px;
}

.po_mt90 {
    margin-top: -90px;
}

.po_mt100 {
    margin-top: -100px;
}

.po_mt120 {
    margin-top: -120px;
}

.po_mt140 {
    margin-top: -140px;
}

.po_mt160 {
    margin-top: -160px;
}

.po_mt180 {
    margin-top: -180px;
}

.po_mt200 {
    margin-top: -200px;
}

.po_mt225 {
    margin-top: -225px;
}

.po_mt250 {
    margin-top: -250px;
}

.po_mt275 {
    margin-top: -275px;
}

.po_mt300 {
    margin-top: -300px;
}

.po_mt325 {
    margin-top: -325px;
}

.po_mt350 {
    margin-top: -350px;
}

.po_mt375 {
    margin-top: -375px;
}

.po_mt425 {
    margin-top: -425px;
}

.po_mt450 {
    margin-top: -450px;
}

.po_mt550 {
    margin-top: -550px;
}

.po_ml30 {
    margin-left: 30px;
}

.po_ml40 {
    margin-left: 40px;
}

.po_ml50 {
    margin-left: 50px;
}

.po_ml60 {
    margin-left: 60px;
}

.po_ml70 {
    margin-left: 70px;
}

.po_ml80 {
    margin-left: 80px;
}

.po_ml90 {
    margin-left: 90px;
}

.po_ml100 {
    margin-left: 100px;
}

.po_ml120 {
    margin-left: 120px;
}

.po_ml140 {
    margin-left: 140px;
}

.po_ml150 {
    margin-left: 150px;
}

.po_ml200 {
    margin-left: 200px;
}

.po_ml250 {
    margin-left: 250px;
}

.po_ml300 {
    margin-left: 300px;
}

#po_slider2 {
    width: 85%;
}

#po_slider3 {
    width: 50%;
}

.po_bloc {
    padding: 3% 4%;
    font-size: 1em;
    position: relative;
    margin-bottom: 30px;
    ;
}

.po_bloc_inf {
    font-size: 1.4em;
}

.po_bloc h3 {
    font-size: 4em;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 20px;
    margin-top: 0px;
}

    .po_bloc h3 strong {
        font-weight: 600;
    }

.po_bloc p {
    font-size: 1.3em;
    margin: 5px auto !important;
    clear: both;
}

    .po_bloc p:last-child {
        margin-bottom: 0px !important;
    }

.po_bloc strong {
    font-weight: 600;
}

.po_bloc sup {
    font-size: 0.5em;
    vertical-align: top;
    line-height: 1.1em;
}

.po_nobloc {
    margin: 0 auto;
    padding: 0;
}

.po_noblocw {
    margin: 0 auto 20px auto;
    padding: 0 20px 20px 20px;
}

.po_image_vid {
    position: relative;
    max-width: 100%;
}

.po_bloc p.po_number_cc {
    font-size: 4em !important;
    font-weight: bold;
}

.po_list_btns li {
    display: inline-block;
    width: 5%;
    vertical-align: middle;
}

.po_list_btns a {
    display: inline-block;
    color: inherit;
    vertical-align: middle;
}

.po_name_verbatim {
    font-size: 1em !important;
}

.po_thin {
    font-weight: 100;
}

.po_image {
    max-width: 100%;
    margin-bottom: 40px !important;
}

.po_noml {
    margin-left: 0 !important;
    margin-bottom: 20px !important;
}

.po_no {
    display: inline-block;
    position: relative;
    margin-top: 14px;
    margin-left: 16px;
}

.po_circle_outside {
    border: solid 1px;
    border-color: inherit;
    border-radius: 50%;
    height: 21px;
    width: 21px;
    display: inline-block;
    position: relative;
    margin-top: 3px;
}

.po_circle_inside {
    border: solid 7px;
    border-color: inherit;
    border-radius: 50%;
    height: 0px;
    width: 0px;
    display: inline-block;
    margin-top: 4px;
    margin-left: 4px;
    position: absolute;
    margin: -7px 0px 0px -7px;
    top: 50%;
    left: 50%;
}

.active, .po_list_innov li:hover {
    font-weight: bold;
}

    .active .po_circle_outside, .po_list_innov li:hover .po_circle_outside {
        border: solid 1px;
        border-color: inherit;
        border-radius: 50%;
        height: 26px;
        width: 26px;
        display: inline-block;
        position: relative;
        margin-top: 0px;
    }

    .active .po_circle_inside, .po_list_innov li:hover .po_circle_inside {
        border: solid 9px;
        border-color: inherit;
        border-radius: 50%;
        height: 0px;
        width: 0px;
        display: inline-block;
        margin-top: 4px;
        margin-left: 4px;
        position: absolute;
        margin: -9px 0px 0px -9px;
        top: 50%;
        left: 50%;
    }

h2.po_shared_title {
    text-transform: uppercase;
    font-size: 2.3em !important;
    font-weight: 100;
    margin-left: 15% !important;
}

    h2.po_shared_title .po_orange {
        font-weight: bold;
    }

.po_mleft {
    margin-left: 10%;
}

.po_mright {
    text-align: right;
    margin-right: 10%;
    margin-right: 20%;
    margin-bottom: 0;
}

.po_mb40 {
    margin-bottom: 40px !important;
}

#po_shared_innovation img, #po_innover_clients img {
    display: inherit;
    margin: 0 auto;
}

#po_innover_clients {
    margin-top: 30px;
    width: 90%;
    background: #009EB6;
    padding: 5%;
}

    #po_innover_clients h2 {
        text-transform: uppercase;
        font-size: 2.5em;
        font-weight: 100;
    }

        #po_innover_clients h2 .po_rblack {
            font-weight: 900;
            color: #fff;
        }

    #po_innover_clients p {
        width: 48.2%;
        color: #fff;
        font-size: 1.33em;
        font-weight: bold;
        margin-bottom: 20px;
    }

#po_innover_collab {
    margin: 60px 0px;
}

    #po_innover_collab p {
        font-size: 1.3em;
        margin-left: 4%;
    }

.po_innover_collab {
    list-style: none;
    padding: 20px 0;
    margin: 0;
}

    .po_innover_collab p {
        color: #000 !important;
        font-weight: bold;
        text-align: left;
        font-size: 1.3em;
        margin-left: 4%;
    }

    .po_innover_collab li {
        display: inline-block;
        width: 44%;
        text-align: center;
        vertical-align: top;
        padding: 20px 0px;
    }

#po_innover_collab h2 {
    text-transform: uppercase;
    font-size: 2.3em !important;
    font-weight: 700;
    margin-bottom: 20px;
}

.po_innover_collab h3 {
    font-size: 1.5em;
    font-family: 'Roboto Slab', serif;
    padding: 5px;
    text-transform: uppercase;
    border: solid 1px;
    font-weight: 300;
    margin: 5px auto;
    display: inline-block;
}

.po_innover_collab h4 {
    font-size: 3.5em;
    font-family: 'Roboto Slab', serif;
    line-height: 1em;
    margin: 0;
    text-align: left;
    font-weight: bold;
}

.po_innover_collab li img {
    float: left;
}

.po_innover_collab_slist p {
    margin-left: 0px !important;
}

.po_innover_collab > li:nth-child(1) {
    color: #9ABC37;
    border-color: #9ABC37;
    margin-bottom: 15px;
    padding-right: 15px;
    margin-right: 15px;
    border-right: dashed 1px #e84d21;
}

.po_innover_collab > li:nth-child(2) {
    color: #e84d21;
    border-color: #e84d21;
    padding-left: 15px;
    border-bottom: dashed 1px #e84d21;
    padding-bottom: 40px;
}

.po_innover_collab > li:nth-child(3) {
    color: #E9B61A;
    border-color: #E9B61A;
    border-top: dashed 1px #e84d21;
    padding-top: 15px;
}

.po_innover_collab > li:nth-child(4) {
    color: #00B4CC;
    border-color: #00B4CC;
    margin-left: 15px;
    margin-top: 15px;
    border-left: dashed 1px #e84d21;
    padding-top: 0;
    padding-left: 30px;
}

.po_innover_collab h4 sup {
    font-size: 0.5em;
    vertical-align: top;
    line-height: 1.1em;
}

#po_innover_societe {
    margin: 60px 0px;
    background-color: #94C21A;
    padding-top: 20px;
    text-align: center;
}

.po_home_img {
    margin-top: -285px;
    margin-bottom: 60px;
}

.po_little {
    font-size: 0.9em;
    vertical-align: bottom !important;
    text-align: left !important;
    padding-bottom: 45px !important;
}

h3.po_thd {
    font-size: 4em;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 20px;
    margin-top: 0px;
}

    h3.po_thd strong {
        font-weight: 600;
    }

.po_video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

    .po_video-container iframe, .po_video-container object, .po_video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.po_video-wrapper {
    max-width: 100%;
}

.po_video80 {
    width: 80%;
}

.po_video60 {
    width: 60%;
}

.po_video50 {
    width: 50%;
}

.po_video40 {
    width: 40%;
}

.po_video20 {
    width: 20%;
}

.po_pdf {
    text-decoration: none;
    font-weight: normal;
    display: block;
    background: none;
    padding: 0;
    margin: 0 0 5px;
    height: 26px;
    font-size: 14px;
    line-height: 21px;
    font-family: "Tahoma", Arial;
}

    .po_pdf a {
        color: #414140;
    }

    .po_pdf img {
        padding: 0 8px 0 0;
        margin: 0;
        float: left;
    }

@media screen and (max-width:468px) {
    #po_main_bloc {
        width: 100%;
    }

    .po_home_img {
        display: none;
    }

    #po_innover_clients p {
        width: 100%;
        font-weight: 100;
        font-size: 1.35em;
        font-weight: bold;
    }

    #po_innover_clients h2 {
        font-size: 2.7em;
    }

    .po_list_btns {
        margin-left: 5%;
        width: 95%;
    }

    .po_visuel {
        margin-bottom: 50px;
        height: 275px;
    }

        .po_visuel h1 {
            font-size: 2em;
        }

    .po_titre {
        font-size: 4em;
        line-height: 70px;
    }

    .po_ss_titre {
        font-size: 1.75em !important;
        line-height: 1em;
    }

    .po_list li {
        font-size: 0.6em;
        display: inline-block;
        width: 46%;
        margin: 10px 0;
    }

    .po_list img {
        width: 50%;
    }

    .po_bst {
        font-size: 3.5em;
        line-height: 65px;
    }

    .po_list_innov li {
        font-size: 1em;
    }

    h2.po_shared_title {
        font-size: 2em !important;
        margin-left: 0px !important;
    }

    #picto_innover_collab {
        margin: 30px 0px;
    }

    #po_innover_societe, #po_shared_innovation, #po_innover_clients {
        width: 90%;
        padding: 5%;
    }

    .po_innover_collab > li {
        width: 100%;
        border: none !important;
        border-bottom: dashed 1px #e84d21 !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

        .po_innover_collab > li:last-child {
            border: none !important;
        }

    .po_innover_collab h4 {
        font-size: 3.5em !important;
    }

    .po_hm {
        display: none;
    }

    .po_nhm {
        display: inline;
    }

    .po_mobile {
        width: 92%;
    }

    .po_bloc {
        margin-bottom: 10px;
    }

        .po_bloc p {
            font-size: 1.3em;
            margin-bottom: 10px;
        }

    .po_nomtm {
        margin-top: 0px;
    }

    .po_fcm {
        float: none;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .po_col8m {
        width: 80%;
    }

    .po_col7m {
        width: 70%;
    }

    .po_col6m {
        width: 60%;
    }

    .po_col5m {
        width: 50%;
    }

    .po_col4m {
        width: 40%;
    }

    .po_col3m {
        width: 30%;
    }

    .po_col25m {
        width: 25%;
    }

    .po_col2m {
        width: 20%;
    }

    .po_col1m {
        width: 10%;
    }

    .po_colam {
        width: auto;
    }

    .po_image50 {
        max-width: 50%;
    }

    .po_frm {
        float: right;
    }

    .po_flm {
        float: left;
    }

    .po_fnm {
        float: none;
    }

    .po_fcm {
        margin: 0 auto;
    }

    .po_bloc h3 {
        font-size: 2.5em;
    }

    .po_verbatim {
        font-size: 1em !important;
    }

    .po_mt30m {
        margin-top: -30px;
    }

    .po_mt40m {
        margin-top: -40px;
    }

    .po_mt50m {
        margin-top: -50px;
    }

    .po_mt60m {
        margin-top: -60px;
    }

    .po_mt70m {
        margin-top: -70px;
    }

    .po_mt80m {
        margin-top: -80px;
    }

    .po_mt90m {
        margin-top: -90px;
    }

    .po_mt100m {
        margin-top: -100px;
    }

    .po_mt120m {
        margin-top: -120px;
    }

    .po_mt140m {
        margin-top: -140px;
    }

    .po_mt160m {
        margin-top: -160px;
    }

    .po_mt180m {
        margin-top: -180px;
    }

    .po_mt200m {
        margin-top: -200px;
    }

    .po_mt225m {
        margin-top: -225px;
    }

    .po_mt250m {
        margin-top: -250px;
    }

    .po_mt275m {
        margin-top: -275px;
    }

    .po_mt300m {
        margin-top: -300px;
    }

    .po_mt325m {
        margin-top: -325px;
    }

    .po_mt350m {
        margin-top: -350px;
    }

    .po_mt375m {
        margin-top: -375px;
    }

    .po_mt425m {
        margin-top: -425px;
    }

    .po_mt450m {
        margin-top: -450px;
    }

    .po_mt550m {
        margin-top: -550px;
    }

    #po_slider2 {
        width: 100%;
    }

    #po_slider3 {
        width: 100%;
    }

    .po_mb40 {
        margin-bottom: 25px !important;
    }

    .po_mb60 {
        margin-bottom: 60px !important;
    }

    .po_mbs {
        margin-bottom: 80px !important;
    }

    h3.po_thd {
        font-size: 2.5em;
    }

    .po_video80, .po_video60, .po_video50, .po_video40, .po_video20 {
        width: 100%;
    }
}

@media screen and (min-width:469px) and (max-width:767px) {
    .po_home_img {
        display: none;
    }

    #po_innover_clients p {
        width: 100%;
        font-weight: 100;
        font-size: 1.35em;
        font-weight: bold;
    }

    #po_innover_clients h2 {
        font-size: 2.7em;
    }

    .po_list_btns {
        margin-left: 5%;
        width: 95%;
    }

    .po_visuel {
        margin-bottom: 50px;
    }

        .po_visuel h1 {
            font-size: 2em;
        }

    .po_titre {
        font-size: 6em;
        line-height: 70px;
    }

    .po_ss_titre {
        font-size: 1.75em;
        line-height: 1em;
    }

    .po_list li {
        font-size: 0.6em;
    }

    .po_list img {
        width: 50%;
    }

    .po_bst {
        font-size: 5em;
        line-height: 65px;
    }

    .po_list_innov li {
        font-size: 1em;
    }

    h2.po_shared_title {
        font-size: 1.4em;
    }

    #po_main_bloc {
        width: 100%;
    }

    .po_innover_collab h4 {
        font-size: 2.5em;
    }

    .po_hm {
        display: none;
    }

    .po_nhm {
        display: inline;
    }

    .po_image50 {
        max-width: 50%;
    }

    .po_bloc p {
        font-size: 1em;
    }

    .po_mt250 {
        margin-top: -215px;
    }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100.01%;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    margin: 0;
    padding: 0;
}

.front #page {
    overflow: visible;
}

#page {
    width: 886px;
    position: relative;
    overflow: hidden;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
/*-- Screen large*/
@media only screen and (max-width:5000px) {
    #page {
        width: 1200px;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news,
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social {
        margin-top: 6px;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .left-news img {
        width: 100% !important;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-dp-texte {
        height: 244px;
    }

    /*#content .publication-2-1, #content .publication-1-2, #content .publication {
        padding-bottom: 244px;
    }*/

    img.image-style-445-210 {
        padding-top: 0;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career {
        padding-bottom: 210px;
    }
}
@media only screen and (max-width:1299px) {
    #page {
        width: 886px;
    }

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .left-news img {
        width: 220px !important;
    }

    /*#content .publication-2-1, #content .publication-1-2, #content .publication {
        padding-bottom: 54.9%;
    }*/

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res {
        height: auto;
    }

    .field-name-field-bloc-doitac .field-items .career {
        padding-bottom: 47.4%;
    }

    img.image-style-445-210 {
        padding-top: 25px;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career {
        padding-bottom: 47.2%;
    }

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-dp-texte .image img {
        height: auto;
        object-fit: unset;
    }
}
/*-- End Screen large*/
#page #columns {
    background: #FFFFFF;
    padding: 0;
}

.not-front #page #columns {
    padding: 0 30px;
}

.page-home #page #columns {
    background: #F4F2F1;
}

img.bg {
    min-height: 100%;
    min-width: 1035px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

@media print {
    img.bg {
        display: none;
    }
}

@media screen and (max-width:1024px) {
    img.bg {
        left: 50%;
        margin-left: -512px;
    }
}

#header {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 190px;
    background: #ffffff;
    -moz-border-radius: 0 125px 0 0;
    -webkit-border-radius: 0 125px 0 0;
    border-radius: 0 125px 0 0;
}

    #header #logo {
        margin: 0 22px 0 0;
        padding: 0;
        float: left;
    }

    #header #branding {
        margin: 0;
        padding: 20px 15px 0 20px;
        height: 108px;
    }

        #header #branding .region-header, #header #branding .region-header-responsive {
            margin: 13px 35px 0 0;
            padding: 0;
            width: auto;
            float: right;
        }

    #header #name-and-slogan {
        margin: 31px 0 0;
        padding: 0;
        float: left;
    }

#block-bouygues-main-top-social-links {
    margin: 0;
}

    #block-bouygues-main-top-social-links .block-content {
        margin: 0 0 10px 0;
        padding: 0;
        width: auto;
    }

        #block-bouygues-main-top-social-links .block-content ul {
            margin: 0;
            padding: 0;
        }

            #block-bouygues-main-top-social-links .block-content ul li {
                margin: 0 8px 0 0;
                padding: 0;
                list-style: none;
                position: relative;
                height: 19px;
                width: 18px;
                display: inline-block;
            }

                #block-bouygues-main-top-social-links .block-content ul li.last {
                    margin: 0;
                }

                    #block-bouygues-main-top-social-links .block-content ul li.last a {
                        margin: 4px 0 0;
                    }

                #block-bouygues-main-top-social-links .block-content ul li a {
                    display: block;
                }

                #block-bouygues-main-top-social-links .block-content ul li img {
                    position: absolute;
                }

                    #block-bouygues-main-top-social-links .block-content ul li img.Off {
                        display: block;
                    }

                    #block-bouygues-main-top-social-links .block-content ul li img.On {
                        display: none;
                    }

                #block-bouygues-main-top-social-links .block-content ul li:hover img.Off {
                    display: none;
                }

                #block-bouygues-main-top-social-links .block-content ul li:hover img.On {
                    display: block;
                }

#header .region-highlighted {
    clear: both;
}

#header .region-header .offres, #header .region-header-responsive .offres {
    margin: 8px 47px 0 0;
    padding: 0;
    display: block;
    text-align: right;
}

    #header .region-header .offres a, #header .region-header-responsive .offres {
        margin: 0;
        padding: 0 13px;
        background: #7dbb3c;
        display: inline-block;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 21px;
        text-transform: uppercase;
        font-family: 'Tahoma';
        text-decoration: none;
        -moz-border-radius: 0 12px 0 12px;
        -webkit-border-radius: 0 12px 0 12px;
        border-radius: 0 12px 0 12px;
        position: relative;
    }

        #header .region-header .offres a:hover, #header .region-header-responsive .offres {
            background: #FFFFFF;
            color: #7dbb3c;
            padding: 0 12px;
            line-height: 19px;
            border: 1px solid #d9d9d9;
        }

#breadcrumb {
    margin: 0;
    padding: 0 30px;
    background: #FFFFFF;
}

    #breadcrumb ol#crumbs {
        margin: 0;
        padding: 0;
    }

        #breadcrumb ol#crumbs li {
            margin: 0;
            padding: 0;
            display: inline-block;
            line-height: 20px;
        }

            #breadcrumb ol#crumbs li a, #breadcrumb ol#crumbs li span {
                margin: 0;
                padding: 0;
                display: inline-block;
                font-size: 11px;
                color: #000000;
                font-family: "Tahoma", Arial;
            }

                #breadcrumb ol#crumbs li a:first-letter, #breadcrumb ol#crumbs li span:first-letter {
                    text-transform: capitalize;
                }

                #breadcrumb ol#crumbs li span.crumb-sepreator {
                    padding: 0 5px;
                }

textarea {
    resize: none;
}

.grippie {
    display: none;
}

#content-column, .content-column {
    float: none !important;
    clear: both !important;
}

.two-sidebars .content-inner {
    margin: 0 !important;
}

.region-sidebar-second {
    margin: 0 !important;
}

#main {
    margin: 0;
    padding: 0;
}

#content {
    margin: 0;
    padding: 0;
    position: relative;
}

#content-inner {
    margin: 0;
    padding: 0;
}

    #content-inner #content-top {
        margin: 0;
        padding: 0;
    }

    #content-inner #content-area {
        margin: 0;
        padding: 0;
    }

    #content-inner #content-bottom {
        margin: 0;
        padding: 0;
    }

.item-list, .flippy {
    margin: 0;
    padding: 0;
}

    .item-list ul, ul.flippy {
        margin: 0 auto;
        padding: 0 0 1px;
        text-align: center;
        width: 100%
    }

        .item-list ul li, ul.flippy li {
            margin: 0;
            padding: 0;
            text-align: center;
            display: inline;
            background: none;
        }

            .item-list ul li a, ul.flippy li a {
                margin: 0;
                padding: 0;
                text-align: center;
                display: inline;
                text-decoration: none;
                font-size: 9px;
                font-family: 'tahoma';
                font-weight: bold;
                color: #575758;
                text-transform: uppercase;
            }

            .item-list ul li.pager-item, .item-list ul li.pager-current {
                border-right: 1px dotted #9fa5ad;
                padding: 0 8px;
            }

                .item-list ul li.pager-item.last {
                    border: none;
                }

                .item-list ul li.pager-item a {
                    font-size: 10px;
                }

            .item-list ul li.active a {
                color: #cb5a27;
                font-size: 10px;
                text-decoration: underline !important;
            }

            .item-list ul li.pager-previous {
                padding: 0 10px 0 10px;
            }

            .item-list ul li.pager-next {
                padding: 0 10px 0 10px;
            }

}

#block-block-6 {
    float: left;
}

.high-overlay {
    display: none;
    position: fixed;
}

    .high-overlay.overlay-darkness {
        background: none repeat scroll 0 0 #000000;
        height: 100%;
        left: 0;
        background: url(/sites/all/themes/bouygues/images/interface/popin-overlay.png) repeat left top;
        top: 0;
        width: 100%;
        z-index: 10;
    }

    .high-overlay.overlay-content {
        background: url(/sites/all/themes/bouygues/images/interface/ajax-loader.gif) no-repeat 10% center transparent;
        z-index: 1000;
        width: 618px;
        height: auto;
        left: 100px;
        top: 25%;
    }

        .high-overlay.overlay-content.outer-frame {
            height: 460px;
            padding: 80px 20px 0;
            top: 10%;
            width: 660px;
        }

        .high-overlay.overlay-content .close-me {
            height: 30px;
            position: absolute;
            right: 0;
            top: 0;
            width: 60px;
        }

html body.admin-menu-with-shortcuts.iframe-content {
    margin: 0 !important;
}

body.iframe-content {
    overflow: hidden;
    margin: -5px 0px 0px 0px;
}

.iframe-content #page {
    margin: 0 0 0 50px;
    position: relative;
    width: 515px;
}

.iframe-content .node-content {
    margin: 0;
}

.iframe-content #webform-component-prenom, .iframe-content #webform-component-nom {
    float: left;
    width: 225px !important;
}

    .iframe-content #webform-component-prenom input, .iframe-content #webform-component-nom input {
        width: 141px !important;
    }

.iframe-content input[type="password"], .iframe-content input[type="url"], .iframe-content input[type="email"] {
    width: 347px !important;
}

.iframe-content .form-textarea-wrapper textarea {
    width: 532px !important;
}

.iframe-content .webform-component-textarea {
    margin: 0 0 20px !important;
}

.iframe-content #edit-actions #edit-submit {
    margin: 0 !important;
}

.clear {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.right {
    float: right;
}

.left {
    float: left;
}

.noborder {
    border: none;
    margin: 0;
    padding: 0;
}

img {
    margin: 0;
    padding: 0;
}

.form-item, .form-actions {
    margin: 0;
}

hr {
    height: 1px;
    margin: 0;
    padding: 0;
    width: 100%;
    border: none;
    background: none;
}

div.messages {
    padding: 9px;
    margin: 1em 0;
    color: #003366;
    background: #bbddff;
    border: 1px solid #aaccee;
}

div.warning {
    color: #884400;
    background: #ffee66;
    border-color: #eedd55;
}

div.error {
    color: white;
    background: #ee6633;
    border-color: #dd5522;
    width: 400px;
}

div.status {
    color: #336600;
    background: #ccff88;
    border-color: #bbee77;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

a.lien-blanc {
    color: #fff !important;
    text-decoration: underline !important;
    font-size: 12px !important;
}

a.lien-blanc-mailto {
    color: #fff !important;
    text-decoration: underline !important;
    font-size: 12px !important;
    background: url(/sites/all/themes/bouygues/images/icn/at-map.png) no-repeat left bottom;
    display: block;
    line-height: 18px !important;
    padding: 0 0 0 23px !important;
}

body {
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
}

body {
    font-size: 75%;
    color: #222;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: 'News Gothic Bold BT';
    src: url(/sites/all/themes/bouygues/css/fonts/newsgothicboldbt.eot);
    src: url(/sites/all/themes/bouygues/css/fonts/newsgothicboldbt.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/bouygues/css/fonts/newsgothicboldbt.woff) format('woff'), url(/sites/all/themes/bouygues/css/fonts/newsgothicboldbt.ttf) format('truetype'), url(/sites/all/themes/bouygues/css/fonts/newsgothicboldbt.svg#dinprocondbold) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'newsgoth_btroman';
    src: url(/sites/all/themes/bouygues/css/fonts/news_gothic_bt.eot);
    src: url(/sites/all/themes/bouygues/css/fonts/news_gothic_bt.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/bouygues/css/fonts/news_gothic_bt.woff) format('woff'), url(/sites/all/themes/bouygues/css/fonts/news_gothic_bt.ttf) format('truetype'), url(/sites/all/themes/bouygues/css/fonts/news_gothic_bt.svg#newsgoth_btroman) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'webfontregular';
    src: url(/sites/all/themes/bouygues/css/fonts/newsgothicboldbt-webfont.eot);
    src: url(/sites/all/themes/bouygues/css/fonts/newsgothicboldbt-webfont.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/bouygues/css/fonts/newsgothicboldbt-webfont.woff) format('woff'), url(/sites/all/themes/bouygues/css/fonts/newsgothicboldbt-webfont.ttf) format('truetype'), url(/sites/all/themes/bouygues/css/fonts/newsgothicboldbt-webfont.svg#webfontregular) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro-CondBold';
    src: url(/sites/all/themes/bouygues/css/fonts/dinpro-condbold.eot);
    src: url(/sites/all/themes/bouygues/css/fonts/dinpro-condbold.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/bouygues/css/fonts/dinpro-condbold.woff) format('woff'), url(/sites/all/themes/bouygues/css/fonts/dinpro-condbold.ttf) format('truetype'), url(/sites/all/themes/bouygues/css/fonts/dinpro-condbold.svg#dinpro-condbold) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din_procondensed_black';
    src: url(/sites/all/themes/bouygues/css/fonts/dinpro-condblack.eot);
    src: url(/sites/all/themes/bouygues/css/fonts/dinpro-condblack.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/bouygues/css/fonts/dinpro-condblack.woff) format('woff'), url(/sites/all/themes/bouygues/css/fonts/dinpro-condblack.ttf) format('truetype'), url(/sites/all/themes/bouygues/css/fonts/dinpro-condblack.svg#din_procondensed_black) format('svg');
    font-weight: normal;
    font-style: normal;
}

h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #7dbb3c;
}

h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #7dbb3c;
    font-family: 'Tahoma';
}

h3 {
    font-size: 1.3em;
    line-height: 1.1;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #7dbb3c;
}

h4 {
    font-size: 2em;
    line-height: 1em;
    margin: 0;
    padding: 0;
    color: #7dbb3c;
    font-weight: bold;
}

h5 {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

h6 {
    font-size: 1em;
    font-weight: bold;
}

    h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
        margin: 0;
    }

p {
    margin: 0;
    font-size: 1em;
    line-height: 15px;
    text-align: left;
    color: #949496;
    font-family: Arial;
}

    p strong {
        color: #5a5a5d;
        margin: 0;
        padding: 0;
    }

.page.news-item-page p strong {
    font-weight: bold;
}

p em {
    color: #706f72;
    font-size: 1em;
    font-weight: bold;
}

a:focus, a:hover {
}

a {
    text-decoration: underline;
    outline: 0 none;
}

blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic;
}

strong {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
}

dfn {
    font-weight: bold;
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

sup
abbr, acronym {
    border-bottom: 1px dotted #666;
}

address {
    margin: 0 0 1.5em;
    font-style: italic;
}

del {
    color: #666;
}

pre {
    margin: 1.5em 0;
    white-space: pre;
}

pre, code, tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
}

ul {
    margin: 0;
    padding: 0;
}

    ul li {
        margin: 0;
        padding: 0;
    }

li ul, li ol {
    margin: 0 1.5em;
}

ul, ol {
    margin: 0 1.5em 1.5em 1.5em;
}

    ul li {
        list-style-type: none;
    }

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0 0 1.5em 0;
}

    dl dt {
        font-weight: bold;
    }

dd {
    margin-left: 1.5em;
}

table {
    margin-bottom: 1.4em;
    width: 100%;
}

th {
    font-weight: bold;
}

thead th {
    background: #c3d9ff;
}

th, td, caption {
    padding: 4px 10px 4px 5px;
}

tr.even td {
    background: #e5ecf9;
}

tfoot {
    font-style: italic;
}

caption {
    background: #eee;
}

.small {
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
}

.large {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em;
}

.hide {
    display: none;
    height: 0;
}

.inline {
    display: inline;
}

.quiet {
    color: #666;
}

.loud {
    color: #000;
}

.highlight {
    background: #ff0;
}

.added {
    background: #060;
    color: #fff;
}

.removed {
    background: #900;
    color: #fff;
}

.first {
    margin-left: 0;
    padding-left: 0;
}

.last {
    margin-right: 0;
    padding-right: 0;
}

.top {
    margin-top: 0;
    padding-top: 0;
}

.bottom {
    margin: 0;
    bottom: 0;
}


div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
    background-image: url(/sites/all/themes/bouygues/images/sprite.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

div.selector, div.checker, div.button, div.radio, div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

    div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
        outline: 0;
    }

    div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
        margin: 0;
        padding: 0;
    }

.highContrastDetect {
    background: url(/sites/all/themes/bouygues/images/bg-input.png) repeat-x 0 0;
    width: 0px;
    height: 0px;
}

input.uniform-input, select.uniform-multiselect, textarea.uniform {
    padding: 3px;
    background: url(/sites/all/themes/bouygues/images/bg-input.png) repeat-x 0 0;
    outline: 0;
}

    input.uniform-input.active, select.uniform-multiselect.active, textarea.uniform.active {
        background: url(/sites/all/themes/bouygues/images/bg-input-focus.png) repeat-x 0 0;
    }

div.checker input, input[type="search"], input[type="search"]:active {
    -moz-appearance: none;
    -webkit-appearance: none;
}

div.selector {
    background-position: 0 -130px;
    line-height: 26px;
    height: 26px;
    padding: 0 0 0 10px;
    position: relative;
    overflow: hidden;
}

    div.selector span {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        background-position: right 0;
        height: 26px;
        line-height: 26px;
        padding-right: 25px;
        cursor: pointer;
        width: 100%;
        display: block;
    }

    div.selector.fixedWidth {
        width: 190px;
    }

        div.selector.fixedWidth span {
            width: 155px;
        }

    div.selector select {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        border: none;
        background: none;
        position: absolute;
        height: 22px;
        top: 2px;
        left: 0px;
        width: 100%;
    }

    div.selector.active {
        background-position: 0 -156px;
    }

        div.selector.active span {
            background-position: right -26px;
        }

    div.selector.hover, div.selector.focus {
        background-position: 0 -182px;
    }

        div.selector.hover span, div.selector.focus span {
            background-position: right -52px;
        }

        div.selector.hover.active, div.selector.focus.active {
            background-position: 0 -208px;
        }

            div.selector.hover.active span, div.selector.focus.active span {
                background-position: right -78px;
            }

    div.selector.disabled, div.selector.disabled.active {
        background-position: 0 -234px;
    }

        div.selector.disabled span, div.selector.disabled.active span {
            background-position: right -104px;
        }

div.checker {
    position: relative;
}

    div.checker, div.checker span, div.checker input {
        width: 19px;
        height: 19px;
    }

        div.checker span {
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
            background-position: 0 -260px;
        }

            div.checker span.checked {
                background-position: -76px -260px;
            }

        div.checker input {
            opacity: 0;
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            border: none;
            background: none;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

        div.checker.active span {
            background-position: -19px -260px;
        }

            div.checker.active span.checked {
                background-position: -95px -260px;
            }

        div.checker.hover span, div.checker.focus span {
            background-position: -38px -260px;
        }

            div.checker.hover span.checked, div.checker.focus span.checked {
                background-position: -114px -260px;
            }

        div.checker.hover.active span, div.checker.focus.active span {
            background-position: -57px -260px;
        }

            div.checker.hover.active span.checked, div.checker.focus.active span.checked {
                background-position: -133px -260px;
            }

        div.checker.disabled, div.checker.disabled.active {
            background-position: -152px -260px;
        }

            div.checker.disabled span.checked, div.checker.disabled.active span.checked {
                background-position: -171px -260px;
            }

div.radio {
    position: relative;
}

    div.radio, div.radio span, div.radio input {
        width: 18px;
        height: 18px;
    }

        div.radio span {
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
            background-position: 0 -279px;
        }

            div.radio span.checked {
                background-position: -72px -279px;
            }

        div.radio input {
            opacity: 0;
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            border: none;
            background: none;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
        }

        div.radio.active span {
            background-position: -18px -18px -279px;
        }

            div.radio.active span.checked {
                background-position: -90px -279px;
            }

        div.radio.hover span, div.radio.focus span {
            background-position: -36px -36px -279px;
        }

            div.radio.hover span.checked, div.radio.focus span.checked {
                background-position: -108px -279px;
            }

        div.radio.hover.active span, div.radio.focus.active span {
            background-position: -54px -279px;
        }

            div.radio.hover.active span.checked, div.radio.focus.active span.checked {
                background-position: -126px -279px;
            }

        div.radio.disabled span, div.radio.disabled.active span {
            background-position: -144px -279px;
        }

            div.radio.disabled span.checked, div.radio.disabled.active span.checked {
                background-position: -162px -279px;
            }

div.uploader {
    background-position: 0 -297px;
    height: 28px;
    width: 190px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    div.uploader span.action {
        background-position: right -409px;
        height: 28px;
        line-height: 28px;
        width: 82px;
        text-align: center;
        float: left;
        display: inline;
        overflow: hidden;
        cursor: pointer;
    }

    div.uploader span.filename {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        float: left;
        cursor: default;
        height: 24px;
        margin: 2px 0 2px 2px;
        line-height: 24px;
        width: 85px;
        padding: 0 10px;
    }

    div.uploader input {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        border: none;
        background: none;
        position: absolute;
        top: 0;
        right: 0;
        float: right;
        cursor: default;
        width: 100%;
        height: 100%;
    }

    div.uploader.active span.action {
        background-position: right -465px;
    }

    div.uploader.hover, div.uploader.focus {
        background-position: 0 -353px;
    }

        div.uploader.hover span.action, div.uploader.focus span.action {
            background-position: right -437px;
        }

        div.uploader.hover.active span.action, div.uploader.focus.active span.action {
            background-position: right -493px;
        }

    div.uploader.disabled, div.uploader.disabled.active {
        background-position: 0 -325px;
    }

        div.uploader.disabled span.action, div.uploader.disabled.active span.action {
            background-position: right -381px;
        }

div.button {
    background-position: 0 -641px;
    height: 30px;
    cursor: pointer;
    position: relative;
}

    div.button a, div.button button, div.button input {
        opacity: 0.01;
        filter: alpha(opacity=1);
        -moz-opacity: 0.01;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    div.button span {
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        zoom: 1;
        line-height: 22px;
        text-align: center;
        background-position: right -521px;
        height: 22px;
        margin-left: 13px;
        padding: 8px 15px 0 2px;
    }

    div.button.active {
        background-position: 0 -671px;
    }

        div.button.active span {
            background-position: right -551px;
            cursor: default;
        }

    div.button.hover, div.button.focus {
        background-position: 0 -701px;
    }

        div.button.hover span, div.button.focus span {
            background-position: right -581px;
        }

    div.button.disabled, div.button.disabled.active {
        background-position: 0 -731px;
    }

        div.button.disabled span, div.button.disabled.active span {
            background-position: right -611px;
            cursor: default;
        }

input.uniform-input, select.uniform-multiselect, textarea.uniform {
    font-size: 12px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #777;
    border-top: solid 1px #aaaaaa;
    border-left: solid 1px #aaaaaa;
    border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    input.uniform-input.hover, input.uniform-input.focus, select.uniform-multiselect.hover, select.uniform-multiselect.focus, textarea.uniform.hover, textarea.uniform.focus {
        -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
        border-color: #999;
    }

div.button span {
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

div.button.hover span, div.button.focus span {
    color: #555;
}

div.button.disabled span, div.button.disabled.active span {
    color: #bbb;
}

div.selector {
    font-size: 12px;
}

    div.selector span {
        color: #666;
        text-shadow: 0 1px 0 white;
    }

    div.selector select {
        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    div.selector.disabled span, div.selector.disabled.active span {
        color: #bbb;
    }

div.checker {
    margin-right: 5px;
}

div.radio {
    margin-right: 3px;
}

div.uploader span.action {
    text-shadow: white 0px 1px 0px;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold;
}

div.uploader span.filename {
    color: #777;
    border-right: solid 1px #bbbbbb;
    font-size: 11px;
}

div.uploader.disabled span.action, div.uploader.disabled.active span.action {
    color: #aaa;
}

div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
    border-color: #ddd;
    color: #aaa;
}

input.uniform-input, input.uniform-input:focus {
    background-color: #fff;
}

.view-m-diath-que .view-header {
    width: 690px;
    color: #414140;
    font-family: 'Tahoma', Arial;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    padding: 0;
    text-align: left;
}

    .view-m-diath-que .view-header p {
        color: #414140;
        font-family: 'Tahoma', Arial;
        font-size: 15px;
        font-weight: bold;
        line-height: 21px;
        padding: 0;
        text-align: left;
        word-wrap: break-word;
    }

.view-m-diath-que .view-filters {
    margin: 54px 0 30px;
}

.view-m-diath-que .view-content .vignette-video {
    position: relative;
}

    .view-m-diath-que .view-content .vignette-video .image-video {
        background: transparent url(/sites/all/themes/bouygues/images/icn/mediatheque-video.png) no-repeat scroll 0 0;
        width: 50px;
        height: 36px;
        position: absolute;
        top: 33%;
        left: 38%;
    }

.view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget {
    float: none;
    padding: 15px 12px;
    margin: 0 0 10px;
    background: #f6f6f6;
    color: #3f3f3f;
}

    .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget label {
        margin: 0 0 22px;
        color: #e95518;
        font-family: Tahoma, sans-serif;
        font-size: 14px;
        font-weight: bold;
    }

    .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget .form-radios:after {
        clear: both;
        display: block;
        height: 0;
        content: ".";
        visibility: hidden;
    }

    .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget .form-type-radio {
        float: left;
        width: 180px;
        margin: 0 0 15px 0;
    }

        .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget .form-type-radio.clear-left-radio {
            padding: 0 0 0 180px;
        }

        .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget .form-type-radio span {
            display: block;
            width: 15px;
            height: 16px;
            background: transparent url(/sites/all/themes/bouygues/images/radioUnchecked.png) no-repeat scroll 0 0;
        }

            .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget .form-type-radio span.checked {
                background: transparent url(/sites/all/themes/bouygues/images/radioChecked.png) no-repeat scroll 0 0;
            }

        .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget .form-type-radio .option {
            color: #3f3f3f;
            font-size: 12px;
        }

.view-m-diath-que .view-filters .views-exposed-form .views-submit-button {
    display: none;
}

.view-m-diath-que .view-content td {
    display: inline-block;
    width: 22%;
    *zoom: 1;
    *display: inline;
    float: left;
    display: -moz-inline-stack;
}

.page-presse-mediatheque #block-block-12 {
    padding: 30px 145px 30px 0;
    border-top: 1px solid #c1c0bf;
}

    .page-presse-mediatheque #block-block-12 .block-title {
        color: #6d6d6c;
        font-family: Tahoma, sans-serif;
        font-size: 12px;
        font-weight: bold;
    }

    .page-presse-mediatheque #block-block-12 p {
        margin: 15px 0 0;
        color: #6d6d6c;
        font-family: Tahoma, sans-serif;
        font-size: 12px;
        font-style: italic;
    }

    .page-presse-mediatheque #block-block-12 ul {
        margin: 10px 0 5px 12px;
    }

        .page-presse-mediatheque #block-block-12 ul li {
            color: #6d6d6c;
            font-family: Tahoma, sans-serif;
            font-size: 12px;
            font-style: italic;
            margin: 0 0 5px;
            line-height: 15px;
            list-style-type: disc;
        }

#colorbox, #cboxWrapper {
    overflow: visible !important;
    z-index: 9997 !important;
    padding: 10px 0;
}

#colorbox {
}

#cboxWrapper {
    position: relative;
    border-radius: 0;
}

#cboxContent, #cboxLoadedContent {
}

#cboxClose {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: auto;
    width: auto;
    height: 17px;
    padding: 0 25px 0 0;
    background: transparent url(../images/images-home/popinClose.png) no-repeat scroll 100% 50%;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    overflow: hidden;
    font-weight: bold;
    text-indent: -999px;
    line-height: 15px;
    overflow: hidden;
}

    #cboxClose:hover {
        background-position: 100% 50%;
    }

#cboxOverlay {
    z-index: 9996;
}

#cboxNext, #cboxPrevious {
    position: absolute;
    top: 225px;
    bottom: auto;
    z-index: 9999;
    width: 26px;
    height: 64px;
    text-indent: -9999px;
}

    #cboxNext:hover, #cboxPrevious:hover {
        background-position: 0 0;
    }

#cboxPrevious {
    left: -11px;
    right: auto;
    background: transparent url(../images/images-home/popinArrowPrev.png) no-repeat scroll 0 0;
}

#cboxNext {
    left: auto;
    right: -10px;
    background: transparent url(../images/images-home/popinArrowNext.png) no-repeat scroll 0 0;
}

#cboxCurrent {
    position: absolute;
    top: 20px;
    left: 40px;
    bottom: auto;
}

#colorbox #block-bouygues-main-block-print-send {
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -70px;
}

.admin-menu #colorbox #block-bouygues-main-block-print-send {
    top: -33px;
}

.admin-menu #colorbox article {
    position: absolute;
}

#colorbox article img, #colorbox article .video {
    margin: 0 0 20px 0;
}

#cboxContent {
    position: static;
    width: 640px;
}

#cboxMiddleLeft, #cboxMiddleRight {
    width: 25px;
}

#cboxLoadedContent {
    margin-bottom: 0;
    font-family: Tahoma, sans-serif;
}

    #cboxLoadedContent .field-type-taxonomy-term-reference {
        margin: 0 0 20px 0;
        color: #e95518;
        font-size: 12px;
        text-align: right;
    }

        #cboxLoadedContent .field-type-taxonomy-term-reference .theme a {
            text-decoration: underline;
            color: #e95518;
            font-size: 12px;
        }

    #cboxLoadedContent .field-name-body {
        font-family: Tahoma, sans-serif;
        font-size: 13px;
        color: #454545;
    }

        #cboxLoadedContent .field-name-body p {
            font-family: Tahoma, sans-serif;
            font-size: 13px;
            color: #454545;
        }

    #cboxLoadedContent .credit {
        color: #656564;
        margin: 0 0 15px;
    }

    #cboxLoadedContent .fichier-hd, #cboxLoadedContent .file-size {
        *zoom: 1;
        *display: inline;
        display: -moz-inline-stack;
        display: inline-block;
    }

        #cboxLoadedContent .fichier-hd a {
            color: #3f3e3e;
            font-size: 12px;
            font-weight: bold;
            line-height: normal;
            text-decoration: none;
            padding: 0 0 0 20px;
            margin: 10px 0;
            display: block;
            background: transparent url(/sites/all/themes/bouygues/images/icn/telecharge.png) no-repeat scroll 0 50%;
        }

.block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-news .right-news .picto {
    display: block;
    height: 30px;
    margin: 15px 0;
    text-align: center;
    background-position: 57% -285px;
}

.block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-news:hover .right-news .picto {
    background-position: 57% -241px;
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-instagram span {
    background-position: 0 -188px;
    position: absolute;
    top: 40%;
    left: 40%;
    width: 38px;
    height: 38px;
    display: block;
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-instagram:hover span {
    background-position: 0 -122px;
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-yt span {
    background-position: 0 -57px;
    position: absolute;
    top: 40%;
    left: 40%;
    width: 50px;
    height: 36px;
    display: block;
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-yt:hover span {
    background-position: 0 0;
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-tw span {
    display: block;
    height: 27px;
    margin: 15px 0;
    text-align: center;
    background-position: 57% -410px;
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-tw:hover span {
    background-position: 57% -461px;
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-blog span {
    display: block;
    height: 30px;
    margin: 15px 0;
    text-align: center;
    background-position: 56% -329px;
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-blog:hover span {
    background-position: 95px -366px;
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-fb span {
    display: block;
    height: 30px;
    margin: 15px 0;
    text-align: center;
    background-position: 57% -563px;
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-fb:hover span {
    background-position: 94px -509px;
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-fb p, .block-bouygues-newsroom .wrapper-social .bloc-social.type-blog p, .block-bouygues-newsroom .wrapper-social .bloc-social.type-tw p {
    font-family: Tahoma, Arial;
    font-size: 13px;
    color: #fff;
    padding: 0 25px;
    text-align: left;
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-tw p {
    text-overflow: ellipsis;
}

.block-bouygues-newsroom .wrapper-social .type-yt a {
    position: relative;
    overflow: visible;
}

.block-bouygues-newsroom .wrapper-social .type-yt span {
}

.block-bouygues-newsroom .wrapper-social .bloc-social.type-fb .s-date p, .block-bouygues-newsroom .wrapper-social .bloc-social.type-blog .s-date p, .block-bouygues-newsroom .wrapper-social .bloc-social.type-tw .s-date p {
    font-family: Tahoma, Arial;
    font-size: 11px;
    font-style: italic;
    color: #fff;
    padding: 0 25px;
}

.block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-news .left-news {
    float: left;
}

.block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-blog .left-news {
    float: right;
}

.block-bouygues-newsroom .wrapper-social .col-social .bloc-social {
    width: 210px;
    height: 210px;
    margin: 0 3px 3px 0;
    float: left;
    position: relative;
}

    .block-bouygues-newsroom .wrapper-social .col-social .bloc-social.type-tw, .block-bouygues-newsroom .wrapper-social .col-social .bloc-social.type-yt {
        margin: 0 0 3px 0;
    }

    .block-bouygues-newsroom .wrapper-social .col-social .bloc-social.type-tw {
        background: #7dbb3c;
    }

    .block-bouygues-newsroom .wrapper-social .col-social .bloc-social.type-fb {
        background: #688ace;
    }

.bas-reseau:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#block-bouygues-pages-b-map-implatation-filtre.contextual-links-region, #block-bouygues-pages-b-map-projet-filtre.contextual-links-region {
    position: unset;
}

.front .node-page-accueil header {
    display: none;
}

.front .node-d-veloppement-durable header, .front .node-publications header {
    display: block;
}

.fnext, .fprev {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.view-publications.view-id-publications article header {
    display: none;
}

.navi, .flex-border-img, #diapo_popin_emblematique .flexslider-controls {
    display: none;
}

#lightbox {
    left: 0% !important;
    position: fixed !important;
    top: 15px !important;
    text-align: left !important;
}

    #lightbox #frameContainer {
        padding: 0 !important;
    }

    #lightbox #bottomNavClose {
        position: absolute !important;
        top: 15px !important;
        right: 35px !important;
        bottom: auto !important;
        width: auto !important;
        height: 17px !important;
        padding: 0 25px 0 0 !important;
        background: transparent url(../images/images-home/popinClose.png) no-repeat scroll 100% 50% !important;
        font-family: Tahoma, sans-serif !important;
        font-size: 11px !important;
        font-weight: bold !important;
        text-indent: 0 !important;
        line-height: 15px !important;
        text-decoration: none !important;
    }

    #lightbox #numberDisplay {
        bottom: auto;
        left: 40px;
        position: absolute;
        top: 26px;
        color: #949494;
    }

#prevLink, #nextLink {
    bottom: auto !important;
    height: 64px !important;
    position: absolute !important;
    text-indent: -9999px !important;
    top: 225px !important;
    width: 26px !important;
    z-index: 9999 !important;
}

#prevLink {
    left: -11px !important;
    right: auto !important;
    background: transparent url(../images/images-home/popinArrowPrev.png) no-repeat scroll 0 0 !important;
}

#nextLink {
    left: auto !important;
    right: -10px !important;
    background: transparent url(../images/images-home/popinArrowNext.png) no-repeat scroll 0 0 !important;
}

#lightbox #block-bouygues-main-block-print-send {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -70px;
    padding: 0;
    height: 55px;
}

#lightbox .res-video #block-bouygues-main-block-print-send {
    top: -60px;
}

.page-popin-media-lightbox {
    background: none !important;
    padding: 10px 25px;
}

#lightbox #outerImageContainer {
    width: 690px !important;
    overflow: visible !important;
}

#lightbox img, #lightbox .video {
    margin: 35px 0 20px 0;
}

#lightboxFrame {
    border: none !important;
    height: 655px;
}

#lightbox .field-type-taxonomy-term-reference {
    color: #e95518;
    font-size: 12px;
    margin: 0 0 20px;
    text-align: right;
}

    #lightbox .field-type-taxonomy-term-reference .theme a {
        color: #e95518;
        font-size: 12px;
        text-decoration: underline;
    }

#lightbox .field-name-body p, #lightbox .field-name-body {
    color: #454545;
    font-family: Tahoma, sans-serif;
    font-size: 13px;
}

#lightbox .credit {
    color: #656564;
    margin: 0 0 15px;
}

#lightbox .fichier-hd, #lightbox .file-size {
    *zoom: 1;
    *display: inline;
    display: -moz-inline-stack;
    display: inline-block;
}

    #lightbox .fichier-hd a {
        color: #3f3e3e;
        font-size: 12px;
        font-weight: bold;
        line-height: normal;
        text-decoration: none;
        padding: 0 0 0 20px;
        margin: 10px 0;
        display: block;
        background: transparent url(/sites/all/themes/bouygues/images/icn/telecharge.png) no-repeat scroll 0 50%;
    }

#lightbox #modalContainer {
    padding: 10px 0 !important;
}

#lightbox #page_mediapop {
    padding: 0 25px !important;
}

body .bloc-temoin .show-not-mob {
    display: inline-block;
}

@media (min-width:1025px) {
    body .show-desktop, #block-block-9, #block-bouygues-content-b-inscrire, #block-views-communiqu-de-presse-block-4, #block-bouygues-content-b-lien-mediatheque2 {
        display: block;
    }

    .show-responsive, .show-tab, .show-mob, .liste-contenu-presse .region-content-tab {
        display: none;
    }
}

@media (max-width:1024px) {
    body.page-nos-realisations {
        background: #fff;
    }

    #block-bouygues-main-block-print-send {
        float: right;
        margin: 0 33px 0 0;
        padding: 10px 0 0;
    }

    #block-bouygues-pages-page-nos-realisations-new .project-wrapper .title {
        height: 35px;
    }

    .lien_retour_liste {
        position: absolute;
        ;
        right: 15px;
    }

    .pays {
        color: #626160;
        font-weight: bold;
        margin-bottom: 5px;
        text-align: right;
        padding-right: 15px;
    }

    .picto-ouvrage {
        left: 35px;
        position: absolute;
        top: 60px;
        z-index: 10;
    }

    body .liste-contenu-presse .region-content-tab {
        display: block;
    }

    .show-tab, .show-mob, .show-not-mob, #block-block-9, #block-bouygues-content-b-inscrire,, #block-bouygues-content-b-lien-mediatheque2 {
        display: none;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    body .show-tab, .show-desktop {
        display: block;
    }

    .show-responsive, .show-mob, .show-not-mob {
        display: none;
    }
}

@media (max-width:900px) {
    #main-content #main-content-header h1 {
        font-size: 22px;
        font-weight: bold;
        padding: 45px 10px 30px 0;
        text-align: left;
        text-transform: uppercase;
    }

    .lien_retour_liste {
        top: -40px;
    }
}

@media (max-width:895px) {
    #block-bouygues-pages-page-nos-realisations-new .project-wrapper .title {
        height: 25px;
    }
}

@media (max-width:895px) {
    #block-bouygues-pages-page-nos-realisations-new .project-wrapper .title {
        height: 25px;
    }
}

@media (max-width:825px) {
    .header-wrapper .title-wrapper {
        float: left;
        width: 100% !important;
    }
}

@media (max-width:853px) {
    #block-bouygues-pages-page-nos-realisations-new .project-wrapper .title {
        margin: 0 0 35px;
    }
}

@media (max-width:840px) {
    #block-bouygues-main-block-print-send {
        float: right;
        margin: 0 25px 0 0;
        padding: 10px 0 0;
    }

    .lien_retour_liste {
        right: 8px;
        top: -40px;
    }
}

@media (max-width:768px) {
    #main-content #main-content-header h1 {
        width: 75%;
    }

    .lien_retour_liste {
        right: 15px;
        top: -40px;
    }

    #block-bouygues-main-block-print-send {
        right: 17px;
    }
}

@media (max-width:741px) {
    .lien_retour_liste {
        top: 15px;
    }
}

@media (max-width:725px) {
    .page-nos-realisations .views-row {
        float: left;
        margin: 0 5px 8px 0;
        min-height: 100px;
        overflow: hidden;
        padding: 0;
        width: 45%;
    }
}

@media (max-width:500px) {
    .page-nos-realisations .views-row {
        float: left;
        margin: 0 16px 8px 0;
        min-height: 100px;
        overflow: hidden;
        padding: 0;
        width: 95%;
    }

    #block-bouygues-main-block-print-send {
        right: 8px;
    }

    #block-bouygues-main-block-print-send {
        float: right;
        margin: 0 25px 0 0;
        padding: 10px 0 0;
        position: relative;
        top: 10px;
    }
}

@media (max-width:490px) {
    #block-bouygues-pages-page-nos-realisations-new .header-wrapper {
        margin: 10px 0 20px;
        width: 100%;
    }

    #block-bouygues-pages-page-nos-realisations-new .project-wrapper .title {
        margin: 0;
    }
}

@media (max-width:838px) {
    #block-bouygues-pages-page-nos-realisations-new .project-wrapper {
        float: left;
        margin: 10px 15px 20px 0;
        min-height: 295px;
        overflow: hidden;
        padding: 0;
        width: 32%;
    }
}

@media (max-width:788px) {
    #block-bouygues-pages-page-nos-realisations-new .project-wrapper {
        margin: 10px 13px 20px 0;
    }
}

@media (max-width:738px) {
    #block-bouygues-pages-page-nos-realisations-new .project-wrapper {
        margin: 10px 13px 20px 0;
    }
}

@media (max-width:688px) {
    #block-bouygues-pages-page-nos-realisations-new .project-wrapper {
        margin: 10px 12px 20px 0;
    }
}

@media (max-width:638px) {
    #block-bouygues-pages-page-nos-realisations-new .project-wrapper {
        margin: 10px 11px 20px 0;
    }
}

@media (max-width:598px) {
    #block-bouygues-pages-page-nos-realisations-new .project-wrapper {
        margin: 10px 10px 20px 0;
    }
}

@media (max-width:538px) {
    #block-bouygues-pages-page-nos-realisations-new .project-wrapper {
        margin: 10px 10px 20px 0;
    }
}

@media (max-width:550px) {
    #block-bouygues-pages-page-nos-realisations-new .project-wrapper {
        float: left;
        margin: 10px 15px 20px 0;
        min-height: 205px;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

        #block-bouygues-pages-page-nos-realisations-new .project-wrapper:nth-of-type(3n) {
            margin: 10px 0px 0px;
        }
}

@media (max-width:767px) {
    .hide {
        display: block;
        height: 100%;
    }

    #cboxContent {
        width: 100% !important;
        height: 250px !important;
        padding: 20px;
    }

    #cboxLoadedContent {
        width: 100% !important;
        height: 100% !important;
        padding: 0;
    }

    #cboxContent {
        box-sizing: border-box;
    }

    #colorbox {
        width: 90% !important;
        height: 285px !important;
        margin: 0 5%;
    }

    #cboxWrapper {
        margin: 0 5%;
    }

    #cboxWrapper {
        width: 90% !important;
        height: 250px !important;
        top: 70px;
        padding: 0;
    }

    #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
        display: none;
    }

    body.html .show-mob {
        display: block;
    }

    .page-nos-realisations .view-content.show-mob {
        display: none;
    }

    @media (max-width:767px) {
        #block-bouygues-pages-page-nos-realisations-new {
            display: block;
            height: 100%;
            margin-bottom: 20px;
        }

        .link-emble-parent {
            display: block;
        }

        .block.block-bouygues-pages.no-title.odd.block-count-16.block-region-content.block-boutons-ok-refresh {
            display: none;
        }

        .page-nos-realisations #block-block-8 h2 {
            display: none;
        }

        #block-bouygues-pages-button-nos-proj-emblematik {
            display: none;
        }
    }

    .show-responsive, .show-tab, .show-desktop, .show-not-mob {
        display: none;
    }

    #block-bouygues-pages-b-map-projet {
        clear: both;
        padding-top: 20px;
    }
}

@media (max-width:805px) {
    .header-wrapper .title-wrapper {
        width: 70%;
    }
}

@media (max-width:754px) {
    .header-wrapper .title-wrapper {
        width: 70%;
    }
}

@media (max-width:675px) {
    .header-wrapper {
        float: left;
        margin: 5px;
        width: 98%;
    }
}

@media (max-width:675px) {
    #block-bouygues-pages-page-nos-realisations-new .header-wrapper {
        height: auto;
    }
}

@media (max-width:768px) {
    .picto-ouvrage {
        left: 30px;
        position: absolute;
        top: 60px;
        z-index: 10;
    }

    #block-bouygues-main-block-print-send {
        right: 18px;
    }

    .page-nos-realisations #block-block-8 h2 a {
        color: #e95518;
        font-family: "Tahoma", Arial;
        font-size: 16px;
        font-weight: bold;
        height: 35px;
        line-height: 16px;
        margin: 20px 0 9px;
        padding: 0;
        text-transform: none;
    }
}

@media (max-width:768px) {
    body .show-not-mob {
        display: none;
    }

    .show-responsive, .show-tab, .show-mob {
        display: none;
    }
}

@media (max-width:767px) {
    body .show-responsive, .liste-contenu-presse .region-content-tab {
        display: block;
        float: right;
    }
}

@media (min-width:481px) {
    body .not-show-mobile-480 {
        display: block;
    }

    .show-responsive, .show-tab, .show-mob, .show-mobile-480, .page-our-achievements #block-block-8, #block-bouygues-pages-toutes-nos-realisations, #block-bouygues-pages-liste-implantation-mobile, .mob-menu {
        display: none;
    }

    .page-publications #block-views-navigation-publications-block .views-row .mobile-plus {
        display: none !important;
    }
}

.page-presse-mediatheque form .views-exposed-form .views-widget {
    display: block !important;
}

@media (max-width:481px) {
    #block-bouygues-pages-page-nos-realisations-new .project-wrapper .title {
        height: 40px;
    }

    #block-bouygues-pages-page-nos-realisations-new .header-wrapper {
        margin: 10px 0 0px;
    }
}

@media (max-width:650px) {
    .node-type-projet .lien_retour_liste a {
        margin: -75px 0 0;
        padding: 0 10px;
    }

    .lien_retour_liste {
        right: 5px;
        top: 50px;
    }
}

@media (max-width:610px) {
    #block-bouygues-main-block-print-send {
        right: 13px;
    }

    .pays {
        padding-right: 10px;
    }
}

@media (max-width:480px) {
    #block-bouygues-main-block-print-send {
        left: 4px;
        top: 0;
    }

    .pays {
        padding-right: 0px;
    }

    #main-content #main-content-header h1 {
        width: 98%;
    }

    .lien_retour_liste {
        right: -8px;
    }

    .node-type-projet .lien_retour_liste a {
        float: left;
    }

    .picto-ouvrage {
        left: 20px;
    }

    .page-newsroom #content .type-tw .bloc-social p {
        max-height: 150px;
        overflow: hidden;
    }

    .page-toutes-nos-realisations.i18n-fr #block-bouygues-pages-b-map-region-choose-proj2 {
        display: none;
    }

    .page-toutes-nos-realisations.i18n-fr #block-bouygues-pages-b-map-region-choose-proj {
        display: block;
    }

    body .show-mobile-480 {
        display: block;
    }

    .show-responsive, .show-tab, .show-mob, .show-desktop, .not-show-mobile-480, .page-our-achievements .view-page- .view-footer, .page-nos-realisations .view-page- .view-footer, #block-bouygues-pages-carte-implantation, .page-our-achievements footer #block-menu-block-1, .page-our-achievements footer #block-menu-block-1, .page-nos-realisations #block-bouygues-pages-b-map-region-choose-proj, .page-nos-realisations #block-bouygues-pages-b-map-projet-filtre, .page-nos-realisations #block-bouygues-pages-toutes-nos-realisations, .page-nos-realisations #block-bouygues-pages-b-map-region-choose-proj2, .page-our-achievements #block-bouygues-pages-b-map-region-choose-proj, .page-our-achievements #block-bouygues-pages-b-map-projet-filtre, .page-our-achievements #block-bouygues-pages-boutons-ok-refresh, .page-our-achievements #block-bouygues-pages-toutes-nos-realisations, .page-our-achievements #block-bouygues-pages-b-map-region-choose-proj2 {
        display: none;
    }
}

@media (max-width:351px) {
    .lien_retour_liste {
        top: 50px;
        left: 0;
    }
}

@media (max-width:400px) {
    .link-emble {
        font-size: 10px;
    }
}

@media (max-width:380px) {
    .picto-ouvrage {
        left: 40px;
        position: absolute;
        top: 20px;
        z-index: 10;
    }
}

@media (max-width:340px) {
    a.but_page_suivante {
        padding: 0 5px;
    }

    a.but_page_precedente {
        padding: 0 5px;
    }
}

text-left .overshadow .texte-noir-h2, .text-right .overshadow .texte-noir-h2, .text-left .overshadow .texte-noir-h3, .text-right .overshadow .texte-noir-h3 {
    color: #000;
}

.black-text .overshadow .texte-noir-h2, .black-text .overshadow .texte-noir-h3 {
    color: #fff;
}

.node-type-projet .field-name-field-location {
    display: none;
}

.node-type-projet .field-name-field-chiffres-cles2 p {
    margin: 0;
}

    .node-type-projet .field-name-field-chiffres-cles2 p strong, .node-type-projet .field-name-field-chiffres-cles2 p, .node-type-projet .field-name-field-chiffres-cles-comments {
        color: #f59c33;
        display: block;
        font-family: "DINPro-CondBold";
        font-size: 28px;
        font-weight: normal;
        line-height: 28px;
        margin: 0 0 8px 0;
        padding: 0;
    }

#sliding-popup .popup-content {
    width: 92%;
}

    #sliding-popup .popup-content #popup-text {
        margin: 5px 0;
        width: 56%
    }

        #sliding-popup .popup-content #popup-text p a {
            color: #fff;
        }

.page-node-done #block-system-main {
    background: #fff;
}

body.iframe-content {
    background: #fff;
}

#fancybox-left span {
    left: 20px !important;
}

#fancybox-right span {
    left: auto !important;
    right: 20px !important;
}

.not-front.node-type-article-projet-embl-matique .field-name-field-projet-similaires {
    margin: 25px 0 20px;
}

.field-name-field-r-f-rence-m-dia:after {
    clear: both;
    display: block;
    height: 0;
    content: ".";
    visibility: hidden;
}

#lightbox #block-bouygues-main-block-print-send {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -70px;
    padding: 0;
    height: 55px;
}

#block-bouygues-main-block-print-send .block-content a, .field-content .social a {
    background-image: url(/sites/all/themes/bouygues/images/sprites/share-print.png);
    background-repeat: no-repeat;
    display: block;
}

#block-bouygues-main-block-print-send .print-share a {
    background-position: 0 -194px;
    width: 17px;
    height: 15px;
}

#block-bouygues-main-block-print-send .print-share:hover a {
    background-position: 0 -169px;
}

#block-bouygues-main-block-print-send .send-share a {
    background-position: 0 -82px;
    width: 19px;
    height: 15px;
}

#block-bouygues-main-block-print-send .send-share:hover a {
    background-position: 0 -102px;
}

#block-bouygues-main-block-print-send .twitter-share a, .field-content .social .twitter-share a {
    background-position: 0 -147px;
    width: 19px;
    height: 15px;
}

#block-bouygues-main-block-print-send .twitter-share:hover a, .field-content .social .twitter-share:hover a {
    background-position: 0 -124px;
}

#block-bouygues-main-block-print-send .facebook-share a, .field-content .social .facebook-share a {
    background-image: url(/sites/all/themes/bouygues/images/Social_icn/fb-on.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 14px;
    height: 16px;
}

#block-bouygues-main-block-print-send .facebook-share:hover a, .field-content .social .facebook-share:hover a {
    background-image: url(/sites/all/themes/bouygues/images/Social_icn/fb-off.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#block-bouygues-main-block-print-send .google-share a, .field-content .social .google-share a {
    background-position: 0 -40px;
    width: 15px;
    height: 15px;
}

#block-bouygues-main-block-print-send .google-share:hover a, .field-content .social .google-share:hover a {
    background-position: 0 -60px;
}

#block-bouygues-main-top-social-links .block-content ul li a, .bas-reseau .left-res ul li a

.bas-reseau .left-res ul li.Twitter a, #block-bouygues-main-top-social-links .block-content ul li.Twitter a {
    background-position: 0 -147px;
}

    #block-bouygues-main-top-social-links .block-content ul li.Twitter a:hover {
        background-position: 0 -115px;
    }

.bas-reseau .left-res ul li.Fb a, #block-bouygues-main-top-social-links .block-content ul li.Fb a {
    background-position: 0 -87px;
}

    #block-bouygues-main-top-social-links .block-content ul li.Fb a:hover {
        background-position: 0 -57px;
    }

.bas-reseau .left-res ul li.YouTube a, #block-bouygues-main-top-social-links .block-content ul li.YouTube a {
    background-position: 0 0;
}

    #block-bouygues-main-top-social-links .block-content ul li.YouTube a:hover {
        background-position: 0 -28px;
    }

.bas-reseau .left-res ul li.Linkedin a, #block-bouygues-main-top-social-links .block-content ul li.Linkedin a {
    background-position: 0 -251px;
}

    #block-bouygues-main-top-social-links .block-content ul li.Linkedin a:hover {
        background-position: 0 -227px;
    }

.bas-reseau .left-res ul li.Google a, #block-bouygues-main-top-social-links .block-content ul li.Google a {
    background-position: 0 -172px;
}

    #block-bouygues-main-top-social-links .block-content ul li.Google a:hover {
        background-position: 0 -199px;
    }

.bas-reseau .left-res ul li.Instagram a, #block-bouygues-main-top-social-links .block-content ul li.Instagram a {
    background-position: 0 -359px;
}

    #block-bouygues-main-top-social-links .block-content ul li.Instagram a:hover {
        background-position: 0 -327px;
    }

.bas-reseau .left-res ul li.Rss a, #block-bouygues-main-top-social-links .block-content ul li.Rss a {
    background-position: 0 -303px;
}

    #block-bouygues-main-top-social-links .block-content ul li.Rss a:hover {
        background-position: 0 -280px;
    }

.slider-gouvernance:after {
    clear: both;
    display: block;
    height: 0;
    content: ".";
    visibility: hidden;
}

.slider-gouvernance {
    position: relative;
}

.liste-contenu-presse.page-communiques-de-presse .block-views-communiqu-de-presse-block-4 .views-row.no-visuel div, .liste-contenu-presse.page-communiques-de-presse .block-views-communiqu-de-presse-block-4--2 .views-row.no-visuel div {
    width: auto;
}

.node-type-article-projet-embl-matique #page {
    overflow: visible;
}

#block-bouygues-pages-boutons-ok-refresh {
    margin: 0;
    float: left;
}

    #block-bouygues-pages-boutons-ok-refresh .contextual-links-wrapper {
        display: none !important;
    }

#block-bouygues-pages-b-map-projet, #block-bouygues-pages-carte-implantation {
    clear: both;
}

#block-bouygues-pages-b-map-implatation-filtre, #block-bouygues-pages-b-map-projet-filtre, #block-bouygues-pages-b-map-projet-filiale {
    float: left;
    margin: 0 10px 0 0;
}

#block-bouygues-content-b-inscrire .block-content a, #block-bouygues-content-b-inscrire--2 .block-content a {
    background: url(/sites/all/themes/bouygues/images/interface/email-bg-bloc.png) no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #ffffff;
    font-family: "Tahoma", Arial;
    font-size: 17px;
    font-weight: normal;
    height: 49px;
    line-height: 15px;
    margin: 0 0 0 20px;
    padding: 0 0 0 78px;
    text-decoration: none;
    width: 150px;
}

.node-type-article-presse .node-content .field-type-image img {
    width: auto;
}

.bloc-mob-droite-2, .wrap_menu_links {
    display: none;
}

.breadcrumb-mobile {
    display: none;
}

span.date-display-single, .clear_search {
    display: none;
}

.dropdown .divscroller {
    z-index: 1000;
}

.node-type-page-historique .legend-box .field-type-text-with-summary .field-item strong {
    color: #e95518 !important;
}

block-bouygues-pages-b-map-implatation-filtre {
    float: left;
    margin: 0 12px 0 0;
}

#block-bouygues-pages-boutons-ok-refresh:after {
    clear: both;
    display: block;
    height: 0;
    content: ".";
    visibility: hidden;
}

.buttons_div #okButton {
    background-position: 0 0;
}

.buttons_div .but_refresh {
    background-position: -45px 0;
}

.buttons_div a {
    background-image: url(../images/images-home/btn-map.png);
    background-repeat: no-repeat;
    width: 26px;
    margin: -5px 10px 0 0;
    text-indent: -9999px;
    float: left;
    display: block;
    height: 26px;
}

.node-type-article-projet-embl-matique .flex-control-nav, .node-type-article-projet-embl-matique .flex-control-nav li {
    list-style: none;
}

@media (min-width:768px) and (max-width:1024px) {
    .not-front.node-type-article-projet-embl-matique #block-bouygues-content-b-lien-projet {
        margin: 25px 0 0 0;
    }

    .not-front.node-type-article-projet-embl-matique .flexslider-controls {
        left: 1.6% !important;
    }

    .not-front.node-type-article-projet-embl-matique #diapo_popin_emblematique .slides li .illustration-item-wrapper.popin .field-name-field-popin-diapo-texte {
        padding: 0;
        width: 100%
    }

        .not-front.node-type-article-projet-embl-matique #diapo_popin_emblematique .slides li .illustration-item-wrapper.popin .field-name-field-popin-diapo-texte .field-items {
            padding: 10px 30px 40px 20px;
        }
}

@media (min-width:721px) and (max-width:1024px) {
    .node-page-accueil .field-name-field-bloc-dp .dev-durable-chapo {
        width: 70%;
    }

    .front .block-bouygues-newsroom .wrapper-social .col-news .bloc-social .right-news {
        width: 52% !important;
    }

    .html.not-front.node-type-carrefour .node-content .field-name-field-ref-articles .field-items .field-item {
        min-height: 315px;
    }

    .html.node-type-editorial.section-groupe .field-name-field-texte p img, .html.node-type-editorial.section-group .field-name-field-texte p img {
        max-width: 300px;
    }

    .page-group.html.node-type-editorial.section-groupe .field-name-field-texte p img, .page-group.html.node-type-editorial.section-group .field-name-field-texte p img {
        width: auto !important;
    }

    .page-group #content .bloc-deroulant {
        margin-top: 25px;
    }

    .html .field-name-field-bloc-projet-embl-matique {
        width: 53%;
    }

    .html #block-bouygues-content-b-lien-projet {
        width: 41%;
    }

    .html .bloc-chiffres .field-name-field-chiffre-1, .html .bloc-chiffres .field-name-field-chiffre-2 {
        line-height: 48px !important;
    }

    .html.not-front.node-type-article-projet-embl-matique #diapo_popin_emblematique {
        top: -75px;
    }

    .html.not-front.node-type-article-projet-embl-matique .flexslider-controls {
        left: 12px;
    }

    .html.not-front.page-projets-emblematiques .view-content .views-row {
        min-height: 275px;
    }

    .html.node-type-carrefour-d-veloppement-durable .field-name-field-ref-editorial-durable .field-item {
        width: 21%;
    }

        .html.node-type-carrefour-d-veloppement-durable .field-name-field-ref-editorial-durable .field-item .field-item {
            float: none;
            width: auto;
        }

    .html.node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .titre-editorial, .html.node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .titre-engagement, .html.node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .field-name-field-dev-durable-chapeau {
        width: 63%;
    }
}

@media (min-width:480px) and (max-width:720px) {
    .node-page-accueil .field-name-field-bloc-dp .dev-durable-chapo {
        width: 54%;
    }

    .html.not-front.node-type-article-projet-embl-matique #diapo_popin_emblematique {
        top: -75px;
    }
}

@media (min-width:481px) and (max-width:1024px) {
    #breadcrumb ol#crumbs li a, #breadcrumb ol#crumbs li span {
        font-size: 15px;
    }

    .liste-contenu-presse .pager .pager-last, .liste-contenu-presse .pager .pager-first {
        display: none;
    }

    body.admin-menu.html {
        margin-top: 100px !important;
    }

    .node-type-biographie #breadcrumb {
        display: none;
    }

    .not-front.node-type-biographie #block-bouygues-main-block-print-send {
        float: none;
        margin: 0;
    }

    .page-newsroom #content .type-yt .bloc-social {
        width: 29%;
        max-width: 100%;
        height: auto;
    }

    .page-newsroom #content .bloc-social.b-social-last {
        background-size: 100% auto;
    }

    .page-newsroom #content .dat {
        margin: 3px 0 0;
    }

    .page-newsroom #content .bloc-news .right-news .dat {
        padding: 0 0 0 9px;
    }

    .page-newsroom #content .type-news .b-news .bloc-news .picto {
        margin: 5px auto !important;
    }

    .node-type-article-projet-embl-matique .flexslider .slides .field-name-field-popin-diapo-image img {
        bottom: 180px;
        height: 150px;
        width: 115px;
    }

    .liste-contenu-presse .views-row span.date, .liste-contenu-presse .views-row span.categorie {
        float: none;
    }

    .liste-contenu-presse .views-row .views-field-title, .liste-contenu-presse .views-row .views-field-field-chapo, .liste-contenu-presse .views-row .views-field-view-node {
        width: 100%;
        float: none;
    }

    .node-type-article-projet-embl-matique #diapo_popin_emblematique .slides li .illustration-item-wrapper.popin.diapo-image .field-name-field-popin-diapo-texte .field-items {
        padding: 0 0 0 120px;
    }

    .node-type-article-projet-embl-matique .flexslider-controls.active {
        background: url(../images/images-home/diapo-bg-active.png) no-repeat 0 0 transparent;
    }

    .page-projets-emblematiques .view-content .views-row .views-field-title a {
        height: 60px;
    }

    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 .wrap_social {
        display: block !important;
    }

    .block-bouygues-newsroom .bloc-social .s-date, .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-news .right-news .dat {
        margin: 10px 0 0 !important;
        padding: 0 10px !important;
    }

    .not-front.page-projets-emblematiques .view-content .views-row {
        min-height: 220px;
    }

    .not-front.node-type-carrefour .node-content .field-name-field-ref-articles .field-items .field-item .field-item, .node-type-page-carrefou-innovation .field-type-entityreference .field-items .field-item .field-item {
        width: 100%;
        margin: 0;
        min-height: 100%;
    }

    .not-front.node-type-carrefour .node-content .field-name-field-vignette {
        margin: 0 0 10px 0;
    }

    .not-front.node-type-carrefour .node-content .editorial-title, .not-front.node-type-editorial .node-content .views-field-title a {
        height: 60px;
    }
}

@media (min-width:481px) and (max-width:600px) {
    .node-type-m-dia .flippy .prev a, .node-type-m-dia .flippy .next a, .node-type-m-dia .flippy .empty {
        top: 120px;
    }

    .page-toutes-les-innovations .view-content .views-field-title, .page-all-innovations .view-content .views-field-title, .page-toutes-les-innovations .view-content .views-field-field-chapo .field-content, .page-all-innovations .view-content .views-field-field-chapo .field-content, .page-toutes-les-innovations .view-content .views-field-view-node, .page-all-innovations .view-content .views-field-view-node {
        float: right;
        width: 62%;
    }

    .page-newsroom #content .n-right {
        max-width: 170px;
    }

    #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-blog {
        min-width: 9%;
    }

    #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li a {
        font-size: 10px;
    }

    .view-m-diath-que .view-content .vignette-video .image-video {
        top: 20%;
        left: 25%;
    }

    .page-nos-realisations .dropdown .dropdown-selected {
        width: 108px;
    }

    @media screen and (max-width:550px) {
        .page-nos-realisations .dropdown .dropdown-selected {
            width: 155px;
        }
    }

    .page-nos-realisations .views-row {
        height: 130px;
        min-height: 130px;
        width: 100%
    }

    .page-toutes-les-innovations .view-content .views-field-title, .page-all-innovations .view-content .views-field-title, .page-toutes-les-innovations .view-content .views-field-field-chapo .field-content, .page-all-innovations .view-content .views-field-field-chapo .field-content, .page-toutes-les-innovations .view-content .views-field-view-node, .page-all-innovations .view-content .views-field-view-node {
        width: 60%;
    }

    .bloc-temoignage .bloc-temoin-right {
        width: 46%;
    }

    .field-name-field-bloc-libre .field-name-field-bloc-libre-titre, .field-name-field-bloc-libre .field-name-field-bloc-libre-texte, .field-name-field-bloc-libre .field-name-field-bloc-libre-lien, .node-type-d-veloppement-durable .field-name-field-bloc-libre .field-name-field-bloc-libre-texte, .node-type-d-veloppement-durable .field-name-field-bloc-libre .field-name-field-bloc-libre-titre {
        width: 39%;
    }

    .dropdown .dropdown-selected {
        width: 60px;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
    }

    .liste-contenu-presse #block-block-9, .liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-block-9--2, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 {
        width: 39.5%;
        height: 160px;
    }

    .liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 {
        margin: 0 0 30px 0;
    }

    .page-publications .view-publications article .type-publication, .page-publications .view-publications article .title, .page-publications .view-publications article .field-name-field-description {
        width: 53%;
    }
}

@media (min-width:361px) and (max-width:480px) {
    .not-front.node-type-article-projet-embl-matique .field-name-field-projet-similaires {
        width: 91%;
    }

    .not-front .node-content .video-text-wrapper iframe {
        height: auto;
        min-height: 255px;
    }
}

@media (min-width:601px) and (max-width:1024px) {
    .node-type-m-dia .flippy .prev a, .node-type-m-dia .flippy .next a, .node-type-m-dia .flippy .empty {
        top: 148px;
    }

    .page-toutes-les-innovations .view-content .views-field-title, .page-all-innovations .view-content .views-field-title, .page-toutes-les-innovations .view-content .views-field-field-chapo .field-content, .page-all-innovations .view-content .views-field-field-chapo .field-content, .page-toutes-les-innovations .view-content .views-field-view-node, .page-all-innovations .view-content .views-field-view-node {
        float: right;
        width: 70%;
    }

    .view-m-diath-que .view-content .vignette-video .image-video {
        top: 28%;
        left: 30%;
    }

    .view-m-diath-que .view-content td {
        width: 23%
    }

    #block-bouygues-content-b-inscrire, #block-bouygues-content-b-inscrire--2 {
        width: 41%;
        margin: 0 15px 0 0 !important;
    }

    .liste-contenu-presse #block-bouygues-content-b-lien-mediatheque2, .liste-contenu-presse #block-bouygues-content-b-lien-mediatheque2--2 {
        width: 46% !important;
    }

        .liste-contenu-presse #block-bouygues-content-b-lien-mediatheque2 > a, .liste-contenu-presse #block-bouygues-content-b-lien-mediatheque2--2 a {
            width: auto;
        }

    .liste-contenu-presse #block-block-9, .liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-block-9--2, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 {
        width: 41.5%;
    }

    .liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 {
        margin: 0 0 30px 0;
    }

    .liste-contenu-presse .views-row span.categorie {
        width: 225px;
    }

    .page-nos-realisations .views-row {
        height: 130px;
        min-height: 130px;
        width: 48%;
    }

    .dropdown .dropdown-selected {
        width: 100px;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
    }

    .page-toutes-les-innovations .view-content .views-field-title, .page-all-innovations .view-content .views-field-title, .page-toutes-les-innovations .view-content .views-field-field-chapo .field-content, .page-all-innovations .view-content .views-field-field-chapo .field-content, .page-toutes-les-innovations .view-content .views-field-view-node, .page-all-innovations .view-content .views-field-view-node {
        width: 68%;
    }

    #block-bouygues-content-b-lien-dev-durable, #block-bouygues-content-b-lien-performance {
        width: 48%;
    }

    .node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .titre-editorial, .node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .titre-engagement, .node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .field-name-field-dev-durable-chapeau {
        width: 54%;
    }

    .node-type-page-detail-filiale .editorial_bloc-bas #block-bouygues-content-b-lien-implantation .block-content a {
        font-size: 18px;
    }

    .node-type-page-detail-filiale .editorial_bloc-bas #block-bouygues-content-b-lien-implantation {
        width: 35%;
    }

    .node-type-page-detail-filiale .editorial_bloc-bas .field-collection-container {
        width: 55%;
    }

    .not-front .bloc-chiffres .bloc-c-left {
        float: left;
        margin: 0 10px 0 0;
        padding: 0 10px 0 0;
        width: 44%;
    }

    .not-front .bloc-chiffres .bloc-c-right {
        margin: 0;
        padding: 0 0 15px 10px;
        width: 44%;
    }

    .node-type-page-detail-filiale .field-name-field-r-f-rence-projet-embl-mati .field-items .field-item {
        width: 47%;
    }

        .node-type-page-detail-filiale .field-name-field-r-f-rence-projet-embl-mati .field-items .field-item .field-name-field-visuel-en-bref {
            width: 44%;
        }

    .bloc-temoignage .bloc-temoin-right {
        width: 58%;
    }

    .field-name-field-bloc-libre .field-name-field-bloc-libre-titre, .field-name-field-bloc-libre .field-name-field-bloc-libre-texte, .field-name-field-bloc-libre .field-name-field-bloc-libre-lien {
        width: 52%;
    }

    .block-bouygues-newsroom .wrapper-social .column {
        width: 49.5%;
    }

        .block-bouygues-newsroom .wrapper-social .column.col-news {
            margin: 0 3px 0 0;
        }

    .block-bouygues-newsroom .wrapper-social .col-news .bloc-social {
        width: 100%;
        height: auto !important;
    }

    .block-bouygues-newsroom .wrapper-social .bloc-social span {
    }

    .block-bouygues-newsroom .wrapper-social .col-news .bloc-social .left-news {
        height: 100%;
        width: 50%;
    }

    .block-bouygues-newsroom .wrapper-social .col-news .bloc-social img {
        display: block;
        height: auto !important;
        width: 100% !important;
    }

    .block-bouygues-newsroom .wrapper-social .col-news .bloc-social .right-news {
        width: 50% !important;
        height: 100%;
        background-size: 100% 100% !important;
        -webkit-background-size: 100% 100% !important;
        -moz-background-size: 100% 100% !important;
        -o-background-size: 100% 100% !important;
    }

    .block-bouygues-newsroom .wrapper-social .col-social .bloc-social {
        width: 50%;
        height: auto;
        margin: 0;
    }

        .block-bouygues-newsroom .wrapper-social .col-social .bloc-social img {
            display: block;
            height: auto;
            width: 100%;
        }

        .block-bouygues-newsroom .wrapper-social .col-social .bloc-social.type-tw {
            background: url(../images/images-home/bg-tw.png) no-repeat 0 0 transparent;
            background-size: 100% auto !important;
            -webkit-background-size: 100% auto !important;
            -moz-background-size: 100% auto !important;
            -o-background-size: 100% auto !important;
            position: absolute;
            right: -3px;
            top: 0;
            height: 242px;
        }

        .block-bouygues-newsroom .wrapper-social .col-social .bloc-social.type-fb {
            background: url(../images/images-home/bg-fb.png) no-repeat 0 0 transparent;
            background-size: 100% auto !important;
            -webkit-background-size: 100% auto !important;
            -moz-background-size: 100% auto !important;
            -o-background-size: 100% auto !important;
            position: absolute;
            left: 0;
            top: 0;
            height: 242px;
        }

    .block-bouygues-newsroom .wrapper-social .bloc-social.type-yt span {
        left: 32%;
        top: 36%;
    }
}

@media (min-width:481px) and (max-width:568px) {
    #header #name-and-slogan img, #header #logo img {
        display: block;
        width: 100%;
    }

    .not-front.node-type-article-projet-embl-matique .flex-control-nav {
        bottom: 6px;
    }
}

@media (max-width:320px) {
    .view-m-diath-que .view-content .vignette-video .image-video {
        top: 28%;
        left: 30%;
    }

    .html.not-front.node-type-article-projet-embl-matique .field-name-field-projet-similaires {
        width: 85%;
    }

    .responsive_theme.not-front.html .node-content .video-text-wrapper iframe {
        height: auto;
        min-height: 165px;
    }

    .bloc-deroulant .fieldset-wrapper {
        width: 275px;
    }

    .node-type-webform.iframe-content .webform-client-form .dropdown .divscroller {
        left: -65px;
        top: 56px;
    }

    .not-front .slider-gouvernance #slider .slides img {
        height: 140px !important;
    }

    .node-type-page-gouvernance .flexslider.fc-diapo .flex-prev, .node-type-page-gouvernance .flexslider.fc-diapo:hover .flex-prev, .node-type-page-gouvernance .flexslider.fc-diapo .flex-next, .node-type-page-gouvernance .flexslider.fc-diapo:hover .flex-next {
        top: 30px;
    }

    .node-type-page-historique .flexslider.fc-diapo .flex-prev, .node-type-page-historique .flexslider.fc-diapo:hover .flex-prev, .node-type-page-historique .flexslider.fc-diapo .flex-next, .node-type-page-historique .flexslider.fc-diapo:hover .flex-next {
        top: 47px !important;
    }

    .front.html .flexslider .flex-prev, .front.html .flexslider:hover .flex-prev, .front.html .flex-direction-nav .flex-next, .front.html .flexslider:hover .flex-next {
        top: 5% !important;
    }

    .page-toutes-nos-realisations .project-wrapper #project-slides {
        float: none;
    }

    .page-all-our-achievements .project-wrapper #project-slides {
        float: none;
    }

    .block-VousEtes .vousEtes {
        width: 125px;
    }

    .front .block-bouygues-newsroom .wrapper-social .bloc-social.type-yt span {
        left: 40%;
        top: 40%;
    }

    .front .block-bouygues-newsroom .wrapper-social .bloc-social.type-instagram .picto {
        left: 41%;
        top: 41%;
    }

    .front .flexslider .flex-prev, .front .flexslider:hover .flex-prev, .front .flex-direction-nav .flex-next, .front .flexslider:hover .flex-next {
        top: 8% !important;
    }

    #main-content .flexslider .text-left .overshadow {
    }
}

@media (max-width:600px) {
    .picto-ouvrage {
        top: 25px;
    }

    .site-name-bouygues-construction .field-type-text-with-summary {
        float: left;
        margin-top: 20px;
        width: 100%;
    }

    .body-left-proj {
        float: left;
        margin: 0 10px 0 0px;
        text-align: left;
        width: 100%;
    }

    .text-right .overshadow h2, .text-left .overshadow h2 {
        font-size: 29px;
        line-height: 29px;
        word-wrap: break-word;
    }

    .text-right .overshadow h3, .text-left .overshadow h3 {
        word-wrap: break-word;
    }

    #logo .logo-header {
        width: 100%;
        background-size: 120% auto;
        -webkit-background-size: 120% auto;
        -moz-background-size: 120% auto;
        -o-background-size: 120% auto;
    }

    .node-type-innovation .bloc-chiffre-editorial .bloc-chiffres {
        width: 92%;
    }

        .node-type-innovation .bloc-chiffre-editorial .bloc-chiffres .bloc-c-right {
            padding: 0 0 15px 10px;
            width: 100%;
        }

    #block-bouygues-content-b-communique-filiale {
        width: 97%;
    }

    .node-type-editorial .bloc-chiffre-editorial .bloc-chiffres .bloc-c-left, .node-type-editorial .bloc-chiffre-editorial .bloc-chiffres .bloc-c-right {
        width: 100% !important;
    }

    .node-type-page-gouvernance .field-name-field-texte-2 {
        margin: -55px 0 0 0;
    }

    .node-type-page-gouvernance .flexslider.fc-diapo .slides li .legend-box {
        height: auto;
        left: 0;
        position: relative;
        top: 106px;
        width: 100%;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        display: block;
        background: #ffffff;
    }

    #block-bouygues-content-b-inscrire, #block-bouygues-content-b-inscrire--2 {
        float: none;
        width: 89.5%;
        margin: 0 0 15px 0 !important;
    }

    .node-type-page-gouvernance .flexslider.fc-diapo .slides li .legend-box .orange, .node-type-page-gouvernance .flexslider.fc-diapo .slides li .legend-box .normal {
        height: auto;
    }

    .node-type-page-gouvernance .flexslider.fc-diapo .slides li .legend-box .orange {
        background: #e95518;
    }

    .liste-contenu-presse #block-bouygues-content-b-lien-mediatheque2, .liste-contenu-presse #block-bouygues-content-b-lien-mediatheque2--2 {
        width: 97% !important;
    }

        .liste-contenu-presse #block-bouygues-content-b-lien-mediatheque2 > a, .liste-contenu-presse #block-bouygues-content-b-lien-mediatheque2--2 a {
            width: auto;
        }

    .not-front.node-type-article-projet-embl-matique .field-name-field-projet-similaires {
        width: 92%;
    }

    .not-front.node-type-article-projet-embl-matique #block-bouygues-content-b-lien-projet {
        margin: 20px 0 20px 0;
        width: 100%;
    }

    .node-type-d-veloppement-durable .bloc-chiffres .bloc-c-left {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .node-type-d-veloppement-durable .bloc-chiffres .bloc-c-right {
        border-left: medium none;
        margin: 19px 0 0;
        padding: 10px 0 0;
        width: 100%;
    }

    #block-bouygues-content-b-lien-dev-durable, #block-bouygues-content-b-lien-performance {
        width: 100%;
        float: none;
        margin: 0 0 15px 0;
    }

    .not-front.node-type-carrefour-d-veloppement-durable .field-name-field-ref-editorial-durable .field-item {
        width: 50%;
    }

        .not-front.node-type-carrefour-d-veloppement-durable .field-name-field-ref-editorial-durable .field-item .field-name-field-vignette {
            margin: 0 0 10px 0;
        }

    .not-front.node-type-carrefour-d-veloppement-durable .field-name-field-chapo {
        display: none;
    }

    .not-front.node-type-carrefour-d-veloppement-durable .field-name-field-ref-editorial-durable .field-item.clearfix {
        width: 100%;
    }

    .not-front.node-type-carrefour-d-veloppement-durable .field-name-field-ref-editorial-durable .field-item .field-name-field-chapo {
        display: none;
    }

    .node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .field-type-image {
        float: none;
        margin: 0 0 15px 0;
    }

    .node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .titre-editorial, .node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .titre-engagement, .node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .field-name-field-dev-durable-chapeau {
        width: 100%;
        float: none;
    }

    .node-type-page-detail-filiale .editorial_bloc-bas #block-bouygues-content-b-lien-implantation {
        width: 90%;
        float: left;
    }

    .node-type-page-detail-filiale .editorial_bloc-bas .field-collection-container {
        width: 98%;
    }

    .bloc-chiffres {
        width: 92%;
        height: auto;
    }

        .bloc-chiffres .bloc-c-left {
            margin: 0;
            padding: 0;
            width: 100%;
        }

    .node-type-page-detail-filiale .field-name-field-r-f-rence-projet-embl-mati .field-items .field-item {
        width: 100%;
    }

    .block-bouygues-newsroom .wrapper-social {
        margin: 0 auto;
        width: 427px;
    }

        .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-news .right-news {
            right: -1px;
        }

        .block-bouygues-newsroom .wrapper-social .col-social .bloc-social {
            margin: 0 3px 0 0;
        }

            .block-bouygues-newsroom .wrapper-social .col-social .bloc-social.type-yt {
                float: left !important;
                margin: 0 !important;
            }

        .block-bouygues-newsroom .wrapper-social .col-social .bloc-social {
            width: 209px;
        }

            .block-bouygues-newsroom .wrapper-social .col-social .bloc-social.type-tw, .block-bouygues-newsroom .wrapper-social .col-social .bloc-social.type-yt {
                margin: 0 !important;
            }

        .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-blog .right-news {
            background: url(/sites/all/themes/bouygues/images/text-blog-bg-3.png) no-repeat scroll -3px 50% transparent;
        }

    #main-content .flexslider .white-text .overshadow {
        background: #fff !important;
    }

    #main-content .flexslider .white-text {
        margin: 0 0 20px 0;
    }

    #main-content .flexslider .black-text .overshadow {
    }



    .flexslider .pane-content.text-left .overshadow h2, .flexslider .pane-content.text-left .overshadow h3, .flexslider .pane-content.text-left .overshadow .signature, .flexslider .pane-content.text-left .overshadow .signature span {
    }

    .flexslider .pane-content.text-right .overshadow h2, .flexslider .pane-content.text-right .overshadow h3, .flexslider .pane-content.text-right .overshadow .signature, .flexslider .pane-content.text-right .overshadow .signature span {
    }

    #home-slides .flex-control-nav {
        display: block;
    }

    .front .flexslider .flex-prev, .front .flexslider:hover .flex-prev, .front .flex-direction-nav .flex-next, .front .flexslider:hover .flex-next {
        top: 19% !important;
    }

    .member-bio-list .member-bio {
        width: 100%;
    }
}

@media (max-width:360px) {
    .liste-contenu-presse #block-system-main .views-row .views-field-field-vignette-article {
        float: none !important;
    }

    .not-front.node-type-article-projet-embl-matique .field-name-field-projet-similaires {
        width: 88%;
    }

    .page-realisations-projets-emblematiques.not-front #main-content #main-content-header h1, .page-projects.not-front #main-content #main-content-header h1 {
        font-size: 29px;
        line-height: 33px;
    }

    .not-front.html .node-content .video-text-wrapper iframe {
        height: auto;
        min-height: 188px;
    }

    .page-publications .view-publications article .field-name-field-visuel {
        width: 40%;
        margin: 0 10px 0 0;
    }

    .node-type-carrefour-d-veloppement-durable.not-front #main-content #main-content-header h1 {
        font-size: 24px;
        line-height: 24px;
    }

    .page-toutes-nos-realisations .project-wrapper #project-slides {
        float: none;
    }

    .not-front .slider-gouvernance #slider .slides img {
        height: 160px;
    }

    .not-front.node-type-m-dia .flippy .prev a, .not-front.node-type-m-dia .flippy .next a, .not-front.node-type-m-dia .flippy .empty {
        top: 14%;
    }
}

@media (max-width:720px) {
    #vid-container-pop .popup-vid-content {
        width: 85%;
        height: 325px;
    }

        #vid-container-pop .popup-vid-content iframe {
            width: 100%;
            height: 325px;
        }

    .node-type-liste-sites #content .bloc-deroulant {
        padding: 0 0 20px 0;
    }

        .node-type-liste-sites #content .bloc-deroulant legend {
            padding: 0;
        }

    #block-bouygues-content-b-lien-dev-durable .block-inner, #block-bouygues-content-b-lien-performance .block-inner {
        padding: 12px 23px;
    }

    #block-bouygues-content-b-lien-dev-durable .block-content a, #block-bouygues-content-b-lien-performance .block-content a {
        text-align: center;
    }

    .bloc-temoignage .bloc-temoin-right .bra-r {
        bottom: -7px;
    }

    .node-type-liste-sites #content .bloc-deroulant .field-type-image {
        margin: 0 14px 0 0;
    }

    .node-type-liste-sites #content .bloc-deroulant .field-name-field-boite-deroulante-url-liens p span {
        margin: 0 10px 0 0;
    }

    .node-type-liste-sites #content .bloc-deroulant .field-name-field-boite-deroulante-url-liens p a {
        margin: 0;
    }

    .node-type-home-projet .dropdown .divscroller {
        position: relative;
    }

    .node-type-page-detail-filiale .flexslider.fc-diapo .slides li .legend-box, .node-type-article-presse .node-content .legend-box {
        width: 100%;
        background: #3A3A3A;
        padding: 0;
        position: relative;
    }

        .node-type-page-detail-filiale .flexslider.fc-diapo .slides li .legend-box .field-type-text-long, .node-type-article-presse .node-content .legend-box .field-type-text-long {
            padding: 7px 40px 7px 13px;
        }

    .node-type-article-presse .field-type-image figure {
        margin: 0 !important;
    }

    .node-type-page-detail-filiale .flexslider.fc-diapo .flex-control-paging {
        position: relative;
        bottom: -10px;
    }
}

@media (max-width:480px) {
    .node-type-liste-sites #content .bloc-deroulant .field-name-field-boite-deroulante-titre {
        line-height: 80px;
        width: 47% !important;
    }

    .not-front .bloc-deroulant .field-name-field-texte-boite {
        padding: 15px 0 0 0;
        margin: 0;
    }

    .responsive-aboonnement.node-type-webform.iframe-content #page, .responsive-aboonnement.page-node-done.iframe-content #page {
        margin: 0 0 0 35px;
    }

    .node-type-article-projet-embl-matique #diapo_popin_emblematique .slides li .illustration-item-wrapper.popin .field-name-field-popin-diapo-texte {
        width: 85%;
    }

    .node-type-d-veloppement-durable.not-front #main-content #main-content-header h1 {
        font-size: 21px;
        line-height: 21px;
    }

    .field-name-field-r-f-rence-m-dia .field-item {
        width: auto;
        margin: 0;
        float: none;
    }

    .node-type-webform.iframe-content .webform-client-form .dropdown .divscroller .sel {
        padding: 7px 5px;
    }

    .iframe-content .webform-client-form .dropdown .divscroller {
        height: 120px;
    }

    body {
        background: #fff;
    }

    .node-type-liste-sites #content .bloc-deroulant .field-name-field-boite-deroulante-titre .field-item {
        font-size: 13px;
        line-height: 13px;
        margin: 0 0 12px;
    }

    .bloc-deroulant .fieldset.collapsible {
        height: auto !important;
    }

    .page-toutes-nos-realisations.not-front #main-content #main-content-header h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .not-front.node-type-d-veloppement-durable .field-name-field-vignette-axe-d-veloppement {
        float: none;
        margin: 0 25px 15px 0;
    }

    .not-front.node-type-article-projet-embl-matique .bloc-emblematique .intitule, .not-front.node-type-article-projet-embl-matique .bloc-emblematique p {
        display: table;
        float: right;
        margin: 12px 0 0;
        width: 95%;
    }

    .not-front.node-type-article-projet-embl-matique .bloc-emblematique .intitule {
        background: url("/sites/all/themes/bouygues/images/icn/arrFiliale.png") no-repeat scroll left 3px transparent;
    }

    .node-type-carrefour.not-front #main-content #main-content-header h1, .node-type-editorial.not-front #main-content #main-content-header h1, .node-type-projet.not-front #main-content #main-content-header h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .region-help #block-bouygues-main-block-print-send .Off {
        display: none;
    }

    .region-help #block-bouygues-main-block-print-send .On {
        display: block;
    }

    .node-type-m-dia.not-front #page #columns {
        padding: 20px 20px 0;
    }

    .node-type-article-presse .field-name-body table td, .node-type-article-presse .field-name-body table th {
        display: block;
        width: 96% !important;
    }

    .node-type-article-projet-embl-matique #diapo_popin_emblematique .slides li .illustration-item-wrapper.popin .field-name-field-popin-diapo-image {
        top: auto;
        height: auto;
    }

    .node-type-article-projet-embl-matique li.flex-active .field-name-field-popin-diapo-titre .field-item {
        color: #fff !important;
    }

    .front .breadcrumb-mobile {
        display: none;
    }

    .node-type-webform.iframe-content .webform-client-form #edit-submitted-vos-informations-personnelles-nom, .node-type-webform.iframe-content .webform-client-form #edit-submitted-vos-informations-personnelles-prenom, #edit-submitted-your-personal-informations-name, #edit-submitted-your-personal-informations-first-name, .node-type-webform.iframe-content .webform-client-form #edit-submitted-vos-informations-personnelles-e-mail {
        width: 96% !important;
    }

    .node-type-page-gouvernance.not-front #main-content #main-content-header h1 {
        font-size: 28px !important;
        line-height: 28px !important;
    }

    .i18n-fr.node-type-article-projet-embl-matique .logoblanc {
        background: url(/sites/all/themes/bouygues/images/better-life-logo-s.png) no-repeat 0 0 transparent;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        width: 17%;
        height: 28%;
        top: 3px;
    }

    .i18n-en.node-type-article-projet-embl-matique .logoblanc {
        background: url(/sites/all/themes/bouygues/images/project-emb-UK.png) no-repeat 0 0 transparent;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        width: 17%;
        height: 28%;
        top: 3px;
    }

    .node-page-accueil .field-name-field-bloc-carri-res h3 br {
        float: left;
        color: #7dbb3c;
    }

    .node-page-accueil .field-name-field-bloc-carri-res h3 {
        color: #7dbb3c;
    }

    #block-bouygues-newsroom-b-newsroom-intro .field-name-field-chapo p {
        font-size: 20px;
    }

    .node-page-accueil .field-name-field-bloc-dp .dev-durable-chapo {
        width: auto;
    }

    .node-type-editorial .node-content .field-type-text-long h2 img {
        display: block !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
    }

    .node-type-article-projet-embl-matique #diapo_popin_emblematique .slides li .illustration-item-wrapper.popin .field-name-field-popin-diapo-texte {
        height: auto;
        padding: 30px 30px 5px 20px;
    }

    .page-newsroom #content .b-news-bas .n-right a.lien-news {
        font-size: 12px;
    }

    .page-newsroom #content .bloc-news.b-news-1 .right-news p.news-chapo, .page-newsroom #content .bloc-news.b-news-4 .right-news p.news-chapo, .page-newsroom #content .bloc-news.b-news-5 .right-news p.news-chapo, .page-newsroom #content .bloc-news.b-news-6 .right-news p.news-chapo, .page-newsroom #content .bloc-news.b-news-1 .right-news .dat, .page-newsroom #content .bloc-news.b-news-4 .right-news .dat, .page-newsroom #content .bloc-news.b-news-5 .right-news .dat, .page-newsroom #content .bloc-news.b-news-6 .right-news .dat {
        padding: 0 10px;
        margin: 5px 0 0 0;
    }

    .page-newsroom #content .b-news .right-news p.news-chapo {
        padding: 0 0 0 10px;
    }

    .node-type-article-presse ul.links li {
        padding: 0 0 10px 0;
    }

    .page-publications .view-publications article .type-publication {
        margin: 0 0 3px 0;
    }

    .page-publications .view-publications article .field-name-field-visuel img {
        display: block;
        width: 100%;
        height: auto;
    }

    .node-type-liste-sites #content .bloc-deroulant legend {
        background: none;
    }

    .page-presse-mediatheque .item-list .pager li.pager-first, .page-presse-mediatheque .item-list .pager li.pager-last {
        display: none;
    }

    .page-presse-mediatheque .item-list ul li a {
        font-size: 8px;
    }

    .page-presse-mediatheque .item-list ul li.pager-previous {
        padding: 0;
        margin: 0 0 15px;
        display: inline-block;
    }

    .page-presse-mediatheque .item-list ul li.pager-next {
        padding: 0 0 0 10px;
        display: inline-block;
        margin: 15px 0 0;
    }

    .node-type-editorial .flexslider, .node-type-editorial .flexslider.fc-diapo {
        margin: 0 auto 50px;
    }

    .node-type-article-projet-embl-matique .flexslider .flex-prev, .node-type-article-projet-embl-matique .flexslider:hover .flex-prev {
        left: -10px !important;
        top: 24% !important;
    }

    .node-type-article-projet-embl-matique .flexslider .flex-next, .node-type-article-projet-embl-matique .flexslider:hover .flex-next {
        right: -10px !important;
        top: 24% !important;
    }

    .node-type-page-historique .flexslider .flex-prev, .node-type-page-historique .flexslider:hover .flex-prev {
        left: -10px !important;
    }

    .node-type-page-historique .flexslider .flex-next, .node-type-page-historique .flexslider:hover .flex-next {
        right: -10px !important;
    }

    .node-type-editorial .flexslider.fc-diapo .flex-prev, .node-type-editorial .flexslider.fc-diapo:hover .flex-prev, .node-type-page-detail-filiale .flexslider.fc-diapo .flex-prev, .node-type-page-detail-filiale .flexslider.fc-diapo:hover .flex-prev, .front .flexslider .flex-prev, .front .flexslider:hover .flex-prev, .node-type-page-gouvernance .flexslider .flex-prev, .node-type-page-gouvernance .flexslider:hover .flex-prev, .node-type-article-projet-embl-matique .flexslider .flex-prev, .node-type-article-projet-embl-matique .flexslider:hover .flex-prev, .node-type-page-historique .flexslider .flex-prev, .node-type-page-historique .flexslider:hover .flex-prev, .node-type-article-presse .flexslider .flex-prev, .node-type-article-presse .flexslider:hover .flex-prev {
        background: url(../images/images-home/popinArrowPrev.png) no-repeat scroll left top transparent;
        width: 26px;
        height: 64px;
        left: -10px !important;
        top: 20%;
    }

    .node-type-editorial .flexslider.fc-diapo .flex-next, .node-type-editorial .flexslider.fc-diapo:hover .flex-next, .node-type-page-detail-filiale .flexslider.fc-diapo .flex-next, .node-type-page-detail-filiale .flexslider.fc-diapo:hover .flex-next, .front .flexslider .flex-next, .front .flexslider:hover .flex-next, .node-type-page-gouvernance .flexslider .flex-next, .node-type-page-gouvernance .flexslider:hover .flex-next, .node-type-article-projet-embl-matique .flexslider .flex-next, .node-type-article-projet-embl-matique .flexslider:hover .flex-next, .node-type-page-historique .flexslider .flex-next, .node-type-page-historique .flexslider:hover .flex-next, .node-type-article-presse .flexslider .flex-next, .node-type-article-presse .flexslider:hover .flex-next {
        background: url(../images/images-home/popinArrowNext.png) no-repeat scroll left top transparent;
        width: 26px;
        height: 64px;
        right: -10px !important;
        top: 20%;
    }

    .node-type-page-gouvernance .flexslider.fc-diapo .flex-prev, .node-type-page-gouvernance .flexslider.fc-diapo:hover .flex-prev {
        left: -11px;
    }

    .node-type-page-gouvernance .flexslider.fc-diapo .flex-next, .node-type-page-gouvernance .flexslider.fc-diapo:hover .flex-next {
        right: -10px;
    }

    .node-type-m-dia .flippy .prev a, .node-type-m-dia .flippy .next a, .node-type-m-dia .flippy .empty {
        top: 100px;
    }

    .liste-contenu-presse .pager:after, .page-presse-mediatheque .pager:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .liste-contenu-presse .pager li, .page-presse-mediatheque .pager li {
        display: none;
    }

        .liste-contenu-presse .pager li.pager-previous, .liste-contenu-presse .pager li.pager-next, .page-presse-mediatheque .pager li.pager-previous, .page-presse-mediatheque .pager li.pager-next {
            display: block;
        }

        .liste-contenu-presse .pager li.pager-previous, .page-presse-mediatheque .pager li.pager-previous {
            float: left;
        }

        .liste-contenu-presse .pager li.pager-next, .page-presse-mediatheque .pager li.pager-next {
            float: right;
        }

    .liste-contenu-presse .views-field-field-upload-cp {
        float: none;
    }

    .liste-contenu-presse .views-field-nid {
        float: none;
        margin: 8px 0 0 0;
    }

        .liste-contenu-presse .views-field-nid .twitter-share {
            margin: 0;
        }

    .page-presse-mediatheque.not-front #main-content #main-content-header h1 {
        font-size: 33px;
        line-height: 33px;
    }

    .liste-contenu-presse .field-content .social {
        float: none;
    }

    #edit-field-type-m-dia-value-wrapper .form-type-radio {
        float: left !important;
        width: 33% !important;
    }

    .node-type-innovation .node-content img {
        float: none !important;
    }

    .node-type-editorial #footer #block-menu-block-1, .node-type-page-gouvernance #footer #block-menu-block-1, .node-type-page-historique #footer #block-menu-block-1, .page-toutes-les-innovations #footer #block-menu-block-1, .page-presse-mediatheque #footer #block-menu-block-1, .page-publications #footer #block-menu-block-1, .liste-contenu-presse #footer #block-menu-block-1, .node-type-d-veloppement-durable #footer #block-menu-block-1, .node-type-carrefour-d-veloppement-durable #footer #block-menu-block-1 {
        display: block;
    }

    .not-front.node-type-article-projet-embl-matique .flex-control-nav li {
        margin: 10px 0 0 0 !important;
        text-align: left;
        width: 130px;
    }

        .not-front.node-type-article-projet-embl-matique .flex-control-nav li#video-popup {
            width: 245px;
        }

    .node-type-article-projet-embl-matique li .field-name-field-num-ro .field-item {
        margin: 0 10px 0 0;
    }

    .node-type-article-projet-embl-matique .flex-control-nav {
        bottom: -21px;
        margin: 0 auto !important;
        position: relative;
        right: 0;
        text-align: center;
        width: 280px;
    }

    .page-nos-realisations .view-footer, .page-our-achievements .view-footer {
        display: none;
    }

    .page-nos-realisations .view-header h2 a, .page-nos-realisations #block-block-8 h2 a {
        color: #e95518;
        font-family: "Tahoma", Arial;
        font-size: 16px;
        font-weight: bold;
        height: 35px;
        line-height: 16px;
        margin: 20px 0 9px;
        padding: 0;
        text-transform: none;
    }

    #block-bouygues-main-block-print-send .print-share, #block-bouygues-main-block-print-send2 .print-share {
        display: none;
    }

    #footer #block-menu-block-1 {
        display: none;
    }

    body.admin-menu.html {
        margin-top: 145px !important;
    }

    #block-bouygues-main-block-print-send2 {
        float: none;
        margin: 0 0 0 18px;
        padding: 0;
    }

    .page-search #content .view-recherche #edit-text-wrapper label {
        float: none;
    }

    .page-search #content .view-recherche .views-submit-button {
        margin: 25px 0 0 0;
    }

    .page-toutes-les-innovations .view-content .views-field-field-vignette, .page-all-innovations .view-content .views-field-field-vignette {
        margin: 0 15px 10px 0;
    }

    .liste-contenu-presse .views-exposed-form .views-exposed-widget#edit-date-wrapper {
        padding: 0;
        width: 100%;
        float: left;
    }

    .liste-contenu-presse .views-exposed-form .views-exposed-widget.views-submit-button {
        margin: 0 0 0 -71px;
        padding: 27px 0 0;
        float: left;
    }

    .node-type-page-gouvernance .flexslider.fc-diapo .slides li .legend-box {
        top: 100px !important;
    }

    .page-newsroom #content .bloc-social.b-social-last {
        background-size: 100% auto;
    }

    .page-newsroom #content .bloc-news, .page-newsroom #content .bloc-instagram {
        width: 100%;
        height: auto;
    }

    .page-newsroom #content .n-left {
        display: table;
        margin: 0 auto;
        float: none;
    }

    .page-newsroom #content .n-right {
        float: none;
        clear: both;
        margin: 15px 0 0 0;
    }

    .page-newsroom #content .bloc-social, .page-newsroom #content .type-fb .bloc-social {
        width: 50%;
        max-width: 100%;
        min-height: 215px;
    }

    #block-bouygues-newsroom-b-menu-newsroom {
        display: none;
    }

    .page-newsroom #content .type-yt .bloc-social {
        float: none;
        height: auto;
        margin: 0 0 10px;
        max-width: 100%;
        width: 100%;
    }

        .page-newsroom #content .type-yt .bloc-social div {
            padding: 0;
        }

    .view-m-diath-que .view-content td {
        width: 45%
    }

    #breadcrumb {
        display: none;
    }

    .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget {
        background: #fff;
        padding: 0;
    }

        .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget label.media-collapsible {
            background: url(../images/images-home/plus.png) no-repeat 95% 15px #f6f6f6;
            margin: 0 0 15px 0;
            padding: 15px;
        }

        .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget .form-type-radio {
            float: none;
        }

        .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget .views-widget label.media-collapsible {
            background: none;
            margin: 0 0 22px;
            padding: 0;
        }

        .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget label.media-collapsible.active {
            background: url(../images/images-home/min.png) no-repeat 95% 15px #f6f6f6;
        }

    .page-publications .embedded-publications-views .view-publications.view-display-id-block_2 .title {
        width: 97%;
    }

    .page-publications .embedded-publications-views .file-link {
        margin: 0 0 5px;
    }

        .page-publications .embedded-publications-views .file-link a, .page-publications .embedded-publications-views .flipbook-link a {
            color: #222;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
        }

        .page-publications .embedded-publications-views .file-link a {
            background: url(/sites/all/themes/bouygues/images/tel-pdf-medium.png);
            background-repeat: no-repeat;
            padding: 5px 21px;
        }

    .page-publications .embedded-publications-views .views-row {
        float: left;
        width: 100%;
    }

    .page-publications .embedded-publications-views .file-size {
        background: url(/sites/all/themes/bouygues/images/icn/pdf.png);
        background-repeat: no-repeat;
        background-position: center left;
        display: inline-block;
        padding: 15px 0 15px 30px;
        color: #404040;
    }

    .page-publications .embedded-publications-views .view-publications.view-display-id-block_2 .file-size {
        background: transparent;
        display: block;
        float: left;
        padding: 0;
        font-size: 13px;
        display: none;
    }

    .page-publications .embedded-publications-views .titre {
        float: left;
    }

    .page-publications .embedded-publications-views .view-publications.view-display-id-block_2 .file-link-archives, .page-publications .embedded-publications-views .view-publications.view-display-id-block_2 .flipbook-link-archives {
        float: left;
    }

    .page-publications .embedded-publications-views .view-publications.view-display-id-block_2 .file-link-archives {
        margin: 0 10px 0 30px;
    }

    .page-publications #block-views-navigation-publications-block .views-row {
        float: none;
        margin: 0 0 30px 0;
        clear: both;
    }

        .page-publications #block-views-navigation-publications-block .views-row .views-row {
            margin: 0;
        }

    .page-publications #block-views-navigation-publications-block {
        height: auto;
        float: none;
        clear: both;
    }

        .page-publications #block-views-navigation-publications-block .views-row .mobile-button:after, .page-publications #block-views-navigation-publications-block .views-row:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }

    .page-publications .embedded-publications-views .view-publications.view-display-id-block_2 .file-link-archives, .page-publications .embedded-publications-views .view-publications.view-display-id-block_2 .flipbook-link-archives {
        float: none;
        margin: 0 0 5px 0;
        clear: both;
    }

    .page-publications .view-publications article .file-link-mis-en-avant {
        float: none;
        clear: both;
        padding: 10px 0 0 0;
    }

    .page-publications #block-views-navigation-publications-block .views-row.active .mobile-button .publication-titre a {
        color: #ffffff;
    }

    .page-publications .embedded-publications-views .file-link {
        clear: both;
        padding: 10px 0 0 0;
    }

    .page-publications #block-views-navigation-publications-block .views-row.active .mobile-button .mobile-plus {
        background: url(../images/images-home/min-pub.png) no-repeat right center;
    }

    .page-publications #block-system-main .view-display-id-page, .node-type-webform #block-block-2, .node-type-webform #block-block-3, {
        display: none;
    }

    .liste-contenu-presse #block-bouygues-content-b-lien-mediatheque2, .liste-contenu-presse #block-bouygues-content-b-lien-mediatheque2--2 {
        width: 100% !important;
    }

    .liste-contenu-presse #block-block-9, .liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-block-9--2, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 {
        width: 91%;
        height: auto;
    }

    .liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 {
        margin: 0 0 30px 0;
    }

    .breadcrumb-mobile {
        display: block;
    }

        .breadcrumb-mobile a {
            display: block;
            margin: 0 18px 15px 18px;
            font-size: 20px !important;
            background: url(../images/images-home/retour-breadcrumb.png) no-repeat left center transparent;
            padding: 0 18px !important;
            color: #000 !important;
            text-decoration: underline;
        }

    .liste-contenu-presse .views-row .views-field-field-chapo p, .liste-contenu-presse .views-row .views-field-field-chapo .field-content {
        display: none;
    }

    .liste-contenu-presse .views-exposed-form .views-exposed-widget {
        text-align: center;
        float: none;
    }

    .liste-contenu-presse #block-system-main .view-filters .views-widget {
        float: none;
    }

    .liste-contenu-presse .views-row span.categorie {
        float: none;
    }

    .liste-contenu-presse #block-system-main .views-row .views-field-field-vignette-article {
        float: left;
        margin: 0 15px 15px 0;
    }

    .liste-contenu-presse .views-row .views-field-field-vignette-article {
        float: none;
        margin: 0 0 15px 0;
    }

    .liste-contenu-presse .views-row .views-field-title, .liste-contenu-presse .views-row .views-field-field-chapo, .liste-contenu-presse .views-row .views-field-view-node {
        width: 100%;
        float: none;
    }

    .node-type-article-projet-embl-matique #diapo_popin_emblematique .slides li .illustration-item-wrapper.popin.diapo-image .field-name-field-popin-diapo-texte .field-items {
        padding: 0 0 0 110px;
    }

    .node-type-article-projet-embl-matique .flexslider .slides .field-name-field-popin-diapo-image img {
        bottom: 190px;
        width: 100px;
        height: 125px;
    }

    .not-front.node-type-article-projet-embl-matique .flexslider-controls {
        z-index: 99;
        border-radius: 0 0 0 25px;
    }

    .node-type-article-projet-embl-matique .close-legend {
        top: 27px;
        right: 10px;
    }

    .node-type-article-projet-embl-matique #diapo_popin_emblematique .flexslider.fc-diapo {
        top: -20px;
    }

    .page-nos-realisations .views-row {
        float: none;
        margin: 0 0 10px 0;
        width: 100%;
        height: auto;
        min-height: 100%;
    }

    #block-bouygues-pages-b-map-region-choose h2 {
        float: none !important;
        margin: 0 0 12px 0 !important;
    }

    .node-type-home-projet .dropdown {
        margin: 0 0 15px 0;
        float: none !important;
    }

    #block-bouygues-pages-boutons-ok-refresh {
        clear: both;
        margin: 0 0 15px 0;
    }

    .node-type-home-projet #block-bouygues-pages-b-map-implatation-filtre2 {
        margin: 0;
    }

    .node-type-home-projet .block-bouygues-pages {
        margin: 0;
    }

    .node-type-article-projet-embl-matique .bloc-emblematique img {
        margin: 0 15px 0 0;
    }

    .corp {
        clear: both;
        padding: 0 0 20px 0;
    }

        .corp .taxo-entity {
            font-family: 'Tahoma', Arial;
            font-weight: bold;
            color: #5b5a59;
            font-size: 16px;
            line-height: 16px;
            margin: 0 0 10px 0;
        }

        .corp .city, .corp .pays, .corp .phone, .corp .addresss {
            font-family: 'Tahoma', Arial;
            font-size: 17px;
            line-height: 17px;
            margin: 0;
            padding: 0;
        }

        .corp .website, .corp .mail {
            font-family: 'Tahoma', Arial;
            font-size: 17px;
            line-height: 17px;
        }

            .corp .website a, .corp .mail a {
                font-family: 'Tahoma', Arial;
                font-size: 17px;
                line-height: 17px;
                margin: 10px 0 0 0;
                padding: 0;
                width: 100%;
                word-wrap: break-word;
            }

    html.not-front.node-type-article-projet-embl-matique #diapo_popin_emblematique {
        top: -41px !important;
    }

    .not-front.node-type-article-projet-embl-matique .flexslider-controls {
        background: url(../images/images-home/diapo-bg-small.png) no-repeat left center transparent;
        height: 119px;
        width: 100% !important;
        left: 0 !important;
    }

    .bloc-temoignage .bloc-temoin-right {
        width: 91%;
        padding: 0 0 0 28px;
    }

    .bloc-temoignage .field-type-image img {
        display: block;
        width: 100%;
        height: auto;
    }

    .node-type-article-presse p.diapo-fonction {
        width: auto;
        float: none;
        background: none repeat scroll 0 0 #e95518;
        color: #ffffff;
    }

    .page-toutes-les-innovations .view-content .views-field-title, .page-all-innovations .view-content .views-field-title, .page-toutes-les-innovations .view-content .views-field-field-chapo .field-content, .page-all-innovations .view-content .views-field-field-chapo .field-content, .page-toutes-les-innovations .view-content .views-field-view-node, .page-all-innovations .view-content .views-field-view-node {
        width: 39%;
    }

    .page-toutes-les-innovations .view-content .views-field-field-chapo, .page-all-innovations .view-content .views-field-field-chapo, .page-all-innovations .view-header, .page-toutes-les-innovations .view-header, .node-type-home-projet #block-bouygues-pages-b-text-bloc-2 {
        display: none;
    }

    .page-toutes-les-innovations .view-content .views-field-view-node, .page-all-innovations .view-content .views-field-view-node {
        clear: both;
    }

    .node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .dev-durable-chapo, .node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .field-collection-container, .node-type-home-projet #block-bouygues-pages-b-text-bloc-2, .page-nos-realisations .view-header p, .page-our-achievements .view-header {
        display: block;
    }

    #block-views-nos-filiales-block-1 .view-content .views-row, #block-views-nos-filiales-block-2 .view-content .views-row, .not-front.page-projets-emblematiques .view-content .views-row {
        width: 100%;
    }

    .field-name-field-bloc-libre .field-name-field-bloc-libre-image {
        margin: 0 25px 15px 0;
    }

    .field-name-field-bloc-libre .field-name-field-bloc-libre-titre, .field-name-field-bloc-libre .field-name-field-bloc-libre-texte, .field-name-field-bloc-libre .field-name-field-bloc-libre-lien {
        width: 100%;
    }

    .field-name-field-bloc-projet-embl-matique {
        height: auto;
    }

        .field-name-field-bloc-projet-embl-matique .field-type-image {
            width: 53%;
            margin: 0 13px 8px 0;
        }

            .field-name-field-bloc-projet-embl-matique .field-type-image img {
                display: block;
                width: 100%;
                height: auto;
            }

        .field-name-field-bloc-projet-embl-matique .realisation_projet .proj-desp {
            clear: both;
        }

    .not-front.node-type-carrefour .node-content .field-name-field-chapo,, .not-front.node-type-editorial .views-field-field-titre-court, .node-type-carrefour .node-content .field-name-field-ref-articles .field-name-field-chapo, .not-front.node-type-carrefour .node-content .field-name-field-ref-articles .field-items .field-item .node-content a, .page-projets-emblematiques .view-content .views-row .views-field-field-proj-emblematique-pays, .page-projets-emblematiques .view-content .views-row .views-field-field-proj-emblematique-chapeau, .node-type-page-carrefou-innovation .field-type-entityreference .field-items .field-item .field-name-field-chapo, .node-type-page-carrefou-innovation .field-name-field-chapo {
        display: none;
    }

    .not-front #block-bouygues-main-block-print-send {
        float: none;
        margin: 0 0 0 18px;
    }

    .not-front.node-type-carrefour .node-content .field-name-field-ref-articles .field-items .field-item {
        margin: 0 0 35px 0;
        min-height: 100%;
        width: 100%;
    }

    .node-type-page-carrefou-innovation .field-type-entityreference .field-items .field-item {
        margin: 0 0 20px 0;
        min-height: 100%;
        width: 100%;
    }

    .node-type-page-carrefou-innovation .inno_phares {
        border-radius: 0;
    }

        .node-type-page-carrefou-innovation .inno_phares a.mon-lien-plus {
            float: none;
            text-align: center;
            display: block;
            font-size: 15px;
        }

    .not-front.node-type-carrefour .node-content .field-name-field-ref-articles .field-items .field-item .node-content a.link-wrapper {
        display: block;
    }

    .not-front.node-type-carrefour .node-content .field-name-field-ref-articles .field-items .field-item .field-item, .node-type-page-carrefou-innovation .field-type-entityreference .field-items .field-item .field-item {
        margin: 0;
    }

    .not-front.node-type-carrefour .node-content .editorial-title, .not-front.node-type-editorial .node-content .views-field-title a {
        height: auto;
        margin: 0 0 20px 0;
    }

    .front .publication-home-droitev.publication-vertival {
        width: 54%;
    }

    .front .node-page-accueil .field-name-field-bloc-pr-sence-internationa {
        border-bottom: 1px solid #b9b7b7;
        border-right: none;
        height: auto;
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
        width: 100%;
    }

    .front .node-page-accueil .field-name-field-bloc-chiffres {
        border-bottom: 1px solid #b9b7b7;
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
        width: 100%;
    }

    .front .node-page-accueil .field-name-field-bloc-terre-pluriel {
        padding: 0;
        margin: 0;
        width: 100%;
        border: none;
    }

    .node-page-accueil .field-name-field-bloc-terre-pluriel p img {
        float: right;
    }

    .front .node-page-accueil .field-name-field-bloc-carri-res {
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
        width: 100%;
        border-bottom: 1px solid #b9b7b7;
    }

    .bas-reseau .left-res span {
        float: none;
        display: block;
        padding: 0 0 5px 0;
    }

    .front .block-bouygues-newsroom .wrapper-social .col-social .bloc-social {
        width: 100%;
        height: auto;
    }

        .front .block-bouygues-newsroom .wrapper-social .col-social .bloc-social img {
            display: block;
            width: 100%;
            height: auto;
        }

    .front .block-bouygues-newsroom .wrapper-social {
        width: 100%;
    }

        .front .block-bouygues-newsroom .wrapper-social .column {
            width: 100%;
            float: none;
        }

        .front .block-bouygues-newsroom .wrapper-social .col-news .bloc-social {
            width: 100%;
            margin: 0;
            height: auto;
        }

            .front .block-bouygues-newsroom .wrapper-social .col-news .bloc-social .left-news img {
                display: block;
                width: 100%;
                height: auto;
            }

            .front .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-news .left-news, .front .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-blog .left-news {
                float: none;
            }

            .front .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-news .right-news {
                width: 100%;
                position: relative;
                right: 0;
                padding: 0 0 40px 0;
                top: 0;
                margin: -36px 0 0 0;
                height: auto;
                max-height: 447px;
                background: url(../images/images-home/bg-news-480.png) no-repeat 0 0 transparent;
                background-size: 100% auto;
                -webkit-background-size: 100% auto;
                -moz-background-size: 100% auto;
                -o-background-size: 100% auto;
            }

            .front .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-blog .right-news {
                width: 100%;
                position: relative;
                left: 0;
                padding: 0 0 40px 0;
                top: 0;
                margin: -51px 0 0 0;
                height: auto;
                max-height: 447px;
                background: url(../images/images-home/bg-blog-480.png) no-repeat 0 0 transparent;
                background-size: 100% auto;
                -webkit-background-size: 100% auto;
                -moz-background-size: 100% auto;
                -o-background-size: 100% auto;
            }

                .front .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-news .right-news .picto, .front .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-blog .right-news span {
                    margin: 0 0 15px 0;
                    padding: 42px 0 0;
                }

        .front .block-bouygues-newsroom .wrapper-social .col-social .bloc-social.type-tw, .front .block-bouygues-newsroom .wrapper-social .col-social .bloc-social.type-fb {
            padding: 0 0 40px 0;
        }

        .front .block-bouygues-newsroom .wrapper-social .bloc-social span {
            background-repeat: no-repeat;
        }

        .front .block-bouygues-newsroom .wrapper-social .bloc-social.type-news span {
            background-position: center 42px !important;
            height: 40px !important;
        }

        .front .block-bouygues-newsroom .wrapper-social .bloc-social.type-blog span {
            background-position: center -218px !important;
            height: 45px !important;
        }

        .front .block-bouygues-newsroom .wrapper-social .bloc-social.type-instagram span {
            background-position: center -82px !important;
            width: 52px !important;
            height: 50px !important;
            left: 45%;
            top: 45%;
        }

        .front .block-bouygues-newsroom .wrapper-social .bloc-social.type-tw span {
            background-position: center -173px !important;
            height: 40px !important;
        }

        .front .block-bouygues-newsroom .wrapper-social .bloc-social.type-fb span {
            background-position: center -355px !important;
            height: 45px !important;
        }

        .front .block-bouygues-newsroom .wrapper-social .bloc-social.type-yt span {
            background-position: center -444px !important;
            width: 63px !important;
            height: 45px !important;
            left: 44%;
            top: 45%;
        }

    .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-blog {
        background: #99C32C;
    }

    .block-bouygues-newsroom .wrapper-social .col-news .bloc-social.type-news {
        background: #F5F5F5;
    }

    .front .flexslider .flex-prev, .front .flexslider:hover .flex-prev, .front .flex-direction-nav .flex-next, .front .flexslider:hover .flex-next {
        top: 13% !important;
    }

    .flexslider {
        width: 100% !important;
    }

    #header #logo {
        margin: -5px 10px 0 0;
    }

    #header #name-and-slogan {
        margin: 18px 0 0 0;
    }

        #header #logo img, #header #name-and-slogan img {
            display: block;
            width: 100%;
        }

    .bloc-mob-droite-1 .show_social {
        display: block;
        background: url(../images/images-home/picto-social-inactive.png) no-repeat 0 0 transparent;
        width: 52px;
        height: 45px;
        text-indent: -9999px;
        z-index: 9999;
        position: relative;
        float: left;
        margin: 0 35px 0 0;
    }

        .bloc-mob-droite-1 .show_social.active {
            background: url(../images/images-home/picto-social-active.png) no-repeat 0 0 transparent;
            height: 78px;
        }

    .inner-bloc-mob-droite-1 {
        float: right;
    }

        .inner-bloc-mob-droite-1:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }

    .bloc-mob-droite-1 .wrap_social {
        position: absolute;
        top: 85px;
        left: 0;
        background: #efefef;
        width: 100%;
        height: 135px;
    }

        .bloc-mob-droite-1 .wrap_social ul {
            padding: 30px 30px 10px;
            margin: 0;
        }

    @media (max-width:350px) {
        .bloc-mob-droite-1 .wrap_social ul {
            padding: 30px 10px 10px;
            margin: 0;
        }
    }

    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li {
        margin: 10px 4px 20px 10px !important;
    }

    .inner-wrap_menu_links {
        position: relative;
    }

    .social_open .search_social, .social_open .bloc-mob-droite-1, .search_open .search_social {
        position: static !important;
    }

    .social_open .menu-mobile-links {
        top: 135px !important;
    }

    .search_open .menu-mobile-links {
        top: 85px !important;
    }

    .bloc-mob-droite-1 .wrap_social {
        display: none;
    }

    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 .clear_search {
        position: relative;
        left: -28px;
        top: 2px;
        margin: 0 !important;
    }

    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 #edit-actions, #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 #edit-actions--2 {
        margin: 0 30px 0 0;
    }

    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 .form-text {
        background: #efefef;
    }

    .flexslider .pane-content .overshadow p.texte-orange {
        color: #7dbb3c !important;
    }
}

@media (min-width:1025px) {
    #content .bloc-deroulant {
        min-height: 50px;
    }
}

@media (max-width:1024px) {
    .detail-diaporama .bx-viewport {
        background: #FF9545;
    }

    .node-type-page-detail-filiale .detail-diaporama ul.bxslider.liste li .legende, .node-type-page-expertise .detail-diaporama ul.bxslider.liste li .legende {
        padding: 10px 40px 40px 40px !important;
        height: 100% !important;
    }

    .node-type-page-detail-filiale .detail-diaporama .bx-controls.bx-has-pager, .node-type-page-expertise .detail-diaporama .bx-controls.bx-has-pager {
        width: 100% !important;
    }

    .node-type-page-detail-filiale .detail-diaporama ul.bxslider.liste li .image img {
        width: 100%;
        height: auto !important;
        min-height: auto !important;
    }

    .section-map-realisation-mobile #block-bouygues-pages-b-map-region-choose-proj {
        display: block !important;
    }

    .node-type-liste-sites #content .bloc-deroulant a.fieldset-title:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .node-type-liste-sites #content .bloc-deroulant a.fieldset-title {
        display: block;
        width: 100%;
        height: 100%;
    }

    #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-blog {
        min-width: 10%;
    }

    .page-newsroom {
        background: #fff !important;
    }

    .bloc-deroulant .field-name-field-texte-boite {
        margin: 15px 0 0 0;
    }

    .boutton-terminer-mobile {
        background: none repeat scroll 0 0 #ffffff;
        border: 1px solid #000000;
        border-radius: 10px;
        cursor: pointer;
        display: table;
        float: right;
        margin: 9px auto;
        padding: 5px 8px;
        text-align: center;
        color: #222;
        text-decoration: none;
    }

    .node-type-article-presse.not-front .bloc-chiffres {
        height: auto;
        margin: 0 0 15px 0;
    }

    .not-front.node-type-article-projet-embl-matique .bloc-emblematique .intitule {
        display: table;
    }

    .bas-reseau .right-res a:hover {
    }

    .node-type-webform #main-content #content {
        background: transparent;
    }

    .node-type-webform #webform-component-prenom, .node-type-webform #webform-component-nom {
        width: 100%;
        float: none;
    }

    .not-front.node-type-webform .webform-client-form input[type="text"], .not-front.node-type-webform .webform-client-form input[type="password"], .not-front.node-type-webform .webform-client-form input[type="url"], .not-front.node-type-webform .webform-client-form input[type="email"], .not-front.node-type-webform .webform-client-form .form-textarea-wrapper textarea {
        width: 95% !important;
    }

    .node-type-webform #webform-component-mail label {
        float: none;
    }

    .bloc-deroulant p a {
        color: #7dbb3c !important;
    }

    .page-realisations-projets-emblematiques .node-content a{
        color: #7dbb3c !important;
    }

    .node-type-editorial.section-innovation #block-system-main .field-type-text-long p img, {
        display: block;
        width: 100% !important;
        height: auto !important;
    }

    .section-carrieres .bloc-temoignage {
        display: none;
    }

    .node-type-page .field-type-text-long iframe {
        width: 100%;
    }

    .node-type-editorial.section-developpement-durable #block-system-main .field-type-text-long p img, .node-type-editorial.section-sustainable-development #block-system-main .field-type-text-long p img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    .formulaire-aboonnement.node-type-webform .webform-client-form input[type="text"], .formulaire-aboonnement.node-type-webform .webform-client-form input[type="password"], .formulaire-aboonnement.node-type-webform .webform-client-form input[type="url"], .formulaire-aboonnement.node-type-webform .webform-client-form input[type="email"] {
        font-size: 12px !important;
        height: 20px !important;
        margin: 0 0 8px 0 !important;
        width: 142px !important;
    }

    .responsive-aboonnement.formulaire-aboonnement.node-type-webform .webform-client-form input[type="text"], .responsive-aboonnement.formulaire-aboonnement.node-type-webform .webform-client-form input[type="password"], .responsive-aboonnement.formulaire-aboonnement.node-type-webform .webform-client-form input[type="url"], .responsive-aboonnement.formulaire-aboonnement.node-type-webform .webform-client-form input[type="email"] {
        width: 100% !important;
    }

    .printmail-retour a {
        display: block;
        margin: 0 0 10px 0;
        font-size: 20px !important;
        background: url(../images/images-home/retour-breadcrumb.png) no-repeat left center transparent;
        padding: 0 18px !important;
        color: #000 !important;
        text-decoration: underline;
    }

    .responsive-aboonnement.node-type-webform.iframe-content .webform-client-form #webform-component-vos-options-dabonnement--categorie-de-communique, .responsive-aboonnement #webform-component-your-subscription-options--press-release-category {
        position: relative;
        top: auto;
        right: auto;
    }

    .responsive-aboonnement.node-type-webform.iframe-content #page #columns {
        padding: 0 !important;
    }

    .responsive-aboonnement.node-type-webform.iframe-content .webform-client-form .titre, .responsive-aboonnement.page-node-done.iframe-content .titre {
        position: relative;
        left: 0;
        top: 0;
    }

        .responsive-aboonnement.node-type-webform.iframe-content .webform-client-form .titre h3, .responsive-aboonnement.page-node-done.iframe-content .titre h3 {
            background: transparent;
            color: #ed4600;
            font-size: 24px;
            line-height: 24px;
            font-weight: bold;
            width: auto;
            height: auto;
            margin: 0 0 15px 0;
            padding: 0;
        }

    .responsive-aboonnement.node-type-webform.iframe-content .webform-client-form .fieldset-legend {
        display: block;
        float: none;
    }

    .responsive-aboonnement.node-type-webform.iframe-content .webform-client-form #webform-component-chapeau {
        margin: 0 0 12px 0;
    }

    .responsive-aboonnement.node-type-webform.iframe-content {
        background-size: 100% 104%;
        padding: 45px 0 0 0 !important;
        overflow: visible !important;
    }

    .responsive-aboonnement.page-node-done.iframe-content {
        background-size: 100% 107%;
        padding: 0 !important;
        overflow: visible !important;
    }

        .responsive-aboonnement.node-type-webform.iframe-content #page, .responsive-aboonnement.page-node-done.iframe-content #page {
            width: 80% !important;
            padding: 0 !important;
            height: auto;
        }

        .responsive-aboonnement.page-node-done.iframe-content #page {
            width: 90% !important;
            margin: 0 0 0 15px !important;
        }

    .node-type-article-presse .lien_retour_liste {
        display: block;
    }

        .node-type-article-presse .lien_retour_liste a {
            float: none !important;
        }

    .node-type-article-projet-embl-matique .head_detail_projet {
        width: auto;
    }

    .page-search.not-front #page #columns {
        min-height: 640px;
    }

    .node-type-article-presse .node-content .field-type-image img {
        width: 100%;
    }

    .page-sitemap #block-system-main .menu_plus {
        display: none;
    }

    .twitter-share {
        margin: 0 0 0 15px;
    }

    .facebook-share {
        margin: 0 15px 0 10px;
    }

    .node-type-d-veloppement-durable #content .bloc-deroulant:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .node-type-d-veloppement-durable #content .bloc-deroulant fieldset.collapsed {
        height: auto;
    }

    .node-type-d-veloppement-durable #content .bloc-deroulant {
        margin: 0 0 13px 0;
        clear: both;
    }

    .node-type-d-veloppement-durable .field-name-field-titre-boite .field-item {
        padding: 6px 18px 6px 0;
    }

    .node-type-d-veloppement-durable #content .bloc-deroulant .fieldset-wrapper {
        background: #fff;
    }

    .node-type-d-veloppement-durable #content .bloc-deroulant .field-item {
        margin: 0 !important;
    }

    .node-type-d-veloppement-durable #content .bloc-deroulant legend {
        background: none;
        padding: 0;
    }

    .node-type-carrefour-d-veloppement-durable .field-name-field-ref-editorial-durable .field-item {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .node-type-article-presse .field-name-field-bloc-libre .field-name-field-bloc-libre-lien, .node-type-article-presse .field-name-field-bloc-libre .field-name-field-bloc-libre-texte {
        width: auto;
    }

    .node-type-article-presse .node-content .flippy {
        width: auto;
    }

        .node-type-article-presse .node-content .flippy li {
            margin: 0;
        }

            .node-type-article-presse .node-content .flippy li.next {
                padding: 0 8px 0 0;
            }

    .page-node-done .webform-confirmation {
        width: auto;
    }

    .node-type-liste-sites #content .bloc-deroulant .field-name-field-boite-deroulante-titre {
        width: auto;
    }

    .node-type-liste-sites #content {
        width: auto;
    }

    .section-mentions-legales .node-content p a, .section-mentions-legales .node-content a {
        text-decoration: underline !important;
    }

    .page-search #content .views-row.views-row-last {
        border-bottom: none;
    }

    .page-search #content .view-recherche .views-submit-button input, .page-search #content .view-recherche #edit-text-wrapper .views-widget input {
        border-radius: 0 !important;
        text-shadow: none !important;
        border: none !important;
    }

    .page-search #content .view-recherche .views-submit-button input, .page-search #content .view-recherche #edit-text-wrapper .views-widget {
        border-top: 1px solid #000 !important;
        border-bottom: 1px solid #000 !important;
    }

    .liste-contenu-presse #block-system-main .views-row.views-row-last {
        border-bottom: none;
    }

    #block-bouygues-content-b-inscrire > a, #block-bouygues-content-b-inscrire--2 a {
        width: auto;
    }

    .node-type-innovation .node-content .field-type-text-long img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 0 10px 0 !important;
    }

    .leaflet-popup-content {
        width: 480px !important;
    }

    .header-wrapper .col-right {
        width: 235px;
    }

    .editorial_bloc-bas .field-collection-container {
        float: none;
        width: 100%;
    }

    .node-type-editorial .bloc-chiffre-editorial .bloc-chiffres .bloc-c-left {
        width: 44%;
        padding: 0 10px 0 0 !important;
    }

    #header .contextual-links-region {
        position: static !important;
    }

    .node-type-biographie .breadcrumb-mobile {
        display: none;
    }

    .node-type-biographie #main-content-header {
        display: none;
    }

    .node-type-biographie .field-name-field-image img {
        width: 100%;
        display: block;
        height: auto;
        margin: 10px 0 0 0;
    }

    .page-printmail.iframe-content {
        padding: 0 !important;
        overflow: visible !important;
    }

    .page-printmail #print-mail-form {
        width: 100%;
    }

        .page-printmail #print-mail-form .form-item {
            float: none;
            width: 100%;
        }

        .page-printmail #print-mail-form input.form-text {
            width: 100% !important;
        }

    .page-printmail.iframe-content .form-textarea-wrapper textarea {
        width: 100% !important;
    }

    .page-printmail #edit-btn-submit {
        margin: -35px 0 20px;
    }

    .node-type-article-presse #content {
        width: 100%;
    }

    .node-type-article-presse .field-name-field-image img {
        width: 100%;
        display: block;
        height: auto;
    }

    .lien_retour_liste {
        display: block;
    }

    .not-front .node-content .video-text-wrapper iframe {
        width: 100%;
    }

    .page-search #columns {
        background: #fff !important;
    }

    .node-type-page-historique .flexslider.fc-diapo .flex-prev, .node-type-page-historique .flexslider.fc-diapo:hover .flex-prev {
        top: 77px;
    }

    .node-type-page-historique .flexslider.fc-diapo .flex-next, .node-type-page-historique .flexslider.fc-diapo:hover .flex-next {
        top: 77px;
    }

    .page-newsroom #content .type-yt .b-yt-bas {
        clear: both;
    }

    .not-front.page-newsroom #content .type-blog .b-blog .right-news span, .page-newsroom #content .type-blog .b-blog .bloc-news.b-blog-3 .right-news span, .page-newsroom #content .type-blog .b-blog .bloc-news.b-blog-4 .right-news span {
        margin: 8px auto !important;
    }

    .page-newsroom #content .type-blog .b-blog .bloc-news img {
        height: auto;
        display: block;
    }

    .b-newsroom-content:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .b-newsroom-content {
    }

    .page-group .bloc-deroulant .field-name-field-texte-boite img, .page-newsroom #content .type-ins .b-ins .bloc-instagram img {
        width: auto !important;
        display: block !important;
        height: auto !important;
    }

    .bloc-deroulant, .page-newsroom #content .type-ins .b-ins .bloc-instagram img {
        width: 100% !important;
        display: block !important;
        height: auto !important;
    }

    .node-type-d-veloppement-durable .field-name-field-bloc-libre .field-name-field-bloc-libre-texte {
        width: auto;
    }

    .page-newsroom #content .type-news .b-news .bloc-news .picto {
        margin: 8px auto !important;
    }

    .page-newsroom #content .left-news {
        width: 50% !important;
        height: 100%;
        overflow: hidden;
    }

    .page-newsroom #content .type-news .b-news .bloc-news img {
        display: block;
        height: auto;
        width: 100%;
    }

    #block-bouygues-newsroom-b-newsroom-intro .field-name-field-chapo, #block-bouygues-newsroom-b-menu-newsroom {
        width: 100%;
    }

        #block-bouygues-newsroom-b-menu-newsroom ul {
            margin: 0;
        }

        #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li {
            margin: 0;
            padding: 0;
            min-width: 17%;
        }

            #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-news {
                min-width: 12%;
            }

    .node-type-page-gouvernance .flexslider.fc-diapo .flex-prev, .node-type-page-gouvernance .flexslider.fc-diapo:hover .flex-prev, .node-type-page-gouvernance .flexslider.fc-diapo .flex-next, .node-type-page-gouvernance .flexslider.fc-diapo:hover .flex-next {
        top: 45px;
        z-index: 999;
    }

    .node-type-article-projet-embl-matique .bloc-emblematique ul, .node-type-article-projet-embl-matique .bloc-emblematique ol {
        clear: both;
        display: block;
        float: none;
        margin: 0;
        padding: 10px 0;
        width: 100%;
    }

    .page-toutes-nos-realisations #block-bouygues-pages-toutes-nos-realisations, .section-map-realisation-mobile .block-bouygues-pages-b-map-projet {
        clear: both;
        padding: 25px 0 0 0;
    }

    .page-toutes-nos-realisations #block-bouygues-pages-boutons-ok-refresh, .section-map-realisation-mobile .buttons_div {
        clear: both;
        float: none;
        padding: 12px 0 0;
    }

    .page-toutes-nos-realisations #block-bouygues-pages-b-map-region-choose-proj h2, .section-map-realisation-mobile #block-bouygues-pages-b-map-region-choose-proj2 h2 {
        font-size: 20px;
        float: none;
        margin: 0 0 12px 0;
    }

    .page-toutes-nos-realisations #block-system-main {
        display: none;
    }

    .page-toutes-nos-realisations #block-bouygues-pages-boutons-ok-refresh, .section-map-realisation-mobile .buttons_div {
        margin: 12px 0;
    }

    .page-toutes-nos-realisations .project-wrapper, .section-map-realisation-mobile .project-wrapper {
        margin: 0 0 25px 0;
        padding: 0 0 25px 0;
        border-bottom: 1px solid #b9b7b7;
    }

        .page-toutes-nos-realisations .project-wrapper .brac-1, .page-toutes-nos-realisations .project-wrapper .brac-2, .section-map-realisation-mobile .project-wrapper .brac-1, .section-map-realisation-mobile .project-wrapper .brac-2 {
            display: none;
        }

    .page-toutes-nos-realisations .dropdown .dropdown-selected, .section-map-realisation-mobile .dropdown .dropdown-selected {
        width: 200px;
        background-size: auto;
    }

    .page-toutes-nos-realisations .project-wrapper .title, .section-map-realisation-mobile .project-wrapper .title {
        font-size: 20px;
        line-height: 20px;
        padding: 0;
        margin: 0 0 10px 0;
    }

    .page-toutes-nos-realisations .project-wrapper .subtitle, .section-map-realisation-mobile .project-wrapper .subtitle {
        font-size: 20px;
        line-height: 20px;
        padding: 0;
        margin: 0;
    }

    .page-toutes-nos-realisations .project-wrapper #project-slides, .section-map-realisation-mobile .project-wrapper #project-slides {
        margin: 0 20px 15px 0;
        width: 195px;
    }

    .page-toutes-nos-realisations .project-wrapper:after, .section-map-realisation-mobile .project-wrapper:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .page-toutes-nos-realisations .project-wrapper .header-wrapper .col-right, .section-map-realisation-mobile .project-wrapper .header-wrapper .col-right {
        float: none;
        width: auto;
    }

        .page-toutes-nos-realisations .project-wrapper .header-wrapper .col-right .intitule, .section-map-realisation-mobile .project-wrapper .header-wrapper .col-right .intitule {
            clear: both;
        }

    .page-toutes-nos-realisations .project-wrapper .header-wrapper .percentage, .section-map-realisation-mobile .project-wrapper .header-wrapper .percentage {
        color: #040404;
        font-size: 20px;
        line-height: 20px;
    }

        .page-toutes-nos-realisations .project-wrapper .header-wrapper .percentage span, .section-map-realisation-mobile .project-wrapper .header-wrapper .percentage span {
            font-size: 38px;
            line-height: 38px;
        }

    .page-toutes-nos-realisations .project-wrapper #project-slides .slides, .section-map-realisation-mobile .project-wrapper #project-slides .slides {
        margin: 0;
    }

    .page-toutes-nos-realisations .project-wrapper .header-wrapper ul.intitule li, .section-map-realisation-mobile .project-wrapper .header-wrapper ul.intitule li {
        background: url(../images/images-home/arrow-realisation.png) no-repeat scroll left 4px transparent;
        padding: 0 0 6px 15px;
    }

        .page-toutes-nos-realisations .project-wrapper .header-wrapper ul.intitule li a, .section-map-realisation-mobile .project-wrapper .header-wrapper ul.intitule li a {
            font-size: 17px;
            line-height: 17px;
            text-decoration: underline;
            word-wrap: break-word;
        }

    .page-toutes-nos-realisations .project-wrapper .corp, .section-map-realisation-mobile .project-wrapper .corp {
        margin: 12px 0 0 0;
        border: none;
        padding: 0;
    }

    .page-toutes-nos-realisations .project-wrapper .lien-emblematique, .section-map-realisation-mobile .project-wrapper .lien-emblematique {
        display: none;
    }

    .page-toutes-nos-realisations .project-wrapper .corp p, .section-map-realisation-mobile .project-wrapper .corp p {
        color: #040404;
        font-size: 19px;
        line-height: 19px;
    }

        .page-toutes-nos-realisations .project-wrapper .corp p a, .page-toutes-nos-realisations .project-wrapper .corp a, .section-map-realisation-mobile .project-wrapper .corp p a, .section-map-realisation-mobile .project-wrapper .corp a {
            color: #040404;
            font-size: 19px;
            line-height: 19px;
            text-decoration: underline;
            word-wrap: break-word;
        }

    .page-toutes-nos-realisations #project-slides .flexslider li a.lens, .section-map-realisation-mobile #project-slides .flexslider li a.lens {
        display: none;
    }

    .page-toutes-nos-realisations .project-wrapper .btn-plus, .section-map-realisation-mobile .project-wrapper .btn-plus {
        background: url(../images/images-home/plus.png) no-repeat left top;
        display: block;
        float: right;
        width: 16px;
        height: 16px;
        text-indent: -9999px;
        margin: 10px 0 0 0;
    }

        .page-toutes-nos-realisations .project-wrapper .btn-plus.active, .section-map-realisation-mobile .project-wrapper .btn-plus.active {
            background: url(../images/images-home/min.png) no-repeat left top;
        }

    .page-toutes-nos-realisations #block-bouygues-pages-b-map-region-choose-proj .dropdown, .section-map-realisation-mobile #block-bouygues-pages-b-map-region-choose-proj .dropdown {
        float: none;
    }

    .page-all-our-achievements .block-bouygues-pages .block-title, .page-toutes-nos-realisations .block-bouygues-pages .block-title, .section-map-realisation-mobile .block-bouygues-pages .block-title, .section-map-realisation-mobile .block-bouygues-pages .block-title {
        float: none !important;
        margin: 0 0 12px 0 !important;
    }

    .page-all-our-achievements #block-bouygues-pages-b-map-region-choose-proj2 .dropdown, .page-toutes-nos-realisations #block-bouygues-pages-b-map-region-choose-proj2 .dropdown, .section-map-realisation-mobile #block-bouygues-pages-b-map-region-choose-proj2 .dropdown {
        float: none !important;
        margin: 0 0 12px 0 !important;
    }

    .page-all-our-achievements #block-bouygues-pages-b-map-region-choose-proj h2 {
        font-size: 20px;
        float: none;
        margin: 0 0 12px 0;
    }

    .page-all-our-achievements #block-system-main {
        display: none;
    }

    .page-all-our-achievements #block-bouygues-pages-boutons-ok-refresh {
        margin: 12px 0;
    }

    .page-all-our-achievements .project-wrapper {
        margin: 0 0 25px 0;
        padding: 0 0 25px 0;
        border-bottom: 1px solid #b9b7b7;
    }

        .page-all-our-achievements .project-wrapper .brac-1, .page-all-our-achievements .project-wrapper .brac-2 {
            display: none;
        }

    .page-all-our-achievements .dropdown .dropdown-selected {
        width: 200px;
        background-size: auto;
    }

    .page-all-our-achievements .project-wrapper .title {
        font-size: 26px;
        line-height: 26px;
        padding: 0;
        margin: 0 0 10px 0;
    }

    .page-all-our-achievements .project-wrapper .subtitle {
        font-size: 25px;
        line-height: 25px;
        padding: 0;
        margin: 0;
    }

    .page-all-our-achievements .project-wrapper #project-slides {
        margin: 0 20px 15px 0;
        width: 195px;
    }

    .page-all-our-achievements .project-wrapper:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .page-all-our-achievements .project-wrapper .header-wrapper .col-right {
        float: none;
        width: auto;
    }

        .page-all-our-achievements .project-wrapper .header-wrapper .col-right .intitule {
            clear: both;
        }

    .page-all-our-achievements .project-wrapper .header-wrapper .percentage {
        color: #040404;
        font-size: 23px;
        line-height: 23px;
    }

        .page-all-our-achievements .project-wrapper .header-wrapper .percentage span {
            font-size: 50px;
            line-height: 50px;
        }

    .page-all-our-achievements .project-wrapper #project-slides .slides {
        margin: 0;
    }

    .page-all-our-achievements .project-wrapper .header-wrapper ul.intitule li {
        background: url(../images/images-home/arrow-realisation.png) no-repeat scroll left 4px transparent;
        padding: 0 0 6px 15px;
    }

        .page-all-our-achievements .project-wrapper .header-wrapper ul.intitule li a {
            font-size: 23px;
            line-height: 23px;
            text-decoration: underline;
        }

    .page-all-our-achievements .project-wrapper .corp {
        margin: 12px 0 0 0;
        border: none;
        padding: 0;
    }

        .page-all-our-achievements .project-wrapper .corp p {
            color: #040404;
            font-size: 19px;
            line-height: 19px;
        }

            .page-all-our-achievements .project-wrapper .corp p a, .page-all-our-achievements .project-wrapper .corp a {
                color: #040404;
                font-size: 23px;
                line-height: 23px;
                text-decoration: underline;
                word-wrap: break-word;
            }

    .page-all-our-achievements #project-slides .flexslider li a.lens {
        display: none;
    }

    .page-all-our-achievements .project-wrapper .btn-plus {
        background: url(../images/images-home/plus.png) no-repeat left top;
        display: block;
        float: right;
        width: 16px;
        height: 16px;
        text-indent: -9999px;
        margin: 10px 0 0 0;
    }

    .page-all-our-achievements #block-bouygues-pages-b-map-region-choose-proj .dropdown {
        float: none;
    }

    .node-type-page-gouvernance #carousel, .node-type-page-gouvernance #slider {
        width: 100%;
    }

    .node-type-page-gouvernance .orange .field-name-field-bio-nom {
        margin: 0 0 5px 0;
    }

    .node-type-m-dia #breadcrumb, .node-type-m-dia .breadcrumb-mobile {
        display: none;
    }

    .node-type-m-dia #block-bouygues-main-block-print-send {
        float: none;
        margin: 10px 0;
        padding: 0;
    }

    .node-type-m-dia .field-name-field-visuel-petit img {
        display: block;
        width: 100%;
        height: auto;
    }

    .node-type-m-dia .flippy li {
        background: none;
    }

    .node-type-m-dia .field-name-field-cr-dit-visuel-petit {
        display: none;
    }

    .node-type-m-dia .field-type-taxonomy-term-reference .field-label {
        line-height: 22px;
    }

    .node-type-m-dia .field-type-taxonomy-term-reference .field-items a {
        color: #e95518;
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
        margin: 0 0 0 5px;
    }

    .node-type-m-dia .video-text-wrapper iframe {
        width: 100%;
    }

    .node-type-m-dia .field-name-body p, .node-type-m-dia .field-name-body {
        color: #454545;
        font-family: Tahoma, sans-serif;
        font-size: 13px;
        clear: both;
    }

    .view-m-diath-que .view-content td .node-content {
        margin: 0;
    }

    .view-m-diath-que .view-content td img {
        width: 100%;
        display: block;
        height: auto;
    }

    .page-presse-mediatheque #block-block-12 {
        padding: 30px 0;
    }

    .page-publications #block-views-navigation-publications-block .view-navigation-publications {
        position: relative;
        height: auto;
    }

    .liste-contenu-presse .views-field-field-upload-cp {
        margin: 0;
    }

    .node-type-article-projet-embl-matique #diapo_popin_emblematique .slides li .illustration-item-wrapper.popin .field-name-field-popin-diapo-image {
        left: 0;
    }

    .formulaire-aboonnement.node-type-webform.iframe-content .webform-client-form #webform-component-vos-informations-personnelles--nom, .formulaire-aboonnement.node-type-webform.iframe-content .webform-client-form #webform-component-vos-informations-personnelles--prenom, .formulaire-aboonnement #webform-component-your-personal-informations--name, #webform-component-your-personal-informations--first-name {
        width: 210px !important;
    }

    .responsive-aboonnement.formulaire-aboonnement.node-type-webform .webform-component {
        width: 98% !important;
    }

    .view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget .form-type-radio.clear-left-radio {
        padding: 0;
    }

    .page-sitemap #content ul.menu {
        background: transparent;
    }

    .page-sitemap #main-content ul.menu li {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .node-type-webform .webform-client-form input[type="text"], .node-type-webform .webform-client-form input[type="password"], .node-type-webform .webform-client-form input[type="url"], .node-type-webform .webform-client-form input[type="email"], .node-type-webform .webform-client-form .form-textarea-wrapper textarea, p.droit {
        width: 100% !important;
    }

    .node-type-webform .webform-client-form input[type="text"], .node-type-webform .webform-client-form input[type="password"], .node-type-webform .webform-client-form input[type="url"], .node-type-webform .webform-client-form input[type="email"] {
        font-size: 14px !important;
        height: 28px !important;
        margin: 5px 0 !important;
    }

    .node-type-webform #block-block-2, .node-type-webform #block-block-3, .view-m-diath-que .view-header {
        width: 100%;
    }

    .node-type-webform .column2 {
        border-right: none;
    }

    .section-carriere .field-name-field-texte p img {
        display: block;
        width: 100%;
        height: auto;
    }

    .node-type-article-projet-embl-matique #diapo_popin_emblematique .slides li .illustration-item-wrapper.popin .field-name-field-popin-diapo-texte {
        left: 0;
        width: 91%;
        background: #3a3a3a;
    }

    .node-type-article-projet-embl-matique #diapo_popin_emblematique .flexslider.fc-diapo {
        margin: 0 auto;
    }

    div.illustration-item-wrapper.popin {
        margin: 0;
    }

    page-toutes-nos-realisations .view-header p {
        display: none;
    }

    block-bouygues-pages-boutons-ok-refresh {
        float: left;
    }

    #block-bouygues-pages-b-map-projet {
        clear: both;
    }

    .node-type-home-projet #block-bouygues-pages-b-text-bloc-2, .page-nos-realisations .view-header p, .page-our-achievements .view-header {
        width: 100%;
    }

    .node-type-article-projet-embl-matique .bloc-emblematique {
        width: 100%;
        margin: -25px 0 30px 0;
    }

    .node-type-article-projet-embl-matique #block-bouygues-content-b-lien-projet {
        width: 46%;
        margin: 0;
    }

    .node-type-article-projet-embl-matique .field-name-field-projet-similaires {
        margin: 0 0 20px;
        width: 45%;
    }

    .node-type-article-projet-embl-matique .enbref {
        width: 96%;
        height: auto;
    }

        .node-type-article-projet-embl-matique .enbref img {
            width: 100%;
            max-height: 104px;
        }

    .node-type-article-projet-embl-matique .bloc-emblematique img {
        margin: 0 25px 0 0;
    }

    .node-type-article-projet-embl-matique .bloc-emblematique .intitule, .node-type-article-projet-embl-matique .bloc-emblematique p {
        float: none;
        width: auto;
        display: block;
    }

    #map {
        height: 450px !important;
    }

    #block-bouygues-pages-carte-implantation {
        clear: both;
        margin: 10px 0 0 0;
    }

    #block-bouygues-pages-b-map-implatation-filtre {
        float: left;
        margin: 0 10px 0 0;
    }

    .not-front.node-type-article-projet-embl-matique .node-content .flippy {
        width: 100%;
        margin: 0;
    }

    .not-front.node-type-article-projet-embl-matique .flex-control-nav li {
        margin: 0;
    }

    .not-front.node-type-article-projet-embl-matique #diapo_popin_emblematique {
        position: relative;
        left: 0;
        top: -35px;
        height: auto;
    }

    .node-type-article-projet-embl-matique .head_detail_projet span {
        display: block;
        float: none;
    }

    .dropdown {
        margin: 0;
    }

    .not-front.node-type-article-projet-embl-matique .flexslider-controls {
        bottom: 0;
        left: 8px;
        position: relative;
        width: 97%;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
    }

    .not-front.node-type-article-projet-embl-matique #diapo {
        margin: 0 0 45px 0;
    }

        .not-front.node-type-article-projet-embl-matique #diapo .bloc-deroulant .illustration-item-wrapper {
            display: block !important;
        }

        .not-front.node-type-article-projet-embl-matique #diapo .bloc-deroulant legend .fieldset-legend {
            padding: 4px 0 4px 15px;
        }

    .not-front.node-type-article-projet-embl-matique #content .bloc-deroulant fieldset.collapsed {
        height: auto;
    }

    .not-front.node-type-article-projet-embl-matique #diapo .bloc-deroulant legend {
        padding: 0 0 10px 0;
    }

    .not-front.node-type-article-projet-embl-matique #diapo .bloc-deroulant .field-name-field-popin-diapo-titre .field-item {
        color: #ffffff !important;
        font-family: "Tahoma", Arial;
        font-size: 15px;
        font-weight: bold;
        margin: 0 9px 0 0;
        background: transparent !important;
        text-transform: uppercase;
    }

    .not-front.node-type-article-projet-embl-matique #diapo .bloc-deroulant .numerp_slide .field-item {
        color: #ffffff !important;
        font-family: "Tahoma", Arial;
        font-size: 15px;
        font-weight: bold;
        margin: 0 9px 0 0;
        padding: 1px 6px 2px;
    }

    .not-front.node-type-article-projet-embl-matique #diapo .bloc-deroulant .fieldset-wrapper {
        padding: 5px 0 15px 0;
    }

    .not-front.node-type-article-projet-embl-matique #diapo .fieldset-wrapper .diapo-texte, .not-front.node-type-article-projet-embl-matique #diapo .fieldset-wrapper .diapo-fonction, .not-front.node-type-article-projet-embl-matique #diapo .fieldset-wrapper p, .not-front.node-type-article-projet-embl-matique #diapo .fieldset-wrapper p strong {
        color: #575758;
    }

    .not-front.node-type-article-projet-embl-matique #diapo .bloc-deroulant {
        margin: 15px 0 0 0;
    }

    .not-front.node-type-article-projet-embl-matique #diapo .fieldset-wrapper .diapo-fonction {
        margin: 0 0 10px 0;
    }

    .not-front.node-type-article-projet-embl-matique #diapo .fieldset-wrapper .diapo-titre {
        color: #e95518 !important;
    }

    .page-toutes-les-innovations .view-content .views-row:after, .page-all-innovations .view-content .views-row:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .page-toutes-les-innovations .view-content .views-row, .page-all-innovations .view-content .views-row {
        min-height: auto;
    }

    .node-type-innovation .illustration-item-wrapper .legend-box {
        width: 90% !important;
    }

    .node-type-innovation .field-type-text-long, .node-type-innovation #main-content #main-content-header h1 {
        width: 100%;
    }

    .node-type-d-veloppement-durable #content, .page-toutes-les-innovations .view-header p, .page-all-innovations .view-header p {
        width: 100%;
    }

    .node-type-editorial .node-editorial .field-name-field-visuel-petit, .visuel-large {
        width: 100%;
    }

        .node-type-editorial .node-editorial .field-name-field-visuel-petit img, .visuel-large img {
            width: 100%;
            display: block;
            height: auto;
        }

    .node-type-carrefour-d-veloppement-durable .field-name-field-ref-editorial-durable .field-item {
        width: 25%;
    }

    .node-type-carrefour-d-veloppement-durable .field-name-field-ref-editorial-durable .titre-editorial a, .node-type-carrefour-d-veloppement-durable .field-name-field-ref-editorial-durable .field-name-field-chapo .field-item {
        width: auto;
    }

    .node-type-carrefour-d-veloppement-durable .field-name-field-ref-editorial-durable .field-item .field-name-field-vignette img {
        display: block;
        width: 100%;
        height: auto;
    }

    .node-type-carrefour-d-veloppement-durable .field-name-field-ref-dev-durable .field-item {
        background: none;
    }

    .page-projets-emblematiques .view-content .views-row .views-field-field-proj-emblematique-chapeau {
        height: auto;
    }

    .page-projets-emblematiques .view-header p {
        width: 100%;
    }

    .node-type-page-detail-filiale .flexslider.fc-diapo .slides li .legend-box {
        display: block;
    }

    .visuel-medium {
        width: 100%;
    }

        .visuel-medium img {
            display: block;
            height: auto;
            width: 100%;
            margin-top: -21px;
        }

    .node-type-editorial #content .bloc-deroulant {
        width: 100%;
    }

    .not-front.node-type-page-historique #carousel {
        width: 100%;
    }

    .not-front.node-type-page-historique .flexslider.fc-diapo .slides li .legend-box {
        display: block;
        position: relative;
        background: #3a3a3a;
        opacity: 1 !important;
        width: 100%;
        padding: 0;
        min-height: auto;
    }

    .not-front.node-type-page-historique .flexslider.fc-diapo {
        height: auto;
    }

    .node-type-editorial #content .bloc-deroulant ul li img {
        display: inline-block;
        height: 100% !important;
        max-height: 255px;
        max-width: 377px;
        width: 100% !important;
    }

    .node-type-editorial.section-groupe .field-name-field-texte p img, .node-type-editorial.section-group .field-name-field-texte p img {
        display: inline-block;
        height: 100% !important;
        max-height: 203px;
        max-width: 270px;
        width: 50% !important;
    }

    .node-type-page-detail-filiale .lien_retour_liste {
        display: none;
    }

    .field-name-field-bloc-libre .field-name-field-bloc-libre-titre, .field-name-field-bloc-libre .field-name-field-bloc-libre-texte, .field-name-field-bloc-libre .field-name-field-bloc-libre-lien {
        float: left;
    }

    .flex-control-nav {
        bottom: -33px;
    }

    .editorial_bloc-bas {
        margin: 30px 0 35px;
    }

    .field-name-field-bloc-projet-embl-matique {
        width: 94%;
        border-radius: 0;
        margin: 0 0 30px 0;
    }

    #block-bouygues-content-b-lien-projet .block-content a {
        font-size: 18px;
    }

    .not-front .bloc-temoignage .bloc-temoin-right {
        float: left;
    }

    .flexslider.fc-diapo .flex-prev, .flexslider.fc-diapo:hover .flex-prev {
        left: -18px;
        top: 37%;
    }

    .flexslider.fc-diapo .flex-next, .flexslider.fc-diapo:hover .flex-next {
        right: -18px;
        top: 37%;
    }

    .bloc-temoignage {
        width: 95%;
    }

    .node-type-page-detail-filiale .field-name-field-r-f-rence-projet-embl-mati .field-items .field-item.odd {
        margin: 0 0 10px 0;
    }

    .not-front .node-content .field-name-field-gouv-texte, .not-front .node-content .field-name-field-chapo, .not-front .field-name-field-chapo, .not-front .field-name-field-texte, .not-front.node-type-page-detail-filiale #block-system-main .field-name-field-p-d-f-chapeau, .node-type-page-carrefou-innovation .field-name-field-chapo .field-item {
        width: 100%;
    }

    #footer #block-menu-block-1 {
        border-radius: 0;
        margin: 0;
        padding: 20px 20px 0;
        border: none;
    }

    #block-menu-block-1 .block-inner {
        padding: 20px 0 40px;
        border-top: 1px solid #c1c0bf;
    }

    .not-front #page #columns {
        padding: 0 20px;
    }

    .not-front.node-type-carrefour .node-content .field-name-field-ref-articles .field-items .field-name-field-vignette img, .not-front.node-type-editorial .views-field-field-p-d-f-vignette-sommaire img, .page-projets-emblematiques .view-content .views-row img, .node-type-page-carrefou-innovation .field-type-entityreference .node-content .field-name-field-vignette img {
        width: 100%;
        height: auto;
        display: block;
    }

    .not-front.node-type-carrefour .node-content .field-name-field-ref-articles .field-name-field-chapo, .not-front.node-type-carrefour article .field-name-field-chapo.field-type-text-long {
        width: auto !important;
    }


    .front .node-page-accueil .field-name-field-bloc-chiffres p, .front .node-page-accueil .field-name-field-bloc-pr-sence-internationa p, .front .node-page-accueil .field-name-field-bloc-carri-res p, .front .node-page-accueil .field-name-field-bloc-terre-pluriel p, .front .node-page-accueil .field-name-field-bloc-dp .field-name-field-dev-durable-chapeau p, .front .node-content .publication-home-droitev p {
        font-size: 17px;
        line-height: 17px;
    }

    .bas-reseau .left-res span {
        line-height: 28px;
        margin: 0 20px 0 0;
    }

    .bas-reseau .left-res ul li {
        width: 28px;
        height: 28px;
    }

        .bas-reseau .left-res ul li a, #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li a {
            display: block;
            width: 28px;
            height: 28px;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li.Twitter a, .bas-reseau .left-res ul li.Twitter a, .bas-reseau .left-res ul li.Twitter a:hover {
            width: 28px;
            height: 28px;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li.Fb a, .bas-reseau .left-res ul li.Fb a, .bas-reseau .left-res ul li.Fb a:hover {
            width: 28px;
            height: 28px;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li.YouTube a, .bas-reseau .left-res ul li.YouTube a, .bas-reseau .left-res ul li.YouTube a:hover {
            width: 28px;
            height: 28px;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li.Linkedin a, .bas-reseau .left-res ul li.Linkedin a, .bas-reseau .left-res ul li.Linkedin a:hover {
            width: 28px;
            height: 28px;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li.Google a, .bas-reseau .left-res ul li.Google a, .bas-reseau .left-res ul li.Google a:hover {
            width: 28px;
            height: 28px;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li.Instagram a, .bas-reseau .left-res ul li.Instagram a, .bas-reseau .left-res ul li.Instagram a:hover {
            width: 28px;
            height: 28px;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li.Rss a, .bas-reseau .left-res ul li.Rss a, .bas-reseau .left-res ul li.Rss a:hover {
            width: 28px;
            height: 28px;
        }

    .bas-reseau .left-res {
        margin: 0 0 20px 0;
    }

    #page {
        border-radius: 0;
        margin: 0;
        width: 100% !important;
    }

    #header {
        background: #fff;
        border-radius: 0;
        height: auto;
        max-width: 100%;
        padding: 0;
    }

        #header #branding {
            height: auto;
            padding: 20px 30px;
        }

        #header .name-and-slogan #site-name {
            display: none;
        }

    .menu_overlay {
        display: none;
        background: #000;
        opacity: 0.45;
        -moz-opacity: 0.45;
        -khtml-opacity: 0.45;
        filter: Alpha(opacity=45);
        -ms-filter: alpha(opacity=45);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
        position: fixed;
        top: 0;
        left: 0;
        z-index: 997;
        width: 100%;
        height: 100%;
    }

    #header #branding .region-header, #header #branding .region-header-responsive {
        margin: 5px 0 0 0;
    }

    #block-locale-language .block-content ul li a, #block-locale-language--2 .block-content ul li a {
        font-size: 20px;
        font-family: "Tahoma", Arial;
    }

    #block-locale-language .block-content ul li:before, #block-locale-language--2 .block-content ul li:before {
        background: url(../images/images-home/sprite_mobile.png) no-repeat -4px -25px transparent;
        //arrow-language width: 10px;
        height: 19px;
    }

    #header .region-sidebar-first-responsive {
        float: left;
    }

    @media (max-width:480px) {
        #header .region-sidebar-first-responsive .top-menu-mobile .open-mobile-menu.open {
            margin: -10px 40px 0 0;
        }
    }

    @media (max-width:400px) {
        #header .region-sidebar-first-responsive .top-menu-mobile .open-mobile-menu.open {
            margin: -10px 30px 0 0;
        }
    }

    @media (max-width:360px) {
        #header .region-sidebar-first-responsive .top-menu-mobile .open-mobile-menu.open {
            margin: -18px 35px 0 0;
        }
    }

    #header .region-sidebar-first-responsive .wrap_menu_links {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 100%;
        z-index: 998;
    }

        #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 {
            width: 100%;
            position: relative;
        }

            #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li.last {
                margin: 0;
            }

            #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li img {
                position: absolute;
            }

                #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li img.Off {
                    display: block;
                }

                #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li img.On {
                    display: none;
                }

            #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li:hover img.On {
                display: block;
            }

            #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul li {
                float: left;
            }

            #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul:after {
                clear: both;
                content: ".";
                display: block;
                height: 0;
                visibility: hidden;
            }

            #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-1 ul {
                margin: 0;
            }

        #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 .clear_search {
            display: inline-block;
            background: url(../images/images-home/close-search.png) no-repeat 0 0 transparent;
            width: 17px;
            height: 17px;
            margin: 0 20px 0 0;
            text-indent: -9999px;
            vertical-align: top;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 .form-text {
            border: none;
            border-radius: 0;
            font-size: 16px;
            color: #000000;
            font-style: italic;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu-home {
            border-bottom: 1px solid #8a8a8a;
            padding: 0 30px 25px;
        }

    .block-content ul.menu li.expanded:hover ul {
        display: none;
    }

    #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links ul li a.active-trail {
        color: #e95518;
    }

    #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links ul li .menu_plus {
        float: right;
        background: url(../images/images-home/plus.png) no-repeat 95% 0 transparent;
        text-indent: -9999px;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0 25px 0 0;
    }

        #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links ul li .menu_plus a {
            display: block;
        }

    #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links ul li a:hover, .block-content ul.menu li.expanded ul li a:hover {
        color: #e95518;
    }

    #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links ul li a.link-open {
        color: #e95518;
        margin: 0 0 10px;
    }

    .block-content ul.menu li.expanded ul {
        position: relative;
        padding: 0;
        margin: 15px 0 0 0;
        display: none;
    }

        .block-content ul.menu li.expanded ul li {
            border-bottom: 1px solid #8a8a8a;
        }

            .block-content ul.menu li.expanded ul li.last {
                border-bottom: none;
            }

    .node-type-page-carrefou-innovation .inno_phares:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .node-type-page-carrefou-innovation .inno_phares {
        background: #e3e1e1;
        min-height: 100%;
        padding: 0 15px 15px;
    }

    .node-type-page-carrefou-innovation .field-type-entityreference .node-content .field-name-field-chapo .field-item {
        height: auto;
    }

    .node-type-page-carrefou-innovation .inno_phares a.mon-lien-plus {
        clear: both;
    }

    img.bg {
        display: none;
    }

    .not-front #footer .region-footer {
        margin: 0;
    }

    .front #footer .region-footer {
        margin: 0;
    }

    .front #columns {
        padding: 0 20px 30px;
    }

    #footer .region-footer .region-inner {
        min-height: 46px;
    }

    #footer .region-footer #block-menu-menu-menu-footer {
        width: auto;
        margin: 0 23px 0 15px;
    }

    .scroll-top {
        bottom: 12px;
        background: url(../images/images-home/icon-top.png) no-repeat scroll 0 0 transparent;
    }

    #footer #block-menu-menu-menu-footer ul {
        text-align: left;
    }

        #footer #block-menu-menu-menu-footer ul li {
            margin: 0 7px 7px 0;
            padding: 0 7px 0 0;
        }

            #footer #block-menu-menu-menu-footer ul li a {
                font-size: 13px;
                font-family: "Tahoma", Arial;
            }

    #footer .region-footer #block-block-1 {
        display: block;
    }

    .node-page-accueil .field-name-field-bloc-carri-res h3 {
        color: #383c44;
    }

    .node-page-accueil .field-name-field-bloc-pr-sence-internationa {
        width: 46%;
        height: auto;
    }

    .node-page-accueil .field-name-field-bloc-chiffres {
        padding: 0;
        width: 46%;
        height: auto;
    }

    .node-page-accueil .field-name-field-bloc-carri-res {
        width: 46%;
        border: none;
        margin: 15px 0 0 0;
        padding: 0 14px 0 0;
        clear: both;
        height: auto;
    }

    .node-page-accueil .field-name-field-bloc-terre-pluriel {
        padding: 0;
        width: 46%;
        margin: 15px 0 0 0;
        padding: 0 0 0 20px;
        height: auto;
    }

    .node-page-accueil {
    }

        .node-page-accueil .field-name-field-bloc-dp {
            margin: 15px 0 0;
            width: 100%;
        }

        .node-page-accueil .field-name-field-bloc-publication {
            margin: 15px 0 0 0;
            padding: 15px 0 0 0;
            width: 100%;
            border-top: 1px solid #b9b7b7;
            border-left: none;
        }

    .publication-home-droitev.publication-vertival {
        float: left;
        width: 70%;
    }

    .node-page-accueil .field-name-field-bloc-dp .dev-durable-chapo {
        padding: 0 15px 15px 0;
    }

    .bas-reseau .left-res {
        float: none;
        width: 100%;
    }

    .bas-reseau .right-res {
        clear: both;
        float: none;
    }

    .block-bouygues-newsroom .wrapper-social p {
        word-wrap: break-word;
    }

    .wrap_ins_tw, .wrap_yp_fb {
        position: relative;
    }

        .wrap_ins_tw:after, .wrap_yp_fb:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }

    .block-bouygues-newsroom .wrapper-social .col-social .bloc-social.type-yt {
        float: right;
        margin: 0 -3px 0 0;
    }

    .flexslider, .flexslider.fc-diapo {
        width: 97%;
        height: auto;
        margin: 0 auto 30px;
    }

    .not-front .flex-control-paging li a {
        width: 25px;
        height: 25px;
        font-size: 20px;
        line-height: 25px;
    }

    .flexslider .slides img {
        height: auto;
    }

    .front .flex-direction-nav .flex-next, .front .flexslider:hover .flex-next {
        right: -10px;
        top: 35%;
    }

    .front .flexslider .flex-prev, .front .flexslider:hover .flex-prev {
        left: -9px;
        top: 35%;
    }
}

@media (max-width:768px) {
    .item-list ul li.pager-previous {
        display: inline-block;
        margin-bottom: 15px;
        padding: 0 10px;
    }

    .item-list ul li.pager-next {
        display: inline-block;
        margin-top: 15px;
        padding: 0 10px;
    }

    .page-nos-realisations .pager .pager-last, .page-nos-realisations .pager .pager-first {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .page-nos-realisations #block-bouygues-pages-boutons-map-list {
        display: none;
    }
}

@media screen and (max-width:480px) {
    .page-nos-realisations #block-bouygues-pages-boutons-ok-refresh {
        display: block;
    }
}

@media screen and (max-width:550px) {
    .page-nos-realisations #block-bouygues-pages-b-map-projet-filiale {
        width: 100%;
        margin: 10px 0;
    }
}

@media screen and (max-width:550px) {
    .page-nos-realisations #block-bouygues-pages-b-map-projet-filtre {
        width: 100%;
        margin: 10px 0;
        position: relative;
        z-index: 9998;
    }
}

@media screen and (max-width:480px) {
    .page-nos-realisations #block-bouygues-pages-b-map-projet-filtre {
        margin: 0;
        display: block;
        position: relative;
        z-index: 100;
    }
}

@media screen and (max-width:550px) {
    .page-nos-realisations #block-bouygues-pages-b-map-region-choose-proj {
        margin: 0;
        display: block;
        position: relative;
        z-index: 101;
    }
}

@media screen and (max-width:550px) {
    .page-nos-realisations #block-bouygues-pages-b-map-region-choose-proj .block-title {
        width: 100%;
        padding: 0 0 10px 3px;
        z-index: 100;
    }
}

@media screen and (max-width:550px) {
    .page-nos-realisations #block-bouygues-pages-b-map-region-choose-proj2 {
        margin: 0;
        display: block;
        position: relative;
        z-index: 101;
    }
}

@media screen and (max-width:550px) {
    .page-nos-realisations #block-bouygues-pages-b-map-region-choose-proj2 .block-title {
        width: 100%;
        padding: 0 0 10px 3px;
    }
}

@media screen and (max-width:1024px) {
    .dropdown .dropdown-selected {
        width: 120px;
    }

    .dropdown .divscroller {
        width: 140px;
    }
}

@media screen and (max-width:600px) {
    .dropdown .dropdown-selected {
        width: 165px;
    }

    .dropdown .divscroller {
        width: 185px;
    }
}
/*@font-face {
    font-family: 'museo';
    src: url(/sites/all/themes/bouygues/fonts/museosans-900-webfont.eot);
    src: url(/sites/all/themes/bouygues/fonts/museosans-900-webfont.eot?#iefix) format("embedded-opentype"), url(/sites/all/themes/bouygues/fonts/museosans-900-webfont.woff2) format("woff2"), url(/sites/all/themes/bouygues/fonts/museosans-900-webfont.woff) format("woff"), url(../fonts/museosans-900-webfont.ttf) format("truetype"), url(/sites/all/themes/bouygues/fonts/museosans-900-webfont.svg#museo_sans900) format("svg");
    font-weight: normal;
    font-style: normal;
}*/
/*@font-face {
    font-family: 'robotocondensed';
    src: url(/sites/all/themes/bouygues/fonts/roboto-condensed-webfont.eot);
    src: url(/sites/all/themes/bouygues/fonts/roboto-condensed-webfont.eot?#iefix) format("embedded-opentype"), url(/sites/all/themes/bouygues/fonts/roboto-condensed-webfont.woff2) format("woff2"), url(/sites/all/themes/bouygues/fonts/roboto-condensed-webfont.woff) format("woff"), url(/sites/all/themes/bouygues/fonts/roboto-condensed-webfont.ttf) format("truetype"), url(/sites/all/themes/bouygues/fonts/roboto-condensed-webfont.svg#robotocondensed) format("svg");
    font-weight: normal;
    font-style: normal;
}*/
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

div.selector, div.checker, div.button, div.radio, div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

    div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
        outline: 0;
    }

    div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
        margin: 0;
        padding: 0;
    }

.highContrastDetect {
    background: url(/sites/all/themes/bouygues/images/bg-input.png) repeat-x 0 0;
    width: 0px;
    height: 0px;
}

input.uniform-input, select.uniform-multiselect, textarea.uniform {
    padding: 3px;
    background: url(/sites/all/themes/bouygues/images/bg-input.png) repeat-x 0 0;
    outline: 0;
}

    input.uniform-input.active, select.uniform-multiselect.active, textarea.uniform.active {
        background: url(/sites/all/themes/bouygues/images/bg-input-focus.png) repeat-x 0 0;
    }

div.checker input, input[type="search"], input[type="search"]:active {
    -moz-appearance: none;
    -webkit-appearance: none;
}

div.selector {
    line-height: 36px;
    height: 36px;
    padding: 0 0 0 10px;
    position: relative;
    overflow: hidden;
}

    div.selector span {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        background-position: right 0;
        height: 36px;
        line-height: 36px;
        padding-right: 22px;
        cursor: pointer;
        width: 100%;
        display: block;
    }

    div.selector.fixedWidth {
        width: 190px;
    }

        div.selector.fixedWidth span {
            width: 158px;
        }

    div.selector select {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: alpha(opacity=0);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
        border: none;
        background: none;
        position: absolute;
        height: 36px;
        top: 0;
        left: 0px;
        width: 100%;
    }

    div.selector.active {
        background-position: 0 -216px;
    }

        div.selector.active span {
            background-position: right -36px;
        }

    div.selector.hover, div.selector.focus {
        background-position: 0 -252px;
    }

        div.selector.hover span, div.selector.focus span {
            background-position: right -72px;
        }

        div.selector.hover.active, div.selector.focus.active {
            background-position: 0 -288px;
        }

            div.selector.hover.active span, div.selector.focus.active span {
                background-position: right -108px;
            }

    div.selector.disabled, div.selector.disabled.active {
        background-position: 0 -324px;
    }

        div.selector.disabled span, div.selector.disabled.active span {
            background-position: right -144px;
        }

div.checker {
    position: relative;
}

    div.checker, div.checker span, div.checker input {
        width: 20px;
        height: 20px;
    }

        div.checker span {
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
        }

        div.checker input {
            opacity: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -ms-filter: alpha(opacity=0);
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
            border: none;
            background: none;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

div.radio {
    position: relative;
}

    div.radio, div.radio span, div.radio input {
        width: 19px;
        height: 20px;
    }

        div.radio span {
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
        }

        div.radio input {
            opacity: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -ms-filter: alpha(opacity=0);
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
            border: none;
            background: none;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
        }

div.uploader {
    background-position: 0 -400px;
    height: 36px;
    width: 78%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    div.uploader span.action {
        background-position: right -544px;
        height: 36px;
        line-height: 36px;
        width: 85px;
        text-align: center;
        float: left;
        display: inline;
        overflow: hidden;
        cursor: pointer;
    }

    div.uploader span.filename {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        float: left;
        cursor: default;
        height: 32px;
        margin: 2px 0 2px 2px;
        line-height: 32px;
        width: 82px;
        padding: 0 10px;
    }

    div.uploader input {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: alpha(opacity=0);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
        border: none;
        background: none;
        position: absolute;
        top: 0;
        right: 0;
        float: right;
        cursor: default;
        width: 100%;
        height: 100%;
    }

    div.uploader.active span.action {
        background-position: right -616px;
    }

    div.uploader.hover, div.uploader.focus {
        background-position: 0 -472px;
    }

        div.uploader.hover span.action, div.uploader.focus span.action {
            background-position: right -580px;
        }

        div.uploader.hover.active span.action, div.uploader.focus.active span.action {
            background-position: right -652px;
        }

    div.uploader.disabled, div.uploader.disabled.active {
        background-position: 0 -436px;
    }

        div.uploader.disabled span.action, div.uploader.disabled.active span.action {
            background-position: right -508px;
        }

div.button {
    background-position: 0 -808px;
    height: 30px;
    cursor: pointer;
    position: relative;
}

    div.button a, div.button button, div.button input {
        opacity: 0.01;
        -moz-opacity: 0.01;
        -khtml-opacity: 0.01;
        -ms-filter: alpha(opacity=1);
        filter: alpha(opacity=1);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)";
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    div.button span {
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        zoom: 1;
        line-height: 30px;
        text-align: center;
        background-position: right -688px;
        height: 30px;
        margin-left: 13px;
        padding: 0;
    }

    div.button.active {
        background-position: 0 -838px;
    }

        div.button.active span {
            background-position: right -718px;
            cursor: default;
        }

    div.button.hover, div.button.focus {
        background-position: 0 -868px;
    }

        div.button.hover span, div.button.focus span {
            background-position: right -748px;
        }

    div.button.disabled, div.button.disabled.active {
        background-position: 0 -898px;
    }

        div.button.disabled span, div.button.disabled.active span {
            background-position: right -778px;
            cursor: default;
        }

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .picto, #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news span, #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social .left-news .picto, #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw span, #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb span {
    position: relative;
}

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .picto:after, #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news span:after, #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social .left-news .picto:after, #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw span:after, #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb span:after {
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: absolute;
        top: 50%;
        left: 0;
        background-color: transparent;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0 0;
        content: "";
    }

ul, ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

a:hover, a:focus {
    outline: none;
}

@media only screen and (max-width:1024px) {
    body.front {
        background: none;
    }
}

@media screen and (orientation:landscape) {
    body {
        -webkit-text-size-adjust: none;
    }
}

#page {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -o-border-radius: 0;
    position: relative;
}

@media only screen and (max-width:1024px) {
    #page {
        margin: 0;
    }
}

.scroll-top {
    background: url(../images/images-home/scroll-top.jpg) no-repeat;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 102px;
    left: 892px;
    display: none;
    z-index: 1000;
}

.section-media .scroll-top {
    bottom: 72px;
}

.page-newsroom-news .scroll-top {
    bottom: 102px;
}

.node-type-group .scroll-top {
    bottom: 108px;
}

@media only screen and (max-width:767px) {
    .node-type-group .scroll-top {
        bottom: 110px;
    }
}

.page-newsroom-twitter .scroll-top, .page-newsroom-facebook .scroll-top, .page-newsroom-blog .scroll-top, .page-newsroom-instagram .scroll-top, .page-newsroom-facebook .scroll-top, .page-newsroom-youtube .scroll-top {
    bottom: 102px;
}

@media only screen and (max-width:767px) {
    .page-newsroom-twitter .scroll-top, .page-newsroom-facebook .scroll-top, .page-newsroom-blog .scroll-top, .page-newsroom-instagram .scroll-top, .page-newsroom-facebook .scroll-top, .page-newsroom-youtube .scroll-top {
        bottom: 110px;
    }
}

@media only screen and (max-width:1024px) {
    .scroll-top {
        right: 0;
        left: auto;
    }
}

@media only screen and (max-width:767px) {
    .scroll-top {
        bottom: 116px;
    }

    .node-type-innovation .scroll-top {
        right: 10px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .scroll-top, .node-type-home-projet .scroll-top, .page-innovation-en-actions .scroll-top, .node-type-article-presse .scroll-top, .section-carrieres .scroll-top, .section-carreer .scroll-top, .liste-contenu-presse .scroll-top {
        bottom: 110px;
    }
}

.field-collection-container .field-items .field-item {
    margin-bottom: 0;
}

#block-bouygues-pages-page-nos-realisations-new {
    clear: both;
}

.front .bloc-social a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -999px;
    top: 0;
}
/*#main-content #main-content-header h1 {
    margin: 40px auto 0;
    text-align: center;
    width: 100%;
      font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
}*/
.page-publications #main-content #main-content-header h1 {
    margin: 10px auto 5px;
}

@media only screen and (max-width:767px) {
    .page-publications #main-content #main-content-header h1 {
        padding: 25px 10px 0;
        margin: 10px auto 25px;
    }
}

@media only screen and (max-width:1080px) {
    #main-content #main-content-header h1 {
        margin: 20px auto 0;
    }
}

@media only screen and (max-width:675px) {
    #main-content #main-content-header h1 {
        width: 80%;
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    #main-content #main-content-header h1 {
        width: 95%;
    }
}
.node-titre a {
    background: transparent url(/sites/all/themes/bouygues/images/icn/arrFiliale.png) no-repeat scroll left 2px;
    color: #ff9545;
    display: block;
    height: 35px;
    margin: 0 0 15px;
    padding: 0 0 0 12px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

.node-content ul li {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    color: #000;
}


.leaflet-top, .leaflet-bottom {
    pointer-events: none;
    position: absolute;
    z-index: 5;
}

#breadcrumb {
    padding: 2px 0;
}

@media only screen and (max-width:1024px) {
    #breadcrumb {
        display: block;
        padding: 0 20px;
    }
}

.node-type-page-filiale-gouvernance #breadcrumb {
    padding: 2px 22px 5px;
}

@media only screen and (max-width:767px) {
    .page-publications #breadcrumb {
        display: none;
    }
}

#breadcrumb .breadcrumb-wrapper #crumbs li {
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

    #breadcrumb .breadcrumb-wrapper #crumbs li .crumb-sepreator {
        background: url(../images/images-home/fleche-crum.png) no-repeat center center;
        text-indent: -9999px;
        width: 17px;
        padding: 0 5px;
    }

@media only screen and (max-width:1024px) {
    #breadcrumb .breadcrumb-wrapper #crumbs li .crumb-sepreator {
        background-position: center 8px;
    }
}

@media only screen and (max-width:480px) {
    #breadcrumb .breadcrumb-wrapper #crumbs li .crumb-sepreator {
        background-position: center 7px;
    }
}

#breadcrumb .breadcrumb-wrapper #crumbs li a {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: #000;
}

    #breadcrumb .breadcrumb-wrapper #crumbs li a span {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 12px;
        font-weight: 500;
        color: #000;
        text-decoration: underline;
    }

#breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
    color: #eb5f22;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
}

    #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title span {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 12px;
        font-weight: 500;
        color: #eb5f22;
    }

@media only screen and (max-width:1024px) {
    .breadcrumb-mobile {
        display: none;
    }

    .front .breadcrumb-mobile {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .page-publications .breadcrumb-mobile {
        display: block;
    }
}

.breadcrumb-mobile a {
    color: #000 !important;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 21px;
    font-weight: 500;
    padding: 0 0 0 23px !important;
    text-decoration: underline;
    font-size: 20px !important;
    font-family: "Times New Roman";
    margin: 10px 0 0 18px;
    background: url(../images/images-home/puce-retour.jpg) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .breadcrumb-mobile a {
        background: url(../images/images-home/mobile-fleche-retour.png) no-repeat left center;
        color: #cd4d00 !important;
        font-family: "Roboto", sans-serif;
        text-decoration: none;
        font-size: 15px !important;
        padding: 0 0 0 27px !important;
        margin: 5px 10px;
    }
}

.breadcrumb-mobile a:hover {
    text-decoration: underline;
}

.field-name-field-filiale-logo2 {
    margin: 45px 0 0;
}

p sup {
    vertical-align: super;
    position: relative;
    line-height: 10px;
    font-size: 9px;
    bottom: -1px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after {
        content: '';
        content: none;
    }

    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.node-type-innovation #page #header {
    height: auto;
}

.node-type-innovation #page #breadcrumb {
    padding: 10px 20px;
}

    .node-type-innovation #page #breadcrumb .breadcrumb-wrapper #crumbs li {
        display: inline-block;
        line-height: 20px;
        margin: 0;
        padding: 0;
    }

        .node-type-innovation #page #breadcrumb .breadcrumb-wrapper #crumbs li a {
            font-family: "Roboto", sans-serif;
            font-size: 12px;
            line-height: 12px;
            font-weight: 500;
            color: #000;
        }

        .node-type-innovation #page #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
            color: #eb5f22;
            font-size: 12px;
        }

.node-type-innovation #page .breadcrumb-mobile {
    background: none;
    padding: 10px 0 0 10px;
}

    .node-type-innovation #page .breadcrumb-mobile a {
        font-size: 15px !important;
        margin: 0;
        color: #cd4e00 !important;
        background: url(../images/images-home/fleche-retour.png) no-repeat left center;
        text-decoration: none;
        text-indent: 10px;
        font-family: "Tahoma", Arial;
    }

        .node-type-innovation #page .breadcrumb-mobile a:hover {
            text-decoration: underline !important;
        }

.node-type-innovation #page .region-help .region-inner #block-bouygues-main-block-print-send {
    display: none;
}

.node-type-innovation #page .show-desktop #block-views-bloc-innovation-video-block iframe {
    max-width: 100%;
}

@media only screen and (max-width:639px) {
    .node-type-innovation #page .show-desktop #block-views-bloc-innovation-video-block iframe {
        height: auto;
        min-height: 255px;
    }
}

@media only screen and (max-width:361px) {
    .node-type-innovation #page .show-desktop #block-views-bloc-innovation-video-block iframe {
        min-height: 180px;
    }
}

.node-type-innovation #page .show-responsive .view-bloc-innovation-video iframe {
    max-width: 100%;
}

@media only screen and (max-width:639px) {
    .node-type-innovation #page .show-responsive .view-bloc-innovation-video iframe {
        height: auto;
        min-height: 255px;
    }
}

@media only screen and (max-width:361px) {
    .node-type-innovation #page .show-responsive .view-bloc-innovation-video iframe {
        min-height: 180px;
    }
}

.node-type-innovation #page #columns {
    padding: 0;
}

    .node-type-innovation #page #columns #main-content #main-content-header h1#page-title {
        display: none;
    }

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite {
        width: 100%;
    }

        .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite .field-item h1#page-title {
            margin: 0 auto;
            text-align: center;
            width: 60%;
            font-family: "Roboto", sans-serif;
            font-size: 40px;
            line-height: 42px;
            font-weight: 300;
            color: #000;
            text-transform: inherit;
        }

@media only screen and (max-width:675px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite .field-item h1#page-title {
        width: 80%;
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite .field-item h1#page-title {
        width: 95%;
        font-size: 25px;
        line-height: 27px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite .field-item h1#page-title span {
    display: block;
    color: #ff9545;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
}

@media only screen and (max-width:675px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite .field-item h1#page-title span {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite .field-item h1#page-title span {
        width: 95%;
        font-size: 25px;
        line-height: 27px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-chapo {
    width: 80% !important;
    margin: 35px auto 40px;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-chapo {
        margin: 5px auto 25px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-chapo .field-items .field-item {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .video-text-wrapper iframe {
    width: 100%;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo {
    margin: 50px auto 25px;
    width: 100%;
    height: auto;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .field-type-image img {
        width: 100%;
    }

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box {
        width: 100% !important;
        background: #ff9545;
        float: left;
        position: static;
        height: 90px;
    }

@media only screen and (max-width:480px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box {
        width: auto !important;
        height: 110px;
        padding: 15px 0 5px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long {
    width: 100%;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p {
        text-align: center !important;
    }

        .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p strong {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            line-height: 30px;
            font-weight: 400;
            color: #fff;
        }

@media only screen and (max-width:480px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p strong {
        line-height: 21px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p em {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    font-style: italic;
    color: #fff !important;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-control-nav {
    bottom: 20px;
    right: 0;
    text-align: center;
    width: 100%;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-control-nav li a {
        background: #ffc89e;
        width: 15px;
        height: 15px;
        text-indent: -9999px !important;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -o-border-radius: 50%;
        position: relative;
    }

        .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-control-nav li a.flex-active {
            background: #fff;
        }

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-direction-nav {
    display: none;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .field-name-field-visuel-petit figure img {
    width: 100%;
    height: auto;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte {
    width: 80%;
    padding: 0 0 0 35px;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte {
        padding: 0 0 0 15px;
        width: 90%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte {
        padding: 0 10px 0;
        width: auto;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte h2, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte h3 {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    color: #ff9545;
    padding: 15px 0 13px;
    text-transform: inherit;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte h2, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte h3 {
        padding: 10px 0 5px;
        line-height: 30px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte p {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    color: #000;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage {
    margin: 50px 0 0;
    padding: 0;
    width: 100%;
    height: 155px;
    background: #ff9545;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage {
        width: auto;
        margin: 50px 15px 0;
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage {
        margin: 35px 10px 0;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item {
    margin: 0;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob {
        float: left;
    }

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob {
        display: none;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image {
    margin: 0;
    width: 142px;
    height: auto;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image {
        width: 172px;
        height: 155px;
    }
}

@media only screen and (max-width:768px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image {
        height: 188px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image img {
        width: 100%;
    }
}

@media only screen and (max-width:768px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image img {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-mob {
        display: block;
    }

        .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-mob img {
            width: 100%;
            height: auto;
        }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right {
    float: left;
    width: 82%;
    padding: 0 0 0 15px;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right {
        width: 70%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right {
        width: auto;
        padding: 0 15px 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .show-mob {
    display: none;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-texte {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    margin: 0;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-texte {
        line-height: 19px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-fonction {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    padding: 10px 0 0;
    margin: 0 0 8px;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-fonction {
        font-size: 20px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte p {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    margin: 0;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte p {
        line-height: 19px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte p strong {
    color: #fff;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center {
    float: left;
    width: auto;
    padding: 10px;
    position: relative;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte .diapo-texte {
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        line-height: 21px;
        font-weight: 400;
        color: #fff;
        font-style: italic;
        margin: 0;
    }

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte .diapo-texte {
        line-height: 19px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte .diapo-fonction {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin: 0 0 8px;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte .diapo-fonction {
        font-size: 20px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte p {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    margin: 0;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte p {
        line-height: 19px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte p strong {
    color: #fff;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte.field-type-text-with-summary {
        margin-top: 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas {
    background: #f8f7f7;
    padding: 0 0 20px;
    margin: 45px 0 0;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas {
        margin: 45px 15px 35px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas {
        margin: 0 10px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container {
    width: 100%;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .field-label {
        font-family: "Roboto", sans-serif;
        font-size: 25px;
        line-height: 25px;
        font-weight: 700;
        color: #14b9c8;
        padding: 30px 40px 22px;
        text-transform: inherit;
    }

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .field-label {
        padding: 22px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .field-label {
        padding: 30px 15px 20px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres {
    width: 100%;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left {
        float: left;
        width: 50%;
        padding: 0;
        margin: 0;
    }

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left {
        width: 100%;
        margin: 0 0 25px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 {
    float: left;
    padding: 0 0 0 40px;
    width: 88px;
    height: 88px;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 {
        padding: 0 0 0 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    width: 82px;
    height: 82px;
    color: #14b9c8;
    border: 3px solid #14b9c8;
    vertical-align: middle;
    display: table-cell;
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items {
        width: 72px;
        height: 72px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items .field-item {
    font-family: "museo", sans-serif;
    font-size: 36px;
    line-height: 35px;
    font-weight: normal;
    color: #000;
    text-align: center;
}

@media only screen and (max-width:480px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items .field-item {
        font-size: 30px;
        line-height: 28px;
    }
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items .field-item {
        padding: 0;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long {
    float: left;
    width: 310px;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        float: left;
        color: #000;
        margin: 0;
        padding: 15px 0 0 20px;
        text-transform: inherit;
        display: inline-block;
    }

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p {
        font-size: 25px;
        padding: 15px 0 0 15px;
        margin: 0;
    }
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p {
        padding: 10px 10px 0 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p span {
    font-family: "museo", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    color: #14b9c8;
    display: block;
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p span {
        font-size: 25px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right {
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right {
        width: 100%;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 {
    float: left;
    padding: 0 0 0 40px;
    width: 88px;
    height: 88px;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 {
        padding: 0 0 0 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    width: 82px;
    height: 82px;
    color: #14b9c8;
    border: 3px solid #14b9c8;
    vertical-align: middle;
    display: table-cell;
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items {
        width: 72px;
        height: 72px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items .field-item {
    font-family: "museo", sans-serif;
    font-size: 36px;
    line-height: 41px;
    font-weight: normal;
    color: #000;
    text-align: center;
}

@media only screen and (max-width:480px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items .field-item {
        font-size: 30px;
        line-height: 28px;
    }
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items .field-item {
        padding: 0;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long {
    float: left;
    width: 310px;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        float: left;
        color: #000;
        padding: 15px 0 0 20px;
        margin: 0;
        text-transform: inherit;
    }

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p {
        font-size: 25px;
        padding: 15px 0 0 15px;
    }
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p {
        padding: 10px 10px 0 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p span {
    font-family: "museo", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    color: #14b9c8;
    display: block;
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p span {
        font-size: 25px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir {
    background: url(../images/images-home/map-2.jpg) no-repeat;
    width: 100%;
    height: 199px;
    padding: 0;
    max-width: 100%;
    margin: 35px 0 0;
    float: left;
    clear: both;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir {
        margin: 35px 15px;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        width: 97%;
        height: auto;
        padding: 0 0 15px;
    }
}

@media only screen and (max-width:800px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir {
        width: 96%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir {
        margin: 30px 10px;
        height: auto;
        padding: 0 0 20px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir h2 {
    margin: 65px auto 30px;
    text-align: center;
    font-family: "Raleway", sans-serif !important;
    color: #000 !important;
    background: none;
    display: block;
    text-transform: inherit !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir h2 {
        margin: 30px auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir h2 {
        margin: 30px auto 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir h2 {
        margin: 30px auto;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir h2 span {
    color: #fff;
    text-transform: inherit;
    font-weight: 600 !important;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links {
        padding: 0 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li {
    margin: 5px 0;
    height: 38px;
    display: table;
    margin: 0 auto;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li a {
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 7px;
        padding: 0 0 0 35px;
        font-family: "robotocondensed", sans-serif;
        font-size: 20px;
        line-height: 27px;
        font-weight: 500;
        color: #000;
        text-transform: uppercase;
    }

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li a {
        font-size: 18px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li a em {
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li a em {
        font-size: 18px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li a.pdf {
    background: url(../images/images-home/download.png) no-repeat left center;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li a.pic-mail {
    background: url(../images/images-home/mail.png) no-repeat left center;
}

@media only screen and (max-width:360px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li.last {
        padding: 0 0 25px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links h2 {
    margin: 35px auto 30px;
    text-align: center;
    font-family: "Raleway", sans-serif !important;
    color: #000 !important;
    background: none;
    display: block;
    text-transform: inherit !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links h2 {
        margin: 30px auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links h2 {
        margin: 30px auto 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links h2 {
        margin: 20px auto;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links h2 span {
    color: #fff;
    text-transform: inherit;
    font-weight: 600 !important;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links {
        padding: 0 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li {
    width: 46%;
    float: left;
    padding: 0 0 0 35px;
    margin: 5px 0;
    height: 38px;
}

@media only screen and (max-width:800px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li {
        padding: 0 0 0 15px;
        width: 47%;
        margin: 0 0 6px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li {
        width: 100%;
        float: none;
        margin: 0 0 10px;
        padding: 0;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 7px;
    padding: 0 0 0 35px;
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li a {
        font-size: 18px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li a em {
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li a em {
        font-size: 18px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li a.pdf {
    background: url(../images/images-home/download.png) no-repeat left center;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li a.pic-mail {
    background: url(../images/images-home/mail.png) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li.last {
        margin: 0 0 5px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li.last {
        padding: 0 0 25px;
    }
}

.node-type-article-projet-emblema #page #header {
    height: auto;
}

    .node-type-article-projet-emblema #page #header #branding .show-responsive {
        float: right;
        width: auto;
    }

    .node-type-article-projet-emblema #page #header .show-desktop .view-projet-emblematik-bloc-head .visuel-medium {
        margin: 0;
    }

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #header .show-desktop .view-projet-emblematik-bloc-head .visuel-medium {
        margin-top: 25px;
    }
}

.node-type-article-projet-emblema #page #header .show-desktop .node-header .node-title {
    display: none;
}

.node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider {
    height: auto;
    width: 100%;
}

    .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo {
        margin: 0 auto;
        width: 100%;
    }

        .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-direction-nav .flex-next {
            background: transparent url(../images/images-home/arrRightDiapo.png) no-repeat left top;
            height: 66px;
            opacity: 1;
            right: 0;
            top: 184px;
            width: 50px;
        }

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-direction-nav .flex-next {
        right: 3px;
    }
}

.node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-direction-nav .flex-prev {
    background: transparent url(../images/images-home/arrLeftDiapo.png) no-repeat scroll left top;
    height: 68px;
    left: 0;
    opacity: 1;
    top: 184px;
    width: 50px;
}

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-direction-nav .flex-prev {
        left: 2px;
    }
}

.node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-control-nav {
    bottom: 40px;
    right: 0;
    text-align: center;
    width: 100%;
    position: absolute;
}

    .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-control-nav li {
        margin: 0 3px;
    }

        .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-control-nav li a {
            background: rgba(255, 255, 255, 0.5);
            width: 16px;
            height: 16px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -o-border-radius: 50%;
            text-indent: -9999px;
            float: left;
        }

            .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-control-nav li a.flex-active {
                background: white;
            }

.node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .slides li {
    margin: 0;
}

    .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .slides li .illustration-item-wrapper img {
        margin: 0 auto;
        width: 96%;
    }

.node-type-article-projet-emblema #page #header .show-responsive {
    float: none;
    height: auto;
    width: 100%;
}

    .node-type-article-projet-emblema #page #header .show-responsive .node-header .node-title {
        display: none;
    }

    .node-type-article-projet-emblema #page #header .show-responsive .flexslider {
        height: auto;
    }

        .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo {
            margin: 0 auto;
            width: 100%;
        }

            .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .flex-direction-nav .flex-next {
                background: transparent url(../images/images-home/arrRightDiapo.png) no-repeat left top;
                height: 66px;
                opacity: 1;
                right: 5px;
                width: 50px;
            }

            .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .flex-direction-nav .flex-prev {
                background: transparent url(../images/images-home/arrLeftDiapo.png) no-repeat scroll left top;
                height: 68px;
                left: 5px;
                opacity: 1;
                width: 50px;
            }

            .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .flex-control-nav {
                bottom: 10px;
                right: 0;
                text-align: center;
                width: 100%;
                position: absolute;
            }

                .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .flex-control-nav li {
                    margin: 0 3px;
                }

                    .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .flex-control-nav li a {
                        background: rgba(255, 255, 255, 0.5);
                        width: 16px;
                        height: 16px;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                        -o-border-radius: 50%;
                        text-indent: -9999px;
                        float: left;
                    }

                        .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .flex-control-nav li a.flex-active {
                            background: white;
                        }

            .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .slides li {
                margin: 0;
            }

                .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .slides li .illustration-item-wrapper img {
                    width: 94%;
                    margin: 0 auto;
                }

@media only screen and (max-width:639px) {
    .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .slides li .illustration-item-wrapper img {
        width: 90%;
    }
}

@media only screen and (max-width:400px) {
    .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .slides li .illustration-item-wrapper img {
        width: 89%;
    }
}

@media only screen and (max-width:360px) {
    .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .slides li .illustration-item-wrapper img {
        width: 88%;
    }
}

@media only screen and (max-width:320px) {
    .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .slides li .illustration-item-wrapper img {
        width: 86%;
    }
}

.node-type-article-projet-emblema #page #header .show-responsive .node-article-projet-emblema .node-content img {
    width: 100%;
    height: auto;
}

.node-type-article-projet-emblema #page #breadcrumb {
    padding: 5px 0 0;
}

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #breadcrumb {
        padding: 5px 15px;
    }
}

.node-type-article-projet-emblema #page #breadcrumb .breadcrumb-wrapper #crumbs li {
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

    .node-type-article-projet-emblema #page #breadcrumb .breadcrumb-wrapper #crumbs li a {
        font-family: "Roboto", sans-serif;
        font-size: 11px;
        line-height: 11px;
        font-weight: 500;
        color: #000;
    }

    .node-type-article-projet-emblema #page #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
        color: #eb5f22;
    }

.node-type-article-projet-emblema #page .breadcrumb-mobile a {
    font-size: 12px !important;
    margin: 10px 0 0 10px;
    color: #cd4e00 !important;
    background: url(../images/images-home/fleche-retour.png) no-repeat left center;
    text-decoration: none;
    text-indent: 10px;
    font-family: "Tahoma", Arial !important;
}

    .node-type-article-projet-emblema #page .breadcrumb-mobile a:hover {
        text-decoration: underline;
    }

.node-type-article-projet-emblema #page #columns {
    padding: 0;
}

    .node-type-article-projet-emblema #page #columns #main-content #main-content-header h1#page-title {
        display: none;
    }

    .node-type-article-projet-emblema #page #columns #main-content #content {
        margin: 50px 0 0;
    }

        .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-image .image-style-none {
            display: table;
            margin: 0 auto 0;
        }

        .node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet {
            width: 95%;
            margin: 10px auto;
        }

            .node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet h1 {
                text-align: center;
                font-family: "Roboto", sans-serif;
                font-size: 40px;
                line-height: 42px;
                font-weight: 700;
                color: #ff9545;
                text-transform: inherit;
            }

@media only screen and (max-width:675px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet h1 {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet h1 {
        font-size: 25px;
        line-height: 27px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet span {
    display: block;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 300;
    text-align: center;
}

@media only screen and (max-width:675px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet span {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet span {
        font-size: 25px;
        line-height: 27px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-diapo-texte.field-type-text-with-summary {
    float: none;
    margin: 0;
    width: 100%;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-diapo-texte.field-type-text-with-summary p {
        font-family: "Roboto", sans-serif;
        font-size: 17px;
        line-height: 22px;
        font-weight: 300;
        color: #000;
        display: block;
        text-align: center;
        width: 80%;
        margin: 40px auto 0;
    }

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-diapo-texte.field-type-text-with-summary p {
        width: 90%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet {
    background: url(../images/images-home/bg-map-projet.jpg) no-repeat;
    width: 100%;
    margin: 30px 0 0;
    line-height: normal;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet {
        margin: 15px 0 0;
        background-position: 50% 0;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter {
    float: left;
    width: 40%;
    margin: 40px 0 40px 52px;
    text-align: left;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    line-height: 36px;
    font-weight: 100;
}

    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter .newsletter_link {
        font-family: "Roboto", sans-serif;
        font-size: 19px;
        line-height: 22px;
        font-weight: 600;
        background: none;
        text-transform: inherit;
        color: #fff;
        padding: 0;
    }

@media only screen and (max-width:850px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter .newsletter_link {
        font-size: 22px;
        line-height: 25px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter .newsletter_link:hover {
    color: #000;
}

@media only screen and (max-width:850px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter {
        width: 60%;
        text-align: center;
        margin: 30px auto 0;
        font-size: 22px;
        line-height: 35px;
        float: none;
    }
}

@media only screen and (max-width:639px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter {
        width: 80%;
        margin: 20px auto 0;
        font-size: 19px;
        line-height: 30px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter {
        width: 90%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien {
    float: right;
    width: 50%;
}

@media only screen and (max-width:850px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:639px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien {
        width: 210px;
        margin: 0 auto;
        float: none;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien .lien_projet {
    font-family: "robotocondensed", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    background: url(../images/images-home/oeil.png) no-repeat left center;
    text-transform: uppercase;
    padding: 0 0 0 30px;
    float: right;
    margin: 72px 50px 0 0;
    position: relative;
    color: #000;
}

@media only screen and (max-width:850px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien .lien_projet {
        width: auto;
        margin: 25px auto 35px;
        float: none;
        transform: none;
        font-size: 20px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left center;
        padding: 0 0 0 35px;
    }
}

@media only screen and (max-width:639px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien .lien_projet {
        margin: 15px auto 25px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien .lien_projet:hover {
    background: url(../images/images-home/oeil-blan.png) no-repeat left center;
    color: #fff;
}

@media only screen and (max-width:850px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien .lien_projet: hover {
        background: url(../images/images-home/oeil-mobile-blan.png) no-repeat left center;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .temoignage {
    background: #ff9545;
    margin: 0px;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage {
        margin: 20px 0 0;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-photo .field-name-field-photo figure img {
    display: table;
    margin: 0 auto;
    padding: 35px 0 0;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-photo .field-name-field-photo figure img {
        padding: 25px 0 0;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-bloc-libre-titre {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 35px 0 12px;
}

@media only screen and (max-width:380px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-bloc-libre-titre {
        margin: 0 auto;
        max-width: 160px;
        font-size: 25px;
        padding: 25px 0 12px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-bio-fonction {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    padding: 0 50px;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-bio-fonction {
        padding: 0 30px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-bio-fonction {
        margin: 0 auto;
        font-size: 25px;
        line-height: 35px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-texte-boite {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 22px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    width: auto;
    margin: 0 auto;
    padding: 0 50px 40px;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-texte-boite {
        padding: 0 30px 20px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .temoignage .tire {
    width: 15px;
    height: 2px;
    background: #fff;
    margin: 20px auto;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage .tire {
        margin: 15px auto;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-collection-view {
    border: none;
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-label {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #14b9c8;
    text-align: center;
    padding: 35px 0 15px;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-label {
        padding: 35px 0 0;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items {
    margin-left: -5px;
    margin-right: -5px;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        margin: 5px 0 0;
    }

@media (min-width:768px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item {
        float: left;
        width: 33.33333%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item {
        margin: 0 0 10px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-name-field-chiffre-1 {
        float: left;
        padding: 0 0 0 2px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-name-field-chiffre-1 .field-items {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    width: 118px;
    height: 118px;
    color: #14b9c8;
    border: 3px solid #14b9c8;
    display: table;
    margin: 0 auto;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-name-field-chiffre-1 .field-items {
        width: 85px;
        height: 85px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-name-field-chiffre-1 .field-items .field-item {
    font-family: "museo", sans-serif;
    font-size: 26px;
    line-height: 22px;
    font-weight: normal;
    margin: 45px auto 0;
    color: #000;
    text-align: center;
    float: none;
    width: 100%;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-name-field-chiffre-1 .field-items .field-item {
        margin: 18px auto 0;
        font-size: 18px;
        line-height: 50px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-type-text-long {
        display: table;
        float: left;
        width: 80%;
    }
}

@media only screen and (max-width:500px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-type-text-long {
        width: 66%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-type-text-long .field-item {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 22px;
    font-weight: 300;
    color: #000;
    float: none;
    width: 72%;
    text-align: center;
    padding: 18px 0 0;
    margin: 0 auto;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-type-text-long .field-item {
        width: 100%;
        text-align: left;
        padding: 0 0 0 20px;
        height: 85px;
        vertical-align: middle;
        display: table-cell;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image {
    width: 50%;
    float: right;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image img {
        width: 100%;
        vertical-align: middle;
    }

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image img {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image img {
        height: auto;
    }
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image {
        display: block;
        float: none;
        width: 100%;
        height: auto;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image-tab {
    display: none;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image-tab img {
        width: 100%;
        height: auto;
    }

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image-tab {
        display: block;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image-tab {
        display: none;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents {
    width: 50%;
    float: left;
    background: #f8f7f7;
    padding-bottom: 48.6%;
    position: relative;
    height: 0;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents {
        float: none;
        padding: 0;
        height: auto;
        width: 100%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all {
        position: static;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap {
    left: 25%;
    position: absolute;
    top: 50%;
    transform: translate(-20%, -50%);
    width: 84%;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap {
        left: 0;
        position: static;
        top: 0;
        transform: none;
        width: 100%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .titre h2 {
    text-transform: inherit;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #000;
    padding: 0 0 20px;
    text-align: center;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .titre h2 {
        padding: 35px 0 30px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .titre h2 {
        padding: 40px 0 30px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .titre h2 span {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #ff9545;
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary {
    float: none;
    margin: 0;
    width: 100%;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary p {
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        line-height: 21px;
        font-weight: 300;
        color: #000;
        text-align: center;
        margin: 0;
    }

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary p {
        padding: 0 30px 35px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary p {
        padding: 0 15px 45px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image {
    width: 50%;
    float: left;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image img {
        width: 100%;
        vertical-align: middle;
    }

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image img {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image img {
        height: auto;
    }
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image {
        display: block;
        float: none;
        width: 100%;
        height: auto;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image-tab {
    display: none;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image-tab img {
        width: 100%;
        height: auto;
    }

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image-tab {
        display: block;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image-tab {
        display: none;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents {
    width: 50%;
    float: right;
    background: #f8f7f7;
    padding-bottom: 48.6%;
    position: relative;
    height: 0;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents {
        padding: 0;
        height: auto;
        width: 100%;
        float: none;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all {
        position: static;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap {
    left: 25%;
    position: absolute;
    top: 50%;
    transform: translate(-20%, -50%);
    width: 84%;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap {
        left: 0;
        position: static;
        top: 0;
        transform: none;
        width: 100%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .titre h2 {
    text-transform: inherit;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #000;
    padding: 0 0 20px;
    text-align: center;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .titre h2 {
        padding: 35px 0 30px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .titre h2 {
        padding: 40px 0 30px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .titre h2 span {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #ff9545;
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary {
    float: none;
    margin: 0;
    width: 100%;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary p {
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        line-height: 21px;
        font-weight: 300;
        color: #000;
        text-align: center;
        margin: 0;
    }

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary p {
        padding: 0 30px 35px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary p {
        padding: 0 15px 45px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique {
    margin: 0px;
}

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique {
        margin: 0;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider {
    width: 100%;
    height: auto;
    padding: 55px 0 0;
    margin: 0;
}

    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .legend-box {
        background: #f8f7f7;
        float: left;
        height: 110px;
        width: 100%;
    }

        .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .legend-box .field-name-field-diapo-titre {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            line-height: 30px;
            font-weight: 400;
            color: #fff;
            text-align: center;
            padding: 10px 0 0;
        }

        .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .legend-box .field-name-field-diapo-texte p {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            line-height: 21px;
            font-weight: 300;
            color: #818181;
            text-align: center;
            font-style: italic;
            width: 100%;
            margin: 0;
        }

    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-control-nav {
        bottom: 20px;
        right: 0;
        text-align: center;
        width: 100%;
        margin: 0;
    }

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-control-nav {
        bottom: 5px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-control-nav li a {
    background: #cfcfcf;
    border-radius: 50%;
    height: 15px;
    position: relative;
    text-indent: -9999px;
    width: 15px;
}

    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-control-nav li a.flex-active {
        background: #818181;
    }

.node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav {
    display: none;
}

    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a {
        height: 32px;
        width: 32px;
        margin: 0;
        padding: 0;
        position: absolute;
    }

        .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a.flex-prev {
            left: 0;
            background: url(../images/images-home/histoire-prev.png) no-repeat center top;
            left: 0;
            top: 43%;
        }

@media only screen and (max-width:480px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a.flex-prev {
        top: 37%;
    }
}

@media only screen and (max-width:330px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a.flex-prev {
        top: 36%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a.flex-next {
    right: 0;
    background: url(../images/images-home/histoire-next.png) no-repeat center top;
    top: 43%;
}

@media only screen and (max-width:480px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a.flex-next {
        top: 37%;
    }
}

@media only screen and (max-width:330px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a.flex-next {
        top: 36%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .video-project {
    display: none;
    margin: 0;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .video-project li {
        list-style-type: none;
        background: none;
    }

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .video-project li {
        padding: 0;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .video-project li a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 3px;
    display: table;
    margin: 40px auto 0;
    color: #000;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    padding: 0 0 0 40px;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .video-project li a {
        margin: 15px auto 30px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .video-project li a:hover {
    text-decoration: underline;
}

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .video-project {
        display: block;
    }
}

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-type-youtube {
        display: none;
    }
}

.node-type-page-carrefou-innovation #main-content #main-content-header h1 {
    margin: 40px auto 0;
    text-align: center;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
}

@media only screen and (max-width:1080px) {
    .node-type-page-carrefou-innovation #main-content #main-content-header h1 {
        margin: 20px auto 0;
    }
}

@media only screen and (max-width:675px) {
    .node-type-page-carrefou-innovation #main-content #main-content-header h1 {
        width: 80%;
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-page-carrefou-innovation #main-content #main-content-header h1 {
        width: 100%;
    }
}

.node-type-page-carrefou-innovation .field-name-field-chapo {
    width: 90%;
    margin: 0px auto 40px;
}

@media only screen and (max-width:1080px) {
    .node-type-page-carrefou-innovation .field-name-field-chapo {
        margin: 0px auto 35px;
        width: 95% !important;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-carrefou-innovation .field-name-field-chapo {
        margin: 0 auto 25px;
        width: 92% !important;
    }
}

.node-type-page-carrefou-innovation .field-name-field-chapo p {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

.node-type-page-carrefou-innovation .node-editorial .node-header .node-title a {
    background: transparent url(/sites/all/themes/bouygues/images/icn/arrFiliale.png) no-repeat scroll left 2px;
    color: #ff9545;
    display: block;
    height: 35px;
    margin: 0 0 9px;
    padding: 0 0 0 12px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

.node-type-page-carrefou-innovation .node-editorial .node-content .node-titre a {
    background: transparent url(/sites/all/themes/bouygues/images/icn/arrFiliale.png) no-repeat scroll left 2px;
    color: #ff9545;
    display: block;
    height: 35px;
    margin: 0 0 9px;
    padding: 0 0 0 12px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

.node-type-page-carrefou-innovation .node-editorial .node-content .field-name-field-chapo {
    width: 100%;
}

    .node-type-page-carrefou-innovation .node-editorial .node-content .field-name-field-chapo .field-item {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        color: #000;
        margin: 0;
    }

.node-type-page-carrefou-innovation .inno_phares {
    background: #eeeded;
    margin: 40px 0 55px;
    float: left;
    clear: both;
}

    .node-type-page-carrefou-innovation .inno_phares .field-label {
        font-family: "Roboto", sans-serif;
        font-size: 22px;
        line-height: 26px;
        font-weight: 700;
        color: #ff9545;
        background: none;
        padding: 3px 0;
    }

    .node-type-page-carrefou-innovation .inno_phares .node-innovation .node-header .node-title a {
        background: transparent url(/sites/all/themes/bouygues/images/icn/arrFiliale.png) no-repeat scroll left 2px;
        color: #ff9545;
        display: none;
        height: 35px;
        margin: 0 0 9px;
        padding: 0 0 0 12px;
        text-decoration: none;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
    }

    .node-type-page-carrefou-innovation .inno_phares .node-innovation .node-content .field-name-field-chapo {
        width: 100%;
    }

        .node-type-page-carrefou-innovation .inno_phares .node-innovation .node-content .field-name-field-chapo .field-item {
            font-family: "Roboto", sans-serif;
            font-size: 14px;
            line-height: 18px;
            font-weight: 300;
            color: #000;
            margin: 0;
        }

    .node-type-page-carrefou-innovation .inno_phares .mon-lien-plus {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
    }

        .node-type-page-carrefou-innovation .inno_phares .mon-lien-plus:hover {
            color: #ff9545;
        }

@media only screen and (max-width:1024px) {
    .node-type-page-carrefou-innovation .field-type-entityreference .field-items .field-item {
        width: 32%;
    }
}

@media only screen and (max-width:860px) {
    .node-type-page-carrefou-innovation .field-type-entityreference .field-items .field-item {
        width: 31.5%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-carrefou-innovation .field-type-entityreference .field-items .field-item {
        width: 100%;
    }
}

.node-type-carrefour .field-name-field-chapo {
    width: 90%;
    margin: 10px auto 40px;
}

@media only screen and (max-width:1080px) {
    .node-type-carrefour .field-name-field-chapo {
        margin: 10px auto 35px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-carrefour .field-name-field-chapo {
        margin: 5px auto 25px;
    }
}

.node-type-carrefour .field-name-field-chapo p {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

.node-type-carrefour .field-item .node-content .editorial-title {
    background: transparent url(/sites/all/themes/bouygues/images/icn/arrFiliale.png) no-repeat scroll left 2px;
    color: #ff9545;
    display: block;
    height: 35px;
    margin: 0 0 9px;
    padding: 0 0 0 12px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

.node-type-carrefour .field-item .node-content .field-name-field-vignette {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000;
}

.node-type-carrefour .field-item .node-content .field-name-field-chapo {
    width: 100%;
}

    .node-type-carrefour .field-item .node-content .field-name-field-chapo .field-item {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        color: #000;
        margin: 0;
    }

.node-type-carrefour .field-item .node-content .field-name-field-chapo {
    width: 100%;
}

    .node-type-carrefour .field-item .node-content .field-name-field-chapo .field-item p {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        color: #000;
        margin: 0;
        text-align: left;
    }

.node-type-carrefour .field-item .node-content a {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
}

.node-type-carrefour .node-content a {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
}

.node-type-page-filiale-gouvernance #breadcrumb {
    padding: 2px 20px 5px !important;
}

.node-type-page-filiale-gouvernance .field-name-field-chapo {
    margin: 20px auto 25px !important;
}

.node-type-page-filiale-gouvernance .legend-box {
    position: absolute;
}

    .node-type-page-filiale-gouvernance .legend-box .flex-direction-nav {
        display: none;
    }

.node-type-page-filiale-gouvernance .orange .field-name-field-bio-nom {
    color: #fff;
    padding: 7px 0 0;
    font-family: "Roboto", sans-serif;
    font-size: 23px;
    line-height: 26px;
    font-weight: 700;
}

.node-type-page-filiale-gouvernance .orange .field-name-field-bio-fonction {
    background-color: #ff9545;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    padding: 5px 5px 7px 0;
    color: #fff;
}

.node-type-page-filiale-gouvernance .flexslider.fc-diapo .flex-next {
    right: 15px !important;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home {
        padding: 0 15px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news {
    float: left;
    width: 50%;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news {
        margin: 0;
        width: 50%;
    }
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news {
        width: 100%;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social {
    width: 100%;
    position: relative;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social {
        width: 100%;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .left-news {
    float: left;
    height: 220px;
    width: 50%;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .left-news {
        width: 50%;
        height: auto;
    }
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .left-news {
        width: 100%;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .left-news img {
    width: 220px;
    height: 220px;
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .left-news img {
        width: 100% !important;
        height: auto;
        vertical-align: top;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news {
    float: right;
    width: 50%;
    height: 220px;
    background: #f8f7f7;
    position: relative;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news {
        bottom: 0;
        float: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 50% !important;
        height: 100%;
    }
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news {
        width: 100% !important;
        float: left;
        position: relative;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news:before {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #f8f7f7;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 40%;
    left: -20px;
    content: "";
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news: before {
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-bottom: 50px solid #f8f7f7;
        position: absolute;
        top: -87px;
        right: 0;
        content: "";
        display: table;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .picto {
    padding: 0 29px 0 0;
    display: block;
    margin: 25px 0 0 15px;
}

.picto:after {
    background-position: -66px -223px;
    width: 29px;
    height: 28px;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .picto {
        margin: 25px 0 0 15px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .picto {
        margin: 25px 0 15px 15px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    padding: 6px 8px 0;
    color: #555555;
}


#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .dat {
    display: none;
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .datnews p {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    padding: 30px 8px 0 8px;
    color: #555555;
    text-align: justify;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .datnews p {
        padding: 25px 18px 0;
    }
}

@media only screen and (max-width:767px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-news .right-news .datnews p {
        line-height: 35px;
        padding: 20px 18px 0;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .left-news {
    float: right;
    height: 220px;
    width: 50%;
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .left-news {
        width: 100% !important;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .left-news img {
    width: 220px;
    height: 220px;
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .left-news img {
        width: 100%;
        height: auto;
        vertical-align: top;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news {
    float: left;
    width: 50%;
    height: 220px;
    background: #f8f7f7;
    position: relative;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news {
        bottom: 0;
        float: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 50% !important;
        height: 100%;
    }
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news {
        width: 100% !important;
        float: left;
        position: relative;
        padding: 0 0 25px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news:before {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid #f8f7f7;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 45%;
    right: -20px;
    content: "";
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news: before {
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-top: 50px solid #f8f7f7;
        position: absolute;
        right: 0;
        left: 0;
        content: "";
        display: table;
        margin: 0 auto;
        top: auto;
        bottom: -87px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news span {
    padding: 0 18px 0 0;
    display: block;
    margin: 25px 0 0 15px;
}

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news span:after {
        background-position: 0 -109px;
        width: 18px;
        height: 18px;
    }

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news span {
        margin: 40px 0 0 15px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news span {
        margin: 22px 0 0 15px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    padding: 18px 0 0 8px;
    color: #555555;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news .news-chapo {
        padding: 10px 10px 0 15px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news .s-date p {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    padding: 10px 8px 0 8px;
    color: #555555;
    font-style: normal;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-news .bloc-social.type-blog .right-news .s-date p {
        padding: 5px 0 0 15px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social {
    float: left;
    width: 50%;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social {
        width: 50%;
    }
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social {
        width: 100%;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw {
    position: relative;
}

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social {
        float: left;
        height: 220px;
        margin: 0;
        position: relative;
        width: 50%;
    }

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social {
        width: 50%;
        height: auto;
    }
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social {
        width: 100%;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social .left-news {
    position: relative;
}

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social .left-news img {
        width: 220px;
        height: 220px;
    }

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social .left-news img {
        width: 100%;
        height: auto;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social .left-news .picto {
    padding: 0 38px 0 0;
    display: block;
    padding: 0;
    position: absolute;
    transform: translate(0px, 0px);
}

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social .left-news .picto:after {
        background-position: -122px -287px;
        width: 38px;
        height: 38px;
    }

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw {
    background: #f8f7f7;
    text-align: justify;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
    }
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw {
        position: static;
        float: left;
        width: 100%;
        padding: 0 0 20px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw span {
    padding: 0 24px 0 0;
    display: block;
    margin: 30px 0 0 15px;
}

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw span:after {
        background-position: -47px -109px;
        width: 24px;
        height: 19px;
    }

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw span {
        margin: 25px 0 0 15px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw span {
        margin: 20px 0 0 15px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw p {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    padding: 18px 8px 0;
    color: #555555;
    margin: 0;
    word-wrap: break-word;
    overflow: hidden;
}

@media only screen and (max-width:767px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw p {
        height: auto;
        padding: 10px 15px 5px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw .s-date p {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    padding: 10px 8px 0 8px;
    color: #555555;
    font-style: normal;
}

@media only screen and (max-width:767px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-tw .s-date p {
        padding: 0 0 5px 15px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb {
    position: relative;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb {
        margin: 0;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social {
    height: 220px;
    margin: 0;
    position: relative;
    width: 50%;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social {
        height: auto;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb {
    background: #f8f7f7;
    float: left;
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb: before {
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-bottom: 50px solid #f8f7f7;
        position: absolute;
        top: -50px;
        right: 0;
        left: 0;
        margin-left: 37%;
        margin-right: 37%;
        content: "";
    }
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        float: none;
        width: 50%;
    }
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb {
        float: left;
        width: 100%;
        position: relative;
        padding: 0 0 15px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb span {
    padding: 0 13px 0 0;
    display: block;
    margin: 18px 0 0 15px;
}

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb span:after {
        background-position: -165px -83px;
        width: 13px;
        height: 26px;
    }

        #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb span:after:hover, #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb span:after.fb-hover {
            background-position: -83px 0;
        }

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb span {
        margin: 40px 0 0 15px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb span {
        margin: 15px 0 0 15px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb p {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    padding: 18px 8px 0;
    color: #555555;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb p {
        padding: 18px 10px 0 15px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb p {
        margin: 0;
        font-size: 13px;
        line-height: 15px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb .s-date p {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    padding: 30px 8px 0 10px;
    color: #555555;
    font-style: normal;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb .s-date {
        padding: 5px 0 0 15px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-fb .s-date {
        padding: 10px 0 0 15px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-yt {
    float: right;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-yt {
        float: right;
        width: 50%;
    }
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-yt {
        width: 100%;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_ins_tw .bloc-social.type-yt .vid img {
    width: 220px;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-yt .vid img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width:600px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .wrapper-social .col-social .wrap_yp_fb .bloc-social.type-yt .vid img {
        vertical-align: top;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau {
    clear: both;
    float: left;
    margin: 20px 0;
    width: 100%;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau {
        margin: 20px 0 0;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .right-res {
    float: right;
}

    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .right-res a {
        background: url(../images/images-home/oeil.png) no-repeat left center;
        display: inline-block;
        font-family: "robotocondensed", sans-serif;
        font-size: 16px;
        line-height: 22px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0 22px 0 30px;
        text-transform: uppercase;
    }

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .right-res a {
        background: url(../images/images-home/mob-oeil.png) no-repeat left center;
        font-size: 20px;
        padding: 0 22px 0 45px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .right-res a:hover {
    color: #7dbb3c;
    background: url(../images/images-home/oeil-orange.png) no-repeat left center;
    padding: 0 22px 0 30px;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .right-res a: hover {
        background: url(../images/images-home/mob-oeil.png) no-repeat left center;
        font-size: 20px;
        padding: 0 22px 0 45px;
    }
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .right-res {
        clear: none;
        margin: 5px 0 0;
    }
}

@media only screen and (max-width:650px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .right-res {
        clear: none;
        display: table;
        float: none;
        margin: 20px auto;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res {
    padding: 0 0 0 0;
    width: 100%;
    float: left;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res {
        padding: 0;
        margin: 0 0 15px;
    }
}

@media only screen and (max-width:650px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res {
        float: none;
        margin: 10px auto;
        max-width: 290px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res span {
    display: none;
}

@media only screen and (max-width:480px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul {
        display: table;
        margin: 0 auto;
        width: 100%;
    }
}

@media only screen and (max-width:400px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul {
        margin: 0;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li {
    display: inline-block;
    margin-left: 6px;
}

@media only screen and (max-width:400px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li {
        padding: 0 7px 0 0;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Linkedin a {
    background: url(../images/images-home/new-in.png) no-repeat center top;
    display: inline-block;
    cursor: pointer;
    padding: 0;
    width: 19px;
    height: 18px;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Linkedin a {
        background: url(../images/images-home/bas-in.png) no-repeat center top;
        width: 30px;
        height: 28px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Fb a {
    background: url(../images/images-home/new-fb.png) no-repeat center top;
    display: inline-block;
    cursor: pointer;
    padding: 0 6px;
    width: 10px;
    height: 19px;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Fb a {
        background: url(../images/images-home/bas-f.png) no-repeat center top;
        width: 16px;
        height: 30px;
    }
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Fb {
        margin: 0 3px 0 7px;
    }
}

@media only screen and (max-width:639px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Fb {
        margin: 0 3px;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Google a {
    background: url(../images/images-home/new-gplus.png) no-repeat center top;
    display: inline-block;
    cursor: pointer;
    padding: 0 7px 0 0;
    width: 23px;
    height: 18px;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Google a {
        background: url(../images/images-home/bas-g.png) no-repeat center top;
        width: 36px;
        height: 28px;
    }
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Google {
        margin: 0 15px 0 0;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Pinterest a {
    background: url(../images/images-home/new-pin.png) no-repeat center top;
    display: inline-block;
    cursor: pointer;
    padding: 0 10px 0 0;
    width: 14px;
    height: 19px;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Pinterest a {
        background: url(../images/images-home/bas-pin.png) no-repeat center top;
        width: 22px;
        height: 30px;
    }
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Pinterest {
        margin: 0 5px 0 0;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.YouTube a {
    background: url(../images/images-home/utube.png) no-repeat center top;
    display: inline-block;
    cursor: pointer;
    padding: 0 8px 0 0;
    width: 16px;
    height: 19px;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.YouTube a {
        background: url(../images/images-home/bas-tube.png) no-repeat center top;
        width: 25px;
        height: 30px;
    }
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.YouTube {
        margin: 0 8px 0 0;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Instagram a {
    background: url(../images/images-home/new-insta.png) no-repeat center top;
    display: inline-block;
    cursor: pointer;
    padding: 0 8px 0 0;
    width: 19px;
    height: 19px;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Instagram a {
        background: url(../images/images-home/bas-int.png) no-repeat center top;
        width: 30px;
        height: 30px;
    }
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Instagram {
        margin: 0 12px 0 0;
    }
}

@media only screen and (max-width:639px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Instagram {
        margin: 0 8px 0 0;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Twitter a {
    background: url(../images/images-home/new-tw.png) no-repeat center top;
    display: inline-block;
    cursor: pointer;
    padding: 0 5px 0 0;
    width: 20px;
    height: 18px;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Twitter a {
        background: url(../images/images-home/bas-tw.png) no-repeat center top;
        width: 30px;
        height: 25px;
    }
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Twitter {
        margin: 0 12px 0 0;
    }
}

@media only screen and (max-width:639px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Twitter {
        margin: 0 8px 0 0;
    }
}

#content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Rss a {
    background: url(../images/images-home/new-rss.png) no-repeat center top;
    display: inline-block;
    cursor: pointer;
    padding: 0 8px 0 0;
    width: 18px;
    height: 18px;
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Rss a {
        background: url(../images/images-home/bas-rss.png) no-repeat center top;
        width: 28px;
        height: 28px;
    }
}

@media only screen and (max-width:1024px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Rss {
        margin: 0 12px 0 0;
    }
}

@media only screen and (max-width:400px) {
    #content #block-bouygues-newsroom-b-newsroom-home .b-newsroom-content .bas-reseau .left-res ul li.Rss {
        padding: 0;
        margin: 0;
    }
}

#content #block-views-bloc-contenu-hp-block {
    clear: both;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block {
        margin: 0;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 50%;
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte {
        width: 100%;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication {
    height: 0;
    padding-bottom: 54.9%;
    position: relative;
    background: #ed1c24c7;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication {
        padding-bottom: 54.6%;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication {
        height: auto;
        padding: 0;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication h2 {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    padding: 35px 0 0 40px;
    width: 80%;
    text-transform: inherit;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication h2 {
        padding: 30px 0 0 20px;
        font-size: 30px !important;
        width: auto;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication h2 {
        padding: 35px 0 0 30px;
    }
}


#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication a {
    background: url(../images/images-home/oeil.png) no-repeat left center;
    display: inline-block;
    font-family: "robotocondensed", sans-serif;
    font-size: 12px;
    line-height: 21px;
    font-weight: normal;
    color: #000 !important;
    text-decoration: none;
    padding: 0 0 0 27px;
    position: absolute;
    bottom: 40px;
    left: 38px;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication a {
        left: 21px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left center;
        font-size: 20px;
        padding: 0 0 0 38px;
    }
}

@media only screen and (max-width:768px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication a {
        bottom: 25px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication a {
        background: url(../images/images-home/mob-oeil.png) no-repeat left 2px;
        padding: 0 0 2px 44px;
        position: static;
        margin: 10px 0 25px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication a:hover {
    color: #fff !important;
    background: url(../images/images-home/oeil-blan.png) no-repeat left center;
    padding: 0 0 0 27px;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication a: hover {
        left: 21px;
        background: url(../images/images-home/oeil-mobile-blan.png) no-repeat left center;
        font-size: 20px;
        padding: 0 0 0 38px;
    }
}

@media only screen and (max-width:768px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication a: hover {
        bottom: 25px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .publication a: hover {
        background: url(../images/images-home/mob-oeil-blan.png) no-repeat left 2px;
        padding: 0 0 2px 44px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .image img {
    vertical-align: top;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .image img {
        width: 100% !important;
        height: auto !important;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-publication-texte .image {
        display: none;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 50%;
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel {
        width: 100%;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item p img {
    width: 100% !important;
    height: auto;
    vertical-align: top;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item p img {
        height: auto !important;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel {
    position: relative;
    background: #f68a8e;
    padding-bottom: 54.9%;
    clear: both;
    height: 0;
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel {
        height: auto;
        padding: 0;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel h2 {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding: 35px 0 0 40px;
    text-transform: inherit;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel h2 {
        padding: 20px 0 0 15px;
        font-size: 30px !important;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel h2 {
        float: left;
        width: 80%;
        background: none;
        padding: 30px 0 10px 30px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel p {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    color: #fff;
    padding: 15px 0 0 40px;
}

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel p a {
        background: url(../images/images-home/oeil.png) no-repeat left center;
        display: inline-block;
        font-family: "robotocondensed", sans-serif;
        font-size: 12px;
        line-height: 21px;
        font-weight: normal;
        color: #000 !important;
        text-decoration: none;
        padding: 0 0 0 27px;
        position: absolute;
        left: 40px;
        bottom: 20px;
        text-transform: uppercase;
    }

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel p a {
        background: url(../images/images-home/oeil-mobile.png) no-repeat left center;
        font-size: 20px;
        padding: 0 0 0 38px;
        left: 15px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel p a {
        margin: 10px 0 25px;
        background: url(../images/images-home/mob-oeil.png) no-repeat left 2px;
        padding: 0 0 2px 44px;
        position: static;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel p a:hover {
    color: #fff !important;
    background: url(../images/images-home/oeil-blan.png) no-repeat left center;
    padding: 0 0 0 27px;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel p a: hover {
        background: url(../images/images-home/oeil-mobile-blan.png) no-repeat left center;
        font-size: 20px;
        padding: 0 0 0 38px;
        left: 15px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel p a: hover {
        background: url(../images/images-home/mob-oeil-blan.png) no-repeat left 2px;
        padding: 0 0 2px 44px;
    }
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel p {
        padding: 15px 0 0 18px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-terre-pluriel .field-item .pluriel p {
        float: none;
        width: 80%;
        line-height: 18px;
        padding: 15px 0 0 35px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 50%;
    height: 0;
    padding-bottom: 31.1%;
    position: relative;
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres {
        width: 100%;
        border: none;
        padding: 0;
        height: auto;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p {
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    line-height: 25px;
    font-weight: 300;
    color: #000;
    padding: 0 0 0 38px;
    width: auto;
}

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p.content {
        padding: 0 20px 0 35px;
    }

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p {
        padding: 0 0 0 18px;
        clear: both;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p {
        padding: 0 20px 0 20px;
        width: auto;
    }
}

@media only screen and (max-width:768px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p {
        line-height: 21px;
    }
}

@media only screen and (max-width:350px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p {
        padding: 0 0 0 20px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p a {
    background: url(../images/images-home/oeil.png) no-repeat left center;
    display: inline-block;
    font-family: "robotocondensed", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #000 !important;
    text-decoration: none;
    padding: 0 20px 0 27px;
    position: absolute;
    bottom: 25px;
    left: 38px;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p a {
        font-size: 20px;
        left: 20px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 5px;
        padding: 0 0 0 40px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p a {
        position: static;
        background: url(../images/images-home/mob-oeil.png) no-repeat left 2px;
        padding: 0 0 2px 44px;
        margin: 20px 20px 0;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p a:hover {
    color: #7dbb3c !important;
    background: url(../images/images-home/oeil-orange.png) no-repeat left center;
    padding: 0 20px 0 27px;
    margin: 10px 0px 0;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p a: hover {
        font-size: 20px;
        left: 20px;
        background: url(../images/images-home/oeil-mobile-orange.png) no-repeat left 5px;
        padding: 0 0 0 40px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p a: hover {
        margin: 20px 0 0 17px;
        background: url(../images/images-home/mob-oeil-orange.png) no-repeat left 2px;
        padding: 0 0 2px 44px;
        margin: 20px 20px 0;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p .chiffre {
    font-family: "museo", sans-serif;
    font-size: 55px;
    line-height: 55px;
    font-weight: normal;
    padding: 25px;
    color: #000;
    position: relative;
    margin: 35px 0 25px;
    padding: 18px 0 0 26px;
    float: left;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p .chiffre {
        margin: 15px 0 25px;
        padding: 13px 0 0 21px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p .chiffre {
        margin: 37px 0 25px 15px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p .chiffre:after {
    content: "";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    width: 82px;
    height: 82px;
    color: #14b9c8;
    position: absolute;
    border: 3px solid #14b9c8;
    top: 0;
    left: 0;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item p .chiffre: after {
        width: 72px;
        height: 72px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item h2 {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    float: left;
    color: #000;
    margin: 50px 0 0 45px;
    text-transform: inherit;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item h2 {
        margin: 27px 0 0 35px;
        font-size: 30px !important;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item h2 {
        margin: 47px 0 0 15px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item h2 span {
    font-family: "museo", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    color: #14b9c8;
}

@media only screen and (max-width:350px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item h2 span {
        font-size: 25px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item h2 {
        background: none;
        width: 70%;
    }
}

@media only screen and (max-width:500px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item h2 {
        width: auto;
    }
}

@media only screen and (max-width:350px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-chiffres .field-items .field-item h2 {
        margin: 50px 0 0 30px;
        font-size: 25px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-dp-texte {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 50%;
    /*clear: both;*/
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-dp-texte {
        width: 100%;
    }
}

#content .publication-1-2 {
    position: relative;
    background: #ed1c24c7;
}

    #content .publication-1-2 h2 {
        font-family: "Roboto", sans-serif;
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
        color: #fff;
        padding: 15px 15px 0 35px;
        width: 80%;
        text-transform: inherit;
    }
.publication-2-1 {
    position: relative;
    background: #f68a8e;
}



  .publication-2-1 a {
        background: url(../images/images-home/oeil.png) no-repeat left center;
        display: inline-block;
        font-family: "robotocondensed", sans-serif;
        font-size: 12px;
        line-height: 21px;
        font-weight: normal;
        color: #000 !important;
        text-decoration: none;
        padding: 0 0 0 27px;
        position: absolute;
        /*bottom: 40px;*/
        left: 38px;
        text-transform: uppercase;
    }
.publication {
    position: relative;
    background: #ffffff;
}

@media only screen and (max-width:768px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-dp-texte .publication {
        padding-bottom: 72.8%;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-dp-texte .publication {
        height: auto;
        padding: 0;
    }
}



/*#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-dp-texte .publication a:hover {
    color: #7dbb3c !important;
    background: url(../images/images-home/oeil-orange.png) no-repeat left center;
    padding: 0 0 0 27px;
}*/



#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-dp-texte .publication h2 {
    font-family: "Roboto", sans-serif;
    font-size: 27px;
    line-height: 30px;
    font-weight: 700;
    padding: 15px 15px 0 35px;
    color: #ff9545;
    text-transform: inherit;
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-dp-texte .image {
    clear: both;
}

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-dp-texte .image img {
        vertical-align: top;
        display: block;
        margin-left: auto;
        margin-right: auto;
        object-fit: cover;
    }

.image.iconiso {
    background-color: #e6ecea;
    height: 209px;
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res {
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
    clear: none;
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res {
        width: 100%;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career {
    background: #f8f7f7;
    position: relative;
    height: 0;
}

@media only screen and (max-width:768px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career {
        padding-bottom: 47.1%;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career {
        padding: 0;
        height: auto;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career h2 {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #040404;
    padding: 21px 0 0 10px;
    text-transform: inherit;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career h2 {
        padding: 25px 0 0 18px;
        /*font-size: 30px !important;*/
    }
}

@media only screen and (max-width:768px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career h2 {
        padding: 25px 0 0 13px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career h2 {
        background: none;
        padding: 25px 0 0 33px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #040404;
    padding: 15px 10px 0px 10px;
    text-align: justify;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p {
        padding: 15px 0 0 18px;
    }
}

@media only screen and (max-width:768px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p {
        padding: 10px 0 0 15px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p {
        padding: 15px 0 0 33px;
        height: auto;
        width: 70%;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p a {
    background: url(../images/images-home/oeil.png) no-repeat left center;
    display: inline-block;
    font-family: "robotocondensed", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #000 !important;
    text-decoration: none;
    padding: 0 0 0 27px;
    position: absolute;
    bottom: 40px;
    left: 38px;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p a {
        left: 18px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left center;
        font-size: 20px;
        padding: 0 0 0 35px;
    }
}

@media only screen and (max-width:768px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p a {
        bottom: 15px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p a {
        background: url(../images/images-home/mob-oeil.png) no-repeat left 2px;
        padding: 0 0 0 44px;
        position: static;
        margin: 10px 0 20px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p a:hover {
    color: #fff !important;
    background: url(../images/images-home/oeil-blan.png) no-repeat left center;
    padding: 0 0 0 27px;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p a: hover {
        left: 18px;
        background: url(../images/images-home/oeil-mobile-blan.png) no-repeat left center;
        font-size: 20px;
        padding: 0 0 0 35px;
    }
}

@media only screen and (max-width:768px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p a: hover {
        bottom: 15px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items .career p a: hover {
        background: url(../images/images-home/mob-oeil-blan.png) no-repeat left 2px;
        padding: 0px 0 0 44px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items p img {
    width: 100%;
    height: auto;
    vertical-align: top;
    object-fit: cover;
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-carri-res .field-items p img {
        /*display: none;*/
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa {
    margin: 0;
    padding: 0;
    width: 100%;
    /*background: url(../images/images-home/map.jpg) no-repeat;*/
    float: left;
    height: 311px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa {
        width: 100%;
    }
}

@media only screen and (max-width:600px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa {
        width: 100%;
        background: url(../images/images-home/map-mobile.jpg) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        border: none;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items h2 {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 32px;
    font-weight: 300;
    color: #000;
    margin: 85px 0 25px;
    text-align: center;
    text-transform: inherit;
}

    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items h2 span {
        font-family: "museo", sans-serif;
        font-size: 30px;
        line-height: 32px;
        font-weight: normal;
        color: #ed1c24;
    }

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items h2 span {
        display: block;
        padding: 3px 0 0;
    }
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items h2 {
        font-size: 36px !important;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items h2 {
        background: none;
        margin: 45px auto 25px;
        font-size: 36px !important;
        line-height: 36px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items p {
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    line-height: 22px;
    font-weight: 300;
    color: #000;
    margin: 0 auto;
    max-width: 80%;
    text-align: center;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items p {
        max-width: 365px;
    }
}

@media only screen and (max-width:767px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items p {
        max-width: 100%;
        padding: 0 10px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items p a {
    background: url(../images/images-home/oeil.png) no-repeat left center;
    display: inline-block;
    font-family: "robotocondensed", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #000 !important;
    text-decoration: none;
    padding: 0 0 0 27px;
    margin: 30px 0px 20px 35px;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items p a {
        background: url(../images/images-home/mob-oeil.png) no-repeat left center;
        margin: 30px 0 20px;
        padding: 0 0 0 40px;
        font-size: 20px;
    }
}

@media only screen and (max-width:375px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items p a {
        margin: 0 auto;
        max-width: 140px;
        padding: 20px 0 0 43px;
    }
}

#content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items p a:hover {
    color: #7dbb3c !important;
    background: url(../images/images-home/oeil-orange.png) no-repeat left center;
    padding: 0 0 0 27px;
    margin: 30px 0px 20px 35px;
}

@media only screen and (max-width:1024px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items p a: hover {
        background: url(../images/images-home/mob-oeil-orange.png) no-repeat left center;
        margin: 30px 0 20px;
        padding: 0 0 0 40px;
        font-size: 20px;
    }
}

@media only screen and (max-width:375px) {
    #content #block-views-bloc-contenu-hp-block .node-page-accueil .node-content .field-name-field-bloc-pr-sence-internationa .field-items p a: hover {
        margin: 0 auto;
        max-width: 140px;
        padding: 20px 0 0 43px;
    }
}

@media only screen and (max-width:1024px) {
    #block-views-focus-home-slideshow-block-1 {
        padding: 0 15px;
    }
}

@media only screen and (max-width:767px) {
    #block-views-focus-home-slideshow-block-1 {
        margin: 0;
        padding: 0;
    }
}

#block-views-focus-home-slideshow-block-1 .flexslider {
    width: 100%;
    height: 429px;
    border: none;
    box-shadow: none;
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -o-border-radius: 0;
    margin: 0;
}

@media only screen and (max-width:1024px) {
    #block-views-focus-home-slideshow-block-1 .flexslider {
        height: auto;
    }
}


#block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport {
    position: relative;
}

    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li {
        position: relative;
        height: 430px;
    }


@media (max-width:700px) and (orientation:landscape) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li {
        margin: 0 0 15px;
    }
}

@media only screen and (max-width:400px) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li {
        height: 50vw;
    }
}

#block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li img {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width:767px) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content {
        float: left;
        height: auto;
        margin: 0 auto;
        width: 100%;
    }
}

#block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-right .overshadow {
    right: 0;
    left: auto;
    top: 11%;
    width: 340px;
    height: auto;
    background: #fff;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 100;
}

@media only screen and (max-width:767px) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-right .overshadow {
        position: relative;
        top: 45px;
        width: 100%;
        border: none;
    }
}

@media (max-width:700px) and (orientation:landscape) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-right .overshadow {
        top: 25px;
    }
}

@media only screen and (max-width:639px) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-right .overshadow {
        top: 20px;
    }
}

#block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-right .overshadow h2 {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 40px;
    font-weight: 100;
    color: #000;
    padding: 10px;
    text-transform: inherit;
}

@media only screen and (max-width:767px) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-right .overshadow h2 {
        text-align: center;
        font-size: 30px;
    }
}

#block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-right .overshadow h2 .texte-orange-span {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 40px;
    font-weight: 600;
    color: #ff9545;
}

@media only screen and (max-width:767px) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-right .overshadow h2 .texte-orange-span {
        text-align: center;
        font-size: 30px;
    }
}

@media only screen and (max-width:400px) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-right .overshadow h2 .texte-orange-span {
        font-size: 24px;
        line-height: 20px;
    }
}

#block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow {
    bottom: 20px;
    height: auto;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 490px;
    padding: 0;
    top: auto;
}

@media only screen and (max-width:1024px) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow {
        bottom: 25px;
    }
}

@media only screen and (max-width:767px) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow {
        position: relative;
        top: 25px;
        max-width: 100%;
        border: none;
    }
}

@media (max-width:700px) and (orientation:landscape) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow {
        top: 20px;
    }
}

@media only screen and (max-width:639px) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow {
        top: 20px;
    }
}

#block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-noir-h2 {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin: 20px 0;
    text-transform: inherit;
    opacity: 0.8
}


#block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-orange-span {
    font-family: "Tahoma", Arial;
    font-size: 25px;
    line-height: 40px;
    font-weight: 700;
    color: #ed1c24;
    text-align: center;
    display: block;
    padding: 10px 0 0px;
}


@media (max-width:700px) and (orientation:landscape) {
    #block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .pane-content.text-left .overshadow .texte-noir-h2 .texte-orange-span {
        line-height: 20px;
    }
}

#block-views-focus-home-slideshow-block-1 .flexslider .flex-viewport ul li .lien-slider-hm {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 100%;
}

#block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav {
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 20px;
}





#block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav.flex-control-paging li a {
    background: #ed1c247a;
    border-radius: 10px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    width: 15px;
    box-shadow: none;
}

    #block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav.flex-control-paging li a.flex-active {
        background: #ed1c24;
    }

@media only screen and (max-width:767px) {
    #block-views-focus-home-slideshow-block-1 #home-slides .flex-control-nav.flex-control-paging li a {
        width: 20px;
        height: 20px;
    }
}

#block-views-focus-home-slideshow-block-1 #home-slides .flex-direction-nav li a {
    display: none;
}

/* @font-face { */
/* font-family: 'museo'; */
/* src: url(/sites/all/themes/bouygues/fonts/museosans-900-webfont.eot); */
/* src: url(/sites/all/themes/bouygues/fonts/museosans-900-webfont.eot?#iefix) format("embedded-opentype"), url(/sites/all/themes/bouygues/fonts/museosans-900-webfont.woff2) format("woff2"), url(/sites/all/themes/bouygues/fonts/museosans-900-webfont.woff) format("woff"), url(/sites/all/themes/bouygues/fonts/museosans-900-webfont.ttf) format("truetype"), url(/sites/all/themes/bouygues/fonts/museosans-900-webfont.svg#museo_sans900) format("svg"); */
/* font-weight: normal; */
/* font-style: normal; */
/* } */
/* @font-face { */
/* font-family: 'robotocondensed'; */
/* src: url(/sites/all/themes/bouygues/fonts/roboto-condensed-webfont.eot); */
/* src: url(/sites/all/themes/bouygues/fonts/roboto-condensed-webfont.eot?#iefix) format("embedded-opentype"), url(/sites/all/themes/bouygues/fonts/roboto-condensed-webfont.woff2) format("woff2"), url(/sites/all/themes/bouygues/fonts/roboto-condensed-webfont.woff) format("woff"), url(/sites/all/themes/bouygues/fonts/roboto-condensed-webfont.ttf) format("truetype"), url(/sites/all/themes/bouygues/fonts/roboto-condensed-webfont.svg#robotocondensed) format("svg"); */
/* font-weight: normal; */
/* font-style: normal; */
/* } */
.icons-sprite, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Twitter a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Fb a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.YouTube a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Linkedin a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Google a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Instagram a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Rss a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Pinterest a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .links li .lien-news:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .section-media .fichier-hd li .lien-news:after, .section-media .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .fichier-hd li .lien-news:after, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog-bas .ico a:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news-ins li a:after, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-last .inner-bloc-sociaux span.icon-fb:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news .picto:after, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-news a:after, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-tw a:after, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-blog a:after, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-fb a:after, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-yt a:after, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-ins a:after {
    background-image: url(../images/images-home/icons-s74866bdee7.png);
    background-repeat: no-repeat;
}

#header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Twitter a, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Fb a, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.YouTube a, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Linkedin a, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Google a, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Instagram a, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Rss a, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Pinterest a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .links li .lien-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .section-media .fichier-hd li .lien-news, .section-media .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .fichier-hd li .lien-news, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog-bas .ico a, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news-ins li a, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-last .inner-bloc-sociaux span.icon-fb, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news .picto, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-news a, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-tw a, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-blog a, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-fb a, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-yt a, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-ins a {
    position: relative;
}

    #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Twitter a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Fb a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.YouTube a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Linkedin a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Google a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Instagram a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Rss a:after, #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Pinterest a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .links li .lien-news:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .section-media .fichier-hd li .lien-news:after, .section-media .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .fichier-hd li .lien-news:after, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog-bas .ico a:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news-ins li a:after, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-last .inner-bloc-sociaux span.icon-fb:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news .picto:after, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-news a:after, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-tw a:after, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-blog a:after, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-fb a:after, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-yt a:after, .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-ins a:after {
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: absolute;
        top: 50%;
        left: 0;
        background-color: transparent;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0 0;
        content: "";
    }

div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

div.selector, div.checker, div.button, div.radio, div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

    div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
        outline: 0;
    }

    div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
        margin: 0;
        padding: 0;
    }

.highContrastDetect {
    background: url(/sites/all/themes/bouygues/images/bg-input.png) repeat-x 0 0;
    width: 0px;
    height: 0px;
}

input.uniform-input, select.uniform-multiselect, textarea.uniform {
    padding: 3px;
    background: url(/sites/all/themes/bouygues/images/bg-input.png) repeat-x 0 0;
    outline: 0;
}

    input.uniform-input.active, select.uniform-multiselect.active, textarea.uniform.active {
        background: url(/sites/all/themes/bouygues/images/bg-input-focus.png) repeat-x 0 0;
    }

div.checker input, input[type="search"], input[type="search"]:active {
    -moz-appearance: none;
    -webkit-appearance: none;
}

div.selector {
    line-height: 36px;
    height: 36px;
    padding: 0 0 0 10px;
    position: relative;
    overflow: hidden;
}

    div.selector span {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        background-position: right 0;
        height: 36px;
        line-height: 36px;
        padding-right: 22px;
        cursor: pointer;
        width: 100%;
        display: block;
    }

    div.selector.fixedWidth {
        width: 190px;
    }

        div.selector.fixedWidth span {
            width: 158px;
        }

    div.selector select {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: alpha(opacity=0);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
        border: none;
        background: none;
        position: absolute;
        height: 36px;
        top: 0;
        left: 0px;
        width: 100%;
    }

    div.selector.active {
        background-position: 0 -216px;
    }

        div.selector.active span {
            background-position: right -36px;
        }

    div.selector.hover, div.selector.focus {
        background-position: 0 -252px;
    }

        div.selector.hover span, div.selector.focus span {
            background-position: right -72px;
        }

        div.selector.hover.active, div.selector.focus.active {
            background-position: 0 -288px;
        }

            div.selector.hover.active span, div.selector.focus.active span {
                background-position: right -108px;
            }

    div.selector.disabled, div.selector.disabled.active {
        background-position: 0 -324px;
    }

        div.selector.disabled span, div.selector.disabled.active span {
            background-position: right -144px;
        }

div.checker {
    position: relative;
}

    div.checker, div.checker span, div.checker input {
        width: 20px;
        height: 20px;
    }

        div.checker span {
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
        }

        div.checker input {
            opacity: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -ms-filter: alpha(opacity=0);
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
            border: none;
            background: none;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

div.radio {
    position: relative;
}

    div.radio, div.radio span, div.radio input {
        width: 19px;
        height: 20px;
    }

        div.radio span {
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
        }

        div.radio input {
            opacity: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -ms-filter: alpha(opacity=0);
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
            border: none;
            background: none;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
        }

div.uploader {
    background-position: 0 -400px;
    height: 36px;
    width: 78%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    div.uploader span.action {
        background-position: right -544px;
        height: 36px;
        line-height: 36px;
        width: 85px;
        text-align: center;
        float: left;
        display: inline;
        overflow: hidden;
        cursor: pointer;
    }

    div.uploader span.filename {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        float: left;
        cursor: default;
        height: 32px;
        margin: 2px 0 2px 2px;
        line-height: 32px;
        width: 82px;
        padding: 0 10px;
    }

    div.uploader input {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: alpha(opacity=0);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
        border: none;
        background: none;
        position: absolute;
        top: 0;
        right: 0;
        float: right;
        cursor: default;
        width: 100%;
        height: 100%;
    }

    div.uploader.active span.action {
        background-position: right -616px;
    }

    div.uploader.hover, div.uploader.focus {
        background-position: 0 -472px;
    }

        div.uploader.hover span.action, div.uploader.focus span.action {
            background-position: right -580px;
        }

        div.uploader.hover.active span.action, div.uploader.focus.active span.action {
            background-position: right -652px;
        }

    div.uploader.disabled, div.uploader.disabled.active {
        background-position: 0 -436px;
    }

        div.uploader.disabled span.action, div.uploader.disabled.active span.action {
            background-position: right -508px;
        }

div.button {
    background-position: 0 -808px;
    height: 30px;
    cursor: pointer;
    position: relative;
}

    div.button a, div.button button, div.button input {
        opacity: 0.01;
        -moz-opacity: 0.01;
        -khtml-opacity: 0.01;
        -ms-filter: alpha(opacity=1);
        filter: alpha(opacity=1);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)";
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    div.button span {
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        zoom: 1;
        line-height: 30px;
        text-align: center;
        background-position: right -688px;
        height: 30px;
        margin-left: 13px;
        padding: 0;
    }

    div.button.active {
        background-position: 0 -838px;
    }

        div.button.active span {
            background-position: right -718px;
            cursor: default;
        }

    div.button.hover, div.button.focus {
        background-position: 0 -868px;
    }

        div.button.hover span, div.button.focus span {
            background-position: right -748px;
        }

    div.button.disabled, div.button.disabled.active {
        background-position: 0 -898px;
    }

        div.button.disabled span, div.button.disabled.active span {
            background-position: right -778px;
            cursor: default;
        }

ul, ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

a:hover, a:focus {
    outline: none;
}

@media only screen and (max-width:1024px) {
    body.front {
        background: none;
    }
}

@media screen and (orientation:landscape) {
    body {
        -webkit-text-size-adjust: none;
    }
}

#page {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -o-border-radius: 0;
    position: relative;
}

@media only screen and (max-width:1024px) {
    #page {
        margin: 0;
    }
}

.scroll-top {
    background: url(../images/images-home/scroll-top.jpg) no-repeat;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 102px;
    left: 892px;
    display: none;
    z-index: 1000;
}

.section-media .scroll-top {
    bottom: 72px;
}

.page-newsroom-news .scroll-top {
    bottom: 102px;
}

.node-type-group .scroll-top {
    bottom: 108px;
}

@media only screen and (max-width:767px) {
    .node-type-group .scroll-top {
        bottom: 110px;
    }
}

.page-newsroom-twitter .scroll-top, .page-newsroom-facebook .scroll-top, .page-newsroom-blog .scroll-top, .page-newsroom-instagram .scroll-top, .page-newsroom-facebook .scroll-top, .page-newsroom-youtube .scroll-top {
    bottom: 102px;
}

@media only screen and (max-width:767px) {
    .page-newsroom-twitter .scroll-top, .page-newsroom-facebook .scroll-top, .page-newsroom-blog .scroll-top, .page-newsroom-instagram .scroll-top, .page-newsroom-facebook .scroll-top, .page-newsroom-youtube .scroll-top {
        bottom: 110px;
    }
}

@media only screen and (max-width:1024px) {
    .scroll-top {
        right: 0;
        left: auto;
    }
}

@media only screen and (max-width:767px) {
    .scroll-top {
        bottom: 116px;
    }

    .node-type-innovation .scroll-top {
        right: 10px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .scroll-top, .node-type-home-projet .scroll-top, .page-innovation-en-actions .scroll-top, .node-type-article-presse .scroll-top, .section-carrieres .scroll-top, .section-carreer .scroll-top, .liste-contenu-presse .scroll-top {
        bottom: 110px;
    }
}

.field-collection-container .field-items .field-item {
    margin-bottom: 0;
}

#block-bouygues-pages-page-nos-realisations-new {
    clear: both;
}

.front .bloc-social a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -999px;
    top: 0;
}
/*#main-content #main-content-header h1 {
    margin: 40px auto 0;
    text-align: center;
    width: 100%;
      font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
}*/
.page-publications #main-content #main-content-header h1 {
    margin: 10px auto 5px;
}

@media only screen and (max-width:767px) {
    .page-publications #main-content #main-content-header h1 {
        padding: 25px 10px 0;
        margin: 10px auto 25px;
    }
}

@media only screen and (max-width:1080px) {
    #main-content #main-content-header h1 {
        margin: 20px auto 0;
    }
}

@media only screen and (max-width:675px) {
    #main-content #main-content-header h1 {
        width: 80%;
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    #main-content #main-content-header h1 {
        width: 95%;
    }
}


 .node-content .section-media .field-name-body p strong a, .section-media .field-name-body p .node-content strong a {
    color: #ff9545 !important;
    text-decoration: none !important;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
}

  .section-media .field-name-body p .node-content strong a:hover {
        color: #7dbb3c !important;
        text-decoration: none !important;
    }

.node-titre a {
    background: transparent url(/sites/all/themes/bouygues/images/icn/arrFiliale.png) no-repeat scroll left 2px;
    color: #ff9545;
    display: block;
    height: 35px;
    margin: 0 0 15px;
    padding: 0 0 0 12px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

.node-content ul li {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    color: #000;
}
.leaflet-top, .leaflet-bottom {
    pointer-events: none;
    position: absolute;
    z-index: 5;
}

#breadcrumb {
    padding: 2px 0;
}

@media only screen and (max-width:1024px) {
    #breadcrumb {
        display: block;
        padding: 0 20px;
    }
}

.node-type-page-filiale-gouvernance #breadcrumb {
    padding: 2px 22px 5px;
}

@media only screen and (max-width:767px) {
    .page-publications #breadcrumb {
        display: none;
    }
}

#breadcrumb .breadcrumb-wrapper #crumbs li {
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

    #breadcrumb .breadcrumb-wrapper #crumbs li .crumb-sepreator {
        background: url(../images/images-home/fleche-crum.png) no-repeat center center;
        text-indent: -9999px;
        width: 17px;
        padding: 0 5px;
    }

@media only screen and (max-width:1024px) {
    #breadcrumb .breadcrumb-wrapper #crumbs li .crumb-sepreator {
        background-position: center 8px;
    }
}

@media only screen and (max-width:480px) {
    #breadcrumb .breadcrumb-wrapper #crumbs li .crumb-sepreator {
        background-position: center 7px;
    }
}

#breadcrumb .breadcrumb-wrapper #crumbs li a {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: #000;
}

    #breadcrumb .breadcrumb-wrapper #crumbs li a span {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 12px;
        font-weight: 500;
        color: #000;
        text-decoration: underline;
    }

#breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
    color: #f10c24;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
}

    #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title span {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 12px;
        font-weight: 500;
        color: #eb5f22;
    }

@media only screen and (max-width:1024px) {
    .breadcrumb-mobile {
        display: none;
    }

    .front .breadcrumb-mobile {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .page-publications .breadcrumb-mobile {
        display: block;
    }
}

.breadcrumb-mobile a {
    color: #000 !important;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 21px;
    font-weight: 500;
    padding: 0 0 0 23px !important;
    text-decoration: underline;
    font-size: 20px !important;
    font-family: "Times New Roman";
    margin: 10px 0 0 18px;
    background: url(../images/images-home/puce-retour.jpg) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .breadcrumb-mobile a {
        background: url(../images/images-home/mobile-fleche-retour.png) no-repeat left center;
        color: #cd4d00 !important;
        font-family: "Roboto", sans-serif;
        text-decoration: none;
        font-size: 15px !important;
        padding: 0 0 0 27px !important;
        margin: 5px 10px;
    }
}

.breadcrumb-mobile a:hover {
    text-decoration: underline;
}

.field-name-field-filiale-logo2 {
    margin: 45px 0 0;
}

p sup, .section-media .field-name-body p strong sup {
    vertical-align: super;
    position: relative;
    line-height: 10px;
    font-size: 9px;
    bottom: -1px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, .section-media .field-name-body p strong, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after {
        content: '';
        content: none;
    }

    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#header {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -o-border-radius: 0;
}

    #header #branding {
        padding: 0;
    }

@media only screen and (max-width:1024px) {
    #header #branding {
        padding: 0 15px;
    }
}

@media only screen and (max-width:767px) {
    #header #branding {
        padding: 12px 5px 10px 15px;
    }
}

@media only screen and (max-width:1024px) {
    #header #branding .region-sidebar-first {
        margin: 0 -15px;
    }
}

#header #branding .show-desktop .region-sidebar-first {
    background: #f8f7f7;
}

    #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links {
        width: 300px;
        float: left;
    }

        #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul {
            margin: 0 0 0 15px;
        }

            #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Twitter a {
                padding: 0 20px 0 0;
                display: inline-block;
                cursor: pointer;
                padding: 0 5px 0 0;
            }

                #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Twitter a:after {
                    background-position: -112px -38px;
                    width: 20px;
                    height: 18px;
                }

            #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Fb {
                width: 10px;
            }

                #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Fb a {
                    padding: 0 10px 0 0;
                    display: inline-block;
                    cursor: pointer;
                    padding: 0 5px 0 0;
                }

                    #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Fb a:after {
                        background-position: 0 -38px;
                        width: 10px;
                        height: 19px;
                    }

            #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.YouTube a {
                padding: 0 16px 0 0;
                display: inline-block;
                cursor: pointer;
                padding: 0 5px 0 0;
            }

                #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.YouTube a:after {
                    background-position: -56px -57px;
                    width: 16px;
                    height: 19px;
                }

            #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Linkedin a {
                padding: 0 19px 0 0;
                display: inline-block;
                cursor: pointer;
                padding: 0 5px 0 0;
            }

                #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Linkedin a:after {
                    background-position: -161px -38px;
                    width: 19px;
                    height: 18px;
                }

            #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Google a {
                padding: 0 23px 0 0;
                display: inline-block;
                cursor: pointer;
                padding: 0 5px 0 0;
            }

                #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Google a:after {
                    background-position: -14px -57px;
                    width: 23px;
                    height: 18px;
                }

            #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Instagram a {
                padding: 0 19px 0 0;
                display: inline-block;
                cursor: pointer;
                padding: 0 5px 0 0;
            }

                #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Instagram a:after {
                    background-position: -37px -57px;
                    width: 19px;
                    height: 19px;
                }

            #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Rss a {
                padding: 0 18px 0 0;
                display: inline-block;
                cursor: pointer;
                padding: 0 5px 0 0;
            }

                #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Rss a:after {
                    background-position: -152px -19px;
                    width: 18px;
                    height: 18px;
                }

            #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Pinterest {
                margin: 0 0 0 5px;
            }

                #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Pinterest a {
                    padding: 0 14px 0 0;
                    display: inline-block;
                    cursor: pointer;
                    padding: 0 5px 0 0;
                }

                    #header #branding .show-desktop .region-sidebar-first .region-inner #block-bouygues-main-top-social-links .block-content ul li.Pinterest a:after {
                        background-position: -138px -19px;
                        width: 14px;
                        height: 19px;
                    }

    #header #branding .show-desktop .region-sidebar-first .region-inner #block-locale-language {
        float: right;
    }

        #header #branding .show-desktop .region-sidebar-first .region-inner #block-locale-language .language-switcher-locale-url {
            margin: 10px 22px 0 0;
        }

            #header #branding .show-desktop .region-sidebar-first .region-inner #block-locale-language .language-switcher-locale-url li {
                float: right;
                padding: 0 0 0 12px;
                position: relative;
            }

                #header #branding .show-desktop .region-sidebar-first .region-inner #block-locale-language .language-switcher-locale-url li a {
                    text-decoration: none;
                    font-family: "robotocondensed", sans-serif;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: normal;
                    color: #000;
                }

                    #header #branding .show-desktop .region-sidebar-first .region-inner #block-locale-language .language-switcher-locale-url li a.active {
                        color: #7dbb3c;
                    }

                #header #branding .show-desktop .region-sidebar-first .region-inner #block-locale-language .language-switcher-locale-url li.last::after {
                    background: #000;
                    width: 2px;
                    height: 12px;
                    position: absolute;
                    top: 4px;
                    right: -7px;
                    content: "";
                }

    #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 {
        margin: 0;
        padding: 0;
        float: right;
        width: auto;
    }

        #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul {
            margin: 10px 5px 0 0;
            padding: 0;
        }

            #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li {
                margin: 0;
                padding: 0;
                list-style: none;
                float: left;
                line-height: 16px;
            }

                #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li.last {
                    background: none;
                }

                #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li a {
                    margin: 0;
                    padding: 0 7px;
                    display: inline-block;
                    text-decoration: none;
                    color: #f01c24;
                    text-transform: none;
                    height: 28px;
                    font-family: "Roboto", sans-serif;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 700;
                }

                    #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li a:hover {
                        color: #9c060b;
                    }

                #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li.expanded {
                    position: relative;
                }

                    #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li.expanded ul {
                        display: none;
                        position: absolute;
                        background: #f2f0ef;
                        padding: 10px 9px;
                        z-index: 12;
                        min-width: 200px;
                        margin: 0;
                    }

                        #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li.expanded ul li {
                            margin: 0;
                            padding: 4px 0 0;
                            border-bottom: 1px solid #eac4b6;
                            float: none;
                            width: auto;
                            background: none;
                        }

                            #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li.expanded ul li a {
                                font-family: "Roboto", sans-serif;
                                font-size: 14px;
                                line-height: 25px;
                                font-weight: 300;
                                margin: 0;
                                padding: 0;
                                display: block;
                                color: #5f5e5e;
                                text-decoration: none;
                                text-transform: none;
                                text-indent: inherit;
                            }

                                #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li.expanded ul li a:hover {
                                    color: #7dbb3c !important;
                                    background: none;
                                }

                                #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li.expanded ul li a.active-trail {
                                    background: none;
                                }

                            #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li.expanded ul li.first {
                                width: auto;
                                height: auto;
                            }

                            #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li.expanded ul li.last {
                                border: none;
                            }

                    #header #branding .show-desktop .region-sidebar-first #block-menu-menu-main-menu-2 .block-content ul li.expanded:hover ul {
                        display: block;
                    }

#header #branding #logo {
    float: left;
    margin: 20px 15px 0;
    padding: 0;
}

@media only screen and (max-width:1024px) {
    #header #branding #logo {
        margin: 20px 15px 0 0;
    }
}

@media only screen and (max-width:767px) {
    #header #branding #logo {
        margin: 0 10px 0 0;
    }
}

@media only screen and (max-width:480px) {
    #header #branding #logo {
        width: 120px;
    }
}

@media only screen and (max-width:380px) {
    #header #branding #logo {
        width: 105px;
    }
}

@media only screen and (max-width:345px) {
    #header #branding #logo {
        margin: 0 5px 0 0;
        width: 95px;
    }
}

#header #branding #logo .logo-header {
    background: url(/sites/all/themes/bouygues/images/sprite-logo.png) 0 0 no-repeat;
    display: block;
    width: 152px;
    height: 80px;
}

@media only screen and (max-width:767px) {
    #header #branding #logo .logo-header {
        background: url(../images/images-home/logo-mobile.png) 0 0 no-repeat;
        display: block;
        width: 117px;
        height: 62px;
    }
}

@media only screen and (max-width:400px) {
    #header #branding #logo .logo-header {
        background-size: 100% auto;
        width: 110px;
        height: 60px;
    }
}

@media only screen and (max-width:360px) {
    #header #branding #logo .logo-header {
        width: 100px;
        height: 60px;
    }
}

@media only screen and (max-width:332px) {
    #header #branding #logo .logo-header {
        width: 90px;
        height: 55px;
    }
}

#header #branding #name-and-slogan {
    float: left;
    margin: 40px 0 0;
    padding: 0;
    background: url(../images/images-home/shared.png) no-repeat 100% 100%;
    display: block;
    width: 181px;
    height: 38px;
}

@media only screen and (max-width:767px) {
    #header #branding #name-and-slogan {
        margin: 20px 0 0;
    }
}

@media only screen and (max-width:480px) {
    #header #branding #name-and-slogan {
        margin: 13px 0 0;
    }
}

@media only screen and (max-width:420px) {
    #header #branding #name-and-slogan {
        background-size: 100%;
        width: 160px;
        margin: 10px 0 0;
    }
}

@media only screen and (max-width:380px) {
    #header #branding #name-and-slogan {
        margin: 6px 0 0;
    }
}

@media only screen and (max-width:360px) {
    #header #branding #name-and-slogan {
        width: 150px;
        margin: 7px 0 0;
    }
}

@media only screen and (max-width:345px) {
    #header #branding #name-and-slogan {
        width: 125px;
        margin: 0;
    }
}

#header #branding .show-desktop .region-header {
    float: right;
    margin: 45px 0 0;
    padding: 0;
    width: auto;
}

@media only screen and (max-width:1024px) {
    #header #branding .show-desktop .region-header {
        margin: 45px -10px 0;
    }
}

#header #branding .show-desktop .region-header .block-search {
    border: none;
    background: #f8f7f7;
    margin: 0;
    padding: 0;
    width: 200px;
    height: 40px;
    clear: both;
}

@media only screen and (max-width:1024px) {
    #header #branding .show-desktop .region-header .block-search {
        margin: 0 15px 0 0;
    }
}

#header #branding .show-desktop .region-header .block-search .container-inline .form-item-search-block-form {
    margin: 0 0 0 0;
    padding: 0;
    float: left;
    width: 140px;
}

    #header #branding .show-desktop .region-header .block-search .container-inline .form-item-search-block-form input.form-text {
        background: none;
        font-family: "Roboto", sans-serif;
        font-size: 17px;
        line-height: 20px;
        font-weight: 200;
        color: #797878;
        font-style: italic;
        border: none;
    }

#header #branding .show-desktop .region-header .block-search .container-inline .form-actions {
    float: right;
    margin: 10px 20px 0 0;
}

    #header #branding .show-desktop .region-header .block-search .container-inline .form-actions input.form-submit {
        background: url(../images/images-home/loupe.png) no-repeat center top;
        display: block;
        cursor: pointer;
        float: left;
        text-indent: -9999px;
        width: 20px;
        height: 20px;
        border: none;
    }

#header .show-desktop #block-system-main-menu {
    width: 100%;
}

    #header .show-desktop #block-system-main-menu .block-content ul.menu {
        padding: 0 10px;
        margin: 0;
    }

@media only screen and (max-width:768px) {
    #header .show-desktop #block-system-main-menu .block-content ul.menu {
        padding: 0 9px;
    }
}

#header .show-desktop #block-system-main-menu .block-content ul.menu li {
    margin: 0px 35px 0 0;
    position: relative;
    list-style: none;
    float: left;
}

    #header .show-desktop #block-system-main-menu .block-content ul.menu li a {
        margin: 0;
        padding: 0 4px;
        display: inline-block;
        text-decoration: none;
        color: #000;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 49px;
        font-weight: 300;
    }

        #header .show-desktop #block-system-main-menu .block-content ul.menu li a:hover {
            color: #f01c24;
        }

    #header .show-desktop #block-system-main-menu .block-content ul.menu li.first {
        margin: 0 70px 0 0;
    }
/*#header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded {
    margin: 0 70px 0 0;
    position: relative;
}*/
@media only screen and (max-width:991px) {
    #header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded {
        margin: 0 44px 0 0;
    }
}

@media only screen and (max-width:768px) {
    #header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded {
        margin: 0 40px 0 0;
    }
}

#header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded ul {
    display: none;
    position: absolute;
    background: #f2f0ef;
    padding: 10px 9px;
    z-index: 12;
    min-width: 280px;
}

    #header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded ul li {
        margin: 0;
        padding: 4px 0;
        border-bottom: 1px solid #eac4b6;
        float: none;
        width: auto;
        background: none;
    }

        #header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded ul li a {
            font-family: "Roboto", sans-serif;
            font-size: 14px;
            line-height: 17px;
            font-weight: 300;
            margin: 0;
            padding: 0;
            display: block;
            color: #5f5e5e;
            text-decoration: none;
            text-transform: none;
            text-indent: inherit;
        }

            #header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded ul li a:hover {
                color: #7dbb3c;
                background: none;
            }

            #header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded ul li a.active-trail {
                background: none;
            }

        #header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded ul li.first {
            width: auto;
            height: auto;
        }

        #header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded ul li.last {
            border: none;
        }

#header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded:hover ul {
    display: block;
}

#header .show-desktop #block-system-main-menu .block-content ul.menu li.last {
    margin: 0;
    border: none;
}

    #header .show-desktop #block-system-main-menu .block-content ul.menu li.last ul {
        min-width: 150px;
    }

@media only screen and (max-width:1024px) {
    #header .show-desktop #block-system-main-menu .block-content ul.menu li.last ul {
        min-width: 140px;
    }
}

#header .show-responsive #block-bouygues-main-block-innovation-video iframe {
    max-width: 100%;
}

@media only screen and (max-width:639px) {
    #header .show-responsive #block-bouygues-main-block-innovation-video iframe {
        height: auto;
        min-height: 255px;
    }
}

@media only screen and (max-width:361px) {
    #header .show-responsive #block-bouygues-main-block-innovation-video iframe {
        min-height: 180px;
    }
}

#footer {
    margin: 25px 0px 20px;
}

.section-media #footer {
    margin: 0 0 20px;
}

@media only screen and (max-width:1024px) {
    #footer {
        margin: 25px 0 20px 15px;
    }
}

@media only screen and (max-width:767px) {
    #footer {
        margin: 25px 0px 10px;
    }
}

@media only screen and (max-width:1024px) {
    #footer .region-footer .footer-container {
        margin: 0;
    }
}

#footer .region-footer .footer-container #block-block-1 {
    float: left;
    margin: 0;
    padding: 0;
    width: 10%;
}

@media only screen and (max-width:1024px) {
    #footer .region-footer .footer-container #block-block-1 {
        margin: 0;
    }
}

#footer .region-footer .footer-container #block-block-1 p .logo-footer, .section-media .field-name-body p #footer .region-footer .footer-container #block-block-1 strong .logo-footer {
    display: block;
    width: 105px;
}

    #footer .region-footer .footer-container #block-block-1 p .logo-footer img, .section-media .field-name-body p #footer .region-footer .footer-container #block-block-1 strong .logo-footer img {
        width: 100%;
    }

@media only screen and (max-width:767px) {
    #footer .region-footer .footer-container #block-block-1 {
        display: none;
    }
}

#footer .region-footer .footer-container #block-menu-menu-menu-footer {
    float: left;
    margin: 0;
    padding: 0;
    width: 90%;
}

@media only screen and (max-width:1024px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer {
        float: right;
        width: 86%;
    }
}

@media only screen and (max-width:767px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer {
        float: right;
        width: 100%;
    }
}

#footer .region-footer .footer-container #block-menu-menu-menu-footer .menu {
    text-align: right;
    margin: 20px 0 0;
}

@media only screen and (max-width:767px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu {
        text-align: left;
        margin: 0;
        padding: 0 15px;
    }
}

#footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li {
    list-style-type: none;
}

    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf {
        list-style-image: none;
        float: left;
        margin: 0;
        padding: 0 0 0 38px;
        text-align: right;
    }

@media only screen and (max-width:1024px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf {
        padding: 0 4% 0 8%;
    }
}

@media only screen and (max-width:950px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf {
        padding: 0 5% 0 6%;
    }
}

@media only screen and (max-width:900px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf {
        padding: 0 4% 0 6%;
    }
}

@media only screen and (max-width:840px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf {
        padding: 0 3.5% 0 5%;
    }
}

@media only screen and (max-width:815px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf {
        padding: 0 3.5% 0 4%;
    }
}

@media only screen and (max-width:800px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf {
        padding: 0 3.5%;
    }
}

@media only screen and (max-width:780px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf {
        padding: 0 3.5% 0 3%;
    }
}

@media only screen and (max-width:767px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf {
        padding: 0 15px 0 0;
    }
}

#footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf a {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 17px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    text-align: right;
}

    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf a:hover {
        color: #7dbb3c;
    }

@media only screen and (max-width:767px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf {
        padding: 0 0 5px;
        line-height: 20px;
    }
}

#footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf.first {
    padding: 0 0 0 6%;
}

@media only screen and (max-width:1024px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf.first {
        padding: 0 10px 0 0;
    }
}

@media only screen and (max-width:950px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf.first {
        padding: 0 20px 0 0;
    }
}

@media only screen and (max-width:900px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf.first {
        padding: 0 15px 0 0;
    }
}

@media only screen and (max-width:815px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf.first {
        padding: 0 15px;
    }
}

@media only screen and (max-width:767px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf.first {
        padding: 0 0 5px;
    }
}

#footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf.last {
    padding: 0 10px 0 0;
    float: right;
}

@media only screen and (max-width:1024px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf.last {
        padding: 0 20px 0 0;
        float: right;
    }
}

@media only screen and (max-width:767px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li.leaf.last {
        padding: 0;
    }
}

@media only screen and (max-width:767px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li {
        float: left;
        clear: both;
        display: block;
        padding: 0 0 5px;
    }
}

@media only screen and (max-width:767px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li: nth-of-type(4) {
        float: right;
        clear: none;
        display: block;
        margin: -50px 0 0;
        width: 155px;
        text-align: left;
    }
}

@media only screen and (max-width:767px) {
    #footer .region-footer .footer-container #block-menu-menu-menu-footer .menu li: last-child {
        float: right;
        clear: none;
        display: block;
        margin: -25px 0 0;
        width: 155px;
        text-align: left;
    }
}

#header {
}

    #header .region-sidebar-first-responsive {
    }

        #header .region-sidebar-first-responsive .wrap_menu_links {
            width: 100%;
        }

            #header .region-sidebar-first-responsive .wrap_menu_links .search_social {
                float: left;
                margin: 30px 0 0;
                min-height: 85px;
                position: relative;
                width: 100%;
                z-index: 10;
            }

                #header .region-sidebar-first-responsive .wrap_menu_links .search_social .show_search {
                    background: url(../images/images-home/mobile-search.png) no-repeat;
                    display: block;
                    float: right;
                    height: 25px;
                    text-indent: -9999px;
                    width: 25px;
                    margin: 0 85px 0 0;
                }

                    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .show_search.active {
                        background: url(../images/images-home/loupe-active.png) no-repeat;
                    }

                #header .region-sidebar-first-responsive .wrap_menu_links .search_social .show_social {
                    background: url(../images/images-home/mobile-share.png) no-repeat;
                    display: block;
                    float: right;
                    height: 28px;
                    text-indent: -9999px;
                    width: 25px;
                    margin: 0 35px 0 0;
                }

                    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .show_social.active {
                        background: url(../images/images-home/share-active.png) no-repeat;
                    }

                #header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social ul {
                    display: none;
                }

                #header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active {
                    margin: 65px 0 0;
                    background: #f7f7f7;
                    width: 100%;
                }

                    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul {
                        display: block;
                        width: 340px;
                        margin: 0 auto 40px;
                        padding: 20px 0;
                        clear: both;
                    }

@media only screen and (max-width:350px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul {
        width: 300px;
    }
}

#header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul li {
    display: inline-block;
    padding: 0 8px;
}

@media only screen and (max-width:350px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul li {
        padding: 0 5px;
    }
}

#header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul li.first {
    margin: 0 0 0 12px;
}

@media only screen and (max-width:350px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul li.first {
        margin: 0 0 0 8px;
    }
}

#header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul li.Linkedin a {
    background: url(../images/images-home/inst-menu.png) no-repeat;
    width: 33px;
    height: 31px;
    display: block;
}

#header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul li.Fb a {
    background: url(../images/images-home/fb-menu.png) no-repeat;
    width: 17px;
    height: 33px;
    display: block;
}

#header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul li.Google a {
    background: url(../images/images-home/g-menu.png) no-repeat;
    width: 40px;
    height: 31px;
    display: block;
}

#header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul li.YouTube a {
    background: url(../images/images-home/u-menu.png) no-repeat;
    width: 28px;
    height: 33px;
    display: block;
}

#header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul li.Instagram a {
    background: url(../images/images-home/insta-menu.png) no-repeat;
    width: 33px;
    height: 33px;
    display: block;
}

#header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul li.Twitter a {
    background: url(../images/images-home/tw-menu.png) no-repeat;
    width: 33px;
    height: 28px;
    display: block;
}

#header .region-sidebar-first-responsive .wrap_menu_links .search_social .wrap_social.active ul li.Rss a {
    background: url(../images/images-home/rss-menu.png) no-repeat;
    width: 31px;
    height: 31px;
    display: block;
}

#header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 {
    background: #f7f7f7;
    width: 92%;
    margin: 65px auto 35px;
    clear: both;
    padding: 18px 20px;
}

@media only screen and (max-width:600px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 {
        width: 90%;
    }
}

@media only screen and (max-width:485px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 {
        width: 88%;
    }
}

@media only screen and (max-width:400px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 {
        width: 86%;
    }
}

@media only screen and (max-width:375px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 {
        width: 84%;
    }
}

@media only screen and (max-width:330px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 {
        width: 83%;
    }
}

#header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 .form-text {
    border: none;
    border-radius: 0;
    color: #000;
    font-style: italic;
    width: 89%;
    padding: 0 5px 0 0;
    background: none;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
}

@media only screen and (max-width:640px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 .form-text {
        width: 86%;
    }
}

@media only screen and (max-width:565px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 .form-text {
        width: 84%;
    }
}

@media only screen and (max-width:500px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 .form-text {
        width: 82%;
    }
}

@media only screen and (max-width:480px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 .form-text {
        padding: 0 35px 0 0;
        width: 86%;
    }
}

@media only screen and (max-width:415px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 .form-text {
        width: 84%;
    }
}

@media only screen and (max-width:380px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 .form-text {
        width: 82%;
    }
}

@media only screen and (max-width:330px) {
    #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 .form-text {
        width: 80%;
    }
}

#header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 #edit-actions, #header .region-sidebar-first-responsive .wrap_menu_links .search_social .bloc-mob-droite-2 #edit-actions--2 {
    float: right;
    background: url(../images/images-home/ok-search.png) no-repeat right center;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: block;
    height: 15px;
    margin: 5px 0 0;
    text-indent: -9999px;
    width: 30px;
}

#header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu-home {
    padding: 0 30px 15px;
    border-bottom: 1px solid #c8c8c8;
}

    #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu-home .grid-logo {
        font-family: "Roboto", sans-serif;
        font-size: 20px;
        line-height: 24px;
        font-weight: 300;
        color: #000;
        text-transform: uppercase;
        text-decoration: none;
    }

#header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu {
    background: #f7f7f7;
    padding: 15px 0 5px;
}

    #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu li {
        margin: 0 0 5px 30px;
        padding: 10px 0;
        list-style-type: none;
    }

        #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu li.expanded, #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu li.leaf {
            list-style-image: none;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu li a {
            color: #cd4e00;
            font-family: "Roboto", sans-serif;
            font-size: 20px;
            line-height: 24px;
            font-weight: 700;
            text-decoration: none;
            display: inline-block;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu li .menu_plus {
            background: url(../images/images-home/puce-down.png) no-repeat scroll center center;
            float: right;
            height: 30px;
            margin: -5px 12px 0;
            text-indent: -9999px;
            width: 30px;
        }

            #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu li .menu_plus a {
                display: block;
            }

            #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu li .menu_plus.link-open {
                background: url(../images/images-home/puce-up.png) no-repeat scroll center 13px;
            }

        #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu li .menu {
            background: none;
            padding: 0;
        }

            #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu li .menu li {
                margin: 0 0 10px;
                border: none;
                padding: 5px 0;
            }

                #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu li .menu li a {
                    font-family: "Roboto", sans-serif;
                    font-size: 17px;
                    line-height: 22px;
                    font-weight: 300;
                    color: #373737;
                }

                    #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu li .menu li a:hover {
                        color: #cd4e00;
                    }

                #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .menu li .menu li.last {
                    margin: 0;
                }

#header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu {
    background: none;
    padding: 0;
}

    #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu li {
        padding: 13px 0 0;
        margin: 0 0 10px 30px;
    }

        #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu li a {
            font-family: "Roboto", sans-serif;
            font-size: 20px;
            line-height: 24px;
            font-weight: 300;
            color: #000;
            display: block;
        }

            #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu li a:hover {
                color: #cd4e00;
            }

        #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu li .menu {
            background: none;
            padding: 10px 0 0;
        }

            #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu li .menu li {
                margin: 0 0 10px;
                border: none;
                padding: 5px 0;
            }

                #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu li .menu li a {
                    font-family: "Roboto", sans-serif;
                    font-size: 17px;
                    line-height: 22px;
                    font-weight: 300;
                    color: #373737;
                }

                    #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu li .menu li a:hover {
                        color: #cd4e00;
                    }

                #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu li .menu li.last {
                    margin: 0;
                }

        #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu li .menu_plus {
            background: url(../images/images-home/puce-down.png) no-repeat scroll center center;
            float: right;
            height: 30px;
            margin: -26px 12px 0;
            text-indent: -9999px;
            width: 30px;
        }

            #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu li .menu_plus a {
                display: block;
            }

            #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu li .menu_plus.link-open {
                background: url(../images/images-home/puce-up.png) no-repeat scroll center 4px;
            }

        #header .region-sidebar-first-responsive .wrap_menu_links .menu-mobile-links .first-menu-mobile .menu li.last {
            margin: 0 0 25px 30px;
        }

#header .region-sidebar-first-responsive .wrap_menu_links .lang-switch {
    width: 175px;
    position: absolute;
    left: 0px;
    top: 30px;
    z-index: 1000;
}

    #header .region-sidebar-first-responsive .wrap_menu_links .lang-switch ul li {
        position: relative;
        display: inline-block;
    }

        #header .region-sidebar-first-responsive .wrap_menu_links .lang-switch ul li a {
            font-family: "Roboto", sans-serif;
            font-size: 20px;
            line-height: 24px;
            font-weight: 300;
            color: #000;
            text-transform: uppercase;
            text-decoration: none;
            display: inline-block;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .lang-switch ul li.active a {
            color: #cd4e00;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .lang-switch ul li.first {
            float: right;
            padding: 5px;
        }

        #header .region-sidebar-first-responsive .wrap_menu_links .lang-switch ul li.last {
            padding: 0 28px 0 0;
            position: relative;
        }

            #header .region-sidebar-first-responsive .wrap_menu_links .lang-switch ul li.last:after {
                position: absolute;
                content: " ";
                width: 1px;
                height: 20px;
                background: #000;
                top: 3px;
                right: 13px;
            }

#header .region-sidebar-first-responsive .top-menu-mobile .open-mobile-menu {
    background: url(../images/images-home/menu.png) no-repeat;
    width: 40px;
    height: 25px;
    padding: 0 5px;
    top: 25px;
    position: relative;
    z-index: 9999;
    display: block;
    text-indent: -9999px;
}

@media only screen and (max-width:480px) {
    #header .region-sidebar-first-responsive .top-menu-mobile .open-mobile-menu {
        top: 22px;
    }
}

@media only screen and (max-width:380px) {
    #header .region-sidebar-first-responsive .top-menu-mobile .open-mobile-menu {
        top: 16px;
    }
}

@media only screen and (max-width:360px) {
    #header .region-sidebar-first-responsive .top-menu-mobile .open-mobile-menu {
        top: 18px;
    }
}

@media only screen and (max-width:345px) {
    #header .region-sidebar-first-responsive .top-menu-mobile .open-mobile-menu {
        top: 14px;
    }
}

#header .region-sidebar-first-responsive .top-menu-mobile .open-mobile-menu.open {
    margin: 0;
    background: url(../images/images-home/mobile-close.png) no-repeat;
    width: 25px;
}

#header #block-locale-language--2 {
    display: none;
}

.node-type-innovation #page #header {
    height: auto;
}

.node-type-innovation #page #breadcrumb {
    padding: 10px 20px;
}

    .node-type-innovation #page #breadcrumb .breadcrumb-wrapper #crumbs li {
        display: inline-block;
        line-height: 20px;
        margin: 0;
        padding: 0;
    }

        .node-type-innovation #page #breadcrumb .breadcrumb-wrapper #crumbs li a {
            font-family: "Roboto", sans-serif;
            font-size: 12px;
            line-height: 12px;
            font-weight: 500;
            color: #000;
        }

        .node-type-innovation #page #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
            color: #eb5f22;
            font-size: 12px;
        }

.node-type-innovation #page .breadcrumb-mobile {
    background: none;
    padding: 10px 0 0 10px;
}

    .node-type-innovation #page .breadcrumb-mobile a {
        font-size: 15px !important;
        margin: 0;
        color: #cd4e00 !important;
        background: url(../images/images-home/fleche-retour.png) no-repeat left center;
        text-decoration: none;
        text-indent: 10px;
        font-family: "Tahoma", Arial;
    }

        .node-type-innovation #page .breadcrumb-mobile a:hover {
            text-decoration: underline !important;
        }

.node-type-innovation #page .region-help .region-inner #block-bouygues-main-block-print-send {
    display: none;
}

.node-type-innovation #page .show-desktop #block-views-bloc-innovation-video-block iframe {
    max-width: 100%;
}

@media only screen and (max-width:639px) {
    .node-type-innovation #page .show-desktop #block-views-bloc-innovation-video-block iframe {
        height: auto;
        min-height: 255px;
    }
}

@media only screen and (max-width:361px) {
    .node-type-innovation #page .show-desktop #block-views-bloc-innovation-video-block iframe {
        min-height: 180px;
    }
}

.node-type-innovation #page .show-responsive .view-bloc-innovation-video iframe {
    max-width: 100%;
}

@media only screen and (max-width:639px) {
    .node-type-innovation #page .show-responsive .view-bloc-innovation-video iframe {
        height: auto;
        min-height: 255px;
    }
}

@media only screen and (max-width:361px) {
    .node-type-innovation #page .show-responsive .view-bloc-innovation-video iframe {
        min-height: 180px;
    }
}

.node-type-innovation #page #columns {
    padding: 0;
}

    .node-type-innovation #page #columns #main-content #main-content-header h1#page-title {
        display: none;
    }

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite {
        width: 100%;
    }

        .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite .field-item h1#page-title {
            margin: 0 auto;
            text-align: center;
            width: 60%;
            font-family: "Roboto", sans-serif;
            font-size: 40px;
            line-height: 42px;
            font-weight: 300;
            color: #000;
            text-transform: inherit;
        }

@media only screen and (max-width:675px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite .field-item h1#page-title {
        width: 80%;
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite .field-item h1#page-title {
        width: 95%;
        font-size: 25px;
        line-height: 27px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite .field-item h1#page-title span {
    display: block;
    color: #ff9545;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
}

@media only screen and (max-width:675px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite .field-item h1#page-title span {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-titre-boite .field-item h1#page-title span {
        width: 95%;
        font-size: 25px;
        line-height: 27px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-chapo {
    width: 80% !important;
    margin: 35px auto 40px;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-chapo {
        margin: 5px auto 25px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-chapo .field-items .field-item {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .video-text-wrapper iframe {
    width: 100%;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo {
    margin: 50px auto 25px;
    width: 100%;
    height: auto;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .field-type-image img {
        width: 100%;
    }

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box {
        width: 100% !important;
        background: #ff9545;
        float: left;
        position: static;
        height: 90px;
    }

@media only screen and (max-width:480px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box {
        width: auto !important;
        height: 110px;
        padding: 15px 0 5px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long {
    width: 100%;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong {
        text-align: center !important;
    }

        .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong strong {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            line-height: 30px;
            font-weight: 400;
            color: #fff;
        }

@media only screen and (max-width:480px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong strong {
        line-height: 21px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p em, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong em {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    font-style: italic;
    color: #fff !important;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-control-nav {
    bottom: 20px;
    right: 0;
    text-align: center;
    width: 100%;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-control-nav li a {
        background: #ffc89e;
        width: 15px;
        height: 15px;
        text-indent: -9999px !important;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -o-border-radius: 50%;
        position: relative;
    }

        .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-control-nav li a.flex-active {
            background: #fff;
        }

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .flexslider.fc-diapo .flex-direction-nav {
    display: none;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-collection-container .field-name-field-visuel-petit figure img {
    width: 100%;
    height: auto;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte {
    width: 80%;
    padding: 0 0 0 35px;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte {
        padding: 0 0 0 15px;
        width: 90%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte {
        padding: 0 10px 0;
        width: auto;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte h2, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte h3 {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    color: #ff9545;
    padding: 15px 0 13px;
    text-transform: inherit;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte h2, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte h3 {
        padding: 10px 0 5px;
        line-height: 30px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte p, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .field-name-field-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    color: #000;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage {
    margin: 50px 0 0;
    padding: 0;
    width: 100%;
    height: 155px;
    background: #ff9545;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage {
        width: auto;
        margin: 50px 15px 0;
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage {
        margin: 35px 10px 0;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item {
    margin: 0;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob {
        float: left;
    }

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob {
        display: none;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image {
    margin: 0;
    width: 142px;
    height: auto;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image {
        width: 172px;
        height: 155px;
    }
}

@media only screen and (max-width:768px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image {
        height: 188px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image img {
        width: 100%;
    }
}

@media only screen and (max-width:768px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image img {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-mob {
        display: block;
    }

        .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-mob img {
            width: 100%;
            height: auto;
        }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right {
    float: left;
    width: 82%;
    padding: 0 0 0 15px;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right {
        width: 70%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right {
        width: auto;
        padding: 0 15px 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .show-mob {
    display: none;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-texte {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    margin: 0;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-texte {
        line-height: 19px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-fonction {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    padding: 10px 0 0;
    margin: 0 0 8px;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-fonction {
        font-size: 20px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte p, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    margin: 0;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte p, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte strong {
        line-height: 19px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte strong strong {
    color: #fff;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center {
    float: left;
    width: auto;
    padding: 10px;
    position: relative;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte .diapo-texte {
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        line-height: 21px;
        font-weight: 400;
        color: #fff;
        font-style: italic;
        margin: 0;
    }

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte .diapo-texte {
        line-height: 19px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte .diapo-fonction {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin: 0 0 8px;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte .diapo-fonction {
        font-size: 20px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte p, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    margin: 0;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte p, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte strong {
        line-height: 19px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte strong strong {
    color: #fff;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-center .field-name-field-bloc-temoignage-texte.field-type-text-with-summary {
        margin-top: 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas {
    background: #f8f7f7;
    padding: 0 0 20px;
    margin: 45px 0 0;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas {
        margin: 45px 15px 35px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas {
        margin: 0 10px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container {
    width: 100%;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .field-label {
        font-family: "Roboto", sans-serif;
        font-size: 25px;
        line-height: 25px;
        font-weight: 700;
        color: #14b9c8;
        padding: 30px 40px 22px;
        text-transform: inherit;
    }

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .field-label {
        padding: 22px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .field-label {
        padding: 30px 15px 20px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres {
    width: 100%;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left {
        float: left;
        width: 50%;
        padding: 0;
        margin: 0;
    }

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left {
        width: 100%;
        margin: 0 0 25px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 {
    float: left;
    padding: 0 0 0 40px;
    width: 88px;
    height: 88px;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 {
        padding: 0 0 0 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    width: 82px;
    height: 82px;
    color: #14b9c8;
    border: 3px solid #14b9c8;
    vertical-align: middle;
    display: table-cell;
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items {
        width: 72px;
        height: 72px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items .field-item {
    font-family: "museo", sans-serif;
    font-size: 36px;
    line-height: 35px;
    font-weight: normal;
    color: #000;
    text-align: center;
}

@media only screen and (max-width:480px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items .field-item {
        font-size: 30px;
        line-height: 28px;
    }
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items .field-item {
        padding: 0;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long {
    float: left;
    width: 310px;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        float: left;
        color: #000;
        margin: 0;
        padding: 15px 0 0 20px;
        text-transform: inherit;
        display: inline-block;
    }

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong {
        font-size: 25px;
        padding: 15px 0 0 15px;
        margin: 0;
    }
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong {
        padding: 10px 10px 0 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p span, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong span {
    font-family: "museo", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    color: #14b9c8;
    display: block;
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p span, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong span {
        font-size: 25px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right {
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right {
        width: 100%;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 {
    float: left;
    padding: 0 0 0 40px;
    width: 88px;
    height: 88px;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 {
        padding: 0 0 0 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    width: 82px;
    height: 82px;
    color: #14b9c8;
    border: 3px solid #14b9c8;
    vertical-align: middle;
    display: table-cell;
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items {
        width: 72px;
        height: 72px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items .field-item {
    font-family: "museo", sans-serif;
    font-size: 36px;
    line-height: 41px;
    font-weight: normal;
    color: #000;
    text-align: center;
}

@media only screen and (max-width:480px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items .field-item {
        font-size: 30px;
        line-height: 28px;
    }
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items .field-item {
        padding: 0;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long {
    float: left;
    width: 310px;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        float: left;
        color: #000;
        padding: 15px 0 0 20px;
        margin: 0;
        text-transform: inherit;
    }

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong {
        font-size: 25px;
        padding: 15px 0 0 15px;
    }
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong {
        padding: 10px 10px 0 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p span, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong span {
    font-family: "museo", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    color: #14b9c8;
    display: block;
}

@media only screen and (max-width:350px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p span, .section-media .field-name-body p .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong span {
        font-size: 25px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir {
    background: url(../images/images-home/map-2.jpg) no-repeat;
    width: 100%;
    height: 199px;
    padding: 0;
    max-width: 100%;
    margin: 35px 0 0;
    float: left;
    clear: both;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir {
        margin: 35px 15px;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        width: 97%;
        height: auto;
        padding: 0 0 15px;
    }
}

@media only screen and (max-width:800px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir {
        width: 96%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir {
        margin: 30px 10px;
        height: auto;
        padding: 0 0 20px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir h2 {
    margin: 65px auto 30px;
    text-align: center;
    font-family: "Raleway", sans-serif !important;
    color: #000 !important;
    background: none;
    display: block;
    text-transform: inherit !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir h2 {
        margin: 30px auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir h2 {
        margin: 30px auto 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir h2 {
        margin: 30px auto;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir h2 span {
    color: #fff;
    text-transform: inherit;
    font-weight: 600 !important;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .section-media .fichier-hd, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .fichier-hd {
        padding: 0 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .section-media .fichier-hd li, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .fichier-hd li {
    margin: 5px 0;
    height: 38px;
    display: table;
    margin: 0 auto;
}

    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li a, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .fichier-hd li a {
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 7px;
        padding: 0 0 0 35px;
        font-family: "robotocondensed", sans-serif;
        font-size: 20px;
        line-height: 27px;
        font-weight: 500;
        color: #000;
        text-transform: uppercase;
    }

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li a, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .fichier-hd li a {
        font-size: 18px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li a em, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .section-media .fichier-hd li a em, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .fichier-hd li a em {
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li a em, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .section-media .fichier-hd li a em, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .fichier-hd li a em {
        font-size: 18px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li a.pdf, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .section-media .fichier-hd li a.pdf, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .fichier-hd li a.pdf {
    background: url(../images/images-home/download.png) no-repeat left center;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li a.pic-mail, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .section-media .fichier-hd li a.pic-mail, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .fichier-hd li a.pic-mail {
    background: url(../images/images-home/mail.png) no-repeat left center;
}

@media only screen and (max-width:360px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .links li.last, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .section-media .fichier-hd li.last, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir .fichier-hd li.last {
        padding: 0 0 25px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links h2 {
    margin: 35px auto 30px;
    text-align: center;
    font-family: "Raleway", sans-serif !important;
    color: #000 !important;
    background: none;
    display: block;
    text-transform: inherit !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links h2 {
        margin: 30px auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links h2 {
        margin: 30px auto 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links h2 {
        margin: 20px auto;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links h2 span {
    color: #fff;
    text-transform: inherit;
    font-weight: 600 !important;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .section-media .fichier-hd, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .fichier-hd {
        padding: 0 15px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .fichier-hd li {
    width: 46%;
    float: left;
    padding: 0 0 0 35px;
    margin: 5px 0;
    height: 38px;
}

@media only screen and (max-width:800px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .fichier-hd li {
        padding: 0 0 0 15px;
        width: 47%;
        margin: 0 0 6px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .fichier-hd li {
        width: 100%;
        float: none;
        margin: 0 0 10px;
        padding: 0;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li a, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .fichier-hd li a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 7px;
    padding: 0 0 0 35px;
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li a, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .fichier-hd li a {
        font-size: 18px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li a em, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .section-media .fichier-hd li a em, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .fichier-hd li a em {
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li a em, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .section-media .fichier-hd li a em, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .fichier-hd li a em {
        font-size: 18px;
    }
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li a.pdf, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .fichier-hd li a.pdf {
    background: url(../images/images-home/download.png) no-repeat left center;
}

.node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li a.pic-mail, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .section-media .fichier-hd li a.pic-mail, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .fichier-hd li a.pic-mail {
    background: url(../images/images-home/mail.png) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li.last, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .fichier-hd li.last {
        margin: 0 0 5px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .links li.last, .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-innovation #page #columns #main-content #content #block-system-main .node-innovation .node-content .lien-savoir.more-links .fichier-hd li.last {
        padding: 0 0 25px;
    }
}

.node-type-article-projet-emblema #page #header {
    height: auto;
}

    .node-type-article-projet-emblema #page #header #branding .show-responsive {
        float: right;
        width: auto;
    }

    .node-type-article-projet-emblema #page #header .show-desktop .view-projet-emblematik-bloc-head .visuel-medium {
        margin: 0;
    }

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #header .show-desktop .view-projet-emblematik-bloc-head .visuel-medium {
        margin-top: 25px;
    }
}

.node-type-article-projet-emblema #page #header .show-desktop .node-header .node-title {
    display: none;
}

.node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider {
    height: auto;
    width: 100%;
}

    .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo {
        margin: 0 auto;
        width: 100%;
    }

        .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-direction-nav .flex-next {
            background: transparent url(../images/images-home/arrRightDiapo.png) no-repeat left top;
            height: 66px;
            opacity: 1;
            right: 0;
            top: 184px;
            width: 50px;
        }

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-direction-nav .flex-next {
        right: 3px;
    }
}

.node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-direction-nav .flex-prev {
    background: transparent url(../images/images-home/arrLeftDiapo.png) no-repeat scroll left top;
    height: 68px;
    left: 0;
    opacity: 1;
    top: 184px;
    width: 50px;
}

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-direction-nav .flex-prev {
        left: 2px;
    }
}

.node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-control-nav {
    bottom: 40px;
    right: 0;
    text-align: center;
    width: 100%;
    position: absolute;
}

    .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-control-nav li {
        margin: 0 3px;
    }

        .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-control-nav li a {
            background: rgba(255, 255, 255, 0.5);
            width: 16px;
            height: 16px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -o-border-radius: 50%;
            text-indent: -9999px;
            float: left;
        }

            .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .flex-control-nav li a.flex-active {
                background: white;
            }

.node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .slides li {
    margin: 0;
}

    .node-type-article-projet-emblema #page #header .show-desktop #diapo_emblematique .flexslider.fc-diapo .slides li .illustration-item-wrapper img {
        margin: 0 auto;
        width: 96%;
    }

.node-type-article-projet-emblema #page #header .show-responsive {
    float: none;
    height: auto;
    width: 100%;
}

    .node-type-article-projet-emblema #page #header .show-responsive .node-header .node-title {
        display: none;
    }

    .node-type-article-projet-emblema #page #header .show-responsive .flexslider {
        height: auto;
    }

        .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo {
            margin: 0 auto;
            width: 100%;
        }

            .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .flex-direction-nav .flex-next {
                background: transparent url(../images/images-home/arrRightDiapo.png) no-repeat left top;
                height: 66px;
                opacity: 1;
                right: 5px;
                width: 50px;
            }

            .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .flex-direction-nav .flex-prev {
                background: transparent url(../images/images-home/arrLeftDiapo.png) no-repeat scroll left top;
                height: 68px;
                left: 5px;
                opacity: 1;
                width: 50px;
            }

            .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .flex-control-nav {
                bottom: 10px;
                right: 0;
                text-align: center;
                width: 100%;
                position: absolute;
            }

                .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .flex-control-nav li {
                    margin: 0 3px;
                }

                    .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .flex-control-nav li a {
                        background: rgba(255, 255, 255, 0.5);
                        width: 16px;
                        height: 16px;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                        -o-border-radius: 50%;
                        text-indent: -9999px;
                        float: left;
                    }

                        .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .flex-control-nav li a.flex-active {
                            background: white;
                        }

            .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .slides li {
                margin: 0;
            }

                .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .slides li .illustration-item-wrapper img {
                    width: 94%;
                    margin: 0 auto;
                }

@media only screen and (max-width:639px) {
    .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .slides li .illustration-item-wrapper img {
        width: 90%;
    }
}

@media only screen and (max-width:400px) {
    .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .slides li .illustration-item-wrapper img {
        width: 89%;
    }
}

@media only screen and (max-width:360px) {
    .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .slides li .illustration-item-wrapper img {
        width: 88%;
    }
}

@media only screen and (max-width:320px) {
    .node-type-article-projet-emblema #page #header .show-responsive .flexslider.fc-diapo .slides li .illustration-item-wrapper img {
        width: 86%;
    }
}

.node-type-article-projet-emblema #page #header .show-responsive .node-article-projet-emblema .node-content img {
    width: 100%;
    height: auto;
}

.node-type-article-projet-emblema #page #breadcrumb {
    padding: 5px 0 0;
}

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #breadcrumb {
        padding: 5px 15px;
    }
}

.node-type-article-projet-emblema #page #breadcrumb .breadcrumb-wrapper #crumbs li {
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

    .node-type-article-projet-emblema #page #breadcrumb .breadcrumb-wrapper #crumbs li a {
        font-family: "Roboto", sans-serif;
        font-size: 11px;
        line-height: 11px;
        font-weight: 500;
        color: #000;
    }

    .node-type-article-projet-emblema #page #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
        color: #eb5f22;
    }

.node-type-article-projet-emblema #page .breadcrumb-mobile a {
    font-size: 12px !important;
    margin: 10px 0 0 10px;
    color: #cd4e00 !important;
    background: url(../images/images-home/fleche-retour.png) no-repeat left center;
    text-decoration: none;
    text-indent: 10px;
    font-family: "Tahoma", Arial !important;
}

    .node-type-article-projet-emblema #page .breadcrumb-mobile a:hover {
        text-decoration: underline;
    }

.node-type-article-projet-emblema #page #columns {
    padding: 0;
}

    .node-type-article-projet-emblema #page #columns #main-content #main-content-header h1#page-title {
        display: none;
    }

    .node-type-article-projet-emblema #page #columns #main-content #content {
        margin: 50px 0 0;
    }

        .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-image .image-style-none {
            display: table;
            margin: 0 auto 0;
        }

        .node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet {
            width: 95%;
            margin: 10px auto;
        }

            .node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet h1 {
                text-align: center;
                font-family: "Roboto", sans-serif;
                font-size: 40px;
                line-height: 42px;
                font-weight: 700;
                color: #ff9545;
                text-transform: inherit;
            }

@media only screen and (max-width:675px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet h1 {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet h1 {
        font-size: 25px;
        line-height: 27px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet span {
    display: block;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 300;
    text-align: center;
}

@media only screen and (max-width:675px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet span {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .head_detail_projet span {
        font-size: 25px;
        line-height: 27px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-diapo-texte.field-type-text-with-summary {
    float: none;
    margin: 0;
    width: 100%;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-diapo-texte.field-type-text-with-summary p, .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-diapo-texte.field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-diapo-texte.field-type-text-with-summary strong {
        font-family: "Roboto", sans-serif;
        font-size: 17px;
        line-height: 22px;
        font-weight: 300;
        color: #000;
        display: block;
        text-align: center;
        width: 80%;
        margin: 40px auto 0;
    }

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-diapo-texte.field-type-text-with-summary p, .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-diapo-texte.field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-diapo-texte.field-type-text-with-summary strong {
        width: 90%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet {
    background: url(../images/images-home/bg-map-projet.jpg) no-repeat;
    width: 100%;
    margin: 30px 0 0;
    line-height: normal;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet {
        margin: 15px 0 0;
        background-position: 50% 0;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter {
    float: left;
    width: 40%;
    margin: 40px 0 40px 52px;
    text-align: left;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    line-height: 36px;
    font-weight: 100;
}

    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter .newsletter_link {
        font-family: "Roboto", sans-serif;
        font-size: 19px;
        line-height: 22px;
        font-weight: 600;
        background: none;
        text-transform: inherit;
        color: #fff;
        padding: 0;
    }

@media only screen and (max-width:850px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter .newsletter_link {
        font-size: 22px;
        line-height: 25px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter .newsletter_link:hover {
    color: #000;
}

@media only screen and (max-width:850px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter {
        width: 60%;
        text-align: center;
        margin: 30px auto 0;
        font-size: 22px;
        line-height: 35px;
        float: none;
    }
}

@media only screen and (max-width:639px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter {
        width: 80%;
        margin: 20px auto 0;
        font-size: 19px;
        line-height: 30px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_newsletter {
        width: 90%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien {
    float: right;
    width: 50%;
}

@media only screen and (max-width:850px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:639px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien {
        width: 210px;
        margin: 0 auto;
        float: none;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien .lien_projet {
    font-family: "robotocondensed", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    background: url(../images/images-home/oeil.png) no-repeat left center;
    text-transform: uppercase;
    padding: 0 0 0 30px;
    float: right;
    margin: 72px 50px 0 0;
    position: relative;
    color: #000;
}

@media only screen and (max-width:850px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien .lien_projet {
        width: auto;
        margin: 25px auto 35px;
        float: none;
        transform: none;
        font-size: 20px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left center;
        padding: 0 0 0 35px;
    }
}

@media only screen and (max-width:639px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien .lien_projet {
        margin: 15px auto 25px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien .lien_projet:hover {
    background: url(../images/images-home/oeil-blan.png) no-repeat left center;
    color: #fff;
}

@media only screen and (max-width:850px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #block-bouygues-content-b-lien-projet .block-content .proj_lien .lien_projet: hover {
        background: url(../images/images-home/oeil-mobile-blan.png) no-repeat left center;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .temoignage {
    background: #ff9545;
    margin: 0px;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage {
        margin: 20px 0 0;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-photo .field-name-field-photo figure img {
    display: table;
    margin: 0 auto;
    padding: 35px 0 0;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-photo .field-name-field-photo figure img {
        padding: 25px 0 0;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-bloc-libre-titre {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 35px 0 12px;
}

@media only screen and (max-width:380px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-bloc-libre-titre {
        margin: 0 auto;
        max-width: 160px;
        font-size: 25px;
        padding: 25px 0 12px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-bio-fonction {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    padding: 0 50px;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-bio-fonction {
        padding: 0 30px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-bio-fonction {
        margin: 0 auto;
        font-size: 25px;
        line-height: 35px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-texte-boite {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 22px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    width: auto;
    margin: 0 auto;
    padding: 0 50px 40px;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage .field-name-field-texte-boite {
        padding: 0 30px 20px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .temoignage .tire {
    width: 15px;
    height: 2px;
    background: #fff;
    margin: 20px auto;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .temoignage .tire {
        margin: 15px auto;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-collection-view {
    border: none;
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-label {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #14b9c8;
    text-align: center;
    padding: 35px 0 15px;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-label {
        padding: 35px 0 0;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items {
    margin-left: -5px;
    margin-right: -5px;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        margin: 5px 0 0;
    }

@media (min-width:768px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item {
        float: left;
        width: 33.33333%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item {
        margin: 0 0 10px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-name-field-chiffre-1 {
        float: left;
        padding: 0 0 0 2px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-name-field-chiffre-1 .field-items {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    width: 118px;
    height: 118px;
    color: #14b9c8;
    border: 3px solid #14b9c8;
    display: table;
    margin: 0 auto;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-name-field-chiffre-1 .field-items {
        width: 85px;
        height: 85px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-name-field-chiffre-1 .field-items .field-item {
    font-family: "museo", sans-serif;
    font-size: 26px;
    line-height: 22px;
    font-weight: normal;
    margin: 45px auto 0;
    color: #000;
    text-align: center;
    float: none;
    width: 100%;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-name-field-chiffre-1 .field-items .field-item {
        margin: 18px auto 0;
        font-size: 18px;
        line-height: 50px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-type-text-long {
        display: table;
        float: left;
        width: 80%;
    }
}

@media only screen and (max-width:500px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-type-text-long {
        width: 66%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-type-text-long .field-item {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 22px;
    font-weight: 300;
    color: #000;
    float: none;
    width: 72%;
    text-align: center;
    padding: 18px 0 0;
    margin: 0 auto;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-name-field-en-bref .field-items .field-item .field-type-text-long .field-item {
        width: 100%;
        text-align: left;
        padding: 0 0 0 20px;
        height: 85px;
        vertical-align: middle;
        display: table-cell;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image {
    width: 50%;
    float: right;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image img {
        width: 100%;
        vertical-align: middle;
    }

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image img {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image img {
        height: auto;
    }
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image {
        display: block;
        float: none;
        width: 100%;
        height: auto;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image-tab {
    display: none;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image-tab img {
        width: 100%;
        height: auto;
    }

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image-tab {
        display: block;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .image-tab {
        display: none;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents {
    width: 50%;
    float: left;
    background: #f8f7f7;
    padding-bottom: 48.6%;
    position: relative;
    height: 0;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents {
        float: none;
        padding: 0;
        height: auto;
        width: 100%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all {
        position: static;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap {
    left: 25%;
    position: absolute;
    top: 50%;
    transform: translate(-20%, -50%);
    width: 84%;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap {
        left: 0;
        position: static;
        top: 0;
        transform: none;
        width: 100%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .titre h2 {
    text-transform: inherit;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #000;
    padding: 0 0 20px;
    text-align: center;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .titre h2 {
        padding: 35px 0 30px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .titre h2 {
        padding: 40px 0 30px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .titre h2 span {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #ff9545;
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary {
    float: none;
    margin: 0;
    width: 100%;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary p, .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary strong {
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        line-height: 21px;
        font-weight: 300;
        color: #000;
        text-align: center;
        margin: 0;
    }

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary p, .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary strong {
        padding: 0 30px 35px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary p, .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-odd .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary strong {
        padding: 0 15px 45px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image {
    width: 50%;
    float: left;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image img {
        width: 100%;
        vertical-align: middle;
    }

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image img {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image img {
        height: auto;
    }
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image {
        display: block;
        float: none;
        width: 100%;
        height: auto;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image-tab {
    display: none;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image-tab img {
        width: 100%;
        height: auto;
    }

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image-tab {
        display: block;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .image-tab {
        display: none;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents {
    width: 50%;
    float: right;
    background: #f8f7f7;
    padding-bottom: 48.6%;
    position: relative;
    height: 0;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents {
        padding: 0;
        height: auto;
        width: 100%;
        float: none;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all {
        position: static;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap {
    left: 25%;
    position: absolute;
    top: 50%;
    transform: translate(-20%, -50%);
    width: 84%;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap {
        left: 0;
        position: static;
        top: 0;
        transform: none;
        width: 100%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .titre h2 {
    text-transform: inherit;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #000;
    padding: 0 0 20px;
    text-align: center;
}

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .titre h2 {
        padding: 35px 0 30px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .titre h2 {
        padding: 40px 0 30px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .titre h2 span {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #ff9545;
}

.node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary {
    float: none;
    margin: 0;
    width: 100%;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary p, .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary strong {
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        line-height: 21px;
        font-weight: 300;
        color: #000;
        text-align: center;
        margin: 0;
    }

@media only screen and (max-width:1023px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary p, .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary strong {
        padding: 0 30px 35px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary p, .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-article-projet-emblema #page #columns #main-content #content .contenu-wrapper .bloc-conutenu.view-even .item .contents .wrap-all .wrap .items-content .field-type-text-with-summary strong {
        padding: 0 15px 45px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique {
    margin: 0px;
}

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique {
        margin: 0;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider {
    width: 100%;
    height: auto;
    padding: 55px 0 0;
    margin: 0;
}

    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .legend-box {
        background: #f8f7f7;
        float: left;
        height: 110px;
        width: 100%;
    }

        .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .legend-box .field-name-field-diapo-titre {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            line-height: 30px;
            font-weight: 400;
            color: #fff;
            text-align: center;
            padding: 10px 0 0;
        }

        .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .legend-box .field-name-field-diapo-texte p, .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .legend-box .field-name-field-diapo-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .legend-box .field-name-field-diapo-texte strong {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            line-height: 21px;
            font-weight: 300;
            color: #818181;
            text-align: center;
            font-style: italic;
            width: 100%;
            margin: 0;
        }

    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-control-nav {
        bottom: 20px;
        right: 0;
        text-align: center;
        width: 100%;
        margin: 0;
    }

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-control-nav {
        bottom: 5px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-control-nav li a {
    background: #cfcfcf;
    border-radius: 50%;
    height: 15px;
    position: relative;
    text-indent: -9999px;
    width: 15px;
}

    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-control-nav li a.flex-active {
        background: #818181;
    }

.node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav {
    display: none;
}

    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a {
        height: 32px;
        width: 32px;
        margin: 0;
        padding: 0;
        position: absolute;
    }

        .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a.flex-prev {
            left: 0;
            background: url(../images/images-home/histoire-prev.png) no-repeat center top;
            left: 0;
            top: 43%;
        }

@media only screen and (max-width:480px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a.flex-prev {
        top: 37%;
    }
}

@media only screen and (max-width:330px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a.flex-prev {
        top: 36%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a.flex-next {
    right: 0;
    background: url(../images/images-home/histoire-next.png) no-repeat center top;
    top: 43%;
}

@media only screen and (max-width:480px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a.flex-next {
        top: 37%;
    }
}

@media only screen and (max-width:330px) {
    .node-type-article-projet-emblema #page #columns #main-content #content #diapo_emblematique .flexslider .flex-direction-nav li a.flex-next {
        top: 36%;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .video-project {
    display: none;
    margin: 0;
}

    .node-type-article-projet-emblema #page #columns #main-content #content .video-project li {
        list-style-type: none;
        background: none;
    }

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .video-project li {
        padding: 0;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .video-project li a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 3px;
    display: table;
    margin: 40px auto 0;
    color: #000;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    padding: 0 0 0 40px;
}

@media only screen and (max-width:767px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .video-project li a {
        margin: 15px auto 30px;
    }
}

.node-type-article-projet-emblema #page #columns #main-content #content .video-project li a:hover {
    text-decoration: underline;
}

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .video-project {
        display: block;
    }
}

@media only screen and (max-width:1024px) {
    .node-type-article-projet-emblema #page #columns #main-content #content .field-type-youtube {
        display: none;
    }
}

.node-type-page-carrefou-innovation #main-content #main-content-header h1 {
    margin: 40px auto 0;
    text-align: center;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
}

@media only screen and (max-width:1080px) {
    .node-type-page-carrefou-innovation #main-content #main-content-header h1 {
        margin: 20px auto 0;
    }
}

@media only screen and (max-width:675px) {
    .node-type-page-carrefou-innovation #main-content #main-content-header h1 {
        width: 80%;
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-page-carrefou-innovation #main-content #main-content-header h1 {
        width: 100%;
    }
}

.node-type-page-carrefou-innovation .field-name-field-chapo {
    width: 90%;
    margin: 0px auto 40px;
}

@media only screen and (max-width:1080px) {
    .node-type-page-carrefou-innovation .field-name-field-chapo {
        margin: 0px auto 35px;
        width: 95% !important;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-carrefou-innovation .field-name-field-chapo {
        margin: 0 auto 25px;
        width: 92% !important;
    }
}

.node-type-page-carrefou-innovation .field-name-field-chapo p, .node-type-page-carrefou-innovation .field-name-field-chapo .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-page-carrefou-innovation .field-name-field-chapo strong {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

.node-type-page-carrefou-innovation .node-editorial .node-header .node-title a {
    background: transparent url(/sites/all/themes/bouygues/images/icn/arrFiliale.png) no-repeat scroll left 2px;
    color: #ff9545;
    display: block;
    height: 35px;
    margin: 0 0 9px;
    padding: 0 0 0 12px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

.node-type-page-carrefou-innovation .node-editorial .node-content .node-titre a {
    background: transparent url(/sites/all/themes/bouygues/images/icn/arrFiliale.png) no-repeat scroll left 2px;
    color: #ff9545;
    display: block;
    height: 35px;
    margin: 0 0 9px;
    padding: 0 0 0 12px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

.node-type-page-carrefou-innovation .node-editorial .node-content .field-name-field-chapo {
    width: 100%;
}

    .node-type-page-carrefou-innovation .node-editorial .node-content .field-name-field-chapo .field-item {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        color: #000;
        margin: 0;
    }

.node-type-page-carrefou-innovation .inno_phares {
    background: #eeeded;
    margin: 40px 0 55px;
    float: left;
    clear: both;
}

    .node-type-page-carrefou-innovation .inno_phares .field-label {
        font-family: "Roboto", sans-serif;
        font-size: 22px;
        line-height: 26px;
        font-weight: 700;
        color: #ff9545;
        background: none;
        padding: 3px 0;
    }

    .node-type-page-carrefou-innovation .inno_phares .node-innovation .node-header .node-title a {
        background: transparent url(/sites/all/themes/bouygues/images/icn/arrFiliale.png) no-repeat scroll left 2px;
        color: #ff9545;
        display: none;
        height: 35px;
        margin: 0 0 9px;
        padding: 0 0 0 12px;
        text-decoration: none;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
    }

    .node-type-page-carrefou-innovation .inno_phares .node-innovation .node-content .field-name-field-chapo {
        width: 100%;
    }

        .node-type-page-carrefou-innovation .inno_phares .node-innovation .node-content .field-name-field-chapo .field-item {
            font-family: "Roboto", sans-serif;
            font-size: 14px;
            line-height: 18px;
            font-weight: 300;
            color: #000;
            margin: 0;
        }

    .node-type-page-carrefou-innovation .inno_phares .mon-lien-plus {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
    }

        .node-type-page-carrefou-innovation .inno_phares .mon-lien-plus:hover {
            color: #ff9545;
        }

@media only screen and (max-width:1024px) {
    .node-type-page-carrefou-innovation .field-type-entityreference .field-items .field-item {
        width: 32%;
    }
}

@media only screen and (max-width:860px) {
    .node-type-page-carrefou-innovation .field-type-entityreference .field-items .field-item {
        width: 31.5%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-carrefou-innovation .field-type-entityreference .field-items .field-item {
        width: 100%;
    }
}

.node-type-carrefour .field-name-field-chapo {
    width: 90%;
    margin: 10px auto 40px;
}

@media only screen and (max-width:1080px) {
    .node-type-carrefour .field-name-field-chapo {
        margin: 10px auto 35px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-carrefour .field-name-field-chapo {
        margin: 5px auto 25px;
    }
}

.node-type-carrefour .field-name-field-chapo p, .node-type-carrefour .field-name-field-chapo .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-carrefour .field-name-field-chapo strong {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

.node-type-carrefour .field-item .node-content .editorial-title {
    background: transparent url(/sites/all/themes/bouygues/images/icn/arrFiliale.png) no-repeat scroll left 2px;
    color: #ff9545;
    display: block;
    height: 35px;
    margin: 0 0 9px;
    padding: 0 0 0 12px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

.node-type-carrefour .field-item .node-content .field-name-field-vignette {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000;
}

.node-type-carrefour .field-item .node-content .field-name-field-chapo {
    width: 100%;
}

    .node-type-carrefour .field-item .node-content .field-name-field-chapo .field-item {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        color: #000;
        margin: 0;
    }

.node-type-carrefour .field-item .node-content .field-name-field-chapo {
    width: 100%;
}

    .node-type-carrefour .field-item .node-content .field-name-field-chapo .field-item p, .node-type-carrefour .field-item .node-content .field-name-field-chapo .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-carrefour .field-item .node-content .field-name-field-chapo .field-item strong {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        color: #000;
        margin: 0;
        text-align: left;
    }

.node-type-carrefour .field-item .node-content a {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
}

.node-type-carrefour .node-content a {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
}

.node-type-page-filiale-gouvernance #breadcrumb {
    padding: 2px 20px 5px !important;
}

.node-type-page-filiale-gouvernance .field-name-field-chapo {
    margin: 20px auto 25px !important;
}

.node-type-page-filiale-gouvernance .legend-box {
    position: absolute;
}

    .node-type-page-filiale-gouvernance .legend-box .flex-direction-nav {
        display: none;
    }

.node-type-page-filiale-gouvernance .orange .field-name-field-bio-nom {
    color: #fff;
    padding: 7px 0 0;
    font-family: "Roboto", sans-serif;
    font-size: 23px;
    line-height: 26px;
    font-weight: 700;
}

.node-type-page-filiale-gouvernance .orange .field-name-field-bio-fonction {
    background-color: #ff9545;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    padding: 5px 5px 7px 0;
    color: #fff;
}

.node-type-page-filiale-gouvernance .flexslider.fc-diapo .flex-next {
    right: 15px !important;
}

.page-innovation-en-actions #header {
    height: auto;
}

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #header {
        width: 100%;
    }
}

.page-innovation-en-actions #header .show-desktop .region-highlighted #block-bouygues-main-block-innovation-image-head .block-innovation .innov-image img {
    width: 100%;
}

.page-innovation-en-actions #header .show-responsive .region-highlighted-responsive #block-bouygues-main-block-innovation-image-head--2 .block-innovation .innov-image img {
    width: 100%;
}

.page-innovation-en-actions #breadcrumb {
    padding: 5px 0 0;
}

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #breadcrumb {
        padding: 5px 0 0 15px;
    }
}

.page-innovation-en-actions #breadcrumb .breadcrumb-wrapper #crumbs li {
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

    .page-innovation-en-actions #breadcrumb .breadcrumb-wrapper #crumbs li a {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 12px;
        font-weight: 500;
        color: #000;
    }

    .page-innovation-en-actions #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
        color: #eb5f22;
        font-size: 12px;
    }

.page-innovation-en-actions .breadcrumb-mobile a {
    font-size: 15px !important;
    margin: 10px 0 0 10px;
    color: #cd4e00 !important;
    background: url(../images/images-home/fleche-retour.png) no-repeat left center;
    text-decoration: none;
    text-indent: 10px;
    font-family: "Tahoma", Arial;
}

    .page-innovation-en-actions .breadcrumb-mobile a:hover {
        text-decoration: underline;
    }



@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page {
        margin: 0;
    }
}

.page-innovation-en-actions #page #columns {
    padding: 0;
}

    .page-innovation-en-actions #page #columns .content-inner #main-content-header {
        display: none;
    }

    .page-innovation-en-actions #page #columns .content-inner #content #block-bouygues-main-block-innovation-content .block-innovation-content .innov-icon img {
        margin: 30px auto;
        display: block;
    }

    .page-innovation-en-actions #page #columns .content-inner #content #block-bouygues-main-block-innovation-content .block-innovation-content .innov-content h1 {
        text-align: center;
        font-family: "Roboto", sans-serif;
        font-size: 40px;
        line-height: 40px;
        font-weight: 300;
        color: #000;
        text-transform: inherit;
    }

        .page-innovation-en-actions #page #columns .content-inner #content #block-bouygues-main-block-innovation-content .block-innovation-content .innov-content h1 span {
            font-family: "Roboto", sans-serif;
            font-size: 40px;
            line-height: 40px;
            font-weight: 700;
            color: #ff9545;
        }

    .page-innovation-en-actions #page #columns .content-inner #content #block-bouygues-main-block-innovation-content .block-innovation-content .innov-content p, .page-innovation-en-actions #page #columns .content-inner #content #block-bouygues-main-block-innovation-content .block-innovation-content .innov-content .section-media .field-name-body p strong, .section-media .field-name-body p .page-innovation-en-actions #page #columns .content-inner #content #block-bouygues-main-block-innovation-content .block-innovation-content .innov-content strong {
        font-family: "Roboto", sans-serif;
        font-size: 17px;
        line-height: 21px;
        font-weight: 300;
        color: #000;
        text-transform: inherit;
        padding: 25px 0;
        text-align: center;
        max-width: 91%;
        margin: 0 auto;
    }

    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-filters {
        margin: 15px 0 0;
    }

        .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-filters .views-exposed-form label {
            background: #ffffff url(/sites/all/themes/bouygues/images/drop-down.png) no-repeat right 7px;
            color: #ff9545;
            width: auto;
            padding: 0 22px 0 0;
            font-family: "Roboto", sans-serif;
            font-size: 17px;
            line-height: 21px;
            font-weight: 700;
            display: none;
        }

        .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-filters .views-exposed-form .description {
            display: none;
        }

        .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-filters .views-exposed-form .dropdown {
            margin: 0 0 5px;
        }

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-filters .views-exposed-form .dropdown {
        margin: 0 0 5px 5px;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-filters .views-exposed-form .dropdown .dropdown-selected {
    background: #ffffff url(/sites/all/themes/bouygues/images/drop-down.png) no-repeat right 7px;
    color: #ff9545;
    width: auto;
    padding: 0 22px 0 0;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 21px;
    font-weight: 700;
    text-transform: inherit;
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-filters .views-exposed-form .dropdown .divscroller {
    border-width: 0;
    top: 30px;
    width: 205px;
}

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-filters .views-exposed-form .dropdown .divscroller {
        left: -5px;
        top: 32px;
        width: 210px;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-filters .views-exposed-form .dropdown .divscroller .sel {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    color: #000;
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .picto, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .picto, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .picto, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .picto, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .picto {
    float: left;
    width: 50%;
    height: auto;
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .picto, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .picto, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .picto, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .picto, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .picto {
        width: 100%;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .picto img, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .picto img, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .picto img, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .picto img, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .picto img {
    width: 100%;
    vertical-align: top;
}

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .picto img, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .picto img, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .picto img, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .picto img, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .picto img {
        height: auto;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont {
    float: right;
    width: 50%;
    background: #f7f7f7;
    padding-bottom: 31.2%;
    height: 0;
}

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont {
        padding-bottom: 31.1%;
    }
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont {
        width: 100%;
        padding: 15px 0 15px;
        height: auto;
        border-bottom: 30px solid #fff;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange {
    text-align: left;
    position: relative;
}

    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .titre, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .titre, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .titre, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .titre, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .titre, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .titre, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre {
        text-align: left;
        padding: 25px 30px 0;
    }

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .titre, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .titre, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .titre, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .titre, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .titre, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .titre, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre {
        padding: 15px 18px 0;
    }
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .titre, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .titre, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .titre, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .titre, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .titre, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .titre, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre {
        padding: 25px 10px 0;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .titre a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .titre a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .titre a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a {
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #14b9c8;
}

@media only screen and (max-width:800px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .titre a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .titre a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .titre a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a {
        font-size: 2.25vw;
        line-height: 2.5vw;
    }
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .titre a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .titre a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .titre a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a {
        font-family: "Roboto", sans-serif;
        font-size: 22px;
        line-height: 26px;
        font-weight: 700;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a:hover {
    text-decoration: underline;
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov {
    background: #14b9c8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -o-border-radius: 8px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: 300;
    color: #fff;
    padding: 1px 10px 0;
    display: inline-block;
    margin: 20px 35px;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov {
        margin: 15px 18px;
    }
}

@media only screen and (max-width:800px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov {
        font-size: 11px;
        line-height: 16px;
    }
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov {
        margin: 20px 10px;
        font-size: 12px;
        padding: 1px 10px;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .chapo {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 35px;
}

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .chapo {
        padding: 0 18px;
    }
}

@media only screen and (max-width:800px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .chapo {
        font-size: 1.8vw;
        line-height: 2.5vw;
    }
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .chapo {
        padding: 0 10px;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 18px;
        font-weight: 300;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .lien a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .lien a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .lien a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a {
    padding: 0 22px 0 0;
    display: inline-block;
    font-family: "robotocondensed", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    padding: 0 20px 0 30px;
    margin: 10px 0px 0 35px;
}

    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .lien a:after, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .lien a:after, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .lien a:after, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .lien a:after, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .lien a:after, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .lien a:after, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a:after {
        background-position: -60px -38px;
        width: 22px;
        height: 13px;
    }

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .lien a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .lien a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .lien a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a {
        margin: 10px 0px 0 18px;
    }
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .lien a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .lien a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .lien a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a {
        margin: 15px 0 20px 12px;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.bleu .lien a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.bleu .lien a:hover, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.bleu .lien a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .lien a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .lien a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .lien a:hover, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .lien a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .lien a:hover, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .lien a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a:hover {
    text-decoration: underline;
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .titre a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a {
    color: #b0d057;
}

    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a:hover {
        text-decoration: underline;
    }

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.vert .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.vert .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov {
    background: #b0d057;
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .titre a, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a {
    color: #f0c13e;
}

    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a:hover {
        text-decoration: underline;
    }

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-odd .innov-item .innov-cont.orange .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-1 li.views-row-even .innov-item .innov-cont.orange .type-innov, .node-type-editorial #block-views-nos-filiales-block-1 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul .node-type-editorial #block-views-nos-filiales-block-2 li.views-row-even .innov-item .innov-cont.orange .type-innov, .node-type-editorial #block-views-nos-filiales-block-2 .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov {
    background: #f0c13e;
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .picto {
    float: right;
    width: 50%;
    height: auto;
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .picto {
        width: 100%;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .picto img {
    width: 100%;
    vertical-align: top;
}

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .picto img {
        height: auto;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont {
    float: left;
    width: 50%;
    background: #f7f7f7;
    padding-bottom: 31.2%;
    height: 0;
}

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont {
        padding-bottom: 31.1%;
    }
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont {
        width: 100%;
        padding: 15px 0 15px;
        height: auto;
        border-bottom: 30px solid #fff;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange {
    text-align: left;
    position: relative;
}

    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre {
        text-align: left;
        padding: 25px 30px 0;
    }

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre {
        padding: 15px 18px 0;
    }
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre {
        padding: 25px 10px 0;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a {
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #14b9c8;
}

@media only screen and (max-width:800px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a {
        font-size: 2.25vw;
        line-height: 2.5vw;
    }
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a {
        font-family: "Roboto", sans-serif;
        font-size: 22px;
        line-height: 26px;
        font-weight: 700;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a:hover {
    text-decoration: underline;
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov {
    background: #14b9c8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -o-border-radius: 8px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: 300;
    color: #fff;
    padding: 1px 10px 0;
    display: inline-block;
    margin: 20px 35px;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov {
        margin: 15px 18px;
    }
}

@media only screen and (max-width:800px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov {
        font-size: 11px;
        line-height: 16px;
    }
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov {
        margin: 20px 10px;
        font-size: 12px;
        padding: 1px 10px;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .chapo {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 35px;
}

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .chapo {
        padding: 0 18px;
    }
}

@media only screen and (max-width:800px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .chapo {
        font-size: 1.8vw;
        line-height: 2.5vw;
    }
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .chapo, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .chapo {
        padding: 0 10px;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 18px;
        font-weight: 300;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a {
    padding: 0 22px 0 0;
    display: inline-block;
    font-family: "robotocondensed", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    padding: 0 20px 0 30px;
    margin: 10px 0px 0 35px;
}

    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a:after, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a:after {
        background-position: -60px -38px;
        width: 22px;
        height: 13px;
    }

@media only screen and (max-width:1024px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a {
        margin: 10px 0px 0 18px;
    }
}

@media only screen and (max-width:767px) {
    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a {
        margin: 15px 0 20px 12px;
    }
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.bleu .lien a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .lien a:hover, .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .lien a:hover {
    text-decoration: underline;
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a {
    color: #b0d057;
}

    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .titre a:hover {
        text-decoration: underline;
    }

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.vert .type-innov {
    background: #b0d057;
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a {
    color: #f0c13e;
}

    .page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .titre a:hover {
        text-decoration: underline;
    }

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-even .innov-item .innov-cont.orange .type-innov {
    background: #f0c13e;
}

.page-innovation-en-actions #page #columns .content-inner #content #block-system-main .view-content .item-list ul li.views-row-last .innov-item .innov-cont {
    border: none;
}

.node-type-group #header {
    height: auto;
}

    .node-type-group #header .show-desktop #block-views-groupe-block img {
        width: 100%;
        vertical-align: top;
        height: auto;
    }

    .node-type-group #header .show-responsive .field-content img {
        width: 100%;
        vertical-align: top;
        height: auto;
    }

.node-type-group #breadcrumb {
    background: #f8f7f7;
    padding: 5px 0 0 15px;
}

@media only screen and (max-width:1024px) {
    .node-type-group #breadcrumb {
        padding: 5px 0 0 15px;
    }
}

.node-type-group #breadcrumb .breadcrumb-wrapper #crumbs li {
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

    .node-type-group #breadcrumb .breadcrumb-wrapper #crumbs li .crumb-sepreator {
        background: url(../images/images-home/fleche-crum.png) no-repeat center center;
        text-indent: -9999px;
        width: 17px;
        padding: 0 5px;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #breadcrumb .breadcrumb-wrapper #crumbs li .crumb-sepreator {
        background-position: center 8px;
    }
}

.node-type-group #breadcrumb .breadcrumb-wrapper #crumbs li a {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: #000;
}

.node-type-group #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
    color: #eb5f22;
    font-size: 12px;
}

.node-type-group .breadcrumb-mobile {
    background: #f8f7f7;
    padding: 10px 0 0 10px;
}

    .node-type-group .breadcrumb-mobile a {
        font-size: 15px !important;
        margin: 0;
        color: #cd4e00 !important;
        background: url(../images/images-home/fleche-retour.png) no-repeat left center;
        text-decoration: none;
        text-indent: 10px;
        font-family: "Tahoma", Arial;
    }

        .node-type-group .breadcrumb-mobile a:hover {
            text-decoration: underline !important;
        }

.node-type-group #columns {
    padding: 0 !important;
}

    .node-type-group #columns #main-content-header #page-title {
        display: none;
    }

    .node-type-group #columns #content .wrapper-group {
        background: #f8f7f7;
        padding: 0 0 50px;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .wrapper-group {
        padding: 0 0 40px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .wrapper-group {
        padding: 0 0 30px;
    }
}

.node-type-group #columns #content .wrapper-group .picto {
    display: table;
    margin: 0 auto;
    padding: 30px 0 0;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .wrapper-group .picto {
        padding: 12px 0 10px;
    }
}

@media only screen and (max-width:639px) {
    .node-type-group #columns #content .wrapper-group .picto {
        padding: 25px 0 5px;
    }
}

.node-type-group #columns #content .wrapper-group .titre h1 {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
    color: #000;
    text-transform: inherit;
    text-align: center;
    margin: 0 0 15px;
}

    .node-type-group #columns #content .wrapper-group .titre h1 span {
        display: block;
    }

        .node-type-group #columns #content .wrapper-group .titre h1 span .field-name-field-titre-boite .field-item {
            font-family: "Roboto", sans-serif;
            font-size: 40px;
            line-height: 40px;
            font-weight: 700;
            color: #ff9545;
            text-transform: inherit;
        }

@media only screen and (max-width:639px) {
    .node-type-group #columns #content .wrapper-group .titre h1 span .field-name-field-titre-boite .field-item {
        font-size: 27px;
        line-height: 30px;
    }
}

@media only screen and (max-width:639px) {
    .node-type-group #columns #content .wrapper-group .titre h1 {
        font-size: 27px;
        line-height: 25px;
    }
}

.node-type-group #columns #content .wrapper-group .chapo .field-type-text-with-summary {
    max-width: 95%;
    margin: 20px auto;
    float: none;
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .wrapper-group .chapo .field-type-text-with-summary {
        margin: 0 auto;
        max-width: 90%;
    }
}

.node-type-group #columns #content .wrapper-group .chapo .field-type-text-with-summary p, .node-type-group #columns #content .wrapper-group .chapo .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .wrapper-group .chapo .field-type-text-with-summary strong {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 25px;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin: 0 auto;
}

    .node-type-group #columns #content .wrapper-group .chapo .field-type-text-with-summary p strong, .section-media .field-name-body p .node-type-group #columns #content .wrapper-group .chapo .field-type-text-with-summary strong strong {
        font-weight: 600;
        color: #000;
    }

.node-type-group #columns #content .wrapper-group .body .field-type-text-with-summary {
    margin: 10px auto 0;
    width: 95%;
    float: none;
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .wrapper-group .body .field-type-text-with-summary {
        width: 90%;
    }
}

.node-type-group #columns #content .wrapper-group .body .field-type-text-with-summary p, .node-type-group #columns #content .wrapper-group .body .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .wrapper-group .body .field-type-text-with-summary strong {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 25px;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin: 0 auto;
}

    .node-type-group #columns #content .wrapper-group .body .field-type-text-with-summary p strong, .section-media .field-name-body p .node-type-group #columns #content .wrapper-group .body .field-type-text-with-summary strong strong {
        font-weight: 600;
        color: #000;
    }

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .wrapper-group .body .field-type-text-with-summary {
        margin: 0 auto;
    }
}

.node-type-group #columns #content .visuel2 img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.node-type-group #columns #content .bloc-content .field-type-text-with-summary {
    float: none;
    margin: 0;
}

.node-type-group #columns #content .bloc-content .row1 .controle, .node-type-group #columns #content .bloc-content .row1 .projet {
    float: left;
    width: 50%;
    background: #f8f7f7;
    height: 0;
    padding-bottom: 27%;
    position: relative;
}

@media only screen and (max-width:850px) {
    .node-type-group #columns #content .bloc-content .row1 .controle, .node-type-group #columns #content .bloc-content .row1 .projet {
        padding-bottom: 33%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row1 .controle, .node-type-group #columns #content .bloc-content .row1 .projet {
        width: 100%;
        height: auto;
        padding-bottom: 0;
    }
}

.node-type-group #columns #content .bloc-content .row1 .controle .chiffre, .node-type-group #columns #content .bloc-content .row1 .projet .chiffre {
    float: left;
    padding: 20px 15px 22px 32px;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row1 .controle .chiffre, .node-type-group #columns #content .bloc-content .row1 .projet .chiffre {
        padding: 20px 15px 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row1 .controle .chiffre, .node-type-group #columns #content .bloc-content .row1 .projet .chiffre {
        padding: 28px 10px 25px;
    }
}

.node-type-group #columns #content .bloc-content .row1 .controle .chiffre .field-items, .node-type-group #columns #content .bloc-content .row1 .projet .chiffre .field-items {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    width: 83px;
    height: 83px;
    border: 3px solid #f0c13e;
    display: table;
    margin: 0 auto;
    background: #fff;
}

    .node-type-group #columns #content .bloc-content .row1 .controle .chiffre .field-items .field-item, .node-type-group #columns #content .bloc-content .row1 .projet .chiffre .field-items .field-item {
        font-family: "museo", sans-serif;
        font-size: 18px;
        line-height: 40px;
        font-weight: 700;
        margin: 22px auto 0;
        color: #000;
        text-align: center;
        float: none;
        width: 100%;
    }

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row1 .controle .chiffre .field-items .field-item, .node-type-group #columns #content .bloc-content .row1 .projet .chiffre .field-items .field-item {
        margin: 18px auto 0;
        font-size: 18px;
        line-height: 50px;
    }
}

.node-type-group #columns #content .bloc-content .row1 .controle .title, .node-type-group #columns #content .bloc-content .row1 .projet .title {
    float: left;
    padding: 32px 0 0;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row1 .controle .title, .node-type-group #columns #content .bloc-content .row1 .projet .title {
        padding: 38px 0 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row1 .controle .title, .node-type-group #columns #content .bloc-content .row1 .projet .title {
        padding: 38px 0 0 5px;
    }
}

.node-type-group #columns #content .bloc-content .row1 .controle .title .field-name-field-boite-deroulante-titre, .node-type-group #columns #content .bloc-content .row1 .projet .title .field-name-field-boite-deroulante-titre {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #000;
}

.node-type-group #columns #content .bloc-content .row1 .controle .title .field-name-field-chiffre-2, .node-type-group #columns #content .bloc-content .row1 .projet .title .field-name-field-chiffre-2 {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #f0c13e;
}

.node-type-group #columns #content .bloc-content .row1 .controle .content, .node-type-group #columns #content .bloc-content .row1 .projet .content {
    float: left;
    width: 100%;
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row1 .controle .content .field-type-text-with-summary, .node-type-group #columns #content .bloc-content .row1 .projet .content .field-type-text-with-summary {
        margin: 0;
    }
}

.node-type-group #columns #content .bloc-content .row1 .controle .content .field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row1 .projet .content .field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row1 .controle .content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row1 .controle .content .field-type-text-with-summary strong, .node-type-group #columns #content .bloc-content .row1 .projet .content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row1 .projet .content .field-type-text-with-summary strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #000;
    padding: 0 30px 0 32px;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row1 .controle .content .field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row1 .projet .content .field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row1 .controle .content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row1 .controle .content .field-type-text-with-summary strong, .node-type-group #columns #content .bloc-content .row1 .projet .content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row1 .projet .content .field-type-text-with-summary strong {
        padding: 0 20px 0 15px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row1 .controle .content .field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row1 .projet .content .field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row1 .controle .content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row1 .controle .content .field-type-text-with-summary strong, .node-type-group #columns #content .bloc-content .row1 .projet .content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row1 .projet .content .field-type-text-with-summary strong {
        padding: 0 10px;
    }
}

.node-type-group #columns #content .bloc-content .row1 .projet {
    background: none;
    position: relative;
}

    .node-type-group #columns #content .bloc-content .row1 .projet .chiffre {
        float: left;
        padding: 20px 15px 22px 32px;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row1 .projet .chiffre {
        padding: 20px 15px 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row1 .projet .chiffre {
        padding: 28px 10px 25px;
    }
}

.node-type-group #columns #content .bloc-content .row1 .projet .chiffre .field-items {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    width: 83px;
    height: 83px;
    border: 3px solid #f0c13e;
    display: table;
    margin: 0 auto;
    background: #fff;
    border: 3px solid #14b9c8;
}

    .node-type-group #columns #content .bloc-content .row1 .projet .chiffre .field-items .field-item {
        font-family: "museo", sans-serif;
        font-size: 36px;
        line-height: 40px;
        font-weight: normal;
        margin: 22px auto 0;
        color: #000;
        text-align: center;
        float: none;
        width: 100%;
    }

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row1 .projet .chiffre .field-items .field-item {
        margin: 18px auto 0;
        line-height: 50px;
    }
}

.node-type-group #columns #content .bloc-content .row1 .projet .title {
    float: left;
    padding: 32px 0 0;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row1 .projet .title {
        padding: 38px 0 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row1 .projet .title {
        padding: 38px 0 0 5px;
    }
}

.node-type-group #columns #content .bloc-content .row1 .projet .title .field-name-field-projet-titre-noir {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #000;
}

.node-type-group #columns #content .bloc-content .row1 .projet .title .field-name-field-titre-bleu {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #14b9c8;
}

.node-type-group #columns #content .bloc-content .row2 {
    clear: both;
}

    .node-type-group #columns #content .bloc-content .row2 .content {
        float: left;
        width: 50%;
        height: 0;
        padding-bottom: 27%;
        position: relative;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row2 .content {
        padding-bottom: 26.9%;
    }
}

@media only screen and (max-width:850px) {
    .node-type-group #columns #content .bloc-content .row2 .content {
        padding-bottom: 26.8%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row2 .content {
        width: 100%;
        height: auto;
        padding-bottom: 0;
    }
}

.node-type-group #columns #content .bloc-content .row2 .content h3 {
    padding: 0;
    text-transform: inherit;
}

    .node-type-group #columns #content .bloc-content .row2 .content h3 .field-name-field-bim-titre .field-item {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 700;
        color: #14b9c8;
        padding: 35px 30px 0 32px;
        text-transform: inherit;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row2 .content h3 .field-name-field-bim-titre .field-item {
        padding: 8px 20px 0 15px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row2 .content h3 .field-name-field-bim-titre .field-item {
        padding: 25px 10px 0;
    }
}

.node-type-group #columns #content .bloc-content .row2 .content .field-name-field-bim-texte.field-type-text-with-summary {
    margin: 0;
}

    .node-type-group #columns #content .bloc-content .row2 .content .field-name-field-bim-texte.field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row2 .content .field-name-field-bim-texte.field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row2 .content .field-name-field-bim-texte.field-type-text-with-summary strong {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 21px;
        font-weight: 400;
        color: #000;
        padding: 18px 30px 0;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row2 .content .field-name-field-bim-texte.field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row2 .content .field-name-field-bim-texte.field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row2 .content .field-name-field-bim-texte.field-type-text-with-summary strong {
        padding: 18px 15px 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row2 .content .field-name-field-bim-texte.field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row2 .content .field-name-field-bim-texte.field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row2 .content .field-name-field-bim-texte.field-type-text-with-summary strong {
        padding: 18px 10px 0;
        margin: 0;
    }
}

.node-type-group #columns #content .bloc-content .row2 .field-name-field-bim-upload {
    float: left;
    width: 50%;
}

    .node-type-group #columns #content .bloc-content .row2 .field-name-field-bim-upload img {
        vertical-align: top;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row2 .field-name-field-bim-upload img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row2 .field-name-field-bim-upload {
        width: 100%;
        height: auto;
        margin: 20px 0 0;
    }
}

.node-type-group #columns #content .bloc-content .row3 {
    clear: both;
}

    .node-type-group #columns #content .bloc-content .row3 .ville-durable, .node-type-group #columns #content .bloc-content .row3 .ethique {
        float: left;
        width: 50%;
        background: #b0d057;
        height: 0;
        padding-bottom: 27%;
        position: relative;
    }

@media only screen and (max-width:850px) {
    .node-type-group #columns #content .bloc-content .row3 .ville-durable, .node-type-group #columns #content .bloc-content .row3 .ethique {
        padding-bottom: 33%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row3 .ville-durable, .node-type-group #columns #content .bloc-content .row3 .ethique {
        width: 100%;
        height: auto;
        padding-bottom: 0;
    }
}

.node-type-group #columns #content .bloc-content .row3 .ville-durable h3, .node-type-group #columns #content .bloc-content .row3 .ethique h3 {
    padding: 0;
    text-transform: inherit;
}

    .node-type-group #columns #content .bloc-content .row3 .ville-durable h3 .field-name-field-ville-titre, .node-type-group #columns #content .bloc-content .row3 .ethique h3 .field-name-field-ville-titre, .node-type-group #columns #content .bloc-content .row3 .ethique h3 .field-name-field-ethique-titre {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 700;
        color: #fff;
        padding: 43px 30px 0;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row3 .ville-durable h3 .field-name-field-ville-titre, .node-type-group #columns #content .bloc-content .row3 .ethique h3 .field-name-field-ville-titre, .node-type-group #columns #content .bloc-content .row3 .ethique h3 .field-name-field-ethique-titre {
        padding: 23px 15px 0;
    }
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row3 .ville-durable h3 .field-name-field-ville-titre, .node-type-group #columns #content .bloc-content .row3 .ethique h3 .field-name-field-ville-titre, .node-type-group #columns #content .bloc-content .row3 .ethique h3 .field-name-field-ethique-titre {
        padding: 23px 10px 0;
    }
}

.node-type-group #columns #content .bloc-content .row3 .ville-durable .field-name-field-ville-texte.field-type-text-with-summary, .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ville-texte.field-type-text-with-summary, .node-type-group #columns #content .bloc-content .row3 .ethique .field-type-text-with-summary.field-name-field-ethique-texte {
    margin: 0;
}

    .node-type-group #columns #content .bloc-content .row3 .ville-durable .field-name-field-ville-texte.field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ville-texte.field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row3 .ethique .field-type-text-with-summary.field-name-field-ethique-texte p, .node-type-group #columns #content .bloc-content .row3 .ville-durable .field-name-field-ville-texte.field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row3 .ville-durable .field-name-field-ville-texte.field-type-text-with-summary strong, .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ville-texte.field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ville-texte.field-type-text-with-summary strong, .node-type-group #columns #content .bloc-content .row3 .ethique .field-type-text-with-summary.field-name-field-ethique-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row3 .ethique .field-type-text-with-summary.field-name-field-ethique-texte strong {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 21px;
        font-weight: 400;
        color: #fff;
        padding: 18px 30px 0;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row3 .ville-durable .field-name-field-ville-texte.field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ville-texte.field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row3 .ethique .field-type-text-with-summary.field-name-field-ethique-texte p, .node-type-group #columns #content .bloc-content .row3 .ville-durable .field-name-field-ville-texte.field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row3 .ville-durable .field-name-field-ville-texte.field-type-text-with-summary strong, .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ville-texte.field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ville-texte.field-type-text-with-summary strong, .node-type-group #columns #content .bloc-content .row3 .ethique .field-type-text-with-summary.field-name-field-ethique-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row3 .ethique .field-type-text-with-summary.field-name-field-ethique-texte strong {
        padding: 18px 15px 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row3 .ville-durable .field-name-field-ville-texte.field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ville-texte.field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row3 .ethique .field-type-text-with-summary.field-name-field-ethique-texte p, .node-type-group #columns #content .bloc-content .row3 .ville-durable .field-name-field-ville-texte.field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row3 .ville-durable .field-name-field-ville-texte.field-type-text-with-summary strong, .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ville-texte.field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ville-texte.field-type-text-with-summary strong, .node-type-group #columns #content .bloc-content .row3 .ethique .field-type-text-with-summary.field-name-field-ethique-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row3 .ethique .field-type-text-with-summary.field-name-field-ethique-texte strong {
        padding: 18px 10px 0;
    }
}

.node-type-group #columns #content .bloc-content .row3 .ethique {
    background: none;
}

    .node-type-group #columns #content .bloc-content .row3 .ethique h3 {
        padding: 0;
        text-transform: inherit;
    }

        .node-type-group #columns #content .bloc-content .row3 .ethique h3 .field-name-field-ethique-titre {
            color: #b0d057;
        }

    .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ethique-texte.field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ethique-texte.field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row3 .ethique .field-name-field-ethique-texte.field-type-text-with-summary strong {
        color: #000;
    }

.node-type-group #columns #content .bloc-content .ecoconcus .visuel {
    float: left;
    width: 50%;
}

    .node-type-group #columns #content .bloc-content .ecoconcus .visuel .field-name-field-ecoco-visuel img {
        width: 100%;
        vertical-align: top;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .visuel .field-name-field-ecoco-visuel img {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .visuel {
        width: 100%;
    }
}

.node-type-group #columns #content .bloc-content .ecoconcus .content {
    float: left;
    width: 50%;
    background: #f8f7f7;
    padding-bottom: 31.2%;
    height: 0;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .content {
        padding-bottom: 31.1%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .content {
        padding-bottom: 25px;
        height: auto;
        width: 100%;
    }
}

.node-type-group #columns #content .bloc-content .ecoconcus .content .field-name-field-ecoco-chiffre {
    float: left;
    padding: 20px 0 0 35px;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .content .field-name-field-ecoco-chiffre {
        padding: 20px 0 0 17px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .content .field-name-field-ecoco-chiffre {
        padding: 30px 0 0 10px;
    }
}

.node-type-group #columns #content .bloc-content .ecoconcus .content .field-name-field-ecoco-chiffre .field-items {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    width: 83px;
    height: 83px;
    border: 3px solid #f0c13e;
    display: table;
    margin: 0 auto;
    background: #fff;
    border: 3px solid #b0d057;
}

    .node-type-group #columns #content .bloc-content .ecoconcus .content .field-name-field-ecoco-chiffre .field-items .field-item {
        margin: 26px auto 0;
        text-align: center;
        font-family: "museo", sans-serif;
        font-size: 36px;
        line-height: 36px;
        font-weight: normal;
    }

.node-type-group #columns #content .bloc-content .ecoconcus .content .field-name-field-ecoco-titre-noir {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    float: left;
    padding: 35px 0 0 17px;
    color: #000;
    width: 60%;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .content .field-name-field-ecoco-titre-noir {
        padding: 35px 0 0 13px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .content .field-name-field-ecoco-titre-noir {
        padding: 45px 0 0 15px;
        width: 75%;
    }
}

@media only screen and (max-width:460px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .content .field-name-field-ecoco-titre-noir {
        width: 63%;
    }
}

.node-type-group #columns #content .bloc-content .ecoconcus .content .field-name-field-ecoco-titre-vert {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 27px;
    font-weight: 700;
    float: left;
    color: #b0d057;
    padding: 0 0 0 15px;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .content .field-name-field-ecoco-titre-vert {
        padding: 0 0 0 13px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .content .field-name-field-ecoco-titre-vert {
        padding: 0 0 0 15px;
    }
}

.node-type-group #columns #content .bloc-content .ecoconcus .content .field-type-text-with-summary {
    float: left;
    padding: 20px 0 0 40px;
    margin: 0;
    clear: both;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .content .field-type-text-with-summary {
        padding: 20px 0 0 17px;
        clear: both;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .ecoconcus .content .field-type-text-with-summary {
        padding: 20px 0 0 10px;
    }
}

.node-type-group #columns #content .bloc-content .ecoconcus .content .field-type-text-with-summary p, .node-type-group #columns #content .bloc-content .ecoconcus .content .field-type-text-with-summary .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .ecoconcus .content .field-type-text-with-summary strong {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #000;
}

.node-type-group #columns #content .bloc-content .row5 {
    clear: both;
}

    .node-type-group #columns #content .bloc-content .row5 .performance, .node-type-group #columns #content .bloc-content .row5 .content {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        background: #0d743e;
        height: 0;
        padding-bottom: 30.1%;
    }

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .row5 .performance, .node-type-group #columns #content .bloc-content .row5 .content {
        float: left;
        width: 33.33333%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row5 .performance, .node-type-group #columns #content .bloc-content .row5 .content {
        height: auto;
        padding-bottom: 0;
    }
}

.node-type-group #columns #content .bloc-content .row5 .performance h3, .node-type-group #columns #content .bloc-content .row5 .content h3 {
    padding: 0;
    text-transform: inherit;
}

    .node-type-group #columns #content .bloc-content .row5 .performance h3 .field-name-field-perfor-titre, .node-type-group #columns #content .bloc-content .row5 .content h3 .field-name-field-perfor-titre, .node-type-group #columns #content .bloc-content .row5 .content h3 .field-name-field-engage-titre {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 32px;
        font-weight: 700;
        padding: 30px 15px 0 30px;
        color: #fff;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row5 .performance h3 .field-name-field-perfor-titre, .node-type-group #columns #content .bloc-content .row5 .content h3 .field-name-field-perfor-titre, .node-type-group #columns #content .bloc-content .row5 .content h3 .field-name-field-engage-titre {
        padding: 30px 15px 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row5 .performance h3 .field-name-field-perfor-titre, .node-type-group #columns #content .bloc-content .row5 .content h3 .field-name-field-perfor-titre, .node-type-group #columns #content .bloc-content .row5 .content h3 .field-name-field-engage-titre {
        padding: 25px 10px 0;
    }
}

.node-type-group #columns #content .bloc-content .row5 .performance .field-name-field-perfor-texte p, .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-perfor-texte p, .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-engage-texte p, .node-type-group #columns #content .bloc-content .row5 .performance .field-name-field-perfor-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row5 .performance .field-name-field-perfor-texte strong, .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-perfor-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-perfor-texte strong, .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-engage-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-engage-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
    padding: 20px 30px 0;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row5 .performance .field-name-field-perfor-texte p, .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-perfor-texte p, .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-engage-texte p, .node-type-group #columns #content .bloc-content .row5 .performance .field-name-field-perfor-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row5 .performance .field-name-field-perfor-texte strong, .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-perfor-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-perfor-texte strong, .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-engage-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-engage-texte strong {
        padding: 15px 15px 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row5 .performance .field-name-field-perfor-texte p, .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-perfor-texte p, .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-engage-texte p, .node-type-group #columns #content .bloc-content .row5 .performance .field-name-field-perfor-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row5 .performance .field-name-field-perfor-texte strong, .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-perfor-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-perfor-texte strong, .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-engage-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row5 .content .field-name-field-engage-texte strong {
        padding: 18px 10px 22px;
        margin: 0;
    }
}

.node-type-group #columns #content .bloc-content .row5 .image {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .row5 .image {
        float: left;
        width: 33.33333%;
    }
}

.node-type-group #columns #content .bloc-content .row5 .image img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.node-type-group #columns #content .bloc-content .row5 .content {
    background: #f0c13e;
}

    .node-type-group #columns #content .bloc-content .row5 .content h3 {
        padding: 0;
        text-transform: inherit;
    }

.node-type-group #columns #content .bloc-content .row6 {
    clear: both;
}

    .node-type-group #columns #content .bloc-content .row6 .multicul, .node-type-group #columns #content .bloc-content .row6 .content {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        background: #fff;
        height: 0;
        padding-bottom: 25.8%;
    }

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .row6 .multicul, .node-type-group #columns #content .bloc-content .row6 .content {
        float: left;
        width: 33.33333%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row6 .multicul, .node-type-group #columns #content .bloc-content .row6 .content {
        height: auto;
        padding-bottom: 0;
    }
}

.node-type-group #columns #content .bloc-content .row6 .multicul h3, .node-type-group #columns #content .bloc-content .row6 .content h3 {
    padding: 0;
    text-transform: inherit;
}

    .node-type-group #columns #content .bloc-content .row6 .multicul h3 .field-name-field-multi-titre, .node-type-group #columns #content .bloc-content .row6 .content h3 .field-name-field-multi-titre, .node-type-group #columns #content .bloc-content .row6 .content h3 .field-name-field-parte-titre {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 32px;
        font-weight: 700;
        padding: 30px 15px 0 20px;
        color: #f0c13e;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row6 .multicul h3 .field-name-field-multi-titre, .node-type-group #columns #content .bloc-content .row6 .content h3 .field-name-field-multi-titre, .node-type-group #columns #content .bloc-content .row6 .content h3 .field-name-field-parte-titre {
        padding: 25px 15px 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row6 .multicul h3 .field-name-field-multi-titre, .node-type-group #columns #content .bloc-content .row6 .content h3 .field-name-field-multi-titre, .node-type-group #columns #content .bloc-content .row6 .content h3 .field-name-field-parte-titre {
        padding: 25px 10px 0;
    }
}

.node-type-group #columns #content .bloc-content .row6 .multicul .field-name-field-multi-texte p, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-multi-texte p, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-parte-texte p, .node-type-group #columns #content .bloc-content .row6 .multicul .field-name-field-multi-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row6 .multicul .field-name-field-multi-texte strong, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-multi-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-multi-texte strong, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-parte-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-parte-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #000;
    padding: 20px 20px 0;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row6 .multicul .field-name-field-multi-texte p, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-multi-texte p, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-parte-texte p, .node-type-group #columns #content .bloc-content .row6 .multicul .field-name-field-multi-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row6 .multicul .field-name-field-multi-texte strong, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-multi-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-multi-texte strong, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-parte-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-parte-texte strong {
        padding: 20px 15px 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row6 .multicul .field-name-field-multi-texte p, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-multi-texte p, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-parte-texte p, .node-type-group #columns #content .bloc-content .row6 .multicul .field-name-field-multi-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row6 .multicul .field-name-field-multi-texte strong, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-multi-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-multi-texte strong, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-parte-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-parte-texte strong {
        padding: 15px 10px 22px;
        margin: 0;
    }
}

.node-type-group #columns #content .bloc-content .row6 .image {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .row6 .image {
        float: left;
        width: 33.33333%;
    }
}

.node-type-group #columns #content .bloc-content .row6 .image img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.node-type-group #columns #content .bloc-content .row6 .content {
    background: #f0c13e;
}

    .node-type-group #columns #content .bloc-content .row6 .content h3 {
        padding: 0;
        text-transform: inherit;
    }

        .node-type-group #columns #content .bloc-content .row6 .content h3 .field-name-field-parte-titre {
            color: #fff;
        }

    .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-parte-texte p, .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-parte-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row6 .content .field-name-field-parte-texte strong {
        color: #fff;
    }

.node-type-group #columns #content .bloc-content .row7 {
    clear: both;
}

    .node-type-group #columns #content .bloc-content .row7 .bel-endroit {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
    }

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .row7 .bel-endroit {
        float: left;
        width: 33.33333%;
    }
}

.node-type-group #columns #content .bloc-content .row7 .bel-endroit .field-name-field-endroit-visuel img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.node-type-group #columns #content .bloc-content .row7 .content {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    height: 0;
    padding-bottom: 51.4%;
}

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .row7 .content {
        float: left;
        width: 33.33333%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row7 .content {
        padding: 0;
        height: auto;
    }
}

.node-type-group #columns #content .bloc-content .row7 .content h3 {
    padding: 0;
    text-transform: inherit;
}

    .node-type-group #columns #content .bloc-content .row7 .content h3 .field-name-field-endroit-titre {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 32px;
        font-weight: 700;
        padding: 70px 25px 18px;
        color: #14b9c8;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row7 .content h3 .field-name-field-endroit-titre {
        padding: 25px 20px 18px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row7 .content h3 .field-name-field-endroit-titre {
        padding: 25px 20px 18px 13px;
    }
}

.node-type-group #columns #content .bloc-content .row7 .content .field-name-field-endroit-texte p, .node-type-group #columns #content .bloc-content .row7 .content .field-name-field-endroit-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row7 .content .field-name-field-endroit-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    padding: 0 30px 0 20px;
    color: #000;
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row7 .content .field-name-field-endroit-texte p, .node-type-group #columns #content .bloc-content .row7 .content .field-name-field-endroit-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row7 .content .field-name-field-endroit-texte strong {
        padding: 0 30px 10px 15px;
    }
}

.node-type-group #columns #content .bloc-content .row7 .group .parite, .node-type-group #columns #content .bloc-content .row7 .group .connecte {
    background: #f8f7f7;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    height: 0;
    padding-bottom: 26%;
}

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .row7 .group .parite, .node-type-group #columns #content .bloc-content .row7 .group .connecte {
        float: left;
        width: 33.33333%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row7 .group .parite, .node-type-group #columns #content .bloc-content .row7 .group .connecte {
        padding: 0;
        height: auto;
    }
}

.node-type-group #columns #content .bloc-content .row7 .group .parite h3, .node-type-group #columns #content .bloc-content .row7 .group .connecte h3 {
    padding: 0;
    text-transform: inherit;
}

    .node-type-group #columns #content .bloc-content .row7 .group .parite h3 .field-name-field-parite-titre, .node-type-group #columns #content .bloc-content .row7 .group .connecte h3 .field-name-field-parite-titre, .node-type-group #columns #content .bloc-content .row7 .group .connecte h3 .field-name-field-connecte-titre {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 32px;
        font-weight: 700;
        color: #f0c13e;
        padding: 30px 25px 15px;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row7 .group .parite h3 .field-name-field-parite-titre, .node-type-group #columns #content .bloc-content .row7 .group .connecte h3 .field-name-field-parite-titre, .node-type-group #columns #content .bloc-content .row7 .group .connecte h3 .field-name-field-connecte-titre {
        padding: 25px 15px 15px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row7 .group .parite h3 .field-name-field-parite-titre, .node-type-group #columns #content .bloc-content .row7 .group .connecte h3 .field-name-field-parite-titre, .node-type-group #columns #content .bloc-content .row7 .group .connecte h3 .field-name-field-connecte-titre {
        padding: 25px 13px 20px;
    }
}

.node-type-group #columns #content .bloc-content .row7 .group .parite .field-name-field-parite-texte p, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-parite-texte p, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-connecte-texte p, .node-type-group #columns #content .bloc-content .row7 .group .parite .field-name-field-parite-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row7 .group .parite .field-name-field-parite-texte strong, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-parite-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-parite-texte strong, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-connecte-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-connecte-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #000;
    padding: 0 25px 15px;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row7 .group .parite .field-name-field-parite-texte p, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-parite-texte p, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-connecte-texte p, .node-type-group #columns #content .bloc-content .row7 .group .parite .field-name-field-parite-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row7 .group .parite .field-name-field-parite-texte strong, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-parite-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-parite-texte strong, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-connecte-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-connecte-texte strong {
        padding: 0 17px 15px;
    }
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .row7 .group .parite .field-name-field-parite-texte p, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-parite-texte p, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-connecte-texte p, .node-type-group #columns #content .bloc-content .row7 .group .parite .field-name-field-parite-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row7 .group .parite .field-name-field-parite-texte strong, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-parite-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-parite-texte strong, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-connecte-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-connecte-texte strong {
        padding: 0 13px 20px;
        margin: 0;
    }
}

.node-type-group #columns #content .bloc-content .row7 .group .connecte {
    background: #f0c13e;
    padding-bottom: 25.3%;
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .row7 .group .connecte {
        height: auto;
        padding: 0;
    }
}

.node-type-group #columns #content .bloc-content .row7 .group .connecte h3 {
    padding: 0;
    text-transform: inherit;
}

    .node-type-group #columns #content .bloc-content .row7 .group .connecte h3 .field-name-field-connecte-titre {
        color: #fff;
    }

.node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-connecte-texte p, .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-connecte-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .row7 .group .connecte .field-name-field-connecte-texte strong {
    color: #fff;
}

.node-type-group #columns #content .bloc-content .group1 {
    clear: both;
}

    .node-type-group #columns #content .bloc-content .group1 .sub1 {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
    }

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .group1 .sub1 {
        float: left;
        width: 33.33333%;
    }
}

.node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence {
    background: #0a5f86;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    height: 0;
    padding-bottom: 77%;
}

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence {
        float: left;
        width: 100%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence {
        padding: 0;
        height: auto;
    }
}

.node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal h3, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence h3 {
    padding: 0;
    text-transform: inherit;
}

    .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal h3 .field-name-field-multilocal-titre, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence h3 .field-name-field-multilocal-titre, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence h3 .field-name-field-excellence-titre {
        font-family: "Roboto", sans-serif;
        font-size: 36px;
        line-height: 36px;
        font-weight: 700;
        color: #fff;
        padding: 35px 20px 20px 35px;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal h3 .field-name-field-multilocal-titre, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence h3 .field-name-field-multilocal-titre, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence h3 .field-name-field-excellence-titre {
        padding: 15px 15px 20px 15px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal h3 .field-name-field-multilocal-titre, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence h3 .field-name-field-multilocal-titre, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence h3 .field-name-field-excellence-titre {
        padding: 22px 20px 20px 10px;
    }
}

.node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal .field-name-field-multilocal-texte p, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-multilocal-texte p, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-excellence-texte p, .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal .field-name-field-multilocal-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal .field-name-field-multilocal-texte strong, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-multilocal-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-multilocal-texte strong, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-excellence-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-excellence-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #fff;
    padding: 0 20px 20px 35px;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal .field-name-field-multilocal-texte p, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-multilocal-texte p, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-excellence-texte p, .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal .field-name-field-multilocal-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal .field-name-field-multilocal-texte strong, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-multilocal-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-multilocal-texte strong, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-excellence-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-excellence-texte strong {
        padding: 0 20px 20px 15px;
        margin: 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal .field-name-field-multilocal-texte p, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-multilocal-texte p, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-excellence-texte p, .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal .field-name-field-multilocal-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub1 .multilocal .field-name-field-multilocal-texte strong, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-multilocal-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-multilocal-texte strong, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-excellence-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-excellence-texte strong {
        padding: 0 20px 20px 12px;
        margin: 0;
    }
}

.node-type-group #columns #content .bloc-content .group1 .sub1 .excellence {
    padding-bottom: 77.7%;
    background: #5b9eb4;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence {
        padding-bottom: 78%;
    }
}

@media only screen and (max-width:991px) {
    .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence {
        padding-bottom: 77.7%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence {
        height: auto;
        padding: 0;
    }
}

.node-type-group #columns #content .bloc-content .group1 .sub1 .excellence h3 {
    padding: 0;
    text-transform: inherit;
}

.node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-excellence-texte p, .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-excellence-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub1 .excellence .field-name-field-excellence-texte strong {
    color: #fff;
}

.node-type-group #columns #content .bloc-content .group1 .sub2 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .group1 .sub2 {
        float: left;
        width: 33.33333%;
    }
}

.node-type-group #columns #content .bloc-content .group1 .sub2 .field-name-field-vignette img {
    height: auto;
    width: 100%;
    vertical-align: top;
}

.node-type-group #columns #content .bloc-content .group1 .sub3 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .group1 .sub3 {
        float: left;
        width: 33.33333%;
    }
}

.node-type-group #columns #content .bloc-content .group1 .sub3 .client, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont {
    background: #f8f7f7;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    height: 0;
    padding-bottom: 77%;
}

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .group1 .sub3 .client, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont {
        float: left;
        width: 100%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .group1 .sub3 .client, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont {
        padding: 0;
        height: auto;
    }
}

.node-type-group #columns #content .bloc-content .group1 .sub3 .client h3, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont h3 {
    padding: 0;
    text-transform: inherit;
}

    .node-type-group #columns #content .bloc-content .group1 .sub3 .client h3 .field-name-field-client-titre, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont h3 .field-name-field-client-titre, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont h3 .field-name-field-amont-titre {
        font-family: "Roboto", sans-serif;
        font-size: 36px;
        line-height: 36px;
        font-weight: 700;
        color: #14b9c8;
        padding: 35px 20px 20px 35px;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .group1 .sub3 .client h3 .field-name-field-client-titre, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont h3 .field-name-field-client-titre, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont h3 .field-name-field-amont-titre {
        padding: 15px 15px 20px 15px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .group1 .sub3 .client h3 .field-name-field-client-titre, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont h3 .field-name-field-client-titre, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont h3 .field-name-field-amont-titre {
        padding: 22px 20px 20px 10px;
    }
}

.node-type-group #columns #content .bloc-content .group1 .sub3 .client .field-name-field-client-texte p, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-client-texte p, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-amont-texte p, .node-type-group #columns #content .bloc-content .group1 .sub3 .client .field-name-field-client-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub3 .client .field-name-field-client-texte strong, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-client-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-client-texte strong, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-amont-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-amont-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    padding: 0 20px 20px 35px;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .group1 .sub3 .client .field-name-field-client-texte p, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-client-texte p, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-amont-texte p, .node-type-group #columns #content .bloc-content .group1 .sub3 .client .field-name-field-client-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub3 .client .field-name-field-client-texte strong, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-client-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-client-texte strong, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-amont-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-amont-texte strong {
        padding: 0 20px 20px 15px;
        margin: 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .group1 .sub3 .client .field-name-field-client-texte p, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-client-texte p, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-amont-texte p, .node-type-group #columns #content .bloc-content .group1 .sub3 .client .field-name-field-client-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub3 .client .field-name-field-client-texte strong, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-client-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-client-texte strong, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-amont-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-amont-texte strong {
        padding: 0 20px 20px 12px;
        margin: 0;
    }
}

.node-type-group #columns #content .bloc-content .group1 .sub3 .amont {
    background: #0a5f86;
    padding-bottom: 77.7%;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .group1 .sub3 .amont {
        padding-bottom: 78%;
    }
}

@media only screen and (max-width:991px) {
    .node-type-group #columns #content .bloc-content .group1 .sub3 .amont {
        padding-bottom: 77.7%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .group1 .sub3 .amont {
        padding: 0;
        height: auto;
    }
}

.node-type-group #columns #content .bloc-content .group1 .sub3 .amont h3 {
    padding: 0;
    text-transform: inherit;
}

    .node-type-group #columns #content .bloc-content .group1 .sub3 .amont h3 .field-name-field-amont-titre {
        color: #fff;
    }

.node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-amont-texte p, .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-amont-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .group1 .sub3 .amont .field-name-field-amont-texte strong {
    color: #fff;
}

.node-type-group #columns #content .bloc-content .tous-bc {
    clear: both;
}

    .node-type-group #columns #content .bloc-content .tous-bc .field-name-field-bc-visuel {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
    }

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .tous-bc .field-name-field-bc-visuel {
        float: left;
        width: 33.33333%;
    }
}

.node-type-group #columns #content .bloc-content .tous-bc .field-name-field-bc-visuel img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.node-type-group #columns #content .bloc-content .tous-bc .content {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    background: #f8f7f7;
    height: 0;
    padding-bottom: 25.6%;
}

@media (min-width:768px) {
    .node-type-group #columns #content .bloc-content .tous-bc .content {
        float: left;
        width: 66.66667%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .tous-bc .content {
        height: auto;
        padding: 0;
    }
}

.node-type-group #columns #content .bloc-content .tous-bc .content h2 {
    text-transform: inherit;
}

    .node-type-group #columns #content .bloc-content .tous-bc .content h2 .field-name-field-bc-titre {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 700;
        padding: 40px 25px 20px;
        color: #14b9c8;
    }

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .tous-bc .content h2 .field-name-field-bc-titre {
        padding: 20px 15px 15px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .tous-bc .content h2 .field-name-field-bc-titre {
        padding: 15px 13px 20px;
    }
}

.node-type-group #columns #content .bloc-content .tous-bc .content .field-name-field-bc-texte p, .node-type-group #columns #content .bloc-content .tous-bc .content .field-name-field-bc-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .tous-bc .content .field-name-field-bc-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    padding: 0px 25px;
    color: #000;
}

@media only screen and (max-width:1024px) {
    .node-type-group #columns #content .bloc-content .tous-bc .content .field-name-field-bc-texte p, .node-type-group #columns #content .bloc-content .tous-bc .content .field-name-field-bc-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .tous-bc .content .field-name-field-bc-texte strong {
        padding: 0 20px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-group #columns #content .bloc-content .tous-bc .content .field-name-field-bc-texte p, .node-type-group #columns #content .bloc-content .tous-bc .content .field-name-field-bc-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-group #columns #content .bloc-content .tous-bc .content .field-name-field-bc-texte strong {
        padding: 0 15px 55px 13px;
        margin: 0;
    }
}

.page-nos-realisations {
}

    .page-nos-realisations .view-header p, .page-nos-realisations .view-header .section-media .field-name-body p strong, .section-media .field-name-body p .page-nos-realisations .view-header strong {
        width: 90%;
        margin: 10px auto 40px;
        font-family: "Roboto", sans-serif;
        font-size: 17px;
        line-height: 23px;
        font-weight: 300;
        color: #000;
        text-align: center;
    }

@media only screen and (max-width:1080px) {
    .page-nos-realisations .view-header p, .page-nos-realisations .view-header .section-media .field-name-body p strong, .section-media .field-name-body p .page-nos-realisations .view-header strong {
        margin: 10px auto 35px;
    }
}

@media only screen and (max-width:767px) {
    .page-nos-realisations .view-header p, .page-nos-realisations .view-header .section-media .field-name-body p strong, .section-media .field-name-body p .page-nos-realisations .view-header strong {
        margin: 5px auto 25px;
    }
}

.page-nos-realisations .project-wrapper .title {
    padding: 0;
}

    .page-nos-realisations .project-wrapper .title a {
        background: transparent url(/sites/all/themes/bouygues/images/icn/arrFiliale.png) no-repeat scroll left 2px;
        color: #ff9545;
        display: block;
        height: 35px;
        margin: 0 0 9px;
        padding: 0 0 0 12px;
        text-decoration: none;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
    }

.page-nos-realisations .project-wrapper .subtitle {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    color: #000 !important;
}

    .page-nos-realisations .project-wrapper .subtitle .comments {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 15px;
        font-weight: 300;
        color: #000;
    }

.page-nos-realisations .dropdown .dropdown-selected {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    background: url(../images/images-home/drop-down.png) no-repeat center right;
    text-transform: inherit;
    color: #ff9545;
    margin: 0;
    padding: 0 22px 0 0;
    width: auto;
}

.page-nos-realisations .dropdown .divscroller {
    border: none;
    margin: 15px 0 0 0;
    width: 190px;
    background: #f7f7f7;
}

@media only screen and (max-width:1024px) {
    .page-nos-realisations .dropdown .divscroller {
        margin: 10px 0 0;
    }
}

@media only screen and (max-width:767px) {
    .page-nos-realisations .dropdown .divscroller {
        position: absolute;
        margin: 10px 0 0;
    }
}

.page-nos-realisations .dropdown .divscroller .sel {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    padding: 4px 8px;
    color: #000;
}

    .page-nos-realisations .dropdown .divscroller .sel.selected {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
        margin: 5px 0 0;
    }

    .page-nos-realisations .dropdown .divscroller .sel:last-child {
        margin: 0 0 5px;
    }

.link-emble-parent {
    margin: 60px 0 30px;
    text-align: center;
}

.node-type-projet .lien_retour_liste a {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 21px;
    font-weight: 300;
    color: #000;
}

.node-type-projet .pays {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    color: #000;
}

.node-type-projet .field-name-field-chiffres-cles-comments {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    color: #000;
    display: block;
    margin: 15px 0 15px;
    padding: 0;
}

.node-type-projet .field-name-field-lien-projet a, .node-type-projet .field-name-field-intitule a {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #ff9545;
    text-decoration: none;
}

    .node-type-projet .field-name-field-lien-projet a:hover, .node-type-projet .field-name-field-intitule a:hover {
        color: #7dbb3c;
        text-decoration: none;
    }

#block-bouygues-pages-boutons-ok-refresh {
    position: absolute;
    right: 85px;
}

@media only screen and (max-width:800px) {
    #block-bouygues-pages-boutons-ok-refresh {
        clear: both;
        margin: 0 0 10px;
    }
}

@media only screen and (max-width:767px) {
    #block-bouygues-pages-boutons-ok-refresh {
        position: static;
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    #block-bouygues-pages-boutons-ok-refresh {
        margin: 15px 0 10px;
    }
}

#block-bouygues-pages-boutons-ok-refresh .buttons_div a {
    margin: -5px 0 0 10px;
}

@media only screen and (max-width:800px) {
    #block-bouygues-pages-boutons-ok-refresh .buttons_div a {
        margin: -5px 0 0 3px;
    }
}

@media only screen and (max-width:767px) {
    #block-bouygues-pages-boutons-ok-refresh .buttons_div a {
        margin: 0;
    }
}

#block-bouygues-pages-boutons-ok-refresh .buttons_div a#okButton {
    display: none;
}

#block-bouygues-pages-boutons-ok-refresh .buttons_div a#refresh_but {
    background: transparent url(../images/images-home/refresh.png) no-repeat scroll center top;
    height: 29px;
    width: 29px;
}

#block-bouygues-pages-b-map-region-choose-proj {
    margin: 0 15px 0 0;
    float: left;
}

@media only screen and (max-width:1024px) {
    #block-bouygues-pages-b-map-region-choose-proj {
        margin: 0 5px 0 0;
    }
}

#block-bouygues-pages-b-map-projet-filtre, #block-bouygues-pages-b-map-projet-filiale {
    margin: 0 30px 0 0;
}

@media only screen and (max-width:1024px) {
    #block-bouygues-pages-b-map-projet-filtre, #block-bouygues-pages-b-map-projet-filiale {
        margin: 0 25px 0 0;
    }
}

#block-bouygues-pages-b-map-projet-filtre .dropdown .divscroller, #block-bouygues-pages-b-map-projet-filiale .dropdown .divscroller {
    width: 220px;
}

@media only screen and (max-width:767px) {
    #block-bouygues-pages-b-map-projet-filtre, #block-bouygues-pages-b-map-projet-filiale {
        clear: both;
    }
}

#block-bouygues-pages-b-map-projet-filiale .dropdown .divscroller {
    width: 280px;
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    #block-bouygues-pages-b-map-projet-filiale {
        margin: 15px 0 0;
    }
}

#block-bouygues-pages-boutons-map-list {
    float: right;
}

@media only screen and (max-width:800px) {
    #block-bouygues-pages-boutons-map-list {
        margin: 0 0 20px;
    }
}

@media only screen and (max-width:767px) {
    #block-bouygues-pages-boutons-map-list {
        margin: 10px 0 20px;
    }
}

#block-bouygues-pages-page-nos-realisations-new .aucun-resultat {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    margin-bottom: 100px;
}

.section-page-historique #page #columns {
    padding: 0;
}

.section-page-historique #page #breadcrumb {
    padding: 5px 0 0;
}

@media only screen and (max-width:1024px) {
    .section-page-historique #page #breadcrumb {
        padding: 5px 0 0 15px;
    }
}

.section-page-historique #page #breadcrumb .breadcrumb-wrapper #crumbs li {
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

    .section-page-historique #page #breadcrumb .breadcrumb-wrapper #crumbs li a {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 12px;
        font-weight: 500;
        color: #000;
    }

    .section-page-historique #page #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
        color: #eb5f22;
        font-size: 12px;
    }

.section-page-historique #main-content-header {
    display: none;
}

.section-page-historique .field-name-field-titre-bloc h2#page-title {
    margin: 40px auto 0;
    text-align: center;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 300;
    color: #000;
    text-transform: inherit;
}

@media only screen and (max-width:1080px) {
    .section-page-historique .field-name-field-titre-bloc h2#page-title {
        margin: 35px auto 0;
    }
}

@media only screen and (max-width:675px) {
    .section-page-historique .field-name-field-titre-bloc h2#page-title {
        width: 80%;
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .section-page-historique .field-name-field-titre-bloc h2#page-title {
        width: 95%;
    }
}

.section-page-historique .field-name-field-titre-bloc h2#page-title span {
    color: #ff9545;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
}

@media only screen and (max-width:675px) {
    .section-page-historique .field-name-field-titre-bloc h2#page-title span {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .section-page-historique .field-name-field-titre-bloc h2#page-title span {
        width: 95%;
    }
}

.section-page-historique .field-name-field-chapo {
    width: 90% !important;
    margin: 10px auto 40px !important;
}

@media only screen and (max-width:1080px) {
    .section-page-historique .field-name-field-chapo {
        margin: 10px auto 0px !important;
    }
}

@media only screen and (max-width:767px) {
    .section-page-historique .field-name-field-chapo {
        margin: 5px auto 25px;
    }
}

.section-page-historique .field-name-field-chapo .field-items .field-item {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

.section-page-historique .node-page-historique .field-name-field-tpage-historique-exte {
    padding: 0 40px;
}

@media only screen and (max-width:1024px) {
    .field-name-field-tpage-historique-exte {
        padding: 0 20px;
        width: 90%;
    }
}

.section-page-historique .node-page-historique .field-name-field-tpage-historique-exte h2 {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
    padding: 25px 0 5px;
}

@media only screen and (max-width:1024px) {
    .field-name-field-tpage-historique-exte h2 {
        padding: 0 0 5px;
    }
}

.section-page-historique .node-page-historique .field-name-field-tpage-historique-exte p, .section-page-historique .node-page-historique .field-name-field-tpage-historique-exte .section-media .field-name-body p strong, .section-media .field-name-body p .section-page-historique .node-page-historique .field-name-field-tpage-historique-exte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000;
    margin: 0;
    width: 90%;
}

.flexslider {
    height: 100%;
    width: 96%;
}

.field-collection-container .flexslider .slides {
    margin: 0;
}

.flexslider .slides li {
    margin: 0;
    max-width: 100%;
}

@media only screen and (max-width:767px) {
    .field-collection-container .flexslider .slides li .illustration-item-wrapper {
        height: 555px;
        background: #ff9545;
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .field-collection-container .flexslider .slides li .illustration-item-wrapper {
        height: 565px;
    }
}

@media only screen and (max-width:640px) and (orientation:landscape) {
    .field-collection-container .flexslider .slides li .illustration-item-wrapper {
        height: 540px;
    }
}

@media only screen and (max-width:360px) {
    .field-collection-container .flexslider .slides li .illustration-item-wrapper {
        height: 601px;
    }
}

@media only screen and (max-width:320px) {
    .field-collection-container .flexslider .slides li .illustration-item-wrapper {
        height: 610px;
    }
}

.slides figure.clearfix.field-item.even {
    height: auto !important;
}

.flexslider .slides li .illustration-item-wrapper .field-name-field-diapo-historique-visuel {
    float: left;
}

    .flexslider .slides li .illustration-item-wrapper .field-name-field-diapo-historique-visuel img {
        width: 100% !important;
    }

@media only screen and (max-width:1024px) {
    .field-collection-container .flexslider .slides li .illustration-item-wrapper .field-name-field-diapo-historique-visuel img {
        width: 120% !important;
    }
}

@media only screen and (max-width:1023px) {
    .field-collection-container .flexslider .slides li .illustration-item-wrapper .field-name-field-diapo-historique-visuel img {
        width: 100% !important;
    }
}

.flexslider .slides li .illustration-item-wrapper .legend-box {
    background: #e35c63;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    height: 175px;
    float: left;
}

@media only screen and (max-width:1025px) {
    .field-collection-container .flexslider .slides li .illustration-item-wrapper .legend-box {
        height: 170px;
    }
}

@media only screen and (max-width:800px) {
    .field-collection-container .flexslider .slides li .illustration-item-wrapper .legend-box {
        height: 212px;
    }
}

@media only screen and (max-width:767px) {
    .field-collection-container .flexslider .slides li .illustration-item-wrapper .legend-box {
        height: auto;
    }
}

.flexslider .slides li .illustration-item-wrapper .legend-box p, .flexslider .slides li .illustration-item-wrapper .legend-box .section-media .field-name-body p strong, .section-media .field-name-body p .flexslider .slides li .illustration-item-wrapper .legend-box strong {
    padding: 15px 10px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
}

@media only screen and (max-width:1024px) {
    .field-collection-container .flexslider .slides li .illustration-item-wrapper .legend-box p, .flexslider .slides li .illustration-item-wrapper .legend-box .section-media .field-name-body p strong, .section-media .field-name-body p .flexslider .slides li .illustration-item-wrapper .legend-box strong {
        width: 96%;
        padding: 20px;
        -ms-text-size-adjust: none;
    }
}

@media only screen and (max-width:767px) {
    .field-collection-container .flexslider .slides li .illustration-item-wrapper .legend-box p, .flexslider .slides li .illustration-item-wrapper .legend-box .section-media .field-name-body p strong, .section-media .field-name-body p .flexslider .slides li .illustration-item-wrapper .legend-box strong {
        width: 90%;
        padding: 20px 20px 0;
        -ms-text-size-adjust: none;
    }
}

.flexslider .slides li .illustration-item-wrapper .legend-box strong strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    color: #fff !important;
    -ms-text-size-adjust: none;
}

.flexslider .flex-direction-nav {
    margin: 0 !important;
}

.field-collection-container .flexslider .flex-direction-nav li {
    margin: 0;
}

    .field-collection-container .flexslider .flex-direction-nav li a {
    }

        .field-collection-container .flexslider .flex-direction-nav li a.flex-prev {
            background: url(../images/images-home/arrLeftDiapo.png) no-repeat left top;
            left: -18px;
            opacity: 1 !important;
            top: 215px;
            width: 50px;
            height: 68px;
        }

@media only screen and (max-width:1024px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-prev {
        bottom: auto;
        top: 34%;
        left: -17px !important;
    }
}

@media only screen and (max-width:800px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-prev {
        top: 30%;
    }
}

@media only screen and (max-width:600px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-prev {
        top: 25%;
    }
}

@media only screen and (max-width:480px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-prev {
        top: 18%;
    }
}

@media only screen and (max-width:414px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-prev {
        top: 15%;
    }
}

@media only screen and (max-width:360px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-prev {
        top: 12%;
    }
}

@media only screen and (max-width:320px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-prev {
        top: 10% !important;
    }
}

.flexslider .flex-direction-nav li a.flex-next {
    background: url(../images/images-home/arrRightDiapo.png) no-repeat left top;
    right: -18px;
    opacity: 1;
    top: 215px;
    width: 50px;
    height: 66px;
}

@media only screen and (max-width:1024px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-next {
        bottom: auto;
        top: 34%;
        right: -17px !important;
    }
}

@media only screen and (max-width:800px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-next {
        top: 30%;
    }
}

@media only screen and (max-width:600px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-next {
        top: 25%;
    }
}

@media only screen and (max-width:480px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-next {
        top: 18%;
    }
}

@media only screen and (max-width:414px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-next {
        top: 15%;
    }
}

@media only screen and (max-width:360px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-next {
        top: 12%;
    }
}

@media only screen and (max-width:320px) {
    .field-collection-container .flexslider .flex-direction-nav li a.flex-next {
        top: 10% !important;
    }
}

.field-collection-container #carousel {
    width: 96%;
    background: #f0f0f0;
    height: 57px;
    position: relative;
    top: -4px;
}

@media only screen and (max-width:800px) {
    .field-collection-container #carousel {
        height: auto;
    }
}

#carousel .flex-direction-nav {
    display: none;
}

.field-collection-container #carousel .flex-direction-nav a.flex-prev {
    background: url(../images/images-home/histoire-prev.png) no-repeat center top;
    width: 32px;
    height: 32px;
    top: 0;
}

.field-collection-container #carousel .flex-direction-nav a.flex-next {
    background: url(../images/images-home/histoire-next.png) no-repeat center top;
    width: 32px;
    height: 32px;
    top: 0;
}

.slides {
    margin: 0;
    padding: 5px 3px;
}

@media only screen and (max-width:1024px) {
    .field-collection-container #carousel .slides {
        width: 96.5% !important;
        padding: 7px 3px 5px 25px;
    }
}

@media only screen and (max-width:800px) {
    .field-collection-container #carousel .slides {
        padding: 8px 3px 5px 15px;
    }
}

@media only screen and (max-width:767px) {
    .field-collection-container #carousel .slides {
        padding: 12px 8px 8px;
    }
}

@media only screen and (max-width:420px) {
    .field-collection-container #carousel .slides {
        width: 96% !important;
        padding: 9px 3px 5px 7px;
        transform: none !important;
    }
}

@media only screen and (max-width:350px) {
    .field-collection-container #carousel .slides {
        padding: 9px 3px 5px 6px;
    }
}


@media only screen and (max-width:767px) {
    .field-collection-container #carousel .slides li {
        padding: 0 14px 0 0;
    }
}

#carousel .slides li .field-name-field-ann-e {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 21px;
    font-weight: 600;
    color: #000;
}

@media only screen and (max-width:1024px) {
    .field-collection-container #carousel .slides li .field-name-field-ann-e {
        font-weight: 400;
        font-size: 15px;
    }
}

@media only screen and (max-width:767px) {
    .field-collection-container #carousel .slides li .field-name-field-ann-e {
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
    }
}

#carousel .slides li.flex-active-slide {
    padding: 0 16px 0 6px;
}

@media only screen and (max-width:767px) {
    .field-collection-container #carousel .slides li.flex-active-slide {
        padding: 0 16px 0 0;
    }
}

#carousel .slides li.flex-active-slide .field-name-field-ann-e {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 21px;
    font-weight: 600;
    color: #f01c24;
}

@media only screen and (max-width:1024px) {
    .field-collection-container #carousel .slides li.flex-active-slide .field-name-field-ann-e {
        font-size: 15px;
        font-weight: 600;
    }
}

@media only screen and (max-width:767px) {
    .field-collection-container #carousel .slides li.flex-active-slide .field-name-field-ann-e {
        font-size: 18px;
        font-weight: 400;
    }
}

#carousel .slides li:last-child {
    background: none;
}

.section-page-historique .field-type-text-with-summary {
    margin: 0;
    padding: 0 0 0 8px;
}

@media only screen and (max-width:767px) {
    .section-page-historique .field-type-text-with-summary {
        padding: 0;
    }
}

.section-page-historique .breadcrumb-mobile a {
    color: #cd4d00 !important;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    padding: 0 0 0 27px !important;
    text-decoration: none;
    font-size: 15px !important;
    margin: 0 10px;
    background: url(../images/images-home/mobile-fleche-retour.png) no-repeat left center;
}

    .section-page-historique .breadcrumb-mobile a:hover {
        text-decoration: underline;
    }

.page-toutes-les-innovations #columns {
    padding: 0;
}

    .page-toutes-les-innovations #columns #main-content #content h2 {
        margin: 0 auto;
        text-align: center;
        width: 95%;
        font-family: "Roboto", sans-serif;
        font-size: 40px;
        line-height: 42px;
        font-weight: 300;
        color: #000;
        text-transform: inherit;
    }

@media only screen and (max-width:675px) {
    .page-toutes-les-innovations #columns #main-content #content h2 {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .page-toutes-les-innovations #columns #main-content #content h2 {
        font-size: 25px;
        line-height: 27px;
    }
}

.page-toutes-les-innovations #columns #main-content #content h2 span {
    display: block;
    color: #ff9545;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
}

@media only screen and (max-width:675px) {
    .page-toutes-les-innovations #columns #main-content #content h2 span {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .page-toutes-les-innovations #columns #main-content #content h2 span {
        width: 95%;
        font-size: 25px;
        line-height: 27px;
    }
}

.node-type-page-gouvernance {
}

    .node-type-page-gouvernance .breadcrumb-mobile a {
        color: #cd4d00 !important;
        display: block;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        line-height: 21px;
        font-weight: 500;
        padding: 0 0 0 27px !important;
        text-decoration: none;
        font-size: 15px !important;
        margin: 0 10px;
        background: url(../images/images-home/mobile-fleche-retour.png) no-repeat left center;
    }

        .node-type-page-gouvernance .breadcrumb-mobile a:hover {
            text-decoration: underline;
        }

    .node-type-page-gouvernance #page #columns {
        padding: 0;
    }

        .node-type-page-gouvernance #page #columns #main-content-header #page-title {
            display: none;
        }

    .node-type-page-gouvernance #page #breadcrumb {
        padding: 5px 0 0;
    }

@media only screen and (max-width:1024px) {
    .node-type-page-gouvernance #page #breadcrumb {
        padding: 5px 0 0 15px;
    }
}

.node-type-page-gouvernance #page #breadcrumb .breadcrumb-wrapper #crumbs li {
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

    .node-type-page-gouvernance #page #breadcrumb .breadcrumb-wrapper #crumbs li a {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 12px;
        font-weight: 500;
        color: #000;
    }

    .node-type-page-gouvernance #page #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
        color: #eb5f22;
        font-size: 12px;
    }

.node-type-page-gouvernance #slider {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .node-type-page-gouvernance #slider {
        height: 48.5vw;
    }
}

@media only screen and (max-width:800px) {
    .node-type-page-gouvernance #slider {
        height: 360px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance #slider {
        height: auto;
    }
}

.node-type-page-gouvernance #carousel {
    width: 100%;
}

    .node-type-page-gouvernance #carousel .flex-border-img {
        display: none !important;
    }

    .node-type-page-gouvernance #carousel .flex-viewport {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -o-border-radius: 0;
    }

@media only screen and (max-width:1024px) {
    .node-type-page-gouvernance #carousel .flex-viewport {
        height: 80px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance #carousel .flex-viewport {
        height: auto;
        margin: 25px 0 0;
    }
}

.node-type-page-gouvernance #carousel .flex-viewport .slides li {
    border: none;
}

    .node-type-page-gouvernance #carousel .flex-viewport .slides li .flex-opacity {
        background: rgba(255, 149, 65, 0.65);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

        .node-type-page-gouvernance #carousel .flex-viewport .slides li .flex-opacity:after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 1px;
            height: 85px;
            background: #fff;
            opacity: 0.45;
            -moz-opacity: 0.45;
            -khtml-opacity: 0.45;
            -ms-filter: alpha(opacity=45);
            filter: alpha(opacity=45);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=45)";
        }

    .node-type-page-gouvernance #carousel .flex-viewport .slides li.flex-active-slide {
        border-right: 1px solid #fff !important;
    }

        .node-type-page-gouvernance #carousel .flex-viewport .slides li.flex-active-slide .flex-opacity {
            background: none;
        }

.node-type-page-gouvernance #members-biographie-block {
    margin: 20px 0 0;
}

@media only screen and (max-width:1024px) {
    .node-type-page-gouvernance #members-biographie-block {
        padding: 0 18px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance #members-biographie-block {
        padding: 0 18px 0;
    }
}

.node-type-page-gouvernance #members-biographie-block h2 {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
    margin: 0 0 33px;
}

.node-type-page-gouvernance #members-biographie-block .member-bio-list {
    margin: 25px 0 35px;
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance #members-biographie-block .member-bio-list {
        margin: 25px 0 5px;
    }
}

.node-type-page-gouvernance #members-biographie-block .member-bio-list.last {
    margin: 25px 0 0;
}

.node-type-page-gouvernance #members-biographie-block .member-bio-list .member-bio {
    display: inline-block;
    margin: 0 0 35px;
    width: 49%;
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance #members-biographie-block .member-bio-list .member-bio {
        width: 100%;
        margin: 0 0 40px;
    }
}

.node-type-page-gouvernance #members-biographie-block .member-bio-list .member-bio .member-name {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 17px;
    font-weight: 700;
    color: #000;
}

.node-type-page-gouvernance #members-biographie-block .member-bio-list .member-bio .member-role {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 20px;
    font-weight: 300;
    color: #000;
    padding: 5px 0;
}

.node-type-page-gouvernance #members-biographie-block .member-bio-list .member-bio .member-link {
    color: #000;
    padding: 0 0 0 30px;
    width: auto;
    text-decoration: none;
    background: none;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    display: block;
    position: relative;
}

    .node-type-page-gouvernance #members-biographie-block .member-bio-list .member-bio .member-link:before {
        background: url(../images/images-home/oeil.png) no-repeat top center;
        position: absolute;
        content: "";
        top: 1px;
        left: 0px;
        width: 22px;
        height: 13px;
    }

    .node-type-page-gouvernance #members-biographie-block .member-bio-list .member-bio .member-link:hover {
        text-decoration: underline;
    }

.node-type-page-gouvernance .field-name-field-titre-bloc h2#page-title {
    margin: 40px auto 0;
    text-align: center;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 300;
    color: #000;
    text-transform: inherit;
}

@media only screen and (max-width:1080px) {
    .node-type-page-gouvernance .field-name-field-titre-bloc h2#page-title {
        margin: 20px auto 0;
    }
}

@media only screen and (max-width:675px) {
    .node-type-page-gouvernance .field-name-field-titre-bloc h2#page-title {
        width: 80%;
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-page-gouvernance .field-name-field-titre-bloc h2#page-title {
        width: 95%;
    }
}

.node-type-page-gouvernance .field-name-field-titre-bloc h2#page-title span {
    color: #ff9545;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    display: block;
}

@media only screen and (max-width:675px) {
    .node-type-page-gouvernance .field-name-field-titre-bloc h2#page-title span {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-page-gouvernance .field-name-field-titre-bloc h2#page-title span {
        width: 95%;
    }
}

.node-type-page-gouvernance .field-name-field-chapo {
    width: 90% !important;
    margin: 10px auto 40px !important;
}

@media only screen and (max-width:1080px) {
    .node-type-page-gouvernance .field-name-field-chapo {
        margin: 10px auto 35px !important;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance .field-name-field-chapo {
        margin: 5px auto 25px;
    }
}

.node-type-page-gouvernance .field-name-field-chapo .field-items .field-item {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

@media only screen and (max-width:1024px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .slides {
        height: 80px;
    }
}

.node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box {
    background: #fff !important;
    width: 310px;
    height: 310px;
    right: 65px;
    top: 65px;
    padding: 0;
    position: absolute;
}

@media only screen and (max-width:1024px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box {
        right: 15px !important;
        top: 35px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box {
        left: auto;
        margin: 25px auto 0;
        position: static;
        right: auto;
        top: auto;
        width: 94%;
        height: auto;
    }
}

.node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .orange {
    height: 70px;
    margin: 0;
    padding: 15px;
    background: #ff9545;
}

    .node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .orange .field-name-field-bio-nom {
        font-family: "Roboto", sans-serif;
        font-size: 24px;
        line-height: 26px;
        font-weight: 600;
        color: #fff;
        margin: 0;
    }

    .node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .orange .field-name-field-bio-fonction {
        font-family: "Roboto", sans-serif;
        font-size: 19px;
        line-height: 24px;
        font-weight: 300;
        color: #fff;
    }

.node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .normal {
    padding: 10px 15px;
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .normal {
        border: 1px solid #ccc;
        border-top: 1px solid #ff9545;
        padding: 10px 15px 55px;
    }
}

.node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .normal p, .node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .normal .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .normal strong {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 21px;
    font-weight: 300;
    color: #000;
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .normal p, .node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .normal .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .normal strong {
        padding: 0;
        font-size: 15px;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
    }
}

.node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .normal .readmore a {
    padding: 0 0 0 40px;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 21px;
    font-weight: 500;
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 3px;
    color: black;
    text-decoration: none;
    width: 115px;
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .normal .readmore a {
        bottom: 15px;
    }
}

.node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .normal .readmore a:hover {
    color: #7dbb3c;
    background: url(../images/images-home/oeil-mobile-orange.png) no-repeat left 3px;
}

.node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .flex-direction-nav.mobile {
    display: block;
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .flex-direction-nav.mobile {
        display: none;
    }
}

.node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .flex-direction-nav.mobile a.flex-prev {
    background: url(../images/images-home/histoire-prev.png) no-repeat center top;
    bottom: 0;
    height: 32px;
    left: 0;
    right: auto;
    top: auto;
    width: 32px;
    z-index: 100;
}

.node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .legend-box .flex-direction-nav.mobile a.flex-next {
    background: url(../images/images-home/histoire-next.png) no-repeat center top;
    bottom: 0;
    height: 32px;
    right: 0;
    top: auto;
    width: 32px;
}

.node-type-page-gouvernance .flexslider.fc-diapo .slides li .illustration-item-wrapper .field-name-field-image img {
    width: 100%;
}

.node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav {
    display: none;
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav {
        display: block;
    }
}

.node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-prev {
    background: url(../images/images-home/histoire-prev.png) no-repeat center top;
    bottom: 55px;
    height: 32px;
    left: auto;
    right: 343px;
    top: auto;
    width: 32px;
    z-index: 100;
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-prev {
        bottom: auto;
        left: 0 !important;
        right: auto;
        top: 180px;
    }
}

@media only screen and (max-width:600px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-prev {
        top: 140px;
    }
}

@media only screen and (max-width:500px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-prev {
        top: 110px;
    }
}

@media only screen and (max-width:420px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-prev {
        top: 90px;
    }
}

@media only screen and (max-width:400px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-prev {
        top: 80px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-prev {
        top: 70px;
    }
}

@media only screen and (max-width:320px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-prev {
        top: 55px;
    }
}

.node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-next {
    background: url(../images/images-home/histoire-next.png) no-repeat center top;
    bottom: 55px;
    height: 32px;
    right: 65px;
    top: auto;
    width: 32px;
    z-index: 100;
}

@media only screen and (max-width:767px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-next {
        bottom: 0;
        right: 0 !important;
        top: 180px;
    }
}

@media only screen and (max-width:600px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-next {
        top: 140px;
    }
}

@media only screen and (max-width:500px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-next {
        top: 110px;
    }
}

@media only screen and (max-width:420px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-next {
        top: 90px;
    }
}

@media only screen and (max-width:400px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-next {
        top: 80px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-next {
        top: 70px;
    }
}

@media only screen and (max-width:320px) {
    .node-type-page-gouvernance .flexslider.fc-diapo .flex-direction-nav a.flex-next {
        top: 55px;
    }
}

.node-type-biographie #page #columns {
    padding: 0;
}

.node-type-biographie #main-content-header {
    display: none;
}

.node-type-biographie .node-title-bio {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
    color: #000;
    text-align: center;
    text-transform: inherit;
    margin: 45px 0 0;
    clear: both;
}

@media only screen and (max-width:1024px) {
    .node-type-biographie .node-title-bio {
        margin: 35px 0 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-biographie .node-title-bio {
        margin: 45px 0 0;
        font-size: 30px;
    }
}

@media only screen and (max-width:350px) {
    .node-type-biographie .node-title-bio {
        font-size: 25px;
    }
}

.node-type-biographie .field-name-field-bio-fonction .field-item {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    color: #ff9545;
    text-align: center;
    margin: 0 0 50px;
}

@media only screen and (max-width:767px) {
    .node-type-biographie .field-name-field-bio-fonction .field-item {
        font-size: 27px;
        line-height: 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-biographie .field-name-field-bio-fonction .field-item {
        margin: 0 0 30px;
    }
}

@media only screen and (max-width:350px) {
    .node-type-biographie .field-name-field-bio-fonction .field-item {
        font-size: 24px;
    }
}

.node-type-biographie .field-name-field-bio-texte {
    width: 81%;
}

@media only screen and (max-width:767px) {
    .node-type-biographie .field-name-field-bio-texte {
        width: 100%;
    }
}

.node-type-biographie .field-name-field-bio-texte p, .node-type-biographie .field-name-field-bio-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-biographie .field-name-field-bio-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #000;
}

    .node-type-biographie .field-name-field-bio-texte p span, .section-media .field-name-body p .node-type-biographie .field-name-field-bio-texte strong span {
        color: #000;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
    }

@media only screen and (max-width:767px) {
    .node-type-biographie .field-name-field-bio-texte p, .node-type-biographie .field-name-field-bio-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-biographie .field-name-field-bio-texte strong {
        width: 90%;
    }
}

.node-type-biographie .field-name-field-bio-texte p a, .section-media .field-name-body p .node-type-biographie .field-name-field-bio-texte strong a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    text-decoration: none !important;
    color: #ff9545;
}

    .node-type-biographie .field-name-field-bio-texte p a:hover, .section-media .field-name-body p .node-type-biographie .field-name-field-bio-texte strong a:hover {
        text-decoration: none !important;
        color: #7dbb3c;
    }

@media only screen and (max-width:1024px) {
    .node-type-biographie .field-name-field-bio-texte {
        padding: 0 20px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-biographie .field-name-field-bio-texte {
        padding: 0 10px;
    }
}

.node-type-biographie .show-responsive.biographie-retour {
    float: left !important;
}

.node-type-biographie .biographie-retour-gov a {
    background: url(../images/images-home/puce-retour.jpg) no-repeat left center;
    color: #000;
    display: block;
    font-family: "Times New roman";
    margin: 8px 0 10px;
    padding: 0 0 0 21px !important;
    text-decoration: underline;
    font-size: 20px !important;
    line-height: 21px;
    font-weight: 500px;
}

@media only screen and (max-width:1024px) {
    .node-type-biographie .biographie-retour-gov a {
        margin: 15px;
    }
}

.node-type-biographie .biographie-retour-gov a:hover {
    text-decoration: underline;
}

.node-type-biographie .biographie-retour a {
    color: #cd4d00;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    padding: 0 0 0 27px !important;
    text-decoration: none;
    font-size: 15px !important;
    margin: 8px 10px;
    background: url(../images/images-home/mobile-fleche-retour.png) no-repeat left center;
}

    .node-type-biographie .biographie-retour a:hover {
        text-decoration: underline;
    }

.node-type-biographie #breadcrumb {
    display: none;
}

.node-type-biographie .field-name-field-image img {
    width: 100%;
}

@media only screen and (max-width:767px) {
    .node-type-biographie .field-type-text-with-summary {
        margin: 0;
    }
}

.page-newsroom {
}

    .page-newsroom #page #columns {
        padding: 0;
        max-width: 100%;
    }

    .page-newsroom #page #breadcrumb {
        padding: 5px 0 0;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom #page #breadcrumb {
        padding: 5px 0 0 15px;
    }
}

.page-newsroom #page #breadcrumb .breadcrumb-wrapper #crumbs li {
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

    .page-newsroom #page #breadcrumb .breadcrumb-wrapper #crumbs li a {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 12px;
        font-weight: 500;
        color: #000;
    }

    .page-newsroom #page #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
        color: #eb5f22;
        font-size: 12px;
    }

.page-newsroom #main-content-header #page-title {
    margin: 10px auto 0;
    text-align: center;
    width: 100%;
    padding: 0 0 5px;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 600;
    color: #ff9545;
    text-transform: inherit;
}

@media only screen and (max-width:1080px) {
    .page-newsroom #main-content-header #page-title {
        margin: 35px auto 0;
    }
}

@media only screen and (max-width:675px) {
    .page-newsroom #main-content-header #page-title {
        width: 80%;
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom #main-content-header #page-title {
        width: 95%;
    }
}

.page-newsroom #block-bouygues-newsroom-b-newsroom-intro .field-name-field-chapo {
    width: 94% !important;
    margin: 10px auto 40px !important;
}

@media only screen and (max-width:1080px) {
    .page-newsroom #block-bouygues-newsroom-b-newsroom-intro .field-name-field-chapo {
        margin: 10px auto 35px !important;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom #block-bouygues-newsroom-b-newsroom-intro .field-name-field-chapo {
        margin: 5px auto !important;
    }
}

.page-newsroom #block-bouygues-newsroom-b-newsroom-intro .field-name-field-chapo p, .page-newsroom #block-bouygues-newsroom-b-newsroom-intro .field-name-field-chapo .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom #block-bouygues-newsroom-b-newsroom-intro .field-name-field-chapo strong {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

@media only screen and (max-width:767px) {
    .page-newsroom #block-bouygues-newsroom-b-newsroom-intro .field-name-field-chapo p, .page-newsroom #block-bouygues-newsroom-b-newsroom-intro .field-name-field-chapo .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom #block-bouygues-newsroom-b-newsroom-intro .field-name-field-chapo strong {
        text-align: left;
        opacity: 0.7;
    }
}

.page-newsroom .b-newsroom-content {
}

    .page-newsroom .b-newsroom-content .show-not-mob {
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob {
        display: block;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-not-mob {
        display: none;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news {
    float: left;
    max-width: 100%;
    position: relative;
    width: 100%;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news {
        float: left;
        width: 50%;
        position: relative;
        overflow: hidden;
    }

        .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news a {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            text-indent: -999px;
            top: 0;
            z-index: 100;
        }

        .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .left-news {
            float: left;
            width: 50%;
            height: 220px;
        }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .left-news {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .left-news img {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .left-news img {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news {
    background: #f8f7f7;
    float: right;
    width: 50%;
    height: 220px;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news {
        height: 0;
        padding-bottom: 50%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news:before {
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-right: 37px solid #f8f7f7;
    border-bottom: 37px solid transparent;
    position: absolute;
    top: 33%;
    left: -37px;
    z-index: 100;
    content: "";
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 35%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 32%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 43%;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 36%;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 30%;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 29%;
    }
}

@media only screen and (max-width:360px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 27%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news .picto {
    padding: 0 29px 0 0;
    margin: 30px 0 10px 15px;
    padding: 30px 29px 0 0;
    display: block;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news .picto:after {
        background-position: -95px -223px;
        width: 29px;
        height: 28px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news .picto {
        left: 15px;
        top: 5px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 15px 30px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news .news-chapo {
        padding: 10px 15px;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news .news-chapo {
        font-size: 12px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news .dat, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news .dat, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news .dat, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news .dat {
    display: none;
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-1 .right-news .datnews, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-2 .right-news .datnews, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-5 .right-news .datnews, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-6 .right-news .datnews {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .left-news {
    float: right;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .left-news {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .left-news img {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .left-news img {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news {
    float: left;
    position: relative;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news {
        height: 0;
        padding-bottom: 50%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news:before {
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-left: 37px solid #f8f7f7;
    border-bottom: 37px solid transparent;
    position: absolute;
    top: 33%;
    right: -37px;
    content: "";
    z-index: 100;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news:before {
        top: 35%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news:before {
        top: 32%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news:before {
        top: 43%;
        border-top: 37px solid transparent;
        border-left: 37px solid #f8f7f7;
        border-bottom: 37px solid transparent;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news:before {
        top: 36%;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news:before {
        top: 30%;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news:before {
        top: 29%;
    }
}

@media only screen and (max-width:360px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news:before {
        top: 27%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news .picto {
    padding: 0 29px 0 0;
    margin: 30px 0 10px 15px;
    padding: 30px 29px 0 0;
    display: block;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news .picto:after {
        background-position: -95px -223px;
        width: 29px;
        height: 28px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news .picto {
        left: 15px;
        top: 5px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 15px 30px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news .news-chapo {
        padding: 10px 15px;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news .news-chapo {
        font-size: 12px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news .dat, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news .dat {
    display: none;
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-3 .right-news .datnews, .page-newsroom .b-newsroom-content .show-not-mob .b-news .bloc-news.b-news-4 .right-news .datnews {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news-bas {
    clear: both;
    float: left;
    width: 100%;
    height: 198px;
    max-width: 100%;
    margin: 0;
    background: url(../images/images-home/bg-linknews.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas h2 {
        margin: 40px auto 30px;
        text-align: center;
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        color: #000;
        text-transform: inherit;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas h2 {
        margin: 30px auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news-bas h2 span {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .links li, .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .section-media .fichier-hd li, .section-media .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .fichier-hd li {
    width: 46%;
    float: left;
    padding: 0 0 0 35px;
    margin: 0 0 20px;
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .links li, .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .section-media .fichier-hd li, .section-media .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .fichier-hd li {
        padding: 0 0 0 15px;
        width: 47%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .links li .lien-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .section-media .fichier-hd li .lien-news, .section-media .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .fichier-hd li .lien-news {
    padding: 0 29px 0 0;
    padding: 0 0 0 40px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    position: relative;
    z-index: 100;
    text-transform: uppercase;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .links li .lien-news:after, .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .section-media .fichier-hd li .lien-news:after, .section-media .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .fichier-hd li .lien-news:after {
        background-position: -132px -38px;
        width: 29px;
        height: 17px;
    }

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .links li .lien-news, .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .section-media .fichier-hd li .lien-news, .section-media .page-newsroom .b-newsroom-content .show-not-mob .b-news-bas .fichier-hd li .lien-news {
        font-size: 15px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .bloc-social {
    width: 25%;
    padding: 0;
    float: left;
    height: 212px;
    position: relative;
}

    .page-newsroom .b-newsroom-content .show-not-mob .bloc-social a {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-indent: -999px;
        top: 0;
        z-index: 100;
    }

    .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-1, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-3, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-6, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-8, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-9, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-11 {
        background: #2f2f2f;
    }

        .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-1 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-1 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-1 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-3 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-3 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-3 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-6 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-6 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-6 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-8 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-8 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-8 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-9 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-9 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-9 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-11 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-11 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-11 strong {
            font-family: "Roboto", sans-serif;
            font-size: 14px;
            line-height: 18px;
            font-weight: 300;
            padding: 20px;
            color: #fff;
        }

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-1 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-1 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-1 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-3 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-3 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-3 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-6 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-6 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-6 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-8 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-8 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-8 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-9 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-9 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-9 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-11 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-11 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-11 strong {
        padding: 11px 20px 20px;
        line-height: 17px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-1 .s-date, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-3 .s-date, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-6 .s-date, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-8 .s-date, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-9 .s-date, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-11 .s-date {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 20px;
    font-style: italic;
}

.page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-2, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-4, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-5, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-7, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-10 {
    background: #f8f7f7;
}

    .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-2 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-2 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-2 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-4 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-4 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-4 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-5 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-5 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-5 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-7 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-7 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-7 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-10 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-10 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-10 strong {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        padding: 20px;
        color: #000;
    }

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-2 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-2 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-2 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-4 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-4 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-4 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-5 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-5 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-5 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-7 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-7 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-7 strong, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-10 p, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-10 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-10 strong {
        padding: 11px 20px 20px;
        line-height: 17px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-2 .s-date, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-4 .s-date, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-5 .s-date, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-7 .s-date, .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-10 .s-date {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: #000;
    font-style: italic;
}

.page-newsroom .b-newsroom-content .show-not-mob .bloc-social span {
    background: url(../images/images-home/news-twitter.png) no-repeat center top;
    display: block;
    margin: 24px 20px 0;
    width: 24px;
    height: 20px;
}

.page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-last {
    background: #ff9545;
    display: table;
}

    .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-last .inner-bloc-sociaux {
        display: table-cell;
        vertical-align: middle;
    }

        .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon {
            padding: 0 47px 0 0;
            display: table;
            margin: 0 auto 10px;
            padding: 0;
        }

            .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon:after {
                background-position: 0 -363px;
                width: 47px;
                height: 40px;
            }

        .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-last .inner-bloc-sociaux .text-tw {
            font-family: "Roboto", sans-serif;
            font-size: 18px;
            line-height: 22px;
            font-weight: 600;
            display: table;
            color: #fff;
            text-decoration: none;
            text-align: center;
            margin: 0 auto;
            padding: 15px 0 0;
            position: static;
            text-indent: 0;
            width: 110px;
        }

        .page-newsroom .b-newsroom-content .show-not-mob .bloc-social.b-social-last .inner-bloc-sociaux a {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            height: 100%;
        }

.page-newsroom .b-newsroom-content .show-not-mob .b-blog {
    float: left;
    max-width: 100%;
    position: relative;
    width: 100%;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news {
        float: left;
        max-width: 50%;
        position: relative;
        overflow: hidden;
        width: 50%;
    }

        .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news a {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            text-indent: -999px;
            top: 0;
            z-index: 100;
        }

        .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .left-news {
            float: left;
            width: 50%;
            height: 220px;
        }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .left-news {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .left-news img {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .left-news img {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news {
    background: #f8f7f7;
    float: right;
    width: 50%;
    height: 220px;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news {
        height: 0;
        padding-bottom: 50%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-right: 37px solid #f8f7f7;
    border-bottom: 37px solid transparent;
    position: absolute;
    top: 33%;
    left: -37px;
    z-index: 100;
    content: "";
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 35%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 32%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 43%;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 36%;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 30%;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 29%;
    }
}

@media only screen and (max-width:360px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 27%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news span {
    padding: 0 27px 0 0;
    margin: 25px 20px 15px;
    padding: 30px 29px 0 0;
    display: block;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news span:after {
        background-position: -99px -135px;
        width: 27px;
        height: 27px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news span {
        left: 15px;
        top: 5px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 20px 30px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news .news-chapo {
        padding: 10px 15px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-1 .right-news .s-date, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-2 .right-news .s-date, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-5 .right-news .s-date, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-6 .right-news .s-date {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .left-news {
    float: right;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .left-news {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .left-news img {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .left-news img {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news {
    float: left;
    position: relative;
    width: 50%;
    height: 220px;
    background: #f8f7f7;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news {
        height: 0;
        padding-bottom: 50%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news:before {
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-left: 37px solid #f8f7f7;
    border-bottom: 37px solid transparent;
    position: absolute;
    top: 33%;
    right: -37px;
    content: "";
    z-index: 100;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news:before {
        top: 35%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news:before {
        top: 32%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news:before {
        top: 43%;
        border-top: 37px solid transparent;
        border-left: 37px solid #f8f7f7;
        border-bottom: 37px solid transparent;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news:before {
        top: 36%;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news:before {
        top: 30%;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news:before {
        top: 29%;
    }
}

@media only screen and (max-width:360px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news:before {
        top: 27%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news span {
    padding: 0 27px 0 0;
    margin: 25px 20px 15px;
    padding: 30px 29px 0 0;
    display: block;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news span:after, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news span:after {
        background-position: -99px -135px;
        width: 27px;
        height: 27px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news span, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news span {
        left: 15px;
        top: 5px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 20px 30px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news .news-chapo {
        padding: 10px 15px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-3 .right-news .s-date, .page-newsroom .b-newsroom-content .show-not-mob .b-blog .bloc-news.b-blog-4 .right-news .s-date {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.page-newsroom .b-newsroom-content .show-not-mob .b-blog-bas {
    clear: both;
    float: left;
    width: 100%;
    height: 157px;
    max-width: 100%;
    margin: 0;
    background: url(../images/images-home/blog-foot.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-blog-bas h2 {
        margin: 40px auto 30px;
        text-align: center;
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        color: #000;
        text-transform: inherit;
    }

        .page-newsroom .b-newsroom-content .show-not-mob .b-blog-bas h2 span {
            color: #fff;
            font-family: "Roboto", sans-serif;
            font-size: 30px;
            line-height: 30px;
            font-weight: 700;
        }

    .page-newsroom .b-newsroom-content .show-not-mob .b-blog-bas .ico a {
        padding: 0 29px 0 0;
        padding: 0 0 0 40px;
        font-family: "Roboto", sans-serif;
        font-size: 20px;
        line-height: 22px;
        font-weight: 500;
        color: #000;
        text-transform: uppercase;
        margin: 0 auto;
        display: table;
        text-decoration: none;
    }

        .page-newsroom .b-newsroom-content .show-not-mob .b-blog-bas .ico a:after {
            background-position: -132px -38px;
            width: 29px;
            height: 17px;
        }

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-blog-bas .ico a {
        font-size: 15px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins {
    float: left;
    max-width: 100%;
    position: relative;
    width: 100%;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins {
        display: none;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram {
    float: left;
    width: 50%;
    position: relative;
    overflow: hidden;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram a {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-indent: -999px;
        top: 0;
        z-index: 100;
    }

    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .left-news {
        float: left;
        width: 50%;
        height: 220px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .left-news {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .left-news img {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .left-news img {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news {
    background: #f8f7f7;
    float: right;
    width: 50%;
    height: 220px;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news {
        height: 0;
        padding-bottom: 50%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-right: 37px solid #f8f7f7;
    border-bottom: 37px solid transparent;
    position: absolute;
    top: 33%;
    left: -37px;
    z-index: 100;
    content: "";
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 35%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 32%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 43%;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 36%;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 30%;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 29%;
    }
}

@media only screen and (max-width:360px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 27%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news .picto {
    padding: 0 28px 0 0;
    margin: 30px 0 10px 20px;
    padding: 30px 29px 0 0;
    display: block;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news .picto:after {
        background-position: 0 -193px;
        width: 28px;
        height: 28px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news .picto {
        margin: 20px 0 5px 15px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 20px 15px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news .news-chapo {
        padding: 10px 15px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-1 .right-news .dat, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-2 .right-news .dat, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-5 .right-news .dat, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-6 .right-news .dat {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .left-news {
    float: right;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .left-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .left-news {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .left-news img {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .left-news img, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .left-news img {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news {
    float: left;
    position: relative;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news {
        height: 0;
        padding-bottom: 50%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news:before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before {
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-left: 37px solid #f8f7f7;
    border-bottom: 37px solid transparent;
    position: absolute;
    top: 33%;
    right: -37px;
    content: "";
    z-index: 100;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before {
        top: 35%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before {
        top: 32%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before {
        top: 43%;
        border-top: 37px solid transparent;
        border-left: 37px solid #f8f7f7;
        border-bottom: 37px solid transparent;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before {
        top: 36%;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before {
        top: 30%;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before {
        top: 29%;
    }
}

@media only screen and (max-width:360px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news: before, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before {
        top: 27%;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news .picto {
    padding: 0 28px 0 0;
    margin: 30px 0 10px 20px;
    padding: 30px 29px 0 0;
    display: block;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news .picto:after {
        background-position: 0 -193px;
        width: 28px;
        height: 28px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news .picto, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news .picto {
        margin: 20px 0 5px 15px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 20px 15px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news .news-chapo {
        padding: 10px 15px;
    }
}

.page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-3 .right-news .dat, .page-newsroom .b-newsroom-content .show-not-mob .b-ins .bloc-instagram.b-ins-4 .right-news .dat {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.page-newsroom .b-newsroom-content .show-not-mob .b-news-ins {
    clear: both;
    float: left;
    width: 100%;
    height: 157px;
    max-width: 100%;
    margin: 0;
    background: url(../images/images-home/blog-foot.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

    .page-newsroom .b-newsroom-content .show-not-mob .b-news-ins h2 {
        margin: 40px auto 30px;
        text-align: center;
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        color: #000;
        text-transform: inherit;
    }

        .page-newsroom .b-newsroom-content .show-not-mob .b-news-ins h2 span {
            color: #fff;
            font-family: "Roboto", sans-serif;
            font-size: 30px;
            line-height: 30px;
            font-weight: 700;
        }

    .page-newsroom .b-newsroom-content .show-not-mob .b-news-ins li a {
        padding: 0 29px 0 0;
        padding: 0 0 0 40px;
        font-family: "Roboto", sans-serif;
        font-size: 20px;
        line-height: 22px;
        font-weight: 500;
        color: #000;
        text-transform: uppercase;
        margin: 0 auto;
        display: table;
        text-decoration: none;
    }

        .page-newsroom .b-newsroom-content .show-not-mob .b-news-ins li a:after {
            background-position: -132px -38px;
            width: 29px;
            height: 17px;
        }

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-not-mob .b-news-ins li a {
        font-size: 15px;
    }
}

.page-newsroom .b-newsroom-content.type-fb .bloc-social {
    width: 25%;
    padding: 0;
    float: left;
    height: 212px;
    position: relative;
}

    .page-newsroom .b-newsroom-content.type-fb .bloc-social a {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-indent: -999px;
        top: 0;
        z-index: 100;
    }

    .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 {
        background: #265a9a;
    }

        .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 span {
            background: url(../images/images-home/news-fb-blan.png) no-repeat center top;
            display: block;
            margin: 24px 20px 0;
            width: 14px;
            height: 26px;
        }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 span {
        margin: 24px 15px 0;
    }
}

.page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 strong {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    padding: 20px;
    color: #fff;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 strong {
        padding: 10px 15px;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 strong {
        line-height: 16px;
    }
}

.page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-1 .s-date, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-3 .s-date, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-6 .s-date, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-8 .s-date, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-9 .s-date, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-11 .s-date {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 20px;
    font-style: italic;
}

.page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 {
    background: #f8f7f7;
}

    .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 span {
        background: url(../images/images-home/news-fb-blue.png) no-repeat center top;
        display: block;
        margin: 24px 20px 0;
        width: 14px;
        height: 26px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7 span, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 span {
        margin: 24px 15px 0;
    }
}

.page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 strong {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    padding: 20px;
    color: #000;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 strong {
        padding: 10px 15px;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7 strong, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 p, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 strong {
        line-height: 16px;
    }
}

.page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-2 .s-date, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-4 .s-date, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-5 .s-date, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-7 .s-date, .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-10 .s-date {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: #000;
    position: absolute;
    bottom: 15px;
    left: 20px;
    font-style: italic;
}

.page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-last {
    background: #ff9545;
    display: table;
    position: relative;
}

    .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-last .inner-bloc-sociaux {
        display: table-cell;
        vertical-align: middle;
    }

        .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-last .inner-bloc-sociaux span.icon-fb {
            padding: 0 22px 0 0;
            display: table;
            margin: 0 auto 10px;
            padding: 0;
        }

            .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-last .inner-bloc-sociaux span.icon-fb:after {
                background-position: -47px -363px;
                width: 22px;
                height: 42px;
            }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-last .inner-bloc-sociaux span.icon-fb {
        margin: 0 auto 10px;
    }
}

.page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-last .inner-bloc-sociaux .text-fb {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    display: table;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    padding: 15px 0 0;
    text-indent: 0;
    width: 130px;
}

.page-newsroom .b-newsroom-content.type-fb .bloc-social.b-social-last .inner-bloc-sociaux a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 100;
}

.page-newsroom .b-newsroom-content.type-yt .bloc-social-mea {
    padding: 0 40px;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-mea {
        padding: 0;
    }
}

.page-newsroom .b-newsroom-content.type-yt .bloc-social-mea h2 {
    margin: 30px 0 15px;
    text-transform: inherit;
    text-align: center;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-mea h2 {
        text-align: left;
        margin: 35px 0 20px;
    }
}

.page-newsroom .b-newsroom-content.type-yt .bloc-social-mea h2 a {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #ff9545;
    text-decoration: none;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-mea h2 a {
        font-size: 27px;
    }
}

.page-newsroom .b-newsroom-content.type-yt .bloc-social-mea .text {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #000;
}

.page-newsroom .b-newsroom-content.type-yt .bloc-social-mea .vid {
    margin: 25px 0 45px;
}

    .page-newsroom .b-newsroom-content.type-yt .bloc-social-mea .vid iframe {
        width: 100%;
        height: 445px;
    }

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-mea .vid iframe {
        height: 190px;
    }
}

.page-newsroom .b-newsroom-content.type-yt .bloc-social-tube {
    float: left;
    width: 246px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube {
        width: 290px;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube {
        width: 205px;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube {
        width: 100%;
    }
}

.page-newsroom .b-newsroom-content.type-yt .bloc-social-tube .vid {
    width: 246px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube .vid {
        width: 290px;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube .vid {
        width: 205px;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube .vid {
        width: 100%;
    }
}

.page-newsroom .b-newsroom-content.type-yt .bloc-social-tube .vid iframe {
    height: 140px;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube .vid iframe {
        height: 190px;
        width: 100%;
    }
}

.page-newsroom .b-newsroom-content.type-yt .bloc-social-tube .text {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 100;
    padding: 15px 0 0;
    opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    color: #000;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube .text {
        padding: 15px 0 30px;
    }
}

.page-newsroom .b-newsroom-content.type-yt .bloc-social-tube.b-social-yt-2 {
    margin: 0 33px 0 40px;
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube.b-social-yt-2 {
        margin: 0 36px 0 40px;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube.b-social-yt-2 {
        margin: 0;
    }
}

.page-newsroom .b-newsroom-content.type-yt .bloc-social-tube.b-social-yt-3 {
    margin: 0 33px 0 0;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube.b-social-yt-3 {
        margin: 0;
    }
}

.page-newsroom .b-newsroom-content.type-yt .bloc-social-tube.b-social-yt-4 {
    float: right;
    margin: 0 40px 0 0;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube.b-social-yt-4 {
        margin: 0;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content.type-yt .bloc-social-tube.b-social-yt-4 .text {
        padding: 15px 0 23px;
    }
}

.page-newsroom .b-newsroom-content .b-yt-bas {
    clear: both;
    float: left;
    width: 100%;
    height: 157px;
    max-width: 100%;
    margin: 25px 0 0;
    background: url(../images/images-home/blog-foot.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .b-yt-bas {
        margin: 0;
    }
}

.page-newsroom .b-newsroom-content .b-yt-bas h2 {
    margin: 40px auto 30px;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 100;
    color: #000;
    text-transform: inherit;
}

    .page-newsroom .b-newsroom-content .b-yt-bas h2 span {
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 700;
    }

@media only screen and (max-width:500px) {
    .page-newsroom .b-newsroom-content .b-yt-bas h2 {
        margin: 20px auto 30px;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .b-yt-bas h2 {
        margin: 30px auto 20px;
    }
}

.page-newsroom .b-newsroom-content .b-yt-bas li a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat 0 3px;
    padding: 0 0 0 40px;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    margin: 0 auto;
    display: table;
    text-decoration: none;
}

@media only screen and (max-width:500px) {
    .page-newsroom .b-newsroom-content .b-yt-bas li a {
        width: 280px;
        margin: 0 0 0 20px;
        line-height: 28px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat 0 7px;
    }
}

@media only screen and (max-width:350px) {
    .page-newsroom .b-newsroom-content .b-yt-bas li a {
        font-size: 18px;
        width: 250px;
        line-height: 28px;
    }
}

.page-newsroom .b-newsroom-content .show-mob {
    display: none;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob {
        display: block;
    }
}

.page-newsroom .b-newsroom-content .show-mob .wrap_yt {
    padding: 0 10px;
}

.page-newsroom .b-newsroom-content .show-mob .b-news {
    float: left;
    max-width: 100%;
    position: relative;
    width: 100%;
    position: relative;
}

    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news {
        float: left;
        max-width: 50%;
        position: relative;
    }

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news {
        width: 100%;
        max-width: 100%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -999px;
    top: 0;
    z-index: 100;
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .left-news {
    float: left;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .left-news {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .left-news img {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .left-news img {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news {
    background: #f8f7f7;
    float: right;
    width: 50%;
    height: 220px;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news {
        height: 0;
        padding-bottom: 50%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news:before {
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-right: 37px solid #f8f7f7;
    border-bottom: 37px solid transparent;
    position: absolute;
    top: 33%;
    left: -37px;
    z-index: 100;
    content: "";
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news:before {
        top: 35%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news:before {
        top: 32%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news:before {
        top: 43%;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news:before {
        top: 36%;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news:before {
        top: 30%;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news:before {
        top: 29%;
    }
}

@media only screen and (max-width:360px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news:before {
        top: 27%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news .picto {
    padding: 0 29px 0 0;
    margin: 30px 0 10px 15px;
    padding: 30px 29px 0 0;
    display: block;
}

    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news .picto:after {
        background-position: -95px -223px;
        width: 29px;
        height: 28px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news .picto {
        left: 15px;
        top: 5px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 15px 30px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news .news-chapo {
        padding: 10px 15px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news .dat, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news .dat, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news .dat {
    display: none;
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-1 .right-news .datnews, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-3 .right-news .datnews, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-5 .right-news .datnews {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    left: 10px;
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .left-news {
    float: right;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .left-news {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .left-news img {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .left-news img {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news {
    float: left;
    position: relative;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news {
        height: 0;
        padding-bottom: 50%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news:before {
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-left: 37px solid #f8f7f7;
    border-bottom: 37px solid transparent;
    position: absolute;
    top: 33%;
    right: -37px;
    content: "";
    z-index: 100;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 35%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 32%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 43%;
        border-top: 37px solid transparent;
        border-left: 37px solid #f8f7f7;
        border-bottom: 37px solid transparent;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 36%;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 30%;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 29%;
    }
}

@media only screen and (max-width:360px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news:before {
        top: 27%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news .picto {
    padding: 0 29px 0 0;
    margin: 30px 0 10px 15px;
    padding: 30px 29px 0 0;
    display: block;
}

    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news .picto:after {
        background-position: -95px -223px;
        width: 29px;
        height: 28px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news .picto {
        left: 15px;
        top: 5px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 15px 30px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news .news-chapo {
        padding: 10px 15px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news .dat, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news .dat, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news .dat {
    display: none;
}

.page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-2 .right-news .datnews, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-4 .right-news .datnews, .page-newsroom .b-newsroom-content .show-mob .b-news .bloc-news.b-news-6 .right-news .datnews {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    left: 10px;
}

.page-newsroom .b-newsroom-content .show-mob .b-news-bas {
    clear: both;
    float: left;
    width: 100%;
    height: 198px;
    max-width: 100%;
    margin: 0;
    background: url(../images/images-home/bg-linknews.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news-bas {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news-bas h2 {
    margin: 40px auto 30px;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #000;
    text-transform: inherit;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news-bas h2 {
        margin: 20px auto 30px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news-bas h2 span {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
}

.page-newsroom .b-newsroom-content .show-mob .b-news-bas .links li, .page-newsroom .b-newsroom-content .show-mob .b-news-bas .section-media .fichier-hd li, .section-media .page-newsroom .b-newsroom-content .show-mob .b-news-bas .fichier-hd li {
    width: 46%;
    float: left;
    padding: 0 0 0 35px;
    position: relative;
    z-index: 100;
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news-bas .links li, .page-newsroom .b-newsroom-content .show-mob .b-news-bas .section-media .fichier-hd li, .section-media .page-newsroom .b-newsroom-content .show-mob .b-news-bas .fichier-hd li {
        padding: 0 0 0 15px;
        width: 47%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news-bas .links li, .page-newsroom .b-newsroom-content .show-mob .b-news-bas .section-media .fichier-hd li, .section-media .page-newsroom .b-newsroom-content .show-mob .b-news-bas .fichier-hd li {
        width: 90%;
        height: auto;
        margin: 0 0 25px;
        padding: 0 0 0 10px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news-bas .links li .lien-news, .page-newsroom .b-newsroom-content .show-mob .b-news-bas .section-media .fichier-hd li .lien-news, .section-media .page-newsroom .b-newsroom-content .show-mob .b-news-bas .fichier-hd li .lien-news {
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 3px;
    padding: 0 0 0 40px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news-bas .links li .lien-news, .page-newsroom .b-newsroom-content .show-mob .b-news-bas .section-media .fichier-hd li .lien-news, .section-media .page-newsroom .b-newsroom-content .show-mob .b-news-bas .fichier-hd li .lien-news {
        font-size: 15px;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news-bas .links li .lien-news, .page-newsroom .b-newsroom-content .show-mob .b-news-bas .section-media .fichier-hd li .lien-news, .section-media .page-newsroom .b-newsroom-content .show-mob .b-news-bas .fichier-hd li .lien-news {
        font-size: 20px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu {
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .mob-menu {
        display: block;
    }
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu a {
    background-color: #e89443;
    margin: 20px auto 0;
    display: block;
    padding: 0;
    position: relative;
    width: 94%;
    height: 34px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    color: #fff;
    text-transform: inherit;
    padding: 0 0 0 10px;
    text-decoration: none;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .mob-menu a {
        margin: 20px auto 0;
    }
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu a.no-active {
    display: none;
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-news a.active {
    width: 100%;
    padding: 5px 0 3px 15px;
}

    .page-newsroom .b-newsroom-content .show-mob .mob-menu.m-news a.active:after {
        position: absolute;
        bottom: -24px;
        left: 55px;
        content: "";
        background: url(../images/images-home/fleche-menu-newsroom.png) no-repeat center top;
        width: 27px;
        height: 24px;
        z-index: 100;
    }

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .mob-menu.m-news a.active: after {
        background: url(../images/images-home/news-fleche-mobile.png) no-repeat center top;
    }
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-news a.active span {
    background: url(../images/images-home/newsroom-news.png) no-repeat center 3px;
    width: 18px;
    height: 20px;
    display: inline-block;
    padding: 0 15px 0 0;
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-news a span {
    background: url(../images/images-home/newsroom-news.png) no-repeat center 3px;
    width: 18px;
    height: 20px;
    display: inline-block;
    padding: 0 15px 0 0;
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-tw a.active {
    width: 100%;
    padding: 5px 0 3px 15px;
}

    .page-newsroom .b-newsroom-content .show-mob .mob-menu.m-tw a.active:after {
        position: absolute;
        bottom: -24px;
        left: 55px;
        content: "";
        background: url(../images/images-home/fleche-menu-newsroom.png) no-repeat center top;
        width: 27px;
        height: 24px;
        z-index: 100;
    }

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .mob-menu.m-tw a.active: after {
        background: url(../images/images-home/news-fleche-mobile.png) no-repeat center top;
    }
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-tw a.active span {
    background: url(../images/images-home/newsroom-news.png) no-repeat center 3px;
    width: 18px;
    height: 20px;
    display: inline-block;
    padding: 0 15px 0 0;
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-tw a span {
    background: url(../images/images-home/newsroom-news.png) no-repeat center 3px;
    width: 18px;
    height: 20px;
    display: inline-block;
    padding: 0 15px 0 0;
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-blog a.active {
    width: 100%;
    padding: 0px 0 6px 15px;
    height: 28px;
}

    .page-newsroom .b-newsroom-content .show-mob .mob-menu.m-blog a.active:after {
        position: absolute;
        bottom: -24px;
        left: 55px;
        content: "";
        background: url(../images/images-home/fleche-menu-newsroom.png) no-repeat center top;
        width: 27px;
        height: 24px;
        z-index: 100;
    }

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .mob-menu.m-blog a.active: after {
        background: url(../images/images-home/news-fleche-mobile.png) no-repeat center top;
    }
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-blog a span {
    background: url(../images/images-home/newsroom-blog.png) no-repeat center top;
    width: 18px;
    height: 18px;
    display: inline-block;
    padding: 0 15px 0 0;
    vertical-align: middle;
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-fb a.active {
    width: 100%;
    padding: 0px 0 6px 15px;
    height: 28px;
}

    .page-newsroom .b-newsroom-content .show-mob .mob-menu.m-fb a.active:after {
        position: absolute;
        bottom: -24px;
        left: 55px;
        content: "";
        background: url(../images/images-home/fleche-menu-newsroom.png) no-repeat center top;
        width: 27px;
        height: 24px;
        z-index: 100;
    }

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .mob-menu.m-fb a.active: after {
        background: url(../images/images-home/news-fleche-mobile.png) no-repeat center top;
    }
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-fb a span {
    background: url(../images/images-home/newsroom-fb.png) no-repeat center top;
    width: 18px;
    height: 20px;
    display: inline-block;
    padding: 0 15px 0 0;
    vertical-align: middle;
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-yt a.active {
    width: 100%;
    padding: 0px 0 6px 15px;
    height: 28px;
}

    .page-newsroom .b-newsroom-content .show-mob .mob-menu.m-yt a.active:after {
        position: absolute;
        bottom: -24px;
        left: 55px;
        content: "";
        background: url(../images/images-home/fleche-menu-newsroom.png) no-repeat center top;
        width: 27px;
        height: 24px;
        z-index: 100;
    }

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .mob-menu.m-yt a.active: after {
        background: url(../images/images-home/news-fleche-mobile.png) no-repeat center top;
    }
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-yt a span {
    background: url(../images/images-home/newsroom-tube.png) no-repeat center top;
    width: 18px;
    height: 20px;
    display: inline-block;
    padding: 0 15px 0 0;
    vertical-align: middle;
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-ins a.active {
    width: 100%;
    padding: 0px 0 6px 15px;
    height: 28px;
}

    .page-newsroom .b-newsroom-content .show-mob .mob-menu.m-ins a.active:after {
        position: absolute;
        bottom: -24px;
        left: 55px;
        content: "";
        background: url(../images/images-home/fleche-menu-newsroom.png) no-repeat center top;
        width: 27px;
        height: 24px;
        z-index: 100;
    }

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .mob-menu.m-ins a.active: after {
        background: url(../images/images-home/news-fleche-mobile.png) no-repeat center top;
    }
}

.page-newsroom .b-newsroom-content .show-mob .mob-menu.m-ins a span {
    background: url(../images/images-home/newsroom-insta.png) no-repeat center top;
    width: 18px;
    height: 20px;
    display: inline-block;
    padding: 0 15px 0 0;
    vertical-align: middle;
}

.page-newsroom .b-newsroom-content .show-mob .bloc-social {
    width: 50%;
    padding: 0;
    float: left;
    height: 212px;
    position: relative;
}

    .page-newsroom .b-newsroom-content .show-mob .bloc-social a {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-indent: -999px;
        top: 0;
        z-index: 100;
    }

    .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-1, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-4, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-5, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-8, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-9 {
        background: #2f2f2f;
    }

        .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-1 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-1 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-1 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-4 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-4 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-4 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-5 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-5 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-5 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-8 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-8 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-8 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-9 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-9 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-9 strong {
            font-family: "Roboto", sans-serif;
            font-size: 12px;
            line-height: 18px;
            font-weight: 300;
            padding: 20px;
            color: #fff;
        }

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-1 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-1 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-1 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-4 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-4 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-4 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-5 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-5 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-5 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-8 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-8 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-8 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-9 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-9 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-9 strong {
        padding: 10px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-1 .s-date, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-4 .s-date, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-5 .s-date, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-8 .s-date, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-9 .s-date {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 10px;
    font-style: italic;
}

.page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-2, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-3, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-6, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-7, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-10, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-11 {
    background: #f8f7f7;
}

    .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-2 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-2 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-2 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-3 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-3 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-3 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-6 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-6 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-6 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-7 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-7 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-7 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-10 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-10 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-10 strong, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-11 p, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-11 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-11 strong {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 18px;
        font-weight: 100;
        padding: 10px;
        color: #000;
    }

    .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-2 .s-date, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-3 .s-date, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-6 .s-date, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-7 .s-date, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-10 .s-date, .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-11 .s-date {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 14px;
        font-weight: 100;
        color: #000;
        position: absolute;
        bottom: 15px;
        left: 10px;
        font-style: italic;
    }

.page-newsroom .b-newsroom-content .show-mob .bloc-social span {
    background: url(../images/images-home/news-twitter.png) no-repeat center top;
    display: block;
    margin: 14px 10px 0;
    width: 24px;
    height: 20px;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .bloc-social span {
        margin: 10px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-last {
    display: table;
    background: #ff9545;
}

    .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-last .inner-bloc-sociaux {
        display: table-cell;
        vertical-align: middle;
    }

        .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon {
            padding: 0 47px 0 0;
            display: table;
            margin: 0 auto 10px;
            padding: 0;
        }

            .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon:after {
                background-position: 0 -363px;
                width: 47px;
                height: 40px;
            }

        .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-last .inner-bloc-sociaux .text-tw {
            font-family: "Roboto", sans-serif;
            font-size: 18px;
            line-height: 22px;
            font-weight: 600;
            display: table;
            color: #fff;
            text-decoration: none;
            text-align: center;
            margin: 0 auto;
            padding: 15px 0 0;
            position: static;
            text-indent: 0;
            width: 110px;
        }

        .page-newsroom .b-newsroom-content .show-mob .bloc-social.b-social-last .inner-bloc-sociaux a {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            height: 100%;
        }

.page-newsroom .b-newsroom-content .show-mob .b-blog {
    float: left;
    max-width: 100%;
    position: relative;
    width: 100%;
    position: relative;
}

    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news {
        float: left;
        width: 50%;
        position: relative;
    }

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news {
        width: 100%;
        max-width: 100%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -999px;
    top: 0;
    z-index: 100;
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .left-news {
    float: left;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .left-news {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .left-news img {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .left-news img {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news {
    background: #f8f7f7;
    float: right;
    width: 50%;
    height: 220px;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news {
        height: 0;
        padding-bottom: 50%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news:before {
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-right: 37px solid #f8f7f7;
    border-bottom: 37px solid transparent;
    position: absolute;
    top: 33%;
    left: -37px;
    z-index: 100;
    content: "";
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news:before {
        top: 35%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news:before {
        top: 32%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news:before {
        top: 43%;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news:before {
        top: 36%;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news:before {
        top: 30%;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news:before {
        top: 29%;
    }
}

@media only screen and (max-width:360px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news:before {
        top: 27%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news span {
    padding: 0 27px 0 0;
    margin: 25px 0 10px 15px;
    padding: 30px 29px 0 0;
    display: block;
}

    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news span:after {
        background-position: -99px -135px;
        width: 27px;
        height: 27px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news span {
        left: 15px;
        top: 5px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 15px 30px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news .news-chapo {
        padding: 10px 15px;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news .news-chapo {
        padding: 10px 0 10px 15px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-1 .right-news .s-date, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-3 .right-news .s-date, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-5 .right-news .s-date {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .left-news {
    float: right;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .left-news {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .left-news img {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .left-news img {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news {
    float: left;
    position: relative;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news {
        height: 0;
        padding-bottom: 50%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-left: 37px solid #f8f7f7;
    border-bottom: 37px solid transparent;
    position: absolute;
    top: 33%;
    right: -37px;
    content: "";
    z-index: 100;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 35%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 32%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 43%;
        border-top: 37px solid transparent;
        border-left: 37px solid #f8f7f7;
        border-bottom: 37px solid transparent;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 36%;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 30%;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 29%;
    }
}

@media only screen and (max-width:360px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news:before {
        top: 27%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news span {
    padding: 0 27px 0 0;
    margin: 25px 0 10px 15px;
    padding: 30px 29px 0 0;
    display: block;
}

    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news span:after, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news span:after {
        background-position: -99px -135px;
        width: 27px;
        height: 27px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news span, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news span {
        left: 15px;
        top: 5px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 15px 30px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news .news-chapo {
        padding: 10px 15px;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news .news-chapo {
        padding: 10px 0 10px 15px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-2 .right-news .s-date, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-4 .right-news .s-date, .page-newsroom .b-newsroom-content .show-mob .b-blog .bloc-news.b-blog-6 .right-news .s-date {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.page-newsroom .b-newsroom-content .show-mob .b-blog-bas {
    clear: both;
    float: left;
    width: 100%;
    height: 157px;
    max-width: 100%;
    margin: 0;
    background: url(../images/images-home/blog-foot.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

    .page-newsroom .b-newsroom-content .show-mob .b-blog-bas h2 {
        margin: 40px auto 30px;
        text-align: center;
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        color: #000;
        text-transform: inherit;
    }

        .page-newsroom .b-newsroom-content .show-mob .b-blog-bas h2 span {
            color: #fff;
            font-family: "Roboto", sans-serif;
            font-size: 30px;
            line-height: 30px;
            font-weight: 700;
        }

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog-bas h2 {
        margin: 30px auto 25px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-blog-bas .ico a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat 0 3px;
    padding: 0 0 0 40px;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    margin: 0 auto;
    display: table;
    text-decoration: none;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog-bas .ico a {
        width: 100%;
        margin: 0 0 0 20px;
    }
}

@media only screen and (max-width:400px) {
    .page-newsroom .b-newsroom-content .show-mob .b-blog-bas .ico a {
        width: 250px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social {
    width: 50%;
    padding: 0;
    float: left;
    height: 212px;
    position: relative;
}

    .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social a {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-indent: -999px;
        top: 0;
        z-index: 100;
    }

    .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-1, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-4, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-5, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-8, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-9 {
        background: #265a9a;
    }

        .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-1 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-4 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-5 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-8 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-9 span {
            background: url(../images/images-home/news-fb-blan.png) no-repeat center top;
            display: block;
            margin: 24px 20px 0;
            width: 14px;
            height: 26px;
        }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-1 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-4 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-5 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-8 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-9 span {
        margin: 24px 15px 0;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-1 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-4 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-5 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-8 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-9 span {
        margin: 20px 10px 4px;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-1 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-4 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-5 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-8 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-9 span {
        margin: 20px 10px 4px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-1 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-1 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-1 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-4 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-4 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-4 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-5 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-5 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-5 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-8 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-8 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-8 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-9 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-9 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-9 strong {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    padding: 20px;
    color: #fff;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-1 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-1 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-1 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-4 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-4 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-4 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-5 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-5 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-5 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-8 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-8 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-8 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-9 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-9 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-9 strong {
        padding: 10px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-1 .s-date, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-4 .s-date, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-5 .s-date, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-8 .s-date, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-9 .s-date {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 10px;
    font-style: italic;
}

.page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-2, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-3, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-6, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-7, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-10, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-11 {
    background: #f8f7f7;
}

    .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-2 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-3 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-6 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-7 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-10 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-11 span {
        background: url(../images/images-home/news-fb-blue.png) no-repeat center top;
        display: block;
        margin: 24px 20px 0;
        width: 14px;
        height: 26px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-2 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-3 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-6 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-7 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-10 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-11 span {
        margin: 24px 15px 0;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-2 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-3 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-6 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-7 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-10 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-11 span {
        margin: 20px 10px 4px;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-2 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-3 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-6 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-7 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-10 span, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-11 span {
        margin: 20px 10px 4px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-2 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-2 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-2 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-3 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-3 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-3 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-6 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-6 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-6 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-7 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-7 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-7 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-10 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-10 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-10 strong, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-11 p, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-11 .section-media .field-name-body p strong, .section-media .field-name-body p .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-11 strong {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    padding: 10px;
    color: #000;
}

.page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-2 .s-date, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-3 .s-date, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-6 .s-date, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-7 .s-date, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-10 .s-date, .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-11 .s-date {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: #000;
    position: absolute;
    bottom: 15px;
    left: 10px;
    font-style: italic;
}

.page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-last {
    display: table;
    background: #ff9545;
}

    .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-last .inner-bloc-sociaux {
        display: table-cell;
        vertical-align: middle;
    }

        .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon {
            padding: 0 47px 0 0;
            display: table;
            margin: 0 auto 15px;
            padding: 0;
        }

            .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-last .inner-bloc-sociaux .twitter-icon:after {
                background-position: 0 -363px;
                width: 47px;
                height: 40px;
            }

        .page-newsroom .b-newsroom-content .show-mob .wrap_fb .bloc-social.b-social-last .inner-bloc-sociaux a {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            height: 100%;
        }

.page-newsroom .b-newsroom-content .show-mob .b-ins {
    float: left;
    max-width: 100%;
    position: relative;
    width: 100%;
    position: relative;
    display: none;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins {
        display: block;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram {
    float: left;
    max-width: 50%;
    position: relative;
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram {
        width: 100%;
        max-width: 100%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -999px;
    top: 0;
    z-index: 100;
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .left-news {
    float: left;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .left-news {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .left-news img {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .left-news img {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news {
    background: #f8f7f7;
    float: right;
    width: 50%;
    height: 220px;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news {
        height: 0;
        padding-bottom: 50%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before {
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-right: 37px solid #f8f7f7;
    border-bottom: 37px solid transparent;
    position: absolute;
    top: 33%;
    left: -37px;
    z-index: 100;
    content: "";
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before {
        top: 35%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before {
        top: 32%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before {
        top: 43%;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before {
        top: 36%;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before {
        top: 30%;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before {
        top: 29%;
    }
}

@media only screen and (max-width:360px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news:before {
        top: 27%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news .picto {
    padding: 0 28px 0 0;
    margin: 30px 0 10px 15px;
    padding: 30px 29px 0 0;
    display: block;
}

    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news .picto:after {
        background-position: 0 -193px;
        width: 28px;
        height: 28px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news .picto {
        left: 15px;
        top: 5px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 15px 30px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news .news-chapo {
        padding: 10px 15px;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news .news-chapo {
        padding: 5px 15px;
        line-height: 16px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-1 .right-news .dat, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-3 .right-news .dat, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-5 .right-news .dat {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    left: 10px;
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .left-news {
    float: right;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .left-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .left-news {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .left-news img {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .left-news img, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .left-news img {
        height: auto;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news {
    float: left;
    position: relative;
    width: 50%;
    height: 220px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news {
        height: 0;
        padding-bottom: 50%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-left: 37px solid #f8f7f7;
    border-bottom: 37px solid transparent;
    position: absolute;
    top: 33%;
    right: -37px;
    content: "";
    z-index: 100;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 35%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 32%;
    }
}

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 43%;
        border-top: 37px solid transparent;
        border-left: 37px solid #f8f7f7;
        border-bottom: 37px solid transparent;
    }
}

@media only screen and (max-width:480px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 36%;
    }
}

@media only screen and (max-width:420px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 30%;
    }
}

@media only screen and (max-width:380px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 29%;
    }
}

@media only screen and (max-width:360px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news: before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news:before, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news:before {
        top: 27%;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news .picto {
    padding: 0 28px 0 0;
    margin: 30px 0 10px 15px;
    padding: 30px 29px 0 0;
    display: block;
}

    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news .picto:after, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news .picto:after {
        background-position: 0 -193px;
        width: 28px;
        height: 28px;
    }

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news .picto, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news .picto {
        left: 15px;
        top: 5px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news .news-chapo {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 15px 30px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news .news-chapo {
        padding: 10px 15px;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news .news-chapo, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news .news-chapo {
        padding: 5px 15px;
        line-height: 16px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-2 .right-news .dat, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-4 .right-news .dat, .page-newsroom .b-newsroom-content .show-mob .b-ins .bloc-instagram.b-ins-6 .right-news .dat {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    left: 10px;
}

.page-newsroom .b-newsroom-content .show-mob .b-news-ins {
    clear: both;
    float: left;
    width: 100%;
    height: 157px;
    max-width: 100%;
    margin: 0;
    background: url(../images/images-home/blog-foot.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

    .page-newsroom .b-newsroom-content .show-mob .b-news-ins h2 {
        margin: 40px auto 30px;
        text-align: center;
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        color: #000;
        text-transform: inherit;
    }

@media only screen and (max-width:767px) {
    .page-newsroom .b-newsroom-content .show-mob .b-news-ins h2 {
        margin: 35px auto 25px;
    }
}

@media only screen and (max-width:380) {
    .page-newsroom .b-newsroom-content .show-mob .b-news-ins h2 {
        margin: 30px auto 25px;
    }
}

.page-newsroom .b-newsroom-content .show-mob .b-news-ins h2 span {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
}

.page-newsroom .b-newsroom-content .show-mob .b-news-ins li a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 3px;
    padding: 0 0 0 40px;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 0 20px;
    display: table;
    text-decoration: none;
}

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom {
    background: #ff9545;
    height: 24px;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}

@media only screen and (max-width:767px) {
    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom {
        display: none;
    }
}

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li {
    min-width: 90px;
}

@media only screen and (max-width:1024px) {
    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li {
        min-width: 12.5%;
    }
}

@media only screen and (max-width:800px) {
    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li {
        min-width: 12%;
    }
}

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-news {
    margin: 0 0 0 15px;
}

    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-news a {
        padding: 0 18px 0 0;
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        line-height: 16px;
        font-weight: 600;
        color: #fff;
        padding: 5px 24px;
        background: none;
        text-transform: inherit;
    }

        .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-news a:after {
            background-position: -120px -19px;
            width: 18px;
            height: 18px;
        }

        .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-news a.active span {
            background-image: url(../images/images-home/fleche-menu-newsroom.png);
            background-position: center bottom;
            background-repeat: no-repeat;
            bottom: -25px;
            display: block;
            height: 24px;
            position: absolute;
            width: 27px;
            z-index: 100;
            left: 35px;
        }

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-tw {
    margin: 0 0 0 20px;
}

@media only screen and (max-width:800px) {
    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-tw {
        margin: 0 0 0 10px;
    }
}

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-tw a {
    padding: 0 19px 0 0;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    padding: 5px 24px;
    background: none;
    text-transform: inherit;
}

    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-tw a:after {
        background-position: -47px 0;
        width: 19px;
        height: 17px;
    }

    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-tw a.active span {
        background-image: url(../images/images-home/fleche-menu-newsroom.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        bottom: -25px;
        display: block;
        height: 24px;
        position: absolute;
        width: 27px;
        z-index: 100;
        right: -10px;
    }

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-blog {
    margin: 0 0 0 35px;
}

@media only screen and (max-width:800px) {
    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-blog {
        margin: 0 0 0 25px;
    }
}

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-blog a {
    padding: 0 18px 0 0;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    padding: 5px 24px;
    background: none;
    text-transform: inherit;
}

    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-blog a:after {
        background-position: -78px -83px;
        width: 18px;
        height: 18px;
    }

    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-blog a.active span {
        background-image: url(../images/images-home/fleche-menu-newsroom.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        bottom: -25px;
        display: block;
        height: 24px;
        position: absolute;
        width: 27px;
        z-index: 100;
        left: 25px;
    }

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-fb {
    margin: 0 0 0 45px;
}

@media only screen and (max-width:800px) {
    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-fb {
        margin: 0 0 0 20px;
    }
}

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-fb a {
    padding: 0 11px 0 0;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    padding: 5px 20px;
    background: none;
    text-transform: inherit;
}

    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-fb a:after {
        background-position: 0 0;
        width: 11px;
        height: 19px;
    }

    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-fb a.active span {
        background-image: url(../images/images-home/fleche-menu-newsroom.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        bottom: -25px;
        display: block;
        height: 24px;
        position: absolute;
        width: 27px;
        z-index: 100;
        left: 48px;
    }

@media only screen and (max-width:800px) {
    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-fb a.active span {
        left: 58px;
    }
}

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-yt {
    margin: 0 0 0 55px;
}

@media only screen and (max-width:800px) {
    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-yt {
        margin: 0 0 0 50px;
    }
}

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-yt a {
    padding: 0 22px 0 0;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    padding: 5px 30px;
    background: none;
    text-transform: inherit;
}

    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-yt a:after {
        background-position: -93px 0;
        width: 22px;
        height: 15px;
    }

    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-yt a.active span {
        background-image: url(../images/images-home/fleche-menu-newsroom.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        bottom: -25px;
        display: block;
        height: 24px;
        position: absolute;
        width: 27px;
        z-index: 100;
        left: 50px;
    }

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-ins {
    margin: 0 0 0 50px;
}

@media only screen and (max-width:800px) {
    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-ins {
        margin: 0 0 0 35px;
    }
}

.page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-ins a {
    padding: 0 20px 0 0;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    padding: 5px 30px;
    background: none;
    text-transform: inherit;
}

    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-ins a:after {
        background-position: -106px -57px;
        width: 20px;
        height: 21px;
    }

    .page-newsroom #block-bouygues-newsroom-b-menu-newsroom .b-news-menu ul li.m-ins a.active span {
        background-image: url(../images/images-home/fleche-menu-newsroom.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        bottom: -25px;
        display: block;
        height: 24px;
        position: absolute;
        width: 27px;
        z-index: 100;
        right: -28px;
    }

.page-newsroom .breadcrumb-mobile a {
    color: #cd4d00 !important;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    padding: 0 0 0 27px !important;
    text-decoration: none;
    font-size: 15px !important;
    margin: 0 10px;
    background: url(../images/images-home/mobile-fleche-retour.png) no-repeat left center;
}

    .page-newsroom .breadcrumb-mobile a:hover {
        text-decoration: underline;
    }

.page-realisations-projets-emblematiques #main-content #main-content-header h1, .page-projects-flagship-projects #main-content #main-content-header h1 {
    margin: 30px auto 0;
    text-align: center;
    width: 95%;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
}

@media only screen and (max-width:675px) {
    .page-realisations-projets-emblematiques #main-content #main-content-header h1, .page-projects-flagship-projects #main-content #main-content-header h1 {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .page-realisations-projets-emblematiques #main-content #main-content-header h1, .page-projects-flagship-projects #main-content #main-content-header h1 {
        font-size: 25px;
        line-height: 27px;
    }
}

.page-realisations-projets-emblematiques .view-liste-projet-embl-matique .view-header p, .page-realisations-projets-emblematiques .view-liste-projet-embl-matique .view-header .section-media .field-name-body p strong, .section-media .field-name-body p .page-realisations-projets-emblematiques .view-liste-projet-embl-matique .view-header strong, .page-projects-flagship-projects .view-liste-projet-embl-matique .view-header p, .page-projects-flagship-projects .view-liste-projet-embl-matique .view-header .section-media .field-name-body p strong, .section-media .field-name-body p .page-projects-flagship-projects .view-liste-projet-embl-matique .view-header strong {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin: 0 auto;
}

.page-realisations-projets-emblematiques #content .view-content .views-field-title span a, .page-projects-flagship-projects #content .view-content .views-field-title span a {
    background: transparent url(/sites/all/themes/bouygues/images/icn/arrFiliale.png) no-repeat scroll left 2px;
    color: #ff9545;
    display: block;
    height: 35px;
    margin: 0 0 9px;
    padding: 0 0 0 12px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

.page-realisations-projets-emblematiques #content .view-content .views-field-field-bloc-texte, .page-projects-flagship-projects #content .view-content .views-field-field-bloc-texte {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    padding: 0 0 15px;
    height: 40px;
}

.page-realisations-projets-emblematiques #columns, .page-projects-flagship-projects #columns {
    padding: 0 21px !important;
}

.page-realisations-projets-emblematiques .view-content .views-row, .page-projects-flagship-projects .view-content .views-row {
    float: left;
    margin: 0 25px 30px 0;
    padding: 0;
    width: 264px;
}

@media only screen and (max-width:1024px) {
    .page-realisations-projets-emblematiques .view-content .views-row, .page-projects-flagship-projects .view-content .views-row {
        width: 31.5%;
    }
}

@media only screen and (max-width:948px) {
    .page-realisations-projets-emblematiques .view-content .views-row, .page-projects-flagship-projects .view-content .views-row {
        width: 31%;
    }
}

@media only screen and (max-width:767px) {
    .page-realisations-projets-emblematiques .view-content .views-row, .page-projects-flagship-projects .view-content .views-row {
        width: 100%;
    }
}

.node-type-carrefour #columns {
    padding: 0 21px !important;
}

.node-type-carrefour .node-content .field-name-field-ref-articles .field-items .field-item {
    float: left;
    margin: 0 25px 20px 0;
    padding: 0;
    width: 264px;
}

@media only screen and (max-width:1024px) {
    .node-type-carrefour .node-content .field-name-field-ref-articles .field-items .field-item {
        width: 31.5%;
    }
}

@media only screen and (max-width:948px) {
    .node-type-carrefour .node-content .field-name-field-ref-articles .field-items .field-item {
        width: 31%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-carrefour .node-content .field-name-field-ref-articles .field-items .field-item {
        width: 100%;
    }
}

.page-toutes-les-innovations #main-content #main-content-header h1 {
    margin: 30px auto 0;
    text-align: center;
    width: 95%;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
}

@media only screen and (max-width:675px) {
    .page-toutes-les-innovations #main-content #main-content-header h1 {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .page-toutes-les-innovations #main-content #main-content-header h1 {
        font-size: 25px;
        line-height: 27px;
    }
}

.page-toutes-les-innovations #main-content .view-toutes-les-innovations .view-header p, .page-toutes-les-innovations #main-content .view-toutes-les-innovations .view-header .section-media .field-name-body p strong, .section-media .field-name-body p .page-toutes-les-innovations #main-content .view-toutes-les-innovations .view-header strong {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin: 0 auto 50px;
}

.page-toutes-les-innovations #main-content #content .view-content .views-row .views-field-title span a {
    color: #ff9545;
    margin: 0 0 10px;
    padding: 0;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

.page-toutes-les-innovations #main-content #content .view-content .views-row .views-field-field-chapo .field-content {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    color: #000;
    margin: 0 0 10px;
    padding: 0;
}

.page-toutes-les-innovations #main-content #content .view-content .views-row .views-field-view-node a {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    line-height: 25px;
    font-weight: 300;
    color: #000;
}

.node-type-home-projet {
}

    .node-type-home-projet #columns {
        padding: 0 !important;
    }

    .node-type-home-projet #main-content-header {
        display: none;
    }

@media only screen and (max-width:1024px) {
    .node-type-home-projet #breadcrumb {
        padding: 0 20px;
    }
}

.node-type-home-projet h2#page-title {
    margin: 55px auto 10px !important;
    text-align: center;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 300;
    color: #000;
    text-transform: inherit;
}

@media only screen and (max-width:1080px) {
    .node-type-home-projet h2#page-title {
        margin: 38px auto 0 !important;
    }
}

@media only screen and (max-width:675px) {
    .node-type-home-projet h2#page-title {
        width: 80%;
        font-size: 30px;
        line-height: 32px;
        margin: 25px auto 0 !important;
    }
}

@media only screen and (max-width:380px) {
    .node-type-home-projet h2#page-title {
        width: 95%;
    }
}

.node-type-home-projet h2#page-title span {
    color: #ff9545;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    display: block;
}

@media only screen and (max-width:675px) {
    .node-type-home-projet h2#page-title span {
        font-size: 30px;
        line-height: 32px;
    }
}

@media only screen and (max-width:380px) {
    .node-type-home-projet h2#page-title span {
        width: 95%;
    }
}

.node-type-home-projet .field-name-field-lien {
    display: none;
}

.node-type-home-projet #block-bouygues-pages-b-text-bloc-2 {
    margin: 0 auto;
    padding: 0;
    width: 88%;
}

@media only screen and (max-width:1080px) {
    .node-type-home-projet #block-bouygues-pages-b-text-bloc-2 {
        width: 94%;
    }
}

.node-type-home-projet #block-bouygues-pages-b-text-bloc-2 p, .node-type-home-projet #block-bouygues-pages-b-text-bloc-2 .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-home-projet #block-bouygues-pages-b-text-bloc-2 strong {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin: 20px 0 50px;
}

@media only screen and (max-width:1024px) {
    .node-type-home-projet #block-bouygues-pages-b-text-bloc-2 p, .node-type-home-projet #block-bouygues-pages-b-text-bloc-2 .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-home-projet #block-bouygues-pages-b-text-bloc-2 strong {
        margin: 20px 0 60px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-b-text-bloc-2 p, .node-type-home-projet #block-bouygues-pages-b-text-bloc-2 .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-home-projet #block-bouygues-pages-b-text-bloc-2 strong {
        margin: 20px 0 40px;
    }
}

@media only screen and (max-width:1024px) {
    .node-type-home-projet #block-bouygues-pages-b-map-region-choose, .node-type-home-projet #block-bouygues-pages-b-map-region-choose2 {
        margin: 0 0 0 20px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-b-map-region-choose, .node-type-home-projet #block-bouygues-pages-b-map-region-choose2 {
        margin: 0 0 0 12px;
        width: 100%;
        float: left;
        position: relative;
        z-index: 101;
    }
}

.node-type-home-projet #block-bouygues-pages-b-map-region-choose .block-title, .node-type-home-projet #block-bouygues-pages-b-map-region-choose2 .block-title {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
    margin: 0;
    display: inline-block;
}

.node-type-home-projet #block-bouygues-pages-b-map-region-choose .dropdown, .node-type-home-projet #block-bouygues-pages-b-map-region-choose2 .dropdown {
    width: auto;
}

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-b-map-region-choose .dropdown, .node-type-home-projet #block-bouygues-pages-b-map-region-choose2 .dropdown {
        top: 0;
    }
}

.node-type-home-projet #block-bouygues-pages-b-map-region-choose .dropdown .dropdown-selected, .node-type-home-projet #block-bouygues-pages-b-map-region-choose2 .dropdown .dropdown-selected {
    width: auto;
}

.node-type-home-projet #block-bouygues-pages-b-map-implatation-filtre2 {
    width: auto;
    margin: 0 35px 0 35px;
}

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-b-map-implatation-filtre2 {
        margin: 20px 0 15px 12px;
        width: 100%;
        position: relative;
        z-index: 100;
    }
}

.node-type-home-projet #block-bouygues-pages-b-map-implatation-filtre2 .dropdown .dropdown-selected {
    width: auto;
}

.node-type-home-projet #block-bouygues-pages-b-map-implatation-filtre {
    width: auto;
    margin: 0;
}

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-b-map-implatation-filtre {
        margin: 0 0 10px 12px;
        width: 100%;
    }
}

.node-type-home-projet #block-bouygues-pages-b-map-implatation-filtre .dropdown .dropdown-selected {
    width: auto;
}

.node-type-home-projet .dropdown .dropdown-selected {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    background: url(../images/images-home/drop-down.png) no-repeat center right;
    text-transform: inherit;
    color: #ff9545;
    margin: 0;
    padding: 0 22px 0 0;
}

.node-type-home-projet .dropdown .divscroller {
    border: none;
    margin: 15px 0 0 0;
    width: 190px;
    background: #f7f7f7;
}

@media only screen and (max-width:1024px) {
    .node-type-home-projet .dropdown .divscroller {
        margin: 10px 0 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-home-projet .dropdown .divscroller {
        position: absolute;
        margin: 10px 0 0;
    }
}

.node-type-home-projet .dropdown .divscroller .sel {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    padding: 4px 8px;
    color: #000;
}

    .node-type-home-projet .dropdown .divscroller .sel.selected {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
        margin: 5px 0 0;
    }

    .node-type-home-projet .dropdown .divscroller .sel:last-child {
        margin: 0 0 5px;
    }

.node-type-home-projet #block-bouygues-pages-boutons-ok-refresh {
    margin: 0 0 0 40px;
}

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-boutons-ok-refresh {
        display: block;
        padding: 20px 13px 10px 0;
        margin: 0 0 0 15px;
    }
}

.node-type-home-projet #block-bouygues-pages-boutons-ok-refresh .buttons_div {
    background: none;
    position: relative;
    top: -7px;
}

    .node-type-home-projet #block-bouygues-pages-boutons-ok-refresh .buttons_div #okButton {
        background: url(../images/images-home/ok.png) no-repeat center top;
        height: 29px;
        width: 29px;
        display: none;
    }

    .node-type-home-projet #block-bouygues-pages-boutons-ok-refresh .buttons_div #refresh_but {
        background: url(../images/images-home/refresh.png) no-repeat center top;
        height: 29px;
        width: 29px;
    }

@media only screen and (max-width:1024px) {
    .node-type-home-projet #block-bouygues-pages-carte-implantation {
        padding: 5px 0 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-carte-implantation {
        display: none;
    }
}

.node-type-home-projet #block-bouygues-pages-liste-implantation-mobile {
    display: none;
    clear: both;
}

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile {
        display: block;
    }
}

.node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp {
    padding: 6px 12px;
}

    .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .taxo-entity {
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        line-height: 22px;
        font-weight: 500;
        color: #000;
    }

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .taxo-entity {
        -ms-text-size-adjust: none;
        margin: 0 0 3px;
    }
}

.node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .addresss, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .city {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 25px;
    font-weight: 100;
    color: #000;
}

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .addresss, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .city {
        -ms-text-size-adjust: none;
    }
}

.node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .pays {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 25px;
    font-weight: 100;
    text-align: left;
    color: #000;
}

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .pays {
        -ms-text-size-adjust: none;
    }
}

.node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .phone, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .website, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .mail {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 25px;
    font-weight: 100;
    padding: 0 0 0 25px;
    background: url(../images/images-home/picto-monde-tel.png) no-repeat center left;
    color: #000;
}

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .phone, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .website, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .mail {
        -ms-text-size-adjust: none;
    }
}

.node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .phone a, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .website a, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .mail a {
    color: #000;
    text-decoration: none;
}

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .phone a, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .website a, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .mail a {
        -ms-text-size-adjust: none;
    }
}

.node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .website {
    background: url(../images/images-home/picto-monde-monde.png) no-repeat left 8px;
}

    .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .website a {
        color: #cd4e00;
        text-decoration: none;
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        line-height: 25px;
        font-weight: 100;
    }

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .website a {
        -ms-text-size-adjust: none;
    }
}

.node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .website a:hover {
    text-decoration: none;
}

.node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .mail {
    background: url(../images/images-home/picto-monde-mail.png) no-repeat left 8px;
}

    .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .mail a {
        color: #cd4e00;
        text-decoration: none;
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        line-height: 25px;
        font-weight: 100;
    }

@media only screen and (max-width:767px) {
    .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .mail a {
        -ms-text-size-adjust: none;
    }
}

.node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .corp .mail a:hover {
    text-decoration: none;
}

.node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .pagination_div .but_page_precedente, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .pagination_div .but_page_suivante {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #ff9545;
    text-decoration: none;
}

@media only screen and (max-width:380px) {
    .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .pagination_div .but_page_precedente, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .pagination_div .but_page_suivante {
        font-size: 15px;
    }
}

.node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .pagination_div .but_page_precedente:hover, .node-type-home-projet #block-bouygues-pages-liste-implantation-mobile .pagination_div .but_page_suivante:hover {
    text-decoration: underline;
}

.node-type-home-projet .view-bloc-lien-toutes-implantations {
    clear: both;
    float: left;
    width: 100%;
    height: 149px;
    max-width: 100%;
    margin: 35px 0 0;
    background: url(../images/images-home/monde.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media only screen and (max-width:1024px) {
    .node-type-home-projet .view-bloc-lien-toutes-implantations {
        margin: 25px 0 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-home-projet .view-bloc-lien-toutes-implantations {
        margin: 0;
    }
}

.node-type-home-projet .view-bloc-lien-toutes-implantations h2 {
    margin: 35px auto 30px;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #000;
    text-transform: inherit;
}

    .node-type-home-projet .view-bloc-lien-toutes-implantations h2 span {
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 700;
    }

@media only screen and (max-width:500px) {
    .node-type-home-projet .view-bloc-lien-toutes-implantations h2 {
        margin: 20px auto 30px;
    }
}

@media only screen and (max-width:420px) {
    .node-type-home-projet .view-bloc-lien-toutes-implantations h2 {
        margin: 30px auto 20px;
    }
}

.node-type-home-projet .view-bloc-lien-toutes-implantations a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat 0 3px;
    padding: 0 0 0 40px;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    margin: 0 auto;
    display: table;
    text-decoration: none;
}

@media only screen and (max-width:500px) {
    .node-type-home-projet .view-bloc-lien-toutes-implantations a {
        width: 280px;
        margin: 0 0 0 20px;
    }
}

@media only screen and (max-width:350px) {
    .node-type-home-projet .view-bloc-lien-toutes-implantations a {
        font-size: 18px;
        width: 250px;
    }
}

.node-type-home-projet .breadcrumb-mobile a {
    color: #cd4d00 !important;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    padding: 0 0 0 27px !important;
    text-decoration: none;
    font-size: 15px !important;
    margin: 0 10px;
    background: url(../images/images-home/mobile-fleche-retour.png) no-repeat left center;
}

    .node-type-home-projet .breadcrumb-mobile a:hover {
        text-decoration: underline;
    }

.node-type-editorial {
}

    .node-type-editorial #header {
        height: auto;
    }

    .node-type-editorial #columns {
        padding: 0 !important;
    }

    .node-type-editorial #main-content-header h1 {
        display: none;
    }

    .node-type-editorial #breadcrumb {
        padding: 2px 0;
    }

@media only screen and (max-width:1024px) {
    .node-type-editorial #breadcrumb {
        padding: 0 15px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial #breadcrumb {
        padding: 0 10px;
    }
}

.node-type-editorial #breadcrumb .breadcrumb-wrapper #crumbs li {
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

    .node-type-editorial #breadcrumb .breadcrumb-wrapper #crumbs li .crumb-sepreator {
        background: url(../images/images-home/fleche-crum.png) no-repeat center center;
        text-indent: -9999px;
        width: 17px;
        padding: 0 5px;
    }

@media only screen and (max-width:1024px) {
    .node-type-editorial #breadcrumb .breadcrumb-wrapper #crumbs li .crumb-sepreator {
        background-position: center 8px;
    }
}

.node-type-editorial #breadcrumb .breadcrumb-wrapper #crumbs li a {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: #000;
}

.node-type-editorial #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
    color: #eb5f22;
    font-size: 12px;
}

.node-type-editorial h2#page-title {
    margin: 25px auto 5px;
    text-align: center;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 300;
    color: #000;
    text-transform: inherit;
    padding: 0 0 5px;
}

@media only screen and (max-width:767px) {
    .node-type-editorial h2#page-title {
        width: 90%;
        font-size: 30px;
        line-height: 32px;
        display: table;
        padding: 0;
        margin: 25px auto 0;
    }
}

@media only screen and (max-width:360px) {
    .node-type-editorial h2#page-title {
        width: 94%;
    }
}

.node-type-editorial h2#page-title span {
    color: #ff9545;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    display: block;
}

@media only screen and (max-width:767px) {
    .node-type-editorial h2#page-title span {
        font-size: 30px;
        display: inline-block;
        line-height: 32px;
    }
}

.node-type-editorial .view-bloc-editorial-visuel-top img {
    width: 100%;
    height: auto;
}

.node-type-editorial .field-name-field-titre-boite .field-item {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    color: #ff9545;
    text-align: center;
}

.node-type-editorial .field-name-field-chapo {
    margin: 0 auto 25px;
    padding: 0;
    width: 90%;
}

@media only screen and (max-width:1080px) {
    .node-type-editorial .field-name-field-chapo {
        width: 94%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .field-name-field-chapo {
        margin: 0 auto;
    }
}

@media only screen and (max-width:480px) {
    .node-type-editorial .field-name-field-chapo {
        display: block;
    }
}

.node-type-editorial .field-name-field-chapo p, .node-type-editorial .field-name-field-chapo .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .field-name-field-chapo strong {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin: 20px 0 0;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .field-name-field-chapo p, .node-type-editorial .field-name-field-chapo .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .field-name-field-chapo strong {
        display: block;
        margin: 25px auto 0;
        width: 90%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .field-name-field-chapo p, .node-type-editorial .field-name-field-chapo .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .field-name-field-chapo strong {
        margin: 10px auto 5px;
    }
}

.node-type-editorial .field-name-field-texte {
    width: auto;
    padding: 15px;
    background: #f8f7f7;
}

    .node-type-editorial .field-name-field-texte:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .node-type-editorial .field-name-field-texte h3 {
        font-family: "Roboto", sans-serif;
        font-size: 25px;
        line-height: 25px;
        font-weight: 700;
        color: #14b9c8;
        text-transform: inherit;
        padding: 30px 40px 5px;
    }

@media only screen and (max-width:767px) {
    .node-type-editorial .field-name-field-texte h3 {
        text-align: center;
    }
}

.node-type-editorial .field-name-field-texte p img, .section-media .field-name-body p .node-type-editorial .field-name-field-texte strong img {
    margin: 25px 0 0 45px;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .field-name-field-texte p img, .section-media .field-name-body p .node-type-editorial .field-name-field-texte strong img {
        margin: 25px 0 0 80px;
    }
}

@media only screen and (max-width:991px) {
    .node-type-editorial .field-name-field-texte p img, .section-media .field-name-body p .node-type-editorial .field-name-field-texte strong img {
        margin: 25px 0 0 74px;
    }
}

@media only screen and (max-width:800px) {
    .node-type-editorial .field-name-field-texte p img, .section-media .field-name-body p .node-type-editorial .field-name-field-texte strong img {
        margin: 25px 0 0 24px;
    }
}

@media only screen and (max-width:768px) {
    .node-type-editorial .field-name-field-texte p img, .section-media .field-name-body p .node-type-editorial .field-name-field-texte strong img {
        margin: 25px 0 0 13px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .field-name-field-texte p img, .section-media .field-name-body p .node-type-editorial .field-name-field-texte strong img {
        display: block;
        margin: 25px auto 0;
    }
}

.node-type-editorial .field-name-field-texte h2 {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 28px;
    font-weight: 700;
    color: #ff9545;
    padding: 15px 0 13px;
    text-transform: inherit;
}

@media only screen and (max-width:767px) {
    .node-type-editorial .field-name-field-texte h2 {
        padding: 10px 0 5px;
        line-height: 30px;
    }
}

.node-type-editorial .field-name-field-texte p, .node-type-editorial .field-name-field-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .field-name-field-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    color: #000;
}

.node-type-editorial #content .bloc-deroulant {
    clear: both;
    min-height: 44px;
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial #content .bloc-deroulant .fieldset-legend {
        width: 96%;
        margin: 0 auto;
        padding-left: 13px;
    }
}

@media only screen and (max-width:800px) {
    .node-type-editorial #content .bloc-deroulant .fieldset-legend {
        width: 95%;
    }
}

@media only screen and (max-width:480px) {
    .node-type-editorial #content .bloc-deroulant .fieldset-legend {
        width: 92%;
    }
}

.node-type-editorial #content .bloc-deroulant .fieldset-legend .field-name-field-titre-boite .field-item {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    margin: 40px 0 0;
    padding: 5px 0 5px 20px;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial #content .bloc-deroulant .fieldset-legend .field-name-field-titre-boite .field-item {
        margin: 30px 0 0;
        padding: 5px 0;
    }
}

@media only screen and (max-width:360px) {
    .node-type-editorial #content .bloc-deroulant .fieldset-legend .field-name-field-titre-boite .field-item {
        font-size: 22px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial #content .bloc-deroulant .fieldset-wrapper {
        width: 100%;
    }
}

.node-type-editorial #content .bloc-deroulant .fieldset-wrapper p, .node-type-editorial #content .bloc-deroulant .fieldset-wrapper .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #content .bloc-deroulant .fieldset-wrapper strong {
    margin: 30px 0 0 30px;
    display: inline-block;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial #content .bloc-deroulant .fieldset-wrapper p, .node-type-editorial #content .bloc-deroulant .fieldset-wrapper .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #content .bloc-deroulant .fieldset-wrapper strong {
        margin: 5px 20px 0 13px;
        width: 46%;
    }
}

@media only screen and (max-width:800px) {
    .node-type-editorial #content .bloc-deroulant .fieldset-wrapper p, .node-type-editorial #content .bloc-deroulant .fieldset-wrapper .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #content .bloc-deroulant .fieldset-wrapper strong {
        margin: 10px 0 0 13px;
        width: 44%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial #content .bloc-deroulant .fieldset-wrapper p, .node-type-editorial #content .bloc-deroulant .fieldset-wrapper .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #content .bloc-deroulant .fieldset-wrapper strong {
        margin: 0 auto;
        display: block;
        width: 95%;
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .node-type-editorial #content .bloc-deroulant .fieldset-wrapper p, .node-type-editorial #content .bloc-deroulant .fieldset-wrapper .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #content .bloc-deroulant .fieldset-wrapper strong {
        width: 50%;
    }
}

@media only screen and (max-width:800px) {
    .node-type-editorial #content .bloc-deroulant .fieldset-wrapper p img, .section-media .field-name-body p .node-type-editorial #content .bloc-deroulant .fieldset-wrapper strong img {
        width: 95% !important;
        height: auto !important;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial #content .bloc-deroulant .fieldset-wrapper p img, .section-media .field-name-body p .node-type-editorial #content .bloc-deroulant .fieldset-wrapper strong img {
        display: table;
        margin: 0 auto;
        width: 100% !important;
        height: auto !important;
    }
}

.node-type-editorial .lien-savoir {
    clear: both;
    float: left;
    width: 100%;
    height: 198px;
    max-width: 100%;
    margin: 60px 0 0;
    background: url(../images/images-home/bg-linknews.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .lien-savoir {
        height: auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-editorial .lien-savoir {
        padding: 0 0 5px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .lien-savoir {
        height: auto;
        padding: 0;
    }
}

@media only screen and (max-width:380px) {
    .node-type-editorial .lien-savoir {
        padding: 0 0 20px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-editorial .lien-savoir {
        padding: 0;
    }
}

.node-type-editorial .lien-savoir h2 {
    margin: 35px auto 30px;
    text-align: center;
    font-family: "Raleway", sans-serif !important;
    color: #000 !important;
    background: none;
    display: block;
    text-transform: inherit !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .lien-savoir h2 {
        margin: 20px auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-editorial .lien-savoir h2 {
        margin: 30px auto 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .lien-savoir h2 {
        margin: 20px auto;
    }
}

.node-type-editorial .lien-savoir h2 span {
    color: #fff;
    text-transform: inherit;
    font-weight: 600 !important;
}

@media only screen and (max-width:767px) {
    .node-type-editorial .lien-savoir .links, .node-type-editorial .lien-savoir .section-media .fichier-hd, .section-media .node-type-editorial .lien-savoir .fichier-hd {
        padding: 0 15px;
    }
}

.node-type-editorial .lien-savoir .links li, .node-type-editorial .lien-savoir .section-media .fichier-hd li, .section-media .node-type-editorial .lien-savoir .fichier-hd li {
    margin: 5px 0;
    height: 38px;
    display: table;
    margin: 0 auto;
}

    .node-type-editorial .lien-savoir .links li a, .node-type-editorial .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-editorial .lien-savoir .fichier-hd li a {
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 7px;
        padding: 0 0 0 35px;
        font-family: "robotocondensed", sans-serif;
        font-size: 20px;
        line-height: 27px;
        font-weight: 500;
        color: #000;
        text-transform: uppercase;
    }

@media only screen and (max-width:1024px) {
    .node-type-editorial .lien-savoir .links li a, .node-type-editorial .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-editorial .lien-savoir .fichier-hd li a {
        font-size: 18px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .lien-savoir .links li a, .node-type-editorial .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-editorial .lien-savoir .fichier-hd li a {
        line-height: 20px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 3px;
    }
}

.node-type-editorial .lien-savoir .links li a em, .node-type-editorial .lien-savoir .section-media .fichier-hd li a em, .section-media .node-type-editorial .lien-savoir .fichier-hd li a em {
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .lien-savoir .links li a em, .node-type-editorial .lien-savoir .section-media .fichier-hd li a em, .section-media .node-type-editorial .lien-savoir .fichier-hd li a em {
        font-size: 18px;
    }
}

.node-type-editorial .lien-savoir .links li a.pdf, .node-type-editorial .lien-savoir .section-media .fichier-hd li a.pdf, .section-media .node-type-editorial .lien-savoir .fichier-hd li a.pdf {
    background: url(../images/images-home/download.png) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .node-type-editorial .lien-savoir .links li a.pdf, .node-type-editorial .lien-savoir .section-media .fichier-hd li a.pdf, .section-media .node-type-editorial .lien-savoir .fichier-hd li a.pdf {
        background: url(../images/images-home/download.png) no-repeat left 3px;
    }
}

.node-type-editorial .lien-savoir .links li a.pic-mail, .node-type-editorial .lien-savoir .section-media .fichier-hd li a.pic-mail, .section-media .node-type-editorial .lien-savoir .fichier-hd li a.pic-mail {
    background: url(../images/images-home/mail.png) no-repeat left center;
}

@media only screen and (max-width:360px) {
    .node-type-editorial .lien-savoir .links li.last, .node-type-editorial .lien-savoir .section-media .fichier-hd li.last, .section-media .node-type-editorial .lien-savoir .fichier-hd li.last {
        padding: 0 0 25px;
    }
}

.node-type-editorial .lien-savoir.more-links h2 {
    margin: 35px auto 30px;
    text-align: center;
    font-family: "Raleway", sans-serif !important;
    color: #000 !important;
    background: none;
    display: block;
    text-transform: inherit !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .lien-savoir.more-links h2 {
        margin: 30px auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-editorial .lien-savoir.more-links h2 {
        margin: 30px auto 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .lien-savoir.more-links h2 {
        margin: 20px auto;
    }
}

.node-type-editorial .lien-savoir.more-links h2 span {
    color: #fff;
    text-transform: inherit;
    font-weight: 600 !important;
}

@media only screen and (max-width:767px) {
    .node-type-editorial .lien-savoir.more-links .links, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd {
        padding: 0 15px;
    }
}

.node-type-editorial .lien-savoir.more-links .links li, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li {
    width: 46%;
    float: left;
    padding: 0 0 0 35px;
    margin: 5px 0;
    height: 38px;
}

@media only screen and (max-width:800px) {
    .node-type-editorial .lien-savoir.more-links .links li, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li {
        padding: 0 0 0 15px;
        width: 47%;
        margin: 0 0 6px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .lien-savoir.more-links .links li, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li {
        width: 45%;
        float: left;
        margin: 0 15px 10px 0;
        padding: 0;
    }
}

@media only screen and (max-width:480px) {
    .node-type-editorial .lien-savoir.more-links .links li, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li {
        width: 100%;
        margin: 0 5px 10px;
    }
}

.node-type-editorial .lien-savoir.more-links .links li a, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 7px;
    padding: 0 0 0 35px;
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .lien-savoir.more-links .links li a, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li a {
        font-size: 18px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .lien-savoir.more-links .links li a, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li a {
        line-height: 20px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 3px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-editorial .lien-savoir.more-links .links li a, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li a {
        line-height: 32px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 8px;
    }
}

.node-type-editorial .lien-savoir.more-links .links li a em, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li a em, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li a em {
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .lien-savoir.more-links .links li a em, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li a em, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li a em {
        font-size: 18px;
    }
}

.node-type-editorial .lien-savoir.more-links .links li a.pdf, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li a.pdf {
    background: url(../images/images-home/download.png) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .node-type-editorial .lien-savoir.more-links .links li a.pdf, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li a.pdf {
        background: url(../images/images-home/download.png) no-repeat left 3px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-editorial .lien-savoir.more-links .links li a.pdf, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li a.pdf {
        background: url(../images/images-home/download.png) no-repeat left 6px;
    }
}

.node-type-editorial .lien-savoir.more-links .links li a.pic-mail, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li a.pic-mail, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li a.pic-mail {
    background: url(../images/images-home/mail.png) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .node-type-editorial .lien-savoir.more-links .links li.last, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li.last {
        margin: 0 0 5px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-editorial .lien-savoir.more-links .links li.last, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li.last {
        width: 100%;
        margin: 0 5px 5px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-editorial .lien-savoir.more-links .links li.last, .node-type-editorial .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-editorial .lien-savoir.more-links .fichier-hd li.last {
        padding: 0 0 25px;
    }
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .breadcrumb-mobile {
        display: none;
    }
}

.node-type-editorial .breadcrumb-mobile a {
    color: #000 !important;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 21px;
    font-weight: 500;
    padding: 0 0 0 23px !important;
    text-decoration: underline;
    font-size: 20px !important;
    font-family: "Times New Roman";
    margin: 10px 0 0 18px;
    background: url(../images/images-home/puce-retour.jpg) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .node-type-editorial .breadcrumb-mobile a {
        background: url(../images/images-home/mobile-fleche-retour.png) no-repeat left center;
        color: #cd4d00 !important;
        font-family: "Roboto", sans-serif;
        text-decoration: none;
        font-size: 15px !important;
        padding: 0 0 0 27px !important;
        margin: 5px 10px;
    }
}

.node-type-editorial .breadcrumb-mobile a:hover {
    text-decoration: underline;
}

.node-type-editorial .flexslider.fc-diapo {
    margin: 25px auto 35px;
    width: 100%;
    height: auto;
}

    .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .field-type-image img {
        width: 100%;
        height: auto;
    }

    .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box {
        width: 100% !important;
        background: #ff9545;
        float: left;
        position: static;
        height: 90px;
    }

@media only screen and (max-width:480px) {
    .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box {
        width: 100% !important;
        height: 110px;
        padding: 15px 0 0;
    }
}

.node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long {
        padding: 5px 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long {
        padding: 5px 0;
    }
}

.node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p, .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong {
    text-align: center !important;
}

    .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p strong, .section-media .field-name-body p .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong strong {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 30px;
        font-weight: 400;
        color: #fff;
        -webkit-text-size-adjust: none;
    }

@media screen and (orientation:landscape) {
    .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p strong, .section-media .field-name-body p .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong strong {
        -webkit-text-size-adjust: none;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p strong, .section-media .field-name-body p .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong strong {
        padding: 0 10px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p strong, .section-media .field-name-body p .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong strong {
        line-height: 21px;
    }
}

.node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p em, .section-media .field-name-body p .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong em {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    font-style: italic;
    color: #fff !important;
    -webkit-text-size-adjust: none;
}

@media screen and (orientation:landscape) {
    .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p em, .section-media .field-name-body p .node-type-editorial .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong em {
        -webkit-text-size-adjust: none;
    }
}

.node-type-editorial .flexslider.fc-diapo .flex-control-nav {
    bottom: 20px;
    right: 0;
    text-align: center;
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .flexslider.fc-diapo .flex-control-nav {
        bottom: 7px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .flexslider.fc-diapo .flex-control-nav {
        bottom: 10px;
    }
}

.node-type-editorial .flexslider.fc-diapo .flex-control-nav li a {
    background: #ffc89e;
    width: 15px;
    height: 15px;
    text-indent: -9999px !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}

    .node-type-editorial .flexslider.fc-diapo .flex-control-nav li a.flex-active {
        background: #fff;
    }

.node-type-editorial .flexslider.fc-diapo .flex-direction-nav {
    display: none;
}

.node-type-editorial .bloc-temoignage {
    margin: 15px 0 0;
    padding: 0;
    width: 100%;
    height: 155px;
    background: #ff9545;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .bloc-temoignage {
        width: auto;
        margin: 20px 15px 0;
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .bloc-temoignage {
        margin: 35px 10px 0;
    }
}

.node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item {
    margin: 0;
}

    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob {
        float: left;
    }

@media only screen and (max-width:767px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob {
        width: 100%;
        max-width: 100%;
        display: none;
    }
}

.node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image {
    margin: 0;
    width: 142px;
    height: auto;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image {
        width: 172px;
        height: 155px;
    }
}

@media only screen and (max-width:768px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image {
        height: 188px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image img {
        width: 100%;
    }
}

@media only screen and (max-width:768px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image img {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-not-mob .field-type-image img {
        width: 100%;
        height: auto;
    }
}

.node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-mob .field-name-field-visuel-t-moignage {
    margin: 0;
}

    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .show-mob .field-name-field-visuel-t-moignage img {
        width: 100%;
        height: auto;
    }

.node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right {
    float: left;
    width: 82%;
    padding: 0 0 0 15px;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right {
        width: 70%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right {
        width: auto;
        padding: 0 15px 15px;
    }
}

.node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .show-mob {
    display: none;
}

.node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-texte {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    margin: 0;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-texte {
        line-height: 19px;
    }
}

.node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-fonction {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    padding: 22px 0 0;
    margin: 0 0 8px;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-fonction {
        font-size: 20px;
        padding: 25px 0 0;
    }
}

@media only screen and (max-width:800px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-fonction {
        padding: 23px 0 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .bloc-temoignage .field-collection-container .field-items .field-item .bloc-temoin .bloc-temoin-right .field-name-field-bloc-temoignage-texte .diapo-fonction {
        padding: 13px 0 0;
    }
}

.node-type-editorial .editorial_bloc-bas {
    background: #f8f7f7;
    padding: 0 0 30px;
    margin: 50px 0 20px;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .editorial_bloc-bas {
        margin: 45px 15px 5px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .editorial_bloc-bas {
        margin: 30px 10px 0;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container {
    width: 100%;
}

    .node-type-editorial .editorial_bloc-bas .field-collection-container .field-label {
        font-family: "Roboto", sans-serif;
        font-size: 25px;
        line-height: 25px;
        font-weight: 700;
        color: #14b9c8;
        padding: 30px 40px 22px;
        text-transform: inherit;
    }

@media only screen and (max-width:1024px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .field-label {
        padding: 22px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .field-label {
        padding: 30px 15px 10px;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres {
    width: 100%;
}

    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left {
        float: left;
        width: 50%;
        padding: 0;
        margin: 0;
    }

@media only screen and (max-width:1024px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left {
        width: 49%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left {
        width: 100%;
        margin: 0 0 25px;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 {
    float: left;
    padding: 0 0 0 40px;
    width: 88px;
    height: 88px;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 {
        padding: 0 0 0 15px;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    width: 82px;
    height: 82px;
    color: #14b9c8;
    border: 3px solid #14b9c8;
}

@media only screen and (max-width:350px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items {
        width: 72px;
        height: 72px;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items .field-item {
    font-family: "Roboto", sans-serif;
    font-size: 38px;
    line-height: 41px;
    font-weight: 600;
    margin: 18px auto 0;
    color: #000;
    text-align: center;
}

@media only screen and (max-width:350px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-name-field-chiffre-1 .field-items .field-item {
        padding: 0;
        margin: 14px auto 0;
        font-size: 35px;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long {
    float: left;
    width: 300px;
}

@media only screen and (max-width:800px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long {
        width: 250px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long {
        width: 80%;
    }
}

@media only screen and (max-width:590px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long {
        width: 70%;
    }
}

@media only screen and (max-width:360px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long {
        width: 60%;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: 300;
    float: left;
    color: #000;
    margin: 0;
    padding: 5px 0 0 20px;
    text-transform: inherit;
    display: inline-block;
}

@media only screen and (max-width:800px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong {
        font-size: 20px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong {
        font-size: 20px;
        padding: 15px 0 0 15px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong {
        padding: 5px 0 0 15px;
    }
}

@media only screen and (max-width:400px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong {
        padding: 5px 0 0 10px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong {
        font-size: 17px;
        line-height: 20px;
    }
}

@media only screen and (max-width:350px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong {
        padding: 5px 0 0;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p span, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong span {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    color: #14b9c8;
    display: block;
}

@media only screen and (max-width:800px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p span, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong span {
        font-size: 20px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item p span, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-left .field-type-text-long .field-item strong span {
        font-size: 16px;
        line-height: 20px;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right {
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right {
        width: 49%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right {
        width: 100%;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 {
    float: left;
    padding: 0;
    width: 88px;
    height: 88px;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 {
        padding: 0 0 0 15px;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    width: 82px;
    height: 82px;
    color: #14b9c8;
    border: 3px solid #14b9c8;
}

@media only screen and (max-width:350px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items {
        width: 72px;
        height: 72px;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items .field-item {
    font-family: "Roboto", sans-serif;
    font-size: 38px;
    line-height: 41px;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin: 18px auto 0;
}

@media only screen and (max-width:350px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-name-field-chiffre-2 .field-items .field-item {
        padding: 0;
        margin: 14px auto 0;
        font-size: 35px;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long {
    float: left;
    width: 330px;
}

@media only screen and (max-width:800px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long {
        width: 250px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long {
        width: 80%;
    }
}

@media only screen and (max-width:590px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long {
        width: 70%;
    }
}

@media only screen and (max-width:360px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long {
        width: 60%;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: 300;
    float: left;
    color: #000;
    padding: 5px 0 0 20px;
    margin: 0;
    text-transform: inherit;
}

@media only screen and (max-width:800px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong {
        font-size: 20px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong {
        font-size: 20px;
        padding: 15px 0 0 15px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong {
        padding: 5px 0 0 15px;
    }
}

@media only screen and (max-width:400px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong {
        padding: 5px 0 0 10px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong {
        font-size: 17px;
        line-height: 20px;
    }
}

@media only screen and (max-width:350px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p, .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong {
        padding: 5px 0 0;
    }
}

.node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p span, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong span {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    color: #14b9c8;
    display: block;
}

@media only screen and (max-width:800px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p span, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong span {
        font-size: 20px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item p span, .section-media .field-name-body p .node-type-editorial .editorial_bloc-bas .field-collection-container .bloc-chiffres .bloc-c-right .field-type-text-long .field-item strong span {
        font-size: 16px;
        line-height: 20px;
    }
}

.node-type-editorial.terre-pluriel .field-name-field-texte {
    width: 80%;
    padding: 0 0 0 35px;
    background: none;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial.terre-pluriel .field-name-field-texte {
        padding: 0 0 0 15px;
        width: 90%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial.terre-pluriel .field-name-field-texte {
        padding: 0 15px;
        width: auto;
    }
}

.node-type-editorial.terre-pluriel .field-name-field-texte h2 {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 15px;
    font-weight: 700;
    color: #ff9545;
    padding: 15px 0 13px;
    text-transform: inherit;
}

@media only screen and (max-width:767px) {
    .node-type-editorial.terre-pluriel .field-name-field-texte h2 {
        padding: 10px 0 5px;
        line-height: 30px;
    }
}

.node-type-editorial.terre-pluriel .field-name-field-texte p, .node-type-editorial.terre-pluriel .field-name-field-texte .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial.terre-pluriel .field-name-field-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #000;
}

.node-type-editorial .field-type-text-with-summary {
    margin: 0;
}

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item {
    width: 100%;
}

    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .picto, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .picto, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .picto, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .picto {
        float: left;
        width: 50%;
        height: 276px;
    }

@media only screen and (max-width:1024px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .picto, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .picto, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .picto, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .picto {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .picto, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .picto, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .picto, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .picto {
        width: 100%;
    }
}

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .picto img, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .picto img, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .picto img, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .picto img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .picto img, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .picto img, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .picto img, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .picto img {
        width: 100%;
        height: auto;
    }
}

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale {
    background: #f7f7f7;
    float: right;
    height: 0;
    padding-bottom: 31.1%;
    width: 50%;
    position: relative;
}

@media only screen and (max-width:767px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale {
        width: 100%;
        height: auto;
        padding: 0;
        border-bottom: 30px solid #fff;
    }
}

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .titre, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .titre, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .titre, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .titre {
    padding: 25px 30px 10px;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .titre, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .titre, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .titre, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .titre {
        padding: 20px 30px 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .titre, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .titre, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .titre, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .titre {
        padding: 20px 10px 20px;
    }
}

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .titre a, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .titre a, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .titre a {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    color: #7dbb3c;
    text-decoration: none;
}

    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .titre a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .titre a:hover {
        text-decoration: underline;
    }

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo {
    padding: 0 30px;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo {
        display: block;
        padding: 0 15px 0 10px;
    }
}

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo p, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo p, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo strong, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo strong, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo p, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo p, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo strong, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo strong {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 300;
    color: #000;
}

    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo p a, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo p a, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo strong a, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo strong a, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo p a, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo p a, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo strong a, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo strong a {
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        line-height: 21px;
        font-weight: 300;
        color: #7dbb3c;
        text-decoration: none;
    }

        .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo p a:hover, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo p a:hover, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo strong a:hover, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo strong a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo p a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo p a:hover, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo strong a:hover, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo strong a:hover {
            text-decoration: underline;
        }

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo-mobile, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo-mobile, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo-mobile, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo-mobile {
    padding: 10px 30px 0;
    display: none;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo-mobile, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo-mobile, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo-mobile, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo-mobile {
        display: block;
    }
}

@media only screen and (max-width:767px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo-mobile, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo-mobile, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo-mobile, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo-mobile {
        display: none;
    }
}

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo-mobile p, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo-mobile p, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo-mobile .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo-mobile strong, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo-mobile .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo-mobile strong, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo-mobile p, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo-mobile p, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo-mobile .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo-mobile strong, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo-mobile .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo-mobile strong {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 300;
    color: #000;
}

    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo-mobile p a, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo-mobile p a, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo-mobile strong a, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo-mobile strong a, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo-mobile p a, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo-mobile p a, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo-mobile strong a, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo-mobile strong a {
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        line-height: 21px;
        font-weight: 300;
        color: #7dbb3c;
        text-decoration: none;
    }

        .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo-mobile p a:hover, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo-mobile p a:hover, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .liste-filiale .chapo-mobile strong a:hover, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale .chapo-mobile strong a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo-mobile p a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo-mobile p a:hover, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .liste-filiale .chapo-mobile strong a:hover, .section-media .field-name-body p .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale .chapo-mobile strong a:hover {
            text-decoration: underline;
        }

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .lien, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .lien, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .lien, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .lien {
    padding: 0 30px;
}

@media only screen and (max-width:767px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .lien, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .lien, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .lien, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .lien {
        padding: 10px 10px 25px;
    }
}

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .lien a, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .lien a {
    font-family: "robotocondensed", sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: normal;
    background: url(../images/images-home/oeil.png) no-repeat left 5px;
    padding: 0 0 0 35px;
    color: #000;
    text-transform: uppercase;
    position: absolute;
    bottom: 22px;
    text-decoration: none;
}

@media only screen and (max-width:767px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .lien a, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .lien a, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .lien a {
        position: static;
        padding: 0 0 0 35px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 7px;
        font-size: 20px;
    }
}

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-odd .filiale-item .lien a:hover, .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .lien a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-odd .filiale-item .lien a:hover, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .lien a:hover {
    color: #7dbb3c;
    text-decoration: none;
    padding: 0 0 0 35px;
}

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .picto, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .picto {
    float: right;
}

@media only screen and (max-width:1024px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .picto img, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .picto img {
        width: 100%;
        height: auto;
    }
}

.node-type-editorial #block-views-nos-filiales-block-1 .views-row-even .filiale-item .liste-filiale, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even .filiale-item .liste-filiale {
    float: left;
}

@media only screen and (max-width:767px) {
    .node-type-editorial #block-views-nos-filiales-block-1 .views-row-even.views-row-last .liste-filiale, .node-type-editorial #block-views-nos-filiales-block-2 .views-row-even.views-row-last .liste-filiale {
        border: none;
    }
}

.node-type-page-detail-filiale, .node-type-article-projet-emblema {
}

    .node-type-page-detail-filiale .lien-savoir, .node-type-article-projet-emblema .lien-savoir {
        clear: both;
        float: left;
        width: 100%;
        min-height: 198px;
        max-width: 100%;
        margin: 60px 0 0;
        background: url(../images/images-home/bg-linknews.jpg);
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }

@media only screen and (max-width:1024px) {
    .node-type-page-detail-filiale .lien-savoir, .node-type-article-projet-emblema .lien-savoir {
        height: auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-page-detail-filiale .lien-savoir, .node-type-article-projet-emblema .lien-savoir {
        padding: 0 0 5px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-detail-filiale .lien-savoir, .node-type-article-projet-emblema .lien-savoir {
        height: auto;
        padding: 0;
    }
}

@media only screen and (max-width:380px) {
    .node-type-page-detail-filiale .lien-savoir, .node-type-article-projet-emblema .lien-savoir {
        padding: 0 0 20px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-page-detail-filiale .lien-savoir, .node-type-article-projet-emblema .lien-savoir {
        padding: 0;
    }
}

.node-type-page-detail-filiale .lien-savoir h2, .node-type-article-projet-emblema .lien-savoir h2 {
    margin: 35px auto 30px;
    text-align: center;
    font-family: "Raleway", sans-serif !important;
    color: #000 !important;
    background: none;
    display: block;
    text-transform: inherit !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}

@media only screen and (max-width:1024px) {
    .node-type-page-detail-filiale .lien-savoir h2, .node-type-article-projet-emblema .lien-savoir h2 {
        margin: 20px auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-page-detail-filiale .lien-savoir h2, .node-type-article-projet-emblema .lien-savoir h2 {
        margin: 30px auto 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-detail-filiale .lien-savoir h2, .node-type-article-projet-emblema .lien-savoir h2 {
        margin: 20px auto;
    }
}

.node-type-page-detail-filiale .lien-savoir h2 span, .node-type-article-projet-emblema .lien-savoir h2 span {
    color: #fff;
    text-transform: inherit;
    font-weight: 600 !important;
}

@media only screen and (max-width:767px) {
    .node-type-page-detail-filiale .lien-savoir .links, .node-type-page-detail-filiale .lien-savoir .section-media .fichier-hd, .section-media .node-type-page-detail-filiale .lien-savoir .fichier-hd, .node-type-article-projet-emblema .lien-savoir .links, .node-type-article-projet-emblema .lien-savoir .section-media .fichier-hd, .section-media .node-type-article-projet-emblema .lien-savoir .fichier-hd {
        padding: 0 15px;
    }
}

.node-type-page-detail-filiale .lien-savoir .links li, .node-type-page-detail-filiale .lien-savoir .section-media .fichier-hd li, .section-media .node-type-page-detail-filiale .lien-savoir .fichier-hd li, .node-type-article-projet-emblema .lien-savoir .links li, .node-type-article-projet-emblema .lien-savoir .section-media .fichier-hd li, .section-media .node-type-article-projet-emblema .lien-savoir .fichier-hd li {
    margin: 5px 0;
    height: 38px;
    display: table;
    margin: 0 auto;
}

    .node-type-page-detail-filiale .lien-savoir .links li a, .node-type-page-detail-filiale .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-page-detail-filiale .lien-savoir .fichier-hd li a, .node-type-article-projet-emblema .lien-savoir .links li a, .node-type-article-projet-emblema .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-article-projet-emblema .lien-savoir .fichier-hd li a {
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 7px;
        padding: 0 0 0 35px;
        font-family: "robotocondensed", sans-serif;
        font-size: 20px;
        line-height: 27px;
        font-weight: 500;
        color: #000;
        text-transform: uppercase;
    }

@media only screen and (max-width:1024px) {
    .node-type-page-detail-filiale .lien-savoir .links li a, .node-type-page-detail-filiale .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-page-detail-filiale .lien-savoir .fichier-hd li a, .node-type-article-projet-emblema .lien-savoir .links li a, .node-type-article-projet-emblema .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-article-projet-emblema .lien-savoir .fichier-hd li a {
        font-size: 18px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-detail-filiale .lien-savoir .links li a, .node-type-page-detail-filiale .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-page-detail-filiale .lien-savoir .fichier-hd li a, .node-type-article-projet-emblema .lien-savoir .links li a, .node-type-article-projet-emblema .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-article-projet-emblema .lien-savoir .fichier-hd li a {
        line-height: 20px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 3px;
    }
}

.node-type-page-detail-filiale .lien-savoir .links li a em, .node-type-page-detail-filiale .lien-savoir .section-media .fichier-hd li a em, .section-media .node-type-page-detail-filiale .lien-savoir .fichier-hd li a em, .node-type-article-projet-emblema .lien-savoir .links li a em, .node-type-article-projet-emblema .lien-savoir .section-media .fichier-hd li a em, .section-media .node-type-article-projet-emblema .lien-savoir .fichier-hd li a em {
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-page-detail-filiale .lien-savoir .links li a em, .node-type-page-detail-filiale .lien-savoir .section-media .fichier-hd li a em, .section-media .node-type-page-detail-filiale .lien-savoir .fichier-hd li a em, .node-type-article-projet-emblema .lien-savoir .links li a em, .node-type-article-projet-emblema .lien-savoir .section-media .fichier-hd li a em, .section-media .node-type-article-projet-emblema .lien-savoir .fichier-hd li a em {
        font-size: 18px;
    }
}

.node-type-page-detail-filiale .lien-savoir .links li a.pdf, .node-type-page-detail-filiale .lien-savoir .section-media .fichier-hd li a.pdf, .section-media .node-type-page-detail-filiale .lien-savoir .fichier-hd li a.pdf, .node-type-article-projet-emblema .lien-savoir .links li a.pdf, .node-type-article-projet-emblema .lien-savoir .section-media .fichier-hd li a.pdf, .section-media .node-type-article-projet-emblema .lien-savoir .fichier-hd li a.pdf {
    background: url(../images/images-home/download.png) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .node-type-page-detail-filiale .lien-savoir .links li a.pdf, .node-type-page-detail-filiale .lien-savoir .section-media .fichier-hd li a.pdf, .section-media .node-type-page-detail-filiale .lien-savoir .fichier-hd li a.pdf, .node-type-article-projet-emblema .lien-savoir .links li a.pdf, .node-type-article-projet-emblema .lien-savoir .section-media .fichier-hd li a.pdf, .section-media .node-type-article-projet-emblema .lien-savoir .fichier-hd li a.pdf {
        background: url(../images/images-home/download.png) no-repeat left 3px;
    }
}

.node-type-page-detail-filiale .lien-savoir .links li a.pic-mail, .node-type-page-detail-filiale .lien-savoir .section-media .fichier-hd li a.pic-mail, .section-media .node-type-page-detail-filiale .lien-savoir .fichier-hd li a.pic-mail, .node-type-article-projet-emblema .lien-savoir .links li a.pic-mail, .node-type-article-projet-emblema .lien-savoir .section-media .fichier-hd li a.pic-mail, .section-media .node-type-article-projet-emblema .lien-savoir .fichier-hd li a.pic-mail {
    background: url(../images/images-home/mail.png) no-repeat left center;
}

@media only screen and (max-width:360px) {
    .node-type-page-detail-filiale .lien-savoir .links li.last, .node-type-page-detail-filiale .lien-savoir .section-media .fichier-hd li.last, .section-media .node-type-page-detail-filiale .lien-savoir .fichier-hd li.last, .node-type-article-projet-emblema .lien-savoir .links li.last, .node-type-article-projet-emblema .lien-savoir .section-media .fichier-hd li.last, .section-media .node-type-article-projet-emblema .lien-savoir .fichier-hd li.last {
        padding: 0 0 25px;
    }
}

.node-type-page-detail-filiale .lien-savoir.more-links h2, .node-type-article-projet-emblema .lien-savoir.more-links h2 {
    margin: 35px auto 30px;
    text-align: center;
    font-family: "Raleway", sans-serif !important;
    color: #000 !important;
    background: none;
    display: block;
    text-transform: inherit !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}

@media only screen and (max-width:1024px) {
    .node-type-page-detail-filiale .lien-savoir.more-links h2, .node-type-article-projet-emblema .lien-savoir.more-links h2 {
        margin: 30px auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-page-detail-filiale .lien-savoir.more-links h2, .node-type-article-projet-emblema .lien-savoir.more-links h2 {
        margin: 30px auto 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-detail-filiale .lien-savoir.more-links h2, .node-type-article-projet-emblema .lien-savoir.more-links h2 {
        margin: 20px auto;
    }
}

.node-type-page-detail-filiale .lien-savoir.more-links h2 span, .node-type-article-projet-emblema .lien-savoir.more-links h2 span {
    color: #fff;
    text-transform: inherit;
    font-weight: 600 !important;
}

@media only screen and (max-width:767px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd, .node-type-article-projet-emblema .lien-savoir.more-links .links, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd {
        padding: 0 15px;
    }
}

.node-type-page-detail-filiale .lien-savoir.more-links .links li, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li, .node-type-article-projet-emblema .lien-savoir.more-links .links li, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li {
    width: 47%;
    float: left;
    padding: 0 0 0 20px;
    margin: 5px 0;
    height: auto;
    vertical-align: top;
    display: inline-block;
}

@media only screen and (max-width:800px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links li, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li, .node-type-article-projet-emblema .lien-savoir.more-links .links li, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li {
        padding: 0 0 0 15px;
        width: 47%;
        margin: 0 0 6px;
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links li, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li, .node-type-article-projet-emblema .lien-savoir.more-links .links li, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li {
        width: 45%;
        float: left;
        margin: 0 15px 10px 0;
        padding: 0;
        height: auto;
    }
}

@media only screen and (max-width:480px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links li, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li, .node-type-article-projet-emblema .lien-savoir.more-links .links li, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li {
        width: 100%;
        margin: 0 5px 10px;
        height: auto;
    }
}

.node-type-page-detail-filiale .lien-savoir.more-links .links li a, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li a, .node-type-article-projet-emblema .lien-savoir.more-links .links li a, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 7px;
    padding: 0 0 0 35px;
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links li a, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li a, .node-type-article-projet-emblema .lien-savoir.more-links .links li a, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li a {
        font-size: 18px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links li a, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li a, .node-type-article-projet-emblema .lien-savoir.more-links .links li a, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li a {
        line-height: 20px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 3px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links li a, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li a, .node-type-article-projet-emblema .lien-savoir.more-links .links li a, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li a {
        line-height: 32px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 8px;
    }
}

.node-type-page-detail-filiale .lien-savoir.more-links .links li a em, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li a em, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li a em, .node-type-article-projet-emblema .lien-savoir.more-links .links li a em, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li a em, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li a em {
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links li a em, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li a em, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li a em, .node-type-article-projet-emblema .lien-savoir.more-links .links li a em, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li a em, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li a em {
        font-size: 18px;
    }
}

.node-type-page-detail-filiale .lien-savoir.more-links .links li a.pdf, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li a.pdf, .node-type-article-projet-emblema .lien-savoir.more-links .links li a.pdf, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li a.pdf {
    background: url(../images/images-home/download.png) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links li a.pdf, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li a.pdf, .node-type-article-projet-emblema .lien-savoir.more-links .links li a.pdf, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li a.pdf {
        background: url(../images/images-home/download.png) no-repeat left 3px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links li a.pdf, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li a.pdf, .node-type-article-projet-emblema .lien-savoir.more-links .links li a.pdf, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li a.pdf {
        background: url(../images/images-home/download.png) no-repeat left 6px;
    }
}

.node-type-page-detail-filiale .lien-savoir.more-links .links li a.pic-mail, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li a.pic-mail, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li a.pic-mail, .node-type-article-projet-emblema .lien-savoir.more-links .links li a.pic-mail, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li a.pic-mail, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li a.pic-mail {
    background: url(../images/images-home/mail.png) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links li.last, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li.last, .node-type-article-projet-emblema .lien-savoir.more-links .links li.last, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li.last {
        margin: 0 0 5px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links li.last, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li.last, .node-type-article-projet-emblema .lien-savoir.more-links .links li.last, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li.last {
        width: 100%;
        margin: 0 5px 5px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-page-detail-filiale .lien-savoir.more-links .links li.last, .node-type-page-detail-filiale .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-page-detail-filiale .lien-savoir.more-links .fichier-hd li.last, .node-type-article-projet-emblema .lien-savoir.more-links .links li.last, .node-type-article-projet-emblema .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-article-projet-emblema .lien-savoir.more-links .fichier-hd li.last {
        padding: 0 0 25px;
    }
}

.terre-pluriel h2#page-title {
    margin: 50px auto 25px;
    text-align: center;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 300;
    color: #000;
    text-transform: inherit;
    padding: 0 0 5px;
}

@media only screen and (max-width:767px) {
    .terre-pluriel h2#page-title {
        width: 90%;
        font-size: 30px;
        line-height: 32px;
        display: table;
        padding: 0;
        margin: 25px auto 0;
    }
}

@media only screen and (max-width:360px) {
    .terre-pluriel h2#page-title {
        width: 94%;
    }
}

.terre-pluriel h2#page-title span {
    color: #ff9545;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    display: block;
}

@media only screen and (max-width:767px) {
    .terre-pluriel h2#page-title span {
        font-size: 30px;
        display: inline-block;
        line-height: 32px;
    }
}

.filiale h2#page-title {
    margin: 60px auto 25px;
    text-align: center;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 300;
    color: #000;
    text-transform: inherit;
    padding: 0 0 5px;
}

@media only screen and (max-width:767px) {
    .filiale h2#page-title {
        width: 90%;
        font-size: 30px;
        line-height: 32px;
        display: table;
        padding: 0;
        margin: 25px auto 0;
    }
}

@media only screen and (max-width:360px) {
    .filiale h2#page-title {
        width: 94%;
    }
}

.filiale h2#page-title span {
    color: #ff9545;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    display: inline-block;
}

@media only screen and (max-width:767px) {
    .filiale h2#page-title span {
        font-size: 30px;
        display: inline-block;
        line-height: 32px;
    }
}

.liste-contenu-presse {
}

    .liste-contenu-presse #columns {
        padding: 0 !important;
    }

    .liste-contenu-presse #main-content #main-content-header h1#page-title {
        margin: 40px auto 20px;
        text-align: center;
        width: 100%;
        font-family: "Roboto", sans-serif;
        font-size: 40px;
        line-height: 42px;
        font-weight: 300;
        color: #000;
        text-transform: inherit;
        padding: 0 0 5px;
    }

@media only screen and (max-width:767px) {
    .liste-contenu-presse #main-content #main-content-header h1#page-title {
        width: 90%;
        font-size: 30px;
        line-height: 32px;
        display: table;
        padding: 0;
        margin: 25px auto 30px;
    }
}

@media only screen and (max-width:360px) {
    .liste-contenu-presse #main-content #main-content-header h1#page-title {
        width: 94%;
    }
}

.liste-contenu-presse #main-content #main-content-header h1#page-title span {
    color: #ff9545;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    display: inline-block;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #main-content #main-content-header h1#page-title span {
        font-size: 30px;
        display: inline-block;
        line-height: 32px;
    }
}

.liste-contenu-presse #block-views-communiqu-de-presse-block-1, .liste-contenu-presse #block-views-actualit-s-block-2, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 {
    background: #f8f7f7;
    padding: 20px 15px 15px;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-views-communiqu-de-presse-block-1, .liste-contenu-presse #block-views-actualit-s-block-2, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 {
        padding: 20px 20px 15px;
    }
}

.liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-title a, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-title a, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-title a {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
}

.liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-field-chapo .field-content, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-field-chapo .field-content, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-field-chapo .field-content {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000;
}

.liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-nid, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-nid, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-nid {
    float: left;
    margin: 5px 0 0;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-nid, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-nid, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-nid {
        margin: 10px 0 0;
    }
}

.liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-nid .social, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-nid .social, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-nid .social {
    float: left;
    margin: 0 8px;
}

@media only screen and (max-width:1024px) {
    .liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-nid .social, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-nid .social, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-nid .social {
        margin: 0;
    }
}

.liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-nid .social .facebook-share, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-nid .social .facebook-share, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-nid .social .facebook-share {
    padding-left: 2px;
}

    .liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-nid .social .facebook-share a, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-nid .social .facebook-share a, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-nid .social .facebook-share a {
        background: url(../images/images-home/gris-fb.png) no-repeat center top;
        width: 10px;
        height: 19px;
    }

        .liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-nid .social .facebook-share a:hover, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-nid .social .facebook-share a:hover, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-nid .social .facebook-share a:hover {
            background: url(../images/images-home/fb-hover.png) no-repeat center top;
        }

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-nid .social .twitter-share, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-nid .social .twitter-share, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-nid .social .twitter-share {
        margin: 0;
    }
}

.liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-nid .social .twitter-share a, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-nid .social .twitter-share a, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-nid .social .twitter-share a {
    background: url(../images/images-home/gris-tw.png) no-repeat center top;
    width: 20px;
    height: 18px;
}

    .liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-nid .social .twitter-share a:hover, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-nid .social .twitter-share a:hover, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-nid .social .twitter-share a:hover {
        background: url(../images/images-home/tw-hover.png) no-repeat center top;
    }

.liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-nid .social .google-share a, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-nid .social .google-share a, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-nid .social .google-share a {
    background: url(../images/images-home/gris-google.png) no-repeat center top;
    width: 23px;
    height: 18px;
}

    .liste-contenu-presse #block-views-communiqu-de-presse-block-1 .views-field-nid .social .google-share a:hover, .liste-contenu-presse #block-views-actualit-s-block-2 .views-field-nid .social .google-share a:hover, .liste-contenu-presse #block-views-dossiers-de-presse-block-2 .views-field-nid .social .google-share a:hover {
        background: url(../images/images-home/google-hover.png) no-repeat center top;
    }

.liste-contenu-presse #block-system-main .views-row {
    border-bottom: 1px solid #ff9545;
    clear: both;
    margin: 0 0 35px;
    min-height: 125px;
    padding: 0 15px 30px;
    float: left;
    position: relative;
    width: 100%;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-system-main .views-row {
        padding: 0 18px 15px;
        margin: 0 0 30px;
        width: auto;
    }
}

.liste-contenu-presse #block-system-main .views-row.views-row-last {
    border: none;
    margin: 0 0 10px;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-system-main .views-row.views-row-last {
        margin: 0;
        padding: 0 18px 20px;
    }
}

.liste-contenu-presse #block-system-main .views-row.views-row-last:before, .liste-contenu-presse #block-system-main .views-row.views-row-last:after {
    display: none;
}

.liste-contenu-presse #block-system-main .views-row:before {
    position: absolute;
    left: 0;
    width: 15px;
    height: 1px;
    background-color: #ff9545;
    bottom: -1px;
    content: "";
    z-index: 1;
}

@media only screen and (max-width:1024px) {
    .liste-contenu-presse #block-system-main .views-row: before {
        background-color: #fff;
    }
}

.liste-contenu-presse #block-system-main .views-row:after {
    position: absolute;
    left: 0;
    width: 15px;
    height: 1px;
    background-color: #ff9545;
    bottom: -1px;
    content: "";
    z-index: 1;
    right: 0;
    left: auto;
    visibility: visible;
}

@media only screen and (max-width:1024px) {
    .liste-contenu-presse #block-system-main .views-row: after {
        background-color: #fff;
    }
}

.liste-contenu-presse #block-system-main .view-filters {
    margin: 15px 0 18px;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-system-main .view-filters {
        margin: 0 0 18px;
    }
}

.liste-contenu-presse #block-system-main .view-filters .dropdown {
    background: none;
    width: auto;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width:1024px) {
    .liste-contenu-presse #block-system-main .view-filters .dropdown {
        margin: 0 15px;
    }
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-system-main .view-filters .dropdown {
        margin: 0 18px;
    }
}

.liste-contenu-presse #block-system-main .view-filters .dropdown .dropdown-selected {
    background: url(../images/images-home/drop-down.png) no-repeat right 7px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
    width: auto;
    padding: 0 22px 0 0;
}

.liste-contenu-presse #block-system-main .view-filters .dropdown .divscroller {
    background: #f8f7f7;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #ff9545;
    border: none;
    margin: 15px 0;
    width: 285px !important;
}

    .liste-contenu-presse #block-system-main .view-filters .dropdown .divscroller .sel {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 15px;
        font-weight: 300;
        color: #000;
        text-align: center;
    }

@media only screen and (max-width:1024px) {
    .liste-contenu-presse #block-system-main .view-filters .dropdown .divscroller {
        margin: 15px 0;
    }
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-system-main .view-filters .dropdown .divscroller {
        width: 305px !important;
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .liste-contenu-presse #block-system-main .view-filters .dropdown .divscroller {
        width: 305px !important;
    }
}

@media only screen and (max-width:480px) {
    .liste-contenu-presse #block-system-main .view-filters .dropdown .divscroller {
        width: 290px !important;
    }
}

.liste-contenu-presse .views-row.no-visuel .contenu {
    padding: 5px 0 0;
}

    .liste-contenu-presse .views-row.no-visuel .contenu .content-text {
        width: 100%;
        padding: 0;
    }

.liste-contenu-presse .views-row.no-visuel .lien {
    margin: 7px 0 0;
}

.liste-contenu-presse .views-row span.date, .liste-contenu-presse .views-row span.categorie {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
}

.liste-contenu-presse .views-row .date {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
}

.liste-contenu-presse .views-row .titre {
    padding: 10px 0 0;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse .views-row .titre {
        padding: 10px 0 0;
    }
}

.liste-contenu-presse .views-row .titre a {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
    text-decoration: none;
}

    .liste-contenu-presse .views-row .titre a:hover {
        text-decoration: underline;
    }

.liste-contenu-presse .views-row .views-field-field-chapo .field-content {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000;
}

.liste-contenu-presse .views-row .lien {
    background: none;
    float: left;
    margin: 7px 0 0;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse .views-row .lien {
        margin: 10px 0 0;
    }
}

.liste-contenu-presse .views-row .lien a {
    background: url(../images/images-home/oeil.png) no-repeat left 6px;
    font-family: "robotocondensed", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    padding: 0 0 0 30px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
}

    .liste-contenu-presse .views-row .lien a:hover {
        text-decoration: underline;
    }

@media only screen and (max-width:767px) {
    .liste-contenu-presse .views-row .lien a {
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 6px;
        font-size: 20px;
        padding: 0 0 0 37px;
    }
}

.liste-contenu-presse .views-row .contenu {
    padding: 15px 0 0;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse .views-row .contenu {
        padding: 20px 0 0;
    }
}

.liste-contenu-presse .views-row .contenu .vignette {
    float: left;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse .views-row .contenu .vignette {
        width: 100%;
    }
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse .views-row .contenu .vignette img {
        width: 100%;
        height: auto;
    }
}

.liste-contenu-presse .views-row .contenu .content-text {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000;
    float: left;
    width: 59%;
    padding: 0 0 0 15px;
}

@media only screen and (max-width:865px) {
    .liste-contenu-presse .views-row .contenu .content-text {
        width: 53%;
        font-size: 14px;
        line-height: 22px;
    }
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse .views-row .contenu .content-text {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        padding: 15px 0 0;
    }
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse .item-list {
        clear: both;
        margin: 0 0 30px;
    }
}

.liste-contenu-presse .item-list .pager {
    border: none;
    background: #f8f7f7;
}

@media only screen and (max-width:800px) {
    .liste-contenu-presse .item-list .pager {
        padding: 0 0 5px;
    }
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse .item-list .pager {
        margin: 0;
        padding: 0;
    }
}

.liste-contenu-presse .item-list .pager li {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000;
    border: none !important;
    padding: 0 6px;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse .item-list .pager li {
        display: inline-block;
        padding: 11px 5px 7px;
    }
}

.liste-contenu-presse .item-list .pager li a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000;
    font-size: 16px;
    display: inline-block;
    padding: 5px 0 0;
}

.liste-contenu-presse .item-list .pager li.pager-current {
    color: #ff9545;
    font-size: 16px;
}

.liste-contenu-presse .item-list .pager li.pager-next a, .liste-contenu-presse .item-list .pager li.pager-previous a {
    background: url(../images/images-home/arrow-next.png) no-repeat center top;
    display: inline-block;
    height: 27px;
    text-indent: -9999px;
    width: 27px;
    padding: 0 5px;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse .item-list .pager li.pager-next a, .liste-contenu-presse .item-list .pager li.pager-previous a {
        padding: 0;
    }
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse .item-list .pager li.pager-next, .liste-contenu-presse .item-list .pager li.pager-previous {
        margin: 10px 0;
        padding: 0;
        float: right;
    }
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse .item-list .pager li.pager-previous {
        float: left;
    }
}

.liste-contenu-presse .item-list .pager li.pager-previous a {
    background: url(../images/images-home/arrow-prev.png) no-repeat center top;
}

.liste-contenu-presse .item-list .pager li.pager-last, .liste-contenu-presse .item-list .pager li.pager-first {
    display: inline-block;
    text-indent: -9999px;
}

.liste-contenu-presse #block-block-9, .liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2, .liste-contenu-presse #block-block-9--2 {
    background: #f8f7f7;
    padding: 10px 20px;
    float: left;
    width: 395px;
    min-height: 170px;
    margin: 0 15px 0 0;
}

@media only screen and (max-width:1024px) {
    .liste-contenu-presse #block-block-9, .liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2, .liste-contenu-presse #block-block-9--2 {
        margin: 0 14px;
        width: 44%;
    }
}

@media only screen and (max-width:900px) {
    .liste-contenu-presse #block-block-9, .liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2, .liste-contenu-presse #block-block-9--2 {
        width: 43.2%;
    }
}

@media only screen and (max-width:800px) {
    .liste-contenu-presse #block-block-9, .liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2, .liste-contenu-presse #block-block-9--2 {
        width: 42%;
        min-height: 215px;
    }
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-block-9, .liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2, .liste-contenu-presse #block-block-9--2 {
        width: 100%;
        min-height: auto;
        margin: 0;
        padding: 18px 20px 0;
    }
}

.liste-contenu-presse #block-block-9 .block-title, .liste-contenu-presse #block-views-communiqu-de-presse-block-4 .block-title, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 .block-title, .liste-contenu-presse #block-block-9--2 .block-title {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    text-transform: inherit;
    margin: 0 0 20px;
}

.liste-contenu-presse #block-block-9 p, .liste-contenu-presse #block-views-communiqu-de-presse-block-4 p, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 p, .liste-contenu-presse #block-block-9 .section-media .field-name-body p strong, .section-media .field-name-body p .liste-contenu-presse #block-block-9 strong, .liste-contenu-presse #block-views-communiqu-de-presse-block-4 .section-media .field-name-body p strong, .section-media .field-name-body p .liste-contenu-presse #block-views-communiqu-de-presse-block-4 strong, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 .section-media .field-name-body p strong, .section-media .field-name-body p .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 strong, .liste-contenu-presse #block-block-9--2 p, .liste-contenu-presse #block-block-9--2 .section-media .field-name-body p strong, .section-media .field-name-body p .liste-contenu-presse #block-block-9--2 strong {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    color: #000;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-block-9 p, .liste-contenu-presse #block-views-communiqu-de-presse-block-4 p, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 p, .liste-contenu-presse #block-block-9 .section-media .field-name-body p strong, .section-media .field-name-body p .liste-contenu-presse #block-block-9 strong, .liste-contenu-presse #block-views-communiqu-de-presse-block-4 .section-media .field-name-body p strong, .section-media .field-name-body p .liste-contenu-presse #block-views-communiqu-de-presse-block-4 strong, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 .section-media .field-name-body p strong, .section-media .field-name-body p .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 strong, .liste-contenu-presse #block-block-9--2 p, .liste-contenu-presse #block-block-9--2 .section-media .field-name-body p strong, .section-media .field-name-body p .liste-contenu-presse #block-block-9--2 strong {
        padding: 0 15px 0 0;
    }
}

.liste-contenu-presse #block-block-9 p span, .liste-contenu-presse #block-views-communiqu-de-presse-block-4 p span, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 p span, .section-media .field-name-body p .liste-contenu-presse #block-block-9 strong span, .section-media .field-name-body p .liste-contenu-presse #block-views-communiqu-de-presse-block-4 strong span, .section-media .field-name-body p .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 strong span, .liste-contenu-presse #block-block-9--2 p span, .section-media .field-name-body p .liste-contenu-presse #block-block-9--2 strong span {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    color: #7dbb3c;
}

.liste-contenu-presse #block-block-9 p a, .liste-contenu-presse #block-views-communiqu-de-presse-block-4 p a, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 p a, .section-media .field-name-body p .liste-contenu-presse #block-block-9 strong a, .section-media .field-name-body p .liste-contenu-presse #block-views-communiqu-de-presse-block-4 strong a, .section-media .field-name-body p .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 strong a, .liste-contenu-presse #block-block-9--2 p a, .section-media .field-name-body p .liste-contenu-presse #block-block-9--2 strong a {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #000;
}

    .liste-contenu-presse #block-block-9 p a:hover, .liste-contenu-presse #block-views-communiqu-de-presse-block-4 p a:hover, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 p a:hover, .section-media .field-name-body p .liste-contenu-presse #block-block-9 strong a:hover, .section-media .field-name-body p .liste-contenu-presse #block-views-communiqu-de-presse-block-4 strong a:hover, .section-media .field-name-body p .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 strong a:hover, .liste-contenu-presse #block-block-9--2 p a:hover, .section-media .field-name-body p .liste-contenu-presse #block-block-9--2 strong a:hover {
        color: #7dbb3c;
    }

.liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 {
    margin: 0;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-views-communiqu-de-presse-block-4, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 {
        padding: 18px 20px 20px;
    }
}

.liste-contenu-presse #block-views-communiqu-de-presse-block-4 .views-field-title, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 .views-field-title {
    margin: 0;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-views-communiqu-de-presse-block-4 .views-field-title, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 .views-field-title {
        width: 90%;
    }
}

.liste-contenu-presse #block-views-communiqu-de-presse-block-4 .views-field-title a, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 .views-field-title a {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #7dbb3c;
    text-transform: inherit;
}

.liste-contenu-presse #block-views-communiqu-de-presse-block-4 .view-footer, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 .view-footer {
    margin: 5px 0 0;
}

@media only screen and (max-width:365px) {
    .liste-contenu-presse #block-views-communiqu-de-presse-block-4 .view-footer, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 .view-footer {
        width: 80%;
    }
}

.liste-contenu-presse #block-views-communiqu-de-presse-block-4 .view-footer .voir-plus, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 .view-footer .voir-plus {
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 6px;
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    padding: 0 0 0 40px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: table;
}

@media only screen and (max-width:365px) {
    .liste-contenu-presse #block-views-communiqu-de-presse-block-4 .view-footer .voir-plus, .liste-contenu-presse #block-views-communiqu-de-presse-block-4--2 .view-footer .voir-plus {
        line-height: 24px;
    }
}

.liste-contenu-presse #breadcrumb {
    padding: 2px 0;
}

@media only screen and (max-width:1024px) {
    .liste-contenu-presse #breadcrumb {
        padding: 0 20px;
    }
}

.liste-contenu-presse #breadcrumb .breadcrumb-wrapper #crumbs li {
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

    .liste-contenu-presse #breadcrumb .breadcrumb-wrapper #crumbs li .crumb-sepreator {
        background: url(../images/images-home/fleche-crum.png) no-repeat center center;
        text-indent: -9999px;
        width: 17px;
        padding: 0 5px;
    }

@media only screen and (max-width:1024px) {
    .liste-contenu-presse #breadcrumb .breadcrumb-wrapper #crumbs li .crumb-sepreator {
        background-position: center 8px;
    }
}

.liste-contenu-presse #breadcrumb .breadcrumb-wrapper #crumbs li a {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: #000;
}

.liste-contenu-presse #breadcrumb .breadcrumb-wrapper #crumbs li span.crumb-title {
    color: #eb5f22;
    font-size: 12px;
}

.liste-contenu-presse #edit-submit-communiqu-de-presse {
    display: none;
}

.liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir {
    clear: both;
    float: left;
    width: 100%;
    height: 198px;
    max-width: 100%;
    margin: 30px 0 0;
    background: url(../images/images-home/bg-linknews.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media only screen and (max-width:1024px) {
    .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir {
        height: auto;
    }
}

@media only screen and (max-width:800px) {
    .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir {
        padding: 0 0 5px;
    }
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir {
        height: auto;
        padding: 0;
        margin: 0;
    }
}

@media only screen and (max-width:380px) {
    .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir {
        padding: 0 0 20px;
    }
}

@media only screen and (max-width:360px) {
    .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir {
        padding: 0;
    }
}

.liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir h2 {
    margin: 35px auto 25px;
    text-align: center;
    font-family: "Raleway", sans-serif !important;
    color: #000 !important;
    background: none;
    display: block;
    text-transform: inherit !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}

@media only screen and (max-width:1024px) {
    .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir h2 {
        margin: 20px auto;
    }
}

@media only screen and (max-width:800px) {
    .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir h2 {
        margin: 30px auto 25px;
    }
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir h2 {
        margin: 30px auto;
    }
}

.liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir h2 span {
    color: #fff;
    text-transform: inherit;
    font-weight: 600 !important;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir .link, .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir .mail-link {
        padding: 0 15px 5px;
        margin: 0 auto;
        width: 80%;
    }
}

.liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir .link a, .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir .mail-link a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 5px;
    padding: 0 0 0 35px;
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    margin: 0 auto 20px;
    display: table;
    text-decoration: none;
}

@media only screen and (max-width:767px) {
    .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir .link a, .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir .mail-link a {
        line-height: 25px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 5px;
    }
}

.liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir .link a:hover, .liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir .mail-link a:hover {
    text-decoration: underline;
}

.liste-contenu-presse #block-bouygues-main-block-communi-lien-savoir .lien-savoir .mail-link a {
    background: url(../images/images-home/mail.png) no-repeat left 5px;
}

.liste-contenu-presse .views-exposed-form .form-item, .liste-contenu-presse .views-exposed-form .form-submit {
    float: left;
    margin: 5px 0 0;
}

.node-type-article-presse {
}

    .node-type-article-presse #columns {
        padding: 0 !important;
    }

    .node-type-article-presse .node-content .entete {
        font-family: "Roboto", sans-serif;
        font-size: 20px;
        line-height: 24px;
        font-weight: 300;
        text-align: center;
        color: #000;
        padding: 15px 0 0;
    }

    .node-type-article-presse .node-content .titre {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 35px;
        font-weight: 300;
        text-align: center;
        width: 80%;
        margin: 15px auto 20px;
    }

        .node-type-article-presse .node-content .titre span {
            color: #ff9545;
            font-family: "Roboto", sans-serif;
            font-size: 30px;
            line-height: 16px;
            font-weight: 700;
        }

    .node-type-article-presse .node-content .visuel-large {
        margin: 15px 0 20px;
    }

    .node-type-article-presse .node-content .field-name-field-image img {
        width: 100%;
        height: auto;
    }

    .node-type-article-presse .node-content .field-name-field-chapo {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
        color: #000;
        width: auto;
        padding: 0 0 35px 35px;
    }

@media only screen and (max-width:767px) {
    .node-type-article-presse .node-content .field-name-field-chapo {
        padding: 25px 10px;
    }
}

.node-type-article-presse .node-content .field-name-body {
    width: 80%;
    padding: 0 0 0 35px;
    background: none;
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .node-content .field-name-body {
        padding: 0 0 0 35px;
        width: 80%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .node-content .field-name-body {
        padding: 0 10px;
        width: auto;
    }
}

.node-type-article-presse .node-content .field-name-body p, .node-type-article-presse .node-content .section-media .field-name-body p strong, .section-media .node-type-article-presse .node-content .field-name-body p strong {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #000;
    float: left;
    clear: both;
    width: 100%;
}

    .node-type-article-presse .node-content .field-name-body p strong {
        font-weight: 700;
        text-transform: inherit;
    }

.node-type-article-presse .node-content .field-name-body h3, .node-type-article-presse .node-content .field-name-body h2 {
    margin: 10px 0;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: #ff9545;
    float: left;
    clear: both;
    width: 100%;
    padding: 0;
    text-transform: inherit;
}

.node-type-article-presse .node-content .field-name-body ul {
    clear: both;
}

.node-type-article-presse .node-content .field-name-field-r-f-rence-m-dia .field-label {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #7dbb3c;
    text-transform: inherit;
}

.node-type-article-presse .node-content .field-name-field-r-f-rence-m-dia .node-header a {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #515152;
}

.node-type-article-presse .node-content .field-name-field-r-f-rence-m-dia .share-video a {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #515152;
}

.node-type-article-presse .node-content .flippy {
    width: 100%;
    background: #f8f7f7;
    border: none;
    padding: 10px 0 37px;
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .node-content .flippy {
        width: 97%;
        margin: 15px auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-article-presse .node-content .flippy {
        width: 96%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .node-content .flippy {
        width: 100%;
        margin: 20px auto 15px;
    }
}

.node-type-article-presse .node-content .flippy .prev, .node-type-article-presse .node-content .flippy .next {
    background: url(../images/images-home/arrow-prev.png) no-repeat center left;
    float: left;
    padding: 0;
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .node-content .flippy .prev, .node-type-article-presse .node-content .flippy .next {
        padding: 0 0 0 25px;
    }
}

.node-type-article-presse .node-content .flippy .prev a, .node-type-article-presse .node-content .flippy .next a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
    padding: 0 0 0 35px;
    text-transform: inherit;
    color: #000;
}

@media only screen and (max-width:480px) {
    .node-type-article-presse .node-content .flippy .prev a, .node-type-article-presse .node-content .flippy .next a {
        font-size: 14px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-article-presse .node-content .flippy .prev a, .node-type-article-presse .node-content .flippy .next a {
        font-size: 12px;
        padding: 0 0 0 10px;
    }
}

.node-type-article-presse .node-content .flippy .prev a:hover, .node-type-article-presse .node-content .flippy .next a:hover {
    color: #ff9545;
}

.node-type-article-presse .node-content .flippy .next {
    background: url(../images/images-home/arrow-next.png) no-repeat center right;
    float: right;
}

    .node-type-article-presse .node-content .flippy .next a {
        padding: 0 35px 0 0;
    }

@media only screen and (max-width:360px) {
    .node-type-article-presse .node-content .flippy .next a {
        padding: 0 30px 0 0;
    }
}

.node-type-article-presse .field-name-field-bloc-contact-presse, .node-type-article-presse #block-bouygues-content-b-communique-filiale {
    background: #f8f7f7;
    padding: 10px 20px;
    float: left;
    width: 395px;
    min-height: 170px;
    margin: 0 15px 0 0;
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .field-name-field-bloc-contact-presse, .node-type-article-presse #block-bouygues-content-b-communique-filiale {
        margin: 0 14px;
        width: 44%;
    }
}

@media only screen and (max-width:900px) {
    .node-type-article-presse .field-name-field-bloc-contact-presse, .node-type-article-presse #block-bouygues-content-b-communique-filiale {
        width: 43.2%;
    }
}

@media only screen and (max-width:800px) {
    .node-type-article-presse .field-name-field-bloc-contact-presse, .node-type-article-presse #block-bouygues-content-b-communique-filiale {
        width: 42%;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .field-name-field-bloc-contact-presse, .node-type-article-presse #block-bouygues-content-b-communique-filiale {
        width: 100%;
        min-height: auto;
        margin: 0;
        padding: 18px 20px 0;
    }
}

.node-type-article-presse .field-name-field-bloc-contact-presse .field-label, .node-type-article-presse #block-bouygues-content-b-communique-filiale .field-label {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    text-transform: inherit;
    margin: 0 0 20px;
}

.node-type-article-presse .field-name-field-bloc-contact-presse .field-item-contact-presse p, .node-type-article-presse #block-bouygues-content-b-communique-filiale .field-item-contact-presse p, .node-type-article-presse .field-name-field-bloc-contact-presse .field-item-contact-presse .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-article-presse .field-name-field-bloc-contact-presse .field-item-contact-presse strong, .node-type-article-presse #block-bouygues-content-b-communique-filiale .field-item-contact-presse .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-article-presse #block-bouygues-content-b-communique-filiale .field-item-contact-presse strong {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    color: #000;
}

    .node-type-article-presse .field-name-field-bloc-contact-presse .field-item-contact-presse p span, .node-type-article-presse #block-bouygues-content-b-communique-filiale .field-item-contact-presse p span, .section-media .field-name-body p .node-type-article-presse .field-name-field-bloc-contact-presse .field-item-contact-presse strong span, .section-media .field-name-body p .node-type-article-presse #block-bouygues-content-b-communique-filiale .field-item-contact-presse strong span {
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        line-height: 25px;
        font-weight: 500;
        color: #7dbb3c;
    }

    .node-type-article-presse .field-name-field-bloc-contact-presse .field-item-contact-presse p a, .node-type-article-presse #block-bouygues-content-b-communique-filiale .field-item-contact-presse p a, .section-media .field-name-body p .node-type-article-presse .field-name-field-bloc-contact-presse .field-item-contact-presse strong a, .section-media .field-name-body p .node-type-article-presse #block-bouygues-content-b-communique-filiale .field-item-contact-presse strong a {
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        line-height: 25px;
        font-weight: 300;
        color: #000;
        text-decoration: underline !important;
    }

        .node-type-article-presse .field-name-field-bloc-contact-presse .field-item-contact-presse p a:hover, .node-type-article-presse #block-bouygues-content-b-communique-filiale .field-item-contact-presse p a:hover, .section-media .field-name-body p .node-type-article-presse .field-name-field-bloc-contact-presse .field-item-contact-presse strong a:hover, .section-media .field-name-body p .node-type-article-presse #block-bouygues-content-b-communique-filiale .field-item-contact-presse strong a:hover {
            color: #ff9545;
            text-decoration: none !important;
        }

.node-type-article-presse #block-bouygues-content-b-communique-filiale {
    margin: 0;
}

@media only screen and (max-width:767px) {
    .node-type-article-presse #block-bouygues-content-b-communique-filiale {
        padding: 18px 20px 20px;
        height: auto;
    }
}

.node-type-article-presse #block-bouygues-content-b-communique-filiale .titre {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    text-transform: inherit;
    margin: 0 0 20px;
    width: 100%;
    text-align: left;
}

.node-type-article-presse #block-bouygues-content-b-communique-filiale .communique_filiale_lien a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 6px;
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    padding: 0 0 0 40px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: table;
}

.node-type-article-presse .lien-savoir {
    clear: both;
    float: left;
    width: 100%;
    height: 198px;
    max-width: 100%;
    margin: 15px 0 0;
    padding: 0 0 10px;
    background: url(../images/images-home/bg-linknews.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .lien-savoir {
        height: auto;
        padding: 0;
    }
}

@media only screen and (max-width:800px) {
    .node-type-article-presse .lien-savoir {
        padding: 0 0 5px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .lien-savoir {
        height: auto;
        padding: 0;
        margin: 0;
    }
}

@media only screen and (max-width:380px) {
    .node-type-article-presse .lien-savoir {
        padding: 0 0 20px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-article-presse .lien-savoir {
        padding: 0;
    }
}

.node-type-article-presse .lien-savoir h2 {
    margin: 35px auto 30px;
    text-align: center;
    font-family: "Raleway", sans-serif !important;
    color: #000 !important;
    background: none;
    display: block;
    text-transform: inherit !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .lien-savoir h2 {
        margin: 20px auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-article-presse .lien-savoir h2 {
        margin: 30px auto 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .lien-savoir h2 {
        margin: 20px auto;
    }
}

.node-type-article-presse .lien-savoir h2 span {
    color: #fff;
    text-transform: inherit;
    font-weight: 600 !important;
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .lien-savoir .links, .node-type-article-presse .lien-savoir .section-media .fichier-hd, .section-media .node-type-article-presse .lien-savoir .fichier-hd {
        padding: 0 15px;
    }
}

.node-type-article-presse .lien-savoir .links li, .node-type-article-presse .lien-savoir .section-media .fichier-hd li, .section-media .node-type-article-presse .lien-savoir .fichier-hd li {
    margin: 5px 0;
    height: 38px;
    display: table;
    margin: 0 auto;
}

    .node-type-article-presse .lien-savoir .links li a, .node-type-article-presse .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-article-presse .lien-savoir .fichier-hd li a {
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 7px;
        padding: 0 0 0 35px;
        font-family: "robotocondensed", sans-serif;
        font-size: 20px;
        line-height: 27px;
        font-weight: 500;
        color: #000;
        text-transform: uppercase;
    }

@media only screen and (max-width:1024px) {
    .node-type-article-presse .lien-savoir .links li a, .node-type-article-presse .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-article-presse .lien-savoir .fichier-hd li a {
        font-size: 18px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .lien-savoir .links li a, .node-type-article-presse .lien-savoir .section-media .fichier-hd li a, .section-media .node-type-article-presse .lien-savoir .fichier-hd li a {
        line-height: 20px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 3px;
    }
}

.node-type-article-presse .lien-savoir .links li a em, .node-type-article-presse .lien-savoir .section-media .fichier-hd li a em, .section-media .node-type-article-presse .lien-savoir .fichier-hd li a em {
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .lien-savoir .links li a em, .node-type-article-presse .lien-savoir .section-media .fichier-hd li a em, .section-media .node-type-article-presse .lien-savoir .fichier-hd li a em {
        font-size: 18px;
    }
}

.node-type-article-presse .lien-savoir .links li a.pdf, .node-type-article-presse .lien-savoir .section-media .fichier-hd li a.pdf, .section-media .node-type-article-presse .lien-savoir .fichier-hd li a.pdf {
    background: url(../images/images-home/download.png) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .lien-savoir .links li a.pdf, .node-type-article-presse .lien-savoir .section-media .fichier-hd li a.pdf, .section-media .node-type-article-presse .lien-savoir .fichier-hd li a.pdf {
        background: url(../images/images-home/download.png) no-repeat left 3px;
    }
}

.node-type-article-presse .lien-savoir .links li a.pic-mail, .node-type-article-presse .lien-savoir .section-media .fichier-hd li a.pic-mail, .section-media .node-type-article-presse .lien-savoir .fichier-hd li a.pic-mail {
    background: url(../images/images-home/mail.png) no-repeat left center;
}

@media only screen and (max-width:360px) {
    .node-type-article-presse .lien-savoir .links li.last, .node-type-article-presse .lien-savoir .section-media .fichier-hd li.last, .section-media .node-type-article-presse .lien-savoir .fichier-hd li.last {
        padding: 0 0 25px;
    }
}

.node-type-article-presse .lien-savoir.more-links h2 {
    margin: 35px auto 30px;
    text-align: center;
    font-family: "Raleway", sans-serif !important;
    color: #000 !important;
    background: none;
    display: block;
    text-transform: inherit !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .lien-savoir.more-links h2 {
        margin: 30px auto;
    }
}

@media only screen and (max-width:800px) {
    .node-type-article-presse .lien-savoir.more-links h2 {
        margin: 30px auto 25px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .lien-savoir.more-links h2 {
        margin: 20px auto;
    }
}

.node-type-article-presse .lien-savoir.more-links h2 span {
    color: #fff;
    text-transform: inherit;
    font-weight: 600 !important;
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .lien-savoir.more-links .links, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd {
        padding: 0 15px;
    }
}

.node-type-article-presse .lien-savoir.more-links .links li, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li {
    width: 46%;
    float: left;
    padding: 0 0 0 35px;
    margin: 5px 0;
    height: 38px;
}

@media only screen and (max-width:800px) {
    .node-type-article-presse .lien-savoir.more-links .links li, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li {
        padding: 0 0 0 15px;
        width: 47%;
        margin: 0 0 6px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .lien-savoir.more-links .links li, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li {
        width: 45%;
        float: left;
        margin: 0 15px 10px 0;
        padding: 0;
    }
}

@media only screen and (max-width:480px) {
    .node-type-article-presse .lien-savoir.more-links .links li, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li {
        width: 100%;
        margin: 0 5px 10px;
    }
}

.node-type-article-presse .lien-savoir.more-links .links li a, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li a {
    background: url(../images/images-home/oeil-mobile.png) no-repeat left 7px;
    padding: 0 0 0 35px;
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .lien-savoir.more-links .links li a, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li a {
        font-size: 18px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .lien-savoir.more-links .links li a, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li a {
        line-height: 20px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 3px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-article-presse .lien-savoir.more-links .links li a, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li a, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li a {
        line-height: 32px;
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 8px;
    }
}

.node-type-article-presse .lien-savoir.more-links .links li a em, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li a em, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li a em {
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .lien-savoir.more-links .links li a em, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li a em, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li a em {
        font-size: 18px;
    }
}

.node-type-article-presse .lien-savoir.more-links .links li a.pdf, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li a.pdf {
    background: url(../images/images-home/download.png) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .lien-savoir.more-links .links li a.pdf, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li a.pdf {
        background: url(../images/images-home/download.png) no-repeat left 3px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-article-presse .lien-savoir.more-links .links li a.pdf, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li a.pdf, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li a.pdf {
        background: url(../images/images-home/download.png) no-repeat left 6px;
    }
}

.node-type-article-presse .lien-savoir.more-links .links li a.pic-mail, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li a.pic-mail, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li a.pic-mail {
    background: url(../images/images-home/mail.png) no-repeat left center;
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .lien-savoir.more-links .links li.last, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li.last {
        margin: 0 0 5px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-article-presse .lien-savoir.more-links .links li.last, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li.last {
        width: 100%;
        margin: 0 5px 5px;
    }
}

@media only screen and (max-width:360px) {
    .node-type-article-presse .lien-savoir.more-links .links li.last, .node-type-article-presse .lien-savoir.more-links .section-media .fichier-hd li.last, .section-media .node-type-article-presse .lien-savoir.more-links .fichier-hd li.last {
        padding: 0 0 25px;
    }
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .lien_retour_liste {
        display: none;
    }
}

.node-type-article-presse #breadcrumb {
    display: none;
}

.node-type-article-presse .field-collection-view {
    padding: 0;
}

.node-type-article-presse .field-type-text-with-summary {
    margin-top: 0;
}

.node-type-article-presse .flexslider.fc-diapo {
    margin: 25px auto 20px;
    width: 100%;
    height: auto;
}

    .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .field-type-image img {
        width: 100%;
        height: auto;
    }

    .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box {
        width: 100% !important;
        background: #ff9545;
        float: left;
        position: static;
        height: 90px;
    }

@media only screen and (max-width:480px) {
    .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box {
        width: 100% !important;
        height: 110px;
        padding: 15px 0 0;
    }
}

.node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long {
        padding: 5px 0;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long {
        padding: 5px 0;
    }
}

.node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p, .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong {
    text-align: center !important;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
}

    .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p strong, .section-media .field-name-body p .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong strong {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 30px;
        font-weight: 400;
        color: #fff;
        -webkit-text-size-adjust: none;
    }

@media screen and (orientation:landscape) {
    .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p strong, .section-media .field-name-body p .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong strong {
        -webkit-text-size-adjust: none;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p strong, .section-media .field-name-body p .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong strong {
        padding: 0 10px;
    }
}

@media only screen and (max-width:480px) {
    .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p strong, .section-media .field-name-body p .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong strong {
        line-height: 21px;
    }
}

.node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p em, .section-media .field-name-body p .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong em {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    font-style: italic;
    color: #fff !important;
    -webkit-text-size-adjust: none;
}

@media screen and (orientation:landscape) {
    .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item p em, .section-media .field-name-body p .node-type-article-presse .flexslider.fc-diapo .flex-viewport ul li .illustration-item-wrapper .legend-box .field-type-text-long .field-item strong em {
        -webkit-text-size-adjust: none;
    }
}

.node-type-article-presse .flexslider.fc-diapo .flex-control-nav {
    bottom: 20px;
    right: 0;
    text-align: center;
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .node-type-article-presse .flexslider.fc-diapo .flex-control-nav {
        bottom: 7px;
    }
}

@media only screen and (max-width:767px) {
    .node-type-article-presse .flexslider.fc-diapo .flex-control-nav {
        bottom: 10px;
    }
}

.node-type-article-presse .flexslider.fc-diapo .flex-control-nav li a {
    background: #ffc89e;
    width: 15px;
    height: 15px;
    text-indent: -9999px !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}

    .node-type-article-presse .flexslider.fc-diapo .flex-control-nav li a.flex-active {
        background: #fff;
    }

.node-type-article-presse .flexslider.fc-diapo .flex-direction-nav {
    display: none;
}

.section-carrieres, .section-carreer {
}

    .section-carrieres #columns, .section-carreer #columns {
        padding: 0 !important;
    }

    .section-carrieres #header, .section-carreer #header {
        height: auto;
    }

        .section-carrieres #header .career-head-image img, .section-carreer #header .career-head-image img {
            width: 100%;
            height: auto;
        }

    .section-carrieres #main-content #main-content-header h1#page-title, .section-carreer #main-content #main-content-header h1#page-title {
        margin: 30px auto 0px;
        text-align: center;
        width: 100%;
        font-family: "Roboto", sans-serif;
        font-size: 40px;
        line-height: 42px;
        font-weight: 700;
        color: #ff9545;
        text-transform: inherit;
        padding: 0;
    }

@media only screen and (max-width:767px) {
    .section-carrieres #main-content #main-content-header h1#page-title, .section-carreer #main-content #main-content-header h1#page-title {
        font-size: 30px;
        margin: 20px auto 0;
    }
}

.section-carrieres .field-name-field-chapo, .section-carreer .field-name-field-chapo {
    margin: 20px auto;
    width: 90%;
}

@media only screen and (max-width:900px) {
    .section-carrieres .field-name-field-chapo, .section-carreer .field-name-field-chapo {
        width: 92% !important;
        margin: 5px auto 0;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres .field-name-field-chapo, .section-carreer .field-name-field-chapo {
        width: 95% !important;
        margin: 5px auto 0;
    }
}

.section-carrieres .field-name-field-chapo p, .section-carrieres .field-name-field-chapo .section-media .field-name-body p strong, .section-media .field-name-body p .section-carrieres .field-name-field-chapo strong, .section-carreer .field-name-field-chapo p, .section-carreer .field-name-field-chapo .section-media .field-name-body p strong, .section-media .field-name-body p .section-carreer .field-name-field-chapo strong {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

.section-carrieres .field-name-field-texte, .section-carreer .field-name-field-texte {
    width: 85%;
    padding: 0 0 0 35px;
    background: none;
}

@media only screen and (max-width:1024px) {
    .section-carrieres .field-name-field-texte, .section-carreer .field-name-field-texte {
        padding: 0 0 0 15px;
        width: 90%;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres .field-name-field-texte, .section-carreer .field-name-field-texte {
        padding: 0 10px;
        width: auto;
    }
}

.section-carrieres .field-name-field-texte h2, .section-carreer .field-name-field-texte h2 {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 15px;
    font-weight: 700;
    color: #ff9545;
    padding: 15px 0 13px;
    text-transform: inherit;
}

@media only screen and (max-width:767px) {
    .section-carrieres .field-name-field-texte h2, .section-carreer .field-name-field-texte h2 {
        padding: 10px 0 5px;
        line-height: 30px;
    }
}

.section-carrieres .field-name-field-texte p, .section-carrieres .field-name-field-texte .section-media .field-name-body p strong, .section-media .field-name-body p .section-carrieres .field-name-field-texte strong, .section-carreer .field-name-field-texte p, .section-carreer .field-name-field-texte .section-media .field-name-body p strong, .section-media .field-name-body p .section-carreer .field-name-field-texte strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #000;
}

    .section-carrieres .field-name-field-texte p strong, .section-media .field-name-body p .section-carrieres .field-name-field-texte strong strong, .section-carreer .field-name-field-texte p strong, .section-media .field-name-body p .section-carreer .field-name-field-texte strong strong {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 26px;
        font-weight: 500;
        color: #000;
    }

.section-carrieres .field-name-field-texte .rtecenter, .section-carreer .field-name-field-texte .rtecenter {
    margin: 25px 0 0;
}

@media only screen and (max-width:1024px) {
    .section-carrieres .field-name-field-texte .rtecenter a img, .section-carreer .field-name-field-texte .rtecenter a img {
        height: auto !important;
        width: 100% !important;
    }
}

.section-carrieres .block-VousEtes:after, .section-carreer .block-VousEtes:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.section-carrieres .block-VousEtes .blockHaut, .section-carreer .block-VousEtes .blockHaut {
    width: 100%;
}

    .section-carrieres .block-VousEtes .blockHaut .imageHaut, .section-carreer .block-VousEtes .blockHaut .imageHaut {
        width: 50%;
        float: left;
        height: 320px;
    }

@media only screen and (max-width:1024px) {
    .section-carrieres .block-VousEtes .blockHaut .imageHaut, .section-carreer .block-VousEtes .blockHaut .imageHaut {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockHaut .imageHaut, .section-carreer .block-VousEtes .blockHaut .imageHaut {
        height: auto;
        width: 100%;
    }
}

.section-carrieres .block-VousEtes .blockHaut .imageHaut img, .section-carreer .block-VousEtes .blockHaut .imageHaut img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.section-carrieres .block-VousEtes .blockHaut .blockInsertion, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants, .section-carreer .block-VousEtes .blockHaut .blockInsertion, .section-carreer .block-VousEtes .blockHaut .blockEtudiants {
    background: #14b9c8;
    float: right;
    width: 50%;
    padding-bottom: 2.2%;
}

@media only screen and (max-width:1024px) {
    .section-carrieres .block-VousEtes .blockHaut .blockInsertion, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants, .section-carreer .block-VousEtes .blockHaut .blockInsertion, .section-carreer .block-VousEtes .blockHaut .blockEtudiants {
        padding-bottom: 4.5%;
    }
}

@media only screen and (max-width:940px) {
    .section-carrieres .block-VousEtes .blockHaut .blockInsertion, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants, .section-carreer .block-VousEtes .blockHaut .blockInsertion, .section-carreer .block-VousEtes .blockHaut .blockEtudiants {
        padding-bottom: 3.5%;
    }
}

@media only screen and (max-width:915px) {
    .section-carrieres .block-VousEtes .blockHaut .blockInsertion, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants, .section-carreer .block-VousEtes .blockHaut .blockInsertion, .section-carreer .block-VousEtes .blockHaut .blockEtudiants {
        padding-bottom: 3%;
    }
}

@media only screen and (max-width:900px) {
    .section-carrieres .block-VousEtes .blockHaut .blockInsertion, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants, .section-carreer .block-VousEtes .blockHaut .blockInsertion, .section-carreer .block-VousEtes .blockHaut .blockEtudiants {
        padding-bottom: 5%;
    }
}

@media only screen and (max-width:800px) {
    .section-carrieres .block-VousEtes .blockHaut .blockInsertion, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants, .section-carreer .block-VousEtes .blockHaut .blockInsertion, .section-carreer .block-VousEtes .blockHaut .blockEtudiants {
        padding-bottom: 2%;
    }
}

@media only screen and (max-width:790px) {
    .section-carrieres .block-VousEtes .blockHaut .blockInsertion, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants, .section-carreer .block-VousEtes .blockHaut .blockInsertion, .section-carreer .block-VousEtes .blockHaut .blockEtudiants {
        padding-bottom: 1.3%;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockHaut .blockInsertion, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants, .section-carreer .block-VousEtes .blockHaut .blockInsertion, .section-carreer .block-VousEtes .blockHaut .blockEtudiants {
        height: auto;
        width: 100%;
        padding: 0 0 25px;
    }
}

.section-carrieres .block-VousEtes .blockHaut .blockInsertion .titre, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .titre, .section-carreer .block-VousEtes .blockHaut .blockInsertion .titre, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .titre {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: #fff;
    padding: 35px 35px 15px;
}

@media only screen and (max-width:900px) {
    .section-carrieres .block-VousEtes .blockHaut .blockInsertion .titre, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .titre, .section-carreer .block-VousEtes .blockHaut .blockInsertion .titre, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .titre {
        padding: 15px 35px 0;
        font-size: 20px;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockHaut .blockInsertion .titre, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .titre, .section-carreer .block-VousEtes .blockHaut .blockInsertion .titre, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .titre {
        padding: 25px 20px 2px;
        font-size: 30px;
    }
}

.section-carrieres .block-VousEtes .blockHaut .blockInsertion .soustitre, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .soustitre, .section-carreer .block-VousEtes .blockHaut .blockInsertion .soustitre, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .soustitre {
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    line-height: 22px;
    font-weight: 300;
    color: #fff;
    padding: 0 35px 15px;
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockHaut .blockInsertion .soustitre, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .soustitre, .section-carreer .block-VousEtes .blockHaut .blockInsertion .soustitre, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .soustitre {
        padding: 0 21px 20px;
    }
}

.section-carrieres .block-VousEtes .blockHaut .blockInsertion .lien a, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .lien a, .section-carreer .block-VousEtes .blockHaut .blockInsertion .lien a, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .lien a {
    font-family: "robotocondensed", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #000;
    padding: 0 0 0 30px;
    background: url(../images/images-home/oeil.png) no-repeat left 5px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 35px;
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockHaut .blockInsertion .lien a, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .lien a, .section-carreer .block-VousEtes .blockHaut .blockInsertion .lien a, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .lien a {
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 6px;
        font-size: 20px;
        padding: 0 0 0 40px;
        margin: 0 25px;
    }
}

.section-carrieres .block-VousEtes .blockHaut .blockInsertion .lien a:hover, .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .lien a:hover, .section-carreer .block-VousEtes .blockHaut .blockInsertion .lien a:hover, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .lien a:hover {
    text-decoration: underline;
}

.section-carrieres .block-VousEtes .blockHaut .blockEtudiants, .section-carreer .block-VousEtes .blockHaut .blockEtudiants {
    background: #fff;
    padding-bottom: 1.7%;
}

    .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .titre, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .titre {
        color: #14b9c8;
        padding: 15px 35px 10px;
    }

@media only screen and (max-width:1024px) {
    .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .titre, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .titre {
        padding: 35px 35px 10px;
    }
}

@media only screen and (max-width:900px) {
    .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .titre, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .titre {
        padding: 15px 35px 0;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .titre, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .titre {
        padding: 25px 20px 2px;
    }
}

.section-carrieres .block-VousEtes .blockHaut .blockEtudiants .soustitre, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .soustitre {
    color: #000;
}

@media only screen and (max-width:900px) {
    .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .soustitre, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .soustitre {
        padding: 0 35px 8px;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockHaut .blockEtudiants .soustitre, .section-carreer .block-VousEtes .blockHaut .blockEtudiants .soustitre {
        padding: 2px 20px 20px;
    }
}

.section-carrieres .block-VousEtes .blockBas, .section-carreer .block-VousEtes .blockBas {
    width: 100%;
    clear: both;
}

    .section-carrieres .block-VousEtes .blockBas .bloc-jeune, .section-carreer .block-VousEtes .blockBas .bloc-jeune {
        float: left;
        width: 50%;
    }

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune, .section-carreer .block-VousEtes .blockBas .bloc-jeune {
        height: auto;
        width: 100%;
    }
}

.section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente {
    background: #fff;
    padding-bottom: 3.4%;
}

@media only screen and (max-width:1024px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente {
        padding-bottom: 6.85%;
    }
}

@media only screen and (max-width:991px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente {
        padding-bottom: 5.9%;
    }
}

@media only screen and (max-width:980px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente {
        padding-bottom: 5.5%;
    }
}

@media only screen and (max-width:800px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente {
        padding-bottom: 6.1%;
    }
}

@media only screen and (max-width:768px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente {
        padding-bottom: 4.85%;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente {
        height: auto;
        width: 100%;
        padding: 0 0 25px;
    }
}

.section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .titre, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .titre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: #b0d057;
    padding: 20px 35px 15px;
}

@media only screen and (max-width:1024px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .titre, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .titre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre {
        padding: 30px 35px 15px;
    }
}

@media only screen and (max-width:800px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .titre, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .titre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre {
        padding-bottom: 6.5%;
        font-size: 20px;
        padding: 15px 35px 0;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .titre, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .titre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre {
        padding: 32px 20px 2px;
        font-size: 30px;
    }
}

.section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .soustitre, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .soustitre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .soustitre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .soustitre {
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    line-height: 22px;
    font-weight: 300;
    color: #000;
    padding: 0 35px 15px;
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .soustitre, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .soustitre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .soustitre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .soustitre {
        padding: 0 21px 20px;
    }
}

.section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .lien a, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .lien a, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .lien a, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .lien a {
    font-family: "robotocondensed", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #000;
    padding: 0 0 0 30px;
    background: url(../images/images-home/oeil.png) no-repeat left 5px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 35px;
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .lien a, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .lien a, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .lien a, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .lien a {
        background: url(../images/images-home/oeil-mobile.png) no-repeat left 6px;
        font-size: 20px;
        padding: 0 0 0 40px;
        margin: 0 25px;
    }
}

.section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .lien a:hover, .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .lien a:hover, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockJeuneDiplome .lien a:hover, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .lien a:hover {
    text-decoration: underline;
}

.section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente {
    background: #b0d057;
}

    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre {
        color: #fff;
        padding: 30px 35px 15px;
    }

@media only screen and (max-width:800px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre {
        padding: 15px 35px 0;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .titre {
        padding: 30px 20px 2px;
    }
}

.section-carrieres .block-VousEtes .blockBas .bloc-jeune .blockExperimente .soustitre, .section-carreer .block-VousEtes .blockBas .bloc-jeune .blockExperimente .soustitre {
    color: #fff;
}

.section-carrieres .block-VousEtes .blockBas .imageBas, .section-carreer .block-VousEtes .blockBas .imageBas {
    width: 50%;
    float: right;
    height: 320px;
}

@media only screen and (max-width:1024px) {
    .section-carrieres .block-VousEtes .blockBas .imageBas, .section-carreer .block-VousEtes .blockBas .imageBas {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres .block-VousEtes .blockBas .imageBas, .section-carreer .block-VousEtes .blockBas .imageBas {
        width: 100%;
    }
}

.section-carrieres .block-VousEtes .blockBas .imageBas img, .section-carreer .block-VousEtes .blockBas .imageBas img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.section-carrieres .postulez, .section-carreer .postulez {
    background: url(../images/images-home/carriere-map.jpg) no-repeat center top;
    width: 100%;
    height: 212px;
    clear: both;
    float: left;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media only screen and (max-width:767px) {
    .section-carrieres .postulez, .section-carreer .postulez {
        height: auto;
    }
}

.section-carrieres .postulez h2, .section-carreer .postulez h2 {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 35px;
    font-weight: 300;
    color: #000;
    text-transform: inherit;
    padding: 35px 0 15px;
    text-align: center;
}

    .section-carrieres .postulez h2 span, .section-carreer .postulez h2 span {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 35px;
        font-weight: 700;
        color: #fff;
    }

@media only screen and (max-width:767px) {
    .section-carrieres .postulez h2, .section-carreer .postulez h2 {
        font-size: 36px;
        line-height: 40px;
    }
}

.section-carrieres .postulez .texte, .section-carrieres .postulez .texte1, .section-carreer .postulez .texte, .section-carreer .postulez .texte1 {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

@media only screen and (max-width:767px) {
    .section-carrieres .postulez .texte, .section-carrieres .postulez .texte1, .section-carreer .postulez .texte, .section-carreer .postulez .texte1 {
        margin: 0 auto;
        padding: 10px 18px 0;
        width: 90%;
    }
}

.section-carrieres .postulez .lien a, .section-carreer .postulez .lien a {
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: normal;
    color: #000;
    padding: 0 0 0 35px;
    background: url(../images/images-home/arrow-right.png) no-repeat left 3px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 24px auto 0;
    display: table;
}

@media only screen and (max-width:767px) {
    .section-carrieres .postulez .lien a, .section-carreer .postulez .lien a {
        margin: 25px auto 35px;
    }
}

.section-carrieres .postulez .lien a:hover, .section-carreer .postulez .lien a:hover {
    text-decoration: underline;
}

@media only screen and (max-width:1024px) {
    .section-carrieres #breadcrumb, .section-carreer #breadcrumb {
        padding: 5px 10px;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres #breadcrumb, .section-carreer #breadcrumb {
        display: block;
    }
}

@media only screen and (max-width:1024px) {
    .section-carrieres #breadcrumb ol li .crumb-sepreator, .section-carreer #breadcrumb ol li .crumb-sepreator {
        background-position: center 6px;
    }
}

@media only screen and (max-width:480px) {
    .section-carrieres #breadcrumb ol li .crumb-sepreator, .section-carreer #breadcrumb ol li .crumb-sepreator {
        background-position: center 6px !important;
    }
}

@media only screen and (max-width:767px) {
    .section-carrieres #breadcrumb ol li .crumb-title, .section-carreer #breadcrumb ol li .crumb-title {
        position: relative;
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .section-carrieres #breadcrumb ol li .crumb-title, .section-carreer #breadcrumb ol li .crumb-title {
        top: 0;
    }
}

@media only screen and (max-width:1024px) {
    .section-carrieres .breadcrumb-mobile, .section-carreer .breadcrumb-mobile {
        display: none !important;
    }
}

.page-presse-mediatheque {
}

    .page-presse-mediatheque #columns {
        padding: 0 !important;
    }

    .page-presse-mediatheque #main-content #main-content-header h1#page-title {
        margin: 55px auto 20px;
        text-align: center;
        width: 100%;
        font-family: "Roboto", sans-serif;
        font-size: 40px;
        line-height: 42px;
        font-weight: 700;
        color: #ff9545;
        text-transform: inherit;
        padding: 0;
    }

@media only screen and (max-width:767px) {
    .page-presse-mediatheque #main-content #main-content-header h1#page-title {
        font-size: 30px;
        margin: 15px auto 0;
    }
}

.page-presse-mediatheque .view-filters {
    margin: 40px 0 0;
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .view-filters {
        margin: 0;
    }
}

.page-presse-mediatheque .view-filters .dropdown {
    background: none;
    width: auto;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 100;
}

@media only screen and (max-width:1024px) {
    .page-presse-mediatheque .view-filters .dropdown {
        margin: 0 15px;
    }
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .view-filters .dropdown {
        margin: 0 12px 25px;
        display: block;
    }
}

.page-presse-mediatheque .view-filters .dropdown .dropdown-selected {
    background: url(../images/images-home/drop-down.png) no-repeat right 7px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #ff9545;
    text-transform: inherit;
    width: auto;
    padding: 0 22px 0 0;
}

.page-presse-mediatheque .view-filters .dropdown .divscroller {
    background: #f8f7f7;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #ff9545;
    border: none;
    margin: 11px 0;
    width: 235px !important;
}

    .page-presse-mediatheque .view-filters .dropdown .divscroller .sel {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 15px;
        font-weight: 300;
        color: #000;
        text-align: left;
    }

@media only screen and (max-width:1024px) {
    .page-presse-mediatheque .view-filters .dropdown .divscroller {
        margin: 15px 0;
    }
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .view-filters .dropdown .divscroller {
        width: 305px !important;
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .page-presse-mediatheque .view-filters .dropdown .divscroller {
        width: 305px !important;
    }
}

@media only screen and (max-width:480px) {
    .page-presse-mediatheque .view-filters .dropdown .divscroller {
        width: 290px !important;
    }
}

.page-presse-mediatheque .view-filters .description {
    display: none;
}

.page-presse-mediatheque .view-filters #edit-field-th-me-tid-wrapper, .page-presse-mediatheque .view-filters #edit-field-type-m-dia-value-wrapper {
    float: left;
    width: auto;
    padding: 0;
    margin: 0 55px 0 0;
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .view-filters #edit-field-th-me-tid-wrapper, .page-presse-mediatheque .view-filters #edit-field-type-m-dia-value-wrapper {
        display: block;
    }
}

.page-presse-mediatheque .view-filters #edit-field-th-me-tid-wrapper .dropdown, .page-presse-mediatheque .view-filters #edit-field-type-m-dia-value-wrapper .dropdown {
    z-index: 101;
}

    .page-presse-mediatheque .view-filters #edit-field-th-me-tid-wrapper .dropdown .divscroller, .page-presse-mediatheque .view-filters #edit-field-type-m-dia-value-wrapper .dropdown .divscroller {
        z-index: 9999;
    }

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .view-filters #edit-field-type-m-dia-value-wrapper {
        clear: both;
    }
}

.page-presse-mediatheque .view-filters #edit-field-type-m-dia-value-wrapper .dropdown {
    z-index: 100;
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .item-list {
        clear: both;
        margin: 0 0 30px;
    }
}

.page-presse-mediatheque .item-list .pager {
    border: none;
    background: #f8f7f7;
    margin: 0;
    padding: 8px 0;
}

@media only screen and (max-width:800px) {
    .page-presse-mediatheque .item-list .pager {
        padding: 0 0 5px;
    }
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .item-list .pager {
        margin: 0;
        padding: 0;
    }
}

.page-presse-mediatheque .item-list .pager li {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000;
    border: none !important;
    padding: 0 6px;
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .item-list .pager li {
        display: inline-block;
        padding: 11px 5px 7px;
    }
}

.page-presse-mediatheque .item-list .pager li a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000;
    font-size: 16px;
    display: inline-block;
    padding: 5px 0 0;
}

.page-presse-mediatheque .item-list .pager li.pager-current {
    color: #ff9545;
    font-size: 16px;
}

.page-presse-mediatheque .item-list .pager li.pager-next a, .page-presse-mediatheque .item-list .pager li.pager-previous a {
    background: url(../images/images-home/arrow-next.png) no-repeat center top;
    display: inline-block;
    height: 27px;
    text-indent: -9999px;
    width: 27px;
    padding: 0 5px;
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .item-list .pager li.pager-next a, .page-presse-mediatheque .item-list .pager li.pager-previous a {
        padding: 0;
    }
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .item-list .pager li.pager-next, .page-presse-mediatheque .item-list .pager li.pager-previous {
        margin: 10px 0;
        padding: 0;
        float: right;
    }
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .item-list .pager li.pager-previous {
        float: left;
    }
}

.page-presse-mediatheque .item-list .pager li.pager-previous a {
    background: url(../images/images-home/arrow-prev.png) no-repeat center top;
}

.page-presse-mediatheque .item-list .pager li.pager-last {
    display: inline-block;
    text-indent: -9999px;
}

.page-presse-mediatheque #block-block-12 {
    border: none;
    padding: 0;
    width: 80%;
}

@media only screen and (max-width:1024px) {
    .page-presse-mediatheque #block-block-12 {
        padding: 0 15px;
    }
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque #block-block-12 {
        padding: 0 10px 50px;
        width: auto;
    }
}

.page-presse-mediatheque #block-block-12 .block-title {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000;
    margin: 25px 0 3px;
    text-transform: inherit;
}

.page-presse-mediatheque #block-block-12 p, .page-presse-mediatheque #block-block-12 .section-media .field-name-body p strong, .section-media .field-name-body p .page-presse-mediatheque #block-block-12 strong {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #000;
    font-style: normal;
    margin: 0;
}

    .page-presse-mediatheque #block-block-12 p a, .section-media .field-name-body p .page-presse-mediatheque #block-block-12 strong a {
        color: #ff9545;
        text-decoration: none;
    }

        .page-presse-mediatheque #block-block-12 p a:hover, .section-media .field-name-body p .page-presse-mediatheque #block-block-12 strong a:hover {
            color: #7dbb3c;
        }

.page-presse-mediatheque #block-block-12 ul {
    margin: 5px 0 0 12px;
}

    .page-presse-mediatheque #block-block-12 ul li {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 22px;
        font-weight: 300;
        color: #000;
        font-style: normal;
        list-style-type: none;
        position: relative;
    }

        .page-presse-mediatheque #block-block-12 ul li:before {
            position: absolute;
            content: " . ";
            color: #ff9545;
            font-size: 45px;
            left: -12px;
            position: absolute;
            top: -14px;
        }

.page-presse-mediatheque .view-m-diath-que .view-content td, .page-presse-mediatheque .view-m-diath-que-page .view-content td {
    width: 25%;
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td, .page-presse-mediatheque .view-m-diath-que-page .view-content td {
        width: 50%;
    }
}

.page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic {
    position: relative;
    height: 149px;
}

@media only screen and (max-width:1024px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic {
        height: 0;
        padding-bottom: 67%;
    }
}

.page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video:hover .image-video, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic:hover .image-video, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video:hover .vignette-pic .image-pic, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .vignette-video:hover .image-pic, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic:hover .image-pic, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video:hover .image-video, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic:hover .image-video, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video:hover .vignette-pic .image-pic, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .vignette-video:hover .image-pic, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic:hover .image-pic {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}

.page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video .image-video, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-video, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video .image-video, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-video, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        font-family: "robotocondensed", sans-serif;
        font-size: 20px;
        line-height: 25px;
        font-weight: normal;
        color: #fff;
        cursor: url(../images/images-home/cursor-hand.png), auto;
        text-decoration: none;
        background: url(../images/images-home/play-btn.png) no-repeat 43px 68px;
        padding: 0 0 0 30px;
        text-transform: uppercase;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

@media only screen and (max-width:1024px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background: url(../images/images-home/play-btn.png) no-repeat 60px 80px;
    }
}

@media only screen and (max-width:800px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background: url(../images/images-home/play-btn.png) no-repeat 28px 59px;
    }
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 33% 50%;
    }
}

@media only screen and (max-width:640px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 29% 51%;
    }
}

@media only screen and (max-width:480px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 19% 51%;
        padding: 0 0 0 15px;
    }
}

@media only screen and (max-width:420px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 15% 51%;
    }
}

@media only screen and (max-width:380px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 12% 51%;
    }
}

@media only screen and (max-width:360px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 9% 51%;
    }
}

@media only screen and (max-width:350px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-video .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-video a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 5% 51%;
    }
}

.page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
    background: url(../images/images-home/oeil-mobile-blan.png) no-repeat 35px 67px;
}

@media only screen and (max-width:1024px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background: url(../images/images-home/oeil-mobile-blan.png) no-repeat 53px 78px;
    }
}

@media only screen and (max-width:800px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background: url(../images/images-home/oeil-mobile-blan.png) no-repeat 21px 58px;
    }
}

@media only screen and (max-width:767px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 32% 51%;
    }
}

@media only screen and (max-width:640px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 29% 51%;
    }
}

@media only screen and (max-width:480px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 22% 51%;
        padding: 0 0 0 35px;
    }
}

@media only screen and (max-width:420px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 17% 51%;
    }
}

@media only screen and (max-width:380px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 12% 51%;
    }
}

@media only screen and (max-width:350px) {
    .page-presse-mediatheque .view-m-diath-que .view-content td .vignette-pic .image-pic a, .page-presse-mediatheque .view-m-diath-que-page .view-content td .vignette-pic .image-pic a {
        background-position: 8% 51%;
    }
}

.view-m-diath-que .view-filters .views-exposed-form .views-exposed-widget {
    background: none;
}

.view-m-diath-que .view-header {
    margin: 0 auto;
    width: 90%;
}

@media only screen and (max-width:900px) {
    .view-m-diath-que .view-header {
        width: 92% !important;
    }
}

@media only screen and (max-width:767px) {
    .view-m-diath-que .view-header {
        width: auto !important;
        margin: 0 auto 30px;
        padding: 0 15px;
    }
}

.view-m-diath-que .view-header p, .view-m-diath-que .view-header .section-media .field-name-body p strong, .section-media .field-name-body p .view-m-diath-que .view-header strong {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

.section-media {
}

    .section-media #columns {
        padding: 0 !important;
    }

    .section-media #breadcrumb {
        display: none;
    }

@media only screen and (max-width:1024px) {
    .section-media .boutton-retour {
        padding: 5px 10px;
    }
}

.section-media .boutton-retour a {
    display: block;
    text-indent: -9999px;
    background: url(../images/images-home/btn-retour-video.png) no-repeat left top;
    height: 47px;
    margin: 5px 0;
}

.section-media .field-name-body {
    margin: 0 0 25px;
}

    .section-media .field-name-body p, .section-media .field-name-body p strong {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 35px;
        font-weight: 300;
        color: #000;
        text-align: center;
        width: 80%;
        margin: 0 auto;
    }

@media only screen and (max-width:1024px) {
    .section-media .field-name-body p, .section-media .field-name-body p strong {
        font-size: 30px;
        line-height: 40px;
    }
}

@media only screen and (max-width:767px) {
    .section-media .field-name-body p, .section-media .field-name-body p strong {
        font-size: 25px;
        line-height: 35px;
    }
}

.section-media .field-name-body p strong {
    font-weight: 500;
}

.section-media .wrapper {
    margin: 0 auto;
    display: table;
}

    .section-media .wrapper .field-name-field-th-me {
        margin: 5px 0;
        display: inline-block;
    }

@media only screen and (max-width:767px) {
    .section-media .wrapper .field-name-field-th-me {
        margin: 0 auto;
        display: table;
    }
}

.section-media .wrapper .field-name-field-th-me a {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 300;
    color: #fff;
    background: #ff9545;
    padding: 5px 6px;
    text-decoration: none;
    margin: 0 10px;
}

    .section-media .wrapper .field-name-field-th-me a:hover {
        text-decoration: underline;
    }

.section-media .wrapper .credit {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #000;
    padding: 10px 0;
    display: inline-block;
}

@media only screen and (max-width:767px) {
    .section-media .wrapper .credit {
        display: table;
        margin: 15px auto;
        padding: 0 10px;
    }
}

.section-media .links, .section-media .fichier-hd {
    margin: 40px auto 35px;
    clear: both;
    float: left;
    width: 100%;
}

@media only screen and (max-width:767px) {
    .section-media .links, .section-media .fichier-hd {
        width: 80%;
        float: none;
        margin: 20px auto 55px;
        display: block;
    }
}

.section-media .links li a, .section-media .fichier-hd li a {
    background: url(../images/images-home/download.png) no-repeat left center;
    padding: 0 0 0 35px;
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
    text-decoration: none;
}

    .section-media .links li a:hover, .section-media .fichier-hd li a:hover {
        text-decoration: underline;
    }

@media only screen and (max-width:767px) {
    .section-media .fichier-hd {
        width: 80%;
        float: none;
        margin: 40px auto 35px;
        display: block;
    }
}

.section-media .fichier-hd a {
    background: url(../images/images-home/download.png) no-repeat left center;
    padding: 0 0 0 35px;
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
    text-decoration: none;
}

    .section-media .fichier-hd a:hover {
        text-decoration: underline;
    }

.section-media .flippy {
    width: 100%;
    background: #f8f7f7;
    border: none;
    padding: 10px 0 37px;
    margin: 0 0 90px;
    clear: both;
}

@media only screen and (max-width:1024px) {
    .section-media .flippy {
        margin: 15px auto;
    }
}

@media only screen and (max-width:767px) {
    .section-media .flippy {
        margin: 20px auto 15px;
    }
}

.section-media .flippy .prev, .section-media .node-type-article-presse .node-content .flippy .next, .node-type-article-presse .node-content .section-media .flippy .next, .section-media .flippy .next {
    background: url(../images/images-home/arrow-prev.png) no-repeat center left;
    float: left;
    padding: 0;
}

@media only screen and (max-width:1024px) {
    .section-media .flippy .prev, .section-media .node-type-article-presse .node-content .flippy .next, .node-type-article-presse .node-content .section-media .flippy .next, .section-media .flippy .next {
        padding: 0;
    }
}

.section-media .flippy .prev a, .section-media .node-type-article-presse .node-content .flippy .next a, .node-type-article-presse .node-content .section-media .flippy .next a, .section-media .flippy .next a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
    padding: 0 0 0 35px;
    text-transform: inherit;
    color: #000;
    background: none;
}

@media only screen and (max-width:480px) {
    .section-media .flippy .prev a, .section-media .node-type-article-presse .node-content .flippy .next a, .node-type-article-presse .node-content .section-media .flippy .next a, .section-media .flippy .next a {
        font-size: 14px;
    }
}

@media only screen and (max-width:360px) {
    .section-media .flippy .prev a, .section-media .node-type-article-presse .node-content .flippy .next a, .node-type-article-presse .node-content .section-media .flippy .next a, .section-media .flippy .next a {
        font-size: 12px;
        padding: 0 0 0 35px;
    }
}

.section-media .flippy .prev a:hover, .section-media .flippy .next a:hover {
    color: #ff9545;
}

.section-media .flippy .next {
    background: url(../images/images-home/arrow-next.png) no-repeat center right;
    float: right;
}

    .section-media .flippy .next a {
        padding: 0 35px 0 0;
    }

.section-media .video-text-wrapper P iframe {
    width: 100%;
    height: 400px;
}

.section-media .video-text-wrapper .overshadow {
    display: none;
}

.page-publications {
}

    .page-publications #header {
        height: auto;
    }

@media only screen and (max-width:767px) {
    .page-publications #header #branding .show-desktop {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .page-publications #header #block-system-main-menu {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .page-publications #header .show-desktop {
        display: block;
    }
}

.page-publications #header .show-desktop .publication-head-image img {
    width: 100%;
    height: auto;
}

.page-publications #columns {
    padding: 0 !important;
}

.page-publications #block-views-navigation-publications-block .views-row {
    width: 100%;
    float: left;
    margin: 35px 0 0;
}

    .page-publications #block-views-navigation-publications-block .views-row .publication-titre a {
        font-family: "Roboto", sans-serif;
        font-size: 25px;
        line-height: 32px;
        font-weight: 700;
        text-align: left;
        padding: 6px 0 6px 35px;
        background: #ff9545 url(../images/images-home/btn-plus.png) no-repeat 98% center;
        width: 100%;
        color: #fff;
        display: block;
        text-decoration: none;
        width: auto;
    }

@media only screen and (max-width:1024px) {
    .page-publications #block-views-navigation-publications-block .views-row .publication-titre a {
        padding: 6px 0 6px 18px;
    }
}

@media only screen and (max-width:767px) {
    .page-publications #block-views-navigation-publications-block .views-row .publication-titre a {
        padding: 6px 0 6px 12px;
        background: #ff9545 url(../images/images-home/btn-plus.png) no-repeat 96% center;
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .page-publications #block-views-navigation-publications-block .views-row .publication-titre a {
        background: #ff9545 url(../images/images-home/btn-plus.png) no-repeat 98% center;
    }
}

@media only screen and (max-width:480px) and (orientation:landscape) {
    .page-publications #block-views-navigation-publications-block .views-row .publication-titre a {
        background: #ff9545 url(../images/images-home/btn-plus.png) no-repeat 97% center;
    }
}

.page-publications #block-views-navigation-publications-block .views-row.active .publication-titre a {
    background: #ff9545 url(../images/images-home/btn-minus.png) no-repeat 98% center;
}

@media only screen and (max-width:767px) {
    .page-publications #block-views-navigation-publications-block .views-row.active .publication-titre a {
        background: #ff9545 url(../images/images-home/btn-minus.png) no-repeat 96% center;
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .page-publications #block-views-navigation-publications-block .views-row.active .publication-titre a {
        background: #ff9545 url(../images/images-home/btn-minus.png) no-repeat 98% center;
    }
}

@media only screen and (max-width:480px) and (orientation:landscape) {
    .page-publications #block-views-navigation-publications-block .views-row.active .publication-titre a {
        background: #ff9545 url(../images/images-home/btn-minus.png) no-repeat 97% center;
    }
}

.page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .views-row {
    margin: 25px 0 0;
}

@media only screen and (max-width:767px) {
    .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .views-row {
        margin: 20px 0 0;
    }
}

.page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content {
    margin: 10px 0 0;
}

    .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

@media only screen and (max-width:767px) {
    .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content {
        margin: 0;
    }
}

.page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .title {
    float: left;
    margin: 0 0 30px;
}

@media only screen and (max-width:767px) {
    .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .title {
        width: 100%;
        margin: 0 0 20px;
    }
}

.page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .file-link-archives, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .flipbook-link-archives {
    float: left;
    margin: 0 0 30px;
}

@media only screen and (max-width:767px) {
    .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .file-link-archives, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .flipbook-link-archives {
        width: 100%;
        margin: 0 0 28px;
    }
}

.page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .file-link-archives a, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .flipbook-link-archives a {
    background: url(../images/images-home/download.png) no-repeat left top;
}

.page-publications #block-views-navigation-publications-block .views-row.views-row-first {
    margin: 5px 0 0;
}

.page-publications #block-views-navigation-publications-block .views-row.views-row-last {
    margin: 35px 0 60px;
}

@media only screen and (max-width:767px) {
    .page-publications #block-views-navigation-publications-block .views-row.views-row-last {
        margin: 35px 0 72px;
    }
}

.page-publications .view-publications {
    clear: both;
}

    .page-publications .view-publications.view-display-id-block_2 {
        margin: 10px 0 0;
    }

@media only screen and (max-width:1024px) {
    .page-publications .view-publications.view-display-id-block_2 {
        padding: 5px 20px;
    }
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications.view-display-id-block_2 {
        padding: 0 10px;
    }
}

.page-publications .view-publications.view-display-id-block_2 article {
    background: none;
    border-bottom: 1px solid #ff9545;
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications.view-display-id-block_2 article {
        margin: 0px;
    }
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications.view-display-id-block_2 article .file-link, .page-publications .view-publications.view-display-id-block_2 article .flipbook-link, .page-publications .view-publications.view-display-id-block_2 article .file-link-archives, .page-publications .view-publications.view-display-id-block_2 article #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .flipbook-link-archives, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-publications.view-display-id-block_2 .views-row .node-content .view-publications article .flipbook-link-archives, .page-publications .view-publications.view-display-id-block_2 article .flipbook-link-archives {
        padding: 0px;
    }
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications.view-display-id-block_2 article .flipbook-link {
        padding: 0px;
    }
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications.view-display-id-block_2 article .file-link-archives, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-publications.view-display-id-block_2 article .views-row .node-content .flipbook-link-archives, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-publications.view-display-id-block_2 .views-row .node-content article .flipbook-link-archives, .page-publications .view-publications.view-display-id-block_2 article .flipbook-link-archives {
        padding: 0px;
    }
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications.view-display-id-block_2 article .flipbook-link-archives {
        padding: 0px;
    }
}

.page-publications .view-publications article {
    background: #f8f7f7;
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications article {
        margin: 0 10px;
    }
}

.page-publications .view-publications article .file-size {
    display: none;
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications article .file-size {
        display: none;
    }
}

.page-publications .view-publications article .field-name-field-visuel {
    float: left;
    margin: 20px;
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications article .field-name-field-visuel {
        margin: 20px 15px;
    }
}

.page-publications .view-publications article.type-publication-autres .title, .page-publications .view-publications article.type-publication-offres .title {
    width: 100%;
}

.page-publications .view-publications article .title h3 {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    color: #ff9545;
    display: block;
    text-transform: inherit;
    padding: 15px 0 0;
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications article .title h3 {
        float: left;
        clear: both;
        padding: 0 15px 20px;
    }
}

.page-publications .view-publications article .title .titre {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    float: left;
    padding: 5px 20px 0 0;
}

.page-publications .view-publications article .file-link, .page-publications .view-publications article .flipbook-link, .page-publications .view-publications article .file-link-archives, .page-publications .view-publications article #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .flipbook-link-archives, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .view-publications article .flipbook-link-archives, .page-publications .view-publications article .flipbook-link-archives, .page-publications .view-publications article.no-image .flipbook-link {
    margin: 28px 0 0;
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications article .file-link, .page-publications .view-publications article .flipbook-link, .page-publications .view-publications article .file-link-archives, .page-publications .view-publications article #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .flipbook-link-archives, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .view-publications article .flipbook-link-archives, .page-publications .view-publications article .flipbook-link-archives, .page-publications .view-publications article.no-image .flipbook-link {
        float: left;
        clear: both;
        padding: 0 18px;
        margin: 0 0 20px;
    }
}

.page-publications .view-publications article .file-link a, .page-publications .view-publications article .flipbook-link a, .page-publications .view-publications article .file-link-archives a, .page-publications .view-publications article #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .flipbook-link-archives a, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .view-publications article .flipbook-link-archives a, .page-publications .view-publications article .flipbook-link-archives a, .page-publications .view-publications article.no-image .flipbook-link a {
    background: url(../images/images-home/download.png) no-repeat left 5px;
    display: inline-block;
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: normal;
    color: #000;
    text-indent: -9999;
    padding: 0 0 0 32px;
    text-decoration: none;
    text-transform: uppercase;
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications article .flipbook-link {
        margin: 0 0 18px;
    }
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications article .file-link-archives, .page-publications .view-publications article #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .flipbook-link-archives, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .view-publications article .flipbook-link-archives, .page-publications .view-publications article .flipbook-link-archives {
        margin: 0 0 18px;
    }
}

.page-publications .view-publications article .file-link-archives a, .page-publications .view-publications article #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .flipbook-link-archives a, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .view-publications article .flipbook-link-archives a, .page-publications .view-publications article .flipbook-link-archives a {
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 35px;
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications article .flipbook-link-archives {
        margin: 0 0 18px;
    }
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications article.no-image {
        padding: 0 0 5px;
    }
}

.page-publications .view-publications article.no-image .title h3 {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    color: #ff9545;
    display: block;
    text-transform: inherit;
    padding: 15px 20px 0;
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications article.no-image .title h3 {
        float: left;
        clear: both;
        padding: 15px 15px 20px;
    }
}

.page-publications .view-publications article.no-image .file-link, .page-publications .view-publications article.no-image .file-link-archives, .page-publications .view-publications article.no-image #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .flipbook-link-archives, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .view-publications article.no-image .flipbook-link-archives, .page-publications .view-publications article.no-image .flipbook-link-archives, .page-publications .view-publications article.no-image .flipbook-link {
    margin: 15px 20px 20px;
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications article.no-image .file-link, .page-publications .view-publications article.no-image .file-link-archives, .page-publications .view-publications article.no-image #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .flipbook-link-archives, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .view-publications article.no-image .flipbook-link-archives, .page-publications .view-publications article.no-image .flipbook-link-archives, .page-publications .view-publications article.no-image .flipbook-link {
        float: left;
        clear: both;
        padding: 0 18px;
        margin: 0 0 20px;
    }
}

.page-publications .view-publications article.no-image .file-link a, .page-publications .view-publications article.no-image .file-link-archives a, .page-publications .view-publications article.no-image #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .flipbook-link-archives a, .page-publications #block-views-navigation-publications-block .views-row .embedded-publications-views .view-display-id-block_2 .views-row .node-content .view-publications article.no-image .flipbook-link-archives a, .page-publications .view-publications article.no-image .flipbook-link-archives a, .page-publications .view-publications article.no-image .flipbook-link a {
    background: url(../images/images-home/download.png) no-repeat left 5px;
    display: inline-block;
    font-family: "robotocondensed", sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: normal;
    color: #000;
    text-indent: -9999;
    padding: 0 0 0 32px;
    text-decoration: none;
    text-transform: uppercase;
}

@media only screen and (max-width:767px) {
    .page-publications .view-publications article.no-image .flipbook-link {
        margin: 0 0 18px;
    }
}

.page-publications .titre-archives {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 28px;
    font-weight: 700;
    color: #ff9545;
    padding: 15px 0 0;
}

@media only screen and (max-width:767px) {
    .page-publications .mobile-plus {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .page-publications .mobile-button {
        padding: 0 10px;
    }
}

.section-contacts .node-content .field-item p, .section-contacts .node-content .field-item .section-media .field-name-body p strong, .section-media .field-name-body p .section-contacts .node-content .field-item strong {
    text-align: center;
}

@media only screen and (max-width:767px) {
    .section-contacts .node-content .field-item p img, .section-media .field-name-body p .section-contacts .node-content .field-item strong img {
        height: auto !important;
        width: 100% !important;
    }
}

#header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded ul, #header .show-desktop #block-system-main-menu .block-content ul.menu li.expanded ul li.expanded ul {
    display: none;
}

.node-type-page-detail-filiale #main-content #main-content-header h1, .node-type-page-filiale-gouvernance #main-content #main-content-header h1, .node-type-page-expertise #main-content #main-content-header h1 {
    display: none;
}

.node-type-page-detail-filiale .field-name-field-filiale-logo2 figure, .node-type-page-expertise .field-name-field-filiale-logo2 figure, .node-type-page-filiale-gouvernance .field-name-field-filiale-logo2 figure {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 40px;
}

    .node-type-page-detail-filiale .field-name-field-filiale-logo2 figure img, .node-type-page-expertise .field-name-field-filiale-logo2 figure img, .node-type-page-filiale-gouvernance .field-name-field-filiale-logo2 figure img {
        width: 152px;
        height: auto;
    }

.node-type-page-detail-filiale .field-name-field-accroche-ligne-1 .field-item, .node-type-page-expertise .field-name-field-accroche-ligne-1 .field-item, .node-type-page-filiale-gouvernance .field-name-field-accroche-ligne-1 .field-item {
    font-size: 35px;
    font-family: 'Raleway' !important;
    text-align: center;
}

.node-type-page-detail-filiale .field-name-field-accroche-ligne-2 .field-item, .node-type-page-expertise .field-name-field-accroche-ligne-2 .field-item, .node-type-page-filiale-gouvernance .field-name-field-accroche-ligne-2 .field-item {
    font-size: 35px;
    font-family: 'Raleway';
    text-align: center;
    color: #ff9545;
    font-weight: bold;
}

.node-type-page-detail-filiale .field-name-field-p-d-f-chapeau, .node-type-page-expertise .field-name-field-p-d-f-chapeau {
    margin: 0 auto;
    margin-top: 40px;
    font-weight: 200;
    max-width: 660px;
}

    .node-type-page-detail-filiale .field-name-field-p-d-f-chapeau p, .node-type-page-expertise .field-name-field-p-d-f-chapeau p {
        text-align: center !important;
        font-size: 18px !important;
        line-height: 22px !important;
        color: #000 !important;
        font-family: 'Roboto' !important;
        font-weight: 300 !important;
    }

.node-type-page-filiale-gouvernance .field-name-field-chapo {
    margin: 0 auto;
    margin-top: 20px;
    font-weight: 200;
    width: 660px;
}

    .node-type-page-filiale-gouvernance .field-name-field-chapo .field-item {
        text-align: center !important;
        font-size: 18px !important;
        line-height: 22px !important;
        color: #000 !important;
        font-family: 'Roboto' !important;
        font-weight: 300 !important;
    }

.node-type-page-detail-filiale .flexslider.fc-diapo .flex-direction-nav, .node-type-page-expertise .flexslider.fc-diapo .flex-direction-nav {
    display: none;
}

.node-type-page-detail-filiale .flexslider.fc-diapo .flex-control-nav, .node-type-page-expertise .flexslider.fc-diapo .flex-control-nav {
    bottom: 15px !important;
    right: none;
    text-align: center !important;
}

.node-type-page-detail-filiale .flexslider.fc-diapo .slides li .legend-box, .node-type-page-expertise .flexslider.fc-diapo .slides li .legend-box {
    background: none;
    background-color: #FF9545;
    padding: 7px 40px 50px 13px !important;
    text-align: center;
    font-size: 15px !important;
    font-weight: 200 !important;
    max-width: 820px;
}

.node-type-page-filiale-gouvernance .flexslider.fc-diapo {
    height: inherit;
    margin-bottom: -15px !important;
    margin-left: 1px;
}

@media (max-width:1024px) and (min-width:721px) {
    .html.node-type-page-filiale-gouvernance .flexslider.fc-diapo .slides li .legend-box {
        right: 1px !important;
        left: auto;
        width: inherit;
        height: inherit;
    }
}

.node-type-page-detail-filiale .flexslider.fc-diapo .flex-control-paging li a, .node-type-page-expertise .flexslider.fc-diapo .flex-control-paging li a {
    background-color: #FFC89E !important;
    text-indent: -9999px !important;
    display: block;
    margin: 0 3px;
    outline: 0;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
}

    .node-type-page-detail-filiale .flexslider.fc-diapo .flex-control-paging li a.flex-active, .node-type-page-expertise .flexslider.fc-diapo .flex-control-paging li a.flex-active {
        background-color: #FFF !important;
    }

.node-type-page-detail-filiale .field-name-field-p-d-f-texte, .node-type-page-expertise .field-name-field-p-d-f-texte {
    margin-top: 50px;
}

    .node-type-page-detail-filiale .field-name-field-p-d-f-texte p, .node-type-page-expertise .field-name-field-p-d-f-texte p {
        color: #000 !important;
        font-family: 'Roboto' !important;
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .node-type-page-detail-filiale .field-name-field-p-d-f-texte h2, .node-type-page-expertise .field-name-field-p-d-f-texte h2 {
        color: #FF9545 !important;
        font-family: 'Raleway' !important;
        font-size: 24px !important;
        text-transform: none !important;
    }

    .node-type-page-detail-filiale .field-name-field-p-d-f-texte h3, .node-type-page-expertise .field-name-field-p-d-f-texte h3 {
        color: #FF9545 !important;
        font-family: 'Raleway' !important;
        font-size: 24px !important;
        text-transform: none !important;
    }

.node-type-page-detail-filiale .field-name-field_filiale_video {
    margin-top: 40px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .node-type-page-detail-filiale .field-name-field_filiale_video iframe, .node-type-page-detail-filiale .field-name-field_filiale_video object, .node-type-page-detail-filiale .field-name-field_filiale_video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.node-type-page-detail-filiale .detail-diaporama, .node-type-page-expertise .detail-diaporama {
    margin-top: 20px;
}

    .node-type-page-detail-filiale .detail-diaporama ul.bxslider.liste, .node-type-page-expertise .detail-diaporama ul.bxslider.liste {
        list-style: none !important;
        margin: 0;
    }

        .node-type-page-detail-filiale .detail-diaporama ul.bxslider.liste li, .node-type-page-expertise .detail-diaporama ul.bxslider.liste li {
            list-style-type: none !important;
            padding: 0px;
            margin: 0;
        }

    .node-type-page-expertise .detail-diaporama ul li .image img {
        width: 100%;
    }

    .node-type-page-detail-filiale .detail-diaporama ul.bxslider.liste li .image img {
        width: 100%;
        min-height: 520px;
        height: 520px;
    }

    .node-type-page-expertise .detail-diaporama ul.bxslider.liste li .image img {
        width: 99%;
        min-height: 520px;
        height: 520px;
    }

    .node-type-page-detail-filiale .detail-diaporama .bx-viewport {
    }

.legende-expertise-ecran {
    display: none;
}

@media screen and (min-width:670px) {
    .legende-expertise-ecran {
        display: block;
    }

    .legende-expertise-mobile {
        display: none;
    }
}

.node-type-page-detail-filiale .detail-diaporama ul.bxslider.liste li .legende, .node-type-page-expertise .detail-diaporama ul.bxslider.liste li .legende {
    background: none;
    background-color: #FF9545;
    padding: 10px 40px;
    text-align: center;
    font-size: 15px !important;
    font-weight: 200 !important;
    width: calc(100% - 80px);
    color: #FFF;
    margin-top: -5px;
    height: 70px;
}

.node-type-page-expertise .detail-diaporama ul.bxslider.liste li .legende-expertise-mobile {
    background: none;
    background-color: #FF9545;
    padding: 7px 40px 50px 13px !important;
    text-align: center;
    font-size: 15px !important;
    font-weight: 200 !important;
    width: 99%;
    color: #FFF;
    margin-top: -10px;
}

.node-type-page-expertise .detail-diaporama ul.bxslider.liste li .legende-expertise-ecran {
    background: none;
    background-color: #FF9545;
    padding: 10px 40px !important;
    text-align: center;
    font-size: 15px !important;
    font-weight: 200 !important;
    width: calc(99% - 80px);
    color: #FFF;
    margin-top: -5px;
    height: 70px;
}

.node-type-page-detail-filiale .detail-diaporama .bx-controls.bx-has-pager, .node-type-page-expertise .detail-diaporama .bx-controls.bx-has-pager {
    width: calc(100% - 32px);
    margin-top: -35px;
    position: absolute;
    text-align: center;
}

    .node-type-page-detail-filiale .detail-diaporama .bx-controls.bx-has-pager .bx-pager-item, .node-type-page-expertise .detail-diaporama .bx-controls.bx-has-pager .bx-pager-item {
        display: inline-block;
    }

        .node-type-page-detail-filiale .detail-diaporama .bx-controls.bx-has-pager .bx-pager-item a, .node-type-page-expertise .detail-diaporama .bx-controls.bx-has-pager .bx-pager-item a {
            background-color: #FFC89E;
            text-indent: -9999px !important;
            display: block;
            width: 16px;
            height: 16px;
            margin: 0 3px;
            outline: 0;
            -moz-border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
            border-radius: 50% !important;
        }

            .node-type-page-detail-filiale .detail-diaporama .bx-controls.bx-has-pager .bx-pager-item a.active, .node-type-page-expertise .detail-diaporama .bx-controls.bx-has-pager .bx-pager-item a.active {
                background-color: #FFF;
            }

            .node-type-page-detail-filiale .detail-diaporama .bx-controls.bx-has-pager .bx-pager-item a:hover, .node-type-page-expertise .detail-diaporama .bx-controls.bx-has-pager .bx-pager-item a:hover {
                background-color: #FFF;
            }

.node-type-page-detail-filiale .detail-diaporama .outside, .node-type-page-expertise .detail-diaporama .outside {
    display: none;
}

.node-type-page-filiale-gouvernance .flexslider.fc-diapo .slides li .legend-box {
    background: none !important;
    background-color: #FF9545 !important;
    width: 290px !important;
    height: auto;
    left: inherit;
    right: 3px !important;
    top: 188px !important;
    bottom: inherit;
    padding: 7px 20px 7px 13px !important;
}

    .node-type-page-filiale-gouvernance .flexslider.fc-diapo .slides li .legend-box .orange {
        margin: 0;
        padding: inherit;
        height: inherit;
    }

    .node-type-page-filiale-gouvernance .flexslider.fc-diapo .slides li .legend-box .normal {
        display: none;
    }

.node-type-page-filiale-gouvernance #carousel .slides li .flex-opacity {
    position: absolute;
    top: 0;
    left: 1px;
    background: url(/sites/all/themes/bouygues/images/interface/opacity-slider.png) left center repeat;
    width: 100%;
    height: 87px;
}

.node-type-page-filiale-gouvernance #carousel .slides li.flex-active-slide .flex-opacity {
    background: none;
}

.node-type-page-filiale-gouvernance .orange .field-name-field-bio-nom {
    font-family: 'Raleway';
    font-size: 23px !important;
    padding: 7px 0 0 0;
}

.node-type-page-filiale-gouvernance .orange .field-name-field-bio-fonction {
    font-family: 'Raleway';
    font-size: 18px !important;
    line-height: 21px;
    background-color: #FF9545 !important;
    padding: 5px 5px 7px 0px;
    font-weight: 400;
}

.node-type-page-filiale-gouvernance #carousel .slides li {
    border-top: 0;
    border-bottom: 0 !important;
    border-left: 1px solid #FFF !important;
    border-right: 1px solid #FFF !important;
    cursor: pointer;
}

.slider-gouvernance {
    padding-left: 15px;
    padding-right: 15px;
}

.node-type-page-gouvernance #slider .flex-direction-nav {
}

.node-type-page-filiale-gouvernance #carousel .flex-border-img {
    display: none !important;
}

.node-type-page-filiale-gouvernance #carousel .flex-viewport {
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}

.node-type-page-filiale-gouvernance #carousel, .node-type-page-gouvernance #slider {
    height: inherit;
}

@media (max-width:900px) {
    .node-type-page-filiale-gouvernance #carousel, .node-type-page-gouvernance #slider {
        width: 100%;
    }
}

.node-type-page-filiale-gouvernance .flexslider.fc-diapo .flex-prev {
    background: url(../images/images-home/bg_direction_nav.png);
    left: -35px;
    opacity: 1 !important;
    top: 50% !important;
    width: 30px;
    height: 28px;
    background-position: 0px 0px;
}

.node-type-page-filiale-gouvernance .flexslider.fc-diapo .flex-next {
    background: url(../images/images-home/bg_direction_nav.png);
    right: -35px;
    opacity: 1 !important;
    top: 50% !important;
    width: 30px;
    height: 28px;
    background-position: 30px 0px;
}

@media screen and (min-width:670px) {
    .node-type-page-filiale-gouvernance .flexslider.fc-diapo .flex-prev {
        background: url(../images/images-home/bg_direction_nav.png);
        left: -35px;
        opacity: 1 !important;
        top: 107% !important;
        width: 30px;
        height: 28px;
        background-position: 0px 0px;
    }

    .node-type-page-filiale-gouvernance .flexslider.fc-diapo .flex-next {
        background: url(../images/images-home/bg_direction_nav.png);
        right: -35px;
        opacity: 1 !important;
        top: 107% !important;
        width: 30px;
        height: 28px;
        background-position: 30px 0px;
    }
}

@media (max-width:600px) and (min-width:481px) {
    .node-type-page-filiale-gouvernance #carousel {
        top: -160px;
    }
}

.node-type-page-gouvernance #members-biographie-block {
    margin-top: 50px;
}

.node-type-liste-engagements .field-collection-container {
    display: none;
}

.node-type-liste-engagements figure {
    display: inline;
}

.node-type-liste-engagements .node-content p {
    text-align: center;
}

.node-type-liste-engagements .field-name-field-p-d-f-texte {
    margin-bottom: 25px;
}

.node-type-page-detail-filiale .detail-filiale-pages-enfant, .node-type-page-expertise .detail-filiale-pages-enfant, .node-type-liste-engagements .detail-filiale-pages-enfant {
    margin-top: 0px;
}

.node-type-page-detail-filiale .liste-pages, .node-type-page-expertise .liste-pages, .node-type-liste-engagements .liste-pages {
    margin: 0;
    padding: 0;
}

.node-type-page-detail-filiale .detail-filiale-pages-enfant .liste-pages .page-element.collaborateur-ecran, .node-type-liste-engagements .detail-filiale-pages-enfant .liste-pages .page-element.collaborateur-ecran {
    display: none;
}

@media screen and (min-width:880px) {
    .node-type-page-detail-filiale .detail-filiale-pages-enfant .liste-pages .page-element.collaborateur-ecran, .node-type-liste-engagements .detail-filiale-pages-enfant .liste-pages .page-element.collaborateur-ecran {
        display: block;
    }

    .node-type-page-detail-filiale .detail-filiale-pages-enfant .liste-pages .page-element.collaborateur-mobile, .node-type-liste-engagements .detail-filiale-pages-enfant .liste-pages .page-element.collaborateur-mobile {
        display: none;
    }
}

.node-type-page-detail-filiale .detail-filiale-pages-enfant .liste-pages .page-element.projets-ecran, .node-type-liste-engagements .detail-filiale-pages-enfant .liste-pages .page-element.projets-ecran {
    display: none;
}

@media screen and (min-width:880px) {
    .node-type-page-detail-filiale .detail-filiale-pages-enfant .liste-pages .page-element.projets-ecran, .node-type-liste-engagements .detail-filiale-pages-enfant .liste-pages .page-element.projets-ecran {
        display: block;
    }

    .node-type-page-detail-filiale .detail-filiale-pages-enfant .liste-pages .page-element.projets-mobile, .node-type-liste-engagements .detail-filiale-pages-enfant .liste-pages .page-element.projets-mobile {
        display: none;
    }
}

.node-type-page-detail-filiale .liste-pages li, .node-type-page-expertise .liste-pages li, .node-type-liste-engagements .liste-pages li {
    background: none;
    padding: 0;
    margin: 0;
    line-height: 0px;
}

.node-type-page-detail-filiale .page-element .gauche, .node-type-page-expertise .page-element .gauche, .node-type-liste-engagements .page-element .gauche {
    display: block;
}

.node-type-page-detail-filiale .page-element .droite, .node-type-page-expertise .page-element .droite, .node-type-liste-engagements .page-element .droite {
    display: block;
    vertical-align: top;
    background-color: #F8F7F7;
}

@media screen and (min-width:880px) {
    .node-type-page-detail-filiale .page-element .gauche, .node-type-page-expertise .page-element .gauche, .node-type-liste-engagements .page-element .gauche {
        display: table-cell;
        width: 413px;
        height: 257px;
    }

    .node-type-page-detail-filiale .page-element .droite, .node-type-page-expertise .page-element .droite, .node-type-liste-engagements .page-element .droite {
        display: table-cell;
        width: 413px;
        height: 257px;
        vertical-align: top;
        background-color: #F8F7F7;
    }
}

.node-type-page-detail-filiale .page-element figure img, .node-type-page-expertise .page-element figure img {
    width: 100%;
}

.node-type-liste-engagements .page-element figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.node-type-page-detail-filiale .page-element .titre, .node-type-page-expertise .page-element .titre, .node-type-liste-engagements .page-element .titre {
    color: #2d2a29;
    font-family: 'Raleway';
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
    padding: 25px 20px 10px 5px;
}

.node-type-page-detail-filiale .page-element .description, .node-type-page-expertise .page-element .description, .node-type-liste-engagements .page-element .description {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    color: #000;
    padding: 1px 20px 10px 5px;
    min-height: 100px;
}

    .node-type-page-detail-filiale .page-element .description p, .node-type-page-expertise .page-element .description p, .node-type-liste-engagements .page-element .description p {
        font-family: 'Roboto';
        font-size: 16px;
        font-weight: 300;
        line-height: 19px;
        color: #000;
        min-height: 100px;
    }

@media screen and (min-width:880px) {
    .node-type-page-detail-filiale .page-element .titre, .node-type-page-expertise .page-element .titre, .node-type-liste-engagements .page-element .titre {
        max-width: 400px;
        color: #2d2a29;
        font-family: 'Raleway';
        font-size: 28px;
        font-weight: bold;
        line-height: 28px;
        padding: 25px 20px 10px 25px;
    }

    .node-type-page-detail-filiale .page-element .description, .node-type-page-expertise .page-element .description, .node-type-liste-engagements .page-element .description {
        font-family: 'Roboto';
        font-size: 16px;
        font-weight: 300;
        line-height: 19px;
        color: #000;
        padding: 1px 20px 0px 25px;
    }
}

.node-type-page-detail-filiale .page-element .lire-suite, .node-type-page-expertise .page-element .lire-suite, .node-type-liste-engagements .page-element .lire-suite {
    padding: 30px 10px 19px 56px;
    font-family: 'Roboto';
    font-size: 15px;
    color: #000;
    font-weight: normal;
    background-image: url(../images/images-home/picto-oeil.png);
    background-repeat: no-repeat;
    background-position: 25px 23px;
}

.node-type-page-detail-filiale .page-element a, .node-type-page-expertise .page-element a, .node-type-liste-engagements .page-element a {
    text-decoration: none;
}

    .node-type-page-detail-filiale .page-element a:hover .lire-suite, .node-type-page-expertise .page-element a:hover .lire-suite, .node-type-liste-engagements .page-element a:hover .lire-suite {
        text-decoration: underline;
    }

.bt-retour {
    cursor: pointer;
}

.node-type-page-filiale-gouvernance .field-name-field-filiale-logo2 {
}

.node-type-page-filiale-gouvernance #footer #block-menu-block-1 {
    display: none;
}
