@font-face{
 font-family:'PPNeueMontreal-Bold';
 src:url('../font/PPNeueMontreal-Bold.eot');
 src:url('../font/PPNeueMontreal-Bold.eot?#iefix') format('embedded-opentype'), url('../font/PPNeueMontreal-Bold.woff2') format('woff2'), url('../font/VCNudge-Medium.woff') format('woff');
 font-weight:normal;
 font-style:normal;
 font-display:swap;
}

:root{
 --font:'PPNeueMontreal-Bold', Arial, sans-serif;
 --font-bold:'PPNeueMontreal-Bold', Arial, sans-serif;
 --font-bold-it:'PPNeueMontreal-Bold', Arial, sans-serif;
 --font-it:'PPNeueMontreal-Bold', Arial, sans-serif;
 --font-titre:'PPNeueMontreal-Bold', Times, serif;
 --jaune-logo:#FFEC67;
 --jaune:#FFF37C;
}

*{
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 margin:0;
 padding:0;
 outline:none;
}

html{overflow-x:hidden;}

body{
 width:100%;
 -webkit-font-smoothing:antialiased;
 -webkit-text-size-adjust:100%;
 overflow:hidden;
}

body, input[type=text], input[type=file], input[type=password], button, select, textarea{
 font-family:var(--font);
 font-size:20px;
 line-height:24px;
 color:#000;
}

input[type=text], input[type=file], input[type=password], button, select, textarea{
 border:none;
 border-radius:0;
 -webkit-border-radius:0px;
 background-color:transparent;
}

input[type=text], input[type=file], input[type=password], button, textarea{-webkit-appearance:none;}

textarea{
 resize:none;
 overflow:auto;
}

::-webkit-input-placeholder{
 opacity:1 !important;
 font-family:var(--font-bold);
 text-transform:uppercase;
 color:#000;
}

:-moz-placeholder{
 opacity:1 !important;
 font-family:var(--font-bold);
 text-transform:uppercase;
 color:#000;
}

::-moz-placeholder{
 opacity:1 !important;
 font-family:var(--font-bold);
 text-transform:uppercase;
 color:#000;
}

input::-webkit-input-placeholder{
 opacity:1 !important;
 font-family:var(--font-bold);
 text-transform:uppercase;
 color:#000;
}

input:-moz-placeholder{
 opacity:1 !important;
 font-family:var(--font-bold);
 text-transform:uppercase;
 color:#000;
}

input::-moz-placeholder{
 opacity:1 !important;
 font-family:var(--font-bold);
 text-transform:uppercase;
 color:#000;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder{
 opacity:1 !important;
 font-family:var(--font-bold);
 text-transform:uppercase;
 color:#000;
}

input:-webkit-autofill{
 -webkit-box-shadow:0 0 0 1000px var(--jaune) inset !important;
 -webkit-text-fill-color:#000 !important;
}

button, a{cursor:pointer;}

button{
 background:transparent;
 border:none;
}

a, a:hover{
 color:inherit;
 border:0;
 text-decoration:none;
}

video{
 max-width:100%;
 height:auto;
}

table{border-collapse:collapse;}

img{
 border:none;
 max-width:100%;
 image-rendering:auto;
 display:block;
}

img.sizeimg{height:auto;}

svg{
 display:block;
 max-width:100%;
 height:auto;
}

figure{
 padding:0;
 margin-block-start:0;
 margin-block-end:0;
 margin-inline-start:0;
 margin-inline-end:0;
}

address{font-style:normal;}

ul{list-style-type:none;}

ul, ol{list-style-position:inside;}

label{display:block;}

canvas{-ms-touch-action:double-tap-zoom;}

h1, h2, h3, h4, h5{
 font-weight:normal;
 display:inline-block;
 font-size:inherit;
}

header, nav, footer, section, article, aside, figure, figcaption, mark, time, address{display:block;}

sup, sub{text-transform:none;}

.clrb{clear:both;}

body.nav_chrome img{image-rendering:-webkit-optimize-contrast;}

/********** medias **********/
@media screen and (max-width:1080px){
 body, input[type=text], input[type=file], input[type=password], button, select, textarea{
  font-size:18px;
  line-height:22px;
 }
}

@media screen and (max-width:680px){
 input[type=text], input[type=file], input[type=password], select, textarea{
  font-size:16px;
  line-height:20px;
 }
}
/*******LP******/
.ti{
 color:var(--jaune);
 font-size:44px;
 text-transform:uppercase;
 line-height:45px;
}
a.btn, .btn{
 display: inline-block;
 position: relative;
 font-size:16px;
 padding: 15px 15px 12px;
 border-radius: 30px;
 text-transform: uppercase;
 cursor: pointer;
 min-width:261px;
 text-align:center;
 color: #000;
 background-color: var(--jaune);
 border: 2px solid var(--jaune);
 transition: all 0.5s ease-in-out;
}
a.btn:hover, .btn:hover{
 color: var(--jaune);
 background-color: #000;
}
main{
 min-height:100vh;
 padding:30px 0;
 background:center / cover no-repeat url("../img/background.png");
 display:flex;
 flex-direction:column;
 justify-content:space-between;
}
main .logo{
 width:100%;
 padding:0 30px;
}
main .logo svg{
 max-width:100%;
}
main .content{
 padding:50px 15px 0;
 display:flex;
 flex-direction:column;
 align-items:center;
}
main .content .ti{
 margin-top:15px;
 text-align:center;
}
main .btns,main .rs{
 margin-top:50px;
 display:flex;
 justify-content:center;
}
main .btns .btn + .btn{
 margin-left:10px;
}
main .txt{
 text-align:center;
 font-size:20px;
 text-transform:uppercase;
 color:var(--jaune);
 margin-top:30px;
}
main .rs{
 margin-top:30px;
}
main .rs a + a{
 margin-left:5px;
}
@media screen and (max-width:500px){
 main .logo{
  width:100%;
  padding:0 15px;
 }
 main .btns{
  flex-direction:column;
 }
 main .btns .btn + .btn{
  margin-left:0;
  margin-top:10px;
 }
 .ti{
  font-size:35px;
  line-height:35px;
 }
}