/*----------------------------------------------*/
/*                  CUSTOM APRIL                */
/*----------------------------------------------*
/*  ===========================================================================
    @general Nouvelle charte
    =========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');

/* METHODE BRICOLAGE POUR LOGO BASELINE

.logo a{display:block;
    background-image: url(https://www.april.fr/sites/all/themes/april/img/logo.svg);
height: 70px;
width: 249px;
background-repeat: no-repeat;}*/
.logo img {width: 249px;
    height:74px;}
h2, h1, h4, h3, h5, p {color:#004161;}

h2, h1, h3, h4, p , html, body, p, a {font-family:'Poppins', sans-serif;}

div.breadcrumbs span.breadcrumbitem a, div.breadcrumbs span.breadcrumbcurrent a{color:#004161;}

.is-green{color:#c9d200;}
h4.is-green{color:#c9d200;}
.is-orange{color:#f49e00;}
.is-blue-marine{color:#004161;}
.is-rose {color:#ea5160;}
.is-blue {color:#65c4db;}

ul.arrow-list_orange li{color:#004161;}


.main-nav li ul {background-color:#004161;}
.main-nav li li:hover > a, .main-nav li li.active > a, .main-nav li li a.active {
    background-color:#c9d200;
}
.main-nav li {letter-spacing: 1px;}

.more-link a::after {content:none;}

img {border-radius: 40px 0 0;}


/*  ===========================================================================
    @general
    =========================================================================== */
.quicktabs-wrapper
.node-page .clear,
.node-promoted .clear{ float:none; }

.node-basic-large-page img{ max-width: 100%; }

.view-id-journalistes li:before,
#block-counters li:before{content:none;}

@media screen and (max-width: 767px) {
    .block.block-menu{display:none;}
    .page-footer .block.block-menu{ display: block; }
}

.bg-color,
.bg-color h2,
.bg-color h3,
.bg-color h4,
.bg-color h5,
.bg-color h6,
.bg-color a,
.bg-color p{ color:#fff; }

.bg-color hr{ border-color: #fff; }

.btn{
    text-decoration: none;
    background-color: #c9d200;
    border-radius:5px;
}

.btn_dl{ text-align: left; }

.number-list{
    margin-top: 0;
    padding-left: 0;
}

.number-list li{
    padding-bottom: 20px;
}

.number-list li:before{
    content: none;
}

.big-number{
    display: block;
    font-weight: bold;
    font-size: 2.286em;
    line-height: 0.938em;
}

.block-mission .year{
    padding: 60px 100px;
}

@media screen and (max-width: 1200px) { /* laptop */
    .block-mission .year{ padding: 60px 80px; }
}
@media screen and (max-width: 980px) { /* pad */
    .block-mission .year{ padding: 60px 63px; }
}
@media screen and (max-width: 767px) { /* phone */
    .block-mission .year{ padding: 40px 20px; }
}

.block-recent-posts .block-cont > ul > li:before{ content: none; }

.blog-content ol li:before,
.pane-content ol li:before,
.node-promoted ol li:before,
.node-page ol li:before{ content: none; }


.block-mission a{ color: #c9d200; }

blockquote{
    position: relative;
    margin-left: 0;
    padding-left:30px;
    border-left: 0;
/*    font-style: italic;*/
    font-style: normal;
    font-weight: bold;
    color: #c9d200;
}

blockquote:before{
    content:"“ ";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2em;
}

blockquote cite{
    font-style: normal;
    font-weight: normal;
    color:#5c5c5c;
}

.main-nav li li .nolink{
    display: block;
    padding: 15px 30px;
    cursor: default;
}

.main-nav li li:hover > .nolink{ background: #004161; }

.slider-revolution .title{
    font-size: 2.286em;     /* 32px */
    text-transform: none;
}

#art-revolution { margin-top: -60px; }

.block-team-grid .pic img {
	display: block;
	width: 100%;
	height: auto;
    margin-bottom:0;
}


/*  ===========================================================================
    @top header
    =========================================================================== */

.header-top{
    background-color: #c9d200;
    transition: margin-top 0.3s;
}

.fixed .header-top{ margin-top:-20px; }

#block-locale-language,
#block-locale-language-content{
    display:inline-block;
    margin:0;
}

.language-switcher-locale-url{
    margin:0 0 0 -10px;
    padding: 0;
}

#block-menu-menu-top-navigation ul{
    padding: 0;
    margin:0 -10px 0 0;
}

#block-menu-menu-top-navigation li,
.language-switcher-locale-url li,
.header-external_website li{
    display:inline-block;
    vertical-align: middle;
    font-size:0.714em;          /* 14px */
}

#block-menu-menu-top-navigation,
.header-external_website{
    float: right;
}

#block-menu-menu-top-navigation li a,
#block-menu-menu-top-navigation li span,
.header-external_website li span,
.header-external_website li a,
.language-switcher-locale-url li span,
.language-switcher-locale-url li a{
    display: inline-block;
    color:#FFF;
    padding: 5px 10px;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    font-size:1em;
    white-space: nowrap;
}

.language-switcher-locale-url li span{ opacity: 0.5; }

.language-switcher-locale-url li:before,
#block-menu-menu-top-navigation li:before{
    content:"|";
    margin-left: -3px;
    color:#fff;
    opacity: 0.5;
    white-space: nowrap;
}

.language-switcher-locale-url .first:before,
#block-menu-menu-top-navigation .first:before{ content:none; }

.main-nav {
    font-weight: normal;
    color:#004161;
}

@media screen and (max-width: 980px) { /* pad */
    .header-top{ display: none; }
}


/*  ===========================================================================
    @footer
    =========================================================================== */

#page-footer{ background-color: #333; }

.footer-main{ padding: 50px 0; }

.footer-top{ display: none; }

.footer-top h2,
.footer-main h2{
    margin-bottom: 1.714em;        /* 24px */
    font-weight: bold;
    font-size: 1em;
    line-height: 1.429em;       /* 20px */
    color: #fff;
}

.footer-top ul,
.footer-main ul{
    padding-left: 0;
    list-style-type: none;
}

.footer-top li a,
.footer-main li a{
    position: relative;
    display: inline-block;
    /* padding-left: 20px; */
    padding-bottom: 5px;
    text-decoration: none;
    font-size: 0.857em;     /* 12px */
    line-height: 1.250em;   /* 15px */
    color: #fff;
    transition: color 0.1s;
}

.footer-top li a:hover,
.footer-main li a:hover{
/*    text-decoration: underline;*/
    color: #f49e00;
}

/*.footer-top li a:before,
.footer-main li a:before{
    position: absolute;
    top:-2px;
    content:"\f178";
    margin-left: -20px;
    font-family: 'FontAwesome';
    font-size: 0.769em;
    transition: margin-left 0.3s;
}*/

/*.footer-top li a:hover:before,
.footer-main li a:hover:before{
    margin-left: -15px;
}*/

@media screen and (max-width: 767px) { /* phone */
    .footer-top{ display: block; }
    .footer-main{ padding-top:0; }
}

/* social
   ========================================================================== */

.footer-main .social-nav ul{ padding:0; }

.footer-main .social-nav li{
    display: inline-block;
    padding-right: 6px;
    margin-bottom:6px;
}

.footer-main .social-nav a:hover{ display: inline-block; }

.footer-main .social-nav a:before{ content:none; }

.footer-main .social-nav .btn-social{
    display: block;
    width: 1.333em;             /* 16px */
    height: 1.333em;
    padding: 0.750em;            /* 9px */
    border-radius: 6em;
    text-align: center;
    font-size: 0.857em;         /* 12px */
    line-height: 1.333em;       /* 16px */
}

.footer-main .social-nav .btn-social:hover{ color:#fff; }

.footer-main .social-nav .btn-social i{ vertical-align: middle; }

.twitter-color{ background-color: #2daae2; }
.facebook-color{ background-color: #3b5998; }
.google-color{ background-color: #cc3c2c; }
.youtube-color{ background-color: #d32323; }
.linkedin-color{ background-color: #007bb6; }

@media screen and (max-width: 980px) { /* pad */
    .footer-main .grid-col-3{ width: 360px; }     /* grid-col-6 */
    .footer-main .grid-col-3:nth-child(2n+1){ margin-left: 0; }
}

@media screen and (max-width: 767px) { /* phone */
    .footer-main .grid-col-3{
        width: 100%;
        margin-bottom:40px;
    }
}

/* footer bottom
   ========================================================================== */
.page-footer-section{ background-color: #004161 }
.footer-bottom{ background-color: #002e45 ; }

#block-menu-menu-menu-bottom-footer ul{
    padding:0;
    margin:0 0 0 -10px;
    list-style-type: none;
}

#block-menu-menu-menu-bottom-footer li{
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 0.714em;         /* 10px */
    line-height: 1.500em;       /* 15px */
    color:#919191;
}

#block-menu-menu-menu-bottom-footer li:before{
    content:"|";
    margin-left: -3px;
    color:#fff;
    opacity: 0.5;
    white-space: nowrap;
}

#block-menu-menu-menu-bottom-footer .first:before{ content:none; }

#block-menu-menu-menu-bottom-footer a{
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    color: inherit;
    transition: color 0.2s;
    white-space: nowrap;
}

#block-menu-menu-menu-bottom-footer a:hover{ color:#fff; }

.page-footer .language-switcher-locale-url{ display: none; }

@media screen and (max-width: 767px) { /* phone */
    #block-menu-menu-menu-bottom-footer{ display: inline-block; }
    #block-multiblock-1{
        display: inline-block;
        float: right;
        vertical-align: middle;
    }
    .page-footer .language-switcher-locale-url{ display: block; }
}

@media screen and (max-width: 479px) { /* mini phone */
	#block-menu-menu-menu-bottom-footer{ display: block; }
    #block-menu-menu-menu-bottom-footer ul{ margin-left: 0; }
    #block-menu-menu-menu-bottom-footer li{
        display: block;
        border-bottom: 1px solid #333;
    }
    #block-menu-menu-menu-bottom-footer li::before{ content:none; }
    #block-menu-menu-menu-bottom-footer a{
        padding: 10px 0;
    }
    #block-multiblock-1{
        display: block;
        float: none;
        margin-top:40px;
    }
}


/*  ===========================================================================
    @page title
    =========================================================================== */


/* OLD 
.bread-crumbs{ color:#004161; } */
.page-intro{ background: #e6e6e6; }

/* New nouvelle couleur charte breadcrumb*/
.bread-crumbs a, .bread-crumbs{ color:#004161; }

.page-title h1{
    margin-top: 4px;
    margin-bottom: 34px
}

.page-title:after{
    content:'';
    display: block;
    width: 354px;
    height: 3px;
    margin: 0 0 -1px -5px;
    /*suppression trait sous titre background: transparent url("../img/title_separator.png") repeat scroll;*/
    
}




/*  ===========================================================================
    Recherche
    =========================================================================== */

.search-results{ padding-left: 0; }

.search-results li{ margin-bottom: 40px; }

.search-result .title{ margin-bottom: 10px; }

.search-result .search-snippet-info{ padding-left: 0; }




/*  ===========================================================================
    Quicktabs
    =========================================================================== */

.quicktabs-wrapper{ margin-top:-60px; }

.quicktabs-wrapper > .item-list{
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background-color: #f0f0f0;
}

.quicktabs-wrapper > .item-list ul{
    display: block;
    width: 1170px;
    margin: 0 auto;
    padding: 0;
    border-left: 1px solid #d4d4d4;
}

.quicktabs-wrapper > .item-list li{
    display: table-cell;
    padding:0;
    margin:0;
}

.quicktabs-wrapper > .item-list li:before{ content:none; }

.quicktabs-wrapper > .item-list li a{
    display: block;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    margin: -1px 0;
    padding: 21px 40px 18px;
    text-decoration: none;
    font-weight: bold;
    /*font-size: 0.857em;     /* 12px */
    color: #5c5c5c;
    
    transition: background-color 0.3s, color 0.3s;
}

.quicktabs-wrapper > .item-list li a:hover{
    background-color: #fff;
    color:#c9d200;
}

.quicktabs-wrapper > .item-list .active a,
.quicktabs-wrapper > .item-list .active a:hover{
    background-color: #fff;
    border-bottom-color: #fff;
    color: #004161;
}



/*  ===========================================================================
    @homepage
    =========================================================================== */

#id_home .home-container .title{
    margin-bottom: 0;
/*    margin-top: -10px;*/
    font-size: 5.000em;         /* 70px */
    line-height: 0.857em;       /* 60px */
}

#id_home .home-container{ height: 100%; }

#id_home .home-container .subtitle{
/*    padding-top: 10px;*/
    font-size: 1.429em;             /* 20px */
    line-height: 2em;           /* 30px */
}

#id_home .home-container .text-content{
/*    display: block;*/
    margin-top: 0;
    padding: 20px 0 10px;
}


/* home - slider
   ========================================================================== */

.tp-rightarrow.round,
.tp-leftarrow.round{
    position: absolute;
    left: 50%;
    bottom: 35px;
    margin-left: -585px;
    height: 40px;
    width: 40px;
}

.tp-rightarrow.round{ margin-left: -545px; }

.tp-rightarrow.round:after{
    content: "\f105";
    padding: 7px 6px 7px 8px;
}
.tp-leftarrow.round:after{
    content: "\f104";
    padding: 7px 8px 7px 6px;
}

.tp-rightarrow.round:after,
.tp-leftarrow.round:after{
    width: 14px;
    height: 14px;
    margin: 5px;
    background-color:  transparent;
    border: 1px solid #fff;
    font-family: 'FontAwesome';
    font-size: 1.143em;     /* 16px */
    line-height: 14px;
    border-radius: 2em;
/*    transition: margin 200ms ease;*/
}

@media screen and (max-width: 980px) { /* pad */
    .slider-revolution .title > .tp-splitted{
        margin-left: 10px;
    }
    #art-revolution .more-link a{
        font-size: 12px;
        margin-left: 10px;
    }
}

/*
.tp-rightarrow.round:hover:after{ margin: 5px 2px 5px 8px; }
.tp-leftarrow.round:hover:after{ margin: 5px 8px 5px 2px; }
*/




/* home - c'est à la une
   ========================================================================== */

.alaune-home-container{
    border-bottom: 1px solid #d4d4d4;
    vertical-align: top;
}

.alaune-home-container .title{
    margin: 25px 0 24px;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.429em;       /* 20px */
}

.alaune-home-container .title .fa{
    display: inline-block;
    margin-right: 10px;
    font-size: 1.6em;
}

.alaune-home-container .subtitle{
    margin: 25px 0 24px;
    font-size: 1.143em;         /* 16px */
    line-height: 1.250em;       /* 20px */
}

.alaune-home-container .link-alaune:hover .subtitle{ text-decoration: underline; }

.alaune-home-container .btn-alaune,
.home-applicants-container .btn-temoignages{
    margin-right: -10px;
    padding: 25px 0 24px 10px;
    background-color: transparent;
    font-weight: normal;
    font-size: 0.857em;         /* 12px */
    line-height: 1.667em;       /* 20px */
    color: #f49e00;
}

.alaune-home-container .btn-alaune:after,
.home-applicants-container .btn-temoignages:after{
    content:"\f105";
    padding: 0 10px 0 8px;
    font-family: 'FontAwesome'; 
    font-size: 1.250em;         /* 15px */
    line-height: 1.333em;       /* 20px */
    transition: padding 200ms ease;
}

.alaune-home-container .link-alaune:hover .btn-alaune:after,
.home-applicants-container .btn-temoignages:hover:after{ padding: 0 0 0 18px; }



/* home - simple curieux
   ========================================================================== */

#id_home #media-c18178836f03fa49,
#id_home #media-dcbc7c24c61a66b0,
#id_home #media-6e261a620480493f,
#id_home #media-bca696d4db94157d{ margin-left: 100px; }



/* home - investisseurs
   ========================================================================== */
/*OLD 
.home-investors-container{ background: #f49e00 url("../img/bg-financial-02.jpg") no-repeat scroll right bottom; }
*/
.home-investors-container{ background: #f49e00 no-repeat scroll right bottom; }

.home-investors-container .halign-right .title,
.home-investors-container .halign-right .subtitle,
.home-investors-container .halign-right .text-content,
.home-investors-container .halign-right .more-link{ margin-right: 50px; }

.home-investors-container .halign-right .more-link a:hover {
    background-color: #c9d200;
    border-color: #c9d200;
}

.home-investors-container .home-calendar-list{
    padding: 0;
    margin: 0 -15px;
}

.home-investors-container .home-calendar-item{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 170px;
    height: 151px;
    padding: 29px 15px 19px 14px;
    margin: 0 -1px -1px 0;
    border: 1px solid #f18d34;
    transition: border 400ms ease;
}

.home-investors-container .home-calendar-item:hover{
    border: 1px solid #fff;
    z-index: 2;
}

.home-investors-container .home-calendar-item:before{ content: none; }

.home-investors-container .home-calendar-item .link-date{
    display: block;
    height: 100%;
    text-decoration: none;
}

.home-investors-container .home-calendar-item .fa{
/*    vertical-align: bottom;*/
    height: 30px;
    margin-top: 10px;
    font-size: 2em;
}

.home-investors-container .home-calendar-item .fa:before{ vertical-align: bottom; }

.home-investors-container .home-calendar-item .title-content{
    height: 60px;
    margin-top:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 0.857em;         /* 12px */
    line-height: 1.667em;       /* 20px */
}

.home-investors-container .home-calendar-item .link-date:hover p{ text-decoration: underline; }

.home-investors-container .home-calendar-item .date{ font-weight: bold; }

.home-investors-container .home-calendar-item.stock-price-item{
    border: none;
    padding: 30px 16px 20px 15px;
}

.home-investors-container .stock-price-widget-display{ padding: 0; }

.home-investors-container .stock-price-widget-result{
    display: block;
    margin-right: 0;
}

#id_home .home-investors-container .stock-price-widget-result{
    margin-top: 20px;
    font-weight: bold;
    font-size: 2.857em;         /* 40px */
    line-height: 1em;
}

#id_home .home-investors-container .stock-price-widget-display .date,
#id_home .home-investors-container .stock-price-widget-display .title{
    font-weight: normal;
    font-size: 1em;
    line-height: 1.429em;       /* 20px */
}

#id_home .home-investors-container .stock-price-widget-display .title{ margin-top: 10px; }

#id_home .home-investors-container .stock-price-widget-display .s{ padding: 0 5px; }


/* home - candidats
   ========================================================================== */

.home-applicants-container{ background-color: #e6e6e6; }

.home-applicants-container .halign-right{ margin-left: 100px; }

.link-job-counter{ text-decoration: none; }

.home-applicants-container .job-counter-widget,
.home-applicants-container .temoignages{ margin-right: 50px; }

.home-applicants-container .job-counter-widget{
    display: table;
    width: 418px;
    margin-bottom: 10px;
    border: 1px solid #f49e00;
}

.home-applicants-container .job-counter-widget p{
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 1.143em;         /* 16px */
    line-height: 1.250em;       /* 20px */
    color: #f49e00;
}

.home-applicants-container .job-counter-widget .job-counter-widget-number{
    display: table-cell;
    vertical-align: middle;
    width: 79px;
    padding: 10px 20px;
    background-color: #f49e00;
    font-weight: bold;
    font-size: 5.000em;         /* 70px */
    line-height: 0.714em;       /* 50px */
    color: #fff;
}

.home-applicants-container .temoignages-videos img{ max-width: 100%; }

.home-applicants-container .btn-temoignages{ padding: 10px 0 10px 10px; }





/* home - journalistes
   ========================================================================== */

.home-journalists-container .halign-right .text-content{ margin-right: 0; }

.home-journalists-container .halign-right .title,
.home-journalists-container .halign-right .subtitle,
.home-journalists-container .halign-right .text-content,
.home-journalists-container .halign-right .more-link{ margin-right: 40px; }

.home-journalists-container .journalist-part{ margin-top: 20px; }
/*.home-journalists-container .journalist-part-01{ margin-top: 0; }*/

.home-journalists-container .journalist-part .fa{ color:#c9d200; }

.home-journalists-container .journalist-part .part-title{
    margin-bottom: 10px;
    font-size: 1.286em;         /* 18px */
    line-height: 1.111em;       /* 11px */
}

.home-journalists-container .journalist-part p{ color: #5c5c5c; }


/* home - responsive
   ========================================================================== */

@media screen and (max-width: 1200px) { /* laptop */
    #id_home .home-container .title {
        font-size: 4.286em;     /* 60px */
        line-height: 1em;
    }
    #id_home .home-container .text-content{ width: 100%; }
    #id_home .home-container .halign-right .text-content{ width: 420px; }
    
    .tp-rightarrow.round{
        left: 50px;
        margin-left: 0;
    }
    .tp-leftarrow.round{
        left: 10px;
        margin-left: 0;
    }
    
    #id_home #media-c18178836f03fa49,
    #id_home #media-dcbc7c24c61a66b0,
    #id_home #media-6e261a620480493f,
    #id_home #media-bca696d4db94157d{ margin-left: 0; }
    
    .home-investors-container .home-calendar-item{
        width: 220px;
        padding: 19px 10px 19px 9px;
    }
    .home-investors-container .home-calendar-item.stock-price-item{ padding: 20px 11px 20px 10px; }
    
    .home-applicants-container .job-counter-widget,
    .home-applicants-container .temoignages,
    .home-investors-container .halign-right .title,
    .home-investors-container .halign-right .subtitle,
    .home-investors-container .halign-right .text-content,
    .home-investors-container .halign-right .more-link{ margin-right: 40px; }
    
    .home-applicants-container .halign-right{ margin-left: 80px; }
    
    
    
    .home-applicants-container .job-counter-widget{ width: 338px; }
    .home-applicants-container .temoignages-videos video{
        width: 340px;
        height: auto;
    }
}

@media screen and (max-width: 980px) { /* pad */
    #id_home .home-container .title {
        font-size: 3.571em;     /* 50px */
        line-height: 1em;
    }
    #id_home .home-container .halign-right .text-content{ width: 320px; }
    
    .alaune-home-container .grid-col-2{ width: 171px; /* grid-col-3 */ }
    .alaune-home-container .link-alaune .grid-col-2{ display: none; }
    .alaune-home-container .grid-col-8{  width: 549px; /* grid-col-9 */ }
/*    .alaune-home-container .link-alaune .subtitle{ text-decoration: underline; }*/
    
    .alaune-home-container .link-alaune:hover .subtitle{ text-decoration: none; }
    .alaune-home-container .subtitle:after{
        content:"\f105";
        content:"\f178";
        vertical-align: top;
        padding: 0 10px 0 6px;
        font-family: 'FontAwesome';
        font-size: 0.6em;
        line-height: 2.2em;
        transition: padding 200ms ease;
    }

    .alaune-home-container .link-alaune:hover .subtitle:after{ padding: 0 0 0 16px; }
    
    .home-just-curious-container .home-just-curious-video video{
        width: 330px;
        height: auto;
    }
    
    .home-investors-container .home-calendar-item{
        width: 171px;
        padding: 19px 8px 19px 7px;
    }
    .home-investors-container .home-calendar-item.stock-price-item{ padding: 20px 9px 20px 8px; }
    
    .home-applicants-container .job-counter-widget,
    .home-applicants-container .temoignages,
    .home-investors-container .halign-right .title,
    .home-investors-container .halign-right .subtitle,
    .home-investors-container .halign-right .text-content,
    .home-investors-container .halign-right .more-link{ margin-right: 30px; }
    
    .home-applicants-container .halign-right{
        margin-left: 0;
        width: 360px; /* grid-col-6 */
    }
    
    .home-applicants-container .job-counter-widget{ width: 328px; }
    .home-applicants-container .temoignages-videos video{
        width: 330px;
        height: auto;
    }
    
    .home-journalists-container .grid-col-5{ width: 360px; /* grid-col-6 */ }
    .home-journalists-container .grid-col-4{ width: 297px; /* grid-col-5 */ }
}

@media screen and (max-width: 767px) { /* phone */
    #id_home .home-container .title {
        font-size: 2.857em;     /* 40px */
        line-height: 1em;
    }
    #id_home .home-container .subtitle{
        font-size: 1.143em;         /* 16px */
        line-height: 1.250em;       /* 20px */
    }
    #id_home .grid-col-6.halign-right{ text-align: left; }
    #id_home .home-container .halign-right .text-content{ width: 100%; }
    .tp-rightarrow.round,
    .tp-leftarrow.round{ display: none; }
    .home-applicants-container .job-counter-widget,
    .home-applicants-container .temoignages,
    .home-investors-container .halign-right .title,
    .home-investors-container .halign-right .subtitle,
    .home-investors-container .halign-right .text-content,
    .home-investors-container .halign-right .more-link{ margin-right: 0; }
    .alaune-home-container .grid-col-8{ width: 100%; }
    .alaune-home-container .link-alaune{ text-decoration: none; }
    .home-just-curious-video,
    .home-investors-container .home-calendar-container,
    .home-applicants-container .halign-right,
    .home-journalists-container .grid-row > .grid-col-5{ display: none; }
    .more-link{ margin-top: 20px; }
}













/*  ===========================================================================
    liste Communiqué de presse
    =========================================================================== */

.list-cp-container .view-content:after{
  content:"";
  display: table;
  clear: both;
}

.item-list-cp ul{
    padding:0;
    list-style: none;
}

.view-derniers-communiqu-de-presse .panel-2col .inside{ margin:0; }

.view-derniers-communiqu-de-presse .panel-col-first{ width: 170px; }

.view-derniers-communiqu-de-presse .date-display-single{
    display: block;
    margin:0;
    padding-top:12px;
    text-transform: uppercase;
    font-size:0.857em;      /* 12px */
    line-height: 1.250em;   /* 15px */
}

.view-derniers-communiqu-de-presse .panel-col-last{
    width: 670px;
    padding-bottom:30px;
    margin: 0 0 40px 30px;
    border-bottom: 1px solid #d4d4d4;
}

.view-derniers-communiqu-de-presse h2{
    margin:0;
    text-transform: none;
    font-size: 1.714em;         /* 24px */
    line-height: 1.250em;       /* 30px */
}

.view-derniers-communiqu-de-presse h2 a{
    text-decoration: none;
    color:#004161;
    transition: color 0.2s;
}

.view-derniers-communiqu-de-presse h2 a:hover{
    color: #f49e00;
}

.view-derniers-communiqu-de-presse .btn_read a{
    display: block;
    margin-top:1em;
    text-decoration: none;
    color: #f49e00;
}

.view-derniers-communiqu-de-presse .btn_read a:after{
    content:"\f178";
    position:relative;
    top:-1px;
    padding: 0 12px 0 8px;
    font-family: 'FontAwesome';
    font-size: 0.714em;     /* 10px */
    transition: padding 0.2s;
    
    transition: margin-left 0.3s;
}

.view-derniers-communiqu-de-presse .btn_read a:hover:after{
    margin-left: 6px;
}




/* sidebar
   ========================================================================== */

.list-cp-container .view-filters{
    float: right;
    width: 270px;
    margin-left: 30px;
}

.views-exposed-form{
    border: 1px solid #d4d4d4;
    padding: 29px 14px;
}

.views-exposed-widget{
    width: 100%;
    padding:0;
}

.views-exposed-form .container-inline-date .date-padding {
    width: 100%;
}

.views-exposed-form label{
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.071em;       /* 15px */
    color:#004161;
}

.views-exposed-form .form-item{
    width: 100%;
}

.views-exposed-form .views-exposed-widget .form-submit{
    margin-top:0;
    width: auto;
}



@media screen and (max-width: 1200px) { /* laptop */
    .view-derniers-communiqu-de-presse .panel-col-first{ width: 140px; }
    .view-derniers-communiqu-de-presse .panel-col-last{
        width: 540px;
        margin-left: 20px;
    }
    .list-cp-container .view-filters{
        width: 220px;
        margin-left: 20px;
    }
}

@media screen and (max-width: 980px) { /* pad */
    .view-derniers-communiqu-de-presse .item-list-cp{
        width: 100%;
        margin-top: 40px;
    }
    .view-derniers-communiqu-de-presse .panel-col-first{ width: 171px; }
    .view-derniers-communiqu-de-presse .panel-col-last{
        width: 549px;
        margin-left: 18px;
    }
    .list-cp-container .view-filters{
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .views-exposed-form .views-exposed-widget{
        width: auto;
        padding-right: 0;
    }
    .views-exposed-form .form-item{ width: 171px; }
    .views-exposed-form .views-exposed-widget .form-submit{
        margin-top:25px;
        width: auto;
    }
}

@media screen and (max-width: 767px) { /* phone */
    .view-derniers-communiqu-de-presse .panel-col-first,
    .view-derniers-communiqu-de-presse .panel-col-last{
        width: 100%;
        margin-left: 0;
    }
    .view-derniers-communiqu-de-presse .date{ padding-bottom:20px; }
}

@media screen and (max-width: 479px) { /* mini phone */
    
}


/* sidebar
   ========================================================================== */

.list-cp-container .pagination{
  width: 870px;
  margin-top: -55px;
}








/*  ===========================================================================
    Communiqué de presse
    =========================================================================== */

.node-communique-de-presse .grid-col-8{ margin-right: 100px; }

.node-communique-de-presse .grid-col-3 img{
    float: none;
    max-width: 100%;
    height:auto;
    border-top: 1px solid #d4d4d4;
}

@media screen and (max-width: 1200px) { /* laptop */
    .node-communique-de-presse .grid-col-8{ margin-right: 80px; }
}

@media screen and (max-width: 980px) { /* pad */
    .node-communique-de-presse .grid-col-8{ margin-right: 0; }
    .node-communique-de-presse .grid-col-8,
    .blog-detail .grid-col-9{ width: 486px; }       /* grid-col-8 */
    .node-communique-de-presse .grid-col-3,
    .blog-detail .grid-col-3{ width: 234px; }       /* grid-col-4 */
}

@media screen and (max-width: 767px) { /* phone */
    .node-communique-de-presse .grid-col-8,
    .blog-detail .grid-col-9{ width: auto; }
    .node-communique-de-presse .grid-col-3,
    .blog-detail .grid-col-3{ width: auto; }
    .node-communique-de-presse .grid-col-3 img{ display: none; }
}



/* partage
   ========================================================================== */

.node-communique-de-presse aside .field-item{
  display: block;
}

.blog-detail .share,
.node-communique-de-presse .share{
    border: 1px solid #d4d4d4;
    padding: 2.143em 1.071em;        /* 30px 15px */
}

.blog-detail .share .h4,
.node-communique-de-presse .share .h4{
    display: block;
    float:none;
    margin-bottom:7px;
    line-height: 1.071em;
}

.block-system .blog-detail .btn_share,
.node-communique-de-presse .btn_share{
    display: inline-block;
    width: 1em;
    height: 1.286em;        /* 18px */
    padding: 0.429em 0.571em;       /* 6px 8px */
    border-radius: 6em;
    background-color: #c9d200;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    vertical-align: top;
    transition: background-color 0.1s;
}

.block-system .blog-detail .btn_share{ line-height: 1.286em;        /* 18px */ }

.block-system .blog-detail .btn_share:hover,
.node-communique-de-presse .btn_share:hover{
    background-color: #f49e00;
}

.block-system .blog-detail .btn_share i,
.node-communique-de-presse .btn_share i{
/*    display: block;*/
    vertical-align: middle;
    font-size:0.857em;          /* 12px */
    line-height: 1.500em;       /* 18px */
    color:#fff;
}



/* bouton téléchargement
   ========================================================================== */

.node-communique-de-presse .grid-col-3 a[href$=".pdf"]{
    position:relative;
    display: block;
    margin: 0.714em 0;            /* 10px */
    padding: 2em 5.58em 1.5em 4.857em;           /* 18px 78px 18px 68px */
    border-radius: 0.214em;         /* 3px */
    background-color: #c9d200;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color:#fff;
    transition: background-color 0.1s;
}

.node-communique-de-presse .grid-col-3 a[href$=".pdf"]:before{
    content:"\f016";
    position: absolute;
    top:0.313em;             /* 15px */
    left:0.313em;
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 3.429em;         /* 48px */
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.node-communique-de-presse .grid-col-3 a[href$=".pdf"]:hover{
    background-color: #f49e00;
}

@media screen and (max-width: 1200px) { /* laptop */
    .node-communique-de-presse .grid-col-3 a[href$=".pdf"]{
        padding-right: 2.071em;      /* 29px */
    }
}

@media screen and (max-width: 980px) { /* pad */
    .node-communique-de-presse .grid-col-3 a[href$=".pdf"]{
        padding-right: 2.071em;      /* 29px */
    }
}

@media screen and (max-width: 767px) { /* phone */
    .node-communique-de-presse .grid-col-3 a[href$=".pdf"]{
        padding-left:2.857em; /* 40px */
    }
    .node-communique-de-presse .grid-col-3 a[href$=".pdf"]:before{
        top:1.500em;                /* 18px */
        left:1.500em;
        font-size: 0.857em;         /* 12px */
        
    }
}



/* footer CP
   ========================================================================== */

.node-communique-de-presse .footer_content_cp{
    border-top: 1px solid #d4d4d4;
    margin-top:2.143em;
    padding: 2.143em 0;             /* 30px */
}

.node-communique-de-presse .footer_content_cp > .field-item:first-child,
.node-communique-de-presse .footer_content_cp a{
    padding: 1.071em 0;             /* 15px */
    text-decoration: none;
    font-weight: bold;
    color: #c9d200;
}

.node-communique-de-presse .footer_content_cp > div{
    display: inline-block;
}

.node-communique-de-presse .footer_content_cp .date-display-single{
    padding: 1.250em 0;             /* 15px */
    padding-left: 0.833em;          /* 10px */
    text-transform: uppercase;
    font-size: 0.857em;
}

.node-communique-de-presse .footer_content_cp .date-display-single:before{
    content:"/ ";
    padding-right: 0.833em;
}












/*  ===========================================================================
    Dossier de presse
    =========================================================================== */
    
.node-dossier-de-presse .btn_dl{
    position: relative;
    padding: 18px 30px 18px 68px;
    margin-bottom: 10px;
    line-height: 1.071em;
}
    
.node-dossier-de-presse .btn_dl:before{
    content: "\f016";
    position: absolute;
    left: 0.313em;
    top: 0.313em;
    display: block;
    font-style: normal;
    font-weight: normal;
    font-family: FontAwesome;
    font-size: 3.429em;         /* 48px */
    line-height: 1;
}

.node-dossier-de-presse .btn_dl:after{
    content: "\f178";
    display: block;
    font-family: "FontAwesome";
    font-size: 0.714em;
    transition: margin-left 0.3s ease 0s;
}

.node-dossier-de-presse .btn_dl_audio{ margin-left: 0; }
.node-dossier-de-presse .btn_dl_audio:before{ content: "\f1c7"; }

@media screen and (max-width: 767px) { /* phone */
    .node-dossier-de-presse .btn_dl{
        margin-top: 20px;
        padding-left:2.857em; /* 40px */
    }
    .node-dossier-de-presse .btn_dl:before{
        top:1.500em;                /* 18px */
        left:1.500em;
        font-size: 0.857em;         /* 12px */
    }
    .node-dossier-de-presse .btn_dl:after{ display: none; }
}










/*  ===========================================================================
    fiche Société
    =========================================================================== */


.node-societes-april .societe-logo-container > div{
    display: block;
    height: 240px;
    margin-bottom: 1.429em;             /* 20px */
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
    line-height: 240px;
}

.node-societes-april .societe-logo-container img{
    display: inline-block;
    vertical-align: middle;
}

.node-societes-april .societe-address-container > div,
.node-societes-april .societe-chiffres-container > div{
    display: block;
    padding-top: 0.714em;             /* 10px */
    border-top: 1px solid #d4d4d4;
}

.node-societes-april .societe-chiffres-container > div{
    margin-top: 1.429em;             /* 20px */
}

.node-societes-april .grid-col-8{ margin-right: 100px; }

.node-societes-april .grid-col-8 .field-item img{
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 1200px) { /* laptop */
    .node-societes-april .grid-col-8{ margin-right: 80px; }
}

@media screen and (max-width: 980px) { /* pad */
    .node-societes-april .grid-col-8{ margin-right: 0; }
    .node-societes-april .grid-col-3{ width: 234px; }       /* grid-col-4 */
}

@media screen and (max-width: 767px) { /* phone */
    .node-societes-april .grid-col-3{ width: auto; }
}









/*  ===========================================================================
    pagination
    =========================================================================== */

.pagination{
    padding-top: 25px;
    margin-bottom: 54px;
    border-top: 1px solid #d4d4d4;
}

.pagination ul{
    position: relative;
    padding: 0;
    text-align: center;
}

.pagination ul li{ vertical-align:top; }

.pagination ul li:before{ content: none; }

.pagination a{
    display: block;
    padding: 20px 10px;
    text-decoration: none;
    font-weight: bold;
    color:#004161;
    transition: color 0.1s;
}

.pagination a:hover{ color:#f49e00; }

.pagination a span{ position: relative; }

.pagination a span:before{
    content:"";
    position: absolute;
    bottom:-7px;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    background-color: #f49e00;
    transition: height 0.2s;
}

.pagination a:hover span:before{ height: 2px; }

.pagination .active{
    cursor: default;
    color:#f49e00;
}

.pagination .active span:before{ height: 2px; }

.pagination ul .disabled{ padding: 20px 10px; }

.pagination .next,
.pagination .next + li,
.pagination .prev,
.pagination .first {
    position: absolute;
    top:0;
}

.pagination .next { right: 30px; }
.pagination .next + li { right: -10px; }
.pagination .prev { left: 30px; }
.pagination .first { left: -10px; }

.pagination .first.pager-current {
    position: relative;
    left: 0;
}

.pagination .first a span:before,
.pagination .prev a span:before,
.pagination .next a span:before,
.pagination .next + li > a span:before{ content:none; }



.pagination .first .active span:before{ content:""; }










/*  ===========================================================================
    blog liste
    =========================================================================== */

.view-blog-block ul,
.block-recent-posts ul{ padding:0; }

.view-blog-block img,
.block-recent-posts img{
    max-width: 100%;
}

.view-blog-block h3,
.block-recent-posts h2{
    margin-bottom: 5px;
    font-size: 1.143em;     /* 16px */
    line-height: 1.250em;   /* 20px */
}

.view-blog-block h3 a,
.block-recent-posts h2 a{
    display: block;
    padding-right: 30px;
    text-decoration: none;
    color:#004161;
}

.view-blog-block .date,
.block-recent-posts .date{
    margin-top:0;
    padding-right: 30px;
    text-transform: uppercase;
    font-size: 0.857em;         /* 12px */
    line-height: 1.250em;       /* 15px */
}

.view-blog-block .btn-readmore,
.block-recent-posts .btn-readmore{
    padding: 5px 0;
    text-decoration: none;
    color: #f49e00;
}

.view-blog-block .btn-readmore > i,
.block-recent-posts .btn-readmore > i{
    margin-top:-2px;
    padding: 0 12px 0 8px;
    font-size: 0.714em;     /* 10px */
    transition: padding 0.2s;
}

.view-blog-block .btn-readmore:hover > i,
.block-recent-posts .btn-readmore:hover > i{
    padding: 0 6px 0 14px;
}
    











/*  ===========================================================================
    blog detail
    =========================================================================== */

.blog-date{
    display: block;
    min-height: 77px;
    border-top: 3px solid #c9d200;
    font-size: 0.857em;
}

.blog-date p{
    margin-top:0;
    font-weight: bold;
    color:#c9d200;
}

@media screen and (max-width: 767px) { /* phone */
    .blog-date{
        border-top: 1px solid #d4d4d4;
        margin-top:40px;
        padding-top:10px;
        min-height: auto;
    }
    .blog-date p{
        text-transform: uppercase;
        color:#5c5c5c;
    }
}

.blog-bottom .block-head{
    padding: 30px 50px 0 0;
    border-top: 1px solid #d4d4d4;
    text-transform: uppercase;
    font-weight: bold;
    font-size:18px;          /* 18px */
    line-height: 1.111em;       /* 20px; */
    color: #004161;
}

.view-blog-block h3 a:hover{
    text-decoration: none;
}

.block-recent-posts li{
    display: inline-block;
    float: none;
}









/*  ===========================================================================
    gouvernance
    =========================================================================== */

.block-team-grid li{ margin-top:40px; }

.block-team-grid li > div{ min-height: 420px; }

.block-system .block-team-others h2,
.block-system .block-team-grid h2{
    margin: 30px 0 8px 0;
    text-transform: none;
    font-size: 1.571em;         /* 22px */
    line-height: 1.136em;       /* 25px */
    font-size: 1.286em;         /* 18px */
    line-height: 1.111em;       /* 20px */
    color: #c9d200;
}

.block-team-grid .pic{
    max-height: 240px;
    overflow: hidden;
}

.block-team-grid .pic:after{
    content: "";
    position: absolute;
    z-index: 2;
    bottom:0;
    left: 0;
    right:100%;
    height: 4px;
    background-color: #c9d200;
    transition: right 0.2s;
}

.block-team-grid li > div:hover .pic:after{
    right: 0;
}

.team_info_container{
    min-height: 119px;
}

.block-system .block-team-grid h3{
    margin-top:0;
    text-transform: none;
    font-size: 0.857em;         /* 12px */
    line-height: 1.250em;       /* 15px */
}

.block-team-grid li:before{ content:none; }

.block-team-grid p{
    margin-top: 22px;
    margin-bottom: 0;
}

@media screen and (max-width: 1200px) { /* laptop */
    .block-team-grid li > div{ min-height: 400px; }
}

@media screen and (max-width: 980px) { /* pad */
    .governance-statuts .grid-col-3{ width: 234px; /* grid-col 4 */}
}

@media screen and (max-width: 767px) { /* phone */
    .block-team-grid li > div{ min-height: 420px; }
    .governance-statuts .grid-col-3{ width: auto; }
    .governance-statuts .grid-col:first-child{ margin-bottom: 40px; }
}








/*  ===========================================================================
    mediatheque
    =========================================================================== */

.list-videotheque,
.list-mediatheque{
    margin: 40px 0 0 -45px;
    padding: 0;
    list-style-type: none;
}

.list-videotheque{ margin: 40px 0 0 -15px; }

.list-videotheque li:before,
.list-mediatheque li:before{ content:none; }

.item-mediatheque{
    display: block;
    float: left;
    width: 270px;
    margin: 39px 0 1px 30px;
}

.item-mediatheque .media_link{
    display: block;
    border:1px solid #d4d4d4;
    text-decoration: none;
    transition: border-color 200ms;
}

.item-mediatheque .media_link:hover{
    border-color:#c9d200;
    
}

.item-mediatheque .preview_container{
    position: relative;
    overflow: hidden;
    height: 240px;
    margin: -1px -1px 0;
}

.item-mediatheque img{
    max-width: 100%;
    height: auto;
}

.list-mediatheque .btn-download{
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: block;
    background-color: rgba(73, 129, 12, .8);
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color:#fff;
    opacity: 0;
    transition: opacity 300ms;
}

.list-mediatheque .media_link:hover .btn-download{
    opacity: 1;
}

.list-mediatheque .btn-download:before {  /* centrage vertical */
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* space width */
}

.list-mediatheque .btn-download span{
    display: inline-block;
    vertical-align: middle;
}

.list-mediatheque .btn-download > span{
    position: relative;
    top: 40px;
    padding:0;
    opacity: 0;
    transition: top 400ms ease, opacity 300ms ease 50ms;
}

.list-mediatheque .media_link:hover .btn-download > span{
    top:0;
    opacity: 1;
}

.list-mediatheque .btn-download i{ margin-right: 5px; }

.item-mediatheque .info_container{
    min-height: 105px;
}

.block-system .item-mediatheque .h4{
    padding: 0 14px;
    margin: 14px 0 3px;
    font-size: 1.143em;     /* 16px */
    line-height: 1.250em;   /* 20px */
    color: #c9d200;
}

.item-mediatheque p{
    padding: 0 14px;
    margin:0;
    line-height: 1.071em;   /* 15px */
    color: #5c5c5c;
}



/* photos
   ========================================================================== */

.item-mediatheque .phototeque_cedit{
    margin:21px 0 16px;
    font-size: 0.857em;     /* 12px */
    line-height: 1.250em;   /* 15px */
    color: #919191;
}



/* logos
   ========================================================================== */

.item-logotheque .preview_container{
    margin: 0;
    background: url("../img/bg_mediatheque_logo.gif") repeat scroll;
}

.item-logotheque .info_container{
    min-height: 65px;
}



/* videos
   ========================================================================== */

.item-videotheque{ margin-bottom: 60px; }

.item-videotheque .panel-2col .panel-panel{ width: 570px; }

.item-videotheque .panel-2col .panel-col-first{
    margin-right:30px;
}

.item-videotheque .panel-2col .panel-col-first .inside{
    margin:0;
}

.item-videotheque .panel-2col .panel-col-last{
    border-top:1px solid #d4d4d4;
}

.block-system .item-videotheque .h4{ color: #c9d200; }








/*  ===========================================================================
    Organigramme sociétés
    =========================================================================== */

#id-organisation-chart{ padding-bottom: 60px; }

#id-organisation-chart .menu-org-chart{
    position: relative;
    padding: 0 30px;
}

#id-organisation-chart .menu-org-chart li { width:25%; }

#id-organisation-chart .menu-org-chart li:before{ content:none; }

#id-organisation-chart .menu-org-chart.col1 .top-parent { width:99.9%; }
#id-organisation-chart .menu-org-chart.col2 .top-parent { width:50.0%; }
#id-organisation-chart .menu-org-chart.col3 .top-parent { width:33.3%; }
#id-organisation-chart .menu-org-chart.col4 .top-parent { width:25.0%; }
#id-organisation-chart .menu-org-chart.col5 .top-parent { width:20.0%; }
#id-organisation-chart .menu-org-chart.col6 .top-parent { width:16.6%; }
#id-organisation-chart .menu-org-chart.col7 .top-parent { width:14.2%; }
#id-organisation-chart .menu-org-chart.col8 .top-parent { width:12.5%; }
#id-organisation-chart .menu-org-chart.col9 .top-parent { width:11.1%; }
#id-organisation-chart .menu-org-chart.col10 .top-parent { width:10.0%; }

#id-organisation-chart .menu-org-chart li ul li { width:100%; }



/* Top level
   ========================================================================== */

#id-organisation-chart .menu-org-chart li {
    float: left;
	padding: 15px 0;
}

#id-organisation-chart .menu-org-chart li .nolink,
#id-organisation-chart .menu-org-chart li > a {
    position: relative;
	display: block;
    margin: 0 10px 0;
	padding: 15px 10px 10px;
    background-color: #d4d4d4;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.286em;         /* 18px */
    line-height: 1.111em;       /* 20px */
	color: #004161;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
    transition: color 150ms;
}

#id-organisation-chart .menu-org-chart li > a:hover{ text-decoration: underline; }

#id-organisation-chart .menu-org-chart .nolink:after,
#id-organisation-chart .menu-org-chart a:after{
	content: " "attr(title)" ";
	display: block;
	margin-bottom: 5px;
    font-weight: normal;
    font-size: 0.556em;        /* 10px */
    line-height: 1.500em;       /* 15px */
	word-wrap: break-word;
}

/* APRIL */

#id-organisation-chart .menu-org-chart .top-parent.first {
	position: relative;
	z-index: 2;
    display: block;
	float: none;
    width: 100%;
	padding: 0;
    background: none;
    text-align: center;
    box-sizing: border-box;
}

#id-organisation-chart .menu-org-chart .top-parent.first > .nolink,
#id-organisation-chart .menu-org-chart .top-parent.first > a{ 
    position: relative;
    z-index: 10;
    display: inline-block;
    width: 25%;
    width: calc(25% - 20px);
    padding-bottom: 10px;
    box-sizing: border-box;
    background-color: #6b6351;
    color: #ffffff;
    border-radius: 3px;
}

#id-organisation-chart .menu-org-chart .top-parent.first > .nolink:before,
#id-organisation-chart .menu-org-chart .top-parent.first > a:before{
    content: "";
    display: block;
    width: 67px;
    height: 55px;
    margin: 10px auto 20px;
    background: url('../img/logo-april_organigramme.png') center bottom repeat-y;
}



/* autres sociétés */

#id-organisation-chart .menu-org-chart .top-parent:nth-child(2){
    display: block;
	float: none;
    width: 100%;
    background: url('../img/vertical-line.png') center bottom repeat-y;
}

#id-organisation-chart .menu-org-chart .top-parent:nth-child(2):before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 0;
    display: block;
    width: 30%;
/*    width: calc(25% + 10px);*/
    height: 50px;
    background: url('../img/L1-left-02.png') 20px 0 no-repeat transparent;
}

#id-organisation-chart .menu-org-chart .top-parent:nth-child(2) > .nolink,
#id-organisation-chart .menu-org-chart .top-parent:nth-child(2) > a,
#id-organisation-chart .menu-org-chart .top-parent:nth-child(2) > .menu{
    padding-bottom: 10px;
    margin-left: 75%;
    margin-left: calc(75% + 10px);
}

#id-organisation-chart .menu-org-chart .top-parent:nth-child(2) .menu .first .nolink,
#id-organisation-chart .menu-org-chart .top-parent:nth-child(2) .menu .first a,
#id-organisation-chart .menu-org-chart .top-parent:nth-child(2) .menu li .nolink,
#id-organisation-chart .menu-org-chart .top-parent:nth-child(2) .menu li a{
    background: none;
    padding: 0;
    margin: 0 10px;
}

#id-organisation-chart .menu-org-chart .top-parent:nth-child(2) .menu li .nolink:hover,
#id-organisation-chart .menu-org-chart .top-parent:nth-child(2) .menu li a:hover{
    text-decoration: underline;
}

/* Pôles */

#id-organisation-chart .menu-org-chart .top-parent{
    background: url('../img/L1-center.png') center top no-repeat;
}

#id-organisation-chart .menu-org-chart .top-parent .menu:after {
    content: " ";
    display: table;
}
#id-organisation-chart .menu-org-chart .top-parent .menu:after { clear: both; }

#id-organisation-chart .menu-org-chart .top-parent:nth-child(3){
    background: url('../img/L1-left.png') center top no-repeat;
}


#id-organisation-chart .menu-org-chart .top-parent:nth-child(6) {
	background: url('../img/L1-right.png') center top no-repeat;
}


#id-organisation-chart .menu-org-chart .top-parent > .nolink,
#id-organisation-chart .menu-org-chart .top-parent > a{
    padding-bottom: 20px;
    border-radius: 3px 3px 0 0;
}


/* Second level
   ========================================================================== */

#id-organisation-chart .menu-org-chart li ul{
    margin: 0 10px;
    padding-left: 0;
    padding-bottom: 10px;
    background-color: #e6e6e6;
    border-radius: 0 0 3px 3px;
}

#id-organisation-chart .menu-org-chart li li {
	width: 100%;
	clear: left;
	margin-top: 0;
	padding: 10px 0 0 0;
}

#id-organisation-chart .menu-org-chart li li .nolink,
#id-organisation-chart .menu-org-chart li li a {
	background-color: #a69f8f;
    text-decoration: none;
    text-transform: none;
    font-size: 0.778em;            /* 14px */
    line-height: 1.071em;          /* 15px */
    color:#004161;
}

#id-organisation-chart .menu-org-chart li li:first-child {
/*	padding-top: 30px;*/
}

#id-organisation-chart .menu-org-chart .top-parent > .menu > .first > .nolink,
#id-organisation-chart .menu-org-chart .top-parent > .menu > .first > a{
    margin: -20px 30px 10px;
    background-color: #a69f8f;
}



/* Third level
   ========================================================================== */

#id-organisation-chart .menu-org-chart li li ul {
	margin: 0 10px;
	width: calc(100% - 20px);
	float: right;
	padding: 0 0 10px 0;
/*	background: #ffffff url('../img/L3-ul-top.png') center top no-repeat;*/
}

#id-organisation-chart .menu-org-chart li li li {
	background: url('../img/L3-center.png') 10px center no-repeat;
	padding: 5px 0;
}

#id-organisation-chart .menu-org-chart li li li .nolink,
#id-organisation-chart .menu-org-chart li li li a {
    float: right;
	border-color: #e3ca4b;
	padding: 10px 10px 5px;
    margin-right: 0;
	width: 80%;
    background-color: #fff7aa;
}

#id-organisation-chart .menu-org-chart li li .first {
	padding: 15px 0 5px 0;
	background: url('../img/L3-li-top.png') 10px center no-repeat;
}

#id-organisation-chart .menu-org-chart li li .last {
	background: url('../img/L3-bottom.png') 10px center no-repeat;
}


/* color pôle
   ========================================================================== */

#id-organisation-chart .menu-org-chart .top-parent:nth-child(3) .nolink,
#id-organisation-chart .menu-org-chart .top-parent:nth-child(3) a {
    background-color: #a5c400;
    color:#004161;
}

#id-organisation-chart .menu-org-chart .top-parent:nth-child(4) .nolink,
#id-organisation-chart .menu-org-chart .top-parent:nth-child(4) a {
    background-color: #c9d200;
    color:#004161;
}

#id-organisation-chart .menu-org-chart .top-parent:nth-child(5) .nolink,
#id-organisation-chart .menu-org-chart .top-parent:nth-child(5) a {
    background-color: #fdc300;
    color:#004161;
}

#id-organisation-chart .menu-org-chart .top-parent:nth-child(6) .nolink,
#id-organisation-chart .menu-org-chart .top-parent:nth-child(6) a {
    background-color: #f49e00;
    color:#004161;
}

@media screen and (max-width: 980px) { /* pad */
    #id-organisation-chart .menu-org-chart {
        width: 738px;
        margin: 0 auto;
        padding: 0;
    }
    #id-organisation-chart .menu-org-chart .menu{
        padding: 0 20px 20px;
        margin: 0;
    }
    #id-organisation-chart .menu-org-chart .pane-content > .menu{
        padding: 0;
    }
    #id-organisation-chart .menu-org-chart li{ width: 100%; }
    #id-organisation-chart .menu-org-chart li .nolink,
    #id-organisation-chart .menu-org-chart li > a{ margin: 0; }
/*    #id-organisation-chart .menu-org-chart .top-parent.first{ text-align: left; }*/
    #id-organisation-chart .menu-org-chart .top-parent.first > .nolink,
    #id-organisation-chart .menu-org-chart .top-parent.first > a{ width: calc(50% - 20px); }
    #id-organisation-chart .menu-org-chart .top-parent:nth-child(2) > .nolink,
    #id-organisation-chart .menu-org-chart .top-parent:nth-child(2) > a,
    #id-organisation-chart .menu-org-chart .top-parent:nth-child(2) > .menu{
        margin-left: calc(50% + 10px);
    }
    #id-organisation-chart .menu-org-chart .top-parent,
    #id-organisation-chart .menu-org-chart .top-parent:nth-child(3),
    #id-organisation-chart .menu-org-chart .top-parent:nth-child(6){
        background: rgba(0, 0, 0, 0) url("../img/vertical-line.png") repeat-y scroll center bottom;
    }
    #id-organisation-chart .menu-org-chart .top-parent:nth-child(6){ padding-bottom: 0; }
    #id-organisation-chart .menu-org-chart li li .menu{
        margin: 0;
        padding: 0 0 10px;
    }
    #id-organisation-chart .menu-org-chart li li li .nolink,
    #id-organisation-chart .menu-org-chart li li li a{
        width: 90%;
    }
}

@media screen and (max-width: 767px) { /* phone */
    #id-organisation-chart .menu-org-chart {
        width: auto;
        margin: 0 20px;
    }
    #id-organisation-chart .menu-org-chart li li ul{ width: 100%; }
}

@media screen and (max-width: 479px) { /* mini phone */
    #id-organisation-chart .menu-org-chart .top-parent{
        padding: 30px 20px 0;
        box-sizing: border-box;
    }
    #id-organisation-chart .menu-org-chart .top-parent.first > .nolink,
    #id-organisation-chart .menu-org-chart .top-parent.first > a{ width: 100%; }
    #id-organisation-chart .menu-org-chart .top-parent:nth-child(2){ padding-top: 30px; }
    #id-organisation-chart .menu-org-chart .top-parent:nth-child(2) > .nolink,
    #id-organisation-chart .menu-org-chart .top-parent:nth-child(2) > a,
    #id-organisation-chart .menu-org-chart .top-parent:nth-child(2) > .menu{
        margin-left: 0;
    }
    #id-organisation-chart .menu-org-chart .top-parent:nth-child(2):before{ content: none; }
    #id-organisation-chart .menu-org-chart li li li .nolink,
    #id-organisation-chart .menu-org-chart li li li a{
        width: 80%;
    }
}












/*  ===========================================================================
    masters
    =========================================================================== */

.page-node-869 .page-intro .bread-crumbs,
.page-node-870 .page-intro .bread-crumbs,
.page-node-874 .page-intro .bread-crumbs,
.page-node-875 .page-intro .bread-crumbs,
.page-node-876 .page-intro .bread-crumbs,
.page-node-877 .page-intro .bread-crumbs,
.page-node-878 .page-intro .bread-crumbs,
.page-node-879 .page-intro .bread-crumbs,
.master-page .page-intro .bread-crumbs{ display:none; }

/*
.page-node-870 .page-intro h1,
.page-node-869 .page-intro h1,
.master-page .page-intro h1{
    font-size: 2.857em;      40px 
    line-height: 1em;
}
*/

.node-type-panel .panel-separator{display:none;}

.node-type-panel .panel-2col-bricks .panel-col-first .inside,
.node-type-panel .panel-2col-bricks .panel-col-last .inside{ margin: 0; }

.node-type-panel .inside:after{
    content: " ";
    display: table;
    clear: both;
}

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

.block-title-top{ margin-top: 0; }












/*  ===========================================================================
    master simple curieux
    =========================================================================== */




/* summary
   ========================================================================== */

.master-curious-summary .h5{
    margin-top:0;
    text-transform: uppercase;
    font-size: 1.143em;         /* 16px */
    line-height: 1.250em;       /* 20px */
    color: #c9d200;
}

.master-curious-summary .col-img img{
    max-width: 100%;
}

.master-curious-summary .more-link{ margin-top:40px; }



/* Nous découvrir
   ========================================================================== */
/*OLD #id-just-curious .panel-col-top+.center-wrapper .panel-col-first{
    background: url("../img/bg-discover.jpg") transparent no-repeat;
    background-size: cover;
}*/
#id-just-curious .panel-col-top+.center-wrapper .panel-col-first{
    background-color:#f49e00;
}
.master-curious-rse .pane-content > .grid-col,
.master-curious-discover .pane-content > .grid-col{ padding: 120px 10px; }

.master-curious-rse,
.master-curious-discover{ text-align: center; }

.master-curious-rse .more-link,
.master-curious-discover .more-link{ margin-top: 40px; }

.master-curious-rse .more-link .btn,
.master-curious-discover .more-link .btn{
    position: relative;
    top: 40px;
    opacity: 0;
    transition: top 200ms ease 0s, opacity 150ms ease-out 50ms;
}

.touchevents .master-curious-rse .more-link .btn,
.touchevents .master-curious-discover .more-link .btn,
.master-curious-rse .grid-col:hover .more-link .btn,
.master-curious-discover .grid-col:hover .more-link .btn{
    top: 0;
    opacity: 1;
}

.master-curious-discover .more-link .btn:hover{
    background-color: #c9d200;
    border-color: #c9d200;
}


/* RSE
   ========================================================================== */
/*OLD #id-just-curious .panel-col-top+.center-wrapper .panel-col-last{
    background: url("../img/bg-rse.jpg") transparent no-repeat;
    background-size: cover;
}*/
#id-just-curious .panel-col-top+.center-wrapper .panel-col-last{
    background-color:#c9d200;
}


/* activités et sociétés
   ========================================================================== */

.master-curious-society .title{ color: #f49e00; }

.master-curious-society img{ max-width: 100%; }


/* approche client
   ========================================================================== */

#id-just-curious .large-block,
.node-type-panel .center-wrapper{
  display: table;
  width: 100%;
}

#id-just-curious .large-part,
.node-type-panel .center-wrapper > .panel-panel{
    display: table-cell;
    float: none;
    vertical-align: top;
    table-layout: fixed;
}

#id-just-curious .strech-container{
    height: 400px;
    width: 100%;
    overflow: hidden;
}

#id-just-curious .strech-container > img{
    display: inline-block;
    vertical-align: middle;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    margin: 0 0 0 15px;
}

#id-just-curious .large-part{ vertical-align: middle;}

.master-curious-client{ background-color: #e6e6e6; }

.master-curious-client .large-leftpart{ text-align: right;}

.master-curious-client .title{ color: #c9d200; }

.master-curious-client .more-link .btn{
    margin-top: 20px;
    background-color: #c9d200;
}

.master-curious-client .more-link .btn:hover{ background-color: #f49e00; }

#id-just-curious .large-part{ width: 50%; }



/* Partenariats
   ========================================================================== */

.master-curious-partners{
    margin-bottom:-1px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+50&1+0,0+50 */
    background: -moz-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(255,255,255,0) 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(237,237,237,1)), color-stop(50%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, rgba(237,237,237,1) 0%,rgba(255,255,255,0) 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, rgba(237,237,237,1) 0%,rgba(255,255,255,0) 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(237,237,237,1) 0%,rgba(255,255,255,0) 50%); /* IE10+ */
    background: linear-gradient(45deg, rgba(237,237,237,1) 0%,rgba(255,255,255,0) 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.large-part .grid-col > img{
    display: block;
    margin: 0;
}

.large-part .grid-col-5{
    margin-right: 10px;
    margin-left: 10px;
}

.master-curious-partners .title{
    margin-bottom: 0;
    color: #f49e00;
}

.master-curious-partners .more-link .btn{ margin-top: 20px; }

@media screen and (max-width: 1200px) { /* laptop */
    .master-curious-society .title{ margin-top: 0; }
    .master-curious-summary .col-icon{ width: 60px /* grid-col-1 */}
    .master-curious-summary .col-img{ width: 380px; /* grid-col-5 */ }
    #id-just-curious .strech-container > img{ margin: 0 0 0 10px; }
}

@media screen and (max-width: 980px) { /* pad */
    
    .master-curious-summary .col-icon{ width: 45px; /* grid-col-1 */}
    .master-curious-summary .col-img{ width: 297px; /* grid-col-5 */ }
    
    .master-curious-summary .col-content,
    .master-curious-society .grid-col-5,
    .master-curious-partners .grid-col-5{ width: 360px; }
    
    .master-curious-rse .pane-content > .grid-col,
    .master-curious-discover .pane-content > .grid-col{ width: auto; }
    
    .master-curious-summary .col-icon .fa {
        margin: -5px 14px 0 0;
        padding: 13px;
        font-size: 1.7em;
        line-height: 1.3em;
    }
    
    .master-curious-rse .more-link .btn,
    .master-curious-discover .more-link .btn{
        top:0;
        opacity: 1;
    }
    #id-just-curious .strech-container > img{ margin: 0 0 0 9px; }
}

@media screen and (max-width: 767px) { /* phone */
    .master-curious-summary .col-icon,
    .master-curious-summary .col-img,
    .master-curious-summary .col-content,
    .master-curious-society .grid-col-5,
    .master-curious-partners .grid-col-5{ width: auto; }
    
    .master-curious-partners,
    .master-curious-summary{ text-align: center;}
    
    .master-curious-summary .col-icon .fa{ margin-bottom: 10px; }
    
    .master-curious-summary .h5{ margin-top:20px; }
    
    #id-just-curious .large-block,
    .node-type-panel .center-wrapper,
    #id-just-curious .large-part,
    .node-type-panel .center-wrapper > .panel-panel{
        display: block;
        float: left;
        width: 100%;
    }
    
    .master-curious-rse .pane-content > .grid-col,
    .master-curious-discover .pane-content > .grid-col{ padding: 60px 0; }
    
    .master-curious-society .title{ margin-top: 20px; }
    
    .master-curious-client .large-leftpart{
        margin: 60px 0;
        text-align: center;
    }
    
    .master-curious-client .large-leftpart .grid-col-5{ width: auto; }
    #id-just-curious  .master-curious-client .large-rightpart{ display: none; }
    
    .master-curious-partners{
        position: relative;
        padding-bottom: 60px;
        overflow: hidden;
    }
    
    .master-curious-partners .large-leftpart{
        position: absolute;
        top: 20px;
        left: 0;
        bottom: 0;
        z-index: 1;
/*        opacity: 0.5;*/
        width: auto;
    }
    
    .master-curious-partners .large-leftpart .grid-col{ max-height: 100%; }
    
    .master-curious-partners .large-leftpart img{
        position: absolute;
        bottom: 0;
        left: -90px;
        max-height: 80%;
        width: auto;
    }
    
    .master-curious-partners .large-rightpart{
        position: relative;
        z-index: 10;
    }
    
    .master-curious-partners .large-rightpart .grid-col{ margin: 0 80px; }
    
}










/*  ===========================================================================
    master investisseurs
    =========================================================================== */

#id-investors{ margin-bottom: -1px; }

/* APRIL en bref
   ========================================================================== */

.master-investors-bref .grid-col-6{ margin-left: 100px; }

.master-investors-bref .title-bref{
    position: relative;
    padding-bottom: 24px;
    color: #c9d200;
    border-bottom: 1px solid #d4d4d4;
}

.master-investors-bref .title-bref .fa-bg-stick{
    position: absolute;
    top: -15px;
    left: -100px;
    font-size: 1em;
}

.master-investors-bref .more-link .btn{ margin-top: 20px; }

.stock-price-widget{
    display: table;
    width: 100%;
    margin-top: 40px;
    border: 1px solid #c9d200;
}

.stock-price-widget .stock-price-widget-title{
    display: table-cell;
    vertical-align: middle;
    width: 210px;
    padding: 20px 30px 19px 29px;
    background-color: #c9d200;
    color: #fff;
}

.stock-price-widget .stock-price-widget-title .fa{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 2.4em;
}

.stock-price-widget .stock-price-widget-title h2{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.143em;     /* 16px */
    line-height: 1.250em;   /* 20px */
    color: #fff;
}

.stock-price-widget-display{
    display: table-cell;
    vertical-align: middle;
    padding: 20px 29px 19px 30px;
}

.stock-price-widget-result{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    font-weight: bold;
    font-size: 2.286em;     /* 32px */
    line-height: 0.938em;   /* 30px */
    color: #004161;
}

.stock-price-widget-info{
    display: inline-block;
    vertical-align: middle;
}

.stock-price-widget-info .date,
.stock-price-widget-info .title{
    margin: 0;
    font-size: 0.857em;         /* 12px */
    line-height: 1.250em;       /* 15px */
}

.next-dates .next-dates-title{
    padding: 16px 0 26px;
    border-bottom: 1px solid #d4d4d4;
    font-size: 1.286em;         /* 18px */
    line-height: 1.111em;       /* 20px */
    color: #c9d200;
}

.next-dates .next-dates-list{
    padding-left: 0;
}

.next-dates-list .next-date-item{
    margin: 24px 0 21px 0;
}

.next-dates-list .next-date-item:before{
    content: "\f133";
    margin: -3px 0 0 -20px;
    font-size: 1em;
    color: #f49e00;
}

.next-date-item .next-date-title{
    margin: 0;
    text-transform: uppercase;
    font-size: 0.857em;         /* 12px */
    line-height: 1.250em;       /* 15px */
    color: #f49e00;
}

.next-date-item .date{
    font-weight: bold;
    line-height: 1.429em;       /* 20px */
    color: #004161;
}

.next-date-item .next-date-text{ margin: 0; }



/* actualité financières
   ========================================================================== */

#id-investors .panel-col-middle+.center-wrapper .panel-col-first,
#id-investors .panel-col-middle+.center-wrapper .panel-col-last{ background-color: #c9d200; }
/*OLD
.master-investor-financial-news{ background: url("../img/bg-financial-news.jpg") bottom right no-repeat #c9d200; }
*/
.master-investor-financial-news{ background-color: #c9d200; }

.master-investor-financial-news .pane-title,
.master-investor-financial-news .pane-content{
    width: 1070px;
    padding-left: 100px;
    margin: 0 auto;
}

.master-investor-regulated-info .pane-title,
.master-investor-shareholder-info .pane-title,
.master-investor-financial-news .pane-title{
    position: relative;
    text-transform: none;
    text-align: left;
    font-size: 2.000em;         /* 28px */
    line-height: 1.071em;       /* 30px */
}

.master-investor-regulated-info .pane-title:before,
.master-investor-shareholder-info .pane-title:before,
.master-investor-financial-news .pane-title:before{
    content: "\f1ea";
    position: absolute;
    top:0;
    left: 0;
    display: inline-block;
    height: 32px;
    width: 32px;
    padding: 19px;
    margin: -20px 30px 0 0;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1em;
    line-height: 1.2em;
    color: #c9d200;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.master-investor-financial-news .menu{ padding: 31px 200px 0 0; }

.master-investor-financial-news .menu .leaf{
    display: inline-block;
    vertical-align: top;
    width: 370px;       /* grid-col-4 */
}

.master-investor-regulated-info .menu .leaf:before,
.master-investor-shareholder-info .menu .leaf:before,
.master-investor-financial-news .menu .leaf:before{ content: none; }

.master-investor-regulated-info .menu .leaf .nolink,
.master-investor-regulated-info .menu .leaf a,
.master-investor-shareholder-info .menu .leaf .nolink,
.master-investor-shareholder-info .menu .leaf a,
.master-investor-financial-news .menu .leaf .nolink,
.master-investor-financial-news .menu .leaf a{
    display: block;
    padding: 5px 0 5px 20px;
    text-decoration: none;
    font-size: 1.143em;         /* 16px */
    line-height: 1.250em;       /* 20px */
}

.master-investor-regulated-info .menu .leaf .nolink:hover,
.master-investor-regulated-info .menu .leaf a:hover,
.master-investor-shareholder-info .menu .leaf .nolink:hover,
.master-investor-shareholder-info .menu .leaf a:hover,
.master-investor-financial-news .menu .leaf .nolink:hover,
.master-investor-financial-news .menu .leaf a:hover{ text-decoration: underline;}

.master-investor-regulated-info .menu .leaf .nolink:before,
.master-investor-regulated-info .menu .leaf a:before,
.master-investor-shareholder-info .menu .leaf .nolink:before,
.master-investor-shareholder-info .menu .leaf a:before,
.master-investor-financial-news .menu .leaf .nolink:before,
.master-investor-financial-news .menu .leaf a:before{
    content: "";
    position: absolute;
    margin-left: -20px;
    font-family: "FontAwesome";
    font-size: 0.625em;         /* 10px */
    transition: margin-left 0.3s ease 0s;
}

.master-investor-regulated-info .menu .leaf .nolink:hover:before,
.master-investor-regulated-info .menu .leaf a:hover:before,
.master-investor-shareholder-info .menu .leaf .nolink:hover:before,
.master-investor-shareholder-info .menu .leaf a:hover:before,
.master-investor-financial-news .menu .leaf .nolink:hover:before,
.master-investor-financial-news .menu .leaf a:hover:before{
    margin-left: -15px;
}



/* informations financières
   ========================================================================== */

.master-investor-shareholder-info,
.master-investor-regulated-info{
    width: 570px;           /* grid-col-6 */
    padding: 60px 10px;
}

.master-investors-gouv .grid-col-6,
.master-investor-shareholder-info{ float: right; }

.master-investor-regulated-info .pane-title,
.master-investor-shareholder-info .pane-title,
.master-investor-regulated-info .pane-content,
.master-investor-shareholder-info .pane-content{ padding-left: 100px; }

.master-investor-regulated-info .pane-title,
.master-investor-shareholder-info .pane-title{ color: #c9d200; }

.master-investor-regulated-info .pane-title:before,
.master-investor-shareholder-info .pane-title:before{
    background-color: #c9d200;
    color: #fff;
}

.master-investor-regulated-info .menu .leaf a,
.master-investor-shareholder-info .menu .leaf a{ color: #5c5c5c; }

.master-investor-regulated-info .menu .leaf a:hover,
.master-investor-shareholder-info .menu .leaf a:hover{ color: #c9d200; }

.master-investor-shareholder-info .pane-title:before{ content: "\f129"; }

.master-investor-regulated-info .menu,
.master-investor-shareholder-info .menu{ padding: 31px 0 0 0; }



/* informations reglementée
   ========================================================================== */

.master-investor-regulated-info .pane-title:before{
    content: "\f19c";
    padding: 19px 18px 19px 20px;
    line-height: 1em;
}


/* gouvernance
   ========================================================================== */

/*.master-investors-gouv{ background-color: #c9d200; }*/
/*OLD #id-investors .panel-col-middle+.center-wrapper .panel-col-first{
    background: #c9d200 url("../img/bg-master-governance.jpg") no-repeat scroll center center / cover;
}*/
#id-investors .panel-col-middle+.center-wrapper .panel-col-first{
    background-color: #f49e00 ;}


.master-investors-rse .grid-col-6,
.master-investors-gouv .grid-col-6{
    width: 550px;
    padding: 60px 10px;
}

.master-investors-rse .grid-col-6 > .views-field,
.master-investors-gouv .grid-col-6 > .views-field{
    margin: 0 40px;
}

.master-investors-rse .more-link .btn,
.master-investors-gouv .more-link .btn{
    position: relative;
    top:40px;
    margin-top: 20px;
    opacity: 0;
    transform: top 200ms ease 0s, opacity 150ms ease-out 50ms;
}

.touchevents .master-investors-rse .more-link .btn,
.touchevents .master-investors-gouv .more-link .btn,
.master-investors-rse .grid-col:hover .more-link .btn,
.master-investors-gouv .grid-col:hover .more-link .btn{
    top:0;
    opacity: 1;
}

.master-investors-gouv .more-link .btn:hover{
    background-color: #c9d200;
    border-color: #c9d200;
}


/* RSE
   ========================================================================== */

/* OLD #id-investors .panel-col-middle+.center-wrapper .panel-col-last{
    background: #c9d200 url("../img/bg-rse.jpg") no-repeat scroll center center / cover;
}*/
#id-investors .panel-col-middle+.center-wrapper .panel-col-last{
    background-color: #c9d200;}

/* Medias queries
   ========================================================================== */

@media screen and (max-width: 1200px) { /* laptop */
    .master-investors-bref .grid-col-6{ margin-left: 80px; }
    .master-investors-bref .title-bref .fa-bg-stick{ left: -80px; }
    .master-investors-bref .next-dates{ width: 300px; }     /* grid-col-4 */
    .stock-price-widget .stock-price-widget-title{ width: 180px; }
    .stock-price-widget-result{
        display: block;
        margin: 0 0 10px;
    }
    .master-investor-financial-news .pane-content,
    .master-investor-financial-news .pane-title{
        width: 860px;
        padding-left: 80px;
    }
    .master-investor-financial-news .menu .leaf{ width: 300px; }
    .master-investor-shareholder-info,
    .master-investor-regulated-info{ width: 460px; }
    .master-investor-shareholder-info .pane-title,
    .master-investor-regulated-info .pane-title,
    .master-investor-shareholder-info .pane-content,
    .master-investor-regulated-info .pane-content{ padding-left: 80px; }
    .master-investors-rse .grid-col-6,
    .master-investors-gouv .grid-col-6{ width: 440px; }
}

@media screen and (max-width: 980px) { /* pad */
    .master-investors-bref .title-bref .fa-bg-stick{
        top: -10px;
        font-size: 0.8em;
    }
    .master-investors-bref .grid-col-6{ margin-left: 63px; }
    .master-investors-bref .title-bref .fa-bg-stick{ left: -63px; }
    .stock-price-widget .stock-price-widget-title{ width: 108px; }
    .stock-price-widget .stock-price-widget-title .fa{ margin-bottom: 10px; }
    .stock-price-widget-result{
        font-size: 1.714em;
        line-height: 1.042em;
    }
    .master-investors-bref .next-dates{
        width: 234px;       /* grid-col-4 */
        margin-left: 63px;
    }
    .master-investor-financial-news .pane-content,
    .master-investor-financial-news .pane-title{
        width: 675px;
        padding-left: 63px;
    }
    .master-investor-regulated-info .pane-title:before,
    .master-investor-shareholder-info .pane-title:before,
    .master-investor-financial-news .pane-title:before{
        font-size: 0.7em;
        line-height: 1.7em;
        margin: -15px 14px 0 0;
        padding: 10px;
        vertical-align: middle;
    }
    .master-investor-regulated-info .pane-title:before{ line-height: 1.6em; }
    .master-investor-financial-news .menu{ padding-right: 63px; }
    .master-investor-financial-news .menu .leaf{ width: 297px; }        /* grid-col-5 */
    .master-investor-shareholder-info,
    .master-investor-regulated-info{ width: 360px; }
    .master-investor-shareholder-info .pane-title,
    .master-investor-regulated-info .pane-title,
    .master-investor-shareholder-info .pane-content,
    .master-investor-regulated-info .pane-content{ padding-left: 63px; }
    .master-investors-rse .grid-col-6,
    .master-investors-gouv .grid-col-6{
        width: auto;
        padding: 60px 8px;
    }
    .master-investors-rse .grid-col-6 > .views-field,
    .master-investors-gouv .grid-col-6 > .views-field{ margin: 0 18px; }
    .master-investors-rse .grid-col-6 .title,
    .master-investors-gouv .grid-col-6 .title{ margin-top: 0; }
}

@media screen and (max-width: 767px) { /* phone */
    .master-investors-bref .grid-col-6,
    .master-investors-bref .next-dates,
    .master-investor-financial-news .pane-content,
    .master-investor-financial-news .pane-title{
        width: auto;
        margin-left: 0;
        padding-left: 63px;
        box-sizing: border-box;
    }
    .stock-price-widget .stock-price-widget-title{ width: 50%; }
    .master-investor-financial-news{
        padding: 60px 20px;
    }
    .master-investor-financial-news .menu{ padding-right: 0; }
    .master-investor-financial-news .menu .leaf{ width: 100%; }
    .master-investor-shareholder-info,
    .master-investor-regulated-info{
        padding: 60px 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .master-investor-shareholder-info{ padding-bottom: 0; }
}

@media screen and (max-width: 479px) { /* mini phone */
    .master-investors-bref .grid-col-6,
    .master-investors-bref .next-dates,
    .master-investor-financial-news .pane-content,
    .master-investor-financial-news .pane-title,
    .master-investor-shareholder-info .pane-title,
    .master-investor-regulated-info .pane-title,
    .master-investor-shareholder-info .pane-content,
    .master-investor-regulated-info .pane-content{ padding-left: 0; }
    .next-dates .next-dates-list{ padding-left: 20px; }
    .master-investors-bref .title-bref .fa{ display: none; }
    .master-investor-regulated-info .pane-title:before,
    .master-investor-shareholder-info .pane-title:before,
    .master-investor-financial-news .pane-title::before{ content: none; }
    
}











/*  ===========================================================================
    master candidats
    =========================================================================== */

/* Offre d'emploi
   ========================================================================== */

.master-applicants-job .title-bref{
    padding-bottom: 44px;
    margin-bottom: 0;
    color: #c9d200;
}

.master-applicants-job .title-bref i{
    font-size: 1em;
}

.master-applicants-job .col-content{
    border-top: 1px solid #d4d4d4;
}

.master-applicants-job .job-summary{ margin-left: 100px; }

.job-counter-widget .title{
    font-size: 1.571em;         /* 22px */
    line-height: 1.364em;       /* 30px */
    color: #5c5c5c;
}

.job-counter-widget .job-counter-widget-number{
    display: block;
    margin-bottom: 5px;
    font-size: 3.182em;
    line-height: 0.8em;
}

.student-job .title{
    font-size: 1em;
    line-height: 1.429em;       /* 20px */
    color: #5c5c5c;
}

.student-job .title .fa{
    display: block;
    font-size: 3em;
}

.master-applicants-job .more-link .btn{
    text-align: left;
    font-size: 0.857em;         /* 12px */
    line-height: 1.667em;       /* 20px */
}

/*.master-applicants-job .more-link .btn:after{ top: 9px; }*/

.master-applicants-job .more-link .btn-primary{
    padding: 4px 34px 4px 14px;
    background-color: transparent;
    border-color: #f49e00;
    color: #f49e00;
}

.master-applicants-job .more-link .btn-primary:hover{
    border-color: #c9d200;
    color: #c9d200;
}

.master-applicants-job .more-link .btn:after,
.master-applicants-job .more-link .btn-primary:after{
    top: 5px;
    vertical-align: top;
    font-size: 0.833em;
    line-height: 1.9em;
}

.master-applicants-job .more-link .btn-primary:after{ top: 4px; }





/* Pourquoi choisir APRIL
   ========================================================================== */
/* OLD #id-applicants .panel-col-top + .center-wrapper .panel-col-first{
    background: #f49e00 url("../img/bg-choose.jpg") no-repeat scroll center center / cover;
}
*/ 

#id-applicants .panel-col-top + .center-wrapper .panel-col-first{
    background: #f49e00;
}

.master-applicants-focus,
.master-applicants-choose{ padding: 60px 10px; }

.master-applicants-focus .pane-content,
.master-applicants-choose .pane-content{ margin: 0 40px; }

.master-applicants-focus .fa,
.master-applicants-choose .fa{
    display: block;
    margin-bottom: 10px;
    font-size: 2.5em;
}

.master-applicants-focus .more-link .btn,
.master-applicants-choose .more-link .btn{
    position: relative;
    top:40px;
    margin:20px 0 40px;
    opacity: 0;
    transition: top 200ms ease 0s, opacity 150ms ease-out 50ms;
}

.touchevents .master-applicants-focus .more-link .btn,
.touchevents .master-applicants-choose .more-link .btn,
.master-applicants-focus:hover .more-link .btn,
.master-applicants-choose:hover .more-link .btn{
    top:0;
    opacity: 1;
}

.master-applicants-choose .more-link .btn:hover{
    background-color: #c9d200;
    border-color: #c9d200;
}


/* Focus
   ========================================================================== */
/*OLD #id-applicants .panel-col-top + .center-wrapper .panel-col-last{
    background: #c9d200 url("../img/bg-focus.jpg") no-repeat scroll center center / cover;
}*/ 
#id-applicants .panel-col-top + .center-wrapper .panel-col-last{
    background: #c9d200;
}

.master-applicants-focus .fa{ font-size: 2em; }


/* Témoignages
   ========================================================================== */

.master-applicants-speak-out .grid-col-leftspacer-1{ margin-left: 100px; }

.master-applicants-speak-out .title{ color: #f49e00; }

#carousel-temoignage-2 .owl-carousel .owl-wrapper-outer,
.master-applicants-speak-out .owl-carousel .owl-wrapper-outer{ padding-bottom: 40px; }

#carousel-temoignage-2 .carousel-caption,
.master-applicants-speak-out .carousel-caption{
    top: 100%;
    bottom: auto;
    left: 61px;
    padding-top: 15px;
    background-color: transparent;
    line-height: 1.071em;       /* 15px */
    color: #5c5c5c;
}

#carousel-temoignage-2 .owl-prev,
#carousel-temoignage-2 .owl-next,
.master-applicants-speak-out .block-about .owl-prev,
.master-applicants-speak-out .block-about .owl-next{
    background-color: transparent;
    color: #5c5c5c;
}

#carousel-temoignage-2 .owl-buttons,
.master-applicants-speak-out .owl-buttons{
    position: relative;
    margin-left: -15px;
}

#carousel-temoignage-2 .owl-next:before,
.master-applicants-speak-out .owl-next::before{ background-color: #5c5c5c; }

#carousel-temoignage-2 .owl-next:after,
.master-applicants-speak-out .owl-next::after{ background-color: transparent; }

.master-applicants-speak-out video{
    max-width: 100%;
    vertical-align: top;
}


/* Media queries
   ========================================================================== */

@media screen and (max-width: 1200px) { /* laptop */
    
    .master-applicants-job .job-summary{ margin-left: 80px; }
    .master-applicants-speak-out .grid-col-leftspacer-1{
        width: 460px;
        margin-left: 0;
    }
}

@media screen and (max-width: 980px) { /* pad */
    .master-applicants-job .job-summary{ margin-left: 63px; }
/*
    .fa-bg-stick,
    .master-curious-summary .col-icon .fa {
        margin: -5px 14px 0 0;
        padding: 13px;
        font-size: 1.7em;
        line-height: 1.3em;
    }
*/
    .master-applicants-job .title-bref i{ font-size: 0.7em; }
    .master-applicants-focus, .master-applicants-choose{
        width: auto;
    }
    .master-applicants-focus .pane-content,
    .master-applicants-choose .pane-content{ margin: 0 18px; }
    .master-applicants-speak-out .grid-col-leftspacer-1{
        width: 360px;
        margin-left: 0;
    }
}
@media screen and (max-width: 767px) { /* phone */
    .master-applicants-job .job-summary,
    .job-counter-widget,
    .student-job{
        width: auto;
        margin-left: 63px;
    }
    .job-counter-widget{ margin-bottom: 20px; }
    .master-applicants-choose{ margin-top: -1px; }
    .master-applicants-focus .pane-content,
    .master-applicants-choose .pane-content{ margin: 0 40px; }
    .master-applicants-speak-out .grid-col-leftspacer-1{
        width: auto;
        max-width: 470px;
        margin: 0 auto;
    }
    .master-applicants-speak-out{ text-align: center; }
}
@media screen and (max-width: 479px) { /* mini phone */
    .master-applicants-job .job-summary,
    .job-counter-widget,
    .student-job{ margin-left: 0; }
    .master-applicants-job .title-bref .fa{ display: none; }
    .master-applicants-focus,
    .master-applicants-choose{ padding: 60px 0; }
    
}











/*  ===========================================================================
    master journalists
    =========================================================================== */


/* CP
   ========================================================================== */

#id-journalists .panel-col-top .inside{
  width: 1170px;
  margin: 0 auto 60px;
}

.master-journalist-cp-title h2{ color: #c9d200; }

.fa-bg-stick,
.master-journalist-cp-title .fa{
    width: 32px;
    height: 32px;
    margin: -5px 30px 0 0;
    padding: 19px;
    background-color: #c9d200;
    text-align: center;
    font-size: 2em;
    line-height: 1.15em;
    color: #fff;
    border-radius: 100%;
}

.master-journalist-cp-title .fa{
    font-size: 1em;
    line-height: 1.2em;
}

.block-system .title-master-cp{
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 19px;
    margin-bottom: 36px;
    text-transform: uppercase;
    font-size: 0.857em;     /* 12px */
    line-height: 1.250em;   /* 15px */
    color: #c9d200;
}

.master-journalist-cp-une .date{
    text-transform: uppercase;
    font-size: 0.857em;     /* 12px */
    line-height: 1.667em;   /* 20px */
}

.master-journalist-cp-une .views-field-title .h3{
    margin: 1px 0 4px;
}

.master-journalist-cp-une .views-field-title a{
    text-decoration: none;
    color: #004161;
}

.master-journalist-cp-une .views-field-title a:hover{ text-decoration: underline;}

.master-journalist-cp-une .btn-read-more a{
    position: relative;
    padding-right: 20px;
    text-decoration: none;
    color: #f49e00;
}

.master-journalist-cp-une .btn-read-more a:after{
    content: "\f105";
    position: absolute;
    top:0;
    right: 0;
    margin-top: 1px;
    padding-right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    transition: padding-right 200ms;
}

.master-journalist-cp-une .btn-read-more a:hover:after{ padding-right: 0; }



.master-journalist-cp-list .date{
    font-size: 0.786em;         /* 11px */
    line-height: 1.818em;       /* 20px */
}

.master-journalist-cp-list ul{ padding-left: 0; }

.master-journalist-cp-list li:before{ content:none; }

.master-journalist-cp-list .views-field-title h4{
    position: relative;
    margin: 0 0 20px 0;
    font-size: 1em;         /* 14px */
    line-height: 1.429em    /* 20px */
}

.master-journalist-cp-list .views-field-title a{
    text-decoration: none;
    color: #004161;
}

.master-journalist-cp-list .views-field-title a:hover{ text-decoration: underline;}

.master-journalist-cp-list .views-field-title .fa{
    position: absolute;
    top:4px;
    left: -30px;
    color: #c9d200;
}

.more-link a{
    position: relative;
    display: inline-block;
    padding: 10px 15px 10px 15px;
    border-radius: 20px;
    background-color: #f49e00;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
    font-size: 1em;         /* 14px */
    line-height: 1.429em;   /* 20px */
    color: #fff;
    transition: all 300ms linear;
}

.more-link a:hover{ background-color: #c9d200; }

.more-link a:focus{ background: #5c5c5c; }

/*.more-link a:after{
    content: "\f178";
    position: absolute;
    top: 5px;
    right: 15px;
    vertical-align: top;
    font: normal normal normal 0.714em/1.9em FontAwesome;
}*/

.master-journalist-cp-list .more-link a{ margin-top: 20px; }



/* dossier de presse
   ========================================================================== */

.master-journalist-dp.grid-col,
.master-journalist-cpf.grid-col{ padding: 60px 10px; }

#id-journalists .panel-col-first{ background-color: #c9d200; }
#id-journalists .panel-col-last{ background-color: #467810; }

.master-journalist-dp,
.master-journalist-cpf{ text-align: center; }

.master-journalist-dp h2,
.master-journalist-cpf h2{
    margin: 0 40px;
    text-transform: uppercase;
    font-size: 1.143em;     /* 16px */
    line-height: 1.250em;   /* 20px */
}

.master-journalist-dp h2 .fa,
.master-journalist-cpf h2 .fa{
    display: block;
    margin-bottom: 8px;
    font-size: 4em;
}

.master-curious-discover .views-field,
.master-curious-rse .views-field,
.master-journalist-dp .views-field,
.master-journalist-cpf .views-field{ margin: 0 40px; }

.master-journalist-dp .views-field-title h3,
.master-journalist-cpf .views-field-title h3{
    position: relative;
    margin: 71px 0 9px 0;
    font-size: 1.857em;         /* 26px */
    line-height: 1.154em;       /* 30px */
}

.master-journalist-dp .views-field-title a,
.master-journalist-cpf .views-field-title a{ text-decoration: none; }

.master-journalist-dp .views-field-title a:hover,
.master-journalist-cpf .views-field-title a:hover{ text-decoration: underline; }

.master-journalist-dp .views-field-created,
.master-journalist-dp .views-field-field-presse-texte,
.master-journalist-dp .btn-read-more a,
.master-journalist-cpf .views-field-created,
.master-journalist-cpf .views-field-field-presse-texte,
.master-journalist-cpf .btn-read-more a{
    position: relative;
    opacity: 0.5;
}

.master-journalist-dp .date,
.master-journalist-cpf .date{
    text-transform: uppercase;
    font-size: 0.857em;     /* 12px */
    line-height: 1.667em;   /* 20px */
}

.master-journalist-dp .views-field-field-presse-texte li:before,
.master-journalist-cpf .views-field-field-presse-texte:before{
    content: none;
}

.master-journalist-cpf .btn-read-more a{
    position: relative;
    padding-right: 20px;
    text-decoration: none;
    transition: opacity 200ms;
}

.master-journalist-cpf .btn-read-more a:after{
    content: "\f105";
    position: absolute;
    top:0;
    right: 0;
    margin-top: 1px;
    padding-right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    transition: padding-right 200ms;
}

.master-journalist-cpf .btn-read-more a:hover{ opacity: 1; }

.master-journalist-cpf .btn-read-more a:hover:after{ padding-right: 0; }

#art-revolution .more-link a,
.bg-color .more-link a{
    padding: 4px 34px 4px 14px;
    border: 1px solid #fff;
    background-color: transparent;
}

/*
#art-revolution .more-link a:after,
.bg-color .more-link a:after{ top: 4px; }
*/

#art-revolution .more-link a:hover,
.bg-color .more-link a:hover{
    background-color: #f49e00;
    border-color: #f49e00;
    color: #fff;
}

.master-journalist-dp .more-link a,
.master-journalist-cpf .more-link a{
    top:40px;
    margin-top: 20px;
    opacity: 0;
    transition: top 200ms ease, opacity 150ms ease-out 50ms;
}

.master-journalist-dp .view-header,
.master-journalist-cpf .view-header{
    position: relative;
    top: -10px;
    transition : top 200ms ease-in-out;
}

.touchevents .master-journalist-dp .view-header,
.touchevents .master-journalist-cpf .view-header,
.master-journalist-dp:hover .view-header,
.master-journalist-cpf:hover .view-header{ top: 0; }

.master-journalist-dp .view-content,
.master-journalist-cpf .view-content{
    position: relative;
    top: 0;
    transition : top 200ms ease-in-out;
}

.touchevents .master-journalist-dp .view-content,
.touchevents .master-journalist-cpf .view-content,
.master-journalist-dp:hover .view-content,
.master-journalist-cpf:hover .view-content{ top: -20px; }

.touchevents .master-journalist-dp .more-link a,
.touchevents .master-journalist-cpf .more-link a,
.master-journalist-dp:hover .more-link a,
.master-journalist-cpf:hover .more-link a{
    top:0;
    opacity: 1;
}


/* Médiatheque
   ========================================================================== */

.master-curious-society .grid-col:first-child,
.master-journalist-mediatheque .grid-col:first-child{
    margin-left: 100px;
}
.master-journalist-mediatheque .illustrative-img{ max-width: 100%; }

.master-journalist-mediatheque .title-master-mediatheque{ margin-bottom: 0; }

.master-journalist-mediatheque .more-link a{ margin-top: 20px; }


/* Media queries
   ========================================================================== */

@media screen and (max-width: 1200px) {
    #id-journalists .panel-col-top .inside{ width: 940px; }
    .fa-bg-stick,
    .master-journalist-cp-title .fa { margin: -5px 10px 0 0; }
    .master-curious-discover .views-field,
    .master-curious-rse .views-field,
    .master-journalist-dp .views-field,
    .master-journalist-cpf .views-field{ margin: 0 36px; }
    .master-curious-society .grid-col:first-child,
    .master-journalist-mediatheque .grid-col:first-child{ margin-left: 80px; }
}

@media screen and (max-width: 980px) { /* pad */
    #id-journalists .panel-col-top .inside{ width: 738px; }
    .fa-bg-stick,
    .master-journalist-cp-title .fa {
        margin: -5px 14px 0 0;
        padding: 13px;
        font-size: 0.7em;
        line-height: 1.5em;
    }
    .master-journalist-cp-une { margin-top: 0; }
    .master-journalist-cp-list{
        width: 234px; /* grid-col-4 */
        margin-left: 63px;
    }
    .master-journalist-dp,
    .master-journalist-cpf{ width: 100% !important; }
    .master-curious-society .grid-col:first-child,
    .master-journalist-mediatheque .grid-col:first-child { margin-left: 0; }
    .master-curious-society .grid-col-5,
    .master-journalist-mediatheque .grid-col-5 {
        width: 360px;
    }
}

@media screen and (max-width: 767px) { /* phone */
    .master-curious-summary .col-img img{ float: none; }
    #id-journalists .panel-col-top .inside{
        width: auto;
		margin: 0 20px;
    }
    .master-journalist-cp-title h2{ margin-top:0; }
    .master-journalist-cp-title .fa {
        display: block;
        width: 32px;
        margin-bottom: 10px;
        padding: 19px;
        font-size: 1em;
    }
    .master-journalist-cp-une { margin-left: 0; }
    .master-journalist-cp-list{
        width: auto;
        margin-left: 0;
        margin-bottom: 60px;
    }
    .block-system .title-master-cp{
        padding-bottom: 9px;
        margin-bottom: 26px;
        margin-top: 60px;
    }
    .master-journalist-cp-list .views-field-title .fa{ display: none; }
    #id-journalists .center-wrapper > .panel-panel{
        display: block;
        float: left;
        width: 100%;
    }
    .master-curious-society .grid-col-5,
    .master-journalist-mediatheque .grid-col-5 {
        width: 100%;
        text-align: center;
    }
    .master-curious-society .grid-col:first-child{ width: 100%; }
    .master-curious-society img{ float: none; }
}














/*  ===========================================================================
    download list
    =========================================================================== */

.download-container ul{
/*    border-top: 1px solid #d4d4d4;*/
    padding:0;
    margin:0;
}

.download-item{ border-top: 1px solid #d4d4d4; }

ul .download-item:before{ content: none; }

.download-list .document_link{
    display: block;
    text-decoration: none;
}

.download-item .left_container{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 86px;        /* grid-col-1 + 15px + 2px(bordure) */
    margin: 40px 14px 37px 0;
}

.download-item .thumb-container{
    position: relative;
    border: 1px solid #d4d4d4;
}

.download-item .left_container .fa-volume-up,
.download-item .left_container .fa-file-o{
    font-size: 2.571em;
    color: #004161;
    opacity: 1;
    transition: opacity 300ms;
}

/*
.download-item .left_container .fa-arrow-circle-o-down{
    position: absolute;
    top:20px;
    left: 23px;
    font-size: 2em;
    color: #004161;
    opacity: 0;
    transition: top 300ms ease, opacity 250ms 50ms;
}
*/

.download-item .info_container{
    display: inline-block;
    vertical-align: top;
    width: 540px;       /* grid-col-7 */
}

.download-item .info_container .h3{
    margin: 37px 0 -2px 0;
    opacity: 1;
    transition: opacity 300ms ease;
}

.download-item .info_container .date{
/*    margin-top: -2px;*/
    text-transform: uppercase;
    font-size: 0.857em;     /* 12px */
    line-height: 1.667em;   /* 20px */
    color: #5c5c5c;
    opacity: 1;
    transition: opacity 300ms ease;
}

.download-item .info_container .document_desc{
    color: #5c5c5c;
    opacity: 1;
    transition: opacity 300ms ease;
}

.download-item .info_container{ padding-bottom: 30px; }

.download-item .info_container .date{ display: block; }

.download-item .info_container .download-btn{ margin: 10px 0 0 0; }

.download-item .info_container .document_desc{ display: block; }

.document_link:hover .download-btn{ background-color: #f49e00; }

.download-item .info_container .download-btn:after{
    content: "\f178";
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    font-family: 'FontAwesome';
    font-size: 0.714em;         /* 10px */
    line-height: 2.000em;       /* 20px */
}

/*
.download-item .info_container .download-btn{
    position: relative;
    display: inline-block;
    padding: 5px 20px 5px 0;
    margin: 14px 0 29px;
    color: #f49e00;
    transition: color 300ms;
}
*/


/*
.download-item .info_container .download-btn:after{
    content: "\f105";
    position: absolute;
    top:0;
    right: 0;
    margin-top: 8px;
    padding-right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    transition: padding-right 200ms;
}
*/

/*
.download-item .document_link:hover .info_container .h3,
.download-item .document_link:hover .date,
.download-item .document_link:hover .document_desc{ opacity: 0.2; }
*/

.download-item .document_link:hover .info_container .h3{ text-decoration: underline; }

.download-item .document_link:hover .fa-arrow-circle-o-down{
    top:30px;
    opacity: 1;
}

.download-item .document_link:hover .download-btn:after{ padding-right: 0; }



.annual-gm-item .info_container{ width: 570px; }

.annual-gm-item .document_desc{
    margin-top: 30px;
}

.annual-gm-item .document_desc .arrow-list_green{
    border-top: 0;
}

.annual-gm-item .document_desc .arrow-list_green li:before{
    content: none;
}

.annual-gm-item .document_desc .arrow-list_green a{
    padding-left: 20px;
}

.annual-gm-item .document_desc .arrow-list_green a:before{
    content: "\f178";
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'FontAwesome';
    font-size: 0.714em;
    line-height: 2.000em;
}

.annual-gm-item .document_desc .arrow-list_green a{
    display: inline-block;
    padding-bottom: 10px;
}

@media screen and (max-width: 1200px) { /* laptop */
/*    .download-page .grid-col-8{ width: 700px; }*/
    .download-item .info_container,
    .annual-gm-item .info_container{ width: 520px; }
}

@media screen and (max-width: 980px) { /* pad */
    .download-item .info_container,
    .annual-gm-item .info_container{ width: 386px; }
    .annual-gm-item .grid-col-3{
        width: auto;
        margin: 0;
    }
}

@media screen and (max-width: 767px) { /* phone */
/*    .download-list .document_link{ display: table; }*/
    .download-item .left_container,
    .annual-gm-item .left_container{
        display: table-cell;
        padding: 40px 14px 37px 0;
    }
    .download-item .info_container,
    .annual-gm-item .info_container{
        display: table-cell;
        width: auto;
    }
    
}

@media screen and (max-width: 450px) {
    .download-item .left_container,
    .annual-gm-item .left_container{
        display: block;
        padding: 0;
    }
    .download-item .info_container,
    .annual-gm-item .info_container{
        display: block;
        width: auto;
    }
}












/*  ===========================================================================
    APRIL Worldwide
    =========================================================================== */

.block-worldwilde .block-counters{
    margin-top: 40px;
    color: #c9d200;
}

.block-worldwilde .block-counters ul{
    text-align: left;
    padding-left: 0;
}

.block-worldwilde .block-counters ul .grid-col-3{ width: 270px; }

.block-worldwilde .block-counters li{ color: #f49e00; }

.block-counters li div{ font-weight: bold; }

@media screen and (max-width: 1200px) { /* laptop */
     .block-worldwilde .block-counters ul .grid-col-3{ width: 220px; }
}
@media screen and (max-width: 980px) { /* pad */
	.block-worldwilde .block-counters ul .grid-col-3{ width: 171px; }
}
@media screen and (max-width: 767px) { /* phone */
	.block-worldwilde .block-counters ul .grid-col-3 { width: 100%;	}
}









/*  ===========================================================================
    mini-master
    =========================================================================== */

.row-center-wrapper{
    display: table;
    width: 100%;
}

.row-center-wrapper > div{
    display: table-cell;
    width: 50%;
}

/* Block-icon
   ========================================================================== */

.row-center-wrapper .panel-col-first > .grid-col,
.row-center-wrapper .panel-col-middle > .grid-col{
    margin-right: 15px;
    margin-left: 100px;
}

.row-center-wrapper .panel-col-first > .grid-col{ float: right; }

.row-center-wrapper .panel-col-middle{ padding: 0 15px; }

.row-center-wrapper .panel-col-last > .grid-col{ margin-left: 100px; }

.row-center-wrapper .block-header{
    position: relative;
    margin-right: 40px;
}

.row-center-wrapper .block-header > .fa{
    position: absolute;
    top:-15px;
    left: -100px;
}

.row-center-wrapper .block-header h2{ color: #c9d200; }

.row-center-wrapper .pane-content{ margin-right: 40px; }

.row-center-wrapper .more-link{ margin-top: 20px; }

.block-counters{ margin: 40px 0; }

.block-counters li div{
    margin-bottom: 20px;
    padding-top: 10px;
}

@media screen and (max-width: 1200px) { /* laptop */
    .row-center-wrapper .panel-col-first > .grid-col,
    .row-center-wrapper .panel-col-middle > .grid-col{
        margin-right: 10px;
        margin-left: 80px;
    }
    .row-center-wrapper .panel-col-middle{ padding: 0 10px; }
    .row-center-wrapper .panel-col-last > .grid-col{ margin-left: 80px; }
    .row-center-wrapper .block-header > .fa{ left: -80px; }
}

@media screen and (max-width: 980px) { /* pad */
    .row-center-wrapper .panel-col-first > .grid-col,
    .row-center-wrapper .panel-col-middle > .grid-col{
        margin-right: 9px;
        margin-left: 9px;
    }
    .row-center-wrapper .panel-col-middle{ padding: 0 9px; }
    .row-center-wrapper .panel-col-last > .grid-col{ margin-left: 9px; }
    .row-center-wrapper .block-header > .fa{ display: none; }
    .row-center-wrapper .panel-col-first > .grid-col-5,
    .row-center-wrapper .panel-col-last > .grid-col-5{ width: 360px; /* grid-col-6 */ }
}
@media screen and (max-width: 767px) { /* phone */
    .row-center-wrapper{ display: block; }

    .row-center-wrapper > div{
        display: block;
        width: 100%;
    }
    .row-center-wrapper .block{ margin-bottom: 60px; }
	.row-center-wrapper .panel-col-first > .grid-col-5,
    .row-center-wrapper .panel-col-last > .grid-col-5{
		width: auto;
		margin-right: 20px;
        margin-left: 20px;
	}
    .row-center-wrapper .panel-col-middle{ padding: 0; }
    .row-center-wrapper .panel-col-last > .grid-col{ margin-left: 20px; }
}



/* Block citation
   ========================================================================== */

.block-citation{
    margin-right: 40px;
}

.block-citation p{
    font-weight: bold;
    font-size: 1.286em;     /* 18px */
    line-height: 1.389em;   /* 25px */
    color: #004161;
}


/* Block counter
   ========================================================================== */

.page-content-section-bg.l-pushBottom--larger{ padding-bottom: 60px; }

@media screen and (max-width: 767px) { /* phone */
    .block-counters li{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px;
    }
}













/*  ===========================================================================
    April en bref
    =========================================================================== */
/* APRIL 
   ========================================================================== */
/*NEW en bref ajout Nouvelle Charte 01/2020 Bord arrondi*/
#id-in-brief .block-cultural-base img{
border-radius:20px 0 0;}


   /* APRIL en bref 
   ========================================================================== */

/* Qui sommes-nous
   ========================================================================== */

.block-wwa img,
.block-cultural-base-col img{ max-width: 100%; }
/*NEW en bref ajout Nouvelle Charte 01/2020 Changement couleur orange*/
.block-system .h2.is-orange, .block-system .h4.is-orange, .block-system h2.title.is-orange{color:#f49e00;}

.block-system .h2.is-green, .block-system h2.is-green {color:#c9d200;}

/*.block-system h2 {color:#004161;}*/
/*NEW FIN Nouvelle Charte 01/2020*/

/* Notre mission
   ========================================================================== */

/*OLD .block-our-mission {
    background: #fcfcfc url("../img/bg_our-mission.jpg") no-repeat scroll 0 bottom / cover;
}*/
/*NEW changement couleur de fond et annulation image de fond*/
.block-our-mission {
    background-color: #e6e6e6;
}
/*NEW*/

/* Notre mission
   ========================================================================== */



/* Chiffres clés
   ========================================================================== */
/*OLD
.block-key-number{
    background: #cdcdcd url("../img/bg-key-numbers.jpg ") no-repeat scroll center top / cover;
}
*/

/*NEW changement couleur de fond et annulation image de fond*/
.block-key-number{
    background: #e6e6e6;}
/**/
.block-key-number .block-counters .grid-col{ margin-top: 0; }

.block-key-number .block-counters li{
    float: none;
    display: table;
    width: 100%;
    margin-bottom: 30px;
    color: #5c5c5c;
}

.block-key-number .block-counters li .number{
    display: table-cell;
    width: 270px;
    padding-top: 0;
    padding-right: 15px;
    text-align: right;
    line-height: 1em;
    color: #004161;
}
/* OLD .block-key-number .block-counters li .number color #004161
.block-key-number .block-counters li .detail color #5c5c5c; */

.block-key-number .block-counters li .detail{
    display: table-cell;
    vertical-align: top;
    width: 255px;
    padding-top: 5px;
    border-bottom: 1px solid rgba(92, 92, 92, 0.2);
    text-transform: none;
    font-weight: normal;
    font-size: 0.857em;         /* 12px */
    line-height: 1.250em;       /* 15px */
    color: #004161;
}


/* historique
   ========================================================================== */
/*OLD
.block-history{
    background: #c9d200 url("../img/bg-history.jpg") no-repeat scroll center top / cover;
}*/

/**NEW changement couleur de fond et annulation image de fond */
.block-history{
    background:#c9d200;}
    
    
#block-system-main .block-history h2{
    text-transform: none;
    text-align: center;
    font-size: 2em;
    line-height: 1.071em;
    color: #fff;
}

.block-history .block-mission .years{
    margin-bottom: 29px;
    font-weight: bold;
    font-size: 1.143em;         /* 16px */
    line-height: 1.250em;       /* 20px */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.block-history .block-mission .years a{
    padding: 10px 10px 20px;
    color: #fff;
}

.block-history .block-mission .years a:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 1px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.2);
}

.block-history .block-mission .years a:after{
    bottom: -30px;
    border-bottom-color: #fff;
}

.block-history .block-mission .year{
    width: 970px;
    margin: 0 auto;
    background-color: #fff;
}

.block-history .block-mission .date{
    font-weight: bold;
    font-size: 7.143em;         /* 100px */
    color: #c9d200;
}

.block-history .block-mission p{
    color: #5c5c5c;
    opacity: 1;
}



/* téléchargement
   ========================================================================== */

.block-brief-dl a p{ color: #5c5c5c; }

.block-brief-dl .thumb-container{ text-align: right; }

.block-brief-dl .thumb{
    border: 1px solid #d4d4d4;
    max-width: 100%;
}

.block-brief-dl a:hover .block-title-top{ text-decoration: underline;}

.block-brief-dl a p .fa-long-arrow-right{
    vertical-align: top;
    padding: 0 10px 0 0;
    font-size: 0.714em;         /* 10px */
    line-height: 2.000em;       /* 20px */
    transition: padding 200ms ease-in;
}


.block-brief-dl a:hover p .fa-long-arrow-right{ padding: 0 0 0 10px; }

@media screen and (max-width: 1200px) { /* laptop */
    
    .block-history .block-mission .years a{ padding: 10px 6px 20px; }
    .block-history .block-mission .year{ width: 780px; }

}

@media screen and (max-width: 980px) { /* pad */

    .block-our-mission .grid-col-4,
    .block-wwa .grid-col-4{
        width: auto;
        margin: 0;
    }
    .block-our-mission .h2{
        font-size: 1.286em;
        line-height: 1.111em;
    }
    .block-our-mission .has-solid-orange-border{
        margin-bottom: 20px;
    }
    
    .block-history .block-mission .years{
        font-size: 0.857em;             /* 14px */
        line-height: 1.667em;       /* 20px */
        padding: 0;
    }
    .block-history .block-mission .years a{ padding: 10px 5px 10px; }
    .block-history .block-mission .year{ width: 612px; }
    .block-history .block-mission .date{
        font-size: 5.000em;         /* 70px */
        line-height: 1.286em;       /* 90px */
    }

}

@media screen and (max-width: 767px) { /* phone */
    
    .block-wwa img{ display: none; }
    .block-our-mission{ background-position: 30% bottom }
    .block-cultural-base h2{
        text-align: center;
        margin-bottom: 40px;
    }
    .block-cultural-base .grid-col{
        max-width: 370px;
        margin: 0 auto 40px;
        text-align: center;
    }
    .block-key-number .title{
        border-bottom: 1px solid rgba(92, 92, 92, 0.2);
        padding-bottom: 40px;
        margin: 0 20px;
    }
    .block-key-number .block-counters{ margin-top: 0; }
    .block-key-number ul{ padding-left: 0; }
    .block-key-number .block-counters li{ display: block; }
    .block-key-number .block-counters li .number{
        display: block;
        width: auto;
        padding-right: 0;
        margin-bottom: 0;
        text-align: center;
    }
    .block-key-number .block-counters li .detail{
        display: block;
        width: auto;
        padding-bottom: 20px;
        text-align: center;
    }
    #block-mission{ padding: 60px 20px; }
    .block-history .block-cont{
        display: table;
        width: 100%;
    }
    .block-history .block-mission .years{
        display: table-cell;
        width: 50px;
        vertical-align: top;
        border-bottom: 0;
    }
    .block-history .block-mission .years .grid-row{
        margin: 0;
        vertical-align: top;
    }
    .block-history .block-mission .years a{
        display: block;
        padding: 4px 10px;
        vertical-align: top;
    }
    .block-history .block-mission .years a:before,
    .block-history .block-mission .years a:after{ content: none; }
    .block-history .block-mission .years .active{
        background-color: #fff;
        color:#c9d200;
    }
    .block-mission .years span{ display: inline; }
    .block-history .block-mission .date{
        font-size: 1.714em;
        line-height: 1.250em;
    }
    .block-history .block-mission .year.active{
        display: table-cell;
        width: auto;
    }
    .block-brief-dl .download-link{
        text-decoration: none;
        text-align: center;
    }
    .block-brief-dl .thumb-container{ text-align: center; }
    .block-brief-dl .thumb{
        float: none;
        margin: 0;
    }
    .block-brief-dl .h4{ margin: 10px 0 5px; }
    .block-brief-dl a p{ margin: 0 0 40px; }
    
}



/*  ===========================================================================
    RSE
    =========================================================================== */


/* menu RSE
   ========================================================================== */

.block-menu-rse > ul{
    margin: 0 0 60px;
    padding-left: 0;
}

.block-menu-rse li:before{ content: none; }

.btn-menu-rse {
    text-align: center;
    text-decoration: none;
    color: #5c5c5c;
}

.btn-menu-rse:hover{ color: #5c5c5c; }

.btn-menu-rse-container{
    position: relative;
    display: table;
    width: 100%;
    padding: 1px 1px 3px;
    background-color: #d4d4d4;
    box-sizing: border-box;
}

.btn-menu-rse-container:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 3px;
    background-color: #f49e00;
    transition: height 200ms;
}

.btn-menu-rse-2 .btn-menu-rse-container:after{ background-color: #c9d200; }
.btn-menu-rse-3 .btn-menu-rse-container:after{ background-color: #f3c300; }
.btn-menu-rse-4 .btn-menu-rse-container:after{ background-color: #a5c400; }

.btn-menu-rse:hover .btn-menu-rse-container:after{
    height: 100%;
}

.btn-menu-rse-container > div{
    position: relative;
    z-index: 10;
    display: table-cell;
    vertical-align: middle;
    height: 110px;
    padding: 9px 29px;
    background-color: #fff;
}

.btn-menu-rse-container > div .is-black{ font-weight: bold; }

.btn-menu-rse-type{
    display: block;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 0.857em;
    line-height: 1.667em;
/*    color: #919191;*/
}


/* mission
   ========================================================================== */
/*OLD.block-rse-mission{
    background: #c9d200 url("../img/bg_rse_01.jpg ") no-repeat scroll center top / cover;
}*/
.block-rse-mission{
    background: #c9d200;
}

.block-rse-mission .citation{ position: relative; }

.block-rse-mission .citation:before{
    content: "“ ";
    position: absolute;
    top:0;
    left: -30px;
}


/* video
   ========================================================================== */

.block-left-6{
    float: right;
    padding: 60px 10px;
}


/* news
   ========================================================================== */

.block-rse-news{ padding-top: 60px; }

.RSE-blog-list > li:before { content: none; }

.RSE-blog-list .blog-link{
    text-decoration: none;
}

.RSE-blog-list .img-container{
    position: relative;
    display: block;
}

.RSE-blog-list .img-container:after{
    content: "";
    position: absolute;
    bottom:0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #c9d200;
    transition: width 200ms ease;
}

.RSE-blog-list .blog-link:hover .img-container:after{ width: 100%; }

.RSE-blog-list .img-container img{ display: block; }

.RSE-blog-list .date{
    display: block;
    margin-top: 10px;
    color: #5c5c5c;
}

.RSE-blog-list .blog-title{
    margin-top: 0;
    transition: color 200ms ease;
}

.RSE-blog-list .blog-link:hover .blog-title{ color: #c9d200; }

.RSE-blog-list .blog-title:after{
    content: "\f178";
    vertical-align: top;
    margin-left: 10px;
    padding: 0 10px 0 0;
    font-family: 'FontAwesome';
    font-size: 0.714em;         /* 10px */
    line-height: 2.200em;       /* 22px */
    transition: padding 200ms ease;
}

.RSE-blog-list .blog-link:hover .blog-title:after{ padding: 0 0 0 10px; }

.RSE-blog-list .no-image{ height: 145px; }

.block-rse-news{ padding-left: 15px; }

.block-rse-news .more-link{ margin-top: 20px; }

@media screen and (max-width: 1200px) { /* laptop */
    .block-rse-video video{ max-width: 100%; }
    .block-rse-news{ padding-left: 10px; }
}

@media screen and (max-width: 980px) { /* pad */
    .block-edito .grid-col-8 .grid-col-4,
    .RSE-blog-list .grid-col-3{
        width: auto;
        margin-left: 0;
    }
    .block-rse-news .grid-col-6{
        width: 297px;
        margin-left: 63px;
    }
    .block-rse-news .img-container > img{ width: 100%; }
}

@media screen and (max-width: 767px) { /* phone */
    .block-edito .grid-col > img{ display: none; }
    .block-rse-mission .citation:before{
        left: -15px;
    }
    .block-rse-news .grid-col-6{
        width: auto;
        margin-left: 0;
    }
    #corporate-social-responsibility .panel-col-last,
    #corporate-social-responsibility .panel-col-first{
        width: 100%;
        box-sizing: border-box;
    }
    #corporate-social-responsibility .panel-col-last .grid-col-6,
    #corporate-social-responsibility .panel-col-first .grid-col-6,
    .block-rse-news{
        max-width: 100%;
        box-sizing: border-box;
        padding: 60px 20px 0;
    }
    .block-rse-news{ padding: 0; }
    .RSE-blog-list .grid-col-3{
        float: left;
        width: 50%;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .RSE-blog-list .grid-col-3:first-child{ padding-left: 0; }
}
@media screen and (max-width: 579px) { /* mini phone */
    .RSE-blog-list .grid-col-3{
        width: 100%;
        padding-left: 0;
    }
    .block-rse-news .img-container { max-width: 270px; }
    .block-rse-news .img-container > img{ width: auto; }
}











/*  ===========================================================================
    partenariats - grands comptes
    =========================================================================== */

.gc-container .grid-col-leftspacer-1{ margin-left: 100px; }

.gc-container .grid-col p,
.gc-container .grid-col h2,
.gc-container .grid-col h3{ margin-right: 40px; }

.gc-container .citation{
    font-weight: bold;
    font-size: 1.714em;     /* 24px */
    line-height: 1.250em;   /* 30px */
}
.gc-container .citation em{ color: #f49e00; }

.d-table{ display: table; }
.d-table-cell{
    display: table-cell;
    float: none;
}
.valign-bottom{ vertical-align: bottom; }

.gc-container .halign-right p,
.gc-container .halign-right h2,
.gc-container .halign-right h3{
    margin-right: 0;
    margin-left: 40px;
}

.gc-container .grid-col > img:first-child,
.gc-container .grid-col > h2:first-child,
.gc-container .grid-col > p:first-child{ margin-top: 0; }

@media screen and (max-width: 1200px) { /* laptop */
    .gc-container .grid-col p,
    .gc-container .grid-col h2,
    .gc-container .grid-col h3{ margin-right: 20px; }
    .gc-container .grid-col-leftspacer-1{ margin-left: 0px; }
    .gc-container .citation-container-1,
    .gc-container .citation-container-2{ width: 380px; /* grid-col-5 */}
    .gc-container .citation-container-1 .citation{ margin-right: 60px; }
    .gc-container .citation-container-2 .citation{ margin-right: 0; }
}

@media screen and (max-width: 980px) { /* pad */
    .gc-container .grid-col p,
    .gc-container .grid-col h2,
    .gc-container .grid-col h3{ margin-right: 16px; }
    .gc-container .part-01 .grid-col-1{ display: none; }
    .gc-container .part-01 .grid-col-6,
    .gc-container .part-02 .grid-col-6{ width: 423px; /* grid-col-7 */ }
    .gc-container .part-02 .grid-col-5,
    .gc-container .citation-container-1,
    .gc-container .citation-container-2{ width: 234px; /* grid-col-4 */ }
    .gc-container .citation-container-1 .citation,
    .gc-container .citation-container-2 .citation{
        font-size: 1.143em;
        line-height: 1.250em;
    }
    .gc-container .citation-container-1 .citation{ margin-right: 40px; }
    .gc-container .citation-container-2 .citation{ margin-left: 0px; }
}

@media screen and (max-width: 767px) { /* phone */
    .d-table{ display: block; }
    .d-table-cell{
        display: block;
        float: none;
    }
    .gc-container .grid-col p,
    .gc-container .grid-col h2,
    .gc-container .grid-col h3{ margin-right: 0; }
    .gc-container .part-01 .grid-col-6,
    .gc-container .part-02 .grid-col-6,
    .gc-container .part-02 .grid-col-5,
    .gc-container .citation-container-1,
    .gc-container .citation-container-2{ width: auto; }
    .gc-container .citation-container-2 .citation,
    .gc-container .grid-row img{ float: none; }
    .gc-container .grid-row img.clearright{ margin-left: 0; }
    .gc-container .halign-right{ text-align: left; }
}



/*  ===========================================================================
    Strategie
    =========================================================================== */

.strategie-page .h3{ margin-top: 0; }

.strategie-levier-1,
.strategie-levier-3{ background-color: #e6e6e6; }

.strategie-levier-2{ background: #c9d200 url("../img/strategy-levier_02_mini.jpg") no-repeat scroll top right / cover; }
.strategie-levier-4{ background: #c9d200 url("../img/strategy-levier_04_mini.jpg") no-repeat scroll center center / cover; }

.levier-number{
    display: block;
    font-weight: bold;
    font-size: 7.143em;         /* 100px */
    line-height: 1em;
}

.strategie-levier-1 hr,
.strategie-levier-3 hr{ text-align: left; }

.strategie-levier-1 p{ margin-right: -5px; }

@media screen and (max-width: 980px) { /* pad */
    .strategie-page .grid-col-5{ width: 360px; }
    .strategie-page .grid-col-3{ width: 234px; }        /* grid-col-4 */
    .strategie-levier-1 .grid-col-2,
    .strategie-levier-2 .grid-col-2,
    .strategie-levier-4 .grid-col-2{ width: 45px; }     /* grid-col-1 */
    .strategie-levier-1 .grid-col-4,
    .strategie-levier-2 .grid-col-4,
    .strategie-levier-4 .grid-col-4{ width: 297px; }    /* grid-col-5 */
    .strategie-levier-3 .grid-col-5{ width: 297px; }    /* grid-col-4 */
    
}

@media screen and (max-width: 767px) { /* phone */
    .strategie-page .strategie-levier-1,
    .strategie-page .strategie-levier-2,
    .strategie-page .strategie-levier-3,
    .strategie-page .strategie-levier-4{
        margin: 0 -20px;
        padding: 60px 20px;
    }
    .strategie-page .strategie-levier-4,
    .strategie-page .block{ margin-bottom: 60px; }
    
    .strategie-page .grid-col-3{ width: 100%; }
    .strategie-page .grid-col-5,
    .strategie-levier-1 .grid-col-2,
    .strategie-levier-2 .grid-col-2,
    .strategie-levier-4 .grid-col-2,
    .strategie-levier-1 .grid-col-4,
    .strategie-levier-2 .grid-col-4,
    .strategie-levier-4 .grid-col-4,
    .strategie-levier-3 .grid-col-5{ width: auto; }    /* grid-col-4 */
    
    .strategie-page .strategie-levier-1 img,
    .strategie-page .strategie-levier-3 img{ display: none; }
    
    .strategie-levier-1 .grid-col,
    .strategie-levier-2 .grid-col,
    .strategie-levier-3 .grid-col,
    .strategie-levier-4 .grid-col{ max-width: 470px; }
    
    .strategie-page .halign-right{
        text-align: left;
    }
}



/*  ===========================================================================
    divers
    =========================================================================== */

.pane-title{
    text-align: center;
    text-transform: uppercase;
}

.panel-2col-bricks .panel-col-last .inside,
.panel-2col-bricks .panel-col-first .inside{ margin: 0; }

.no-image{
    display: table;
    vertical-align: middle;
    width: 100%;
    background-color: #d4d4d4;
    text-align: center;
}

.no-image .fa{
    display: table-cell;
    font-size: 2em;
    color: #004161;
    opacity: 0.1;
}

.halign-center{ text-align: center; }
.halign-right{ text-align: right; }
.halign-right hr{ display: inline-block; }


/*  ===========================================================================
    erreur 404
    =========================================================================== */

.error-404 .page-content-section { padding-top:0; }

.error404{
    position: relative;
    background-color: #e6e6e6;
}

.error404:before{
    content: "404";
    position: absolute;
    top:0;
    left:0;
    right:0;
    text-align: center;
    font-weight: bold;
    font-size: 350px;
    line-height: 440px;
    color: #d5d5d5;
}

.error404 .grid-row{
    position: relative;
    z-index: 10;
    text-align: center;
    margin: 120px auto;
}

.error404 .more-link .btn{ background-color: #c9d200; }
.error404 .more-link .btn:hover{ background-color: #f49e00; }


/*  ===========================================================================
  Message infos cookie
    =========================================================================== */
.loi_cookie__wrapper{
	background-color: #004161;
    color: #fff;
    padding: 15px 10px 10px 15px;
    font-size: 0.9em;
}
.loi_cookie__wrapper a {
	color:#fff;
text-decoration: underline;
}

/*  ===========================================================================
    IE 9
    =========================================================================== */