@charset "utf-8";

body { background-color:#f5f5f5;}

h1,h2,h3 {color:#9a0000;}
h1 { padding-left:10px;}
h2 { padding-left:10px; background-color:#9a0000; color:#FFF}
a,a:hover,a:visited {color:#9a0000; text-decoration:none}


/* BARRE DE NAVIGATION 


.navbar  .container-fluid {padding-left: 3px;  padding-right: 0px;}
.navbar  .navbar-collapse {padding-left: 0px; padding-right: 0px;}
.navbar .nav > li > a { 
    padding-left: 4px;
    padding-right: 4px;
    font-weight:bold;
}
*/
.navbar-inverse {
    background-color: #080808;
    border-color: #000;
	border-radius:0px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #9a0000;
}
.navbar-inverse .navbar-nav > li > a,
.dropdown-menu > li > a,
.dropdown-menu {
	background-color: #080808;
    color: #aaa; /*font-weight:bold;*/
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;    
}

.navbar-collapse { max-height:420px;}

#tetiere .form-recherche { max-width: 215px}

/* BOUTON HAUT DE PAGE TO-TOP */
#toTop {     
    border: medium none;
    bottom: 0.75em;
    display: block;
    overflow: hidden;
    position: fixed;
    right: 0.75em;
    text-decoration: none;
    width: 50px; height: 50px;
    border-radius: 50px;
    background-color:  #9a0000;
    color :#fff;
    font-size:25px;
    text-align: center; padding-top: 8px;
    z-index: 100;
}

@media (min-width: 766px) {
    .navbar .nav > li > a { 
        padding-left: 5px;
        padding-right: 5px;
    }
}


@media (min-width: 840px) {
    .navbar .nav > li > a { 
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media (min-width: 950px) {
    .navbar .nav > li > a { 
        padding-left: 12px;
        padding-right: 12px;
    }
}


/* MISE EN PAGE GENERALE */

#contenu-total { max-width:960px; width:95%; margin-left:auto; margin-right:auto; background:#fff;}
#chemin { font-size:0.9em;}

.marge-interieure { margin: 5%; padding:5%}

@media (max-width: 1200px) {
    #contenu-total { width:100%; max-width:100%}
}

#menu-bas { background-color: #090909; color:#fff; padding: 20px 0 40px 0;}
#menu-bas .titre { color: #E84C4C; text-transform:uppercase; font-size: 1.4rem  }
#menu-bas select { color:#000}
#menu-bas .link-list ul {
    margin: 0 0 15px;
    padding: 0;
}

#menu-bas .link-list ul li {
    list-style-type: none;
    margin: 0;
    display: block;
    font-size: 1.3rem;
    line-height: 1.3rem;
    padding-bottom: 10px;
}
#menu-bas .link-list ul li a{ color: #fff}

#menu-bas .logo { text-align:center; margin-top:10px; margin-bottom:10px;}

#contact-details { border: solid 1px #333; padding: 0; margin: 0}
#contact-details #telephone{padding-left: 5px; padding-top: 10px;height: 50px}
#contact-details #adresse {padding-left: 5px; padding-top: 10px;height: 80px}
#contact-details #email,#contact-details #social  
{border-top: solid 1px #333; padding-left: 5px; padding-top: 10px; clear:both;}

#contact-details #email .donnee { font-size: 0.9em}

#contact-details .titre { float: left; width: 80px; clear:both}
#contact-details .donnee { margin-left:5px; float: left; }
#contact-details a {color:#fff}
#contact-details #social a {background-color: #fff}

.joli-contact .logo { clear: both}
#information { padding-bottom: 20px;}

#serie-detail { padding: 10px;}

/* PAGE AUTEUR */

#nom-bio-photo .auteur-photo {}
#nom-bio-photo .auteur-info {}
#nom-bio-photo .auteur-nom { 
    font-weight:bold;
    display:inline;
    font-size:1.8em;
    text-transform:uppercase;
    color:#9a0000; border-top:2px solid #9a0000;border-bottom:2px solid #9a0000; 
    padding-left: 0px;
}
#auteur-biographie{
height:250px;
overflow:hidden;}

/* LISTE AUTEURS */
.liste-auteurs .auteur-court .interieur { margin:5%; padding:5%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); text-align:center; height:250px; 
    overflow: hidden; overflow-wrap:break-word; word-wrap:break-word;} 
.auteur-court .couverture { float:left}
.auteur-court .nom-et-plus { margin-left:125px; text-align:left;}
.auteur-court .nom-et-plus ul { margin: 0;padding:0;}
.auteur-court .nom-et-plus ul li { list-style-type: none; margin: 0; text-align:center;padding-top:6px; font-size:0.9em}


/* LISTE D'OUVRAGES */

.liste-ouvrages .ouvrage-court {  margin-bottom:5px; }
.liste-ouvrages .ouvrage-court .interieur { 
    margin:5%; padding:5%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); text-align:center; height:300px; 
    overflow: hidden; overflow-wrap:break-word; word-wrap:break-word;}
.ouvrage-court .couverture { min-height:160px;}
.ouvrage-titre a{color:#9a0000;}

.liste-ouvrages .ouvrage-moyen .interieur
{
    margin:5%; padding:5%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); text-align:center; height:400px; 
    overflow: hidden; overflow-wrap:break-word; word-wrap:break-word; text-overflow: ellipsis;}
.ouvrage-moyen .couverture { float:left}
.ouvrage-moyen .auteur-nom { font-size:1.1em; font-weight:bold}
.ouvrage-moyen .titre-et-plus { text-align:left}
.ouvrage-moyen .titre-et-plus .ouvrage-titre{ font-size:1.4em;}
.ouvrage-moyen .ouvrage-detail {font-size:0.9em; margin-top:1.5em;}
.ouvrage-moyen .en-savoir-plus {bottom:2em; left:0; background-color:#000; color:#FFF; text-align:center; width:100%}
.ouvrage-moyen .resume { text-align: left;}

.liste-ouvrages .expo .interieur {height:300px;}

.ouvrage-court .auteur-nom-petit { font-size:0.9em; font-weight:normal}

.festival-date-design { 
    text-align: center; text-transform: uppercase;
    margin-bottom: 15px;
}
.festival-detail{
    border-left:3px solid #9a0000;
    margin-bottom: 15px;
    
}


@media (min-width: 600px) and (max-width: 768px) {
    .liste-ouvrages .ouvrage-court .interieur { height:200px; }
    .ouvrage-court .couverture { float:left}
    .ouvrage-court .titre-et-plus { text-align:left}
    .ouvrage-court .titre-et-plus .ouvrage-titre{ font-size:1.1em;}
    #genre > .liste-ouvrages .ouvrage-court .interieur { height:300px; }
    #genre > .ouvrage-court .couverture { float:none}
}

#collection-detaillee .info { padding:20px;}
.nouveaute { margin-top:-18px; background-color:#a00; color:#FFF; width:80px; font-size:12px; font-weight:bold; margin-left:25px;
z-index:3; position:relative; height:16px;
border-bottom:1px solid #333; border-right:1px solid #333}

#ouvrage .ouvrage-info .auteur-nom { font-size:1.2em; font-weight:bold; margin-bottom:10px;}
#ouvrage .ouvrage-info .ouvrage-disponibilite {font-weight:bold; padding:5px 0 5px 0}
#ouvrage .ouvrage-info .ouvrage-genre {padding:5px 0 5px 0}
#ouvrage .ouvrage-info h1 {padding-left: 0px;}
#ouvrage-detail { margin-top:1em; color:#444}
#ouvrage-detaille .revue-de-presse {text-align:center; }
#ouvrage-detaille .revue-de-presse .revue-de-presse-texte {
	font-weight:bold; padding:5px 0 5px 0; font-size:1.5em; 
	font-family:Georgia, "Times New Roman", Times, serif}
#ouvrage-detaille .revue-de-presse-marge .revue-de-presse-texte	 { font-size:1.3em }
.guillemet { color:#900; font-size:1.3em}
#ouvrage-detaille .publier-fb { margin-top: 15px; margin-bottom: 10px;}
.encadre-auteur { text-align:center; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);}
.encadre-auteur  ul.titres-recents { margin: 0;padding:0; font-size: 0.9em}
.encadre-auteur  ul.titres-recents li  { list-style-type: none; margin: 0; text-align:center; padding-top:6px;}
.partager { text-align:center; margin-bottom:10px;}
.partager ul { margin: 0;padding:0; }
.partager ul li  { list-style-type: none; margin:0;  padding:0; display:inline-block;}

.revueDePresse-modal{ background-color:#fff; border-radius: 10px;}
.revueDePresse-modal h4 { color:#9a0000;}
.revueDePresse-modal .revue-de-presse-texte, .revue-de-presse-lien,.revue-de-presse-source { margin:8px;}
.revue-de-presse-source { text-align:center; font-size:1.1em; font-weight:bold}


/* PANIER */
table.panier th.droite { text-align:right}
.marge-ouvrage { text-align:center}
.marge-ouvrage img {box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); display:inline-block}
.marge-ouvrage img.normal { box-shadow:0 0 0 rgba(0, 0, 0, 0.25)}
.ajouter-panier {text-align: center;}
.ajouter-panier button { background-color:#9a0000; color:#eee}
.ajouter-panier button:hover { background-color:#aa0000; color:#FFF}
.mode-paiement {text-align: center}

/* expo */
#exposition .location { padding-top:20px;}
#exposition .pdf { text-align:center; font-size:0.9em}
#exposition .vignette { margin-bottom:20px}
#exposition .detail { margin-top:10px}

.liste-affiches-festival { text-align:center; margin-bottom:15px;}

.technologies { text-align:center}
.technologies h4 { text-align:center}
.technologies ul, ul.groupe-de-liens { margin:0; padding:0;}
.technologies ul li,  ul.groupe-de-liens li { list-style-type: none; padding-left:0px; margin:0}

/* CAROUSEL */
#carousel-actu .item .active { height:350px; overflow:hidden; background-color:#333}
.carousel-caption { 
    background-color:#fff; filter : alpha(opacity=80); 
    background-color: rgba(255, 255, 255, 0.8); color:#000;
    text-shadow:none}
.carousel-caption h3 { font-weight:bold; font-size:1.7em; color:#600;  }
.carousel-caption h3 small {color:#000;  }

.carousel-indicators { bottom:3px;}
.carousel-indicators li { border: 1px solid #700}
.carousel-indicators li.active { background-color:#700}
#carousel-actu .carousel-caption { overflow:auto; padding-bottom:20px; margin-bottom:5px; bottom:5px; padding-top:0px; max-height:90%}
#carousel-actu .actu-vignette { max-width:170px; display:inline-block; padding:5%}
#carousel-actu .detail-actu { text-align:left;}
#carousel-actu ol { margin-bottom: 3px;}

.accueil-secondaire {border-left:1px solid #ddd;}
.accueil-secondaire .section {border-top:1px solid #ddd; margin-bottom:15px;}
.accueil-secondaire .section ul { margin:0; padding:0;}
.accueil-secondaire .section ul li{ list-style-type: none; padding-left:0px; margin:0}
.accueil-secondaire .section .interieur { margin:5%; padding:5%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);}
.accueil-secondaire .encadre-auteur {  box-shadow: none}

.accueil-secondaire ul.liste-reseaux li { display:inline; }

#revues-de-presse .interieur { margin:5%; padding:5%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); text-align:center; min-height:250px; 
    overflow: hidden; overflow-wrap:break-word; word-wrap:break-word;} 
#revues-de-presse .revue-de-presse-source { font-size:1em}
#revues-de-presse .revue-de-presse, #revues-de-presse .revue-de-presse-texte {
	font-weight:bold; padding:5px 0 5px 0; font-size:1.2em; 
	font-family:Georgia, "Times New Roman", Times, serif}

#planches .vignette img { margin-top:8px;}

@media (min-width: 992px) {
	.accueil-secondaire .section .interieur { margin:0; padding:0; box-shadow: none}
}

/* fomulaire de recherche */
.form-recherche {z-index: 3; position: absolute; margin-left: 5px; margin-top: 20px;}

.alert-success h3 { color: #080;}

@media (max-width: 500px) {
    form.form-inline.form-recherche { width:200px}
    #ouvrage .ouvrage-info h1 {font-size: 26px;}
}
@media (max-width: 600px) {
    #tetiere .form-recherche { max-width: 150px}
}

.sans-cadre { border: 0 !important; box-shadow: none !important;}



#form-abonnement {
border: medium none;
overflow: hidden;
position: fixed;
top: 2em;
background-color:#aaa;
color: #fff;
font-size: 25px;
text-align: center;
padding-top: 8px;
z-index: 100;
 }
 

 
 /* liste des actualités */
 .liste-actualites {}
 .liste-actualites .actualite{

 }
 .liste-actualites .actualite .interieur
{    margin:5px; padding-bottom: 5px; text-align:center; }


#catalogue .ouvrage-moyen .resume{text-align: center;}
#catalogue .expo .interieur { height: 200px}