.desktop-display{display:none;}
@font-face {
  font-family: 'porto-icons';
  src: url('../../frontend/Smartwave/porto_test_child/fr_FR/icon-fonts/font/porto-icons.eot?79779384');
  src: url('../../frontend/Smartwave/porto_test_child/fr_FR/icon-fonts/font/porto-icons.eot?79779384#iefix') format('embedded-opentype'),
       url('../../frontend/Smartwave/porto_test_child/fr_FR/icon-fonts/font/porto-icons.woff2?79779384') format('woff2'),
       url('../../frontend/Smartwave/porto_test_child/fr_FR/icon-fonts/font/porto-icons.woff?79779384') format('woff'),
       url('../../frontend/Smartwave/porto_test_child/fr_FR/icon-fonts/font/porto-icons.ttf?79779384') format('truetype'),
       url('../../frontend/Smartwave/porto_test_child/fr_FR/icon-fonts/font/porto-icons.svg?79779384#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.lac-notification{z-index: 300!important;
  position: fixed!important;
  width: 100%!important;
}

/* ------------------------------------------------------------- HEADER ------------------------------------- */


.page-header{margin:40px 0px 0px 0px!important;position:relative; z-index:500!important;}

#sticky-bar-content.container{width:100%;}
.container-header.container{width:100%;}

#sticky-bar{background:#d9355c; padding-top:5px!important; position: fixed; top: 0;width: 100%;z-index:1000; color:white;padding-left:0px;}
#sticky-bar-content{color:white; text-align:center; font-family:'Raleway';padding-top:3px;}
#sticky-bar-content p{font-weight: bold; text-transform: uppercase;font-size: 0.9em; color:white!important}
#sticky-bar-content a{color:white!important;}

.btn-toogle-nav{float:right;}



/* ------------------------------------------------------------- NAV ------------------------------------- */


.nav-open .page-wrapper{left: 0%!important; overflow: visible;}
.nav-toggle{z-index:100!important;}
.nav-open .nav-toggle::after{height:0!important; width:0!important;}
.nav-open .nav-toggle::before{color:black!important;content: "x"!important;font-family:'arial'!important;}
.nav-toggle::before {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale; font-size: 21px!important;
 line-height:inherit;content: '\f827';font-family: 'porto-icons';vertical-align: middle;display: inline-block;font-weight: normal;overflow:hidden;speak:none;text-align: center;color:black!important;}
.nav-toggle > span {border:0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow:hidden;padding: 0;position: absolute;  width: 1px;}

.nav-sections{height:0!important;transition: height .35s!important;top:100px!important;}
.nav-open .nav-sections{height:100%!important;width:100%!important;background:transparent!important;z-index:4000!important;pointer-events: all !important;}
header.page-header .nav-sections-items{background:white!important;height:150%!important;z-index:5000!important; font-family:'Raleway'}
header.page-header .nav-sections-item-title{display:none!important;}
header.page-header .nav-sections-item-content{margin-top:0px!important;}


.page-header.type19 .navigation{margin:0 auto;width: 100% !important;
  max-width: none !important;}
.navigation a:hover{color:#d9355c!important;}
.page-header.type19 .navigation .level0 > .level-top {font-size: 14px !important;letter-spacing: 0.05em;font-weight:bold;font-family: 'Raleway' !important;text-transform: none !important;color: black!important;}
.title-nav{display:none!important;}

.page-header.header-newskin .navigation .level0:hover > .level-top{color:#d9355c!important;}

.navigation .parent .level-top::after{content:''!important;}
.ui-menu-item.parent > a.level-top {display: block; position:relative!important;top:0;cursor: pointer;background: url('https://smilepack.fr/files/skins/67bce016-bb43-41a7-a843-663bd4757ca7/images/images/bottom.png') no-repeat right center white!important;height:auto!important}
.navigation li.level0 > a.ui-state-active{display: block; background: url('https://smilepack.fr/files/skins/67bce016-bb43-41a7-a843-663bd4757ca7/images/images/top.png') no-repeat right center white!important;color:#d9355c!important;}


.navigation li.level0 > a.ui-state-active + .submenu {background-color: white!important;}
.page-header.type19 .top-links-area > .links{z-index:6000!important;}
.page-header.header-newskin .minicart-wrapper .block-minicart{z-index:5500!important;}

.nav-toggle{width:20px!important;margin-right: 0px; margin-left: 35px!important; line-height:50px!important}	

@media screen and (min-width: 768px){		
header.page-header .nav-sections-item-content{margin-top:-10px; width:100%!important;margin:0 auto!important; float:none!important;}
.sw-megamenu.navigation li.ui-menu-item > .open-children-toggle{width:100%!important;height:57px!important;}
.navigation .submenu:not(:first-child) ul{display: block;padding-left: 35px;}
.page-header.header-newskin .navigation .level0 .submenu{box-shadow:none!important;}
.page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1 > a{font-weight:400!important; margin-top:0px!important;}
.page-header.type19 .navigation li.level0{padding-top:15px!important; padding-bottom:15px!important;}	
.sw-megamenu.navigation li.level0.fullwidth > .submenu{padding:0px 0px!important;}
.page-header.header-newskin .navigation li.level0.fullwidth .submenu a{text-transform:lowercase!important;}
.ui-menu-item.parent > a.level-top {width:100%!important;}
.navigation li.level0 > a.ui-state-active{width:100%!important;}
.cart-mobile-header{padding-top:2%;}
.page-header .header.panel{width:auto!important;margin-left: -25px!important;}
.page-header.type19 .top-links-icon{padding:0px 0px!important;}
.container-header{padding-top:0!important;}
}



@media screen and (max-width: 768px){
.nav-open .page-wrapper{left: 0%!important; overflow: visible;width:100%}
.sw-megamenu.navigation li.ui-menu-item > .open-children-toggle{width:100%!important;}
.navigation .parent .level-top::after{top:15px!important;color:#d9355c!important;}
.navigation li.level0 > a.ui-state-active{background:white!important;}
.sw-megamenu.navigation li.level0.fullwidth > .submenu{border-top:none!important;}
.navigation .submenu:not(:first-child) ul > li a{padding-top:5px!important; padding-bottom:5px!important;}
.navigation .submenu:not(:first-child) ul{padding-bottom:10px!important;}
.ui-menu-item.parent > a.level-top {width:95%!important;}
.navigation li.level0 > a.ui-state-active{background: url('https://smilepack.fr/files/skins/67bce016-bb43-41a7-a843-663bd4757ca7/images/images/top.png') no-repeat right center white!important;color:#d9355c!important;width:95%!important;}
header.page-header .nav-sections-item-content{margin-top:25px!important;}
.nav-toggle{width:20px!important;margin-right: 0px; margin-left: 1%!important; line-height:50px!important}
.page-header.type19 .minicart-wrapper{padding-left:25px!important;margin:0px 0px!important}
.demande-devis{width:90%;margin-left:1%; font-size: 1.5rem;border-radius:5px; background:#d9355c;font-weight:bold;text-transform:uppercase;text-align:center;padding:1% 0 1% 0;margin-bottom:10px!important;}
.espace-revendeur{width:90%;margin-left:1%;font-size: 1.5rem;border-radius:5px; background:black;font-weight:bold;text-transform:uppercase;text-align:center;padding:1% 0 1% 0;}
.header-cart-connect img{width:45px!important;}
.header-cart-connect{padding-right:1%!important;}
.page-header.type19 .minicart-wrapper{padding-left:45px!important;}
.page-header .header.panel{width:auto!important;background:transparent!important; margin-left: -15px!important;}
.page-header.type19 .top-links-icon {padding:5px 5px 0 0!important;}
}




.nav-droite{width:97%; margin-bottom:20px; padding-top:4%; text-align:center;pointer-events: auto !important;}
.demande-devis{width:48%;margin-right:2%; font-size: 1.5rem;border-radius:5px; background:#d9355c;font-weight:bold;text-transform:uppercase;text-align:center;padding:1% 0 1% 0;}
.demande-devis a{ color:white!important; }
.demande-devis a:hover{ color:white!important;text-decoration:underline; }
.espace-revendeur{width:48%;margin-left:2%;font-size: 1.5rem;border-radius:5px; background:black;font-weight:bold;text-transform:uppercase;text-align:center;padding:1% 0 1% 0;}
.espace-revendeur a{ color:white!important; }
.espace-revendeur a:hover{ color:white!important;text-decoration:underline; }



/* ----------------------------------------  HEADER / LOGO / PANIER / CONNECT / SEARCH ------------------------------------- */

.header-cart-connect{text-align:right;}
.page-header.header-newskin .minicart-wrapper{float:none!important;}
.page-header.type19 .minicart-wrapper{padding:0px 0px!important;height:auto!important;}
.page-header.header-newskin .minicart-wrapper .action.showcart::after{content:''!important;}
.page-header.header-newskin .minicart-wrapper .action.showcart img{max-width:none!important; width:45px!important}

.logo-header{padding:10px 15px 11px 25px!important}
.logo-header img{width:120px!important; max-width:none!important}
.container-header{padding-top:1%!important;}
.page-header.type19 .minicart-wrapper{padding-left:25px!important;margin:0px 0px!important}



.page-header.type19 .top-links-icon img {width: 40px !important;
  max-width: none !important;}
	
.page-header.type19 .block-search{width:100%!important;max-width:100%!important; padding:10px 10px!important; background:#f6f7fa;height:65px!important;margin-left:0px!important; border-radius: 5px;}

.block-search .action.search{display:inline!important;padding:0px 0px;height:44px!important;  border-radius: 5px;border: none!important;width:100%!important}

.block-search .actions.col-sm-2, .block-search .actions.col-xs-3{padding-right:0px!important;}

.block-search .label{display:none!important;}
.block-search .label + .control input{position:static!important;}

.page-header.type19 .block-search input {height: 44px;border-radius: 5px;border: none!important;width:100%;padding-left:5px;padding-right:5px;margin:0px 0px!important}
.page-header.type19 .block-search .action.search img{width: 25px !important; margin: 0 auto; display: block;}


.block-search .control{padding:0px 0px;}
.custom-search-header{padding-left:0px!important;padding-right:0px!important;margin:0 auto;}


/* ------------------------------------- CUSTOMER MENU  ------------------------------------- */


.page-header.type19 .top-links-area .links .authorization-link{display: block;
padding: 10px 5px;
text-align: right;
color: black !important;
background: white;
text-decoration: none !important;
text-transform: uppercase;
line-height: 19px;}


.mprfq-miniquote-wrapper{display:none!important;}
.page-header.type19 .header.links .customer-menu{display:block!important;}
.page-header.type19 ul.header.links.show .customer-menu .header.links{display:block!important;}



.page-header.type19 .panel.header .header.links{color: #c4d0dc;
  border: none !important;
  padding: 5px 5px 15px 5px !important;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  background: white !important;
  margin-top: 5px;
font-family: 'Raleway';
width:315px}

.page-header.type19 .panel.header .header.links .customer-menu .header.links{color: #c4d0dc;

  border: none !important;
  padding: 0px 0px !important;
  width: 310px;
  box-shadow: none !important;
  }


.page-header.type19 .top-links-area .links > li > span{font-size:12px!important;}

.page-header.type19 .top-links-area .links > li > a{color:#333!important;}




.page-header.type19 .top-links-area > .links {
  display: none;
  position: absolute;
  right: 0;
  z-index: 9;
  background-color: #fff !important;
  border-radius: 3px;
  margin: 0;
  padding: 0px 0 15px 0;
  text-align: right;
  border: 1px solid #ccc;
  min-width: 200px;
}
@media screen and (max-width: 768px){
.page-header.type19 .top-links-area > .links {
  display: none;
  position: absolute;
  right: -35px;
  z-index: 9;
  background-color: #fff !important;
  border-radius: 3px;
  margin: 0;
  padding: 0px 0 15px 0;
  text-align: right;
  border: 1px solid #ccc;
  min-width: 200px;
}	
	
}

.page-header.type19 .top-links-area .links > li {
  display: block;
  margin: 0;
  text-align: right;
  text-transform: uppercase;
  line-height: 19px;
}


.page-header.type19 .top-links-area .links .welcome {
  display: block;
  padding: 0px 0px !important;
  text-align: right;
  color: black !important;
  background: white;
  text-decoration: none !important;
}

.page-header.type19 .top-links-area .links .welcome > span {
  display: block;
  padding: 10px 15px;
  text-align: right;
  color: black !important;
  background: white;
  text-decoration: none !important;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

.page-header.type19 .top-links-area .links > li > span {

  font-size: 11px;
}

.page-header.type19 .top-links-area .links > li {
  display: block;
  margin: 0;
  text-align: right;
  text-transform: uppercase;
  line-height: 19px;
}

.customer-menu .links > li {
  display: block;
  padding: 10px 5px;
  text-align: right;
  color: black !important;
  background: white;
  text-decoration: none !important;
}

.page-header.type19 .top-links-area .links > li > a{
 color: #777 !important;
white-space: nowrap;
padding: 0 10px;
display: block;
transition: all .2s;
font-weight: 400;
font-size: 11px;
}


.customer-menu .links > li {
  display: block;
  padding: 10px 5px;
  text-align: right;
  color: black !important;
  background: white;
  text-decoration: none !important;
}




/* --------------------------------------- FOOTER------------------------------------- */



#footer{background:black;padding-top:3%;}
#footer h4{color:white!important;font-weight:bold!important;text-decoration:underline!important;}
#footer li{margin-bottom:0!important;}
.footer-display-desktop{display:none;}

.accordion {
  background-color: black!important;
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 2rem;
  transition: 0.4s;
  text-transform:uppercase;
  border-top:1px solid #5f5f5f!important;
  border-bottom:none!important;
  border-left:none!important;
  border-right:none!important
}

#footer .panel li a{color:white!important;font-size:1.5rem;}

.active-acc, .accordion:hover {
  background-color: black!important;
}

.accordion:after {
  content: '\002B';
  color: #5f5f5f;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active-acc:after {
  content: "\2212";
}

#footer .panel {
  padding: 0 10px;
  background-color: black!important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  color:white;
  border:none!important; margin-bottom:0px!important;
  
}

.info-footer-mobile{color:white;font-size:1.5rem;padding-bottom:2%;}
.info-footer-mobile img{width:30%!important;}
.info-footer-mobile a{color:white!important;}

.bottom-footer{text-align:center;border-top:1px solid #5f5f5f;padding-top:5px; padding-bottom:5px;}
.bottom-footer p{margin-bottom:0px!important;color:#5f5f5f!important}
.avis-verifie-footer-mobile{margin-bottom:25px;}
.avis-verifie-footer-mobile img{width:220px!important;margin-top:15px!important;}

.info-footer-partenaire{text-align:center;margin-top:3%!important;}
.info-footer-partenaire img{width:100%!important;margin-bottom:1%!important}



.desktop-display{display:none;}
.desktop-display{display:none;}
.container-fluid, .container{font-family: 'Raleway' !important;}
.bg-blanc .container{width:95%;margin:0 auto;}
.bg-bleu .container{width:95%;margin:0 auto;}

.padding-bloc{padding-top:2%; padding-bottom:2%;}
.padding-bloc-top{padding-top:2%;}
.small-padding-bloc{padding-top:0.7rem; padding-bottom:0.7rem;}
.small-padding{padding-left:0.7rem; padding-right:0.7rem;}
.no-padding{padding-left:0!important; padding-right:0!important;}
.no-padding-mobile{padding-left:0!important; padding-right:0!important;}

.alignement{display:inline-block;}

.align-center{text-align:center;}
.vertical-align-middle{vertical-align:middle;}
.vertical-align-top{vertical-align:top;}

.no-padding-left{padding:0px 0px!important;}
.no-padding-right{padding:0px 0px!important;}

.margin-top-35{margin-top:20px;}
.margin-top-15{margin-top:15px;}

.bg-bleu{background:#f6f7fa;}
.bg-bleu-h1-home{background:#f6f7fa;padding-left:0px !important;padding-right:0px !important;}
.bg-bleu-h1-lp{background:#f6f7fa;}
@media (max-width: 768px){
.bg-bleu-h1-lp{margin-bottom:25px;}
}
.bg-blanc{background:#fff;}

.bg-bleu .row{margin-left:0px!important; margin-right:0px!important; margin-bottom:20px;}
.bg-blanc .row{margin-left:0px!important; margin-right:0px!important;}




@media (max-width: 768px){
.container-fluid.bg-bleu{padding-right:0px; padding-left:0px;}
.container-fluid.bg-blanc{margin-right: -15px; margin-left: -15px;}
}

.pink-font{color:#d9355c!important;}
.white-font{color:#fff!important;}
.grey-font{color:#333!important;}
a.grey-font{color:#333!important;}

.btn-pink-new{background:#d9355c!important; border-radius:5px;padding: 1.2rem 1.8rem 1.2rem 1.8rem!important;text-align:center!important;cursor:pointer;color:white!important; text-transform:uppercase;font-size:14px!important; font-weight:bold;font-family: 'Raleway' !important;}


.border-radius-5{border-radius:5px;}
.border-radius-10{border-radius:10px;}


.bloc-fluide-home-h1{background:#f6f7fa;position:relative; margin-bottom:35px;}
.bloc-fluide-home-h1-img{position:relative; top:0;}
.bloc-fluide-home-h1-title-button{width:100%; margin:0 auto; text-align:center;}
.bloc-fluide-home-h1-title-button h1{display:block; width:100%; margin:0 auto;font-size:36px; color:#333; padding-bottom:25px;padding-left:15px; padding-right:15px; }
.bloc-fluide-home-h1-title-button .btn-pink-new{background:#d9355c!important; border-radius:5px;padding: 1.2rem 1.8rem 1.2rem 1.8rem!important;text-align:center!important;cursor:pointer;color:white!important; text-transform:uppercase;font-size:14px!important; font-weight:bold;font-family: 'Raleway' !important;} 




.bloc-fluid-img-title-100{background:#f6f7fa;}
.bloc-fluid-img-title-100-h1{text-align:center; padding-bottom:15px; padding-top:15px; background:#fff; border-radius:10px;margin-bottom:25px;}
.bloc-fluid-img-title-100 img{display:none;}
.bloc-fluid-img-title-100-h1 h1{font-size:36px; color:#d9355c; }


.bloc-100-bg-blanc-title-text-img-50{background:#fff; border-radius:10px; padding:15px 15px;}
.bloc-100-bg-blanc-title-text-img-50 ul{margin-bottom:0px;}
.bloc-100-bg-blanc-title-text-img-50 li{width:100%!important;}
.bloc-100-bg-blanc-title-text-img-50 img{width:100%;}
.bloc-100-bg-blanc-title-text-img-50-left{padding:15px 20px;}
.bloc-100-bg-blanc-title-text-img-50-left h2{font-size:36px;}
.bloc-100-bg-blanc-title-text-img-50-left p{font-size:16px;padding-bottom:15px;}





.bloc-100-bg-blanc-img-title-text-50{background:#fff; border-radius:10px; padding:15px 15px;}
.bloc-100-bg-blanc-img-title-text-50 ul{margin-bottom:0px;}
.bloc-100-bg-blanc-img-title-text-50 li{width:100%!important;}
.bloc-100-bg-blanc-img-title-text-50 img{width:100%;}
.bloc-100-bg-blanc-img-title-text-50-right{padding:15px 20px;}
.bloc-100-bg-blanc-img-title-text-50-right h2{font-size:36px;}
.bloc-100-bg-blanc-img-title-text-50-right p{font-size:16px;padding-bottom:15px;}




.bloc-100-no-padding-bg-bleu-2-bloc-50-bg-blanc-title-out-img-text-bouton{background:#f6f7fa;}
.bloc-100-no-padding-bg-bleu-2-bloc-50-bg-blanc-title-out-img-text-bouton h2{font-size:30px;margin-bottom:30px}
.bloc-100-no-padding-bg-bleu-2-bloc-50-bg-blanc-title-out-img-text-bouton img{width:100%;}
.bloc-50-title-out-img-text-bg-blanc{background:#fff; border-radius:10px; padding:15px 15px 35px 15px}
.bloc-50-title-out-img-text-bg-blanc img{margin-bottom:15px;}
.bloc-50-title-out-img-text-bg-blanc p{font-size:16px;padding-bottom:15px;}


.bloc-100-padding-bg-bleu-title-txt{background:#f6f7fa; padding:0px 35px;}
.bloc-100-padding-bg-bleu-title-txt h2{font-size:36px;}
.bloc-100-padding-bg-bleu-title-txt p{font-size:24px;padding-bottom:15px;}




.bloc-100-no-padding-bg-bleu-4-8-bg-blanc{background:#f6f7fa;}
.bloc-100-no-padding-bg-bleu-4-8-bg-blanc img{width:100%;}
.bloc-100-no-padding-bg-bleu-4-8-bg-blanc-left{background:#fff; border-radius:10px; padding:15px 15px 35px 15px; min-height:600px;margin-bottom:15px;}
.bloc-100-no-padding-bg-bleu-4-8-bg-blanc-right{background:#fff; border-radius:10px; padding:15px 15px 35px 15px; min-height:600px;}
.bloc-100-no-padding-bg-bleu-4-8-bg-blanc-left h3{font-size:20px;text-transform:uppercase; color:#d9355c;font-weight:bold;text-decoration:underline;}
.bloc-100-no-padding-bg-bleu-4-8-bg-blanc-right h3{font-size:20px;text-transform:uppercase; color:#d9355c;font-weight:bold;text-decoration:underline;}
.bloc-100-no-padding-bg-bleu-4-8-bg-blanc-left p{font-size:16px;padding-bottom:15px;padding-top:15px;}
.bloc-100-no-padding-bg-bleu-4-8-bg-blanc-right p{font-size:16px;padding-bottom:15px;}



.bloc-100-no-padding-bg-bleu-8-4-bg-blanc{background:#f6f7fa;}
.bloc-100-no-padding-bg-bleu-8-4-bg-blanc img{width:100%;}
.bloc-100-no-padding-bg-bleu-8-4-bg-blanc-left{background:#fff; border-radius:10px; padding:15px 15px 35px 15px; min-height:600px;margin-bottom:15px;}
.bloc-100-no-padding-bg-bleu-8-4-bg-blanc-right{background:#fff; border-radius:10px; padding:15px 15px 35px 15px; min-height:600px;}
.bloc-100-no-padding-bg-bleu-8-4-bg-blanc-left h3{font-size:20px;text-transform:uppercase; color:#d9355c;font-weight:bold;text-decoration:underline;}
.bloc-100-no-padding-bg-bleu-8-4-bg-blanc-right h3{font-size:20px;text-transform:uppercase; color:#d9355c;font-weight:bold;text-decoration:underline;}
.bloc-100-no-padding-bg-bleu-8-4-bg-blanc-left p{font-size:16px;padding-bottom:15px}
.bloc-100-no-padding-bg-bleu-8-4-bg-blanc-right p{font-size:16px;padding-bottom:15px;padding-top:15px;}





.bloc-100-no-padding-bg-bleu-6-img{background:#f6f7fa;}



.bloc-100-no-padding-bg-bleu-2-bloc-50-bg-blanc-picto-title{background:#f6f7fa;}
.bloc-50-bg-blanc-title-text-picto{background:#fff; border-radius:10px; padding:15px 15px 15px 15px;margin-bottom:15px;}
.bloc-50-bg-blanc-title-text-picto p{font-size:16px;}
.bloc-50-bg-blanc-picto {width:18%;}
.bloc-50-bg-blanc-txt {width:80%;}




.bloc-100-bg-blanc-title{background:#fff; border-radius:10px; padding:15px 15px;}
.bloc-100-bg-blanc-title h2{font-size:36px;}



.bloc-100-no-padding-bg-bleu-2-bloc-50-bg-blanc-title-in-text-align-center{background:#f6f7fa;}
.bloc-50-bg-blanc-title-text{background:#fff; border-radius:10px; padding:15px 15px 15px 15px;margin-bottom:15px;}
.bloc-50-bg-blanc-title-text h3{font-size:16px;text-transform:uppercase; color:#d9355c;font-weight:bold;}
.bloc-50-bg-blanc-title-text p{font-size:16px;}
.bloc-50-bg-blanc-title-text span{font-size:14px;}




.bloc-100-no-padding-bg-bleu-33-bloc-bg-blanc-picto-text{background:#f6f7fa;}
.bloc-100-no-padding-bg-bleu-33-bloc-bg-blanc-picto-text .padding-mid{padding:0px 0px;}
.bloc-100-no-padding-bg-bleu-33-bloc-bg-blanc-picto-text .no-padding-left{padding:0px 0px;}
.bloc-100-no-padding-bg-bleu-33-bloc-bg-blanc-picto-text .no-padding-right{padding:0px 0px;}

.bloc-33-bg-blanc-title-text-picto{background:#fff; border-radius:10px; padding:5px 5px 5px 5px; width:95%;margin:0 auto 10px 10px;text-align:center;}
.bloc-33-bg-blanc-title-text-picto p{font-size:18px;text-transform:uppercase;padding-top:10px;}







.bloc-fluid-bg-blanc-title-txt-bouton-img{background:#fff;}
.bloc-100-bloc-50-right-txt{background:#fff; padding:15px 15px 35px 15px; width:95%;margin:0 auto;}
.bloc-100-bloc-50-righ-txt h2{font-size:30px;}
.bloc-100-bloc-50-right-txt p{font-size:16px;padding-bottom:15px;}




.bloc-fuid-bg-blanc-img-title-txt-bouton{background:#fff;}
.bloc-100-bloc-50-left-txt{background:#fff; padding:15px 15px 35px 15px;width:95%;margin:0 auto;}
.bloc-100-bloc-50-left-txt h2{font-size:30px;}
.bloc-100-bloc-50-left-txt p{font-size:16px;padding-bottom:15px;}



.bloc-100-no-padding-bg-bleu-4-bloc-img-title-txt-bouton{background:#f6f7fa;}
.bloc-25-img-title-txt-button{margin-bottom:20px;}
.bloc-25-img-title-txt-button img{border-radius:10px;}
.bloc-25-img-title-txt-button h3{font-size:20px;text-transform:uppercase; color:#d9355c;font-weight:bold;}
.bloc-25-img-title-txt-button p{font-size:16px;padding-bottom:15px;}


.bloc-100-no-padding-bg-bleu-2-bloc-bg-blanc-h3-img-txt-bouton{background:#f6f7fa;}
.bloc-50-bg-blanc{background:#fff; border-radius:10px; padding:15px 15px 25px 15px; margin-bottom:15px;}
.bloc-50-bg-blanc img{width:100%}
.bloc-50-bg-blanc .alignement{width:100%;vertical-align:top;}
.bloc-50-bg-blanc h2{font-size:24px;margin-bottom:15px;}
.bloc-50-bg-blanc p{font-size:16px;padding:15px 0px 15px 0px;}
.bloc-50-bg-blanc .btn-pink-new{}


.bloc-fluid-bg-blanc-h2-txt-3-bloc-img-h3-txt-bouton{background:#fff;padding-top:20px;}
.bloc-33-title-img-txt-button{margin-bottom:25px;}
.bloc-33-title-img-txt-button p{font-size:16px;padding-bottom:15px;}
.bloc-33-title-img-txt-button img{border-radius:10px;width:100%;}
.bloc-33-title-img-txt-button h3{font-size:20px;text-transform:uppercase; color:#d9355c;font-weight:bold;}



.bloc-100-no-padding-bg-bleu-20-bloc{background:#f6f7fa;text-align:center;}
.bloc-100-no-padding-bg-bleu-20-bloc .alignement{width:49%; vertical-align:top;padding:15px 5px 15px 5px;}
.bloc-20-bg-blanc-title-img-txt{background:#fff; border-radius:10px; padding:10px 10px 10px 10px;text-align:left;}
.bloc-20-bg-blanc-title-img-txt h3{font-size:16px;text-transform:uppercase; color:#d9355c;font-weight:bold;}
.bloc-20-bg-blanc-title-img-txt p{font-size:14px;padding-top:15px;}

@media (max-width: 550px){
.bloc-100-no-padding-bg-bleu-20-bloc .alignement{width:100%; vertical-align:top;padding:15px 5px 15px 5px;}	
}





.bloc-100-bg-blanc-h2-txt-bouton-img{background:#fff; border-radius:10px; padding:15px 15px 15px 15px; text-align:center;}
.bloc-60-bg-blanc-title-text-left{width:100%!important;padding-left:15px; padding-right:15px;text-align:left;}
.bloc-60-bg-blanc-title-text-left h2{font-size:36px;}
.bloc-60-bg-blanc-title-text-left p{font-size:16px;padding-bottom:15px;}
.bloc-40-bg-blanc-img-right{width:95%!important;text-align:right;margin:0 auto;padding-top:15px;}
.bloc-40-bg-blanc-img-right img{width:100%;}



.bloc-100-bg-blanc-img-h2-text-bouton{background:#fff; border-radius:10px; padding:15px 15px 15px 15px;text-align:center;}
.bloc-60-bg-blanc-title-text-right{width:100%!important;padding-left:15px; padding-right:15px;text-align:left;}
.bloc-60-bg-blanc-title-text-right h2{font-size:36px;}
.bloc-60-bg-blanc-title-text-right p{font-size:16px;padding-bottom:15px;}
.bloc-40-bg-blanc-img-left{width:95%!important;text-align:right;margin:0 auto;}
.bloc-40-bg-blanc-img-left img{width:100%;}




.bloc-fluid-bg-blanc-2-bloc-img-h3-text-bouton{background:#fff;}
.bloc-50-img-title-txt-button{margin-bottom:15px;}
.bloc-50-img-title-txt-button p{font-size:16px;padding-bottom:25px;width:90%;margin:0 auto;}
.bloc-50-img-title-txt-button img{border-radius:10px;}
.bloc-50-img-title-txt-button h3{font-size:24px;}
@media (max-width: 768px){
.bloc-50-img-title-txt-button{margin-bottom:15px;margin-left:-15px; margin-right:-15px;}	
}


.bloc-100-no-padding-bg-bleu-4-bloc-text-picto-process{background:#f6f7fa;}
.bloc-bg-blanc-25-process{background:#fff; padding:15px 5px 105px 15px!important;border-radius:10px;margin-bottom:25px;}
.bloc-bg-blanc-25-process .etape{position:absolute; top:-15px; left:0px; border-radius:45px; width:35px; height:35px; background:#d9355c;text-align:center}
.bloc-bg-blanc-25-process .etape p{color:white; font-weight:bold; font-size:25px;}
.bloc-bg-blanc-25-process h3{font-size:20px;color:#d9355c;text-transform:uppercase;font-weight:bold; text-decoration:underline;}
.process-etape-1{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-choisir-produit.jpg') no-repeat bottom right #fff}
.process-etape-2{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-configurer-votre-produit.jpg') no-repeat bottom right #fff}
.process-etape-3{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-soumettre-design-attached-file.jpg') no-repeat bottom right #fff}
.process-etape-4{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-finaliser-la-commandet.jpg') no-repeat bottom right #fff}

@media (min-width: 768px){
.bloc-bg-blanc-25-process{height:280px;}
.process-etape-1{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-choisir-produit.jpg') no-repeat bottom right #fff;width:95%; margin:0 auto 15px auto;}
.process-etape-2{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-configurer-votre-produit.jpg') no-repeat bottom right #fff;width:95%; margin:0 auto 15px auto;}
.process-etape-3{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-soumettre-design-attached-file.jpg') no-repeat bottom right #fff;width:95%; margin:0 auto 15px auto;}
.process-etape-4{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-finaliser-la-commandet.jpg')	 no-repeat bottom right #fff;width:95%; margin:0 auto 15px auto;}
}

.bloc-100-no-padding-bg-bleu-4-bloc-text-picto-process .cta {clear:both; width:100%; margin:0 auto; display:block; padding-top:35px;}
.bloc-100-no-padding-bg-bleu-4-bloc-text-picto-process .cta .btn-pink-new{background:#d9355c!important; border-radius:5px;padding: 1.2rem 1.8rem 1.2rem 1.8rem!important;text-align:center!important;cursor:pointer;color:white!important; text-transform:uppercase;font-size:14px!important; font-weight:bold;font-family: 'Raleway' !important;display:block!important;margin-top:5px;} 



.bloc-100-no-padding-bg-bleu-3-bloc-text-picto{background:#f6f7fa;}
.bloc-100-no-padding-bg-bleu-3-bloc-text-picto .padding-mid{}
.bloc-33-bg-blanc{background:#fff; padding:15px 15px 15px 15px!important;border-radius:10px;margin-bottom:15px;}
.bloc-33-bg-blanc-title-txt-button p{font-size:16px;padding-bottom:15px;}
.bloc-33-bg-blanc-title-txt-button h3{font-size:20px;color:#d9355c;text-transform:uppercase;font-weight:bold; text-decoration:underline;}
.bloc-33-bg-blanc-img-picto{text-align:right;}



.bloc-100-no-padding-bg-bleu-3-bloc-img-text{background:#f6f7fa;}
.bloc-100-no-padding-bg-bleu-3-bloc-img-text img{width:100%;}
.bloc-33-bg-blanc-title-img-text{background:#fff; padding:15px 15px 35px 15px!important;border-radius:10px;margin-bottom:15px;}
.bloc-33-bg-blanc-title-img-text p{font-size:16px;padding-bottom:15px;padding-top:15px;}
.bloc-33-bg-blanc-title-img-text h3{font-size:20px;color:#d9355c;text-transform:uppercase;font-weight:bold; text-decoration:underline;}




.bloc-100-no-padding-bg-bleu-5-bloc-picto-text{background:#fff;text-align:center;border-radius:10px;padding-bottom:35px;}
.bloc-100-no-padding-bg-bleu-5-bloc-picto-text .alignement{width:30%; vertical-align:top;padding:15px 5px -15px 5px;}
.bloc-20-bg-blanc-picto-text{text-align:center;}
.bloc-100-no-padding-bg-bleu-5-bloc-picto-text p{font-size:14px;padding-left:5px; padding-right:5px;}
.bloc-20-bg-blanc-picto-text img{width:45%!important;}

@media (max-width: 550px){
.bloc-100-no-padding-bg-bleu-5-bloc-picto-text .alignement{width:49%; vertical-align:top;padding:15px 5px 15px 5px;}	
}



.bloc-100-no-padding-bg-bleu-3-bloc-img-h3-txt-button{background:#f6f7fa;}
.bloc-100-no-padding-bg-bleu-3-bloc-img-h3-txt-button .no-padding{padding:5px 5px!important;}
.bloc-33-img-title-txt-button{margin-bottom:25px;}
.bloc-33-img-title-txt-button img{border-radius:10px;}
.bloc-33-img-title-txt-button h3{font-size:20px;text-transform:uppercase; color:#d9355c;font-weight:bold;}
.bloc-33-img-title-txt-button p{font-size:16px;padding-bottom:15px;}




.bloc-100-no-padding-bg-bleu-3-bloc-title-txt-bg-img{background:#f6f7fa;}
.bloc-100-no-padding-bg-bleu-3-bloc-title-txt-bg-img .padding-mid{padding:0px 0px;}
.bg-color-bloc-1{background:#f3f3f1}
.bg-color-bloc-2{background:#f5f2ee}
.bg-color-bloc-3{background:#f0f1f1}
.bloc-33-title-text-bg-img-padding{border-radius:10px;margin-bottom:15px;}
.bloc-33-title-text-bg-img-padding img{border-radius:10px;width:100%;}
.bloc-33-title-text-padding{padding:15px 15px 0px 15px;}
.bloc-33-title-text-padding p{font-size:16px;padding-bottom:15px;padding-top:15px;}
.bloc-33-title-text-padding h3{font-size:20px;color:#d9355c;text-transform:uppercase;font-weight:bold; text-decoration:underline;}






.bloc-100-no-padding-bg-blanc-carrousel-4-bloc{background:#fff;padding-top:35px;}
.carousel-4-bloc{padding-top:15px; padding-bottom:15px;}
.bloc-item-carousel{padding:15px 15px;}
.bloc-item-carousel img{border-radius:10px;width:100%}
.bloc-item-carousel .caption{background:#d9355c; padding:10px 10px 10px 10px !important;margin-top:10px; border-radius:10px;}
.bloc-item-carousel a{color:#fff!important; font-weight:bold;font-size:16px;text-decoration:underline}
.bloc-item-carousel p{color:#fff;font-size:16px;}
.bloc-item-carousel h3{color:#fff;font-size:20px;font-weight:bold; text-transform:uppercase;}





.bloc-fluid-bg-blanc-title-txt-bouton-img-big{background:#fff;width:95%; border-radius:10px;margin:15px auto;}
.fluid-bloc-50-bg-blanc-img-left{width:95%!important;text-align:center;display:block; margin:0 auto;padding-top:20px;}
.fluid-bloc-50-bg-blanc-img-left img{width:100%;border-radius:10px;}
.fluid-bloc-50-bg-blanc-title-txt-button-right{width:95%!important;text-align:left;display:block; margin:0 auto;padding-bottom:25px;}
.fluid-bloc-50-bg-blanc-title-txt-button-right h2{font-size:36px;}
.fluid-bloc-50-bg-blanc-title-txt-button-right p{font-size:16px;padding-bottom:15px;}



.bloc-fuid-bg-blanc-img-title-txt-bouton-big{background:#fff;width:95%; border-radius:10px;margin:15px auto;}
.fluid-bloc-50-bg-blanc-title-txt-button-left{width:95%!important;text-align:left;display:block; margin:0 auto;padding-top:20px;padding-left:15px;}
.fluid-bloc-50-bg-blanc-title-txt-button-left h2{font-size:36px;}
.fluid-bloc-50-bg-blanc-title-txt-button-left p{font-size:16px;padding-bottom:15px;}
.fluid-bloc-50-bg-blanc-img-right{width:95%!important;text-align:center;display:block; margin:0 auto;padding-bottom:25px;padding-top:25px;}
.fluid-bloc-50-bg-blanc-img-right img{width:100%;border-radius:10px;}



.bloc-bg-bleu-2-bloc-h3-img-text-bouton{background:#f6f7fa;}
.bloc-bg-blanc-50-title-img-txt-button{background:#fff; border-radius:10px; padding:15px 15px 35px 15px; margin-bottom:35px;}
.bloc-bg-blanc-50-title-img-txt-button p{font-size:16px;padding-bottom:15px;}
.bloc-bg-blanc-50-title-img-txt-button img{border-radius:10px;width:100%; margin-bottom:10px;}
.bloc-bg-blanc-50-title-img-txt-button h3{font-size:24px;}

.bloc-100-no-padding-bg-bleu-7-bloc-title-txt-img-picto{background:#f6f7fa;padding-bottom:25px !important;}
.bloc-25-title-txt-picto{background:#ccdccf; border-radius:10px; padding:15px 15px 35px 15px; margin-bottom:35px;position:relative; height:280px;}
.bloc-25-title-txt-picto h3{font-size:20px;text-transform:uppercase; color:#d9355c;font-weight:bold;}
.bloc-25-title-txt-picto p{font-size:16px;padding-bottom:15px;}
.bloc-25-title-txt-picto img{border-radius:10px;border-radius:10px;width:70px;}
.bloc-33-title-txt-picto{background:#ccdccf; border-radius:10px; padding:15px 15px 35px 15px; margin-bottom:35px;position:relative; height:280px;}
.bloc-33-title-txt-picto h3{font-size:20px;text-transform:uppercase; color:#d9355c;font-weight:bold;}
.bloc-33-title-txt-picto p{font-size:16px;padding-bottom:15px;}
.bloc-33-title-txt-picto img{border-radius:10px;width:70px;}
.bloc-25-img{text-align:right;position:absolute; bottom:5px; right:5px;}
.bloc-33-img{text-align:right;position:absolute; bottom:5px; right:5px;}





.bloc-100-bg-blanc-text{background:#fff; border-radius:10px; padding:25px 15px;}
.bloc-100-bg-blanc-text p{width:80%; margin:0 auto;padding-bottom:25px; font-size:16px; }





.bloc-100-no-padding-bg-bleu-4-bloc-img-text{background:#f6f7fa;}
.bloc-100-no-padding-bg-bleu-4-bloc-img-text img{width:100%;}
.bloc-25-bg-blanc-title-img-text{background:#fff; padding:15px 15px 35px 15px!important;border-radius:10px;margin-bottom:15px;}
.bloc-25-bg-blanc-title-img-text p{font-size:16px;padding-bottom:15px;padding-top:15px;}
.bloc-25-bg-blanc-title-img-text h3{font-size:20px;color:#d9355c;text-transform:uppercase;font-weight:bold; text-decoration:underline;}
@media (min-width: 768px){
.bloc-100-no-padding-bg-bleu-4-bloc-img-text .col-sm-6.no-padding-mobile{padding:0px 5px 0px 5px!important;}
}



/* faq */

.info-content-faq{background:#f6f7fa; padding-bottom:25px!important; padding-left:0px!important; padding-right:0px!important;}
.bloc-faq-content-page-faq{background:#fff;border-radius:10px;}
.bloc-faq-content-page-faq li{font-size:16px!important;}
.bloc-faq-content-page-faq .btn-faq{margin: 0 auto; display: block;width: 250px;}
.info-content-faq.tabs{margin-bottom:5px!important;}



/* CUSTOM block 1 */

.custom-block-col-gauche ul, .custom-block-col-droite ul{padding-left:0px!important;}
.img-custom-block-col-gauche{width:20%!important;vertical-align:top;}
.img-custom-block-col-gauche img{width:80%!important;}
.text-custom-block-col-gauche{width:75%!important;vertical-align:top;}


/* custom-bloc-2 */

.bloc-100-no-padding-bg-bleu-2-bloc-50-bg-blanc-title-out-img-text-bouton-custom-block{background:#f6f7fa; padding-left:0px; padding-right:0px;}
.bloc-100-no-padding-bg-bleu-2-bloc-50-bg-blanc-title-out-img-text-bouton-custom-block h2{font-size:30px;margin-bottom:30px}
.bloc-100-no-padding-bg-bleu-2-bloc-50-bg-blanc-title-out-img-text-bouton-custom-block img{width:100%;}
.bloc-50-title-out-img-text-bg-blanc-custom-block {background:#fff; border-radius:10px; padding:15px 15px 35px 15px}
.bloc-50-title-out-img-text-bg-blanc-custom-block img{margin-bottom:15px;}
.bloc-50-title-out-img-text-bg-blanc-custom-block p{font-size:16px;padding-bottom:15px;}

/* custom-bloc-3 */


.bloc-fluid-bg-bleu-2-bloc-img-h3-text-bouton-custom-block{background:#f6f7fa;}
.bloc-bg-blanc-50-img-title-txt-button-custom-block{margin-bottom:15px;background:#fff; border-radius:10px; padding:15px 15px 25px 15px;}
.bloc-bg-blanc-50-img-title-txt-button-custom-block p{font-size:16px;padding-bottom:25px;width:90%;margin:0 auto;}
.bloc-bg-blanc-50-img-title-txt-button-custom-block img{border-radius:10px;width:100%;}
.bloc-bg-blanc-50-img-title-txt-button-custom-block h3{font-size:24px;}

@media (min-width: 768px){
.bloc-fluid-bg-bleu-2-bloc-img-h3-text-bouton-custom-block .col-sm-6.no-padding-mobile{padding-left:5px!important; padding-right:5px!important;}

}


/* CUSTOM PAGE */


#home-accueil .bloc-100-no-padding-bg-bleu-5-bloc-picto-text{background:#ccdccf;margin-bottom:35px;text-align:center;border-radius:10px;}


#emballage-personnalisable .process-etape-1{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-choisir-produit.jpg') no-repeat bottom right #fff}
#emballage-personnalisable .process-etape-2{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-configurer-votre-produit.jpg') no-repeat bottom right #fff}
#emballage-personnalisable .process-etape-3{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-telecharger-gabarit.jpg') no-repeat bottom right #fff}
#emballage-personnalisable .process-etape-4{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-apposer-design.jpg') no-repeat bottom right #fff}



#demande-devis-lp .process-etape-1{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-devis-creation-compte.jpg') no-repeat bottom right #fff}
#demande-devis-lp .process-etape-2{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-devis-48h.jpg') no-repeat bottom right #fff}
#demande-devis-lp .process-etape-3{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-devis-echange-expert.jpg') no-repeat bottom right #fff}
#demande-devis-lp .process-etape-4{background:url('https://smilepack.fr/static/version1680096327/frontend/Smartwave/porto_test/fr_FR/images/new/100x100-picto-devis-production.jpg') no-repeat bottom right #fff}

@media (min-width: 768px){
#paiement .bloc-25-bg-blanc-title-img-text{height:700px;}
#paiement .bloc-25-bg-blanc-title-img-text h3{font-size:20px;color:#d9355c;text-transform:uppercase;font-weight:bold;height:70px;}
}

#contactez-nous .bloc-100-bg-blanc-img-h2-text-bouton .img_picto_rs{width:50px;}


/* CUSTOM BLOC STATIC */

#big-bloc-static .carousel-plv .bloc-item-carousel .caption{height:100px;}
#big-bloc-static .carousel-plv .bloc-item-carousel .caption p{text-transform:uppercase; font-weight:bold;}




.modal-custom .action-close{display: none !important;}

/* etape check out */

.content-page-checkout, .checkout-container {font-family: 'Raleway' !important!important;}
.content-page-checkout h1, .checkout-container h1{text-transform:uppercase;font-size:2em; color:black;}

.sous-menu-chekout{border-radius: 10px;
background: white;

width:100%!important;
padding: 15px 10px 10px 15px !important;
margin-top:15px!important;
box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
-webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
-moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);}

.sous-menu-chekout ul{margin-bottom:0px!important;}


.etape-sous-menu-chekout{font-size:16px; color:#333; font-weight:bold;margin-right:15px;}
.etape-sous-menu-chekout a{font-size:16px; color:#333; font-weight:bold;}
.etape-sous-menu-chekout a:hover{font-size:16px; color:#333; font-weight:bold;text-decoration:none!important}
.etape-sous-menu-chekout a:focus{font-size:16px; color:#333; font-weight:bold;text-decoration:none!important}
.etape-sous-menu-chekout a:visited{font-size:16px; color:#333; font-weight:bold;text-decoration:none!important}
.step{background:#333; color:white; width: 24px; height:24px; border-radius: 50%;display:block; float:left; padding: 2px 1px!important;text-align:center;margin-right:5px;}



.etape-sous-menu-chekout-active{font-size:16px; color:#d9355c; font-weight:bold;margin-right:15px;}
.etape-sous-menu-chekout-active a{font-size:16px; color:#d9355c; font-weight:bold;} 
.etape-sous-menu-chekout-active a:hover{font-size:16px; color:#d9355c; font-weight:bold;text-decoration:none!important} 
.etape-sous-menu-chekout-active a:focus{font-size:16px; color:#d9355c; font-weight:bold;text-decoration:none!important} 
.step-active{background:#d9355c; color:white; width: 24px; height:24px; border-radius: 50%;display:block; float:left; padding: 2px 1px!important;text-align:center;margin-right:5px;}





.bloc-produit-border{background: white !important;
border: none !important;
padding: 3% 0%;
padding-right: 0%;
padding-left: 0%;
border-radius: 10px;
box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
-webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
-moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);

}


.bloc-produit-border .bloc-panier-produit .cart.table-wrapper{border-top: none!important;}
.table-wrapper

.active-accordeon-panier, .accordeon-panier{border-radius: 10px;
background: #f6f7fa;
margin: 0 auto !important;
width: 95%;}
.active-accordeon-panier, .accordeon-panier:hover {background-color: #f6f7fa;}
.accordeon-panier:after {content: 'voir \002B'; color: #d9355c; font-weight: bold;float: right; margin-left: 5px;cursor:pointer; position:absolute; bottom:40px;}
.active-accordeon-panier:after {content: "voir \2212";cursor:pointer;position:relative}
.panel-panier {padding: 0px 25px;background-color: #f6f7fa!important;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out; color:black; margin-bottom:0px!important;margin: 0 auto !important;width: 95%;border-radius:10px; margin-top:10px!important}

.panel-panier h3{text-transform:uppercase; margin-bottom:10px!important;font-size:1.3rem;margin-top:25px!important;color:black;font-weight:bold; width:100%; border-bottom:1px solid black;padding-bottom:10px;}
.panel-panier p{padding-bottom:20px;}


.big-summury-border-checkout{background: white !important;
border: none !important;
padding: 3% 0%;
border-radius: 10px;
box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
-webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
-moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
margin-top:15px!important}


.checkout-container .summary-wrapper{background: white !important;
  border: none !important;
  padding: 3% 0%;
    padding-right: 0%;
    padding-left: 0%;
  padding-right: 0%;
  padding-left: 0%;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  margin-top:15px!important;
}
.checkout-container .modal-content{border-radius:0px!important;box-shadow:none!important;}







/* ------- PAGE PANIER ----*/



.bloc-panier-livraison{display: block;
  border: none !important;
  padding: 3% 15px !important;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  background: white !important;width:96%;}

 
.shipping-selector .form-group, .billing-selector .form-group{margin-right:0px; margin-left:0px;}
.shipping-selector .form-group label, .billing-selector .form-group label{text-align:left!important; padding-left:0px!important; padding-top:0px!important;}
  
  
.content-page-checkout-livraison-paiement .btn-bg-pink-panier{display: block;
  background: #d9355c;
  border-radius: 5px;
  color: white;
  
  text-transform: uppercase;
  border: none !important;
  font-weight: bold;
  font-family: 'Raleway' !important !important;
}

.content-page-checkout-livraison-paiement .form-group{margin-right:0px!important; margin-left:0px!important;}



 
 
.bloc-panier-livraison #ms-form legend{border:none; text-transform:uppercase;font-size:1em; font-weight:bold;color:#d9355c}
.bloc-panier-livraison #form-creation-mon-compte-envoyer.btn-bg-pink-customer{display: block;
  background: #d9355c;
  border-radius: 5px;
  color: white;
  
  text-transform: uppercase;
  border: none !important;
  font-weight: bold;
font-family: 'Raleway' !important !important;}
  
.bloc-panier-livraison h2{text-transform:uppercase;margin-bottom:10px!important;font-size:1.5rem;margin-top:0px!important;color:#d9355c;font-weight:bold;}
.bloc-panier-livraison h3{text-transform:none;margin-bottom:5px!important;font-size:1.5rem;margin-top:0px!important;font-weight:bold; }
.bloc-panier-livraison .form-horizontal{width:100%!important;}
.bloc-panier-livraison .form-control{margin-left:-15px!important;}
.pop-up-ajout-adresse-livraison{display: none;position: fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto; background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);z-index:12}

.modal-pop-up-ajout-adresse-livraison{position: relative;background-color:white;border:7px solid #d9355c!important;border-radius:0px!important;margin: auto;width: 80%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;animation-name: animatetop;animation-duration:0.4s;padding-top:3%;padding-bottom:2%;color:black;   text-align:left;z-index:12}

@-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}

@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}

.close-pop-up-ajout-adresse-livraison{color:black;float:none!important;font-size:28px;font-weight:bold;position:absolute;right:1%;top:1%;}
.close-pop-up-ajout-adresse-livraison:hover,
.close-pop-up-ajout-adresse-livraison:focus {color: #000;text-decoration:none;cursor: pointer;}

.modal-pop-up-ajout-adresse-livraison .form-horizontal{width:90%!important; margin:0 auto;}
.modal-pop-up-ajout-adresse-livraison .control-label{text-align:left!important;padding-top:0px!important}
.modal-pop-up-ajout-adresse-livraison legend{text-transform:uppercase; color:black;font-size:1.5rem;font-weight:bold;padding: 5px 5px; width: 100%; margin: 25px auto; border-bottom:1px solid black!important;}



.btn-bg-black-panier{display:block;background:black !important; padding: 1rem 1.8rem 1rem 1.8rem; margin-top:2%; margin-bottom:2%; width:100%;margin:0 auto; border:none !important;text-transform:uppercase;text-align:center!important;}
.btn-bg-pink-panier, button.btn-bg-pink-panier, button.action.btn-bg-pink-panier,button.action.btn-bg-pink-panier.primary:focus, button.action.btn-bg-pink-panier.primary:active{display:block;background:#d9355c; margin-top:2%; margin-bottom:2%; text-transform:uppercase;text-align:center!important;}
.btn-bg-white-panier{display:block;background:white;padding: 1rem 1.8rem 1rem 1.8rem; margin-top:2%; margin-bottom:2%; text-transform:uppercase;text-align:center!important;}


.produit-panier{margin-top:2%;}

.info-produit-display{padding:15px 15px 0px 15px!important;}
.info-produit-display h2{text-transform:uppercase;margin-bottom:5px!important;font-size:1.5rem;margin-top:0px!important;color:#d9355c;font-weight:bold;}
.info-produit-display a {color:black!important; font-size:1.2rem;}
.info-produit-display p {margin-top:5px!important;}








.info-prix-commande-panier{padding:15px 15px!important; background:#f6f7fa;margin-bottom:5%;border-radius: 10px;width: 95%;
margin: 0 auto !important;float: none;
margin-bottom: 15px !important;}
.info-prix-commande-panier h4{color:black; width:100%;text-transform:uppercase; font-size:1.8rem;font-weight:bold; padding-bottom:10px; margin-bottom:15px!important; } 
.info-prix-commande-panier p{text-align:left;font-size: 1.3em !important;}


.info-prix-commande-panier .btn-bg-black-panier{pointer-events: all;
cursor: pointer;
text-align: center;
display: block;
background: #87c29d !important;
border-radius: 5px;
color: white !important;
padding: 15px 15px;
text-transform: uppercase;
border: none !important;
font-weight: bold;
height:44px!important}

.info-prix-commande-panier .continue.btn-bg-white-panier{text-align: center;
display: block;
background: #d4d8e6;
border-radius: 5px;
color: #333 !important;
padding: 15px 15px;
text-transform: uppercase;
 border: none !important;
font-weight: bold;}


.produit-prix{padding:15px 15px; background:#d9355c;margin-bottom:5%;}
.add-panier{width:100%; padding:15px 15px; color:white;text-align:center!important; background:#d9355c;margin-bottom:5%;border:none!important; border-radius:0px!important;}
.send-file{width:100%; padding:15px 15px; color:white;text-align:center!important; background:#d9355c;margin-bottom:5%;border:none!important; border-radius:0px!important;}
.button-produit-gris{width:100%; padding:15px 15px; color:black!important;text-align:center!important; background:#f2f2f2;margin-bottom:5%;border:none!important}
.button-download {width:100%; padding:15px 15px; color:black!important;text-align:center!important; border:1px solid black!important;margin-bottom:5%;background:white;}






.info-code-promo-panier{padding:15px 15px; background:#f6f7fa;margin-bottom:5%;border-radius: 10px;width: 95%;
margin: 0 auto !important;float: none;
margin-bottom: 15px !important;}
.info-code-promo-panier h4{color:black; width:100%; text-transform:uppercase; font-size:1.8rem;font-weight:bold; }
.info-code-promo-panier h5#coupon-message {color:black!important;}
.info-code-promo-panier h5.text-white {color:black!important;} 
.info-code-promo-panier .form-group{margin-right:0px!important; margin-left:0px!important; margin-bottom:0px!important; margin-top:-10px!important}
.info-code-promo-panier .btn-bg-black-panier{text-align: center;
display: block;
background: #d9355c !important;
border-radius: 5px;
color: white !important;
padding: 15px 15px;
text-transform: uppercase;
border: none !important;
font-weight: bold;font-family: 'Raleway' !important!important;}















.info-produit-panier-img{display:inline-block; width:25%;vertical-align:top;padding-right:15px; padding-bottom:15px;}
.info-produit-panier-text{display:inline-block; width:70%;vertical-align:top}


/*page chekout*/


.bloc-checkout-livraison{display:none!important;}


.bloc-checkout-livraison h2{text-transform:uppercase;margin-bottom:10px!important;font-size:1.5rem;margin-top:0px!important;color:#d9355c;font-weight:bold;}
.bloc-checkout-livraison h3{text-transform:none;margin-bottom:5px!important;font-size:1.5rem;margin-top:0px!important;font-weight:bold; }

.bloc-checkout-facturation{background:#f2f2f2;width:96%!important;margin-top:2%;}
.bloc-checkout-facturation h2{text-transform:uppercase;margin-bottom:10px!important;font-size:1.5rem;margin-top:0px!important;color:#d9355c;font-weight:bold;}
.bloc-checkout-facturation h3{text-transform:none;margin-bottom:5px!important;font-size:1.5rem;margin-top:0px!important;font-weight:bold; }

.bloc-mode-paiement-livraison.ms-payment-methods{width:100%!important;margin-bottom:2%;background: white !important;
border: none !important;
padding: 3% 0%;
padding-right: 0%;
padding-left: 0%;
padding-right: 0%;
padding-left: 0%;
border-radius: 10px;
box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
-webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
-moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
margin-bottom:20px!important;}

.bloc-mode-paiement-livraison.paymentpage{display:none!important;}

.payment-method .radio.radio-checkout.col-lg-4 {}


.bloc-mode-paiement-livraison h2{text-transform:uppercase;margin-bottom:10px!important;font-size:1.5rem;margin-top:0px!important;color:#d9355c;font-weight:bold;}
.bloc-mode-paiement-livraison h3{text-transform:none;margin-bottom:5px!important;font-size:1.5rem;margin-top:0px!important;font-weight:bold; }

.bloc-mode-paiement-livraison .form-horizontal{width:100%!important;}
.radio-checkout{margin-bottom:15px!important;}
.mode-paiement-chekout {width:100%!important;display:block}

.bloc-checkout-recap-panier{display:none!important;width:100%!important;margin-bottom:2%; margin-top:2%;background: white !important;
border: none !important;
padding: 3% 0%;
padding-right: 0%;
padding-left: 15px!important;
padding-right: 0%;
padding-left: 0%;
border-radius: 10px;
box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
-webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
-moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);}


.bloc-checkout-recap-panier h2{text-transform:uppercase;margin-bottom:10px!important;font-size:1.5rem;margin-top:0px!important;color:#d9355c;font-weight:bold;}
.bloc-checkout-recap-panier h3{text-transform:none;margin-bottom:5px!important;font-size:1.5rem;margin-top:0px!important;font-weight:bold; }



/*page livraison chekout*/
.bloc-panier-livraison{margin-bottom:15px;z-index:4!important;}
.dropbtn-add-adresse-livraison-checkout{margin-top:15px;}
.dropdown-content-add-adresse-livraison-checkout{display:none;}
.close-add-adresse{position: absolute;right: 20px;display: block;font-weight: bold;font-size: 18px;background: #d9355c;width: 25px;height: 25px;text-align: center;cursor: pointer;color: white;}


#opc-shipping_method{
	display:none !important;
}
.opc-sidebar-custom .modal-header{padding:0px !important;}
.payment-method-content{display:none;}
.cart.table-wrapper .action-towishlist{ margin-right:0px !important;}












/* sous menu client */

.btn-sous-menu-compte-client{display:none!important;}
.btn-sous-menu-compte-client a{color:black!important;font-weight:bold;font-size:13px;}
.btn-sous-menu-compte-client-active{display:none!important;}
.btn-sous-menu-compte-client-active a{color:white!important;font-weight:bold;font-size:13px;}


.content-page-customer{font-family: 'Raleway' !important padding-bottom:100px; width:100%; margin:0 auto}
.account .page.messages{margin-bottom:0px!important;}

.content-customer-border{background: white !important; border: none !important; padding: 3% 0%; border-radius: 10px; box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4); -webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4); -moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);}

.content-page-customer h1{text-transform:uppercase; font-size:1.8rem; font-weight:bold;background:#d9355c; width:100%; padding:15px 15px;margin-top:0!important;margin-bottom:1%!important; color:white;}






.content-customer-border h2{text-transform:uppercase; font-size:1.8rem; margin-bottom:10px!important; margin-top:0px!important; color:#333;font-weight:bold; cursor:pointer;}
.content-customer-border legend{text-transform:uppercase; font-size:1.8rem; margin-bottom:10px!important; margin-top:0px!important; color:#333;font-weight:bold; border-bottom:none;}
.content-customer-border .btn-bg-black-customer{width: 100%; text-align: center; display: block; background: #d4d8e6; border-radius: 5px;
color: #333!important; padding: 15px 0px; text-transform: uppercase; padding-left:10px; padding-right:10px;margin-bottom:10px;}


/* ------- PAGE COMPTE APERCU ----*/

.content-customer-border .form-horizontal{width:90%; margin:0 auto;}



.content-customer-border .form-group button.action.primary{border-radius: 5px;   text-transform: uppercase;  font-weight: bold;font-family: 'Raleway'!important; margin-left:15px!important}
.content-customer-border .form-group a.action.primary{border-radius: 5px;   text-transform: uppercase;  font-weight: bold;font-family: 'Raleway'!important;margin-left:15px!important;height:44px!important; padding-top:10px!important}
.content-customer-border .form-horizontal .checkbox-inline{margin-left:15px!important;}



.active-accordeon-adresse, .accordeon-adresse{width:100%;background:#f6f7fa;padding:10px 25px 10px 10px;margin-bottom:15px; border-radius:10px;float: right;}
.active-accordeon-adresse, .accordeon-adresse:hover {background-color: #f6f7fa;}
.accordeon-adresse:after {content: '\002B'; color: #d9355c; font-weight: bold; float: right; margin-left: 5px;cursor:pointer; }
.active-accordeon-adresse:after {content: "\2212";cursor:pointer;float: right;}
.accordeon-adresse:not(.collapsed)::after {content: "voir \2212";cursor: pointer;text-transform:lowercase;}
.panel-adresse {padding: 10px 25px;background-color: #f6f7fa!important;overflow: hidden;transition: max-height 0.2s ease-out; color:black; margin-bottom:15px!important;border-radius:10px;}

.content-customer-border h2.accordeon-adresse {text-transform:uppercase;font-size:1.5rem;margin-bottom:10px!important;margin-top:0px!important;color:#333;font-weight:bold;cursor:pointer;}

.content-customer-border #current-password.form-control.input-md{width:50%!important;}
.content-customer-border #password.input-text{width:50%!important;margin-bottom:20px!important}
.content-customer-border #password-confirmation.input-text{width:50%!important;}



.content-customer-border span.input-group-addon.show-password{height: 44px;padding: 0px 0px;width: 60px;z-index: 80;border: none;background: white;margin-bottom:-40px;}
.content-customer-border div.input-group-addon.show-password {height: 44px;padding: 0px 0px;width: 60px;z-index: 80;border: none;background: white;}

.content-customer-border #password-strength-meter-container{margin-top:-40px!important;}



/* ------- PAGE ORDER APERCU ----*/



.content-customer-border .search-order {width:100%; padding: 10px 15px 10px 15px;margin-bottom: 15px;border-radius: 10px;margin-top: 15px;}

.content-customer-border .all-order{width:100%;padding: 10px 15px 10px 15px;margin-bottom: 15px;border-radius: 10px;margin-top: 15px;}

.content-customer-border .search-order .form-horizontal{width:100%!important;}
.content-customer-border .search-order #search-text {float: left;   width: 80%;  height: 44px;  margin-right: 1%;}
.content-customer-border .search-order #search-button {float: left;   border-radius: 5px; height: 44px!important; background: #d4d8e6;
  border: none;   color: #333;  font-weight: bold;  text-transform: uppercase;}
.search-order .control-label{text-align:left!important;}
.content-customer-border .search-order .form-horizontal .form-group.col-md-3 {width: 47%;
float: left;
margin-right: 5px;
margin-bottom:-15px!important}
.content-customer-border .search-order .form-horizontal .form-group.col-md-3 .col-md-12.control-label{padding-left:15px!important;}
.content-customer-border .search-order .form-horizontal .form-group.col-md-3 .col-md-12{padding-left:15px!important;}

.search-order button{font-family: inherit !important;border-radius: 5px !important;}
.search-order #filter-button, .search-order #clear-button {float: left;   width: 95%;  height: 44px;   margin-top: 27px; background: #d4d8e6;   border: none; color: #333;  font-weight: bold;  text-transform: uppercase; }
.search-order input[type="date"].form-control{height:44px!important;}


.active-accordeon-order, .accordeon-order{width:100%;background:#f6f7fa;padding:10px 25px 10px 10px;margin-bottom:15px; border-radius:10px;float: right;}
.active-accordeon-order, .accordeon-order:hover {background-color: #f6f7fa; }
.accordeon-order:after {content: 'voir \002B'; color: #d9355c; font-weight: bold; float: right; margin-left: 5px;cursor:pointer; margin-top:-20px;}
.active-accordeon-order:after {content: "voir \2212";cursor:pointer; float: right;}
.panel-order {padding: 10px 25px;background-color: #f6f7fa!important;overflow: hidden;transition: max-height 0.2s ease-out; color:black; margin-bottom:15px!important;border-radius:10px;}

.panel-order .col-lg-6, .panel-order .col-md-6 {margin-bottom:10px!important}

.all-order h3 {text-transform:uppercase;font-size:1.5rem;margin-bottom:10px!important;margin-top:0px!important;color:#d9355c;font-weight:bold;cursor:pointer;}

.all-order h4 {text-transform:uppercase;font-size:1.4rem;margin-bottom:10px!important;margin-top:10px!important;font-weight:bold;}
.payer-la-commande {background: white; padding: 10px 10px; margin-bottom:10px!important; border-radius:10px;}
.payer-la-commande p{padding-right:15px;}

.payer-la-commande .btn-bg-black-customer{width: 100%;text-align: center;display: block;background: #d9355c;border-radius: 5px;color: white !important;padding: 15px 0px;text-transform: uppercase;}

.produit-commande-history{padding:0px 0px!important;}
.produit-commande-history h5{color:black!important;}

.content-customer-border .pages{width: 70%;
  position: relative;
margin: 0 auto;overflow-x: hidden;padding-left: 30px;
  padding-right: 30px;}

.content-customer-border .pages .item.pages-item-previous{position:absolute; left:0;}
.content-customer-border .pages .item.pages-item-next{position:absolute; left:0;}



/* ------- PAGE DEVIS APERCU ----*/


.content-customer-border .all-devis{width:100%;margin:0 auto;padding: 10px 15px 10px 15px;margin-bottom: 15px;border-radius: 10px;margin-top: 15px;}

.active-accordeon-devis, .accordeon-devis{width:100%;background:#f6f7fa;padding:10px 25px 10px 10px;margin-bottom:15px; border-radius:10px;float: right;}
.active-accordeon-devis, .accordeon-devis:hover {background-color: #f6f7fa;}
.accordeon-devis:after {content: 'voir \002B'; color: #d9355c; font-weight: bold;float: right; margin-left: 5px;cursor:pointer; margin-top:-30px;}
.active-accordeon-devis:after {content: "voir \2212";cursor:pointer;}
.panel-devis {padding: 0px 25px 0px 25px;background-color: #f6f7fa!important;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out; color:black; margin-bottom:10px!important;border-radius:10px;}


.all-devis h3 {text-transform:uppercase;font-size:1.5rem;margin-bottom:10px!important;margin-top:0px!important;color:#d9355c;font-weight:bold;cursor:pointer;}

.all-devis h4 {text-transform:uppercase;font-size:1.4rem;margin-bottom:10px!important;margin-top:10px!important;font-weight:bold;}

.content-customer-border .all-devis .btn-bg-black-customer{width: 100%;text-align: center;display: block;background: #d4d8e6;border-radius: 5px;color: #333!important;padding: 15px 0px;text-transform: uppercase;padding-left:10px;padding-right:10px; margin-bottom:10px!important;}


/* ------- PAGE creation enregistrées ----*/

.bloc-commande-enregistree{background:#f6f7fa;padding-top:15px;padding-bottom:15px; border-radius:10px;}
.back-home-commande-enregistree{position:relative}
.bloc-commande-enregistree .btn-bg-black-panier, .bloc-commande-enregistree .btn-bg-white-panier {width: 100%;text-align: center;
display: block;background: #d4d8e6;border-radius: 5px;color: #333!important;padding: 15px 0px;text-transform: uppercase;padding-left:10px;padding-right:10px; margin-bottom:10px!important;}

.back-home-commande-enregistree .btn-bg-pink{width:300px;text-align: center;display: none;background: #d9355c;color: white !important;padding: 15px 0px;border-radius: 5px;text-transform:uppercase;font-weight:bold;font-family: 'Raleway'!important;}

.bloc-commande-enregistree h2{padding-left:0px!important; padding-top:10px!important}




/* ------- PAGE commandes enregistrées ----*/


.bloc-creation-enregistree{width:90%!important; margin:0 auto; background:#f6f7fa;padding-top:15px;padding-bottom:15px;border-radius:10px}
.back-home-creation-enregistree{position:relative}
.back-home-creation-enregistree .btn-bg-pink{display:none;}
.thumb-project{width: 100%;height: 250px;position: relative;}
.bloc-creation-enregistree a.pink {width: 100%;text-align: center;display: block;background: #d4d8e6;border-radius: 5px;color: #333!important;padding: 15px 0px;text-transform: uppercase;padding-left:10px;padding-right:10px; margin-bottom:10px!important;}

.bloc-creation-enregistree .col-lg-6 p{display:none!important}

/* ------- PAGE PANIER ----*/




.desktop-display{display:none;}

.quick-link-account, .quick-link-register {
  display: none;
}

/* ------------------------------------------------------------- HEADER ------------------------------------- */



.sw-megamenu.navigation .open-children-toggle{display:block!important;}
#navigation{position:relative; top:0!important;}
.page-header.type19 .nav-sections{box-shadow:none!important;}
.sw-megamenu.navigation li.level0.fullwidth > .submenu{max-width:100%!important;}
.block-search .action.search > span{position:relative!important;}
.block-search .action.search > span:hover{position:relative!important;}
.search .search-category{display:none!important;}
.menu-link{color:black!important;}
.minicart-wrapper .action.showcart::before{display:none!important}
.panel{box-shadow:none!important;}

.bloc-slider-realisation .owl-carousel{display:block!important;}
.grey-dark{color:black!important;}


.cms-home .breadcrumbs {display:none!important;}
.cms-home-test .breadcrumbs {display:none!important;}
.cms-faq .breadcrumbs {display:none!important;}
.cms-qui-sommes-nous .breadcrumbs {display:none!important;}
.cms-ennoblissement-et-finitions-premium .breadcrumbs {display:none!important;}
.cms-univers-savon-cosmetique .breadcrumbs {display:none!important;}
.cms-emballage-personnalise .breadcrumbs {display:none!important;}
.cms-emballage-sur-mesure .breadcrumbs {display:none!important;}
.cms-transport .breadcrumbs {display:none!important;}
.cms-fabrication-dans-les-alpes .breadcrumbs {display:none!important;}
.cms-univers-cbd .breadcrumbs {display:none!important;}
.cms-imprimvert .breadcrumbs {display:none!important;}
.cms-bien-choisir-son-etui .breadcrumbs {display:none!important;}
.cms-impression-multi-reference .breadcrumbs {display:none!important;}
.cms-donnees-personnelles .breadcrumbs {display:none!important;}
.cms-services-et-conseils .breadcrumbs {display:none!important;}
.cms-paiement .breadcrumbs {display:none!important;}
.cms-mentions-legales .breadcrumbs {display:none!important;}
.cms-cgv .breadcrumbs {display:none!important;}
.cms-revendeur-login .breadcrumbs {display:none!important;}
.cms-revendeur-logout .breadcrumbs {display:none!important;}
.cms-parrainage .breadcrumbs {display:none!important;}
.cms-engagement-ecologique .breadcrumbs {display:none!important;}
.cms-plv-ilv-personnalisable .breadcrumbs {display:none!important;}
.cms-prototype-rembourse .breadcrumbs {display:none!important;}
.cms-service-pao-prepresse .breadcrumbs {display:none!important;}
.cms-impression-packaging-multi-references .breadcrumbs {display:none!important;}
.cms-page-demande-devis-html .breadcrumbs {display:none!important;}





.catalogsearch-result-index.page-layout-2columns-left .column.main{width:100%!important;padding:15px!important}
.catalogsearch-result-index .products-grid .product-item{width:25%!important;}
.catalogsearch-result-index .price-box{display:none!important;}


.form-wishlist-items{padding-left:15px!important; padding-right:15px!important;}

#ms-customer-dashboard .input-group-addon{z-index:3!important;}



.page-wrapper input[type="text"],
.page-wrapper input[type="password"],
.page-wrapper input[type="url"],
.page-wrapper input[type="tel"],
.page-wrapper input[type="search"],
.page-wrapper input[type="number"],
.page-wrapper input[type="datetime"],
.page-wrapper input[type="email"] { font-family: inherit !important;border-radius:5px!important;height:44px!important;}
.page-wrapper select{ font-family: inherit !important;border-radius:5px!important;height:44px!important;}



button{line-height:17px!important; height:44px!important;}

.catalog-category-view .page-title-wrapper{display:block!important;}
.catalog-category-view .page-bottom{padding-right:0px!important; padding-left:0px!important;max-width:100%!important}
.columns .product-item-photo{border-radius:10px!important;}

.product-item-info .product.name a{font-family: 'Raleway' !important;}

/* ------- PAGE Produit ----*/


.page-products .product-item-inner{display:none!important;}
.prev-next-products{display:none!important;}

.matrix_layoutMain .matrix_packingPreview{min-height:auto!important;margin-top:0px!important}
.matrix_preview3DContainer{margin: 0 0 0 0!important;}

.hide-sim {display: none;}
/* .info-sim img{width:35px!important;} */
.hide-sim-info{border-radius:10px; background:#f2f2f2; padding:15px 15px; color:black;}

 .product-options-wrapper #carrousel_produit .carousel-thumbnails {
    border-radius: 10px;
    background: white;
    padding: 5px 0px !important;
    overflow-x: scroll !important;
  }

.product-options-wrapper #carrousel_produit .carousel-thumbnails::-webkit-scrollbar {
  width: 6px; /* Largeur de la scrollbar */
}

.product-options-wrapper #carrousel_produit .carousel-thumbnails::-webkit-scrollbar-track {
  background: #fff; /* Couleur de fond */
  border-radius: 4px;
}

.product-options-wrapper #carrousel_produit .carousel-thumbnails::-webkit-scrollbar-thumb {
  background: #d9355c; /* Couleur du curseur */
  border-radius: 4px;
}

.product-options-wrapper #carrousel_produit .carousel-thumbnails::-webkit-scrollbar-thumb:hover {
  background: #d9355c;
}

.product-options-wrapper #carrousel_produit .carousel-thumbnails::-webkit-scrollbar-button {
  display: none !important;
  -webkit-appearance: none !important;
  visibility: hidden!important;
}

.product-options-wrapper #carrousel_produit .carousel-thumbnails {
  scrollbar-color: #d9355c #fff;
  scrollbar-width: thin;
}


  #plwrap p {
    display: block;
    padding-right: 20px!important;
  }
  
 .product-options-wrapper .description{padding:5px 15px!important;}



.imgselected [data-valopt~="Aucun"]{display:none!important}
.product-options-wrapper{border-bottom:none!important;}
img[href$="/Aucun.jpg"] {
display:none!important;
}
.wishlist{display:block !important;}


button#upload_files_action{height:44px!important;}



#sliderTrack .slide a{color:#333; text-decoration:none!important;}
#sliderTrack .slide a:hover{color:#333; text-decoration:underline!important;}
#sliderTrack .slide p{margin:10px 0px 0px 10px !important;  text-align: left!important;  color: #333!important;}

.short-desc-product{background: #fff;
border-radius: 10px;
padding: 15px 15px;
margin-bottom: 35px;
  text-align: center;
}

.short-desc-product strong{}
.short-desc-product h2{font-size:36px; margin-bottom:25px;}
.short-desc-product h3{margin-top: 24px; margin-bottom: 20px;}
.short-desc-product p{font-size:16px; margin-bottom:15px;}

.slider h2{padding-left:15px;}



#big-top-fiche-produit.container{padding-left: 0px;
padding-right: 0px;}

.page-title-wrapper.product{margin-bottom:35px!important;}
#plwrap{margin-bottom:0px!important;}
.description{margin-bottom:0px!important;}

#pricecalculatorsection h2{font-family: 'Raleway' !important;}
#pricecalculatorsection .panel{margin-bottom:0px!important;}

.accordion #pricecalculatorsection .accordion-toggle{text-transform:none!important;}

#top-fiche-produit{padding-bottom:0px!important;}
#bottom-fiche-produit{padding-top:0px!important;}


.slider h2{padding-left:15px;}

.slider{z-index:1!important;}
.slider button.slider-btn {height:40px!important;top:10%!important;background: #d4d8e6!important;color:#333!important}
.slider button.slider-btn:hover {
background: #d4d8e6!important;color:#333!important}


#pricecalculatorsection p{text-transform:none!important;}
#pricecalculatorsection .matrix_selectOptionName{margin-left:0px!important;}
#pricecalculatorsection .matrix_selectOption .info-sim img{width:auto!important;}



#upload_files_wrapper #headingOne a{color: #333;
font-weight: bold;}

/* structure main devis */

.page-wrapper{
    background: #f6f7fa;
  }

.breadcrumbs{background:#f6f7fa!important}
@media only screen and (min-width: 768px) {
#maincontent.container{padding-left:15px!important; padding-right:15px!important;}
}
@media only screen and (max-width: 768px) {
#maincontent.container{padding-left:15px!important; padding-right:15px!important;}
}
/* structure main devis */

.category-devis #layer-product-list {padding-top:15px!important;}
.category-devis .breadcrumbs {display:none!important}

.content-page-customer-devis{font-family: 'Raleway' !important; width:100%; margin:0 auto; padding-top:15px!important;}
.content-page-customer-devis #product-options-wrapper{border-bottom:none!important;}
.content-page-customer-devis .form-horizontal{width:90%; margin:0 auto!important;}
.content-page-customer-devis .form-horizontal #form-group-support .radio-devis img{width:100%!important;}
.content-page-customer-devis .form-horizontal .radio-devis input[type="radio"]{position: relative;
  margin-left: 0px;}
  
.content-page-customer-devis  #form-demande-devis-choix-produit-envoi.btn-bg-pink-customer{text-align: center;display: block;background: #d9355c;border-radius: 5px;color: white !important;padding: 15px 15px;text-transform: uppercase;border:none!important;font-weight:bold}
.content-page-customer-devis .btn-crea-compte{position:static!important;}

.content-customer-border-devis{background: white !important; border: none !important; padding: 3% 0%; border-radius: 10px; box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4); -webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4); -moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);margin-bottom:40px!important}

.content-page-customer-devis h1{text-transform:uppercase; font-size:1.8rem; font-weight:bold;background:#d9355c; width:100%; padding:15px 15px;margin-top:0!important;margin-bottom:1%!important; color:white;}


.content-customer-border-devis h2{text-transform:uppercase;font-size:1.5rem;margin-bottom:0px!important;margin-top:0px!important;color:#d9355c;font-weight:bold;cursor:pointer;}



.content-customer-border-devis label {color:#5d5f65!important; font-size:1em!important; padding: 0px 0px 5px 15px !important;}
.content-customer-border-devis legend {display:none!important}
.content-customer-border-devis .field.option-label legend {display:block!important;font-size:1.5rem;margin-bottom:25px!important;margin-top:25px!important;color:#555;font-weight:bold; border-bottom:none;text-decoration: underline;}

.content-customer-border-devis .field.choice.admin__field.admin__field-option {float:left!important;margin-right: 15px;}
.content-customer-border-devis .field.choice.admin__field.admin__field-option input {float:left!important;margin-right:5px}
.content-customer-border-devis .field.choice.admin__field.admin__field-option label {float:left!important; padding-top:7px!important;padding-right:0px!important}
.content-customer-border-devis .form-group.field {background: #f6f7fa;   border-radius: 10px; padding-top:7px; padding-bottom:7px;}
.content-customer-border-devis .field.file {background: #f6f7fa;   border-radius: 10px; padding:15px 7px 15px 7px;margin-right: -15px;margin-left: -15px;}
.content-customer-border-devis .field.file label {
  text-align: right;
  display: inline-block;
  vertical-align: top;}
.content-customer-border-devis .field.file div {padding-left: 15px !important;
  display: inline-block;}
#envoyer-button.form-group {background: #f6f7fa;border-radius: 10px;padding: 15px 7px 15px 7px;margin-top: 15px;}

.content-page-customer-devis  #form-demande-devis-senvoi.btn-bg-pink-customer{text-align: center;display: block;background: #d9355c;border-radius: 5px;color: white !important;padding: 15px 15px;text-transform: uppercase;border:none!important;font-weight:bold}


/* LOGIN */

.bloc-log-in{display: block;
  border: none !important;
  padding: 15px 15px !important;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  background: white !important;
margin-top: 15px;
font-family: 'Raleway' !important;}

.bloc-log-in h2{text-transform:uppercase;font-weight:bold;font-family: 'Raleway' !important;}

.bloc-log-in .form-group{margin-left:0px!important; margin-right:0px!important;}
.bloc-log-in .form-group label.control-label{text-align: left !important;
  padding-left: 0px;font-family: 'Raleway' !important;}


.bloc-log-in .form-group .btn-bg-pink-customer{text-align: center;background: #d9355c;border-radius: 5px;color: white !important;text-transform: uppercase;border:none!important;font-weight:bold; font-family: 'Raleway' !important;}

.bloc-log-in .action.login.primary.btn-bg-pink-customer{text-align: center!important;background: #d9355!important;border-radius: 5px!important;color: white !important;text-transform: uppercase!important;border:none!important;font-weight:bold!important; font-family: 'Raleway' !important!important;}


.bloc-log-in .forget-password{font-weight: bold;
  color: #333 !important;
  background: #d4d8e6 !important;
  border-radius: 5px;
  padding: 0.8rem 1rem 0.8rem 1rem !important;
  margin-bottom: 10px;
  margin-right: 5px;
  border: none;
  text-transform: uppercase;
  text-align: center !important;
  width: auto !important;
}

.bloc-log-in input#pass {margin-bottom:15px!important;}


.customer-account-forgotpassword .column.main{
  border: none !important;
  padding: 15px 15px !important;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  background: white !important;
  
  font-family: 'Raleway' !important;
  margin-bottom: 50px;
 }
  
.customer-account-forgotpassword h1 {text-transform: uppercase;
  font-weight: bold;
  font-family: 'Raleway' !important;
  font-size:30px!important}
  
.customer-account-forgotpassword .column.main .form-group{margin-left:0px!important; margin-right:0px!important}
  
.action.reload.captcha-reload.btn-bg-pink-customer{font-weight: bold;
  color: #333 !important;
  background: #d4d8e6 !important;
  border-radius: 5px;
  padding: 0.8rem 1rem 0.8rem 1rem !important;
  margin-bottom: 10px;
  margin-right: 5px;
  border: none;
  text-transform: uppercase;
  text-align: center !important;
  width: auto !important;
margin-top: 15px;}

.btn-crea-compte #form-login-forget-envoyer{display: block;
  background: #d9355c;
  border-radius: 5px;
  color: white;
  text-transform: uppercase;
  border: none !important;
  font-weight: bold;
font-family: 'Raleway' !important;}



/* pop up login */

.popup-authentication .modal-content{background:#f6f7fa; box-shadow:none!important;}

.modal-custom .action-close::before, .modal-popup .action-close::before, .modal-slide .action-close::before{ color:#000 !important;}
.popup-authentication.modal-popup.modal-slide{left: 0px!important;
  width: 100%;
margin: 0 auto;}

.popup-authentication.modal-popup.modal-slide._inner-scroll._show{left: 0px!important;
  width: 100%;
margin: 0 auto;}

.popup-authentication{
	font-family: 'Raleway' !important;
	padding-top: 30px; 
	padding-bottom:30px;
}
.popup-authentication .modal-inner-wrap{
	position: relative;
	background-color: #f6f7fa;
	border: 7px solid #d9355c !important;
	border-radius: 0px !important;
	margin: auto;
	width: 80%;
		
	-webkit-animation-name: animatetop;
	animation-name: animatetop;
	animation-duration: 0.4s;
	/*padding-top: 1%;*/
	padding-bottom: 2%;
	color: black;
	text-align: left;
	z-index: 12;
	border-radius: 10px !important;
}

.popup-authentication .block-authentication{border-top:none!important;}
.text-pop-up-panier-login{font-size:1.3em;}

.form-group.connect #send2.btn-bg-pink-customer{color: white !important;
  background: #d9355c !important;
  border-radius: 5px;
  padding: 0.8rem 1rem 0.8rem 1rem !important;
  margin-bottom: 10px;
  margin-right: 5px;
  border: none;
  text-transform: uppercase;
  text-align: center !important;
  width: auto !important;
  margin-top: 15px;
  float: none !important;
  font-weight: bold;}
  
.login-form .form-group input[type="email"]{border-radius:5px!important;}
  
/* ------- creation de compte ----*/

.customer-account-create .column.main{background: white !important;
  border: none !important;
  padding: 3% 0%;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
margin-top: 25px;
font-family: 'Raleway' !important;
margin-bottom:40px!important}

.customer-account-create .column.main h1{text-transform:uppercase; font-size:1.8rem; font-weight:bold;background:#d9355c; width:100%; padding:15px 15px;margin-top:0!important;margin-bottom:1%!important; color:white;}

.customer-account-create .form-create-account.form-horizontal{width:90%; margin:0 auto;}

.customer-account-create .form-create-account.form-horizontal .form-group{}
.customer-account-create .form-create-account.form-horizontal .form-group.field.captcha.required{padding-left:15px!important;padding-right:30px!important}

.customer-account-create .form-create-account.form-horizontal legend{text-transform:uppercase;font-size:1.8rem;margin-bottom:10px!important;margin-top:0px!important;color:#333;font-weight:bold; border-bottom:none;}
.customer-account-create .form-create-account.form-horizontal .form-group button.action.primary{border-radius: 5px;   text-transform: uppercase;  font-weight: bold;font-family: 'Raleway' !important!important;}
.customer-account-create .form-create-account.form-horizontal .form-group a.action.primary{border-radius: 5px;   text-transform: uppercase;  font-weight: bold;font-family: 'Raleway' !important!important;}






.customer-account-create #remember-me-box div.checkbox{padding-left: 15px;}

.customer-account-create #remember-me-box label{padding-left: 0px;}
  
.customer-account-create #remember-me-box input.checkbox{margin-left: 0px;
  padding-left: 0px;
  position: relative;
  float: left;
  top: -5px;
margin-right: 15px;}


.customer-account-create .form-create-account.form-horizontal .checkbox-inline{padding-top: 3px!important;}
.customer-account-create .form-create-account.form-horizontal .checkbox-inline input[type="checkbox"]{position: relative;
margin-left: 0px;}






/* mincart */

.page-header.header-newskin .minicart-wrapper .block-minicart{border: solid 1px #f0f0f0!important;
box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4)!important;
font-family: 'Raleway' !important;
border-radius: 10px!important;
right:-20px!important;
}

@media screen and (max-width: 440px){
.page-header.header-newskin .minicart-wrapper .block-minicart{border: solid 1px #f0f0f0!important;
box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4)!important;
font-family: 'Raleway' !important;
border-radius: 10px!important;
right:-110px!important;
}	
	
}

.block-minicart .block-content > .actions > .primary .action.primary{border-radius: 5px;
text-transform: uppercase;
font-weight: bold;
font-family: 'Raleway' !important;
background: #87c29d !important;
border: none;
padding:0px 0px!important;
cursor:pointer;
}

.block-minicart .items-total{float:left!important;margin-top:0px!important; text-align: right;
  width: 100%;}
.minicart-wrapper .block-minicart{color:black!important;}
  
.block-minicart .block-content > .actions > .secondary .action.viewcart{text-align: center;
  display: block;
  background: #d9355c !important;
  border-radius: 5px!important;
  color: white !important;
  text-transform: uppercase;
  border: none !important;
  font-weight: bold!important;
  font-family: 'Raleway' !important;
  height: 44px;
}

.minicart-items .product-item:not(:first-child){border-top:none!important;}
.minicart-items .product-item{background-color: #f6f7fa !important;color:black; margin-bottom:5px!important;padding:5px 5px 5px 5px!important;}
.block-minicart .subtotal{float:none!important;text-align:right!important;}
.block-minicart .subtotal .price{color:black!important;}

.minicart-items .product > .product-item-photo{width:25%!important;}
.minicart-items .product-item-details .product.options{display:none;}

.minicart-items .product-item-details .price{color: #000!important;
font-size: 1.5rem!important;}

.minicart-items .product-item-details .details-qty{margin-top:-12px!important;}
.minicart-items .product-item-details .details-qty label{color: black;
  font-size: 1.5rem;padding-left:0px!important; margin-top:5px!important}
  
 .minicart-items .item-qty{background-color: #f6f7fa !important;
  color: black !important;
 border: none !important;width: 100px !important;
  text-align: left;}

.minicart-wrapper .product .actions{margin: -80px 0 0!important;}
 

 
.minicart-items .action.delete::before{color:black!important;}

.minicart-items-wrapper::-webkit-scrollbar {
  width: 6px; /* Largeur de la scrollbar */
}

.minicart-items-wrapper::-webkit-scrollbar-track {
  background: #f0f0f0; /* Couleur de fond */
  border-radius: 4px;
}

.minicart-items-wrapper::-webkit-scrollbar-thumb {
  background: #888; /* Couleur du curseur */
  border-radius: 4px;
}

.minicart-items-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.minicart-items-wrapper {
  scrollbar-color: #888 #f0f0f0;
  scrollbar-width: thin;
}



.modal-content{box-shadow: none!important;}

.modal-inner-wrap{font-family: 'Raleway' !important;
border-radius: 10px !important;}
.modal-footer{text-align:left; border-top:none!important;}
.modal-footer .action-secondary.action-dismiss{text-align: center;

  background:  #d9355c  !important;
  border-radius: 5px!important;
  color: white !important;
  text-transform: uppercase;
  border: none !important;
  font-weight: bold!important;
  font-family: 'Raleway' !important;
height: 44px;}

.modal-footer .action-primary.action-accept{text-align: center;

  background: #d9355c !important;
  border-radius: 5px!important;
  color: white !important;
  text-transform: uppercase;
  border: none !important;
  font-weight: bold!important;
  font-family: 'Raleway' !important;
height: 44px;}


/* contact */

.contact-index-index #contactez-nous .fieldset > .legend{display:none;}
.contact-index-index #contactez-nous .fieldset > .fields > .field > .label{color:#333; font-weight:bold;}
.contact-index-index #contactez-nous .fieldset > .fields > .field{text-align:left!important;}
.contact-index-index #contactez-nous .fieldset{margin-bottom:25px!important;}

.contact-index-index #contactez-nous .actions-toolbar > .primary .action{background:#d9355c!important; border-radius:5px;padding: 1.2rem 1.8rem 1.2rem 1.8rem!important;text-align:center!important;cursor:pointer;color:white!important; text-transform:uppercase;font-size:14px!important; font-weight:bold;font-family: 'Raleway' !important;margin-left:15px}