@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&family=Dancing+Script:wght@700&display=swap');

/*

BLEU : #225CFE
JAUNE : #FEC805

*/

* {
	padding:0;
	margin:0;
	box-sizing: border-box;
}

body,
html {
	height:100%;
}
body {
    font-family: 'Montserrat', sans-serif;
    color: #505050;
	font-weight:300;
	font-size:15px;
}

.container:after {
    content: '';
    display: block;
    clear: both;
}

a,
.btn {
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
a{
	color:#FEC805;
	text-decoration:none;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
a:active,
a:focus {
    outline: 0
}


h1,
h2,
h3,
h4,
h5 {
    color: #FEC805;
    font-family: 'Dancing Script', cursive;
	margin-bottom:25px;
    font-size: 30px;
	line-height:50px;
}
h1 {
    font-size: 70px;
	line-height:55px;
}
h2 {
    font-size: 50px;
}
h3 {
    font-size: 28px;
}

ul {
    list-style: none;
    padding: 0;
}
p{
	margin-bottom:20px;
	line-height:25px;
}
table{
	width:100%;
	border-spacing : 0;
	border-collapse : collapse;
	text-align:left;
}
table th,
table td{
	padding:10px;
}
table th{
	background:#FEC805;
	color:#000;
	font-weight:normal;
}

table.striped tr:nth-child(odd){
	background:#e6e6e6;
}


section{padding:50px 0;}
section.head{padding:108px 0 0;}
section.head .container{padding:50px 0;}

.gold{color:#FEC805;}
.white{color:#FFF;}
.left{float:left;}
.right{float:right;}

.btn {
    text-transform: uppercase;
    text-align: center;
    border: 0;
	padding:10px 20px;
    /* height: 40px; */
    background-color: #225CFE;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    /* line-height: 40px; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	cursor:pointer;
	display:inline-block;
	font-family:'Montserrat', sans-serif;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn.btn-white {
    background-color: #FFF;
    color: #FEC805;
}
.btn.btn_secondaire {
	padding:10px;
    height: auto;
    line-height: normal;
    font-size: 12px;
    background-color: #FEC805;
    color: #FFF;
	text-decoration: none;
}

.btn:hover,
.btn:focus {
    background-color: #FEC805;
	color:#FFF;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
.col.center{
	float:none;
	margin:0 auto;
}
.hidden{display:none;}
.clear{clear:both;}

.ligne_form{
	width:100%;
	position:relative;
	margin-bottom:20px;
}
.ligne_form label{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	cursor:pointer;
	padding:15px;
	font-size:16px;
	line-height:16px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ligne_form input:focus + label,
.ligne_form input.blur + label{
	padding:0 15px;
	font-size:14px;
	color: #FEC805;
}
.ligne_form input.blur,
.ligne_form input:focus {
	padding:20px 15px 10px;
}

input,
select,
option,
textarea{
	width:100%;
	padding:15px;
	border:none;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	line-height:16px;
}
input[type=radio],
input[type=checkbox]{
	width:auto;
	padding:0;
	margin:0;
}

.liste_radio input{
	position:absolute;
	z-index:-1;
}
.liste_radio .radio{
	padding:7px;
	cursor:pointer;
	text-transform:uppercase;
	border:2px solid #b2b2b2;
	display:inline-block;
	margin-right:10px;
	font-size:12px;
}
.liste_radio .radio:hover,
.liste_radio input:checked + .radio{
	border:2px solid #FEC805;
	color:#FEC805;
}
.liste_radio input:disabled + .radio{
	opacity:0.2;
	cursor:no-drop;
}
.liste_radio input:disabled + .radio:hover{
	border:2px solid #b2b2b2;
	color:#000;
}
textarea{
	max-width:100%;
	min-width:100%;
	min-height:200px;
	height:200px;
	max-height:300px;
}
strong{
	font-weight:700;
}
.tooltip {
	position:relative;
}

.mytooltip {
	display:block;
	position: absolute;
	top:100%;
	left:50%;
	margin-left:-60px;
	z-index: 1;
	width: 120px;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px;
}
.mytooltip:after {
	content:'';
	display:block;
	position: absolute;
	top:-5px;
	left:50%;
	margin-left:-5px;
	width: 10px;
	height: 10px;
	background: #000;
	transform: rotate(45deg);
}

.popup{
	position:fixed;
	padding: 100px 0 50px;
	z-index:300;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	display:none;
}
.popup.message_session{
	display:block;
	text-align:center;
}
.popup .content{
	margin:0 auto;
	overflow-y:auto;
	max-height:100%;
	width: 600px;
	padding:50px;
	background:#FFF;
	position:relative;
}
.popup .content .close{
	position:absolute;
	top:20px;
	right:20px;
	padding:10px;
	cursor:pointer;
}
.popup .content input,
.popup .content select{
	border:1px solid #e5e5e5;
}
.message_ajout_panier{
	opacity :0;
	position :absolute;
	margin-top:0px;
	top:15px;
	left:0px;
	width:100%;
	text-align:center;
}

/* HEADER */
header{
	position:fixed;
	top:0;
	width:100%;
	z-index:100;
}
header .logo{
	float:left;
	width:230px;
	margin: 10px;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

header .logo a img{
	width:100%;
}
header.minus .logo{
	width:200px;
}

header nav {
	height:50px;
	position:absolute;
	top:0;
	right:0;
	background:#FFF;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	border-bottom:1px dotted #b2b2b2;
	border-left:1px dotted #b2b2b2;
}
header nav > a {
	width:30px;
	display:none;
	cursor:pointer;
	float:right;
	position:relative;
	z-index:110;
}
header nav > a span{
	width:100%;
	height:1px;
	display:block;
	background:#FEC805;
	margin-bottom:10px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
header nav > a span:last-child{
	margin-bottom:0;
}
header nav > a.active span:nth-child(1){
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform-origin:0 0 0;
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	-ms-transform-origin:0 0 0;
}
header nav > a.active span:nth-child(2){
	margin-left:250px;
}
header nav > a.active span:nth-child(3){
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform-origin:0 0 0;
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	-ms-transform-origin:0 0 0;
}
header nav ul.menu{
	float:right;
	height:100%;
}
header nav ul.menu li{
	height:100%;
	float:left;
	border-right:1px dotted #b2b2b2;
}
header nav ul.menu a{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height:100%;
	padding:0 10px;
	color:#000;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
header nav ul.menu a:hover{
	color:#FEC805;
}
header nav ul.menu li.panier{
	background:#FEC805;
	position:relative;
}
header nav ul.menu li.panier a{
	color:#FFF;
}
header nav ul.menu li.panier a:hover{
	background:#97271B;
}

header nav ul.menu li.panier span.nb{
	position:absolute;
	top:5px;
	right:15px;
	padding:0 5px;
	height:20px;
	line-height:20px;
	display:block;
	font-size:12px;
	text-align:center;
	background:#000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* HEADER END */



/* HOME */
.index section#home{
	height:700px;
	padding:0;
	position:relative;
}
.index section#home #sliders,
.slick-list,
.slick-track{
	height:100%;
	padding:0;
}
.index section#home .slider{
	background:#031332;
	height:100%;
	padding:100px 50px 50px 50px;
	display:flex;
	align-items: center;
	position:relative;
}
.index section#home .slider > div{
	width:40%;
	color:#FFF;
}

.numero{
	margin-bottom: 50px;
	color:white;
	text-shadow: 0 0 20px #031332;
}

.numerotel{
	font-size: 1.7em;
	font-weight: bold;
}

.nomnumero{
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 0px;
	font-size:1.5em;
	font-weight: bold;
}

.index section#home .slider h1{
	color:#FFF;
	margin:0;
	padding:0;
	line-height:70px;
	margin-bottom:20px;
	text-shadow: 0 0 30px #031332;
}
.index section#home .slider h2{
	color:#FFF;
	margin:0;
	padding:10px 20px;
	line-height:normal;
	margin-bottom:20px;
	background:#77cbe8;
	font-size:16px;
	display:inline-block;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
}
.index section#home .slider.produits{
	background:url(../img/fond.jpg) no-repeat center center;
	background-size:cover;
}
.index section#home .slider.covid{
	background:url(../img/covid.jpg) no-repeat center center;
	background-size:cover;
}
.index section#home .ancre{
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-25px;
	width:50px;
	height:50px;
	line-height:50px;
	background:#FFF;
	color:#031332;
	text-align:center;
	border:1px solid #031332;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.index section#produits-covid-19{
	background:#225CFE;
}
.index section#produits-covid-19 h2{
	color:#FFF;
}
.slick-dots{
	text-align:center;
}
.slick-dots li{
	display:inline-block;
}
.slick-dots button{
	font-size:0;
	display:block;
	width:10px;
	height:10px;
	background:#b2b2b2;
	border:none;
	margin:0 5px;
	cursor:pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.slick-dots .slick-active button{
	background:#FEC805;
}

/* HOME END */


/* LISTE PRODUITS */
/* LISTE PRODUITS END */



/* FOOTER */
#newsletter #message_newsletter{
	display:none;
	text-align:center;
	background:#FEC805;
	padding:10px;
	margin-bottom:10px;
}
#newsletter #message_newsletter.active{
	display:block;
}
#newsletter h2{
	margin-bottom:10px;
	line-height:normal;
	text-align:left;
}
#newsletter form{
	position:relative;
}
#newsletter #surnom{
	position:absolute;
	right:-200%;
	width:150px;
}
footer{
	background:#eee;
	padding: 50px 0 0;
	line-height:25px;
	position:relative;
	overflow:hidden;
}
footer .footer{
	padding-bottom:50px;
}
footer .footer-adresse{
	font-weight:700;
}
footer .footer-adresse i{
	font-weight:400;
	font-size:12px;
}
footer .footer-adresse li{
	margin-bottom:20px;
}
footer .footer-adresse li i{
	font-size:15px;
}
footer .copyright{
	background:#FEC805;
	color:#FFF;
	font-size:15px;
}
footer .copyright a{
	color:#FFF;
}
p.alerte{
	padding:10px;
	text-align:center;
	font-weight:bold;
}
p.alerte.message{
	color:#FEC805;
	border:1px solid #FEC805;
}
p.alerte.erreur{
	color:#FEC805;
	border:1px solid #FEC805;
}
footer .footer_menu ul{
	padding-top:10px;
}
footer .footer_menu li{
	list-style:none;
	margin:0 0 5px;
}
footer .footer_menu a{
	color:#000;
}

/* FOOTER END */



/* PAGE CONTACT */
.contact form {
	position:relative;
	overflow:hidden;
}
.contact form select,
.contact form textarea,
.contact form input{
	border:1px solid #b2b2b2;
}

.contact form input#name{
	position:absolute;
	left:-2000%;
}

.contact .adresse{
	background:#eee;
	padding:50px;
}
.contact .adresse img{
	width:200px;
	margin-bottom:20px
}

/* PAGE CONTACT END*/

/* PAGE COMPTE */
.compte .se-connecter form{
	background:#FEC805;
	padding:50px;
	overflow:hidden;
}
.compte .se-connecter  a{
	color:#FFF;
}
.compte .se-connecter p.alerte{
	color:#FFF;
	border:1px solid #FFF;
}

.compte .creer-compte form{
	background:#e5e5e5;
	padding:50px;
	overflow:hidden;
	position:relative;
}
.compte .creer-compte form #lastname{
	position:absolute;
	right:-2500%;
}
.compte .creer-compte form .liste_radio,
#informations_compte form .liste_radio{
	margin-bottom:20px;
}
.compte .creer-compte form .left,
#adresse_livraison form .left,
#informations_compte form .left{
	width:50%;
	padding-right:10px;
}
.compte .creer-compte form .right,
#adresse_livraison form .right,
#informations_compte form .right{
	width:50%;
	padding-left:10px;
}
.compte .creer-compte form .mdp,
#informations_compte form .mdp{
	clear:both;
	padding:20px;
	background:#FEC805;
	margin-bottom:20px;
}
.compte .creer-compte form .mdp i,
#informations_compte form .mdp i{
	color:#FFF;
	font-size:12px;
}
.compte .creer-compte form .majeur{
	margin-bottom:20px;
}
.compte .creer-compte form .majeur label{
	cursor:pointer;
}
.compte .creer-compte form .majeur input{
	margin-right:10px;
}
.compte .creer-compte form .oblig,
#informations_compte form .oblig{
	font-size:12px;
}
.compte .creer-compte form .btn.right{
	width:auto;
	padding: 20px;
}

.compte .row{
	display:flex;
	flex-wrap: wrap;
	margin-bottom:30px;
}
.compte .adresse{
	background:#e6e6e6;
	padding:30px;
	height:100%;
}
.compte .adresse .liste_adresse{
	padding:0 15px;
	width:33.33%;
	border-left:1px solid #FFF;
	margin-bottom:20px;
}
.compte .adresse .liste_adresse:first-child{
	border-left:none;
	padding-left:0;
}
.compte .adresse .liste_adresse .actions{
	padding:5px;
	text-align:center;
	background:#FFF;
	margin-top:5px;
}
.compte .adresse .liste_adresse .actions a{
	margin: 0 5px;
	padding:5px; 
}

#adresse_livraison form,
#informations_compte form{
	padding-bottom:50px;
	overflow:hidden;
}

.compte table .statut.ok{
	color:#00b204;
}
.compte table .statut.ko{
	color:#b20000;
}
.compte .liste_paiement{
	display:flex;
}
.compte .liste_paiement .paiement{
	padding:20px;
	margin: 0 20px 20px 20px;
	text-align:center;
	border:1px solid #FEC805;
}

/* LISTING PRODUITS */
.liste-produits{
	overflow:hidden;
	padding:0 0 30px;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.liste-produits h1,
.liste-produits h2{
	text-align:center;
	width:100%;
}
.liste-produits .col{
	margin-bottom:40px;
}
.box-produit{
	position:relative;
	overflow:hidden;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.box-produit:hover{
	-ms-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.box-produit a{
	display:block;
	padding:20px 5px;
	height:100%;
	background:#FFF;
	border: 1px solid #FEC805; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.box-produit h3{
	margin-bottom:0;
	line-height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#225CFE;
}
.box-produit i.sous_titre{
	margin-bottom:10px;
	display:block;
	color:#000;
	/* height:20px; */
	font-size:15px;
}
.box-produit .fdp{
	margin-bottom:10px;
	display:block;
	height:20px;
	font-size:13px;
}
.box-produit a .img{
	height:250px;
	width:100%;
	display:flex;
	justify-content: center;
	align-items:center;	
}
.box-produit a img{
	max-width:100%;
}
.box-produit .prix{
	display:block;
	font-weight:bold;
	font-size:17px;
	color:#000;
}
.box-produit .prix s{
	font-size:15px;
	margin-right:10px;
}
.box-produit .prix i{
	font-weight:normal;
	font-size:15px;
	color:#000;
}
.box-produit .prix .prix_barre{
	text-decoration: line-through;
	font-size:13px;
	margin-right:10px;
}

.produits #nos-produits{
	padding-top:150px;
}
.produits #nos-produits .container{
	display:flex;
}
.produits #nos-produits #col_menu{
	padding-top:100px;
	position:relative;
}
.produits #nos-produits .menu_rub li{
	border-bottom:1px solid #505050;
	padding:10px 0;
}
.produits #nos-produits .menu_rub li a{
	padding:5px;
	display:block;
	color:#225CFE;
	font-weight:bold;
}
.produits #nos-produits .menu_rub li a.active,
.produits #nos-produits .menu_rub li a:hover{
	background:#FEC805;
}
.produits #nos-produits .fixed .menu_rub{
	position:fixed;
}
.produits #nos-produits .bottom .menu_rub{
	position:absolute;
	bottom:0;
}

/* details produits */
.produits_detail .row{
	clear:both;
	overflow:hidden;
	position:relative;
	min-height:500px;
}

.produits_detail .details{
	position:absolute;
	top:0;
	right:0;
	float:none;
}
.produits_detail .img{
	text-align:center;
}
.produits_detail .img img{
	margin-top:10px;
	max-width:100%;
}
.produits_detail .img img:first-child{
	margin-top:0;
}
.produits_detail .texte{
	margin-bottom:20px;
}
.produits_detail .texte:last-child{
	margin-bottom:0;
}
.produits_detail .img_content img{
	max-width:100%;
}
.produits_detail .offre{
	color:#FEC805;
	border:3px solid #000;
	margin-top:20px;
	text-align:center;
	overflow:hidden;
	display:flex;
}
.produits_detail .offre.hidden{
	display:none;
}
.produits_detail .offre h4{
	background:#000;
	color:#FFF;
	padding:20px;
	margin:0 40px 0 0;
	text-align:left;
	position:relative;
}
.produits_detail .offre h4:after{
	content:'';
	background:#000;
	position:absolute;
	top:50%;
	right:-20px;
	margin-top:-20px;
	display:block;
	width:40px;
	height:40px;
	transform: rotate(45deg);
	z-index:-1;
}
.produits_detail .offre .offre_contenu{
	display:flex;
	align-items: center;
}
.produits_detail .infos_qte{
	border: 5px solid #FEC805;
	padding: 20px 10px;
	display:flex;
	justify-content:center;
}
.produits_detail .infos_qte span{
	text-align:center;
	padding:0 10px;
	font-size:12px;
	color:#959595;
	width:100%;
}
.produits_detail .infos_qte span i{
	color:#FEC805;
	font-size:25px;
}
.produits_detail .infos_qte span strong{
	display:block;
	font-size:20px;
	color:#505050;
}
.produits_detail .infos_qte span sup{
	font-size:12px;
}
.produits_detail .options{
	color:#FFF;
	background:#FEC805;
	padding:20px;
	border-bottom:2px solid #FFF;
}
.produits_detail .options select{
	width:auto;
}
.produits_detail .panier{
	color:#FFF;
	background:#FEC805;
	padding:20px;
	display:flex;
}
.produits_detail .panier.hidden{
	visibility:hidden;
}
.produits_detail .panier a{
	color:#FFF;
}
.produits_detail .panier .prix {
	margin-right:20px;
	display:flex;
}
.produits_detail .panier .prix strong{
	font-family: 'Dancing Script', cursive;
	font-size:40px;
	color:#000;
	margin-bottom:10px;
	display:block;
}
.produits_detail .panier .prix strong span.unite{
	font-size:15px;
	color:#000;
	display:block;
}
.produits_detail .panier .prix strong span.prix_barre{
	text-decoration:line-through;
	font-size:20px;
	line-height:10px;
	color:#000;
}
.produits_detail .panier .prix strong span.unite,
.produits_detail .panier .prix strong span.prix_ht{
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	font-size:13px;
	font-weight:normal;
	font-style:italic;
	display:block;
}
.produits_detail .panier .prix strong span.prix_ht{
	margin-top:10px;
}
.produits_detail .panier .prix .actions{
	padding-left:20px;
	margin-left:20px;
	border-left:2px solid #FFF;
	height:100%;
	display:flex;
	align-items: center;
}
.produits_detail .panier .prix .actions label{
	padding:10px;
	display:block;
	float:left;
}
.produits_detail .panier .prix .actions input{
	float:left;
	width:100px;
}

.produits_detail .panier .bouton{
	padding-left:20px;
	border-left:2px solid #FFF;
	display:flex;
	align-items: center;
	flex-direction: column;
	justify-content:center;
	flex-grow:2;
}
.produits_detail .panier .bouton .btn.inactive{
	opacity:0.3;
	cursor:default;
}
.produits_detail .panier .bouton .btn.inactive:hover{
    background-color: #FFF;
}

.produits_detail #affiche_confirmation_ajout_panier{
	display:none;
	position:relative;
	z-index:1000;
}
.produits_detail #confirmation_ajout_panier{
    background: rgba(254,200,5,0.95);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
}
.produits_detail #confirmation_ajout_panier .col{
    background: #FFF;
	padding:30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.produits_detail .img_confirmation{
	margin-bottom:20px;
}
.produits_detail .img_confirmation img{
	height:250px;
}
.produits_detail a.btn{
	margin: 0 10px;
}

.cross_produits{
	clear:both;
}

/* PAGE CSE */
.cse .row{
	display:flex;
	justify-content:center;
}

/* PAGE PANIER */
section.panier.vide table{
	display:none;
}
section.panier .breadcrumb{
	padding-bottom:40px;
	overflow:hidden;
}
section.panier .breadcrumb span{
	display:block;
	float:left;
	padding:20px;
	width:20%;
	text-align:center;
	border-bottom:2px solid #e6e6e6;
	color:#e6e6e6;
	text-transform:uppercase;
	position:relative;
}
section.panier .breadcrumb span:before{
	content:'';
	display:block;
	background:#e6e6e6;
	width:10px;
	height:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position:absolute;
	z-index:5;
	bottom:-6px;
	left:50%;
	margin-left:-5px;
}
section.panier .breadcrumb span.active{
	color:rgba(46,66,122,1);
}
section.panier .breadcrumb span.active:before{
	background:rgba(46,66,122,1);
}
section.panier .breadcrumb span.active:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	z-index:4;
	bottom:-2px;
	left:-50%;
	border-bottom:2px solid rgba(46,66,122,1);
}

section.panier input,
section.panier select{
	padding:0;
	margin:0;
}
section.panier tr.ligne_article_panier{
	border-top:1px solid #FEC805;
}
section.panier tr .c1{
	width:75px;
	text-align:center;
}
section.panier tr .nb{
	width:150px;
	text-align:right;
}
section.panier tr .qte{
	width:130px;
	text-align:center;
}
section.panier tr .qte input{
	display:inline-block;
	text-align:center;
	height:45px;
	line-height:45px;
	border:1px solid #000;
	width:40%;
}
section.panier td.c3{
	width:40px;
}
section.panier tr.remise_qte{
	border:5px solid #FEC805;
	text-transform:uppercase;
	color: #FEC805;
	font-size:20px;
}
section.panier tr.remise_qte td{
	padding:30px 10px;
}
section.panier tr.remise_qte i{
	font-size:12px;
	color:#cecece;
	text-transform:none;
}
section.panier #sous_total{
	text-align:right;
	border-top:2px solid #FEC805;
	border-bottom:2px solid #FEC805;
	margin:40px 0;
}
section.panier #sous_total tbody tr:first-child td{
	padding-top:40px;
}
section.panier #sous_total tbody tr:last-child td{
	padding-bottom:40px;
}
section.panier #sous_total span,
section.panier #sous_total select{
	display:inline-block;
	vertical-align:middle;
}
section.panier #sous_total input,
section.panier #sous_total select{
	width:200px;
	border:1px solid #b2b2b2;
	height:40px;
	padding:0 10px;
}
section.panier #sous_total .total{
	color:#FEC805;
}

/*coordonnées*/
section.panier .col.livraison,
section.panier .col.facturation{
	margin-bottom:20px;
}
section.panier .col.livraison{
	padding:20px;
	border:1px solid #b2b2b2;
}
section.panier .col.livraison select {
	border:1px solid #000;
	margin-bottom:10px;
}
section.panier .col.livraison .adresse_livraison {
	display:none;
}
section.panier .col.livraison .adresse_livraison.active{
	display:block;
}
section.panier .certif_majeur{
	margin-bottom:20px;
}
section.panier .certif_majeur label{
	cursor:pointer;
}
section.panier .certif_majeur input{
	margin-right:10px;
}
section.panier .erreur_majeur,
section.panier .erreur_date{
	display:none;
	padding:10px;
	margin-bottom:20px;
	text-align:center;
	border:1px solid #FEC805;
	color:#FEC805;
}
section.panier .paiement{
	/* border:1px solid #FEC805; */
	padding:30px;
	background: rgba(46,66,122,0.1);
}
section.panier .paiement .liste_paiements{
	display:flex;
	justify-content: center;
}
section.panier .paiement .liste_paiements label{
	cursor:pointer;
	text-align:center;
	margin:20px;
	padding:20px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
section.panier .paiement .liste_paiements input:checked + label,
section.panier .paiement .liste_paiements label:hover{
	background:#FEC805;
	color:#000;
}
section.panier .paiement .liste_paiements  input{
	display:none;
}
section.panier .paiement .cgv{
	margin-bottom:20px;
	display:block;
	cursor:pointer;
}
section.panier .paiement .cgv input{
	margin-right:10px;
}
#loader{
	position:fixed;
	top:0;
	left:0;
	z-index:900;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.9);
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#loader img{
	margin-bottom:10px;
}

.retrait_commande{
	padding:20px;
	margin-bottom:20px;
	background:#FFF;
}
.retrait_commande .liste_radio{
	margin-top:20px;
}
#datepicker{
	display:inline-block;
	padding: 5px 10px;
	width:auto;
	cursor:pointer;
}

section.panier .col .livraison_container{
	padding:15px;
	background:#eee;
}
section.panier .col .livraison_container input{
	display:inline-block;
	width:100px;
	padding:10px;
	margin-left:10px;
}
section.panier .num_semaine p{
	padding:10px;
	border:1px solid #505050;
	font-weight:bold;
	text-align:center;
}



/*PAIEMENT EN COURS*/
.paiement_en_cours{
	height:100%;
	display:flex;
	align-items:center;
}


/*404 et plan*/
section.plan h3{
	margin: 20px 0 10px 0;
}


/* RESPONSIVE */
@media screen and (max-width: 768px){
		
	footer .footer-adresse li{
		text-align:center;
	}
	h1{
		font-size:45px;
		line-height:45px;
	}

	
	/*page produit*/

	.produits #nos-produits .container{
		display: block;
	}

	.produits #nos-produits .container #col_menu{
		margin-bottom: 30px;
	}

	body.produits footer{
		padding-bottom:170px;
	}
	.produits_detail .row{
		display:block;
	}
	.produits_detail .panier {
		bottom: 0;
		left:0;
		width:100%;
		padding:10px;
		justify-content:center;
	}
	.produits_detail .img_content{
		position:static;
		width:auto;
		padding: 10px;
		margin-bottom: 20px;
	}
	.produits_detail .img,
	.produits_detail .details {
		min-height: auto;
		position:static;
	}
	.produits_detail .texte{
		text-align:center;
	}
	.produits_detail .panier .prix{
		display:block;
	}
	/*Panier*/
	/* section.panier .breadcrumb span, */
	section.panier .breadcrumb span:before,
	section.panier .breadcrumb span:after,
	section.panier .breadcrumb span.active:before,
	section.panier .breadcrumb span.active:after{
		display:none;
	}
	section.panier .breadcrumb span{
		display:block;
		width:100%;
		border:none;
		float:none;
		padding:10px 0;
	}
	section.panier tr {
		display:block;
		border-bottom:2px solid #FEC805;
		padding-bottom:10px;
	}
	section.panier tr.hidden {
		display:none;
	}
	section.panier tr:after {
		display:block;
		content:'';
		clear:both;
	}
	section.panier tr:first-child,
	section.panier tr:last-child {
		border-bottom:none;
	}
	section.panier tr th {
		display: none;
	}
	section.panier tr td {
		display: block;
	}
	section.panier tr td.c1,
	section.panier tr td.c2,
	section.panier tr td.nb,
	section.panier tr td.qte,
	section.panier tr td.c3{
		text-align:center;
		display: block;
		float:left;
	}
	section.panier tr td.c1,
	section.panier tr td.c2{
		width:100%;
	}
	section.panier tr td.nb{
		width:30%;
		height:65px;
		line-height:65px;
	}
	section.panier tr td.qte{
		width:30%;
		height:65px;
		line-height:65px;
	}
	section.panier tr td.c3{
		width:10%;
		height:65px;
		line-height:65px;
	}
	section.panier #sous_total {
		text-align: center;
	}
	section.panier #sous_total td {
		width:50%;
		height:auto;
		line-height:normal;
		float:left;
	}
	section.panier #sous_total tbody tr:first-child td{
		padding:10px 0 0 0;
	}
	section.panier #sous_total tr{
		border:none;
	}
	section.panier #sous_total input,
	section.panier #sous_total button,
	section.panier #sous_total select{
		width:100%;
	}
	section.panier a.btn{
		display:block;
		text-align:center;
		width:100%;
	}
	section.panier a.back{
		display:block;
		text-align:center;
		width:100%;
		padding:10px;
		margin-top:20px;
		clear:both;
	}
	
	/*compte client*/
	.compte .se-connecter form,
	.compte .creer-compte form{
		padding:20px;
	}
	.compte .creer-compte form .left,
	#adresse_livraison form .left,
	#informations_compte form .left,
	.compte .creer-compte form .right,
	#adresse_livraison form .right,
	#informations_compte form .right{
		width:100%;
		padding:0;
	}
	
	.compte .adresse .liste_adresse {
		padding: 0 15px;
		width: 50%;
		border-left: 1px solid #FFF;
		margin-bottom: 20px;
	}
	
	.compte .liste_paiement{
		display:block;
	}
	.compte .liste_paiement .paiement{
		margin: 0 0 20px 0;
	}

	/*FOOTER*/
	#newsletter div{
		text-align:center;
		margin-bottom:10px;
	}

	footer #champagne-comtesse-gerin{
		position:static;
		z-index:200;
		margin: 15px 0;
		width:100%;
	}
	footer #champagne-comtesse-gerin a{
		width:100%;
	}
}
@media screen and (max-width: 1024px){
	header nav > a{
		display:block;
	}
	header nav{
		padding:15px 20px;
		height:auto;
	}
	header nav .menu{
		display:none;
	}
	header.active nav .menu{
		display:block;
	}
	header.active nav {
		width:100%;
	}
	header nav ul.menu {
		width: 100%;
	}
	header nav ul.menu li {
		height: auto;
		width: 100%;
		float: none;
		border-right: none;
		border-bottom: 1px dotted #b2b2b2;
		padding:px 0;
	}
	header nav ul.menu li a{
		padding:10px 0;
	}
	header nav ul.menu li.compte,
	header nav ul.menu li.panier{
		float:left;
		width:50%;
		border:0;
		margin-top:20px;
	}
	header nav ul.menu li.compte a{
		font-size:20px;
	}
	
	
	/* HOME */
	
	.index section#home .slider > div {
		width: 100%;
		text-align:center;
	}
	
}
@media screen and (max-width: 1260px){
	header .logo {
		width: 200px;
	}
	.produits_detail .panier .prix strong{
		width:100%;
	}
	.produits_detail .panier .prix .actions{
		width:100%;
		display:block;
		text-align: center;
		padding: 0 0 0 10px;
		margin-left: 0;
		float: none;
		clear:both;
		height: auto;
	}
	.produits_detail .panier .bouton{
		text-align: center;
	}
	.index section#home .slider h1{
		font-size:50px;
		line-height: 50px;
	}
	.numero{
		margin-bottom: 30px;
	}
}