a .accueil{
	text-decoration:none ;
	color:white ;
}
h2 {
	margin-top:25px ;
	margin-bottom:25px ;
	font-size:21px ;
	font-weight:300 ;
}
#connexion
{

	width: 800px;
	height:300px ;
	line-height:30px ;
	display:none ;
    text-align:center ;
	margin-bottom:20px ;
	margin-top:-12px ;
	border:solid black 1px ;
	position:relative ;
	left:980px ;
	top:303px ;
	background-color:white ;
}
#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:170px ;
	height:20px ;
	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:170px ;
	height:20px ;
	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:#019DCB ;
}
.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_oublie {
	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;
}
#compte_connexion {
	position:absolute ; /* il y a des bugs d'affichage avec une position relative */
	top:1px ;
	left:1688px ;
	height:30px ;
	width:150px ;
	background-color:white ;
	opacity:0.7 ;
	margin-bottom:0px ;
	border-radius:0px ;
	text-align:center ;
}
#compte_inscription {
	position:absolute ; /* il y a des bugs d'affichage avec une position relative */
	top:1px ;
	left:1840px ;
	height:30px ;
	width:150px ;
	background-color:white ;
	opacity:0.7 ;
	margin-bottom:0px ;
	border-radius:0px ;
	text-align:center ;
}
#compte_inscription:hover {
	cursor:pointer ;
	opacity:0.8 ;
}

a .text_inscription,a .text_compte {
	color:black ;
}
.icone_compte {
	display:inline-block ;
}

.text_compte, .text_inscription {
	display:inline-block ;
	height:30px ;
	line-height:30px ;
	font-weight:bold ;
	font-size:14px ;
	vertical-align:top ;
	margin-left:5px ;
	position:relative ;
	top:-1px ;
}
.text_admin {
	display:inline-block ;
	font-weight:bold ;
	font-size:14px ;
}
.text_compte a,.text_admin a {
	color:black ;
	text-decoration: none ;
}
/***********************************************************************/
#administrateur
{
	float:right ;
	font-style:italic ;
	font-weight:bold ;
	font-size:1.1em ;
	margin-bottom:20px ;
}

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

#premier_banniere {
	position:static ;
	height:350px ;
}

#conteneur_banniere {
    position: relative; 
    left: 50%; /* Positionner au centre de la fenêtre */
    width: 100vw; /* Prendre toute la largeur de la fenêtre */
    margin-left: -50vw; /* Centre le conteneur */
    height: 350px; 
    background-color: #515E62; 
}
#banniere {
    height: 350px;
    background-repeat: repeat-x; 
    background-position: center center; 
    background-size: auto; 
}
#avant_banniere {
	position:relative ;
	left:-500px ;
	width:1000px ;
	height:350px ;
	margin:auto ;
}

#ligne_banniere {
	position:absolute ;
	top:0 ;
	left:0 ;
	width:100% ;
	height:30px ;
	/*background-color:#0080C0 ;*/
	/*background-color:#3E4D55 ;*/
	background-color:#0080C0 ;
	opacity:0.1 ;
}
/*
#haut_banniere {
	position:relative ;
	width:2000px ;
	height:30px ;
	border:solid red 2px ;
	z-index:200 ;
	margin:auto ;

}
*/

.chercher {
	color:white ;
	margin-left:10px ;
	background-color:transparent ;
	font-size:16px ;
	opacity:1 ;

}
.accueil {
	color:white ;
	margin-right:20px ;
	background-color:transparent ;
	font-size:16px ;
	opacity:1 ;

}
a.lien_accueil {
	text-decoration:none ;
	color:white ;
	text-shadow: 3px 3px 3px rgb(0, 0, 0);
	font-weight: bold;

}
.texte_haut {
	position:relative;
	top:-350px ;
	height:30px ;
	line-height:30px ;
	width:700px ;
	color:white ;
	text-shadow: 3px 3px 3px rgb(0, 0, 0);
	
	background-color:transparent ;
	font-size:16px ;
	opacity:1 ;
}
#affiche_compte:hover #connexion {
	display:block ;
	position:absolute ;
}
#affiche_compte:hover #compte_connexion {
	border-radius:0px ;
	opacity:0.3 ;
}

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

.presentation {
	color:white ;
	margin-right:20px ;
	background-color:transparent ;
	font-size:16px ;
	opacity:1 ;
}
/**************************************************/

a#administration
{
	display: block;
	position:relative ; 
    top:-49px ;
	left:690px ;
	width: 310px;
	height:30px ;	
	line-height:30px ;
	background-color:white ;
	font-style:italic ;
	opacity:0.5 ;
	border-radius:3px ;
	text-align:center ;
	margin-top:-30px ; /* ca permet de replacer #identifiant quand les 2 sont connect�s */
	color: black;

}
a#administration:hover {
	opacity:0.7 ;
	cursor: pointer ;
}

/******************************************/
a#identifiant
{
	display:block ;
	position:relative ; 
    top:-379px ;
	left:700px ;
	width: 310px;
	height:30px ;	
	line-height:30px ;
	background-color:white ;
	font-style:italic ;
	opacity:0.7 ;
	border-radius:3px ;
	text-align:center ;
	margin-bottom:-30px ;
}
a#identifiant:hover {
	opacity:0.9 ;
}
/******************************************/
.menu_compte, .menu_compte2 {  
  position: relative; 
  top:-380px ;
  left:-990px ;
  }
.menu_compte:hover {  
  background-color: white;
} 

.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: 541px; 
  height:120px;
  border: solid black 1px ;
  color: #000000;   
  text-align: justify;  
  background-color:white ;
  font-size:14px ;
  font-weight:normal ;
  padding:20px ; 
 }
 .menu_compte:hover div#compte_connexion {
	 border-bottom-right-radius:0px ;
	border-bottom-left-radius:0px ;
 }
/* ***************************************************************************************/
#shadow {
    background-color: black;
    opacity: 0.7;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
}

#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-style: italic;
	font-size:14px ;
	color:white ;
	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:330px ;
	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 ;
}