/* Conteneur site */

body {height:100%;}

div#header {
    position: relative;
}

.highlight {
    background-color: yellow;    
}


a {
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.section_configuration, .configuration_module {
    text-align:right;
}


#site_web_content{
    float:left;
}

.siteWeb {
    height:100%; 
    float:left;
}

.siteWeb div#col_wrapper{
    float: left;
}

.siteWeb div#right_col_color{
    float: left;.
}

#site_web_wrapper {
    clear: both;
}


/* Boites bannière*/

.select_kiosque_form {
    margin-right:25px;
    position:relative;
    height:0px;
    z-index:100;
}

.select_kiosque_form form input[type="submit"] {
    width:30px;
}

.select_kiosque_form form select {
    width:200px;
}

div#header .boiteBanniereGauche {
    float: left;
    position: relative;
    z-index: 100;
}

div#header .boiteBanniereDroite {
    float: right;
    position: relative;
    z-index: 100;
}


div#header .boiteBanniereGauche .recherche_avancee {
    padding-left:5px;
}


#boite_login .form a{
    display: block;
    text-align: left;
}

form.login #login {
    display:none;
}

form.login fieldset {
    border: none;
    margin: 0;
    padding: 0;
}


form.login td.gauche,
form.login td.droite {
    text-align: center;
}


#fieldset-preregistrationgroup .required:after {
    content:" *";
    color: red;
}


.boite.login label {display: block; text-align: right}

.boite.news div.reseaux-sociaux {
    display:none;
}

.vignette-reseaux-sociaux img {
    width: 16px;
}

#boite_login input#login {
    display: none;
}


.boite.login .welcome {
    text-align: center;
}


/* ARTICLES */

article footer .ical {
    float: left;
    margin-right: 3px;
}

article footer .print {
    float: left;
    margin-right: 3px;
}

dl.article_info {
    display:none;
}

.article_full_separator {
    width:100%; 
    clear:both; 
    background:transparent url(../images/box/menu/separ.gif) repeat-x scroll center bottom;
    margin-bottom:5px
}

.article_only_title_separator {
    height: 0px;
}


.article .lieu {
    height: 200px;
    width: 800px;
    margin: 10px auto;
    font-size: 1.2em;
}

.article .lieu p {
    font-size: 0.8em;
}

.article .lieu img {
    float: left;
    margin-right: 10px;
}


.article_read_full {
    display: block;
}


/* AVIS */

.avis_show_avis {
    color:#B73901;
    cursor:pointer;
    font-size:1.1em;
    font-weight:bold;
    margin-top:3px;
    clear: both;
}


/* CALENDRIER */

table.calendar_main {margin-left: auto; margin-right: auto}

.calendar_event_list ul,
.agenda-summaries ul {
    margin:0px;
    padding:15px;
}

.calendar_event_list li,
.agenda-summaries li  {
    color:#666666;
    padding-bottom:5px;
}

.boite.calendar ul a {
    display:block;
}

.articles_list .agenda-summaries .article-summary a:first-child,
.boite.calendar .agenda-summaries .article-summary a:first-child{
    text-transform: uppercase;
    font-weight: bold;
}

.boite.calendar a.calendar_event_info, 
.boite.calendar span.calendar_event_date,
.boite.calendar .agenda-summaries a:first-child,
.boite.calendar .article > a,
.articles_list a.calendar_event_info, 
.articles_list span.calendar_event_date,
.articles_list .agenda-summaries a:first-child,
.articles_list .article > a {
    clear:both;
    display:block;
}

.articles_list span.calendar_event_date,
.boite.calendar span.calendar_event_date {
    font-weight:bold;
}

.articles_list .vignette-reseaux-sociaux, 
.boite.calendar .vignette-reseaux-sociaux {
    margin:0px;
}

.articles_list .article-summary + .article-summary,
.boite.calendar .article-summary + .article-summary {
    padding-top: 15px;
    border-top: 1px grey dotted;
}

.avis_from {
    color:#B73901;
    cursor:pointer;
    font-size:1.1em;
    font-weight:bold;
    margin-top:3px;
    padding-left:7px;
}

/* Dernières critiques */
.vignette_notice {
    border:none;
    float:left;
    width: 104px;
    text-align: center;
    border:1px solid	#ddd;
    margin-right: 5px;
}


.vignette_notice:hover {
    background-color: #eee;
}

.vignette_notice a img {
    width: 100px;
    margin: 2px;
}


.critique .vignette_notice {
    position: relative;
}

.vignette_notice a + a {
    display:block;
}

.critique {
    margin-bottom: 2px;
    margin-top: 5px;
    float: left;
    width: 100%;
}

.lire_la_suite {
    float: left;
}

.contenu_critique {
    margin-top: 5px;
}

.contenu_critique p {
    margin: 5px;
}

.critique_commentaire {
    float: right;
}

.contenu_critique .moderation {
    color: #F00;
    font-weight: bold;
}

.auteur_critique {
    float: right;
}

.colGauche .vignette_notice,
.colDroite .vignette_notice {
    width: 54px;
}

.colGauche .vignette_notice img,
.colDroite .vignette_notice img {
    width: 50px;
}

.colGauche .vignette_notice a + a,
.colDroite .vignette_notice a + a {
    display: none;
}

.colGauche .note_critique,
.colDroite .note_critique {
    display: block;
}

.colGauche .auteur_critique,
.colDroite .auteur_critique {
    float: none;
    display:block;
}


.critique .vignette_notice .icone_support {
    position: absolute;
    right: 0;
    margin: 2px;
    width: auto;
}


.note_critique {
    vertical-align: top;
    height: 15px;
    margin-left: 0px;
}

.commentaire_critique {
    width: 470px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F0F0F0;
    border: 1px solid #000;
    padding: 10px;
}


.commentaire_critique form fieldset {
    border: none;
}

.commentaire_critique form textarea {
    width: 100%;
}

.commentaire_critique form .bouton {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

/* SEPARATEUR */

.separator {
    width:100%; 
    clear:both; 
    background:transparent url(../images/box/menu/separ.gif) repeat-x scroll center bottom;
    height: 2px;
}


.boite_prets ul, .boite_prets li, .boite_reservations ul, .boite_reservations li, .boite_newsletters li , .boite_newsletters ul, .boite_multimedia li , .boite_multimedia ul {
    list-style: none;
    padding: 0;
    margin:0;
    
}
.boite_prets li, .boite_reservations li, .boite_newsletters li, .boite_multimedia li  {
    margin-bottom: 5px;
}

.boiteMilieu .contenu {overflow:hidden}


/* Calendrier */
.calendar_day_event_start {text-decoration: none;font-weight:bold;}
.calendar_today_clickable {border-bottom: 1px solid}
table.calendar_table td {
    padding: 1px;
}

/* Prêts */
.date_retour {
    text-align: center;
}

.pret_en_retard .date_retour,
#boite_login .form .pret_en_retard a {
    color: #f22;
    font-weight: bold;
}



/* Menu vertical */
.boite.menu_vertical ul li {
    position: relative;
}


ul.menuGauche li {
    white-space: nowrap;
}

.menuGauche li {
    min-height:19px;
}

/* RSS */
a.link_rss {
    float: right;
    margin: 0px 5px 0px 5px;
}

#tooltip {
    font-size: 0.8em;
    font-weight: bold;
}


/* Boîte deux colonnes */
div.conteneur2colonnes > div {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 50%;
    overflow: hidden;
}

div.conteneur2colonnes>div>div {
    margin:5px;
}

/* Accessibilité */
#open_accessibility {
    float: right;
    position: relative;
    top: -35px;
    margin-right: 10px;
    z-index: 101;
}

div#open_accessibility {
    width: 32px;
    height: 32px;
    background-image: url(../images/accessibilite.png);
}

div#open_accessibility:hover {
    background-image: url(../images/accessibilite_hover.png);
    cursor: pointer;
}


.facette_outer,
.nuage_outer {
    margin-left: 10px; 
    margin-top: 17px;
}

.facette {
    overflow: auto;
}

.facette span {
    margin-left: 0.2em;
}

.facette ul {
    list-style-type:none;
    padding:0px;
}

.facette form button.multi_facets_submit {
    margin: 10px;
    float: right;
}

.facette .facette_titre {
    padding-top:10px;
    padding-left:4px;
    padding-bottom:3px;
}

.facette .remove_facette {
    display: none;
}


.facette ul ul,
.suggests.facette ul,
.bookmark.facette ul {
    padding-left:22px;
}

.bookmarks.facette,
.suggests.facette {
    padding-top: 1px;
    padding-bottom: 1px;
}

.bookmarks_outer .bookmarks_edit {
    display: block;
    text-align: right;
    margin: 0 2px 2px 0;
}

.facette ul ul ul,
.facette ul {
    padding-left:0px;
}

.facette ul>ul>li, .facette ul>div>ul>li{
    padding: 2px 0px;
}

.facette ul li.msg {
    list-style:none;
}

.facette ul li.msg a {
    color: #666;
}

.articleviewbydate ul {
    padding: 0px;
    float:left;
}

.articleviewbydate ul li ul {
    margin-left: 10px;
}


.articleviewbydate ul li span {
    display: block;
    float: left;
    min-width: 200px;
}

.articleviewbydate ul li  {
    display: block;
    float: left;
    font-size: 1em;
}

.month_list a.no_event,
.month_list a.no_event:visited {
    color: #666666;
}

.month_list {
    display: table;
    width: 100%;
    padding: 5px 0px 30px 0px;
    margin-bottom:0px;
}

.month_list a,
.month_list span {
    display: table-cell;
    text-decoration: none;
    font-size: 1.2em;
    text-align: center;
}

.month_list a.selected {
    text-decoration: underline;
}


/* Calendrier */
form#calendar_select_categorie {
    text-align: center;
}

/*Compte lecteur*/
.abonneTitre span a {
    float: right;
}

.abonneTitre img.ico{
    vertical-align: middle;
}


#abonne_edit {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F0F0F0;
}


#abonne_edit > table {
    width: 100%;
}

#abonne_edit form label {
    float: none;
    margin: 0px;
}

#abonne_edit .help {
    font-size: 1em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}


/* loans in patron screen */
table.loans {
    margin-bottom: 30px;
    width: 100%;
}

table.loans th {
    text-align:left;
}

table.loans th:first-child {
    white-space: nowrap;
}


table.loans th:nth-child(5),
table.loans th:nth-child(6) {
    text-align: center;
}


table.loans td:first-child {
    width: 15px;
    font-weight: bold;
    text-align: center;
}

table.loans-history {
    margin-bottom: 30px;
    width:100%;
}

table.loans-history th {
    text-align:left;
}

table.loans-history th:first-child {
    white-space: nowrap;
}


table.loans-history th:nth-child(5),
table.loans-history th:nth-child(6) {
    text-align: center;
}


table.loans-history td:first-child {
    width: 15px;
    font-weight: bold;
    text-align: center;
}

/* reservations in patron screen */
table.reservations {
    margin-bottom: 30px;
    width: 100%;
}

table.reservations th {
    text-align:left;
}

table.reservations th:first-child {
    white-space: nowrap;
}

table.reservations th:last-child {
    width: 20px;
}

table.reservations th:nth-child(6),
table.reservations th:nth-child(7) {
    text-align: center;
}

table.reservations td:first-child {
    width: 15px;
    font-weight: bold;
    text-align: center;
}

table.reservations td:nth-child(5) {
    text-align: left;
}

table.reservations td:nth-child(6),
table.reservations td:nth-child(7) {
    text-align: center;
}

/* Formulaires */
.zend_form {
    background-color:#F0F0F0;
    border:1px solid #C8C8C8;
    color:#3C5188;
    padding:10px 10px 5px 10px;
    font-size: 1em;
}

.zend_form fieldset {color:#3C5188;margin:0px;padding:10px 10px 10px 2px;border:1px solid #DCDCDC;margin-bottom:15px;}
.zend_form legend{font-weight:bold;}
.zend_form label  {float:left; margin:0pt 0pt 0pt 10px;padding:2px;text-align:left;font-weight:bold;}
.zend_form td.gauche {text-align:left;padding-left:2px;}
.zend_form td.droite, .form td label.droite {text-align:right;padding-right:2px;font-weight:inherit;font-size:0.9em;color:#575757; padding-top:5px;width:120px}
.zend_form td{padding-right:0px;color:#575757;vertical-align: top; padding-bottom: 5px}
.zend_form + table {margin: 0 auto;}
form.form table {width: 100%}
#news_form td {text-align: left}
#news_form button {width: auto}

.zend_form .errors li {
    list-style: none;
}

.zend_form dd {
    margin-bottom: 10px;
}

.zend_form input, .zend_form textarea, .zend_form button {
    padding:2px;
    font-family: "Verdana"
}

input {
    border-collapse:collapse;
    font-family:Arial;
    padding-left:2px;
}

input[type='password'],
input[type='text'],
input[type='email'],
input[type='url'] {border:1px solid #C8C8C8;}

#hold_form input,
#hold_form textarea { width:400px; }
#hold_form textarea { height:150px; }
#hold_form input[name='code_saisi'] { width:297px; }

.bouton:not(div),
.bouton:not(div):visited {	
    font-size: 0.95em;	
    line-height:1.2em;
    color: #5f5f5f;
    background-color: #f0f0f0;
    border: 1px solid #5f5f5f;
    cursor: pointer; 
    padding: 0.2em;
    margin: 0.2em;
}

.bouton:not(div):not([type="text"]),
.bouton:not(div):not([type="text"]):visited {	
    background-color: #f0f0f0;  
    border: 1px solid #5f5f5f; 
}

.panier_index .bouton:not(div) {
    width: 31%;
    display: inline-block;
    text-align: center;
    float: left;
}

.show .bouton[onclick]:not(div):not([type="text"]),
.bouton:not(div):not([type="text"]):focus,
.bouton:not(div):not([type="text"]):hover {
    color: #f0f0f0;
    background-color: #5f5f5f;
}

img {border:none;}

select{color:#666666;font-family:Arial;font-size:1em;}

.errors {
    color: red;
    font-weight: bold;
}

.sitotheque, 
.boite.sito .paginationControl,
.boite.bib_numerique .paginationControl {
    clear: both;
}

.sitotheque {
    clear: both;
}


.sitotheque img {
    float: left;
    padding-right: 8px;
    width: 80px;
}

.sitotheque>div {
    padding-top: 10px;
}

.boite.sito a.reload-module,
.boite.bib_numerique a.reload-module {
    clear: both;
    background: url('../../admin/images/picto/reload.png') no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

ul.sitotheque,
ul.sitotheque ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

ul.sitotheque ul li {
    margin-left: 10px;
}


ul.sitotheque ul {
    display: none;
}


div.clear {
    clear: both;
    width: 100%;
    height: 0px;
}


.conteneur2colonnes .auteur_critique {
    float: none;
    padding-left: 4px;
}


/* Notices  */

ul.notice_info {
    list-style-type:none;
    font-size:1em;
    margin-left:30;
    margin-bottom:0;
}

li.notice_liste {
    list-style-type:none;
    margin-left:15;
    margin-bottom:5;
}


.bold { font-weight: bold}


.bouton td {
    padding: 0px;
}

.zoneview_bib {
    font-weight: bold;
    position:absolute;
    cursor:pointer;
    font-family:Verdana;
    white-space:nowrap;
}

table.bibview {
    width: 460px;
    border: 0;
    cellpadding: 0;
    cellspacing: 0;
    float: left;
    margin: 20px;
}


table.bibview td:first-child {
    text-align: right;
    padding-right: 5px;
    width: 125px;
    vertical-align: text-top;
}

.back_link {
    clear: both;
}

.bibview_image {
    border: 0;
    width: 180px;
    height: 140px;
}

.bibview_find {
    text-align: left;
}

.bibview_find input[type="text"] {
    width: 250px;
}

/** selecteur de langue */
.country_flag {
    margin-left: auto;
    margin-right: auto;
}

.country_flag img{
    padding: 3px;
    margin: 1px;
}


.country_flag a:hover img {
    margin: 0px;
    border: 1px solid blue;
}



/** boite RSS */
ul.view-raw-rss {
    margin: 0;
    padding: 0;
}

.rss-date {
    white-space: nowrap;
    float: right;
}

ul.view-raw-rss li {
    margin-top: 10px;
}


.edit_album {
    float: right;
}

.edit_images {
    float: right;
    margin-left: 10px;
}


.titre div.rss {
    float: right;
}

.module .colContenu .rss {
    top: 0px;
}



/** Kiosques: bouton embed*/

.boite:hover .embedcode {
    display: block;
}

.embedcode {
    background-color: rgba(150,150,150, 0.4);
    border: 2px solid rgba(0,0,0, 0.4);
    border-radius: 5px;
    float: left;
    position: absolute;
    display: none;
}

.embedcode span.embed-code-to-copy {
    white-space: normal;
    width: 190px;
    height: 100px;
    display: block;
    color: black;
    margin: 0;
}

.embedcode-button {
    cursor: pointer;
    font-size: 1.1em;
}


.embedcode > * {
    font-size: 1.1em;
}

.embedcode > div {
    padding: 5px;
    width:200px;
}

.embedcode:hover,
.embedcode:hover > * {
    opacity: 1;
}


.kiosque .liste_mur,
.kiosque .liste_vignette {
    float: none;
    margin: 0px auto;
    padding: 0px 20px;
}


.kiosque .contenu {
    overflow: visible;
}


.kiosque .titre .rss {
    position: absolute;
    top: 4px;
    right: 4px;
}


.boite,
article,
.colContenu,
.kiosque .titre,
.boite.kiosque {
    position: relative;
}


.boite.kiosque .controls {
    top: 30%;
    position: absolute;
}


.boite.kiosque .change_kiosque_data.configuration_module {
    float: left;
    left: 2em;
}


/** bib numerique */
.slideshow .medias {
    margin: 0 auto;
}

.news {
    margin: 0 auto;
}


.slideshow p {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}



.tree li {
    float: left;
    list-style: none;
    padding: 2px 0px 0px 0px;
    width: 100%;
}


.tree li div{
    float: left;
}

.tree li.second {
    height: auto;
    font-size:1.1em;
}

.tree h2 {
    font-weight:bold;
    color:#FF6600;
    text-decoration: none;
    margin: 0px;
    border-bottom: 2px solid #A0A0A0;
}

.tree ul {
    padding: 0px;
    float: left;
    margin-top: 0px;

    width: 100%;
}


.tree li div:first-child + div {
    white-space: nowrap;
    width: 250px;
    overflow: hidden;
}


.tree li div:first-child  {
    width: 20px;
    text-align: right;
    margin-right: 4px;
}


.logo_gauche,
.logo_droite {
    margin-top: 30px;
    width: 0px;
    height: 0px;
    overflow: visible;
    z-index: 100;
    position: relative;
}


.logo_gauche {
    float: left;
}


.logo_droite {
    float: right;
}




/*Module formation*/

.formations_widget div.sessions dl {
    margin-bottom: 30px;
}

.formations_widget div.sessions dt {
    font-weight: bold;
}



dl.session_formation {
    margin: 10px 0px 40px 0px;
}

dl.session_formation dt {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}

dl.session_formation dd {
    margin: 10px 20px;
}


dl.session_formation + .actions a,
dl.session_formation + .actions span {
    margin-right: 30px;
}

dl.session_formation + .actions a:last-child {
    margin-left: 30px;
}

.formations>div>h2 {
    font-weight:bold;
    font-size: 1.1em;
    margin-top: 20px;
    color: #0064AD;
}


.formations>div>div {
    width: 90%;
    margin: auto;
}

.formations>div>table {
    width: 90%;
    margin-left: 5%;
    border: 1px solid #aaa;
    border-collapse: collapse;
}


.formations table thead {
    background-color: rgba(194, 221, 230, 0.4); 
    font-weight: bold;
    color: #0064AD;
}

a.hide_training_content {display:none;} 
dd.training_content {display:none;}
a.show_training_content:focus + .hide_training_content { display: block; }
a.show_training_content:focus { display: none; }
a.show_training_content:focus ~ .training_content { display:block; }


.formations table td:first-child {
    width: 140px;
    padding: 5px 0px;
}


.first:hover,
.second:hover {
    background-color: rgba(194, 221, 230, 0.4); 
} 


.entete_notice .first:hover,
.entete_notice .second:hover,
.vignette .listePaire,
.vignette .listeImpaire,
.notice_bloc .first:hover,
.notice_bloc .second:hover,
.vignette_info .first:hover,
.vignette_info .second:hover{
    background-color:transparent;
}




.abonneFiche {
    margin-bottom: 30px;
}

.abonneFiche ul li {
    list-style: none;
}


.onglets {
    margin:10px 0;
    
}

.onglets_titre {
    width: 100%;
}

.onglets_titre > div {
    width: 100%;
    padding: 3px 0px;
}

.onglets_contenu {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #B7BFC7;
    padding: 5px;
}

.onglets_titre > div > div {
    padding: 2px 10px 3px 10px;
    display: inline;
    background-color: white;
    background-repeat: repeat-x;
    background-position: top;
    border:1px solid #B7BFC7;
    color:#073777;
    text-align:center;
    cursor:pointer;
}

.onglets_titre > div > div + div {
    border-left: 0px;
}

.onglets_titre > div > div.onglet_select {
    background-position: bottom;
    color:#C36200;
    font-weight:bold;
    border-bottom: 1px solid white;
}

.notice_info_titre
{
    font-weight:bold;
    padding:5px;
    color:#476777;
    background-color:#DFE7EF;
}


.lieu img {
    float: right;
}


div.ui-sortable-placeholder {
    visibility: visible !important;
    background-color: rgba(100, 100, 255, 0.3);
    min-height: 100px;
    width: 98%;
    margin: 5px auto;
    border: 5px dashed rgba(100, 100, 255, 0.8);
}

.ui-sortable-helper {
    box-shadow: 0px 0px 25px rgba(0,0,0,0.8);
    max-height: 200px;
    cursor: move;
    overflow: hidden;
}



.slideshow .controls,
.kiosque .controls {
    width: 100%;
    height: 0px;
    overflow: visible;
    position: relative;
    opacity: 0.3;
}

.slideshow:hover .controls,
.kiosque:hover .controls {
    opacity: 1;
}


.slideshow .controls a,
.kiosque .controls a {
    display: block;
    width: 20px;
    height: 80px;
    z-index: 101;
    position: absolute;
}

.slideshow .controls a:first-child,
.kiosque .controls a:first-child {
    background: transparent url(../java/slide_show/arrow_left.gif) center center no-repeat;
}

.slideshow .controls a:first-child:hover,
.kiosque .controls a:first-child:hover {
    background-image: url(../java/slide_show/arrow_left_over.gif);
}


.slideshow .controls a:first-child + a,
.kiosque .controls a:first-child  + a {
    right: 0px;
    background: transparent url(../java/slide_show/arrow_right.gif) center center no-repeat;
}

.slideshow .controls a:last-child:hover,
.kiosque .controls a:last-child:hover {
    background-image: url(../java/slide_show/arrow_right_over.gif);
}



.back_to_phone {
    text-align: center;
    line-height: 2em;
    position: absolute;
    z-index: 101;
    background-color: #ddd;
    width: 100%;
    box-shadow: 5px 0px 10px rgba(0,0,0,0.5);
}


.timeline  {
    height: 40px;
    width: 810px;
    margin: 0 auto;
}

.timeline li {
    float: left;
    text-align: center;
    line-height: 39px;
    width: 130px;
    list-style: none;
    background: url(../images/reservation_timeline.png) no-repeat;
    margin-left: -16px;
    font-weight: bold;
}


.timeline li.selected {
    color: white;
}


.timeline li {
    background-position: left -200px;
}


.timeline li.selected {
    background-position: left -80px;
}

.timeline li.passed {
    background-position: left -320px;
}


.timeline li:first-child {
    background-position: left -120px;
}


.timeline li.selected:first-child {
    background-position: left -0px;
}

.timeline li.passed:first-child {
    background-position: left -240px;
}


.timeline li:last-child {
    background-position: left -160px;
}

.timeline li.selected:last-child {
    background-position: left -40px;
}

.timeline li.passed:last-child {
    background-position: left -280px;
}



body[class^="abonne_multimedia"] .workflow_step h2 {
    font-size: 1.3em;
    text-align: center;
}

body[class^="abonne_multimedia"] .workflow_step {
    margin: 20px auto;
    width: 400px;
    font-size: 1.2em;
}


body.abonne_multimedia-hold-device .workflow_step,
body.abonne_multimedia-hold-confirm .workflow_step,
body.abonne_multimedia-hold-view .workflow_step {
    width: 300px;
}


body.abonne_multimedia-hold-confirm button {
    margin: 5px auto;
    display: block;
    padding: 5px 50px;
}


body.abonne_multimedia-hold-day #hold-day.calendar {
    margin: 0 auto;
    width: 280px;
}

.form {
    text-align: center;
}

body.abonne_multimedia-hold-view .actions a {
    margin: 0 20px;
}




.abonne_fiche .abonneFiche {
    padding-top: 10px;
    margin: 10px 10px 0px 10px;
    border-radius: 10px;
    text-align: left;
    float: left;
    width: 45%;
}

.abonneTitre a img {
    vertical-align: top;
}

.abonneFiche img:first-child {
    float: left;
    margin-top: -10px;
}

.abonne_fiche .abonneFiche {
    text-align: left;
}


.abonne_fiche .abonneFiche ul {
    margin-left: 95px;
}

.abonne_fiche .abonneFiche ul li {
    list-style-type: disc; 
}


.abonne_fiche .abonneFiche:hover {
    background-color: rgba(0,0,0,0.1);
}


.abonne_fiche .abonnement .abonneFiche {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}


#header .share {
    position: absolute;
    float: right;
    right: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 10;
}


.record-selection > a {
    background: url(../images/buttons/burger_dots.png) no-repeat right 5px center;
    padding-right: 20px;
}


.record-selection ul {
    position: absolute;
    background: white;
    margin: 0;
    list-style: none;
    padding: 0 5px 5px 5px;
    display: none;
    z-index: 1;
}


.recherche_actions, .record-selection, .search_extensions {
    margin-top: 10px;
    clear: both;
}


.recherche_actions span, .search_extensions span {
    padding-right: 10px;
}


.recherche_actions a:before, .search_extensions a:before {
    content: "» ";
}

.search_extensions {
    text-align:right;
}

.boite.menu_vertical,
#menu_horizontal {
    position: relative;
}

#menu_horizontal div.boite {
    background-color: white;
}

#menu_horizontal li.boite {
    height: auto;
}


#menu_horizontal li.menu ul li.boite {
    width: 200px;
    white-space: normal;
    display: table-cell;
}

/** recherche */

.notice_vignette {
    width:120px; 
    float: right;
}


.notice_vignette .bouton {
    display: block;
}

.resultats_page {
    width: 100%;
    margin: 5px 0px 5px 5px;
}

.resultats_page div.tri-recherche,
.resultats_page div.nb-pages-recherche {
    float:right;
    clear:right;
    display: inline;
    padding-right: 20px;
}


.resultats_page div.info-recherche, .resultats_page div.criteres_recherche {
    font-size:1em;
}

.resultats_page div.info-recherche .nombre-recherche, 
.resultats_page div.info-recherche .expression-recherche {
    font-weight:bold;
}

.info-recherche .rss  {
    float: right;
    right: 10px;
    position: relative;
}


.filtre_recherche {
    float: right;
    width: 39%;
}

.resultat_recherche {
    float: left;
    width: 60%;
}


/** liste mur  **/

.liste_mur {
    display: inline-block;
    width: 100%;
}


.liste_mur.layout_fluid {
    column-width: 200px;
    column-gap: 20px;
}

.liste_mur article img {
    max-width: 100%;
}


.liste_mur .article_wrapper {
    display: inline-block;
    vertical-align: top;
    min-height: 250px;
    width: 200px;
    margin: 40px auto 0px auto;
    border: 5px solid transparent;
}

.liste_mur .notice_wrapper,
.domains.liste_mur > div > div {
    display: inline-block;
    vertical-align: top;
    height: 150px;
    width: 100px;
    margin: 10px auto 0px auto;
    border: 5px solid transparent;
}


.calendar .liste_mur.layout_fluid article,
.liste_mur.layout_fluid .article_wrapper {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
}


.domains.liste_mur > div {
    clear: both;
    text-align: center;
} 


.domains.liste_mur a img {
    height: 86px;
}


.liste_mur .notice .icone_support, 
.liste_mur .notice_wrapper a img,
.liste_mur article a img,
.liste_mur .notice .nothumbnail_wrapper,
.liste_mur .notice_wrapper {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}

.liste_mur .notice_wrapper:hover {
    border-bottom-color: #aaa;
}

.liste_mur .notice {
    display: block;
    overflow: hidden;
    border-width: 0;
    position: relative;
    height: 100%;
}


.liste_mur .notice .titre_auteur, /* IE7/8*/
.liste_mur .notice>a + div {
    position: absolute;
    background-color: white;
    bottom: 0px;
    height: 80px;
    width: 100%;
    font-size: 0.9em;
    overflow: hidden;
}

.liste_mur .notice > a + div + div:not(.record_availability) {
    position: absolute;
    top: 86px;
    left: 0px;
    background-color: white;
    z-index: 101;
    padding: 5px;
    border-radius: 0 5px 5px 5px;
    min-width: 400px;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
    opacity: 0;
}

.liste_mur .notice>a + div + div br {
    display: none;
}

.liste_mur .notice>a + div + div a.notice {
    display: inline;
}

.liste_mur .notice>a + div + div {
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
}

.liste_mur .notice_wrapper:hover .notice .titre_auteur + div {
    opacity: 1;
}

.liste_mur .notice > div.titre_auteur > * + *:before {
    content: '-';
    margin: 0px 5px;
}

.liste_mur .notice_wrapper:hover .notice .titre_auteur {
    background-color: #ddd;
}


.liste_mur .notice .icone_support{
    position: absolute;
    right: 0px;
    z-index: 1;
}



.liste_mur .notice .nothumbnail_wrapper {
    width: 100px !important;
    height: auto !important;
    position: absolute;
}

.liste_mur .notice_wrapper:hover .notice {
    overflow: visible;
}

.liste_mur .notice_wrapper:hover .icone_support {
    opacity: 0;
}


.liste_mur .notice_wrapper:hover a img,
.liste_mur .notice_wrapper:hover .nothumbnail_wrapper {
    box-shadow: 0px -5px 30px rgba(0,0,0,0.5);
}

.liste_mur .notice_wrapper:hover .titre_auteur {
    box-shadow: 0px 10px 30px rgba(0,0,0,0.5);
}


[class*="liste"] .nothumbnail > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 120px;
}


.liste_mur .article_wrapper img {
    display: inline;
    clear: both;

}


.liste_mur.children_domains>div>a>img,
.liste_mur.breadcrumb_domains>div>a>img,
.domains .breadcrumb .separator {
    height: 100px;
}

.liste_mur.children_domains>div,
.liste_mur.breadcrumb_domains>div {
    text-align: center;
    margin: 0 5px;
}

.domains.liste_mur > div > div {
    transition: all 0.3s ease-out;
    overflow: hidden;
}

.domains.liste_mur > div > div:hover  {
    transform:scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
}

.domains .breadcrumb .separator {
    clear:none; 
    background:transparent url(../images/right-chevron.png) no-repeat center center;
    margin: 10px 0;
    padding: 0;
    border: 0;
    width: 60px;
}

.domains .breadcrumb .separator:hover {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
}


/* entete notice */
.flags_notice {
    display:none;
}

.entete_notice dl, .blocs_notice dl{
    line-height:16px;
}

.entete_notice .first {
    background-color:transparent;
}


div.entete_notice {
    text-align:right;
    padding-right:5px;
    vertical-align:top;
    margin-right:130px;
    margin-top:3px;
    margin-bottom: 20px;
}


.detail.block_info_notice dt, 
.detail.block_info_notice dd,
.entete_notice dt, 
.entete_notice dd {
    text-decoration:none;
}

.detail.block_info_notice dt,
.entete_notice dt,
.vignette_info dt{
    float:left;
    width:100px;
    padding-right:5px;
    padding-left:5px;
    margin-bottom: 0px;
    text-align:right;
}

.vignette_info dt {
    width:70px;
    padding-right:0px;
}


.detail.block_info_notice a.serie,
.entete_notice a.serie,
.vignette_info a.serie {
    margin-left: 90px;
}

.detail.block_info_notice dt:after,
.entete_notice dt:after,
.vignette_info dt:after {
    content:": "
}

.detail.block_info_notice dd,
.entete_notice dd,
.vignette_info dd {
    text-align:left;
    overflow:visible;
    padding-left: 90px;
}


.detail.block_info_notice dd {
    float: left;
    padding-left: 0px;
    margin-left: 0px;
    max-width: 400px;
}

.detail.block_info_notice dt {
    clear: left;
}


.block_info_notice {
    clear: left;
}

.blocs_notice {
    padding-right: 120px;
}

.pager {
    text-align: center;
    margin-top: 5px;
}

.pager span {
    padding-left:5px;
    padding-right:5px;
    font-weight: bold;
}

.pager .current a {
    font-size:1.5em;
    font-weight: bold;
    color:#808080;
}


.criteres_recherche div {
    display: inline-block;
    margin-right:5px;
    white-space: nowrap;
}

.criteres_recherche div a img {
    vertical-align: middle;
    margin-left: 2px
}


.fil_ariane_rech_guidee {
    margin-bottom: 0.5em;
}

.notice_bloc_titre img:first-child {
    border: 0px;
    cursor:pointer;
    margin-right: 5px;
    vertical-align: top;
}

.notice_bloc .notice_bloc_titre{
    padding: 10px;
}

.notice_patience {
    text-align: center;
    width: auto;
}

.notice_patience img:first-child {
    border: 0px;
    margin-right: 5px;
}


/** Notices similaires **/

.liste_vignettes .vignette {
    overflow:hidden;
    position:relative;
    border-bottom: 1px dotted gray;
    min-height:145px;
}

.vignette_img {
    position:absolute;
    top:5px;
    left:5px;

}

.vignette_info {
    padding-top:3px;
    border-top: 1px solid gray;
    margin-bottom: 15px;
}


.vignette_info dd a,                                                                                         
.block_info_notice dd a,
.entete_notice dd a {                                                                                           
    display: block;                                                                                          
}


.vignette_info dl ,
div.suggestion-achat-liste dl{
    -webkit-margin-before:0px;
    -webkit-margin-after:0px;
}

.vignette_support img {
    float:left;
    vertical-align: middle;
    margin-right: 5px;
}

.vignette_support div:before {
    content:": ";
}

.vignette_lien_reserver { 
    float: right;
    margin-top:5px;
}

#site_web_wrapper .vignette_lien_reserver a {
    display: block;
    background: url(../../admin/images/picto/clock_16.png) no-repeat center  center;
    min-height: 16px;
    min-width: 16px;
    font-size: 0;
}


.vignette_lien_panier,
.vignette_select_record { 
    clear:both;
    float: right;
    margin-top:5px;
}

.vignette_lien_panier a {
    display: block;
    background: url(../../admin/images/picto/paniers_16.png) no-repeat center  center;
    height: 16px;
    width: 16px;
}

.vignette_support, .vignette_info, .vignette_titre, .vignette_auteur {
    margin-left:100px;
    margin-top:5px;
}

.vignette_titre {
    margin-top: 10px;
}




/** Vignettes non reconnues **/
.nothumbnail_wrapper {
    background-color: white;
    width: 90px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
} 

.nothumbnail {
    margin: 2px;
    border: 1px solid #666;
    height: 125px;
    padding: 2px;
}

.nothumbnail div {
    margin: 5px 5px;
    font-size: 0.75em;
}

.nothumbnail a div:first-child {
    color: #666;
    text-transform:uppercase;
}


.nothumbnail a div:last-child {
    text-transform: none;
    font-weight: bold;
}



.panier_index form#ajout_notice_panier input[type="submit"] {
    display: inline;
}

span#abonne_erreur {
    display:block;
}

span#abonne_erreur + a {
    display: inline-block;
}

div.panier_notices_container{
    overflow:auto;    
    height:200px;
    margin-bottom:20px;
}

table.soustitre, table.panier_notices , table.contenu_panier {
    width:100%;
}

table.soustitre th, table.panier_notices td {
    text-align:center;
    vertical-align: top;
}

table.soustitre th, table.panier_notices td a {
    padding: 0px 5px;
}



table.soustitre th:first-child , table.panier_notices td:first-child {
    width:250px;
    text-align:left;
}

table.soustitre th:first-child + th, table.panier_notices td:first-child + td {
    width:60px;
}

table.soustitre th:first-child + th + th, table.panier_notices td:first-child + td + td  {
    width:80px;
}

table.soustitre th:first-child + th + th + th, table.panier_notices td:first-child + td + td + td  {
    width:90px;
}

table.soustitre th:first-child + th + th + th + th, table.panier_notices td:first-child + td + td + td + td {
    width:120px;
}

table.soustitre th:first-child + th + th + th + th + th, table.panier_notices td:first-child + td + td + td + td + td) {
    width:50px;
    padding-right:18px;
}


table.panier_notices td:first-child + td + td + td {
    background: url(../../admin/images/ico/edit.gif) no-repeat top center;
}

table.panier_notices td:first-child + td + td + td + td {
    background: url(../../admin/images/ico/show.gif) no-repeat top center;
}

table.panier_notices .supprimer {
    background: url(../../admin/images/ico/del.gif) no-repeat top center;
}


table.contenu_panier .supprimer{
    background: url(../../admin/images/ico/del.gif) no-repeat center center;
}


table.panier_notices td:first-child + td {
    white-space: nowrap;
}

table.panier_notices td:first-child + td + td div {
    font-size: 0.8em;
}


/** Lien Vodeclic */
button.vodeclic_link {
    border: 4px solid rgb(214, 45, 118);
    border-radius: 5px;
    font-size: 2em;
    text-align: center;
    display: block;
    padding: 5px;
    margin: 0 auto;
    width: 200px;
    color: #0058A5;
}


button.vodeclic_link:hover {
    color: white;
    background-color: rgb(214, 45, 118);
    cursor: pointer;
}


button.vodeclic_link + img {
    vertical-align: middle;
    padding-left: 5px;
}

.vignette-reseaux-sociaux {
    text-align:left;
    margin-top: 7px;
}

.reseau-social-img {
    margin-right:3px;
    cursor:pointer;
}

.view_notice h1 {
    margin:0px;
    white-space:normal;
}

.view_notice .image {
    width:30px;
    vertical-align:middle; 
    float: left;
}


iframe.gallica-player {
    width: 100%;
    height: 500px;
}

.navigation {
    border-bottom: 1px dotted grey;
    margin:5px 0;
}

.navigation a {
    margin-right:10px;
}

.navigation a:before {
    content:'» ';
}


.navigation div {
    float: right;
}

.navigation div a {
    margin: 0px;
}

.navigation div a:before {
    content: '';
}

.navigation div span {
    margin: 0 5px;
}


/* Mur Tooltip  */

.notice-mur-tooltip {
    position:absolute;
    z-index: 101;
    overflow:hidden;
    width: 110px;
}

.notice-mur-tooltip span {
    float:left;
    clear:both;
    margin:5px;
    font-weight: bold;
}

.notice-mur-tooltip .resume {
    overflow:hidden;
    max-height: 183px;
    font-weight:normal;
}

.notice-mur-tooltip .dispo , .notice-mur-tooltip .disponible{
    clear:both;
}

/** historique recherche */
#contenu .recherche_saisie .criteres_recherche ul {
    display: table;
}

#contenu .recherche_saisie .criteres_recherche ul li {
    display: table-row;
}

#contenu .recherche_saisie .criteres_recherche ul li ul{
    display: table-cell;
}

#contenu .recherche_saisie .criteres_recherche ul li ul li {
    display: block
}


.criteres_recherche ul li img {
    margin-right: 5px;
    vertical-align: middle;
}

.criteres_recherche ul {
    margin-bottom: 5px;
    padding-left: 20px;
}

.permalien-img {
    margin-right:3px;
    cursor:pointer;
}

.permalien-img+div{
    position:relative;
}

.permalien-img+div>div:first-child {
    position:absolute;
    left:-382px;
    background: #FFFFFF;
    padding:8px;
    text-align:center;
    border:1px solid #C8C8C8;
}

.permalien-img + div div:first-child div:first-child {
    float:left;
}

.embed-code-to-copy {
    margin:5px;
    border:1px solid #C8C8C8;
    width: 20em;
    overflow-y: hidden; 
    overflow-x: scroll; 
    white-space: nowrap; 
    display: block; 
    padding: 5px; 
    height: 2.3em; 
    background-color: white;
}



/** morceaux */
.morceaux ul li>div:first-child {
    float: right;
}

.morceaux ul {
    padding-left: 0px;
}

.morceaux ul li {
    list-style: none;
    padding: 5px;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.morceaux ul li:hover {
    border-radius: 5px;
    background-color: rgba(100,100,100,0.2);
}

.morceaux ul li div:first-child img  {
    margin-right: 5px;
}


.morceaux ul li audio,
.morceaux ul li .audiojs {
    max-width: 95%;
}

.audiojs {
    max-width: 500px;
}

.audio_track {
    position: relative;
    max-width: 300px;
}

.audio_track a + a {
    position: absolute;
    right: 20px;
}

.audio_track.playing {
    font-weight: bold;
}

.audio_tracks_control .previous {
    margin-right: 20px;
}


/** barre de lien Mur **/

.barre-de-lien {
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:white;
    width:96px;
    margin:0px;
    padding:2px;
    padding-top:5px;
}

.mur-hover {
    background-color:#ddd;
}

.barre-de-lien li {
    display:block;
    width:16px;
    height:16px;
    float:left;
    list-style-image:none;
    margin:0px 1px;
}


.barre-de-lien li:first-child {
    color:transparent;
    margin-left:5px;
}
.barre-de-lien li:first-child[data-avis='true'] {
    background: url(../images/bouton/commentaires.png) no-repeat center  center;
}

.barre-de-lien li:first-child+li {
    color:transparent;
}

.barre-de-lien li:first-child+li[data-avis='true'] {
    background: url(../images/bouton/commentaires_bibliothecaires.png) no-repeat center  center;
}
.barre-de-lien li:first-child+li[data-avis='true'] span{
    display:none;
}



.barre-de-lien li:first-child+li+li {
    background: url(../images/bouton/partager.png) no-repeat center  center;
}

.barre-de-lien li.add_to_cart {
    background: url(../../admin/images/picto/paniers_16.png) no-repeat center  center;
}

.barre-de-lien li:first-child+li+li+li+li[data-reservable='true']{
    background: url(../images/resa.png) no-repeat center  center;
}
.barre-de-lien li:first-child+li+li+li+li a{
    background:none;
    color:transparent;
}

.barre-de-lien li:first-child+li+li+li+li.image-loading-status a{
    background: url(../images/patience.gif) no-repeat top left;
}

.barre-de-lien a {
    overflow:hidden;
    display:block;
    width:16px;
    height:16px;
}

.permalien-img+div>div:first-child {
    position:absolute;
    left:54px;
    top: -22px;
    z-index:2;
    background: #FFFFFF;
    padding:1px;
    text-align:center;
    background-color: #ddd;
    height:18px;
    border:none;
}

.permalien-img+div input {
    margin:1px;
    width: 300px;
    height:16px;
}

.liste_mur .vignette-reseaux-sociaux{
    display:none;
    overflow:visible;
    position:absolute;
    bottom:23px;
    left:22px;
    margin:0px;
    background-color: #ddd;
    height:18px;
    
}

.liste_mur .vignette-reseaux-sociaux img {
    margin:0px;
    padding:1px;
}

form.zend_form.reservation_pickup label {
    width: 300px;
    margin-bottom: 5px;
}

div table.tablesorter thead tr th {
    background-color: rgb(230, 238, 238);
    border: none;
    font-size: inherit;
    padding: 0px 15px 0px 0px;
}

.ajout-panier .zend_form {
    border: none;
    vertical-align:middle;
    color: black;
    margin:0px;
    padding:0px;
}

.ajout-panier .zend_form dd {
    float: left;
    margin:0px;
    padding:0px;
}

.ajout-panier .zend_form select {
    width: 200px;
    font-size: 1em;
}

.ajout-panier .zend_form input {
    float:left;
    width: 150px;
    font-size:1em;
    margin-left:15px;
}



div#ZFDebug {
    z-index: 101;
    display: none;
}


table.exemplaires tr * {
    word-wrap: break-word;
    white-space: normal;
}


table.exemplaires tr.table_headers:not(:first-of-type) {
    display: none;
} 


table.exemplaires span,
table.tablesorter span {
    display:block;
}


#menuAdmin {
    position: fixed;
    top: 0px;
    z-index: 101;
    padding: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 2px 2px 5px;
    background-color: rgba(0,0,0,0.5);
}


#resnum .vjs-poster {
    width: auto;
    height: 100%;
}

#resnum #reader {
    position: relative;
}


#my_vid {
    text-align: center;
}



form div.tag_selection {
    width: 400px;
    border: 1px solid rgb(200, 200, 200);
    min-height: 15px;
    background-color: rgb(255, 255, 255);
    padding: 2px;
}


form div.tag_saisie {
    border-right: 1px solid rgb(200, 200, 200);
    border-width: medium 1px 1px;
    border-style: none solid solid;
    border-image: none;
    min-height: 15px;
    padding: 5px;
    margin-left: 5px;
    display: none;
    width: auto;
    background-color: rgb(255, 255, 255);
    overflow: auto;
    max-height: 244px;
}


/** Suggestion d achat **/

.abonne_suggestion-achat #contenu .boiteMilieuInner .contenuInner {
    padding-top:20px;
}

.abonne_suggestion-achat #contenu .boiteMilieuInner .contenuInner a {
    float: right;
    padding:5px;
    font-size: 1.3em;
}

.abonne_suggestion-achat #contenu .boiteMilieuInner .contenuInner a img {
    float:left;
    margin-right:10px;
}

div.suggestion-achat-liste span {
    display:block;
    font-size:1.3em;
}

div.suggestion-achat-liste div {
    clear:both;
}

div.suggestion-achat-liste dl {
    padding:5px;
    line-height:20px;
    border-top: 2px solid grey;
}


.abonne_suggestion-achat-add .help-text{
    margin-bottom: 10px;
}

div.suggestion-achat-liste dt {
    float:left;
    clear:left;
    font-weight:bold;
    text-align:right;
    width: 200px;
    padding-right:0px;
    padding-left:30px;
}

div.suggestion-achat-liste dd {
    float:left;
    padding-left: 15px;
    text-align:left;
}

div.boite.panier ul{
    padding: 0px 20px 0px 0px;
}

div.boite.panier>ul>div>ul {
    padding:30px 30px 10px 30px;
}

div.boite.panier select {
    width: 70%;
}

div.boite.panier form#ajout_notice_panier {
    display:inline;
}

div.boite.panier .maj_titre_panier + a ,
div.boite.panier span{
    font-site:1.2em;
    text-transform:uppercase;
}

div.boite.panier ul li {
    border-top: 1px solid grey;
    min-height:25px;
    position:relative;
}

div.boite.panier ul li a:first-child + a {
    position:relative;
    top:1px;
    margin-left:5px;
}

div.boite.panier>ul li a:first-child {
    display:block;
    margin-right:20px
    font-size:1.2em;
}

div.boite.panier span {
    display:block;
    font-weight:bold;
    padding-bottom:20px;
    clear:both;
}

div.boite.panier #maj_titre_panier + a {
    font-size: 0.9em;
}


div.boite.panier #maj_titre_panier form {
    border:1px grey solid;
    margin: 0px;
    font-weight:bold;
}

div.boite.panier #maj_titre_panier form input {
    width: 90%;
    margin-left:5px;
}


.boite.panier .contenu li {
    list-style: none;
    text-align: right;
}


.boite.panier img {
    vertical-align: middle;		
}



.boite.panier .contenu a, 
.boite.panier .contenu a + a {
    display: inline-block;
    vertical-align: top;
    padding: 2px;
}

.boite.panier .contenu h2 {
    display: inline-block;
    margin-right: 10px;
}

.boite.panier .panier-action-bar ul li {
    border:none;
}

.boite.panier .panier-action-bar {
    padding:10px;
}

.boite.panier .panier-action-bar ul li {
    border: 1px grey solid;
    background-color: #eee;
}


.boite.panier .panier-action-bar ul li:hover {
    background-color: #ddd;
}


.boite.panier .panier-action-bar ul li a img {
    float: right;
    margin-left:5px;
}

.boite.panier .panier-action-bar ul li a {
    display:block;
    padding:5px;
    font-weight:bold;
    font-size:1em;
}

.colFlottant {
    position: fixed;
    overflow:visible!important;
    z-index: 100;
    top: 100px;
    left: 0px;
}

.colFlottant .colFlottantInner .boite .contenu{
    display:none;
    margin-bottom:5px;
}

.colFlottant .colFlottantInner .boite {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

.colFlottant .boite .titre h1 a:first-child{
    display:block;
    height:32px;
    line-height:32px;
    padding-right:32px;
    background:url(../images/col_flottante.png) no-repeat right 1px;
}

.colFlottant .boite.panier h1 a:first-child:hover{
    background:url(../images/col_flottante.png) no-repeat right 1px;
}


.colFlottant .boite.collapsed {
    min-width: 50px;
    width: 50px;
    overflow: hidden;
}


.colFlottant .boite {
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    min-width: 250px;
    width: auto;
    max-width: 400px;
    background-color:white;
}

.colFlottant .boite.collapsed .titre,
.colFlottant .boite.collapsed .titre a {
    color: transparent;
}


.treeselect {
    text-align: left;
}

.colFlottant .boite .contenu {
    max-height: 250px;
    overflow-y: auto;
}


.ui-selectable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ui-selectable li {
    margin: 3px;
    padding: 0.4em;
    font-size: 1.4em;
    height: 18px;
}


form.ajout_panier {
    text-align: center;
}

form.ajout_panier + div  {
    display: table;
    width: 100%;
    text-align: center;
    margin: 10px;
}

form.ajout_panier + div  a {
    display: table-cell;
}


.colFlottant table.contenu_panier {
    max-width: 400px;
}



a.readspeaker {
    float: right;
}


.boite.rech_simple label {
    display: inline-block;
    padding-right: 5px;
}


.boite.rech_simple select {
    display: inline-block;
    width: 30%;
}

.boite.rech_simple .domains ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


/** barre de navigation **/

.barre_nav div {
    float:left;
}

.barre_nav span + span:before {
    padding:0px 5px;
    content:">";
}


.cvs_container.position_0 {
    display:none!important;
}

.cvs_container.position_1,
.cvs_container.position_2 {
    float:right;
    clear:right;
    display:block;
    width:40%!important;
}

.cvs_container.position_3,
.cvs_container.position_4 {
    float:left;
    clear:left;
    display:block;
    width:100%!important;
}


.boite.login .user_notifications {
    display: none;
}


.popup_notification ul {
    padding:0 0 0 1em;
}


.popup_notification li {
    margin: 1em 0;
}


.popup_notification div {
    margin-top: 5px;
    text-align: center;
}

.ui-autocomplete span {
    font-weight: bold;
}

.ui-autocomplete li.ui-state-focus,
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus {
    border:none;
    margin: 0px;
}


.ui-widget {
    font: inherit;
}


.articles_list .liste_mur article,
.calendar .liste_mur article {
    display: inline-block;
    width: 33%;
    box-sizing: border-box;
}


.article_info_date span{
    display:none;
}

.article_info_others span {
    display:none;
}


[data-name="last-name"] {
    display: none;
}

[data-spambots] {
    margin-left: -5000px;
}

/* Calendar box filters */
.boite.calendar div.contenu,
.boite.calendar div.contenuInner {
    overflow: visible;
}


.boite.rech_simple .selected_bibs_info span {
    display: block;
}


.bib_selection_popup ul,
.bib_selection_popup li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: 5px;
}


.bib_selection_popup form > ul > li {
    margin: 10px 0;
}


.bib_selection_popup input + a,
.bib_selection_popup input + a + a,
.bib_selection_popup input + span {
    margin-left: 5px; 
}


.bib_selection_popup input + a,
.bib_selection_popup input + a + a,
.bib_selection_popup input[type="submit"] {
    font-family: Verdana;
    font-size: 1em;
    background: white;
    border: 1px black solid;
    border-radius: 3px;
    padding: 5px;
    box-shadow: 1px 1px 0px black;
}

.bib_selection_popup input[type="submit"]:hover,
.bib_selection_popup input + a:hover,
.bib_selection_popup input + a + a:hover {
    box-shadow: 2px 2px 2px black;
    cursor: pointer;
    color: black;
}


#fieldset-login_form legend {
    display: none;
}


.boite .contenu {
    min-height: 20px;
}


.responsive_flag {
    display: none;
}


.responsive_table {
    display: none;
}



/** opening hours */

.boite.library section {
    padding: 8px 0;
    overflow: auto;
}

.boite.library section div p {
    margin: 5px 0;
}

.boite.library .field-open-close p {
    padding: 5px 30px;
}

.boite.library p.opened {
    background: url(../images/buttons/bouton_vert.png) no-repeat left center;
}

.boite.library p.closed {
    background: url(../images/buttons/bouton_rouge.png) no-repeat left center;
}

.boite.library div.field-picture {
    float: left;
    width: 215px;
}

.boite.library div.fields {
    float: left;
}

.boite.library div[class^="field-custom"] ul {
    margin: 0;
}

.boite.library div[class^="field-custom"] p span {
    padding: 0 20px;
}

.boite.library section {
    position: relative;
}

.dilicom-action {
    padding: 5px;
    margin: 10px; 
    border: 1px solid #aaa; 
    border-radius: 3px;
    display: inline-block; 
    font-weight:bold;
    font-size: 1.1em;
}

.extend_all {
    float: right;
}  

/* fiche bibliotheque */

.library_box  dt:after {
    content: ":";
}

dd.picture {
    float:right;
    margin: 5px;
}

.picture img {
    display:block;
}


.library_location h2 {
    display:none;
}


.add_to_bookmarks,
.remove_from_bookmarks {
    *    font-size: 0;
    display: block;
    *    height: 16px;
    *    width: 16px;
    margin-right: 5px;
    vertical-align: middle;
}


.add_to_bookmarks {
    *    background: url(../images/abonnes/bookmark.png) no-repeat center;
}


.remove_from_bookmarks {
    *    background: url(../images/abonnes/unbookmark.png) no-repeat center;
}


.leaflet_osm {
    height: 400px;
    margin: 2em 0;
    width: auto;
}


.filters.list.right + .leaflet_osm {
    width: 69%;
}


div.boutons {
    margin-top:15px;
    text-align:center;
}

div.boutons > div {
    display:inline-block;
}

fieldset {
    border:none;
}

form td {
    vertical-align:top;
}

form td.droite {
    text-align:right;
}

form td.gauche {
    text-align:left;
}

form td.gauche img {
    display:inline-block;
    vertical-align:middle;
}


#opac-dialog .boutons {
    margin-top: 2em;
    text-align: center;
}


#opac-dialog .boutons > div {
  display: inline-block;
  text-align: center;
  background-color: rgba(0,0,0,0.6);
  margin: 0.5em 10px;
  max-width: 300px;
  height:30px;
}

#opac-dialog .boutons > div:hover {
  background-color:rgba(0, 0 , 0 , 0.8);
}

#opac-dialog .boutons > div a {
    display: inline-block;
    color:white;
    vertical-align:middle;
}

#opac-dialog .boutons .bouton td {
    background:transparent!important;
}

#opac-dialog div.bouton > * {
    visibility: hidden;
}

#opac-dialog div.bouton a tr td:nth-child(2) img {
    vertical-align: middle;
    visibility: visible;
}

#opac-dialog .bouton td img[src*="/ico/"],
div.bouton td[id*="texte"] {
  visibility:visible;
}

.center {
    text-align: center;
}

th.actions {
    min-width: 100px;
}


.search-sentence div {
    display: inline-block;
}

.search-sentence .expressionRecherche {
    font-size: 1em;
}

.opac.recherche_simple .colContenu .boiteMilieu,
.opac.recherche_simple .colContenu .boiteMilieuInner {
    overflow: visible;
}

.opac.recherche_simple div[class*="_widget"] fieldset {
    width: 45%;
    border: none;
    border-top: 1px solid;
}

.opac.recherche_simple div[class*="_widget"] fieldset div ,
.opac.recherche_simple div[class*="_widget"] fieldset {
    display: inline-block;
    vertical-align: top;
}

.opac.recherche_simple div[class*="_widget"] fieldset#fieldset-novelty_group,
.opac.recherche_simple div[class*="_widget"] fieldset#fieldset-year_range_group,
.opac.recherche_simple div[class*="_widget"] fieldset#fieldset-submit {
    display: block;
    text-align: center;
    width: 94%;
}

.opac.recherche_simple div[class*="_widget"] fieldset .form_label {
    position: absolute;
    visibility: hidden;
}

.opac.recherche_simple div[class*="_widget"] {
    margin-bottom: 1em;
}


.opac #colContenuInner > .boiteMilieu .contenu {
    overflow: visible;
}

.opac.recherche_simple div[class*="_widget"] .widget_wrapper {
    background: white;
    box-shadow: 0px 0px 5px black;
    margin-top: 1em;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    transition-duration: .5s;
    transition-property: max-height;
    z-index: 100;
    width: 95%;
}

.opac.recherche_simple div[class*="_widget"].show .widget_wrapper {
    max-height: 500px;
}

[type="text"].bouton,
[type="text"].button {
    cursor: initial;
}

.resultats_page {
    position: relative;
}

.resultats_page > div {
    display: inline-block;
    vertical-align: top;
}

.resultats_page div.info-recherche, 
.resultats_page div.criteres_recherche {
    width: 100%;
}

.opac.recherche_simple div[class*="_widget"] .widget_wrapper form {
    padding: 1em;
}

.opac.recherche_simple div[class*="_widget"] .form_submit {
    border-top: 1px solid;
    margin-top: 0.5em;
    text-align: center;
    padding-top: 0.5em;
}

.opac.recherche_simple div[class*="_widget"] .form_submit > * {
    padding: 0 2em;
}

.resultats_page .history_search_widget .widget_wrapper div > ul,
.resultats_page .history_search_widget .widget_wrapper div > ul > li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.resultats_page .history_search_widget .widget_wrapper div > ul {
    padding: 2em 1em;
}

.resultats_page .history_search_widget .widget_wrapper > div > ul > li {
    margin-bottom: 1em;
}

.opac.recherche_simple .resultats_page .history_search_widget .widget_wrapper {
    overflow-y: auto;
    position: absolute;
    width: 300px;
}


.resultats_page [class*="_widget"]:not(.selector_widget) > button:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background: transparent url(../images/right-chevron.png) no-repeat center 100%/100%;
    margin-right: 5px;
}

.resultats_page [class*="_widget"]:not(.selector_widget) label {
    *display: none;
}

.resultats_page [class*="_widget"]:not(.selector_widget).show > button:before {
    background-image: url(../images/buttons/up-chevron.png);
}

.admin_tools_lock {
    vertical-align: middle;
    padding: 5px;
    background: none;
    border: none;
}

.bookmarked_items_by_libraries {
    max-height: 0;
    overflow: hidden;
    transition: all ease 0.5s;
}

.bookmarked_items_by_libraries.opened_items {
    max-height: 500px;
    overflow-y: auto;
}


#objet_props {
    display:none;
    border:1px solid #7f9db9;
    min-height:15px;
    background-color:#ffffff;
    padding:2px;
    margin-top:3px;
}

#objet_props > div {
    color:#3C5188;
    background-color:#eeeeee;
    padding:4px;
    margin-bottom:3px;
}


.cke_inner.cke_reset.cke_maximized {
    position: fixed !important;
}


.saving-process {
    text-align: center;
}

.loading-img {
    display: block;
    margin: 1em auto;
}

[data-availability] .record_availability {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    border-radius: 50px;
    top: 5px;
    left: 5px;
    z-index: 1;
}

[data-availability="1"] .record_availability {
    background-color: #21ff00;
}

[data-availability=""] .record_availability {
    background-color: red;
}

.liste_mur [data-availability] .record_availability {
    top: auto;
    bottom: 5px;
}

.liste_mur [data-availability] .record_availability .tooltip {
    bottom: 2em;
    left: 0;
}

[data-availability] .record_availability .tooltip {
    display: none;
    position: absolute;
    z-index: 101;
    padding-left: 1em;
    min-width: 300px;
    background-color: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0 , 0 ,0.3);
    left: 2em;
}

[data-availability] .record_availability:hover .tooltip {
    display: block;
}

[data-availability] .record_availability:hover .tooltip ul {
    padding-left: 1em;
}

.boutons {
    text-align: center;
    padding: 1em;
}

a[href*="bookmarked-searches/notify"] img {
    opacity: 0.5;
}

.tools-bar a + a {
    margin-left: 10px;
}

.dilicom-action .error {
    cursor: not-allowed;
}


/* author */
.author_view .author h2 {
    font-weight: bold;
}


.author_view .interview {
    margin-left: 10px;
    float: right;
}

.author_view .author > div {
    clear: both;
}


.author_view .author > .biography img {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}


.author_view .author > .authors h2,
.author_view .author > .facets h2,
.author_view .author > .youtube-channel h2,
.author_view .author .records h2 {
    border-bottom: 1px solid;
    padding-top: 10px;
    text-transform: uppercase;
}


.author_view .author > .youtube-channel > div > div {
    display: inline-flex;
    column-gap: 20px;
}

.author_view .author > .youtube-channel h3 {
    font-size: 0.9em;
}


.author_view .author > .facets {
    margin-bottom: 20px;
}

.author_view .author > .facets a {
    padding: 0 20px 0 0;
}

.author_view .see_more {
    margin-top: 20px;
    margin-bottom: 30px;
}


.author_view .see_more button {
    cursor: pointer;
}


.author_view .biography .see_more,
.author_view .facets .see_more,
.author_view .records .see_more {
    text-align: right;
}



.author_view .authors > div > div,
.author_view .authors > div > a {
    float: left;
    width: 260px;
    height: 60px;
    overflow: hidden;
    margin: 5px 0;
    padding-right: 20px;
    display: block;
}


.author_view .authors > div > div > a  {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.author_view .authors > div > div > a:first-child {
    font-weight: bold;
}

.author_view .authors > div > div.see_more a {
    font-weight: normal;
}


.author_view .biography p:nth-of-type(3) ~ *:not(.see_more),
.author_view .authors > div div:nth-of-type(7) ~ *:not(.see_more),
.author_view .facets > div a:nth-of-type(10) ~ *:not(.see_more),
.author_view .records div.simple_wall a:nth-of-type(15) ~ *:not(.see_more) {
    display:none;
}


.simple_wall > * {
    display: inline-block;
    height: 120px;
    width: 120px;
    overflow: hidden;
}


.simple_wall > a > img {
    width: 100%;
}

.simple_wall > a > img,
.simple_wall > div,
.authors_wall div {
    transition: opacity 0.3s;
}


.simple_wall:hover > a:not(:hover),
.simple_wall:hover > div:not(:hover),
.authors_wall:hover div:not(:hover){
    opacity: 0.4;
}

.abonne_suggestion-achat-add .colContenu .contenu p {
    margin: 0.5em 0;
}

.abonne_suggestion-achat-add .colContenu .contenu button {
    margin-right: 1em;
}

.abonne_suggestion-achat-add .colContenu .contenu form + button {
    float: left;
    margin-left: 15px;
    margin-top: -30px;
}

.abonne_suggestion-achat-add .colContenu .contenu .liste_mur + form input[type="submit"] {
    margin-left: 105px;
}

.search_axe_operator_prefix {
    display: inline-block;
    min-width: 100px;
}

.search_axe_label {
    display: inline-block;
    min-width: 100px;
}

.search_axe_input {
    display: inline-block;
    min-width: 150px;
}

/** bundled holds dialog **/
#holds_view .day-with-hold,
#holds_view .day-without-hold {
    opacity: 1;
}

#holds_view .day-with-hold span { background-color: orange !important; }

#holds_view .day-without-hold span { background-color: #9bd99b !important; }

#holds_view .ui-datepicker-inline.ui-widget-content { border-width: 0px }

#holds_view .ui-datepicker-inline {
    margin: 0 auto;
}

#holds_view + div {
    justify-content: center;
    display: flex;
}

#holds_view + div ul {
    text-align: left;
}


/** ARIA utilities **/
.visuallyhidden {
    position: absolute;
    top:-9999px;
}


/* identity provider widget */
.boite.identity_provider .contenu {overflow:visible}
.boite.identity_provider #fconnect-profile {margin: 20px 10px}
.boite.identity_provider #fconnect-access {position: relative!important}

.sr-only {
    display: none !important;
}