/* Styles generiques */

body {
scrollbar-face-color: C0C0C0;
scrollbar-highlight-color: F1F1F1;
scrollbar-3dlight-color: F1F1F1;
scrollbar-darkshadow-color: F1F1F1;
scrollbar-shadow-color: F1F1F1;
scrollbar-arrow-color: F1F1F1;
scrollbar-track-color: F1F1F1;}

body {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size:10px; color: #5D675C;}

body { background-color: F1F1F1}

td, p, option, input, select, textarea, div{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px;}

form {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 0px; width: 0px;}

a:link { color: #898987}
a:visited { color: #898987}
a:hover { color: #C0C0C0}


/* Styles relatifs au menu gauche*/

.menu-rub 			{ CURSOR: pointer; color: #898987; TEXT-DECORATION: none; font-size: 12px; font-weight: bold}
.menu-rub-actif 	{ CURSOR: pointer; color: #5D675C; TEXT-DECORATION: none; font-size: 12px; font-weight: bold}
.menu-srub 			{ CURSOR: pointer; color: #898987; TEXT-DECORATION: none; font-size: 11px; font-weight: bold}
.menu-srub-actif 	{ CURSOR: pointer; color: #5D675C; TEXT-DECORATION: none; font-size: 11px; font-weight: bold; font-style:italic}
.menu-page 			{ CURSOR: pointer; color: #898987; TEXT-DECORATION: none; font-size: 10px}
.menu-page-actif 	{ CURSOR: pointer; color: #5D675C; TEXT-DECORATION: underline; font-size: 10px; font-weight: bold}

.menu-bg-filet		{ BACKGROUND-COLOR: #f1f1f1}
.menu-bg-filet2 		{ BACKGROUND-COLOR: #f1f1f1}
.menu-bg-global 	{ background-image: url(../images/halo_menu1.gif); background-attachment: inherit; background-repeat: no-repeat; background-position:inherit; background-color:F1F1F1; width:auto; height:auto }

/* Class relatives aux textes homepage*/

.hp-txt-titre {color: #898987; font-weight: bold;}
.hp-txt-stitre {color: #868585; font-weight: bold;}

a.hp-lien:link { TEXT-DECORATION: none; color: #868585}
a.hp-lien:visited { TEXT-DECORATION: none; color: #868585}
a.hp-lien:hover { TEXT-DECORATION: none; color: #C0C0C0}

a.hp-lien-bold:link { TEXT-DECORATION: none; color: #5D675C; font-weight: bold}
a.hp-lien-bold:visited { TEXT-DECORATION: none; color: #5D675C; font-weight: bold}
a.hp-lien-bold:hover { TEXT-DECORATION: none; color: #C0C0C0; font-weight: bold}

a.hp-focus:link { TEXT-DECORATION: none; color: #5D675C}
a.hp-focus:visited { TEXT-DECORATION: none; color: #5D675C}
a.hp-focus:hover { TEXT-DECORATION: none; color: #C0C0C0}

/* Class relatives au bandeau haut */

.bg-haut { BACKGROUND-COLOR: #F1F1F1}

a.haut-lien:link	{ color: #898987; TEXT-DECORATION: none; font-weight: bold; font-size: 11px}
a.haut-lien:visited	{ color: #898987; TEXT-DECORATION: none; font-weight: bold; font-size: 11px}
a.haut-lien:hover	{ color: #C0C0C0; TEXT-DECORATION: none; font-weight: bold; font-size: 11px}

.carrerecherche { background-image: url(../images/carre_beige.gif); background-repeat: no-repeat; background-position:left bottom; font-weight:bold; text-decoration:none}

.carrefaq { background-image: url(../images/carre_vertacidule.gif); background-repeat: no-repeat; background-position:left bottom; font-weight:bold; text-decoration:none}

.carreabo	{ background-image: url(../images/carre_verteau.gif); background-repeat: no-repeat; background-position:left bottom; font-weight:bold; text-decoration:none}

.carremeteo{ background-image: url(../images/carre_vertforet.gif); background-repeat: no-repeat; background-position:left bottom; font-weight:bold; text-decoration:none}

.carreacces	{ background-image: url(../images/carre_bleuvert.gif); background-repeat: no-repeat; background-position:left bottom; font-weight:bold; text-decoration:none}

.carrecontact	{ background-image: url(../images/carre_rose.gif); background-repeat: no-repeat; background-position:left bottom; font-weight:bold; text-decoration:none}

.carrementions	{ background-image: url(../images/carre_violet.gif); background-repeat: no-repeat; background-position:left bottom; font-weight:bold; text-decoration:none}

a.lien-credit:link { TEXT-DECORATION: none; color: #868585}
a.lien-credit:visited { TEXT-DECORATION: none; color: #868585}
a.lien-credit:hover	{ TEXT-DECORATION: none; color: #C0C0C0}

/* Class relatives aux includes */

.txt-bold { font-weight: bold}

a.lien-bt-retour:link { TEXT-DECORATION: none; color: #F99B30}
a.lien-bt-retour:visited { TEXT-DECORATION: none; color: #F99B30}
a.lien-bt-retour:hover { TEXT-DECORATION: none; color: #868585}

.tt-even	{ color: #F99B30; TEXT-DECORATION: none; font-size: 11px; font-weight: bold}

/* Classe relatif aux boutons et champs */

.champ { BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 8pt; BACKGROUND: #ffffff; BORDER-LEFT: #666666 1px solid; COLOR: #999999; BORDER-BOTTOM: #666666 1px solid; TEXT-DECORATION: none}

.combo { BORDER-RIGHT: #F99B30 1px solid; BORDER-TOP: #F99B30 1px solid; FONT-SIZE: 11px; BACKGROUND: #ffffff; BORDER-LEFT: #F99B30 1px solid; COLOR: #FD4800; BORDER-BOTTOM: #F99B30 1px solid; TEXT-DECORATION: none}

.bg-combo { BACKGROUND-COLOR: #FECF7C}

.bg-combo_defaut { color: #5D675C}


/* bouton save */ 

.bouton { BORDER-RIGHT: #F99B30 1px solid; BORDER-TOP: #F99B30 1px solid; FONT-SIZE: 8pt; BACKGROUND: #ffffff; BORDER-LEFT: #F99B30 1px solid; CURSOR: hand; COLOR: #F99B30; BORDER-BOTTOM: #F99B30 1px solid; TEXT-DECORATION: none}*/

.bouton { BORDER-RIGHT: #F99B30 1px solid; BORDER-TOP: #F99B30 1px solid; FONT-SIZE: 8pt; BACKGROUND: #ffffff; BORDER-LEFT: #F99B30 1px solid; CURSOR: hand; COLOR: #F99B30; BORDER-BOTTOM: #F99B30 1px solid; TEXT-DECORATION: none}

.ACCUEIL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	font-stretch: expanded;
	text-decoration: underline;
	color: #898987;
}

.ACCUEIL-actif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	color: #5D675C;
}

.herbe {
	background-image: url(../images/herbe.gif);
	background-repeat: no-repeat;
	background-position:right;
	}
.page {
	background-image: url(../images/carre_bleuciel.jpg);
	background-repeat: no-repeat;
	color: #5D675C;
	font-weight: bold;
	font-stretch: ultra-expanded;
	font-size:12px;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
}
.edito {
	background-image: url(../images/carre_orange.gif);
	background-repeat: no-repeat;
	color: #5D675C;
	font-weight: bold;
	font-stretch: ultra-expanded;
	font-size:12px;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
}
.focus {
	background-image: url(../images/carre_jaune.gif);
	background-repeat: no-repeat;
	color: #5D675C;
	font-weight: bold;
	font-stretch: ultra-expanded;
	font-size:12px;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
}
.actualites {
	background-image: url(../images/carre_rouge.gif);
	background-repeat: no-repeat;
	color: #5D675C;
	font-weight: bold;
	font-stretch: ultra-expanded;
	font-size:12px;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
}
.agenda {
	background-image: url(../images/carre_turquoise.gif);
	background-repeat: no-repeat;
	color: #5D675C;
	font-weight: bold;
	font-stretch: ultra-expanded;
	font-size:12px;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
}
.recherche {
	background-image: url(../images/carre_beige.gif);
	background-repeat: no-repeat;
	color: #5D675C;
	font-weight: bold;
	font-stretch: ultra-expanded;
	font-size:12px;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
}
.fondbarrebas {
	background-image: url(../images/fondbarrebas.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.bordures {
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: inset;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}