/* connection */
.cadre_membre{
     float:left;
     width:100%;
     height:auto;
     border:solid 1px #CCC;
     border-radius:4px;
     padding:20px 10px;
     margin-top:20px;
}
.title_form{
     float:left;
     width:100%;
     height:auto;
     font-size:16px;
     margin-top:10px;
}
.red_coin{
     border:solid 1px #f44336;
     font-size:16px;
     padding:20px;
     text-align: center;
     box-shadow: 0px 0px 5px #CCC;
}
.input_form{
     float:left;
     width:100%;
     height:30px;
     border-radius:4px;
     border:solid 1px #CCC;
     padding-left:15px;
     margin-top:5px;
}
.button_form{
     float:left;
     width:100%;
     height:auto;
     padding:10px;
     outline:none;
     border:none;
     border-radius:none;
     text-align:center;
     box-shadow: 0px 0px 4px #665;
     color:#FFF;
     font-size:16px;
     background: rgb(22,80,129);
     background: linear-gradient(0deg, rgba(22,80,129,1) 0%, rgba(43,129,201,1) 15%, rgba(23,91,148,1) 100%);
}
.button_form:hover{
     background: rgb(12,64,119);
     background: linear-gradient(0deg, rgba(12,64,119,1) 0%, rgb(45 136 212) 15%, rgb(68 126 175) 100%);
     color:#FFF;
}
.button_grey, .button_grey a{
     float:left;
     width:100%;
     height:auto;
     padding:10px;
     color:#000;
     border:solid 1px #CCC;
     border-radius:4px;
     cursor:pointer;
     text-decoration: none;
     background: rgba(219,216,217,1);
     background: -moz-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(199,199,199,1) 17%, rgba(199,199,199,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,216,217,1)), color-stop(17%, rgba(199,199,199,1)), color-stop(82%, rgba(199,199,199,1)), color-stop(98%, rgba(219,216,217,1)), color-stop(100%, rgba(219,216,217,1)));
     background: -webkit-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(199,199,199,1) 17%, rgba(199,199,199,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: -o-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(199,199,199,1) 17%, rgba(199,199,199,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: -ms-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(199,199,199,1) 17%, rgba(199,199,199,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: linear-gradient(to bottom, rgba(219,216,217,1) 0%, rgba(199,199,199,1) 17%, rgba(199,199,199,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd8d9', endColorstr='#dbd8d9', GradientType=0 );
}
.button_grey:hover, .button_grey a:hover{
     color:#000;
     text-decoration: none;
     background: rgba(219,216,217,1);
     background: -moz-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(212,210,212,1) 17%, rgba(212,210,212,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,216,217,1)), color-stop(17%, rgba(212,210,212,1)), color-stop(82%, rgba(212,210,212,1)), color-stop(98%, rgba(219,216,217,1)), color-stop(100%, rgba(219,216,217,1)));
     background: -webkit-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(212,210,212,1) 17%, rgba(212,210,212,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: -o-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(212,210,212,1) 17%, rgba(212,210,212,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: -ms-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(212,210,212,1) 17%, rgba(212,210,212,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: linear-gradient(to bottom, rgba(219,216,217,1) 0%, rgba(212,210,212,1) 17%, rgba(212,210,212,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd8d9', endColorstr='#dbd8d9', GradientType=0 );
}
/* connection */

/* panier */
.panierAffichage {
    position: fixed;
    z-index: 1001;
    top: 150px;
    left: 5%;
    height: 450px;
    min-height: 450px;
    width: 90%;
    min-width: 90%;
    height: auto;
    background-color: #FFF;
    border: solid 1px #CCC;
    border-radius: 4px;
}
.buttonincrement_pan{
    width: 30%;
    height: 40px;
    background-color: #CCC;
    font-size: 14px;
    color: #000;
    float: left;
    line-height: 40px;
    text-align: center;
}
.radiusIncrementright {
    border-radius: 0px 4px 4px 0px;
}
.panier_mini{
     position:fixed;
     right:0;
     top:0;
     width:200px;
     height:300px;
     background-color: #FFF;
     z-index: 1200;
     border-left: solid 1px #CCC;
}
.header_miniPan{
     float: left;
     width: 100%;
     height: auto;
     background-color: #3c3636;
     color: #FFF;
     padding: 10px;
     text-align: center;
     font-size: 22px;
}
.valid_panierMini{
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     text-align: center;
     min-height: 40px;
     height: auto;
     color: #FFF;
     background-color: #3c3636;
     font-size: 16px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     cursor:pointer;
}
.renderArticle2{
     float:left;
     width:100%;
     overflow-y: scroll;
     padding-bottom:40px;
     padding:0px 4px;
}
.qte2{
     float:left;
     width:60px;
     height:auto;
     font-size:14px;
     color:#000;
}
/* panier */

/* ancre 1 */
.slider_accueil{
     float:left;
     width:100%;
     height:500px;
     position:relative;
}
.slide_home{
     float:left;
     width:100%;
     height:500px;
     background-position:center;
     background-size:cover;
     background-repeat: no-repeat;
}
.title_slide{
     float:left;
     width:100%;
     height:auto;
     font-weight:900;
     color:#FFF;
     text-align:center;
     font-size:40px;
     padding:100px;
}
.arrow_left, .arrow_right{
     position:absolute;
     top:50%;
     transform:translateY(-50%);
     width:50px;
     height:50px;
     background-color:rgba(0, 0, 0, 0.54);
     display:flex;
     flex-direction:column;
     justify-content:center;
     text-align:center;
     border-radius:50%;
     color:#FFF;
     z-index:900;
     cursor:pointer;
}
.arrow_left{
     left:10px;
}
.arrow_right{
     right:10px;
}
.arrow_left:hover, .arrow_right:hover{
     background-color:#00a5db;
}
.container_publicite{
     left:0;
     top:0;
     transform:translateY(-50%);
     z-index:999;
     width:100%;
     height:330px;
     position:absolute;
}
.publicite_aff{
     float:left;
     height:270px;
     width:100%;
     background-position:center;
     background-size:cover;
     background-repeat: no-repeat;
     position:relative;
     cursor:pointer;
}
.publicite_aff:hover{
     box-shadow:3px 2px 22px #FFF;
     transition: box-shadow 0.3s ease-in-out;
}
.titre_publicite_aff{
     float:left;
     width:50%;
     height:auto;
     padding:50px;
     color:#000;
     font-weight:600;
     font-size:20px
}
.circle_arrow{
     position:absolute;
     display:flex;
     flex-direction:column;
     justify-content:center;
     text-align:center;
     border-radius:50%;
     bottom:0;
     width:50px;
     height:50px;
     transform:translateY(50%);
     border:solid 2px #000;
     background-color:#FFF;
     color:#000;
     right:20px;
     cursor:pointer;
}
/* ancre 1 */

/* ancre 2 */
.content_article{
     float:left;
     width:100%;
     height:auto;
     padding-top:50px;
     padding-bottom:200px;
     position:relative;
}
.box_article{
     float:left;
     width:100%;
     min-height:400px;
     height:auto;
     padding:10px;
         border-bottom: solid 1px #cecece;
     cursor:pointer;
}
.box_article:hover{
     box-shadow:2px 1px 12px #665;
     transition: box-shadow 0.3s ease-in-out;
}

.ancard_new{
     float:left;
     width:auto;
     padding:4px 10px 4px 10px;
     background-color:#00a5db;
     color:#FFF;
     font-size:14px;
}
.ancard_promo{
     float:right;
     width:auto;
     padding:4px 10px 4px 10px;
     background-color:red;
     color:#FFF;
     font-size:14px;
}
.zone_image_article{
     float:left;
     width:100%;
     height:350px;
     margin-top:10px;
     background-position:bottom center;
     background-size:cover;
     background-repeat: no-repeat;
}
.article_title, .article_marque, .article_prix{
     float:left;
     width:100%;
     height:auto;
     text-align:center;
     font-weight:600;
}
.article_prix{
     color:#00a5db;
     font-size:16px;
     font-weight:normal;
}
.article_prix_promo{
     float:left;
     width:50%;
     text-align:right;
     color:#00a5db;
     padding-right:10px;
     font-weight:600;
     font-size:16px;
     font-weight:normal;
}
.article_prix_promoRight{
     float:left;
     width:50%;
     text-align:left;
     padding-left:10px;
     color:#CCC;
     text-decoration:line-through;
     font-size:12px;
     font-weight:600;
     font-size:16px;
     font-weight:normal;
}
.myarticle_option{
     min-width:100%;
}
.separator_option{
     float:left;
     min-width:100%;
     width:100%;
     min-height:1px;
     height:1px;
     background-color:#CCC;
     margin-top:5px;
     margin-bottom:5px;
}
.article_option{
     float:left;
     width:auto;
     margin-top:5px;
     height:40px;
     padding-left:10px;
     padding-right:10px;
     font-size:20px;
}
.article_option:hover{
     color:#00a5db;
}
/* ancre 2 */

/* ancre 3 */

.poppin{
     position:fixed;
     top:10%;
     left:50%;
     transform: translateX(-50%);
     width:70%;
     height:auto;
     min-height:400px;
     background-color:#f1f1f1;
     z-index:1000;
}
.description_article_title{
     float:left;
     width:100%;
     height:auto;
     font-size:24px;
     color:#665;
     font-weight: 500;
}
.description_article_prix, .description_article_prixPromo{
     float:left;
     width:100%;
     height:auto;
     color:#d84d5d;
     font-size:16px;
}
.description_article_prix{
     text-decoration:line-through;
     color:#665;
     font-size:14px;
}
.description_text_article, .description_text_article2{
     float:left;
     width:100%;
     height:auto;
     max-height:300px;
     overflow-y: scroll;
     padding:20px;
     color:#665;
     font-size:14px;
}
.description_text_article2{
     max-height:600px;
}
.select_boutique, .select_boutique2{
     background:#ffffff;
     float:left;
     border: solid 1px !important;
     border-radius:0px !important;
     border-color:#000 !important;
     background-image:url('../../images/icones/black_arrow_down.png');
     background-repeat:no-repeat;
     background-position: right;
     background-size: 40px 40px;
     width:100px;
     height:50px;
}
.select_boutique select, .select_boutique2 select {
     background:none;
     -webkit-appearance:none;
     -webkit-border-radius:0;
     border: none;
     font-size: 16px;
     height: 48px;
     padding-left: 15px; /* If you add too much padding here, the options won't show in IE */
     width:98px;
     outline:none;
}
.select_boutique2{
     width:40%;
}
.select_boutique2 select{
     width:100%;
}
.input_article{
     background:#ffffff;
     border: solid 1px #c2c2c2;
     font-size: 14px;
     width:100%;
     height:40px;
}
.arrow_up, .arrow_down{
     float:left;
     width:45px;
     height:50px;
     border: solid 1px #c2c2c2;

     border-radius: 10px 0px 0px 10px;
     display:flex;
     flex-direction:column;
     justify-content:center;
     text-align:center;
     cursor:pointer;
     color:#665;
     font-size:12px;
}
.arrow_up{
    border-radius: 0px 10px 10px 0px;
}
.arrow_up:hover, .arrow_down:hover{
     background-color:#327735;
     color:#FFF;
}
.switch_arrow{
     float:left;
     width:100%;
     height:auto;
}
.box_color_article{
     float:left;
     width:20px;
     height:20px;
     cursor:pointer;
     border:solid 1px #000;
     margin-left:4px;
     margin-right:4px;
     background-color:#FFF;
     background-size:60%, 60%;
     background-repeat:no-repeat
     background-position:center;
}
.poppin_media_article{
     float:left;
     width:100%;
     height:60px;
     margin-top:10px;
     background-color:#FFF;
}
.poppin_bouton_article, .bouton_articleGreen, .bouton_violet{
     float:left;
     width:100%;
     text-align:center;
     font-weight:normal;
     font-size:16px;
     color:#FFF;
     background-color:#7fc309;
     height:50px;
     border:none;
     cursor:pointer;
     outline:none;
}

/* condition */
.bouton_condition{
     float:left;
     width:100%;
     text-align:center;
     font-weight:normal;
     font-size:16px;
     color:#FFF;
     background-color:#CCC;
     height:50px;
     border:none;
}
.desactiv_condition{
     cursor:none;
     color:#FFF;
}
.active_condition{
     cursor:pointer;
     background-color:#529009;
     color:#FFF;
}
.active_condition:hover{
     cursor:pointer;
     background-color:#6ebb13;
}
/* condition */
.bouton_violet{
     background-color:#5b4db5;
}
.bouton_violet:hover{
     background-color:#7060d8;
}
.bouton_articleGreen{
     background-color:#529009;
}
.poppin_bouton_article:hover, .bouton_articleGreen:hover{
     background-color:#529009;
     cursor:pointer;
}
.bouton_articleGreen:hover{
     background-color:#6ebb13;
}
.articleView{
     float:left;
     width:100%;
     height:600px;
     position:relative;
}
.img_article_div, .img_article_div2{
     float:left;
     width:100%;
     height:100%;
     background-color:#FFF;
     padding:20px;
     overflow:hidden;
     background-position:center;
     background-repeat:no-repeat;
     background-size: 90%, auto;
}
.img_article_div2{
     height:auto;
}
.conteneur_image{
     float:left;
     width:100%;
     height:260px;
     background-repeat:no-repeat;
     background-size: 60%, 60%;
     background-position:center;
}
.box_new_img{
     float:left;
     width:70px;
     height:90px;
     margin:10px 10px 0px;
     cursor:pointer;
     border: solid 1px #CCC;
     background-repeat:no-repeat;
     background-size:cover;
     background-color:#FFF;
     background-position:center;
}
.image_zoomer{
     float:left;
     width:auto;
     height:auto;
     min-width:200px;
     max-width:50%;
     /* max-height:350px; */
}
/* ancre 3 */

.mini_pic{
     float:left;
     width:50px;
     height:200px;
}
.photo_grandcadre{
     float:left;
     width:calc(100% - 50px);
     height:auto;
}
.image_articleBox2{
     float:left;
     width:100%;
     height:400px;
     background-position:center;
     background-size:80% auto;
     background-repeat:no-repeat;
}
.box_article_option{
     float:left;width:300px;height:auto;min-height:130px;font-size:14px;color:#FFF;background-color:#000;border-radius:14px;filter:alpha(opacity=80); opacity:0.8;margin-bottom:20px;
}
.define_option{
     float:left;height:auto;font-size:14px;color:#000;
}
.articleC_line_option{
     float:left;width:100%;height:auto;min-height:30px;padding-left:15px;
     display:flex;flex-direction:column;justify-content:center;
}

/* composant et marketing */
.etiquette_boutique{
     position: absolute;
     left: 50%;
     top: -40px;
     z-index:1000;
     width: 220px;
     height: 184px;
     background-repeat: no-repeat;
     background-size: 90% auto;
     background-position: center 55%;
     transform: rotate(39deg);
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     color: #FFF;
     font-size: 25px;
}
.trust_shop{
     float:left;
     width:100%;
     height:auto;
     padding:30px 10px 30px 10px;
     display:flex;
     flex-direction:column;
     justify-content:center;
     text-align:center;
     color:#665;
     font-size:16px;
}
.economie_boutique{
     color:#d84d5d;
     font-size:28px;
}
.desc_onglet{
     float:left;
     width:100%;
     height:auto;
     padding:10px 15px 10px 15px;
     border-top:solid 1px #CCC;
     border-bottom:solid 1px #CCC;
     color:#665;
     margin:30px 0px 10px 0px;
     font-size:16px;
}
.image_choose{
     float:left;
     width:80px;
     height:80px;
     border:solid 1px #CCC;
     background-repeat:no-repeat;
     background-size:cover;
     background-position:center;
}
.case_priceBoutique{
     float:left;
     width: calc(100% - 140px);
     height:80px;
     padding:0px 20px 0px 20px;
}
.case_pourcentage_boutique{
     float:left;
     width:160px;
     height:80px;
     position:relative;
}
.descBT:hover{
     color:#00abd6;
}
/* composant et marketing */


/* new */
.basketWindow{
     position:fixed;
     top:86px;
     right:0;
     z-index:1250;
     border-top: solid 1px #CCC;
     width:0%;
     min-width:400px;
     max-width: 600px;
     display:none;
     height:calc(100% - 86px);
     padding:0px 20px 20px 20px;
     background-color:#FFF;
}
.basketWindow2{
     float:left;
     width:100%;
     min-width:400px;
     height:auto;
}
.content_basket{
     float:left;
     width:100%;
     height:auto;
     position:relative;
     max-height: 70%;
     overflow-y:scroll;
     border-bottom: solid 1px #CCC;
}
.action_basket{
     float:left;
     width:100%;
     height:auto;
     position:relative;
}
.lecture_addons{
     float:left;
     width:100%;
     padding:0px 10px 10px 10px;
     height:150px;
     overflow-x:scroll;
}
.box_addons{
     float:left;
     width:60px;
     height:60px;
     margin-left:10px;
     border:solid 1px #CCC;
     background-repeat:no-repeat;
     background-size: 50px auto;
     background-position:center;
     border-radius:4px;
     cursor:pointer;
}
.active_addons{
     border:solid 2px #d84d5d;
}
/**/

.render_nas{
     float:left;
     width:100%;
     height:100%;
     position:relative;
     display:none;
}
.basketProduc{
     float:left;
     width:100%;
     margin-top:10px;
     height:auto;
     position:relative;
}
.basketimg{
     float:left;
     width:110px;
     height:110px;
     max-width:110px;
     max-height:110px;
     overflow: hidden;
     padding:10px;
}
.basketInfo, .basketInfo2{
     float:left;
     width:calc(100% - 210px);
     height:auto;
     padding:10px;
}
.basketTitle, .basketDesc{
     float:left;
     height:auto;
     width:100%;
     font-size:18px;
     color:#665;
}
.basketDesc{
     font-size:11px;
     margin-top:3px;
}
.basketPrice, .basketPrice2{
     float:left;
     width:100px;
     height:60px;
     line-height:60px;
     font-size:24px;
}
.basketPrice2{
     width:60px;
     height:auto;
     line-height:normal;
     padding-top:24px;
     font-size:14px;
     color:#0c7031;
}
.result_basket, .action_basket{
     position:absolute;
     left:0;
     bottom:10px;
     width:100%;
     height:auto;
     margin-top:20px;
     padding:20px;
}
.action_basket{
     bottom:0;
}
.TitleTotalBasket{
     font-weight:bold;
     font-size:20px;
}
.totalBasket{
     font-size:17px;
     text-align:right;
}
#BgPanier{
     position:fixed;
     z-index:1000;
     top:70px;
     left:0;
     height:calc(100% - 70px);
     width:100%;
     display:none;
     cursor:pointer;
}
.option_deleteBasket{
     float:left;
     width:40px;
     height:80px;
     position:relative;
     display:none;
     text-align:center;
}
.delete_article{
     margin-left: auto;
     margin-right: auto;
     margin-top:30px;
     width:20px;
     height:20px;
     border:solid 2px #c15f5f;
     display:flex;
     flex-direction:column;
     justify-content:center;
     text-align:center;
     color:#FFF;
     cursor:pointer;
     border-radius:50%;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100 */
     background: rgb(169,3,41); /* Old browsers */
     background: -moz-linear-gradient(-45deg, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* accueil */
/* new */

/* meilleures ventes */
.titre_boutique{
     float:left;
     width:100%;
     height:auto;
     padding:40px 15px 40px 15px;
     font-size:30px;
     color:#000;
     text-align:left;
     font-weight:600;
}
.myslider_best{
     float:left;
     width:100%;
     height:370px;
     padding:0px 30px 0px 30px;
     overflow-y: hidden;
}
.bmv_article{
     float:left;
     height:360px;
     padding:10px;
     margin-bottom:5px;
}
.bmv_contenant{
     float:left;
     width:100%;
     height:auto;
     /* border:solid 1px #CCC;
     box-shadow:0px 0px 2px #CCC; */
}
.bmv_img_box{
     float:left;
     width:100%;
     height:233px;
     background-position:center;
     background-repeat:no-repeat;
     background-size:70%, 100%;
}
.bmv_anim_show{
}
.bmv_title{
     float:left;
     width:100%;
     max-width:100%;
     height:auto;
     padding:10px;
     text-align:center;
}
.bmv_title a{
     color:#000;
}
.bmv_price{
     float:left;
     width:100%;
     font-size:16px;
     height:auto;
     text-align:center;
}
.bmv_show{
     float:left;
     width:100%;
     height:40px;
     line-height:40px;
     text-align:center;
     background-color:#08364e;
     font-size:15px;
     color:#FFF;
     cursor:pointer;
}
.bmv_show:hover{
     background-color:#1a5777;
}
/* meilleures ventes */

/* bon plans */
.Strate-top {
    margin: 30px 0;
    padding: 0 30px;
    width: 100%;
    min-height: 40px;
}
.Strate-title {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    float: left;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    font-size: 27px;
    line-height: 40px;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.image_articleBP{
     float:left;
     width:100%;
     height:200px;
     padding:20px;
     max-height:200px;
     border: 1px solid #d8d8d8;
     text-align:center;
     position:relative;
}
.economieBP{
     position: absolute;
     right: 0;
     bottom: 0px;
     background-color: #d06089;
     color: #FFF;
     font-size: 12px;
     padding: 10px;
     z-index: 950;
     border-radius: 11px 0px 0px 0px;
}
/* bon plans */

/* menu boutique */
.boutique_menu{
     float:left;
     height:50px;
     display:flex;
     font-weight:500;
     font-size:16px;
     border-left:solid 1px #665;
     flex-direction:column;
     justify-content:center;
     text-align:center;
     cursor:pointer;
}
.menu_bottom_style{
     float:left;
     padding: 10px 0px;
     width:100%;
     height:60px;
     overflow:hidden;
     position:relative;
     height:auto;
     box-shadow: 0px 1px 5px 1px #665;
     border:solid 1px #CCC;
}
.boutique_menu:hover{
     color:#00a5db;
}
/* menu boutique */

/* article */
.image_article{
     float:left;
     width:100%;
     height:200px;
     padding:10px;
     position:relative;
     text-align:center;
     border:solid 1px #CCC;
}
.loader_search, .loader_search_click{
     float:left;
     margin-top:40px;
     margin-bottom:40px;
     width:100%;
     height:auto;
     font-size:14px;
     text-align:center;
}
.loader_search_click{
     margin:0;
}
/* article */

/* filter */
.affichage_article{
     float:left;
     width:calc(100% - 250px);
     height:auto;
     padding:0px;
}
.bar_filter{
     float:left;
     width:250px;
     padding:0px;
     height:100%;
     border-right:solid 1px #CCC;
}
.menu_filter{
     float:left;
     width:100%;
     height:40px;
     padding-left:10px;
     line-height:40px;
     color:#000;
     position:relative;
     font-weight:600;
     cursor:pointer;
}
.arrow_filter{
     position: absolute;
     right:10px;
     top:4px;
     color:#00a5db;
     cursor:pointer;
     font-size:20px;
}
.bloc_filter{
     border-top: solid 1px #CCC;
     padding:10px 10px;
}

.input_prix{
     width: 40% !important;
     background-color: #fff !important;
     border: 1px solid #c8c8c8 !important;
     text-align: center;
     height: 34px;
     line-height: 34px;
     -moz-appearance: textfield;
     padding-left: 0 !important;
     position: relative;
     top: 0;
     float:left;
     margin-left:20%;
}
.filter-color{
     float:left;
     height: 32px;
     width: 32px;
     border: 1px solid #cdcccc;
     margin: 10px 0px 0px 12px;
     border-radius:50%;
     cursor: pointer;
     display:flex;
     flex-direction:column;
     justify-content:center;
     text-align:center;
}
.ma_selection_filter{
     float:left;
     width:100%;
     height:auto;
     padding:10px;
     background-color:#CCC;
     color:#000;
}
.write_search_filtre{
     float:left;
     width:auto;
     padding:5px 30px 5px 15px;
     border-radius:5px;
     border:solid 1px #00a5db;
     background-color:#FFF;
     margin-left:5px;
     color:#00a5db;
     position: relative;
}
.write_cross_filtre{
     position:absolute;
     right:8px;
     cursor:pointer;
     top:5px;
     width:auto;
     height:auto;
}
.button_search, .mob_search{
     position: absolute;
     right:0;
     top: 0;
     width: 100px;
     height: 39px;
     background-color: #000;
     color: #FFF;
     text-align: center;
     line-height: 40px;
     cursor:pointer;
}
.button_search:hover{
     background-color:green;
}
.filter_search{
     float: left;
     width: 100%;
     height: 39px;
     background: none;
     padding-left:10px;
     border: solid 1px #CCC;
     outline: none;
     font-size: 15px;
     color: #000;
}
.mark_price{
     position: absolute;
     top: 10px;
     left: 10px;
     font-size:18px;
     width: auto;
     height: auto;
     z-index:900;
}
.menu_footer_article{
     display:none;
}
.mycat_boutique{
     float: left;
     width: 100%;
     height: 180px;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     padding: 20px;
     border: solid 1px #CCC;
     box-shadow: 0px 0px 5px #CCC;
     cursor:pointer;
     margin-top:10px;
}
/* filter */

/* header flotant */
.header_flotant{
     position:fixed;
     left:0px;
     top:0px;
     width:100%;
     height:auto;
     box-shadow:0px 2px 6px #3c3c3c;
     background-color:#FFF;
     color:#000;
     z-index:1000;
     display:none;
     padding:5px;
}
.restFlotant{
     width:calc(100% - 80px);
     float:left;
     padding:0px 10px;
}
/* header flotant */

/* paiement */
.iconePaimentBox{
     float:left;
     width:60px;
     min-height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.textPaiementBox{
     float:left;
     width:calc(100% - 60px);
     min-height: 60px;
     padding:10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
     font-size:14px;
     font-weight:600;
}
/* paiement */