/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
	html {line-height: 1.15;-webkit-text-size-adjust: 100%;}	body {margin: 0;}	main {display: block;}	em {font-style:normal;}	h1 {font-size: 2em;margin: 0.67em 0;}	hr {box-sizing: content-box;height: 0;overflow: visible;}	pre {font-family: monospace, monospace;font-size: 1em;}	a { background-color: transparent;}	abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}	b, strong {font-weight: bolder;}	code, kbd ,samp {font-family: monospace, monospace;font-size: 1em;}	small {font-size: 80%;}	sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}	sub {bottom: -0.25em;}	sup {top: -0.5em;}	img {border-style: none;}	button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}	button, input {overflow: visible;}	button, select {text-transform: none;}	button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}	button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}	button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}	fieldset {padding: 0.35em 0.75em 0.625em;}	legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}	progress {vertical-align: baseline;}	textarea {overflow: auto;}	[type="checkbox"],	[type="radio"] {box-sizing: border-box;padding: 0;}	[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}	[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}	[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}	::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}	details {display: block;}	summary {display: list-item;}	template {display: none;}	[hidden] {display: none;}	ul, ol, li {list-style-type:none;margin:0;padding:0;}

/* GENERAL */
	html, body {font-family: 'Noto Sans', sans-serif;font-size:1rem;height:100.1%;background:#f7f7f7;color:#173C77}
	* {padding:0;margin:0;box-sizing:border-box;}
	a {text-decoration:none;color:#173C77;transition:.2s;}
	a:hover {color:#939393/*#A8A8A8*/}
	form {margin:0;padding:0;}
	.clearboth {content:"";display:block;clear:both;}
	.Grandstander {font-family: 'Grandstander', cursive;}

/* Google Chrome form autocomplete */
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active {
		-webkit-box-shadow: 0 0 0px 1000px white inset; /* couleur de fond */
		-webkit-text-fill-color: #000; /* couleur du texte */
		transition: background-color 5000s ease-in-out 0s; /* empeche le flash jaune */
	}

/* MESSAGE ERREUR - ALERTE */
	.message {text-align:center;position:fixed;width:100%;z-index:10;padding:20px;font-size:0.90rem;top:0}
	.message-invalid {background:#E84B52;color:#FFEEEE;}
	.message-valid {background:#2DA997;color:#fff;}
	.message-jaune {background:#FDC91C;text-align:center;padding:15px;}

/* FORMULAIRE */
	input[type=text], input[type=submit], input[type=number], input[type=tel], input[type=password], input[type=email], input[type=date], select, button, textarea, file, input[type=file] 
		{font-family: 'Noto Sans', sans-serif;-webkit-appearance: none;border:1px solid #CED4DA;outline:none;padding:10px 5px;font-size:1rem;transition:.2s;border-radius:5px;background:#fff;resize:none;color:#505050;width:100%;}
	input:hover, select:hover, button:hover, input:focus, select:focus, button:focus, textarea:hover, textarea:focus {border:1px solid #CED4DA;box-shadow: 0 0 2px 2px #CED4DA;}
	select, input[type=file], file {cursor:pointer}
	input[type=submit].btn_submit, input[type=text].btn_submit, button.btn_submit {letter-spacing:0.05rem;cursor:pointer;border-radius:5px;padding:12px 30px;font-size:1.150rem;transition:0.2s;background:#00A9B0;color:#fff;border:none;}
	input[type=submit].btn_submit:hover, input[type=text].btn_submit:hover, button.btn_submit:hover {box-shadow:0 0 0 1px #00A9B0;color:#fff;border:none;}
	input[type=submit].btn_sumit_small, input[type=text].btn_sumit_small {letter-spacing:0.025rem;cursor:pointer;border-radius:5px;padding:10px 5px;font-size:1rem;transition:0.2s;background:#173C77;color:#fff;border:none;border:1px solid #CED4DA;}
	input[type=submit].btn_sumit_small:hover, input[type=text].btn_sumit_small:focus {box-shadow:none;background:#2DA997}
	input[type=checkbox] {position: relative;cursor: pointer;width:auto;border:none}
	input[type=checkbox]:before {content: "";display: block;width: 16px;height: 16px;border: 1px solid #2DA997;border-radius: 2px;background-color: white;}
	input[type=checkbox]:checked:after {content: "";display: block;width: 5px;height: 10px;border: solid #2DA997;border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);position: absolute;top: 2px;left: 6px;}
	input[type=radio] {position: relative;cursor: pointer;width:auto;border:none}
	input[type=radio]:before {content: "";display: block;width: 16px;height: 16px;border: 1px solid #2DA997;border-radius: 2px;background-color: white;}
	input[type=radio]:checked:after {content: "";display: block;width: 5px;height: 10px;border: solid #2DA997;border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);position: absolute;top: 2px;left: 6px;}
	input.disabled {background:#efefef;color:#666;text-shadow:1px 1px #fff;}
	.label {font-size:.9250rem;color:#999;display:block;margin-left:10px;position:absolute;background:#fff;margin-top:-8px;padding:0 10px;border-radius:5px;}
	.label a {position:absolute;font-size:0.650rem;right:0;margin:3px 10px 0 0;color:#9E9E9E;right:0;}	

/* PAGE CONNEXION */
	table.conn {width:100%;height:100%}
	table.conn td {vertical-align:top;}
	table.conn td.bl2 {
	background-image: url(/images/auzou_conn.jpg?a=1);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover; /* clé pour occuper 100% */
		width: 50%;
		padding: 0;
		margin: 0;
		border: none;
	}
	table.conn td.bl1 {width:50%}
	table.conn td.bl1 .main {max-width:70%;margin:0 auto;padding-bottom:20px;}
	table.conn td.bl1 .main input, table.conn td.bl1 .main select, table.conn td.bl1 .main textarea {margin-bottom:20px;}
	table.conn td.bl1 .main div.logo {margin:50px 0 90px 0;}
	table.conn td.bl1 .main p.titre {font-size:2rem;margin-bottom:70px;font-weight:bold;}
	table.conn td.bl1 .main p.titre span {border-bottom:3px solid #E84B52;padding-bottom:10px;}
	table.conn td.bl1 .main p.laius {font-size:.850rem;margin-bottom:30px;line-height:1.5rem}
	table.conn td.bl1 .main p.laius a {text-decoration:underline;}
	table.conn td.bl1 .main div.footer {margin-top:50px;font-size:.850rem;color:#999}
	table.conn td.bl1 .main div.footer a {text-decoration:none;}
	table.conn td.bl1 .main .recuppwd  {text-align:center;width:100%;font-size:.850rem}

/* HEADER */
	header {border-bottom:1px solid #ccc;}
	header .bandvert {padding:15px 20px;background:#00A9B0;color:#fff;font-size:0.80rem;}
	header .bandvert ul li {display:inline-block;}
	header .bandvert ul li img {vertical-align:middle;}
	header .bandvert ul li.right {float:right;}
	header .bandvert ul li a {color:#fff;margin-right:20px;}
	header .bandvert ul li a span {text-transform:capitalize;margin-left:5px;}
	header table.logo-search-panier {width:100%;padding:20px}
	header table.logo-search-panier td.logo {width:221px;}
	header table.logo-search-panier td.search {width:auto;padding:0 50px}
	header table.logo-search-panier td.panier {width:75px;position:relative;text-align:center}
	header table.logo-search-panier td span.total {display:block;font-weight:bold;font-size:0.8750rem;}
	header table.logo-search-panier a:hover {color:inherit}
	header .badge {
		position:absolute;
		top:5px;
		left:2px;
		min-width: 25px;
		height: 25px;
		padding: 0 5px;            /* espace pour les grands nombres */
		background-color: #ff4d4d;
		color: white;
		border-radius: 50%;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		white-space: nowrap; font-size:.80rem
	}
	header .search2 {display:none;}

/* CONTENU */
	.content {padding:0 20px;}
	.content .h1 {text-align:center;margin:30px 0;}
	.content .h1 a {text-decoration:underline}
	.content .h1 span {/*display:block;*/font-size:1rem;font-weight:normal;font-family: 'Noto Sans', sans-serif;color:#999;margin-bottom:5px;}
	.content .h1 sup {font-weight:normal;margin-left:3px;font-style:italic;font-size:0.850rem;}
	.content .bloc {border:1px solid #e1e1e1;background:#fff;border-radius:5px;padding:20px;position:relative;}

/* COMPTE */
	.compte ul::after {content:'';display:block;clear:both;}
	.compte ul li {float:left;width:25%}
	.compte ul li a:hover {text-decoration:underline;color:#173C77}
	.compte ul li div {padding:20px;background:#FFF;margin:0 5% 10% 5%;width:90%;border:1px solid #e1e1e1;text-align:center;border-radius:5px;}
	.compte ul li div p span {display:block;margin-top:15px;text-transform:uppercase;}
	.compte ul li div p {text-align:center;font-weight:bold;}
	.decon {text-align:center;}
	.decon a {color:#bf0000;font-weight:bold;}

/* MENU */
	.menu_cat1 > li {margin-bottom:15px;} /* bloc cat_niv_1 */
	.menu_cat1 > li > a {display:inline-block;text-align:left;padding:15px 20px;border-radius:5px;width:100%;font-size:1rem;color:#fff;font-weight:bold;transition:.2s} /* 1er niveau */
	.menu_cat1 > li > ul > li > a {display:inline-block;margin: 15px 0 0 15px;width:100%;font-size:0.90rem;color:#173C77;/*font-weight:bold;*/} /* 2ème niveau */
	.menu_cat1 > li > ul > li > ul > li > a {display:inline-block;color:#999;margin: 10px 0 0 30px;width:100%;font-size:0.850rem;} /* 3ème niveau */
	.menu_cat2, .menu_cat3 {max-height: 0;overflow: hidden;transition: max-height 0.5s ease;}
	.menu_cat2.open, .menu_cat3.open {max-height: 2000px; }
	.menu_cat1 > li > a:hover {color:#efefef;opacity:.9} /* 1er niveau */
	.menu_cat1 > li > ul > li > a:hover,
	.menu_cat1 > li > ul > li > ul > li > a:hover {color:#E84B52;font-weight: bold;}
	.menu_cat1 > li > a.active {color: #efefef !important;font-weight: bold;} /* niveau 1 */
	.menu_cat1 > li > ul > li > a.active {color: #E84B52 !important;font-weight: bold;} /* Lien actif en rouge et gras */
	.menu_cat1 > li > ul > li > ul > li > a.active {color: #E84B52 !important;font-weight: bold;} /* Lien actif en rouge et gras */
	.menu_cat1 > li > ul > li > a.best_link {border:1px solid #e1e1e1;background:#fff;border-radius:5px;width:auto;padding:5px 10px 5px 5px} /* Lien actif en rouge et gras */
	.menu_cat1 > li > ul > li > a.best_link.active_best {color: #E84B52 !important;font-weight: bold;} /* Lien actif en rouge et gras */

	.effet {position: relative;overflow: hidden;/* indispensable */ text-align:center;}
	.effet i {font-style:normal;background: linear-gradient(90deg, #127CC9, #E3305D, #FCC500);-webkit-background-clip: text;background-clip: text;color: transparent;}
	/* Bordure dégradée animée */
	.effet::before {content: "";position: absolute;inset: 0;padding: 3px; /* épaisseur de la bordure */border-radius: inherit;
	background: linear-gradient(
			90deg,
			#81CFF4,
			#EB6855,
			#EE7A23,
			#FCC500,
			#E3305D,
			#2C4596,
			#07A378,
			#17B9CB,
			#7E62A6,
			#127CC9,
			#01A9B0
		);
		background-size: 400% 100%;animation: borderGradient 20s linear infinite;/* masque pour ne garder que la bordure */-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
		-webkit-mask-composite: xor;mask-composite: exclude;
	}
	/* Animation */
	@keyframes borderGradient {
		0%   { background-position: 0% 50%; }
		100% { background-position: 400% 50%; }
	}

/* SLIDER ARTICLE */
	.slider_home {margin:40px auto 20px auto;padding:0}
	.slider_home::after {content: '';display: block;clear: both;}
	.slider_home .h2 {margin-bottom:40px;font-weight:bold;font-family: 'Grandstander', cursive;font-size:2.50rem;text-align:center;color:#173C77;}
	.slider_home .carousel a:hover {color:inherit}
	.slider_home .carousel::after {content:"";display:block;clear:both;}
	.slider_home .carousel li.car-cel {float:left;width:25%;}
	.slider_home .carousel li.car-cel div.marge {border:1px solid #e1e1e1;background:#fff;border-radius:5px;padding:20px;margin:0 10px 20px 10px;position:relative;}
	.slider_home .carousel li.car-cel div.marge .img {width: 180px;height: 180px;display: flex;align-items: center;justify-content: center;margin:0 auto}
	.slider_home .carousel li.car-cel div.marge .img img {max-width: 100%;max-height: 100%;}
	.slider_home .carousel li.car-cel div.marge h3.h3 {font-size:0.90rem;margin-top:10px;font-weight:normal;text-align:left;color:#173C77;height:40px;overflow:hidden;line-height:1.150rem;}
	.slider_home .carousel li.car-cel div.marge table {width:100%}
	.slider_home .carousel li.car-cel div.marge table.age-prix {width:100%;margin-top:20px;}
	.slider_home .carousel li.car-cel div.marge table.age-prix td {width:50%}
	.slider_home .carousel li.car-cel div.marge table.age-prix td.right {text-align:right;}
	.slider_home .carousel li.car-cel div.marge table td.right {text-align:right;}
	.slider_home .carousel li.car-cel div.marge span.prixclient {font-size:1.30rem;font-weight:bold;color:#E84B52;}
	.slider_home .carousel li.car-cel div.marge .prixconseille {text-align:center;font-size:0.85rem;}
	.slider_home .carousel li.car-cel div.marge span.age {width:auto;border-radius:3px;font-size:0.80rem;border:2px solid #00A9B0;padding:8px 10px;margin:10px 0;color:#00A9B0;font-weight:bold}
	.slider_home .carousel li.car-cel div.marge span.famille {display:block;color:#999;font-size:0.850rem;font-weight:bold;margin:10px 0}
	/* A PARAITRE */
	.slider_home .carousel li.car-cel div.marge .soon {position:absolute;z-index:1;background:#37A9B1;color:#fff;padding:3px 8px 4px 8px;border-radius:3px;font-size:0.80rem;}
	.slider_home .carousel li.car-cel div.marge .soon::before {content:'À paraître';}
	/* NOUVEAUTES */
	.slider_home .carousel li.car-cel div.marge .nouv {position:absolute;z-index:1;	background: linear-gradient(90deg, #E84B52, #E84B52);color:#fff;padding:3px 8px 4px 8px;border-radius:3px;font-size:0.80rem;}
	.slider_home .carousel li.car-cel div.marge .nouv::before {content:'Nouveauté';font-style:italic;}
	/* FAVORIS */
 	.slider_home .carousel li.car-cel div.marge .favoris {position:absolute;right:0;margin:-5px 15px 0 0;cursor:pointer}
	.slider_home .carousel .flickity-prev-next-button {width:30px;height:30px;-webkit-transform: none;transform: none;border:none;outline:none;background: rgba(0,169,176, 1);color:#fff;}
	.slider_home .carousel .flickity-prev-next-button.previous {left:0px;}
	.slider_home .carousel .flickity-prev-next-button.next {right:0px;}

/* CATALOGUE */
	.catalogue {display: flex;align-items: flex-start;}
	.catalogue .menu {width:300px;flex-shrink: 0;}
	.catalogue .article {flex: 1/*Prend la place restante*/; padding-left: 20px;}
	.catalogue .article	ul.cat a:hover {color:inherit}
	.catalogue .article	ul.cat::after {content:"";display:block;clear:both;}
	.catalogue .article	ul.cat li {float:left;width:25%;}
	.catalogue .article ul.cat li div.marge {border:1px solid #e1e1e1;background:#fff;border-radius:5px;padding:20px;margin:0 0 20px 20px;position:relative;}
	.catalogue .article ul.cat li .img {width: 180px;height: 180px;display: flex;align-items: center;justify-content: center;margin:0 auto}
	.catalogue .article ul.cat li .img img {max-width: 100%;max-height: 100%;}
	.catalogue .article ul.cat li h2.h2 , .article ul.cat li h3.h3{font-size:0.90rem;margin-top:10px;font-weight:normal;text-align:left;color:#173C77;height:40px;overflow:hidden;line-height:1.150rem;}
	/*** A PARAITRE ***/
	.catalogue .article ul.cat li .soon {position:absolute;z-index:1;background:#37A9B1;color:#fff;padding:3px 8px 4px 8px;border-radius:3px;font-size:0.80rem;}
	.catalogue .article ul.cat li .soon::before {content:'À paraître';}
	/*** NOUVEAUTES ***/
	.catalogue .article ul.cat li .nouv {position:absolute;z-index:1;background: linear-gradient(90deg, #E84B52, #E84B52);color:#fff;padding:3px 8px 4px 8px;border-radius:3px;font-size:0.80rem;}
	.catalogue .article ul.cat li .nouv::before {content:'Nouveauté';font-style:italic;}
	.catalogue .article ul.cat span.prixclient {font-size:1.30rem;font-weight:bold;color:#E84B52;}
	.catalogue .article ul.cat span.age {width:auto;border-radius:3px;font-size:0.80rem;border:2px solid #00A9B0;padding:8px 10px;margin:10px 0;color:#00A9B0;font-weight:bold}
	.catalogue .article ul.cat table.age-prix {width:100%;margin-top:20px;}
	.catalogue .article ul.cat table.age-prix td {width:50%}
	.catalogue .article ul.cat table.age-prix td.right {text-align:right;}
	.catalogue .article ul.cat .prixconseille {text-align:center;font-size:0.85rem;}
	.catalogue .article ul.cat li .favoris {position:absolute;right:0;margin:-5px 15px 0 0;cursor:pointer}
	.catalogue .article ul.cat li span.famille {display:block;color:#999;font-size:0.850rem;font-weight:bold;margin:10px 0}
	.catalogue .article	.filtre {margin:0 10px 30px 20px;}
	.catalogue .article	.filtre table {width:100%;}
	.catalogue .article	.filtre table td.num {width:20%}
	.catalogue .article	.filtre table td.search {width:30%;padding:0 0 0 10px}

	.cmd table {width:100%;font-size:0.850rem;}
	.cmd table tr.titre {background:#efefef;font-weight:bold;}
	.cmd table tr td {border-bottom:1px solid #e1e1e1;padding:5px;}
	.cmd table tr td.right {text-align:right;}
	.cmd table tr td.center {text-align:center;}
	.cmd table tr td span {display:block;color:#999;font-style:italic;margin-top:5px;}

/* CATALOGUE ADD PANIER */
	table.addbasket {width:100%;background:#EFEFEF;padding:10px;border-radius:10px;margin: 20px auto 20px auto;height:65px;}
	table.addbasket button.btn-vide {width:auto;padding:10px 10px 7px 10px;background:#efefef;border:1px solid #efefef}
	table.addbasket button.btn-vide:hover,
	table.addbasket button.btn-vide:focus
	{box-shadow:none}
	table.addbasket button.btn-vide svg {fill:#efefef;width:18px;height:18px;}
	table.addbasket button.btn-minus,
	table.addbasket button.btn-plus {width:auto;padding:10px 10px 7px 10px;cursor:pointer;transition:.3s}
	table.addbasket button.btn-minus svg,
	table.addbasket button.btn-plus svg {fill:#777;width:18px;height:18px;transition:.3s}
	table.addbasket button.btn-plus:hover svg {fill:#00A9B0}
	table.addbasket button.btn-minus:hover svg {fill:#E84B52}
	table.addbasket .qty {display:block;transition: transform 0.15s ease;font-weight:bold;color:#777;font-size:1.150rem;}
	table.addbasket .qty.bump {transform: scale(1.3);}
	table.addbasket td.min {width:20%;text-align:left;}
	table.addbasket td.qte {width:60%;text-align:center;}
	table.addbasket td.plus {width:20%;text-align:right;}
	table.addbasket td.cloche {text-align:center;font-size:0.80rem;color:#E84B52;}	
	table.addbasket td.cloche a {text-decoration:underline;color:inherit}	
	table.addbasket td.cloche .favLoad img {vertical-align:middle;margin-right:7px;}	
	table.addbasket td.cloche .favLoad {cursor:pointer}
	table.addbasket td.cloche .favLoad .vert {color:#7EA800}
	table.addbasket td.cloche .favLoad .orange {color:orange}

/* FOOTER */
	#footer {background:#00A9B0;color:#fff;padding:50px 0;margin-top:50px;}
	#footer	nav::after {content:'';display:block;clear:both}
	#footer	nav .bloc_footer {float:left;width:25%;padding:0 20px}
	#footer	nav .bloc_footer.hide {display:block;}
	#footer	nav .accordion {margin-bottom:5px;font-weight:bold;font-size:1.050rem;font-family: 'Grandstander', cursive;color:#fff}
	#footer	nav ul.panel li {padding:5px 0;margin-left:5px;font-size:0.850rem;}
	#footer	nav ul.panel li.rx img {height:40px;width:auto;}
	#footer	nav ul.panel li.rx a {margin:0 15px 15px 0;}
	#footer	nav ul.panel li.rx a:last-child {margin-right:0}
	#footer	nav ul.panel li img.logo {max-width:250px;height:auto;}
	#footer	nav ul.panel li span {color:#fff;display:block;margin-top:5px;}
	#footer	nav ul.panel li a {color:#fff;transition:.2s;}
	#footer	nav ul.panel li a:hover {text-decoration:underline;}
	#footer .end_footer	{text-align:center;font-size:0.70rem;color:#fff;margin-top:25px}
	#footer .end_footer	a {margin: 0 5px 0 5px;color:#fff}

/* MENU HEADER */
	ul.header_cat {text-align:center;background:#fff;border-bottom:1px solid #ccc}
	ul.header_cat li {display:inline-block;padding:10px;text-transform:uppercase;font-size:0.8250rem;}
	ul.header_cat li a {font-weight:bold;}	
	ul.header_cat li a:hover {color:#00A9B0}	
	ul.header_cat li .new i {font-style:normal;background: linear-gradient(90deg, #127CC9, #E3305D, #FCC500);-webkit-background-clip: text;background-clip: text;color: transparent;}
	
/* PAGINATION */
	.pagination {padding-top:50px;text-align:center;font-size:1rem;width:100%;color:#173C77;}
	.pagination span {padding:4px 6px;border-radius:5px;background:transparent;color:#173C77;font-weight:bold;}
	.pagination a {padding:4px 6px;border-radius:5px;background:#00A9B0;margin: 0 3px;color:#fff;}
	.pagination a:hover {background:#00A9B0;color:#fff;}
	.pagination a.suiv:before {content:">>";padding:4px 8px;}
	.pagination a.prec:before {content:"<<";padding:4px 8px;}

/* Flickity */
/*! Flickity v2.2.1 https://flickity.metafizzy.co */
	.flickity-enabled {position: relative;}
	.flickity-enabled:focus { outline: none; }
	.flickity-viewport {overflow: hidden;position: relative;height: 100%;}
	.flickity-slider {position: absolute;width: 100%;height: 100%;}
	/* draggable */
	.flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}
	.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}
	/* ---- flickity-button ---- */
	.flickity-button {position: absolute;background: hsla(0, 0%, 100%, 0.75);border: none;color: #333;}
	.flickity-button:hover {background: white;cursor: pointer;}
	.flickity-button:focus {outline: none;box-shadow: 0 0 0 5px #19F;}
	.flickity-button:active {opacity: 0.6;}
	.flickity-button:disabled {opacity: 0;cursor: auto;/* prevent disabled button from capturing pointer up event. #716 */pointer-events: none;}
	.flickity-button-icon {fill: currentColor;}
	/* ---- previous/next buttons ---- */
	.flickity-prev-next-button {top: 50%;width: 44px;height: 44px;border-radius: 50%;/* vertically center */transform: translateY(-50%);}
	.flickity-prev-next-button.previous { left: 10px; }
	.flickity-prev-next-button.next { right: 10px; }
	/* right to left */
	.flickity-rtl .flickity-prev-next-button.previous {left: auto;right: 10px;}
	.flickity-rtl .flickity-prev-next-button.next {right: auto;left: 10px;}
	.flickity-prev-next-button .flickity-button-icon {position: absolute;left: 20%;top: 20%;width: 60%;height: 60%;}
	/* ---- page dots ---- */
	.flickity-page-dots {position: absolute;width: 100%;bottom: -30px;padding: 0;margin: 0;list-style: none;text-align: center;line-height: 1;}
	.flickity-rtl .flickity-page-dots { direction: rtl; }
	.flickity-page-dots .dot {display: inline-block;width: 10px;height: 10px;margin: 0 8px;background: #333;border-radius: 50%;opacity: 0.25;cursor: pointer;}
	.flickity-page-dots .dot.is-selected {opacity: 1;}
	/******** Full Slider ********/
	#full_slide {margin-bottom:50px;}
	#full_slide .carousel {background: transparent;}
	#full_slide .carousel-cell {width: 100%;height: auto;/* flex-box, center image in cell */display: -webkit-box;display: -webkit-flex;display:flex;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	#full_slide .carousel-cell img {display: block;max-width: 100%;max-height: 100%;}
	/*	Effect image slider #full_slide .carousel-cell img {display: block;max-width: 100%;max-height: 100%;opacity: 0.7; -webkit-transform: scale(0.85);transform: scale(0.85);-webkit-filter: blur(5px);filter: blur(5px);-webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;transition: opacity 0.3s, transform 0.3s, filter 0.3s;}*/
	/* brighten selected image */
	#full_slide .carousel-cell.is-selected img {opacity: 1;-webkit-transform: scale(1);transform: scale(1);-webkit-filter: none;filter: none;}
	#full_slide .flickity-page-dots > .dot {background:rgba(0,0,0);}
	#full_slide .flickity-page-dots > .dot.is-selected {background:#00A9B0;}
	#full_slide .flickity-prev-next-button {width: 50px;height: 50px;border-radius: 50%;}
	#full_slide .flickity-button-icon {fill: #fff;}
	#full_slide .flickity-prev-next-button.previous {background:#00A9B0;}
	#full_slide  .flickity-prev-next-button.next {background:#00A9B0;}


/* Mentions Légales / CGU / Cookies */
	.bloc ul.ml li {color:#666}
	.bloc ul.ml li a {text-decoration:underline;color:#173C77}
	.bloc ul.ml li a:hover {color:#173C77}
	.bloc ul.ml li.niv_1 {font-weight:bold;text-transform:uppercase;margin:20px 0 50px 0}
	.bloc ul.ml li.niv_2 {font-weight:bold;text-transform:capitalize;margin:15px 0 10px 20px}
	.bloc ul.ml li.niv_3 {margin:0 0 30px 50px;line-height:1.50rem;}
	.bloc ul.ml li.niv_3 p {margin-bottom:10px;}


/* RWD */

@media all and (min-width: 1600px) {
	table.conn td.bl1 .main {max-width:60%;}
}
@media all and (max-width: 1280px) {
	.catalogue .article	ul.cat li {width:33.3333%;}
	.compte ul li {width:33.3333%}
	#footer	nav ul.panel li img.logo {max-width:100%;height:auto;}
	.slider_home .carousel li.car-cel {width:33.3333%;}
}
@media all and (max-width: 1100px) {
	table.conn td.bl1 .main {max-width:90%;}
	.catalogue .article	ul.cat li {width:50%;}
	.compte ul li {width:50%}
}
@media all and (max-width: 980px) {
	.catalogue { flex-direction: column;}
	.catalogue .menu {width: 100%;}
	.catalogue .article {padding-left: 0;}
	.catalogue .article	ul.cat li {width:33.3333%;}
}

@media all and (max-width: 768px) {
	ul.header_cat {display:none;}

	header .bandvert {display:none;}
	header table.logo-search-panier {width:100%;padding:20px}
	header table.logo-search-panier td.search {display:none;}
	header table.logo-search-panier td.logo {width:70%;}
	header table.logo-search-panier td.logo img {width:80%;height: auto;max-width:180px;}
	header table.logo-search-panier td.panier {position:relative;text-align:right}
	header .search2 {display:block;}
	header .search2 input {width:100%;margin: 15px 0 0 0;font-size:1rem;}
	header .badge {
		position: absolute;
		top: -5px;
		right: -10px;
		background-color: #ff4d4d;
		color: white;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: .8rem;
		font-weight: bold;
		line-height: 1;
		aspect-ratio: 1 / 1;        /* garde la forme ronde */
		min-width: 22px;            /* taille mini pour 1 chiffre */
		padding: 0 6px;             /* s’adapte pour 2 chiffres */
		box-sizing: border-box;
	}

	table.conn td.bl1 {width:100%}
	table.conn td.bl2 {display:none;}
	table.conn td.bl1 .main {max-width:100%;margin:0;padding:0 20px 20px 20px;}
	.catalogue .article	ul.cat li {width:50%;}
	.compte ul li {float:none;width:100%}
	.compte ul li div {margin:5% 0;width:100%}
	#footer {padding:0;}
	#footer	nav .bloc_footer {float:none;width:auto;padding:0}
	#footer	nav .bloc_footer.hide {display:none;}
	#footer	nav .accordion {cursor: pointer;padding:20px;width: 100%;border-bottom:1px solid #fff;text-align: left;transition: 0.3s;box-sizing: border-box;margin-bottom:0;color: #fff;}
	#footer button.accordion {border-bottom:none;color: #fff;}
	#footer	nav .accordion.active, #footer button.accordion:hover {border-bottom:none;color: #fff;}
	#footer	nav .accordion:after {content: '▼';font-size: 0.80rem;color: #fff;float: right;margin-left: 5px;}
	#footer	nav .accordion.active:after {content: '▲';color: #fff;}
	#footer	nav ul.panel {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
	#footer	nav ul.panel li {padding:0}
	#footer	nav ul.panel li a {display:block;padding:0 0 15px 0;margin-left:25px;font-size:0.850rem;}
	#footer	nav .accordion.norm_acc:after {content: '';}
	#footer	nav .accordion.norm_acc.active:after {content: '';}
	#footer	nav .accordion.norm_acc {border-bottom:0px solid;}
	#footer	nav ul.panel.norm {max-height: auto;overflow: visible;transition: max-height 0.2s ease-out;padding-bottom:70px;margin-left:10px}
	#footer	nav ul.panel.norm li {}
	#footer	nav ul.panel.norm li a {display:inline-block;}
	.slider_home .h2 {font-size:2rem;}
	.slider_home .carousel li.car-cel {width:50%;}
}

@media all and (max-width: 600px) {
	.slider_home .carousel li.car-cel {width:100%;}
	.catalogue .article	ul.cat li {width:100%;}
	.catalogue .article ul.cat li div.marge {margin:0 0 20px 0;}
}