.mentions{text-align:center; font-size: 0.9em;margin-top: 60px;color: #d4d4d4;}.mentions a{color: #d4d4d4;}@font-face{font-family:"proxima";src:url(../fonts/ProximaNova-Regular.otf)}@font-face{font-family:"proxima";font-style:italic;src:url(../fonts/ProximaNova-RegularItalic.otf)}@font-face{font-family:"proxima";font-weight:700;src:url(../fonts/ProximaNova-Semibold.otf)}body{font-family:"proxima",Helvetica,Arial,sans-serif;overflow-x:hidden;background-color:#000}p{font-size:20px}p.small{font-size:16px}h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:400}h1{color:#EA3F3A;font-size:48px}.small-info{font-size:10px!important;margin-bottom:0}#main{background-size:cover;height:100vh}section.content{padding-top:0;background-color:#F4F4F4}.background-content{background:#F4F4F4;height:70%;width:100%;position:absolute}section.title{padding-bottom:0;background-color:#fff}section.login{background-color:#fff}.container{height:100%}.container-content{padding-top:50px}.nav-item{margin-left:10px;margin-right:10px}.btn-group .dropdown-toggle:hover{background-color:transparent}.btn-group .dropdown-toggle:focus{background-color:transparent;border:none;box-shadow:none}.btn-nav-connexion{background-color:transparent;border-radius:25px;color:#F4F4F4;border:2px solid white}.btn-nav-connexion:hover{background-image:linear-gradient(to right,#CB2D3E,#EF473A);border-radius:25px;border:2px solid transparent}.img-logo{width:400px;margin-bottom:20%}img.left_icon{width:111px;top:-20px;position:relative}.nav-link{color:white!important;transition:all .15s ease-in-out}.nav-link:hover{color:#EF473A!important}.nav-link.btn.btn-nav-connexion{color:#FFF!important}.navbar-brand{margin-left:10%}.navbar{background-color:transparent;color:#F4F4F4;-webkit-animation:fadein 1s;-moz-animation:fadein 1s;-ms-animation:fadein 1s;-o-animation:fadein 1s;animation:fadein 1s;animation-name:topFadeOut;animation-duration:1s}.navbar-expand-lg .navbar-nav .nav-link{padding:.3rem 1.1rem}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes topFadeOut{0%{top:-1rem;opacity:0}75%{opacity:1}}.nav{color:#F4F4F4}.nav-item .btn-group .dropdown-toggle{padding-bottom:0;padding-top:8px}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}@media (max-width:996px){.navbar{background:rgba(0,0,0,.8)!important;}}@media (max-width:320px){.navbar-brand{margin-left:0%}.nav-link{padding-left:0}}@media (min-width:1025px){.navbar-collapse{margin-right:10%}}@media (max-height:568px){#main{background-size:cover}}@media (min-height:1330px){#main{background-size:cover}}.dropdown-toggle{background-color:transparent;border:none}.img-logo{width:400px}.dropdown-menu{background-color:transparent;border:none}.dropdown-item{width:inherit;padding-left:10px}.dropdown-item:hover{background-color:transparent}.btn-connexion{cursor:pointer}.txt-connexion{left:50%;transform:translateY(-50%) translateX(-50%);position:absolute;display:block;text-align:center;width:100%}.txt-connexion-margin{margin-top:40px;background-color:#fff;padding:2.4em;height:9em}.margin-txt{margin-bottom:20px}.txt{color:#848e97;font-style:normal;font-weight:400}.txt-small-white{color:#d4d4d4;font-size:1em;font-style:normal;font-weight:400}.txt-description{font-size:.9em}.txt-description-title{font-size:1.2em;text-align:center;color:rgba(98,98,98,.7)}.txt-contact{margin-bottom:20px}.txt-margin{margin-bottom:200px}.txt-margin-title{margin-bottom:80px}.txt-title{font-size:1em}.txt-justify{text-align:justify}.txt-control{margin-bottom:30px}.link{color:#F4F4F4}.link:hover{color:#F4F4F4;border:none}@media (max-width:997px){.margin-product .txt-title{margin-bottom:0}.margin-product img{margin-bottom:20px}.txt-margin-title{margin-bottom:50px}.txt-margin{margin-bottom:50px}.navbar-brand{margin-left:0%}}.btn-connexion{background-image:linear-gradient(to right,#CB2D3E,#EF473A);border-radius:25px;padding-top:15px;padding-bottom:15px;padding-left:100px;color:#F4F4F4;border-color:transparent;padding-right:100px}.btn-connexion:hover{background-image:linear-gradient(to top,#EF473A,#CB2D3E);color:#fff}.btn-connexion-center{position:absolute;display:block;left:50%;transform:translateY(-50%) translateX(-50%)}.col-btn-connexion{text-align:center}.btn-connexion-margin{margin-bottom:20px}.btn-connexion:hover{color:#F4F4F4;border-color:transparent}.btn-connexion:focus{background-image:linear-gradient(to right,#CB2D3E,#EF473A);background-color:transparent}.btn-send{font-size:.9em;padding-top:7px;padding-bottom:5px;padding-left:100px;padding-right:100px;border:1px solid #d4d4d4;background:transparent;color:white;margin-top:10px;float:right;transition:all .15s ease-in-out}.btn-send:hover{background-color:#28292a;cursor:pointer}.btn-font{font-style:normal;text-transform:uppercase;font-weight:400;z-index:1}.contact-infos{text-align:right;border-right:1px solid;margin-bottom:30px}.num{margin-bottom:0}.margin-product{margin-bottom:30px}.img-centered{margin:0 auto}.link-create-account{color:#626262;text-decoration:underline}.link-create-account:hover{color:#EF473A}@media (max-width:1000px){.img-graph{width:534px}.graph{text-align:center}}@media (max-width:700px){.img-graph{max-width:329px}}(min-height:1330px){.img-graph{max-width:315px}}@media (min-width:4000px){.img-logo{width:800px!important;margin-top:14em!important}}@media (min-width:2500px){.img-logo{width:700px;margin-top:5em}}@media (max-width:500px){.img-logo{width:300px}}@media (max-width:325px){.img-logo{width:300px;margin-bottom:6em}.img-graph{max-width:294px}}section{padding:100px 0}section h2{font-size:3em;margin:0}section.title{color:black}section.contact{background:radial-gradient(circle at top left,#232526,#393b3c);color:#F4F4F4;border-bottom:5px solid #EA3F3A;padding-bottom:20px}@media (max-width:767px){section{padding:75px 0}section.first{padding-top:75px}}.floating-label-form-group{position:relative;margin-bottom:0;padding-bottom:.5em}.floating-label-form-group input,.floating-label-form-group textarea{font-size:.9em;color:white;position:relative;z-index:1;resize:none;border:none;border-radius:0;background:none;box-shadow:none!important}.exemple{color:#aeaeae;font-size:.8em;display:none;font-style:italic;margin-left:9px}}.required{color:red;font-size:.8em}#success{color:green}.form-control:focus{background-color:transparent!important;color:white;border-bottom:1px solid red!important}.form-control{color:white;border-bottom:1px solid #F4F4F4!important}video{position:fixed;left:50%;min-width:100%;min-height:90vh;width:auto;height:auto;z-index:-100;transform:translateX(-50%);background:url(../img/banner.png) no-repeat center;background-size:cover;transition:0s opacity;opacity:.25;filter:grayscale(4) contrast(1.2)}@media (max-height:650px){#product{}}@media (max-width:500px){section h2{font-size:2em!important}.txt-description-title{font-size:1em!important}}.cc-window {opacity: 1; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease;}.cc-window.cc-invisible {opacity: 0;}.cc-animate.cc-revoke {-webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; -ms-transition: transform 1s ease; -o-transition: transform 1s ease; transition: transform 1s ease;}.cc-animate.cc-revoke.cc-top {transform: translateY(-2em);}.cc-animate.cc-revoke.cc-bottom {transform: translateY(2em);}.cc-animate.cc-revoke.cc-active.cc-top {transform: translateY(0);}.cc-animate.cc-revoke.cc-active.cc-bottom {transform: translateY(0);}.cc-revoke:hover {transform: translateY(0);}.cc-grower {max-height: 0; overflow: hidden; -webkit-transition: max-height 1s; -moz-transition: max-height 1s;-ms-transition: max-height 1s;-o-transition: max-height 1s;transition: max-height 1s;}.cc-window, .cc-revoke {position: fixed;overflow: hidden;box-sizing:border-box;font-family: Helvetica, Calibri, Arial,sans-serif;font-size: 16px;line-height: 1.5em;display: flex;flex-wrap: nowrap;z-index: 9999;}.cc-window.cc-static {position: static;}.cc-window.cc-floating {padding: 2em;max-width: 24em;flex-direction: column;}.cc-window.cc-banner {padding: 1em 1.8em;width: 100%;flex-direction: row;}.cc-revoke {padding: .5em;}.cc-revoke:hover {text-decoration: underline;}.cc-header {font-size: 18px;font-weight: bold;}.cc-btn, .cc-link, .cc-close, .cc-revoke {cursor: pointer;}.cc-link {opacity: .8;display: inline-block;padding: .2em;text-decoration: underline;}.cc-link:hover {opacity: 1;}.cc-link:active,.cc-link:visited {color: initial;}.cc-btn {display: block;padding: .4em .8em;font-size: 0.9em;font-weight: bold;border-width: 2px;border-style: solid;text-align: center;white-space: nowrap;}.cc-banner .cc-btn:last-child {min-width: 140px;}.cc-highlight .cc-btn:first-child {background-color: transparent;border-color: transparent;}.cc-highlight .cc-btn:first-child:hover,.cc-highlight .cc-btn:first-child:focus {background-color: transparent;text-decoration: underline;}.cc-close {display: block;position: absolute;top: .5em;right: .5em;font-size: 1.6em;opacity: .9;/* seeing as this contains text and not an image, the element taller than it is wide (because it is text) */line-height: .75;}.cc-close:hover,.cc-close:focus {opacity: 1;}/* This file should contain CSS that modifies the popup layout. *//* By layout, we mean the physical position of the elements on the popup window, and the margin / padding around those elements. */.cc-revoke.cc-top {top:0; left: 3em; border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;}.cc-revoke.cc-bottom {bottom:0; left: 3em; border-top-left-radius:.5em;border-top-right-radius:.5em;}.cc-revoke.cc-left{left: 3em; right: unset;}.cc-revoke.cc-right{right: 3em; left: unset;}/**************************************** FLOATING ****************************************//* these classes position the floating element */.cc-top {top: 1em} .cc-left {left: 1em} .cc-right {right: 1em} .cc-bottom {bottom: 1em}/* links that are direct decendants should be displayed as block */.cc-floating>.cc-link {margin-bottom: 1em}.cc-floating .cc-message {display: block;margin-bottom: 1em;}.cc-window.cc-floating .cc-compliance {flex: 1;}/**************************************** BANNER ****************************************/.cc-window.cc-banner {align-items: center;}.cc-banner.cc-top {left: 0; right: 0; top: 0;}.cc-banner.cc-bottom {left: 0; right: 0; bottom: 0;}.cc-banner .cc-message {flex: 1;}/* COMPLIANCE BOX */.cc-compliance {display: flex;align-items: center;align-content: space-between;}.cc-compliance>.cc-btn {flex: 1;}.cc-btn + .cc-btn {margin-left: .5em;}/* This file should contain CSS that modifies the popup layout. *//* By layout, we mean the physical position of the elements on the popup window, and the margin / padding around those elements. */.cc-revoke.cc-top {top:0; left: 3em; border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;}.cc-revoke.cc-bottom {bottom:0; left: 3em; border-top-left-radius:.5em;border-top-right-radius:.5em;}.cc-revoke.cc-left{left: 3em; right: unset;}.cc-revoke.cc-right{right: 3em; left: unset;}/**************************************** FLOATING ****************************************//* these classes position the floating element */.cc-top {top: 1em} .cc-left {left: 1em} .cc-right {right: 1em} .cc-bottom {bottom: 1em}/* links that are direct decendants should be displayed as block */.cc-floating>.cc-link {margin-bottom: 1em}.cc-floating .cc-message {display: block;margin-bottom: 1em;}.cc-window.cc-floating .cc-compliance {flex: 1;}.cc-window.cc-banner {align-items: center;}.cc-banner.cc-top {left: 0; right: 0; top: 0;}.cc-banner.cc-bottom {left: 0; right: 0; bottom: 0;}.cc-banner .cc-message {flex: 1;}/* COMPLIANCE BOX */.cc-compliance {display: flex;align-items: center;align-content: space-between;}.cc-compliance>.cc-btn {flex: 1;}.cc-btn + .cc-btn {margin-left: .5em;}