/*:root{--font-family-h:'Gotham-Medium', sans-serif;--font-family-regular: 'Gotham-book',sans-serif}*/
:root{--font-family-h:'HelveticaNeueBold', sans-serif;--font-family-regular: 'HelveticaNeue-Roman',sans-serif}
.row {
    margin-left: -10px;
    margin-right: -10px;
}
.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
}
input[type="text"]:focus,
.uneditable-input:focus {   
border-color: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;              
    border: 1px solid #eee;
}
@font-face {
  font-family: 'Lato';
  src:url('../fonts/Lato.otf') ;
   font-style: normal;
   font-display: swap;
 }
@font-face{font-family:Gotham-book;src:url(https://www.tailorgeorge.fr/fonts/Gotham-Book.otf);font-style:normal}.dinpro-medium{font-family:Gotham-Book,sans-serif;font-weight:700}.roboto-regular{font-family:Gotham-Book,sans-serif;font-weight:400}
@font-face {
  font-family: 'Gotham-Medium';
  src:url('../fonts/Gotham-Medium.otf') ;
  font-display: swap;
 }
 @font-face{font-family:America-Standard-Bold;src:url(https://www.tailorgeorge.fr/fonts/GT-America-Standard-Bold-Trial.otf);font-style:normal}
 @font-face{font-family:America-Standard-Medium;src:url(https://www.tailorgeorge.fr/fonts/GT-America-Standard-Medium-Trial.otf);font-style:normal}
  @font-face{font-family:America-Standard-Regular;src:url(https://www.tailorgeorge.fr/fonts/GT-America-Standard-Regular-Trial.otf);font-style:normal}
@font-face {
  font-family: 'Gotham-Light';
  src:url('../fonts/Gotham-Light.otf') ;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham-thin';
  src: url('../fonts/Gotham-Thin.otf'); /* IE9 Compat Modes */
  font-display: swap;
 }
 @font-face {
  font-family: 'Gotham-Italic';
  src: url('../fonts/Gotham-XLightItalic.otf'); /* IE9 Compat Modes */
  font-display: swap;
 }
  @font-face {
  font-family: 'HelveticaNeue-Roman';
  src: url('https://www.tailorgeorge.fr/fonts/HelveticaNeue-Roman.otf'); /* IE9 Compat Modes */
 font-style:normal;
 }
 @font-face {
  font-family: 'HelveticaNeueBold';
  src: url('https://www.tailorgeorge.fr/fonts/HelveticaNeueBold.otf'); /* IE9 Compat Modes */
 font-style:normal;
 }
.info-left{text-align:left;margin-bottom: 30px;}
.m-b{margin-bottom: 30px;}
.f-w6{font-weight:600;}
.back-green{background-color: #003E34;}
.dinpro-regular { font-family: 'Lato', sans-serif; font-weight: 400;}
.dinpro-medium{ font-family: 'Lato', sans-serif; font-weight: 700;}
.oswald-regular { font-family: var(--font-family-regular), sans-serif; font-weight: 400; }
.oswald-bold { font-family: var(--font-family-regular), sans-serif; font-weight: 700; }
.roboto-regular { font-family: 'Lato', sans-serif; font-weight: 400; }
.sans-condensed{font-family: 'Lato'; font-weight: 700; }
.roboto-medium { font-family: 'Lato', sans-serif; font-weight: 700;}
.hide-text { display: none; }
.text-center{text-align:center;}
.p-search{margin-bottom: 20px;font-size:15px;font-family: var(--font-family-regular) !important;color:#555}
.mrg-0{
  padding-top:0px !important;
}
.a-fil{
    font-size:15px;
}
.a-fil:hover{
    font-weight: 600;
}
.filtere {
    position: relative;
    top: auto;
    bottom: auto;
    overflow: visible;
    background: #FFF;
    width: 100%;
    z-index: 99;
    border: none;
    border-right: 1px solid #ddd;
    box-shadow: none;
    display: block;
    float: left;
}
.filtere {
    -webkit-flex: 0 0 16em;
    -moz-flex: 0 0 16em;
    -ms-flex: 0 0 16em;
    flex: 0 0 16em;
    padding: 0 16px 40px 0;
    border-right: 1px solid #ddd;
    background: #fff;
  
}
.filtere h5 .clear-filter{
    float: right;
    margin: -2px 0 0 10px;
    height: auto;
    width: auto;
    color: #757575;
    background: #eee;
    padding: 4px 5px 3px 6px;
    text-align: center;
    display: inline-block;
    border-radius: 1px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
    font-weight: 300;
    cursor: pointer;
    -webkit-transition: .15s ease;
    transition: .15s ease}

.filtere .filter-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
    display: block!important;
}

.header-filter button {
    color: #757575;
    display: block;
    background:transparent;
    border:none;
}
.filtre-toggle button:hover,.header-filter button:active,.header-filter button:focus,.header-filter button:visited {

    border:none !important;
   -webkit-appearance:none;
   box-shadow: none;

}
.header-filter {
    float: right;
    position: relative;
    top: -2px;
    margin-left: 32px;
    font-size: 14px;
    color: #757575;
    -webkit-transition: .4s cubic-bezier(.3, .3, .05, 1);
    transition: .4s cubic-bezier(.3, .3, .05, 1);
}
.header-filter a {
    color: #757575;
    display: block;
}
.filter {
    -webkit-flex: 0 0 16em;
    -moz-flex: 0 0 16em;
    -ms-flex: 0 0 16em;
    flex: 0 0 16em;
    padding: 0 16px 16px 0;
    border-right: 1px solid #ddd;
    position: fixed;
    top:190px;
    right:20px;
    bottom: 5%;
    overflow-y: scroll;
    background: #fff;
    padding: 0;
    width: 230px;
    z-index: 999;
    border-right: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
    transform: translateZ(0);
}
.fixed-header-modele{
     padding: 15px 5px;
    position: fixed;
    top:100px;
    border-top: 1px solid #eee;
    z-index: 9999999;
    background: #fff;
    width:1010px;   
}
.no-box{
    box-shadow: none !important;
}
.top-filter{
    top:100px !important;
}
.filter h5, .filter .h5 {
    margin-bottom: 1rem;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1.4px;
    line-height: 1.3;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    text-transform: uppercase;
}
.filter .filter-group {
    margin-bottom: 25px;
    margin-left: 0px;
    text-align: left;
}
.filter .filter-group .control {
    display: block;
    padding-left: 2.5rem;
    margin-left: -2.5rem;
}
.filter .filter-group .control input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.filter .filter-group .control-indicator {
    position: absolute;
    top: .15rem;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: 1rem;
    font-size: 100%;
    color: #eee;
    text-align: center;
    background-color: transparent;
    background-size: 50% 50%;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translate3d(0, 0, 0);
}
.filter .filter-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
    display: block!important;
}
 .filter-inner {
    padding: 16px 8px 50px 0px;
}
/* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea
{ box-sizing: border-box; margin: 0; padding: 0; border: 0; font: inherit; }
h1 { 
	box-sizing: border-box; 
	margin: 0; 
	padding: 0; 
	border: 0; 
    margin-bottom: 10px;
        text-align: left;
    line-height: 40px;
    font-family: var(--font-family-h);
    font-weight: 800;
    text-shadow: none;
    font-size: 35px;
}
html, body{ height: 100%; font-family: var(--font-family-regular), sans-serif; font-size: 17px; font-weight: 400; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-size: 17px; line-height: 1; background-color: #fff; font-family:var(--font-family-regular);  font-weight: 400;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; color: inherit; cursor: pointer; outline: 0; }
a:active, a:focus { outline: 0; color: inherit; text-decoration: none; }
a:hover { color: #6b6b6b; text-decoration: none;}
.modal-op{
overflow-x:hidden;
overflow-y:hidden;
min-height: 100%;

}
.modal-opp{
overflow-x:hidden;
overflow-y:hidden;
position: absolute;
width: 100%;
height: 100%;
margin:0px ;
margin-right: 10px !important;
padding:0px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9b9b9b;
    opacity: 1; /* Firefox */
    font-size:15px;
      font-family: var(--font-family-regular) !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #9b9b9b;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #9b9b9b;
}
.part-popup:hover{
background:#eee;
}

/* INFO-LIVRAISON */
.info-guide { margin-bottom: 20px; border-bottom: 1px solid #2222;max-width: 992px;margin-left: auto;margin-right: auto;}
.info-livraison { background-color: #21304e; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1500;padding:12px 5px; color:#fff;text-align: center;font-size:14px; line-height: 16px}
.info-livraison-container { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.info-livraison-container p { color: #FFF; text-transform: uppercase; line-height: 1.4em; }
.info-livraison-container img:hover { cursor: pointer; }
.fermer-info { display: none; }
/* MENU LATERAL */
.menu-lateral-container{ display: block; position: fixed; z-index: 99999; top: 0px; bottom: 0; left:-100%; right: 0; background: transparent; padding: 0; pointer-events: none; }
.mlc-open { /*background: rgba(0,0,0,0.8);*/ pointer-events:auto; top:100px;left:0px !important;transform: translate(0);
    visibility: visible;-webkit-transition: all 0.8s;
    transition: all 0.8s;}
.menu-lateral { max-width: 90%; height: 100%; background: #FFF; /*margin-left: -90*/ -webkit-transition: all 0.0s; transition: all 0.0s; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; overflow: auto; }
.ml-open {margin-left: 0; /*box-shadow: 2px 5px 15px 0px #6b6969cc; -webkit-box-shadow:2px 5px 15px 0px #6b6969cc; -moz-box-shadow: 2px 0px 15px 0px #6b6969cc;*/ -webkit-transition: all 0.6s; transition: all 0.6s;     border: .5px solid #e6e6e6; }
.ml-upper {text-transform: uppercase;}
.menu-top { width: 100%; }
.menu-top-titre-croix { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -ms-flex-line-pack: center; align-content: center; padding: 20px 20px 0 20px; width: 30%;}
.titre-content { font-size: 1em; }
.icon-croix { display: -webkit-box; display: -ms-flexbox; display: flex; width: 20px; height: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-left: 5px;}
.icon-croix span { display: block; width: 20px; height: 2px; background: #21304e; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.icon-croix span:before { content: ''; display: block; width: 20px; height: 2px; background: #21304e; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.menu-top-welcome { line-height:24px;font-size: 1em; padding: 30px 10px; border-bottom: 1px solid #e6e6e6; }
.menu-top-welcome a { text-decoration: underline; }
.menu-bot { width: 100%; overflow: auto; }
.menu-categorie { border-bottom: none !important; }
.menu-categorie > li  { font-size: 1em; cursor: pointer;margin:20px ;}
.arrow {width: 14px;height: 14px;margin-right: 5px;margin-top:-5px}
.menu-categorie > li a {display: flex;align-items: center;justify-content: space-between; padding: 10px 10px; cursor: pointer;width:100%;font-family: var(--font-family-h);font-weight: bold; }
.menu-categorie > li span{max-width:180px;line-height: 20px;font-family: var(--font-family-h) !important;}
.menu-categorie > li:hover { }
.menu-categorie > li a:hover { }
.menu-categorie li img { display: inline-block; margin-left: 10px; height: 6px; }
.guide-menu-deroulant { height: 0; overflow: hidden; -webkit-transition: all 0.2s; transition: all 0.2s; padding: 0 15px 0 10px; background-color: #f6f6f6; }
.open-guide { height: auto; -webkit-transition: all 0.2s; transition: all 0.2s; }
.menu-footer { width: 100%; text-align: left; font-size: 1em; border-top: none !important; padding: 25px 15px; }
.icon {
      width: 20px;
      height: 20px;
      margin-right: 10px;
    }

    .menu-item {
      display: inline-flex;
      align-items: center;
      color: #333;
      text-decoration: none;
      margin:10px 15px;
    }
    .icon-user{border: 2px solid #333;
    border-radius: 50%;
    padding: 1px;}
    .menu-item:hover{text-decoration: underline;}
    .p-greeting{margin: 15px 15px;font-family: var(--font-family-h) !important;font-weight: bold;}
.contact-rapide {  margin-bottom: 10px;float:left;width:100%; }
.langue{display:inline-block;float:left;padding: 12px 0px;margin-right:10px;}
.contact-rapide span { display: block; margin-top: 5px; color: #005539; text-decoration: underline; }
.choix-langue { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.drapeau-langue { margin-left: 5px; width: 20px; height: 14px; margin-top: 2px;}
.bouton_cm{width:141px;height:41px;margin: 0 auto;display:block;background-image: url(../img/bouton_cm.png); }
.bouton_in{width:141px;height:41px;margin: 0 auto;display:block;background-image: url(../img/bouton_in.png); }
/* NAVIGATION MOBILE/FIXE */
.navigation-fixe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; height: 80px; }
.logo-container { /*width: 20%;  display: -webkit-box;  display: -ms-flexbox;  display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;*/ position: absolute; left: calc(45%); left: -moz-calc(45%);}
.logo-container > img { display: none; }
.logo { max-width: 120%; }
.logo img { /*max-width: 120%;*/ }
.burger-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; height: 100%; position: absolute; left: calc(50% - 570px); left: -moz-calc(50% - 570px); padding-top: 25px}
.icon-burger { display: block; width: 20px; height: 2px; background: #21304e; position: relative;}
.icon-burger:before { content: ''; display: block; width: 20px; height: 2px; background: #21304e; position: absolute; top: 0; left: 0; -webkit-transform: translateY(-7px); transform: translateY(-7px); -webkit-transition: all 0.2s; transition: all 0.2s; }
.icon-burger:after { content: ''; display: block; width: 20px; height: 2px; background: #21304e; position: absolute; top: 0; left: 0; -webkit-transform: translateY(7px); transform: translateY(7px); -webkit-transition: all 0.2s; transition: all 0.2s; }
.compte-btn { display: none; }
.panier-btn { cursor: pointer;}

/*HEADER HOME */

.header-home .contenu span {display: block;font-size:1.5rem; }
.btn-rose { margin:0 auto;display: flex;align-items: center; justify-content: center; padding: 0px 50px !important; font-size: 1em; background: #005539; color: #FFF;text-transform: uppercase; text-align: center; height:50px; }
.btn-rose:hover { text-decoration: underline; background: #1a6a4b; color: #FFF; -webkit-transition: all 0.2s; transition: all 0.2s; }
.btn-rose-home { display: inline-block; padding: 10px 10px; font-size: 1em; line-height: 1.4em; background: #005539; color: #FFF; -webkit-transition: all 0.2s; transition: all 0.2s; text-align: center; height: 50px; line-height: 30px;}
.btn-rose-home:hover { text-decoration: underline; background: #1a6a4b; color: #FFF; -webkit-transition: all 0.2s; transition: all 0.2s; }
.btn-style{display:flex;align-items: center; justify-content: center; padding: 0px 30px; height:50px;font-size: 1em; background:transparent; color:#21304e; text-align: center;border:2px solid #eee; width: 100%;margin-bottom: 20px;text-transform: uppercase;font-weight: 800; width: 100% !important;font-size: 17px;font-family: var(--font-family-regular);}
input[type=submit] {margin:30px auto}
.tcenter a {max-width:300px !important;margin:0 auto !important}
.fin-apercu-catalogue a {position:relative;max-width: 400px;margin:30px auto;text-transform: uppercase;color:#000;    font-weight: 900;font-family: var(--font-family-regular);font-size: 0.9rem;}
.fin-apercu-catalogue img{height:10px;margin-left:8px;margin-top:-2px}
.fin-apercu-catalogue a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 3px;
    background-color: #000;}
.fin-apercu-catalogue a:hover::after{width:0px !important}
.big-btn { padding: 10px 100px; }
.btn-style:hover{text-decoration: underline;}
/* HEADER CATALOGUE */
.header-page { padding: 20px 10px; background-repeat: no-repeat; /*background-size: cover;*/ background-position: center center; text-align: center; color: #FFF; margin-bottom: 20px; }
.header-page-tissu { padding: 20px 10px; background-repeat: no-repeat; /*background-size: cover;*/ background-position: center center; text-align: center; color: #FFF; margin-bottom: 5px; }
.bgk-catalogue-chemise { background-image: url('../img/avis-clients.jpg');     padding: 100px 10px !important;}
.bgk-catalogue-tissu { background-image: url('../img/AMBIANCE_catalogue_tissu_1920_352.jpg'); }
.bgk-guide { background-image: url('../img/guide-mesure.jpg'); }
.bgk-b2b { background-image: url('../img/photo_chemise_entreprise_logo.jpg'); padding: 100px 10px;}
.fil-arianne { font-size: 1em; text-transform: uppercase; margin-bottom: 5px; }
.fil-arianne a{ opacity: 0.7; }
.fil-arianne a:hover { opacity: 1; }
.fil-arianne-activ { /*font-size: 2em;*/ text-transform: uppercase; line-height: 1em; margin-bottom: 10px;text-align:center; }
.modele-find { font-size: 1em; }

/* FILTRES CATALOGUE */

.filtres-catalogue-container { height: 40px; width: 100%; border: 1px solid #e6e6e6; box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -webkit-box-shadow:0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); position: relative; z-index: 10; background-color: white; }
.filtres-catalogue-container-tissus { height: 20px; width: 100%; position: relative; z-index: 10;}
.filtres-catalogue-container-tissus-home { height: 100px; width: 100%; position: relative; z-index: 10;margin-top:20px;margin-bottom:50px;background:#005539}
.masquer-span { display: none; }
.filtres-catalogue-mobile { line-height: 38px; text-align: center; font-size: 1em; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; background: #005539; color: #fff; /*box-shadow: 0 0 7px #005539; -webkit-box-shadow: 0 0 7px #005539; -moz-box-shadow: 0 0 7px #005539;*/ }
.filtres-catalogue-mobile:hover { -webkit-transition: all 0.2s; transition: all 0.2s; }
.filtres-catalogue { display: none; min-width:90% ;height: 100vh; padding: 50px 20px; /*background-color: #FFF; overflow: auto;*/ /*border: 1px solid #e6e6e6;  /*box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -moz-box-shadow:  0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05);*/}
.filtres-catalogue-home { display: none; min-width:90% ; padding: 10px 20px; /*background-color: #FFF; overflow: auto;*/ /*border: 1px solid #e6e6e6;  /*box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -moz-box-shadow:  0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05);*/}
/*.filtres-catalogue { display: none; min-width:90% ; max-height: 300px; padding: 25px 20px; background-color: #21304e; overflow: auto; border: 1px solid #e6e6e6;  box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -moz-box-shadow:  0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05);}*/
.filtres-catalogue > li span { display: block; width: 100%; /*font-size: 2em;*/ margin-bottom: 20px; color: #9b9b9b; padding-right: 40px;height:31px;} /*color: #243455;*/
.filtres-catalogue-home > li span { display: block; width: 100%; /*font-size: 2em;*/ margin-bottom: 20px; color: #9b9b9b; padding-right: 40px;} /*color: #243455;*/
.filtre-menu-deroulant { margin-bottom: 20px; }
.filtre-menu-deroulant li {font-family: var(--font-family-regular); font-size: 15px; line-height: 2.2em; cursor: pointer; padding-left: 32px; background-repeat: no-repeat; background-position: 10px center; color: #555; }
.filtre-menu-deroulant li:hover { background-color: #f6f6f6; }
.couleur-blanc { background-image: url(../img/icon-couleur-blanc.svg); }
.couleur-noir { background-image: url(../img/icon-couleur-noir.svg); }
.couleur-bleu { background-image: url(../img/icon-couleur-bleu.svg); }
.couleur-rouge { background-image: url(../img/icon-couleur-rouge.svg); }
.couleur-rose { background-image: url(../img/icon-couleur-rose.svg); }
.couleur-marron { background-image: url(../img/icon-couleur-marron.svg); }
.couleur-vert { background-image: url(../img/icon-couleur-vert.svg); }
.couleur-gris { background-image: url(../img/icon-couleur-gris.svg); }
.couleur-violet { background-image: url(../img/icon-couleur-violet.svg); }
.couleur-jaune { background-image: url(../img/icon-couleur-jaune.svg); }
.couleur-orange { background-image: url(../img/icon-couleur-orange.svg); }
.couleur-beige { background-image: url(../img/icon-couleur-beige.svg); }
.couleur-toutes { background-image: url(../img/icon-couleur-toutes.svg); }
.open-filtres { display: block; }

/* CATALOGUE */


.chemise-catalogue { height: 100%; margin-bottom:75px; border: 1px solid transparent; -webkit-transition: all 0.2s; transition: all 0.2s; width: 100%; max-width:362px; float: none;}
.chemise-catalogue-marge {margin: 15px}
.chemise-catalogue-photo { height: 283px;width:100%;max-width:361px; overflow: hidden;padding:0px;text-align:center;position: relative;margin:0 auto;}
.denim{background:url(../img/denim.jpg) no-repeat !important;}
.denim:hover{background: linear-gradient( rgba(0, 0, 0, 0.45),rgba(0, 0, 0, 0.45)),url(../img/denim.jpg) !important;background-size:cover;background-repeat:no-repeat ;}
/*.chemise-catalogue-photo:hover{ background: linear-gradient( rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2)),url(../img/thomas.jpg);background-size:cover;background-repeat:no-repeat;}*/
.lin{background:url(../img/lin.jpg) no-repeat !important;}
.lin:hover{background: linear-gradient( rgba(0, 0, 0, 0.45),rgba(0, 0, 0, 0.45)),url(../img/lin.jpg) !important;background-size:cover;background-repeat:no-repeat ;}
.flanelle{background:url(../img/flanelle.jpg) no-repeat !important;}
.flanelle:hover{background: linear-gradient( rgba(0, 0, 0, 0.45),rgba(0, 0, 0, 0.45)),url(../img/flanelle.jpg) !important;background-size:cover;background-repeat:no-repeat ;}
.monti{background:url(../img/flanelle_monti.jpg) no-repeat !important;}
.monti:hover{background: linear-gradient( rgba(0, 0, 0, 0.45),rgba(0, 0, 0, 0.45)),url(../img/flanelle_monti.jpg) !important;background-size:cover;background-repeat:no-repeat ;}
.induo{background:url(../img/induo_home.jpg) no-repeat !important;}
.induo:hover{background: linear-gradient( rgba(0, 0, 0, 0.45),rgba(0, 0, 0, 0.45)),url(../img/induo_home.jpg) !important;background-size:cover;background-repeat:no-repeat ;}
.twill{background:url(../img/twill-carreaux-mileta.jpg) no-repeat !important;}
.twill:hover{background: linear-gradient( rgba(0, 0, 0, 0.45),rgba(0, 0, 0, 0.45)),url(../img/twill-carreaux-mileta.jpg) !important;background-size:cover;background-repeat:no-repeat ;}
.canclini{background:url(../img/canclini.jpg) no-repeat !important;}
.canclini:hover{background: linear-gradient( rgba(0, 0, 0, 0.45),rgba(0, 0, 0, 0.45)),url(../img/canclini.jpg) !important;background-size:cover;background-repeat:no-repeat ;}
.margin95{
  margin-top:95px;
}
.margin20{
  margin-bottom: 20px;
}
.margin-top-20{
  margin-top: 40px;
}
.navbar-brand{float:left;font-size:18px;line-height:20px;height:50px}
.chemise-catalogue-photo .content{display:block;width:100%;border:1px dashed #e6e6e6;height:100%;position:relative;}
.chemise-catalogue-photo .content .prix-catalogue-home{display:block;position:absolute;bottom:30px;left: 30px; background:#fff;border-radius:50%;width:60px;height:60px;text-align:center;line-height:60px;font-weight:bold;}
.chemise-catalogue-photo .content:hover{border:1px dashed #e6e6e6;}
.chemise-catalogue-photo img { max-height: 200%;-webkit-transition: all 0.0s; transition: all 0.0s; }
.chemise-catalogue-photo img:hover {opacity:0.8; }
.modele-catalogue { font-size: 16px; line-height: 1.4em; margin-bottom: 10px; width: 100%; padding-top: 10px;}
.modele-catalogue-hover:hover{    text-decoration: underline;}
.prix-catalogue { font-size: 15px; line-height: 1.4em;  /*position: absolute; top: calc(50% + 150px); top: -moz-calc(50% + 150px); left: 0px;*/ }
.modele-cataloguee{ font-size: 15px; line-height: 1.4em; margin-bottom: 10px; width: 100%; padding-top:0px;text-align: left;font-family:var(--font-family-regular)}
.modele-cataloguee-hover:hover{    text-decoration: underline;}
.prix-cataloguee { font-family:var(--font-family-regular);font-size: 17px; line-height: 1.4em; width: 100%;text-align:center; font-weight: bold;}
.catalogue-details-home { max-height: 200px; overflow: hidden; text-align: center; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; padding-left: 5px; }
.catalogue-details-home a{padding:0px 50px !important;margin:0 auto;    height: 40px;line-height: 40px;}
.catalogue-details {max-width:250px;margin:10px auto;max-height: 160px;overflow: hidden; text-align: left; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; padding-left: 5px; }
.catalogue-details a:hover { text-decoration: underline !important}
.modele-catalogue-home { font-size: 24px; line-height: 1.4em; margin-bottom: 20px; width: 100%; padding-top: 10px;font-family:var(--font-family-regular);font-weight:700}
.modele-catalogue-home-hover:hover{    text-decoration: underline;}
.text-catalogue { cursor:text !important; font-size: 16px; line-height: 1.4em; width: 100%;height:70px;color:#000;margin-bottom:30px; /*position: absolute; top: calc(50% + 150px); top: -moz-calc(50% + 150px); left: 0px;*/ font-weight: normal;font-family:var(--font-family-regular)}
.text-cataloguee {font-size: 17px; line-height: 1.4em; width: 100%;color:#000;margin-bottom:20px; /*position: absolute; top: calc(50% + 150px); top: -moz-calc(50% + 150px); left: 0px;*/ font-weight: normal;font-family:var(--font-family-regular)}
.border-motif { border: 5px solid transparent; -o-border-image: url('../img/bgk-border-motif.svg') 8 repeat; border-image: url('../img/bgk-border-motif.svg') 8 repeat; padding: 30px 20px; }
.border-motif-texte { text-align: center; font-size: 1em; line-height: 1.4em; }
.fin-apercu-catalogue { text-align: center; margin:25px auto;padding:0 5px }
.tissu-catalogue { width: 100%; margin-bottom: 30px; margin-top: 0px; border: 2px solid transparent; -webkit-transition: all 0.2s; transition: all 0.2s; overflow: hidden;}
/*.tissu-catalogue:hover { border: 2px solid #e6e6e6; -webkit-transition: all 0.2s; transition: all 0.2s; }*/
.sans-padding { padding-left: 0; padding-right: 0;}
.sans-marge { margin-left: 0;  margin-right: 0;}

.h2-tissu{
  font-size:21px;font-family:'Gotham-Medium', sans-serif;font-weight:bold;margin-bottom:30px;
}
.h1-chemise{
font-family: var(--font-family-h), sans-serif;font-weight: normal; font-size: 24px; margin: 20px 10px 10px 0px;
}
.desc-modele{
  text-align:left;font-size:15px;font-family:var(--font-family-regular);
}

/* BANDEAU TISSU */
.bandeau-tissu { padding: 50px 10px; background: url('../img/bgk-catalogue-chemise.jpg') no-repeat center; background-size: cover; text-align: center; color: #FFF; margin-bottom: 20px; }
.bandeau-tissu-top { font-size: 31px; text-transform: uppercase; color: #005539; margin-bottom: 10px; }
.bandeau-tissu-content { font-size: 31px; text-transform: uppercase; line-height: 1.4em; margin-bottom: 10px; }
.bandeau-tissu-bot { font-size: 31px; text-transform: uppercase; }
.logo-tisseur { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; }
.logo-tisseur img { margin: 5px; }

/* TEMOIGNAGES */
.temoignages-container { padding: 50px 25px; margin-bottom: 50px; border: 5px solid transparent; -o-border-image: url('../img/bgk-border-motif.svg') 8 repeat; border-image: url('../img/bgk-border-motif.svg') 8 repeat; }
.temoignages-titre { text-align: center; font-size: 31px; text-transform: uppercase; line-height: 1.4em; margin-bottom: 50px; }
.temoignages-titree { text-align: left; font-size: 28px; text-transform: uppercase; line-height: 1.4em; margin-bottom: 10px; }
.temoignages-love { margin-bottom: 10px; }
.temoignages-content { margin-bottom: 30px; border-bottom: 1px solid #e6e6e6; }
.temoignages-content:last-child { margin-bottom: 0; border-bottom: none; }
.temoignage-client { font-size: 17px; margin-bottom: 10px; }
.temoignage-nom-client { font-size: 0.8em; line-height: 1.4em; color: #777777; margin-bottom: 30px; }

/* HEADER CONNEXION */
.bgk-connexion { background-image: url('../img/bgk-connexion.jpg'); }
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  width:130px;
  height:70px;
 /* padding: 10px 10px 15px;*/
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 35px;
    height: 2px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .onglets {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
}
.h-onglet{
    font-family: inherit;
    font-size: 15px !important;
    text-align:center;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 15px 15px 10px 15px;
    text-transform: uppercase;
}
 .onglet.active {
    background-color: #005539;
    color: #FFF;
    border: 1px solid #005539;
    border-radius: 3px;
}
.part-deroulant:hover{
background: #eee;}
 .onglet {
    width: 90px;
    font-size: 12px;
    padding: 12px 0px 12px 0px;
    text-align: center;
    margin: 0 2px 5px 2px;
    background-color: #FFF;
    cursor: pointer;
    border: 1px solid #005539;
    border-radius: 3px;
    font-weight: 600;
}

.activve{
  border:3px solid #005539 !important;
}
.parts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: left;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: left;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #FFF;
    margin-bottom: 20px;
}
.parts1 {
  width:850px;
  margin: 20px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: left;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: left;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #FFF;

}
.part-center{
  -webkit-box-pack: justify;
    -webkit-justify-content: center !important;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center !important; 
}
.h2-chemise{
    padding: 15px 20px;
    font-family: "Gotham-Medium";
    width: 250px;
    font-weight: normal;
    margin: 0 auto;
    font-size: 32px;
}
.contain{
  padding-left: 0px; padding-right: 0px;width:850px;margin-bottom:120px;
}

.part{
  margin:10px 0;
}
.part1{
  margin:10px 0;
}
.part1 .img {
    width: 100%;
    height: 80px;
    /* border: 1px dashed #bfbfbf; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 110px;
    cursor: pointer;
}
.part .img {
    width: 95px;
    height: 55px;
    /* border: 1px dashed #bfbfbf; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 110px;
    cursor: pointer;
}
.part-popup1:hover{
  background:#eee;
  border:2px solid #d6d6d6;
} 
.part-popup1 .product-info{
      position: absolute;
    bottom: 10px;
    right: 10px;
    width: 20px;
    display: block;
    text-align: center;
    height: 20px;
    padding:2px;
    cursor: pointer;
    background:#a6a6a6;
    color:#fff;
    border-radius: 100%;
}
.part .img img {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.parts .part .name {
    padding-left: 2.5px;
    padding-right: 2.5px;
    cursor: pointer;
    width: 90px;
    margin: auto;
    margin-top: 10px;
    text-align: center;
}
.parts1 .part1 .name {
    padding-left: 2.5px;
    padding-right: 2.5px;
    cursor: pointer;
    width: 100%;
    margin: auto;
    margin-top: 10px;
    text-align: center;
    font-family: var(--font-family-regular);
    font-size:16px;
}
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 9px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/* HEADER PAGE PRODUIT */
.header-page-produit { border-top: 2px solid #f4f6f7; padding-top: 20px; text-align: center; margin-bottom: 20px; }
.lien-retour-catalogue { display: inline-block; font-size: 1em; line-height: 24px; }

/* ARTICLE + DESCRIPTION */
.article-container { height: 400px; overflow: hidden; text-align: left; margin-bottom: 40px; }
.article-container img { max-height: 100%; margin-left: -35px; }
.description-container { background: #FFF; text-align: left; }
.description-titre { font-size: 3em; line-height: 1em; text-transform: uppercase; margin-bottom: 20px; text-align: left; }
.description-content { font-size: 1em; line-height: 1.4em; margin-bottom: 20px; text-align: left; }
.options-chemise { list-style: circle; text-align: left; padding: 0 20px; margin-bottom: 20px; }
.option-description { font-size: 1em; line-height: 1.4em; margin-bottom: 20px; }
.ajouter-monogramme { font-size: 1em; display: inline-block; height: 44px; line-height: 25px; margin-bottom: 20px; text-decoration: underline; }
.description-prix { font-size: 5em; text-align: center; line-height: 1em; }
.description-prix-info-livraison { display: block; font-size: 0.3em; margin-bottom: 20px; }
.modifier-chemise { display: inline-block; font-size: 1em; color: #005539; margin-top: 20px; line-height: 1.4em; text-decoration: underline; padding: 0 20px; margin-bottom: 50px; }
.autres-modeles-titre { font-size: 1em; line-height: 1.4em; margin-bottom: 20px; text-align: left; }

/* HEADER PANIER */
.header-panier { margin-top:30px;height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;-ms-flex-line-pack: center;align-content: center; margin-bottom: 30px; }
.header-panier li { margin-bottom: 10px; }
.header-panier-lien { font-size: 1em; line-height: 1.4em; text-transform: uppercase; color: #bfbfbf; }
.header-panier-lien:hover { color: #21304e; }
.lien-actif { color: #005539; }

/* PANIER */
.display{ display: block !important; }
.display-none { display: none; }
.article-panier { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e6e6e6;margin-bottom:10px !important; }
.photo-article-panier { height: 110px; min-width: 110px; overflow: hidden; margin-right: 10px; }
.photo-article-panier img { max-height: 100%; margin-left: 5px; }
.description-article-panier { display: flex; flex-direction: column; justify-content: space-around; flex-wrap: nowrap; width:100% !important;}
.description-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.nom-article-panier { font-size: 21px; line-height: 1.4em; text-transform: uppercase; }
.nom-article-panier-hover { font-size: 15px; margin-right: 0px; width: 100%; height: 60px; }
.prix-article-panier { font-size: 21px; }
.description-bottom { display: flex; align-items: center; font-size: 1em; justify-content: space-between; }
.option-article { text-decoration: underline; }
.option-supprimer { color: #005539; }
.prix-panier-container { margin-bottom: 50px; }
.prix-panier { margin-bottom: 20px; }
.prix-panier li { display: flex; justify-content: space-between; font-size: 1em; line-height: 44px; height: 44px; border-bottom: 1px dashed #BFBFBF; }
.btn-block { display: block; text-align: center; height:auto;}
.livraison-info { font-size: 1em; line-height: 1.4em; margin-bottom: 30px; }

/* CONNEXION DEJA CLIENT / NOUVEAU CLIENT CONTAINER */
.connexion-container { text-align: center; padding: 30px; margin-bottom: 50px; }
.deja-client { border-top: 1px solid #e6e6e6; }
.h2-connexion { font-size: 2em; text-transform: uppercase; margin-bottom: 20px; }
.p-connexion { font-size: 1em; line-height: 1.4em; }
.p-connexion span { display: block; font-size: 1em; text-transform: uppercase; margin-top: 10px; margin-bottom: 40px; }
.connexion-container a { width: 100%; }
form { text-align: left; padding-top: 30px; }
.input-group { position: relative; width: 100%; margin-bottom: 20px; }
.no-margin-bottom { margin-bottom: 0; }
.label { font-size: 1em; color: #9e9e9e; position: absolute; top: 0px; left: 0px;; background-color: #FFF; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; -webkit-transition: all 0.2s; transition: all 0.2s; }
.label-icone { left: 15%; }
.label-activ { top: 0; left: 5px; color: #005539; background-color: #FFF; -webkit-transition: all 0.2s; transition: all 0.2s; }
.input {outline-style: none;box-shadow: none;border-color: transparent; font-size: 1em; width: 100%; height: 44px; padding-left: 20px; border: 1px solid #e6e6e6; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05) inset; background-repeat: no-repeat; background-position: 5% center; -webkit-transition: all 0.2s; transition: all 0.2s; }
.input:focus { outline: none !important;border:none !important; /*border: 1px solid #005539;*/ }
.input-email { background-image: url('../img/icon-email.svg'); padding-left: 15%; }
.input-password { background-image: url('../img/icon-key.svg'); padding-left: 15%; }
.mdp-oublie { font-size: 1em; margin-bottom: 40px; text-align: right; }

/* CHOIX TYPE DE MESURE */
.choix-methode-mesure {text-align: center; font-size: 1em; line-height: 1.4em; margin-bottom: 30px; margin-top:70px; }
.methode-mesure { padding: 30px; text-align: center; border: 1px solid #e6e6e6; box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); margin-bottom: 50px; }
.methode-titre { font-size: 18px; margin-bottom: 5px; line-height: 1.4em; text-align: center; }
.duree-methode { text-transform: uppercase; color: #005539; font-size: 1em; margin-bottom: 30px; }
.methode-mesure-img { height: 150px; width: 100%; background-position: center; background-repeat: no-repeat; margin-bottom: 30px; background-size: contain; }
.big { height: 150px; }
.choix-mesure { background-image: url('../img/dupliquer.svg'); }
.choix-modif-mesure { background-image: url('../img/modifier-mesures.svg'); }
.mesure-rapide { background-image: url('../img/mesure-rapide.svg'); }
.mesure-vous { background-image: url('../img/mesure-corps.svg'); }
.mesure-chemise { background-image: url('../img/mesure-chemise.svg'); }
.mesure-rapide-taille { background-image: url('../img/mesure-rapide-1.svg'); }
.mesure-rapide-col { background-image: url('../img/mesure-rapide-2.svg'); }
.mesure-rapide-bras { background-image: url('../img/mesure-rapide-3.svg'); }
.aisance-coupe { background-image: url('../img/mesure-rapide-4.svg'); }
.mesure-chemise-col { background-image: url('../img/col.svg'); }
.mesure-chemise-poignet { background-image: url('../img/poignet.svg'); }
.mesure-chemise-manche { background-image: url('../img/manche.svg'); }
.mesure-chemise-demi-poitrine { background-image: url('../img/demi-poitrine.svg'); }
.mesure-chemise-demi-taille { background-image: url('../img/demi-taille.svg'); }
.mesure-chemise-dos { background-image: url('../img/dos.svg'); }
.mesure-chemise-carrure { background-image: url('../img/carrure.svg'); }
.mesure-chemise-epaule { background-image: url('../img/epaule.svg'); }
.mesurez-vous-cou { background-image: url('../img/corps_cou.gif'); }
.mesurez-vous-poitrine { background-image: url('../img/corps_poitrine.gif'); }
.mesurez-vous-ceinture { background-image: url('../img/corps_ceinture.gif'); }
.mesurez-vous-carrure { background-image: url('../img/corps_carrure.gif'); }
.mesurez-vous-dos { background-image: url('../img/corps_dos.gif'); }
.mesurez-vous-poignet { background-image: url('../img/corps_poignet.gif'); }
.mesurez-vous-bras { background-image: url('../img/corps_bras.gif'); }
.methode-content { font-size: 17px; line-height: 1.4em; margin-bottom: 30px; }
.methode-mesure a { width: 80%; }
.imglangue{width:15px;height:auto;}
.fermeX{font-size:24px;margin-left:20px;}
#fermelang{position:absolute;top:10px;right:10px;width:30px}
/* MESURE RAPIDE */
.methode-mesure-rapide { padding: 30px; text-align: center; border: 1px solid #e6e6e6; box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); margin-bottom: 30px; }
.select-mesure { font-size: 1em; line-height: 1.4em; padding: 10px 10px; width: 80%; border-color: #e6e6e6; }
.mesure-conseil { min-height:140px; padding-top: 20px; font-size: 17px; line-height: 1.4em; }
.textarea { font-size: 1em; width: 100%; height: 200px; line-height: 1.4em; padding: 20px; border: 1px solid #e6e6e6; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05) inset; resize: none; }
.textarea:focus { outline: none; border: 1px solid #005539; -webkit-transition: all 0.2s; transition: all 0.2s; }
.submit-container { text-align: center; margin-bottom: 150px; }
.select-mesure{
        -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url("../img/arrowd.png") no-repeat 96% center;
}


 

/* MODIF MESURE */
.modif-mesure-container { padding-top: 50px; }
.modif-mesure-chemise { height: 480px; background: no-repeat center; margin-bottom: 30px; position: relative; }
.chemise-face { background-image: url('../img/modif-mesure-chemise.jpg'); }
.chemise-dos { background-image: url('../img/modif-mesure-chemise-dos.jpg'); }
.ajustement-container { display: flex; align-items: center; justify-content: space-around; width: 180px; height: 54px; background-color: #21304e; position: absolute; }
.ajustement-btn { font-size: 3em; color: #FFF; text-align: center; width: 24px; margin-top: -5px; cursor: pointer; }
.ajustement-btn:hover { cursor: pointer; }
.ajustement-input { height: 34px; text-align: center; font-size: 1em; }
.ajustement-col { top: -44px; left: 50%; transform: translateX(-55%); }
.ajustement-poitrine { top: 110px; left: 50%; transform: translateX(-53%); }
.ajustement-taille { top: 225px; left: 50%; transform: translateX(-52%); }
.ajustement-epaule { top: 64px; left: 50%; transform: translateX(-10%); }
.ajustement-bras { top: 200px; left: 50%; transform: translateX(-90%); }
.ajustement-dos { top: 350px; left: 50%; transform: translateX(-52%); }

/* RECAPITULATIF */
.titre-coordonnee-recap { font-size: 1em; margin-bottom: 20px; }
.ul-recap li { font-size: 1em; line-height: 1.4em; }

/* ESPACE CLIENT */
.espace-client-sous-nav { text-align: center; margin-bottom: 20px; }
.espace-client-sous-nav li { display: inline-block; margin: 0 10px; }
.espace-client-sous-nav li a { font-size: 1em; line-height: 44px; }
.espace-client-sous-nav li a.sous-nav-actif { color: #005539; }
.modifier-info-compte { font-size: 1em; text-decoration: underline; }

.mag_img.petite_droite {
    width: 150px;
    float: right;
    margin-left: 40px;
}
.mag_img.moyenne_droite {
    width: 320px;
    float: right;
    margin-left: 40px;
}
.mag_img.moyenne_gauche {
    width: 320px;
    float: left;
    margin-right: 40px;
}
.mag_img.petite_gauche {
    width: 150px;
    float: left;
    margin-right: 40px;
}
.separator {
    color: #000;
    border-top: 2px solid #f4f6f7;
}
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 99;
    width: 60px;
    height: 50px;
    text-align: center;
    line-height: 35px;
    background: #939393;
    color: #FFF;
    cursor: pointer;
    border: 0;
    border-radius: 6px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size: 3em;
}

#back-to-top.show {
    opacity: 0.5;
}
#back-to-top.show:hover {
    opacity: 1;
}
#content {
    height: 2000px;
}
.change-view {
	box-sizing: border-box;
	border: 2px solid #fff;
}
.change-view:hover {
	border: 2px solid #ccc;
}
.fermer-popup {
    width: 30px;
    margin-left: 5px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
	    z-index: 999;
}
.fermer-popup:hover {
    opacity: .5;
}
.filtres-catalogue > li span .ok-filtre {
	background-color: #005539;
	width: 40px;
	height: 30px;
	line-height:32px;
	text-align:center;
	position: absolute;
	display:inline-block;
	float:left;
	margin-left:180px;
	margin-top: 0px;
	right: 0px;
	border-radius: 0px 5px 5px 0px;
	color: #FFF;
	font-size: 14px;
}
.filtres-catalogue > li span input{
	float:left;
	display:inline-block;
}
.ok-filtre:hover{
	background-color: #06695F;
	} 
.nb-chemises-hover {
	text-align: left;
	padding-left:25px;
	width: 100%;
	margin-top: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
}
.quantite-hover {
	width: 100%;
     margin-top: -20px;
     margin-bottom: 5px;
     font-size: 15px;
     color: #c4c4c4;
}
.total-hover {
	text-align: center;
     width: 100%;
     margin-top: 15px;
     margin-bottom: 15px;
     font-size: 15px;
}
.badge-pill {
	background-color: #005539;left: 15px;top:40px;position: absolute;border-radius: 0px;
}
.img-panier {
	width: 20px;
	margin-right: 5px;
	opacity: 0.6;
	margin-top:-3px;
}
.add-quantity {
	height: 35px !important;
    width: 35px !important;
    background-color: #005539;
    color: #FFF;
    text-align: center;
    font-size: 21px;
    cursor: pointer;
}
.quantity {
	height: 35px !important;
    width: 35px !important;
    text-align: center;
    font-size: 17px;
}
.add-quantity:hover {
    background-color: #1294AF;
}
.panier-img {
	width: 320px; left: -50px; transform: translate(-70px); overflow: hidden;
}
/* MEDIA QUERIES */
@media screen and (min-width:1200px) {
.catalogues{
  width:1060px;
  position: relative;
  top:20px;
  margin:0 auto;
}
}
@media screen and (min-width:768px) {
      .divider {
  width: 1px;
  height: 50px;
  background-color: #ccc;    /* couleur de la ligne verticale */
}
.height-dv{width:32% }
.con {
  display: flex;
  justify-content: space-between;   /* centre horizontalement les éléments */
  align-items: center;       /* centre verticalement les éléments */
margin:0px;           /* espace entre les items */
}
 .con> *:not(:last-child) {
  margin-right: 40px; /* espace uniquement entre les éléments */
}
.span-fab{margin-left:0px;font-weight: normal !important;color:#000 !important}
 .text_option_li {display: flex; align-items: flex-start;justify-content: left;margin:20px 0}
.span-fabric{   font-size: 16px;
    color: #222 !important;
    display: inline-block;
    font-weight: 800 !important;
    font-family: var(--font-family-h) !important;width: 130px;
        flex-shrink: 0;}
    .h2-tissu{text-align: center};
    .div-qte{width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;}
    .img-conf{width:80%;height:auto}
.filtere h5, .filtere.h5 {
    margin-bottom: 1rem;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1.4px;
    line-height: 1.3;
    display: flex;
    padding-left:0px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    text-transform: uppercase;
}
.neww{left:0px !important}
.h1-catalogue{text-transform:uppercase;color: #000;text-align: left;line-height: 30px;font-family: var(--font-family-h);font-weight: 800;text-shadow: none;font-size: 25px;max-width: 100%;margin-bottom: 0px !important}
.title-bar {display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;flex-direction: row; margin-bottom:20px;border-bottom: 1px solid #eee}
.p_y{background:#fdffce;text-align:center;padding:10px 10px;margin-left:10px;margin-bottom: 0px;margin-top:4px}
.mrg-20{margin-left:20px !important}
.second{font-size: 139px !important;font-family: var(--font-family-h);font-weight: 800}
#carousel-bounding-box{padding-left: 0px}
.footer-p{padding:50px 50px !important; color:#fff}
#shirt{padding-left: 0px; padding-right: 0px;margin-top:30px}
.pd{margin-left:-15px !important;margin-right:-15px !important }
.navbar-brand a img{position: relative;margin-left: 0px;margin-top: 5px;width:160px !important}
    .navbar-brand a img:hover{opacity: 0.8}
.demo > li img{width: 100px !important;height: auto;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 80px !important;
        height: 80px !important;
        margin-top: -10px;
        font-size: 30px;
    }
    body{padding-top:70px;overflow-x: hidden}
    #header.fixed-theme {
    background-color: #fff;
    box-shadow: #ccc 0 2px 15px;
    position: fixed !important;
    top:0px;
    left: 0;
    width: 100%;
    z-index: 1030;
    -webkit-transition: max-height 0s;
    -moz-transition: max-height 0s;
    transition: max-height 0s;
}
.img-categorie{
padding:0px;
}
.header-prd {
   padding-right: 16px !important;
   position: relative !important;
   top: 0px !important;

}
#header{top:0px;}
#header-container{height:100%}
#navbar{display: flex;align-items: center;justify-content: center;height:100%;border-bottom: 2px solid #f1f1f1;margin-left: 0px !important;
        margin-right: 0px !important;}
.navbar-brand{padding: 0px !important}
.filter-icon {
    background: transparent url(../img/filter2.svg) no-repeat left center;
    background-size: 32px;
        display: inline-block;
    width: 30px;
    height: 24px;
    position: relative;
    top: -5px;
    margin-right: 10px;
    float: left;
    opacity: .5;
}
  .mrg-60{
  margin-bottom: 120px;
  }
.display-no{
  display: none;
}
.display-yes{
  display: block;
}
.prt{
 display: inline-block;width:48%;
}
.mrg-lft{
    margin-left:100px;
}
.title-modele{
    font-size: 26px;
    margin-bottom: 30px;
    font-family:var(--font-family-regular);
    line-height: 30px;
}
.part-popup1 {
  position:relative;
    margin: 5px 10px !important;
    width: 150px;
    height: 144px !important;
    padding: 10px !important;
    border: 2px solid #eee;
    background: #fcfcfc;
    display: inline-block;
}
.modal-dialog{
    max-width: 900px;
    min-width: 700px;
    margin-top: 100px !important;
}
.mobody{
padding: 0px 100px 30px 100px;
}
.h-modal{
  text-align:center;font-size:20px;margin-top:20px;
}
.part-popup {
    margin: 5px 10px !important;
    width: 100px;
    height: 125px !important;
    padding: 5px !important;
    display: inline-block;
}
.height_2{
  height:420px;
}
.text_option{
  margin-left:30px;
  margin-top:0px !important;
}
.btn_vert{
  font-family: var(--font-family-regular);
  line-height: 30px;
margin-top: 30px;text-align:center;margin-bottom:20px;
}
.text-categorie{
  padding: 40px 40px;
    background: #eee;
    width: 281px;
    height: 339px;
}
    .text_desc{
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
  }
  .blok {
    padding-left: 100px;
    padding-right: 100px;
    margin-top: 30px;
}
.blok1 {
    margin-left: 0px;
    margin-right: 0px;
    background: #fff;
    padding: 50px;
}
.mrg-top-20{margin-top:20px}
.description-container ul li span {
    font-size: 16px;
    color: #666;
    display: inline-block;
    font-weight: 400;
}
  .centered-area-displayedd{
    width: 30%;position: relative; top: -85px;left:13px;
  }
  .divheader{
    display: inline-block;float:right;position: relative;right:0px;height:70px;z-index:999;
  }
.LanguageSwitcher {
    position: absolute;
}
  .LanguageSwitcher .Wrapper.continents {
    display: inline-block;
    vertical-align: top;
}
.LanguageSwitcher .Wrapper.continents:not(:last-child) {
    margin-right: 8em;
}
.LanguageSwitcher .Wrapper.continents:first-child {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 8em;
    -moz-column-gap: 8em;
    column-gap: 8em;
}
  #openMenu{
 display:block;width:135px;height:70px;
 padding:10px 15px;
  }
  .step{
    width:5px;margin-left:0px;display: inline-block;height:30px;top:8px;
  }
  .menu-hide{
    margin-left:-5px;display: inline-block !important;margin-top:-5px;
  }
  .fleche_bulle1{
  position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid;margin-top:49px;
    left: 50%;
    transform: translate(-50%, 0);
  color:#005539;
}
.fleche_bulle2{
  position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid;margin-top:48px;
    left: 50%;
    transform: translate(-50%, 0);
  color:#005539;"
}
.fleche_bulle{
  position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid;margin-top:49px;
    left: 50%;
    transform: translate(-50%, 0);
  color:#005539;
}
.bars {
    width: 25%;
    background: #eee;
    height: 1px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 30px;
    position: relative;
}
.barss {
    width: 25%;
    background: #eee;
    height: 1px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 30px;
    position: relative;
}
.onglet_active{
  font-size: 1em;background-color:#005539;color:#fff !important;padding:10px 30px 10px 20px;width:340px;display:block;margin:0 auto;
}
.onglet_lien{font-size: 1em;border:2px solid #e6e6e6; padding:10px 30px 10px 20px;width:340px;display:block;margin:0 auto;}
.onglet_lien img{
  width:40px;height:40px;margin-right:10px;
}
.onglet_active img{  width:40px;height:40px;margin-right:10px;
}
.sens{
  text-align:center;
}
.carousel-indicators{
  display: none;
}
.pictures_eyes_in img { height:auto;width:100%;max-width: 1500px;height:auto; }
#centred-area-displayed:hover{
opacity:0.8;
}
  /*.left{
}
display:inline-block;width:50%;text-align:left;padding-left:10px;
  }
  .right{
   display:inline-block;width:50%;text-align:right; 
  }*/
  .flane{
    border:none;background:url(../img/flanelle_mileta_legere.jpg) no-repeat;background-position: calc(15% - 10px);
  }
.temoigne{padding: 50px 25px 35px  25px !important;}
.bar{width:60%;float:right;}
.bare{width:40%;float:right;}
.easy{position:absolute;top:160px; right:30px;}
.savoir{
padding:50px 200px;
}
.savoire{
padding:0px 80px;
}
.rosee{
padding: 10px 100px !important;
}
.border-top{
	border-top:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
}
.border-bottom{
	border-bottom:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
}
.border-right{
	border-right:1px solid #d6d6d6;
}

.border-left{
	border-right:1px solid #d6d6d6;
}
.partenaires{width:100%;margin:auto;}
.partenaires div{flex: 1;padding:10px 0px;text-align:center;float:left;height:88px}
.home {
    display:table;
    width:100%;
    max-width:100%;
	margin:20px 0px;
}
.home div {
    display:table-row;
    line-height:1.4em;
    font-size:16px;
    white-space:nowrap;
}
.home p {
    font-size:inherit; /* Change font-size in header */
    overflow:hidden;
    display:table-cell;
    vertical-align:middle;
    width:1px;
    table-layout:fixed;
color:#000;font-weight:500;font-family:var(--font-family-regular);
}
.home span.spacer {
    display:table-cell;
}
.home p{
    padding:0 10px;
}
.home span.spacer:after {
    display:inline-block;
    width:100%;
    content:".";
    font-size:0;
    color:transparent;
    height:1px;
    background:#d6d6d6;
    vertical-align:middle;
    position:relative;
    top:-1px;
}
.tophome {
    display:table;
    width:100%;
    max-width:100%;
	margin:20px 0px;
}
.tophome div {
    display:table-row;
    text-align: center; text-transform: uppercase; font-size: 31px; line-height: 1.4em;font-family: var(--font-family-regular);
    font-weight: 700;
    white-space:nowrap;
	color:#000;
}
.tophome p {
    font-size:inherit; /* Change font-size in header */
    overflow:hidden;
    display:table-cell;
    vertical-align:middle;
    width:1px;
    table-layout:fixed;

}
.tophome span.spacer {
    display:table-cell;
}
.tophome p{
    padding:0 10px;
}
.tophome span.spacer:after {
    display:inline-block;
    width:100%;
    content:".";
    font-size:0;
	border-top:1px dotted #000000;
    color:transparent;
    height:1px;
    background:#fff;
    vertical-align:middle;
    position:relative;
    top:-1px;
}
.cont-info{position: relative;top:33px}
.header-home { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; height: 655px; padding: 12px 12px; background: url('../img/Chemise_sur_mesure_home_1.jpg') no-repeat top center; background-size: cover; text-align: center; color: #FFF; margin-bottom: 50px; }
.header-home .contenu{width:100%;height:100%;border:1px dashed #b3b3b3;padding-top:300px}
/*.header-home .contenu h1 { text-transform: uppercase; font-size: 2.8rem; line-height: 1.4em; width:100%; font-weight:bold; margin-bottom: 10px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
.header-home .contenu h1::before,
.header-home .contenu h1::after {
    display: inline-block;
    content: "";
    height:1px;
	background:#fff;
    width: 5rem;
    margin: 0 1rem;
    transform: translateY(-1rem);
}*/
.topslide {
    display:table;
    width:100%;
    max-width:100%;
	margin:20px 0px;
}
.topslide div {
    display:table-row;
    text-align: center;
    white-space:nowrap;
}
.topslide p {
    font-size:inherit; /* Change font-size in header */
    overflow:hidden;
    display:table-cell;
    vertical-align:middle;
    width:1px;
    table-layout:fixed;
	text-transform: uppercase; font-size: 2rem; line-height: 1.4em; font-weight:bold; margin-bottom: 10px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

}
.topslide span.spacer,.topslide span.space {
    display:table-cell;
}
.topslide p{
    padding:0 20px;
}
.topslide span.spacer:after {
    display:inline-block;
    width:50%;
    content:".";
    font-size:0;
    color:transparent;
    height:1px;
    background:#fff;
    vertical-align:middle;
    position:relative;
    top:35px;
	float:right;
}
.topslide span.space:after {
    display:inline-block;
    width:50%;
    content:".";
    font-size:0;
    color:transparent;
    height:1px;
    background:#fff;
    vertical-align:middle;
    position:relative;
    top:35px;
	float:left;
}
.header-home .contenu span{
	font-size:1.5rem;
	margin-bottom:20px;
}
.header-home .contenu  .prix{
	display:block;
	font-size:4rem;
	margin-bottom:30px;
}
.btn-rose-home{
	padding:10px 100px !important;
}
	.tissu-catalogue-photo { width: 377px; height: 226px;margin:auto;margin-left: -15px;cursor:pointer;}
	#background2 {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    width: 100%;
    display: none;
}
  #background5 {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    width: 100%;
    display: none;
}
#popup #detail ul li {
    margin: 10px 0 0 10px;
}	
#popup #detail h1 {
    font-family: var(--font-family-regular);
    font-weight: 600;
    font-size: 24px;
    margin: 20px 10px 10px 10px;
	/*text-transform: uppercase;*/
}
.bordered{
border:1px solid #005539;
border-radius:5px;	
}
    /* MENU LATERAL */
    .menu-lateral { max-width: 400px; max-height: 620px}

    /* NAVIGATION MOBILE/FIXE */
    .icon-burger { margin-right: 10px; }
    .panier-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        right:25px;
        top : 20px;
        left:0px !important;
		    z-index: 101
    }
    .panier-btn-img { display: block; margin-right: 10px; width: 25%; }
    .hide-text { display: block; /*text-transform: uppercase; /*font-size: 1.6em;*/ }

    /* HEADER HOME */
    .header-home h1 { font-size:44px;line-height:44px;margin-bottom:30px;max-width:220px }

    /* FILTRES CATALOGUE */
    .filtres-catalogue-tissu { position: relative; top: -115px; }
    .filtres-catalogue-container { height: 62px; }
    .filtres-catalogue-mobile { display: none; }
    .filtres-catalogue 
	{ 
		display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; -webkit-box-pack: justify; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; height: 60px; border: none; overflow: visible; padding: 0; margin-bottom: 0; 
			    background-color: rgba(255,255,255,0.4);
				
	}

    .filtres-catalogue > li { height: 30px; line-height: 30px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; /*border-left: 1px solid #e6e6e6;*/ text-align: center; font-size: 1em; cursor: pointer; position: relative; background-color: #FFF; margin-right: 10px; border-radius: 5px; max-width: 220px;}
    .filtres-catalogue > li span { margin-bottom: 0; }
    .filtres-catalogue > li span span { background-color: #005539; width: 40px; height: 31px; position: absolute; top: 0px; right: 0px; border-radius: 0px 5px 5px 0px; }
    .filtres-catalogue > li span span:after { content: ''; display: block; height: 11px; width: 14px; background: url('../img/icon-fleche-menu-deroulant.png') no-repeat; position: absolute; top: 8px; left: 12px; }
	.filtres-catalogue > li span span:hover {background-color: #06695F;}
    .filtres-catalogue > li span input { width: 185px; text-align: center; border-radius: 7px; height: 30px; }
    /*.filtres-catalogue > li span:after { content: ''; display: block; height: 11px; width: 14px; background: url('../img/icon-fleche-menu-deroulant.svg') no-repeat; position: absolute; top: 40%; left: 75%; }*/
    .filtres-catalogue > li:first-child { border-left: none; }
    .filtres-catalogue > li:hover { /*background-color: #f6f6f6;*/ }
    .filtres-catalogue > li:hover > ul { display: block; }
    .filtres-catalogue-home 
	{ 
		display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; -webkit-box-pack: justify; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; height:100px; border: none; overflow: visible; padding: 0; margin-bottom: 0; 
			  background:#005539;
				
	}

    .filtres-catalogue-home  > li { height: 30px; line-height: 30px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; /*border-left: 1px solid #e6e6e6;*/ text-align: center; font-size: 1em; cursor: pointer; position: relative; background-color: #FFF; margin-right: 10px; border-radius: 5px; max-width: 220px;}
    .filtres-catalogue-home  > li span { margin-bottom: 0; }
    .filtres-catalogue-home  > li span span { background-color: #06695F; width: 40px; height: 31px; position: absolute; top: 0px; right: 0px; border-radius: 0px 5px 5px 0px; }
    .filtres-catalogue-home  > li span span:after { content: ''; display: block; height: 11px; width: 14px; background: url('../img/icon-fleche-menu-deroulant.png') no-repeat; position: absolute; top: 8px; left: 12px; }
	.filtres-catalogue-home  > li span span:hover {background-color: #033A35;}
    .filtres-catalogue-home  > li span input { width: 185px; text-align: center; border-radius: 7px; height: 30px; }
    /*.filtres-catalogue > li span:after { content: ''; display: block; height: 11px; width: 14px; background: url('../img/icon-fleche-menu-deroulant.svg') no-repeat; position: absolute; top: 40%; left: 75%; }*/
    .filtres-catalogue-home  > li:first-child { border-left: none; }
    .filtres-catalogue-home  > li:hover { /*background-color: #f6f6f6;*/ }
    .filtres-catalogue-home  > li:hover > ul { display: block; }
    /*.filtres-catalogue > li:before { content: ''; display: block; width: 1px; background: #e6e6e6; height: 50%; position: absolute; top: 25%; left: -1px; }*/
    .filtre-menu-deroulant { display: none; overflow: overlay; position: absolute; top: 30px; left: 0; background: #FFF; width: 100%; text-align: left; border: 1px solid #e6e6e6; box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05); border-radius: 6px 6px 0 0;}
    .filtre-menu-deroulant li { font-size: 15px; padding-left: 0px; background-position: 85% center; }

    /* CATALOGUE */
    .chemise-catalogue-photo img { }
    .chemise-catalogue:hover .chemise-catalogue-photo img { max-height: 330%; -webkit-transition: all 0.0s; transition: all 0.0s; }
    /* BANDEAU TISSU */
    .bandeau-tissu-top { font-size: 1em; }
    .bandeau-tissu-content { font-size: 31px; }
    .bandeau-tissu-bot { font-size: 31px; }
    .logo-tisseur { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

    /* CONNEXION DEJA CLIENT / NOUVEAU CLIENT CONTAINER */
    .connexion-container { padding: 50px; }
    .deja-client { border-top: none; border-right: 1px solid #e6e6e6; }

    /* CHOIX TYPE DE MESURE */
    .methode-mesure { padding: 30px 20px; min-height: 450px; }
    .methode-small { min-height: 170px; }
    .methode-medium { min-height: 320px; }
    .methode-content { font-size: 1em; }
    .methode-mesure a { width: 90%; }

    /* MESURE RAPIDE */
    .methode-mesure-rapide { min-height: 540px; }

    /* HEADER PAGE PRODUIT */
    .header-page-produit { text-align: left; }

    /* ARTICLE + DESCRIPTION */
    .article-container { text-align: left; }
    .article-container img { margin-left: 0; }
    .description-container { text-align: left; margin-bottom: 50px; }
	.description-container ul li span{
		font-size: 16px;
    color: #232323;
    display: inline-block;
    font-weight: 100;
	}
.span-fabric{   font-size: 16px;
    color: #222 !important;
    display: inline-block;
    font-weight: 800 !important;
    font-family: var(--font-family-h) !important;}
  .select-wrapper {
    display: block;
    overflow: hidden;
    border: 1px solid #ccc;
    height: 50px;width:88px;
    cursor: pointer;
}
.select-wrapper select::hover {
border:1px solid #838383;
  }
  .mz-hint-message{display: inline-block;
    background: rgba(49,51,61,.7);
    border-radius: 2em;
    padding: .7em 1.1em;
        font-size: 11px;
        cursor:pointer;
}
.mz-hint {
    bottom:30px;
    left: 0;
    right: 0;
    padding: 0 10%;
    background-color: transparent;
    -webkit-transition: opacity .4s ease,z-index .4s ease;
    transition: opacity .4s ease,z-index .4s ease;
    color: #fff;
    text-decoration: none;
    text-align: center;
    direction: ltr;
    display: inline-block;
    margin: 0;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}
.field-wrapper {
    width: 88px;
    height:48px;
    position: relative;
}
.field-wrapper:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
  
    top: 19px;
    right: 12px;
    border-right:7px solid transparent;
    border-left: 7px solid transparent;
    border-top:7px solid #001539;
    pointer-events: none;
}
.field-wrapper select:hover {
border:1px solid #838383;
  }
.field-wrapper select {
    padding: 9px 16px 9px 8px;
    line-height: 20px;
    height: 48px;
    font-size: 16px!important;
        border: 1px solid #c9cace;
    border-radius: 0;
    width:88px;
        cursor: pointer;
    -webkit-appearance: none;
     background: #fff;
     text-align: left;padding-left: calc(50% - 5px);
}
.mz-hint-message:before {
    content: '\02295';
    font-family: serif;
    font-size: 1.5em;
    speak: none;
    text-align: center;
    vertical-align: -2px;
    margin-right: 6px;
}
.select-wrapper select {
 background: #fff;border: 0px !important;text-align: center;padding-left: calc(50% - 5px);
      -webkit-appearance: none;
    outline-style: none;
    white-space: nowrap;
     height: 50px;width:88px;
}
.select-wrapper::after{
  content: "\25BC";
    display: block;
    position: relative;
    float: right;
    top: -32px;
    right:8px;
    background-color: #fff;
    width:14px;
    height:7px;
    text-align: center;
    margin-bottom: -25px;
}
	.description-container h1 {
    font-family: 'Gotham-Medium', sans-serif;
    font-weight: bold;
    font-size: 24px;
    margin: 10px 10px 10px 0px;
    /* text-transform: uppercase; */
	}
	.description-container #btn_commande_tissu {
		margin: 20px 10px 15px 0px;
	}
    .p-ch{font-size: 16px;
    text-transform: lowercase;}
	.description-container ul li.text {
		margin-top: 8px;
		line-height: 1.5em;
		text-align: justify !important;
        font-size:16px !important;
	}
    .description-prix { text-align: left; }
    .modifier-chemise { padding-left: 0; }

    /* PANIER */
    .photo-article-panier { height: 200px; min-width: 200px; }
    .description-article-panier { justify-content: center; }
    .description-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0px; }
    .description-bottom { display: flex; align-items: center; font-size: 1em; justify-content: space-between; }
    /* MENU FIXE */
    .filtre-fixed-top{
        position: fixed;
        left : 0px;
        right: 0px;
        z-index: 888;
        top:70px;
        background-color: #fff;
        min-height: 60px;
	    width: 100%;
        padding-left: 0px;
        padding-right: 0px;
	
    }


 
    .cols {
        width: 20%;
    }
    .image_col div.pointeur {
        width: 24%;
        max-width: 24%;
        height: 100%;
        position: relative;
        background: #fff;
        opacity: 0;
        z-index: 9997;
        float: left;
    }
    .image_col div.pointeur.gauche {
        margin-left: 0px;
    }
    .image_col div.pointeur.centre {
        margin-left: 0px;
    }
    .image_col div.pointeur.droit {
        margin-left: 0px;
    }
    .logo-container {
        position: absolute;
        left: calc(50% - 60px);
        left: -moz-calc(50% - 60px);
    }
    .close-detail { display: none;}
    #close-detail-img { display: none; }
    #close-detail-span { display: none; }
    #popup {
    /*background: #fff;*/
        position: fixed;
        z-index: 1501;
        width: 100%;
        /*height: 449px;*/
        top: 10px;
        /*left: 50%;
        /*margin-top: -225px;
        margin-left: -450px;*/
        /*text-align: left;*/
        display: none;
        /*box-shadow: 0 0 20px #333;*/
        font-family: var(--font-family-regular);
        font-weight: 400;
    }
    #popup #photo_detail {
        width: 726px;
        height: 676px;
        position: absolute;
        margin: 0 0 0 0;
        overflow: hidden;
		background-color:#fff;
    }
    .popup_description {
        margin-left: 10px;
	   width: 479px;
    }
    .fixed {
        margin-top: 150px;
    }
    .fixed-tissu {
        margin-top: 20px;
    }
}


@media screen and (max-width:767px) {
  .text-categorie{
  padding: 40px 40px;
    background: #eee;
    width: 100%;
    height: 100%;
}
.filtere{padding: 100px 16px 40px 0 !important;border:none}
.mrg-20{margin-left:0px !important}
#header{height:70px !important}
#header,#header.fixed-theme {top:0px }
.cont-info{position: relative;top:46px}
.fixed-header-modele{
    width:100% !important;
}
.filter-icon {
    background: transparent url(../img/filter2.svg) no-repeat left center;
    background-size: 32px;
        display: inline-block;
    width: 30px;
    height: 24px;
    position: relative;
    top: 10px;
    margin-right: 10px;
    opacity: .5;
}
.mrg-lft{
    margin-left:0px;
}
.header-filter a {
      width: 100px;
    margin: 0 auto;
}
.display-no{
  display: block !important;
}
.display-yes{
  display: none;
}
.title-modele {
    font-size: 18px;
    margin-bottom: 10px;
    font-family: var(--font-family-regular);
    line-height: 25px;
    }
.title-filter{
    position:fixed;right:10px;top:00px;z-index:99999;background: #fff;width:85%;visibility: hidden; 
    display: flex !important;align-items:center ;justify-content: space-between;padding-top:20px;text-align: left;margin-bottom: 30px;padding-left:10px;border-bottom: 1px solid rgb(85,85,85);padding-bottom: 10px;
}
.title-filter p{font-size:18px;font-family:var(--font-family-regular),sans-serif;font-weight: 900;display: block !important;}
.header-filter {
    float: right;
    text-align: center;
    position: relative;
    display: none;
    top:10px;
    width: 100%;
    margin: 10px auto;
    font-size: 14px;
    color: #757575;
    -webkit-transition: .4s cubic-bezier(.3, .3, .05, 1);
    transition: .4s cubic-bezier(.3, .3, .05, 1);
}
.header-page { padding: 10px 10px !important; }
.filter .filter-panel .filter-inner {
    position: absolute;
    bottom: 0;
    padding: 30px;
    max-width: 440px;
    margin: 0 auto;
    -webkit-transition: .6s cubic-bezier(.19, 1, .22, 1);
    transition: .6s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-overflow-scrolling: touch;
}
.barss{
      margin-top: 50px !important;
}
.barss1{
      margin-top: 30px !important;
}
.field-wrapper select {
    padding: 9px 16px 9px 8px;
    line-height: 20px;
    height: 48px;
    font-size: 16px!important;
    border: 1px solid #c9cace;
    border-radius: 0;
    width: 88px;
    cursor: pointer;
    -webkit-appearance: none;
    background: #fff;
    text-align: center;
    padding-left: calc(50% - 15px);
}
.field-wrapper{position: relative;}
.field-wrapper:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 19px;
    right: 12px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #001539;
    pointer-events: none;
}
.filter {
    -webkit-flex: 0 0 16em;
    -moz-flex: 0 0 16em;
    -ms-flex: 0 0 16em;
    flex: 0 0 16em;
    padding: 0 16px 16px 0;
    position: fixed;
    top: 215px;
    left:0;
    width: 100%;
    bottom:0;
    overflow-y: scroll;
    background: #fff;
    padding: 0;
    z-index: 999;
    border-right: none;
    border: 1px solid #ddd;
}
.header-page{
    margin-top:45px;
  margin-bottom: 0px !important;
}
.select-wrapper select {
 background: #fff;border: 0px !important;text-align: center;padding-left: calc(50% - 5px);
      -webkit-appearance: none;
    outline-style: none;
    white-space: nowrap;
     height: 50px;width:88px;
}
.select-wrapper::after{
  content: "\25BC";
    display: block;
    position: relative;
    float: right;
    top: -32px;
    right:8px;
    background-color: #fff;
    width:14px;
    height:7px;
    text-align: center;
    margin-bottom: -25px;
}
  .mz-hint-message{display: inline-block;
    background: rgba(49,51,61,.7);
    border-radius: 2em;
    padding: .7em 1.1em;
        font-size: 11px;
}
.mz-hint-message:before {
    content: '\02295';
    font-family: serif;
    font-size: 1.5em;
    speak: none;
    text-align: center;
    vertical-align: -2px;
    margin-right: 6px;
}
.mz-hint {
    bottom:30px;
    left: 0;
    right: 0;
    padding: 0 10%;
    background-color: transparent;
    -webkit-transition: opacity .4s ease,z-index .4s ease;
    transition: opacity .4s ease,z-index .4s ease;
    color: #fff;
    text-decoration: none;
    text-align: center;
    direction: ltr;
    display: none;
    margin: 0;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}
.prt{
 display: inline-block;width:100%;
}
.part-popup1 {
  position:relative;
    margin: 5px 5px !important;
    width: 130px;
    height: 155px !important;
    padding: 10px !important;
    border: 2px solid #eee;
        background: #fcfcfc;
    display: inline-block;
}
.parts1 {
  width:100% !important;
      padding: 0 25px;
  }
  .contain{
    width:100% !important;
    padding:0 10px;
    margin-bottom: 60px !important;
  }
  .mrg-60{
  margin-bottom: 60px;
  }
.modal-dialog{
    max-width: 100%;
    margin-top: 100px !important;
}
.mobody{
padding: 0px 20px 30px 20px;
}
.h-modal{
  text-align:center;font-size: 16px;margin-top:20px;
}
.part-popup {
    margin: 5px 10px !important;
    width: 40%;
    height: 115px !important;
    padding: 5px !important;
    display: inline-block;
}
.height_2{
height: 350px;
}
.margin95{
  margin-top:40px !important;
}
.text_option{
  margin-left:0px !important;
}
.delivery{
  padding-left:0px !important;
}
.padding_2{
  padding-left:0px !important;
}
.img-categorie{
  margin-top:-20px;
}
.img-categorie img{
  width:100%;
  height: auto;
  }
  .fil-arianne-activ{
    font-size:24px;
  }
  .blok {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 30px;
}
.blok1 {
    margin-left: 0px;
    margin-right: 0px;
    background: #fff;
    padding: 10px;
}
.padding_3{
  padding-left:0px !important;
}
.delivery a{
  font-size:15px !important;
}
.btn_vert{
  font-family: var(--font-family-regular);
  line-height: 20px;
margin-top: 30px;text-align:center;margin-bottom:20px;
}
.margin_1{
  margin-top:20px;
}
.description-container ul li span {
    font-size: 16px;
    color: #666;
    display: inline-block;
 
    font-weight: 400;
}
  .bars {
    width: 75%;
    background: #eee;
    height: 1px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 30px;
    position: relative;
}
.barss,.barss1 {
    width: 75%;
    background: #eee;
    height: 1px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 30px;
    position: relative;
}
    #openMenu{
 display:block;width:130px;height:70px;
 padding:18px 0px;
  }
  .label {
font-size:0.7em !important;
  }
    .info-cookie{
      padding:20px 0px;
    }
  
  .text_desc{
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
  }
.LanguageSwitcher {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding:1em !important;
    height: 100vh;
    width: 100vw;
    overflow: auto;
    z-index: 99999 !important;
}
#barre{
  padding-top:20px;
  padding-bottom:20px;
}
.LanguageSwitcher .Wrapper.continent {
    max-width: 100%;
    margin: 0 auto;
}
.LanguageSwitcher .Wrapper.contin767ents:not(:last-child) {
    margin-bottom: 2em;
}
    .divheader{
    display: inline-block;float:right;position: relative;right:10px;height:70px;z-index:999;
  }
  .fleche_bulle1{
  position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid;margin-top:49px;
    left: 50%;
    transform: translate(-50%, 0);
  color:#005539;"
}
.fleche_bulle2{
  position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid;margin-top:48px;
    left: 50%;
    transform: translate(-50%, 0);
  color:#005539;"
}
.fleche_bulle{
  position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid;margin-top:49px;
    left: 50%;
    transform: translate(-50%, 0);
  color:#005539;"
}
.onglet_active{
  font-size: 1em;background-color:#005539;color:#fff !important; padding:10px 10px 10px 5px;width:280px;display:block;margin:0 auto;
}
.onglet_lien{font-size: 1em;border:2px solid #e6e6e6; padding:10px 10px 10px 5px;width:280px;display:block;margin:0 auto;}
.onglet_lien img{
  width:40px;height:40px;margin-right:10px;
}
.onglet_active img{  width:40px;height:40px;margin-right:10px;
}
  #slider-thumbs{
    display: block;
  }
  .pictures_eyes_header{
    background:transparent !important;
  }
  .carousel-indicators{
    display: block;
  }
.pictures_eyes_in .prev, .pictures_eyes_in .next{
  display:none;
}
  .pictures_eyes_in{
    margin-top:0px !important;
  }
  .pictures_eyes_close {
    position: fixed;
    top: 20px;
    right: 20px;
    display: inline-block;
    width: 40px;
    height: 40px;
    z-index: 1237;
    background: #eee;
    border-radius: 50%;
    padding: 5px;
    display: none;
}
  .pictures_eyes_title {    display: none !important;}
  .lineh{line-height: 35px !important;}
	.top-compte{
		padding-top:0px;
	}
	.top-compte p{
		line-height:20px;
		font-size:15px;
	}
	.bot-compte{
	width:100%;
	}
	.bot-compte p{
		line-height:20px;
		font-size:15px;

	}
    .methode-titre{
      text-align:left;
    }
  .methode-mesure {
    /*padding-left:5px !important;*/
    text-align:left;
    padding:20px;
  }
  .mesure-left{
  	padding-left:5px !important;
  }
.panier-img {
    width: 320px;
    left: -10px;
    transform: translate(-20px);
    overflow: hidden;
}
.chemise-catalogue-photo img {
    width: 100%;
    height: auto;margin:0 auto}
.chemise-catalogue-photo {
    height: 180px;
    padding: 0px;
}
.modele-cataloguee {
    font-size: 14px;
}

/*.left{
display:inline-block;width:65%;text-align:left;padding-left:10px;
  }
  .right{
   display:inline-block;width:35%;text-align:left; 
  }*/
  .wf{
    width:80% !important;
  }
  .wr{
    width:20% !important;
  }
  .wrd{
    width:50% !important;
  }
  .sens{text-align:left;}
  .flane{
    border:none;background: linear-gradient( rgba(0, 0, 0, 0.45),rgba(0, 0, 0, 0.45)),url(../img/flanelle_mileta_legere.jpg) no-repeat;background-position: calc(15% - 10px);
  }
.temoigne{padding: 0px 7px 0px  7px !important;}

.lino{line-height:35px !important;}
.text-cataloguee{line-height:1.4em !important;}
.easy{position:absolute;top:110px; right:30px;}
.bar{width:100%;float:left;}
.bare{width:100%;float:left;text-align:left;padding:70px 30px;}
.image_col{height:130px !important;}
.pl50{padding-left: 0px !important; */
} 
.pr50{
padding-right:0px !important;
}
.fsize19 {font-size: 16px !important;}
.text-catalogue{
height:100% !important;	
}
.chemise-catalogue {
height:100% !important;
margin:20px auto !important;		
}
.savoir{
padding:50px 50px;
}
.savoire{
padding:0px 10px;
}
.rosee{
padding: 10px 50px !important;
}

	.border-top{
	border-top:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
}
.border-bottom{
	border-bottom:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
}
.border-right{
	border-bottom:1px solid #d6d6d6;
}
.filtres-catalogue-container-tissus-home {height: 100%; width: 100%; position: relative; z-index: 10;margin-top:20px;margin-bottom:50px;}
.partenaires{width:100%}
.partenaires div{padding:10px 0px;text-align:center;float:left;height:88px}
.home {
    display:table;
    width:100%;
    max-width:100%;
	margin:20px 0px;
}
.home div {
    display:table-row;
    line-height:1.4em;
    font-size:16px;
    white-space:nowrap;
}
.home p {
    font-size:inherit; /* Change font-size in header */
    overflow:hidden;
    display:table-cell;
    vertical-align:middle;
    width:1px;
    table-layout:fixed;
color:#000;font-weight:500;font-family:var(--font-family-regular);
}
.home span.spacer {
    display:table-cell;
}
.home p{
    padding:0 10px;
}
.home span.spacer:after {
    display:inline-block;
    width:100%;
    content:".";
    font-size:0;
    color:transparent;
    height:1px;
    background:#d6d6d6;
    vertical-align:middle;
    position:relative;
    top:-1px;
}
.tophome {
    display:table;
    width:100%;
    max-width:100%;
	margin:20px 0px;
}
.tophome div {
    display:table-row;
    text-align: center; text-transform: uppercase; font-size: 31px; line-height: 1.4em;font-family: var(--font-family-regular);
    font-weight: 700;
    white-space:nowrap;
	color:#000;
}
.tophome p {
    font-size:inherit; /* Change font-size in header */
    overflow:hidden;
    display:table-cell;
    vertical-align:middle;
    width:1px;
    table-layout:fixed;

}
.tophome span.spacer {
    display:table-cell;
}
.tophome p{
    padding:0 10px;
}
.tophome span.spacer:after {
    display:inline-block;
    width:100%;
    content:".";
    font-size:0;
	border-top:1px dotted #000000;
    color:transparent;
    height:1px;
    background:#fff;
    vertical-align:middle;
    position:relative;
    top:-1px;
}
.header-home { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; height: 455px; padding: 12px 12px; background: url('../img/Chemise_sur_mesure_home.jpg') no-repeat top center; background-size: cover; text-align: center; color: #FFF; margin-bottom: 50px; }
.header-home .contenu{width:100%;height:100%;border:1px dashed #b3b3b3;padding-top:150px}
.topslide {
    display:table;
    width:100%;
    max-width:100%;
	margin:20px 0px;
}
.topslide div {
    display:table-row;
    text-align: center;
    white-space:nowrap;
}
.topslide p {
    font-size:inherit; /* Change font-size in header */
    overflow:hidden;
    display:table-cell;
    vertical-align:middle;
    width:1px;
    table-layout:fixed;
	text-transform: uppercase; font-size: 2.8rem; line-height: 1.4em; font-weight:bold; margin-bottom: 10px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

}
.topslide span.spacer,.topslide span.space {
    display:table-cell;
}
.topslide p{
    padding:0 20px;
}
.topslide span.spacer:after {
    display:inline-block;
    width:50%;
    content:".";
    font-size:0;
    color:transparent;
    height:1px;
    background:#fff;
    vertical-align:middle;
    position:relative;
    top:35px;
	float:right;
}
.topslide span.space:after {
    display:inline-block;
    width:50%;
    content:".";
    font-size:0;
    color:transparent;
    height:1px;
    background:#fff;
    vertical-align:middle;
    position:relative;
    top:35px;
	float:left;
}
.header-home .contenu span{
	font-size:1rem;
	margin-bottom:20px;
}
.header-home .contenu  .prix{
	display:block;
	font-size:3rem;
	margin-bottom:30px;
}
.btn-rose-home{
	padding:10px 100px !important;
}
	#detailpanier{
		width:100% !important;
		margin-left:20px !important;
	}
	.h2_texte {
    font-size: 1.2em !important;
    margin: 0 20px 20px 20px !important;
    line-height: 30px !important;
}
.texte {
    font-size: 17px;
    margin: 0 20px 20px 20px !important;
}
	.centered-area-displayedd {
    position: absolute !important;
    top: 120px !important;
    left:12px;
    width:30%;
}
	.tissu-catalogue-photo { width: 100%; height: auto;margin:auto;margin-left: 0px;}
	.description-bottom {
 display: block !important; 
    /* align-items: center; */
    font-size: 1em;
    justify-content: inherit !important;
    float: left;
    text-align: left;
}
.description-bottom div{
	width: 100% !important;
    margin-bottom: 10px;
    height: 20px;
    float: left;
    text-align: left;
}
.description-bottom p{
    float: left !important;
    text-align: left;
}
	#filtre_container_tissu.fixed-theme {
		background:#fff !important;
	}
	#background2 {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    background: #000;
    opacity:0;
    width: 100%;
    display: none;
}
	.filtres-catalogue > li span .ok-filtre {
	margin-top: -5px !important;
	right: 20px !important;

}
#popup #detail ul li span,#detail ul li span{
	font-size:15px !important;
}	

.btn-rose {
	font-size:15px !important;
    line-height: 20px;
}
#popup #detail ul li,#detail ul li  {
    margin: 10px 10px 0 10px ;
    font-size: 14px !important;
	line-height:18px !important;
}
#popup #detail h1,#detail h1 {
    font-family: var(--font-family-regular);
    font-weight: 600;
    font-size: 18px !important;
    margin: 10px 10px 10px 10px;
    /* text-transform: uppercase; */
}
.description-titre {
font-size: 2em !important;
}

.bordered{
border:none;
border-radius:0px;	
}	
.description-prix{
font-size: 3em !important;
}
.modele-catalogue-home {
	font-size:24px;
}
.reference{
	padding-right:0px;font-size: 14px; line-height: 1.2em; margin-bottom: 10px; padding-top: 0px !important; text-align: left !important; color: #7f7f7f;
}
	.hamburger {
		padding-left:0px !important;
	}
	.catalogue-details-home { max-height: 200px; overflow: hidden; text-align: center; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; width:100%;margin:auto;}
	.filtres-catalogue-tissu { position: relative; top: -115px; }
	
	.scoll-filtre{
	height: 100%;
  overflow-y: scroll;
	overflow-x:hidden;
  
	}
	.posfix{
	position: fixed;
    z-index: 99;
	width:100%;
	}
	.filtre-scroll{
	position: fixed;
	right: 0px;
	left: 0;
  bottom:0px;
  top:0px !important;
	z-index: 9999;
	background: #fff;
	width:100%;
	padding-left:0px;
	padding-right:0px;
  min-height:100%;
  -webkit-overflow-scrolling: touch;
    }
    /* NAVIGATION MOBILE/FIXE */
    .icon-burger { margin-right: 10px; }
    .panier-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        /*left: calc(100% - 35px);
        left: -moz-calc(100% - 35px);*/
        right: 0px;
        top:21px;
        margin-right:0px !important;
		z-index: 101
    }
    .panier-btn-img { display: block; /*margin-right: 10px;*/}
    .hide-text { display: none;}
    /* MENU FIXE */
    .filtre-fixed-top{
        position: fixed;
        right: 0px;
        left: 0;
        z-index: 9999;
        top: 120px;
    }
    .navbar-brand a img {
        width: 160px;
        position: relative;
        margin-top: 0px;
        margin-left:0px;
    }
    .navbar-brand {
        padding:10px !important;
    }
    .navbar-brand div img {
        position: relative;
        top: -1px;
        left: calc(50% + 80px);
        left: -moz-calc(50% + 80px);
        width: 20px;
    }
    .navbar-brand.fixed-theme div img {
        /*position: absolute;
        top: calc(50%);
        left: calc(50%);*/
    }
    .filtres-catalogue { background-color: #FFF; }
	.filtres-catalogue > li { padding:10px 0px; }
    .filtres-catalogue > li span { color: #555;border-bottom:1px solid #ddd;height:30px;cursor: pointer; }
	.filtres-catalogue > li span span {
    background-color: #fff;
    width: 40px;
    height: 30px;
    position: relative;
	float:left;
	margin-left:calc(100% - 30px);
    margin-top: -25px;
    right: 0px;
	border:none;
    /*border-radius: 0px 5px 5px 0px;*/
}
   .filtres-catalogue-home { background-color: #FFF; }
	.filtres-catalogue-home > li { padding:10px 0px; }
    .filtres-catalogue-home > li span { color: #555;border-bottom:1px solid #ddd;height:30px;cursor: pointer; }
	.filtres-catalogue-home > li span span {
    background-color: #fff;
    width: 40px;
    height: 30px;
    position: relative;
	float:left;
	margin-left:calc(100% - 30px);
    margin-top: -25px;
    right: 0px;
	border:none;
    /*border-radius: 0px 5px 5px 0px;*/
}
#sptis:after,#spmot:after {
    content: '';
    display: block;
    height: 12px;
    width: 19px;
    background: url(../img/arrow_down.png) no-repeat;
    position: absolute;
    top: 10px;
    left: 45px;
}
#spcol.changed:after,#sptis.changed:after,#spmot.changed:after{
content: '';
    display: block;
    height: 12px;
    width: 19px;
    background: url(../img/arrow_up.png) no-repeat;
    position: absolute;
    top: 10px;
    left: 45px;
}
 
.filtre-menu-deroulant {
    display:none;
}
    .navbar-brand.fixed-theme a img {
        /*width: 15%;
        position: absolute;
        left: calc(33%);
        top: 15px;*/
    }
    .cols {
        width: 50%;
    }
    .chemise-catalogue-marge {margin: 0px}
    .image_col div.pointeur {
        width: 30%;
        max-width: 30%;
        height: 40%;
        position: relative;
        background: #fff;
        opacity: 0;
        z-index: 9997;
        float: left;
    }
    .image_col div.pointeur.gauche {
        margin-left: 0px;
    }
    .image_col div.pointeur.centre {
        margin-left: 0px;
    }
    .image_col div.pointeur.droit {
        margin-left: 0px;
    }
    .logo-container {
        position: absolute;
        left: calc(50% - 29px);
        left: -moz-calc(50% - 29px);
    }
    .close-detail { width: 110px;height: 50px;background-color:  white;position:  absolute;top: 30px; left: 50%;
    transform: translate(-50%, 0);border-radius: 30px;cursor:pointer; z-index:99}
    #close-detail-img { width: 14px; position:  absolute; top: 18px; right: 15px; }
    #close-detail-span { color: #000 !important; position: absolute; top: 15px; left: 15px; font-size: 17px;height:20px;line-height:20px;font-weight:600 !important; }
    .popup_description {
        position: absolute;
        top: 0;
        right: 0;
        left: 0px;
		padding-left:0px;
		padding-right:0px;

    }
    #popup {
        width: 100%;
        z-index: 2000;
        height: auto;
        margin-top: 0px !important;
        left: 0;
        bottom: 0;
        margin: 0;
        display: none;
        box-shadow: none;
		padding-bottom:20px;
		top:0 !important;
    }
.fermer-popup {display:none;}
.fpopup{
  display: block !important
}
    #popup #photo_detail #fois2 {
        position: absolute;
        margin: 399px 0 0 10px;
    }
    #popup #detail {
        width: 100%;
        position: fixed !important;
        top:0;
        margin: 0;
        height: 100% !important;
        overflow-y: scroll;
		overflow-x:hidden;
        text-align: left;
		left:0;
		right:0;
		bottom:0;
    }
	 #popup #detail::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
    #popup #photo_detail {
        width: 100%;
        height: 449px;
        position: absolute;
        margin: 0 0 0 -20px;
        overflow: auto;
    }
    /*#popup #photo_detail img {
        width: 100%;
        height: auto;
        position: absolute;
    }*/
    .fixed {
        margin-top: 130px;
    }
    .fixed-tissu {
        margin-top: 20px;
    }
    #centred-area-displayed {  
        position: relative;
        left: 0;
    }
	.popup-marque{
    position: absolute !important;
    top: calc(100% - 80px) !important;
    /*left: calc(30% - 70px);*/
    z-index: 9999;
	}
	#popup #btn_commande_tissu {
    margin: 30px auto 15px auto;
	display: block;
    }
	/*#image-displayed {
		position: relative;
		left: calc(20vw - 220px);
		left: -moz-calc(25vw - 220px);
		height:400px;
	}*/
    .sep-price {
        display: none;
    }
}



@media screen and (min-width:992px) {
.border-top{
border-top:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
}
.border-bottom{
border-bottom:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
}
.border-right{
border-right:1px solid #d6d6d6;
}

.border-left{
	border-right:0px;
}
/* MEDIA QUERIES 
    /* INFO-LIVRAISON */
    .info-livraison-container p { font-size: 1em; color: #FFF; text-transform: uppercase; line-height: 1.4em; text-align: center; width: 100%; }

    /* MENU LATERAL */
    .guide-menu-deroulant { background-color: transparent; }

    /* NAVIGATION MOBILE/FIXE */
    .logo-container > img { display: inline-block; margin-left: 15px; padding-top: 3px; }

    /* NAVIGATION MOBILE/FIXE */
    .right-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .compte-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; cursor: pointer; }
    .compte-btn-img { margin-right: 7px; }

  

    /* HEADER CATALOGUE CHEMISE */
    .header-page { padding: 50px 10px; }
    .header-page-tissu { padding: 120px 10px; }
    .fil-arianne { font-size: 1em; }
    .fil-arianne-activ { /*font-size: 3em;*/ }
    .modele-find {    font-size: 0.9em;
    line-height: 24px; }

    /* FILTRES CATALOGUE */
    .filtre-menu-deroulant li { font-size: 15px; }

    /* BANDEAU TISSU */
    .bandeau-tissu-top { font-size: 31px; }
    .bandeau-tissu-content { font-size: 31px; }
    .bandeau-tissu-bot { font-size: 31px; }

    /* CHOIX TYPE DE MESURE */
    .methode-mesure { padding: 30px; }
    .methode-content { font-size: 17px; }
    .methode-mesure a { width: 80%; }

    /* MESURE RAPIDE */
    .methode-mesure-rapide { padding-left: 15px; padding-right: 15px; }

    /* ARTICLE + DESCRIPTION */
    .article-container { height: 600px; margin-left: -50px; }
    .article-container img { margin-left: 0px; }
    .description-container { padding-left: 30px; }
    .option-description { float: left; width: 50%; }

    /* PANIER */
    .photo-article-panier { height: 300px; width: 300px; }
    .description-article-panier { justify-content: center;  }
    .description-top {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }
    .top-compte{padding-top:30px;font-size:15px;line-height: 20px;text-align:left;}
    .bot-compte{padding-top:0px;font-size:15px;line-height: 20px;text-align:left;}
    .nom-article-panier { margin-right: 0px; }
    .description-bottom { display: flex; align-items: center; font-size: 1em; justify-content: space-between; }

    /* ESPACE CLIENT */
    .espace-client-sous-nav { text-align: left;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 30px 0.00px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);padding:0px }
    .espace-client-sous-nav li { display: block; margin: 0;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6; }
    .espace-client-sous-nav li.actif{border-left:3px solid #005539;}
    .espace-client-sous-nav li:last-child {border-bottom:1px solid #e6e6e6;}
    .espace-client-sous-nav li a { font-size: 1em; line-height: 44px;padding-left:10px; }
    .espace-client-sous-nav li a.sous-nav-actif { color: #005539; }
    .modifier-info-compte { font-size: 1em; text-decoration: underline; color:#005539;}

    .burger-menu {
	width:130px;
	height:70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        position: relative;
        left: 1%;
        padding-top: 3px;
    }
    .panier-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        left: 87%;
        top: 25px;
		z-index: 101
    }
    .cols {
        width: 20%;
    }
    .chemise-catalogue-marge {margin: 15px}
    #popup {
    /*background: #fff;*/
        position: fixed;
        z-index: 1501;
        width: 100%;
        /*height: 449px;*/
        top: 10px;
        /*left: 50%;
        /*margin-top: -225px;
        margin-left: -450px;*/
        /*text-align: left;*/
        display: none;
        /*box-shadow: 0 0 20px #333;*/
        font-family:var(--font-family-regular);
        font-weight: 400;
    }
}
@media screen and (max-width:991px) {

.panier-content-hover{
	display:none
}
/* MEDIA QUERIES 
    /* INFO-LIVRAISON */
    .info-livraison-container p { font-size: 1em; color: #FFF; text-transform: uppercase; line-height: 1.4em; text-align: left; width: 100%; }

    /* MENU LATERAL */
    .guide-menu-deroulant { background-color: transparent; }

    /* NAVIGATION MOBILE/FIXE */
    .logo-container > img { display: inline-block; margin-left: 15px; padding-top: 3px; }

    /* NAVIGATION MOBILE/FIXE */
    .burger-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; height:100%; position: relative; left: 10px; padding-top: 0px}
    .right-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .compte-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; cursor: pointer; }
    .compte-btn-img { margin-right: 7px; }

   
    /* HEADER CATALOGUE CHEMISE */
    .header-page { padding: 50px 10px; }
    .header-page-tissu { padding: 120px 10px; }
    .fil-arianne { font-size: 1em; }
    .fil-arianne-activ { /*font-size: 2em;*/ }
    .modele-find { font-size: 1em; }

    /* FILTRES CATALOGUE */
    .filtre-menu-deroulant li { font-size: 15px; }

    /* BANDEAU TISSU */
    .bandeau-tissu-top { font-size: 31px; }
    .bandeau-tissu-content { font-size: 31px; }
    .bandeau-tissu-bot { font-size: 31px; }

    /* CHOIX TYPE DE MESURE */
    .methode-mesure { padding: 30px; }
    .methode-content { font-size: 17px; }
    .methode-mesure a { width: 100%; }

    /* MESURE RAPIDE */
    .methode-mesure-rapide { padding-left: 15px; padding-right: 15px; }

    /* ARTICLE + DESCRIPTION */
    .article-container { height: 600px; margin-left: -50px; }
    .article-container img { margin-left: calc(0% - 165px); }
    .description-container { padding-left: 0px; }
    .option-description { float: left; width: 50%; }

    /* PANIER */
    .photo-article-panier { height: 300px; width: 300px; }
    .description-article-panier { justify-content: center; }
    .description-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 20px 0; }
    .nom-article-panier { margin-right: 10px; }
    .description-bottom { display: flex; align-items: center; font-size: 1em; justify-content: space-between; }

    /* ESPACE CLIENT */
    .espace-client-sous-nav { text-align: left; }
    .espace-client-sous-nav li {padding-left:10px; display: block; margin: 0;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6; }
    .espace-client-sous-nav li:last-child {border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
    .espace-client-sous-nav li a { font-size: 1em; line-height: 44px; }
    .espace-client-sous-nav li.actif{border-left:3px solid #005539;}
    .espace-client-sous-nav li a.sous-nav-actif { color: #005539;}
    .modifier-info-compte { font-size: 1em; text-decoration: underline; color:#005539}
    .chemise-catalogue-marge {margin: 0px}
    #popup {
        background: #fff;
        position: fixed;
        z-index: 9999;
        width: 100%;
        height: 100%;
        /*top: 10px;*/
        /*left: 50%;
        /*margin-top: -225px;
        margin-left: -450px;*/
        /*text-align: left;*/
        display: none;
        /*box-shadow: 0 0 20px #333;*/
        font-family: var(--font-family-regular);
        font-weight: 400;
    }
    .sep-price {
        display: none;
    }
}
@media screen and (max-width:1199px) {
    .sep-price {
        display: none;
    }
    .centered-area-displayed {

    }
}
.btn_plus {
    float: right;
    width: 27px;
    height: 18px;
    background-color: #005539;
    border-radius: 13%;
    text-align: center;
    color: white;
    vertical-align: baseline;
    cursor: pointer;
    font-size: 1em;
    margin-left: 5px;
}
.btn_plus:hover {
    background: #ee3e53
}
.btn_plus:active {
    background: #b61024
}


.puce {
	margin-bottom:8px;	
}
.puce::before{
	content: "■ ";
  color: #005539; 
  display: inline-block; width: 1em;
  margin-left: -1em;
}
#info+#header {
    top: 50px;
}

#header {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 1030;
    height: 70px;
    background:white;
}

.search{
font-size: 16px; color: #FFF; margin-right: 10px;width:20%;
}
/*.navbar-container {
    padding: 20px 0 0 10px;
}*/


.position-fixed{position: fixed !important;}
#infoe.fixed-theme {
display: none;

}
#filtre_container_tissu.fixed-theme {
    background-color: #fff;
    box-shadow: #ccc 0 5px 5px;
     position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;

}
.navbar-container.fixed-theme {
    height: 50px;
}

.burger-menu.fixed-theme {
 height: 70px;
 padding-top:3px !important;
}


#header.fixed-theme{ transition-property: background-color, border-color, box-shadow, padding-top;
    transition: 0s;
    -webkit-transition:  0s;}
footer {
    position: relative;
    bottom: 0px;
    width: 100%;
    margin-top: 40px;
}

.footer-social {
    width: 100%;
    height: 50px;
    display: inline-flex;
    justify-content: center;
}

.footer-social-fb {
    border: 1px solid #fff;
    border-radius: 25px;
    background: url(../img/fb.png) no-repeat;
    width: 44px;
    height: 44px;
    background-size: 43px;
    margin: 0px 10px 0px 0px;
    background-color: #fff;
}

.footer-social-fb:hover {
    background: url(../img/facebook.png) no-repeat;
    background-size: 43px;
    background-color: #fff;
}

.footer-social-g-plus {
    border: 1px solid #fff;
    border-radius: 25px;
    background: url(../img/gplus.png) no-repeat;
    width: 44px;
    height: 44px;
    background-size: 44px;
    margin: 0px 10px 0px 0px;
    background-color: #fff;
}

.footer-social-g-plus:hover {
    background: url(../img/google.png) no-repeat;
    background-size: 44px;
    background-color: #fff;
}

.footer-social-pinterest {
    border: 1px solid #fff;
    border-radius: 25px;
    background: url(../img/pint.png) no-repeat;
    width: 44px;
    height: 44px;
    background-size: 43px;
    background-color: #fff;
}

.footer-social-pinterest:hover {
    background: url(../img/pinterest.png) no-repeat;
    background-size: 43px;
    background-color: #fff;
}

#footer-sub{
    background-color: #f3f7f8;
    border-top: 1px solid #dbdbdb;
}

#footer-main{
    background-color: #fff;
}

#footer-sub h5{
    color:#565656;
    margin-top: 25px;
}

#footer-sub ul{
    list-style: none;
    margin-top: 20px;
}

#footer-sub hr{
    margin: 5px;

}

#footer-sub ul li{
    margin-left: -38px;
}

.vertical-line{
    border-right: 1px solid #dbdbdb;
    margin: 8px;
    padding: 0px;
}

.glyphicon {
    font-size: 31px;
    color:#6d6c6c;
}

#sub-two{
    margin: 0px;
    padding: 0px;
}

#sub-two .vertical-line h4{
    color:#6d6c6c;
}


#footer-main ul{
    list-style: none;
}

#footer-main ul li{

    text-decoration: none;
    margin-top: 25px;
    text-align: center;
}
#footer-main ul li img{
max-width:70px;
}

.footer-help {
    border: 1px solid #fff;
    padding: 10px;
    margin: 10px 0px 10px 0px;
}
.footer-help a {
    font-size: 17px;
    color: #fff;
}
.footer-help:hover {
    /*background-color: #fff;*/
    color: 2E3E57;
}
.glyphicon-search{
    font-size: 20px;
}

#social-menu{
    float: right;
    margin-right: 60px;
}

#side-padding{
    padding: 0px;
    margin: 0px;
}




/* POPUP TISSUS*/

#popup #fermer {
    position: absolute;
    height: 43px;
    width: 42px;
    background: url(../img/close.png) no-repeat;
    background-size: 40px;
    cursor: pointer;
}

#popup #waitpopup {
    position: absolute;
    margin: 207px 0 0 432px;
    display: none;
}

/*#popup #detail {
    width: 375px;
    position: absolute;
    margin: 0 0 0 525px;
}*/

#popup #detail {
    width: 100%;
    position: relative;
	height:100%;
    margin: 0px 0 0 0px;
    background: #fff;
}

#popup #detail .desc {
	width:100%;
	height:70%;
	position:relative;
	display:block;
	
}
 #detail {
    width: 100%;
    position: relative;
	height:auto;
    margin: 0px 0 0 0px;
    background: #fff;
}

#detail .desc {
	width:100%;
	height:70%;
	position:relative;
	display:block;
	
}
.h1_texte {
    font-size: 31px;
    margin: 40px 0 30px 0;
}
 #detail .fort {
    font-size: 17px;
    margin-top: 15px;
    margin: 15px 0 0 10px;
}

 #detail .fort span {
    color: #999;
    font-size: 17px;
}

#detail ul {
    list-style-type: none;
    margin: 0px 0 0 0;
}


 #detail ul li span {
    font-size: 17px;
    color: #666;
    display: inline-block;
    width: 100px;
	font-weight:700;
}

 #detail ul li.text {
    margin-top: 8px;
	line-height: 1.3em;
	text-align:left;
}

#btn_commande_tissu {
    margin: 20px 10px 15px 10px
}
#popup #detail .fort {
    font-size: 17px;
    margin-top: 15px;
    margin: 15px 0 0 10px;
}

#popup #detail .fort span {
    color: #999;
    font-size: 17px;
}

#popup #detail ul {
    list-style-type: none;
    margin: 0px 0 0 0;
}



#popup #detail ul li span {
    font-size: 17px;
    color: #666;
    display: inline-block;
    width: 100px;
	font-weight:700;
}

#popup #detail ul li.text {
    margin-top: 8px;
	line-height: 1.3em;
	text-align:left;
  font-size:16px;
}

#popup #btn_commande_tissu {
    margin: 20px 10px 15px 10px
}

#background {
    position: absolute;
    z-index: 1500;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    width: 100%;
    display: none;
}
.backgroundfiltrage {
    background: #000;
    opacity: 0.5;
}
#background3 {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    width: 100%;
    display: none;
}
#popup #autres_tissus {
    position: absolute;
    margin: 385px 0 0 525px;
    border-top: 1px dotted #ccc;
    height: 40px;
    width: 365px;
    padding: 10px 0 0 10px;
}

.bloc_col {
    background: #f2f2f2;
    border: 1px solid #e3e3e3;
    padding: 10px;
    float: left;
    margin: 0px 10px 10px 0px;
}
.bloc_col img {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.image_col {
    height: 380px;
}

.image_col img {
    position: absolute;
    z-index: 1;
}
.image_col img:nth-child(1) {
    z-index: 2;
}
.texte {
    font-size: 17px;
    margin: 0 50px 20px 50px;
}
.h2_texte {
    font-size: 1.8em;
    margin: 0 50px 20px 60px;
	line-height:30px;
}
.h3_texte {
    font-size: 1.3em;
    margin: 0 50px 20px 50px;
}
.header-page-guide {
    padding: 100px 10px;
}
.colonne_menu {
    text-decoration: underline;
    font-size: 1em;
}

.sublinkcart
{
	color:#b6b4b4; font-size: 15px; cursor:pointer;
}
.sublinkcart:hover {
	color:#918888;
}



.cartArticle
{
	max-height:240px;
	height:auto;
	overflow-y: auto;
	/*border-bottom: 1px solid #e6e6e6;*/
}
/* width */
.cartArticle::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.cartArticle::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
.cartArticle::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
.cartArticle::-webkit-scrollbar-thumb:hover {
    background: #555; 
}


.article-panier-2
{margin:0px;padding:0px;}

.photo-article-panier-2{
width:25%;min-width:25% !important; height:100px;text-align:center;
}

.description-article-panier-2 {height:100px; width: 300px;}

.prix-article-panier-2 {font-size:21px;width:15%;height:60px;text-align: right;
    margin-right: 15px;}

#footer-main {min-height: 100px; padding-top: 5px; padding-bottom: 20px;}

.cwhite{color: #FFF;}

.fsize16 {font-size: 16px;}
.fsize17 {font-size: 17px;}
.fsize19 {font-size: 19px ;    color: #FFF;
    display: table;
    margin: 25px auto; }
.fsize21 {font-size: 21px;}
.fsize18em {font-size: 1.8em;}
.fsize12em{font-size: 1.2em;}

.tcenter { text-align: center; }
.tjustify{text-align:justify;}
.tleft{text-align:left;}
.tright{text-align:right;}

.tdunderline{text-decoration: underline;}
.tunderline{text-decoration: underline;}

.cursor{cursor: pointer;}

.mb0 {margin-bottom: 0px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px}
.mb50{margin-bottom: 50px;}

.ml20{margin-left: 20px}

.ml0{margin-left: 0px;}

.mt20{margin-top: 20px;}
.mt44{margin-top: 44px;}
.mt40{margin-top:40px;}

.pl50{padding-left: 50px;}

.pr50{padding-right: 50px;}

.p10 {padding:10px;}

.vtop{vertical-align: top;}

.mh405{min-height: 405px;}
.mh155 {min-height:155px;}
.h200{height:200px;}
.h155{height:155px;}
.w100p{width:100%;}
.w78{width:78px;}
.w50p{width:50%;}



.dBlock{display: inline-block;}
.disBlock{display: block;}

.z1500{z-index: 1500;}

.fLeft{float : left;}
.fRight{float : right;}
.bbnone{border-bottom: none;}


.cl {clear:left;}


.style0001{float:none;margin-left: auto; margin-right: auto}
.style0002{margin-bottom: 20px; text-align: center; font-size: 16px; line-height: 1.8em; padding-top: 20px;padding-bottom: 20px;}
.style0003{background-size: 17px; padding: 0 10px 0 15px; display: inline-block; height: 17px; cursor: pointer; margin-left: 20px;}
.style0004{background-size: 17px; padding: 0 10px 0 15px; display: inline-block; height: 17px; cursor: pointer; margin-left: 20px;}
.style0005{margin-bottom: 20px; text-align: center; font-size: 16px; line-height: 1.8em; padding-top: 20px;padding-bottom: 20px;}
.style0006{width: 100%; text-align: center;font-size: 16px;line-height: 1.8em}
.style0007{color: #FFF; font-size: 17px; display: table; margin: 25px auto;}
.style0008{margin-top: 12px;margin-left: 30px;line-height: 35px;list-style: circle;font-size:16px;}
.style0009{text-align: left; line-height: 20px;}
.style0010{float:right;margin:0 50px 20px 20px;}
.style0011{background:#f2f2f2; margin-bottom: 25px;}
.style0012{padding:10px; vertical-align: top; float:left; margin: 0 50px 20px 50px;}
.style0013{margin: 0 50px 20px 50px;}
.style0014{float:left;margin:10px 20px 20px 50px;}
.style0015{margin: 10px 20px 20px 50px;}
.style0016{font-size: 1.2em; width: 91%; margin-left: auto; margin-right: auto;}

@media screen and (max-width:860px) {
	.panier-btn-img {
	width:100% !important; 
	}
	.hide-text {
		display: none !important;
	}
}
@media screen and (max-width:321px) {

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


.btn-rose {
    display: flex;
    align-items: center;   /* Centre verticalement */
  justify-content: center;
    padding: 0px 10px;
    font-size: 0.7em;
    line-height: 1em;
    background: #005539;
    color: #FFF;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-align: center;
    height: 50px;
}
.info-livraison-container p {
    font-size: 0.7em;
    color: #FFF;
    text-transform: uppercase;
    line-height: 1.4em;
    text-align: center;
    width: 100%;
}
}

@media screen and (max-width:568px) {
.autres-modeles-titre{
	font-size:1em !important;	
	}
.topslide {
    display:block;
    width:100%;
    max-width:100%;
	margin:0px !important;
}
.topslide div {
    display:block;
    text-align: center;
    white-space:normal;
}
.topslide p {
    font-size:inherit; /* Change font-size in header */
    overflow:hidden;
    display:block;
    vertical-align:middle;
    width:100%;
    table-layout:fixed;
	text-transform: uppercase; font-size: 1.2rem; line-height: 1.4em; font-weight:bold; margin-bottom: 10px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

}
.topslide span.spacer,.topslide span.space {
    display:none;
}
.topslide p{
    padding:0 20px;
}
.topslide span.spacer:after {
    display:inline-block;
    width:0%;
    content:".";
    font-size:0;
    color:transparent;
    height:1px;
    background:#fff;
    vertical-align:middle;
    position:relative;
    top:35px;
	float:right;
}
.topslide span.space:after {
    display:inline-block;
    width:0%;
    content:".";
    font-size:0;
    color:transparent;
    height:1px;
    background:#fff;
    vertical-align:middle;
    position:relative;
    top:35px;
	float:left;
}
h2{font-size:25px}
.tophome {
    display:block;
    width:100%;
    max-width:100%;
	margin:20px 0px;
}
.tophome div {
    display:block;
    text-align: center; text-transform: uppercase; font-size: 24px; line-height: 1.4em;font-family: var(--font-family-regular);
    font-weight: 700;
    white-space:normal;
	color:#000;
}
.tophome p {
    font-size:inherit; /* Change font-size in header */
    overflow:hidden;
    display:block;
    vertical-align:middle;
    width:100%;


}
.tophome span.spacer {
    display:none;
}
.tophome p{
    padding:0 10px;
}
.tophome span.spacer:after {
    display:inline-block;
    width:100%;
    content:".";
    font-size:0;
	border-top:1px dotted #000000;
    color:transparent;
    height:1px;
    background:#fff;
    vertical-align:middle;
    position:relative;
    top:-1px;
}
.home {
    display:block;
    width:100%;
    max-width:100%;
	margin:20px 0px;
}
.home div {
    display:block;
    line-height:1.4em;
    font-size:16px;
   
}
.home p {
    font-size:inherit; /* Change font-size in header */
    overflow:hidden;
    display:block;
    vertical-align:middle;
    text-align:center;
	white-space:normal;
	width:100%;
color:#000;font-weight:500;font-family:var(--font-family-regular);
}
.home span.spacer {
    display:none;
}
.home p{
    padding:0 0px;
}
.home span.spacer:after {
    display:inline-block;
    width:100%;
    content:".";
    font-size:0;
    color:transparent;
    height:1px;
    background:#d6d6d6;
    vertical-align:middle;
    position:relative;
    top:-1px;
}
.header-home { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; height: 455px; padding: 12px 12px; background: url('../img/Chemise_sur_mesure_home.jpg') no-repeat top center; background-size: cover; text-align: center; color: #FFF; margin-bottom: 20px; }
.header-home .contenu{width:100%;height:100%;border:1px dashed #b3b3b3;padding-top:200px}
.header-home .contenu h1 {text-transform: none; font-size:35px; line-height:40px; width:100%; font-weight:bold; margin-bottom: 10px; text-shadow: none; }
.header-home .contenu h1::before,
.header-home .contenu h1::after {
    display: inline-block;
    content: "";
    height:1px;
	  background:#ffffff;
    width: 1.2rem;
    margin: 0 .2rem;
    transform: translateY(-.3rem);
}
.header-home .contenu span{
	font-size:.8rem;
	margin-bottom:20px;
}
.header-home .contenu  .prix{
	display:block;
	font-size:2.5rem;
	margin-bottom:30px;
}
.btn-rose{
	padding:0px 10px;
  width:100%;
  height: 50px;
}
#btn_suivant{
		padding:10px 30px !important;
}
.btn-rose-home{
	padding:10px 50px !important;
}
	.centered-area-displayed {
	width:30% !important;	
    }
	.panier-btn-img {
	width:100% !important; 
	}
	.hide-text {
		display: none;
	}


	.badge-pill
	{
		left:20px !important;
	}
	.header-panier
	{
		margin-top:70px;
		margin-bottom:60px;
		padding-bottom:10px;
	}
	
	.header-panier li
	{
	width: 100%;
    text-align: center;
    border-top: 1px solid #c7c7c7;
	border: 1px dashed #c7c7c7;
    padding:5px;
    margin-top: 5px;
	}
}






@media only screen and (min-width:1023px) {
	.panier-btn{left:86.5%;}
	.panier-content-hover {
		top: 70px;
		right: calc(53% - 501px) !important;
		z-index: 99;
		background: white;
		border: .5px solid #e6e6e6;
		width: 50%;
		position: absolute;
		display: none;
	}
}
@media only screen and (min-width:1280px) {
	.panier-btn{left:88.6%;}
	.panier-content-hover {
		top: 70px;
		right: calc(52% - 596px) !important;
		z-index: 99;
		background: white;
		border: .5px solid #e6e6e6;
		width: 40%;
		position: absolute;
		display: none;
	}
}


@media only screen and (min-width:1366px) {
	.panier-btn{left:88.6%;}
	.panier-content-hover {
		top: 70px;
		right: calc(52% - 597px) !important;
		z-index: 99;
		background: white;
		border: .5px solid #e6e6e6;
		width: 40%;
		position: absolute;
		display: none;
	}
}

@media only screen and (min-width:1440px) {
	.panier-btn{left:88.6%;}
	.panier-content-hover {
		top: 70px;
		right: calc(52% - 599px) !important;
		z-index: 99;
		background: white;
		border: .5px solid #e6e6e6;
		width: 40%;
		position: absolute;
		display: none;
	}
}

@media only screen and (min-width:1600px) {
	.panier-btn{left:88.6%;}
	.panier-content-hover {
		top: 70px;
		right: calc(52% - 602px) !important;
		z-index: 99;
		background: white;
		border: .5px solid #e6e6e6;
		width: 40%;
		position: absolute;
		display: none;
	}
}

@media only screen and (min-width:1680px) {
	.panier-btn{left:88.6%;}
	.panier-content-hover {
		top: 70px;
		right: calc(52% - 604px) !important;
		z-index: 99;
		background: white;
		border: .5px solid #e6e6e6;
		width: 32%;
		position: absolute;
		display: none;
	}
}

@media only screen and (min-width:1920px) {
	.panier-btn{left:88.6%;}
	.panier-content-hover {
		top: 70px;
		right: calc(52% - 609px) !important;
		z-index: 99;
		background: white;
		border: .5px solid #e6e6e6;
		width: 40%;
		position: absolute;
		display: none;
	}
}
@media only screen and (min-width:2047px) {
	.panier-btn{left:88.6%;}
	.panier-content-hover {
		top: 70px;
		right: calc(52% - 609px) !important;
		z-index: 99;
		background: white;
		border: .5px solid #e6e6e6;
		width: 40%;
		position: absolute;
		display: none;
	}
}
@media only screen and (min-width:2199px) {
	.panier-btn{left:89%;}
	.panier-content-hover {
		top: 70px;
		right: calc(52% - 612px) !important;
		z-index: 99;
		background: white;
		border: .5px solid #e6e6e6;
		width: 40%;
		position: absolute;
		display: none;
	}


}
@media only screen and (max-width:500px) {
.w78 {
    width: 68px;
}
#stripe{
    width: 55px !important;
    margin-top: -6px !important;
}
.footer-help a {
    font-size: 15px !important;
}
}

.btn-grey:hover{background:#666666}
.btn-grey {
	background:#8f8f8f;
}

.footer-help a:hover {
color:#a5a4a4 !important ;
}

.special-link a:hover, .special-link:hover
{ 
	background: #06695F !important;;
}
.special-link {
	color:white !important;
	background:#005539 !important;
}
/************** Slider ***********************/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
	margin:0px !important;
}
  
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides .popup-marque {
	width:35% !important;
    position: absolute !important;
    top: calc(100% - 80px) !important;	
  }
  .rslides {
  margin: 0 auto;
  }

.rslides_container {
  margin-bottom: 20px;
  position: relative;
  float: left;
  width: 100%;
  }
.rslides_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  z-index: 99;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../img/themes.gif") no-repeat left top;
  margin-top: -45px;
  }


.rslides_nav:active {
  opacity: 1.0;
  }

.rslides_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }


.rslides_nav:focus
{
  outline: none;
  }

.rslides_tabs {
  margin-top: 10px;
  text-align: center;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.rslides_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.rslides_tabs .rslides_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }
/*******************************************/
.reference{ padding-right:0px;font-size: 14px; line-height: 1.4em; margin-bottom: 10px; padding-top: 10px; text-align: right; color: #7f7f7f; }
.languagepicker {
  background-color: #FFF;
  display: inline-block;
  padding: 0;
  height: 40px;
  overflow: hidden;
  transition: all .3s ease;
  margin: 0 50px 10px 0;
  vertical-align: top;
  /*float: left;*/
}



.languagepicker a{
  color: #000;
  text-decoration: none;
}

.languagepicker li {
  display: block;
  padding: 0px 20px;
  line-height: 40px;
  border-top: 1px solid #fff;
}

.languagepicker li:hover{
  background-color: #fff;
}

.languagepicker a:first-child li {
  border: none;
  background: #FFF !important;
}

.languagepicker li img {
  margin-right: 5px;
}

.roundborders {
  border-radius: 5px;
}

.custom-dropdown--large {
    font-size: 1.5em;
}

.custom-dropdown--small {
    font-size: .7em;
}

.custom-dropdown__select{
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: .5em; /* add some space*/
    margin: 0; /* remove default margins */
}

.custom-dropdown__select--white {
       background-color: #005539;
    color: #fff;    
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-left:20px;
    }

    .custom-dropdown__select {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
    .custom-dropdown--white::before {
        top: .5em; bottom: .5em;
        background-color: #005539;
        border-left: 1px solid rgba(255,255,255,0.7);
    }

    .custom-dropdown--white::after {
        color: rgba(255,255,255,0.7);
    }

    /* FF only temp fix */
    @-moz-document url-prefix() {
        .custom-dropdown__select              { padding-right: .9em }
        .custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
        .custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
    }
}
#footer_language_list {
    margin-top:12px;
    text-align: left;
    float:left;
}
#menu_language_list {
    
    text-align: left;
    float:left;
}
#footer_language_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer_language_list ul li {
    display: inline-block;
    margin: 0 7px;
    padding: 0;
  color: #999;
  font-size: 15px;
}
#footer_language_list ul li:first-child
{
  margin-left: 0px;
  margin-right:7px;
  }
  #footer_language_list ul li img
{
  margin-top:-3px;
  }
#footer_language_list ul li a:hover {
 text-decoration: underline;
  color: #222;
}
#country-indicator {
    color: #2f3c55;
    margin-top:10px;
}
.flag:hover {
    /*background-color: #fff;*/
    color:#999;
}
#country-indicator, #buttonLanguage {
    cursor: pointer;
}
#country-indicator >span:after {
 content: '';
    display: inline-block;
    height: 13px;
    width: 14px;
    background: url(https://www.tailorgeorge.fr/img/icon-fleche-menu-deroulante.png) no-repeat;
    position: relative;
    top: -2px;
    left: 12px;
}
.open{
  color:#999;
}
.open >span:after{
  background: url(https://www.tailorgeorge.fr/img/icon_haut.png) no-repeat !important;
}
.flag.country[data-locale$=FR]:before {
 background: url(https://www.tailorgeorge.fr/img/FR.svg);
 background-size: contain;
}
.flag.country[data-locale$=DE]:before {
 background: url(https://www.tailorgeorge.fr/img/DE.svg);
 background-size: contain;
}
.flag.country[data-locale$=NL]:before {
 background: url(https://www.tailorgeorge.fr/img/NL.svg);
 background-size: contain;
}
.flag.country[data-locale$=ES]:before {
 background: url(https://www.tailorgeorge.fr/img/ES.svg);
 background-size: contain;
}
.flag.country[data-locale$=IT]:before {
 background: url(https://www.tailorgeorge.fr/img/IT.svg);
 background-size: contain;
}
.flag.country[data-locale$=GB]:before {
 background: url(https://www.tailorgeorge.fr/img/GB.svg);
 background-size: contain;
}
.flag.country[data-locale$=BE]:before {
 background: url(https://www.tailorgeorge.fr/img/BE.svg);
 background-size: contain;
}
.flag.country[data-locale$=CH]:before {
 background: url(https://www.tailorgeorge.fr/img/CH.svg);
 background-size: contain;
}
.flag.country[data-locale$=US]:before {
 background: url(https://www.tailorgeorge.fr/img/US.svg);
 background-size: contain;
}
.flag.country[data-locale$=AT]:before {
 background: url(https://www.tailorgeorge.fr/img/AT.svg);
 background-size: contain;
}
.flag.country[data-locale$=LU]:before {
 background: url(https://www.tailorgeorge.fr/img/LU.svg);
 background-size: contain;
}
.flag:before {
    display: inline-block;
    /*vertical-align: middle;*/
    margin-top: 5px;
    content: '';
    width: 19px;
    height: 13px;
    margin-right: .6em;
}
.LanguageSwitcher {
    border: 1px solid #005539;

    white-space: nowrap;
   left: 50%;
   transform: translate(-50%, 0);
  bottom: 30%;
}
 .LanguageSwitcher .Label, .LanguageSwitcher .Item {
    line-height: 3;
}
.LanguageSwitcher .Label {
    font-weight: bold;
    display: block;
    width: 100%;
    line-height: 2;
    white-space: nowrap;
    margin: 0;
}
.LanguageSwitcher .Item {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    display: block !important;
    width: 100%;
    line-height: 2;
    white-space: nowrap;
    margin: 0;
}

.LanguageSwitcher {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3em;
    background: white;
    text-align: left;
    font-size: 85%;
    color: initial;
    z-index: 999;
}
.LanguageSwitcher .Item:hover{
text-decoration: underline;
  }
  .info-cookie{

    background-color: #21304e;
    position: fixed;
    bottom:0px !important;
    left: 0px;
    width: 100%;
    z-index: 1500;
}
.reorder{
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left;
    float:left;
}
.reorder a{
  font-size: 14px;
  text-decoration: underline;  
}
.zindex{z-index: 9999;}
@media (min-width: 992px)
.col-md-4 {
    width: 33.33333333%;
}
@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
@media (min-width: 768px)
.col-sm-4 {
    width: 33.33333333%;
}
.title-filter{visibility: hidden;display: none}
.margin_1{
  margin-top:20px;
}
 .multi{display: flex;flex-direction: row;align-items: center;justify-content: left}
 .multi-line{display: block;margin: 0 5px;color: #5e5e5e;}
 .div3{    background: #005539;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 50px 20%;
    text-align: center;margin:25px auto}
#footer-main ul li {
    text-decoration: none;
    margin-top: 20px;
    text-align: left !important;
    font-size: 14px;
}
#footer-main{padding:50px 0}
.mt{margin-top: 50px;}
.footer-col ul li a{
color:#2f3c55;
    }
.footer-col ul li a:hover{
text-decoration: underline;
    }
#footer-main h5{
    font-size: 18px;
    font-weight: 600;
    margin-bottom:40px;
    color:#2f3c55;
}
#footer-main .icons img {
    max-width: 50px;
    height: auto;
}
.style0007 {
    color: #FFF;
    font-size: 17px;
    display: table;
    margin: 25px 0px; */
}
#country-indicator {
    color: #2f3c55;
    font-size: 16px;
    margin-top: 0px;
}
.LanguageSwitcher {
    border: 1px solid #005539;
    white-space: nowrap;
    right: 0%;
    left: inherit;
    transform: translate(-0%, 0) !important;
    width: 1000px;
    bottom: 30%;
}
.cont{margin:0px auto 60px auto}
.bordere{border-right:1px solid #C6C6C6;}
.height-dv{height: 93px}
.picto{box-sizing: border-box; /* important pour garder la taille stable */
  flex-shrink: 0;padding:10px;display:flex;width:100px;height:100px;border: 1px dashed #C6C6C6;border-radius: 100%; justify-content: center;   /* centre horizontalement */
  align-items: center; }
.picto img{width:100%;height:auto;}
.pi-text{padding:0px;display: block;width:100%;line-height:24px;font-size:16px; margin-left:20px;}
.mrg-1{margin-top: -100px}
.mrg-2{margin-top: -90px;}
.dv{padding-left:10px}
@media screen and (max-width:768px) {
    .cont {
    margin:0px auto 60px auto;
}
.height-dv{width:100%}
  .divider {
 display: none;    /* couleur de la ligne verticale */
}
.con {
  display: flex;
  justify-content: center;   /* centre horizontalement les éléments */
  align-items: flex-start;       /* centre verticalement les éléments */
  gap: 0px;  
  flex-direction: column; 
  padding:0px 10px;              /* espace entre les items */
}
.catalogue-details{padding-left:0px !important}
.div-f{width:100%;margin:30px 0 !important}
.span-fab{margin-left:20px;font-weight: normal !important;color:#000 !important;flex: 1;
word-break: break-word;line-height: 25px;}
 .h2-tissu{text-align: left}
 .text_option_li {border-bottom: 1px solid #F5EFEF;padding-bottom: 10px;display: flex; align-items: center;justify-content: left;}
    .div-qte{width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;        align-items: flex-start;}
    .div-qte div{margin-bottom: 20px;}
.img-conf{width:100%;height:auto;margin:0 auto}
body,html{max-width: 100%;}
.h1-catalogue {
        color: #000;
        text-align: left;
        line-height: 25px;
        font-family: var(--font-family-h);
        font-weight: 800;
        text-shadow: none;
        font-size: 23px;
        max-width: 100%;
        text-transform: uppercase;
    }
 .multi{display: flex;flex-direction: column;align-items: flex-start;justify-content: left;}
 .multi-line{display: none;}
.span-fabric{   font-size: 16px;
    color: #222 !important;
    display: inline-block;
    font-weight: 800 !important;
    font-family: var(--font-family-h) !important;margin:10px 0;width:120px;flex-shrink: 0; }
.p_y{background:#fdffce;text-align:center;padding:10px;line-height: 20px}

.second{font-size: 100px !important;font-family: var(--font-family-h);font-weight: 800}
.link-b a::after{width:100% !important}
.mt{margin-top: 20px;}
.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.container, .container-fluid {
    padding-left:5px !important;
    padding-right:5px !important;}
    #shirt{padding-left:5px !important; padding-right:5px !important;margin-top:30px}
    .pd{margin-left:-10px !important;margin-right:-10px !important }
    .pde{margin-left:-10px !important;margin-right:-10px !important }
    .pdd{padding-left:15px !important;padding-right: 15px !important}
    .width-img{width:50px;height:auto;}
.info-livraison-container{height:120px !important}
.description-container ul li.text {
    margin-top: 25px !important;
    text-align: justify !important;
    line-height: 25px;
}
 .div3{    background: #005539;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 50px 5%;
    text-align: center;margin-bottom:50px}
.div3 h1 {
        text-transform: none;
        font-size: 30px;
        line-height: 40px;
        width: 100%;
        font-weight: bold;
        margin-bottom: 10px;
        text-shadow: none;
    }
    .pbloc{font-size: 16px !important;text-align: justify !important;}
#navbar{border-bottom: 2px solid #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;}

.h2-home{font-size:20px !important}
body{padding-top: 70px;width:100%;
  overscroll-behavior-x: none;overflow-y: auto;
    -webkit-overflow-scrolling: touch;}
    #header.fixed-theme {
    background-color: #fff;
    box-shadow: #ccc 0 2px 15px;
     position: fixed !important;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 1030;
}
.LanguageSwitcher {
    border: 1px solid #005539;
    white-space: nowrap;
    right: 0%;
    left: inherit;
    transform: translate(-0%, 0) !important;
    width: 100%;
    bottom: 30%;
}

#footer-main{padding: 20px 50px}
.footer-col ul li a{
line-height: 20px;
    }
.footer-col{margin-bottom: 5px;border-bottom:1px solid #eee}
#stripe {
    width: 65px !important;
    margin-top:-8px !important;
}
#footer-main ul li {

    margin-top:15px;

}
#footer-main h5{
    margin:15px 0;
    text-transform: uppercase;
    font-size: 15px;
        font-weight: bold;
            font-family: var(--font-family-h);
            position: relative;
}
.ferme:after {
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(https://www.tailorgeorge.fr/img/fleche-deroulante-footer.png) no-repeat;
    position: absolute;
    top:0px;
    right:0px !important;
}
.disblock{margin:20px 0}
.ouvert:after {
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(https://www.tailorgeorge.fr/img/fleche-deroulante-footer-ouverte.png) no-repeat;
    position: absolute;
    top:0px;
    right: 0px;
}
.disnone{
    display: none;
}
.disblock{
    display: block;
}
.height-dv {
    height: 118px;
    margin-bottom: 20px;

}
.bordere{border: none}
.pi-text {
    margin-left:20px !important;font-size: 16px !important
}
.dv{padding-left: 0px !important}
strong{font-weight: 700;font-size:18px !important}
}

@media screen and (min-width: 769px){
.col-lg-4 {
    width: 33.33333333%;
}.col-lg-5 {
    width: 41.66666667%;
}.col-lg-3 {
    width: 25%;
}.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left;
}}
strong{font-weight: bold !important;font-size:20px}
@media screen and (max-width:500px) {

#footer-main {
    padding: 0px 0px !important;
}
#stripe {
    width: 55px !important;
    height: auto;
    margin-top:-8px !important;
}
}
@media screen and (min-width: 769px){
.top-info {
        margin-top:40px;
    }
    .myp {
        font-weight: 700;
        color: #666;
        font-size: 15px;
        line-height: 20px;
        margin-left: 10px;
        margin-bottom: 50px;
        text-align: center;
        background: #f1f1f1;
        padding: 20px 40px;
        width: 100%;
        font-family: var(--font-family-regular);
        font-weight: 400;
    }

.header__icon--close{display: none}
.col-lg-4 {
    width: 33.33333333%;
}.col-lg-5 {
    width: 41.66666667%;

}.col-lg-3 {
    width: 25%;
}.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left;
}
.header-home{background:#005539 !important;height:700px !important;padding:0px !important}
 .burger-menu{display:none !important}
 #openMenu{width:130px !important}
 .hamburger{width:130px}
 .header-home{margin-top:0px}
 .contenu{flex-direction:row}
 .div1{width:46%;display:flex;flex-direction: column;align-items: flex-start;justify-content: center;padding:0px 50px}
 .div2{width:54%;background: url(https://www.tailorgeorge.fr/img/b-header.jpg);background-position: center;background-size: cover;}
}
.temoignages-titre h2{font-family:var(--font-family-h);font-weight: 800;}
.pi-text{font-family:var(--font-family-regular);font-weight:400}
strong{font-weight: 900 !important;font-size:20px}
.menu2{display:flex;align-items:center;margin-left:15px}
.mrg-top{margin-top:20px}
.menu2 li{padding:15px;font-size:0.8rem;display: flex;align-items:center;justify-content: center;}.menu2 a {display:inline-flex; align-items: center;font-weight:900;font-family:var(--font-family-regular);position:relative}
.menu2 a:hover{color:#000}
.divheader a{font-family:var(--font-family-regular);font-weight: 500;font-size: 0.8rem;}p{font-family:var(--font-family-regular);font-weight:400}
.menu2 li img{height:9px;margin-left:8px;width:auto}
.new {
background-color: #21304e !important;
color: #fff;
padding: 10px 10px;
font-size: 14px;
position: absolute;
left:10px;
top: 180px;
z-index: 99;
}
@media screen and (max-width: 768px){

.filtre-menu-deroulant li{padding-left:10px;font-family: var(--font-family-regular);}
.filtere h5, .filtere.h5 {
    margin-bottom: 1rem;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.4px;
    line-height: 1.3;
    display: flex;
    padding-left:10px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    text-transform: uppercase;
}
.mrg-10{margin-left:-10px !important;margin-right: -10px !important}
.pictos{padding:20px 0 !important}
#footer-main {
    padding:0px 0px !important;
}
.footer-p{padding:10px 10px !important; color:#fff}
.demo > li img{width: 80px !important;height: auto;}
.carousel-inner .item {
 max-width: 100% !important;
    }
.containerguide {
    max-width: 1120px;
    margin: 0px auto;
    width: 100%;
    padding: 0 15px;
}
.choix-methode-mesure{margin-top: 70px;
    color: #000;
    text-align: left;
    line-height: 30px;
    font-family: var(--font-family-h);
    font-weight: 800;
    text-shadow: none;
    font-size: 23px;
    max-width: 100%;
    text-transform: uppercase;}
.menu-lateral-container{transform: translate(0);left:-100% ;-webkit-transition: all 0.5s;
    transition: all 0.5s;}
.header-home .contenu h1::before, .header-home .contenu h1::after{display:none !important}
.header-home{background:#005539 !important;height:100% !important;padding:0px !important}
.burger-menu{display:block}
.header-home{margin-top:0px}
.menu2{display:none}
.divheader,#connect{display:none}
#openMenu{width:90px !important}
.hamburger{width:90px !important}
.header-home{margin-top:0px}
.contenu{flex-direction:column}
.div1{width:100%;display:flex;flex-direction: column;align-items: flex-start;justify-content: center;padding:50px 20px}
.div2{width:100%;background: url(https://www.tailorgeorge.fr/img/b-header.jpg);background-position: center;background-size: cover;height:330px}
.new {
background-color: #21304e !important;
color: #fff;
padding: 10px 10px;
font-size: 14px;
position: absolute;
left:0px;
top: 100px;
z-index: 99;
}
}
.divheader{align-items:center}
.menu2 .link-1::after,.menu2 .link-2::after{
content: '';
position: absolute;
left: 0;
bottom: -4px;
width: 0;
height:3px;
background-color: rgb(51,51,51);
}
.link-3{position: relative;margin-right:25px}
.link-3::after {
content: '';
position: absolute;
left: 0;
bottom: -4px;
width: 0;
height:2px;
background-color: #333;
}
.link-3:hover::after{width:100%}
.menu2 .link-1::after{width:100%}
.menu2 .link-2:hover::after {
width: 100%; /* Étend la bordure sur toute la largeur au survol */
}
.link-b{margin-top:0px;}
.link-b a{display:flex;align-items: center;font-weight: 900;font-family:var(--font-family-regular);position: relative;font-size:0.9rem;color:#fff}
.link-b a::after{content: '';
position: absolute;
left: 0;
bottom: -5px;
width: 100%;
height: 3px;
background-color: #fff;}
.link-b a:hover::after {
width: 0; /* Étend la bordure sur toute la largeur au survol */
}
.bb a::after{content: '';
position: absolute;
left: 0;
width: 100%;
bottom: 10px !important;
height: 3px;
background-color: #fff;}
.bb a:hover::after {
width:0px; /* Étend la bordure sur toute la largeur au survol */
}
.link-b a:hover{color:#fff}
.categorie-link{
background-color: transparent;
color: #000;
position: relative;
padding: 1rem 0;
margin: 7px 10px 7px 5px;
display: inline-block;
font-family:var(--font-family-regular);
font-size: 16px;
font-weight: 600;

}
.lk{padding:5px 5px !important;font-size:0.8em !important;color:#555;font-weight: normal !important}
.kk{ border-bottom: 2px solid black;
  padding-bottom: 2px;color:#000 }
.line-with-dots {
display: flex;
align-items: center;
color: #2f3c55; /* Couleur du texte */
font-weight: bold;
font-size: 18px;
font-family:var(--font-family-regular);
font-weight:800;
margin:30px auto;
}
.line-with-dots::after {
content: '---------------------------------------------------------------------------------------------------------------------------------------';
flex-grow: 1;
margin-left: 10px;
}
.menu-lateral{padding:50px 0;border-left: 5px solid #21304e !important;}
.scrollenone{overflow: hidden !important;width:100%;height:100%;position: fixed}
.header__icon--close {
    width: 1rem;
    position: fixed;
    top: 1.2rem;
    right:35px;
    opacity: 1;
    z-index: 4;
    color: #000;
    background-color: #fff;
}
#background3{z-index:9999 !important}
.mrg-50{margin-top: 50px}
.h1-home{    color: #fff;
    text-align: left;
    line-height: 45px;
    font-family: var(--font-family-h);
    font-weight: 800;
    text-shadow: none;
    }
    .p-home{color:#fff;font-size:16px;line-height:24px;margin:10px 0 0px 0;text-align:center;}
    .link-b{margin-top: 10px;
    background: transparent;
    padding: 25px 0px;}
    .h2-home{color:#2f3c55;
    text-align: left;
    line-height:30px;
    font-family: var(--font-family-h);
    font-weight: bold;
    text-shadow: none;
    font-size:24px;display: flex;margin:25px 0px;align-items: center;gap:0.6rem}
   
    .text-cent{text-align: center !important}

    @media (min-width: 1200px) {
    .container {
        width: 1240px !important;
    }
}

@media (min-width: 992px) {
    .container {
        width: 1000px;
        padding:0px 50px !important;
    }
}
.btn-ok{background: transparent;
    padding: 10px 15px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;}
.btn-ok:hover{color:#21304e;background: #fff}
.quantity-container {
  display: inline-flex;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
  height:45px;
}

.quantity-container button {
  background-color: transparent;
  border: none;
  padding: 12px 15px;
  font-size: 18px;
  cursor: pointer;
  transition: background 0.2s;
}

.quantity-container button:hover {
  background-color: #eee;
}

.quantity-input {
  width: 50px;
  text-align: center;
  border: none;
  font-size: 16px;
  font-weight: bold;
  outline: none;
}
.quantity-input:focus{
  outline: none;
  border: none;
  box-shadow: none;  } 

.retour-catalogue {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #333; /* ou autre selon ton design */
  font-weight: 900 !important;font-family:var(--font-family-regular) !important;position: relative;font-size: 0.8rem !important;margin-top:0px !important
}

.icon-fleche {
  margin-right: 5px;
  width:auto;
  height: 11px;
}
.icon-fleche-top {
  margin-left: 5px;
  width: 15px;
  height: 15px;
}
.custom-list{position: relative;margin-top: 15px;}
.custom-list span{  margin-left:20px;color:#333 !important;font-size: 16px;}
.custom-list::before {
  content: "•";             /* symbole coche */
  position: absolute;
  left: 0;
  top: 0;
  color: #000;           /* bleu (comme sur ton image) */
  font-weight: bold;
  font-size: 16px;
}
.price-home{color:#fff76f;margin-top:10px}
.one{font-size:44px !important;font-family: var(--font-family-h);font-weight: 400;text-align: left;margin-bottom: 0px !important}
.product-image-hover{position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;width:100%}
    .chemise-catalogue-photo a:hover .product-image-hover {
opacity: 1;
}
  .chemise-catalogue-photo a:hover .new,.chemise-catalogue-photo a:hover .neww{
display: none;
  }
.chemise-catalogue-photo a:hover .product-image {
opacity: 0;
}
.old-price::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px; /* épaisseur de la ligne */
  background: #222; /* couleur de la ligne */
}
.fz-14{font-size: 13px}
#couleur1 li{padding-left:30px !important}
.div-f{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin:0px 0}
.a-f{text-decoration:underline;font-size:18px;font-family: var(--font-family-regular);font-weight: 500;margin-top: 0px;text-align: center;margin-bottom: 0px;}
.p_achat{text-align: justify;
    font-size: 15px;
    line-height: 20px;font-family: var(--font-family-regular)!important;}
    .height-dv{    display: flex;
     justify-content: center;   /* centre horizontalement */
  align-items: center; gap: 10px;}