@charset "utf-8";
/**********************************************Accueil */
.gamme{ 
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 40px;
    padding: 0 !important;
    margin: 0;
}
.gamme li {
    padding: 0;
    margin: 0 0 40px 0;
    list-style: none;
    border-bottom: var(--color-fonce) solid 6px;
    text-align: center;
    position: relative;
}
.gamme li a {
    text-decoration: none;
    font-size: 20px;
    font-family: 'DINPro-Regular';
    text-transform: uppercase;
}
.gamme li a span {
    background-color: rgba(255, 255, 255, 0.9);display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 20px 0;
}
/********************************************************Rubrique */
.boutique_g, .annu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:40px;
    align-items: flex-start;
}
.gamme_full, #menu_compte ul, .annu #ul_annuaire ul {
    font-family: 'd-dinregular';
    font-size: 18px;
    background-color: var(--bleu-clair);
    position: relative;
    padding: 3px 0;
}
#menu_compte ul { min-width: 280px; }
.gamme_full > li, #menu_compte ul li,  .annu #ul_annuaire ul li{    padding: 0px 20px ; margin-left: 0; list-style: none;}
.gamme_full a, #menu_compte ul li a,  .annu #ul_annuaire ul li a{
    text-decoration: none;
    color:var(--color-fonce);
    width: 100%;
    display: block;
    padding: 5px 0;
    border-bottom: var(--gris-fonce) solid 1px;
}
.gamme_full a:last-child, #menu_compte ul li a:last-child,  .annu #ul_annuaire ul  li a:last-child {  border-bottom: none; }

.gamme_full li a:before, #menu_compte ul li a:before,  .annu #ul_annuaire ul  li a:before {
    content: url(../../../medias/flr.png);
    transition: all, 0.3s;
    margin-right: 10px;
}
.gamme_full li:hover a:before, #menu_compte ul li:hover a:before {
    content: url(../../../medias/flbl.png);
    transition: all, 0.3s;

}

.gamme_full li:hover , #menu_compte ul li:hover {background-color: var(--color-deux) !important;}

.gamme_full .shop_menu_actif  {
    background-color: var(--color-deux);
}
.gamme_full .shop_menu_actif a:before {
    content: url(../../../medias/flbl.png);
   
}
.gamme_full li:hover a , #menu_compte ul li:hover a, .gamme_full .shop_menu_actif a { color: #fff !important;}
.produits_bout{ flex-grow: 1; }
.liste_prod, #sous_fiche_associations ul{
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    column-gap: 40px;
    row-gap: 60px;
}
.shop_extrait_produit {
    border-bottom: var(--color-fonce) solid 6px;
    position: relative;
    padding: 0 0 20px 0;
    background-color: var(--gris-clair);
}
.shop_extrait_produit img {
    width: 100%;
}
.shop_extrait_produit h2 {
    font-family: 'fira_sansmedium';
    font-weight: normal;
    font-size: 18px;
    margin: 0 0 15px 0;
    padding: 0;
}
.shop_extrait_produit h2 a  {
    text-decoration: none;
    color: var(--color-fonce);
}
.shop_extrait_produit h3 {
    font-family: 'fira_sansmedium';
    font-weight: normal;
    font-size: 16px;
    color: var(--color-clair);
    margin: 0 0 15px 0;
    padding: 0;
}
.shop_extrait_produit .option { margin-bottom: 25px;}
.shop_extrait_produit  .info_prod{ padding: 15px 10px 20px 10px;}
.shop_extrait_produit .prix_opt{
    font-size: 20px;
    text-align: center;
    color: var(--color-clair);
    padding-bottom: 15px;
}
 .mettre_panier a {
    transition: all, 0.3s;
    padding: 6px 14px;
    color: #ffffff;
    text-decoration: none;
   background: var(--color-clair);
}
.mettre_panier a:hover{
    background-color: var(--color-fonce);
    color: #ffffff;
    transition: all, 0.3s;
}
 .mettre_panier {
   display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
} 
.tab_panier .pqtt div {
    display: flex;
}
 .incqte {
    display: inline-flex;
    flex-direction: column;
    margin: 0 3px;
    width: 25px;
}

.incqte span {
    background-color: var(--color-clair);
    font-size: 18px;
    cursor: pointer;
    line-height: 0.9;
    text-align: center;
    color: #fff;
}
 .incqte span:hover {
    background-color: var(--color-fonce);
    color: #fff;
}
.incqte .incqtemoins {
    border-top: var(--color-fonce) solid 2px;
}



.mettre_panier .input_shop_qte,.mettre_panier select{    text-align: right;}
.mettre_panier .input_shop_qte{  width: 40px;}
.mettre_panier  .incqte {
    margin: 0 5px 0 0;
}
.fiche_produit  .mettre_panier { justify-content: flex-end;}
.fiche_produit  .mettre_panier .input_shop_qte { margin-left: 10px;}
.fiche_produit .prix_option {
    font-size: 20px;
    text-align: right;
    color: var(--color-clair);
    padding-bottom: 15px;
}


.prix_barre{
    text-decoration: line-through;
}










 .shop_a_la_une {
    background: var(--gris-clair);
    font-family: 'DINPro-Bold';
    font-weight: inherit;
    padding: 20px;
    margin: 20px auto;
}
 .shop_a_la_une .mettre_panier .input_shop_qte {
    background: var(--gris-clair);
    border: 0;
    width: 23%;
    line-height: 1.6;
    margin-right: 5px;
    text-align: right;
}

 .shop_a_la_une .shop_a_la_une_list_pdt{
    padding: 10px;
    margin: 0 auto;
 }




.listshop{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.npage_produit{
display: flex;
    align-content: center;
    justify-content: center;
    margin-top: 30px;
}

.npage_produit .shop_nav_bar{
display: flex;
    align-content: center;
    justify-content: center;
}

.npage_produit .shop_nav_bar strong {
    background: var(--color-clair);
    color: #ffffff;
    width: 40px;
    height: 40px;
    padding: 0;
    text-align: center;
    display: block;
    padding: 10px 18px;
    margin: 0 5px;
}

.npage_produit .shop_nav_bar  a{
    background: #e5e5e5;
    color: #000000;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 5px;
    text-align: center;
    display: block;
    padding: 10px 18px;
    text-decoration: none;
}
.npage_produit a:hover{
    background: var(--color-fonce);
    color: #ffffff;
}
.npage_produit a:first-child::before{
    content: '\f053';
    font-family: 'p900';
    font-size: 14px;
}
.npage_produit a:last-child::before {
    content: '\f054';
    font-family: 'p900';
    font-size: 14px;
}

.fiche_produit .prod_pic_filters {
    text-align: center;

}
.shop_extrait_produit .prod_pic_filters {
position: absolute;
    top: 10px;
    right: 10px;
}

.shop_extrait_produit .prod_pic_filters img{
    margin: 2px;
}
.prod_pic_filters img{
    margin: 2px;
}



/***** fiche produit ******/

.fiche_produit{
    display: flex;
    justify-content: space-between;
    position: relative;
    gap:40px;   
    min-height: 600px;
}

.fiche_produit #fiche_desc{
  flex-grow: 1;
}

.fiche_produit #fiche_options .bloc_ref {
    background: var(--gris-clair);  
    padding: 25px;
    max-width: 300px;
    min-width: 245px;
    margin-top: 20px;
}

.fiche_produit #fiche_options .bloc_ref p {
    text-align: center;
}

.fiche_produit #fiche_options .bloc_ref .prix_option {
    font-size: 28px;
    color: var(--color-clair);
    font-family: 'open_sansbold';
    text-align: center;
}
.fiche_produit #fiche_options .bloc_ref  .prix_option .condtt {
    font-size: 14px;
    color: #000000;
    font-family: 'open_sansregular';
    font-weight: inherit;
}

.fiche_produit #fiche_options .bloc_ref .option_desc{
margin: 0 auto;
}
.fiche_produit .bloc_ref .mettre_panier .input_shop_qte,
.fiche_produit .bloc_ref  .mettre_panier select,
.fiche_produit .bloc_ref h2{
    text-align: center;
    width: inherit;
}

/**galerie produit */

.galery_slide2 div[u="slides"]{
    cursor: default !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


/** navigation **/

.galery_slide2 .jssor_arrowleft,
.galery_slide2 .jssor_arrowright {
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(../../../images/jssor/a03.png) no-repeat;
    overflow: hidden;
    top:120px;
}
.galery_slide2  .jssor_arrowleft { 
    left: 0px;
    background-position: -3px -33px; 
}
.galery_slide2 .jssor_arrowright { 
    right: 0px;
    background-position: -63px -33px; 
}
.galery_slide2 .jssor_arrowleft:hover { background-position: -123px -33px; }
.galery_slide2 .jssor_arrowright:hover { background-position: -183px -33px; }


/** vignettes */


.galery_slide2 div[u="thumbnavigator"] {
    position: absolute;
    /* size of thumbnail navigator container */
    width: 450px !important;
    height: 80px;
    top:450px!important;
    background: var(--gris-clair);
}
.galery_slide2 .jssort_thumbs .bg{
    background-color: #fff; filter:alpha(opacity=30); opacity:.3; width: 100%; height:100%;
}
.galery_slide2 .jssort_thumbs .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
}

.galery_slide2 .jssort_thumbs .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.galery_slide2 .jssort_thumbs .w, .galery_slide2 .jssort_thumbs .pav:hover .w {
    
    width : 78px!important;
    height : 78px!important;
    border: white 1px dashed;
    box-sizing: content-box;
}

.galery_slide2 .jssort_thumbs .pdn .w, .galery_slide2 .jssort_thumbs .pav .w {
    border-style: solid;
}

.galery_slide2 .jssort_thumbs .c {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background-color: #000;
    filter: alpha(opacity=45);
    opacity: .45;
    transition: opacity .6s;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
}

.galery_slide2 .jssort_thumbs .p:hover .c, .galery_slide2 .jssort_thumbs .pav .c {
    filter: alpha(opacity=0);
    opacity: 0;
}

.galery_slide2 .jssort_thumbs .p:hover .c {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

* html .galery_slide2 .jssort_thumbs .w {
    /*width : 60px!important;*/
    /*height : 50px!important;*/
}
/** nav vignettes*/
.galery_slide2 .jssort_thumbs_left, .galery_slide2 .jssort_thumbs_right {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 37px;
    height: 37px;
    cursor: pointer;
    overflow: hidden;
    top: 20px!important; 
}

.galery_slide2 .jssort_thumbs_left {
    background-position: -11px -41px;
    left: 0px;
}

.galery_slide2 .jssort_thumbs_right {
    background-position: -71px -41px;
    right: 0px;
}

.galery_slide2 .jssort_thumbs_left:hover {
    background-position: -131px -41px;
}

.galery_slide2 .jssort_thumbs_right:hover {
    background-position: -191px -41px;
}

.galery_slide2 .jssort_thumbs_left.jssora11ldn {
    background-position: -251px -41px;
}

.galery_slide2 .jssort_thumbs_right.jssort_thumbs_rightrdn {
    background-position: -311px -41px;
}
/**loading*/
.galery_slide2 .jssor_loader{
    margin-left:45%;
    margin-top: 140px;
    display: block;
}


/**fin galerie */


/*
.gamme_full ul.sousmenushop{
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    transition-duration: 0.3s;
}*/



/*

.gamme  li:before, .shop_accueil li:before { content: none;}
.gamme  li span, .shop_accueil li span {
    display: block;
    font-family: 'sinkin_sans300_light';
    font-size: 1.2em;
    text-align: center;
    padding: 10px 0 15px 0 ;
    background-color: #2B2B2B;
    transition: all, 0.3s;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.gamme  li a, .shop_accueil li a{
    text-decoration: none;
    color: #fff;
    transition: all, 0.3s;
    position: relative;   
    display: block;
}
.gamme  li span:hover, .shop_accueil li span:hover {
    transition: all, 0.3s;
    background-color: var(--color-clair);
}
.gamme  li  span:hover a, .shop_accueil li  span:hover a{
    
    transition: all, 0.3s;
}
.gamme img, .shop_accueil img { width: 100%;}

.shop_promo > h2, .shop_a_la_une > h2 {
    position: absolute;
    top: -40px;
    background-color: #F3F3F3;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 3px 16px 5px 16px;
    margin: 0 !important;
    font-size: 1.6em;
    color: var(--color-clair);
    font-family: 'sinkin_sans600_semibold';
    text-transform: uppercase;
}

.shop_promo, .shop_a_la_une {
    position: relative;
    background-color: #F3F3F3;
    padding: 20px;
    margin: 30px 0 30px 0;
    -webkit-border-radius: 8px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 8px;
    -moz-border-radius-topleft: 0;
    border-radius: 8px;
    border-top-left-radius: 0;
}
.shop_a_la_une{background-color: #d7d7d7;}

.list_cat {
    display: flex;
    flex-wrap: wrap;
    
}
.list_cat div {
    margin-right: 20px;
    
    margin-bottom: 40px;}
.list_cat div:hover {
    
}
.list_cat div a {
    text-decoration: none;
    display: block;
    color: #fff;
    padding: 5px 15px;
    background-color:  #0C0B09 ;
    transition: all 0.3s;
}
.list_cat div a:hover {
    background-color:  var(--color-clair);
    transition: all 0.3s;
}
.list_cat .scat_active a {
    background-color:  var(--color-clair) ;
    
}

.npage_produit {
    margin: 30px 0 30px 0;
    text-align: center;
}
.npage_produit a {
    padding: 3px 5px;
    margin: 0px 5px 0px 5px;
    display: inline-block;
    text-decoration: none;
    
}

.npage_produit strong { 
font-weight: normal !important;
    background-color: var(--color-clair);
    color: #fff;
    padding: 2px 5px;
}
.npage_produit img { 
vertical-align: baseline;
}


 .shop_promo .shop_extrait_produit, .shop_a_la_une .shop_extrait_produit {
background-color: #fff; 
}
.liste_prod .info_prod { }
.liste_prod div h2,
.liste_prod div p,
.liste_prod div h3,
.shop_promo div h2,
.shop_promo div p,
.shop_promo div h3,
.shop_a_la_une div h2,
.shop_a_la_une div p,
.shop_a_la_une div h3 {
    padding-left: 5px;
    padding-right: 5px;
}

.liste_prod div h3, .shop_promo div h3, .shop_a_la_une div h3 {
    margin: 0;
    padding: 0 5px;
    font-size: 1em;
    text-align: right;
}

.liste_prod  .extrait_prod, .shop_promo .extrait_prod, .shop_a_la_une .extrait_prod {
    margin-bottom: 10px;
    display: none;
}

.liste_prod .prix_opt .prix_barre, .shop_promo .prix_opt .prix_barre, .shop_a_la_une .prix_opt .prix_barre {
    margin-right: 10px;
    text-decoration: line-through;
}

.liste_prod .lire_suite a, .shop_promo .lire_suite a, .shop_a_la_une .lire_suite a {
    
    padding: 5px 14px 5px 14px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background-color: var(--color-clair);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1em;
    border: none;
    margin-left: auto;
    transition: all 0.3s;

}
.liste_prod .lire_suite a:hover, .shop_promo .lire_suite a:hover, .shop_a_la_une .lire_suite a:hover {
    transition: all, 0.3s;
    background-color: #2b2b2b;
    color: #fff;
}



.fiche_produit .gal_prod {
    margin-bottom: 80px;
}
.fiche_produit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
    min-height: 550px;
    margin-top: 40px;
    max-width:1080px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#fiche_options .option_image {
    margin-right: 20px;

}
#fiche_options .option_image img {
    
    max-width: none;
}
#fiche_files {  margin: 20px 0;}
#fiche_image {  width: 450px;}
.fiche_produit .description { margin-bottom: 30px;}
#fiche_desc {
    flex-grow: 1;
    margin-left: 40px;
    width: 470px;
    margin-bottom: 50px;
}
#fiche_options { width: 100%;}
#fiche_options .option_desc {
    background-color: #F3F3F3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
}


#fiche_options .option_desc:nth-child(n+2){     margin-top: 25px;}
#fiche_options .description {   }
.fiche_produit .desc2 { font-size: 10px;    }
.bloc_option {
    display: flex;
    justify-content: space-between;
}
.bloc_option > div:nth-child(2) {
    flex-grow: 1;
}
#fiche_desc h2, #fiche_associations h2 {
    color:#2b2b2b;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 1.2em;
}
#fiche_options .option_desc .prix_option {
    text-align: right;
    font-size: 1em;
    padding: 0px;
}
#fiche_options .option_desc .prix_option .prix_barre {
    text-decoration: line-through;
    padding-right: 10px;
}
#fiche_options .option_desc .prix_option .frais_p {
    font-size: 0.95em;
}


#fiche_options .option_desc .mettre_panier label, .shop_extrait_produit .mettre_panier  label {
    vertical-align: inherit;
    margin: 7px 0 7px 0;
    display: block;
    
}


#sous_fiche_associations{ background-color: #F3F3F3}
#fiche_associations h2 {
    width: 960px;
    margin: 0px auto 30px auto;
    font-size: 2em;
    padding-top: 30px;
    
}
#fiche_associations ul {
    width: 960px;
    display: grid;
    margin: 0 auto 0px auto;
    grid-template-columns: 280px 280px 280px;
    justify-content: space-between;
    padding-bottom: 40px;
}
#fiche_associations ul li {
    width: 280px;
    background-color: #fff;
    position: relative;
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
}
#fiche_associations ul li > a {
    width: 280px;
    display: block;
    text-align: center;
}
#fiche_associations ul li:before {
    content: none;
}

#fiche_associations ul li h3 {
    padding: 15px 10px 15px 10px;
    font-size: 1.2em;
    text-decoration: none !important;
    line-height: 24px !important;
    padding-top: 10px;
    min-height: 40px;
    padding-bottom: 10px;
    color: #2B2B2B;
}
#fiche_associations ul li h3 a {
    text-decoration: none;
}
#fiche_associations ul li .prix_asso {
    color: #2B2B2B;
    font-size: 1.05em;
    margin-bottom: 10px;
    text-align: end;
    padding-right: 15px;
}
#fiche_associations .voir_asso {
    text-align: center;
position: absolute;
    bottom: -15px;
    width: 206px;
}
#fiche_associations .voir_asso a {
    background-color: #2B2B2B;
    color: #fff;
    text-decoration: none;
    padding: 6px 8px;
    display: inline-block;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: all, 0.3s;
}
#fiche_associations .voir_asso a:hover {
    background-color: var(--color-clair);
    color: #2B2B2B;
}
#fiche_associations ul li .prix_asso  .prix_barre {
text-decoration:line-through;
    display: inline-block;
    margin-right: 10px;
}




.page_prod input[type="button"] {
    background-color: #FE5757;
    color: #fff;
    border: none;
    transition: all, 0.3s;
    margin-top: 15px;
    margin-left: 110px
}
.page_prod #fiche-msg input[type="button"]{
    margin-left: 276px;
}
.page_prod input[type="button"]:hover
{

    background-color: #38A894;
   transition: all, 0.3s;
    
}


.page_prod #fiche_suggest li
{
    margin: 0;
    margin-top: 15px;   
    display: flex;padding: 0;
}

.page_prod #fiche_suggest li a img
{
    
}

.page_prod #fiche_suggest .prix_suggest
{

    text-align: center;
    color: #2B2B2B;
}
.page_prod #fiche_suggest .prix_suggest .prix_barre
{

    text-decoration: line-through;
    margin-right: 15px;
    display: inline-block;
}

.page_prod #fiche_suggest h2
{
    
    margin-top: 20px;
}

.page_prod #fiche_suggest li:before 
{
    
    content: none;
}

#fiche_suggest li div
{
    display: flex;
    flex-direction: column;
    text-align: center;
}



.page_prod #fiche_suggest ul
    {
    justify-content: space-around;
    background-color: #F3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
    }

.page_prod textarea {
    width: 90%;
}
.page_prod #fiche_suggest h2 {
    color: #2B2B2B;
    font-size: 1.45em;
}
.page_prod #fiche-msg h3 {
    color: #2B2B2B;
    font-size: 1.2em;
    margin-bottom: 8px;
}
.page_prod #fiche-msg h3 span {
    display: block;
    font-size: 0.875em;
    
}
.page_prod input[type="checkbox"]
{
    cursor: pointer;
    height: 100%;
    margin-bottom: -19px!important;
}



.page_prod #fiche-msg h4{
    margin-bottom: 15px;
}

.page_prod #fiche_image > p:nth-child(3){
    margin-top: 25px;
}






.liste_prod div h2,
.shop_a_la_une .shop_extrait_produit h2,
.shop_a_la_une .shop_extrait_produit h2 a,
.shop_a_la_une .shop_extrait_produit .prix_opt,
#fiche_desc h2,
#fiche_associations h2 ,
#fiche_desc h3,
#fiche_options .option_desc .prix_option ,
#fiche_associations ul li h3 ,
#fiche_associations ul li .prix_asso ,
.page_prod #fiche-msg h3 span ,
.shop_promo .shop_extrait_produit h2,
.shop_promo .shop_extrait_produit h2 a,
.shop_promo .shop_extrait_produit .prix_opt {
    
}
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }



*/