#cookiesdirective { text-align:center!important; color: #666!important;z-index: 11!important; }
#cookiesdirective  a{ font-size:14px!important; font-weight:normal!important; color: #666!important; }
#impliedsubmit { background-color:#c24040!important }

.btn

.area-title {
	color:#25272c;
	text-transform:uppercase;
	text-align: center;
	margin-bottom:30px;
}

#carousel-1 { margin-bottom:30px }
.filiere { margin-top:30px }

.about-section { margin-top:80px; margin-bottom:30px }

.btcaddiel, .btcaddier { 
color: #fff!important;
background: #333333;
padding: 10px 10px;
float: left;
margin-top: 15px;
 }
 
 .division {
    border-top: 1px dotted #1D417F;
    padding-top: 10px;
    margin-bottom: 30px;
}

#div_carte  {
    min-height:500px
}

.addr {
    background: #eee;
    padding: 10px;
}


#social {
    height: 28px;
    padding: 0 0 5px 0;
    width: 180px;
}
#social iframe, #social a {
    float: left;
    padding: 0;
    margin: 0;
}

.bloctxt .content { overflow:hidden; height: 130px; position: relative;}

.bloctxt .content:after {
  position: absolute;
  bottom: 0;  
  left:0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(to top,
     rgba(255,255,255, 1) 20%, 
     rgba(255,255,255, 0) 80%
  );
  pointer-events: none; /* so the text is still selectable */
}

.popuptable td { font-size:12px }

#sort, #tri { font-family: "Cormorant Garamond"; padding-bottom:10px; margin-bottom:20px; border-bottom:1px dotted #1D417F; }
#sort a, #tri a {

    font-family: "Cormorant Garamond";
    font-size: 20px;
    margin-right: 20px;

}

#mail_success, #mail_fail { display:none }

tr.entete td { background:var(--black); color:#fff; text-transform:uppercase; padding:5px }
tr.caddie td { background:var(--orangepersian); color:#fff; text-transform:uppercase; padding:5px; border-bottom: 1px dotted #333333; }
tr.caddie th { padding:5px }

td.lignecaddie, td.prix { border-bottom: 1px dotted #333333; }
td.prix, td.prix_ { font-size:37px;border-bottom: 1px dotted #333333; } 
td.total {  font-size:21px;border-bottom: 1px dotted #333333;}
td.total span { color:#40393C; font-size:14px;}

.bouton_retour_caddie  {  cursor:pointer; background:url(../../pix/bgbt3.png) top left no-repeat; width:218px; height:38px; border:0;   display:block; color:#fff; font-size:16px }
.bouton_caddie  {  cursor:pointer; background:url(../../pix/bgbt4.png) top left no-repeat; width:232px; height:38px; border:0; padding-left:20px;  color:#fff; font-size:16px }


#cache {

    position: absolute;
    background: rgba(255,255,255,0.8);
    line-height: 36px;
    text-align: center;
    color: #C24040;
	left: 1px;
right: 0;
top: 0;
bottom: 0;

}

 #sort a { margin-right: 0; margin-left: 20px; }

a.check { color: #C24040!important; }

#listprod #pagination { margin-top:10px; clear:both}
#pagination { float:right; clear:both}
#pagination a { display:block; width:30px; color:#000!important; border:1px solid #d8d8d8; float:left; margin:0 0 10px 10px; padding:4px 0; text-align:center; }
#pagination a:hover, #pagination a.check { background: #000;

color: #fff !important;}

td {
    padding-top: 5px;
padding-bottom: 5px;
}
 
#warning { display:none }
 
.btcaddier { 
	float:right
}

.btcaddiel a, .btcaddier a { 
color: #fff!important;
}
.btcaddiel:hover, .btcaddier:hover {
	background:#000
}

.caddie th, .tetiere {
/*
color: #fff!important;
background: #333333;	
*/
padding:5px
}

.table td { padding:10px }

.lignecaddie { padding:5px; border-bottom:1px dashed #f0f0f0 }

.actions-log { text-align:center ; margin-bottom: 10px; }

.cgv { color:#333333 }


.staticpage .about-section  {
	background-color: #fafafa;	
	margin-bottom:0;
	overflow: hidden;
}

.blocs { margin-bottom:50px; }

.contentbloc {
	background:#fff;
-moz-box-shadow: 0px 0px 5px 2px #ccc;
-webkit-box-shadow: 0px 0px 5px 2px #ccc;
-o-box-shadow: 0px 0px 5px 2px #ccc;
box-shadow: 0px 0px 5px 2px #ccc;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=NaN, Strength=5);
display: block;
overflow: hidden;
}

.moncompte a { color:#545454 }
.moncompte a:hover, .moncompte a.active { color:#333333 }
.bloccompte { margin:0 0 10px; padding:0 7px 0}

.bloccompte h3 { font-size:16px; text-transform:uppercase}
.bloccompte { font-size:11px; color:#000}

.overlay_compte { position:absolute;  top:40%; bottom:40%; left:23%; right:23%; text-align:center }
.overlay_compte a { background:#fff!important; color:#000!important; border:0px!important; text-align:center; text-transform:uppercase; display: inline-block; }

.nopad { padding-right:0; }

.contentbloc .contenttxt { padding:25px 15px }

.contentbloc img:hover, .main-img img:hover, .blocbottom.home-box:hover img, .home-box img:hover, .summary img:hover { webkit-transform: scale(1.3) translateZ(0);
-moz-transform: scale(1.3) translateZ(0);
-o-transform: scale(1.3) translateZ(0);
-ms-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0); } 

.contentbloc .img, .contentimg, .main-img, .img-box-content, .home-box { overflow: hidden; }

.contentbloc img, .main-img img, .blocbottom.home-box img,  .home-box img, .summary img {
    transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.blocbottom.home-box:hover img, .blocbottom.home-box img { border-radius:50% }

.homeblocx {
margin: 0;
padding: 0;
}

.homeblocx .row {
    margin-top: 0!important;
}

.homeblocx  .home-box {
	margin:40px
}

.contentimg { position:relative }
.contentimg img { position:absolute; top:0;left:0; right:0; bottom:0 }

.btnactu { display:table; clear:both; background:#6B6B6B; padding:10px 20px; color:#fff; margin-top:20px; margin-bottom:20px }
.btnactu:hover { background:#333333; color:#6B6B6B;  }

/* ------------------------------------
24. Facture / BDC
--------------------------------------*/

.facture { color:#000; font-size:13px }
.facture .logo { max-width:300px }
.facture td { padding:10px; }
.facture th { color: #fff!important;
background: #333333;	
padding:5px }

.facture .intit {}
.facture .value { font-size:14px; font-weight:bold}
.facture .total { font-size:17px; font-weight:bold; color:#333333;}

/* ------------------------------------
24. Login page area
--------------------------------------*/

.btpanier { position:relative; }

.customer-login-area {
    margin-bottom: 50px;
}


.form-field-ex {
	background: #C24040;
    color: #fff;
}

.form-fields.form-field-ex  h2 {
border-bottom: 1px solid rgba(255,255,255,0.2);

}


.form-fields2 {
    border-bottom: 1px solid #d3d3d3;
}

.form-fields h2 {
    border-bottom: 1px solid #d3d3d3;
    font-size: 18px;
    margin: 0 0 15px;
    padding: 0 0 5px;
    text-transform: uppercase;
}

.form-row label span.required {
    color: red;
    font-weight: 700;
    border: 0;
	line-height: 2;
	font-size: 14px;

}


.compte { margin-top:30px }
.compte a { border: 1px solid #565656;
background: #565656; padding:10px; color:#fff; display: inline-block; }

.form-action a { color:#333; }

.my-account p.lost_password {
    float: left;
    line-height: 20px;
    margin: 10px 0 0 0;
}
.my-account label.inline {
    float: right;
    font-weight: normal;
    line-height: 20px;
    margin: 10px 20px 0 0;
}
input#rememberme {
    margin-right: 3px;
    margin-top: 0;
    position: relative;
    top: 2px;
}


/* ---------------------------------------
21. Shoping-cart area
------------------------------------------*/
/*7.1 Shopping Cart Table
----------------------------------------------------------------------------------------------*/



#Zone_Widget{
    margin: auto;
    display: inline-block;
}

.table-responsive {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%
}
.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}
table.cart-table {
    margin-bottom: 65px;
	width: 99.9%;
}

table.cart-table.histocom tbody  tr{
	cursor:pointer;
}

table.cart-table.histocom tbody  tr:hover td{
	color: #333333;
}

h4.cart-title {
    color: #000;
    margin-bottom: 34px;
    margin-top: 2px;
    text-transform: uppercase
}
.cart-table thead tr th {
    border: 1px solid #EBEBEB;
    border-collapse: collapse;
    color: #000;
    font-size: 14px;
	background: #EBEBEB;
    font-weight: 300;
    height: 49px;
    text-align: center;
    vertical-align: middle
}
.cart-table tbody tr td {
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    font-size: 12px;
    font-weight: normal;
    padding: 35px 48px;
	padding: 15px 20px;
	text-align: center;
	color: #3f3f3f
}

.cart-table tbody tr td {
    padding: 36px 28px
}

.cart-table tbody tr td:nth-child(3) {
    padding: 36px 28px
}
.cart-table tbody tr td:nth-child(5) {
    padding: 36px 59px
}
.cart-table tbody tr td:last-child {
    padding: 35px 28px
}
.cart-table tbody tr td i {
    font-size: 12px;
	font-weight: 400;
}
.cart-price, .cart-subtotal {
    color: #3f3f3f;
    
    font-size: 12px;
    font-weight: 400
}
.cart-table img.img-responsive {
    width: 133px;
}
.cart-table tbody tr td input {
    background-color: #f0f0f0;
    border: medium none;
    color: #000;
    font-size: 15px;
    height: 39px;
    text-align: center;
    width: 82px
}

#Zone_Widget  input {

    font-size: inherit;
    height: auto;
}

.cart-table tbody tr td.actions-crt {
    padding: 30px 0
}
.cartPage-btn a{
	padding: 12px 100px
}
.cart-table .cartPage-btn a:hover{
	padding: 12px 100px;
	color: #c2a376;
}
.cartPage-btn {
    float: none;
}
.cartPage-btn li {
    display: inline-block;
    margin-right: 9px
}
.cartPage-btn li a.cbtn:hover {
    background: none repeat scroll 0 0 #0f99de
}
.cart-area-start .cart-table tbody tr td{vertical-align: middle}
.actions-crt a{
	padding: 10px 20px;
    background: #3f3f3f;
    color: #fff !important;
    transition: .3s;
}
.actions-crt a:hover{
	background: #333333;
	color: #fff !important;
	transition: .3s;
}
input.coupon-input, .selectOption input {
    background: none repeat scroll 0 0 #fefefe;
    border: medium none;
    display: block;
    font-size: 14px;
    margin-bottom: 29px;
    padding: 6px;
    width: 80%;
	float: left;
}
.shipping button {
    background-color: #ffffff;
    border: medium none;
    color: #252525;
	border: 0px solid #d3d3d3;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: 32px;
    /*margin-bottom: 53px; */
    text-align: center;
    text-transform: uppercase;
    width: 18%; 
	float:right;
}
.shipping button:hover{
	color: #fff;
	border-color: #000;
	transition: .3s;
	background: #000
}
.shippingTitle > p {
    color: #000;
    font-size: 14px;
    margin-bottom: 14px
}
.shippingTitle span {
    color: #f00
}
.selectParent > select {
    background: #fefefe;
    border: medium none;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    margin-bottom: 26px;
    outline: medium none;
    padding: 0 5px;
    width: 100%
}

button.proceedbtn, input.proceedbtn {
    background: #333333;
	border:0;
    color: #fff;
    display: inline-block;
    
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
	padding:0 10px;
    width: auto;
    text-transform: uppercase;
}

input.proceedbtn { margin:0; height:30px; line-height:30px; }

.multiCheckout > a {
    color: #333333;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 30px;
    text-decoration: underline
}
.cart-area-start .cart-table tbody tr td h6{
	margin: 0;
	font-weight: 400;
}
.cart-area-start .cart-table tbody tr td a{
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	color: #3f3f3f;
	
}
.cart-area-start .cart-table tbody tr td a:hover{color: #c2a376}
.cart-area-start {margin: 50px 0 50px;}

.moncompte { margin-bottom:30px}

.vousavez {    position: absolute;
    width: 100%;
    top: 38%;
}

.bubble { margin:50px 50px 0 }
.etape0, .etape1, .etape2, .etape3, .etape4, .etape5 { position: absolute}
.etape0 b, .etape1 b, .etape2 b, .etape3 b, .etape4 b, .etape5 b { color:#000 }
.etape0 {bottom:0; left:0; text-transform:uppercase}
.etape1 {left: -90px;
bottom:0;}
.etape2 {left: -120px;
top: 25%;}
.etape3 {width:100%; top:-55px}
.etape4 {right: -120px;
top: 25%;}
.etape5 {bottom:0; right: -90px;}

.points {position: absolute;
width: 100%;
bottom: 25%;
top:auto
}
.nbpoints b {
	color:#000
}

.nbpoints h3 { 
color: #000;
margin: 10px;
font-size: 30px;
 }
.nbpoints span { 
letter-spacing:1px; 
font-size: 16px;
color: #A0A0A0;
}

.getpoints { background:#fafafa; border :1px solid #eee; margin:30px 0; padding:30px}
.getpoints span { font-size:20px; color: #000 }

.modal-content {
    border-radius: 0;
    border: 0;
}

.modal-header {
    border: 0;
    padding-bottom: 0;
}
.modal-body {
    padding: 40px;
}

@media screen and (max-width: 768px) {
.shipping {
    margin-right: 0;
    width: 100%;
	margin-bottom:10px
}
.shipping:first-child {
    width: 100%
}



}

@media screen and (max-width: 460px) {
.bubble { margin: 0 }
.etape0, .etape1, .etape2, .etape3, .etape4 { display:none }

}

.sondage input[type=radio] {
    border: 1px solid #000;
    border-radius: 50%;
}

.sondage .form-check {
    line-height: 25px;
}