body {
	color: #2d2d2d; font-family: Lato, "Open Sans", Arial, sans-serif; font-size: 13px;
	/*background: #fff;*/ line-height: 18px; overflow-y: scroll;  background: url("../images/bck_grid_2.png"); 
}

a{color: #2694a2; text-decoration: none; transition: opacity 400ms ease;}
a:hover{opacity: 0.7; }
a.active{font-weight: bold}

a.button {background: #2694a2; color: #fff; font-variant: small-caps; font-weight: bold; padding: 2px 8px 4px 8px}
a.button.sommaire {background: #fff; border:1px solid #2694a2;color: #2694a2; font-variant: small-caps; font-weight: normal; padding: 2px 8px 4px 8px}


.fl {float: left}
.fr {float: right}
.cb {clear: both}
.cb2 {clear: both; height: 0}
.ta-r {text-align: right}
.justify {text-align: justify}

sup {font-size: 0.9em; vertical-align: 3px}

h1{font-size: 15px; font-weight:normal;}
h2{font-size: 15px;color:#2d2d2d;font-weight:normal;line-height:18px;}

h3{font-size: 14px;font-weight: normal; }
h4{font-size: 14px; color: #000; font-weight: normal}
h5{font-size: 13px; font-weight: normal; color: #7c7c7c;line-height:25px;}
h6{font-size: 13px; font-weight: 300;  }

.cap{text-transform:uppercase;}
h3.small_cap{font-variant: small-caps;}
.filter_block h3 {font-weight: bold; font-size: 15px}

h3 span{font-weight:bold;}

h5.format{color:#7c7c7c;font-weight:400;line-height:18px;}
h5.sommaire{color:#7c7c7c;font-weight:400;line-height:18px;display:none;}
/*.description{font-size: 14px;color:#2d2d2d;font-weight:400;line-height:18px;}*/
h4.cap{text-transform:uppercase;letter-spacing:0.6px;}

/*h3.tlo{font-size: 14px;font-weight:700;}*/

hr {border: none; border-top: 1px solid #000; margin: 9px 0 25px 0}

.container{width: 95%; max-width: 1064px; margin-left: auto; margin-right: auto;}

#bkg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    margin-left: -400px;
    background: url(../images/filigrane.png) no-repeat left top;
    z-index: -10;
}
#header{
	position: fixed; border-bottom: 0px solid; 
	top: 0; left: 0; right: 0; background: white; z-index: 1000;height: 150px;
		-webkit-overflow-scrolling;
}

#header #bkg{ height: 150px; position: fixed; top: 0; bottom: 0; left: 50%; right: 0; margin-left: -400px;/* background: url(../images/bck_sign.png) no-repeat left top;*/ z-index: -10;}
#header .container {padding: 30px 0}

#header .menu {width: 53%; }
#header .menu h1 {float: left; margin: 58px 10% 0 0; font-weight: 300; font-size: 16px; color: #000; }
#header .menu h1:last-child {margin-right: 0} 
#header .menu h1 a{color: #000; padding-bottom: 5px; transition: border 100ms ease;}
#header .menu h1 a:hover, #header h1 a.active {border-bottom: 4px solid #2694a2; font-weight: 300;   }

#header .menu-mobile{display: none; width: 100%; background-color: #fff;border-top: 1px solid #a0a0a0;}

.menu-mobile a {
    text-align: left;
    padding-left: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #a0a0a0;
    display: block;
    color: #000;
    font-size: 18px;
}

.menu-btn div {
	margin-top: 15px;
    line-height: 1.2;
    z-index: 1010;
    cursor: pointer;
    float: right;
    height:100%;
    display:inline-block;
    vertical-align:middle;
}

.menu-btn span {
    display: block;
    margin: 4px 0 0 0;
    background-color:#003652;
    width: 20px;
    height: 3px;
    border-radius: 3px;
    z-index: 99;
    cursor: pointer;
}

#header .col-right {margin-top: 30px; width: 22%}
#header .col-right a {color: #4d4c4c}

#header .col-right .fa-shopping-bag {font-size: 15px; vertical-align: 2px; margin-right: 5px}
#header .col-right a .fa {color: #9b9999}
#header .search {width: 85%; position: relative;float:right; margin-top: 7px; border: 1px solid #9b9999; padding: 3px; background: #fff;  } 
#header .search input {width: 85%; background: #fff; border: 0px solid; font-family: Lato, Arial, sans-serif; color: #4d4c4c}
#header .search_btn {color: #9b9999; margin-right: 1px}



#content {margin-top: 140px; padding-top: 75px;position: relative;  z-index: 20;}

.lwa_slider{overflow: hidden;}
.lwa_slide {float: left; overflow: hidden}
.lwa_slide img{width: 100%; height: auto}

.largeur_fiche{width:80%;}
.largeur_fiche_format{width:70%;min-height:350px;}


.col1 {width: 21%; margin-right: 3%}
.col1 .border {border: 1px solid #2694a2;padding: 15px; margin-top: -3px;background-color: rgba(255,255,255, 0.6);} 


.col2 {width: 76%; /*max-width: 700px;*/}

.col2a {width: 34%}
.col2a img{max-width: 90%}
.col2b {width: 66%}

.col1c{width:60%;}
.col2c{width:36%;}


/*.thumb_block {width: 17%; margin: 15px 0 15px 3.75%}*/
/*.thumb_block.item0 {clear: both; margin-left: 0}*/
.thumb_block a{display: block; border: 1px solid #2694a2; padding: 20px; background-color:  rgba(255,255,255, 0.6)}
.thumb_block img {max-width: 100%}
.thumb_block .text {font-size: 12px; font-weight: 400; height: 80px; overflow: hidden; color: #2d2d2d; line-height: 16px; }

.thumb_block .price {padding-top: 10px; margin-top: 10px; border-top: 1px solid #2694a2}

.thumb_block.tb_bottom.item0 {clear: both; margin-left: 0}

#books {margin-top: 3px}
#filters_list a {color: #4d4d4b;color:#2694a2; }
#filters_list a.button {color: #fff; font-style: normal; }
#filters_list a i {padding-left: 1px; font-size: 10px;color:#2694a2; }

.display_more_books{text-align: center; padding: 10px}
.max_width_text{max-width: 500px}

a.filter {color: #4d4d4b; display: block;line-height: 15px; padding: 4px 0}
a.filter i {display: none}

a.filter.active {color: #2694a2}
a.filter.active i {display: inline; font-size: 10px; padding-left: 1px; }

.commander{border:1px solid #2694a2;}
.bloc_commander{padding:10px 15px;background-color: rgba(255,255,255, 0.6)}
.dispo{float:left;color:#9b9999; }
.bloc_commander h2{color:#2694a2;font-weight:400;}

/*
.prix{float:right;padding-right:12px;}
.bouton_commande{margin-top:15px;background-color:#2694a2;text-align:center;padding:4px 8px;width:85%;}
.bouton_commande a.button{padding:0px !important;}
*/

.button.command {display: block;text-align:center;}
.scroll_down{position:fixed;bottom:45px; }


#memetheme span{font-family: Lato, "Open Sans", Arial, sans-serif;}
/*.nom_filtres{color:#2694a2;}*/
.vendu{padding:15px;color:#000;}
.bloc_librairie{border:1px solid #2694a2;float:right; margin-bottom: 50px}
.bloc_librairie div{padding:20px;}



.article-contact #content label {width: 25%; float: left}
.article-contact #content input, .article-contact #content textarea  {float: left; width: 75%; max-width: 300px; border: 1px solid #9b9999; padding: 3px; background: #fff; margin-bottom: 5px; }

.article-contact #content textarea  {height: 150px; resize: none;}


#footer { font-family: Lato, Arial, sans-serif; font-size: 11px; color: #4d4c4c; margin: 40px 0 20px 0 }
#footer a {color: #4d4c4c}

h4.auteur{font-size: 14px; color: #000; font-weight: 300;}

.listearticle{width:74%;border-bottom:1px solid #000;padding-bottom:28px;padding-top:28px;}

/*img.vign_article{width:197px;background-color:#ccc;float:left;margin-right:44px;}*/
img.vign_article{
	max-width: 149px;
    height: auto;
    display: block;
    max-height: 194px;
    margin: auto;
}
h4.article_nom{font-size: 14px; color: #000; font-weight: normal;text-transform:capitalize;}
h4.citation{font-size: 14px; color: #000; font-weight: normal;font-style:italic;}
h4.extrait{font-size: 14px; color: #7c7c7c; font-weight: normal;display:inline;}
h4.lireplus{font-size: 14px; color: #2694a2; font-weight: normal;display:inline;}
h4.article_prec{font-size: 14px; color: #2694a2; font-weight: normal;line-height:40px;}
h4.titre_prec{font-size: 14px; color: #000; font-weight: normal;padding-bottom:10px;}

.article{width:74%;padding-bottom:28px;}
h4.question{font-size: 14px; color: #000; font-weight: normal;padding-bottom:20px;padding-top:20px;}
.interview{font-size: 14px; color: #000; font-weight: 300;line-height:25px;}

.livres_recents{margin-bottom:20px;}
h5.recent_titre{font-size: 12px; font-weight: normal; color: #000;line-height:15px;}
h5.recent_auteur{font-size: 12px; font-weight: bold;  color: #000;line-height:20px;}

h5.english{font-size: 12px; font-weight: normal;  color: #000;line-height:20px;font-style:italic;}
.english{font-size: 12px; font-weight: normal;  color: #000;line-height:20px;font-style:italic;}


.button.sommaire {
    display: inline;
    text-align: center;
    margin-left:30%;
}

#commande{width:35%;margin-left:74px;margin-top:25px;float:left;}
h5.commande_livre{background-color:#f5eee7;padding:2px 5px ;font-weight:bold;color:#000;}
h4.recap{font-weight:bold;color:#000;font-size: 14px;margin-bottom:65px;}
h5.total{display:inline;color:#000;}

.recap_commande{background-color:#f5eee7;padding:5px;}

h5.commande_livre_prix{background-color:#fff;padding:2px 5px;font-weight:bold;color:#000;display:inline;float:right;min-width:86px;text-align:right;}
#cgv{width:40%;float:left;margin-left:150px;margin-top:25px;}
h4.cgv_titre{font-weight:bold;color:#000;font-size: 14px;}
h4.cgv_contenu{color:#a0a0a0;font-weight:400;font-size: 14px;}
.button.payer {display: block;text-align:center;max-width:70px;float:right;}

h5.paypal{font-size: 12px; font-weight: normal;  color: #000;text-align:right;}
img.ppl{display:inline;width:64px;height:22px;}


td.titre{width: 80%}
td.prix{width: 20%}
td.del{width: 6%;text-align: center;}
td{vertical-align: middle;background-color: #fff;padding: 5px}
tr{border-top: 9px solid white; }

#slides {margin-top: 32px;margin-bottom:10px;}
.slides_container {width:100%; height:100%}
.slides_container div {width:1280px; height:504px;display:block;}


.mt{margin-top:50px;}
.search.search-mobile{display: none}

#filters_list{ width: 76%; float: right; }

.rightblock {
    float: right;
    width: 65%;
}
.letfblock {
    float: left;
    margin-right: 20px;

    clear:both;
    width: 25%;
}	
/* ORDI */
@media screen and (min-width: 1001px) {

	.thumb_block.tb_right {width: 22%; margin: 15px 0 15px 4%}
	.thumb_block.tb_right:nth-child(4n+1) {clear: both; margin-left: 0}

	.thumb_block.tb_bottom {width: 17%; margin: 15px 0 15px 3.75%}
	#mobile-menu{display: none;}

	i.fa.fa-chevron-down.vm{display: none;}
}

/* TABLETTE */
@media screen and (min-width: 769px) and (max-width: 1000px) {
	#filters_list{ width: 68%; float: right; }
	#memetheme{display: none}
	#header{background-color: #FFF;height: 94px;}
	#header #bkg{height: 94px;}   
	.menu-btn div { margin-top: 25px; ;}
	#header .menu {display: none}
	#header .col-right {display: none}

	#header .container {padding: 10px 0}
	#header img#logo  {max-height: 70px}

	#content {margin-top: 75px}
	.listearticle{width: 95%;}
	.col1 {width: 28.5%; margin-right: 3.5%}
	.col2 {width: 68%; /*max-width: 700px;*/}

	.largeur_fiche, .largeur_fiche_format {width: 100%}

	.thumb_block.tb_right {width: 30%; margin: 15px 0 15px 5%}
	.thumb_block.tb_right:nth-child(3n+1) {clear: both; margin-left: 0}

	.thumb_block.tb_bottom {width: 22%; margin: 15px 0 15px 4%}
	.thumb_block.tb_bottom.item4 {display: none; }
	#cgv, #commande{width: 95%; margin-left: 10px;}

	i.fa.fa-chevron-down.vm{display: none;}

}


/* MOBILE 2 */
@media screen and (min-width: 501px) and (max-width: 768px) {
	#filters_list{ width: 100%; float: none; margin-bottom: 20px;}
	.filter-sujet-mobile, .filter-epoque-mobile, .filter-lieux-mobile {display: none}
	.search.search-mobile {
	    display: block;
	    float: left;
	    width: 100%;
	}
	.search input { width: 95%;   height: 40px; }
	#les_ouvrages h3 {
    font-size: 14px;
    height: 40px;
    padding-top: 20px;
    text-align: center;
    background: #2694a2;
    color: #fff;
    font-variant: small-caps;
    font-weight: bold;
	}
	#les_ouvrages h5 {
    font-size: 13px;
    font-weight: normal;
    color: #7c7c7c;
    line-height: 25px;
    height: 30px;
    padding-top: 15px;
    padding-left: 20px;
	}
	#memetheme{display: none}
	#header{background-color: #FFF;height: 74px;}
	#header #bkg{ height: 74px;}   

	#header .container {padding: 10px 0}
	#header img#logo  {max-height: 50px}

	#header .menu {display: none}
	#header .col-right {display: none}
	.listearticle{width: 100%;}
	#content {margin-top: 20px}

	.col2 {width: 100%; /*max-width: 700px;*/}

	.col1c, .col2c {width: 100%}
	.fl.col1.filter_block{width: 100%;display: inline-block;}
	.border.view-desktop { display: none; }
	.view-mobile{ display: none; }
	.largeur_fiche, .largeur_fiche_format {width: 100%}

	.thumb_block.tb_right {width: 30%; margin: 15px 0 15px 5%}
	.thumb_block.tb_right:nth-child(3n+1) {clear: both; margin-left: 0}


	.thumb_block.tb_bottom {width: 30%; margin: 15px 0 15px 5%}
	.thumb_block.tb_bottom.item3, .thumb_block.tb_bottom.item4 {display: none; }
	#cgv, #commande{width: 95%; margin-left: 10px;}

	i.fa.fa-chevron-down.vm { float: right; color: #2694a2; }
	div#content .col1 { width: 100%;     margin-bottom: 3%;}
	.article {width: 100%;}
	
}

/* MOBILE 1 */
@media screen and (max-width: 500px) {
	#filters_list{ width: 100%; float: none; margin-bottom: 20px;}
	.filter-sujet-mobile, .filter-epoque-mobile, .filter-lieux-mobile {display: none}
	.search.search-mobile {
	    display: block;
	    float: left;
	    width: 100%;
	}
	.search input { width: 95%;  height: 40px; }
	.article {width: 100%;}
	#les_ouvrages h3 {
    font-size: 14px;
    height: 40px;
    padding-top: 20px;
    text-align: center;
    background: #2694a2;
    color: #fff;
    font-variant: small-caps;
    font-weight: bold;
	}
	#les_ouvrages h5 {
    font-size: 13px;
    font-weight: normal;
    color: #7c7c7c;
    line-height: 25px;
    height: 30px;
    padding-top: 15px;
    padding-left: 20px;
	}
	#memetheme{display: none}
	#header{background-color:  #FFF;height: 74px;}
	#header #bkg{ height: 74px;}  
	#header .container {padding: 10px 0}
	#header img#logo  {max-height: 50px}

	#header .menu {display: none}
	#header .col-right {display: none}
	.listearticle{width: 100%;}
	.rightblock{float: none; clear: both;}

	#content {margin-top: 20px}
	.fl.col1.filter_block{width: 100%;display: inline-block;}
	.border.view-desktop { display: none; }
	.view-mobile{ display: none; }
	.col2 {width: 100%; /*max-width: 700px;*/}

	.col2a, .col2b, .col1c, .col2c {width: 100%}

	.largeur_fiche, .largeur_fiche_format {width: 100%}

	.thumb_block:nth-child(2n+1) {clear: both; margin-left: 0}
	.thumb_block {width: 48%; margin: 15px 0 15px 4%}

	.thumb_block.tb_bottom.item4 {display: none; }
	#cgv, #commande{width: 95%; margin-left: 10px;}
	.rightblock { margin-top: 20px; }
	i.fa.fa-chevron-down.vm { float: right; color: #2694a2; }
	div#content .col1 { width: 100%;     margin-bottom: 3%;}
	
	.rightblock {width: 100%; padding-top: 20px}
}