/******************************* template formulaire*****************************************************************/
fieldset.tx_annuaireavv_form button.tx_annuaireavv_btn_search {
    min-width     : 160px;
    display       : block;
    position      : relative;
    border-radius : 5px;
    margin        : 20px auto 12px auto;
}

fieldset.tx_annuaireavv_form > div {
    margin : 10px 10px 10px 25px;
    width  : 95%;
}

fieldset.tx_annuaireavv_form input[type=number] {
    width   : 100px;
    margin  : 0;
    padding : 10px;
    border  : 1px solid #ddddcf;
}


fieldset.tx_annuaireavv_form input#input_search {
    border      : 1px solid #ddddcf;
    cursor      : default;
    box-shadow  : 0 0 1px 0 #e8e8df;
    float       : left;
    font-style  : italic;
    width       : 80%;
    line-height : 20px;
    margin      : 15px 0;
}

label.tx_annuaireavv_divform {
    width          : 30%;
    display        : inline-block;
    margin-bottom  : 25px;
    vertical-align : middle;
}

label[name=CritereSuppl].tx_annuaireavv_divform {
    margin-bottom : 0;

}

label[for=hauteurUtile].tx_annuaireavv_divform {
    vertical-align : baseline;
}

label[for=epci_liste].tx_annuaireavv_divform {
    vertical-align : top;
    padding-top    : 10px;
}

label[for=presence_d_une_scene_scen].tx_annuaireavv_divform,
label[for=activite_liste].tx_annuaireavv_divform,
label[for=domaine_artistique_liste].tx_annuaireavv_divform,
label[for=commune_liste].tx_annuaireavv_divform,
div[name=switch] label.tx_annuaireavv_divform {
    vertical-align : top;
    padding-top    : 25px;
}

div[name=bouton] {
    margin : 15px 0;
}

label.tx_annuaireavv_divform {
    width         : 30%;
    display       : inline-block;
    margin-bottom : 25px;
}

div.tx_annuaireavv_divform {
    min-width : 200px;
    width     : 65%;
    display   : inline-block;
}

div.tx_annuaireavv_divform .optionParent {
    font-weight : bold;
    border-top  : 1px solid #f4f4f4
}

div.tx_annuaireavv_divform .optionChild {
    padding-left : 18px;
}

.select-options ul a {
    height : auto;
}

#hideshow {
    margin : auto;
}

fieldset.tx_annuaireavv_form select[multiple] {
    border        : 1px solid #ddddcf;
    cursor        : default;
    box-shadow    : 0 0 1px 0 #e8e8df;
    float         : left;
    font-style    : italic;
    width         : 80%;
    line-height   : 20px;
    margin-bottom : 15px;
}

fieldset.tx_annuaireavv_form input.hideshow {
    background-color : #f4f4f4;
    border           : 1px solid #cccccc;
    padding          : 5px;
    margin-top       : 10px;
    /*margin-left: 30%;*/
}

fieldset.tx_annuaireavv_form div.informationsCompl {
    padding       : 15px 50px;
    border        : 1px solid #cccccc;
    margin-bottom : 10px;
    display       : none;

}


.bulleAide {
    margin-left        : 20px;
    margin-bottom      : 4px;
    cursor             : pointer;
    border             : 1px solid #003C69;
    border-radius      : 50%;
    width              : 19px;
    height             : 19px;
    display            : inline-block;
    text-align         : center;
    color              : #ffffff;
    background-color   : #003C69;
    -webkit-transition : all 0.2s ease;
    -moz-transition    : all 0.2s ease;
    -o-transition      : all 0.2s ease;
    -ms-transition     : all 0.2s ease;
    transition         : all 0.2s ease;
    font-style         : normal;
    font-weight        : 700;
}


/******************************* template liste*****************************************************************/
div.tx_annuaireavv_divError {
    border        : 1px solid #ff4d4d;
    border-radius : 4px;
    font-weight   : bold;
    padding       : 15px;
    width         : 75%;
    margin        : 20px auto;
}

div.tx_annuaireavv_critrappel {
    background    : #fefefe;
    border        : 1px solid #e4e4e4;
    font-weight   : normal;
    color         : #353535;
    border-radius : 4px;
    padding       : 15px;
    width         : 75%;
    margin        : 20px auto;
}

div.tx_annuaireavv_critrappel h4 {
    margin-top : 0;
    color      : #004e86;
}

div.tx_annuaireavv_critrappel ul {
    padding    : 0 0 0 20px !important;
    list-style : none;
}

div.tx_annuaireavv_critrappel ul li:after {
    content : " " !important;
}

div.tx_annuaireavv_critrappel ul li i {
    color : #004e86;
}


#tx_avv_result_tabs {
    margin-top : 30px;
    display    : block;
    width      : 100%;
}

#tx_avv_result_tabs ul.tab {
    height        : 36px;
    display       : block;
    margin-top    : 20px;
    border-bottom : 1px solid #cccccc;
    padding       : 0;
}

#tx_avv_result_tabs ul li.tx_avv_tab_resultats {
    display     : inline;
    float       : left;
    height      : 36px;
    min-width   : 92px;
    text-align  : center;
    margin      : 0;
    border      : 1px solid #cccccc;
    width       : 50%;
    padding     : 5px 0;
    cursor      : pointer;
    font-size   : 18px;
    line-height : 22px;
}

#tx_avv_result_tabs ul li.tx_avv_tab_resultats:after {
    content : "";
}

#tx_avv_result_tabs ul li.tx_avv_tab_resultats:first-child {
    border-bottom    : 1px solid #fff;
    background-color : #fff;
    color            : #004e86;
    font-weight      : bold;
}

#tx_avv_result_tabs img.ico_type {
    height         : 20px;
    width          : auto;
    text-align     : center;
    opacity        : 0.70;
    vertical-align : top;
    padding-right  : 5px;
}

#affichage_resultat li.tx_avv_tab_resultats {
    display : none;
}

#affichage_resultat {
    border     : 1px solid #eaeaea;
    margin     : 0;
    width      : 100%;
    height     : auto;
    padding    : 5px;
    border-top : 0;
}

#affichage_resultat div.dt-buttons {
    margin : 10px;
}

#affichage_resultat div.dt-buttons button.buttons-print {
    border-radius    : 2px;
    background-color : #eaeaea;
    filter           : none;
    border           : 1px solid #cccccc;
    padding          : 10px;
    /*padding: 10px 10px 10px 30px;*/
    /*background-image: url("../Icons/print.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 8px 10px;*/
}


table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top : 1px solid #ddd;
    font-size  : 12px;
}

div.dataTables_length span.select-area {
    height      : 27px;
    line-height : 25px;
    width       : 63px !important;
    float       : right;
}

div.dataTables_length span.select-area .select-opener {
    background : no-repeat url(https://cdn.datatables.net/1.10.19/images/sort_both.png);
}

div.dataTables_length label {
    width       : 122px;
    line-height : 25px

}


div.dataTables_wrapper a.detail_click {
    cursor : pointer;

}

div.dataTables_filter label,
div.dataTables_length label {
    font-weight : normal;
}

div.dataTables_wrapper .dataTables_info,
div.dataTables_wrapper .dataTables_paginate {
    color     : #888;
    font-size : 0.9em;

}

div.dataTables_wrapper.dataTables_filter input[type="search"] {
    -webkit-appearance : searchfield;
}

div.dataTables_wrapper div[id$="-resultats_paginate"].dataTables_paginate .paginate_button {
    box-sizing      : border-box;
    display         : inline-block;
    min-width       : 1.5em;
    padding         : 0.2em 0.6em;
    text-align      : center;
    text-decoration : none !important;
    cursor          : pointer;
    border-radius   : 2px;
    color           : #64a0c8 !important;
}

div.dataTables_wrapper div[id$="-resultats_paginate"].dataTables_paginate .paginate_button.current,
div.dataTables_wrapper div[id$="-resultats_paginate"].dataTables_paginate .paginate_button.current:hover {
    color      : #333 !important;
    border     : 1px solid #cecece;
    background : #f9f9f9;
}

div.dataTables_wrapper div[id$="-resultats_paginate"].dataTables_paginate .paginate_button:hover {
    color      : #333 !important;
    border     : 1px solid #a0a0a0;
    background : #e4e4e4;
}

div.dataTables_wrapper table.dataTable thead th, div.dataTables_wrapper table.dataTable thead td {
    padding       : 10px 18px;
    border-bottom : 1px solid #9e9e9e;
}

div.dataTables_wrapper table.dataTable.no-footer {
    border-bottom : 1px solid #9e9e9e;
}


div.tx_annuaireavv_divform img.ico_type,
#liste-resultats img.ico_type {
    height     : 18px;
    width      : auto;
    text-align : center;
    opacity    : 0.70;
}

#tx_avv_liste_resultat {
    padding-top : 10px;
}

/*** style pour la carto **/
#tx_avv_carto_view {
    height  : 520px;
    width   : calc(100% - 14px);
    padding : 0;
    margin  : 0;
}

#tx_avv_carto_view div.esri-popup__inline-actions-container div.esri-popup__button {
    max-width : 25px;
}

#tx_avv_carto_view .esri-attribution__sources[role="button"], .esri-attribution__powered-by {
    font-size : 0.8em;
}

#tx_avv_carto_view .esri-attribution {
    line-height : 10px !important;
}

header.esri-popup__header h2.esri-popup__header-title img,
.esri-popup__feature-menu span.esri-popup__feature-menu-title img {
    max-height : 20px;
    max-width  : 25px;
    width      : auto;
}

/** pour IE **/
header.esri-popup__header h2.esri-popup__header-title img[alt^="Salle"],
.esri-popup__feature-menu span.esri-popup__feature-menu-title img[alt^="Salle"] {
    max-width : 17.5px;
}

/****/
/********fiche individuel de salle ou resosurce*********************************************************/
div.tx_avv_space {
    height  : 60px;
    width   : 100%;
    display : block;
}

#tx_avv_header_logo {
    display : none;
}

div.tx_avv_fiche_sc {
    border             : 1px solid #cccccc;
    background-color   : #ffffff;
    padding            : 12px;
    -moz-box-shadow    : 4px 4px 10px #cccccc;
    -webkit-box-shadow : 4px 4px 10px #cccccc;
    box-shadow         : 4px 4px 6px #cccccc;
    position           : relative;
    min-width          : 570px;
}

div.bordureEquipement {
    border : 1px solid #259dba70;
}

div.bordureAvv {
    border : 1px solid #bebd0070;
}

div.tx_avv_fiche_sc img.ico_type {
    height  : 26px;
    margin  : 0 5px;
    width   : auto;
    opacity : 0.70;
}

div.tx_avv_fiche_sc div.tx_avv_fiche_sc_img {
    position : absolute;
    right    : 10%;
    top      : 20px;
    width    : 180px;
    height   : 140px;

}

div.tx_avv_fiche_sc div.tx_avv_fiche_sc_img img {

    width         : 180px;
    border        : 1px solid #f0f0f0;
    margin-bottom : 5px;
}

div.tx_avv_fiche_sc div.tx_avv_fiche_sc_adresse {
    color       : #003c69;
    font-size   : 16px;
    line-height : 19px;
    margin-top  : 20px;
    height      : 70px;
}


#tx_avv_fiche_sc_tabs {
    margin-top : 30px;
    display    : block;
    width      : 100%;

}

#tx_avv_fiche_sc_tabs ul.tab {
    height        : 30px;
    display       : block;
    margin-top    : 20px;
    border-bottom : 1px solid #cccccc;

}

#tx_avv_fiche_sc_tabs ul li.tx_avv_fiche_onglet {
    display        : inline;
    float          : left;
    height         : 30px;
    min-width      : 92px;
    text-align     : center;
    padding        : 5px 0 0 0;
    margin         : 0;
    border         : 1px solid #cccccc;
    width          : 16%;
    vertical-align : bottom;
    cursor         : pointer;
}

#tx_avv_fiche_sc_tabs ul li.tx_avv_fiche_onglet:after {
    content : "";
}

#tx_avv_fiche_sc_tabs ul li.tx_avv_fiche_onglet:first-child {
    border-bottom    : 1px solid #fff;
    background-color : #fff;
    color            : #004e86;
    font-weight      : bold;
}

#tx_avv_fiche_sc_tabs ul li.tx_avv_fiche_onglet:not(first-child) {
    border-bottom    : 1px solid #cccccc;
    background-color : #F0F0F0;
}

#tx_avv_fiche_sc_tabs ul li.tx_avv_fiche_onglet:hover {
    border-bottom    : 1px solid #aaa;
    background-color : #dadada;
}

#tx_avv_fiche_sc_tabs ul li.tx_avv_fiche_ongletplus {
    width : 45%;
}

#tx_avv_fiche_sc_tabs ul li.tx_avv_fiche_PDF {
    text-align : center;
    overflow   : visible;
    position   : relative;
}

#tx_avv_fiche_sc_tabs ul li.tx_avv_fiche_PDF a {
    display : block;
}

#tx_avv_fiche_sc_tabs ul li.tx_avv_fiche_PDF img {
    bottom   : 5px;
    position : absolute;
    top      : -10px;
}


#tx_avv_fiche_sc_tabcontents {
    display     : block;
    padding-top : 20px;
    min-height  : 200px;
}

#tx_avv_fiche_sc_tabcontents table, div.tx_avv_blockprint table {
    width     : 100%;
    font-size : 14px;
}

#tx_avv_fiche_sc_tabcontents table th, #tx_avv_fiche_sc_tabcontents table td,
div.tx_avv_blockprint table th, div.tx_avv_blockprint table td {
    padding : 5px;
}

#tx_avv_fiche_sc_tabcontents table th, div.tx_avv_blockprint table th {
    min-width : 200px;
}

#tx_avv_fiche_sc_tabcontents table tr:nth-child(even), div.tx_avv_blockprint table tr:nth-child(even) {
    background-color : #f0f0f0
}

#tx_avv_fiche_sc_tabcontents table tr:nth-child(odd), div.tx_avv_blockprint table tr:nth-child(odd) {
    background-color : #FFF
}


#tx_avv_fiche_sc_tabcontents #tx_avv_photos ul.listing li {
    display : inline-block;
    padding : 0;
}

#tx_avv_photos ul.listing li:after {
    content : "";
}


#tx_avv_fiche_sc_tabcontents #tx_avv_photos img {
    border     : 1px solid #f0f0f0;
    max-width  : 150px;
    max-height : 120px;
    margin     : 10px;

}

#tx_avv_fiche_sc_tabcontents div.tabpanel table ul.listEnum > li,
div.tx_avv_blockprint table ul.listEnum > li {
    list-style-type     : none;
    overflow            : initial;
    list-style-position : inside;
    padding             : 0;
    margin              : 0;
}

#tx_avv_fiche_sc_tabcontents div.tabpanel table ul.listEnum > li:before,
div.tx_avv_blockprint table ul.listEnum > li:before {
    content : '- ';
}

#tx_avv_fiche_sc_tabcontents div.tabpanel table ul.listEnum > li > ul > li,
div.tx_avv_blockprint table ul.listEnum > li > ul > li {
    list-style-type     : circle;
    overflow            : initial;
    list-style-position : inside;
}

@media screen and (max-width : 769px) {
    label.tx_avv_divform {
        width     : 80%;
        display   : block;
        font-size : 1.2em;
    }

    div.tx_avv_divform {
        min-width : 200px;
        width     : 80%;
        display   : block;
    }

    div.tx_avv_divresult {
        font-size : 1.2em;
    }

    div.tx_avv_fiche_sc {
        padding   : 6px;
        min-width : 500px;
    }

    #tx_avv_fiche_sc_tabcontents table th {
        min-width : 120px;
    }

    #tx_avv_fiche_sc_tabs ul li.tx_avv_fiche_onglet {
        height         : 40px;
        vertical-align : middle;
    }

    #tx_avv_fiche_sc_tabs ul.tab {
        height : 40px;
    }
}

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

    #tx_avv_result_tabs ul.tab {
        display : none;
    }

    #affichage_resultat li.tx_avv_tab_resultats {
        display    : block;
        float      : initial;
        height     : 50px;
        min-width  : 150px;
        text-align : center;
        border     : 1px solid #cccccc;
        width      : 100%;
        padding    : 10px;
        cursor     : pointer;
        margin     : 10px 0;
        font-size  : 1.4em;
    }

    #affichage_resultat li.tx_avv_tab_resultats:first-child {
        border           : 0;
        background-color : #fff;
        color            : #004e86;
        font-weight      : bold;
    }


    #affichage_resultat .tx_avv_tab_resultats img.ico_type {
        height         : 20px;
        width          : auto;
        text-align     : center;
        opacity        : 0.70;
        vertical-align : top;
    }

    #affichage_resultat {
        padding : 0;
        border  : 1px solid #eaeaea;
    }

}

#map {
    padding    : 5px;
    width      : 100%;
    height     : 600px;
    box-shadow : 0 0 10px #999;
}

#info {
    padding     : 5px;
    width       : 100%;
    height      : 20px;
    font-family : "monospace";
    font-size   : 10px;
}

p.hautdepage {
    z-index  : 1;
    position : relative;
    left     : calc(90% - 25px);
}

.tx_annuaireavv_form #Formulaire {
    padding-top : 10px;
}

@media print {
    div.hidden-print {
        max-height : 0;
    !important
    }

    #content {
        padding : 0 !important;
        margin  : 0 !important;
    }

    #content .text {
        display    : none !important;
        max-height : 0 !important;
    }

    #content div.frame div.default > h2 {
        display    : none !important;
        max-height : 0 !important;
    }

    div.tx_avv_space {
        height : 2.7cm;
        width  : 100%;
    }

    #tx_avv_fiche_sc_tabs div.tx_avv_blockprint {
        page-break-before : avoid;
        orphans           : 2; /* pas de ligne seule en bas */
        widows            : 2; /* pas de ligne seule en haut */
        display           : block;
        padding-bottom    : 0.7cm;
    }

    #tx_avv_blockprint div.tabpanelPrint,
    #tx_avv_blockprint div.tabpanel {
        orphans : 2; /* pas de ligne seule en bas */
        widows  : 2; /* pas de ligne seule en haut */
    }

    /*a[href]:after{content:(" attr(href) ")}*/
    div.tx-cd56-annuaire-savv a[href]:after {
        content : ''
    }

    #tx_avv_header_logo {
        height  : 2.2cm;
        display : block;
    }

    #tx_avv_header_logo div {
        margin-top  : 0.5cm;
        margin-left : 1cm;
        display     : inline-block;
    }

    #tx_avv_header_logo img.tx_avv_logo {
        height  : 2cm;
        width   : auto;
        display : inline-block;
    }

    div.tx_avv_blockprint #tx_avv_photos img {
        border     : 1px solid #f0f0f0;
        max-width  : 16cm;
        max-height : 16cm;
        margin     : 1cm;
    }
}
