HTML, BODY {width:100%;}

BODY {
	margin-top:20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #ccccd7; }
	
/*** Définition de la structure ***/
#ConteneurGlobal {
	margin:0 auto 0 auto;
	width:842px; }

#ConteneurHaut {
	border-top: solid rgb(70,70,74) 1px;
	border-left: solid rgb(70,70,74) 1px;
	border-right: solid rgb(70,70,74) 1px; }

#BandeauHaut {
	height: 63px;
	background: url(../img3/SiteBandH1.jpg) no-repeat; }
	
#BandeauPath {
	height: 18px;
	background: url(../img3/SiteBandH2.jpg) no-repeat; }
	
#menuH ul {
	margin-top: 0;
	margin-bottom: 0; 
	font-size: 10px;
	padding: 0;
	text-align: left;
	height: 25px; }
	
#menuH li {
	margin : 0 0px;
	padding: 0;
	font-weight: bold;
	float: left;
	list-style: none; }

#ConteneurCentre {
	background-color:#818288;
	border-left:solid rgb(70,70,74) 1px;
	border-right:solid rgb(70,70,74) 1px;
	position:absolute; }

#gauche {
	background: url(../img3/SiteMnuG.jpg) no-repeat;
	background-color:#818288;
	width: 150px;
	float:left; }

#centre {
	background-color:#d5d8e0;
	margin-right:150px;
	margin-left:150px; }

#droite {
	background-color:#66676b;
	width: 150px;
	float:right; }


/*** Eléments cachés ***/
#bandeauTitre h1 span, #bandeauTitre span, #menuH span, #petit-menu span, #calendrier h2 span, #messages h2 span{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden; } 

/*** Menu horizontal ***/
#menuH_bnd {
	display: block;
	background: url(../img3/SiteMnu_bnd.jpg) no-repeat 0 0;
	width: 265px;
	height: 25px;
}
#menuH_acc a{
	display: block;
	background: url(../img3/SiteMnu_acc.jpg) no-repeat 0 0;
	width: 40px;
	height: 25px;
}
#menuH_log a{
	display: block;
	background: url(../img3/Site3Mnu_log.jpg) no-repeat 0 0;
	width: 72px;
	height: 25px;
}
#menuH_num a{
	display: block;
	background: url(../img3/Site3Mnu_num.jpg) repeat 0 0;
	width: 101px;
	height: 25px;
}
#menuH_csv a{
	display: block;
	background: url(../img3/Site3Mnu_csv.jpg) no-repeat 0 0;
	width: 99px;
	height: 25px;
}
#menuH_inf a{
	display: block;
	background: url(../img3/Site3Mnu_inf.jpg) no-repeat 0 0;
	width: 99px;
	height: 25px;
}
#menuH_act a{
	display: block;
	background: url(../img3/Site3Mnu_act.jpg) no-repeat 0 0;
	width: 80px;
	height: 25px;
}
#menuH_soc a{
	display: block;
	background: url(../img3/Site3Mnu_soc.jpg) no-repeat 0 0;
	width: 84px;
	height: 25px;
}

#menuH_acc a:hover {
	background: url(../img3/SiteMnu_accS.jpg) no-repeat 0 0px;
}
#menuH_log a:hover {
	background: url(../img3/Site3Mnu_logS.jpg) no-repeat 0 0px;
}
#menuH_num a:hover {
	background: url(../img3/Site3Mnu_numS.jpg) no-repeat 0 0px;
}
#menuH_csv a:hover {
	background: url(../img3/Site3Mnu_csvS.jpg) no-repeat 0 0px;
}
#menuH_inf a:hover {
	background: url(../img3/Site3Mnu_infS.jpg) no-repeat 0 0px;
}
#menuH_act a:hover {
	background: url(../img3/Site3Mnu_actS.jpg) no-repeat 0 0px;
}
#menuH_soc a:hover {
	background: url(../img3/Site3Mnu_socS.jpg) no-repeat 0 0px;
}

#menuH_log a.actif, #menuH_log a:hover.actif {
	background: url(../img3/Site3Mnu_logA.jpg);
}
#menuH_num a.actif, #menuH_num a:hover.actif {
	background: url(../img3/Site3Mnu_numA.jpg);
}
#menuH_csv a.actif, #menuH_csv a:hover.actif {
	background: url(../img3/Site3Mnu_csvA.jpg);
}
#menuH_inf a.actif, #menuH_inf a:hover.actif {
	background: url(../img3/Site3Mnu_infA.jpg);
}
#menuH_act a.actif, #menuH_act a:hover.actif {
	background: url(../img3/Site3Mnu_actA.jpg);
}
#menuH_soc a.actif, #menuH_soc a:hover.actif {
	background: url(../img3/Site3Mnu_socA.jpg);
}

/*** Bandeau localisation ***/
#localisation {
	text-align:left;
	margin-left:160px;
	line-height: 18px;
	font-size: 7pt; }

/*** Définitions des couleurs générales par rubriques ***/
div .num{color:rgb(154,205,52);}
div .num a{color:rgb(154,205,52);}
div .num a:hover{ color:rgb(154,205,52); text-decoration:underline;}

div .log{color:rgb(255,152,53);}
div .log a{color:rgb(255,152,53);}
div .log a:hover{color:rgb(255,152,53); text-decoration:underline;}

div .csv{color:rgb(18,83,151);}
div .csv a{color:rgb(18,83,151);}
div .csv a:hover{color:rgb(18,83,151); text-decoration:underline;}

div .inf{color:rgb(151,1,101);}
div .inf a{color:rgb(151,1,101);}
div .inf a:hover{color:rgb(151,1,101); text-decoration:underline;}

div .act{color:rgb(51,153,255);}
div .act a{color:rgb(51,153,255);}
div .act a:hover{color:rgb(51,153,255); text-decoration:underline;}

div .soc{color:rgb(148,190,111);}
div .soc a{color:rgb(148,190,111);}
div .soc a:hover{color:rgb(148,190,111); text-decoration:underline;}


/*** Menu vertical : définition du titre ***/
#titreMenu {
	margin-top:10px;
	padding:5px; }

/* Menu vertical : couleurs de titre */
div .titrelog {background-color:rgb(255,152,53);}
div .titrenum {background-color:rgb(154,205,52);}
div .titrecsv {background-color:rgb(18,83,151); color:white;}
div .titreinf {background-color:rgb(151,1,101); color:white;}
div .titreact {background-color:rgb(51,153,255);}
div .titresoc {background-color:rgb(148,190,111); color:white;}
div .titreAutres {background-color:rgb(200,200,200);}
/* Menu vertical : définition de liste */
#SousMenuGauche ul {margin:0px; padding-left:0px; list-style: none;}
#SousMenuGauche ul li{background:url(../IMG/puce.gif) no-repeat 0px 4px; margin:6px; padding-left:10px;}
#SousMenuGauche li a:hover{text-decoration:none;}
/* Menu vertical : couleurs de survol des sous-titres */
#SousMenuGauche li a.sglog:hover {color: rgb(255,152,53);}
#SousMenuGauche li a.sgnum:hover {color: rgb(154,205,52);}
#SousMenuGauche li a.sgcsv:hover {color: rgb(18,83,151);}
#SousMenuGauche li a.sginf:hover {color: rgb(151,1,101);}
#SousMenuGauche li a.sgact:hover {color: rgb(51,153,255);}
#SousMenuGauche li a.sgsoc:hover {color: rgb(148,190,111);}

/*** Article ***/
#cadreArticle {
	text-align: left;
	padding: 15px;
	width: 510px; }

#titre1ArticleNum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FF0000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000; }

#titre2ArticleNum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: right; }

#docArticleNum {
	text-align: right;
	color: #FF0000;
	vertical-align: top; }

#art_titre1 {
	font-size:10pt;
	font-weight:bold; }


/*** Contenu bandeau droit : infos & promos ***/
#infodroite {text-align:center; }

#centreRecherche {
	background-color:#CCCCCC;
	margin-right: 150px; }

#cadreRecherche {
	text-align:justify;
	padding: 30px;
	padding-bottom: 15px; }


/*** Pied de page ***/
#pied {
	clear:both; 
	padding-top:1px;
	padding-left:3px;
	height: 14px;
	font-size:7pt;
	background-color: #66676b;
	border-bottom:solid rgb(70,70,74) 1px; }

#pied a:link    {color: rgb(148,190,111);}
#pied a:visited {color: rgb(148,190,111);}
#pied a:active  {color: rgb(148,190,111);}
#pied a:hover   {color: rgb(148,190,111); text-decoration: underline; }