/**
 * @pages.less
 *
 * Ici se trouvent les styles par défaut du thème
 *
 * Le document se divise en plusieurs catégories qu'il est important de respecter :
 *  - Début (body...)
 *  - Styles généraux
 *  - En-tête
 *  - Accessibilité
 *  - Pied de page
 *  - Navigation
 *  - Colonne 2
 *  - Accueil
 *  - Autres styles

 */

/* = Police */

@font-face {
    font-family: 'proxima-nova_bold';
    src: url('fonts/proxima-nova_bold.eot');
    src: url('fonts/proxima-nova_bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima-nova_bold.woff') format('woff'),
         url('fonts/proxima-nova_bold.ttf') format('truetype'),
         url('fonts/proxima-nova_bold.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima-nova_extrabold';
    src: url('fonts/proxima-nova_extrabold.eot');
    src: url('fonts/proxima-nova_extrabold.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima-nova_extrabold.woff') format('woff'),
         url('fonts/proxima-nova_extrabold.ttf') format('truetype'),
         url('fonts/proxima-nova_extrabold.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima-nova_regular';
    src: url('fonts/proxima-nova_regular.eot');
    src: url('fonts/proxima-nova_regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima-nova_regular.woff') format('woff'),
         url('fonts/proxima-nova_regular.ttf') format('truetype'),
         url('fonts/proxima-nova_regular.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima-nova_semibold';
    src: url('fonts/proxima-nova_semibold.eot');
    src: url('fonts/proxima-nova_semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima-nova_semibold.woff') format('woff'),
         url('fonts/proxima-nova_semibold.ttf') format('truetype'),
         url('fonts/proxima-nova_semibold.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* On importe le fichier LESS qui liste toutes les variables : */
@import "variables.less";

/*
------------------------------------------------------------------------------------------------
= DÉBUT
  body, styles généraux...
------------------------------------------------------------------------------------------------
*/

body {
  margin:0;
  padding:0;
  color:@defaut;
  .s(1em);
  .PNova;
  .bk(#fff);
}

/*---------- =  titres ----------*/
h1, .page-title, #page-title {.titreN1;}
h2, .block-title {.titreN2;}
h3 {.titreN3;}
h4 {.titreN4;}
h5 {.s(1em); text-transform: none;}
h6 {.titreN4; text-transform: none;}
.node-title{border:none;}
.node-type-actualite{
    #page-title{text-transform: none;}
}

/*---------- = Liens ----------*/
a { color:@defaut; .PNovaB;
    &:link, &:visited { text-decoration: none; }
    &:hover, &:active { text-decoration: underline; color:@defaut;  }
    &:focus {color:@defaut;  text-decoration: underline; outline: thin dotted; }
}

a, form, input, textarea, select, button, ul, ol, li{
    &:focus{outline: thin dotted red;}
}

b {.PNovaB;}

iframe{max-width:100%;}

.mobile{display: none;}

/* date */

.slide-date,
.node-date,
.slide-node-date,
.publish-date,
.date-display-single,
.date-display-start,
.date-display-end{.dateSC;}

.node-date-interval{
  .field-type-datetime{display: inline-block;}
}

/*
------------------------------------------------------------------------------------------------
= STYLES GENERAUX
= Listes d'articles, pagination, plan du site, formulaires, wysiwyg...
------------------------------------------------------------------------------------------------
*/
.titreMixte {.titreMixte;}
.field-chapo {.chapo;}

/* Wysiwyg */
.txt-dblue{color:@darkBlue2;}
.lien-paragraphe{ .elementChevron; text-transform: uppercase; .PNovaEB;}
.chevron-jaune{.elementChevron(@txtYellow);}
.citation {.blocCitation;}
.nom-citation{float: right; padding-right:80px;}
.title-home-priorities{.s(3.125em); text-transform: uppercase; .PNova; color:@blue; text-align:center; margin-bottom:1.52em;
    span{.PNovaEB;}
}
.btn-white-red{.bouton(@blue, "red", #fff);}

    /*---------- = tableau ----------*/
    table{max-width:100%; .w(100%);
    td{padding:6px 9px;}
        tr:nth-child(even) {.bk(@bkGrey);}
    }
    .table-th{.bk(@thTable); .PNovaB; text-transform: uppercase; color:#fff;}

  /*---------- = Node ----------*/
.node {
    p {margin:0 0 1em; }
    ul, ol {padding:0;  margin:0 0 1em 15px;}

    ul { list-style:none;
        li {.bk(url(../images/puce-liste.png) no-repeat 0 10px); margin:.3em 0; padding:0 0 0 10px; .clearFix;}
    }

    ol {
        li { margin:0 0 0 6px; padding:2px 0 2px 12px; list-style-type:decimal; list-style-position: inside; .clearFix;}
    }

    a[target="_blank"]:after {content:"\f08e"; font-family: 'FontAwesome'; padding-left:5px;}

    .field-name-body{
        .more-link {
            .boutonInline;
            &:after {
                content: '';
            }
        }
    }
    .field-name-body,
    .field-name-field-body-summary{
        a{border-bottom: 1px dotted @defaut;
            &:hover{border-bottom-style:solid; text-decoration:none;}
        }
    }
}

/* = Liste */
.liste-article {
    .view-rows {margin:1em 0;}
}

/* = pagination */
.block > .custom_pager{margin-top:10px;}
.custom_pager {
    clear:both; .clearFix; padding:0 12px; margin:30px 0 22px; text-align: center;
    border:solid @grey; border-width:3px 0;

    a{font-weight: normal;}

    .pager_numbers {display: inline-block; .s(.813em);
        li {.inlineB4; padding:14px 16px;
            &:before{content:'|'; color:@bkBlue; position: relative; right:15px;}
            &.first{margin-left:0;
                &:before{display: none;}
            }

            &.pager-current{padding:14px 16px; .bk(@grey); .PNovaEB; color:@blue;
                &:before{display: none;}
                + li:before{display: none;}
            }
        }
        a {color:@defaut; text-decoration: underline; font-weight: normal;
            &:focus, &:hover, &:active {text-decoration: none;}
        }
    }
}

.btn-previous,
.btn-next{.PNovaB; text-transform: uppercase; .s(.875em); padding:13px 9px;}
.btn-previous{float: left;
    a{padding-left:17px; .bk(url('../images/arrow-prev.png') left center no-repeat);}
}
.btn-next {float: right;
    a{padding-right:17px; .bk(url('../images/arrow-next.png') right center no-repeat); }
}




/* = breadcrumb */
.breadcrumb{text-transform: uppercase; .s(.688em); margin-bottom:30px;
    .here{display: none;}
    ul{display: inline-block; margin-bottom:0;}

    li{display: inline-block;

        &.first{padding-left:0; margin-left:5px; .bk(none);
            a{padding-left:0; .bk(none);}
        }
        &:last-child{padding-left:17px; .bk(url('../images/arrow-breadcrumb.png') 7px 2px no-repeat);background-position: left 5px center;}

        a{padding-left:17px; .bk(url('../images/arrow-breadcrumb.png') 7px center no-repeat); font-weight: normal;}
    }
    .nolink{display: none;}
}

/* = barre de partage */
.addthis_sharing_toolbox{margin:20px 0; text-align:center; clear:both;}

/* = lien retour à */
.link-back-to{margin-top:31px; clear:both;
    a{.bk(url('../images/arrow-back.png') no-repeat 8px 8px @bkBlue); padding:5px 8px 5px 23px; .PNovaSB; text-transform: uppercase; color:#fff; .s(0.875em);
        span{.PNovaEB;}
    }
}

/*
------------------------------------------------------------------------------------------------
= STYLES GENERAUX FORMULAIRE
------------------------------------------------------------------------------------------------
*/
form{overflow:visible !important;}
input{max-width:100%; .box-sizing; .radius(0);}
.form-item{
    label{text-transform: uppercase; .s(1.250em); .PNovaSB; color:@blue;}
    .form-required{color:@rose;}
}
.form-text{border:none; .bk(#d7ecf2); padding:2px;}
.form-submit{.boutonSubmit; .inlineB4;}
form{overflow:hidden;}
.form-actions{clear:both;
    .form-submit{.bouton; padding-right:30px; float: right; margin-right:3%;}
}
textarea{.bk(#d7ecf2); border:none;}

/* chosen - surchages styles par défaut */
.chosen-container{max-width:100%;}
.chosen-container-single .chosen-single{.bk(#d7ecf2); border:none; .radius(0); .box-shadow(none); .PNova; color:@blue;
    div b{.bk(url('../images/select-arrow-bottom.png') 0 center no-repeat);}
}

/* select ouvert */
.chosen-container-active.chosen-with-drop .chosen-single{border:none; padding-top:4px;

    /* fleche déco*/
    div b{.bk(url('../images/select-arrow-top.png') 0 center no-repeat);}
}
.chosen-container .chosen-drop{border:none;}

/* survole option */
.chosen-container .chosen-results li.highlighted{.bk(#d7ecf2); color:@defaut;}

/* hauteur select box */
.chosen-container-single .chosen-single{border:2px solid #fff; .h(19px); line-height:1em;
    span{padding-top:2px;}
}

/*
------------------------------------------------------------------------------------------------
= ACCESSIBILITÉ
------------------------------------------------------------------------------------------------
*/

/*---------- = Liens d'évitements ----------*/
#skip-link{.s(.857em); .bk(transparent); z-index:1; color:#fff;
    span, ul{display: inline-block;}

    ul{padding-left:2px; margin:2px 0;}

    li{display: inline-block;
        a{padding:0 2px 0 7px; position: relative; color:#fff; .PNova;
            &:before{ content:"|"; position: absolute; top:0px; left:0; .w(1px); .h(11px); }
        }

        &:first-child a{padding-left:0;
            &:before{content:"";}
        }
    }

    &.skip-link-js.lienVisible{position: absolute; top:0; left:0;}
}
.hidden-link {.hidden;}

/*
------------------------------------------------------------------------------------------------
= ENTÊTE DU SITE
= blocs, menus...
------------------------------------------------------------------------------------------------
*/
#header {.bk(url('../images/fond-header.png') no-repeat 75% 0 @blue);}
.header-top{.bk(rgba(0,70,91,.5)); padding-top:4px; padding-bottom:3px; .h(25px);
    .block{display: inline-block;}

    /* langues */
    .language-switcher{
        li{display: inline-block; .PNovaSB; .s(.75em);
            a{color:#fff; text-transform: uppercase;
                &.active{color:@txtYellow; text-decoration:underline;}
                &:before{content:'/'; color:@txtYellow; .w(8px); display: inline-block;}
                &:hover:before{text-decoration:none;}
            }

            &.first a:before{display: none;}
            .locale-untranslated{display: none;}
        }
    }

    /* mdr */
    #block-iiep-unesco-specifics-gcse{margin-left:13%;
        .ico-loupe{color:#fff;
            img{vertical-align:middle; margin-bottom:1px;}
            span{text-transform: uppercase; .s(.75em); .PNovaSB;}
        }

        #form-gcse-button{display: inline-block;}

        /* contenu */
        #form-gcse-content{display: inline-block;
            input{border:none;}
            [type=text]{.w(195px);}
            [type=submit]{.boutonSubmit; vertical-align:top; margin-left:-5px; padding-bottom:2px;}
        }

        #champ_recherche{border:none !important; padding:1px 2px !important;}
    }

    /* lien externe */
    .link-header{text-transform: uppercase; .bk(@defaut); padding:3px 5px; .s(0.75em); float: right;
        a{color:#fff;
            &[target=_blank]:after{content:'\f14c'; color:#fff; .FA; padding-left:7px;}
        }
    }
}

    /* formulaire mon profile */
    #block-iiep-unesco-specifics-profile-hub{margin-left:5%; margin-top:-2px; /*width:325px;*/ position: relative;
        a{color:#fff;}
        .form-item-profile,
        .action .form-submit{display: inline-block;}
        .form-required{.hidden;}

        .form-item-profile{.w(120px); margin-left:4px;}

        /* label */
        #my-profile-link{.s(.75em); color:#fff; text-transform: uppercase; .PNovaSB; display: inline-block;
            &:before{content:'\f007'; padding-right:7px; .FA; color:@txtYellow;}
        }

        /* select */
        .chosen-container-single{
            .chosen-single{.bk(#fff); color:@defaut;}
            &.chosen-with-drop .chosen-single span{padding-top:0; padding-left:2px;}
        }
    }

/* logo slogan + menu principal (position) */
#logo, .header-right{display: inline-block; vertical-align:top;}
.header-right{.largeur(725px); margin-left:8px;}
#site-slogan{margin-top:24px;margin-left:17px;}

/*
------------------------------------------------------------------------------------------------
= NAVIGATION
= Menu de navigation principale du site
------------------------------------------------------------------------------------------------
*/
.menu-mobile{display: none;}
.menu-desktop{display: block;}

.menu-desktop{margin-top:10px;
    .menu {.box-sizing;
        li{display: inline-block; .s(1.063em); padding:7px 11px 7px 19px; .bk(url('../images/pipe-menu.png') left center no-repeat);

            &.first{.bk(none);}
            a{color:#fff; text-transform: uppercase; position: relative;}

            /* element actif */
            &.hover,
            &.is-active-trail{color:@darkBlue; padding:0; margin-left:9px; margin-right:-9px;
                > a{color:@darkBlue; padding:7px 15px; position: relative; z-index:1;
                    &:before{content:''; position: absolute; top:0; left:0; display: block; .w(100%); .h(100%); transform:skewX(-20deg); .bk(#fff); z-index:-1;}
                }
            }
        }
    }

    /* sous menu n2 */
    .menu{
        .menu-depth-1{.w(99.99%); position: absolute; top:158px; left:1px; z-index:20;
            .menu{color:@blue; .bk(#fff); padding:30px 26px 30px 25px; border-bottom:2px solid @txtBlueLigth; margin:0 auto; max-width:994px;
                li{.s(.98em); padding:0; .bk(none); display: inline-block; vertical-align:top; .w(216.3px); /*.largeur(227px);*/ margin-left:2.28%;
                    &.first{margin-left:0;
                        &.hover > a,
                        &.is-active-trail > a{padding-left:0;}
                    }
                    a{color:@txtBlueLigth; .PNovaEB;}

                    &.hover,
                    &.is-active-trail{margin-right:0;
                        > a{color:@txtBlueLigth; padding:0; margin-left:0;
                            &:before{display: none;}
                        }
                    }
                }
                .menu-item-decription{display: block; .s(0.824em); margin-top:15px;}
            }

            /* sans niveau intermédiaire ex the institue */
            &.no-level-intermediate{
                .nolink{display: none;}
            }
        }
        .menu-depth-3 > ul > li:last-child {
            margin-bottom: 10px !important;
        }
    }

    /* faux lien N2 version desktop - suppression hover curseur + soulignement */
    .menu-depth-1:not(.no-level-intermediate) > .menu > .menu__item > a:hover{text-decoration:none; cursor:default;}

    /* sous menu n3 */
    .menu .menu .menu{position:static; padding:20px; .bk(@bkGrey); margin-top:15px; border:none;
        li{.w(100%); margin:20px 0 0 0; display: block; .s(0.824em);
            &:first-child{margin-top:0;}
            a{color:@blue;
              &[target="_blank"]:after{content:'\f08e'; color:@blue; .FA; padding-left:5px;}
            }

            &.hover,
            &.is-active-trail{
                > a{color:@blue;}
            }

            /* sous menu n4 */
            .menu{padding:0;}
            li{margin:0; display:list-item; .w(100%); .elementChevron(@txtBlueLigth); .s(1em);
                a{text-transform: none; .PNova;}

                &.hover{
                    a{color:@blue;}
                }
            }
        }
    }

    /* gestion sous menu en 2 colonnes au cas par cas et par langue */
    .menu .menu li{
        &.menu-mlid-625, &.menu-mlid-663 /* en*/,
        &.menu-mlid-845, &.menu-mlid-850, &.menu-mlid-1114 /* fr*/,
        &.menu-mlid-890 /* es */
        {.w(48.6%);
            /* sous menu n3 */
            li{.w(47%); display: inline-block; vertical-align:top; margin-top:0; margin-bottom:2px;
                &:nth-child(odd){margin-right:20px;}

                /* ss menu n4 */
                li{.w(100%);}
            }
        }
    }
}

/* en mode connecté */
.logged-in{
    .menu-desktop .menu .menu-depth-1{top:185px;}
}

/*
------------------------------------------------------------------------------------------------
= PIED DE PAGE - FOOTER
= blocs, menus, coordonnées...
------------------------------------------------------------------------------------------------
*/
    .not-front .footer-top{margin-top:30px;}
    /* = footer top */
    .footer-top{.bk(@blue); padding:45px 0 23px; color:#fff;
        .region-footer > .block{.largeur(310px); display: inline-block; vertical-align:top; margin-left:25px;
            &.first{margin-left:0;}
        }

        .block-title{.no-title; color:@txtYellow; text-transform: uppercase; .PNovaSB;
            span{.PNovaEB;}
        }

        a{color:#fff;}

        /* our offices */
            /* onglets */
            .quicktabs-tabs{
                li{min-height:27px; display: inline-block; margin-left:-2px; min-width:29.6%; .box-sizing; padding:9px 15px; .bk(@thTable);
                    &.first{margin-left:0;}
                    &.last{float: right;}

                    > a{.s(.813em); text-transform: uppercase;}

                    &.active{.bk(@darkBlue);}
                }
            }
            /* contenu tabs */
            .quicktabs-tabpage{.bk(@darkBlue); padding:15px; .PNovaSB; .s(.875em);
                .chevron-jaune{.PNovaB; text-transform: uppercase;}
            }

        /* stay connected */
            .stay-connected{.s(.938em); .PNovaB;
                form{margin:5px 0 30px;}
                .form-item-email{display: inline-block; .w(84%); vertical-align:top;
                    label{.hidden;}
                    .form-text{.w(100%); .bk(#fff); padding:5px 5px 5px 10px; border-bottom:1px solid #fff;}
                }
                .form-submit{vertical-align:top; padding:3px 8px; .s(1.125em); .PNovaB;}
                .follow{.s(1.063em); text-transform: uppercase; vertical-align: middle; }
            }

        /* focus on */
        .footer-focus{
             a{.PNova;}
            li{.elementChevron(@txtYellow); display:list-item;
                &:before{.w(12px);}

                a{.PNova;}
            }
        }

    }

    /* = footer bottom */
    .footer-bottom{.bk(@darkBlue); clear:both; padding:10px 0;
        a{color:#fff;}

        /* liste de liens */
        .footer-menu{display: inline-block; .w(49%); vertical-align:top;
            li{display: inline-block; .s(.75em); text-transform: uppercase; padding:0 7px 0 14px; .bk(url('../images/pipe-menu.png') left center no-repeat);
                &.first{.bk(none); padding-left:0;}
            }
            a{.PNovaSB;}
        }

        /* ressources */
        #block-iiep-unesco-specifics-ressources-hub{display: inline-block; .w(49%);
            form{float: right;}

            label{color:#fff; .PNovaSB; .s(.75em); display: inline-block;
                .form-required{.hidden;}

                &:before{content:'\f15b'; .FA; color:@txtYellow; padding-right:6px;}
            }

            /* select */
            .chosen-container-single .chosen-single{border-color:#d7ecf2;}

            /* afficher le select vers le haut */
            .chosen-drop{ bottom: 20px; top: auto !important;}
            /* flèche vers le haut si fermé */
            .chosen-container-single .chosen-single div b{.bk(url('../images/select-arrow-top.png') 0 center no-repeat);}
            /* flèche vers le bas si ouvert */
            .chosen-container-active.chosen-with-drop .chosen-single div b{.bk(url('../images/select-arrow-bottom.png') 0 center no-repeat);}

            .form-item-link{display: inline-block; vertical-align:bottom; }
        }
    }

/*
------------------------------------------------------------------------------------------------
= COLONNE 2
= Colonne de droite
------------------------------------------------------------------------------------------------
*/

.region-sidebar-second {
    .block{.blocColonne;
        &.last{margin-bottom:0;}
    }

    /* lastest news */
    .lastest-news{
        li{.blocListe; border-bottom:none; margin-bottom:0; padding-bottom:0;}
    }

    /* see also */
    .block-field-see-also{
        li{.blocListe;}
    }

    /* block libre */
    .block-libre-1{
        background-color: #F3F7F9;
    }

    .block-libre-2{
        background-color: #C5E3EB;
    }

    /* ressources */
    #block-iiep-unesco-specifics-ressources{.bk(@bkBlue);
        .block-title{.PNovaEB; color:#fff;}
        .field-name-field-ressources-media li{
            a{.elmtListeRessources;}
            .doc-format{color:@darkBlue2; .PNovaSB; .s(.875em); display: block;}
        }

        /* ressources liens */
        .field-type-link-field{
            li{margin-bottom:5px;
                a{color:#fff;
                    &:before{content:'\f08e'; color:#fff; .FA; .w(20px); display: inline-block;}
                }
            }
        }
    }

    /* contact */
    .block-field-contact{.bk(@bkBlue); .PNovaB; color:#fff;
        .field-item{clear:both; margin-top:10px;
            &:first-child{margin-top:0;}
        }
        .block-title{.PNovaEB; color:#fff;}
        .field-name-field-visuel{float: left; margin:-2px 8px 0 0; }
        a{color:#fff;}

        .field-name-field-email a{color:@darkBlue2;}
    }

    /* fiche pays, voir d'autres pays */
    #block-iiep-unesco-specifics-list-member-states-same-region{
        li{border:none; padding:0; margin:0 0 15px 0; .elementChevron; display:list-item;}
    }

    /* fiche pays, retour à la carte */
    .back-map{.bk(url('../images/back-map.png') no-repeat); .s(1.563em); min-height:159px; padding-top:53px; padding-left:44px;

        a{color:#fff; .text-shadow(3px 4px 2px #408498); .PNova; text-transform: uppercase;
            span{.PNovaEB; display: block;}
        }
    }

    /* ficher expert - publication */
    .field-collection-container{border:none;}
    .field-name-field-publications{
        img{margin:0 1em 0.6em 0; float: left;}
        .more{.elementChevron; float: right;}
    }

}

/*
------------------------------------------------------------------------------------------------
= CONTENU
= Article, type de contenus, listes...
------------------------------------------------------------------------------------------------
*/
#main{padding-top:78px;}

.field-name-field-related-theme-taxonomy{
    ul{margin-left:0;
      li{.bk(none); display: inline-block; padding-left:0; margin-right:5px;}
    }
    a:before{content:'\f02b'; .FA; color:@txtYellow; .w(17px); display: inline-block;}
}

.node-page-standard,
.node-actualite,
.node-type-newsletter{

  /* visuel principal */
    /* copyright afficher au survol de l'image */
    .field-name-field-visuel{position: relative; margin:30px 0;
      img{max-width:100%; .h(auto);}
      .file-image{
        .field-name-field-credits{.hidden;}
        &:hover{
          .field-name-field-credits{left:10px; bottom:8%; padding:10px; .bk(#edf1f6);}
        }
      }
      .file-video{
        .field-name-field-credits{padding:10px; .bk(#edf1f6);}
      }
    }
    .field-name-field-caption{margin-top:5px; text-align:center; color: #606060; font-size: 0.9em; font-style: italic; }
}

/* pagination article */
.custom_pager_content{margin-top:10px;
  .pager-item{.w(49%); display: inline-block; vertical-align:top;
    .node-title a{.PNovaEB; .s(1.125em);
      span{.PNova;}
    }
    .node-date{.s(0.813em);}
  }
  .btn-pager-next,
  .btn-pager-previous{.w(203px);
    a{.bouton;}
  }

  .btn-pager-previous{margin-bottom:3px;
    a{background-image:url('../images/arrow-button-white-left.png'); background-position:17px center; padding-left:38px;}
  }

  .btn-pager-next{text-align:right;
    a{padding-right:39px;}
  }

  .pager-next{float:right; position: relative;
    .node-title,
    .node-date{text-align:right;}
    .node-title{padding-top:50px;}
  }
  .btn-pager-next{position: absolute; right:0;}
}

/*
------------------------------------------------------------------------------------------------
= PAGE LISTE ACTU
------------------------------------------------------------------------------------------------
*/
.news-list{
  #page-title{text-transform: uppercase; .title50;}
}

.node-teaser{padding-bottom:18px; border-bottom:1px dashed #aab8be; margin-bottom:15px;
  .node-title{.teaser26; .elementChevron; padding-bottom:0; margin-bottom:0;
    &:before{.w(13px);}

    a{.titreMixte;}
  }
  .node-date,
  .node-date-interval{padding-left:13px;}
}

/* item mis en avant au dessus des listes */
.mea-list-item{padding:30px 25px; .bk(@bkGrey); color:@blue; margin-bottom:30px;
  .node-title{.title26; padding-bottom:0; margin-bottom:13px;
    a{.titreMixteSEB; color:@blue;}
  }
  .image{float: left; margin-right:1em;
    .field-name-field-visuel{margin:0;}
  }
  .node-date{.s(0.813em);}
  /* tag 14px*/
  .field-name-body{.s(1em); margin-top:20px;}
}

/*
------------------------------------------------------------------------------------------------
= LISTE EXPERTS
------------------------------------------------------------------------------------------------
*/
  #block-iiep-unesco-specifics-list-expert-directory,
  #block-iiep-unesco-specifics-list-teaching-staff{
    .node-fiche-expert{.largeur(310px); padding:20px; .box-sizing; float: left; margin-left:2%; .bk(@bkGrey); border:none;
      &:nth-child(3n-7){margin-left:1%;}

      .image{float: left; margin-right:1em;
        .field-name-field-visuel{margin:0;}
      }

      /* nom prénom */
      .node-title{.s(1em); display: inline;
        &:before{display: none;}
        a{.PNovaB;}
      }

      .node-fonction {margin:1em 0 10px;
        .field-items .field-item:before{content:'\f02c'; .FA; color:@txtYellow; padding-right:4px;}
      }

      .node-title,
      .node-title,
      .node-fonction,
      .node-body{max-width:268px;}


      &:hover{.bk(@bkBlue); color:#fff;
        a{color:#fff;}
      }
    }

  }

/*
------------------------------------------------------------------------------------------------
= FICHE EXPERT
------------------------------------------------------------------------------------------------
*/
  .node-type-fiche-expert{
    #page-title{text-transform: uppercase; padding-top:30px;}
  }
  .node-fiche-expert{
    .field-name-field-visuel{float: left; margin-right:1em; margin-bottom:35px;}
    .field-name-field-phone{margin-bottom:10px;}
    .field-name-field-email{margin-bottom:10px;
      .field-item{.PNovaB;
        &:before{content:'\f0e0'; .FA; color:@rose; padding-right:6px;}
      }
    }
    .field-name-field-text {margin-bottom:10px;
        .field-items .field-item:before{content:'\f02c'; .FA; color:@txtYellow; padding-right:4px;}
      }
    .field-name-body{clear:both;}
  }



/*
------------------------------------------------------------------------------------------------
= PAGE CARTE INTERACTIVE - MAP
------------------------------------------------------------------------------------------------
*/
  /* carte */
  #map { .w(990px); .h(560px); margin-bottom:20px; }


  /* liste régions pays */
  #block-iiep-unesco-gmap-country-list{margin-top:40px;
    .col-1, .col-2{.largeur(480px); float: left; margin-right:15px;}
  }
  .country-region{margin-bottom:50px;
    &:nth-child(even){margin-right:0;}

    .region-country-name{text-transform: uppercase; position: relative;
      .name{.w(64.5833%); display: inline-block;}
    }
    .hide-or-show{padding: 5px 7px; .s(.560em); .bk(#f3f7f9); color:@blue; position: absolute; bottom:14px; right:0;
      a{padding-left:16px;}
      .show{.sprite(0 -872px);/* flèche bleue vers le haut */}
      .hide{.sprite(0 -919px);/* flèche bleue vers le bas */}
    }
  }

  /* liste pays */
  .country-list-detail{
    li{.elementChevron; .w(49%);}
  }

/*
------------------------------------------------------------------------------------------------
= FICHE PAYS
------------------------------------------------------------------------------------------------
*/
.node-type-fiche-pays{
  /* intro fiche pays */
  #block-fieldblock-node-fiche-pays-default-body{margin-bottom:30px; .s(1.250em); .PNovaB;}

  /* 4 blocs fiche pays */
  #block-iiep-unesco-specifics-list-news-related-state,
  #block-iiep-unesco-specifics-list-activities-related-state,
  .node-fiche-pays .field-collection-container{position: relative;
    .blocFichePays;

    .field-more{.elementChevron; position: absolute; bottom:24px; right:28px;
      a[target="_blank"]:after{display: none;}
    }
  }

  /* bloc news + activites */
  #block-iiep-unesco-specifics-list-news-related-state,
  #block-iiep-unesco-specifics-list-activities-related-state{
    .node-teaser{color:@darkBlue; padding:8px 0 0 0; margin:13px 0 0 0; border-bottom:0; border-top:1px dashed @bkBlue;
      &.item-1{border-top:0; padding-top:0; margin-top:0;}

      a{color:@darkBlue;}

      .node-title{.s(1em); .PNova; padding-bottom:0; margin-bottom:0;
         &:before{display: none;}
         span{.PNova;}
      }
      .node-date{padding-left:0; .s(.875em); .PNovaSB;}
    }
  }

  /* bloc activites */
  #block-iiep-unesco-specifics-list-activities-related-state{margin-left:12px;
    .node-date-start,
    .node-date-end{.w(49%); vertical-align:top; display: inline-block; .PNovaB;}
  }

  /* bloc publication + planipolis */
  .node-fiche-pays .field-collection-container{border-color:#00a1a2;
    margin-left:16px;

    &:first-child{margin-left:0;}

    /* bloc planipolis - changement couleur */
    .field-type-field-collection > .field-label{.bk(#00a1a2);}

    .field-items .field-item{clear:both; padding:8px 0 0 0; margin:13px 0 0 0; border-bottom:0; border-top:1px dashed @bkBlue;
      &:first-child{margin-top:0; padding-top:0; border-top:0;}
      img{float: left; margin:0 1em 0.6em 0;}
    }

    /* surcharge field */
    .field-collection-view{margin:0; padding:0; border:0;}
  }

  /* autres liens unesco */
  #block-fieldblock-node-fiche-pays-default-field-body{.bk(@bkGrey); padding:30px;
    .block-title{.no-title; .PNova; text-transform: uppercase; color:@darkBlue;}
    .field-item{color:@blue;}
    a{.elementChevron; color:@blue;
      &:before{.w(13px);}
    }
  }

}

/*
------------------------------------------------------------------------------------------------
= PAGE FORMATION
------------------------------------------------------------------------------------------------
*/
.node-formation{
  .field-collection-container{border:none;}
}

/* lien retour haut */
.link-back-to-top{float: right; margin-bottom:3px;
    a{.bk(url('../images/arrow-top.png') no-repeat 8px 8px @bkBlue); padding:5px 8px 3px 23px; .PNovaSB; text-transform: uppercase; color:#fff; .s(0.875em);
        span{.PNovaEB;}
    }
}

  /* menu gauche - sticky */
  #article-aside.sticked{width:286px;
    &.stick{position: fixed; top:5px; width:286px;}

    .title{display: none;}
    .content{.bk(@bkGrey); padding:20px 20px 10px; .box-sizing;}
    .toc-menu{
      ul{padding-left:15px; border-left:2px solid #79a9b7;}
      li{margin-bottom:25px; position: relative;
        a{color:@darkBlue; .PNova; .s(1.125em);
          span{.PNovaEB;}
        }

        &:before{content:''; position: absolute; top:3px; left:-25px; .bk(url('../images/item-menu.png') no-repeat); .w(19px); .h(17px);}

        &.current{
          a{text-decoration:underline;}
          &:before{.bk(url('../images/item-menu-actif.png') no-repeat); left:-26px; .h(20px);}
        }

        /* cacher la barre au dessus et en desssous des 1er et derniers éléments */
        &:first-child{
          &:before{top:0px;}
        }
        &:last-child{
          &:before{background-color:@bkGrey; .h(24px); top:2px;}
        }

        &.call2action-section{
          &:before{background-image:url('../images/item-menu-rose.png');}
          a{color:@rose;}

          &.current{
            &:before{background-image:url('../images/item-menu-actif-rose.png');}
          }
        }
      }
    }

    .footer{.bk(@bkGrey); padding:5px; .box-sizing; overflow:hidden;
      .ressources{
        li{padding:10px 17px; .bk(@bkBlue); text-transform: uppercase;
          &:before{content:'\f15b'; .FA; color:#fff; padding-right:8px;}
        }
        a{color:#fff; .PNovaEB;}
      }
      .contact{margin-top:10px;
        .field-name-field-visuel{float: left; margin:-2px 8px 0 0; }
      }
    }
  }

  /* section */
  .field-name-field-section-formation{
    .field-collection-view{border:none; padding:0; margin:0;}
    > .field-items{
      > .field-item{border:5px solid @grey; margin-bottom:20px;
        .item-sticky-menu{padding:30px; margin-bottom:0; .bk(@bkGrey); border:none; .s(2.5em); color:@blue; .PNova;
          span{.PNovaEB;}
        }
        .field-name-field-body-summary{padding:0 30px 30px 30px; margin-top:1em;}
        .field-name-field-visuel{padding:30px 30px 0 30px;
          .content{position: relative;
            .field-name-field-credits{.hidden;}
            &:hover{
              .field-name-field-credits{left:10px; bottom:5%; padding:10px; .bk(#edf1f6);}
            }
          }
        }

        .call2action{padding:20px 35px; .box-sizing; .bk(@bkGrey);
          .item-sticky-menu{padding:0; .bk(none); color:@rose; .s(1.625em); .PNovaEB;}
          .field-name-field-visuel{float:left; padding:0; margin-right:1em;}
          .field-name-field-body-summary{padding:0;}
        }
      }
    }
  }

  /* section courses */
  .courses{border:5px solid @grey; overflow:hidden;
    .block-title{padding:30px; margin-bottom:0; .bk(@bkGrey); border:none; .s(2.5em); color:@blue; .PNova;
      span{.PNovaEB;}
    }

    .node-teaser{margin:20px 30px; border-bottom:none; border-top:1px dashed #aab8be; padding:18px 0 0 0;
      &.item-1{padding-top:0; border-top:none;}

      .node-title{text-transform: none;}
      .date{.s(.813em); padding-left:13px;}
      .field-name-field-date { display: inline-block; }
    }

    .node-fiche-cours{
        .node-title{padding-bottom:0; margin-bottom:0;}
        .field-label-above{.s(.812em);}
    }
  }

/*
------------------------------------------------------------------------------------------------
= Formulaire contact / newsletter / connexion
------------------------------------------------------------------------------------------------
*/
.node-type-webform #main{
  .form-item{.w(49%); display: inline-block; margin:0 0 30px 6px;
    &:nth-child(odd){margin-left:0;}

    input{.w(93%); padding-top:4px; padding-bottom:4px;}
    .form-textarea-wrapper{.w(97%);}

    /* select */
    .chosen-container-single .chosen-single{padding-bottom:5px; padding-top:4px;}

    /* bouton sumbit */
    .form-submit{.bouton;}

    /* contact */
    &.webform-component-textarea{.w(100%);}

    /* newsletter */
    &.webform-component--langues-preferees{
      .form-item{.w(100%); margin:0 0 5px 0;}
      label{text-transform: none;}
      input{.w(auto); margin-left:0;}
    }
      /* champ nationalité - aligné en haut */
      &.webform-component--nationality{vertical-align:top;
        .chosen-container{width:290px !important;}
      }

    &.webform-component-checkboxes{
        label {
            text-transform: none;
        }

        display: block;
        width: 100%;

        .form-type-checkbox{
            display: block;
            width: 100%;
            margin: 0 0 5px 0;

            label {
                font-size: 1em;
            }
        }

        input {
            width: 5%;
        }
    }
  }

  /* en colonne de droite */
  .column.sidebar{
    .form-item{.w(100%);}
    .block-webform{overflow:hidden;
      &.block .block-title{text-transform: none;}
    }
  }
}



  /* page connexion */
  #user-login{
    .form-item{margin:15px 0;}
  }





/*
------------------------------------------------------------------------------------------------
= ACCUEIL
= Page d'accueil
------------------------------------------------------------------------------------------------
*/
.front{


  /* slideshow */
  #rs-carousel-slideshow-hp { .w(990px); .h(406px); margin:0 auto;overflow:visible;
    .rs-carousel-item,
    .slide-infos{.h(406px);}
  }
  #block-iiep-unesco-specifics-slideshow-homepage {.h(406px); width:100%; overflow: hidden;
    .slide-text-infos { z-index:10; opacity: 0; position: absolute; top:0; left:0;}
    .item-background { opacity: .3;}
    .slide-image-infos { opacity: 1;}

    /* exclure active */
    .rs-carousel-item-active {
        .box-shadow(5px 5px 40px #999999);
        .field-item {
            background: white;
            img { opacity: 1; }
        }
    }

    /* afficher btn play ou pause, pas les 2 */
    .rs-carousel-action-play{display: none;}

    .slide-infos, .slide-image {display: inline-block; .w(49.74%); vertical-align:top;}
    .slide-infos {position: relative;}
    .slide-text-infos{padding:50px 15px 40px 30px; .h(100%); .box-sizing;}
    img {vertical-align:inherit;}
    .video-type{position: relative;
      &:after{content:''; position: absolute; .w(64px); .h(64px); top:41.5%; left:43.4%; .bk(url('../images/play-video.png') no-repeat center center);}
    }

    /* element actif */
    .rs-carousel-item-active:not(.rs-carousel-item-clone) {
      .slide-text-infos { opacity: 1;}
      &.item-background { opacity: 1;}
      .slide-image-infos { opacity: 0;}
    }

    .slide-node-title{.titreMixteSEB; .s(1.625em); color:@blue;}
    .slide-node-body{margin-top:5px;
      .s(.813em); /* date */
      .field-name-body{.s(1.231em); margin-top:20px;}/* corps */
    }

    /* btn lire plus */
    .more-info-link{position: absolute; bottom:40px; right:45px;
      a{.bouton; display: inline-block; padding-right:30px; }
    }

    /* btn controle slideshow */
    .actions-wrapper-outside2{max-width:990px; margin:0 auto; position: relative;}
    .rs-carousel-actions {position: absolute; bottom:36px; left:40px;
      a{margin-left:4px;}
    }
  }

  /* mise en avant inscription newsletter */
  // debug fond étendu
  .region-slideshow-home {
    position: relative;
    overflow-x: hidden;
  }

  .region-footer-hightlight-top {
    margin: 90px 0 0 0;
    background-color: @bkBlueL;
  }

  #block-iiep-unesco-specifics-stay-connected-homepage {
    padding: 30px 0;


    /*  // fond de couleur étendu
    &:before,
    &:after {
        content:'';
        position: absolute;
        bottom:0;
        .w(100%);
        min-height:115px;
        .bk(@bkBlueL);
        z-index:-1;
    }
    &:before { left:-50%; }
    &:after { right: -50%; }
    */

    .block-title,
    form {
        display: inline-block;
        vertical-align: middle;
    }

    .block-title {
        width: percentage(480/990);
        padding: 0;
        color: @blue;
        font-size: 1.625em;
        text-transform: none;
        border: none;
        margin-bottom: 0;
        box-sizing: border-box;
        .PNovaSB;

        &:before {
            content: '';
            width: 26px;
            height: 26px;
            display: inline-block;
            padding-right: 14px;
        }
    }

    form {
       width: percentage(505/990);
       padding: 5px;
       box-sizing: border-box;
       background: #fff;
       border-radius: 50px;
    }

    .form-item {
        max-width: 320px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;

        label { .hidden; }
    }

    .form-text {
        padding: 10px 25px;
        //height: 55px;
        color: #313131;
        font-size: 1em;
        border-radius: 50px;
        background-color: #fff;

        &::-webkit-input-placeholder {
            color: #313131;
            font-size: 1em;
            opacity: 1;
        }
        &:-moz-placeholder {
            color: #313131;
            font-size: 1em;
            opacity: 1;
        }
        &::-moz-placeholder {
            color: #313131;
            font-size: 1em;
            opacity: 1;
        }
        &:-ms-input-placeholder {
            color: #313131;
            font-size: 1em;
            opacity: 1;
        }
    }

    .form-submit {
        float: right;
        padding: 12px 15px 10px 50px;
        .PNovaB;
        font-size: 1em;
        color: #fff;
        border-radius: 50px;
        vertical-align: middle;
        background: url('../images/news.png') no-repeat 15px center @txtYellow;
    }
  }

  /* slideshow feature */
  #block-iiep-unesco-specifics-featured-homepage{
    .bk(@bkGrey);
    padding:60px 0 20px;
    margin-top: 0;
    position: relative;

    // fond de couleur étendu
    &:before{content:''; position: absolute; top:0; left:0; .w(100%); min-height:100%; .bk(@bkGrey); z-index:-1;}

    /* afficher btn play ou pause, pas les 2 */
    .rs-carousel-action-pause{display: none;}

    /* sans slideshow - 1 seul elmnt */
    &.ui-state-disabled{opacity:1; padding-bottom:45px;
      .rs-carousel-actions{display: none;}
    }

    /* learn more */
    .learnmore{padding:0 0 0 110px; .sprite(20px 0); /* guillement ouverture */
      .slide-node-title{.s(1.563em); text-transform: uppercase;}
      .content{.w(70%); min-height:60px; padding-right:90px; .box-sizing; display: inline-block; vertical-align:middle; .sprite(right -279px); /* guillemet fermeture */}
      .featured-more-link{.w(29%); display: inline-block; vertical-align:middle;
        a{.bouton(#fff, @colorArrow:"white", @bkColor:@blue); .s(1.125em);}
      }
    }

    /* read more */
    .callout{padding:9px 0 0 110px; .sprite(left -548px); /* calendrier */ .s(1.625em);
      .slide-node-title span{display: block; color:@rose; .PNovaEB;}
      .slide-node-date{.s(.5em); text-transform:lowercase}

      .content{.w(70%); display: inline-block; padding-right:20px; .box-sizing; vertical-align:middle;}
      .featured-more-link{.w(29%); display: inline-block; vertical-align:middle;
        a{.bouton(#fff, @colorArrow:"white", @bkColor:@rose); .s(.692em);}
      }

    }

    /* boutons de controles */
    .rs-carousel-actions{text-align:center;
      a{margin-left:4px;}
    }
  }


  /* priorités */
  .our-priorities{.largeur(225px); margin-left:2.6%; display: inline-block; vertical-align:top; text-align:center; color:@darkBlue;
    &.first{margin-left:0;}

    /* image */
    img{margin-bottom:15px; .radius(50%);}

    /* bouton lire plus */
    .more-link{.bouton; margin-top:10px; }
  }

  /* 2 blocs worldwide + get involved */
  .footer-hightlight{ position: relative; margin: 0; border-top:2px solid #9ab5bc;
    /* 2 fonds de couleurs différentes */
    &:before{content:''; position: absolute; top:0; left:0; .w(50%); min-height:100%; .bk(url('../images/pave-world.png') no-repeat right top @bkGrey); z-index:-1;}
    &:after{
      content:''; position: absolute; top:0; right:0; .w(50%); min-height:100%; .bk(url('../images/pave-involved.png') no-repeat 52% top @bkBlueL); z-index:-1;

    }

    /* alignement blocs */
    .block-by-two{.w(49.7%); display: inline-block; vertical-align:top; .box-sizing;
      .block-title{.no-title; font-weight: normal; .titreMixte; text-transform: uppercase; color:@blue;}

      &.first{padding:35px 40px 35px 0;}
      &.last{padding:35px 13px 30px 40px;
        .btn-white-red{.w(49%); display: inline-block; .box-sizing; margin-bottom:9px;
          &:nth-child(even){margin-right:4px;}
        }
      }
    }
    /* formulaire bloc wordlwide */
    .block-iiep-unesco-gmap{.PNovaB;
      label{.hidden;}
      .chosen-container-single .chosen-single{.bk(#fff); .h(36px); max-width:100% !important;
        span{padding-top:13px; .h(40px); }
      }
      form{margin-top:10px;}
      .form-item-country{display: inline-block; vertical-align:top;}
      .form-submit{vertical-align:top; .w(60px); .h(40px); .s(1.125em);}

      .chosen-container-single.chosen-with-drop .chosen-single span{padding-top:11px; padding-left:2px;}
    }
  }
}

/*
------------------------------------------------------------------------------------------------
= AUTRES STYLES
= HPR, pages spécifiques, gmap...
------------------------------------------------------------------------------------------------
*/

/* = Plan du site */
#site-map {margin:2em 0 0 0;
  h2 { display: none; }
  li { .s(135%);  padding:0 0 1em; text-transform: uppercase;

     a { color:#157DBF; }

     ul { border-left:2px solid #D7CAC3; margin:0 0 0 1em;
        li {.s(0.85em); padding:0; font-weight: normal;
          a { color:#6B564B; }
          li { .s(0.85em); }
       }
     }
   }
   .nolink{display: none;
    + ul{padding-left:0; border-left:0;}
   }
}


/*
------------------------------------------------------------------------------------------------
= PAGE COURS V2
------------------------------------------------------------------------------------------------
*/



.node-type-learn-card {

  /* Card */

  .node-learn-card {

    .informations {
      display: flex;
      margin-bottom: 50px;

      @media screen and @screen-tablet {
        flex-direction: column;
        margin-bottom: 30px;
      }

    }

    .visuel {
      width: 600px;

      @media screen and @screen-tablet {
        width: 100%;
      }

      img {
        @media screen and @screen-tablet {
          display: block;
          margin: auto;
          width: 100%;
          height: auto;
        }
      }

      .media-youtube-video {
        iframe { vertical-align: top; }
        @media screen and @screen-tablet {
          position: relative;
          padding-bottom: 56.25%; // 16:9
          padding-top: 25px;
          height: 0;

          iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
          }
        }
      }
    }

    .infos {
      width: 390px;
      background-color: @bkGrey;

      @media screen and @screen-tablet {
        width: 100%;
      }

      > div {
        background-color: @bkGrey;
        border-bottom: 1px solid #96cbde;
        padding: 13px 20px 15px 45px;

        @media screen and @screen-tablet {
          padding: 15px;
        }

        &:first-of-type,
        &:last-of-type {
          border-bottom: 0;
          padding-bottom: 13px;
        }

        &.deadline {
          background-color: @rose;
          border-bottom: 0;
          color: @white;
          display: flex;
          justify-content: space-between;
          align-items: center;

          .field-label {
            color: @white;
          }
        }

      }

    }

    .field-label {
      color: @defaut;
      font-family: 'proxima-nova_bold';
      font-size: 0.813em;
      font-weight: normal;
      text-transform: uppercase;
    }

    .field-type-datetime {
      .date-display-range {
        color: @rose;
      }
    }

    .field-name-field-email {
      .PNova;
    }

    .invit_info {
      width: 145px;

      a {
        .btnLink(@white, @rose);
        font-size: 0.875em;
        display: inline-block;
        width: 145px;
        padding: 10px 0;
        box-sizing: border-box;
        text-align: center;

        &:after {
          content: '';
        }
      }

    }

    .infos-note {

      a {
        display: inline-block;
        font-size: 0.875em;

        .btnLink(@rose, @white);

        &:after {
          content: '';
          background: url('../images/arrow-button-white.png') no-repeat center;
          background-size: 10px;
          display: inline-block;
          position: absolute;
          top: 13px;
          right: 15px;
          height: 20px;
          width: 20px;
        }

      }

    }


  }

}

.paragraphs-items > .field-type-paragraphs > .field-items > .field-item {

  @media screen and @screen-mobile {
    padding: 10px;
  }
}


/* Accordion */

.node-type-learn-card,
.type-learn-list {
  .paragraphs-item-accordion {

    .field-name-field-item-accordion {

      > .field-items {
        > .field-item {
          border-left: 10px solid @blue;
          border-right: 10px solid @blue;
          border-top: 0;
          margin-bottom: 20px;

          .entity-field-collection-item {

            h3 {
              background-color: @blue;
              text-transform: initial;

              a {
                color: @white;
                display: block;
                padding: 23px 45px;
                position: relative;
  
                &:before {
                  content: '+';
                  display: block;
                  .PNovaEB;
                  font-size: 45px;
                  position: absolute;
                  right: 55px;
                  top: 50%;
                  transform: translateY(-50%);
                  //transition: all 0.25s ease-in-out;
                }
              }
            }

            &.opened {
              a:before {
                content: '_';
                transform: translateY(-85%);
              }
            }

          }

        }
      }

      .field-name-field-bloc-libre-content {
        padding: 45px;
        border-bottom: 10px solid @blue;

        @media screen and @screen-tablet {
          padding: 25px;
        }

      }
    }

  }
}


/* Page cours - liste */

.type-learn-list {

  #main-wrapper {
    max-width: 100%;
  }

  .breadcrumb,
  h1#page-title,
  .node-page.view-mode-full,
  #block-fieldblock-node-page-default-field-content {

    margin-right: auto;
    margin-left: auto;
    max-width: 990px;
  }

  .node-page.view-mode-full {
    @media screen and @screen-mobile {
      padding: 10px;
    }
  }


  #block-fieldblock-node-page-default-field-content {

    .paragraphs-items > .field-type-paragraphs > .field-items > .field-item {
      margin-top: 55px;

      @media screen and @screen-mobile {
        padding: 10px;
      }
    }

  }

}

#block-iiep-unesco-specifics-list-learn-card {
  padding: 65px 0 0;
  background: @bkGrey;

  .block-title {
    .PNovaEB();
    color: @blue;
    border-bottom: 0;
    font-size: 2.25em;
    text-align: center;
  }

  .learn-card-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 770px;
    margin: 20px auto 0;


    @media screen and @screen-mobile {
      flex-direction: column;
      width: auto;
      align-items: center;
    }
  }

  .node-teaser {
    border-bottom: 0;
    width: 230px;
    margin-bottom: 40px;
    margin-right: 40px;
    flex-basis: 230px;
    position: relative;

    &:nth-child(3n + 3) {
      margin-right: 0;
    }
  }

  .node-date-interval {
    .PNovaSB();
    font-size: 13px;
    padding: 10px 20px;
    position: absolute;
    top: 155px;
    right: 10px;
    left: 10px;
    background: @blue;
    color: @white;
    z-index: 1;
    text-align: center;
  }

  .image {
    position: relative;
    transition: all 0.5s ease;

    &:hover {
      .see-more {
        display: block;
      }
    }

    &:hover::before {
      content: '';
      display: inline-block;
      cursor: pointer;
      position: absolute;
      background: rgba(210,11,72,.5);
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
  }

  .see-more {
    display: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;

    a {
      .PNovaEB();
      color: @white;
      font-size: 20px;
      position: relative;

      &:after {
        content: '';
        display: inline-block;
        height: 20px;
        width: 20px;
        position: absolute;
        top: 3px;
        right: -25px;
        background: url(../images/arrow-button-white.png) no-repeat center;
        background-size: 10px;
      }
    }
  }

  .info-wrapper {
    height: 175px;
    background: @white;
    box-sizing: border-box;
    padding: 40px 10px 20px;
    position: relative;
  }

  .node-title {

    text-transform: none;

    a {
      .PNovaEB();
      font-size: 20px;
      color: @blue;
      text-transform: initial;

      &:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }
    }

  }

  .language {
    .PNovaSB();
    font-size: 13px;
    text-transform: uppercase;
  }


}



/*
------------------------------------------------------------------------------------------------
= No JS
------------------------------------------------------------------------------------------------
*/
/* Javascript désactivé */
.no-js {
  #skip-link{color:@defaut;
    li a{color:@defaut;}
  }
  .menu-desktop{
    .menu {
      li{display: block;padding:0; .bk(none); margin-bottom:20px;

        &.first{padding-left:0; .bk(none);
          &.is-active-trail a{padding-left:0;}
        }
      }
    }
    .menu-item-decription{color:#fff;}

    /* sous menu n2 */
    .menu{
      .menu-depth-1{position: static; padding:0;}
      .menu{
        li{display: block; .w(100%); margin:0;}
      }
    }

    /* sous menu n3 */
    .menu .menu .menu{margin:0;}

    /* gestion sous menu en 2 colonnes au cas par cas et par langue */
    .menu .menu li{
      &.menu-mlid-625 /* en*/,
      &.menu-mlid-845 /* fr*/,
      &.menu-mlid-890 /* es */
      {.w(100%);
        /* sous menu n3 */
        li{.w(100%); display: block;
          /* ss menu n4 */
          li{.w(100%);}
        }
      }
    }
  }
}


/*
------------------------------------------------------------------------------------------------
= WebKit Safari et Chrome
------------------------------------------------------------------------------------------------
*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type="submit"]
  {
    -webkit-appearance: none;
    .radius(0);
  }
  textarea{.radius(0);}

  .header-top{.h(24px);}

  /* formulaire my profile */
  .my-profile{
    .form-submit{padding:4px 3px;}
  }

  /* menu principal - n2 déployé filet entre N1 et N2 */
  .menu-desktop .menu .menu-depth-1{top:155px;}

  /* bloc stay connected footer-bottom */
  .footer-top .stay-connected{
    .form-item-email{vertical-align:middle;
      .form-text{border-bottom:none;}
    }
    .form-submit{vertical-align:middle; padding-bottom:4px;}
  }

  /* footer formulaire ressources */
  .footer-bottom{
    /* ressources */
    #block-iiep-unesco-specifics-ressources-hub{
      .form-submit{padding-top:5px}
    }
  }
}

/*
------------------------------------------------------------------------------------------------
= IE
------------------------------------------------------------------------------------------------
*/

.ie{
  /* formulaire my profile */
  .my-profile{
    .form-submit{padding:4px 3px;}
  }

  /* menu principal - n2 déployé filet entre N1 et N2 */
  .menu-desktop .menu .menu-depth-1{top:157px;}

  /* bloc stay connected footer-bottom */
  .footer-top .stay-connected{
    .form-submit{vertical-align:middle; padding-bottom:4px;}
  }
  /* footer formulaire ressources */
  .footer-bottom{
    /* ressources */
    #block-iiep-unesco-specifics-ressources-hub{
      .form-submit{padding-top:5px}
    }
  }
}

/*
------------------------------------------------------------------------------------------------
= ie10
------------------------------------------------------------------------------------------------
*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* formulaire my profile */
  .my-profile{
    .form-submit{padding:4px 3px;}
  }
  /* menu principal - n2 déployé filet entre N1 et N2 */
  .menu-desktop .menu .menu-depth-1{top:157px;}
  /* bloc stay connected footer-bottom */
  .footer-top .stay-connected{
    .form-submit{vertical-align:middle; padding-bottom:4px;}
  }
  /* footer formulaire ressources */
  .footer-bottom{
    /* ressources */
    #block-iiep-unesco-specifics-ressources-hub{
      .form-submit{padding-top:5px}
    }
  }
}

/*
------------------------------------------------------------------------------------------------
= Prehome
------------------------------------------------------------------------------------------------
*/
.fancybox-skin {
  padding: 0 !important;
}

#prehome-container {
& > .content {
    @media screen and (min-width: 1030px) {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

  &,
  * {
    box-sizing: border-box
  }

  &,
  .content,
  .content-left,
  .content-right,
  .close-link
  {
    min-height: 100%;

    @media screen and @screen-tablet {
      height: auto;
    }
  }

  .content-left,
  .content-right,
  .close-link,
  .content-left-inner {
    float: left;

    @media screen and @screen-tablet {
      float: none;
    }
  }

  .close-link,
  .block {
    padding: 30px;
  }

  .content-left-inner,
  .content-right {
    padding: 20px 0;
  }

  .content-left {
    width: 75%;
    background-position: center;
    background-size: cover;

    @media screen and @screen-tablet {
      width: 100%;
    }
  }

  .content-right {
    width: 25%;

    @media screen and @screen-tablet {
      width: 100%;
    }
  }

  .close-link,
  .content-left-inner {
    width: 50%;

    @media screen and @screen-tablet {
      width: 100%;
    }
  }

  .content-left-inner {
    height: 100%;
    position: relative;

    ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-pack: distribute;
      height: 80%;
    }

    li { margin-bottom: 0px;}
  }

  .close-link {
    position: relative;
    text-align: center;
    padding-bottom: 100px;

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

.prehome-cta {
  display: block;
  position: absolute;
  bottom: 30px;
  right: 30px;
  left: 30px;
  padding: 15px;
  background: #d68100;
  font-size: 1.125rem;
  text-transform: uppercase;
  color: #fff;
  .PNovaEB;
  text-align: left;
  transition: background 200ms ease-out;

  span {
    .PNovaSB;
  }

  &:hover,
  &:focus,
  &:active {
    color: #fff;
    text-decoration: none;
    background: lighten(#d68100, 5%);

    &::after {
      transform: translateX(2px);
    }
  }

  &::after {
    float: right;
    content: url('../images/arrow-button-white.png');
    transition: transform 200ms ease-out;
  }
}

#block-iiep-unesco-specifics-last-news-prehome.block {
  //height: 100%;
   @media screen and (min-width: 1030px) {
    padding-bottom: 148px;
  }
}

#prehome-container .content-left-inner {
    height: auto;
    min-height: 100%;

    @media screen and @screen-tablet {
       min-height: inherit;
    }
}

.content-left-inner {
  background: rgba(0, 0, 0, 0.7);

  * {
    color: #fff;
  }

  .block-title,
  li {
    border: 0;
  }
}

  //---- bloc langue ----
#prehome-container .language-switcher {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 5px 13px 8px;
  background: @txtYellow;
  text-transform: uppercase;

  li {
    display: inline-block;
    font-size: 0.75em;
  }

  .first:after {
    content: " / ";
  }

  a {
    color: #fff;
    .PNovaSB;
    text-decoration: none;
  }

  a.active {
    color: @defaut;
    text-decoration: underline;

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

  }
}

//---- autre bloc
#block-iiep-unesco-specifics-last-news-prehome {
  .block-title {
    font-size: 2.5rem;
    .PNova;

    span {
      .PNovaEB;
    }
  }

  a {
    font-size: 1.375rem;
    .PNova;

    &::before {
      content: url('../images/arrow-button-red.png');
      margin-right: 5px;
    }

    &:hover,
    &:focus,
    &:active {
      text-decoration: none;
      color: #fff;
      border-bottom: 2px solid #d20b48;
    }
  }

  .date {
    display: block;
    margin-top: 5px;
    font-size: 0.8125rem;
  }
}

.form-submit { cursor: pointer; }

#prehome-container #block-iiep-unesco-specifics-stay-connected {
  @media screen and (min-width: 1030px) {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  }

  .block-title {
    color: #ed8e00;
    .PNovaSB;
    padding: 0;
    margin-bottom: 5px;

    span {
      .PNovaEB;
      color: #ed8e00;
    }
  }

  label {
    position: absolute;
    left: -9999px;
  }

  .prehome-follow,
  .prehome-latest-news {
    display: inline-block;
    max-width: 250px;
    vertical-align: bottom;
  }

  .prehome-latest-news {
    margin-right: 30px;
    vertical-align: top;

    @media screen and @screen-mobile {
        margin-right: 0;
        margin-bottom: 30px;
    }
  }

  .latest-header,
  .follow-header {
    font-size: 1rem;
    .PNovaB;
    margin-bottom: 5px;
  }

  .form-text {
    background: #fff;
    max-width: 222px;
    height: 28px;
    padding-left: 10px;
    color: @blue;
  }

  .form-type-textfield {
    float: left;
  }

  .form-submit {
    width: 28px;
    height: 28px;
    float: right;
  }

  .prehome-follow a:hover img,
  .prehome-follow a:focus img,
  img:hover {
    filter: brightness(1.2);
  }
}

#prehome-container .content-right {
  background: #00465b;

  * {
    color: #fff;
  }

  .block-title {
    border: 0;
    .PNova;
    font-size: 1.25rem;
    padding: 0;
    margin-bottom: 5px;

    span {
      .PNovaEB;
    }
  }

  .block { padding: 0 30px 30px 30px; }

  .block:not(:last-child) {
    /*border-bottom: 1px solid #000;*/

    a {
      display: block;
      position: relative;
      background: #125367;
      padding: 15px 30px 15px 20px;
      font-size: 1rem;
      margin-bottom: 2px;
      transition: background 200ms ease-out;
      .PNova;

      &::after {
        content: url('../images/arrow-breadcrumb.png');
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
      }

      &:hover,
      &:focus,
      &:active {
        text-decoration: none;
        color: #fff;
        background: lighten(#125367, 5%);
      }
    }
  }

  .block:last-child {
    ul {
      background: #125367;
      padding: 15px 20px;
    }

    li {
      margin-bottom: 10px;
    }

    a:hover,
    a:focus,
    a:active {
      text-decoration: underline;
      color: #fff;
    }
  }
}

#prehome-container {
  width: 100%;

  #block-block-19 {
    a {
      .PNova;
    }
  }
}

// Override
.fancybox-overlay {
  overflow-y: auto !important;
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
#prehome-container {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: auto !important;
}

.fancybox-inner {
  overflow: auto !important;
}

.fancybox-close {
  display: none;
}

#block-iiep-unesco-specifics-gcse-search-results {
    .gsc-thumbnail {
        display: none;
    }
}