BODY {
	FONT-SIZE: 8pt;
	FONT-FAMILY: Lucida grande, Verdana, Arial, Helvetica;
	background-image: url(../images/page_bg.jpg);
	margin-top: 0px;
	margin-left: 0px;
}
A:link  { 
	color: #2e5984; 
	font-size: 8pt; 
	font-family: Lucida grande, Verdana, Arial, Helvetica; 
	text-decoration: none 
}
A:visited  { 
	color: #2e5984; 
	font-size: 8pt; 
	font-family: Lucida grande, Verdana, Arial, Helvetica; 
	text-decoration: none;
}
A:hover  { 
	color: #2e5984; 
	font-size: 8pt.; 
	font-family: Lucida grande, Verdana, Arial, Helvetica; 
	text-decoration: underline 
}
h2 {
	color: #2e5984;
	font-weight: bold;
	font-size: 13px;
	margin-top: 1em;
	margin-bottom: 1em;
}
h3 {
	color: #2e5984;
	font-weight: bold;
	font-size: 8pt;
}
div.clear {
	clear: both;
}
.texteItalique {
	color: #2e5984; 
	font-size: 8pt;
	font-style:italic;
}
select.recherche, input.recherche {
	width:300px;
	max-width:300px;
	min-width:300px;
}
.bouton {
	font-size:8pt;
}
.boutonNav {
	font-size:7pt;
	padding-left:3px;
	padding-right:3px;
}
.boutonNavActuel {
	font-size:7pt;
	color:#2e5984;
	font-weight:bolder;
	padding-left:3px;
	padding-right:3px;
}
#global {
     margin-left: auto;
     margin-right: auto;
     width: 845px; /* largeur obligatoire pour être centré */
}
form {
	margin-top: 5px;
	margin-bottom: 5px;	
}


/*Styles de texte*/
.titre {
	color: black;
	font-size: 13px;
	font-weight: bold;
}
.accroche {
	color: black;
	font-size: 13px;
}
.texteBlanc {
	color: white;
	font-size: 8pt;
}

/*Styles d'image*/
img.brochure {
	display:block;
	float:left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*Header*/
	#header {
		background-image:url(../images/tetiere.jpg);
		width:845px;
		height:118px;
		position:relative;
		margin-left: auto;
		margin-right: auto;
	}
	#lienAccueil {
		float: left;
		width : 120px;
		height: 90px;
		margin-left: 20px;
		margin-top: 0px;
	}

/*Barre de navigation horizontale*/
	#menuHorizontal {
		width:700px;
		height:23px;
		position:absolute;
		vertical-align:middle;
		letter-spacing:-0.1em;
		text-align:left;
		font-weight:bold;
		bottom:0px;
		left: 120px;
	}
	#menuHorizontal a:link  { 
		color: white; 
	}
	#menuHorizontal a:visited  { 
		color: white; 
	}
	#menuHorizontal a:hover  {
		color: white;
	}

/*Corps de la page*/
	#Page {
		width: 800px;
		padding-top: 12px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		clear: both;
		height:auto;
	}	
	 
	/*Menu de gauche de la page*/
		#MenuGauche {
			width: 204px;
			vertical-align:top;
			float: left;
		}
		#MenuGauche div {
			border-style: solid; 
			border-width: 1px; 
			padding-left: 4px; 
			padding-right: 4px; 
			padding-top: 3px; 
			padding-bottom: 4px;
			margin-bottom: 5px;
			margin-left: 5px;
			background-color: #2e5984;
			background-image: url(../images/bg_menu2.jpg);
			border-color: #6A6A6A;
			width: 166px;
			text-align: left;
			float: left;
			height: auto;
		}
		div.sousMenu {
			display: none;
			position: absolute;
			z-index: 100;
			left: 160px;
			margin-top: -1em;
			height : auto;
			line-height: +1.5em;
		}
		#MenuGauche a:link  { 
			color: white; 
		}
		#MenuGauche a:visited  { 
			color: white; 
		}
		#MenuGauche a:hover  {
			color: white; 
		}

	/*Zone centrale de la Home Page*/
		#HomeCentre {
			width: 400px;
			float: left;
			text-align: left;
			padding-right: 30px;
		}

		/*Zone à la Une*/
			#ALaUne {
				width: 400px;
				float: left;
				text-align: left;
				background-color: #DBDBCE;
			}
			#ALaUne a:link  { 
				font-size: 13px; 
				font-weight: bold;
				text-decoration: underline 
			}
			#ALaUne a:visited  { 
				font-size: 13px; 
				font-weight: bold;
				text-decoration: underline 
			}
			#ALaUne a:hover  { 
				font-size: 13px; 
				font-weight: bold; 
				text-decoration: underline 
			}
			#hautALaUne {
				width: 400px;
				float: left;
				background-image: url(../images/haut.gif);
				height: 15px;
			}
			#basALaUne {
				width: 400px;
				float: left;
				background-image: url(../images/bas.gif);
				height: 15px;
			}
			div.imageALaUne {
				width: 100px;
				float: left;
				margin-left: 10px;
				clear: left;
			}
			div.texteALaUne {
				float: left;
				width: 270px;
				margin-left: 10px;
				clear: right;
			}
			div.blocALaUne {
				clear: both;
			}
		
	/*Zone "Noté pour vous"*/
		#notePourVous {
		float: left;
		width: 158px;
		text-align: left;
		clear: right;
	}
	
	/*Zone centrale des pages internes du site*/
		#corpsPage {
			width: 590px;
			float: left;
		}
		#blocTexte {
			width: 570px;
			float: left;
			text-align: left;
			background-color: #DBDBCE;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 0px;
			padding-top: 0px;
		}
		#haut {
			width: 590px;
			float: left;
			background-image: url(../images/haut2.gif);
			height: 15px;
		}
		#bas {
			width: 590px;
			float: left;
			background-image: url(../images/bas2.gif);
			height: 15px;
		}

/*Bas de la page*/
	#menuBas {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		text-align:center;
		background-image: url(../images/gris.jpg);
		padding-top: 7px;
		padding-bottom: 7px;
		clear: both;
	}
	#menuBas a:link  { 
		color: white; 
	}
	#menuBas a:visited  { 
		color: white; 
	}
	#menuBas a:hover  {
		color: white; 
	}
	#copyright {
		width: 800px;
		margin-top: 12px;
		padding-top: 7px;
		padding-bottom: 7px;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
		clear: both;
	}
	#banniere {
		width: 728px;
		height: 90px;
		margin-top: 12px;
		margin-left: auto;
		margin-right: auto;
		position:relative;
	}