* { box-sizing: border-box; }

body { margin:0; padding:0; }

.formsuccess,
.formerror { margin-top:1em 0 0.6em 0; padding:22px; font-size: 17px; line-height:1.5em; font-family:Assistant; letter-spacing: -0.2px; } 
.formsuccess { background: #d9e69c /* =b8d04588 */; color: #161615  ; }
.formerror  {  background: #4B9892; color: #FFFFFF  ; }

.contentMaxWidth { max-width:1000px; margin: 0 auto; }

.container { max-width:90%; margin:0 auto; }

#entete { height: 116px ;}

#logoDesc { font-size:3em; text-align:center; }
#logoDesc a { text-decoration:none; color:inherit; }

.contentFlex { _display:flex; flex-flow:row nowrap; }
.contentParse { width:66%; /* debug background-color:#6699ff; */ display:flex; flex-flow:row wrap; row-gap:1em; column-gap:2%;}
.contentAccess { width:33%; /* debug background-color:#99ff99; */  }

.contentParse .card { width:22%; border:2px solid #91d125; color:#000; padding:1em 3px; background:#fff; border-radius:6px; text-align:center;}
.contentParse .card img { max-width:100%; }

.codeOTPbloc { border:1px solid #ccc;padding:0 0.8em; }
.codeOTPbloc0 { background:lightgreen; }
.codeOTPvalue { cursor:pointer; }
.codeOTPvalueChunk { display:inline-block; margin-left:0.2em; /*  white-space:nowrap;   word-spacing: -2px; */}


/* media query */
/*								
	on commence avec les MIN width			
								*/
					
/* iphone 6 portrait */
@media (min-width: 360px)
{
}

/* iphone 5 paysage */
@media (min-width: 550px)
{
}

@media (max-width: 639px)
{
}

@media (min-width: 640px)
{
}

@media (min-width: 768px)
{

}

@media (min-width: 768px) and (max-width: 1023px)
{
}

@media (min-width: 1024px)
{
}

@media (min-width: 1280px)
{
}

/*@media (min-width: 1387px)*/
@media (min-width: 1420px)
{

}

@media (min-width: 1684px)
{
}



/*								
	on passe sur les MAX width				
								*/
@media (max-width: 768px)
{
}
@media (max-width: 550px)
{
}
@media (max-width: 359px)
{
}