body {
text-transform: none;
color: #595959;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
td, textarea, input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 747474;
	font-weight: normal;
	}
.tableDetail {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
}
a:link {
	color: #6a6a6a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;

}
a:hover { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal;f;line-height: normal; ont-variant: normal; }
a:visited {
	color: #6b6b6b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	line-height: 30px;
	color: #4782b5;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #4682b4;
	margin: 0;
	padding: 0;
}
#header h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 20px;
	color: #4782b5;
	margin: 0;
	padding: 0;
}
.sousTitreGris { color: #595959; font-size: 13px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0; }
.titreBleu { color: #0ca6d9; font-size: 16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; }
.titreVert1 { color: #9c0 !important; font-size: 16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; }
.titreVert2 { color: #238c00 !important; font-size: 16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; }
.titreJaune { color: #eeba00 !important; font-size: 16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; }
.titreOrange { color: #f37300 !important; font-size: 16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; }
.titreRouille { color: #cc5900; font-size: 16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; }
.titreRouge { color: #e60000 !important; font-size: 16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; }
.titreViolet { color: #b319cc; font-size: 16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; }
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	margin: 0;
	padding: 0;
	}

h5 { font-family: Georgia, "Times New Roman", Times, serif; color: #4782b5; font-size: 16px; margin: 0;
	padding: 0;}

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 747474;
	font-weight: bold;
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: 080901;
}
.text3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: D2A002;
}
.text4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: 979797;
}
.text5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: A4A4A4;
}
.text6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.text7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.text8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: 94AEC5;
}
.text9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: 4E4E4E;
}
.frame {
	border: 1px solid #ADADA2;
}
.designed_by {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5px;
	font-weight: lighter;
	color: #000000;
}
a.a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: E56C14;
	text-decoration: underline;
}
a.a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: E56C14;
	text-decoration: none;
}
a.a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: E56C14;
	
}
a.b:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: 295A7F;
	text-decoration: none;
}
a.b:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: 295A7F;
	text-decoration: underline;
}
a.b:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: 295A7F;
	text-decoration: none;
}
a.c:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066cb;
	text-decoration: none;
}
a.c:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #007af3;
	text-decoration: none;
}
a.c:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066cb;
	text-decoration: none;
}
a.d:link {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #007702;
	text-decoration: none;
}
a.d:hover {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009f03;
	text-decoration: none;
}
a.d:visited {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #007702;
}
a.e:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b79900;
	text-decoration: none;
}
a.e:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d2b000;
	text-decoration: none;
}
a.e:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b79900;
	text-decoration: none;
}
a.f:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff8400;
	text-decoration: none;
}
a.f:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #f90;
	text-decoration: none;
}
a.f:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ff8400;
	text-decoration: none;
}
a.g:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0bf;
	text-decoration: none;
}
a.g:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	text-decoration: underline;
}
a.g:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0bf;
	text-decoration: none;
}
a.h:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}
a.h:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}
a.h:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}
.inputstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5F726F;
	background-color: #E2EDEB;
	border: 1px solid #333333;
}
/* ------------- SITEMAP AND LEGAL -------------*/
/* -------------------------------------------- */
/* ------------- LIENS -------------*/
.legal
	{
	margin: 15px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	background-color: #FFFFFF;
	}

.legal_link
	{
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	text-decoration: underline;
	}
.legal_link:hover { color: #f60; }
/* ------------- PLACEMENTS ------------- */

#SITEMAP1
	{
	height: 292px;
	width: 150px;
	left: 30px;
	position: absolute;
	visibility: visible;
	}
#SITEMAP2
	{
	height: 292px;
	width: 150px;
	left: 220px;
	position: absolute;
	visibility: visible;
	}
#SITEMAP3
	{
	height: 292px;
	width: 150px;
	left: 400px;
	position: absolute;
	visibility: visible;
	}
#SITEMAP4
	{
	height: 292px;
	width: 200px;
	left: 550px;
	position: absolute;
	visibility: visible;
	}
/* ------------- LISTES ------------- */
.clear { clear: both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*.list, .unspaced_list { clear: both; }*/

.list
{
	background-color: #FFFFFF;
	border-bottom: #FFFFFF;
	border-top: #FFFFFF;
	border-width: 2px 0 2px 0;
	border-style: solid none solid none;
}

.icon, .name { float: left }

.legend_txt { vertical-align: text-top; }

.name { padding: 1px 1em 0 0; }


.icon { width: 13px; }
.name 	{ 
			font-weight: normal;
			padding: 1px 1em 0 0;
			}
			
			/*** THEMATIC COLORS *****/ 
/*************************/
ul#nav li a.on { color: #333; background:white url(../img/bt/bt_blanc.jpg); }
#accueil ul#nav li a.on{ background:#fff; color:#333; }
ul#nav li a.vert { background:#7ab51f url(../img/bt/bt_vert.jpg); }
#eco ul#nav li a.vert { background:#fff;	color:#333; }

ul#nav li a.bleu{ background:#1fbbe8 url(../img/bt/bt_bleu2.jpg); }
#pat ul#nav li a.bleu { background:#fff; color:#333; }

ul#nav li a.sable { background:#00619c url(../img/bt/bt_sable.jpg); }
#sport ul#nav li a.sable { background:#fff; color:#333; }
/* //-> navigation */
ul#nav { float:left; width:100%; border-bottom:2px solid #fff; background:gray url(../img/bt/bt_fond.jpg); margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }
ul#nav li {
	float:left;
	display:inline;
	border-right:2px solid #fff;
}
ul#nav li a { display:block; color:#fff; text-decoration:none; font-weight:bold; padding: 6px 7px 4px; }
/* //-> main navigation */
ul#nav li a.on:hover
	{
	color:#333;
	background: white url(../img/bt/bt_blanc.jpg);
	}
ul#nav li a.vert:hover
	{
	background:silver url(../img/bt/bt_blanc.jpg);
	color:#333;
	}
ul#nav li a.bleu:hover
	{
	background:silver url(../img/bt/bt_blanc.jpg);
	color:#333;
	}
ul#nav li a.sable:hover
	{
	background:silver url(../img/bt/bt_blanc.jpg);
	color:#333;
	}
/*************************/
/**CENTRER LA PAGE**/ 
/*************************/

#global {
   	position:fixed; 
   	position:absolute; 
   	left: 50%; 
   	top: 50%;
   	width: 798px;
   	height: 600px;
   	margin-top: -300px; /* moitié de la hauteur */
   	margin-left: -400px; /* moitié de la largeur */
     	}
* { margin:0; padding:0; }
table td { vertical-align:top; }