/*************
** 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
{
	width:950px;
	height:156px;
	background-color:#ffffff;				/* MAJ */
	background-position:right top;
	background-repeat:no-repeat;
	background-image:url('img/bandeau.png');/* MAJ */
	/*.background-image:url('img/bandeau.gif'); MAJ */
}

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

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

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


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


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

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

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

#Contact
{
	position:absolute;
	top:370px;
	left:30px;	
}

#Title
{
	/* Titre du LOGIN */
	font-family:Arial;
	font-size:12px;
	/*text-transform:uppercase;*/
	font-weight:bold;
	color:#dd0005;/* MAJ */
	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 #dd0005;/* MAJ */
	border-width:1px 1px 1px 1px;
	margin:auto;
	width:240px;
	position:relative;
	height:auto;	
	padding:10px 5px 10px 5px;
	background-color:#FFEBB7;
}

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

.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;
	position:relative;
	top:0px;
	width:240px;
	opacity:0;
	filter:alpha(opacity=0); /* For IE6&7 */
}

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

#DivVideoIntro
{
	left:460px;
	position:absolute;							
	top:222px;
	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:#DFE1E3;					/* 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:#dd0005;								/* MAJ */
	font-family:arial,tahoma,verdana,sans-serif;
	font-weight:bold;
	top:-20px;
	left: 36px;
}

#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%;
}


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

.BlockConfirmation
{
	border:1px solid #D2D2D2;						/* MAJ */
	border-bottom-width:3px;
	border-right-width:3px;
	color:#515253;
	background-color:#FFEBB7;
	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;
}

#Footer
{
/**	width:945px;
	height:188px;
	background-color:#ffffff;
	background:url('img/partenaires-RTE.html'); **/
}