/* @import url("https://i.icomoon.io/public/temp/9350a942e8/Voletshop/style.css"); */


 
:root {
    --basecolor: rgba(89, 157, 205, 1);
  } 

/* roboto-regular - latin */ 
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../font/roboto-v29-latin/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/roboto-v29-latin/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v29-latin/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v29-latin/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v29-latin/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v29-latin/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
font-display: swap;	 
}


body {font-size:16px;line-height: 1.4em;}
@media (max-width: 543px) {body {font-size:15px;line-height: 20px;}}
body#checkout {margin-top:0px;}
.container {max-width: 1400px;}

#main {padding-bottom: 5%;}
#wrapper {padding-top: 176px; background:#fff;}
@media (max-width: 989px) {#wrapper {padding-top: 180px; }}
@media (max-width: 544px) {#wrapper {padding-top: 112px; }}
#wrapper >.container {background:#fff;}
#wrapper #main .page-header {margin-top: 0px;}
#wrapper #main .page-header > div {padding:0;}

/* ************************************************************************************************
/* Colonnes */
/* ************************************************************************************************ */


@media (min-width: 1200px) {.col-xl-0 {display:none;}}
@media (min-width: 990px) {.col-lg-0 {display:none;}}
@media (min-width: 768px) {.col-md-0 {display:none;}}
@media (min-width: 544px) {.col-sm-0 {display:none;}}
.col-xs-0 {display:none;}

.flex-row {display:flex;}
.flex-col {display:flex;}


/* ************************************************************************************************
/* Boutons & liens */
/* ************************************************************************************************ */

.color-pro {color:#7D1663 !important;}

button:focus {outline: unset;}

  a {transition: all 0.4s;}
  a:hover {color:var(--basecolor);}

 .btn, 
 .no-account > a 
    {
        position: relative;
        width: auto;
        display: inline-block;
        outline: none;
        text-decoration: none;
        cursor: pointer;
        background: #fff;
        text-transform: none;
        margin: 10px 0;
        padding: 10px 15px !important;
        overflow-wrap: break-word;
        white-space: inherit;
        border-radius: 5px;
        border: 3px solid var(--basecolor);
        color: var(--basecolor); 
        box-shadow: 0px 0px 0px 0px transparent inset;  
        transition: all 0.3s;  
        font-size: 16px;
    }
.btn > i,  .btn > span {color: var(--basecolor) !important; }

 .btn:hover, 
 .no-account > a:hover,
 a.btn:hover  
    {
        background: #fff;
        color:#fff !important;
        border: 3px solid var(--basecolor) !important;
        box-shadow: 0px -60px 0px 0px var(--basecolor) inset;
    }
 .btn:active, .btn:focus,  a.btn:active, a.btn:focus   {  color:#fff !important;   outline: unset;}
 .btn:hover > i,  .btn:hover > span {color:#fff !important;}
 
.btn-xl:hover {box-shadow: 0px -130px 0px 0px var(--basecolor) inset !important;}

.btn.pro   {        border: 3px solid #7D1663;        color: #7D1663;     }
.btn.pro:hover, a.btn.pro:hover         { border: 3px solid #7D1663 !important;box-shadow: 0px -60px 0px 0px #7D1663 inset;}

.btn.noir
        {
            background:#333;
            color:#fff !important; 
            border: 2px solid #333 !important;
            box-shadow: 0px 0px 0px 0px #000 inset;
        }
.btn.noir > i,  .btn.noir > span  {color:#fff !important;}

.btn.noir:hover
        {
            background:#000;
            color:#fff !important; 
            border: 2px solid #000 !important;
            box-shadow: 0px 0px 0px 0px #000 inset;
        }
.btn.noir:active, .btn.noir:focus,  a.btn.noir:active, a.btn.noir:focus  {background: #333;    color:#fff !important;}
.btn.noir:hover > i,  .btn.noir:hover > span  { color:#fff !important;}


.btn.blanc 
        {
            background:#f7f7f7;
            color:#000 !important; 
            border: 2px solid #f7f7f7 !important;
            box-shadow: 0px 0px 0px 0px #000 inset;
        }
.btn.blanc > i,  .btn.blanc > span {color:#000 !important; }

.btn.blanc:hover 
        {
            background:#fff;
            color:#000 !important; 
            border: 2px solid #fff !important;
            box-shadow: 0px 0px 0px 0px #000 inset;
        }
.btn.blanc:active, .btn.blanc:focus,  a.btn.blanc:active, a.btn.blanc:focus  {background: #f7f7f7;    color:#000 !important;}
.btn.blanc:hover > i,  .btn.blanc:hover > span  { color:#000 !important;}


.btn.jaune
        {
            background:#fff;
            color:#000 !important; 
            border: 2px solid #f6c900 !important;
            box-shadow: 0px 0px 0px 0px #f6c900 inset;
        }

.btn.jaune:hover
        {
            background:#f6c900;
            color:#000 !important; 
            border: 2px solid #fff !important;
            box-shadow: 0px 0px 0px 0px #f6c900 inset;
        }
.btn.jaune:hover > i { color:#000 !important;}
.btn.jaune:hover > span { color:#000 !important;}



 .btn:disabled {box-shadow:none; border: 2px solid #999;color: #999 !important; }
 .btn:disabled > i {color: #999 !important; }

 .btn-sm, a.btn-sm { border: 2px solid var(--basecolor); font-weight: normal;padding: 10px !important;}
 .btn-sm:hover,  a.btn-sm:hover  {border: 2px solid var(--basecolor) !important;}
 .btn-sm:active, .btn-sm:focus,  a.btn-sm:active, a.btn-sm:focus  {background: #fff;    color:var(--basecolor) !important;}
 .btn-sm:hover > i,  .btn-sm:hover > span {   color:#fff !important;}

.btn-noir.btn-sm, a.btn-noir.btn-sm {border:0;}  

.btn.fleche, .btn.caret {padding-right: 40px !important;}
.btn.fleche:after, .btn.caret:after {content: "\f061"; padding-left: 5px; top: calc(50% - 11px);font-size: 17px; vertical-align: -1px; font-weight: 900;font-family: "Font Awesome 5 Free"; position: absolute; right: 15px;  transition: all 0.2s;}
.btn.fleche:hover:after { right: 12px; }
.btn.caret:after {content: "\f107";}

.btn.fleche-gauche {padding-left: 40px !important;}
.btn.fleche-gauche:after {content: "\f060"; padding-right: 5px; top: calc(50% - 11px);font-size: 17px; vertical-align: -1px; font-weight: 900;font-family: "Font Awesome 5 Free"; position: absolute; left: 15px;  transition: all 0.2s;}
.btn.fleche-gauche:hover:after { left: 9px; }




.btn.cta-conversion {
    text-transform: none;
    border: 3px solid #f6c900 !important;
    background: #f6c900 !important;  
    color: #000 !important; 
    box-shadow: 0px 0px 0px 0px #fff inset;
}
.btn.cta-conversion > i,  .btn.cta-conversion > span {color: #000 !important; }

.btn.cta-conversion:hover {
    border: 3px solid #ffd103  !important;
    box-shadow: 0px 0px 0px 0px #ffd103  inset !important;
    background: #ffd103  !important;  
    color: #000 !important; 
}
.btn.cta-conversion:active, .btn.cta-conversion:focus,  a.btn.cta-conversion:active, a.btn.cta-conversion:focus {background: #f6c900;    color:#000 !important;}
.btn.cta-conversion:hover > i,  .btn.cta-conversion:hover > span  {color:#000 !important;}




 .btn:hover::after
  {
 transform: translateX(2px);
  }

.btn.cta-conversion:disabled {box-shadow: 0px 0px 0px 0px #f6c900 inset !important;}
.btn.cta-conversion i {padding-right: 5px;}
.btn.cta-conversion:hover > i { color:#000 !important;}
.btn.cta-conversion i {padding-right: 5px;}
.btn.cta-conversion:hover > span { color:#000 !important;}



 .btn-xs,
 .no-account > a,
 a.btn-xs 
 {border: 0px !important;border-radius: 3px 3px 0px 0px;color:#333 ;background: transparent !important;box-shadow: 0px -2px 0px 0px #ccc inset;padding: 10px 5px !important; text-transform:none; font-size: 14px;}
 .btn-xs > i,  .btn-xs > span {color:#333 !important;}

 .btn-xs::after,
 .no-account > a::after,
 a.btn-xs::after  
 {content: unset; padding-left: 0px;}

 .btn-xs:hover,
 a.btn-xs:hover 
 {border: 0px !important;background: transparent !important;box-shadow: 0px -3px 0px 0px var(--basecolor) inset; color: #000 !important;}
 .btn-xs:hover > i {
    color: #000 !important;
}
.btn-xs:active, .btn-xs:focus,  a.btn-xs:active, a.btn-xs:focus  {background: transparent;    color:#000 !important;}
.btn-xs:hover > i,  .btn-xs:hover > span  {color:#000 !important;}

.btn-xs.pro:hover,
 a.btn-xs.pro:hover 
 {box-shadow: 0px -3px 0px 0px #7D1663 inset; border: 0px !important;}


@media (max-width: 991px) {.btn, 
    .no-account > a {padding: 5px 20px !important;font-size: 15px;}
    .btn::after,.no-account > a::after{font-size: 15px;}
    }


.btn-xxs,
 .no-account > a,
 a.btn-xxs 
 {border: 0px;    border-radius: 3px 3px 0px 0px;    color: #333;    background: transparent !important;    box-shadow: 0px -2px 0px 0px #ccc inset;    padding: 5px 5px !important;    text-transform: none;    font-size: 13px;    font-weight: normal;}
 .btn-xxs > i,  .btn-xxs > span {color:#333 !important;}

 .btn-xxs::after,
 .no-account > a::after,
 a.btn-xxs::after  
 {content: unset; padding-left: 0px;}

 .btn-xxs:hover, 
 a.btn-xxs:hover 
 {border: 0px !important;background: transparent !important;box-shadow: 0px -2px 0px 0px var(--basecolor) inset; color: #000 !important;}
 .btn-xxs:hover > i {
    color: #000 !important;
}
.btn-xxs:active, .btn-xxs:focus,  a.btn-xxs:active, a.btn-xxs:focus  {background: transparent;    color:#000 !important;}
.btn-xxs:hover > i,  .btn-xxs:hover > span {color:#000 !important;}

.btn-xxs.fleche, .btn-xxs.caret {padding-right: 25px !important;}
.btn-xxs.fleche:after, .btn-xxs.caret:after {top: calc(50% - 7px);    font-size: 13px;    right: 8px;}
.btn-xxs.fleche:hover:after { right: 7px; }
.btn-xxs.caret:after {content: "\f107";}

.btn-xxs.fleche-gauche {padding-left: 25px !important;}
.btn-xxs.fleche-gauche:after {top: calc(50% - 7px);    font-size: 13px;    left: 8px;}
.btn-xxs.fleche-gauche:hover:after { left: 7px; }



.btn-badge {border: 1px solid #666;   color:#666; cursor: pointer;  font-size: 13px;    padding: 1px 8px;    border-radius: 10px; display: inline-block; margin-right: 3px; margin-bottom: 3px; text-align: center; opacity: 0.7; transition: all 0.4s;}
.btn-badge:hover {opacity: 1;}
.btn-badge i {padding-right: 2px;color:#666;}
.btn-badge span {color:#666;}

.btn-badge.rouge {border: 1px solid #b00;}
.btn-badge.rouge i {color:#b00;}
.btn-badge.rouge span {color:#b00;}

.btn-badge.bleu {border: 1px solid var(--basecolor);}
.btn-badge.bleu i {color:var(--basecolor);}
.btn-badge.bleu span {color:var(--basecolor);}

.btn-badge.cta-conversion {border: 1px solid #f6c900; background-color: #f6c900;}
.btn-badge.cta-conversion i {color:#000;}
.btn-badge.cta-conversion span {color:#000;}

.btn-badge.toggle {opacity: 1;}
.btn-badge.selected {background: #666;color:#fff;}
.btn-badge.selected i {color:#fff !important}
.btn-badge.selected span {color:#fff !important}
.btn-badge.bleu.selected {background: var(--basecolor);}
.btn-badge.rouge.selected {background: #b00;}

.lien-couleur {transition: all 0.2s; cursor: pointer;}
.lien-couleur:hover {color:var(--basecolor)}


.page-footer a {font-size:18px;}

.bootstrap-touchspin .input-group-btn-vertical i {font-weight: inherit;}
.bootstrap-touchspin .input-group-btn-vertical i {font-weight: inherit;}
.bootstrap-touchspin .input-group-btn-vertical>.btn {border:0 !important; background-color: transparent !important; box-shadow: none !important;}
.bootstrap-touchspin .input-group-btn-vertical>.btn:hover i  {color:var(--basecolor) !important;}


.btn i {font-weight: 900 !important;}

.page-footer .custom-link-color {border: 0px;color:#333 ;background: transparent;box-shadow: 0px -2px 0px 0px var(--basecolor) inset;padding: 7px; text-transform:none;}
.page-footer .custom-link-color:hover {border: 0px;background: transparent;box-shadow: 0px -60px 0px 0px var(--basecolor) inset;color:#fff !important;}
.page-footer .custom-link-color:hover i {color:#fff !important;}
.page-footer .custom-link-color:hover span {color:#fff !important;}


/* ************************************************************************************************
/* Alerte */
/* ************************************************************************************************ */
.alert {border: 0;       border-radius: 5px;    padding: 5px 10px;}

.alert .content-help-info ul li {
    font-size: 16px;
}

/* ************************************************************************************************
/* Notifications */
/* ************************************************************************************************ */
#notifications { padding:0;}
#notifications .alert { margin:0;}


/* ************************************************************************************************
/* Titres */
/* ************************************************************************************************ */

.headings {font-weight:normal;}

h1, h1.headings {
    display: inline-block;
    margin-left: -15px;
    color: #002!important;
    background: #fff;
    border: 0;
    font-size: 34px !important; 
	line-height: 40px;
    text-transform: none !important;
    border-radius: 0;
    padding: 15px 50px 10px 5px;
    margin: 30px 0px 50px 0px;
    min-width: 35%;
    border-bottom: 4px solid var(--basecolor);
}
@media (max-width: 543px) 	{h1, h1.headings {font-size: 24px !important; line-height: 28px !important;  margin: 0px 0px 20px 0px; padding: 10px 50px 5px 5px;}}

h2 {
	font-size: 30px;
	line-height: 38px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	color: #333;
	display: inline-block;  
	border-bottom: 2px solid #999;    
	padding: 0px 30px 10px 5px; 
	margin: 30px 0px 20px 0px;  
}
@media (max-width: 543px) {h2 {	font-size: 22px !important;    line-height: 26px !important;    padding: 0px 30px 5px 5px;    color: #000;}}

h2.nostyle {border:0;padding:0;margin:0; }

h3 {
    font-size: 22px !important;
    font-weight: normal !important;
    line-height: 28px !important;
    border-bottom: 1px solid #ccc;
    display: inline-block;
}

.headings.headings-large {font-size: 30px;line-height: 30px;}

/* ************************************************************************************************
/* Blocs */
/* ************************************************************************************************ */
.bloc-arrondi {border-radius: 5px}
.bloc-arrondi-gauche {border-radius: 5px 0 0 5px;}
.bloc-arrondi-droite {border-radius: 0 5px 5px 0;}
.bloc-bleu {background:var(--basecolor);width: 100%; height:100%}
.bloc-jaune {background:#f6c900;width: 100%; height:100%;color:#000}

.bloc-txt {  padding: 20px;    font-size: 16px;    line-height: 26px;    border-radius: 5px;background: #f7f7f7;}

/* ************************************************************************************************
/* Form */
/* ************************************************************************************************ */


.form-control {border: 2px solid #cfcfcf; border-radius: 4px ;font-size: 18px;transition: all 0.4s;color:#666;height: unset !important;}
@media (max-width: 543px) {.form-control { padding:5px 10px;}}
.form-control:focus {border: 2px solid var(--basecolor); color:#333;}
.input-group .input-group-btn > .btn {background: #999;padding: 17px !important; border:0 !important}


/* ************************************************************************************************
/* breadcrumb */
/* ************************************************************************************************ */
 
 #wrapper .breadcrumb {padding: 10px 0px; margin: 0;}
 #wrapper .breadcrumb a > span {color: #999;}
 #wrapper .breadcrumb li {display: inline;}
#wrapper .breadcrumb li a {padding: 20px 0px;}
 #wrapper .breadcrumb li a span {font-size: 12px;}
 #wrapper .breadcrumb li:last-child a > span {color: #666 !important;}
 
/* ************************************************************************************************
/* icones svg */
/* ************************************************************************************************ */

.voletshop-qualicoat {
    padding: 15px 40px !important;
    background: center no-repeat url('icones_png/qualicoat.png')  !important;
	background-size: 75px !important;
	border:0 !important;
}
.block-description .voletshop-qualicoat, .product-description-short .voletshop-qualicoat {padding: 15px 45px !important;background-size: 63px !important;border:0 !important;}


.voletshop-pefc {
    padding: 15px 40px !important;
    background: center no-repeat url('icones_png/pefc.png')  !important;
	background-size: 45px !important;
	border:0 !important;
}
.block-description .voletshop-pefc {padding: 15px 45px !important;background-size: 63px !important;border:0 !important;border-radius:0 !important;}

.voletshop-afg {
    padding: 15px 40px !important;
    background: center no-repeat url('icones_png/act-for-green.png')  !important;
	background-size: 45px !important;
	border:0 !important;
}
.block-description .voletshop-afg, .product-description-short .voletshop-afg {padding: 15px 45px !important;background-size: 62px !important;border:0 !important;border-radius:0 !important;}

.voletshop-ecoenergie {
    padding: 15px 40px !important;
    background: center no-repeat url('icones_png/ecoenergie.png')  !important;
	background-size: 45px !important;
	border:0 !important;
}
.block-description .voletshop-pefc {padding: 15px 45px !important;background-size: 63px !important;border:0 !important;border-radius:0 !important;}


.voletshop-cekal {
    padding: 15px 40px !important;
    background: center no-repeat url('icones_png/cekal.png')  !important;
	background-size: 75px !important;
	border:0 !important;
}

.voletshop-pbs {
    padding: 15px 40px !important;
    background: center no-repeat url('icones_png/pbs.png')  !important;
	background-size: 55px !important;
	border:0 !important;
}

.voletshop-aok {
    padding: 15px 40px !important;
    background: center no-repeat url('icones_png/aok.png')  !important;
	background-size: 80px !important;
	border:0 !important;
}


.voletshop-re2020 {
    padding: 15px 60px !important;
    background: center no-repeat url('icones_png/re2020.png')  !important;
	background-size: 90px !important;
	border:0 !important;
}

.voletshop-nfpvc {
    padding: 15px 40px !important;
    background: center no-repeat url('icones_png/nfpvc.png')  !important;
	background-size: 75px !important;
	border:0 !important;
}

.voletshop-moustique {
    padding: 15px  !important;
    background: center no-repeat url('icones_png/moustique.png')  !important;
	background-size: 30px !important;
}
.block-description .voletshop-nfpvc {padding: 15px 45px !important;	background-size: 90px !important;border:0 !important;}


/* ************************************************************************************************
/* Carousel */
/* ************************************************************************************************ */

.carousel {display:inline-block;}
.carousel-caption {width: 100%;left: 0;position: absolute;margin: 0;background: #fff;color:#666;bottom: -65px;height: 65px;padding: 33px 0px 0px 0px;text-shadow: none;}
.carousel-indicators {bottom: 18px;}
.carousel-inner {padding-bottom:65px;}
.carousel-indicators li {background: #ccc;}
.carousel-indicators .active {background: var(--basecolor);}
.carousel .carousel-indicators li:hover {background: var(--basecolor);border: 1px solid var(--basecolor);}

.carousel-control {top: unset;background: #fff !important;color:#666;text-shadow: none;width: 40px;height: 65px;bottom: 0px; opacity:1; transition:all 0.4s}
.carousel-control i {color:#666 !important; }
.carousel-control:active {background: #999 !important;color:#666 !important; }
.carousel-control:hover {background: var(--basecolor) !important;}
.carousel-control:hover i {color:#fff !important;}

.carousel-control.left {padding: 21px 10px;left: 0px;}
.carousel-control.right {padding: 21px 10px;right: 0px;}

/* ************************************************************************************************
/* Image zoom */
/* ************************************************************************************************ */

.image-zoom {transition:all 0.4s; cursor:pointer;}
.image-zoom-titre {font-size: 18px;padding: 10px;font-weight: bold;text-decoration: underline;}
.image-zoom .image-zoom-loupe {position: absolute;top: 0;left: 0;transition: all 0.4s;display: flex;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.3);opacity:0}
.image-zoom:hover .image-zoom-loupe {transition: all 0.4s;opacity:1}
.image-zoom i {font-size: 80px !important;color: #666;padding: 20px;transition: all 0.4s;position: absolute;top: calc( 50% - 50px);left: calc( 50% - 50px);}

/* ************************************************************************************************
/* Lire la suite  */
/* ************************************************************************************************ */

.lirelasuite.btn {display: none;}

@media (max-width: 543px) {
.lirelasuite.section {display:none; overflow: hidden;}
.lirelasuite.btn {display: inline-block;}
.lirelasuite.btn:before {content: 'Lire la suite';}
}

/* ************************************************************************************************
/* Prix barrés  */
/* ************************************************************************************************ */

.prix-barre {color: #CC0C39 !important;margin-top: 5px;}
.prix-barre .titre {color: #CC0C39 !important;    margin-bottom: 10px;  display: block;    font-size: 13px;  line-height: 16px;   }
.prix-barre .remise {display: inline-block; background: #CC0C39 !important;    color: #fff;    padding: 3px 5px;   border-radius: 3px;    margin-right: 5px;margin-bottom: 5px;}
.prix-barre .prix {display: inline-block; color: #999 !important;    text-decoration: line-through;}


#col_description .prix-barre {border-bottom: 1px solid #ccc;    max-width: 200px;    margin: auto;    padding-bottom: 15px;    padding-top: 3px;}
#block_description_category .prix-barre {border-bottom: 1px solid #ccc;    max-width: 200px;    margin: auto;    padding-bottom: 15px;    padding-top: 3px; text-align: center;    margin-top: 20px;}

.voletshop-produit .prix-barre {font-size: 13px;}
.voletshop-produit .prix-barre .titre {display: none;}
.voletshop-produit .prix-barre .remise {font-size: 14px;    padding: 5px 4px;}
.voletshop-produit .prix-barre .prix {color: #999 !important;}

.product-configurateur .prix-barre {font-size: 13px;margin-top: 0;}
.product-configurateur .prix-barre .titre {display: none;}
.product-configurateur .prix-barre .remise {font-size: 14px;    padding: 2px 8px;}
.product-configurateur .prix-barre .prix {color: #999 !important;font-size: 15px;    vertical-align: middle;}
.mobile-open .product-configurateur .prix-barre .prix {display: none;}
.mobile-open.affiche-addtocart .product-configurateur .prix-barre .prix {display: inline-block;}

.cart-item .prix-barre {font-size: 13px;}
.cart-item .prix-barre .remise {font-size: 14px;    padding: 0px 5px;}
.cart-item .prix-barre .prix {color: #999 !important;}



.cart-summary .total-prix-barre {text-align: right;    color: #CC0C39 !important;    text-decoration: line-through;}

/* ************************************************************************************************
/* Listes */
/* ************************************************************************************************ */

.puce_plus {padding: 5px;list-style:none !important;}
.puce_plus {margin-bottom:5px;}
.puce_plus > li {padding: 3px;}
.puce_plus > li::before {content: "\f055"; padding-right: 7px; font-size: 17px; font-weight: 900;font-family: "Font Awesome 5 Free"; }


.puce_chevron {padding: 5px; list-style:none !important;}
.puce_chevron {margin-bottom:5px;}
.puce_chevron > li {padding: 3px;}
.puce_chevron > li::before {content: "\f054"; padding-right: 7px; font-size: 17px; font-weight: 900;font-family: "Font Awesome 5 Free"; }




/* ************************************************************************************************
/* Pages */
/* ************************************************************************************************ */
#wrapper #main .page-footer  {margin-top:100px;}
#wrapper #main .page-footer > div {margin-top:100px}
#wrapper #main .page-footer a > span {font-size:16px;}
#wrapper #main .page-footer a > i {font-size: 16px !important;vertical-align: 1px;}
#wrapper #main .page-footer > div {margin-top:100px}


/* ************************************************************************************************
/* Compte */
/* ************************************************************************************************ */

.page-my-account #content .links > div {padding:15px;}
.page-my-account #content .links {max-width: 1200px;margin: auto;margin-bottom: 100px;}
.page-my-account #content .links a {width: 100%;max-width: unset;height: 100%; transition:all 0.4s;}
.page-my-account #content .links a > span > i {display: block;font-size: 40px !important;padding: 15px;color: #666;transition: all 0.4s;}

.customer-addresses {display: flex;flex-wrap: wrap; width:100%; margin:0 }
.customer-addresses > div {margin-bottom:20px ;}
.customer-addresses .address {padding: 10px 10px 40px 10px;border: 1px solid #ccc;height: 100%; position:relative;}
.customer-addresses .address.invoice {border-color: #A40002;}
.customer-addresses .address-body {margin-top:0 !important;}
.customer-addresses .address-body .leads {background: #f7f7f7;padding: 2px 10px;}
.customer-addresses .address-body address {padding: 10px;}
.customer-addresses .address-footer {position:absolute; bottom:0; border:0 !important; width: calc( 100% - 20px ); text-align:right !important;}
.page-addresses .addresses-footer {margin: 20px 15px 30px;}


#validatebox {padding: 20px;  margin: 20px 0px;}
#validatebox input {display: inline-block; width: 50px;text-align: center; font-size: 30px; vertical-align: middle;}
#validatebox .signe {font-size: 30px;vertical-align: middle;padding: 10px;}
@media (max-width: 768px) {
	#validatebox input {width: 100%;}
	#validatebox .signe {display: block;}
}


/* ************************************************************************************************
/* CMS */
/* ************************************************************************************************ */

.page-content.page-cms h2 {font-size: 20px;margin: 60px 0px 40px -30px;}
.page-content.page-cms h3 {font-size: 18px;text-transform: none;margin-top: 30px;color: #333;line-height: 24px;padding: 10px 0px 10px 0px;}
.page-content.page-cms {text-align:left;}
.page-content.page-cms div a, .page-content.page-cms p a, .page-content.page-cms span a {text-decoration: unset; color: unset;}

/* ************************************************************************************************
/* CONTACT */
/* ************************************************************************************************ */
#contact .contact-form form {margin-bottom: 50px;}
@media (min-width: 990px) {#contact .contact-form form {padding-right: 50px;}}
#contact .contact-form  .group-span-filestyle .btn {padding: 17px 17px 17px 17px;}

/* ************************************************************************************************
/* PANIER */
/* ************************************************************************************************ */

/* block cart */
#blockcart-modal .cart-content-btn {display: block !important;}
#blockcart-modal .cart-content .cart-content-btn .btn {float: right;    width: 100%;}




#cart h2 {display: inline-block;}
 
/* tableau produits */
#cart .cart-items {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-bottom: 50px;}
#cart .cart-items > li {border-bottom: 1px solid #ccc;    padding: 0;}
#cart .cart-items > li:last-child {border:0;}
#cart .cart-items .product-line-grid-left {padding: 5px 0px;}
#cart .cart-items .product-line-grid-body  {padding: 20px 15px ;}
#cart .cart-items .product-line-grid-right  {padding: 15px 0px;}




/* Ligne produit */
#cart .icone-modif {padding: 5px;font-size: 20px;}
#cart .product-image img {margin: auto;display: block; width: 70%;}
@media (max-width: 1200px) {#cart .product-image img {width: 100%;}}
#cart .product-line-titre .product-titre {font-size: 14px;}
#cart .product-line-info {margin-top: 10px;padding-top: 0px;border-top:0px solid #eee;padding-left: 0px;}
#cart .product-line-grid-right {padding-left: 50px;margin-top:0;}
#cart .product-line-grid-right .label {font-size:12px;font-weight: normal;}


#cart .product-line-grid-right .price {margin-top: 10px; text-align:right;}
#cart .product-line-grid-right .price .regular-text{padding-left:5px;font-size: 16px;}

#cart .product-line-grid-right .current-price {margin-top: 0px;text-align:right;}
#cart .product-line-grid-right .current-price .regular-text{padding-left:5px; font-size:12px;}

#cart .product-line-info .qty {margin-top: 0px;text-align: right;    background: #fff;    padding: 10px 0px;}
#cart .product-line-info .qty .label {font-size:12px;font-weight: normal;}
#cart .product-line-info .qty > div {vertical-align:middle;display: inline-block;}
#cart .product-line-info .qty .input-group {width: 60px;}
#cart .product-line-info .qty .input-group input {margin: 0;text-align: center;padding: 10px;font-size: 16px;font-weight: bold;}
#cart .product-line-info .qty .input-group input:focus {color:var(--basecolor);}

#cart .product-line-info .qty .input-group-btn-vertical{padding-left: 3px;}
#cart .product-line-info .qty  .btn-touchspin {border:0 !important;margin:0;padding: 8px;height: auto; background:transparent; }
#cart .product-line-info .qty  .btn-touchspin i {color:#aaa; }
#cart .product-line-info .qty  .btn-touchspin:hover {background:transparent; color:var(--basecolor); box-shadow: none;}
#cart .product-line-info .qty  .btn-touchspin:hover i {transition: all 0.3s;  }
#cart .product-line-info .qty  .btn-touchspin:hover i {color:var(--basecolor) !important; }
#cart .product-line-info .qty  .bootstrap-touchspin-up {margin:0;}
#cart .product-line-info .qty  .touchspin-down {padding:1px;}
#cart .product-line-info .qty .cart-line-product-quantity {padding: 5px;text-align: center;width: 50px !important;}

#cart .product-line-grid-right .cart-line-product-actions {margin-top: 8px;}
#cart .product-line-description  {font-size: 13px;line-height: 16px;color: #999;margin: 5px 0px; display: none;}
#cart .product-line-description a {font-size: 13px;line-height: 16px;color: #999;margin: 5px 0px;}
#cart .product-line-description .product-btn-MAJ {padding: 5px 5px;    font-size: 12px;    border: 2px solid #666;    border-radius: 6px;    vertical-align: middle;    background-color: #fff;    color: #e10000;    border-color: #e10000;    margin: 0;text-transform: none;}
#cart .product-line-description .product-btn-MAJ:hover {box-shadow: 0 -60px 0 0 #e10000 inset;}


#cart .cart-line-product-actions { text-align:left;padding-top: 3px;}
#cart .cart-line-product-actions a { font-size: 12px;    padding-right: 10px;    color: var(--basecolor);}
#cart .cart-line-product-actions a span  { color: var(--basecolor);padding-left: 3px;}
#cart .cart-line-product-actions a:hover span  { text-decoration:underline;}
#cart .cart-line-product-actions .cart-line-product-actions-supprimer {color: #999;}
#cart .cart-line-product-actions .cart-line-product-actions-supprimer span {color: #999;}

#cart .product-line-grid .cart-line-product-actions-badges  {opacity: 0; transition: all 0.4s; margin-top:10px;}
#cart .product-line-grid:hover .cart-line-product-actions-badges  {opacity: 1;}

@media (max-width: 1200px) {
    #cart .product-line-grid .cart-line-product-actions-badges  {opacity: 1; }
    }

@media (max-width: 991px) {
    #cart .product-line-info .qty {text-align: right; padding: 0px 15px 20px 15px;}
    #cart .product-line-info .qty .input-group-btn-vertical{display:none;}
    }
@media (max-width: 543px) {
    #cart .cart-items .product-line-grid-body  {padding: 10px ;}
    #cart .cart-items .product-line-grid-right  {padding: 0px;}
}


#cart .cart-item .ecocontributioninclue {text-align:right;}
#cart .cart-item .ecocontributioninclue i {color:#00b526;font-size: 16px;vertical-align: middle;}
#cart .cart-item .ecocontributioninclue span {color:#00b526;font-size: 12px;vertical-align: middle;padding-left: 3px;}

#cart .repere {margin: 0px 0px 5px 0px;padding: 0px;    height: auto;}
#cart .repere .repere_nom {cursor:pointer} 
#cart .repere .repere_nom i { vertical-align:middle;color:#999;}
#cart .repere .repere_nom .fa-pencil-alt{opacity:1;font-size:12px;}
#cart .repere:hover .repere_nom .fa-pencil-alt{opacity:1;}
#cart .repere:hover .repere_nom span { text-decoration:underline;}
#cart .repere .repere_nom span { vertical-align:middle;color:#999;padding-left: 3px;font-size:12px;}
#cart .repere.defini .repere_nom span { color:#5cb85c;font-weight: bold;transition:all 0.3s}
#cart .repere.defini .repere_nom i { color:#5cb85c;transition:all 0.3s}
#cart .repere.defini:hover .repere_nom span { color:var(--basecolor); text-decoration:underline;}
#cart .repere_form {display:none;}
#cart .repere .form-control {border-radius: 0px ;border:0; border-bottom: 2px solid #cfcfcf; }
#cart .repere .form-control:focus {border-bottom: 2px solid var(--basecolor);}
#cart .repere_form input {font-size: 14px; padding: 5px;width: 500px; max-width:100%;}


@media (max-width: 992px) {
		#cart .product-line-actions {float:right;} 
		#cart .product-image img {margin:0; }
		#cart .cart-items {margin-bottom: 0px;}
		}


/* Total */
#cart .cart-grid-right {border: 0px solid var(--basecolor);}
#cart .cart-summary {padding: 20px;background: #fff;border: 8px solid var(--basecolor); border-radius: 5px;}
#cart .cart-summary .checkout .btn {background-color: #fff;color: #333;font-size: 18px;width: 100%;    padding: 15px 45px !important;}
#cart .cart-summary h2 {font-size: 18px;    margin: 15px 0px 20px 0px;    padding: 0px 30px 0px 5px;}
#cart .promo-name .regular-text {color:#00be6b !important;font-size: 16px;}
#cart .promo-name .automation {color: #db0000 !important;}
#cart .promo-code {position:relative;margin: 0px 0px 30px 0px;}
#cart .promo-code .cancel-promo {position: absolute;top: 0;right: 0;}
#cart .promo-code .alert i {margin-right: 10px;vertical-align: -8px;}
#cart .cart-total span {font-size:18px; color:#333;}
#cart .cart-total span.value {font-size:22px; }
#cart .cart-summary .alert {margin-top:15px !important;}
#cart .cart-summary #btn_mobile_expand {display: none;}
#cart .cart-summary #cart_summary_mobile_close {display: none;}


@media (max-width: 767px) {
    #cart .cart-summary {position: fixed;bottom: 0;width: 100%;left: 0;z-index: 2;border-bottom: 0;border-right: 0;border-left: 0;border-radius: 0;}
    #cart .cart-summary #label_produits {display: none;}
    #cart .cart-summary #btn_mobile_expand {display: inline-block;margin: 0;margin-top: -5px;padding: 10px 30px !important;}
    #cart .cart-summary #cart_summary_mobile_expand {display: none;}
    #cart .cart-summary #cart_summary_mobile_close .btn {margin: 0;  margin-bottom: 30px; float: right;        margin-top: -10px;        padding: 5px !important;    }
}




    


/* ************************************************************************************************
/* TUNNEL */
/* ************************************************************************************************ */


body#checkout #_desktop_cart {display:none;}
body#checkout #header {border-bottom: 1px solid #ccc;}

/* Titres */
body#checkout .row h1 {background: #fff;color: #333 !important;box-shadow: 0px 0px 0px 0px var(--basecolor) inset; margin-top:0px; transition: all 0.4s; border-radius:0;border-bottom: 0px solid #666; font-size:24px !important;display: block;padding:0}
body#checkout .row h1:hover {box-shadow: 0px 0px 0px 0px var(--basecolor) inset;border-bottom: 0px solid var(--basecolor); color: var(--basecolor) !important;  }
body#checkout section.checkout-step.-reachable.-complete h1 .done {color:#fff;transition: all 0.4s;height: 40px;width: 40px;background: #5cb85c;vertical-align: 1px;text-align: center;padding: 10px;border-radius: 50%;margin: 0px 5px;}
body#checkout section.checkout-step.-reachable.-complete h1:hover .done {color:#fff;}
body#checkout .row h1 .step-number {padding: 9px 0px;    color: #fff!important;    transition: all 0.4s;font-size: 24px;font-weight: bold; border: 0px solid #ccc;border-radius: 50%;width: 40px;height: 40px;vertical-align: 1px;text-align: center; background:#999;margin: 0px 5px;}
body#checkout .row h1:hover .step-number {color:#fff !important;}
body#checkout section.checkout-step .content {padding: 20px;border: 0px solid #ccc;margin: 20px;}
body#checkout section.checkout-step {border:0;}
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {display:none;}
body#checkout  h2 {font-size:18px;}
body#checkout  h3 {font-size:18px;font-weight: bold;}


#checkout-personal-information-step #checkout-guest-form>div{float: none;}
#checkout-personal-information-step #checkout-login-form>div{float: none;}
@media (max-width: 768px) {
	body#checkout section.checkout-step .content {padding: 10px;margin: 10px;}
	body#checkout .row h1 {font-size:20px !important; font-weight: bold;}
	body#checkout .row h1 .step-number {padding: 5px 0px;   font-size: 15px;width: 30px;height: 30px;}
	body#checkout section.checkout-step.-reachable.-complete h1 .done {padding: 5px 0px;   font-size: 15px;width: 30px;height: 30px;}	
} 
	
body#checkout button.continue {width: 100%;}


/* Adresses */

body#checkout section.checkout-step .address-selector .address-item {position:relative; padding-bottom:40px;height: 100%;border: 3px solid #ccc;background: #fff;    border-radius: 8px;}
body#checkout section.checkout-step .address-selector .radio-block {width:100%; cursor:pointer;}
body#checkout section.checkout-step .address-selector .address {border:0; padding:10px;}
body#checkout section.checkout-step .address-selector .address-footer {width:100%; }
body#checkout section.checkout-step .add-address {margin-bottom:50px;}

/* Transport */
body#checkout section.checkout-step .delivery-options-list .delivery-option .row { cursor:pointer;}
body#checkout section.checkout-step .carrier-name {font-size:18px;}
body#checkout section.checkout-step .carrier-delay {display:block; }
body#checkout section.checkout-step .delivery-options-list .delivery-option {background: #fff;    border: 1px solid #ccc;    border-radius: 8px;}


#colissimo-pickup-point-address-selected {border: 3px solid #ccc !important;border-radius: 8px; padding: 20px; }
#colissimo-pickup-point-address-selected input {border: 2px solid #ccc;}
#colissimo-pickup-point-address-selected header .h4 {font-weight: bold;font-size:18px;padding-bottom: 10px;display: inline-block;}
#colissimo-pickup-point-address-selected .colissimo-pickup-point-phone {padding-bottom: 10px;}
div#colissimo-container .colissimo_widget_tableauHorraire h1 {font-size: 14px !important;margin-bottom: 5px !important;box-shadow: none;}
.colissimo-osm-front-widget {width: 100% !important;    border: 3px solid #ccc !important;    border-radius: 8px !important;    padding: 20px;    margin-bottom: 50px !important;    height: auto !important; z-index: 0 !important;}

body#checkout #chronorelais_container {padding: 20px;border: 3px solid #ccc !important;border-radius: 8px;margin-bottom: 50px;}
body#checkout #chronorelais_container .alert {margin:0;}
body#checkout #chronorelais_container #chrono_postcode_controls {max-width: 350px;}
body#checkout #chronorelais_container h4 {margin: 30px 0px 20px 0px;font-size: 18px;text-decoration: underline;text-transform: none;}
body#checkout #chronorelais_container #relais_txt .checkbox input {position: relative;opacity: 1;height: unset;width: unset;vertical-align: -2px;margin-right: 6px;}
body#checkout #chronorelais_container #relais_txt .checkbox label { cursor:pointer;}

body#checkout #livraison_decalage {margin-top: 30px;}
body#checkout #form_decalage {padding: 20px;background: #f7f7f7; display:none;}
body#checkout #form_decalage input {margin-left: 5px;}

/* Paiement */
body#checkout #order-summary-content h2 {margin: 30px 0px;}
body#checkout #order-summary-content .summary-selected-carrier {margin-top:20px;}
body#checkout #order-summary-content .tournee { font-size:18px; }
body#checkout #order-summary-content #order-items .order-line {margin-top:0px;}
body#checkout #order-summary-content #order-items table td {padding:0px;}

body#checkout #checkout-payment-step h2 {margin: 30px 0px;}
body#checkout #checkout-payment-step .ps-hidden-by-js {display: none;}
body#checkout section.checkout-step .payment-options .payment-option {padding: 20px;background: #fff;border: 2px solid #ccc;border-radius: 8px;}
body#checkout section.checkout-step .payment-options .payment-option label {font-size: 16px;cursor: pointer; line-height: 1;}
body#checkout section.checkout-step .payment-options .additional-information {padding: 20px;    margin: 30px;    border-top: 1px solid #ddd;    margin-bottom: 0;    border-radius: 0px;display: none;}
@media (max-width: 768px) {body#checkout section.checkout-step .payment-options .payment-option label {display: block; margin-top: 20px;}}

body#checkout section.checkout-step .payment-options .payment-option:before {  content: " ";padding-right: 7px; font-size: 17px; font-weight: 900;font-family: "Font Awesome 5 Free"; }


body#checkout section.checkout-step .payment-options .ps_checkpayment {background: #eee;  opacity: 0.8;}
body#checkout section.checkout-step .payment-options .ps_checkpayment:before {content: "\f53c";padding: 0px 15px !important;;vertical-align: -5px;font-size: 30px;}
body#checkout section.checkout-step .payment-options .ps_wirepayment {background: #eee;  opacity: 0.8;}
body#checkout section.checkout-step .payment-options .ps_wirepayment:before {content: "\f19c";padding: 0px 15px !important;vertical-align: -5px;font-size: 30px;}
body#checkout section.checkout-step .payment-options .payline:before {background: no-repeat url('icones_png/cb.png') !important;background-position-x: 10px !important;padding: 14px 35px !important;background-size: 45px !important;}
body#checkout section.checkout-step .payment-options .payline_nx:before {background: no-repeat url('icones_png/cb3x.png') !important;background-position-x: 10px !important;padding: 12px 45px !important;background-size: 75px !important;}
body#checkout section.checkout-step .payment-options .paypal-ec:before {background: no-repeat url('icones_png/paypal.png') !important;background-position-x: 10px !important;padding: 14px 35px !important;background-size: 45px !important;}

body#checkout section.checkout-step .payment-options .ps_checkout-paypal:before {background: no-repeat url('icones_png/paypal.png') !important;background-position-x: 10px !important;padding: 14px 35px !important;background-size: 45px !important;}
body#checkout section.checkout-step .payment-options .ps_checkout-payment-option span.custom-radio {float: left !important;margin-right: 5px !important;  }
body#checkout section.checkout-step .payment-options .ps_checkout-payment-option .paypal-mark {display:none; }
body#checkout section.checkout-step #ps_checkout-paypal-buttons-container {margin: 100px 0px;    text-align: center;}

body#checkout section.checkout-step .payment-options .bridge:before {background: no-repeat url('icones_png/vir-inst.png') !important;background-position-x: 10px !important;padding: 14px 35px !important;background-size: 45px !important;}
body#checkout section.checkout-step .payment-options .bridgeNx:before {background: no-repeat url('icones_png/vir-inst-2x.png') !important;background-position-x: 10px !important;padding: 14px 35px !important;background-size: 45px !important;}


#checkout-personal-information-step .content .nav-inline.my-1 {display:none !important;}
#ps-checkout-express-button {display:none !important;}
#ps_checkout-payment-method-logo-block-container {display:none !important;}



body#checkout #conditions-to-approve > ul > li > div {float: none !important;}
body#checkout #conditions-to-approve > ul > li > div label {font-size: 16px;}
body#checkout #conditions-to-approve > ul > li > div label a {text-decoration:underline;}

body#checkout #bouton_commande {margin: 100px 0px;}
body#checkout #bouton_commande button {margin: auto;display: block;font-size: 20px;}


/* Confirmation */ 
body#order-confirmation .email {font-size: 16px;text-decoration: underline;}
body#order-confirmation #order-details {display:none;}
body#order-confirmation #instruction {display: block;max-width: 800px;margin: auto;padding: 50px;background: #fafafa;border: 1px solid #ccc;}

/* ************************************************************************************************
/* Telephone */
/* ************************************************************************************************ */
.contact_tel {background: var(--basecolor);display: inline-block;padding: 6px 10px 16px 10px;font-size: 22px;color: #fff;border-radius: 3px; position:relative;vertical-align: middle;}
.contact_tel i {padding-right: 5px;font-size: 17px;vertical-align: middle;}
.contact_tel ul {display: inline-block;margin: 0;vertical-align: middle;}
.contact_tel li {display: inline-block;margin: 0 !important;vertical-align: middle;padding-right: 5px;font-weight: bold;}
.contact_tel .prix_tel {position: absolute;right: 16px;font-size: 11px;color: #fff;bottom: 0px;opacity: 0.7;}

/* ************************************************************************************************
/* Contact */
/* ************************************************************************************************ */
.conseil-contact {margin: 0;
    margin-top: 15px;
    padding: 30px;
    border: 5px solid var(--basecolor);
    border-radius: 10px;}
.conseil-contact .btn {margin-top: 0;}
.contact_tel {margin-bottom: 10px;;}
@media (max-width: 543px) { 
    .conseil-contact {padding: 10px;}
    .conseil-contact .btn {display:block;}
}




/* ************************************************************************************************
/* Description */
/* ************************************************************************************************ */

.rubrique-description {margin-top: 0px;}
.rubrique-description i {background: transparent;padding: 6px;font-size: 24px;border-radius: 50%;color: #333;vertical-align: middle;display: inline-block;margin-right: 0px;border: 3px solid #eee;}
.rubrique-description span {padding: 2px 30px 2px 10px;border-bottom: 2px solid #eee;font-weight: bold;color: #333;vertical-align: -1px;}


.badge-thermique {border: 2px solid #108f0a;width: 80px;height: 80px;border-radius: 5px; text-align:center;display: inline-block;vertical-align: middle;margin: 5px;}
.badge-thermique .txt{font-size: 18px;line-height: 30px;}
.badge-thermique .voletshop-bbc {font-size: 36px;display: block;margin-top: 7px;}
.badge-thermique .voletshop-ecoenergie {background-size: 50px !important;height: 45px;display: block;width: 60px;margin: auto;}
.badge-thermique .voletshop-re2020 {background-size: 80px !important;height: 80px;display: block;width: 80px;margin: auto;}
@media (max-width: 768px) {
    .badge-thermique {width: 60px;height: 60px;} 
    .badge-thermique .txt{font-size: 15px;line-height: 27px;}
    .badge-thermique .voletshop-bbc {font-size: 28px;}

}

/* ************************************************************************************************
/* Carrousel */
/* ************************************************************************************************ */

/* Cover */
.carrousel-vs .cover {cursor: pointer; position: relative;}
.carrousel-vs .cover img {width:100%; border-radius: 5px;opacity: 1; transition: all 0.2s;}
.carrousel-vs .cover:hover img {opacity: 0.6;}
.carrousel-vs .cover .zoom-in {position: absolute;font-size: 60px !important;color: #555; left: calc(50% - 30px);top: calc(50% - 30px);opacity: 0;transition: all 0.2s;}
.carrousel-vs .cover:hover .zoom-in {opacity: 1;}
.carrousel-vs .cover .video-container {overflow:hidden; padding-bottom:56.25%; position:relative; height:0;  border-top-left-radius: 0px;    border-top-right-radius: 0px;display:none;}
.carrousel-vs .cover .video-container .iframe-video {position:absolute; left:0; top:0; height:100%;width:100%;}

/* Mignatures */
.carrousel-vs .mignatures {padding: 10px 30px; margin-left: -3px;    margin-right: 3px; position: relative;}
.carrousel-vs .mignatures ul { overflow: hidden;white-space: nowrap;display: inline-flex;margin: 0;padding-bottom: 5px;width: 100%;}
.carrousel-vs .mignatures li {display:inline-block; min-width:33.33%; max-width: 90px;padding:3px; position: relative;vertical-align: top;cursor: pointer;}
.carrousel-vs .mignatures li div {border-radius: 5px;    border: 1px solid #ddd;transition: all 0.2s;}
.carrousel-vs .mignatures li img {width: 100%; border-radius: 3px;opacity: 1; transition: all 0.2s;}
.carrousel-vs .mignatures li:hover div { border: 1px solid #aaa;}
.carrousel-vs .mignatures li:hover img {opacity: 0.4;}
.carrousel-vs .mignatures li .zoom-in {position: absolute;font-size: 30px !important;color: #555; left: calc(50% - 15px);top: calc(50% - 15px);opacity: 0;transition: all 0.2s;}
.carrousel-vs .mignatures li:hover .zoom-in {opacity: 1;}
.carrousel-vs .mignatures .chevron { position: absolute; height: 100%;top: 0;font-size: 30px;width: 20px; color: #666; cursor: pointer; opacity: 0.6; transition: all 0.2s;}
.carrousel-vs .mignatures .chevron:hover {opacity: 1;}
.carrousel-vs .mignatures .chevron>div {height: 100%;vertical-align: middle;width: 1px;display: inline-block;}
.carrousel-vs .mignatures .chevron>i {display: inline-block;position: relative;vertical-align: middle;}
.carrousel-vs .mignatures .chevron.right {right: 0;}
.carrousel-vs .mignatures .chevron.left {left: 0; display: none;}
.carrousel-vs .mignatures li.video>div {height: 100%; overflow: hidden;    position: relative;}
.carrousel-vs .mignatures li.video>div>img {position: absolute;top: 0;left: -30px;height: 100%;width: 170%; opacity: 1;transition: all 0.2s; }
.carrousel-vs .mignatures li.video:hover>div>img {opacity: 0.4;}
.carrousel-vs .mignatures li.video>div>.titre {position: absolute;top: 0;font-size: 12px;line-height: 11px;border: 0;width: 100%;text-wrap: auto;color: #fff;text-shadow: 1px 1px 2px #000, -1px -1px 3px #000;padding: 5px;opacity:1; transition: all 0.2s;}
.carrousel-vs .mignatures li.video:hover>div>.titre {color: #333;opacity:1;text-shadow: unset;}
.carrousel-vs .mignatures li.video .play-video {position: absolute;font-size: 30px !important;color: #fff;text-shadow: 2px 2px 3px #333; left: calc(50% - 15px);top: calc(50% - 15px);opacity: 0.9;transition: all 0.2s;}
.carrousel-vs .mignatures li.video.avec-titre .play-video {top: calc(50% - 8px);}
.carrousel-vs .mignatures li.video:hover .play-video {color: #555;text-shadow: 2px 2px 5px #fff; }
.carrousel-vs .mignatures li.temoignage>div {height: 100%; overflow: hidden;    position: relative;}
.carrousel-vs .mignatures li.temoignage>div>img {position: absolute; opacity: 1;transition: all 0.2s; }
.carrousel-vs .mignatures li.temoignage:hover>div>img {opacity: 0.4;}
.carrousel-vs .mignatures li.temoignage>div>.titre {position: absolute;top: 0;font-size: 12px;line-height: 11px;border: 0;width: 100%;text-wrap: auto;color: #fff;text-shadow: 1px 1px 2px #000, -1px -1px 3px #000;padding: 5px;opacity:1; transition: all 0.2s;}
.carrousel-vs .mignatures li.temoignage:hover>div>.titre {color: #333;opacity:1;text-shadow: unset;}
.carrousel-vs .mignatures li.temoignage .fa-tools {position: absolute;font-size: 30px !important;color: #fff;text-shadow: 2px 2px 3px #333; left: calc(50% - 15px);top: calc(50% - 10px);opacity: 0.9;transition: all 0.2s;}
.carrousel-vs .mignatures li.temoignage:hover .fa-tools {color: #555;text-shadow: 2px 2px 5px #fff; }
.carrousel-vs.ScrollOff .mignatures {padding: 10px 0px;}
.carrousel-vs.ScrollOff .chevron {display:none;}

/* Modal */
.carrousel-vs .modal .modal-dialog {max-width: 800px;border-radius: 8px;}
.carrousel-vs .modal .modal-dialog .modal-header .close {font-size:18px;}
.carrousel-vs .modal .modal-dialog .modal-header .close i {vertical-align: -1px;}
.carrousel-vs .modal .modal-dialog .modal-content {border-radius: 8px;}
.carrousel-vs .modal .modal-dialog .modal-body {padding: 0px;}
.carrousel-vs .modal .cover img {opacity: 1;border-radius: 0;    border-top-left-radius: 0px;    border-top-right-radius: 0px;}
.carrousel-vs .modal .cover .zoom-in {display:none;}
.carrousel-vs .modal .mignatures {padding: 15px; border-top: 1px solid #ccc;margin:0;}
.carrousel-vs .modal .mignatures ul {white-space: unset;display: flex;    flex-wrap: wrap;}
.carrousel-vs .modal .mignatures ul li {min-width: 100px;min-height: 100px;}
.carrousel-vs .modal .mignatures .chevron {display: none !important;}
.carrousel-vs .modal .mignatures li.selected div {border: 1px solid #aaa;}
.carrousel-vs .modal .mignatures li.selected img {opacity: 1;}
.carrousel-vs .modal .mignatures li.selected .zoom-in  {display:none;}
.carrousel-vs .modal .mignatures li.temoignage-btn-carrousel>div>.titre {padding-top: 10px;}



@media (max-width: 543px) {
    .carrousel-vs .modal .modal-dialog .modal-body {max-height: calc(100vh - 200px);overflow: scroll;}
    .carrousel-vs .mignatures li {max-width: 70px;}
    .carrousel-vs .mignatures ul { overflow: auto;margin-bottom: 20px;} 
}