@charset "UTF-8";
@media screen {
	p#chemin { display: none; }
	
	#contenu,
	#coldroite { margin-bottom: 0; }
	
	#c1Accueil { position: relative; float: left; display: inline; margin: 0 20px 0 0; padding: 0 0 3em 0; width: 275px; }
	#c2Accueil { position: relative; float: left; display: inline; margin: 0; padding: 0 0 3em 0; width: 375px; }
	
	#metiersAccueil {
		position: relative; margin: 0 0 1.5em 0; padding: 205px 0 0 0;
		background: url(../images/metiersAccueil.png);
	}
	#metiersAccueil p.img { position: absolute; top: 0; left: 0; margin: 0; width: 275px; height: 200px; overflow: hidden; }
	#metiersAccueil p.img img { position: absolute; top: 0; left: 0; width: 275px; }
	#metiersAccueil p.img .masker {
		position: absolute; top: 0; left: 0; display: block; width: 275px; height: 200px;
		background: url(../images/t-metiers-accueil.png) no-repeat;
	}
	#metiersAccueil .deco {
		position: relative; display: block; width: 100%; height: 21px;
		background: url(../images/metiersAccueilBottom.png);
	}
	#metiersAccueil h3 { position: absolute; top: 0; left: -999em; }
	#metiersAccueil ul { margin: 0 10px; padding: 0; list-style: none; }
	#metiersAccueil li { margin-bottom: 5px; }
	#metiersAccueil a {
		display: block; padding: 7px 0 0 0; margin-bottom: 10px;
		font-size: 1.2em; font-weight: bold; color: #555859; text-transform: uppercase; text-decoration: none;
		line-height: 1em;
		background: url(../images/f-metier-top.png) no-repeat;
	}
	#metiersAccueil a span {
		display: block; padding: 0 5px 5px 5px;
		background: url(../images/f-metier-bottom.png) no-repeat left bottom;
	}
	#metiersAccueil a:hover span { color: #de353a; }
	
	#formationsAccueil { margin: 4px; padding-bottom: 2px; background: #e2dfcf; }
	#formationsAccueil h3 {
		margin: -4px; padding: 10px; width: 255px; height: 19px; line-height: 19px;
		font-size: 1.6em; font-weight: normal; color: #ec7404; text-align: center;
		background: url(../images/f-h3-formations-accueil.png);
	}
	#formationsAccueil ul { margin: 6px; padding: 0; list-style: none; background: #ec7404; }
	#formationsAccueil li { border-bottom: 1px solid #e2dfcf; }
	#formationsAccueil a {
		display: block; padding: 5px; 
		font-size: 1.2em; color: white; text-decoration: none; 
	}
	#formationsAccueil .toutelaliste { margin: 0 6px; border-bottom: none; padding-left: 13em; background: #e2dfcf; }
	#formationsAccueil .toutelaliste a {
		padding: 5px 0 5px 1em; line-height: 1.2em;
		font-family: arial; color: #de353a; font-size: 1.1em; text-decoration: none;
		background: #e2dfcf url(../images/sprite.png) no-repeat -570px 0.7em;
	}
	#formationsAccueil .toutelaliste a:hover { text-decoration: underline; }
	
	#agenda { margin: 0 0 1em 0; }
	#agenda h3 {
		position: relative; margin: 0 0 0.5em 0; width: 375px; height: 39px; line-height: 39px;
		font-size: 1.6em; font-weight: normal; color: #555859; text-align: center;
		background: url(../images/t-agenda.png);
	}
	#agenda ul { margin: 0 10px; padding: 0; list-style: none; }
	#agenda li { border-bottom: 1px solid #e2dfcf; }
	#agenda a {
		display: block; padding: 10px 0;
		font-size: 1.2em; color: #555859; text-decoration: none; text-align: justify;
	}
	#agenda a:hover { color: black; }
	#agenda a strong { display: block; color: #ec7404; font-weight: normal; }
	#agenda a em { font-weight: bold; font-style: normal; }
	#c2Accueil li.toutelaliste a:hover { text-decoration: underline; }
	
	#actualites {
		position: relative;
		margin: 0 0 1em 0; padding: 0 0 2.5em 0;
		background: url(../images/f-actus.png) no-repeat left bottom;
	}
	#actualites p.img { position: absolute; top: 0; left: 0; margin: 0; width: 375px; height: 135px; overflow: hidden; }
	#actualites p.img img { position: absolute; top: 0; left: 0; width: 205px; }
	#actualites p.img .masker {
		position: absolute; top: 0; left: 0; display: block; width: 375px; height: 135px;
		background: url(../images/t-actus-accueil.png) no-repeat;
	}
	#actualites h3 {
		margin: 0; width: 375px; height: 138px; font-size: 0em;
		background: url(../images/t-actus.png);
	}
	#actualites ul { margin: 0 10px; padding: 0; list-style: none; }
	#actualites li { border-bottom: 1px solid white; }
	#actualites a {
		display: block; padding: 10px 0;
		font-size: 1.2em; color: #555859; text-decoration: none; text-align: justify;
	}
	
	#c2Accueil a span.toutlemonde {
		display: block; margin-left: 275px; padding: 0 0 0 1em; line-height: 1.2em;
		font-family: arial; color: #de353a; font-size: 0.9em; text-decoration: none;
		background: url(../images/sprite.png) no-repeat -570px 0.2em;
	}
	
	#c2Accueil li.toutelaliste a {
		display: block; padding: 2px 0; text-align: right;
		font-size: 1.1em; color: #de353a; text-decoration: none;
		background: #e2dfcf;
	}
	
	#con_descriptif {
		position: relative; clear: both;
		margin: 0 20px 5em 20px; padding: 12px 105px 12px 20px; padding: 12px 265px 12px 20px; width: 655px; height: 128px; overflow: auto;
		background: url(../images/f-txt-accueil.png);
	}
	#con_descriptif h1 { margin: 0 0 0.5em 0; font-size: 1.5em; font-weight: normal; color: #ec7404; }
	#con_descriptif h2 { margin: 0; font-size: 0.9em; color: black; text-transform: uppercase; }
	#con_descriptif p { margin: 0; color: black; }
	
}
@media print {
}