@charset "UTF-8";


@media screen{
	body { 
		margin:0; padding:0;
		font-family: Georgia, "Times New Roman", Times, serif; font-size:62.5%; text-align:center;
		background:#e6f5fc url(../images/fond.png);
	}
	#global {
		position:relative; width:960px; padding:5px; margin:5px auto;
		background-color:white; border:1px solid #97b416;
		font-size:1em; text-align: left;
	}
	#deco {
		position:absolute; top:181px; right:5px; width:188px; height:52px;
		background:url(../images/deco.png) no-repeat;
	}
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position:absolute; top:5px; left:5px; width:960px; height:176px;
		background:url(../images/entete.png) no-repeat;
	}
	#entete h1 {
		position: absolute; top: 0; left: 60px;
	}
	#entete h1 a { display: block; width: 450px; height: 120px; background: transparent; }
	#entete h2 { position: absolute; top: 0; left: -999em; }
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin { position: absolute; top: 186px; left: 45px; 
		margin: 0; padding: 0 0 0 0.5em; width: 620px;
		font-size: 1.1em; color: #e85596;
		border-left: 2px solid #e85596; background-color: white;
	}
	p#chemin span.separateur  {  }
	p#chemin a { text-decoration: none; color: #e85596;	}
	p#chemin a:hover { text-decoration: underline; }
	p#chemin span.chemin_1 a { cursor: default; }
	p#chemin span.chemin_1 a:hover { text-decoration: none; }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative; padding: 181px 0 0 0; min-height: 33em;
		text-align: left;
		background: url(../images/f-contenu.png) repeat-y 10px top;
	}
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle { 
		position: relative; margin: 14px 0 0 100px; padding: 0 0 0 20px; width: 780px;
		font-size: 3.4em; font-weight: normal; color: #97b416;
		border-left: none; border-bottom: 1px dashed #a9c628; 
		background: url(../images/fleche-chemin.png) no-repeat left center;
	}
	h1#con_libelle:first-letter { font-weight:bold; color:#e85596; font-size:1.2em; }
	#con_chapeau {
		margin-left: 130px; margin-right: 60px;
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; line-height: 1.3em;
	}
	#con_descriptif, p#message_envoye {
		margin-left: 130px; margin-right: 60px;
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.7em;
	}
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1, #con_descriptif h2, #con_descriptif h3, #con_descriptif h4 {
		font-family:Georgia, "Times New Roman", Times, serif; color: #690; font-weight: normal; margin-bottom: 0;
	}
	#con_descriptif h1 { font-size: 1.9em; font-weight: bold; }
	#con_descriptif h2 { font-size: 1.6em; padding-left: 1em; }
	#con_descriptif h3 { font-size: 1.4em; font-style: italic; padding-left: 2em; }
	#con_descriptif h4 { font-size: 1.2em; font-style: italic; padding-left: 2.4em; }
	/*---------- listes ----------*/
	#con_descriptif ul { margin: 0 0 1em 2em; padding: 0; }
	#con_descriptif li { list-style-image:url(../images/puce-liste.png); list-style-position: inside; }
	/*---------- table ----------*/
	#con_descriptif table {
		border-collapse:collapse;
		border-top: 1px solid #e9ebaa; border-left: 1px solid #e9ebaa;
		border-bottom: 2px solid #d4db5d; border-right: 2px solid #d4db5d;
		margin-top: 1em;
	}
	#con_descriptif table td, #con_descriptif table th { border: 1px solid #e9ebaa; padding:0.2em 0.5em; }
	#con_descriptif table td { line-height: normal; }
	#con_descriptif table caption { display:none; }
	/*---------- liens ----------*/
	#con_descriptif a { color: #e75596; text-decoration: underline; }
	#con_descriptif a:hover { text-decoration: none; }
	#con_descriptif a.popup { background: url(../images/picto-lienPopup.png) no-repeat right center; padding-right: 15px; }
	/*---------- images ----------*/
	#con_descriptif a.englobantimage, #con_descriptif span.englobantimage { position:relative; }
	#con_descriptif a.imageright, #con_descriptif span.imageright { float:right; margin:0 0 0 0.5em;  }
	#con_descriptif a.imageleft, #con_descriptif span.imageleft { float: left; margin: 0 0.5em 0.5em -90px;  }
	#con_descriptif a img { border:1px solid #009ee0; }
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted rgb(102, 102, 102);
		cursor: help;
	}
	/*---------- séparateurs ----------*/
	#contenu #con_descriptif hr { clear: both; border: 1px solid transparent; }
	/*---------- div.colonne ----------*/
	/*---------- div.deuxcolonnes ----------*/
	#con_descriptif div.colonne,
	#con_descriptif div.deuxcolonnes { float: left; margin-top: 1em; padding: 0 0.8em; border-left: 1px solid #e85596; }
	#con_descriptif div.colonne { width: 30%; }
	#con_descriptif div.deuxcolonnes { width:47%; }
	#con_descriptif div.colonne h1,
	#con_descriptif div.colonne h2,
	#con_descriptif div.colonne h3,
	#con_descriptif div.colonne p,
	#con_descriptif div.colonne ul,
	#con_descriptif div.deuxcolonnes h1,
	#con_descriptif div.deuxcolonnes h2,
	#con_descriptif div.deuxcolonnes h3,
	#con_descriptif div.deuxcolonnes p,
	#con_descriptif div.deuxcolonnes ul { margin: 0 0 0.5em 0; padding:0; }
	#con_descriptif div.colonne h1, #con_descriptif div.deuxcolonnes h1 { font-size:1.4em; }
	#con_descriptif div.colonne h2, #con_descriptif div.deuxcolonnes h2 { font-size:1.2em; }
	#con_descriptif div.colonne h3, #con_descriptif div.deuxcolonnes h3 { font-size:1.1em; }	
	
	
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; left: -999em; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo { margin-left: 130px; margin-right: 60px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; }
	#contenu .menu_arbo h3 { position: absolute; top: 0; left: 0; }
	#contenu .menu_arbo ul { margin: 1em 0; padding: 0; }
	#contenu .menu_arbo li { list-style-image:url(../images/puce-liste.png); list-style-position: inside; }
	#contenu .menu_arbo li a { color: #e75596; text-decoration: underline; }
	#contenu .menu_arbo li a:hover { text-decoration: none; }
	#contenu .menu_arbo li img {}
	#contenu .menu_arbo li strong { font-weight: normal; }	
}
@media print{
  /* ... définition de formats pour l'impression ... */
}

@media screen {
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/
	#menu_menuprincipal {
		position: absolute; top: 154px; left: 9px; width: 950px; height: 20px;
		background:#e75596 url(../images/menu.png) no-repeat;
		z-index:3;
	}
	#menu_menuprincipal h3 { position: absolute; top: 0; left: -999em; }	
	#menu_menuprincipal ul { margin: 0; padding: 0; list-style: none; line-height:20px; }	
	#menu_menuprincipal li { float: left; margin:0 10px; display: inline; }	
	#menu_menuprincipal li a {
		display: block;
		font-size: 1.1em; line-height: 1.9em; font-weight: bold; color: white; text-decoration: none;
		cursor: pointer;
	}	
	#menu_menuprincipal li a:hover { color:#e8eba6; }
	
	#menu_menuprincipal ul ul {
		position: absolute; margin:-1px 0 0 -0.5em; width: 18em; top: 21px; left: -999em;
		font-size:0.9em; text-align:left;
		background:#e75596 url(../feuilles-menu.gif) no-repeat right bottom;
	}	
	#menu_menuprincipal ul li:hover ul, #menu_menuprincipal ul li.sfhover ul { left: auto; }	
	#menu_menuprincipal ul ul li {
		padding: 0.2em; margin: 0; width: 97%;
		font-family:Arial, Helvetica, sans-serif; font-size:1.1em;	
		border-top:1px dashed #ef90bb;
	}
	#menu_menuprincipal ul ul li.impair { background-color:#c36; }
	#menu_menuprincipal ul ul li a { padding:1% 3%; font-weight:normal; line-height:normal; }	
	#menu_menuprincipal ul ul li a:hover {
	}
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#menu_menupieddepage { position: relative; clear: both; }	
	#menu_menupieddepage h3 { position: absolute; top: 0; left: -999em; }	
	#menu_menupieddepage ul { 
		position: relative; display: block; margin: 0 4px 4px 4px; padding: 0; width: 951px; height: 20px;
		background:url(../images/piedpage.png) no-repeat;
		text-align:center;
	}	
	#menu_menupieddepage li {
		display:inline; margin-left:0.5em; padding-right:0.5em; line-height:20px;
		list-style-type:none;  font-size:1em; color:white;
		border-right:1px solid white;
	}	
	#menu_menupieddepage li a { line-height:20px; color:white; text-decoration:none; }	
	#menu_menupieddepage li a:hover { text-decoration:underline; }
	
	/********************************/
	/*			MENU CONTACT		*/
	/********************************/
	#menu_menuAnnexe { position: absolute; top: 110px; right: 10px; }
	#menu_menuAnnexe h3 { position: absolute; top: 0; left: -999em; }
	#menu_menuAnnexe ul { position: relative; margin: 0; padding: 0; list-style: none; }	
	#menu_menuAnnexe ul li { }	
	#menu_menuAnnexe ul li a {
		position: relative; display: block; padding: 0; width: 154px; height: 38px; line-height: 38px;
		text-align: center; font-size: 1.6em; font-weight: bold; color: white; text-decoration: none;
		background:url(../images/btn-contact.png);
	}
	#menu_menuAnnexe ul li a:hover { color: #f3cede; }
}

@media print {
}