@charset "utf-8";
/* CSS Document */

:root{
	--color-A : 	#eaf1f9;
	--color-B : #c1c7ce; 
	--color-C : #84898e;
	--color-D : #484c50;
	--color-E : #1e2123;
	
	--color-A-rgba : rgba(234,241,249,1);
	--color-B-rgba : rgba(193,199,206,1);
	--color-C-rgba : rgba(132,137,142,1);
	--color-D-rgba : rgba(72,76,80,1);
	--color-E-rgba : rgba(30,33,35,1);
	
	--color-A-rgba-0 : rgba(234,241,249,0);
	
	--font-N : 'Oswald', sans-serif;
	
	--header-height : 113px;
}

/* ------------------------------------------------------------------   POLICES --->>> */
.fw-normal { font-family: var(--font-N);}
.fw-bold { font-family: var(--font-N);  font-weight:700; }
.fw-normalB { font-family: var(--font-N);  font-weight:700; }
.A-font { font-family: var(--font-N);}
.A-fontB { font-family: var(--font-N);  font-weight:700;}

/* ------------------------------------------------------------------   GENERAL --->>> */
body {
	position:relative;
	height:auto;
	background-color:#FFF;
	padding:0;
	margin:0;
	height:500px;
	background-attachment:fixed;
	top:0;
	left:0;
	background-repeat:no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

#overlay, #navigationOverlay, .overlay { 
	background-color:var(--color-D); 
	opacity:0.95; 
	width:100%; 
	height:100%;
	z-index:150; 
	position:fixed;
	/*top:0;*/
	top:var(--header-height);
	background-repeat:repeat;
	display:none;
}

#navigationOverlay { z-index:40; }

.overlay { 
	opacity:0.55;
	z-index:777;
	display:block;
	height:100%;
	top:0;
	left:0;
}

#popup { 
	background-color:#FFF;
	z-index:669; 
	position:fixed;
	padding:16px;
	border-radius:8px;
	display:none;
}

#popup-img { 
	z-index:152; 
	position:fixed;
	padding:0;
	display:none;
}

.img-prev, .img-next {
	position:absolute;
	height:80px;
	width:80px;
	z-index:153;
	background-image:url(../images/site/img_next.png);
	background-repeat:no-repeat;
	display:none;
}

.img-prev { background-image:url(../images/site/img_prev.png); }

#popup-img IMG { 
	border-radius:8px;
}

#popup-close { 
	clear:both;
	padding-top:16px;
	text-align:center;
	text-transform:uppercase;
	color:#5f666d;
}

#infos-bulle {
	position:absolute;
	display:none;
	z-index:669;
	height:400px;
	width:400px;
	border-radius:15px;
	background-color:#FFF;
}

#infos-bulle-img {
	border-radius:15px;
}

#image_bulle { display:none; height:450px; width:450px; border-radius:8px; background-color:#FFF; position:absolute; z-index:1000; }

#alert {
	position:fixed;
	width:30%;
	margin-left:40%;
	margin-top:25%;
	font-family: 'Oswald', sans-serif;  font-weight:400;
	font-size:16px;
	display:block;
	border-radius:8px;
	padding:1em;
	text-align:center;
	box-sizing: border-box;
	z-index:152;
	background-color:#CCC;
	border:1px inset #333;
	box-shadow: 0px 0px 50px #1e2123;
	display:none;
}

#timer {
	position: fixed;
	top: calc( 50% - 40px );
	left: calc( 50% - 40px );
	width: 80px;
	height: 80px;
	z-index: 999;
	background-image: url(../images/site/Timer_gif.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: #FFF;
	border-radius: 40px;
	display:none;
}

.invisible { display:none; }

#page, #page-w {
	float:none;
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	top:var(--header-height);
	padding-top:8px;
	z-index:6;
}

#page-w { width:100%; }
@media all and (min-width:1300px) { 	#page-w { width:90%; margin-left:5%; } }
@media all and (min-width:1101px) and (max-width:1299px){ 	#page-w { width:96%; margin-left:2%; } }

.allWidthWrap { z-index:54; }

.site-width {
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	clear:both;
}

.halfColumn, .halfContendBox1, .halfContendBox2, .Column1-2  {
	width:48%;
	padding:0 1% 0 1%;
	float:left;
	display:block;
}

.Column1-4  {
	width:23%;
	padding:0 1% 0 1%;
	float:left;
	display:block;
}

.Column1-5  {
	width:20%;
	padding:0;
	float:left;
	display:block;
}

.Column3-4  {
	width:73%;
	padding:0 1% 0 1%;
	float:left;
	display:block;
}

.Column4-5  {
	width:80%;
	padding:0;

	float:left;
	display:block;
}

.Column1-3  {
	width:31.3%;
	padding:0 1% 0 1%;
	float:left;
	display:block;
}

.Column1-3:first-child { padding-left:0; }
.Column1-3:last-child { padding-right:0; }
.Column2-3  {
	width:61.3%;
	padding:0 1% 0 1%;
	float:left;
	display:block;
}

.bordered {
	border:1px solid var(--color-C);
	border-bottom:none;
	border-top:none;
}

.bordered:first-child { border-left:none; margin-right:-1px; }
.bordered:last-child { border-right:none; margin-left:-1px; }


.halfContendBox2  {
	padding-right:0;
	border-left:1px solid #E00;
}

@media all and (min-width:20px) and (max-width:1100px){
	#page { width:100%; }
	.site-width { width:100%; 	margin-left:0; margin-right:0;  }
}

#contener,.allWidthBox ,.toogleBox {
	position:relative;
	float:left;
	width:100%;
	clear:both;
	margin:0;
	padding:0;
}

#footer-dark {
	width: calc( 100% - 2px );
}

.contendBox {
	position:relative;
	float:left;
	width:100%;
	clear:both;
	margin:0;
	padding:0;
}

.floatBox {
	position:relative;
	display:block;
	float:left;
	margin:0;
	padding:0;
	margin-left:1em;
}

.floatBoxRight {
	position:relative;
	display:block;
	float:right;
	margin:0;
	padding:4px 8px 4px 8px;
	border-radius:5px;
}

.toogleBox {
	height:200px;
	overflow:hidden;
}

/* ------------------------------------------------------------------   COMMONS --->>> */
DIV.index-title H1 {
	font-size:100%;
	padding:0;
	margin:0;
}

DIV.redactionnel {
	padding: 0.5em 0 0.5em 0;
	font-size:14px;
}

DIV.redactionnel H2, DIV.h2 {
	font-family: 'Oswald', sans-serif;  text-transform:uppercase;
	font-size:100%;
	margin:0;
	padding:5px 0 5px 0;
}

DIV.redactionnel H3, DIV.h3 {
	font-family: 'Oswald', sans-serif;  text-transform:uppercase;
	font-size:100%;
	margin:0;
	padding:0;
	text-align:center;
}

DIV.h3 { font-size:150%; }

DIV.redactionnel P {
	padding:0;
	margin:0;
	margin-top:4px;
	font-size:110%;
}

A { 
	text-decoration:none;
	color:#1e2123;
}

A:hover { color:#C00; text-decoration:underline; }

H1, H3 .H1, H2.H1, .H1 {
	font-family: 'Oswald', sans-serif;  text-transform:uppercase;
	font-size:200%;
	padding:0;
	margin:0.25em 0 0.5em 0;
	text-align:center;
}

H1.blackLine, DIV.h1-blackLine {
	width:calc( 111% );
	clear:both;
	padding:4px 0 4px 0;
	margin:4px 0 8px -5.5%;
	color:#FFF;
	font-size:24px;
	background-color:#0b0c0c;
}

H4, DIV.h4 {
	font-family: var(--font-N);
	text-transform:uppercase;
	font-size:16px;
	padding:0;
	margin:0 0 1em 0;
	text-align:left;
}

.h4-BL {
	padding:0 0 0 8px;
	border:0;
	border-bottom:1px solid #0b0c0c;
	color:#000;
	font-size:18px;
	text-align:left;
}

h5, DIV.h5 {
	font-size:125%;
	padding:0;
	margin:0.5em 0 0.25em 0;
	text-align:center;
	font-weight:bold;
	font-family: 'Oswald', sans-serif;  text-transform:uppercase;
}


.bgAdjust, .bgAdjustW {
	background-repeat:no-repeat;
	background-position:center;
	background-size: contain;
}
.bgAdjustW {
	background-size: cover ;
}

.page-redactionnelle {
	font-size:14px;
	background-color:#FFF;
}

#column-left-search SELECT, .classy_select {
	width:100%;
	text-align:center;
	font-size:1.2em;
	font-family: 'Oswald', sans-serif;  font-weight:400;
	background-color:#818b95;
}

.classy_select_inline {
	text-align:center;
	font-size:1.2em;
	font-family: 'Oswald', sans-serif;  font-weight:400;
	background-color:#818b95;
	display:inline-block;
	float:left;
	margin-right:0.5em;
}

.boxTitle {
	font-size:110%;
	color:#1e2123;
	font-weight:bold;
}

.page-titre, .page-title, .page-ss-titre {
	font-size:18px;
	font-weight:bold;
	color:#1e2123;
	text-align:center;
	display:block;
	float:left;
	clear:both;
	padding-bottom:3px;
	margin-bottom:5px;
	border-bottom:1px solid #a2b0bc;
	width:100%;
}

.page-ss-titre { font-size:16px; }

.page-bigText, .page-bigText P { font-size:18px; }

.roundCorner {
	-webkit-border-radius: 0.25em;
	-moz-border-radius:  0.25em; 
	border-radius:3px;
}

blockquote {
	padding:4px 8px;
	margin:0 0 0 16px;
	background-color:#eaf1f9;
	color:#1e2123;
	font-style:italic;
}


/* ------------------------------------------------------------------   EFFET --->>> */
.gradient-greyL, .gradient-grey {
	background: linear-gradient(to bottom, var(--color-A-rgba), var(--color-B-rgba) );
	background-repeat:no-repeat;
}
.gradientB-greyL, .gradientB-grey {
	background: linear-gradient(to top, var(--color-A-rgba), var(--color-B-rgba) );
	background-repeat:no-repeat;
}
.gradientL-greyL {
	background: linear-gradient(to left, var(--color-A-rgba), var(--color-B-rgba) );
	background-repeat:no-repeat;
}
.gradient-greyUL {
	background: linear-gradient(to bottom, rgba(255,255,255,1), var(--color-A-rgba) );
	background-repeat:no-repeat;
}
.gradientB-greyD {
	background: linear-gradient(to bottom, var(--color-C-rgba), var(--color-E-rgba));
	background-repeat:no-repeat;
}
.gradient-green {
	background: linear-gradient(to top,  rgba(0,128,0,1), rgba(128,255,128,1));
	background-repeat:no-repeat;
}
.gradient-ref {
	background: linear-gradient(to top,  rgba(128,0,0,1), rgba(255,128,128,1));
	background-repeat:no-repeat;
}

.shadowBox {
	box-shadow: 4px 4px 2px #a2b0bc;
	-webkit-box-shadow: 4px 4px 2px #a2b0bc;
	border-top:1px solid #eaf1f9;
	border-left:1px solid #eaf1f9;
	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.big-button, .half-button {
	width:90%;
	margin-left:4%;
	font-family: 'Oswald', sans-serif;  font-weight:400;
	font-size:16px;
	float:left;
	display:block;
	border-radius:8px;
	padding:4px 1% 4px 1%;
	text-align:center;
	cursor:pointer;
}

.half-button {
	width:40%;
}

.button-like-link, .button-like-link-title {
	font-size:12px;
	border-radius:3px;
	padding:3px 6px 3px 6px;
	border:1px outset #a2b0bc;
	text-align:center;
	/*background: linear-gradient(to top,  rgba(95,102,109,1), rgba(255,255,255,1));*/
	background: linear-gradient(to top,  rgba(195,208,220,1), rgba(234,241,249,1));
	background-repeat:no-repeat;
	text-decoration:none;
	color:#000;
}

.button-like-link-title {
	font-size:16px;
	width:auto;
	margin-top:6px;
	margin-bottom:12px;
	display:inline-block;
	padding:3px 12px 3px 12px;
}

/* ------------------------------------------------------------------   POPUP --->>> */
/* -------------------------------   ADD-TO-CART --->>> */
.add-to-cart-title { 
	text-align:center;
	font-family: 'Oswald', sans-serif;  font-weight:400;
	font-size:16px;
	border-bottom:1px solid #5f666d;
	padding-bottom:8px;
	margin-bottom:8px;
}

/* ------------------------------------------------------------------   HEADER --->>> */
#header { padding:0; z-index:55; background-color:var(--color-E); height:85px; position:fixe; }

/* -------------------------------   LOGO --->>> */
#logo-header { /* = header-left-box */
	float:left;
	width:250px;
	height:85px;
	margin-left:50px;
}
#logo-header IMG { width:225px; height:49px; margin-top:20px; }
#header-logo-short { display:none; }
#header-logo-long { display:block; }

/* -------------------------------   HEADER CENTER --->>> */
#header-center-box {
	float:left;
	width:calc( 100% - 600px );
	height:85px;
	text-align:center;
}

/* ------   RAPPEL MODELE ( mods/header/header-modele-rappel.php ) --->>> */
#header-modele-rappel-box {
	display:inline-block;
	padding:25px 8px 0 8px;
	font-family: var(--font-N);
	color:#FFF;
	text-align:center;
	height:60px;
	vertical-align:bottom;
}

#header-modele-rappel-box A { color:#FFF; }

/* ------   ZONE RECHERCHE --->>> */
#header-search {
	width:450px;
	display:inline-block;
	padding:25px 8px 0 8px;
	height:60px;
	vertical-align:bottom;
}

#header-search INPUT[type=text] {
	padding-left:8px;
	border-radius:8px;
	height:30px;
	width:calc( 80% - 63px );
}

#header-search INPUT[type=submit] {
	border-radius:8px;
	height:35px;
	width:45px;
	background-image:url(../images/site/Ico_navHeader_02.png);
	background-position:center;
	background-repeat:no-repeat;
}

/* ------   ZONE COMPTE / CONNEXION --->>> */
#header-account {
	color:#FFF;
	font-family:var(--font-N);
	display:inline-block;
	padding:21px 8px 0 8px;
	height:64px;
	vertical-align:bottom;
}

#header-account A {
	color:#FFF;
}

#header-account UL {
	padding:0;
	margin:0;
	list-style:none;
	text-align:right;
}

#header-account UL LI {}

#connexion-target {
	color:#000;
	padding:8px;
	border-radius:5px;
}


/* -------------------------------   HEADER RIGHT --->>> */
#header-right-box {
	float:right;
	width:250px;
	height:85px;
	margin-right:50px;
}

/* ------   ZONE PANIER --->>> */

#header-cart {
	float:right;
	margin:16px 0 0 0;
}

A.miniPanier-texte { color:#FFF; }

#miniPanierFO-product_number {
	background-color:#F00;
	color:#FFF;
	font-weight:700;
	font-size:20px;
	line-height:20px;
	height:20px;
	width:20px;
	padding:2px;
	display:inline-block;
	border-radius:15px;
	text-align:center;
	margin-right:5px;
}
	
#miniPanierFO-total_cost {
	line-height:24px;
	font-size:22px;
	font-weight:400;
	display:inline-block;
}	

#cart-infos, .p3xsf { width:100%; text-align:right; }

.p3xsf { 
	color:#FFF;
	font-size:16px;
}

@media all and (min-width:1101px) and (max-width:1450px){
	#logo-header { margin-left:5px;}
	#header-right-box { margin-right:5px; width:150px; }
	#header-center-box { 	width:calc( 100% - 410px ); }
	#header-search { width:330px; }
	#header-search INPUT[type=text] {	width:calc( 98% - 63px ); }
}




@media all and (min-width:20px) and (max-width:1100px){
	#header-logo-short { display:block; }
	#header-logo-long { display:none; }
	#logo-header IMG { width:85px; height:85px; margin-top:0; }
	#logo-header { margin-left:5px; width:90px; }
	#header-right-box { margin-right:5px; width:150px; }
	#header-center-box { 	width:calc( 100% - 250px ); }
	#header-search { width:330px; }
	#header-search INPUT[type=text] {	width:calc( 98% - 63px ); }
}

/*
aspect-ratio: 1/1;
*/


#MonModele { margin-right:15px; }

#MonModele-target { font-size:16px; }
#MonModele-target DIV P A { font-size:18px; text-decoration:none; }



#search_navigation2-target { 
	z-index:490; 
	padding:8px 15px 8px 15px;
	padding-bottom:2px;
	width:100%;
	background-color:#0b0c0c;
	color:#FFF;
	text-align:center;
}



.the_search_zone {
    margin-top: 115px;
    padding-bottom: 15px;
    padding-top: 45px;
    position: absolute;
    z-index: 500;
    display: block;
	right:0px;
}

.the_search_zone INPUT{
	font-size:115%;
	border:0;
	height:25px;
}

.the_search_zone INPUT[type=text] {
	padding-left:8px;
	border-radius:18px 0 0 18px;
}

.the_search_zone INPUT[type=submit] {
	border-radius:0 18px 18px 0;
}

#search_result {
	background-color:#FFF;
	z-index:655;
	position:absolute;
	top:52px;
	width:600px;
	left:372px;
}

#search_result { 
}


#search_result  A {
	display:inline-block;
	float:left;
	clear:both;
	font-size:110%;
	background-color:#FFF;
	padding:2px 5px 3px 5px;
	border-bottom:1px dotted #069;
	width:100%;
}

/* --- CART v2 --- 

#header-cart-v2 { margin:0 90px 0 10px; height:45px; padding:0; width:325px;float:left; color:#FFF;}
#header-cart-v2 A {color:#CFF;}*/

/* ------------------------------------------------------------------   NAVIGATION PRINCIPALE --->>> */

#navigation { margin-top:125px; }
#navigation-blk { background-color:#0b0c0c; }
@media all and (min-width:20px) and (max-width:1100px){
	#header-promotion-box { width:auto; }
}

#navigation_principale {
	float:left;
	width:100%;
	z-index:25;
}

#navigation-block-short { z-index:555; }
#navigation-block-full { z-index:557; }
#navigation_principale { border-top:1px solid #5f666d; }
#navigation_principale-blk, #navigation_principale2-blk { color:#FFF; background-color:#0b0c0c; }

#navigation_principale DIV.onglet , #navigation_principale-blk DIV.onglet {
	position:relative;
	float:left;
	padding:2px 5px 2px 5px;
}

#navigation_principale DIV.onglet-r, #navigation_principale-blk DIV.onglet-r {
	position:relative;
	float:right;
	padding:2px 5px 2px 5px;
}

#navigation_principale2 DIV.onglet, #navigation_principale2-blk DIV.onglet {
	position:relative;
	float:left;
	padding:8px 0 8px 0;
}

#navigation_principale2 DIV.onglet-r {
	position:relative;
	float:right;
	padding:8px 0 8px 0;
}

#navigation_principale-univers DIV.onglet-univers , #navigation_principale-univers2 DIV.onglet-univers {
	position:relative;
	float:left;
	padding:3px 0 2px 0;
	width:calc( 25% - 16px );
	text-align:center;
	border-left:1px solid #FFF;
}

#navigation_principale-univers DIV.onglet-univers:last-child { border-right:1px solid #FFF; }

#navigation_principale2 DIV .t_recherche,
#navigation_principale2 DIV .t_panier,
#navigation_principale2 DIV .t_compte {
	padding: 2px;
}

.categorie-link, .categorie-link-short, .categorie-link-univers, .categorie-link-blk {
	color:#000;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;  font-weight:700;
	font-size:20px;
	padding-left:10px;
	margin-left:5px;
	border-left:1px solid #FFF;
}

.categorie-link-blk { color:#FFF; font-size:16px; font-weight:400; }

.categorie-link-univers { border:none; margin:0; padding:0 }

.onglet:first-child A {
	margin-left:0;
	border:0;
}

.categorie-link-short, #navigation_principale2 A.categorie-link {
	padding-left:3px;
	margin-left:3px;
	font-size:18px;
}

.sep {
	position:relative;
	float:left;
	margin-top:8px;
	padding-left:10px;
	margin-left:10px;
	border-left:1px solid #FFF;
	height:24px;
}

#navigation_principale2 DIV .t_recherche A IMG,
#navigation_principale2 DIV .t_panier A IMG,
#navigation_principale2 DIV .t_compte A IMG {
	padding-top:2px;
}


.band-court { display:none; }
.band-large { display:block; }
@media all and (min-width:20px) and (max-width:1400px){
	#logo-v2 { margin:0 10px 0 10px; height:45px; padding:0; width:225px;float:left; color:#FFF;}
	#header-cart-v2 { margin:0 10px 0 10px; height:45px; padding:0; width:225px;float:left; color:#FFF;}
	#header_search-v2 { width:calc( 100% - 490px ); 	}
	#header_search-v2 INPUT[type=text] { width:calc( 100% - 70px ); }
}


@media all and (min-width:20px) and (max-width:849px){ 
	.band-court { display:block; }
	.band-large { display:none; }
}



.categorie-link:hover { color:#036; text-decoration:underline; }

.home A.categorie-link {
	margin:0;
	padding:0;
	border:0;
}

#navigation_secondaire { 
	clear:both; 
	width:100%;
	opacity:0.9;
	/*background-color:#0b0c0c;*/
	z-index:46;
	float:left;
	position:absolute;
	top:var(--header-height);
}

#navigation_secondaire DIV {
}

#navigation_secondaire DIV A { 
	/* color:#006;  */
}

DIV.navigation-box {
	display:none;
	float:left;
	/*background-color:#0b0c0c;*/
	width:100%;
}


DIV.navigation-box A.link-img {
	font-family: 'Oswald', sans-serif;  font-weight:400;
	font-size:18px;
	padding-top:5px;
	background-image:url(../images/site/dot_red.png);
	background-repeat:no-repeat;
	background-position:0px 10px;
	color:#000;
	text-transform:uppercase;
	background-color:#FFF;
	border-radius:3px;
	width:100%;
	box-sizing:border-box;
	border: 1px solid #000; 
}

DIV.navigation-box A.link-img:hover { border: 1px solid #F00; }


DIV.column {
	display:block;
	float:left;
	padding:0;
	padding-top:16px;
	padding-bottom:18px;
}

DIV.column5 { width:20%; }

.navigation-box .column5 { width:calc( 20% - 20px ); margin:0 10px 0 10px; }

DIV.column3 {
	width:32%;
	margin-right:1%;
}

DIV.navigation-box A {
	display:block;
	float:left;
	margin-bottom:3px;
	clear:both;
	text-decoration:none;
	color:#FFF;
	font-family: 'Oswald', sans-serif;  font-weight:300;
	font-size:13px;
}

DIV.navigation-box A.link1 {
	font-family: 'Oswald', sans-serif;  font-weight:400;
	font-size:18px;
	padding-top:5px;
	background-image:url(../images/site/dot_red.png);
	background-repeat:no-repeat;
	background-position:0px 10px;
	color:#F60;
	text-transform:uppercase;
}
DIV.navigation-box A.link2 {
	font-size:14px;
	font-family: 'Oswald', sans-serif;  font-weight:400;
	color:#FFF;
}

DIV.navigation-box A.link:hover { text-decoration:underline; }

DIV.categoBox {
	border-bottom:1px solid #5f666d;
	padding-bottom:0px;
	padding-left:1%;
	padding-right:1%;
	margin:0;
	float:left;
	clear:both;
	width:98%;
}


.bloc-under-header {
	text-align:center;
	font-size:24px;
	padding:0;
	font-family: 'Oswald', sans-serif;  font-weight:400;
	color:#FFF;
	z-index:666;
	height:28px;
}

.bloc-under-header P { padding:0; margin:0; }
.bloc-under-header STRONG { color:#F00; }
.bloc-under-header A { color:#FFF; }



#navigation_principale DIV.nos_offres {
}

A.nos_offres, A.nos_offres-w, A.calendrier-avent-ico {
	padding-left:32px; 
	background-image:url(../images/site/offre_n1.png);
	background-repeat:no-repeat;
	background-position:3px;
	background-size: contain;
	text-transform:uppercase;
}
A.nos_offres-w { 	background-image:url(../images/site/offre_n1-w.png); }
A.calendrier-avent-ico { 	background-image:url(../images/site/avent_site-ico.png); }



#univers-navigation-p {
	z-index:780;
	position:fixed;
	margin:0 10px 0 90px;
	padding:0; 
	/*width:325px;*/
	float:left; 
	left:0;
	top:25px;
	padding:0 5px 5px 5px;
}

.univers-navigation-main-p {
	display:block;
	height:50px;
	width:175px;
	margin-bottom:8px;
}

.univers-navigation-main-p A { width:175px; height:50px; display:block; }

#univers-navigation-pa{
	display:none;
}

.univers-navigation {
	z-index:780;
	position:fixed;
	height:80px;
	width:140px;
	left:calc( 50% - 550px );
	display:none;
	top:10px;
}

.univers-navigation-main A {
	display:block;
	height:45px;
	width:140px;
}

.univers-navigation-a A, #univers-navigation-pa A {
	display:block;
	height:50px;
	width:175px;
	border-radius:5px;
	background-color:#FFF;
	margin-bottom:5px;
	border:1px solid #666;
}

.univers-navigation-a A IMG, .univers-navigation-a A SPAN, #univers-navigation-pa A IMG, #univers-navigation-pa A SPAN {
	display:inline-block;
	float:left;
	height:50px;
	padding:0;
	margin:0;
}

.univers-navigation-a A SPAN, #univers-navigation-pa A SPAN {
	height:24px;
	font-size:24px;
	font-family: 'Oswald', sans-serif;  font-weight:400;
}


@media all and (min-width:20px) and (max-width:1100px){
	.univers-navigation {
		height:80px;
		width:140px;
		left:0;
	}
}

/* ------------------------------------------------------------------   BOTTOM --->>> */
#the_site_bottom {
	font-size:12px;
}

#the_site_bottom P {
	margin:0;
	padding:0;
	margin-bottom:0.25em;
}
/* -------------------------------   RS --->>> */

.ekomi {
	display:block;
	float:left;
	/*height:51px;*/
	width:290px;
	overflow:hidden;
	/*border-radius:16px;*/
	margin-right:16px;
}

.RS-box {
	display: block;
	float: left;
	position: relative;
	height: 30px;
	padding-right: 20px;
	margin-right: 5px;
	padding-left: 0.5em;
	font-family: 'Oswald', sans-serif; 
	font-weight: 400;
	text-transform: uppercase;
	font-size: 22px;
}

.RS-cont, .SCcolumn1, .SCcolumn2 {
	display:block;
	float:left;
	position:relative;
}

.RS-cont A { margin:0 8px 0 8px; }

.bottomBox { 
	display:block;
	float:left;
	margin:0 1% 0 0;
	width:19%;
	box-sizing:border-box;
}

.bottomBox:first:child { margin:0; }

.bottomBoxContend, .midBoxContend { 
	display:block;
	padding:0;
	margin:0;
	float:left;
	overflow:hidden;
	width:100%;
}

.indexBox UL {
	font-size:125%;
	padding:0 25px;
}

.indexBox UL LI A {
	color:#036;
	text-decoration:none;
}

.bottomBox-title {
	text-align:left;
	width:100%;
	float:left;
	font-size:150%;
	height:30px;
	padding:0;
	background-image:url(../images/site/ICO-Box_06.png);
	background-position:right;
	background-repeat:no-repeat;
	margin-bottom:4px;
}

.bg-pos-left {
	background-position:left;
}

.bottomBox-title IMG { 
	height:30px;
}


.bottomBox-title IMG {
	padding:0;
	margin:0;
	margin-right:5px;
	float:left;
	display:block;
}

.bottomBox-title STRONG {
	float:left;
	display:block;
	padding-bottom:8px;
}

.bottomBox-image {
	text-align:left;
	width:100%;
	float:left;
	clear:both;
	padding:3px 0 8px 0;
}

.bottomBox-text, .midBox-text {
	text-align:left;
	float:left;
	clear:both;
	border-top:0;
	padding:3px 0 8px 0;
	font-family: 'Oswald', sans-serif;  font-weight:400;
	font-size: 14px;
	line-height: 20px;
}

.borderRL5 {
	padding:0 5px 0 5px;
}

.bottomBox-text DIV {
	padding:5px;
}

.bottomBox-text  UL {
	padding:0 0 0 10px;
	margin:0 0 0 5px;
	line-height:1.1em;
	list-style:square;
}

.bottomBox-text  UL LI  {
	padding-bottom:2px;
	margin-left:5px;
	float:left;
	clear:both;
}

.bottomBox-text  UL LI A {
	font-size:14px;
	font-family: 'Oswald', sans-serif;  font-weight:400;
	text-decoration:none;
}

.bottomBox-text  UL LI A:hover { text-decoration:underline; }

.need-help, .engagement, .guides, .paiement, .livraison {
	padding-bottom:95px;
}

.bottom-link { 
	display:block;
	float:left;
	width:20%;
	text-align:center;
	color:#036;
	font-size:150%;
	text-decoration:none;
	font-weight:700;
}

/* ------------------------------------------------------------------   FOOTER --->>> */

#footer-contener {
	background-color:#1e2123;
	color:#eaf1f9;
}

#footer-contener A { 
	color:#c3d0dc;
}

#footer {
	text-align:center;
}

#footer DIV {
	display:inline-block;
	margin:2px;
	font-size:12px;
}

#footer DIV A { text-decoration:none; color:#c3d0dc; padding-left:5px; margin-left:5px; border-left:1px solid #FFF; } 

.footer-top-categorie-link {
	padding:0 6px 0 6px;
	margin:3px 0;
	font-size:14px;
	text-transform:uppercase;
}

#footer-univers-logo {
	height:50px;
	float:left;
	padding:5px 0 5px 50px;
}

#footer-univers-logo IMG { height:50px; }

.footer-univers-link {
	height:40px;
	float:left;
	width:calc( ( 100% - 480px ) / 4  );
	text-align:center;
}


.header-link SPAN {
	display:block;
	width:100%;
}

.footer-univers-link IMG  { height:45px; }

.footer-univers-link STRONG {
	display:block;
	width:100%;
	text-align:center;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	margin-top:-3px;
}

#footer DIV.footer-univers-link A { border:0; padding:0; }

.footer-texte-bloc, #footer DIV.footer-texte-bloc {
	display:inline-table;
	box-sizing: border-box;
	width:49%;
	padding:8px;
	text-align:left;
	color:#FFF;
}


/* ------------------------------------------------------------------   breadcrump --->>> */
#breadcrump {
	font-size:125%;
	font-family: 'Oswald', sans-serif;  font-weight:400;
	padding-left:0.5em;
}

/* ------------------------------------------------------------------   INDEX ( index.php ) --->>> */
/* -------------------------------   COMMONS --->>> */
DIV.index-title, H1.index-title, H2.index-title, H3.index-title {
	font-size:24px;
	color:#0b0c0c;
	text-align:center;
	margin-bottom:0.5em;
}

/* -------------------------------   INDEX-BOX --->>> */
#index-infos-box {
	background-color:var(--color-A);
	float:left;
	width:1600px;
	padding:8px 0 8px 0;
	padding-left:calc( 50% - 800px );
	padding-right:calc( 50% - 800px );
	background: linear-gradient(to top,  rgba(255,255,255,1), var(--color-B-rgba) );
}

DIV.index-box, DIV.index-box-cont {
	float:left;
	width:calc( 25% - 16px );
	margin:0 4px 0 4px;
	background-repeat:no-repeat;
	background-position:bottom;
	background-size: contain;
}

DIV.index-box, DIV.index-box-c {
	border-radius:5px;
	box-sizing:border-box;
	background-color:#FFF;
	padding:4px;
	background-repeat:no-repeat;
	background-position:bottom;
	background-size: contain;
} 

DIV.index-ss-box {
	background-color:#FFF;
	float:inherit;
	width:100%;
	margin-bottom:8px;
	border-radius:5px;
	box-sizing:border-box;
	padding:4px;
}

DIV.index-box-title, h1.index-box-title, DIV.index-box-title-wht {
	font-family:var(--font-N); font-weight:700; 	font-size:14px;
	color:var(--color-E);
	text-transform:uppercase;
	margin:0 0 8px 0;
	padding-bottom:3px;
	border-bottom:1px solid var(--color-A);
	text-align:center;
}

DIV.index-box-title-wht {
	background-color:#FFF;
	border:none;
	border-radius:5px;
	box-sizing:border-box;
	margin-top:5px;
	text-align:center;
	clear:both;
}

DIV.index-box-title-wht:first-child { margin-top:0; }


DIV.index-box-text {
	font-size:12px;
	color:#000;
	padding:0 3px 3px 3px;
	background-color:#FFF;
	opacity:0.9;
}

DIV.index-box-link {
	float:left;
	clear:both;
	box-sizing:border-box;
	width:100%;
	background-color: rgba(255, 255, 255, 0.75);
	padding:3px 6px 3px 6px;
}

#index-description-box { background-image:url(../images/site/index-box-infos.jpg); }
#index-rappel-box { background-image:url(../images/site/index-box-basket.jpg); }
#index-cmd-again-box { background-image:url(../images/site/index-box-cmd.jpg);  }
#index-sale-box { background:none; padding:0;}

#index-description-box-full-width {
	width:1200px;
	padding:8px 0 8px 0;
	padding-left:calc( 50% - 600px );
	padding-right:calc( 50% - 600px );
}

@media all and (min-width:20px) and (max-width:1200px){
	#index-description-box-full-width {	width:100%; }

}



/* -------------------------------   MODELE-BOX --->>> */
A.resetModele, A.see-all-product, INPUT.search-submit-large, #index-box-search-submit {
	display:block;
	clear:both;
	padding:6px 6px 6px 30px;
	background-image:url(../images/site/ICO_delete.png);
	background-repeat:no-repeat;
	background-size:25px;
	background-position:left;
	border:1px outset var(--color-C);
	background-color:var(--color-A);
	margin:3px 0 3px 0;
	border-radius:5px;
	font-family:var(--font-N);
	font-size:16px;
	text-align:center;
}

A.see-all-product {
	background-image:url(../images/site/ICO-search.png);
}

INPUT.search-submit-large {
	background-image:url(../images/site/ICO-rec.png);
	font-size:14px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}

#index-box-search-submit {
	background-image:url(../images/site/ICO-search.png);
	font-size:16px;
	text-align:center;
	padding:3px 6px 3px 6px;
	width:100%;
	box-sizing:border-box;
	display:none;
}

#modele-box {
	width:80%;
	margin-left:10%;
	border-radius : 8px;
	padding:2px 8px;
	box-sizing: border-box;
	background-color:#FFF;
	font-size:18px;
	float:left;
	z-index:888;
}

#modele-box P {
	padding:0;
	margin:2px 0 2px 0;
}

#modele-box .select-box, #modele-box .moto-box, #modele-box .logo-box {
	float:left;
	width:60%;
	box-sizing: border-box;
	text-align:center;
}

#modele-box-u .select-box {
	width:100%;
}

#modele-box .select-box SELECT, #modele-box-u .select-box SELECT {
	float:left;
	width:18%;
	margin:0 1% 0 1%;
	padding:4px 8px;
	box-sizing: border-box;
	text-align:center;
	background-color:#c3d0dc;
	border:1px solid #818b95;
	font-size:18px;
	height:50px;
}

#modele-box-u .select-box SELECT {
	width:auto;
	border-radius:3px;
}

.modele-box-submit  {
	width:8%;
	height:50px;
	float:left;
	margin:0 16px 0 8px;
	border:0;
	background-image:url(../images/site/ICO-search-box.png);
	background-repeat:no-repeat;
	background-size: contain;
	background-position:center;
}

.modele-box-reset {
	width:5%;
	text-align:center;
	height:50px;
	float:left;
}


#modele-box .select-box SELECT OPTION { text-align:center; }


#modele-box .moto-box { width:30%; }
#modele-box .logo-box { width:10%; }

#goSearch-index {
	border-bottom: 1px solid #818b95;
	padding-bottom:4px;
	margin-bottom:8px;
}


@media all and (min-width:20px) and (max-width:1100px){
#modele-box {
	width:100%;
	margin-left:0;
	padding:6px 8px;
	font-size:16px;
}

}


/* -------------------------------   BLOC INFOS INDEX --->>> */
#index-box-free-shipping, #index-box-paiement-3x {
	margin:3px 0 0 0;
	padding:0 6px 0 80px;
	border-radius:5px;
	box-sizing:border-box;
	width: calc( 100% - 6px );
	background-color:#000;
	color:#FFF;
	background-image:url(../images/site/ICO_livraison_gratuite.png);
	background-repeat:no-repeat;
	background-position:5px center;
	background-size:75px;
	clear:both;
	float:left;
}

#index-box-paiement-3x {
	background-image:url(../images/site/paiement-3x-blk.png);
	background-color:#3C3;
	color:#000;
	font-size:18px;
	text-align:center;
}


.index-franco-text { font-size:24px; }
#index-box-paiement-3x SPAN STRONG { font-size:24px; color:#F00; }

@media all and (min-width:20px) and (max-width:1600px){
	#index-infos-box { width:100%;	padding:8px 0 8px 0;}
	DIV.index-box { width:calc( 25% - 8px ); }
	.index-franco-text { font-size:18px; }
}

@media all and (min-width:20px) and (max-width:1300px){
	.index-franco-text { font-size:14px; }
	#index-box-paiement-3x SPAN { font-size:12px; }
	#index-box-paiement-3x SPAN STRONG { font-size:14px; }
	#index-box-free-shipping, #index-box-paiement-3x { 	background-size:50px; padding-left:60px; }
}


/* -------------------------------   CMD A NOUVEAU ( mods/index/index-cmd-again-box.php ) --->>> */
DIV.index-connexion-box {
	padding:8px;
	border-radius:5px;
	background-color:#FF6;
	margin-top:8px;
	box-sizing:border-box;
}

DIV.index-connexion-box P {
	text-align:center;
	font-family:var(--font-N);
	font-size:16px;
	padding:0;
	margin:0 0 6px 0;
}

DIV.index-connexion-box INPUT {
	width:90%;
	margin-left:5%;
	text-align:center;
}

DIV.index-connexion-box INPUT[type="checkbox"] { width:auto; }

/* -------------------------------   MINI FICHE PRODUIT ( mods/index/mini-fiche-produit.php ) --->>> */
DIV.mini-fiche-produit {
	float:left;
	border:1px solid var(--color-C);
	border-radius:5px;
	padding:3px;
	margin:4px;
	width:calc( 50% - 16px );
	background-color:#FFF;
}
DIV.mini-fiche-produit-img {
	width:100%;
}

DIV.mini-fiche-produit-img IMG {	aspect-ratio: 4/3; }

DIV.mini-fiche-produit-text {
	width:100%;
	font-family:var(--font-A);
	font-size:10px;
	text-align:center;
	height:36px;
	line-height:12px;
}

DIV.mini-fiche-produit-price {
	width:100%;
	font-family:var(--font-A);
	font-size:12px;
	text-align:center;
	height:24px;
	line-height:24px;
}

DIV.mini-fiche-produit-price STRONG { font-size:18px; font-weight:700; color:#F00; }
DIV.mini-fiche-produit-price EM { color:#666; text-decoration:line-through; }

@media all and (min-width:20px) and (max-width:1400px){
	DIV.mini-fiche-produit-price STRONG { font-size:14px; }
	DIV.mini-fiche-produit-price { font-size:11px; }
}


/* -------------------------------   UNIVERS = CATEGORIE MERE ( mods/index/univers.php ) --->>> */

DIV.univers {
	float:none;
	position:relative;
	display:inline-block;
	box-sizing: border-box;
	width:250px;
	margin:0 8px 8px 0;
	background-color:#FFF;
}

DIV.univers_txt {
	font-size:150%;
	font-family: 'Oswald', sans-serif;  font-weight:700;
}

DIV.top_categories_univers {
	margin-left:100px;
	width:calc ( 100% - 102px );
	border-radius : 70px 0 0 70px;
	height:140px;
	background: linear-gradient(to left,  rgba(95,102,109,1), rgba(234,241,249,1));
	background-repeat:no-repeat;
	margin-bottom:8px;
}

.top_categories_univers-logo {
	line-height:140px;
	display:inline-block;
	height:100px;
	padding: 20px;
	margin:0;
}

@media all and (min-width:20px) and (max-width:1600px){
	DIV.univers { width: calc( 100% / 6 - 16px ); }
}

@media all and (min-width:20px) and (max-width:1300px){
	DIV.univers_txt { font-size: 14px; }
}

/* -------------------------------   Bandeau Marque --->>> */
.brand-box {
	display:inline-block;
	background-color:#FFF;
	height:100px;
	width:100px;
	margin:0 5px 0 5px;
	text-align:center;
	overflow:hidden;
	border-radius:8px;
}

@media all and (min-width:20px) and (max-width:1500px){ .brand-box-col-11 { display:none; } }
@media all and (min-width:20px) and (max-width:1400px){ .brand-box-col-10 { display:none; } }
@media all and (min-width:20px) and (max-width:1300px){ .brand-box-col-9 { display:none; } }
@media all and (min-width:20px) and (max-width:1200px){ .brand-box-col-8 { display:none; } }


@media all and (min-width:20px) and (max-width:1100px){
	.brand-box-col-5 { display:none; }
	.brand-box-col-6 { display:none; }
	.brand-box-col-7 { display:none; }
}


/* -------------------------------   OFFER BOX --->>> */
.offerBox { 
	display:inline-block;
	width:27%;
	padding:0 1% 0 1%;
	vertical-align:top;
}

.offerBoxx2 { 
	display:inline-block;
	width:40%;
	box-sizing: border-box;
	padding:0 8px 8px 0;
	vertical-align:middle;
}

.offerBoxx2:last-child { 
	padding:8px 0px 8px 8px;
}

.topBox {
	display:inline-block;
	width:calc( 33% - 5px );
	margin:0 8px 0 0;
}

.topBox:last-child {
	margin:0;
}


/* ------------------------------------------------------------------   CATEGORIE --->>> */

/* -------------------------------   VIGNETTE CATEGO --->>> */
DIV.categorie_thumbs, DIV.categorie_thumbs-full {
	display:block;
	float:left;
	margin: 5px; 
	position:relative;
}

DIV.categorie_thumbs-full {
	margin:0.5% 5px 0.5%; 
	width:19%; 
}

DIV.categorie_thumbs-image {
	height:62px;
	width:62px;
	float:left;
}

DIV.categorie_thumbs-image-full {
	height:42px;
	width:42px;
	float:left;
}

DIV.categorie_thumbs-txt {
	margin:0 0.5% 2px 0.5%; 
	width:19%;
	float:left;
	padding:0;
}

DIV.categorie_thumbs-txt .categorie_thumbs-texte {
	border-left:8px solid #F00;
	padding:0 0 0 16px;
}


DIV.categorie_thumbs-image IMG, DIV.categorie_thumbs-image-full IMG { 
	display:inline-block;
	height:40px;
	width:40px;
	border-radius:20px;
	background-color:#FFF;
	border:1px solid #818b95;
}

DIV.categorie_thumbs-image IMG {
	height:60px;
	width:60px;
	border-radius:30px;
	display:none;
}

DIV.categorie_thumbs-texte, DIV.categorie_thumbs-texte-2 {
	display:inline-block;
	float:left;
	margin-top:10px;
	font-size:14px;
	line-height:15px;
	padding-left:5px;
	text-transform:uppercase;
	color:#000;
}

DIV.categorie_thumbs-texte:hover, DIV.categorie_thumbs-texte-2:hover {
	color:#F00;	
}

DIV.categorie_thumbs-texte-2 {
	padding-top:0px;
	font-size:14px;
	padding-left:8px;
}

@media all and (min-width:20px) and (max-width:440px){


}


/* -------------------------------   VIGNETTE CATEGO TOP --->>> */
DIV.categorie_top_thumbs { 
	display:inline-block;
	margin: 0 8px 0 0px; 
	position:relative;
	border-radius:8px;
	background-color:#FFF;
	overflow:hidden;
	box-sizing: border-box;
}

DIV.categorie_top_thumbs:last-child { margin:0; } 


DIV.categorie_top_thumbs-image {
	width:100%;
}

DIV.categorie_top_thumbs-image IMG { 
	display:inline-block;
	height:100px;
	width:100%;
	background-color:#FFF;
}

DIV.categorie_top_thumbs-texte {
	display:inline-block;
	padding-top:3px;
	font-size:16px;
	line-height:20px;
	text-align:center;
	font-weight:700;
	height:40px;
	vertical-align:middle;
	width:100%;
}

/* -------------------------------   VIGNETTE CATEGO UNIVERS TOP --->>> */
DIV.categorie_top_thumbs-univers { 
	display:inline-block;
	margin: 0 3px 0 3px; 
	position:relative;
	border-radius:8px;
	background-color:#FFF;
	overflow:hidden;
	width:120px;
	padding:0;
}

DIV.categorie_top_thumbs-image-univers {
	width:100%;
}

DIV.categorie_top_thumbs-image-univers IMG { 
	display:inline-block;
	height:95px;
	width:100%;
	background-color:#FFF;
}

DIV.categorie_top_thumbs-texte-univers {
	display:inline-block;
	padding-top:3px;
	font-size:16px;
	line-height:20px;
	text-align:center;
	font-weight:700;
	height:40px;
	vertical-align:middle;
	width:100%;
}




/* -------------------------------   VIGNETTE PRODUIT --->>> */

DIV.square_ban {
	display:block;
	float:left;
	margin: 5px 0.5% 10px 0.5%;
	width:39%;
	position:relative;
	background-color:#FFF;
	overflow:hidden;
}

DIV.square_ban IMG {
	width:100%;
}


DIV.vignette_product_box, DIV.vignette_product_box-offer, DIV.vignette_product_box-C {
	display:block;
	float:left;
	margin: 8px;
	width:calc( 100% / 5 - 16px );
	position:relative;
	background-color:#FFF;
	overflow:hidden;
	box-sizing: border-box;
	border:1px solid #eaf1f9;
	border-radius:3px;
}

DIV.vignette_top_product_box {
	border:1px solid #FC0;
	width:calc( 100% / 5 - 22px );
	box-sizing: border-box;
}

DIV.vignette_top_product_box_frame {
	border:5px solid #FF9;
	box-sizing: border-box;
	margin-bottom:-10px;
}

DIV.vignette_top_product_box_frame .vignette_categorie-price {
	background-color:#FF9;
	padding-bottom:5px;
}

DIV.vignette_top_product_box_frame .vignette_categorie-price {
	font-size:28px;
	height:38px;
}

DIV.vignette_top_product_box_frame .vignette_categorie-texte {
	font-size:18px;
	font-weight:700;
}

DIV.vignette_product_double_box {
	border:5px double #FC0;
	width:calc( 100% / 2.5 - 16px );
}

DIV.vignette_produit_double_box-image {

}

DIV.vignette_produit_double_box-product_name {
	width:100%;
	background-color:rgba(255,255,0,0.75);
	font-size:20px;
	font-family:var(--font-N);
	text-align:center;
	bottom:0px;
	position:absolute;
}

@media all and (min-width:1651px){
	DIV.vignette_product_box, DIV.vignette_product_box-offer { width:calc( 100% / 7 - 16px ); }
	DIV.vignette_product_double_box {  width:calc( 100% / 3.5 - 16px );  }
}

@media all and (min-width:1300px) and (max-width:1650px){
	DIV.vignette_product_box, DIV.vignette_product_box-offer { width:calc( 100% / 6 - 16px ); }
	DIV.vignette_product_double_box {  width:calc( 100% / 3 - 16px );  }
}

@media all and (min-width:600px) and (max-width:899px){
	DIV.vignette_product_box, DIV.vignette_product_box-offer { width:calc( 100% / 4 - 16px ); }
	DIV.vignette_product_double_box {  width:calc( 100% / 2 - 16px );  }
}

@media all and (min-width:20px) and (max-width:599px){
	DIV.vignette_product_box, DIV.vignette_product_box-offer { width:calc( 100% / 3 - 16px ); }
	DIV.vignette_product_double_box {  width:calc( 100% / 1.5 - 16px );  }
}



DIV.logo-vignette {
	position:absolute;
	top:0;
	left:0;
	height:40px;
	width:40px;
	/*
	border-radius:20px;
	border:1px solid #818b95;
	background-color:#FFF;
	*/
	overflow:hidden;
}

DIV.logo-vignette A {
	/* background-color:#FFF; */
	height:40px;
	width:40px;
	display:inline-block;
	overflow:hidden;
	line-height:40px;
	text-align:center;
	vertical-align:middle;
}

DIV.logo-vignette A IMG {
	display:inline-block;
	vertical-align:middle;
	margin:auto;
}

DIV.vignette_produit-image {
	overflow:hidden;
	height:210px;
}

DIV.vignette_produit-image SPAN.promotion, DIV.vignette_produit-image SPAN.livraison_offerte, DIV.vignette_produit-image-offer >  .promotion_O {
	position:absolute;
	top:0;
	right:0;
	height:32px;
	width:40px;
	font-size:20px;
	padding-top:1px;
	border-radius:10px;
	border:1px outset #F00;
	overflow:hidden;
	background-color:#FFF;
	text-align:center;
	color:#F00;
	z-index:10;
}

DIV.vignette_produit-image SPAN.promotion_O {
	top:16px;
	border-radius:0 0 10px 10px;
}

DIV.vignette_top_product_box SPAN.promotion { background-color:#FF9; }



DIV.vignette_produit-image SPAN.livraison_offerte {
	background:none; 
	border-radius:0px;
	border:none;
	background-image:url(../images/site/livraison_offerte.png);
	background-size: contain;
	background-position:middle;
	background-repeat:no-repeat;
	top:8px;
}

span.band-special-offer {
	position:absolute;
	top:0;
	right:0;
	width:50%;
	z-index:10;
	background-image:url(../images/site/band-special-offer.png);
}




DIV.vignette_produit-image SPAN.TVA, DIV.vignette_produit-image-offer SPAN.TVA {
	width:50px;
	background-color:#9F9;
	border-color:#3C0;
	color:#060;
	padding-top:0px;
} 


DIV.vignette_produit-image SPAN.TVA SUB, DIV.vignette_produit-image-offer SPAN.TVA SUB {
	display:block;
	clear:both;
	margin-top:-9px;
	text-transform:uppercase;
	font-size:50%;
} 

DIV.vignette_produit-image >  .promotion, DIV.vignette_produit-image >  .promotion_O {}
DIV.vignette_produit-image >  .promotion_O {}



DIV.vignette_produit-image SPAN.promotion em,  DIV.vignette_produit-image-offer >  .promotion_O EM {
	font-size:50%;
}

SPAN.OP_reduc {
	position:absolute;
	top:1px;
	right:0px;
	height:40px;
	width:120px;
	z-index:5;
}

DIV.vignette_categorie-texte {
	font-size:16px;
	line-height:20px;
	height:60px;
	text-align:center;
	vertical-align:middle;
}

DIV.vignette_categorie-price {
	font-size:24px;
	color:#111;
	font-weight:bold;
	text-align:center;
	height:33px;
	padding-top:2px;
	/* border-bottom:2px solid #5f666d; */
}

DIV.vignette_categorie-price SPAN.prix-barre {
	font-size:60%;
	text-decoration:line-through;
	color:#666;
	font-weight:normal;
}

SPAN.fromPrice{
	text-transform:uppercase;
	font-size:12px;
	display:block;
	text-align:center;
	margin:-10px 0 -8px 0;
}

DIV.vignette_produit-addToCart {
	float:left;
	height: 40px;
	line-height: 40px;
}

SPAN.expedition-sous, SPAN.en-stock { 
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	font-weight:700;
	color:#33F;
	margin-top:4px;
	float:left;
	padding-left:8px;
	line-height:35px;
}

DIV.vignette_produit-disponibilite, A.see-product {
	display:inline-block;
	float:left;
}


A.add-to-cart, A.add-to-cart-ref,A.add-offer-to-cart, A.add-offer-to-cart-ref, A.NOadd-to-cart-ref {
	display:inline-block;
	float:right;
}

SPAN.en-stock { color:#090; }

SPAN.expedition-sous EM, SPAN.en-stock EM {
	font-size:75%;
}

A.attribut-choise {
	color:#036;
	background-color:#c3d0dc;
	border:1px outset #c3d0dc;
	border-radius:3px;
	padding:3px 6px;
	text-transform:uppercase;
	cursor:pointer;
}
	
A.attribut-choise:hover {
	background-color:#a2b0bc;
	border:1px inset #a2b0bc;
}

SPAN.avaible_soon {
	background-image:url(../images/site/ICO_sablier.png);
	background-size: contain;
	background-position:left;
	background-repeat:no-repeat;
	color:#C60;
	height:28px;
	padding-left:28px;
	text-transform:uppercase;
}
	


DIV.vignette_categorie_box_txt {
	display:block;
	float:left;
	margin: 5px 1% 1.5em 1%;
	width:18%;
	position:relative;
	background-color:#FFF;
	border-radius:20px;
}

DIV.texte_en_vignette {
	font-size:125%;
	font-family: 'Oswald', sans-serif; 
	padding:8px 5px 8px 5px;
}

DIV.texte_en_vignette IMG {
	width:100%;
}

DIV.texte_en_vignette P {
	padding:0;
	margin:0;
	margin-bottom:3px;
}

DIV.texte_en_vignette STRONG, DIV.texte_en_vignette STRONG A {
	font-weight:700;
	color:#F00;
}

/* -------------  VIGNETTE PRODUIT > OFFRE  --->>> */
.offreBox {
	box-shadow: 4px 4px 2px #F30;
	-webkit-box-shadow: 4px 4px 2px #F30;
	border-top:1px solid #ff0000;
	border-left:1px solid #ff0000;
	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.halo {
	box-shadow: 0px 0px 3px #F90;
}

.offerTitle {
	color:#F00;
	font-size:15px; font-family: 'Oswald', sans-serif;  font-weight:700;
	text-align:center;
	text-transform:uppercase;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, white 0.1em 0.1em 0.2em; 
}

.offerProductName {
	/* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, black 0.1em 0.1em 0.2em;  */
	color:#000;
	font-weight:700;
}

.vignette_produit-image-offer { 
	overflow:hidden;
}

.vignette_produit-image-offer IMG { 
	width:100%;
}


.vignette_categorie-texte-offre, .vignette_categorie-texte-offre-overlay {
	font-size:14px;
	line-height:16px;
	height:48px;
	text-align:center;
	vertical-align:middle;
	display:block;
	/*position:absolute;
	left:0;
	bottom:36px;
	*/
}

.vignette_categorie-texte-offre-overlay {
	background-color:#FFF;
	opacity:0.5;
	width:100%;
}

.vignette_categorie-texte-offre SPAN { padding-left:0.5em; padding-right:0.5em; }


/* -------------  VIGNETTE PRODUIT > OFFRE DOUBLE  --->>> */
DIV.vignette_product_box-offerD {
	display:block;
	float:left;
	margin: 5px 0.5% 10px 0.5%;
	width:calc( (100% / 5)*2 - 18px );
	position:relative;
	background-color:#FFF;
	border-radius:20px 20px 0 0;
	overflow:hidden;
}

@media all and (min-width:1651px){
	DIV.vignette_product_box-offerD { width:calc( (100% / 7)*2 - 18px ); }
}

@media all and (min-width:1300px) and (max-width:1650px){
	DIV.vignette_product_box-offerD { width:calc( (100% / 6)*2 - 18px ); }
}

@media all and (min-width:600px) and (max-width:899px){
	DIV.vignette_product_box-offerD { width:calc( (100% / 4)*2 - 18px ); }
}

@media all and (min-width:20px) and (max-width:599px){
	DIV.vignette_product_box-offerD { width:calc( (100% / 3)*2 - 18px ); }
}

/* -------------  VIGNETTE BAN  --->>> */
DIV.vignette_product_box-offerBAN {
	display:block;
	float:left;
	margin: 5px 0.5% 10px 0.5%;
	width:calc( (100% / 5)*2 - 18px );
	position:relative;
	background-color:#FFF;
	border-radius:8px;
	overflow:hidden;
	height:315px;
	background-image:url(../images/site/LesBonsPlans-line-600px.png);
	background-position:top center;
	background-size:80%;
	background-repeat:no-repeat;
	background-color:#FF0;
}

DIV.vignette_product_box-offerBAN A IMG {
	margin-top:35px;
}


@media all and (min-width:1651px){
	DIV.vignette_product_box-offerBAN { width:calc( (100% / 7)*2 - 18px ); }
}

@media all and (min-width:1300px) and (max-width:1650px){
	DIV.vignette_product_box-offerBAN { width:calc( (100% / 6)*2 - 18px ); }
}

@media all and (min-width:600px) and (max-width:899px){
	DIV.vignette_product_box-offerBAN { width:calc( (100% / 4)*2 - 18px ); }
}

@media all and (min-width:20px) and (max-width:599px){
	DIV.vignette_product_box-offerBAN { width:calc( (100% / 3)*2 - 18px ); }
}


DIV.promotion-OS, DIV.nicePrice-OS  {
	position:absolute;
	top:0;
	right:0;
	height:75px;
	width:150px;
}

DIV.nicePrice-OS {
	position:absolute;
	top:0;
	right:0;
	height:75px;
	width:auto;
}

SPAN.prix_barre-OS, SPAN.prix_vente_affiche-OS {
	position:absolute;
	top:15px;
	right:160px;
	height:38px;
	background-color:#FF0;
	color:#000;
	font-size:20px;
	line-height:38px;
	text-align:center;
	width:100px;
	padding: 0 10px 0 0;
	border-radius: 15px 0 0 15px;
}

SPAN.prix_vente_affiche-OS {
	right:0;
	border-radius: 0 15px 15px 0;
	font-weight:700;
	font-size:24px;
	padding:0 0 0 10px;
}

SPAN.promotion-OS, SPAN.nicePrice-OS {
	position:absolute;
	top:0;
	right:100px;
	height:60px;
	width:80px;
	line-height:60px;
	font-size:40px;
	border-radius:15px;
	border:1px outset #F00;
	overflow:hidden;
	background-color:#FFF;
	text-align:center;
	color:#F00;
	z-index:10;
}

SPAN.nicePrice-OS {
	width:auto;
	padding:3px 10px 3px 10px;
	font-size:30px;
	height:38px;
	line-height:30px;
	right:5px;
}
	

DIV.promotion-OS >  .promotion-OS EM {
	font-size:50%;
}

.offerD-ProductName {
	color:#000;
}

.vignette_produit-image-offerD { 
	overflow:hidden;
}

.vignette_produit-image-offerD IMG { 
	/*width:100%;*/
}


.vignette_categorie-texte-offreD {
	font-size:20px;
	line-height:26px;
	height:60px;
	text-align:center;
	vertical-align:middle;
	display:block;
	position:absolute;
	width:100%;
	left:0;
}


.vignette_categorie-texte-offreD > .logo-livraison {
	height:30px;
	padding:5px 5px 15px 5px;
	display:table-row;
	float:left;
}

.vignette_categorie-texte-offreD > A {
	display:block; /*table-row;*/
	text-align:center;
	width:100%;
}

.vignette_categorie-texte-offreD SPAN { padding-left:0.5em; padding-right:0.5em; }


.banderole_lo-vignette {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:55%;
}


/* -------------------------------   PAGE CATEGO --->>> */
#categorie_header {
	background-color:#FFF;
	border-radius : 20px;
	padding:2px 0 2px 0;
}

#categorie_header DIV {  }

#visuel_categorie_desc IMG { 
	width:50%;
	margin:0;
	padding:0;
}

#visuel_categorie_desc figcaption {
	font-size:125%;
}

.filter-div {
	margin-top:5px;
}

.filter-div A SPAN{
	display:inline-block;
	height:20px;
	font-family: 'Oswald', sans-serif;  font-weight:300;
	text-transform:uppercase;
	padding:5px 0;
}

.filter-div A IMG {
	display:inline-block;
	height:25px;
	padding: 0 8px 0 0;
	float: inline-start;
}


.filter-title, .filter-title-2, .filter-title-double {
	font-size:20px;
	font-weight:700;
	color:#FFF;
	color:#0b0c0c;
	display:inline-block;float:left;margin:0 4px 0 4px;
	text-transform:uppercase;
}

.filter-title {
	clear:both;
	width: 26%;
	display: block;
	float: left;
	margin: 0 0 6px 0;
	font-size:18px;
	border-bottom:1px solid #818b95;
	line-height:30px;
}

.filter-title:fist-child { margin-top:6px; }


.filter-div SELECT, .search-submit-categorie-header {
	font-family: 'Oswald', sans-serif;  font-weight:300;
	text-align:center;
	background-color:#f4f8fc;
	color:#000;
	border:1px inset #818b95;
	font-size:16px;
	padding-top:2px;
	text-transform:uppercase;
	display:inline-block;float:left;margin:0 4px 0 4px;
}	

.search-submit-categorie-header {
	height: 30px;
	width:30px;
	background-color:#090;
	text-align:center;
	padding: 1px 0 5px 0;	
	display:inline-block;float:left;margin:0 4px 0 4px;
}

.resetModele-categorie-header {
	height: 30px;
	width:30px;
	/*background-color:#0b0c0c;*/
	padding: 1px 0 5px 0;	
	text-align:center;
	display:inline-block;float:left;margin:0 4px 0 4px;
}

DIV.filter-div SPAN.filter-box {
	display:block;
	float:left;
	margin-left:1em;
	font-size:20px;
}

DIV.filter-div SPAN.filter-box INPUT[type="checkbox" i] {
	background-color:#999;
	border-radius:8px;
	line-height:20px;
	padding:8px;
}

SELECT.select-filter {
	display:block;
	float:left;
	margin:0px 2px 6px 2px;
	width: calc( 18% - 10px);
	text-align:center;
	box-sizing : border-box;
}

.descriptif_categorie_end { font-size:16px; }



.modele-mini-box {
	background-color:#0b0c0c;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#FFF;
	background-image:url(../images/site/end_band-wt.png);
	background-position:right top;
	background-repeat:no-repeat;
}

#categories_thumbs_contener { padding:2px 0 2px 0; }

#loaderBox {
	padding-bottom:25px;
	border-bottom:3px dotted var(--color-B);
	margin-bottom: 45px;
	margin-top:15px;
}

#loaderBox A {
	border-radius:3px;
	border:1px outset var(--color-C);
	background-color:var(--color-A);
	padding:3px 15px 3px 15px;
}
/* -------------------------------   NAVIGATION --->>> */
DIV.navigation-par-page {
	display:block;
	float:left;
	clear:both;
	width:100%;
}

DIV.navigation-page { padding-left:2em;}

A.navigation-page, DIV.navigation-order A, DIV.navigation-order SPAN {
	display:block;
	float:left;
	margin-right:5px;
	margin-left:5px;
	padding:2px;
	border-radius:2px;
	font-size:14px; font-family: 'Oswald', sans-serif;  font-weight:300;
	color:#036;
	text-decoration:none;
}

A.activ { 
	background-color:#036;
	color:#FFF;
}

DIV.navigation-order {
	display:block;
	float:right;
	padding-right:2em;
}

/* ------------------------------------------------------------------   PAGE PRODUIT --->>> */

DIV.news {
	font-size:20px;
	font-weight:bold;
	padding:3px 5px 3px 3px;
	/* background-color:#0C6; */
	background: linear-gradient(to bottom,  rgba(0,200,20,1), rgba(0,200,20,0));
	border-radius:8px;

}

/* -------------------------------   IMG --->>> */
DIV.productColVisuel {
	width:38%;
	margin-right:2%;
	float:left;
}

DIV.productColVisuel-2 {
	width:28%;
	margin-right:2%;
	float:left;
}


.banderole_lo {
	display:block;
	position:absolute;
	top:80px;
	left:0;
	width:150px;
}


DIV.productVisuel-bigBox {
	padding:0;
	border-radius : 20px 20px 0 0;
	width:100%;
	/*overflow:hidden;*/
	background-color:#FFF;
}

DIV.productVisuel-thumbsBox {
	padding-top:1em;
	background-color:#FFF;
	float:left;
	width:100%;
	border-radius : 0 0 20px 20px;
}

SPAN.thumbs_visuel {
	display:inline-block;
	width:60px;
	height:60px;
	border-radius:30px;
	background-color:#FFF;
	line-height:60px;
	padding:0; margin:0;
	overflow:hidden;
	border:1px solid #818b95;
}

/* -------------------------------   Description --->>> */
DIV.productColDescription {
	width:30%;
	float:left;
}

DIV.productColDescription-2 {
	width:40%;
	float:left;
}

A.trade-logo {
	overflow:hidden;
	height:60px;
	width:60px;
	display:inline-block;
	background-color:#FFF;
}

A.trade-logo IMG{
	height:60px;
	width:60px;
}


A.trade-desc {
	overflow:hidden;
	height:60px;
	line-height:30px;
	font-size:18px;
	display:inline-block;
	padding-left:8px;
}

A.trade-desc STRONG {
	font-size:24px;
}

.description-produit {
	text-align:left;
}

#productColDescription {
	overflow:hidden;
}

#description-produit {
	overflow:auto;
	padding-right:3px;
		
}

#description-longue-link {
	position:absolute;
	top:450px;
	right:0px;
	
}

DIV.productColAchat {
	width:28%;
	margin-right:2%;
	float:left;
}

#infoProduit, .infoProduitBox {
	text-align:center;
	font-size:16px;
	width:100%;
}

#infoProduit DIV, .infoProduitBox DIV {
	display:inline-block;
	float:left;
	
}

#infoProduit .price, .infoProduitBox .price {
	font-size:30px;
	font-weight:700;
	color:#1e2123;
	line-height:36px;
}

#infoProduit .promotion-box, .infoProduitBox .promotion-box {
	color:#F00;
	height:60px;
	font-size:24px;
	 margin-bottom:8px;
	/*visibility:hidden;*/
}

#infoProduit .promotion, .infoProduitBox .promotion {
    border-radius: 35px;
    background-color: #FFF;
    color: #F00;
	 border:1px solid #F00;
    font-size: 28px;
    text-align: center;
    height: 60px;
    width: 60px;
    line-height: 60px;
    display: inline-block;
	 margin-bottom:8px;
}

#infoProduit .p100, .infoProduitBox .p100 {
	font-size:50%;
	padding-bottom:25%;
}

#infoProduit .toMax, .infoProduitBox .toMax, SPAN.toMax {
	font-size: 12px;
	line-height: 15px;
	color: black;
	text-transform: uppercase;
	height: 13px;
	display: block;
	padding-top: 3px;
}

#infoProduit .rv-o {
    line-height: 30px;
    border-radius: 3px 3px 35px 35px;
}


#infoProduit .prix-barre, .infoProduitBox .prix-barre {
	color:#999;
	font-size:16px;
	line-height:18px;
}

#infoProduit .prix-barre STRONG,  { text-decoration:line-through; font-weight:300; }
.infoProduitBox .prix-barre STRONG,  { text-decoration:line-through; font-weight:300; }

/*---- tva free ---*/
#infoProduit .TVA {
	background-color:#9F9;
	border-color:#3C0;
	color:#060;
	padding-top:0px;
	line-height:inherit;
	font-size:32px;
} 
#infoProduit .TVA SUB {
	display:block;
	clear:both;
	margin-top:-9px;
	text-transform:uppercase;
	font-size:50%;
	height:auto;
} 


.rupture { 
	margin-top:1em;
	font-size:125%;
	text-align:center;
}

#infos_produit_bloc {
}

#disponibilite-produit { 
	font-size:16px;
	font-weight:700;
	color:#F90;
}

DIV.addCart_ButtonBox { text-align:center; margin-left: calc( 50% - 68px); }

DIV.addCart_ButtonBox INPUT.quantite  {
	float:left;
	box-sizing:border-box;
	font-size:36px;
	margin:0 8px 0 8px;
	text-align:center;
	height:36px;
	line-height:36px;
	background:none;
	border:none;
	width:48px;
}

DIV.addCartButtonBox INPUT.buttonUD, DIV.addCart_ButtonBox INPUT.buttonUD {
	box-sizing:border-box;
	border-radius:3px;
	border:0;
	height:36px;
	width:36px;
	background-color:#1e2123;
	background-image:url(../images/mobile-site/ICO-DOWN-wht.png);
	background-repeat:no-repeat;
	background-size: contain;
	color:#eaf1f9;
	float:left;
}

DIV.addCartButtonBox INPUT.up, DIV.addCart_ButtonBox INPUT.up {
	background-image:url(../images/mobile-site/ICO-UP-wht.png);
}

.quantite-box {
	font-size:24px; 
	font-weight:700;
	padding:0 8px;
	margin:0 8px;
	float:left;
}

#fido-bloc {
	background-color:#1e2123;
	color:#FFF;
	background-image:url(../images/site/ICO_Fido-wht.png);
	background-position:left;
	padding: 10px 0 10px 50px;
	width:calc( 100% - 52px );
	border-radius:3px;
	text-align:left;
	font-size:18px;
}


.fido STRONG {
	background-color:#F00;
	padding:1px 5px 1px 5px;
	color:#FFF;
	border-radius:25px;
}


.VP {
	display:block;
	width:100%;
	color:#F00;
	text-align:center;
	font-size:150%;
}

.ico-livraison-offerte {
	height:55px;
	margin:10px 5px 0 5px;
}

.franco { font-size:150%; }

#free_on_four {
	text-align:center;
	font-size:16px;
	font-weight:700;
	color:#090;
}

.guide-des-motos-link {
	display:block;
	text-align:center;
	font-size:24px;
	color:#036;
}

#description-longue-linkX { 
	margin-top:4px;
	padding-top:4px;
	border-top:1px solid #a2b0bc;
}

/* ------------- ADV PRODUCT -->> */
.thumbsBox-title, .thumbsBox-title-2 {
	text-align:center;
	font-size:150%;
	font-weight:bold;
	padding-top:4px;
	padding-bottom:8px;
}

.thumbsBox-title-2 {
	width:50%;
	border-radius:8px 8px 0 0;
	box-sizing:border-box;
	float:left;
	cursor:pointer;
}

.thumbsBox-title-off {
	opacity:0.5;
}

#notes_ref {
	text-align:center;
	font-size:14px;
	font-style:oblique;
	display:inline-block;
	width:90%;
	margin:0.25em 2% 0.25em 2%;
	padding:0.25em 3% 0.25em 3%;
}


#notes_ref .toKnowText {
	font-weight:bold;
	color:#F00;
}

.addToCustomerCart {
	font-size:125%;
	font-family: 'Oswald', sans-serif; 
	font-weight:400;
	color:#F60;
}

TABLE.produit_compatible  {
	font-size:14px;
	width:100%;
}

TABLE.produit_compatible  TR TD {
	padding-right:15px;
	padding-left:15px;
	text-align:center;
}

TABLE.produit_compatible  TR TH {
	font-weight:bold;
	text-align:center;
}

TABLE.produit_compatible TR TD.MC_header {
	font-size:16px;
	color:#036;
	cursor:pointer;
	text-align:left;
	border-bottom: 1px solid #036;
	padding-bottom:3px;
	margin-bottom:4px;
}

TABLE.produit_compatible TR TD.MC_header:hover {
	color:#C00;
	border-bottom: 1px solid #C00;
}


/* --- MC-table --- */
DIV.MC-table-core {
	font-size:16px;
	width:100%;
	float:left;
}

DIV.MC-table-col {
	width:calc( 15% - 20px );
	float:left;
	border-right:1px solid #999;
	padding-right:5px;
	border-left:1px solid #999;
	padding-left:5px;
	margin-left:-1px;
}

DIV.MC-table-col:first-child {
	border-left:none;
}

DIV.MC-table-col:last-child {
	width:calc( 55% - 10px );
	border-right:none;
}

.MC-table-row {
	float:left;
	clear:both;
	width:100%;
}

DIV.MC-table-col:last-child .MC-table-row {
	padding:3px;
}

SPAN.MC_switcher {
	cursor:pointer;
	color:#069;
	text-decoration:underline;
}

.MC-s { 
	font-weight:bold;
	text-decoration:none;
	background-color:#CCC;
}


/* ------------------------------------------------------------------   PANIER --->>> */

.basket-title {  font-size:18px; color:#1e2123; padding-left:1em; }
.basket-ss-title {  font-size:16px; color:#1e2123; padding-left:24px; border-left:16px solid var(--color-C); }

/* ------------- AVANTAGES --->>> */
#panier-code-promo-bloc, .panier-avoir-bloc, .panier-remise-fido-bloc, .offer-box, .offer-box-tease {
	font-family:var(--font-N);
	padding:8px;
	border-radius:5px;
	box-sizing:border-box;
	margin-top:5px;
}
#panier-code-promo-bloc {
	text-align:center;
	background-color:#FC0;
	margin-top:0;
}
DIV.fido_adv UL  {
	list-style:none;
	padding:3px 0 3px 0;
}
.panier-avoir-bloc {
	text-align:center;
	background-color:#9F6;
	border:1px outset #096;
	font-size:16px;
}
.panier-avoir-bloc P { padding:0; margin:0 0 3px 0; }
.offer-box-tease, .offer-box { border:1px outset #CCC; }
.offer-box-tease IMG { width:30px; height:30px; display:inline-block; padding:0; margin:0; }
.offer-box-tease DIV {
	width:calc( 100% - 70px );
	margin-left:8px;
	display:inline-block;
	font-size:18px;
}
.offer-box-tease DIV EM { 
	font-size:110%;
	font-weight:400;
}

.offer-box-cont {
	width:33%;
}

.offer-box-select { font-size:100%; font-weight:700; }

.offer-box-text {
	font-size:140%;
	font-weight:400;
}

.offre-checkBox { 
	font-size:250%;
	padding:8px;
}



	



TABLE.basket { 
	padding:15px 2% 15px 2%;
	margin:0;
	width:100%;
	font-size:16px; 
	font-family: 'Oswald', sans-serif; 
	font-weight:300;
}

TABLE.basket TR TH {}
TABLE.basket TR TD { text-align:center; border-bottom:1px solid #0b0c0c; background-color:#FFF; }

TABLE.basket TR TD input { border:0; text-align:center; }

.td-Q { width:70px; }
.td-Q INPUT[type=button] { font-size:18px; font-weight:700; font-family:var(--font-N); padding:3px; width:18px; border-radius:5px; }
.td-Q INPUT[type=text] { font-size:18px; font-weight:700; font-family:var(--font-N); padding:3px; width:24px; }

TABLE.livraison { 
	padding:1%;
	margin:0;
	width:100%;
	font-family: 'Oswald', sans-serif;  font-weight:300;
	font-size:16px; 
}


TABLE.livraison TR TD, TABLE.livraison TR TH { background-color:#FFF; border-bottom:1px solid #0b0c0c;  padding-bottom:4px;}
TABLE.livraison TR:last-child TD, TABLE.livraison TR:last-child TH { border-bottom:none; }

TABLE.livraison TR TD input { 
	border:0; 
	text-align:center; 
	font-size:125%;
}

TABLE.livraison TR.STexerge TD, TABLE.livraison TR.STexerge TH {
	background-color:#6F3;
	font-weight:bold;
	padding:8px 0 8px 0;
	border-bottom:3px double #0b0c0c;
}

.fdp-montant { font-size:20px; font-family:var(--font-N); text-align:right; padding:0 35px 5px 0; margin-top:5px; border-top:1px solid var(--color-B); }

.deleteP { background-image:url(../images/site/ICO_DELETE.gif); height:25px; width:25px; }
.trash { background-image:url(../images/site/ICO_DELETE.gif); background-position:center; background-repeat:no-repeat; }


DIV#cvg_box { 
	font-size:22px; font-family: 'Oswald', sans-serif;  font-weight:400;
	padding:0.5em;
	box-sizing: border-box;
}


TABLE.basket TR TD.basket_advice_product {
	font-size:125%;
	background-color:#FC3;
}


#NotesBox { text-align:right; font-size:16px; font-style:italic; }


TH.tr_cp { 
	padding:4px 8px;
	text-align:left;
	background-color:#FC0;
}


/* ------------------------------------------------------------------   PANIER FAV --->>> */

TABLE.favBasket { 
	padding:5px 0 5px 0;
	margin:0;
	width:100%;
	font-size:16px; 
	font-family: 'Oswald', sans-serif; 
	font-weight:300;
}

TABLE.favBasket TR TH {
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #eaf1f9;
}
TABLE.favBasket TR TD { 
	text-align:center;
	border-bottom:1px solid #eaf1f9;
	background-color:#FFF;
	padding-top:8px;
	padding-bottom:8px;
}


.addToBasket, .inBasket {
	background:none;
	background-image:url(../images/site/Ajout_panier_favori_01.png);
	background-repeat:no-repeat;
	cursor:pointer;
	height:50px;
	width:50px;
	border:0;
}

.inBasket { 	background-image:url(../images/site/Ajout_panier_favori_02.png); }

#recap-livraison TABLE { font-size:14px; }


/* ------------- FIDO -->> */
DIV.fido_card_cart DIV {
	display:inline-block;
	float:left;
	line-height:2em;
}

DIV.fido_card_cart .colA {
	font-size:2em;
	color:#F00;
	width:15%;
	padding-left:5%;
}

DIV.fido_card_cart .colB {
	font-size:1.25em;
	padding-top:0.5em;
	width:60%;
}

DIV.fido_card_cart .colC {
	font-size:2em;
	color:#F00;
	width:10%;
}

DIV.fido_card_cart .colD {
	width:5%;
	padding-right:5%;
	text-align:right;
	padding-top:1em;
}


#promo-cheque-data {
	font-size:125%;
	font-weight:bold;
}

#bonKdo {
	text-align:center;
	font-size:18px;
	color:#000;
	padding:8px 16px;
}

#bonKdo STRONG { color:#F00; }


/* ------------- RELAIS --->>> */
.relais_info_colis {
	border-radius:5px;
	border:1px solid var(--color-C);
	overflow:hidden;
}

.tr-adresseField TH, .td-adresseField { background-color:#FF9; font-size:16px;}
.tr-adresseField TH { font-weight:700; font-family:var(--font-N); text-align:left; padding:4px 0 4px 10px; }
.td-adresseField { text-align:left; padding:4px 10px 4px 0px; }
.td-adresseField INPUT { width:calc( 100% - 8px );}


.tableGreen TR TH, .tableGreen TR TD { background-color:#CF9; }
/* ------------- VALIDATION COMMANDE --->>> */
/*.toComplete {	background-color:#FF6;border-color:#F60;}/*



/* ------------- RECAP COMMANDE -->> */
#total-commande, #total-tva {
	display:block;
	padding-right:1em;
	font-size:2em;
	color:#F00;
	padding:0;
	margin:0;
	width:5em;
	text-align:right;
}

.commande-recap-prix {
	font-size:1em; padding-top:1em; padding-right:2em;
}


#popup-password-bloc { 
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:2000px;
	z-index:666;
	display:none;
}

#popup-password-bloc DIV.overlay { 
}

#popup-password-bloc TABLE {
	position:fixed;
	width:500px;
	margin-top:50px;
	margin-left:calc( 50% - 250px );
	padding:8px;
	box-sizing:border-box;
	border-radius:4px;
	background-color:var(--color-A);
	z-index:778;
}

#popup-password-bloc TABLE TH { font-weight:700; text-align:left; }
#popup-password-bloc TABLE TD { padding:5px 0 5px 0; text-align:center;}
#popup-password-bloc TABLE TD INPUT { padding:3px; margin:0; border:1px solid var(--color-C); width:calc( 100% - 6px );}
#popup-password-bloc TABLE TD INPUT[type=checkbox]{ width:auto; }

/* ------------- TUNNEL DE COMMANDE -->> */

#TunnelDeCommande { 
	text-align:left;
	margin-top:8px;
	padding-top:8px;
	border-top:1px solid #a2b0bc;
}

#TunnelDeCommande A {
	display:block;
	float:left;
	padding: 0 15px 5px 5px;
	height:20px;
	margin:0;
	text-decoration:none;
	font-size:18px;
	text-transform:uppercase;
}

A.off { color:#a2b0bc; }
A.on { color:#000; }

#TunnelDeCommandeStart { 
	height:25px;
	width:50px;
	margin:0;
	display:block;
	float:left;
}

.arrow { 
	height:25px;
	width:75px;
	background-size: contain;
	background-image:url(../images/site/next-arrow.png);
	background-repeat:no-repeat;
	margin:0 10px 0 10px;
	display:block;
	float:left;
}


.TDC {
	margin-bottom:0px;
	margin-top:0px;
	padding: 1em 2% 1em 2%;
	width:96%;
	text-align:right;
}

.TDC  INPUT {
	background:#3b3f44;
	color:#FFF;
	font-size:20px;
	border-radius:3px;
	text-transform:uppercase;
	border:1px outset #3b3f44;
	padding:2px 10px;
}

/* ------------- PAYPAL -->> */
.dw_button {
	border-radius:10px;
	background-image:url(../images/site/paypal-exp.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding:3px 16px 32px 16px;
	font-size:125%;
	font-weight:700;
	background-color:#c1d0e3;
	cursor:pointer;
}

.dw_button-short {
	border-radius:10px;
	background-image:url(../images/site/paypal-exp-2.png);
	background-repeat:no-repeat;
	background-position:center;
	height:40px;
	width:150px;
	background-color:#c1d0e3;
	cursor:pointer;
}

.dw_button-short:hover, .dw_button:hover {
	background-color:#bfebfb;
}

#paypal-express {
	font-size:150%;
	line-height:150%;
	padding-top:1em;
	padding-bottom:1em;
	float:left;
	width:100%;
}

#paypal-express P {
	display:inline-block;
	padding:2px 5px 2px 5px;
}

/* ------------- PAIEMENT -->> */
.paiement-option {
	width:90%;
	margin-left:5%;
	box-sizing:border-box;
	padding:4px 8px 4px 8px;
	border-radius:3px;
	margin-bottom:8px;
	border:1px solid #666;
	height:60px;
}

.paiement-option INPUT[type="radio"] {
	width:20px;
	height:20px;
	padding:10px;
	display:inline-block;
}

.paiement-option IMG {
	width: 50px;
	margin-left:16px;
	display:inline-block;
}

.paiement-option P {
	margin:0 0 0 16px;
	padding:0px;
	display:inline-block;
}



/* ------------------------------------------------------------------   COMPTE --->>> */

.sous-menu {
	font-size:16px;
	padding:0;
	display:block;
	margin:2px 0 5px 15px;
	text-decoration:none;
	
}



TABLE.compteClient { 
	width:100%;
}

TABLE.compteClient TH,TABLE.compteClient TD {
	padding:1px 5px 3px 5px;
	font-size:18px; 

}



TABLE.compteClient TH {
	background-color:#c3d0dc;
	color:#0b0c0c;
	font-weight:400;
}
	
TABLE.compteClient TD {
	border: 1px solid #c3d0dc;
	color:#0b0c0c;
}

TABLE.compteClient TR TD span { text-align:center; width:100%; display:block; }


TABLE.compteClient TD INPUT[type=text], TABLE.compteClient TD SELECT, TABLE.compteClient TD TEXTAREA {
	color:#0b0c0c;
	width:100%;
	border:0;
	text-align:left;
	font-size:18px;
}


INPUT[type=submit].compteClient,  INPUT[type=button].compteClient { font-size:18px; text-align:center; padding:5px 8px 5px 8px; margin:8px 0 0 16px; background-color:var(--color-A); }

.code_postal, TABLE.compteClient TD INPUT .code_postal, .td-adresseField INPUT.code_postal, .td-adresseField INPUT.code_postal4 {
    padding-left: 5px;
    letter-spacing: 10px;
    width: 92px;
    background-image: url(../images/site/cp.gif);
}

.td-adresseField INPUT.code_postal4 {
}


TABLE.captcha TR TD IMG.OFF { border-radius:10px; border:2px solid #999; }
TABLE.captcha TR TD IMG.ON { border-radius:10px; border:2px solid #0F0; }


/*------------- CMD --->>> */
TABLE.commande {
	margin:0;
	padding:0;
	width:100%;
}

TABLE.commande TR TH, TABLE.commande TR TD {
}

TABLE.commande TR TH {
	border-bottom: 1px solid #666;
	line-height:1em;
}
TABLE.commande TR TD {
	padding:0.25em 0 0.25em 0.5em; 
	text-align:center; 
}


TABLE.commande TR TD.none { border:none; }

.notice {
	font-size:16px;
	clear:both;
	border-radius:7px;
	background-color:#FF9;
	padding:5px 8px 5px 8px;
	width:calc( 100% - 18px );
	margin-bottom:3px;
}

/*------------- FAV --->>> */
TABLE.addFav { width:100%;font-family: var(--font-N); }
TABLE.addFav TR TH { font-weight:700;text-align:center;background-color:var(--color-A); }
TABLE.addFav TR TD { text-align:center;}
TABLE.addFav TR TD.product_name { font-size:14px; }
TABLE.addFav TR TD.product_name EM { font-size:12px; color:var(--color-E); }
TABLE.addFav TR TD.prix_barre { font-size:14px; text-decoration:line-through; color:var(--color-D); }
TABLE.addFav TR TD.remise { font-size:16px; color:#F00; font-weight:700; }
TABLE.addFav TR TD.prix_vente { font-size:16px; font-weight:700; }

/* ------------------------------------------------------------------   GUIDE DES PNEU --->>> */

.tireRow { 
	display:block;
	height:18px;
	border-bottom:1px solid #666;
	font-size:14px;
	padding-bottom:2px;
	float:left;
	clear:both;
	font-family: var(--font-N);
	width:100%
}


.RowHeight2 { height: 39px; }
.RowHeight3 { height: 60px; }
.RowHeight4 { height: 81px; }
.RowHeight5 { height: 102px; }
.RowHeight6 { height: 123px; }
.RowHeight7 { height: 144px; }
.RowHeight8 { height: 165px; }
.RowHeight9 { height: 186px; }
.RowHeight10 { height: 207px; }





.tireTitle {
	background-color:#FFF;
	opacity:0.75;
	font-weight:700;
}

.tireRow A {
	text-decoration:none;
	color:#036;
	padding-bottom:3px;
}


.tireCols {
	display:block;
	float:left;
}

.brand {
	width:15%;
	background-color:#FF9;
	font-weight:700;
	font-size:16px;
}

.tire {
	width:15%;
	background-color:#CCC;
}

.sable, .boue, .herbe, .solStable, .caillou, .solDur {
	float:left;
	display:block;
	width:10%;
	background-image:url(../images/guide/guide_sandBG.jpg);
	background-repeat:repeat;
}

.boue {	background-image:url(../images/guide/guide_mudBG.jpg); }
.herbe {	background-image:url(../images/guide/guide_grassBG.jpg); }
.caillou {	background-image:url(../images/guide/guide_gravierBG.jpg); }
.solStable {	background-image:url(../images/guide/guide_hardDirtBG.jpg); }
.solDur {	background-image:url(../images/guide/guide_concreteBG.jpg); }



.caseOff, .caseOn {
	display:block;
	float:left;
	width:25%;
	padding:0;
	margin:0;
	height:20px;
	
}

.caseOn {
	background-color:#3C0;
	opacity : 0.75;
}

/* ------------------------------------------------------------------   GUIDE DES CAMES --->>> */
TABLE.guideTab {
	border:1px solid var(--color-D);
	text-align:center;
	width:50%;
	margin-left:calc( 25% - 1px );
}

TABLE.guideTab TR TH {
	font-weight:700;
	font-family:var(--font-N);
	background-color:var(--color-A);
	color:var(--color-F);
}

TABLE.guideTab TR TD { border-bottom:1px solid var(--color-B); padding:2px 0 3px 0; }

TABLE.guideTab TR TD.styleB { font-weight:bold; }

/* ------------------------------------------------------------------   GUIDE --> TENUES --->>> */

#sendSize SELECT {
	display:inline-block;
	width:250px;
	font-size:16px;
	margin-left:12px;
	margin-right:12px;
	text-align:center;
}

.votre-tenue-logo-box {
	display:inline-block;
	height:120px;
	width:120px;
	font-size:16px;
	border:2px inset #999;
	border-radius:5px;
	overflow:hidden;
	text-align:center;
}

.votre-tenue-logo-box IMG {
	height:120px;
	width:120px;
}

.votre-tenue-color-box {
	display:inline-block;
	height:35px;
	width:80px;
	border:2px inset #999;
	border-radius:8px;
	text-align:center;
	overflow:hidden;
}

.votre-tenue-logo-box-selected {
	border:2px outset #F00;
}


.votre-tenue-color-box STRONG {
	display:block;
	font-size:16px;
	font-weight:400;
	width:100%;
	line-height:35px;
}

#tenue_box_contener {
	overflow:hidden;
	display:block;
	width:100%;
	height:auto;
	margin-top:25px;
}

#tenue_box_slider {
	display:block;
}


.fiche_tenue {
	border:1px solid #999;
	border-radius:5px;
	width:250px;
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
	overflow:hidden;
}

.fiche_tenue-titre {
	font-size:16px;
	line-height:18px;
	width:100%;
	text-align:center;
	height:110px;
	padding:4px 6px 4px 8px;
	background-color:#FF0;
	box-sizing: border-box;
	border-bottom:2px solid #999;
}

.fiche_tenue-titre-lower_size {
	font-size:14px;
}

.fiche_tenue-titre SPAN {
	display:block;
	clear:both;
	font-size:24px;
	line-height:24px;
	width:100%;
	font-weight:700;
}

.fiche_tenue-visuel IMG {
	display:block;
	clear:both;
	height:150px;
	width:100%;
}

.fiche_tenue-visuel IMG.pants {
	height:200px;
}

.fiche_tenue-prix {
	font-size:18px;
	text-align:center;
}

.fiche_tenue-prix EM {
	font-size:16px;
	text-decoration:line-through;
}

.fiche_tenue-prix STRONG {
	color:#F00;
}

.gloves-box {
	display:inline-block;
	width:100%;
	padding:5px 0 5px 0;
	margin:5px 0 5px 0;
	height:120px;
	clear:both;
}

.gloves-box-visuel {
	width:50px;
	display:inline-block;
}

.gloves-box-visuel IMG{
	width:50px;
}

.gloves-box-titre {
	display:inline-block;
	text-align:center;
	font-size:16px;
	clear:both;
	width:100%;
}


.gloves-box-text {
	width:calc( 100% - 55px );
	display:inline-block;
	text-align:center;
}



/* ------------------------------------------------------------------   MOTO --->>> */

.fiche-technique{
	padding:0 8px 8px 8px;
	margin:-1px 8px 8px 8px;
	background-color:#FFF;
	border-radius:0 8px 8px 8px;
	width:calc( 100% - 20px );
	border:1px solid #999;
	border-top:none;
	border-left:none;
}

.fiche-technique-t{
	padding:0 8px 8px 8px;
	margin:8px 0 0 8px;
	background-color:#FFF;
	border-radius:8px 8px 0 0;
	width:50%;
	font-size:18px;
	font-family: 'Oswald', sans-serif;  font-weight:700;
}



.modele_moto {
	float:left;
	position:relative;
	display:block;
	width:23%;
	margin:0 1% 1em 1%;
	background-color:#FFF;
}

.modele_moto_img {
	padding-top:1em;
}

.modele_moto_txt {
	text-align:center;
	font-family: 'Oswald', sans-serif;  font-weight:700;
	font-size:1.5em;
	padding-bottom:0.5em;
}

.modele_moto_txt P { padding:0; margin:0; }


.modele_moto_txt SELECT{
	font-family: 'Oswald', sans-serif;  font-weight:400;
	font-size:1em;
	text-align:center;
}

SPAN.other_modele {
	float:left;
	display:block;
	background-color:#eaf1f9;
	padding:5px 0;
	text-align:center;
	width:18%;
	margin:5px 1%;
	border-radius:1em;
}

DIV.plan_du_site-guide_des-motos SPAN.other_modele {
	width:8%;
}

SPAN.other_modele A {
	text-decoration:none;
	color:#333;
	font-family: 'Oswald', sans-serif;  font-weight:400;
}


.categorie_thumbs-ppm {
	display:block;
	float:left;
	padding:5px;
	margin:0 5px 5px 5px;
	width:calc( 25% - 20px );
}

.categorie_thumbs_img { float:left; }
.categorie_thumbs_img IMG { height:45px; width:45px; border-radius:23px; border:1px solid #999; }
.categorie_thumbs_txt { 
	float:left;
	padding-top:15px;
	margin-left:8px;
	font-size:20px;
}

/* ------------------------------------------------------------------   GUIDE-CASQUE --->>> */
TABLE.taille_casque {
	border:1px solid #999;
	width:calc(100% - 2em);
}

TABLE.taille_casque TR TD, TABLE.taille_casque TR TH {
	border-left:1px solid #999;
	text-align:center;
}


/* ------------------------------------------------------------------   NOS-MARQUES --->>> */
.abc {
	display:inline-block;
	float:left;
	margin-right:8px;
	padding:5px 8px 5px 8px;
	border-radius:5px;
	background-color:#c3d0dc;
	font-size:150%;
	font-weight:bold;
}

DIV.vignette_brand_box {
	display:block;
	float:left;
	margin: 5px 0.5% 1.5em 0.5%;
	width:15%;
	position:relative;
	border-radius:8px;
	background-color:#FFF;
	text-align:center;
}


@media all and (min-width:20px) and (max-width:440px){
	DIV.vignette_brand_box { width:31%; }
}
@media all and (min-width:441px) and (max-width:660px){
	DIV.vignette_brand_box  { width:48%; }
}
@media all and (min-width:661px) and (max-width:880px){
	DIV.vignette_brand_box  { width:18%; }
}

A.brand_logo {
	display:block;
	height:80px;
	width:100%;
	text-align:center;
}

A.brand_name, A.brand_name-long {
	display:block;
	width:100%;
	font-size:18px;
	font-weight:bold;
	line-height:36px;
	height:40px;
}

A.brand_name-long {
	font-size:16px;
	line-height:18px;
}
/* ------------------------------------------------------------------   KIT - CHAINE  ( kit-chaine.php )--->>> */
.kit-chaine-etape {
	padding:8px;
	margin-bottom:10px;
	border:1px solid var(--color-C);
	background-color:var(--color-A);
	border-radius:5px;
}

.kit-chaine-wht-box { background-color:#FFF; padding:8px; border-radius:5px; font-size:16px; }

#kit-chaine-modele-box {}

#kit-chaine-modele-box SELECT { margin:0 0 8px 0; padding:3px 8px; background-color:#FFF; border-radius:3px; font-size:16px; font-family:vat(--font-N);}
#kit-chaine-modele-box INPUT.search-submit-large { font-size:16px; font-family:vat(--font-N); text-align:center;}



.feat_choice {
	display:block;
	float:left;
	clear:both;
	width:100%;
	padding-bottom:2px;
	margin-bottom:5px;
	border-bottom:1px solid #5f666d;
}

.feat_choice STRONG {
	display:block;
	float:left;
	font-size:125%;
}

.feat_choice SELECT {
	display:block;
	float:right;
}

.brand_choise {
	display:block;
	float:left;
	width:31%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:5px;
	text-align:center;
}


.brand_choise IMG {
	text-align:center;
	margin:auto;
}

.brand_choise SPAN {
	font-size:125%;
	width:100%;
	clear:both;
	float:left;
}

.partKit {
	float:left;
	clear:both;
	margin-bottom:12px;
	padding:8px 0 8px 0;
	border-raidus:5px;
	width:100%;
	background-color:#FFF;
}

.partKit DIV.image{
	float:left;
	width:29%;
	margin-right:1%;
	text-align:center;
	height:80px;
	overflow:hidden;
}

.partKit DIV.data{
	float:left;
	width:50%;
	margin-right:1%;
}

.partKit DIV.addX{
	float:left;
	width:19%;
}

.partKit DIV.product_name {
	text-align:center;
	font-size:16px;
	line-height:20px;
	height:40px;
	font-family:var(--font-N);
}

.small_font {
	font-size:12px;
	line-height:13px;
}

.partKit DIV.prix {
	text-align:center;
	height:36px;
	margin-top:6px;
}

.partKit DIV.prix STRONG {
	font-weight:700;
	color:#F00;
	font-size:20px;
}

.partKit DIV.prix SPAN.prix-barre {
	font-weight:400;
	font-size:1em;
	color:#CCC;
	text-decoration:line-through;
}

.partKit DIV.prix STRONG.promotion {
	font-weight:700;
	color:#F00;
	font-size:20px;
	background-color:#F00;
	padding:2px 5px 2px 5px;
	margin:0 5px 0 5px;
}


IMG.puzzle { height:30px; margin-right:8px; }

INPUT.puzzle { height:30px; }

INPUT[type=button].puzzle  {
	height:100px;
	width:100%;
	background:none;
	background-image:url(../images/site/Ico_puzzle_01.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 60px;
	font-size:0;
	border:0;
	cursor:pointer;
}

INPUT[type=button].part2  {
	background-image:url(../images/site/Ico_puzzle_02.png);
}

INPUT[type=button].part3  {
	background-image:url(../images/site/Ico_puzzle_03.png);
}

DIV.see_product  {
	width:100%;
	text-align:right;

}

DIV.see_product  A {
	color:#039;
	text-decoration:none;
	font-size:125%;
}



/* ------------------------------------------------------------------   RECAP COMMANDE --->>> */
TABLE.recap_cmd { 
	width:100%;
	font-size:125%; 
}

TABLE.recap_cmd TH,TABLE.recap_cmd TD {
	text-align:center;
	padding:1px 5px 3px 5px;
	background-color:#FFF;
}

TABLE.recap_cmd TH {
	background-color:#c3d0dc;
	color:#0b0c0c;
	font-weight:400;
}
	
TABLE.recap_cmd TD {
	border: 1px solid #c3d0dc;
	color:#0b0c0c;
}

TABLE.recap_cmd TD INPUT, TABLE.recap_cmd TD SELECT, TABLE.recap_cmd TD TEXTAREA {
	color:#0b0c0c;
	width:100%;
	border:0;
	text-align:left;
}

TABLE.recap_cmd TD INPUT.radio_recap_cmd { width:auto; margin-right:1em; }

/* -------------------------- RIB ---------------->>> */
DIV.RIB {
	text-align:center;
	margin-top:15px;
	padding:8px;
	border-radius:8px;
	background-color:#FF9;
	border:2px solid #F60;
	font-size:16px;
}

TABLE.RIB {
	width:800px;
	text-align:center;
	margin-left:calc( 50% - 400px );
}

TABLE.RIB TR TH  { background-color:#000; color:#FFF; text-align:right; padding-right:15px; }
TABLE.RIB TR TD  { background-color:#FFF; color:#000; text-align:left; padding:3px 3px 3px 15px; border-bottom:1px solid #000; }


/* ------------------------------------------------------------------   OP --->>> */
.display_banner {}

.display_banner LI {
	list-style:none;
	padding:0;
	margin:1% 10px 1% 10px;
	width:31.33%;
	display:inline-block;
	float:left;
}

.display_banner LI A IMG {
	width:100%;
}

.promo_ban {
	display:inline-block;
	float:left;
	padding:0;
	margin:0 1% 15px 1%;
	width:48%;
}

.promo_ban A IMG {
	width:100%;
}

/* ------------------------------------------------------------------   THE POPUP'S --->>> */
.quantite { text-align:center; font-size:1.5em; font-weight:bold; }

#add-offer-to-cart .infoProduit, #add-to-cart .infoProduit {
	font-size:2em;
	color:#000;
	text-align:center;
	margin-top:1em;
}

#add-offer-to-cart .prix-barre, #add-to-cart .prix-barre {
	font-size:0.7em;
	font-style:italic;
	text-decoration:line-through;
	color:#666;
	padding:0;
	margin:0;
}

#add-offer-to-cart .promotion, #add-to-cart .promotion, .promotion_PU {
	padding:0px;
	margin:0px;
	background-color:#FFF;
	color:#F00;
	border-radius : 8px 0 0 8px;
	font-size:25px; font-family: 'Oswald', sans-serif;  font-weight:600;
}


DIV.AtCsv2Select-option SELECT {
	border:0;
	background-color:#818b95;
	padding:1px 5px 1px 5px;
	text-align:center;
	font-size:14px; font-family: 'Oswald', sans-serif;  font-weight:400;
	width:100%;
	margin-bottom:2px;
}

DIV.AtCsv2Select-option SELECT:-internal-list-box {
	min-height:50px;
}

DIV.addCartButtonBox { 
	text-align:center;
}

#addCart, #addCart_PU, #addCart_PUO, .addCart, .S-addCart  {
	clear:both;
	text-align:center;
	border-radius:3px;
	background-image:url(../images/site/ICO_basket-w.png);
	background-color:#090;
	color:#FFF;
	background-repeat:no-repeat;
	background-size: contain;
	padding:4px 22px 8px 22px;
	margin-top:8px;
	margin-bottom:10px;
	font-size:24px; font-family: 'Oswald', sans-serif;  font-weight:400;
	height:50px;
	border:none;
	width:100%;
}


/* ------------------------------------------------------------------   THE BOXES --->>> */
.the_infos_box {
	width:100%;
}

.inline-box {
	display:inline-table;
	border-right:1px inset #eaf1f9;
	padding:2px 15px 2px 5px;
	margin:0;
}

.inline-box:last-child { border-right:none; }


.text-box {
	display:inline-block;
	float:left;
}

.ico-box {
	display:inline-table;
	margin:0 5px 0 5px;
	padding:0;
	float:left;
}

.box-infos {
	display:inline-table;
	margin:0;
	font-size:14px;
	line-height:22px;
	text-align:left;
	float:left;
}


.box-infos-link {
	color:#036;
	font-size:14px;
	margin-left:10px;
	margin-top:8px;
	color:#eaf1f9;
}

#infos-line-box {
	background-color:#3b3f44;
	color:#FFF;
	font-size:15px;
	text-align:center;
}

#infos-line-box .box-infos A, .box-infos-link A {
	color:#eaf1f9;
}


/* ------------------------------------------------------------------   ESSENTIELS --->>> */

/* -------------------------------   INDEX UNIVERS --->>> */
.essentiel-box {
	text-align:center;
	padding:6px 0 0 0;
	margin:6px 0 6px 0;
	border:1px solid #818b95;
	border-width: 1px 0 1px 0;
	height:65px;
}

.essentiel-box-ico, .essentiel-box-text, .essentiel-box-link {
	display:inline-table;
}

.essentiel-box-ico {
	height: 55px;
	padding:0;
	margin:0 16px 0 0;
	vertical-align:top;
}
.essentiel-box-ico IMG { height:55px; }

.essentiel-box-text {
	text-decoration:none;
	font-size:24px;
	line-height:26px;
	vertical-align:top;
	padding:0 20px 0 20px;
}

.essentiel-box-link {
	text-decoration:none;
	font-size:28px;
	border-radius:6px;
	padding:3px 6px 3px 6px;
	border:1px outset #a2b0bc;
	text-align:center;
	background: linear-gradient(to top,  rgba(95,102,109,1), rgba(255,255,255,1));
	background-repeat:no-repeat;
	text-decoration:none;
	color:#000;
	height: 24px;
	vertical-align:top;
}







/* -------------------------------   PAGE --->>> */
.les-essentiels-text P {
	text-align:center;
	font-size:18px;
	padding:0;
	margin:0;
}

/* -------------------------------   MODELE-BOX-ESS --->>> */
#modele-box-ess, #modele-box-select  {
	width:100%;
	border-radius : 8px;
	padding:2px 8px;
	box-sizing: border-box;
	background-color:#FFF;
	font-size:18px;
	float:left;
	z-index:888;
	margin:15px 0 15px 0;
}

#modele-box-ess P {
	padding:0;
	margin:2px 0 2px 0;
}

#modele-box-ess .select-box, #modele-box-ess .moto-box, #modele-box-ess .logo-box, #modele-box-select  .logo-box, #modele-box-select .select-box {
	float:left;
	width:70%;
	box-sizing: border-box;
	text-align:center;
}

#modele-box-ess .select-box SELECT {
	float:left;
	width:18%;
	margin:0 1% 0 1%;
	padding:4px 8px;
	box-sizing: border-box;
	text-align:center;
	background-color:#c3d0dc;
	border:1px solid #818b95;
	font-size:18px;
	height:50px;
}

.modele-box-submit  {
	width:8%;
	height:50px;
	float:left;
	margin:0 16px 0 8px;
	border:0;
	background-image:url(../images/site/ICO-search-box.png);
	background-repeat:no-repeat;
	background-size: contain;
	background-position:center;
}

.modele-box-reset {
	width:5%;
	text-align:center;
	height:50px;
	float:left;
}


#modele-box-ess .select-box SELECT OPTION { text-align:center; }
#modele-box-ess .moto-box { width:20%; }
#modele-box-ess .logo-box { width:10%; }
#modele-box-select .logo-box { width:10%; }


.S-product-box {
	border:1px solid #a2b0bc;
	border-radius:24px 16px 16px 16px;
	float:left;
	width:calc( 100% - 2px );
}

.S-product-box-logo {
	display:inline-block;
	height:45px;
	width:45px;
	border-radius:22px;
	border:1px solid #a2b0bc;
	overflow:hidden;
	margin-right:8px;
}

.S-product-box-title {
	display:inline-block;
	width:calc( 100% - 59px );
	vertical-align:top;
	padding-top:5px;
}


.S-box-title {
	font-size:24px;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0 0 8px 0;
}

.S-box-text {
	font-size:18px;
	text-align:center;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	border-bottom: 1px solid #a2b0bc;
}

.S-product-box-visuel, .S-product-box-data, .S-product-box-text {
	box-sizing: border-box;
	float:left;
}

.S-product-box-visuel {
	width:calc( 40% - 18px );
	margin-right:16px;
	padding-bottom:16px;
	border-radius:16px;
	overflow:hidden;
	height:200px;
	cursor:pointer;
}

.S-product-box-data {
	width:calc( 60% - 12px );
	padding:6px;
	margin:0;
}

.S-data-price {
	height:75px;
}

.S-data-toPay {
	height:145px;
}

.S-product-box-text {
	padding:6px;
	height:150px;
	overflow:auto;
}

.S-infos-produit {
	background-color:#c3d0dc;
	clear:both;
	width:100%;
	text-align:center;
	float:left;
}

.S-notes { font-size:14px; line-height: 15px; font-style:inherit; }

.S-fido, .S-livraison-eco, .S-livraison-gratos, .S-3plus1, .S-spacer {
	background-image:url(../images/site/livraison_eco_45.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 8px 0 55px;
	height:45px;
	line-height:22px;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	display:inline-block;
	margin:0;
}

.S-livraison-gratos { background-image:url(../images/site/livraison_offerte-45.png); }
.S-3plus1 { background-image:url(../images/site/free_product_on_four-45.png); width:28px; }
.S-spacer { background:none; padding:0;}

#zoom-on-click-image { position:absolute; top:0; left:0; height:600px; width:600px; background-repeat:no-repeat; background-position:center; cursor:pointer; }

.S-addCart {}

@media all and (min-width:20px) and (max-width:1100px){
	#modele-box-ess {
		width:100%;
		margin-left:0;
		padding:6px 8px;
		font-size:16px;
	}
}

.S-catego-link { text-decoration:underline; text-transform:uppercase; }


/* ------------------------------------------------------------------   PANEL MOTO INDEX ( modeles-de-motocross-et-enduro-en-photo.php ) --->>> */

.panel-moto-index-marque-box {
	box-sizing:border-box;
	padding:8px 0 0 0;
	border-radius:5px;
	border:1px solid var(--color-A);
	margin-bottom:15px;
	text-align:center;
}

.panel-moto-index-marque {
	width:500px;
	margin-right:15px;
	background-position:right;
	background-size: contain;
	background-repeat:no-repeat;
	background-image:url(../images/motos/moto-sans-visuel.jpg);
	display:inline-block;
}

.panel-moto-index-cylindree-box { padding:8px; }

.panel-moto-index-cylindree, .panel-moto-cylindree {
	box-sizing:border-box;
	padding:3px 8px;
	margin:0 5px 8px 0;
	border-radius: 4px;
	border:1px outset var(--color-C);
	text-align:center;
}

.panel-moto-index-cylindree {
	display:inline-block;
	width:calc( 10% - 10px );
	background-color:rgb(255,255,255,0.9);
}

.panel-moto-index-cylindree A {
	font-size:16px;
	font-family:var(--font-N);
	font-weight:700;
	font-weight:normal;
	width:100%;
}
/* ------------------------------------------------------------------   PANEL MOTO ( panel-moto.php ) --->>> */

.panel-moto-cylindree {
	float:left;
	font-size:14px;
	font-weight:normal;
	width:calc( 50% - 10px );
	background-color:#FFF;
}

#fond-panel {
	position:fixed;
	top:0px;
	left:0px;
	width:2000px;
	height:1080px;
	background-image:url(../images/motos/fond-panel.webp);
	z-index:0;
}

#panel-moto-content {
	position:relative;
	z-index:5;
}

/* ------------------------------------------------------------------   GENERALITES --->>> */

.align-right { text-align:right; padding-right:5px; }
.float-left { float:left; }
.float-right { float:right; }
.clear { float:left; clear:both; width:100%; }
.withBG { background-color:#FFF; }
.center { position:relative; margin-left:auto; margin-right:auto; display:block; }
.separation-left { padding-left:8px; margin-left:5px; border-left:1px solid #5f666d; }
.red { color:#E00; }
.green { color:#090; }
.orange { color:#F60; }
.white { color:#FFF; }
.blue { color:#06C; }
.std-link { text-decoration:none; color:#036; }
.std-link:hover { text-decoration:underline; color:#339; }
.radio_account { padding:inherit; margin:inherit; width:auto; }
.text-center, .align-center { text-align:center; }
.text-right { text-align:right; }
.w100 { width:100%; }
.w50 { width:50%; }
.wh100 { width:100%; height:100%; }
.dot_red {
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	height:20px;
	margin-top:8px;
	padding: 0 10px 0 10px;
	text-align:center;
	background-image:url(../images/site/dot_red.png);
	background-repeat:no-repeat;
	background-position:center;
}
.zer0 { padding:0; margin:0; }
.paddingLight { padding:0.25em; }
.italic { font-style:italic; }
.invisible { display:none; }
.visible { display:block; }
.padding-8 { padding:8px; box-sizing:border-box; }
.padding-left-15 { padding-left:15px; }
.padding-right-15 { padding-right:15px; }
.padding-top-15 { padding-top:15px; }
.boxVerticalSpacer-0 { margin-top:1px; }
.boxVerticalSpacer-8-8 { margin:8px 0 8px 0; }
.boxVerticalSpacer-15-15 { margin-top:15px; margin-bottom:15px; }
.boxVerticalSpacer-25-25 { margin-top:25px; margin-bottom:25px; }
.boxVerticalSpacer-1 { margin-top:1em; }
.boxVerticalSpacer-2 { margin-top:2em; }
.boxVerticalSpacer-3 { margin-top:3em; }
.switcher, .pointer { cursor:pointer; }
.text-s125 { font-size:125%; }
.text-s150 { font-size:150%; }
.text-s175 { font-size:175%; }
.exerge { background-color:#FF9; border-radius:0.5em; padding:0.25em; text-align:center; box-sizing: border-box; }
.exerge-blk { background-color:#1e2123; border-radius:0.5em; padding:0.25em; text-align:center; box-sizing: border-box; color:#FFF; }
.uppercase { text-transform:uppercase; }
.notes { font-style:italic; font-size:125%; color:#333; }
.notices { font-style:italic; font-size:75%; color:#333; }
.bigCheckBox { height:1.5em; width:1.5em; }
.in-line-box { display:inline-block; padding:0; margin:0 3px 0 3px; }
.alert { width:100%; background-color:#FF3; color:#900; border:1px outset #F00; font-style:inherit; text-align:center; padding:4px 8px; box-sizing: border-box; display:block; float:left; clear:both; }
.border-r3 { padding:4px 8px 4px 8px; border:1px outset #5f666d; border-radius:3px; }

.button-OK, .button-X { height:25px; width:25px; background-image:url(../images/site/Button-OK.jpg); background-repeat:no-repeat; background-size: contain; border:1px outset var(--color-C); border-radius:5px;}
.button-X { background-image:url(../images/site/Button-X.jpg);}

TR.underline TD, TR.underline TH { padding-bottom:3px; border-bottom:1px solid var(--color-C); }

SPAN.greenDot, SPAN.redDot {
	display:block;
	float:left;
	margin-left:auto;
	margin-right:auto;
	width:20px;
	height:20px;
	border-radius:10px;
	background-color:#0C0;
}

SPAN.redDot { background-color:#F00; }

P.warning {
	color:#F00;
	font-size:125%;
	font-weight:700;
	text-align:center;
	padding:5px 5% 5px 5%;
	background-color:#FF6;
	border-radius:8px;
	display:block;
	float:left;
	clear:both;
	width:90%;
}



/* ------------ service-client-box --> */

.service-client-box {
	position:fixed;
	height:250px;
	width:180px;
	right:100px;
	bottom:315px;
	background-color:#FFF;
	border-radius: 10px 0 0 10px;
	z-index:99;
	
}

.service-client-box DIV {
	position:absolute;
}

.service-client-box P {
	padding:0;
	margin:0;
	margin-bottom:4px;

}

.rotate {
	margin: 0;
	padding: 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

/* ------------------------------------------------------------------   BONS-PLANS ( bons-plans.php ) --->>> */

.bons-plans-vignette {
	border-radius:4px;
	border:1px solid var(--color-B);
	width:calc( 50% - 20px );
	margin:8px;
	float:left;
}

.bons-plans-vignette A IMG { width:100%; }



/* ------------------------------------------------------------------   TIPS --->>> */

#tips-core {
	position:fixed;
	bottom:0;
	right:0;
	height:280px;
	width:280px;
	background-color:#FAFAF5;
	z-index:999;
	border:1px solid #3b3f44;
	border-bottom:0;
	border-right:0;
	border-radius:25px 0 0 0;
}

#tips-close {
	position:absolute;
	top:-15px;
	left:-15px;
	height:40px;
	width:40px;
	border-radius:20px;
	border:1px solid #3b3f44;
	background-color:#FAFAF5;
	border-bottom:0;
	border-right:0;

}

#tips-close IMG { padding:5px; height:30px; width:30px; }


#tips-title {
    font-size: 20px;
    text-align: left;
    padding: 0 35px 0 50px;
    border-bottom: 1px solid #3b3f44;
    top: 273px;
    position: absolute;
}

#tips-txt {
	position:absolute;
	left:35px;
	padding:10px;
	font-size:14px;
	

}


#cookie-box {
	position:fixed;
	z-index:888;
	background-color:#FC3;
	text-align:center;
	height:45px;
	width:100%;
	bottom:0;
	font-size:16px;
}


#cookie-box-full {
	position:fixed;
	z-index:888;
	background-color:#c3d0dc;
	text-align:center;
	height:450px;
	width:450px;
	font-size:14px;
	left:calc( 50% - 225px );
	top:calc( 50% - 225px );
	box-sizing:border-box;
	padding:8px 12px;
}

#accept_cookies, #accept_cookies_s, #reject_cookies {
	width:90%;
	margin:8px 5% 8px 5%;
	background-color:#117111;
	color:#FFF;
	font-size:18px;
	border:1px solid #060;
	border-radius:8px;
	box-sizing:border-box;
	padding:5px;
}

#reject_cookies {
	font-size:12px;
	background-color:#999;
	border-color:#333;
	color:#000;
}


/*
eaf1f9
c3d0dc
a2b0bc
818b95
5f666d
3b3f44
1e2123
0b0c0c
*/

/* ------------------------------------------------------------------   ADMIN --->>> */
.debug { background-color:#FF6; margin-top:15px; border-top:2px dashed #F00; overflow:hidden; z-index:666; }
.db-start { width:95%; background-color:#333; color:#FFF; padding:5px 0 5px 5%; margin:8px 0 3px 0; font-size:14px; font-weight:bold; }
.db-end { width:95%; background-color:#333; color:#FFF; padding:5px 0 5px 5%; margin:8px 0 3px 0; font-size:10px; font-weight:lighter; font-style:italic; }
.important { background-color:#9F9; padding:5px 15px; margin:8px 5px; border:1px solid #0C0; font-size:110%; }
.step_time { background-color:#63C; padding:5px 15px; margin:8px 5px; font-size:110%; color:#FFF; }
#debugLink { position:fixed; top:5px; right:5px; z-index:1069; }
.debugBox { padding:8px; margin:8px 0 8px 0; border:1px solid #F00; background-color:#FFC; }


/* ------------------------------------------------------------------   DIAPO --->>> */
DIV#diapo_banner {
	width:100%;
	height:450px;
	border:0;
	padding:0;
	margin:0;
}

DIV#diapo_banner UL {
	padding:0;
	margin:0;
	list-style:none;
	height:450px;
}

DIV#diapo_banner UL LI {
	display:block;
	height:450px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

DIV#diapo_banner UL LI:first-child {
	display:block;
}

DIV#diapo_banner UL LI A {
	display:block;
	height:450px;
	width:100%;
	background-repeat:no-repeat;
	background-position:center;
}

DIV.navigation_banner {
	display:block;
	width:100%;
	text-align:center;
}

.banBut {
	display:inline-block;
	line-height:20px;
	width:20px;
	text-align:center;
	border-radius:8px;
	background-color:#F00;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	cursor:pointer;
}

.banBut-on {
	background-color:#000;
}



#back_top {
	display:block;
	position:fixed;
	bottom:5px;
	right:0;
	height:50px;
	width:150px;
	z-index:888;
}



DIV.faq { margin-bottom:8px; }
DIV.Q { padding:2px 5px 5px 5px; border-bottom:1px solid #999; font-weight:bold; }
DIV.Q P, DIV.R P { padding:0; margin:0; }
DIV.R { padding:2px 0 0 15px; font-style:italic; }
DIV.MC { text-align:right; font-style:italic; color:#666; }


DIV#javaBox {
	position:fixed;
	z-index:999;
	top:450px;
	width:500px;
	height:250px;
	left:calc( 50% - 250px );
	background-color:#CFC;
	color:#060;
}


@media all and (min-width:20px) and (max-width:1100px){
	DIV#diapo_banner UL LI A {
		height:450px;
		background-size: contain;
	}

	.categorie-link, .categorie-link-short, .categorie-link-univers {
		font-size:16px;
	}

}


/* ------------------- RS ------------------------- */
DIV.rs_link {
	float:left;
	width:49%;
	margin-top:15px;
}

DIV.rs_link IMG {
	height:40px;
	width:40px;
	margin-right:10px;
	float:left;
}

DIV.rs_link A {
	height:40px;
	width:auto;
	float:left;
	line-height:40px;
	font-size:24px;
}

/* ------------------- CALENDRIER DE L'AVENT ------------------------- */
#calendrier_avent {
	background-image:url(../images/site/avent_site.jpg);
	background-repeat:no-repeat;
	width:1100px;
	height:825px;
	text-align:center;
	padding-top:25px;
}

.calendrier_avent-case {
	position:relative;
	display:inline-block;
	width:95px;
	height:75px;
	border:1px inset #CFF;
	border-radius:5px;
	padding:0;
	margin:8px;
	overflow:hidden;
}

.calendrier_avent-case_numero {
	position:absolute;
	text-align:center;
	line-height:75px;
	font-size:36px;
	width:100%;
}

.calendrier_avent-case_fond, .calendrier_avent-case_fond-used, .calendrier_avent-case_fond-on {
	position:absolute;
	top:0; left:0;
	height:75px;
	width:100%;
	background-color:#CFF;
	opacity:0.2;
}

.calendrier_avent-case_fond-used{
	background-color:#666;
	opacity:0.6;
	border:3px inset #333;
	background-size: cover;
}

.calendrier_avent-case_fond-on{
	background-image:url(../images/site/pixel_rainbow.gif);
	opacity:0.6;
}

.calendrier_avent-saut {
	display:inline-block;
	width:100%;
	height:3px;
}

#calendrier_avent-kdo {
	position:absolute;
	top:0;
	left:0;
	width:95px;
	height:75px;
	background-color:#F00;
	display:none;
	background-size: contain;
	background-repeat:no-repeat;
	border:1px outset #666;
	border-radius:5px;
}


/* --- PAYPAL --- */
.paypal-button-container {
	padding: 0 !important;
}

#mycart>h2 {
	color: #015c86;
	margin-bottom: 0.4rem;
	margin-left: 0.2rem;
}

.nbtn {
	margin: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 33.3rem;
	background-color: #015c86;
	color: #fff;
	border-radius: .2em;
	cursor: pointer;
	font-family: sans-serif;
	font-size: 1.2rem;
	font-weight: bold;
	transition: .3s;
}

.nbtn:hover {
	background-color: #026b9c;
	border-color: #01345c;
}

.nbtn:active {
	background-color: #014566;
	border-color: #01345c;
}
.card-field-name {
	background-color: #FF0000 !important;
	color: red;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}


/* --- EKOMI WIDGET --- */

.ekw126 {
	width: 288px;
	margin:0 auto;
	color: #FFF;
	font: 15px 'arial',sans-serif;
	text-transform: uppercase;cursor:pointer;
}

.ekw126 .review-container{
	background-color: #1e2123;
	padding: 10px;
}

.ekw126 .review-container .rating-stars{
	margin-left: 5px;
}

.ekw126 .review-container .stars {
margin: -7px 15px 0 0;
}

.ekw126 .review-container .total-review{
	font-size:10px;
	margin-top: 3px;
	color: #3f464c;
}

.ekw126 .review-container .seal{
	margin-top:-7px;
}

.ekw126 .review-container .seal img {
	width: 32px;
	height: 32px;
}

.ekw126 .review-container .stars-blank {
	background: url({{stars_grey-110x17}}) no-repeat;
	width: 110px;
	height: 17px
}

.ekw126 .review-container .stars-yellow {
	background: url({{stars_yellow-110x17}}) no-repeat;
	max-width: 100%;
	height: 17px
}