body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #5E5341;
	font-family: "Trebuchet MS", Arial Narrow, Helvetica, Arial, Geneva, sans-serif;
	font-size:12px;
	background-repeat: repeat;
	background-color: #5E5341;
}
ul {	background-color: #3300FF;}
a:link {	color: #FF6600;	text-decoration: none;}
a:visited {color: #FF6600;	text-decoration: none;}
a:hover {	color: #CEB771;}
a:active {	color: #FF0000;    text-decoration: underline;    background-color: #CCCCCC;    font-weight: bold;    font-style: normal;}
#lienencours { font-family:arial; font-weight:bold; font-size:11px; color:#8fbe47; text-decoration:none;}
.h1 {	font-weight: bold;	text-align: center;	color: #72634E;	font-size: 14px;}
.h2 {	text-align: right;	color: #CC0066;	font-size: 12px;}
.h3 {	font-size: 10px;	color: #72634E;}
.h4 {	font-size: 14px;	text-align: center;	color: #FFFFFF;	background-color: #FF6600;	}
.h5 {	font-size: 14px;	background-color: #FFF9E1;	text-align: center;	color: #72634E;}
.h6 {	font-weight: bold;	text-align: left;	color: #FF6600;	font-size: 14px;}
.h7 {	color: #FFFFFF;	font-size: 13px;}
.h8 {	font-size: 14px;	text-align: center;	color: #FFFFFF;	background-color: #FF3300;	}
.menuderoulant {background-color: #FFF9E1; color: #FF3300;}
div#bandeau {	width:100%;	height:143px;	background-image: url(../css/fond-2010.png);	}
div#bandeau2 {	width:100%;	height:10px;	background-image: url(../images/fond-haut-tarif.gif);	border-bottom-style: solid;}
div#container {	width:985px;	height:100%;	margin:auto;}
div#menu {	width:180px;	height:auto;	bottom: auto;	float:left;	background-color:#FFF9E1;	border-left-style: solid;	border-bottom-style: solid;	border-left-width: thin;	border-bottom-width: thin;	}
div#menu_haut {	width:180px;	height:200px;	background-color:#FFF9E1;	}
div#menu_bas {	width:180px;	height:200px;	background-color:#CC99CC;	}
div#contenu {	width:600px;	height:auto;	background-color:#FFF9E1;	margin:auto;	float:left;	padding-left: 10px;	padding-top: 10px;	padding-right: 10px;	border-right-style: solid;	border-right-width: thin;	border-left-style: solid;	border-left-width: thin;	border-bottom-style: solid;	border-bottom-width: thin;	}
div#partenaires {	width:960px;	height:auto;	background-color:#FFF9E1;	margin:auto;	float:left;	padding-left: 10px;	padding-top: 10px;	padding-right: 10px;	border-left-style: dotted;	border-left-width: thin;	border-right-style: dotted;	border-right-width: thin;	}
div#blocpub {	width:175px;	height:auto;	float:left;	border-right-style: solid;	margin:auto;	background-color:#FFF9E1;	border-right-width: thin;		}
div#blocinfo {	width:175px;	height:auto;	float:left;	font-style:italic;	background-color:#E6DAB7;	border-right-style: solid;	border-bottom-style: solid;	border-bottom-width: thin;	border-right-width: thin;	}
div#blocplus {	width:180px; height:35px;	float:left;	background-color:#CC0066;	border-right-style: solid;	border-right-width: thin;}
div#transfert {	background-image: url('../images/loader.gif');	color: #FFFFFF;	}
#hautactivite {	background-image: url('../images/fond-haut-activite.gif');	}
#hauttarif {	background-image: url('../images/fond-haut-tarif.gif');	}
#hautfichiers {	background-image: url('../images/fond-haut-fichiers.gif');	}
#hautdevis {	background-image: url('../images/fond-haut-devis.gif');	}
#hautcontact {	background-image: url('../images/fond-haut-contact.gif');	}
#hautpartenaire {	background-image: url('../images/fond-haut-partenaire.gif');	}
#coteactivite {	background-image: url('../images/fond-autre.gif');	height:28px;	}
#cotetarifs {	background-image: url('../images/fond-tarifs.gif');	height:28px;	}
#cotefichiers {	background-image: url('../images/fond-fichier.gif');	height:28px;	}
#cotedevis {	background-image: url('../images/fond-devis.gif');	height:28px;	}
#cotecontact {	background-image: url('../images/fond-contact.gif');	height:28px;	}
#cotepartenaires {	background-image: url('../images/fond-partenaire.gif');	height:28px;	}
#coteinfo {	background-image: url('../images/fond-info.gif');	height:28px;	}
#coteautre {	background-image: url('../images/fond-autre.gif');	height:28px;	}
#raccourcis {	background-image: url('../images/courbe-activite.gif');	background-repeat: no-repeat;	background-position: top;	background-color: FFFFFF;	padding-top: 30px;	padding-left: 10px;	border-color: #72634E;	border-style: solid;}
#menuderoulant {	background-color: #CC0066;}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; /* couleur de la bordure de l'image*/ width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; } /*largeur de la bordure autour de la photo. Si vous la modifier, modifier la variable correspondante dans le fichier lightbox.js (borderSize: 10,  )*/

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } /*position de l'image de chargement*/
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* hack IE pour montrer le hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/images/prevlabel.gif) left 15% no-repeat; } /*image et position du lien "précédent". modifier le pourcentage pour déplacer le lien en hauteur (% compté depuis le haut de l'image)*/
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/images/nextlabel.gif) right 15% no-repeat; } /*idem pour le lien "suivant"*/

/*Cadre d'information en bas de l'image*/
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; /*couleur de fond */ margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; } /* couleur du texte*/
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;} /*si vous voulez une couleur différente pour la légende, ajoutez un attribut color*/
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}	/*si vous voulez une couleur différente pour les numéros de photos, ajoutez un attribut color*/
#imageData #bottomNavClose{ width: 66px; /*à modifier si vous modifier la largeur du bouton "fermer"*/ float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; /*couleur de l'ombre*/}