/* --------------------------------------------------------------- */
/*
/* HTML
/*
/* --------------------------------------------------------------- */
* {
	box-sizing:border-box;
}

html, body {
	margin:0; padding:0;
	width:100%; height:100%;
	font-family:"Open Sans", sans-serif; font-size:13px;
}

body {
	text-align:center;
}

.noscroll {
	position: fixed;
	width:100%;
	overflow-y:scroll;
}

#main {
	position:relative; top:0; left:0;
	width:100%; min-height:100%;
	margin:0 auto;
	text-align:left;
	color: #353535;
	background-color:#fff;
}

/* --------------------------------------------------------------- */
/*
/* Header
/*
/* --------------------------------------------------------------- */
#entete {
	position:relative; top:0; left:0;
	min-height:150px;
	color: #353535;
}
#entete a, #entete i{
	color: #353535;
}

#header_top{
	border-bottom: 1px solid #e0e0e0;
}
#header_top button{
	background: none;
	border: none;
	outline: none;
	box-shadow: none;

	cursor: pointer;
}

#header_top .dropdown-menu {
	position: absolute;
	left: 0 !important;
	right: 0 !important;
	width:100%;
	min-width: 0 !important;
	float: none;
	text-align:center;
	padding:1rem;
	border-radius: 0;
}

#header_top .dropdown-menu:before, #header_top .dropdown-menu:after {
	content:"";
	display:block;
	position:absolute; bottom:100%;
	width:0; height:0;
	border-style: solid;
}

#header_top .dropdown-menu:before {
	left:14px;
	border-color: transparent transparent rgba(0,0,0,0.15) transparent;
	border-width:11px;
}

#header_top .dropdown-menu:after {
	left:15px;
	border-color: transparent transparent white transparent;
	border-width:10px;
}

#header_top .dropdown-menu.show {
	top: 32px !important;
	-webkit-transform: none !important;
	        transform: none !important;
}

#header_top a, #searchBox a {
	text-decoration:none;
}

#header_top .dropdown-menu a {
	display: block;
	color: #353535;
	padding: 1rem 0;
	line-height: initial;
	text-decoration:none;
}
#entete #header_top i {
	color:#f4a300;
}
#header_top a:hover, #header_top a:hover i {
	color:#3fb0ac!important;
}

#header_top .dropdown-menu a:hover .icon {
	background-color:#3fb0ac!important;
}

#header_top .dropdown-menu a:hover .txt {
	text-decoration:underline;
}

.accountDropdownMenu a {
	border-bottom:1px solid rgba(0,0,0,0.15);
}

.accountDropdownMenu a:last-child {
	border-bottom:0;
}

.localeSwitcherDropdownMenu {
	width:200%!important;
}

a .icon {
	border-radius: 50%;
}

a .txt{
	line-height: 15px;
}

.localeSwitcherDropdownMenu a, .currencyPickerDropdownMenu a {
	text-align:center;
	padding:0.5rem 0!important;
	line-height:25px!important;
}

.localeSwitcherDropdownMenu a .icon, .currencyPickerDropdownMenu a .icon {
	display:inline-block;
	width:25px;
	height:25px;
	background:black;
	color:white;
}

#languagePicker, #currencyPicker, #account, #faq{
	position: relative;
	height: 30px;
	line-height: 30px;
}
#languagePicker{
	margin-right: 30px;
}

#faq{
	margin-left: 30px;
}

#header{
	box-shadow: 0 3px 8px 0px rgba(0,0,0,0.2);
}
#header .row{
	padding:1rem 0;
}
#header p{
	margin: 0;
	font-size: 11px;
	color: #353535;
}
#header p .fa-truck, #header p .fa-envelope{
	font-size: 15px;
	color: #665851;
}
#header .upper{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
#header .green{
	color: #25aaa5;
}
#header p .orange{
	color: #f4a300;
}

#shoppingCart a, #shoppingCartResponsive a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-decoration: none;
}
#shoppingCart a .txt, #shoppingCartResponsive a .txt{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-right: 15px;
}
#shoppingCart a .icon, #shoppingCartResponsive a .icon{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 30px;
	height: 30px;
	background: #25aaa5;
}
#shoppingCart a .icon i, #shoppingCartResponsive a .icon i{
	font-size: 14px;
	color: #FFF;
}

#newsletterHeader a:hover {
	text-decoration: none;
}

@media (max-width:575px){
	#shippingCallToAction  {
		display: none;
	}
	#newsletterHeader {
		margin:15px 0;
	}
}

#shoppingCartResponsive{
	display: none;
}

/* --------------------------------------------------------------- */
/*
/* Searchbox desktop
/*
/* --------------------------------------------------------------- */
#searchbox{
	position: relative;
	height: 40px;
	width: 40px;
	margin: 0 35px!important;
	overflow: visible;
}
#searchbox .search_header{
    position: absolute;
    background: #F9F9F9;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    overflow: hidden;
    -webkit-transition:0.3s;
    transition: 0.3s;
    border-radius: 40px;
    box-shadow: 0px 1px 2px 0px rgba(51,51,51,0.4);
}
#searchbox .search_header:hover, #searchbox .search_header.active{
	width: 300px;
	box-shadow: 0px 1px 2px 0px rgba(51,51,51,0.4);
}
#searchbox .search_header input{
    position: absolute;
    top: 5px;
    right: 40px;
    width: 240px;
	padding: 5px;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: none !important;
	color: #383838 !important;
}
#searchbox .search_header input::-webkit-input-placeholder {
  color: #AAA;
  opacity: 1;
}
#searchbox .search_header input::-moz-placeholder {
  color: #AAA;
  opacity: 1;
}
#searchbox .search_header input:-ms-input-placeholder {
  color: #AAA;
  opacity: 1;
}
#searchbox .search_header input::placeholder {
  color: #AAA;
  opacity: 1;
}
#searchbox .search_header input:-ms-input-placeholder {
  color: #AAA;
}
#searchbox .search_header input::-ms-input-placeholder {
  color: #AAA;
}

#searchbox .search_header button{
    position: absolute;
    right: 0;
    top: 0;
    background: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: transparent !important;
    width: 0;
    height: 0;
    padding: 0;
}
#searchbox .search_header button:after{
    position: absolute;
    right: 13px;
    top: 9px;
    content: '\f002';
    color: #383838;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    -webkit-transition:0.3s;
    transition: 0.3s;
}
#searchbox .search_header:hover button:after,
#searchbox .search_header.active button:after{
	color: #ce8c08;
}
/* --------------------------------------------------------------- */
/*
/* Searchbox responsive
/*
/* --------------------------------------------------------------- */

#mobile_searchbox{
	padding: 0 10px;
}
#mobile_searchbox form{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#mobile_searchbox form input{
	border-radius: 0;
	outline: none;
	box-shadow: none;
	border: 1px solid #222;
	background: #f9f9f9;
	color: #222;
}
#mobile_searchbox form button{
	position: relative;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	border: 1px solid #222;
	background: #f9f9f9;
	color: #222;
	background: transparent !important;
	color: transparent !important;
	border: transparent !important;
}
#mobile_searchbox form button:after{
    content: '\f002';
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;

	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    background: #383838;
    color: #f9f9f9;
}

/* --------------------------------------------------------------- */
/*
/* Menu
/*
/* --------------------------------------------------------------- */
#menu {
	position:relative; top:0px; left:0;
	width:100%; min-height:30px;

	box-shadow: 0 3px 8px 0px rgba(0,0,0,0.2);
	padding:0;
}

#menu ul {
	list-style-type:none;
	margin:0; padding:0;

	display:flex;
	align-items: center;
	justify-content: space-between;

	height: 55px;

}

#menu ul li {
	position: relative; top: 0; left: 0;
	margin:0px; padding:0;
}

#menu ul li a {
	text-decoration:none;
	display:block;
	margin: 0px;
	font-size: 15px;
	color: #353535;
}

#menu ul li ul {
	position:relative; top:0; left:0;
	display:none;
}

#menu ul li:hover ul {
	display:block;
}

#menu ul li ul li {
	margin:0;
}

#menu ul li ul li a {
	font-size: 16px;
}

#searchBox {
	position: absolute;
	top: 50%;
	right: 20px;

	-webkit-transform: translateY(-50%);

	        transform: translateY(-50%);
}
#searchBox i{
	font-size: 20px;
}

@media (min-width:768px) and (max-width:991px) {

	#menu ul li a {
		font-size:13px;
		margin:0 25px;
	}

	#searchbox {
		margin:0 25px!important;
	}

}

@media (max-width:991px) {
	#conteneur_menu .container, #conteneur_menu .row {
		margin:0; padding:0;
		max-width:100%;
		width:100%;
	}

	#menu .navbar-toggler {
		padding:15px 15px;
		width:100%;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		font-size: 20px;
		text-transform: uppercase;

		outline: none;
	}

	#menu ul {
		display: block;
		height:auto;
	}

	#menu ul li {
		border-top:1px solid #CCC;
	}

	#menu ul li a {
		font-size: 18px;
		text-align: center;
		padding:10px 0;
		margin:0;
	}

	#menu ul li ul li a {
		background-color: #25aaa5;
		color:#FFF;
	}
}

@media (max-width:991px) and (min-width:768px) {
	.navbar-toggler {
		width:720px;
		max-width:720px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media (max-width:767px) and (min-width:576px) {
	.navbar-toggler {
		width:540px;
		max-width:540px;
		margin-left:auto;
		margin-right:auto;
	}
}

/* --------------------------------------------------------------- */
/*
/* Menu categories & contact
/*
/* --------------------------------------------------------------- */

#menuCategories {
	margin-right: 30px;
}
#page #menuCategories h2, #page .menuContact h2{
	display: block;
	padding: 15px 30px;
	margin-bottom: 0;

	text-transform: uppercase;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 500;

	border: none;
	background: #e7e7e7;
}
#menuCategories h2{
	font-size: 24px;
}
#menuCategories ul, .menuContact .coordonneesTexys {
	padding: 15px 0 15px 0;
	list-style-type: none;

	border: 1px solid #d3d3d3;
	border-top: none;
}
#menuCategories ul li{
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding: 5px 20px 5px 20px;

}
#menuCategories ul li.active{
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    color: #FFF;
    background: #f4ae22;
}
#menuCategories ul li.active:before{
	background: #FFF;
}
#menuCategories ul li:before{
	content: '';
	position: relative;
	display: block;
	-ms-flex-negative: 0;
	    flex-shrink: 0;

	margin-right: 10px;
	width: 5px;
	height: 5px;
	background: #353535;
}
#menuCategories ul li a{
	color: inherit;
}

@media (max-width:991px) {
	#menuCategories {
		display: none;
	}
}

.menuContact {
	margin-bottom:3rem;
}

.menuContact h2 {
	font-size: 20px!important;
	text-align:center!important;
}

.menuContact .coordonneesTexys {
	text-align:center!important;
}

.menuContact .coordonneesTexys .adresse {
	margin-bottom:1.5rem;
}

.menuContact .numeros p {
	margin-bottom:0!important;
}

/* --------------------------------------------------------------- */
/*
/* Box Produit
/*
/* --------------------------------------------------------------- */

._box_produit{
	position: relative;
	overflow: hidden;
	margin-bottom:65px;
}
._box_produit .bandeau_promotion{
    position: absolute;
    top: 20px;
    left: -40px;
    height: 25px;
    width: 150px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background: #f4b22f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
._box_produit .bandeau_promotion span{
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
}
._box_produit .image{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 175px;
}
._box_produit .txt{
	padding: 0 15px;
	text-align: center;
}
._box_produit .txt h4{
	display: block;
	padding: 10px 0;

	font-weight: bold;
	font-size: 18px;

	border-top: 1px solid #d2d2d2;

	overflow: hidden;
	line-height: 22px;
	height: 80px;
}
._box_produit .txt .desc{
    font-size: 13px;
    line-height: 15px;
    height: 47px;
    overflow: hidden;
    margin-bottom: 10px;
}
._box_produit .prix{
	font-size: 21px;
	font-weight: bold;
}
._box_produit .prix .a_partir_de{
	font-size: 13px;
}
.prix_normal{
	font-size: 12px;
	text-decoration: line-through;
	font-weight: normal;
}
._box_produit .bouton{
	margin-top: 10px;
	display: block;
}
._box_produit .bouton a{
	display: inline-block;
}

/* --------------------------------------------------------------- */
/*
/* Bandeau haut
/*
/* --------------------------------------------------------------- */

#bandeau_haut{
	position: relative;
}
#bandeau_haut img{
	max-width: 100%;
}

#slideshowControlContainer{
	position: absolute;
	z-index: 1000;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#slideshowControlContainer .cycle-control{
	height: 55px;
	width: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

	background: rgba(54, 54, 54, 0.5);

	cursor: pointer;
}


/* --------------------------------------------------------------- */
/*
/* Page
/*
/* --------------------------------------------------------------- */
#page {
	position:relative; top:0; left:0;
	min-height:calc(100vh - 323px);
	padding:3rem 0;
}

#page a {
	text-decoration:none;
	color:#f4a300;
}

.titre {
	display:block;
	margin-bottom:3rem;
	border-bottom:1px solid #CCC;
}

#page h1 {
	position:relative;
	display:inline-block;
	font-family: 'Barlow Condensed', sans-serif;
	font-size:24px;
	text-transform: uppercase;
	margin-bottom:0;
}

#page h1:after {
	content:"";
	position:absolute; bottom:-1px; left:0;
	width:100%; height:2px;
	background-color:#25aaa5;
}

#page h2 {
	position:relative;
	font-family: 'Barlow Condensed', sans-serif;
	font-size:22px;
	text-transform: uppercase;
	border-bottom:1px solid #CCC;
	margin-bottom:2rem;
}

.empty {
	color:#AAA;
	font-style:italic;
}

#page .modal {
	padding-top:15%;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.4);
	z-index: 9999;
}

#box_ajout_panier {
	position:relative;
	background:white;
	width:530px;
	margin:auto;
	padding:2rem;
	text-align:center;
	color:black;
	border:2px solid #e7e7e7;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

#box_ajout_panier h3 {
	font-family: 'Barlow Condensed', sans-serif;
}

#box_ajout_panier .boutons {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:distribute;
	    justify-content:space-around;
	margin-top:25px;
}

#box_ajout_panier .boutons .bouton a {
	font-size:13px;
	color:white;
	text-decoration:none;
	padding:0.75rem;
	border-radius:5px;
	border-color:white;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a8ea6+0,51acc5+59,69bbd1+100 */
	background: rgb(58,142,166); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-linear-gradient(top, rgba(58,142,166,1) 0%,rgba(81,172,197,1) 59%,rgba(105,187,209,1) 100%);
	background: linear-gradient(to bottom, rgba(58,142,166,1) 0%,rgba(81,172,197,1) 59%,rgba(105,187,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a8ea6', endColorstr='#69bbd1',GradientType=0 ); /* IE6-9 */
}


@media (max-width:575px){
	#box_ajout_panier {
		width:100%;
	}
}

/* Add Animation */

@-webkit-keyframes animatetop {
  from {top:-300px; opacity: 0}
  to {top:0; opacity: 1}
}

@keyframes animatetop {
  from {top:-300px; opacity: 0}
  to {top:0; opacity: 1}
}

/* --------------------------------------------------------------- */
/*
/* Pied
/*
/* --------------------------------------------------------------- */
#pied {
	position:relative; top:0; left:0;
	text-align:center;
}
#pied a {
	text-decoration: none;
}

#footer{
	background: #EFEFEF;
	border-bottom: 1px solid #C2C2C2;
	padding: 20px 0;
}
#footer .box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#footer .box .txt{
	padding-top: 5px;
	padding-left: 10px;
	text-align: left;
}
#footer .box h5, #footer .box p, #footer .box a{
	margin: 0;
}
#footer .box p, #footer .box a{
	font-size: 12px;
	color: inherit;
}
#footer .box h5{
	font-weight: bold;
	font-size: 15px;
}
#footer .box .bold{
	font-weight: bold;
	font-size: 13px;
}
#footer .box .green{
	color: #1fa39e;
}
#footer .box .icons i{
	font-size: 35px;
	color: #1fa39e;
	margin: 0 5px;
	margin-top: 4px;
}

#footer_bas a, #footer_bas p{
	display: inline-block;
	margin: 20px 0;

	font-size: 11px;
	color: #353535;
}

/* --------------------------------------------------------------- */
/*
/* Popup admin
/*
/* --------------------------------------------------------------- */
.modal-backdrop{
	z-index: 1040;
}

#S4SPopupModal{
	z-index: 10000;
    padding-top: 40px;
    padding-bottom: 50px;
}
#S4SPopupModal .modal-dialog{
	max-width: 540px;
	margin: auto;
	text-align: left;
}
@media screen and(min-width: 574px){
	#S4SPopupModal .modal-dialog{
		min-width: 300px;
	}
}
#S4SPopupModal .modal-content{
	border-radius: 0;
	border: none;
	box-shadow: 2px 3px 10px rgba(53,53,53,0.4);
}
#S4SPopupModal .modal-header{
    display: block;
    border-bottom: 1px solid #CCC;
    padding-bottom: 0;
    text-align: left;
}
#S4SPopupModalTitle{
    position: relative;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 0;
	text-align: center;

}
#S4SPopupModalTitle:after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #f4af25;
}
#S4SPopupModal .modal-footer{
	border-top: none;
}
#S4SPopupModal .modal-footer button{
    display: inline-block;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;
    padding: 0.75rem;
    border-radius: 5px;
    border-color: white;
    background: rgb(58,142,166);
    background: -webkit-linear-gradient(top, rgba(58,142,166,1) 0%,rgba(81,172,197,1) 59%,rgba(105,187,209,1) 100%);
    background: linear-gradient(to bottom, rgba(58,142,166,1) 0%,rgba(81,172,197,1) 59%,rgba(105,187,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a8ea6', endColorstr='#69bbd1',GradientType=0 );


	border: none;
	outline: none;
	cursor: pointer;
}
#S4SPopupModal .modal-footer button:hover{
	box-shadow: 1px 1px 5px rgba(53,53,53,0.4);
}


/* --------------------------------------------------------------- */
/*
/* Général
/*
/* --------------------------------------------------------------- */
a img {
	border:none;
}

.boutons .bouton, .boutons input[type="submit"] {
	display:inline-block;
	margin-right:0.5rem;
}

.boutons .bouton:last-child, .boutons input[type="submit"]:last-child {
	margin-right:0;
}

#page .bouton a, #page .btn-primary, #page .btn-large, #page input[type="submit"] {
	display: inline-block;
	font-size:13px;
	color:white;
	text-decoration:none;
	padding:0.75rem;
	border-radius:5px;
	border-color:white;
	margin-bottom:7px;
	min-width:130px;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a8ea6+0,51acc5+59,69bbd1+100 */
	background: rgb(58,142,166); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-linear-gradient(top, rgba(58,142,166,1) 0%,rgba(81,172,197,1) 59%,rgba(105,187,209,1) 100%);
	background: linear-gradient(to bottom, rgba(58,142,166,1) 0%,rgba(81,172,197,1) 59%,rgba(105,187,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a8ea6', endColorstr='#69bbd1',GradientType=0 ); /* IE6-9 */
}

/* --------------------------------------------------------------- */
/*
/* Boutons radio
/*
/* --------------------------------------------------------------- */
/* The container */
.container_radio {
  display: block;
  width:20px; height:20px;
  position: relative;
  margin-bottom: 0!important;
  font-size: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Hide the browser's default radio button */
.container_radio input {
  position: absolute;
  width: 20px; height: 20px;
  opacity: 0;
  cursor: pointer;
  z-index:10;
}

/* Create a custom radio button */
.container_radio .checkmark {
  position: absolute;
  top: 0; left: 0;
  width: 20px; height: 20px;
  background-color: #eee;
  border-radius: 50%;
  box-shadow: 0px 1px 2px 0px rgba(51,51,51,0.4);
  cursor: pointer;
}

/* On mouse-over, add a grey background color */
.container_radio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container_radio input:checked ~ .checkmark {
  background-color: #3fb0ac;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container_radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container_radio .checkmark:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}




/* Customize the label (the container) */
.container_checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Hide the browser's default checkbox */
.container_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.container_checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark {
  background-color: #3fb0ac;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container_checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_checkbox .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}


@media screen and (max-width: 1500px){
	#footer_bas{
		padding-bottom: 35px;
	}
}

@media screen and (max-width: 1200px){
	._box_produit .prix .prix_normal, ._box_produit .prix .a_partir_de{
		display: block;
	}
}

@media screen and (max-width: 991px){
	 #menu #searchbox{
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 10px 50px !important;
	}
	#searchbox .search_header{
		position: relative !important;
	    width: 100% !important;
	    height: 100% !important;
	}
	#searchbox .search_header input{
		position: relative !important;
	    width: calc(100% - 45px) !important;
	    left: 10px !important;
	    right: 0 !important;
	    top: 0 !important;
	    height: 36px !important;
	}


	#footer .box {
		margin:15px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	#footer .box .txt{
		text-align: center;
	}

	#footer_bas {
		padding-bottom:55px;
	}

	#footer_bas a, #footer_bas p{
		margin:5px 0;
		text-align: center;
	}
}

@media screen and (max-width: 768px){
	#entete{
	    position: -webkit-sticky;
	    position: -moz-sticky;
	    position: -ms-sticky;
	    position: -o-sticky;
	    position: sticky;
	    z-index: 1500;
	    top: -109px;
    }
	#header{
		position: relative;
		z-index: 10;
	}
	#shoppingCart{
		display: none;
	}
	#shoppingCartResponsive{
		display: block;
		padding: 15px;
	}

	#menu{
		position: relative;
		z-index: 1;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
		background: #FFF;
	}
	#menu a{
		cursor: pointer;
	}
	#menu .navbar-toggler{
		margin: 0;
		width: 150px;
	}
	#bandeau_haut{
		overflow: hidden;
	}
	#bandeau_haut img{
		height: 300px;
		left: 50% !important;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		max-width: none;
	}
	#slideshowControlContainer .cycle-control img{
		height: auto;
		left: 0;
		-webkit-transform: none;
		        transform: none;
		max-width: 100%;
	}
}

@media screen and (max-width: 575px){
	#entete{
		top: -226px;
	}
}

html body .grecaptcha-badge {
	z-index : 10 !important;
	visibility: visible !important;
}