/*
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 : 16 mai 2019, 11:06:58
    Author     : sydne
*/
/*listes.css*/
.spacer {/*Importé de EJ.css pour notamment que ma div content panel du chx média s'affiche correcctement dans les popup'*/
    font-size: inherit;
    line-height: inherit;
    clear:both;
}
.standard_list_main {
    display: flex; 
    flex-direction: row; 
    clear: both;
}

.nwl_wrappper .standard_list_main {
    font-size: 1.32rem;
    line-height: 2rem;
    flex-grow: 1;
    padding:0 2rem;
}
.standard_list_main .grid_icon_link_reco{
    color: #15992A;
}
.standard_list_main .grid_icon_link_reco:hover {
    color: #2D652B;
}
.standard_list_main .grid_icon_link_th {
    color: #006AC1;
    cursor: default;
}
.standard_list_main .grid_icon_link_th:hover {
    color: #1B58B8;
}
.standard_list_main .grid_icon_link_asso {
    color: #AB2DB5;
    cursor: default;
}

.standard_list_main .grid_icon_link_asso:hover {
    color: #91269B;
}

.standard_list_main:not(:last-of-type) {
    margin-bottom: 3em;
}

.standard_list_search_panel {
    flex-basis: 40em;
    min-width: 40em; 
    width: 40em;
    max-width: 40em; 
    margin-right: 3em;
    border: 1px solid #CCC;
    align-self: flex-start;
    display: flex; 
    flex-direction: column; 
    padding: 0.8rem;
}

.standard_list_search_panel_entete{
    display: none;
    border-bottom: 1px solid #CCC;
    padding: .8em .5em;
    font-size: 1.2em;
    color: #666;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .standard_list_search_panel {
        min-width: 32em; 
        width: 32em;
        max-width: 32em; 
    }
}
@media (max-width: 1000px) {
    .standard_list_main {
        flex-direction: column; 
    }

    .nwl_wrappper .standard_list_main {
        padding:0 1rem;
    }
    
    .standard_list_search_panel {
        margin-right: 0;
        flex-basis: auto;
        align-self: auto;
        width: auto;
        min-width: 100%; 
        max-width: 100%; 
        width: 100%; 
    }
    .standard_list_search_panel_entete{
        display: block;
    }
    .standard_list_search_panel_content {
        display: none;
    }
}
.standard_list_crit {
    font-size:0.7em; 
    font-weight:800;
    color: #333;
    white-space: nowrap;
}
.standard_list_entete {
    padding: 1.5em 2em;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    color: #999;
}

.standard_list_entete>* {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    text-align: center;
    padding:.7rem; /*modif nwl padding pour empêcher les textes des icônes de se toucher*/
}
.standard_list_entete>*>.fa {
    font-size: 2.5em;
    margin-bottom: .2em;
}
.subtitle_list_entete {
    padding: 1em;
    display: flex;
    flex-flow: row;
    color: #333;
}
.subtitle_list_entete>* {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.3em;
    text-align: left;
}
ol.standard_list,
ol.hidden_libelle_list{
    list-style: none;
    margin: 0;
}

ol.standard_list>li,
ol.hidden_libelle_list>li {
    border-top: 1px solid #CCC;
}

ol.standard_list>li>div:first-child,
ol.hidden_libelle_list>li>div:first-child {
    padding-top:  2em;
    padding-bottom: 1em;
}

ol.standard_list>li>div:last-child,
ol.hidden_libelle_list>li>div:last-child {
    border-bottom: 1px solid #CCC;
}

ol.standard_list>li>div:not(:first-child),
ol.hidden_libelle_list>li>div:not(:first-child) {
    padding-bottom:  1em;
    padding-top:  1em;
}

ol.standard_list>li>div:last-child:not(.grid_actions) {
    padding-bottom:  2em;
}

ol.standard_list>li>div,
ol.hidden_libelle_list>li>div {
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: 0px solid #CCC;
    border-bottom: 0px solid #CCC;
}

ol.standard_list>li::after,
ol.hidden_libelle_list>li::after
{
    content: '';
    height: 2em;
    display: block;
}

.standard_list_footer {
    padding: 1.5em 2em;
}

ol.standard_list .formtxtbox {
    padding: 1.1em .7em !important;
    margin: 0 !important;
}

.standard_list dl {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    overflow: visible;
}
.standard_list dt {
    font-weight: normal;
    color: #999;
    flex: 1 0 22%;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 15em;
    margin-bottom: .3em;
    padding-right: 0.2em;
}
.standard_list dd {
    flex: 1 0 78%;
    margin: 0 0 .4em 0;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    break-after: always;
    word-break: break-word;
}

.hidden_libelle_list dl {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    overflow: visible;
}
.hidden_libelle_list dt {
    display: none;
    flex: 1 0 0%;
}
.hidden_libelle_list dd {
    flex: 1 0 100%;
    margin: 0 0 .4em 0;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tableRefreshLink, 
.tableMajResultLink {
    display: none;
}



/***********************PAGINATION*********************/

table.separate_row_table>tfoot .pagination,
table.standard_table>tfoot .pagination,
.standard_list_footer  .pagination {
    overflow:hidden;
    clear:both;
    display: block;
}
table.separate_row_table>tfoot .pagination span.result,
table.standard_table>tfoot .pagination span.result,
.standard_list_footer  .pagination span.result {
    float:left;
    color:#4f4f4f;
    padding-left:0.7em;
    line-height:2.4em;
}
table.separate_row_table>tfoot .pagination ul,
table.standard_table>tfoot .pagination ul,
.standard_list_footer  .pagination ul {
    float:right;
    width:auto;
    list-style-type:none;
    margin: 0;
}
table.separate_row_table>tfoot .pagination ul li,
table.standard_table>tfoot .pagination ul li,
.standard_list_footer  .pagination ul li {
    float:left;
    width:auto;
    padding:0 0.4em 0 0;
    line-height:33px;
}
table.standard_table>tfoot .pagination ul li span {
    color:#4f4f4f;
}
table.separate_row_table>tfoot .pagination ul li span,
.standard_list_footer  .pagination ul li span {
    display: none;
}
table.separate_row_table>tfoot .pagination ul li a,
table.standard_table>tfoot .pagination ul li a,
.standard_list_footer .pagination ul li a {
    color:#4f4f4f;
    text-decoration:underline;
}
table.separate_row_table>tfoot .pagination ul li.page_button a,
table.separate_row_table>tfoot .pagination ul li span.activepage,
table.separate_row_table>tfoot .pagination ul li span.totalpage,
table.separate_row_table>tfoot .pagination ul li a, 
.standard_list_footer .pagination ul li.page_button a,
.standard_list_footer .pagination ul li span.activepage,
.standard_list_footer .pagination ul li span.totalpage,
.standard_list_footer .pagination ul li a{
    color: #333;
    text-decoration: none;
    background-color: #f3f3f3; /*#00bcff;*/
    padding: 0.3em 1.3em;
    margin: 0 0.4em;
    font-weight: bold;
    font-size: larger;
    display: block;
}

table.separate_row_table>tfoot .pagination ul li span.activepage,
.standard_list_footer .pagination ul li span.activepage {
    background-color: #ddd;
}

table.separate_row_table>tfoot .pagination ul li a span,
.standard_list_footer .pagination ul li a span {
    display: block;
}
table.standard_table>tfoot .pagination ul li span.activepage,
table.standard_table>tfoot .pagination ul li span.totalpage {
    color:#158adc;
}
table.standard_table>tfoot .pagination ul li a:hover {
    color:#158adc;
    text-decoration:underline;
}
table.separate_row_table>tfoot .pagination ul li.page_button a:hover,
.standard_list_footer .pagination ul li.page_button a:hover {
    text-decoration: none;
}
table.separate_row_table>tfoot .pagination ul li a:hover, 
.standard_list_footer .pagination ul li a:hover {
    text-decoration:underline;
}


table.standard_table>tfoot .pagination ul li.page_button a {
    text-decoration:none;
    line-height:1.6em;
    margin: 0 0.2em 0.2em 0.2em;
    padding: 0.3em 0.7em 0.4em 0.7em;
    position: relative;
    border: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f7f7f7;
    text-shadow: none;
    font-weight: 600;
    font-size: 1em;
    cursor: pointer;
}

table.separate_row_table>tfoot .pagination ul li.page_button a:hover span,
.standard_list_footer .pagination ul li.page_button a:hover span,
table.standard_table>tfoot .pagination ul li.page_button a:hover span {
    text-decoration:none;
    color: #fff;
}
table.separate_row_table>tfoot .pagination ul li a:hover,
.standard_list_footer .pagination ul li a:hover,
table.standard_table>tfoot .pagination ul li.page_button a:hover {
    border-color: #008EC2; 
    background: #00bcff;
    color: #fff;
    text-decoration:none;
}

table.separate_row_table>tfoot .pagination ul li.page_button a:hover,
.standard_list_footer .pagination ul li.page_button a:hover {
    text-decoration:none;
}

/*Invisibilisation des pipes de la pagination*/
.standard_list_footer .pagination .pipe{
    display:none;
}

table.separate_row_table>tfoot .pagination ul li.page_button a:hover,
.standard_list_footer .pagination ul li.page_button a:hover {
    text-decoration:none;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #333333;
    display: block;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/*---------------------------------Media Queries*/
@media all and (max-width: 680px){
    .search-icons-text{
        font-size: 1.3rem;
    }
    .standard_list_footer .pagination .pages-1p-dist, .pages-2p-dist, .totalpages{
        display: none;
    }
}

@media all and (max-width: 1200px){
    .standard_list_footer .pagination .pages-2p-dist{
        display: none;
    }
}


/******************************************************************/
/*Ajout ici de tous les styles appliqués aux classes .sideSearchFormulaire (premier l.2636 de EJ.css) et .formulaire_classique (premier l.2545 de EJ.css) 
Dans l'ordre d'apparition dans EJ.css
ces lignes de code ont été retiré de EJ.CSS'*/

#modalform .formulaire_classique .formtxtbox,
.site-content .formulaire_classique .formtxtbox,
.modal .formulaire_classique .formtxtbox,
.modalLarge .formulaire_classique .formtxtbox{
    font-size: 1em;
}

.formulaire_classique,
.sideSearchFormulaire {/******************listes.css*/
    margin: 0 auto;
    font-size: 1.2em;
}

.nwl_wrappper .formulaire_classique {
    font-size: 1.7rem;
    width: calc(100% - 28px);
    padding: 0 1.5rem 3rem 1.5rem
}

.formulaire_classique fieldset {
    width: 100%;
    max-width: 71em;
    padding-bottom: 0.7em;
    margin-top: 1em;
}

.nwl_wrappper .formulaire_classique fieldset {
    max-width: 100%;
    margin: auto;
}

.nwl_wrappper .formulaire_classique .formtxtbox {
    width: 100%;
}

.sideSearchFormulaire fieldset { /****************listes.css*/
    width: auto;
    margin: 0.5em;
}
.formulaire_classique .formtxtbox fieldset {
    margin-top: 0;
}

.modal .formulaire_classique fieldset, 
.modal .sideSearchFormulaire fieldset,
.modalLarge .formulaire_classique fieldset, 
.modalLarge .sideSearchFormulaire fieldset{/*****************listes.css*/
    width: 100%;
    max-width: 100%;
}

.formulaire_classique fieldset legend {/*********************listes.css*/
    font-weight: bold;
    /* margin: 0 0 0 1.4em;*/
    padding: .7em .7em .2em .2em;
    border-bottom: 2px solid #008ec2;
    font-size: 1.15em; 
    width: 100%;
}

.nwl_wrappper .formulaire_classique fieldset legend {
    font-weight: bold;
    padding: .7rem .7rem .2rem .2rem;
    font-size: 2.8rem;
    width: 100%;
    color: #3b3b3b;
    margin-top: 0;
    margin-bottom: 2rem;   
    border-bottom: none;
}

.standard_list_search_panel fieldset legend {/*********************listes.css*/
    padding: 0.8em 0.5em;
    color: #666;
    border-bottom: 1px solid #CCC;
    width: 100%;
    margin-top: 0!important;
    font-weight: normal!important;
    margin-bottom: 0!important;
}


.formulaire_classique fieldset.premium legend {/*********************listes.css*/
    font-weight: bold;
    /* margin: 0 0 0 1.4em;*/
    padding: .7em .7em .2em .2em;
    border-bottom: 2px solid #FF981D;
    font-size: 1.15em; 
    color: #fff;
    width: 100%;
}

.formulaire_classique label.disabled>span {
    color: #999;
}

.formulaire_classique label>span:not(.number-input-buttons):not(.form-error),
.formulaire_classique span.label>span,
.formulaire_classique span.textlabel>span:first-child,
.sideSearchFormulaire label>span:not(.number-input-buttons),
.sideSearchFormulaire span.label>span,
.sideSearchFormulaire span.textlabel>span:first-child {/************************listes.css*/
    margin-top: 1.2em;
}

.formulaire_classique label>span:not(.number-input-buttons),
.formulaire_classique span.label>span,
.formulaire_classique span.textlabel>span:first-child,
.sideSearchFormulaire label>span:not(.number-input-buttons),
.sideSearchFormulaire span.label>span,
.sideSearchFormulaire span.textlabel>span:first-child { /************************listes.css*/
    margin-left: 0.3em;
    display: block;
    cursor: pointer;
    font-size: 1em; 
}

.sideSearchFormulaire label>span,
.sideSearchFormulaire span.label>span,
.sideSearchFormulaire span.textlabel>span:first-child {/************************listes.css*/
    color: #666;
    font-weight: bold;
}

.formulaire_classique span.textlabel>span.textlabelvalue,
.sideSearchFormulaire span.textlabel>span.textlabelvalue { 
    width: 100%;
    max-width: 71em;
    margin: 0.1em 0;
    padding: 0.5em 0.7em 0.5em 0.3em;
    font-size: 1em;
    height: 2.3em;
    display: block;
}

.nwl_wrappper .formulaire_classique span.textlabel>span.textlabelvalue {/*************************listes.css*/
    max-width: 100%;
}

.formulaire_classique label.date>span:not(:first-child),
.sideSearchFormulaire label.date>span:not(:first-child) {/************************listes.css*/
    margin-top: 0;
    margin-left: -42px;
    margin-right: 0!important;
    display: inline-block;
    cursor: pointer;
    font-size: 1em; 
}


@media screen { 
    @media (min-width: 0px) {

        .pushbutton {
            width: 100%;
            display: inline;
            padding: 0 !important;
        }
        /*
          Hide radio button (the round disc)
          we will use just the label to create pushbutton effect
        */
        .pushbutton input[type=radio] {
            display:none; 
            margin:10px;
        }

        .pushbutton input[type=radio] { 
            /* display:none; */
            position: absolute;
            left: -10000px;
        } /* to hide the checkbox itself */

        .pushbutton input[type=radio] + .inline:before {
            font-family: FontAwesome;
            display: inline-block;
            font-size: 1.2em;
            vertical-align: bottom;
            content: "\f10c"; 
            width: 1.5em;
            text-align: left; 
            font-weight: normal;
        } /* space between checkbox and label */

        .pushbutton input[type=radio]:checked + .inline:before { 
            content: "\f111";  /* checked icon */
            width: 1.5em;
            text-align: left; 
        } /* allow space for check mark */

        /*
          Change the look'n'feel of labels (which are adjacent to radiobuttons).
          Add some margin, padding to label
        */
        .pushbutton input[type=radio] + .inline {
            display: block;
            margin: .6em .5em .1em .5em !important;
            padding: .4em .85em;
            position: relative;
            text-decoration: none;
            border: 0;
            border: 1px solid #ccc;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            background: #f7f7f7;
            text-shadow: none;
            font-weight: 600;
            font-size: 0.9em;
            color: #333;
            line-height: 2.3em;            
        }
        /*
         Change background color for label next to checked radio button
         to make it look like highlighted button
        */
        .pushbutton input[type=radio]:checked + .inline { 
            border-color: #ccc;
            background: #e0e0e0;
        }
        .pushbutton input[type=radio]:not(:checked) + .inline:hover { 
            background: #eee;
        }
    } 
}

/* Nice File Input */
.formulaire_classique .standard_file_input {
    border: 1px solid #ddd;
    background: #fff;
    display: block;
    width: 100%;
    max-width: 71em;
    box-shadow: 0 0 0 2px #fff;
}

.nwl_wrappper .formulaire_classique .standard_file_input  {
    max-width: 100%;
}
.modal .formulaire_classique .standard_file_input,
.modalLarge .formulaire_classique .standard_file_input {
    max-width: 100%;
}
.formulaire_classique .standard_file_input.NFI-wrapper, 
.modal .formulaire_classique .standard_file_input.NFI-wrapper 
{
    margin-top: 0.1em;
}
.formulaire_classique .standard_file_input .NFI-button,
.modal .formulaire_classique .standard_file_input .NFI-button {
    height: 2.2em;
    line-height: 2.2em;
    background: #f7f7f7;
    color: #3b3b3b;
    width: 20%;
    font-weight: bold;
    border-right: 0.1em solid #ccc;
}
.formulaire_classique .standard_file_input .NFI-button:hover,
.modal .formulaire_classique .standard_file_input .NFI-button:hover {
    background: #008EC2;
    color: #fff;
}
.formulaire_classique .standard_file_input .NFI-filename,
.modal .formulaire_classique .standard_file_input .NFI-filename {
    display: block;
    width: 80%;
    height: 2.2em;
    margin: 0;
    padding: 0;
    border: none;
}
.formulaire_classique .standard_file_input .NFI-filename:focus,
.modal .formulaire_classique .standard_file_input .NFI-filename:focus {
    border: none;
}


.formulaire_classique, .sideSearchFormulaire {
    margin: 0 auto;
    font-size: 1.2em;
}
#modalform .formulaire_classique .formtxtbox, .site-content .formulaire_classique .formtxtbox, .modal .formulaire_classique .formtxtbox, .modalLarge .formulaire_classique .formtxtbox {
    font-size: 1em;
}


.modal .formtxtbox, .modalLarge .formtxtbox {
    padding: 1.1em 1%;
    width: auto;
}
#modalform .formtxtbox, .site-content .formtxtbox, .modal .formtxtbox, .modalLarge .formtxtbox, .full-container-cv .formtxtbox {
    background-color: #fff;
    border-left-width: 5px;
    border-left-color: #008ec2;
    border-left-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-right-style: solid;
    width: 100%;
    color: #32373c;
    padding: 1.1em .7em;
    margin-top: 1.1em;
    margin-bottom: 1.1em;
    font-size: 1.2em;
}
#modalform .formtxtbox, .site-content .formtxtbox, .full-container-cv .formtxtbox {
    max-width: 71em;
}

.nwl_info_section .formtxtbox,
.nwl_info_tellus .formtxtbox{
    display: flex; 
    align-items: center;
}

.nwl_info_tellus .formtxtbox.nwl_alert{
    border-left-color:#c62828;
}
.nwl_info_tellus .formtxtbox.nwl_warning{
    border-left-color:#ff9104;
}

.modal .formulaire_classique fieldset, .modal .sideSearchFormulaire fieldset, .modalLarge .formulaire_classique fieldset, .modalLarge .sideSearchFormulaire fieldset {
    width: 100%;
    max-width: 100%;
}

/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.ms-choice {
    display: block;
    width: 100%;
    max-width: 71em;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #ddd;
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
    background: none;

    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fff;
    color: #32373c;
    outline: 0;
    -webkit-transition: 50ms border-color ease-in-out;
    transition: 50ms border-color ease-in-out;
    margin: 0.1em;
    padding: 0.5em 0.7em;
    font-size: 1em;
    height: 2.3em;
    font-weight: normal;
}
.ms-choice.open {
    border-color: #5b9dd9;
    -webkit-box-shadow: 0 0 2px rgba(30,140,190,.8);
    box-shadow: 0 0 2px rgba(30,140,190,.8);
}
.ms-choice:focus {
    background: none;
    border-color: #5b9dd9;
    -webkit-box-shadow: 0 0 2px rgba(30,140,190,.8);
    box-shadow: 0 0 2px rgba(30,140,190,.8);
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    padding-left: 8px;
    line-height: 2.3em;
}

.ms-choice > span.placeholder {
    color: #999;
    opacity: 1;
    background-color: transparent;
    cursor: pointer;
}

.ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 25px;
    font: normal normal normal 14px/1 FontAwesome;
    padding-top: 0.7em;
}
.ms-choice > div::before {
    content: "\f0d7";
}
.ms-choice > div.open::before {
    content: "\f0d8";
}

.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
}

.ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-drop li.focused label {
    border: 0.5px dotted;
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
/*    
    background: #fff url('multiple-select.png') no-repeat 100% -22px;
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
*/
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop label span {
    margin-top: 0.2em !important;
}
.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    margin: 0.2em 0;
}

.ms-drop ul > li label.optgroup {
    background-color: #008EC2;
    color: #fff;
    padding: 0.2em 0.3em;
    font-weight: bold;
}

.ms-drop ul > li.ms-select-all label {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.ms-drop .ms-no-results {
    display: none;
}


@media screen and (max-width: 1000px) {

    .modal .formulaire_classique label.large-1,
    .modal .formulaire_classique span.label.large-1,
    .modal .formulaire_classique label.large-2,
    .modal .formulaire_classique span.label.large-2,
    .modal .formulaire_classique label.large-3,
    .modal .formulaire_classique span.label.large-3,
    .modal .formulaire_classique label.large-4,
    .modal .formulaire_classique span.label.large-4,
    .modal .formulaire_classique label.large-5,
    .modal .formulaire_classique span.label.large-5,
    .modal .formulaire_classique label.large-6,
    .modal .formulaire_classique span.label.large-6,
    .modal .formulaire_classique label.large-7,
    .modal .formulaire_classique span.label.large-7,
    .modal .formulaire_classique label.large-8,
    .modal .formulaire_classique span.label.large-8,
    .modal .formulaire_classique label.large-9,
    .modal .formulaire_classique span.label.large-9,
    .modal .formulaire_classique label.large-10,
    .modal .formulaire_classique span.label.large-10,
    .modal .formulaire_classique label.large-11,
    .modal .formulaire_classique span.label.large-11,
    .modal .formulaire_classique label.large-12,
    .modal .formulaire_classique span.label.large-12,
    .modalLarge .formulaire_classique label.large-1,
    .modalLarge .formulaire_classique span.label.large-1,
    .modalLarge .formulaire_classique label.large-2,
    .modalLarge .formulaire_classique span.label.large-2,
    .modalLarge .formulaire_classique label.large-3,
    .modalLarge .formulaire_classique span.label.large-3,
    .modalLarge .formulaire_classique label.large-4,
    .modalLarge .formulaire_classique span.label.large-4,
    .modalLarge .formulaire_classique label.large-5,
    .modalLarge .formulaire_classique span.label.large-5,
    .modalLarge .formulaire_classique label.large-6,
    .modalLarge .formulaire_classique span.label.large-6,
    .modalLarge .formulaire_classique label.large-7,
    .modalLarge .formulaire_classique span.label.large-7,
    .modalLarge .formulaire_classique label.large-8,
    .modalLarge .formulaire_classique span.label.large-8,
    .modalLarge .formulaire_classique label.large-9,
    .modalLarge .formulaire_classique span.label.large-9,
    .modalLarge .formulaire_classique label.large-10,
    .modalLarge .formulaire_classique span.label.large-10,
    .modalLarge .formulaire_classique label.large-11,
    .modalLarge .formulaire_classique span.label.large-11,
    .modalLarge .formulaire_classique label.large-12,
    .modalLarge .formulaire_classique span.label.large-12 {
        width: 100%; 
    }
}

div.accueil_right_panel .formtxtbox {
    margin-left: 0.7em; 
    margin-right: 0.7em; 
    width: auto;
    max-width: 100%;
}

#modalform {
    position: fixed; 
    top: 15em; 
    background-color: transparent; 
    z-index: 999; 
    width: 100%;
}

#modalform>div { 
    margin:0 auto; 
    max-width: 55em;
    background-color: rgb(252, 252, 252);
    border-radius: 1em;
    padding: 2em 2em 1em 2em;
    box-shadow: 10px 10px 5px 0px rgb(34, 34, 34);
}

@media (max-width: 680px) {/**********************Dupliqué dans listes-et-formulaires.css*/
    #modalform {
        top: 0; 
        bottom: 0;
        left: 0;
        right: 0;
    }
    #modalform>div {
        width: 100%;
    }
}

.tag_item { 
  background: #eee;
  border-radius: 0.3rem 0 0 0.3rem;
  color: #999;
  display: inline-block;
  height: 2.6rem;
  line-height: 2.6rem;
  padding: 0 2rem 0 2.3rem;
  position: relative;
  /*margin: 0 1rem 1rem 0;*/
  text-decoration: none;
}
.tag_item.tag_inline {
    margin-bottom: 0.5em;
    margin-right: 1em;
    padding: 0 2rem 0 1.8rem;
}
.tag_item.tag_selected {
    background-color: #ccc;
    color: #777;
}
.tag_item.tag_selected::after {
  border-left: 1rem solid #ccc;
}
/*modif nwl ajout css*/
tag_item::before {
  background: #fff;
  border-radius: 1rem;
  box-shadow: inset 0 0.1rem rgba(0, 0, 0, 0.25);
  content: '';
  height: 0.6rem;
  left: 1rem;
  position: absolute;
  width: 0.6rem;
  top: 1rem;
}
.tag_item::after {
  background: #fff;
  border-bottom: 1.3rem solid transparent;
  border-left: 1rem solid #eee;
  border-top: 1.3rem solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 2.6rem;
}

.tag_item {
    text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #eee;
    /*-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
    box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);*/
}

/*modif nwl*/
/*.tag_item:hover{
    background-color: #008ec2;
}*/

/*LIGNE MARQUEUR*/

/************************************************************************************/
/***************************** Autre Eléments communs *******************************/
/************************************************************************************/

/********************** BOUTONS POP UP ***************/
.header_button, .grid_button, .standard_button, .standard_sub_button {
    display: inline;
    margin: .3em .5em .3em 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    border: 0;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f7f7f7;
    text-shadow: none;
    font-weight: 600;
    font-size: 1.2em;
}
.header_button a,
.grid_button a,
.standard_button a,
.standard_sub_button a {
    display: block;
    padding: 0.3em 0.6em;
}

.header_button{
    float: left;
    top: -0.3em;
    margin: 0 0.5em 0 0em;
}

.standard_sub_button {
    top: -0.1em; 
    float: right;
    margin: 0;
    font-size: 0.9em;
    background: #e7e7e7;
}
.standard_sub_button a {
    padding: 0 0.6em;
}

th .header_button {
    float: none;
    display: inline-block;
    margin: 0 0 0 0.5em;
    top: 0;
    font-size: 1em;
}

.grid_button{
    float: left;
    margin: 0 0em 0.25em 0em;
}

#modalform .formtxtbox .standard_button,
.site-content .formtxtbox .standard_button,
.modal .formtxtbox .standard_button,
.modalLarge .formtxtbox .standard_button{
    font-size: 1em;
}

.header_button.default,
.grid_button.default,
.standard_button.default {/************listes.css*/
    border-color: #008EC2;
    background: #00bcff;
    color: #fff;
}

.header_button:hover,
.grid_button:hover,
.standard_button:hover,
.standard_sub_button:hover{
    border-color: #ccc;
    background: #ccc;
}
.header_button.default:hover,
.standard_button.default:hover,
.standard_sub_button.default:hover {/********************listes.css*/
    border-color: #008EC2;
    background: #008EC2;
    color: #fff;
}

.standard_button {

    display: inline-block;
    margin-top: 10px;
}

.standard_button a {
    display: block;
    padding: 0.1em 1.4em 0.1em;
    height: 2.2em;
    line-height: 1.9em;
}

.header_button.large,
.grid_button.large,
.standard_button.large {
    font-size: 1.5em; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.modal .communication
.standard_button.large {
    font-size: 1.9em; 
}

.header_button.large a,
.grid_button.large a,
.standard_button.large a{
    height: auto;
    line-height: 1em;
    padding: 1.5em 3.4em;
    text-align: center;
}

#page-title a, 
#dialog-title a, 
.header_button a, 
.grid_button a, 
.standard_button a, 
.standard_sub_button a {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
}
/********************** FIN BOUTONS POP UP ***************/

div.mce-edit-area {
    max-height: 300px;
    overflow: auto;
}

/************* image logo & banner pop up ****************/
#form_logo .nwl_add_logo{
    margin: auto;
    margin-bottom: auto;
    border: 1px solid #ccc;
    background-color:
    #ccc;
    border-radius: 9px;
    margin-bottom: 1rem;
    width: 180px;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#form_logo{
    max-width: 71em;
    text-align: center;
    margin: 0;
}

.nwl_logo_banner_thumbnail{
    max-width: 250px;
}
.nwl_form_validation_box{
    
}
.nwl_logo_banner_form_wrapper .textlabelvalue{
    display: flex;
    align-items: center;
}


.nwl_logo_banner_form_wrapper .formulaire_classique label.inline{
    margin-top: 0.7em;
    width: auto;
    height: 200px;
    display: flex;
    align-items: center;
    padding-right: 3rem;
    position: relative;
}
.nwl_logo_form_wrapper .formulaire_classique label.inline, 
.nwl_banners_form_wrapper .formulaire_classique label.inline, 
.sideSearchFormulaire label.inline label{
    height: 200px;
    max-width: 220px;
    padding-right: 3rem;
}

/*.nwl_logo_form_wrapper .inline.after{
    position: absolute;
}*/
.nwl_logo_form_wrapper img{
    max-width: 220px;
    max-height: 220px;
}
.nwl_logo_form_wrapper label.inline span.after:before{
    position: absolute;
    bottom: 0px;
    left: 50%;
    /*padding-top: 3rem;*/
}
.nwl_logo_form_wrapper label.inline{
    /*padding-right: 3rem;*/
}

.nwl_banners_form_wrapper span.textlabel.large-12{
    height: 500px;
    overflow: auto;
}

.nwl_banners_form_wrapper label.inline span.after:before{
    text-align: left;
    position: absolute;
    top: 50%;
}
.nwl_logo_thumbnail{
    margin-bottom: 2rem;
}
.nwl_logo_form_wrapper span.textlabel > span.textlabelvalue{
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    height: auto;
}
/*.nwl_logo_form_wrapper{
    text-align: left;
}*/
.nwl_logo_form_wrapper span{
    text-align: left;
}


/*.nwl_banner_add_form{
    border-bottom: 1px solid #ddd;
    margin-bottom: 3rem;
}*/
.modal ul.nwl_banners_form_wrapper:not(.fullheight){
    max-height: 57vh;
    overflow: auto;
    border: 1px solid #ededed;
}
ul.nwl_banners_form_wrapper{
    list-style: none;
}
ul.nwl_banners_form_wrapper hr{
    border-bottom: 1px solid #ccc;
    width: 45%;
    clear:both;
    margin:  3rem auto 2rem auto;
}

.nwl_banners_form_wrapper input[type="checkbox"] + .inline::before{
    position: absolute;
    top: 50%;
}


.formulaire_classique input[type=checkbox] + .nwl_checkbox:before{
/*.formulaire_classique input[type="checkbox"] + .nwl_checkbox::before*/
    content: "\f096";
    position: absolute;
    top: 50%;
    left: 1.5rem;
    text-align: left;
}

.formulaire_classique input[type=checkbox]:checked + .nwl_checkbox:before{
/*.formulaire_classique input[type="checkbox"]:checked + .nwl_checkbox::before*/
    content: "\f046";
    position: absolute;
    top: 50%;
    left: 1.5rem;
    text-align: left;
}

/*.formulaire_classique input[type=checkbox] + .inline:before,
.formulaire_classique  .ms-drop input[type=checkbox] + span:before,
.sideSearchFormulaire input[type=checkbox] + .inline:before,
    .sideSearchFormulaire  .ms-drop input[type=checkbox] + span:before { 
    content: "\f096";   unchecked icon 
    width: 1.4em;
    text-align: left;   space between checkbox and label 
}
.formulaire_classique input[type=checkbox]:checked + .inline:before,
.formulaire_classique  .ms-drop input[type=checkbox]:checked + span:before,
.sideSearchFormulaire input[type=checkbox]:checked + .inline:before,
    .sideSearchFormulaire  .ms-drop input[type=checkbox]:checked + span:before { 
    content: "\f046";  checked icon 
    width: 1.4em;
    text-align: left;  allow space for check mark 
} */


.nwl_banners_form_wrapper .nwl_banner_options input[type="checkbox"] + .inline::before{
    position: relative;
}
.nwl_checkbox_inner_wrapper{
    position: relative;
}
.nwl_banners_form_wrapper img{
    max-height: 200px;
    max-width: 100%;
    /*width: 90%;*/
    margin-left: 2.5rem;
}
@media screen and (max-width: 900px){
    .nwl_banners_form_wrapper img{
        margin-left:0;
    }
}

ul.nwl_banners_form_wrapper li div.nwl_banner_options{
    text-align: left;
}

.nwl_banner_options ul li:last-child label{
    display: flex;
    justify-content: space-around;
}


.nwl_banners_form_wrapper i.fa-window-close{
/*    position: absolute;
    top: 2rem;
    right: 3rem;*/
    vertical-align: top;
    color: #dd3838;
    font-size: 1.8rem;
}
.nwl_banners_form_wrapper i:hover{
    color: #ce3232;
}

/******  QUITTER MODE EDITION ******/
.nwl_quit_ed_mode_choices li span{
    font-size: 1.1em;
}

.nwl_quit_ed_mode_choices li .standard_button{
    margin-left: 2rem;
}
/*.nwl_quit_ed_mode_choices li .standard_button:hover{
    background-color: #008ec2;
}*/

.nwl_quit_ed_mode_choices li{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.nwl_quit_ed_mode_choices li i{
    font-size: 2.5rem;
    margin-right: 2rem;
}


.nwl_quit_ed_mode_choices li div:first-child{
    display: flex;
    align-items: center;
}
.nwl_phone_exit_info{
    display: none;
}

@media screen and (max-width: 680px){
        .nwl_quit_ed_mode_choices li .standard_button {
            margin: 0;
        }
        .nwl_quit_ed_mode_choices li div:last-child span:first-child,
        .nwl_quit_ed_mode_choices li div:last-child>i{
            display: none;
        }
        .nwl_quit_ed_mode_choices li div>i,      
        .nwl_quit_ed_mode_choices li div>span:first-child,              
        .nwl_quit_ed_mode_choices li div:last-child{
/*            position: absolute;
            top: 0;
            right: 0;*/
            display: none;
        }
}

/*Permet d'adater la taille du bouton à la hauteur du texte.'*/
.nwl_quit_ed_mode_choices .standard_button a{
    display: block;
    height: auto;
    text-align: center;
}

/***** Style vigette form liste ******/
.nwl_list_choix_block{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: auto;
/*    max-height: 70vh;*/
    /*overflow: auto;*/
}
.nwl_list_choix_block li a{
    text-decoration: none;
    color: #3b3b3b;
}
.nwl_list_choix_block li{
    width: 33%;
    margin-bottom: 2rem;
    padding: .5rem;
    border: 3px solid transparent;
}
.nwl_list_choix_block li img{
    width: 100%;
}
.nwl_list_choix_block li:hover{
    border: 3px solid #008ec2;
    border-radius: 5px;
}
.nwl_list_choix_block li figcaption{
    text-align: center;
    font-size: 1.7rem;
}
@media screen and (max-width:840px){
    .nwl_list_choix_block li{
        width: 50%;
    }
}
@media screen and (max-width:540px){
    .nwl_list_choix_block li{
        width: 100%;
    }
}

/* vignettes dans titre de formulaire*/
#nwl_h1_section_std_wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 970px;
}
#nwl_h1_section_std_wrapper span.nwl_vignettes_wrapper{
    display: flex;
    justify-content: space-around;
    flex-grow: 2;
    align-items: start;
}
#nwl_h1_section_std_wrapper span.nwl_text_wrapper{
    display: flex;
    align-items: center;
    flex-grow: 1;
    margin: 2rem 0;
}
h1 img.vignette_block{
    width: 100px;
    transition: all .25s;
    border-radius: 3px;
}
h1 img.vignette_block:hover{
    cursor: pointer;
}
h1 .standard img.vignette_block:not(.collapsed),
h1 .standard img.vignette_block:hover{
    background-color: #5194ff;
}
h1 .panel img.vignette_block:not(.collapsed),
h1 .panel img.vignette_block:hover{
    background-color: #772dff;
}
h1 .aside_stats img.vignette_block:not(.collapsed),
h1 .aside_stats img.vignette_block:hover{
    background-color: #10871d;
}
h1 .aside_citations img.vignette_block:not(.collapsed),
h1 .aside_citations img.vignette_block:hover{
    background-color: #ffd800;
}

/*----- FIN Style vigette form liste -------*/

/*fenêtre explication tell us pour citations et indicateurs*/
.nwl_info_tellus span.nwl_strong{
    font-weight: bold;
}
.nwl_info_tellus h4{
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: .5rem;
}
.nwl_info_tellus p{
    /*margin-top: 1rem;*/
}
.nwl_info_tellus a.btn{
    display: block;
    border-radius: .25rem;
    padding: 1rem;
    text-decoration: none;
    color: #fff;
}
.nwl_info_tellus a.btn.inviter_jeunes{
    background-color: #0070b4;
    color: #fff;
}
.nwl_info_tellus a.infos_tellus{
    background-color: #32373c;
    color: #fff;
} 
.nwl_info_tellus a.infos_tellus:hover{
    background-color: #1c1c1c;
    color: #fff;
}
.nwl_info_tellus a.btn.inviter_jeunes:hover{
    background-color: #00609b;
    color: #fff;
}