@charset "UTF-8";

@media screen{
	#menugauche {  display: none; }
	#global #contenu { margin: 198px 20px 20px 20px; width: 940px;	}
	h1#con_libelle { position: absolute; top: 0; left: -999em; }
	p#chemin { top: 0; left: -999em; }
	
	/* descriptif */
	#con_descriptif { 
		position: relative; float: left; margin: 145px 24px 0 0; padding: 0; width: 320px;
		font-size: 1em; line-height: 1.4em;
	}
	#con_descriptif a.englobantimage, #con_descriptif span.englobantimage { border: none; }
	#con_descriptif img { border: none; }
	
	/* zone à la une */
	#alaune { 
		position: relative; float: left;
		margin: 0 30px 0 0; padding: 30px 0 0 0; width: 346px; 
		background: url(../images/spritesAlauneAccueil.png) no-repeat -346px -50px; 
	}
	#alaune h2 { position: absolute; top: 0; left: -999em; }
	#enavant {
		position: relative; margin: -30px 0 0 0; padding: 30px 0 0 0; width: 346px; 
		background: url(../images/spritesAlauneAccueil.png) no-repeat 0 -50px;  
	}
	#enavant ul { 
		margin: 0; padding: 0 0 2.5em 0; list-style: none;
		background: url(../images/spritesAlauneAccueil.png) no-repeat left bottom;  
	}
	#enavant li { display: block; clear: both; margin: 0 10px 0 28px; padding: 5px 0; }
	#enavant li a { display: block; font-size: 1.2em; font-weight: normal; color: white; text-decoration: none; }
	#enavant li a:hover { color: #eab9c2; }
	#enavant strong.titre {
		position: relative; display: block; margin: 0 0 0 -28px; padding: 0 0 0 28px; height: 23px;
		font-weight: bold; line-height: 19px;
		background:  url(../images/spritesAlauneAccueil.png) no-repeat -692px 0px;
	}
	#enavant span.desc { display: block; }
	#enavant span.savoirplus {
		display: block; float: right; padding-left: 13px;
		background: url(../images/spritesAlauneAccueil.png) no-repeat 0px 5px;
	}
	#enavant img { float: left; margin: 0 5px 0 0; border: none;  width: 70px;}
	#listeactus { 
		position: relative; margin: 0; padding: 0 0 1.5em 0; width: 346px; 
		background: url(../images/spritesAlauneAccueil.png) no-repeat right bottom;  
	}
	#listeactus ul { margin: 0 10px 0 15px; padding: 0; list-style: none; }
	#listeactus li { display: block; padding: 5px 0; border-bottom: 1px solid #e4e4e4; }
	#listeactus li a { 
		display: block; padding-left: 13px;
		font-size: 1.1em; font-weight: normal; color: black; text-decoration: none; 
		background: url(../images/spritesAlauneAccueil.png) no-repeat -346px 5px;
	}
	#listeactus li a strong { font-weight: normal; }
	#listeactus li a:hover { color: #c72c48; } 
	
	/* éléments de la colonne de droite */
	#colonnedroite {position: relative; float: left; margin: 0; padding: 0; width: 220px; }
	#dossiers { 
		position: relative; margin: 0 0 1.5em 0; padding: 30px 0 0 0; width: 220px; 
		background: url(../images/spritesDossierAccueil.png) no-repeat 0 -50px;
	}
	#dossiers h2 { position: absolute; top: 0; left: -999em; }
	#dossiers ul { 
		margin: 0; padding: 0 0 2em 0; list-style: none;
		background: url(../images/spritesDossierAccueil.png) no-repeat right bottom;  
	}
	#dossiers li { display: block; margin: 0 10px; padding: 5px 0; border-bottom: 1px solid #e4e4e4; }
	#dossiers li a { 
		display: block; padding-left: 13px;
		font-size: 1.2em; font-weight: normal; color: black; text-decoration: none; 
		background: url(../images/spritesDossierAccueil.png) no-repeat 0px 5px;
	}
	#dossiers li a strong { font-weight: normal; }
	#dossiers li a:hover { color: #666; } 
	#meteo { 
		position: relative; margin: 0 0 15px 0; padding: 30px 5px 0.5em 5px; width: 210px; 
		background: url(../images/spritesAujourdhuiAccueil.png) no-repeat 0 -50px;
	}
	#meteo h2 { position: absolute; top: 0; left: -999em; }
	#meteo .deco {
		position: absolute; left: 0; bottom: 0;
		display: block; width: 220px; height: 20px;
		background: url(../images/spritesAujourdhuiAccueil.png) no-repeat right bottom;  
	}
	#ephemeride { position: relative; float: left; display: inline; margin: 0 5px; width: 95px; }
	#ephemeride p { margin: 0; font-size: 0.9em; } 
	#meteo_c { position: relative; float: left; display: inline; margin: 0 5px 1em 5px; width: 95px; height: 62px; overflow: hidden; }
	#meteo_c .default { position: absolute; top: -15px; left: -2px; }
	#meteo p.lien { position: relative; clear: both;  }
	#meteo p.lien a {
		display: block; padding-left: 8px;
		font-size: 1em; color: #999; text-decoration: none; letter-spacing: -1px;
		background: url(../images/spritesAujourdhuiAccueil.png) no-repeat 0px 5px; 
	}
	#meteo p.lien a:hover { text-decoration: underline; }
	#coordonneesmairie, #coordonneesmairie a { font-size: 1em; color: #666; line-height: 1.3em; }
		
	/* diaporama */
	#YvreeShowcase {
		position: absolute; top: 12px; left: -5px;
		margin: 0; padding: 0; width: 330px; height: 121px;
		background: url(../images/spriteDiapoAccueil.png) repeat-x;
	}
	#YvreeShowcase #masker { position: absolute; top: 10px; left: 14px; margin: 0; padding: 0; width: 302px; height: 101px; list-style: none; overflow: hidden; }
	#YvreeShowcase .controls { position: absolute; top: 0;  display: block; width: 20px; height: 121px;  cursor: text; }
	#YvreeShowcase .previous { left: 0; background: url(../images/spriteDiapoAccueil.png) no-repeat 0px -242px; }
	#YvreeShowcase .next { right: 0; background: url(../images/spriteDiapoAccueil.png) no-repeat 0px -121px; }
	#YvreeShowcase .controls span { position: absolute; top: 0; left: -999em; }
	/*#YvreeShowcase ul { position: absolute; top: 10px; left: 14px; margin: 0; padding: 0; width: 302px; height: 101px; list-style: none; overflow: hidden;  }*/
	/*#YvreeShowcase ul { position: relative; margin: 0; padding: 0; height: 101px; list-style: none; }*/
	#YvreeShowcase ul { position: absolute; top: 0; left: 0; margin: 0; padding: 0; height: 101px; list-style: none; }
	/*#YvreeShowcase li { position: relative; display: block; float: left; width: 100px; height: 100px; }*/
	#YvreeShowcase li { position: absolute; display: block; width: 100px; height: 100px; }
	#YvreeShowcase li a { display: block; }
	#YvreeShowcase li a img {
		position: absolute; top: 50%; left: 50%;
		border: none;
	}
	#YvreeShowcase li a span { display: none;
		position: absolute; bottom: 0; left: 0; padding: 2px; width: 138px; height: 12px; overflow: hidden;
		font-size: 10px; letter-spacing: -1px; text-align: center;
		background: url(../images/accueil/transparent75.png);
	}
}
@media print {
}