@charset "UTF-8";


@media screen{
	/***** TYPOS POSSIBLES ******/
	/* SANS-SERIF	: Arial, Verdana, Helvetica, Lucida grande (Mac uniquement) */
	/* SERIF		: "Times New Roman", Georgia, Baskerville */
	body { margin: 0; padding: 0; font-family: Helvetica, Arial, "sans serif"; font-size: 62.5%; text-align: center; color: #555859;}
	#global { position: relative; margin: 0 auto; width: 980px; font-size: 1em; text-align: left; }
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute; top: 0; left: 0; width: 980px; height: 163px;
		background: url(../images/entete.png); 	
	}
	#entete h1 { position: absolute; top: 0: left: 0; margin: 0; }
	#entete h1 a { position: relative; display: block; width: 250px; height: 160px; }
	#entete h2 { }
	#entete #visuel { }
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin { 
		position: absolute; top: 163px; left: 220px; margin: 0; width: 470px;
		font-family: Arial; font-size: 1.1em; color: #9c9e9f; 
	}
	p#chemin a { color: #9c9e9f; text-decoration: none; }
	p#chemin a:hover { text-decoration: underline; }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#coldroite {
		position: relative; float: left; display: inline; 
		margin: 152px 20px 50px 0; padding: 0; width: 250px; min-height: 61px;
		z-index: 5; background: white;
	}
	#contenu {
		position: relative; float: left; display: inline; 
		margin: 163px 20px 50px 20px; padding: 0; width: 670px; min-height: 50px;
	}
	#contenu #c1 { position: relative; float: right; display: inline; width: 470px; margin-left: 20px; }
	#contenu #c2 { 
		position: relative; float: left; display: inline; 
		padding: 0 0 2em; 0; width: 180px;
		background: #e2dfcf url(../images/fc2.png) no-repeat left bottom; 
	}
	
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle { margin: 30px 0 1em 0; font-size: 2.4em; font-weight: normal; color: #ec7404; line-height: 1em; }
	#con_chapeau { margin: 25px 0 1em 0; font-size: 1.6em; font-weight: normal; color: #9c9e9f; line-height: 1em; }
	#con_descriptif { font-size: 1.2em; line-height: 1.3em; }
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1 { margin-bottom: 0; font-size: 1.4em; color: #ec7404; font-weight: normal; }
	#con_descriptif h2 { font-size: 1.3em; color: #555859; font-weight: normal; }
	#con_descriptif h3 { font-size: 1.2em; color: #555859; }
	#con_descriptif h4 { font-size: 1.1em; color: #555859; }
	/*---------- listes ----------*/
	#con_descriptif ul { list-style-position: inside; }
	#con_descriptif ul li { list-style-type: circle; }
	/*---------- table ----------*/
	#con_descriptif table {  }
	#con_descriptif table td { }
	#con_descriptif table caption {  }
	/*---------- liens ----------*/
	#con_descriptif a { color: #de353a;  }
	#con_descriptif a:hover { text-decoration: none; }
	/*---------- images ----------*/
	#con_descriptif a.englobantimage, #con_descriptif span.englobantimage { position: relative; display: table-cell; }
	#con_descriptif a.imageright, #con_descriptif span.imageright { margin: 0 0 1em 1em; }
	#con_descriptif a.imageleft, #con_descriptif span.imageleft { margin: 0 1em 1em 0; }
	#con_descriptif img { border: none; }
	#c2 #con_descriptif img { display: none; }
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}
	/*---------- fichiers à télécharger ----------*/
	#con_descriptif .fichiers {
		display: block; margin: auto 50px; padding: 0.5em 0 0.5em 35px;
		background: url(../images/sprite.png) no-repeat 0 -480px;
	}
	#c2 #con_descriptif .fichiers {
		display: block; margin: auto 0; padding: 0;
		background: none;
	}
	#con_descriptif .fichiers a { color: #555859; text-decoration: none; }
	#con_descriptif .fichiers a:hover { color: #de353a; }	
	/*---------- séparateurs ----------*/
	#con_descriptif hr { clear: both; background: transparent; color: transparent; height: 1px; border: none; }
	#con_descriptif blockquote { font-style: italic; font-size: 1.1em; }
	#con_descriptif blockquote:before { content: '«'; font-size: 2em; float: left; margin: -0.2em 0 0 -0.5em;}
	#con_descriptif blockquote:after { content: '»'; font-size: 2em; float: right; margin: -0.5em -0.5em 0 0;  }
	#con_descriptif blockquote p { margin: 0; text-align: justify; }
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; top: 0; left: -999em; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo { }
	#contenu .menu_arbo h3,
	#contenu .menu_arboRefs h3 { position: absolute; top: 0; left: -999em; }
	#contenu .menu_arbo ul,
	#contenu .menu_arboRefs ul { margin: 1em 0 0 0; padding: 0; list-style: none; }
	#contenu .menu_arbo.formations ul { list-style: circle; }
	#contenu .menu_arbo li,
	#contenu .menu_arboRefs li { float: left; display: inline; margin: 5px; }
	#contenu .menu_arbo.formations li { float: none; display: list-item; margin: 0 2.5em; }
	#contenu .menu_arboRefs li {
		display: block; padding: 0; width: 210px; min-height: 90px;
		font-size: 1.2em; color: black; text-decoration: none;
	}
	#contenu .menu_arbo li a {
		display: block; padding: 10px; width: 190px; min-height: 71px;
		font-size: 1.2em; color: black; text-decoration: none;
		background: #e2dfcf;
	}
	#contenu .menu_arbo.formations li a {
		display: block; padding: 0; width: auto; min-height: 0;
		color: black;
		background: none;
	}
	#contenu .menu_arbo li a:hover { background: #edebe1; }
	#contenu .menu_arbo li img {
		position: relative; float: left; 
		margin: 0 5px 0 0; padding: 5px;
		border: none; border-bottom: 1px solid #c9c5ad; border-right: 1px solid #c9c5ad;
		background: #f2f0e6;
	}
	#contenu .menu_arboRefs li img {
		position: relative; display: block;
		margin: 0 5px 0 0; padding: 5px;
		border: none; border-bottom: 1px solid #c9c5ad; border-right: 1px solid #c9c5ad;
		background: #f2f0e6;
	}
	#contenu .menu_arbo li strong { font-weight: normal; font-size: 1.2em; color: #de353a; }
	#contenu .menu_arboRefs li strong { font-weight: normal; font-size: 1.2em; }
	
	#contenu .more {
		margin: 2em 0;
		border-top: 1px solid #e2dfcf; border-bottom: 1px solid #e2dfcf;
	}
	#contenu .more p { margin: 0.3em 5em 0.3em 0; font-size: 1.1em; display: inline; color: black; }
	#contenu .more p strong { margin-right: 1.5em; font-size: 1.4em; color: #555859; font-weight: normal; }
	
	#map { margin-top: 2em; }
	
	#contenu h2.formation { font-size: 1.6em; clear: both; }
}
@media print{
  /* ... définition de formats pour l'impression ... */
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	#menu_menuprincipal { position: absolute; top: 20px; left: 345px; }
	#menu_menuprincipal h3 {position: absolute; top: 0; left: -999em;}	
	#menu_menuprincipal ul { margin: 0; padding: 0; width: 165px; list-style: none; }	
	#menu_menuprincipal li { /*position: relative; display: block; line-height: 20px;*/ }	
	#menu_menuprincipal a {
		display: block; height: 20px; line-height: 20px;
		font-size: 1.1em; font-weight: bold; color: #717374; 
		text-decoration: none; text-transform: uppercase;
		/*letter-spacing: -1px;*/
	}	
	#menu_menuprincipal a:hover,
	#menu_menuprincipal a.lienActif,
	#menu_menuprincipal li:hover a { color: #de353a; }
	#menu_menuprincipal span.deco {
		position: absolute; display: block; top: auto; right: 0; 
		margin: -20px 0 0 0; width: 20px; height: 20px;
		background: url(../images/sprite.png) no-repeat -510px 0;
	}
	#menu_menuprincipal li:hover span.deco { background-position: -530px 0; }
	
	#menu_menuprincipal ul ul { 
		position: absolute; top: auto; left: -999em;
		margin: 0; padding: 10px 10px 25px 10px; width: 155px;
		background: url(../images/f-ssmenu.png) no-repeat left bottom;
	}	
	#menu_menuprincipal ul li:hover ul,
	#menu_menuprincipal ul li.sfhover ul { left: -10px; }
	#menu_menuprincipal ul li#menu_menuprincipal_11 ul { display: none; }
	#menu_menuprincipal ul li#menu_menuprincipal_11:hover ul,
	#menu_menuprincipal ul li#menu_menuprincipal_11.sfhover ul { left: -999em; }	
	#menu_menuprincipal ul ul li { border-bottom: 1px solid #e2dfcf; }	
	#menu_menuprincipal ul li:hover ul a,
	#menu_menuprincipal ul ul a {
		height: auto; padding: 5px 0; line-height: 1em;
		color: #717374; text-transform: none; font-weight: normal; letter-spacing: normal;
	}	
	#menu_menuprincipal ul li:hover ul a:hover,
	#menu_menuprincipal ul ul a:hover { color: #de353a; }
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#pied { 
		position: relative; clear: both;
		margin: 0; padding: 107px 0 30px 0;
		background:#E2DFCF url(../images/hautpied.png) no-repeat;
	}
	#pied h3 { margin: 0; font-size: 1.4em; font-weight: bold; color: #555859; }
	#pied ul { margin: 0; padding: 0; list-style: none; }
	#pied li {}
	#pied a { font-size: 1.2em; color: #555859; text-decoration: none; line-height: 1.3em; }
	#pied a:hover { text-decoration: underline; }
	
	#cols { position: relative; padding: 0 10px; background: url(../images/colonnes-pied.png) repeat-y top left; }
	.adresse,
	#menu_plan_menuprincipal,
	#menu_menupieddepage,
	#listeMetiers {
		position: relative; display: inline; float: left;
		margin: 0 10px; padding: 0; width: 172px;
	}
	.adresse p { margin-top: 0; font-size: 1.2em; color: #555859; line-height: 1.3em; }
	#pied .adresse p a { font-size: 1em; color: #de353a; }
	
	#menu_menupieddepage {
	}	
	#menu_menupieddepage h3 {}	
	#menu_menupieddepage ul {
	}	
	#menu_menupieddepage li {
	}	
	#menu_menupieddepage li a {color: #555859;
	}	
	#menu_menupieddepage li a:hover {
	}
	
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	#menu_langue {
	}
	#menu_langue ul {
	}	
	#menu_langue ul li {
	}	
	#menu_langue ul li a {
	}
	
	#menu_langue ul li a:hover {
	}	
	#menu_langue ul li a img {
	}
}

@media print {
}

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
@media screen {
	form#mrecherche_rechercheGenerique {
		position: absolute; top: 100px;; right:20px; width: 250px; height: 32px;
		background: url(../images/sprite.png) no-repeat 0 0;
	}
	form#mrecherche_rechercheGenerique:hover { background: url(../images/sprite.png) no-repeat  -250px 0; }
	form#mrecherche_rechercheGenerique p { position: absolute; margin: 0; height: 26px; }
	form#mrecherche_rechercheGenerique p#p_rech_input_rechercheGenerique { 
		top: 6px; left: 32px; width: 108px; height: 20px; background: none;
	}
	form#mrecherche_rechercheGenerique p#p_rech_btn_rechercheGenerique { left: 124px; }
	form#mrecherche_rechercheGenerique p input {
		position: absolute; top: 0; left: 0; 
		border: none; margin: 0; padding: 0; height: 26px; line-height: 26px;
		font-size: 1em;
	}
	form#mrecherche_rechercheGenerique p input#recherche_rechercheGenerique { 
		padding: 5px; width: 114px; height: 16px; line-height: 16px;
		background: none;
	}
	form#mrecherche_rechercheGenerique p input#btnrecherche_rechercheGenerique { 
		width: 32px; cursor: pointer; text-transform: uppercase; width: 90px; 
		top: 2px; left: 30px;	font-weight: bold; background: none;
	}
	form#mrecherche_rechercheGenerique p input#btnrecherche_rechercheGenerique:hover {
		color: #ec7404; background: none;
	}
	
	/* résultat de recherche */
	h2.recherche { 
		margin: 1em 0 0 0; padding: 0 0.5em; 
		font-size: 1.6em; color: #555859; line-height: 2em; text-transform: uppercase; 
		background: #cfcbb7;
	}
	h3.recherche { 
		margin: 0; padding: 0 0.5em;
		font-size: 1.4em; color: #555859; line-height: 2em; text-transform: uppercase; 
		background: #e2dfcf; border-left: 1px solid #cfcbb7; border-right: 1px solid #cfcbb7;
	}
	ul.recherche { margin: 0; padding: 1em; list-style: none; border: 1px solid #cfcbb7; }
	ul.recherche li { padding: 0.3em; border-bottom: 1px solid #cfcbb7; }
	ul.recherche li.paire { background: white; }
	ul.recherche li.impaire { background: #e2dfcf; }
	ul.recherche li:hover { background: #cfcbb7; }
	ul.recherche li a { display: block; font-size: 1.2em; color: black; text-decoration: none; }
	ul.recherche li a:hover {}
	
	/* bouton de retour à la liste de résultats */	
	p.retour_recherche { position: relative; clear: both; margin: 2em 0;  width: 100%; }
	p.retour_recherche a {
		display: block; padding: 0.2em 0.5em; line-height: 16px;
		color: #de353a; font-size: 1.1em; font-weight: bold; display: block;
		text-transform: uppercase; text-decoration: none; text-align: center;
		background: #e2dfcf url(../images/puce-retour.png) no-repeat left center;
	}
	p.retour_recherche a:hover {
		color: white;
		background: #ec7404 url(../images/puce-retour.png) no-repeat left center;
	} 
	p.retour_recherche span { }
	
	/* surlignages */
	.spot0{
		font-weight:bold;
		background-color:#FFFF00;
	}
	.spot1{
		font-weight:bold;
		background-color: #66FF00;
	}
	.spot2{
		font-weight:bold;
		background-color: #ff0066;
	}
	.spot3{
		font-weight:bold;
		background-color: #00ffdd;
	}
}

@media print {
}
@media screen {
	/*********************************/
	/*-----	COLONNE DE DROITE	-----*/
	/*********************************/
	/* général */
	#coldroite p.toutlemonde { margin: 0; position: absolute; bottom: 0; right: 20px; }
	#coldroite p.toutlemonde a,
	#c2 a.gotoRub {
		display: table-cell; padding: 0 0 0 1em; line-height: 1.2em;
		font-family: arial; color: #de353a; font-size: 1.1em; text-decoration: none;
		background: url(../images/sprite.png) no-repeat -570px 0.2em;
	}
	#coldroite p.toutlemonde a:hover,
	#c2 a.gotoRub:hover { text-decoration: underline; }
	
	/* produits */
	#focusProduits { position: relative; margin: 0 0 2.5em 0; padding: 0 0 20px 0; }
	#focusProduits h3 {
		margin: 0; padding: 0; width: 250px; height: 40px; line-height: 40px;
		font-size: 1.6em; font-weight: normal; color: #555859; text-align: center;
		background: url(../images/sprite.png) no-repeat 0 -420px;
	}
	#focusProduits .pair {
		position: relative; margin: 0 20px; padding: 1em 0;
		border-bottom: 1px solid #e2dfcf;
	}
	#focusProduits h4 { margin: 0; font-size: 1.2em; color: #555859; font-weight: bold; }
	#focusProduits p.desc { margin: 0; font-size: 1.2em; line-height: 1.3em; color: #555859; }
	#coldroite #focusProduits .pair p.toutlemonde { position: relative; bottom: auto; right: auto; }
	#focusProduits span.img { display: block; float: left; margin: -3px 1em 0 -1.5em; }
	#focusProduits span.img img {  }
	
	/* références */
	#focusRef { 
		position: relative; margin: 0 0 2.5em 20px; padding: 11px 5px 20px 5px; width: 230px; height: 160px;
		background: url(../images/sprite.png) no-repeat 0 -220px;
	}
	#focusRef h3 {
		margin: 0; width: 145px;
		font-family: arial; font-size: 1.8em; line-height: 1em; font-weight: normal; color: #9c9e9f;
	}
	#focusRef .scroller { position: absolute; top: 55px; left: 35px; width: 160px; height: 60px; overflow: hidden; }
	#focusRef ul { margin: 0; padding: 0; list-style: none; width: 10000px; }
	#focusRef li { position: relative; float:left; width: 160px; height: 60px; margin-right: 2px; }
	#focusRef span.img { display: block; width: 160px; height: 60px; }
	#focusRef span.img img { position: absolute; top: 50%; left: 50%; /*max-height: 60px;*/ }
	#focusRef strong { position: absolute; left: -999em; bottom: 0; padding: 2px 5px; width: 150px; line-height: 1em; background: white; }
	#focusRef li:hover strong { left: 0; }
	#coldroite #focusRef p.toutlemonde { margin-right: 10px; }
	
	/* auto diagnostic */
	#autodiag {
		position: relative; margin: 0 0 1em 0; width: 250px; height: 99px;
		background: url(../images/f-autodiag.png);
	}
	#autodiag h3 { position: absolute; top: 0; left: -999em; }
	/*#autodiag p { position: absolute; top: 0; left: 0; margin: 0; }*/
	#autodiag a {
		position: absolute; top: 0; left: 0; margin: 0;
		display: block; padding: 45px 110px 0 10px; width: 130px; height: 54px;
		font-size: 1.2em; font-weight: normal; color: white; text-decoration: none;
	}
	#autodiag {}
	
	/*********************************/
	/*-----	COLONNE DE GAUCHE	-----*/
	/*********************************/
	#c2 p.img { position: relative; margin: 0 0 1.5em 0; width: 180px; height: 128px; overflow: hidden; background: white; }
	#c2 p.img img { width: 180px; }
	#c2 .masker {
		position: absolute; top: 0; left: 0; display: block; width: 180px; height: 128px;
		background: url(../images/fc2-img.png) no-repeat;
	}
	#c2 h3 { position: relative; margin: 0 10px; font-size: 1.6em; color: #de353a; font-weight: normal; }
	#c2 h3.titre {
		position: relative; margin: -30px 10px 0 20px; padding: 0 0 0 35px; 
		font-size: 1.6em; color: #ec7404; font-weight: bold; line-height: 1em;
		background: url(../images/sprite.png) no-repeat -290px -230px;
	}
	#c2 h4.soustitre { position: relative; margin: 0 10px; font-size: 1.1em; font-weight: normal; color: #555859; text-align: justify; }
	#c2 ul { margin: 0.3em 10px 1.5em 10px; padding: 0; list-style: none; }
	#c2 li { margin: 0; padding: 4px 0 1px 0; border-bottom: 1px solid #f1efe7; }
	#c2 a { display: block; font-size: 1.1em; color: #555859; text-decoration: none;  }
	#c2 a:hover { color: #de353a; }
	#c2 p.gotoRub { margin: -1em 10px 0 10px; float: right; }
	#c2 .formations li { border: none; }
	#c2 .formations a { 
		margin: 0 0 0 3.5em; padding: 0 0 0 1em; line-height: 1.2em;
		font-family: arial; color: #de353a; font-size: 1.1em; text-decoration: none;
		background: url(../images/sprite.png) no-repeat -570px 0.2em; 
	}
	#c2 .formations a:hover { text-decoration: underline; }
	#c2 p#downloadFichier { margin: 1em 10px; }
	#c2 p#downloadFichier a,
	#c2 p.c2 a  {
		display: block; padding: 0 0 0 30px; padding: 0.3em;
		font-size: 1.4em; font-weight: bold; color: #de353a;
		border: 1px solid #de353a;
	}
	#c2 #con_chapeau,
	#c2 #con_descriptif { margin: 0 10px 1em 10px; }
	#c2 p.c2 { margin: auto 10px; }
	
	
}
@media print {
}