/* CSS ajouté par Guillaume, inclue la bootstrapisation */

/*----- PARAMÈTRES GÉNÉRAUX -----*/

/*----------------------------------*/

 /*----- ICONES FONT AWESOME  ------*/
#go:hover {
    background: #fff;
}

.icons {
    padding-right: 45px;
}
.fa-twitter, .fa-facebook, .fa-shopping-bag, .fa-search {
    font-size: 25px;
    margin: 5px;
    margin-bottom: 15px;
    display: inline-block;
    width: 40px;
    text-align: center;
    border-radius: 100%;
}

.fa {
    transition: background 0.4s;
}

.fa:hover {
    cursor: pointer;   
    color: #000;
    background: #ddd;
}

.fa-search {
    font-size: 18px;
}

        /*----- Fin font awesome -----*/
/*------   fin fonts   ---------*/
/*----------------------------------------------------*/



body {
    font-family: Verdana,Geneva,sans-serif;
    background: #eee;
}

a {
    color: #333;
    transition: background 0.4s;
}
a:hover {
    color: #000;
    background: #ddd;
}

/* LA PETITE FLÈCHE QUI MONTE...*/
.remonter {
    position: fixed;
    bottom: 150px;
    right: 20px;
    font-size: 22px;
    background: #fff;
    border-radius: 100%;
    opacity: 0.5;
    transition: opacity 0.4s;
}

.remonter:hover {
    opacity: 1;
    color: #000;
}

/* LIEN VERS LES MENTIONS LÉGALES */

.lien-mentions {
    text-align: right;
}


/*--------------------*/
/*--- TOP - LE HEADER ---*/
/*--------------------*/

.container {
    margin-top: 20px;
    background: #fff;
    max-width: 1200px;
    width: auto;
}

.top {
    border-bottom: 1px solid #000;
}

.coin_info {
    text-align:left;
    color:#aaa;
    font-weight:bold;
    font-size:120%;
    font-family:courier;
}
/*--------------------*/
/*--- TOP-LEFT---*/
/*--------------------*/
.top-left {
    background: #444 url("../logo/logo_editeur_1.png") center bottom no-repeat;
    transition: opacity 0.2s;
}

.top-left:hover {
    cursor: pointer;
    opacity: 0.8;
}

/*--------------------*/
/*--- TOP-RIGHT---*/
/*--------------------*/
.top-right {
    border-left: 1px solid #000;
}

        /*----- NAVBAR -----*/
.navbar-default {
    background: #fff;
    border-color: #fff;
}

.navbar {
    font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
    font-variant: small-caps;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: #fff;
    color : #333;
}

.drop {
    font-size: 18px;
}

.nav>li>a:focus {
    background: #fff;
    color: #333;
}

.navbar-brand {
    background: url(../images/agone-logo-xs.jpg) center center no-repeat;
    text-indent: -9999px;
    border : none;
    height : 35px;
}

.dropdown-menu {
    /*position: relative;*/
    right: 20px;
}

/*-----   MEDIA QUERIES POUR LE HEADER   -----*/
@media screen and (max-width: 767px) {
    .top {
        height: 128px;
    }
    .container {
        padding-top: 0;
    }
    #navbar>ul>li>a {
        padding: 0px;
    }
    .navbar    {
        font-size: 20px;
        margin-bottom: 0;
    }
    #navbar>ul>li>ul>li>a {
        text-align: center;
        padding: 0;
    }
    .nav-justified>li>a {
        margin-bottom: 0px;
    }
    .coin_info {
        margin-top: 5px;
    }
    .remonter {
        bottom: 25px;
        right: 0px;
    }
    .icons {
        padding-right: 0px;
    }
    .fa {
        margin: 0;
    }
    .chercher {
        width: 100px;
    }
    .nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .header-bottom {
        padding-top: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .top {
        height: 140px;
    }
    .top-left {
        height: 139px;
    }
    #navbar>ul>li>a {
        padding: 0px;
    }
    .navbar    {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .coin_info {
        margin-top: 35px;
    }
    .dropdown-menu>li>a {
        font-size: 15px;
    }
}

@media screen and (min-width: 992px) {
    .top {
        height: 156px;
    }
    .top-left {
        height: 155px;
    }
    .coin_info {
        margin-top: 39px;
    }
    .navbar {
        margin-bottom: 10px;
        font-size: 18px;
    }
    #navbar>ul>li>a {
        padding-left: 3px;
        padding-right: 3px;
    }
}

@media screen and (min-width: 1200px) {
    .navbar {
        font-size: 22px;
    }
}
/*-----   RECHERCHE   -----*/

.cherche{
    text-align: right;
}

.header-bottom {
    padding-top: 12px;
}

.btn-header {
    font-size: 30px;
    height: 20px;
}


/*--------------------*/
/*----- BOTTOM LEFT ----*/
/*--------------------*/

.sous-menu ul {
    padding-left: 0;
}

.sous-menu li {
    list-style-type: none;
}


.rencontres {
    font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
    text-align: center;
    font-variant: small-caps;
    padding-top: 15px;
    font-size: 20px;
}

.rencontres a {
    padding: 5px 25px;
}

.rencontres a:hover {
    background: #ddd;
    text-decoration: none;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .rencontres a{
        padding: 2px 0px;
    }
    .agenda-menu-dte, .agenda-menu-ville {
        font-size: 12px;
    }

}

.rencontres-plus {
    text-align: right;
    margin-top: 20px;
    font-style: italic;
}

.rencontres-plus a:hover {
    text-decoration: none;
    background: #ddd;
}

.agenda-menu p{
    margin-top: 3px;
    margin-bottom: 0;
}

.agenda-menu {
    margin-top: 20px;
    transition: background 0.4s;
}

.agenda-menu:hover {
    background: #ddd;
}

.agenda-menu a:hover {
    text-decoration: none;
}

.agenda-menu-dte {
    font-weight: 600;
    color: #331900;
}
.agenda-menu-ville {
    font-weight: 600;
    color: #331900;
}

/*--------------------*/
/*--- BOTTOM RIGHT ---*/
/*--------------------*/
.bottom-right {
    padding: 0;
    border-left: 1px solid black;
    padding: 15px;
    padding-left: 35px;
}

@media screen and (max-width: 767px) {
    .bottom-right, .top-right {
        border: none;
    }
   /* .bottom-right {
        padding: 0;
    }*/
}

/*------ positionnement des "fiches" livres ------*/

@media screen and (max-width: 767px) {
    .l-couv img {
    width: 100px;
    }
    .l-format {
        text-align: right;
        margin-bottom: 20px;
        padding-top: 10px;
        border-top: 1px solid #aaa;
    }
    .page-titre {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 768px) {
    .l-couv img {
    width: 100px;
    max-height: 150px;
    }
    
    .l-format {
        margin-top: 20px;
    }
    .listing-livre {
        padding-bottom: 10px;
    }
}

@media screen and (min-width: 992px) {
    .l-couv img {
    max-height: 155px;
    }
}
/**************/

.listing-livre {
    margin-top: 25px;
    transition: background 0.4s;
}

.listing-livre:hover {
    cursor: pointer;
    background: #ddd;
    text-decoration: none;
}

.l-couv {
    padding: 0;
    margin-bottom: 15px;
    height: 190px;
}

.l-couv img {
    box-shadow: 3px 3px 12px #666;
}

.page-titre {
    position: absolute;
    min-height: 100%;
    border-bottom: 1px solid #ccc;
}

.l-auteur{
    font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
    font-size: 20px;
    text-align: center;
}

.l-titre {
    font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
    font-size: 25px;
    line-height: 1;
    text-align: center;
}


.l-sous-titre {
    font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    font-style: italic;
}

.l-collection {
    text-align: center;
    margin-top: 10px;
}

.l-auteur a,
.l-collection a {
    display: block;
}

.l-infos {
    text-align: center;
    margin-top: 15px;
    color: #aaa;
}
/*------ fin du positionnement des livres -------*/

.agenda {
    padding: 8px;
}

.agenda-title:hover {
    cursor: pointer;
    background: #d9d9d9;
}

.agenda-dte {
    font-size: 18px;
    color: #815235;
    text-indent: 15px;
}

.agenda-evenement {
    font-size: 20px;
}

.agenda-description {
    font-size: 16px;
}

.agenda-description a {
    font-weight: 600;
}

.agenda-description a:hover {
    background: #fff;
}

.agenda-renseignements {
    text-align: center;
    border : 1px solid #ccc;
}

.agenda-texte {
    margin-top: 10px;
    margin-bottom: 10px;
    font-style: italic;
    font-size: 15px
}

.agenda-auteur {
    
}


/*---------- PAGES OUVRAGES ----------*/



.couverture {
    padding: 0;
}

.couv {
    max-width: 100%;
    box-shadow: 3px 3px 12px #666;
}

.livre-detail {
    font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
}

.auteur {
    text-align: center;
    font-size: 25px;
    margin-top: 40px;
}

.auteur a:hover {
    background: #fff;
}

.titre {
    text-align: center;
    font-size: 30px;
    margin-top: 20px;
}

.sous-titre {
    text-align: center;
    font-size: 18px;
    font-style: italic;
}

.format, .plus {
    margin-top: 50px;
    margin-left: 20px;
    color : #888;
    font-size: 16px;
}
.format {
    margin-top: 10px;
}

.livre-cde {
    font-size: 20px;
}

.choix-cde {
    text-align: right;
    border: 1px solid #aaa;
    border-radius: 2px;
    padding: 5px 10px;
}


.choix-cde>a:hover {
    text-decoration: none;
}

.commander {
    margin-top: 15px;
    font-size: 14px;
}

.cde_on {
    font-size: 17px;
}

.cde_on:hover {
    background: #ddd;
    cursor: pointer;
    transition: background 0.4s;
}

.fa-close:hover {
    background: #fff;
    cursor: text;
    color: #aaa;
}

.cde_off {
    color: #aaa;
}

@media screen and (max-width: 767px){
    .cde_off {
        display: none;
    }
}

.fa-check {
    color: #272;
}

.nav-onglets {
    margin-top: 15px;
    margin-bottom: 15px;
}

.btn-onglets:hover {
    cursor: pointer;
}

.titre-article-som {
    font-size: 16px;
}

cite {
    font-style:italic;
}

.ligne-som:hover {
    background: #ddd;
}

.auteur-article-som {
    font-size: 16px;
    font-variant: small-caps;
}

.journal-som {
    font-style: italic;
    
}

.ligne-som {
    padding: 5px;
    border-bottom: 1px solid #aaa
}

.article {
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #aaa;
}

.titre-article {
    font-size: 18px;
}

.auteur-article {
    font-variant: small-caps;
    font-size: 16px;
}

.journal-article {
    font-style: italic;
}

/*----------     PAGE COLLECTIONS     ----------*/

.collection-titre {
    margin-top:20px;
    font-size: 18px;
}

.collection-fiche a:hover {
    text-decoration: none;
}

.collection-fiche {
    transition: background 0.4s;
}

.collection-fiche:hover {
    background: #ddd;
}


/*----------   MENTIONS LÉGALES   ----------*/


.blocmentions {
    margin-top: 15px;
}

/*------------- LA PAGE COMMANDE -------------*/

.cde-titre {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    background: #ddd;
    text-align: center;
    padding: 5px;
}
.border-left {
    border-left: 1px solid #aaa;
}

.border-br {
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    min-height: 30px;
    padding-top: 5px;
}
 
 .ligne-livre {
    min-height: 65px;
    text-align: center;
 }

 @media screen and (max-height:767px) {
    .ligne-livre {
        min-height : 120px;
    }
    .border-br {
        padding: 5px 0 5px 0;   
    }
 }

.cde-titre-livre {
    color: #331900;
    font-weight: 600;
}

.sous-total-lib {
    font-weight: 600;
    text-align: right;
}
.sous-total-prix {
    text-align: right;
}
.prix {
    text-align:right;
}

.btn-cde {
    margin-top: 30px;
}

.total {
    font-weight: 600;
}
.tete {
    margin-bottom: 40px;
}

/*---------- GLOSSAIRE ---------*/

h1.glossaire {
    font-variant: small-caps;
    font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
    text-align: center;
}

.item_glossaire {
    max-width: 700px;
    margin-top: 40px;
}
.item_glossaire a {
    font-style: italic;
}
.gls-Ouvrage {
    font-style: italic;
}

.glossaire_lettre_active {
    font-weight: 600;
    font-size: 20px;
}

.entree_glossaire {
    font-variant: small-caps;
    font-weight:bold;
    font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
}

.glossaire_revue {
    font-style: italic;
}
.glossaire_auteur {
    font-variant: small-caps;
}
.glossaire_sommaire {
    /*font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;*/
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    list-style-type: none;

}

.source {
    font-style: italic;
    text-indent: 30px;
}