::-webkit-input-placeholder { color:#a9a9a9;text-transform:initial; }
::-moz-placeholder { color:#a9a9a9;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";text-transform:initial; }
:-ms-input-placeholder { color:#a9a9a9;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";text-transform:initial; }
:-moz-placeholder { color:#a9a9a9;text-transform:initial; }


html { width:100%;height:100%; }

.eagle-bgColor { background-color:#a42522!important; }
.eagle-bgColor:hover { background-color:#fff!important;color:#a42522!important;  }
.button-bottom { position:absolute;bottom:50px; }

/* Loader
================================================== */
.overlay { position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:rgba( 255, 255, 255, 0.9 ); }
.loader { position:relative;width:100px;height:100px;top:50%;left:50%;-webkit-transform:translate( -50%, -50% );transform:translate( -50%, -50% ); }


/* Class générique
================================================== */
.clrJaune { color:#FFC107; }
.bgJaune  { background:#FFC107; }

.bdbJaune   { border-bottom:2px solid #FFC107; border-bottom:2px solid #FFC107; border-bottom:.125rem solid #FFC107; }

.hide { display:none!important; }

button.base { -webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; }
input.short-preset { border:1px solid #000;border-right:none;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; }

/* Custom Switch on/off */
.switch-input { display:none; }
.switch-label { position:relative;float:right;padding:20px;margin:2px;position:relative; }
.switch-label:before, .switch-label:after { text-transform:uppercase;font-size:20px;font-weight:bold;border:1px solid #000;padding:7.5px 10px;position:absolute;top:-2px;cursor:pointer; }
.switch-label:before { content:attr(data-on);color:#000;background:#fff;right:200%; }
.switch-label:after  { content:attr(data-off);color:#fff;background:#000;right:0; }
.switch-input:checked ~ .switch-label:before { background:#000;color:#fff;border:1px solid #000; }
.switch-input:checked ~ .switch-label:after { background:#fff;color:#000;border:1px solid #000; }


/*.switch { position:absolute;right:calc( 4.16667% + 10px );cursor:pointer; }*/
/*.switch { position:absolute;right:0;cursor:pointer; }

.switch-input {position: absolute;top: 0;left: 0;opacity: 0; }

.switch-label:before {content:attr(data-on);left:100%;color:#fff;background:#000;padding:11px;text-transform:uppercase;font-size:20px;font-weight:bold;border:1px solid #000; }
.switch-label:after  {content:attr(data-off);right:100%;color:#000;background:#fff;padding:11px;text-transform:uppercase;font-size:20px;font-weight:bold;border:1px solid #000; }

/*.switch-label {position: relative;display: block;height: inherit;font-size: 10px;text-transform: uppercase;background: #4fb845;border-radius: inherit;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);-webkit-transition: 0.15s ease-out;transition: 0.15s ease-out;-webkit-transition-property: opacity background;transition-property: opacity background;}*/
/*.switch-label:before, .switch-label:after { position: absolute;line-height: 1;-webkit-transition: inherit;transition: inherit;}
/*.switch-input:checked ~ .switch-label {background: #4fb845;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);}*/
/*.switch-input:checked ~ .switch-label:before { background:#fff;color:#000;border:1px solid #000; }
.switch-input:checked ~ .switch-label:after { background:#000;color:#fff;border:1px solid #000; }*/

/*.switch-handle {position: absolute;top: 1px;left: -1px;width: 18px;height: 18px;background: white;border-radius: 10px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);background-image: linear-gradient(to bottom, white 40%, #f0f0f0);-webkit-transition: left 0.15s ease-out;transition: left 0.15s ease-out;}*/
/*.switch-handle:before {content: '';position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -6px;width: 12px;height: 12px;background: #f9f9f9;border-radius: 6px;box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);background-image: -webkit-linear-gradient(top, #eeeeee, white);background-image: linear-gradient(to bottom, #eeeeee, white);}*/
/*.switch-input:checked ~ .switch-handle {left: 40px;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}*/


/* Boxe
================================================== */
.stepConfig .swiper-wrapper { overflow-x:hidden;overflow-y:auto;-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch;padding:0 4.16667%;box-sizing:border-box; }
.stepConfig .swiper-wrapper .swiper-slide { height:auto;width:0!important;-webkit-box-flex:0;-ms-flex:0;flex:0;overflow:hidden; }
.stepConfig .swiper-wrapper .swiper-slide-active { width:auto!important;-webkit-transform:none!important;transform:none!important;overflow:visible;padding-right:4.16667%; }

.configurateur .stepNumber { display:-webkit-box; display:-ms-flexbox; display:flex; }
.configurateur .stepNumber > .groupItem { display:-webkit-box; display:-ms-flexbox; display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:stretch;align-content:stretch; }
.configurateur .stepNumber > .groupItem .groupTitle { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end; }
.configurateur .stepNumber > .groupItem > .flex { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; }
.configurateur .stepNumber > .groupItem:not(:last-child) { margin-right:20px; }
.configurateur .itemWrapper { width:32.5vh;min-width:32.5vh;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #000; }
.configurateur .itemWrapper.active { border:4px solid #000;background:#000;color:#fff; }
.configurateur .itemWrapper .oos { background:rgba( 255, 255, 255, .5 );color:#000;position:absolute;top:0;right:0;bottom:0;left:0; }
.configurateur .itemWrapper.active .oos, .btn-light-fade { background:rgba( 0, 0, 0, .7 );color:#fff; }
.configurateur .itemWrapper span.item { padding:10px;background:#fff; }
.configurateur .itemWrapper.active span.item { padding:7px; }
.configurateur .itemWrapper .groupItem { border-left:1px solid #000;padding-left:10px;margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column }
.configurateur .itemWrapper.active .groupItem { margin:7px 0; }
.link-bar { -webkit-box-align:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; }
.link-bar img { width:30px; }
.btn-light-fade{max-width:320px;}
.zone-temoignage{overflow: auto; margin-top:80px;}
/*.groupItem { width:66%;display:inline-flex; }
.groupItem .groupTitle { flex:0; }
.groupItem > .flex { flex:1; }
.itemWrapper { width:30vh; }*/
.displayedItems { -ms-flex-pack:distribute; justify-content:space-around; }
.displayedItems .itemWrapper div { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column; flex-flow:column; }
.displayedItems .itemWrapper div b { margin:10px 0; margin:0.625rem 0; }

/*.itemWrapper { -ms-flex-flow:column; flex-flow:column;width:15vh; }*/
/*.configurateur .itemWrapper .item { -webkit-box-flex:0; -ms-flex:0 0 12vh; flex:0 0 12vh;width:12vh;margin:0.625rem 0; }*/
/*.configurateur .itemWrapper .groupItem { -webkit-box-flex:0; -ms-flex:0 0 6vh; flex:0 0 6vh; }*/

/*.groupItem { display:-webkit-box; display:-ms-flexbox; display:flex;-ms-flex-flow:column;flex-flow:column;margin-right:40px;margin-right:40px;margin-right:2.5rem;height:30vh;z-index:1;position:relative; }*/
/*.groupItem:last-child { margin-right:0; }*/
.swiper-slide { opacity:0!important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.swiper-slide-active { opacity:1!important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input[type=radio] { display:none; }
input[type=radio] + .item { position:relative;cursor:pointer; }
.configurateur input[type=radio] + .item { width:34%; }
input[type=radio] + .item .material-icons { display:none; }
/*input[type=radio]:checked + label.item { border:4px solid #000; }*/
/*input[type=radio]:checked + .item img { opacity:.5; }*/
input[type=radio]:checked + .item .material-icons { display:block;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%) }

.stepNav { position:fixed;top:0;left:0;right:0;background-color:#000;max-height:90px;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
.recap .faded-btn, .stepNav .faded-btn { border-color:#fff;color:#fff; }
.recap .faded-btn:hover, .stepNav .faded-btn:hover { background:#fff;color:#000; }

/*.startConf button { width:100%; }*/

#tooltip { min-width:250px; }


/* Layer
================================================== */
.layers-front, .layers-back { position:relative;z-index:0;height:100%;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.layers-front img, .layers-back img { position:absolute;top:50%;left:50%;bottom:50%;right:50%;-webkit-transform:translate( -50%, -50% ) rotateY( 180deg );transform:translate( -50%, -50% ) rotateY( 180deg );width:auto;max-height:100%; }
.unzoomed .layers-front img, .unzoomed .layers-back img { left:50%!important; }

.box-menu { border-bottom:1px solid #000; }
.box-menu .swiper-pagination { -ms-flex-pack:distribute; justify-content:space-around;position:relative!important;z-index:8; }
.swiper-pagination-bullet { position:relative;border:2px solid #000000;width:25px;height:25px;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.swiper-pagination-bullet-active:after, .swiper-pagination-bullet:hover:after { content:attr(data-label);display:block;position:absolute;bottom:150%;margin-bottom:10px;background:#666;color:#fff;padding:5px 10px;right:-60px;white-space:nowrap; }
.swiper-pagination-bullet-active:before, .swiper-pagination-bullet:hover:before { content:"";display:block;position:absolute;bottom:150%;left:8px;left:0.5rem;background:#666;border-bottom:10px solid #fff;border-right:20px solid #fff;border-left:10px solid #666; }
.swiper-pagination-bullet-active { background:transparent; }
.swiper-pagination:hover .swiper-pagination-bullet:not(:hover):after, .swiper-pagination:hover .swiper-pagination-bullet:not(:hover):before { display:none; }

.menuConfig { overflow:hidden;position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; }
.next-btn, .prev-btn { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; }
.next-btn .faded-btn-neg, .prev-btn .faded-btn-neg { border:none!important; }
.next-btn:hover .faded-btn-neg, .prev-btn:hover .faded-btn-neg { border:1px solid #000!important;padding:9px 19px!important; }
.next-btn:not(.swiper-button-disabled), .prev-btn:not(.swiper-button-disabled) { background:#000;cursor:pointer; }
.swiper-button-disabled .faded-btn-neg, .swiper-button-disabled .faded-btn-neg:hover { visibility:hidden; }


/*.swiper-button-prev, .swiper-button-next { background-color:#fff;z-index:2; }
.swiper-button-prev { left:0; }
.swiper-button-next { right:0; }

.custom-price { display:-webkit-box; display:-ms-flexbox; display:flex;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:14px; }
*/

/*
.configurateur .stepNumber { -webkit-box-align:end; -ms-flex-align:end; -ms-grid-row-align:flex-end; align-items:flex-end; }
.stepConfig .stepNumber { -webkit-box-align:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch;overflow-y:hidden; }
.stepConfig .stepNumber > .groupItem { -webkit-box-align:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch; }
.groupTitle { -webkit-box-flex:1; -ms-flex:1 0 25%; flex:1 0 25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end; }
.groupItem .flex { -webkit-box-flex:0; -ms-flex:0 1 75%; flex:0 1 75%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }

.stepConfig .swiper-wrapper { overflow-x:hidden;overflow-y:auto;-webkit-box-align:stretch;-ms-flex-align:strentch;-ms-grid-row-align:stretch;align-items:stretch;cursor:col-resize;padding:0 4.16667%;box-sizing:border-box; }
.stepConfig .swiper-wrapper .swiper-slide { height:auto;width:0!important;-webkit-box-flex:0;-ms-flex:0;flex:0;overflow:hidden; }
.stepConfig .swiper-wrapper .swiper-slide-active { width:auto!important;-webkit-transform:none!important;transform:none!important;overflow:visible;padding-right:4.16667%; }
*/

/*.stepConfig .stepNumber { -webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch;overflow:hidden; }*/


.configurateur .wrapper { display:-webkit-box; display:-ms-flexbox; display:flex;-ms-flex-flow:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column;min-height:100vh; }
.configurateur .wrapper .row  { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; }
.configurateur .wrapper .mask { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; }
.configurateur .wrapper .mask > .flex > .flexCenterLeft { -webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto; }
.configurateur .wrapper .mask .helper-wrapper { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto;overflow-y:hidden; }
.configurateur .wrapper .mask .calc { -webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; }
/*.configurateur .wrapper .mask .calc > div { overflow:hidden; }*/
.configurateur .mask .calc .flip-vertical-right, .configurateur .mask .calc .flip-vertical-left { width:100%;height:100%;left:0; }
/*.configurateur .mask .calc .layers-front:hover, .configurateur .mask .calc .layers-back:hover { transform:scale( 1.5 ); }*/


.shareit { display:flex!important;z-index:20;position:fixed;top:1px;left:0; }
.shareit .facebook { width:38px;height:38px;margin-right:10px;display:block;background:url('/images/v4/elements/facebook_png.png');background-size:100% 100%; }
.shareit .instagram { width:38px;height:38px;margin-right:10px;display:block;background:url('/images/v4/elements/instagram_png.png');background-size:100% 100%; }


/* Top bar
================================================== */
.recap > div { z-index:26; }
.recap .details { position:absolute;z-index:25;height:0;max-height:0;z-index:0;bottom:0;left:0;right:0;-webkit-transition:max-height .2s ease, bottom .2s ease;transition:max-height .2s ease, bottom .2s ease;border-top:1px solid #000;overflow:hidden; }
.recap .details.active { bottom:100%;height:auto;max-height:100vh;-webkit-transition:max-height .2s ease, bottom .2s ease;transition:max-height .2s ease, bottom .2s ease;padding:48px;padding:48px;padding:3rem; }
.recap .details .close { top:40px;right:40px; }

.confirm > div { z-index:27; }
.confirm .details { position:absolute;z-index:25;height:0;z-index:0;margin-bottom:-100%;bottom:0;left:0;right:0;-webkit-transition:height 0s ease .5s, margin-bottom .5s ease;transition:height 0s ease .5s, margin-bottom .5s ease;overflow:hidden; }
.confirm .details.active { bottom:0;margin-bottom:0;-webkit-transition:height .5s ease, margin-bottom .5s ease;transition:height .5s ease, margin-bottom .5s ease; }
.confirm .details .close { top:40px;right:40px; }


/* Color Custom
================================================== */
.bg1002{ background-color:#d2aa6d; }
.bg1005{ background-color:#cb8e00; }
.bg1015{ background-color:#e6d2b5; }
.bg1016{ background-color:#f1dd38; }
.bg1018{ background-color:#faca30; }
.bg1023{ background-color:#f7b500; }
.bg1026{ background-color:#ffff00; }
.bg1028{ background-color:#ff9b00; }
.bg1034{ background-color:#eb9c52; }
.bg2002{ background-color:#bf3922; }
.bg2005{ background-color:#ff4d06; }
.bg2008{ background-color:#ed6b21; }
.bg2011{ background-color:#e26e0e; }
.bg2012{ background-color:#d5654d; }
.bg3000{ background-color:#a72920; }
.bg3003{ background-color:#861a22; }
.bg3004{ background-color:#6b1c23; }
.bg3007{ background-color:#3e2022; }
.bg3011{ background-color:#792423; }
.bg3015{ background-color:#d8a0a6; }
.bg3018{ background-color:#c73f4a; }
.bg3020{ background-color:#bb1e10; }
.bg3022{ background-color:#cf6955; }
.bg3026{ background-color:#ff2a1b; }
.bg3027{ background-color:#ab273c; }
.bg3031{ background-color:#a63437; }
.bg4001{ background-color:#816183; }
.bg4004{ background-color:#651e38; }
.bg4007{ background-color:#47243c; }
.bg4008{ background-color:#844c82; }
.bg4009{ background-color:#9d8692; }
.bg5002{ background-color:#00387b; }
.bg5004{ background-color:#191e28; }
.bg5012{ background-color:#0089b6; }
.bg5013{ background-color:#193153; }
.bg5015{ background-color:#007cb0; }
.bg5017{ background-color:#005b8c; }
.bg5018{ background-color:#058b8c; }
.bg5021{ background-color:#007577; }
.bg5022{ background-color:#222d5a; }
.bg6000{ background-color:#3c7460; }
.bg6004{ background-color:#024442; }
.bg6005{ background-color:#114232; }
.bg6019{ background-color:#b9ceac; }
.bg6034{ background-color:#7aacac; }
.bg6037{ background-color:#008b29; }
.bg6038{ background-color:#00b51a; }
.bg7001{ background-color:#8c969d; }
.bg7005{ background-color:#6c6e6b; }
.bg7016{ background-color:#383e42; }
.bg7032{ background-color:#b5b0a1; }
.bg7036{ background-color:#979392; }
.bg8001{ background-color:#9d622b; }
.bg8004{ background-color:#8d4931; }
.bg8016{ background-color:#4c2b20; }
.bg8023{ background-color:#a45729; }
.bg9001{ background-color:#e9e0d2; }
.bg9005{ background-color:#0e0e10; }
.bg9010{ background-color:#f1ece1; }

/*.itemWrapper label.item > div[class^='bg'] { width:100%; }
.itemWrapper label.item > div[class^='bg']:before { content:"";display:block;position:relative;padding-top:100%; }*/

.groupItem div[class^='bg'] { width:100%; }
.details div[class^='bg'], .itemWrapper div[class^='bg'] { content:"";display:block;position:relative;padding-top:100%; }
.details div[class^='bg'] { padding-top:15%; }

.view { position:relative;z-index:2; }

.flip-vertical-left { -webkit-animation:flip-vertical-left 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;animation:flip-vertical-left 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;height:100%; }
.flip-vertical-right { -webkit-animation: flip-vertical-right 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;animation: flip-vertical-right 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;height:100%; }

/*
@-webkit-keyframes flip-vertical-right { 0% { -webkit-transform:rotateY( 0 );transform:rotateY( 0 );opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { -webkit-transform:rotateY( 180deg );transform:rotateY( 180deg );opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
@keyframes flip-vertical-right { 0% { -webkit-transform:rotateY( 0 );transform:rotateY( 0 );opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { -webkit-transform:rotateY( 180deg );transform:rotateY( 180deg );opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
@-webkit-keyframes flip-vertical-left { 0% { -webkit-transform:rotateY( 0 );transform:rotateY( 0 );opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { -webkit-transform:rotateY( -180deg );transform:rotateY( -180deg );opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
@keyframes flip-vertical-left { 0% { -webkit-transform:rotateY( 0 );transform:rotateY( 0 );opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { -webkit-transform:rotateY( -180deg );transform:rotateY( -180deg );opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
*/

@-webkit-keyframes flip-vertical-right { 0% { -webkit-transform:rotateY( -180deg );transform:rotateY( -180deg );opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { -webkit-transform:rotateY( 0 );transform:rotateY( 0 );opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
@keyframes flip-vertical-right { 0% { -webkit-transform:rotateY( -180deg );transform:rotateY( -180deg );opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { -webkit-transform:rotateY( 0 );transform:rotateY( 0 );opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
@-webkit-keyframes flip-vertical-left { 0% { -webkit-transform:rotateY( -180deg );transform:rotateY( -180deg );opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { -webkit-transform:rotateY( -360deg );transform:rotateY( -360deg );opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
@keyframes flip-vertical-left { 0% { -webkit-transform:rotateY( -180deg );transform:rotateY( -180deg );opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { -webkit-transform:rotateY( -360deg );transform:rotateY( -360deg );opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }



.layers-front img, .layers-back img { position:absolute;top:50%;left:50%;bottom:50%;right:50%;-webkit-transform:translate( -50%, -50% );transform:translate( -50%, -50% );width:auto;max-height:100%; }






#share .close { top:25px; }
#share .flexCenter { -ms-flex-flow:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-flow:column;-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch; }
.share-fb      { background:url('/images/v4/elements/ico_svg/social/fb.svg') center left no-repeat #4f77b3;background-size:auto 100%; }

.home-custom .logo { max-width:300px;-webkit-transition:max-width .25s ease;transition:max-width .25s ease; }
.base .logo, .sticky-active .logo { position:absolute;max-width:135px;top:12px;left:50%;-webkit-transform:translateX( -50% );transform:translateX( -50% );-webkit-transition:max-width .25s ease;transition:max-width .25s ease; }
.base .stepNumber { height:100vh;-ms-flex-line-pack:center;align-content:center; }
.base .itemWrapper { -ms-flex-flow:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-flow:column;width:15vh; }
.base input[type=radio] + .item { position:relative;cursor:pointer;border:1px solid #fff;background:rgba( 255, 255, 255, 0.2 ); }
.base input[type=radio]:checked + .item { background:rgba( 255, 255, 255, 0.5 ); }
.base .faded-btn-neg .material-icons { border-right:1px solid #fff; }

.pagin-index { position:absolute;width:auto;left:auto;right:10%;font-size:30px;font-weight:300;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%; }
.swipe-arrow { cursor:pointer;background:rgba( 204, 204, 204, 0.5 );position:absolute;top:0;bottom:0;width:4.16667%; }
.swipe-arrow.next { right:0;z-index:1; }
.swipe-arrow.prev { left:0;z-index:2; }

.btnAjouter:before { top:-10px;bottom:-10px; }

.swiper-pagination-bullet { border-radius:0!important; }

/*.itemWrapper label.infos:before { content:'';position:absolute;top:0;right:0;width:0;height:0;border-top:50px solid #fff;border-left:50px solid transparent;z-index:1; } */
.itemWrapper label.infos .ico-infos { position:absolute;top:5px;right:5px;border-radius:50%;width:20px;height:20px;z-index:1; }

.backHome img { width:auto;height:45px!important; }

.flexColumn { -ms-flex-flow:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-flow:column;-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch; }

#confirm .close:not(.faded-btn) { top:40px;right:30px; }
#confirm .close.faded-btn { position:relative;width:auto!important;height:auto!important;font-size:16px;font-size:1rem;transform:initial;top:0;right:0; }

.mCSB_scrollTools { margin:0!important;width:5px!important; }
.faded-btn-neg { cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:transparent;color:#fff;-webkit-transition:background 0.2s ease-in-out;transition:background 0.2s ease-in-out;border:1px solid #000; }
.faded-btn-neg:hover { background:#fff;color:#000;border:1px solid #fff; }
.btn-no-style {background:transparent;border:0px;}
.confirm .faded-btn-neg { background:#000; }
.confirm .faded-btn-neg:hover { background:#fff; }
.confirm .mask, .confirm .mask .calc { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; }
.confirm .mask + .row { -webkit-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto; }
.confirm div[class^=step-] img { width:20%; }

.title-infos { border-bottom:1px solid #000; }
.callme-form input[name=usertel], .callme-form-sm input[name=usertel] { background:transparent;padding:0 20px;border:1px solid #fff;-webkit-box-flex:1;-ms-flex:1;flex:1; }
.callme-form button { border:1px solid #fff;border-left:none;-webkit-box-flex:0;-ms-flex:0;flex:0; }
.callme-form button:hover { border:1px solid #fff; }
.callme-form div, .callme-form-sm div { flex:1 1 auto; }

.configurateur .cgv input[type="checkbox"] { display:none; }
.configurateur .cgv input[type="checkbox"] + label { position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:20px 20px 20px 60px;padding:1.25rem 1.25rem 1.25rem 3.75rem; }
.configurateur .cgv input[type="checkbox"] + label:before { content:'';display:block;width:20px;width:1.25rem;height:20px;height:1.25rem;border:1px solid #000;position:absolute;left:20px;left:1.25rem;top:50%;-webkit-transform:translateY( -50% );transform:translateY( -50% );-webkit-transition:all .12s, border-color .08s;transition:all .12s, border-color .08s; }
.configurateur .cgv input[type="checkbox"]:checked + label:before { width:10px; width:.625rem;top:calc( 50% - .625rem );left:24px;left:1.5rem;border-radius:0;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate( 45deg );transform:rotate( 45deg ); }

.confirm-custom { -ms-flex-item-align:end; align-self:flex-end; }

.notif-wrapper { overflow:hidden; }
.notif-callme { position:absolute;top:5px;bottom:5px;right:5px;left:5px;-webkit-transition:margin .2s ease;transition:margin .2s ease;margin:0 -100% 0 100%; }
.notif-callme.active { margin:0; }

.active-input.invalid { left:0;position:absolute;padding:10px 20px; }
.callme-form .active-input.invalid { padding:11px 20px; }

.bubble.centered { border:1px solid #b3b3b3;z-index:100!important; }
.bubble.centered .content { height:auto!important; }

.mCustomScrollBox { width:100%; }


@media only screen and (max-width: 92.5rem) {
	.notif-info { font-size:10px;font-size:0.625rem; }
	.notif-wrapper { font-size:10px;font-size:0.625rem; }
	.notif-callme { padding:0 20px; }
	.configurateur .cgv input[type="checkbox"] + label { padding:1.25rem 0 1.25rem 2.5rem; }
	.configurateur .cgv input[type="checkbox"] + label:before { left:0; }
	.close { right:20px!important; }
}

.home-custom button.faded-btn-neg .material-icons { border-left:1px solid #fff; }

.home-custom .base { z-index:1;position:relative; }

.home-custom .section { position:relative;height:100vh;background:center 0 no-repeat fixed;background-size:cover; }
/*.home-custom #section-1, .home-custom #section-base { background-image:url("/images/marketing/eagle_custom/assets/paged/background_large.jpg"); }*/
.home-custom #section-1, .home-custom #section-base, .home-custom #section-temoignage { background-image:url("/images/marketing/eagle_custom/assets/paged/img_01.jpg"); }
.home-custom #section-2 { background-image:url("/images/marketing/eagle_custom/assets/paged/img_02.jpg"); padding-top: 140px;}
.home-custom #section-4 { background-image:url("/images/marketing/eagle_custom/assets/paged/img_03.jpg"); }

.home-custom .section > .row { position:relative;height:100vh;z-index:2; }
.home-custom #section-1 > .row {z-index:10; }
.home-custom .filter { position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";z-index:1; }
.home-custom #section-1 #eagle-video-container { position:relative;overflow:hidden;top:60%;transform:translateY( -50% ); }
.home-custom #section-1 #eagle-video-container:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}
.home-custom #section-1 #eagle-video-container #test { position:absolute;top:0;right:0;bottom:0;left:0; }
.home-custom #section-1 #eagle-video { height:100%; }

.home-custom .flex100 { -webkit-box-flex:1; -ms-flex:1 1 100%; flex:1 1 100%; }

.home-custom #section-3 .flexColumns { -ms-flex-line-pack:center; align-content:center; }

.home-custom .faded-btn-neg { border:1px solid #fff; }

/*.home-custom #section-1.sticky-active ~ .scroll-next { z-index:9; }
/*.home-custom #section-1.sticky-active ~ .scroll-next .material-icons { opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity .25s ease;transition:opacity .25s ease; }*/

.home-custom #section-1 .sticky-header, .home-custom #section-temoignage .sticky-header { max-height:100%; }
.home-custom #section-1.sticky-active .sticky-header, .home-custom #section-temoignage.sticky-active .sticky-header { z-index:1;position:fixed;top:0;left:0;right:0;background-color:#000;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end; }

.home-custom #section-1 .sticky-header .custom-logo, .home-custom #section-temoignage .sticky-header .custom-logo { max-width:25vh; }
.home-custom #section-1.sticky-active .sticky-header .custom-logo, .home-custom #section-temoignage.sticky-active .sticky-header .custom-logo { max-width:80px;top:0;left:8px;left:0.5rem;position:absolute;margin:8px;margin:0.5rem; }

.home-custom #section-1 .sticky-header .custom-title, .home-custom #section-temoignage .sticky-header .custom-title { display:block; }
.home-custom #section-1.sticky-active .sticky-header .custom-title, .home-custom #section-temoignage.sticky-active .sticky-header .custom-title { display:none; }

.home-custom #section-1 .sticky-header .custom-btn-bot, .home-custom #section-temoignage .sticky-header .custom-btn-bot { margin:0; }
.home-custom #section-1.sticky-active .sticky-header .custom-btn, .home-custom #section-temoignage.sticky-active .sticky-header .custom-btn { margin:15px 40px 15px!important; }

.home-custom #section-1.sticky-active .hidden-sticky, .home-custom #section-temoignage.sticky-active .hidden-sticky { display:none; }

/*.home-custom #section-1.sticky-active .sticky-header .custom-btn button { font-size:13px;font-size:0.8125rem; }
.home-custom #section-1.sticky-active .sticky-header .custom-btn button .material-icons { font-size:48px!important;font-size:3rem!important; }*/

.home-custom #section-1 .sticky-header .custom-cgv, .home-custom #section-temoignage .sticky-header .custom-cgv { display:block; }
/*.home-custom #section-1.sticky-active .sticky-header .custom-cgv { display:none; }*/

/*.home-custom .scroll-next { position:absolute;bottom:0;left:0;right:0;padding:35px;z-index:10; }*/
/*.home-custom .scroll-next .material-icons { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transition:opacity .25s ease;transition:opacity .25s ease;box-shadow: 0 10px 10px rgba( 0, 0, 0, 0.3);position:absolute;width:70px;height:70px;font-size:45px;background:#000;color:#fff;bottom:35px;left:50%;border-radius:50%;-webkit-transform:translateX( -50% );transform:translateX( -50% );display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }*/

#tooltip.bubble .title-infos { width:50%; }
.next-btn .btnAjouter { position:absolute;top:0;bottom:0;visibility:hidden; }

.cgv input:not([type='hidden']) ~ .active-input.invalid { top:-45px!important;white-space:normal!important; }

/* Mobile
============================== */
@media only screen and (max-device-width: 46.875rem) {
	.btn-light-fade{max-width:100%;}
	.zone-temoignage{margin-top:120px;}
	.link-bar { height:120px; }
	.link-bar img { width:75px; }

	.switch-label:before, .switch-label:after { font-size:50px;padding:30px 40px;font-size:30px;font-size:1.875rem; }
	.switch-label:before { right:400%; }
	.switch-label:after  { content:attr(data-off);color:#fff;background:#000;right:0; }

	.next-btn, .prev-btn { width:calc( 50% - 10px );text-align:center; }
	.next-btn .faded-btn-neg:hover, .prev-btn .faded-btn-neg:hover { background:#000;color:#fff; }
	.next-btn .btnAjouter { visibility:visible; }

	.close { top:40px;right:40px;width:3rem;height:3rem; }

	.recap .details.active { max-height:200vh; }

	.confirm .details.active { padding-top:50px!important; }
	.confirm div[class^=step-] img { width:15%; }

	.configurateur .cgv input[type="checkbox"] + label { padding:2.5rem 2.5rem 2.5rem 10rem;margin:40px 0; }
	.configurateur .cgv input[type="checkbox"] + label > div { width:50%; }
	.configurateur .cgv input[type="checkbox"] + label:before { left:2.5rem;width:5rem;height:5rem; }
	.configurateur .cgv input[type="checkbox"]:checked + label:before { width:2.5rem;top:calc( 50% - 3rem );left:3.5rem;  }

	.cgv input:not([type='hidden']) ~ .active-input.invalid { font-size:26px!important; }

	#confirm { top:0;-webkit-transform:none;transform:none;left:0;right:0;width:auto;z-index:100; }
	#confirm input[type=email], #confirm input[type=text], #confirm input[name=usertel] { border:1px solid #000; }
	#confirm button { border:1px solid #000;padding:10px 20px!important; }
	#confirm .close { position:relative;top:20px;right:0!important; }

	.notif-info { font-size:30px;font-size:1.875rem; }
	.notif-wrapper { font-size:30px;font-size:1.875rem; }
	.notif-callme { font-size:30px;font-size:1.875rem; }

	.price-sm { position:-webkit-sticky; position:sticky;bottom:0; }
	.helper { line-height:1.7; }
	.configurateur .wrapper { min-height:90vh; }

	.configurateur .itemWrapper { width:25vh; }
	.configurateur input[type=radio] + .item { width:45%; }

	#tooltip.bubble { top:0;right:0;bottom:0;left:0;max-height:100%;-webkit-transform:none;transform:none;max-width:100%;font-size:30px; }

	#fade, .confirm { z-index:100; }

	/*.configurateur .mask .calc .layers-front:hover, .configurateur .mask .calc .layers-back:hover { transform:scale( 1 ); }*/


	/*.home-custom .section { background-size:auto 200vh; }*/

	.layers-front img, .layers-back img { height:auto;width:auto;max-height:35vh; }
	.confirm .layers-front img, .confirm .layers-back img { max-height:10vh; }
	.layers-front, .layers-back { background:#fff; }
	.configurateur .mask .calc .flip-vertical-right, .configurateur .mask .calc .flip-vertical-left { z-index:100;left:0; }

	.home-custom .section > .row { height:auto; }
	.home-custom .logo { max-width:400px;top:30px;left:135px; }
	.home-custom .logo img { width:400px; }
	.sticky-active .logo, .base .logo { width:180px; }
	.base .logo { left:270px; }
	
	.home-custom .scroll-next { position:absolute;bottom:0;left:0;right:0;padding:35px;z-index:10; }
	.home-custom .scroll-next .material-icons { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transition:opacity .25s ease;transition:opacity .25s ease;box-shadow: 0 10px 10px rgba( 0, 0, 0, 0.3);position:absolute;width:70px;height:70px;font-size:45px;background:#000;color:#fff;bottom:35px;left:50%;border-radius:50%;-webkit-transform:translateX( -50% );transform:translateX( -50% );display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }

	/*.home-custom #section-1 #eagle-video-container { top:40%;height:30%; }*/
	.home-custom #section-1 #eagle-video-container { top:100%;transform:translateY( -100% ); }
	/*.home-custom #section-1 #eagle-video { height:100%; }*/
	.button-bottom { position:relative;bottom:unset; }

	.home-custom .scroll-next { background:none; }
	.home-custom .scroll-next .material-icons { width:220px;height:220px;font-size:120px; }
	.home-custom .section { height:auto;background-attachment:initial; }
	.home-custom #section-1, .home-custom #section-1 > .row { height:93vh; }
	.home-custom #section-2 .italic { padding:140px!important; }
	.home-custom .text-section-2 { padding:240px 80px;line-height:46px; }
	.home-custom .text-section-3 { padding:140px 80px;line-height:46px; }
	.home-custom .text-section-3 + div { padding-bottom:140px; }

	.stepNav { max-height:120px;z-index:1; }
	.base .stepNumber { height:auto;min-height:93vh; }
	.base .itemWrapper { width:auto;margin-bottom:80px;flex:0 0 auto; }
	.base .itemWrapper label.item { width:420px; }
	.base .displayedItems { margin-top:140px!important; }
	.base .startConf button { height:90px; }


/*
	.zoomed .layers-front img, .zoomed .layers-back img { top:0;left:0;transform:rotateY(180deg);height:93vh;width:auto;-webkit-transition:max-width .5s ease;-o-transition:max-width 3s ease;transition:max-width .5s ease;-webkit-transition:max-height .5s ease;-o-transition:max-height 3s ease;transition:max-height .5s ease;max-width:281vh;max-height:93vh;position:absolute; }
	.configurateur .wrapper .mask .calc.zoomed > div { overflow:visible; }
	.configurateur .wrapper .mask .calc.zoomed > div.pos-rel { position:static!important; }
	/*.configurateur .wrapper .mask .calc.zoomed .layers-front { width:100%; }*/

/*	.configurateur .wrapper .mask .calc.zoomed > div.pos-rel { position:static!important; }
	.configurateur .wrapper .mask .calc.zoomed .flip-vertical-right, .configurateur .wrapper .mask .calc.zoomed .flip-vertical-left, .configurateur .wrapper .mask .calc.zoomed .layers-front, .configurateur .wrapper .mask .calc.zoomed .layers-back { position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:hidden;overflow-y:auto; }
	.zoomed .layers-front img, .zoomed .layers-back img { top:0;/*left:0;bottom:0;right:0;*//*height:93vh;width:auto;max-width:281vh;max-height:93vh;transform:rotateY( 180deg );-webkit-transition:all .5s ease;-o-transition:all 3s ease;transition:all .5s ease; }
*/

	.configurateur .wrapper .mask .calc.zoomed > div.pos-rel { position:static!important; }
	.configurateur .wrapper .mask .calc.zoomed .flip-vertical-right, .configurateur .wrapper .mask .calc.zoomed .flip-vertical-left, .configurateur .wrapper .mask .calc.zoomed .layers-front, .configurateur .wrapper .mask .calc.zoomed .layers-back { position:fixed;top:0;bottom:0;left:0;right:0;overflow:visible; }
	/*.configurateur .wrapper .mask .calc.zoomed .layers-front, .configurateur .wrapper .mask .calc.zoomed .layers-back { margin-right:-100%; }*/
	.configurateur .wrapper .mask .calc.zoomed .layers-front img, .configurateur .wrapper .mask .calc.zoomed .layers-back img { 
		/*left:0;*/
		/*right:0;*/
		/*top:0;*/

		height:93vh;
		max-height:93vh;
		max-width:280vh;
		/*transform:translate( 0, -50% );*/
		-webkit-transition:max-height .5s ease,max-width .5s ease,top .5s ease,-webkit-transform .5s ease;
		transition:max-height .5s ease,max-width .5s ease,top .5s ease,-webkit-transform .5s ease;
		transition:max-height .5s ease,max-width .5s ease,transform .5s ease, top .5s ease;
		transition:max-height .5s ease,max-width .5s ease,transform .5s ease, top .5s ease,-webkit-transform .5s ease; 
		/*transition:all .5s ease;*/
	}
	.configurateur .wrapper .mask .calc.zoomed .layers-front img:first-child, .configurateur .wrapper .mask .calc.zoomed .layers-back img:first-child { background:#fff; }
	.recap { z-index:100; }
	
	.callme-form-sm .active-input.invalid { padding:22px 20px; }

	.shareit { justify-content:flex-end;padding:30px;position:relative; }
	.shareit .facebook { width:100px;height:100px;margin-left:30px; }
	.shareit .instagram { width:100px;height:100px;margin-left:30px; }
	.sticky-active .shareit.hidden-sticky { display:none!important; }
	.hidden-lg .shareit { justify-content:center;padding-bottom:160px;padding-bottom:10rem; }
	.hidden-lg .shareit .facebook { margin-left:0; }
	.hidden-lg .shareit .instagram { margin-right:0; }

}