/* IMPORT FONTS */

@font-face {
    font-family: 'gaphik-r';
    src: url('../fonts/graphik-regular.eot');
    src: url('../fonts/graphik-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/graphik-regular.woff2') format('woff2'),
        url('../fonts/graphik-regular.woff') format('woff'),
        url('../fonts/graphik-regular.ttf') format('truetype'),
        url('../fonts/graphik-regular.svg#graphik-regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gaphik-l';
    src: url('../fonts/graphik-light.eot');
    src: url('../fonts/graphik-light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/graphik-light.woff2') format('woff2'),
        url('../fonts/graphik-light.woff') format('woff'),
        url('../fonts/graphik-light.ttf') format('truetype'),
        url('../fonts/graphik-light.svg#graphik-light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gaphik-sb';
    src: url('../fonts/graphik-semibold.eot');
    src: url('../fonts/graphik-semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/graphik-semibold.woff2') format('woff2'),
        url('../fonts/graphik-semibold.woff') format('woff'),
        url('../fonts/graphik-semibold.ttf') format('truetype'),
        url('../fonts/graphik-semibold.svg#graphik-semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'didot-r';
    src: url('../fonts/didot.eot');
    src: url('../fonts/didot.eot?#iefix') format('embedded-opentype'),
        url('../fonts/didot.woff2') format('woff2'),
        url('../fonts/didot.woff') format('woff'),
        url('../fonts/didot.ttf') format('truetype'),
        url('../fonts/didot.svg#didot') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'rufina-r';
    src: url('../fonts/rufina-regular.eot');
    src: url('../fonts/rufina-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/rufina-regular.woff2') format('woff2'),
        url('../fonts/rufina-regular.woff') format('woff'),
        url('../fonts/rufina-regular.ttf') format('truetype'),
        url('../fonts/rufina-regular.svg#rufina-regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'usual-r';
    src:url('../fonts/usual-regular.eot');
    src:url('../fonts/usual-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/usual-regular.woff2') format('woff2'),
       url('../fonts/usual-regular.woff') format('woff'),
       url('../fonts/usual-regular.ttf') format('truetype'),
       url('../fonts/usual-regular.svg#usual-regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




/* RESET */
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display:block;}  
input, textarea,select												{ -webkit-appearance:none; -ms-appearance:none; appearance:none; -moz-appearance:none; -o-appearance:none; border-radius:0;}
*															{ outline:none !important;}
strong, b													{ }
ul															{ list-style-type:none;}
body                                                        { font:normal 20px/32px gaphik-l, Arial; color:#010326;}
body *                                                      { box-sizing:border-box; outline:0 }
a															{ text-decoration:none; color:#35F2DF; outline:none;}
img															{ border:none;}
p{ margin-bottom: 25px }



/* CLASS */
.clear							          					{ clear:both; float:none !important; width:100% !important; padding:0 !important; margin:0 !important; display:block;}
.clr:after                                                  { content:''; display:table; width:100%; clear:both}
.slick-dots{display: flex;justify-content: center;}
.slick-dots button{ font-size: 0;line-height: 0;text-indent: -99999;width: 22px;height: 22px;border:2px solid #35F2DF ;background: transparent;border-radius: 50%;padding: 0;}
.wrapper            { max-width: 1720px;padding: 0 40px;margin: auto; }
.slick-dots li{ margin: 0 5px; font-size: 0;line-height: 0;text-indent: -99999 }
.slick-dots li.slick-active button{ background-color:#35F2DF ; }
.titre{ font:normal 40px/55px barlow-cd-sb, Arial; color:#1a1b1c; position: relative;z-index: 5;}
.link{ font:normal 18px/24px gaphik-r, Arial; color:#010326;display: inline-block;background-color: #35F2DF;padding: 33px 80px 33px 40px;border-radius: 5px;position: relative;cursor: pointer;}
.link:after{ content: '';width: 29px;height: 11px;background:url(../images/arrow-blue.svg)center no-repeat;position: absolute;right: 40px;top: 50%;margin-top: -5px;}
.link.link2{ padding: 33px 51px 33px 0;background:transparent;border-bottom:2px solid #fff;border-radius: 0;color:#fff;opacity: 0.49;}
.link.link2:after{ right:0;background:url(../images/arrow-white.svg)center no-repeat;}
.link.outline{ background: transparent;border:2px solid #35F2DF;color:#35F2DF}
.link.outline:after{ background:url(../images/arrow-green.svg)center no-repeat;}
.text-center{ text-align: center;}


.d-flex{ display: flex;flex-wrap: wrap; }
.justify-content-center{ justify-content: center; }
.align-items-center{ align-items: center; }
.align-items-start{ align-items: flex-start; }
.align-items-end{ align-items: flex-end; }
.justify-content-space-between{ justify-content: space-between; }
.justify-content-end{ justify-content: flex-end; }
.justify-content-start{ justify-content: flex-start; }
.flex-column{ flex-direction: column; }
.flex-row-reverse{ flex-direction: row-reverse; }
.mt_150{ margin-top: 150px; }
.mb_150{ margin-bottom: 150px; }
.pt_150{ padding-top: 150px; } 
.pb_150{ padding-bottom: 150px; }

.slick-prev,
.slick-next                                                 { width:23px; height:43px; background:none;  z-index:50; cursor:pointer; text-indent:-9999px; outline:none; border:0;padding:0;background:url(../images/arrow-slick.svg)center no-repeat}   

.slick-prev {transform:rotate(180deg);}
.slick-dots li {display: inline-block;height: 22px;margin: 0 5px}


/* HEADER */
.blcTop{ position: absolute;top: 0;left: 0;right: 0;width: 100%;padding-top: 75px;z-index: 555;}
.blcTop .wrapper{ max-width: 1660px;width: 100%;}
.blcTop.sticky{     position: fixed;left: 0;right: 0;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-webkit-animation-duration: 600ms; animation-duration: 600ms; z-index: 1000;/*background:#fff;*/padding-top: 10px;padding-bottom: 10px;/*-webkit-box-shadow: 0px 3px 36px -23px rgba(0,0,0,0.75);-moz-box-shadow: 0px 3px 36px -23px rgba(0,0,0,0.75);box-shadow: 0px 3px 36px -23px rgba(0,0,0,0.75);*/}
.menuMobile{ display: none;}

.banner{ min-height: 100vh;height: 550px;position: relative;background-size:cover;background-repeat:no-repeat;background-position:center}
.banner:before{ content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #010326;opacity: 0.4;z-index:10}
.banner .wrapper{ height: 100%;display: flex;align-items: center;position: relative;z-index: 10;}
.blcNav .nav ul{ display: flex;flex-wrap: wrap;}
.blcNav .nav ul li{ margin-right: 35px;}
.blcNav .nav ul li.current-menu-item a,
.blcTop.sticky .blcNav .nav li.current-menu-item  a{ color: #35F2DF;}
.blcNav .nav a{ color: #fff;font:normal 18px/24px gaphik-r, Arial;}
.blcTop.sticky .blcNav .nav a{ color: #010326;}
.textBanner{ max-width: 855px;padding-top: 164px;}
.textBanner .text{ font:normal 55px/70px rufina-r, Arial; color:#ffffff}
.textBanner .blcLink{ margin-top: 60px;}
.textBanner .blcLink .link{ margin-right: 50px;}
.banner .blcRs{ display: flex;flex-direction: column;align-items: center;position: absolute;right:100px;bottom: 86px;z-index: 55;}
.banner .blcRs .rs{ display: block;margin-bottom: 10px;position: relative;}
.banner .blcRs .rs:before{ content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: center;background-size: cover;opacity: 0;}
.banner .blcRs .rs .hover{ display: none; }
.banner .blcRs .fb:before{ background-image:url(../images/facebook-white.svg)}
.banner .blcRs .instagram:before{ background-image:url(../images/instagram-white.svg)}
.banner .blcRs .rs img{ display: block;}
.wealty{font:normal 13px/17px gaphik-r, Arial;color: #fff;transform: rotate(90deg);margin-top: 40px;}
.deco-banner{ position: absolute;bottom: -73px;right: 88px;}


.video{
    position:absolute;
    left: 0;
    top:0;
    width:100%;
    height:100%;
    z-index:0;
}
.video video{
    width:100%;
    height:100%;
    object-fit:cover;
}

.sec-apropos .wrapper{ max-width: 900px;}
.bg-blue{ background-color: #010326;color:#fff}
.mini-title{ font:normal 18px/31px gaphik-r, Arial;text-transform: uppercase;color: #35F2DF;margin-bottom: 20px;}
.title{ font:normal 55px/70px rufina-r;margin-bottom: 70px;}
.sec-apropos .blcLink{ margin-top: 80px;}
.sec-apropos .blcLink .link{ margin-right: 36px;}
.sec-apropos .blcLink .link:last-child{ margin-right: 0;}
.sec-bandeau .img{ position: relative;}
.sec-bandeau .img:before{ content: '';width: 2500px;left: -400px;top: 0;height: 50%;background: #010326;position: absolute;}
.sec-bandeau .img img{ display: block;width: 100%;position:relative;z-index: 10;}
.sec-bandeau .img:after{ content:'';position: absolute;top: 0;}
.bandeau-img{ overflow: hidden;}
.bandeau{display: flex;flex-wrap: wrap;align-items: center;max-width: 1364px;background: #35F2DF;padding: 47px 80px;  margin: -92px auto 0;position: relative;z-index: 20;border-radius: 5px;}
.bandeau .text{ width: calc(100% - 290px);font:normal 30px/39px gaphik-r, Arial;color: #fff;padding-right: 90px;}
.bandeau .link{ width: 290px;}
.link.white{ background: #fff;color: #010326;}

.sec-vid {
    overflow:hidden;
    position:relative;
    opacity:0;
}
.sec-vid:before {
    content: '';
    width: 100%;
    left: 0;
    top: 0;
    height: 150px;
    background: #010326;
    position: absolute;
}
.sec-vid .list-vid{
/*    display:flex;*/
    flex-wrap:wrap;
    position: relative;
}

.sec-vid .item{
    width: 33.33%;
    padding:0 15px;
}
.sec-vid .inner-item{
    padding-bottom: 56.25%;
    max-width: 100%;
    width: 100%;
    display:block;
    position: relative;
}

.sec-vid iframe{
    width: 100%;
    height:100%;
    display:block;
    position: absolute;
    top: 0;
    left:0;
}

.sec-vid .wrapper{
    padding:0 25px;
    position:relative;
}

.sec-vid .slick-arrow{
    position:absolute;
    top: 50%;
    margin-top: -21px;
}
.sec-vid .slick-prev{
   left:0;
}
.sec-vid .slick-next{
   right:0;
}

.sec-vid .slick-dots{
    margin:25px auto 0;
}

.sec-vid .bandeau{
    margin-top: 50px;
}

.sec-services{ display: flex;flex-wrap: wrap;padding-left: 70px;padding-right: 70px;}
.sec-services>div{ width: 50%;}
.sec-services .img img{ width: 100%;display: block;}
.sec-services .blcImg{ padding-right: 80px;}
.sec-services .mini-title{ color: rgba(1, 3, 38, 0.35);margin-bottom: 10px;letter-spacing: 2.7px;}
.sec-services .item{font:normal 18px/31px gaphik-r, Arial;text-transform: uppercase;padding: 27px 0 27px 100px;border-bottom: 1px dotted #010326; background:url(../images/icon-check.svg)38px center no-repeat; }
.bandeau .text p{ margin-bottom:0}
.sec-services .item:first-child{ border-top: 1px dotted #010326}
.sec-services  .content{ max-width: 610px;}
.sec-services .list{ max-width: 506px;}
.sec-services  .link{ margin-top: 54px;}
.sec-services .img{ position: relative;}
.sec-services  .service{ position: absolute;padding: 33px 94px 33px 40px;border-radius: 43px;font:normal 16px/19px usual-r, Arial;color: #fff;background-position-y: center;background-position-x: calc(100% - 44px);background-repeat: no-repeat;}
.sec-services  .impression{ background-color: #03BF9E;top: 20%;right: 12%;background-image: url(../images/icon-impression.svg);-webkit-box-shadow: -7px 11px 41px -15px rgba(3,191,158,1);-moz-box-shadow: -7px 11px 41px -15px rgba(3,191,158,1);box-shadow: -7px 11px 41px -15px rgba(3,191,158,1);}
.sec-services  .digital-marketing{ background-color: #FDB360;top: 44%;left: 12%;background-image: url(../images/icon-diigital-marketing.svg);-webkit-box-shadow: -7px 11px 41px -15px rgba(253,179,96,1);-moz-box-shadow: -7px 11px 41px -15px rgba(253,179,96,1);box-shadow: -7px 11px 41px -15px rgba(253,179,96,1)}
.sec-services  .identite-visuelle{ background-color: #1138A1;bottom:23%;right: 0;background-image: url(../images/icon-identite-visuel.svg);-webkit-box-shadow: -7px 11px 41px -15px rgba(17,56,161,1);
    -moz-box-shadow: -7px 11px 41px -15px rgba(17,56,161,1);box-shadow: -7px 11px 41px -15px rgba(17,56,161,1)}
.sec-services  .strategie{ background-color: #9E9E9E;bottom: 0%;left: 32%;background-image: url(../images/icon-strategie.svg);-webkit-box-shadow: -7px 11px 41px -15px rgba(158,158,158,1);-moz-box-shadow: -7px 11px 41px -15px rgba(158,158,158,1);box-shadow: -7px 11px 41px -15px rgba(158,158,158,1);}

.sec-service2{ position: relative;background-size: cover;background-attachment: fixed;}
.sec-service2:before{ content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #010326;opacity: 0.8;}
.sec-service2 .wrapper{ position: relative;z-index: 10;}
.sec-service2 .mini-title {margin-bottom: 7px;}
.sec-service2 .item{ padding-left: 145px;position: relative;width: 33.33%;margin-bottom: 77px;}
.sec-service2 .item .content{ max-width: 420px;}
.sec-service2 .title{ margin-bottom: 110px;}
.sec-service2 .item .icon{ position: absolute;left: 0;top: 0;padding-bottom: 25px;border-bottom: 2px solid #FFFFFF;}
.sec-service2 .item .icon img{ display: block;}
.sec-service2 .titre-service{ font: normal 35px/50px rufina-r, Arial;color: #35F2DF;margin-bottom: 15px;}
.sec-service2{ padding-top: 260px;padding-bottom: 320px}

.sec-pack .blcTitre{ max-width: 910px;margin:auto}
.sec-pack .mini-title{ margin-bottom: 10px;}
.sec-pack .wrapper{ max-width: 1540px;}
.blcFitre .title-filtre{ width:157px;font:normal 15px/20px gaphik-r, Arial;text-transform: uppercase;color: #35F2DF;}
.list-filtre{ width: calc(100% - 157px);}
.list-filtre li{ padding: 29px 54px;font:normal 18px/24px gaphik-r, Arial;position: relative;cursor: pointer;}
.list-filtre li.is-checked{color:#35F2DF}
.list-filtre li:after{ content: '';width: 1px;height: 53px;background:  rgba(1, 3, 38, 0.38);position: absolute;top: 50%;margin-top: -26px;right:0}
.list-filtre{ background-color: rgba(1, 3, 38, 0.05);border-radius: 5px;}
.list-filtre li:last-child:after{ display: none;}
.sec-pack .list-item{ display: flex;flex-wrap: wrap;margin: 70px -31px 0;}
.sec-pack .list-item .item{ width: 33.33%;padding: 31px;}
.sec-pack .list-item .img img{ width: 100%;display: block;height: 295px;object-fit: cover;border-radius: 5px 5px 0 0;}
.sec-pack .title-item { font:normal 37px/48px gaphik-sb, Arial}
.sec-pack .mini-title-item {  font:normal 11px/14px gaphik-r, Arial;text-transform: uppercase;color: rgba(1, 3, 38, 0.45);margin:0 0 38px}
.sec-pack .text{ padding: 30px 35px;border:1px solid #707070;border-top: none;border-radius: 0 0 5px 5px;}
.sec-pack .text li{ font: normal 14px/24px gaphik-r, Arial;text-transform: uppercase;padding: 22px 0 22px 60px;border-bottom: 1px dashed #010326;background: url(../images/icon-check.svg)left center no-repeat;background-size: 29px;}
.sec-pack .text li:first-child{ border-top: 1px dashed #010326}
.sec-pack .link{ width: 100%;margin-top: 35px;}
.link.link-icon{ padding: 24px 40px;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;}
.link.link-icon .icon{ margin-right: 11px;position: relative;}
.link.link-icon .icon img{ display: block;}
.link.link-icon .icon:after{content:''; background: url(../images/icon-check-white.svg)center no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.link.link-icon:after{ display: none;}
.sec-pack  .item.site-immo .link{ margin-top: 12px;}
.btn-tooltips{width: 16px;height: 16px;display: inline-block;vertical-align: middle;background: url(../images/icon-tooltip.svg)center no-repeat;cursor: pointer;margin: -11px 0 0 5px;}
.tooltips{ display: inline-block;vertical-align: middle;position: relative;    }
.content-tooltip{ position: absolute;background:#fff;padding: 10px 20px;-webkit-box-shadow: 0px 0px 27px -8px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 27px -8px rgba(0,0,0,0.75);box-shadow: 0px 0px 27px -8px rgba(0,0,0,0.75);text-transform: initial;width: 250px;;top: -50%;left: 40px;margin-top: -7px;opacity: 0;z-index: -10;}
.content-tooltip:before{ content: "";position: absolute;display: block;width: 0px;left: 5px;top: 50%;border: 15px solid transparent;border-left: 0;border-right: 15px solid #fff;transform: translate(calc(-100% - 5px), -50%);}
.tooltips:hover .content-tooltip{ opacity: 1;z-index: 10; }

.sec-bandeau.sec-bandeau3 .bandeau{ margin-top: 0;}
.sec-bandeau.sec-bandeau3{ position: relative;}
.sec-bandeau.sec-bandeau3:before{ content: '';width: 100%;height: 50%;position: absolute;left: 0;background: #010326;bottom: 0;}

.sec-reference { padding-bottom: 324px;padding-top: 250px;}
.sec-reference .mini-title{ letter-spacing: 2.7px;color: #ffffff;}
.sec-reference .title{ color: #35F2DF;}
.sec-reference .list .item{ width: 33.3%;padding-bottom:80px}
/* .gutter-sizer{ width: 3%;} */
.sec-reference .list .item img{ width: 100%;display: block;padding: 0 40px;}
.sec-reference .list .item:nth-child(2){ padding-top: 115px;}
.sec-reference .list{ margin:0 -40px}
.blcReference .link{margin-top: 85px; }

.sec-formulaire .title{ max-width: 1000px;margin:0 auto 55px}
.sec-formulaire .wrapper{ max-width: 1444px;}
.blcChp{ display: flex;flex-wrap: wrap;}
.blcChp .col{ padding: 11px;}
.blcChp .col50{ width: 50%;}
.blcChp .col100{ width: 100%;}
.chp{ position: relative;}
input:not([type = checkbox],[type="submit"]),
textarea{ display: block;width: 100%;height: 90px;border:none;background: rgba(1, 3, 38, 0.06);padding: 30px 50px;font: normal 18px/31px gaphik-sb, Arial}
textarea{ height: 178px;}
.placeholder{ position: absolute;top: 30px ;left:50px;font: normal 18px/31px gaphik-sb, Arial}
.placeholder span{ color: #FF9C07;}
.blcChp p{ margin-bottom: 0;}


.chp-radio label{ position: relative;display: block;}
.chp-radio .wpcf7-list-item-label{ padding-left: 50px;display: inline-block;position: relative;}
.chp-radio .wpcf7-list-item{ display: inline-block;margin-right: 33px;margin-left: 0;}
.chp-radio .wpcf7-list-item:last-child{ margin-right: 0;}
.chp-radio input{ position: absolute;background: none;border:none;height: 100%;width: 100%;padding: 0;cursor: pointer;z-index: 10;}
.chp-radio .wpcf7-list-item-label:after {content: "";width: 27px;height: 27px;border: 2px solid #010326;border-radius: 3px;position: absolute;left: 0;-webkit-box-sizing: border-box;box-sizing: border-box;top: 5px;}
.chp-radio.chp-rgpd .wpcf7-list-item-label:after{ top: 2px;}
.chp-radio .wpcf7-list-item-label:before{ content: "";width: 27px;height: 27px;position: absolute;left: 3px;top: -4px;-webkit-box-sizing: border-box;box-sizing: border-box;background: url(../images/icon-check.svg)left 5px no-repeat;opacity: 0;background-size: 27px;}
.chp-radio input[type="radio"]:checked + .wpcf7-list-item-label:before,
.chp-radio input[type="checkbox"]:checked + .wpcf7-list-item-label:before{ opacity: 1;}
.chp-radio .label{ margin-bottom: 5px;}
.chp-radio{padding: 11px;}
.chp-rgpd .wpcf7-list-item-label{ color:rgba(1, 3, 38, 0.48);font: 300 15px/31px gaphik-r, Arial}
.chp-rgpd .wpcf7-list-item-label a{ color: rgba(1, 3, 38, 0.48);text-decoration: underline;position: relative;z-index: 100;}
.blcRgpd { margin: 16px 0;}
.sec-formulaire .blcLink .wpcf7-spinner{ position: absolute;}
.sec-formulaire .blcLink .link{ width: 100%;border:none}
.sec-formulaire .blcLink:before{ content: '';width: 29px;height: 11px;background: url(../images/arrow-blue.svg)center no-repeat;position: absolute;right: -80px;left:0;margin:-5px auto 0;top: 50%;z-index: 10;}
.sec-formulaire .blcLink{position: relative;padding: 0 10px;}
.wpcf7 .wpcf7-submit{ cursor: pointer;}

.sec-temoignage .title{ max-width: 700px;margin:auto}
.sec-temoignage .item{ width: 33.33%;padding: 0 20px;}
.sec-temoignage .item .content{ max-width: 334px; margin: 0 auto }
.sec-temoignage .item .img{ position: relative;display: block;width: 94px;margin: auto;border-radius: 50%; background: #010326;border-radius: 50%;}
.sec-temoignage .item .img img{ width: 94px;height: 94px;object-fit: cover;border-radius: 50%;border:4px solid #35F2DF;display: block;}
.sec-temoignage .item .img:after{ content: '';width: 31px;height: 31px;background:  url(../images/deco-quote.svg)center no-repeat;position: absolute;right:-15px;top: 12px;}
.sec-temoignage .item .name{ font: normal 17px/31px gaphik-sb, Arial;text-transform: uppercase;min-height: 86px;display: flex;align-items: center;justify-content: center;background:  url(../images/deco-name.svg)bottom center no-repeat;padding-bottom: 15px;margin-bottom: 20px;}
.sec-temoignage .item p{ font: normal 18px/31px gaphik-r, Arial;font-style: italic;}
.sec-temoignage .mini-title { margin-bottom: 10px;}
.sec-temoignage .list{ margin: 60px -20px 0;}

#slideTemoignage {
    justify-content: center;
}
#slideTemoignage .slick-track{margin: auto;}
.tel {position: fixed;z-index: 100;width: 70px;height: 70px;background: url(../images/icon-phone.svg)center no-repeat #fff;right: 15px;bottom: 85px;border-radius: 50%;background-size: 23px;-webkit-box-shadow: 0px 0px 23px -9px rgb(0 0 0 / 75%);-moz-box-shadow: 0px 0px 23px -9px rgba(0,0,0,0.75);box-shadow: 0px 0px 23px -9px rgb(0 0 0 / 75%);}

/*** POPUP ***/
.popup-pack{max-width: 800px;padding: 60px 25px 40px;}
.popup-pack.sec-formulaire .blcLink {margin-top: 20px;}
.fancybox-slide--html .fancybox-close-small{ background: #35F2DF;}


/*** PAGE MERCI ***/
.sec-merci{ background: #010326;color:#ffffff;padding-top: 200px;}
.sec-merci .text-banner{ min-height: 500px ;position: relative;}
.sec-merci .img-banner{ position: absolute;top: 0;left: 0;right: 0;margin:auto;text-align: center;}
.sec-merci .img-banner img{ max-width: 60%;}
.sec-merci .title{ font: normal 60px/75px rufina-r;color:#35F2DF;margin-bottom: 20px;}
.sec-merci .text-banner{ font: normal 30px/39px gaphik-r, Arial;padding: 60px 40px;}
.link.return{ background: transparent;border:2px solid #FFFFFF;border-radius: 0;color:#ffffff;padding: 33px 40px 33px 94px;}
.link.return:after{ background: url(../images/arrow-white.svg)center no-repeat;transform: rotate(180deg);left: 40px;right: inherit;}
.sec-merci .link{ margin-top: 40px;}
.footer.footer-merci{ padding-top: 0;padding-bottom: 0;}
.footer.footer-merci .wrapper{ position: relative;z-index: 55;}
.footer.footer-merci .col-coord{ margin-left: 118px;margin-right: 120px;}
.footer.footer-merci .titre-foot{text-transform: uppercase;}
.footer .footer-bototm .copyright,
.footer .footer-bototm a,
.footer .footer-bototm span{ opacity: 0.49;font: normal 15px/31px gaphik-r, Arial}
.footer .footer-bototm .copyright{ margin-right: 60px;}
.footer .footer-bototm .copyright p{ margin-bottom: 0; }
.footer .footer-bototm span{ display:inline-block;margin:0 15px}
.footer .footer-bototm{ padding: 60px 0;border-top: 1px solid rgba(255, 255, 255, 0.36);margin-top: 60px;}



/*** PAGE OTHER ***/
.pageOther{ padding: 230px 0 40px;}
.pageOther .wrapper{ max-width: 1220px;}
.page-template-page-other  .blcTop { background: #010326;padding-bottom: 45px;}
.page-template-page-other .blcTop.sticky{ background:#ffffff;padding-bottom: 10px;}
.pageOther h1{ font: normal 55px/70px rufina-r;margin-bottom: 40px;color:#35F2DF;text-align: center;}
.pageOther h3{ font: normal 25px/35px rufina-r;margin-bottom: 10px;}
.pageOther h2{ font: normal 35px/45px rufina-r;margin-bottom: 10px;}
.pageOther h4{ font: normal 20px/30px gaphik-sb;margin-bottom: 10px;}
.pageOther p,
.pageOther ul{ margin-bottom: 30px;}
.pageOther ul{ padding-left: 20px;}
.pageOther ul li {padding-left: 25px;position: relative;margin-bottom: 10px;}
.pageOther ul li:before {content: '';width: 10px;height: 10px;position: absolute;left: 0;top: 10px;background: #35F2DF;}
.pageOther a{ color:#35F2DF}

/*** FOOTER ***/
.text-logo{ opacity: 0.3;}
.footer .titre-foot{ font: normal 18px/31px rufina-r, Arial;color: #35F2DF;margin-bottom: 5px;}
.footer a,
.footer .adr{ font: normal 18px/31px gaphik-r, Arial;color:#fff}
.footer .col-srvc1{ margin-right: 93px;margin-left: 93px;}
.footer .col-srvc2{ padding-top: 36px;margin-right: 145px;}
.footer .col-coord{ margin-left: 140px;}
.txt-rs{ font: normal 18px/31px rufina-r, Arial;color: #35F2DF;margin-right: 15px;}
.list-rs .rs:last-child{ margin-right: 0;}
.list-rs .fb{ background-image: url(../images/facebook2.svg)}
.list-rs .insta{ background-image: url(../images/instagram2.svg)}
.list-rs .ln{ background-image: url(../images/linkedin.svg)}
.list-rs .rs{ width: 34px;height: 34px;background-color: #ffffff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 7px;background-position: center;background-repeat: no-repeat;}
.blcRs { margin-top: 20px;}

.menudesk { display: none; }
.menudesk {width: 60px;height: 60px;cursor: pointer;position: absolute;z-index: 100;right: 40px;border-radius: 5px; top:40px}
.menudesk > div {width: 60px;height: 2px;background: #35F2DF;position: absolute;left: 0;right: 0;margin: auto;top: 50%;margin-top: -1px;}
.menudesk > div::before {width: 100%;height: 2px;background: #35F2DF;position: absolute;right: 0;top: 10px;content: "";transition: all ease-in-out 0.5s;}
.menudesk > div::after {width: 100%;height: 2px;background: #35F2DF;position: absolute;right: 0;top: -10px;content: "";transition: all ease-in-out 0.5s; display: none;}
.menudesk.active > div::before {top: 0; height: 1px;transform: rotate(45deg);transition: all ease-in-out 0.5s; width: 35px}
.menudesk.active > div::after { top: 0; height: 1px;transform: rotate(-45deg);transition: all ease-in-out 0.5s; width: 35px; display: block;}
.menudesk.active > div {height: 0px;}



.blcTop.sticky .menudesk { display: block; transition: all ease-in-out 0.5s; }
.blcTop.sticky .blcNav  { display: none; }
.blcTop.sticky .logo  { display: none; }
.blcTop .blcNav { 
    transition: all ease-in-out 0.5s;
    -webkit-transition: opacity 600ms ease, -webkit-transform 400ms ease;
transition: opacity 600ms ease, -webkit-transform 400ms ease;
transition: opacity 600ms ease, transform 400ms ease;
transition: opacity 600ms ease, transform 400ms ease, -webkit-transform 400ms ease;
 }

 .blcTop.sticky .blcNav .nav a {
    color: #010326;
    font-size: 3.5rem;
    line-height: 3.5rem;
}
.blcTop.sticky .blcNav .nav ul {
    flex-direction: row;
    max-width: 1300px;
}

.blcTop.sticky .blcNav .nav ul {
    flex-direction: row;
}
.blcTop.sticky .blcNav .nav ul li { width: 50% }

.blcTop.sticky .blcNav.active {
    transition: 1s ease;
}
.blcTop.sticky .blcNav.active {
    width: 100%;
    height: 0%;
    position: fixed;
    right: 0;
    top: -100%;
    padding: 0;
    background: #ffffff;
    z-index: 99;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 60px 40px;
    -webkit-transition:all 400ms ease-in-out; 
    -moz-transition:all 400ms ease-in-out; 
    -ms-transition:all 400ms ease-in-out; 
    transition:all 400ms ease-in-out;
}

.blcTop.sticky .blcNav .nav ul {
    max-width: 1300px
 
}

.blcTop.sticky .blcNav .nav ul li {
    margin-right: 0;
    padding-bottom: 40px;
    text-align: left;
}

.deco-banner span {
  -webkit-animation: rotate 5s normal linear infinite;
  animation: rotate 5s normal linear infinite;
}

/*.blcTop.sticky .blcNav .nav .link.scroll {
    position: absolute;
    bottom: 0;
    left: 50%;
    font-size: 3rem !important;
}*/

.blcTop.sticky .blcNav .nav .link.scroll {
    position: absolute;
    bottom: 7px;
    left: 50%;
    font-size: 3.5rem !important;
    padding-left: 0;
    background-color: transparent;
    
    text-align: left;
    color: #35F2DF
}

.blcTop.sticky .blcNav .nav .link.scroll:hover { color: #010326;  }
.blcTop.sticky .blcNav .nav .link.scroll:after { display: none; }

.blcNav .nav { display: flex; align-items: center;  }
.blcTop.sticky .blcNav .nav {
    display: flex;
    flex-direction: column;
    position: relative;
}


.blcTop.sticky .blcNav .nav ul a {
    -webkit-animation: fadeInLeft var(--animation-duration) var(--animation-easing) both;
    animation: fadeInLeft var(--animation-duration) var(--animation-easing) both;

}




@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}


.deco-banner span { display: block; width: 148px; height: 148px; position: absolute; left: 0; top: 0; background: url(../images/deco-banner1.png); background-size: cover  }
.deco-banner img {
    max-width: 148px;
}

.blcTop.sticky .blcNav { height: 0 ; top: -100%; opacity: 0; transform: translateY(-100%)}

.blcTop.sticky .blcNav.active { height: 100% ; top: 0; opacity: 1; transform: translateY(0);transition: 1s ease; }





@media (min-width:1201px) {
    body a,input,a,.sec-services .service,.sec-reference .list .item img,.link:after,.link.link-icon .icon:after,.banner .blcRs .rs:before, .sec-formulaire .blcLink:before{ -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out; }
    .sec-services .service:hover{ color: #151515;background-color: #fff;}
    .sec-services .impression:hover{ background-image: url(../images/icon-impression2.svg);}
    .sec-services  .digital-marketing:hover{ background-image: url(../images/icon-diigital-marketing2.svg);}
    .sec-services  .identite-visuelle:hover{ background-image: url(../images/icon-identite-visuel2.svg);}
    .sec-services  .strategie:hover{ background-image: url(../images/icon-strategie2.svg)}
    .sec-reference .list .item:hover img{ opacity: 0.5;}
    .blcNav .nav a:hover,
    .blcTop.sticky .blcNav .nav a:hover{ color:#35F2DF}
    .link:hover{ background: #ffffff;}
    .link.return:hover{ color: #151515;}
    .link:hover:after{ right:35px}
    .link.link2:hover{ background: transparent;}
    .link.link2:hover:after{ right:-5px}
    .link.link2:hover{ opacity: 1;}
    .link.outline:hover{ color: #010326;border-color: #ffffff;}
    .link.outline:hover:after,
    .link.return:hover:after{ background: url(../images/arrow-blue.svg)center no-repeat;}
    .link.white:hover,
    .sec-services .link:hover,
    .link.link-icon:hover,
    .blcTop.sticky .link:hover{ background:#010326;color:#ffffff}
    .link.white:hover:after,
    .sec-services .link:hover:after,
    .blcTop.sticky .link:hover:after,
    .sec-formulaire .blcLink:hover:before{ background: url(../images/arrow-white.svg)center no-repeat;}
    .footer a:hover{ color:#35F2DF}
    .list-rs .rs:hover{ background-color: #35F2DF;}
    .logo:hover{ opacity: 0.5;}
    .sec-services .impression:hover {right:10%}
    .sec-services .digital-marketing:hover{left: 14%;}
    .sec-services .strategie:hover{ left: 34%;}
    .sec-services .identite-visuelle:hover{ right: 2%;}
    .pageOther a:hover{ color:#010326}
    .link.link-icon:hover .icon:after{ opacity: 1;}
    .banner .blcRs .rs:hover:before{ opacity: 1;}
    .sec-formulaire .blcLink .link:hover{ background:#010326;color:#ffffff}
    .tel:hover {background: url(../images/icon-phone-white.svg)center no-repeat #35F2DF;background-size: 23px;}
    .banner .blcRs .rs:hover .hover{ display: block; }
    .banner .blcRs .rs:hover img:not(.hover){ display: none; }
    

}



@media (max-width:1440px) {
    .blcNav .nav ul li {margin-right: 24px;}
    .logo img{ width: 300px;}
   /* .banner .blcRs {bottom: 160px;}*/
    .bandeau { width: calc(100% - 60px);}
    .bandeau .text {font: normal 25px/35px gaphik-r, Arial;}
    .textBanner .text ,.title,
    .sec-merci .title { font: normal 40px/60px rufina-r, Arial;}
    .pt_150{padding-top: 100px;}
    .pb_150{padding-bottom: 100px;}
    .mt_150{margin-top: 100px;}
    .mt_150{margin-bottom: 100px;}
    .title,
    .sec-service2 .title{ margin-bottom: 40px;}
    .sec-apropos .blcLink{margin-top: 50px;}
    .sec-services .blcImg{ padding-right: 30px;}
    .sec-services {    padding-left: 40px;padding-right: 40px;}
    .sec-services .item {    padding: 20px 0 20px 100px;}
    .sec-service2 .titre-service {font: normal 30px/45px rufina, Arial;}
    .list-filtre li {padding: 25px 30px; font: normal 18px/24px gaphik-r, Arial;}
    .sec-reference {padding-bottom: 200px;}
    .footer .col-srvc1{ margin-right: 50px;margin-left: 50px;}
    .footer .col-srvc2{ margin-right: 50px;}
    .footer .col-coord {margin-left: 50px;}

    .sec-reference .list .item{ padding-bottom:40px}
    .sec-reference .list .item img{ padding: 0 20px;}
    .sec-reference .list{ margin:0 -20px}
    .menudesk { right: 10px }
    
}
@media (max-width:1365px) {
    .link{ padding: 25px 60px 25px 25px;}
    .link:after{ right: 25px;}
    .logo img { width: 255px;}
    .link.link2 {padding: 22px 51px 22px 0;}
    .list-filtre li {padding: 25px 20px;font: normal 16px/24px gaphik-r, Arial;}
    .sec-pack .list-item .item { padding: 15px;}
    .footer .col-srvc1 {margin-right: 30px;margin-left: 30px;}
    .footer .col-srvc2 {margin-right: 30px;}
    .footer .col-coord {margin-left: 30px;}
    .sec-pack .title-item {font: normal 30px/40px gaphik-sb, Arial}

    .blcTop.sticky .blcNav .nav a { font-size: 3rem; line-height: 3rem; }
    .blcTop.sticky .blcNav .nav .link.scroll { font-size: 3rem !important; bottom: 18px }
   
    
    
}
@media (max-width:1200px) {
    .blcNav{width: 100%;height: 100%;position: fixed;left: 0;top: 0;padding: 0;background: #ffffff;z-index: 99; transform: translateX(-100%); transition: 1s ease; transition-delay: 0s; transition-delay: .5s; overflow-y: scroll; display: flex; flex-direction: column;justify-content: center;text-align: center;}
    .blcNav.active {transform: translateX(0);transition: 1s ease;}
    .blcNav .nav a{ color:#010326}
    .blcNav .nav ul{ flex-direction: column;}
    .blcNav .nav ul li{ margin: 0 0 25px 0;}
    .blcTop .logo{ position: relative;z-index:110;}
    .menuMobile {width: 60px;display: block;height: 60px;cursor: pointer;position: absolute;z-index: 100;right: 40px;border-radius: 5px;}
    .menuMobile > div {width: 60px;height: 2px;background: #35F2DF;position: absolute;left: 0;right: 0;margin: auto;top: 50%;margin-top: -1px;}
    .menuMobile > div::before {width: 100%;height: 2px;background: #35F2DF;position: absolute;right: 0;top: 10px;content: "";transition: all ease-in-out 0.5s;}
    .menuMobile > div::after {width: 100%;height: 2px;background: #35F2DF;position: absolute;right: 0;top: -10px;content: "";transition: all ease-in-out 0.5s; display: none;}
    .menuMobile.active > div::before { width: 35px; height: 1px;top: 0;transform: rotate(45deg);transition: all ease-in-out 0.5s;}
    .menuMobile.active > div::after { width: 35px;height: 1px; top: 0; transform: rotate(-45deg);transition: all ease-in-out 0.5s; display: block;}
    .menuMobile.active > div {height: 0px;}
    .banner .blcRs{ display: none;}
    .textBanner{ padding-top: 80px;}
    .bandeau{ padding: 25px 40px;}
    .bandeau .text{ padding-right: 40px;}
    .sec-services>div{ width: 100%;}
    .sec-services .blcImg {max-width: 700px;margin:auto}
    .sec-services .content{ max-width: 100%;}
    .sec-service2 .item { width: 50%;margin-bottom: 40px;}
    .blcFitre {display: block;}
    .list-filtre{ width: 100%;}
    .blcFitre .title-filtre{ margin-bottom: 15px;}
    .sec-pack .list-item .item{ width: 50%;}
    /* .sec-reference .list .item{ padding: 15px;} */
    .sec-reference .list .item img{ padding: 0 15px;}
    .sec-reference .list{ margin: 0}
    .footer .col-logo{ width: 100%;}
    .footer .logo{ width: 260px;display: block;margin: auto;}
    .text-logo{text-align: center;margin:10px 0 25px}
    .footer.footer-merci .col-logo{ width: auto;}
    .sec-merci .text-banner {font: normal 20px/40px gaphik-r, Arial;}

    .blcTop.sticky .menudesk {
        display: none;
    }
    .blcTop.sticky .menuMobile {
       top: 20px
    }
   /* .blcTop.sticky .blcNav .nav a {
        font-size: 3rem;
        line-height: 3rem;
    }
    .blcTop.sticky .blcNav .nav .link.scroll { 
        font-size: 2rem !important
    }
*/
    .blcTop.sticky .blcNav .nav ul {
        flex-direction: column;
    }
    .blcTop.sticky .blcNav .nav ul li {
        margin-right: 0;
        padding-bottom: 12px;
        text-align: center;
    }
    .blcTop.sticky .blcNav .nav .link.scroll { position: static; }
    .blcNav .nav { flex-direction: column; }

    .blcNav.sticky .nav a {
        font: normal 18px/24px gaphik-r, Arial;
    }
    .blcNav.sticky .nav {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .blcTop.sticky .blcNav .nav .link.scroll {
        position: static;
        font:normal 18px/24px gaphik-r, Arial;;
    }
    .blcTop.sticky .blcNav .nav ul li {
        width: 100%;
    }
    .blcNav .nav { flex-direction: column; }
    .blcTop.sticky .blcNav .nav ul li {
        margin-right: 0;
        padding-bottom: 0;
        text-align: center;
        margin: 0 0 25px 0
    }
    .blcTop.sticky .blcNav .nav .link.scroll {
        position: relative;
        bottom: 0;
        left: 0;
        font: normal 18px/24px gaphik-r, Arial !important;
    }
    .blcTop.sticky .blcNav .nav a {
        font: normal 18px/24px gaphik-r, Arial;
    
    }
    .blcTop.sticky .blcNav .nav { display: block; }
    .blcTop.sticky .blcNav .nav ul {
        display: block;
    }

    .blcTop.sticky .blcNav .nav .link.scroll {
        padding: 0
    }
    .blcTop.sticky .blcNav .nav .link.scroll::after {
        right: -36px;
    }
    .blcNav .link.scroll {
        background: transparent;
        padding: 0; color: #35F2DF
    }
     .blcNav .link.scroll:after { right: -36px; display: none; }
      .blcNav .link.scroll:hover { color: #010326 }

      
        
    

}

@media (max-width:991px) {
    .bandeau{ width: 100%;margin:60px auto 0;text-align: center;}
    .bandeau .text{ width: 100%;padding: 0;}
    .bandeau .link{ margin:25px auto 0}
    .bandeau{ padding: 40px;}
    .sec-service2 .item {padding-left: 125px;}
    .sec-service2 .item .icon img {width: 90px;}
    .sec-service2 .titre-service {font: normal 25px/40px rufina, Arial;}
    body {font: normal 18px/25px gaphik-l, Arial;}
    .list-filtre li {width: 50%;}
    .list-filtre li:nth-child(2):after{ display: none;}
    .sec-pack .text {padding: 30px 20px;}
    .sec-reference .list .item{width: 50%;}
    .blcChp .col50{ width: 100%;}
    .blcChp .col{ padding: 10px 0;}
    .text-logo{text-align: left;}
    .footer .logo{ margin: 0;}
    .footer .col-srvc1,
    .footer .col-srvc2,
    .footer .col-adresse,
    .footer .col-coord{width: 100%;margin:0 0 25px;}
    .footer .col-srvc1{ margin-bottom: 0;}
    .footer .col-srvc2{ padding-top: 0;}
    .footer.footer-merci .col-coord{ margin-left: 0;margin-right: 0;}
    .banner-merci .content{ position: relative;z-index: 20;}
    .pageOther {padding: 170px 0 40px;}
    .sec-reference{ padding-bottom: 60px;}
    .blcReference .link {margin-top: 45px;}
    body { overflow-x: hidden; }



   

}


@media (max-width:767px) {
    .textBanner .text, .title,
    .sec-merci .title{font: normal 30px/45px rufina-r, Arial;}
    .sec-services .digital-marketing{left: 0;}
    .sec-services .identite-visuelle{right: 0;}
    .sec-service2 .item,
    .sec-pack .list-item .item{ width: 100%;}
    .deco-banner { right: 20px }

}

@media (max-width:601px) {
    .wrapper{ padding: 0 20px;}
    .banner{ min-height: 600px;height: auto;padding: 50px 0px 60px;}
    .textBanner .blcLink{ flex-direction: column;align-items: flex-start;margin-top: 30px;}
    .textBanner .blcLink .link{ margin:0 0 15px;min-width: 200px;}
    .menuMobile{ right: 20px;}
    .logo img { width: 200px;}
    .pt_150{ padding-top: 70px;}
    .pb_150{ padding-bottom: 70px;}
    .sec-apropos .blcLink .link,
    .sec-apropos .blcLink .link:last-child{ margin: 10px 5px;padding:25px 50px 25px 11px}
    .sec-apropos .blcLink .link:after,
    .sec-apropos .blcLink .link:after{ right:11px }
    .sec-services {padding-left: 20px;padding-right: 20px;}
    .sec-services .service{position: static;}
    .sec-services .blcImg{ padding-right: 0;}
    .sec-services .service{border-radius: 5px;margin-bottom: 10px;}
    .sec-services .blcText{ margin-top: 40px;}
    .sec-services .item{ background-position-x: 0;padding-left: 60px;}
    .bandeau{ padding: 40px 20px;}
    .list-filtre li{ width: 100%;background-color: rgba(1, 3, 38, 0.05);margin-bottom: 2px;}
    .list-filtre li:after{ display: none;}
    .list-filtre{ background: none;}
    .sec-pack .list-item{margin:40px 0 0}
    .sec-pack .list-item .item{ padding: 15px 0;}
    .link.link-icon {padding: 25px 25px;}
    .link{font-size: 16px;}
    .link.link-icon .icon img {width: 15px;}
    .link.link-icon .icon:after{ display: none;}
    .sec-pack .text li {padding-left: 50px;}
    .bandeau .text {font: normal 20px/30px gaphik-r, Arial;}
    .sec-reference .list .item{ padding: 0}
    .sec-reference .list{ margin: 0 -5px;}
    .sec-reference .list .item:nth-child(2){ padding-top: 45px;}
    .sec-reference .list .item img{ padding: 5px;}
    .sec-reference .list .item:nth-child(2){ padding-top: 15px;}
    input:not([type = checkbox],[type="submit"]), textarea {height: 60px; padding: 20px 25px; font: normal 16px/25px gaphik-sb, Arial;}
    textarea{ height: 150px;}
    .placeholder{ top: 15px;left: 25px;font: normal 16px/31px gaphik-sb, Arial;}
    .link.link2{opacity: 1;}
    .sec-formulaire .blcLink{ padding: 0;}
    .sec-merci .text-banner{ padding: 0 20px 60px;}
    .sec-merci {padding-top: 150px;}
    .sec-merci .link{ margin-top: 15px;}
    .footer .footer-bototm{ margin-top: 30px;padding:50px 0}
    .footer .footer-bototm .copyright{ width: 100%;margin-right: 0;}
    .pageOther h1 ,
    .pageOther h2 {font: normal 30px/45px rufina-r;}
    .blcTop {padding-top: 35px;}
    .deco-banner img {
        max-width: 100px;
    }
    .deco-banner span { width: 100px; height: 100px }
    .deco-banner {
        position: absolute;
        bottom:-186px;
        right: 20px;
    }
    .bandeau .text br {
        display: none;
    }
    .tel {right: 20px;}
    .sec-vid .wrapper{
        padding:0 5px;
    }
    .sec-vid .bandeau{
        width: calc(100% - 30px);
    }

}

@media (max-width:480px) {
    .deco-banner {bottom: -115px}

 }

@media (max-width:375px) {
    .footer .footer-bototm span{ display: none;}
    .footer .footer-bototm a{ display: block;}
    .deco-banner {bottom: -115px}


}