@charset "UTF-8";

@media screen{
	#global #contenu { padding: 170px 0 0 0; width: 940px; }
	p#chemin { display: none; }
	#barreoutils .numero_2 { display: none; }
	
	#colonne1,
	#colonne2,
	#colonne3 { position: relative; float: left; display: inline; margin-right: 20px; width: 340px; }
	#colonne3 { width: 220px; margin: 0; }
	
	p#imageAccueil { margin: 0; }
	p#imageAccueil img { width: 340px; }
	
	h1#con_libelle { margin-top: 1em; font-size: 2.2em; line-height: 0.9em; }
	#con_descriptif {}
	
	#blocjumelage {}
	#blocjumelage h2 {
		margin: 1em 0 0 0;
		font-size: 1.8em; font-weight: bold; color: #027343;
		font-family: Trebuchet MS, Helvetica, sans-serif;
		text-transform: uppercase; 
	}
	#blocjumelage ul {
		position: relative; margin: 0.5em 0; padding: 0; overflow: auto;
		background: #8abb27;
	}
	#blocjumelage li { 
		position: relative; float: left; display: block; 
		margin: 20px 10px; width: 90px; text-align: center; 
	}
	#blocjumelage a { text-decoration: none; color: black; }
	#blocjumelage a img { border: none; }
	
	#blocsortie,
	#blocactualites { margin: 0 0 1em 0; }
	#blocsortie h2,
	#blocactualites h2 {
		margin: 0 0 0.3em 0; padding: 8px 0 0 36px;
		font-size: 1.8em; font-weight: bold; color: #027343;
		font-family: Trebuchet MS, Helvetica, sans-serif;
		text-transform: uppercase; 
	}
	#blocsortie h2 { background: url(../images/picto-sorties.png) no-repeat; }
	#blocactualites h2 { background: url(../images/picto-actus.png) no-repeat; }
	#blocactualites h2 { }
	#blocsortie ul,
	#blocactualites ul {
		position: relative;
		margin: 0; padding: 1em; list-style: none; max-height: 30em; overflow: auto;
		border: 1px solid #8abb27; background: white;
	}
	#blocsortie li,
	#blocactualites li { border-bottom: 1px dotted #b0b0b0; clear: both; }
	#blocsortie a,
	#blocactualites a {
		display: block; margin: 0.5em 0; 
		font-size: 1.1em; color: black; text-decoration: none; line-height: 1.3em; 
	}
	#blocsortie a:hover,
	#blocactualites a:hover { background-color: #efefef; }
	#blocsortie img,
	#blocactualites img { float: left; margin-right: 1em; border: 1px solid #027343; }
	#blocsortie .dateEve,
	#blocactualites .dateEve { display: block; color: #666; }
	#blocsortie strong.titre,
	#blocactualites strong.titre { display: block; font-size: 1.2em; font-weight: bold; }
	#blocsortie .desc,
	#blocactualites .desc { }
	#blocsortie .savoirplus,
	#blocactualites .savoirplus {
		display: block; line-height: 1.8em; margin-left: 226px;
		text-align: right; color: #027343;
		background: url(../images/puce-fleche.png) no-repeat 0 7px;
	}
	#blocsortie .tll,
	#blocactualites .tll {
		position: relative;
		display: block; line-height: 1.8em; margin-left: 230px;
		text-align: right; color: #027343;
		background: url(../images/puce-fleche.png) no-repeat 0 6px;
	}
	#blocsortie .tll a,
	#blocactualites .tll a { color: #027343; text-decoration: none; }
	
	#blocmiseenavant { }
	#blocmiseenavant h3 { position: absolute; top: 0; left: -999em; }
	#blocmiseenavant ul { margin: 0; padding: 0; list-style: none; }
	#blocmiseenavant li { }
	#blocmiseenavant a {
		position: relative; display: block; margin-bottom: 1em;
		font-size: 1.2em; line-height: 1.5em; color: black; text-decoration: none;
	}
	#blocmiseenavant strong.titre {
		display: block; margin: 0 0 0.3em; padding: 0.2em 0.5em;
		color: white; font-size: 1.1em; font-weight: bold; line-height: 1em;
		background: #027343;
	}
	#blocmiseenavant img { float: left; margin-right: 0.5em; border: 1px solid #027343; }
	#blocmiseenavant .desc { }
	#blocmiseenavant .savoirplus {
		display: block; margin-left: 120px;
		text-align: right; color: #027343;
		background: url(../images/puce-fleche.png) no-repeat 0 7px;
	}
	
	#coordonneesmairie {
		position: relative; margin: 1em 0; padding: 1em;
		background: #a1e519;
		-moz-border-radius: 1em; -webkit-border-radius: 1em;
	}
	#coordonneesmairie h2 { 
		margin: 0; 
		font-size: 1.1em; font-weight: bold; color: #027343; text-transform: uppercase; 
	}
	#coordonneesmairie p { font-size: 1.1em; line-height: 1.3em; }
	#coordonneesmairie a { color: black; }
	
}
@media print {
}
