@import url('https://fonts.googleapis.com/css2?family=Lustria&family=Pontano+Sans&display=swap');

*{
padding:0px;
border:0px;
margin:0px;
}


body{
font-family: 'Pontano Sans', sans-serif;
color:#404040;
background-color:black;
}


/* animations jquery */
.animated.standby {
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
visibility: hidden;
}

/* *********************** COMMON *********************** */


h1{
font-size: 35px;
color: black;
opacity:0.25;
text-transform: uppercase;
line-height: 38px;
margin-bottom:31px;
}

#wrapper p{
color:#231f20;
line-height:28px;
margin-bottom:26px;
font-size:20px;
}

#wrapper .center{
text-align:center;
}

#wrapper p.important{
font-style:italic;
font-size:18px;
}

a{
color:inherit;
text-decoration:none;
transition: all 0.2s ease-in-out;
}

a:hover{
text-decoration:underline;
}

.clear{
width:100%;
clear:both;
}


.separate{
width:94%;
margin:auto;
height:1px;
margin-top:45px;
margin-bottom:45px;
background-color:#b2b2b2;

}



/* *********************** HEADER TOP (MESSAGES) *********************** */
#header_top{
width:100%;
min-width:100%!important;
min-height:3px;
background-color:#B01F24;
text-align:center;
}

#header_top p{
line-height:40px;
font-size:14px;
color:white;
text-transform:uppercase;
font-weight:900;
}

/* *********************** BANNER *********************** */
#banner{
width:100%;
font-size:0px;
margin-bottom:15px;
overflow:hidden;
text-align: center;
}

#banner img.logo{
display:inline-block;
width:100%;
max-width:250px;
transform: translateX(40px);
}


#banner .text{
display:none;
}

#banner .text p.row1{
font-size:24px;
opacity:0.8;
text-transform:uppercase;
margin-bottom:0px;
color:white;
}

#banner .text p.row2{
font-size:12px;
opacity:0.8;
text-transform:uppercase;
margin-bottom:0px;
color:white;
padding-left:4px;
}

#banner a.link{
opacity:1;
}

#banner a.link:hover{
opacity:1; 
}



/* *********************** MENU *********************** */
.menu-links{
cursor: pointer;
}

#menu{
display:block;
text-align:center;
}

/* social */
#menu .social{
display:inline-block;
vertical-align:top;
text-align:right;
margin-top:10px;
margin-bottom:10px;
}

#menu .social a{
margin:1px 3px;
transition:all 0.3s;
}

#menu .social a:hover{
opacity:0.65;
}

/* liens eshop*/
#menu .eshop{
display:inline-block;
vertical-align:top;
}

#menu .eshop a{
color:white;
display:inline-block;
vertical-align:top;
font-size:16px;
position: relative;
top: 11px;
margin-left: 20px;
}

/* liens menu*/
#menu .liens_menu{
display:inline-block;
vertical-align:top;
}

#menu .liens_menu li{
list-style-type:none;
display:inline-block;
}

#menu .liens_menu li a{
display:inline-block;
vertical-align:top;
color:white;
font-size:18px;
line-height:26px;
padding:6px 28px;
transition: all 0.3s ease-in-out;
border:1px solid black;
}

#menu .liens_menu li a:hover{
text-decoration:underline;
}

#menu .sub_menu{
display: none;
}

/* search */
#menu .recherche{
display:inline-block;
vertical-align:top;
opacity:0.85;
transition: all 0.3s ease-in-out;
}

#menu .recherche:hover{
opacity:1;
}

#menu .recherche input{
background-color: white;
height: 35px;
width: 92px;
color: #000;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 0px;
padding:0px 10px;
vertical-align: bottom;
}

#menu .recherche .button_search{
width:37px;
height:37px;
background-color:#d10810;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:0px;
background-image:url('images/icon-loupe.png');
background-repeat:no-repeat;
background-position:9px 8px;
cursor:  pointer;
vertical-align:top;
}

#menu .burger{
position: fixed;
top: 0;
right: -400px;
width: 350px;
max-width: 100vw;
height: 100vh;
background-color: black;
margin: 0;
border-left: 1px solid #b2b2b2;
transition: all 0.6s;
overflow-y: scroll;
box-sizing: border-box;
z-index: 10;
text-align: left;
padding-top: 30px;
}

#menu .burger.open{
right: 0;
}

.menu-links.close{
padding-left: 50px;
}

.menu-links.close img{
width: 25px;
height: auto;
}

#menu .liens_menu{
display: inline-block;
vertical-align: top;
width: 100%;
}

#menu .liens_menu ul{
padding: 10vh 50px 70px;
width: 100%;
box-sizing: border-box;
}

#menu .liens_menu ul li{
width: 100%;
}

#menu .liens_menu ul li a{
display: block;
width: 100%;
padding: 15px 0;
font-size: 22px;
}

div#menu .recherche{
width: 100%;
padding: 0 50px;
box-sizing: border-box;
margin-bottom: 100px;
}

#menu .recherche input{
width: calc( 100% - 50px );
box-sizing: border-box;
height: 45px;
font-size: 20px;
padding: 5px 10px;
}

#menu .recherche .button_search{
height: 45px;
width: 45px;
background-size: 26px;
}

#menu{
display: flex;
justify-content: space-between;
padding: 0 20px;
width: 100%;
box-sizing: border-box;
align-items: center;
}

.menu-links.open img{
width: 25px;
height: auto;
}

#menu .social img{
width: 25px;
padding: 0 5px;
}


/* *********************** WRAPPER *********************** */
#wrapper{
width:95%;
margin:auto;
}

#content{
background-color:white;
min-height:600px;
}




/* ***** HOME (SLIDER) ***** */

#slider{
width:100%;
max-width:1800px;
max-height:600px;
text-align:center;
background-color:black;
}

#slider .item{
width:100%;
height:535px;
font-size:0;
background-repeat:no-repeat;
background-position:center center;
margin-bottom: 45px;
text-align:center;
}

#slider .item .text1{
display: inline-block;
vertical-align: top;
font-size: 31px;
padding-left: 34px;
padding-right: 34px;
margin-bottom: 13px;
margin-top: 116px;
line-height: 42px;
color: #231f20;
text-align: center;
background-image: url('images/bg_text_slider.png');
}


#slider .item .text2{
display: inline-block;
vertical-align: top;
font-size: 18px;
padding-left: 34px;
padding-right: 34px;
margin-bottom: 13px;
line-height: 28px;
color: #231f20;
text-align: center;
background-image: url('images/bg_text_slider.png');
}


#slider .item .text3{ /* bouton */
display: inline-block;
vertical-align: top;
font-size: 20px;
padding-left: 34px;
padding-right: 34px;
margin-bottom: 13px;
line-height: 55px;
color: #231f20;
text-align: center;
background-image: url('images/bg_text_slider_btn.png');
border: 1px solid #404040;
margin-top: 33px;
}

#slider .owl-buttons{/*bouton next et prev */
position:relative;
top:-142px;
}


#slider .owl-buttons .owl-prev{
float:left;
background-color:#0c0c0c;
display:inline-block;
width:40px;
height:40px;
background-image:url('images/back.png');
background-repeat:no-repeat;
background-position:16px 5px;
font-size:0px;
transition: all 0.3s ease-in-out;
}

#slider .owl-buttons .owl-next{
float:right;
background-color:#0c0c0c;
display:inline-block;
width:40px;
height:40px;
background-image:url('images/next.png');
background-repeat:no-repeat;
background-position:22px 5px;
font-size:0px;
transition: all 0.3s ease-in-out;
}


/* *********************** PAGES *********************** */

/* ***** HOME ***** */

#home{
text-align:center;
background-color: black;
}

#home .c1{
margin-bottom:44px;
}

#home .c1 .item{
width:29%;
margin-right:2%;
margin-left:2%;
display:inline-block;
vertical-align:top;
text-align:left;
background-color:#c0c0c0;
height:165px;
position:relative;
overflow:hidden;
}

#home .c1 .item .hover{
position:absolute;
width:100%;
height:100%;
background-image:url('images/next.png');
background-repeat:no-repeat;
background-position: -50px center;
z-index:200;
transition: all 0.3s ease-out;
}

#home .c1 .item img{
position:absolute;
z-index:50;
transition: all 0.9s ease-out;
}

#home .c1 .text1{
font-size:19px;
font-weight:700;
color:white;
font-style:italic;
margin-bottom:0px;
margin-left:20px;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
position:absolute;
z-index:100;
top:100px;
}

#home .c1 .text2{
font-size:43px;
font-weight:700;
color:white;
font-style:italic;
text-transform:uppercase;
margin-left:20px;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
position:absolute;
z-index:100;
top:126px;
}


#home .c1 .item:hover{
text-decoration:none;
}

#home .c1 .item:hover .hover{
background-position: center center;
}

#home .c1 .item:hover img{
transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

#home .c2 p{
font-size: 22px;
margin-bottom: 15px;
}


#home .c3{
background-color: black;
color: white;
width: 100%;
padding: 125px 20px 0;
box-sizing: border-box;
}

#home .c3 h1{
color: white;
margin-bottom: 30px;
font-family: 'Pontano Sans', sans-serif;
text-transform: none;
font-size: 40px;
}

#home .c3_c1, #home .c3_c2{
display: flex;
text-align: left;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 600px;
margin: auto;
}

#home .c3_c1{
margin-bottom: 60px;
}

#home .c3_c1 .content, #home .c3_c2 .content{
width: 100%;
margin-bottom: 50px;
}

#home .c3_c1 .image, #home .c3_c2 .image{
width: 100%;
height: 300px;
}

#home .c3_c1 .image img, #home .c3_c2 .image img{
width: 100%;
height: 100%;
object-fit: cover;
}

#home .c3 p{
color:#c1c1c1;
margin-bottom:10px;
font-size:16px;
}




/* ***** PAGES PRODUITS INDEX ***** */
#product_index{
text-align:center;
padding: 12px 10px 10px 10px; /* a recopier pour toutes les pages SAUF home */
}

#product_index .cat{
margin-bottom: 62px;
margin-top: 19px;
}

#product_index .cat a{
border: 1px solid #c0c0c0;
padding: 10px 26px;
margin: 30px 5px;
font-size: 13px;
background-color: white;
text-transform: uppercase;
white-space: nowrap; /*empêche le saut de ligne dans le <a>*/
line-height: 51px;
}

#product_index .cat a:hover{
border: 1px solid black;
}

#product_index .cat a.selected{
border: 1px solid black;
background-color:#000001;
color:white;
}

#product_index .item{
display:inline-block;
vertical-align:top;
width:240px;
border:1px solid #bcbec0;
text-align:center;
margin:9px;

}

#product_index .item .image{
width: 240px;
height: 200px;
overflow: hidden;
background-image: url('upload/none.png');
background-position: center;
text-align: center;
display: inline-block;
vertical-align: top;
margin-top: 3px;

}

#product_index .item .image img{
transition: all 1s ease;
}

#product_index .item:hover .image img{
transform: scale(1) rotate(0deg) translateX(0px) translateY(-80px) skewX(0deg) skewY(0deg);
}

#product_index h2{
color: #847d7d;
font-weight: lighter;
margin: 20px;
font-size: 20px;
}


/* ***** PAGES PRODUITS CATEGORIES ***** */
#product_cat{
background-color:black;
}

#product_cat .main_img{
width:100%;
display:inline-block;
vertical-align:top;
overflow:hidden;
}

#product_cat .main_img img{
max-width:100%;
}

#product_cat .c1{
width:90%;
background-color: white;
padding: 30px 3% 100px 3%;
background-image: url('images/logo-jkglass-small.png');
background-repeat: no-repeat;
background-position: bottom center;
margin: auto;
position: relative;
}

#product_cat .c1 h1{
font-size:25px;
line-height:25px;
text-align:center;
}

#product_cat .c1 p{
font-size:16px;
line-height:23px;
}

#product_cat .c1 a.btn_back{
display:inline-block;
vertical-align:top;
line-height:40px;
background-color:white;
border:1px solid #404040;
position:absolute;
top: -25px;
right: 10px;
padding: 0px 41px 0px 21px;
background-image:url('images/bg_btn_back.jpg');
background-repeat:no-repeat;
background-position:right;
}

#product_cat .c1 a.btn_back:hover{
background-image:url('images/bg_btn_back_hover.jpg');	
}

#product_cat .c1 .btn_contact{
margin-top: 7px;
}

#product_cat .c1 ul{
margin-bottom:20px;
}

#product_cat .c1 li{
margin-bottom: 4px;
padding-left: 27px;
color: #c90a0f;
list-style-type: none;
background-image: url('images/bg_li.png');
background-repeat: no-repeat;
background-position: 0px 5px;
}


#product_cat .videos{
width:100%;
text-align:center;
margin-top:65px;
}

#product_cat .pdfs{
    width: 80%;
    margin: 0 auto 30px;
    text-align: center;
}

#product_cat .pdfs a.item{
    width: 200px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #000;
    margin: 5px 10px;
    color: #000;
    border-radius: 4px;
    font-size: 13px;
    text-transform: uppercase;
    transition: all 0.3s;
    text-decoration: none;
    padding: 3px;
    border: 1px solid #8c8c8c;
    border-radius: 0;
}

#product_cat .pdfs .image{
    position: relative;
    width: 200px;
    height: 150px;
    overflow: hidden;
    background-color: white;
}

#product_cat .pdfs .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#product_cat .pdfs .pdf_icon{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 70;
    transition: all 0.3s;
    background-image: url(images/download-pdf.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 200px;
    height: 150px;
    transform: scale(1);
}

#product_cat .pdfs .item:hover .pdf_icon{
    transform: scale(1.2);
}

#product_cat .videos iframe{
max-width:100%;
}



#product_cat .sliderpic{
width:100%;
margin:auto;
margin-top:25px;
text-align:center;
}

#product_cat .sliderpic h2, #product_cat .pdfs h2{
font-size: 35px;
color: white;
opacity: 0.4;
text-transform: uppercase;
line-height: 22px;
margin-bottom: 46px;
margin-top:59px;
}

#product_cat .sliderpic .item{
width:252px;
height:189px;
max-width:100%;
overflow:hidden;
border:1px solid #8c8c8c;
display:inline-block;
vertical-align:top;
position:relative;
margin:10px 10px;
padding:3px;
}

#product_cat .sliderpic .item img{
max-width:252px;
min-height: 186px;
position:absolute;
top:3px;
left:3px;
z-index:50;
}

#product_cat .sliderpic .item p{
width: 360px;
position: absolute;
bottom: 3px;
left:3px;
margin: 0px;
z-index: 100;
background-image: url('images/bg_text_slider_btn.png');
text-align: center;
display: block;
font-size: 15px;
padding: 10px 20px;
line-height: 19px;
}


/* ***** CATALOGUES ***** */
#catalogues-pdf-liste{
    text-align: center;
    padding: 25px 50px 25px 50px;
}

#catalogues-pdf-liste .c1>a{
    display: block;
    vertical-align: top;
    width: 290px;
	max-width: 100%;
    border: 1px solid #bcbec0;
    text-align: center;
    margin: 12px auto;
}

#catalogues-pdf-liste .img{
    width: 284px;
	max-width: 96%;
    height: 200px;
    overflow: hidden;
    background-image: url(upload/none.png);
    background-position: center;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
	position: relative;
}

#catalogues-pdf-liste .img img{
    transition: all 0.4s ease;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#catalogues-pdf-liste a:hover .img img{
    transform: scale(1.2);
}

#catalogues-pdf-liste a .img:after{
    content: "";
    width: 45px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(images/common/pdf.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.4s;
}

#catalogues-pdf-liste .title{
	color: #847d7d;
    font-weight: lighter;
    margin: 20px;
    font-size: 20px;
	display: block;
}

/* ***** CONTACT ***** */
#contact{
padding: 12px 10px 10px 10px; /* a recopier pour toutes les pages SAUF home */
}


#contact .c1{
display:inline-block;
vertical-align:top;
width:100%;
text-align:center;
}

#contact .c1 h1{
margin: 20px 0;
font-size:36px;
line-height:35px;
}

#contact .c1 h2{
margin-bottom: 17px;
}

#contact .c1 .c1a{
}


#contact .c1 .adresse{
padding: 0px 20px;
margin-top: 30px;
font-size: 19px;
line-height: 23px;
margin-bottom: 15px;
}

#contact .c1 .adresse .title{
display: block;
font-size: 15px;
}

#contact .c1 .adresse .rendez-vous{
font-size: 14px;
display: block;
color: #b1070e;
}

#contact .c1 .adresse+a{
font-size: 15px;
padding: 10px 20px;
border: 1px solid #808080;
color: #404040;
margin: 0 20px 30px;
display: inline-block;
}

#contact .c1 .tel{
font-weight: 900;
color: #29ad29;
font-size: 27px;
text-transform: uppercase;
letter-spacing: -1px;
padding-left:20px;
}


#contact .c1 .tel_responsive{
display:none;
}


#contact .c1 .btn_contact{
margin-left:20px;
margin-bottom:23px;
margin-top:0px;
}






#contact .c1 .tva{
font-size:13px;
padding:0px 20px;
margin-bottom:0px;
line-height:18px;
}

#contact .c1 .map{
width:100%;
margin-top:30px;
height:300px;
clear:both;



}


#contact .formulaire{
display:inline-block;
vertical-align:top;
width:100%;
margin-right:0%;
background-color:#F2F1F1;
}

#contact .formulaire h2{
    text-align: center;
    color: white;
    font-size: 30px;
    padding-top: 22px;
    padding-bottom: 0px;
}


#contact .formulaire .erreur_msg p{
width:100%;
margin:auto;
height:25px;
line-height:25px;
padding-top:5px;
padding-bottom:5px;
color:white;
font-size:15px;
text-align:center;
}

#contact .formulaire .true p{
background-color:#2ecc71;
}

#contact .formulaire .false p{
background-color:#e74c3c;
}


#contact .formulaire form{
width:90%;
margin:auto;
margin-top:30px;
}


#contact .formulaire p{
margin-bottom:3px;
}

#contact .formulaire input[type="text"]{
border:1px solid #bdc3c7;
padding:10px 3%;
font-size:16px;
color:#2c3e50;
transition: all 0.2s ease-in-out;
margin-bottom:15px;
margin-right:15px;
width:94%;
border-radius: 2px;
color:#939393;
}

#contact .formulaire input[type="text"]:hover{
box-shadow:         1px 1px 10px 0px rgba(50, 50, 50, 0.20);
}

#contact .formulaire textarea{
border:1px solid #bdc3c7;
width:94%;
height:350px;
padding:10px 3%;
font-size:16px;
color:#2c3e50;
transition: all 0.2s ease-in-out;
vertical-align:top;
margin-bottom:15px;
margin-right:15px;
border-radius: 2px;
color:#939393;
}

#contact .formulaire textarea:hover{
box-shadow:         1px 1px 10px 0px rgba(50, 50, 50, 0.20);
}


#contact .formulaire p span{
width:110px;
display:inline-block;
}

#contact .formulaire input[type="radio"]{
position:relative;
top:1px;
margin-bottom:20px;
}

#contact #radio2{ /* espace entre le oui et le nom */
margin-left:10px;
}


#contact .formulaire .btn_contact{
margin-bottom:20px;
}






/* ***** Searching ***** */
#searching{
padding:75px 50px 55px 50px; /* a recopier pour toutes les pages SAUF home */
}

#searching .c1{
text-align:center;
}

#searching .c1 p.recherche_en_cours{
font-size:14px;
}

#searching .c1 img{
width:120px;
}



/* ***** SEARCH ***** */
#search{
/*padding:75px 50px 55px 50px;  a recopier pour toutes les pages SAUF home */
}

#search .c1{

}

#search .c1 .item{
display:block;
width:100%;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dotted #c1c1c1;
}

#search .c1 .item:hover{
background-color:#fafafa;
}

#search .contact{
display:inline-block;
vertical-align:top;
padding-right:15px;
margin-right:15px;
max-width:250px;
}

#search .contact .txt{
margin-bottom:20px;
font-size:14px;
}

#search .contact .button_phone{
margin-top: 0px;
margin-bottom: 20px;
}

#search .contact .button_mail{
margin-top: 0px;
margin-bottom: 30px;
}

#search .contact .callmeback{ /*form*/
padding-bottom:20px;
border-bottom:1px solid #d2d2d2;
margin-bottom:40px;

}

#search .contact  .callmebacktxt{
margin-bottom:8px;
}

#search .contact .callmeback input[type=text]{
text-align:center;
border:1px solid #bdc3c7;
padding-top:10px;
padding-bottom:10px;
font-size:18px;
color:#2c3e50;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
margin-bottom:15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

#search .contact .callmeback input[type=text]:hover{
background-color:#F5F5F6;
}

#search .contact .callmeback:hover input[type=text]{
border:1px solid #E89348;
}

#search .contact .callmeback input[type=submit]{
display:inline-block;
padding:12px 30px;
text-transform: uppercase;
font-weight: 700;
margin-bottom:20px;
text-decoration:none; 
font-size:16px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;

color:#E89348;
border:1px solid #E89348;
background-color:white;
}

#search .contact .callmeback input[type=submit]:hover{
background-color:#E89348;
color:white;
}

#search .contact img{
max-width:68%;
}

#search .contact .adresse{
line-height: 22px;
margin-top: 10px;
}

#search .contact .adresse span{
text-transform:uppercase;
font-weight:900;
}






/* ***** 404 ***** */
#e404{
text-align:center;
}


#e404 .c1{
margin-bottom:44px;
margin-top:60px;
}

#e404 .c1 .item{
width:29%;
margin-right:2%;
margin-left:2%;
display:inline-block;
vertical-align:top;
text-align:left;
background-color:#c0c0c0;
height:165px;
position:relative;
}

#e404 .c1 .item:hover{
text-decoration:none;
}


#e404 .c1 .item img{
position:absolute;
z-index:50;
}

#e404 .c1 .text1{
font-size:19px;
font-weight:700;
color:white;
font-style:italic;
margin-bottom:0px;
margin-left:20px;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
position:absolute;
z-index:100;
top:100px;
}

#e404 .c1 .text2{
font-size:43px;
font-weight:700;
color:white;
font-style:italic;
text-transform:uppercase;
margin-left:20px;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
position:absolute;
z-index:100;
top:126px;
}


/* Mentions légales */

#legal{
text-align:center;
max-width:860px;
margin:auto;
}

#legal h1{
text-align:center;
padding-top:60px;
}

#legal h2{
background-position: 0px 7px;
position: relative;
bottom: 0px;
line-height: 20px;
margin-top: 14px;
margin-bottom: 14px;
}

#legal p{
margin-bottom:5px;
font-size:14px;
}

#legal p span{
display:block;
vertical-align:top;
width:100%;
text-decoration:underline;
line-height:16px;
}

#legal .c0{
width:75%;
text-align:left;
display:inline-block;
vertical-align:top;
border:1px solid #c0c0c0;
text-align:left;
padding:1%;
margin-bottom:30px;
}

#legal .c1{
display:inline-block;
vertical-align:top;
width:90%;
padding:2%;
border:1px solid #c0c0c0;
text-align:left;
margin-bottom:30px;
min-height:200px;
}

#legal .c1.last{
margin-right:0px;
}



#legal .c2{
width:90%;
padding:2%;
text-align:left;
display:inline-block;
vertical-align:top;
border:1px solid #c0c0c0;
margin-bottom:30px;
height:600px;
overflow:auto;
padding-bottom:30px;
}

#legal .c2 h3{

}

#legal .c2 h4{

}

#legal .c2 p{
margin-bottom:8px;
font-size:13px;
line-height:22px;
}

#legal .c2 ul li{
margin-bottom:5px;
font-size:13px;
line-height:22px;
padding-left:15px;
list-style-type:none;
}

#legal .c2 ul ul li{
padding-left:30px;
}

#legal .c2.last{
margin-right:0px;
}




/* *********************** BOUTONS *********************** */


.btn_contact{
border: 1px solid #808080;
padding: 10px 68px 10px 20px;
background-image: url(images/mail_icon.png);
background-repeat: no-repeat;
background-position: right;
display: inline-block;
vertical-align: top;
transition: all 1s ease;
background-color: white;
font-size: 15px;
color: #404040;
}

.btn_contact:hover{
border: 1px solid #404040;
text-decoration:underline;
}



/* *********************** RELATED PRODUCTS (Produits liés) *********************** */

#related{
width:95%;
margin:auto;
margin-top:60px;
padding-top:60px;
border-top:1px solid #404040;

}

#related .item{
margin:0px 15px;
text-align:center;
}

#related .item a{
color:#b7a748;
}

#related .item img{
max-width:100%;
padding:1px;
border:1px solid #404040;
}

#related .owl-pagination{
display:none;
}



/* *********************** FOOTER *********************** */

#footer{
width:100%;
max-width: 100%;
text-align:center;
background-color:black;
font-size:0px;
margin:auto;
padding-top:15px;
margin-top:50px;
border-top:1px solid #404040;
padding-top:30px;
padding-bottom:100px;
}

#footer p{
font-size:13px;
color:white;
}

#footer h3, #footer h2{
font-size:17px;
color:white;
margin-bottom: 8px;
margin-top: 20px;
}

#footer li{
font-size:13px;
color:white;
list-style-type:none;
line-height: 18px;
margin-left: 15px;
}

#footer li:before{
content:"- ";
}


#footer .c1{
display:inline-block;
vertical-align:top;
width:100%;
min-height:250px;
text-align:center;
padding-top:20px;
}

#footer .c1 img{
max-width:85%;
}


#footer .c2{
display:inline-block;
vertical-align:top;
width:100%;
min-height:250px;
text-align:center;
margin-bottom:50px;
}

#footer .c2 p span{
display:inline-block;
vertical-align:top;
width:60px;
}

#footer .c2 p.adresse{
font-size: 15px;
margin-bottom: 20px;
}

#footer .c2 p.adresse span.title{
display: block;
width: 100%;
text-decoration: underline;
margin-bottom: 5px;
}

#footer .c2 p.adresse span.rendez-vous{
display: block;
width: 100%;
margin-top: 5px;
font-size: 11px;
color: #ff3c44;
}

#footer .c2 p.adresse+a{
font-size: 15px;
padding: 10px 20px;
border: 1px solid #808080;
color: white;
margin: 0 0 30px;
display: inline-block;
}

#footer .c2 p.tel{
font-size: 18px;
font-weight: 900;
margin-bottom: 5px;
}

#footer .c2 p.mail{
margin-bottom: 5px;
}

#footer .c2 p.fax{
margin-bottom: 5px;
}

#footer .c2 p.tva{
font-size:12px;
}


#footer .c3{
display:inline-block;
vertical-align:top;
width:100%;
min-height:250px;
text-align:center;
}

#footer .pinterest{
margin-top: 30px;
}

#footer p.copyright{
opacity:0.75;
margin-top:50px;
}

/* *************************** ESHOP *** ESHOP *** ESHOP *************************** */


/* ***** SHOP ***** */

#shop{
text-align:center;
margin-bottom:100px;
padding-bottom:30px;
padding-top:75px;
position: relative;
}

#shop .microdata{ /* toutes les champs sémantiques schema.org*/
display:none;
}


#shop .c1{ /* affichage des types + cat + produits */
width: 90%;
display: inline-block;
vertical-align: top;
background-color: white;
padding: 0px 4%;
min-height:408px;
text-align:center;

}

#shop .c1 h1{

}

#shop .c1 p.fil_rouge{
font-size:13px;
margin-bottom:15px;
opacity:0.9;
}


#shop .c1 .item{
width:300px;
height:300px;
display:inline-block;
vertical-align:top;
position:relative;
transition:all 0.3s;
text-decoration:none;
background-color:#bb050d;
margin: 7px 0;
transition:all 0.3s;
max-width: 100%;
}

#shop .c1 .item .photo{
width:300px;
height:260px;
position:absolute;
top:0px;
left:0px;	
z-index:50;
text-align:center;
overflow:hidden;
border-bottom:2px solid white;
max-width: 100%;
}

#shop .c1 .item .photo img{
width:100%;
height:100%;
transition:all 1s;
object-fit:cover;
transform:scale(1.06);
transition:0.4s;
}

#shop .c1 .item:hover .photo img{
transform:scale(1);	
}

#shop .c1 .item .arrow{
transform:scale(0);
width:300px;
height:260px;
position:absolute;
top:0px;
left:0px;	
z-index:55;
background-image:url('images/common/arrow-white-right.png');
background-repeat:no-repeat;
background-position:center;
transition:all 0.3s;
}

#shop .c1 .item:hover .arrow{
transform:scale(1);
}


#shop .c1 .item .titre{
position: absolute;
top: 263px;
height: 37px;
width: 279px;
line-height: 37px;
text-align: left;
color: white;
text-transform: uppercase;
padding: 0px 10px;
overflow: hidden;
font-size: 13px;
transition:all 0.3s;
background-image:url('images/common/arrow-right-white.svg');
background-size:13px;
background-repeat:no-repeat;
background-position:-69px 16px;
}

#shop .c1 .item:hover .titre{
background-position:9px 16px;
padding-left:25px;
}
/* affichage de la liste des produits */

#shop .c2{
width: 100%;
display: inline-block;
vertical-align: top;
background-color: white;
min-height:408px;
text-align:center;
}

#shop .nav{
display:block;
vertical-align:top;
margin-left: 50px;
padding-right: 0;
margin: 0 30px 30px;
box-sizing: border-box;
width: auto;
}

#shop .c2 .nav p.fil_rouge{
font-size:13px;
margin-bottom:0px;
opacity:0.9;
text-align:left;
margin-bottom:10px;
}

#shop .c2 .nav h1{
margin-top:0px;
margin-bottom:60px;
text-align:left;
}

#shop .c2 .nav h2{
text-align:left;
background-image:none;
margin-bottom:0px;
}

#shop .c2 .nav .filter .filtres_title{
text-align: left;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 15px;
padding-bottom: 10px;
}


#shop .c2 .nav .filter a{
padding: 10px 35px;
display: block;
vertical-align: top;
line-height: 19px;
color:#000;
transition: all 0.3s;
font-size:13px;
text-align:left;
text-decoration:none;
background-image:url('images/common/arrow-right-black-small.png');
background-repeat:no-repeat;
background-position:-25px 9px;
}

#shop .c2 .nav .filter a:hover{
background-color:#ddd;
}

#shop .c2 .nav .filter a.active{
background-image:url('images/common/arrow-right-black-small.png');
background-repeat:no-repeat;
background-position:4px 9px;
}

#shop .product_list{
display:block;
vertical-align:top;
width:100%;
}

#shop .c2 .product_list .item{
width:100%;
float:right;
border-bottom:1px solid #e1e1e1;
text-align:center;
padding-top:17px;
padding-bottom:17px;
transition:all 0.3s;
font-size:0px;
}

#shop .c2 .product_list .item:hover{
background-color:#e1e1e1;
}

div#shop .c2 .product_list .item .img{
position:relative;
height:180px;
background-color:#eaeaea;
overflow:hidden;
position:relative;
display:inline-block;
height: 120px;
display: block;
margin: 0;
width: 60%;
margin: 0 auto;
max-width: 150px;
text-align: left;
}

#shop .c2 .product_list .item .img img{
position:absolute;
z-index:100;
transition:all 0.3s;
border-radius:3px;
width:100%;
height:100%;
object-fit:cover;
}

#shop .c2 .product_list .item:hover .img img{
transition:all 0.3s;
transform: scale(1.1);
}


#shop .c2 .product_list .item .img .arrow{
position:absolute;
z-index:120;
width:180px;
height:180px;
background-image:url('images/arrow-right.png');
background-repeat:no-repeat;
background-position:center;
transition:all 0.3s;
transform: scale(0);
}

#shop .c2 .product_list .item:hover .img .arrow{
transform: scale(1);
}

#shop .c2 .product_list .content{
display:inline-block;
vertical-align:top;
width:490px;
padding-left:40px;
}

#shop .c2 .product_list .content p.filtre{
font-size: 12px;
color:#9f9f9f;
margin: 0px;
line-height: 20px;
}

#shop .c2 .product_list .item span.prix_barre{
font-size: 14px;
display: inline-block;
color: black;
text-decoration: none;
font-weight: 700;
text-decoration:line-through;
padding: 2px 7px;
}

#shop .c2 .product_list .item span.prix{
font-size: 20px;
display: inline-block;
color: white;
text-decoration: none;
font-weight: 700;
margin: 0;
background-color: #000;
padding: 2px 7px;
}

#shop .c2 .product_list .item span.titre{
font-size: 18px;
padding-top: 5px;
display: inline-block;
color: #000;
text-decoration:none;
}


#shop .c2 .product_list .item span.description{
font-size: 14px;
padding-top: 17px;
color: #404040;
text-decoration:none;
display:block;
max-height:86px;
overflow:hidden;
}

.is-animated {
  animation: .9s zoom-in;
}

@keyframes zoom-in {
  0% {
   transform: scale(.1);
  } 
  100% {
    transform: none;
  }
}

#shop .c2 .product_list .item .img{
	margin-left: 50px;
}
#shop .c2 .product_list .item .content{
display: inline-block;
padding: 0;
margin-top: 20px;
width: 70%;
box-sizing: border-box;
}
#shop .c2 .product_list .item span.titre{
	display: block; 
}


/* affichage d'un produit suivant son ID */
#shop .c3{ 
width: 90%;
display: inline-block;
vertical-align: top;
background-color: white;
padding: 0px 4%;
min-height:408px;
text-align:center;
margin-bottom: 40px;
}

#shop .c3 p.fil_rouge{
font-size:13px;
opacity:0.9;
text-align:left;
margin-bottom:3px;
}


#shop .c3 h1{
color: #000;
font-size: 41px;
font-weight: 700;
line-height: 44px;
margin-bottom: 20px;
padding-bottom: 7px;
margin-top:13px;
clear:both;
opacity:0.75;
}

#shop .c3 h1:after{
content: "";
width: 228px;
height: 8px;
background-color: #e1e1e1;
display: block;
margin-top:6px;
}
#shop .c3 h2{	
margin-bottom:10px;
}

#shop .left{
display:inline-block;
vertical-align:top;
width:100%;
margin:0 0 50px;
}

#shop .right{
display:inline-block;
vertical-align:top;
width:100%;
}

#shop .right.no_photos{
width:100%;
}

#shop .c3 .demo_gallery{
font-size:0px;
text-align:left;
}

#shop .c3 .demo_gallery .second_pics{
text-align: center;
}

#shop .c3 .video{
display:block;
width:100%;	
text-align:center;
background-color:#000;
}

#shop .c3 .video iframe{
display:inline-block;
vertical-align:top;
}


#shop .c3 .demo_gallery a.item.main_pic{ /*principale*/
width: 100%;
height: max-content;
display:block;
position:relative;
max-width: 500px;
margin: auto;
text-align: center;
min-height: 300px;
}

#shop .c3 .demo_gallery a.item.main_pic img{
/*
width:100%;
height:100%;
object-fit:none;
*/
max-width: 100%;
}

#shop .c3 .demo_gallery a.item.main_pic .arrow{
opacity:0;
transition:all 0.3s;
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
background-image:url('images/common/arrow-white-right.png');
background-repeat:no-repeat;
background-position:center;
}

#shop .c3 .demo_gallery a.item.main_pic:hover .arrow{
opacity:1;
background-color: rgba(0, 0, 0, 0.3);
}

#shop .c3 .demo_gallery a.item.other_pics{ /*miniatures*/
width: 24.51%;
height:120px;
display:inline-block;
position:relative;
border:0.25px solid white;
max-width: 150px;
}

#shop .c3 .demo_gallery a.item.other_pics img{
width:100%;
height:100%;
object-fit:cover;
}

#shop .c3 .demo_gallery a.item.other_pics .arrow{
opacity:0;
transition:all 0.3s;
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
background-image:url('images/common/arrow-white-right.png');
background-repeat:no-repeat;
background-position:center;
}

#shop .c3 .demo_gallery a.item.other_pics:hover .arrow{
opacity:1;
background-color: rgba(0, 0, 0, 0.3);
}

#shop .c3 .demo_gallery a.item.other_pics.last{
background-color:#eb008b;
background-image:url('images/voir_plus.svg');
background-repeat:no-repeat;
background-size:80%;
background-position:center;
transition:all 0.15s;
}

#shop .c3 .demo_gallery a.item.other_pics.last img,
#shop .c3 .demo_gallery a.item.other_pics.last .arrow{
display:none;
}

#shop .c3 .demo_gallery a.item.other_pics.last:hover{
background-size:90%;	
}

#shop .c3 .demo_gallery a.item.other_pics.hidden{
display:none;	
}








#shop .c3 .content{
width:95%;
padding: 0px 2% 30px 2%;
display: inline-block;
vertical-align: top;
text-align: left;
}

#shop .c3 .content p.prix_barre{
font-size: 23px;
display: inline-block;
vertical-align:middle;
padding: 4px 11px;
font-weight: 700;
color:black;
text-decoration: line-through;
margin-right: 3px;
margin-bottom: 0px;
}

#shop .c3 .content p.prix{
font-size: 34px;
display: inline-block;
vertical-align: middle;
padding: 4px 11px;
font-weight: 700;
color: black;
margin-right: 16px;
margin-bottom: 0px;
}

#shop .c3 .content p.prix span.promo{
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: 700;
/*color:white;*/
padding: 0px 5px;
margin-right: 10px;

}

#shop .c3 .content p.info_prix{
font-size: 14px;
font-weight: 700;
padding: 24px 11px 4px 11px;
text-transform: uppercase;
color:#87bb24;
margin-bottom: 20px;
background-image:url('../images/arrow-right-black.svg');
background-position:9px 0px;
background-repeat:no-repeat;
}

#shop .c3 .content p.marque{
color:#404040;
font-size:13px;
display: inline-block;
vertical-align:middle;
margin-right:15px;
}

#shop .c3 .content p.reference{
font-size: 13px;
display: inline-block;
vertical-align: middle;
color: #939393;
padding: 0px 0px;
margin-bottom: 0px;
margin-top: 20px;
}

#shop .c3 .content .youtube{
max-width:100%;
margin-bottom:35px;
overflow:hidden;	
}

#shop .c3 .content p.dispo{
font-size: 14px;
display: inline-block;
vertical-align: middle;
font-weight: 700;
text-decoration: underline;
margin-bottom: 0px;
}

#shop .c3 .content p.dispo.color1{/* dispo */
color:#000;
}

#shop .c3 .content p.dispo.color2{/* sur cmd */
color:#000;
}

#shop .c3 .content p.dispo.color3{/* rupt de stock */
color:#000;
}

#shop .c3 .content p.dispo.color4{/* vendu */
color:#000;
}

#shop .c3 p.info_tva{
margin: 0;
font-size: 15px;
line-height: 1;
margin-top: 10px;
}

#shop .c3 p.prix_livraison, #shop .c3 p.commentaire_prix{
font-size: 17px;
margin-bottom: 0;
position: absolute;
}

#shop .c3 p.prix_livraison{
transform: translate(0, 10px);
}

#shop .c3 p.commentaire_prix{
transform: translate(0, 10px);
}

#shop .c3 p.commentaire_prix + p.prix_livraison{
transform: translate(0, 30px);
}

#shop .c3 select{
border: 1px solid #bdc3c7;
padding: 10px;
font-size: 16px;
color: #2c3e50;
transition: all 0.2s ease-in-out;
border-radius: 4px;
display: block;
margin-top: 80px;
width: 267px;
}

#shop .c3 .content select+div.ajouter_au_panier{
margin-top:30px;
}

#shop .c3 .content div.ajouter_au_panier{
margin-top:69px;
}

#shop .c3 .content p.out-of-stock+div.ajouter_au_panier{
margin-top:19px;
}

#shop .c3 .content p.out-of-stock{
margin-top:50px;
color: #e10613;
font-size: 16px;
}

#shop .c3 .content div.ajouter_au_panier input[type="submit"]{
position:relative;
left:13px;	
}


#shop .c3 .content p.interesse{
margin-top: 50px;
font-size: 19px;
line-height: 30px;
text-align: left;
}

#shop .c3 .content p.interesse a{
text-decoration:underline;
}

#shop .c3 .content p.interesse a:hover{
color:#df141d;
}

#shop .c3 div.description,
#shop .c3 div.options,
#shop .c3 div.pdfs{
display:inline-block;
vertical-align:top;
width:100%;
margin:0 0 30px;
text-align:center;
}


#shop .c3 .pdfs{ /* pdf's */

}

#shop .c3 .pdfs a.item{
width:200px;
display:inline-block;
vertical-align:top;
border:1px solid #000;
margin:5px 10px;
color:#000;
border-radius:4px;
font-size:13px;
text-transform:uppercase;
transition:all 0.3s;
text-decoration:none;
}

#shop .c3 .pdfs a.item .image{
position:relative;
width:200px;
height:150px;
overflow:hidden;
}

#shop .c3 .pdfs a.item .image img{
width:220px;
position:absolute;
top:-10px;
left:-10px;
transition:all 0.3s;
z-index:30;
}

#shop .c3 .pdfs a.item:hover .image img{
width:200px;
top:0px;
left:0px;
filter: grayscale(0.20);
}

#shop .c3 .pdfs a.item .image .pdf_icon{
position:absolute;
top:0px;
left:0px;
z-index:70;
transition:all 0.3s;
width:0px;
height:0px;
background-image:url('images/common/download-pdf.png');
background-repeat:no-repeat;
background-position: center center;
width:200px;
height:150px;
transform: scale(0);
}

#shop .c3 .pdfs a.item:hover .image .pdf_icon{
transform: scale(1);
}

#shop .c3 .pdfs a.item span.description{
line-height: 33px;
padding:0px 8px;
display: block;
width:184px;
height: 33px;
overflow: hidden;
font-size: 12px;
letter-spacing: 0px;
text-transform: lowercase;
}

#shop .c3 .pdfs a.item:hover{
text-decoration:none;
}

#shop .c3 .pdfs a.item:hover .description{
background-color:#df141d;
color:white;
}

#shop .more-infos{
margin-top: 50px;
}

#shop .c3 .beefup3{ /* options */
text-align: center;
}

#shop .c3 .beefup3 .beefup-title{ /* options */
background-color: #c5c5c5;
margin-bottom: 20px;
}

#shop .c3 .beefup3 h3{ 
padding: 15px 0;
cursor: pointer;
display: inline-block;
width: 100%;
width: 100%;
}

#shop .c3 .beefup3 h3 span{ 
position: relative;
padding-left: 30px;
}

#shop .c3 .beefup3 h3 span:before{
content: "";
height: 20px;
width: 20px;
position: absolute;
left: 0;
background-image:url('images/common/arrow-down-black-small.png');
background-repeat:no-repeat;
background-size: 20px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);     
transition: transform 0.3s ease;
margin-top: 3px;
}

#shop .c3 .beefup3 h3.clicked span:before{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);     
transition: transform 0.3s ease;
}

#shop .c3ss h3.beefup-head{
cursor:pointer;
padding-left:35px;
display:inline-block;
margin-top:0px;
}

#shop .c3ss h3.beefup-head{
cursor:pointer;
padding-left:35px;
display:inline-block;
margin-top:0px;
}

#shop .c3 .beefup-body{
text-align: left;
}

#shop .c3 .pdfs .beefup-body{
text-align: center;
}

#shop .c3 .options li{
display:block;
list-style-type:none;
line-height:30px;
padding:5px 20px;
font-size:13px;
}

#shop .c3 .options li span:first-of-type{
display: inline-block;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
width: 40%;
line-height: 1.5;
}

#shop .c3 .options li span+span{
width: 59%;
text-align: right;
display: inline-block;
}

#shop .c3 .options li:nth-child(odd){
background:#ececec;
}

#shop .c3 .options li:nth-child(even){
background:#f9f9f9;
}



#shop .c3 .related{ /* produits liés */
width:100%;
border-top:1px solid #c0c0c0;
margin-top:60px;
padding-top:30px;
}

#shop .c3 .related a.item{
display:inline-block;
vertical-align:top;
width:185px;
height:145px;
overflow:hidden;
position:relative;
margin:5px;
overflow:hidden;
}

#shop .c3 .related a.item .image{
width:185px;
height:145px;
position:absolute;
top:0px;
left:0px;
z-index:100;
}

#shop .c3 .related a.item .image img{
transition:all 0.3s;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

#shop .c3 .related a.item .titre{
position: absolute;
top: 0px;
left: 0px;
z-index: 250;
width: 94%;
background-color:#df141d;
color:white;
text-align: center;
line-height: 16px;
font-size: 13px;
transition: all 0.3s;
padding: 3px 3%;
border-bottom: 1px solid #c0c0c0;
}


#shop .c3 .related a.item .prix{
position:absolute;
bottom:-50px;
left:0px;
z-index:200;
width:185px;
background-color:#131313;
color:white;
font-weight:700;
text-align:center;
line-height:24px;
font-size:17px;
transition:all 0.3s;
}

#shop .c3 .related a.item:hover .prix{
bottom:0px;
}

#shop .c3 .related .item .arrow{
width:185px;
height:145px;
position:absolute;
z-index:300;
background-image:url('images/common/arrow-white-right.png');
background-repeat:no-repeat;
background-position:center;
transition:all 0.3s;
transform: scale(0);
}

#shop .c3 .related .item:hover .arrow{
transform: scale(1);
}


/* ***** CART ***** */
#cart{
padding:75px 4% 55px 4%; /* a recopier pour toutes les pages SAUF home */
text-align:center;
}

#cart h1{
margin-bottom:60px;
}

#cart .c1{
display:block;
vertical-align:top;
width:100%;
padding-right:0;
text-align: right;
}

#cart .c2{
display:block;
vertical-align:top;
width:100%;
margin-top: 40px;
text-align:left;
}

#cart .c2 .errors p{
font-size: 14px;
line-height: 14px;
margin: 0px;
color: #e10613;
margin-bottom: 20px;
}

#cart table.panier{
width:100%;
border-collapse: collapse;
table-layout: auto;
margin-bottom:60px;
text-align: left;
}

#cart table.panier tr{
border-bottom:1px solid #e1e1e1;
height:60px;
}

#cart table.panier tr:last-child{
border:none;
}

#cart table.panier td{
font-size: 14px;
}

#cart table.panier td a:hover{
color:#e20613;
}

#cart table.panier td.titre{
padding:10px 5px;	
}

#cart table.panier td.titre div.title_alert:hover .alert_message{
	visibility: visible;
    height: 43px;
    overflow: visible;
    position: absolute;
    background-color: #e7e7e7;
    padding: 10px;
    z-index: 10;
    width: 300px;
    left: -10px;
    top: -82px;
    box-shadow: 5px 5px 15px -8px #b0b0b0;
    text-transform: none;
    line-height: 1.2;
    text-align: center;
}

#cart table.panier td.titre div.title_alert:hover .alert_message:after {
	top: 100%;
    left: 5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #e7e7e7;
    border-width: 10px;
    margin-left: -10px;
}

#cart table.panier td.titre div.title_alert:hover .alert_message p{
	font-size: 16px;
    line-height: 22px;
}

#cart table.panier td.prix_unitaire{
padding:0 10px;
}


#cart table.panier td.changer_quantite{
width:22px;
text-align:center;
table-layout: auto;
}

#cart table.panier td.changer_quantite input[type="submit"]{
display:inline-block;
line-height:0px;
color:#7b7a7a;
width:17px;
height:17px;
border:1px solid #e1e1e1;
text-align:center;
background-color:white;
color:#404040;
padding:0px;
margin:0px;
}

#cart table.panier td.changer_quantite input[type="submit"]:hover{
padding:0px;
margin:0px;
}

#cart table.panier td.quantite{
text-align:center;
}

#cart table.panier td.erreur p{
font-size: 14px;
line-height: 14px;
margin: 0px;
color: #e10613;
}

#cart table.panier td.supprimer{
padding:0 10px;
text-align: center;
}

#cart table.panier td.supprimer input[type="submit"]{
display:inline-block;
line-height:15px;
color:#7b7a7a;
border:1px solid #e1e1e1;
text-align:center;
background-color:white;
color:#404040;
padding:2px 4px;
margin:0px;
}

#cart table.panier td.supprimer input[type="submit"]:hover{
text-decoration:underline;
}

#cart table.panier td.prix{
display: none;
}

#cart table.panier td.prix p{
display: inline-block;
}

#cart table.panier+a.button{
color: #e10613;
background-color: white;
border: 1px solid #e10613;
margin-bottom: 30px;
}

#cart table.panier+a.button+a.button{
border: 1px solid #e10613;
}

#cart .recapitulatif{
text-align:right;
margin-top:30px;
}

div#cart p.livraison{
display: inline-block;
padding-right: 0;
}

div#cart p.livraison+div.title_alert{
margin-right: 7px;
margin-left: 5px;
}

#cart p.livraison+div.title_alert:hover .alert_message{
	visibility: visible;
    height: 43px;
    overflow: visible;
    position: absolute;
    background-color: #e7e7e7;
    padding: 10px;
    z-index: 10;
    width: 300px;
    left: -295px;
    top: -82px;
    box-shadow: 5px 5px 15px -8px #b0b0b0;
    text-transform: none;
    line-height: 1.2;
    text-align: center;
}

#cart p.livraison+div.title_alert:hover .alert_message:after {
	top: 100%;
    left: 95%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #e7e7e7;
    border-width: 10px;
    margin-left: -10px;
}

#cart p.livraison+div.title_alert:hover .alert_message p{
	font-size: 16px;
    line-height: 22px;
}

div#cart p.livraison span{
width: 97px;
}

#cart p.total,
#cart p.livraison,
#cart p.total_a_payer,
#cart p.livraison_gratuite,
#cart p.livraison_supplementaire{
font-size:15px;
margin-bottom:0px;
padding: 7px 13px;
}

#cart p.total span,
#cart p.livraison span,
#cart p.total_a_payer span,
#cart p.livraison_gratuite span,
#cart p.livraison_supplementaire span{
display:inline-block;
vertical-align:top;
width:120px;
font-weight:900;
}

#cart p.info_livraison_gratuite span{
display:inline-block;
vertical-align:top;
color: #e10613;
padding-left: 30px;
background-image: url(images/common/arrow-right-red.svg);
background-size: 15px;
background-repeat: no-repeat;
background-position: 3px 10px;
font-size: 15px;
}

#cart p.info_livraison_gratuite{
margin-bottom: 7px;
}

#cart p.total_a_payer{
display:inline-block;
vertical-align:top;
border-top:1px solid #e1e1e1;	
}

#cart p.livraison_gratuite{
vertical-align:top;
min-width:300px;
}

#cart p.livraison_supplementaire{
vertical-align:top;
min-width:300px;
}

#cart .tunnel p{
opacity: 0.4;
font-size: 18px;
text-align: center;
}

#cart .tunnel p a{
text-decoration: underline;
}

#cart .tunnel .space{
margin-bottom:31px;	
}

.alert_message{
	position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
}

.title_alert{
	display: inline-block;
	position: relative;
	margin-left: 10px;
}

.title_alert img{
	width: 15px;
	margin-right: 5px;
}

.title_alert:hover .alert_message{
	visibility: visible;
    height: 43px;
    overflow: visible;
    position: absolute;
    background-color: #e7e7e7;
    padding: 10px;
    z-index: 10;
    width: 300px;
    left: -152px;
    top: -82px;
    box-shadow: 5px 5px 15px -8px #b0b0b0;
    text-transform: none;
    line-height: 1.2;
    text-align: center;
}

.title_alert:hover .alert_message:after {
	top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #e7e7e7;
    border-width: 10px;
    margin-left: -10px;
}

#cart .title_alert:hover .alert_message p{
	font-size: 16px;
    line-height: 22px;
}


/* ***** LOGIN ***** */
#login{
padding:75px 4% 55px 4%; /* a recopier pour toutes les pages SAUF home */
text-align:center;
}

#login h1{
margin-bottom:60px;
}


#login .c1{
display:block;
vertical-align:top;
width:100%;
max-width: 400px;
text-align:left;
margin: 0 auto 80px;
}

#login .c2{
display:block;
vertical-align:top;
width:300px;
text-align:left;
margin: auto;
max-width: 100%;
}

#login h2{
margin-bottom:30px;
}



#login p.new_pass a{
font-size:13px;
opacity:0.40;
transition:all 0.3s;
}

#login p.new_pass a:hover{
opacity:1;	
}

@keyframes error {
	0% {
		opacity: 0;
		transform: translate(-30px, 0);
		height: 0;
	}
	5% {
		opacity: 0;
		transform: translate(-30px, 0);
		height: 30px;
	}
	15%{
		opacity: 1;
		transform: translate(0, 0);
		height: 30px;
	}
	85%{
		opacity: 1;
		transform: translate(0,0);
		height: 30px;
	}
	95% {
		opacity: 0;
		transform: translate(-30px, 0);
		height: 30px;
	}
	100% {
		opacity: 0;
		transform: translate(-30px, 0);
		height: 0;
	}
}

#login .message{
display: block;
margin-bottom:76px;
opacity: 0;
transform: translate(-30px, 30px);
animation-name: error;
animation-duration: 8s;
animation-delay: 1s;
height: 0;
}

#login .message p{
display:inline-block;
vertical-align:top;
background-color: #e10613;
margin-bottom:5px;
font-size:20px;
line-height:55px;
color:white;
padding:0px 30px;
}

#login p.error{
display: block;
font-size: 15px;
color: red;
font-weight: 900;
margin-top: 9px;
margin-bottom: 0px;
opacity: 0;
transform: translate(-30px, 30px);
animation-name: error;
animation-duration: 8s;
animation-delay: 1s;
height: 0;
}

#login label{
display: block;
}


/* ***** SIGN IN ***** */
#signin{
padding:75px 50px 55px 50px; /* a recopier pour toutes les pages SAUF home */
text-align:center;
position: relative;
}

#signin h1{
margin-bottom:60px;
}

#signin .c1{
display:block;
vertical-align:top;
width:400px;
margin: 0 auto;
text-align:left;
max-width: 100%;
}

#signin .c2{
display:block;
vertical-align:top;
width:400px;
text-align:left;
margin: 0 auto;
max-width: 100%;
}

#signin.mes-adresses .c2{
margin-top: 60px;
}

#signin h2{
margin-bottom:30px;
}

#signin .opt_in_label{
display:inline-block;	
}

#signin .submit{
	margin-top:30px;
}

#signin .quitter{
padding-top:13px;
display:block;
}

#signin .c2 p{
font-size: 13px;
opacity: 0.45;
line-height: 19px;
}

#signin .c2 p.connexion_btn, #recuperation_pass p.connexion_btn{
font-size: 16px;
opacity: 0.6;
margin-top: 16px;
}

#signin .c2 p.connexion_btn a, #recuperation_pass p.connexion_btn a;hover{
text-decoration: underline;
}

#signin .form_errors{
background-color: #e10613;
display: inline-block;
vertical-align:top;
padding: 12px 47px;
margin-bottom:76px;
}

#signin .form_errors p{
margin-bottom:0px;
font-size:20px;
line-height:27px;
color:white;
}

#signin a.btn_back{
display: inline-block;
vertical-align: top;
line-height: 40px;
background-color: white;
border: 1px solid #404040;
position: absolute;
top: 20px;
right: 50px;
padding: 0px 41px 0px 21px;
background-image: url(images/bg_btn_back.jpg);
background-repeat: no-repeat;
background-position: right;
}

/* ***** MON COMPTE ***** */
#compte{
padding:75px 4% 55px 4%; /* a recopier pour toutes les pages SAUF home */
text-align:center;
}

#compte h1{
margin-bottom:60px;
}

#compte h2{
margin-bottom:30px;
}


#compte .c1{
width:100%;
margin-bottom:60px;
max-width: 1000px;
margin: 0 auto 60px;
}

#compte .c1a{
display:block;
vertical-align:top;
width:100%;
text-align:left;
}

#compte .c1b{
display:block;
vertical-align:top;
width:100%;
text-align:left;
margin-top: 40px;
}

#compte .c1 p{
font-size:16px;
margin-bottom:8px;
}

#compte .c1 p span{
display:inline-block;
vertical-align:top;
min-width:200px;
font-weight:900;
display: block;
}

#compte .c1 a.button{
margin-bottom:16px;	
}

#compte .c1 .changer_password{
background-image: url('images/password.png');
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 61px;
padding-top: 5px;
padding-bottom: 5px;
display: inline-block;
margin-bottom:16px;
}

#compte .c1 .modifier_info_personnelles{
background-image: url('images/common/update-arrow.png');
background-size:21px;
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 32px;
padding-top: 5px;
padding-bottom: 5px;
display: inline-block;
margin-bottom:16px;
}

#compte .c1 .mes-adresses{
background-image: url('images/common/adresses.svg');
background-size:21px;
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 32px;
padding-top: 5px;
padding-bottom: 5px;
display: inline-block;
margin-bottom:16px;
}

#compte .c1 .logout{
background-image: url('images/common/logout.png');
background-size:21px;
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 28px;
padding-top: 5px;
padding-bottom: 5px;
display: inline-block;
margin-bottom:16px;
}

#compte .commande{
border: 1px solid grey;
border-radius: 5px;
padding: 20px;
text-align: left;
max-width: 1200px;
margin: 0 auto 30px;
}

#compte .commande p{
font-size: 14px;
margin-bottom: 8px;
}

#compte .commande span{
display: block;
vertical-align: top;
font-weight: 900;
}

#compte .commande span.etat_content{
display: inline-block;
vertical-align: top;
min-width: 0;
font-weight: normal;
}

#compte .commande span.etat_content.bg_purple{
background-color: #34209E;
color: white;
padding: 0 10px;
border-radius: 5px;
}

#compte .commande span.etat_content.bg_green{
background-color: #70b580;
color: white;
padding: 0 10px;
border-radius: 5px;
}

#compte .commande span.etat_content.bg_red{
background-color: #E74C3C;
color: white;
padding: 0 10px;
border-radius: 5px;
}

#compte .commande span.etat_content.bg_orange{
background-color: #d89e34;
color: white;
padding: 0 10px;
border-radius: 5px;
}

#compte .commande .infos_paiement{
border: 2px solid #34209E;
border-radius: 5px;
padding: 15px;
margin: 20px 2%;
}

#compte .commande .infos_paiement p:first-of-type{
font-weight: 900;
margin-bottom: 15px;
}

#compte .commande .infos_paiement p:nth-of-type(n+1) span:first-of-type{
font-weight: 900;
min-width: 170px;
}

#compte .commande .infos_paiement p:nth-of-type(n+1) span+span{
font-weight: normal;
}


#compte table{
width: 100%;
margin-top: 30px;
}

#compte table thead{
background-color: #d3d3d3;
}

#compte table th, #compte table td{
padding: 5px;
font-size: 14px;
}

#compte table tr th:nth-child(1), #compte table tr:nth-last-child(n+4) td:nth-child(1){
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}

#compte table th:nth-last-child(-n+2){
text-align: center;
}

#compte table tr:nth-child(n+1) td:nth-child(3), #compte table tr:nth-child(n+1) td:nth-child(4){
text-align: center;
}

#compte table tr:nth-last-child(-n+3) td:first-of-type{
	font-weight: bold;
	text-align: right;
}

#compte table tr:nth-last-child(-n+3) td+td{
	text-align: center;
}

#compte table tr:last-child td+td{
	font-weight: bold;
}

/* ***** MES ADRESSES ***** */

#signin.mes-adresses form .c1{
	width: 100%;
}

#signin.mes-adresses input[name="rue"]{
	width: 75%;
	box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

#signin.mes-adresses input[name="numero"]{
width: 23%;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
}

#signin.mes-adresses select{
	border: 1px solid #bdc3c7;
    padding: 10px;
    font-size: 16px;
    color: #2c3e50;
    transition: all 0.2s ease-in-out;
    margin-bottom: 20px;
    width: 100%;
	box-sizing: border-box;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

#signin.mes-adresses .c1 input[type="submit"]{
	margin-top: 15px;
}

#signin.mes-adresses .adresse{
	width: 100%;
    background-color: white;
    border: 2px solid #cfcece;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 30px;
}

#signin.mes-adresses .adresse p{
	font-size: 18px;
    opacity: 1;
    line-height: 25px;
    margin: 0;
}

#signin.mes-adresses .adresse span{
	display: block;
}

#signin.mes-adresses .c2 form{
	position: absolute;
	top: 0;
	right: 0;
}

#signin.mes-adresses .c2 input[type="submit"]{
	background-color: transparent;
    color: #231f20;
    text-decoration: underline;
    margin: 0;
}


/* ***** RÉCUPÉRATION MOT DE PASSE ***** */
#recuperation_pass{
padding:75px 50px 55px 50px; /* a recopier pour toutes les pages SAUF home */
text-align:center;
position: relative;
}

#recuperation_pass h1{
margin-bottom:60px;
}

#recuperation_pass p.error{
font-size: 19px;
color: red;
font-weight: 900;
margin-top: 9px;
margin-bottom: 31px;
}

#recuperation_pass a.btn_back{
display:inline-block;
vertical-align:top;
line-height:40px;
background-color:white;
border:1px solid #404040;
position:absolute;
top: 20px;
right: 50px;
padding: 0px 41px 0px 21px;
background-image:url('images/bg_btn_back.jpg');
background-repeat:no-repeat;
background-position:right;
}

#recuperation_pass.new_pass label{
width: 275px;
display: inline-block;
text-align: left;
}

/* ***** CHECKOUT ***** */

#checkout{
padding:75px 50px 55px 50px; /* a recopier pour toutes les pages SAUF home */
text-align:center;
position: relative;
}

#checkout a.btn_back, #shop a.btn_back{
display: inline-block;
vertical-align: top;
line-height: 40px;
background-color: white;
border: 1px solid #404040;
position: absolute;
top: 20px;
right: 50px;
padding: 0px 41px 0px 21px;
background-image: url(images/bg_btn_back.jpg);
background-repeat: no-repeat;
background-position: right;
}

#checkout .content{
vertical-align: top;
width: 70%;
display: inline-block;
text-align: left;
}

#checkout .facturation_form{
position: absolute;
display: inline-block;
height: 0;
opacity: 0;
overflow: hidden;
}

@keyframes opacity {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

#checkout .facturation_form.visible{
position: relative;
display: inline-block;
animation-name: opacity;
animation-duration: 0.6s;
overflow: hidden;
height: auto;
opacity: 1;
width: 100%;
}

#checkout .resume{
vertical-align: top;
width: 25%;
margin-left: 4%;
display: inline-block;
border-left: 3px solid #e1e1e1;
text-align: center;
}

#checkout .resume p{
max-width: 400px;
margin: 0 auto 20px;
display: flex;
justify-content: space-between;
font-size: 18px;
text-align: center;
}

#checkout .resume .cart{
margin-bottom: 30px;
}

#checkout .resume .cart p:last-of-type{
border-bottom: 1px solid #e1e1e1;
padding-bottom: 20px;
}

#checkout .resume .adresses{
margin-top: 50px;
}

div#checkout .resume p.produit span{
font-weight: bold;
max-height: 3em;
overflow: hidden;
max-width: 80%;
}

div#checkout .resume p.produit span+span{
font-weight: normal;
}

#checkout .resume p.produit{
text-align: left;
font-size: 16px;
line-height: 22px;
}

#checkout .resume p.adresse_livraison{
display: block;
}

#checkout .resume p.adresse_livraison span+span{
font-size: 14px;
line-height: 18px;
margin-bottom: 0;
}

#checkout .resume p.adresse_livraison .name,#checkout, .resume p.adresse_livraison .address{
display: block;
text-align: left;
}

#checkout .resume p.adresse_facturation{
display: block;
}

#checkout .resume p.adresse_facturation .name, #checkout .resume p.adresse_facturation .address{
display: block;
text-align: left;
}

#checkout .resume p.adresse_facturation .title, #checkout .resume p.adresse_livraison .title{
display: inline-block;
}

#checkout .resume p.adresse_facturation, #checkout .resume p.adresse_livraison{
text-align: left;
margin-bottom: 20px;
}

#checkout .resume p.adresse_facturation span:nth-child(n+2){
font-size: 14px;
line-height: 18px;
margin-bottom: 0;
}

#checkout .resume p.total{
border-top: 1px solid #e1e1e1;
padding-top: 15px;
margin-bottom: 35px;
}

#checkout .resume p.tva{
display: block;
text-align: left;
}

#checkout .resume p.tva span{
display: block;
}

#checkout .resume p.tva span+span{
font-size: 14px;
line-height: 18px;
margin-bottom: 0;
}

#checkout .resume p.total span, #checkout .resume p.livraison span+span, #checkout .resume p.total_articles span+span{
font-weight: 900;
}

#checkout .resume .adresses .title{
font-weight: 900;
}

div#checkout .resume.checkout-resume span{
	font-weight: normal;
}

div#checkout .resume.checkout-resume span+span{
	font-weight: 900;
}

div#checkout .resume.checkout-resume p.total span{
	font-weight: 900;
}

#checkout h1{
margin-bottom: 60px;
text-align: center;
}

#checkout p.label_input{
font-weight: bold;
font-size: 22px;
}

#checkout .choice{
width: 31%;
background-color: white;
box-sizing: border-box;
border: 2px solid #cfcece;
text-align: left;
margin: 0 9px 25px 9px;
display: inline-block;
vertical-align: top;
cursor: pointer;
border-radius: 4px;
min-height: 110px;
}

div#checkout .content{
	width: 62%;
	padding-right: 0;
}
div#checkout .choice{
	width: 45%;
}
div#checkout .new_address{
	width: 45%;
}
div#checkout .new_address a{
	box-sizing: border-box;
	margin: 30px auto;
	width: 80%;
}
div#checkout .resume{
	width: 33%;
}
div#checkout .button{
	width: auto;
	min-width: 175px;
}
div#checkout .paiement .choice{
	width: 100%;
	box-sizing: border-box;
}

div#checkout .content{
	width: 100%;
	display: block;
}
div#checkout .resume{
	width: 100%;
	margin: 0;
	border-left: 0;
	border-top: 3px solid #e1e1e1;
	margin-top: 50px;
	padding-top: 30px;
}
div#checkout .choice{
	width: 100%;
	margin: 0 0 25px;
}
div#checkout .new_address{
	width: 100%;
}
div#checkout .new_address a{
	margin: 10px auto 25px;
	max-width: 200px;
}
div#checkout .facturation_form>label{
	margin: 30px 50px 10px 0;
}

#checkout .paiement .choice{
width: 50%;
display: block;
min-height: auto;
margin: 0 0 30px;
}

#paiement_reception{
padding: 75px 4% 55px 4%;
text-align: center;
}

#paiement_reception a{
background-color: #e10613;
color: white;
padding: 12px 15px;
margin: 0px 10px;
transition: all 0.3s;
cursor: pointer;
font-size: 14px;
margin-top: 30px;
display: inline-block;
}

#paiement_reception>div{
max-width: 1200px;
margin: auto;
}

#paiement_reception>div.align-left{
text-align: left;
}

#paiement_reception>div h1{
text-align: center;
}

#paiement_reception>div p.intro{
text-align: center;
}

#paiement_reception div.content p{
display: inline;
}

#checkout .choice.selected{
border: 2px solid #eca5a8;
font-weight: bold;
}

#checkout .choice label{
display: inline-block;
width: 100%;
padding: 20px;
box-sizing: border-box;
cursor: pointer;
min-height: 106px;
}

#checkout .paiement .choice label{
min-height: auto;
}

#checkout .paiement .choice label img{
width: 30px;
height: 30px;
padding: 0 5px;
vertical-align: middle;
}

#checkout .paiement .choice label span{
display: inline-block;
vertical-align: middle;
}

#checkout .choice span{
display: block;
}

#checkout .form_opener{
margin-top: 20px;
}

#checkout .facturation_form>label{
display: inline-block;
font-weight: 900;
margin: 30px 50px 10px 0;
}

#checkout .facturation_form>input[type="text"]{
border: 1px solid #bdc3c7;
padding: 10px;
font-size: 16px;
color: #2c3e50;
transition: all 0.2s ease-in-out;
margin-bottom: 20px;
width: 100%;
box-sizing: border-box;
border-radius: 4px;
margin-bottom: 40px;
}

#checkout .button {
background-color: #e10613;
color: white;
padding: 12px 15px;
margin: 0px 10px;
transition: all 0.3s;
cursor: pointer;
font-size: 14px;
min-width: 175px;
margin-top: 20px;
}

#checkout .button.first {
margin-bottom: 35px;
margin-top: 0;
}

#checkout input[type="radio"] {
visibility: hidden;
position: absolute;
}

#checkout .new_address{
text-align: center;
border: none;
display: inline-block;
width: 31%;
}

#checkout .new_address a{
color: #e10613;
background-color: white;
border: 1px solid #e10613;
margin-top: 30px;
display: inline-block;
}

#checkout .new_address_form{
	position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgb(158 158 158 / 42%);
	z-index: 101;
	display: none;
}

#checkout .new_address_form.visible{
	display: block;
}

#checkout .new_address_form .pop-up{
	width: 700px;
    height: fit-content;
    padding: 50px;
    background-color: white;
    opacity: 1;
    margin: 0 auto;
    margin-top: 60px;
	text-align: left;
}

#checkout .new_address_form .pop-up-title{
	text-align: center;
}

#checkout .new_address_form label{
	max-width: 350px;
    margin: 0 auto 4px;
	display: block;
}

#checkout .new_address_form input[type="text"]{
	border: 1px solid #bdc3c7;
    padding: 10px;
    font-size: 16px;
    color: #2c3e50;
    transition: all 0.2s ease-in-out;
    width: 350px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 10px center;
	display: block;
	margin: 0 auto 20px;
    box-sizing: border-box;
}

#checkout .new_address_form .pop-up_submit{
	text-align: center;
    margin-top: 50px;
}

#checkout .new_address_form .pop-up_close{
	text-align: center;
    margin-top: 35px;
}

#checkout .new_address_form .pop-up_close a{
	color: #e10613;
    background-color: white;
    border: 1px solid #e10613;
}

#checkout .loader{
  text-align: center;
} 

#checkout .loader p, #checkout .loader div, #checkout .loader input{
  opacity: 0;
  transition : none;
} 

#checkout .loader:before{
content: "";
border: 3px solid #f3f3f3;
border-top: 3px solid #876161;
border-radius: 50%;
width: 35px;
height: 35px;
animation: spin 2s linear infinite;
opacity: 1;
position: absolute;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(550deg); }
}

/* ***** COMMON ***** */

.eshop a.button{
display:inline-block;
vertical-align:top;
background-color:#e10613;
color:white;
padding:6px 15px;
margin:0px 10px;
transition:all 0.3s;
}

.eshop a.button:hover{
padding:6px 25px;
margin:0px 0px;	
}

#signin.eshop label, #signin.eshop .label_input{
display:block;
margin-bottom:4px;
font-size: 17px;
}

.eshop input[type="email"]{
border:1px solid #bdc3c7;
padding:10px;
font-size:16px;
color:#2c3e50;
transition: all 0.2s ease-in-out;
margin-bottom:20px;
width: 100%;
box-sizing: border-box;
border-radius:4px;
background-repeat:no-repeat;
background-position:10px center;
}

#recuperation_pass.eshop input{
width: 350px;
}

.eshop input[type="password"]{
border:1px solid #bdc3c7;
padding:10px;
font-size:16px;
color:#2c3e50;
transition: all 0.2s ease-in-out;
margin-bottom:20px;
width: 100%;
box-sizing: border-box;
border-radius:4px;
background-repeat:no-repeat;
background-position:10px center;
}

.eshop input[type="submit"]{
background-color:#e10613;
color:white;
padding:12px 15px;
margin:0px 10px;
transition:all 0.3s;
cursor:pointer;
font-size:14px;
}

.eshop input[type="submit"]:hover{
padding:12px 25px;
margin:0px 0px;
text-decoration:underline;
}

.eshop input[type="text"]{
border:1px solid #bdc3c7;
padding:10px;
font-size:16px;
color:#2c3e50;
transition: all 0.2s ease-in-out;
margin-bottom:20px;
width: 100%;
box-sizing: border-box;
border-radius:4px;
background-repeat:no-repeat;
background-position:10px center;
}

.eshop input[type="number"]{
border:1px solid #bdc3c7;
padding:10px;
font-size:16px;
color:#2c3e50;
transition: all 0.2s ease-in-out;
margin-bottom:20px;
border-radius:4px;
background-repeat:no-repeat;
background-position:10px center;
}


.eshop input[type="tel"]{
border:1px solid #bdc3c7;
padding:10px;
font-size:16px;
color:#2c3e50;
transition: all 0.2s ease-in-out;
margin-bottom:20px;
width: 100%;
box-sizing: border-box;
border-radius:4px;
background-repeat:no-repeat;
background-position:10px center;
}

div#signin.eshop .radio{
margin-bottom: 20px;
}

div#signin.eshop input[type="radio"], div#signin.eshop input[type="radio"]+label, div#signin.eshop input[type="checkbox"], div#signin.eshop input[type="checkbox"]+label{
display: inline-block;
}

div#signin.eshop .space{
display: inline-block;
width: 13px;
}


/* ***** AOS ***** */

.fade_container {
    overflow: hidden;
}