body { margin: 0; margin-top : 10px ; margin-bottom : 10px;padding: 0; 
background: #213262 url(images/bg-blue.gif) repeat-y center;
text-align: center }
body, div { font: 9pt Tahoma, Verdana, Arial, Helvetica; color: #000066}

#site {
	margin: 0 auto;
	width: 780px;
	border: thin dotted #003366;
	background-color: #FFFFFF;

}
#img {
	margin: 0 auto;
	width: 780px;
	height : 100px;
	background-color: #CCCCCC;
	border: thin none;
}
.bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000033;
	text-decoration: none;
}
.bleuTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	color: #000033;
	text-decoration: none;
	text-align: justify;

}


#menu {
	margin: 0 auto;
	height: 20px;
	display : inline-block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #475f8b;
	border-right-color: #96abd4;
	border-bottom-color: #1f3a6d;
	background-color: #2b5094;
	background-image: url(images/btfond.gif);
	background-repeat: repeat;
	background-position: top;

}
/* corps de page */
.table1c1 {	background: url(images/bord0001.gif) repeat left top; height: 2px; width: 2px;
}
.table1c2 {	background: url(images/bord1100.gif) repeat left top; height: 2px;
}
.table1c3 {	background: url(images/bord0010.gif) repeat left top; height: 2px; width: 2px;
}
.table1c4 {	background: url(images/bord1010.gif) repeat left top; width: 2px;
}
.table1c6 {	background: url(images/bord0101.gif) repeat left top; width: 2px;
}
.table1c7 {	background: url(images/bord0100.gif) repeat left top; height: 2px; width: 2px;
}
.table1c8 {	background: url(images/bord0011.gif) repeat left top; height: 2px;
}
.table1c9 {	background: url(images/bord1000.gif) repeat left top; height: 2px; width: 2px;
}.table1c5 {

color: #000000;
background: #FFFFFF;
padding-top: 22px;
padding-right: 22px;
padding-bottom: 22px;
padding-left: 14px;
}
a.lienbouton:link, a.lienbouton:visited, a.lienbouton:active {
height: 20px;
width: 125px;
text-decoration: none;
font:  bold 11px Arial, Helvetica, sans-serif;
color: #FFFFFF;
float: left;
text-align: center;

}

a.lienbouton_bleu:link, a.lienbouton_bleu:visited, a.lienbouton_bleu:active {

text-decoration: none;
font:  bold 11px Arial, Helvetica, sans-serif;
color: #000033;
text-align: center;

}
a.lienbouton_bleu:hover {
color: #FF6600;
text-align: center;
}
.blanc {
text-decoration: none;
font:  bold 11px Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: center;

}
.bleu2 {
text-decoration: none;
font:  bold 11px Arial, Helvetica, sans-serif;
color: #000033;
text-align: center;

}
.table2titre {
	background: url(images/chiffres2.gif) repeat-y left top;
	text-align: left;
	vertical-align: center;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000033;
	text-decoration: none;
	font-weight: bold;
}
.titreEtape {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #CC6600;
	text-decoration: none;
	font-weight: bold;
}
.titreEtapeBleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #000033;
	text-decoration: none;
	font-weight: bold;
	padding-left: 6px;
	text-align: left;
vertical-align: top;
border: #bec4cf dotted;
padding-top: 4px;
padding-bottom: 4px;
color: #21262a;
border-width: 0px 0px 1px;
}
.titreEtapePage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000033;
	text-decoration: none;
	font-weight: bold;
	padding-left: 6px;
	text-align: left;
vertical-align: top;

}
.titreEtapeBleu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000033;
	text-decoration: none;
	padding-left: 12px;
	color: #21262a;
border-width: 0px 0px 1px;
}

.titreEtapeBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
vertical-align: top;
border: #bec4cf dotted;
padding-top: 4px;
padding-bottom: 4px;
border-width: 0px 0px 1px;
}
.rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
.titreEtapeBleuClair {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #3366FE;
	text-decoration: none;
	font-weight: bold;
}
.table2points {
text-align: right;
vertical-align: top;
padding-top: 14px;
}
.table2txt {
text-align: left;
vertical-align: top;
border: #bec4cf dotted;
padding-top: 10px;
padding-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #21262a;
border-width: 0px 0px 1px;
padding-right: 8px;
}
.tabletxtBord {
text-align: left;
vertical-align: top;
border: #bec4cf dotted;
padding-top: 4px;
padding-bottom: 4px;
color: #21262a;
border-width: 0px 0px 1px;
}

.table2txt2 {
text-align: left;
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #21262a;
border-width: 0px 0px 1px;
padding-right: 8px;
}
.table2c1 {
background: url(images/chiffres4.gif) repeat-y left top;
text-align: left;
vertical-align: top;
}
.table2c10 {
background: url(images/chiffres7.gif) repeat-y left top;
text-align: left;
vertical-align: top;
}
/*style par défaut*/
input.bouton {
	border:1px outset #000033;
	background:#f2f2f2;
	font-weight:normal;
	cursor:pointer;
	color:#003366;
 	font: 8pt Verdana, Arial, Helvetica, sans-serif;
}

/*style lors du survol du bouton par la souris*/
input.bouton:hover {

	background-color:white;
	text-decoration:none;
	color:#ff7200;
}

/*style du bouton quand il est activé*/
input.bouton:active {

	border:1px inset #ff7200;
	background-color:#ff7200;
	color:white;
}

/* Recherche */
#q{
	background: #FFF url(images/loupe.gif) no-repeat;
	background-position: 3px center;
	padding-left: 16px;
	width: 20em;
}
#url{
	background: #FFF url(images/az.gif) no-repeat;
	background-position: 3px center;
	padding-left: 16px;
	width: 20em;
}
SELECT.graphe {
     color:#000033;
     background-color:#E2ECF5;
     font-size:12px;
     font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*style par défaut*/
a.lien {
	cursor:pointer;
	color:#003366;
	font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.titre {
	cursor:pointer;
	text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	font-weight: bold;
}
a.soustitre {
	cursor:pointer;
	text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #000033;
	text-decoration: none;
	font-weight: bold;


}
a.soussoustitre {
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000033;
	text-decoration: none;


}
a.lien:hover {
	background-color:white;
	text-decoration:none;
	color:#ff7200;
}
.orange {
	font-weight: bold;
	color: #FF9900;
}
td.xmpcode {
	border-width:1pt;
	border-style:solid;
	border-color:#999999;
	background-color:#FFFFE0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}