html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
:root {
  --primaire: #2c6bb3;
  --primaire-100: rgba(44,107,179,.1);
  --primaire-200: rgba(44,107,179,.2);
  --primaire-300: rgba(44,107,179,.3);
  --primaire-400: rgba(44,107,179,.4);
  --primaire-500: rgba(44,107,179,.5);
  --primaire-600: rgba(44,107,179,.6);
  --primaire-700: rgba(44,107,179,.7);
  --primaire-800: rgba(44,107,179,.8);
  --primaire-900: rgba(44,107,179,.9);
  --bleu-0: #183a86;
  --bleu-1: #195abc;
  --bleu-2: #0166c7;
  --bleu-3: #4996e0;
  --bleu-4: #53a7fa;
  --primaire-25:rgba(44,107,179,.25) ;
  --primaire-50:rgba(44,107,179,.5) ;
  --secondaire: #071327;
  --table-border-05:rgba(102,145,231,.05);
  --table-border:rgba(102,145,231,.15);
  --table-border-5:rgba(102,145,231,.5);
  --table-gris:#f7f9f9;
  --table-bleu:#4cc2c0;
  --table-rouge:#f15b26;
  --table-orange:#fcb03b;
  --table-vert:#3cb878;
  --table-text-color:rgba(255, 255, 255, 0.1);;
  --fe: #fefefe;
  --ef: #efefef;
  --ddd: #ddd;
  --vert: #3f9f42;
  --rouge: #ff4040;
  --jaune: #fcb900;
  --jaune_2: #ffc001;
  --bleu: #3858f9;
  --blackColor: #111;
  --inputBg: #eff1f5;
  --gradient-bg: linear-gradient(45deg, #f33057, #3858f9);
}
a.disabled {
  pointer-events: none;
  cursor: default;
}
button,
button:focus,
.dropdown-toggle:focus,
.dropdown-toggle:active,
.dropdown-toggle.active,
.btn:focus,
.btn:active,
.btn.active,
.form-control:focus,
.form-control:active,
.form-control.active
{
	box-shadow:none !important;
	outline: none!important;
}
.text-rouge{color: var(--table-rouge)}
.text-vert{color: var(--primaire)}
.text-bleu-0{color: var(--bleu-0)}
.text-bleu-1{color: var(--bleu-1)}
.text-bleu-2{color: var(--bleu-2)}
.text-bleu-3{color: var(--bleu-3)}
.text-bleu-4{color: var(--bleu-4)}
small{font-size: .9rem;}
img{max-width:100%;}
body {
	background: #f6f9fc;
  min-height: 100vh;
  color: #000;
	font-family: 'AirbnbCerealBook';
}
body a {
	transition: 0.5s all;
	text-decoration: none;
}
body a:hover {
	text-decoration: none;
}
body a:focus, a:hover {
	text-decoration: none;
}
input[type="button"], input[type="submit"] {
	transition: 0.5s all;
}
.input-group {
  margin-top: 10px;
  margin-bottom: 20px;
	padding: 3px 10px;
	border: 1px solid #ddd;
	background: #fff;
}
.btn-block {
    background: var(--primaire);
    border: none;
    color: #fff;
    font-size: 13px;
    padding: 12px 40px;
    text-transform: uppercase;
}
input[type="email"],input[type="password"],input[type="text"] {
  	font-size: 15px;
  	height: 46px;
  	color: #000;
    text-align: left;
    padding: 14px 10px;
  	width:93%;
  	display:inline-block;
    box-sizing: border-box;
   	border: none;
    outline: none;
    background: transparent;
}
h1, h2, h3, h4, h5, h6,b,.b {
	font-family: 'AirbnbCerealBold';
}
.b-book{ font-family: 'AirbnbCerealBook';}
.b-medium{ font-family: 'AirbnbCerealMedium';}
.b-Bold{ font-family: 'AirbnbCerealBold';}
.b-ExtraBold{ font-family: 'AirbnbCerealExtraBold';}
.b-Black{ font-family: 'AirbnbCerealBlack';}
p { color:#333; font-size:16px; }
.pwd-input-valid {
    padding: 5px 10px;
    border-radius: 4px;
    margin-top: -5px;
}
.pwd-input-valid.faible-password {
    background-color: #FBE1E1;
}
.pwd-input-valid.moyen-password {
    background-color: #fd0;
}
.pwd-input-valid.bon-password {
    background-color: #D5F9D5;
}
.footer p {
    color: #333;
    text-align: center;
    letter-spacing: 1px;
    font-size: .75rem;
    margin-top: 2em;
}
.footer p a {
    color: #333;
}
/** Responsive **/
@media screen and (max-width: 736px){
	.footer p {
		margin-top: 0em;
		margin-bottom: 2em;
	}
}
@media screen and (max-width: 480px){
	.footer {
		margin: 0 1em;
	}
}
@media screen and (max-width: 320px){
	.footer p {
		font-size: 13px;
	}
	.footer p a{
		font-size: 13px;
	}
}

.bg {
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  bottom:0;
  display: none;
  visibility: hidden;
  transition: .3s;
  background: rgba(0,0,0,.7);
  z-index: 1003;
}
.panel-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 70%;
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  z-index: 1003;
  transition: .3s ease-out;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0 12px 0 rgba(0,0,0,.1), 0 10px 30px 0 rgba(0,0,0,.2) !important;
  
}
.panel-wrap form{height: 100%;}
.panel-wrap .errorTexte{background: var(--bs-gray-100);}
.panel {
  padding: 0 1.5rem;
  overflow-y: auto;
  height: 100%;
  background: var(--bs-gray-100);
  position: relative;
}
.panel-topbar {
  background: #fff;
  border-top: 1px solid #e8ebed;
  border-bottom: 1px solid #e8ebed;
  height: 3.75em;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 37;
}
.panel-close {
  cursor: pointer;
  height: 3rem;
  width: 3rem;
  background: 0;
  padding: 0;
  border: 0;
  border-radius: 1.75rem;
  color:var(--bs-gray-800);
  font-size: 2.5rem;
  background: var(--bs-gray-300);
}
.panel-close:hover{
  border: 2px solid #777;
  color: #777;
}
.panel-topbar .panel-titre{
  font-size: 1.5rem;
}
.panel .form-group-container {
  background-color: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 0 -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  padding: 2rem;
  border-radius: 6px;
  margin-bottom: 10rem;
}
.panel .form-group-container h6 {
  text-transform: uppercase;
  font-family: 'AirbnbCerealMedium';
  margin-bottom: 1rem;
  font-size: .8rem;
  color: var(--bs-gray-600);
  color: var(--bleu-2);
  letter-spacing: .05rem;
}
.panel .form-group-container input {
  background-color: var(--bs-gray-200);
  border: 1px solid var(--bs-gray-400);
  width: 100%;
  height: 46px;
}
.panel .form-group-container button{
  color: #fff;
  font-size: .85rem;
  padding: .5rem 1.5rem;
  border: 0;
  border-radius: .25rem;
  font-weight: 400;
  line-height: 1.5;
}