/* CSS Document */

	body{
		margin:0;
		padding:0;
		font-family:verdana;
		font-size:10px;
		color:#000;
		background-color:#efefef;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	a img{
		border:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	#repere{
		position:absolute;
		z-index:50;
		width:1px;
		height:1px;
		right:0;
		bottom:0;
	}
	
	#globalAccueil{
		width:700px;
		height:498px;
		margin:auto;
		background-image:url(images/fond-accueil.jpg);
		background-repeat:no-repeat;
	}
	
	#accueilMenuHaut{
		margin:0 0 0 177px;
		padding:0;
		list-style:none;
	}
	
	#accueilMenuHaut li{
		float:left;
		margin:0 1px 0 0;
	}
	
	#accueilMenuHaut li#accueilLienYzeure, #accueilMenuHaut li#accueilLienMoulins{
		width:121px
	}
	
	#accueilMenuHaut li#accueilLienAccessibilite, #accueilMenuHaut li#accueilLienPlanSite{
		width:104px
	}
	
	#accueilMenuHaut li a{
		display:block;
		height:18px;
		background-position:0 0;
		color:#fefefe;
		font-weight:bold;
		text-decoration:none;
	}
	
	#accueilMenuHaut li a:hover{
		background-position:0 -23px;
	}
	
	#accueilMenuHaut li#accueilLienYzeure a, #accueilMenuHaut li#accueilLienMoulins a{
		width:101px;
		padding:5px 0 0 20px;
		background-image:url(images/btn-accueil-1.gif);
	}
	
	#accueilMenuHaut li#accueilLienAccessibilite a{
		width:82px;
		padding:5px 0 0 22px;
		background-image:url(images/btn-accueil-3.gif);
	}
	
	#accueilMenuHaut li#accueilLienPlanSite a{
		width:76px;
		padding:5px 0 0 28px;
		background-image:url(images/btn-accueil-4.gif);
	}
	
	#bienvenue{
		margin:15px 0 0 237px;
	}
	
	#accueilMoulins{
		float:left;
		width:187px;
		height:70px;
		margin:316px 36px 0 0;
		padding:14px 0 0 31px;
		background-color:#005eae;
		color:#fff;
		font-size:110%;
	}
	
	#accueilMilieu{
		float:left;
		width:191px;
		margin:16px 52px 0 0;
	}
	
	#accueilLogo{
		margin:9px 0 0 20px;
	}
	
	#accueilRecherche{
		margin:16px 0 0 3px;
		width:162px;
		height:58px;
		padding:6px 0 0 20px;
	}
	
	#accueilRecherche h2{
		margin:0 0 0 1px;
		color:#fff;
		font-weight:bold;
		font-size:100%;
	}
	
	#accueilChampRecherche{
		float:left;
		width:114px;
		margin:4px 0 0 0;
		padding:0 3px 0 0;
	}
	
	#accueilChampRecherche input{
		width:106px;
		padding:2px 3px 2px 3px;
		border:1px solid #005525;
		font-family:verdana;
		font-size:11px;
		color:#00aa4b;
	}
	
	#accueilOkRecherche{
		float:left;
		width:21px;
		margin:5px 0 0 0;
		_margin:6px 0 0 0;
	}
	
	#accueilMenuMilieu{
		width:182px;
		margin:1px 0 0 3px;
		padding:0;
		list-style:none;
	}
	
	#accueilMenuMilieu li{
		width:182px;
		height:27px;
		margin:0 0 1px 0;
	}
	
	#accueilMenuMilieu li a{
		display:block;
		width:159px;
		height:20px;
		padding:7px 0 0 23px;
		background-color:#efefef;
		background-image:url(images/fleche-menu-accueil.gif);
		background-repeat:no-repeat;
		background-position:7px 0;
		font-size:110%;
		color:#444;
		text-decoration:none;
	}
	
	#accueilMenuMilieu li a:hover{
		background-color:#209ce1;
		background-position:7px -27px;
		color:#fefefe;
	}
	
	#accueilEmplois{
		display:block;
		width:91px;
		height:26px;
		margin:20px 0 0 36px;
		padding:2px 0 0 18px;
		background-image:url(images/btn-emplois-accueil.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		color:#2c2c2c;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#accueilEmplois:hover{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	#accueilYzeure{
		float:left;
		width:191px;
		height:70px;
		margin:316px 0 0 0;
		padding:14px 0 0 12px;
		background-color:#00aa4b;
		color:#fff;
		font-size:110%;
	}
	
	#global{
		width:995px;
		margin:auto;
		background-image:url(images/fond-page.gif);
		background-repeat:repeat-y;
	}
	
	#entete{
		width:995px;
		height:113px;
		background-image:url(images/fond-entete.gif);
		background-repeat:no-repeat;
		background-position:right top;
		background-color:#fff;
	}
	
	#logo{
		float:left;
		width:162px;
		padding:13px 0 0 22px;
	}
	
	#bandeau{
		float:left;
		width:759px;
		padding:15px 0 0 0;
	}
	
	#gauche1{
		float:left;
		width:183px;
		margin:0 1px 0 0;
		padding:0 0 50px 0;
	}
	
	#pageRecherche{
		width:162px;
		height:66px;
		padding:36px 0 0 21px;
		background-color:#005eae;
		background-image:url(images/fond-barre-gauche.gif);
		background-repeat:no-repeat;
	}
	
	#pageRecherche h2{
		margin:0 0 0 1px;
		color:#fff;
		font-weight:bold;
		font-size:100%;
	}
	
	#pageMenu{
		width:183px;
		margin:0;
		padding:0;
		border-top:1px solid #fff;
		list-style:none;
	}
	
	#pageMenu li{
		margin:0;
		padding:0;
		border-bottom:1px solid #fff;
	}
	
	#pageMenu li a{
		display:block;
		width:160px;
		height:20px;
		padding:7px 0 0 23px;
		background-image:url(images/fleche-menu-gauche.gif);
		background-repeat:no-repeat;
		background-position:8px 0;
		background-color:#007abe;
		color:#fefefe;
		font-size:110%;
		font-weight:bold;
		text-decoration:none;
	}
	
	#pageMenu li a:hover{
		background-color:#61bdf0;
		background-position:8px -27px;
	}
	
	#pageMenu li a.menu1Actif{
		background-color:#209ce1;
		background-position:8px -54px;
	}
	
	#pageMenu li a.menu1Actif:hover{
		background-color:#209ce1;
		background-position:8px -54px;
	}
	
	#pageMenu2{
		width:160px;
		margin:25px 0 0 11px;
		padding:0;
		list-style:none;
	}
	
	#pageMenu2 li{
		width:160px;
		margin:0;
		padding:0;
	}
	
	#pageMenu2 li a{
		display:block;
		width:130px;
		height:20px;
		padding:5px 0 0 30px;
		background-color:#209ce1;
		color:#fefefe;
		font-size:120%;
		text-decoration:none;
	}
	
	#pageMenu2 li a:hover{
		background-color:#61bdf0;
	}
	
	#pageMenu2 li#pageLienYzeure a, #pageMenu2 li#pageLienMoulins a{
		background-image:url(images/btn-page-1.gif);
		background-repeat:no-repeat;
		background-position:10px 0;
	}
	
	#pageMenu2 li#pageLienYzeure a:hover, #pageMenu2 li#pageLienMoulins a:hover{
		background-position:10px -25px;
	}
	
	#pageMenu2 li#pageLienAccessibilite a{
		background-image:url(images/btn-page-3.gif);
		background-repeat:no-repeat;
		background-position:11px 0;
	}
	
	#pageMenu2 li#pageLienAccessibilite a:hover{
		background-position:11px -25px;
	}
	
	#pageMenu2 li#pageLienPlanSite a{
		background-image:url(images/btn-page-4.gif);
		background-repeat:no-repeat;
		background-position:8px 0;
	}
	
	#pageMenu2 li#pageLienPlanSite a:hover{
		background-position:8px -25px;
	}
	
	#pageMenu2 li#pageLienYzeure a.menu2Actif, #pageMenu2 li#pageLienMoulins a.menu2Actif{
		background-color:#8dd0f6;
		background-position:10px -50px;
	}
	
	#pageMenu2 li#pageLienYzeure a.menu2Actif:hover, #pageMenu2 li#pageLienMoulins a.menu2Actif:hover{
		background-color:#8dd0f6;
		background-position:10px -50px;
	}
	
	#pageMenu2 li#pageLienAccessibilite a.menu2Actif{
		background-color:#8dd0f6;
		background-position:11px -50px;
	}
	
	#pageMenu2 li#pageLienAccessibilite a.menu2Actif:hover{
		background-color:#8dd0f6;
		background-position:11px -50px;
	}
	
	#pageMenu2 li#pageLienPlanSite a.menu2Actif{
		background-color:#8dd0f6;
		background-position:8px -50px;
	}
	
	#pageMenu2 li#pageLienPlanSite a.menu2Actif:hover{
		background-color:#8dd0f6;
		background-position:8px -50px;
	}
	
	#sidactif{
		display:block;
		width:160px;
		height:85px;
		margin:25px 0 0 11px;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#sidactif:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#offresEmploisPages{
		display:block;
		width:130px;
		height:20px;
		margin:15px 0 0 11px;
		padding:5px 0 0 30px;
		background-color:#209ce1;
		color:#fefefe;
		font-size:120%;
		text-decoration:none;
		background-image:url(images/btn-recherche.gif);
		background-repeat:no-repeat;
		background-position:8px 0;
	}
	
	#offresEmploisPages:hover{
		background-position:8px -25px;
		background-color:#61bdf0;
	}
	
	#gauche2{
		float:left;
		width:173px;
	}
	
	#gauche2 h1{
		text-align:right;
		margin:0;
		padding:0 3px 0 0;
	}
	
	#sousMenu{
		width:173px;
		margin:0;
		padding:14px 0 12px 0;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		list-style:none;
	}
	
	#sousMenu li{
		margin:0 0 2px 0;
		padding:0;
	}
	
	#sousMenu li a{
		display:block;
		width:147px;
		padding:4px 10px 5px 16px;
		font-size:110%;
		color:#fff;
		text-decoration:none;
		background-color:#00aa4b;
	}
	
	#sousMenu li a:hover{
		background-color:#007116;
	}
	
	#sousMenu li a.sousMenuActif{
		color:#004c0f;
	}
	
	#sousMenu li a.sousMenuActif:hover{
		color:#004c0f;
		background-color:#00aa4b;
	}
	
	#coordonnees{
		padding:14px 5px 5px 5px;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		color:#fff;
		text-align:center;
	}
	
	#coordonnees p{
		margin:5px 0 14px 0;
	}
	
	#page{
		float:left;
		width:638px;
	}
	
	#contenu{
		width:560px;
		padding:0 0 30px 26px;
		font-size:110%;
	}
	
	#contenu h1{
		margin:0 0 18px 0;
		padding:7px 0 7px 0;
		text-align:center;
		border-top:1px solid #00aa4b;
		border-bottom:1px solid #00aa4b;
		font-size:210%;
		font-weight:bold;
	}

	#contenu h2{
		margin:0 0 10px 0;
		font-size:140%;
		_font-size:130%;
		font-weight:bold;
	}
	
	#contenu p{
		margin:0 0 14px 0;
		padding:0;
	}
	
	#contenu a{
		text-decoration:none;
		color:#005eae;
	}
	
	#contenu a:hover{
		text-decoration:underline;
		color:#00aa4b;
	}
	
	#contenu ul{
		margin:0 0 14px 28px;
		padding:0;
		list-style:none;
	}
	
	#contenu ul li{
		margin:0 0 5px 0;
		padding:0 0 0 12px;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:3px 5px;
	}
	
	#contenu ul ul{
		margin:0;
		padding:3px 0 0 0;
		list-style:none;
	}
	
	#contenu ul ul li{
		margin:0 0 4px 15px;
		padding:0 0 0 10px;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:0 6px;
	}
	
	#contenu ol li{
		margin-bottom:5px;
	}
	


	#contenu table.map{
		margin:30px 0 0 0;
		border-left:0;
		border-top:0;
		border-bottom:0;
	}
	
	#contenu 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;
	}
	
	#contenu table.map td.gaucheHaut{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:top;
	}

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

	#contenu table.map td.gaucheCentre{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
	}
	
	#contenu table.map td.droiteCentre{				/* colonne de droite */
		padding:0;
	}
	
	#contenu table.map td.gaucheBas{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:bottom;
	}
	
	#contenu table.map td.droiteBas{				/* colonne de droite */
		padding:0;
		vertical-align:bottom;
	}
	
	#contenu table.map td.gaucheHaut table{				
		margin:0 0 14px 0;
	}
	
	#contenu table.map td.droiteHaut table{				
		margin:0 0 14px 0;
	}
	
	#contenu table.map td.gaucheCentre table{				
		margin:0 0 14px 0;
	}
	
	#contenu table.map td.droiteCentre table{				
		margin:0 0 14px 0;
	}
	
	#contenu table.map td.gaucheBas table{				
		margin:0 0 14px 0;
	}
	
	#contenu table.map td.droiteBas table{			
		margin:0 0 14px 0;
	}
	
	
	#contenu table.map td.gaucheHaut td{				
		border-right:1px solid #8dd0f6;
		border-bottom:1px solid #8dd0f6;
		padding:5px;
	}
	
	#contenu table.map td.droiteHaut td{				
		border-right:1px solid #8dd0f6;
		border-bottom:1px solid #8dd0f6;
		padding:5px;
	}
	
	#contenu table.map td.gaucheCentre td{				
		border-right:1px solid #8dd0f6;
		border-bottom:1px solid #8dd0f6;
		padding:5px;
	}
	
	#contenu table.map td.droiteCentre td{				
		border-right:1px solid #8dd0f6;
		border-bottom:1px solid #8dd0f6;
		padding:5px;
	}
	
	#contenu table.map td.gaucheBas td{				
		border-right:1px solid #8dd0f6;
		border-bottom:1px solid #8dd0f6;
		padding:5px;
	}
	
	#contenu table.map td.droiteBas td{			
		border-right:1px solid #8dd0f6;
		border-bottom:1px solid #8dd0f6;
		padding:5px;
	}
	
	#piedYzeure{
		font-family:arial;
		font-size:110%;
		color:#fff;
		background-color:#00aa4b;
		padding:5px 0 6px 0;
		margin:0 0 0 357px;
	}

	#piedMoulins{
		width:812px;
		padding:5px 0 6px 0;
		margin:-1px 0 0 183px;
		font-family:arial;
		font-size:110%;
		color:#fff;
		background-color:#007abe;
		border-top:1px solid #fefefe;
	}
	
	.asterisque{
		color:#00aa4b;
	}
	
	.plusPetit{
		font-size:95%;
	}
	
	#formulaireContact{
		padding:30px 0 0 100px;
	}
	
	.labelContact{
		float:left;
		width:80px;
		padding:2px 0 0 0;
	}
	
	.champContact{
		float:left;
		width:270px;
		margin:0 0 6px 0;
	}
	
	.champContact input{
		width:200px;
		padding:1px 2px 1px 2px;
		border:1px solid #b6b6b6;
		font-family:verdana;
		font-size:11px;
		color:#007abe;
	}
	
	.champContact input.champMoyen{
		width:120px;
	}
	
	.zoneAdresse{
		width:200px;
		height:40px;
		padding:1px 2px 1px 2px;
		border:1px solid #b6b6b6;
		font-family:verdana;
		font-size:11px;
		color:#007abe;
	}
	
	.zoneMessage{
		width:270px;
		height:100px;
		padding:1px 2px 1px 2px;
		border:1px solid #b6b6b6;
		font-family:verdana;
		font-size:11px;
		color:#007abe;
	}
	
	#envoyer{
		margin:10px 0 0 170px;
	}
	
	.opaque{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.translucide{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	.plusGrand{
		font-size:120%;
	}
	
	
/* ============================================ INFOBULLES PLANS */
	#plan{
		position:relative;
		width:450px;
		margin:auto;
	}
	
	#infoBulle{
		position:absolute;
		top:0;
		left:0;
		z-index:58;
		background-color:#ffffcc;
		border:1px solid #f21978;
	}
	
	#infoBulle h3{
		margin:0;
		padding:2px 4px 2px 4px;
		font-size:100%;
		font-weight:bold;
		color:#fff;
	}
	
	#infoBulle p{
		margin:3px 4px 6px 4px;
		font-size:90%;
		color:#000;
	}
	
	.visible{
		display:block;
	}
	
	.invisible{
		display:none;
	}

/* ============================================ INFOBULLES PLANS */