/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-color:#fff;
		font-family:verdana;
		font-size:10px;
		color:#000;
		background-color:#fff;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:0;
	}
	
	
/* ============================== GABARIT */
	#global{
		width:995px;
		margin:auto;
		background-image:url(images/fond-page.gif);
		background-repeat:repeat-y;
	}
	
	#gauche{
		float:left;
		width:199px;
		padding:0 0 10px 0;
		background-image:url(images/barre-gauche.jpg);
		background-repeat:no-repeat;
	}
	
	#logoGauche{
		width:156px;
		padding:23px 0 0 27px;
	}
	
	#menuGauche{
		width:167px;
		margin:4px 0 0 13px;
		padding:0 0 124px 0;
		list-style:none;
		background-image:url(images/cles.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	
	#menuGauche li{
		width:167px;
		margin:0;
		padding:0;
		background-image:url(images/liseret-menu.gif);
		background-repeat:no-repeat;
		background-position:left top;
	}
	
	.menuFerme{
		display:block;
		width:157px;
		margin:0;
		padding:4px 5px 4px 5px;
		text-decoration:none;
		color:#fff;
		font-size:90%;
		text-align:right;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
		background-image:url(images/fond-transparent.gif);
		background-repeat:repeat;
		font-weight:bold;
	}
	
	.menuFerme:hover{
		background-color:#b5def1;
		color:#0c3a56;
		filter:alpha(opacity=80);
        -moz-opacity:0.8; 
        opacity:0.8;
		font-weight:bold;
	}
	
	.menuOuvert{
		display:block;
		width:157px;
		margin:0;
		padding:4px 5px 4px 5px;
		text-decoration:none;
		color:#000;
		font-size:90%;
		text-align:right;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
		background-color:#b5def1;
		filter:alpha(opacity=80);
        -moz-opacity:0.8; 
        opacity:0.8;
		font-weight:bold;
	}
	
	#menuGauche ul{
		width:167px;
		margin:0 0 0 0;
		padding:0;
		list-style:none;
		border-top:0;
		background-color:#d4ebf6;
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	.ferme{
		display:none;
	}
	
	.ouvert{
		display:block;
	}
	
	#menuGauche ul li{
		width:167px;
		margin:0;
		padding:0;
		background-image:none;
	}
	
	#menuGauche ul li a{
		display:block;
		width:157px;
		margin:0;
		padding:4px 5px 4px 5px;
		text-decoration:none;
		color:#000;
		text-align:right;
		background-image:url(images/fond-transparent.gif);
		background-repeat:repeat;
	}
	
	#menuGauche ul li a:hover, #menuGauche ul li a.sousMenuActif, #menuGauche ul li a.sousMenuActif:hover{
		color:#1f85b3;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
		background-image:url(images/fond-transparent.gif);
		background-repeat:repeat;
		background-color:#f2f9fc;
	}
	
	#logoVierzon{
		margin:40px 0 0 12px;
	}
	
	#coordonnees{
		margin:25px 0 0 0;
		width:179px;
		text-align:right;
		color:#fff;
		font-size:110%;
	}
	
	#coordonnees p{
		margin:0 0 14px 0;
	}
	
	#coordonnees a{
		color:#fff;
		text-decoration:none;
	}
	
	#coordonnees a:hover{
		text-decoration:underline;
	}
	
	#droite{
		float:left;
		width:796px;
	}
	
	#entete{
		position:relative;
		width:796px;
		height:227px;
	}
	
	#postit{
		position:absolute;
		top:74px;
		left:537px;
		z-index:20;
	}
	
	#texteBanniere{
		position:absolute;
		top:172px;
		left:22px;
		color:#ffcb05;
		font-weight:bold;
	}
	
	#menuHaut{
		position:absolute;
		top:194px;
		left:22px;
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#menuHaut li{
		float:left;
	}
	
	#menuHaut li#agenda{
		margin:7px 0 0 0;
		width:74px;
		font-size:110%;
	}
	
	#menuHaut li#agenda a, #menuHaut li#contact a{
		color:#fff;
		text-decoration:none;
	}
	
	#menuHaut li#agenda a:hover, #menuHaut li#contact a:hover{
		text-decoration:underline;
	}
	
	#menuHaut li#contact{
		padding:7px 0 0 0;
		width:98px;
		height:18px;
		font-size:110%;
		background-image:url(images/picto-contact.gif);
		background-repeat:no-repeat;
		background-position:51px 2px;
	}
	
	#menuHaut li#rechercheRapide{
		width:108px;
		margin:7px 0 0 0;
		font-size:110%;
		color:#fff;
	}
	
	#menuHaut li#rechercheRapideChamp{
		width:125px;
		margin:5px 0 0 0;
	}
	
	#menuHaut li#rechercheRapideChamp input{
		width:114px;
		height:15px;
		padding:0 2px 0 2px;
		background-color:#fff;
		border:0;
		font-family:verdana;
		font-size:11px;
		color:#0d4d7a;
	}
	
	#menuHaut li#rechercheRapideOk{
		width:17px;
		margin:6px 0 0 0;
	}
	
	#pied{
		padding:0 0 10px 0;
	}
/* ============================== GABARIT */


/* ============================== OZONE */
	#ozone{
		width:752px;
		padding:20px 22px 0 22px;
		margin:-2px 0 0 0;
		background-image:url(images/fond-contenu.jpg);
		background-repeat:no-repeat;
	}
	
	#ozone h1{
		margin:0 0 8px 0;
		padding:0;
		font-size:170%;
		font-weight:bold;
		color:#000;
	}
	
	#ozone h2{
		font-size:140%;
		margin:0 0 5px 0;
		padding:0;
		font-weight:bold;
		color:#000;
	}
	
	#ozone p{
		margin:0 0 16px 0;
		padding:0;
	}
	
	#ozone ul{
		margin:0 0 10px 3px;
		padding:0;
		list-style:none;
	}
	
	#ozone ul li{
		margin:0 0 6px 8px;
		padding:0 0 0 12px;
		background-image:url(images/puce-page.gif);
		background-repeat:no-repeat;
		background-position:2px 5px;
	}
	
	#ozone ol{
		margin:0 0 10px 23px;
		padding:0;
	}
	
	#ozone ol li{
		margin:0 0 6px 0;
		padding:0 0 0 0;
	}
	
	#ozone a{
		text-decoration:none;
		color:#4dabd6;
	}

	#ozone a:hover{
		text-decoration:underline;
	}
		
	#ozone table{
		margin:0 0 16px 0;
	}
	
	#ozone table{
		margin:0 0 16px 0;
		border-top:1px solid #4988b0;
		border-left:1px solid #4988b0;
	}
	
	#ozone table th{
		padding:4px 8px 4px 8px;
		text-align:left;
		color:#fff;
		background-color:#326a8e;
		border-bottom:1px solid #4988b0;
		border-right:1px solid #4988b0;
	}
		
	#ozone table td{
		padding:4px 8px 4px 8px;
		vertical-align:top;
		border-bottom:1px solid #4988b0;
		border-right:1px solid #4988b0;
	}
		
	#ozone table.map{
		margin:5px 0 0 0;
		border-left:0;
		border-top:0;
		border-right:0;
	}
		
	#ozone table.map td{
		border:0;
	}
		
		/* placement des images*/
		
		.imageAGauche{				/* image à gauche dans paragraphe */
			float:left;
			margin:0 10px 4px 0;
		}
		
		.imageADroite{				/* image à droite dans paragraphe */
			float:right;
			margin:0 0 5px 10px;
		}
		
		.imageCentre{				/* image centrée */
			text-align:center;
		}
		
		.imageAligneeDroite{		/* image alignée à droite */
			text-align:right;
		}
		
		#ozone table.map td.gaucheHaut{				/* colonne de gauche */
			padding:0 20px 0 0;		/* marge entre les colonnes */
			vertical-align:top;
			border:0;
		}
		
		#ozone table.map td.droiteHaut{				/* colonne de droite */
			padding:0;
			vertical-align:top;
			border:0;
		}
		
		#ozone table.map td.gaucheCentre{				/* colonne de gauche */
			padding:0 20px 0 0;		/* marge entre les colonnes */
			border:0;
			vertical-align:middle;
		}
		
		#ozone table.map td.droiteCentre{				/* colonne de droite */
			padding:0;
			border:0;
			vertical-align:middle;
		}
		
		#ozone table.map td.gaucheBas{				/* colonne de gauche */
			padding:0 20px 0 0;		/* marge entre les colonnes */
			vertical-align:bottom;
			border:0;
		}
		
		#ozone table.map td.droiteBas{				/* colonne de droite */
			padding:0;
			vertical-align:bottom;
			border:0;
		}
		
		/*------*/
		
		#ozone table.map td.gaucheHaut td{				/* colonne de gauche */
			color:#000;
			padding:3px;
			border-right:1px solid #4988b0;
			border-bottom:1px solid #4988b0;
		}
		
		#ozone table.map td.droiteHaut td{				/* colonne de droite */
			color:#000;
			padding:3px;
			border-right:1px solid #4988b0;
			border-bottom:1px solid #4988b0;
		}
		
		#ozone table.map td.gaucheCentre td{				/* colonne de gauche */
			color:#000;
			padding:3px;
			border-right:1px solid #4988b0;
			border-bottom:1px solid #4988b0;
		}
		
		#ozone table.map td.droiteCentre td{				/* colonne de droite */
			color:#000;
			padding:3px;
			border-right:1px solid #4988b0;
			border-bottom:1px solid #4988b0;
		}
		
		#ozone table.map td.gaucheBas td{				/* colonne de gauche */
			color:#000;
			padding:3px;
			border-right:1px solid #4988b0;
			border-bottom:1px solid #4988b0;
		}
		
		#ozone table.map td.droiteBas td{				/* colonne de droite */
			color:#000;
			padding:3px;
			border-right:1px solid #4988b0;
			border-bottom:1px solid #4988b0;
		}
/* ============================== OZONE */