/*===================================================================================*/
/* =======================      ERMES CHARTE STANDARD     ========================== */
/*===================================================================================*/

html, body {
    width: 100%;
    overflow-x: hidden;
}
html {
    height: 100%;
}

.display-inline{
    display: inline;
}

body {
    position: relative;
    background-color: #B9C6CE;
    font-family: 'Segoe UI','SegoeUIWF',tahoma,Arial;
    /*fix drag bug : overflow-x: hidden !important;*/
	overflow: hidden !important;
    -ms-overflow-style: scrollbar;
}

body.holdings-modal-open {
    position: fixed;
}

body, div, th, td, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote {
    margin: 0;
    padding: 0;
}

body.modal-open {
    position: fixed;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
}

th, adress, caption, cite, code, dfn, em, strong, var {
    font-weight: normal;
    font-style: normal;
}

ul, ol {
    /*list-style-type: none;*/
}

li.bullet {
    margin-bottom: 8px;
}


li.bullet:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}

img, a img, fieldset {
    border: 0;
}

q:before {
    content: open-quote;
}

q:after {
    content: close-quote;
}

.dropdown-menu .divider {
    border-bottom: 0;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    outline: 2px dotted #000000;
}

/*________________________________________________________________________________*/

p {
    margin: 12px 0;
    padding: 0;
}

li input[type="checkbox"] {
    float: left;
    margin: 3px 6px 0;
}

.filters-dropdown li input[type="checkbox"] {
    float: none;
} 

/*________________________________________________________________________________*/

.x {
    overflow: auto;
}

.clear {
    clear: both;
}

.ermes-label {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*=================================================================================*/
/*                                                                                 STRUCTURE                                                                              */
/*=================================================================================*/

#global_header {
    background: url(images/charte/structure/global_header.png) repeat-x;
}

#header {
    position: relative;
    height: 173px;
    width: 100%;
    margin: 0 auto;
    background: none;
    z-index: 50;
}

div#global_contenu {
    position: relative;
    /*padding: 1px 0 50px;*/
    background: none;
    overflow: hidden;
}

#inner_content {
    background-color: #eaeaea;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#portal_EBA {
    position: relative;
    width: 990px;
    margin: 0 auto;
}

#ariane {
    margin: 4px 0 0 0;
}

/*==================================== HEADER ====================================*/

.profilBox {
    max-width: 230px;
    padding-left: 5px;
    padding-right: 5px;
    width: 230px;
}

    .profilBox .validation {
        margin-top: 8px;
    }


    .profilBox li a {
        text-align:left;
    }

.profil-box-header {
    background-color: #f2f0f1;
    border-radius: 4px 4px 4px 4px;
    list-style: none outside none;
    margin: 0 0 10px;
    padding: 8px 15px;
}

    .profil-box-header span {
        display: inline-block;
        text-shadow: 0 1px 0 #FFFFFF;
    }

.container {
    max-width: 1100px;
}

@media (min-width: 768px) {
    #search-panel .panel-body {
        padding-left: 0px;
    }
}

@media (max-width: 850px) {
    #share_social {
        display: none!important;
    }
}

#share_social {
    z-index: 10;
}

#logon-error-modal {
    color:inherit;
}

#logon-error-message a:hover{
    color:inherit;
}

#logon-error-message {
    float: left;
}

/*_________________________________ MENU CONNEXES ________________________________*/

#nav_connexe {
    height: auto;
    margin: 0 auto;
    min-height: 44px;
    padding: 7px 4px 10px;
}

.label-dropdown {
    margin-left: 5px;
}

#nav_connexe li.separateur span {
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #fff;
}

.header-banner-menu {
    line-height: 25px;
    max-width: 850px;
    text-align: right;
}

.all-link-connexe
{
    position:relative;
    display:inline-block;
}
/*________________________________________ WAI ____________________________________*/

#wai_eye {
    top: 0;
    opacity: 1;
}

/*_________________________________ MENU WELCOME _______________________________*/

#identite_utilisateur {
    color: #15BCEC;
    font-style: italic;
    padding-top: 8px;
    position: absolute;
    padding:4px;
}

/*_________________________________ MENU PRINCIPAL _______________________________*/

@media (min-width: 980px) {
    header {
        background-color: #1C1C1C;
        padding: 0 0 20px 0;
        margin-bottom: 10px;
    }
}

.navbar-collapse.bs-navbar-collapse {
    padding: 0;
}

/*_________________________________ RECHERCHE SITE _______________________________*/

.navbar-form .btn {
    font-size: 12px;
}

#textfield, .tt-hint {
    height: 36px;
    margin: 0;
}

@media (min-width: 768px) and (max-width: 979px)
{
    #notice_longue_description .dl-horizontal dt
    {
        float: none;
    }
    #notice_longue_description .dl-horizontal dd
    {
        margin-left: 0px;
    }
}

#notice_longue_description .dl-horizontal:not(:first-child) {
    margin-top: 20px;
}

#textfield::-ms-clear {
    display: none;
}

@media (max-width:979px) {
    .resultsListLabel {
        margin-top: 20px;
    }
}

#globalScenario {
    margin-bottom: 0;
}

#globalScenarioMobile {
    text-align: left;
}

.go-top-page {
    cursor: pointer;
}

/*_______________________________ RECHERCHE AVANCEE_____________________________*/

#ERMES20_FORM form.ermes_form {
    margin: 0;
}

/*==================================== CONTENU ===================================*/

#ariane span.texte {
    padding: 0 4px 0 0;
}

#ariane .actif {
    font-weight: bold;
}
/*===================================== FOOTER ===================================*/

footer {
    background-color: #4b494a;
    color: #F2F0F1;
    font-size: 18px;
    height: auto;
}

    footer .container {
        margin: 0px auto;
        padding: 20px 0px;
    }

        footer .container ul li {
            color: #F2F0F1;
            line-height: 20px;
        }

            footer .container ul li.LEVEL1 {
                font-weight: bold;
                margin-bottom: 40px;
                text-transform: uppercase;
            }

            footer .container ul li.LEVEL2 {
                font-weight: normal;
                text-transform: none;
            }

.footer-category {
    margin-bottom: 25px;
    margin-top: 25px;
}

/*================================= CONTENT =======================================*/

.global_content {
    position: relative;
}

.content {
    position: relative;
    margin: 10px 0;
}

.content_header {
    position: relative;
    padding: 4px;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    color: #eee;
    background: #888;
}

.content_corps {
    overflow: auto;
    position: relative;
    padding: 10px;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    background: #eeeeee;
}

@media (max-width:767px) {
    .content_corps {
        padding: 5px 0;
    }
}

.content_corps li {
    list-style: none;
}

li.staticMosaic {
    display: inline-block;
    list-style: none outside none;
    margin: 5px 0;
}

.content_footer {
    position: relative;
    height: 25px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    background: #cdcdcd;
}

.footer-icon-container {
    overflow: auto;
}

.footer-icon-container ul {
    display: inline;
    float: right;
    margin: 3px 10px 0 0;
}

.footer-icon-container li {
    float: left;
}

.footer-icon-container a {
    z-index: 45;
}

a span.cms-icon-rss,
a span.cms-icon-pdf,
a span.cms-icon-share,
span.toggleAutoPlayBtn {
    color: #333333;
    font-size: 20px;
    text-decoration: none;
}

span.toggleAutoPlayBtn {
    cursor: pointer;
}

    a.cms-icon-rss:hover,
    a.cms-icon-pdf:hover,
    a.cms-icon-share:hover,
    span.toggleAutoPlayBtn:hover {
        color: #222222;
    }

/*________________________________________________________________________________*/

h2 {
    font-family: Trebuchet MS, Trebuchet MS, sans-serif;
    font-weight: normal;
    font-size: 24px;
}

@media (max-width: 979px) {
    h2 {
        font-size: 20px;
    }
}

h2 a.export_pdf {
    float: right;
    margin: -8px 0 0 0;
}

/*==============================================================================*/
/*                                                                              NON EDITABLE                                                                       */
/*==============================================================================*/

/*============================ NAVIGATION  THEMATIQUE ===========================*/
#CurrentLexicons .content_header_gauche_haut {
    height: 100%;
}

#CurrentLexicons .content_header_droite_haut {
    height: 100%;
}

#CurrentLexicons .content_header_droite_bas {
    display: none;
}

#CurrentLexicons .content_header_centre {
}

#CurrentLexicons .content_corps {
    padding: 5px 10px;
    border: 1px solid #bfbfbf;
    border-bottom: none;
    background: #fff;
}

#CurrentLexicons .content_corps_gauche_haut,
#CurrentLexicons .content_corps_droite_haut {
    position: absolute;
    width: 5px;
    height: 5px;
}

#CurrentLexicons .content_corps_gauche_haut {
    left: -1px;
    top: -1px;
    background: url(images/charte/structure/css_1_content_corps_div.png) no-repeat left top;
    z-index: 10;
}

#CurrentLexicons .content_corps_droite_haut {
    right: -1px;
    top: -1px;
    background: url(images/charte/structure/css_1_content_corps_div.png) no-repeat right top;
    z-index: 10;
}

#CurrentLexicons .content_corps_gauche_bas,
#CurrentLexicons .content_corps_droite_bas {
    display: none;
}

#CurrentLexicons .content_footer {
    display: block;
    height: 15px;
}

#CurrentLexicons .content_footer_gauche_haut,
#CurrentLexicons .content_footer_droite_haut {
    display: none;
}

#CurrentLexicons .content_footer_gauche_bas {
    height: 100%;
    width: 50%;
    background: url(images/charte/structure/CSS_1_content_footer.png) no-repeat left bottom;
}

#CurrentLexicons .content_footer_droite_bas {
    height: 100%;
    width: 50%;
    background: url(images/charte/structure/CSS_1_content_footer.png) no-repeat right bottom;
}

#CurrentLexicons h2 {
    margin: 2px 0;
    font-size: 22px;
}

#lexiconsTargetDiv {
    margin: 10px 0 0 0;
}

div.backLink {
    display: inline-block;
    margin-bottom: 10px;
    background: url(images/charte/structure/thematique_retour.png) no-repeat left 0;
}

div.lexiconDeployLink {
    background: url(images/charte/structure/thematique_li.png) no-repeat left 0;
}

div.lexiconDeployLinkOff {
    background: url(images/charte/structure/thematique_li_off.png) no-repeat left 0;
}

div.smartLexiconsRow {
    padding: 4px 0 0 0;
    border: none;
    border-bottom: 1px solid #eeeeee;
}

div.lexiconLink {
    margin: 1px 2px 8px;
}
/*=============================== DERNIERS AVIS =================================*/

#LastComments {
    width: 220px !important;
}

    #LastComments .content_header_gauche_haut {
        height: 100%;
    }

    #LastComments .content_header_droite_haut {
        height: 100%;
    }

    #LastComments .content_header_droite_bas {
        display: none;
    }

    #LastComments .content_header_centre {
    }

    #LastComments .content_corps {
        padding: 5px 10px;
        border: 1px solid #bfbfbf;
        border-bottom: none;
        background: #fff;
    }

    #LastComments .content_corps_gauche_haut,
    #LastComments .content_corps_droite_haut {
        position: absolute;
        width: 5px;
        height: 5px;
    }

    #LastComments .content_corps_gauche_haut {
        left: -1px;
        top: -1px;
        background: url(images/charte/structure/css_1_content_corps_div.png) no-repeat left top;
        z-index: 10;
    }

    #LastComments .content_corps_droite_haut {
        right: -1px;
        top: -1px;
        background: url(images/charte/structure/css_1_content_corps_div.png) no-repeat right top;
        z-index: 10;
    }

    #LastComments .content_corps_gauche_bas,
    #LastComments .content_corps_droite_bas {
        display: none;
    }

    #LastComments .content_footer {
        display: block;
        height: 15px;
    }

    #LastComments .content_footer_gauche_haut,
    #LastComments .content_footer_droite_haut {
        display: none;
    }

    #LastComments .content_footer_gauche_bas {
        height: 100%;
        width: 50%;
        background: url(images/charte/structure/CSS_1_content_footer.png) no-repeat left bottom;
    }

    #LastComments .content_footer_droite_bas {
        height: 100%;
        width: 50%;
        background: url(images/charte/structure/CSS_1_content_footer.png) no-repeat right bottom;
    }

    #LastComments h2 {
        margin: 2px 0;
        font-size: 22px;
    }

/* ================================== SELECTIONS =============================== */

.ermes_medias_selection_comment {
    font-size: 14px;
    font-style: normal;
    color: #000;
}

    .ermes_medias_selection_comment:first-letter {
        text-transform: uppercase;
    }

.ermes_medias_ressource_publisher {
    color: #a5b213;
}

.see_all_results_SelectFrame,
.see_all_results {
    margin-top: 10px;
}

/*Cacher les checkbox sur la page selection.aspx*/
.selectionPortal .select {
    display: none !important;
}

/*============================= MULTI SELECTION ===============================*/

#multi_selection_simple.no_float,
#multi_selection.no_float {
    position: static;
    margin-top: 15px;
}

#multi_selection_simple,
#multi_selection {
    max-width: 300px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 0 10px 10px 0;
    z-index: 100;
}

    #multi_selection_simple .content,
    #multi_selection .content {
        margin: 0;
    }

    #multi_selection_simple .content_corps_centre,
    #multi_selection .content_corps_centre {
        max-height: 400px;
        overflow: auto;
        overflow-x: hidden;
    }

    #multi_selection_simple .content_header {
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
    }

    #multi_selection .panel-body {
        max-height: 250px;
        overflow-y: auto;
    }

/*=========================== MULTI SELECTION  REDUCED ==============================*/

div#xmulti_selection_simple {
    position: absolute;
    top: 20px;
    left: 20px;
}
/*______________header___________________*/

#multi_selection_simple h2 {
    font-size: 16px;
    margin: 2px 25px 0 0;
}

#multi_selection_simple li a.supp {
    background: url(images/charte/icones/icones_12.png) no-repeat left -14px;
}

#multi_selection_simple .bouton_detail {
    color: #FFF;
    font-size: 18px;
    text-decoration: none;
}
/*______________corps___________________*/

#multi_selection_simple span.selection_documents_label {
    display: none;
}

#multi_selection_simple li a.bouton {
    margin: 2px;
}
/*____________footer___________________*/

#multi_selection_simple .content_footer a {
    display: block;
    float: left;
    height: 15px;
    width: 16px;
    text-indent: -9999px;
    cursor: pointer;
}

/*===================== MULTI SELECTION  ENLARGED ================================*/

/*______________header___________________*/

#multi_selection h2 {
    margin: -1px 20px 0 0;
    padding: 4px 0;
    text-align: left;
    font-size: 16px;
    line-height: 16px;
}

#multi_selection .bouton_detail {
    color: #FFF;
    font-size: 18px;
    text-decoration: none;
}

#multi_selection.no_float a.bouton_detail {
    display: none;
}
/*______________corps___________________*/

#multi_selection .panel-body li {
    margin-bottom: 5px;
    word-wrap: break-word;
}

#multi_selection a.removeItem, #multi_selection button.removeItem {
    margin-left: 2px;
}

/*____________footer___________________*/

#multi_selection .content_footer span {
    display: none;
    float: left;
    color: #2f2f31;
    margin: 6px 5px 0 0;
}

#multi_selection .search-icon-container--icon {
    background: none;
    color: #333333;
    cursor: pointer;
    float: left;
    font-size: 20px;
    margin-right: 10px;
    text-decoration: none;
}

#multi_selection .search-icon-container--icon:hover {
        color: #444444;
    }

#multi_selection .content_footer a.selection_export_pdf {
    background: url(images/charte/structure/multi_selection_actions_a.png) no-repeat center -124px;
}

#multi_selection li a.bouton {
    margin: 2px;
}

#multi_selection .content_footer a.imprimer {
    background: url(images/charte/icones/icones_16.png) no-repeat left -17px;
}

    #multi_selection .content_footer a.imprimer:hover {
        background-position: -17px -17px;
    }

/*====================== OPTIONS RECHERCHE SEMANTIQUE ============================*/

#tag_cloud ul {
    margin: 10px 0 0;
}

#tag_cloud li {
    display: inline;
    margin: 1px 5px;
}

    #tag_cloud li a {
        padding: 0;
        background: none;
        cursor: pointer;
    }

#tag_cloud .highlight {
    color: #888;
}

/*============================= OPTIONS RESULTAT =================================*/

.holding,
.holdings-component .subscription {
    background-color: #E5E5E5;
    border: 1px solid #CDCDCD;
    border-top: 0 none;
    border-radius: 4px 4px 4px 4px;
    display: block;
    margin-bottom: 10px;
    padding: 8px 15px;
}

.holding h4,
.holdings-component .subscription h4 {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-decoration: none;
}

.holding img,
.holdings-component .subscription img {
    margin-top: -3px;
    margin-right: 2px;
}

.btn-holding {
    margin-top: 5px;
}

#facet_container {
    clear: both;
}

    #facet_container li.pz2Source {
        list-style-type: none;
    }

    #facet_container .facetSuggest {
        margin-top: 5px;
    }

        #facet_container .facetSuggest li {
            display: inline-block;
            margin: 4px;
        }

            #facet_container .facetSuggest li > a {
                padding: 10px;
                white-space: normal;
                word-break:break-all;
            }

        #facet_container .facetSuggest > li > a > span {
            white-space: normal;
        }

    #facet_container li.pz2Source a {
        background: none;
    }

     #facet_container li.pz2Source span.xtargets-working {
         color: #999;
     }
     #facet_container li.pz2Source span.xtargets-idle {
         color: #65b070;
     }
     #facet_container li.pz2Source span.xtargets-error {
         color: #d94545;
     }
     

.facet-search-field {
	padding: 0 10px;
	position: relative;
}

.facet-search-icon {
	position: absolute;
	right: 15px;
	top: 5px;
}

.facet-search-term {
	font-size: 12px;
	height: 30px;
	padding: 0 5px;
	width: 100%;
	border-radius: 0;
}

.facet-controls {
    margin: 5px;
    text-align: center;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
}

.facet-collapse {
    border-left: 1px solid #DDDDDD;
    padding: 0 5px;
}

#facet_container button.facet-see-less {
    display: none;
}

#facet_container li.facet-item-hidden {
    display: none;
}

#facet_container a {
    text-decoration: none;
}

#facet_container input[type="checkbox"] {
    height: 30px;
    margin: 0 5px;
}

#facet_container a:hover {
    background-color: transparent;
}

#facet_container .facetSuggest a:hover {
    background-color: #67AC9E;
}

    #facet_container a.accordion-toggle {
        color: #333333;
    }

    /* Message d'erreur pazpar2 facettes */
#facet_container .pz2-facet-error {
    padding: 4px;
    /*display: none;*/
    margin: 0 6px 4px 10px;
    word-wrap:break-word;
}

    #facet_container .pz2-facet-error-message {
        font-weight: 700;
    }

    #facet_container .pz2-facet-error-detail {
        display:none;
    }

    #facet_container li.pz2Source.show-error .pz2-facet-error-detail {
        display: block;
    }

#facet_container li.pz2Source .pz2-facet-error i {
    cursor: pointer;
}

#facet_container li.pz2Source .pz2-facet-error i.fold {
    display: none;
}
#facet_container li.pz2Source .pz2-facet-error i.unfold {
    display: block;
}
#facet_container li.pz2Source.show-error .pz2-facet-error i.fold {
    display: block;
}

#facet_container li.pz2Source.show-error .pz2-facet-error i.unfold {
    display: none;
}

    /*============================ OPTIONS SUGGESTION ================================*/
    #options_suggestion .content_corps {
        padding: 5px 10px;
        border: 1px solid #bfbfbf;
        border-bottom: none;
        background: #fff;
    }

#options_suggestion .content_footer {
    display: block;
    height: 15px;
}

#options_suggestion h2 {
    margin: 2px 0;
    font-size: 22px;
}

#options_suggestion ul.suggestion {
    margin: 20px 0 0;
    overflow: hidden;
}

#options_suggestion li {
    padding: 0;
    background: none;
    clear: both;
}

    #options_suggestion li img {
        float: left;
        margin: 0 10px 0 0;
        max-width: 50px;
    }

#options_suggestion a {
    text-decoration: none;
}

    #options_suggestion a.rebound_see_all span {
        display: inline-block;
        margin: 15px 0 0;
        padding: 0 10px 2px;
        -moz-border-radius: 8px;
        color: #2f2f31;
        background: #cad732;
    }

    #options_suggestion a.rebound_see_all:hover span {
        color: #fff;
        background: #2f2f31;
    }

/*============================ OPTIONS DOCUMENT =================================*/

#options_document .content_corps {
    padding: 5px 10px;
    border: 1px solid #bfbfbf;
    border-bottom: none;
    background: #fff;
}

#options_document .content_footer {
    display: block;
    height: 15px;
}

#options_document h2, #documents_memorises h2 {
    margin: 2px 0 2px 5px;
}

#options_document h3 {
    position: relative;
}

    #options_document h3 a.bouton {
        display: inline-block;
        position: absolute;
        right: 4px;
        top: 4px;
        height: 14px;
        width: 14px;
    }

#options_document li {
    line-height: 10px;
    padding-bottom: 2px;
}

    #options_document li.view-all {
        line-height: 20px;
    }

    #options_document li.on {
        padding: 0 0 0 10px;
        font-weight: bold;
    }

    #options_document li a {
        vertical-align: text-bottom;
    }

        #options_document li a.selected {
            font-weight: bold;
        }

        #options_document li a.bouton {
            display: inline-block;
            height: 14px;
            width: 14px;
        }

        #options_document li a strong {
            padding: 0 0 0 4px;
        }

        #options_document li a.plus {
            background: url(images/charte/icones/icones_12.png) no-repeat left top;
        }

        #options_document li a.supp {
            background: url(images/charte/icones/icones_12.png) no-repeat left -14px;
        }

#options_document input {
    height: auto;
}

/*Pas d'ajout à la sélection depuis la sélection */
#documents_memorises li.ajouter_selection {
    display: none;
}

/*Pas de capture depuis la sélection */
#documents_memorises li.captureNotice {
    display: none;
}

/*============================= EXTRAIT AVIS =================================*/

#extrait_avis .content_corps {
    padding: 5px 10px;
    border: 1px solid #bfbfbf;
    border-bottom: none;
    background: #fff;
}

#extrait_avis .content_footer {
    display: block;
    height: 15px;
}

#extrait_avis h2 {
    margin: 2px 0;
    font-size: 22px;
}

#extrait_avis .extrait {
    padding: 1px 0 0 0;
}

#extrait_avis p {
    margin: 10px 0 0 0;
    text-align: justify;
}

    #extrait_avis p span {
        display: inline-block;
        padding: 0 0 10px 25px;
        text-align: justify;
        background: url(images/charte/icones/extrait.png) no-repeat 2px 2px;
    }

#extrait_avis .lien {
    padding: 2px 0 0 0;
    text-align: right;
}

/*============================ RECHERCHE AVANCEE =================================*/

#recherche_avancee p.texte {
    margin: 15px 0;
}

#recherche_avancee li {
    margin: 10px 0 0 0;
}

#recherche_avancee .recherche_multi_champs {
    padding: 13px 13px 0 13px;
    background: transparent url(images/charte/structure/recherche_multi_champs.png) no-repeat;
}

#recherche_avancee .recherche_multi_champs_bas {
    height: 22px;
    background: transparent url(images/charte/structure/recherche_multi_champs.png) bottom;
}

#recherche_avancee label {
    display: block;
    float: left;
    width: 150px;
    margin: 0 10px 0 0;
    padding: 2px 0 0 0;
    font-weight: bold;
    text-align: right;
}

    #recherche_avancee label.reset {
        width: auto;
    }

    #recherche_avancee label.texte {
        font-weight: normal;
    }

#recherche_avancee .champ_texte {
    width: 350px;
    border: 1px solid #bababa;
    background: #fff;
}

#recherche_avancee .recherche_multi_champs a.bouton {
    display: inline-block;
    height: 14px;
    width: 14px;
    text-indent: -9999px;
}

#recherche_avancee .recherche_multi_champs a.plus {
    background: url(images/charte/icones/icones_12.png) no-repeat;
}

#recherche_avancee .champ_texte_date {
    float: left;
    width: 40px;
    margin: 0 15px 0 0;
    border: 1px solid #bababa;
    background: #fff;
}

#recherche_avancee #date2.reset {
    float: none;
}

#recherche_avancee .fonctions {
    text-align: center;
}

    #recherche_avancee .fonctions a.bouton {
        display: inline-block;
        height: 24px;
        margin: 20px;
        color: #fff;
        text-decoration: none;
        background: url(images/charte/structure/bouton_a.png) no-repeat;
    }

        #recherche_avancee .fonctions a.bouton:hover {
            background: url(images/charte/structure/bouton_a_o.png) no-repeat;
        }

        #recherche_avancee .fonctions a.bouton span {
            display: block;
            height: 24px;
            margin: 0 0 0 10px;
            padding: 0 10px 0 0;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            line-height: 22px;
            background: url(images/charte/structure/bouton_span.png) no-repeat right top;
        }

        #recherche_avancee .fonctions a.bouton:hover span {
            background: url(images/charte/structure/bouton_span_o.png) no-repeat right top;
        }


/*============================= RESULTATS LISTE ====================================*/

#criteres_recherche {
    margin-bottom: 5px;
    padding: 2px 0;
}

@media (max-width:767px) {
    #criteres_recherche {
        padding: 2px 5px;
    }
}

#criteres_recherche .original_query {
    font-style: italic;
    margin-top: 10px;
}

#criteres_recherche p {
    float: left;
    margin: 2px 10px 0 0;
    line-height: 18px;
    font-weight: bold;
}

#criteres_recherche .back-to-form-btn {
    margin-bottom: 5px;
}

.taille_page {
    margin: 0;
    position: absolute;
    right: 10px;
}

.pageSize {
    width: auto;
}

.facet-icon {
    margin-right: 8px;
}

#criteres_recherche li a > span,
#criteres_recherche li a span.query_edit,
#criteres_recherche li a span.advanced_search_form,
#criteres_recherche li a span.query_remove,
#criteres_recherche li a span.facet_remove,
#criteres_recherche li a span.grouping-remove,
#criteres_recherche li a span.tag_term_remove {
    padding: 0 2px;
}

#criteres_recherche li a span span.query_edit,
#criteres_recherche li a span span.advanced_search_form,
#criteres_recherche li a span span.query_remove,
#criteres_recherche li a span span.facet_remove,
#criteres_recherche li a span.grouping-remove,
#criteres_recherche li a span span.tag_term_remove {
    height: 8px;
    width: 8px;
    margin: 0 0 0 4px;
    padding: 0;
}

#criteres_recherche li a span span.query_remove,
#criteres_recherche li a span span.facet_remove,
#criteres_recherche li a span span.grouping-remove,
#criteres_recherche li a span span.tag_term_remove {
    background: url(images/charte/icones/critere_span_span.png) no-repeat;
}

#criteres_recherche li a span span.query_edit,
#criteres_recherche li a span span.advanced_search_form {
    height: 18px;
    width: 16px;
    margin: 0 0 0 4px;
    padding: 0;
    background: url(images/charte/icones/loupe.png) no-repeat left top;
    vertical-align: middle;
}

#criteres_recherche li a#capture_search span {
    color: white;
}

.label-facet, .label-date {
    display: inline-block;
}

.capture {
    display: inline;
}

.myaccount-loans .vignette_document img.ermes-thumb,
#resultats_recherche .vignette_document img.ermes-thumb,
#documents_memorises .vignette_document img.ermes-thumb,
.reservation-results .vignette_document img.ermes-thumb,
.loan-results .vignette_document img.ermes-thumb,
.provision-results .vignette_document img.ermes-thumb,
.webframe-ermes-lastcomments .vignette_document img.ermes-thumb,
.webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb {
    width: 80px;
}

#notice_longue .vignette_document img.ermes-thumb {
    max-width: 120px;
}

@media (max-width:767px) {
    #notice_longue .vignette_document img.ermes-thumb {
        width: 90px;
    }
}

.advanceSearchMargin {
    margin-right: 20px;
}
    .advanceSearchMargin button.ermes_clear {
        margin-left: 5px;
    }
/*__________________________________Navigation____________________________________*/

#resultats_recherche #navigation {
    margin: 8px 0;
}

.navigation-page {
    margin: 5px 0;
}

    .navigation-page .pagination {
        margin: 0;
    }

#description_resultats {
    margin: 7px 0 0;
    font-weight: bold;
}

.pazparError, .noResult {
    padding: 0 15px 0 30px;
}

.pagination_resultats {
    display: inline;
    padding: 0;
    background: none;
}

    .pagination_resultats li {
        display: inline;
        padding: 0;
        background: none;
    }

        .pagination_resultats li .actuel {
            font-size: 14px;
            font-weight: bold;
            margin-left: 15px;
            background: #999;
            color: #fff;
        }

        .pagination_resultats li a {
            padding: 0;
            text-decoration: none;
            background: none;
        }

            .pagination_resultats li a span, .pagination_resultats li span.actuel {
                display: inline-block;
                margin: 0 4px;
                padding: 0px 4px 0px 4px;
                border: 1px solid #c7c6c6;
                color: #191919;
                background: #f2f0f1;
            }

            .pagination_resultats li a.bouton {
                display: inline-block;
                height: 14px;
                width: 14px;
                margin: 0 2px;
                font-weight: normal;
                text-indent: -9999px;
            }

.pagination-container {
    text-align: center;
}

.precedent:hover, .suivant:hover {
    text-decoration: none;
}

.criteres_tri {
    clear: both;
    margin: 8px 0 0;
    padding: 5px;
    border: 1px solid #bababa;
    background: #808080;
    display:inline-block;
    width:100%;
}

    .criteres_tri label.label-tri {
        color: #FFF;
        font-weight: bold;
        margin: 0 5px;
    }

    .criteres_tri .icone {
        height: 24px;
        margin: 0;
        position: absolute;
        width: 24px;
    }

/*___________________________________Resultats____________________________________*/

#resultats > ul > li {
    position: relative;
    margin: 0;
    padding: 8px;
    border-bottom: 1px solid #d3d3d3;
    background: #fff;
}

#resultats ul.metadata-actions li {
    position: static;
    padding: 5px 0;
    border: none;
}

ul.metadata-actions > li > button, ul.metadata-actions > li > a, .memoriser > button, .modify-selection {
    height: 40px;
    width: 40px;
}

@media (max-width:767px) {
    .memoriser > .dropdown-menu.pull-right {
        left: 0;
        right: auto;
    }
}

#resultats ul li.panier {
    overflow: inherit;
}

#resultats > ul > li.on {
    background-color: #f2f0f1;
}

#resultats .numerotation {
    display: block;
    height: 15px;
    width: 35px;
    float: left;
    font-size: 14px;
    text-align: center;
}

#resultats .chevron-search {
    position: absolute;
    right: 2px;
    top: 45%;
}

#resultats .notice_corps {
    padding: 0 10px 0 0;
}

    #resultats .notice_corps .date {
        font-style: italic;
    }

    #resultats .notice_corps .short-abstract > div > p:after {
        content: "...";
    }

#documents_memorises .vignette_container,
#resultats_recherche .vignette_container,
#resultats_detail .vignette_container {
    float: left;
}

.vignette_document a {
    padding: 0;
    background: none;
}

.addthis_toolbox span.at300bs{
    margin-right: 0px;
}

.vignette_document {
    display: block;
    position: relative;
    float: left;
    margin: 0 10px 4px 0;
}

.detail_static_container {
    margin-top: 10px;
}

.vignette_document .icon-new {
    background-color: #333333;
    bottom: -3px;
    color: #F2F0F1;
    font-size: 10px;
    padding-left: 4px;
    position: absolute;
    right: -3px;
}

#resultats .select {
    background-color: #BEB6B4;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

    #resultats .select input[type="checkbox"], #resultats .select .hover_qtip {
        float: right;
    }

    #resultats .select .hover_qtip {
        margin: 50px 0;
        width: 20px;
        height: 20px;
        background: url(images/charte/icones/zoom_image.png) no-repeat left top;
    }

@media (max-width: 767px) {
    .notice_corps .media, .notice_corps .media-body {
        overflow: visible;
    }

    .notice_container {
        cursor: pointer;
    }
}

@media (min-width:768px) {
    .notice.notice_courte, .statut, .statut-disabled, .statut-primaryDoc {
        margin-right: 40px;
    }
}

#resultats .notice_courte .notice_corps h3 {
    cursor: pointer;
}

#resultats .notice_courte .notice_corps.deleted-resource h3 {
    cursor: auto;
}

#resultats .notice_courte .notice_metadata {
    background: none repeat scroll 0 0 #e5e5e5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 0 #999999;
    padding: 5px;
}

@media (max-width: 767px) {
    #resultats .notice_courte .notice_metadata {
        margin-top: 10px;
    }
}

.notice_metadata .new-item,
.notice_metadata .current-event-label {
    font-size: 11px;
    margin-bottom: 5px;
}

.notice_courte .deleted-resource-info {
    padding: 5px;
}

.avis-paragraph {
    float: left;
}

.notice_avis {
    margin: 4px 0;
}

.notice_courte .metadata-actions li {
    font-size: 12px;
}

.notice_courte .evaluation {
    margin: 0;
}

.evaluation {
    display: inline-block;
    height: 15px;
    width: 73px;
    text-indent: -9999px;
    vertical-align: middle;
    background: url(images/charte/icones/etoiles.png) no-repeat left top;
}

.etoiles_1 {
    background: url(images/charte/icones/etoiles.png) no-repeat left -13px;
}

.etoiles_2 {
    background: url(images/charte/icones/etoiles.png) no-repeat left -26px;
}

.etoiles_3 {
    background: url(images/charte/icones/etoiles.png) no-repeat left -39px;
}

.etoiles_4 {
    background: url(images/charte/icones/etoiles.png) no-repeat left -52px;
}

.etoiles_5 {
    background: url(images/charte/icones/etoiles.png) no-repeat left -65px;
}

.avis {
    font-size: 12px;
    font-weight: normal;
}

#resultats .description {
    font-style: italic;
}

#resultats .notice_courte p {
    margin: 2px 0;
}

.themes .well {
    float: left;
    width: 100%;
}

#resultats .actions .themes,
#resultats_detail .actions .themes {
    margin-top: 5px;
}

#resultats .notice .actions .themes ul li a.tag_label,
#resultats_detail .notice .actions .themes ul li a.tag_label {
    color: #616161;
    font-size: 11px;
    padding: 0;
    margin-right: 0;
    text-shadow: none;
}

div.labels .icon-remove {
    cursor: pointer;
}

#resultats .selections > span, #resultats .labels > span, #resultats_detail .selections > span, #resultats .statut > span {
    float: left;
    margin: 0 5px 0 0;
    line-height: 26px;
    font-weight: bold;
}

#resultats .selections li a {
    padding: 0;
}

#resultats .labels li a.selected {
    font-weight: bold;
}

.label_label {
    color: #fff;
}

.labels li {
    display: inline;
}

#multi_selection li a.bouton, #resultats .selections li a.bouton, #resultats .labels li a.bouton {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin: 4px 2px;
    font-weight: normal;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999px;
}

#resultats .themes li .tagit-new {
    margin: 0 10px 0 0;
}

#resultats .themes li .tagit-input {
    margin: 0;
}

#resultats .themes li a.tagit_ok {
    float: none;
}

.plus {
    background: url(images/charte/icones/icones_12.png) no-repeat left top;
}

.voir {
    background: url(images/charte/icones/icones_12.png) no-repeat left -28px;
}

.statut label,
.statut-disabled label {
    padding: 0 5px 0 0;
}

.grouped_result_text .statut, .grouped_result_text .statut > div {
    display: block;
    font-size: 80%;
}

.statut,
.statut-disabled,
statut-primaryDoc {
    clear: both;
    overflow: hidden;
}

.no-holding .label:empty {
    display: inline-block;
}

.indicator {
    padding: 5px 10px;
}

    .indicator .icone {
        position: absolute;
        height: 24px;
        width: 24px;
        margin: 0;
    }

    .indicator .label-holding {
        line-height: 24px;
        font-weight: bold;
    }

    .indicator.all-loaned,
    .indicator.not-available-here,
    .indicator.available-elsewhere,
    .indicator.loaned-elsewhere,
    .indicator.not-available,
    .holding.not-available {
        border-left: 10px solid #FDC76B;
    }

    .indicator.available,
    .indicator.exposition,
    .holding.is-available {
        border-left: 10px solid #97C67D;
    }

    .indicator.no-existing {
        border-left: 10px solid #E74C3C;
    }

    .indicator.no-holding,
    .indicator.unknown {
        border-left: 10px solid #7F8C8D;
    }
    .indicator.review {
        border-left: 10px solid #7F8C8D;
    }

.statut .obtain-document {
    width: 145px;
    float: left;
    overflow: hidden;
    margin-left: 20px;
}

.statut .obtain-document-link {
    float: right;
    font-size: 12px;
}

.statut .obtain-document .icone {
    background: url(images/charte/icones/arrow_sans_right_white_16.png) no-repeat center center #4E4E50;
    height: 24px;
    width: 16px;
}

.statut .obtain-document .label {
    width: 119px;
    margin-left: 5px;
}

.statut .obtain-document .icone,
.statut .obtain-document .label {
    display: inline-block;
    vertical-align: middle;
}

.statut .statut-loading {
    height: 30px;
    background: url(images/charte/icones/ajax-loader-2.gif) no-repeat center center;
}

#documents_memorises .statut .statut-loading {
    height: 0;
    background: none;
}

.grouped_result_text .obtain-document {
    display: none;
}

.grouped_result_text .dispo {
    padding: 4px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #15bcec;
}

.grouped_result_text .non_dispo {
    font-size: 12px;
    font-weight: bold;
    color: #a70303;
}

.grouped_result_text .no_holding {
    font-size: 12px;
    font-weight: bold;
    color: brown;
}

#resultats li.panier a.panier_lien {
    background: url("images/charte/icones/panier.png") no-repeat scroll center center transparent;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 6px;
    top: 40px;
}

/* Liens hypertextes dans le format ISBD */
a.isbd-link-bib, a.isbd-link-aut {
    cursor: pointer;
}

.selections .NonValid {
    color: #aaa;
    text-decoration: line-through;
}

/*____________________________________Actions_____________________________________*/

.notice .actions {
    clear: both;
    padding-top: 8px;
}

.notice .actions .btn,
.themes .btn {
    margin-bottom: 2px;
}

.notice .actions > ul {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.notice .actions > ul.links {
    position: static;
    height: auto;
    clear: both;
    overflow: hidden;
}

.notice .actions > ul.links a {
    color: #8d9d02;
}

#resultats .notice .actions > ul.links li,
#resultats_detail .notice .actions > ul.links li {
    float: left;
    margin: 10px 10px 0 0;
}

#notice_longue .actions {
    clear: both;
    overflow: hidden;
}

@media (min-width:768px) {
    #document_actions {
        margin-top: 55px;
    }
}

#notice_longue .metadata-actions li,
#document_actions .metadata-actions li {
    padding: 5px 0;
}

#document_actions .accessToPrimaryDoc
{
    word-break:break-all;
}

#document_actions .alert {
    margin-bottom:inherit;
}

#resultats .notice .actions .themes .tag-closing-bracket {
    margin-right: 10px;
}

.notice .metadata-actions li span.icone,
.notice .links li span.icone {
    position: absolute;
    height: 17px;
    width: 18px;
    margin: 0;
}

.notice .metadata-actions li > a > span,
.notice .metadata-actions li > div .selection-label,
.notice .links li > a > span {
    margin-left: 2px;
}

.notice .links li > a.view-document > span {
    margin-left: 26px;
}

#submit_commentaire {
    position: absolute;
    z-index: 500;
    background: #EEE;
    border: 1px solid #DDD;
    padding: 5px;
    left: 250px;
}

.actions .labels {
    margin-top: 10px;
}

/*============================ RESULTAT DETAIL ===================================*/

/* Override de BootStrap.css sur l'affichage des labels de selection dans le détail notice */
.label-selection {
    background-color: #e5e5e5;
    border: 1px solid #cdcdcd;
    margin: 0 10px 0 0;
    color: #616161;
}

#onglets {
    border-bottom: 1px dotted #bababa;
    margin-bottom: 15px;
    padding: 0 0 5px;
}

@media (max-width: 480px) {
    #onglets > li {
        float: none;
    }
}

#resultats_detail h2 {
    margin: 2px 0;
}

#resultats_detail span.support {
    display: inline-block;
    height: 18px;
    padding: 0;
    background: url(images/charte/icones/support_span.png) no-repeat left top;
    z-index: 40;
}

    #resultats_detail span.support strong,
    #resultats span.support strong {
        display: block;
        height: 18px;
        margin: 0 0 0 16px;
        padding: 0 6px 0 0;
        line-height: 18px;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background: url(images/charte/icones/support_strong.png) no-repeat right top;
    }

.search-icon-container {
    position: absolute;
    right: 20px;
    top: 10px;
}

/*============================= WRAPPER IFRAME 16:9 DYNAMIC ====================================*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/* Uncomment for real 16:9
	padding-top: 25px;*/ 
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*********************************/
/*** Barre de contenu mobile *****/
/*********************************/

.mobile-navigation {
    background-color:#00adb1;
}
.mobile-navigation .btn-group button
{
    width:100%
}
    /*Affichage des boutons mobile en justifié*/
    .mobile-navigation > .btn-group, .mobile-navigation .btn
    {
        color:white;
        background-color:#00adb1;
        display: table-cell !important;
        float: none; 
        width: 1%; 
    }
        .mobile-navigation > .btn-group span
        {
            font-size:20px;
        }
        .mobile-navigation > .btn-group .btn
        {
            padding: 6px 0px;
        }

    .mobile-navigation .btn.precedent, 
    .mobile-navigation .btn.suivant {
    background-color:#00726f; 
}

@media (max-width:979px) {
    .search-icon-container {
        right: 0px;
        top: 0px;
    }
}
@media (min-width:767px)
{
    .mobile-navigation .btn.filterAside
    {
        display:none !important;
    }
}
/*********************************/
@media (max-width:767px) {
    .detail-icon-container {
        margin-bottom: 5px;
    }
}

.navigation {
    margin: 10px 0px 5px 0px;
}

@media (max-width:767px) {
    .navigation {
        margin: 0 5px 5px;
    }
}

.navigation #lien {
    margin-top: 8px;
}

.navigation .navigation_documents {
    width: 250px;
    float: left;
}

.navigation_documents a.bouton {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin: 0 2px;
    font-weight: normal;
    text-indent: -9999px;
}

/*_________________________________________*/

#document_02 #notice_longue {
    background-color: white;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    padding: 20px 20px 30px 20px;
}

@media (max-width:767px) {
    #document_02 #notice_longue {
        padding: 10px;
    }
}

#enrichissements .content_header h2 {
    padding: 0;
}

#notice_longue h3 {
    display: block;
}

#notice_longue p {
    margin: 5px 0;
    text-align: justify;
}

    #notice_longue p.description {
        margin: 0 0 10px 0;
    }

#notice_longue_02 h3 {
    margin-bottom: 15px;
}

#notice_longue .clear {
    height: 10px;
    clear: right;
}

#notice_longue #detail-holdings .clear {
    height: initial;
    clear: both;
}

#avis_lecteurs blockquote {
    border-bottom: 1px solid #cdcdcd;
    border-left: 5px solid #cdcdcd;
    padding: 2px 10px 5px 15px;
}

#avis_lecteurs li {
    margin: 8px 0;
    text-align: justify;
    background-color: #f2f0f1;
}

.comment-item-hidden {
    display: none;
}

.comment-item-visible {
    display: block;
}

.notice_avis .loader {
    background: url(images/charte/icones/ajax-loader-2.gif) no-repeat center center;
    float: left;
    height: 16px;
    width: 16px;
}

.icon-pro {
    margin-left: 4px;
}

#addCommentForm .required, #sendMailAgendaEvent .required {
    border: 1px solid red;
}

#edit_comment_form .required {
    border: 1px solid red;
}

select#note {
    width: 100px;
}

#avis_lecteurs .nickname {
    font-weight: bold;
}

#avis_lecteurs li.non_valide {
    background-color: #D5E0E3;
}

#avis_lecteurs p {
    font-size: 14px;
    margin: 4px 0;
}

#avis_lecteurs .comment-actions {
    margin: 5px 0 0 0;
    overflow: hidden;
}

.DocPlayerContent {
    margin-top: 20px;
}

/*_________________________*/

.bouton_resadoc {
    left: 20%;
    padding: 1px 0;
    position: relative;
    text-align: center;
    top: -6px;
    width: 190px;
}

    .bouton_resadoc a {
        text-decoration: none;
    }

.bouton_gauche_haut,
.bouton_droite_haut,
.bouton_gauche_bas,
.bouton_droite_bas {
    display: block;
    position: absolute;
    height: 52%;
    width: 50%;
    background: url(images/charte/structure/bouton_resadoc.png) no-repeat;
}

.bouton_gauche_haut {
    left: 0;
    top: 0;
    background-position: left top;
}

.bouton_droite_haut {
    right: 0;
    top: 0;
    background-position: right top;
}

.bouton_gauche_bas {
    left: 0;
    bottom: 0;
    background-position: left bottom;
}

.bouton_droite_bas {
    right: 0;
    bottom: 0;
    background-position: right bottom;
}

a:hover .bouton_gauche_haut,
a:hover .bouton_droite_haut,
a:hover .bouton_gauche_bas,
a:hover .bouton_droite_bas {
    background: url(images/charte/structure/bouton_resadoc_o.png) no-repeat;
}

a:hover .bouton_gauche_haut {
    background-position: left top;
}

a:hover .bouton_droite_haut {
    background-position: right top;
}

a:hover .bouton_gauche_bas {
    background-position: left bottom;
}

a:hover .bouton_droite_bas {
    background-position: right bottom;
}

.bouton_resadoc p {
    position: relative;
    margin: 8px;
    font-size: 24px;
    font-weight: normal;
    color: #cad732;
    z-index: 50;
}

.bouton_resadoc span:first-child {
    display: block;
    position: relative;
    margin: 8px;
    font-size: 24px;
    font-weight: normal;
    color: #cad732;
    z-index: 50;
}

.bouton_resadoc span {
    display: block;
    position: relative;
    margin: 8px;
    color: #ddd;
    z-index: 50;
}

.detail-holdings-class [class|="detail-holds"] .bouton_resadoc {
    position: relative;
    top: auto;
    width: 100px;
    left: auto;
}

    .detail-holdings-class [class|="detail-holds"] .bouton_resadoc span:first-child {
        display: block;
        margin: 4px;
        font-size: 14px;
    }

    .detail-holdings-class [class|="detail-holds"] .bouton_resadoc span {
        display: none;
    }

.modal-dialog #holdings_container_transmissible_desktop table,
.modal-dialog #holdings_container table {
    table-layout: fixed;
}

.modal-dialog .holdings-holding-indicator {
    width: 15px;
}

.modal-dialog .holdings-holding-site {
	width: 100px;
}

.modal-dialog .holdings-holding-localisation {
	width: 120px;
}

.modal-dialog .multiple-reservation-mad {
    max-width: 100%;
}

/*=========================== DOCUMENTS MEMORISES ================================*/

#documents_memorises .intro {
    margin: 0;
    position: relative;
}

/*______________________Formulaire d'ajout de commentaires / Ajout de sélection ___________________________*/

#manageSelectionsForm fieldset {
    border: 1px solid #cdcdcd;
    padding: 10px;
    margin-bottom: 10px;
}

#manageSelectionsForm legend {
    border: none;
}

#selectionsFormList {
    overflow: auto;
    border: 1px solid #cdcdcd;
    margin-top: 10px;
}

#manageSelectionsForm a.bouton div {
    width: 14px;
    height: 14px;
    display: inline-block;
}

#manageSelectionsForm tr.selection-state-0 td {
    background-color: #eee !important;
}

#selectionsFormAddButton {
    display: block;
}

/*______________________________Enrichissements__________________________________*/

#tab-more-wip {
    color: white;
}

.lasftm_copyright {
    text-align: right;
    font-style: italic;
}

ul#more-similar-list {
    clear: both;
    display: block;
    font-size: 11px;
    height: 86px;
    line-height: 1.18182em;
    list-style: none outside none;
    margin: 0 -15px 0 0;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 100%;
}

    ul#more-similar-list li {
        display: inline;
        float: left;
        height: 86px;
        margin: 0 9px 5px 0;
        overflow: hidden;
        position: relative;
        vertical-align: top;
        width: 72px;
    }

        ul#more-similar-list li span.similar-pic {
            cursor: pointer;
            display: block;
            height: 59px;
            overflow: hidden;
            position: relative;
            width: 72px;
        }

.LastFmImage {
    float: left;
    height: 140px;
    margin: auto;
    width: 145px;
}

.LastFmEvent {
    border: 0 solid black;
    margin-bottom: 10px;
    min-height: 50px;
}

ul#more-similar-list li a {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
}

span.similar-image {
    display: block;
    height: 52px;
    left: 2px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    width: 64px;
}

span.similar-overlay {
    background: url(http://cdn.last.fm/flatness/picture_frame_medium.2.png) no-repeat scroll left top transparent;
    display: block;
    height: 59px;
    left: 0;
    position: absolute;
    top: 0;
    width: 72px;
}

/*______________________________Formulaire de recherche_________________________________*/

.indexWrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.indexWrapper .control-label label {
    word-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
}

/*______________________________Exemplaires détail_________________________________*/

@media screen and (min-width: 768px)
{
    .modal-dialog
    {
        width:750px;
    }
}

.detail-holdings-class [class|="detail-holds"] table,
.detail-subscriptions table {
    background: #cdcdcd;
    border-spacing: 1px;
    border-collapse: separate;
    width: 100%;
}

    .detail-holdings-class [class|="detail-holds"] table td, .detail-subscriptions table td,
    .detail-holdings-class [class|="detail-holds"] table th, .detail-subscriptions table th {
        padding: 3px 4px;
    }

        .detail-holdings-class [class|="detail-holds"] table td .date, .detail-subscriptions table td.date,
        .detail-holdings-class [class|="detail-holds"] table th .date, .detail-subscriptions table th.date {
            width: 60px;
        }

.detail-holdings-class [class|="detail-holds"] thead th, .detail-subscriptions thead th,
.detail-holdings-class [class|="detail-holds"] thead td, .detail-subscriptions thead td {
    background: #2e2f31;
    color: #FFFFFF;
    font-weight: bold;
}

.detail-holdings-class [class|="detail-holds"] .reserver, .detail-subscriptions .reserver,
.detail-holdings-class [class|="detail-holds"] .demander {
    cursor: pointer;
}

#detail-holdings [class|="detail-holds"] a.hold-more, #detail-holdings [class|="detail-holds"] a.hold-more-remove {
    color: black;
}

.detail-holdings-class [class|="detail-holds"] button.inline-table {
    padding: 2px;
}

.detail-holdings-class [class|="detail-holds"] .holding-help {
    height: 24px;
    width: 24px;
    float: right;
    background: url("images/charte/icones/help.png") no-repeat center center transparent;
    vertical-align: middle;
    cursor: help;
}

/*_______________________________Compte lecteur _________________________________*/

#ACCOUNT .content_corps .content_header_gauche_haut,
#ACCOUNT .content_corps .content_header_droite_haut,
#DSI .content_corps .content_header_gauche_haut,
#DSI .content_corps .content_header_droite_haut {
    margin: 0;
    background: none;
}

#ACCOUNT .content_corps .content_header_centre,
#DSI .content_corps .content_header_centre {
    margin: 0;
    background: none;
}

#ACCOUNT .content_corps h2,
#DSI .content_corps h2 {
    margin: 8px 8px 8px 0;
    font-size: 18px;
    color: #15bcec;
}

    #ACCOUNT .content_corps h2 span,
    #DSI .content_corps h2 span {
        padding: 0 8px;
        color: #fff;
        background: #15bcec;
    }

#ACCOUNT .content_corps .whoami h2,
#DSI .content_corps .whoami h2 {
    padding: 0 0 0 8px;
    font-size: 24px;
}

#ACCOUNT .notice_courte h3,
#DSI .notice_courte h3 {
    padding-right: 20px;
    font-size: 14px;
}

#ACCOUNT .notice_courte h3 {
    float: left;
}

#ACCOUNT h3 {
    font-size: 24px;
    color: #000;
}

#ACCOUNT h4 {
    margin: 0 0 5px;
    font-size: 24px;
    font-weight: normal;
    color: #15bcec;
}

#ACCOUNT .actions {
    clear: both;
}

.whoami {
    margin: 10px 0 30px 0;
    overflow: auto;
}

.account-box {
    width: 100%;
    margin: 20px 0;
}

.account-me {
    float: left;
    padding-right: 20px;
    text-align: right;
    width: 800px;
}

.account-value {
    color: #000;
}


.account-avatar {
    width: 105px;
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
}

.account-more {
    clear: both;
}

.content_tab {
    border-left: 2px solid #DDDDDD;
    margin-bottom: 15px;
    margin-left: 4px;
    padding-left: 10px;
    padding-top: 8px;
}

.account-pm-item p {
    font-size: 12px;
    line-height: normal;
    margin: 10px;
    padding: 0px;
}

.account-pm-item {
    background-color: #FFFFFF;
    border: 1px solid #C9C2C1;
    margin: 0 0 0 65px;
    padding: 0;
}

.account-pm {
    margin: 0 20px 5px;
}

.account-pm-arrow {
    background: url(images/services/account/tip.gif) no-repeat;
    margin-top: 12px;
    padding-top: 0px;
    height: 10px;
    float: left;
    padding-left: 6px;
    margin-left: 10px;
}

.account-pm-avatar-pro {
    background: url(images/services/account/avatar-pro-pm.png) no-repeat;
    margin-top: -5px;
    height: 50px;
    width: 50px;
    float: left;
}

.whoami-entry {
    line-height: 18px;
}

.LoanInfoValue {
    color: #000;
    padding-left: 10px;
}

.loanIsLateMessage {
    font-weight: bold;
    font-size: 15px;
    color: Red;
    text-transform: uppercase;
}

.account-identity-civility {
    float: left;
    margin-right: 10px;
}

td.account-label, td.account-value {
    line-height: 16px;
}

span.prolongerLoan {
    cursor: pointer;
}

/* Popup admin encart RSS */
body.popup-encart-rss {
    background-color: #FFF;
}

/* Popup admin encart selection */
body.popup-encart-selection {
    background-color: #FFF;
}

#user_labels h3,
#global_basket_actions h3 {
    margin: 10px 0;
}

#user_labels ul {
    margin-top: 8px;
}

#lector-account {
    margin: 40px 0 0;
}

.basket-search-notice {
    width: 100%;
}

.frame-ermes-shortaccount p
{
    margin-top: 0;
}
  .modal .royalslider-friendly .modal-body
    {
        height:300px;
    }
@media (min-width: 1200px)
{
    .modal .royalslider-friendly
    {
        width: 1100px;
    }
}
/*====================================== TOOLTIP ======================================*/

div.ui-tooltip-content h3 {
    background: none;
}

/*====================================== CHECKBOX TOUTE NOTICE ========================*/

.criteres_tri .check_all {
    float: right;
    margin: 4px 10px 4px 4px;
}

#promoted {
    margin-left: 0px;
}

/*====================================== AUTOCOMPLETE ========================*/
.ui-autocomplete-term {
    font-weight: bold;
}

/*====================================== SPELLCHECKING ========================*/
#spellcheck_link {
    text-decoration: none;
    cursor: pointer;
}

/*====================================== COPYRIGHT VIGNETTE ========================*/

.detail-holdings-class {
    padding-bottom: 10px;
    clear: both;
}

div.copyright_vignettes {
    clear: left;
}

    div.copyright_vignettes a {
        padding: 0;
        background: none;
        color: #2f2f31;
        font-size: 8px;
    }

.selection-description {
    background: none repeat scroll 0 0 #e5e5e5;
    border: 1px solid #cdcdcd;
    margin: 0 0 12px;
    padding: 5px;
}

.rsSlide .ermes-thumb {
    float: left;
}

.images_scroll_header,
.selection_images_scroll_header {
    margin: 0 0 10px 0;
}

.images_scroll,
.selection_images_scroll,
.capture_images_scroll {
    width: 100%;
    position: relative;
}

    .images_scroll div.scrollableArea *,
    .selection_images_scroll div.scrollableArea *,
    .capture_images_scroll div.scrollableArea * {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .images_scroll div.scrollableArea a,
    .selection_images_scroll div.scrollableArea a,
    .capture_images_scroll div.scrollableArea a {
        float: left;
        text-decoration: none;
        margin: 0 5px 0 0;
        background-color: #EEEEEE;
        min-height: 135px;
        width: 220px;
        padding: 10px;
    }

        .images_scroll div.scrollableArea a:hover,
        .selection_images_scroll div.scrollableArea a:hover,
        .capture_images_scroll div.scrollableArea a:hover {
            background-color: #e5e5e5;
            border: 1px solid #cdcdcd;
            padding: 9px;
        }

        .images_scroll div.scrollableArea a p,
        .selection_images_scroll div.scrollableArea a div.content,
        .capture_images_scroll div.scrollableArea a div.content {
            color: #777777 !important;
        }

    .images_scroll div.scrollableArea img,
    .selection_images_scroll div.scrollableArea img,
    .capture_images_scroll div.scrollableArea img {
        float: left;
    }

* + HTML #header li, * + HTML .criteres_tri li, * + HTML #multi_selection li {
    display: inline;
    zoom: 1;
}

/* Z-index pour le menu contextuel CFW (admin des menus */
.CONTEXT_MENU_CONTAINER {
    z-index: 10000;
}

/* =============================== AFFICHAGE NOTICE =============================== */

li.desc-list-item a {
    padding: 0;
    background: none;
}

.bodyFckEditor ul, .bodyFckEditor ol,
.html-content ul, .html-content ol {
    list-style: disc outside none;
    padding-left: 15px;
}

/* ============================= Menu enrichissement sarasvati =================== */

#menu-more {
    background: none repeat scroll 0 0 #f2f0f1;
    border: 1px solid #D0D6D9;
    margin: 10px 0;
    padding: 5px;
}

.more-content {
    padding: 2px 0 0;
}

.more-content > h3 {
    margin-bottom: 2px;
}

#menu-more li a {
    color: #191919;
    text-decoration: none;
    cursor: pointer;
}

/* Enrichissement INA : debut */
#Block_Home_Selection_Medias {
    float: left;
    margin: 5px 2px 5px 2px;
    width: 100%;
}

.content_tab.content_ina {
	position:relative; /* Nécessaire pour éviter les effets de bord du player INA sur nos pages (i.e : disparition des éléments du bandeau) */
}

.content_ina ol, ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.content_ina .ina_listSelection li {
    border-bottom: 1px dotted #D6D6D6;
    padding: 15px 0;
}

.content_ina .left_selection {
    float: left;
    margin-right: 13px;
    width: 150px;
}

.content_ina .text_selection {
    white-space: normal;
}

.content_ina .text_selection p {
    font-size: 12px;
    line-height: 16px;
    margin-top: 0px;
    max-height: 47px;
    overflow: hidden;
}

.content_ina .spacer {
    clear: both;
    display: block;
    float: none !important;
    font-size: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}


.content_ina .text_selection h4 {
    max-height: 42px;
    overflow: hidden;
}

.content_ina .text_selection h4 a {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
}

.content_ina .left_selection .preview_top {
    width: 150px;
}

.content_ina .preview_top {
    float: left;
    position: relative;
    width: 120px;
}

.content_ina .left_selection {
    float: left;
    margin-right: 12px;
    width: 150px;
}

.content_ina .left_selection p {
    margin-top: 2px;
    text-align: center;
}

.content_ina .ina_emission_legend {
    color: #999999;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: underline;
    cursor: help;
}

.content_ina a {
    outline: medium none;
    text-decoration: none;
}

.content_ina .timerContainer {
    bottom: -12px;
    float: left;
    left: 2px;
    position: absolute;
    z-index: 2;
}

.content_ina.infoTime {
    background: none repeat scroll 0 0 #4C5051;
    height: 13px;
    opacity: 0.6;
}

.content_ina .txtTime {
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 9px;
    padding: 0 3px;
    position: relative;
    top: -13px;
}

.content_ina .select_home {
    float: left;
    width: 50%;
}

.content_ina .inaPlay {
    display: block;
    position: absolute;
    z-index: 10;
    opacity: 1;
    top: 50%;
    left: 50%;
    filter: alpha(opacity=0);
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    margin-top: -40px;
    margin-left: -40px;
    box-shadow: 0 0;
    width: 80px;
    height: 80px;
}

.content_ina .inaImg {
    position: relative;
    z-index: 2;
    border: 1px solid black;
    display: block;
    padding: 1px;
    height: 85px;
    width: 150px;
}

.content_ina .INA_video_player {
    float: left;
    width: 450px;
    height: 330px;
}

/* Enrichissement INA : fin */

/* Enrichissement allociné */
#content_allocine_poster {
    float: left;
    margin: 0 20px 0 0;
    text-align: center;
    width: 160px;
    position: relative;
}

a.alloratinglink {
    text-decoration: none;
}

.content_allocine_description_content {
    padding: 0 10px 0 0;
    overflow: hidden;
}

    .content_allocine_description_content ul {
        list-style: none outside none;
    }

    .content_allocine_description_content li {
        padding: 2px 0;
    }

.content_allocine_description_content_label {
    width: 92px;
    float: left !important;
}

.roleallocine {
    margin: 5px 0px 10px 0px;
}

div.allocinelink {
    text-align: right;
}

.mainzone {
    text-align: center;
}

.more-content .ratingpart {
    font-size: 14px;
    text-align: center;
}

.more-content .boxcontent {
    height: 45px;
    padding: 0 3px 3px;
}

.more-content .box {
    border: 1px solid #D3D3D3;
    float: left;
    margin: 5px;
    padding: 10px 3px 2px;
    position: relative;
    width: 100px;
}

.notationbar {
    overflow: auto;
}

.starallo {
    height: 14px;
    width: 75px;
    vertical-align: bottom;
    background-image: url(Images/Sarasvati/Enrichissements/Allocine/stars-allocine.png);
    background-repeat: no-repeat;
}

.star50 {
    background-position: 0 -15px;
}

.star45 {
    background-position: 0 0;
}

.star40 {
    background-position: -15px -15px;
}

.star35 {
    background-position: -15px 0;
}

.star30 {
    background-position: -30px -15px;
}

.star25 {
    background-position: -30px 0;
}

.star20 {
    background-position: -45px -15px;
}

.star15 {
    background-position: -45px 0;
}

.star10 {
    background-position: -60px -15px;
}

.star05 {
    background-position: -60px 0;
}

.star00 {
    background-position: -75px -15px;
}

.notezone {
    float: left;
}

.valloseparator {
    border-left: 1px solid #999;
    margin-left: 8px;
    padding-left: 8px;
}

.margedataallo {
    margin-left: 10px;
}

.listofminiviewsthumbnailsview {
    display: block;
    position: relative;
    overflow: auto;
}

@media (max-width:440px) {
    #content_allocine_casting .datablock {
        width: 50%;
    }
    #content_allocine_casting .clearfix:after {
        clear: none;
    }
}

@media (max-width:320px) {
    #content_allocine_casting .datablock {
        width: 100%;
    }
    #content_allocine_casting .clearfix:after {
        clear: none;
    }
}

.roleallocine {
    font-size: 11px;
}

.mainzone {
    position: relative;
    width: 100%;
    padding-bottom: 10px;
}

.picturezone {
    margin-bottom: 2px;
}

.rubriquetitle {
    font-size: 17px;
    font: tahoma;
}
/* Enrichissement Libfly Quotes */
.quoteMark {
    color: #5f5b5b;
    font-size: 70px;
    font-weight: bold;
    line-height: 11px;
    margin-left: 0px;
    margin-top: 25px;
    position: absolute;
}

.quoteLibfly {
    margin-left: 45px;
}

/* Enrichissmeent Libfly Quatrieme de couv */
img.libfly_quatcouv {
    max-height: 450px;
}

/* Enrichissement Wikipedia */
.image.wikiStyle
{
    float: left;
    margin-right: 10px;
    max-height: 200px;
}

.image.wikiStyle img
{
    float: left;
    margin-right: 10px;
    max-height: 200px;
}

/* Copyright Sara */
.sara_copyright {
    text-align: right;
    margin-top: 5px;
}

/* ================     ENCART RSS RICHE (SAGSCROLLER)      ====================== */

li.desc-list-item a {
    padding: 0;
    background: none;
}

.bodyFckEditor ul, .bodyFckEditor ol,
.html-content ul, .html-content ol {
    list-style: disc outside none;
    padding-left: 15px;
}

#admin_actions {
    float: right;
}

.rss-thumbnail-frame {
    max-width: 130px;
    max-height: 150px;
    overflow: hidden;
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa;
}

.rss-thumbnail {
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa;
    border: 1px solid #eee;
    width: 72px;
    height: auto;
    background: url('images/general/DocType/extr_small.png');
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.rss-list li {
    clear: both;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    padding: 2px;
}

.rss-thumbnail-div {
    float: left;
    width: 80px;
    margin-right: 5px;
    padding: 2px;
}

.rss-container.tablet
{
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa;
}

.rss-sourceInfo {
    text-align: right;
    color: #aaa;
    font-size: 8pt;
}

.rss-container .prev {
    float: left;
}

.rss-container .next {
    float: right;
}

.rss-container .disabled {
    visibility: hidden;
}

.rss-container .actions {
    overflow: auto;
    margin: 5px;
    font-weight: 700;
}

    .rss-container .actions a {
        cursor: pointer;
    }

.ermes-rss-whencached {
    margin: 2px;
    color: #888;
    font-size: 10px;
    font-style: italic;
}

/*default CSS for SAG scroller*/

.sagscroller {
    max-height: 355px;
    overflow: auto;
    position: relative;
}

    .sagscroller a {
        font-weight: bold;
    }

    .sagscroller ul {
        /*position:absolute;*/
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
    }

        .sagscroller ul li {
            display: block;
            overflow: auto;
            background: none;
            padding: 2px;
        }

            .sagscroller ul li .rsscontent { /*div containing body of each RSS entry*/
                font-size: 90%;
            }

            .sagscroller ul li .rsslabel { /*div containing label of each RSS entry*/
                margin-top: 5px;
                background: #eee;
                font-size: 12px;
                clear: both;
            }

.webframe-ermes-rss .rs-verticalCarousel .rsVer {
    height: 149px;
}

.webframe-ermes-rss .rs-verticalCarousel .rsContainer {
    margin-top: 44px;
}

.webframe-ermes-rss li {
    display: block;
}

/*================================================================================*/
/*                                       EDITION                                  */
/*================================================================================*/

div.cms_item_frame {
    margin: 0;
    padding: 0;
    border: none;
}

/******************************** Accessibilité ***********************************
*                                                                                 *
**********************************************************************************/

.tarzan, a.keep-underlined /* keep-underlined : Permet de forcer le soulignement sur les liens */
{
    text-decoration: underline !important;
}

/*__________________________________Pop up Encart ___________________________________*/

/*================================================================================*/
/*                Encart de plan du site (sitemap)                                */
/*================================================================================*/
.Ermes-SiteMap h1 {
    padding-bottom: 10px;
    text-decoration: underline;
}

.Ermes-SiteMap a:hover {
    text-decoration: none;
}

.Ermes-SiteMap .panel-body li {
    margin-left: 9px;
}
/* Construction d'un menu personnalisé */
.Ermes-SiteMap div.list-group-item
{
    margin-bottom: 20px;
}
.Ermes-SiteMap div.list-group-item ul.list-group
{
    margin-bottom: 0px;
}
.Ermes-SiteMap div.list-group-item li.list-group-item
{
    border:none;
    padding:initial;   
}

/*___________________________________________________________________________*/

/* Correctif : l'édition des ressources CF4 depuis Ermes posait problème car la
* textarea n'était pas accessible
*/
#labelEditorText .x-panel-body {
    z-index: 5000;
}

div.ui-dialog .help {
    color: #ddd;
    font-style: italic;
    font-weight: normal;
}

/* ________________________ Fenetre de resa d'expo ______________________ */

#expo_resa > div > * {
    margin: 10px 0;
}

#expo_resa .modal-dialog {
    width: 850px;
}

#planning_expo {
    border-collapse: separate;
    border-spacing: 1px;
}

    #planning_expo td {
        padding: 2px 8px;
    }

    #planning_expo thead td {
        padding: 8px;
        background-color: #2E2F31;
        color: #e5e5e5;
        font-weight: bold;
    }

span.reserver_expo {
    cursor: pointer;
}

/*________________________________ jQuery Datepicker __________________________*/

#agenda-datepicker .ui-datepicker {
    width: 99%;
    max-width: 17em;
}

.ui-datepicker .ui-datepicker-today a.ui-state-highlight {
    /* Pas de traitement particulier pour la date du jour */
    border: medium none;
}

.ui-datepicker td.ui-state-disabled {
    opacity: 0.35;
}

    .ui-datepicker td.ui-state-disabled span {
        background: none;
        background-color: #2E2F31;
        color: #FFF;
    }

.ui-datepicker td.ui-state-highlight {
    background: none;
    border: medium none;
    opacity: 1;
}

.ui-datepicker-today a.ui-state-highlight {
    background: none;
    background-color: #FDF5C4;
    color: #808080;
}

.ui-datepicker td.ui-state-highlight a,
.ui-datepicker td.ui-state-highlight span {
    background: none;
    background-color: #AD565E;
    color: #FFF;
}

.ui-datepicker td.ui-state-dateRange a {
    background: none;
    background-color: #E6727B;
    color: #FFF;
}

/* _____________________ loader ajax _____________________ */

.panel-loading {
    left: 50%;
    margin: 50px auto 0 -115px;
    position: absolute;
    width: 230px;
    z-index: 100;
}

    .panel-loading h2 {
        color: #808080;
        font-size: 18px;
    }

.ajax-loader-big {
    color: #428BCA;
    display: block;
    font-size: 50px;
    margin: auto;
    width: 50px;
}

/* _____________________ Popup sondage ___________________ */

.survey-confirm {
    display: block;
    margin: auto;
    height: 230px;
    width: 330px;
}

/* ___________________ MY ACCOUNT _______________________ */
#account-messages table,
#account-comments table {
    border-collapse: collapse;
    font-size: 14px;
    text-align: left;
    width: 100%;
}

    #account-messages table thead th,
    #account-comments table thead th {
        padding: 8px;
        background-color: #2E2F31;
        color: #CAD732;
        font-weight: bold;
        font-size: 16px;
        border-bottom: 1px solid #FFF;
    }

    #account-messages table td,
    #account-comments table td {
        padding: 8px;
        border-bottom: 1px solid #FFF;
        color: #555;
        background-color: #DDD;
    }

        #account-messages table td > a,
        #account-comments table td > a {
            float: left;
        }

#account-comments p.comment-notvalid {
    color: Red;
    font-weight: bold;
}

#account-comments tr.comment-notvalid td {
    background-color: #cdcdcd;
    color: #444;
}

#account-loans .account-links,
#account-loans .account-loans-resume {
    margin-top: 10px;
}

#account-tags .account-tagcloud {
    margin: 10px 0 0;
}

    #account-tags .account-tagcloud li {
        display: inline;
        margin: 1px 5px;
    }

        #account-tags .account-tagcloud li a {
            background: none;
            cursor: pointer;
            padding: 0;
        }

    #account-tags .account-tagcloud a:hover {
        color: #888888;
    }

#resultats_messages,
#resultats_comments {
    margin-top: 45px;
}

p.account-loans-late {
    color: Red;
    font-weight: bold;
}

p.account-loans-soon {
    color: #f0ad4e;
    font-weight: bold;
}

#account-profil h5 {
    margin: 10px 0;
    background-color: #15BCEC;
    color: White;
    padding: 5px;
    font-size: 110%;
}

/*____________________ Liste courte Grouping Results ____________________*/

#resultats .grouped_results_container {
    padding: 5px;
    margin: 0 0 20px 0;
}

    #resultats .grouped_results_container > table {
        border-spacing: 5px;
        border-collapse: separate;
        width: 100%;
    }

        #resultats .grouped_results_container > table td.grouped_result {
            background-color: #EEE;
            cursor: pointer;
        }

            #resultats .grouped_results_container > table td.grouped_result:hover {
                background-color: #e5e5e5;
                border: 1px solid #cdcdcd;
            }

                #resultats .grouped_results_container > table td.grouped_result:hover .grouped_result_vignette {
                    padding: 4px;
                    padding-right: 5px;
                }

                #resultats .grouped_results_container > table td.grouped_result:hover .grouped_result_text {
                    padding: 4px;
                    padding-left: 5px;
                }

            #resultats .grouped_results_container > table td.grouped_result .grouped_result_vignette {
                float: left;
                padding: 5px;
                width: 60px;
            }

                #resultats .grouped_results_container > table td.grouped_result .grouped_result_vignette img {
                    max-width: 50px;
                }

            #resultats .grouped_results_container > table td.grouped_result .grouped_result_text {
                float: left;
                padding: 5px;
                width: 60%;
            }

#resultats a.link_grouped_results {
    padding-left: 36px;
    margin-top: 5px;
    line-height: 36px;
    display: inline-block;
}

#resultats a.show_grouped_results {
    background: url(Images/charte/icones/grey_dup_plus.png) no-repeat;
}

#resultats a.hide_grouped_results {
    background: url(Images/charte/icones/grey_dup_minus.png) no-repeat;
}

.assembly_PDF {
    background-repeat: no-repeat;
    background-image: url("images/charte/icones/export_pdf.png");
    background-position: left 2px;
    width: 16px;
}

.assembly_CSV {
    background-repeat: no-repeat;
    background-image: url("images/charte/icones/export_excel.png");
    background-position: left 2px;
    width: 16px;
}

.assembly_Velocity {
    background-repeat: no-repeat;
    background-image: url("images/charte/icones/export_html.png");
    background-position: left 2px;
    width: 16px;
}

.exports_container {
    font-size: 12px;
    position: absolute;
    right: 2px;
    text-transform: uppercase;
    top: 60px;
    z-index: 10;
}

#exportsList {
    text-decoration: none;
}

.webframe-ermes-html .search_item {
    width: 40%;
}

.twinKeyTypeDoc span
{
    font-size:22px;
}
.twinKeyTypeDoc span.selected
{
    color:black;
}

/*___________________________________WebFrame-Ermes-OpenFindSelection____________________________________*/
.webframe-ermes-html .vignette_document a,
.webframe-ermes-lastviewedresources .vignette_document a,
.webframe-ermes-openfindselection .vignette_document a {
    padding: 0;
    background: none;
}

.webframe-ermes-html .vignette_document,
.webframe-ermes-lastviewedresources .vignette_document,
.webframe-ermes-openfindselection .vignette_document {
    display: block;
    position: relative;
    float: left;
    margin: 0 5px 5px 0;
}

    .webframe-ermes-html .vignette_document img,
    .webframe-ermes-lastviewedresources .vignette_document img,
    .webframe-ermes-openfindselection .vignette_document img,
    .webframe-ermes-commonviewedresources .vignette_document img {
        width: 80px;
    }

div.webframe-ermes-lastviewedresources-item,
div.webframe-ermes-openfindselection-item {
    overflow: auto;
    background-color: #f2f0f1;
    padding: 10px 10px 5px;
    margin-bottom: 0px;
}

.webframe-ermes-lastviewedresources-item-shadow,
.webframe-ermes-openfindselection-item-shadow {
    position: relative;
    height: 9px;
}

div.webframe-ermes-lastviewedresources-item .icone-selection,
div.webframe-ermes-openfindselection-item a {
    text-decoration: none;
    color: #555;
}

/*___________________________________WebFrame-Ermes-OpenFindCategorySelection____________________________________*/

.icone-selection {
    background-color: #FFFFFF;
}

.webframe-ermes-openFindCategorySelection .title-selection {
    color: #428bca;
    font-weight: bold;
    font-size: 16px;
}

.webframe-ermes-openFindCategorySelection .description-selection {
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    font-size: 11px;
    font-style: italic;
    line-height: 20px;
}

/*___________________________________WebFrame-Ermes-LastComments____________________________________*/

.webframe-ermes-lastcomments .webframe-ermes-lastcomments-item-title {
    font-weight: bolder;
    font-size: 12px;
}

.webframe-ermes-lastcomments .webframe-ermes-lastcomments-item-body {
    display: block;
    margin: 4px 0;
    color: #555;
}
/* Pour que le commentaire soit affiché complétement !*/
.webframe-ermes-lastcomments-item img {
    margin-top: 0px !important;
}

.webframe-ermes-lastcomments-item-note {
    float: right;
}

.webframe-ermes-lastcomments blockquote {
    border-left: 5px solid #428BCA;
    margin-top: 8px;
    padding: 0 0 3px 6px;
}

.webframe-ermes-lastcomments small {
    color: #444;
}

/*___________________________________WebFrame-Ermes-Commonviewedresources-Facet____________________________________*/

.webframe-ermes-commonviewedresources.facet .facetSuggest li
{
     display: inline-block;
     margin: 4px;        
}
.webframe-ermes-commonviewedresources.facet .facetSuggest li > a
{
    padding: 10px;
    white-space: normal;
    border-radius:5px;
    margin-top:0px;
}
        
/*___________________________________Override style H3 sur vignettes capturées____________________________________*/
.content .notice_corps h3 {
    display: inherit !important;
}

/*___________________________________Gestion des vignettes par défaut et/ou absentes____________________________________*/

img.ermes-thumb {
    background-size: cover;
    background-size: 90% 90%;
    background-repeat: no-repeat;
    background-position: center center;
}

img.ermes-thumb-size-SMALL {
    min-width: 80px !important;
    min-height: 80px !important;
}

img.ermes-thumb-size-MEDIUM {
    min-width: 110px !important;
    min-height: 80px !important;
    background-color: inherit; /*Surcharge du fond blanc de bootstrap ajouté sur les coté des images qui ne sont pas assez large*/
}

#tab_suggestion img.ermes-thumb-size-MEDIUM,
#detail-notice-selections img.ermes-thumb-size-MEDIUM,
.rs-slide3Items img.ermes-thumb-size-MEDIUM {
    min-width: 0px  !important;
}

/* Tailles par défaut des images Mobiles*/
@media (max-width: 767px) {
    img.ermes-thumb-size-SMALL {
        min-width: 30px !important;
        min-height: 30px !important;
    }

    img.ermes-thumb-size-MEDIUM {
        min-width: 40px !important;
        min-height: 40px !important;
    }
}

/* Tailles par défaut des images Mobiles*/
@media (min-width: 768px and max-width:979px) {
    img.ermes-thumb-size-SMALL {
        min-width: 50px !important;
        min-height: 50px !important;
    }

    img.ermes-thumb-size-MEDIUM {
        min-width: 80px !important;
        min-height: 80px !important;
    }
}

.scrollWrapper img.ermes-thumb-size-MEDIUM {
    max-height: 135px !important;
    max-width: 80px;
    margin-right: 5px;
}

/*____________________ Overrides CF4 ____________________*/

#portal .frame {
    margin: 0 0 10px !important;
}

.global_content {
    margin: 5px 0;
    padding: 0;
}

.frame-light {
    border: 1px solid #aaa;
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 5px;
    padding: 0;
}

    .frame-light .body {
        padding: 10px;
    }

    .frame-light .title {
        font-weight: 700;
        background-color: #888;
        color: #eee;
        font-size: 20px;
        padding: 8px;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .frame-light .footer {
        background-color: #F0F0F0;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        border-top: 1px solid #ddd;
    }

#global_contenu #portal {
    padding: 0 !important;
}

/* ___________________ Overrides Ext4 ____________________ */

#global_header *, #global_contenu *, #global_footer * {
    -moz-box-sizing: content-box !important;
    -ms-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

#global_header select, #global_contenu select, #global_footer select,
#global_header input, #global_contenu input, #global_footer input,
#global_header table, #global_contenu table, #global_footer table {
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

/* On repasse en border-box pour les forms ExtJS inclues dans Ermes */
#global_header .x-front-form *, #global_contenu .x-front-form *, #global_footer .x-front-form * {
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

/* AddThis */
.addthis_toolbox {
    margin: 20px 0 0;
}

.nav > li > a.tile:hover,
.nav > li > a.tile:focus {
    outline: none;
    background-color: #525252;
}

.nav > li > a.tile {
    padding: 0;
}

.tile {
    background: none no-repeat 0 0 / auto 100% #525252;
    background-size: 100%;
    cursor: pointer;
    display: block;
    height: 150px;
    margin: 0 0 5px;
    position: relative;
    text-decoration: none;
}

.tile .tile-content {
    color: #FFFFFF;
    bottom: 0;
    padding: 10px;
    position: absolute;
    width: 100%;
    overflow:hidden;
    white-space:nowrap;
    background-color:rgba(50,50,50,0.8);
}

.tile-content:after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: -webkit-linear-gradient(left,rgba(50,50,50,0),rgba(50,50,50,1)) !important;
    background: linear-gradient(to right,rgba(50,50,50,0),rgba(50,50,50,1)) !important;
  }

/***** WAI *****/
#wai_open_link .wai_eye {
    background: url(images/icons/wai/PictoWai.gif) no-repeat scroll center 0 #FFFFFF;
    border: 1px solid #000;
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 0;
    text-align: center;
    height: 22px;
    width: 24px;
    z-index: 500;
}

#wai_dialog_selector {
    position: absolute;
    right: 10px;
    top: 32px;
    z-index: 666;
    background-color: #f2f0f1 !important;
    padding: 2px;
    border: 5px solid #555;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #wai_dialog_selector .wai_dialog_selector_header {
        background-color: #555 !important;
        padding: 5px;
    }

        #wai_dialog_selector .wai_dialog_selector_header * {
            background-color: #555 !important;
            color: #FFF !important;
            font-weight: bolder !important;
        }

    #wai_dialog_selector * {
        font-size: 20px !important;
        font-family: Arial !important;
        color: #555 !important;
        margin: 5px !important;
        background-color: #f2f0f1 !important;
    }

    #wai_dialog_selector .wai_select {
        text-align: right;
    }

    #wai_dialog_selector .wai_dialog_selector_footer {
        text-align: right;
    }

#wai_close_link {
    cursor: pointer;
}

body.wai-color-white-on-black {
    background-color: #000 !important;
}

    body.wai-color-white-on-black * {
        background-color: #000 !important;
        color: #FFF !important;
    }

body.wai-color-black-on-white {
    background-color: #FFF !important;
}

    body.wai-color-black-on-white * {
        background-color: #FFF !important;
        color: #000 !important;
    }

body.wai-font-courier * {
    font-family: Courier !important;
}

body.wai-font-arial * {
    font-family: Arial !important;
}

body.wai-font-tahoma * {
    font-family: Tahoma !important;
}

body.wai-font-trebuchet * {
    font-family: Trebuchet MS !important;
}

/*______________________________________Titres______________________________________*/

h3 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
}

/*_________________________________ ACCOUNT ERMES 2.5 _________________________________*/

@media (max-width: 767px) {
    #portal #ermes-myaccount {
        padding: 10px;
    }
}

#ermes-myaccount h2 * {
    text-transform: uppercase;
    font-size: 20px;
}

@media (min-width: 980px) {
    #ermes-myaccount .myaccount-menu {
        padding-right: 10px;
    }
}

#ermes-myaccount .myaccount-menu .menu-item {
    font-size: 14px;
    margin: 5px 0;
    text-transform: uppercase;
}

    #ermes-myaccount .myaccount-menu .menu-item.Profile i:before {
        content: "\e80c";
    }

    #ermes-myaccount .myaccount-menu .menu-item.Contributions i:before {
        content: "\e82a";
    }

    #ermes-myaccount .myaccount-menu .menu-item.Subscriptions i:before {
        content: "\e819";
    }

    #ermes-myaccount .myaccount-menu .menu-item.Loans i:before {
        content: "\e81a";
    }

    #ermes-myaccount .myaccount-menu .menu-item.Basket i:before {
        content: "\e806";
    }

    #ermes-myaccount .myaccount-menu .menu-item.Preferences i:before {
        content: "\e82f";
    }

    #ermes-myaccount .myaccount-menu .menu-item.Messages i:before {
        content: "\e834";
    }

    #ermes-myaccount .myaccount-menu .menu-item.Activity i:before {
        content: "\e833";
    }

    #ermes-myaccount .myaccount-menu .menu-item.ErmesGP i:before {
        content: "\e835";
    }

    #ermes-myaccount .myaccount-menu .menu-item.AgendaRegistrations i:before {
        content: "\e81e";
    }

    #ermes-myaccount .myaccount-menu .menu-item a {
        display: block;
        text-decoration: none;
    }

    #ermes-myaccount .myaccount-menu .menu-item.selected a {
        font-weight: bold;
        color: white;
    }

@media (max-width: 767px) {
    #ermes-myaccount .myaccount-menu .menu-item.selected div {
        background: none;
    }
}

#ermes-myaccount .myaccount-frames {
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding-left: 30px;
    border-left: 1px dotted #bababa;
}

@media (max-width: 979px) {
    #ermes-myaccount .myaccount-frames {
        padding-top: 15px;
        padding-left: 5px;
        border-top: 1px dotted #bababa;
        border-left: 0;
    }
}

#ermes-myaccount .myaccount-frames .panel {
    padding: 0;
}

#ermes-myaccount .myaccount-frames .myaccount-frame {
    display: none;
}

    /*#ermes-myaccount .myaccount-frames .myaccount-frame .frame {
        overflow: hidden;
    }*/

    #ermes-myaccount .myaccount-frames .myaccount-frame.selected {
        display: block;
    }

#ermes-myaccount .myaccount-frame-loading {
    color: #428BCA;
    font-size: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: 10px;
    position: absolute;
    width: 50px;
}

#ermes-myaccount .myaccount-has-late-loans {
    margin: 10px 20px 10px 0;
    padding: 10px;
    background-color: #FF4732;
    color: #FFF;
    font-weight: bolder;
    display: inline-block;
    width: 100%;
}

#ermes-myaccount .myaccount-has-soon-late-loans {
    background-color: #f0ad4e;
}

#ermes-myaccount .myaccount-has-late-loans a {
    color: #FFF;
    text-decoration: none;
}

#ermes-myaccount .myaccount-has-late-loans .warning {
    text-transform: uppercase;
    font-weight: bolder;
}

#ermes-myaccount .myaccount-has-late-loans .count {
    margin: 0 3px;
    font-size: 16px;
    font-weight: bold;
}

@media (min-width:767px)
{
    .button-my-account
    {
        margin-top: 10px;
    }
}

@media (max-width:767px) {
    .site-btn {
        margin-top: 5px;
        position: absolute;
        top: 0;
    }


    .site-btn {
        right: 100px;
    }
}

.is-anonymous {
    color: #999999;
}

/************************ MON COMPTE - ACTIVITE *********************/

.myaccount-activity h3 {
    margin: 0 0 5px;
    color: #777;
}

.myaccount-activity a {
    text-decoration: none;
}

.myaccount-activity .myaccount-welcome {
    padding-bottom: 15px;
    overflow: hidden;
}

    .myaccount-activity .myaccount-welcome .user-name a {
        color: #15BCEC;
    }

.myaccount-activity .myaccount-resume {
    overflow: hidden;
    margin: 10px 0;
}

.myaccount-activity .myaccount-messages-resume h3 .count {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin: 0 3px;
}

.myaccount-activity .myaccount-messages-resume a {
    display: block;
    margin-top: 10px;
    text-decoration: underline;
}

.myaccount-activity .message {
    background-color: #FFFFFF;
    border: 1px solid #bababa;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px;
}

    .myaccount-activity .message .message-content {
        width: 250px;
    }

.myaccount-activity .myaccount-messages-resume a:hover {
    text-decoration: none;
}

#global_contenu .myaccount-activity .myaccount-resume > div {
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.myaccount-activity .myaccount-resume > div {
    float: left;
    width: 100%;
}

.myaccount-activity .myaccount-resume li {
    float: left;
    width: 50%;
}

.myaccount-activity .resume-item {
    border: 1px solid #bababa;
    background-color: #FFF;
}

    .myaccount-activity .resume-item.comments {
        -moz-border-radius: 6px 0 0 0;
        -webkit-border-radius: 6px 0 0 0;
        border-radius: 6px 0 0 0;
        border-right: 1px dotted #cdcdcd;
    }

    .myaccount-activity .resume-item.reservations {
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
        border-radius: 0 0 0 6px;
        border-right: 1px dotted #cdcdcd;
        border-top:0;
    }

    .myaccount-activity .resume-item.tags {
        -moz-border-radius: 0 6px 0 0;
        -webkit-border-radius: 0 6px 0 0;
        border-radius: 0 6px 0 0;
        border-left:0;
    }

    .myaccount-activity .resume-item.loans {
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
        border-radius: 0 0 6px 0;
        border-top: 0;
        border-left: 0;
    }

    .myaccount-activity .resume-item a {
        display: block;
        padding: 10px;
    }

    .myaccount-activity .resume-item .count {
        display: block;
        font-size: 16px;
        font-weight: bold;
        color: #000;
        margin-bottom: 5px;
    }

    .myaccount-activity .resume-item .label-myaccount {
        font-size: 10px;
        text-transform: uppercase;
        color: #777;
    }

    .myaccount-activity .resume-item:hover {
        background-color: #f2f0f1;
    }

    .myaccount-activity .resume-item.comments:hover span,
    .myaccount-activity .resume-item.tags:hover span {
        color: #167F39;
    }

    .myaccount-activity .resume-item.reservations:hover span,
    .myaccount-activity .resume-item.loans:hover span {
        color: #15BCEC;
    }

.myaccount-activity .activity-basket {
    border-top: 1px dotted #bababa;
    padding: 15px 0;
}

    .myaccount-activity .activity-basket .basket-resume {
        margin-top: 15px;
    }

        .myaccount-activity .activity-basket .basket-resume .count,
        .myaccount-activity .activity-basket .basket-resume .date {
            font-weight: bold;
        }

        .myaccount-activity .activity-basket .basket-resume a {
            display: block;
            margin-top: 10px;
            text-decoration: underline;
        }

    .myaccount-activity .activity-basket a:hover {
        text-decoration: none;
    }
    /** déscend le titre du panier pour le demarquer des boutons de pagination en mode mobile **/
    #documents_memorises h2.basketmobile
    {
        margin-top:30px;
    }

.myaccount-activity .activity-feed {
    padding-top: 15px;
    border-top: 1px dotted #bababa;
}

    .myaccount-activity .activity-feed ul {
        margin: 10px 0;
        border: 1px solid #bababa;
        background-color: #FFF;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

        .myaccount-activity .activity-feed ul li {
            padding: 10px 0;
            border-top: 1px solid #bababa;
            overflow: hidden;
        }

            .myaccount-activity .activity-feed ul li:hover {
                background-color: #f2f0f1 !important;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
            }

            .myaccount-activity .activity-feed ul li.AddComment i:before,
            .myaccount-activity .activity-feed ul li.RemoveComment i:before {
                content: "\e811";
            }

            .myaccount-activity .activity-feed ul li.AddTag i:before,
            .myaccount-activity .activity-feed ul li.RemoveTag i:before {
                content: "\e837";
            }

            .myaccount-activity .activity-feed ul li.PlaceReservation i:before,
            .myaccount-activity .activity-feed ul li.RenewLoan i:before,
            .myaccount-activity .activity-feed ul li.CancelReservation i:before,
            .myaccount-activity .activity-feed ul li.PlaceProvision i:before {
                content: "\e81a";
            }

            .myaccount-activity .activity-feed ul li.SubscribeToEvent i:before,
            .myaccount-activity .activity-feed ul li.CancelEventSubscription i:before {
                content: "\e81e";
            }

            .myaccount-activity .activity-feed ul li .action {
                font-size: 11px;
                text-transform: uppercase;
            }

            .myaccount-activity .activity-feed ul li.AddComment .action,
            .myaccount-activity .activity-feed ul li.AddTag .action {
                color: #167F39;
                font-weight: bold;
            }

            .myaccount-activity .activity-feed ul li.PlaceReservation .action,
            .myaccount-activity .activity-feed ul li.RenewLoan .action,
            .myaccount-activity .activity-feed ul li.PlaceProvision .action,
            .myaccount-activity .activity-feed ul li.SubscribeToEvent .action {
                color: #15BCEC;
                font-weight: bold;
            }

            .myaccount-activity .activity-feed ul li.CancelReservation .action,
            .myaccount-activity .activity-feed ul li.CancelEventSubscription .action {
                color: #FF4732;
                font-weight: bold;
            }

            .myaccount-activity .activity-feed ul li.RemoveComment .action,
            .myaccount-activity .activity-feed ul li.RemoveTag .action {
                color: #777;
            }

            .myaccount-activity .activity-feed ul li.first {
                border-top: 0;
            }

.myaccount-activity .activity-content {
    padding-left: 8px;
    line-height: 16px;
    color: #444;
}

.myaccount-activity .activity-timestamp {
    margin-top: 5px;
    color: #777;
}

/************* MON COMPTE - PROFIL *********************/

#global_contenu .myaccount-profile {
    overflow: hidden;
    padding-bottom: 15px;
}

.myaccount-profile {
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #bababa;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.myaccount-profile .myaccount-profile-header {
     border-radius: 4px;
     background-color: #dddddd;
     padding: 8px 15px;
     font-weight:bold;
}

.myaccount-profile .myaccount-profile-civility {
    padding: 10px 0 5px 0;
    padding-right: 30px;
}

.myaccount-profile .myaccount-profile-bib {
    padding: 10px 0 5px 0;
    /*border-top: 1px solid #cdcdcd;*/
    padding-right: 30px;
}

.myaccount-profile .myaccount-profile-entry {
    font-size: 14px;
    margin: 10px 0;
}

.myaccount-profile .my-ermes-account {
    color: #15BCEC;
    text-transform: uppercase;
}

.myaccount-profile .library {
    overflow: hidden;
}

.myaccount-profile .library .account-label {
    float: left;
}

.myaccount-profile .library .account-value {
    float: left;
    font-weight: bold;
}

.myaccount-profile .account-label {
    color: #15BCEC;
}

.myaccount-rights {
    padding-top: 15px;
    clear: both;
}

.myaccount-rights ul {
    overflow: hidden;
}

.myaccount-rights ul li {
    border-radius: 6px;
    float: left;
    list-style: none;
    margin: 10px 10px 0 0;
    padding: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

@media (max-width: 767px) {
    .myaccount-rights ul li {
        width: 100%;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.myaccount-rights ul li.member-right {
    background-color: #8E8888;
    color:white;
}

.myaccount-rights ul li.reader-right {
    background-color: #15BCEC;
    color: #FFF;
}

.myaccount-rights ul li.admin-right {
    background-color: #000;
    color: #FFF;
}

.myaccount-edit-profile {
    padding: 10px 0 5px 0;
    border-top: 1px solid #cdcdcd;
}

.edit-account-profile-content .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

.edit-account-profile .icon-return {
    font-size: 40px;
}

.edit-account-profile .icon-spin {
    font-size: 30px;
}

.edit-account-profile .indicator {
    padding: 0;
}

/************* MON COMPTE - CONTRIBUTIONS *********************/

.myaccount-contributions-summary h3 {
    margin: 0 0 5px;
    color: #777;
}

.myaccount-contributions-summary {
    overflow: hidden;
}

.myaccount-contributions-summary .comments-summary,
.myaccount-contributions-summary .tags-summary {
    overflow: hidden;
    float: left;
    margin: 10px 30px 10px 0;
}

@media (max-width: 767px) {
    .myaccount-contributions-summary .comments-summary,
    .myaccount-contributions-summary .tags-summary {
        float: none;
        margin: 10px 0;
    }
}

.summary-global {
    float: left;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #bababa;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 100px;
}

    .summary-global .count {
        display: block;
        font-size: 16px;
        font-weight: bold;
        color: #000;
        margin-bottom: 5px;
    }

    .summary-global .label-myaccount {
        font-size: 10px;
        text-transform: uppercase;
        color: #777;
    }

.summary-details {
    float: left;
    padding: 0 0 0 16px;
    color: #FFF;
    margin-left: 10px;
    background: url(images/charte/structure/left_gray_triangle.png) no-repeat left center;
    background-size: 16px 16px;
}

    .summary-details .details-wrapper {
        background-color: #E6E4E5;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        box-shadow: 3px 3px 3px #bababa;
        -moz-box-shadow: 3px 3px 3px #bababa;
        -webkit-box-shadow: 3px 3px 3px #bababa;
        padding: 10px;
    }

    .summary-details .count {
        font-size: 14px;
        font-weight: bold;
        margin-right: 5px;
    }

    .summary-details .valid {
        color: #198128;
    }

    .summary-details .nonvalid {
        color: #000000;
    }

.myaccount-contributions-detail {
    border-top: 1px dotted #bababa;
    padding-top: 15px;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    overflow: hidden;
}

.myaccount-comments {
    margin-bottom: 10px;
}

    .myaccount-comments .myaccount-comment {
        padding: 10px 0 5px 0;
        border-top: 1px solid #cdcdcd;
    }

        .myaccount-comments .myaccount-comment.first {
            border-top: 0;
        }

    .myaccount-comments .comments-pagination {
        margin-top: 20px;
    }

.comments-pagination .pagination {
    margin: 0;
}

.myaccount-comments .comments-pagination li {
    display: inline;
}

    .myaccount-comments .comments-pagination li a {
        text-decoration: none;
    }

.myaccount-comments .comments-box {
    margin-top: 10px;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #bababa;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.myaccount-comments .myaccount-comment .comment-indicator {
    font-size: 16px;
    margin-left: 10px;
}

    .myaccount-comments .myaccount-comment .comment-indicator.valid:before {
        color: #468847;
        content: "\e838";
        cursor: help;
    }

    .myaccount-comments .myaccount-comment .comment-indicator.nonvalid:before {
        color: #B94A48;
        content: "\e839";
        cursor: help;
    }

.myaccount-comments .myaccount-comment .comment-content {
    overflow: hidden;
    margin-top: 10px;
}

.myaccount-comments .comment-character {
    float: left;
    width: 16px;
    height: 16px;
    background: url(images/charte/icones/myaccount_comment_icon.png) no-repeat left center;
}

.myaccount-comments .comment-message {
    float: left;
    margin-left: 5px;
    padding: 0 0 0 16px;
    max-width: 90%;
    background: url(images/charte/structure/left_gray_demi_triangle_16.png) no-repeat left top;
}

    .myaccount-comments .comment-message h4 {
        color: #FFFFFF;
        margin-bottom: 5px;
    }

    .myaccount-comments .comment-message p {
        color: #FFFFFF;
        font-size: 14px;
    }

    .myaccount-comments .comment-message > div {
        padding: 10px;
        background-color: #444;
        color: #FFF;
        -moz-border-radius: 0 6px 6px 6px;
        -webkit-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
        box-shadow: 3px 3px 3px #bababa;
        -moz-box-shadow: 3px 3px 3px #bababa;
        -webkit-box-shadow: 3px 3px 3px #bababa;
        margin-bottom: 5px;
    }

.myaccount-comments .myaccount-comment.nonvalid .comment-message {
    background: url(images/charte/structure/left_light_gray_demi_triangle_16.png) no-repeat left top;
}

    .myaccount-comments .myaccount-comment.nonvalid .comment-message * {
        background-color: #888;
        color: #f2f0f1;
    }

.myaccount-comments .all-comments-links {
    display: block;
    margin-top: 10px;
}

.myaccount-comments h3 {
    margin: 0 0 5px;
    color: #777;
}

.myaccount-comments .myaccount-comment.nonvalid .comment-actions ul {
    opacity: 0.5;
}

.myaccount-comments .comment-actions ul li {
    float: left;
    margin-right: 5px !important;
}

.myaccount-tags h3 {
    margin: 0 0 5px;
    color: #777;
}

.myaccount-tags .myaccount-tagcloud {
    background-color: #444;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 5px;
    margin-top: 10px;
}

    .myaccount-tags .myaccount-tagcloud a {
        text-decoration: none;
    }

    .myaccount-tags .myaccount-tagcloud li {
        margin: 0 5px;
        border-top: 1px solid #FFF;
        padding: 5px 0;
        word-wrap: break-word;
    }

        .myaccount-tags .myaccount-tagcloud li.first {
            border-top: 0;
        }

        .myaccount-tags .myaccount-tagcloud li.tag-weight-1 span {
            font-size: 16px;
            font-weight: bold;
            color: #FFF;
        }

        .myaccount-tags .myaccount-tagcloud li.tag-weight-2 span {
            font-size: 14px;
            color: #DDD;
        }

        .myaccount-tags .myaccount-tagcloud li.tag-weight-3 span {
            font-size: 12px;
            color: #bababa;
        }

/************* MON COMPTE - PRETS ET RESERVATIONS *********************/

/***MON COMPTE - PRETS ET RESERVATIONS - Royal Slider***/
.myaccount-loans .content_corps {
    display: none;
}

.myaccount-loans .rsVisibleNearbyWrap, .myaccount-loans .royalSlider {
    max-height: 180px !important;
    max-width: 1015px !important;
}

.myaccount-loans a.fancybox {
    color: #FFF;
}
/*************************************************************/

.myaccount-loans h3 {
    margin: 0 0 5px;
    color: #777;
}

.myaccount-loans .myaccount-loans-summary {
    overflow: hidden;
}

.myaccount-loans .loans-summary,
.myaccount-loans .reservations-summary {
    margin: 10px 30px 10px 0;
    overflow: hidden;
    float: left;
}

    .myaccount-loans .loans-summary .valid {
        color: #428bca;
    }

    .myaccount-loans .loans-summary .nonvalid {
        color: #FF4732;
    }

    .myaccount-loans .loans-summary .warning {
        color: #f0ad4e;
    }

    .myaccount-loans .reservations-summary .current {
        color: #15BCEC;
    }

    .myaccount-loans .reservations-summary .dispo {
        color: #198128;
    }

.myaccount-loans .loan-results,
.myaccount-loans .loan-historic,
.myaccount-loans .reservation-results,
.myaccount-loans .provision-results {
    margin-top: 10px;
}

.myaccount-loans .myaccount-loans-buttons {
    overflow: hidden;
}

@media (max-width: 580px) {
    .myaccount-loans .myaccount-loans-buttons > li {
        float: none;
    }
}

.myaccount-loans #bdp-links {
    padding: 3px 5px;
    margin: 10px 0;
}

    .myaccount-loans #bdp-links option {
        padding: 0 5px;
    }

.myaccount-loans #bdp-open-iframe {
    margin-left: 10px;
}

.myaccount-loans ul.notice .loan-item {
    margin-bottom: 10px;
}

.myaccount-loans ul.notice li.first {
    padding-top: 0;
}

.webframe-ermes-accountloans .myaccount-loans ul.notice li .notice_container {
    width: 300px;
}

.myaccount-loans ul.notice li .additional-infos {
    text-align: center;
    line-height: 14px;
}

.myaccount-loans .provision-results ul.notice li .additional-infos-wrapper {
    min-height: 50px;
}

.myaccount-loans ul.notice li .additional-infos .islate,
.myaccount-loans ul.notice li .additional-infos .islate a {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}

.myaccount-loans ul.notice li .additional-infos .issoonlate,
.myaccount-loans ul.notice li .additional-infos .issoonlate a {
    background-color: #FFE5C5;
    border-color: #eea236;
    color: #AC5B25;
}

.myaccount-loans ul.notice li .additional-infos .loan-additional-info {
    padding: 3px 0;    
}

.myaccount-loans ul.notice li .additional-infos .loan-additional-info:not(:last-child) {
    border-bottom: 1px dotted #3A87AD;
}

.myaccount-loans ul.notice li .islate .loan-additional-info {
    border-color: #B94A48;
}

.myaccount-loans ul.notice li .additional-infos .loan-additional-info.etat,
.myaccount-loans ul.notice li .additional-infos .loan-additional-info.holdingid{
    border: 0;
}

.myaccount-loans ul.notice li .additional-infos .loan-additional-info.othervalue {
    border-bottom: 0;
    border-top: 1px dotted;
}

    .myaccount-loans ul.notice li .additional-infos .loan-additional-info.status .loan-info-value,
    .myaccount-loans ul.notice li .additional-infos .loan-additional-info.holdingplace .loan-info-value {
        display: block;
    }

.myaccount-loans ul.notice li .additional-infos .loan-info-label {
    font-weight: bold;
    text-transform: uppercase;
}

.myaccount-loans ul.notice li .additional-infos .loan-additional-info.holdingid .loan-info-label{
	text-transform: none;
	font-weight: normal;
}

.myaccount-toolbar {
	margin-bottom:20px;
}

.myaccount-loans ul.notice .myaccount-actions {
    clear: both;
}

    .myaccount-actions ul.myaccount-toolbar{
        overflow: visible;
    }

	.myaccount-actions ul li button:not(.basket-label){
		text-transform:uppercase;
		height: 25px;
	}

.myaccount-actions ul ul.dropBasketUl {
	min-width:0px;
}

.myaccount-actions ul ul.dropBasketUl li.dropBasketLi{
	text-transform:none;
	min-width: 100px;
    }

.myaccount-actions ul ul.dropBasketUl li.dropBasketLi a{
	padding: 3px 20px;	
	display: block;
	/* margin-left:17px; */
}

ul.myaccount-toolbar div#dropBasketAllDiv, .myaccount-actions ul div.dropBasketDiv{
	border-left: 1px solid #5E9C90;
	margin-left:-5px;
}

button.dropBasketButton{
	height:25px;
}

	.myaccount-actions ul li {
            float: left;
            margin-right: 5px;
        }

   .myaccount-actions ul li a {
                text-decoration: none;
            }

	.myaccount-actions ul li a span {
		/* color: #FFF; */
                }

.myaccount-loans ul.notice .loan-custom-result a {
    text-decoration: none;
}

.myaccount-loans ul.notice .provision-item {
    background-color: #FFF;
    border: 1px solid #cdcdcd;
    margin: 20px 0;
    padding: 10px;
}

    .myaccount-loans ul.notice .provision-item .title {
        display: block;
    }

    .myaccount-loans ul.notice .provision-item .heure,
    .myaccount-loans ul.notice .provision-item .etat {
        margin-top: 10px;
        display: block;
    }

/************* MON COMPTE - MESSAGES *********************/

.myaccount-messages h3 {
    margin: 0 0 5px;
    color: #777;
}

    .myaccount-messages h3 .count {
        font-size: 20px;
        color: #000;
        font-weight: bold;
        margin: 0 3px;
    }

.myaccount-messages ul {
    background-color: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #bababa;
    margin-top: 10px;
    padding: 0 10px;
}

.myaccount-messages li {
    padding: 10px 0;
}

.message .message-wrapper {
    padding-bottom: 16px;
    position: relative;
}

.message .message-infos {
    padding-left: 10px;
}

.message .message-sender {
    text-transform: uppercase;
    font-size: 11px;
    color: #444;
}

.myaccount-messages h4 {
    margin-top: 10px;
}

.myaccount-messages .messages-recent {
    padding-bottom: 15px;
}

.myaccount-messages .messages-old {
    padding-top: 15px;
    border-top: 1px dotted #bababa;
}

.message .message-content {
    background-color: #444;
    color: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 3px 3px 3px #bababa;
    -moz-box-shadow: 3px 3px 3px #bababa;
    -webkit-box-shadow: 3px 3px 3px #bababa;
    padding: 10px;
    font-family: Courier New, Arial, Sans-Serif;
}

.message .message-background {
    background: url(images/charte/structure/right_gray_demi_triangle_16.png) no-repeat 30px bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
}

/************* MON COMPTE - INSCRIPTIONS A L'AGENDA *********************/

.myaccount-agendaregistrations h3 {
    margin: 0 0 5px;
    color: #777;
}

.myaccount-agendaregistrations .agenda-registrationslist {
    margin-top: 20px;
    clear: both;
}

.myaccount-agendaregistrations .agenda-registration {
    padding: 10px 0;
    border-top: 1px solid #bababa;
}

    .myaccount-agendaregistrations .agenda-registration .actions {
        overflow: hidden;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: bold;
        margin-top: 5px;
    }

        .myaccount-agendaregistrations .agenda-registration .actions li {
            float: left;
            margin-right: 5px;
            cursor: pointer;
        }

    .myaccount-agendaregistrations .agenda-registration .registration-status {
        font-weight: bold;
    }

        .myaccount-agendaregistrations .agenda-registration .registration-status.valid {
            color: #167F39;
        }

        .myaccount-agendaregistrations .agenda-registration .registration-status.refused,
        .myaccount-agendaregistrations .agenda-registration .registration-status.unsuscribed {
            color: #C93213;
        }

        .myaccount-agendaregistrations .agenda-registration .registration-status.waiting {
            color: #bf7500;
        }

/************* MON COMPTE - IFRAME Abonnement*********************************/

.frame-portalmyaccountsubscriptionswebframefactory  .iframeSubscription{
    width: 100%;
    height: 800px;
}

/*****************************************************************************/

/************* MON COMPTE - MES RECHERCHES  *********************/

.myaccount-memorysearch-buttons
{
    overflow: hidden;
}
    .myaccount-memorysearch.searchList
    {
        background-color: #FAF8F9;
        color: #4B494A;
        padding: 20px;
    }
    .myaccount-memorysearch .searchBox,.myaccount-memorysearch .serviceBox
    {
        padding: 10px 0 5px 0;
        border-top: 1px solid #cdcdcd;
    }
    .myaccount-memorysearch .searchBox:first-child,.myaccount-memorysearch .serviceBox:first-child
    {
       border-top: 0;
    }
    .myaccount-memorysearch .searchBox .btn-group button,.myaccount-memorysearch .serviceBox .btn-group button {
        margin-right: 5px !important;
        padding: 5px;
    }

    .myaccount-memorysearch .searchBox ul li.subject,.myaccount-memorysearch .serviceBox ul li.subject,.myaccount-memorysearch .searchfollow span {
        font-weight:bold;
    }
        .myaccount-memorysearch .searchBox ul li.subject span
        {
            padding-left:6px;
            font-weight:initial;
            font-style:italic;
        }
    #subscriptionAvailable .myaccount-service-loading {
    color: #428BCA;
    font-size: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: 10px;
    position: relative;
    width: 50px;
    }

.myaccount-memorysearch-summary .email
{
    cursor:pointer;
    font-size:initial;
    border-radius:initial;
}
/*****************************************************************************/

/************* MON COMPTE - RESEAUX SOCIAUX  *********************/

.frame-portalmyaccountsocialnetworkwebframefactory  > h3  {
	border-bottom:1px dotted #bababa;
    padding-bottom: 15px;
}

.frame-portalmyaccountsocialnetworkwebframefactory .network-wrapper {
	margin-top: 15px;
}

/************* MON COMPTE - MES NEWSLETTERS  *********************/

.frame-portalmyaccountsubscriptionswebframefactory h3, .frame-portalmyaccountnewsletterswebframefactory h3
{
    border-bottom:1px dotted #bababa;
    padding-bottom: 15px;
}

/****************************************************************/
/************************************ HighLight Solr *************************************/
p.highlight,
p.highlight em {
    font-style: italic;
    color: #6BB3A5;
    font-weight: 100;
}

    p.highlight em {
        font-weight: 700 !important;
        border: 1px solid #cdcdcd;
    }
/*****************************************************************************************/

/*********************************** Encart Evenements de l'agenda *********************/

.webframe-ermes-agendaevents .content_corps {
    background-color: #FFF;
}

.webframe-ermes-agendaevents .vignette {
    float: left;
    width: 80px;
    margin: 2px 10px 0 5px;
}

.webframe-ermes-agendaevents h3,
.webframe-ermes-agendaevents .content {
    margin-top: 0;
    color: #444;
}

.webframe-ermes-agendaevents h3 {
    font-size: 13px;
    font-weight: bold;
    font-family: Trebuchet MS, Serif;
    margin: 0 0 2px;
}

.webframe-ermes-agendaevents .content .loc {
    color: #167F39;
    font-weight: bold;
}

.webframe-ermes-agendaevents .content .date-range {
    margin: 2px 5px;
    height: 16px;
}

.webframe-ermes-agendaevents .content .desc {
    margin: 2px 5px;
    color: #222;
}

.webframe-ermes-agendaevents-item-shadow {
    position: relative;
}

.webframe-ermes-agendaevents li {
    overflow: hidden;
}

.webframe-ermes-agendaevents .vignette > img {
    max-width: 80px;
}

.webframe-ermes-agendaevents .content > p {
    margin: 2px 5px;
}

.webframe-ermes-agendaevents .desc {
    font-size: 0.9em;
    font-weight: normal;
    font-style: normal;
}

.webframe-ermes-agendaevents p {
    margin: 2px 0;
}

.webframe-ermes-agendaevents hr {
    height: 0;
    border-color: #DEDCD5;
    clear: both;
}

.webframe-ermes-agendaevents a {
    text-decoration: none;
}

/********************** Accessibilité ************************/

.tablink:focus {
    border: inherit;
    clip: auto;
    height: auto;
    margin: inherit;
    overflow: inherit;
    width: auto;
    position: absolute;
    top: 5px;
    left: 150px;
    font-size: 2em;
    color: #000;
    background-color: #fff;
    padding: 10px;
}

/********************** Formats d'affichage ***************/
.template-title {
    color: #444;
    font-weight: bold;
    font-size: 16px;
}

@media (max-width:767px) {
    .template-title {
        font-size: 14px;
    }
}

.template-info {
    color: #666;
    line-height: 15px;
}

.template-resume {
    font-size: 11px;
    font-style: italic;
    line-height: 20px;
}

.item-typedoc, .item-source  {
    font-weight: bold;
}

/******************** Carousel *******************/
.royalSlider {
    visibility : hidden;
    width: 100%;
    height: 400px;
}

.rs-railsWithCaption .royalSlider {
    height: 300px;
}

.royalSlider.rsDefaultInv .rsThumbsHor {
    height: 72px;
}

.rsDefaultInv .rsThumb img {
    height: auto;
}

.rsDefaultInv .rsGCaption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color: #f2f0f1;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: auto;
    z-index: 20;
    line-height: 18px;
    padding: 12px 0 16px;
    width: 100%;
    text-align: center;
}

.rsDefaultInv .rsGCaption * {
    color: #f2f0f1;
}

.rsDefaultInv .rsGCaption p {
    font-size:medium;
    margin:0px;
    padding:0px;
}

.frame-ermes-imagecarousel .rsGCaption {
    left: 0;
    padding: 12px 10px;
}

.rsABlock {
    padding: 10px 7% 0;
}

.rsDefaultInv .rsArrow {
    z-index: 10;
}

.rsArrow, .rsFullscreenBtn {
    background: transparent;
    border: 0;
}

.rsArrow.rsHidden {
    visibility: visible;
}

.rsArrow:focus, .rsFullscreenBtn:focus {
    border: 1px dotted;
}

a.selectionPaging {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

a.precedent.selectionPaging {
    background: url(images/charte/icones/icones_12.png) no-repeat left -28px;
}

a.precedent_off.selectionPaging {
    background: url(images/charte/icones/icones_12.png) no-repeat -17px -28px;
}

a.suivant.selectionPaging {
    background: url(images/charte/icones/icones_12.png) no-repeat left -43px;
}

a.suivant_off.selectionPaging {
    background: url(images/charte/icones/icones_12.png) no-repeat -17px -43px;
}

.selectionsNoticeResults,
.suggestionNoticeResults {
    max-height: 180px;
}

.btnPlayVideo{
    background-color: rgba(255,255,255,0.75);
    border: 0;
    border-radius: 4px;
}

.btnPlayVideoIcon{
    font-size: 25px;
}

#tab_suggestion div.rsSlideContainer div.template-resume
{
    display:none;
}

/*****************Royal Slider Encart d'affichage*****************/

.rs-textualFrieze .rsTmb {
    padding: 0 10px;
}

.rs-textualFrieze .rsThumbs .rsThumb {
    width: 160px;
    height: auto;
    min-height: 50px;
    border-bottom: 1px solid #DDDDDD;
}

.rs-textualFrieze .rsThumbs {
    width: 160px;
    padding: 0;
}

.rs-textualFrieze .rsThumb:hover {
    background: #DDDDDD;
}

.rs-textualFrieze .rsThumb.rsNavSelected {
    background-color: #FFFFFF;
}

@media screen and (max-width: 500px) {
    .rs-textualFrieze .rsTmb {
        padding: 0 5px;
    }

    .rs-textualFrieze .rsThumbs .rsThumb {
        width: 100px;
    }

    .rs-textualFrieze .rsThumbs {
        width: 100px;
    }

    .rs-textualFrieze .rsTmb p {
        display: none;
    }

    .rs-textualFrieze .rsOverflow,
    .royalSlider.rs-textualFrieze {
        height: 300px !important;
    }
}


.rs-railsWithCaption .rsGCaption {
    font-size: 16px;
    padding: 12px 0 16px;
    position: static;
    float: left;
    left: auto;
    bottom: auto;
    text-align: center;
    width: 100%;
}

    .rs-railsWithCaption .rsGCaption span {
        display: block;
        clear: both;
        color: #bababa;
        font-size: 14px;
        line-height: 22px;
    }

.rs-mosaicFrieze {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.carousel,
.carousel .rsOverflow,
.carousel .rsSlide {
    background: #FFFFFF;
}

.rs-mosaicFrieze .rsThumb {
    float: left;
    overflow: hidden;
    width: 56px;
    height: 56px;
    margin-right: 1px;
}

.rs-mosaicFrieze .rsThumbs {
    width: 245px;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 0 0 0 1px;
    right: 0;
}

.rs-mosaicFrieze .rsGCaption {
    right: 285px;
    line-height: 12px;
    padding: 1px 7px;
    font-size: 11px;
    background: #EEE;
    position: absolute;
    width: auto;
    bottom: 0;
    float: none;
    text-align: left;
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
    .rs-mosaicFrieze .rsThumbs {
        width: 228px;
    }

    .rs-mosaicFrieze .rsGCaption {
        right: 228px;
    }
}

@media screen and (min-width: 0px) and (max-width: 760px) {
    .rs-mosaicFrieze .rsThumbs {
        left: 0;
        position: relative;
        width: 100%;
        height: auto;
        padding: 1px 0 0 1px;
    }

    .rs-mosaicFrieze .rsThumbsContainer {
        height: auto !important;
    }

    .rs-mosaicFrieze .rsGCaption {
        right: 0;
    }
}

.rsSlideContainer {
    height: 100%;
}

.thumb-title {
    font-size: 12px !important;
    margin: 6px 0;
}

/* Paramètres légèrement différent pour ImageCarousel */
.rs-ImgCarousel-textualFrieze .rsTmb {
    height: 70px;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    width: 220px;
}

.rs-ImgCarousel-textualFrieze .rsThumbs .rsThumb {
    width: 220px;
    height: auto;
    border-bottom: 1px solid #DDDDDD;
}

.rs-ImgCarousel-textualFrieze .rsThumbs {
    width: 220px;
    padding: 0;
}

.rs-ImgCarousel-textualFrieze .rsThumb:hover {
    background: #DDDDDD;
}

.rs-ImgCarousel-textualFrieze .rsThumb.rsNavSelected {
    background-color: #FFFFFF;
}

.rs-ImgCarousel-railsWithCaption .rsGCaption, .rs-ImgCarousel-textualCarousel .rsGCaption {
    bottom: 16px;
    font-size: 16px;
    line-height: 18px;
    padding: 12px 0 16px;
    text-align: center;
}

    .rs-ImgCarousel-railsWithCaption .rsGCaption span {
        display: block;
        clear: both;
        color: #bababa;
        font-size: 14px;
        line-height: 22px;
    }

.rs-ImgCarousel-mosaicFrieze .rsThumb {
    float: left;
    overflow: hidden;
    width: 56px;
    height: 56px;
    margin-right: 1px;
}

.rs-ImgCarousel-mosaicFrieze .rsThumbs {
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 0 0 0 1px;
    right: 0;
}

.rsDefaultInv .rsCloseVideoBtn {
    left: 0;
}

/*****************Ermes-Survey WebFrame*****************/

.Ermes-Survey .survey {
    background-color: #f2f0f1;
    margin-bottom: 0px;
    padding: 10px;
}

.Ermes-Survey .title-question {
    margin: inherit;
    color: #428bca;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
}

.Ermes-Survey input[type="checkbox"] {
    margin-top: 0px;
    margin-left: 0px;
}

.Ermes-Survey li {
    overflow: hidden;
}
/*****************Ermes-FormMultiBox WebFrame*****************/

.webframe-integration-formulaire .captcha {
    width: 275px;
    margin-bottom: 10px;
}

    .webframe-integration-formulaire .captcha > img {
        margin-bottom: 5px;
    }

.webframe-integration-formulaire .nouveauCaptcha,.webframe-integration-formulaire  .audioCaptcha {
    margin-right: 5px;
    cursor: pointer;
    display: inline;
}

.webframe-integration-formulaire .audioCaptcha button, .webframe-integration-formulaire .captcha button {
    border: 0;
    background-color: inherit;
    padding: 2px;
}

.webframe-integration-formulaire .btn, .contribution-sigb-form .btn {
    margin-right: 4px;
}

.webframe-integration-formulaire .reset {
    margin-right: 5px;
}

/*************************** AGENDA ***************************/

#agenda-datepicker {
    margin: 5px 0 10px;
}

#agenda-datepicker > div {
    margin: 0 auto;
}

@media (max-width: 979px) {
    #agenda-datepicker-help {
        display: none;
    }
}

.facetList.nav-stacked {
    padding: 2px 5px 0;
}

.facetList.nav-pills > li {
    margin-top: 2px;
    overflow: hidden;
}

.facetList.nav-pills > li > a {
    padding: 5px 10px;
}

#resultats_recherche .facetList.nav-pills {
    margin-top: 8px;
}

#resultats_recherche .facetList.nav-pills > li {
    margin-top: 2px;
}

#resultats_recherche .facetList.nav-pills > li > a {
    background-color: #666;
    color: #FFF;
}

#resultats_recherche .facetList.nav-pills > li.disabled > a {
    opacity: 0.4;
}

#resultats_recherche .facetList.nav-pills > li > a:hover,
#resultats_recherche .facetList.nav-pills > li > a:focus {
    background-color: #EEE;
    color: #444;
}

#resultats_recherche .facetList.nav-pills > li.disabled > a:hover,
#resultats_recherche .facetList.nav-pills > li.disabled > a:focus {
    background-color: #666;
    color: #FFF;
}

#resultats_recherche .facetList.nav-pills > li.active > a {
    font-weight: bold;
    text-decoration: underline;
    background-color: #428BCA;
    color: #FFF;
}

.event-wrapper {
    padding-left: 5px;
}

#resultats > ul > li.current-event {
    background-color: #FDF5C4;
}

#resultats > ul > li.current-event .well {
    background-color: #FEF8D7;
}

#resultats > ul > li.current-event .notice_metadata {
    background-color: #FDF1B0;
}

.facetIcon {
    padding: 0 5px 0 16px;
}

#event-dialog-size-select {
    width: 100px;
    display: inline;
}

.notice .event-info {
    margin: 10px 0;
}

    .notice .event-info .agenda-label {
        font-weight: bold;
    }

.notice .event-date ul,
.notice .event-date .desc-list-title {
    display: inline-block;
}

.notice .event-date .glyphicon {
    vertical-align: top;
}

#notice_longue .event-plages .event-plage {
    padding: 10px 5px;
}

#notice_longue .event-plages .plage-date {
    font-size: 16px;
    margin-bottom: 10px;
}

    #notice_longue .event-plages .plage-date > .glyphicon {
        font-size: 20px;
        color: #777777;
        margin-right: 5px;
    }

#notice_longue .event-plages .plage-notes {
    margin-bottom: 10px;
}

#subscribe_event_dialog p {
    margin: 0;
}

.alert.plage-queue {
    overflow: auto;
    line-height: 36px;
    padding: 5px;
}


/*************************** Calendrier Agenda ***************************************/
#agenda-datepicker .ui-state-active {
    background: none;
    color: #808080;
    border-radius: 0;
}

#agenda-datepicker .ui-datepicker td.ui-state-event a {
    background: url(images/charte/icones/circle-green-xs.png) no-repeat bottom center;
    color: #555;
}

#agenda-datepicker .ui-datepicker td.ui-state-dateRange-no-event a {
    background: none;
    background-color: #777777;
    color: #FFF;
}

#agenda-datepicker .ui-datepicker td.ui-state-dateRange-event a {
    background: url(images/charte/icones/circle-green-xs.png) no-repeat bottom center;
    background-color: #777777;
    color: #FFF;
}

#agenda-datepicker .ui-datepicker td.ui-state-highlight-no-event,
#agenda-datepicker .ui-datepicker td.ui-state-highlight-event {
    opacity: 1;
}

    #agenda-datepicker .ui-datepicker td.ui-state-highlight-no-event span {
        background: none;
        background-color: #777777;
        color: #FFF;
    }

    #agenda-datepicker .ui-datepicker td.ui-state-highlight-event span {
        background: url(images/charte/icones/circle-green-xs.png) no-repeat bottom center;
        background-color: #777777;
        color: #FFF;
    }

#agenda-datepicker-help {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: help;
}

    #agenda-datepicker-help i {
        font-size: 20px;
    }

#options_resultat .panel-heading > h2 {
    padding-right: 30px;
}

#options_resultat .panel-body, #options_document .panel-body {
    padding: 10px;
    position: relative;
}

#agenda-datepicker-fields {
    width: 270px;
    margin: 0 auto;
    max-width: 100%;
}

#agenda-datepicker-start,
#agenda-datepicker-end {
    margin: 0;
    padding: 0 0 0 7px;
}

#submit-agenda-search {
    padding: 6px 10px;
}

/*****************************  Popup de capture de recherche ***************************/

textarea.capture_search_container {
    height: 100%;
    max-width: 100%;
}

#manageSelectionsForm legend {
    margin-bottom: 8px;
}

#manageSelectionsForm .table thead > tr > th,
#manageSelectionsForm .table tbody > tr > th,
#manageSelectionsForm .table tfoot > tr > th,
#manageSelectionsForm .table thead > tr > td,
#manageSelectionsForm .table tbody > tr > td,
#manageSelectionsForm .table tfoot > tr > td {
    padding: 2px;
}

#manageSelectionsForm .modal-body {
    padding-bottom: 5px;
    padding-top: 5px;
}

#manageSelectionsForm .modal-footer {
    margin-top: 5px;
}

#manageSelectionsForm .form-group {
    overflow: auto;
}

#resultats_detail .panel-heading {
    min-height: 51px;
}

.slider-notice {
    padding-left: 10px;
}

/********** Rating Stars Accessible ***********/
ul.notes-echelle li label {
    /*text-indent: -9999px;*/
    top: 26px;
    left: 8px;
    position: absolute;
    color: #aaa;
    font-family: Titillium;
}

ul.notes-echelle li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

    ul.notes-echelle li span {
        cursor: pointer;
        font-family: "ermes-font-update";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: 0.2em;
        text-align: center;
        color: #ec4;
        font-size: x-large;
    }

    ul.notes-echelle li.li-note-0 span {
       color:#cdcdcd;
    }

    ul.notes-echelle li span:before {
        content: '\e828';
    }

    ul.notes-echelle li.note-off span:before {
        content: '\e82e';
    }

    ul.notes-echelle li.note-checked {
        font-weight: bold;
    }

ul.notes-echelle.js li {
    min-width: 20px;
    min-height: 20px;
}

ul.notes-echelle.js input {
    position:absolute;
    /* Match the image dimensions */
    width:8px;
    height:8px;
    /* Reset anything that could peek out or interfere with dimensions */
    overflow:hidden;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    opacity:0;
    left: 0;
    top: 0;
}

ul.notes-echelle.js li.note-focus {
    outline: 1px dotted #000;
}

#addCommentForm .number-spin-btn-container {
    display: none;
}
#addCommentForm textarea {
    resize:none;
}

*:focus {
    outline: outset solid thick !important;
}

/* Le code ci-dessous permet de masquer tout conteneur autour des encarts insérés (question de goûts...) */
/*
.frame-embed .panel-default {
    border: none;  
}

.frame-embed .panel-body {
    padding: 0;
}
*/

/*** Rendre un affichage similaire entre encart embarqué (embed) et encart normal ***/
.frame-embed .panel-front {
    padding:0px;
}
.frame-embed .panel-body 
{
    padding-top:0px !important;
}

/* Style 'Sans Titre' (ajouté par le setup d'Ermes : demande CA) */
/* 20140602 : Utilisation d'un masquage accessible (vocalisé) */
.frame-no-title .panel-heading .icon-resize-small + h2 {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

dl.table-of-content dd {
    margin-left: 15px;
}

/* Hauteur minimale de coprs de page */
div#page > div.container {
    min-height: 350px;
}

.ui-autocomplete {
    cursor: default;
    position: absolute;
    z-index: 5000 !important;
}

.modal-dialog {
    padding-top: 45px;
}

/* Misen en forme des tables de matières (EPRESSE) */
dl.table-of-content dt {
    font-weight: 700;
}

dl.table-of-content dd {
    margin: 5px 0 5px 10px;
}



/* Typeahead.js */

.tt-dropdown-menu,
.gist {
  text-align: left;
}

/* base styles */
/* ----------- */


.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    background-color: #fff;
    border-color: #F2F0F1;
    border-radius: 0;
    color: #aaa;
    height: 50px;
}

.tt-dropdown-menu {
  width: 100%;
  margin-top: 0px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  border: 1px solid rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 10px;
  font-size: 18px;
  line-height: 24px;
  border-bottom : 1px solid #DDDDDD;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #00726f;
}

.tt-suggestion.tt-cursor p {
    color:#fff;
}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}

.twitter-typeahead {
    background-color:#fff;
}

/* Ajouter des icones sur les entrées de menu (désactivé par défaut) */
.icon-integration-sitemap {
    display: none;
}
/* Exemples */
.LEVEL1:nth-child(1) .icon-integration-sitemap:before, .rich-item:nth-child(1) .icon-integration-sitemap:before {
    content: '\e857';
}
.LEVEL1:nth-child(2) .icon-integration-sitemap:before, .rich-item:nth-child(2) .icon-integration-sitemap:before {
    content: '\e84e';
}
.LEVEL1:nth-child(3) .icon-integration-sitemap:before, .rich-item:nth-child(3) .icon-integration-sitemap:before {
    content: '\e803';
}

/* Alignement (marges négatives) */
@media (min-width:768px) {
    .layout.row {
        margin-left: -4px;
        margin-right: -4px;
    }

    #resultsContainer {
        margin-left: -4px;
        margin-right: -4px;
    }
}

ul.pipe-separators li {
    float:left;
}

ul.pipe-separators li::after {
    content: " | ";
}

ul.pipe-separators li:last-child:after {
    content: "";
}

/************ Modèles d'encarts *******************/
.panel-model {
    border-color: #DDDDDD;
}
.panel-model > .panel-heading {
    background-color: #F5F5F5;
    border-color: #DDDDDD;
    color: #333333;
    padding: 10px 15px;
}
.panel-model > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #DDDDDD;
}
.panel-model > .panel-heading > .dropdown .caret {
    border-color: #333333 rgba(0, 0, 0, 0);
}
.panel-model > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #DDDDDD;
}

/************ Modèles de carrousel ****************/
.slider_thumb {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden
}
.slider_thumb img {
	width: 100%;
	height: 100%
}
.slider_container {
	position: absolute;
	display: table;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 1.2em 1em;
	color: #fff;
	z-index: 50;
	background: #000;
	height: 70%;
	width: 30%;
	overflow:hidden;
}
.slider_sub_container {
	display: table;
	height:100%;
}

.carousel_1 {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.carousel_1 h3 {
	color: #AD565D;
	text-transform: uppercase
}
.carousel_2 {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.carousel_2 .slider_container {
	right: 0;
	left: auto
}
.carousel_2 h3 {
	color: #50867C;
	text-transform: uppercase
}
.carousel_3 {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.carousel_3 .slider_container {
	width: 40%;
	height: 100%;
	background: #000;
	display: block
	
}

.carousel_3 .slider_content {
	display: table-cell;
	vertical-align: middle
}
.carousel_3 h3 {
	color: #AD565D;
	text-transform: uppercase
}

/******************Responsive devices*******************/
/* iPad portrait · width: 768px */
@media (max-width: 768px) {
	.carousel_1 h2, .carousel_2 h2, .carousel_3 h2 {
		font-size: 18px
	}
}

@media (max-width: 480px) {
	.slider_container {
		width: 70%;
		padding: 8px
	}
	.slider_container h2 {
		margin: 8px 0
	}
	.slider_container p {
		font-size: 12px
	}
}
/*Android (Nexus 4) portrait · width: 384px*/
@media (max-width: 384px) {
	.carousel_1 h2, .carousel_2 h2, .carousel_3 h2 {
		font-size: 14px
	}
	.slider_container {
		width: 70%;
		padding: 8px
	}
	.slider_container h2 {
		margin: 8px 0
	}
	.slider_container p {
		font-size: 12px
	}
}

/* Bullets Royal Slider versio bootstrap */
.bs-bullets {
    line-height : inherit !important;
}

.bs-bullets li{
    width:auto !important;
    height:auto !important;
}

.bs-bullets button,
.bs-bullets button:focus,
.bs-bullets button:active,
.bs-bullets button:hover{
    border-color:#999;
    background-color:transparent;
    border-width:2px;
    height:16px;
    width:16px;
    border-radius : 24px;
}

.bs-bullets li span {
    background:none !important;
    width:auto !important;
    height:auto !important;
}

.bs-bullets .rsNavSelected button {
    background-color:#999;
}

.bs-bullets-DISABLED .rsNavSelected span:before {
    content: "\e013";
}

/* Application d'un même focus pour tous les composants, override du focus d'extjs (x-webkit) */
.x-webkit *:focus, *:focus{
   outline: 1px dotted black !important;
}
button:focus, .btn:focus{
   outline: 2px dotted black !important;
}

/**************************************************************************************/
/******************Mode d'affichage pour les résultats de recherche *******************/
/**************************************************************************************/

/*******************/
/** Mode Mosaïque **/
/*******************/

#containerSearchList {
  margin: 5% auto;
}

    #containerSearchList .item
    {
        border: 1px solid #999999;
        float: left;
        margin-bottom:20px;
        margin-right: 10px;
        margin-left: 10px;
    }

        #containerSearchList .item img
        {
             -moz-box-shadow: 1px 1px 4px #aaa;
            -ms-box-shadow: 1px 1px 4px #aaa;
            -webkit-box-shadow: 1px 1px 4px #aaa;
             box-shadow: 1px 1px 4px #aaa;
            -webkit-transition: all .0s ease-in; /* element qui subit la transition, temps de la transition et function de la transition*/
            -moz-transition: all .0s ease-in;
            -o-transition: all .0s ease-in;
            transition: all .0s ease-in;
            background-color: #FFF;
            padding: 2px;
            transition: all 0s ease-in-out 0s;
            display: block;
        }

            #containerSearchList .item img:hover
            {
                transition: all .25s ease;
                z-index: 10;
                position: relative;
                -webkit-transform: scale(1.2); /*multiplication de la taille de départ x 1.2*/
                -moz-transform: scale(1.2);
                -o-transform: scale(1.2);
                transform: scale(1.2);
                -webkit-transform-origin: center center; /*origine de l'animation*/
                -moz-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center;
            }
    #containerSearchList .vignette_document
    {
    margin: 0;
    }       

#containerSearchList .vignette_document .icon-check
{
    background-color: #333333;
    top: -3px;
    color: #F2F0F1;
    padding-left: 4px;
    position: absolute;
    left: -3px;
    font-size: 15px; 
}

#containerSearchList .checkItemOutSelection
{
    display:none;
}

#containerSearchList .checkItemInSelection
{
    display:block;
}

#containerSearchList .informationVignet
{
    z-index:10;
    padding: 10px;
    display: block;
    padding: 7px 5px 0;
    position: absolute;
    width:100%;
}

/** CSS du statut en mode mosaïque murale **/
.obtain-document-link-mosaic
{
    border-top: 15px solid transparent;
    position: absolute;
    bottom: 0;
}
.obtain-document-link-mosaic.all-loaned,
.obtain-document-link-mosaic.not-available-here,
.obtain-document-link-mosaic.available-elsewhere,
.obtain-document-link-mosaic.loaned-elsewhere,
.obtain-document-link-mosaic.not-available,
.obtain-document-link-mosaic.holding.not-available {
    border-left: 15px solid #FDC76B;
}

.obtain-document-link-mosaic.available,
.obtain-document-link-mosaic.exposition,
.obtain-document-link-mosaic.holding.is-available {
    border-left: 15px solid #97C67D;
}

.obtain-document-link-mosaic.no-existing {
    border-left: 15px solid #E74C3C;
}

.obtain-document-link-mosaic.no-holding {
    border-left: 15px solid #7F8C8D;
}
/*******************/
/** Mode Vignette **/
/*******************/

#modeDisplayVignet
{
    padding-bottom:25px;
    padding-top:25px;
    background-color:#E6E4E5;
}

#modeDisplayVignet .vignet
{
    /*-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.1);*/
    -moz-box-shadow: 1px 1px 4px #aaa;
    -ms-box-shadow: 1px 1px 4px #aaa;
    -webkit-box-shadow: 1px 1px 4px #aaa;
    box-shadow: 1px 1px 4px #aaa;
    margin: 12px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position:relative;
    height:290px;
}

    #modeDisplayVignet .notice.notice_courte,#modeDisplayVignet .statut,#modeDisplayVignet .statut-disabled
{
    background-color:#f5f5f5;
    margin-right:inherit;
}

#modeDisplayVignet .vignette_document img.ermes-thumb
{
    width:100%;
}

#modeDisplayVignet .vignette_document
{
    overflow:hidden;
    height:190px;
    line-height:190px;
    text-align:center; /* centrage horizontal d'un élément en-ligne */
    margin-right: auto;
    width: 100%; /* centre la vignette en smartphone */
}

        #modeDisplayVignet .vignette_document .icon-new
        {
            bottom: 0;
            right: 0;
        }

/*Réajustement de la hauteur pour l'icone de signalement et l'icone nouveauté*/
#modeDisplayVignet .vignette_document .icon-new,
#modeDisplayVignet .vignette_document .warning-link
{
    line-height: normal;
}

@media (max-width: 768px)
{
    #modeDisplayVignet .vignette_document img.ermes-thumb
    {
        max-width: 200px; /* Affichage en mode smartphone */

    }
    #modeDisplayVignet .vignet
    {
        max-width:260px;/* Affichage en mode smartphone */
                margin:auto;
    }
}

#modeDisplayVignet .informationVignet
{
    display: block;
    overflow: hidden;
    padding: 7px 2px 0 10px;
    position: relative;
}
#modeDisplayVignet .titleVignet, #containerSearchList .titleVignet
{
    cursor:help;
    line-height: 18px;
    height: 2.5em;
    overflow: hidden;
    font-weight:bold;
}

    #modeDisplayVignet .subTitleVignet, #containerSearchList .subTitleVignet
    {
      cursor:default;
      overflow: hidden;
      white-space: nowrap;
    }
#modeDisplayVignet .subTitleVignet
{
      color: #aaa;
}
    
#modeDisplayVignet .paragraph-end
{
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
    height: 20px;
    max-height: 100%;
    position: absolute;
    right: 2px;
    width: 80px;
    top: 25px;
}
#modeDisplayVignet .subTitleVignet .paragraph-end
{
    top:auto;
}

#modeDisplayVignet > li
{
    background:none !important;
}

#modeDisplayVignet .select.selectBoxVignet
{
    background: none;
    height: 30px;
    width: 30px;
    right: 2px;
    bottom: 11px;
    top: auto;
}

/** Css de l'affichage du status en mode vignette **/
 
.obtain-document-link-vignet, #modeDisplayVignet .statut, #modeDisplayVignet .noStatus {
    padding: 5px 10px;
    position: absolute;
    width: 100%;
    bottom: 0;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    background-color:gray;
}
.obtain-document-link-vignet
{
    left: 0;
}
#modeDisplayVignet .statut .statut-loading
{
    height:5px;
}

   .obtain-document-link-vignet.all-loaned,
    .obtain-document-link-vignet.not-available-here,
    .obtain-document-link-vignet.available-elsewhere,
    .obtain-document-link-vignet.loaned-elsewhere,
    .obtain-document-link-vignet.not-available,
.obtain-document-link-vignet.holding.not-available {
        background-color: #FDC76B;
    }

    .obtain-document-link-vignet.available,
    .obtain-document-link-vignet.exposition,
.obtain-document-link-vignet.holding.is-available {
        background-color: #97C67D;
    }

    .obtain-document-link-vignet.no-existing {
        background-color: #E74C3C;
    }

    .obtain-document-link-vignet.no-holding {
        background-color: #7F8C8D;
    }
/*************************************************************************************************/
/******************FIN -- Mode d'affichage pour les résultats de recherche  -- *******************/
/*************************************************************************************************/

/** Combobox icone format d'affichage **/
    .displaymode-icon-container.desktop button,
    .siteRestriction-icon-container.desktop button,
    .sort-order button
    {
        padding:2px;
        height:30px;
        background-color: #8E8888;
        color: #F2F0F1;
        font-size: 14px;
        padding-right: 25px; /** icone de la fléche **/
    }
	.sort-order button{
		padding: 0px 25px 2px 2px;
	}
    /* Surcharge règle bootstrap */
        .displaymode-icon-container.desktop button:hover,
        .siteRestriction-icon-container.desktop button:hover,
        .sort-order button:hover,
        .sort-order button:focus
        {
            color: #F2F0F1;
        }
   /********************************/
span.labelSelect
{
    max-width:105px;
    float: left;
    overflow: hidden;
    margin:0 3px 0 1px;
}
    span.labelSelect.sort
    {
        max-width:121px
    }
@media (max-width: 979px)
{
    span.labelSelect.sort
    {
        max-width:200px;
    }
}
.displaymode-icon-container.desktop .icon-arrow-bottom,
.site-restriction.desktop .icon-arrow-bottom,
.sort-order .icon-arrow-bottom
{
    /* font-size:24px; */
    position: absolute;
    /* top: -3px; */
}

    .displaymode-icon-container .active,
    .siteRestriction-icon-container .active,
    .pageSize-container .active,
    .sort-order .active
    {
        background-color: #6BB3DA;

    }
    /* Surcharge règle bootstrap */
        .displaymode-icon-container a.active:hover,
        .siteRestriction-icon-container a.active:hover,
        .pageSize-container a.active:hover,
        .sort-order a.active:hover
        {
            background-color: #6BB3DA;
        }
    /********************************/

.btn-group.pageSize-container.open .dropdown-menu > li > a.active
{
    color:#FFFFFF;
}

/* Loginbox loader */
#authentification .logon-spinner,
#authentificationModal .logon-spinner {
    display:none;
}

#authentification.ajax-loading .logon-spinner,
#authentificationModal.ajax-loading .logon-spinner {
    display:inline;
}

#authentification.ajax-loading .ok span,
#authentificationModal.ajax-loading .ok span {
    display:none;
}


.you-must-logon-box
{
    border-top: 1px solid #dddddd;
    padding: 8px;
}

/***** Suggestions de recherche *****/
.icon-suggest-author:before {
    content: '\e802';
}

.icon-suggest-title:before {
    content: '\e82f';
}

.icon-suggest-subject:before {
    content: '\e837';
}

.icon-suggest-author,
.icon-suggest-title,
.icon-suggest-subject {
    margin-right: 5px;
}

.tt-suggestion b {
    text-decoration: underline;
}

.haut_btn{
    position: relative;
    overflow: hidden;
    float: right;
    top: -16px;
}

.haut_btn a {
  display: block;
  background: transparent url("images/arrow-up.png") no-repeat center center;
  background-color : white;
  width: 45px;
  height: 43px;
  text-indent: -9999px;
}

/**** Signalement images */
.warning-link{
    position:absolute;
    top:1px;
    left:1px;
}

.warning-link span:before {
    width:20px;
    color:white;
    background-color:#F19006;
    border-radius:50px;
    box-shadow: -1px 2px 4px 1px rgba(0, 0, 0, 0.6); 
}


/* Microphone icon */

.si-btn-recognition {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
}

.recognition-btn {
    font-size: 20px;
}

.recognition-listening{
	background-color: #D1CFD0 !important; 
}


.mic-color{
    color: #aaaaaa;
}

.LinkAllocine {
    background-color: #ffb515!important;
	display: inline-block!important;
	padding: 5px 10px 6px!important;
	color: #fff!important;
	text-decoration: none!important;
	font-weight: bold!important;
	line-height: 1!important;
	-moz-border-radius: 5px!important;
	-webkit-border-radius: 5px!important;
	-moz-box-shadow: 0 1px 3px #999!important;
	-webkit-box-shadow: 0 1px 3px #999!important;
	text-shadow: 0 -1px 1px #222!important;
	border-bottom: 1px solid #222!important;
	position: relative!important;
	cursor: pointer!important;
}

@media (max-width: 767px) {
    button.btn-account {
        background-color: transparent;
    }
}

.thesaurus-list {
    padding: 5px 0;
    border-bottom: 1px dotted #AAA;
}

.thesaurus-list.thesaurus-first {
    padding-top: 0;
}

.thesaurus-list.thesaurus-last {
    padding-bottom: 0;
    border-bottom: none;
}

/* Hightlight EBSCO */
#resultats highlight,
#resultats_detail highlight 
{
    background:#FF0;
}

input.multiple-reservation-holding, input.multiple-reservation {
    margin-left: 4px;
}

input.multiple-reservation-mobile {
    float: right;
}
.renewed-loan-item {
    list-style-type:disc;
}

/* blogs */
.block_thumb {
    /*width: 100%;*/
    float: left;
}

.block_thumb img {
    /*width: auto !important;*/
}

.webframe-blog-post-view:not(:last-child) .webframe-blog-post-view-item {
    border-bottom: 1px solid #BBB;
}

.myaccount-loans-buttons a,
.myaccount-memorysearch-buttons a {
    padding-left:8px !important;
    padding-right:8px !important;
}

/* Onglets Compte Lecteur */
.myaccount-loans-buttons li a,
.myaccount-memorysearch-buttons li a {
    border-radius:0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    background-color: #d4d4d4;
}

.myaccount-loans-buttons li a:hover,
.myaccount-memorysearch-buttons li a:hover {
    background-color: #e0e0e0;
}

.account-abstract-message-warning {
    color:orange;
    margin-left: 12px;
}

.account-abstract-message-danger {
    color:red;
    margin-left: 12px;
}

.account-abstract-message-default {
    margin-left: 12px;
}


.account-abstract-message-heading {
    font-weight: bold;
}


blockquote.account-abstract {
    border-radius:5px;
    background: #fff;
    border-left: 10px solid #ccc;
    padding: 0.5em 0px 0.5em 5px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote.account-abstract:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    font-family: "Times New Roman", Georgia, Serif;
}

blockquote.account-abstract p {
    display: inline;
}

.light-bold {
    color:#999;
    font-weight: bolder;
}

#SdiCreatePrivateSearch {
    z-index: 2000;
}
#renewed-loan-modal h2 * {
    font-size: 24px;
    font-weight: bold;
    text-transform: none;
}
.alert-success {
    color: #808080;
}

#renewed-loan-modal .alert-success {
    color: #808080;
    background-color: transparent;
    border-color: transparent;
}

#renewed-loan-modal .alert-danger {
    background-color: transparent;
    border-color: transparent;
}

.bootbox .modal-header h4 {
    color: #00adb1;
    font-size: 24px;
    font-weight: bold;
}

.cancel-reservation-bootbox {
    color: #808080;
    font-size: 14px;
}

.renewed-loan-failure ul * {
    color: #808080;
}

#renewed-loan-modal .alert {
    padding: 15px 15px 0px 15px;
}
.label-facet span {
    white-space: normal;
}
.facet-content .nav > li > a:hover, .facet-content .nav > li > a:focus {
    outline: none;
}
.jstree-wholerow-ul .jstree-icon.jstree-ocl {
    z-index: 1;
}
.notice-rebound .rsSlideContainer .slider-notice,
.notice-selections .rsSlideContainer .slider-notice {
    cursor: pointer;
}
.export_link .label-dropdown {
    margin-left: 10px;
}

/* Mise en forme Xml encodés */
ul.xml-structure.root ul {
    margin-left: 20px !important;
}

span.xml-structure.tag {
    font-weight: 700;
    /* color: brown; */
}

span.xml-structure.attribute-name {
    color: #e6727b;
}

span.xml-structure.attribute-value {
    color: gray;
}

ul.xml-structure.root {
    color: lightseagreen;
}

span.xml-structure.text {
    color: #777;
}

span.xml-structure.attribute-value {
    color: royalblue;
}

a.xml-view-button {
    position: absolute;
    top: 10px;
    right: 10px;
}

#areaMetaNotice {
    position: relative;
}

.xml-structure-popup .bootbox-body {
    max-height: 400px;
    overflow: auto;
}

/* Msquage du champ RawRecord_xml dans la liste (il est aceesible via un bouton dédié) */
#metaNotice .solrfield-RawRecord_xml {
    display: none;
}

/* Mis en eforme du bloc d'affichage des liens primarydoc_xml au niveau liste */
.list-primary-documents {
    padding: 10px 0 10px 0;
}

    .list-primary-documents a.accessToPrimaryDoc {
        font-weight: bolder;
        display:block;
        margin-bottom: 5px;
    }

    .list-primary-documents span.primarydoc-icon {
        font-weight: bolder !important;
    }

/* Sticky menu : drop shadow pour matérialiser la limite */
.header-compact .top_bar {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}