@import url('https://fonts.googleapis.com/css?family=Oswald:300,400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,700&display=swap');
@import url('https://use.fontawesome.com/releases/v5.0.8/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comforter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gideon+Roman&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pathway+Gothic+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&display=swap');




/**************************************************
SYNTAXE DES POLICES SPECIALES
**************************************************/

/*font-family: 'Comforter', cursive;
font-family: 'Kaushan Script', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Gideon Roman', cursive;
font-family: 'Lobster', cursive;
font-family: 'Pacifico', cursive;
font-family: 'Indie Flower', cursive;
font-family: 'Courgette', cursive;
font-family: 'Montserrat Alternates', sans-serif;
font-family: 'Nothing You Could Do', cursive;
font-family: 'Pathway Gothic One', sans-serif;
font-family: 'Cormorant Garamond', serif;
*/


/*********************************************** 
 ** BOOTSTRAP
 ***********************************************/


.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus{
	background-color: #999999;
  	border-color: #999999;
}

.pagination > li > a, 
.pagination > li > span{
	color: #999999;
}

.panel-primary{
	border-color: #AA1111;
}
.panel-primary > .panel-heading{
	background-color: #AA1111;
	border-color: #AA1111;
}

.cat.saleKO,
.product.saleKO{
	opacity:0.5;	
}

.slidebar a {
    color: #FFF;
	text-transform:uppercase;
}


.panel-primary{
	border-color: #AA1111;
}
.panel-primary > .panel-heading{
	background-color: #AA1111;
	border-color: #AA1111;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #0A960A;
    border-top: 1px solid #005F25;
	    color: #FFF;
    font-size: 20px;
	font-family:oswald;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 1px 3px;
    background-color: white;
    border-color: #CBD602;
    box-shadow: 1px 1px 10px #000;
}

.alert-warning {
    background-color: #FFC107;
    border-color: #1a1b1a;
    color: #000000;
    font-size: 15px;
    text-transform: uppercase;
	display:none;
}

.alert-danger {
    color: #9e0805;
    font-size: 16px;
}

.modal.productDetail label{
  font-size: 14px;
}

.form-control {
    font-family:Oswald;
}

.cart .item_priceUnitTTC, .cart .item_priceTotalTTC, .cart .cart_totalTTC {
    color: #C5073A;
    font-weight: bold;
}



.modal-body .glyphicon.glyphicon-remove {
    color: #02c8ed;
}

.breadcrumb a {
    font-family:Oswald;
    font-size: 13px;
	text-transform:uppercase;
}

.label {
    font-size: 78%;
    font-weight: 100;
    text-transform: uppercase;
}

h1 {
	color: #FFFFFF;
    background: url(../images/custom/coeur-cedre.png) no-repeat #961008;
    padding: 12px 8px 9px 62px;
    border-radius: 5px;
    text-shadow: 1px 2px 2px #000;
    text-transform: uppercase;
    font-size: 26px;
}

h4 {
	color:#961008;
	font-family: Oswald;
}

/*********************************************** 
 ** MODAL
 ***********************************************/
.modal-body .glyphicon.glyphicon-ok {
    color: #02c8ed;
}

.modal-title {
    color: #036e7b;
}

.modal.productDetail h6 {
    font-size: 16px;
}

/*********************************************** 
 ** BUTTON
 ***********************************************/

.btn-primary {
  color: #FFF;
  background-color: #AA1111;
  border-color: #ffffff;
  font-size: 17px;
  text-transform: uppercase;
  font-family: oswald;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary{
	color: #FFF;
  background-color: #018A35;
  border-color: #018A35;
}

.glyphicon-th-list:before {
    content: "\e012";
    color: #18DCD6;
}

/*********************************************** 
 ** MAIN
 ***********************************************/
 body {
    background: #fff;
    font-family: tahoma, arial;
    font-size: 15px;
}

#main > .container > .row {
    box-shadow: 0px 0px 6px #333;
}

label {
    /* font-weight: bold; */
    font-family: oswald;
    font-size: 16px;
	color: #0B730B;
}

#main {
    background-attachment:fixed;
}

@media (max-width: 1199px) {
#main {
    background: #FFF;
}
}

/*********************************************** 
 ** MINICART
 ***********************************************/

.miniCart .panel-heading {
    font-family: Oswald;
    color: #FFF;
    font-size: 30px;
	/*background-color: #AD0606;*/
	background: url(../images/custom/coeur-cedre.png) no-repeat #961008;
    border-color: #562626;
	text-align: center;
}

.miniCart .closed .panel-default{
    border: 2px solid #AA1111;
    box-shadow: 4px 4px 8px #797575;
}

.miniCart .itemTitle{
    font-size: 16px;
	font-family: Oswald;
}

.miniCart .itemOptions {
    font-size: 13px;
}


.information .panel-heading {
    color: #FFFFFF;
    background: url(../images/custom/coeur-cedre.png) no-repeat #961008;
    padding: 12px 5px 5px 69px;
    text-shadow: 1px 2px 2px #000;
    text-transform: uppercase;
    font-size: 20px;
	font-family:oswald;
}

/*********************************************** 
 ** CART
 ***********************************************/
 
#cart_totalTTC {
    font-size: 20px;
    color: #ab0500;
	
}
/*********************************************** 
 ** HEADER
 ***********************************************/
 .infoPanel {
    background: none repeat scroll 0 0 #FAFAFA;
	display:none;
 }
 
 header .infoPanel .info h3 {
    color: #000000; 
}
header .infoPanel .info h4 {
    color: #b40800;
}
 
 header .head .menuBar {
	/*background: url('../images/custom/menuTop.png') repeat-x scroll 0 0;*/
	    background: #90231e;
	margin-bottom: -26px;
    border-color: #90231e;
    border-radius: 0px 0px 9px 9px;
    border-style: solid;
    border-width: 1px 1px 4px 1px;

 }
 
 header .head .menuBar .nav > li > a:hover, header .head .menuBar .nav > li.active > a {
background: none repeat scroll 0 0 rgb(4, 195, 4);
    color: #FFFFFF;
    text-shadow: 1px 1px 3px #060606;
 }
 
 header .head .menuBar .nav > li > a {
    background: none; 
    border-bottom:0px;
    color: #FFFFFF;
 }
 
header .head .menuBar .nav > li > a:hover, header .head .menuBar .nav > li.active > a {
    border-bottom: 0px;
}

header .top {
    background: #b82322;
}

header .topBar a {
    color: #FFF;
}

header .topBar a:hover {
    color: black;
}

header .topBar li {
    border-left: 2px solid #FFF;
}

/*********************************************** 
 ** NAV CATEGORIES
 ***********************************************/

nav.categories li a {
    color: #2a2a2a;
}

nav.categories li a:hover{
    color: #90231e;
}

nav.categories li img {
    border-radius: 7px;
}



/*********************************************** 
 ** PRODUCT
 ***********************************************/
 
.productDetail .text {
    margin-top:15px;
}

.productDetail .ingredientsLink {
    background-color: #18841c;
    color: #FFF;
    font-size: 16px;
	font-family: oswald;
	text-shadow: 0px 1px 2px #000;
}

.productList .cat a, .productList .product a {
    border: 1px solid #540606;
}

.productList .cat a:hover, .productList .product a:hover {
    box-shadow: 0px 0px 14px 0 #2d2b2b;
}

.productDetail .ingredientsLabel .add {
    color: white;
    font-size: 14px;
    text-shadow: 0px 1px 2px #000;
}

.productDetail .ingredientsLabel .rem {
    color: #FFEB3B;
    font-size: 15px;
    text-shadow: 0px 1px 2px #000;
}

.productList .product a:hover img{
    opacity:0.6;
}

/*********************************************** 
 ** FOOTER 
 ***********************************************/
 
footer {
    box-shadow: 5px 0px 15px #000;
    border-top: 2px solid #940807;
	background: #FFF;
}

footer .info-block h4 span {
    border-bottom: solid 2px #B30D0D;
	color:#90231e;
	padding-bottom: 10px;
	/*background: url(../images/custom/shadow.png) no-repeat;*/
}

footer .info-block h4 {
	border-bottom: solid 2px #b7b7b7;
}

footer .info-block {
    color: #000;
}

footer .info-block a {
	color: #545454;
}

footer .info-block a:hover {
	color: #b82322;
}

footer .social-block h4 {
    color: #191818;
}

footer .info-block ul.bullet li:before {
    color: #B30D0D;
}

footer .info-block .address .glyphicon {
    color: #90231e;
	background:none;
}

footer .bottom {
    background-color: #6f1410;
}

/*footer .bottom {
    background: url(../images/custom/footer.jpg);
    bottom: 0;
    height: 100px;
    min-width: 100%;
    width: 100%;
}*/

footer .social-block ul li.facebook a {
    background-color: #b82322;
}

/*********************************************** 
 ** SB SLIDEBAR
 ***********************************************/
 
.sb-slidebar {
    background-color: #6d2621;
}

.slidebar a {
    color: #FFF;
	text-transform:uppercase;
}

.slidebar a:hover {
    color: #000;
	background-color: #ffffff;
}

.slidebar .sb-nav > li {
    border-bottom: 1px solid #c5c5c5;
}



/*********************************************** 
 ** NEWS
 ***********************************************/

.newsList .news a .more {
    background-color: #961008;
    font-size: 17px;
	color:#FFF;
}

.newsList .news .date {
    display: none;
}

.btn-primary news {
	color: #666;
    background-color: #DAD2AA;
    border-color: #480606;
}

.newsList .news a:hover {
    box-shadow: 1px 2px 5px 0 #151414;
}

.newsList .news a, .newsList .news a {
    border: 1px solid #961008;
}

/*********************************************** 
 ** THEME PRODUCT
 ***********************************************/

.theme {
    border: 1px solid #000;
}

.themeProduct {
    background-color: #FFFFFF;
    border-radius: 5px;
	box-shadow: 1px 2px 6px #333;
}

.theme img {
    /*box-shadow: 0px 0px 9px #000;*/
    border: 2px solid white;
}

.theme .link {
    background-color:#90231e;
    color: #FFFFFF;
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}

.theme .link:hover {
    background-color: rgb(4, 195, 4);
}

#facebookBlock h4 {
    background: #b82322;
}