body {
	font: 11px arial, verdana, helvetica, serif;
	color: #322727;
	background: #a5a5a5;
	margin: 0;
	padding: 0;
	text-align: center;		/* pour corriger le bug de centrage IE 5.5 */
}

p, span { 
	font: 11px arial, verdana, helvetica, serif;
	color: #322727;
	margin: 0px 0px 5px 0px;
	text-align: justify;
}
a {
	color: #322727;
	text-decoration: underline;
}
/*
a:hover { text-decoration: underline overline; }
a:visited { color: #322727; }
*/

h1 { 
	font: normal 18px arial, verdana, helvetica, serif;
	color: #322727;
	text-align: left;
	margin: 10px 0px 0px 0px;
}
h2 { 
	font: bold 14px arial, verdana, helvetica, serif;
	color: #322727;
	text-align: left;
	margin: 10px 0px 0px 0px;
}

a.liensite {
	font: normal 11px arial, verdana, helvetica, serif;
	text-decoration: none;
	color: #e95d0f;
}

a.liensite:hover {
	text-decoration: underline;
}


/* ------------------------ BLOCS -------------------------------------------------- */
div#conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 730px;
}

div#entete {
	background-image: url(img/fentete.gif);
	margin-left: auto;
	margin-right: auto;
	width: 730px;
	height: 145px;
}

div#menu {
	margin-left: auto;
	margin-right: auto;
	width: 730px;
}

div#page {
	margin-left: auto;
	margin-right: auto;
	width: 730px;
}

div#page ul {
	margin: 5px 0px 5px 15px;
	list-style-type: disc;
}

div#pagelien { width: 390px; text-align: right; }
div#pageliend { width: 260px; text-align: right; }

div#pagelien a.lien {
	font: normal 11px arial, verdana, helvetica, serif;
	text-decoration: none;
	color: #e95d0f;
}
div#pageliend a.lien {
	font: normal 11px arial, verdana, helvetica, serif;
	text-decoration: none;
	color: #e95d0f;
}

div#pagelien a.lien:hover { text-decoration: underline; }
div#pageliend a.lien:hover { text-decoration: underline; }

div#pied {
	background-image: url(img/fpied.gif);
	margin-left: auto;
	margin-right: auto;
	width: 730px;
	height: 115px;
	text-align: left;
}
div#pied h1 {
	color: #ffffff;
	margin: 0;
}
div#pied ul {
	margin: 5px 0px 0px 0px;
	list-style-type: none;
	color: #322727;
}
div#pied a {
	color: #322727;
	text-decoration: none;
}
div#pied a:hover {
	text-decoration: underline;
}

/* ------------------------ MENU NAVIGATION -------------------------------------- */
div.menu1, div.menu2, div.menu3, div.menu4, div.menu5, div.menu6, div.menu7, div.menu8 { float: left; height: 26px; margin: 0; }
div.menu1a, div.menu2a, div.menu3a, div.menu4a, div.menu5a, div.menu6a, div.menu7a, div.menu8a { float: left; height: 26px; margin: 0; }

div.menu1 span, div.menu2 span, div.menu3 span, div.menu4 span, div.menu5 span, div.menu6 span, div.menu7 span, div.menu8 span { display: none; }
div.menu1a span, div.menu2a span, div.menu3a span, div.menu4a span, div.menu5a span, div.menu6a span, div.menu7a span, div.menu8a span { display: none; }

div.menu1 a { display: block; margin: 0; padding: 0; width: 70px; height: 26px; overflow: hidden; background: url(img/nav/m-accueil.gif) top left no-repeat; }
div.menu1 a:hover { background-position: 0% -26px; }
div.menu1a a { display: block; margin: 0; padding: 0; width: 70px; height: 26px; overflow: hidden; background: url(img/nav/m-accueil.gif) 0% -26px no-repeat; }

div.menu2 a { display: block; margin: 0; padding: 0; width: 80px; height: 26px; overflow: hidden; background: url(img/nav/m-internet.gif) top left no-repeat; }
div.menu2 a:hover { background-position: 0% -26px; }
div.menu2a a { display: block; margin: 0; padding: 0; width: 80px; height: 26px; overflow: hidden; background: url(img/nav/m-internet.gif) 0% -26px no-repeat; }

div.menu3 a { display: block; margin: 0; padding: 0; width: 100px; height: 26px; overflow: hidden; background: url(img/nav/m-e-commerce.gif) top left no-repeat; }
div.menu3 a:hover { background-position: 0% -26px; }
div.menu3a a { display: block; margin: 0; padding: 0; width: 100px; height: 26px; overflow: hidden; background: url(img/nav/m-e-commerce.gif) 0% -26px no-repeat; }

div.menu4 a { display: block; margin: 0; padding: 0; width: 75px; height: 26px; overflow: hidden; background: url(img/nav/m-intranet.gif) top left no-repeat; }
div.menu4 a:hover { background-position: 0% -26px; }
div.menu4a a { display: block; margin: 0; padding: 0; width: 75px; height: 26px; overflow: hidden; background: url(img/nav/m-intranet.gif) 0% -26px no-repeat; }

div.menu5 a { display: block; margin: 0; padding: 0; width: 80px; height: 26px; overflow: hidden; background: url(img/nav/m-extranet.gif) top left no-repeat; }
div.menu5 a:hover { background-position: 0% -26px; }
div.menu5a a { display: block; margin: 0; padding: 0; width: 80px; height: 26px; overflow: hidden; background: url(img/nav/m-extranet.gif) 0% -26px no-repeat; }

div.menu6 a { display: block; margin: 0; padding: 0; width: 120px; height: 26px; overflow: hidden; background: url(img/nav/m-referencement.gif) top left no-repeat; }
div.menu6 a:hover { background-position: 0% -26px; }
div.menu6a a { display: block; margin: 0; padding: 0; width: 120px; height: 26px; overflow: hidden; background: url(img/nav/m-referencement.gif) 0% -26px no-repeat; }

div.menu7 a { display: block; margin: 0; padding: 0; width: 100px; height: 26px; overflow: hidden; background: url(img/nav/m-acces.gif) top left no-repeat; }
div.menu7 a:hover { background-position: 0% -26px; }
div.menu7a a { display: block; margin: 0; padding: 0; width: 100px; height: 26px; overflow: hidden; background: url(img/nav/m-acces.gif) 0% -26px no-repeat; }

div.menu8 a { display: block; margin: 0; padding: 0; width: 75px; height: 26px; overflow: hidden; background: url(img/nav/m-contact.gif) top left no-repeat; }
div.menu8 a:hover { background-position: 0% -26px; }
div.menu8a a { display: block; margin: 0; padding: 0; width: 75px; height: 26px; overflow: hidden; background: url(img/nav/m-contact.gif) 0% -26px no-repeat; }

/* ------------- formulaire ----------- */
#formulaire {
	font: 11px arial, verdana, helvetica, serif;
	color: #322727;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#formulaire table {
	margin: 0px 0px 0px 10px;
}

#formulaire input, select, textarea {
	font: 11px arial, verdana, helvetica, serif;
}

#formulaire td {
	text-align: left;
	font: 11px arial, verdana, helvetica, serif;
}

#formulaire td.prompt, #formulaire td.promptb {
	text-align: right;
	font: 11px arial, verdana, helvetica, serif;
}

#formulaire td.promptb {
	font-weight: bold;
}

#formulaire .star {
	font-weight: bold;
	color: #ff0000;
}

#formulaire .note {
	font: 10px arial, verdana, helvetica, serif;
}