@charset "utf-8";
/* CSS Document */
html, body {
   min-height: 100dvh ;
}
body {
	display:flex ;
	flex-direction: column ;
	width:1000px ;
	margin:0 auto ;
	background:#F3F3F3 ;
    font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 0.9em;
    color: #181818;
	overflow-x:hidden ;
}
#corps {
	background-color:white ;
	color:black ;
	flex:1 ;
}
#tori {
	display:block ;
	margin:auto ;
	margin-top:50px ;
	margin-bottom: 30px ;
}
.text_compte {
	display:inline-block ;
	margin-left:20px ;
	margin-top:0px ;
	font-weight:bold ;
	font-size:14px ;
}
.text_compte a {
	color:black ;
	text-decoration:none ;
}
.text_compte a:hover {
	text-decoration:underline ;
}

.menu_compte div.creation_connexion{  
  display: none;
}
.menu_compte:hover  div.creation_connexion{  
  display: block;  
  z-index:20 ;
  position: absolute;  
  opacity:0.9 ;
  top: 31px;  
  left: 1409px;  
  width: 550px; 
  height:160px;
  border: solid black 1px ;
  color: #000000;   
  text-align: justify;  
  background-color:white ;
  font-size:14px ;
  font-weight:normal ;
  padding:20px ; 
 }
 
#identification {
	margin-top:10px ;
	text-align:center ; /* centre les zones de saisi et validation,pas le texte,a l'interieur du formulaire */
}
#identification input[type="text"] {
	border:solid grey 1px ;
	width:200px ;
	height:25px ;
	text-align:left ;
}
#identification input[type="text"]:focus {
	border:solid blue 1px ;
	box-shadow: 0px 0px 4px 1px #216789; 
	background-color:white ;
}

#identification input[type="password"] {
	border:solid grey 1px ;
	width:200px ;
	height:25px ;
	text-align:left ;
}
#identification input[type="password"]:focus {
	border:solid blue 1px ;
	box-shadow: 0px 0px 4px 1px #216789 ; 
	background-color:white ;
}
#identification input[type="submit"] {
	visibility:visible ;
	border:solid black 1px ;
	background-color:#007CB9 ;	
	color:white ;
	width:100px ;
	height:30px ;

}
#identification input[type="submit"]:hover {
	cursor:pointer ;
	background-color:#0F0 ;
}
.bloc_email {
	display:inline-block ;
	vertical-align:top ;
	font-weight:bold ;
	font-size:12px ;
	text-align:center ;
}
.bloc_mdp {
	display:inline-block ;
	vertical-align:top ;
	font-weight:bold ;
	font-size:12px ;
	margin-left:5px ;
	text-align:center ;
}
.bloc_submit {
	display:inline-block ;
	vertical-align:top ;
	font-weight:bold ;
	font-size:12px ;
	margin-left:5px ;
	text-align:center ;
	position:relative ;
	top:10px ;
}
/* #mdp_oublie2 est pour la page de connexion directe */
#mdp_oublie, #mdp_oublie2 {
	text-decoration:underline ;
	cursor:pointer ;
	position:relative ;
	top:20px ;
}
#mdp_oublie:hover {
	text-decoration:none ;
}
.identifiant_nonvalide,.mdp_nonvalide,.bloque_connexion {
	color:red ;
	margin-top:2px ;
	visibility:hidden ;
}

#connexion a
{
    font-size: 1.3em ;
    color:black ;
    padding-bottom: 3px;
    text-decoration: none;
}

#connexion a:hover
{
    color:#760001;
    border-bottom: 3px solid #760001;
}
.connexion_directe {
	border:solid black 0px ;
	padding-top:50px ;
}
.bloc1 {
	padding-top:40px ;
	border:solid grey 0px ;
}
#pub1 {
	width:728px ;
	margin:auto ;
	margin-top:46px ;
	margin-bottom:20px ;
	border:solid black 1px ;
}
/* résultat est dans valide_formulaire.php */
.resultat {
	visibility:hidden ;
}

/* **************************************************************************************
Ce qui suit permet l'affichage de la boite quand on clique sur email oublie, cela se trouve dans bannière
habituellement mais la on est en no banniere */

#shadow {
    background-color:black ;
	opacity:0.7 ;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:100;
}


#envoi_contact {
  display:none ;
  position: fixed;
  top: 50%;
  left: 50%;
  width:550px ;
  height:200px ;
  transform: translate(-50%, -50%);
  /* Optionnel : styles visuels */
  background: #c27612;
  padding: 20px;
  border:double black 8px ;
  box-shadow: 3px 3px 3px black ;
}
.titre_contact_b {
	display:inline-block ;
	vertical-align:baseline ;
	font-size:14px ;
	color:#FDFDFD ;
	font-weight:bold ;
	margin-left:10px ;
	margin-bottom:50px ;
	margin-top:20px ;
}
 .croix_b {
	float:right ;
	position:relative ;	 
	top:2px ;
	right:2px ;
	height:30px ;
	width:30px ;
	background-color:white ;
	border:solid black 1px ;
	box-shadow: 1px 1px 5px black ;	 
	cursor:pointer ;
 }
 .croix1_b {
	 display:inline-block ;
	 vertical-align:middle ;
	 position:absolute ;
	 left:14px ;
	 top:3px ;
	 height:22px ;
	 border-left:solid #C10000 1px ;
	 -moz-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -o-transform: rotate(45deg);

 }
  .croix2_b {
	 display:inline-block ;
	 vertical-align:middle ;
	 position:absolute ;
	 left:15px ;	  
	 top:3px ;
	 height:22px ;
	 border-left:solid #C10000 1px ;
	 -moz-transform: rotate(-45deg);
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 -o-transform: rotate(-45deg);
 }
form#retrouve_mail {
	display:block ;
	width:480px ;
	margin-left:10px ;
	color:white ;
}
form#retrouve_mail input[type="text"] {
	display:inline-block ;
	width:320px ;
	height:25px ;
	border:solid black 1px ;
}
form#retrouve_mail input[type="text"]:focus {
	border:solid black 1px ;
}
form#retrouve_mail input[type="submit"] {
	display:inline-block ;
	visibility:visible ;
	border:solid black 1px ;
	width:70px ;
	height:30px ;
	margin-left:0px ;
}
form#retrouve_mail input[type="submit"]:hover {
	cursor:pointer ;
	background-color:#00D235 ;
	color:white ;
}
.email_nonvalide {
	display:none ;
	text-align:center ;
	margin-top:30px ;
	color:red ;
	font-style:italic ;
}
.email_valide {
	display:none ;
	text-align:center ;
	margin-top:70px ;
	color:rgb(76, 205, 25) ;
	font-style:italic ;
	font-weight: bold;
	font-size: 17px ;
}
.bloque_connexion {
	color:red ;
	font-weight:bold ;
	position:relative ;
	top:20px ;
}
.ip_bannie {
	color:red ;
	font-weight:bold ;
	position:relative ;
	top:20px ;
	visibility:hidden ;
}

/* ***************************************************************************************/