*, *:before,*:after { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing:border-box;
         box-sizing: border-box;
}
body,div,dl,dt,dd,ul,ol,li,header,footer,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote {margin:0;padding:0;}
body{ -webkit-font-smoothing : antialiased; line-height:1; display: block;background-color: #464749;}
ul,ol{list-style:none;list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-weight:bold;font-style:normal;}
input,button,select{vertical-align:middle;text-align: center;font-family: 'Roboto Condensed', Arial, sans-serif; font-weight: 300;font-size: 15px;}
img,a, img ,fieldset,button {border:none;outline:medium none;}
a,button {text-decoration: none;color:inherit;cursor: pointer;}
body,html {
    height:100%;
    font-size: 16px;    
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-weight: 300;
    line-height: 20px;
    color: #ffffff;
    background-color: #ffffff;
    min-width: 300px;
}
/*********************
*       HEADER       *
**********************/
.cl_body {
    display:block;
    overflow-x: hidden;
}
.header_h1, .header_h2 {
    position: relative;
    max-width: 100%;
    height:80px;
}
.header_h1_sticky {
    margin-bottom: 40px;
}
.fa {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;   
}
.container { max-width: 1200px; margin-top:20px ;margin-right: auto;margin-left: auto;background-color: #464749; border-radius: 15px 15px 0 0; }
.cont_h { float: left; width: 310px; height: 64px;}
.cont_a { float: left; width: 300px; height: 54px;margin: 10px 0px 0px 5px;}
.cont_logo { float: left; width: 300px; height: 54px; transition:  0.4s;-webkit-transition: 0.4s; -o-transition:  0.4s}
.cont_adrs { float: left; width: auto; height: auto; font-weight: 700; margin:47px 0px 0px 10px;}
.cont_map { float: left; width: auto; height: auto; color: #ffffff; padding: 35px 0px 0px 5px;}
.cont_cont { float: right; width: auto; height: auto; font-weight: 700;font-size: 15px;margin: 16px 5px 0px 0px; }
.cont_horr { float: right; width: auto; height: auto; font-weight: 300;font-size: 13px;margin:16px 5px;}

.up_scroll { position: fixed; right: -70px; bottom: 20px;cursor: pointer;width: 50px; height: 50px; border-radius: 50%;padding-top:4px;
                    background-color: #33a1e1; color: #fff;display: inline-block; text-align: center; line-height: 50px;
                    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
                    z-index: 50; opacity: .7; overflow:hidden;
                    -webkit-transition: all .8s ease-out;;-o-transition: all .8s ease-out;transition: all .8s ease-out;}
.up_scroll:hover { opacity: 1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}     
/*********************
*       HEADER 2     *
**********************/
.header_h2 {
    height:40px;
}
.container_h2 { max-width: 1200px; margin-right: auto;margin-left: auto;background-color: #58595b; border-radius: 0 0 15px 15px;}
.sticky { position: fixed;top: 0; width: 100%; z-index:100;}

.column {float: left;} 
.gch {width: 22%;}
.cter {width: 68%; height: 32px;margin-top:4px;padding-bottom: 2px;background-color: white;border-radius: 15px;}
.drt {float:right;width: 40px;margin-right:2%;margin-top:0px;height:25px;
    font-size: 32px;font-weight: 300;text-align: left; padding:0px 0px; }

.but_cadd {  position: relative; top: 3px; left:0px;}
.but_cadd_stick { top:8px;}

.but_cadd_b {
    position: relative;
    top: -43px;
    left: 15px;
    padding: 2px 8px 1px 6px;
    border-radius: 45%;
    background-color: #ec2d37;
    color: white;
    font-size: 16px;
  }  

.but_g { width: 215px;margin-right: auto;margin-left: auto; margin-top: 2px;margin-bottom: 0px;}
.but_h {
    cursor: pointer;
    font-size: 16px;font-weight: 700;text-align: right;
    padding: 9px 30px 7px 24px;
    background-color: #ec2d37;
    color: white;
    border-radius: 15px;
    -webkit-transition: background-color 0.5s;-o-transition: background-color 0.5s;transition: background-color 0.5s;
}

.fle_i {
    position:relative;
    top:-3px;
    left:10px;
    margin-left:7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    -ms-transform: rotate(45deg); transform: rotate(45deg);-webkit-transform: rotate(45deg);
    -webkit-transition:  0.4s; -o-transition:  0.4s; transition:  0.4s;
}
.but_g:hover .fle_i {
    top:3px;
    -ms-transform: rotate(-135deg);transform: rotate(-135deg);-webkit-transform: rotate(-135deg);
}

/*Menu*/
.but_h_cont {
    position: absolute;
    display:none;
    width:360px;
    border: 0px;
    background-color: white;
    color: #898c91;
    border-radius: 15px;
    font-size: 20px;font-weight: 700;text-align: left;
    box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.7);
    z-index: 100;
}
.but_h_cont_d {
    position: relative;
    left:0px;
    width: 100%;
    cursor: pointer;
    font-size: 16px;font-weight: 300;text-align: left;
    background-color: white;
    color:  #3b3738;
    padding: 10px 15px;
    border-radius: 15px;
    -webkit-transition: background-color 0.7s, left 0.9s;-o-transition: background-color 0.7s, left 0.9s;transition: background-color 0.7s, left 0.9s
}
.but_h_cont_d:hover {
    background-color: #f1f1f1;
    left:5px;
}
.but_h_visu {display: block;}

.fle_i_d {
    position:relative;
    float: right;
    top:3px;
    left:-5px;
    margin-left:7px;
    border: solid #3b3738;
    border-width: 0 3px 3px 0;
    padding: 4px;
    -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
/* Menu Level 2 */
.but_h_cont_lv2 {
    position: absolute;
    width:62%;
    height:auto;
    display:none;
    padding:10px;
    border: 1px solid;
    border-color: #b3b4b9;
    background-color: white;
    color: #898c91;
    border-radius: 15px;
    font-size: 20px;font-weight: 700;text-align: left;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    z-index: 100;
    -webkit-transform: translate(350px,1px);-ms-transform: translate(350px,1px);transform: translate(350px,1px);
    overflow-x: hidden;
}
.but_h_cont_lv2_c100 {
    width: 100%; 
    float:left;
    line-height: 26px;  
}
.but_h_cont_lv2_c33 {
    width: 33%; 
    float:left;  
}
.but_h_cont_d_lv2 {
    position: relative;
    float:left;
    width: 33%;
    cursor: pointer;
    font-size: 14px;font-weight: 300;text-align: left;
    background-color: white;
    color:  #3b3738;
    padding:2px 3px;
    border-radius: 15px;
    min-width: 190px;
    overflow: hidden;
    -webkit-transition: background-color 0.9s, letter-spacing 0.5s;
    -o-transition: background-color 0.9s, letter-spacing 0.5s;
    transition: background-color 0.9s, letter-spacing 0.5s;
} 
 
.but_h_cont_d_lv2_hi {
    font-size: 15px;font-weight: 700;
    color:  #222021;
}
.but_h_cont_d_lv2_hi:hover, .but_h_cont_d_lv2:hover {
    background-color: #f1f1f1;
}
.but_h_visu_lv2 {display: block;}


.but_h_cont_d_lv2_hi_g {
    width:100%;
    text-align: center;
    font-size: 18px;font-weight: 700;
    color: white;
    background-color: #ec2d37;
    border-radius:5px;
}
.but_h_cont_d_lv2_hi_g:hover {
    letter-spacing: 1px;    
    background-color: #ec2d37;
}
/*********************
*    Menu Burger     *
**********************/
.but_buger {display: inline-block;cursor: pointer;padding-left:15px;padding-top:1px;display: none }
.bug_bar1, .bug_bar2, .bug_bar3 {width: 35px;height: 5px;background-color: #3b3738;margin: 5px 0px;transition: 0.5s;}
.change .bug_bar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 5px);
    -ms-transform: rotate(-45deg) translate(-8px, 5px);
        transform: rotate(-45deg) translate(-8px, 5px);
  }
  
  .change .bug_bar2 {opacity: 0;}
  
  .change .bug_bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -7px);
    -ms-transform: rotate(45deg) translate(-8px, -7px);
        transform: rotate(45deg) translate(-8px, -7px);
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 250;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    -webkit-transition: 0.5s;    -o-transition: 0.5s;    transition: 0.5s;
    padding-top: 60px;
  }
  
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #919191;
    display: block;
    -webkit-transition: 0.3s;   -o-transition: 0.3s;   transition: 0.3s;
  }
  
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 36px;
    margin-left: 50px;
  }
  .fle_i_bug {
    position:relative;
    float: right;
    top:10px;
    left:-30px;
    border: solid #3b3738;
    border-width: 0 3px 3px 0;
    padding: 4px;
    -webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg); transform: rotate(-135deg);
    -webkit-transition: 0.5s; -o-transition: 0.5s;    transition: 0.5s;
} 
.fle_i_bug_act {
    top:5px;
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
.bug_panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-out;  -o-transition: max-height 0.3s ease-out;  transition: max-height 0.3s ease-out; 
  }
/*********
**Loader**
*********/
.loader {
    position:fixed;
    top: 20%;
    left: 45%;  
    z-index: 20000;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-color: #33a1e1;
  
    -webkit-animation: rectangle 1.5s infinite ease-in-out;
    animation: rectangle 1.5s infinite ease-in-out;
    transform: translate(-50%, -50%);
  }
   
  @-webkit-keyframes rectangle {
      0% {
        -webkit-transform:perspective(12rem) rotateX(0deg) rotateY(0deg);
                transform:perspective(12rem) rotateX(0deg) rotateY(0deg)
      }
      50% {
        -webkit-transform:perspective(12rem) rotateX(-180.1deg) rotateY(0deg);
                transform:perspective(12rem) rotateX(-180.1deg) rotateY(0deg)
      }
      100% {
        -webkit-transform:perspective(12rem) rotateX(-180deg) rotateY(-179.9deg);
                transform:perspective(12rem) rotateX(-180deg) rotateY(-179.9deg)
      }
    }
    @keyframes rectangle {
      0% {
        -webkit-transform:perspective(12rem) rotateX(0deg) rotateY(0deg);
                transform:perspective(12rem) rotateX(0deg) rotateY(0deg)
      }
      50% {
        -webkit-transform:perspective(12rem) rotateX(-180.1deg) rotateY(0deg);
                transform:perspective(12rem) rotateX(-180.1deg) rotateY(0deg)
      }
      100% {
        -webkit-transform:perspective(12rem) rotateX(-180deg) rotateY(-179.9deg);
                transform:perspective(12rem) rotateX(-180deg) rotateY(-179.9deg)
      }
    }
/*********************
*       Publicité    *
**********************/
.pub_g {
    position: relative;
    max-width: 1200px;
    max-height: 300px;
    margin-right: auto;margin-left: auto;top:2px;
    overflow: hidden;
 /*   border: 5px solid red; */
}
.pub_g0 {
    position: relative;
    max-width: 1200px;
    max-height: 300px;
    margin-right: auto;margin-left: auto;top:2px;
}
.pub_g1 {overflow: hidden;}
.pub_g2 {max-height: 100%;}
.pub_g3 {margin-top:25px;}
.img_d0 {position: relative;top:0px;left:0;    width: 100%; height:auto;border-radius: 15px;}

.img_d11 {position: absolute;top:0%;left:00%; width: 100%; height:auto;border-radius: 15px;              /*class anim pub1 */
    -webkit-animation: 7s img_an11 infinite;
    animation: 7s img_an11 infinite;     
}
.img_d12 {position: absolute;top:0%;left:00%; width: 100%; height:auto;border-radius: 15px;              /*class anim pub1 */
    -webkit-animation: 7s img_an21 infinite;
    animation: 7s img_an21 infinite;     
}
.img_d22 {position: absolute;top:0%;left:100%; width: 100%; height:auto;border-radius: 15px;             /*class anim pub2 */
    -webkit-animation: 7s img_an22 infinite;
    animation: 7s img_an22 infinite;
 }

.img_d13 {position: absolute;top:0%;left:00%; width: 100%; height:auto;border-radius: 15px;             /*class anim pub1 */
    -webkit-animation: 7s img_an31 infinite;
    animation: 7s img_an31 infinite;     
}
.img_d23 {position: absolute;top:0%;left:100%; width: 100%; height:auto;border-radius: 15px;             /*class anim pub2 */
    -webkit-animation: 7s img_an32 infinite;
    animation: 7s img_an32 infinite;
 }
.img_d33 {position: absolute;top:0%;left:200%; width: 100%; height:auto;border-radius: 15px;             /*class anim pub3 */
    -webkit-animation: 7s img_an33 infinite;
    animation: 7s img_an33 infinite;
 }
 /* Version 1 pub */
@-webkit-keyframes img_an11 {}
@keyframes img_an11 {}

/* Version 2 pub */
@-webkit-keyframes img_an21 {
0%  {  left:00%;}   45% {  left:00%;}    50% {  left:-100%;}    95% {  left:-100%;}    100% { left:0;}
}
@keyframes img_an21 {
0%  {  left:00%;}   45% {  left:00%;}    50% {  left:-100%;}    95% {  left:-100%;}    100% { left:0;}
}

@-webkit-keyframes img_an22 {
0%  {  left:100%;}   45% {  left:100%;}    50% {  left:-000%;}    95% {  left:-000%;}    100% { left:100%;}
}
@keyframes img_an22 {
    0%  {  left:100%;}   45% {  left:100%;}    50% {  left:-000%;}    95% {  left:-000%;}    100% { left:100%;}
}

/* Version 3 pubs */
 @-webkit-keyframes img_an31 {
0%  {  left:00%;}    28% {  left:00%;}    33% {  left:-100%;}    61% {  left:-100%;}    66% {  left:-200%;}    95% {  left:-200%;}    100% { left:0;}
}
@keyframes img_an31 {
0%  {  left:00%;}    28% {  left:00%;}    33% {  left:-100%;}    61% {  left:-100%;}    66% {  left:-200%;}    95% {  left:-200%;}    100% { left:0;}
}

@-webkit-keyframes img_an32 {
0%  {  left:100%;}    28% {  left:100%;}    33% {  left:0%;}    61% {  left:0%;}    66% {  left:-100%;}    95% {  left:-100%;}    100% { left:100%;}
}
@keyframes img_an32 {
0%  {  left:100%;}    28% {  left:100%;}    33% {  left:0%;}    61% {  left:0%;}    66% {  left:-100%;}    95% {  left:-100%;}    100% { left:100%;}
}

@-webkit-keyframes img_an33 {
0%  {  left:200%;}    28% {  left:200%;}    33% {  left:100%;}    61% {  left:100%;}    66% {  left:00%;}    95% {  left:00%;}    100% { left:200%;}
}
@keyframes img_an33 {
0%  {  left:200%;}    28% {  left:200%;}    33% {  left:100%;}    61% {  left:100%;}    66% {  left:00%;}    95% {  left:00%;}    100% { left:200%;}
}

/*********
**TopZid**
*********/
.topZid {   display: block;z-index: 900;position: fixed; width: 100%; height: 0%; top: 0%; left: 0; right: 0; bottom: 0; padding:0;
            background-color: rgba(0,0,0,0.7);
     
        }
.topZid_d {     position: relative;top:-300px;opacity:0;
                background-color:#f6f6f6;
                margin: auto;
                padding: 0;
                border: 0px solid #888;
                width: 60%;
                border-radius: 15px;
                box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
                -webkit-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;
}
.topZid_move_h { height:100%;}

.topZid_move_h2 { -webkit-animation:0.7s cadd_anim; animation:0.7s cadd_anim;}
@-webkit-keyframes cadd_anim {
    0%   {height:100%;}
    100% {height:100%;display: none;}
}
@keyframes cadd_anim {
    0%   {height:100%;}
    100% {height:100%;display: none;}
}

.topZid_move_d { opacity:1;top:100px;}
.topZid_head { background-color:#33a1e1; padding: 13px 22px;text-align: center;font-size: 22px;color:white;min-width: 300px;border-radius: 15px 15px 0 0;
    -webkit-user-select: none;  -moz-user-select: none;    -ms-user-select: none;    user-select: none;}
.btZid_close { float:right;position: relative;top:-5px;right:-12px;font-size: 30px;cursor: pointer;}

.box_cadd_txt { min-width: 300px; background-color: white; color: #464749; font-size: 18px; font-weight: 300; padding-bottom: 2%;
    padding-left: 2%; padding-right: 2%; overflow: hidden;}
.box_cadd_col_img {float: left;width: 7%;min-width: 80px;padding-top:5px; }
.box_cadd_txt_d_n {position: relative;top: 30px;float: left; width: 50%;font-size: 16px; font-weight: 300;
                    line-height: 20px; color: #464749;margin-left: 1%;}
.box_cadd_txt_px {float: right;font-size: 18px;font-weight: 700;line-height: 20px;color: #33a1e1;text-align: right;
                    position: relative;top: 30px; }
.box_cadd_button { float: left; width: 47%;font-size: 16px;padding: 13px 15px;text-align: center; color: white; border-radius: 15px; 
                   -webkit-user-select: none;  -moz-user-select: none;    -ms-user-select: none;    user-select: none;
                   -webkit-transition :  box-shadow 0.5s;    -o-transition : box-shadow 0.5s;    transition : box-shadow 0.5s; }
.box_cadd_button:hover {box-shadow: 0px 10px 7px 0 rgba(0,0,0,0.24),0px 15px 11px 0 rgba(0,0,0,0.19);}

.box_cadd_button_g { float: left;background-color: white;;border: 1px solid #f46036;color:#f46036}
.box_cadd_button_d { float: right;background-color: #f46036;    padding: 3px 15px 11px 15px;}
.box_cadd_sp { position: relative;top: 4px; left:4px;font-size: 28px; }

.box_cadd_txt_cf_n {position: relative;top: 30px;float: left; width: 50%;font-size: 16px; font-weight: 300;
    line-height: 20px; color: #464749;margin-left: 1%;}
.box_cadd_txt_cf_px {float: right;font-size: 18px;font-weight: 700;line-height: 20px;color: #33a1e1;text-align: right;
        position: relative;top: 30px; }
/*********************
*        Détail      *
**********************/
.detail_g { position: relative; max-width: 100%; height: auto;}
.detail_d    { position:relative;top:0px;margin:auto;max-width: 1200px;height:auto;color:red;}  
.detail_d_t  { margin-top: 15px; font-size: 20px; line-height: 24px;color:#464749;padding:5px;text-align: center; }

.detail_d_box_g {
    position: relative;
    max-width: 1200px;
    margin-right: auto;margin-left: auto;top:2px;
    overflow: hidden;  
}
.detail_col33 { float: left; width: 33.3%;min-width:300px;padding-bottom: 20px;}

.detail_d_box { 
    cursor: pointer;
    max-width: 310px;
    margin-top:20px;margin-bottom: 10px;
    margin-left:auto;margin-right:auto;
    padding:0;
    border-radius:15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
    background-color:rgb(255, 255, 255);
    color:#464749;
    -webkit-transform: scale(1); -ms-transform: scale(1);    transform: scale(1);
    -webkit-transition : 0.5s;    -o-transition : 0.5s;    transition : 0.5s;
}
.detail_d_boxt { 
    line-height: 24px;
    position: relative;
    text-align: center;
    padding: 10px 20px;
    margin-top: -4px;
    height: 68px;
 }  
 .detail_d_box:hover { 
    -webkit-transform: scale(0.95);    -ms-transform: scale(0.95);    transform: scale(0.95);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*********************
*  Publicité détail  *
**********************/
.detail_col50 { float: left; width: 50%;padding:10px;}
.detail_d_box_50 { 
    margin:10px;
    background-color:rgb(255, 255, 255);
    color:#464749;
}
.detail_d_box_50_i {       
    border-radius: 15px;    
    -webkit-transition : 0.5s;    -o-transition : 0.5s;    transition : 0.5s;
   }

/********************
*  Détail articles  *
*********************/
.detail_art_box_g {
    position: relative;
    max-width: 1200px;
    margin-right: auto;margin-left: auto;top:2px;
    overflow: hidden; 
    padding: 0px 0px; 
    line-height: 16px;
}
.closebtngch { display:none;}  


.slt_h1_haut {display:none;font-size: 18px;text-align:center;color:#ffffff;background-color:#f46036;; border-radius: 15px;
                height:35px;padding:0px 0px 5px 0px;width:95%;min-width:330px;margin-left:2%;margin-top:3px;overflow: hidden; 
            -webkit-user-select: none;  -moz-user-select: none;    -ms-user-select: none;    user-select: none;
            -webkit-transition :  box-shadow 0.5s , height 0.5s;    -o-transition : box-shadow 0.5s , height 0.5s;    transition : box-shadow 0.5s , height 0.5s; }

.slt_h1_haut:hover {box-shadow: 0px 10px 7px 0 rgba(0,0,0,0.24),0px 15px 11px 0 rgba(0,0,0,0.19);}
.slt_h1_haut_sp { position: relative;top: 2px; left:0px;font-size: 24px; }

/*Selection*/
.detail_art_col_g_h {position: relative; float: left;width: 270px;height:100%; left:0px;overflow-x: hidden;z-index:40;background-color:#ffffff;
    -webkit-transition :  width 0.5s;    -o-transition :  width 0.5s;    transition :  width 0.5s;}

.detail_art_col_g_hb {  font-weight: 300;text-align:left;width: auto;color:#464749;background-color:#ffffff;margin:5px 5px 5px 10px;
}       
.slt_h1 {font-size: 18px;font-weight: 700; text-align:center;padding:10px 0px;}


.slt_h2 {font-size: 18px;padding:20px 5px 5px 5px;border-bottom: 1px solid #cdcdcd;}

.slt_h3 {font-size: 15px;padding:1px;white-space: nowrap;}
.slt_h3_nowrp {white-space: normal;}

.slt_h4 {margin:12px 0px;}
.slt_eff {position:relative;font-size: 18px;font-weight: 300; text-align:center;color: #ffffff;background-color: #f46036;
    border-radius: 15px;height: 35px;padding: 5px 0px 5px 0px;width: 95%;margin-left: 2%;margin-top: 3px;
    min-width: 200px;
    -webkit-user-select: none;  -moz-user-select: none;    -ms-user-select: none;    user-select: none;
    -webkit-transition :  box-shadow 0.5s;    -o-transition : box-shadow 0.5s;    transition : box-shadow 0.5s; }
 
.slt_eff:hover {box-shadow: 0px 10px 7px 0 rgba(0,0,0,0.24),0px 15px 11px 0 rgba(0,0,0,0.19);}    

.slt_eff::after {
    font-family: FontAwesome;
    content: "\f00d";
    font-size: 30px;
    position: absolute;
    top: 1px;
    right: 10px;
}

.slt_eff2 {margin-bottom: 10px; height: 60px; }
.slt_eff2::after {
    font-family: FontAwesome;
    content: "\f101";
    font-size: 40px;
    position: absolute;
    top: 7px;
    right: 10px;
    font-weight: 700;
}

.slt_label { position: relative; padding-left: 30px; cursor: pointer;
    -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none;}
.slt_label input { position: absolute; opacity: 0;cursor: pointer; top: 4px; left: 6px;}
.slt_clic { position: absolute; top: -3px; left: 0;height: 25px; width: 25px; background-color: white;border: 1px solid #464749;border-radius:10px; } 
.slt_clic:after {  content: "";position: absolute;  opacity:0;border-radius:10px;
                    -webkit-transition :  0.7s;    -o-transition :  0.7s;    transition :  0.7s; }
.slt_label input:checked ~ .slt_clic:after { opacity:1;border-radius:10px;}
.slt_label .slt_clic:after { top: 4px;left: 4px; width: 15px;height: 15px;background: #f46036; }
.slt_label:hover {color:#f46036;}
.detail_art_cpt   { float:none; width: 100%;height:auto;margin-left:2%;margin-top:5px;margin-bottom: 5px;} 
.detail_art_cpt_t { width: 95%; background-color: #ffffff;padding:15px;min-width: 330px;
                    color:  #464749;font-size: 25px;font-weight: 700;}

.detail_art_col_d { float: left;width: 100%;min-width:300px;border-bottom: 1px dotted #dad2d6; margin-bottom: 5px;}

.detail_art_col_g_int { position: relative;float: left;width: 25%;max-width:150px;min-width:150px;}
.art_stick { position:relative;display: inline-block; text-align: center;white-space: nowrap; font-size: 14px; font-weight: 300; line-height: 20px;
    padding: 1px 8px 0 8px; color: #fff;border-radius: 10px;}


.art_stick_pr {  position: absolute;top: 0px;left: 5px;background-color: rgba(223, 20, 20, 0.8); padding: 5px 10px;font-size: 18px;
	-webkit-transform: skew(-10deg,-10deg);-ms-transform: skew(-10deg,-10deg);transform: skew(-10deg,-10deg);}            
.art_stick_nw {  background-color: rgba(6, 175, 51, 0.8); top:-2px; left : 0px;}
.art_stick_re {  background-color: rgba(13, 87, 197, 0.8); top:-2px; left : 0px;}
.art_stick_pm {  white-space: normal;text-align: left; width: 95%; min-width: 300px; color: rgba(223, 20, 20, 0.8);  font-size: 16px; font-weight: 700;margin-bottom: 5px;padding: 0px 0px;}
.art_stick_pm_no { display:none;}
.detail_art_col_c_int { 
    float: left;width: 55%;padding:15px 0px 15px 10px;}


.detail_art_col_c_int_txt_H1 { position: relative;
    font-size: 17px;font-weight: 700;color:  #222021;}
.detail_art_col_c_int_txt_H2 { 
    font-size: 17px;font-weight: 300;color:  #222021;}
.detail_art_col_c_int_txt_L1 { 
    font-size: 14px;font-weight: 300;color:#464749;}        

    
.detail_art_col_g_d { 
    font-size: 15px;font-weight: 700;color:  #222021;background-color: #eeeeee;}
    
.detail_art_col_d_int { 
    float: left;width: auto;min-width:100px; line-height: 30px;padding-top:20px;padding-right:10px;text-align: right;width: 250px;}
.art_col_d_int {padding-top:5px;}

.detail_art_col_d_int_txt_H1 { position: relative;
        font-size: 20px;font-weight: 700;color:  #da2a2a;}

.int_txt_H1_col { color:  #ffffff;line-height:16px;visibility: hidden;}

.barre_rouge {position: relative;}
.barre_rouge:before {
        position: absolute; content: ""; left: 0px; top: 50%; right: 0;  border-top: 1px solid; border-color: inherit;
        -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg);  }


.detail_art_col_d_int_txt_H2 { 
        font-size: 25px;font-weight: 700;color:  #33a1e1;} 

.barre_bleu {position: relative;}
.barre_bleu:before {
        position: absolute; content: ""; left: 0px; top: 50%; right: 0; border-top: 1px solid; border-color: inherit;
        -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg);   }

.detail_art_col_d_int_txt_H3 { 
        font-size: 28px;font-weight: 700;color:  #4CAF50;} 
.int_txt_H3_col { color:  #ffffff;line-height:10px;visibility: hidden;}
.detail_art_col_d_int_txt_H3_cach { 
        font-size: 10px;font-weight: 300;line-height: 18px} 
.int_txt_H3_cach {display:none;}
.button_delai { font-size: 16px;font-weight: 300;width: 200px; padding: 10px 2px; text-align: center; background-color: #4CAF50; color: white;margin: 0px 0px 10px 20px;
                border-radius: 15px;
                -webkit-transition :  box-shadow 0.5s;    -o-transition : box-shadow 0.5s;    transition : box-shadow 0.5s;
}
.button_delai_vert { 
    background-color: #4CAF50; 
}
.button_delai_bleu { 
    background-color: #33a1e1; 
}
.button_delai_rouge { 
    background-color: #da2a2a; 
}

.button_delai:hover {
    box-shadow: -2px 12px 16px 0 rgba(0,0,0,0.24),-2px 17px 20px 0 rgba(0,0,0,0.19);}

/*VERSION 2020*/
.row { 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.rowmg {margin-bottom: 20px;}
.rowIE {
    align-items: flex-start;
}   
.row_NW{
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-left:0%;
    margin-right:0%;
    margin-bottom: 0px;
}
.modal_h {
    position: relative;
    top:5%;
    padding: 0px;
    max-width: 600px; /*Max image*/
    min-width: 300px; 
}
.modal_h_s {
    max-width: 1200px; /*Max image*/
} 
.modal_row,  .slides {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
} 
.slider {
    position:relative;
}
.slides{
    left:0px;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);

    -webkit-transition: -webkit-transform 0.8s;transition: -webkit-transform 0.8s;
    -o-transition: transform 0.8s;transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;

    -ms-touch-action: pan-y pinch-zoom;
    touch-action: pan-y pinch-zoom;
}
.slide {
    padding: 0px 3px;
    max-width:600px;		/*Max image*/
}
.slide_h {
    max-width:1200px;		/*Max image*/
    border-radius: 15px;
}
.slide_none {
    display:none;
}
.prev_scroll, .next_scroll {
    position: absolute;
    cursor: default;
    font-size: 36px;
    top: 46%;
    width: 40px;
    height: 40px;
    opacity: 0;
    visibility:hidden;
    background-color: #1795ff;
    color:#ffffff;
    border-radius: 50%;
    box-shadow: 0px 10px 7px 0 rgba(0,0,0,0.24),0px 15px 11px 0 rgba(0,0,0,0.19);
    -webkit-transition: visibility 0.5s linear, opacity .5s cubic-bezier(.645,.045,.355,1);
    transition: visibility 0.5s linear, opacity .5s cubic-bezier(.645,.045,.355,1);
    z-index:21;
}
.prev_scroll {
left: 2%;
padding-left:11px;
}
.next_scroll {
right: 2%;
padding-left:15px;
}
.anim_button_in { 
    opacity: 1;visibility: visible;cursor: pointer;
}
/*********************
*       MARQUES       *
**********************/
.container_dt {
    margin-right: auto;margin-left: auto;
    max-width: 1200px;
    width: 100%;
    overflow: hidden;
    -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none;
}
   
.row_mg5 {
    justify-content: flex-start;
    margin-left:5%;
    margin-right:5%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.row_mg5_part { margin-top: 0px;  margin-bottom: 5px;}
.row_center{ justify-content: center;}

.col_main { margin:15px 0; }
.col_titre{
    font-weight: 300;
    font-size: 30px; 
    line-height: 40px;
    letter-spacing: -1px;
    text-transform: uppercase;

    position: relative;
    top:0;
    left:40px;
}  
.col_titre:before {
    content: " ";
    position: absolute;
    height: 2px;
    width: 25px;
    top: 50%;
    left: -35px;
    background-color: #464749;
}
.b20_p {
    flex: 0 0 20%;
    max-width: 20%;
    padding:5px;
}
.b12_p {
    flex: 0 0 10%;
    max-width: 10%;
    padding:5px;
}

.b12_p, .b15_p , .b20_p, .b1x_pn {
    margin: 2%;
    border: 0px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 

    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;  transition: transform 0.5s;  transition: transform 0.5s, -webkit-transform 0.5s;
}
.b12_p:hover, .b15_p:hover , .b20_p:hover, .b1x_pn:hover {
    -webkit-transform: scale3d(0.90, 0.90, 1); transform: scale3d(0.90, 0.90, 1);
}
.b1x_pn {
    padding:15px;
}
/************************
*  Description article  *
*************************/
.descr_art {
    position: relative;
    max-width: 1200px;
    margin-right: auto;margin-left: auto;top:20px;
    padding: 0px 0px; 
    line-height: 16px;
    /*background-color:  #f8f8f8;*/
}
.descr_art_cpt_t {display:inline-block;position:relative; background-color: #464749;padding:10px;margin-left : 1%;top:20px;line-height: 17px;margin-bottom:0px;
                    color:  #ffffff;font-size: 20px;font-weight: 300;min-width:100px;white-space: nowrap;border-radius: 10px;transform: skew(-3deg, -3deg);
                    z-index: 95;}

.descr_art_cpt {float:left;background-color:  #fff;padding-left:1%;padding-bottom: 2%;width:52%;}

.descr_art_cpt_tw {font-size: 14px;top:20px;}

.descr_art2 { overflow:hidden;}

.box_hd_img { position: relative;max-width:600px;min-width:300px; overflow:hidden;min-height: 600px;}
.mySlides {  opacity: 0; -webkit-transition: 1.2s;  -o-transition: 1.2s;  transition: 1.2s;border: 1px dotted #dad2d6;}
.mySlides_pos { position:absolute;top:0;left:0;}
                    
.prev, .next {  cursor: pointer;  position: absolute;  top: 40%;  width: auto;  padding: 15px;
                margin-top: -50px;  border-radius: 0 4px 4px 0;
                color: white;  background-color: rgba(0, 0, 0, 0.5);
                -webkit-transition: background-color 0.5s;  -o-transition: background-color 0.5s;  transition: background-color 0.5s;
                }
.next { right: 0;border-radius: 4px 0 0 4px;}
                    
.prev:hover,.next:hover { background-color: rgba(0, 0, 0, 0.8)}
                    
.box_dt_col25 {position:relative; float: left;  width: 23%; border: 1px dotted #dad2d6;margin-top:5px;margin:1%;}
.box_dt_col25:hover {border: 1px solid #c2bcbf;}

.box_dt_col25_pad{ padding:0px;border-radius: 10px;
                    -webkit-transition:  padding 0.5s;  -o-transition: padding 0.5s;  transition: padding 0.5s;}
.box_dt_col25_pad:hover{ padding:5px;}

.box_dt_col12 {margin-top:0;width:18%;padding: 0px;border-radius: 10px;
                    -webkit-transition: padding 0.5s;  -o-transition: padding 0.5s;  transition: padding 0.5s;}
.box_dt_col12:hover {padding: 2px;}

.box_dt_col12mg {margin: 20px 5px 0px 0px;}
.box_hd_col100 {
    position: absolute; top:0; left: 3px; width: 99%; background-color: #fff;
    z-index:90;top:0px;display:none;}
.box_hd_col100_h { display:block;}

.box_dt_img { cursor: pointer; opacity: 0.8; border-radius: 10px;
             -webkit-transition: 0.7s;  -o-transition: 0.7s;  transition: 0.7s;}
                    
.active,.box_dt_img:hover { opacity: 1; }

.box_hd_txt {   float:left;min-width:300px;width: 48%;}
.box_hd_txt_d { width:100%;height:100%;}

.box_dt_txt_d { width:98%; background-color: white;padding:5px;
                font-size: 22px;font-weight: 700;line-height: 23px;color: #222021;}
.box_dt_txt_d2 {font-size: 20px;font-weight: 300; padding:0px 0px 2px 5px;}

.box_dt_txt_d_n {font-size: 18px;font-weight: 300;line-height: 20px;color: #464749;padding:0px 0px 0px 5px;}
/* Prix */
.box_art_col_d_int { 
    float: right;width: auto;min-width:100px; line-height: 40px;padding-top:60px;padding-right:20px;text-align: right;}

.box_art_col_d_int_txt_H1 { position: relative;
        font-size: 30px;font-weight: 700;color:  #da2a2a;}

.box_art_col_d_int_txt_H2 { 
            font-size: 35px;font-weight: 700;color:  #33a1e1;} 
            
.box_art_col_d_int_txt_H3 { 
            font-size: 38px;font-weight: 700;color:  #4CAF50;} 
            
.box_art_col_d_int_txt_H3_cach { 
            font-size: 15px;font-weight: 300;} 



.box_button_cadd { font-size: 20px;font-weight: 300;width: 98%; padding: 15px 2px; text-align: center;  color: white;margin: 0;border-radius: 35px;
                    -webkit-transition :  box-shadow 0.5s;    -o-transition : box-shadow 0.5s;    transition : box-shadow 0.5s; }
.box_button_cadd:hover {box-shadow: -2px 12px 16px 0 rgba(0,0,0,0.24),-2px 17px 20px 0 rgba(0,0,0,0.19);}
.box_button_cadd_pad {margin-top:60px;}
.box_button_cadd_sp {position:relative; top:-5px;left:2%;}

.box_button_delai { font-size: 20px;font-weight: 300;width: 98%; padding: 15px 2px; text-align: center;; color: white;margin: 0;border-radius: 15px; }
.box_button_delai_pad {margin-top:40px;float: right;}


.box_art_stick { position:relative;display: inline-block; text-align: center;white-space: nowrap; font-size: 18px; font-weight: 300; line-height: 20px;
                padding: 6px 4px; border-radius: 15px; color: #fff;z-index:50;}


.box_stick_pr {  position: absolute;background-color: rgba(223, 20, 20, 0.8);top: 23px;left: 10px;padding: 10px 10px;font-size: 30px;border-radius: 15px;
                -webkit-transform: skew(-3deg,-3deg);-ms-transform: skew(-3deg,-3deg);transform: skew(-3deg,-3deg); }
.box_stick_nw {  background-color: rgba(6, 175, 51, 0.8); top:-2px; left : 0px;}
.box_stick_re {  background-color: rgba(13, 87, 197, 0.8); top:-2px; left : 0px;}

/*Titre (Acc ou Opt... */
.box_ac_txt   {min-width:300px;background-color: white;color: #464749;border-bottom: 1px dotted #dad2d6;font-size: 18px;font-weight: 300;margin-left:1%;margin-right:1%;overflow: hidden;}
.box_ac_txt_f {min-width:300px;margin-left:1%;margin-right:1%;padding-bottom:1px;margin:2px;}
.box_ac_col_img {float: left; width: 7%;min-width:80px;}
.box_ac_txt_d_n {position:relative;top:30px;float: left; width: 50%; min-width:300px;font-size: 16px;font-weight: 300;line-height: 20px;color: #464749;margin-left:1%;}

.box_ac_txt_px { float: right; min-width:370px;font-size: 18px;font-weight: 700;line-height: 20px;color: #33a1e1;text-align: right; }

.box_hd_ac_txt { position:relative;top:30px;float: left;width:80px;}
.box_hd_ac_txt2 { position:relative;top:18px;}
.box_hd_ac_txt3 { position:relative;top:18px;}
.box_ac_button_cadd { float: left;font-size: 18px;font-weight: 300; padding: 5px 15px; text-align: center;  color: white;margin: 0; border-radius: 15px;margin-left: 3%;
    -webkit-transition :  box-shadow 0.5s;    -o-transition : box-shadow 0.5s;    transition : box-shadow 0.5s; }
.box_ac_button_cadd:hover {box-shadow: 0px 10px 7px 0 rgba(0,0,0,0.24),0px 15px 11px 0 rgba(0,0,0,0.19);}

.box_ac_button_delai { float: right;width:56%; font-size: 16px;font-weight: 300; padding: 13px 15px; text-align: center;  color: white;margin: 0; border-radius: 15px; }

/*Titre (Desc Tech... */
.box_tc_txt   {min-width:330px;background-color: white;color: #464749;font-size: 18px;font-weight: 300;margin-left:1%;margin-right:1%;overflow: hidden;}
.box_tc_txt_gch {float: left; width: 30%;font-size: 18px;font-weight: 700;line-height: 20px;text-align: right;color: #464749;margin-left:1%;margin-right:1%;}
.box_tc_txt_drt {float: left; width: 67%;font-size: 16px;font-weight: 300;line-height: 20px;text-align: left;color: #464749;margin-left:1%;
    border: 1px solid #dad2d6;border-radius: 10px;margin-bottom:3px;padding-left:1%;}

.box_tc_txt_no1 {border: 0px solid white;padding-top:20px;}
.box_tc_txt_no2 {display:none;}
.box_tc_txt_ctr {padding-top:5px;}
/*2021_03_23*/
.box_desc_txt_none { display:none;}
/*********************
*        Caddy       *
**********************/
.box_caddr_txt   {min-width:330px;min-height:100%;background-color: white;color: #464749;font-size: 18px;font-weight: 300;margin-left:1%;margin-right:1%;overflow: hidden;}
.box_caddr_txt_d_n {position: relative;top: 0px;float: left; width: 100%;font-size: 16px; font-weight: 300;padding:5px 10px;
    line-height: 20px; color: #464749;}
.box_caddr_txt_pd   {padding-left:1%;padding-right:1%;border-bottom: 1px dotted #dad2d6;}
/*clic*/
.box_label { position: relative; padding-left: 30px; padding-right: 20px; cursor: pointer;
        -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none;}
.box_label input { position: absolute; opacity: 0;cursor: pointer;top: 4px; left: 6px;}
.box_clic { position: absolute; top: -3px; left: 0;height: 25px; width: 25px; background-color: white;border: 1px solid #464749; border-radius: 50%; } 
.box_clic:after {  content: "";position: absolute;  opacity:0;
                    -webkit-transition :  0.7s;    -o-transition :  0.7s;    transition :  0.7s; }
.box_label input:checked ~ .box_clic:after { opacity:1;}
.box_label .box_clic:after { top: 4px;left: 4px; width: 15px;height: 15px;border-radius: 50%;background: #f46036; }

input[type=text] { width: 49%;text-align: left;padding: 10px; border: 1px solid #ccc; border-radius: 15px; resize: none;}
input[type=text]:focus { border: 1px solid#464749;outline: none;}

input.err { border: 2px dotted #f46036; }

input.err::-webkit-input-placeholder { color: #f46036;}
input.err:-ms-input-placeholder { color: #f46036;}
input.err::-ms-input-placeholder { color: #f46036;}
input.err::placeholder { color: #f46036;}

.email_err { border: 2px dotted #f46036; color:#f46036;border-radius: 4px;padding: 3px 10px; }
.email_cfm { color: #f46036;font-size: 20px;font-weight: 300;}
.box_genh_px {float: right;margin-right:2%;}

.box_gen_px {float: left;font-size: 24px;font-weight: 300;line-height: 20px;color: #464749;text-align: center;width:auto; padding-top:30px;
                 -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none;}
.box_gen_px_g {float: left;width:28px;height:24px;font-size: 28px;cursor: pointer; border: 1px solid #ccc;border-radius: 4px;}
.box_gen_px_ct {float: left;width:40px;padding-top:3px;}
.box_gen_px_d {float: left;width:28px;height:24px;font-size: 28px;cursor: pointer; border: 1px solid #ccc;border-radius: 4px;}

.box_caddr_txt_px {float: left;width:150px;padding-top:3px;text-align: right;font-weight: 700;}

.box_gen_px_poub {position: relative;top: -5px;left:4%;font-size: 34px;cursor: pointer;width:30px;}
.box_supp_poub { overflow:hidden;height:90px;opacity:1;
                -webkit-transition :  0.5s; -o-transition :  0.5s; transition :  0.5s;}
.box_supp_poub_s { display:none;}
.box_supp_poub2 { overflow:hidden;height:0px;opacity:0.1;
                    -webkit-transition :  0.5s; -o-transition :  0.5s; transition :  0.5s;}

.box_supp_poub_d  {min-width:330px;height:100%;width:auto;background-color: white;color: #464749;font-size: 22px;font-weight: 700; line-height: 26px;
                    margin-top:1%;margin-left:1%;margin-right:1%;overflow: hidden;}

.box_supp_poub_d1  {font-size: 22px;font-weight: 700;}
.box_supp_poub_d2  {font-size: 20px;font-weight: 300;}
.box_supp_poub_d3  {font-size: 22px;font-weight: 300;color:#f46036;}
.box_supp_poub_d4  {height:0px;}

.box_supp_vide { overflow:hidden;height:0px;opacity:1;
    -webkit-transition :  0.5s; -o-transition :  0.5s; transition :  0.5s;}
.box_supp_vide_d4  {height:90px;}    

.box_total { overflow:hidden;opacity:1;
    -webkit-transition :  0.5s; -o-transition :  0.5s; transition :  0.5s;}
.box_total_d  {min-width:330px;height:100%;width:auto;background-color: white;color: #464749;font-size: 22px;font-weight: 700; line-height: 26px;
        margin-top:1%;margin-left:1%;margin-right:1%;overflow: hidden;padding-left:1%;padding-right:1%;padding-bottom: 2%;}
.box_totalh_d  {float: right;margin-right:2%;}
.box_totalh2_d  {float: right;margin-right:2%;}

.box_total_g {float: left;width:96px;height:24px;}
.box_total_txt  {font-size: 28px;font-weight: 700;color:#f46036;}
.box_total_g1  {height:0px;}

/*livraison*/
.box_liv_txt  {font-size: 20px;text-align: right;font-weight: 300;color:#f46036;}
.box_liv_txt2  {font-weight: 700;}
.box_liv_txt_d {width: 97%;font-size: 20px; font-weight: 700;line-height: 20px; color: #464749;margin-left: 1%;margin-top:2%;}
.box_liv_px     {padding-top:5px;}
.box_liv_type { width: 100%;font-size: 18px; font-weight: 300;line-height: 20px; background-color: #e1efef;  color: #464749;margin-top: 2%;border-radius:15px;}
.box_liv_px2 {padding: 10px 10px 5px 10px;}
.box_liv_px3 {padding: 0px 10px 5px 10px;font-size: 14px; font-weight: 300;margin-left: 30px;}
.box_tva_span {position: absolute;margin-left: 35px;bottom: -1%;;font-size: 14px; font-weight: 300;color:#f46036;}
.box_liv_txt_but { min-width: 300px; background-color: white; color: #464749; font-size: 18px; font-weight: 300; padding-bottom: 2%;
    padding-left: 1%; padding-right: 2%; overflow: hidden;margin:0 2%;}
/*Total fixe bas de page*/
.box_cadd_bas { position: fixed;z-index: 249;bottom: -80px;border: none;outline: none; width:100%;min-width: 340px;
                -webkit-transition : bottom 0.5s; -o-transition : bottom 0.5s; transition : bottom 0.5s;}

.box_total_bas { float: left; width: 100%;font-size: 18px;padding: 3px 15px;text-align: center;color: white; background-color: rgba(51, 161, 225,0.95); 
                 -webkit-user-select: none;  -moz-user-select: none;    -ms-user-select: none;    user-select: none;}
.box_total_bas_p {font-size: 13px;}
.box_total_bas_gras { font-weight: 700}

/* Recherche */
input.boxcherinput  {float:left;text-align: center;;font-size: 16px;width:95%; padding:7px 10px 2px 10px;border-radius: 15px;border: none;}
.boxcherbut  {float:right;font-size: 23px;color: #464749; background-color: white;border-radius: 15px;    padding: 2px 7px 0px 2px;}
input.boxcherinput:focus{    border: none;}

.cher_but_h {
    position: absolute;
    width: 75%;
    min-width:305px;
    overflow-y: auto;
    height: 300px;
    display: none;
    border: 1px solid;
    border-color: #464749;
    background-color: white;
    color: #464749;
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    z-index: 90;
    -webkit-transform: translate(-5%,43px);
    -ms-transform: translate(-5%,43px);
    transform: translate(-5%,43px);
}
.cher_but_flch::after { content: "";
    position: absolute; top: -288px; left: 50%;z-index: 95;
    border-width: 8px; border-style: solid;
    border-color: transparent transparent #464749 transparent;
}
.cher_but_flch_close { position: absolute;top:0;right:0px;margin-right:5px;font-size: 30px; cursor: pointer;}

.cher_colgch{float:left;width:35%;
min-width: 250px;
background-color: white;
color: #464749;
font-size: 18px;
font-weight: 300;
padding-bottom: 2%;
padding-left: 1%;
padding-right: 1%;
overflow: hidden;
}
.cher_coldrt{width:55%;}
.cher_txtdrt{float: left;position: relative;top: 15px;width: 65%;font-size: 16px;font-weight: 300; color: #464749; margin-left: 1%;}
.cher_imgdrt{float: left; width: 7%; min-width: 50px; padding-top: 5px;}
.cher_txtdrtf{position: absolute;right:0px;font-size: 18px;font-weight: 700;color: #33a1e1;text-align: right;
    -webkit-transform: translate(-15px,10px);    -ms-transform: translate(-15px,10px);    transform: translate(-15px,10px);}
.cher_txtdrtf_stk{ font-size: 16px;-webkit-transform: translate(-15px,24px);    -ms-transform: translate(-15px,24px);    transform: translate(-15px,24px);}  
.cher_button_delai_vert { color: #4CAF50; }
.cher_button_delai_bleu { color: #33a1e1; }
.cher_button_delai_rouge { color: #da2a2a; }

.cher_butctr{position: relative;top: 316px;right:0px;z-index: 95;display: none;}
.cher_butctr_d{
    width:100%;
    background-color:  #f46036;
    color: white;
    border: 1px solid #f46036;
    font-size: 18px;
    padding: 5px 10px;
    text-align: center;
    border-radius: 15px;
    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;
    -webkit-transition: box-shadow 0.5s;    -o-transition: box-shadow 0.5s;    transition: box-shadow 0.5s;}
.cher_butctr_d:hover {box-shadow: 0px 10px 7px 0 rgba(0,0,0,0.24),0px 15px 11px 0 rgba(0,0,0,0.19);}
.clearfix::after { content: ""; clear: both;  display: table;}
  

/*********************
*       FOOTER       *
**********************/
.footer {
    font-size: 14px;
    position: relative;
    max-width: 100%;
    height: 120px;
    line-height: 20px;
    margin: 10px 0 20px 0;
    border-radius: 15px;
}
.container_f { max-width: 1200px;margin-right: auto;margin-left: auto; padding-top:10px;margin-top:10px;background-color: #464749;}
.col33 { float: left; width: 33.3%;padding: 0px 15px;}
.descr_cond {position: relative; max-width: 1200px; margin-right: auto;margin-left: auto;margin-top:20px; top:0px; padding: 0px 0px;  line-height: 18px;
            /*background-color:  #f8f8f8;*/
}
.cond_txt { min-width: 330px; min-height: 100%; background-color: white; color: #464749; font-size: 18px; font-weight: 300;  margin-left: 1%;  margin-right: 1%; overflow: hidden;}
.cond_txt_d { width: 97%;font-size: 16px; font-weight: 300;  margin-left: 1%; margin-top: 2%; text-align: left;}
.box_cond {width: 100%;}
.box_contact { max-width: 1200px; margin:10px auto 10px auto;padding: 10px 10px; text-align: center; line-height: 24px;background-color: white;}
.box_contact_d { padding-top: 0px;margin-top:0px;}
.box_contact_col {width: 48%;float: left;z-index:0;}
.box_contact_goo { overflow: hidden; height: 400px; width: 100%;border-radius: 15px;}
.box_contact_cart{height:300px;}

.box_contact_hor1 {position:absolute;left:120px;}
.box_contact_hor2 {position:absolute;left:215px;}
.box_contact_hor3 {position:absolute;left:235px;}
.box_contact_nor {color: #464749;font-weight: 300;font-size: 16px;}
.box_contact_fer {color: #da2a2a;font-weight: 700;font-size: 17px;}
.box_contact_ouv {color: #4CAF50;font-weight: 700;font-size: 17px;}

.simclass {text-align: right;padding-top:5px}
.footermrg {margin: 15px 0 0 0;}

.faceimg {float: right;width: 105px; height: 25px; transition:  0.4s;-webkit-transition: 0.4s; -o-transition:  0.4s}

.facebook {
    position: relative;
    top: 0px;
    left: 25px;
    width: 85px;
    font-size: 14px;
    color: #ffffff;
}

.facebook::before {
    font-family: FontAwesome;
    content: "\f230";
    font-size: 30px;
    position: absolute;
    top: 0px;
    left: -30px;
    color: #1877f2;
    transition: all 0.5s ease;
}
.facebook:hover:before {
    background-color: #1877f2;
    color: #ffffff;
    font-size: 35px;
}
.footer_pad{padding: 0 15px 0 0px;}

.clear {clear: both;display: table; }
/*Ver.Round*/
.mrg_10tp {  
    margin-top: 10px;
} 
.mrg_20tp {  
    margin-top: 20px;
} 

/***************************************************************************************************************************************************
/*********************
*     MEDIA SCREEN   *
**********************/
@media screen and (min-width: 1200px)  {

}


@media screen and (max-width: 1199px) and (min-width: 992px) {
.container, .container_dt {
        max-width: 1199px;
      /*  background-color: #fffb06; */ /*final*/
}
.header_h1 {border-radius: 0 15px 0 0;margin-right:10px;}
.header_h2 {border-radius: 0 0 15px 0;margin-right:10px;}
.sticky { width: calc(100% - 10px);} 

.slt_h1_haut {display:none;} /*1305*/
.closebtngch {display:none;} /*1305*/

/*.detail_art_col_g_h { width: 0px;}1305  */ 
.detail_art_col_d_int { width: 220px; float: right; margin-right: 1%;} /*1305*/
.detail_art_col_c_int { float: left;width: 45%;} /*1305*/
.detail_art_cpt_t {width: 97%;} /*1305*/

.box_cadd_txt_d_n {width: 35%;}
.box_cadd_txt_cf_n {width: 35%;}
input.boxcherinput  {width:92%;}

/*Footer*/
.container_f { border-radius: 15px 0 0 15px;margin-left: 25px; }


}



@media screen and (max-width: 993px) and (min-width: 768px) {
.header_h1 {height:50px;border-radius: 0 15px 0 0;margin-right:10px;}
.header_h2 {border-radius: 0 0 15px 0;margin-right:10px;}
.sticky { width: calc(100% - 10px);} 
.container, .container_dt {
        max-width: 991px;
    /*    background-color: #604585; */ /*final*/
}
.container .cont_h  { width: 150px; height: 47px;}
.container .cont_a  { width: 150px; height: 37px;}
.container .cont_logo { width: 150px;height: 27px;}
.container .cont_adrs { font-size: 12px;margin:21px 0px 0px 15px; }
.container .cont_map {padding: 8px 0px 0px 5px; }
.container .cont_cont { font-size: 14px;margin: 5px 8px 5px 0px;  }
.container .cont_horr { font-size: 12px;margin: 5px 8px 5px 0px;  }

.gch {width: 16%;}

/*Menu*/
.but_h_cont_d_lv2 {width: 60%;}
#id_but_h, #id_but_cont {display: none;}
.navchkdsp{display: none;}
.but_buger {display: block;}
/*Menu Detail*/
.detail_descr { margin-top: 3px;font-size: 16px;line-height: 14px;}
.detail_col33 { float: left; width: 50%;}
.detail_col50 { float: none; width: 70%;margin-left:auto;margin-right: auto;}

.slt_h1_haut {position: relative;display:block;} /*1305*/
.closebtngch {display:block;} /*1305*/

.detail_art_col_c_int { float: left;width: 45%;} /*1305*/
.detail_art_col_d_int { width: 220px; float: right; margin-right: 3%;} /*1305*/

.detail_art_col_g_d { width:0px;}
.detail_art_col_g_h { width: 0px;}

.box_ac_txt {padding-bottom:15px;}
.box_ac_col_img {min-width: 55px;}
.box_ac_txt_d_n {width:38%;top:30px;}
.box_ac_col_img {margin-top: 10px;}

.box_cadd_txt_d_n {top:25px;width: 80%;}
.box_cadd_txt_cf_n {top:30px;width: 40%;}

input.boxcherinput  {width:90%;}
.cher_coldrt{width:50%;}
/*Marques*/
.b15_p {
    flex: 0 0 15%;
    max-width: 15%;
    padding:5px;
}
/*Footer*/
.box_contact_cart{height:250px;}
.footermrg {margin: 30px 0 0 0;}
.container_f { border-radius: 15px 0 0 15px;margin-left: 25px; }


}   


@media screen and (max-width: 768px) {
.header_h1 {height:50px;border-radius: 0 15px 0 0;margin-top:10px;margin-right:5px;}
.header_h2 {border-radius: 0 0 15px 0;margin-right:5px;}
.sticky { width: calc(100% - 5px);} 
.container, .container_dt {
      max-width: 768px;
    /*  background-color: #f70606;  */ /*final*/
    }
.container .cont_h  { width: 150px; height: 47px;}
.container .cont_a  { width: 150px; height: 37px;}
.container .cont_logo { float:none; width: 150px;height: 27px;}
/*.container .cont_adrs { float:none; width: 220px;font-size: 14px; margin: 5px 15px 0px 15px; display: none;}*/
.container .cont_adrs {display: none;}
.cont_map { display:none;}

.container .cont_cont { float:right; width: auto;font-size: 14px; margin: 10px 15px 0px 15px; padding: 0px; }
/*.container .cont_horr { float:right; font-size: 10px }*/
.gch {width: 19%;}
.cter {width: 60%;}
.container .cont_horr {display: none;}
#id_but_h, #id_but_cont {display: none;}
.navchkdsp{display: none;}
.but_buger {display: block;}
/*Menu Detail*/
.detail_descr { margin-top: 3px;font-size: 14px;line-height: 12px;}
.detail_col33 { float: none; width: 50%;margin-left:auto;margin-right: auto;}
.detail_col50 { float: none; width: 70%;margin-left:auto;margin-right: auto;}

.slt_h1_haut {position: relative;display:block;} /*1305*/
.closebtngch {display:block;} /*1305*/

.button_delai {width: 95%;margin: 0px 0px 10px 0px;} /*1305*/

.detail_art_col_c_int { float: left;width: 100%;padding:0px 0px 0px 10px;}
.detail_art_col_d_int { width: 100%; padding-top: 0px;  text-align: center;}  /*1305*/
.detail_art_col_g_int { float: none; margin-left: auto; margin-right: auto;}
.detail_art_col_g_d { width:0px;}

.detail_art_col_g_h { width: 0px;}

.detail_art_box_g {margin-left: 1%;}

.descr_art_cpt {float:none;padding-bottom: 2%;width:90%;margin:auto;}
.descr_art_cpt_t {white-space: normal;top: 5px;margin-left: 5px;margin-right:5px;line-height: 22px;}
.descr_art_cpt_tw {top:10px;}

.box_ac_txt {padding-bottom:15px;}
.box_hd_img {margin-left:auto;margin-right:auto;min-height: 10px;}
.box_hd_txt { float:none;width:98%;margin-left: 2%}
.box_ac_txt_d_n {float:none;width:100%;top:10px;font-size: 14px;}
.box_ac_txt_px {float:none;;width:80%;}
.box_ac_button_delai { display:none;}
.box_ac_col_img {margin-top: 10px;}

.box_tc_txt_gch {float: none;width: 95%;text-align: left;}
.box_tc_txt_drt {float: none; width: 98%;}
.box_tc_txt_no1 {padding-top:0px;}

/*Caddy*/
.topZid_d {  width: 96%;}
.box_cadd_txt_d_n {top:15px;width: 70%;font-size: 14px}
.box_cadd_txt_cf_n {top:30px;width: 40%;}
.box_cadd_txt_px {top:0px;}
.box_cadd_txt_cf_px {top:30px;}
.box_cadd_button_g {width: 100%;margin-bottom: 15px;}
.box_cadd_button_d {width: 100%;margin-bottom: 7px;}

input[type=text] {  width: 100%; }
.box_hd_ac_txt {width:100px;}
.box_ac_button_cadd {padding: 5px 40px;}

.box_genh_px {float: left;margin-left:8%;margin-right:4%;}
.box_totalh_d {display:none;}


.box_supp_poub { overflow:hidden;height:215px;opacity:1;
    -webkit-transition :  0.5s; -o-transition :  0.5s; transition :  0.5s;}

.box_cadd_bas { bottom: 0px}

input.boxcherinput  {width:80%;}
.cher_colgch {float:none;margin-top: 15px;}
.cher_coldrt{width:85%;margin-top: -5px;}
.cher_but_h{padding-bottom: 20px; width: 80%;
    -webkit-transform: translate(-14%,43px);    -ms-transform: translate(-14%,43px);    transform: translate(-14%,43px);}
.cher_butctr{position: absolute; top: 48px;width: 60%; right: 25%; padding: 3px 1px;}
/*Marques*/
.col_titre{ font-size: 25px;line-height: 25px;}

.b20_p {  flex: 0 0 30%;  max-width: 30%;  padding:5px;}
/*Footer*/
.footer {height:auto;text-align: center;}
.col33 {width: 100%;float: none;margin-top:5px;}
.box_contact_cart{height:200px;}
.box_contact_col{float:none;width:100%;}
.cher_but_flch::after { content: "";
    position: absolute; top: -16px; left: 50%;z-index: 95;}
.footermrg {padding-bottom: 15px;}
/*Loader*/
.loader { left: 40%;}

/*2020_06_01*/
.slider {overflow:hidden; }
.row_warp {flex-wrap: wrap;}
.row_NW {align-items: stretch;}
/*2021_03_22*/
.art_stick_pr {left: -70px; }
.box_stick_pr {font-size: 25px;}
.container_f { border-radius: 15px 0 0 15px;margin-left: 25px; }

}


@media screen and (max-width: 350px) {
.header_h1 {height:50px;}
.container .cont_map { display:none; }
.container .cont_cont { margin: 10px 5px 0px 5px;}
.gch {width: 19%;}
.cter {width: 60%;    min-width: 180px;}
#id_but_h, #id_but_cont {display: none;}
.navchkdsp{display: none;}
.but_buger {display: block;}
/*Menu Detail*/
.detail_descr { margin-top: 3px;font-size: 14px;line-height: 2;}
.detail_col33 { float: none; width: 50%;margin-left:auto;margin-right: auto;}
.detail_col50 { float: none; width: 70%;margin-left:auto;margin-right: auto;}

.slt_h1_haut {position: relative;display:block;margin-left: 0%;} /*1305*/
.closebtngch {display:block;} /*1305*/

.detail_art_cpt {margin-left: 0%;} /*1305*/

.button_delai {width: 95%;margin: 0px 0px 10px 0px;} /*1305*/

.detail_art_col_c_int { float: left;width: 100%;padding:0px 0px 0px 10px;}
.detail_art_col_d_int { width: 100%; padding-top: 0px;  text-align: center;}  /*1305*/
.detail_art_col_g_int { float: none; margin-left: auto; margin-right: auto;}
.detail_art_col_g_d { width:0px;}

.detail_art_col_g_h { width: 0px;}

.detail_art_box_g {margin-left: 1%;}

.descr_art_cpt {float:none;padding-bottom: 2%;width:90%;margin:auto;}
.descr_art_cpt_t {white-space: normal;top: 5px;margin-left: 5px;margin-right:5px;line-height: 22px;}
.descr_art_cpt_tw {top:10px;}

.box_ac_txt {padding-bottom:15px;}
.box_hd_img {margin-left:auto;margin-right:auto;min-height: 10px;}
.box_hd_txt { float:none;width:98%;margin-left: 2%}
.box_ac_txt_d_n {float:none;width:100%;top:10px;font-size: 14px;}
.box_ac_txt_px {float:none;;width:80%}
.box_ac_button_delai { display:none;}
.box_ac_col_img {margin-top: 10px;}

.box_tc_txt_gch {float: none;width: 95%;text-align: left;}
.box_tc_txt_drt {float: none; width: 98%;}
.box_tc_txt_no1 {padding-top:0px;}

/*Caddy*/
.topZid_d { width: 96%;}
.box_cadd_txt_d_n {top:15px;width: 70%;}
.box_cadd_txt_cf_n {top:30px;width: 40%;}

.box_cadd_txt_px {top:10px;}
.box_cadd_txt_cf_px {top:30px;}
.box_cadd_button_g {width: 100%;margin-bottom: 15px;}
.box_cadd_button_d {width: 100%;margin-bottom: 7px;}

.box_ac_button_cadd {padding: 5px 40px;}
.box_hd_ac_txt {width:100px;}
input[type=text] {  width: 100%; }

.box_genh_px {float: left;margin-left:8%;margin-right:4%;}
.box_totalh_d {display:none;}


.box_supp_poub { overflow:hidden;height:215px;opacity:1;
    -webkit-transition :  0.5s; -o-transition :  0.5s; transition :  0.5s;}

.box_cadd_bas { bottom: 0px}

input.boxcherinput  {width:78%;overflow:hidden;}
.cher_colgch {float:none;margin-top: 15px;}
.cher_coldrt{width:85%;margin-top: -5px;}
.cher_but_h {padding-bottom: 20px; width: 80%;
    -webkit-transform: translate(-14%,43px);    -ms-transform: translate(-14%,43px);    transform: translate(-14%,43px);}
.cher_butctr{position: absolute; top: 48px;width: 60%; right: 25%; padding: 3px 1px;}
.cher_but_flch::after { content: "";
    position: absolute; top: -16px; left: 50%;z-index: 95;}
/*Marques*/
.col_titre{ font-size: 25px;line-height: 25px;}
/*Footer*/
.footer {height:auto;text-align: center;}
.box_contact_cart{height:150px;}
.box_contact_col{float:none;width:100%;}
.footermrg {padding-bottom: 15px;}
/*Loader*/
.loader { left: 40%;}
/*2020_06_01*/
.slider {overflow:hidden; }
.row_warp {flex-wrap: wrap;}
.row_NW {align-items: stretch;}
/*2021_03_22*/
.art_stick_pr {left: -70px; }
.box_stick_pr {font-size: 25px;}
}