/*
Theme Name: Juste DUBOIS
Theme URI: https://www.justedubois.fr
Author: Arnaud BEAUDOUIN
Author URI: 
Description: Le thème de Juste Dubois
Version: 1.0
*/

/* ------------------------------ RESET ------------------------------ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	outline:none;
	font-size:1em;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
table {border-collapse: collapse;border-spacing: 0;}

/* ------------------------------ END RESET ------------------------------ */

/* ------------------------------ GLOBAL ------------------------------ */

body {
    background: #FFFFFF;
    font-family: 'jetbrains_monoregular', sans-serif;
	font-weight:normal;
	font-style:normal;
    color: #4b5157;
    margin: 0 auto;
  }


.container {
	position:relative;
    margin: 0 auto;
    padding: 0 30px;
    width: 1400px;
	box-sizing: border-box;
}

.clear {clear:both;}

/* ------------------------------ HEADER ------------------------------ */

header { 
	width:100%;
	z-index:1000;
	background-color: #F5EBDF;
	position:fixed;
	top:0;
    border-bottom:1px solid #F5EBDF;
}

.sous_header{
	height: 66.5px;
}
#logo {
	float:left;
	margin:10px 20px 0 0;
	width:280px;
	display: inline-block;
}

nav {
	float:left;
	margin:0;
	width:calc(100% - 300px);
}
nav ul {
	padding:0;
	margin:0;
	width:100%;
	font-weight:normal;
	font-style:normal;
}
nav li {
	float:left;
	list-style-type: none;
	position:relative;
	text-align: center;
    width:25%;
	font-size: 20px;
}
nav li a {
	color: #000;	
	text-decoration: none;
    padding:20px 0px;
	display: block;
	font-family: Jetbrains Mono;
}

/* COULEUR HOVER MENU */
nav li a:hover,nav li a.active , nav li.current_page_item > a, nav li.current-menu-item > a, nav li.current-menu-parent > a {
    background-color: #eaddce;
}
nav ul ul {
    display:none;  
    position:absolute;
    background: #F5EBDF;
    width:100%;
}
nav ul li:hover ul {display: block;}
nav ul ul li {float:none;text-align:left;margin:0;width:100%;}
nav ul ul li a {
    padding:5px 5px 5px 10px;
	height: 45px;
    font-size:0.8em;
}
nav ul ul li a:hover, nav ul ul li.current-menu-item > a { /* SOUS-MENU BIBLIOTHEQUES */
    color:#000;
    background-color:#eaddce;
}

#logo2{
	width:43px;
	margin-right:20px;
}
#logojdbfr{
	width:150px;
	padding-left:10px;
	padding-bottom:10px;
}

#btn_menu {
	cursor:pointer;
	float:left;
	margin-top:14px;
	height:40px;
	width:40px;
	display: none;
	position: relative;
}

/* ------------------------------  WOO COMMERCE -----------------------------*/

.woocommerce p, .woocommerce p a {
    color:#FFF;
}
.woocommerce p.woocommerce-info, .woocommerce p.woocommerce-message {
    color: #515151;
}
.products li {
	background-color:rgba(255,255,255,0.1);
    text-align: center;
    padding:15px !important;
    box-sizing: border-box !important;
}
.woocommerce-loop-product__title {font-weight: 400;}
.woocommerce .price {
    text-align: center;
    font-size:1.2em !important;
    font-weight: 400;
}
.woocommerce .amount {
    color:#FFF !important;
    background-color:#5aa938 !important;
    display: inline-block !important;
    padding:5px;
}
.summary .price {text-align: left;}

.woocommerce table .amount {
    background-color:transparent !important;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    padding: 10px 15px !important;
    font-weight:400 !important;
    font-size:15px !important;
    color: #FFF !important;
    background-color: #2d9cf1 !important;
    border: 0px solid #FFFFFF !important;
    text-align: center;
    border-radius: 0 !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover {
    background-color:#1882d4 !important;
    }

.woocommerce .quantity .qty, #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce input[type=text], .woocommerce input[type=email], .woocommerce input[type=tel], .woocommerce textarea {
    border: 0 !important;
    padding: 9px !important;
    font-size:14px !important;
    font-weight:300;
    line-height: 1;
}
.woocommerce div.product .product_title {
    margin-top: 30px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce-Tabs-panel {
    border:1px solid #d3ced2;
    border-top:0;
    padding:25px !important;
    box-sizing: border-box;
}
.posted_in, .posted_in a, .added_to_cart {color: #FFF;}

.slick-prev:before, .slick-next:before {
    font-size: 40px !important;
    color: #FFF !important;
}
.slick-next:before {content: "\f0da" !important;}
.slick-prev:before {content: "\f0d9" !important;}

.slick-slide {padding:5px;box-sizing: border-box;}

a.wpis-popup {
    top: 5px;
    opacity: 0.8 !important;
    padding: 15px 0 !important;
    right: 5px !important;
    color: #FFF !important;
}
.fa-camera:before {
    content: "\f030";
}
.pswp__bg, .fancybox-bg {
    background-color: #2f4696 !important;
    opacity: 0.8 !important;
}
section.related {clear: both;}

.woocommerce table.shop_table {
    border: 0 !important;
    border-radius: 0 !important;
	background-color:rgba(255,255,255,0.1);
    color:#FFF;
}
.woocommerce table.shop_table a {color:#FFF;}

.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields {	
    background-color:rgba(255,255,255,0.1);
    padding:10px;
    box-sizing: border-box;
}
.woocommerce-result-count, .woocommerce-ordering {display: none;}

.woocommerce div.product div.images img, .woocommerce ul.products li.product a img {
    margin: 0 auto !important;
    width:auto !important;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background-color: rgba(255,255,255,0.1) !important;
    color: #FFF;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
}
.payment_box p {color:#333;}

.woocommerce-info a, .woocommerce-message a {color: #515151;}

.woocommerce ul.order_details, .woocommerce-columns {
    padding:10px;
    background: rgba(255,255,255,0.1);
    color:#000;
}

.woocommerce div.product div.images li img {
    width: 100% !important;
}

/* ------------------------------  FOOTER -----------------------------*/

.sous_footer {height:40px;}

footer .fa {
    color:#000;
    font-size:20px;
    float:left;
    padding: 10px 10px;
}

footer { 
	width:100%;
	background-color:#F5EBDF;
	position:fixed;
    bottom:0;
    border-top:1px solid #F5EBDF;
    font-size:0.8em;
}
footer ul {
	padding:0;
	margin:0;
}
footer li {
	float:left;
	list-style-type: none;
	margin:0;
	position:relative;
	text-align: center;
}
footer li a {
	color: #000;	
	text-decoration: none;
	display: block;
	padding:10px 20px;
	font-family: Jetbrains Mono;
}
footer li a:hover {color:#000;}

.copyright {
	color:#000;
	float:right;
	padding:10px 0;
	font-family: Jetbrains Mono;
}



/* ------------------------------  RESPONSIVE -----------------------------*/





#titreAccueil{                  /* TITRES SUR LA PAGE D'ACCUEIL*/
	font-size: 40px;
	text-align: center;
	width: 100%;
	/*font-weight: 400;*/
	padding: 50px 0;
}

.biblititres{
	width: 100%;
	padding-top: 10px;
}

p{
	margin: 0 50px;
}

#containerbiblis{             /* Div regroupant les 2 photos des bibliothèques de couleur */
	display: inline-block;
	width: 100%;
	padding-left: 50px;
}

#bibliright{                  /* Photo droite */
	width: 40%;
	display: inline-block;
	margin-left: 160px;
}

#biblileft{                  /* Photo gauche */
	width: 40%;
	display: inline-block;
	margin-top: 10px;
}

#txtbibli{   /* Container des textes sous les photos des biblis */
	margin: 40px 0;
}

#txtleft{                  /* txt gauche */
	display: inline-flex;
	width: 40%;
	margin-left: 50px;
	margin-right: 160px;
}

#txtright{                  /* txt droite */
	display: inline-flex;
	width: 40%;
}