/* styles de la home page (hp) */
/* écransement de style.css chargé avant */

/* ---------------------- STRUCTURE DESCENDANTE ---------------------- */

body {	
	margin: 0 auto;
    padding-top: 0px;
	text-align:center;
	background-color: #DBE6C8; /* changement vers le vert */
}


/* page : entre bandeau menu et footer */
#page{
	width: 997px;
	height: 601px;
	background-color: #dbe6c8;

	margin: 0px auto;
	padding-top: 0px;
	padding-left: 10px !important;
	padding-left: 15px;

	text-align: left;
	font: 12px normal verdana, arial, helvetica, sans serif;
	position: relative;
	border: none;
}


/* Haut de page */
#head {
	width: 950px;
	height: 26px;
	background-image: none;
	border: none;
	text-align: right;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	color: #544F15;
	margin: 0 auto;
}
#head a{text-decoration:none; color:#544F15;}
#head a:hover{text-decoration: underline;}  

/* Fin Haut de page */


/* Bandeau de page */
#band {
	width: 940px;
	height: 83px;
	background-image: none;
	border: none;
	text-align: left;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	color: #544F15;
	margin: 0 auto;
	padding-left: 0px !important;
	padding-left: 19px;
}
#band a{text-decoration:none; color:#544F15;}
#band a:hover{text-decoration: underline;} 

#band h1{font: 14px normal Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #544F15; padding: 0px; margin: 0 55px 0 70px; text-align: left; float: left;} 
#band h2{font: 12px normal Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; color: #544F15; padding: 0px; margin: 0px; text-align: left;}

/* Fin Haut de page */


/* blocs : entre band et footer */

#bloc-haut {
	width: 972px;
	height: 196px !important;
	height: 200px;
	background-color: transparent;	
	margin: 0 auto;
	padding-top: 5px;
	padding-left: 22px;
	text-align: left;
	font: 12px normal verdana, arial, helvetica, sans serif;
	position: relative;
	border: none;
}
#bloc-bas {
	width: 972px;
	height: 210px;
	background-color: transparent;	
	margin: 0px auto;
	padding-top: 18px;
	padding-left: 22px;
	text-align: left;
	font: 12px normal verdana, arial, helvetica, sans serif;
}

	.separer{
		float: left;
	}

	#decouvrez{
		float: left;
		width: 219px;
		height: 173px;
		font-size: 0px;
	}
	
	#style{
		float: left;
		width: 400px;
		height: 173px;
		background-color: #000;
	}
	
	#zoom{
		float: left;
		width: 219px;
		height: 173px;
		font-size: 0px;
		background-image: url(accueil/zoom-ill-sans-texte-titre.jpg);
		background-repeat: no-repeat;
		background-position: 0 17px;
		vertical-align: text-bottom;
	}
	#zoom p{
		padding: 0px;
		margin: 0px auto;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		height: 114px;
	}
		#zoom a{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #FFFFFF;
			text-decoration: none;
			letter-spacing: 1px;
			padding-right: 30px;		
		}
		#zoom a:hover{
			text-decoration: underline;
		}
	
	#projet-titre{
		float: left;
		clear: left;
		width: 17px;
		height: 210px;
		padding-left: 2px !important;
		padding-left: 0px;
	}
	#projet{
		float: left;
		width: 650px;
		height: 210px;
		background-color: #000000;
	}
	
	#projet h3{
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 0px;
		padding-bottom: 5px;
	}
	
	#mediatheque{
		float: left;
		width: 219px;
		height: 210px;
	}


/* fin blocs : entre band et footer */

/* début Projet : ajax */

#dessus a{
  	color: #FFFFFF;
	text-decoration: none;
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: text-top;
	border-right: 1px solid #7f730d;
	padding-left: 5px;
	background: url(commun/chemin-ferme.gif) no-repeat 5px 4px;
	padding: 0 10px 0 15px;
  }
  #dessus a:hover{
  	text-decoration: underline;
	background: url(commun/chemin-ouvert.gif) no-repeat 5px 4px;
  }
  
  #dessus{
  width: 650px;
  height: 14px;
  border: 1px solid #7f730d;
  border-width: 1px 0 1px 0;
  margin: 0 0 3px 0;
  color: #7f730d;
  font: 11px normal Verdana, Arial, Helvetica, sans-serif;
  }
  
 
  
  .cell{
  	height: 195px; 
	width: 640px;
	color: #FFFFFF;
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	
	letter-spacing: 0.1mm !important;
	letter-spacing: 0px;
	}
	.cell p{
	margin: 0 0 10px 0;
	}
	.cell a{
	color: #FFFFFF;
	}

/* fin Projet : ajax */

	
	
	

/* Pied de page */
#footer {
	width: 940px;
	height: 26px;
	background-image: none;
	background-repeat: repeat-x;
	background-position: bottom;
	border-left: none;
	border-right: none;
	border-bottom: none;
	text-align: center;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	color: #544F15;
	margin: 0 auto;
	
	padding-top: 26px;
}
#footer a{text-decoration:none; color:#544F15;}
#footer a:hover{text-decoration: underline;}  

/* Fin Pied de page */





/* ---------------------- CLASSES ET ELEMENTS UNIQUES ---------------------- */

/* menu accueil */

.menuaccueil {width: 219px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.menuaccueil ul{ padding: 0px; margin: 0px;list-style-type: none;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold;}
.menuaccueil li{margin: 0 0 2px 0;}
.menuaccueil a{display: block;width: 199px !important;width: 219px;background-color: #f4f4f4;}
.menuaccueil a:link, .navlist a:visited{text-decoration: none;background: url(accueil/decouvrez-out.jpg) no-repeat;padding: 0 0 0 20px;color: #544F15;background-color: #f4f4f4;}
.menuaccueil a:hover{background: url(accueil/decouvrez-over.jpg) no-repeat;background-color: #dbe6c8;}

/* fin menu accueil */


/* positionnements */
.float-left { /* images */
	float:left;
	margin-right:5px;
}

.float-right { /* images */
	float:right;
	margin-left:10px;
	margin-right: 10px;
}


/* fin positionnements */