/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
		text-decoration:none;
		border:none;
		list-style:none
	}
	body {
		font-family:arial, helvetica, sans-serif;
		font-size:68.75%
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:999px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		position:relative;
		width:100%;
		height:250px;
		background:url(../../img/structure/header.gif)
	}
/* --------------------------------------------------------- Accès rapide */
	#header #acces_rapide {
		position:absolute;
		top:6px;
		right:0;
		font-size:.8em;
		color:#865c4e
	}
	#header #acces_rapide li {display:inline}
	#header #acces_rapide li a {color:#865c4e}
	#header #acces_rapide li a:hover {
		color:#5a3b30;
		text-decoration:underline
	}
	#header #acces_rapide li label {
		cursor:pointer
	}
	#header #acces_rapide li label:hover {
		color:#5a3b30;
		text-decoration:underline
	}
/* --------------------------------------------------------- Langues et adresse */
	#header #langues {
		padding:30px 0 0 160px;
		font-size:.9em;
		color:#fff
	}
	#header #langues li {display:inline}
	#header #langues li img {
		padding:1px;
		background:#fff;
		border:solid 1px #6d4b3f
	}
	#header #langues li span.adresse {
		display:block;
		margin:-16px 0 0 70px
	}
/* --------------------------------------------------------- Logos */
	#header #logo {
		position:absolute;
		top:2px;
		left:40px
	}
	#header #logo_texte {
		float:left;
		margin:65px 5px 0 5px
	}
/* --------------------------------------------------------- Visuel */
	#header #fading_picture {
		float:left;
		margin:24px 0 0 0
	}
/* --------------------------------------------------------- Slogan */
	#header #slogan {
		float:left;
		margin:40px 0 0 6px
	}
	#header #slogan_print {display:none}
/* --------------------------------------------------------- Recherche et newsletter */
	#header #recherche, #header #newsletter {
		position:relative;
		float:left;
		width:211px;
		padding:15px 0 0 40px
	}
	#header #newsletter {padding:5px 0 0 40px}
	* html #header #newsletter {padding:2px 0 0 40px}
	* html #header #recherche, * html #header #newsletter {float:none}
	#header #recherche label.label_recherche {
		color:#fff;
		background:url(../../img/elements/puce_blanc.gif) no-repeat right;
		padding:0 7px 0 0
	}
	#header #newsletter label.label_newsletter {
		color:#000;
		background:url(../../img/elements/puce_noir.gif) no-repeat right;
		padding:0 7px 0 0
	}
	#header #recherche input.champ_outils, #header #newsletter input.champ_outils {
		float:left;
		width:142px;
		height:16px;
		padding:2px 0 0 3px;
		font-size:1em;
		border:solid 1px #5e730c;
		color:#353535;
		margin:2px 4px 0 0
	}
	#header #recherche .bt_vert, #header #newsletter .bt_vert {margin:3px 0 0 0}
	#header #newsletter span.message {
		position:absolute;
		top:42px;
		left:45px;
		width:100%;
		color:#ff0000
	}
	* html #header #newsletter span.message {top:40px}
/* --------------------------------------------------------- Bienvenue */
	#header #bienvenue {
		float:left;
		width:186px;
		padding:60px 0 0 65px;
		color:#5e730c;
		font-size:1.5em;
		font-weight:bold
	}
	#header #bienvenue label.vous_etes {font-size:.7em}
	#header #bienvenue select {
		font-size:.7em;
		margin:5px 0 0 15px;
		border:solid 1px #5e730c;
		color:#5a3b30
	}
	#header #bienvenue select option {padding:0 5px 0 0}
/* --------------------------------------------------------- Outils */
	#header #outils {
		float:left;
		padding:32px 0 0 15px
	}
	* html #header #outils {padding:28px 0 0 15px}
	*+html #header #outils {padding:28px 0 0 15px}
	#header #outils span.titre {
		float:left;
		color:#d9eb93;
		background:url(../../img/elements/fleche_vert.gif) no-repeat right;
		padding:0 8px 0 0;
		font-size:.9em;
		line-height:18px
	}
	* html #header #outils span.titre {line-height:normal}
	*+html #header #outils span.titre {line-height:normal}
	#header #outils ul {
		float:left;
		padding:0 0 0 10px
	}
	#header #outils ul li {
		display:inline;
		margin:0 0 0 10px
	}
	#header #outils img {vertical-align:middle}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:999px;
		background:url(../../img/structure/bg_main.gif) repeat-y;
		margin:1px 0 0 0;
		padding:0 0 20px 0
	}
/* --------------------------------------------------------- Compass */
	#main #compass {
  		color:#5a3b30;
		font-size:.9em;
		padding:5px 0 5px 115px
	}
	#main #compass ul {display:inline} 
	#main #compass ul li {
  		padding-left:2px;
  		display:inline
 	}
	#main #compass ul li.last {color:#0187c9}
 	#main #compass ul li a {color:#0187c9}
 	#main #compass ul li a:hover {text-decoration:underline}
/* --------------------------------------------------------- Left */
	#main #left {
		float:left;
		width:162px;
		padding:0 10px 0 7px
	}
/* ------------------------------------- Rubrique */
	#main #left .titre_rubrique {vertical-align:middle}
	#main #left #rubrique {
		width:145px;
		border-left:solid 1px #fff;
		border-right:solid 1px #fff;
		background:#37abe4;
		padding:3px 0 0 15px;
		font-size:1.1em
	}
	#main #left #rubrique li {
		background:url(../../img/elements/carre_blanc.gif) no-repeat 0 6px;
		padding:0 0 3px 8px
	}
	#main #left #rubrique li a {
		color:#fff;
		font-weight:bold;
		font-size:1.1em
	}
	#main #left #rubrique_bottom {
		width:162px;
		height:12px;
		font-size:0em;
		background:url(../../img/structure/arrondi_rubrique_bottom.gif);
		margin:0 0 15px 0
	}
/* ------------------------------------- Mairie */
	#main #left #mairie {
		width:145px;
		background:#94c1d7;
		padding:8px 0 0 15px
	}
	#main #left #mairie li {
		background:url(../../img/elements/puces_noir.gif) no-repeat 0 6px;
		padding:0 0 4px 12px
	}
	#main #left #mairie li a {color:#000}
	#main #left #mairie li a:hover {text-decoration:underline}
/* ------------------------------------- Boutons */
	#main #left #boutons {padding:15px 0 0 30px}
	#main #left #boutons li {padding:0 0 5px 0}
	#main #left #boutons li img {vertical-align:middle}
/* --------------------------------------------------------- Contenu */
	#main #contenu {
		float:left;
		width:528px;
		padding:10px 18px 0 29px;
		overflow:hidden;
		overflow-y:auto;
		color:#333
	}
	#main #contenu img {border:1px solid #754b23}
	#main #contenu div.half_left {
		float:left;
		width:50%
	}
	#main #contenu div.half_left div.titre_zoom {
		float:left;
		width:100%;
		color:#5e730c;
		font-size:2em;
		background:url(../../img/elements/dotted_vert.gif) repeat-x bottom
	}
	#main #contenu div.half_left div.titre_zoom img {margin:0 0 0 100px}



	#main #contenu div.half_left div.actualite, #main #contenu div.half_left div.actualite_alternate {padding:0 0 25px 0}
	#main #contenu div.half_left div.actualite span.rubrique, #main #contenu div.half_left div.actualite_alternate span.rubrique {
		float:left;
		width:96%;
		display:block;
		color:#0187c9;
		font-weight:bold;
		font-size:1.3em;
		border:none;
		margin:0 0 5px 0;
		background:url(../../img/elements/puces_bleu.gif) no-repeat 0 6px;
		padding:0 0 0 4%
	}
	
	#main #contenu div.half_left div.actualite span.titre, #main #contenu div.half_left div.actualite_alternate span.titre {
		float:none;
		border:none;
		margin:0;
		
		display:block;
		color:#5e730c;
		font-weight:bold;
		font-size:1.1em;
		text-decoration:none
	}
	#main #contenu div.half_left div.actualite a.titre:hover, #main #contenu div.half_left div.actualite_alternate a.titre:hover {text-decoration:underline}
	#main #contenu div.half_left div.actualite img, #main #contenu div.half_left div.actualite span {
		float:left;
		border:solid 1px #744a26;
		margin:10px 8px 0 0
	}
	#main #contenu div.half_left div.actualite_alternate img, #main #contenu div.half_left div.actualite_alternate span {
		float:right;
		border:solid 1px #744a26;
		margin:10px 0 0 8px
	}
	#main #contenu div.half_left div.actualite p, #main #contenu div.half_left div.actualite_alternate p {
		text-align:justify;
		padding:5px 0 0 0;
		line-height:18px
	}
	#main #contenu div.half_left div.actualite a, #main #contenu div.half_left div.actualite_alternate a {
		display:block
	}
	#main #contenu div.half_left div.actualite p a, #main #contenu div.half_left div.actualite_alternate p a {
		color:#5e730c;
		text-decoration:underline
	}
	#main #contenu div.half_left div.actualite p a:hover, #main #contenu div.half_left div.actualite_alternate p a:hover {text-decoration:none}
	#main #contenu table{
		clear:both;
	}
/* ------------------------------------- Zoom sur */
	#main #contenu div.half_right {
		float:left;
		width:43%;
		padding:0 0 0 7%
	}
	#main #contenu div.half_right div.titre_zoom {
		float:left;
		width:100%;
		color:#5e730c;
		font-size:2em;
		background:url(../../img/elements/dotted_vert.gif) repeat-x bottom
	}
	#main #contenu div.half_right div.titre_zoom img {margin:0 0 0 100px}
	#main #contenu div.half_right div.zoom, #main #contenu div.half_right div.zoom_alternate {
		float:left;
		padding:15px 0 0 0
	}
	#main #contenu div.half_right div.zoom img, #main #contenu div.half_right div.zoom span {
		float:left;
		border:solid 1px #744a26;
		margin:0 8px 0 0
	}
	#main #contenu div.half_right div.zoom_alternate img, #main #contenu div.half_right div.zoom_alternate span {
		float:right;
		border:solid 1px #744a26;
		margin:0 0 0 8px
	}
	#main #contenu div.half_right div.zoom span.titre, #main #contenu div.half_right div.zoom_alternate span.titre {
		float:none;
		border:none;
		margin:0;
		color:#0187c9;
		font-weight:bold;
		padding:0 10px 0 0
	}
	#main #contenu div.half_right div.zoom p, #main #contenu div.half_right div.zoom_alternate p {
		color:#707070;
		text-align:justify
	}
	* html #main #contenu div.half_right div.zoom p, * html #main #contenu div.half_right div.zoom_alternate p {float:left}
	#main #contenu div.half_right div.zoom a, #main #contenu div.half_right div.zoom_alternate a { 
		color:#707070;
		text-decoration:underline
	}
	#main #contenu div.half_right div.zoom a:hover, #main #contenu div.half_right div.zoom_alternate a:hover {text-decoration:none}
	#main #contenu div.half_right div.zoom a, #main #contenu div.half_right div.zoom_alternate a {
		display:block
	}
/* --------------------------------------------------------- Right */
	#main #right {
		float:left;
		width:245px
	}
/* ------------------------------------- Agenda */
	#main #right #titre_agenda {float:left}
	#main #right #agenda {
		float:left;
		width:223px;
		background:#d9eb93;
		border-left:solid 1px #5a3b30;
		border-right:solid 1px #5a3b30;
		color:#5a3b30
	}
	#main #right #agenda li {
		float:left;
		width:217px;
		padding:3px 3px;
		border-bottom:solid 2px #5a3b30
	}
	#main #right #agenda img, #main #right #agenda span {
		float:left;
		border:solid 1px #673b10;
		margin:0 8px 0 0;
		cursor:pointer
	}
	#main #right #agenda a {
		display:block;
		color:#5e730c;
		font-weight:bold
	}
	#main #right #agenda a:hover {text-decoration:underline}
	* html #main #right #agenda p {float:left}
	#main #right #agenda p a {
		font-weight:normal;
		text-decoration:underline
	}
	#main #right #agenda p a:hover {text-decoration:none}
	#main #right #calendrier {
		float:left;
		width:223px;
		border-left:1px solid #5b3b30;
		border-right:1px solid #5b3b30;
		border-top:5px solid #5b3b30;
		border-bottom:3px solid #5b3b30;
		text-align:center;
		background:#d9ec93;
		padding:10px 0
	}
	#main #right #agenda_bottom {
		float:left;
		width:225px;
		height:6px;
		font-size:0em;
		background:#5a3b30 url(../../img/structure/arrondi_agenda_bottom.gif) no-repeat bottom right;
		margin:0 0 15px 0
	}
/* ------------------------------------- Infos pratiques */
	#main #right #titre_infos {float:left}
	#main #right #infos {
		float:left;
		width:220px;
		padding:8px 0 10px 5px;
		background:#d9eb93 url(../../img/structure/arrondi_infos_bottom.gif) no-repeat bottom right;
		margin:0 0 15px 0
	}
	#main #right #infos ul {
		float:left;
		width:48%;
		padding:0 1% 5px 0
	}
	#main #right #infos ul li {
		background:url(../../img/elements/puces_vertes.gif) no-repeat 0 6px;
		padding:0 0 4px 12px
	}
	#main #right #infos ul li a {color:#5e730c}
	#main #right #infos ul li a:hover {
		color:#5a3b30;
		text-decoration:underline
	}
	#main #right #infos #plan_interactif {
		float:left;
		margin:0 0 0 27px
	}
/* ------------------------------------- Sondages */
	#main #right #titre_sondage {float:left}
	#main #right #sondage {
		float:left;
		width:220px;
		padding:8px 0 10px 5px;
		background:#d9eb93 url(../../img/structure/arrondi_infos_bottom.gif) no-repeat bottom right;
		margin:0 0 15px 0
	}
	#main #right #sondage p.question {
		padding:0 5px 20px 0;
		font-weight:bold;
		color:#5a3b30;
		text-align:justify
	}
	#main #right #sondage p.participation {
		padding:0 5px 0 0;
		text-align:justify;
		color:#5e730c
	}
	#main #right #sondage input {
		float:left;
		margin:-10px 0 0 0
	}
	* html #main #right #sondage input {margin:-12px 0 0 0}
	*+html #main #right #sondage input {margin:-12px 0 0 0}
	#main #right #sondage label {
		display:block;
		padding:0 5px 0 25px;
		color:#5a3b30;
		margin:-10px 0 0 0
	}
	#main #right #sondage div.vote {
		float:right;
		padding:10px 10px 0 0
	}
	#main #right #sondage div.sondage {
		float:left;
		padding:10px 0 0 10px
	}
/* ------------------------------------- Téléchargement */
	#main #right #titre_telechargement {float:left}
	#main #right #telechargement {
		float:left;
		width:221px;
		padding:8px 2px;
		background:#0187c9 url(../../img/structure/arrondi_upload_bottom.gif) no-repeat bottom right
	}
	#main #right #telechargement li {
		background:url(../../img/elements/puces_blanc.gif) no-repeat 0 6px;
		padding:0 0 5px 12px;
		margin:0 0 0 5px
	}
	#main #right #telechargement #tous_documents {
		margin:5px 0 0 5px;
		padding:10px 0 0 0;
		background:url(../../img/elements/dotted_bleuC.gif) repeat-x
	}
	#main #right #telechargement li a {
		color:#fff;
		font-weight:bold
	}
	#main #right #telechargement #tous_documents a {
		float:left;
		display:block;
		background:url(../../img/elements/puces_blanc.gif) no-repeat 0 6px;
		padding:0 0 0 12px;
	}
	#main #right #telechargement li a:hover {text-decoration:underline}
/* ------------------------------------- Météo */
	#main #right #meteo {
		float:left;
		padding:15px 0 0 62px
	}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		float:left;
		width:100%;
		background:#5a3b30;
		text-align:center;
		padding:3px 0
	}
	#footer li {
		display:inline;
		background:url(../../img/elements/carre_blanc.gif) no-repeat 0 6px;
		padding:0 0 0 7px;
		margin:0 5px
	}
	#footer li a {color:#fff}
	#footer li a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Copyright */
	.eContoo {
		float:left;
		width:100%;
		text-align:right;
		padding:5px 0 20px 0;
		color:#2a7ca6;
		font-size:.9em;
		background:url(../../img/structure/frise.gif) repeat-y
	}
	.eContoo span {
		position:relative;
		top:-9px
	}
	.eContoo span span {
		color:#bbb;
		position:static;
		font-size:.9em;
		margin:0 5px 0 0
	}
/* --------------------------------------------------------------------------------------------- Boutons extensibles */
	.bt_vert .left {
		float:left;
		width:2px;
		height:18px;
		background:url(../../img/boutons/left.png)
	}
	* html .bt_vert .left {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/library/chalons/gabarits/img/boutons/left.png',sizingMethod='crop');
		background-image:none
	}
	.bt_vert a.middle {
		float:left;
		display:block;
		height:18px;
		padding:2px 3px 0 3px;
		text-decoration:none;
		font-size:.9em;
		color:#5e730c;
		background:url(../../img/boutons/middle.png) repeat-x
	}
	* html .bt_vert .middle {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/library/chalons/gabarits/img/boutons/middle.png',sizingMethod='crop');
		background-image:none
	}
	.bt_vert a:hover.middle {text-decoration:none}
	.bt_vert .right {
		float:left;
		height:18px;
		width:3px;
		background-image:url(../../img/boutons/right.png)
	}
	* html .bt_vert .right {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/library/chalons/gabarits/img/boutons/right.png',sizingMethod='crop');
		background-image:none
	}
/* --------------------------------------------------------------------------------------------- Haut de page */
	#contenu span.haut_page {
		float:left;
		display:block;
		width:100%;
		background:url(../../img/elements/fleche_haut_bleu.gif) no-repeat right;
		text-align:right;
		font-family:"tahoma", verdana, arial, helvetica, sans-serif;
		font-size:.9em;
		text-transform:uppercase;
		margin:0 0 5px 0
	}
	#contenu span.haut_page a {
		color:#0287C8;
		text-decoration:none;
		padding:0 10px;
		background:url(../../img/elements/fleche_haut_bleu.gif) no-repeat 0 3px
	}
	#contenu span.haut_page a:hover {text-decoration:underline}