@IMPORT url("boutons.css");
@IMPORT url("menus.css");
html, body, div#fondNoir {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
}
body {	text-align:center;}
div#global  {
	position:relative;
	width:1006px;
	height:590px;
	margin:0 auto;
	padding:0;
	background:url('../../visuels/erel/background-erel.jpg') no-repeat top left;
	background-color:#000000;
	text-align:left;
}
div#fondNoir {	background-color:#000000;}
/*
 * LES ZONES DE TEXTE (FENETRES 1 ET 2)
 */
div#zoneTexte1, div#zoneTexte2 {
	position:absolute;
	top:140px;
	left:55px;
	margin:0;
	padding:5px 15px 0 0;
	width:422px;
	height:380px;
	overflow:auto;
	background-color:transparent;
	z-index: 100;
}
div#zoneTexte2 {
	left:540px;
	width:404px;
	height:240px;
}
#zoneTexte1 p, #zoneTexte2 p,
#zoneTexte2 p.ParagNormalMetaTopos, #zoneTexte2 p.MessageErreur {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	width:375px;
	margin:0;
	padding:0;
	text-align:justify;
}
#zoneTexte2 p {
	/* width:370px; */
	color:#626262;
}
#zoneTexte2 p.MessageErreur, #zoneTexte2 span.MessageErreur {color:#FF0000;margin:3px 0;}
#zoneTexte1 p.ParagNormal, #zoneTexte2 p.ParagNormal, #zoneTexte2 p.ParagNormalMetaTopos {
	font-weight:normal;
	font-size:0.8em;
	width:375px;
	font-family:Trebuchet MS, Verdana, Tahoma, sans-serif;
	margin:0 0 20px 0;
	padding:0;
	background-color: transparent;
	text-align:justify;
}
#zoneTexte2 p.ParagNormal, #zoneTexte2 p.ParagNormalMetaTopos {
	width:370px;
	color:#626262;
	font-size:0.7em;
}
#zoneTexte2 p.ParagNormalMetaTopos {
	color:#382969;
}
#zoneTexte1 ul, #zoneTexte2 ul {width:330px;margin-top:0;}
#zoneTexte1 ul {font-size:0.8em;padding:0 15px;}
#zoneTexte2 ul {padding:0 0 0 15px;}
#zoneTexte1 a {color:gray;}
#zoneTexte2 li {font-size:0.75em;color:#626262;font-family:Trebuchet MS, Verdana, Tahoma, sans-serif;}
#zoneTexte2 a, #zoneTexte2 p.ParagNormalMetaTopos a {
	font-family:Trebuchet MS, Verdana, Tahoma, sans-serif;
	color:#626262;
}
#zoneTexte2 p.ParagNormalMetaTopos a {
	color:#382969;
}
#zoneTexte2 a:hover, #zoneTexte1 a:hover, #zoneTexte2 p.ParagNormalMetaTopos a:hover {text-decoration:none;color:#000000;}

/*
 * LES FORMULAIRES
 */
form, input, textarea {margin:0;padding:0;}
textarea {	font-family:Arial, Helvetica, sans-serif;}
#zoneTexte2 form#Identification {
	margin:5px 0 0 0;
	width:100%;
}
#zoneTexte2 form#Identification input.PetitBouton,
#zoneTexte2 form#DepotCommentaire input.PetitBouton,
#zoneTexte2 form#DepotTexteRelie input.PetitBouton {
	font-size:9px;
	color:#626262;
}
#Identification .ContainerChamp,
#Identification .ContainerBouton,
#DepotCommentaire .ContainerChampTextarea,
#DepotTexteRelie .ContainerChamp,
#DepotTexteRelie .ContainerBouton,
#DepotTexteRelie .ContainerChampTextarea {
	position:relative;
	top:0;
	left:0;
	width:250px;
	height:17px;
	margin:0 0 7px 0;
	padding:0;
}
#Identification .ContainerBouton, #DepotTexteRelie .ContainerBouton {
	text-align:center;
}
#DepotTexteRelie .ContainerBouton {margin:0;width: 280px}
#DepotCommentaire .ContainerChampTextarea {height:108px;}
#DepotTexteRelie .ContainerChamp {height: 22px;}
#DepotTexteRelie .ContainerChampTextarea {height:90px;}

#Identification .ColonneLabel,
#DepotCommentaire .ColonneLabel,
#DepotTexteRelie .ColonneLabel {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	text-align:left;
	margin:0;
	padding:0;
}
#DepotCommentaire .ColonneLabel {width:250px;}
#DepotTexteRelie .ColonneLabel {width:80px;}

#Identification .ColonneChamp,
#DepotCommentaire .ColonneChamp,
#DepotTexteRelie .ColonneChamp {
	position:absolute;
	top:0;
	left:100px;
	width:100px;
	text-align:left;
	margin:0;
	padding:0;
}
#DepotCommentaire .ColonneChamp {top:20px;left:0;width:250px;}
#DepotTexteRelie .ColonneChamp {left:80px;}
#Identification label, #DepotCommentaire label, #DepotTexteRelie label {
	font-size:11px;
	font-weight: bold;
	color:#626262;
}
#Identification input.ChampTexte,
#Identification input.Password,
#DepotTexteRelie input.ChampTexte {
	width:100px;
	font-size:9px;
}
#Identification input.Password {height:13px;}
#DepotTexteRelie input.ChampTexte {width:160px;}

#DepotCommentaire .PetitTextarea,
#DepotTexteRelie .PetitTextarea {
	font-size:11px;
	width:230px;
	height:88px;
	margin:0;
}
#DepotTexteRelie .PetitTextarea {width: 200px;}
/*
 * LES TITRES (FENETRES 1 ET 2)
 */
div#titreElement, div#titreFenetreDroite {
	position:absolute;
	top:107px;
	left:55px;
	margin:0;
	padding:0;
	background-color:transparent;
}
div#titreFenetreDroite {
	top:107px;
	left:540px;
}
#titreElement h1, #titreFenetreDroite h1, #titreFenetreDroite h1.TitreMetatopos {
	margin:0;
	padding:0;
	width:415px;
	font-weight:normal;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
}
#titreFenetreDroite h1, #titreFenetreDroite h1.TitreMetatopos {
	font-size:1em;
	color:#626262;
	width:400px;
}
#titreFenetreDroite h1.TitreMetatopos {
	color:#382969;
}
h4 {
	font-size:0.7em;
	margin:0;
	padding:0;
}

/*
 * LA ZONE DES LIENS ENTRANTS ET SORTANTS
 */
div#textesLies {
	position:absolute;
	top:450px;
	left:535px;
	margin:0;
	padding:0 0 5px 0;
	width:423px;
	height:87px;
	overflow:auto;
	background-color:transparent;
}
#textesLies ul {
	font-size:0.9em;
	margin:0 0 0 10px;
	padding:0 0 0 18px;
	width:340px;
}
#textesLies li {
	list-style-type:square;
	margin:0;
}
#textesLies a.LiensSortants,
#textesLies a.LiensEntrants {
	font-size:0.7em;
	margin:0;
	color:#FF0000;
	text-decoration: none;
}
#textesLies a.LiensEntrants {color:blue;}
div#switchTextesLies, div#titreTextesLies {
	position:absolute;
	top:538px;
	left:535px;
	margin:0;
	padding:0;
	background-color:transparent;
}
div#titreTextesLies {
	top:430px;
	left:538px;
}
#global > div#switchTextesLies {top:542px;}
#switchTextesLies a {
	display:block;
	margin:0;
	padding:0;
	width:390px;
	height:10px;
	text-align:right;
	font-size:0.6em;
	text-decoration: none;
	color:#000000;
}


/*
 * LES CARTOUCHES
 */
div#Navigation, div#RetourListe {
	position:absolute;
	top:40px;
	left:546px;
	margin:0;
	padding:0;
	z-index:100;
}
div#RetourListe {
	top:65px;
	left:653px;
}
#Navigation a, #RetourListe a {
	font-size:1em;
	font-weight:normal;
	display:block;
	color:#000000;
	margin:0;
	padding:0;
	width:95px;
	text-align:left;
	text-decoration: none;
}
#Navigation a:hover,
#RetourListe a:hover {color:#FF0000;}

div#MoteurRecherche {
	position:absolute;
	top:36px;
	right:48px;
	margin:0;
	padding:0;
	background-color:transparent;
	z-index:5;
}
#MoteurRecherche form, #MoteurRecherche p {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
}
#MoteurRecherche #champTexte {
	margin:0 3px 0 0;
	padding:0;
	width:206px;
	height:18px;
	font-size:10px;
	vertical-align:4px;
	border-color:#515150;
	border-style: solid;
	border-width: 1px;
}
#MoteurRecherche .BoutonRecherche {
	margin:0;
	padding:0;
	width:95px;
	height:23px;
	color:#000000;
	background:none transparent;
	cursor: pointer;
	border: none;
}
#MoteurRecherche .BoutonRecherche:hover {
	background:url('../../visuels/erel/bouton-recherche-over.gif') no-repeat top left;
}
object {
	width: 900px;
	height: 528px;
}
object#AideSonoreErel {
	width:180px;
	height:50px;
}
/*hr {margin:0;padding:0;text-align:left;} */
.SignatureCommentaires {font-weight:bold;font-size:0.7em;text-align:right;}