.header-container , .header-top { background-color:white}

.bottomnav ul {margin:0}
.bottomnav ul.bandeau  li{display:inline-block ; padding:0 ; margin:0; color:#FFF ; height:18px ; vertical-align : middle}
.bottomnav ul.bandeau li.sep{border-right:1.5px solid #1b272c; margin:0px 10px ; height:20px; vertical-align: bottom}

.bottomnav ul.bandeau  li.acces a { font-weight: bold}
.bottomnav ul.bandeau  li.tel::before { font-family:fontAwesome ; content:"\f095" ; padding-right:5px}
.bottomnav ul li .phone i {font-size:inherit ;  padding:0px ; line-height auto }


.bottomnav ul.bandeau li.sc .smenu{display:none ; position : absolute; top:20px ; z-index:2000 ; background:#1a1a1a;  max-width:122px; right:220px}
.bottomnav ul.bandeau li.sc ul li{ width:100% ; height:auto ; text-align : center ;color:white ; background-color: #1a1a1a; padding:5px 0px;}
.bottomnav ul.bandeau li.sc:hover .dropdown-menu {display:flex}
.bottomnav ul.bandeau li.sc ul li:nth-child(1) { padding-top :10px }
.bottomnav ul.bandeau li.sc .dropdown-menu{ background-color:#F1F5F8}

.bottomnav ul.bandeau li div.phone {margin-left : 10px}
.bottomnav ul.bandeau li .txtphone{ padding-left : 5px}

@media(max-width:768px){
     .bottomnav ul.bandeau li.sc , .bottomnav ul.bandeau li.sep ,  .bottomnav ul.bandeau li.blog  {display:none }

}

#header ul.reasstop    {background: #1a1a1a;    color: white;    padding: 5px 0px;    margin: 0;}
#header ul.reasstop li { 
   display:inline-block ; 
   width:18% ; 
   text-transform:uppercase; 
   font-size:12px ;  
   text-align:center;
   font-weight: 700;}
#header ul.reasstop li.liv {text-align:left ;font-weight: 700}
#header ul.reasstop li.robuste{text-align:right}
#header ul.reasstop li img { margin-right:10px}
#header ul.reasstop li.port{width:28%  ; color : #E4032E  ; font-weight: bold  ; } 


@media ( max-width : 1368px) {
      #header ul.reasstop li {font-size:11px;font-weight: 700}
}

@media(max-width:768px){ 
     #header ul.reasstop li {display:none}
     #header ul.reasstop li.port {display:block ; width:100% ; padding:0 ; text-align:center}
     .header-nav .ApColumn .block .block_content {text-align:center}

     .images .ApImage img { padding-bottom : 20px}
}

#index .tab-intro {width: 50%; margin:0 auto; color : #969494 ; text-align:center ; font-size:16px }

#index #wrapper{padding-top:0px}

#index .block_content .txthome  {margin: 0 ; padding:0}
#index .block_content .txthome  button {margin-bottom: 35px; margin-top: 38px;}
#index .block_content .txthome  button i{color: #e4012e; font-size: 38px; font-weight: bold;}
#index .block_content .txthome  h2 {margin-top: -22px !important; margin-bottom: 35px !important;}
#index .block_content .txthome  h3 {margin-top: 2.6rem; margin-bottom: 22px;}
#index .block_content .txthome  p {text-align:justify; line-height:25px}
#index .block_content .txthome  p a{font-weight:500 !important; color:#979797}
#index .block_content .txthome  p a:hover{color:#e4012e}
#index .block_content .txthome  p.title {color: #2D2A2A; font-size:20px; text-align:center ; line-height:24px; font-weight: bold !important; margin-bottom: 28px;}
#index .block_content .txthome  p.titre {color: #2D2A2A; font-size:30px ; text-transform:uppercase ; padding-bottom:38px}
#index .block_content .txthome  p#sommaire{margin-bottom: 0px !important;}
#index .block_content .txthome  p:last-child{margin-bottom: 0px !important;}

@media(max-width:1200px){
    #index .tab-intro {width: 75%}
     #index .block_content .txthome  li:first-child {padding:40px 70px 0px 70px}
}
@media(max-width:1024px){
     #index .block_content .txthome  p.titre {font-size:30px ; line-height:35px ; padding-bottom:30px}
}

@media(max-width:768px){
     #index .block_content .txthome  {width:100%}
     #index .block_content .txthome  li:first-child {padding:10px 50px 10px 50px; }
     #index .block_content .txthome  p.titre { font-size: 24px ; padding-bottom:0px ; text-align : center}
     #index .block_content .txthome  img {width : 100%}
     #index .block_content .txthome  h2 {margin-top: 0px !important;}
     #index .block_content .txthome  button {text-align: center;}
}


#index .leo-plist-style-3 .product-meta  .quickview ,#index  .leo-plist-style-3 .product-meta .cart { display:inline-block }
#index .leo-plist-style-3 .product-meta  a.quick-view  {float:right}

#index .leo-plist-style-3 .product-meta  .quick-view span {color:white}
#index .leo-plist-style-3 .product-meta  .quick-view  {background:url(../../img/resize-line.svg) top left no-repeat;  background-size:size;   min-width:21px}
#index .leo-plist-style-3 .thumbnail-container .product-price-and-shipping {}
#index .leo-plist-style-3 .thumbnail-container .btn { padding-left:0px}

#index .ApTabs .nav { margin-bottom : 40px }

div.imagehome {position : relative }
.imagehome  .image_description {color : #2D2A2A}
.imagehome  .image_description .part1 {position:absolute ; top:30px;  left:10%}
.imagehome  .image_description .part2{position:absolute  ; bottom:30px;  left:10%}

.imagehome  .image_description .part1 .titre{font-size:20px ; font-weight: bold}
.imagehome  .image_description .part1 .stitre { font-size:14px ; font-weight: 500}
.imagehome  .image_description .part1 .txt {  font-size:14px ; color : #969494 ; margin-bottom:8px}
.imagehome .image_description .part2 a {
    background-color: #E4032E;
    color: white;
    border-radius: 6px;
    padding: 10px 12px;
    text-transform: uppercase;
    font-weight: 600;
}


.lstimages img{display:block ; margin:20px auto; }



.fondmarque { min-width:100%; height: 100% ; display:table-cell ; vertical-align:middle ; text-align:center}

/*@media (min-width:1200px)  and (max-width:1200px) { .fondmarque 
 */



#category .block-category .txtcateg{width: 57%}

@media(max-width:768px) {
     #category .block-category .txtcateg h1 { font-size:20px }
     #category .block-category .txtcateg { width:100% ; padding:10px}
}


#product .product-accessories article.product-miniature {display:inline-block; width:100% ; margin-bottom:20px}


#product .product-accessories .thumbnail-container .product-image,
#product .product-accessories .thumbnail-container .product-meta {width:46% ; float:left ; }
#product .product-accessories .thumbnail-container .product-image img{width:137px ; height:auto}
#product .product-accessories .thumbnail-container .product-meta  {border:0 ; text-align : left}
#product .product-accessories .thumbnail-container .button-container .btn { padding-left:0 }
#product .product-accessories .thumbnail-container .button-container .btn  i {display:none}
#product .product-accessories .thumbnail-container .button-container .btn .name-btn-product{color:#E4032E}
#product .product-accessories .thumbnail-container .button-container button::after{
   content:"\f067"; 
   font-family : fontAwesome;
   background-color:#E4032E ; color:white ; border-radius:50% ; padding:2px ; font-size:10px}
#product #description p.img{width : 49% }
#product .infosimages ul li { float:left; text-align:center ; width:25%  ; font-size: 14px ; font-weight: 500; ; text-transform : uppercase ;}
#product .infosimages ul li img{ padding-right : 10px }
#product .infosimages ul li:nth-child(1)  { text-align:left; }
#product .infosimages ul li:nth-child(4)  { text-align:right; }


#product ul.imagesdesc   li { float : left  ;  width : 50% }
#product ul.imagesdesc   li img { padding : 0px 10px}

@media ( max-width:1024px ) {
     #product ul.imagesdesc   li {  width : 100% }
     #product ul.imagesdesc   li img { width : 100% !important ;  height:auto !important  ; padding : 10px 0px}
}

@media ( max-width:575px ) {
  
      #product .infosimages ul li {font-size:12px ; width : 50% ; text-align : center !important}
     .imagehome  .image_description .part1 {position:absolute ; top:20px;  left:5%  ; font-size:20px}
     .imagehome  .image_description .part1 .titre{font-size:20px }
     .imagehome  .image_description .part1 .stitre { font-size:27px ;} 
     .imagehome  .image_description .part1 .txt {  font-size:14px ;}
     .imagehome  .image_description .part2 {bottom:10px;  left:5%  }
      div.imagehome {margin-top:10px}
     .lstimages img { margin:0 auto}
}

#authentication h1{display:none }
#authentication h2 {text-align:center ; margin-bottom:10px}
#authentication  .creation-form {
   background-color : #F1F5F8 ;  
   display:flex ; 
   flex-direction : column ; 
   color : #969494;
   font-size:16px ;  padding : 47px }
#authentication  .creation-form p {color : #969494;}
#authentication  .creation-form p.titre {text-align:center ; font-weight: bold}
#authentication  .creation-form  p.lien{text-align : center; border : 1px solid #2D2A2A; padding : 5px 0px; width:50% ; margin:0 auto}
#authentication .page-customer-account #content #login-form {margin-top:30px}

#authentication  #content #login-form .form-control  , 
#authentication  #content #customer-form .form-control   
     {  background: #f1f5f8;
    width: 100%;
    border-radius: 6px;}

#authentication  #content #customer-form .revendeur .form-control        {  background: #9694941A; }


/*
#authentication #login-form .form-control-label  , #authentication  #customer-form .form-control-label      {display:none} 
 #authentication  #customer-form .form-control {margin-left : 30% }
*/

#authentication  #customer-form .col-md-6{width:75%}

#authentication  #customer-form  .form-control-comment { display:none }

#authentication  #login-form .col-md-6 , #authentication  #login-form .form-footer , #authentication  #login-form .forgot-password {
   width:60% !important  ; 
   margin-left:20%}

 #authentication #login-form .forgot-password { float:right }
#authentication  #login-form .form-footer #submit-login { width: 100%}

#authentication  #customer-form .form-footer { clear : both ; display: flex}
#authentication  #customer-form .form-footer .form-control-submit{ margin: 30px auto}
@media(max-width:575px){#authentication  #customer-form .form-footer .form-control-submit{ font-size:12px}}






/* COMPTE REVENDEUR */
#authentication .entourage{background-color : #F1F5F8 ;  padding : 30px ; border-radius: 7px ; width:48% ; float:left ; margin:1%}
#authentication div.entourage:nth-child(2n) { float:right }
#authentication div.entourage p.title {text-align : center ; font-weight:bold ; font-size:22px ; padding-bottom:20px}

/* POUR UN PARTICULIER */
#authentication .revendeur0 { width:50% ; margin-left:25% }
#authentication #customer-form .revendeur0   .col-md-6{margin-left:12.5%}

@media(max-width:767px){
     #authentication .entourage{width:100%;margin:1% 0% ; padding:10px}
     #authentication  #customer-form .col-md-6{width:100%}
     #authentication #customer-form .revendeur0   .col-md-6 { margin-left:0 }
     #authentication .revendeur0 { width:100% ; margin-left:0% }
    #authentication  #login-form .col-md-6 , #authentication  #login-form .form-footer , #authentication  #login-form .forgot-password {
   width:90% !important  ; 
   margin-left:5%}

}
#authentication #footer {margin-top: 30px}
#footer p { font-size:14px ; font-weight: 400}

#footer ul.imgbottom  li{ float:left; width:16% ; text-align:center; color: #2D2A2A; }
#footer ul.imgbottom  li p {  font-size: 13px ; line-height:15px ;  font-weight:bold}
#footer ul.imgbottom  li.sep   { width:0.8%; padding-top: 35px}
#footer ul.imgbottom  li:last-child p.titre { border-right:0}
#footer ul.imgbottom  li img{min-height: 30px; width:auto; vertical-align:top}

@media (max-width:1024px) { #footer p ,   #footer ul.imgbottom  li p {font-size:14px ; margin-bottom:5px}}

@media (max-width:575px) {
     #footer ul.imgbottom  li { width:49% ; }
     #footer ul.imgbottom  li { border-right:0}
     #footer ul.imgbottom li p {font-size : 10px  ; margin-bottom:12px}
     #footer ul.imgbottom  li img{min-height: 20px}

    #footer ul.imgbottom  li.sep:nth-child(2n) { display:none }


}



#footer #listcol2 ul li {background:url(../../img/coche.png) top left no-repeat ; background-size : auto; background-position:0% 50% ; padding-left : 25px ; }

#footer #listcol3 ul li {background:url(../../img/rond.png) top left no-repeat ; background-size : auto;  background-position:0% 50% ;  padding-left : 25px}
#footer #listcol3 ul li {background:url(../../img/rond.png) top left no-repeat ; background-size : auto;  background-position:0% 50% ;  padding-left : 25px}
#footer #listcol3 ul li i { color : #E4032E ; padding-right: 7px}
#footer #listcol2 ul li , #footer #listcol3 ul li { text-align : left }

#footer #listcol2 ul li  a , #footer #listcol3 ul li a {text-transform : uppercase }

#footer .footer-bottom p img { /* width: 75%; */ height : auto }
#footer .footer-bottom ul li:nth-child(1) ,
#footer .footer-bottom ul li:nth-child(2) { padding-right:0px };  
#footer .footer-bottom p{ font-size: 14px ; font-weight: 400}
#footer .footer-bottom .copysix { float : right }
#footer .footer-bottom .copysix p{display:inline-block;padding-right:20px}
#footer .footer-bottom .copysix p:last-child(){padding-right:0px}


.blog-container .blog-meta{float:right}