@font-face{
font-family:'kaffeehausNeon';
src:url('https://cdn.lightonline.fr/fonts/KaffeehausNeon.otf') format('truetype');
font-weight:normal;
font-style:normal
}
@font-face{
font-family:'beretta';
src:url('https://cdn.lightonline.fr/fonts/BerettaSans-Bold.otf') format('truetype');
font-weight:normal;
font-style:normal
}
.font-kaffeehaus-neon{ font-family:"kaffeehausNeon"}
.font-beretta{ font-family:"beretta"}
.bloc_texte_banniere h1{ text-align: center; font-weight:600;font-size:32px }
.bloc_texte_banniere h1 { top: 50%; transform: translateY(-50%); margin: 0;}
.bloc_texte_banniere .txt {margin: 25px 0; font-size: 16px; }
.bloc_texte_banniere > div { position: absolute; padding:31px}
.format1 { top: 50%; height: 21%; width: 33%; transform: translate(100%,-50%);text-align: center;}
.format2 { top: 50%; height: 20%; width: 40%; transform: translate(70%,-50%);text-align: center;}
.format3 { top: 50%; height: 30%; width: 50%; transform: translate(50%,-50%);text-align: center;}
.format4 { top: 50%; height: 30%; width: 30%; transform: translate(100%,-50%);text-align: center;}
.format5 {top: 50%;height: 22%;width: 45%;transform: translate(63%,-50%);text-align: center;}
.full-width{width: 100%; border-radius: 0;}
.middle-width{width: 49.6%; border-radius: 0}
.middle-width-two {width: 30%;border-radius: 0}
.bloc-cadre-lo .btn, .swiper-lo-third .btn, .big-btn{border-radius:0;padding:11px 11px;}
.no-margin-top-b{margin-top:0;margin-bottom:0}
.bloc-padding-top40{padding-top: 40px;}
.bloc-padding-top30{padding-top: 30px;}
.bloc-padding-top20{padding-top: 20px;}
.bloc-padding-top16{padding-top: 16px;}
.bloc-padding-top10{padding-top: 10px;}
.bloc-padding-top15{padding-top: 15px;}
.bloc-padding-top5{padding-top: 5px;}
.bloc-padding-bottom5{padding-bottom: 5px;}
.bloc-padding-bottom16{padding-bottom:16px;}
.bloc-padding-bottom20{padding-bottom: 20px}
.bloc-padding-bottom40{padding-bottom: 40px}
.bloc-padding-bottom10{padding-bottom: 10px}
.bloc-padding-bottom5{padding-bottom: 5px}
.bloc-padding-bottom35{padding-bottom:35px}
.bloc-padding-bottom38{padding-bottom: 38px;}
.bloc-padding-bottom60{padding-bottom: 60px;}
.bloc-padding-bottom55{padding-bottom: 55px;}
.bloc-padding-left15{padding-left: 15px;}
.bloc-padding-left30{padding-left: 30px;}
.bloc-padding-right15{padding-right: 15px;}
.bloc-padding-right30{padding-right: 30px;}
.bloc-margin-top77{margin-top:-77px}
.bloc-margin-top5{margin-top:5px} 
.bloc_texte_banniere{min-height: 50px}
.black-link{color:#100e01; text-decoration: underline !important}
.text-underline{text-decoration: underline !important}
.hidden-element{visibility: hidden;}
.visible-element{visibility: visible;}
.cadre-lo-contenu{
position: relative;left: 58%;transform: translate(-53%, -110%);
text-align: center;margin: 0 auto; width: 46%;
}
.height85{height: 85px;}
.pg_solaire, .pg_luminaire-interieur,.pg_luminaires-connectes{font-size:15px}

.pg_solaire .swiper-button-next,
.pg_solaire .swiper-button-prev,
.pg_eclairage-exterieur .swiper-button-next,
.pg_eclairage-exterieur .swiper-button-prev,
.pg_lightmag .swiper-button-next,
.pg_lightmag .swiper-button-prev,
.pg_luminaire-interieur .swiper-button-next,
.pg_luminaire-interieur .swiper-button-prev,
.brd-next,
.brd-prev
{
    background-color: #000000;
    color: #ffffff; 
}
/* Outd, Inspi rows*/
.titreK, .font-kaufman {
    font-family: "Kaufmann";
}
.bgblue.twhite:hover{
    color: #fff
}
.other-btn-pro{
    padding: 20px 69px;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0;
}
.bloc-menu-ancre {
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
}
.incrust-desc{
    transform: translate(22%,-38%);
    position: relative;
    width:50%
}
.whitegrey {
    background: -moz-linear-gradient(#fff, 69%, #dedede);
    background: -webkit-linear-gradient(#fff, 69%, #dedede);
    background: -ms-linear-gradient(#fff, 69%, #dedede);
    background: -o-linear-gradient(#fff, 69%, #dedede);
    background: linear-gradient(#fff, 69%, #dedede);
}
.mask-tabs-blue {
    position: absolute;
    top: 10px;
    left: 15px;
    right: 15px;
    bottom: 10px;
    transition: .3s background ease, .3s color ease;
    z-index: 5;
}
.mask-tabs-blue + img { opacity: .5;  transition: .3s opacity ease; } 
.mask-tabs-blue .libelle-tb {
    color: #000;
    font-family: "kaffeehausNeon";
    width: 75%;
    font-size: 35px;
}
.active .mask-tabs-blue,  .mask-tabs-blue:hover{
    position: absolute;
    top: 9px;
    z-index: 1;
    color: #ffffff;
    background: rgba(0, 84, 137, 0.7);
    background-attachment: scroll;
    width: 90.2%;
    height: 88%;
    opacity: 1;
    background-attachment: fixed;
}
.active .mask-tabs-blue .libelle-tb, .mask-tabs-blue:hover .libelle-tb{
	color: #FFF;
}
.active .mask-tabs-blue + img, .mask-tabs-blue:hover + img { opacity: 1; } 
.mask-tabs-blue .libelle-tb{
    font-weight: 500;
}
.slider-lo-tab-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.soleil img {
   margin: 49px 0 30px 50px;
}
.soleil2 img {
   margin: 27px 0 30px 50px;
}
.soleil3 img {
    margin: 1px 0 0px 50px;
   }
.soleil4 img {
   margin: 183px 0 0px 50px;
}
.connecte img {
   margin: 4px 0 0 49px;
}
 .connecte2 img {
    margin: 177px 0 0 -31px;
}

.bryellow {
   border-bottom: 5px solid #ffd22e;
}
.bg-encadre-fil{
    position: relative;
    top: -88px;
}
.bloc-menu-ancre i {
 display: block;
 padding-top: 14px;
}
.titre-entoure-trait-2:before {
    border: 3.5px solid #100e01;
    border-bottom: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.encadre-fil{
    border:3.5px solid #100e01;
    border-top: 0;
   -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 20px;
}
.titre-trait-right:before{
   border: 3.5px solid #100e01;
    border-bottom: 0;
    border-right: 0;
    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 30px;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.encadre-fil-2{
    border: 3.5px solid #100e01;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    padding: 20px;
    margin-left: 30px;
    margin-bottom: 0;
    text-align: right;
}
.encadre-fil-bas {
     border:3.5px solid #100e01;
    border-top: 0;
    border-left: 0;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
   padding: 20px;
    margin-left: -45px;
    margin-top: 29px;
}
.st-center{
 width: 25%;
 margin: 0 auto 10px;
}
.plug-bas{
    margin-top: -2px;
    margin-left: -15px;
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
    transform: rotate(-43deg);
}
.f-carre-rec{
    position: relative;
    background: #88b7d5;
    height: 125px;
    margin-left: 15px;
}
.f-carre-rec-b{
    border: solid transparent;
    height: 75px;
    width: 267px;
    position: relative;
    margin-left: 15px;
    text-align: center;
}
.svg-wrapper svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 81%;
    border-bottom: 1px solid #000000;
}
.svg-wrapper svg line {
    stroke-width: 3px;
    stroke: #000;
    fill: transparent;  
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    vector-effect: non-scaling-stroke;
}

.svg-wrapper svg line.top, .svg-wrapper svg line.bottom,
.svg-wrapper svg line.left, .svg-wrapper svg line.right {
    stroke-dasharray: 0 600;
}

.swiper-slide:hover svg line.top,
.swiper-slide:hover svg line.bottom,
.swiper-slide:hover svg line.right,
.swiper-slide:hover svg line.left {
  stroke-width: 2px;
  stroke-dashoffset: 0;
  stroke-dasharray: 760;
}

.swiper-product-lo .marque-swp{
    position: absolute;top: 326px;
}
.tabs-swiper-lo .marque-swp{
    position: absolute;top: 291px;
}
 .swiper-avec-fond .tab-content .swiper-wrapper {
    padding: 40px 40px;
}
.swiper-avec-fond .marque-swp{
    position: absolute;
    top: 190px;
}
.swiper-avec-fond .price > span, .price > h2{
    font-size: 1.4em;
    line-height: 2em;
    font-weight: 600
}
.swiper-avec-fond .tab-content .swiper-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.swiper-avec-fond  h3{margin: 0}
.swiper-avec-fond li a{font-size: 16px}
.swiper-avec-fond .tab-content .parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:url('/ximg/exterieur/solaire/solaire-wishlist.jpg') no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
.swiper-tab-container-pdt{
    background-color: white;
    padding-left: 5px;
    border: 4px solid #000;
}
.title-swp{
   padding: 0 15px 20px 0;display: block; font-size: 14px;font-weight: bold;text-transform: uppercase
}
.desc-swp{
    padding-top: 10px;display: block;font-size: 13px;font-weight: bold;
}
.marque-swp{
   color: #9b9b9b;font-size: 14px;
}

.first-swp {
    text-decoration: line-through;
    font-size: 1.2em;
    font-weight: bold;
}
.last-swp {
font-size: 1.6em;
font-weight: bold;
padding-left: 8px;
}
.tabs-container-lo .libelle-tb, .libelle-with-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 83%;
    font-size: 22px;
}
.pg_lightmag .lo-big-img {width: 17%}
.libelle-with-bg{
width: 50%;
padding: 15px;
opacity: 0.8;
}
.title-img-other{
   font-size:22px; position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 87%;
}
.title-img-full, .title-img-after, .title-img-before{
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -132%);
    text-align: center;
}
.pg_lightmag .title-img-full,
.pg_lightmag .title-img-after,
.pg_lightmag .title-img-before
{
   top: 87%;
}
.title-img-after:after {
border-top: 3px solid #ffffff;
content: "";
margin: 0 auto;
position: absolute;
top: 77.3%;
left: 100%;
right: 0;
bottom: 0;
width: 80.2%;
z-index: -1;
}

.title-img-full:after {
border-top: 3px solid #ffffff;
content: "";
margin: 0 auto;
position: absolute;
top: 77.3%;
left: 100%;
right: 0;
bottom: 0;
width: 80.2%;
z-index: -1;
}
.title-img-full:before, .title-img-before:before{
border-top: 3px solid #ffffff;
content: "";
margin: 0 auto;
position: absolute;
top: 77.3%;
right: 100%;
left: auto;
bottom: 0;
width: 80.2%;
z-index: -1;
}
.pg_eclairage-exterieur .mask-tabs-blue .libelle-tb,
.pg_luminaire-interieur .mask-tabs-blue .libelle-tb,
.pg_lightmag .mask-tabs-blue .libelle-tb
{
    color:#fff;
    font-family:"kaffeehausNeon";
    width: 75%;
    font-size: 35px
}
.pg_lightmag .swiper-title1 .h-title-1:after{
   left: 98%;
   width: 21.2%;
   
}
.pg_lightmag .swiper-title2 .h-title-1:after{
   left: 98%;
   width: 31.2%;
}
.pg_lightmag .swiper-title1 .h-title-2{
    width: 87%;
}
.pg_lightmag .swiper-title1 .h-title-2:before{
    right: 94%;
    width: 13.2%;
}
.pg_lightmag .swiper-title2 .h-title-2:before{
    width: 57.2%;
}
.pg_lightmag .swiper-title1 .h-title-2:after{
    right: 93%;
    width: 7.2%;
}
.pg_lightmag .swiper-title2 .h-title-2:after{
    left: 98%;
    width: 58.2%;
}
.pg_lightmag .swiper-title1 .h-title-3:before{
   right: 100%;
    width: 14.2%;
}
.pg_lightmag .swiper-title1 .h-title-3:after{
   left: 98%;
    width: 16.2%;
}
.pg_lightmag .swiper-title2 .h-title-3:before{
   right: 96%;
   width: 42.2%;
}
.pg_lightmag .swiper-title2 .h-title-3:after{
   left: 97%;
   width: 44.2%;
}
.pg_lightmag .swiper-title1 .h-title-4:before{
   right: 97%;
    width: 36.2%;
}
.pg_lightmag .swiper-title1 .h-title-4:after{
    width: 35.2%;
    left: 98%;
}
.pg_lightmag .swiper-title1 .h-title-5{
    width: 90%
}
.pg_lightmag .swiper-title1 .h-title-5:before{
    width: 6.2%
}
.pg_lightmag .swiper-title2 .h-title-4:after{
    width: 29.2%;
    left:99%;
}

.pg_luminaire-interieur .title-img-before:before{
  right: 98%;
  width: 100.2%;
}
.pg_eclairage-exterieur .swiper-three2 .t-title-h:before{
    right: 62%;
    width: 40.2%;
}
.pg_luminaire-interieur .swiper-three1 .s-title-h:before,
.pg_eclairage-exterieur .swiper-three1 .s-title-h:before{
    width: 18%;
    left: -1%;
}

.pg_luminaire-interieur .swiper-three2 .f-title-h:after,
.pg_eclairage-exterieur .swiper-three2 .f-title-h:after{
  width: 29%;
  left: 72%;
}
.pg_luminaire-interieur .swiper-three2 .s-title-h:before,
.pg_eclairage-exterieur .swiper-three2 .s-title-h:before{
    width: 30.2%;
   right: 71%;
}
.pg_eclairage-exterieur .swiper-three2 .t-title-h{
    width: 96%;
}
.pg_luminaire-interieur .swiper-three2 .s-title-h:after,
.pg_eclairage-exterieur .swiper-three2 .s-title-h:after{
    width: 30.2%;
    left: 71%;
}
.pg_luminaire-interieur .swiper-three2 .t-title-h{
    width: 96%;
    top: 72%;
}
.pg_eclairage-exterieur .swiper-three3 .s-title-h{
  width: 93%;
  top: 71.8%;
}
.pg_luminaire-interieur .swiper-three2 .t-title-h:before,
.pg_eclairage-exterieur .swiper-three3 .s-title-h:before{
width: 11%;
right: 92%;
top: 87%;
}

.pg_eclairage-exterieur .swiper-three3 .s-title-h:before,
.pg_eclairage-exterieur .swiper-three3 .s-title-h:after{
    width: 12%;
    right: 92%;
    top: 85%;
}
.pg_luminaire-interieur .swiper-three3 .f-title-h:after{
  width: 42%;
  left: 59%;
}
.pg_eclairage-exterieur .swiper-three3 .f-title-h:after{
  width: 17%;
  left: 84%;
}
.pg_luminaire-interieur .swiper-three3 .s-title-h:before{
  width: 37.6%;
  right: 63%;
}
.pg_eclairage-exterieur .swiper-three3 .s-title-h:after {
    width: 12.5%;
    left: 91.6%;
}
.pg_luminaire-interieur .swiper-three3 .s-title-h:after{
    width: 38.2%;
    left: 62.6%;
}
.pg_luminaire-interieur .swiper-three3 .t-title-h:before{
  width: 59%;
}
.pg_eclairage-exterieur .swiper-three3 .t-title-h:before{
  width: 101%;
}

.pg_luminaire-interieur .swiper-three1 .f-title-h:after,
.pg_eclairage-exterieur .swiper-three1 .f-title-h:after{
width: 26.2%;
left: 75%;
}

.pg_luminaire-interieur .swiper-three1 .t-title-h:after,
.pg_eclairage-exterieur .swiper-three1 .t-title-h:after
{
    width: 28%;
    left: 73%;
}
.pg_luminaire-interieur .swiper-three1 .t-title-h:before,
.pg_eclairage-exterieur .swiper-three1 .t-title-h:before{
    width: 40%;
    right: 100%;
}
.pg_luminaire-interieur .swiper-three1 .s-title-h:after,
.pg_eclairage-exterieur .swiper-three1 .s-title-h:after{
  left: 82%;
width: 19%
}
.pg_luminaire-interieur .title-img-after,
.pg_luminaire-interieur .title-img-full,
.pg_eclairage-exterieur .title-img-after,
.pg_eclairage-exterieur .title-img-full{
  width: 99%;
}

.tabs-container-lo .tab-content, .tabs-swiper-lo .tab-content{padding-top:0}
.tabs-container-lo .nav-tabs > li > a, 
.tabs-container-lo .nav-tabs > div > a,
.tabs-swiper-lo .nav-tabs > li > a {
    padding: 10px 15px;
    border:0
}
.tabs-container-lo .nav-tabs .nav-link h3,
.tabs-swiper-lo .nav-tabs .nav-link h3{
    margin-top: 0;
    margin-bottom: 0;
}

.tabs-container-lo  .nav-tabs::before,
.tabs-swiper-lo .nav-tabs ::before{
    border-bottom-color: #ffffff;
}
.tabs-container-lo .nav-tabs .active img {
    border-radius: 0;
}
.tabs-swiper-lo .nav-tabs .active{
    border-radius: 0;
    background-color: #ffd22e;
}

.pg_espace-pro .lo-title-p h1{margin-top:0}
.fontsize13{font-size: 13px}
.fontsize14{font-size: 14px}
.fontsize15{font-size: 15px}
.fontsize18{font-size: 18px}
.fontsize0{font-size: 0px}
.fontsize20{font-size: 20px}
.fontsize25{font-size: 25px}
.fontsize26{font-size: 26px}
.fontsize30{font-size: 30px}
.fontsize37{font-size: 37px}
.fontsize40{font-size: 40px}
.fontsize45{font-size: 45px}
.fontsize50{font-size: 50px}
.fontsize57{font-size: 57px}
.fontsize60{font-size: 60px}
.texte-upper{text-transform: uppercase}
.titre-entoure-trait {position: relative;z-index: 1;padding-bottom: 10px;}
.titre-entoure-trait span {padding:0 6px 0 6px;}
.titre-entoure-trait:before {border-top: 1px solid #100e01;content: "";margin: 0 auto;position: absolute;top: 50%;left: 0;right: 0;bottom: 0;width: 99%;z-index: -1;}
.titre-simple-trait {position: relative;z-index: 1;}
.titre-simple-trait span {padding:0 6px 0 6px;}
.titre-simple-trait:before {border-bottom: 1px solid #100e01;content: "";margin: 0 auto;position: absolute;top: 50%;left: 0;right: 0;bottom: 0;width: 99%;z-index: -1;}
.text-italic{font-style:italic }
.outdoor{font-size: 60px}
.stitre-black {
    text-transform: uppercase;
    text-align: center;
    padding: 15px 40px;
    padding-bottom: 15px;
}
.text13bleu {
    font-size: 13px;
    color: #0F1B8D;
}

.btn-or {
    background-color: #D9b557;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #fff;
}

.titre-ext h1 {
    font-size: 48px;
    text-align: center;
}
.sous-titre-out {
    font-size: 28px;
    color: #100e01;
}
.ecoute {
    font-size: 24px;
    margin-top: 30px;
    padding-bottom: 13px;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 2px solid #100e01;
}
h2.ecoute {
    border-bottom: 0;
    font-weight: 500;
    font-size: 14px;
}
div.ecoute, div.ecoute h2 {
    border-bottom: 0;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 2px solid #100e01;
}
div.ecoute h2 {
    border-bottom:none !important;
}
.bolder-texte{font-weight:600}
.orange-link{font-weight: 500;color: #fa781c;}
.row-eq-height {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
}
.icon50{font-size: 50px;}
.row-eq-height .panel {
    width: 100%;
    height: 100%
}

.titre-blocks {
    color: #100e01;
    text-align: center;
    padding: 19px 0 19px 0;
}
.line-border-aff{
    border-bottom: 1px solid #100e01;
    line-height: 0;
}
.line-border-aff span{
    background: #fff;
    padding: 20px;
    text-align: center;
    font-weight: 300;
    font-size: 35px;
    display: inline;
    margin: 0;
    line-height: 0;
}
.titre-texte-lr{
    padding: 20px;
    text-align: center;
    font-weight: 300;
    font-size: 30px;
    display: inline;
    margin: 0;
    line-height: 0;
}
.idees-cadeaux .titre-blocks {
    font-size: 30px
} 


.idees-cadeaux p{padding:20px; text-align: center}

.flex-center
{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%}

.view {
    overflow: hidden;
    position: relative;
    cursor: default;
}
.overlay img{
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}  
.over-b .mask {
    background-color: rgba(255, 255, 255, 0.7);
}
.over-b .mask-b {
    background-color: rgba(0,0,0,.7);
}
.overlay .mask, .overlay .mask-b {
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.view .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: -10px;
    color: #fff;
    background-attachment: fixed;
    border-radius: 48%;
    z-index: 2;
}
.noel-wishlist .view .mask {
    left: 0px !important;
}

.view .mask-b {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    color: #fff;
    background-attachment: fixed;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    user-select: none;
    z-index: 1;
}
.overlay:hover .mask, .overlay:hover .mask-b{
    opacity:1;
    text-transform: uppercase;
}
.mask-b .row-fluid{margin-top: 28%;text-align: center; font-size: 13px;text-transform: none;}
.mask .row-fluid{margin-top: 50%;text-align: center;font-weight: bold;}
.fond-sos-idees-cadeaux{background-color:#fdf7d9; padding: 15px }
.pg-noel-services a { color:gold; }
#fond-jaune-cadeau {
    background-image: url(/ximg/idees_cadeaux/rec-budget.jpg);
    line-height: 144px;
}
.fond-cjaune {
    background-color: #f6da0f;
    height: 100%
}
#fond-jaune-cadeau .btn.background-color3{border-color:#fff;font-weight: bold;text-transform: none;}

.pg_noel-2018 .background-color1 { background-color:#0043AB; color:gold;font-weight: bold; }
.pg_noel-2018 .paleyellow  { background-color:#0043AB; color:gold;  }
.pg_noel-2018 .paleyellow h2{ color:gold; }

.background-color-blue-yellow{background-color:#0043AB; color:gold;font-weight: bold;text-transform: none;}

.quel-budget .prix-pos{padding:9px;text-align: center;}
.bolderTexte{font-weight: 500}

.first-pos{
    position: absolute;
    top: 0;
    left: 14px;
    font-size: 33px;
    font-weight: lighter;
    z-index: 4;
}
.second-pos{
    position: absolute;
    top: 24px;
    left: 13px;
    font-size: 46px;
    font-weight: lighter;
    z-index: 4;
    color: #f6da0f;
}

.first-pos-select {
    position: absolute;
    top: 38px;
    left: -10px;
    font-size: 33px;
    font-weight: lighter;
    z-index: 4;
}
.second-pos-select{
    position: absolute;
    top: 64px;
    left: -17px;
    font-size: 49px;
    font-weight: lighter;
    z-index: 4;
    color: #1a1a1a;
}
.second-pos-select-bottom {
    position: absolute;
    top: 298px;
    left: -17px;
    font-size: 49px;
    font-weight: lighter;
    z-index: 4;
    color: #1a1a1a;
}

.first-pos-select-two {
    position: absolute;
    top: 38px;
    right: -10px;
    font-size: 33px;
    font-weight: lighter;
}
.first-pos-select-two-bottom {
    position: absolute;
    top: 271px;
    right: -10px;
    font-size: 33px;
    font-weight: lighter;
}
.first-pos-select-bottom {
    position: absolute;
    top: 271px;
    left: -10px;
    font-size: 33px;
    font-weight: lighter;
    z-index: 4;
}
.second-pos-select-two{
    position: absolute;
    top: 64px;
    right: -10px;
    font-size: 49px;
    font-weight: lighter;
    z-index: 4;
    color: #1a1a1a;
}
.second-pos-select-two-bottom {
    position: absolute;
    top: 298px;
    right: -10px;
    font-size: 49px;
    font-weight: lighter;
    z-index: 4;
    color: #1a1a1a;
}

.fond-blocks {
    background-image: url(/../ximg/pattern-wave.png);
    background-size: 25px;
}
.padd-position{margin: 30px}
.padd-position15{margin: 15px}
.light-color1{color:#fa781c}
.glossaire-inspi ul li a{font-size:15px}

.first-titre-moment-black {
    font-size: 41px;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 40px;
    border-bottom: 1px solid #000000;
}

.qbox{
    background-color: #ffd22e;
    opacity: 1;
    border: 3px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.qbox h3{
    font-family: "Kaufmann";
    margin-top: 12px;
    margin-bottom: 10px;
    font-size: 30px;
}
.qbox .icon {
    margin-bottom: 10px;
}
.icon.without-bg {
    font-size: 36px;
    line-height: 1;
    color: inherit;
    background-color: transparent;
    height: 100%;
}

.padding-intro {
    padding: 65px 56px 45px 45px;
}
.qcoun{
    display: block;
    font-size: 22px;
    line-height: 1;
}
.social-links {
    list-style: none;
    font-size: 38px;
    margin-top: 30px;
    margin-bottom: 12px;
    padding-left: 0;
    text-align: center;
}
.circle {
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;
}


.social-links li {
    display: inline-block;
    margin: 0 5px 5px 0;
}
.social-links li a {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    border: 1px solid #100e01;
    color: #100e01;

}
.social-links li a span {
    line-height: 40px;
}


.social-links li.facebook a:hover {
    border-color: #3b5998;
}

.image-with-text {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
    width: 96%;
}
.image-with-text a, .image-with-text a:hover{
    color:#fff !important
}
.image-with-text .title-text { 
    position: absolute;
    top: auto;
    padding: 15px;
    bottom: 0px;
    left: 0;
    right: 0px;
    background-color: rgba(30, 30, 30, 0.5);
    overflow: hidden;
    filter: alpha(opacity=0);
    color: #ffffff;
}

.image-principale-left{
    position: relative;
    text-align: center;
}

.image-principale-right{
    position: relative;
    text-align: center;
}
.texte-sur-image-center{
    position: absolute;
    left: 50%;
    top: 170px;
    transform: translateX(-50%);
    z-index: 10;
    font-weight: normal;
    background-color: #ffd22e;

}
.texte-sur-image-center a{
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    padding: 6px 41px;
}
.separator-center {
    display: block;
    width: 80px;
    height: 3px;
    margin: 0 auto 15px;
    position: relative;
}

.separator-left {
    display: block;
    width: 90px;
    height: 6px;
    margin:-12px 0 15px;
    position: relative;
}
.separator-left-big {
    display: block;
    width: 117px;
    height: 6px;
    margin: -7px -16px 0px;
    position: absolute;
    top: 69px;
}
.separator-left-big-top {
    display: block;
    width: 59px;
    height: 6px;
    margin: 17px -14px 0px;
    position: relative;
}
.top .separator-left-big-top {
    margin: -4px -14px 0;
}


.first-caption, .second-caption{
    position: absolute;
    padding: 15px;
    height: 9%;
    width: auto;
    transform: translate(0%,-69%);
}
.top-big {
    height: 12%;
}

.pcenter-elm{margin: 0 auto;}
.image-avec-texte{position: relative}
.image-avec-texte .first-caption.white, .image-avec-texte .second-caption.white,.bwhite{background-color: #fff;}
.image-avec-texte .first-caption.yellow, .image-avec-texte .second-caption.yellow, 
.byellow{background-color: #ffd22e;}
.paleyellow{background-color: rgba(255, 234, 0, 0.8);top: 39% !important;height: 11% !important;width: 50% !important;}
.btn.paleyellow{width: auto !important;}
.image-avec-texte .first-caption.black,.image-avec-texte .second-caption.black, .bblack{background-color: #000}
.paleblack{background-color: rgba(0, 0, 0, 0.5);}
.palewhite{background-color: rgba(255, 255, 255, 0.8);}
.bgrey{background-color: #e2e2e2;}
.bgreylight{background-color: #fafafa;}
.bgblue{background-color:#005489}
.bgpaleyellow{background-color: rgba(255, 250, 197, 1)}
.twhite{color: #fff;}
.tyellow{color: #ffd22e;}
.tblack{color: #100e01}
.tblue{color:#005489}
.tgrey{color:#e2e2e2}
.tgrey2 {color: #868282;}
.first-caption.full-left{
    top: 8%;
    transform: translateX(-50%);
    left: 10%;
    font-style: normal;
    font-weight: 400;
    width: auto;
    height: 9%;
}
.second-caption.full-left{
    top: 15%;
    transform: translateX(-50%);
    left: 12%;
    font-style: normal;
    font-weight: 400;
    width: 26%;
    height: 6%;
}

.first-caption.full-right{
    top: 8%;
    transform: translateX(-50%);
    left: 87%;
    font-style: normal;
    font-weight: 400;
    width: 28%;
    height: 9%;
}
.second-caption.full-right{
    top: 15%;
    transform: translateX(-50%);
    left: 87%;
    font-style: normal;
    font-weight: 400;
    width: 28%;
    height: 6%;
}
.separator-full-right{
    display: block;
    width: 94px;
    height: 6px;
    margin: -20px 225px 0px;
    position: absolute;
    top: 69px;
}

.separator-full-left{
    display: block;
    width: 94px;
    height: 6px;
    margin: -29px -13px 0px;
    position: absolute;
    top: 69px;
}
.pg_salon .separator-full-left {
        top: 84px;
}
.image-avec-texte .first-caption.top{top: 11%;}
.image-avec-texte .first-caption.bottom{top: 77%;}
.image-avec-texte .first-caption.center-img{
    top: 50%;
    transform: translateX(-50%);
    left: 50%;
    font-style: normal;
    font-weight: 400;
    width: 42%;
    height: 18%;
}
.pg_solaire .image-avec-texte .first-caption.center-img{
  left: 20%;
}
.pg_solaire .nav-tabs>li.active>a{
    border-radius: 0;
    background-color: #ffd22e;
    color: #000;
    font-weight: 600;
}

.pg_luminaires-connectes .first-caption.center-img{
  left: 22%;
  width: 50%;
}
.image-avec-texte .first-caption.top-big{
    top: 20%; left: -32px;
}
.image-avec-texte .first-caption.center-left{top: 50%}
.image-avec-texte .second-caption.bottom{top: 91%;}
.image-avec-texte .second-caption.bottom-img{top: 97%;}
.image-avec-texte .second-caption.top{top: 25%;}
.image-avec-texte.lof .second-caption.top{top: 21%;}
.top10{top:10%}
.top15{top:15%}
.top20{top:20%}
.top30{top:30%}
.top40{top:40%}
.top50{top:50%}
.caption-label-img{
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    text-align: center;
}
.image-avec-texte.lof .caption-label-img{text-align: left;}
.moments-de-vie .image-avec-texte .second-caption{top: 19%;}
.moments-de-vie .first-caption, .moments-de-vie .second-caption{left: 20px;}
.texte-moments-de-vie {
    position: absolute;
    top: 424px;
    left: 300px;
    text-align: center;
}
.texte-moments-de-vie  p span{
    background-color: #000;
    padding: 6px;
    color: #fff; 
    font-size: 29px;
    text-transform: uppercase;
}
.tetiere-page .palewhite, .tetiere-page .paleblack, .tetiere-page .paleyellow{padding: 13px;}
.padd-position-texte{padding:55px}
.padd-position-image{margin: 30px 0 30px 30px;}
.top-big .caption-label-img{left: 20%;padding-right: 45px;}
.list-img-top{margin-top: 30px;}
.texte-descript-p{margin-top:10px}
.btn-jaune-big{width: 208px;line-height: 27px;font-weight: 500;margin-top: 20px;}
.pg_salon,
.pg_bureau,
.pg_cuisine,
.pg_chambre,
.pg_salle-de-bain,
.pg_salle-a-manger,
.pg_kids,
.pg_petite-friture,
.pg_pipistrello
{
    max-width: 100%
}
.pg_salon .breadcrumb,
.pg_bureau .breadcrumb,
.pg_cuisine .breadcrumb,
.pg_chambre .breadcrumb,
.pg_salle-de-bain .breadcrumb,
.pg_salle-a-manger .breadcrumb,
.pg_kids .breadcrumb,
.pg_petite-friture .breadcrumb,
.pg_pipistrello .breadcrumb
{
    max-width: 1230px; margin: 0 auto 10px; 
}

.focus-bloc-temperature h2,
.focus-bloc h2,
.focus-bloc-lecture h2,
.focus-bloc-lampe-bureau h2,
.focus-bloc-plan-travail h2,
.focus-bloc-lampe-chevet h2,
.focus-bloc-temperature h2,
.focus-bloc-sus-sam h2,
.focus-bloc-veilleuse h2
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.col-xs-5v,
.col-sm-5v,
.col-md-5v,
.col-lg-5v {
    position: relative;
    min-height: 1px;
}

.col-sm-5v, .col-md-5v, .col-lg-5v{
    width: 20%;
    float: left;
}


.essentiels-texte .panel {border-right:2px solid #e2e2e2; -webkit-box-shadow:none;box-shadow:none}
.essentiels-texte .panel-body, .upperBold{font-weight: 500;text-transform: uppercase;}
.essentiels-texte  .panel-footer{background-color:#fff; border:none;padding: 0 15px;font-size: 12px}

.marg-position{margin: 20px 34px 0;}
.bblack:hover{color: #fff}
.pg_mer #mer,
.pg_montagne #montagne,
.pg_campagne #campagne,
.pg_etranger #etranger{
    display: block;
    height: 5px;
    position: relative;
    top: -30px;
    padding: 15px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #ffd22e;
}

.focus-bloc, .focus-bloc-lecture, .focus-bloc-lampe-chevet,
.focus-bloc-lampe-bureau,.focus-bloc-plan-travail,
.focus-bloc-temperature, .focus-bloc-sus-sam, .focus-bloc-veilleuse
{
    height: 543px;margin-top:0;padding-top: 1px}

.focus-bloc-lecture,.focus-bloc-plan-travail, .focus-bloc-lampe-chevet,
.focus-bloc-temperature, .focus-bloc-sus-sam, .focus-bloc-veilleuse,
.focus-bloc-lampe-bureau{width: 616px}
#nav-list-s li a {font-size: 16px;}
.pg_selection_1115 #nav-list-s .mariage a,
.pg_selection_1001 #nav-list-s .iconique a,
.pg_selection_1002 #nav-list-s .naissance a,
.pg_selection_1003 #nav-list-s .nature a,
.pg_selection_1004 #nav-list-s .original a,
.pg_selection_1005 #nav-list-s .tendance a,
.pg_salon #nav-list-s .piece-salon a,
.pg_bureau #nav-list-s .piece-bureau a,
.pg_cuisine #nav-list-s .piece-cuisine a,
.pg_chambre #nav-list-s .piece-chambre a,
.pg_salle-de-bain #nav-list-s .piece-salle-de-bain a,
.pg_salle-a-manger #nav-list-s .piece-salle-a-manger a,
.pg_kids #nav-list-s .piece-kids a
{
    font-weight: 600
}
.video-equipe iframe{height:615px}
.see-video iframe{height:300px}
.jb-listing {
    border: solid 1px #dee2e6;
    clear: both;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background-color: #fff;
    padding: 1em;
    margin-bottom: 1em;
}
.jb-tags ul li {
    display: inline-block;
    border-radius: 1em;
    padding: .2em 1.05em!important;
    border: 1px solid #b6b6b6;
    color: #100e01;
    margin-right: .4em;
    margin-bottom: .4em;
    text-shadow: none;
}
.simple-menu li{
    display: inline-block;
    padding: 1.3em 2em !important;
    border: 1px solid #b6b6b6;
    color: #100e01;
    margin-top: 1em;
    margin-right: 0.4em;
    margin-bottom: 1em;
    text-shadow: none;
}

.jb-perimee{color:#a94442;}
.jb-active{color:#157D13;}
.bbox-chaude, .bbox-neutre, .bbox-couleur,.bbox-froide{
    border: 1px solid #efd88c;
    padding: 20px;
    margin-bottom: 20px;
}
.bbox-chaude div div .text-center, .bbox-neutre div div .text-center, .bbox-couleur div div .text-center, .bbox-froide div div .text-center {
    min-height: 160px;
}
.bbox-neutre{
    border: 1px solid #d8d8da;
}
.bbox-couleur{
    border: 1px solid #dbbbc2;
}
.bbox-froide{
    border: 1px solid #a7d1f7;
}
.pg_achat-ampoule .m-techno, .pg_culot-consommation .m-conso,
.pg_caracteristiques .m-temperature,.pg_bien-eclairer .m-eclairer,
.pg_consommation-responsable .m-ecologie, .pg_lexique-ampoules .m-lexique
{
    background-color: #fff9cd; color:#fa781c;
}
.simple-menu a span {display: block}
.position-btn-amp{position: absolute;right: 0;bottom: 24px;}
.pg_salon .tetiere-page,
.pg_bureau .tetiere-page,
.pg_cuisine .tetiere-page,
.pg_chambre .tetiere-page,
.pg_salle-de-bain .tetiere-page,
.pg_salle-a-manger .tetiere-page,
.pg_kids .tetiere-pag {
    padding-top: 10px;
}
.texte-description{padding: 20px;}
.grande-vertigo .stitle-descipt{
    text-align: center;
    margin-top: -14px;
    margin-left: 163px;
    text-transform: uppercase;
    color: #ccc1c1;
    font-size: 20px;
}
.petite-vertigo .stitle-descipt{
    text-align: right;
    margin-top: -14px;
    margin-left: 163px;
    text-transform: uppercase;
    color: #ccc1c1;
    font-size: 20px;
} 

.grande-imgs .ptxt .stitle-descipt, 
.medium-imgs .ptxt .stitle-descipt,
.petite-imgs .ptxt .stitle-descipt
{
    text-align: center;
    margin-top: -14px;
    margin-left: 163px;
    text-transform: uppercase;
    color: #ccc1c1;
    font-size: 20px;
}
.table-decompose-lo caption{
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    color: #100e01;
}
.pg_adeo p{text-align: justify}
.icon-baby-boy{top: -20px;position: relative;}

.mcolor-block{
    width: 20px;
    height: 20px;
    display: inline-block;
}
.mcolor1 {
    background: #020403;
    border: 1px solid #020403;
}
.mcolor2 {
    background: #ebebeb;
    border: 1px solid #ebebeb;
}
.mcolor3 {
    background: #5e5e6e;
    border: 1px solid #5e5e6e;
}
.mcolor4 {
    background: #967272;
    border: 1px solid #967272;
}
.mcolor5 {
    background: #7c1b33;
    border: 1px solid #7c1b33;
}
.mcolor6 {
    background: #c0a164;
    border: 1px solid #c0a164;
}
.mcolor7 {
    background: #303131;
    border: 1px solid #303131;
}
.mcolor8 {
    background: #b6b19c;
    border: 1px solid #b6b19c;
}
.mcolor9 {
    background: #012a31;
    border: 1px solid #012a31;
}
.pg_black-friday .swiper-container-light-multi{
    padding-top: 30px;
    padding-bottom: 30px;
}
.pg_black-friday .swiper-lo .bloc-cadre-lo h3{
    font-size: 15px;
}
.swiper-lo .bloc-cadre-lo {
    border: 1px solid #e2e2e2;
    text-align: center;
}
.swiper-lo .bloc-cadre-lo h3{
    text-transform: uppercase;
    font-size: 17px;
}
.swiper-lo .bloc-cadre-lo h3, 
.swiper-lo .bloc-cadre-lo p {
    text-align: center;
    font-weight: 400;
    padding: 0 20px;

}
.pg_services .panel{border-radius:0}
.lo-frise-panel{background-color: rgb(255, 241, 215);text-align: center; margin-top: 20px;}
.lo-frise-panel .ico {
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin: 10px auto;
    font-size: 50px;
    padding-top: 10px;
}
.lo-frise-panel p.text1 {
    margin-bottom: 0;
    font-weight: 700;
}
.lo-frise-panel p.text2 {
    margin: 0 0 3px;
}
.lo-frise-panel .list-info{ margin-bottom: 10px}
.adeo-bk blockquote{font-size: 14px}
.well ul li{
    padding-left: 20px;
}
.well ul li:before {content: "\f111";font: normal normal normal 9px/1 FontAwesome;padding-right: 5px;}
.well ul li ul li{padding-left: 40px;}
.well ul li ul li:before {content:"\f10c";font: normal normal normal 9px/1 FontAwesome;padding-right: 5px;}
@media only screen and (min-width : 414px) and  (max-width : 460px){
    .swiper-avec-fond .marque-swp{top:311px !important;}
}
@media only screen and (min-width : 360px) and  (max-width : 460px){
  .pg_luminaire-interieur .swiper-product-lo .marque-swp{top:366px !important;}
}

@media only screen and (min-width : 300px) and  (max-width : 767px){

    .st-center{
     width: 100%;
     margin: 0 auto 10px;
    }
    .swiper-pdt .marque-swp{top: 363px;}
    .swiper-lo-third .fontsize45{font-size: 37px}
    .swiper-avec-fond .marque-swp{top: 266px;}
    .pg_solaire .swiper-avec-fond .marque-swp{top:227px}
    .pg_eclairage-exterieur .swiper-product-lo .marque-swp{
       top: 370px;
    }
   .active .mask-tabs-blue, .mask-tabs-blue:hover{
       background: none;
       position: relative;
       top:0;
       width: 100%
    }
 .pg_eclairage-exterieur .mask-tabs-blue .libelle-tb,
 .pg_luminaire-interieur .mask-tabs-blue .libelle-tb,
 .pg_lightmag .mask-tabs-blue .libelle-tb{
    color:#000;
    font-family:"kaffeehausNeon";
    font-size: 21px !important;
    font-weight: 200;
    width: 100%
}
.active .mask-tabs-blue .libelle-tb {
    color:#fff
}
.pg_lightmag .libelle-with-bg{
    font-size: 13px;
    top: 25%;
    width: 74%
}
.pg_lightmag  .libelle-tb:hover{color:#000}
.pg_eclairage-exterieur .tabs-container-lo .nav-tabs .active,
.pg_luminaire-interieur .mask-tabs-blue .libelle-tb .active,
.pg_lightmag .mask-tabs-blue .libelle-tb .active{
    background: #ffd40b;
    border-radius: 0;
}
.incrust-desc{
    transform: translate(0%,0%);
    width: 100%;
}
.pg_solaire .image-avec-texte .first-caption.center-img {
        left: 35%;
}
.pg_solaire .titre-simple-trait{
    font-size: 18px;
}
.middle-width-two {
width: 65%; 
}
 .svg-wrapper svg {
    border-bottom:0;
 }
.tabs-container-lo .libelle-tb, .libelle-with-bg {
    font-size: 20px
}
.padd-mob .row-padd{
    padding-right: 20px;
    padding-left: 0px;
}
.tabs-container-lo .libelle-tb {
position: relative;
top: 0%;
left: 0%;
transform: translate(0%, 0%);
text-align: center;
width: 100%;
}
.tabs-container-lo .nav-tabs .nav-link h3 {
    font-size: 13px;
}
.tabs-container-lo .nav-tabs .active {
    background: #003966;
    border-radius: 0;
}
.tabs-container-lo .nav-tabs .active a {
    color: #fff;
    border-radius: 0;
    background-color: transparent;
}
 .tabs-container-lo .nav-tabs .active a:hover,
 .tabs-container-lo .nav-tabs .active a:focus {
    color: #fff;
    border-radius: 0;
    background-color: transparent;
    text-decoration: underline;
}
    .image-avec-texte .second-caption.bottom-img{top:84%;}
    .separator-left-big-top {
        height: 3px;
        margin: 0 -14px 0px;
    }
    .texte-descript-p-six{margin-top: 23px;}
    .titre-ext{letter-spacing: 1px;}
    .pg_mer #mer,
    .pg_montagne #montagne,
    .pg_campagne #campagne,
    .pg_etranger #etranger{
        height: 1px;
        top: -7px;
        padding: 5px;
        width: 95%;
        margin: 0 auto 5px;
    }
    .position-btn-amp{position: relative;right: 0;bottom: 0;}
    .simple-menu a span {display: inline-block}
    .simple-menu a{line-height: 45px;}
    .mob-chevron{
        position: absolute;
        height: 40px;
        top: 14px;
        right: -3em;
        width: 121px;
        z-index: 2;
    }
    .bloc-menu-ancre .mob-chevron {
         position: relative;
         height: auto;
         top: 0;
         right: 0;
    }
    .simple-menu li {
        display: block;
        padding: 0 !important;
        border:none;
        color: #100e01;
        margin-top: 0;
        margin-right: 0.4em;
        margin-bottom: 0;
        text-shadow: none;
    }
    #navbar-cadeaux{margin-bottom: 15px;}
    .pg_achat-ampoule .navbar-lo,
    .pg_culot-consommation .navbar-lo,
    .pg_caracteristiques .navbar-lo,
    .pg_bien-eclairer .navbar-lo,
    .pg_consommation-responsable .navbar-lo,
    .pg_lexique-ampoules .navbar-lo,
    .pg_selection_1002 .navbar-lo,
    .pg_selection_1115 .navbar-lo,
    .pg_selection_1005 .navbar-lo,
    .pg_selection_1004 .navbar-lo,
    .pg_selection_1001 .navbar-lo,
    .pg_selection_1003 .navbar-lo
    {
        background-color: #fff9cd;
        border: 0;
        list-style: none;
        margin: 5px -5px 0;
        padding-top: 42px;
        position: relative;
        text-align: center;
        font-size: 1.145rem;
    }
    .pg_salons-imm-cologne .navbar-lo,
    .pg_salons-maison-et-objet .navbar-lo,
    .pg_salon-euroluce .navbar-lo
    {
        border: 0;
        list-style: none;
        margin: 5px -5px 0;
        padding: 0;
        padding-top: 45px;
        position: relative;
        text-align: center;
        font-size: 1.145rem;
    }
    .pg_salon .navbar-lo,
    .pg_bureau .navbar-lo,
    .pg_cuisine .navbar-lo,
    .pg_chambre .navbar-lo,
    .pg_salle-de-bain .navbar-lo,
    .pg_salle-a-manger .navbar-lo,
    .pg_kids .navbar-lo,
    .pg_selection_1002 .navbar-lo,
    .pg_selection_1115 .navbar-lo,
    .pg_selection_1005 .navbar-lo,
    .pg_selection_1004 .navbar-lo,
    .pg_selection_1001 .navbar-lo,
    .pg_selection_1003 .navbar-lo
    {
        border: 0;
        list-style: none;
        margin: 1px -5px 0;
        padding: 0;
        padding-top: 45px;
        position: relative;
        text-align: center;
        font-size: 11px;
    }

    .pg_salon .simple-menu, 
    .pg_bureau .simple-menu,
    .pg_cuisine .simple-menu,
    .pg_chambre .simple-menu,
    .pg_salle-de-bain .simple-menu,
    .pg_salle-a-manger .simple-menu,
    .pg_kids .simple-menu,
    .pg_selection_1002 .simple-menu,
    .pg_selection_1115 .simple-menu,
    .pg_selection_1005 .simple-menu,
    .pg_selection_1004 .simple-menu,
    .pg_selection_1001 .simple-menu,
    .pg_selection_1003 .simple-menu
    {
        backface-visibility: hidden;
        list-style: none;
        margin: 0;
        height: auto;
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s;
    }
    .pg_salon .simple-menu.loactive, 
    .pg_bureau .simple-menu.loactive,
    .pg_cuisine .simple-menu.loactive,
    .pg_chambre .simple-menu.loactive,
    .pg_salle-de-bain .simple-menu.loactive,
    .pg_salle-a-manger .simple-menu.loactive,
    .pg_kids .simple-menu.loactive,
    .pg_selection_1002 .simple-menu.loactive,
    .pg_selection_1115 .simple-menu.loactive,
    .pg_selection_1005 .simple-menu.loactive,
    .pg_selection_1004 .simple-menu.loactive,
    .pg_selection_1001 .simple-menu.loactive,
    .pg_selection_1003 .simple-menu.loactive
    {
        max-height: 500px;
    }
    .pg_salon .simple-menu.loclosed,
    .pg_bureau .simple-menu.loclosed,
    .pg_cuisine .simple-menu.loclosed,
    .pg_chambre .simple-menu.loclosed,
    .pg_salle-de-bain .simple-menu.loclosed,
    .pg_salle-a-manger .simple-menu.loclosed,
    .pg_kids .simple-menu.loclosed,
    .pg_selection_1002 .simple-menu.loclosed,
    .pg_selection_1115 .simple-menu.loclosed,
    .pg_selection_1005 .simple-menu.loclosed,
    .pg_selection_1004 .simple-menu.loclosed,
    .pg_selection_1001 .simple-menu.loclosed,
    .pg_selection_1003 .simple-menu.loclosed
    {
        max-height: 0;
    }

    .pg_achat-ampoule .simple-menu,
    .pg_culot-consommation .simple-menu,
    .pg_caracteristiques .simple-menu,
    .pg_bien-eclairer .simple-menu,
    .pg_consommation-responsable .simple-menu,
    .pg_lexique-ampoules .simple-menu,
    .pg_selection_1002 .simple-menu,
    .pg_selection_1115 .simple-menu,
    .pg_selection_1005 .simple-menu,
    .pg_selection_1004 .simple-menu,
    .pg_selection_1001 .simple-menu,
    .pg_selection_1003 .simple-menu,
    .pg_salons-imm-cologne .simple-menu,
    .pg_salons-maison-et-objet .simple-menu,
    .pg_salon-euroluce .simple-menu
    {
        backface-visibility: hidden;
        list-style: none;
        margin: 0;
        height: auto;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s;
    }
    .pg_achat-ampoule .simple-menu.loactive,
    .pg_culot-consommation .simple-menu.loactive,
    .pg_caracteristiques .simple-menu.loactive,
    .pg_bien-eclairer .simple-menu.loactive,
    .pg_consommation-responsable .simple-menu.loactive,
    .pg_lexique-ampoules .simple-menu.loactive,
    .pg_selection_1002 .simple-menu.loactive,
    .pg_selection_1115 .simple-menu.loactive,
    .pg_selection_1005 .simple-menu.loactive,
    .pg_selection_1004 .simple-menu.loactive,
    .pg_selection_1001 .simple-menu.loactive,
    .pg_selection_1003 .simple-menu.loactive,
    .pg_salons-imm-cologne .simple-menu.loactive,
    .pg_salons-maison-et-objet .simple-menu.loactive,
    .pg_salon-euroluce .simple-menu.loactive
    {
        max-height: 500px;
    }
    .pg_achat-ampoule .simple-menu.loclosed,
    .pg_culot-consommation .simple-menu.loclosed,
    .pg_caracteristiques .simple-menu.loclosed,
    .pg_bien-eclairer .simple-menu.loclosed,
    .pg_consommation-responsable .simple-menu.loclosed,
    .pg_lexique-ampoules .simple-menu.loclosed,
    .pg_selection_1002 .simple-menu.loclosed,
    .pg_selection_1115 .simple-menu.loclosed,
    .pg_selection_1005 .simple-menu.loclosed,
    .pg_selection_1004 .simple-menu.loclosed,
    .pg_selection_1001 .simple-menu.loclosed,
    .pg_selection_1003 .simple-menu.loclosed,
    .pg_salons-imm-cologne .simple-menu.loclosed,
    .pg_salons-maison-et-objet .simple-menu.loclosed,
    .pg_salon-euroluce .simple-menu.loclosed
    {
        max-height: 0;
    }
    .pg_achat-ampoule .m-techno a,
    .pg_culot-consommation .m-conso a,
    .pg_caracteristiques .m-temperature a,
    .pg_bien-eclairer .m-eclairer a,
    .pg_consommation-responsable .m-ecologie a, 
    .pg_lexique-ampoules .m-lexique a,
    .pg_salon .piece-salon a,
    .pg_bureau .piece-bureau a,
    .pg_cuisine .piece-cuisine a,
    .pg_chambre .piece-chambre a,
    .pg_salle-de-bain .piece-salle-de-bain a,
    .pg_salle-a-manger .piece-salle-a-manger a,
    .pg_kids .piece-kids a,
    .pg_selection_1002 .naissance a,
    .pg_selection_1115 .mariage a,
    .pg_selection_1005 .tendance a,
    .pg_selection_1004 .original a,
    .pg_selection_1001 .iconique a,
    .pg_selection_1003 .nature a,
    .pg_salons-imm-cologne .menu-d1 a,
    .pg_salons-maison-et-objet .menu-d2 a,
    .pg_salon-euroluce .menu-d3 a
    {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        font-weight: bold;
    }
    .ecoute{font-size: 16px;}
    .image-avec-texte .first-caption.center-img{width: 61%;}
    .video-equipe iframe{height:300px}
    .focus-bloc{height: 100%;margin-top: 20px;}
    .focus-bloc-lecture, .focus-bloc-plan-travail, .focus-bloc-lampe-chevet,
    .focus-bloc-temperature, .focus-bloc-sus-sam, .focus-bloc-veilleuse,
    .focus-bloc-lampe-bureau{height: 100%;margin-top: 20px;width: 100%}
    .bloc-padding-top40{padding-top: 10px;}
    .bloc-padding-bottom40{padding-bottom: 10px}
    .first-caption.full-right{background: #fff;top: 0%;width: 47%;left: 75%;}
    .second-caption.full-right{left: 74%;width: 49%;}
    .first-caption.full-left{top: 4%;width: auto;left: 28%;}
    .second-caption.full-left{left: 32%;width: 70%;}
    .pg_salon-euroluce .second-caption.full-left,
    .pg_salons-maison-et-objet .second-caption.full-left{left: 23%; top:28px; width: auto;}
    .pg_salon-euroluce .first-caption.full-right,
    .pg_salons-maison-et-objet .first-caption.full-right{background: #fff;top: 0%;width: 50%;left: 77%;}
    .pg_salon-euroluce .second-caption.full-right, .pg_salons-imm-cologne .second-caption.full-right,
    .pg_salons-maison-et-objet .second-caption.full-right{top:10%;width: 42%;left: 74%;}
    .col-xs-5v {
        width: 50%;
        float: left;
    }
    .bloc-margin-top77{margin-top:0}
    .separator-left-big{width: 59px;margin: 11px -15px 0px;position:relative; top:0}
    .top-big .caption-label-img{left:0%;padding-right: 0;}
    .image-avec-texte .first-caption.top-big{top: 20%; left: 0px;}
    .padd-position-texte{padding:5px}
    .padd-position-image{margin: 15px 0 0 0;}
    .marg-position{margin: 8px;}
    .moments-de-vie .image-avec-texte .second-caption{top: 25%;}
    .tetiere-page .image-avec-texte .first-caption.center-img{top:29%;width: 72%;}
    .pg_luminaires-connectes .tetiere-page .image-avec-texte .first-caption.center-img{
        top:34%;width: 72%;}
    .pg_luminaires-connectes .first-caption.center-img {
      left: 26%;
    }
    .texte-moments-de-vie {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
    }
    .texte-sur-image-center{
        top: 58px;
        left: 50px;
        transform: translate(4%,16%);
    }
    .texte-sur-image-center a {
        font-size: 12px;
    }
    .small-padding-block{
        padding-bottom: 10px;
    }
    .qcoun {
        font-size: 16px;
    }
    .col-center-block img{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }
    .first-titre-moment-black{font-size:20px;}
    .col-xs-5cs {width: 50%;float: left;}
    .fontsize0{font-size: 0px}
    .fontsize20{font-size: 13px}
    .fontsize25{font-size: 20px}
    .fontsize26{font-size: 15px}
    .fontsize50{font-size: 25px  !important}
    .fontsize60{font-size: 30px  !important}
    .fontsize30{font-size: 22px  !important}
    .fontsize37{font-size: 21px  !important}
    .fontsize40{font-size: 23px  !important}
    .fontsize57{font-size: 24px !important}
    .font-kaufman.fontsize60{font-size: 40px !important;}
    .font-kaufman.fontsize50{font-size: 32px !important;}
    .font-kaufman.fontsize30{font-size: 22px !important;}
    .font-kaufman.fontsize40{font-size: 24px !important;}
    .texte-moments-de-vie p span{font-size: 19px;}
    .moments-de-vie .first-caption{background-color: #fff;}
    .moments-de-vie .separator-left{margin: -8px 0 15px;width: 35px;}
    .tetiere-page .fontsize60{font-size: 23px !important;}
    .pg_solaire h2 span{font-size:16px}
    .pg_solaire .tgrey2.fontsize20{font-size:17px;padding: 0 17px 0 17px;}
    #fond-jaune-cadeau {
        background-image: url(/ximg/idees_cadeaux/rec-budget.jpg);
        line-height: 50px;
    }
    .pg_mer .image-avec-texte,
    .pg_montagne .image-avec-texte,
    .pg_campagne .image-avec-texte,
    .pg_etranger .image-avec-texte{
        padding-top: 10px;
    }
    .pg_mer .fontsize20,
    .pg_montagne .fontsize20,
    .pg_campagne .fontsize20,
    .pg_etranger .fontsize20{
        font-size: 17px
    }
    .padd-position{margin:8px}
    .padd-position15{margin:5px}
    .padd-mob {
        padding: 0 16px 0 16px;
    }
    .first-pos-select {
        top: 6px;
        left: 14px;
        font-size: 19px;
    }
    .second-pos-select {
        top: 23px;
        left:15px;
        font-size: 20px;
        z-index: 4;
    }
    .second-pos-select-bottom {
        top: 160px;
        left: 15px;
        font-size: 20px;
        z-index: 4;
    }
    .first-pos-select-two {
        top: 10px;
        right: 12px;
        font-size: 19px;
    }
    .first-pos-select-two-bottom {
        top: 142px;
        right: 12px;
        font-size: 19px;
    }
    .first-pos-select-bottom {
        top: 142px;
        left: 14px;
        font-size: 19px;
    }
    .second-pos-select-two {
        top: 27px;
        right: 10px;
        font-size: 20px;
    }
    .second-pos-select-two-bottom {
        top: 160px;
        right: 10px;
        font-size: 20px;
    }
    .idees-cadeaux p{padding: 1px;}
    .line-border-aff span, .titre-texte-lr{font-size:17px}
    .first-pos {
        top: 0;
        left: 38px;
        font-size: 20px;
        z-index: 1;
    }
    .second-pos {
        top: 19px;
        left: 51px;
        font-size: 28px;
        z-index: 4;
    }
    .cadre-lo-contenu{
        position: relative;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        transform: translate(-58%, 3%);
    }
}
@media (min-width:768px) {
    .collection_name {font-size:20px !important}
    .grande-vertigo img{
        position: absolute;left: -248px;
    }
    .pg_pipistrello .petite-imgs .ptxt{padding:37px}
    .petite-vertigo-txt{padding: 30px;}
    .petite-imgs .ptxt{padding: 108px;}
    .petite-imgs-other .ptxt{padding: 10px 0 8px 109px;}
    .petite-vertigo img{
        position: relative;left: -260px;
    }
    .col-sm-5vs {
        width: 20%;
        float: left;
    }
    .col-sm-5cs { width: 20%;float: left;}
    #navbar-piece{margin: 1rem auto;}
    #nav-list-s li {
        padding: 17px 15px !important;
        border-top: 0;
        border-left: 0;
        border-bottom: 0;
        border-right: 1px solid #000;
        margin:0;
        width: 172px;
        line-height: 48px;
    }
    .pg_salons-imm-cologne .menu-d3{
        zoom: 1;
        opacity: 0.2;
        -moz-opacity:0.2;
        filter: alpha(opacity=0.2);
    }
    .pg_salons-imm-cologne .menu-d2{
        zoom: 1;
        opacity: 0.2;
        -moz-opacity:0.2;
        filter: alpha(opacity=0.2);
    }
    .pg_salons-maison-et-objet .menu-d1{
        zoom: 1;
        opacity: 0.2;
        -moz-opacity:0.2;
        filter: alpha(opacity=0.2);
    }
     .pg_salons-maison-et-objet .menu-d3{
        zoom: 1;
        opacity: 0.2;
        -moz-opacity:0.2;
        filter: alpha(opacity=0.2);
    }
    .pg_salon-euroluce .menu-d1{
        zoom: 1;
        opacity: 0.2;
        -moz-opacity:0.2;
        filter: alpha(opacity=0.2);
    }
     .pg_salon-euroluce .menu-d2{
        zoom: 1;
        opacity: 0.2;
        -moz-opacity:0.2;
        filter: alpha(opacity=0.2);
    }
    
    #navbar-cadeaux #nav-list-s li{ padding: 1px 5px !important;line-height: 12px !important;}
    #nav-list-s li:last-child {border-right:0}
    #nav-list-s li .piece-icone-lo{
        display: inline-block;
    }

    #nav-list-s li .piece-icone-lo:before{
        font-size: 4em;
        margin-left: 0;
        color: #c3b127;
    }
    .pg_salon #nav-list-s .piece-salon .piece-icone-lo:before,
    .pg_bureau #nav-list-s .piece-bureau .piece-icone-lo:before,
    .pg_cuisine #nav-list-s .piece-cuisine .piece-icone-lo:before,
    .pg_chambre #nav-list-s .piece-chambre .piece-icone-lo:before,
    .pg_salle-de-bain #nav-list-s .piece-salle-de-bain .piece-icone-lo:before,
    .pg_salle-a-manger #nav-list-s .piece-salle-a-manger .piece-icone-lo:before,
    .pg_kids #nav-list-s .piece-kids .piece-icone-lo:before {
        color: #000;
    }
    .pg_salon .piece-salon span,
    .pg_bureau .piece-bureau span,
    .pg_cuisine .piece-cuisine span,
    .pg_chambre .piece-chambre span,
    .pg_salle-de-bain .piece-salle-de-bain span,
    .pg_salle-a-manger .piece-salle-a-manger span,
    .pg_kids .piece-kids span,
    .menu-d1 span,
    .menu-d2 span,
    .menu-d3 span,
    .menu-d4 span,
    .menu-d5 span,
    .menu-d6 span,
    .menu-d7 span
    {
        font-weight: 600;
    }

    #nav-list-s li a {
        display: block;
        text-decoration: none;
    }

}
@media (min-width:768px) and (max-width :1025px){
    
    .pg_solaire .swiper-avec-fond  #tab1 .marque-swp{
       top: 147px; 
    }
    
    .pg_solaire .swiper-avec-fond  #tab2 .marque-swp{
       top: 156px; 
    }
    .pg_solaire .swiper-tab-container-pdt{
       height: 358px;
    }
    .incrust-desc {
        transform: translate(22%,-21%);
        position: relative;
        width: 60%;
    }
    .soleil2 img {
        margin: 15px 0 23px 31px;
    }
    .soleil3 img {
        margin: 0 0 0 31px;
    }
    .soleil4 img {
        margin: 106px 0 0px 31px;
    }
    
    .soleil img {
        margin: 28px 0 27px 31px;
    }
    .connecte img {
        margin: 1px 0 0 31px;
     }
     .connecte2 img {
        margin: 103px 0 0 -31px;
     }
    .padd-mob {
        padding: 0 16px 0 16px;
    }
    .grande-vertigo .col-sm-9 {
        width: 65%
    }
    .grande-vertigo-col.col-sm-7, .petite-vertigo-col.col-sm-5 {
        width: 100%
    }
    .petite-vertigo-col .col-sm-5 {
        width: 100%
    }
    .grande-vertigo img {
        position: relative;
        left: -248px;
    }
    .petite-vertigo img {
        left: 0;
    }
    #nav-list-s li {
        padding: 7px 5px !important;
        border-right: none;
        margin: 0;
        width: 100px;
        line-height: 24px;
    }
    #nav-list-s li a{
        font-size: 13px;
    }
    .focus-bloc-lecture, .focus-bloc-plan-travail, .focus-bloc-lampe-chevet, 
    .focus-bloc-temperature, .focus-bloc-sus-sam, .focus-bloc-veilleuse, .focus-bloc-lampe-bureau {
        margin: 0 auto;
    }
    .focus-bloc, .focus-bloc-lecture, .focus-bloc-lampe-chevet, 
    .focus-bloc-lampe-bureau, .focus-bloc-plan-travail, 
    .focus-bloc-temperature, .focus-bloc-sus-sam, .focus-bloc-veilleuse
    {
        width: auto;
        height: auto;
    }
    .marg-position {
        margin: 2px 9px 0;
    }
    .font-kaufman.fontsize60{font-size: 40px !important;}
    .font-kaufman.fontsize50{font-size: 32px !important;}
    .font-kaufman.fontsize30{font-size: 22px !important;}
    .font-kaufman.fontsize40{font-size: 24px !important;}
    #fond-jaune-cadeau{line-height: 60px;}
    .bloc-margin-top77{margin-top:-44px} 
    .texte-moments-de-vie {
        top: 255px;
        left: 211px;
    }
    .texte-moments-de-vie p span {
        padding: 6px;
        font-size: 20px;
    }
    .pg_lightguide .moments-de-vie .second-caption {
        height: 13%;
    }
    .pg_lightguide .moments-de-vie .first-caption {
        height: 26%;
    }

    .pg_lightguide .fontsize20{font-size: 15px !important}

    .small-padding-block{
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 26px;
    }
    .pg_lightguide .image-avec-texte .first-caption.center-img{width: auto;}
    .pg_lightguide .texte-sur-image-center{
        top: 32%;
    }
    .focus-bloc-lecture .font-kaufman.fontsize40, 
    .focus-bloc .font-kaufman.fontsize40,
    .focus-bloc-plan-travail .font-kaufman.fontsize40,
    .focus-bloc-lampe-bureau .font-kaufman.fontsize40,
    .focus-bloc-lampe-chevet .font-kaufman.fontsize40,
    .focus-bloc-temperature .font-kaufman.fontsize40,
    .focus-bloc-sus-sam .font-kaufman.fontsize40,
    .focus-bloc-veilleuse .font-kaufman.fontsize40{
        font-size: 35px !important;
    }

    .pg_salon .first-caption.full-left , 
    .pg_salon.first-caption.full-right,
    .pg_bureau .first-caption.full-left,
    .pg_cuisine .first-caption.full-left,
    .pg_chambre .first-caption.full-left,
    .pg_salle-de-bain .first-caption.full-left{
        height:7%
    }
    .pg_salle-de-bain .first-caption.full-left{
        left: 17%;
    }
    .pg_salon .first-caption.full-left .fontsize30, 
    .pg_salon .first-caption.full-right .fontsize30,
    .pg_bureau .first-caption.full-left .fontsize30,
    .pg_cuisine .first-caption.full-left .fontsize30,
    .pg_chambre .first-caption.full-left .fontsize30,
    .pg_salle-de-bain .first-caption.full-left .fontsize30
    {
        font-size: 25px;
    }

    .pg_salon .second-caption.full-left .fontsize50, 
    .pg_salon .second-caption.full-right .fontsize50,
    .pg_bureau .second-caption.full-left .fontsize50,
    .pg_cuisine .second-caption.full-left .fontsize50,
    .pg_chambre .second-caption.full-left .fontsize50,
    .pg_salle-de-bain .second-caption.full-left .fontsize50
    {
        font-size: 38px;
    }
    .pg_salon .second-caption.full-left .separator-full-left,
    .pg_bureau .second-caption.full-left .separator-full-left,
    .pg_cuisine .second-caption.full-left .separator-full-left,
    .pg_chambre .second-caption.full-left .separator-full-left,
    .pg_salle-a-manger .second-caption.full-left .separator-full-left,
    .pg_kids .second-caption.full-left .separator-full-left{
        top: 52px;
    }
    .pg_salon .second-caption.full-right .separator-full-right
    {
        top: 31px;
        margin: 3px 86px 0px;
    }
    .pg_bureau .second-caption.full-left,
    .pg_cuisine .second-caption.full-left,
    .pg_chambre .second-caption.full-left
    {
        width: auto;
        left: 15%;
    }
    .padd-mob-img{padding: 0 37px 0 46px;}
    .pg_salle-a-manger .first-caption.full-left  {
        left: 18%;
        top: 38px;
    }
    .pg_salle-a-manger .second-caption.full-left{
        width: auto;
        top: 15%;
        left: 19%;
    }
    .pg_kids .second-caption.full-left  {
        width: auto;
        top: 18%;
    }
}
@media (min-width:992px) and (max-width :1180px){
    .petite-vertigo img {
        left: -186px;
    }
    .grande-imgs .ptxt{margin-top: 337px;}
}
@media (min-width:1185px) {
    .grande-imgs .ptxt{margin-top: 472px;}
    .petite-imgs img{margin-top: 117px;}
    .pg_pipistrello .grande-imgs .ptxt{margin-top:283px}
    .artemide-head{margin-top: 11px;}
    .jielde-head{margin-top: -21px;}
    .petite-friture-head{margin-top: -15px;}
    .petite-imgs-other{margin-top: 16px;}
}
@media (min-width:992px) {
    .col-md-5c {width: 20%;float: left;}
    .col-md-5v {
        width: 20%;
        float: left;
    }
}
@media (min-width:767px)  and (max-width : 1024px){
    .cadre-lo-contenu{
    left: 50%;
    transform: translate(-53%, -53%);
    width: 60%
}
    .padd-mob {
        padding: 0 16px 0 16px;
    }
    .separator-left-big{margin: 0 -16px 0px; top:41px}
}
@media (min-width:300px)  and (max-width : 322px){
   
    .separator-left-big{margin:5px -15px 0px; top:0}
}
@media (min-width:323px)  and (max-width : 366px){
   
    .separator-left-big{margin:9px -15px 0px; top:0}
}
@media (min-width:640px)  and (max-width : 760px){
   
    .top-big{height: 8%;}
}
@media (min-width: 1200px) {

    .cadre-lo-contenu{
             left: 314px;
    top: -109px;
    height: 210px;
    width: 592px;
    }
    .pg_luminaire-interieur #tab-1 .cadre-lo-contenu,
    .pg_luminaire-interieur #tab-2 .cadre-lo-contenu{
         transform: translate(-53%, -155%);
    }
    .pg_lightmag #tab-1 .cadre-lo-contenu,
    .pg_lightmag #tab-4 .cadre-lo-contenu{
         transform: translate(-53%, -149%);
    }
    .pg_lightmag #tab-3 .cadre-lo-contenu{
         transform: translate(-53%, -140%);
    }
    .pg_lightmag  #tab-2 .cadre-lo-contenu{
         transform: translate(-53%, -147%);
    }
    .pg_eclairage-exterieur #tab-1 .cadre-lo-contenu,
    .pg_eclairage-exterieur #tab-4 .cadre-lo-contenu{
         transform: translate(-53%, -163%);
    }
    .pg_eclairage-exterieur #tab-3 .cadre-lo-contenu{
         transform: translate(-53%, -173%);
    }
    .pg_eclairage-exterieur  #tab-2 .cadre-lo-contenu{
         transform: translate(-53%, -169%);
    }
    
    .flex-box-lo{
        display: flex;
        flex-direction: row;
    }
    .focus-bloc{margin-left: -15px;}
    .texte-descript-p{padding: 37px 21px 0 47px;font-size: 16px;}
    .texte-descript-p-six{padding: 1px 21px 0 96px;font-size: 16px;}
    .col-lg-5c {width: 20%;float: left;}
    .no-padding-right {
        padding-right: 0 !important;
    }
    .no-padding-left {
        padding-left: 0 !important;
    }
    .small-padding-block{
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 17px;
    }
    .no-padding{padding: 0}
    .col-lg-5v {
        width: 20%;
        float: left;
    }
}
@media (max-width: 640px){
    .titreK, .titre-ext {
        font-size: 39px;letter-spacing:0
    }
}
@media (max-width: 767px) {
    .format1, .format2, .format3 {
        width: 88%;
        transform: translate(7%,-50%);
    }
    .bloc-padding-left30{padding-left: 0;}
}
.bg-blue { background-color: #0043AB; }
.txt-gold { color: gold; }
.href-gold { color: gold !important; }
a.href-gold:hover { color: white !important; }
.image-avec-texte .paleyellow {width: 54% !important;}

@media (max-width: 320px) {  
    .first-pos-select-bottom {
        top: 115px !important;
        font-size: 15px !important;
    }

    .second-pos-select-bottom {
        top: 131px !important;
        font-size: 15px !important;
    }
    .first-pos-select-two-bottom {
        top: 115px !important;
        font-size: 15px !important;
    }
    .second-pos-select-two-bottom {
        top: 131px !important;
        font-size: 15px !important;
    }
    .ttlBorder span {
        font-size: 25px !important;
    }
}

/* Content push */
.BannerContentPush {position: relative;}
.BannerContentPush > div { position: absolute;width: 96%;right: 2%;bottom: 4%;text-align: center;padding: 50px;}
.BannerContentPush > div:before {position: absolute;left: 10px;top: 10px;right: 10px;bottom: 10px;content: "";border: 3px solid #fdc230;}
.BannerContentPush p.title {font-size: 23px;}
.BannerContentPush img, 
.contentPush img {max-width: 100%;}
.contentPush iframe {min-height:320px}
.contentPush p.title, .contentPushVideo p.title, 
.contentTextModule .title, .bloc_texte_banniere h1 { margin-bottom: 20px;margin-top: 30px;font-size: 30px;height: 70px; overflow:hidden}
.contentTextModule .title { margin-top:0;max-height: 70px; height:auto}
.mainNavLayer .contentPush .text-left {text-align:center!important}
.mainNavLayer .contentPush .title, .mainNavLayer .contentPush .txt {height:auto;margin:0;padding:20px 0}
.mainNavLayer .contentPush .title {font-size:18px}
.mainNavLayer .withBorderInside .contentPush .title {padding:20px}
.BannerContentPush p.txt,
.contentPush p.txt,
.contentPushVideo p.txt, .contentTextModule .content {font-size: 14px;font-weight: 500;margin-bottom: 20px;height: 75px;line-height: 18px; overflow:hidden}
.contentTextModule .content {height:auto}
.contentPush a {display: inline-block;}
.withBorderInside .contentPush {position: relative;}
.withBorder .contentPush > a {display: block;}
.withBorder .contentPush { border:1px solid #ccc; }
.withBorder .contentPush img,
.withBorderInside .contentPush img { width:100% }
.withBorder .contentPush > div,
.withBorderInside .contentPush > div { text-align:center; padding-bottom: 15px; }
.withBorderInside .contentPush:before {content: "";display: block;border: 3px solid #fdc230;position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;z-index: 1;}
/* Content push large banner */
.contentPush.LargeBanner {clear: both; position: relative; overflow: hidden;}
.imgLeft .contentPush.LargeBanner .content {padding: 0 25px 0 15px;}
.imgRight .contentPush.LargeBanner .content {padding: 0 15px 0 25px ;}
.contentPush.LargeBanner .content {width: 33%;text-align: center;display:inline-block;vertical-align:middle;}
.contentPush.LargeBanner > .imgZone > img { width:100%}
.contentPush.LargeBanner > .imgZone {width: 67%; text-align: left;display:inline-block;vertical-align:middle; }
.contentPush.LargeBanner .content .title {margin-top:0}
.contentPush.LargeBanner:before {content: "";display: block;border: 3px solid #fdc230;position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px; z-index: 1;}
/* Content push with sku */
[data-slq=grd] .ProductInfos p.cat {font-size: 13px;font-weight: bold;text-transform:uppercase}
[data-slq=grd] .ProductInfos p.productName {font-size: 16px;font-weight: 600;margin-bottom:25px;text-transform:uppercase}
[data-slq=grd] .ProductInfos p.price {font-family: Myriad Pro;font-size: 18px;font-weight: normal;margin-bottom:30px}
[data-slq=grd] .ProductInfos p.review {font-size: 12px;font-weight: 500}
/* content push Hero */
.contentPush.Hero .contentPush { border: solid 3px #fdc230;position: relative; margin-left: -24%; padding: 16px 56px 56px 24%; max-width: 124%; margin-top: 8%; }
/*.contentPush.Hero .contentPush:before { position: absolute;left: 0;top: 0;right: 0;bottom: 0;content: "";border: 3px solid #c8cac8; }*/
.contentPush.Hero .ProductInfos { position:relative; margin-top:56px;}
.contentPush.Hero .ProductInfos img { position: absolute; top: -65%; right: 0;}
.contentPush.Hero .ProductInfos p { max-width: 50% }
/* Content push 3 sku */
.backgroundCover,
.bloc_texte_banniere { position:relative; padding: 35px 0;}
.backgroundCover > img {position: absolute;top: 0;left: 0;right: 0;height: 100%;bottom: 0;}
.contentPush.manysku .ProductInfos { background-color: #fff; text-align: center; padding: 15px; }
.contentPush.manysku .ProductInfos p.productName { height: 70px;}
.contentPush.manysku .ProductInfos img { max-width:100% }
.contentPush.manysku { width: 80%; margin: auto; }

div[id^="_grd-"].class-blockOnMob > div:first-child .contentPush:after {
content: "";
	border-right: 1px solid #ccc;
	top: 0;
	right: 0;
	bottom: 56px;
	position: absolute;
}

div[id^="_grd-"].class-blockOnMob > div:first-child .contentPush:after {
display: none;
}
.bg-encadre-fil{
    position: relative;
    top: -88px;
}

@media only screen and (min-width : 300px) and  (max-width : 767px){
	.cadre-lo-contenu{
        position: relative;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        transform: translate(-58%, 3%);
    }
}
@media (min-width:767px)  and (max-width : 1024px){
	 .title-img-other{font-size: 19px}
    .panel-body .cadre-lo-contenu{
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 73%;
    left: 35%;
    transform: translate(-53%, -1%);
    }
    .cadre-lo-contenu{
    left: 50%;
    transform: translate(-53%, -53%);
    width: 60%
}
@media (min-width: 1200px) {

    .cadre-lo-contenu{
        left: 50%;
        transform: translate(-53%, -147%);
    }
    .pg_luminaire-interieur #tab-1 .cadre-lo-contenu,
    .pg_luminaire-interieur #tab-2 .cadre-lo-contenu{
         transform: translate(-53%, -155%);
    }
    .pg_lightmag #tab-1 .cadre-lo-contenu,
    .pg_lightmag #tab-4 .cadre-lo-contenu{
         transform: translate(-53%, -149%);
    }
    .pg_lightmag #tab-3 .cadre-lo-contenu{
         transform: translate(-53%, -140%);
    }
    .pg_lightmag  #tab-2 .cadre-lo-contenu{
         transform: translate(-53%, -147%);
    }
    .pg_eclairage-exterieur #tab-1 .cadre-lo-contenu,
    .pg_eclairage-exterieur #tab-4 .cadre-lo-contenu{
         transform: translate(-53%, -163%);
    }
    .pg_eclairage-exterieur #tab-3 .cadre-lo-contenu{
         transform: translate(-53%, -173%);
    }
    .pg_eclairage-exterieur  #tab-2 .cadre-lo-contenu{
         transform: translate(-53%, -169%);
    }
   }
}
/* Tab */
[data-slq="grd"] .nav-tabs { margin-bottom: 1px; list-style: none;  position: relative; }
[data-slq="grd"] .nav-tabs:before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; }
[data-slq="grd"] .nav-tabs:after { clear: both; display: table; content: " "; }
[data-slq="grd"] .nav-tabs > li, .nav-tabs > div { float: left; margin-bottom: -2px; position: relative; display: block; }
[data-slq="grd"] .nav-tabs > li > a, .nav-tabs > div > a { position: relative; display: block; padding: 10px 15px; margin-bottom: 1px; margin-right: 2px; }
[data-slq="grd"] .nav-tabs > li > a:hover, .nav-tabs > div > a:hover { color: inherit;  }
[data-slq="grd"] .nav-tabs > li.active > a,
[data-slq="grd"] .nav-tabs > li.active > a:focus,
[data-slq="grd"] .nav-tabs > li.active > a:hover,
[data-slq="grd"] .nav-tabs > div.active > a,
[data-slq="grd"] .nav-tabs > div.active > a:focus,
[data-slq="grd"] .nav-tabs > div.active > a:hover  { color: #555; cursor: default; background-color: #fff; }
[data-slq="grd"] .tab-content { padding-top: 20px; border-style: solid; border: 0; }
[data-slq="grd"] .tab-content > .tab-pane.active { opacity: 1; height: auto; overflow: visible; }
[data-slq="grd"] .tab-content > .tab-pane { opacity: 0; height: 0; overflow: hidden; margin: 0; transition: 0.5s opacity ease; }