/* CSS Document */

	body{
		margin:0;
		padding:0;
		font-family:verdana;
		font-size:10px;
		color:#000;
		background-color:fff;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	.clear0{
		clear:both;
		height:0;
	}
	
	#global{
		width:630px;
	}
	
	#pageGauche{
		display:none;
	}
	
	#pageDroite{
		width:630px;
	}
	
	#pageEntete{
		display:none;
	}
	
	#menu{
		display:none;
	}
	
	#pageContenu{
		width:630px;
		background-image:none;
	}
	
	#pageChemin{
		display:none;
	}
	
	#page{
		width:630px;
		background-image:none;
		font-size:110%;
	}
	
	#page h1{
		margin:0 0 10px 0;
		padding:0 0 0 21px;
		font-size:160%;
		font-weight:bold;
		color:#01428b;
		background-image:url(images/picto-titre.gif);
		background-repeat:no-repeat;
		background-position:0 9px;
	}
	
	#page h2{
		margin:0 0 8px 0;
		padding:10px 0 1px 21px;
		font-size:140%;
		font-weight:bold;
		color:#01428b;
		border-bottom:1px solid #77a400;
		background-image:url(images/sous-titre-carre.gif);
		background-repeat:no-repeat;
		background-position:7px 16px;
	}
	
	#page p{
		margin:0 0 11px 0;
	}
	
	#page ul{
		margin:0 0 11px 20px;
		padding:0;
		list-style:none;
	}
	
	#page ul li{
		margin:0 0 6px 0;
		padding:0 0 0 10px;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:2px 5px;
	}
	
	#page ul.pageMenu{
		margin:0 0 11px 20px;
		padding:0;
		list-style:none;
	}
	
	#page ul.pageMenu li{
		margin:0 0 6px 0;
		padding:0 0 2px 20px;
		background-image:url(images/puce-fleches.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#page a{
		color:#678603;
		text-decoration:none;
	}
	
	#page a:hover{
		text-decoration:underline;
	}
	
	#page a.lienBleu{
		color:#01428b;
		font-weight:bold;
		text-decoration:none;
	}
	
	#page a.lienBleu:hover{
		text-decoration:underline;
	}
	
	.couleur{
		color:#01428b;
	}
	
	.infosUtiles{
		width:211px;
		padding:18px 14px 1px 14px;
		background-image:url(images/infos-utiles-haut.gif);
		background-repeat:no-repeat;
		background-color:#b3e218;
	}
	
	#page h2.infosUtilesTitre{
		padding:0 0 6px 33px;
		background-image:url(images/puce-infos-utiles.gif);
		background-repeat:no-repeat;
		background-position:2px 5px;
		border-bottom:1px solid #01428b;
	}
	
	.infosUtilesBas{
		width:239px;
		height:24px;
		background-image:url(images/infos-utiles-bas.gif);
		background-repeat:no-repeat;
	}
	
	#page a.infosUtilesEnSavoirPlus{
		color:#01428b;
		text-decoration:none;
	}
	
	#page a.infosUtilesEnSavoirPlus:hover{
		text-decoration:underline;
	}
	
	
/* ================================ placement des images */
	#page table.map{
		margin:0;
		border-left:0;
		border-top:0;
		border-bottom:0;
	}
	
	#page table.map td{
		border:0;
	}
	
	.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;
	}
	
	#page table.map td.gaucheHaut{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:top;
	}

	#page table.map td.droiteHaut{				/* colonne de droite */
		padding:0;
		vertical-align:top;
	}

	#page table.map td.gaucheCentre{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
	}
	
	#page table.map td.droiteCentre{				/* colonne de droite */
		padding:0;
	}
	
	#page table.map td.gaucheBas{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:bottom;
	}
	
	#page table.map td.droiteBas{				/* colonne de droite */
		padding:0;
		vertical-align:bottom;
	}
/* ================================ placement des images */
	
	#pagePied{
		display:none;
	}
	
	#fiche{
		width:630px;
		background-image:none;
		font-size:110%;
	}
	
	.gabaritRose a{
		color:#a90764;
		text-decoration:none;
	}
	
	.gabaritBleu a{
		color:#01428b;
		text-decoration:none;
	}
	
	.gabaritVert a{
		color:#90b710;
		text-decoration:none;
	}
	
	.gabaritJaune a{
		color:#d3ae00;
		text-decoration:none;
	}
	
	.gabaritRose a:hover, .gabaritBleu a:hover, .gabaritVert a:hover, .gabaritJaune a:hover{
		text-decoration:underline;
	}
	
	#fiche h1{
		margin:0;
		padding:0 0 3px 0;
		font-size:160%;
		font-weight:bold;
		background-image:url(images/fiche-carres.gif);
		background-repeat:no-repeat;
		background-position:right center;
	}
	
	.rose, .lienRose{
		color:#a90764;
	}
	
	.vert, .lienVert{
		color:#90b710;
	}
	
	.bleu, .lienBleu{
		color:#01428b;
	}
	
	.jaune, .lienJaune{
		color:#d3ae00;
	}
	
	.bordureRose{
		border-bottom:1px solid #a90764;
	}
	
	.bordureVert{
		border-bottom:1px solid #90b710;
	}
	
	.bordureBleu{
		border-bottom:1px solid #01428b;
	}
	
	.bordureJaune{
		border-bottom:1px solid #d3ae00;
	}
	
	#ficheSite{
		float:left;
		width:246px;
		margin:3px 0 0 0;
		font-size:110%;
	}
	
	#fichePole{
		float:left;
		width:364px;
		margin:3px 0 0 0;
		text-align:right;
		font-size:110%;
	}
	
	#ficheVisuel{
		float:left;
		width:313px;
		height:160px;
		margin:28px 0 0 0;
	}
	
	#ficheContact{
		float:left;
		width:297px;
		height:144px;
		margin:22px 0 0 0;
		padding:22px 0 0 0;
		text-align:center;
		background-repeat:no-repeat;
	}
	
	.angleRose{
		background-image:url(images/fiche-angle-rose.gif);
	}
	
	.angleVert{
		background-image:url(images/fiche-angle-vert.gif);
	}
	
	.angleBleu{
		background-image:url(images/fiche-angle-bleu.gif);
	}
	
	.angleJaune{
		background-image:url(images/fiche-angle-jaune.gif);
	}
	
	#ficheContact h3{
		margin:0 0 2px 0;
		font-size:130%;
		font-style:italic;
		font-weight:normal;
	}
	
	#ficheTel{
		margin:0 0 10px 0;
		font-size:160%;
		font-weight:bold;
	}
	
	#ficheAdresse{
		height:55px;
		margin:0 0 10px 0;
		font-size:130%;
	}
	
	#ficheEmail{
		margin:0;
		font-size:90%;
	}
	
	#ficheEmail a{
		text-decoration:none;
	}
	
	#ficheEmail a:hover{
		text-decoration:underline;
	}
	
	#fichePersonnel{
		float:left;
		width:195px;
		margin:28px 23px 0 0;
		padding:10px 10px 5px 10px;
		color:#fff;
		text-align:center;
		background-repeat:no-repeat;
		background-position:6px top;
	}
	
	.fondRose{
		background-color:#a90764;
		background-image:url(images/fiche-carre-rose.gif);
	}
	
	.fondVert{
		background-color:#9ec51c;
		background-image:url(images/fiche-carre-vert.gif);
	}
	
	.fondBleu{
		background-color:#01428b;
		background-image:url(images/fiche-carre-bleu.gif);
	}
	
	.fondJaune{
		background-color:#d3ae00;
		background-image:url(images/fiche-carre-jaune.gif);
	}
	
	#fichePersonnel h3{
		margin:0 0 2px 0;
		font-size:130%;
		font-style:italic;
		font-weight:normal;
	}
	
	#fichePersonnel p{
		margin:0 0 15px 0;
		font-size:110%;
	}
	
	#ficheTexte{
		float:left;
		width:366px;
		margin:28px 0 0 0;
	}
	
	#ficheTexte h3{
		margin:0 0 2px 0;
		font-size:130%;
		font-weight:bold;
	}
	
	#ficheTexte p{
		margin:0 0 14px 0;
		font-size:110%;
	}
	
	#fichePlan{
		margin:28px 0 0 0;
	}
	
	.asterisque{
		color:#9bc60e;
	}
	
	#formulaireContact{
		padding:15px 0 14px 0;
	}
	
	#formulaireContact label{
		display:block;
		float:left;
		width:100px;
		padding:4px 0 0 0;
		font-size:110%;
	}
	
	.petitChamp, .moyenChamp, .grandChamp, .zoneMessage, .zoneAdresse{
		display:block;
		float:left;
		margin:0 0 6px 0;
		padding:2px 3px 2px 3px;
		border:1px solid #c8c8c8;
		background-color:#fff;
		font-size:12px;
		font-family:verdana;
		color:#01428b;
	}
	
	.petitChamp{
		width:96px;
	}
	
	.moyenChamp{
		width:150px;
	}
	
	.grandChamp{
		width:240px;
	}
	
	.zoneMessage{
		width:290px;
		height:110px;
	}
	
	#envoyer{
		margin:3px 0 0 170px;
	}
	
	#annuaire{
		padding:0 0 14px 0;
		color:#01428b;
	}
	#annuaire span{
		font-family:verdana;
		font-size:120%;
	}

	#annuaire h3{
		float:left;
		width:174px;
		margin:6px 0 0 0;
		padding:0 0 0 20px;
		font-size:100%;
		font-weight:normal;
		color:#021c4a;
	}
	
	.champAnnuaire{
		padding:0 0 0 20px;
	}
	
	#annuaireForm{
		margin:5px 0 0 0;
	}
	
	#annuaire select{
		float:left;
		display:block;
		margin:5px 5px 0 0;
		background-color:#f2fbd3;
		font-family:verdana;
		font-size:11px;
		color:#021c4a;
	}
	
	.annuaireEnvoyerRecherche{
		float:left;
		margin:2px 5px 0 0;
	}