/*
CSS pour les listes
*/

.woocommerce .term-description{
    line-height: 30px;
    font-size: 18.5px;
    font-family: 'Droid Serif',sans-serif;
    display: block;
    width: 930px;
    position: relative;
    height: auto;
    margin: 0 auto;
    margin-top: 10px;
}

.content.commerce-liste{
    display:block;
    position:relative;
    width:1100px;
    height:auto;
    margin:0 auto;
}

.commerce-liste .container{
    display:block;
    position:relative;
    width:930px;
    height:auto;
    margin:0 auto;
}

.commerce-liste .container-carousel{
    display:block;
    position:relative;
    width:930px;
    height:auto;
    margin:0 auto;
    overflow:hidden;
}

.commerce-liste #carousel{
    display:block;
    position:relative;
    width:2000000px;
    height:auto;
}

.commerce-liste .slide{
    display:inline-block;
    position:relative;
    margin-left: -4px;
    width:930px;
    height:auto;
    padding-bottom: 40px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.commerce-liste .slide:first-child{
    margin-left: 0px;
}

.commerce-liste .chemin-site-liste{
    display:block;
    width:100%;
    position:relative;
    height:auto;
    font-size:12px;
    color:#777777;
}

.commerce-liste .chemin-site-liste .block-chemin-site{
    display:block;
    width:19%;
    height:auto;
    background-color:white;
    z-index:10;
}

.commerce-liste .block-chemin-site .block-chemin{
    display:inline-block;
    width:auto;
    height:auto;
    margin-left:2px;
    margin-right:2px;
    margin-top:63px;
    font-size:12px;
    color:#777777;
    text-decoration:none;
}

.commerce-liste .block-chemin-site .block-chemin:first-child{
    margin-left:0px;
    margin-right:0px;
}

.commerce-liste .block-chemin.litterature{
    color:#d65656;
    text-decoration:underline;
}

.commerce-liste .ligne-séparation-chemin{
    display:block;
    position:relative;
    top:-3px;
    right:0;
    width:100%;
    border-top:1px dashed #cbcbcb;
}

.commerce-liste .titre-page{
    display:block;
    width:100%;
    height:auto;
    margin-top:30px;
    margin-bottom:33px;
    letter-spacing:2px;
    text-transform:uppercase;
    FONT-SIZE:40PX;
    font-family:'Vinyl',sans-serif;
    color:#8f8c88;
}

.commerce-liste .ligne-séparation-2-chemin{
    display:block;
    position:relative;
    right:0;
    width:100%;
    border-top:1px dashed #cbcbcb;
    margin-bottom:34px;
}


.commerce-liste .block-focus{

    display:block;
    position:absolute;
    width:auto;
    height:auto;
    line-height:20px;
    padding:10px;
    background-color:black;
    text-align:center;
    text-transform:uppercase;
    color:white;
    z-index:1;
    font-family:'Vinyl',sans-serif;
}

.commerce-liste .block-text{
    display:inline-block;
    width:580px;
    height:413px;
}

.commerce-liste .carousel-titre{
    margin-top:74px;
    font-size:37px;
    text-transform:uppercase;
    line-height:40px;
    font-family:'Vinyl',sans-serif;
}

.commerce-liste .block-carousel-sous-titre-ligne{
    display:block;
}


.commerce-liste .block-carousel-sous-titre{
    display: inline-block;
    margin-top: 35px;
    width: auto;
    height: auto;
    padding-right:10px;
    font-size: 18.5px;
    background-color: white;
    z-index: 1;
}

.commerce-liste .carousel-sous-titre-liste{
    display:inline-block;
    height:auto;
    font-size:18.5px;
    font-family: 'Droid Serif',sans-serif;
}

.commerce-liste .carousel-sous-titre-liste.auteur{
    color:#9a9a9a;
}

.commerce-liste .carousel-sous-titre-liste a{
    color:black;
    text-decoration:none;
}

.commerce-liste .carousel-sous-titre-liste a:hover{
    color:#d65656;
    text-decoration:underline;
}

.commerce-liste .carousel-texte-liste{
    margin-top:30px;
    line-height:30px;
    font-size:18.5px;
    font-family:'Droid Serif',sans-serif;
}

.commerce-liste .block-carousel-bouton-liste{
    display:block;
    position:relative;
    width:auto;
    height:43px;
    padding-top:20px;
    background-color:white;
    z-index:10;
}

.commerce-liste .single_add_to_cart_button.button.alt{
    display:inline-block;
    width:auto;
    height:43px;
    text-align:center;
    color:black;
    padding-left:20px;
    padding-right:20px;
    text-decoration:none;
    font-size:10px;
    border-radius:0;
    background-color:white;
    font-weight:normal;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
}

.commerce-liste .single_add_to_cart_button.button.alt:hover{
    background-color:#bb2e2d;
    color:white;
}

.commerce-liste .carousel-bouton-voirlafiche{
    display:inline-block;
    width:auto;
    height:auto;
    margin-right:10px;
    text-align:center;
    line-height:43px;
    float:left;
    color:black;
    padding-left:20px;
    padding-right:20px;
    text-decoration:none;
    border:1px solid black;
    font-size:10px;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
}

.commerce-liste .carousel-bouton-voirlafiche:hover{
    background-color:#bb2e2d;
    color:white;

}

.commerce-liste .carousel-bouton-panier{
    display:inline-block;
    width:auto;
    height:auto;
    text-align:center;
    color:black;
    text-decoration:none;
    border:1px solid black;
    font-size:10px;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
}


.commerce-liste .block-image{
    display:inline-block;
    float:right;
    width:285px;
    height:413px;
}

.commerce-liste .block-image img{
    width:100%;
}

.commerce-liste .ligne-séparation-slide{
    display:block;
    border-top:1px solid #cbcbcb;
    margin-bottom:74px;
}

.search .commerce-liste .ligne-séparation-slide{
    display: none;
}

.commerce-liste .slide-livres{
    display:block;
    position:relative;
    width:100%;
    height:auto;
}


.commerce-liste .slide-block-livres{
    display:block;
    width:100%;
    height:auto;
    margin-bottom:40px;
}


.commerce-liste .block-livres{
    display:inline-block;
    vertical-align:top;
    width:200px;
    text-align:center;
    font-size:12px;
    font-family:'Droid Serif',sans-serif;
    margin-left:38px;
    margin-bottom:20px;
}

.commerce-liste .block-livres .livres{
    display:block;
    width:200px;
    height:300px;
    overflow:hidden;
}

.commerce-liste .block-livres .livres img{
    width: 100%;
    max-width: 100%;
}

.commerce-liste .block-livres-rollover{
    display:block;
    vertical-align:top;
    width:200px;
    height:auto;
    text-align:center;
    font-size:12px;
}

.commerce-liste .rollover{
    position:absolute;
    top:0;
    display:block;
    width:200px;
    height:99%;
    background-image:url(image/liste/hover-couv.png);
    z-index:10;
    opacity:0;
}

.commerce-liste .rollover.deux{
    position:absolute;
    top:0;
    display:block;
    width:200px;
    height:312px;
    background-image:url(image/liste/hover-couv.png);
    z-index:10;
    opacity:0;
}

.commerce-liste .block-livres .livres:hover .rollover{
    opacity:1;
}

.commerce-liste .block-livres:first-child{
    margin-left:0px;
}

.commerce-liste .block-livres:nth-child(4n+1){
    margin-left:0px;
}


.commerce-liste .block-spot{
    display:block;
    position:relative;
    margin-top:10px;
    margin-bottom:10px;
    width:100%;
    height:5px;
}

.commerce-liste .spot{
    display:block;
    position:relative;
    width:5px;
    height:5px;
    border-radius:50%;
    background-color:#cbcbcb;
    margin:0 auto;
}

.commerce-liste .livres-titre{
    display:block;
    width:100%;
    margin-bottom:5px;
}

.commerce-liste .livres-auteur{
    display:block;
    width:100%;
    color:#6e6e6e;
    line-height:20px;
}

.slide-rechercher{
    display:block;
    position:relative;
    width:100%;
    height:565px;
    margin-top:32px;
    background-image:url(image/liste/image-fond-rechercher.png);
    background-size: cover;
}

.container-rechercher{
    display:block;
    position:relative;
    top: 75px;
    width:930px;
    height:565px;
    margin:0 auto;
}

.container-rechercher .block-rechercher-titre{
    display:block;
    position:relative;
    width:100%;
    height:26px;
    margin-bottom:50px;
}

.container-rechercher .rechercher-titre{
    display:block;
    position:relative;
    float:left;
    font-size:26px;
    color:black;
    text-transform:uppercase;
    vertical-align:top;
    font-family:'Vinyl',sans-serif;
}

.container-rechercher .icone-rechercher{
    display:block;
    position:relative;
    float:right;
    width:26px;
    height:26px;
    background-image:url(image/liste/icone-rechercher-titre.png);
    background-repeat:no-repeat;
    background-position:center center;
}

.container-rechercher .block-rechercher{
    display:block;
    position:relative;
    width:100%;
    height: auto;
}

.container-rechercher .rechercher{
    display:block;
    position:relative;
    float:left;
    width:285px;
    margin-left:37.5px;
    vertical-align:top;
}

.container-rechercher .rechercher:first-child{
    margin-left:0;
}

.container-rechercher .rechercher-top{
    display:block;
    width:100%;
    height:auto;
}

.container-rechercher .block-recherche.top{
    display:inline-block;
    position:relative;
    width:285px;
    float:left;
    height:auto;
    margin-left:37.5px;
    vertical-align:top;
}

.container-rechercher .block-recherche.top:first-child{
    margin-left:0;
}

.container-rechercher .block-icone-rechercher-livre{
    display:inline-block;
    width:46px;
    height:46px;
    background-color:#363332;
    background-image:url(image/liste/icone-recherche.png);
    background-repeat:no-repeat;
    background-position:center center;
    cursor: pointer;
}

.container-rechercher .rechercher-bottom{
    display:block;
    width:100%;
    height:auto;
}

.container-rechercher .block-recherche.bottom{
    display:inline-block;
    position:relative;
    width:285px;
    float:left;
    height:auto;
    margin-left:37.5px;
    vertical-align:top;
    margin-top:75px;
}


.container-rechercher .block-recherche.bottom:first-child {
    margin-left: 0;
}

.container-rechercher .block-icone-rechercher{
    display:inline-block;
    width:46px;
    height:46px;
    background-color:#363332;
    background-image:url(image/liste/icone-recherche.png);
    background-repeat:no-repeat;
    background-position:center center;
    margin-bottom:75px;
}

.container-rechercher .champ-rechercher{
    display:inline-block;
    margin-left:-4px;
    padding-left:10px;
    width:227px;
    height:44px;
    border:0;
    font-size:12px;
    vertical-align:top;
}

.container-rechercher .block-icone-select{
    display:inline-block;
    width:46px;
    height:46px;
    background-color:#363332;
    background-image:url(image/liste/icone-select.png);
    background-repeat:no-repeat;
    background-position:center center;
}

.container-rechercher .champ-rechercher-editeur{
    display:inline-block;
    margin-left:-4px;
    width: 83.8%;
    padding-left:10px;
    height:46px;
    border-radius:0px;
    border:0;
    vertical-align:top;
    background-color:white;
}

.container-rechercher .ligne-rechercher{
    display:block;
    width:100%;
    border-bottom:1px solid #272625;
    margin-bottom:50px;
}

.container-rechercher .titre-rechercher{
    display:block;
    width:100%;
    text-align:left;
    text-transform:uppercase;
    font-size:16px;
    font-family:'Vinyl',sans-serif;
    margin-bottom:20px;
}

.container-rechercher .texte-rechercher{
    display:block;
    width:100%;
    text-align:left;
    font-size:13px;
    line-height:20px;
    font-family:'Droid serif',sans-serif;
    margin-bottom:36px;
}

.container-rechercher .block-icone-ok{
    display:inline-block;
    width:46px;
    height:46px;
    margin-left:-4px;
    background-color:#363332;
    line-height:46px;
    color:white;
    text-align:center;
    font-size:12px;
}

.container-rechercher .champ-rechercher-ok{
    display:inline-block;
    padding-left:10px;
    width:227px;
    height:44px;
    border:0;
    vertical-align:top;
    font-size:12px;
}

.container-rechercher .bouton-plus-de-contenu{
    display:block;
    text-transform:uppercase;
    width:156px;
    height:44px;
    line-height:46px;
    border:1px solid black;
    text-align:center;
    border-radius:2px;
    text-decoration:none;
    color:black;
    font-size:14px;
    font-family:'Vinyl',sans-serif;
}


/*/////////////////////////////
/////// IPAD RESPONSIVE ///////
/////////////////////////////*/


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

    #conatiner{width:100vw;}
    #content { width:95vw;}
    .commerce-liste .container-carousel {width:100%;}
    .content.commerce-liste {width:100%;}
    .commerce-liste .container {width:100%;}

    /*///// CAROUSEL /////*/

    .commerce-liste .block-focus {font-size: 14px;}
    .commerce-liste .carousel-titre {font-size: 35px;}
    .commerce-liste .ligne-séparation-chemin {width: 100%;}
    .commerce-liste li.slide {width: 95vw;}
    .commerce-liste #carousel{height:auto;}
    .commerce-liste .single_add_to_cart_button.button.alt {font-size: 14px;}
    .commerce-liste .block-carousel-bouton {top: 460px;width: 289px;}
    .commerce-liste .carousel-ligne{display:none;}
    .commerce-liste .carousel-bouton-voirlafiche {font-size: 14px;}
    .commerce-liste .carousel-bouton-panier {font-size: 14px;}
    .commerce-liste .slide .block-text {width: 60.5%;height: auto;}
    .commerce-liste .slide .block-image {height:auto;width: 31%;}

    /*///// LISTE LIVRES /////*/
    .commerce-liste .block-livres{margin-left: 14.9%;}
    .commerce-liste .block-livres.responsive{margin-left: 0px;}
    .commerce-liste .block-livres.first{margin-left:14.9%;}

    /*///// RECHERCHE /////*/


    .container-rechercher {    width: 80vw;height: auto;}
    .container-rechercher .block-recherche.top {display: block;width: 100%; margin-left:0px; margin-bottom:10px;}
    .container-rechercher .champ-rechercher {width: 89.9%;}
    .container-rechercher .champ-rechercher-editeur {width:92%;}
    .container-rechercher .block-recherche.bottom {display: block;width: 100%;margin-left: 0px; margin-top: 40px;}
    .container-rechercher .champ-rechercher-ok {display: inline-block;padding-left: 10px; width: 90.5%;}
    .slide-rechercher {width: 105vw;margin-left: -5vw;height: auto; background-image: url(image/liste/image-fond-rechercher-responsive-1.png);    background-size: cover;}

}

/*/////////////////////////////////
/////// FIN IPAD RESPONSIVE ///////
/////////////////////////////////*/

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

    .commerce-liste .block-livres{margin-left: 8%;}
    .commerce-liste .block-livres.responsive{margin-left: 0px;}
    .commerce-liste .block-livres.first{margin-left:8%;}

}



/*///////////////////////////////
/////// IPHONE RESPONSIVE ///////
///////////////////////////////*/


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

    /*///// CAROUSEL /////*/

    .commerce-liste .content.commerce-liste{width:100vw;}
    .commerce-liste .ligne-séparation-chemin {width: 100%;}
    .commerce-liste .block-parution {top: 50px;}
    .commerce-liste #carousel{height:auto;    margin-top: 114px; margin-bottom:115px;}
    .commerce-liste .slide {width: 440px;height: auto;}
    .commerce-liste .slide .block-image {display:block;float:none;margin:0 auto;    height:auto;;width: 69%;}
    .commerce-liste .carousel-titre {margin-top: 35px;}
    .commerce-liste .block-text {width: 100% !important;height: auto;}
    .commerce-liste .carousel-ligne {width: 265px;}
    .commerce-liste .block-carousel-bouton {bottom: 50px;}
    .commerce-liste .carousel-puce {width: 193px;}
    .commerce-liste .puce.six,.puce.sept{display:none;}

    /*///// LISTE LIVRES /////*/

    .commerce-liste .block-livres{margin-left: 6.9%;}
    .commerce-liste .block-livres.responsive{margin-left: 6.9%;}
    .commerce-liste .block-livres.responsive-2{margin-left: 0px;}
    .commerce-liste.block-livres.responsive-3{margin-left: 0px !important;}
    .commerce-liste .block-livres.first {margin-left: 0px;}

    /*///// RECHERCHE /////*/


    .container-rechercher .block-rechercher-titre {margin-bottom: 45px;}
    .container-rechercher .block-recherche.top.last{margin-bottom:0;}
    .container-rechercher .rechercher-top{ width: 320px; height:auto; margin-left:auto !important; margin-right:auto !important;}
    .container-rechercher .block-recherche.top {display: block; width: 320px; margin-bottom:10px; margin-left: 0px;}
    .container-rechercher .champ-rechercher {width:52.5vw;}
    .container-rechercher .champ-rechercher-editeur {width:56vw;}
    .container-rechercher .rechercher-bottom{width: 70vw; height:auto; margin-left:auto !important; margin-right:auto !important;}
    .container-rechercher .block-recherche.bottom {display: block;width: 70vw;margin-left: 0px; margin-top: 50px;}
    .container-rechercher .champ-rechercher-ok {display: inline-block;padding-left: 10px; width: 52.5vw;}
    .slide-rechercher {height: auto; background-image: url(image/liste/image-fond-rechercher-responsive-2.png);margin-left:-5vw}
    .container-rechercher .texte-rechercher {margin-bottom: 30px;}
    .container-rechercher {    width: 70vw;height: auto;}

}

/*////////////////////////
/////// FIN IPHONE ///////
////////////////////////*/