body{
  background: #00012B;
  color: #fff;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
  text-align: center;
}


#contener {
	width:800px;
	height: 480px;
	margin: 0 auto;
	text-align: left;
  /*padding: 20px 0 0 0;        */
}

h1{
  text-align: center;
  font-size: 120%;
}

#formulaire_identification{
  width: 420px;
  background: #000248;
  margin: 100px 190px;
  padding-left: 20px;
  border: 1px solid #FFF;
}

#formulaire_inscription{
  width: 420px;
  background: #000248;
  margin: 100px 190px;
  padding-left: 20px;
  border: 1px solid #FFF;
}

#formulaire_pass{
  width: 420px;
  background: #000248;
  margin: 100px 190px;
  padding-left: 20px;
  border: 1px solid #FFF;
}

#formulaire_identification a{
  text-decoration: none;
  color: #fff;
}

#formulaire_identification a:hover{
  font-weight: bold;
}

#video{
  position: relative;
  float: left;
  width: 500px;
  text-align: center;
  margin-top: 50px;
}

#infos{
  position: relative;
  float: left;
  width: 300px;
  margin-top: 35px;
}

#infos_agence{
  margin-top: 20px;
}

fieldset{
  position : relative;
  top : 1em;
  padding : 0 0.5em 1em 0.5em;
  background-color :      #000248;
}

html>body fieldset{
     padding-top :           1em;
     top :                   0; }
legend {
     position :              relative;
     top :                   -1em;
     padding :               0.4em;
     color: #fff;
 }

#deconnection{
  position: relative;
  clear: left;
  font-size: 70%;
  margin: 0;
  padding: 50px 0 0 0;
  text-align: center;
}

#deconnection a{
  color: #fff;
}

#deconnection a:hover{
  font-weight: bold;
}

#bloc_liste{

}

#video_liste{
  position: relative;
  width: 240px;
  height: 180px;
  margin: 12px;
  border: 1px solid white;
  float: left;  
}

#photo_liste{ 
  position: relative;
  float: left;
  width:240px;
  height:180px;
  background:#000;
  opacity: 0.8;
  filter: alpha(opacity=80);  
}

#infos_liste{
  position: relative;
  top: 5px;  
  float: left;
  padding-left: 10px;
}

#lien_video{
  clear: left;
  position: relative;
  top: 80px; 
  text-align: center;
}

#lien_video a{
  color: #fff;
  font-size: 80%;
}

#lien_video a:hover{
  font-weight: bold;
}

small{
  font-size:70%;
}
