
body {
	margin : 0;
	padding : 0;
	/*background-color : #88B230;*/
	background-color : #fff;
	/*background-color : #F7FFE4;*/

	text-align : center;

	background-color : #96BE41;
}

#conteneur {
	background-color : #fff;
}

#page {
	position : relative;

	text-align : left;
	margin : auto;
	
	width : 950px;
	background-color : #fff;

	/*border-left : 1px solid #597B11;
	border-right : 1px solid #597B11;
	border-bottom : 1px solid #597B11;*/

}

.noscreen {
	display : none;
}


/*--------------------------------------------------------------------
/* ENTETE
/**/

#entete {
	height : 288px;

	background-image : url(../images/entete-fond.gif);
	background-position : 0px 96px;
	background-repeat : no-repeat;
}

#entete h1 {
	margin : 0;
	padding : 0;

	overflow : hidden;
	text-indent : -9000px;
	
	background-image : url(../images/cdbl-logo.gif);
	width : 312px;
	height : 481px;

	position : absolute;
	/*left : 18px;*/
	left : 12px;
	top : 29px;
}

#entete #photo {
	position : absolute;
	left : 509px;
	top : 96px;

	width : 441px;
	height : 167px;

	background-image : url(../images/entete-photo-accueil.jpg);
}

.section-services #entete #photo {
	background-image : url(../images/entete-photo-services.jpg);
}

.section-portrait #entete #photo {
	background-image : url(../images/entete-photo-portrait.jpg);
}

.section-membres #entete #photo {
	background-image : url(../images/entete-photo-membres.jpg);
}

.section-a_propos #entete #photo {
	background-image : url(../images/entete-photo-a_propos.jpg);
}

.section-produits #entete #photo {
	background-image : url(../images/entete-photo-produits.jpg);
}

/*--------------------------------------------------------------------
/* ICONES
/**/

#icones {
	margin : 0;
	padding : 0;

	position : absolute;
	left : 490px;
	top : 14px;
}

* html #icones {
	left : 470px;
}

#icones li {
	margin : 0;
	padding : 0;

	float : left;
	margin-left : 20px;

	display : block;
	text-indent : -9000px;
	overflow : hidden;

	height : 46px;

	background-repeat : no-repeat;
}

#icones a {
	position : relative;

	display : block;
	height : 46px;
	overflow : hidden;
	background-repeat : no-repeat;
}

#icone-accueil, #icone-accueil a {
	width : 46px;
	background-image : url(../images/icone-accueil.gif);
}

#icone-medias, #icone-medias a {
	width : 46px;
	background-image : url(../images/icone-medias.gif);
}

#icone-liens_utiles, #icone-liens_utiles a {
	width : 61px;
	background-image : url(../images/icone-liens_utiles.gif);
}

#icone-contact, #icone-contact a {
	width : 46px;
	background-image : url(../images/icone-contact.gif);
}

#icone-plan_du_site, #icone-plan_du_site a {
	width : 62px;
	background-image : url(../images/icone-plan_du_site.gif);
}

#icone-partenaires, #icone-partenaires a {
	width : 65px;
	background-image : url(../images/icone-partenaires.gif);
}

#icone-imprimer, #icone-imprimer a {
	width : 48px;
	background-image : url(../images/icone-imprimer.gif);
}

#icone-envoyer, #icone-envoyer a {
	width : 49px;
	background-image : url(../images/icone-envoyer.gif);
}

/*--------------------------------------------------------------------
/* OUTILS
/**/

#outils {
	position : absolute;
	top : 0;
	right : 10px;
}

#outils .separateur {
	float : left;

	display : block;
	text-indent : -9000px;
	overflow : hidden;

	width : 10px;
}

#outil-imprimer {
	float : left;

	display : block;
	text-indent : -9000px;
	overflow : hidden;

	width : 21px;
	height : 20px;

	background-image : url(../images/outil-imprimer.gif);
}

#outil-envoyer {
	float : left;

	display : block;
	text-indent : -9000px;
	overflow : hidden;

	width : 21px;
	height : 20px;

	background-image : url(../images/outil-envoyer.gif);
}

/*--------------------------------------------------------------------
/* MENU
/**/

#menu {
	position : absolute;
	left : 338px;
	top : 268px;

	list-style-type : none;

	width : 614px;

	padding : 0;
	margin : 0;
}

#menu li {
	padding : 0;
	margin : 0;

	float : left;
	margin-right : 2px;

	display : block;
	height : 20px;
}

#menu a {
	display : block;
	background-color : #B3D866;

	font-size : 8pt;
	font-weight : bold;
	color : #5B8505;

	text-decoration : none;
	height : 17px;
	padding-top : 3px;
	text-align : center;

	border-bottom : 9px solid #fff;
}

#menu a:hover {
	background-color : #D9ECB3;
}

.section-a_propos #menu-a_propos a,
.section-services #menu-services a,
.section-membres #menu-membres a,
.section-portrait #menu-portrait a,
.section-produits #menu-produits a {
	background-color : #D9ECB3;
	border-bottom : 9px solid #85A73F;
}

#menu-a_propos, #menu-a_propos a {
	width : 169px;
}

#menu-services, #menu-services a {
	width : 85px;
}

#menu-membres, #menu-membres a {
	width : 83px;
}

#menu-portrait, #menu-portrait a {
	width : 151px;
}

#menu-produits, #menu-produits a {
	width : 116px;
}


/*--------------------------------------------------------------------
/* MENU2
/**/

#menu2 {
	position : absolute;
	left : 338px;
	top : 71px;

	list-style-type : none;

	width : 614px;

	padding : 0;
	margin : 0;
}

#menu2 li {
	padding : 0;
	margin : 0;

	float : left;
	margin-right : 2px;

	display : block;
	height : 20px;
}

#menu2 a {
	display : block;
	background-color : #B3D866;

	font-size : 8pt;
	font-weight : bold;
	color : #5B8505;

	text-decoration : none;
	height : 17px;
	padding-top : 3px;
	text-align : center;
}

#menu2 a:hover {
	background-color : #D9ECB3;
}

#menu-goutez_lanaudiere, #menu-goutez_lanaudiere a {
	width : 169px;
}

#menu-bancs_dessai, #menu-bancs_dessai a {
	width : 85px;
}

#menu-chroniques, #menu-chroniques a {
	width : 83px;
}

#menu-paniers, #menu-paniers a {
	width : 151px;
}

#menu-tablee, #menu-tablee a {
	width : 116px;
}



/*--------------------------------------------------------------------
/* PRINCIPAL
/**/

#principal {
	width : 100%;
	position : relative;
}

/*--------------------------------------------------------------------
/* HAUT DE PAGE
/**/

#hautDePage {
	margin-top : 1em;
	margin-bottom : 1em;
	text-align : right;
	margin-right : 15px;
}

/*--------------------------------------------------------------------
/* MENU PAGE
/**/

#menuPage {
	padding : 0;
	margin : 0;

	padding-top : 3px;
	padding-bottom : 3px;

	position : absolute;

	width : 250px;

	left : 250px;
	top : 0;

	background-image : url(../images/menuPage-fond.gif);
	background-repeat : repeat-y;
	background-position : top right;

	font-size : 8pt;
}

#menuPage li {
	padding : 0;
	margin : 0;
	list-style-type : none;

	text-align : right;

	display : block;

	background-image : url(../images/menuPage-item-fond.gif);
	background-repeat : no-repeat;
	background-position : top right;

	padding-right : 10px;

	margin-top : 10px;
	margin-bottom : 10px;
}

#menuPage a {
	color : #85A73F;
	text-decoration : none;
	font-weight : bold;
}

#menuPage a:hover {
	text-decoration : underline;
}

/*--------------------------------------------------------------------
/* TEXTE
/**/

#texte {
	margin-left : 515px;
	margin-right : 20px;
	margin-top : 20px;
	margin-bottom : 20px;
}

#principal {
	min-height : 260px;
}

* html #principal {
	height : 260px;
}

/*--------------------------------------------------------------------
/* À SURVEILLER
/**/

#a_surveiller {
	clear : both;

	width : 660px;

	font-size : 8pt;
	color : #fff;

	padding-left : 190px;
	padding-right : 100px;
	padding-top : 20px;
	padding-bottom : 20px;

	background-image : url(../images/a_surveiller-fond.gif);
	background-repeat : no-repeat;
	background-position : left center;
}

/*--------------------------------------------------------------------
/* PIED
/**/

#pied {
	clear : both;

	/*height : 35px;*/

	font-size : 8pt;
	letter-spacing : 0.1em;

	/*color : #577D08;*/
	color : #4A6B05;

	text-align : center;

	background-color : #96BE41;
	border-top : 5px solid #F1A65A;

	padding-bottom : 1.5em;
}

#pied-conteneur {
	width : 950px;
	margin : auto;
	text-align : left;
}

#pied #copyright {
	padding-left : 10px;
	margin-top : 1em;
	float : left;
}

#pied #conception {
	padding-right : 10px;
	margin-top : 1em;
	float : right;
}

#pied a {
	color : #4A6B05;
	text-decoration : none;
}

#pied a:hover {
	text-decoration : underline;
	color : #000;
}


/*--------------------------------------------------------------------
/* FIL
/**/

#fil {
	padding-right : 40px;
}