@charset "utf-8";
/* -------------------------------   INSCRIPTION   ------------------------------------*/


/*INTRO*/
#intro {
   font-family: 'Arial', sans-serif;
   font-size:13px;
   width:742px;
   float:left;
   margin:10px 0px 20px 0px;
}

#intro .entete{
    font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	width:742px;
	margin-bottom:10px;
}

#intro .info{
    padding:10px 10px;
	text-align:justify;
}

/*DEJA CONNECT*/
#dejaconnect {
    font-family: 'Arial', sans-serif;
    font-size: 13px;
	width:500px;
	height:100px;
	margin:50px auto 10px auto;
	overflow:hidden;
	border:double 5px #EB7106;
	padding:30px 50px;
	text-align:center;
}

#dejaconnect .entete{
    font-size: 16px;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	width:100%;
	margin-bottom:20px;
}  

#dejaconnect .entete span{
	text-decoration:underline;
}

#dejaconnect .bienvenue span{
    color:#EB7106;
	font-weight:bold;
}

#dejaconnect a{
    text-decoration:none;
	color:#1F6895;
}

#dejaconnect a:hover{
    text-decoration:none;
	color:#EB7106;
}
/*INSCRIPTION*/

#inscription {
    font-family: 'Arial', sans-serif;
    font-size: 12px;
	width:400px;
	height:500px;
	margin-top:13px;
	margin-right:10px;
	float:left;
	overflow:hidden;
}

#inscription .entete{
    font-size: 16px;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	width:100%;
	margin-bottom:20px;
	float:left;
}  

#inscription .entete span{
	text-decoration:underline;
}

#inscription .formulaire{
	width:374px;
	padding:10px 10px 10px 10px;
	border:double 3px #EB7106;
	float:left;
}

#inscription .ligne{
	margin-bottom:10px;
    float:left;
}

#inscription .ligne #sequenceCaptcha{
	margin-top:5px;
    width:205px;
} 

#inscription .ligne .intitule{
    font-size: 14px;
	text-transform:uppercase;
	width:124px;
	float:left;
}  

#inscription .ligne .intitule span{
    font-size: 11px;
}  

#inscription .ligne .champ{
    width:250px;
	float:left;
}  

#inscription .ligneValid{
    margin-bottom:10px;
    float:left;
	text-align:right;
	padding-right:40px;
	width:360px;
}   
 
#inscription .ligne .erreur{
    width:240px;
	height:1.5em;
	padding:2px 5px;
	/*background-color:#CCCCCC;*/
}   

/*Erreur*/
#reponse_post_inscription{
}

#reponse_post_inscription #reponse{
    width:306px;
	min-height:54px;
	border:double 3px #E31B22;
	padding:10px;
	margin-bottom:10px;
	float:left;
}

#reponse_post_inscription #reponse .titre{
    font-size: 14px;
	margin-bottom:5px;
	color:#EB3122;
	font-weight:bold;
} 

/*CONNEXION*/
#connexion {
    font-family: 'Arial', sans-serif;
    font-size: 12px;
	width:332px;
	height:500px;
	float:left;
	overflow:hidden;
	margin-top:13px;
	display:block;
}

#connexion #connec {
    border:solid 1px #000000;
	width:310px;
	padding:10px 10px;
	margin-bottom:20px;
	float:left;
}  

#connexion #connec .entete {
    font-size: 16px;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	width:100%;
	margin-bottom:20px;
	float:left;
}  

#connexion .ligne {
	margin-bottom:10px;
    float:left;
}  

#connexion .ligne .intitule{
    font-size: 14px;
	text-transform:uppercase;
	width:130px;
	float:left;
}  

#connexion .ligne .intitule span{
    font-size: 11px;
}  

#connexion .ligne .champ{
    width:180px;
	float:left;
} 

#connexion .ligneValid{
    margin-bottom:10px;
    float:left;
	text-align:right;
	padding-right:10px;
	width:300px;
}  

/*Erreur*/
#reponse_post_login{
   
}

#reponse_post_login #reponse{
    width:284px;
	height:14px;
	color:#E31B22;
	font-weight:bold;
	border:double 3px #E31B22;
	padding:10px;
	margin-bottom:10px;
	float:left;
}

#reponse_post_login #reponse .titre {
    font-size: 14px;
	margin-bottom:5px;
	color:#EB3122;
	font-weight:bold;
} 

/*Mot de passe oublié*/

#connexion #motdepasse {
}  

#connexion #motdepasse .entete {
    font-size: 16px;
	color:#EB7106;
	text-transform:uppercase;
	text-decoration:underline;
	font-weight:bold;
	text-align:center;
	width:100%;
	margin-bottom:20px;
	float:left;
}  

#connexion #motdepasse .bloc{
	width:310px;
/*  border:double 3px #EB7106;*/
    padding:10px 10px;
	float:left;
}

#connexion #motdepasse .ligne{
}

#connexion #motdepasse .ligne .intitule{
    font-size:14px;
	width:284px;
	float:left;
	text-transform:none;
	padding-left:0px;
}  

/*Erreur*/
#reponse_post_pass{
   
}

#reponse_post_pass #reponse{
    width:284px;
	height:30px;
	color:#E31B22;
	font-weight:bold;
	border:double 3px #E31B22;
	padding:10px;
	margin-bottom:10px;
	float:left;
}

#reponse_post_pass #reponse .titre {
    font-size: 14px;
	margin-bottom:5px;
	color:#EB3122;
	font-weight:bold;
} 

/* Elements communs aux deux forms */



/*INFOS INCRIPTION*/
#infos_inscription {
    font-family: 'Arial', sans-serif;
    font-size: 12px;
	width:332px;
	height:500px;
	margin-top:20px;
	overflow:hidden;
	display:none;
	float:left;
}

#infos_inscription .entete{
    font-size: 16px;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	width:100%;
	margin-bottom:20px;
	float:left;
}  


#infos_inscription #infos {
    font-size:12px;
	width:312px;
	background-color:#FFFFFF;
	border-bottom:solid 1px #000000;
	padding:15px 10px 20px 10px;
	margin-bottom:10px;
	clear:left;
}  

#infos_inscription #infos.pseudo {
	height:60px;
}  

#infos_inscription #infos .titre {
    font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
} 

/*chargement*/

#infos_inscription #chargement {
	font-size: 12px;
	color:#FFFFFF;
	text-align:center;
	background:url(../images/transparentGris50.png) repeat;
	width:312px;
	height:40px;
	position:relative;
	z-index:1;
}

#infos_inscription #chargement .infos{
	color:#000000;
	background-color:#FFFFFF;
    text-align:center;
	border:double 3px #CCCCCC;
	width:200px;
	height:25px;
	padding:5px 0px;
	margin:0px 53px;
	position:relative;
	z-index:1;
	top:0px;
}

#infos_inscription #chargement .infos span{
   	font-size: 11px;
    position:relative;
	z-index:1;
	top:-7px;
}