/*///////////////////////////////////////////////////////////////
///Script PHP/MySQL de site e-commerce développé par C2script
///SCRIPT C2shop TOUS DROITS RÉSERVÉS / UTILISATION SOUS LICENCE
///https://www.c2script.com
/////////////////////////////////////////////////////////////////

/* utiles au script */
.align_items_center{align-items:center}
.width100pct{width:100%}
.flex_between{justify-content:space-between}
.flex_center{justify-content:center}
.flex_end{justify-content:end}
.flex_wrap{flex-wrap:wrap}
.flex_column{flex-direction:column}
.padding10{padding:10px}
.hide{display:none}
.show{display:block}
.center{display:block;margin:0 auto;text-align:center}
.text_left{text-align:left!important}
.text_right{text-align:right!important}
.text_center{text-align:center!important}
.fontsize75{font-size:75%}
.fontsize150{font-size:150%}
.fontsize200{font-size:200%}
.table_responsive{overflow-x:auto}
a.lien-absolu{font-size:0!important}
a.lien-absolu::after{position:absolute;top:0;right:0;bottom:0;left:0;content:""}
small{font-size:80%}
/* alertes */
#alerte-fixed{z-index:100}
#flex_alerte{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;background:rgba(0,0,0,0.1);z-index:100}
.alert-fixed{overflow-y:auto;word-wrap:anywhere;max-width:500px}
.alert{padding:8px 15px;border:2px solid;border-radius:8px;-webkit-border-radius:8px;box-shadow:4px 5px 19px #515151;background-color:#fff;max-height:100%}
.alert .close{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB90lEQVRYhe3XzUocQRQF4E/XMQz+rGPcBUEXEnGR6GSCC90FIe9jQAMyi+yEiC9hBhLIPmCWkfgC5neC4CNkcauDDN1T3TOTnQeKGervnOLee6qaO4yGWWxgN7WN1PdfsYRDXOIan/AOZ+n/Nb7iAIuTJF7AKX4lASsV86awitdp7gnmxyV/ju9p03sN1s3gCN/QHpX8ZSJ/MuoG2MIP7DVdWJz80RjkBZaTiHbdBQtpwTgnH0RbhGOuzuRTEfNJo4u3uUlLIoPLEu6jiGkOHbwv6b+PvkyJHqZWhi38zojopDlV4TvCq2ECLlXXeSGirzyhcuSwhouqwVnhZjm0S0QU5E8za6dxg1bZ4Iaw1Dp4hj/pt5ME5cgLnGO9bGBXeHtddJKIPjYbrOthp0rAWUMBffnErC2gSQiKmG+qVx238VlFCIoknKpJfjvmdUUMTULiPl9tSN5ExGN8GabwQLUN16nznIgu9ocJeCiseKZk7EOG/LaIXkl/S1TNg9wGJ8IyJ403OK4zcV5cnU1KK4dtXGnwcG2LN8HyBMhX8FN9p/yHPQ1fMiXYTuQvRt2gLcLRFfd5XbREzK+McPJBzImXTF8k55owlEFMizrvimw/NuGPlUXxmLgQbnYuyq0n7PVGmMy+GqU2LlrCz3dSWzfEXu8wDH8BLpZuQoWM0oYAAAAASUVORK5CYII=) 0 0 no-repeat;width:32px;height:32px;position:absolute;top:2px;right:2px;cursor:pointer;display:block}
.alert-success{border-color:#35d712}
.alert-error {border-color:#ff8282}
.alert-orange{border-color:#FF8700}
.alert-info{border-color:#ffe409}

#bloc_chargement{position:fixed;z-index:20;width:100%;height:100%;background:white;top:0;left:0;text-align:center}
#bloc_chargement div:nth-child(1){position:absolute;top:calc(50% - 40px);left:calc(50% - 40px)}
#captcha{border:2px solid #ccc;border-radius:4px}
.captcha{margin:5px}
.mondialrelay,
.colissimo,
.chronopost,
.courrier{background-position:12px center;background-size:26px;background-repeat:no-repeat;padding-left:52px}
span.mondialrelay:not(.btn),
span.colissimo:not(.btn),
span.chronopost:not(.btn),
span.courrier:not(.btn){display:inline-flex;height:50px;align-items:center;font-weight:bold;font-size:30px}

/* aussi dans couleur.principale.css */
.btn.mondialrelay:hover,
.btn.colissimo:hover,
.btn.chronopost:hover,
.btn.courrier:hover{background-color:#fff;box-shadow:none}
.btn.block{display:block}
.btn.hide{display:none}
.mondialrelay{background-image:url(../images/script/livraisons/mondialrelay.png)}
.colissimo{background-image:url(../images/script/livraisons/colissimo.png)}
.chronopost{background-image:url(../images/script/livraisons/chronopost.png)}
.courrier{background-image:url(../images/script/livraisons/courrier.png)}
.moyen_de_paiement{margin-bottom:30px}
/* aussi dans couleur.principale.css */
.btn_paiement{background-position:12px center;background-size:60px;background-repeat:no-repeat;padding-left:89px}
.btn_paiement:hover{padding-left:52px;padding-right:52px}
.btn-paypal{background-image:url(../images/script/paiements/paypal.png)}
.btn-cheque{background-image:url(../images/script/paiements/cheque.png)}
.btn-points-cadeaux{background-image:url(../images/script/paiements/points-cadeaux.png)}
.btn-stripe-alipay{background-image:url(../images/script/paiements/alipay.png)}
.btn-stripe-bancontact{background-image:url(../images/script/paiements/bancontact.png)}
.btn-stripe-card{background-image:url(../images/script/paiements/card.png)}
.btn-stripe-eps{background-image:url(../images/script/paiements/eps.png)}
.btn-stripe-giropay{background-image:url(../images/script/paiements/giropay.png)}
.btn-stripe-ideal{background-image:url(../images/script/paiements/ideal.png)}
.btn-stripe-p24{background-image:url(../images/script/paiements/p24.png)}
.btn-stripe-wechat_pay{background-image:url(../images/script/paiements/wechat_pay.png)}
.btn-stripe-google_pay{background-image:url(../images/script/paiements/google_pay.png)}
.btn-stripe-apple_pay{background-image:url(../images/script/paiements/apple_pay.png)}

/* tables */
.sous_totaux td{padding-bottom:50px}
.table.commande th{vertical-align:top}
.table.commande th:first-child{text-align:left !important}
.table.commande th:last-child:not(.text_center){text-align:right !important}

/* modale */
.modale{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0;z-index:90;background-color:#00000050}
.modale .contenu{background-image:url(../images/script/noise.png);background-color:#f9f9f9;border-radius:8px;box-shadow:0 12px 19px #000;border:1px solid #757575;min-width:500px;max-height:90%;overflow:auto;padding:24px;text-align:center;max-width:1000px;margin:15px;position:relative}
.modale .titre{background:linear-gradient(#fbfeff,#ecedf0);display:block;border-radius:8px 8px 0 0;border-bottom:1px solid #ddd;color:#515457;text-align:center;font-weight:bold;padding:15px;margin:-24px -24px 24px;min-height:56px}
.modale .btns{margin:24px -24px -24px;display:flex;align-items:center;border-top:1px solid #ddd;background:linear-gradient(#f7f8fa,#ebf0f1,#ebf0f1);border-radius:0 0 8px 8px;position:sticky;bottom:-24px}

/* infobulle */
.infobulle + div[data-bulle=""],
.infobulle_statique + div[data-bulle=""]{display:none}
[data-bulle] b{color:inherit}
[data-bulle] i,[data-bulle-id] i{color:#bbb}
[data-bulle-id],
.infobulle_contenu{display:none;background:rgba(0,0,0,0.8);position:fixed;color:#fbfbfb;padding:5px;border-radius:8px;box-shadow:0 5px 10px #000;z-index:101}
.infobulle_contenu *{color:#fbfbfb}
.fermer_bulle{margin:10px -5px -5px;border-radius:0 0 8px 8px;text-align:center}
.fermer_bulle > span{padding:5px 7px;font-size:12px;margin:4px}
.infobulle_statique + div[data-bulle=""],
.infobulle_contenu
{transform:scale(0.5);transition:0.3s}

.caret{background-image:url(../images/script/caret-gris.png);background-repeat:no-repeat;background-position:95% 50%;padding-right:20px}
.caret_blanc{background-image:url(../images/script/caret-blanc.png)}

/* selecteur jQuery */
.selecteur{position:relative;width:250px}
.selecteur *,
#rechercher_dans *{cursor: pointer}
.selecteur > div:nth-child(1){display:flex;height:40px;border:2px solid #ddd;border-radius:4px;padding:0 20px;align-items:center;background-image:url(../images/script/caret-gris.png);background-repeat:no-repeat;background-position:95% 50%;background-color:#fff}
.selecteur > div:nth-child(2),
#rechercher_dans > div:nth-child(2){display:none;position:absolute;background-color:white;z-index:10;border:1px solid #ddd;box-shadow:0 5px 5px #00000020;right:0;width:100%;max-height:500px;overflow-y:auto}
.selecteur > div:nth-child(2) > div,
#rechercher_dans > div:nth-child(2) > div{padding:15px}
.selecteur > div:nth-child(2) > div:hover,
.selecteur > div:nth-child(2) > div.selected,
#rechercher_dans > div:nth-child(2) > div:hover,
#rechercher_dans > div:nth-child(2) > div.selected {background-color:#ddd}
.selecteur a{display:block}

.question_faq{font-size:20px;cursor:pointer;margin-top:20px}
.reponses_faq{display:none}
.question_faq::before{content:"+"}
.question_utile{text-align:center}

.sitemap ul{margin:15px}
.sitemap ul > li:nth-child(1){font-size:20px}
.sitemap li a{padding:6px;display:block}

/* slider */
.titre + .c2_slider,.titre + style + #jq_slider_width + .c2_slider{margin-top:-16px}
.c2_slider{max-width:1200px;margin:0 -15px 30px;background-color:#f2f2f2;height:500px;overflow:hidden;position:relative;background-image:url(../images/script/loader.gif);background-repeat:no-repeat;background-position:50%}
.c2_slider_img{position:absolute;height:100%;border:1px solid #ddd;display:inline-block;width:100%;background-position:50%;background-size:cover;opacity:0;transition:1s}
.c2_slider_img.c2_slider_active{opacity:1}
.c2_slider_type_retourne_x{transform: rotateY(180deg)}
.c2_slider_type_retourne_x.c2_slider_active{transform: rotateY(0deg)}
.c2_slider_type_retourne_y{transform: rotateX(180deg)}
.c2_slider_type_retourne_y.c2_slider_active {transform: rotateX(0deg)}
.c2_slider_bloc > a{position:absolute;top:0;right:0;bottom:0;left:0;font-size:0;display:none;z-index:1}
.c2_slider_bloc > .c2_slider_active + a{display:block}
.c2_btns_slider{position:absolute;bottom:0;display:flex;justify-content:center;width:100%;margin-bottom:10px;flex-wrap:wrap;z-index:2}
.c2_btn_slider{height:17px;width:17px;background-color:#b3b0b0;margin:5px 15px;border-radius:50px;cursor:pointer;border:2px solid #fff;transition:1s}
/* aussi dans couleur.principale.css */
.c2_btn_slider.active{width:35px}
/* aussi dans couleur.principale.css */
.c2_slider_img .c2_slider_texte{color:#fff;line-height:1;margin-left:40px;margin-top:40px}
.c2_slider_img .c2_slider_titre{font-size:85px}
.c2_slider_img .c2_slider_sous_titre{font-size:45px}

/* tabs */
/* .tabs aussi dans couleur.principale.css */
.tabs{display:flex;flex-wrap:wrap}
.tabs li{background-color:#ddd;border-radius:10px 10px 0 0;margin-right:10px}
.tabs li a{color:#555;height:48px;display:block;padding:12px 18px;text-transform:uppercase;font-weight:bold;font-size:15px;border-radius:10px 10px 0 0}
.tabs li a:hover{background-color:#e6e6e6}
.tabs li.active a:hover{background: inherit}
.tabs .active a{color:white;cursor:default}
.tab-contenus{position:relative}
.tab-contenu{display:none}
.tab-contenus .active {display:block}

@media only screen and (max-width: 500px){
	.modale .contenu{max-height:95% !important;min-width:95% !important;width:95%}
	.c2_btns_slider{margin-bottom:0px}
	.c2_btn_slider{margin:5px 10px}
}

.moins_de_1200{display:none}
@media only screen and (max-width: 1200px){
	.moins_de_1200{display:block}
}