
	
body {
	background-image: url(../imagesA/FondAcc2.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color:#C55A12;	
}

#logoid {
	position:absolute; 	
	left:10px; 
	top:8px;
	width: 240px;
	height: 150px;	
	z-index:20;	

}
#logotxt{
	position:absolute; 	
	left:120px; 
	top:90px;
	width: 740px;
	height: 50px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#C55A12;
}
#telechargement{
	position:absolute; 	
	left:760px; 
	top:24px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color:#FFFFFF;
	font-weight: bold;

}

#moteuracc {
	position: absolute; 
	left: 0px;  
	top: 0px; 
	height: 42px;	
	width:580px;
	background-color:#C55A12;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	z-index: 10;
}

#barremenu {
	position: absolute; 
	left: 360px;  
	top: 360px; 
	height: 22px;	
	width:580px;
	font-size: 12px;	
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: bold;
	
}
#piedpage {
	position:absolute; 	
	left:187px; 
	/*top:535px;*/
	top:640px;
	width: 573px;
	height: 20px;	
	z-index:5;	
	font-size: 12px;	
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: bold;
	
}
.lien,  lien:visited {
	text-decoration:none;
	text-transform: capitalize;
	color: #FFF;
	margin-left : 20px;

}
.lien:hover{
	text-decoration:none;
	text-transform: capitalize;
	color: #FFCC33;
	margin-left : 20px;

}
#illustration {
	position:absolute; 	
	left:331px; 
	top:382px;
	width: 573px;
	height: 154px;	
	z-index:2;	
	border-bottom:1px solid white;
}
#extranet {
	position:absolute; 		 
	top:-20px;
	left:420px;
	vertical-align: bottom;
	border: 0 solid #FFFFFF;
}
#filet1 {
	position:absolute; 		 
	top:357px;
	left:331px;
	height:179px;
	border-left:1px solid #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
	z-index:11;
}

#filet2 {
	position:absolute; 		 
	top:42px;
	left:904px;
	height:618px;
	border-left:1px solid #fff; /* Opera doesn't get border:none or border:0 on fieldsets */

}

#filet3 {
	position:absolute; 		 
	top:660px;
	margin-left:-10px;
	width:100%;
	border-bottom:1px solid #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
}
/*-----------------------------------------------------------------------------
Formulaire
-----------------------------------------------------------------------------*/
fieldset {
	position: absolute; 
	left: 200px;  
	top: 10px; 
	height: 32px;	
	width:380px;
	background-color:transparent;
	border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */

	margin:0px;
	padding: 0px;
}
#submit {
	vertical-align: middle;
	z-index:21;
} 
#recherche{
	height: 16px;
	width: 180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	z-index:21;
	vertical-align: middle;
} 

/*-----------------------------------------------------------------------------
DEFINITION DU MENU PRINCIPAL
-----------------------------------------------------------------------------*/
#nav {
	
	position:absolute;
	left:14px;
	top:182px;
	width:318px;
	font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #000000;
	text-align: left;
	z-index:3;
}
ul#nav {
	position:absolute; /* Positionnement pour IE5 et IE 5.5 */
	margin: 0px;
	padding: 0px;
	list-style-type: none; /* Suppression du margin, du padding et des puces du <ul> */
}
ul#nav li { /* tous les items de liste */
	/*float: left;*/
	display: inline; /* Correction pour IE5 et IE 5.5 */
	margin: 0px;
	padding: 0px; /* Suppression du padding du <li> et on definit une marge basse de 0px */
}
ul#nav li a {
	display:block; /* On passe les liens en elements de type block pour leur donner des proprietes de taille */
	line-height: 35px; /* hauteur des boutons */
	text-indent:-5000px; /* masquer le texte dans les navigateurs graphiques */
	text-decoration: none; 
}
a#lien_1 {
	width: 318px;	
	background: url(../img_menuA/menu_pres.gif) no-repeat 0 0;
}
a#lien_1:hover{	
	background: url(../img_menuA/menu_pres.gif) no-repeat 0 -35px;
}
a#lien_2 {
	width: 318px;
	background: url(../img_menuA/menu_orient.gif) no-repeat 0 0;
}
a#lien_2:hover{
	background: url(../img_menuA/menu_orient.gif) no-repeat 0 -35px;
}
a#lien_3 {
	width: 318px;
	background: url(../img_menuA/menu_chantier.gif) no-repeat 0 0;
}
a#lien_3:hover{
	background: url(../img_menuA/menu_chantier.gif) no-repeat 0 -35px;
}
a#lien_4 {
	width: 318px;
	background: url(../img_menuA/menu_organ.gif) no-repeat 0 0;
}
a#lien_4:hover{
	background: url(../img_menuA/menu_organ.gif) no-repeat 0 -35px;
}
a#lien_5 {
	width: 318px;
	background: url(../img_menuA/menu_espace.gif) no-repeat 0 0;
}
a#lien_5:hover{
	background: url(../img_menuA/menu_espace.gif) no-repeat 0 -35px;
}
/*-----------------------------------------------------------------------------
DEFINITION DES MENUS DEROULANTS
-----------------------------------------------------------------------------*/
ul#nav li ul { /* listes de deuxième niveau */
	position: absolute;	
	display: block;
	width: 13em;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	padding: 5px;
	margin: 0px;
	list-style: none;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	z-index:4;
}
ul#nav li ul a {
	color:#004C96;
	width: 13em;
	text-decoration:none;
	text-indent: 0px;
	line-height: 15px; /* hauteur des lignes de menus */
}
ul#nav li ul a:hover  {
	text-decoration:none;
	width: 13em;
	color: #B4CEE7;
	background:#ffffff;
}
#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */	
	left: 319px;
	
}
#smenu1 {
	position: absolute;
	background:#efd0c2;
	border: 2px #FFFFFF;
	top:0px ;
}
#smenu2 {
	position: absolute;
	background:#b7d5c9;
	border: 2px #FFFFFF;
	top:35px ;
}
#smenu3 {
	position: absolute;
	background:#b3d5da;
	border: 2px #FFFFFF;
	top:70px ;
}
#smenu4 {
	position: absolute;
	background:#d9c0c0;
	border: 2px #FFFFFF;
	top:105px ;
}
#smenu5 {
	position: absolute;
	background:#efd0c2;
	border: 2px #FFFFFF;
	top:140px ;
}

/*-----------------------------------------------------------------------------
DEFINITION DE LA ZONE D'INFO EN SURVOL DU MENU
-----------------------------------------------------------------------------*/
#nav a span,#barremenu a span {     /* définition de la balise <span> inclue dans <a> */
	/*display: none;*/
	color:#FF0000;
	margin:2px;
}

#nav a:hover span,#barremenu a:hover span {   /* définition de la balise <span> au survol */
	text-indent:0px;	
	position: absolute;
	top: 0px;
	left: 483px;	
	font-size:10px;
	line-height: 11px; 
	padding:10px;
	height:110px;
	width: 236px;       /* largeur de la zone de commentaires, selon la taille du menu */	
	border: 1px solid #FFFFFF;		
	background:#FADDAE;
	color:#0061A8;
	
	
	
}
#barremenu a span {     /* définition de la balise <span> inclue dans <a> */
	display: none;	
	margin:2px;
}

#barremenu a:hover span {   /* définition de la balise <span> au survol */
	display: block;	
	text-indent:0px;	
	position: absolute;
	top: -178px;
	left: 137px;	
	font-size:10px;
	line-height: 11px; 
	padding:10px;
	height:110px;
	width: 236px;       /* largeur de la zone de commentaires, selon la taille du menu */	
	border: 1px solid #FFFFFF;		
	background:#FADDAE;
	color:#0061A8;
	
	
	
}

.info {
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #FF0000;
}
/*-----------------------------------------------------------------------------
DEFINITION DU TICKER
-----------------------------------------------------------------------------*/
#ticker {
	position: absolute;
	top:357px ;
	left:0px;
	width:331px;
	height:179px;
	background-image: url(../imagesA/FondTicker.gif);
	background-position: top ;
	background-repeat: repeat-x;
	z-index:5;
	

}
#divContainer {
	position:absolute; 
	left:15px; 
	top:26px; 
	width:302px; 
	height:250px; 
	background:#FFFFFF;	
	clip:rect(0px,307px,250px,0px);
	overflow:hidden;
	
}

#divContent{
	position:absolute;
	left:15px;
	width:265px;
	background-color: #FFFFFF;
		
	
} 
#divupcontrol {
	position:absolute; 
	left:304px; 
	top:11px; 
	border: 0 solid #FFFFFF;	
}
#divdowncontrol {
	position:absolute; 
	left:304px; 
	/*top:155px;*/
	top:275px; 
	border: 0 solid #FFFFFF;	
}

.titreticker{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	color:#C45A11;
	font-weight: bold;
}
.texteticker{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color:#000000;

}