@charset "UTF-8";

@media screen{
	p#chemin { display: none; }
	#global #contenu { padding: 350px 0 0 0; }
	
	.diaporama { position: absolute; top: 109px; left: 28px; }
	
	#texte { position: relative; float: left; display: inline; margin: 0; padding: 0; width: 374px; }
	#texte h1 {
		position: relative; margin: 0; padding: 0 0 0 30px;
		font-size: 1.8em; font-weight: normal; color: white; line-height: 30px;
		background: #b70042 url(../images/coin.png) no-repeat right top;
	}
	#texte #con_descriptif { margin: auto 0 2em 30px; font-size: 1.2em; line-height: 1.5em; }
	#texte #con_descriptif img { width: 135px; height: 95px; }
	
	#actualites { position: relative; float: left; display: inline; margin: 0 30px 0 20px; width: 340px; }
	#actualites h2 {
		position: relative; margin: 0; padding: 0 0 0 30px;
		font-size: 1.8em; font-weight: normal; color: #b70042;
		background: url(../images/picto-accueil.png) no-repeat left center;
	}
	#actualites ul { position: relative; margin: 0 0 0 30px; padding: 0; list-style: none; }
	#actualites li { border-bottom: 1px solid #eba7b9; }
	#actualites a { 
		display: block; padding: 1em 0; 
		color: black; text-decoration: none; line-height: 1.5em; 
	}
	#actualites a:hover { background: #f5e0e5; }
	#actualites strong.titre { display: block; font-weight: bold; font-size: 1.2em; }
	#actualites span.desc { display: block; font-size: 1.1em; }
	#actualites span.savoirplus { 
		display: block; padding: 0 0 0 10px; margin: auto 0 0 232px;
		color: #950036; line-height: 1.4em; font-size: 1.1em;
		background: url(../images/puce.png) no-repeat 0 5px; 
	}
	
	#enavant { position: relative; float: left; display: inline; margin: 0; width: 172px; }
	#enavant h2 { position: absolute; top: 0; left: -999em; }
	#enavant ul { position: relative; margin: 0; padding: 0; list-style: none; }
	#enavant li { margin: 0 0 5px 0; }
	#enavant a { display: block; color: black; text-decoration: none; }
	#enavant a:hover { background: #f5e0e5; }
	#enavant strong.titre {
		display: block; clear: left; margin: 0; padding: 3px; letter-spacing: -1px;
		font-size: 1.1em; font-weight: bold; color: white;
		background: #950036;
	}
	#enavant img { position: relative; float: left; display: inline; margin: 0 5px 5px 0; border: none; width: 50px; height: 50px; }
	#enavant span.desc { display: block; margin: 0 0 0 55px; }
	#enavant span.savoirplus { 
		display: block; padding: 0 0 0 10px; margin: auto 0 0 55px;
		color: #950036; line-height: 1.4em;
		background: url(../images/puce.png) no-repeat 0 5px; 
	}
}
@media print {
	.diaporama { display: none; }
	
	#texte h1, #actualites h2, #enavant h2 { font-size: 14pt; color: #b70042; font-weight: normal; }
	#texte #con_descriptif img { width: 150px; height: 112px; }
	#actualites, #enavant { clear: both; }
	#actualites ul, #enavant ul { position: relative; margin: 0 0 0 30px; padding: 0; list-style: none; border-bottom: 1px solid #eba7b9; }
	#actualites li, #enavant li { border-top: 1px solid #eba7b9; padding: 5pt 0; clear: left; }
	#enavant li { min-height: 75px; }
	#actualites a, #enavant a { color: black; text-decoration: none; line-height: 1.5em; }
	#actualites strong.titre, #enavant strong.titre { display: block; font-weight: bold; font-size: 12pt; }
	#actualites span.desc, #enavant span.desc { display: block; font-size: 10pt; }
	#actualites span.savoirplus, #enavant span.savoirplus { display: none; }
	#enavant img { position: relative; float: left; display: inline; margin: 0 5px 5px 0; border: none; }
}