@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&family=Roboto:wght@500&display=swap);
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,nav,section,details,summary{display:block}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,object,embed{max-width:100%;height:auto}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:inherit}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type="button"],input[type="submit"],input[type="file"],button{cursor:pointer}button,input,select,textarea{margin:0}button,input[type="button"]{width:auto;overflow:visible;margin:0;padding:0;border:0;background-color:transparent;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:transparent}button:focus,input[type="button"]:focus{outline:0}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}*{margin:0;padding:0;font-size:12px;color:#000;box-sizing:border-box;font-family:"Poppins";font-weight:300}@media screen and (min-width: 768px){*{font-size:14px}}@media screen and (min-width: 1024px){*{font-size:16px}}html,body{height:100%}body{margin:0;padding:0;background:linear-gradient(175deg, #9cb9e4, #0d47a1);background-size:400% 400%;-webkit-animation-name:mouvement;animation-name:mouvement;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:4s;animation-duration:4s}@media screen and (min-width: 768px){body{-webkit-animation-duration:3s;animation-duration:3s}}@-webkit-keyframes mouvement{0%{background-position:0% 88%}50%{background-position:100% 13%}100%{background-position:0% 88%}}@keyframes mouvement{0%{background-position:0% 88%}50%{background-position:100% 13%}100%{background-position:0% 88%}}.container{max-width:964px;width:100%;background-color:#fff;margin-right:30px;margin-left:30px}@media screen and (min-width: 768px){.container{max-width:924px;margin-right:50px;margin-left:50px}}@media screen and (min-width: 1024px){.container{max-width:1024px;margin-right:auto;margin-left:auto}}.buttonPrimary{background-color:#000;color:#fff;padding:5px 45px;border-radius:50px;border:none;cursor:pointer;text-transform:uppercase;display:block;margin:10px auto;font-size:12px;height:29px;display:flex;align-items:center;min-width:150px}@media screen and (min-width: 768px){.buttonPrimary{font-size:14px}}@media screen and (min-width: 1024px){.buttonPrimary{font-size:16px;height:34px}}.buttonSecondary{color:#fff;padding:5px 45px;border:solid #fff 1px;border-radius:50px;cursor:pointer;text-transform:uppercase;display:block;margin:10px auto;height:29px;font-size:12px;display:flex;align-items:center;min-width:150px}@media screen and (min-width: 768px){.buttonSecondary{font-size:14px}}@media screen and (min-width: 1024px){.buttonSecondary{height:34px;font-size:16px}}@media screen and (min-width: 768px){.doubleInput{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}}.inputGroup{margin-bottom:10px;position:relative}.inputGroup .label{display:block;margin-bottom:5px}.inputGroup .input{border:solid #000 1px;border-radius:5px;width:100%;height:30px;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;-webkit-padding-before:5px;padding-block-start:5px;-webkit-padding-after:5px;padding-block-end:5px;outline:none}.inputGroup .input:focus,.inputGroup .input:active{border-color:#0d47a1}.inputGroup textarea{resize:vertical;min-height:60px;max-height:120px}@media screen and (min-width: 1024px){.inputGroup textarea{min-height:80px}}.inputGroup .image+.input{-webkit-padding-end:40px;padding-inline-end:40px}.inputGroup .image{position:absolute;height:20px;right:10px;bottom:5px}.errors{color:#b30909;font-family:"Poppins";font-weight:300;font-size:10px;-webkit-margin-after:10px;margin-block-end:10px}@media screen and (min-width: 768px){.errors{font-size:12px}}@media screen and (min-width: 1024px){.errors{font-size:14px}}.errors.hidden{display:none}body{display:flex}.Connexion{background-color:#0d47a1;margin-top:auto;margin-bottom:auto;display:grid;grid-template-columns:1fr}@media screen and (min-width: 1024px){.Connexion{grid-template-columns:60% 40%}}.Connexion-login{background-color:#fff;padding:20px;display:flex;flex-direction:column}@media screen and (min-width: 768px){.Connexion-login{padding:30px}}@media screen and (min-width: 1024px){.Connexion-login{padding:100px}}.Connexion-inscription{background-color:#0d47a1;padding:20px;display:flex;flex-direction:column;color:#fff}@media screen and (min-width: 768px){.Connexion-inscription{padding:30px 20px}}@media screen and (min-width: 1024px){.Connexion-inscription{padding:100px 30px}}.Connexion-title{text-align:center;margin-bottom:20px;font-size:20px;font-family:"Roboto";font-weight:500}@media screen and (min-width: 768px){.Connexion-title{margin-bottom:30px;font-size:22px}}@media screen and (min-width: 1024px){.Connexion-title{margin-bottom:40px;font-size:24px}}.Connexion-title.hideMobile{display:none}@media screen and (min-width: 1024px){.Connexion-title.hideMobile{display:unset}}.Connexion-form{display:flex;flex-direction:column;justify-content:center}.Connexion-passwordToggle{cursor:pointer}.Connexion-passwordForget{margin:auto}.Connexion #formButton.loading{position:relative;overflow:hidden}.Connexion #formButton.loading::before{content:"";position:absolute;background-color:#000;background-image:url(loader.svg);background-repeat:no-repeat;background-position:center center;background-size:50px;top:0;bottom:0;left:0;right:-25px;-webkit-animation-name:startLoading;animation-name:startLoading;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes startLoading{from{opacity:0}to{opacity:1}}@keyframes startLoading{from{opacity:0}to{opacity:1}}.Connexion-paragraph{text-align:center;margin-bottom:10px}@media screen and (min-width: 768px){.Connexion-paragraph{margin-bottom:20px}}@media screen and (min-width: 1024px){.Connexion-paragraph{margin-bottom:40px}}.Connexion-inscription *{color:#fff}

