@charset "utf-8";
/********************************
 * Elements globaux 
********************************/
html {
  height: 100%;
  width: 100%;
}

/* IE 6 et inférieurs */
* html BODY{
  margin: 0px;
  width: 100%;
  height: 100%;
}

/* IE 7 seulement */
*+html  BODY{
  margin: 0px;
  width: 100%;
  height: 100%;
}

/* Navigateurs modernes seulement (IE 7 non inclus puisque n'étant pas un navigateur moderne) */
html>/**/body {
  margin: 0px;
  width: 100%;
  height: 100%;
}

body {
  background-color: #022d4d;
  font-family:Arial, Helvetica, sans-serif;
  margin: 0;
  font-size:1em;
  text-align: center;

}

.accueil{
  
  background: url(../images/accueil/fond.jpg) no-repeat;
  width: 1000px;
  height: 800px;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  
}

.accueil .contenu_haut{
  
  position:relative;
  height:188px;
  width:1000px;
  
}

.accueil .contenu_haut .titre{
  
  width: 328px;
  height: 38px;
  position:absolute;
  top:20px;
  left:330px;
  
  
}

.accueil .contenu_haut .logo{
  
  width: 150px;
  height: 90px;
  position:absolute;
  top:88px;
  left:418px;

}

.version{
  
  width: 135px;
  height: 130px;
  position:absolute;
  top:0px;
  right:0px;
  z-index:10;
}

.accueil .contenu_central{
  
  
  position:relative;
  height:300px;
  width:1000px;
  
  /*padding-right: auto;
  padding-left: auto;*/
  /*margin-left:40px;
  margin-right:40px;*/
  
}

.accueil .contenu_central .moins_une_minute{
  
  position:absolute;
  top:-10px;
  left:0px;
  z-index:2;
  
}

.accueil .contenu_central .fond_bleu{
  
  background: url(../images/accueil/fond_bleu_transparent.png) no-repeat;
  width: 653px;
  height: 268px;
  /*margin-top:14px;
  margin-bottom:14px;*/
  position:absolute;
  top:14px;
  left:45px;
}

.accueil .contenu_central .fond_bleu .texte{

  color: #ffffff;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  height: 136px;
  padding-top:60px;
  padding-left: 34px;
  padding-right: 100px;
  text-align:left;
  
}

.accueil .contenu_central .fond_bleu .etape{

  background: url(../images/accueil/etapes.png) no-repeat;
  width:654px;
  height:59px;
  color: #ffffff;
  font-family: Verdana, sans-serif;
  font-weight:bold;
  
}

.accueil .contenu_central .fond_bleu .etape .un{
  float:left;
  font-size: 30px;
  width:72px;
  margin-top:10px;
}

.accueil .contenu_central .fond_bleu .etape .texte_un{
  float:left;
  font-size: 18px;
  width:68px;
  margin-top:18px;
}

.accueil .contenu_central .fond_bleu .etape .deux{
  float:left;
  font-size: 30px;
  width:72px;
  margin-top:10px;
}

.accueil .contenu_central .fond_bleu .etape .texte_deux{
  float:left;
  font-size: 18px;
  width:155px;
  margin-top:18px;
}

.accueil .contenu_central .fond_bleu .etape .trois{
  float:left;
  font-size: 30px;
  width:68px;
  margin-top:10px;
}

.accueil .contenu_central .fond_bleu .etape .texte_trois{
  float:left;
  font-size: 18px;
  margin-top:18px;
}

.accueil .contenu_central .connexion{
  
  background: url(../images/accueil/cadre_connexion.png) no-repeat;
  width: 322px;
  height: 296px;
  position:absolute;
  top:0px;
  left:600px;
}

.accueil .contenu_central .identification{
  
  width: 280px;
  height: 296px;
  float:left;
  background: url(../images/accueil/bord_droit_connexion.jpg) no-repeat right 5px ;
}

.accueil .contenu_central .identification_inscrit{
  
  width: 280px;
  height: 296px;
  float:left;
 
}


.accueil .contenu_central .identification .titre{

  font-family: Verdana, sans-serif;
  color: #10709e;
  font-size: 18px;
  font-weight:bold;
   margin-top:20px;
  
}

.accueil .contenu_central .identification .domaine{

  font-family: Verdana, sans-serif;
  color: #10709e;
  font-size: 14px;
  font-weight:bold;
  margin-bottom:20px;
  
}

.accueil .contenu_central .identification .prenom{
/*
  font-family: Verdana, sans-serif;
  color: #10709e;
  font-size: 12px;
  width:225px;
  margin-top:20px;
*/

  font-family: Verdana, sans-serif;
  color: #10709e;
  font-size: 12px;
  width:225px;
  
}

.accueil .contenu_central .identification .nom{
/*
  font-family: Verdana, sans-serif;
  color: #10709e;
  font-size: 12px;
  width:225px;
  margin-top:20px;
*/

  font-family: Verdana, sans-serif;
  color: #10709e;
  font-size: 12px;
  width:225px;
  
}

.accueil .contenu_central .identification .link{

  font-family: Verdana, sans-serif;
  color: #10709e;
  font-size: 12px;
  width:225px;
  
}

.accueil .contenu_central .identification .passwd{

  font-family: Verdana, sans-serif;
  color: #10709e;
  font-size: 12px;
  width:225px;
  margin-bottom:20px;
  
}

.accueil .contenu_central .identification .votre_url{
  font-size:12px;
  color:#10709E;
  text-align:left;
}

.accueil .contenu_central .identification .votre_mot_de_passe{
  font-size:12px;
  color:#10709E;
  text-align:left;
}

.accueil .contenu_central .identification .votre_prenom{
  font-size:12px;
  color:#10709E;
  text-align:left;
}

.accueil .contenu_central .identification .votre_nom{
  font-size:12px;
  color:#10709E;
  text-align:left;
}

.accueil .contenu_central .identification .erreur{

  font-family: Verdana, sans-serif;
  color: #fb0404;
  font-size: 12px;
  display:none;
}

.accueil .contenu_central .identification .erreur_invalide{

  font-family: Verdana, sans-serif;
  color: #fb0404;
  font-size: 12px;
  display:none;
}

.accueil .contenu_central .identification .bloc_url{
  color: #666666;
  font-size: 12px;
  display:none;
}

.accueil .contenu_central .identification .url{
  font-family: Verdana, sans-serif;
  color: #666666;
  font-size: 12px;
  width:160px;
}

.accueil .contenu_central .identification .reinitialiser{
  font-family: Verdana, sans-serif;
  color: #666666;
  font-size: 11px;
  width:225px;
  text-align:left;
}

.accueil .contenu_central .identification #retour{
  color:#000000;
  font-weight:bold;
  font-size:10px;
  cursor:pointer;
}

.accueil .contenu_central .identification .valider{
  margin-top:10px;
}

.accueil .contenu_central .identification .valider img{
  cursor:pointer;
}

.accueil .contenu_central .identification .identifier{
  margin-top:20px;
}

.accueil .contenu_central .identification .identifier img{
  cursor:pointer;
}

.accueil .contenu_central .identification .exemple{
  font-size:10px;
  color:#10709E;
}

.accueil .contenu_central .deja_inscrit{
  
  width: 34px;
  height: 296px;
  float:left;
  margin-top:25px;
}

.accueil .contenu_central .deja_inscrit img{
  cursor: pointer;
}

.accueil .contenu_bas{
  
  position:relative;
  color: #ffffff;
  font-family: Verdana, sans-serif;

}

.accueil .contenu_bas .sert{
 
  float:left;  
  
  width:254px;
  
  margin-left:40px;
}

.accueil .contenu_bas .prix{
 
  float:left;
  
  width:235px;
  
}

.accueil .contenu_bas .editeur{
 
  float:left;
  
  width:218px;
  
}

.accueil .contenu_bas .logo_liens{
 
  float:left;
  
  width:119px;
  
}

.accueil .contenu_bas .information{
  
  width:717px;
	margin-left:40px;
	margin-top:40px;
  
}

.accueil .contenu_bas .information h1{
  
 	font-size: 18px;
  font-weight:bold;
	text-align:center;
  
}

.accueil .contenu_bas .information .titre{
  
  background: url(../images/accueil/fond_information.png) no-repeat;
  font-size: 18px;
  font-weight:bold;
  width:717px;
  height:40px;
  padding-top:8px;
	text-align:left;
	padding-left:20px;
  
}

.accueil .contenu_bas .information .titre h2{
  
  font-size: 18px;
  font-weight:bold;
	margin:0px;
	padding:0px;
  
}

.accueil .contenu_bas .information .titre h2 a{
	color:#FFF;
	text-decoration:none;
}

.accueil .contenu_bas .information .texte{
  
  font-size: 12px;
  text-align:justify;
  width:717px;
	color:#FFF;
  
}

.accueil .contenu_bas .information .texte a{
  
	color:#FFF;
	text-decoration:underline;
  
}

.accueil .contenu_bas .sert .titre{
  
  background: url(../images/accueil/fond_sert.png) no-repeat;
  font-size: 18px;
  font-weight:bold;
  width:188px;
  height:40px;
  padding-top:8px;
  
}

.accueil .contenu_bas .prix .titre{
  
  background: url(../images/accueil/fond_prix.png) no-repeat;
  font-size: 18px;
  font-weight:bold;
  width:188px;
  height:40px;
  padding-top:8px;
}

.accueil .contenu_bas .editeur .titre{
  
  background: url(../images/accueil/fond_editeur.png) no-repeat;
  font-size: 18px;
  font-weight:bold;
  width:229px;
  height:40px;
  padding-top:8px;
}

.accueil .contenu_bas .sert .texte{
  
  font-size: 12px;
  text-align:left;
  width:235px;
  
}

.accueil .contenu_bas .prix .texte{
  
  font-size: 12px;
  text-align:left;
  
  width:225px;
}

.accueil .contenu_bas .editeur .texte{
  
 font-size: 12px;
 text-align:left;
 
}

.accueil .contenu_bas .logos_liens img{
  
  /*position: relative;*/
  
  top: 50%;
  
  margin-top: 28px;
  
}

.accueil .contenu_bas .aide a, .accueil .contenu_bas .aide a:link,
.accueil .contenu_bas .aide a:hover, .accueil .contenu_bas .aide a:visited {
  font-size: 0.7em;
  color: #FFFFFF;
}

.erreur_mot_de_passe{
  font-size: 12px;
  text-align:center;
  color:#ff0000;
  font-weight:bold;
  width:200px;
  margin-left:40px;
}