html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family:Arial, Verdana, Helvetica;
	font-size: 11px;
	background-color: #cfd2d3;
	background-image: url(../images/home_degrade_fond.gif);
	background-repeat: repeat-x;
	color: #002f3e;
}

/* --- BLOC CONTENEUR GLOBAL --- */
div#page {
	position: relative;
		/* permet au bloc de servir de référent pour
		   ses descendants positionnés en absolu */
	width: 990px;
	margin: 0 auto;
	min-height: 100%;
	background-color: white;
}
/* Ne pas oublier les styles suivants, à appliquer au premier élément
   et au dernier élément (hors pied de page) du bloc conteneur */
div#page #premier-element {
	width: 990px;
	margin-top: 0; /* évite tout risque de fusion des marges */
	position:fixed;
	background-color: white;
	z-index: 9999;
}

div#page #hauteur-fixe {
	width: 990px;
	height: 170px;
}

div#page #dernier-element {
	margin-bottom: 0; /* évite tout risque de fusion des marges */
	padding-bottom: 4em;
		/* ATTENTION : cet espace doit permettre de placer le pied de page! */
}

/* --- PIED DE PAGE --- */
div#piedpage {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
		/* pour que le bloc prenne toute la largeur du bloc de référence
		   Note : le bloc de référence est le plus proche ancêtre positionné
		   en relatif ou en absolu */
	height: 54px;
	background-image: url(../images/home_herbe.gif);
}


div#dernier-element { visibility: hidden;}


img
{
	border: none;
}

.darkColor
{
	color: #002f3e;
}

.lightColor
{
	color: #66828b;
}

.white
{
	color: white;
	font-size: 12px;
	font-weight: bold;
}

.blue
{
	color: #42bcc9;
}

a
{
	text-decoration: none;
	color: #42bcc9;
}

a.menu
{
	font-weight: bold;
	color: #66828B;
}

a.menu:hover, a.menu:active
{
	font-weight: bold;
	color: #002F3E;
}

a.econews:hover, a.econews:active
{
	font-weight: bold;
	color: #bdc9cd;
}

.newsletter
{
	border: 1px solid #b4b4b4;
	color: #bdc9cd;
	font-size: 10px;
	padding: 3px;
}

.rechercheGuide{
	border: 1px solid #b4b4b4;
	color: #66828B;
	font-size: 11px;
	padding: 3px;
}

a.footer
{
	color: #66828B;
}

a.footer:hover, a.footer:active
{
	color: #002F3E;
}


.triGauche
{
	background-image: url(../images/triGauche.png);
	height: 100%;
	background-repeat: no-repeat;
	width: 11px;
}

.triDroite
{
	background-image: url(../images/triDroite.png);
	background-repeat: no-repeat;
	width: 3px;
}

.triCentre
{
	width: 468px;
	padding: 10px;
}

.triBackground
{
	background-image: url(../images/tri_background.png);
	background-repeat: repeat-y;
	width: 441px;
	padding-right: 15px;
}

.triBackgroundHome
{
	background-image: url(../images/tri_background.png);
	background-repeat: repeat-y;
	width: 441px;
}

.beneficesBackground
{
	background-image: url(../images/benefices_background.jpg);
	background-repeat: repeat-y;
	width: 629px;
}

.recyclageHeader
{
	color: #63b235;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}

.guideBackgroundLight
{
	background-image: url(../images/guidedutri_degradeclair.png);
	background-repeat: repeat-x;
	width: 440px;
	height: 365px;
	padding-left: 10px;
	position: absolute;
	
}

.guideBackgroundDark
{
	background-image: url(../images/guidedutri_destination_degradefonce.png);
	background-repeat: repeat-x;
	width: 435px;
	height: 365px;
	padding-left: 15px;
	position: absolute;
	
}

.bouton{
	border: 1px solid #42bcc9;
	font-family: Arial;
	color: black;
	font-weight: bold;
	background: #42bcc9;
	font-size: 11px;
	cursor: hand;
}

.ui-autocomplete { height: 200px; overflow-y: auto; overflow-x: hidden;}

.titre {
	color: #42bcc9;
	font-weight: bold;
	font-size: 12px;
}