@charset "UTF-8";


@media screen{
	body { 
		margin: 0; padding: 0; 
		font-family: arial, verdana, "sans serif"; font-size: 62.5%; text-align: center;
		background: #ccc url(../images/f-page.jpg) repeat-x center top; 
	}
	#global { position: relative; margin: 0 auto; padding: 0 30px; width: 920px; font-size: 1em; text-align: left; }
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete { position: absolute; top: 0; left: 0; }
	#entete h1 { position: absolute; top: 30px; left: 30px; margin: 0; }
	#entete h1 a { 
		display: block; width: 457px; height: 90px;
		background: url(../images/logo.png) no-repeat;
	}
	#entete h2 { position: absolute; top: 0; left: -999em; }
	#entete h3 { position: absolute; top: 50px; left: 400px; margin: 0; width: 300px; font-size: 2em; }
	#deco {
		position: absolute; top: 0; right: 0; width: 362px; height: 191px;
		background: url(../images/deco.png) no-repeat;
	}
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative; float: left; display: inline;
		margin: 190px 20px 3em 0; padding: 15px 30px; width: 620px;
		background: url(../images/f-contenu.png) no-repeat;
	}
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle { font-size: 2.4em; color: #f52605; text-transform: uppercase; margin-top: 0; }
	#con_chapeau { font-size: 1.6em; font-weight: bold; color: #f52605; }
	#con_descriptif { font-size: 1.2em; line-height: 1.4em; /*min-height: 400px;*/ }
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1 { font-size: 1.4em; color: #f52605; }
	#con_descriptif h2 { font-size: 1.3em; color: #f52605; font-weight: normal; }
	#con_descriptif h3 { font-size: 1.2em; color: #fa7c2a; font-weight: normal; }
	#con_descriptif h4 { font-size: 1.1em; color: #fa7c2a; font-weight: normal; }
	/*---------- listes ----------*/
	#con_descriptif ul { }
	#con_descriptif li { list-style-image: url(../images/puce.png); }
	/*---------- table ----------*/
	#con_descriptif table {  }
	#con_descriptif table td { }
	#con_descriptif table caption {  }
	/*---------- liens ----------*/
	#con_descriptif a { color: #f52605; }
	#con_descriptif a:hover { text-decoration: none; }
	/*---------- images ----------*/
	#con_descriptif a.englobantimage, #con_descriptif span.englobantimage {  }
	#con_descriptif a.imageright, #con_descriptif span.imageright { margin: 0 0 0 1em;  }
	#con_descriptif a.imageleft, #con_descriptif span.imageleft { margin: 0 1em 0 0; }
	#con_descriptif img { border: 1px solid #999; }
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}
	#con_descriptif hr { clear: both; background: transparent; color: transparent; height: 1px; border: none; }
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; top: 0; left: -999em; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	/*-- menu liste des liens d'une rubrique --*/
	.menu_arboNiv1, .menu_arboNiv2 ul { clear: both; font-size: 1.2em; }
	.menu_arboNiv1 h3 { font-size: 1.4em; color: #f52605; font-weight: bold; border-bottom: 1px solid #f52605; }
	.menu_arboNiv1 ul, div.menu_arboNiv2 ul { margin: 0; padding: 0; list-style: none; }
	.menu_arboNiv1 li { margin: 0.5em 0; padding: 0; background: black; border: 6px solid #777; }
	.menu_arboNiv1 a { display: block; text-decoration: none; color: #999; }
	.menu_arboNiv1 a:hover { background: #333; color: #ddd; }
	.menu_arboNiv1 img { margin-right: 6px; border: none; vertical-align: middle; }
	.menu_arboNiv1 strong.titre { font-size: 1.3em; font-weight: bold; text-transform: uppercase; }
}
@media print{
	#papillon { display: none; }
	body { font-family: arial, verdana, "sans serif"; }
	#entete {position: absolute; top: 0; left: 0;width: 100%;}
	#entete h1 a {text-decoration: none; color: black;}
	#global #contenu { position: relative;	margin: 190px 0 0 0; padding: 0; width: 100%; }
	
	h1#con_libelle { font-size: 24ptem; text-transform: uppercase; margin-top: 0; }
	#con_chapeau { font-size: 14pt; font-weight: bold; }
	#con_descriptif { font-size: 12pt; line-height: 15pt; }
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1 { font-size: 1.4em; }
	#con_descriptif h2 { font-size: 1.3em; font-weight: normal; }
	#con_descriptif h3 { font-size: 1.2em; font-weight: normal; }
	#con_descriptif h4 { font-size: 1.1em; font-weight: normal; }
	/*---------- listes ----------*/
	#con_descriptif ul { }
	#con_descriptif li { list-style-image: url(../images/puce.png); }
	#con_descriptif img { border: 1px solid #999; }
	
	#con_descriptif img { border: none; }
	#con_descriptif a.englobantimage, #con_descriptif span.englobantimage {  }
	#con_descriptif a.imageright, #con_descriptif span.imageright { margin: 0 0 0 1em;  }
	#con_descriptif a.imageleft, #con_descriptif span.imageleft { margin: 0 1em 0 0; }
	/*#global #contenu hr.invisible { display: none;	}*/
	
	hr { clear: both; background: transparent; color: transparent; height: 1px; border: none; }
	
	/*-- menu liste des liens d'une rubrique --*/
	.menu_arboNiv1, .menu_arboNiv2 ul { clear: both; font-size: 12pt; }
	.menu_arboNiv1 h3 { font-size: 13pt; font-weight: bold; border-bottom: 0.5pt solid black; }
	.menu_arboNiv1 ul, div.menu_arboNiv2 ul { margin: 0; padding: 0; list-style: none; }
	.menu_arboNiv1 li { margin: 0.5em 0; padding: 0; border: 1px solid #777; }
	.menu_arboNiv1 a { display: block; text-decoration: none; color: #999; }
	.menu_arboNiv1 img { margin-right: 6px; border: none; vertical-align: middle; }
	.menu_arboNiv1 strong.titre { font-size: 12pt; font-weight: bold; text-transform: uppercase; }
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	#menu_menuprincipal { position: absolute; top: 130px; left: 30px; }
	#menu_menuprincipal h3 { position: absolute; top: 0; left: -999em; }	
	#menu_menuprincipal ul { position: relative; margin: 0; padding: 0; list-style: none; }	
	#menu_menuprincipal li { position: relative; float: left; display: inline; margin-right: 2px; }	
	#menu_menuprincipal li a {
		display: block; padding: 0 10px; height: 20px; line-height: 20px; min-width: 4em;
		font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-decoration: none; text-align: center; color: #efefef;
		background: black;
	}	
	#menu_menuprincipal li a:hover { color: white; }
	#menu_menuprincipal li a.lienActif { color: black; background: #ccc; }
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#menu_menupieddepage {
		position: relative; clear: both; width: 920px; padding: 6em 0;
		background: url(../images/f-piedpage.png) no-repeat;
	}	
	#menu_menupieddepage h3  {position: absolute; top: 0; left: -999em; }	
	#menu_menupieddepage ul { position: relative; text-align: center; margin: 0; padding: 0; list-style: none; }	
	#menu_menupieddepage li { display: inline; }	
	#menu_menupieddepage li a { 
		padding: 0 1.5em; margin-right: -1px;
		font-size: 1em; color: #999; text-decoration: none; 
		border-right: 1px solid #999; border-left: 1px solid #999;
	}	
	#menu_menupieddepage li a:hover { color: white; }
}

@media print {
	#menu_menuprincipal, #menu_menupieddepage h3, #menu_menupieddepage_4, #menu_menupieddepage_6 {display: none; }
	#menu_menupieddepage {position: relative; width: 100%; padding: 5pt 0; border-top: 0.5pt solid black;}
	#menu_menupieddepage ul{list-style: none; padding: 0; margin: 0;}
	#menu_menupieddepage a{text-decoration: none; color: black;}
}

@media screen{
	/* #formulaireContact */
	#formulaireContact {
		position: relative; float: left; display: inline; margin: 158px 0 3em 0; width: 200px;
		background: url(../images/f-form.png) no-repeat left bottom;
	}
	#formulaireContact h1 {
		position: relative; margin: 0; width: 200px; height: 54px; line-height: 54px;
		background: url(../images/h-form.png) no-repeat;
		font-size: 1.2em; font-weight: bold; color: white; text-align: center; text-transform: uppercase; 
	}
	#formulaireContact form { position: relative; margin: 0 5px; }
	#formulaireContact form fieldset { border: none; padding: 0; margin: 0; }
	#formulaireContact form legend { position: absolute; top: 0; left: -999em; display: none; }
	#formulaireContact form p { position: relative; margin: 0.5em 0; font-size: 1.2em; color: #ccc; }
	#formulaireContact form p label { position:relative; font-size: 1em; }
	#formulaireContact form p label.radio { display: block; width: auto; }
	#formulaireContact form p input, 
	#formulaireContact form p textarea, 
	#formulaireContact form p select { 
		position: relative; display: block; padding: 2px; width: 184px;
		border: 1px solid #c4c4c4;
		background: url(../images/f-input.png);
	}
	#formulaireContact form p input { }
	#formulaireContact form p textarea { height: 5em; font-family: arial, verdana, sans-serif; }
	#formulaireContact form p select { width: 190px; }
	/* tous les champs checkbox */
	#formulaireContact form p input[type="checkbox"] { width: auto; }
	/* tous les champs radio */
	#formulaireContact form p input[type="radio"] { width: auto; }
	
	/* bouton submit */
	#formulaireContact form h4.btnenvoyer { font-size: 1em;   }
	#formulaireContact form h4.btnenvoyer input {
		position: relative; width: 190px; height: 22px; line-height: 22px;
		background: url(../images/f-submit.png); border: none; 
		cursor: pointer;
		color: white; font-weight: bold; font-size: 1.1em;
	}
	#formulaireContact form h4.btnenvoyer input:hover { background-position: 0 -22px; }
	
	/* champs obligatoires */
	#formulaireContact p.messobligatoire { font-size: 0.9em; font-style: italic; }
	#formulaireContact form p.obligatoire, 
	#formulaireContact p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#formulaireContact form .obligatoire label, 
	#formulaireContact form .obligatoire legend {
		padding-left: 0.7em;
		font-weight: bold;
		background: url(../images/etoile_obligatoire.png) no-repeat left top;
	}
	#formulaireContact form p.obligatoire input { }
	#formulaireContact form p.obligatoire span {
		position: relative; display: block; margin: -3px 0 0.5em 0; padding: 6px 5px 0 5px; overflow: visible;
		font-size: 0.9em; color: white; line-height: 18px;
		background: url(../images/fleche-thisinput.png) no-repeat;
	}
	#formulaireContact form .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }
	
	.message, .messageConfirmation, .messageAlert { }
	
	p#message_envoye { font-size: 1.2em; font-weight: bold; color: white; margin: 2em 5px; }
}
@media print{ 
	#formulaireContact {display: none;}
}