/* CSS Document */

/* BALISES HTML GLOBALE */
* {
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	padding: 0;
	text-align: center;
	background: url(images/home_bg_body.gif) repeat-y center #e7e3dc;
}

a img {
	border: none;
}

/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#liensevitement { /* Block contenant les liens d'evitement */
	width: 880px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
		
	text-align: right;
	color: #fff;
	
	font-size: 0.7em;
}

#liensevitement a { /* Les liens d'evitement */
	color: #fff;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  /* Rollover des liens d evitement */
	color: #E7E3DC;
}

h2.access {  /* Balise H2 masquee */
	position: absolute;
	z-index: 100;
	top:-10000px;
}


/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form#recherche {  /* Formulaire */
	width: auto;
	padding: 0 0 4px 0;
	background: transparent;
}
#recherche p {  /* Formulaire */
	width: 127px;
	height: 20px;
	margin: 0;
	background: url(images/home_bg_recherche.gif) no-repeat left;
	padding: 0 0 0 5px;
	margin: 0 0 0 718px;
}

#recherche label { /* Label */
	display: none;
}

#recherche input { 
	vertical-align: middle;
	border: none;
	width: auto;
}

#recherche input#Rechercher { /* Champ de saisie */
	color: #4c4c4c;
	font-size: 0.8em;
	width: 103px;
	text-align: left;
	background: transparent;
}


/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#conteneur { /* Conteneur global */
	/* background-color: #fff; */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 882px;
	z-index: 1;
	text-align: left;
}

h1 {
	float: left;
	display: inline;
	margin: -155px 0 0 0;
}
#bandeau {
	background: url(images/page_bandeau.jpg) no-repeat top right;
	width: 882px;
	height: 155px;
	clear: both;
}


/* COLONNE GAUCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#colonne_gauche { /* Colonne gauche */
	display: inline;
	float: left;
	width: 147px;
	word-wrap: break-word;
}

#colonne_gauche ul {
	list-style-type: none;
}
	/* BLOCK SOUS MENU */
	#block_menu_bg {
		background: url(images/block_ssmenu_bg.gif) repeat-y;
	}
	
	#block_menu_bas {
		background: url(images/block_ssmenu_bas.gif) no-repeat bottom;
		padding: 0 0 25px 0;
	}
	
	#block_2 {
		background: url(images/block_2_bg.gif) repeat-x;
		padding: 18px 11px 20px 8px;
		width: 126px;
		margin: 3px 0 0 0;
	}


	/* ASSOS ET MEDIATHEQUE */
	#block_assos_bg {
		background: url(images/block_assos_bg.gif) repeat-y;
		width: 125px;
		float: left;
		display: inline;
		margin: 0 0 15px 0;
	}
	#block_assos_haut {
		background: url(images/block_assos_haut.gif) no-repeat top left;
		padding: 5px 0 0 0;
	}
	#block_assos_bas {
		background: url(images/block_assos_bas.gif) no-repeat bottom left;
		padding: 0 8px 6px 8px;
	}
	#block_assos_bas li {
		margin: 1px 0 2px 0;
	}
	
	#block_assos_bas li a {
		color: #544036;
		font-size: 0.8em;
		text-decoration: none;
		background: url(images/puce_assos.gif) no-repeat 0 0.2em;
		padding: 0 0 0 16px;
	}
	#block_assos_bas li a:hover, #block_assos_bas li a.on {
		text-decoration: underline;
	}


	/* Aqualib  */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#aqualib {
		text-align: center;
	}

	/* Menu rester informé  */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	h2.informe {
		margin: 24px 0 0 0;
		text-align: center;
	}
	ul#informe {
		padding: 11px 0 0 0;
	}
	
	ul#informe li {
		background: url(images/home_puce2.gif) no-repeat 0 0.2em;
		padding: 0 0 8px 15px;
		line-height: 0.75em;
	}
	ul#informe li a {
		color: #ea9007;
		font-size: 0.7em;
		font-weight: bold;
		text-decoration: none;
	}
	ul#informe li a:hover, ul#informe li a.actif {
		text-decoration: underline;
	}

	/* Menu se déplacer  */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	h2.deplacer {
		margin: 24px 0 0 0;
		text-align: center;
	}
	ul#deplacer {
		padding: 8px 0 0 0;
	}
	
	ul#deplacer li {
		background: url(images/home_puce3.gif) no-repeat 0 0.2em;
		padding: 0 0 5px 14px;
		line-height: 0.75em;
	}
	ul#deplacer li a {
		color: #716058;
		font-size: 0.7em;
		font-weight: bold;
		text-decoration: none;
	}
	ul#deplacer li a:hover, ul#deplacer li a.actif {
		text-decoration: underline;
	}
	ul#deplacer li.planterritoire {
		background: url(images/home_puce3.gif) no-repeat 0 50%;
	}
	
	ul#deplacer li.planterritoire a {
		display: block;
		background:  url(images/planterritoire.gif) no-repeat 0 0;
		padding: 8px 0 4px 55px;
	}
	
/* COLONNE DROITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_droite {	
	z-index: 50;	
	float: left;
	display: inline;
	width: 735px;
}

.sf-navbar {
	margin: 15px 0 0 32px;

}

#contenugauche {
	width: 477px;
	float: left;
	display:inline;
	padding: 0 0 30px 40px;
	background: url(images/puce_h2.gif) 0 60px no-repeat;
}

#contenudroite{
	width: 193px;
	float: right;
	display:inline;
	padding: 0 0 30px 0;
	margin: 8em 0 0 0;
	word-wrap: break-word;
}
	#contenudroite ul {
		list-style-type: none;
	}

/* Flux rss */
#rss {
	background: url(images/bg_rss.gif) repeat-y;
	padding: 4px 0 4px 0;
}
#rss a {
	background: url(images/picto_rss_rub.gif) no-repeat 7px 50%;
	padding: 0 0 0 30px;
	font-size: 0.8em;
	color: #E28A06;
	text-decoration:none;
}

#rss a:hover {
	text-decoration:underline;
}

/* PIED DE PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { /* Block pied de page */
	padding: 17px 0 10px 0;
	margin: 0 0 0 0;
}

	/* Adresse */
	#footer p.adresse { /* Liste */
		float: left;
		width: 385px;
		color: #95aed5;
		font-size: 0.7em;
		display: inline;
		text-align: left;
		margin: 2px 0 0 8px;
	}

	/* Menu divers */
	#menu_divers_bg {
		background: url(images/block_divers_bg.gif) repeat-y right;
		width: 396px;
		float: right;
		display: inline;
		margin: 0 46px 0 0;
	}
	#menu_divers_haut {
		background: url(images/block_divers_haut.gif) no-repeat top left;
		padding: 3px 0 0 0;
	}
	#menu_divers_bas {
		background: url(images/block_divers_bas.gif) no-repeat bottom left;
		padding: 0 0 6px 0;
	}
	
	#footer ul { /* Liste */
		list-style-type: none;
		font-size: 0.78em;
		position: relative;
		text-align: left;
		padding-left: 30px;
		width: 366px;
	}
	#footer ul li { /* Liste */
		display: inline;
		color: #fff;
	}
	#footer ul li a { /* Liste */
		color: #fff;
		text-decoration: none;
	}
	#footer ul li a:hover { /* Liste */
		color: #fff;
		text-decoration: underline;
	}
	.picto_rss {
		position: absolute;
		top: -12px;
		left: 6px;
	}


/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* pour "pousser" si presence de float */
/* penser à placer un   pour eviter le bug sous netscape (page à rallonge) */ 
.clear {
	clear: both;
	height: 0px; /* correction page a rallonge sous netscape*/
	line-height: 0px;
	font-size: 1px;
}
.clearliste {
	clear: both;
}

/* Pour affichage correct PNG */
.format_png { behavior: url(win_png.htc); }

.imprimer { /* paragraphe bouton Imprimer */
	float: right;
	margin-top: 10px;
}
.siimprimer { /* masquage image bandeau imprimer */
	display: none;
}