/*
Theme Name: Lirabelle
Author: Matthieu
Description:Thème personnalisé pour Lirabelle
Version: 1.0.0
*/

@font-face {
    font-family: 'Lighthouse';
    src: url('../fonts/Lighthouse/Lighthouse_PersonalUse.eot');
    src: url('../fonts/Lighthouse/Lighthouse_PersonalUse.eot') format('embedded-opentype'),
    url('../fonts/Lighthouse/Lighthouse_PersonalUse.woff2') format('woff2'),
    url('../fonts/Lighthouse/Lighthouse_PersonalUse.woff') format('woff'),
    url('../fonts/Lighthouse/Lighthouse_PersonalUse.ttf') format('truetype'),
    url('../fonts/Lighthouse/Lighthouse_PersonalUse.svg#Lighthouse_PersonalUse') format('svg');
}


@font-face {
    font-family: 'AGaramondProBold';
    src: url('../fonts/AGaramondProBold/AGaramondProBold.eot');
    src: url('../fonts/AGaramondProBold/AGaramondProBold.eot') format('embedded-opentype'),
    url('../fonts/AGaramondProBold/AGaramondProBold.woff2') format('woff2'),
    url('../fonts/AGaramondProBold/AGaramondProBold.woff') format('woff'),
    url('../fonts/AGaramondProBold/AGaramondProBold.ttf') format('truetype'),
    url('../fonts/AGaramondProBold/AGaramondProBold.svg#AGaramondProBold') format('svg');
}

* {-moz-box-sizing: border-box;-webkit-box-sizing:border-box ;box-sizing: border-box;margin: 0;padding: 0}
html,body{
    width:100%;
    height:auto;
    overflow-x: hidden;
}
body{
	font-family: 'Open Sans', sans-serif;
	/*font-family: "Trebuchet MS", sans-serif*/
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400;

}

#body-background{
    background-image:url("Images/newDCMcover2b.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 100%;
    width: 110%;
    margin-left: -5%;
    z-index: 0;
	
}
a, a:hover{
    text-decoration:none!important;
    color: black;
}
p{
    color: white;

}
/*ul{
    margin: 0;
    padding: 0;
    float: none;
}
li{
    margin: 0;
    padding: 0;
    float: none;
    cursor: pointer;
    text-transform: uppercase;
    list-style:none;
}*/
li.wc_payment_method, ul li.woocommerce-shipping-methods{
    list-style-type:none !important;
}
.woocommerce-shipping-methods label{
    width:auto;
}
article{
    margin-bottom:35px;
}

/****************************************/
/* ---------- GESTION HEADER ---------- */
/****************************************/
.nav-top {
	    position: fixed;
	    width: 100%;
	    z-index: 1000;
	    right: 0;
	    left: 0;
}
.header-container{
   /* background: rgba(191,226,232,1);
    background: -moz-linear-gradient(bottom, rgba(191,226,232,1) 0%, rgba(191,226,232,1) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left bottom, left top, color-stop(0%, rgba(191,226,232,1)), color-stop(66%, rgba(191,226,232,1)), color-stop(66%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(bottom, rgba(191,226,232,1) 0%, rgba(191,226,232,1) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(bottom, rgba(191,226,232,1) 0%, rgba(191,226,232,1) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(bottom, rgba(191,226,232,1) 0%, rgba(191,226,232,1) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to top, rgba(191,226,232,1) 0%, rgba(191,226,232,1) 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe2e8', endColorstr='#ffffff', GradientType=0 );
    */
    background:#bfe2e8;
    width: 100%;
    height: 135px;
    position: relative;

}
.header-wrapper{
    max-width:980px;
    margin:0 auto;
    height: 135px;
    /*background-image: url('Images/ArbresHeader.jpg');
    background-position: 52% 100%;*/
    
}
#ArbresHeader{
 
    width: 100%;
    background-image: url('Images/ArbresHeaderFinal.jpg');
    background-position: 52% 100%;
    height: 135px;
   /* position: absolute;
    bottom: 0;*/
    /*margin-bottom: -200px;*/
    
}
#lirabelle-logo{
	position: absolute;
	z-index: 10000;
	margin-top: -10px;
	margin-left: -140px;
}
.lirabelle-Text{
    position: absolute;
	font: 110px/110px LightHouse;
	color: #fff;
    text-shadow: 0px 1px 8px black;
    z-index:20;
   	margin-left: 130px;
    margin-top: 93px;
	padding: 0;
}
#WhiteCircles{
    /*position: absolute;*/
   /* margin-left: 550px;*/
    /*top: -10px;*/
/*    z-index: 0;*/
	background: url("Images/RondsBlancHeaderFinal.png") center bottom no-repeat;
	width: 110%;
	margin-left:-5%;
   /* height: 180px;*/
    height: 135px;
    /*margin-top: -25px;*/
    display: none;
}
.nav-top, .navbar-default{
	background-color: white;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}
.nav-container{
    width:100%;
    background: #fff;
    position: relative;
  /*  height:40px;*/
    /*box-shadow: 0px 2px 7px;*/
    z-index: 1000;
}
.mobile-nav{
    display: none;
}
nav{
    max-width: 980px;
    margin: 0 auto;
    height:40px;
    display: block;
    position: relative;
}
nav li:hover, .hover{
    background:#EED2D2;
}
nav ul{
    /*width:auto;*/
    float:right;
}
nav ul li{
    font-size:16px;
    padding: 0 5px;
    text-align:center;
    display: inline-block;
    text-transform: uppercase;
    line-height: 40px;
    
    margin-left: -3px;
    /*min-width: 100px;*/
	/*background: url(Images/separator.png) right no-repeat;*/
}
nav ul li a, nav ul li a:hover{
    color:#000;
    line-height: 40px;
    display: block;
    letter-spacing: 1px;
}
nav ul li:last-child{
    border:0;
    min-width:35px;
}
nav ul li img:hover{
    -webkit-transition: width 0.25s, box-shadow 0.25s; /* Safari */
    -moz-transition: width 0.25s, box-shadow 0.25s; /* Safari */
    transition: width 0.25s, box-shadow 0.25s;
}
/*
nav ul li:last-child:hover, nav ul li img:hover{
    background: none;
    width:25px;
}
*/
nav ul li img:hover{
    box-shadow:-2px 0px 2px;
}
.entry-title{
    font-family: AdobeGaramondProBold;
    /*margin-bottom: 5px;*/
}
.border{
    border-top: 16px solid red;
    vertical-align: text-top;
    width: 1px;
    display: inline-block;
}
img.social_facebook{
	margin-top: -5px;
}
img.social_picto{
	margin-top: -5px;
}
/*******************************************/
/* ---------- PAGINATION ---------- */
/*******************************************/
ul.paginationTop , ul.paginationBottom  {
   text-align: right;
}
ul.paginationBottom {
    margin-top: 1em;
}
ul.paginationTop li, ul.paginationBottom li {
    display: inline-block;
    width: 25px;
    margin-right: 15px;
    height: 25px;text-align: center;
background-color: #0b9fa3;
    color:#ffffff;
    line-height: 25px;
    cursor: pointer;
}
ul.paginationTop li:last-child, ul.paginationBottom li:last-child {
    margin-right: 0px;

}
ul.paginationTop li:hover, ul.paginationBottom li:hover {
    
    background-color: #0B8387;
}
ul.paginationTop li.active, ul.paginationBottom li.active {
    background-color: #0B8387;
}
ul.paginationTop li a, ul.paginationBottom li a {
    color:#ffffff;
}

/*******************************************/
/* ---------- STYLES DU CONTENU ---------- */
/*******************************************/
.content-container{
    width: 100%;
    display: block;
  
    z-index: 100;
    margin-top: 200px;
    /* Au moins 70px nécessaires pour prévoir le décalage vers le haut de 70px du header*/
	/*background: url("Images/newDCMcover2b.jpg") 0 bottom no-repeat;
	background-size: contain;*/
}
.content-wrapper{
    max-width:980px;
    margin:20px auto;
    }
.container-fluid{
    padding-top:30px;
}
.content-title{
    margin-top:25px;
    color:rgb(12,132,136);
    font-size:25px;
}
.content{
    background: rgb(12,132,136);
    padding:30px;
}
.content-text {
   
    font-size: 18px;
    /*font-family: "Trebuchet MS","Lucida Grande", Lucida, Verdana, sans-serif;*/
	color: white;
	letter-spacing: 0.5px;
}
.content-text ul {
	margin-left: 2em;
}
.content-text ul li {
	list-style: disc;
}
.content-text a {
	color: white;
}
.content-text a:hover, .content-text a:active, .content-text a:focus {
	color: white;
	text-decoration: underline !important;
}
.content-thumbnail img{
    box-shadow: 5px 5px 20px;
    max-width: 225px;
    height:auto;
    display: block;
    position: relative;
    margin: 0 auto;
}
a.content-button{
    background: #BFE2E8;
    color: rgb(12,132,136);
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    font-family: AGaramondProBold;
    font-size: 22px;
    cursor: pointer;
    padding: 8px 14px;
}
a.content-button:hover{
	text-decoration: none !important;
	background-color: #0b9fa3;
}

.liste{
    text-transform: uppercase;
}
.liste ul{
    list-style: none;
}
.liste ul li{
    margin:0 0 7px;
 /*   max-height: 50px;*/
    /*padding:5px 20px;*/

}
.liste ul li:hover{
    cursor: pointer;
}
/*.liste ul li img{
    margin-right:15px;
    max-height: 16px;
    max-width: 18px;
}*/
#voileBlanc{
    position: absolute;
    background: url(Images/white70pc.png) repeat;
    width: 100%;
    height: 100%;
    z-index:1001;
    top:0; 
    display: none;
}
.voileBlancClose{
	line-height: 30px;
	height: 30px;
	background-color: #BFE2E8;
	display: block;
	text-transform: uppercase;
	padding-left: 5px;
	padding-right: 5px;
}
.voileBlancClose:hover {
	cursor: pointer;
}
#commande{
    font-size:15px;
    display: none;
    background: white;
    box-shadow: 0 0 7px;
    padding: 20px;
    position: absolute;
    right:10px;
    margin-top: 40px;
    /*width: 300px;*/
    z-index:1000;
}
#commande ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#commande ul li{
  margin-bottom: 1em;
}
#commande ul li a{
  display: block;
  background: url(Images/Catalogue.png) 10px center no-repeat #C7E0E7;
  padding-left: 50px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
	text-transform: uppercase;
	padding-right: 10px;
}
#commande ul li a:hover, #commande ul li a:active, #commande ul li a:focus{
  background: url(Images/CatalogueBlanc.png) 10px center no-repeat #0B8387;
	color: white;
}
#contact{
    z-index:1000;
    font-size:15px;
    display: none;
    background: white;
    box-shadow: 0 0 7px;
    padding: 20px;
    position: absolute;
    right:10px;
    margin-top: 40px;
    width: 250px;
}
#contact:hover{
	/*cursor: progress;*/
}
#contact p{
    color: black;
}
#contact a{
    line-height: 30px;
    width: 200px;
    height: 30px;
    background-color: #BFE2E8;
    display: block;
    text-transform: uppercase;
    padding-left: 10px;
}
.selected{
    background:rgb(12,132,136);
    color: white;
}
.media-container{
   /* margin-top: 33px;*/
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}
.media{
    display: none;
	margin-top: 20px;
}
/*.clickableElementCat{
    max-width :225px;
    background: #BFE2E8;
    width:225px
}*/
/*.clicked{
    -webkit-transition:background 250ms;
    -moz-transition:background 250ms;
    -o-transition:background 250ms;
    -ms-transition:background 250ms;
    transition:background 250ms;
    max-width :225px;
    background: #0C8488;
    width:225px;
    color: white;
}*/
/*.liste ul .clickableElementCat:first-child{
    width: 450px;
}
.clicked form{
    color: #0C8488;
}*/
#rechercheAuteur form, #rechercheProduit form{
    padding-top: 5px;
}
/****************************************/
/* ---------- PAGE CATALOGUE ---------- */
/****************************************/
#catalogue {
    padding-left: 0;
}
#catalogue ul{
    margin-left: 0;
    letter-spacing: 0.5px;
}
#catalogue .liste{
    margin-top:65px;
}
.liste ul li{
    /*display: table;*/
}
.liste ul li a{
    display: block;
	background-color: #C7E0E7;
	padding-left: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}
.left-menu-but {
	display: block;
	background-color: #C7E0E7;
	padding-left: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	margin-right: 25px;
	cursor: pointer;
}
.liste ul li a:hover,.left-menu-but:hover{
	background-color: #0B8387;
	color: white;
	font-weight: bold;
}
a.icon-coeur{
	background: url(Images/Coeur.png) 5px center no-repeat #C7E0E7;
}
a.icon-download{
	background: url(Images/Catalogue.png) 5px center no-repeat #C7E0E7;
}
a.icon-search{
	background: url(Images/Rechercher.png) 5px center no-repeat #C7E0E7;
}
div.icon-auteur{
	background: url(Images/Auteur.png) 5px center no-repeat #C7E0E7;
}
div.icon-calendar{
	background: url(Images/Annee.png) 5px center no-repeat #C7E0E7;
}
div.icon-age{
	background: url(Images/Age.png) 5px center no-repeat #C7E0E7;
}
div.icon-theme{
	background: url(Images/Theme.png) 5px center no-repeat #C7E0E7;
}
div.icon-close {
	background: url(Images/close.png) 10px center no-repeat #C7E0E7;
	display: block;
	padding-left: 50px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	    text-transform: uppercase;
	    padding-right: 10px;
}
a.icon-coeur:hover,a.icon-coeur:focus,a.icon-coeur:active, .liste ul li a.expose-coeur{
	background: url(Images/CoeurBlanc.png) 5px center no-repeat #0B8387!important;
	color: #ffffff;
	font-weight: bold;

}
a.icon-download:hover, a.icon-download:active, a.expose-download{
	background: url(Images/CatalogueBlanc.png) 5px center no-repeat #0B8387!important;
	color: #ffffff;
	font-weight: bold;
}
a.icon-search:hover, a.icon-search:active, a.expose-recherche  {
	background: url(Images/RechercherBlanc.png) 5px center no-repeat #0B8387 !important;
	color: #ffffff;
	font-weight: bold;
}
div.icon-auteur:hover, div.icon-auteur:active, div.icon-auteur:focus, div.expose-auteur{
	background: url(Images/AuteurBlanc.png) 5px center no-repeat #0B8387;
	color: #ffffff;
	font-weight: bold;
}
div.icon-calendar:hover, div.icon-calendar:active, div.icon-calendar:focus, div.expose-calendar{
	background: url(Images/AnneeBlanc.png) 5px center no-repeat #0B8387;
	color: #ffffff;
	font-weight: bold;
}
div.icon-age:hover, div.icon-age:active, div.icon-age:focus, div.expose-age{
	background: url(Images/AgeBlanc.png) 5px center no-repeat #0B8387;
	color: #ffffff;
	font-weight: bold;
}
div.icon-theme:hover, div.icon-theme:active, div.icon-theme:focus, div.expose-theme{
	background: url(Images/ThemeBlanc.png) 5px center no-repeat #0B8387;
	color: #ffffff;
	font-weight: bold;
}
div.icon-close:hover, div.icon-close:active, div.icon-close:focus, div.expose-close{
	background: url(Images/closeBlanc.png) 10px center no-repeat #0B8387;
	color: #ffffff;
	font-weight: bold;
}
/* Recherche */
#rechercheProduitBloc{
	background-color: #0B8387;
	padding: 5px;
    display: none;
}
#rechercheProduitBloc input{
	width: 100%;
}
.left-menu-slide-down-content{
	background-color: #BFE2E8;
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 25px;
	display: none;
}
.left-menu-slide-down-content select{
	width: 100%;
}
#catalogue .liste .annees_liste{
    position: relative;
    width: 100%;
}
#catalogue ul#annee_criteres li{
    display: inline-block;
    position: relative;
    width: 33%;
    text-align: center;
}
#catalogue ul#annee_criteres li:hover{
	background-color: #0b9fa3;
	color: white;
}
#catalogue .content-thumbnail{
    vertical-align: top;
}
#catalogue .content-text{
    margin-left:10%;
    margin-right: 0;
    display: inline-block;
}
.content-button-container{
	padding: 30px 0 0;
	display: block;
	margin: 0 auto;
}
.content-button-container .content-button{
    margin-top:5px;
    min-width:150px;
}
div.content-button{

    background: #BFE2E8;
    color: rgb(12,132,136);
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    font-family: AGaramondProBold;
    font-size: 22px;
    cursor: pointer;
    padding: 8px 14px;
    width: 30%;
    margin-right: 1%;
    display: inline-block;
}
div.content-button:hover{

    background-color: #0b9fa3;
    color:#ffffff;
	text-decoration: none;
}


article h3, article li{
    color: white;
}
article li{
    /*font-size: 12px;
    text-transform: none;
    cursor: initial;*/
}
	.catalogueNav{
    /*max-height:50px;*/
    /*margin-bottom:30px;*/
    max-width: 100%;
    margin-left: 0;
}

.catalogueNav ul{
    max-width: 100%;
    text-align: center;
    letter-spacing: 0.5px;
}
.catalogueNav ul li{
    display: inline-block;
    margin-right: 15px;
	margin-bottom: 15px;
}
.catalogueNav ul li:last-child{
    margin-right: 0px;
}
.catalogueNav ul li a{
    text-decoration: none;
    padding: 5px 10px;
    min-width: 132px;
    text-transform: uppercase;
    background: #BFE2E8;
    text-align: center;
    font-size: 18px;
    display: block;
}
.catalogueNav ul li a.expose{
    color:white;
    background:rgb(12,132,136);
}
.catalogueNav-children:hover, .catalogueNav-children a:hover{
    color:white;
    background:rgb(12,132,136);
}
.product-block{
    letter-spacing: 1px;
	font-weight: normal;
	font-style: normal;
}
#new-content-target{
    display:none
}
#new-content-target img{
    max-width:100%;
}
#new-content-target .content{
    padding: 5px;
    margin: 0 20px 20px 0;
}
#catalogue .calendrier_catalogue ul li{
    display: inline-block;
    margin-bottom: 5px;
}
#catalogue .liste ul li{
    padding: 0;
}
.product_name{
	/*margin-top: 1em;*/
	padding-top: 0;
	margin-top: 0;
}
ul.product_attributs {
	margin: 0 0 10px;
	padding: 0;
	list-style: none !important;
}
ul.product_attributs li {
	
	list-style: none !important;
}
ul.product_details {
	margin: 0 0 10px;
	padding: 0;
	list-style: none !important;
}
ul.product_details li {
	
	list-style: none !important;
}


/****************************************/
/* ---------- PAGE AUTEURS ---------- */
/****************************************/
#author .container-fluid{
    padding-top:90px;
}
#author .content{
    margin-bottom:40px;
}
#author .content:first-child{
     margin-top:0px;
 }
#author .liste{
    padding: 0;
}
.author-pictures{
    max-width:75px;
    margin: 10px;
}
.author-thumbnail img{
    display:block;
    position: relative;
    max-width:100%;
}
/*#author .liste ul li:last-child{
    background: none;
    padding: 0;
    display: inline-block;
    min-height: 400px;
}*/
#author h3{
    color: white;
    font-size: 29px;
	margin-top: 0;
}
#author h3 span{
    /*text-transform: uppercase;*/
}

.alphabet_lettre {
    display: block;
    width: 46px;
    height: 46px;
    background: #BFE2E8;
    float: left;
    text-align: center;
    line-height: 46px;
	margin: 5px 10px 5px 0;
	color: white;
    font-size: 36px;
}
.alphabet_lettre:nth-child(4n){
	margin-right: 0;
}
.alphabet_lettre:hover, .alphabet_lettre:active .alphabet_lettre:focus{
    color:white;
    background:rgb(12,132,136);
    cursor: pointer;
}
.alphabet .expose {
color:white;
background:rgb(12,132,136);
cursor: pointer;
	}
#rechercheAuteur form {
    display: none;
    
}
#author .wp-post-image{
    margin: 5px;
}
/****************************************/
/* ---------- GESTION FOOTER ---------- */
/****************************************/
#scene{
	z-index: 2 !important
}
.content-container{
	/*z-index: 100 !important;*/
	position: relative;
}
#backgroundimage{
		background: url("Images/newDCMcover2b_boucle.jpg") 0 bottom repeat-x;
		background-size: contain;
		width: 110%;
		margin-left: -5%;
		height: 630px;
/*		position: relative;*/
/*		bottom: 0;*/
		margin-top: -350px;
		z-index: 1;
}

#vagueMarron{
    color:#fff;
    position: absolute;
    /*display: block;*/
    width: 100%;
    /*bottom: 0;*/
    /*height: 240px;*/
    /*margin-left:-90px;*/
    /*position: relative;*/
   /* margin-bottom: -300px; */
   top: 390px !important;
    display: none;
}
#vagueMarron-background{
    width: 102%;
    height: 100%;
	/*background: url("Images/FooterMarron.png") 0 bottom no-repeat;*/
}
#vagueMarron span{
    text-align:center;
    position: absolute;
    color: white;
    top:30%;
}
.blocMarron{
    width: 100%;
    display: block;
    background: #463931;
   
}
.blocMarron-wrapper{
    min-height: 35px;
    max-width: 980px;
    
    /*float: right;*/
    /*margin-right: 20%;*/
	margin-right: auto;
	margin-left: auto;
	line-height: 35px;
}

.blocMarron ul{
    /*float: right;*/
    display: block;
    margin-bottom: 10px;
	padding: 0;
	text-align: center;
}
.blocMarron li{
    display: inline-block;
    color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	text-transform: uppercase;
	border-right: 1px solid #FFFFFF;
	padding: 0 15px;
	line-height: 18px;
}
.blocMarron li:last-child{

border: none;
}
.blocMarron li a {
    color: #fff;
}

.footer-wrapper{
    width: 100%;
    background: #fff;
    z-index: 10;
    /*position: absolute;*/
    bottom: 0;
   /*  margin-bottom: -320px; */
   padding-bottom: 20px;
}
footer{
    /*position:relative;*/
    /*bottom : 0;*/
    min-height: 20px;
    max-width: 980px;
    margin: 0 auto;
    
}
footer ul{
    /*margin: 0;*/
    /*padding: 0;*/
    text-align: center;
    font-size: small;
    color: #663300;
	margin: 0;
}
footer ul li{
    text-align:center;
    /*margin:5px;*/
    border-right:1px solid #663300;
    display: inline-block;
    padding-right:8px;
    padding-left:5px;
	font-size: 10px;
	letter-spacing: 0.5px;
	
}
footer ul li:last-child{
    border:0;
}
footer ul li a{ 
	color: #663300;
}
#VoirActualites{
    position:absolute;
    margin-left:30%;
    margin-top:36px;
    background: url(Images/cercle-footer.png) no-repeat;
    width: 186px;
    height: 186px;
}
#VoirCatalogue{
    position:absolute;
    margin-left:44%;
    margin-top:-15px;
    background: url(Images/cercle-footer.png) no-repeat;
    width: 186px;
    height: 186px;
}
#VoirAuteurs{
    position:absolute;
    margin-left:58%;
    margin-top:36px;
	background: url(Images/cercle-footer.png) no-repeat;
	width: 186px;
	height: 186px;
}



#VoirActualites:hover, #VoirCatalogue:hover, #VoirAuteurs:hover{
	    background: url(Images/cercle-footer-over.png) no-repeat;
	
}

#VoirActualites a, #VoirCatalogue a, #VoirAuteurs a{
   /* width: 186px;
    height: 186px;*/
    width: 100%;
    height: 100%;
    display: block;
    
	font: 34px/34px AdobeGaramondProBold;
	letter-spacing: 1.5px;
	text-align: center;
	color: white;
	padding-top: 50px;
	font-weight: 500;


}

/****************************************/
/* ---------- IMAGES  ---------- */
/****************************************/
img.minipage{
    max-width: 110px;
    margin-right: 10px;
}
img.ombre{
	box-shadow: 0px 2px 7px;
}
img.attachment-260px{
	width: 100%;
}
/****************************************/
/* ---------- NEWSLETTER  ---------- */
/****************************************/
#mc-embedded-subscribe-form{
	padding-top: 5px;
}
#mc-embedded-subscribe-form input[type="text"], #mc-embedded-subscribe-form input[type="email"]{
	border: 1px solid #BFE2E8;
	font-size: 13px;
	padding: 3px 6px;
	color: rgb(12,132,136);
	min-width: 195px;
	line-height: 26px;
	height: 26px;
}
#mc-embedded-subscribe-form input[type="submit"]{
	/*border: 1px solid rgb(12,132,136);*/
	background-color: #BFE2E8;
	padding: 0px 6px;
	text-transform: uppercase;
	height: 26px;
	
	font-size: 13px;
	color: rgb(12,132,136);
	line-height: 26px;
	border: none;
}
#mc-embedded-subscribe-form input[type="submit"]:hover{
	/*border: 1px solid rgb(12,132,136);*/
	background-color: #0b9fa3;
	color: #BFE2E8;
}
.newsletter-bloc-actu{
	display: none;
}
.newsletter-bloc-footer{
	text-align: center;
	display: none;	
}

#search-list{
    display: none;
}
#loader-list{
    background-image: url("Images/loader.gif");
    width: 32px;
    height: 32px;
    margin: 80px auto;
}
#scene, .blocMarron, .footer-wrapper{
    display: none;
}

/****************************************/
/* ---------- WOOCOMMERCE ---------- */
/****************************************/

/* boutons "ajouter au panier" et "voir le panier" */

a.add_to_cart_button, a.added_to_cart{
    background: url(Images/cart.png) 5px center no-repeat #BFE2E8;
    color: rgb(12,132,136);
    text-align: center;
    line-height: 38px;
    font-family: AGaramondProBold;
    font-size: 22px;
    cursor: pointer;
    padding: 15px 15px 15px 45px;
}
a.add_to_cart_button:hover, a.added_to_cart:hover{
    text-decoration: none !important;
    background-color: #0b9fa3;
    color: #fff;
}

/* forms */

label{
    width: 50%;
    text-align: right;
    padding-right: 10px;
    font-weight: 100;
}
input[type=number], input[type=text], input[type=password], input[type=tel], input[type=email]{
    color: #0c8488;
}
textarea{
    width: 50%;
    color: #0c8488;
}
.woocommerce-Button{
    display: block;
    margin: 0 auto;
    padding: 10px;
    margin-bottom: 15px !important;
}
.woocommerce-LostPassword{
    text-align: center;
}
.woocommerce-form-row em{
    display:block;
    text-align: center;
}
button[type=submit].button{
    background: #BFE2E8;
    color: rgb(12,132,136);
    /*display: block;*/
    margin: 0 auto;
    padding: 5px;
    border-radius: 5px;
}
.button{
    margin-top: 10px !important;
}
.actions{
    text-align: right;
}
/*.actions button[name="update_cart"] {*/
    /*float: right;*/
/*}*/

.select2{
    width: 195px !important;
}

select, textarea{
    color: #0c8488;
}
input.qty{
    text-align: center;
}
.woocommerce-shipping-totals{
    vertical-align: top;
}
ul#shipping_method,
ul#shipping_method li{
    list-style: none;
    margin: 0;
    padding:0;
}
.shop_table td {
    padding: 5px;
    text-align: right;
}
    /* menu */

.woocommerce-MyAccount-navigation{
    background: #fff;
    margin-bottom: 35px;
}
.woocommerce-MyAccount-navigation a{
    color: #000;
}
.woocommerce-MyAccount-navigation a:hover{
    color: #000;
    text-decoration: none !important;
}

/* chargements */

.blockOverlay{
    background: none !important;
}

/* autres */

table.woocommerce-cart-form__contents tr td{
    padding: 20px;
}
table.woocommerce-checkout-review-order-table{
    margin: 0 auto;
}
table.woocommerce-checkout-review-order-table tr td, table.woocommerce-table--order-details tr td, .woocommerce-orders-table tr td{
    padding:5px
}
#order_review_heading{
    text-align: center;
}
.product-thumbnail img{
    max-width: 100px;
    height: auto;
}
a.remove{
    font-size: 3em;
}
a.remove:hover{
    color: red;
    text-decoration: none !important;
}
a.showlogin, a.showcoupon, a.about_paypal, .woocommerce-privacy-policy-link, .woocommerce-MyAccount-content a, .return-to-shop a, .woocommerce-LostPassword a{
    color:#BFE2E8 !important;
    text-decoration: underline !important;
    padding-left: 5px;
}
a.showlogin:hover, a.showcoupon:hover, a.about_paypal:hover, .woocommerce-privacy-policy-link:hover, .woocommerce-MyAccount-content a:hover, .return-to-shop a:hover, .woocommerce-LostPassword a:hover{
    color:#ccc !important;
}
.quantity label {
    display: none;
}
.cart_totals{
    text-align: center;
}
.cart_totals table{
    margin: 0 auto;
}
.cart_totals table tr td{
    padding: 5px;
    text-align: right;
}
.wc-proceed-to-checkout{
    margin-top:15px;
}
.wc-proceed-to-checkout a{
    background: url(Images/cart.png) 5px center no-repeat #BFE2E8;
    color: rgb(12,132,136);
    text-align: center;
    line-height: 38px;
    font-family: AGaramondProBold;
    font-size: 22px;
    cursor: pointer;
    padding: 15px 15px 15px 45px;
}
.wc-proceed-to-checkout a:hover{
    text-decoration: none !important;
    background-color: #0b9fa3;
}
.woocommerce-billing-fields input,
.woocommerce-shipping-fields__field-wrapper input{
    padding: 5px 3px;
    font-size: 16px;
    width:50%;
}
.woocommerce-billing-fields p.form-row,
.woocommerce-shipping-fields p.form-row{
    text-align: right;
}
.wc_payment_method label {
    width:auto;
}
#payment{
    margin-top: 25px;
    padding: 10px;

}
.payment_box{
    font-size: 13px;
    margin-left: 20px;
}
.woocommerce-terms-and-conditions-wrapper{
    margin-top: 25px;
}
.woocommerce-terms-and-conditions-checkbox-text{
    font-weight:bold;
}
.woocommerce-error{
    padding: 10px;
    background-color: #ca4242;
    margin: 10px 0 !important;
}
.woocommerce-error li {
    margin-left: 2em;
}
.woocommerce-message{
    padding: 10px;
    background-color: #7eca69;
    margin: 10px 0 !important;
}
button#place_order{
    display: block;
    padding: 5px 10px;
    font-weight:bold;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    opacity: 1;
}
button#place_order:hover{
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    opacity: 0.8;
    padding: 5px 20px;
}
@media (max-width: 640px) {
    .woocommerce-billing-fields label,
    .woocommerce-shipping-fields__field-wrapper label{
        font-size: 14px;
        text-align: left;
    }
    .woocommerce-billing-fields input,
    .woocommerce-billing-fields label,
    .woocommerce-shipping-fields__field-wrapper input,
    .woocommerce-shipping-fields__field-wrapper label{
        width:100%;
        display: block;
    }
}


/* MON COMPTE */
.woocommerce-MyAccount-content table{
   width: 100%;
}
.woocommerce-MyAccount-content table td{
    padding: 5px;
    text-align: left;
}
.woocommerce-MyAccount-content table th{
    padding: 5px;
    text-align: center;
}

/****************************************/
/* ---------- MEDIA QUERIES  ---------- */
/****************************************/



@media (max-width: 1024px) {
   #lirabelle-logo{
       margin-left: -110px;
       max-width: 250px;
   }
    #VoirAuteurs{
        position: absolute;
        margin-left:22%;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 30px;
        margin-top:-25px;
    }
    #VoirCatalogue{
        position:absolute;
        margin-left:40%;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 30px;
        margin-top: -80px;
    }
    #VoirActualites{
        position:absolute;
        margin-left:58%;
        background-size:contain;
        background-repeat: no-repeat;
        bottom: 25px;
        margin-top:-35px;
    }
}
@media (max-width: 768px) {
    #lirabelle-logo{
        margin-left: -80px;
        max-width: 250px;
    }
    .lirabelle-Text{
        margin-left: 170px;
    }

	.row {
		margin-left: 0;
		margin-right: 0;
	}
	/* CATALOGUE */
	.catalogueNav{
		margin-bottom: 0;
	}
	.catalogueNav ul li a{
	    padding: 5px 10px;
	    min-width: 45%;
	    font-size: 18px;
	    /*width: 45%;*/
	}
	.product_name{
		margin-top: 1em;
	}
    .content-button-container .content-button{
        min-width: 30%;
        padding: 0;
        margin-right: 2.6%;
    }
    .alphabet_lettre{
        font-size: 26px;
        margin-right: 5px;
        width: 34px;
        height: 34px;
        line-height: 34px;
    }
   /* FOOTER */
   #vagueMarron-background{
       /*width: 105%;*/
    
   }
    #VoirActualites{
        position:absolute;
        margin-left:14%;
        margin-top:36px;

    }
    #VoirCatalogue{
        position:absolute;
        margin-left:40%;
        margin-top:-15px;

    }
    #VoirAuteurs{
        position:absolute;
        margin-left:65%;
        margin-top:36px;

    }
   .blocMarron-wrapper{
   	float: none;
   	margin: 0;
   	text-align: center;
   }
   .blocMarron ul {
       float: none;
       display: block;
       margin-bottom: 10px;
       text-align: center;
   }
}

@media (max-width: 640px) {
    .normal-nav{
        display: none;
    }
    .mobile-nav{
        display: block;
        background: url("Images/navicon.png") no-repeat;
        background-position: 30px center;
        min-height: 60px;
        /*overflow-y: hidden;*/
    }
    .mobile-nav:hover{
        /*overflow-y: visible;*/
    }
    .mobile-nav ul#mobile-nav-items{
        width: 100%;
        background: #fff;
        margin-top: 60px;
        display: none;
    }
    .mobile-nav ul#mobile-nav-items li{
        display: block;
        width: 100%;
        text-align: center;
    }
    header{
        position: fixed;
        width: 100%;
        z-index: 10000;
    }
    .header-container{
        margin-top: -80px;
        height: 60px;
    }
    .content{
        padding: 30px 0;
    }
    .content-title{
        margin-top: 8px;
    }
    .content-title h2{
        margin-top: 8px;
    }
    .content-text {
         font-size: 0.9em;
    }
    .content-button-container {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .content-button-container .content-button{
        width: 100%;
    }
    .media-container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .images{
        text-align: center;
    }
    img.minipage{
        margin : 5px;
    }
    .actualite .content-button{
        display: block;
        margin-bottom: 20px;
    }
    /*#Bird img{
        margin-top: 70px;
        width:110px;
    }*/
    #backgroundimage {
        margin-top: -500px;
    }
    #vagueMarron{
        display: none;
    }
    #vagueMarron-background .layer{
        /*visibility: hidden;*/
        /*height: 0;*/
    }
    .content-container{
        margin-top:75px;
       
    }
    .alphabet_lettre:nth-child(4n) {
        margin-right: 5px;
    }
    .lirabelle-Text{
        font-size: 35px;
        line-height: 20px;
        margin:20px 35%;
    }
    ul.paginationTop {
        margin : 0;
        margin-bottom: 5px;
    }
    .container-fluid {
        padding-top: 60px;
    }
    #catalogue .liste {
        margin-top: 0;
    }

}


.lazy {
    min-width: 100px;
    min-height: 100px;
    display: block;

    /* optional way, set loading as background */
    background-image: url('Images/Spinner-1s-200px.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.content-button-addtocart{
    float: right;
}

.loading {
    background-color: rgb(12,132,136) !important;
    color: white !important;
    background-image: url('Images/Spinner-1s-200px.gif') !important;
    background-repeat: no-repeat;
    background-position: -14px 0px !important;
    background-size: 60px 60px !important;
}