@font-face {
    font-family: "OpenSans";
    src: url('/font/regular/OpenSans-Regular-webfont.eot');
    src: url('/font/regular/OpenSans-Regular-webfont.eot?#iefix') format('eot'), url('/font/regular/OpenSans-Regular-webfont.woff') format('woff'), url('/font/regular/OpenSans-Regular-webfont.ttf') format('truetype'), url('/font/regular/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}
@font-face {
    font-family: "OpenSans";
    src: url('/font/italic/OpenSans-Italic-webfont.eot');
    src: url('/font/italic/OpenSans-Italic-webfont.eot?#iefix') format('eot'), url('/font/italic/OpenSans-Italic-webfont.woff') format('woff'), url('/font/italic/OpenSans-Italic-webfont.ttf') format('truetype'), url('/font/italic/OpenSans-Italic-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: auto;
}
@font-face {
    font-family: "OpenSans";
    src: url('/font/light/OpenSans-Light-webfont.eot');
    src: url('/font/light/OpenSans-Light-webfont.eot?#iefix') format('eot'), url('/font/light/OpenSans-Light-webfont.woff') format('woff'), url('/font/light/OpenSans-Light-webfont.ttf') format('truetype'), url('/font/light/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: auto;
}
@font-face {
    font-family: "OpenSans";
    src: url('/font/bold/OpenSans-Bold-webfont.eot');
    src: url('/font/bold/OpenSans-Bold-webfont.eot?#iefix') format('eot'), url('/font/bold/OpenSans-Bold-webfont.woff') format('woff'), url('/font/bold/OpenSans-Bold-webfont.ttf') format('truetype'), url('/font/bold/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: auto;
}
@font-face {
    font-family: "OpenSans";
    src: url('/font/extra-bold/OpenSans-ExtraBold-webfont.eot');
    src: url('/font/extra-bold/OpenSans-ExtraBold-webfont.eot?#iefix') format('eot'), url('/font/extra-bold/OpenSans-ExtraBold-webfont.woff') format('woff'), url('/font/extra-bold/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('/font/extra-bold/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: auto;
}
@font-face {
    font-family: "OpenSansCond";
    src: url('/font/bold/OpenSans-CondBold-webfont.eot');
    src: url('/font/bold/OpenSans-CondBold-webfont.eot?#iefix') format('eot'), url('/font/bold/OpenSans-CondBold-webfont.woff') format('woff'), url('/font/bold/OpenSans-CondBold-webfont.ttf') format('truetype'), url('/font/bold/OpenSans-CondBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: auto;
}
@font-face {
    font-family: "OpenSansCond";
    src: url('/font/light/OpenSansCondensed-Light.eot');
    src: url('/font/light/OpenSansCondensed-Light.eot?#iefix') format('eot'), url('/font/light/OpenSansCondensed-Light.woff') format('woff'), url('/font/light/OpenSansCondensed-Light.ttf') format('truetype'), url('/font/light/OpenSansCondensed-Light.svg#OpenSansCondLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: auto;
}

/* ===================================================== */
/*                         ICOFONT                       */
/* ===================================================== */

@font-face {
    font-family: 'icoSpartoo';
    src:    url('/font/icoSpartoo/icoSpartoo-20240905.eot?8js4yz');
    src:    url('/font/icoSpartoo/icoSpartoo-20240905.eot?8js4yz#iefix') format('embedded-opentype'),
        url('/font/icoSpartoo/icoSpartoo-20240905.ttf?8js4yz') format('truetype'),
        url('/font/icoSpartoo/icoSpartoo-20240905.woff?8js4yz') format('woff'),
        url('/font/icoSpartoo/icoSpartoo-20240905.svg?8js4yz#icospartoo') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icoSpartoo'!important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-colisok:before {
  content: "\e9a1";
}
.icon-accessoire-homme:before {
  content: "\e900";
}
.icon-accessoires:before {
  content: "\e901";
}
.icon-affichageDetail:before {
  content: "\e902";
}
.icon-affichageMenu:before {
  content: "\e903";
}
.icon-affichageVignette:before {
  content: "\e904";
}
.icon-aide:before {
  content: "\e905";
}
.icon-android:before {
  content: "\e906";
}
.icon-annulation-commande:before {
  content: "\e907";
}
.icon-annuler:before {
  content: "\e908";
}
.icon-apple:before {
  content: "\e909";
}
.icon-appli:before {
  content: "\e90a";
}
.icon-arobase:before {
  content: "\e90b";
}
.icon-attente-paiement:before {
  content: "\e90c";
}
.icon-bijoux:before {
  content: "\e90d";
}
.icon-blanchimentChlore:before {
  content: "\e90e";
}
.icon-blanchimentExclu:before {
  content: "\e90f";
}
.icon-blanchimentOxygene:before {
  content: "\e910";
}
.icon-blog:before {
  content: "\e911";
}
.icon-cadenas:before {
  content: "\e912";
}
.icon-chat:before {
  content: "\e913";
}
.icon-chaussure:before {
  content: "\e914";
}
.icon-chaussure-homme:before {
  content: "\e915";
}
.icon-chequeCadeau:before {
  content: "\e916";
}
.icon-cochon:before {
  content: "\e917";
}
.icon-coeur:before {
  content: "\e918";
}
.icon-coupons:before {
  content: "\e919";
}
.icon-cumule:before {
  content: "\e91a";
}
.icon-eauExclu:before {
  content: "\e91b";
}
.icon-enHaut:before {
  content: "\e91c";
}
.icon-etoile:before {
  content: "\e91d";
}
.icon-facebook:before {
  content: "\e91e";
}
.icon-flecheBas:before {
  content: "\e91f";
}
.icon-flecheDroite:before {
  content: "\e920";
}
.icon-flecheGauche:before {
  content: "\e921";
}
.icon-flecheHaut:before {
  content: "\e922";
}
.icon-google:before {
  content: "\e923";
}
.icon-guideChaussure:before {
  content: "\e924";
}
.icon-infog:before {
  content: "\e925";
}
.icon-instagram:before {
  content: "\e926";
}
.icon-ipad:before {
  content: "\e927";
}
.icon-iphone:before {
  content: "\e928";
}
.icon-jean:before {
  content: "\e929";
}
.icon-lavageProExclu:before {
  content: "\e92a";
}
.icon-livraisonGratuite:before {
  content: "\e92b";
}
.icon-log-connect:before {
  content: "\e92c";
}
.icon-logistic:before {
  content: "\e92d";
}
.icon-log-mypack:before {
  content: "\e92e";
}
.icon-log-package:before {
  content: "\e92f";
}
.icon-log-package2:before {
  content: "\e930";
}
.icon-log-print:before {
  content: "\e931";
}
.icon-log-renren:before {
  content: "\e932";
}
.icon-log-send:before {
  content: "\e933";
}
.icon-log-ups:before {
  content: "\e934";
}
.icon-log-wechat:before {
  content: "\e935";
}
.icon-log-weibo:before {
  content: "\e936";
}
.icon-lookbook:before {
  content: "\e937";
}
.icon-loupe:before {
  content: "\e938";
}
.icon-main:before {
  content: "\e939";
}
.icon-mainExclu:before {
  content: "\e93a";
}
.icon-maison:before {
  content: "\e93b";
}
.icon-mine:before {
  content: "\e93c";
}
.icon-modifier:before {
  content: "\e93d";
}
.icon-moins:before {
  content: "\e93e";
}
.icon-montre:before {
  content: "\e93f";
}
.icon-NettoyagePro_F:before {
  content: "\e940";
}
.icon-NettoyagePro_F1:before {
  content: "\e941";
}
.icon-NettoyagePro_F2:before {
  content: "\e942";
}
.icon-NettoyagePro_P:before {
  content: "\e943";
}
.icon-NettoyagePro_P1:before {
  content: "\e944";
}
.icon-NettoyagePro_P2:before {
  content: "\e945";
}
.icon-NettoyagePro_W:before {
  content: "\e946";
}
.icon-NettoyagePro_W1:before {
  content: "\e947";
}
.icon-NettoyagePro_W2:before {
  content: "\e948";
}
.icon-newsletter:before {
  content: "\e949";
}
.icon-packClose:before {
  content: "\e94a";
}
.icon-packOpen:before {
  content: "\e94b";
}
.icon-panier:before {
  content: "\e94c";
}
.icon-parrainage:before {
  content: "\e94d";
}
.icon-partager:before {
  content: "\e94e";
}
.icon-persoCompte:before {
  content: "\e94f";
}
.icon-persoHappy:before {
  content: "\e950";
}
.icon-pieces:before {
  content: "\e951";
}
.icon-pinterest:before {
  content: "\e952";
}
.icon-plus:before {
  content: "\e953";
}
.icon-poubelle:before {
  content: "\e954";
}
.icon-premium-livraison:before {
  content: "\e955";
}
.icon-premium-payment:before {
  content: "\e956";
}
.icon-premium-reduc:before {
  content: "\e957";
}
.icon-prixLePlusBas:before {
  content: "\e958";
}
.icon-pull:before {
  content: "\e959";
}
.icon-quarante:before {
  content: "\e95a";
}
.icon-quarante1:before {
  content: "\e95b";
}
.icon-quarante2:before {
  content: "\e95c";
}
.icon-rechercher:before {
  content: "\e95d";
}
.icon-referencement:before {
  content: "\e95e";
}
.icon-repassage1:before {
  content: "\e95f";
}
.icon-repassage2:before {
  content: "\e960";
}
.icon-repassage3:before {
  content: "\e961";
}
.icon-repassageExclu:before {
  content: "\e962";
}
.icon-retourGratuit:before {
  content: "\e963";
}
.icon-rh:before {
  content: "\e964";
}
.icon-robe:before {
  content: "\e965";
}
.icon-sac:before {
  content: "\e966";
}
.icon-satisfaitOuRembourse:before {
  content: "\e967";
}
.icon-sauver:before {
  content: "\e968";
}
.icon-sechage:before {
  content: "\e969";
}
.icon-sechage1:before {
  content: "\e96a";
}
.icon-sechage2:before {
  content: "\e96b";
}
.icon-sechageExclu:before {
  content: "\e96c";
}
.icon-shoesPair:before {
  content: "\e96d";
}
.icon-soixante:before {
  content: "\e96e";
}
.icon-soixante1:before {
  content: "\e96f";
}
.icon-soixante2:before {
  content: "\e970";
}
.icon-tee-shirt:before {
  content: "\e971";
}
.icon-telechargement:before {
  content: "\e972";
}
.icon-telephone:before {
  content: "\e973";
}
.icon-tickets:before {
  content: "\e974";
}
.icon-too:before {
  content: "\e975";
}
.icon-tools:before {
  content: "\e976";
}
.icon-top:before {
  content: "\e977";
}
.icon-trente:before {
  content: "\e978";
}
.icon-trente1:before {
  content: "\e979";
}
.icon-trente2:before {
  content: "\e97a";
}
.icon-triangleDroite:before {
  content: "\e97b";
}
.icon-triangleGauche:before {
  content: "\e97c";
}
.icon-twitter:before {
  content: "\e97d";
}
.icon-valider:before {
  content: "\e97e";
}
.icon-veste:before {
  content: "\e97f";
}
.icon-video:before {
  content: "\e980";
}
.icon-wt-logo:before {
  content: "\e981";
}
.icon-wt-lookbook:before {
  content: "\e982";
}
.icon-wt-mode:before {
  content: "\e983";
}
.icon-wt-plus:before {
  content: "\e984";
}
.icon-wt-psycho:before {
  content: "\e985";
}
.icon-wt-so-hot:before {
  content: "\e986";
}
.icon-wt-tendance:before {
  content: "\e987";
}
.icon-coeur-plein:before {
  content: "\e988";
}
.icon-annulation-commande2:before {
  content: "\e989";
}
.icon-attente-paiement2:before {
  content: "\e98a";
}
.icon-colis-retourne:before {
  content: "\e98b";
}
.icon-partager2:before {
  content: "\e98c";
}
.icon-retour-rembourse:before {
  content: "\e98d";
}
.icon-validation-commande:before {
  content: "\e98e";
}
.icon-whatsapp:before {
  content: "\e98f";
}
.icon-cible:before {
  content: "\e990";
}
.icon-stats:before {
  content: "\e991";
}
.icon-etoile-pleine:before {
  content: "\e992";
}
.icon-localisation:before {
  content: "\e993";
}
.icon-filtres:before {
  content: "\e994";
}
.icon-bell:before {
  content: "\e995";
}
.icon-bell-full:before {
  content: "\e996";
}
.icon-hanger:before {
  content: "\e997";
}
.icon-holidays:before {
  content: "\e998";
}
.icon-info:before {
  content: "\e999";
}
.icon-info-int:before {
  content: "\e99a";
}
.icon-plus-circle:before {
  content: "\e99b";
}
.icon-plus-full-circle:before {
  content: "\e99c";
}
.icon-vendeur:before {
  content: "\e99d";
}
.icon-vendeur-notif:before {
  content: "\e99e";
}
.icon-avis:before {
  content: "\e99f";
}
.icon-parrain:before {
  content: "\e9a0";
}
.icon-eco:before {
    content: "\e9a2";
}
.icon-360:before {
    content: "\e9a3";
}
.icon-local:before {
  content: "\e9a4";
}
.icon-ethique:before {
  content: "\e9a5";
}
.icon-certifie:before {
  content: "\e9a6";
}
.icon-star-half:before {
    content: "\e9a7";
}
.icon-star-full:before {
    content: "\e9a8";
}
.icon-star-empty:before {
    content: "\e9a9";
}
.icon-hot:before {
    content: "\e9aa";
}
.icon-accessoireshoes:before {
  content: "\e9ab";
}
.icon-ballerines:before {
  content: "\e9ac";
}
.icon-bandouliere:before {
  content: "\e9ad";
}
.icon-beaute:before {
  content: "\e9ae";
}
.icon-bermudas:before {
  content: "\e9af";
}
.icon-bijoux1:before {
  content: "\e9b0";
}
.icon-blouses:before {
  content: "\e9b1";
}
.icon-boite:before {
  content: "\e9b2";
}
.icon-bottes:before {
  content: "\e9b3";
}
.icon-bottines:before {
  content: "\e9b4";
}
.icon-boxers:before {
  content: "\e9b5";
}
.icon-brassieres:before {
  content: "\e9b6";
}
.icon-bureau:before {
  content: "\e9b7";
}
.icon-cabas:before {
  content: "\e9b8";
}
.icon-calecons:before {
  content: "\e9b9";
}
.icon-canape:before {
  content: "\e9ba";
}
.icon-cartable:before {
  content: "\e9bb";
}
.icon-chaisejardin:before {
  content: "\e9bc";
}
.icon-chaussettes:before {
  content: "\e9bd";
}
.icon-chaussons:before {
  content: "\e9be";
}
.icon-chemises:before {
  content: "\e9bf";
}
.icon-corps:before {
  content: "\e9c0";
}
.icon-costumes:before {
  content: "\e9c1";
}
.icon-coussin:before {
  content: "\e9c2";
}
.icon-deco:before {
  content: "\e9c3";
}
.icon-deguisos:before {
  content: "\e9c4";
}
.icon-derbies:before {
  content: "\e9c5";
}
.icon-eco2:before {
  content: "\e9c6";
}
.icon-entretien:before {
  content: "\e9c7";
}
.icon-escarpins:before {
  content: "\e9c8";
}
.icon-espadrilles:before {
  content: "\e9c9";
}
.icon-jeans:before {
  content: "\e9ca";
}
.icon-joggings:before {
  content: "\e9cb";
}
.icon-jupes:before {
  content: "\e9cc";
}
.icon-lampe:before {
  content: "\e9cd";
}
.icon-leggings:before {
  content: "\e9ce";
}
.icon-levres:before {
  content: "\e9cf";
}
.icon-lit:before {
  content: "\e9d0";
}
.icon-maillotsbain:before {
  content: "\e9d1";
}
.icon-manteaux:before {
  content: "\e9d2";
}
.icon-marcel:before {
  content: "\e9d3";
}
.icon-mocassins:before {
  content: "\e9d4";
}
.icon-montres:before {
  content: "\e9d5";
}
.icon-mules:before {
  content: "\e9d6";
}
.icon-new:before {
  content: "\e9d7";
}
.icon-ongles:before {
  content: "\e9d8";
}
.icon-outlet:before {
  content: "\e9d9";
}
.icon-pantalons:before {
  content: "\e9da";
}
.icon-parfums:before {
  content: "\e9db";
}
.icon-pochette:before {
  content: "\e9dc";
}
.icon-portedoc:before {
  content: "\e9dd";
}
.icon-portefeuille:before {
  content: "\e9de";
}
.icon-pulls:before {
  content: "\e9df";
}
.icon-rasoir:before {
  content: "\e9e0";
}
.icon-robe1:before {
  content: "\e9e1";
}
.icon-robes:before {
  content: "\e9e2";
}
.icon-roulettes:before {
  content: "\e9e3";
}
.icon-sacados:before {
  content: "\e9e4";
}
.icon-sacamain:before {
  content: "\e9e5";
}
.icon-sacordi:before {
  content: "\e9e6";
}
.icon-sacsport:before {
  content: "\e9e7";
}
.icon-salopettes:before {
  content: "\e9e8";
}
.icon-sandales:before {
  content: "\e9e9";
}
.icon-sante:before {
  content: "\e9ea";
}
.icon-serviette:before {
  content: "\e9eb";
}
.icon-shampoing:before {
  content: "\e9ec";
}
.icon-skate:before {
  content: "\e9ed";
}
.icon-slipon:before {
  content: "\e9ee";
}
.icon-slips:before {
  content: "\e9ef";
}
.icon-sneakers:before {
  content: "\e9f0";
}
.icon-solaire:before {
  content: "\e9f1";
}
.icon-soutifs:before {
  content: "\e9f2";
}
.icon-sport:before {
  content: "\e9f3";
}
.icon-sweats:before {
  content: "\e9f4";
}
.icon-table:before {
  content: "\e9f5";
}
.icon-tableau:before {
  content: "\e9f6";
}
.icon-tabouret:before {
  content: "\e9f7";
}
.icon-tapis:before {
  content: "\e9f8";
}
.icon-teint:before {
  content: "\e9f9";
}
.icon-tongs:before {
  content: "\e9fa";
}
.icon-travail:before {
  content: "\e9fb";
}
.icon-trousse:before {
  content: "\e9fc";
}
.icon-tshirt:before {
  content: "\e9fd";
}
.icon-underwear:before {
  content: "\e9fe";
}
.icon-valise:before {
  content: "\e9ff";
}
.icon-vanity:before {
  content: "\ea00";
}
.icon-vestes:before {
  content: "\ea01";
}
.icon-visage:before {
  content: "\ea02";
}
.icon-yeux:before {
  content: "\ea03";
}
.icon-ados:before {
  content: "\ea04";
}
.icon-baby:before {
  content: "\ea05";
}
.icon-basketball:before {
  content: "\ea06";
}
.icon-fitness:before {
  content: "\ea07";
}
.icon-football:before {
  content: "\ea08";
}
.icon-golf:before {
  content: "\ea09";
}
.icon-indoor:before {
  content: "\ea0a";
}
.icon-kid:before {
  content: "\ea0b";
}
.icon-natation:before {
  content: "\ea0c";
}
.icon-rando:before {
  content: "\ea0d";
}
.icon-rugby:before {
  content: "\ea0e";
}
.icon-running:before {
  content: "\ea0f";
}
.icon-ski:before {
  content: "\ea10";
}
.icon-tennis:before {
  content: "\ea11";
}
.icon-velo:before {
  content: "\ea12";
}
.icon-boots:before {
  content: "\ea13";
}
.icon-cadenas2:before {
  content: "\ea14";
}
.icon-zoom:before {
  content: "\ea15";
}
.icon-pyjamas:before {
  content: "\ea16";
}
.icon-kids:before {
  content: "\ea17";
}
.icon-skate2:before {
  content: "\ea18";
}
.icon-alert:before {
  content: "\ea19";
}


@charset "utf-8";

:root {
    /* Colors */
    --black: #363636;
    --main-color: #c30040;
    --lighter-grey: #f0eeee;
    --light-grey: #c0c0c0;
    --grey: #707070;

    /* Fonts */
    --font-main: OpenSans, Arial, sans-serif;
    --font-cond: OpenSansCond, Arial, sans-serif;
    --px-50 : 50px;
    --px-35 : 35px;
    --px-30 : 30px;
    --px-25 : 25px;
    --px-20 : 20px;

    /* Premium */
    --premium-reciprocity-w: 320px;
    --premium-reciprocity-color: #251A5D;
    --premium-reciprocity-color-sec: #251A5D;
}


/*****************************************************
**** @MAIN
******************************************************/

.home_carousel {
    position: relative;
    width: 100%;
    min-height: 200px;
}
.carousel {
    display: flex;
    overflow-x: auto;
    font-size: 11px;
    -webkit-overflow-scrolling: touch;
}
.carousel > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 200px;
	padding: 0 0 1em 0;
    margin-right: 15px;
    font: 1.3em OpenSans, Arial, sans-serif;
}
.carousel_styles_title{
    position: relative;
    bottom:30px;
}

.home_carousel.small .carousel > div {min-width: 150px;}
.carousel > div img {max-width: 100%;}

.carousel > div .carousel_info {
    width: 90%;
    text-align: left;
    color: var(--grey);
}
.carousel > div .carousel_info.brand,
.carousel > div .carousel_info.prix {font-weight: bold; color: var(--black);}

.categories .carousel > div .carousel_info.prix {
    font-weight: normal;
    text-align: center;
    margin-top: 10px;
}

.carousel > div.marques {
    min-width: 320px;
    min-height: 150px;
    margin-right: 30px;
    border-radius: 10px;
    position: relative;
    padding: 0.5em;
}
.carousel > div.styles {
    min-width: 200px;
    min-height: 216px;
    margin-right: 30px;
    position: relative;
    padding: 0em;
}
.home_op_bg_carousel_marques{
    width: 100%;
    overflow: hidden;
    background-color: #ff6255;
    color: #fff;
    border-top: 1px solid #fff;
}

.home_op_bg_carousel_pap {
    width: 100%;
    overflow: hidden;
    background-color: #ff6255;
    color: #fff;
    border-top: 1px solid #fff;
}
.carousel a.prix {
    margin-top: auto;
}
.carousel a {
    color: var(--black);
    display: block;
}
.carousel > div.styles a {
    color: #fff;
    display: block;
}
.carousel > div.home_op_bg_carousel_pap a {
    color: var(--black);
    display: block;
}
.carousel_brand_button {
   position: absolute;
   right: 1em;
   padding-bottom: 0.2em;
   text-align: right;
   border-bottom: 2px solid var(--black);
   bottom: 1.5em;
   cursor: pointer;
}
.carousel_brand_button a {color: var(--black)!important;}
.preced, .suiv {display: none;}






/*****************************************************
**** @SPECIFICITES
******************************************************/

/* Carousels avec peu de produits */

.fewProducts .carousel {justify-content: center;}

.fewProducts {padding: 0 !important;}

.fewProducts i {display:none;}

/* Carousel listing produits vide */

#droite .home_carousel {
    width: calc(100% - 50px);
    margin: 0 25px;
}

/* Carousel prodcard */

#content_prodcard ~ .home_carousel {margin-bottom: 40px;}

.moreProducts {
    margin:10px auto;
    text-transform:uppercase;
    opacity:0;
}
.carousel > div:hover .moreProducts {opacity:1;}

/* Carousel dans une popup */
.sp_popup_content .home_carousel {
    width: calc(100% - (40px * 2));
    margin: auto auto 20px;
}
.sp_popup_content .popup_carousel {
    width: 95%;
}
.sp_popup_content .popup_carousel .carousel {
    overflow-x: initial;
    flex-wrap: wrap;
}
.sp_popup_content .popup_carousel .carousel > div {
    width:50%;
    margin-right:0;
    min-width: initial;
    min-height: initial;
}
.sp_popup_content .popup_carousel > i {
    display:none;
}

/* Carousel panier vide */

#panierVide .home_carousel {
    width: calc(100% - 50px);
    margin: 0 25px;
}
#panierVide .home_carousel a { color: var(--grey); }

/* Produits textile */
/* Sécurité mélange des vues */
a.carousel_pap {
    min-height:200px;
    display:flex;
    align-items:center;
}





/*****************************************************
**** @RESPONSIVE
******************************************************/

@media (min-width:768px) {
	a.carousel_pap {min-height:260px;}
	.carousel > div {margin-right: 30px;}
}

@media (min-width:1025px) {
    .preced, .suiv {
        display: inline-block;
        position: absolute;
        font-size: 50px;
        top: 80px;
        cursor: pointer;
    }
    .preced {left: -40px;}
    .suiv {right: -40px;}
    .carousel {
        display: flex;
        overflow: hidden;
        transition: all .4s;
    }
    .carousel > div img {width: 250px;}
    .carousel > .marques img {width: 320px;}
    .carousel > div.marques {width: 320px;}
}

/* Disabled horizontal scroll */
@media (max-width:767px) {
	.carousel.no-x-scroll {
		flex-wrap: wrap;
	}
	.carousel.no-x-scroll > div {
		width: 50%;
		min-width: 50%;
		min-height: auto;
		margin: 0 0 1rem 0;
	}
    .fewProducts .carousel {justify-content:flex-start;}
}

.fashion_news_link
{
    cursor: pointer;
}

.fashion_news_list
{
    padding: 8px;
}

.fashion_news_list th,
.fashion_news_list td
{
    padding: 6px;
}

.fashion_news_container
{
    padding: 8px;
}

.fashion_news_title
{
    font-size: 1.2em;
    font-weight: bold;
}

.fashion_news_date
{
    color: lightgrey;
    font-style: italic;
}

.fashion_news_header
{
    padding-bottom: 10px;
}

.input_invalid {
    box-shadow: 0 0 5px 1px red;
}

.password_eye {
    margin-left: -35px;
    cursor: pointer;
    position: absolute;
    width: 32px;
    height: 33px;
}

#affiche #iframe_redirect, .popup_alert_content #iframe_redirect {
	width: 100%;
	height: 50vh;
	border: 1px solid lightgrey;
}

.cookies_info {
	position: fixed;
	z-index: 500;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.2);
	font-size: 62.5%;
}

.cookies_info-pop {
	background-color: #FFF;
	width: 90%;
	padding: 1em 2.5em;
	border-radius: 3px;
}

.cookies_info-pop div {
	margin: 0 auto 1em auto;
}

.cookies_info-pop-title {
	font-size: 2.5em;
}

.cookies_info-pop-text {
	font-size: 1.4em;
	text-align: justify;
}

.cookies_info-pop-buttons {
	display: flex;
	justify-content: space-between;
}

.cookies_info-pop-buttons button {
	display: inline-block;
	padding: 0.25em 0.5em;
	border-radius: 3px;
	border: none;
}

.cookies_info-pop-buttons-refuse {
	background-color: #E6E6E6;
	color: #707070;
	cursor: pointer;
}

.cookies_info-pop-buttons-accept {
	background-color: #88AF00;
	color: #FFF;
	cursor: pointer;
}

@media screen and (min-width:1024px) {
	.cookies_info-pop {
		width: 500px;
		padding: 3em 6em;
	}

	.cookies_info-pop-title {
		font-size: 3em;
	}

	.cookies_info-pop-text {
		font-size: 1.8em;
		text-align: justify;
	}

	.cookies_info-pop-buttons button {
		padding: 0.75em 1em;
	}
}

/*****************************************************
**** SOMMAIRE ****
@APPLI MAG
@HOMEBRANDS
@INSTA
@SERVICES
@MAGTOO
@RESPONSIVE
******************************************************/




/*****************************************************
**** @GLOBAL
******************************************************/

#homeContent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#homeContent > div:not(.home_brands):not(:last-child)
{
    box-sizing: border-box;
    margin-bottom: 50px;
}
#homeContent > div:empty {
    margin-bottom: 0;
}
.home_op, .home_tendance, .home_opCo, .home_opCocot {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto 3em auto;
    background-color: #e6e6e6;
}
.home_op > a:first-child,
.home_op > a:first-child > picture {
    display:block;
    line-height:0;
}
.home_op > a[href="#rst"] {cursor:default;}
.home_opCo {
    min-width: 90%;
    font-family: OpenSansCond, Arial, sans-serif;
    font-family: var(--font-cond);
    font-weight: 200;
    background-color: #d95218;
    color: #fff;
    padding: 1em;
    text-align: center;
    cursor: pointer;
    overflow: initial;
}
.home_opCo .home_op_text .title {
    font-size: 3em;
    line-height: 1em;
}
.home_opCo .jusqua {
    font-size: 1em;
}
.home_opCo .home_discount {
    font-size: 4em;
    line-height: 1em;
}
.home_opCo_button {
    font-size: 1.5em;
    color: #c30040;
    color: var(--main-color);
    background-color: #fff;
    padding: 0.5em 1em;
    width: 60%;
    margin:1em auto;
}
.home_op img, .home_tendance img {
    width: 100%;
}
.home_op_text {
    font-family: OpenSansCond, Arial, sans-serif;
    font-family: var(--font-cond);
    font-weight: 200;
    padding: 1em;
}
.home_op_text .pretitle{
    font-size: 1.2em;
}
.home_op_text .title{
    font-size: 2em;
    line-height: 1.2em;
}
.home_op_text .subtitle{
    font-size: 1.4em;
}
.home_op_text_buttons {
    display: flex;
    justify-content: space-between;
}
.home_op_text_buttons > div {
    margin-top: 10px;
    margin-right: 30px;
    font: bold 1.2em/1.4em OpenSansCond, Arial, sans-serif;
    font: bold 1.2em/1.4em var(--font-cond);
}
.home_op_text_buttons a:hover {
    color: #c30040;
    color: var(--main-color);
}
.home_op_text_buttons a {
    color: #363636;
    display: block;
    border-bottom: 2px solid #363636;
}
.home_opCo .home_op_text_buttons a {
    color: #fff;
    display: block;
    border-bottom: 2px solid #fff;
}
.home_op_text_buttons i {
    font-size: 1.2em;
}
.home_title{
    width: 100%;
    font: 200 2.2em OpenSansCond, Arial, sans-serif;
    font: 200 2.2em var(--font-cond);
    margin: 0!important;
}
.home_brands + .home_title {
    margin-top:50px!important;
}
.home_brands, .home_service, .home_magtoo  {
    width: 100%;
}
.home_brands > div, .home_service > div {
    flex: 1;
    overflow: hidden;
}
.home_brands > div img, .home_magtoo > div img {
    width: 100%;
    margin: 0;
}
.home_brands > div picture, .home_service > div picture, .home_magtoo > div picture {
    margin: 0;
}
.getGlobalLink {
    pointer-events: none;
}
.getSingleLink {
    pointer-events: all;
}





/*****************************************************
**** @COCOTIER
******************************************************/
.home_opCocot {
    min-width: 90%;
    font-family: OpenSansCond, Arial, sans-serif;
    font-family: var(--font-cond);
    font-weight: 200;
    text-align: center;
    cursor: pointer;
    background-color: #f0e7de;
}
.home_opCocot a, .home_opCocot a:hover {
    color: #d06f37;
}
.home_opCocot .home_discount {
    font-size: 4em;
    line-height: 1em;
}
.home_opCocot_button {
    font-size: 1.5em;
    color: #c30040;
    color: var(--main-color);
    background-color: #efd1c0;
    padding: 0.5em 1em;
    width: 25%;
}
.home_discount_cocot {
    width: 25%;
    color: #d06f37;
    font-size: 1em;
    padding: 0.5em;
    margin-left: 2em;
}
.home_discount_cocot > span:first-of-type {
    font-size: 2.5em;
    font-family: OpenSansCond, Arial, sans-serif;
    font-family: var(--font-cond);
    font-weight: bold;
}
.home_opCocot .title {
    font-size: 4em;
}
.home_opCocot_discount_buttons {
    display: flex;
    flex: 1;
    flex-direction: column;
}
.home_discounts_cocot {
    display: flex;
    justify-content: space-around;
}
.home_discount_cocot {
    display: flex;
    flex-direction: column;
    font-size: 1em;
    padding: .5em;
    margin-left: 2em;
}
.home_discount_cocot:first-of-type, .home_opCocot_button:first-of-type {
    margin-left: 0;
}
.home_opCocot_buttons {
    display: flex;
    justify-content: space-around;
}
.home_opCocot_button {
    font-size: 1em;
    background-color: #d06f37;
    color: #c32227;
    padding: 0.5em;
    margin-left: 2em;
    position: relative;
}
.home_opCocot_button a, .home_opCocot_button a:hover {
    color: #f0e7de;
    font-size: 1.4em;
}
.home_opCocot_button i {
    position: absolute;
    right: 10px;
    top: 12px;
}
.home_opCocot .home_op_text_buttons, .home_opCo .home_op_text_buttons {
    justify-content: center;
}
.home_opCocot .home_op_text_buttons div, .home_opCo .home_op_text_buttons div {
    margin-right: 0;
}





/*****************************************************
**** @APPLI MAG
******************************************************/

.home_appli_mag {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1em 2em;
    font-size: 10px;
    border: 1px solid #e6e6e6;
    background-color: #f0eeee;
}
.home_appli_mag_icons {
    display: flex;
    justify-content: flex-end;
}
.home_appli_mag_icons > img {
    max-width: 180px;
}
.home_appli_mag div:first-of-type {
    font-size: 3em;
    flex: 1;
}
.home_appli_mag i {
    font-size: 6em;
}






/*****************************************************
**** @HOMEBRANDS
******************************************************/

.home_brands > div {
    margin-bottom: 1.5em;
    background-color: #e6e6e6;
}






/*****************************************************
**** @INSTA
******************************************************/

.home_title_insta {
    width: 90%;
    font: 200 2.5em OpenSansCond, Arial, sans-serif;
    font: 200 2.5em var(--font-cond);
    margin: 1.5em 0 1em!important;
    text-align: center;
}
.home_title_insta i {
    display: block;
}
/* fix pour IE laisser en place sinon il est perdu */
.instagram_feed {
    width:100%;
    display: flex;
}






/*****************************************************
**** @SERVICES
******************************************************/

.home_service > div {
    text-align: center;
    background-color: #e6e6e6;
    font-size: 1.3em;
    margin: 1em;
}
.home_service > div .home_op_text_buttons {
    justify-content: center;
}

.home_service_new .home_op_text {
	    background: none;
        font: 200 14px OpenSansCond, Arial, sans-serif;
        font: 200 14px var(--font-cond);

}
.home_service_new .home_op_text .bloc_conditions {
	position: absolute;
    bottom: 5px;
    left: 30px;
    top: 180px;
    font-size: 12px;
}
.home_service_new .home_op_text,
.home_service_new .home_op_text a { color: #ffffff; border-color: #ffffff; }



/*****************************************************
**** @MAGTOO
******************************************************/

.home_magtoo > .home_magtoo_title > img {
    width: 80%;
}
.home_magtoo  .home_title {
    font: 200 2em OpenSansCond, Arial, sans-serif;
    font: 200 2em var(--font-cond);
    margin: 0!important;
}
.home_magtoo a {
    font: 200 1.4em OpenSansCond, Arial, sans-serif;
    font: 200 1.4em var(--font-cond);
}
.home_magtoo > div > div {
    margin-bottom: 2em;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 1em;
    border-radius: 0.5em;
}
.home_magtoo a {
    color: #707070;
}
.home_magtoo a, .home_title_insta a  {
    color: #707070;
    display: block;
}
.home_magtoo_title {
    text-align: center;
}
.home_magtoo_title i {
    font-size: .5em;
    line-height: .5em;
    color: #c30040;
    color: var(--main-color);
}

/*****************************************************
**** @TYPES PRODUITS
******************************************************/
.home_types {
	display: flex;
	flex-direction: column;
	max-width: 1200px;
}
.home_type {
	margin: 10px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font: 18px/22px OpenSansCond, sans-serif;
}
.home_type img{
	max-width: 100%;
}
.home_type-text {
	background-color: #fff;
	padding: 15px 10px;
	position: absolute;
	min-width: 60%;
	text-align: center;
}
.home_type-text-title {
	letter-spacing: 1.5px;
	font-weight: lighter;
	margin-bottom: 10px;
}
.home_type .home_op_text_buttons {
	font-weight: bold;
	justify-content: center;
}


/*****************************************************
**** @CORNERS
******************************************************/
.corner {
    margin-bottom:50px;
}
#homeContent .storytelling:not(:last-child) {
    margin-bottom:50px;
}
.home_brands + .storytelling {
    margin-top:50px;
}
.storytelling_text {
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    padding: 0 20px;
}
.read_more {
    text-align: center;
    font-size: 12px;
    text-transform:uppercase;
    font-weight:bold;
    color:#333333;
    letter-spacing: 0.09em;
}


/*****************************************************
**** @RESPONSIVE
******************************************************/

@media (min-width:700px) {
    .home_op, .home_tendance, .home_opCo, .home_opCocot {
        width: 100%;
        position: relative;
        background-color: #fff;
    }
    .home_opCo a, .home_opCo a:hover {
        color: #fff;
        border-bottom: 2px solid #fff;
    }
    .home_opCo_button a, .home_opCo_button a:hover {
        color: #fff;
        text-transform: uppercase;
    }
    .home_opCo {
        min-height: 100px;
        padding: 0;
        font-family: OpenSansCond, Arial, sans-serif;
        font-family: var(--font-cond);
        font-weight: 200;
        background-color: #d95218;
        color: #fff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
    }
    .home_opCo .title {
        font-size: 3em;
    }
    .home_opCo .jusqua {
        font-size: 1em;
        margin: 0 1em 0 2em;
    }
    .home_opCo .home_discount {
        font-size: 4em;
        line-height: 1em;
        margin: 0 1em;
        text-decoration: blink;
    }
    .home_opCo_button {
        font-size: 1.5em;
        background-color: #fff;
        color: #fff;
        padding: 0.5em 1em;
        margin-left: 2em;
        width: 20%;
    }
    .home_opCocot {
        min-width: 90%;
        font-family: OpenSansCond, Arial, sans-serif;
        font-family: var(--font-cond);
        font-weight: 200;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
    }
    .home_opCocot .title {
        font-size: 2.5em;
    }
    .home_opCocot .jusqua {
        font-size: 1em;
        margin: 0 1em 0 2em;
    }
    .home_opCocot_discount_buttons {
        display: flex;
        flex: 1;
        flex-direction: column;
    }
    .home_discounts_cocot {
        display: flex;
        justify-content: space-around;
    }
    .home_discount_cocot {
        display: flex;
        flex-direction: column;
        font-size: 1em;
        padding: 0.5em;
        margin-left: 2em;
    }
    .home_opCocot_buttons {
        display: flex;
        justify-content: space-around;
    }
    .home_opCocot_button {
        font-size: 1em;
        background-color: #d06f37;
        padding: 0.5em;
        margin-left: 2em;
    }
    .home_brands, .home_service {
        width: 100%;
        display: flex;
    }
    .home_service > div {
        text-align: left;
        background-color: #fff;
        margin: 0;
    }
    .home_service > div .home_op_text_buttons {
        justify-content: space-between;
    }
    .home_magtoo_article > .home_title a {
        width: 100%;
        font: 1em penSansCond, Arial, sans-serif;
        font: 1em var(--font-cond);
        font-weight: 200;
        margin: 1em 0 0!important;
    }
    .home_magtoo {
        background-color: #f0eeee;
        width: 100%;
        padding: 2em;
    }
    .home_magtoo > div:nth-child(2) {
        display: flex;
    }
    .home_magtoo .home_op_text_buttons {
        justify-content: center;
    }
    .home_magtoo_article {
        text-align: center;
        transition: all 0.2s;
    }
    .home_magtoo_article:hover img {
        transform: scale(1.05);
    }
    .home_magtoo_article_texte {

    }
    .home_magtoo_title {
        text-align: center;
        font: 200 5em/2em OpenSansCond, Arial, sans-serif;
        font: 200 5em/2em var(--font-cond);
    }
    .home_magtoo_title i {
        font-size: 0.5em;
        line-height: 0.5em;
        color: #c30040;
    }
    .home_magtoo > div > div {
        margin: 1em;
        width: calc(100%/3);
        border: none;
        background: none;
    }
    .home_service > div img, .home_magtoo > div img {
        background: none;
        transition: all ease 200ms;
    }
    .home_brands > div:first-of-type, .home_service > div:first-of-type {
        margin-right: 2rem;
    }
    .home_brands > div, .home_service > div {
        position: relative;
        background-color: #fff;
    }
    .home_magtoo > .home_magtoo_title > img {
        width: 25%;
    }
    .home_brands_text {
        background-color: #fff;
    }
    .home_op_text_container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        pointer-events: none;
    }
    .home_opCo .home_op_text_container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        pointer-events: none;
    }
    .home_opCocot .home_op_text {
        background-color: #fff;
        font: 200 16px OpenSansCond, Arial, sans-serif;
        font: 200 16px var(--font-cond);
        padding: 1em 2em;
        transition: all 0.5s;
    }
    .home_op_text {
        background-color: #fff;
        font: 200 16px OpenSansCond, Arial, sans-serif;
        font: 200 16px var(--font-cond);
        padding: 2em 3em;
        transition: all 0.5s;
    }
    .home_brands .home_op_text, .home_service .home_op_text {
        background-color: #fff;
        font: 200 14px OpenSansCond, Arial, sans-serif;
        font: 200 14px var(--font-cond);
        padding: 1.5em;
        transition: all 0.5s;
    }
    .OPleft {
        justify-content: flex-start;
        max-width: 45%;
    }
    .OPleft > div {
        margin-left: 50px;
    }
    .home_brands .OPleft > div {
        margin-left: 30px;
    }
    .OPcenter {
        justify-content: center;
    }
    .OPcenter > .home_op_text {
        max-width: 45%;
    }
    .home_opCo .OPcenter > .home_op_text {
        display: flex;
        align-items: center;
        max-width: 100%;
        justify-content: space-around;
        background: none;
    }
    .OPright {
        justify-content: flex-end;
        max-width: 45%;
        right: 0;
        left: auto;
    }
	 .home_service_new .OPright {
        justify-content: center;
        max-width: 45%;
        right: 0;
        left: auto;
    }
    .OPright > div {
        margin-right: 50px;
    }
    .home_brands .OPright > div {
        margin-right: 30px;
    }

    .OPbottomright {
        justify-content: center;
        top:initial;
        bottom: 0;
        margin: 0;
        margin-left: 50%;
        text-align: center;
        width: 320px;
        height: 150px;
        padding: 2em 2em;
        background-color: #fff;
    }
    .OPbottomright .home_op_text {
        padding: initial;
        width: 100%;
    }
    .OPbottomright .home_op_text_buttons {
        justify-content: space-around;
    }
    .OPbottomright .home_op_text_buttons > div {
        margin: 10px 0 0;
    }

		.OPtopCenter .home_op_text {
			margin-bottom: 25%;
		}
		.OPbottomCenter .home_op_text {
			margin-top: 25%;
		}

    .bloc_conditions {
        position: absolute;
        bottom: 5px;
        left: 0px;
        font-size: 12px;
    }
	 .home_service_new .bloc_conditions {
        position: relative;
        bottom: 5px;
        left: 0px;
        font-size: 12px;
		top:10px;
    }
    .home_opCo .bloc_conditions {
        right: 20px;
        text-align: right;
    }
	.home_types {
		display: flex;
		flex-direction: row;
		max-width: 1200px;
	}

}
@media (min-width:1025px) {
    .home_service > div {
        display: flex;
        overflow: hidden;
    }
    .home_title, .home_title_insta {
        width: 100%;
        font: 200 2.5em OpenSansCond, Arial, sans-serif;
        font: 200 2.5em var(--font-cond);
        margin-bottom: 10px!important;
    }
    .instagram_gallery {
        width: 1200px;
    }
}

/*****************************************************
**** @SERVICES
******************************************************/

.home_service_new .home_op_text {
	background: none;
	font: 200 14px OpenSansCond, Arial, sans-serif;
	font: 200 14px var(--font-cond);
	display: block;

}



/*****************************************************
**** @VIDEOS
******************************************************/
.videoMask {
    height:100vh;
    width: 100vw;
    background: rgba(0,0,0,.5);
    position:fixed;
    top:0;
    left:0;
    display:flex;
    align-items: center;
    justify-content: center;
    z-index:500;
}
.videoPopup {
    padding: 10px;
    background-color: #000;
    position:relative;
}
.videoPopup i {
    position: absolute;
    top: 5px;
    right: -35px;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 30px;
    cursor:pointer;
}
.videoPopup video {max-width: 800px;}

@media screen and (max-width: 700px) {
    .videoPopup {
        padding: 10px;
        background-color: #000;
        position:relative;
    }
    .videoPopup i {
        top: -40px;
        right: 0;
        width: 35px;
        height: 35px;
        font-size: 35px;
    }
    .videoPopup video {max-width: 100%;}
}


@charset "utf-8";
/*****************************************************
**** SOMMAIRE **** GLOBAL
@DISPLAY LARGE
@DISPLAY SMALL
@POPUPS
@RESPONSIVE
******************************************************/





/*****************************************************
**** @DISPLAY LARGE
******************************************************/

/* HEADER */

.premium_visuel {display:none;}
.premium_logo {
	display: block;
	margin: 20px auto;
}
.premium_accroche {
	font: 200 25px var(--font-main), OpenSansCond, Arial, sans-serif;
	font-size: var(--px-25);
	text-align: center;
	margin: auto 10px;
}

/* MESSAGES ABONNÉS */

.is_premium, .premium_renew {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	margin: 20px auto;
}
.is_premium img,
.premium_renew img {width:80px; margin-right:20px;}
.is_premium div p, .premium_renew div p {margin: 5px;}
.is_premium div p:first-child, .premium_renew div p:first-child {font: bold 16px OpenSans, Arial, sans-serif;}
.is_premium div p:first-child, .premium_renew div p:first-child {font: bold 16px var(--font-main);}
.premium_renew div p:first-child {color: #c30040;}
.premium_renew div p:first-child {color: var(--main-color);}
.premium_renew div p:nth-child(2) {text-align: center;}

/* BLOCS AVANTAGES */

.premium_subtitle, .gold_subtitle {
	text-align: center;
	font: bold 30px/40px var(--font-cond), OpenSansCond, Arial, sans-serif;
	font-size: var(--px-30);
	text-transform: uppercase;
	margin: 30px auto 20px auto;
}
.premium_subtitle span {
	padding: 0 20px;
}
.premium_subtitle::before, .premium_subtitle::after {
	content: '';
	display: inline-block;
	height: 3px;
	width: 10%;
	border-top: 3px solid #363636;
	vertical-align: middle;
	margin-top: .1em;
}
.premium_reciprocity {
	display:block;
	width:var(--premium-reciprocity-w);
	margin: 0 auto 20px;
	padding:5px;
	background-color: #251A5D;
	background-color: var(--premium-reciprocity-color);
	color: #fff;
	text-transform: uppercase;
	text-align:center;
	cursor: default;
}
#premium_liste {
	display:flex;
	flex-wrap: wrap;
}

#premium_liste :nth-child(2), #premium_liste :nth-child(5) {
	margin:0 10px 10px 10px;

}

.premium_advantage {
	flex: 1 1 30%;
	background-color: #f0eeee;
	background-color: var(--lighter-grey);
	text-align:center;
	margin-bottom: 10px;
}

.premium_advantage img {width:100%;}
.premium_details {padding:20px 10px;}
.premium_details i {
	display:inline-block;
	font-size:30px;
	margin-bottom:10px;
}
.premium_large .h2_premium  {
	font: bold normal 20px/25px var(--font-cond), OpenSansCond, Arial, sans-serif !important;
	font-size: var(--px-20) !important;
	text-transform: uppercase !important;
	text-align:center!important;
	margin: 0 auto 20px!important;
}
.premium_conditions {
	margin-top: 10px;
	text-align:right;
	font-style: italic;
	font-size:10px;
}
.premium_conditions span br {display:none;}
.premium_btn_premium_conditions {
	text-decoration: underline;
	text-transform: capitalize;
}

/* OFFRE PREMIUM DAYS */

.premium_large span.spd_offre {
	font: bold 1.4em var(--font-main), OpenSans, Arial, sans-serif;
	color: #c30040;
	color: var(--main-color);
	text-transform: uppercase;
	padding: 0 5px;
}
.premium_large span.spd_dates {
	display:block;
	font-style: italic;
	margin-bottom:5px;
}

/* BLOC PRIX */

.premium_addtobasket {
	display:block;
	width:300px;
	margin: 40px auto;
	padding:40px;
	border: 1px solid black;
	border-radius: 10px;
}
.premium_price {text-align:center;margin-bottom:10px;}

.premium_price span:first-child {
	font: 200 50px/40px var(--font-cond), OpenSansCond,Arial,sans-serif;
	font-size: var(--px-50);
	color : #c30040;
	color : var(--main-color);
}
.premium_price span:nth-child(2) {
	font: 200 35px/40px var(--font-cond), OpenSansCond, Arial, sans-serif;
	font-size: var(--px-35);
	color : #c30040;
	color : var(--main-color);
}
.premium_price span:last-child {
	font: 200 25px/22px var(--font-cond), OpenSansCond, Arial, sans-serif;
	font-size: var(--px-25);
	display:block;
}
.premium_price > span:last-child::after {content : '*';}

.monthly {text-align:center;font: 200 italic 15px var(--font-cond), OpenSansCond, Arial, sans-serif;margin-top:5px;}

/* #service_premium button {display:block;margin:20px auto;} */

/* If discounted */

.premium_discount {display:block;}

.premium_discount span {
	font-style:normal!important;
	font-size:20px!important;
	font-size:var(--px-20)!important;
	color: #363636!important;
	display:inline!important;
}

.premium_discount_new span {
	display:inline!important;
}

/* GOLD */

.premium_gold {
	max-width: 80%;
	margin: auto;
	display:flex;
	justify-content: space-between;
}
.premium_gold > div {width: 48%; overflow:hidden;}
.premium_gold div img {width:100%;}
.premium_gold > div:last-child {
	padding:40px;
	border: 1px solid black;
	display:flex;
	flex-direction: column;
	justify-content: center;
	text-align:center;
}
.gold_od {
	display:inline-block;
	border: 1px solid black;
	border-radius: 5px;
	padding: 5px 20px;
	text-transform: uppercase;
	font: 200 18px var(--font-cond), OpenSansCond, Arial, sans-serif;
	align-self: center;
}
.gold_subtitle {margin: 20px auto;}
.gold_text {font: 200 18px var(--font-cond), OpenSansCond, Arial, sans-serif; margin-bottom:20px;}
.premium_gold button.btn {align-self: center;}
.gold_conditions {
	margin: 20px auto;
	font-style: italic;
	font-size: 10px;
	width: 70%;
}

.premium_large .faq {
	margin:60px auto;
	width: 80%;
	padding: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 1.3em;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
	border-radius: 10px;
}
.premium_large .faq .title {
	width:100%;
	font: bold 1.6em OpenSans, Arial, sans-serif;
	color: #c30040;
	color: var(--main-color);
	text-align: center;
	border-bottom: 1px solid #c0c0c0;
	padding-bottom:40px;
	margin-bottom: 40px;
}
.premium_large .faq > div {
	width: 45%;
	margin-bottom: 40px;
}
.premium_large .faq > div div:first-child {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 15px;
}







/*****************************************************
**** @DISPLAY SMALL
******************************************************/

/* AVERTISSEMENT RENOUVELLEMENT */

.premium_renew_small {
	background-color: #f0eeee;
	background-color: var(--lighter-grey);
	display:flex;
	padding:15px;
	align-items: center;
}
.premium_renew_small img {height:40px;}
.premium_renew_small div {
	text-align:center !important;
	flex-grow: 1;
}
.premium_renew_small div p {margin-bottom:5px;text-align:center!important;}
.premium_renew_small div p:first-child {font: bold 14px var(--font-main), OpenSans, Arial, sans-serif; color:#c30040; color: var(--main-color);}
.premium_renew_small i {font-size: 25px;}

/* BASE */
.premium_small {
	display:flex;
	align-items: center;
}
.premium_small .premium_visuel {
	display:flex;
	align-self: stretch;
	width:20%;
	overflow: hidden;
}

.premium_small .premium_visuel a {
	display:flex;
	align-self: stretch;
	width:100%;
	overflow: hidden;
}

.premium_small .premium_visuel img {display:initial;object-fit:cover;max-width:100%;}

/* AVANTAGES */

.premium_small .premium_liste {
	width:50%;
	padding: 0 20px;
}
.premium_small .premium_logo {
	padding: 0;
	height:40px;
	margin:0 0 20px;
}
.premium_small .premium_liste ul {list-style-type:none;margin-bottom:10px;padding-left:0;}
.premium_small .premium_liste .premium_advantage {
	margin-left:0;
	width:100%;
	background-color:initial;
	text-align: left;
}
.premium_small .premium_liste .premium_advantage .h2_premium {
	font: 16px/22px var(--font-main), OpenSans, Arial, sans-serif;
	text-transform: initial;
	margin-bottom:10px;
}
.premium_small .premium_liste .premium_advantage .h2_premium i {
	font-size: 22px;
	line-height: 22px;
	margin-right:5px;
}
.premium_small .premium_reciprocity {
	width: initial;
	background-color: initial;
	color: #251A5D;
	color: var(--premium-reciprocity-color-sec);
	font: bold 1.2em var(--font-cond), OpenSansCond, Arial, sans-serif;
	text-align:left;
	text-transform: initial;
	margin-bottom:10px;
}
.premium_addtobasket {height:fit-content;text-align: center;}

/* OFFRE PREMIUM DAYS */

.premium_small span.spd_offre {
	font: bold 1.1em var(--font-main), OpenSans, Arial, sans-serif;
	color: #c30040;
	color: var(--main-color);
}
.premium_small span.spd_dates {
	display:block;
	font-size:.9em;
	font-style: italic;
	margin-left:27px;
}

/* ABONNÉ */
.premium_addtobasket .is_premium {
	display:block;
	text-align:center!important;
}
.premium_small .premium_addtobasket .is_premium img {margin-bottom: 10px;}
.premium_small .premium_addtobasket .is_premium p {text-align:center!important;}
.premium_small .premium_addtobasket .is_premium .premium_conditions {text-align:center;}

/* premium_conditions */

.premium_small .premium_conditions {text-align:initial; margin-bottom:0;}
.premium_small .premium_conditions span br {display:inline;}
.premium_small .premium_addtobasket {
	width:30%;
	margin: 0;
	padding: 30px;
}
.premium_small .premium_addtobasket .monthly {margin-top:5px;}
.premium_small .premium_addtobasket .premium_conditions {
	display:block;
	margin:0;
	text-align:justify;
}

.money_saved {font-weight: bold;}






/*****************************************************
**** @POPUPS
******************************************************/

/* PREMIUM IN CART */

.popup-panier-title {
	width:80%;
	margin:auto 10%;
	font-size:15px;
}
.popup_alert_content .premium_small {margin: 40px 20px;}

.premium_offer_xmas {
	background-image: url(/images/premiumXmas.jpg);
	background-position: top;
}

/* premium_conditions */

#popup_cgv_premium .all-list {
	margin:10px 20px !important;
	padding:0;
	width: calc(100% - 40px);
}
#popup_cgv_premium .cgv-premium {margin: auto 20px !important;}
#popup_cgv_premium.section-cgv p {
	margin: auto 20px;
	max-width: 100%;
}





/*****************************************************
**** @RESPONSIVE
******************************************************/

@media screen and (min-width:768px) {
	.premium_logo_1 {display:none;}
	.premium_small .premium_subtitle {display:none;}
}

@media screen and (min-width:768px) and (max-width:1100px) {
	.premium_small {margin: 40px 5% auto;}
	.premium_visuel {align-self: stretch;}
	.premium_small .premium_liste ul {padding:0;}
}
@media screen and (max-width:768px) {

	/* DISPLAY LARGE */

	.premium_visuel {display:block;}
	.premium_large .premium_logo {max-width:200px;}
	.premium_accroche {font-size: 20px;}
	.premium_large span.spd_offre {font-size: 1.2em}

	/* Message premium, renouvellement et réciprocité */

	.premium_subtitle, .gold_subtitle {
		font-size: 2em;
		line-height:1.1em;
	}
	.premium_subtitle span {padding: 0;}
	.premium_subtitle::before, .premium_subtitle::after {display: none;}
	.premium_large .premium_reciprocity {
		max-width:90%;
		margin:auto auto 20px;
	}
	#premium_liste {display:block;}
	.premium_advantage {
		width:100%;
		background-color: initial;
		border-bottom: 1px solid #c0c0c0;
		border-bottom: 1px solid var(--light-grey);
	}
	.premium_advantage + .premium_advantage {margin:0;}
	.premium_advantage:first-child {
		border-top: 1px solid #c0c0c0;
		border-top: 1px solid var(--light-grey);
	}
	.premium_advantage img {display:none;}
	.h2_premium {margin-top: 0;}
	.premium_conditions {
		margin-top:0;
		padding: 40px 5vw;
		text-align:center;
		font-size:1em;
	}
	.premium_addtobasket {
		margin: 0 auto;
		border:none;
		border-radius:0;
		width:90%;
		background-color: #f0eeee;
		background-color: var(--lighter-grey);
		padding:20px;
	}
	.premium_gold {
		display:block;
		max-width:90%;
		margin-bottom: 20px;
	}
	.premium_gold > div {width:100%;}
	.premium_gold > div:first-child {height:350px;}
	.premium_gold > div:first-child a img {object-fit:cover;}
	.premium_gold > div:last-child {
		background-color: #f0eeee;
		background-color: var(--lighter-grey);
		border:none;
		padding:20px;
	}
	.gold_text {margin-bottom: 10px;}

	/* FAQ */
	.premium_large .faq {width: 90%; padding: 20px; font-size: 1.2em;}
	.premium_large .faq .title {padding-bottom: 20px; margin-bottom: 30px;}
	.premium_large .faq > div {width: 100%; margin-bottom: 30px;}
	.premium_large .faq > div div:first-child {font-size: 1.1em;}

	/* DISPLAY SMALL */

	.premium_small {flex-direction: column; margin-top:40px;}
	.premium_logo_2 {display:none;}
	.premium_small .premium_logo_1 {max-width:90%;}
	.premium_small .premium_logo {margin-bottom:10px;}
	.premium_small .premium_visuel, .premium_small .premium_liste, .premium_small .premium_addtobasket {
		width:90%;
		margin:auto;
		border-width: 0 1px;
		border-style: solid;
		border-color: #000;
	}
	.premium_small .premium_visuel {
		border-top:1px solid #000;
		border-radius: 5px 5px 0 0;
	}
	.premium_small .premium_subtitle {
		margin: 15px 0;
		font: bold 1.5em var(--font-cond), OpenSansCond, Arial, sans-serif;
		text-transform: initial;
		text-align: left;
	}
	.premium_small ul {padding-left:0;}
	.premium_small .premium_advantage {border:none;}
	.premium_small span.spd_dates {margin-left:0;}
	.premium_small .premium_reciprocity {margin:0 0 10px; padding:0; width:100%;}
	.premium_small .premium_conditions {padding: 0;margin-bottom: 20px;}
	.premium_small .premium_addtobasket {
		border-bottom:1px solid #000;
		border-radius: 0 0 5px 5px;
	}
	.premium_small .premium_addtobasket button {width:100%;}
	.premium_small .premium_addtobasket .premium_conditions {color: #363636; text-align: left; font-size: 10px;}

	/* message renouvellement*/
	.premium_renew_small {margin-bottom:10px; padding : 10px 15px;}
	.premium_renew_small img {height: 30px;}
	.premium_renew_small div p {margin:0;}
	.premium_renew_small i {font-size: 15px;}
	.premium_small .is_premium, .premium_renew {margin:0 20px;}

}
@media screen and (max-width:480px) {
	.premium_gold > div:first-child {height:250px;}

	/* Popup premium in cart */
	.premium_logo_popup {max-width:90%;margin: 20px 5%;display:block!important;}
	.popup-panier-title {width:90%;margin: 20px 5%;}
	.popup_alert_content .premium_small {margin: 20px 0;}
	.popup_alert_content .premium_small .premium_liste {border-top: 1px solid #000; border-radius: 5px 5px 0 0;}
	.popup_alert_content .premium_small .premium_addtobasket {padding: 20px;}
	.popup_alert_content .premium_small .premium_addtobasket .premium_price {padding: 0;}
	.popup_alert_content .premium_small .premium_visuel {display: none;}
	#popup_alert_parent li.premium_advantage {
		padding: 0;
		border-bottom:none;
	}
}
@media screen and (max-width:360px) {
	.premium_gold > div:first-child {height:150px;}
}


/*****************************************************
**** SOMMAIRE **** PRODCARD RESPONSIVE
@GLOBAL
- BOUGHT_BY
- AVIS (GLOBAL)
- ADVANCED SIZELIST
@RESPONSIVE
*****************************************************/

/*****************************************************
**** @GLOBAL
******************************************************/

/* BOUGHT_BY */

.bought_by {
	display:block;
	opacity:0;
	position: absolute;
	top: 30px;
	right: -50px;
	background-color: #fff;
	border-radius: 8px;
	padding: 10px 15px;
	border: 1px solid var(--main-color);
	max-width: 180px;
	cursor: default;
	transition: all ease 200ms;
}
.bought_by.on {
	display: block;
	opacity:1;
	right: 0;
}
.dis_content_vignette_discount:not([style="display:none"]) + .bought_by {
	top: 80px;
}

/* AVIS (GLOBAL) */

#avis {
	font-size: 10px;
	cursor: pointer;
	display: inline-flex;
	flex-wrap: wrap;
	align-items:center;
	width: 90%;
	margin: auto;
	text-align: left;
}
#avis .note {
	font: bold 12px OpenSans, Arial, sans-serif;
	margin-left: 8px;
}
#avis .nb_avis {
	width:100%;
	margin-top:5px;
}

/* DESK */

.avisRecap{
	display: inline-block;
	width: 30%;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	padding: 15px;
	font-size: 16px;
}
.avisRecap >div:first-of-type {
	font: bold 30px/40px OpenSans, Arial, sans-serif;
	text-align: center;
}
.avisRecap >div:first-of-type, .avisRecap >div:nth-child(2) {
	text-align: center;
}
.avisClients {
	font: 16px/20px OpenSans, Arial, sans-serif;
	display: inline-block;
	width: 66%;
	box-sizing: border-box;
	vertical-align: top;
	margin-left: 4%;
}
.avisClients > div:first-of-type > span > span {
	font: bold 20px/24px OpenSans, Arial, sans-serif;
}
.avisClients > div:first-child {
	padding-bottom: 2em;
}
.avisClientsDetail {
	border-top: 1px solid #e6e6e6;
	padding: 20px 0;
}
.avisClientsDetail >div:nth-child(2){
	font: 18px/22px OpenSans, Arial, sans-serif;
	color: #707070;
}
.avisClientsDetailHead {
	font: 18px/22px OpenSans, Arial, sans-serif;
	color: #363636;
}
.avisClientsDetailHead > div {
	font: 200 16px/22px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	color: #c0c0c0;
}
.avisClientsDetailStars {
	display: inline-block;
	margin: 10px 10px 10px 0;
}
.avisClient {
	clear: both;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.avisClient .comment {
	line-height: 18px;
	padding:0;
	margin: 1em 0;
	font: 12px OpenSans, Arial, sans-serif;
	width:100%;
	display:flex;
	justify-content: center;
	align-items: flex-start;
}

.avisClient .item {
	padding: 1px 2px 1px 4px;
	background-color: #c0c0c0;
}
.comment > div.review_global:nth-child(2) {
	margin: 0 10px;
	padding: 0 20px;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	text-align: left;
	width: 280px;
}
.review_global {
	display: inline-block;
	box-sizing: border-box;
	width: 220px;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
}
.review_global > span {
	color: #363636;
	font: bold 18px OpenSans, Arial, sans-serif;
	display: block;
}
.review_global > div > span {
	color: #c30040;
	font-family: OpenSans, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.review_global:first-child > div:first-child {margin: 0 0 10px;}

.comment {
	padding:0;
	margin: 0 5px 0 0;
}
.dis_content_vote {
	position: relative;
	margin: 10px auto auto;
	width: 100px;
	height: 30px;
	background: url(/images/stars_0.png) no-repeat left top;
}
.dis_over_star {
	float: left;
	width: 20px;
	height: 20px;
}
#reviewid {
	width: 300px;
	height: 150px;
	border: 1px solid #c0c0c0;
}

/*----- MOBILE -----*/

@media screen and (max-width: 600px) {
	.avisClient {
		width: 100%;
		padding: 0 5% 2em;
		margin: 2em auto;
		border-bottom: 1px solid #777;
	}
	.avisClient .prodcardOtherInfosTitle {
		text-transform: uppercase;
		font-size: 1.3em;
		font-family: OpenSans, Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-style: normal;
		display: block;
		-webkit-margin-before: 1.33em;
		-webkit-margin-after: 1.33em;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
	}
	.avisClient .titre_details {
		display: block;
		font-family: OpenSans, Arial, sans-serif;
		font-weight: bold;
		font-size: 1.3em;
		text-transform: uppercase;
		margin-bottom: .5em;
	}
	.avisRecap {
		display: initial;
		width: 100%;
		border: 0;
		padding: 0;
	}
	.avisClient .comment {
		display:initial;
	}
	.avisClients{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.avisClient hr {
		margin: 15px 0;
		border-width: 1px 0 0;
	}
	.avisClients > div:first-of-type > span {
		font-size: 13px;
	}
	.avisClients > div:first-of-type > span > span {
		font-size: 15px;
	}
	.avisClients .bt_red {
		width: 100%;
		font-size: 15px;
	}
	.avisClientsDetailHead {}
	div[itemprop="reviewRating"] {
		display:flex;
		justify-content: space-between;
		margin: 15px 0;
	}
	.avisClientsDetailStars {
		margin:0;
		display:flex;
		flex-direction: column;
		font-size: 13px;
	}
	.avisClientsDetail > div:last-child {
		margin-top: 15px;
	}

	.avisRecap > div:first-of-type, .avisRecap >div:nth-child(2) {text-align: initial;}
	.avisRecap > div:first-of-type {font-size: 1.8em;}
	.avisRecap .rating {
		font-family: OpenSans,Verdana,Arial,Helvetica,sans-serif;
		font-weight: bold;
		font-size: 1.3em;
		text-align: initial;
	}
	.avisRecap .rating span {
		color: #c30040;
		color: var(--main-color);
	}
	#link_more_review {
		display:block;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		padding: 10px;
		box-sizing: border-box;
		font-size: 1.1em;
		border-top: 1px solid #e6e6e6;
	}
}




/*****************************************************
*** @ADVANCED SIZELIST
*****************************************************/

.sizeList_container {
	position: relative;
	margin-bottom: 10px;
}
.sizeList_title {
	margin: 30px auto 10px auto;
	font: 15px/18px OpenSans,Arial,sans-serif;
	text-align: left;
}
.sizeList_selected {
	border: 1px solid #c0c0c0;
	font: 15px/18px OpenSans,Arial,sans-serif;
	padding: 12px 15px;
	margin: 10px auto 0;
	display:flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.sizeList_selected.disabled {
	background-color: #f0eeee;
	cursor: initial;
}
.sizeList_selected.disabled i {
	color: #c0c0c0;
}
.sizeList_selected > div {
	flex-grow: 1;
	display: flex;
	justify-content: flex-start;
}
.sizeList_selected div div:not(:first-child)::before {
	content: '\00a0-\00a0';
}
.sizeList_selected i {
	font-size: 16px;
	transition: all ease 200ms;
}
.sizeList_selected i.expanded {
	transform: rotate(180deg);
}
.sizeList {
	display: block;
	z-index: 2;
	font: 15px/18px OpenSans, Arial, sans-serif;
	width: 100%;
	list-style-type: none;
	box-sizing: border-box;
	border: 1px solid #c0c0c0;
	border-width: 0;
	position: absolute;
	max-height: 0;
	overflow:hidden;
	transition: max-height ease 200ms;
	margin:0;
	padding:0;
}
.sizeList.expanded {
	max-height: 200px;
	overflow: auto;
	scrollbar-width: thin;
	border-width: 0 1px 1px;
}
.sizeList.expanded::-webkit-scrollbar-track {
	background-color: #f0eeee;
}
.sizeList.expanded::-webkit-scrollbar {
	width: 6px;
	background-color: #f0eeee;
}
.sizeList.expanded::-webkit-scrollbar-thumb {background-color: #707070;}

.sizeList li {
	box-sizing: border-box;
	margin-left: 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 12px 15px;
	cursor: pointer;
	background-color: #fff;
}
.sizeList li:hover {
	background-color: #f0eeee;
}
.sizeList li:not(:last-child) {
	border-bottom: 1px solid #f0eeee;
}
.sizeList li.oos {
	color: #c0c0c0;
}
.sizeList li.selected {
	background-color: #dbdbdb;
}
.sizeList li input {
	display:none;
}

/*****************************************************
**** @RESPONSIVE
******************************************************/

@media screen and (max-width: 600px) {

	/* BOUGHT_BY */

	.bought_by {
		position: initial;
		max-width: initial;
		width: 90%;
		margin: -25px auto auto;
		text-align: center;
		font-size: .9em;
		background: #f0eeee;
		border: 0;
		height:0;
		padding:0;
	}
	.bought_by.on {
		height: fit-content;
		padding: 7px 5px;
		border: 1px solid #c0c0c0;
		margin-top: -10px;
	}

	/* AVIS (GLOBAL) */

	#prodcard_premium_info > div#avis {
		width: 90%;
		font-size: 1.3em;
		margin: 1em 5% 0;
		text-align: left;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}
	#avis .note {
		margin: 0 8px;
	}
	#avis .nb_avis {
		font-size: .7em;
		margin: 0;
	}

	/* ADVANCED SIZELIST */

	.sizeList_container {
		width: 90%;
		margin: auto;
	}
	.sizeList_mask {
		width:100vw;
		height: 100vh;
		background: rgba(0,0,0,.5);
		position: fixed;
		bottom:0;
		left:0;
		z-index: 11;
		display:none;
	}
	.sizeList {
		position: fixed;
		bottom:0;
		left:0;
		z-index: 12;
	}
	.sizeList.expanded {
		max-height: 65vh;
		border-width: 1px 0 0;
	}
	.sizeList_mask.expanded {
		display:block;
	}
	.sizeList li {
		padding: 20px 15px;
	}
}


/*****************************************************
*** @ETOILES
*** Avis, notes type Google ...
*****************************************************/

.avis_stars {
	font-size:14px;
	color: #707070;
}
.avis_stars i:not(:last-child) {
	margin-right: 2px;
}
.avis_stars i.icon-star-full, .avis_stars i.icon-star-half {
	color: #c30040;
	color: var(--main-color);
}
.avis_stars i.icon-star-empty {
	color: #707070;
}



/*****************************************************
*** @BARRES DE NOTES
*****************************************************/
.barre_label {
	display: inline-block;
	font-family: OpenSans;
	font-weight: bold;
	width: 118px;
	text-transform: uppercase;
	vertical-align: middle;
	margin-bottom: 10px;
}
.barre {
	display: inline-block;
	width: 100px;
	height: 10px;
	background-color: #e6e6e6;
	vertical-align: middle;
	margin: 7px 0 10px;
}
.barre >div:first-child {
	background-color: #c30040;
	background-color: var(--main-color);
}
.barre + span {
	width: 32px;
	text-align: left;
}
.rating + div {
	margin: 10px 0 15px;
}
.repartition_avis {
	text-align: center;
}
.repartition_avis .barre_label {
	width: 50px;
}
.repartition_avis .barre > div:first-child {
	background-color: #363636;
}
.repartition_avis .barre + span {
	display:inline-block;
	margin-left: 8px;
}
@media screen and (max-width: 600px) {
	.review_level_bar {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.barre {
		width: 100%;
		flex-grow:1;
		margin-left: 10px;
	}
	.barre + span {
		width: 45px;
	}
}





/*****************************************************
*** @TRUSTPILOT
*****************************************************/

.trustpilot {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 20px auto 0;
	width:fit-content;
}
.trustpilot:hover {color: #363636;}
.trustpilot > img:first-child {width: 120px;}
.trustpilot > img:nth-child(2) {width: 150px; margin-top: 10px;}
.trustpilot > div {
	width:100%;
	margin-top: 5px;
	text-align: center;
}
.trustpilot_header {
	height: 33px;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 0 1em;
	width:fit-content;
}
.trustpilot_header > img:first-child {width: 80px;}
.trustpilot_header > img:nth-child(2) {width: 64px;margin-left:5px;}
.trustpilot_header > div {
	font-size: 0.8em;
}

/*****************************************************
*** @SP POPUP GLOBAL STYLES
*****************************************************/

/* Common */

.draggable {
	cursor: move;
}

/* Desktop */
#sp_popup_parent {
	position: fixed;
	z-index: 50000;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

#sp_popup_filter {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: rgba(100,100,100,0.5);
	z-index: 400;
}

.sp_popup {
	z-index:16777271;
	text-align: center;
	box-shadow: 0 0 10px #000000;
	background-color: rgba(255,255,255,1);
	border-radius: 3px;
}

/* .sp_single_popup{
	left:50vw!important;
	top:50vh!important;
	transform: translate(-50%,-50%);
}
 */
.sp_popup.small/*, .sp_popup_mobile.small */, .sp_popup_tablet.small {
	width: 30%;
	/*height: 85%;*/
}
.sp_popup_mobile.small {
	width: 80%;
	height: 90%;
}

.sp_popup.medium, .sp_popup_mobile.medium, .sp_popup_tablet.medium {
	width: 45%;
}

.sp_popup.large, .sp_popup_mobile.large, .sp_popup_tablet.large {
	width: 60%;
}

.sp_popup.big {
	width: 1100px;
	max-height: 100vh;
	overflow: auto;
	position: relative;
}

.sp_popup .sp_popup_content {
	overflow-y: auto;
	padding: 10px;
}

.sp_popup.small .sp_popup_content {
	max-height: 200px;
}

.sp_popup.medium .sp_popup_content {
	max-height: 500px;
}

.sp_popup.big .sp_popup_content {
	max-height: 90%;
}

.sp_popup_title {
	overflow:hidden;
	padding: 10px;
	line-height:30px;
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Firefox */
	      -ms-user-select: none; /* Internet Explorer/Edge */
	          user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.sp_popup_title_content {
 	height: 100%;
    font-family: OpenSans, Arial, sans-serif;
    font-size: 15px;
	padding-left: 0.5em;
}
.sp_popup .sp_popup_close {
	font-size: 1.5em;
	text-decoration: none;
	font-weight: bold;
}
.sp_popup .sp_popup_close:hover {
	color:#91b6f2;
}
.sp_popup .sp_popup_title_separator {
	margin: auto;
	width: 75%;
	border: 0;
	border-bottom: 1px solid lightgray;
}
.sp_popup_content .home_title {margin: 10px!important;}

/* Mobile */

#sp_popup_filter_mobile, #sp_popup_filter_tablet {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 400;
	background-color: rgba(100,100,100,0.5);
}

.sp_popup_mobile, .sp_popup_tablet {
	position: fixed;
	background-color: white;
	z-index: 400;
	/* text-align: center; */
}

.sp_popup_mobile.big, .sp_popup_tablet.big {
	left: -100%;
	width: 100%;
	right: 0;
	bottom: 0;
	top: 0;
	max-height: 100%;
}
/*
.sp_popup_mobile .sp_popup_title {
	height: 5%;
}
 */
.sp_popup_mobile .sp_popup_content, .sp_popup_tablet .sp_popup_content {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	max-height: 90%;
	height: 90%;
}
.sp_popup_mobile .sp_popup_close, .sp_popup_tablet .sp_popup_close {
	display: flex;
	align-items: center;
	text-decoration: none;
}
.sp_popup_mobile h1,
.sp_popup_mobile h2,
.sp_popup_mobile h3,
.sp_popup_mobile .h1,
.sp_popup_mobile .h2,
.sp_popup_mobile .h3 {
    display: block;
    padding-left: 10px;
}
.sp_popup_mobile ul {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
}
.sp_popup_mobile li {
	list-style: none;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin: 0;
    padding: .5em 0 .5em 10px;
    border-bottom: 1px solid #f0eeee;
}
.sp_popup_mobile li i {
	font-size: 32px;
	margin-right:0.5em;
}
.sp_popup_mobile li a,
.sp_popup_mobile li span {
    display: inline-block;
    width: 90%;
    cursor: pointer;
    color: #363636;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.sp_popup_mobile li.menu-soldes,
.sp_popup_mobile li.menu-soldes span {
    color: #fff; /*--main-color*/
    background-color: #c30040; /*--main-color;*/
}
.sp_popup_title {
	color: #363636;
	font-size: 1.1em;
	padding: 10px 0 10px 1em;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	min-height: 50px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	box-sizing: border-box;
}
.sp_popup_mobile .sp_popup_title { height: 10%; }
.sp_popup_title a {
    display: block;
    font-family: OpenSans, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    color: inherit;
    padding: 0 1em 0 0;
    text-transform: capitalize;
}
.sp_popup_title a i {
    font-size: 1.3em;
    display: inline-block;
    vertical-align: middle;
}
.sp_popup_title_separator {
	display: none;
}






/*****************************************************
*** @SP POPUP : STYLES INDIVIDUELS DES POPUPS
*****************************************************/

/*---- Popup : Contenu de votre précédent panier ----*/

.sp_popup_content h2 {
	font-size: 1.5em;
	padding-bottom: 0;
	margin-bottom: 0;
}
.sp_popup_content #popupVisit li { width: 100%; padding-bottom: 2em; box-shadow: none; border-bottom: 1px solid #c0c0c0; }
.sp_popup_content #popupVisit .price,
.sp_popup_content #popupVisit .ident_product { font-size: 1em!important; min-height: inherit; }
.sp_popup_content #popupVisit img { max-width: 20%; }
.sp_popup_content #popupVisit .product_info,
.sp_popup_content #popupVisit .img-product,
.sp_popup_content #popupVisit h3,
.sp_popup_content #popupVisit .popupVisitPriceSizeButton {
	width: 32%;
	vertical-align: middle;
}
.sp_popup_content #popupVisit .popupVisitPriceSizeButton:nth-child(4),
.sp_popup_content #popupVisit .popupVisitPriceSizeButton:last-of-type {
	display: inline-block;
	width: 50%;
}
.sp_popup_content .text-status,
.sp_popup_content .text-status-valide {
	line-height: 1.2;
}
.sp_popup_content .text-status-etat,
.sp_popup_content .text-status-date {
	font-size: 8px;
}

/*---- Popup : Produit dans le panier ----*/

.popup_panier {
	display:flex;
	justify-content: space-around;
	width:90%;
	margin: 0 auto;
	padding:20px;
	overflow: hidden;
	text-align: left;
}
.popup_panier h4 {
	margin: 0 0 20px;
	font-size: 19px;
}
.popup_panier #infoDescription {
	text-align:left;
	font: 12px/20px OpenSans, Arial, sans-serif;
	color:#707070;
	width:50%;
}
.popup_panier #productImage {
	max-width: 350px;
	align-self: flex-start;
}
.popup_panier .popup_panier_ref {margin-bottom:20px;}

.popup_panier .productDescriptionTitle {
	font: bold 14px/16px OpenSans,Arial,sans-serif;
	margin-top: 20px;
}
.popup_panier #products_info_refspartoo {
	font: 13px OpenSans,Arial,sans-serif;
	margin-bottom:20px;
}
.sp_popup_mobile .popup_panier {flex-direction:column; align-items: center; padding: 10px 20px;}
.sp_popup_mobile #productImage {margin-bottom: 20px;}
.sp_popup_mobile #productImage, .sp_popup_mobile #infoDescription {width:100%;}



/*--- PRODUITS COMPLEMENTAIRES ---*/
.sp_popup_content #popupProduitComplementaire {
	display: flex;
}
.sp_popup_content #popupProduitComplementaire > div {
	width: 50%;
	font-size: 16px;
}
.sp_popup_content .ProduitComplementaireSolo, .sp_popup_content #popupProduitComplementaireAllLook {
	position:  relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.sp_popup_content .ProductComp .vignette_discount_rounded {
	right: 30px;
	top: 20px;
}
.sp_popup_content .ProductComp .compTotalPrice, .sp_popup_content #popupProduitComplementaireAllLook form .compTotalPrice {
	margin: 1em auto;
	padding: 1em 0 0 0;
}
.sp_popup_content input, .sp_popup_content textarea, .sp_popup_content select {
    font-family: OpenSans, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    font-size: inherit;
    color: #363636;
    background-color: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
	padding: 0.5em;
}
.sp_popup_content .ProduitComplementaireSolo .ProductComp {
	border: 1px solid #e6e6e6;
}
.sp_popup_content .ProductComp form, .sp_popup_content #popupProduitComplementaireAllLook form  {
	width: 100%;
	padding: 1em;
	position: relative;
}
.sp_popup_content #popupProduitComplementaireAllLook form  {
	border: 1px solid #e6e6e6;
}
.sp_popup_content #popupProduitComplementaireList {
	display: flex;
	align-items: center;
}
.sp_popup_content #popupProduitComplementaireList i {
	font-size: 3em;
}
.sp_popup_content .popupProduitComplementaireAccroche {
	width: 100%;
	font-size: 20px;
	font-family: 'OpenSansCond';
	text-transform: uppercase;
	font-weight: bold;
}
.sp_popup_content .fidelity_mdf {
	font-size: 1.4em;
	margin-bottom: 2em;
}
.sp_popup_content .fidelity_mdf h3 {
	font-weight: lighter;
	font-size: 2.5em;
	background-color: #fff;
	margin: 0;
}
.sp_popup_content .fidelity_mdf ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 80%;
	font-size: 1rem;
	min-height: 100px;
	margin: auto;
	list-style-type: none;
}
.sp_popup_content .fidelity_mdf > div:first-of-type {
	padding: 0 0 1em 0;
	font-weight: bold;
	background-color: #fff;
}
.sp_popup_content .fidelity_mdf div:first-of-type b {
	color: #c30040;
}
.sp_popup_content .fidelity_mdf > div:last-of-type {
	margin-top: 0;
	margin-bottom: 0.5em;	
	padding-top: 1em; 
	text-transform: uppercase;
	font: bold 1rem/1rem OpenSansCond, sans-serif;
	border-top: 1px solid #e6e6e6;
}
.sp_popup_content .fidelity_mdf li {
	max-width: 22%;
	margin-left: 0;
}
.sp_popup_content .fidelity_mdf li i {
	display: block;
	font-size: 2em;
}
.sp_popup_content .fidelity_mdf form {
	width: 80%;
	margin: 1em auto;
	text-align: left;
}
.sp_popup_content .fidelity_mdf form div {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 1em 0;
}
.sp_popup_content .fidelity_mdf form label {
	margin: 0 0.5em;
	font-size: 1.6em;
	font-weight: lighter;
}
.sp_popup_content .fidelity_mdf form input + label {
	margin: 0 0.5em;
	font-size: 1em;
	font-weight: normal;
}
.sp_popup_content .fidelity_mdf input[type="text"], .sp_popup_content .fidelity_mdf input[type="tel"], .sp_popup_content .fidelity_mdf input[type="date"] {
	height: auto;
	padding: 0.5em 1em;
	font-size: 1em;
	border-radius: 3px;
	-webkit-appearance: none;
	background-color: #FFF;
	border: 1px solid #e6e6e6;
	flex: 1;
}
.sp_popup_content .fidelity_mdf input[type="submit"] {
	display: flex;
	width: 100%;
	justify-content: center;
	height: auto;
	padding: 0.4rem 0.6rem;
	background-color: #628f00;
	color: #ffffff;
	text-decoration: none;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	transition: all .3s;
}
@media (max-width: 900px){
	.sp_popup_content #popupProduitComplementaire select {
		width: 100%;
	}
	.sp_popup_content #popupProduitComplementaire {
		flex-direction: column;
		text-align: center;
	}
	.sp_popup_content #popupProduitComplementaire > div {
		width: 100%;
	}
	.sp_popup_content .ProduitComplementaireSolo .ProductComp {
		font-size: 1rem;
		box-sizing: border-box;
		width: 50%;
		text-align: center;
	}
	.sp_popup_content .vignette_discount_rounded {
		align-items: center;
		justify-content: center;
	}
	.sp_popup_content #popupProduitComplementaireAllLook form {
		font-size: 1rem;
		box-sizing: border-box;
		text-align: center;
	}
	.sp_popup_content .popupProduitComplementaireAccroche {
		padding: 1em 0.25em;
	}
}




/*
@ESPACE CLIENT  >> Déplacé dans account.css
	- LOGIN -
	- LOGIN POPUP (secureloginoverlay.php) -
	- Intro popup login -
	- COMPTE -
	    __ HEADER COMPTE __
	    __ MENU __
	    __ MES INFOS __
	    __ CARNET D'ADRESSES __
	    __ ALERTES NOUVEAUTES __
	    __ MES ABONNEMENTS __
	    __ SUIVRE MES DEMANDES / TICKETVIEW __
	    __ ENVOI CHEQUE AMI (my_check.php) __
	    __ MES PARRAINAGES __
	    __ MES POINTS FIDELITE / SPARTOO&ME __
	    __ POP UP POINTS FIDELITE (points_info.php) __
	    __ MES COMMANDES __
	    __ MES RETOURS __
	    __ PROFIL __
	    __ MY HELP BOX : TUTOS __
	    __ AUTRES __
	    __ Compte Activation premium __
	    __ Compte Suppression de moyens de paiement __
	    __ Compte : Pop Iban Info __
	- LOGIN PANIER
*/


/*****************************************************
**** @ESPACE CLIENT
******************************************************/
/*---- LOGIN ----*/
.content_login {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1200px;
	margin: auto;
}
.contentDLogin, .contentGLogin, .contentGLogin, html > body .contentGLogin, #inscriptFlou,
#inscriptFlou .contentGLogin, #inscriptFlou .contentDLogin, #inscriptFlou .loginTitle, #inscriptFlou .loginContent, #inscriptFlou .loginBottom, #inscriptFlouNlead, #inscriptFlouNlead1 {
	width:49%;
	font: 12px OpenSans, Arial, sans-serif;
}
.contentDLogin, .contentGLogin {
	display: inline-block;
	vertical-align: top;
	background: linear-gradient(to left,#fafafa, #fbfbfb);
	padding: 0 10px;
	min-height: 235px;
}
.contentDLogin .h2overlay, .contentGLogin .h2overlay {
	text-align: center;
	margin: 20px auto;
	padding:15px;
	font: bold 30px OpenSansCond;
	text-transform: uppercase;
}
#contentLT .contentDLogin {
	margin-left: 2%;
}
#overlay_new .contentDLogin img, #overlay_new .contentGLogin img, #overlay_new .secureLoginWithThirdParty img {
	margin-bottom: 0;
}
/*--- BUTTON LOGIN ---*/
.content_login .btn-vert, .content_login .btn-noir, .loginContent .btn-vert, .loginContent .btn-noir {
	display: flex;
	position: relative;
	background-color: #f0eeee;
	border: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 1rem;
	margin: auto;
	padding: 1em;
    width: 80%;
    text-align: center;
    justify-content: center;
    align-items: center;
	text-shadow: none;
	transition: 0.25s;
}
.content_login .btn-noir, .loginContent .btn-noir { 
	background-image: linear-gradient(5deg,#212121,#555555);
}
.content_login .btn-vert, .loginContent .btn-vert { 
	background-image: linear-gradient(5deg,#01b589,#00d29f);
}
.content_login .btn i, .loginContent .btn i {
	position: absolute;
	right: 15px;
	font-size: 1.2em;
}
.contentDLogin button:hover, .contentGLogin button:hover, .loginContent button:hover, .loginContent button:hover {
	background-position: 0;
    transform: translateY(-2px);
	box-shadow: 0px 2px 4px #c0c0c0;
}
.contentDLogin button:focus, .contentGLogin button:focus, .loginContent button:focus, .loginContent button:focus {
	background-position: 0;
}
/*--- END BUTTON LOGIN ---*/

#inscriptFlou {
	margin: 5px 0 0;
	position: absolute;
}
#inscriptFlou .loginOffersInfo {
	font-size: 10px;
	text-align: center;
	color: #c0c0c0;
}
#inscriptFlou .contentGLogin, #inscriptFlou .contentDLogin {
	margin: 20px 0 0;
}
#inscriptFlou .loginTitle {
	height: 40px;
	font-size: 14px;
	text-align: center;
	background-image: none;
	color: #363636;
}
#inscriptFlou .loginContent {background: white url(/images/bg_content_JM.png);}

#inscriptFlou .loginBottom {background-image: none;}

#inscriptFlouNlead, #inscriptFlouNlead1 {
	display: flex;
	margin: 0 auto;
	background-color: #c30040;
}

 #inscriptFlouNlead1 {
	display: block;
}

#inscriptFlouNlead #inscriptFlouNlead1 .loginTop {height: 4px;}

#inscriptFlouNlead1 > .premium_small {
    display: flex;
    align-items: center;
    background-color: #fff;
	padding:10px;
}

#creaCompte {
	margin: 10px auto 0;
	padding: 0 0 25px 0;
	border: 1px solid #363636;
}
#creaCompte form {
	width: 330px;
	text-align: right;
}
#bt_vert, .bt_vert, .div_bt_vert {
    color: #FFF;
    background-color: #88af00;
    margin: 1rem auto;
    padding: 0 1.5rem;
    height: 45px;
    cursor: pointer;
    font-size: 1.4em;
    word-wrap: break-word;
    text-align: center;
    justify-content: center;
    align-items: center;
}
#inscriptFlouNlead1Btn {
	background-color: #fff;
	text-align: center;
	padding: 10px;
}

button {
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: 400;
    line-height: 1;
	margin: 0;
}
#creaCompteSuite {width: auto;}

.inputRequirement, .champsRequis {
	font-size: 10px;
	line-height: 0;
	color: #c30040;
}
.contentDLogin .inputGrey:focus, .contentGLogin .inputGrey:focus {
	background-color: #f7f6e5;
	outline: 0;
	font-size: 1.5em;
}
.contentDLogin .inputGrey, .contentGLogin .inputGrey {
	width: 80%;
	padding: 1rem;
	background-color: #efefef;
	border: none;
	border-radius: 3px;
	font-size: 1.2em;
	line-height: 1.5rem;
	transition: all 0.25s ease-out;
	box-sizing: border-box;
}

.contentDLogin textarea.inputGrey, .contentGLogin textarea.inputGrey {
	min-height: 60px;
	border-radius: 3px;
	appearance: none;
	background-color: #FFF;
	border: 1px solid #333333;
}
.contentDLogin .inputGreyRed, .contentGLogin .inputGreyRed {
	width: 190px;
	line-height: 28px;
	border: 2px solid #cc0000;
	background-color: #e6e6e6;
}
.genderForm {
	text-align: center;
	font-size: 1.2em;
}
/* .genderForm + .toggle {
	margin-right: 16%;
} */
/* Toogle Slider input Greg */
.footer_news_checkboxes .toggle {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 34px;
	margin: 0 0.5em 0 1em;
}
.toggle {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 34px;
}
.toggle input {
	opacity: 0;
	width: 0;
	height: 0;
}
.toggle .slider {
	display: block;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.toggle .slider:before {
	position: absolute;
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	top: 10px;
	left: 10px;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s;
}
.toggle input:focus {
	background-color: pink;
}
.footer_news_checkboxes .toggle input:checked + .slider {
	background-color: #5956a1;
}
.toggle input:checked + .slider {
	background-color: var(--main-color);
}
.toggle input:checked + .slider:before {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
}
.toggle input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.toggle .slider.round {
	border-radius: 17px;
}
.toggle .slider.round:before {
	border-radius: 50%;
}
/*--- FIN toggle Slider ---*/
.trueFieldEntry {
	border-bottom: 1px solid #00d29f;
}
.wrongFieldEntry {
	border-bottom: 1px solid #ff6255;
}
#login {
	margin: 10px auto;
	padding: 0 0 25px 0;
	border: 1px solid #363636;
}
#login2 {
	margin: 0 auto;
	width: auto;
}
#login form {
	width: 330px;
	text-align: right;
}
.loginTitle {
	width: 463px;
	height: 57px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #fff;
}
.loginContent {
	margin: 20px 0 0;
	width: 100%;
}
#loginFormDiv .messageStack {width: auto;}

.passwdForget {
	margin: 10px 0 0;
	text-align: center;
}
#login2 .line1, #login2 .line2 {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	margin: 0 auto 1em auto;
	width: 85%;
}
.loginValid {
	margin: 0;
	text-align: center;
}
/* .loginValid button {margin: 0 5px 0 0;}
 */
.loginBottom {
	width: 463px;
	height: 10px;
}
.guest_account_button {
	border-bottom: 1px dotted #363636;
	padding:20px 0;
}
.guest_account_button a {
	display: inline-block;
	text-indent:5px;
}
#login2 .label, #creaCompte2 .label {
	display: none;
}
#creaCompte2 .label {width: 180px;}

#creaCompte2 .line {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	justify-content: center;
	align-items: center;
	margin: 0 auto 1em auto;
	width: 95%;
}
.ct_gender {
	position: relative;
	flex: 1;
    display: flex;
    justify-content: space-around;
	width: 100%;
}
#creaCompteSuite .ct_gender {
	width: 80%;
}
#newShippingAdress {
	max-width: 550px;
	margin: auto;
}
.ct_gender > div {
    display: flex;
    align-items: center;
}
#newShippingAdress .line,
.line {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	margin: 1.25em 0;
}
.line .label {
	flex: 0 0 200px;
	width: 200px;
	padding: 0 0.5em 0 0;
	text-align: left;
}
#newShippingAdress .line .inputGrey,
#affiche .line .inputGrey {
	flex: 1;
	padding: 1em;
	width: 100%;
}
.ct_form_button_bottom {
	display: flex;
	padding: 1em 0;
}
#newShippingAdress .ct_form_button_bottom {
	justify-content: space-between;
}
#newShippingAdress select {
	height: auto !important;
}
#creaCompte2 #check_mail {
	background-color: #ffebcc;
	display: block;
	width: 60%;
	text-align: center;
	padding: 0.5em;
}
#creaCompte2 #check_mail::before {
	content: '\25B2';
	position: absolute;
	top: -20px;
	font-size: 2em;
	color: #ffebcc;	
}
#check_mail button {
	width: auto;
	transform: translateX(0px);
	display: inline-block;
	padding: 0.25em;
}
.cadenas_close {
	background: url(/images/mobile/oeil_close_input.png) center no-repeat;
	background-size: 20px;
	width: 20px;
	height: 20px;
	margin: 0;
	top: 18px;
	left: 83%;
}
.cadenas {
	background: url(/images/mobile/oeil_open_input.png) center no-repeat;
	background-size: 20px;
	width: 20px;
	height: 20px;
	margin: 0;
	top: 18px;
	left: 83%;
}
#creaCompteSuite .line input {vertical-align: inherit;}

#creaCompte2 .line2 {
	font-size: 1.2em;
	margin: 1em auto;
	width: 95%;
	text-align: justify;
}
#creaCompte2 .line2 label {
	display: block;
	margin: auto;
	width: 80%;
}
#creaCompte2 .line2 input[type="checkbox"]{
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 1em;
}
#creaCompte2 .line2 a {color: #363636;}

#creaCompte2 .facultatif {
	float: right;
	color: #cc0000;
	text-align: left;
	padding-left: 30px;
}
#password_strength {
	display: none;
	width: 100%;
}
#password_strength > i {
   display: block;
   text-align: center;
}
.password_indications {
	margin: 10px auto;
	width: 80%;
	font: normal 12px/14px OpenSans, Arial, sans-serif;
}
.password_indications ul {
	text-align: left;
	margin: 10px 0 0;
	padding: 0;
  }
.password_indications li {margin: 0 0 0 12px;}

.pw-indic {
	font-size: 18px;
	display: block;
}
.m-pw {
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	padding: 8px 0;
	margin-bottom: 10px;
}
.wrap-pw {
	margin: 10px auto;
	width: 80%;
	text-align: center;
	display: block;
	border: thin solid lightgrey;
	background-color: #fff;
}
#password_strength_indic {
	width: 50%;
	height: 15px;
	background-color: #91bd09;
}
#latin_lastname_indicator, #latin_firstname_indicator {
	display: none;
	width: 100%;
}
#latin_firstname_indicator > i , #latin_lastname_indicator > i {
   display: block;
   text-align: center;
}
#newShippingAdress .bluePoint {
	position: absolute;
	left: 100%;
	top:unset;
}
.bluePoint {
	position: absolute;
	left: 90%;
	top: 18px;
}
.shortInput {
	margin: 0 5px 2px 0;
	width: 100px;
	height: 20px;
	border: 1px solid #363636;
}
.shortSelect {
	height: 14px;
	font-size: 10px;
	line-height: 14px;
	border: 1px solid #c0c0c0;
	vertical-align: baseline;
	width: 60px;
}
.shortSelectCompte, .mediumSelectCompte {
	width: 20%;
	height: 2.5em;
	margin: 0 1em;
	font-size: 1.2em;
	border: 1px solid #c0c0c0;
	background-color: #e6e6e6;
}
.label_dob {
	display: flex;
	font-size: 1.2em;
	width: 37%;
	padding-right: 5%;
	justify-content: flex-end;
}
#customer_date_birth {
	display: block;
	width: 100%;
	height: auto;
}
#customer_date_birth p {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
#text_klarna_cgv p {
	margin-bottom: 35px;
	display: block;
}
.ligne_birth {
	display: inline-block;
	vertical-align: middle;
}
.messageStack {
	margin: 25px auto 0 auto;
	color: #cc0000;
	width: 445px;
	background-color: #f0eeee;
	border: 1px solid #cc0000;
}
.messageStackTitle {
	padding: 5px;
	font-weight: bold;
	background-color: #c0c0c0;
}
.messageStackContent {margin: 5px;}

.facebookAlert {
	margin: auto;
	padding: 4px 0;
	width: 690px;
	min-height: 60px;
	color: #fff;
	background: url(/images/facebook_login_bg.gif) no-repeat center top;
	border: 1px solid #333399;
}
.facebookInfos {
	margin: auto;
	width: 500px;
	font-size: 14px;
	text-align: center;
}
#reassur {text-align: center;}

.loginOffersInfo, .loginOffersInfo a {
	margin: 10px auto;
	width: 85%;
	/* text-align: center; */
	font-size: 10px;
	color: #c0c0c0;
}
#charte {
	height:0;
	overflow: hidden;
	margin:0px auto;
	width:90%;
	color:#707070;
	font-size:10px;
	text-align:justify;
	transition: all 0.5s;
}
.loginCharteLink:hover > #charte {
	height: 200px;
	overflow: auto;
}
.secureLoginWithThirdParty {
	width: 100%;
	text-align: center;
	margin: 1em auto;
	background-color: #fafafa;
}
/*---- LOGIN POPUP (secureloginoverlay.php) ----*/
/* contient aussi des règles pour popup wishlist */

#box, #box2, #box-push {
	position: fixed;
	top: -600px;
	left: 30%;
	right: 30%;
	background-color: #fff;
	color: #707070;
	padding: 20px;
	min-width: 470px;
	border: 1px solid #c0c0c0;
	z-index: 500;
}
#box2 {
	min-width: 340px;
	text-align: center;
}
#box2 span {
	margin: 10px;
	padding: 0;
	font: 200 18px/25px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	background-color: inherit !important;
	color: #c30040;
}
#box2 .h2overlay {
	font: italic normal 21px Georgia, Utopia, Charter, serif;
	color: #363636;
}
#boxClose, #boxClose2, #boxClose-push {
	float: right;
	width: 26px;
	height: 26px;
	background: transparent url(/images/btn_close.png) no-repeat top left;
	margin-top: -28px;
	margin-right: -35px;
	cursor: pointer;
}

.registration_error {
	font-size: 0.9em;
	width: 100%;
	text-align: right;
	font-style: italic;
	color: crimson;
}
/** Mon RIB **/
#iban_save_form {
	width: 50%;
	margin-bottom: 2rem;
}
#iban_save_form input {
	width: 100%;
	height: 40px;
}
#iban_save_form select {
	width: 100%;
	height: 40px;
}
#iban_format_5 {
	display: grid !important;
	grid-template-columns: repeat(7,1fr);
	column-gap: 0.2em	;
}
#iban_format_5 input {
	width: 100% !important;
}
#iban_save_form .ct_form_button_bottom {
	justify-content: space-between;
}
/*__ Intro login popup __*/

.login_popup_intro {
	flex: 1;
	text-align: center;
}
.vp_intro > div:first-child {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.vp_intro > div:last-child p {
	font-size: 1.1em;
	padding: 20px 10%;
	margin:0;
	color: #fff;
	text-transform: uppercase;
}
#logPaslog {
	display: flex;
	flex-direction: column;
	width:65%;
}

#logPaslog > .contentDLogin, #logPaslog > .contentGLogin {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #fff;
}
#logPaslog .secureLoginWithThirdParty {
	margin: 0 auto;
}
.secureLoginforVP, .secureLoginforVPRS {
	padding:10px;
}


.sban_confidence_titleVP {
	margin-top:30%;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
.sban_confidence_titleVP1 {
color: #fff;
text-transform: uppercase;
letter-spacing: 1.5px;
padding-top:10px;
}
.sban_confidence_titleVP > div, .sban_confidence_titleVP1 > div{
	font: 60px/40px OpenSansCond, sans-serif;
	padding: 1rem;
}
.sban_confidence_titleVP span, .sban_confidence_titleVP1 span{
	font:18px OpenSansCond, sans-serif;
	color: #363636;
}

#inscriptFlouNlead1txt {
	font-size: 1.1em;
	padding: 20px 10%;
	margin:0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}
.vp_intro > div:last-child .btn_nt {font-size:.9em;}
.vp_intro > div:last-child .btn_nt span {text-decoration: underline;}
.vp_intro > div:last-child .btn_nt i {vertical-align: -2px;}

/*---- COMPTE ----*/
.sp_mobile { display:none; }

/*__ HEADER COMPTE __*/
#contentTopCompte {
	margin: auto;
	padding: 0;
}
#contentTopCompte h1 {
	font-size: 24px;
	border-bottom: 1px solid #c0c0c0;
	text-align: left;
	margin: 0;
}
#contentCompte {
	display: flex;
	overflow: hidden;
}
.contentG_compte {
	display: flex;
	flex-basis: 340px;
	flex-shrink: 0;
	z-index:2;
	margin: 0;
	padding: 0;
	text-align: left;
	transition: all 0.5s;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
}
/* BURGER MENU */
.menu-icon{
	position: relative;
	width: 54px;
	height: 54px;
	cursor: pointer;

	transition: transform 0.5s;
}
.menu-icon span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);

	display: block;
	width: 22px;
	height: 2px;

	background-color: #000;

	transition: background 0.5s;
}
.menu-icon span::before, .menu-icon span::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-6px);

	display: block;
	width: 22px;
	height: 2px;

	background-color: #000;

	transition: transform 0.5s;
}
.menu-icon span::after {
	transform: translateY(6px);
}
.menu-icon.is-opened span { background: transparent; }
.menu-icon.is-opened span::before { transform: translateY(0) rotate(45deg); }
.menu-icon.is-opened span::after { transform: translateY(0) rotate(-45deg); }
.menu-icon.is-opened { transform: rotate(180deg); }
/* END BURGER MENU */

.contentD_compte {
	box-sizing: border-box;
	margin: 50px 0 0 50px;
	text-align: left;
	position:relative;
	flex: 1;
	overflow-y: auto;
	overflow-x: inherit;
}
.contentD_compte h2, .contentD_compte .h2overlay {
	font: bold normal 21px/21px OpenSansCond, sans-serif;
	color: #363636;
}
.contentD_compte h3 {
	font: lighter normal 16px/16px OpenSans, sans-serif;
	padding-left: 0;
	margin: 10px 0;
}
.deconnect {
	margin: 5px 0 0;
	padding: 5px;
	float: right;
	text-decoration: underline;
}

/*__ MENU __*/
.contentG_area {
	float: left;
	height: 30px;
	background-color: #c30040;
	font: 200 20px OpenSans, Arial, sans-serif;
	color: #fff;
	margin-right: 5px;
	padding: 5px 10px 0;
}
.plus, .minus {
	padding: 1em;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
}
.menuCursor {
	width: 5px;
	height: 54px;
	background-color: var(--main-color);
	transition: all 0.25s;
}
.menuCompte img.normal, .menuCompte .flags div.normal, .flags .menuCompte div.normal {
	margin-left: 0;
	margin-top: 0;
	width: 25px;
	height: 25px;
	cursor: default;
	vertical-align: middle;
}
.menuCompte {
	margin: 0;
	padding: 0;
}
.menuCompte {
	background-color: #fff;
	flex: 1;
}
.menuCompte ul {
	text-align: left;
	list-style-type: none;
}
.menuCompte li {
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}
.menuCompte > li {
	border-bottom: 1px solid #f0eeee;
}

.smenuCompte, li.menuCompteBas {
	list-style-type: none;
	list-style-image: none;
}
.smenuCompte > li > div {line-height: 14px;}

li.menuCompteBas {width: 300px;}

.smenuCompte2, .smenuCompte2 li {display: none;}

.smenuCompte li {
	padding: 1em;
	list-style-type: none;
	list-style-image: none;
}
.smenuCompte a{
	display: block;
}
.smenuCompte a, .smenuCompte a.petit, .smenuCompte a:hover,
/* .smenuCompte a.red, .smenuCompte a.prodcard_onglet, .smenuCompte a.blanc {color: #c30040;}
 */
.smenuCompte a:hover {color: #707070;font-size: 12px;}

.menuCompte ul {margin: -2px 0 0 0;}

.coupon_separator {
	display: block;
	width: 95%;
	background-color: #fff;
	margin: 15px auto;
	padding: 5px;
}
.content-coupon {
	display: block;
	width: 100%;
	padding: 1em;
	border: 1px solid #c0c0c0;
}
.content-coupon h1 {
	margin: auto;
	padding: 0;
	text-align: center;
}
.content-coupon span {
	display: block;
	padding: 5px 0 0;
}
.valeur-coupon {font-size: 15px;}

.valeur-coupon b {color: #c30040;}

.button-coupon {
	display: block;
	width: 100%;
	margin-top: 20px;
}
#content .button-coupon button {
	width: 35%;
	text-transform: uppercase;
	margin:5px;
}
#content .button-coupon button span {
	width: 8%;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
}
#content .button-coupon button p {
	display: inline-block;
	width: 90%;
	text-align: center;
	vertical-align: middle;
}

/*__ Ma SELECTION __*/


.mySelection {
	position: relative;
	margin:20px auto;
}
.mySelection img {max-width: 100%;}
.mySelection_content {
	justify-content: flex-start;
	max-width: 45%;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	pointer-events: none;
}
.mySelection_text {
	margin: 50px;
	background-color: #fff;
	padding: 30px 40px;
	transition: all 0.5s;
}
.mySelection_text .title {
	color: #d55e7c;
	font: 200 2.5em/1.1em OpenSansCond, Arial, sans-serif;
	margin-bottom:10px;
}
.mySelection .home_op_text_buttons {
	color: #363636;
	display: inline-block;
	border-bottom: 2px solid #363636;
	font: bold 18px OpenSansCond, Arial, sans-serif;
}

.goldCard_compte {
	display: none;
	position: relative;
	margin:20px auto;
}
.goldCard_content_compte {
	position: absolute;
	background-color: #fff;
	padding:15px;
	top: 30px;
	left: 20px;
	width:450px;
}
.goldCard_conditions {
	margin-top: 5px;
	font-size: 8px;
}
.goldCard_chapo {
	font: 15px/19px OpenSansLight, sans-serif;
	width: 460px;
	margin: 10px 0 10px 0;
}
.goldCard_title {
	font: bold 24px/28px OpenSansCond, sans-serif;
	text-transform: uppercase;
	width: 460px;
	color:#c30040;
}
.goldCard_content_compte a {
	display: inline-block;
}


/*__ MES INFOS __*/
.compte_codeBarres {margin-bottom: 20px;}
.compte_codeBarres p {float: left; width: 210px;}
.compte_codeBarres img {
	display: block;
	float: left;
	padding: 7px;
	border: 1px solid #e6e6e6;
}
.text_question_1 {
	margin: 15px -26px 5px 0;
	padding: 3px;
	font-variant: small-caps;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 12px;
	background-color: #c30040;
	color: #fff;
}
.ask {
	margin-left: 3px;
	padding: 5px 5px 5px 22px;
}
/* .contentD_compte .label {
	float: left;
	width: 210px;
} */
/* .contentD_compte .line {
	margin: 10px auto 10px auto;
	width: auto;
} */
.compte_bg {
	margin-left: -30px;
	float: left;
}
.myInfosBg, .passwdBg {position: relative; max-width: 550px;}

/*__ CARNET D'ADRESSES __*/
.account_bt_adresse {margin: 10px 30px 0 0;}

.account_bt_adresse a {
	color: #fff;
	text-decoration: none;
}
.adresseBloc {
	position: relative;
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	font-size: 14px;
}
.adresseBlocList .adresseBloc {
	width: 30%;
}
.adresseBloc div {
	width: 100%;
	margin: 0 auto 5px auto;
}
.adresseBloc div:last-child {
	display:flex;
	align-items: flex-end;
	justify-content: space-between;
}
.adresseBlocList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*__ ALERTES NOUVEAUTES __*/
#contentTopMarquesNouveautes {
	position: relative;
	margin: 0;
	padding: 0 0 0 30px;
}
#titreAlerteNouveautes {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}
.brand-section {width: 175px;}

#selectType {
	margin: 20px 0 0;
	padding: 10px 0 0;
	height: 40px;
	border-bottom:#c30040 1px solid;
	border-top:#c30040 1px solid;
}
.selectTypeTitle {
	width: 238px;
	text-align: center;
	float:left;
	font-size:14px;
}
#regForm {
	line-height: 18px;
	padding: 10px;
	margin: 20px 0 0;
	background-color: #f0eeee;
}
#regForm input.valider {margin-top: 10px;}

.alerteNewsBrandsValider {
	margin: 10px 15px 20px 295px;
	padding: 5px 15px 10px 5px;
	clear: both;
	text-align: center;
	width: 700px;
}
#globalmarques {
	margin: 20px 0 0;
	padding: 0 10px;
}
#retour_compte_alerte_nouveaute {
	margin: -34px 0 0 0;
	float: right;
}

/*__ MES ABONNEMENTS __*/
/* PAGE NEWSLETTER (newsletter_management.php) */
/* Alert update abonnement newsletter
*/
.h1-management {
	width: 100%;
}
.content_flex {
	display: flex;
	flex-wrap: wrap;
}
.content-alerte {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
	width: 100%;
}
#update_ok, #update_ko {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
	margin: auto;
    padding: 0.5rem 1rem;
    white-space: nowrap;
    top: -80px;
    opacity: 0;
    border-radius: 0.5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    pointer-events: none;
}
#update_ok > i {
	color: green;
	font-size: 1.2rem;
}
#update_ko > i {
	color: red;
	font-size: 1.2rem;
}

.my_action { animation: 3s linear arrive_part; }
@keyframes arrive_part {
    0% {
        top: -80px;
        opacity: 0;
    }
    10% {
        opacity: 1;
        top: -35px;
    }
    90% {
        opacity: 1;
        top: -35px;
    }
    100% {
        top: -80px;
        opacity: 0;
    }
}
/** FIN update abonnement newsletter **/
.h2-abonnement {
	font-size: 1.6rem;
	font-weight: bold;
}
#form_desabo button {
	height: 50px;
	min-width: 200px;
}
#management, .desabo {
	font-size: 1.4em;
}
/* #form_desabo {
	width: 50%;
}
 */.abonnement > em {
	font-style: italic;
	margin: 1em 0;
	display: block;
	font-size: 1.2em;
}
#management .text-newsletterType > em {
	font-style: italic;
	font-size:1.2em;
}
#management .content_newsletterType,
.desabo .content_newsletterType {
    display: flex;
    padding: 0 0 2rem 0;
}

#management .content_newsletterType .checkBoxLorenzo,
.desabo .content_newsletterType .checkBoxLorenzo {
	bottom: 12px;
	padding-right: 1em;
}

#management .content_newsletterType .text-newsletterType,
.desabo .content_newsletterType .text-newsletterType {
    flex:1;
		padding-left: 1.2rem;
}
.text-newsletterType > strong {
	font-size: 1.2rem;
}

/* Fin nouvelle version page abonnement newsletters */

/* #management {
	margin: 10px 0;
	padding: 0;
	min-height: 50px;
}
.bg_centre2 {
	height: 22px;
	line-height: 20px;
	min-width: 180px;
	color: #363636;
	text-align: center;
	font-style: normal;
	padding-right: 20px;
}
#form_desabo {
	margin: 20px auto;
	padding: 0;
}
.button_valid_news, .frequence {
	margin: 5px 0 0 82px;
	padding: 0;
}
.desabo > input[type^=submit] {margin: 15px 0 0;}

#div_cause2 {
	margin: 5px 0 0 66px;
	padding: 0;
}
#content .reasons, #content .abonnement, #content .desabo {
	margin: 10px !important;
	padding: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
#content .reasons > h2, #content .abonnement > h2, #content .desabo > h2 {
	font-size: 18px;
	color: #363636;
	margin-bottom: 20px;
}
#content .reasons > h2 > b, #content .abonnement > h2 > b, #content .desabo > h2 > b {
	font-size: 50px;
	font-family: Georgia, Utopia, Charter, serif;
	color: #c30040;
}
#content .abonnement > h2, #content .desabo > h2 {color: #c30040;}

.reasons ul {margin: 10px 0 60px 20px;}

.reasons li {
	margin: 10px 0.5%;
	padding: 0;
	display: inline;
	width: 24%;
	float: left;
	font: 14px Georgia, Utopia, Charter, serif;
	text-align: center;
	list-style: none;
	cursor: pointer;
}
.reasons li img {width:100%; margin-bottom:10px;}

@media only screen and (max-width:640px) {.reasons li {width:50%;}}

.reasons a {
	color: #c30040;
	width: 210px;
	height: 149px;
}
.reasons a strong {
	font-size: 18px;
	font-weight: bold;
}
.reasons a:hover {color: #000;}

.abonnement > input[type^=submit] {margin: 20px 0 0 85px;}

.abonnement p {
	margin: 30px 0 30px;
	text-align: justify;
}
.abonnement ul {
	margin: 20px 0 0 0;
	width: 100%;
	text-align: left;
}
.abonnement li {
	margin: 5px 0.5%;
	display: block;
	max-width: 100%;
	text-align: left;
	line-height: 20px;
	list-style: none;
	padding:5px;
	float:left;
	width:49%;
	border: 1px solid #f0eeee;
}
.abonnement li img, .abonnement li .flags div, .flags .abonnement li div {
	margin: 5px 5px;
	padding: 0;
}
.abonnement li input {
	margin: -8px 0 0 0;
	padding: 0;
}
.abonnement li strong {
	margin: 0 0 0 5px;
	max-width: 100%;
	font: 1.6em Georgia, Utopia, Charter, serif;
	text-transform: uppercase;
	color: #363636;
}
.abonnement li em {
	margin: 0 0 0 5px;
	max-width: 100%;
	font-family: Georgia, Utopia, Charter, serif;
	font-style: normal;
	font-size: 1.6em;
	color: #c30040;
}
.ctr {text-align: center !important;}

#desabo_ label {
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 1.2em;
}
#desabo_ {padding: 0;}

.desabo em {
	max-width: 100%;
	font-style: normal;
	color: #c30040;
}
.reasons h2, .abonnement h2, .desabo h2 {
	padding: 0;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 85px;
	color: #363636;
	height: 54px;
}

.reasons hr, .abonnement hr, .desabo hr {
	margin: 0 0 0 20px;
	border-top: 1px solid #363636;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background-color: transparent;
} */
.not-found {
	margin: 10px 0;
	position: absolute;
}

/*__ SUIVRE MES DEMANDES / TICKETVIEW __*/
.ticketView {
	margin: 30px auto 30px auto;
	padding: 0 0 20px 0;
	text-align: center;
}
.ticketView .btn-noir {
	height: 45px;
	margin-left: 1em;
}
.ticket_bt_back {margin: 5px 0 15px 30px;}
.ticketView .inputGrey {
	width: 400px;
	line-height: 40px;
	padding: 2px 5px;
	border: 1px solid #363636;
	background-color: #fff;
	border-radius: 3px;
}
div .ticket_bt_back button {cursor: pointer;}

#content .ticketView h2 button {
	line-height: 46px;
	font-size: 18px;
}
#content .ticketView h2 {
	margin: 50px auto 30px auto;
	padding:0;
	font: 200 24px/30px OpenSans, Arial, sans-serif;
	background: none;
	text-align: center;
}
#content, .content_ticketView {width: 100%;}
#contentTopCompte ~ #content {
	display: flex;
}
#content .ticket_view_table, .content_ticketView .ticket_view_table {
	width: 100%;
	border-collapse: collapse;
}
#content .ticket_view_table th, #content .ticket_view_table td, .content_ticketView .ticket_view_table th, .content_ticketView .ticket_view_table td {
	border: 1px solid #fff;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	height: 0;
}
#content .ticket_view_table th, .content_ticketView .ticket_view_table th {
	background-color:  black;
	color: #fff;
}
#content .header_ticket-selected, .content_ticketView .header_ticket-selected {
	background-color: #c30040;
	padding: 5px 15px;
	line-height: 0;
}
#content .header_ticket-selected h2, .content_ticketView .header_ticket-selected h2 {
	font: normal normal 1em OpenSans, Arial, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
}
#content .header_ticket-selected_date, .content_ticketView .header_ticket-selected_date {
	margin: 0;
	padding: 0 0 0 10px;
	text-align: right;
	line-height: 2;
}
#content .header_ticket-selected_date span, .content_ticketView .header_ticket-selected_date span {
	font-size: 1em;
	color: #c30040;
}
.content_ticketView > .container {
	padding: 20px 10px;
	border-bottom: 1px solid #e6e6e6;
	cursor: pointer;
}
.content_ticketView > .container:hover {
	background-color: #f0eeee;
}
.content_ticketView > .container > div {
	display: inline-block;
	vertical-align: middle;
}
.content_ticketView > .container > div:first-of-type, .content_ticketView > .container > div:nth-of-type(3) {
	width: 25%;
	font: 200 24px/30px OpenSans, Arial, sans-serif;
}
.content_ticketView > .container > div:nth-of-type(2) {
	width: 50%;
	font: 200 14px/18px OpenSans, Arial, sans-serif;
}
.content_ticketView > .container > #affiche, .content_ticketView > .container > #affiche > iframe > body{
	background-color: #f0eeee;
	font: 200 14px/18px OpenSans, Arial, sans-serif;
}
.content_ticketView #ticket_no_login {
	display: none
}

#affiche .ticket_view_details_table td {height: 0;}

.form-ticketview textarea{
  	width:100%;
  	max-width:100%;
  	max-height:100%;
}
.form-ticketview p {
	padding: 1em 0;
	text-align: center;
}
.form-ticketview h3 {
	padding-left: 0 !important;
}
.form-ticketview {
	padding-left: 15px;
}
.ticket_view_columns {
	width: 33%;
	padding: 10px 5px;
}
.ticket_view_columns-selected {
	width: 15%;
	padding: 20px 5px;
}
.ticket_view_columns-red {background-color: #c30040;}
#content .ticket_view_columns-red a {color: #fff;}
.ticket_view_columns_lineGrey {background-color: #c0c0c0;}
.ticket_view_columns_lineRed {background-color: #c30040;}

#content .content_ticketView .ticket_bt_back {margin: 5px 0 15px 0;}


/*Confirmation de demande envoyée*/
#global > div {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}
#global #content {
	width: 70%;
	font-size: 22px;
	line-height: 36px;
}
#global #content > i {
	float: left;
	font-size: 36px;
	color: #C30040;
}
#global #demandeContact {
	width: 30%;
	text-align: center;
	padding: 10px;
	border: 1px solid #707070;
}
#global #demandeContact > div:first-of-type {
	font-weight: bold;
}
#global #demandeContact > span {
	display: block;
	font-size: 18px;
	color: #C30040;
}
/*__ ENVOI CHEQUE AMI (my_check.php) __*/
#my_check {
	width: 50%;
	margin: auto;
}
#my_check input[type="email"],
#my_check input[type="text"],
#my_check textarea {
	display: block;
	width: 90%;
	margin: 1em auto;
	padding: 1em;
	text-align: center;
	border: 1px solid #c0c0c0;
}
#my_check .my_check_readonly { display: none; }
#my_check label {
	display: block;
	width: 100%;
	text-align: center;
}
.my_check_text {
	text-align: center;
}
.my_check_text * {
	display: block;
	margin: 1em auto;
}
/* __ Compte Activation premium __ */
.contentD_compte #form_activation_premium {
	display: block;
	width: 100%;
	padding: 0;
	margin: auto;
}
.contentD_compte #form_activation_premium .inputGrey { padding: 4px 1em; height: auto; }

/* __ Compte Suppression de moyens de paiement __ */
#compte_sup_cb h2, #checkout_confirmation h2 {
	margin-top: 0;
}
#compte_sup_cb, #checkout_confirmation {
	padding-bottom: 1em;
}
#compte_sup_cb > div {
	padding: 1em 0;
	border-bottom: 1px solid #c0c0c0;
}
#compte_sup_cb > div > button {
	margin: 1em 0;
	display: block;
}
#checkout_confirmation #newcb {
	width: 100%;
}
#checkout_confirmation #newcb .card_details {
	padding: 2em 0;
}
#checkout_confirmation #newcb .card_details > span {
	display: inline-block;
	width: 100%;
	padding: 0 0 1em 0;
}
#checkout_confirmation #newcb .cb_wrapper {
	display: flex;
	align-items: center;
}
#checkout_confirmation #newcb .cb_wrapper img {
	height: 45px;
	margin-left:20px;
}
#checkout_confirmation input[type="text"],
#checkout_confirmation input[type="tel"] {
	height: 25px;
	padding: 0 1em;
	font-size: 1em;
	border-radius: 3px;
	appearance: none;
	background-color: #FFF;
	border: 1px solid #333333;
}
#checkout_confirmation .cvxInput {
	width: 100%;
	text-align: center;
}
#checkout_confirmation #newcb .date-valid-cb > div {
	display: inline-block;
	vertical-align: top;
}
#checkout_confirmation #newcb .date-valid-cb > div:first-child {
	width: 45%;
	text-align: left;
}
#checkout_confirmation #newcb .date-valid-cb > span {
	display: inline-block;
	width: 100%;
	padding: 0 0 1em 0;
}
#checkout_confirmation #newcb .date-valid-cb > div > span {
	display: inline-block;
	width: 100%;
	padding: 0 0 1em 0;
}
#checkout_confirmation #newcb .date-valid-cb > div > span select {
	width: 40%;
	height: 25px;
}
#checkout_confirmation #newcb .date-valid-cb > div > span select:first-child {
	margin-right: 1em;
}
#checkout_confirmation #newcb .date-valid-cb {
	padding-bottom: 1em;
}
#checkout_confirmation #newcb .date-valid-cb > div:last-child {
	width: 25%;
}
#checkout-content .form-cb #order_total_confirm { color: #c30040; }
.popup_alert_mobile h3 {
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
	font-size: 20px;
}

#checkout_confirmation .blueCardNumber, #checkout_confirmation .checkout_cb_infos input, #checkout_confirmation .checkout_cb_infos_date_cvx input {
	width: 100%;
	height: 40px;
	text-align: center;
}
#checkout_confirmation .checkout_cb_infos_date_cvx input.cvxInput {
	width: 100%;
	margin: 0;
}
.checkout_cb_infos, .checkout_cb_infos_date_cvx {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	width: 50%;
	margin: 1em 0;
	justify-content: space-between;
}
.checkout_cb_infos > div {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.checkout_cb_infos_date_cvx > div {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	width: 20%;
	align-items: center;
}
.checkout_cb_infos_date_cvx > div:first-of-type {
	width: 75%;
}
.cb_dynamic_logo {
	height: 45px;
}
.checkout_cb_infos_label {
	min-width: 100%;
}

/*__ Compte : Pop Iban Info __*/
.iban_tips {
	padding:15px;
}
.iban_tips_title {
	background-color: #c30040;
	color:#fff;
	padding:5px;
	font-size:1.2em;
	margin-bottom: 15px;
}
.content_iban {
	width:60%;
	margin:40px auto;
	text-align:center;
}

/*__ MES PARRAINAGES __*/
#parrainage_compte .conditions {
	font-style: italic;
	font-size:9px;
}
#parrainage_compte h2 {
	margin-top:0;
	text-transform: uppercase;
	border-bottom: 1px solid #f0eeee;
	margin-bottom:15px;
}
.parrainage_howTo {
	padding:15px 15px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	margin-bottom:15px;
}
.parrainage_howTo a {
	color:#c30040;
	font-weight: bold;
}
.coupon_ok {
	background-color: rgba(181,238,182,0.5);
	padding:10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:1px solid rgba(181,238,182,1);
	display:block;
	margin-bottom: 15px;
}
.tabParrain {
	width: 100%;
	border: 1px solid #fff;
}
.tabParrain_head td {
	font-weight: bold;
	text-align: center;
	border: 1px solid #fff;
	background-color:#c30040;
	color:#fff;
}
.tabParrain_line:nth-child(even) td {background-color: #fff;}
.tabParrain_line:nth-child(odd) td {background-color: #f0eeee;}

.tabParrain_line td {
	text-align: center;
	border: 1px solid #fff;
}
.tabParrain_line td a {
	font-size:10px;
}
/* PAGE+POPUP PARRAINAGE */
#affiche {
	margin-bottom: 10px;
	padding: 0;
}
.txtParrain {
	height: 30px;
	padding: 0;
	margin: 0;
}
.boxParrain {
	position: absolute;
	right: 0;
}
/* .line {
	position: relative;
	margin: 0 0 10px;
} */
.lineTitle {
	font-weight: bold;
	margin: 5px 0;
	padding: 5px 0 0;
	border-top: 1px solid #c0c0c0;
}
#titleParrain {
	width: 955px;
	margin: 20px auto 10px auto;
	border-bottom: 2px solid #c0c0c0;
	font-size: 16px;
	color: #c30040;
	padding: 0 0 5px;
}
.formParrain input {
	border: 1px solid #c0c0c0;
	background-color: #f0eeee;
}
.formParrain button {float: right;}

#contentTopParrainge {text-align: center;}

#contentLT > div {margin-top: 20px;}

#mail-share .group-share button {
	border-radius: 150px;
	box-shadow:none;
	background-color:#c30040;
	color:#fff;
	font-size:30px;
	height:60px;
	width:60px;
	border:none;
}
#content-parrainage,
#content-parrainage div,
#content-parrainage span {
	position: relative;
}
#content-parrainage img { max-width: 100%; }
#content-parrainage h2,
#content-parrainage h2 {
	font-weight:200;
	font-family: OpenSans, Arial, sans-serif;
	font-style: normal;
	font-size: 1.8em;
	text-transform: uppercase;
	text-decoration: underline;
}
#content-parrainage h3 {
	font-family: OpenSans, Arial, sans-serif;
	font-style: normal;
	font-size: 1.3em;
	text-transform: uppercase;
}
#content-parrainage h4 {
	font-family: OpenSans, Arial, sans-serif;
	font-style: normal;
	font-size: 1.3em;
}
#content-parrainage .messageStack {
	width: 100%;
	padding: 1em 0 1em 0.5em;
	margin: 0;
}
#content-parrainage #message_envoi_ok {
	display: none;
	position: absolute;
	z-index: 3;
	text-align: center;
	width: 100%;
	height: 100%;
	padding-top: 10em;
	background-color: #ffffff;
}
#content-parrainage button { padding: 0.5em 1em; margin-bottom:10px;}
#content-parrainage .milieu > p { font-size: 1.65em; }
#content-parrainage .milieu > p > span {
	display: block;
	font-weight: bold;
	font-family: OpenSans, Arial, sans-serif;
}
#content-parrainage .milieu > i {
	display: block;
	margin-bottom: 2.5em;
	font-style: italic;
	 font-family: OpenSans, Arial, sans-serif;
}
#content-parrainage .p-gauche {
	width: 56%;
	float:left;
}
#content-parrainage .p-droite {
	height: 100%;
	width: 44%;
	background-color: #ffffff;
	float:left;
}
#content-parrainage .p-droite .milieu { height: 88%; padding-left: 50px; }
#content-parrainage .p-droite .bas { height: 12%; padding-left: 50px; }
#bloc-email, #bloc-login { display: none; z-index: 2; }
#content-parrainage #bloc-email .haut {
	height: 8%;
	font-size: 1.5em;
	padding-left: 25px;
	text-transform: capitalize;
}
#content-parrainage #bloc-email .haut * { display: inline-block; cursor: pointer; vertical-align: middle; padding: 0; margin: 0; }
#content-parrainage #bloc-email .icon-flecheGauche { font-size: 1.4em; margin-top: -0.1em; }
#content-parrainage #bloc-email .milieu { height: 80%; overflow: auto; }
#content-parrainage #bloc-email .milieu label { display: block; }
#content-parrainage #bloc-email .bas { height: 12%; }
#content-parrainage .group-share:first-child {
	border-top: 1px dotted #cccccc;
}
#content-parrainage .group-share:first-of-type button {
	display: none;
}
#content-parrainage .group-share {
	border-bottom: 1px dotted #cccccc;
	padding: 1em 0;
	margin-bottom: 1em;
}
#content-parrainage .group-share > div {
	display: inline-block;
	vertical-align: middle;
	width: 70%;
}
#content-parrainage .group-share > div:last-of-type { width: 30%; }
#content-parrainage input {
	margin: 0 0 1em;
	font-size: 1.3em;
	min-height: 30px;
}
#content-parrainage #bloc-email .milieu > span {
	padding: 1em 0;
	font-size: 1.3em;
	cursor: pointer;
	display:block;
}
#content-parrainage .group-share > button {
	font-size: 1.3em;
}
#content-parrainage .error_msg {
	font-size: 0.9em;
	color: #F00;
	text-align: center;
}

/* MàJ Parrainage 201806 */
.headerParrainage, .conditionsParrainage, .explicationParrainage {width:100%; clear:both;display:block;}
.headerParrainage div {
	width:49%;
	display:inline-block;
	margin: 20px 0;
	text-align:center;
}
.headerParrainage p {
	width:50%;
	text-align:center;
	padding:15px;
	border-radius:10px;
	border: 1px dotted #c30040;
	display: inline-block;
}
.headerParrainage p span {
	font: bold 1.4em OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	color:#c30040;
}
.headerParrainage h1, #parrainage_compte .headerParrainage h2 {margin-bottom:10px;}
.headerParrainage h2, #parrainage_compte .headerParrainage h3 {
	text-align:center;
	text-decoration: none !important;
}

#content-parrainage .milieu h3 {
	margin:10px 0;
	padding-bottom:10px;
	font: bold 1.4em OpenSans, Arial, sans-serif;
	border-bottom: 1px dotted #cccccc;
	text-align:center;
}
#content-parrainage .group-share input {
	width:40%;
	margin-right:2%;
	display:inline-block;
}
.group-share button {width:10%;display:inline-block;}

/* Parrainage compte */

#parrainage_compte .headerParrainage img {width:100%;margin-bottom:10px;}
#parrainage_compte h2 {text-align:center;}
#parrainage_compte .headerParrainage p {
	width:90%;
	text-align:center;
}
#parrainage_compte .headerParrainage button {
	margin:auto;
	display:block;
}
#parrainage_compte .headerParrainage{
	padding-bottom: 20px;
	border-bottom:1px solid #f0eeee;
}
.parrainage_gains {font-size:1.2em;text-align: center!important;}
.parrainage_gains {margin:20px auto 5px;}
.parrainage_gains span:first-child, .parrainage_gains i {font-weight:bold;}
.parrainage_commission {text-align: center!important;}
.bt_commission {font-size:12px;margin-top:10px;display:inline-block;}

.conditionsParrainage {font-size:0.9em;font-style:italic;margin-top:10px;display:inline-block;color:#c0c0c0;}



/*__ MES POINTS FIDELITE __*/
.compteFidelite {
	margin: 0 0 10px;
	font-size: 12px;
	line-height: 16px;
}
.compteFidelite p {margin: 0 0 10px;}

.compteFidelite b {
	font-weight: normal;
	text-decoration: underline;
}
.compteFideliteVersement {
	padding: 10px;
	line-height: 16px;
	background-color: #f0eeee;
	font-size: 12px;
}
.compteFidelite_noPoint {
	padding: 10px;
	line-height: 16px;
	color: #c30040;
	font-size: 12px;
	text-align: center;
}
.comptePoints {
	padding: 15px;
	float: right;
	width: 150px;
	font-size: 12px;
	text-align: center;
	background-color: #f0eeee;
}
.comptePoints b {
	color: #c30040;
	font-size: 18px;
	font-weight: bold;
}

/*__ POP UP POINTS FIDELITE (points_info.php) __*/
/*#points_fid {
	width: 60%;
	margin: auto;
	padding-bottom: 2em;
}

.points_info_element_bas_gauche {
	float: left;
	position: absolute;
	bottom: 10px;
	left: 20px;
}
div.points_info_logo img, div.points_info_logo .flags div, .flags div.points_info_logo div {
	width: 200px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.points_info_h2 {
	background: url(/images/ico_cotes.jpg) no-repeat;
	padding-left: 40px;
	margin: 0 0 0 20px;
	line-height: 30px;
}
.points_info_contener {margin: 0;}

.points_info_text {
	position: relative;
	border: 8px solid #c30040;
	width: 484px;
	height: 530px;
}
.points_info_explain {
	margin: auto;
	width: 400px;
}
.points_info_explain p {
	padding: 1px;
	margin: 5px 0;
}
 */

/*__ MES COMMANDES __*/
.recap_order {
	line-height: 18px;
	font-size: 12px;
	width: 350px;
}
.order_options {
	position: absolute;
	padding: 0;
	width: auto;
	right: 10px;
	top: 40px;
	max-width: 300px;
}
#content .order_number {
	margin: 0 auto auto;
	padding: auto;
}

.order_pdf {
	font-size: 20px;
	font-weight: normal;
	float: right;
}
.order_payport_pdf {
	font-size: 11px;
	font-weight: normal;
	position: relative;
	text-align: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline;
	padding: 5px;
	background-color: #c0c0c0;
}
.addresses {
    display: flex;
    flex-direction: row;
    float: left;
}
.addresses>.delivery_address, .addresses>.billing_address {
	line-height: 18px;
	font-size: 12px;
    margin: 5px 10px auto auto;
}
.addresses>.delivery_address>b {
    text-transform: none;
}

.order_info_marketplace {
	border-top: 1px solid #c0c0c0;
	padding-top: 10px;
	line-height: 16px;
	margin-bottom: 20px;
}
.required {
	color: #c30040;
	font-size: 10px;
}
.order_tracking_colis {
	font-size: 14px;
	margin-bottom: 20px;
}
.order_tracking_colis i, .order_tracking_colis div {
	display:  inline-block;
	vertical-align: middle;
}
.order_tracking_colis i {
	font-size: 35px;
	width: 10%;
	text-align: center;
}
.order_tracking_colis div {width: 85%;}

/*__Progress status__*/
.text-status, .text-status-valide {
	width: calc( 100% / 6 );
}
.text-status-mp, .text-status-valide-mp {
	width: 25%;
}
.text-status, .text-status-mp {
	text-align: center;
	font-family: OpenSans,Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica;
	line-height: 15px;
	color: #adadad;
}
.text-status-valide, .text-status-valide-mp {
	text-align: center;
	font-size: 35px;
	line-height: 15px;
	color: #363636;
}
.icon-status{
	font-size: 35px;
	text-align: center;
	color: #adadad;
}
.icon-status-valide{
	font-size: 35px;
	text-align: center;
	color: #363636;
}
.text-status-etat {font-size: 12px;}
.text-status-date, .text-status-detail {
	font-size: 11px;
	color: #707070;
	font-style: italic;
	margin-top: 5px;
}
.numero_de_commande {margin: 1em 0;}
#content-icons {height: 2.5em; display:flex; justify-content: space-around;}
#content-text-status {display:flex;}

.progress-bar {
	margin: 25px 0 0;
	width: 100%;
	height: 18px;
	background-color: #e1e1e1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: inset 0 1px 2px #919191;
	-webkit-box-shadow: inset 0 1px 2px #919191;
	-moz-box-shadow: inset 0 1px 2px #919191;
}
.progress-bar.marketplace {width: 100%;}

.bar-status1, .bar-status2, .bar-status3, .bar-status4, .bar-status5, .bar-status6, .bar-status1-marketplace, .bar-status2-marketplace,
.bar-status3-marketplace, .bar-status4-marketplace {
	height: 18px;
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}
.bar-status1 {
	width: calc(100% / 6);
	animation: statut1 3s linear;
}
.bar-status2 {
	width: calc(100% / 6 * 2);
	animation: statut2 3s linear;
}
.bar-status3 {
	width: calc(100% / 6 * 3);
	animation: statut3 3s linear;
}
.bar-status4 {
	width: calc(100% / 6 * 4);
	animation: statut4 3s linear;
}
.bar-status5 {
	width: calc(100% / 6 * 5);
	animation: statut5 3s linear;
}
.bar-status6 {
	width: calc(100% / 6 * 6);
	animation: statut6 3s linear;
}
.marketplaceTrackingOrders {width: 100%;}
.marketplaceTrackingOrders .bar-status1 {
	width: 25%;
	animation: statutmp1 3s linear;
}
.marketplaceTrackingOrders .bar-status2 {
	width: 50%;
	animation: statutmp2 3s linear;
}
.marketplaceTrackingOrders .bar-status3 {
	width: 75%;
	animation: statutmp3 3s linear;
}
.marketplaceTrackingOrders .bar-status4 {
	width: 100%;
	animation: statutmp4 3s linear;
}
@keyframes statut1 {
	0% {width: 0px;}
  100% {width: calc(100% / 6);}
}
@keyframes statut2 {
	0% {width: 0px;}
  100% {width: calc(100% / 6 * 2);}
}
@keyframes statut3 {
	0% {width: 0px;}
  100% {width: calc(100% / 6 * 3);}
}
@keyframes statut4 {
	0% {width: 0px;}
  100% {width: calc(100% / 6 * 4);}
}
@keyframes statut5 {
	0% {width: 0px;}
  100% {width: calc(100% / 6 * 5);}
}
@keyframes statut6 {
	0% {width: 0px;}
  100% {width: calc(100% / 6 * 6);}
}
/* Marketplace*/
@keyframes statutmp1 {
	0% {width: 0px;}
  25% {width: 25%;}
  100% {width: 25%;}
}

@keyframes statutmp2 {
	0% {width: 0px;}
  50% {width: 50%;}
  100% {width: 50%;}
}
@keyframes statutmp3 {
	0% {width: 0px;}
  75% {width: 75%;}
  100% {width: 75%;}
}
@keyframes statutmp4 {
	0% {width: 0px;}
  100% {width: 100%;}
}
.container-triangles {
	display:flex;
	justify-content: space-around;
}

.triangle{
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #e1e1e1 transparent transparent;
}
.triangle1-red, .triangle2-red, .triangle3-red, .triangle4-red, .triangle5-red, .triangle6-red {
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: var(--main-color) transparent transparent;
}
.triangle1-red{animation: red1 3s linear;}
.triangle2-red{animation: red2 3s linear;}
.triangle3-red{animation: red3 3s linear;}
.triangle4-red{animation: red4 3s linear;}
.triangle5-red{animation: red5 3s linear;}
.triangle6-red{animation: red6 3s linear;}
.marketplaceTrackingOrders .triangle1-red{animation: redMP1 3s linear;}
.marketplaceTrackingOrders .triangle2-red{animation: redMP2 3s linear;}
.marketplaceTrackingOrders .triangle3-red{animation: redMP3 3s linear;}
.marketplaceTrackingOrders .triangle4-red{animation: redMP4 3s linear;}

@keyframes red1 {
		0% {border-color: #e1e1e1 transparent transparent;}
	  9% {border-color: #e1e1e1 transparent transparent;}
	  13% {border-color: var(--main-color) transparent transparent;}
	  100% {border-color: var(--main-color) transparent transparent;}
}
@keyframes red2 {
		0% {border-color: #e1e1e1 transparent transparent;}
	  25% {border-color: #e1e1e1 transparent transparent;}
	  29% {border-color: var(--main-color) transparent transparent;}
	  100% {border-color: var(--main-color) transparent transparent;}
}
@keyframes red3 {
		0% {border-color: #e1e1e1 transparent transparent;}
	  41% {border-color: #e1e1e1 transparent transparent;}
	  45% {border-color: var(--main-color) transparent transparent;}
	  100% {border-color: var(--main-color) transparent transparent;}
}
@keyframes red4 {
		0% {border-color: #e1e1e1 transparent transparent;}
	  57% {border-color: #e1e1e1 transparent transparent;}
	  61% {border-color: var(--main-color) transparent transparent;}
	  100% {border-color: var(--main-color) transparent transparent;}
}
@keyframes red5 {
		0% {border-color: #e1e1e1 transparent transparent;}
	  72% {border-color: #e1e1e1 transparent transparent;}
	  77% {border-color: var(--main-color) transparent transparent;}
	  100% {border-color: var(--main-color) transparent transparent;}
}
@keyframes red6 {
		0% {border-color: #e1e1e1 transparent transparent;}
	  89% {border-color: #e1e1e1 transparent transparent;}
	  93% {border-color: var(--main-color) transparent transparent;}
	  100% {border-color: var(--main-color) transparent transparent;}
}
/* Marketplace */
@keyframes redMP1 {
	    0% {border-color: #e1e1e1 transparent transparent;}
	  14% {border-color: #e1e1e1 transparent transparent;}
	  16% {border-color: var(--main-color) transparent transparent;}
	  100% {border-color: var(--main-color) transparent transparent;}
}
@keyframes redMP2 {
	    0% {border-color: #e1e1e1 transparent transparent;}
	  39% {border-color: #e1e1e1 transparent transparent;}
	  41% {border-color: var(--main-color) transparent transparent;}
	  100% {border-color: var(--main-color) transparent transparent;}
}
@keyframes redMP3 {
	    0% {border-color: #e1e1e1 transparent transparent;}
	  64% {border-color: #e1e1e1 transparent transparent;}
	  66% {border-color: var(--main-color) transparent transparent;}
	  100% {border-color: var(--main-color) transparent transparent;}
}
@keyframes redMP4 {
	    0% {border-color: #e1e1e1 transparent transparent;}
	  89% {border-color: #e1e1e1 transparent transparent;}
	  91% {border-color: var(--main-color) transparent transparent;}
	  100% {border-color: var(--main-color) transparent transparent;}
}

/*___version popup___*/
/* Toi qui passe ne me juge pas tu n'imagines pas sur quel code legacy pourri j'ai du faire ce css moisi */

.popupSuivi #content-icons {
	display: inline-block;
	width: calc(100% - 44px - 70%);
	height:360px;
}
.popupSuivi .progress-bar {
	margin:0;
	height: 360px;
	width: 28px;
	border-radius: 6px;
	background-color: #cccccc;
	order:2;
}
.popupSuivi .container-triangles {
	flex-direction: column;
	order:1;
	width: 16px;
}
.popupSuivi .progress-bar > div { position: absolute; width: 28px; border-radius: 6px; background-color: #c30040; }
.popupSuivi .bar-status1 { height: 60px; }
.popupSuivi .bar-status2 { height: 120px; }
.popupSuivi .bar-status3 { height: 180px; }
.popupSuivi .bar-status4 { height: 240px; }
.popupSuivi .bar-status5 { height: 300px; }
.popupSuivi .bar-status6 { height: 360px; }

.popupSuivi .icon-status,
.popupSuivi .icon-status-valide {
	height: 60px;
	width: 100%;
	font-size: 4em;
	color: #cccccc;
}
.popupSuivi .icon-status i, .popupSuivi .icon-status-valide i {
	margin-top: 1px;
	display: block;
}
.popupSuivi .icon-status-valide { color: #363636; }
.popupSuivi #content-bar-triangles {
	display: inline-flex;
	position: relative;
	vertical-align: top;
	width: 44px;
	height: 360px;
}
.popupSuivi .content-triangle {
	height: 60px;
	width: 100%;
	position: relative;
}
.popupSuivi .triangle, .popupSuivi .triangle1-red, .popupSuivi .triangle2-red, .popupSuivi .triangle3-red, .popupSuivi .triangle4-red, .popupSuivi .triangle5-red, .popupSuivi .triangle6-red {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #cccccc;
	margin-left: -1em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.popupSuivi .triangle1-red, .popupSuivi .triangle2-red, .popupSuivi .triangle3-red, .popupSuivi .triangle4-red, .popupSuivi .triangle5-red, .popupSuivi .triangle6-red {
	border-right: 20px solid #c30040;
}
.popupSuivi #content-text-status {
	display: inline-block;
	vertical-align: top;
	padding-left: 1em;
	width: 65%;
	height: 360px;
	box-sizing: border-box;
}
.popupSuivi .text-status,
.popupSuivi .text-status-valide {
	position: relative;
	width: 100%;
	height: 60px;
	font-size: 1em;
	text-align: left;
}
.popupSuivi .text-status > div,
.popupSuivi .text-status-valide > div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#sp_popup_parent .popupSuivi .text-status-etat {
	font-size: 1em;
	font-weight: bold;
}
#sp_popup_parent .popupSuivi .text-status-date {
	font-size: 1em;
	font-style: italic;
}
.popupSuivi .triangle1-red, .popupSuivi .triangle2-red, .popupSuivi .triangle3-red, .popupSuivi .triangle4-red, .popupSuivi .triangle5-red, .popupSuivi .triangle6-red,
.popupSuivi .marketplaceTrackingOrders .triangle1-red, .popupSuivi .marketplaceTrackingOrders .triangle2-red, .popupSuivi .marketplaceTrackingOrders .triangle3-red, .popupSuivi .marketplaceTrackingOrders .triangle4-red,
.popupSuivi .bar-status1, .popupSuivi .bar-status2, .popupSuivi .bar-status3, .popupSuivi .bar-status4, .popupSuivi .bar-status5, .popupSuivi .bar-status6,
.popupSuivi .marketplaceTrackingOrders .bar-status1,.popupSuivi .marketplaceTrackingOrders .bar-status2,
.popupSuivi .marketplaceTrackingOrders .bar-status3,.popupSuivi .marketplaceTrackingOrders .bar-status4 {animation: initial;}




/*__ MES RETOURS __*/
.compteRetourInfo {
	padding: 10px;
	line-height: 16px;
	background-color: #f0eeee;
	font-size: 12px;
	text-align: center;
}
.compteRetourStatus {
	background-color: #f0eeee;
	color: #c30040;
	font-size: 18px;
	text-align: center;
}

/*__  PROFIL __*/
#coupon_reduc_prodil {
	position: absolute;
	right: 0;
}
#statut_marital, #study, #typ_logt, #budget_max, #marq {
	margin-top: 10px;
}
#marq input, #site_preferes input, #products_int input {
	margin-top: 5px;
}
.profil_question span {
	font-weight: bold;
	color: #c30040;
	font-size: 12px;
}
.profil_question ul {list-style-type: none;}

.profil_question li {margin-bottom: 5px;}

#master, #prof_status {margin: 10px 0;}

#products_int span.profil_type_produit {
	color: #363636;
	font: normal normal 11px OpenSans, Arial, sans-serif;
}
#products_int select {margin-top: 5px;}
#alerte_profil {margin-bottom: 5px;}
#profil_taux_remplissage {text-align:center;}
#profil_avancement {
	margin: auto;
	display:inline-block;
	width:80%;
	height:20px;
	background-color:#dfdfdf;
	position:relative;
}
#profil_avancement div {
	position:absolute;
	bottom:0;
	background-color:#C30040;
	padding-left: 5px;
	height:20px;
	line-height:20px;
	color:#FFFFFF;
}
#profil_etoile {
	border-top: 2px dotted #e6e6e6;
	font-size: 10px;
	font-style: italic;
	margin-top: 20px;
	padding-top: 5px;
	text-align: center;
}
#profil_taux_remplissage {
	border: 5px solid #e6e6e6;
	margin-bottom: 25px;
	padding: 12px;
}
#reduc_profil {
	margin-top: 35px;
	font-size: 14px;
	font-weight: bold;
}
.red_spartoo {color: #c30040;}

/*__ MY HELP BOX : TUTOS __*/
.tuto_link {
	position: relative;
	display: inline-block;
	width: 300px;
	padding: 10px;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
}
.tuto_link a div {
	position: absolute;
	left: 20px;
	width: 260px;
	height: 145px;
	background-color: rgba(0, 0, 0, 0);
}
.tuto_link a div:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

/*__ AUTRES __*/
#affiche table, #afficheAide table {
	border-collapse: collapse;
	width: 100%;
}
#affiche .headingTable, #afficheAide .headingTable {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
#affiche td {
	min-height: 40px;
	padding: 10px 0;
	vertical-align: middle;
}
#affiche a.btn {
	color: #fff;
	text-decoration: none;
}
.tableListing-even {text-align: center;}

.tableListing-odd {
	text-align: center;
	background-color: #f0eeee;
}
.tableListing-total {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #c30040;
}
/* COMPTE:  Modifier la taille d'un de mes produits */
#lastOrders { text-align: center; }
#lastOrders > .lastOrders-tableListing:nth-child(odd){ background-color: #f0eeee; }
.lastOrders-tableListing { width: 100%; margin: auto; padding: 1em 0; }
.lastOrders-tableListing > div { display: inline-block; vertical-align: middle; }
.lastOrders-tableListing > div:nth-child(1) { width: 30%; }
.lastOrders-tableListing > div:nth-child(2) { width: 40%; }
.lastOrders-tableListing > div:nth-child(3) { width: 30%; }
#annulOrders p { text-align: center; }
/* */
.order_type_info {
	font-size: 9px;
	color: #707070;
}
.inputText, .inputLongText {
	margin: 10px 0 0 5px;
	width: 150px;
	float: left;
}
.inputLongText {width: 200px;}

.col {
	width: 425px;
	float: left;
	margin: 0;
}
.desaboCRMtxt {
	margin: 40px 0 10px 35px;
	width: 400px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}
.desaboCRMimg {
	margin: 0 0 10px 20px;
	width: 400px;
	float: left;
}
.compte_encart {
	position: absolute;
	right: -5px;
	height: 300px;
	width: 240px;
}
/* Compte accueil Panel et Fid*/
.compteFid {
	border: 1px solid #e6e6e6;
	margin-bottom: 20px;
}
.compteFid > i {
	display: inline-block;
	vertical-align: middle;
	width: 3%;
	text-align: center;
	color: #c30040;
	font-size: 30px;
	line-height: 50px;
}
.compteFidTitle {
	font: bold 22px/40px OpenSansCond,Arial,sans-serif;
	text-transform: uppercase;
	text-align: center;
}
.compteFidText {
	text-align: center;
	font-size: 14px;
	display: inline-block;
	width: 31%;
	vertical-align: top;
	margin: 0 auto 10px auto;
}
.compteFidText b {
	font: bold 18px/24px OpenSans,Arial,sans-serif;
	display: block;
}
.compteFidText i {
	font-size: 30px;
	color: #c30040;
	display: block;
}
.panierspartooandme {
  display: flex;
  height: 275px;
  margin: 2em auto;
  justify-content: flex-end;
  background-image: url(../images/panier_spartooandme.jpg);
  background-color: #ef8a8e;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.panierspartooandme #txt_spartooandme {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  width: 55%;
  height: 100%;
  padding: 0 0 0 2em;
}
.panierspartooandme #txt_spartooandme .titrespartooandme {
  font: bold 20px OpenSansCond, Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
}
.panierspartooandme #txt_spartooandme ul {
  font-size: 1.25em;
  line-height: 2;
  margin-bottom: 0;
}
.panierspartooandme #txt_spartooandme li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.panierspartooandme #txt_spartooandme li .icon-valider {
  display: inline-block;
  font-size: 1.4em;
  margin-right: 0.25em;
  transform: translate(0,0.15em);
}
.panierspartooandme #txt_spartooandme li .italic {
  display: inline-block;
  transform: translate(1.6em,0);
}
.panierspartooandme #btn_sampanier1 {
  display: inline-block;
  border-radius: 4px;
  background-color: #628f00;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.5em 1em;
  margin: 1em 0;
  transform: translate(1.5em,0);
  transition: background-color .4s ease-out .05s;
  -moz-box-shadow: 4px 4px 0px 0px #c0c0c0;
  -webkit-box-shadow: 4px 4px 0px 0px #c0c0c0;
  -o-box-shadow: 4px 4px 0px 0px #c0c0c0;
  box-shadow: 4px 4px 0px 0px #c0c0c0;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=0);
}
.panierspartooandme #btn_sampanier1:hover {
  background-color: #628f00;
}
/*
.panierspartooandme span{
	font: 12px/18px OpenSansRegular, Arial, sans-serif;

}
.panierspartooandme p {
	margin:8px;
}

#content #txt_spartooandme p{
	width: 55%;
	background-color: rgba(255, 255, 255, .4);
	padding: 20px;
}
.contentD_compte .btn_sampanier1 {
	display:flex;
	align-items: center;
}
.contentD_compte .btn_sampanier{
	background-color: #c30040;
	color: #fff;
	padding: 5% 5%;
	border-radius: 5px;
	font: bold 17px OpenSansCond, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	width: 130px;
	margin:100px 20px 0 0;
}

.contentD_compte .btn_sampanier p {
	text-align: center!important;
}
.contentD_compte .panierspartooandme .titrespartooandme {
	 font: bold 18px OpenSansCond, Arial, sans-serif;
	 text-transform: uppercase;
} */
.cgvspartooandme {
	font: 11px OpenSansRegular, Arial, sans-serif;
}
.contentD_compte .premium_small .premium_visuel img {
	display:none;
}
.contentD_compte .premium_small .premium_visuel {
	display: none;
	align-self: stretch;
	width: 0%;
	overflow: hidden;
}
.contentD_compte .premium_small .premium_addtobasket {
	width: 50%;
	margin: 0;
	padding: 30px;
}
/*FIN SPARTOO&ME PREMIUM*/

.panel_compte_bg {
	height: 235px;
	background: url(/images/panel_compte_bg.jpg) left top no-repeat;
	text-align: center;
	border: 1px solid #e6e6e6;
	margin-top: 20px;
	border-radius: 10px;
}
.panel_compte_bg >div{
	display: block;
	width: 50%;
	margin-left: 45%;
	font-size: 18px;
}
.panel_compte_bg span {
	display: block;
	margin: 20px auto;
}
.panel_compte_bg span:last-of-type {
	font-size: 12px;
	font-style: italic;
}


/*POP UP NEW VISIT*/
#popupVisit  { width: 100%; }

#popupVisit  ul, #popupVisit  li {margin: 0; padding:0; list-style: none;}

#popupVisit  li {
	display: block;
	width: 90%;
	margin: auto;
	padding: 0 0.5% 2% 0.5%;
	text-align: center;
	background-color: #fff;
	-moz-box-shadow: 0 0 5px #c0c0c0;
	-webkit-box-shadow: 0 0 5px #c0c0c0;
	box-shadow: 0 0 5px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=5);
}
#popupVisit  img, #popupVisit  h3, .popupVisitPriceSizeButton{
	display: inline-block;
	vertical-align: middle;
	width: 18%;
}
#popupVisit  .ident_product {
	color: #363636!important;
}
#popupVisit  .shopping_cart {
	margin: 0;
}
#popupVisit  .price {
	font-size: 18px;
}
#popupVisit  h3 label {
	display: block;
}
.popupVisitOrderInfo {
	font-size: 18px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.popupVisitOrderTracking{
	font-size: 40px;
	font-weight:200;
	font-family: OpenSans, Arial, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	margin-bottom: 5px;
}

input.validate:invalid {
	box-shadow: 0 0 5px 1px red;
}

.inputIBAN {
	text-align: center;
	width: 45px !important;
	padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

/*ACCUEIL COMPTE DOWNLOAD APP*/
.compte_appdl_content {
	margin: 0 auto 2em auto;
}
.compte_appdl_intro {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.4em;
	background-color: #f9de83;
	border-radius: 10px;
	padding: 2em;
}
.compte_appdl_intro p {
	display: flex;
	flex-wrap: wrap;
	width: 40%;
	align-items: center;
	text-align: justify;
	padding: 1em;
}
.compte_appdl_intro p span {
	width: 100%;
	font: bold 1.4em / 1em OpenSans, sans-serif;
	color: #363636;
}
.compte_appdl_buttons {
	display: flex;
	width: 60%;
	justify-content: space-around;
}
.compte_appdl_buttons > div {
	display: flex;
	align-items: center;
	text-align: center;
	flex-direction: column;
	background-color: #fff;
	border-radius: 5px;
    max-width: 45%;
    padding: 1em;
    font-size: 0.9em;
	color: #ff6255;
}
.compte_appdl_buttons div > img {
	width: 125px;
}
.compte_appdl_discount {
	
}

/*-- LOGIN PANIER --*/
.panierInclude {
	margin:0;
	padding: 0;
	width:100%;
	font-size: 1.4em;
	background-color:#fafafa;
}
#content .panierInclude h2 {
	padding: 0.5em 1em;
	margin: auto;
	background-color: #f0eeee;
}
.panierIncludeContent img {
	margin: 1em 2em 1em 1em;
	width: 80px;
}
.panierIncludeContent {
	display: flex;
	padding:1em 5em 1em 1em;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	border-bottom: 2px solid #fff;
}
.panierIncludeContentText {
	flex: 1;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.panierIncludeContentTotal {
	width: 100%;
	text-align: right;
	font-size: 1.4em;
	padding: 1em 3em 1em 1em;
}


#logoassurtoo {
	margin: 0 auto 20px;
    display: bloc;
	text-align:center;
}
#cgv_assurtoo {
	text-align: left;
}
#introassurtoo, #introassurtooavantages, #introassurtoofonctionnement {
	display:flex;
}
#introassurtoofonctionnement  {
	justify-content: space-around;
}
#introassurtoo {
	text-align:center;
	align-items: center;

}
.titreasurtoo {
	text-transform:uppercase;
	font:20px OpenSansBold,Arial,sans-serif;
	border:1px solid #c30040;
	padding:10px;
	margin:40px 0 40px 0;
	text-align:center;
}
#introassurtooavantages {
    justify-content: space-between;
	margin:20px 0 20px 0;
}
#sstitreavantages {
	font:15px OpenSansBold,Arial,sans-serif;
}
#introtxt {
	font:14px OpenSans,Arial,sans-serif;
	text-align:center;
	width:90%;
    margin: 0 auto;
}
#btnsouscrire {
	display:bloc;
	margin:10px 0;
	background-color:#c30040;
	color:#fff;
	font:15px OpenSansBold,Arial,sans-serif;
	padding:10px ;
	cursor: pointer;
}
#btnsouscrire a{
	color:#fff;
}
.introtxtbtn a:hover{
	display:bloc;
	margin:10px 0;
	background-color:#c30040;
	color:#fff;
	font:15px OpenSansBold,Arial,sans-serif;
	padding:10px ;
	cursor: pointer;
}
.ensavoirplusassurtoo{
	font:10px OpenSans,Arial,sans-serif;
	font-style:italic;
	text-transform: capitalize;
	text-align:center;
	width:90%;
    margin: 0 auto;
}
#souscrir {
	width:70%;
	text-transform:uppercase;
	text-align:center;
	font:15px OpenSansBold,Arial,sans-serif;
	border:1px solid #c30040;
	color:#c30040;
	padding:30px;

}
.titreavantages {
	text-transform:uppercase;
	font:20px OpenSansBold,Arial,sans-serif;
}
.txtoavantagesdescription {
	display:flex;
	background-color:#c30040;
	color:#fff;
	text-align:center;
    justify-content: center;
    align-items: center;
	width:33%;
	padding:10px;
}
.txtfonctionnementdescription {
	display:flex;
	align-items: flex-start;
	color:#000;
	text-transform:uppercase;
	text-align:left;
	width: 25%;
}
.txtoavantagesdescription p{
	font:14px OpenSansBold,Arial,sans-serif;
}
#btnsinistre {
	background-color:#c30040;
	color:#fff;
	font:15px OpenSansBold,Arial,sans-serif;
	padding:10px ;
    margin: 40px auto 20px;
    text-align: center;
    width: 20%;
}
#btnsinistre a{
	color:#fff;
}

.condition {
	text-transform:uppercase;
	text-align:center;
}

/*CGV*/
.tableaucgvassuretoo {
	border:1px solid #c3c3c3;
	max-width:1200px;
	margin: 0 auto;
}
#grtitrecgvassurtoo {
	text-align: center;
	font-size:30px;
	color: #c30040;
	font-weight: bold;
	padding:20px;
}
.titrecgvassurtoo {
	font-size:20px;
	color: #c30040;
	margin-bottom:20px;
}
.sstitre {
	font-weight:bold;
}
.titretableau {
	text-align: center;
	font-weight: bold;
	background-color: #fadde6;
	border:1px solid #c3c3c3;
	padding:20px;
}
.sstitretableau {
	vertical-align: middle;
	text-align: center;
	border:1px solid #c3c3c3;
}
.sstitretableau1 {
	padding:30px;
	vertical-align: middle;
	text-align: center;
	border:1px solid #c3c3c3;
}
.txtcategories {
	border:1px solid #c3c3c3;
	width:400px;
}
.txtcategories p{
	padding:10px;
}

/*****************************************************
**** SOMMAIRE **** PRODCARD
@GLOBAL
    - MAIN -
      __ FIL D'ARIANE __
      __ AFFICHAGE PRODUIT __
      __ INFOS PRINCIPALES __
      __ DISPO MAGASINS (AN) __
    - MARCHANDS MARKETPLACE -
    - DESCRIPTION / PARTAGER -
    - INFOS COMPLEMENTAIRES -
        __ COMPLETER LOOK __
        __ AVIS CLIENTS __
@VUE360 (pop_up_image.php)
@CARROUSELS
@MODULES COMPLEMENTAIRES
    - POP UP ADD TO WISHLIST -
    - ALERTE TAILLE -
    - GUIDE DES TAILLES -
    - ENVOYER A UN AMI (my_friend.php) -
*****************************************************/





/*****************************************************
**** @GLOBAL
******************************************************/
/*---- MAIN ----*/
#prodcard2 {
	width: 100%;
	margin: 10px 0 0;
	padding:0;
}
#prodcard2 >div:first-of-type {
	display: flex;
	flex-wrap: wrap;
}
#prodcard2 .fn {font-size: 14px;}
#content_prodcard {
	font-size: 14px;
}
/*__ FIL D'ARIANE __*/
#prodcard_return {
	display: inline-block;
	margin: 0;
	color: #363636;
	text-indent: 5px;
	background-color: #fff;
	text-transform: uppercase;
}
#prodcard_return i {
	margin-right: 5px;
	margin-left: -5px;
}
.filArianeProdcard {
	padding: 10px 0;
	margin: 0 0 10px;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
}
.filArianeProdcard a:last-of-type {font-family:OpenSans, Arial, sans-serif; font-weight: bold;}

/*__ AFFICHAGE PRODUIT __*/
.productBigView {
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 500px;
	position: relative;
	margin-right: 5%;
	vertical-align: top;
	box-sizing: border-box;
	text-align: center;
}
.productBigView img {
	margin:0 auto;
	vertical-align: middle;
}

/* Miniatures Autres vues */
.productView {
	width: 5%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.productView img {
	margin-bottom: 10px;
}

/* Photo produit externe */
#products_pictures_complementaire {
	margin-bottom: 20px;
	max-width: 100%;
}
#products_pictures_complementaire > div{
	display: flex;
	flex-wrap: wrap;
	max-height: 710px;
	overflow-Y: auto;
	scrollbar-color: c0c0c0 f0eeee;
	scrollbar-width: thin;
}
/* width */
#products_pictures_complementaire > div::-webkit-scrollbar {
	width: 4px;
}
/* Track */
#products_pictures_complementaire > div::-webkit-scrollbar-track {
	background: #f0eeee;
	border-radius: 2px;
}
/* Handle */
#products_pictures_complementaire > div::-webkit-scrollbar-thumb {
	background: #c0c0c0;
	border-radius: 2px;
}

/* Handle on hover */
#products_pictures_complementaire > div::-webkit-scrollbar-thumb:hover {
	background: #dddddd;
}

#products_pictures_complementaire > div > div {
	width: 290px;
	margin-bottom: 2em;
}
#products_pictures_complementaire img{
	max-width: 275px;
}
.home_carousel {
	width: 1200px;
	margin: auto;
}
/*__ ZOOM __*/

.photo.product_zoom {
	cursor: zoom-in;
}
#zoom_container {
	z-index: 100;
	position: fixed;
	top:0;
	left:0;
	width:100vw;
	height: 100vh;
	display:flex;
	background-color: #fff;
	overflow-y: auto;
}
#zoom_container .close_zoom {
	position: fixed;
	top:0;
	right: 12px;
	color: #707070;
	cursor: pointer;
	font-size: 24px;
	text-align:center;
	padding: 5px 10px;
}
#zoom_container .zoom_views {
	display:flex;
	flex-direction: column;
	padding:20px;
	background-color: #fff;
	max-height:100vh;
	width: 160px;
	height:100vh;
	position:fixed;
	top:0;
	direction: rtl;
	overflow-y:auto;
}
#zoom_container::-webkit-scrollbar-track,
#zoom_container .zoom_views::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
#zoom_container::-webkit-scrollbar,
#zoom_container .zoom_views::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}
#zoom_container::-webkit-scrollbar-thumb,
#zoom_container .zoom_views::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #c0c0c0;
}
#zoom_container .zoom_views a {
	margin-bottom:30px;
	direction:ltr;
}
#zoom_container .zoom_views a img {
	max-width: 100%;
}
#zoom_container .zoomed {
	flex-grow:1;
	text-align: center;
	margin-left: 160px;
}
#zoom_container .zoomed img {
	align-self: flex-start;
	max-width: 100%;
	cursor: zoom-out;
	margin-right:0;
}
#zoom_container .zoomed img.less_zoomed {
	max-height:100vh;
	cursor: zoom-in;
	margin-right:160px;
}

@media screen and (max-width:720px) {
	#zoom_container {
		flex-direction: column-reverse;
	}
	#zoom_container .zoom_views {
		position:initial;
		flex-direction: row;
		z-index:2;
		padding:20px;
		height: 150px;
		width:100%;
		overflow-x: auto;
		overflow-y: hidden;
		direction: initial;
	}
	#zoom_container .zoom_views a {
		text-align: center;
		margin: 0 10px;
		max-width:20%;
	}
	#zoom_container .zoom_views a img {
		max-width: initial;
		max-height: 100%;
	}
	#zoom_container .zoomed {
		height: calc(100vh - 150px);
		margin-left:initial;
	}
	#zoom_container .zoomed img {
		height: initial;
		cursor: zoom-in;
		max-width: 100%;
		max-height: 100vh;
		margin-right:initial;
	}
}

/*__ INFOS PRINCIPALES __*/
.prodcardBase {
	width: 40%;
	top: 0;
	right: 0;
	align-self: flex-start;
	position: sticky;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}
.brandLogo {
	border: 1px solid #c0c0c0;
	vertical-align: middle;
}
.productNameColor {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font: 20px/24px OpenSans, Arial, sans-serif;
}
.productNameColor h1 {
	font-weight: bold;
}
#avis {
	width: 100%;
	justify-content: right;
	text-align: right;
	vertical-align: top;
}
.product_price_div {
	display: block;
	width: 100%;
}
/* .productPrice, .sales-productPrice  {
	margin-top: 20px;
}
 */.productPrice > span, .sales-productPrice > span {
	display: block;
	font-size: 12px;
}
.prodcardDiscountBold {
	color: var(--main-color);
}
#prodcard_3X {
	margin-top: 10px;
}
.productPrice i, .sales-productPrice i {
	display: inline-block;
	vertical-align: bottom;
	font-size: 18px;
	color: #91bd09;
}
.product_price_span, .sales-productPrice > span > span:first-of-type  {
	font: bold 18px/22px OpenSans, Arial, sans-serif;
}
/* Helpbox prix + Helpbox avis*/
.product_price_div .icon_info_price, .avisClients .icon_info_comment {
	margin-right: 5px;
	display:inline-block;
	line-height: 20px;
	position: relative;
}
.product_price_div .icon_info_price i, .avisClients .icon_info_comment i {
	color: #c0c0c0;
	cursor: pointer;
}
.product_price_div .icon_info_price .info_price_helpbox, .avisClients .icon_info_comment .info_price_helpbox {
	display:none;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(calc(100%), -50%);
	min-width: 300px;
	font-size: 10px;
	text-align: center;
	background-color: #fff;
	color:#707070;
	border: 1px solid #c0c0c0;
	padding: 3px 4px;
	border-radius:5px;
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	font-weight: normal;
}
.product_price_div .icon_info_price:hover .info_price_helpbox, .avisClients .icon_info_comment:hover .info_price_helpbox {
	display:block;
}
.productTVA {
	font: italic 11px/14px OpenSans, Arial, sans-serif;
}
.addToCart {
	width: 411px;
	height: 40px;
	margin: 20px 0 0 0;
	font: bold 16px/20px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
}
.addToCart i {
	margin: 0 0 0 10px;
	font-size: 24px;
	float: left;
}
#expedition_time_div {
	margin: 10px 0 0 5px;
}
#expedition_time_div span {font-family: OpenSans, Arial, sans-serif; font-weight: bold;}

#add_to {
	display: inline-block;
	font-size: 26px;
	vertical-align: top;
	margin: 20px 0 0 20px !important;
	border: 2px solid #707070;
	border-radius: 50%;
	padding: 5px;
}
#prodcard_freeshipping, #prodcard_mp_freereturn, #prodcard_mp_freeshipping, #prodcard_mp_freeshippingreturn {
	display: inline-block;
	margin-top: 10px;
}
#prodcard_freeshipping i, #prodcard_mp_freereturn i, #prodcard_mp_freeshipping i, #prodcard_mp_freeshippingreturn i {
	display: inline-block;
	vertical-align: bottom;
	font-size: 18px;
	color: #91bd09;
}
.prodcardInfosUtiles {
	border-top: 1px solid #e6e6e6;
	margin-top: 50px;
}
.prodcardInfosUtiles > div:first-child { padding-bottom: 1em; }
.retour_payant {
	font-family: OpenSans, Arial, sans-serif;
}
span.retour_payant i {font-size: 18px;}

.prodcardInfosUtiles > div:first-of-type {
	font: bold 16px/20px OpenSans, Arial, sans-serif;
	color: #707070;
	text-transform: uppercase;
	margin-top: 10px;
}
.prodcardInfosUtiles > div:first-of-type i {
	font-weight: bold;
	font-size: 19px;
	display: inline-block;
	vertical-align: text-top;
}
.prodcardBase .header_shipping4Xmas {
	padding: 1em;
	margin: 0.5em auto;
	justify-content: center;
	text-align: center;
	background-color: #ffebcc;
}
#products_other_merchants_div,
#disp_store_id,
#prodcard_premium_info,
#marketplace_info_div,
.neutre {
	display: none;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
	color: #363636;
}
#kmlt_info_div {
	font-size: 14px;
	color: #363636;
}
#products_other_merchants_div a,
#disp_store_id a,
#prodcard_premium_info a,
#marketplace_info_div a,
#disp_echantillon a,
#kmlt_info_div a,
#promo_carlington a {
	color: inherit;
	font-size: 14px;
}
#prodcard_premium_info > div,
#marketplace_info_div > div,
#disp_echantillon > div,
#kmlt_info_div > div,
#products_other_merchants_div > div,
#disp_store_id > div,
.neutre > div {
	display: flex;
	padding: 0.25em 0;
	flex-direction: row;
	align-items: center;
}
#marketplace_info_div > div > div {
    display: flex;
    align-items: center;
}
#prodcard_premium_info .icon-flecheDroite,
#marketplace_info_div .icon-flecheDroite,
#disp_echantillon .icon-flecheDroite,
#products_other_merchants_div .icon-flecheDroite,
#disp_store_id .icon-flecheDroite,
.neutre .icon-valider {
	font-size: 1.5em;
	margin-right: .25em;
}

#prodcard_paypal {
	padding: 2em;
	background-color:#00ade5;
}
#prodcard_paypal > div:first-child {
	text-align: left;
	padding: 0 0 1rem 0;
}
#prodcard_paypal > div:last-child {
	text-align: left;
	color: #fff;
	font-size: 1.2em;
}
#prodcard_paypal > div:last-child > div {
	padding: 0.3em 0;
}
a#marketplace_name_inner, a#kmlt_name_inner { text-transform: capitalize; color:#c30040; text-decoration: underline;margin: 0 2px; }
#products_info_pub  {
	margin: 10px auto;
	text-align: left;
	font-size: 12px;
	background-color: #efefef;
	padding: 1em 1em 1em 1.9em;
	border-radius: 0.4em;
}
#products_info_pub b {
	font: bold 14px/18px OpenSans, Arial, sans-serif;
}
.expedition {
	display: none;
	font-size: 1.1em;
	letter-spacing: 0.02em;
	align-items: center;
	width: 90%;
	margin: 1.5em auto auto 0;
}
.expedition > img {
	width: 15px;
	height: 10px;
	margin-right: 0.5em;
}
.sizeList_container {
	margin-bottom: 0px;
}
.productSizeInfo {
	display: flex;
	align-items: center;
	border-top: none;
	padding: 0.2em 0.6em;
	justify-content: space-between;
	cursor: pointer;
}
.productSizeInfo i {
	font-size: 1.6em;
}
.op_prodcard {
	display: inline-block;
	margin-left: 160px;
}
.op_prodcard img, .op_prodcard .flags div, .flags .op_prodcard div {
	border: none;
}
.op_prodcard_prixdoux {
	float: right;
	width: 355px;
	height: 42px;
	text-align: center;
	color: #363636;
	border-radius: 4px;
	border: 1px solid #c0c0c0;
}
.op_prodcard_prixdoux span { display: block; }
.op_prodcard_prixdoux span:first-child { font: italic 20px Georgia, Utopia, Charter, serif; }
.op_prodcard_prixdoux span:nth-child(2) { margin-top: -3px; }
.op_prodcard_prixdoux span:first-child b { color: #c30040;}
.op_prodcard_prixdoux span:nth-child(2) b { font-size: 13px; color: #c30040;}

.fn {font-size: 11px;}

.mac {
	position: relative;
	padding:0;
	margin:0;
}
#prodcard2 .red {
	border: 2px solid #c30040;
	color: #c30040;
}

.paymentsAndShippingslogos {
	margin: 20px 0 0 5px;
	display: flex;
	justify-content: space-between;
}
.paymentsAndShippingslogos img {
	cursor: pointer;
}

/*__ ACHETER CE LOOK __*/
.wholeLook_div_title{
	margin: 20px 0 0 0;
	padding:10px 10px 10px 0;
	font-weight: bold;
}
.wholeLook_div {
	overflow: hidden;
	width:100%;
	box-sizing: border-box;
	padding:10px;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.wholeLook_div > div {width:100%;}
.wholeLook_div .caption {text-transform: uppercase;}
.wholeLook_div .wlk_subtitle:not(:first-child) {margin-top: 10px;}
.wholeLook_div .wlk_subtitle {
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.wholeLook_div p {margin: 0;}
.wholeLook_btn {
	display:flex;
	margin: 15px 0 5px;
	color: #fff;
	font-size: 12px;
	line-height:20px;
	text-align: center;
	vertical-align: middle;
	min-width: 50px;
}
.wholeLook_btn span:first-child {
	padding: 4px 12px;
	background-color: #505050;
	border-radius: 3px 0 0 3px;
}
.wholeLook_btn span:last-child {
	padding: 4px 8px;
	border-radius: 0 3px 3px 0;
	background-color: #c30040;
}
.wholeLook_btn span:last-child sup {
	vertical-align: 2px;
	font-size:9px;
}
.wholeLook_btn:hover {color: #fff; opacity:.9;}
.prodcardWholeLook {
	width: 40%;
	vertical-align: middle;
	box-sizing: border-box;
	display:inline-flex;
	flex-direction: column;
}
.prodcardWholeLook h2 {
	text-transform: uppercase;
	font: bold 18px OpenSans, Arial, sans-serif;
	border-bottom: 1px solid #f0eeee;
	padding-bottom:10px;
	margin-bottom:20px;
	width:100%;
	display:flex;
	justify-content: space-between;
}

.wholeLook_product {
	width:100%;
	padding:10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f0eeee;
	overflow:hidden;
}
.wholeLook_product:last-of-type {margin-bottom:5px;}
.wholeLook_img {float:left;}
.wholeLook_product img {width:100px;}

.wholeLook_productInfos {
	flex-grow:1;
	padding:15px 10px;
}
.wholeLook_productInfos select {
	border: 1px solid #e6e6e6;
	padding: 4px;
	margin: 5px auto;
	max-width: 90px;
}
.wholeLook_productInfos p {
	font: 14px/18px OpenSans, Arial, sans-serif;
	margin-bottom:5px;
}
.wholeLook_productInfos p:first-child {font-weight:bold;}
.wholeLook_productInfos p:nth-child(2) {text-transform:uppercase;}
.wholeLook_productInfos p:last-child {font-size:11px; color: #707070;}

.wholeLook_product .price {
	font-size:11px;
	text-align:center;
	width:100px;
	min-width:100px;
}
.wholeLook_product .price p, .wholeLook_footer p  {margin-bottom:0;}

.wholeLook_discount .vignette_discount_rounded {
	position: initial;
	top: initial;
	right:initial;
}

.wholeLook_product:first-of-type .wholeLook_img {margin-left: 40px;}
.wholeLook_product:first-of-type .price {margin-right: 40px;}
.wholeLook_all {
	text-align:right;
}
.wholeLook_footer {
	border:none !important;
	margin:15px 0;
	font-weight:bold;
}
.prodcardWholeLook .addToCart {width:100%;}
.prodcardWholeLook .addToCart + a {
	text-align: center;
	width: 100%;
	display: inline-block;
	margin-top: 10px;
}

/* Checkboxes */
.ctrl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	font-size: 18px;
}
.ctrl input {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display:none; /*ajout*/
}
.ctrl__ind {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right : 20px;
	height: 20px;
	min-width: 20px;
	width: 20px;
	background: #e6e6e6;
	cursor:pointer;
	border-radius: 3px;
}
.ctrl:hover input ~ .ctrl__ind {background: #c0c0c0;}
.ctrl input:checked ~ .ctrl__ind,
.ctrl:hover input:not([disabled]):checked ~ .ctrl__ind {background: #363636;}

.ctrl input:disabled ~ .ctrl__ind {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}
.ctrl__ind:after {
	content: '';
	position: absolute;
	display: none;
}
.ctrl input:checked ~ .ctrl__ind:after {display: block;}

.ctrl--ckbx .ctrl__ind:after {
	width: 3px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
/* Checkboxes END */

/* ACHETER CE LOOK : VERSION DANS INFOS COMPLEMENTAIRES */

.infosWholeLook {
	margin: 20px 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 20px 0;
}
.infosWholeLook h2 {
	font: inherit;
	text-align: center;
	text-transform: uppercase;
}
.wlk_showcase {
	display:flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #e6e6e6;
	border-radius: 15px;
	overflow: hidden;
}
.wlk_showcase > img {
	width: calc(100% / 3);
}
.wlk_showcase > img.small {
	width: calc(100% / 4);
}
.wlk_showcase > div {
	width: calc(100% / 3 * 2);
	display: flex;
	justify-content: space-around;
}
/* cas produits nombreux */
.wlk_showcase > img.small + div {
	width: calc(100% / 4 * 3);
}
.wlk_showcase label:first-child:nth-last-child(6),
.wlk_showcase label:first-child:nth-last-child(6) ~ label {
	padding:20px;
}
.wlk_showcase .wholeLook_product:first-of-type .wholeLook_img{margin: 0;}
.wlk_showcase .wholeLook_product {
	padding: 30px;
	border: none;
	flex-wrap: wrap;
	position: relative;
	max-width:35%;
}
.wlk_showcase .wholeLook_img {float:initial;}
.wlk_showcase .wholeLook_img img {
	max-width:200px;
	width:100%;
}
.wlk_showcase label .wholeLook_productInfos {
	width: 100%;
	padding:0;
	margin-top:20px;
}
.wlk_showcase .wholeLook_product:first-of-type .price {margin: 0 20px;}
.wlk_showcase label .price {
	min-width: initial;
	width: calc(100% - 40px);
	margin:auto;
}
.wlk_showcase label .ctrl__ind {
	position: absolute;
	top:30px;
	right:20px;
}
.infosWholeLook .wholeLook_all {margin-top:5px;}
.infosWholeLook button[type="submit"] {
	display: block;
	margin: auto;
}

/*__ NEWLIFE __*/

.kmlt_sell_yours {
	margin-top:1em;
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.1em;
	letter-spacing: 0.01em;
	color: #363636;
}
.kmlt_sell_yours:hover {
	color: #363636;
}
.kmlt_sell_yours img {
	margin-right: 8px;
	width: 55px;
}
.kmlt_sell_yours > span:last-child {width:100%;}
.kmlt_sell_yours .kmltbtn {
	color: #C9A78B;
	border-bottom: 1px dotted#C9A78B;
	margin-left: 3px;
}
.kmlt_sell_yours .kmltbtn i {vertical-align: -1px;}
.kmlt_sell_yours .kmltbtn:hover {color: #8C725B;}

/*__ DISPO MAGASINS (AN) __*/
.prodcardDispoMag {
	margin-top:10px;
}
.prodcardDispoMag div:first-child {
	font-weight:bold;
}
.prodcardDispoMag a i, .dispo i {
	vertical-align: -2px;
}
.dispoTitle {font-size:1.4em;color:#251a5d;}
.storeSearchResult {padding: 10px 60px;}
.storeInfoContent {
	padding:10px;
	text-align:left;
}
.storeInfoContentDiv {
	margin:auto;
	width:75%;
}
.storeInfoContent {
	border-top: 1px solid #c0c0c0;
}
.magPicture {
	float:left;
	margin:10px 20px 10px 0;
}
.storeName, .dispo {font-weight:bold;}
.storeDist, .storeOpen, .storeClose {
	color:#707070;
}
.storeStatus {
	width:10px;
	height:10px;
	border-radius:20px;
	display:inline-block;
}
.storeOpen .storeStatus {background-color:green;}
.storeClose .storeStatus {background-color:orange;}
.storeText {
	font-weight:bold;
	color:#363636;
}
.dispoOK {color:green;}
.dispoKO {color:firebrick;}

/*---- MARCHANDS MARKETPLACE ----*/
#product_lessPrice {
	cursor: pointer;
	display: flex;
	line-height: 1.4em;
	align-items: center;
}
#product_lessPrice i {
	font-size: 1.5em;
	margin-right: 0.25em;
}
#dis_lessprice {
	font-size: 13px;
}
#dis_header_lessprice {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #c0c0c0;
	background: url(/images/background_header_lessprice.gif) right center no-repeat;
	background-color: #f0eeee;
	color: #c30040;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
}
#dis_header_close {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	width: 35px;
	height: 30px;
	cursor: pointer;
}
#dis_product_less_price, #retour_lessprice {
	margin: auto;
	width: 80%;
}
#dis_product_infos {
	margin: auto;
}
#dis_product_infos a {color: #c30040;}

#dis_explications_lessprice {
	width: 80%;
	margin: auto;
}
#dis_titre_less_price {
	width: 400px;
	height: 21px;
	line-height: 21px;
	margin: 0 auto 15px auto;
	background-color: #c30040;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}
#dis_lessprice_form {
	width: 400px;
	margin: auto;
}
#dis_lessprice_form label {
	font-size: 1.1em;
	font-weight: 600;
}
#dis_form_site_lessprice, #dis_form_shop_lessprice {
	width: 100%;
	margin-top: 20px;
}
#dis_form_site_lessprice .label, #dis_form_shop_lessprice .label {
	float: left;
	width: 200px;
	height: 25px;
	line-height: 25px;
	margin-left: 15px;
	font-weight: 600;
}
#dis_form_site_lessprice input, #dis_form_shop_lessprice input {
	border: 1px solid #c0c0c0;
	background-color: #f0eeee;
	height: 20px;
	width: 150px;
}
.prodcardBase .dis_logo_left {
	display: none;	
}
.productBigView .shield {
	display: none;	
}
.prodcardBase .shield {
	display: block;
	position: absolute;
	left: -35px;
	top: 88px;
	margin: 0;	
}
.dis_lessprice_cell {
	width: 100%;
	height: 25px;
	margin: 5px 0;
}
.radio {margin: 0 10px 0 15px;}

#dis_lessprice_boutons {
	width: 100%;
	height: 50px;
	line-height: 45px;
	margin-top: 25px;
	text-align: center;
	border-top: 1px dashed #c0c0c0;
	padding-top: 10px;
}
#dis_lessprice_boutons #valider {
	margin-left: 15px;
	background-color: #707070;
	border: none;
	color: #fff;
	font-weight: 600;
	padding: 3px 5px 5px 5px;
	cursor: pointer;
}
#dis_lessprice_boutons #annuler {
	background-color: #fff;
	border: 1px solid #c0c0c0;
	color: #707070;
	font-weight: 600;
	padding: 3px 5px 5px 5px;
	cursor: pointer;
}
#dis_retour_ajax {
	width: 400px;
	height: 100px;
	line-height: 100px;
	margin: 15px auto 15px auto;
	color: #707070;
	font-size: 1.3em;
	text-align: center;
}
#merchant_list_div {
	background: transparent url(/images/overlay.png) repeat top left;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
#merchant_list_close {
	float: right;
	font-size: 22px;
}
#merchant_list_div_inner {
	position: absolute;
	top: -600px;
	right: 220px;
	background-color: #fff;
	color: #707070;
	width: 763px;
	z-index: 150;
	margin: auto;
	max-height: 500px;
	overflow-y: auto;
}
#title_merchant_list {
	width: 723px;
	height: 30px;
	margin: 20px 20px 0 20px;
	background-color: #f0eeee;
	font: 14px OpenSans, Arial, sans-serif;
	color: #363636;
	vertical-align: middle;
	text-indent: 10px;
}
.info_merchant_list {
	display: block;
	width: 723px;
	margin: 0 20px 10px 20px;
	padding: 0 0 10px;
	font: 12px OpenSans, Arial, sans-serif;
	color: #707070;
	border-bottom: 1px dotted #c0c0c0;
}
#logo_merchant_list {
	vertical-align: middle;
	display: inline-block;
	width: 170px;
	height: 80px;
	line-height: 80px;
	text-align: center;
}
#logo_merchant_list img, #logo_merchant_list .flags div, .flags #logo_merchant_list div {
	max-width: 170px;
	display: inline-block;
}
#text_info_merchant_list {
	width: 140px;
	height: 80px;
	line-height: 18px;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
}
#prix_merchant_list {
	width: 145px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
}
.prix_merchant_list_content {
	width: 145px;
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
}
.prix_merchant_list_content i {
	font-size: 14px;
	color: #c30040;
}
.prix_merchant_list_details {text-decoration: underline;}

.price_merchant_list {
	display: block;
	width: 100%;
	font: bold 13px OpenSans, Arial, sans-serif;
	color: #707070;
}
#size_merchant_list {
	width: 100px;
	height: 80px;
	float: left;
	background-color: #f0eeee;
	margin: 0 20px;
	text-align: center;
}
#size_merchant_list p {
	margin: 10px 0;
	line-height: 16px;
}
#button_merchant_list {
	display: inline-block;
	vertical-align: middle;
	margin-top: 2%;
}
.info_merchant_left, .prix_merchant_form_right {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	height: 80px;
}
/*
#products_other_merchants_div {
    display: none;
    margin: 10px auto;
    text-align: center;
    font-size: 10px;
}
 */
.conditions_partenaires_img,
.conditions_partenaires,
#points_fid {
	font-size: 1.2em;
	text-align: left;
	padding: 1em 3em 0em 3em;
}
.conditions_partenaires h1 {
	font: bold 1.1em/1.4em OpenSans, Arial, sans-serif;
	text-decoration: underline;
	text-align: left;
	margin: 1rem 0 0.5rem 0;
}
.produit-part-title {
	font: bold 1.6em/1.4em OpenSansCond, Arial, sans-serif;
	text-transform: uppercase;
}
/* .title-infos-merchant {
	font: bold 1.4em/1.4em OpenSans, Arial, sans-serif;
} */
.rows-avis-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 2rem 0;
}
.row-avis-lign {
	display: flex;
	width: 45%;
	margin: 0.3rem 0;
	justify-content: space-between;
}
.row-avis-name {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.row-avis-date {
	font-style: italic;
}

#popup_alert_parent .conditions_partenaires h1,
#points_fid h1,
#popup_cgv_premium h1 {
	margin-left: 0;
}

/*---- DESCRIPTION / PARTAGER ----*/
#productDescription {
	color: #707070;
	border-top: 1px solid #e6e6e6;
	font-size: 16px;
	display:flex;
}
#productDescription .product_detailed_infos {
	width: 60%;
	padding-right: 30px;
}
#productDescription .prodcard_complement {
	width: 40%;
}
#productDescription .prodcard_complement:first-child {
	width: 100%;
	display:flex;
	justify-content: space-between;
	padding: 1.5em 0;
}
#productDescription .prodcard_complement:first-child > div {
	margin: 0;
	width:25%;
	padding-right:30px;
}
#productDescription .prodcard_complement:first-child > div:not(:first-child) {
	border-left: 1px solid #f0eeee;
	padding: 0 0 0 30px;
}
.productDescriptionTitle {
	font: bold 16px/20px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	margin-top: 20px;
	color: #363636;
}
.Plus_Produit_Picto { 
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
	text-align: center;
	justify-content: space-around;
}
.Plus_Produit_Picto div { 
	max-width: 100px;
}
.Plus_Produit_Picto div:nth-of-type(even) { 
	margin: 0 10px;
}
.Plus_Produit_Picto > span { 
	width: 100%;
	max-width: 100%;
	text-align: left;
	margin: 0 0 15px 0;
}
.Plus_Produit_Picto div span { 
	display:block;
}

.cat-green {
	display: flex;
	align-items: center;
}
.cat-green > i {
	position: absolute;
	font-size: 2em;
	transform: translate(-1.1em);
}
.prodcardDetails_subtitle {
	float: left;
	width: 200px;
	font-size: 13px;
	color: #363636;
	margin: 0;
}
.prodcardDetails_desc {
	width: auto;
	text-align : justify;
}
.prodcardDetails_content li {list-style-type: none;}

.infoCompo, .infoDimension {
	margin: 5px 10px 0 0;
}
#products_info_pointure, #products_info_mannequin {
	display: block;
}
.borderButton {
	border: 1px solid #363636;
	height: 25px;
	padding: 4px 10px;
	margin: 5px;
	display: inline-block;
	box-sizing: border-box;
	font-size: 11px;
	color: #363636;
	text-transform: uppercase;
}
.borderButton:hover {
	color: #e6e6e6;
	background-color: #363636;
}
#size_grid {
	z-index: 9999;
	display: none;
	position: absolute;
	width: 900px;
	background-color: #fff;
	padding: 10px;
	left: 50%;
	margin-left: -36%;
	top: 50px;
	border: 1px solid #c0c0c0
}
#fav_to, #add_to, #friend, #friend_B {
	margin: 0;
	cursor: pointer;
	color: #707070;
}


/*---- SHARE LINKS ----*/
.share_links {margin-top:10px;}
.share_links a {
	margin-right: 10px;
	font-size:25px;
}

/*.share_links a {*/
/*margin-right: 5px;*/
/*font-size: 11px;*/
/*background-color: #707070;*/
/*}*/
/*.share_links a.btn-small i {*/
/*font-size:11px;*/
/*vertical-align: 0;*/
/*}*/




/*---- INFOS COMPLEMENTAIRES ----*/
#products_info_complementaires {
	margin-top: 1.5em;
	border-top: 1px solid #e6e6e6;
}

#products_info_complementaires > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#products_info_complementaires > div .prodcardOtherInfosTitle {width:80%;margin:auto;font-size: 30px;line-height:40px;}


/*__ COMPLETER LOOK __*/
#productsComp, #productsComp2 {
	text-align: center;
	margin: 2em auto;
	display: inline-block;
	width: 49%;
}
#productsComp > div, #productsComp2 > div {
	vertical-align: top;
	position:relative;
	padding: 10px 5%;
	margin: 0.5%;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}
#productsComp > div > div, #productsComp2 > div > div {
	display: inline-block;
	width: 40%;
	vertical-align: middle;
	text-align: left;
	position:relative;
	padding: 10px 5px;
	box-sizing: border-box;
}
#productsComp > div > div b, #productsComp2 > div > div b{
	font: bold 15px/22px OpenSans, Arial, sans-serif;
	font-weight: normal;
}
#productsComp > div >div img, #productsComp2 > div >div img{
	height: 150px;
}
#productsComp > div > div button, #productsComp2 > div > div button {
	margin-top: 10px;
	text-transform: uppercase;
	width: 75%;
	position: relative;
}
#productsComp > div > div button  i, #productsComp2 > div > div button  i{
	font-size: 18px;
	position: absolute;
	left: 25px;
}
#productsComp > div > div select, #productsComp2 > div > div select{
	border: 1px solid #e6e6e6;
	padding: 4px;
	margin: 5px auto;
	width: 100%;
}
#productsComp > div > div:nth-of-type(2), #productsComp > div > div:nth-of-type(5), #productsComp2 > div > div:nth-of-type(2), #productsComp2 > div > div:nth-of-type(5) {
	width: 10%;
	height: 100%;
	border: none;
	text-align: center;
}
#productsComp > div > div:nth-of-type(2)  i , #productsComp > div > div:nth-of-type(5)  i, #productsComp2 > div > div:nth-of-type(2)  i , #productsComp2 > div > div:nth-of-type(5)  i {
	font-size: 30px;
}
.compTotalPrice {
	width: 100%!important;
	text-align: center!important;
	border-top: 1px solid #e6e6e6;
}
.price1 {
	font: bold 15px/22px OpenSans, Arial, sans-serif;
	color: #707070;
	text-transform: uppercase;
}





/*****************************************************
**** @VUE360 (pop_up_image.php)
******************************************************/
.pop_image_content {
	width: 650px;
	height: 650px;
	z-index: 1;
}
.pop_image_content_produit {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -185px;
	z-index: 5000;
}
.pop_image_banking {
	position: absolute;
	top: 630px;
	width: 650px;
	height: 20px;
}
.pop_image_conteneur_image {
	text-align: center;
	height: 650px;
	width: 650px;
}
.pop_image_product_image {margin-top: 50px;}

.pop_image_titre_image {
	text-align: center;
	margin-top: 60px;
}
.pop_image_content_vign {width: 760px;}

.pop_image_close {
	position: absolute;
	margin: auto;
	z-index: 10;
	top: 5px;
	right: 25px;
}
.popthumb {float: left;}

.popthumb, .popthumb3 {
	margin: 2px 9px 0 0;
	padding:0;
	border: 1px solid #c0c0c0;
}





/*****************************************************
**** @CARROUSELS
>> Autres couleurs, modèles enfants
******************************************************/
.couleurs2 {
	display: inline-block;
	padding: 0;
	margin: 20px auto 0;
	width: 100%;
}
.couleurs2 .prodcardOtherInfosTitle {
	display: inline-block;
	width: 100%;
	padding: 20px 0;
	font: bold 30px OpenSans, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid #e6e6e6;
}
.otherProductsView {
	width: 1000px;
	height: 120px;
	margin: auto;
	display: inline-block;
	vertical-align:top;
	overflow: hidden;
}
.otherProductsView img {margin: 0 40px;}

.prodcardOtherInfosTitle {
	padding: 20px 0;
	font: bold 30px/40px OpenSans, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
}
#productsContainer, #productsContainer2 {
	margin-left: 0;
}
.productNameOver {
	color:#c30040;
}
.back, .next, .back2, .next2 {
	cursor: pointer;
	font-size:32px;
	height: 120px;
	line-height: 80px;
	display: inline-block;
	vertical-align: top;
}
.back:hover, .next:hover, .back2:hover, .next2:hover {
	background-color: #e6e6e6;
	color: #707070;
}
.createdWishlist {
	display:inline-block;
	margin:10px auto;
	padding: 10px 15px;
	font-size:1.2em;
	border: 1px solid #707070;
	border-radius: 3px;
}
.createdWishlist:hover {
	border: 1px solid #c30040;
}





/*****************************************************
**** @MODULES COMPLEMENTAIRES
******************************************************/
/*---- POP UP ADD TO WISHLIST ----*/
#overlay_new { position: absolute; width: 100%; top: 0; left: 0; text-align: center; z-index: 1501; background: rgba(0,0,0,0.30); }
#overlay_new * { box-sizing: border-box; }
#overlay_new img { max-width: 100%; margin-bottom: 20px;}
#overlay_new #box_new {
	position: relative;
	width: 480px;
	background-color: #fff;
	margin: 0 auto;
	top: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	-moz-box-shadow: 0 4px 6px 0 #363636;
	-webkit-box-shadow: 0 4px 6px 0 #363636;
	-o-box-shadow: 0 4px 6px 0 #363636;
	box-shadow: 0 4px 6px 0 #363636;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#363636, Direction=180, Strength=6);
}
#overlay_new #box_new #prodcardWhish, #overlay_new #box_new #inscriptWhish { width: 480px; float: left; }
#overlay_new #box_new #prodcardWhish > span,
#overlay_new #box_new #inscriptWhish > span { display: block; }
#overlay_new #box_new #prodcardWhish > span:first-of-type,
#overlay_new #box_new #inscriptWhish > span:first-of-type { text-align: right; padding: 0.5em 1em;}
#overlay_new #box_new #prodcardWhish > span:last-of-type,
#overlay_new #box_new #inscriptWhish > span:last-of-type {
	text-align: center;
	padding: 0.5em;
	font: 200 1.8em OpenSans, Arial, sans-serif;
}
#overlay_new #box_new .boxClose {
	display: block;
	font-size: 2.5em;
	font-weight: normal;
}
#overlay_new #box_new #prodcardWhish > div { text-align: center; padding: 0 0 1em 0; }
#overlay_new #box_new #prodcardWhish > div > h3 {
	text-transform: uppercase;
}
.wish_brandname, .wish_productname {
	margin: 0 0 5px;
	font-size: 1.2em;
}
.wish_brandname {
	text-transform: uppercase;
	font-weight: bold;
}
.wish_productname {margin: 0 0 20px;}
#overlay_new #box_new .select-style {
	padding: 0.8em 0.2em;
	margin: auto;
	width: 80%;
	border-radius: 3px;
	border: 1px solid #c0c0c0;
	overflow: hidden;
	background: #f0eeee url("/images/arrowDown_grey.gif") no-repeat 95% 50%;
}
#overlay_new #box_new .select-style select {
	padding: 5px 8px;
	width: 100%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
#overlay_new #box_new select:focus {
	border: none;
	outline: none;
	box-shadow: none !important;
}
#overlay_new #box_new select::-ms-expand { display:none; }
.button_popup_wishlist > button > span {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 15%;
}
.overlay_center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: 100vh;
}
.button_popup_wishlist > button > p {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 85%;
}
.button_popup_wishlist #continue-shopping,
.button_popup_wishlist #just-add,
.button_popup_wishlist #add-see {
	padding: 0.8em 0.2em;
	width: 80%;
	font-size: 1.4em;
	text-transform: uppercase;
}
.button_popup_wishlist #continue-shopping {
	margin-top: 1em;
}
#overlay_new #popup_alert { font-family: OpenSans, Arial, sans-serif; font-weight: bold; color: #cc0000; }
#overlay_new #popup_transmit {
	width: 80%;
	margin: auto auto 0.25em auto;
	padding: 0.5em 0.25em;
	font-size: 1.2em;
}
#overlay_new #popup_transmit #link {
	display: block;
	text-transform: uppercase;
	text-decoration: underline;
	cursor: pointer;
}
#overlay_new #loginFormDiv.contentGLogin,
#overlay_new #newAccountForm.contentDLogin {
	display: block;
	float: none;
	margin: auto;
	padding: 2.5em 1em;
	border: none;
	width: 100%;
}
#overlay_new #newAccountForm.contentDLogin { margin-top: 1em; }

#inscriptWhish #creaCompte2 .line {
	width: 100%;
	text-align: left;
}
#inscriptWhish#creaCompte2 .label { font-size: 0.9em; }
#inscriptWhish #creaCompte2 .unmask { right: 25px; }
/*---- ALERTE TAILLE ----*/
.content_alertSize_popup {
	width: 100%;
	text-align: center;
}
.content_alertSize_popup .my_size_logo {
	display: block;
}
.content_alertSize_popup h2,
.content_alertSize_popup h3 {
	font: italic 16px Georgia, Utopia, Charter, serif;
	padding: 0;
	margin: 2% 0 1% 0;
	text-align: center;
	color: #000;
}
.content_alertSize_popup h2 {
	margin: 8% 0 2% 0;
	font-size: 18px;
}
.content_alertSize_popup form select {
	width: 70%;
	margin: 2% 0;
}
.content_alertSize_popup form > div {
	margin-bottom: 4%;
}
.content_alertSize_popup form .longInput {
	width: 62.5%;
	height: 28px;
}
.content_alertSize_popup form .bt_black {
	width: 7%;
	vertical-align: middle;
}
/* ajouts 2017.01.30 */
.popup_alert_content #my_size_content {
	margin: auto;
	width: 80%;
}
.popup_alert_content #my_size_content div {
	text-align: center;
	margin: 2em auto;
}
.popup_alert_content #my_size_content select {
	width: 200px;
	padding: 0.5em;
}
.popup_alert_content #my_size_content input[type="email"] {
	display: inline-block;
	width: 150px;
	padding: 0.5em;
}
.popup_alert_content #my_size_content button {
	display: inline-block;
	margin-left: 0.25em;
}
/*-- POPUP ALERT SIZE ---*/
.my_size_content_form {
	display: flex;
	flex-direction: column;
	max-width: 350px !important;
    width: 100% !important;
	padding-bottom: 1rem;
}
.my_size_content_form h2 {
	margin: 0;
	padding: 0;
}
.my_size_content_form .bt_black {
	margin-top: 1.5rem;
	width: 100%;
}
.my_size_product {
	display: flex;
    flex-direction: column;
	justify-content: center;
	padding: 0 2rem;
    margin-bottom: 1.5rem;
    text-align: center;
}
.my_size_content_form label {
	margin: 0.5rem 0;
}
/*---- GUIDE DES TAILLES ----*/
#Guidecontainer {
	width:100%;
	margin:0 auto;
	padding: 0 1em;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;

}
.womanSizesTitle {
	font-size: 3em;
	text-transform: uppercase;
	font-weight: 100;
}
#topbar {
	width:100%;
	text-align: left;
}
.titrePage {
	font-size: 30px;
	font-weight: lighter;
	color: #212121;
	margin-top:20px;
}
.texteIntro {
	font-size: 14px;
	color:#707070;
}
.navbar{
	width:100%;
	display: flex;
	justify-content: space-between;
}
.navbar > div {
	padding: 1em;
	background: #212121;
}
.navbar > div > a {
	color: #f0eeee;
}
#size_femme, #size_homme, #size_enfant, #size_special {
	display: flex;
	flex-wrap: wrap;
	margin-top: 2em;
    width: 50%;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
}
#size_femme, #size_enfant {
	border-right: 1px solid #c0c0c0;
}
#en-cours_femme a, #en-cours_homme a , #en-cours_enfant a {
	color:#212121;
}
#en-cours_femme, #en-cours_homme, #en-cours_enfant {
	background-color: #f0eeee;
}
.belt_size {
	width: 100%;
	text-align: center;
}
.texteMenu {
	font-size: 16px;
	font-family: 'OpenSansCond', sans-serif;
	font-weight: bold;
	color:#212121;
	text-decoration:none;
	cursor: pointer;
}
.imagesGuide {
	vertical-align:top;
	width: 208px;
}
.titreGuide {
	width: 100%;
}
.texteGuide {
	flex: 1;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
	margin-left: 2em;
}
.texteGuideContainer {
	display: flex;
	flex-wrap: wrap;
	margin: 2em auto;
	text-align: left;
}
.titreGuide, .titreGuide p {
	font-size: 18px;
    font-weight: bold;
    color: #212121;
	margin-top:20px;
}
.texteGuide,.texteGuideRed {
	font-size: 14px;
}
.texteGuideRed {
	color:#ff6255;
	font-weight: bold;
}
.SizeTable {
	width:100%;
}
.SizeTable table {
	padding-left:5px;
	text-transform:uppercase;
	font-size: 12px;
}
.SizeTable tr {
	line-height: 4em;
}
.SizeTable tr:nth-of-type(even) {
	background-color: #f0eeee;
}
.SizeTable th {
	width:25%;
	padding-left:5px;
	text-transform:uppercase;
	font-size: 12px;
	text-align:left;
}
.SizeTable td {
	width:7%;
	text-align:center;
	font-size: 12px;
}
.tdblack {
	font-weight: bold;
}
.texteTableauGuide, .texteTableauGuideBlanc {
	text-transform:uppercase;
	padding-left:5px;
	font-size: 12px;
}
.titreTableau {
	font-size: 14px;
	font-weight: bold;
	color: #212121;
	margin-top: 2em;
}
.texteTableauGuideBlanc {color:#fff;}
/*--- NEW SIZE GUIDE ---*/
.sizeGrid2::-webkit-scrollbar-track, .sizeGrid4::-webkit-scrollbar-track {
	background-color: #c0c0c0;
}
.sizeGrid2::-webkit-scrollbar, .sizeGrid4::-webkit-scrollbar {
	width: 6px;
	background-color: #c0c0c0;
}
.sizeGrid2::-webkit-scrollbar-thumb, .sizeGrid4::-webkit-scrollbar-thumb {background-color: #212121;}
.sizeGrid2 {
	font-family: OpenSans;
	font-size: 1.4em;
	width: 400px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 0px;
	grid-auto-rows: minmax(30px, auto);
	max-height:400px;
	overflow-y:auto;
	border: 1px solid #707070;
}
.boxTitle {
	font-size: 2em;
	font-weight: 100;
	margin: 1.5em auto 0.5em auto;
	width: 100%;
}
.box2 {
	position: sticky;
	top: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 5px;
	grid-auto-rows: minmax(30px, auto);
	grid-column-start: 1;
	grid-column-end: 3;
	align-self: start;
}
.sizeGrid3 {
	font-family: OpenSans;
	font-size: 1.4em;
	width: 400px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 0px;
	grid-auto-rows: minmax(30px, auto);
	max-height:400px;
	overflow-y:auto;
	border: 1px solid #707070;
}
.box3 {
	position: sticky;
	top: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 5px;
	grid-auto-rows: minmax(30px, auto);
	grid-column-start: 1;
	grid-column-end: 4;
	align-self: start;
}
.sizeGrid4 {
	font-family: OpenSans;
	font-size: 1.4em;
	width: 400px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	row-gap: 0px;
	grid-auto-rows: minmax(30px, auto);
	max-height:400px;
	overflow-y:auto;
	border: 1px solid #707070;
}
.box4 {
	position: sticky;
	top: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	row-gap: 5px;
	grid-auto-rows: minmax(30px, auto);
	grid-column-start: 1;
	grid-column-end: 5;
	align-self: start;
}
.sizeGrid5 {
	font-family: OpenSans;
	font-size: 1.4em;
	width: 450px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	row-gap: 0px;
	grid-auto-rows: minmax(30px, auto);
	max-height:400px;
	overflow-y:auto;
	border: 1px solid #707070;
}
.box5 {
	position: sticky;
	top: 0;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	row-gap: 5px;
	grid-auto-rows: minmax(30px, auto);
	grid-column-start: 1;
	grid-column-end: 6;
	align-self: start;
}
.sizeGrid2 span, .sizeGrid3 span, .sizeGrid4 span, .sizeGrid5 span {
	padding: 0.5em;
	text-align: center;
}
.sizeGrid2 > div span:nth-of-type(-n+2) {
	color: #212121;
	background-color: #c0c0c0;
}
.sizeGrid3 > div span:nth-of-type(-n+3) {
	color: #212121;
	background-color: #c0c0c0;
}
.sizeGrid4 > div span:nth-of-type(-n+4) {
	color: #212121;
	background-color: #c0c0c0;
}
.sizeGrid5 > div span:nth-of-type(-n+5) {
	color: #212121;
	background-color: #c0c0c0;
}
.sizeGrid4 > div span:nth-of-type(-n+4) {
	color: #212121;
	background-color: #c0c0c0;
}
.sizeGrid2 span:nth-of-type(-n+2), .sizeGrid2 span:nth-of-type(n+5):nth-of-type(-n+6), .sizeGrid2 span:nth-of-type(n+9):nth-of-type(-n+10), .sizeGrid2 span:nth-of-type(n+13):nth-of-type(-n+14), .sizeGrid2 span:nth-of-type(n+17):nth-of-type(-n+18), .sizeGrid2 span:nth-of-type(n+21):nth-of-type(-n+22), .sizeGrid2 span:nth-of-type(n+25):nth-of-type(-n+26), .sizeGrid2 span:nth-of-type(n+29):nth-of-type(-n+30), .sizeGrid2 span:nth-of-type(n+33):nth-of-type(-n+34), .sizeGrid2 span:nth-of-type(n+37):nth-of-type(-n+38), .sizeGrid2 span:nth-of-type(n+41):nth-of-type(-n+42), .sizeGrid2 span:nth-of-type(n+45):nth-of-type(-n+46), .sizeGrid2 span:nth-of-type(n+49):nth-of-type(-n+50), .sizeGrid2 span:nth-of-type(n+53):nth-of-type(-n+54) {
	background-color: #f0eeee;
}
.sizeGrid3 span:nth-of-type(-n+3), .sizeGrid3 span:nth-of-type(n+7):nth-of-type(-n+9), .sizeGrid3 span:nth-of-type(n+13):nth-of-type(-n+15), .sizeGrid3 span:nth-of-type(n+19):nth-of-type(-n+21), .sizeGrid3 span:nth-of-type(n+25):nth-of-type(-n+27) {
	background-color: #f0eeee;
}
.sizeGrid4 span:nth-of-type(-n+4), .sizeGrid4 span:nth-of-type(n+9):nth-of-type(-n+12), .sizeGrid4 span:nth-of-type(n+17):nth-of-type(-n+20), .sizeGrid4 span:nth-of-type(n+25):nth-of-type(-n+28), .sizeGrid4 span:nth-of-type(n+33):nth-of-type(-n+36), .sizeGrid4 span:nth-of-type(n+41):nth-of-type(-n+44), .sizeGrid4 span:nth-of-type(n+49):nth-of-type(-n+52), .sizeGrid4 span:nth-of-type(n+57):nth-of-type(-n+60), .sizeGrid4 span:nth-of-type(n+65):nth-of-type(-n+68), .sizeGrid4 span:nth-of-type(n+73):nth-of-type(-n+76), .sizeGrid4 span:nth-of-type(n+81):nth-of-type(-n+84), .sizeGrid4 span:nth-of-type(n+89):nth-of-type(-n+92) {
	background-color: #f0eeee;
}
.sizeGrid5 span:nth-of-type(-n+5), .sizeGrid5 span:nth-of-type(n+11):nth-of-type(-n+15), .sizeGrid5 span:nth-of-type(n+21):nth-of-type(-n+25) {
	background-color: #f0eeee;
}
/*--- END NEW SIZE GUIDE ---*/
/*---- ENVOYER A UN AMI (my_friend.php) ----*/
.myfriend_element_bas_gauche {
	position: absolute;
	bottom: 8px;
	left: 8px;
}
.myfriend_logo {
	position: absolute;
	bottom: 8px;
	right: 8px;
}
div.myfriend_logo img, div.myfriend_logo .flags div, .flags div.myfriend_logo div {
	width: 200px;
}
.myfriend_h2 {
	background: url(/images/ico_cotes.jpg) no-repeat;
	padding-left: 35px;
	line-height: 30px;
	font-size: 10px;
}
.myfriend_contener {
	position: relative;
	width:770px;
	margin: auto;
}
.myfriend_text {
	position: relative;
	border: 8px solid #c30040;
	width: 550px;
	height: 550px;
	margin: 0 auto 0 150px;
	padding-left: 40px;
	text-align: left;
}
.myfriend_cercle {
	position: absolute;
	z-index: 5;
	height: 196px;
	min-height: 196px;
	width: 196px;
	top: 35px;
	left: 10px;
	background: url(/images/cercle.png) top left no-repeat;
}
.my_friend_form {
	position: relative;
	margin: 0 0 0 40px;
	width: 400px;
	height: auto;
	line-height: 22px;
}
.myfriend_submit {
	width: 100%;
	font: italic normal 21px Georgia, Utopia, Charter, serif;
	text-align: center;
	padding: 40px;
	box-sizing:border-box;
}
#friend_name, #friend_email, #my_friend_area, #me_name, #me_email {
	float: left;
	width: 400px;
}
#friend_name, #friend_email {margin-bottom: 5px;}
#my_friend_area, #me_name {margin-bottom: 8px;}
#me_email {margin-bottom: 15px;}

.my_friend_decal {
	margin-left: 20px;
	padding: 0;
	border: 1px solid #c0c0c0;
}
#my_friend_decal_ok {
	clear: both;
	width: 300px;
	margin: 0 0 0 20px;
}
#friend_readonly {
	position: absolute;
	left: 250px;
	top: 210px;
}
.my_friend_readonly {
	padding: 0;
	border: 1px solid #c0c0c0;
}
.my_friend_form textarea {
	float: left;
	height: 129px;
	width: 215px;
	padding: 0;
	border: 1px solid #c0c0c0;
}
.myfriend_product_name {
	width: 130px;
	margin-top: 50px;
	margin-left: 8px;
	color: #c30040;
}
div.myfriend_cercle img, div.myfriend_cercle .flags div, .flags div.myfriend_cercle div {
	margin: 38px 0 0;
}
.myfriend_plus {
	color: #c30040;
	font-weight: bold;
	font-size: 16px;
}
.ref_produit {
	display:flex;
	justify-content:space-between;
	width:55%;
	margin:0;
	color: #7E7E7E;
	font-size: 11px;
}
/*PHOTOS COMPLEMENTAIRES CAROUSEL*/
.carousel_slider img {
	max-width: 250px;
	margin: 0 3px;
}
/* OTHER COLORS CAROUSEL*/
#droite .productBigView #other_color_prodcard .home_carousel {
	margin: 0;
}
#other_color_prodcard {
	width: 100%;
	position: relative;
	overflow: hidden;
}
#other_color_prodcard .prodcardOtherInfosTitle {
    padding: 20px 0 30px 0;
    font: bold 16px / 20px OpenSans, Arial, sans-serif;
    text-align: left;
    text-transform: uppercase;
}
#other_color_prodcard .home_carousel {
	width: 100%;
	min-height: 150px;
	padding: 0 30px;
}
#other_color_prodcard .home_carousel .suiv {
	right: 0;
	top: 45px;
	background-color: rgba(255,255,255,0.5);
	font-size: 30px;
}
#other_color_prodcard .home_carousel .preced {
	left: 0;
	top: 45px;
	background-color: rgba(255,255,255,0.5);
	font-size: 30px;
}
#other_color_prodcard img {
	width: 120px;
}
#other_color_prodcard .carousel div {
	display: flex;
    align-items: center;
    min-width: 120px;
    padding: 0;
	margin-right: 20px;
    font: 1.3em OpenSans, Arial, sans-serif;
}

.sp_popup input[type="text"],.sp_popup input[type="tel"],.sp_popup input[type="date"]
 { 
	height: 25px;
	padding: 0 1em;
	font-size: 1em;
	border-radius: 3px;
	-webkit-appearance: none;
	background-color: #FFF;
	border: 1px solid #333333;
}
.sp_popup_content .chk-postcode { width: 80px; }
.sp_popup_content #chk-shipping_relais_pay > img { margin-right: 2em; margin-left: 2em; width: 80px; }
.sp_popup_content #chk-shipping_relais_pay { text-align: center; }
.sp_popup_content #chk-shipping_relais_pay * { display:inline-block; vertical-align: middle; }
.sp_popup_content .relais_horaires_main { margin-top: 10px; }
.sp_popup_content .relais_horaires_main > div { margin: 5px 0;font-size: 12px; }
.sp_popup_content .relais_horaires_name {
    height: auto;
    margin: 0 auto;
    font-weight: bold;
    color: #c30040;
    vertical-align: top;
}
.sp_popup_content #chk-shipping_relais_pay > img {
    margin-right: 2em;
    margin-left: 2em;
    width: 80px;
}

/* 
#shippingAddressWindowContent {
	text-align: center;
	font-size: 1.5em;
}
 */
#shippingAddressWindowContent > span {
	display: block;
}
#securepayment_title_boxe {
    width: 100%;
    height: 42px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 42px;
    text-shadow: 0 -1px 1px #c30040;
    background-color: #c30040;
    text-transform: uppercase;
}
.map_ib_content {
	text-align: left;
}
.map_ib_horaire {
	margin-top: 10px;
	overflow: hidden;
}

.relais_horaires_day {
    display: inline-block;
    width: 35%;
	font-family: OpenSansCond, Arial, sans-serif;
    font-weight: bold;
}

.relais-post { text-align: center; font-size: 13px; margin-bottom: 2em; }
.relais-post > div,.relais-post > input {
    display: inline;
}
.relais-post > input { font-size: 13px; padding: 0.5em 0.25em; margin-left: 1em; text-align: center; }

.map_list_ul {
    list-style-type: none;
    padding:0;
}
.map_list_li {
    display: block;
    margin: 0;
    padding: 1em 0 1em 1em;
    text-align: left;
    border-bottom: 1px solid #c0c0c0;
    width: 100%;
}
.map_list_name {
    display: block;
    margin: 2px 0;
    padding: 0;
    font-family: OpenSans, Arial, sans-serif;
    font-weight: bold;
}
.map_list_name > span {color: #c30040;}

.map_list_addr {
    display: block;
    margin: 0.5em 0 1em 0;
    padding: 0;
    text-transform: lowercase;
}
.map_ib_button {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
/*.map_list_button, .map_list_button_select {text-align: center;}*/
#listContent .map_ib_horaire,
.relais_horaires_main { display: none; }
.relais_horaires_day {
    display: inline-block;
    width: 20%;
}
.map_list_icon {
    float: left;
    padding-right: 5px;
}
.map_ib_horaire_tab {
    font-size: 10px;
    width: 100%;
    border-collapse: collapse;
    border: 0 none;
}
.map_ib_horaire_tab td {
    border-collapse: collapse;
    border: 0 none;
}
#shipping_relais_pay {
    text-align: center;
}
#shipping_relais_pay > img[src*="ico"], .flags #shipping_relais_pay > div[src*="ico"] {
    margin: 15px 0 0 15px;
}
#shipping_relais_pay > span {
    display: block;
}
#shipping_relais_pay > span strong {
    font-size: 12px !important;
    color: #c30040;
}
.return_button {
    margin-top: 10px;
    margin-left: 740px;
}

map_list_button {
    color: #0a9100;
}



@charset "utf-8";
/*****************************************************
**** SOMMAIRE **** GLOBAL
@GLOBAL
	- RESET&HTML -
	- GRILLES -
	- CLASSES GENERIQUES -
	- SPARTOO COOKIES -
	- BOUTONS -
		__ TAILLES de BOUTONS __
		__ COULEURS de BOUTONS __
		__ REMONTE-BT __
		__ NET PROMOTER-SCORE __
	- LIENS -
	- DIV CONTENT -
	- HACK Ie7,Ie8+ -
@HOME
	- SLIDER -
	- CLASSES SLIDES OP -
	- MARKETING SUR HOME -
	- AUTRES -
@HOMES INTERMEDIAIRES
	- HOME TEXTILE -
	  __ HOME TEXTILE AH17 __
	  __ HOME TEXTILE AH16 __
	  __ HOME TEXTILE PE17 __
@PAGES OP
	- AMREF -
	- OP NOEL 2016 -
	- PAIRE SOLIDAIRE FORMULAIRE (recyclage.php) -
@MARKETING
	- SPARTOO DAYS -
	- AFFICHAGE COUPON -
@LISTING PRODUITS
	- RECHERCHE -
	- POPUP INDISPO -
	- SBANS -
	- SBAN CONFIDENCES / SOLDES -
	- MENU GAUCHE -
	- FILTRES AVANCES -
	- BRAND HISTORY / MOTS CLES RELATIFS -
	- LISTE PRODUITS (display.php) -
	- CAS UK (soldes sur listing + prodcard) -
	- PAGE HORS SOLDES -
	- OP BOTTOM -
	- HIGHLIGHT DS LISTING -
@PANIER INCLUDE
	- GLOBAL -
	- ENGAGEMENTS PANIER -
	- LOGIN PAGE -
	- SECUREZONE -
@PAIEMENT - SECUREZONE
@LIVRAISON
	- CHOIX POINT RELAIS -
	- KIALA / MONDIALRELAY -
		_ SELECT KIALA _
		_ SELECT MONDIALRELAY _
	- POSTNORD TRACKING -
@CHECKOUT
	- MULTIBANCO (checkout_success.php) -
	- CHECKOUT_SUCCESS -
	- NOUVEAU CHECKOUT -
@RETOURS
	- ETIQUETTE INACCESSIBLE (return_error.php) -
@ESPACE CLIENT  >> Déplacé dans account.css
	- LOGIN -
	- LOGIN POPUP (secureloginoverlay.php) -
	- COMPTE -
		__ HEADER COMPTE __
		__ MENU __
		__ MES INFOS __
		__ CARNET D'ADRESSES __
		__ ALERTES NOUVEAUTES __
		__ MES ABONNEMENTS __
		__ SUIVRE MES DEMANDES / TICKETVIEW __
		__ ENVOI CHEQUE AMI (my_check.php) __
		__ MES PARRAINAGES __
		__ MES POINTS FIDELITE __
		__ POP UP POINTS FIDELITE (points_info.php) __
		__ MES COMMANDES __
		__ MES RETOURS __
		__ PROFIL __
		__ MY HELP BOX : TUTOS __
		__ AUTRES __
		__ Compte Activation premium __
		__ Compte Suppression de moyens de paiement __
		__ Compte : Pop Iban Info __
@WISHLIST
	- PAGE BLANK -
@SPARTOO FAMILY
@PANEL
	- PANEL FIDELITE -
	- COMPTE FIDELITE -
@PAGES D'AIDE (AIDE, FAQ, CONTACT)
	- PAGE "AIDE" -
	- FAQ -
@PAGES STATIQUES
	- PAGE CHEQUE CADEAU -
	- TELECHARGEZ L'APPLICATION -
	- LES PLUS SPARTOO -
	- PAGE ETUDIANTS -
	- PAGE SPARTOO BOUTICA -
	- PAGE MERCI MAILS SHARK (thanks_for_answer.php) -
	- GUIDE DE LA CHAUSSURE -
	- PAGE TEMOIGNAGES -
	- POPUP TEMOIGNAGE (myTestimony.php) -
	- PAGE BTOOSTORE -
	- ESPACE PRESSE -
		__ ACCUEIL __
		__ SECTIONS __
		__ presseParutions.php __
	- RECRUTEMENT -
	- PAGE CODES PROMO (code-reduction-spartoo.php) -
	- MENTIONS LEGALES, CNIL, QUI EST SPARTOO -
		__ CGV __
		__ CNIL __
		__ MENTIONS LEGALES __
		__ QUI EST SPARTOO __
@PAGE CODES PARTENAIRES
@PAGE MARQUES
@PAGE MAGASINS
	- nos-magasins.php -
	- magasin-spartoo-grenoble.php -
	- achetez-local.php -
@OUTFIT DESIGNER aka MINE
@MOBILE
	- DOWNLOAD APP BANDEAU -
@PLUGINS / MODULES
	- CAROUSEL PRODCARD -
	- ZOOM PRODUIT PRODCARD -
	- JQUERY SLIDER RANGE -
	- EASY SLIDER -
	- JSCROLLPANE -
	- KwAutoCplt -
	- CALENDAR -
@AUTRES
******************************************************/





/*****************************************************
**** @GLOBAL
******************************************************/
/*---- RESET&HTML ----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, .flags div, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
div, a, p, img, input, button, textarea, form, select, span,  h1, h2, h3, h4, h5, h6,
address, article, nav, video, audio, label, table, blockquote, address, figure, figcaption,
footer, header, menu, ul, li, iframe {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
}
body {
	font: 11px OpenSans, Arial, sans-serif;
	color: #363636;
	background-color: #fff;
	margin:0;
}
#parent {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	width: 1200px;
	/* un jour */
	/*width: 100%;*/
	/*max-width: 1200px;*/
}

ol {list-style: decimal;}
ul {list-style: square;}

li.line-break {color:transparent;}
.ol-top {margin-top: 0;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, .flags div {border: none;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}

strong, b {
	font-weight: bold;
	font-family: OpenSans, Arial, sans-serif;
}
hr {
	border-color: #c0c0c0;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}
h1 {
	font:30px OpenSans,Arial,sans-serif;
	color: #363636;
	text-align:center;
}
h2, .h2overlay {
	font: normal 21px OpenSans,Arial,sans-serif;
	color: #363636;
}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}

li {margin-left: 30px;}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset, .h2overlay {
	margin-bottom: 20px;
}
input,textarea,select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-size: inherit;
	color: #363636;
	background-color: #fff;
	border: 1px solid #c0c0c0;
	border-radius: 3px;
}
input::placeholder, input::placeholder {color : grey;}

/* -- CSS pour Firefox / Linux / Dark thm --*/
input[type="radio"],
input[type="checkbox"] {
	border: 1px solid #c0c0c0 !important;
	background-color: #fff !important;
	color: #363636 !important;
	/*-moz-appearance: none !important;*/
}

/*---- GRILLES ----*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.container_12 .grid_3 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 218.75px;
}
.container_12 .alpha {margin-left: 0;}

/*---- CLASSES GENERIQUES ----*/

/*Affichage*/
.show {display: block;}
.hide, .hidden {display: none;}

/*Position*/
.is-relative {position: relative;}
.is-absolute {position: absolute;}
.is-left {float: left;}
.is-right {float: right;}

/*Margin*/
.m-top5 {margin-top: 5px;}
.m-bottom5 {margin-bottom: 5px;}
.m-top10 {margin-top: 10px;}
.m-bottom10 {margin-bottom: 10px;}
.m-right10 {margin-right: 10px;}
.m-bottom15 {margin-bottom: 15px;}
.m-left15 {margin-left: 15px;}
.m-bottom20 {margin-bottom: 20px;}
.m-bottom25 {margin-bottom: 25px;}
.m-right25 {margin-right: 25px;}
.m-bottom30 {margin-bottom: 30px;}
.m-right30 {margin-right: 30px;}

/*Font style*/
.is-upper {text-transform: uppercase;}
.is-black {color:  black;}
.is-spartoo {color: #c30040;}
.italic {font-style: italic;}

/*Font size*/
.taille_36 {font-size: 36px;}

/*Reset flow*/
.fin-div, .clr, .clear {clear: both;}
.line-break {
	width: 98%;
	background: 0;
}
.div-fin {
	height: 10px;
	clear: both;
	border-bottom: 1px solid #c0c0c0;
}

/*Autres*/
.crop {overflow: hidden;}
.pointer {cursor: pointer;}

.item {
	margin: 8px 32px 0 0;
	position: relative;
	float: left;
}
.item > * {margin: 0; padding: 0;}

.separator {
	margin: 0 auto 10px;
	clear: both;
	border-top: 1px solid #c0c0c0;
}
.orange {color: #f36c4f;}
.thumb {float: left;}

.alert {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
	padding: 1rem 2rem;
	margin: 0.5rem auto;
	background-color: #ffebcc;
	border-radius: 0.2rem;
	width: 100%;
	text-align: center;
}
.messageStackError {
	color: red;
}
.messageStackSuccess {
	color: #33917c;
}
.reduction {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	margin: auto;
	border-radius: 0.2rem;
	text-align: center;
}
.reduction > .icon-aide {
	margin-right: 0.5rem;
}
.alertSuccess {
	font-size: 11px;
	color: #628f00;
	text-align: center;
}
.forwardSuccess {
	margin: 10px;
	padding: 20px 0 0 200px;
	font: bold 14px OpenSans, Arial, sans-serif;
	color: #91bd09;
	height: 200px;
}
.noShoes {
	margin: 10px;
	padding: 3px;
	font-size: 14px;
	color: #cc0000;
	text-align: center;
}

/*---- BOUTONS ----*/
/* /!\ ne pas utiliser les vieilles classes, préfixées bt_ */
.bouton {float: left;margin: 10px;}
.boutonD {float: right;margin: 10px;}

.btn,
.bt_green, .bt_black, .bt_pink, .bt_grey, .bt_orange {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #f0eeee;
	border: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
}
.btn p {
	display: inline-block;
	margin-bottom: 0;
}
.btn span {display: inline-block;}

.btn:visited, a.btn.petit, a.btn:hover, a.btn.red, a.btn.prodcard_onglet,
a.btn.blanc, .btn a, a.btn {color: #fff;}

.btn:hover, .btn:focus, .btn.disabled, .btn[disabled] {
	background-color: #e6e6e6;
	color: #363636;
}
.btn:hover, .btn:focus {
	background-position: 0 -15px;
	color: #363636;
	text-decoration: none;
	transition: all .2s linear;
}
.btn:focus {
	outline: 5px auto 0;
	outline-offset: -2px;
}
.btn.active, .btn:active {
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	outline: 0;
}
.btn.disabled, .btn[disabled] {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-image: none;
	box-shadow: none;
	cursor: default;
	filter: alpha(opacity=65);
	opacity: 0.65;
}
.centre {
	left: 40%;
	position: absolute;
	text-align: center;
	top: 30%;
}

/*__ TAILLES de BOUTONS __*/
.btn-large {
	font-size: 11.5px;
	padding: 11px 19px 11px 15px;
}
.btn-large [class^=icon-], .btn-large [class*=" icon-"] {
	margin: 4px 5px 0 0;
	display: inline-block;
	vertical-align: text-bottom;
}
.btn-small {
	font-size: 13px;
	padding: 4px 12px;
}
.btn-small [class^=icon-], .btn-small [class*=" icon-"] {
	font-size: 16px;
	margin: 0 5px 0 -5px;
	display: inline-block;
	vertical-align: text-bottom;
}
.btn-mini [class^=icon-], .btn-mini [class*=" icon-"] {
	margin: 0 8px 0 0;
	display: inline-block;
	vertical-align: text-bottom;
}
.btn-mini {
	font-size: 11px;
	padding: 0 10px;
}

/*__ COULEURS de BOUTONS __*/
.btn-rouge {
	background-color: #c30040;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-rouge:hover, .btn-rouge:focus, .btn-rouge:active,
.btn-rouge.active, .btn-rouge.disabled, .btn-rouge[disabled] {
	background-color: #a80037;
	color: #fff;
}
.btn-gris {color: #363636;}

.btn-blanc {
	background-color: #fff;
	border: 2px solid #c30040;
	color: #c30040;
}
.btn-blanc:hover, .btn-blanc:focus, .btn-blanc:active,
.btn-blanc.active, .btn-blanc.disabled, .btn-blanc[disabled] {background-color: #c0c0c0;}

.btn-noir,
.bt_black, .bt_pink {
	background-color: #505050;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-noir:hover, .btn-noir:focus, .btn-noir:active, .btn-noir.active, .btn-noir.disabled, .btn-noir[disabled],
.bt_black:hover, .bt_black:focus, .bt_black:active, .bt_black.active, .bt_black.disabled, .bt_black[disabled],
.bt_pink:hover, .bt_pink:focus, .bt_pink:active, .bt_pink.active, .bt_pink.disabled, .bt_pink[disabled] {
	background-color: #000;
	color: #fff;
}
.btn-orange, .bt_orange {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #f36c4f;
	background-image: -moz-linear-gradient(top, #f36c4f, #cc0000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f36c4f), to(#cc0000));
	background-image: -webkit-linear-gradient(top, #f36c4f, #cc0000);
	background-image: -o-linear-gradient(top, #f36c4f, #cc0000);
	background-image: linear-gradient(to bottom, #f36c4f, #cc0000);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .btn-orange.disabled, .btn-orange[disabled],
.bt_orange:hover, .bt_orange:focus, .bt_orange:active, .bt_orange.active, .bt_orange.disabled, .bt_orange[disabled] {
	background-color: #cc0000;
	color: #fff;
}
.btn-vert, .bt_green {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #88af00;
	background-image: -moz-linear-gradient(top, #88af00, #628f00);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#88af00), to(#628f00));
	background-image: -webkit-linear-gradient(top, #88af00, #628f00);
	background-image: -o-linear-gradient(top, #88af00, #628f00);
	background-image: linear-gradient(to bottom, #88af00, #628f00);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-vert:hover, .btn-vert:focus, .btn-vert:active, .btn-vert.active, .btn-vert.disabled, .btn-vert[disabled],
.bt_green:hover, .bt_green:focus, .bt_green:active, .bt_green.active, .bt_green.disabled, .bt_green[disabled] {
	background-color: #628f00;
	color: #fff;
}

/*__ __*/
.separe_bt {
	display: inline-block;
	width: 20px;
}


/*__ REMONTE-BT __*/
#remonte-bt {
	display: none;
	position: fixed;
	cursor: pointer;
	z-index: 6000;
	right: 0;
	top: 200px;
	width: 50px;
	height: auto;
	color: #fff;
}
#remonte-bt span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: #363636;
}
#remonte-bt .share {
	margin-top: 0.2rem;
	background-color: #c30040;
}
#remonte-bt i {
	font-size: 2rem;
}
#popup-partage {
	display: flex;
	justify-content: space-around;
	padding: 2rem 0;
}
#popup-partage i {
	font-size: 3rem;
}

/*__ NET PROMOTER-SCORE __*/
/*#netPromoterScore_container {
	margin-left: -400px;
	position: absolute;
	z-index: 4000;
	top: 150px;
	width: 800px;
	height: 200px;
	left: 50%;
}*/
.left_buttons {
	position: fixed;
	top: 50%;
	left: 0;
	transform-origin: top left;
	transform: rotate(-90deg);
}
.btn_feedback, #btn_spartooPlus {
	display: inline-block;
	vertical-align: top;
	border-radius: 0 0 5px 5px;
	padding: 5px 10px;
	margin: 0 10px;
	font-size: 12px;
	text-transform: uppercase;
	background-color:#707070;
	color: #fff;
	cursor: pointer;
}
.btn_feedback:hover {
	padding-top:10px;
	box-shadow: 0px 3px 6px -4px rgba(0,0,0,0.75);
}
#btn_spartooPlus {top: 99px;}
#netPromoterScore {
	width: 825px;
	margin: auto;
}
#netPromoterScore .btn { font-size: 1.2em; }
#netPromoterScore textarea {
	border: 1px solid #cccccc;
	padding: 0.5em;
	margin-bottom: 2em;
	width: 100%;
	height: 90px;
}
#netPromoterScore h3 {
	font-size: 1.5em;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 0.5em 0;
}
#netPromoterScore_label > div { display: inline-block; width: 675px; }
#netPromoterScore_btnRadio {
	width: 100%;
	padding: 1em 0;
	cursor: pointer;
}
#netPromoterScore_label > p {
	display: inline-block;
	width: 50%;
	padding: 0 1.5em;
	margin: 0 0 0 0;
	font-size: 1.2em;
	text-align: left;
}
#netPromoterScore_label .icon-flecheBas { font-size: 1.5em; }
#netPromoterScore_label > p:last-of-type {
	text-align: right;
}
#netPromoterScore_btnRadio > div,
#netPromoterScore_chiffres > span,
#netPromoterScore_label > span {
	display: inline-block;
	width: 75px;
}
#netPromoterScore .icon-etoile,
#netPromoterScore .icon-etoile-pleine {
	font-size: 3em;
}
#netPromoterScore .icon-etoile-pleine { color: #c30040; }
#netPromoterScore_chiffres {
	width: 100%;
	font-size: 1.3em;
	padding-bottom: 2em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #cccccc;
}

/* FIX pour les petits écrans see #549349 */
@media screen and (max-width:1300px) {
	.btn_feedback, #btn_spartooPlus {display:none;}
}

/*--- LOADER ---*/
#loader > div {
	z-index: 60000;
}

#loader_overlay {
	background: white;
	position: fixed;
	opacity: 0.5;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

#loader > .spinner {
	position: fixed;
	left: 0;
	top: 50%;
	right: 0;
	z-index: 60001;
}
.spinner {
  margin: auto;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
	-webkit-transform: scale(0);
	transform: scale(0);
  } 40% {
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
  }
}

.contentD_compte .spinner {display:none;height:100vh;}
.contentD_compte .spinner div[class^="bounce"]  {margin-top:40vh;}

/*---- LIENS ----*/
a {color:#707070;text-decoration:none;}
a:hover {color: #c30040;}

a.petit, a.petit:visited {font-size:9px;}
a.petit:hover {color:#363636;}

/*wishlist+spartoodays*/
a.red, a.red:visited, a.red:active {color:#c30040;}
a.red:hover, .red {color:#c30040;}

/* mon compte - helpbox */
a.blanc, a.blanc:visited, a.blanc:active {color:#f0eeee;} /* lien helpbox mes tutos check c30040 au hover */

/* numéros de page listing produit */
a.bordure, a.bordure:visited, a.bordure:active, a.bordure span {
	color:#111;
	margin:0 3px;
	padding:1px 3px 2px;
	font-size: 18px;
}
a.bordure:hover {color:#fff; background-color: #c0c0c0;}

/* checkoutsuccess */
a.facture {color:#c30040; text-decoration: underline;}
a.facture:hover {text-decoration:none;}

/*Pade aide*/
a.gris {color:#363636; font-weight:bold;}
a.gris:hover {color:#c30040;}

a.highlightlink {
	font-weight: bold;
	color: #c30040;
	border-bottom: 1px dotted #c30040;
}
a.highlightlink:hover {
	color: #363636;
}

/*---- DIV CONTENT ----*/
#contentTop {
	margin: 0 0 20px;
	position: relative;
	height: 50px;
}
#contentTop h1 {
	padding: 10px 0 3px;
	text-align: left;
	border-bottom: 1px solid black;
}
#contentTop a#top + h1 { /* FAQ */
	font-size:30px;
}
#contentTop_statiques h1 {
	padding: 10px 0 3px;
}
#contentBottom {
	margin: 0 0 10px;
	padding:0;
	position: relative;
	width: 1200px;
	height: 10px;
	border-top: 1px solid #c0c0c0;
	clear: both;
}
#content, .content, .contentCentre {
	position: relative;
	width: 100%;
	background-color: #fff;
}
#content h1, .contentCentre h1 {
	padding: 10px 0 0;
	text-align: left;
}
#content p, .contentCentre p {
	text-align: justify;
}
#content h2, .contentCentre h2 {
	text-align: left;
	margin: 40px 0 0;
}
#content h3, .contentCentre h3 {
	padding-left: 56px;
	text-align: left;
	color: #363636;
	margin: 35px 0 0;
}
#content h4,
.contentCentre h4 {
	margin: 0 0 5px;
	font-size: 16px;
	color: #000;
	font-weight:bold;
}
#content h2 span,
.contentCentre h2 span {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 1%;
	border-radius: 20px;
	line-height: 1.7;
	text-align: center;
	color: #fff;
	background-color: #c30040;
}
#content h3 span, .contentCentre h3 span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #c30040;
	margin-right: 7px;
}
#content hr, .contentCentre hr {
	margin: 10px 0;
	height: 1px;
	background-color: #363636;
	display: block;
	border: none;
	border-bottom: 1px solid #363636;
}
.contentG {
	float: left;
	width: 425px;
	text-align: justify;
}
.contentD {
	padding: 0 10px 0 0;
	float: right;
	width: 425px;
	text-align: justify;
}
.contentCentre {
	margin: 40px auto 10px;
	width: 100%;
}
#content .contentCentre h2 {
	color: #c30040;
	background: none;
}

/*  ZONE PASSWORD FORGOTTEN  */

#content_password_forgotten {
	font-size: 16px;
	padding-bottom: 5em;
}
#content_password_forgotten .b-return {
	color: #363636;
}
#content_password_forgotten h2,
#content_password_forgotten h3 {
	font-weight:200;
	font-family: OpenSans, Arial, sans-serif;
	font-style: normal;
	text-align: center;
	padding-left: 0;
}
#content_password_forgotten h3 {
	width: 60%;
	margin: auto;
	font-size: .9em;
}
#content_password_forgotten h2 > div {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
	font-size: 1.2em;
	border-radius: 20px;
	height: 40px;
	width: 40px;
	background-color: #81a900;
	color: #ffffff;
}
#content_password_forgotten h2 > div i {
	display: block;
	margin-top: 0.25em;
}
#content_password_forgotten form {
	display: block;
	width: 50%;
	text-align: center;
	margin: auto;
	padding: 3em 0;
}
#content_password_forgotten .loginContent {
	width: 50%;
	margin: auto;
}
#content_password_forgotten .inputGrey,
#content_password_forgotten button {
	width: 100%;
}
#content_password_forgotten .inputGrey {
	margin-bottom: 1.2em;
}
#content_password_forgotten button {
	margin-top: 0.8em;
}
#content_password_forgotten .label {
	text-align: left;
	font-size: 0.8em;
}
/*---- HACK Ie7,Ie8+ ----*/
/*Page CD*/
.ie7 #contain-pop {z-index: 3000;}
.ie7 #contain-pop .btn_to_close {display: none;}

.ie7 #content #form-vourcher .popup-vourcher, .ie7 #content #form-vourcher .valid-vourcher {
	margin: -5px 0 5px;
	padding-top: 0;
	padding-bottom: 30px;
	line-height: 10px;
}
.ie7 #content #form-vourcher .popup-vourcher i, .ie7 #content #form-vourcher .valid-vourcher i {
	position: relative;
	top: -2px;
	left: -63px;
}

/*---- HACK SEO (Google refnat) ----*/

/* Hn tags used for SEO purpose (Google refnat) */
.seo_hn_tag {
	display: inline;
	color: inherit;
	margin: inherit;
	padding: inherit;
	text-indent: inherit;
	background-color: inherit;
	font: inherit;
	vertical-align: inherit;
	border: none;
	text-align: inherit;
	position: inherit;
}


/*****************************************************
**** @HOME
******************************************************/
/*---- SLIDER ----*/
#slideshowWrapper {
	position: relative;
	height: 380px;
	width: 955px;
	margin: 0 0 50px;
	background-color: #fff;
}
#slideshowWrapper:hover > a {
	opacity: 0.8;
	transition-delay: .1s;
	transition-property: opacity;
	transition-duration: 1s;
	filter: alpha(opacity=80);
}
ul#slideshow {
	list-style: none;
	padding: 0;
	margin: auto;
	margin-top: 0;
	height: 380px;
	overflow: hidden;
}
#slideshow li {
	background-color: #fff;
	margin: 0;
}
#fssPlayPause {
	visibility: hidden;
	position: absolute;
	top: 435px;
	right: 20px;
	padding: 4px 0 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 60px;
	text-align: center;
	display: block;
	color: #363636;
	text-decoration: none;
}
#fssNext, #fssPrev {
	position: absolute;
	top: 165px;
	background-color: #000;
	background-image: none;
	width: 20px;
	height: 50px;
	text-indent: 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	opacity: 0;
	filter: alpha(opacity=0);
}
#fssNext { left: 935px; z-index: 301; }
#fssPrev { left: 0; z-index: 300; }
#fssNext > i, #fssPrev > i {
	line-height: 45px;
	opacity: 1;
	filter: alpha(opacity=100);
}

/*__ Contrôles slide (petits points) __*/
#fssList {
	bottom: 5px;
	font-size: 20px;
	position: relative;
	list-style: none;
	height: 30px;
	margin: 0 auto 25px;
	padding: 0;
	text-align: center;
	top: 0;
}
#fssList li {
	margin: 0;
	display: inline;
	padding-right: 10px;
	line-height: 30px;
}
#fssList li a {
	color: #707070;
	text-decoration: none;
}
#fssList li.fssActive a {
	font-weight: bold;
	color: #c30040;
}
#fssList li a.round {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #c0c0c0;
}
#fssList li.fssActive a.round {
	display: inline-block;
	background-color: #c30040;
	border: 1px solid #c30040;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*---- CLASSES SLIDES OP ----*/

	/* ----- soldes AH18 -----*/

	.slider_big_btn_soldes {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	font: 18px/50px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0 1%;
	background-color:#c7090f;
	}
	.slider_big_btn_soldes i {
		position: absolute;
		right: 0.5em;
		top: 0.8em;
	}
	.slider_big_btn_soldes a{
		font-size: 18px;
		display:block;
		color: #c8c8c8;
	}
	.slider_big_btn_soldes:hover {background: rgba(255,255,255,0.5);}
	.slider_big_btn_soldes:hover > a{color: #c7090f;}



.home_style_left {
	width: 200px;
	height: 380px;
	float: left;
	margin: 0 20px 0 0;
	background-color: #e6e6e6;
	font: 11px/16px OpenSans, Arial, sans-serif;
	color: #707070;
}
.home_style_left h4 {
	margin: 10px 0 0 10px;
	font-size: 14px;
	font-weight: bolder;
}
.menu_left_title {
	text-transform: uppercase;
	margin-top: 6px;
}
.home_style_left > ul {
	margin: 10px 0 0 5px;
	list-style: none;
}
.home_style_left li > ul {
	margin: 0 0 0 10px;
	list-style: none;
}
.home_style_left li {
	margin: 0;
	list-style: none;
	padding-left: 5px;
}
.home_opText {
	position: absolute;
	top: 50px;
	right: 10px;
	width: 200px;
	font-family: OpenSans, Arial, sans-serif;
	text-align: center;
}
.home_opTitle {
	font: bold 30px/30px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	min-height: 60px;
}
.home_opChapo {
	margin: 5px 0 0;
	font-size: 16px;
	line-height: 20px;
}
.home_opLink, .home_opLinkPrixdoux, .home_opLinkUnivers, .home_opLinkBlack {
	margin: 5px auto;
	padding: 2px 5px;
	font-size: 14px;
	position: relative;
	width: 150px;
	cursor: pointer;
	text-decoration: underline;
}
.home_opLinkBlack {
	background-color:  black;
	color: #fff;
	border: 1px solid  black;
}
.homeStyle {color: #fff;}
.homeStyle5, .homeStyle6, .homeStyle943, .homeStyle520, .homeStyle10119, .homeStyle10135, .homeStyle10148, .homeStyle10646, .homeStyle10662, .homeStyle10719 {
	color:  black;
}
.homeStyleSmall {font-size: 20px;}

.home_opLink i, .home_opLinkPrixdoux i, .home_opLinkUnivers i {
	position: absolute;
	right: 10px;
	color: #707070;
	top: 7px;
}
.home_opLinkUnivers i {color: inherit;}

.home_text_border {
	position: absolute;
	left: 555px;
	top: 25px;
	width: 333px;
	height: 333px;
	color: #363636;
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
	border-radius: 50%;
	border: 8px solid #fff;
}
.home_text {
	position: absolute;
	left: 564px;
	top: 34px;
	width: 315px;
	height: 315px;
	color: #363636;
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
	border-radius: 50%;
	background: rgba(250, 250, 250, 0.75);
}
.home_text_tendance {
	position: absolute;
	left: 320px;
	top: 65px;
	width: 300px;
	color: #363636;
	text-align: center;
	font: 16px OpenSans, Arial, sans-serif;
}
.home_text_look {
	position: absolute;
	left: 320px;
	top: 34px;
	width: 315px;
	height: 315px;
	color: #363636;
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
	border-radius: 50%;
}
.home_text_soldes {
	position: absolute;
	top: 100px;
	width: 955px;
	color: #fff;
	text-align: center;
	font-family: Georgia, Utopia, Charter, serif;
}
.home_text_mine {
	position: absolute;
	left: 400px;
	top: 210px;
	width: 315px;
	height: 315px;
	color: #363636;
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
}
.home_text_mine_video {
	position: absolute;
	left: 490px;
	top: 150px;
	width: 315px;
	height: 315px;
	color: #363636;
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
}
.home_text_beautifulDays {
	position: absolute;
	left: 595px;
	top: 115px;
	width: 315px;
	height: 315px;
	text-align: center;
	font-weight:bold;
	font-family: OpenSans, Arial, sans-serif;
	border-radius: 50%;
	color:#f8af60;
}
.home_text_bettype16 {
	position: absolute;
	left: 565px;
	top: 70px;
	width: 315px;
	height: 315px;
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
	border-radius: 50%;
	  color:#fff;
}
.havaianas {
	font-weight: bold;
	color: #c30040;
}
#discount1bd {
	float:left;
	font-weight:bold;
	color:#f8af60;
	font-size:20px;
}
#discount2bd {
	font-size:20px;
	font-weight:bold;
	color:#f8af60;
}
#discount3bd {
	font-size:20px;
	font-weight:bold;
	color:#f8af60;
	margin-right:70px;
}
.discountbd {
	color:#b11111;
	font-size:40px;
	font-weight:bold;
}
.halfCircleBottom {
	position: absolute;
	top:191px;
	left: 311px;
	height: 167px;
	width: 333px;
	  padding-top: 20px;
	  background-color:none;
	border-radius: 0 0 333px 333px;
	-moz-border-radius: 0 0 333px 333px;
	-webkit-border-radius: 0 0 333px 333px;
	text-align: center;
}
.halfCircleBottom  a.home_inlineLink{margin: 0 !important;}

#burst-12 {
	background: rgba(250, 250, 250, 1);
	width: 250px;
	height: 250px;
	position: relative;
	top: 30px;
	text-align: center;
	right: -30px;
	transform: rotate(15deg);
}
#burst-12:before, #burst-12:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 250px;
	background: rgba(250, 250, 250, 1);
}
#burst-12:before {
	transform: rotate(30deg);
}
#burst-12:after {
	transform: rotate(60deg);
}
.home_text_wide {
	left: 600px;
	top: 20px;
}
.home_text_title {
	margin: 5px 0 8px;
	font: bold 30px/30px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	padding: 0 10px;
}
.home_text_title_textile {
	margin: 0;
	font: bold 30px/34px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	padding: 10px;
}
.home_text_subtitle {
	font: 200 14px/16px OpenSans, Arial, sans-serif;
	margin: 0 0 40px;
	padding: 0 25px;
}
.home_text_pretitle {
	text-transform: uppercase;
	font: 200 14px/16px OpenSans, Arial, sans-serif;
	margin: 50px 0 0;
	padding: 0 10px;
}
a.home_link {
	position: relative;
	border: 1px solid #363636;
	width: 215px;
	color: #363636;
	font-size: 14px;
	line-height: 30px;
	margin: 5px 0;
	text-transform: uppercase;
}
a.home_link:hover {
	color: #e6e6e6;
	background-color: #363636;
}
.home_link > i {
	position: absolute;
	right: 5px;
	top: 7px;
}
.halfCircleBottom a.home_inlineLink {
	color: #fff;
	font-family: OpenSans, Arial, sans-serif;
}
a.home_inlineLink {
	position: relative;
	color: #363636;
	text-decoration: underline;
	font: bold 14px/30px OpenSans, Arial, sans-serif;
	margin: 5px 10px 5px 0;
}
a.home_inlineLink:hover, a.home_inlineLink > i {text-decoration: none;}

a.black_link, a.white_link {
	display: inline-block;
	border-color: #000;
	color: #000;
}
a.white_link {
	color: #fff;
	border-color: #fff;
}
a.white_link:hover {
	color: #363636;
	background-color: #fff;
}
.home_white {color: #fff;}

.home_text_subtitle_textile {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-family: OpenSans, Arial, sans-serif;
	margin: 0 0 5px;
}

/* Prix Doux */
.home_text_prixdoux {
	position: absolute;
	left: 564px;
	top: 34px;
	width: 315px;
	height: 315px;
	color: #363636;
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
}
.home_opLinkPrixdoux {
	background-color: #fff;
	color: #cc0000;
	border: none;
}
.home_opLinkPrixdoux i {color: #cc0000;}
.prixdoux {color: #fff;}

.home_opTitlePrixdoux {
	font-size: 30px;
	line-height: 30px;
	min-height: 60px;
	text-transform: uppercase;
}

/* Ventes Flash */
#VF_homeSlider {
	width:955px;
	height:380px;
	background: url(/images/home/home_opVF.jpg) no-repeat;
	color: #363636;
}
#VF_date {
	width: 555px;
	text-align: center;
	font: 200 14px OpenSans, Arial, sans-serif;
	color:#363636;
	padding-top: 25px;
}
#VF_titre {
	width: 555px;
	text-align: center;
	font: bold 30px/25px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
}
.VF_marque {
	display: block;
	float: left;
	width: 105px;
	height: 260px;
	margin: 15px 5px 0 0;
	position: relative;
	border-right: solid 1px #c0c0c0;
}
.VF_marque:last-child {border-right: none;}

.VF_conteneur_Marque {
	text-align:center;
	padding-top:10px;
}
.VF_pastille_discount {
	width: 85px;
	height: 85px;
	margin: auto;
	border: 1px dashed #363636;
	border-radius: 50%;
	font: 200 11px OpenSans, Arial, sans-serif;
}
.VF_Jusqua {margin: 15px 0 2px;}

.VF_discount {
	font: bold 27px OpenSans, Arial, sans-serif;
	color: #363636;
}
.VF_home_inlineLink, a.VF_home_inlineLink {
	position: relative;
	color: #363636;
	font: bold 14px/30px OpenSans, Arial, sans-serif;
	text-decoration: underline;
	margin: 25px 10px 5px 0;
}
.VF_infos_Marque {
	margin: 10px 0 0;
	padding:2px;
	text-align:center;
	font: 200 12px/18px OpenSans, Arial, sans-serif;
	color:#363636;
}
.VF_Nb_Modeles {
	line-height:12px;
	margin-bottom: 10px;
}
#VF_etoile {
	float: left;
	text-align: center;
	font: 200 20px/20px OpenSans, Arial, sans-serif;
	color: #fff;
	margin-left: 10px;
	margin-top: 30px;
	width: 330px;
}
#VF_picto {
	display: block;
	margin: auto;
	padding: 10px 0;
}
.VF_remise_sup {
	display: block;
	font: bold 58px/60px OpenSans, Arial, sans-serif;
}
#VF_coupon {
	color: #fff;
	font: bold 24px OpenSans, Arial, sans-serif;
}
#VF_conditionsOffre {
	font: 10px/10px OpenSans, Arial, sans-serif;
	text-align: right;
	color: #363636;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/* Coupon */
.home_opCoupon {
	color: #c30040;
	font-size: 40px;
	padding: 3px;
	margin: 10px auto 20px;
}
.home_opCoupon50 {
	color: #fff;
	font-size: 60px;
	padding: 3px;
	margin: 10px auto 30px;
}
.home_opCoupon30 {
	color: #b11111;
	font-size: 70px;
	  font-weight:bold;
	margin: 10px auto 30px;
}

/* Univers */
.home_text_univers {
	position: absolute;
	left: 564px;
	top: 34px;
	width: 315px;
	height: 315px;
	color: #363636;
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
	border-radius: 50%;
	background: rgba(250, 250, 250, 0.75);
}
.home_text_univers_border {
	position: absolute;
	left: 311px;
	top: 25px;
	width: 333px;
	height: 333px;
	color: #363636;
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
	border-radius: 50%;
	border: 1px dashed #363636;
}

/* Tendances */
.home_opTitleTrend {
	color: #000;
	font: bold 25px/36px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
}
.home_opNameTrend {
	color: #000;
	font: bold 16px/16px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.home_opChapoTrend {
	color: #000;
	margin: 0;
	font-size: 16px;
	line-height: 20px;
}
.home_opLinkUniversTrend {
	margin: 30px auto auto;
	padding: 2px 5px;
	font: italic 18px/30px Georgia, Utopia, Charter, serif;
	position: relative;
	width: 170px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	border: none;
}
.home_opText_tendance {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 200px;
	font-family: OpenSans, Arial, sans-serif;
	text-align: center;
}
.home_opNameKids {
	color: #000;
	font: bold 14px/16px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	margin: 50px 15px 25px;
}
.home_opChapoKids {
	color: #000;
	margin: 0 15px 25px;
	font-size: 16px;
	line-height: 18px;
}
.home_opLinkUniversKids {
	margin: 30px auto auto;
	padding: 2px 5px;
	font: italic 18px/30px Georgia, Utopia, Charter, serif;
	position: relative;
	width: 170px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	border: none;
}
.home_opText_Kids {
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	font-family: OpenSans, Arial, sans-serif;
	text-align: center;
}

/*---- MARKETING SUR HOME ----*/
.home_selection {margin-bottom: 20px;}

.product_box {
	float: left;
	width: 159px;
	text-align: center;
}
#newsletter {
	margin: 20px 0 0;
	padding: 5px 10px;
	width: 470px;
	height: 70px;
	float: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #f0eeee;
}
.marketing_marques {
	margin:0;
	float: left;
	height: 60px;
	width: 955px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
.marketing_module_marques {
	margin: 5px 5px 5px 0;
	float: left;
}
.marketing_module_marques_right {
	margin: 5px 0;
	float: left;
}
.marketing_module_marques_title {
	margin: 20px 0 0;
	padding: 0 0 2px 10px;
	font: italic 18px Georgia, Utopia, Charter, serif;
	color: #363636;
}
.marketing_module_link_marques {
	margin: 2px 0 10px;
	padding: 2px 10px 0;
	float: right;
	font: italic 12px Georgia, Utopia, Charter, serif;
	text-align: right;
	color: #fff;
	height: 18px;
	background-color: #000;
}
.marketing_module_link_marques a {
	font: italic 12px Georgia, Utopia, Charter, serif;
	color: #fff;
}
.marketing_module_title {
	font: italic 18px Georgia, Utopia, Charter, serif;
	color: #363636;
}
.marketing_module_title_selection, .marketing_module_title_decouvrez, .marketing_module_title_partagez  {
	margin: 20px 0 10px;
	padding: 0 0 2px 10px;
	font: italic 18px Georgia, Utopia, Charter, serif;
	color: #363636;
	border-bottom: 1px solid #c0c0c0;
}
.marketing_module_title_partagez {
	float: left;
	width: 480px;
}
.marketing_module_title_decouvrez {
	float: left;
	width: 435px;
}
.marketing_module_subtitle {
	font: 200 16px OpenSans, Arial, sans-serif;
	color: #363636;
}
.marketing_module1 {
	position: relative;
	width: 488px;
	height: 148px;
	float: left;
	border: 1px solid #c0c0c0;
	margin-top: 20px;
}
.marketing_module2_content {
	margin: 0 auto;
	position: absolute;
	top: 75px;
	right: 0;
	text-align: center;
	width: 150px;
	cursor: pointer;
}
.marketing_module2_content span {
	font: 200 14px OpenSans, Arial, sans-serif;
	color: #000;
	border-top: black solid 1px;
	border-bottom: black solid 1px;
}
.marketing_module2_content button {
	margin-top: 10px;
	padding: 3px 15px;
	font: italic 16px Georgia, Utopia, Charter, serif;
	color: #fff;
	border: none;
	cursor: pointer;
	background-color: #000;
}
.marketing_module2_content i {
	position: relative;
	right: 0;
	top: 0;
}
.marketing_module2_content_soldes, .marketing_module2_content_soldes i {
	margin: 0 auto;
	position: absolute;
	top: 65px;
	right: 0;
	text-align: center;
	width: 150px;
	cursor: pointer;
}
.marketing_module2_content_soldes span {
	font: bold 14px OpenSans, Arial, sans-serif;
	color: #c30040;
}
.marketing_module2_content_soldes button {
	margin-top: 10px;
	padding: 3px 15px;
	font: italic 16px Georgia, Utopia, Charter, serif;
	color: #fff;
	border: none;
	cursor: pointer;
	background-color: #000;
}
.marketing_module2 {
	margin: 20px 0 0 20px;
	position: relative;
	float: left;
	height: 148px;
	width: 443px;
	border: 1px solid #c0c0c0;
}
.marketing_module3 {
	margin: 0 auto auto 0;
	width: 470px;
	height: 70px;
	font-size: 12px;
	color: #363636;
	background-color: #f0eeee;
}
.marketing_module3_text_inform {
	float: left;
	width: 260px;
	font: 12px/18px OpenSans, Arial, sans-serif;
	color: #707070;
}
.marketing_module3_form {
	margin: 0 0 0 10px;
	float: left;
	width: 200px;
}
.marketing_module3_form span {
	margin: 0 10px 0 0;
	padding: 3px 8px;
	display: inline-block;
	height: 14px;
	width: 70px;
	color: #fff;
	text-align: center;
	line-height: 15px;
	background-color: #000;
}
.marketing_module3_input {
	margin: 0 -5px 4px 0;
	width: 185px;
	height: 20px;
	line-height: 17px;
	border: 1px solid #c0c0c0;
}
.marketing_module4 {
	margin: 20px 0 0 20px;
	padding: 5px 10px;
	float: left;
	width: 425px;
	height: 70px;
	color: #363636;
	background: #f0eeee url(/images/lapiece.jpg) right top no-repeat;
}
.marketing_module4_text_inform {
	float: left;
	width: 370px;
	font-size: 12px;
	line-height: 18px;
}
.marketing_module4_text_inform b {
	color: #c30040;
}
.marketing_module4_link {
	margin: 0 0 0 5px;
	padding: 1px 15px 2px;
	font: italic 12px Georgia, Utopia, Charter, serif;
	color: #fff;
	background-color: #000;
}
.marketing_content_module_partagez {
	margin: 20px auto auto 0;
	float: left;
	width: 490px;
	height: 120px;
	font: 12px OpenSans, Arial, sans-serif;
	color: #363636;
}
.marketing_module_decouvrez {
	margin: 10px 15px 10px 0;
	float: left;
	width: 205px;
	height: 30px;
}
.marketing_module_decouvrez i {
	margin: -12px 2px 0 0;
	font-size: 43px;
	color: #363636;
	display: inline-block;
}
.marketing_content_module_decouvrez {
	margin: 20px 0 0 20px;
	float: left;
	width: 445px;
	height: 120px;
	color: #363636;
}
#newsletter b {
	color: #c30040;
}
.marketing_facebook {
	margin: 15px 0 0;
	float: left;
	width: 953px;
	height: 185px;
}
.marketing_module5 {
	margin-top: 15px;
}
/*Marketing Old Home*/
.marketing_left {
	display: inline-block;
	width: 630px;
	margin-right: 20px;
	vertical-align: top;
}
.marketing_right {
	display: inline-block;
	width: 305px;
	vertical-align: top;
}
.block_home, .block_home_too, .block_home_mine, .block_home_tendance, .block_home_BonPlan, .block_home_mine_noel, .block_home_mine_noel_inter {
	position: relative;
	display: inline-block;
	font: 200 14px OpenSans, Arial, sans-serif;
	width: 305px;
	margin: 0 0 20px;
	text-align: center;
	vertical-align: top;
}
.block_home img {max-width: 100%;}

.block_home_tendance {
	height: 410px;
	overflow: hidden;
	cursor: pointer;
}
.block_home_tendance > div {
	position: absolute;
	width: 160px;
	height: 410px;
	text-align: left;
	padding: 10px 5px 0;
	background: rgba(250, 250, 250, 0.75);
}
.block_home_tendance > div > div {
	padding: 5px;
	margin-bottom: 10px;
}
.block_home_tendance > div > div:first-child {
	margin-top: 10px;
	font: bold 16px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
}
.block_home_tendance img {
	float: left;
	height: 410px;
	margin: 0;
}
.large{width: 630px;}

.marketing_left > div.block_home:first-of-type {margin: 0 20px 20px 0;}

.marketing_right > div.block_home {margin: 0 0 20px;}

#block_home_intermediaire {margin: 20px 0;}
#block_home_intermediaire > div:last-of-type {margin: 0 0 20px;}

.block_home > div {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 305px;
	padding: 10px 0;
	  text-transform: uppercase;
	background-color: #f8af60;
	font: bold 14px OpenSans, Arial, sans-serif;
}
.block_home > div > span {font-size: 14px;}

.block_home > div > a {
	text-transform: none;
	font-family: OpenSans, Arial, sans-serif;
}
.block_home_BonPlan {cursor: pointer;}

.block_home_BonPlan > div {
	text-align: center;
	position: absolute;
	top: 20px;
	width: 305px;
	font: bold 30px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
}
.pastille_discount {
	width: 100px;
	height: 100px;
	margin:auto;
	border: 1px dashed #363636;
	border-radius: 50%;
}
.discount_value{
	margin-top: 25px;
	color: #363636;
}
.discount_txt{
	text-transform: uppercase;
	font: 200 12px OpenSans, Arial, sans-serif;
}
.discount_txt span {
	font-weight: bold;
	font-family: OpenSans, Arial, sans-serif;
}

/* Bloc Bons Plans */
.block_home_BonPlan > div > a {
	font: 12px OpenSans, Arial, sans-serif;
	text-decoration: underline;
	color: #363636;
	text-transform: initial;
}
.block_home_BonPlan > div > div {color: #c30040;}

.block_home_BonPlan > div > i {
	margin-right: 5px;
	font-size: 12px;
}
.block_home_BonPlan > div > a:hover {
	color: #c30040;
	text-decoration: none;
}
/* Bloc TOO */
.block_home_too {
	width: 600px;
	cursor: pointer;
}
.block_home_too > div, .block_home_mine > div {
	text-align: left;
	position: absolute;
	bottom: 0;
	font-size: 14px;
	top: 100px;
	margin-left: 30px;
}
/* Bloc MINE */
.block_home_mine {cursor: pointer;}

.block_home_mine > div {top: 150px;}

.block_home_mine_noel_inter .title {
	width:318px;
	margin: 0;
	text-align:center;
	position: absolute;
	bottom: 0;
	top: 75px;
	font: 25px Georgia, Utopia, Charter, serif;
	text-transform:uppercase;
	  color:#fff;
}
.block_home_mine_noel_inter span {
	font-style:italic;
	text-transform:none;
}
.block_home_mine_noel_inter .subtitle {
	width:220px;
	margin: 0 10px 0 365px;
	text-align:center;
	position: absolute;
	bottom: 0;
	top: 60px;
	font: 14px OpenSans, Arial, sans-serif;
	color:#fff;
}
.block_home_mine_noel_inter {
	cursor: pointer;
	width:650px;
	height:224px;
}
.block_home_mine_noel .title {
	width:295px;
	margin: 0 5px;
	text-align:center;
	position: absolute;
	bottom: 0;
	font: 25px Georgia, Utopia, Charter, serif;
	text-transform:uppercase;
	color:#fff;
	top: 10px;
}
.block_home_mine_noel span {
	font-style:italic;
	text-transform:none;
}
.block_home_mine_noel .subtitle {
	width:285px;
	margin: 0 10px;
	text-align:center;
	position: absolute;
	bottom: 0;
	font: 14px OpenSans, Arial, sans-serif;
	color:#fff;
	top: 205px;
}
.block_home_mine_noel .bouton {
	margin: 0 90px;
	top: 260px;
  }
.block_home_mine_noel_inter .bouton {
	margin: 0 0 0 415px;
	top: 140px;
}
.block_home_mine_noel .bouton, .block_home_mine_noel_inter .bouton{
	text-align:center;
	position: absolute;
	font: 15px OpenSans, Arial, sans-serif;
	height:25px;
	width:125px;
	color: #363636;
	background: -moz-linear-gradient(60deg,top,
		#a76b1d 0%,
		#f8af60 50%,
		#a76b1d 100%); /* FF3.6+ */
	background: -webkit-gradient(60deg, left top, left bottom,
		color-stop(0%,#a76b1d),
		color-stop(50%,#828c95),
		color-stop(100%,#a76b1d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(60deg,top,
		#a76b1d 0%,
		#f8af60 50%,
		#a76b1d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(60deg,top,
		#a76b1d 0%,
		#f8af60 50%,
		#a76b1d 100%); /* Opera 11.10+ */
	background: linear-gradient(60deg,
		#a76b1d 0%,
		#f8af60 50%,
		#a76b1d 100%); /* W3C */
}
.block_home_mine_noel {
	cursor: pointer;
	width:305px;
	height:300px;
}
.mask a{
  position: relative;
  display:block;
  width:305px;
  height: 300px;
  text-align:center;
  margin: 0 auto;
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,.5));
  background-position: -300px 0;
}
.mask a:hover, .mask a:focus {
  background-position: 300px 0;
  /*change speed to see in slow motion*/
  transition: all 1s;
}
.mask a::after{
  content:'';
  position: absolute;
  pointer-events: none;
  top:0; left:0; right:0; bottom: 0;
  background: linear-gradient(-75deg, rgba(255,255,255,0) 50%,rgba(255,255,255,.8) 52%,rgba(255,255,255,0) 65%) no-repeat;
  background-position: inherit;
}
.home_magtooTitle, .home_mineInterTitle {margin-top: 10px;}

.home_mag_too a, .home_mineInter a {text-decoration: underline;}

.home_mag_too a:hover, .home_mineInter a:hover {text-decoration: none;}

.home_magtooTitle a, .home_mineInterTitle a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
.home_magtooTitle a {background-color: #c0c0c0;}

.pastille {
	position: absolute;
	top: 215px;
	left: 50%;
	margin: 0 0 0 -30px;
	background-color: #fff;
	border-radius: 30px;
	width: 60px;
	height: 60px;
}
.pastille i {
	display: inline-block;
	color: #c30040;
	margin-top:10px;
	font-size: 30px;
}
.home_brand {
	margin: 0 auto;
	position: absolute;
	top: 130px;
	right: 0;
	text-align: center;
	width: 250px;
	cursor: pointer;
}
.home_brand div {
	font: 200 16px OpenSans, Arial, sans-serif;
	color: #363636;
	text-transform: uppercase;
}
.home_brand_soldes {
	margin: 0 auto;
	position: absolute;
	top: 150px;
	right: 50px;
	text-align: center;
	width: 150px;
	cursor: pointer;
}
.home_brand_soldes span {
	font: bold 14px OpenSans, Arial, sans-serif;
	color: #c30040;
}
.home_brand_soldes button {
	margin-top: 10px;
	padding: 3px 15px;
	font: italic 16px Georgia, Utopia, Charter, serif;
	color: #fff;
	border: none;
	cursor: pointer;
	background-color: #000;
}
.home_product_box {
	float: left;
	width: 155px;
	text-align: center;
}
#home_selection { position: relative;}

#home_selection > div {
	position: absolute;
	top: 30px;
	left: 0;
	overflow:hidden;
	background-color: #fff;
	display: none;
}
#home_selection > div:last-of-type {display: block;}

#home_selection i {
	position: absolute;
	font-size: 24px;
	cursor: pointer;
	top: 75px;
	left: -5px;
}
#home_selection i:first-of-type {
	left: 600px;
}

/*---- AUTRES ----*/
#goHome_luxe {
	position: absolute;
	display: none;
}
#stylesList1, #stylesList2, #stylesList3, #stylesList4, #stylesList5, #stylesList6, #stylesList7, #stylesList8, #stylesList9, #stylesList10 {
	position: absolute;
	top: 350px;
	width: 445px;
	height: 130px;
	left: 0;
	background-color: #000;
}
#stylesList1 div, #stylesList2 div, #stylesList3 div, #stylesList4 div, #stylesList5 div, #stylesList6 div, #stylesList7 div, #stylesList8 div, #stylesList9 div, #stylesList10 div {
	opacity: 1;
	filter: alpha(opacity=100);
}
#home_menu {
	margin: 2px 0 0 1px;
	float: left;
	width: 152px;
	height: 350px;
}
/* Pastille SOLDES Visuel Univers HOMEPAGE */
/*[langpath]/images/pastille-univers.png)*/
#pastilleSoldes {
	position: absolute;
	margin: 0;
	height: 133px;
	width: 133px;
	right: 210px;
	top: 10px;
	z-index: 250;
}
#pastilleSoldes2 {
	position: absolute;
	margin: 0;
	height: 133px;
	width: 133px;
	right: 10px;
	top: 10px;
}





/*****************************************************
**** @HOMES INTERMEDIAIRES
******************************************************/
#leftList {
	width: 200px;
	height: 630px;
	float: left;
	margin: 0 20px 0 0;
	background-color: #e6e6e6;
	font: 11px/18px OpenSans, Arial, sans-serif;
	color: #707070;
}
#leftList > div {
	font-size: 12px;
	text-transform: uppercase;
	margin: 10px 0 0 10px;
}
#leftList li {
	list-style: none;
	margin: 0 0 0 20px;
}
#leftList ul {
	margin: 0;
	padding: 0;
}
.categories {margin: 5px;}

#home_shoe, #home_clothe, #home_bag {
	position: relative;
	float: left;
	width: 230px;
	height: 230px;
	margin: 20px 22px 0 0;
	background-color: #e6e6e6;
}
#home_bag {margin: 20px 0 0;}

.lienSegment {
	position: absolute;
	background-color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	font: italic 12px/25px Georgia, Utopia, Charter, serif;
	color: #000;
	text-align: center;
	bottom: 0;
	width: 230px;
}
.styleName {
	position: absolute;
	width: 120px;
	top: 20px;
	right: 5px;
	text-align: right;
	font: bold 14px OpenSans, Arial, sans-serif;
}
.styleNameK {
	width: 230px;
	color: #000;
	text-align: center;
	font: bold 18px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
}

/*---- HOME TEXTILE ----*/
/*__ HOME TEXTILE_AH17 __*/
.home_text_black .slider_btn a {color: #000;}
#home_text_fetes .slider_btn a {color: #bfa100;}
.home_text_bleu .slider_btn a {color: #1C2D41;}
.home_text_ombre .slider_btn a {color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}

/*__ HOME TEXTILE AH16 __*/
.home_text_border_textile {
	position:absolute;
	width: 955px;
	height: 380px;
	color: #363636;
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
}
.home_text_textile {
	position: absolute;
	top: 0;
	left:477px;
	width: 478px;
	height: 380px;
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
}
.Tableau_textile {
   display:inline;
   float:left;
   margin: 0;
   padding:10px 0;
   text-transform:uppercase;
}
.Tableau_textile a {
	color:#707070;
	font: 200 14px/20px OpenSans, Arial, sans-serif;
	padding:5px;
	margin:10px;
	min-width:195px;
	display:inline-block;
	background-color:rgba(250, 250, 250, 0.75);
}

/*__ HOME TEXTILE PE17 __*/
#homeTextile_H_tshirt .slider_big_btn {font-size:16px;}

/* PE18 */
.textShadow {text-shadow: 1px 3px 5px rgba(0,0,0,0.5);}

/*---*/
#menu_left_textile {
	float: left;
	width: 200px;
	height: 428px;
	border: 1px solid #c0c0c0;
	background-color: #fff;
	font-family: sans-serif;
}
#menu_left_textile_title {
	display: block;
	width: auto;
	height: 25px;
	padding-left: 10px;
	color: #fff;
	font: 16px/23px OpenSans, Arial, sans-serif;
	background-color: #707070;
	border: 2px solid #fff;
}
#menu_left_textile h2 {
	display: block;
	margin: 5px 0 0;
	padding-left: 12px;
	font: bold 13px OpenSans, Arial,sans-serif;
}
#menu_left_textile ul {
	margin: 0 0 5px;
	padding-left: 25px;
}
#menu_left_textile li {
	list-style-type: none;
	line-height: 15px;
	font-family: OpenSans, Arial, sans-serif;
}
#visuel_home_textile {
	float: left;
	margin-left: 7px;
	width: 535px;
	height: 428px;
	border: 1px solid #707070;
	overflow: hidden;
}
#droite_vetements {
	float: left;
	width: 200px;
	margin-left: 9px;
	height: auto;
}
.vignette_right_textile {
	position: relative;
	margin-bottom: 10px;
	width: 200px;
	height: 100px;
	background-color: #c0c0c0;
}
.vignette_right_textile img, .vignette_right_textile .flags div, .flags .vignette_right_textile div {
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 3px;
}
.vignette_right_textile span {
	display: block;
	position: absolute;
	z-index: 2;
	margin-top: 76px;
	width: 200px;
	text-align: center;
	font: 14px OpenSans, Arial, sans-serif;
	color: #fff;
}
#branding_vetements {
	margin: 10px auto 0;
	width: 770px;
}

/* GESTION HOME PAGE TEXTILE */
.contener_textile {
	float: left;
	width: 733px;
	height: 378px;
	margin-bottom: 20px;
	margin-left: 0;
}
#annul_bg li {background: none;}

.menu_textile {
	float: right;
	width: 320px;
	height: 378px;
	left: 425px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.menu_textile small {font-size: 14px;}

.titre3, .titre4, .titre5, .titre6 {
	width: 300px;
	height: auto;
	padding-top: 10px;
	text-transform: uppercase;
	font: bold 18px/25px OpenSans, Arial, sans-serif;
	color: #363636;
	letter-spacing: .03em;
}
.titre3 {margin: 70px auto 20px;}

.titre4 {margin: 55px auto 20px;}

.titre5 {margin: 30px auto 20px;}

.titre6 {margin: 15px auto 20px;}

.menu_textile ul {
	margin: 0 auto;
	padding: 0;
}
.menu_textile li {
	margin: 0 0 5px;
	padding: 0;
	list-style-type: none;
}
a.bt_textile, a.bt_textile.petit, a.bt_textile.red, a.bt_textile.prodcard_onglet, a.bt_textile.blanc {
	display: block;
	margin: 0 0 5px;
	padding: 2% 4%;
	width: 295px;
	height: auto;
	text-decoration: none;
	font: 14px OpenSans, Arial, sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
	background-color: rgba(0, 0, 0, 0.5);
	background: url("/images/cursor_white.png") right no-repeat;
	color: #fff;
}
a.bt_textile:hover {
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#manufacturer_module img, #manufacturer_module .flags div, .flags #manufacturer_module div {
	margin-right: 5px;
	margin-top: 3px;
	border: 2px solid #e6e6e6;
}





/*****************************************************
**** @PAGES OP
******************************************************/
/*---- AMREF ----*/
/*__ PAGE AMREF __*/

.title_amref {
	text-align:center;
	text-transform:uppercase;
	font-size:15px;
	width:100%;
	margin-bottom:20px;
}
.title_amref img {margin-top:20px;}
.bloc_amref {
	margin:20px 0;
}
.content-amref-title {
	text-transform:uppercase;
	font-size:14px;
}
.amref-contentD {
	font: 12px OpenSans, Arial, sans-serif;
	text-align: left;
	clear: both;
	line-height: 20px;
	padding:0 0 15px 0;
}
.amref-contentDcompagne {
	margin:15px 0 10px 0;
}

.amref-contentG {
	margin:20px 0;
	font: 12px/20px OpenSans, Arial, sans-serif;
	text-align: left;
	clear: both;
	padding:15px 0 15px 0;
}
.txtpanierAmref {
	color:#e41c40;
	text-align: center;
	text-transform: uppercase;
	width: 300px;
}


/*__ POPUP AMREF __*/
#panierAmref_mobile {
	background-color:#f0eeee;
	padding:10px;
}
.panierAmref-popup {
	width:100%;
	text-align:center;
}

.bloc-bracelet-don-amref-desktop {
	float:left;
	width:50%;
	text-align:center;
}


.panierAmref-popup form{
	margin-top:10px;

}
#titredonamref {
	font-size: 15px;
	font-weight: bold;
	padding-bottom:10px;
	text-transform:uppercase;
}

/*---- PAIRE SOLIDAIRE FORMULAIRE (recyclage.php) ----*/
#contentTopREC {
	padding: 0 0 1px;
	margin: 0;
	position: relative;
	border-top: 1px #c0c0c0 dashed;
}
#contentRecG {
	float: left;
	width: 428px;
	margin: 25px 25px 0;
	padding:0;
	text-align: justify;
	line-height: 16px;
}
#contentRecD {
	float: right;
	width: 452px;
	margin:0 25px 0 0;
	padding:0;
	text-align: justify;
	line-height: 16px;
}
.rec_title {
	color: #c30040;
	font: bold 14px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.rec_text {margin-bottom: 50px;}
.rec_vert {color: #91bd09;}

.rec_rose {
	color: #c30040;
	font-weight: bold;
}
#rec-reduc {margin-bottom: 35px;}
#rec-reduc-title {padding: 50px 0 0 50px;}
#rec-reduc-texte {padding: 0 50px;}

.rec_point {
	float: left;
	margin: 5px 15px 25px 0;
}
.rec_form_sous_title, .rec_form_sous_title2 {
	color: #91bd09;
	font-weight: bold;
	font-size: 11px;
	padding-left: 25px;
}
.rec_form_sous_title2, form#recyclage_form {margin-left: 20px;}

#recyclage_form input {
	width: 156px;
}
#recyclage_form input, #recyclage_form select {
	margin-top: 10px;
	color: #707070;
	font: 14px OpenSans, Arial, sans-serif;
}
#recyclage_form select#achat {width: 158px;}
#recyclage_form select#chaussure {width: 152px;}

.rec_form_label {
	margin-top: 10px;
	margin-left: 20px;
	float: left;
	width: 60px;
}
.rec_form_label2 {
	margin: 10px 0 0;
	float: left;
	margin-left: 20px;
}
.rec_form_label3 {
	margin-top: 10px;
	float: left;
	width: 250px;
	margin-left: 20px;
}
.rec_form_label4 {
	margin-top: 10px;
	float: left;
	margin-right: 15px;
}
.rec_form_label5 {
	margin-top: 8px;
	float: left;
}
#recyclage_form input.rec_bouton_radio {
	float: left;
	margin-right: 5px;
	width: 20px;
}
#recyclage_form input.rec_bouton_checkbox {
	float: left;
	margin-left: 18px;
	width: 20px;
}
#recyclage_form input.rec_taille_email {width: 315px;}

.rec_form_bouton {margin: 10px 0 20px;}

#rec_logo_assoc {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
#rec_logo_partenaire {
	float: left;
	margin-right: 20px;
	margin-bottom: 9px;
}
#rec_tab_resume {
	margin-left: 40px;
	margin-top: 15px;
	text-align: left;
}
#rec_mentions {
	line-height: 16px;
}
#rec_mentions p {
	padding: 0 25px 25px;
	font-style: italic;
}
#rec_title_mentions {
	margin-left: 25px;
	color: #c30040;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 25px;
}
#rec_tiret {
	border-top: 1px dashed #c0c0c0;
	margin: 0 25px 25px;
}
.rec_tiret {
	border-top: 1px dashed #c0c0c0;
	margin-top: 15px;
	margin-bottom: 15px;
}
.rec_select_origine {margin-left: 20px;}

.rec_point_kiala {margin-left: 45px;}





/*****************************************************
**** @MARKETING
******************************************************/
/*---- SPARTOO DAYS ----*/
#canv {
	display: none;
	position: relative;
}
#gain {
	position: absolute;
	top: 200px;
	left: 270px;
}
#area {
	position: absolute;
	top: 195px;
	left: 190px;
}
#display_gain {position: relative;padding-top: 350px;}

.hd_close_div {
	position: absolute;
	top: 2px;
	right: 0px;
}
.hd_close_div a {
	color: #212121;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
}
.hd_close_div a::after {
	font-family: icoSpartoo;
	content: "\e908";
	font-size: 24px;
}
a.spartoo_days_button {
	text-align: center;
	background-color: #00d29f;
	color: #fff;
	font: 14px OpenSans, Arial, sans-serif;
	padding: 4px;
	text-decoration: none;
}
.spartoo_days_button:hover {
	background-color: #33917c;
	color: #fff;
}
.spartoo_days_button:active {
	position: relative;
	top: 1px;
}
.closespot {
	width: 141px;
	height: 20px;
	position: absolute;
	top: 288px;
	left: 219px;
}
#million {
	width: 385px;
	height: 250px;
	position: absolute;
	z-index: 1201;
	top: 150px;
	left: 285px;
	border: 1px solid black;
}
#pub {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
	background-color: #f0eeee;
}
#spartooday {
	position: absolute;
	z-index: 1100;
	width: 600px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
	border-radius: 5px;
}
#hd_sms_input {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 5px;
	width: 150px;
	height: 0;
	left: 300px;
}
#sms_id {width: 100px;}

#hd_sms_text {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	width: 280px;
}
#hd_sms_text_response {
	color: #000;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	width: 460px;
}
#hd_2nd_chance {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 75px;
	width: 120px;
	height: 20px;
	left: 15px;
	background-color: #c30040;
	transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
}
#hd_sms_box_bottom, #hd_sms_box_top {
	position: absolute;
	width: 460px;
	height: 50px;
	background-color: #e6e6e6;
	border-color: #c0c0c0;
	border-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}
#hd_sms_box_bottom {
	top: 130px;
	left: 20px;
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-style: none;
	border-bottom-style: solid;
}
#hd_sms_box_top {
	top: 80px;
	left: 20px;
	background-image: -webkit-linear-gradient(top, #e6e6e6, #fff);
	background-image: -moz-linear-gradient(top, #e6e6e6, #fff);
	background-image: -ms-linear-gradient(top, #e6e6e6, #fff);
	background-image: -o-linear-gradient(top, #e6e6e6, #fff);
	background-image: linear-gradient(to bottom, #e6e6e6, #fff);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-style: solid;
	border-bottom-style: none;
}
#hd_sms_content {
	position: absolute;
	top: 100px;
	left: 30px;
	text-align: center;
}
.hd_gain_big {
	color: #ff6255;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}
.hd_gain_normal {
	color: #000;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.hd_gain_bold {
	color: #000;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
.hd_gain_red {
	color: #ff6255;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
#hd_explain, #hd_explain_final {
	color: #ff6255;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
#hd_form {
	display: flex;
}
#hd_form_left, #hd_form_right {
	flex: 1;
}

.hd_form_class {
	display: flex;
	margin: auto;
	width: 80%;
	justify-content: center;
	font: 14px/28px OpenSans;
	padding: 5px 0;
}
.hd_form_class > *{
	flex: 1;
}
.hd_form_input {
	padding-left: 0.5em;
}

#hd_container_sms {
	height: 120px;
	margin-bottom: 10px;
}
#hd_container_form {
	position: relative;
}
#container_optin {
	text-align: left;
	width: 80%;
	margin: auto;
}
#hd_close_div_final {
	font-size: 16px;
	text-align: center;
	margin: 2em auto;
}
#hd_container_charte_link {
	width: 80%;
	margin: auto;
	cursor: pointer;
	text-decoration: underline;
	text-align: center;
}
#hd_container_charte {
	color: #363636;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	background-color: #fff;
	border: 1px solid #707070;
	padding: 10px;
	position: absolute;
	bottom: 30px;
	left: 15px;
	right: 15px;
	display: none;
	-moz-box-shadow: 0 2px 3px 2px #707070;
	-webkit-box-shadow: 0 3px 2px 2px #707070;
	box-shadow: 0 2px 2px 3px #707070;
}

/*---- AFFICHAGE COUPON ----*/
#coupon_news {
	position: relative;
	margin-top: 180px;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	height: 350px;
	text-align: center;
}
#coupon_news_code, #coupon_news_code2 {
	position: absolute;

	width: 166px;
	height: 32px;
	line-height: 32px;
	font-size: 20px;
	text-align: center;
	color: #c30040;
}
#coupon_news_code {left: 275px; top: 266px;}
#coupon_news_code2 {left: 170px; top: 281px ;}

#coupon_news_fermer {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 30px;
	cursor: pointer;
}

/**********************************
***** Lucky Days *******
**********************************/

#luckydays {
	position: absolute;
    z-index: 1000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 600px;
    height: auto;
	padding: 0 1rem 1rem 1rem;
    margin: auto;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
#ld_close_div {
	display: flex;
    width: 100%;
	padding: 0.2rem 0;
    justify-content: flex-end;
	align-items: center;
	color: #363636;
}
#ld_close_div > i {
	font-size: 1.2rem;;
}
#content_jeux {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
	background-position: top center;
	background-repeat: no-repeat;
    background-color: #33917c;
}
#jeux {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    height: 270px;
    margin-top: 75px;
}
.ld_phrase {
    color: #ffffff;
    font-size: 0.9rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 15px 0;
    padding: 0;
}
#cadre {
    position: absolute;
    z-index: 1;
    width: 270px;
    height: 270px;
}
#roue {
    width: 245px;
    height: 245px;
}
.content_bt {
    height: 60px;
}
#ld_bouton {
    width: 200px;
    height: 40px;
    border: 2px solid #ffffff;
    color: #ffffff;
    background-color: #ff6255;
    box-shadow: 0 10px 0px rgba(0,0,0,0.2);
    cursor: pointer;
    transition: all 0.2s;
}
#ld_bouton:hover {
    background-color: #c40030;
    box-shadow: 0 5px 0px rgba(0,0,0,0.2);
    transform: scale(1.05);
}
#ld_gain {
	display: flex;
	opacity: 0;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	font-weight: bold;
	width: auto;
    height: 40px;
    color: #ffffff;
	transform: rotate( -45deg) scale(3);
	transition: all 0.3s ease-in-out;
	pointer-events: none;
}
.anim_ld_gain {
	opacity: 1 !important;
	transform: rotate(0deg) scale(1) !important;
}
.conf {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    opacity: 0;
    background-color: yellow;
    animation: 0.4s linear infinite neon_anim;
}
@keyframes neon_anim {
    0% { 
        opacity: 0;
        transform: scale(1);
    }
    50% { 
        opacity: 1;
        transform: scale(1.5);
    }
    100% { 
        opacity: 0;
        transform: scale(1);
    }
}


/*****************************************************
**** @LISTING PRODUITS
******************************************************/
/*---- RECHERCHE ----*/
#unknown_keywords {
	font-size: 14px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	color: #707070;
	text-align: center;
	padding: 20px 0;
	line-height: 30px;
}
#unknown_keywords .searchTitle {
	font: 200 18px OpenSans, Arial, sans-serif;
	color: #363636;
	text-align: center;
}
#unknown_keywords .searchTitle b {
	font-size: 24px;
}
#unknown_keywords .keywords {
	font: bold 18px OpenSansCond, Arial, sans-serif;
}
#unknown_keywords .keywords_suggestion {
	color: #363636;
}
#unknown_keywords .keywords_suggestion span {
	font: bold 18px OpenSansCond, Arial, sans-serif;
}
#unknown_keywords a.keywords_fixed {
	font: bold 18px OpenSansCond, Arial, sans-serif;
	text-decoration: underline;
	color: #363636;
}
#unknown_keywords a.keywords_fixed:hover {
	color: #c30040;
}
#unknown_keywords .icon-valider {color: #c30040;}

/*__ RECHERCHE : AUTRES __*/
/*exemple: non-existent-brand.php */
.results_titre {
	width: 750px;
	text-align: center;
	padding: 4px;
	margin: 0 auto 10px;
	font-size: 16px;
	color: #cc0000;
}
.results_texte {
	width: 800px;
	font-size: 12px;
	padding: 4px;
	text-align: left;
	margin: 0 auto 10px;
}
.results_no_products {
	font-size: 16px;
	width: 750px;
	text-align: center;
	padding: 4px;
	margin: 0 auto 10px;
	color: #cc0000;
}
.search_tips {
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin: 0;
	padding: 10px 0;
	font-family: Georgia, Utopia, Charter, serif;
	text-align: center;
	font-style: italic;
}
.search_tips h3 {
	margin: 0;
	font-size: 18px;
	color: #707070;
}
.search_tips ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

/*__ RECHERCHE AVANCEE __*/
.result_red {color: #c30040;}
.searchBox {
	margin: 10px 0 0;
	width: 105px;
	font-size: 10px;
	border: 1px solid #363636;
	float: left;
}
.searchResult {
	margin: 10px 0 0;
	text-align: center;
}

/*---- POPUP INDISPO ----*/
.indispoMore {margin-bottom:40px;text-align:center;}
.indispoMore_product {width:24%;display:inline-block;}
.indispoMore_product img {width:80%;}
.indispoMore_infos p {margin:0;}
.indispoMore_infos p:first-child{text-transform:uppercase;font-weight:bold;}
.indispoMore ~ .btn, .indispoMore ~ .btn ~ a {display:inline-block;margin-bottom:10px;}
.indispoTxt ~ hr, .indispoMore ~ hr {border:none;border-bottom:1px dotted #c0c0c0;}

/*---- SBANS ----*/
.corner + #sban {display:none;}
#homeContent + #sban {display:none;}

#sban {
	min-height: 100px;
	text-transform: uppercase;
	position: relative;
}
#sban .sbanTitle {
	display:inline-block;
	width:280px;
	vertical-align:middle;
	text-align:center;
	font: 200 30px OpenSans, Arial, sans-serif;
}
#sban > div {
	width:100%;
	height:180px;
}
#sban h1 {
	font-size: 16px;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}
#sban .kmltBtns {
	position: absolute;
	bottom:0;
	right:0;
	width: 55%;
	display:flex;
	justify-content: center;
	align-items: flex-end;
}
#sban .kmltBtns a {
	background-color: #BD9A7E;
	color: #fff;
	padding: 5px 5px 5px 10px;
	border-radius: 3px;
	margin: 25px 15px;
	font-size: 1.1em;
}
#sban .kmltBtns a:hover {
	background-color: #C9A78B;
}
.sban-empty {
	text-align: center;
	display: inline-block;
	font: 200 50px/50px OpenSans, Arial, sans-serif;
	border-bottom: 1px solid #363636;
	color: #363636;
}
.cust_exclu {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 119px;
}
.carlington-remise {
	display: block;
	color: #fff;
	font-size: 15px;
	padding: 5px;
  margin: 8px 0;
	text-align: center;
	background-color: #825129;
}
#sban .JMlastSizesLink {
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 150px;
	border-radius: 0.5em;
	margin-top: -2.4em;
	background-color: #fff;
	padding: 1em 3em 1em 1em;
	cursor: pointer;
	transition: all 0.25s;
}
#sban .JMlastSizesLink:hover {
	background-color: #212121;
	color: #fff;
}
#sban .JMlastSizesLink i {
	font-size: 2.4em;
	position: absolute;
	right: 0;
}
/*---- SBAN CONFIDENCES / SOLDES ----*/
.sizeContainer {
	width: 500px;
	height: 50px;
	position: absolute;
	top: 135px;
	right: 20px;
}
/* SBAN SOLDES */
.sizeContainerSoldes {
	width: 320px;
	height: 180px;
	position: absolute;
	top: 0;
	box-sizing: border-box;
	padding: 1em;
	right: 0;
	background-color: #ffffff;
	overflow-y: auto;
}
.sizeContainerList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.prodcardSize2 {
	border: 1px solid #777;
	padding: 3px;
	margin: 0px 5px 5px 0px;
	font-size: 12px;
	flex: 1;
	text-align: center;
	cursor: pointer;
}
.prodcardSize2:hover {background-color: #777;color:#fff;}
.sbanTimerRed {color: #c30040;}

.sban_confidence_title {
	position: absolute;
	left: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
    font: 100 50px/40px OpenSans, sans-serif;
	color: #212121;
	margin: 0 0.25em;
	pointer-events: none;
}
.sban_confidence_title > div > span {
	color: #ff6255;
}
.sban_confidence_title > span {
	font: bold 22px OpenSansCond, sans-serif;
	text-transform: lowercase;
}
.sban_confidence_discount {
  font: 55px/70px OpenSans, sans-serif;
  color: #c30040;
  font-weight: bold;
  display:inline;
}
.sban_confidence_discount span{
  vertical-align: top;
  font-size: 50px;
  font-weight: bold;
}
.sban_confidence_jusqua{
  font: 18px/64px OpenSans, sans-serif!important;
  color: #c30040;
  text-transform: lowercase;
  vertical-align:bottom!important;
  letter-spacing: 0!important;
  word-spacing: 0!important;
  display:inline;
}
.confidence_timer {
	position: absolute;
	top: 45%;
	text-align:center;
	font: 25px OpenSans, sans-serif;
	left:6%;
}
.sban_confidence_timer_numbers span {
	margin: 0;
	display: inline-block;
	width: 25px;
	height: 35px;
	font: normal 28px/32px OpenSans, Arial, sans-serif;
	background-color: #000;
	color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
}
.sban_confidence_timer_numbers span.first {margin-left: 5px;}

.sban_confidence_timer_textes{
  margin-top:2px;
}

.sban_confidence_timer_textes span {
	display: inline-block;
	font-size: 11px;
	color: #c30040;
	width: 68px;
}
.sban_confidence_timer_texte_fin {
	font: normal 25px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	color: #c30040;
}

/*---- SBAN VENTES FLASH ----*/
#sban .sbanFlash {
	position: absolute;
	color: #fff;
	top:0;
	left:0;
	width:50%;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	padding:20px;
	text-align:center;
	box-sizing: border-box;
}
.sbanFlash_title {
	font: 200 4em OpenSans, Arial, sans-serif;
	letter-spacing: 5px;
	margin-bottom: 10px;
}
.sbanFlash_infos {
	font-size: 1.5em;
	line-height:28px;
}
.sbanFlash_code {
	color: #363636;
	background-color: #fff;
	padding: 5px;
	margin-left: 8px;
	font-weight: bold;
	text-transform: initial;
}

/*---- SBAN SELECTION PERSONNALISEE ----*/
.sban_selection_personnalisee{
	position: absolute;
	text-align: center;
	font: 18px/18px OpenSans, sans-serif;
	color: #c30040;
	width: 22%!important;
	height: auto!important;
	margin: 3.5%;
	padding: 1% 2%;
	text-transform: none;
	background-color: rgba(255, 255, 255, .65);
}
.sban_selection_personnalisee_gris{
	color: #363636;
	font-size: 16px;
	line-height: 20px;
	margin: 5px;
}
#selection-personnalisee {
  display:flex;
  align-items:center;
  margin-bottom:30px;
}
.selection-personnalisee_txt{
  text-align:center;
  font:18px/18px OpenSans, sans-serif;
  margin:0 10%;
}

/*---- MENU GAUCHE ----*/
#gauche {
	position: relative;
	float: left;
	width: 20%;
	margin: 0;
	padding:0;
	background-color: #fff;
	min-width:166px;
}
#menu {
	position: relative;
	width: 172px;
	margin: 10px 0 0;
	padding:0;
}
.cust_spirit {margin: 0;}

.rub {
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0;
	padding:0;
	color: #363636;
	font-variant: small-caps;
}
.srub {
	margin: 0 0 10px;
	padding:0;
}
li.srub_link_disabled a {
	color: #c0c0c0;
	cursor: default;
}
#menu ul {
	margin: 0 0 10px 5px;
	padding:0;
	list-style-type: none;
}
#menu li {
	margin: 0 0 0 5px;
	padding:0;
}
#menu a {
	padding: 0 0 0 10px;
	background: url(/images/srub_bg.gif) left 6px no-repeat;
}
#menu a.spirit, #menu a.color_link_menu {
	padding: 0;
	margin: 0;
	background: none;
}
#menu .title_menu, #menu h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0;
	padding:0;
	color: #363636;
	font-variant: small-caps;
}
#menu .title_menu a, #menu h2 a {
	background-image: none;
	padding:0;
	color: #363636;
}
#menu .champs {
	border: 1px solid #707070;
	margin:0;
	padding:0;
	font-size: 10px;
}

/*---- FILTRES AVANCES ----*/
.spartooSelect {
	margin: 10px 0 0;
	padding:0;
	line-height: 25px;
}
.spartooSelect h1, .spartooSelect h2, .spartooSelect h1:hover, .spartooSelect h2:hover {
	margin: 0;
	padding:0;
	line-height: 25px;
	display: inline;
	font: inherit;
	font-weight: normal;
	color: inherit;
}
#advanced_menu {
	font-size: 15px;
	background-color: #fff;
	padding-bottom: 5px;
	width: 95%;
	margin: 10px 0 0;
}
#advanced_menu #size, #advanced_menu #marque, #advanced_menu #style, #advanced_menu #stengel_composition, #advanced_menu #voering_composition, #advanced_menu #first_composition, #advanced_menu #zool_composition, #advanced_menu #country {
	width: 100%;
}
#advanced_menu .srub > div {
	height: 40px;
	border-bottom: 1px solid #e6e6e6;
	display: flex;
	align-items: center;
}
#advanced_menu > .srub > div:last-child {
	height: 40px;
	border-bottom: none;
}
.filter_adv {
	background-color: #363636;
	color: #e6e6e6;
	text-align: center;
	font-size: 18px;
	height: 60px;
	display: none;
	font-weight: bold;
	padding: 5px;
	text-transform: uppercase;
	align-items: center;
	justify-content: center;
}
.advanced_menu_brand_search {
	width: 90%;
	font: 10px/30px OpenSans, Arial, sans-serif;
	border: 1px solid #f0eeee;
	padding: 0 0 0 4px;
	margin-bottom: 5px;
}
#header_menu_avance {background-color: #fff;}

#filtres_classiques, #filtres_classiques_actif,
#filtres_avances, #filtres_avances_actif {
	text-align: center;
	width: 83px;
	height: 42px;
	float: left;
	padding-top: 5px;
	line-height: 11px;
	font-size: 10px;
}
#filtres_classiques {
	cursor: pointer;
	background-image: url(/images/filtre_ongletG.png);
	color: #363636;
}
#filtres_classiques_actif {
	color: #fff;
	background-image: url(/images/filtre_ongletG_actif.png);
}
#filtres_avances {
	cursor: pointer;
	background-image: url(/images/filtre_ongletD.png);
	color: #363636;
}
#filtres_avances_actif {
	color: #fff;
	background-image: url(/images/filtre_ongletD_actif.png);
}
#filtres_classiques:hover, #filtres_avances:hover {color: #c30040;}

#slider-range-srub_parent {
	margin-left: 0px;
}
.slider-range-srub_actifs {
	max-width:100%;
	margin-bottom:5px;
}
#slider-price-srub {
	width:calc(100% - 15px);
	margin:auto;
	height:8px;
}
#slider-price-srub .ui-slider-range {
	height:8px;
	background-color: #c30040;
}
#slider-price-srub .ui-slider-handle {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	top: -0.25em;
}
#title_advanced_fil_ariane {
	font-size: 13px;
	margin: 10px 0 0px 0;
	width:100%;
}
#title_advanced_fil_ariane h1.seo_hn_tag {
	font: bold 28px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
}
#advanced_fil_ariane {
	padding-top: 5px;
	width:100%;
    display: flex;
    min-height: 24px;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.ariane_fl {
	display:flex;
	align-items: center;
}
.ariane_fl > span:first-of-type {
	max-width: 900px;
}
.adv_nouvelle_recherche {
	cursor: pointer;
	margin-left: 5px;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-flex;
	white-space: nowrap;
}
.advanced_fil_ariane_conteneur {
	overflow-x: auto;
	padding-bottom: 4px;
	width: 82%;
	scrollbar-width: thin;
	scrollbar-color: #707070 #e6e6e6;
}
/* Works on Chrome, Edge, and Safari */
.advanced_fil_ariane_conteneur::-webkit-scrollbar {
	height: 6px;
}
.advanced_fil_ariane_conteneur::-webkit-scrollbar-track {
  background: #e6e6e6;
}

.advanced_fil_ariane_conteneur::-webkit-scrollbar-thumb {
  background-color: #707070;
  border-radius: 2px;
  border: 1px solid #e6e6e6;
}
.adv_fil_ariane_elt {
	background-color:#f0eeee;
	padding:10px;
	margin-right:5px;
	border-radius:20px;
	display:inline-flex;
	align-items: center;
	justify-content: flex-start;
	white-space: nowrap;
}
.adv_fil_ariane_text {
	color: #363636;
	font-size: 14px;
	margin-right:5px;
}
.adv_fil_ariane_image {
	cursor: pointer;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	border-radius: 50%;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.adv_fil_ariane_image i {
	line-height: 18px;
}
#productsPer3, #productsPer4, #productsPer3Adv, #productsPer4Adv {
	display: inline-block;
	margin: 4px;
	cursor: pointer;
}
#productsPer3Adv, #productsPer4Adv {margin-top: 8px;}

.advViewType {
	border-left: 1px solid #c0c0c0;
	width:153px;
	display:inline-block;
	text-align:center;
	vertical-align: top;
	font-size:11px;
	padding-top: 5px;
}
.adv_filter_classement {cursor:pointer;}

/* Dropdown Choix du tri*/
.advViewClassement {
	margin-left:10px;
	width:180px;
	position: relative; /*pour positionner content*/
	display: inline-block; /*pour positionner content*/
	text-align:center;
	height:25px;
	font: 14px/25px OpenSans, Arial, sans-serif;
}
.btn_tri {
	background-color: #fff;
	color: #363636;
	height: 25px;
	font: 12px/25px OpenSans, Arial, sans-serif;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	cursor: pointer;
	padding: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn_tri i {margin-left:4px; margin-top:3px;}

.classement_content {
   display: none;
   position: absolute;
   background-color: #f0eeee;
   min-width: 180px;
   z-index: 5000;
   cursor:pointer;
   list-style-type: none;
}
.classement_content li {
   color: #363636;
   padding: 3px 0;
   text-decoration: none;
   display: block;
   margin-left:0;
}
.classement_content li:hover {background-color: #e6e6e6}

.title_advanced_fil_ariane_content {
	padding: 5px 5px 0px 5px;
	width:100%;
	display:inline-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#promo {
	padding: 0 3px;
	display: flex;
	flex-wrap: wrap;
}

.adv_promo_default {
	margin: 3px;
	padding: 2px 2px 1px 2px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.adv_promo_default sup, .adv_fil_ariane_text sup {vertical-align: top;}
.adv_promo {
	border: 1px solid #c0c0c0;
}
.adv_promo_actif {
	background-color: #c0c0c0;
	border: 1px solid #c0c0c0;
}
#size_id.shoe_size {
	display: flex;
	flex-wrap: wrap;
}
#size_id {
	font-size: 14px;
}
.adv_size_default, .adv_size_id_default {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 3px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	background-color:#fff;
	border:1px solid #c0c0c0;
}
.adv_size_id_default.adv_size_id_actif {
	background-color:#c0c0c0;
}
.adv_size, .adv_size_id {
	cursor: pointer;
}
.adv_filtre_default {clear: both;}

.adv_filtre_default div {
	display: inline-block;
	vertical-align: middle;
	margin: 3px;
	width: 12px;
	height: 12px;
}
.adv_filtre_default span {
	vertical-align: -2px;
}
.adv_filtre div {
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #707070;
	cursor: pointer;
}
.adv_filtre div:first-of-type {
	margin-right: 0.5em;
}
.adv_filtre span {cursor: pointer;}
.adv_filtre_default[data-parent-cat] {margin-left:0.5em;}
.adv_filtre_actif div {
	background-color: #c30040;
	cursor: pointer;
	position:relative;
	display: inline-flex;
	justify-content:center;
	align-items: center;
}
.adv_filtre_actif div::after {
	content:'✕';
	color: #fff;
	width:12px;
	height:12px;
	line-height:12px;
	text-align: center;
	font-size: 9px;
	display: inline-block;
}
.adv_filtre_actif span {
	color: #c30040;
	font-weight: bold;
	cursor: pointer;
}
.adv_filtre_indispo div {
	background-color: #c0c0c0;
}
.adv_filtre_indispo span {color: #c0c0c0;}

.adv_filtre_sous_cat {padding-left:10px;}

.adv_promo_indispo{ display:none; }

.adv_title_menu {
	margin: 20px 0 0;
	font: bold 16px OpenSans, Arial, sans-serif;
	padding: 4px 3px;
	text-transform: uppercase;
	border-top: 1px solid #363636;
}
#advanced_menu div:nth-of-type(2) .adv_title_menu{border-top: none;}

/* FILTRE COULEURS */
#advanced_menu #colors {
	display: flex;
	flex-direction: column;
	height: 250px;
	overflow-y: auto;
}
#advanced_menu #colors > div {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e6e6e6;
	padding: 0.65em 0;
}
#advanced_menu #colors > div >div:first-of-type {
	display: inline-block;
	vertical-align: middle;
	margin: 3px;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #707070;
	cursor: pointer;
}
#advanced_menu #colors > div.adv_colors_actif_parent  >div:first-of-type {
	background-color: #c30040;
	cursor: pointer;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: none;
}
#advanced_menu #colors > div.adv_colors_actif_parent >div:first-of-type::after {
	content:'✕';
	color: #fff;
	width:12px;
	height:12px;
	line-height:12px;
	text-align: center;
	font-size: 9px;
	display: inline-block;
}
#advanced_menu #colors > div:last-of-type {
	border-bottom: none;
}

.adv_colors, .adv_colorsB {
	display:inline-block;
	cursor: pointer;
	padding: 0;
	height: 22px;
	width: 22px;
	margin: 2px;
	border-radius:50%;
	border: 3px solid #fff;
}
/*for orphan filter*/
.adv_colors:last-child {
	margin-right:auto;
}
.adv_colors_actif {
	border: 3px solid #c0c0c0;
}

.adv_colors_1 { /* Blanc */
	background: rgb(217,217,217);
	background: linear-gradient(310deg, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%);
}
.adv_colors_4 {background: yellow;}
.adv_colors_7 {background: darkorange;}
.adv_colors_8 {background: red;}
.adv_colors_13 {background: hotpink;}
.adv_colors_15 {background: purple;}
.adv_colors_19 {background: dodgerblue;}
.adv_colors_25 {background: green;}
.adv_colors_28 {background: saddlebrown;}
.adv_colors_31,
.adv_colors_6887 {background: #e3e3ca;} /* Beige */
.adv_colors_35 {background: grey;}
.adv_colors_38 {background: black;}
.adv_colors_7124 {background: darkkhaki;}
.adv_colors_7136 {background: #800020;}
.adv_colors_41 { /*Doré*/
	background: #ffdc78;
	background: linear-gradient(270deg, rgba(255,236,182,1) 0%, rgba(209,161,0,1) 86%, rgba(222,170,10,1) 100%);
}
.adv_colors_46 { /*Argenté*/
	background: rgb(209, 209, 209);
	background: linear-gradient(347deg, rgba(242,242,242,1) 0%, rgba(186,186,186,1) 86%, rgba(106,106,106,1) 100%);
}
.adv_colors_594 { /*Multicolore*/
	background: grey;
	background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
				linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
				linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
}
.adv_colors_6889{ background-color: #03224C; }

.adv_colors_indispo {display:none!important;}

/*---- BRAND HISTORY / MOTS CLES RELATIFS ----*/
#brandHistory > div:first-of-type {
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #c0c0c0;
	margin: 10px 0;
	padding: 1em 1em 1em 0.5em;
}
#brandHistory > div:last-of-type {
	text-align: justify;
	color: #707070;
	border-bottom: 1px solid #c0c0c0;
	padding: 0em 1em 1em 0.5em;
}

/*---- LISTE PRODUITS (display.php) ----*/
#droite {
	position: relative;
	float: left;
	width: 80%;
	max-width: calc(100% - 166px);
	margin:0;
	padding:0;
}
.dis_top_5 {
	width: 100%;
	margin: 0 auto 0 0;
}
.dis_top_5_img {
	text-align: center;
	font-size: 10px;
	padding-top: 5px;
	margin-top: 10px;
	border-left: 3px solid #e6e6e6;
}
.dis_top_5_img a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 1.4em;
	padding: 0 1em;
}
.dis_top_5_img a:hover {
    color: #212121;
}
.dis_top_5_number {
	float: none;
	font-size: 4em;
	line-height: 20px;
	color: #e6e6e6;
	font-weight: bold;
	transform: translate(-60px, 100px);
}
.borderColor1 {
	border-color: #212121;
}
.borderColor2 {
	border-color: #707070;
}
.borderColor3 {
	border-color: #959191;
}
.borderColor4 {
	border-color: #c0c0c0;
}
.numberColor1 {
	color: #212121;
}
.numberColor2 {
	color: #707070;
}
.numberColor3 {
	color: #959191;
}
.numberColor4 {
	color: #c0c0c0;
}
.dis_products_per_page {text-align: left;}

.dis_products_per_page_form {
	border-top: 1px solid #c0c0c0;
	margin: 5px 2px 10px 0;
	padding-top: 5px;
}
.dis_current_page {
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	margin: 3px;
	padding: 0px 7px;
	font-size: 18px;
}
.dis_current_page_espace {
	color: #fff;
	border: 1px solid #fff;
	font-weight: bold;
	margin: 3px;
	padding: 3px;
}
.dis_ellipsis {
	font-weight: bold;
	color: #000;
}
.dis_classement {
	float: right;
	margin-right: 10px;
}
.dis_saut {
	line-height: 10px;
	margin: 10px 0 5px 0;
}
.productsList {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 100%;
}
.dis_content_img, .dis_content_img2 {
	position: relative;
	width: calc(94% / 3);
	margin-bottom: 60px;
	display:flex;
	flex-direction:column;
	align-items: center;
}
/*for orphan products*/
.dis_content_img:nth-child(3n+2):nth-last-child(-n+3):last-child,
.dis_content_img2:nth-child(3n+2):nth-last-child(-n+3):last-child {
	margin-right:auto;
	margin-left: 1%;
}
/* end orphan products */
#see_more_mp_products {
	text-align:right;
	cursor:pointer;
}
.products_mp_hidden, .products_page_mp_hidden {display:none;}

.dis_content_vignette_discount {
	position: relative;
}
.vignette_discount {
	position: absolute;
	font: 11px OpenSans, Arial, sans-serif;
	letter-spacing: -0.5px;
	right: 10px;
}
.vignette_discount_rounded {
	position: absolute;
	font: 14px/40px OpenSans, Arial, sans-serif;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	border-radius: 50% 50% 50% 8px;
	color: #fff;
	background-color: #c30040;
	text-align: center;
}
.productBigView .vignette_discount_rounded {top: 25px;}
div.price > div > div.vignette_discount_rounded {top: 10px;}

.vignette_discount_rounded_UK {
	position: absolute;
	font: 14px/11px OpenSans, Arial, sans-serif;
	right: 0px;
	top: 25px;
	width: 40px;
	height: 40px;
	border-radius: 40px 40px 40px 8px;
	color: #fff;
	background-color: #c30040;
	text-align: center;
}
.saveUK {
	display: block;
	font-size: 9px;
	margin-top: 7px;
}
.dis_infoDiscountType, .dis_infoType {
	font: 11px OpenSans, Arial, sans-serif;
	color: #c30040;
	text-transform: uppercase;
	background-color: #fff;
	padding: 1px 4px;
}
.dis_infoType {color: #707070;}
#product_vignette {
	text-align: right;
	margin: 5px 10px 0 0;
	display: block;
	position: absolute;
	width: 100%;
	z-index:2;
}
#lowPriceGuaranted {
	cursor: pointer;
	display: none;
}
.productPrice .dis_infoType, .productPrice .dis_infoDiscountType {
	display: none;
}
.productPrice #lowPriceGuaranted, .vignette-bas #lowPriceGuaranted {
	display: block;
}
.discount-exp {
	position: absolute;
	letter-spacing: -1.0px;
	vertical-align: super;
	font-size: 11px;
}
.vignette_discount i.icon-vignette,
.vignette_discount_prodCard i.icon-vignette {font-size: 6.8em;}

.vignette_discount p {
	font-size: 1.6em;
	color: #fff;
	margin: 6px 17px 0 0;
}
.vignette_discount_prodCard  {margin: 10px 0 0;}

.vignette_discount_prodCard p {
	font-size: 1.6em;
	color: #fff;
}
.vignette_discount_red {color: #c30040;}

.vignette_discount_grey {color: #707070;}

.dis_logo_left {
	position: absolute;
	  left: 0;
	margin:0;
}
.dis_zoom {
	position: absolute;
	margin: 5px 0 0 125px;
	display: none;
	height: 25px;
	width: 65px;
	z-index: 200;
}
.dis_content_img2 .dis_zoom2, .display_product3 .dis_zoom2, .dis_zoom2 {
  position: absolute;
  margin:0;
  display: none;
  height: 35px;
  z-index: 200;
  background-color: rgba(255, 255, 255, 0.6);
}
.dis_content_img2 .dis_zoom2 {
	top: 145px;
	width: 195px;
}
.display_product3 .dis_zoom2 {
	top: 165px;
	width: 261px;
}
.dis_zoom2 {
	top: 115px;
	width: 195px;
}
.dis_zoom2 div {
	cursor: pointer;
	text-align: center;
	display: inline-block;
	width: 90px;
}
.dis_zoom2 div:hover {color: #c30040;}

div.dis_zoom2 > div > i {font-size: 24px;}

.dis_content_img_product {width: 150px;}
.dis_content_img2 .dis_content_img_product {width: 180px;}
.display_product3 .dis_content_img_product {width: 250px;}
.display_product3 .displayImgBigView {width:100%;}
.dis_zoom_ico {
	height: 20px;
	width: 60px;
}
.dis_your_size {
	text-align: center;
	margin: 10px 0 0;
}
.dis_your_sizeT {
	text-align: center;
	margin: 3px 0 2px 0;
}
.prodcardAddButtonContainer {
	text-align: center;
	margin: 0 0 7px 0;
}
.dis_your_size .btn {margin: 0 0 5px;}

.dis_text_soldes {
	margin: 0 0 5px;
	font-size: 10px;
	text-align: center;
}
.dis_right {float: right;}
.productName_noReview {text-align:center; margin: auto;}
.productName_noReview .btn {margin: 10px 0;}

.dis_reviews {
	margin: 20px 0 0;
	background-color: #f0eeee;
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
.dis_reviews_detail {
	display: inline-block;
	width: 500px;
}
.dis_reviews_detail > div:first-child {
	background-color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 10px 0;
	padding: 6px;
}
.dis_reviews_detail_size {
	background-color: #fff;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 10px 0;
	padding: 6px;
	display: inline-block;
	width: 200px;
	margin-left: 20px;
	vertical-align: top;
	text-align: justify;
}
.dis_reviews_detail_size > div {
	display: inline-block;
	width: 75px;
	height: 1px;
	background-color: #e6e6e6;
	vertical-align: middle;
}
.dis_reviews_detail_size > span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #e6e6e6;
}
.dis_reviews_detail_stars {
	display: inline-block;
	width: 160px;
}
.dis_comp_products {
	position: absolute;
	left: 600px;
	width: 400px;
	margin: 3px 0 0 0;
	color: #c30040;
	font-weight: bold;
}
.dis_comp_img {
	float: left;
	margin:0;
	cursor: pointer;
}
.dis_comp_img2 {
	float: left;
	margin: 0 2px 0 8px;
	cursor: pointer;
}
.dis_comp_plus_img {float: left;}

.dis_comp_bg {
	width: 1200px;
	margin: auto;
	height: auto!important;
}
.dis_comp_name {
	position: relative;
	text-align: center;
	width: 100%;
	color: #000;
	margin: 3px 0 0 0;
	font-weight: bold;
}
.dis_market_price {color: #b11111;}

.dis_content_parteners {
	border: 1px solid #c0c0c0;
	background-color: #f0eeee;
	margin: 0 auto;
	padding: 15px 0 0;
	height: 55px;
}
.dis_parteners_img {
	float: left;
	margin: 0 0 0 20px;
}
.dis_parteners_popup {
	float: left;
	margin: 5px;
}
.dis_link_3d {
	width: 365px;
	text-align: center;
	margin: 10px auto 0;
}
.dis_cale_descript {height: 26px;}

.dis_description {
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.dis_info_size {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 11px;
}
.dis_content_list {
	width: 745px;
	margin: auto;
}
.dis_content_list_cale {
	position: absolute;
	left: 570px;
	width: 250px;
	margin: 3px 0 0 0;
	color: #11b2cb;
	font-weight: bold;
}
.dis_content_list_img {
	margin: 0 5px;
	cursor: pointer;
	float: left;
}
.dis_history1 {
	font-size: 14px;
	font-weight: bold;
	margin: 15px 15px 0 15px;
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 5px;
}
.dis_history2 {
	text-align: justify;
	margin: 15px 15px 0 15px;
	font-size: 13px;
	line-height: 16px;
}
.dis_history_img {
	border: 1px solid #c0c0c0;
	float: left;
	margin: 0 5px 5px 0;
}
.dis_choice_color {
	height: 12px;
	width: 12px;
	float: left;
	margin: 0 5px 5px 0;
	cursor: pointer;
	padding: 0;
}
.dis_brand_best {
	float: left;
	width: 190px;
	text-align: center;
}
.dis_news_alert {
	color: #cc0000;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 15px 0 15px;
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 5px;
}
.dis_news_alert i {font-size: 30px;}

.dis_list_images {height: 80px;}

.dis_contentimg_img {margin-bottom: 5px;}

.dis_info_name {margin: 5px 0 10px 0;}

.dis_alert_content {
	background-color: #e6e6e6;
	margin: 0 15px;
	padding: 5px;
	font-size: 13px;
	line-height: 16px;
	text-align: justify;
}
.dis_alert_brand, .dis_alert_form {
	width: 350px;
	float: left;
}
.dis_alert_form {
	margin: 0 0 0 20px;
}
.dis_alert_gender {
	float: left;
	width: 120px;
}
.dis_alert_select {background-color: #e6e6e6;}

.dis_alert_mail {
	float: left;
	width: 120px;
}
.dis_alert_input, .dis_alert_pop_input {
	background-color: #e6e6e6;
	height: 14px;
	width: 160px;
	padding: 0;
	font-size: 10px;
}
.dis_alert_pop_content {
	display: none;
	background-color: #fff;
	position: fixed;
	top: 180px;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	border: 1px solid #c0c0c0;
	z-index: 480;
}
.dis_alert_pop_child {
	margin: 0;
	padding: 5px;
	font-size: 13px;
	line-height: 16px;
}
.dis_alert_pop_child > h3, .dis_alert_pop_child > .h3_overlay {
	float: right;
	margin-right: 10px;
	cursor: pointer;
	font-size: 21px;
}
.dis_alert_pop_text {
	width: 350px;
	margin: 5px auto 5px auto;
}
.dis_alert_pop_text h3, .dis_alert_pop_text .h3_overlay {
	color: #c30040;
	text-transform: uppercase;
	margin-top: 10px;
	font: bold 21px OpenSans, Arial, sans-serif;
}
.dis_alert_pop_text div,.dis_alert_pop_text input {margin-bottom: 10px;}

.dis_alert_pop_text input[type="text"] {width: 225px;}

.dis_alert_pop_text input[type="button"] {float: right;}

.dis_nb_produits {
	font-size: 10px;
	font-weight: normal;
}
.dis_underlineShadow_img {
	margin: 0 0 20px;
	height: 20px;
}
#maskTrans {
	top: 0;
	left: 0;
	position: fixed;
	height: 100%;
	width: 100%;
	display: none;
}
#maskBlack {
	display: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	position: fixed;
	background-color: #000;
	height: 100%;
	width: 100%;
	z-index: 1000;
}
#contenu {
	position: relative;
	width: 100%;
	margin: 0;
	padding:0;
	background-color: #fff;
}


/* --- */
#textRefContainer {
	width: 162px;
	text-align: justify;
	font: 11px OpenSans, Arial, sans-serif;
	color: #707070;
	margin: 10px 0;
	border-top: 1px solid #363636;
}
#textRefContainer h1, #textRefContainer .h1div {
	width: 166px;
	text-align: left;
	font: bold 14px OpenSans, Arial, sans-serif;
	color: #363636;
	margin: 10px 0;
	text-transform: uppercase;
}
#textRefContainer h2 {
	width: 162px !important;
	text-align: left !important;
	font: normal normal 12px OpenSans, Arial, sans-serif !important;
	color: #707070 !important;
	margin: 10px 0 4px 0 !important;
	text-transform: none !important;
}
#textRefContainer p {
	font: 10px OpenSans, Arial, sans-serif !important;
	color: #c0c0c0;
}
.productlist_marque {font-weight: bold;}

/*__ oldies? __*/
#list_product {
	margin: 6px 0 10px 14px;
	padding: 0;
	width: 955px;
}
#list_product li {
	margin: 8px 0;
	padding: 0;
	width: 202px;
	min-height: 480px;
	text-align: center;
	float: left;
	list-style: none;
	display: inline;
	border: 1px solid #363636;
}
#all-checked, #all-checked2 {margin: 0 !important;}
#all-checked2 {display: none;}

.close {
	margin: 3px;
	padding: 0;
	width: 17px;
	height: 17px;
	float: right;
}
.product_info img, .product_info .flags div, .flags .product_info div {
	margin: 15px auto 5px;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	max-width: 150px;
	max-height: 100%;
	border: 1px solid #707070;
}
.ident_product {
	margin: 10px auto !important;
	padding: 0;
	font: bold 13px OpenSans, Arial, sans-serif !important;
	color: #c30040 !important;
	background-image: none !important;
}
input.product_choose {
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
	text-align: inherit !important;
}
.name_product {
	margin: 0 0 0 5px;
	padding: 0;
	float: left;
	text-transform: uppercase;
	color: #707070;
}
.price {
	margin: 0;
	padding: 0;
	line-height: 25px;
}
.priceDiscount {
	margin: 0;
	padding: 0;
	color: #c30040;
	line-height: 25px;
}
.price del, .priceDiscount del {
	margin: 0;
	font-weight: bold;
	color: #707070;
}
.price strong, .priceDiscount strong {
	margin: 0;
	color: #c30040;
}
.discount {
	margin: 0;
	padding: 0;
	width: 65px;
	height: 35px;
	position: absolute;
	top: 10px;
	right: 15px;
}
.last_product {
	margin: 0;
	font-size: 10px;
	color: #c30040;
}
/*---- CAS UK (soldes sur listing + prodcard) ----*/
.sales-uk p, .sale-uk-pc p {
	font-size: 16px;
	line-height: 13px;
}
.sales-pricePC {
	margin: 5px 0;
	color: #707070 !important;
}
.sales-saveUK {font-size: 13px !important;}
.sales-priceUK {color: #c30040 !important;}

/*---- PAGE HORS SOLDES ----*/
#txthorsoldes {
	padding: 30px;
}
#bordertxthorsolde {
	border: 1px solid #f0eeee;
	margin-top: 60px;
	width: 100%;
}
.numPage2 {
	text-align: center;
	margin: 0 auto;
	padding: 3px 0 10px 0;
	color: #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
}

/*---- OP BOTTOM ----*/
.cust_bottom_link {
	margin: 20px auto;
	width: 1200px;
	text-align: center;
}
.cust_bottom_link img {
	max-width:100%;
}
.cust_bottom_link .flags div, .flags .cust_bottom_link div {
	border: 1px solid #363636;
}

/*---- HIGHLIGHT DS LISTING ----*/
.prodlist_highlight {
	margin-bottom: 60px;
	display:flex;
	align-content: center;
	max-height:319px;
}
.prodlist_highlight a {
	position: relative;
	max-height:319px;
	width:100%;
	height: 100%;
	max-width:250px;
}
.prodlist_highlight:hover img {
	opacity: .8;
}
.prodlist_highlight img {
	min-width:100%!important;
	margin-bottom:0!important;
	width:100%!important;
}
.prodlist_highlight_infos {
	position:absolute;
	bottom:10px;
	left: 10px;
	width: 230px;
	box-sizing: border-box;
	padding:15px;
	background-color: #fff;
}
.prodlist_highlight_infos:empty {
	background: none;
}
.prodlist_highlight_infos span {
	display:block;
	text-transform: uppercase;
	text-align:left;
	color: #363636;
}
.prodlist_highlight_infos span:first-child {
	font: bold 1.2em OpenSansCond, Arial, sans-serif;
}
.prodlist_highlight_infos span:nth-child(2) {
	font-size: 1.4em;
}
.prodlist_highlight_infos span:last-child {
	font-size:1.1em;
}




/*****************************************************
**** @PANIER INCLUDE
**** /!\ STYLES DU PANIER DANS CSS/PANIER.CSS
**** ICI : styles pour panier en dehors de panier.php
******************************************************/
#panierServices {
	  position: absolute;
	  right: 0;
	  top: 0;
	  width: 210px;
	margin: -70px 0 10px 0;
	padding: 0 5px;
	text-align: center;
	border-bottom: none;
	border-top: none;
}
#panierServicesLogin {
	width: 359px;
	height: 190px;
	margin: 0 auto 10px;
	padding: 0;
	line-height: 20px;
	font-size: 10px;
}
#panierServices div, #panierServicesLogin div {
	margin: 0 0 5px;
	padding: 0;
}
#panierServices .titrePanierServices {
	width: 470px;
	height: 25px;
	margin: 0;
	padding: 3px 0 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #f36c4f;
	border-top: 1px solid #363636;
}
#panierServicesLogin .titrePanierServices {
	height: 25px;
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #f36c4f;
}

/*---- GLOBAL ----*/
#confirmation .panierInclude {margin-left:20px;}

.panierInclude .cartProductListing-heading{
	margin: 0;
	padding: 0;
	background-color: #f0eeee;
	text-transform: uppercase;
	text-align: center;
	color: #363636;
	line-height: 26px;
	font-weight: bold;
}

.panierInclude .cartProductListing-even > td:first-of-type,
.panierInclude .cartProductListing-odd > td:first-of-type {text-align: left;}

.panierInclude .cartProductListing-even > td, .panierInclude .cartProductListing-odd > td {
	vertical-align: middle;
	padding-top: 10px;
}

.panierInclude .cartProductListing-even {background-color: #f0eeee !important;}

.tabSmall {
	padding: 0;
	  margin: 0;
	  width: 100%;
	text-align: center;
	border-collapse: collapse;
	border: 0 none #000;
}
.panierInclude .panierTitleProduct {max-width:40px;}

/*---- ENGAGEMENTS PANIER ----*/
.panierEngagements {
	margin: 0 0 10px 0;
	padding: 0 0 0 1em;
	position: absolute;
	right: 0;
	width: 20%;
}
.engagementsTitle {
	margin: 0 0 12px 0;
	padding: 0 0 3px 15px;
	border-bottom: 1px solid #c0c0c0;
	font: italic 1.55em Georgia, Utopia, Charter, serif;
	text-align: left;
}
.engagement {
	margin-bottom: 10px;
	font-family: OpenSans, Arial, sans-serif;
	text-align: left;
	color: #363636;
}
.engagement i {
	margin: 0 5px 0 0;
	display: inline-block;
	font-size: 34px;
	cursor: pointer;
}
.engagement_txt {
	display: inline-block;
	width: 170px;
	font: 13px/14px OpenSans, Arial, sans-serif;
	letter-spacing: 0.3px;
	text-transform: uppercase;
}
.engagement_txt p {
	display: inline-block;
	color: #c0c0c0;
	font-size: 12px;
	text-transform: none;
	margin: 0;
}

/*---- LOGIN PAGE ----*/
.tabSmall-total {
	text-align: center;
	font-size: 14px;
	color: #c30040;
}

/*---- SECUREZONE ----*/
.panierIncludeTop {
	padding: 0;
	margin: 0 0 0 20px;
	height: 26px;
	width: 100%;
	color: #fff;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background-color: #11b2cb;
	text-align: center;
	line-height: 26px;
}
.panierIncludeTotal {
	text-align: left;
	line-height: 18px;
	border: 1px solid #c0c0c0;
	  margin: 5px 0 5px 20px;
	  width: 100%;
	  padding: 5px 0;
}
.panierIncludeTotal > div {padding:0 10px;}

.panierIncludeSubTotal, .panierIncludeShipping,
.panierIncludeTotalPrice, .panierIncludeTotalPrice,
.panierIncludeMensualite {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}
.panierIncludeShipping {
	color: #363636;
	background-color: #f0eeee;
}
.panierIncludeTopTotal {
	margin: 0 0 5px 20px;
	height: 30px;
	width: 100%;
	color: #fff;
	background-color: #c30040;
	text-align: center;
	line-height: 30px;
}
.panierIncludeTotalPrice {
	color: #c30040 !important;
	font-size: 14px;
}
.panierIncludePointsGagnes {
	color: #707070;
	text-align: right;
	padding: 0 0 10px;
}
.panierIncludeMensualite {font-weight:normal;font-size: 10px;}

.panierIncludeDelivery {
	margin: 5px 0 5px 20px;
	text-align: left;
	line-height: 18px;
	border: 1px solid #c0c0c0;
	width: 100%;
	padding: 5px 0;
}
.panierIncludeModifyDeliveryMarketplace{
	color: #707070;
	font-size: 10px;
	text-align: right;
	border-bottom: 1px solid #c0c0c0;
	margin: 5px 0;
}





/*****************************************************
**** @PAIEMENT - SECUREZONE
******************************************************/
.contentD_secure, .contentG_secure {
	margin: 0 0 5px;
	padding: 0 10px 3px 10px;
	float: left;
	width: 455px;
	text-align: left;
}
#securezoneHeader {text-align: center;}

#securezoneFooter {
	margin: 0 auto;
	width: 400px;
	text-align: center;
}
#paiementOptions {margin: 10px 0 0;}

.paiementOptionsBoxes {
	float: right;
	width: 420px;
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
}
.paiementOptionsBoxes .logo-paiement {
	float: left;
	width: 70px;
	border: none;
	margin: 0;
	padding: 0;
}
.paiementOptionsBoxesRight {
	float: right;
	width: 429px;
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
}
.paymentOption, .cellules, .windowContent > div {
	display: block;
	width: 97%;
	margin: auto;
	padding: 0.5em 0;
	border-bottom: 1px solid #c0c0c0;
}
.cellules { padding: 1em 0; }
.paiementOptionsBoxesText {
	margin: 5px auto 0 auto;
	width: 400px;
}
div.paymentOption > div,
div.shippingOption > div > div,
div.windowContent  > div > div {
	display: inline-block;
	vertical-align: middle;
	width: 19%;
}
div.paymentOption > div > img, #shippingMode .cellules div  img,
div.windowContent > div > div > img {max-width: 100%;}

div.paymentOption > .paymentOptionText,
div.windowContent > div > .paymentOptionText {
	display: inline-block;
	vertical-align: middle;
	width: 80%;
	margin: 0;
	padding: 0;
}
.shippingOption {margin: 5px 0 0;}

.shippingOptionText {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	width: 80%;
}
.paiementOptionsBoxesBottom {
	margin: 0 0 10px;
	float: right;
	width: 420px;
	height: 10px;
	background: url(/images/paiementOptionsBoxesBottom.gif) no-repeat center top;
}
.paiementOptionsBoxesBottomRight {
	margin: 0 0 10px;
	float: right;
	width: 430px;
	height: 10px;
	background: url(/images/paiementOptionsBoxesBottomRight.gif) no-repeat 1px top;
}
#paiementOptions .button {float: right;}

.cvxInput {
	margin: 0 5px 0 0;
	width: 30px;
	border: 1px solid #707070;
}
.longInput {
	margin: 0 0 2px 0;
	width: 150px;
	height: 15px;
	border: 1px solid #363636;
}
#coupon, #paymentMode, #shippingMode, #shippingAddress {
	margin: 0 0 0 10px;
	width: 440px;
}
#payment {width: 440px;}

#CB, #CBpaybox, #CBpaypal {
	margin: 10px 0 0;
	width: 455px;
}
#CBpaypal {text-align: center;}

#CB3fois {
	width: 400px;
	margin: 5px auto;
	text-align: justify;
}
.CBcentre {
	margin: 0 auto;
	padding: 0;
	width: 380px;
}
.securezonebuttonModify {
	padding: 5px;
	text-align: right;
}
.securezonebuttonConfirm {
	padding: 10px 0;
	text-align: center;
}
#confirmation {margin: 24px 0 0 0;}

.paiementOptionsBoxesRight .shortSelectPayment, .paiementOptionsBoxesRight .shortSelectPaymentDay {
	width: 50px;
	height: 20px;
	font-size: 10px;
	line-height: 14px;
	border: 1px solid #c0c0c0;
	background-color: #e6e6e6;
}
.paiementOptionsBoxesRight .shortSelectPaymentDay {width: 40px;}

.CBcentreLabel {
	margin: 5px 0 0 20px;
	padding: 4px 0 0 5px;
	width: 200px;
	float: left;
	min-height: 21px;
	background-color: #f0eeee;
}
.CBcentreInput {
	margin: 5px 0 0;
	padding: 4px 0 0 5px;
	width: 160px;
	float: left;
	min-height: 21px;
}
.CBlist {
	margin: 5px 0 0 20px;
	padding: 4px 0 0 5px;
	width: 350px;
	float: left;
	min-height: 21px;
	background-color: #f0eeee;
}
.txtPayCB {
	margin: 0 0 0 5px;
	width: 120px;
	float: left;
}
.cbNumber {
	float: left;
	width: 125px;
	border: 1px solid #c0c0c0;
}
.validPayment {
	margin: 0 60px 0 0;
	float: right;
}
.blueCardNumber {
	width: 180px;
	border: 1px solid #707070;
}
.auroreCardNumber {
	margin: 0 5px 2px 0;
	width: 150px;
	height: 15px;
	border: 1px solid #363636;
}
.paymentTaxes {
	margin: 0 0 0 30px;
	padding: 0 10px 25px;
	width: 380px;
	line-height: 14px;
	text-align: justify;
	font-size: 10px;
	color: #707070;
	border: 1px dotted #c0c0c0;
	background: #f0eeee url(/images/icons/infos.png) no-repeat 0 5px;
}
div.paymentTaxes p {
	margin: 5px 0 0;
	padding: 0 5px;
	border-left: 1px solid #c0c0c0;
}
.windowContent {
	width: 95%;
	margin: auto;
}
.windowButtons {
	margin: 2em 0;
	width: 100%;
	height: auto;
	text-align: center;
}
#windowKialaShippingReturnAddress {
	display: none;
	position: absolute;
	width: 515px;
	height: 345px;
	left: 210px;
	top: 430px;
	z-index: 101;
	border: 1px solid #cc0000;
	background-color: #fff;
}
.windowPayment, .windowShippingAddressRight {
	margin: 0 0 0 -257px;
	display: none;
	position: absolute;
	width: 515px;
	height: auto;
	left: 50%;
	z-index: 101;
	top: 120px;
	background-color: #fff;
	border: 1px solid #fff;
	-moz-box-shadow: 0 3px 10px 0  black;
	-webkit-box-shadow: 0 3px 10px 0  black;
	box-shadow: 0 3px 10px 0  black;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color= black, Direction=180, Strength=10)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color= black, Direction=180, Strength=10);
}
.windowShippingAddressRight {
	margin: 0 0 0 220px;
	width: 381px;
	height: 400px;
}
.windowPaymentLarge {
	margin: 0 0 0 -466px;
	width: 930px;
}
#securepayment_title_boxe {
	width: 100%;
	height: 42px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 42px;
	text-shadow: 0 -1px 1px #c30040;
	background-color: #c30040;
	text-transform: uppercase;
}
/*
#newShippingAdress .line { width: 100%; }
#newShippingAdress .line .bluePoint { right: 20%; }
#newShippingAdress .label {
	width: 48%;
	padding-right: 2em;
	text-align: right;
	display: inline-block;
}
#newShippingAdress .label:last-of-type {
	padding-right: 0;
	text-align: left;
}
#newShippingAdress .inputGrey {
	margin-top: -3px;
	height: 25px;
	width: 90%;
	border-radius: 3px;
}
*/
.kialaSelection {
	margin: 0 auto;
	padding: 10px 0 0;
	position: relative;
	width: 480px;
	z-index: 200;
}
.socolissimoSelection {
	margin: 35px auto 0 auto;
	position: relative;
	width: 298px;
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 200;
}
.KialaTitle {
	margin: 5px;
	font-variant: small-caps;
	font-weight: bold;
}
.shippingAddressText {
	margin: 5px auto;
	width: 380px;
}
/* #newShippingAdress {
	margin: 0 auto;
	width: 90%;
} */
#input_coupon {
	padding: 3px;
	display: inline;
	cursor: pointer;
	width: 25px;
	height: auto;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #c30040;
	border: none;
	vertical-align: top;
}
#maxicheque {
		width: 455px;
		margin: 10px 0 0;
		padding: 45px 0 0;
		height: 340px;
}
#windowBank {
		display: none;
		position: absolute;
		width: 515px;
		height: 345px;
		left: 50%;
		margin: 0 0 0 -257px;
		padding: 0;
		top: 190px;
		z-index: 110;
}





/*****************************************************
**** @LIVRAISON
******************************************************/
/*---- CHOIX POINT RELAIS ----*/
.securezoneMask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color : rgba(0, 0, 0, 0.15);
}
.relais-post { text-align: center; font-size: 13px; margin-bottom: 2em; }
.relais-post > div,.relais-post > input {
	display: inline;
}
.relais-post > input { font-size: 13px; padding: 0.5em 0.25em; margin-left: 1em; text-align: center; }

.map_list_ul {
	list-style-type: none;
	padding:0px;
}
.map_list_li {
	display: block;
	margin: 0;
	padding: 1em 0 1em 1em;
	text-align: left;
	border-bottom: 1px solid #c0c0c0;
	width: 100%;
}
.map_list_name {
	display: block;
	margin: 2px 0;
	padding: 0;
	font-weight: bold;
	font-family: OpenSans, Arial, sans-serif;
}
.map_list_name > span {color: #c30040;}

.map_list_addr {
	display: block;
	margin: 0.5em 0 1em 0;
	padding: 0;
	text-transform: lowercase;
}
.map_ib_button {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
/*.map_list_button, .map_list_button_select {text-align: center;}*/
#listContent .map_ib_horaire,
.relais_horaires_main { display: none; }
.relais_horaires_day {
	display: inline-block;
	width: 20%;
}
.map_list_icon {
	float: left;
	padding-right: 5px;
}
.map_ib_horaire_tab {
	font-size: 10px;
	width: 100%;
	border-collapse: collapse;
	border: 0 none;
}
.map_ib_horaire_tab td {
	border-collapse: collapse;
	border: 0 none;
}
#shipping_relais_pay {
	text-align: center;
}
#shipping_relais_pay > img[src*="ico"], .flags #shipping_relais_pay > div[src*="ico"] {
	margin: 15px 0 0 15px;
}
#shipping_relais_pay > span {
   display: block;
}
#shipping_relais_pay > span strong {
	font-size: 12px !important;
	color: #c30040;
}
.return_button {
	margin-top: 10px;
	margin-left: 740px;
}

/*---- KIALA / MONDIALRELAY ----*/
/* /!\ certaines règles de kiala sont encore
appelées pour d'autres choses*/
.kialaSelectionReturnIE{
		position: absolute;
		left: 10px;
		top: 30px;
		margin: 0;
		padding: 20px 0 0 0;
		width: 480px;
		z-index: 200;
}
#formFlou{
			position: absolute;
			z-index: 410;
}
/*__ SELECT KIALA __*/
.kialaSearch {
	text-align: center;
	z-index: 202;
}
.kialaSearchPostCodeInput, .kialaSearchTownInput {
	margin: 0.5em auto 1em auto;
	padding: 0.5em;
	text-align: center;
	width: 35%;
	border: 1px solid #363636;
}
.kialaSearchTownInput { width: 70%; }

#listeRelais {z-index: 107;}

#listeRelais .icone-plan-kiala { text-align: right; }

.kialaResult, .socolissimoResult {
	margin: 0 auto;
	padding: 5px;
	width: 480px;
	z-index: 205;
	border-top: 1px solid #cc0000;
}
.socolissimoResult {width: 290px;}

.kialaResultRadio {float: left;}

.kialaHoraires {
	position: absolute;
	width: 310px;
	left: -318px;
	text-align: center;
	background-color: #cc0000;
}
.tabHoraires {
	margin: 0 auto;
	width: 300px;
	border-collapse: collapse;
	text-align: center;
	color: #363636;
}
.tabHoraires td {
	border: 1px solid #cc0000;
	background-color: #fff;
}
.KialaOpenHours {
	padding-top: 2px;
	font-weight: bold;
	color: #fff;
	min-height: 18px;
}
#kialaresults {margin-left: 40px;}
.kialaResult2 {
	margin: 0 auto;
	width: 400px;
	border-top: 1px solid #cc0000;
}
.kialaResult2 img { float: right; height: 30px; margin-top:3px; }

.kialaHoraires2 {
	padding: 0 0 5px;
	position: absolute;
	width: 400px;
	left: 500px;
	bottom: 45px;
	text-align: center;
	background-color: #c0c0c0;
}
.tabHoraires2 {
	margin: 0 auto;
	width: 380px;
	border-collapse: collapse;
	text-align: center;
}
.tabHoraires2 td {
	border: 1px solid #c0c0c0;
	background-color: #fff;
}
#kiala_nav {
	text-align: center;
	border-top: 1px dotted #cc0000;
	z-index: 203;
	padding:2em;
}
#kiala_nav a {
	color: #c30040;
	font-weight: bold;
}
#kiala_nav a:hover {
	color:  black;
	font-weight: bold;
}
select#kiala_countries {
	color: #707070;
	font: 14px OpenSans, Arial, sans-serif;
}
/*   icone plan kiala  */
.icone-plan-kiala {margin: -20px 10px 0;}
.icone-plan-kiala2 {margin: 10px;}

/*___ SELECT MONDIAL RELAY __*/
.mRelayOpenHours {
	padding-top: 2px;
	font-weight: bold;
	color: #fff;
	min-height: 18px;
}

/*---- POSTNORD TRACKING ----*/
.postnord_tracking_status {
	padding: 10px 10px 20px;
	color: #fff;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #c30040;
	font-size: 14px;
}
.postnord_tracking_status_detail {
	padding: 5px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 12px;
}
div.postnord_tracking_status_detail > div:first-of-type,
div.postnord_tracking_status_detail div:nth-of-type(2) {
	padding: 10px;
}
div.postnord_tracking_status_detail > div:first-of-type > div:first-of-type {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}
.postnord_tracking_status_detail i {
	background-color: #88af00;
	border-radius: 15px;
	padding: 5px;
	color: #fff;
}
.postnord_tracking_status_detail_column_left {
	display: inline-block;
	width: 50%;
}
div.postnord_tracking_status_detail_column_left span:first-of-type {
	font-weight: bold;
}
.postnord_tracking_status_detail_column_right {
	display: inline-block;
	width: 40%;
	border-left: 1px solid #e6e6e6;
	padding: 0 0 0 10px;
}
.postnord_tracking_event_title {
	padding: 10px 10px 20px;
	font-weight: bold;
	color: #363636;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #f0eeee;
	font-size: 14px;
	margin-top: 10px;
}
.postnord_tracking_event {
	font-size: 12px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
div.postnord_tracking_event div {
	margin: 10px;
	background-color: #f0eeee;
}
div.postnord_tracking_event table {width: 100%;}

div.postnord_tracking_event th {font-weight: bold;}

div.postnord_tracking_event th, div.postnord_tracking_event td {
	width: 30%;
	padding: 10px;
}
div.postnord_tracking_event tr {
	height: 40px;
	border-top: 1px solid #e6e6e6;
}
div.postnord_tracking_event tr.odd {background-color: #f0eeee;}

.postnord_tracking_item_title {
	padding: 10px 10px 20px;
	font-weight: bold;
	color: #363636;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #f0eeee;
	font-size: 14px;
	margin-top: 10px;
}
.postnord_tracking_item_info {
	font-size: 12px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: 0 0 20px;
	padding: 0 0 15px 0;
}
.postnord_tracking_item_info_subtitle {
	display: inline-block;
	font-weight: bold;
	margin: 0 10px;
	padding: 15px 0 0;
	vertical-align: top;
	width: 250px;
}
.postnord_tracking_item_info_detail {
	display: inline-block;
	margin: 0 10px 0 14px;
	padding: 15px 0 0;
	vertical-align: top;
}





/*****************************************************
**** @CHECKOUT
******************************************************/
#marketing_comparator_display {
	position: absolute;
	z-index: 20;
	top: 500px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	padding: 3px;
	border: 3px solid #c0c0c0;
	background: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
	box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
}
.parag {
	margin: 20px 0 auto auto;
	position: relative;
	top: 2px;
	width: 400px;
}

/*---- MULTIBANCO (checkout_success.php) ----*/
#text_multibanco {
	border: 4px solid #e6e6e6;
	padding: 20px;
	width: 415px;
	margin: 0 0 0 40px;
}
.iconValiderContainer {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	font-size: 50px;
	color: #fff;
	background-color: #a3d109;
	line-height: 50px;
}
h1 {
	font: 200 40px/40px OpenSans, Arial, sans-serif;
}
.nameCmd {
	font-size: 24px;
}
.infoPoints {
	text-align: center;
	font-size: 16px;
}
.infoPointsButtons {
	display: flex;
	justify-content: center;
	margin: 10px auto 20px auto;
	color: #fff;
	text-transform: uppercase;
}
.infoPointsButton {
	background-color: #707070;
	margin: 10px;
	font-weight:bold;
	font-family: OpenSansCond, Arial, sans-serif;
	cursor: pointer;
	display:flex;
	align-items: center;
}
.infoPointsButton a {
	color: #fff;
	font-weight:bold;
	font-family: OpenSansCond, Arial, sans-serif;
	text-decoration: none;
}
a.facture {
	color: #fff!important;
	text-decoration: none!important;
	font-weight: normal!important;
}
.infoPointsButton > div {
	position: relative;
	text-align: center;
	font-size: 25px;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 50px;
	background-color: #e6e6e6;
}
.infoPointsButton > p {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	background-color: #707070;
	margin: 0 20px 0 30px;
}
.infoPointsButton i {
	color: #707070;
	top: 12px;
	left: 10px;
	z-index: 5;
	position: absolute;
	display: block;
}
.arrowDiv {
	position: absolute;
	right: -18px;
	top: 8px;
	background-color: #e6e6e6;
	transform: rotate(45deg);
	width: 35px;
	height: 35px;
}
.recapCmdTitle {
	font-size: 18px;
	padding: 10px;
	background-color: #e6e6e6;
}
.recapProductList {
	border: none;
	border-bottom: 1px solid #e6e6e6;
	padding: 10px;
	margin: 0px auto;
	width: 100%;
	min-height: 120px;
}
.recapProductList div, .recapProductList img{
	vertical-align: middle;
}
.orderTotal {
	width: 100%;
	padding: 10px;
	margin: auto;
	font-size: 24px;
	text-align: left;
	background-color: #fff;
	color: #363636;
}
.orderAdress {
	width: 100%;
	margin: auto;
	font-size: 14px;
	padding: 10px;
	border: none;
	border-bottom: 1px solid #e6e6e6;
}
.checkout_success_content {
	display: flex;
	justify-content: space-between;
}
.checkoutRecap {
	max-width: 800px;
	width: 67%;
}
.checkoutServices {
	padding: 0 20px;
	flex: 1;
}
.checkoutServices > div:first-of-type {
	border: 5px solid #e6e6e6;
	padding: 20px;
	text-align: center;
}
.checkoutServices > div:first-of-type i {
	font-size: 20px;
	display: block;
	width: 30px;
	height: 30px;
	background-color: #707070;
	border-radius: 50%;
	margin: auto;
	color: #fff;
	line-height: 30px;
	margin-top: 10px;
}
.engagement_txt_checkout {
	display: block;
	text-transform: none;
	font-size: 14px;
	width: auto;
	border-bottom: 1px solid #e6e6e6;
}
.engagement_txt_checkout:last-of-type {
	border-bottom: none;
}
.checkoutServicesTitle {
	font-size: 18px;
}
.thanks4checkout {
	font-size: 24px;
	text-align: center;
	margin: 20px auto;
}
.checkout_insta_container {
	text-align: center;
}
.home_title_insta {
	font-size: 18px;
}
.home_title_insta i {
	display: block;
	font-size: 36px;
}

.recapProductList>div {
	width: 75%;
	display: inline-block;
	font-size: 12px;
	margin-left: 3%;
}
.survey_bloc {
	display:block;
	box-sizing: border-box;
	padding: 0 20px;
	width:100%;
	background: #c6c6c6 url("/images/banfincde.jpg") no-repeat right / 65% 100%;
}
.survey_bloc p {
	width:90%;
	margin: 0 0;
	color:#fff;
	font-size:12px;
}
.survey_bloc p:first-child {
	margin:10px 0 0;
	display:inline-block;
	font: bold 20px Nunito, Arial, sans-serif;
	text-transform: uppercase;
}
.survey_bloc span {
	color:#c30040;
	display:inline-block;
	width:100%;
	font: bold 16px/16px Nunito, Arial, sans-serif;
	text-transform: uppercase;
}
.survey_bloc p:last-child {
	margin: 5px 0 10px 0;
	display:inline-block;
	text-transform:uppercase;
	font: 14px Nunito, Arial, sans-serif;
}
.survey_bloc i {vertical-align: -2px;}

/*---- CHECKOUT SUCCESS ----*/
#titreGauche, #titreDroite {
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-size: 14px;
}
#titreGauche{
		width: 525px;
		color: #707070;
}
#titreDroite{
		width: 430px;
		color: #363636;
}
#confirmation2{
		width: 525px;
		height: 140px;
}
#checkPoints{
		float: left;
		width: 525px;
		height: auto;
}
#logosServices{
		float: left;
		width: 430px;
		height: 300px;
}
#checkSignature{
		float: left;
		width: 955px;
		height: 100px;
}
#confirmPieds{
		float: left;
		width: 955px;
		height: 90px;
	border-bottom: 1px solid #e6e6e6;
}

/*---- NOUVEAU CHECKOUT ----*/
/* 2017.01 */
#popup_alert_parent {
	display: none;
	position: absolute;
	z-index: 500;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
#popup_alert_parent .popup_alert_mobile {
	width: 955px;
	margin: 20em auto 0;
	background-color: #fff;
}
#popup_alert_parent .popup_alert_content {
	text-align: center;
	padding: 1em 0 2em;
}
#popup_alert_parent .close_popup_alert {
	display: block;
	text-align: right;
	font-size: 2.5em;
	padding: 0.25em;
}
#popup_alert_parent h1 {margin: 20px;}

/*--- bank_transfert_success.php ---*/

#transfert_contener {
	width: 90%;
	margin: auto;
	text-align: center;
	font-size: 1.2em;
}
#transfert_img_title {
	margin-bottom: 2em;
}
#transfert_contener button {
	margin: 2em auto;
	width: 30%;
}

#transfert_contener button span {
	width: 10%;
}
#transfert_contener button span,
#transfert_contener button p {
	vertical-align: middle;
}

/*****************************************************
**** @RETOURS
******************************************************/
#return_collectionAddress_error, #loading_collectionDate, #div_addressreturn {
	margin: 10px 20px 5px 5px;
	padding: 5px;
}
#div_addressreturn {float: left;}

/*---- ETIQUETTE INACCESSIBLE (return_error.php) ----*/
#return_error {margin:auto;}
#return_error h3 {color: #c30040;}

/* RETOUR ADRESSE DPD */
#div_addressreturn.dpd {
	float: initial;
	max-width: 500px;
	margin: 20px auto 0;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#div_addressreturn.dpd label {
	display:block;
	margin-bottom: 15px;
	width:100%;
}
#div_addressreturn.dpd label:first-child,
#div_addressreturn.dpd label:nth-child(2),
#div_addressreturn.dpd label:nth-child(5),
#div_addressreturn.dpd label:nth-child(6) {
	width:48%;
}
#div_addressreturn.dpd label > div, #div_addressreturn.dpd label > input {
	width:100%;
}
#div_addressreturn.dpd label > div {
	margin-bottom: 5px;
	font-weight: bold;
}
#div_addressreturn.dpd label > input {
	height: 30px;
	text-indent: 5px;
}




/*****************************************************
**** @SPARTOO FAMILY
******************************************************/
.compte-family {display:block;}
.compte-family .family-left, .compte-family .family-right {
  display:inline-block;
  vertical-align:middle;
}
.compte-family .family-left {width:25%;}
.compte-family .family-right {width:75%;}

.compte-family .family-right > div:first-child {padding:2% 0;}
.compte-family .family-right > div:nth-child(2) > div:first-child {
	font-size: 1.25em;
	margin-bottom:2%;
  }
.compte-family .family-right ul {font-weight: bold; font-family: OpenSans, Arial, sans-serif;}
.compte-family .family-right li {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}





/*****************************************************
**** @PANEL
******************************************************/
/*---- PANEL FIDELITE ----*/
#compte_home_panel {
	width: 100%;
	border: 2px solid #707070;
	font-size: 14px;
	text-align: center;
	padding: 2%;
	margin: 20px 0;
	background: url('/images/panel_compte_bg.jpg') left top no-repeat;
}
#compte_home_panel > div {
	width: 280px;
	padding: 0;
	margin: 0 20px 0 350px;
	font: 18px/20px OpenSans, Arial, sans-serif;
}
#compte_home_panel > div button, #compte_home_panel > div img {
	margin: 10px;
}
#compte_home_panel > div div {
	font: italic 12px/14px OpenSans, Arial, sans-serif;
}

/*---- COMPTE FIDELITE ----*/
#compte_home_fid {
	width: 100%;
	border: 2px solid #707070;
	font-size: 14px;
	text-align: center;
	background-color: #f0eeee;
	padding: 0 0 2% 0;
	margin: 20px 0;
}
#compte_home_fid  > i {
	font-size: 30px;
	width: 5%;
	display: inline-block;
	vertical-align: middle;
}
#compte_home_fid  > .comte_fid_title {
	font: italic bold 20px/50px Georgia, Utopia, Charter, serif;
	background-color: #fff;
}
#compte_home_fid  > .compte_fid_bloc {
	display: inline-block;
	width: 25%;
	margin: 0;
	vertical-align: middle;
}
#compte_home_fid  > .compte_fid_bloc i, #compte_home_fid  > .compte_fid_bloc b, #compte_home_fid  > .compte_fid_bloc span {
	display:block;
}
#compte_home_fid  > .compte_fid_bloc i {
	font-size: 60px;
	color: #c30040;
}
#compte_home_fid  > .compte_fid_bloc b {font: bold 16px/20px OpenSans, Arial, sans-serif;}
#compte_home_fid  > .compte_fid_bloc span {font: italic 11px/14px OpenSans, Arial, sans-serif;}





/*****************************************************
**** @PAGES D'AIDE (AIDE, FAQ, CONTACT)
******************************************************/
.ticket, .ticketNumpage {
	padding: 5px 0;
	width: 135px;
	float: left;
	text-align: center;
	border-collapse: collapse;
}
.ticketNumpage {
	margin: 10px 0 0;
	width: 100%;
}
.ticketClient, .ticketAdriana {padding: 3px 0 3px 5px;}
.ticketClient {background-color: #f0eeee;}
.ticketAdriana {background-color: #f36c4f;}

/*---- PAGE "AIDE" ----*/
#answersTree {
	width: 100%;
}
.level1Div {
	margin: 0 0 0 15px;
	width: 285px;
	float: left;
	text-transform: lowercase;
}
.level1Div h2 {
	font-size:11px;
	margin:0;
	padding-left:5px;
	display: inline-block;
}
.level1Div h2:first-letter {text-transform: uppercase;}

.puce_circle {
	margin: 0 5px -3px -10px;
	width: 28px;
	height: 28px;
	display: inline-block;
	font: 17px Georgia, Utopia, Charter, serif;
	text-align: center;
	color: #fff;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	background: #363636;
}
.puce_circle p {
	margin: 0 1px 0 0;
	line-height: 22px;
}
.level2Div {
	margin-left: 10px;
	padding: 0;
}
.level2Div h1 {margin: 20px 0 0;}

.level3Div {
	margin-left: 0;
	padding: 6px;
}
.level3DivTitle {font: italic 18px/42px Georgia, Utopia, Charter, serif;}

.tagTitre {
	padding: 0 0 0 6px;
	font-size: 24px;
	font-weight: bold;
	color: #c30040;
}
.level4ask {
	margin: 2px 2px 2px 0;
	padding: 1px;
	height: 20px;
	line-height: 20px;
}
.formQuestion {
	margin:0;
	padding: 5px;
	text-align: center;
	border: 1px solid #e6e6e6;
	background-color: #f0eeee;
}
.formQuestionTicketInfo {
	display: inline-block;
	width: 25%;
}
.formQuestionTicketInfo input{
	line-height: 30px;
	font-size: 14px;
	color: #707070;
}
.formQuestionTicketTextArea {
	margin: 10px 0;
}
.formQuestionTicketTextArea textarea{
	margin: 10px 0;
}
.ticketContact {
	margin: 10px;
	padding: 2px;
	background-color: #fff;
}
.ticketCourier {
	padding: 10px;
	text-align:center;
	background-color:#fff;
}
.level4answer {
	padding: 4px;
	display: none;
	text-align: justify;
}
.level4answerOk {
	margin: 10px 0;
	text-align: center;
	font-weight: bold;
	padding-bottom:5px;
	border-bottom:1px solid #c0c0c0;
}
.level2Container {
	margin: 0 auto;
}
.level2Titre {
	margin: auto;
	padding: 4px;
	cursor: pointer;
	text-indent: 20px;
}
.level2Titre:hover {
	margin: auto;
	padding: 4px;
}
.level2Titre a {color: #707070;}
.level2Titre:hover a {color: #fff;}
.level2Titre:first-letter {text-transform: uppercase;}

.tagsTexte {
	margin: 0 auto;
	padding: 0 0 5px;
	width: 895px;
	text-align: center;
	border-bottom: 1px solid #c0c0c0;
}
.leftTree {
	margin: 0;
	width: 25%;
	float: left;
	min-height: 360px;
}
.rightTree {
	width: 75%;
	float: left;
}
.leftTreeLevel1Div {text-align: left;}
.leftTreeLevel1Div h2 {
	font-size: 16px;
	margin-bottom:5px;
	display:inline-block;
}
.leftTreeLevel1Titre {
	padding: 5px 0;
	display: inline-block;
	font-size:12px;
}
.leftTreeLevel1Titre:first-letter {text-transform:uppercase;}

.leftTreeLevel2Titre, .leftTreeLevel2TitreSelected {
	padding: 0 0 5px 18px;
	text-align: left;
}
#explainBox {
	margin: 10px 0 0 25px;
	width: 430px;
}
#contact-area {
	float: right;
	width: 40%;
	font-size: 15px;
}
#contact-area i {
	font-size: 38px;
	float: left;
}
.menufaq {
	font-size: 12px;
	font-weight: bold;
	color: #c30040;
}
.faq_pays {
	padding-top: 25px;
	border-top: 1px solid #c0c0c0;
}
/* #faqBox {
	margin: 10px 0 0 0px;
	width: 50%;
	font-size: 14px;
	line-height: 24px;
}
 */#explainBox p, #faqBox p {
	margin: 0 0 40px 10px;
	text-align: left;
}
span[id*="desc_pj"] .icon-annuler {cursor:pointer;}

.fakeBtn {
	display:inline-block;
	background-color: #c30040 !important;
	color:#fff;
	margin:auto;
	padding: 4px 12px;
	font: 13px/25px OpenSans, Arial, sans-serif;
	text-decoration:none;
	border-radius:3px;
}
.fakeBtn i {font-size:17px;}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width:100%;
}
.formQuestionTicketSelect {
	margin-top: 10px;
	text-align: end;
	margin-right: 201px;
}
.formQuestionTicketSelect select {
	width: 458px;
	padding: 10px;
	line-height: 30px;
	font-size: 14px;
	color: #707070;
}
.formQuestionTicketSelect div {
	display: inline;
}

/*****************************************************
**** @PAGES STATIQUES
******************************************************/
/*---- PAGE CHEQUE CADEAU ----*/
#contentTopChequeCadeau h1 {
	/*
padding: 10px 0 3px;
	text-align:center;
	font:normal 36px Georgia, Utopia, Charter, serif;
	color:#c37a21;*/
	color: #c30040;

}
#contentTopChequeCadeau h1 span {font-size:18px;}

.section-vourcherAccroche {
	width:50%;
	display: inline-block;
	vertical-align:middle;
}
.section-vourcherAccroche h2 {
	font-size:18px;
	margin-bottom:40px;
	font-style:normal;
}
.section-vourcherAccroche p {
	font-style:italic;
	margin-top:20px;
}
.section-vourcherAccroche h2 span:first-child {
	line-height:40px;
	height:40px;
	width:40px;
	font-size:40px;
	color: #c30040;
	display: inline-block;
	margin-right: 0;
	margin-top:15px;
	text-align: center;
	background-color: #FFF !important;
	border-radius: 0;
}
.section-vourcherAccroche h2:nth-child(3) span:first-child {margin-top:-10px;}

.section-vourcherAccroche h2 span:last-child {
	font-size:18px;
	font-style:normal;
	line-height:25px;
	color:#000;
	background-color: #FFF !important;
	border-radius: 0;
	width:80%;
	text-align:left;
	margin-top:30px;
	height: auto !important;
}
.section-vourcherImg {
	width:50%;
	display: inline-block;
	vertical-align:middle;
	text-align:center;
	margin-bottom:20px;
}
#form-vourcher {
	background:url(https://imgext.spartoo.com/images/vourcher/servicecadeau_bg.jpg);
	padding:25px 0;
}
#submit-vourcher {
	margin: 10px auto auto;
	border:1px dotted #c30040;
	width:75%;
	background-color:#fff;
	-webkit-box-shadow: 0 0 8px -1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 8px -1px rgba(0,0,0,0.5);
	box-shadow: 0 0 8px -1px rgba(0,0,0,0.5);
}
.form-voucher-left {float:left;width:50%;}
.form-voucher-right {float:right;width:50%;}

.fields label {text-transform:uppercase;}

#submit-vourcher > .fields:last-child {
	margin-top:15px;
	clear:both;
}
.section-vourcherMagasins {
	font: 22px Georgia, Utopia, Charter, serif;
	text-align:center !important;
}
#submit-vourcher input {width:80%;}

.section-vourcher h3 {
	margin: 0 0 15px 0;
	padding:0;
}
.section-vourcher #titre_conditions_ope_noel_cheque {
	font: bold 1.3em OpenSans, Arial, sans-serif;
}
.section-vourcher #conditions_ope_noel_cheque {font-size: 1.1em;}

#submit-vourcher .fields {
	text-align: center;
	padding: 1% 0;
	margin-bottom: 2%;
}
#submit-vourcher .fields label {
	display: block;
	margin-bottom: 1.5%;
	font-size:13px;
}
#submit-vourcher input,
#submit-vourcher textarea,
#submit-vourcher select	{
	width:80%;
	margin:auto;
	text-align:center;
	font-family:inherit;
	font-size:12px;
}
#submit-vourcher textarea {height:180px;}

#error-vourcher {
	width:100%;
	padding:3%;
	color:#c30040;
	font-size:1.5em;
}

@media screen and (max-width: 950px) {
	.section-vourcherImg {width:100%;}
	.section-vourcherImg img {width:75%;max-width:350px;}
	.section-vourcherAccroche {width:100%;}
	.form-voucher-left {width:100%;}
	.form-voucher-right {width:100%;}
}
@media screen and (max-width: 400px) {
	#form-vourcher {background:none;padding:0;}
	#submit-vourcher {width:100%;}
}

/*---- TELECHARGEZ L'APPLICATION ----*/
.appdl_button {display: inline-block;}
.appdl_button:first-of-type {margin-right: 75px;}

.appdl_content {
	background: url(/images/appli_bg.jpg) left top;
	height:375px;
	color: #fff;
	font-size: 16px;
	padding: 20px;
}
.appdl_content h1 {
	font: 200 30px OpenSans, Arial, sans-serif;
	color: #000;
}
.appdl_intro {
	margin: 25px 20px;
	width: 400px;
	text-align: left;
	color:#000;
}
.appdl_discount {
	width:160px;
	font-size:11px;
	text-align:center;
}
.appdl_conditions {
	margin-top:5px;
	font-style:italic;
	color:#707070;
}
.appdl_description {
	background-color: #ff6255;
	font-weight:200;
	font-family: OpenSans, Arial, sans-serif;
	padding: 20px;
}
.appdl_description h4 {font-size: 30px;}
.appdl_description li {font-size: 16px;}

/*---- LES PLUS SPARTOO ----*/
#content_lesplus h2{
	text-align: left;
	font-family: Open sans;
	margin: 40px 0 15px 0;
	border-bottom:1px solid #000;
	font-style : normal;
	text-transform:uppercase;
}
#content_lesplus h3{
	margin:0;
	color:#c30040;
	text-transform:uppercase;
}
#lesplus_excellence {
	width:75%;
	margin:0;
}
#lesplus_bloc1 {
	text-align:justify;
	float:left;
}

#lesplus_img {float:right;padding-top:22px;}

#lesplus_bloc2_richesse {float:left;width:33%;text-align:justify;}
#lesplus_bloc2_richesse_img {float:left;width:33%;text-align:center;margin-top:40px;}
#lesplus_bloc2_richesse_quote {
	float:left;
	width:29%;
	background-color:#c30040;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:normal;
	margin-top:40px;
	padding:40px 25px 41px 25px;
	text-transform:uppercase;
}
#lesplus_recherche_img {float:left;width:40%;padding:10px 0;}
#lesplus_recherche{float:right;width:60%;margin:30px 0;}

.lesplus_info{float:left;width:33%;}
#lesplus_plateformes{float:left;width:75%;}
#lesplus_plateformes img{float:right;}

/*---- PAGE ETUDIANTS ----*/
.student_container {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	background-color: #f0eeee;
}
.student_container #student_offer > img:first-of-type {
	display: none;
}
#student_left, #student_center, #student_right {
	height: 560px;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	text-align: center;
	font-family: OpenSans, Arial, sans-serif;
	margin: 10px 0 0;
}
#student_left img, #student_center img, #student_right img {
	width: 100%;
}
#student_left, #student_right {
	width: 33%;
}
#student_center {
	width: 34%;
}
#student_w, #student_visu {
	text-align: center;
	margin: 0;
}
#student_news {
	text-align: center;
	margin: 0;
	display: flex;
	justify-content: space-evenly;
}
#student_news {width: 100%;color:#212121;margin-top: 1em;}
#student_share {
	position: absolute;
	background-color: #ff6255;
	right: 0;
	top: 2em;
	padding: 1em;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#student_share i {
	color: #f0eeee;
	font-size: 30px;
	cursor: pointer;
}
#student_offer {
	flex: 1;
	color: #7c6ca9;
	text-align: center;
	padding: 3em 0 0 0;
}
#student_mask {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7;
	z-index: 1000;
	display: none;
}
#student_form {
	width: 400px;
	height: auto;
	margin: auto;
}
#student_form input {
	width: 260px;
	font-size: 12px;
	padding: 1em;
	height: 30px;
	border: none;
	border-radius: 3px;
}
#student_form .radio {
	width: auto;
	margin: 0 5px 0 0;
}
#student_form select {
	padding: 0.5em;
	margin: 0 0.25em;
}
#student_button {
	color: #fff;
	background-color: #a80037;
	font-size: 16px;
	padding: 3px 10px;
	cursor: pointer;
}
#student_form .formulaire {
	font: 12px OpenSans, Arial, sans-serif;
	padding: 10px;
	color: #212121;
}
#student_form h2 {
	text-align: center;
	font: bold 18px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0 0 10px;
	color: #212121;
}
#student_form .labelform {
	width: 100px;
	margin: 0;
}
#student_form .line {
	min-height: 30px;
	margin: 1.5em auto;
	display: flex;
	align-items: center;
	text-align: left;
}
#panel_info {
	position: absolute;
	overflow: hidden;
	bottom: 0;
	left: 0;
	bottom: 1.2em;
	height: 0;
	width: 0;
	border-radius: 5px;
	line-height: 14px;
	padding: 7px;
	opacity: 0;
}
#student_form a.panel {position: relative;}

#student_form a.panel:hover > #panel_info {
	transition: opacity .6s;
	height: auto;
	width: 260px;
	background-color: #fff;
	box-shadow: -2px 2px 6px rgba(0,0,0,0.5);
	opacity: 1;
	color: #212121;
}
#student_form .box {
	font: 11px/24px OpenSans, Arial, sans-serif;
	text-transform: none;
}
#student_form .genre {margin-right: 15px;}

#bt {
	width: 100%;
	cursor: pointer;
	margin: 10px auto;
	background-color: #00d29f;
	color: #fff;
	text-align: center;
	padding: 5px;
	display: block;
	border: none;
	font-size: 16px;
}
#bt:hover {background-color: #33917c;}

#bt i {
	float: right;
	margin-right: 5px;
}
#student_news a {
	color: #212121;
	padding: 2em;
	flex: 1;
	background-color: #e6e6e6;
}
#student_news a:hover {background-color: #00d29f;}

.student_share_big, .student_offer_big {
	font: bold 50px/40px OpenSans, Arial, sans-serif;
}
.student_offer_big > div {
	color: #ff6255;
}
.student_share_big {
	margin: 0;
	padding-top: 20px;
}
.student_share_small {
	font-size: 16px;
	color: #fff;
}
.student_offer_small {
	font-size: 14px;
	margin-bottom: 20px;
}
.student_offer_medium {
	font: 30px OpenSans, Arial, sans-serif;
	margin: 0 0 10px;
	padding-top: 10px;
}
.student_offer_big {margin: -10px 0 0;}

.student_offer_big > div {
	font-size: 60px;
	margin: 15px 0 10px 0;
}
.student_new_collection {
	color: #fff;
	font: bold 45px/40px OpenSans, Arial, sans-serif;
	margin: 0;
	padding-top: 20px;
	margin-bottom: 10px;
}
.student_error {
	color: #cc0000;
	text-align: center;
}
#retourController {
	position: absolute;
	top: 250px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	text-align: center;
	background-color: #fff;
	padding: 10px;
	font: bold 18px OpenSans, Arial, sans-serif;
	border: 1px solid #c0c0c0;
}
#retourController i {
	background-color: #88af00;
	border-radius: 15px;
	padding: 5px;
	color: #fff;
}
/* legacy home.css */
.home_opTitleStudent {
	font: bold 60px/66px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
}
.home_opChapoStudent {
	margin: 0;
	font: bold 16px OpenSans, Arial, sans-serif;
}
.home_opCouponStudent {
	font: bold 50px/40px OpenSans, Arial, sans-serif;
	margin: 20px auto 0;
}

/*---- PAGE SPARTOO BOUTICA ----*/
#s_boutica > div {
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:20px;
}
#s_boutica > div:first-child img:first-child {
	width:100%;
	max-width:800px;
	min-height: 0;
	min-width: 0;
}
#s_boutica > div:nth-child(2) img:first-child {
	max-width:30%;
}
#s_boutica > div:nth-child(2) div:last-child {
	max-width:65%;
	background-color: #f0eeee;
	padding: 20px;
	text-align: center;
}
#s_boutica > div:nth-child(2) div:last-child p:first-child {
	font: bold 20px OpenSansCond,Arial,sans-serif;
	text-transform: uppercase;
}
#s_boutica > div:nth-child(2) div:last-child p:last-child {
	font-family: OpenSans,Arial,sans-serif;
	font-style: italic;
	color: #707070;
	text-align: justify;
	margin-bottom: 0;
}
#s_boutica > div:last-child {
	flex-direction:column;
	font: italic 18px Georgia,Utopia,Charter,serif;
	margin-top: 20px;
}
#s_boutica > div:last-child span {
	color: #c30040;
}
@media only screen and (max-width:700px) {
}

/*---- PAGE MERCI MAILS SHARK (thanks_for_answer.php) ----*/
#contentTopThanks {
	position: relative;
	margin:0;
	border-top: 1px #c0c0c0 dashed;
	padding: 0 0 0 30px;
}
#contentTopThanks + #content {
	display:flex;
	width:100%;
	justify-content: space-between;
}
.thanks_signature {
	font-style: italic;
	font-size: 15px;
	margin-top: 25px;
	float: left;
}
.thanks_trait {
	float: left;
	border: 1px #c30040 solid;
	width: 40px;
	margin: 37px 0 0 15px;
}
.thanks_left {
	width: 49%;
	text-align: center;
	padding-top:15px;
}
.thanks_right {
	width: 49%;
	background: url(/images/tanks-fond.jpg) no-repeat;
	background-position: top right;
}
#content .thanks_right h1 {
	color: #363636;
	margin-top: 25px;
	font-size: 26px;
	margin-bottom: 30px;
}
.thanks_rose {color: #c30040;}

.thanks_for_answer {
	color: #707070;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
	padding: 0;
	margin: 0 95px 0 0;
}
#texte_reduction {
	color: #363636;
	font-size: 15px;
	padding-left: 35px;
	margin-top: 40px;
	float: left;
}
#thanks_code_reduc {
	color: #fff;
	float: left;
	background-color: #c30040;
	font: bold 24px OpenSans, Arial, sans-serif;
	padding: 5px 15px;
	margin: 30px 0 0 15px;
}
#content .thanks_for_answer form {margin-top: 20px;}

.thanks_etoile {
	font-size: 10px;
	font-style: italic;
	line-height: 16px;
	margin-top: 25px;
}
#thanks_for_answer21  {
	font-size: 13px;
	margin-top: 70px;
	text-align: center;
}
#choix_cadeau {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 50px;
}
.encart_cadeau {
	font-weight: bold;
	font-size: 17px;
	border : 1px solid #c0c0c0;
	width: 225px;
	float: left;
	padding: 10px;
}
.cadeau_answer21 {
	color: #c30040;
	text-transform: uppercase;
}
.condition_cadeau {
	font-size: 12px;
	margin: 20px 0 5px;
}
#answer21_ou{
	float: left;
	margin: 20px;
}
#thanks_reduction + div form input[type="submit"] {
	margin: 5px;
	padding: 2px 15px;
	background-color:#363636;
	color:#fff;
	border:none;
	border-radius:3px;
	cursor:pointer;
}

/*---- GUIDE DE LA CHAUSSURE ----*/
#contentGuideMenu {
	margin: 10px 0 0 20px;
	padding: 0 5px;
	float: left;
	width: 350px;
}
#contentGuideMenu ul {
	margin: 10px 0;
	padding:0;
}
#contentGuideMenu li {
	margin: 0 0 0 25px;
	cursor: pointer;
}
#contentGuideMenu li:hover {text-decoration: underline;}

#contentGuideMenu h2 {color: #c30040;}

#contentGuide {
	margin: 0 0 0 10px;
	padding: 0 0 3px;
	float: left;
	width: 540px;
	font-size: 12px;
}

/*---- PAGE TEMOIGNAGES ----*/
.sign {
	margin: auto;
	width: 955px;
	font-size: 13px;
}
.btn_temoignage {
	text-align: center;
	margin: 0 0 15px;
}
.bulle_temoignage {
	width: 955px;
	margin: auto;
	background-color: #c0c0c0;
}
.bulle_temoignage p {
	width: 800px;
	margin: 20px auto auto;
	padding-bottom: 10px;
	color: #707070;
}
.name_temoignage {
	position: relative;
	top: 10px;
	left: 10px;
	color: #c30040;
	font-family: Georgia, Utopia, Charter, serif;
	font-style: italic;
}
.bas_temoignage {
	height: 20px;
	min-height: 20px;
}

/*----- POPUP TEMOIGNAGE (myTestimony.php) -----*/
#testyDIV {
	width: 400px;
	height: 400px;
}
.calle {
	width: 200px;
	height: 20px;
}
#testyTitre {
	width: 400px;
	height: 60px;
	margin: 5px 0 0 5px;
	padding: 0 0 0 60px;
	font: bold 15px OpenSans, Arial, sans-serif;
	color: #c30040;
}
#Name {
	float: left;
	text-align: left;
}
#testyName {
	width: 300px;
	height: auto;
	text-align: right;
}
#contentTopT {
	position: relative;
	width: 955px;
	height: 40px;
	margin: 10px 0 0;
	padding:0;
}
#contentTopT h1 {
	font-size: 16px;
	margin: 0 0 0 120px;
	padding: 10px 0 0;
	text-align: left;
	color: #fff;
}

/*---- PAGE BTOOSTORE ----*/
.btoostore_details {
	font: 12px OpenSans, Arial, sans-serif;
	color: #707070;
	margin: 10px 0;
}
.btoostore_details span {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #363636;
}
.btoostore_container_details, .btoostore_contact {
	width: 70%;
	margin: 1%;
	display: inline-block;
	vertical-align: top;
}
.btoostore_container_details h2 {
	font-family: Open sans;
	border-bottom: 1px solid #000;
	font-style: normal;
	text-transform: uppercase;
}
.btoostore_contact {
	width: 26%;
	background-color: #f0eeee;
	padding: 10px;
	height: 250px;
}
.btoostore_contact p {
	font-size: 14px;
	color: #707070;
	text-align: center;
}
.btoostore_contact div {
	font-size: 11px;
	text-align: center;
	color: #707070;
	font-style: italic;
}

/*---- ESPACE PRESSE ----*/
/*__ ACCUEIL __*/
.container_pagePresse {
	padding: 0;
	margin: 0;
}
/* header*/
.container_pagePresse h1 {
	font: 36px OpenSans, Arial, sans-serif;
	text-align:center;
	text-transform:uppercase;
	border-bottom:1px solid black;
	padding-bottom: 10px;
	margin:0;
}
.container_pagePresse img {
	display:block;
	margin-bottom:20px;
	width:100%;
}

/* Contacts Presse */
#container_menuGauchePresse {
	text-align: center;
	float: left;
	width: 32%;
	margin-right:1%;
	background-color: #f0eeee;
	color: #363636;
	padding:0 20px 20px;
}
#container_menuGauchePresse p:not(.presseTitle){margin-bottom:5px;}

.presseTitle i {display:none;}
.presseNom {
	text-align: center;
	font: italic 15px Georgia, Utopia, Charter, serif;
	margin:40px auto 15px !important;
}
.presseMail {
	font-style: italic;
	color:#c30040;
}

/* Documents */
#container_articles {
	float: left;
	width: 67%;
}

/* header */
.presseTitle, .presseTitle_section {
	text-transform:uppercase;
	color: #363636;
	font: bold 18px/20px OpenSans, Arial, sans-serif;
	margin: 15px 0;
	display:block;
	padding:0 15px;
}
.presseTitle {text-align:center;}

.presseTitle + hr, .presseHeader hr {
	border: 0;
	height: 1px;
	background: #363636;
}
/* content */
.contenu_menuPresseDediee {
	text-transform: none;
	float: left;
	width: 100%;
	color: #c30040;
}
.menuPresse_title {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
	color: #c30040;
	line-height: 35px;
	text-indent: 0;
	text-align:center;
	margin-bottom:35px;
}
.menuPresse {
	width:50%;
	float:left;
	padding: 0 15px 20px;
	text-align:center;
}
.menuPresse:last-child {border-left:1px solid #c0c0c0;}
.menuPresse a.btn {
	display:inline-block;
	width:200px;
}

@media screen and (max-width:954px) {
  .container_pagePresse {position:relative;}
  #container_menuGauchePresse {width:90%; margin:auto 5%;}
  #container_articles {width:100%;}
  .menuPresse {width:100%;}
  .menuPresse:last-child {border-left:0;}
  .espaceDedie_photos_legende {text-indent:15px;}
  .presseTitle {cursor:pointer;}
  #presseContacts {display:none;}
  .presseTitle i {
	  display:block;
	  float:right;
	  font-size:22px;
	  line-height: 6px;
	  cursor:pointer;
  }
}

/*__ SECTIONS __*/
/* header */
.presseTitle_section {float:left;}
.presseBack {
  float:right;
  margin-right:15px;
  line-height: 50px;
}

/* photos */
/* lightbox */
.presseMask {
  width:100%;
  height:100%;
  position: fixed;
  top:0;
  left:0;
  background-color: rgba(0,0,0,0.75);
  z-index: 999;
  text-align:center;
}
#image_news {
  margin:5vh auto;
  max-height:90vh;
  cursor:pointer;
}

/* galerie */
.espaceDedie_photos_legende {
	font-size: 14px;
	color: #c30040;
	clear:both;
	margin-bottom:10px;
}
.espaceDedie_photos {
	float: left;
	margin: 0 1% 5px;
	cursor: pointer;
	width:23%;
}
.espaceDedie_photos img {width:100%; opacity:0.85;}
.espaceDedie_photos img:hover {opacity:1;}

/* communiques */
.zone_presseDediee_news {
	padding-left: 15px;
	width: 100%;
}

/*__ presseParutions.php __*/
.post_titlePresse {
	float: right;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	background: url(/images/presse/picto_postTitle.png) left center no-repeat;
	color: #707070;
	padding-left: 22px;
	padding-bottom: 0;
	margin-left: 5px;
}
.post_titlePresse_close {
	float: right;
	font-size: 11px;
	font-weight: bold;
	background: url(/images/presse/picto_postTitle_close.png) left center no-repeat;
	color: #707070;
	padding-left: 22px;
	line-height: 12px;
	padding-bottom: 0;
	margin-left: 2px;
}
.post_imagePresse {float: right;}
.archivesPresse {line-height: 25px;}

#container_pagePresseParutions {
	width: 955px;
	height: 1350px;
}
#zone_menuDeroulantPresse {
	float: left;
	width: 165px;
	height: 220px;
}
#zone_archivePresse {
	text-align: center;
	float: left;
	width: 165px;
	height: 1230px;
}
.zone_menuPresseDediee {
	padding:0 15px 15px;
	width:100%;
}
.separateurTitreArchives {
	width: 165px;
	height: 2px;
	background-image: url(/images/presse/separateurTitreArchives.gif);
}
#articlePresse {
	float: left;
	width: 790px;
	height: 135px;
}
#zone_logoPresse {
	float: left;
	width: 150px;
	height: 135px;
	border-width: 0 1px 0 0;
	border-color: #e6e6e6;
	border-style: solid;
}
#zone_articlePresse {
	float: right;
	width: 639px;
	height: 135px;
}
#contenu_articlePresse {
	float: left;
	width: 522px;
	height: 110px;
}
.espacePresse_icon_video {
	float: right;
	padding-right: 1px;
	width: 115px;
	height: 105px;
	background: url(/images/presse/espacePresse_video.jpg) no-repeat;
}
.espacePresse_icon_radio {
	float: right;
	padding-right: 1px;
	width: 115px;
	height: 105px;
	background: url(/images/presse/espacePresse_radio.jpg) no-repeat;
}
.espaceDediee_icon_dlBig {
	float: left;
	width: 22px;
	height: 22px;
	background-image: url(/images/presse/picto_download_big.png);
	padding-top: -3px;
}
.espaceDediee_icon_dl {
	float: left;
	width: 14px;
	height: 14px;
	padding-right: 3px;
	background: url(/images/presse/picto_download.png) no-repeat;
}
#contenu_articlePresse img, #contenu_articlePresse .flags div, .flags #contenu_articlePresse div {
	float: left;
	height: 105px;
}
#separateur_articlePresse {
	float: left;
	width: 638px;
	height: 25px;
	background-image: url(/images/presse/separateurArticle.gif);
}
.header_presseDedie_com, .header_presseDedie_photos, .header_presseDedie_news {
	width: 789px;
	height: 95px;
}
.text_presseDediee a {
	color: #c30040;
	text-decoration: underline;
}
.text_presseDediee a:hover {color: #c30040;}

.date_articlePresse {
	padding: 1px 5px 0 0;
	text-align: right;
	color: #fff;
	font-size: 10px;
}
/*.menuEspacePresse ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.menuEspacePresse li {
	background-image: url(/images/presse/btn_menuDeroulantPresse.gif);
	float: left;
	margin: auto;
	padding: 0;
}
.menuEspacePresse li a {
	color: #707070;
	padding-top: 4px;
	display: block;
	width: 165px;
	height: 16px;
	text-decoration: none;
}
.menuEspacePresse ul li a:hover {
	color: #fff;
	background-color: #707070;
}
.menuEspacePresse ul li ul li a:hover {
	background-image: none;
	width: 165px;
}
.menuEspacePresse ul li ul {
	display: none;
	max-height: 300px;
	overflow-y: scroll;
}
.menuEspacePresse ul li:hover ul {display: block;}

.menuEspacePresse li:hover ul li {
	position: relative;
	background-image: none;
	background-color: #fff;
	float: none;
}
.menuEspacePresse li ul {position: absolute;}

.menuEspacePresseArchive {
	background-color: #363636;
	line-height: 16px;
}*/
#zone_pagingPresse {
	float: left;
	width: 954px;
	height: 13px;
	background-color: #e6e6e6;
	text-align: right;
}
.container_pagingPresse {width: 955px;}

.pagingPresseSelect, .pagingPresse {
	font-size: 11px;
	text-align: center;
	margin: 1px;
	padding: 0 3px;
	text-decoration: none;
}
.pagingPresseSelect {color: #fff; background-color: #c30040;}
.pagingPresse {color: #707070; background-color: #fff;}
a.pagingPresse {color: #707070; background-color: #fff;}
a.pagingPresse:hover {color: #fff; background-color: #707070;}
a.pagingPresse:active {color: #fff; background-color: #000;}
a.pagingPresse:focus {color: #fff; background-color: #707070;}

/*----  RECRUTEMENT  ----*/

#recrutement h2 {
	text-align: left;
	font-family: Open sans;
	margin: 40px 0 15px 0;
	border-bottom:1px solid #000;
	font-style : normal;
	text-transform:uppercase;
}

#recrutement > div {
	display: inline-block;
	width: 47.5%;
	vertical-align: top;
}
#recrutement > div:last-of-type {
	margin-left: 5%;
}

#recrutement_bloc3 h2 {
	padding-top: 2em;
	font-family: Open sans;
	font-style : normal;
	text-transform: uppercase;
	border-bottom: 1px solid #000;
}
.section-recrutement ul {margin: 5px 0 10px 18px;}

.section-recrutement p {
	margin: 10px 5px;
	font: 12px OpenSans, Arial, sans-serif;
}
.band {
	margin: 10px 0;
	padding: 0;
	width: 955px;
	height: 59px;
	clear: both;
	background: url(/images/recrutement_band.png);
}
.band h4 {
	margin: 0 10px !important;
	padding: 20px 0 0 !important;
	color: #FFF !important;
	font-size: 14px !important;
	font-weight: bold !important;
	letter-spacing: 1px !important;
	background: none !important;
}
/*__ MENU __*/
/*
#animate_menu {
	width:54%;
	margin: 0 auto;
	padding: 0;
}
 */
#animate_menu { margin: 2em 0; }
#animate_menu li {
	margin: 2px;
	padding: 0;
	height: 100px;
	width: 88px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
#animate_menu li a {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 10px;
	color: #363636;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 70px;
}
#animate_menu li a:hover {color: #c30040;}

/* IMAGE NO HOVER */
.item_e-marketing{background:url(/images/recrutement_1.png) top center no-repeat;}
.item_infographie{background:url(/images/recrutement_2.png) top center no-repeat;}
.item_informatique{background:url(/images/recrutement_3.png) top center no-repeat;}
.item_logistique{background:url(/images/recrutement_4.png) top center no-repeat;}
.item_transport{background:url(/images/recrutement_4.png) top center no-repeat;}
.item_comptabilite{background:url(/images/recrutement_5.png) top center no-repeat;}
.item_approvisionnement{background:url(/images/recrutement_6.png) top center no-repeat;}
.item_services_achat{background:url(/images/recrutement_7.png) top center no-repeat;}
.item_call{background:url(/images/recrutement_8.png) top center no-repeat;}
.item_communication{background:url(/images/recrutement_9.png) top center no-repeat;}
.item_services_etudes{background:url(/images/recrutement_10.png) top center no-repeat;}
.item_rh{background:url(/images/recrutement_11.png) top center no-repeat;}
.item_marketplace{background:url(/images/recrutement_12.png) top center no-repeat;}
.item_magasin{background:url(/images/recrutement_13.png) top center no-repeat;}
.item_entrepot{background:url(/images/recrutement_14.png) top center no-repeat;}
.item_methode{background:url(/images/recrutement_15.png) top center no-repeat;}
.item_studio_photo{background:url(/images/recrutement_17.png) top center no-repeat;}
.item_brands{background:url(/images/recrutement_20.png) top center no-repeat;}

/* IMAGE HOVER */
.item_e-marketingHover{background:url(/images/recrutement1.png) top center no-repeat;}
.item_infographieHover{background:url(/images/recrutement2.png) top center no-repeat;}
.item_informatiqueHover{background:url(/images/recrutement3.png) top center no-repeat;}
.item_logistiqueHover{background:url(/images/recrutement4.png) top center no-repeat;}
.item_transportHover{background:url(/images/recrutement4.png) top center no-repeat;}
.item_comptabiliteHover{background:url(/images/recrutement5.png) top center no-repeat;}
.item_approvisionnementHover{background:url(/images/recrutement6.png) top center no-repeat;}
.item_services_achatHover{background:url(/images/recrutement7.png) top center no-repeat;}
.item_callHover{background:url(/images/recrutement8.png) top center no-repeat;}
.item_communicationHover{background:url(/images/recrutement9.png) top center no-repeat;}
.item_services_etudesHover{background:url(/images/recrutement10.png) top center no-repeat;}
.item_rhHover{background:url(/images/recrutement11.png) top center no-repeat;}
.item_marketplaceHover{background:url(/images/recrutement12.png) top center no-repeat;}
.item_magasinHover{background:url(/images/recrutement13.png) top center no-repeat;}
.item_entrepotHover{  background:url(/images/recrutement14.png) top center no-repeat;}
.item_methodeHover{background:url(/images/recrutement15.png) top center no-repeat;}
.item_studio_photoHover{background:url(/images/recrutement17.png) top center no-repeat;}
.item_brandsHover{background:url(/images/recrutement20.png) top center no-repeat;}
/* IMAGE ACTIVE */
.item_hover_e-marketing{background:url(/images/recrutement1.png) top center no-repeat;}
.item_hover_infographie{background:url(/images/recrutement2.png) top center no-repeat;}
.item_hover_informatique{background:url(/images/recrutement3.png) top center no-repeat;}
.item_hover_logistique{background:url(/images/recrutement4.png) top center no-repeat;}
.item_hover_comptabilite{background:url(/images/recrutement5.png) top center no-repeat;}
.item_hover_approvisionnement{background:url(/images/recrutement6.png) top center no-repeat;}
.item_hover_services_achat{background:url(/images/recrutement7.png) top center no-repeat;}
.item_hover_call{background:url(/images/recrutement8.png) top center no-repeat;}
.item_hover_communication{background:url(/images/recrutement9.png) top center no-repeat;}
.item_hover_services_etudes{background:url(/images/recrutement10.png) top center no-repeat;}
.item_hover_rh{background:url(/images/recrutement11.png) top center no-repeat;}
.item_hover_marketplace{background:url(/images/recrutement12.png) top center no-repeat;}
.item_hover_magasin{background:url(/images/recrutement13.png) top center no-repeat;}
.item_hover_entrepot{  background:url(/images/recrutement14.png) top center no-repeat;}
.item_hover_methode{background:url(/images/recrutement15.png) top center no-repeat;}
.item_hover_studio_photo{background:url(/images/recrutement17.png) top center no-repeat;}
.item_hover_brands{background:url(/images/recrutement20.png) top center no-repeat;}

/*__ LISTE EMPLOIS __*/

/*
.recrutement {
	width: 512px !important;
	height: 5px !important;
	clear: both !important;

}
 */
#accordion h3, #accordion h4 { color:#c30040; padding-left: 0;}
#accordion h4 { letter-spacing: 0; }
#accordion h3 { font-size: 25px; }
#accordion ul { list-style: none; }
#accordion li { border-bottom: 1px dotted #363636; }
#accordion li > a {
	display: block;
	padding: 1em 1em 1em 0;
	font: 15px OpenSans, Arial, sans-serif;
	color: #363636;
	text-decoration: none;
}
#accordion li > a i { font-size: 1.3em; }
#accordion li > a > span {
	display: inline-block;
	text-align: center;
	border-radius: 1em;
	width: 2em;
	height: 2em;
	padding: 0.3em;
	margin-right: 1.5em;
	background-color: #363636;
	color: #fff;
}
#animate_menu_mobile { display: none; }
.details {
	margin: 10px 30px !important;
	color: #363636 !important;
	font-size: 12px;
	display: none;
}
.img_job {
	margin: 5px;
	padding: 0;
}
.liste_competence li {
	margin: 6px;
	padding: 0;
	font-size: 12px;
	display: block;
}
.separate {
	margin: 5px 25px;
	width: 335px;
}


/*---- PAGE CODES PROMO (code-reduction-spartoo.php) ----*/
#contener_code_reduction {
	width: 100%;
	height: auto;
	margin: 4em 0;
}
#contener_code_reduction h1 { text-align: left; }
#contener_code_reduction img {
	max-width: 100%;
}
#contener_code_reduction ol {
	width: 100%;
	list-style-type: arabic-numbers;
	font: 16px OpenSans, Arial, sans-serif;
}
#contener_code_reduction h1 {font-size: 25px;}
#contener_code_reduction .panierEngagements {margin-top: 55px;}
#contener_code_reduction .div_code_reduction {
	position: relative;
	display: inline-block;
	width: 32%;
}
#contener_code_reduction .div_code_reduction:nth-of-type(2){
	margin: 0 2%;
}
.div_code_reduction_right {
	position: absolute;
	width: 100%;
	top: 20%;
	font-weight:bold;
	font-family: OpenSansCond,Arial,sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	color: #ffffff;
	text-shadow: 1px 1px 4px rgba(73, 73, 73, 1);
}
.div_code_reduction_right .pourcent_reduc {
	display: block;
	font-size: 130px;
	margin: 0;
	padding: 0;
	line-height: 0.9em;
}
.div_code_reduction_right .with_code {
	display: inline-block;
	padding: 0.5em 1em;
	background-color: #ffffff;
	color: #363636;
	margin-top: 0.5em;
	font: 16px OpenSans, Arial, sans-serif;
	text-shadow: none;
}
.div_code_reduction_right a {
	display: block;
	margin-top: 0.5em;
	color: #ffffff;
}
#code_reduc_conditions {
	text-align: center;
	padding: 1em;
	margin: 2em 0;
}

/*---- MENTIONS LEGALES, CNIL, QUI EST SPARTOO ----*/
.section-cgv, .section-cnil, .section-marketplace, .section-plus, .section-mentions, .section-spartoo, .section-vourcher, section-recrutement {
	margin: 10px 0;
	width: 100%;
	font: 13px OpenSans, Arial, sans-serif;
	color: #707070;
}
#mentions-vourcher p {
	min-height: 80px;
	font-size: 12px;
	line-height: 13px;

	border: none;
}
.section-cgv h2, .section-vourcher h2 {margin: inherit !important;}

.section-cgv > strong, .section-marketplace > strong, .section-cnil > strong, .section-vourcher > strong {
	margin: 0 0 0 55px;
	font: italic 16px Georgia, Utopia, Charter, serif;
	color: #363636;
}
.section-cgv p > strong, .section-cnil p > strong, .section-marketplace p > strong .section-vourcher p > strong {
	font-size: 13px;
	color: #c30040;
}
.section-vourcher p {padding-bottom: 10px;}

.section-cnil p > a, .section-marketplace p > a {
	margin: 10px 0;
	font-family: Georgia, Utopia, Charter, serif;
	font-style: italic;
	color: #363636;
}
.section-cnil p > a:hover, .section-marketplace p > a:hover {color: #c30040;}

.section-cgv p, .section-cnil p, .section-marketplace p, .section-plus p, .section-recrutement p {
	margin: 15px 0 15px 55px;
	max-width: 100%;
	font-size: 13px;
	text-align: justify;
}
.section-cgv p > em, .section-cnil p > em, .section-marketplace p > em, .section-plus p > em {
	margin: 15px 0;
	padding: 0;
	font: 13px/35px Georgia, Utopia, Charter, serif;
	color: #c30040;
}
.section-cgv > span, .section-cnil > span, .section-marketplace > span, .section-cgv h3 {
	margin: 10px 0 0 45px;
	font: 200 16px OpenSans, Arial, sans-serif;
	color: #c30040;
	  padding-left: 0;
}
.section-cgv h4 {
	margin: 10px 0 0 5px;
	font: 200 14px OpenSans, Arial, sans-serif;
	color: #c30040;
	  padding-left: 0;
}
.section-marketplace img, .section-marketplace .flags div, .flags .section-marketplace div {
	display: inline-block;
	margin: 0 0 20px 8px;
	border: 1px solid #e6e6e6;
}
.contentCentre .section-marketplace p {margin: 5px 0 15px 55px;}

.section-cgv ul, .all-list, .section-recrutement ul {
	margin: 0 0 0 60px;
	width: 100%;
}
._black {color: #363636 !important;}

#fade {
	display: none;
	background: black;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: .80;
	z-index: 1000;
}
#video-y {
	background: #fff;
	color: #363636;
	padding: 10px;
	top:40px;
	left:50%;
	margin-left: -480px;
	position: absolute;
	z-index: 99999;
}
a .btn_to_close {
	margin: 5px 0;
	float: right !important;
}

/*__ CGV __*/
.section-cgv li {
	margin: 15px 0;
	padding: 0 0 0 15px;
	display: block;
	width: 92%;
	font-size: 13px;
	text-align: justify;
}
.section-cgv li::first-line, .all-list li {
	margin: 0;
	padding: 0;
	font: italic 16px Georgia, Utopia, Charter, serif;
	color: #c30040;
}
.all-list li, .all-list li::first-line {
	font-size: 16px !important;
	color: #707070 !important;
}
.section-cgv li em {color: #c30040;}

.cgv-premium {
	margin: 0 0 0 78px !important;
	max-width: 90% !important;
}
.section-cgv table, #envoi_1 table, #paiement_6 table {
	margin: 15px 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #363636;
}
.section-cgv tr:first-child, #envoi_1 tr:first-child, #paiement_6 tr:first-child {
	margin: 0;
	padding: 5px 0;
	max-width: 100%;
	min-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #363636;
	border: 1px solid #363636;
}
.section-cgv > table tr + tr, #envoi_1 > table tr + tr, #paiement_6 > table tr + tr {
	margin: 0;
	padding: 0;
	font-family: OpenSans, Arial, sans-serif;
	color: #363636;
}
.section-cgv > table td, #envoi_1 > table td, #paiement_6 > table td {
	margin: 0;
	padding: 5px;
	max-width: 450px;
	text-align: center;
	border: 1px solid #363636;
}
.section-cgv > table td > em, #envoi_1 > table td > em, #paiement_6 > table td > em {
	margin: 5px 0;
	font-family: Georgia, Utopia, Charter, serif;
	line-height: 45px;
	color: #c30040;
}

/*__ CNIL __*/
.cnil_popup_1 {
	width: 760px;
	height: 50px;
	margin: 10px 0 0;
	padding:0;
	background: url(/images/h1_bg.gif) center top no-repeat;
}
.cnil_popup_2 {
	font-size: 16px;
	margin: 0 0 0 10px;
	padding: 10px 0 0;
	color: #363636;
	font-weight: bold;
}

/*__ MENTIONS LEGALES __*/
.contentCentre .section-mentions {
	display: inline-block;
	vertical-align: top;
}
.contentCentre hr {
	background-color: #c0c0c0;
	border-color: -moz-use-text-color -moz-use-text-color #c0c0c0;
}
.contentCentre .section-mentions h4 {
	font: bold 16px OpenSans, Arial, sans-serif;
	color: #363636;
}
.contentCentre .section-mentions p {
	padding-right: 10%;
	color: #363636;
}
.contentCentre .section-mentions strong {
	font-weight: bold;
	font-family: OpenSans, Arial, sans-serif;
}
/*__ QUI EST SPARTOO __*/
#quiestspartoo_bloc {
	width:60%;
	float:left;
	padding:10px 0;
}
#quiestspartoo_bloc h4{
	width:98%;
	text-transform:uppercase;
	border-bottom:1px solid #000;
}
#quiestspartoo_bloc p{
	text-align:justify;
	padding-right:15px;
}
#quiestspartoo_bloc1 {
	width:40%;
	float:left;
}
#quiestspartoo_bloc1 p{
	color:#c30040;
	text-transform:uppercase;
	font-size:15px;
	text-align:justify;
	padding:25px 0 0 15px;

}
#quiestspartoo_video {
	text-align:center;
}
#quiestspartoo_bloc1 img{
	display:block;
}
#quiestspartoo_bloc2 {
	width:100%;
	background-color:#e6e6e6;
	float:left;
}
#quiestspartoo_bloc2 h4{
	text-align:center;
	padding:15px 0 10px 0;
}
#quiestspartoo_bloc2 ul{
	list-style:none;
}
#quiestspartoo_bloc2 li{
	padding:10px;
	font-size:12px;
}
#quiestspartoo_bloc2 img{
	padding-right:10px;
	vertical-align:middle;
}





/*****************************************************
**** @PAGE CODES PARTENAIRES
******************************************************/
.cpns_header {
	position: relative;
	margin-bottom:40px;
}
.cpns_header .sbanTitle {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width:25%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,.8);
	padding:30px;
	font: 3em/1.2em OpenSansCond, Arial, sans-serif;
	color: #000;
	text-transform: uppercase;
	text-align:center;
}
.cpns_content {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cpns_content > div {
	width: calc(96% / 3);
	padding: 40px 20px;
	border: 1px solid #c0c0c0;
	margin-bottom:20px;
	text-align:center;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.cpns_content > div:nth-child(3n+2):nth-last-child(-n+3):last-child {
	margin-left:2%;
	margin-right:auto;
}
.cpns_content .logo {
	width:100%;
	height:130px;
	display:flex;
	align-items: center;
	justify-content: center;
}
.cpns_content .logo img {
	max-width:70%;
	max-height:130px;
}
.cpns_content .logo + div {margin:20px 0;}
.cpns_content > div p {
	margin:2px;
	font-size: 1.2em;
}
.cpns_content > div p:first-of-type {
	font-size: 1.4em;
	font-weight: bold;
}
.cpns_content .code {
	background-color: #f0eeee;
	padding: 10px 20px;
	border-radius: 10px;
	font: bold 1.5em OpenSansCond, Arial, sans-serif;
	cursor: pointer;
}
.cpns_content .code:active {background-color: #c6c6c6;}
.cpns_content .hint {color: #707070; font-size:9px;}
.cpns_content > div button {
	margin:0 auto;
	padding:10px 20px;
}
.cpns_content > div button i.icon-flecheDroite {vertical-align: -2px; margin:initial;}
.cpns_content > div p.conditions {
	margin-top :20px;
	color: #707070;
	font: normal italic 11px OpenSans, Arial, sans-serif;
}






/*****************************************************
**** @PAGE MARQUES
******************************************************/
#marquesAlpha {
	width: 940px;
	margin: 0 auto 10px;
	padding:0;

}
.separateur_tiret {
	border-top: dashed 1px #c0c0c0;
	margin-top: 15px;
	margin-bottom: 15px;
}
#marquesAlpha h4 {
	margin: 10px 0 5px 0;
	border-bottom: 1px solid #363636;
}
#marquesAlpha hr {
	border: none;
	border-bottom: 1px solid #363636;
	height: 1px;
	background-color: #363636;
	margin: 10px 0;
	display: block;
}
.marquesAlpha {
	text-align: right;
	display: inline-block;
}
.marquesAlpha select{
	font-size: 14px;
	padding: 5px;
	color: #707070
}
.marquesAlpha li {
	display: inline-block;
	font-size: 12px;
	list-style-type: none;
	margin-right: 4px;
	margin-left: 0;
}
.marquesAlpha li a {
	display: block;
	font-size: 12px;
}
.marquesAlpha li a:hover {color: #c30040;}

.selectMarques {
	position: relative;
	float: right;
	padding: 30px 30px 0 0;
}
.marques_rubrique {margin-bottom: 25px;}

.marques_lettre {
	margin: 0em 0.5em 0em 0em;
	padding: 0;
	font: bold 70px/80px OpenSansCond,Arial,sans-serif;
	color: #363636;
	text-transform: uppercase;
}
.title-brand {margin: 10px 0 !important;}

.marques_colonne {
	float: left;
	width: 223px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.marquesAlpha ul, .marques_colonne ul {margin: 0;padding: 0;}
.marques_colonne li {list-style-type: none;}

.marques_caroussel {
	border: 1px solid #e6e6e6;
	height: 90px;
	margin-bottom: 5px;
}
.brandLetterAnchorLink {
	display: inline-block;
	width: 80%;
}
.brandLetterAnchorLink a{
	display:inline-block;
	text-align: center;
	width:3.5%;
	padding: 5px 0;
	font: bold 18px/20px OpenSans, Sans-Serif;
	color: #363636;
}
.brandLetterAnchorLink a:hover {
	background-color: #363636;
	color: #e6e6e6;
}
.AlertBrandNews {
	display: none;
	text-align: center;
	font: 200 14px/18px OpenSans, Arial, sans-serif;
	background-color: #363636;
	color: #e6e6e6;
	padding: 5px 0;
	margin: 10px auto;
	text-transform: uppercase;
}
.AlertBrandNews span{
	font-size: 18px;
}
.AlertBrandNews a {
	color: #e6e6e6;
	text-decoration: underline;
}



/*****************************************************
**** @PAGE MAGASINS
******************************************************/
/*---- nos-magasins.php ----*/
#pagemagasin {
	position:relative;
	padding: 20px 0 30px 0;
	text-align:center;
	flex: 1;
}
#trouver-magasin div:first-of-type {
	text-transform:uppercase;
	text-align:center;
	font: 1.3em OpenSans, Arial, sans-serif;
}
.mag {
	margin: 20px auto;
	display: block;
}
#trouver-magasin select {
	width: 350px;
	height: 30px;
	margin: 20px auto;
	display: block;
	background-color:#fff;
	border-radius : 5px;
	border: 1px solid #c0c0c0;
}
#trouver-magasin input[type="text"] {
	width: 300px;
	height: 30px;
	background-color:#fff;
	border-radius : 5px;
	border: 1px solid #c0c0c0;
}
#trouver-magasin a {
	font: bold 14px/18px OpenSans, Arial, sans-serif;
	color: #363636;
	text-transform: uppercase;
}
#resultats_magasin {
	display: flex;
}
.magasinSpartoo {
	max-width: 50%;
}
.magasinSpartoo h5 {
	text-transform: uppercase;
	margin: 0 0 5px;
	font-size: 20px;
}
.magasinSpartoo > div:first-of-type {
	margin: 0 0 10px;
	font-size: 18px;
}
.magasinSpartoo b {font: bold 14px OpenSans, Arial, sans-serif;}
.horaires_mag {font-size: 14px;}
.horaires_mag > div:first-of-type {margin-top: -20px;}
.horaires_mag > div {margin-left: 100px;}
.horaires_mag span {
	display: inline-block;
	width: 80px;
	padding-left: 10px;
	vertical-align: top;
}
.horaires_mag time {
	display: inline-block;
	width: 240px;
	padding-left: 10px;
	vertical-align: top;
}
.horaires_mag b {
	font-weight: bold;
	font-family: OpenSans, Arial, sans-serif;
}
#liste-magasin {
	margin: 10px auto;
	text-align: center;
}
#liste-magasin p {
	padding: 10px 0;
	font-size: 13px;
}
#carte {
	display: inline-block;
	width: 58%;
	margin: 0;
	padding: 0;
}
.magasinSpartoo p {
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.magasinListe li{
	list-style-type: none;
	line-height: 20px;
	margin: 0;
	font-size: 12px;
}
#distance_magasin_text_magasin {
	margin: 20px auto;
	width: 700px;
}
#texte_magasin {
    font-size: 1.4em;
    margin: 2em;
}
/*---- magasin-spartoo-grenoble.php ----*/
#pagemagasin1{
	background-color: #c30040;
	height: 600px;
}
#titlemagasin{
	color:#fff;
	text-align:center;
	font-size:25px;
	text-transform:uppercase;
	padding:10px;
}
#colonnegauchemagasin{
	margin:40px 0 0 150px;
	padding-left:20px;
}
#colonnedroitemagasin {
	float:left;
	width:450px;
	color:#fff;
	margin:20px 0 0 20px;
	padding:10px;
}
#bordermagasin {border:1px solid #fff;}
#adressmagasin, #horairesmagasin {
	font-size:15px;
	padding-top:5px;
	margin-bottom:20px;
}
#adressmagasin {float:left;}
#horairesmagasin {float:right;}

#imagemagasinspartoo {
	background-image:url(/images/chaussures-spartoo-magasin.png);
	margin:100px 0 0 30px;
	width:378px;
	height:120px;
}
#pop_mag {
	margin: 20px 0;
	font: bold 16px/20px OpenSans, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #c30040;
}

/* -- achetez-local.php -- */

#trouver-magasin p {
	font-size: 16px;
}
input.form-control {
	padding: 8px;
	border: 1px solid #d9d4e0;
	width: 300px;
	font-size: 16px;
	margin-right: 20px;
}
#pagemagasin #results {
	font-size: 1.1em;
	display: flex!important;
	flex-direction: column;
	align-items: center;
	padding-top:10px;
}
#trouver-magasin #results div {
	font-size: .9em;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	margin: 2px;
	padding:5px 10px;
	width:360px;
	max-width:100%;
	cursor:pointer;
}
#trouver-magasin #results div:hover {
	background-color: rgba(0,0,0,0.1);
}
.form-group > button > i { font-size: 25px; }
#pagemagasin #carte {width:50%; height: 600px;}
#pagemagasin #carte #firstHeading {text-align:center; padding:0; margin: 10px;}
.magMap {width:50%;display:inline-block;}
#pagemagasin > .magMap #carte {width: 100%;}
#trouver-magasin + div .magMap {width:50%;display:inline-block;}
.shop_table {width: 100%;border-collapse:collapse;margin-top: 30px;}
.shop_table tr:first-of-type {background-color: #d9d4e0;text-transform:uppercase;}
.shop_table tr:first-of-type td p {text-align:center!important;}
.shop_table tr:first-of-type td:first-of-type p {text-align:left!important;}
.shop_table td {text-align:center;border-bottom: 1px solid #d9d4e0;padding: 5px 15px;}
.shop_table td div p {text-align:center!important;}
.shop_table tr td:first-of-type div p {text-align:left!important;}
#magasin-detail h2 {
	width:90%;
	margin:0 auto;
	margin-block-start:0;
	margin-block-end:0.33em;
}
.magDetails {
	width:45%;
	display:inline-block;
	vertical-align: top;
	padding-left: 30px;
	font-size: 16px;
	color: #7d7898;
}
.magDetails ul {
	padding: 0px;
	list-style: none;
}
.magDetails li {
	margin: 10px;
}
.magDetails i {
	font-size: 25px;
	margin-right: 10px;
	vertical-align: middle;
}
.magDetailsHoraires span {
	display: inline-block;
	width: 90px;
	padding-left: 10px;
	vertical-align: top;
}
.magDetailsHoraires time {
	display: inline-block;
	width: 240px;
	padding-left: 10px;
	vertical-align: top;
}
#geolocalisation {
	margin:20px;
}
#geolocalisation a {
	display:inline-flex;
	flex-direction: column;
	justify-content: center;
}
#geolocalisation a img {align-self: center;}
#geolocalisation br {display:none;}

.local_more_infos {
	margin: 20px;
	font-size: 1.4em;
}
.local_more_infos p {margin-bottom: 10px;}






/*****************************************************
**** @OUTFIT DESIGNER aka MINE
******************************************************/
.couleur li {
	width: 12px;
	float: left;
	list-style-type: none;
}
.couleur_1, .couleur_4, .couleur_8, .couleur_7, .couleur_13, .couleur_15, .couleur_25, .couleur_28, .couleur_35, .couleur_38, .couleur_41, .couleur_46, .couleur_594, .couleur_19, .couleur_31, .couleur_6887 {
	float: left;
	margin: 2px;
	cursor: pointer;
	padding: 0;
	height: 12px;
	width: 12px;
}
.couleur_1 {background: url(/images/flags_colors.gif) no-repeat -2px -128px;}
.couleur_4 {background: url(/images/flags_colors.gif) no-repeat -16px -128px;}
.couleur_7 {background: url(/images/flags_colors.gif) no-repeat -30px -128px;}
.couleur_8 {background: url(/images/flags_colors.gif) no-repeat -44px -128px;}
.couleur_13 {background: url(/images/flags_colors.gif) no-repeat -58px -128px;}
.couleur_15 {background: url(/images/flags_colors.gif) no-repeat -72px -128px;}
.couleur_19 {background: url(/images/flags_colors.gif) no-repeat -86px -128px;}
.couleur_25 {background: url(/images/flags_colors.gif) no-repeat -2px -142px;}
.couleur_28 {background: url(/images/flags_colors.gif) no-repeat -16px -142px;}
.couleur_35 {background: url(/images/flags_colors.gif) no-repeat -30px -142px;}
.couleur_38 {background: url(/images/flags_colors.gif) no-repeat -44px -142px;}
.couleur_41 {background: url(/images/flags_colors.gif) no-repeat -58px -142px;}
.couleur_46 {background: url(/images/flags_colors.gif) no-repeat -72px -142px;}
.couleur_594 {background: url(/images/flags_colors.gif) no-repeat -86px -142px;}
.couleur_31, .couleur_6887 {background: url(/images/flags_colors.gif) no-repeat -2px -156px;}





/*****************************************************
**** @MOBILE
******************************************************/
/*---- DOWNLOAD APP BANDEAU ----*/
#spartooDownloadApp {
	position: relative;
	z-index:99;
	width: 1200px;
	height:70px;
	margin: 0px auto 5px auto;
	padding: 5px;
	background: #f0eeee url('/images/mobile/appDl.png') no-repeat; /* W3C */
	background-size:contain;
	color:#363636;
	-moz-box-shadow: 0 0 10px -2px #707070;
	-webkit-box-shadow: 0 0 10px -2px #707070;
	-o-box-shadow: 0 0 10px -2px #707070;
	box-shadow: 0 0 10px -2px #707070;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#707070, Direction=NaN, Strength=10);
}
#spartooDownloadApp  > a {
	display: inline-block;
	vertical-align: middle;
}
#spartooDownloadApp  > a:first-of-type {
	width: 50%;
	font-size: 18px;
}
#spartooDownloadApp  a > span, #spartooDownloadApp  a > button, #spartooDownloadApp  a > img {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
#spartooDownloadApp .appIcon {
	max-height:60px;
	margin-right:40px;
}
#spartooDownloadApp a.lien_app {
	color:#363636;
	display:inline-block;
	vertical-align: middle;
}

#spartooDownloadApp button {
	padding:5px 15px;
	margin: 0px auto auto auto;
	background:none;
	border:1px solid #363636;
	height:auto;
	color:#363636;
	font-size: 1.2em;
	text-transform:uppercase;
}
#spartooDownloadApp .store {
	max-height:50px;
}
#spartooDownloadApp i {
	position: absolute;
	top: 25px;
	right: 25px;
	color: #363636;
	font-size: 25px;
}





/*****************************************************
**** @PLUGINS / MODULES
******************************************************/
/*---- CAROUSEL PRODCARD ----*/
#mycarousel1 li, #mycarousel2 li, #mycarousel3 li, #mycarousel4 li, #mycarousel5 li, #mycarousel6 li, #mycarousel7 li, #mycarousel8 li, #mycarousel9 li, #mycarousel10 li, #mycarousel11 li, #mycarousel12 li, #mycarousel13 li, #mycarousel14 li, #mycarousel15 li, #mycarousel16 li, #mycarousel17 li, #mycarousel18 li, #mycarousel19 li, #mycarousel20 li, #mycarousel21 li, #mycarousel22 li, #mycarousel23 li, #mycarousel24 li, #mycarousel25 li, #mycarousel26 li {
	padding-top: 20px;
	overflow: hidden;
	height: 95px;
}
#mycarousel1, #mycarousel2, #mycarousel3, #mycarousel4, #mycarousel5, #mycarousel6, #mycarousel7, #mycarousel8, #mycarousel9, #mycarousel10, #mycarousel11, #mycarousel12, #mycarousel13, #mycarousel14, #mycarousel15, #mycarousel16, #mycarousel17, #mycarousel18, #mycarousel19, #mycarousel20, #mycarousel21, #mycarousel22, #mycarousel23, #mycarousel24, #mycarousel25, #mycarousel26 {
	padding-top: 20px;
	overflow: hidden;
	height: 95px;
}
/* SKIN CAROUSEL */
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: auto;
	padding: 0 30px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: auto;
	height: 95px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 110px;
	height: 95px;
	text-align: center;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
	margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}

/*---- ZOOM PRODUIT PRODCARD ----*/
#magicZoomGlobal {
	position: absolute;
	width: 800px;
	height: 700px;
	top: 0;
	left: -55px;
	background-color: #fff;
	display: none;
	z-index: 500;
	border: 2px solid black;
}
#magicZoomClose {
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: right;
	width: 200px;
}
#magicZoomProducts {
	margin: auto;
	width: 700px;
	height: 600px;
	border: 1px solid #c0c0c0;
}
#magicZoomProduct {
	width: 600px;
	height: 600px;
	float: left;
	cursor: url(/images/loupe.cur), pointer;
}
#magicZoomProductsBig {
	position: relative;
	margin: auto;
	width: 700px;
	height: 600px;
	border: 1px solid #c0c0c0;
	display: none;
	overflow: hidden;
}
#magicZoomProductBigParent {
	width: 1700px;
	height: 1800px;
	position: absolute;
	top: -600px;
	left: -500px;
}
#magicZoomProductBig {
	width: 1200px;
	height: 1200px;
	position: absolute;
	top: 300px;
	left: 250px;
	cursor: move;
}
.magicZoomMiniatures {
	width: 69px;
	height: 69px;
	margin: 2px;
	border: 1px solid #c0c0c0;
	cursor: pointer;
}
.magicZoomMiniatures:hover {border: 1px solid #c30040;}

/* Nouveau zoom produit */
.dis_content_img:hover > .zoomVisible, .dis_content_img2:hover > .zoomVisible {
	transition: opacity .2s linear, height 0s linear, width 0s linear, top 0s linear;
	transition-delay: .5s;
	-webkit-transition-delay: .5s;
	height: auto;
	width: 410px;
	opacity: 1;
	border: 1px solid #c0c0c0;
	top: -140px;
	visibility: visible;
}
.dis_zoomInfo img {width: 0px;}
.dis_content_img:hover >.dis_zoomInfo a > img, .dis_content_img2:hover >.dis_zoomInfo a > img {
	transition: width 0s linear;
	transition-delay: 0s;
	width: 350px;
}
.content-vignette-bas {
	display: flex;
	width: 100%;
	text-align: left;
	margin: 10px auto auto;
	color: #707070;
}
.vignette-bas {
	display: inline-block;
	font-size: 16px;
	width: 70%;
	margin-left: 10%;
}
.vignette-bas a {
	color: #363636;
}
.vignette-bas a:hover {
	color: #c30040;
}
.dis_getProductVignette {
  width: 100%;
}
.vignette-bas-wishlist {
	display: inline-block;
	width: 10%;
	margin-top: 15px;
	margin-right:10%;
	font-size: 2.5em;
	text-align: right;
	cursor: pointer;
}
.productlist_prix {
	font-size: 14px;
	color: #363636;
}
.productlist_prix b {
	font-weight: normal;
	font-family: OpenSans, Arial, sans-serif;
}
.productlist_prix_last_viewed {
	font-size: 12px;
	font-weight: bold;
	font-family: OpenSans, Arial, sans-serif;
}
.productlist_prix_last_viewed s {
	font-weight: normal;
	font-family: OpenSans, Arial, sans-serif;
}
.origine_country {
	display: block;
	margin-top: .25em;
	font-size: .8em;
}
.ecoresponsable {
	width:100%;
	color: #428863;
	margin-top: .25em;
	display:flex;
	align-items: center;
	text-transform: uppercase;
	  font-size: .8em;
}
.ecoresponsable i {
	font-size:1.3em;
	transform: rotate(20deg);
	margin: 1px 3px 0 0;
}
.dis_zoomInfo {
	position: absolute;
	width: 0;
	left: 50%;
	margin-left: -205px;
	top: 0;
	height: 0;
	overflow: hidden;
	z-index: 1500;
	text-align: right;
	background-color: #fff;
	opacity: 0;
	border: 0 solid #c0c0c0;
}
.dis_zoomInfo > div:nth-of-type(1){
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
div.dis_zoomInfo > div > i {font-size: 24px;}

div.dis_zoomInfo > div {text-align: center;}

.zoom_size_list {
	padding: 5px;
	border-top: 1px solid #e6e6e6;
	width: 400px;
	margin: 10px auto;
	font-size: 10px;
}
.zoom_size_list a {
	font-weight: bold;
	font-family: OpenSans, Arial, sans-serif;
}
.zoom_size_list a:after {
	content: ' | ';
}
.zoom_color_list {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 60px;
}
.zoom_color_list > div{
	padding: 5px;
	border: 1px solid #e6e6e6;
	margin: 5px;
}
.zoom_color_list img {width: 40px;}

/*---- JQUERY SLIDER RANGE ----*/
#slider-range-srub {width: 160px;}

#slider-range-srub a {
	background-image: none;
	padding: 0;
	margin: 0;
}
#slider-range-advanced-amount {
	border: 0;
	text-align: center;
	background-color: transparent;
	font-size: 11px;
	color: #c30040;
	font-weight: bold;
	margin-bottom: 5px;
}
/* Interaction Cues */
.ui-state-disabled {cursor: default !important;}

/* Overlays */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #c30040;
	opacity: .50;
	filter: Alpha(Opacity=50);
}
/* Component containers */
.ui-widget {
	font: 1.1em OpenSans, Arial, sans-serif;
}
.ui-widget .ui-widget {font-size: 1em;}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font: 1em OpenSans, Arial, sans-serif;
}
.ui-widget-content {
	border: 1px solid #fff;
	background: #c0c0c0;
	color: #363636;
}
.ui-widget-content a {color: #363636;}
.ui-widget-header {background: #707070;}
.ui-widget-header a {color: #fff;}

/* Interaction states */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #c0c0c0;
	background: #f0eeee;
	font-weight: bold;
	color: #11b2cb;
}
.ui-state-default a, .ui-state-default a, .ui-state-default a.petit, .ui-state-default a:hover,
.ui-state-default a.red, .ui-state-default a.prodcard_onglet, .ui-state-default a.blanc {
	color: #11b2cb;
	text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 1px solid #fbcb09;
	background: #fdf5ce;
	font-weight: bold;
	color: #c77405;
}
.ui-state-hover a, .ui-state-hover a:hover {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #fbd850;
	background: #fff;
	font-weight: bold;
	color: #f36c4f;
}
.ui-state-active a, .ui-state-active a.petit, .ui-state-active a.red, .ui-state-active a.prodcard_onglet, .ui-state-active a.blanc {
	color: #f36c4f;
	text-decoration: none;
}
.ui-widget :active {outline: none;}

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-khtml-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-khtml-border-top-right-radius: 2px;
	border-top-right-radius: 2px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-khtml-border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-khtml-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
/* Overlays */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 0.5em;
	height: 1.5em;
	cursor: pointer;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
.ui-slider-horizontal {height: .5em;}
.ui-slider-horizontal .ui-slider-handle {
	top: -.5em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {left: 0;}
.ui-slider-horizontal .ui-slider-range-max {right: 0;}

/* numeric controls */
#controls {
	margin: 0;
	padding: 0 0 0 5px;
	height: 30px;
	width: 948px;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}
#controls li {
	margin: 0 8px 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 20px;
	line-height: 20px;
}
#controls li a {
	float: left;
	padding: 0 10px;
	height: 20px;
	line-height: 20px;
	background: #fff;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-family: OpenSans, Arial, sans-serif;
	text-transform: uppercase;
}
#controls li.current a {
	background: black;
	color: #fff;
}
#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {outline: none;}

/*---- JSCROLLPANE ----*/

/* Works on Firefox */
#advanced_menu .scroll-pane-arrows, #advanced_menu #colors {
  scrollbar-width: thin;
  scrollbar-color: #707070 #e6e6e6;
}

/* Works on Chrome, Edge, and Safari */
#advanced_menu .scroll-pane-arrows::-webkit-scrollbar, #advanced_menu #colors::-webkit-scrollbar {
  width: 10px;
}

#advanced_menu .scroll-pane-arrows::-webkit-scrollbar-track, #advanced_menu #colors::-webkit-scrollbar-track {
  background: #e6e6e6;
}

#advanced_menu .scroll-pane-arrows::-webkit-scrollbar-thumb, #advanced_menu #colors::-webkit-scrollbar-thumb {
  background-color: #707070;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
}

.scroll-pane,
.scroll-pane-arrows {
	width: 100%;
	height: 210px;
	overflow: auto;
	padding: 2px;
}
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {position: absolute;}
.jspPane > div {
	border-bottom: 1px solid #e6e6e6;
	width: 150px;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 100%;
	text-align: center;
}
.jspVerticalBar * {
	margin: 0;
	padding: 0;
}
.jspCap {display: none;}
.jspTrack {
	background: #e6e6e6;
	position: relative;
}
.jspDrag {
	background-color: #c0c0c0;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspArrowDown {
	background-color: #f0eeee;
	border: 1px solid #e6e6e6;
}
.jspArrowUp {
	background-color: #f0eeee;
	border: 1px solid #e6e6e6;
}
.jspArrow {
	display: block;
	cursor: pointer;
}
.jspArrow i {
	color: #c0c0c0;
	  font-size: 10px;
}
.jspVerticalBar .jspArrow {height: 12px;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {
	background: #e6e6e6;
	float: left;
	height: 100%;
}

/*---- KwAutoCplt ----*/
.AutoCompleteDivListeStyle {
	word-wrap: break-word;
	box-sizing: border-box;
	font: 200 16px/24px OpenSans;
	color: #363636;
	margin: 0 0 0 0;
	padding: 0;
/* 	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
 */	cursor: none;
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
	border-bottom: 1px solid #363636;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.AutoCompleteDiv, .AutoCompleteDivAct {
	display: block;
	overflow: hidden;
	width: 100%;
}
.AutoCompleteDiv span, .AutoCompleteDivAct span {
	background-color: #fff;
	display: block;
	padding: 6px 5px 6px;
	width: 100%;
	border-top: 1px dotted #e6e6e6;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.AutoCompleteDivAct span {background-color: #e6e6e6;}

/*---- CALENDAR ----*/
.calendarParent, .calendar, .calendar td, .calendarDayOff td, .calendarDayOff {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
.calendarParent {width: 160px;}

.calendar {background-color: #c0c0c0;}
.calendarDayOff {
	background-color: #f0eeee;
	color: #707070;
}
#pickupDate {text-align: center;}





/*****************************************************
**** @AUTRES
******************************************************/

/*----  SPARTOO CONTENT  ----*/
.vertical-cale {
	height:100%;
	width: 0;
	display: inline-block;
	vertical-align: middle;
}
#checkGauche {
	float: left;
	width: 525px;
	height: auto;
}

/*Concours facebook*/
#nom {color: #363636;}

/*--*/
.separ {
	width: 580px;
	height: 10px;
	margin:0;
	padding:0;
	background-color: #707070;
}
.cloud {
	width: 728px;
	margin: 0 auto 10px;
	padding: 3px;
	color: #c0c0c0;
	background-color: #f0eeee;
	border-top: 1px solid #c0c0c0;
}

/*---- CUSTOM SELECT ----*/
.CS_input {
	background: white url(/images/dropdown.gif) no-repeat scroll right center;
	border: 1px solid #c0c0c0;
	display: inline;
	cursor: default;
	padding-left: 2px;
	font-size: 10px;
}
.Cs_ul, .Cs_ul_open {
	margin: 0;
	border: 1px solid  black;
}
.CS_ul {display: none;}

.CS_ul_open {
	padding: 0;
	display: block;
	background-color: #fff;
}
.CS_ul_open li {
	color:  black;
	cursor: default;
	font-size: 10px;
	line-height: 13px;
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.CS_ul_open li.CS_li_selected {
	background-color: #333399;
	color: #fff;
	white-space: nowrap;
}
.custom_select{margin-left: 5px;}
.custom_select_last_viewed{
	margin-left: 30px;
	margin-bottom: 4px;
	height: 30px;
	width: 85%;
}

/*---- CUSTOM ----*/
a.sban-btn, a.sban-btn.petit, a.sban-btn.red, a.sban-btn.prodcard_onglet, a.sban-btn.blanc, button:visited {
	margin: 0 4px;
	float: left;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
}
a.sban-btn {
	margin-top: 0;
	padding: 12px 5px;
	width: 120px;
	height: 10px;
	font: italic 13px/1px Georgia, Utopia, Charter, serif;
	color: #fff;
	text-align: center;
	background: black;
	-webkit-transition: background-color .2s, margin-top 0.3s, height 0.3s;
	-moz-transition: background-color .2s, margin-top 0.3s, height 0.3s;
	-ms-transition: background-color .2s, margin-top 0.3s, height 0.3s;
	-o-transition: background-color .2s, margin-top 0.3s, height 0.3s;
	transition: background-color .2s, margin-top 0.3s, height 0.3s;
}
a.sban-btn:hover {
	margin-top: -5px;
	height: 50px;
	color: #000;
	background: #fff;
}
.cust_marques {
	position: absolute;
	top: 154px;
	right: 10px;
}
.cust_img_link {
	margin-top: 10px;
	cursor: pointer;
}

.valid {
	margin: 20px 0 5px 14px;
	padding: 0;
	width: 890px;
}
.valid a {
	margin: 0;
	padding: 0;
}

/*---- Share ----*/
#share {
	margin: 50px 0 0 254px;
	width: 58%;
	height: 26px;
	line-height: 25px;
	text-indent: 10px;
	display: none;
	position: absolute;
	top: 0;
	left: 90px;
	background-color: #707070;
	color: #fff;
	border: 1px solid #e6e6e6;
}
#share a {
	color: #000;
	font-weight: bold;
}
#share a:hover {color: #e6e6e6;}

/*----*/
#select_bag li {
	margin: 10px !important;
	padding: 22px 0 0 0 !important;
	float: left !important;
	width: 150px !important;
	display: inline !important;
	list-style: none !important;
	color: #707070 !important;
}
#s_produit hr, #select_bag hr {
	width: 150px !important;
	background-color: transparent !important;
	border: 1px solid #707070 !important;
	border-width: 1px 0 0 0 !important;
}

/*----*/
.bas_menu {
	margin: -2px 0 80px 0;
	padding: 0;
	width: 945px;
}
.bas_menu li {
	margin: 2px 20px;
	padding: 0;
	width: auto;
	height: 22px;
	display: inline;
	line-height: 25px;
	float: left;
}
.bas_menu li img, .bas_menu li .flags div, .flags .bas_menu li div {
	margin: -6px 10px;
}
.bas_menu li a {
	margin: 15px 5px;
	padding: 0;
	cursor: pointer;
}
.bas_menu li a:hover {color: #c30040;}

/*---- DISPLAY WISHLIST TEST ----*/
.sendFriend {
	padding: 0 0 0 24px;
	background: url(/images/ico_email_p.gif) no-repeat scroll 0 0 transparent;
	width: 70%;
	color: #363636 !important;
}

/*----*/
button .bg_gauche_w, button .bg_droite_w, button:hover .bg_droite_w, button:hover .bg_gauche_w {
	height: 19px;
	margin: 0;
	color: #363636;
}
button .bg_gauche_w, button:hover .bg_gauche_w {
	line-height: 19px;
	padding-left: 8px;
}
button .bg_gauche_w {background: url(/images/button_prod_g.gif) no-repeat 0 0;}
button:hover .bg_gauche_w {
	font-style: normal;
	background: url(/images/button_prod_g_over.gif) no-repeat 0 0;
}
button .bg_droite_w, button:hover .bg_droite_w {
	font: normal 0.8em/19px OpenSans, Arial, sans-serif;
	padding-right: 8px;
}
button .bg_droite_w {background: url(/images/button_prod_d.gif) no-repeat 100% 0;}
button:hover .bg_droite_w {background: url(/images/button_prod_d_over.gif) no-repeat 100% 0;}

button .bg_gauche_f, button .bg_droite_f, button:hover .bg_gauche_f, button:hover .bg_droite_f  {
	height: 20px;
	margin: 0;
	color: #363636;
}
button .bg_gauche_f, button:hover .bg_gauche_f {
	line-height: 19px;
	padding-left: 5px;
	background: url(/images/button_friend_g.gif) no-repeat 0 0;
}
button .bg_droite_f, button:hover .bg_droite_f {
	font: normal 0.8em/19px OpenSans, Arial, sans-serif;
	padding-right: 5px;
	background: url(/images/button_friend_d.gif) no-repeat 100% 0;
}
button:hover .bg_gauche_f {background: url(/images/button_friend_g_over.gif) no-repeat 0 0 !important;}
button:hover .bg_droite_f {background: url(/images/button_friend_d_over.gif) no-repeat 100% 0 !important;}

/*-----  WIDGET  -----*/
.widget {
	float: left;
	width: 600px;
	height: 450px;
	margin-left: 40px;
}
.widgetText {
	float: left;
	height: 450px;
	width: 200px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
	letter-spacing: 0;
	word-spacing: 1px;
	margin-left: 40px;
}
.widgetLogo {
	float: left;
	width: 191px;
	height: 85px;
	text-align: center;
}
.widgetLogos {
	float: left;
	width: 100px;
	height: 85px;
	text-align: center;
}
.widgetBottom {
	width: 840px;
	height: 10px;
	border-top: 1px solid #c0c0c0;
	padding-top: 10px;
	text-align: center;
	margin: 0 auto;
}
/*----*/
.cheque {padding: 20px 0 0 130px;}

.bt_cheque_cadeau {
	float: right;
	margin: 0 200px 20px 0;
}
.cheque label {cursor: pointer;}

.cheque li {
	list-style-type: none;
	float: left;
}

/****************************************************/
/********************            ********************/
/****************                    ****************/
/*************       Panier Popup       *************/
/****************                    ****************/
/********************            ********************/
/****************************************************/

.panier {
	width: 955px;
	margin: 0 auto;
	padding: 0;
}

/*****************************************************
**** @LISTING PRODUITS
******************************************************/
.panierTab {
	width: 710px;
	margin: auto;
	padding: 0;
	border-collapse: collapse;
	border:none;
}
.cartProductListing-heading{
	margin: 0;
	padding: 0;
	background-color: #f0eeee;
	text-transform: uppercase;
	text-align: center;
	color: #363636;
	line-height: 26px;
	font-weight: bold;
}
.cartProductListing-even {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
	border-top: 1px solid #f0eeee;
	border-bottom: 1px solid #f0eeee;
}
.cartProductListing-odd {
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
}
.cartProductListing-even > td:first-of-type,
.cartProductListing-odd > td:first-of-type {text-align: left;}

.cartProductListing-even > td, .cartProductListing-odd > td {
	vertical-align: middle;
	padding-top: 10px;
}
.cartProductListing-odd > td .panierTitleProduct,
.cartProductListing-even > td .panierTitleProduct {max-width: 50%;}

.cartProductListing-productName {
	text-align: left;
	font-size: 12px;
}
.panier_productName {
	margin: 5px 0;
	padding: 10px 0 5px 20px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	background: url(/images/arrowDown_grey.gif) no-repeat 5px center;
	border: 1px solid #c0c0c0;
}
.panierTitleProduct {
	float:left;
	margin: 0 10px 4px 0;
}
.panierQuantity {font-size: 13px;}

.panierQuantity i {
	font-size: 18px;
	cursor: pointer;
	color: #c0c0c0;
}
.panierQuantity span {
	position: relative;
	bottom: 2px;
	right: 2px;
}
.panierDeleteProduct {cursor:pointer;}

.panierDeleteProduct i {
	margin: 0 10px 0 0;
	cursor: pointer;
	font-size: 24px;
}
.panierDeleteProduct span {
	position: relative;
	bottom: 7px;
}
.panier_productSize {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 16px;
	color: #707070;
}
.panier_productSize select {
	width: 100%;
	text-align: center;
	text-align:-webkit-center;
	display: inline-block;
}
.panier_productSize select option {
	text-align: center;
	text-align:-webkit-center;
}
.panierStock {
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #363636;
}
.panier_productPrice {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
}
.panier_productTotalPrice {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	color: #c30040;
}


/*---- PAGE AFFILIATION ----*/
#contentTop_statiques h2, .affil_content h2 {
	font:20px OpenSans,Arial,sans-serif;
	border-bottom:1px solid #000;
	text-align:center;
	padding:10px;
}
.affil_content {
	display: flex;
	flex-wrap: wrap;
}
.affil_bloc {
	width: calc(100% / 3);
	font-size:14px;
	padding-right:20px;
}
.affil_bloc span {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #363636;
}
.affil_bloc_contact {
	width:25%;
	font-size:14px;
	margin-left:50px;
}
#affil_contact {
	background-color: #f0eeee;
	padding: 20px;
	height: 250px;
}
.affil_bloc_contact img{
	border:none;
	width:150px;
	padding-left:60px;
}
#affil_contact p{
	text-align:center;
	font-size:15px;
}


/*---- MARKETPLACE ----*/
.marketplacebloc1 {float:left;width:60%;}
#marketplacebloc2 {float:right;}
#marketplacebloc h2{
	font-family: Open sans;
	margin: 40px 0 15px 0;
	border-bottom: 1px solid #000;
	font-style: normal;
	text-transform: uppercase;
}
#marketplacebloc img {vertical-align:middle;}

#inscriptionMarketplaceForm select.inputGrey {
	height: 28px;
}

#inscriptionMarketplaceForm .inputGrey {
	text-align: center;
	text-align-last: center;
	flex: auto;
	max-width: 300px;
}

#inscriptionMarketplaceForm .line {
	display: flex;
	align-items: center;
}

#inscriptionMarketplaceForm label {
	flex: auto;
	text-align: right;
	max-width: 450px;
	font-weight: bold;
	margin-right: 10px;
}

.successMarketplaceInscription {
	border: 1px solid;
	padding:15px 10px 15px 50px;
	text-align: center;
	color: #4F8A10;
	background-color: #DFF2BF;
}

.inscriptionValid {
	text-align: center;
}


/*---- MANEGES ----*/
.manege1, .manege2, .manege3, .manege4, .manege5 {text-align: center;}

.manege1 > .otherProductsView, .manege2 > .otherProductsView, .manege3 > .otherProductsView, .manege4 > .otherProductsView, .manege5 > .otherProductsView {
	height: 180px;
	width: 1120px;
}
.manege1 > i, .manege2 > i, .manege3 > i, .manege4 > i, .manege5 > i {line-height: 120px !important;}


/*****************************************************
**** @LISTE DES COMMANDES - AIDE
******************************************************/

#aide-products-div table{
	border-collapse: separate;
}

.tableau-aide-multi-produits{
	position:relative;
	width:50%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#aide-products-div td{
	height: 40px;
	vertical-align: middle;
}

.head-tableau-gris {
	height:50px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	font-size:11px;
}

.head-tableau-gris {
	background-color:#c0c0c0;
	width:140px;
}

.aide-line{
	border:#c0c0c0 thin solid;
	text-align:center;
	padding:8px;
	position:relative;
}

.aide-line td img{
	width:85px;
	height:85px;
	border:1px solid #e6e6e6;
	padding:5px;
}

.colonne1-aide{
	border-right:#c0c0c0 thin solid;
	border-bottom:#c0c0c0 thin solid;
	padding:8px;
	text-align:center;
}

.texte-multiproduit-aide{
	text-align:center;
	margin-top:15px;
}

.content-bouton-validation-commande{
	margin-top:20px;
	position:relative;
	width:100%;
	text-align: right;
}

.div_select_compte h4 {
	margin-top: 20px;
}

.input-aide {
	line-height: 30px;
	font-size: 14px;
	color: #707070;
}

.siteMapDiv {
	display: inline-block;
	vertical-align: top;
	width: 254px;
	margin-right: 4%;
}

#divSports {
	margin-right: 0px;
}

.titleSiteMap {
	border: solid;
	padding-left: 10px;
	padding-right: 55px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: none;
	font-weight: bold;
	font-size: 16px;
}

.contentSiteMap {
	border: solid;
	padding-left: 10px;
	padding-right: 55px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	height: 473px;
}

.contentSiteMap > a {
	font-weight: bold;
}

.contentSiteMap li {
	list-style: none;
}

.siteMapDiv span {
	position: relative;
	left: 50%;
	bottom: 5px;
}

.siteMapDiv span img:hover {
	cursor: pointer;
}

#titleDivMarques, #titleDivLuxe {
	border-bottom: solid;
}

.unmask {
	position: absolute;
	right: 50px;
	bottom: 0;
	width: 35px;
	height: 30px;
	display: block;
	z-index: 5;
	cursor: pointer;
}
.doc_upload_success {
	text-align: center!important;
	width: 90%;
	margin: 20px auto;
	font: 1.5em OpenSans, Arial, sans-serif;
}

/*Picto partner*/
.wavy-circle {
	--s: 20px; /* adjust to control the size */
	width: var(--s); 
	aspect-ratio: 1;
	--g: /calc(var(--s)*0.201) calc(var(--s)*0.201) radial-gradient(50% 50%,#000 99%,#0000 101%) no-repeat;
	mask: calc(50% + var(--s)*0.369) calc(50% + var(--s)*0) var(--g),calc(50% + var(--s)*0.261) calc(50% + var(--s)*0.261) var(--g),calc(50% + var(--s)*0) calc(50% + var(--s)*0.369) var(--g),calc(50% + var(--s)*-0.261) calc(50% + var(--s)*0.261) var(--g),calc(50% + var(--s)*-0.369) calc(50% + var(--s)*0) var(--g),calc(50% + var(--s)*-0.261) calc(50% + var(--s)*-0.261) var(--g),calc(50% + var(--s)*0) calc(50% + var(--s)*-0.369) var(--g),calc(50% + var(--s)*0.261) calc(50% + var(--s)*-0.261) var(--g),radial-gradient(calc(var(--s)*0.418),#000 99%,#0000 101%) subtract,calc(50% + var(--s)*0.447) calc(50% + var(--s)*0.185) var(--g),calc(50% + var(--s)*0.185) calc(50% + var(--s)*0.447) var(--g),calc(50% + var(--s)*-0.185) calc(50% + var(--s)*0.447) var(--g),calc(50% + var(--s)*-0.447) calc(50% + var(--s)*0.185) var(--g),calc(50% + var(--s)*-0.447) calc(50% + var(--s)*-0.185) var(--g),calc(50% + var(--s)*-0.185) calc(50% + var(--s)*-0.447) var(--g),calc(50% + var(--s)*0.185) calc(50% + var(--s)*-0.447) var(--g),calc(50% + var(--s)*0.447) calc(50% + var(--s)*-0.185) var(--g);
	background: linear-gradient(45deg, #355C7D, #68B3AF);
}

.starburst {
	width: 20px;
	line-height: 20px;
	text-align: center;
	margin: 0 2px;
	aspect-ratio: 1;
	clip-path: polygon(100% 50%, 88.64% 60.35%, 93.3% 75%, 78.28% 78.28%, 75% 93.3%, 60.35% 88.64%, 50% 100%, 39.65% 88.64%, 25% 93.3%, 21.72% 78.28%, 6.7% 75%, 11.36% 60.35%, 0% 50%, 11.36% 39.65%, 6.7% 25%, 21.72% 21.72%, 25% 6.7%, 39.65% 11.36%, 50% 0%, 60.35% 11.36%, 75% 6.7%, 78.28% 21.72%, 93.3% 25%, 88.64% 39.65%);
	background: linear-gradient(45deg, #7fd4eb, #a2e6e0);
	color: #fff;
}
.starburst i {
	font-size: 0.8em;
}


/*---- FAQ ----*/

/* Desktop */
.contentFaqDesktop {
	width: 100%;
	display: flex;
	align-items: flex-start;
}
.contentFaqDesktop #menu-faq {
	width: 25%;
 	font: 15px OpenSans, Arial, sans-serif;
}
.contentFaqDesktop #menu-faq > div {
	position: relative;
	margin: 0;
	padding: 0px;
	text-align: left;
	line-height: 40px;
	background-color: #fff;
	color: #363636;
	text-transform: uppercase;
	border-bottom: 1px solid #e6e6e6;
}
.contentFaqDesktop #menu-faq  i {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: #707070;
	top: 10px;
	right: 10px;
}
.contentFaqDesktop #menu-faq  a {
	display: block;
	text-align: justify;
	color: #363636;
	padding: 5px;
}
.contentFaqDesktop #menu-faq  span {
	display: inline-block;
	vertical-align: middle;
}
.contentFaqDesktop #menu-faq  a:hover{
	color: #e6e6e6 !important;
	background-color: #c0c0c0;
}
.contentFaqDesktop #menu-faq  a:hover i {
	color: #e6e6e6 !important;
}
.contentFaqDesktop .selected-menu {background-color: var(--main-color) !important;color: #e6e6e6;}
.contentFaqDesktop .selected-menu a  {color: #e6e6e6!important;}
.contentFaqDesktop .selected-menu i  {color: #e6e6e6!important;}
.contentFaqDesktop .selected-menu a:hover  {background-color: var(--main-color) !important;}
.contentFaqDesktop .not-selected {display: none;}
.contentFaqDesktop #display {
	width: 75%;
	padding: 1rem 1rem 1rem 1.5rem;
}
.contentFaqDesktop #pays, .contentFaqDesktop #paiement,
.contentFaqDesktop #commande, .contentFaqDesktop #services,
.contentFaqDesktop #produits, .contentFaqDesktop #envoi,
.contentFaqDesktop #retour, .contentFaqDesktop #compte,
.contentFaqDesktop #marketplace {
	display: none;
	margin-bottom: 20px;
	text-align: justify;
}
.contentFaqDesktop #pays > div, .contentFaqDesktop #paiement > div, .contentFaqDesktop #commande > div, .contentFaqDesktop #services > div, .contentFaqDesktop #produits > div,
.contentFaqDesktop #envoi > div, .contentFaqDesktop #retour > div, .contentFaqDesktop #compte > div, .contentFaqDesktop #marketplace > div {
	padding-left: 2rem;
	margin-bottom: 2rem;
	font-size: 0.8rem;
}
.contentFaqDesktop #pays h4, .contentFaqDesktop #paiement h4, .contentFaqDesktop #commande h4,
.contentFaqDesktop #services h4, .contentFaqDesktop #produits h4, .contentFaqDesktop #envoi h4,
.contentFaqDesktop #retour h4, .contentFaqDesktop #compte h4, .contentFaqDesktop #marketplace h4 {
	font-size: 1rem;
	margin-bottom: 2rem;
	padding-left: 2rem;
	background: transparent url(/images/plus.png) no-repeat left center;
	font-weight: normal;
	cursor: pointer;
}
.contentFaqDesktop .selected-section {background: transparent url(/images/m.png) no-repeat left center !important;}
.contentFaqDesktop .content-faq {
	margin-top: 30px;
	margin-bottom: 20px;
	font: 13px OpenSans, Arial, sans-serif;
	text-align: left;
	color: #707070;
}
.contentFaqDesktop .content-faq > h4 {
	padding: 0 0 5px 30px !important;
	font: italic 20px Georgia, Utopia, Charter, serif !important;
	text-align: left;
	color: #363636;
	background: transparent url(/images/plus.png) no-repeat left center;
}
.contentFaqDesktop .content-faq > h4:hover {
	padding: 0 0 5px 30px !important;
	cursor: pointer !important;
	color: var(--main-color) !important;
	background: transparent url(/images/p-over.png) no-repeat left center;
}
.contentFaqDesktop .content-faq div {
	padding: 20px 0 10px;
	border-top: 1px solid var(--main-color) !important;
}
.contentFaqDesktop .content-faq > div > em {
	font-weight:200;
	font-family: OpenSans, Arial, sans-serif;
	font-style: normal;
	color: var(--main-color) !important;
}
.contentFaqDesktop .content-faq ul {
	margin: 0 0 0 8px;
	padding: 0;
	width: 100%;
}
.contentFaqDesktop .content-faq li {
	margin: 15px 0;
	padding: 0 0 0 15px;
	display: block;
	font-size: 13px;
	text-align: justify;
	background: transparent url(/images/square.gif) no-repeat;
}
.contentFaqDesktop .content-faq li > strong {
	font-weight: bold;
	font-family: OpenSans, Arial, sans-serif;
	color: var(--main-color) !important;
}

.contentFaqDesktop #display a {
	color: var(--main-color);
	text-decoration: underline;
}
.contentFaqDesktop #display a:hover {
	color: var(--main-color);
	text-decoration: underline;
}

/* Schema retour */
.contentFaqDesktop .roundNumber2 {
	width: 20px;
	height: 20px;
	display: block;
	padding: 5px;
	font-size: 12px;
	line-height: 20px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background-color: #000;
	color: #fff;
	text-align: center;
}
.contentFaqDesktop #retour > p.steps {
	display: inline-block;
	width: 180px;
	text-align: center !important;
	margin-right: 10px;
	vertical-align: top;
}
.contentFaqDesktop #retour > p.steps:last-of-type {margin-right: 0;}

.contentFaqDesktop .steps >i{
	font-size: 100px;
	color: #000;
}
.contentFaqDesktop #retour_schema {width: auto;}

.contentFaqDesktop #retour_schema > p.steps {
	display: inline-block;
	width: 120px;
	text-align: center !important;
	margin-right: 10px;
	vertical-align: top;
}
.contentFaqDesktop #retour_schema > p.steps:last-of-type {margin-right: 0;}

.contentFaqDesktop #retour_schema > .steps >i{
	font-size: 80px;
	color: #000;
}
/* Schema retour end*/
.contentFaqDesktop #retour_3 .step_content {
	display:inline-block;
	text-align:center;
	font-size:10px;
	padding-right:10px;
	vertical-align:top;
}
.contentFaqDesktop #retour_3 .step_content p {text-align: center;}
.contentFaqDesktop #retour_3 .step_content > img {display: block; margin: auto;}
.contentFaqDesktop #retour_3 .content_general_step {
	border: 1px solid #363636;
	margin: 10px 0;
	padding: 5px 0;
	text-align:center;
}


/* Mobile */
.contentFaqMobile .contentFaq {
	padding: 1rem;
}


/*****************************************************
**** HEADER *** SOMMAIRE ***
@GLOBAL
@TOPBAR
@MAIN LINE
    - SH -
    - SEARCH BAR -
    - HEADER OPTIONS -
@NAV
    - GLOBAL -
    - ONGLETS OP -
    - ANIMATIONS ONGLETS -
    - ONGLETS -
    - MENUS -
        __ <LI> DANS ONGLETS __
        __ ONGLETS CONTENU __
        __ LISTE LIENS / POINTURES __
        __ MENU EXCLUS __
        __ MENU VP __
        __ MENU MARQUES __
        __ MENU NOUVEAUTES __
        __ MENU "INSPIRATIONS" WEBTOO DANS NOUVEAUTES __
        __ MENU LUXE __
@HEADER_MOBILE
@HEADER_LUXE
    - TOPBAR -
    - MAIN LINE -
    - ONGLETS LUXE -
    - SEARCHBAR LUXE -
@POPUP OPTIN PUSH
@AUTRES
******************************************************/


/*****************************************************
**** @GLOBAL
******************************************************/
#header {
    padding-top: 5px;
    text-align: justify;
    font-family: OpenSans, Arial, sans-serif;
}
#header > div, #header > a > div, .headerOptions > div {
    display: inline-block;
    vertical-align: middle;
}
.headerLogo:hover > #goHome_luxe {
	display: block;
}
/* Skiplink (accessibilité) */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000000;
    color: white;
    padding: 8px;
    z-index: 100;
    transition: all ease 100ms;
}
.skip-link:focus {top: 0;}
#skip-link-anchor {display:none;}






/*****************************************************
**** @Bandeau en haut du site spécial Aymeric
******************************************************/
#header_services {
    display: block;
    position: relative;
    font-size: 1.3em;
    font-weight:bold;
    font-family: OpenSansCond, Arial, sans-serif;
    overflow: hidden;
    text-transform: uppercase;
    text-align: center;
    background-color: #f0eeee;
    padding: 0.25em 0;
    height: 30px;
    min-width:1200px;
}
#header_services > div {
    display: inline-block;
    position: relative;
    top: 105%;
    text-align: center;
    margin: auto;
    vertical-align: middle;
    letter-spacing: 0.1em;
    transition: top .3s ease-out .05s;
	width: 1200px;
}
#header_services a {
	color : #363636;
	text-decoration: none;
}

.header_paymentsAndShippingslogos {
	width: 50%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.header_paymentsAndShippingslogos img {
	cursor: pointer;
}



/*****************************************************
**** @TOPBAR
******************************************************/
.topLine {
    width: 100%;
    border-bottom: 1px solid #c0c0c0;
    margin: 0;
    padding: 0 0 5px;
	display: flex!important;
	justify-content: space-between;
    align-items: center;
}
.topLine > div:first-child {
    display:flex;
    justify-content: flex-start;
    flex-wrap:wrap;
}
.topLine > div:first-child > *:not(:first-child) {padding-left: 7px;}
.topLine > div:first-child > * {
    display: flex;
    align-items: center;
    padding-right: 7px;
}
.topLine > div > *:not(:last-child) {
    border-right : 1px solid #707070;
}
.topLine_premiumDay {
    background-color: #c30040;
    color: #fff;
    white-space: nowrap;
    padding: 2px 4px;
    border-radius: 3px;
}
#callNumber {
    position: relative;
    cursor: help;
}
.localCallPrice {font-style:italic;color:#707070;}
#callNumber:hover > #call_horaires {display: inline;}

#call_horaires {
    display: none;
    position: absolute;
    top: 30px;
    left: 20px;
    background-color: #c30040;
    color: #fff;
    white-space: nowrap;
    padding: 4px;
    border-radius: 3px;
}
.header_shipping4Xmas {
	text-transform: uppercase;
	width: auto;
    margin: 0;
}


/*****************************************************
**** @MAIN LINE
******************************************************/

#header .header_top {
    width:100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
#header .header_top .logo {
    width:230px;
    margin-top: 10px;
}
#header .header_top .logo img {
    width:100%;
}
.topLogo {
    float: left;
    overflow: hidden;
    width: 226px;
    height: 60px;
}
#goHome {
    position: absolute;
    display: none;
    width: 250px;
    height: 20px;
    top: 50px;
    background-color: #fff;
    text-align: center;
}

/*---- SEARCH BAR ----*/
.headerSearch {
    flex-grow:1;
    display:flex;
    max-width:450px;
    margin: auto 1em;
}
.headerSearchBar {
	box-sizing: border-box;
    border: 1px solid #363636;
    border-right: none;
    border-radius: 5px 0 0 5px;
    flex-grow:1;
    height: 50px;
    padding: 0 20px;
    font: 200 16px/24px OpenSans;
    background-color:#fff;
}
.headerSearchBar:focus { -webkit-box-shadow: none;box-shadow: none;outline: none; }

.valid_search {
    border: 1px solid #363636;
    background: none;
    height: 50px;
    width: 40px;
    font-size: 24px;
    border-left: none;
    border-radius: 0px 5px 5px 0px;
}

/* ---- HEADER OPTIONS ----*/
.headerOptions > div:first-of-type > a {
    position:relative;
	display: block;
}
.headerOptions > div:first-of-type > a > span {
    display: none;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #c30040;
    color: #fff;
    white-space: nowrap;
    padding: 4px;
    border-radius: 3px;
    font-family: OpenSans, Arial, sans-serif;
    font-weight: bold;
}
.headerOptions > div:first-of-type > a:hover > span {display: block;}

.headerOptions > div {
    text-align: center;
    margin: 0 5px;
    text-transform: uppercase;
}
.headerOptions > div:last-child {margin-right: 0;}
.headerOptions > div > a > i {
    font-size: 30px;
    display: block;
}
.headerOptions > div > a > i.red {color: #c30040;}

.headerOption {position: relative;}

.nbProductsInCart {
    position: absolute;
    background: #c30040;
    top: 18px;
    left: 50%;
    margin-left: 5px;
    color: #fff;
    width: 14px;
    height: 14px;
    font-size: 9px;
    line-height:14px;
    border-radius: 50%;
    pointer-events: none;
}
.kmlt_header_notif a {color:#c30040;}

#fav-circle {
    width: 14px;
    height: 13px;
    background: #c30040;
    display: inline-block;
    border-radius: 50%;
    color: white;
    font-size: 11px;
    font-family: OpenSans, Arial, sans-serif;
    margin-left: -10px;
}
#fav-rectangle {
    width: 20px;
    height: 13px;
    background: #c30040;
    display: inline-block;
    border-radius: 30%;
    color: white;
    font-size: 11px;
    font-family: OpenSans, Arial, sans-serif;
    margin-left: -10px;
}


/*****************************************************
**** @NAV
******************************************************/
/*---- GLOBAL ----*/
#nav {
    clear: both;
    line-height: 30px;
    height: 30px;
    margin: 15px 0 20px 0;
    background-color: #fff;
    text-align: justify;
}

/* ---- ONGLETS OP ----*/
#nav > ul > li.ongletSoldes {
    display: inline-block;
    float: none;
    margin: 0;
    list-style: none;
    padding: 0 5px;
}
#nav > ul > li.ongletSoldes:hover {background-color:#c30040 !important;}
#nav > ul > li.ongletSoldes:hover > a {color: #fff;}

#nav > ul > li.ongletRentree {
    display: inline-block;
    float: none;
    margin: 0;
    list-style: none;
    background-color: #0d7483;
    padding: 0 5px;
}
#nav > ul > li.ongletRentree > a {
    color: #ffffff;
}
#nav > ul > li.ongletRentree:hover > a{
    border-bottom:none!important;
}
#nav > ul > li.ongletRentree:hover {background-color:#9D3B52 !important;}
#nav > ul > li.ongletSoldes > a {
    display: inline-block;
    float: none;
    margin: 0 0px 0 0;
    list-style: none;
    color: #668089;
    padding: 0 5px;
}
#nav > ul > li.ongletNoel {
    display: inline-block;
    float: none;
    margin: 0;
    list-style: none;
    padding: 0 5px;
	color:#fff;
	background-color: #ffb972;
}
#nav > ul > li.ongletNoel > a {
    color: #fff;
    padding: 0 5px;
}
#onglets > li.ongletNoel:hover > a,
#onglets > li.ongletNoel > a:hover {border-bottom: none;}
#onglets > li.ongletNoel:hover {border-bottom: none;background-color: #ffd372;}
#nav > ul > li.ongletMerci10 {
    display: inline-block;
    float: none;
    margin: 0;
    list-style: none;
	background:url(/images/bg_onglet.jpg) repeat-x;
	color:#363636;
	height:30px;
    padding: 0 5px;
}
#nav > ul > li.ongletNoel {
    display: inline-block;
    float: none;
    margin: 0;
    list-style: none;
    background:url(/images/bg_onglet_noel.anim.gif) repeat-x;
    color:#fff2db;
    height:30px;
    padding: 0 5px;
}
#nav > ul > li.ongletMerci10 a, #nav > ul > li.ongletMerci10 a:hover{
	color:#363636;
}

.rentreeBrands {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.rentreeBrands img {
    border: 1px solid #c0c0c0;
    margin: 10px;
    box-shadow: 0px 3px 5px -4px rgba(0,0,0,0.5);
}

/*---- ANIMATIONS ONGLETS ----*/

/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/*---- ONGLETS ----*/
#onglets {
    font: 14px/30px OpenSans, Arial, sans-serif;
    padding: 0;
    text-transform: uppercase;
	width:100%;
    display: flex;
    justify-content: space-between;
}
#nav > ul > li {
    display: inline-block;
    float: none;
    margin: 0;
    list-style: none;
}
#menuGlobal:hover >  #nav > ul > li{
    color: #e6e6e6;
    background-color: #363636;
}
#nav > ul > li:hover > #menuInspi {
    transition-delay: 0.1s;
    transition-property: height, border;
    transition-duration: 0.2s;
    height: 350px;
    border: none;
	border-bottom: 1px solid #707070;
}
#nav li:hover > div {
    transition-delay: 0.1s;
    transition-property: height, border;
    transition-duration: 0.2s;
    height: 450px;
    border: none;
	border-bottom: 1px solid #707070;
}
/* #nav li:hover > #menuMaison {
    height: 260px;
}
 */#nav li:hover > #menuPrixdoux {
    height: 450px;
}
#onglets > li > a {
    padding: 4px;
    color: #363636;
    font-family: OpenSans, Arial, sans-serif;
    font-weight: bold;
}
#onglets > li > a.red {
    color: #c30040;
}
#onglets > li:hover > a {
	color: #363636;
	border-bottom: 1px solid #363636;
}
#onglets > li > div > div {
    display: inline-block;
	width: 20%;
	font-family: OpenSansCond, Arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 27px;
    text-transform: initial;
	vertical-align: top;
	margin-top: 20px;
}
#onglets > li > #menuEnfant {
	display:flex;
    justify-content: space-between;
}
#onglets > li > div > div  a {
    color: #363636;
    font-size: 15px;
	font-family: OpenSansCond, Arial, sans-serif;
	font-weight: bold;
}
#onglets > li > div > div  i {
    vertical-align: middle;
	font-size: 1.4em;
}
#onglets > li > div#menuMaison > div  i {
    vertical-align: middle;
	font-size: 2em;
}
#onglets > li > div#menuMaison > div > a:hover > i {
    text-decoration: none;
}
#onglets > li > div > div > a {
    color: #707070;
    font-size: 13px;
	font-family: OpenSans, Arial, sans-serif;
	font-weight: 200;
}
#onglets > li > div > div a:hover {
    text-decoration: underline;
}
.headerMenu_linkListTitle {
    font-family: OpenSans, Arial, sans-serif;
    font-weight: bold;
	font-size: 14px;
}
.headerMenu_linkListTitle a {
    font-family: OpenSansCond, Arial, sans-serif!important;
	font-size: 14px;
	font-weight: bold!important;
}
.headerMenu_linkListSubTitle {
	text-decoration: underline;
}
.headerMenu_linkListAllRentree {
	margin-top: 16px;
}
.headerMenuSize {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    padding: 2px;
    margin: 0 4px 6px 0;
}
.headerMenuSize a {
    font-size: 13px;
	font-family: OpenSansCond, Arial, sans-serif;
	font-weight: 200!important;
}

.headerMenu_linkMagtoo {
	margin: 0;
    border-top: 1px solid #c0c0c0;
    width: 100%!important;
    text-align: center;
}
.headerMenu_linkMagtoo img {
	vertical-align: middle;
}
.headerMenu_linkMagtoo i {
	font-size: 25px;
}
/*__ ONGLETS CONTENU __*/

#menuGlobal, #menuFemme, #menuHomme, #menuEnfant, #menuBrand, #menuLuxe, #menuSneakers, #menuSport, #menuExclu, #menuPrixdoux, #menuSoldes, #menuJM, #menuRentree, #menuInspi, #menuAutre, #menuMaison {
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 3000;
}
#onglets > li > #menuRentree, #onglets > li > #menuSneakers {
	display: flex;
    justify-content: space-around;
}
#onglets > li > #menuRentree > div {
	display: flex;
    flex-direction: column;
	width: auto;
	max-width: 20%;
}
#onglets > li > #menuAutre {
	display: flex;
    justify-content: space-between;
}
#onglets > li > #menuAutre > div {
	width: auto;
}
#onglets > li > #menuAutre > div:last-child {
	display: flex;
	/*background-color: #eee3d6;*/
	align-self: flex-start;
}
#onglets > li > #menuAutre > div:last-child >div {
	text-align: center;
	margin: 1em;
}
#onglets > li > #menuAutre > div:last-child >img {
	align-self: flex-start;
	cursor: pointer;
}
#onglets > li > #menuAutre > div:last-child > div a {
	display: inline-block;
	padding: 0.25em 0.5em;
	background-color: #e9438f;
	color: #fff;
	text-decoration: none;
}
#onglets > li > #menuMaison {
	display: flex;
    justify-content: space-around;
}
#onglets > li > #menuMaison > div {
	width: auto;
}
/* #onglets > li > #menuMaison > div > div:nth-of-type(2) {
	columns: 2;
	column-gap: 50px;
}
#onglets > li > #menuMaison > div:nth-of-type(2) > div:nth-of-type(2) a {
	font-weight: normal;
	font-family: OpenSans, Arial, sans-serif;
	font-size: 13px;
	color: #707070;
}
 */#onglets > li > #menuMaison > div:first-of-type > img {
	align-self: auto;
}

/*__ LISTE LIENS / POINTURES __*/
.listLiens {
    float: left;
    width: 185px;
    margin: 15px 0 0 20px;
    font-size: 11px;
    text-align: left;
    line-height: 18px;
    text-transform: none;
}
.listLiens_new {
    float: left;
    width: 185px;
    margin: 15px 0 0 20px;
    font-size: 11px;
    text-align: left;
    line-height: 22px;
    text-transform: none;
}
.listLiensTitle {
    font: 12px OpenSans, Arial, sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 6px;
}
.listLiens_specialLink {
    font: italic 12px Georgia, Utopia, Charter, serif;
    margin: 10px 0;
}
.listLiens_specialLink_new a {
    position: absolute;
    bottom: 2px;
    left: 0px;
    color: #000 !important;
}
.listLiens_specialLink_newF, .listLiens_specialLink_newH, .listLiens_specialLink_newK, .listLiens_specialLink_new {
    font: italic 12px Georgia, Utopia, Charter, serif;
    position: relative;
    height: 87px;
}
.listLiens_specialLink_newSF, .listLiens_specialLink_newSH, .listLiens_specialLink_newSK {
    position: relative;
    height: 120px;
}
.section_global_link {
    position: absolute;
    border-top: 1px solid #e6e6e6;
    padding: 10px 0px;
    margin: 0px 10px;
    bottom: 0px;
    width: 630px;
    text-align: center;
    font: italic 18px/20px Georgia, Utopia, Charter, serif;
    color: #707070;
    text-transform: none;
    clear: both;
}
.listLogos {
    float: left;
    width: 220px;
    text-align: center;
    margin: 15px 0 0 20px;
    font-size: 11px;
    line-height: 18px;
    text-transform: none;
}
.pointure {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    margin: 0px 4px 6px 0px;
    border: 2px solid #c0c0c0;
}

/*__ MENU EXCLUS __*/
#excluMenu {width:730px;}
#menuExclu > div > div{position: relative;}
#menuExclu > div > div:hover > a > img {opacity: 0.85;}
#menuExclu > div > div:hover > div.menuExclu_overLink {display: block;}
#nav li:hover > #menuExclu:hover {height: 450px;}
#nav li:hover > #menuInspi:hover {height: 350px;}
#nav li.autrementLi:hover > div, #nav li:hover > #menuAutre:hover {height: 450px;}
.menuExclu_overLink {
	position: absolute;
	width: 200px;
	top: 80px;
	left: 50%;
	margin-left: -100px;
	text-align: center;
	display: none;
}
.menuExclu_overLink a {
	display: block;
	color: #363636!important;
	font-size: 14px;
	text-transform: uppercase;
}
.menuExclu_Link a {
	position: absolute;
	width: 200px;
	top: 80px;
	left: 50%;
	margin-left: -100px;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
}
.menuExclu_Link {
	position: relative;
	width: 240px;
	height: 200px;
}
.headerAllExclus {
	display: block!important;
	text-align: center;
	width: 100%!important;
	text-transform: uppercase!important;
}
/* MARQUES */
#excluMenu_marques {
    width:400px;
    height:275px;
    padding:15px 20px;
    position:absolute;
    top:0;
    left:300px;
}
#menuExclu .listLiensTitle {margin-bottom:12px !important;}
#menuExclu .listLogos {width: 100% !important;margin:0 !important;}
#menuExclu .listLogos a {margin:0 5px !important;}
#menuExclu .listLogos img {border:0 !important;margin:10px 0;}
#menuExclu #excluMenu_marques .section_global_link {margin:0 !important;}

/* MISE EN AVANT */
.div_excluMenu_une {
    position:absolute;
    top:15px;
    right:0px;
    padding:0 15px;
    border-left: 1px solid #c0c0c0;
}
.excluMenu_une {height:130px;position:relative;}
.excluMenu_une:first-child {margin-bottom:15px}
.listLogos a {margin:0;}

.excluMenu_une_hover {
    width:100%;
    height:130px;
    background-color:#707070;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transition: all ease 100ms;
}
.excluMenu_une a:hover > .excluMenu_une_hover {opacity:0.2;}

#enfantExclu .div_excluMenu_une {height:275px;}

/* ONGLETS F/H/K */
#menuExclu li {
    background: url("/images/header_menu_arrow.png") no-repeat scroll 280px 40px !important;
    background-color: #e6e6e6 !important;
    line-height:101px !important;
}
#menuExclu li:hover {
    background-color: #fff !important;
}
/* INTERIEUR ONGLETS F/H/K */
#femmeExclu, #hommeExclu, #enfantExclu {display:none;width:655px;}

.excluLiens {
    width:420px;
}
#menuExclu .listLiens {width: 190px;}

#femmeExclu .listLiens:nth-child(3), #femmeExclu .listLiens:nth-child(4),
#hommeExclu .listLiens:nth-child(3), #hommeExclu .listLiens:nth-child(4),
#enfantExclu .listLiens:nth-child(3), #enfantExclu .listLiens:nth-child(4) {
margin-top: 5px;
}
/* Listes de logo */
.listLogos_inside {text-align:center;}

#femmeExclu .listLogos_inside img {
    width: 55px;
    margin:0 3px 10px 3px;
}
#hommeExclu .listLogos_inside img {
    width: 70px;
    margin:0 10px 8px;
}

/*__ MENU VP __*/
.brandVP {
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    margin: 25px 15px 10px 0;
    width: 140px;
    vertical-align: top;
}
.brandVP img {
    width: 90px;
    height: 50px;
}
.brandVP_discount b {
    color: #c30040;
    font: 24px Georgia, Utopia, Charter, serif;
}
.brandVP_link {
    font: italic 12px Georgia, Utopia, Charter, serif;
    text-transform: none;
}
.listLogos img, .listLogos .flags div, .flags .listLogos div {
    border: 1px solid #000;
    margin-bottom: 10px;
}
.listLogos a:nth-child(even) {
    margin-right: 10px;
}
.menuListLiens {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 300px;
    width: 655px;
    height: 305px;
}
#menuFemme .menuListLiens, #menuHomme .menuListLiens {
    height: 305px;
}
.headerMenuOutlet_vpLogoBrand {
	padding: 5px 0;
	width: 80%;
	border-bottom: 1px solid #e6e6e6;
	font-size: 11px;
	text-align: center;
}
.headerMenuOutlet_vpLogoBrand img{
	float: left;
	margin-right: 5px;
}
.headerMenuOutlet_vpLogoBrand div{
	font-size: 18px;
	margin: 0;
}
.headerMenuOutlet_vpLogoBrand span {
	position: absolute;
	display: none;
	width: 200px;
	height: 50px;
	background: rgba(255, 255, 255, 0.8);
	color: #707070;
	font-size: 50px;
	line-height: 50px;
	text-align: right;
}
.headerMenuOutlet_vpLogoBrand:hover span {
	display: block;
}
/*__ MENU MARQUES __*/
#menuBrand li {
	margin: 0;
	list-style: none;
	text-align: center;
	width: 10%;
}
#menuBrand li>#topBrand, #menuBrand li:hover>#brand1, #menuBrand li:hover>#brand2, #menuBrand li:hover>#brand3, #menuBrand li:hover>#brand4, #menuBrand li:hover>#brand5, #menuBrand li:hover>#brand6, #menuBrand li:hover>#brand7 {
    display: block;
}
#menuBrand li>#brand1,#menuBrand li>#brand2,#menuBrand li>#brand3, #menuBrand li>#brand4, #menuBrand li>#brand5, #menuBrand li>#brand6, #menuBrand li>#brand7 {
    display: none;
}
#headerMenuBrand:hover + div > ul > li:first-child {
    background-color: #fff;
}
#topBrand, #brand1, #brand2, #brand3, #brand4, #brand5, #brand6, #brand7 {
    position: absolute;
	left: 10%;
	top: 0;
    width: 90%;
    height: 400px;
    background-color: #fff;
}
#menuBrand li:hover > .menuBrandDiv {
	background-color: #f0eeee;
}
.menuBrandDiv {
	color: #363636;
	margin: 0 10px 0 0;
	line-height: 50px;
	border-bottom: 1px solid #e6e6e6;
	height: 50px;
}
.listBrand {
    float: left;
    width: 180px;
    margin: 10px 0 0 0;
    font-size: 11px;
    text-align: left;
    line-height: 16px;
    text-transform: none;
}
.listBrand a {
	display: inline-block;
	width: 90%;
}
.listBrand a:hover {
	background-color: #e6e6e6;
	color: #707070;
}

.bestBrand {
	font-weight:bold;
}
.spartooBrand {
	font-weight:900;
}
.brandLetter {
    font-family: OpenSans, Arial, sans-serif;
    font-weight: bold;
    color: #363636;
    display: inline-block;
    width: 90%;
    text-align: center;
    border-bottom: 1px solid #c0c0c0;
}
#destock div.listLiens:last-child {
    float: left;
    width: 360px;
    margin: 15px 0 0 20px;
    font-size: 11px;
    text-align: left;
    line-height: 18px;
    text-transform: none;
}
/* MENU INSPIRATIONS */
#menuInspi .headerMenu_opEdit img {
	border: none!important;
}
#menuInspi .header_main_trend_link {
	border: none!important;
	padding: 0!important;
	margin-bottom: 1em;
}
#menuInspi .header_main_trend_link a {
		font-size: 12px!important;
}
#menuInspi > div {
	/*width: 260px!important;*/
}
#menuInspi > div:last-child {
	width: 420px!important;
}
#menuInspi > div:last-child > div {
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#menuInspi > div:last-child > div > div {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	line-height: 1;
}
/*__ MENU NOUVEAUTES __*/
/* déplacés dans le html pour création de cas AH/PE */
.listLiens_specialLink_newF {}
.listLiens_specialLink_newH {}
.listLiens_specialLink_newK {}
/*__ MENU SPORT __*/
.listLiens_specialLink_newSF {background: url(/images/header_menu_sport_sprite.jpg) no-repeat 0 0;}
.listLiens_specialLink_newSH {background: url(/images/header_menu_sport_sprite.jpg) no-repeat 0 -130px;}
.listLiens_specialLink_newSK {background: url(/images/header_menu_sport_sprite.jpg) no-repeat 0 -260px;}

/*__ MENU "INSPIRATIONS" WEBTOO DANS NOUVEAUTES __*/
.headerMenu_opEdit {
	position: relative;
	text-align: center;
}

.header_gender_trend_link {
	font-family: OpenSansCond,Arial,sans-serif!important;
    font-weight: bold!important;
    font-size: 15px!important;
    line-height: 24px!important;
	color: #363636!important;
}
 .header_main_trend_link {
    text-align: center;
    border-left: 1px solid #363636;
    border-bottom: 1px solid #363636;
    border-right: 1px solid #363636;
    padding: 1em;
}
.header_main_trend_link a {
    color: #363636!important;
    font-size: 16px!important;
    font-family: OpenSansCond, Arial, sans-serif!important;
    font-weight: bold !important;
    text-decoration: none!important;
    text-transform: uppercase!important;
}
.header_main_trend_link a i {
	font-size:24px;
	position:absolute;
	right:10px;
}
.header_main_trend_img {
    border-left: 1px solid #363636;
    border-top: 1px solid #363636;
    border-right: 1px solid #363636;
}
#tendances_menu_wt {
    margin: 20px 0 0 20px;
    float: left;
    width: 437px;
    height: 285px;
    text-align: left;
}
#menu_wt_gauche {
    float: left;
    margin-right: 20px;
    width: 211px;
    height: 264px;
}
#menu_wt_droite {
    padding-right: 7px;
    border-right: 1px solid #c0c0c0;
    height: 264px;
}
#tendances #menu_wt_droite .listLiensTitle {
    border-bottom: none;
    margin-bottom: -23px;
    line-height:75px;
}
#tendances_menu_wt #logo_wt {margin-top: 4px;}

#tendances_menu_wt #logo_wt a {display: block;}

#tendances_menu_wt .ico-wt {
    position: absolute;
    bottom: 0;
    left: 36%;
    width: 0;
    height: 0;
    text-align: center;
    background: none;
    color: #f8c6c8;
}
#tendances_menu_wt #logo_wt .ico-wt .icon-wt-logo, #tendances_menu_wt #logo_wt .ico-wt .icon-wt-logo a, #tendances_menu_wt #logo_wt .ico-wt .icon-wt-logo a:hover {
    font-size: 70px;
    left: 200px;
    top: -80px;
    position: absolute;
    padding: 0;
    color: #f8c6c8;
}
#tendances_menu_mine {
    margin: 20px 0 0 20px;
    float: right;
    height: 285px;
    width: 178px;
    text-align: left;
}
#tendances #tendances_menu_wt a.listLiens_new, #tendances #tendances_menu_mine a.listLiens_new {
    margin: 0;
    padding: 0;
    vertical-align: 0;
    height: 15px;
    text-align: left;
}
#mine_tenue_sem {
    margin-top: 20px;
    width: 145px;
    height: 145px;
    border: 1px solid #c0c0c0;
}

/* __ MENU LUXE __*/
#menuLuxe .listLiens {width: 210px;}

/* CARTE CADEAU */
.header_carteKdo {
	display: flex;
    justify-content: center;
    align-items: center;
	border: 1px solid #c0c0c0;
	padding: 10px 5px;
	min-height: 70px;
	text-align: left;
    font-family: OpenSansCond, Arial, sans-serif;
    font-weight: bold;
	font-size: 16px!important;
	line-height: 20px;
	text-transform: uppercase;
	color: #363636!important;
}
.header_carteKdo img {
    margin-right:10px;
}

/* __ MENU AUTREMENT PARTIE AMREF/SOLIDAIRE __*/

#menusolidaire {
	line-height:20px;
}
.menusolidaireP, .menusolidaireA {
	display:flex;
	width:270px;
}
.menusolidaireP > .menusolidairetxt {
	width:65%;
}
.menusolidairetxt {
	line-height: 1.5em;
}
.menusolidaireP {
	background-color:#eee3d6;
	padding:20px;
}
.menusolidaireA {
	background-color:#f5f3f3;
	justify-content: flex-end;
	padding: 15px 0 10px 10px;
}
.menusolidaireP img {
	max-width:90px;
	align-self: center;

}
/**************************************************************
* @HEADER_MOBILE //// APPELE NULLE PART ///
**************************************************************/
.searchContainer {
    background-color: #fff;
    float: left;
    width: 280px;
    height: 30px;
    margin: 20px 10px 10px 30px;
    border: 1px solid #363636;
}



/**************************************************************
* @HEADER_LUXE
**************************************************************/
#header_luxe {
    position: relative;
    width: 955px;
    height: 90px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/*---- TOPBAR ----*/
#spartooTop {
    margin: 0;
    padding: 5px 0 0 0;
    position: relative;
    width: 100%;
    height: 25px;
    border-bottom: none;
    background-color: #e6e6e6;
    font: 12px OpenSans, Arial, sans-serif;
}
#spartooTop a {color: #707070;}
#spartooTop a:link {
    color: #707070;
    margin: 0 auto;
}
#spartooTop a:hover {color: #363636;}
#spartooTop a:active {color: #707070;}
#spartooTop a:visited, #spartooTop a:hover,
#spartooTop a.petit:link,#spartooTop a.petit:active,
#spartooTop a.red:link, #spartooTop a.red:active,
#spartooTop a.prodcard_onglet,
#spartooTop a.blanc:link, #spartooTop a.blanc:active {
    color: #707070;
}
#liens {
    position: relative;
    width: 955px;
    height: 16px;
    line-height: 16px;
    margin: 0 auto;
    padding: 0;
    color: #707070;
    font-size: 11px;
}
#topCall {
    float: left;
    text-transform: uppercase;
    margin: -4px 10px 0 0;
}
#topCall span {
    font-family: OpenSans, Arial, sans-serif;
    font-weight: bold;
    color: #c30040;
}
.topCall_horaires {
    position: absolute;
    z-index: 300;
    font-size: 10px;
    top: 9px;
    margin: 0;
    padding: 0;
    text-transform: lowercase;
}
.certification {
    position: absolute;
    left: -110px;
    top: -2px;
}
#headerLiens {
    position: absolute;
    width: auto;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0 0 0 5px;
    text-align: right;
    z-index: 202;
    background-color: #e6e6e6;
}
.headerPremium, #headerLiens i {color: #c30040;}

.topCall_luxe {
    width: 160px;
    height: 70px;
    min-height: 70px;
    border: none;
    top: 0;
    float: left;
    padding: 0;
    margin: 20px 25px 0px 25px;
    font-size: 10px;
    font-family: OpenSans, Arial, sans-serif;
    color: #c0c0c0;
    text-align: center;
}
#headerLiens_luxe {
    position: absolute;
    width: auto;
    right: 0;
    top: 0;
    padding: 0 0 0 5px;
    text-align: right;
    z-index: 202;
    border-left: 1px solid #c0c0c0;
}
#headerLiens_luxe a {
    color: #363636;
    padding: 5px;
    text-decoration: none;
}
#headerLiens_luxe a:hover {
    color: #f0eeee;
    background-color: #707070;
    text-decoration: none;
}
#header_menu_brands_special_link_luxe a {color: #fff;}

/*---- MAIN LINE ----*/
.topLivraison {
    float: left;
    width: 120px;
    font: 12px OpenSans, Arial, sans-serif;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
}
.text_topLivraison {
    text-transform: uppercase;
    cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: flex-end;
    width: 230px;
    text-align:right;
}
.text_topLivraison_temps {font-size: 10px;}

.topPanier {
    font-family: OpenSans, Arial, sans-serif;
    text-align: center;
}
.topPanier i {
    font-size: 40px;
    color: #c30040;
}
.caddieLien {font-size: 12px;}

.caddieLien_luxe {
    position: absolute;
    top: 30px;
    right: 25px;
    width: 160px;
    z-index: 26;
    margin: 0;
    padding: 0;
    text-align: right;
    color: #000;
    font: 12px OpenSans, Arial, sans-serif;
    text-transform: uppercase;
}
#numberproducts > a:hover {text-decoration: none;}

/*---- ONGLETS LUXE ----*/
#nav.menu_luxe {
    border-top: 1px solid #363636;
    width: 100%;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    font: 15px OpenSans, Arial, sans-serif;
    text-transform: uppercase;
    margin-top:5px;
    box-sizing: border-box;
    height:initial;
    position:relative;
}
.home_luxe {
    font-size: 22px;
    color:#212121;
}
.home_luxe i {
    vertical-align: 5px;
}
.onglet_luxe {
    margin: 0;
    padding: 10px;
}
.onglet_luxe .onglet_selected {border-bottom: #000 solid 2px;}

.onglet_luxe a {
    color: #000!important;
    margin: 0 10px;
    border-bottom: #fff solid 2px;
}
.onglet_luxe a:link {
    float: left;
    width: auto;
    text-align: center;
    color: #000;
    margin: 0 10px;
    padding: 0;
}
.onglet_luxe a:visited, .onglet_luxe a.petit:link, .onglet_luxe a.petit:active, .onglet_luxe a:hover, .onglet_luxe a.red:link, .onglet_luxe a.red:active, .onglet_luxe a.prodcard_onglet, .onglet_luxe a.blanc:link, .onglet_luxe a.blanc:active {
    color: #000;
}
.onglet_luxe:hover > a {
    color: #000;
    border-bottom: #000 solid 2px;
}
.onglet_luxe a:active {color: #000;}

.onglet_luxe a.red {
    color: #c30040;
    font-weight: bold;
    text-decoration: none;
}
.onglet_luxe a.red:hover {
    color: #000;
    text-decoration: none;
}
.onglet_luxe a.noel {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background-color: #c37a21;
}
.onglet_luxe a.double2 {
    margin: 0;
    padding: 0 6px;
}
.onglet_luxe a.double2:hover {
    color: #000;
}
#nav .onglet_luxe.dropdown > div {
    top:40px;
}
#nav.menu_luxe #menuBrand {
    display:flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    padding-top: 5px;
    opacity:0;
}
#nav .onglet_luxe.dropdown:hover #menuBrand {
    transition-delay: 0.1s;
    transition-property: all;
    transition-duration: 0.1s;
    opacity:1;
    height: 400px;
}
#nav.menu_luxe #menuBrand a {
    padding: 3px;
    text-align: center;
    display:flex;
    align-items: center;
    font-size: 12px;
    text-transform: initial;
}
#nav.menu_luxe #menuBrand a.topBrand {
    font-weight: bold;
}


/*---- SEARCHBAR LUXE ----*/
#form_search_luxe {
    width: 200px;
    float: right;
    min-height: 25px;
    margin: 15px auto 0px auto;
    padding: 0;
}
.headerSearch_luxe {
    width: 220px;
    float: right;
    min-height: 25px;
    margin: 0 auto;
    padding: 0;
}
.headerSearch_luxe span:first-child {
    width: 68px;
    float: left;
    margin: 10px 12px 0px 10px;
    font-variant: small-caps;
    font-weight: bold;
    color: #000;
    cursor: pointer;
}
.headerSearchBar_luxe {
    float: left;
    width: 168px;
    height: 23px;
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 5px;
    border: #c0c0c0 solid 1px;
    background-color: #fff;
}





/**************************************************************
* @POPUP OPTIN PUSH
**************************************************************/
.subscribe_push {
    position:fixed;
    bottom: 15px;
    left: 15px;
    width: 300px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.8);
    overflow:hidden;
    z-index:99;
}
.subscribe_push div {padding:20px;}
.subscribe_push div p {margin: 0 0 15px;}
.subscribe_push div p:first-child {
    font: bold 18px var(--font-cond), OpenSansCond, Arial, sans-serif;
    text-transform: uppercase;
}
.subscribe_push div p:nth-child(2) {font-size: 13px; margin-bottom: 5px;}
.subscribe_push div p:nth-child(3) {font-style: italic; color: #707070;}
.subscribe_push div p:last-child {
    display: flex;
    align-items: center;
    margin-bottom:0;
}
.subscribe_push div p:last-child a:first-child {
    margin: 0 12px 0  auto;
    font-size: 13px;
}





/**************************************************************
* @AUTRES
**************************************************************/
.userName {
    position: absolute;
    top: 40px;
    right: 155px;
    font-weight: bold;
    width: 170px;
    height: 25px;
    z-index: 27;
}
#client {
    margin: 0 0 0 300px;
    position: absolute;
    top: 5px;
}
.seeAll {
    font: italic 12px Georgia, Utopia, Charter, serif;
    margin: 10px 0;
}






/**************************************************************
* @TOP PANIER
**************************************************************/
#topPanier {
    max-height: 0;
    width: 320px;
    overflow:hidden;
    position:absolute;
    right: 0;
    z-index:2;
    text-align:right;
    transition: all ease 400ms;
}
.headerOption:last-child:hover #topPanier {
    max-height:80vh;
}
.topPanierTriangle {
    display: inline-block;
    height : 0;
    width : 0;
    border-right : 15px solid transparent;
    border-bottom : 15px solid #707070;
    border-left : 16px solid transparent;
    margin: 0 15px -5px;
}
#topPanier .topPanier_container {
    background-color: #fff;
    width: 320px;
    border: 1px solid #f0eeee;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    border-radius: 5px;
    text-align: initial;
    font-size: 1.1em;
}
.topPanier_container > * {
    padding: 10px;
}
.topPanier_container > div:first-child {
    background-color: #707070;
    color: #fff;
    text-align: center;
    border-radius: 5px 5px 0 0;
}
.confirmation_message {
    background-color: #f0eeee;
    color: #88af00;
    text-align:center;
    opacity: 1;
    transition: all ease 400ms;
}
.confirmation_message i {
    color: #88af00;
}
.topPanier_content {
	max-height: 50vh;
	overflow: auto;
	scrollbar-width: thin;
}
.topPanier_content::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #f0eeee;
}
.topPanier_content::-webkit-scrollbar {
	width: 6px;
	background-color: #f0eeee;
}
.topPanier_content::-webkit-scrollbar-thumb {background-color: #707070;}

.topPanier_empty {
    text-align: center;
    text-transform: initial;
}
.topPanier_empty_cta {
    background-color: #f0eeee;
    text-align: center;
}
.topPanier_empty_cta p {
    margin-bottom: 10px;
    text-transform: initial;
}
.topPanier_empty_cta .empty_cta {
    display: block;
    width:80%;
    margin:auto;
    color: #363636;
    padding:5px 10px;
    border:1px solid #363636;
    border-radius:3px;
}
.topPanier_total {
    background-color: #f0eeee;
    border: 1px solid rgba(0,0,0,.1);
    border-width: 1px 0;
}
.topPanier_total .total {
    display: flex;
    justify-content: space-between;
    font-size: 1.2em;
    margin-bottom: 5px;
}
.topPanier_total .total > div:first-child {
    font-weight: bold;
}
.topPanier_total .shipping {
    display: flex;
    justify-content: space-between;
    text-transform: initial;
    font-style: italic;
    width:100%;
}
.topPanier_total .shipping #panierShippingPrice,
.topPanier_total .shipping #panierShippingPrice .total {
    text-align: right;
    width:100%;
    display:block;
}
.topPanier_cta {
    display: flex;
    justify-content: space-between;

}
.topPanier_cta a {
    margin: auto;
    text-align: center;
    padding: 10px 30px;
    border-radius:3px;
    color: #fff;
}
.topPanier_cta a {background-color: #88AF00;}
.topPanier_cta a:hover {opacity: .8}

.topPanier_product {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}
.topPanier_product:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.topPanier_product img {
    width: 100px;
    margin-right: 15px;
    align-self: flex-start;
}
.topPanier_product .product_infos {
    max-width: calc(100% - 115px);
    flex-grow: 1;
}
.topPanier_product .brand {}
.topPanier_product .name {font-weight: bold;}
.topPanier_product .infos {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #f0eeee;
    text-transform: initial;
    color: #707070;
    font-size: .9em;
}
.topPanier_product .partner_product {
    background: #f0eeee;
    padding: 0.4em;
    text-transform: initial;
    margin: 5px 0;
    font-size: .9em;
    width: 100%;
}
.topPanier_product .price {
    display:flex;
    flex-wrap: wrap;
}
.topPanier_product .price > div {
    margin-right: 10px;
}
.topPanier_product .price .initial_price {
    color: #c0c0c0;
    text-decoration:line-through;
}
.topPanier_product .price .discount_rate {
    padding: 0 5px;
    color: #c30040;
    border: 1px solid #c30040;
    font-size: .9em;
}
.topPanier_product .price .cocotier {
    width:100%;
}
.topPanier_product .price .cocotier .msg {
    font-style: italic;
    text-transform: initial;
    font-size: 0.8em;
    line-height: .9em;
    margin-top: 5px;
}
.topPanier_product .btns {
    width:100%;
    margin-top: 7px;
    display:flex;
    justify-content: flex-end;
    font-size: .9em;
}
.topPanier_product .btns div {
    margin-left: 10px;
	cursor: pointer;
}
.topPanier_product .btns div:hover {
    color:#707070;
	text-decoration: underline;
}

/*****************************************************
*** FOOTER *** SOMMAIRE ***

@GLOBAL
@SERVICES
@BLOCS
    - NEWSLETTER -
    - VOTRE AVIS -
    - PARTAGEZ -
    - DECOUVREZ -
@FOOTER MENU
@CGV
@REFERENCEMENT
@LIENS
@DRAPEAUX/FLAGS
@LOGOS ECOMMERCE
@JAVASCRIPT INACTIF
@AUTRES (UNUSED?)
******************************************************/



/*****************************************************
*** @GLOBAL
******************************************************/
#footer {
    margin: 40px auto 0 auto;
    width: 100%!important;
    position: relative;
    font: 12px OpenSans, Arial, sans-serif;
	background-color:#f0eeee;
}



/*****************************************************
*** @SERVICES
******************************************************/
.footer_services {
    padding: 20px calc(50% - 600px);
    margin: 0 auto 20px auto;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    text-align: justify;
    text-transform: uppercase;
    cursor: pointer;
    display:flex;
    justify-content: space-around;
    align-items: center;
	background-color: #fff;
}
.footer_services div, .footer_services i {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.footer_services i {
	display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    line-height: 26px;
    border-radius: 50%;
    font-size: 32px;
    color: #363636;
}



/*****************************************************
***  @BLOCS
*****************************************************/
.blocks_footer {
	width: 1200px;
	margin: auto;
    display:flex;
	flex-wrap: wrap;
    justify-content: space-around;
}
.block_footer {
    position: relative;
    display: inline-flex;
    font: 200 16px OpenSans, Arial, sans-serif;
    width: 470px;
    background-color: #f0eeee;
    flex-direction: column;
    justify-content: space-between;
    padding: 1em 0;
}
.blocks_footer > div.block_footer:last-of-type {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.block_footer_column {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.block_footer_links {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 2em 0;
	border-top: 1px solid #00d29f;
}
.block_footer input {
    border: none;
    background-color: #fff;
    border-radius: 0px;
    padding: 2px 2px 2px 20px;
    margin: 5px 0;
    height: 40px;
    width: 470px;
    color: #212121;
}
.block_footer  div > a {
    font-size: 14px;
    color: #212121;
}
.block_footer_links div.footerLinks {
    display: flex;
	flex-direction: column;
	line-height: 1.8em;
}
.block_footer_txt {width: 470px;}

 #footer > div.block_footer:last-of-type {margin: 0 0 20px;}

.footer_title {
    font-size: 40px;
	font-family: OpenSans, sans-serif;
	font-weight: 100;
}
.block_footer_links .footer_title {
    font-size: 30px;
}
.block_footer_links > div:first-of-type, .block_footer_links > div:last-of-type {
    width: calc(50% - 600px);
}

/*---- NEWSLETTER ----*/
/*#newsletter_footer > .block_footer_txt {margin-bottom: 10px;}*/

#newsletter_footer > input {
	
}
.block_footer div > .btn,
.block_footer .btn {
	position: relative;
	margin: 5px 0;
	display: inline-block;
	width: 470px;
	height: 40px;
	font-family: 'OpenSansCond', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	line-height: 40px;
	border-radius: 0;
	background-color: #00d29f;
	font-size: 18px;
	text-shadow: none;
	transition: background 0.5s;
}
.block_footer .btn:hover {
	color: #fff;
	background-color: #33917c;
}
.block_footer .btn i {
	position: absolute;
	right: 8px;
	font-size: 25px;
	top: 8px;
}
.footer_news_info {
    font-size: 10px;
    color: #707070;
}
.footer_newsletter {
    width: 265px;
    height: 119px;
    float: left;
    border: 1px solid #707070;
}
.footer_newsletter-title {
    padding: 5px;
    color: #fff;
    font-weight: bold;
    background-color: #707070;
}
.footer_news_checkboxes {
	display: flex;
	align-items: center;
	margin: 0.5em auto;
}
.footer_news_checkboxes > div {
	display: flex;
	align-items: center;
}
/* Toogle Slider input Greg */
.footer_news_checkboxes .toggle {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 34px;
	margin: 0 0.5em 0 1em;
}
.toggle {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 34px;
}
.toggle input {
	opacity: 0;
	width: 0;
	height: 0;
}
.toggle .slider {
	display: block;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.toggle .slider:before {
	position: absolute;
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	top: 10px;
	left: 10px;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s;
}
.toggle input:focus {
	background-color: pink;
}
.footer_news_checkboxes .toggle input:checked + .slider {
	background-color: #5956a1;
}
.toggle input:checked + .slider {
	background-color: #c40030;
}
.toggle input:checked + .slider:before {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
}
.toggle input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.toggle .slider.round {
	border-radius: 17px;
}
.toggle .slider.round:before {
	border-radius: 50%;
}
/*--- FIN toggle Slider ---*/

/*---- VOTRE AVIS ----*/
.div_panelvp {
	padding: 1em 0 0 0;
}
.div_panelvp a {
	color: inherit;
	border-bottom: 1px dotted #363636;
}
/*---- PARTAGEZ ----*/
.footer_share {
	padding: 1.5em 0;
	border-top: 1px solid #00d29f;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.footer_share a {
    display: inline-block;
    vertical-align: top;
}
.footer_share i {
    margin: 0 0 0 1em;
    font-size: 30px;
    color: #363636;
}

/*---- DECOUVREZ ----*/
.footer_decouvrez {
    max-width: 180px;
    margin: auto;
    font-size: 12px;
}
.footer_decouvrez i {
    font-size: 36px;
    color: #363636;
}
.footer_decouvrez a {
    color:#363636;
}



/*****************************************************
*** @FOOTER MENU
*****************************************************/
.footerMenu {
        margin: 0 auto;
        width: 100%;
        text-align: center;
}
.footerSoldes {
    text-transform: uppercase;
}



/*****************************************************
*** @CGV
*****************************************************/
.li-cgv {
    font-size: 16px;
    color: #c30040;
}
#cgv {
    position: relative;
    width: 945px;
    background-color: #fff;
}
.cgvtxt {
    padding: 10px 20px;
}
#cgvtxt h2 {margin-top: 20px;}

#cgvtxt button i {
    margin: 0 0 0 4px;
}
#cgvtxt button {margin: 0 0 20px;}

.cgv_operations_txt {
    text-align: left;
    width: 100%;
    margin: 0 auto;
}



/*****************************************************
*** @REFERENCEMENT (PAVÉ)
*****************************************************/
.footerInfos_ref {
	background-color: #d6c7f7;
}
#footerInfos {
    margin: auto;
    padding: 0;
	max-width: 1200px;
    width: 100%;
    color: #212121;
    /* font-size: 10px; */
    text-align: left;
}
#footerInfos > div {
    margin: 0;
    text-align: justify;
}
#footerInfos p {
	box-sizing: border-box;
}
#footerInfos p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 2em;
}

#footerInfos h1, #footerInfos h2, #footerInfos h3, #footerInfos h4, #footerInfos .h1div, #footerInfos .h2div, #footerInfos .h3div {
    margin: 0 auto;
    font: 11px OpenSans, Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #212121;
    text-decoration: underline;
    display: inline;
}
#footerInfos h1, #footerInfos .h1div {
    display: block;
    padding: 1em 0;
    font: bold 16px OpenSans, Arial, sans-serif;
    text-decoration: none;
}
#footerInfos a {
	text-decoration: underline;
	color: #212121;
}
#footerInfos h2 {
  display: flex;
  text-decoration: none;
  font: 13px OpenSans, Arial, sans-serif;
  font-weight: bold;
  cursor: pointer;
}
#footerInfos h2 > .icon-flecheDroite {
  font-size: 1.25em;
  transition: transform .5s ease-in-out;
}
#footerInfos h3 {
  text-decoration: underline;
  font: 11px OpenSans, Arial, sans-serif;
}
#footerInfos h4 {
  text-decoration: underline;
  display: block;
  font: 10px OpenSans, Arial, sans-serif;
}
#footerInfos table {
	min-width: 400px;
	margin: 2em auto 1em 0;
}
#footerInfos tr {
	
}
#footerInfos td {
	padding: 1.5em;
	border: 1px solid #e6e6e6;
}
#footerInfos div.text_paragraphe {
  display: none;
  width: 100%;
  margin-left: 2em;
}





/*****************************************************
*** @LIENS (MOBILE/CLASSIQUE)
*****************************************************/
.investors_link {
    text-decoration: none;
    font: 13px OpenSans, Arial, sans-serif;
    font-weight: bold;
    margin: 0px auto;
	padding: 1em;
	background-color: #ff6255;
	color: #212121;
    text-align: center;
    text-transform: uppercase;
    display: block;
}
.investors_link:hover {
    text-decoration: none;
    font: 13px OpenSans, Arial, sans-serif;
    font-weight: bold;
    margin: 0px auto;
	padding: 1em;
	background-color: #5956a1;
	color: #ff6255;
    text-align: center;
    text-transform: uppercase;
    display: block;
}
#liens_footer {
    text-align: center !important;
    font-size: 16px;
	background-color: #212121;
    padding: 20px 0;
	color: #707070;
}
#liens_footer a {
    color: #e6e6e6;
}
#liens_footer .pipe_footer { font-size: 12px; color: #e6e6e6; }





/*****************************************************
*** @DRAPEAUX/FLAGS
*****************************************************/
.flags {
    margin: 2em auto 0.5em auto!important;
    text-align: justify;
    display:flex;
    justify-content: space-around;
    padding-bottom:20px;
    border-bottom: 1px solid #c0c0c0;
}
.flags::before, .flags::after {
    content: '';
	width: calc(50% - 650px)
}
.flags a {
    width: 24px;
    height: 16px;
    border-radius: 15%;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    transition: all .2s 0s ease;
}
.flags a:hover {transform: scale(1.1);}
.flags a img {width: 100%;}

.flag_w_lg {
    position:relative;
}

.flag_w_lg img:last-child {
    position:absolute;
    bottom: -3px;
    right: -3px;
    width: 12px;
    height:12px;
    border-radius: 50%;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
}

.logos-footer {text-align:center;}
.logos-footer img {max-width:100%;}

.footer_paymentsAndShippingsLogos {
	display: flex;
	width: 1200px;
	margin: auto;
	justify-content: space-between;
	align-items: center;
	padding: 1em;
}

/*****************************************************
*** @LOGOS ECOMMERCE
*****************************************************/
#liens_e-commerce {text-align: center !important; margin-top:15px;}

.foot-partenaire {vertical-align: middle;margin-right:10px;mix-blend-mode: multiply;}
.foot-shopping, .foot-fevad, .foot-google, .foot-comodoSecure, .foot-capital {
    display: inline-block;
    vertical-align: bottom;
    margin: 4px;
    padding: 0;
}
.foot-shopping {
    margin-top: 7px;
    height: 33px;
    width: 96px;
    vertical-align: top;
    background: url(/images/foot-partenaire.gif) no-repeat 0px 0px;
}
.foot-google {
    margin-top: 1px;
    height: 34px;
    width: 34px;
    vertical-align: top;
    background: url(/images/foot-partenaire.gif) no-repeat 0px -33px;
}
.foot-comodoSecure {
    margin-top: 1px;
    height: 49px;
    width: 96px;
    vertical-align: top;
    background: url(/images/foot-partenaire.gif) no-repeat 0px -81px;
}

#topBrands4footer {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 1200px;
	margin: 2em auto 4em auto;
	line-height: 2.5em;
}

#topBrands4footer a {
	width: 20%;
	font-weight: normal;
	color: #212121;
}
#topBrands4footer a:hover {
	font-weight: normal;
	color: #212121;
	text-decoration: underline;
}

/*****************************************************
*** @JAVASCRIPT INACTIF
*****************************************************/
.noJS {
    margin: 0 0 0 -350px;
    padding: 5px;
    position: absolute;
    width: 700px;
    left: 50%;
    top: 110px;
    background-color: #fff;
    text-align: center;
    color: #f36c4f;
    font-size: 14px;
    border: 1px solid #c0c0c0;
    z-index: 300;
}
.noJS a {font-size: 12px;}








/*****************************************************
*** @AUTRES (UNUSED?)
*****************************************************/
.footer-links-container {
    margin: 0 0 0 10px;
    width: 675px;
    float: left;
}
.footer-links-title {
    width: 170px;
    float: left;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    background-color: #707070;
    border: 1px solid #707070;
}
.footer-links {
    margin: 0 0 23px;
    padding: 5px;
    width: 480px;
    float: left;
    border: 1px solid #707070;
}
.partnerDiv {
    margin: 0 auto;
    padding: 5px 0;
    font-size: 10px;
    width: 945px;
    text-align: left;
    color: #c0c0c0;
    border-top: 3px solid #c0c0c0;
}
.partnerDiv a:link,
.partnerDiv a:visited
.partnerDiv a.petit:link,
.partnerDiv a.petit:active,
.partnerDiv a.red:link,
.partnerDiv a.red:active,
.partnerDiv a.prodcard_onglet,
.partnerDiv a.blanc:link,
.partnerDiv a.blanc:active,
.partnerDiv a:active {
    font-size: 9px;
    color: #c0c0c0;
    text-decoration: none;
}
.partnerDiv a:hover {
    color: #363636;
    text-decoration: none;
    font-size: 9px;
}

.footerThumb {
    margin: 0 10px 0 5px;
    float: left;
}
.footerCopy {
    padding: 10px 0;
    text-align: center;
}
/* ---- */
#spottv {
    margin: 0 0 0 -190px;
    position: absolute;
    z-index: 50;
    width: 360px;
    height: 316px;
    left: 50%;
    top: 172px;
}
/* ---- */
#LangMenuSub img, #LangMenuSub .flags div, .flags #LangMenuSub div {
    width: 24px;
    height: 16px;
    border: 0;
}
#LangMenuSub li {
    margin: 2px 0;
}
#LangMenuSub div {
    margin: 0 2px;
    float: left;
    width: 24px;
    height: 16px;
}
/* ---- */
.footerInfosLinks {
    margin: 0;
    color: #707070;
    font: 10px/14px OpenSans, Arial, sans-serif;
    list-style: none;
}
.footerInfosLinks li:first-child, .footerInfosLinks li:first-child h2 {margin: 0;}

.footerInfosLinks li, .footerInfosLinks li h2 {
    margin: 0 0 0 5px;
    padding: 2px 4px;
    font-weight: bold;
    display: inline;
    cursor: pointer;
}
.footerInfosLinks li:hover, .footerInfosLinks li:hover h2 {
    background-color: #c0c0c0;
    color: #fff;
}
/* ---- */
#zoomProduit {
    border: 1px solid #c0c0c0;
    background-color: #fff;
}



/*---- PAGE "AIDE" ----*/
#answersTree {
    width: 100%;
}
.level1Div {
    display: inline-block;
	width: 25%;
	vertical-align: top;
	text-align: center;
}
.level1Div h2, .leftTreeLevel1Div h2 {
    font: bold 20px/24px OpenSans, Arial, sans-serif;
    margin:0;
    text-transform: uppercase;
    display: inline-block;
}
.level1Div h2:first-letter {text-transform: uppercase;}

.puce_circle {
    margin: 0 5px -3px -10px;
    width: 28px;
    height: 28px;
    display: inline-block;
    font: 17px Georgia, Utopia, Charter, serif;
    text-align: center;
    color: #fff;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    background: #363636;
}
.puce_circle p {
    margin: 0 1px 0 0;
    line-height: 22px;
}
.level2Div {
    margin-left: 10px;
    padding: 0;
}
.level2Div h1 {
	font-size: 18px;
	text-align: left;
	text-transform: uppercase;
}

.level3Div {
    margin-left: 0;
    padding: 6px;
}
.level3DivTitle {font: 200 16px/30px OpenSans, Arial, sans-serif; text-decoration: underline;}

.level4ask {
    margin: 2px 2px 2px 0;
    padding: 1px;
    height: 20px;
    line-height: 20px;
}
.ticketContact {
    margin: 10px;
    padding: 2px;
	text-align: center;
	font-size: 14px;
}
.ticketContact a {
    color: #c30040;
	text-decoration: underline;
}
.ticketCourier {
    padding: 10px;
    text-align:center;
    background-color:#fff;
}
.level4answer {
    padding: 4px;
    display: none;
    text-align: justify;
}
.level4answerOk {
    margin: 10px 0;
    text-align: center;
    font-weight: bold;
    padding-bottom:5px;
    border-bottom:1px solid #c0c0c0;
}
.level2Container {
    margin: 0 auto;
}
.level2Titre {
    margin: auto;
}
.level2Titre:hover {
    margin: auto;
}
.level2Titre a {color: #707070;}
.level2Titre:hover a {color: #fff;}
.level2Titre:first-letter {text-transform: uppercase;}

.tagsTexte {
    margin: 0 auto;
    padding: 0 0 5px;
    width: 895px;
    text-align: center;
    border-bottom: 1px solid #c0c0c0;
}
.leftTree {
    margin: 0;
    width: 25%;
    float: left;
    min-height: 360px;
}
.rightTree {
    width: 75%;
    float: left;
}
.leftTreeLevel1Div {text-align: left;}
.leftTreeLevel1Div h2 {
    font-size: 16px;
    margin-bottom:5px;
    display:inline-block;
}
.leftTreeLevel1Titre {
    padding: 5px 0;
    display: inline-block;
    font-size:12px;
}
.leftTreeLevel1Titre:first-letter {text-transform:uppercase;}

.leftTreeLevel2Titre, .leftTreeLevel2TitreSelected {
    padding: 0 0 5px 18px;
    text-align: left;
}
#explainBox {
    margin: 10px 0 0 25px;
    width: 430px;
}
.helpFollowTickets {
/*	border-bottom: 1px solid #c0c0c0;
    padding: 0 0 20px 0;
    margin: 20px 0 10px 0;*/
}
#contact-area {
	float: none;
	width: 50%;
	font-size: 15px;
}
.helpNumCall {
	font-size: 2em;
}
#contact-area i {
	font-size: 38px;
	float: left;
}
.menufaq {
    font-size: 12px;
    font-weight: bold;
    color: #c30040;
}
.faq_pays {
    padding-top: 25px;
    border-top: 1px solid #c0c0c0;
}
#faqBox {
	font-size: 1.6em;
	line-height: 1.6em;
}
#explainBox p, #faqBox p {
    margin: 0 0 40px 10px;
    text-align: left;
}
span[id*="desc_pj"] .icon-annuler {cursor:pointer;}

.fakeBtn {
  	display:inline-block;
  	background-color: #c30040 !important;
  	color:#fff;
  	margin:auto;
  	padding: 4px 12px;
  	font: 13px/25px OpenSans, Arial, sans-serif;
  	text-decoration:none;
  	border-radius:3px;
}
.fakeBtn i {font-size:17px;}

.fileUpload {
  	position: relative;
  	overflow: hidden;
  	margin: 10px auto;
}
.fileUpload input.upload {
  	position: absolute;
  	top: 0;
  	left: 0;
  	margin: 0;
  	padding: 0;
  	font-size: 20px;
  	cursor: pointer;
  	opacity: 0;
  	filter: alpha(opacity=0);
  	width:100%;
}

#aide h2, #aide h3, #aide h4, #aide h5 {
	margin: 0px auto;
	cursor: pointer;
}
#aide h2 {
	font: bold 24px/30px OpenSans;
	text-transform: uppercase;
    margin: 30px auto 0 auto;
}
#aide h3 {
	font: 18px/40px OpenSans, Arial, sans-serif;
	color: #c30040;
    padding: 0.4em 0;
	border-top: 1px solid #e6e6e6;
}
#aide h4 {
	font: 16px/30px OpenSans, Arial, sans-serif;
	margin-left: 20px;
    padding: 0.4em 0;
}
#aide h5 {
	font: 200 14px/30px OpenSans, Arial, sans-serif;
    padding: 0.4em 0;
}
#aide h2 i, #aide h3 i {
	font-size: 18px;
}
#aide h4 i {
	font-size: 16px;
}
#aide h5 i {
	font-size: 12px;
}
.blocLevel1 {
	display: none;
}
.blocLevel2 {
	margin: 0px auto;
	display: none;
}
.blocLevel3 {
	display: none;
}
.blocLevel4 {
	display: none;
	font: 14px/20px OpenSans;
	margin-left: 40px;
}
.blocLevel5 {
	display: none;
	margin: 0 0 20px 20px;
}
.showHelpForm {
	margin: 10px auto;
}
/*  Formulaire  */
.formQuestion {
    margin:0;
    padding: 5px;
    text-align: left;
	border: none;
	background: none;
}
.formQuestion h2 {
	font: 200 24px/30px OpenSans;
	text-transform: uppercase;
	text-align: center;
    margin: 0 auto;
}
.formQuestionTicketInfo {
	display: block;
	width: 100%;
	text-align: left;
}
.formQuestionTicketInfo input{
	display: block;
	line-height: 30px;
	font-size: 14px;
	color: #707070;
}
.formQuestionTicketInfo b, .formQuestionTicketTextArea b {
    display: block;
    font-size: 14px;
    margin: 14px 0 5px 0;
}
.formQuestionTicketTextArea {
	margin: 0;
	width: 74%;
	text-align: left;
	box-sizing: border-box;
	display: inline-block;
}
.formQuestionTicketTextArea textarea{
	margin: 10px 0;
}
.TicketInfoInputContainer {
	width: 25%;
    display: inline-block;
    box-sizing: border-box;
	vertical-align: top;
}
.helpCmdDetail {
	background-color: #f0eeee;
	padding: 20px;
	font-size: 14px;
}
.aide {
	position: relative;
	padding: 0;
	width: auto;
	right: 0;
	top: 0;
}
.helpCmdDetailProducts {
	display: none;
}
.helpCmdDetailProduct {
	display: inline-block;
	width: 31%;
	margin: 0 1%;
	padding: 5px 5px 5px 15px;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	background-color: #fff;
}
.helpCmdDetailProduct img {
	float: left;
	margin-right: 20px;
}
.helpRubriques, #contactBoxes {
    display: inline-block;
    margin: 0 1% 0 0;
    padding: 20px 0;
    box-sizing: border-box;
    vertical-align: top;
}
.helpRubriques {
	width: 100%;
}
.helpRubriques div:first-of-type {
	font: bold 30px/36px OpenSansCond;
	text-align: center;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#contactBoxes {
    width: 45%;
    margin: 0 10px;
    padding: 20px 8px;
    border: 1px solid #363636;
    border-radius: 3px;
	line-height: 19px;
	transition: height 0.25s;
}
.chatbot {
    width: 45%;
    margin: 0 10px;
    padding: 0;
    border-radius: 3px;
	line-height: 19px;
	text-align: center;
	transition: height 0.25s;
}
#faqBox div:first-of-type {
	font: bold 1.5em/1.5em OpenSansCond;
	text-transform: uppercase;
}
#startMinoo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 2em;
	width: 100%;
	height: 100%;
	cursor: pointer;
	transition: all 0.25s;
	background-color: #e6e6e6;
}
#startMinoo:hover {
	background-color: #7fd4eb;
	color: #fff;
}
#startMinoo:hover > i {
	color: #fff;
}
#startMinoo > i {
	font-size: 5em;
	color: #7fd4eb;
}
#startMinoo > span {
	display: flex;
	font-size: 0.75em;
	align-items: center;
}
.helpRubriqueTitle{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 23%;
	margin: 0 1%;
	padding: 5px;
	box-sizing: border-box;
    border-radius: 3px;
	border: 1px solid #363636;
	background-color: #fff;
	font: bold 20px/24px OpenSansCond;
	min-height: 200px;
	vertical-align: top;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}
.helpRubriqueTitle i {
	display: block;
	font-size: 50px;
	margin-bottom:10px;
}
.helpNoClient {
	font-size: 14px;
    width: 75%;
    margin: 20px auto 10px auto;
}
.helpNoClient div {
	font-size: 14px;
	display: inline-block;
    margin: 15px 10px;
    padding: 5px;
	cursor: pointer;
}
.helpNoClient i {
	font-size: 30px;
	display: block;
}
.formQuestionTicketTextArea select {
	display: inline;
	box-sizing: border-box;
    padding: 10px 5px;
    font-size: 14px;
    color: #707070;
}
.infoLogin {
	width: 75%;
	margin: 0 auto 10px auto;
	font: bold 20px/24px OpenSansCond;
}
.sp_popup_content form {
	width: 80%;
	margin: auto;
}

.table_lastOrders td, .table_lastOrders th {
	width: 15%;
}
.table_lastOrders td:last-of-type, .table_lastOrders th:last-of-type {
	width: 25%;
}
.table_lastOrders td span:first-of-type {
	display: none;
}
.button_other_cmd {
	margin: 20px auto;
	text-align: center;
}
#affiche td, #affiche th {
    min-height: 40px;
	padding-top: 10px;
    vertical-align: middle;
}
#affiche th {
    text-transform: uppercase;}

#affiche td.ticket_view_columns {
    padding-left: 15px;
}

/** Feedback **/
.faq_feedback div {
    margin-top: 15px;
}
.faq_feedback input[type="submit"] {
    margin-top: 15px;
}
.faq_feedback label {
	display: block;
}
.faq_feedback .green_color {
	color: green;
}