body {
	overflow: auto;
	border:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color:#FFFFFF;
	text-align:justify;
}

h1 {
	font-size:x-large;
	margin-bottom:0px;
	padding-top:8px;
	text-align:center;
}
h2 {
	color:#7C8A9D;
	font-size: larger;
	margin-bottom:0px;
	text-align: justify;
}

h3 {
	font-size: medium;
	font-style:italic;
}
h4 {
	font-size: medium;
	font-weight:100;
}
h5 {
	color:#7C8A9D;
	font-size: small;
	text-align:center;
	text-transform:lowercase;
}
h6 {
	color:#7C8A9D;
	font-size: x-small;
	font-weight:bold;
}

.centrer {text-align:center;}
.graisser {font-weight:bolder;}
.italique { font-style:italic;} 
.retraitgauche { padding-left:30px;} 


/* aspect des accronymes et abbreviations  */
acronym, abbr { border-bottom-style: dotted; border-bottom-width: thin; cursor:help;}

#banniere_lettre {
	position: absolute;
	left:25px;
	top:0px;
}

#navigation {
	position: absolute;
	width: 950px;
	top: 100px;
	left: 25px;
	z-index:0;
	height: 100%;
}
/* aligner les images a droite ou a gauche */
img {border-style:none;}
/*.legende {font:small;margin-top: -3px;text-align: left;padding: 5px;}*/
.imagegauche {float:left; padding-bottom:20px; padding-right:20px; padding-top:10px;}
.imagedroite {float:right; padding-bottom:20px; padding-left:20px; padding-top:10px;}
.imageunegauche {float:left; padding-bottom:0px; padding-right:15px; left:0px;}
.imageunedroite {float:right; padding-bottom:0px; padding-left:15px; right:0px;}
.ligne {margin: 10px 0px 0px 0px; border-top: 1px solid #7C8A9D}

#article {
	position: absolute;
	width: 600px;
	top: 50px;
	left: 50px;
	z-index:0;
	height: 100%;
}
#articlespecial {
	position: absolute;
	width: 800px;
	top: 130px;
	left: 150px;
	z-index:0;
	height: 100%;
}
#box {
	position:absolute;
	width:225px;
	top:50px;
	left:700px;
	z-index:0;
	/*list-style-position:0px;*/
	}
#boxspecial {
	position:absolute;
	width:500px;
	top:0px;
	left:75px;
	z-index:0;
	/*list-style-position:0px;*/
	}
#box ul {color:#7C8A9D; list-style:none; padding: 10px 5px 10px 5px; margin:0px; } 
#box li {padding: 0px 0px 10px 0px;}

.bleu {color:#101A8C;}
.bleugris {color:#3A6289;}
.rouge {color:#EE292A;}
.orange {color:#FF6634;}
.jaune {color:#E3B73D;}
.rose {color:#990066;}
.rose2 {color:#991398;}
.vert {color:#669933;}



.boxtitre {font-weight:bolder;text-transform:uppercase;font-size: medium; color: #ffffff; background-color:#7C8A9D; padding: 3px;}
.boxtitrebleu {font-weight:bolder;text-transform:uppercase;font-size:medium; color: #ffffff; background-color:#101A8C; padding: 3px;}
.boxtitrebleugris {font-weight:bolder;text-transform:uppercase;font-size:medium; color: #ffffff; background-color:#3A6289; padding: 3px;}
.boxtitrerouge {font-weight:bolder;text-transform:uppercase;font-size:medium; color: #ffffff; background-color:#EE292A; padding: 3px;}
.boxtitreorange {font-weight:bolder;text-transform:uppercase;font-size:medium; color: #ffffff; background-color:#FF6634; padding: 3px;}
.boxtitrejaune {font-weight:bolder;text-transform:uppercase;font-size:medium; color: #ffffff; background-color:#E3B73D; padding: 3px;}
.boxtitrerose {font-weight:bolder;text-transform:uppercase;font-size:medium; color: #ffffff; background-color:#990066; padding: 3px;}
.boxtitrerose2 {font-weight:bolder;text-transform:uppercase;font-size:medium; color: #ffffff; background-color:#991398; padding: 3px;}
.boxtitrevert {font-weight:bolder;text-transform:uppercase;font-size:medium; color: #ffffff; background-color:#669933; padding: 3px;}



.boxcontenu {font-size:smaller; color:#7C8A9D; padding: 4px; border-style: solid; border-color: #7C8A9D; border-width: 1px 1px 1px 1px; text-align:left;}
.boxcontenubleu {font-size: smaller; color:#7C8A9D; padding: 4px; border-style: solid; border-color: #101A8C; border-width: 1px 1px 1px 1px; text-align:left;}
.boxcontenubleugris {font-size: smaller; color:#7C8A9D; padding: 4px; border-style: solid; border-color: #3A6289; border-width: 1px 1px 1px 1px; text-align:left;}
.boxcontenurouge {font-size: smaller; color:#7C8A9D; padding: 4px; border-style: solid; border-color: #EE292A; border-width: 1px 1px 1px 1px; text-align:left;}
.boxcontenuorange {font-size: smaller; color:#7C8A9D; padding: 4px; border-style: solid; border-color: #FF6634; border-width: 1px 1px 1px 1px; text-align:left;}
.boxcontenujaune {font-size: smaller; color:#7C8A9D; padding: 4px; border-style: solid; border-color: #E3B73D; border-width: 1px 1px 1px 1px; text-align:left;}
.boxcontenurose {font-size: smaller; color:#7C8A9D; padding: 4px; border-style: solid; border-color: #990066; border-width: 1px 1px 1px 1px; text-align:left;}
.boxcontenurose2 {font-size: smaller; color:#7C8A9D; padding: 4px; border-style: solid; border-color: #991398; border-width: 1px 1px 1px 1px; text-align:left;}
.boxcontenuvert {font-size: smaller; color:#7C8A9D; padding: 4px; border-style: solid; border-color: #669933; border-width: 1px 1px 1px 1px; text-align:left;}

/* les couleurs */
a:link    {color:#7C8A9D; text-decoration:none;}
a:visited {color:#7C8A9D; text-decoration:none;}
a:hover   {color:#7C8A9D; text-decoration:underline; font-weight: bold;}
a:active  {color:#7C8A9D; text-decoration:none;}
a:focus   {color:#7C8A9D; text-decoration:none;}

fieldset {width:500px; text-align:left; padding:5px; border: 1px #7C8A9D ridge; color:#7C8A9D; margin-left:150px;}

