/*************
** CSS FILE **
**************/
/* RECHERCHE LA LIGNE SUIVANTE POUR TROUVER TOUTES ELEMENTS A METTRE A JOUR POUR UN NOUVEAU FORUM */
/* MAJ */

html, body, form
{
	height:100%;
}

/* couleur de fond du body */
body 
{
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
    background-color:#DFE1E3;/* MAJ */
	font:11px arial,tahoma,verdana,sans-serif;
}

.Label
{
	/* toutes les libelles */	
	vertical-align:middle;
	color:#515253;/* MAJ */
}

/*************************************
** DIV GLOBAL CONTENANT TOUT LE SITE **
**************************************/
/*permet de centrer le site. Si site non centré désiré, enlever la ligne margin:0;*/
#Global
{
    margin: auto;
    text-align: left; /* on rétablit l'alignement normal du texte */
	width: 950px;
}

/***********
** HEADER **
************/
/* ---------------------------------------------- Cadre du header ---------------------------------------------- */
.Header_eng
{
	width:950px;
	height:140px;
	background-color:#ffffff;				/* MAJ */
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url('img/Centrallia-Banner-HOR-EN.jpg');/* MAJ */
	.background-image:url('img/Centrallia-Banner-HOR-EN.jpg');/* MAJ */
}

.Header_fra
{
	width:950px;
	height:140px;
	background-color:#ffffff;				/* MAJ */
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url('img/Centrallia-Banner-HOR-FR.jpg');/* MAJ */
	.background-image:url('img/Centrallia-Banner-HOR-FR.jpg');/* MAJ */
}

.Header_spa
{
	width:950px;
	height:140px;
	background-color:#ffffff;				/* MAJ */
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url('img/Centrallia-Banner-HOR-SP.jpg');/* MAJ */
	.background-image:url('img/Centrallia-Banner-HOR-SP.jpg');/* MAJ */
}

#Language
{
	position:relative;
	top:5px;
	left:733px;
	float:left;
}

#Menu
{
	/* Menu horizontal dans le bandeau */
	position:relative;
	top:85px;						
	.top:85px;					/* MJ: MAJ pour IE6 et IE7 */		
	float:right;
	font-family:Arial;
	font-size:12px;
	font-variant:small-caps;
	font-weight:bold;
	margin-right:6px;
	color:#6FB76F;
	width:945px;							/* MAJ */
	right:8px;
}

#Menu a
{
	/* Liens du menu horizontal */
	text-decoration:none;
	color:#000000;							/* MAJ */
}


/************
** CONTENU **
*************/
/* ---------------------------- Div qui contient le texte principal du sit--------------------------------------- */
#Contenu
{
	width:950px;
	padding-bottom:8px;
	height:auto;
	background-color:#ffffff;			/* MAJ */
	float:left;
	
	/* MJ: MAJ pour IE6 et IE7 ([height: auto] pour ie7)*/
	.height:auto;
}


#BoxLogin
{
	position:relative;
	left:30px;
	float:left;
	width:240px;
	top:20px;
}

#DivNavigateur
{
	position:relative;
	left:30px;
	float:left;
	width:240px;
	top:30px;	
	background:#FFEBB7;
	border:solid 1px #E4E4E4;
	padding:5px;
}

#ImgPreinscription
{
	position:absolute;
	width:200px;
	top:190px;
	left:70px;
}

.Contact
{
	/* Cadre du panel contact  */
	border:1px solid #dd0005;/* MAJ */
	border-width:1px 1px 1px 1px;
	margin:auto;
	width:240px;
	position:absolute;
	height:auto;	
	padding:10px 5px 10px 5px;
	background-color:#FFEBB7;
}

#DivContact
{
	float:left;
	left:30px;
	/*background-image:url('img/pastille_inscription.gif'); MAJ */
	/*.background-image:url('img/pastille_inscription.gif'); MAJ */
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	top:3px;
	height:0px;
	width:0px;
}

#TitreContact
{
	
	/* Titre du contact */
	font-family:Arial;
	font-size:9px;
	/*text-transform:uppercase;*/
	font-weight:bold;
	color:#dd0005;/* MAJ */
	padding-left:39px;
	z-index:3;
}

/*************************** LOGIN ******************************/
#Title
{
	/* Titre du LOGIN */
	font-family:Arial;
	font-size:12px;
	/*text-transform:uppercase;*/
	font-weight:bold;
	color:#A6A6A6;/* MAJ004064 */
	padding-left:2px;
	z-index:3;
}

#SousTitle
{
	/* SOUS Titre du LOGIN */
	font-family:Arial;
	font-size:10px;
	/*text-transform:uppercase;*/
	/*font-weight:bold;*/
	color:#D6692C;						/* MAJ */
	padding-left:2px;
	z-index:3;
	
}

.Login
{
	/* Cadre du Login */
	border:1px solid #A8B5D2;/* MAJ */
	border-width:1px 1px 1px 1px;
	margin:auto;
	width:240px;
	position:relative;
	height:auto;	
	padding:10px 5px 10px 5px;
	background-color:#FFEBB7;	
}

.lblError_login
{
	position:absolute;
	color:Red;
	top: 67px;
}
/*************************** END LOGIN ******************************/

#Info
{
	/* Texte Info de la page d'accueil */
	position:relative;
	text-align:justify;
	float:left;
	width:530px;
	.width:530px;
	margin-right:30px;
	.margin-left:20px;
	color:#004064;
	padding:20px;
	font-size:12px;
	left:100px;
	top:0px;						/* MAJ */
}

#DivVideoIntro
{
	left:460px;
	position:absolute;							
	top:10px;
	border: solid 1px #D2D2D2;
	font-size:9pt;
}

/* ---------------------------------------------- PAGE DE DEMANDE d'INFO ---------------------------------------------- */
#TexteAccueil
{
	/* Cadre du texte d'accueil */
	width:850px;
	margin:auto;
	border:1px solid #D2D2D2;/* MAJ */
	border-width:1px 3px 3px 1px;
	padding:5px;	
	margin: auto auto 10px;	
	.margin: auto auto 10px;			/* MJ: MAJ pour IE6 et IE7 */
	background-color:#FFEBB7;					/* MAJ */
}

/*Formatage du texte de DEMANDE d'INFO*/
.Texte
{
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000000;
	width:830px;
}

/*Logo du cadre de DEMANDE d'INFO*/
#LogoPreInscription
{
	position:absolute;
	left:-10px;
	top:-32px;
	.top:-38px;						/* MJ: MAJ pour IE6 et IE7 */
	width:45px;
	height:44px;
	background-image:url('img/inscription-icon.png');
	.background-image:url('img/inscription-icon.gif');	/* MJ: MAJ pour IE6 et IE7 */
	z-index:3;
}

#Titre
{
	/* Titre de la formulaire */
	font-size:15px;
	position:absolute;
	text-transform:uppercase;
	color:#004064;								/* MAJ */
	font-family:arial,tahoma,verdana,sans-serif;
	font-weight:bold;
	top:-20px;
	left: 36px;
}

.divContainerReactivation
{
	background-color:#FFEBB7;					/* MAJ */
	border:1px solid #D2D2D2;					/* MAJ */
	border-width:1px 3px 3px 1px;
	width:850px;
	margin:auto auto 10px;
	padding:5px;
	margin-top:10px;
	position:relative;
	text-align:center;
}

.divReactivation
{
	margin:auto auto 10px;
	padding:20px;
	margin-top:10px;
	position:relative;
	text-align:center;
}

#FormulaireCadre
{
	/* cadre de la formulaire DEMANDE d'INFO*/
	background-color:#FFEBB7;					/* MAJ */
	border:1px solid #D2D2D2;					/* MAJ */
	border-width:1px 3px 3px 1px;
	width:850px;
	margin:auto;
	padding:5px;
	margin-top:35px;
	position:relative;
}

#Formulaire
{
	width:850px;
	margin-top:5px;
}

#Formulaire table
{
	width:100%;
}

#divDisclaimer
{
    margin: auto;
    width: 850px;
}

/* ------------------------------------ Page de Confirmation ------------------------------------------ */

.BlockConfirmation
{
	border:1px solid #A8B5D2;						/* MAJ */
	border-bottom-width:3px;
	border-right-width:3px;
	color:#515253;
	background-color:#E7ECFF;
	position:relative;
	width:70%;
}

/* ------------------------------------ Page de MentionsLegales ------------------------------------------ */

.MentionsLegales
{
	text-align:center;
}

/* ------------------------------------ Footer page Login ------------------------------------------ */
.DivFooterCredits  
{
	left:35px;
	position:relative;
}

.CreditLink
{
	text-decoration:none;
	color:Gray;
}

.TitreContact
{
	left:30px;
	position:relative;
}

#Aide
{
	left:5px;							/* MAJ */
	position:absolute;
}

.iconAide
{	
    vertical-align: middle;
}