/* CSS Document */

	body{
		margin:0;
		padding:0;
		font-family:verdana;
		font-size:10px;
		color:#000;
		background-color:#46a2f0;
		background-image:url(images/fond-degrade.jpg);
		background-repeat:repeat-x;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	.clear0{
		clear:both;
		height:0;
	}
	
	#repere{
		position:absolute;
		z-index:49;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
	}
	
	#globalCentre{
		width:915px;
		height:555px;
		margin:auto;
	}
	
	#accueilGauche{
		float:left;
		width:286px;
		height:507px;
		padding:48px 0 0 0;
		background-image:url(images/accueil-fond-gauche.jpg);
		background-repeat:no-repeat;
	}
	
	#logo{
		margin:0 0 37px 42px;
	}
	
	#accueilFlashGauche{
		margin:0 0 26px 38px;
	}
	
	#menuGauche{
		width:206px;
		margin:0 0 0 38px;
		padding:0;
		list-style:none;
	}
	
	#menuGauche li{
		margin:0 0 1px 0;
	}
	
	#menuGauche li a{
		display:block;
		width:184px;
		height:21px;
		padding:8px 0 0 19px;
		border-left:3px solid #b0d2f1;
		background-color:#b0d2f1;
		list-style:none;
		color:#103578;
		font-size:120%;
		font-weight:bold;
		text-decoration:none;
	}
	
	#menuGauche li a:hover{
		border-left:3px solid #103578;
	}
	
	#accueilDroite{
		float:left;
		width:629px;
	}
	
	#accueilEntete{
		width:629px;
		height:140px;
		background-image:url(images/accueil-fond-bandeau.jpg);
		background-repeat:no-repeat;
	}
	
	#accueilFlashEntete{
		float:left;
		width:394px;
		height:139px;
	}
	
	#accueilEnteteDroite{
		float:left;
		width:235px;
	}
	
	#accueilRecherche{
		height:40px;
		margin:0 0 0 4px;
		padding:6px 0 0 0;
	}
	
	#accueilRecherche label{
		float:left;
		width:76px;
		margin:5px 0 0 0;
		font-size:110%;
		color:#fff;
	}
	
	#champRecherche{
		float:left;
		width:120px;
		margin:2px 0 0 0;
		padding:0 3px 0 0;
	}
	
	#champRecherche input{
		width:114px;
		height:14px;
		border:1px solid #103578;
		padding:1px 2px 1px 2px;
		font-family:verdana;
		font-size:11px;
		color:#103578;
	}
	
	#okRecherche{
		float:left;
		width:31px;
	}
	
	#accueilStandard{
		width:231px;
		height:52px;
		padding:14px 0 0 0;
		background-image:url(images/accueil-fond-standard.gif);
		background-repeat:no-repeat;
		text-align:center;
		font-size:110%;
		font-weight:bold;
		color:#103578;
	}
	
	#accueilStandard span{
		font-size:190%;
	}
	
	#menu{
		width:694px;
		height:33px;
		margin:-1px 0 0 0;
		padding:0 0 0 66px;
		list-style:none;
		background-image:url(images/page-fond-menu.gif);
		background-repeat:no-repeat;
	}

	.menuItem{
		position:relative;
		float:left;
		padding:0 19px 0 0;
	}
	
	.menuLien{
		display:block;
		height:22px;
		padding:8px 0 0 0;
		text-align:center;
		color:#081b3e;
		font-size:120%;
		text-decoration:none;
		background:url(images/accueil-fond-menu.gif);
		background-repeat:repeat-x;
	}
	
	.menuLien:hover{
		background:#77a400;
		color:#fff;
	}
	
	#menu0, #lienMenu0{
		width:59px;
	}
	
	#menu1, #lienMenu1{
		width:149px;
	}
	
	#menu2, #lienMenu2{
		width:150px;
	}
	
	#menu3, #lienMenu3{
		width:96px;
	}
	
	#menu4, #lienMenu4{
		width:136px;
	}
	
	.sousMenu{
		display:none;
		position:absolute;
		top:30px;
		left:0;
		z-index:90;
		width:160px;
		margin:0;
		padding:0;
		list-style:none;
		background-color:#77a400;
		border-top:1px solid #043a6d;
	}
	
	.sousMenu li.sousMenuItem{
		width:160px;
		border-bottom:1px solid #fff;
	}
	
	.sousMenu li.sousMenuItemDernier{
		border-bottom:0;
	}
	
	.sousMenuLien{
		display:block;
		width:144px;
		padding:5px 8px 5px 8px;
		text-decoration:none;
		color:#fff;
		font-size:110%;
		background-color:#77a400;
	}
	
	.sousMenuLien:hover{
		background-color:#aadd04;
		color:#081b3e;
	}
	
	#actualites{
		float:left;
		width:289px;
		height:334px;
		margin:-1px 0 0 0;
		padding:48px 0 0 0;
		background-image:url(images/accueil-fond-actus.gif);
		background-repeat:no-repeat;
	}
	
	#actualites h1{
		width:230px;
		margin:0 0 15px 24px;
		padding:0 0 12px 17px;
		font-size:220%;
		font-weight:bold;
		font-style:italic;
		color:#00347c;
		background-image:url(images/accueil-liseret-actus.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	
	#listeActualites{
		width:247px;
		height:244px;
		margin:0 0 0 24px;
		padding:0;
		list-style:none;
		overflow:auto;
	}
	
	#listeActualites li{
		margin:0 0 14px 0;
		font-size:110%;
	}
	
	.aDroite{
		float:right;
		padding:0 10px 0 4px;
	}
	
	#listeActualites li a{
		color:#00367e;
		text-decoration:none;
	}
	
	#listeActualites li a:hover{
		text-decoration:underline;
	}
	
	#accueilContenu{
		float:left;
		width:340px;
		height:342px;
		margin:-1px 0 0 0;
		padding:40px 0 0 0;
		background-image:url(images/accueil-fond-contenu.jpg);
		background-repeat:no-repeat;
	}
	
	#accueilContenuContenu{
		height:290px;
	}
	
	#accueilContenu h1{
		margin:0 26px 21px 26px;
		font-size:140%;
		font-weight:bold;
		color:#fff;
	}
	
	#accueilContenu p{
		margin:0 26px 12px 26px;
		font-size:110%;
		color:#fff;
	}
	
	#accueilContenu p.carres{
		margin:0 26px 4px 26px;
	}
	
	#accueilContenu p.lireSuite{
		text-align:right;
	}
	
	#accueilContenu p.lireSuite a{
		color:#fff;
		text-decoration:none;
	}
	
	#accueilContenu p.lireSuite a:hover{
		text-decoration:underline;
	}
	
	#accueilPied{
		margin:0 0 0 26px;
		color:#fff;
		font-size:110%;
	}
	
	#accueilPied a{
		color:#fff;
		text-decoration:none;
	}
	
	#accueilPied a:hover{
		text-decoration:underline;
	}

	#global{
		width:981px;
		margin:auto;
		position:relative;
	}
	
	#pageGauche{
		position:absolute;
		z-index:35;
		top:0;
		left:0;
		width:285px;
		height:522px;
		padding:40px 0 0 0;
		background-image:url(images/page-fond-gauche.jpg);
		background-repeat:no-repeat;
	}
	
	#pageLogo{
		margin:0 0 22px 43px;
	}
	
	#sousMenuGauche{
		width:190px;
		margin:0 0 23px 38px;
		padding:21px 8px 21px 8px;
		background-color:#01428b;
	}
	
	#sousMenuGauche h2{
		margin:0 0 15px 0;
		padding:0 0 2px 20px;
		font-size:130%;
		font-weight:bold;
		color:#fff;
		background-image:url(images/fond-sous-menu-gauche.gif);
		background-repeat:no-repeat;
		background-position:0 1px;
	}
	
	#sousMenuGauche ul{
		width:190px;
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#sousMenuGauche ul li{
		width:190px;
		border-bottom:1px solid #fff;
	}
	
	#sousMenuGauche ul li.dernierSousMenuGauche{
		border-bottom:0;
	}
	
	#sousMenuGauche ul li a{
		display:block;
		width:180px;
		padding:5px;
		font-size:110%;
		color:#fff;
		text-decoration:none;
	}
	
	#sousMenuGauche ul li a:hover{
		background-color:#a9d2ff;
		color:#01428b;
	}
	
	#sousMenuGauche ul li a.sousMenuActif, #sousMenuGauche ul li a.sousMenuActif:hover{
		background-color:#c7e1fe;
		color:#01428b;
	}
	
	#pageDroite{
		margin:0 0 0 224px;
		width:757px;
	}
	
	#pageEntete{
		width:757px;
		height:143px;
		background-image:url(images/page-fond-bandeau.jpg);
		background-repeat:no-repeat;
	}
	
	#pageFlashEntete{
		float:left;
		width:407px;
		padding:0 0 0 112px;
	}
	
	#pageEnteteDroite{
		float:left;
		width:238px;
	}
	
	#pageStandard{
		width:231px;
		height:52px;
		margin:9px 0 0 0;
		padding:14px 0 0 0;
		background-image:url(images/page-fond-standard.gif);
		background-repeat:no-repeat;
		text-align:center;
		font-size:110%;
		font-weight:bold;
		color:#103578;
	}
	
	#pageStandard span{
		font-size:190%;
	}
	
	#pageContenu{
		width:757px;
		margin:-1px 0 0 0;
		padding:22px 0 0 0;
		background-image:url(images/page-fond-contenu.gif);
		background-repeat:no-repeat;
	}
	
	#pageChemin{
		margin:0 0 27px 102px;
		font-size:110%;
		color:#000;
	}
	
	#pageChemin a{
		color:#01428b;
		text-decoration:none;
	}
	
	#pageChemin a:hover{
		text-decoration:underline;
	}
	
	#pageChemin span{
		color:#01428b;
		text-decoration:underline;
	}
	
	#page{
		width:610px;
		padding:0 45px 1px 102px;
		background-image:url(images/page-fond-contenu-bas.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		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{
		width:722px;
		height:24px;
		padding:51px 35px 0 0;
		background-image:url(images/page-fond-pied.gif);
		background-repeat:no-repeat;
		text-align:right;
		color:#fff;
		font-size:110%;
	}
	
	#pagePied a{
		color:#fff;
		text-decoration:none;
	}
	
	#pagePied a:hover{
		text-decoration:underline;
	}
	
	#fiche{
		width:610px;
		padding:0 45px 1px 102px;
		background-image:url(images/page-fond-contenu-bas.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		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;
	}