/* Normalize */
	aside,main,article,section,nav,figure,figcaption {display: block;} em {font-style:normal;} h1,h2,h3,h4,h5,h6,div,p,span,em,figure,picture,section {margin:0;padding: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; /* 1 */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;}

/* FONTS */
	@font-face {
	  font-family: 'Londrina Solid';
	  font-style: normal;
	  font-weight: 400;
	  font-display: swap;
	  src: url(https://fonts.gstatic.com/s/londrinasolid/v10/flUhRq6sw40kQEJxWNgkLuudGfNeKBM.woff2) format('woff2');
	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

/* GENERAL */
	html, body {font-family:arial,sans-serif;font-size:1rem;height:100.2%;color:#3C3C3B}
	* {padding:0;margin:0;box-sizing:border-box;}
	a {text-decoration:none;color:#3c3c3b;transition:.2s;}
	a:hover {color:#2196f3;}
	.flash {display:none;}
	.connexion-remise {display:block;background:#FBB900;padding:10px;border-radius:3px;text-align:center;color:#fff;margin:5px 0 10px 0;}
	.connexion-remise:hover {color:#fff;}
	.TimeToExec {width:100%;text-align:center;font-size:0.70rem;}
	.openFilter, .closeFilter {display:none;}
	.rotator {display:none;background:#2196f3;color:#fff;padding:10px;text-align:center;vertical-align:middle;}
	.rotator span.static {font-size:0.90rem;}
	.rotator em {font-weight:bold;font-size:0.80rem;display:inline-block;}
	.rotator a {color:#fff;text-decoration:underline;}
		@media all and (max-width: 600px) { 
		.rotator span.static {display:block;} 
		}

/* CONTENEUR */
	.content {margin:0 auto;max-width:1400px;}
	.contentpad {margin:0 auto;max-width:1420px;padding:0 20px;}
	.landpagetxt {margin:20px 0 0 0;padding-top:20px;border-top:1px solid #e1e1e1}
	.landpagetxt h4, .landpagetxt p {display:inline;color:#999;font-size:0.80rem;font-weight:normal;}
	.clearboth {content:"";clear:both;}

/* INFO BULLE */
	.tooltip {position: relative;display: inline-block;cursor:help;}
	.tooltip img {vertical-align:bottom}	
	.tooltip .tooltiptext {display:none;width: 200px;background-color:#3c3c3b;color: #fff;text-align: left;border-radius: 5px;padding:8px;position: absolute;z-index: 1;font-size:0.750rem;top:20px;left:0px;transition:0.2s;font-style:normal;}
	.tooltip:hover .tooltiptext {display:block;}

/* FORM */
	input, select, button, textarea {-webkit-appearance: none;width:100%;border:1px solid #999;outline:none;padding:5px;font-size:0.850rem;transition:.2s;border-radius:3px;background:none;font-size:1rem;resize:none;}
	input:hover, select:hover, button:hover, input:focus, select:focus, button:focus, textarea:hover, textarea:focus   {border:1px solid #2196f3}
	select, input[type=submit] {cursor:pointer;}
	.btn, select.qte {width:100%;text-transform:uppercase;border:none;border-radius: 3px;padding: 12px 0;font-size:0.850rem;font-weight:bold;cursor: pointer;outline: none;letter-spacing:0.02rem;background-position: center;transition: background 0.5s;margin-top:0;margin-bottom:1px;}
	.btnsmall {width:auto;padding: 8px 15px;font-size:0.750rem;}
	.btn:hover, .btn:focus {border:none;}
	.btn img {vertical-align:bottom;margin-right:5px;}
	.btnbleu {color: white;background-color: #2196f3;}
	.btnbleu:hover {background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;}
	.btnbleu:active {background-color: #6eb9f7;background-size: 100%;transition: background 0s;margin-top:1px;margin-bottom:0;}
	.btnorange {color: white;background-color: #f18800;}
	.btnorange:hover {background: #FF9D1A radial-gradient(circle, transparent 1%, #FF9D1A 1%) center/15000%;}
	.btnorange:active {background-color: #FFAE42;background-size: 100%;transition: background 0s;margin-top:1px;margin-bottom:0;}
	.btnjaune {color: #fff;background-color:#FBB900;}
	.btnjaune:hover {background: #FFC222 radial-gradient(circle, transparent 1%, #FFC222 1%) center/15000%;}
	.btnjaune:active {background-color: #FFD055;background-size: 100%;transition: background 0s;margin-top:1px;margin-bottom:0;}
	.btngris {color: white;background-color: #999;cursor:not-allowed;font-weight:normal;font-size:0.8rem;text-transform:capitalize}
	.btnvert {color: white;background-color: #28A745;}
	.btnvert:hover {background: #2DBB4D radial-gradient(circle, transparent 1%, #2DBB4D 1%) center/15000%;}
	.btnvert:active {background-color: #4BD36A;background-size: 100%;transition: background 0s;margin-top:1px;margin-bottom:0;}
	.btnconfirm {color: #fff;background-color:#666;}
	.btnconfirm:hover {background: #777 radial-gradient(circle, transparent 1%, #777 1%) center/15000%;}
	.btnconfirm:active {background-color: #555;background-size: 100%;transition: background 0s;margin-top:1px;margin-bottom:0;}
	.btnrouge, .btnrouge:hover {color: #fff;background-color: #bf0000;}

/* FILARIANNE */
	.filarianne {text-transform:lowercase;margin:15px 0 25px 0;font-size:0.70rem;}
	.filarianne nav h1 {margin:0;padding:0;font-weight:normal;font-size:0.70rem;display:inline;}
	.filarianne nav a {text-decoration:none;color:#999;font-size:0.70rem;}
	.filarianne nav a:hover {color:#2196f3;}
	.filarianne nav a::after {content:" >";margin:0 5px;}
	.filarianne nav a:last-child::after {content:"";margin:0;}
	.filarianne nav a:last-child {color:#2196f3;font-weight:bold;}

/* HEADER */
	header.header .infos {background:#2196f3;color:#FFF;text-align:right;}
	header.header .infos ul  {font-size:0.7850rem;font-weight:normal;}
	header.header .infos ul li {display:inline;}
	header.header .infos ul li span {line-height:20px;}
	header.header .infos ul li a {display:inline-block;color:#FFF;padding:5px 10px;transition:.2s;}
	header.header .infos ul li a:hover {background:#fff;color:#2196f3}
	header.header .infos ul li a:hover svg {fill:#2196f3;}	
	header.header .infos ul li svg {fill:#FFF;transition:0.2s;margin-right:5px;vertical-align:bottom;height:20px;width:auto;}
	header.header ul.logo-search-basket {margin:30px 0;display: inline-flex;width:100%}
	header.header ul.logo-search-basket::after {content: '';display: block;clear: both;}
	header.header ul.logo-search-basket li.logo {width:30%;margin-right:5%;}
	header.header ul.logo-search-basket li.logo img {max-width:100%;height:auto;}
	header.header ul.logo-search-basket li.search {width:48%;text-align:right;padding:15px 0 0 0;position:relative;}
	header.header ul.logo-search-basket li.search input {padding:15px 10px;font-size:1rem;/*width:90%*/}
	header.header ul.logo-search-basket li.basket {width:22%;text-align:right;float:right;padding:10px 0 0 15px}
	header.header ul.logo-search-basket li.basket a {display:block;}
	header.header ul.logo-search-basket li.basket span {display:inline-block;text-align:center;margin:0 10px;padding-top:4px;position:relative;}
	header.header ul.logo-search-basket li.basket em.titre {font-size: 0.6250rem;display:block;font-style:normal;margin-top:3px;}
	header.header ul.logo-search-basket li.basket em.titre b {color:#f18800;font-weight:normal}
	header.header ul.logo-search-basket li.basket em.nbre_art, header.header ul.logo-search-basket li.basket em.nbre_fav {position:absolute;left:35px;top:0;border-radius:10px;display:block;left:-13px;top:4px;width:20px;height:20px;background-color:#f18800;color:#fff;font-size:0.70rem;text-align:center;vertical-align:middle;line-height:1.20rem;}
	header.header ul.logo-search-basket li.basket svg {fill:#3c3c3b;transition: 0.2s;width:30px;height:30px;}
	header.header ul.logo-search-basket li.basket span a {transition: 0.2s;}	
	header.header ul.logo-search-basket li.basket span:hover svg, header.header ul.logo-search-basket li.basket span:hover a {color: #F18800;fill:#F18800}
	header.header ol.autocomplete {margin-top:-2px;position:absolute;background:#fff;z-index:99;width:100%;border-left:1px solid #2196f3;border-right:1px solid #2196f3;}
	header.header ol.autocomplete li {padding:5px 10px;border-bottom:1px solid #2196f3;cursor:pointer;text-align:left;}
	header.header ol.autocomplete li.response div.floatimg {float:left;overflow:hidden;min-width:90px;text-align:center;}
	header.header ol.autocomplete li.response div.floattxt {float:left;width:78%;padding-left:10px;}
	header.header ol.autocomplete li.response div.floattxt p {font-weight:bold;margin:0;color:#3c3c3b;font-size:0.750rem;text-transform:uppercase;}
	header.header ol.autocomplete li.response div.floattxt p em {color:#2196f3}
	header.header ol.autocomplete li.response div.floattxt span {display:block;color:#999;font-size:0.750rem;font-weight:bold;}
	header.header ol.autocomplete li.response div.floattxt span em {font-weight:normal;}
	header.header ol.autocomplete li.response div.floattxt span em::before {content:" | ";}
	header.header ol.autocomplete li.response img {height:50px;width:auto;}
	header.header ol.autocomplete li:hover {background: #f4f4f4;}
	header.header ol.autocomplete li.suggestions {padding:10px;border:none;background:#efefef;font-size:0.80rem;font-weight:bold;cursor:default}
	header.header ol.autocomplete li.voirtout {text-align:center;color:#2196f3;background:#fff;padding:10px;font-size:0.85rem;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
	header.header #autocomplete {/*display: none;*/}
	header.header .explicliredemain {text-align:center;box-shadow: 0px 1px 3px 0px #cccccc;font-size:0.8150rem;padding:8px;background:#FBB900;color:#fff}

/* MEGA MENU */
	#mega-menu {/*position: fixed;z-index: 99;*/width: 100%;background: #efefef;}
	#mega-menu .wrap {position: relative;display: flex;align-items: center;justify-content: space-between;margin:0 auto;max-width:1400px;}
	#mega-menu .wrap .nav-links {display: inline-flex;position:relative;}
	#mega-menu .nav-links li.hide {display:none;}
	#mega-menu .nav-links li {list-style: none;padding:15px 0;}
	#mega-menu .nav-links li a {color: #3c3c3b;text-decoration: none;transition: all .2s ease;padding:15px 8px 15px 8px;font-weight:bold;font-size:0.950rem;}
	#mega-menu .nav-links > li:hover {background:#FBB900;}
	#mega-menu .nav-links .mobile-item {display: none;}
	#mega-menu .nav-links li:hover .mega-box {/*transition: all 0.1s ease;*/top:46px;opacity: 1;border-top:3px solid #fbb900;/*visibility: visible;*/display:block}
	#mega-menu .mega-box {position: absolute;left: 0;opacity: 0;z-index:10;width: 100%;/*visibility: hidden;*/display:none;}
	#mega-menu .mega-box .mega-box-content {background: #fff;padding: 15px;display: flex;width: 100%;justify-content: space-between;border-bottom:1px solid #efefef}
	#mega-menu .mega-box .mega-box-content .row {width: calc(25% - 30px);}
	#mega-menu .mega-box-content .row p {font-size: .950rem;font-weight:bold;color:#fbb900;display:block;margin-bottom:10px;}
	#mega-menu .mega-box-content .heros {text-align:center;}
	#mega-menu .mega-box-content .row img {border:0;max-width:100%;height:auto;vertical-align: bottom;}
	#mega-menu .mega-box-content .row .mega-links {border-left: 1px solid #fbb900;margin-left:5px;}
	#mega-menu .row .mega-links li {margin:0 0 0 10px;padding:0}
	#mega-menu .row .mega-links li a {font-weight:normal;font-size: 0.90rem;margin:0;padding:0;display:block;padding:3px 0 ;}
	#mega-menu .row .mega-links li a:hover {color:#fbb900}
	#mega-menu .row .mega-links li a.menubtn {padding:5px;border-radius:3px;background:#47a7f5;color:#fff;max-width:180px;text-align:center;margin-top:10px ;}
	#mega-menu .wrap .burger {color: #fff;font-size: 20px;cursor: pointer;display: none;}
	/*#mega-menu .wrap .burger.close-btn {position: absolute;right: 20px;top: 7px;color:#3C3C3B;font-size:2rem;color:#f18800;z-index:15;width:100%}*/
	#mega-menu .wrap .burger.close-btn {width:100%;display:block;padding:5px 15px;color:#f18800;font-size:2rem;text-align:right;cursor:pointer}
	#mega-menu input {display: none;}
	/*.burger {display:none;}*/
	#menu-tab {display: none;}

/* CHangement pour Lire l'été
	@media all and (max-width: 1250px) {	#mega-menu .nav-links li.hidepc {display:none;} }
	@media all and (min-width: 1250px) {	#mega-menu .nav-links li.showpc {display:none;} }
	*/
	@media all and (max-width: 1400px) {	#mega-menu .nav-links li.hidepc {display:none;} }
	@media all and (min-width: 1400px) {	#mega-menu .nav-links li.showpc {display:none;} }

	#mega-menu .nav-links .drop-menu {position: absolute;background: #fff;top: 46px;display:none;z-index:10;left:80%;width:200px;padding:10px;border-bottom: 1px solid #efefef}
	#mega-menu .nav-links li:hover .drop-menu {top:46px;opacity: 1;border-top:3px solid #fbb900;display:block;}
	#mega-menu .drop-menu a {font-size: 0.90rem;margin:0;padding:0;float:left;width:100%;line-height:0;}
	#mega-menu .drop-menu a:hover {color:#fbb900}
	#mega-menu .nav-links li.showpc .desktop-item {padding:0 20px}

/* FOOTER */
	#footer {margin-top:100px;background: #f9f9f9}
	#footer ul.newsletter {background: #2196f3;padding:35px 0;/*color:#fff;font-size:2rem;font-family: 'Londrina Solid', cursive;letter-spacing: 0.025rem;font-weight:normal;text-align:center;padding:50px 0;text-transform:capitalize;*/}
	#footer ul.newsletter li {float:left;width:33%;text-align:center;color:#ffffff}
	#footer ul.newsletter li p {display:block;margin-top:10px;font-weight:bold;font-size:1rem;text-transform:uppercase;color:#ffffff;/*font-family: 'Londrina Solid', cursive;letter-spacing: 0.025rem;*/}
	#footer ul.newsletter li p span {display:block;font-size:0.90rem;text-transform:lowercase;font-weight:normal;margin-top:10px;line-height:1.250rem;}
	#footer ul.newsletter li:last-child {float:none;height:0;width:0;width:0;clear:both;}
	#footer ul.newsletter li a {color:#ffffff}

	#footer ul.sdag {width:100%;padding:20px 0;background:#fff}
	#footer ul.sdag::after {content:'';display:block;clear:both;}
	#footer ul.sdag li {float:left;width:33.3333%;text-align:center;}
	#footer ul.sdag a {text-decoration:none;color:#333}
	#footer ul.sdag li.txt {font-size:0.80rem;margin-top:10px;}

	#footer .rs {background:#EDF0F1;padding:15px 0;text-align:center;}
	#footer .rs li {display:inline;margin: 0 30px}
	#footer .rs svg {fill:#F18800;transition:.2s}
	#footer .rs svg:hover {fill:#F18800;}
	#footer nav {padding:50px 0;}
	#footer nav a {color:#666;transition: 0.20s}
	#footer nav a:hover {color:#2196f3;}
	#footer	.bloc_footer {float:left;width:25%;padding:0 20px}
	#footer	.accordion {margin-bottom:10px;font-weight:bold;font-size:0.850rem}
	#footer	ul.panel li {padding:5px 0;margin-left:5px;font-size:0.80rem;}
	#footer	ul.panel li span {color:#9E9E9E;display:block;margin-top:5px;}
	#footer .end_footer	{text-align:center;margin-top:50px;font-size:0.70rem;}
	#footer .end_footer	a {margin: 0 5px 0 5px}
	#footer .end_footer	.mini {font-size:0.850rem;margin:15px 0}	
	#footer .end_footer	.mini img {margin-right:8px;}	

/* FOOTER - RGPD */
	#rgpd {position:fixed;bottom:0;width:100%;box-sizing:border-box;background:#fff;box-shadow: 0 -10px 10px -10px #999;}
	#rgpd div {padding:20px;line-height:1.250rem;font-size:0.850rem;}
	#rgpd p.txt {float:left;width:70%;}
	#rgpd p.confirm {float:left;width:30%;padding-left:25px;text-align:center;}
	#rgpd div a {text-decoration:underline;}

/* PAGE CATALOGUE */
	.catalogue {float:left;width:77%;padding:0 0 0 30px}
	.catalogue .h1 {width:100%;text-align:center;padding:0 0 30px 0;}
	.catalogue .h1 h1, .catalogue .h1 h2 {display:inline;color:#f18800;text-transform:uppercase;font-size:1.250rem}
	.catalogue .h1 sup {font-weight:normal;font-size:0.850rem;}
	.catalogue .h1 a, .catalogue .h1 span {text-decoration:none;color:#f18800;}
	.catalogue .h1 a:hover {color:inherit;}
	.catalogue .h1 a::after, .catalogue .h1 span::after {content:" -";margin:0 2.5px;}
	.catalogue .h1 a:last-child::after, .catalogue .h1 span:last-child::after  {content:"";margin:0;}
	.catalogue .h1 .term {display:block;font-weight:bold;margin-top:15px;}
	.catalogue .h1 .term::before {content:"« ";}
	.catalogue .h1 .term::after {content:" »";}
	.catalogue .h2 h2 {font-size:0.70rem;color:#bababa;font-weight:normal;margin:15px 0 5px 0;font-style:italic;text-align:center;}
	.catalogue ul.sousfiltre {border-top:1px solid #efefef;border-bottom:1px solid #efefef}
	.catalogue ul.sousfiltre::after {content: '';display: block;clear: both;}
	.catalogue ul.sousfiltre li {float:left;}
	.catalogue ul.sousfiltre li.tri {width:20%;margin:15px 0 15px 0;}
	.catalogue ul.sousfiltre li.delfiltre {margin:15px 0 5px 0;width:80%}
	.catalogue ul.sousfiltre li.delfiltre .meilleures-ventes, .catalogue ul.sousfiltre h2 {margin:5px 0 15px 0;color:#999;font-size:0.90rem;font-weight:normal;}
	.catalogue ul.sousfiltre li.delfiltre .meilleures-ventes {line-height:1.250rem;}
	.catalogue ul.sousfiltre li.delfiltre a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:160px;display:inline-block;border-radius: 3px;padding:5px 8px;font-size:0.750rem;background-position: center;transition: background 0.2s;color: #3C3C3B;background-color: #efefef;margin-right:5px;margin-bottom:5px;border:1px solid #e1e1e1}
	.catalogue ul.sousfiltre li.delfiltre a:hover {background:#f18800;color:#fff;border:1px solid #fff;border-radius: 3px;}
	.catalogue ul.sousfiltre li.delfiltre a::before {content:"✖";margin-right:3px;}
	.catalogue ul.sousfiltre li.delfiltre a.livrepackpedago {background:#FBB900;color:#fff;border:1px solid #FBB900}
	.catalogue ul.sousfiltre li.delfiltre a.livrepackpedago:hover {background:#f18800;border:1px solid #f18800}
	.catalogue ul.sousfiltre li.delfiltre a.livrepackpedago::before {content:"";margin-right:0;}
	.catalogue ul.result li {display:inline-block;width:100%;border-bottom:1px dotted #e1e1e1;padding:30px 0;}
	.catalogue ul.result li.electreResult {padding:15px;}
	.catalogue ul.result li .rateStar {margin-top:-10px;margin-bottom:5px;}
	.catalogue div.image {float:left;width:20%;position:relative;}
	.catalogue div.descriptif {float:left;width:57%;padding:0 50px 0 20px;position:relative;}
	.catalogue div.achat {float:left;width:23%;}
	.catalogue div.image .img {max-width: 100%;width: 170px;height: 170px;display: flex;}
	.catalogue div.image .img img {max-width: 100%;max-height: 100%;margin: auto;transition: .2s;}
	.catalogue div.image .img img:hover {opacity:0.8}
	.catalogue h3 {font-size:0.90rem;margin-bottom:10px;text-transform:uppercase;transition:.2s;}
	.catalogue h3 em {color:#2196f3;}
	.catalogue h3:hover {color:#2196f3;}
	.catalogue .auteur {display:block;font-size:0.80rem;color:#999;margin-bottom:20px;}
	.catalogue .auteur a {text-decoration:underline;}
	.catalogue .auteur em {margin-right:8px;line-height:1rem;}
	.catalogue .auteur em:last-child {margin-right:0;}
	.catalogue .infos {display:block;font-size:0.850rem;margin-bottom:10px;}
	.catalogue .infos em::after {content:"|";margin:0 5px;}
	.catalogue .infos em:last-child::after {content:"";}
	.catalogue .maj {display:block;font-size:0.80rem;font-style:italic;color:#666}
	.catalogue .resume {display:block;font-size:0.850rem;color:#999;margin-bottom:20px;width:100%;line-height:1.150rem;transition:.2s;text-align:justify;}
	.catalogue .resume a {color:#999;}
	.catalogue .resume a:hover {color:#666;}
	.catalogue .divers {display:block;margin-bottom:20px;}
	.catalogue .divers a {border-radius: 2px;padding:5px 10px;font-size:0.80rem;background-position: center;transition: background 0.2s;color: white;background-color: #2196f3;text-align:center;}
	.catalogue .divers a:hover {background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;}
	.catalogue .divers a:active {background-color: #6eb9f7;background-size: 100%;transition: background 0s;}
	.catalogue .divers a::after {content:">";margin-left:5px;}
	.catalogue .fichierpedago {display:block;margin-bottom:15px;}
	.catalogue .fichierpedago a {border-radius: 2px;padding:5px 10px;font-size:0.80rem;background-position: center;transition: background 0.2s;color: white;background-color: #FBB900;text-align:center;}
	.catalogue .fichierpedago a:hover {background: #FFC426 radial-gradient(circle, transparent 1%, #FFC426 1%) center/15000%;}
	.catalogue .fichierpedago a:active {background-color: #6eb9f7;background-size: 100%;transition: background 0s;}
	.catalogue .fichierpedago a::after {content:">";margin-left:5px;}
	.catalogue .prix {display:block;}
	.catalogue .prix em {display:block;cursor:help}
	.catalogue .prix em.remise, .catalogue .prix em.miniboutique {font-size:1.15rem;color:#f18800;font-weight:bold;margin-bottom:5px;}
	.catalogue .prix em.miniboutique::after {content:"Prix mini-boutique";font-size:0.650rem;color:#999;margin-left:5px;font-weight:normal;}
	.catalogue .prix em.remise::after {content:"Prix Lire Demain";font-size:0.650rem;color:#999;margin-left:5px;font-weight:normal;}
	.catalogue .prix em.public {font-size:0.950rem;color:#666;font-weight:bold;margin-bottom:20px;}
	.catalogue .prix em.public::after {content:"Prix public";font-size:0.650rem;color:#999;margin-left:5px;font-weight:normal;}
	.catalogue .prix em.net {font-size:1.15rem;color:#f18800;font-weight:bold;margin-bottom:5px;}
	.catalogue .prix em.net::after {content:"Prix net Lire Demain";font-size:0.650rem;color:#999;margin-left:5px;font-weight:normal;}
	.catalogue .favoris {font-size:0.80rem;cursor:pointer;color:#f18800;border:1px solid #fff;padding:5px 8px;border-radius:3px;transition: .2s;text-align:center;}
	.catalogue .favoris a {color: #f18800;}
	.catalogue .favoris:hover {border:1px solid #f18800;}
	.catalogue .favoris img {vertical-align:bottom;}
	.catalogue ul.offre {box-sizing:border-box;padding:10px 0 10px 10px;margin:20px 0 20px 0;background:#FFF4D5;}
	.catalogue ul.offre::after {content:"";display:block;clear:both;}
	.catalogue ul.offre li {border-radius:5px;float:left;padding:20px 10px;width:19%;text-align:center;transition:.2s;background:#FFF;margin:0 1% 0 0;}
	.catalogue ul.offre li p {font-weight:bold;font-size:0.950rem;color:#f18800;}
	.catalogue ul.offre li span {display:block;margin:20px 0;font-size:0.850rem;color:#666;}
	.catalogue ul.offre li em {color:#999;font-size:0.80rem;display:block;}
	.catalogue ul.offre li a {border-radius: 2px;padding:5px 10px;margin:0 auto;font-size:0.80rem;color: white;background-color: #2196f3;text-align:center;display:block;width:120px;transition: background 0.3s;}
	.catalogue ul.offre li a:hover {background: #47a7f5}
	.catalogue .meilleurevente, .catalogue .miniboutique_sel {float:right;}
	.catalogue .promo-livres {display:block;background:#FBB900;padding:10px;border-radius:3px;text-align:center;color:#fff;margin-top:15px;}
	/* CATALOGUE PROMOTION ET OFFRE KAMISHIBAI */
	ul.promotion::after {content: '';display: block;clear: both;}
	ul.promotion li {float:left;width:25%;text-align:center;padding:10px 0 30px 0;position:relative;line-height:1rem;}
	ul.promotion li p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;max-width:85%;margin:15px auto 0 auto;font-size:0.750rem;color:#666;font-weight:bold;}
	ul.promotion li em {display:block;margin-top:5px;}
	ul.promotion li em a {color:#2196f3;text-decoration:underline;trabsition: .2s}
	ul.promotion li em a:hover {text-decoration:none;}
	ul.promotion li span {font-size:0.750rem;color:#666}
	ul.promotion li .img {max-width: 100%;width: 170px;height: 170px;display: flex;margin:0 auto;text-align:center;}
	ul.promotion li	.img img {max-width: 100%;max-height: 100%;margin: auto;transition: .2s;}
	ul.promotion li.chouxblanc {text-align:center;width:100%;color:#bf0000;font-weight:bold}
	.divOpacity h2 {text-align:center; color:#2196f3;text-transform:capitalize;margin:20px 0 20px 0;}
	.divOpacity ul.bloc {border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:15px 0;margin-bottom:50px;}
	.divOpacity ul.bloc::after {content:"";display:block;clear:both;}
	.divOpacity ul.bloc li {float:left;width:50%;line-height:1.5rem;}

/* ARTICLE */
	#article h1 {width:100%;text-align:center;font-size:2rem;text-transform:capitalize;color:#f18800;margin-bottom:40px;}
	#article .video {background:#fff;margin-bottom:60px;}
	#article .video::after {content:"";display:block;clear:both;}
	#article .video .video-content {width:100%;margin:0 auto;}
	#article .titre {position:relative;border-top:1px solid #2196f3;}
	#article .titre::after {content: '';display: block;clear: both;}
	#article .titre h2 {margin-bottom:20px;font-size:1.250rem;position:absolute;top:-13px;color:#2196f3}
	#article .titre h2 span {background:#fff;padding-right:20px;}
	#article .titre .texte {margin:20px 0 70px 30px;}
	#article .titre .texte, #article .titre .texte p {color:#3c3c3b;font-size:1rem;line-height:1.50rem;}
	#article .titre .texte p {margin-bottom:10px;display:block;}
	#article .titre .texte p.info {display:block;margin-top:10px;color:#f18800;font-style:italic;font-size:0.850rem;line-height:1rem;}
	#article .titre .texte p.img {text-align:center}
	#article .titre .texte p.img span.soutitreimg {display:block;color:#999;font-size:0.80rem;font-style:italic;margin:0 auto; max-width:600px;line-height:1rem;margin-top:10px;}	
	#article .titre .texte p.titrebold {font-weight:bold;margin-top:25px;margin-bottom:0;}
	#article .titre a.link, #article .texte p a {color:#2196f3;}
	#article .titre .texte ul.float {float:left;width:50%;}
	#article .titre .texte ul.float li {list-style: none;margin-left:0px;}
	#article .titre .texte ul.float::after {content:"";display:block;clear:both;}
	#article .titre .texte ul li a, #article .titre .texte a {color:#2196f3;text-decoration:underline;}
	#article .titre .texte ul li a:hover, #article .titre .texte a:hover {text-decoration:none;}
	#article .titre .texte ul li {list-style-type: disc;margin-left:16px;}


/* PAGE GENERAL */
	#bloc {font-size:0.950rem;}
	#bloc::after {content:'';display:block;clear:both;}
	#bloc h1 {width:100%;text-align:center;font-size:2rem;text-transform:capitalize;color:#f18800;margin-bottom:40px;}
	#bloc .soush2 {border-bottom:1px solid #e1e1e1;padding-bottom:30px;margin-bottom:30px;}
	#bloc input[type=text], #bloc input[type=tel], #bloc input[type=email], #bloc input[type=password], #bloc input[type=number], #bloc input[type=date], #bloc select, #bloc textarea {float:left;width:68%;margin:0 2% 10px 0;border:1px solid #999;outline:none;padding:10px;font-size:1rem;transition:.2s;border-radius:3px;}
	#bloc input[type=text]:hover, #bloc input[type=tel]:hover, #bloc input[type=email]:hover, #bloc select:hover, #bloc textarea:hover, #bloc input[type=password]:hover, #bloc input[type=number]:hover, #bloc input[type=number]:hover,
	#bloc input[type=text]:focus, #bloc input[type=tel]:focus, #bloc input[type=email]:focus, #bloc select:focus, #bloc textarea:focus, #bloc input[type=number]:focus, #bloc input[type=date] {border:1px solid #2196f3}
	#bloc textarea {resize: none}
	#bloc label {display:block;margin:0 0 2px 10px;color:#999;font-size:0.90rem;}
	#bloc label img {vertical-align:bottom}
	#bloc .cp {float:left;width:30%}
	#bloc ul.bloc-1 {float:left;width:40%;padding-right:40px;font-size:0.90rem;}
	#bloc ul.bloc-1 a {color:#2196f3}
	#bloc .titre {margin-bottom:10px;font-weight:bold;}
	#bloc ul.bloc-2 {float:left;width:60%}
	#bloc ul.bloc-1 .txtSearch, #bloc ul.bloc-2 .txtSearch {background:#efefef;border-radius:3px;padding:15px 20px;margin-bottom:10px;}
	#bloc .txtSearch h2 {font-size:0.950rem;}
	#bloc ul.bloc-2 li {padding:10px 0;border-bottom:1px solid #e1e1e1}
	#bloc ul.bloc-2 li::after {content:"";clear:both;display:block;}
	#bloc ul.bloc-2 li.first {line-height:1.50rem;margin-left:10px;border:none;}
	#bloc ul.bloc-2 li.first label em {float:right;padding:2px 5px;background:#bf0000;color:#fff;font-size:0.750rem;}
	#bloc ul.bloc-2 li div {float:left;}
	#bloc ul.bloc-2 li div.w-img {width:25%;text-align:center;}
	#bloc ul.bloc-2 li div.w-img img {max-width:100%;height:auto;vertical-align: bottom;border-radius:3px;filter: grayscale(10);opacity:.8;}
	#bloc ul.bloc-2 li div.w-info {width:75%;padding:15px 0 15px 15px;}
	#bloc ul.bloc-2 li div.w-info img {opacity:0.5}
	#bloc ul.bloc-2 li div.w-info span {display:block;width:100%;margin:0 0 10px 0;color:#999;font-style:italic;font-size:0.80rem;}
	#bloc ul.bloc-2 li div.w-info span em {float:right;text-align:right;color:#3c3c3b;font-style:normal;font-size:0.90rem;}
	#bloc ul.bloc-2 li div.w-info span em a {color:#2196f3}
	#bloc ul.bloc-2 li div.w-info span em a:hover {text-decoration:underline;}
	#bloc ul li ol {margin-bottom:20px;}
	#bloc ul li ol li {list-style-type: disc;margin-left:16px;line-height:1.50rem;}
	#bloc ul li ol li img {vertical-align:bottom;margin-right:10px;}
	#bloc ul li ol li.nodisc {list-style-type:none;margin-left:0;}
	#bloc ul li ol li.titre {margin-bottom:0;font-weight:bold;}	
	#bloc ul.ident p.forgetPwd {display:block;text-align:center;font-size:0.750rem;margin:15px 0;width:100%;}
	#bloc ul.ident {float:left;width:50%;}
	#bloc ul.ident li {max-width:450px;margin:0 auto;padding:20px 10px;}
	#bloc ul.ident li.titre {font-weight:bold;border-bottom:1px solid #E3E8EA;font-size:1rem;padding:10px 0;}
	#bloc ul.ident li label {margin:0 0 5px 10px;}
	#bloc ul.ident li label a {float:right;font-size:0.70rem;}
	#bloc ul.ident li.info {background:#FFC107;text-align:center;border-radius:5px;padding:5px 0;margin-top:10px;}
	#bloc ul.ident li.info span {display:block;font-size:0.80rem}
	#bloc ul.ident li.info a {text-decoration:underline;}
	#bloc ul.ident li.info a:hover {color:inherit;text-decoration:none;}
	#bloc ul.faq {color:#3c3c3b;line-height:1.250rem;}
	#bloc ul.faq li {border:none;}	
	#bloc ul.faq li p {display:block;color:#3c3c3b;font-size:1rem;margin-bottom:20px;}	
	#bloc ul.faq li p.titre {font-weight:bold;margin:30px 0 8px 0;border-bottom:1px solid #e1e1e1;padding-bottom:5px;}	
	#bloc ul.faq li figcaption {color:#999;font-size:0.750rem;font-style:italic;}
	#bloc ul.faq ol li {margin:0;padding:0;border:none;margin-left:16px;}
	#bloc ul.faq img {vertical-align:top;}
	#bloc ul.faq li ol li img {vertical-align:middle;margin:0}
	#bloc ul.faq a {color:#2196f3;}
	#bloc ul.faq a:hover {text-decoration:underline;}
	#bloc ul.faq li ol li.info {list-style-type:none;color:#F18800;font-style:italic;margin-left:0;margin-top:5px;font-size:0.850rem;}
	#bloc ul.faq li ol li.info a {color:#F18800;text-decoration:underline;}

/* PAGE FAVORIS */
	.catalogue ul.favoris-action {border-top:1px solid #efefef;border-bottom:1px solid #efefef;padding:15px 0;margin-bottom:20px;}
	.catalogue ul.favoris-action::after {content: '';display: block;clear: both;}
	.catalogue ul.favoris-action li {width:25%;float:left;text-align:center;}
	.catalogue ul.favoris-action li button {border-radius:3px;padding:10px 20px;border:1px solid #e1e1e1;transition:.2s;cursor:pointer;width:auto;margin:0;outline:none;background:transparent;font-size:0.850rem;}
	.catalogue ul.favoris-action li button:hover {background:#efefef;border:1px solid #fff;}
	.catalogue ul.favoris-action li button img {vertical-align:bottom;margin-right:3px}

/* FILTRE */
	.filtre {display:block;float:left;width:23%;}
	.filtre .filtreTitre, .filtre .filtreTitre2 {cursor: pointer;transition: 0.2s;font-weight:bold;padding:15px 0;font-size:0.90rem;border-top:1px solid #e1e1e1;}
	.filtre .filtreTitre:hover {/**/}
	.filtre .filtreTitre.active {/**/}
	.filtre .filtreTitre::after {content: "+";float: right;margin-left: 5px;font-size:0.90rem;} 
	.filtre .filtreTitre.active::after {content: "–";}
	.filtre .filtreTitre2::after {content: ">";float: right;margin-left: 5px;font-size:0.90rem;} 
	.filtre .filtreTitre2.active::after {content: ">";}
	.filtre .filtreTitre2 img {vertical-align:middle;}
	.filtre .panel {max-height: 0;overflow: hidden;opacity: 0;/*transition: 0.2s ease-in-out;(effet)*/}
	.filtre .panel.show {opacity: 1;margin:0 0 20px 0;max-height:370px;min-height:50px;overflow-y : auto;overflow-x : hidden;}
	.filtre ul {font-size:0.850rem;}
	.filtre ul li em {font-weight:normal;}
	.filtre input[type=checkbox].sel {display: none;}
	.filtre input[type=checkbox].sel + label {padding:10px 0 10px 10px;display:block;cursor:pointer;transition:.2s;}
	.filtre input[type=checkbox].sel + label:hover {background:#efefef;border-radius:3px;color:#2196f3}
	.filtre input[type=checkbox].sel + label::before {display:inline-block;content:'';border: 1px solid #999;width:10px;height:10px;margin-right:5px;transition:.2s;}
	.filtre input[type=checkbox].sel + label:hover::before {border: 1px solid #2196f3;background-color: #2196f3;}
	.filtre input[type=checkbox].sel:checked + label::before {background-color: #2196f3;border: 1px solid #2196f3;}
	.filtre input[type=checkbox].sel:checked + label {font-weight:bold;color:#2196f3}
	.filtre input[type=radio].cat {display: none;}
	.filtre input[type=radio].cat + label {padding:10px 0 10px 10px;display:block;cursor:pointer;transition:.2s;}
	.filtre input[type=radio].cat + label:hover {background:#efefef;border-radius:3px;color:#2196f3}
	.filtre input[type=radio].cat + label::before {display:inline-block;content:'';border: 1px solid #999;width:10px;height:10px;margin-right:5px;transition:.2s;border-radius:50px;}
	.filtre input[type=radio].cat + label:hover::before {border: 1px solid #2196f3;background-color: #2196f3;}
	.filtre input[type=radio].cat:checked + label::before {border: 1px solid #2196f3;background-color: #2196f3;}
	.filtre input[type=radio].cat:checked + label {font-weight:bold;color:#2196f3}
	.filtre input[type=radio].general {display: none;}
	.filtre input[type=radio].general + label img {vertical-align:bottom;margin-right:5px;}
	.filtre input[type=radio].general + label {padding:10px 0 10px 10px;display:block;cursor:pointer;transition:.2s;}
	.filtre input[type=radio].general + label:hover {background:#efefef;border-radius:3px;color:#2196f3}
	.filtre input[type=radio].general + label::before {display:inline-block;content:'';border:none;width:0;height:0;}
	.filtre .panelsearch {padding:0 0 10px 0;}
	.filtre .panelsearch input[type=text] {width:100%;border:1px solid #999;outline:none;padding:5px;font-size:0.850rem;transition:.2s;border-radius:3px;}
	.filtre .panelsearch input[type=text]:hover, .filtre .panelsearch input[type=text]:focus  {border:1px solid #2196f3}
	.filtre .panelsearch select.pedago {background:#70BAF8;color:#fff;border:1px solid #70BAF8;font-size:0.850rem;}
	.filtre .panelsearch select.pedago option:hover {background-color:#fff;color:#3c3c3b}
	.filtre .panelsearch select.pedago:focus > option {background: #fff !important;color:#3c3c3b !important}
	.filtre .panelsearch select.pedago::after {content:"\003e";float:right;}
	.filtre .panelprix {padding:0 10px 10px 10px;font-size:.80rem;}
	.filtre .panelprix input[type=text] {width:60px;text-align:center;}
	.filtre .panelprix input[type=submit] {width:auto;border:none;background:none;text-decoration:underline;}
	table.paiement {background:#efefef;border-radius:3px;width:100%;color:#2196f3;margin-bottom:20px;/*border:1px solid #e1e1e1;*/}
	table.paiement td.img {padding:10px;width:70px;}
	table.paiement td {vertical-align:top;}
	table.paiement td.txt ul {padding:10px 10px 10px 0;}
	table.paiement td.txt ul li {font-size:0.850rem;font-weight:normal;list-style-type: disc;margin-left:16px;padding:2px 0}
	table.paiement td.txt ul li:first-child {list-style-type: none;margin-left:0}
	table.paiement td.txt ul li span {display:block;font-style:italic;font-size:.750rem;}
	table.paiement td a {color:#2196f3;text-decoration:underline;}
	table.paiement td a:hover {color:#f18800}	

/* PAGINATION */
	.pagination {padding:50px 0;text-align:center;font-size:.8rem;width:100%;}
	.pagination span {border-radius: 3px;padding:5px 10px;background-position: center;transition: background 0.2s;color: #fff;background-color: #2196f3;font-weight:bold;}
	.pagination a {border-radius: 3px;padding:5px 10px;background-position: center;transition: background 0.2s;background-color: #e1e1e1;margin:0 3px;}
	.pagination a:hover {background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;color:#fff}
	.pagination a:active {background-color: #6eb9f7;background-size: 100%;transition: background 0s;}
	.pagination a.prec {padding:5px;margin-right:5px;}
	.pagination a.prec::before {content:" \25C0\00a0 Précédent ";}
	.pagination a.suiv {padding:5px;margin-left:5px;}
	.pagination a.suiv::before {content:" Suivant \25BA ";}

/* MESSAGE ERREUR - ALERTE */
	.message {text-align:center;position:fixed;width:100%;z-index:10;padding:20px;font-weight:bold;font-size:0.950rem;}
	.message-invalid {background:#DC3545;color:#FFEEEE;}
	.message-valid {background:#28A745;color:#DDF7E2;}
	.message-jaune {background:#FFE8AA;text-align:center;padding:15px;}

/* 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 {}
	#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:#2196f3;}
	#full_slide .flickity-prev-next-button {width: 50px;height: 50px;border-radius: 50%;background: rgba(33,150,243, 1);}
	#full_slide .flickity-button-icon {fill: #fff;}

/* SLIDER ARTICLE SELON SELECTION */
	.slider_art {padding-top:20px;position:relative;margin-bottom:100px;/*Trait de séparation pour l'intitulé par défaut : border-top:1px solid #e1e1e1 */;}
	.slider_art::after {content: '';display: block;clear: both;}
	.slider_art h2 {margin-bottom:20px;font-size:1.250rem;position:absolute;top:-13px;}
	.slider_art h2 span {background:#fff;padding-right:20px;}
	.slider_art .carousel {position:relative;width:100%;}
	.slider_art .carousel-cell {position:relative;width:25%;text-align:center;}
	.slider_art .carousel-cell .image_url {max-width: 100%;width: 200px;height: 200px;display: flex;margin:0 auto;}
	.slider_art .carousel-cell .image_url img {max-width: 100%;max-height: 100%;margin: auto;transition: .2s;padding:10px;}
	.slider_art .carousel-cell .image_url img:hover {opacity: 0.7}
	.slider_art .carousel h3 {font-size: 0.750rem;margin:0 auto;max-width:160px;text-transform:uppercase;height:30px;}
	.slider_art .carousel h3 a:hover {color:#3c3c3b;text-decoration:underline}
	.slider_art .carousel p {display:block;font-weight:bold;cursor:help}
	.slider_art .carousel p em {color:#999;font-size:0.70rem;margin-left:10px;font-weight:normal;}
	.slider_art .carousel p.prixremise {color:#f18800;margin:15px 0 5px 0;font-size:0.90rem;}
	.slider_art .carousel p.prixremise em::after {content:'Prix Lire Demain';}
	.slider_art .carousel p.prixpublic {color:#666;font-size:0.750rem}
	.slider_art .carousel p.prixpublic em::after {content:'Prix public';}
	.slider_art .carousel p.prixnet {color:#f18800;margin:15px 0 5px 0;font-size:0.90rem;}
	.slider_art .carousel p.prixnet em::after {content:'Prix net Lire Demain';}
	.slider_art .flickity-prev-next-button {width: 35px;height: 35px;-webkit-transform: none;transform: none;border:2px solid #fff;outline:none;}
	.slider_art .bloctoutvoir {position:relative;height:50px;border-bottom:1px solid #fff /*Trait de séparation pour le bouton (désactivé #fff)*/}
	.slider_art a.toutvoir {padding:12px 12px;margin:20px auto 0 auto;width:150px;text-align:center;border-radius:3px;font-size:0.8250rem;font-weight:bold;position:relative;border:1px solid #fff;color:#fff;position:absolute;right:0;left:0;}
	.slider_art a.toutvoir::before {content:'Tout voir';}
	.slider_art a.toutvoir::after {content:' ► ';right:0;position:absolute;margin-right:10px;}
	.slider_art.bleu a.toutvoir:hover, .slider_art.orange a.toutvoir:hover, .slider_art.noir a.toutvoir:hover, .slider_art.rose a.toutvoir:hover  {background: #fff;}
	.slider_art.bleu {border-top:1px solid #2196f3}
	.slider_art.bleu h2 {color:#2196f3}
	.slider_art.bleu .flickity-prev-next-button {background:#2196f3;color:#fff;fill:#fff}
	.slider_art.bleu a.toutvoir {background: #2196f3;}
	.slider_art.bleu a.toutvoir:hover {color:#2196f3;border:1px solid #2196f3;}
	.slider_art.orange {border-top:1px solid #f18800}
	.slider_art.orange h2 {color:#f18800}
	.slider_art.orange .flickity-prev-next-button {background:#f18800;color:#fff;fill:#fff}
	.slider_art.orange a.toutvoir {background:#f18800;}
	.slider_art.orange a.toutvoir:hover {color:#f18800;border:1px solid #f18800;}
	.slider_art.noir {border-top:1px solid #3c3c3b}
	.slider_art.noir h2 {color:#3c3c3b}
	.slider_art.noir .flickity-prev-next-button {background:#3c3c3b;color:#fff;fill:#fff}
	.slider_art.noir a.toutvoir {background:#3c3c3b;}
	.slider_art.noir a.toutvoir:hover {color:#3c3c3b;border:1px solid #3c3c3b;}
	.slider_art.rose {border-top:1px solid #E05B98}
	.slider_art.rose h2 {color:#E05B98}
	.slider_art.rose .flickity-prev-next-button {background:#E05B98;color:#fff;fill:#fff}
	.slider_art.rose a.toutvoir {background:#E05B98;}
	.slider_art.rose a.toutvoir:hover {color:#E05B98;border:1px solid #E05B98;}
	.slider_art.transparent {border-top:1px solid #fff;margin-bottom:35px;}
	.slider_art.transparent h2 {color:#3c3c3b;font-size:1rem;position:relative;}
	.slider_art.transparent h2 span {padding-right:0;}
	.slider_art.transparent .flickity-prev-next-button {background:#3c3c3b;color:#fff;fill:#fff}
	.slider_art.transparent a.toutvoir {display:none;}

/* SLIDER HOME SELECTION */
	ul.explic {margin:110px 0 130px 0;font-size:1rem;position:relative;}
	ul.explic li {float:left;width:33.3333%;text-align:center;padding:0 20px}
	ul.explic li:last-child {float:none;width:0;padding:0;margin:0;clear:both;}
	ul.explic .explic_txt {max-width:250px;margin: 0 auto;}
	ul.explic .explic_txt h2 {font-size:0.950rem;line-height:1rem;font-weight:normal;color:#3C3C3B;line-height:1.2rem;}
	ul.explic .explic_txt p {display:block;margin:20px 0 10px 0;font-size:1.250rem;font-weight:bold;}
	ul.explic .explic_txt p.txtorange {color: #F18800;}
	ul.explic .explic_txt p.txtbleu {color: #78C8E6;}
	ul.explic .explic_txt p.txtrose {color: #E05B98}
	ul.explic .orange {background: #FFE8D5}
	ul.explic .bleu {background: #DBF0F9}
	ul.explic .rose {background: #F9DBE9}
	ul.explic img {width:90px;height:90px;}
	ul.explic .svg {position:relative}
	ul.explic .rond {position:absolute;z-index:-1;width:100px;height:100px;right:43%;top:-5px;border-radius:50%;}

/*** NOTATION AFFICHAGE STARS ***/
	.rateStar {vertical-align:top;margin:15px 0;color:#999;font-size:0.850rem;}
	.rateStar a {color:#999;}
	.rateStar a:hover {color:#FFAF00;}
	.rateStar em {font-size: 1.50rem;margin-right:3px;color: #C8C8C8;}
	.rateStar em.sel {color:#FFAF00;}
	.rateStar em.half {display: inline-flex;}
	.rateStar em.half > div:first-child {overflow: hidden;width: 0.650rem;z-index: 1;color: #FFAF00;}	
	.rateStar em.half > div:last-child {position: relative;margin-left:-0.650rem;}
	.rateStarMargin {margin:0;display:inline;}

/******************************************
 RESPONSIVE WEB DESIGN
******************************************/
@media all and (max-width: 1280px) {
	ul.promotion li {width:33.3333%;}
	.catalogue {width:75%;}
	.filtre {width:25%;}
	.slider_art .carousel-cell {width:33.3333%;}
	ul.explic img {width:80px;height:80px;} 
	ul.explic .rond {top:-10px;}

}
@media all and (max-width: 1024px) {
	.rotator {display:block;}
	header.header .infos, 	header.header ul.logo-search-basket {display:none}
	header.header .explicliredemain {display:none;}
	#mega-menu .nav-links li.hidepc {display:block;}
	#mega-menu .nav-links li.hide {display:block;background:#3C3C3B;}
	#mega-menu .nav-links li.hide:hover {background:#3C3C3B;}
	#mega-menu .nav-links li.hide a {color:#FFF;font-size:0.850rem;padding:10px;font-weight:normal}
	#mega-menu .nav-links li.hide a:hover {color:#FFF;}
	#mega-menu .nav-links li.hide a::after {content:">";float:right;}
	#mega-menu .nav-links li.hide a img {vertical-align:bottom;margin-right:10px;}
	#menu-tab {display:block;background:#efefef;padding:20px 10px 10px 10px;}
	#menu-tab .burger {cursor:pointer;}
	#menu-tab table.menu-tab {width:100%;}
	#menu-tab table.menu-tab td {vertical-align:middle;}
	#menu-tab table.menu-tab td.burg {width:10%}	
	#menu-tab table.menu-tab td.logo {width:60%;text-align:center;}
	#menu-tab table.menu-tab td.logo img {position:absolute;right:0;left:0;margin:0 auto;top:50px;width:235px;height:50px;}
	#menu-tab table.menu-tab td.basket {width:30%;text-align:right;}
	#menu-tab table.menu-tab td.basket a {display:block;}
	#menu-tab table.menu-tab td.basket span {display:inline-block;text-align:center;margin:0 10px;padding-top:4px;position:relative;}
	#menu-tab table.menu-tab td.basket em.titre {font-size: 0.6250rem;display:block;font-style:normal;margin-top:3px;}
	#menu-tab table.menu-tab td.basket em.nbre_art, #menu-tab table.menu-tab td.basket em.nbre_fav {position:absolute;left:35px;top:0;border-radius:10px;display:block;left:-13px;top:4px;width:20px;height:20px;background-color:#f18800;color:#fff;font-size:0.70rem;text-align:center;vertical-align:middle;line-height:1.20rem;}
	#menu-tab table.menu-tab td.basket svg {fill:#3c3c3b;transition: 0.2s;width:25px;height:25px;}
	#menu-tab table.menu-tab td.basket span a {transition: 0.2s;}	
	#menu-tab table.menu-tab td.basket span:hover svg, #menu-tab table.menu-tab td.basket span:hover a {color: #F18800;fill:#F18800}		
	#menu-tab table.menu-tab td.search {width:100%;padding-top:15px;position:relative;}
	#menu-tab table.menu-tab td.search input {background:#fff;padding:12px 5px;font-size:1rem;border:none}
	header.header ol.autocomplete {border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;}
	header.header ol.autocomplete li {border-bottom:1px solid #E1E1E1;}
	#mega-menu {position: fixed;z-index: 99;}
	#mega-menu .wrap .burger {display: block;}
	#mega-menu .wrap .nav-links {position: fixed;height: 100vh;width: 100%;max-width: 350px;top: 0;left: -100%;background: #fff;display: block;overflow-y: auto;transition: all 0.2s ease;border-right:1px solid #E1E1E1;}
	#mega-menu #menu-btn:checked ~ .nav-links {left: 0%;}
	#mega-menu #menu-btn:checked ~ .burger.menu-btn {display: none;}
	#mega-menu #close-btn:checked ~ .burger.menu-btn {display: block;}
	#mega-menu .nav-links > li {padding:0;margin:0;border-top:1px solid #e1e1e1;}
	#mega-menu .nav-links li a {display: block;padding:15px;margin:0;font-size:1rem;}
	#mega-menu #showMega:checked ~ .mega-box, #mega-menu #showMega_1:checked ~ .mega-box, #mega-menu #showMega_2:checked ~ .mega-box, #mega-menu #showMega_3:checked ~ .mega-box, #mega-menu #showMega_4:checked ~ .mega-box {max-height: 100%;}
	#mega-menu .nav-links .desktop-item {display: none;}
	#mega-menu .nav-links .mobile-item {display: block;cursor: pointer;transition: all 0.2s ease;font-weight:bold;padding:15px;}
	#mega-menu .nav-links .mobile-item:hover {}
	#mega-menu .mega-box {position: static;top: 65px;opacity: 1;padding:0;margin: 0;max-height: 0px;overflow: hidden;transition: all 0.2s ease;/*visibility: visible;*/display:block}
	#mega-menu .mega-box .mega-box-content {flex-direction: column;padding: 20px 20px 0 20px;border-bottom:none}
	#mega-menu .mega-box .mega-box-content .row {width: 100%; margin-bottom: 15px;border-top: 1px solid rgba(255,255,255,0.08);}
	#mega-menu .mega-box .mega-box-content .row:nth-child(1), .mega-box .mega-box-content .row:nth-child(2) {border-top: 0px;}
	#mega-menu .mega-box-content .row .mega-links {border-left: 0px;padding-left: 15px;}
	#mega-menu .row .mega-links li { margin: 0;}
	#mega-menu .nav-links li:hover .mega-box {border-top:none;}
	#mega-menu .nav-links > li:hover {background:#efefef}
	/* Filtre */
	.filtre {display:none;width:100%;position:fixed;background:#fff;height:100%;z-index:99;top:0;right:0;left:0;overflow:auto;}
	.filtre .panel {padding:0 20px;}
	.filtre .panel.show {max-height:200px;min-height:50px;}
	.filtre .filtreTitre {padding:15px 20px;}
	.openFilter {display:block;background:#efefef;padding:10px 20px;text-align:center;cursor:pointer;font-weight:bold;font-size:0.90rem;border-radius:3px;margin-bottom:20px;}
	.openFilter img {margin-right:15px;vertical-align:bottom;}
	.closeFilter {display:block;position:relative;background:#efefef;padding:30px 20px}
	.closeFilter p {position:absolute;right:0;top:0;color:#3c3c3b;font-size:2rem;padding:10px 20px 0 20px;cursor:pointer;color:#f18800;}
	.catalogue {float:none;width:100%;padding:0}
	.catalogue ul.sousfiltre li {float:none;}
	.catalogue ul.sousfiltre li.tri {display:none}
	.catalogue ul.sousfiltre li.delfiltre {width:100%;}
	
	ul.promotion li {width:33.3333%;}
	#bloc ul.bloc-1, #bloc ul.bloc-2 {float:none;width:100%}
	#bloc ul.bloc-1 {padding-right:0;margin-bottom:30px;}
	#bloc ul.bloc-2 li div.w-img {width:35%;}
	#bloc ul.bloc-2 li div.w-info {width:65%;}
	#bloc ul li ol {float:left;width:50%;}
	#full_slide .flickity-prev-next-button {width: 35px;height: 35px;} #full_slide {margin-top: 0}
	#bloc ul.ident {width:100%;margin:0}
	#bloc ul.ident li {max-width:600px;padding:20px 0}
	#bloc ulident li.titre {padding:10px 20px;}
	.pagination a.prec::before {content:" \25C0 ";}
	.pagination a.suiv::before {content:" \25BA ";}
}

@media all and (max-width: 769px) {
	#page h1, #page h2 {font-size:1.60rem;padding-bottom:10px;}
	#page h1.pad, #page h2.pad {font-size:1.60rem;}
	#footer .newsletter {font-size:1.50rem;}
	#footer nav {padding:0 0 50px 0}
	#footer	.bloc_footer {float:none;width:auto;padding:0}
	#footer	.accordion {cursor: pointer;padding:20px;width: 100%;border-bottom:1px solid #E3E8EA;text-align: left;transition: 0.3s;box-sizing: border-box;margin-bottom:0;}
	#footer	.accordion.active, button.accordion:hover {border-bottom:none;}
	#footer	.accordion:after {content: '✛';font-size: 0.80rem;color: #3c3c3b;float: right;margin-left: 5px;}
	#footer	.accordion.active:after {content: "─";}
	#footer	ul.panel {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
	#footer	ul.panel li {padding:0}
	#footer	ul.panel li a {display:block;padding:0 0 15px 0;margin-left:25px;font-size:0.850rem;}
	.slider_art .carousel-cell {width:50%;}
}

@media all and (max-width: 700px) { 
	#menu-tab {padding:10px;}
	#menu-tab table.menu-tab td.burg {width:24px;}
	#menu-tab table.menu-tab td.logo {width:auto;text-align:left;}
	#menu-tab table.menu-tab td.logo img {position:relative;margin:0;width:188px;height:40px;top:0}
	#menu-tab table.menu-tab td.basket {width:auto;}
	#menu-tab table.menu-tab td.search {padding-top:5px}
	#bloc ul li ol {float:none;width:100%;}
	ul.explic {margin:50px 0 100px 0;}
	ul.explic li {text-align:left;width:100%;margin-top:50px;padding:0 10px;} 
	ul.explic .explic_txt {float:left;width:65%;max-width:100%;margin:0;}
	ul.explic .svg	{float:left;width:35%;}
	ul.explic img {width:60px;height:60px;}
	ul.explic .explic_txt p {font-size: 1.350rem;margin:0}
	ul.explic .rond {width:80px;height:80px;right:0;left:-10px;}
	.catalogue div.image {width:20%;max-width:170px;}
	.catalogue div.descriptif {width:80%;padding:0 0 0 20px;}
	.catalogue div.achat {width:100%;clear:both;}
	.catalogue div.achat .btn {width:100%;display:block;margin:0 auto;}
	.catalogue .prix {text-align:center;margin-top:20px;}
	.catalogue .prix em {display:inline-block;margin-right:10px}
	.catalogue .prix em.public::after,.catalogue .prix em.remise::after {font-size:0.750rem;}
	.catalogue ul.offre li {width:48%;margin:0 2% 10px 0;}
	ul.promotion li {width:50%;}
	#article .titre .texte ul.float {float:none;width:100%;}
}

@media all and (max-width: 600px) {
	#menu-tab table.menu-tab td.logo img {width:164px;height:35px;}
	#footer .rs li {margin: 0 10px}
	header.header ol.autocomplete li.response div.floatimg {min-width:auto;width:30%}
	header.header ol.autocomplete li.response div.floattxt {width:70%;}
}

@media all and (max-width: 500px) { 
	#menu-tab table.menu-tab td.basket span#favoris, #menu-tab table.menu-tab td.basket span.compte {display:none;}
	.catalogue div.image {width:40%;}
	.catalogue div.descriptif {width:60%;}
	.catalogue .infos {margin-bottom:20px;}
	.catalogue .infos em::after {content:"";margin:0;}
	.catalogue .infos em::before {content:">";margin-right:5px;}
	.catalogue .infos em {display:block;margin-bottom:3px;}
	.catalogue .divers a, .catalogue .auteur em {display:block;margin-bottom:5px;}
	.catalogue .resume {display:none}
	.catalogue ul.favoris-action li button {padding:10px;}
	.slider_art .carousel-cell {width:100%;}
}
@media all and (max-width: 400px) { 
	.catalogue ul.favoris-action li button {padding:10px 20px}
	.catalogue ul.favoris-action li button img {margin-right:0}
	.catalogue ul.favoris-action li button em {display:none;}
}