/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8 août 2017, 14:23:49
    Author     : abdenourbedjih
*/


/* HEADER */
.pre-header {
    height: auto;
}

/* à supprimer le 19/09/17 */
/*.header .region-menu {
    top: 217px;
}
*/

.menu-toggle:before {
    background: #250e62;
}
.proparco #block-afd-branding .site-name{
    display:none;
}


body.path-frontpage:not(.toolbar-horizontal) .pre-header{
    background:white;
}
body.path-frontpage:not(.toolbar-horizontal) #block-selecteurdelangue, body.path-frontpage:not(.toolbar-horizontal) #block-formulairederecherche, body.path-frontpage:not(.toolbar-horizontal) .menu-toggle{
    top:25px;
}
body.path-frontpage:not(.toolbar-horizontal) #block-afd-branding{
    opacity:1;
    /*visibility:initial;*/
    visibility:visible;
    transition:none;
}
body.path-frontpage:not(.toolbar-horizontal) #block-selecteurdelangue{
    background: none;
    border-color: initial;
    color: initial;
}
body.path-frontpage:not(.toolbar-horizontal) .block-outils-partage{
    top:112px;
}
body.path-frontpage:not(.toolbar-horizontal) #block-formulairederecherche{
    border-color:initial;
    color:initial;
}


/* pre home */
#tmp-cookie-page .temporary-page-logo{
    background: url(../images/Proparco_cmjn_2010_hd_normal_prehome.png) 0 0 no-repeat;
}

/* HOME PAGE */
.path-frontpage .region-highlighted{
    background: rgba(0, 0, 0, 0.2);
}
.proparco .region-highlighted .block-views-blockfrontpage-block-2:before{
    display:none;
}
.proparco .region-highlighted .block-views-blockfrontpage-block-2>div{
    margin-top:163px;
}

.explorer-homepage:before {
    background: #250e62;
}

.proparco .region-highlighted .img:before,
.proparco .region-highlighted .block-views-blockfrontpage-block-1:before
{
    background: rgba(0, 0, 0, 0.2);
}
.proparco .bloc-map-homepage .img:before{
    background: rgba(0, 0, 0, 0.2);
}

.proparco .dossier-home .title{
    color: #250e62;
}

.proparco .shadow{
    background: #250e62;
}

.proparco #block-newsletterfooterblock,
.proparco #block-newsletterfooterblock:before,
.proparco #block-newsletterfooterblock:after{
    background: #250e62;
}

.proparco .newsletter-footer-block form input[type=submit]{
    background:#da291c;
}

.proparco .newsletter-footer-block form input[type=submit]:hover,
.proparco .newsletter-footer-block form input[type=submit]:focus{
    background: #250e62;
}

.proparco #block-newsletterfooterblock-3,
.proparco #block-newsletterfooterblock-3:before,
.proparco #block-newsletterfooterblock-3:after{
    background: #250e62;
}

.proparco .resaux-sociaux-homepage .presence ul li {
    width: 33%;
}

/* MENU */
.proparco .header #block-menuprofile > .menu{
    /*background:#250e62;*/
    color:white;
    border: rgba(37,14,98,0.1) solid 24px;
    border: #e0dde8 solid 24px;

}
.header #block-menuprofile > .menu .label{
    color:white;
    background:#250e62;
    height:72px;
    width:92px;
    left:0;
    top:0;
    padding:2px 15px 2px 15px;
}




.header #block-menuprofile > .menu .menu{
    background:white;
    color:#250e62;
    border: solid 3px #250e62;
}
.header .region-menu{
    color:#250e62;
    /*background:white;*/
    background: white url(../images/p.png) no-repeat; /* à réactiver le 19/09/2017*/
    background-size: 65%;
    background-position-x: -37%;
    background-position-y: 40px;
}

.header #block-menuprofile > .menu .menu li a:hover, .header #block-menuprofile > .menu .menu li a:focus {
    color: #250e62;
    text-decoration: underline;
}

.proparco .region-highlighted .block-views-blockfrontpage-block-2 .button-map-homepage a:hover,
.proparco .region-highlighted .block-views-blockfrontpage-block-2 .button-map-homepage a:focus{
    background-color:#250e62;
}
.proparco .bloc-map-homepage .field-buttons-map-homepage a:hover,
.proparco .bloc-map-homepage .field-buttons-map-homepage a:focus{
    background-color:#250e62;
}



.proparco .header .region-menu .menu--main > .menu > li > ul > li > a:hover, .proparco .header .region-menu .menu--main > .menu > li > ul > li > a:focus, .proparco .header .region-menu .menu--main > .menu > li > ul > li > a.active, .proparco .header .region-menu .menu--main > .menu > li > ul > li > span:hover, .proparco .header .region-menu .menu--main > .menu > li > ul > li > span:focus, .proparco .header .region-menu .menu--main > .menu > li > ul > li > span.active{
    color:#250e62;
}
.proparco .header .region-menu .block-raccourcis-administrables li a:hover, .proparco .header .region-menu .block-raccourcis-administrables li a:focus{
    color:#250e62;
}
.proparco .header #block-menuprofile > .menu .js-toggle-list:before{
    color:#250e62;
}

/* PAGE EDITO */

.proparco .anchorHeader .media:after{
    background: rgba(0, 0, 0, 0.2);
}

.proparco .bulles .field--name-field-bulle-mv > .field__item > a:after,
.proparco .bulles .field--name-field-bulle-mv > .field__item > .content:after,
.proparco .bulles .field--name-field-bulle-mv > .field__item > .content > a:after{
    background-color:#250e62;
}

.bulles .field--name-field-bulle-mv > .field__item{
    border: 1px solid #da291c;
}

.proparco .bulles .field--name-field-bulle-mv > .field__item > a,
.proparco .bulles .field--name-field-bulle-mv > .field__item > .content,
.proparco .bulles .field--name-field-bulle-mv > .field__item > .content > a{
    border: #da291c solid 2px;
}
.proparco .bulles .field--name-field-bulle-mv > .field__item > a .media-image:before,
.proparco .bulles .field--name-field-bulle-mv > .field__item > .content .media-image:before,
.proparco .bulles .field--name-field-bulle-mv > .field__item > .content > a .media-image:before{
    background:rgba(218,41,28,0.7);
}

.proparco .field--name-field-data-mv3{
    background: #da291c url(../images/p_cercle.png) center center no-repeat;
    background-size:25%;
}

.proparco .frieze{
    background:white;
    /*background: #f5f5f5 url(../images/p.png) 0 274px no-repeat;*/
    background-size: 43%;
    background-position-x: -180px;
}

.resource .content .field__item a:after, .links .content .field__item a:after{
    background:#da291c;
}
.resource .content .field__item a:before, .links .content .field__item a:before{
    background:#da291c;
}

.folding-block .block .__links-mv .more a:after,
.folding-block .block .__links-mv .more a:before{
    background:#da291c;
}

.testimony{
    position:relative;
}
.testimony:before{
    content:'';
    position:absolute;
    height:2px;
    width:70px;
    left:0;
    top:0;
    background-color:#da291c;
}
.testimony:after{
    content:'';
    position:absolute;
    height:5px;
    width:107px;
    right:0;
    bottom:0;
    background-color:#da291c;
}


/* PAGE TAXO REGION */
/*.path-taxonomy #toggle_share{*/
    /*display:none;*/
/*}*/

.proparco .bloc-bleu .visual:before{
    background: rgba(0, 0, 0, 0.2);
}

.proparco .entity .rubric_links li.active,
.proparco .entity .rubric_links li:hover{
    background:#250e62;
}

.proparco .entity .right h3{
    color: #250e62;
}

.field--name-field-projet-or-wide-angle .visual{
    position:relative;
}
.field--name-field-projet-or-wide-angle .visual:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 2;
}



/* PAGE RECHERCHE PROJETS */
.proparco .menu--project .menu li a:hover,
.proparco .menu--project .menu li a:focus{
    background:#da291c;
    border-bottom:3px solid #250e62;

}

/*PAGE PROJET PROPARCO*/
.page-node-type-page-proparco-project .strate .content.right{
    background: white url(../images/p_rightsidebar.png) no-repeat;
    background-size: 110%;
    background-position-x: -41px;
    background-position-y:108px;

}

.page-node-type-page-afd-project .strate .content.right .funding-type,
.page-node-type-page-ong-project .strate .content.right .funding-type,
.page-node-type-page-research-project .strate .content.right .funding-type{
    padding-left: 50px;
    background: url(../images/outil_proparco.png) 0 5px no-repeat;
}

.page-node-type-page-afd-project .strate .content.right .funding-amount, .page-node-type-page-afd-project .strate .content.right .program-amount, .page-node-type-page-afd-project .strate .content.right .funding-amount-afd, .page-node-type-page-ong-project .strate .content.right .funding-amount, .page-node-type-page-ong-project .strate .content.right .program-amount, .page-node-type-page-ong-project .strate .content.right .funding-amount-afd, .page-node-type-page-research-project .strate .content.right .funding-amount, .page-node-type-page-research-project .strate .content.right .program-amount, .page-node-type-page-research-project .strate .content.right .funding-amount-afd{
    padding-left: 50px;
    background: url(../images/financement_proparco.png) 0 0 no-repeat;
    height: 53px;
}



/* PAGE GRAND ANGLE */
.proparco .field--name-field-indicators-mv3{
    background: #da291c url(../images/p_cercle.png) center center no-repeat;
    background-size:25%;
}
.proparco .field--name-field-indicators-mv3:before{
    background: white;
}
.page-node-type-wide-angle-page .block-views-blockfull-content-top-block-1 .content .field--name-field-visuel-nm:before{
    background: rgba(0, 0, 0, 0.2);
}

.proparco .bulles .field--name-field-bulle-mv > .field__item > a:hover,
.proparco .bulles .field--name-field-bulle-mv > .field__item > a:focus,
.proparco .bulles .field--name-field-bulle-mv > .field__item > .content:hover,
.proparco .bulles .field--name-field-bulle-mv > .field__item > .content:focus,
.proparco .bulles .field--name-field-bulle-mv > .field__item > .content > a:hover,
.proparco .bulles .field--name-field-bulle-mv > .field__item > .content > a:focus{
    background: rgba(218,41,28,0.7);
}

.proparco .field--name-field-storyline-mv .views-slideshow-controls-top .views_slideshow_controls_text .views_slideshow_controls_text_previous a,
.proparco .field--name-field-storyline-mv .views-slideshow-controls-top .views_slideshow_controls_text .views_slideshow_controls_text_next a{
    color:#250e62;
}
.proparco .field--name-field-storyline-mv .views-slideshow-controls-top .views_slideshow_controls_text .views_slideshow_controls_text_previous a:hover,
.proparco .field--name-field-storyline-mv .views-slideshow-controls-top .views_slideshow_controls_text .views_slideshow_controls_text_next a:hover{
    background-color:#250e62;
}
.field--name-field-storyline-mv .storyline .contenu .field--name-name{
    color:#250e62;
}



/* PAGE actualites */

#block-views-block-bloc-description-top-liste-block-1-2 .media:after{
     background:rgba(0, 0, 0, 0.2)
 }

.layout-sidebar-second .newsletter-footer-block{
    background: #250e62;
}
.proparco .newsletter-footer-block form input[type=submit]{
    background: #da291c;
}
.proparco .newsletter-footer-block form input[type=submit]:hover,
.proparco .newsletter-footer-block form input[type=submit]:focus{
    background: #250e62;
}


/*Bandeau cookie*/
#cookie-bar{
    background-color:#250e62;
}
#cookie-bar p{
    width:69%;
    color:white;
}
#cookie-bar a.cb-enable{
    background:white;
    color: #250e62;
}
#cookie-bar p a:hover{
    border:1px solid white;
    background:#250e62;
    color: white;
}

/* Responsive */
@media (max-width: 767px){
    /* pre home */
    #tmp-cookie-page .temporary-page-logo{
        background: url('../images/Proparco_cmjn_2010_hd_prehome.png') 0 0 no-repeat;
    }
    /* Header */
    .site-logo {
        background: url('../images/Proparco_cmjn_2010_hd_mob.png') center center no-repeat;
        /*width: 120px;*/
        width: 200px;
    }
    body.path-frontpage:not(.toolbar-horizontal) #block-selecteurdelangue,
    body.path-frontpage:not(.toolbar-horizontal) #block-formulairederecherche,
    body.path-frontpage:not(.toolbar-horizontal) .menu-toggle {
        top: 10px;
    }
    .header .region-menu {
        top: 56px;
        padding: 30px 15px;
    }
    .header #block-menuprofile > .menu .label {
        height: 50px;
    }
    /*Première image*/
    .path-frontpage .region-highlighted .img, .path-frontpage .region-highlighted .block-views-blockfrontpage-block-1 {
        left: -75px;
        width: 140%;
    }
    /*Bandeau cookie*/
    #cookie-bar p{
        width:85%;
        padding-left: 15%;
    }
    #cookie-bar a.cb-enable{
        right: 7%;
        top: 91%;
    }

}