/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.desktop {
	display: inline-block;
}

.tablette {
	display: none;
}

.mobile {
	display: none;
}

.disabled {
  display: none !important;
}


/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}


.popup .popuptext {
  display:none;
  width: auto;
  background-color: #ffffff;
  color: #ffffff;
  text-align: center;
  border-radius: 4px;
  padding: 8px 0;
  z-index: 1;
  border: 4px solid #ffffff;
}


.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #ee3e34 transparent transparent transparent;
}


.popup .show {
  display: inline-block;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

.additional-info {
  font-size:0.8em; 
  color:#333;
  align-self: flex-end;
}

.additional-info2 {
  font-size:0.6em; 
  color:#fff;
  align-self: flex-end;
}


@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
/* *** */

/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background-color: #ffffff;
	font-size: 1em;
	line-height: 1;
	font-family: 'Comfortaa', sans-serif;
	letter-spacing:0.1em;
	margin: 0;
	color: #3a3939;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 1em;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	cursor: pointer;
	text-decoration: none;
	color:#ee3e34;
	transition: all 0.2s ease;
}

a:hover, a:focus {
	text-decoration: underline;
}

label {
  cursor: pointer;
}

#global {
    background-color: #ffffff;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1200px;
}

/***** GENERIQUE *****/

h1, h2, h3, h4, h5, h6 {
	padding: 0 0 0.4em 0;
    margin: 0em 0em 1em 0em;
	width: 100%;
	color:#ee3e34;
}

h1 {
	font-size: 1.5em;
	border-bottom: 1px solid #efefef;
	text-transform: uppercase;
}

h2 {
	text-align: center;
	font-size: 1.1em;
}

h4 {
	text-align: left;
	font-size: 1.3em;
	padding-bottom:0.2em;
	border-bottom: 1px dotted #ee3e34;
}


h6 {
	border-bottom: 1px solid #efefef;
	text-align: center;
	font-size: 1em;
	padding: 0.5em;
    background: #fff;
}

h6 span {
  display:inline-block;
  background-color: #ee3e34;
  color: #ffffff;
  padding: 0 0.25em;
  border-radius: 4px;
  margin-right: 0.3em;
}

h6 em {
  display:inline-block;
  color: #ee3e34;
  font-size: 0.8em;
}



h6.recap, .exec-current-color-text {
	display: flex;
  align-items: center;
  justify-content: center;
	padding: 0.2em;
	background-color: #efefef;
	border: 1px solid #c51a10;
	text-align: center !important;
	font-size: 1em;
  font-weight: normal;
}
h6.recap div {
	 margin-bottom: 0 !important;
 }

h6.recap span, .grille .prix {
	display: inline-block;
	text-align: left;
	padding: 0.2em;
	margin: 0 0.2em;
	border-radius: 4px;
	background-color: #ffffff;
    color: #ee3e34;
    font-weight: bold;
	font-size: 1.2em;
	align-self: center;
	border: 1px solid #c51a10;
}

h6.recap span.devise {
	display: inline-block;
	padding: 0em;
	margin: 0em;
    font-weight: bold;
	border: 0px solid #E4342C;
}

h6.recap span.reduc {
	color : #E4342C;
	border: 1px solid #E4342C;
}

h6.recap span.strike {
	margin: 0;
    padding: 0;
    font-size: 0.6em;
	color:#E73221;
}

h6.recap .prix {
    text-align: right;
}

h6.recap .lot {
    font-size:0.7em;
	border-top: 1px solid #ffffff;
	margin-top: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border-radius: 0px;
}

h6 span.quantite {
	background-color: transparent;
}

p {
    font-size: 1em;
    line-height: 1.2em;
    padding-bottom: 1.2em;
}

table tr th {
	background-color: #f5f5f5;
	padding: 0.5em;
}

table tr td {
	border-right: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	padding: 0.5em;
}

table tbody tr td {
	text-align: center;
}

table tfoot .prix {
	background-color: #ee3e34;
	color: #ffffff;
	text-align: right;
}


table tfoot tr td {
	text-align: right;
}

.important {
	width: 100%;
	color:#E73221;
	font-size:0.9em;
	margin:10px auto;
}

.apartir {
	font-size: 0.6em;
}

.help {
  font-size: 0.8em;
  background-color: #F5F5F5;
  color: #ee3e34;
  display:inline-block;
  padding: 0 0.25em;
  border-radius: 4px;
  margin-right: 0.3em;
  border: 1px solid #c51a10;
}

.helpbis {
  font-size: 0.8em;
  text-align: center;
  background-color: #ffffff;
  color: #ee3e34;
  display:inline-block;
  padding: 0 0.25em;
  margin-top: 0.5em;
  border: 1px solid #ffffff;
  border-bottom: 1px solid #c51a10;
}

.help:hover, .helpbis:hover, .help:focus, .helpbis:focus {
  background-color: #c51a10;
  cursor: help;
  border: 1px solid #ee3e34;
}

.action {
  font-size: 1em;
  background-color: #ee3e34;
  color: #ffffff;
  display:inline-block;
  padding: 0.2em 0.5em;
  border-radius: 4px;
  cursor: pointer;
}

.action:hover, .action:focus {
  background-color: #c51a10;
  color: #ffffff;
}

.min {
  font-size:0.8em;
}

.ok {
	background-color: #3a3;
}

.error {
	background-color: #E73221 !important;
}

.out-of-stock, .hidden-if-stock {
	background-color: #E73221 !important;
	color: #fff;
	padding: 0.3em;
	text-align: center;
}


.adresse{
  font-size:1.4em;
  padding-left:2em;
}

.qt {
  width: 4.1em !important;
  text-align:right;
}

.picto-guide {
	display: inline-block;
	position: relative;
	width: 37px;
	height: 46px;
	margin-left: 20px;
	background: url("../img/sprite.png") no-repeat -0px -577px transparent;
}

.madeinfrance {
	position: absolute;
	top: -672px;
	right: 774px;
	width: 280px;
	z-index: 0;
}

.madeinfrance div {
	position: relative;
}

.madeinfrance img {
	width: 300%;
}

.madeinfrance span {
    position: absolute;
    bottom: 143px;
    right: -458px;
    color: #73797C;
    font-size: 0.7em;
    background-color: rgba(256, 256, 256, 0.7);
    display: block;
    padding: 0.9em;
}


/***** HEADER *****/
.evitements {
    z-index: 100;
    padding: 0;
    margin: 0;
}

.evitements ul{
    padding: 0;
    margin: 0;
}

.evitements ul li{
	text-transform:uppercase;
}

.evitements ul li a{
	color:#ffffff;
	text-decoration:none;
	font-size:0.0em;
	top:-100px;
	padding:0px;
	display:block;
	text-align:center;
}

.evitements ul li a:focus{
	display: block;
	color:white;
	font-size:0.8em;
	padding:10px 5px;
	letter-spacing:0.1em;
	background-color:#ee3e34;
}

header {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
	width: 100%;
	height: auto;
}

	header  .logo {
		width:284px;
		position: relative;
		margin-top: 0.5em;
		z-index: 2;
	}

	header .logo img {
		width:100%;
		max-width: 268px;
		height: 132px;
	}

	header .logo span {
		position: absolute;
    left: 98px;
    top: 92px;
    font-size: 0.6em;
		color: #E73221;
		font-weight: bolder;
		letter-spacing: 0.3em;
	}

	header  .message {
		background-color: #E73221;
	}

	header .sondage {
		display: flex;
		width: 100%;
		height: auto;
		justify-content: space-around;
		align-items: center;
		margin-bottom: 2px;
	}

	header .sondage a {
		color:#ee3e34;
		font-size:0.8em;
		line-height:1.2em;
		display: block;
		padding: 1em;
		text-decoration: none;
		text-align: center;
		width: 100%;
	}

	header .sondage a span.focus {
		background-color: #F5F5F5;
		font-weight: bold;
	}

	header .sondage a:hover, header .sondage a:focus {
		background-color:#F5F5F5;
		color:#ee3e34;
	}

	header .sondage a:hover span.focus, header .sondage a:focus span.focus {
		color:#ee3e34;
		text-shadow: 0 1px 1px #fff, 0 -1px 1px #ffffff;
	}

	header nav {
		width: 100%;
	}

	header nav ul {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-content: space-around;
		background-color:#ee3e34;
		align-items: stretch;
		margin: 0;
		padding: 0;
	}

	header nav ul li {
		display: flex;
		flex-grow: 1;
		position: relative;
	}

	header nav ul li.active {
		color: #ffffff;
		background-color: #c51a10;
	}

	header nav ul li.active > a {
		color: #ffffff;
	}

	header nav ul li a {
		display: inline-block;
		font-size:1.1em;
		color:#fff;
		padding: 0.6em 0.5em 0em 0.5em;
		text-decoration: none;
		border-right: 1px solid #ffffff;
		text-align: center;
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 100%;
		text-transform: uppercase;
		font-weight: bold;
	}

	header nav ul li a:hover, header nav ul li a:focus {
		background-color:#c51a10;
		color:#fff;
		text-decoration: none;
    box-shadow: -2px 2px 5px 2px rgba(0, 0, 0, 0.3) inset;
	}


	header nav li a.affaire {
		background-color:#E4342C;
	}

	header nav li a.affaire:hover, header nav li a.affaire:focus {
		background-color:#ffffff;
		color:#E4342C;
	}

	header nav li .search {
		display: flex;
	}

	header nav li form, header nav .search form {
		background:#ee3e34;
		flex-direction: row;
		padding: 0;
		height: 100%;
	}

	header nav li.search, header nav .search {
		background:#ee3e34;
		flex-grow: 0;
		min-width:316px;
	}

	header nav li.search input, header nav .search input {
		color:#ee3e34;
		font-size:1em;
		font-weight: bold;
		text-transform: uppercase;
		background-color: #fffff;
		border-top: 1px solid #efefef;
		border-left: 1px solid #efefef;
		border-right: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
		padding: 0 0.2em;
		margin: 0 0em;
		width: inherit;
    border: 1px solid #ee3e34;
	}

	header nav .search input {
		border-bottom: 1px dotted #ee3e34;
		padding: 0 0.4em;
    text-align : right;

	}

	header nav li.search input:hover, header nav li.search input:focus, header nav li.search input:active,
	header nav .search input:hover, header nav .search input:focus, header nav .search input:active {
		background-color: #ffffff;
	}

	header nav li.search i, header nav .search i {
		font-weight: bold;
		font-size:1.2em;
		padding: 0.4em ;
		display: inline-block;
		color:#efefef;
		background-color:#ee3e34;
		border: 1px solid #ee3e34;
		transition: all 0.2s ease;
	}

	header nav li.search i:hover, header nav li.search i:focus, header nav .search i:hover, header nav .search i:focus {
		color:#ffffff;
		background-color: #c51a10;
		cursor: pointer;
		border: 1px solid #ffffff;
    box-shadow: -2px 2px 5px 2px rgba(0, 0, 0, 0.3) inset;
	}


	header nav li.annexe {
		background-color:#F5F5F5;
	}

	header nav li.annexe a {
		border-left: 1px dotted #ee3e34;
		border-right: 0px dotted #c51a10;
		color:#ee3e34;
	}

	header nav li:nth-child(8) a {
		border-left: 0px dotted #ee3e34;
		border-right: 0px dotted #c51a10;
	}

	header nav li:nth-child(7) a:hover, header nav li:nth-child(8) a:hover, header nav li:nth-child(7) a:focus, header nav li:nth-child(8) a:focus {
		background-color:#c51a10;
		text-shadow: 0 1px 0px #ffffff;
	}


header .compte {
	display: flex;
	flex-direction: column;
	background-color:#efefef;
	width: 316px;
	color: #73797C;
	padding:0.5em;
	height: 156px;
	position: relative;
	z-index: 1;
}

  .exec-client-valide, .exec-client-close {cursor:pointer;}


  header .compte .fermer {
	position: absolute;
    top: 6px;
    right: 8px;
  }

  header .compte span {
    display: block;
	padding-right: 24px;
  }

  header .compte a {
	color: #73797C;
	padding: 0.2em 0;
  }

  header .compte a:hover, header .compte a:focus {
	color: #73797C;
  }

  header .compte .services {
    padding: 0.1em 0.1em;
    font-size: 0.8em;
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
    margin: -8px -8px 0.5em -8px;
    min-height: 31px;
  }

  header .compte .services a {
    color: #ee3e34;
    padding: 0.5em;
	font-weight: bold;
	border-left: 3px solid #efefef;
  }

  header .compte .services a i {
    font-size: 1.3em;
  }

  header .compte .services a:hover, header .compte .services a:focus {
    color: #fff;
    background-color: #c51a10;
	text-decoration: none;
  }


  header .compte .client {
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    font-size: 0.9em;
  }

  header .compte .client a {
  }

  header .compte .client a.exec-mdp-perdu {
	font-size: 0.7em;
	font-style: italic;
  }

  header .compte .client .espace {
    padding: 0.5em;
    font-size: 1em;
	line-height: 1.4em;
  }


  header .compte .client .panier {
    padding-top: 0.5em;
    font-size: 1.2em;
    border-top: 1px solid #fff;
  }

  header .compte .client .panier span {
    display: inline;
  }

header .compte .client form {
    margin: 0px;
    padding: 0px;
    text-align: right;
}
header .compte .client form input {
    width: 60%;
}

header .compte .client .valide {
    margin-top: 0.8em;
    padding: 0.2em;
    text-align: center;
    font-size: 1em;
    background-color: #ffffff;
    color: #ee3e34;
    font-weight: bold;
	cursor: pointer;
	border: 1px solid #fff;
    text-transform: uppercase;
	transition: all 0.2s ease;
}

header .compte .client .valide:hover, header .compte .client .valide:focus {
	background-color: #c51a10;
	border: 1px solid #ffffff;
	color: #73797C;
	cursor: pointer;
}

header .compte .client div {
    margin: 0px;
    padding: 0px;
    font-size: 0.9em;
}

header .compte .panier em {
    font-size: 0.8em;
}

/***** MENU *****/

	.nav__icon,
	.nav__icon span {
		display: none;
	}

	.nav__icon {
		width: 36px;
		height: 28px;
		margin-right: 10px;
		cursor: pointer;
		position: absolute;
    top: 160px;
    left: 0.3em;
		background-color: #efefef;
	}

	.nav__icon span {
		background: #ee3e34;
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		border-radius: 4px;
	}

	.nav__icon span:nth-of-type(1) {
		top: 0;
	}

	.nav__icon span:nth-of-type(2) {
		top: 12px;
	}

	.nav__icon span:nth-of-type(3) {
		bottom: 0;
	}

	.nav__icon.active span:nth-of-type(1) {
		-webkit-transform: translateY(12px) rotate(-45deg);
		transform: translateY(12px) rotate(-45deg);
	}

	.nav__icon.active span:nth-of-type(2) {
		display: none;
	}

	.nav__icon.active span:nth-of-type(3) {
		-webkit-transform: translateY(-12px) rotate(45deg);
		transform: translateY(-12px) rotate(45deg);
	}

/***** MAIN *****/
#main  {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
    flex-wrap: wrap;
    padding:1em;
}




/***** LISTE *****/


section {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
}

section.fil, div.fil {
	width: 100%;
  font-size: 0.8em;
  padding:0.2em;
  margin-bottom:1em;
  justify-content: flex-start;
}


div .pagination a {
    font-size: 1.5em;
    padding: 0.5em;
    margin-bottom: 1em;
    background: #f5f5f5;
}


.home section {
	/* width: 70%; */
	margin-right: 1em;
}

.home section, .home aside {
	margin-top: 5%;
}


/****/

.liste {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
    justify-content: space-between;
	width: 100%;
}


.liste section {
	padding: 0;
    display: flex;
	flex-direction: row;
	align-content: flex-start;
}

.liste section article {
	max-width: 257px;
  width: 30%;
  font-size: 0.7em;
  line-height: 1.2em;
  position: relative;
  margin-bottom: 2em;
  transition: all 0.5s ease;
}

.liste section article .prix, .liste section article .promo, h6.recap span, .liste section article .lot {
	display: inline-block;
	text-align: right;
	padding: 0.2em;
	align-self: flex-end;
	border-radius: 4px;
	font-size: 1.2em;
}


.liste section article .prix {
    font-weight: bold;
    background-color: #ee3e34;
    color: #fff;
}

.liste section article a:hover > figure figcaption .prix {
}

.liste section article .lot {
	display: flow-root;
    font-size:0.7em;
	border-top: 1px solid #ffffff;
	margin-top: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border-radius: 0px;
}

.liste section article h2 {
  margin: 0em;
  color: #3a3939 !important;  
}

.liste section article .promo {
    font-weight: bold;
    background-color: #ee3e34;
    color: #fff;
}

.liste section article a:hover > figure figcaption .dispo {
	text-shadow: 0 1px 1px #fff, 0 -1px 1px #ffffff;
  background: rgba(255, 255, 255, 0.8) !important;  
}

.liste section article a {
  background: rgba(255, 255, 255, 0.8) !important;  
  text-shadow:0 0 0;
  color: #3a3939 !important;  
}

.liste section article a:hover > figure figcaption, .liste section article a:focus > figure figcaption {
    background-color: rgba(239, 239, 239, 0.9);
	-moz-box-shadow: 0px 10px 5px 0px #fff;
	-webkit-box-shadow: 0px 10px 5px 0px #fff;
	-o-box-shadow: 0px 10px 5px 0px #fff;
	box-shadow: 0px 10px 5px 0px #fff;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#fff, Direction=180, Strength=5);
	transition: all 0.5s ease-out;
}

.liste section article a:hover > figure figcaption h2, .liste section article a:focus > figure figcaption h2 {
    text-shadow: 0 1px 1px #fff, 0 -1px 1px #fff;
    color:#ee3e34 !important;
}

.liste section article a:hover > figure .easy, .liste section article a:hover > figure .easy img {
	width: 100px !important;
	height: 100px !important;
	transition: all 0.5s ease;
}

.liste section article a figure {
	margin: 0;
}

.liste section article figure .easy {
	position: absolute;
    top: -15px;
    left: -15px;
    color: #ffffff;
    padding: 0;
	margin: 0;
	width: 100px;
    height: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.liste section article figure .easy img {
	width: auto;
	transition: all 0.5s ease;
}

.liste section article a figure figcaption {
	display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(256, 256, 256, 0.6);
    padding: 0.2em;
	position: absolute;
	bottom: 1px;
	width: 100%;
	transition: all 0.2s ease-out;
	border-bottom: 1px solid #efefef;
}

.liste section article img {
	width: 100%;
	max-width: 257px;
}



.liste section article.couleur-has-remise::after {
    position: absolute;
    bottom: 6px;
	top: auto;
    left: 5px;
    content: ' ';
    width:36px;
    height: 36px;
    z-index: 9;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 440.994 440.994' style='enable-background:new 0 0 440.994 440.994;' xml:space='preserve' class='hovered-paths'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M274.61,249.183c-5.044,0-8.816,3.714-10.618,5.929c-4.025,4.951-6.336,12.059-6.336,19.499s2.311,14.548,6.336,19.5 c1.802,2.214,5.574,5.928,10.618,5.928s8.816-3.714,10.618-5.928c4.025-4.952,6.336-12.06,6.336-19.5s-2.311-14.548-6.336-19.499 C283.428,252.896,279.654,249.183,274.61,249.183z' data-original='%233a3939' class='hovered-path active-path' data-old_color='%233a3939' fill='%23E4342C' stroke='%23ffffff' stroke-width='4%' /%3E%3Cpath d='M166.384,191.81c5.044,0,8.816-3.714,10.618-5.928c4.026-4.952,6.336-12.059,6.336-19.5c0-7.441-2.31-14.547-6.336-19.499 c-1.802-2.214-5.574-5.928-10.618-5.928c-5.044,0-8.816,3.714-10.618,5.928c-4.026,4.952-6.336,12.058-6.336,19.499 c0,7.441,2.31,14.548,6.336,19.5C157.567,188.097,161.34,191.81,166.384,191.81z' data-original='%233a3939' class='hovered-path active-path' data-old_color='%233a3939' fill='%23E4342C' stroke='%23ffffff' stroke-width='4%'/%3E%3Cpath d='M435.289,209.037l-53.984-40.794l19.699-64.751c1.312-4.31,0.525-8.984-2.123-12.628 c-2.647-3.643-6.854-5.833-11.356-5.916l-67.672-1.235l-22.065-63.997c-1.469-4.262-4.855-7.587-9.143-8.979 c-4.283-1.393-8.979-0.692-12.675,1.892l-55.475,38.814L165.02,12.627c-3.693-2.583-8.387-3.285-12.674-1.892 c-4.289,1.393-7.672,4.718-9.143,8.979l-22.064,63.996l-67.672,1.236c-4.502,0.083-8.707,2.272-11.355,5.916 c-2.648,3.644-3.436,8.319-2.125,12.628l19.701,64.75L5.705,209.037C2.111,211.751,0,215.995,0,220.497 c0,4.503,2.111,8.746,5.705,11.461l53.984,40.794L39.99,337.502c-1.311,4.31-0.523,8.984,2.125,12.628 c2.648,3.643,6.854,5.833,11.355,5.916l67.672,1.236l22.064,63.996c1.469,4.262,4.854,7.587,9.141,8.979 c4.285,1.394,8.98,0.692,12.674-1.893l55.475-38.814l55.477,38.815c2.443,1.709,5.324,2.595,8.236,2.595 c1.488,0,2.986-0.23,4.438-0.703c4.286-1.393,7.672-4.718,9.141-8.979l22.063-63.996l67.675-1.237 c4.502-0.083,8.707-2.272,11.354-5.916c2.648-3.644,3.437-8.318,2.125-12.628l-19.701-64.749l53.984-40.795 c3.594-2.715,5.705-6.958,5.705-11.461S438.883,211.75,435.289,209.037z M166.384,121.01c20.38,0,36.901,20.314,36.901,45.374 c0,25.061-16.521,45.375-36.901,45.375c-20.38,0-36.901-20.314-36.901-45.375C129.482,141.324,146.004,121.01,166.384,121.01z M164.038,320.178c-2.307,3.209-6.047,5.125-10.005,5.125c-2.581,0-5.059-0.8-7.163-2.312c-5.509-3.957-6.771-11.658-2.813-17.167 l132.9-185.01c2.306-3.209,6.046-5.125,10.005-5.125c2.58,0,5.058,0.8,7.162,2.312c5.509,3.957,6.771,11.658,2.813,17.167 L164.038,320.178z M274.61,319.983c-20.38,0-36.901-20.313-36.901-45.375c0-25.059,16.521-45.373,36.901-45.373 s36.9,20.314,36.9,45.373C311.512,299.669,294.99,319.983,274.61,319.983z' data-original='%233a3939' class='hovered-path active-path' data-old_color='%233a3939' fill='%23E4342C'  stroke='%23ffffff' stroke-width='4%'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}


/****/


.result {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
    justify-content: space-between;
}

.result section {
	/* width: 72%; */
	margin-right: 1em;
}


/****/

.produit {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
    justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
}

.produit section {
	order:1;
	width: 50%;
}

.produit section div {
	width: 100%;
}

.produit section .selection-element {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}

.produit section .selection-element h6 {
  text-align: left;
}

.produit section .selection-element div {
  margin-bottom: 1.5em;
}

.produit section .selection-element div.grille {
	margin: 0em;
}

.produit section .selection-element div.grille h6 {
	color: #777;
	margin:0.2em;
}

.produit section .selection-element div.grille div {
	padding: 0.3em;
	background-color: #fcfcfc !important;
	border-bottom: 1px solid #efefef;
	margin: 0.2em;
	font-size: 0.8em;
	color: #000;
}

.produit section .selection-element ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  justify-content: space-evenly;
}

/* .produit section .selection-element ul li img { */
	/* max-width: 97px; */
/* } */

.produit section .selection-element ul li {
  cursor: pointer;
  border: 4px solid #EFEFEF;
  height: 108px;
}

.produit section .selection-element ul li:hover, .exec-miniature:hover, .exec-miniature-default:hover {
  cursor: pointer;
  border:4px solid #c51a10;
}

.produit section .selection-element ul li.couleur-current,
.miniatures .couleur-current {
  border:4px solid #ee3e34;
}

.produit aside {
	order:2;
	width: 50%;
	background-color: transparent;
    min-width: auto;
    max-width: none;
}

.produit aside figure {
  position: relative;
}

.exec-current-color-text {
	position: absolute;
	bottom: 1em;
	left : 1em;
}

.produit aside figure img, .tech img {
	width: 100%;
    height: auto;
}

.produit div.detail {
	order:3;
	width: 100%;
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    /* flex-wrap: wrap; */
	margin-bottom: 1em;
}


.produit div.detail .desc{
	min-width: 50%;
    max-width: 100%;
    background-color: #fefefe;
    padding: 1em;
    border: 1px solid #efefef;
}

.produit div.detail .desc p {
    padding-bottom: 0;
}

.produit div.detail .desc ul {
	list-style: circle;
}


.produit div.detail .tech{
	width: 100%;
	margin:0;
}

.produit div.detail .tech p{
	margin:0;
	padding:0;
}

.taille-has-remise {
z-index: 1;
}

.couleur-has-remise, .taille-has-remise {
position: relative;
}

.couleur-has-remise::after, .taille-has-remise::after {
position: absolute;
top: -5px;
right: -5px;
content: ' ';
width: 30%;
height: 30%;
z-index: 9;
background-size: 100% auto;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 440.994 440.994' style='enable-background:new 0 0 440.994 440.994;' xml:space='preserve' class='hovered-paths'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M274.61,249.183c-5.044,0-8.816,3.714-10.618,5.929c-4.025,4.951-6.336,12.059-6.336,19.499s2.311,14.548,6.336,19.5 c1.802,2.214,5.574,5.928,10.618,5.928s8.816-3.714,10.618-5.928c4.025-4.952,6.336-12.06,6.336-19.5s-2.311-14.548-6.336-19.499 C283.428,252.896,279.654,249.183,274.61,249.183z' data-original='%233a3939' class='hovered-path active-path' data-old_color='%233a3939' fill='%23E4342C' stroke='%23ffffff' stroke-width='4%' /%3E%3Cpath d='M166.384,191.81c5.044,0,8.816-3.714,10.618-5.928c4.026-4.952,6.336-12.059,6.336-19.5c0-7.441-2.31-14.547-6.336-19.499 c-1.802-2.214-5.574-5.928-10.618-5.928c-5.044,0-8.816,3.714-10.618,5.928c-4.026,4.952-6.336,12.058-6.336,19.499 c0,7.441,2.31,14.548,6.336,19.5C157.567,188.097,161.34,191.81,166.384,191.81z' data-original='%233a3939' class='hovered-path active-path' data-old_color='%233a3939' fill='%23E4342C' stroke='%23ffffff' stroke-width='4%'/%3E%3Cpath d='M435.289,209.037l-53.984-40.794l19.699-64.751c1.312-4.31,0.525-8.984-2.123-12.628 c-2.647-3.643-6.854-5.833-11.356-5.916l-67.672-1.235l-22.065-63.997c-1.469-4.262-4.855-7.587-9.143-8.979 c-4.283-1.393-8.979-0.692-12.675,1.892l-55.475,38.814L165.02,12.627c-3.693-2.583-8.387-3.285-12.674-1.892 c-4.289,1.393-7.672,4.718-9.143,8.979l-22.064,63.996l-67.672,1.236c-4.502,0.083-8.707,2.272-11.355,5.916 c-2.648,3.644-3.436,8.319-2.125,12.628l19.701,64.75L5.705,209.037C2.111,211.751,0,215.995,0,220.497 c0,4.503,2.111,8.746,5.705,11.461l53.984,40.794L39.99,337.502c-1.311,4.31-0.523,8.984,2.125,12.628 c2.648,3.643,6.854,5.833,11.355,5.916l67.672,1.236l22.064,63.996c1.469,4.262,4.854,7.587,9.141,8.979 c4.285,1.394,8.98,0.692,12.674-1.893l55.475-38.814l55.477,38.815c2.443,1.709,5.324,2.595,8.236,2.595 c1.488,0,2.986-0.23,4.438-0.703c4.286-1.393,7.672-4.718,9.141-8.979l22.063-63.996l67.675-1.237 c4.502-0.083,8.707-2.272,11.354-5.916c2.648-3.644,3.437-8.318,2.125-12.628l-19.701-64.749l53.984-40.795 c3.594-2.715,5.705-6.958,5.705-11.461S438.883,211.75,435.289,209.037z M166.384,121.01c20.38,0,36.901,20.314,36.901,45.374 c0,25.061-16.521,45.375-36.901,45.375c-20.38,0-36.901-20.314-36.901-45.375C129.482,141.324,146.004,121.01,166.384,121.01z M164.038,320.178c-2.307,3.209-6.047,5.125-10.005,5.125c-2.581,0-5.059-0.8-7.163-2.312c-5.509-3.957-6.771-11.658-2.813-17.167 l132.9-185.01c2.306-3.209,6.046-5.125,10.005-5.125c2.58,0,5.058,0.8,7.162,2.312c5.509,3.957,6.771,11.658,2.813,17.167 L164.038,320.178z M274.61,319.983c-20.38,0-36.901-20.313-36.901-45.375c0-25.059,16.521-45.373,36.901-45.373 s36.9,20.314,36.9,45.373C311.512,299.669,294.99,319.983,274.61,319.983z' data-original='%233a3939' class='hovered-path active-path' data-old_color='%233a3939' fill='%23E4342C' stroke='%23ffffff' stroke-width='4%'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.taille-has-remise::after {
width: 15px;
height: 15px;
}


.miniatures {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.exec-miniature, .exec-miniature-default {
  cursor: pointer;
  border: 4px solid #ffffff;
}

.exec-color-message {
  border-bottom: 1px dashed #ee3e34;
}

.exec-couleur {
	cursor: pointer;
}

.couleur-has-remise {
	position: relative;
}

.couleur-has-remise::after {
    position: absolute;
    top: -5px;
    right: -5px;
    content: ' ';
    width: 30%;
    height: 30%;
    z-index: 9;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 440.994 440.994' style='enable-background:new 0 0 440.994 440.994;' xml:space='preserve' class='hovered-paths'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M274.61,249.183c-5.044,0-8.816,3.714-10.618,5.929c-4.025,4.951-6.336,12.059-6.336,19.499s2.311,14.548,6.336,19.5 c1.802,2.214,5.574,5.928,10.618,5.928s8.816-3.714,10.618-5.928c4.025-4.952,6.336-12.06,6.336-19.5s-2.311-14.548-6.336-19.499 C283.428,252.896,279.654,249.183,274.61,249.183z' data-original='%233a3939' class='hovered-path active-path' data-old_color='%233a3939' fill='%23E4342C' stroke='%23ffffff' stroke-width='4%' /%3E%3Cpath d='M166.384,191.81c5.044,0,8.816-3.714,10.618-5.928c4.026-4.952,6.336-12.059,6.336-19.5c0-7.441-2.31-14.547-6.336-19.499 c-1.802-2.214-5.574-5.928-10.618-5.928c-5.044,0-8.816,3.714-10.618,5.928c-4.026,4.952-6.336,12.058-6.336,19.499 c0,7.441,2.31,14.548,6.336,19.5C157.567,188.097,161.34,191.81,166.384,191.81z' data-original='%233a3939' class='hovered-path active-path' data-old_color='%233a3939' fill='%23E4342C' stroke='%23ffffff' stroke-width='4%'/%3E%3Cpath d='M435.289,209.037l-53.984-40.794l19.699-64.751c1.312-4.31,0.525-8.984-2.123-12.628 c-2.647-3.643-6.854-5.833-11.356-5.916l-67.672-1.235l-22.065-63.997c-1.469-4.262-4.855-7.587-9.143-8.979 c-4.283-1.393-8.979-0.692-12.675,1.892l-55.475,38.814L165.02,12.627c-3.693-2.583-8.387-3.285-12.674-1.892 c-4.289,1.393-7.672,4.718-9.143,8.979l-22.064,63.996l-67.672,1.236c-4.502,0.083-8.707,2.272-11.355,5.916 c-2.648,3.644-3.436,8.319-2.125,12.628l19.701,64.75L5.705,209.037C2.111,211.751,0,215.995,0,220.497 c0,4.503,2.111,8.746,5.705,11.461l53.984,40.794L39.99,337.502c-1.311,4.31-0.523,8.984,2.125,12.628 c2.648,3.643,6.854,5.833,11.355,5.916l67.672,1.236l22.064,63.996c1.469,4.262,4.854,7.587,9.141,8.979 c4.285,1.394,8.98,0.692,12.674-1.893l55.475-38.814l55.477,38.815c2.443,1.709,5.324,2.595,8.236,2.595 c1.488,0,2.986-0.23,4.438-0.703c4.286-1.393,7.672-4.718,9.141-8.979l22.063-63.996l67.675-1.237 c4.502-0.083,8.707-2.272,11.354-5.916c2.648-3.644,3.437-8.318,2.125-12.628l-19.701-64.749l53.984-40.795 c3.594-2.715,5.705-6.958,5.705-11.461S438.883,211.75,435.289,209.037z M166.384,121.01c20.38,0,36.901,20.314,36.901,45.374 c0,25.061-16.521,45.375-36.901,45.375c-20.38,0-36.901-20.314-36.901-45.375C129.482,141.324,146.004,121.01,166.384,121.01z M164.038,320.178c-2.307,3.209-6.047,5.125-10.005,5.125c-2.581,0-5.059-0.8-7.163-2.312c-5.509-3.957-6.771-11.658-2.813-17.167 l132.9-185.01c2.306-3.209,6.046-5.125,10.005-5.125c2.58,0,5.058,0.8,7.162,2.312c5.509,3.957,6.771,11.658,2.813,17.167 L164.038,320.178z M274.61,319.983c-20.38,0-36.901-20.313-36.901-45.375c0-25.059,16.521-45.373,36.901-45.373 s36.9,20.314,36.9,45.373C311.512,299.669,294.99,319.983,274.61,319.983z' data-original='%233a3939' class='hovered-path active-path' data-old_color='%233a3939' fill='%23E4342C'  stroke='%23ffffff' stroke-width='4%'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

/****/


.content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
    justify-content: space-between;
	width: 100%;
}
.content ul {
	list-style: square;
}

/****/

aside {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	border-radius: 4px;
	padding: 0.3em;
	width: 26%;
    background-color: #EFEFEF;
    min-width: 292px;
    max-width: 292px;
}

aside div {
	margin-bottom: 2em;
	text-align: center;
}

aside div p {
	text-align: left;
	font-size: 1em;
    line-height: 1.2em;
    padding: 0 1em;
}

aside div ul li {
	list-style: circle;
	text-align: left;
	margin-left:1em;
}

aside div a, .picto-taille, .panier aside {
	background-color: #efefef;
	color: #ee3e34;
	text-decoration: none;
	border-radius: 4px;
	padding: 0.3em;
	display: inline-block;
	margin: 0.2em 0;
}

aside div a:hover, .picto-taille:hover {
	background-color: #c51a10;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

.picto-taille-current, .picto-taille-current:hover {
	background-color: #c51a10;
	color: #ffffff;
	border-radius: 4px;
	padding: 0.3em;
	display: inline-block;
	margin-bottom: 0.3em;
}

.picto-taille-current, .picto-taille-current:hover {
	background-color: #ee3e34 !important;
}

.filtres {
    width: 26%;
    padding: 0.5em;
    background-color: #EFEFEF;
    min-width: 292px;
    max-width: 292px;
}

.filtres div ul  {
	padding: 0;
  }

.filtres div ul li  {
  font-size: 1em;
  margin-bottom:0.2em;
  text-align: left;
  list-style: none;
  }

.filtres div.selection  {
  background-color: #FFFFFF;
  padding:0.5em 0;
  }

.filtres div.selection ul  {
	padding: 0;
  }

.filtres div.selection ul li  {
	font-size: 1.2em;
	text-align: left;
  }

.filtres div.selection ul li a  {
	color: #ffffff;
	background-color: #ee3e34;
  }

.filtres div.selection ul li a:hover  {
	color: #ffffff;
	background-color: #c51a10;
  }

.filtres div.selection a:hover{
  text-decoration: underline;
  }


/***** FORMULAIRE *****/

.form {
	width: 100%;
}

.form section {
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-start;
	 margin-right: 1em;
}

.form aside {
	 display: flex;
	 flex-direction: column;
	 width: 27%;
	 justify-content: flex-start;
	background-color: #efefef;
	color: #ee3e34;
	text-decoration: none;
	border-radius: 4px;
	padding: 0.3em;
	display: inline-block;
}

.form aside div ul {
	 padding: 0.2em;
	 margin: 0.5em;
}

.form aside div ul li {
	padding: 0.2em;
}

.form aside.compte div ul li {
	list-style: none;
}

.form aside.compte div ul li a {
	display: inline;
	line-height: 1.3em;
}


form {
	width: 100%;
	display: flex;
	flex-direction: column;
}

form .line {
	margin-bottom: 10px;
}

form .line.captcha {
	display: flex;
  flex-direction: column;
	justify-content: center;
  align-items: center;
}

form .line p {
	font-size: 0.8em;
}

form .line:not(.line-checkbox) label {
	display: inline-block;
	width: 48%;
	text-align: right;
}

form .line.line-checkbox {
	padding-left: 48%;
}

form .line input:not([type=checkbox]), form .line select, form .line textarea, .qt, .comment textarea {
	width: 48%;
	font-size: 1.2em;
	border: 1px solid #3a3939;
}

.exec-value {
	border: 0px solid #3a3939;
	background-color: #fff !important;
}

form .line input:hover, form .line select:hover, form .line textarea:hover, .qt:hover, .read:hover {
	border-color: #3a3939;
	background-color: #F5F5F5;
}

form .line input:focus, form .line select:focus, form .line textarea:focus, .qt:focus, .read:focus {
	border-color: #000;
	background-color: #F5F5F5;
}

form .line input:not([type=checkbox]).error, form .line select.error, form .line textarea.error {
	border: 2px solid eb7e14 !important;
}

form input[type=radio] {
	width: 4%;
}

form input[type=submit], .submit, form input[type=button] {
	background-color: #ee3e34;
	border: 1px solid #ffffff;
	width: 100% !important;
	font-size: 1.5em;
	color: #ffffff;
	padding: 0.2em;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease;
	text-transform: uppercase;
}

.ajouter-panier {
	width: 100%;
}

.tva {
	display: block;
	font-size: 0.8em;
}

form input[type=submit]:hover, .submit:hover, form input[type=button]:hover, form input[type=submit]:focus, .submit:focus, form input[type=button]:focus {
	background-color: #c51a10;
	border: 1px solid #3a3939;
	color: #ffffff;
	cursor: pointer;
}

/***** PANIER *****/

 .panier h1 {

 }
 .panier div {
	 width: 100%;
 }
 .panier section {
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-start;
	 margin-right: 1em;
 }
 .panier .action {
	 margin-bottom: 1em;
	 border-radius: 4px;
 }
 .panier h6.recap {
	 justify-content: flex-end;
	 flex-wrap: wrap;
 }
 .panier section article {
	 width: 100%;
	 max-width: inherit;
	 border-bottom: 1px solid #efefef;
 }
 .panier section article figure {
	 display: flex;
	 flex-direction: row;
	 align-items: center;
 }
 .panier section article figure a {
	 width: 20%;
    align-self: flex-end;
 }
 .panier section article figure div {
	 margin: 0 1em;
 }
 .panier section article figure figcaption {
	 display: flex;
	 flex-direction: column;
	 width: 78%;
	 margin-left: 1em;
 }
 .panier section article figure figcaption h2 {
	 text-align: left;
 }
 .panier section article figure figcaption a {
	 width: auto;
 }
 .panier aside {
 }

 .panier aside textarea {
	width: 100%;
	height: 3em;
}

 .panier aside .comment span {
	font-size: 0.8em;
}


 .panier section .recalc {
	display: flex;
	justify-content: flex-end;
}


.exec-reload-cart {
	background-color: #E4342C !important;
}

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

footer {
	display: flex;
	flex-direction: column;
	line-height:1em;
}

footer section {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	padding:2em 0;
}

footer section.newsletter {
	padding: 0em 0;
	margin-top: 1em;
}

footer section.pictos {
	display: flex;
	flex-direction: row;
	width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
	color: #ffffff;
	font-size:0.8em;
	background-color:#ee3e34;
	text-align: center;
}

footer section.pictos .picto {
	min-height: 50px;
	min-width: 50px;
	max-height: 100px;
	max-width: 100px;
}

footer section.pictos figure {
	width:16%;
	margin: 0 1em;
}

footer section.pictos figcaption {
	margin-top: 3px;
}

footer section.partenaires {
	flex-direction: column;
	background-color:#F5F5F5;
}

footer section.partenaires h6 {
	border-bottom: 1px dotted #999;
	color:#999;
	text-align: center;
	margin: 0 auto 1em;
}

footer section.partenaires ul {
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	padding:0;
	margin:0;
}

footer section.partenaires ul li img {
	width:100%;
    max-width: 250px;
    padding: 1em;
}

footer section.plan article {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content:flex-start;
	align-items: center;
	width: 33%;
	color:#00403D;
	text-align: left;
	background-color:#fffff;
}

/* footer section.plan article:nth-child(even) {
	border-left: 2px solid #F5F5F5;
	border-right: 2px solid #F5F5F5;
} */

	footer section.plan article ul, footer section.plan article p {
		width:100%;
		padding: 0 1em 1em 1em;
		font-size:0.8em;
	}

	footer section.plan article ul li {
		margin-left: 1em;
		list-style-type: square;
	}

	footer section.plan article a {
		color:#00403D;
		font-size:1em;
	}
	footer section.plan article a:hover, footer section.plan article a:focus {
		background-color:#ffffff;
		color: #ee3e34;
		text-decoration: none;
	}

footer article.mentions {
  text-align: center;
  padding: 1em 0;
  font-size: 0.7em;
  border-top: 1px solid #efefef;
}

footer article.mentions a {
  color: #ee3e34;
}
footer article.mentions a:hover, footer article.mentions a:focus {
  text-decoration: underline;
}





/***** HOME SLIDER *****/
/*
	Author: Ashfaq Ahmed @ Codeconvey.
	Author URI: http://www.codeconvey.com/
*/

/* ******************************************************
	Demo Purpose Only - May not require to add.
	font-family: 'Work Sans', sans-serif;
*********************************************************/



html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

details, hgroup, summary {
    display: block;
}
a{
	text-decoration: none;
	outline: none;
}
a:hover, a:focus {
	color: #373e18;
}
#float-right{
	float:right;
}

/* ******************************************************
	Header
*********************************************************/

.ScriptTop {
    background: #fff none repeat scroll 0 0;
    float: left;
    font-size: 0.69em;
    font-weight: 600;
    line-height: 2.2;
    padding: 12px 0;
    text-transform: uppercase;
    width: 100%;
}

/* To Navigation Style 1*/
.ScriptTop ul {
    margin: 24px 0;
    padding: 0;
    text-align: left;
}
.ScriptTop li{
	list-style:none;
	display:inline-block;
}
.ScriptTop li a {
    background: #6a4aed none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 18px;
    text-decoration: none;
    text-transform: capitalize;
}
.ScriptTop li a:hover, .ScriptTop li a:focus{
	background:#000;
	color:#ffffff;
}


/* Header*/
.ScriptHeader {
    float: left;
    width: 100%;
    padding-top: 2em;
    padding-bottom: 1em;
}
.rt-heading{
	padding-bottom: 10px;
	text-align:center;
}
.ScriptHeader h1{
    color: #151514;
    font-size: 26px;
	font-weight: 400;
    margin: 0;
    line-height: normal;
	text-transform:uppercase;
}
.ScriptHeader h2 {
    color: #868686;
    font-size: 24px;
    font-weight: 300;
    margin: 5px 0 0;
    line-height: normal;
	text-transform:uppercase;
}

.ScriptHeader h1 span {
    display: block;
    padding: 0;
    font-size: 22px;
    opacity: 0.7;
    margin-top: 5px;
	text-transform:uppercase;
}
.ScriptHeader span {
    display: block;
    padding: 0;
    font-size: 22px;
    opacity: 0.7;
    margin-top: 5px;
}




/* ******************************************************
	Live Demo
*********************************************************/

.description{
	text-align:center;
	font-size: 22px;
	font-weight: 300;
	color: #333;
	line-height:40px;
}



/* ******************************************************
	Related Demo
*********************************************************/

.related {
    background: #ffffff;
    color: #566473;
    font-weight: 300;
    text-align: center;
	margin-bottom:0;
	padding:3em 0;
}
.related p {
    font-size: 1.5em;
    text-align: center;
}
.related a h3 {
	line-height: 1.25;
    margin: 0;
    padding: 0.5em 0 0.3em;
    text-align: left;
	color: #235992;
}
.related a {
	border: 1px solid #9db6cf;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
}
.related a:hover, .related a:focus {
	border-color: #566473;
	color: #566473;
}
.related a img {
	max-width: 100%;
	opacity: 0.8;
}

.related a:hover img,
.related a:focus img,
.related a:active img {
	opacity: 1;
}
/* ******************************************************
	Responsive Grids
*********************************************************/

.rt-container {
	margin: 0 auto;
}
.rt-row:before, .rt-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.rt-row:after {
  clear: both;
}
[class^="col-rt-"] {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 0;
  min-height: 1px;
  position: relative;
}


@media (min-width: 768px) {
  .rt-container {
    width: 100%;
  }
  [class^="col-rt-"] {
    float: left;
    width: 49.9999999999%;
  }
  .col-rt-6, .col-rt-12 {
    width: 100%;
  }

}

@media (min-width: 1200px) {
	.rt-container {
    width: 100%;
	}
	.col-rt-1 {
		width:16.6%;
	}
	.col-rt-2 {
		width:30.33%;
	}
	.col-rt-3 {
		width:50%;
	}
	.col-rt-4 {
		width: 67.664%;
	}
	.col-rt-5 {
		width: 83.33%;
	}


}

@media only screen and (min-width:240px) and (max-width: 768px){
	 .ScriptTop h1, .ScriptTop ul {
		text-align: center;
	}
	.ScriptTop h1{
		margin-top:0;
		margin-bottom:15px;
	}
	.ScriptTop ul{
		 margin-top:12px;
	}

	.ScriptHeader h1,
	.ScriptHeader h2,
	.scriptnav ul{
		text-align:center;
	}
	.scriptnav ul{
		 margin-top:12px;
	}
	#float-right{
		float:none;
	}

}

#cc-slider {
	margin: 0;
    padding: 0;
    height: auto;
    max-height: 500px;
    background: #ffffff;
}


#cc-slider input {
	display: none;
}

#cc-slider label {
	cursor: pointer;
	text-decoration: none;
}
#cc-slider label:hover, #cc-slider label:focus {
	color: #ff0042 !important;
}

#slide1:checked ~ #cc-slides .inner { margin-left:0; }
#slide2:checked ~ #cc-slides .inner { margin-left:-100%; }
#slide3:checked ~ #cc-slides .inner { margin-left:-200%; }
#slide4:checked ~ #cc-slides .inner { margin-left:-300%; }
#slide5:checked ~ #cc-slides .inner { margin-left:-400%; }


#overflow {
	width: 100%;
	overflow: hidden;
}

#cc-slides article img {
	width: 100%;
	max-height: 500px;
}

#cc-slides .inner {
	width: 500%;
	line-height: 0;
}

#cc-slides article {
	width: 20%;
	float: left;
    position: relative;
}

#controls {
    height: 64px;
    position: absolute;
    width: 100%;
	top: 6px;
}

#controls label {
	display: none;
	width: 64px;
	height: 64px;

}

#active {
	margin: 23% 0 0;
	text-align: center;
}

#active label {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #f89e67;
}

#active label:hover, #active label:focus {
	background: #ccc;
	border-color: #777 !important;
}

#controls label:hover? #controls label:focus {
	opacity: 0.8;
}

#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(5),
#slide5:checked ~ #controls label:nth-child(1) {
	background: url('https://www.facilenfil.fr/public_html/medias/img/right-arrow.png') no-repeat;
	float: right;
	margin: 0.5em;
	display: block;
}


#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) {
	background: url('https://www.facilenfil.fr/public_html/medias/img/left-arrow.png') no-repeat;
	float: left;
	margin: 0.5em;
	display: block;
}



/* cctooltip Box */

.cctooltip {
    color: #FFFFFF;
    line-height: 1em;
	width: 100%;
    margin-top: 0px;
    opacity: 0;
    position: absolute;
	bottom:0;
    text-align: left;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.cctooltip h3 {
	color: #002F79;
    margin: 0;
    font-weight: normal;
    font-size: 1.7em;
    font-style: normal;
    background: none repeat scroll 0 0 rgb(161, 202, 235, 0.8);
    padding: 0.5em;
}
.cctooltip p {
    color: #002F79;
    font-weight: normal;
    font-size: 1.2em;
    font-style: normal;
    background: none repeat scroll 0 0 rgb(255, 255, 255, 0.6);
    padding: 0.5em;
    line-height: 1em;
	margin: 0;
}



/* cc-slider Styling */

#cc-slides {
	margin: 0;


	padding: 0;

	background: #ffffff;

}


/* Animation */

#cc-slides .inner {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#cc-slider {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#controls label{
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

#slide1:checked ~ #cc-slides article:nth-child(1) .cctooltip,
#slide2:checked ~ #cc-slides article:nth-child(2) .cctooltip,
#slide3:checked ~ #cc-slides article:nth-child(3) .cctooltip,
#slide4:checked ~ #cc-slides article:nth-child(4) .cctooltip,
#slide5:checked ~ #cc-slides article:nth-child(5) .cctooltip {
	opacity: 1;
	-webkit-transition: all 1s ease-out 0.6s;
	-moz-transition: all 1s ease-out 0.6s;
	-o-transition: all 1s ease-out 0.6s;
	transition: all 1s ease-out 0.6s;
}

.hidden-before-size-selected, .hidden-before-color-selected {
	display: none;
}

.cookiebanner {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	min-height: 1em;
	z-index: 255;
	color: #ffffff;
	line-height: 1em;
	padding: 0.5em;
	font-size: 0.8em;
	background: #ee3e34;
}

.cookiebanner .cookiebanner-audience-yes, .cookiebanner .cookiebanner-close, .cookiebanner .cookiebanner-configure, .cookiebanner form input[type=button] {
	cursor: pointer;
	padding: 0em 0.5em;
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #ffffff;
	float: right;
	color: #ee3e34;
	margin: 0 0 0 0.5em;
}

.cookiebanner form {
	display: inline-block;
	width: auto;
}

.cookiebanner form input[type=radio] {
	width: auto;
}

.cookiebanner form input[type=submit], .submit, .cookiebanner form input[type=button] {
	font-size: 1em;
}

.dispo {
	font-size: 0.7em;
  font-weight: normal;
  width: 100%;
  padding: 0.3em;
  text-align: right;
  margin-top:0.5em;
}


.nb-couleurs, .nb-tailles {
  text-shadow:0 0 0;
}


.noty_bar.success {
  background-color: #efefef !important;
	color: #000 !important;
	border-color: #cccc !important;
}


.exec-validate .spe {
  max-width:300px !important;
  padding: 1em !important;
}