/** Shopify CDN: Minification failed

Line 66:4 Comments in CSS use "/* ... */" instead of "//"
Line 67:4 Comments in CSS use "/* ... */" instead of "//"
Line 68:4 Comments in CSS use "/* ... */" instead of "//"
Line 200:6 Comments in CSS use "/* ... */" instead of "//"
Line 277:11 Expected "}" to go with "{"

**/
.featured-images .grid__item {
    margin-bottom: 0px; 
  text-align:center;
}


  .dimensionborder {
      padding: 1rem 0;
    margin: 2rem 0;
    border-top: 1px solid #ebebeb;
    width:96%; 
    margin: 0 0 auto;
 
  }

.separationgrise{
border-right: 1px solid #ebebeb;   
}


.econoteformat{     font-size: 14px;}
#imgloupeproduct{ opacity: .5;}

.leftproduct{text-align:left;text-transform:uppercase;    margin-top: 0;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2rem;}

       @media only screen and (min-width:320px) {
          #more-pictures {
   display:none;
}
                .displayrightdimension {
   display:none;
}
.filtersombre{filter: brightness(70%);}
         
.site-header__logo .logo__image-wrapper a{
    padding-top:40%!important;display:none;}
       }
 
        @media only screen and (min-width:768px) {

                     .displayrightdimension {
   display:block;
                       float:right;
                       width:50%;
}
          
           #more-pictures {
       display: inline;
    text-align: right;
    position: relative;
    bottom: 6em;
    /* float: right; */
    left: 3em;
    //bottom: 5em;
    //float: right;
    //left: 2em;
    /* background: #E7E7E9 0 0 no-repeat padding-box; */
    /* border-radius: 0.6rem; */
    /* cursor: pointer; */
    opacity: .9;
    font-size: 12px;
    color: white;
    padding-top: 4px;
    padding-left: 10px;
    /* padding-right: 10px; */
    padding-bottom: 6px;
    letter-spacing: 3px;
}
.site-header__logo .logo__image-wrapper a{display:block;}
          .accueilmobile{display:none;}
        
}

   .classtexteretour2
     {
      color:#6e6e6e; 
      font-weight: 550;
     }
    @media only screen and (min-width:320px) {
   .diaporamaproduct{
	 vertical-align: middle;
     background-color:white;
     padding-left: 3px;
    padding-bottom: 3px;
    border-radius: 15px;
     }
      
      .logocuirmobile{width:5%;}
      .flechedroiteclassproduct{
      	color:white;
        height:auto!important;
        top:200px!important;
      }
    }
   
   @media only screen and (min-width:769px) {
   .diaporamaproduct{
     visibility: hidden;}
      
     .logocuirmobile{width:initial;}
     
      .flechedroiteclassproduct{
      	visibility: hidden;
      }
    }
.far {
  font-size: 35px;
}

.checkedr {
  color: orange;
}

/* Three column layout */
.sider {
  float: left;
  width: 12%;
  margin-top:10px;
}

.middler {
  margin-top:10px;
  float: left;
  width: 70%;
}

/* Place text to the right */
.rightr {
  text-align: right;
}

/* Clear floats after the columns */
.rowr:after {
  content: "";
  display: table;
  clear: both;
}

/* The bar container */
.bar-containerr {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: white;
}

/* Individual bars */
.bar-5r {width: 93%; height: 18px; background-color: #4CAF50;opacity:0.6;}
.bar-4r {width: 5%; height: 18px; background-color: #2196F3;opacity:0.6;}
.bar-3r {width: 2%; height: 18px; background-color: #00bcd4;opacity:0.6;}
.bar-2r {width: 0%; height: 18px; background-color: #ff9800;}
.bar-1r {width: 0%; height: 18px; background-color: #f44336;}

   .scoreboard{margin: 0 auto;   max-width: 800px;   padding-top: 20px;box-sizing: border-box;}
   
   
   
   .tab-switch__nav li.is-activeli
     {
        background-color:white; 
        border-right: 1px solid #ebebeb;
        border-top: 1px solid #ebebeb;
        border-left: 1px solid #ebebeb;
        border-bottom: 0px solid white;
        bottom: -1px;
        position: relative;
     }
   
   
   .tab-switch__nav li {
    background-color:#ebeff2; 
     border-radius :7px 7px 0px 0px;
   }
   
    .tab-switch__nav li:hover {
    background-color:white; 
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb;
      border-left: 1px solid #ebebeb;
      border-bottom: 0px solid white;
    bottom: -1px;
    position: relative;
     
   }
   
    .tab-switch__nav a:hover{
             color:black;
      //font-weight: bolder;
    
            }
   
   .tab-switch__nav li{
             padding-left:5px;
             padding-right:5px;
            }
   
              @media only screen and (min-width:320px) {
            .tab-switch__nav li{
             padding-left:10px;
             padding-right:10px;
            }
   
  }
  @media only screen and (min-width:480px) {
            .tab-switch__nav li{
             padding-left:15px;
             padding-right:15px;
            }
    
      .flechedroiteclassproduct{
         top: 35%!important;
       right: 3%!important;}
    
     .grid--full{
    padding-bottom: 35px!important;
   
  }
    .main-content {
    margin-top: -15px;
}
    
        .previouslink2 {
  		color: #6e6e6e;
}
   
     .previouslink {
  		color: #6e6e6e;
}
   
     .previouslink:hover {
  		color: black;
}
   
   @media only screen and (min-width:320px) {
     .selector-wrapper {font-size:13px!important;color:#6e6e6e;}
         
     .paddingmobilenul{
     	padding-top:0px;
     }
     
     .post-ratings-image{width:80px;}
      }

  @media only screen and (min-width:480px) {
    .selector-wrapper {font-size:15px!important;}
    
    
  .paddingmobilenul{
     	padding-top:40px;
     }
    
    .post-ratings-image{width:initial;}
    .scorerating{padding:2px;font-size:20px}
  }
      
   .single-option-selector{width:fit-content!important;}
 
  img.opacity1  {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
img.opacity1:hover {
	opacity: .5;
}