@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong,  tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-size: 100%; vertical-align: baseline;
	background: transparent;
}
sub, sup{
	margin: 0; padding: 0;
	border: 0; outline: 0;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
/*table { border-collapse: collapse; border-spacing: 0; }*/


@media screen{
	body { margin: 0; padding: 0; font-family: verdana, arial, "sans serif"; font-size: 62.5%; text-align: center; 
	background: #f3f4f4 url(../images/f-body.gif) repeat-x left top; }
	#global { position: relative; margin: 0 auto; width: 980px; font-size: 1em; text-align: left; 
	background: url(../images/f-global.png) repeat-y left top; }
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete { position: absolute; top: 0; left: 0; 	}
	#entete h1 { position: absolute; top: 20px; left: 30px; width: 225px; height: 60px; background: url(../images/logo.gif) no-repeat left top; }
	#entete h2 { }
	#entete #visuel { position: absolute; top: 0; left: 280px; width: 695px; height: 272px; background: url(../images/f-entete.jpg) no-repeat left top; }
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {position: absolute; top: 270px; left: 280px; width: 695px; height: 40px;
	padding: 16px 0 0 42px; background: url(../images/f-chemin.png) repeat-y 0 0; }	
	p#chemin strong {position: absolute; top: 0; left: -999em; }
	p#chemin span {font-size: 2em;  color: white;}
	p#chemin span span { font-size: 1em;}	
	p#chemin span.chemin_last { }	
	p#chemin span.chemin_first { }
	p#chemin span.separateur_first, p#chemin em {position: absolute; top: 0; left: -999em;}
	p#chemin a { text-decoration: none; color: white;  }
	p#chemin a:hover { }
	p#chemin a span { }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu { position: relative; float: right; display: inline; width: 695px; margin: 326px 5px 0 0; }
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle {font-weight: bold; color: #d23e20; font-size: 2em; margin: 20px 15px 10px 15px; padding: 0 0 9px 0; border-bottom: 1px solid #666666;}
	#con_chapeau { font-weight: bold; font-size: 1.4em; margin: 20px 15px 10px 15px; color: #666666;}
	.dateEve {font-weight: bold; margin: 20px 15px 5px 15px; font-size: 1.4em; }
	#con_descriptif { font-size: 1.2em; line-height: 1.6em; margin: 20px 15px 10px 15px;}
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1 { font-size: 1.8em; color: #d23e20;}
	#con_descriptif h2 { font-size: 1.6em; color: #d23e20; font-weight: normal; margin: 0.8em 0;}
	#con_descriptif h3 { font-size: 1.4em; }
	#con_descriptif h4 { font-size: 1.2em; }
	/*---------- listes ----------*/
	#con_descriptif ul {position: relative;  margin: 0 0 0 2em;}
	#con_descriptif li { background: url(../images/puce-liste.png) no-repeat 5px 5px; padding: 0 0 0 2em; }
	/*---------- table ----------*/
	#con_descriptif table {  }
	#con_descriptif table td { }
	#con_descriptif table caption {  }
	/*---------- liens ----------*/
	#con_descriptif a { color: #D23E20; text-decoration: none;}
	#con_descriptif a:hover { color: #666666; }
	/*---------- images ----------*/
	#con_descriptif a.englobantimage, #con_descriptif span.englobantimage { position: relative; }	
	#con_descriptif a.imageright, #con_descriptif span.imageright { margin: 0 0 0.5em 0.5em; }
	#con_descriptif a.imageleft, #con_descriptif span.imageleft { margin: 0 0.5em 0.5em 0; }
	#con_descriptif a.englobantimage + ul, #con_descriptif span.englobantimage + ul{ margin: 0 0 5px 210px; }
	#con_descriptif img { border: none;}
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}	
	#map {margin: 1em 0 1em 47px;}
	/********************************/
	/*			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 {font-size: 1.2em; margin: 20px 15px 10px 15px;}
	#contenu .menu_arbo h3 {font-size: 1.2em; border-bottom: 1px dashed #666666; color: #d23e20;  margin: 0.8em 0;}
	#contenu .menu_arbo ul {}
	#contenu .menu_arbo li { }
	#contenu .menu_arbo li a {display: block; text-decoration: none; color: black; padding: 0.5em 0;}
	#contenu .menu_arbo li a:hover { background: #F3F4F4;}
	#contenu .menu_arbo li img {}
	#contenu .menu_arbo li strong {display: block;}	
	#contenu .menu_arbo li .savoirplus{display: block; color: #D23E20; text-align: right;margin: 0 100px 0 0; }	
}
@media print{
  /* ... définition de formats pour l'impression ... */
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	#menu_menuprincipal {position: absolute; top: 110px; left: 30px; }
	#menu_menuprincipal h3 {position: absolute; top: 0; left: -999em; }	
	#menu_menuprincipal ul { }	
	#menu_menuprincipal li {margin: 0 0 0.7em 0;	}	
	#menu_menuprincipal li a {		
		padding : 0 0 0 1em; 
		font-family: , arial, "sans serif"; font-size: 1.3em;
		color: black; font-weight: bold;
		text-decoration: none; 
		background: url(../images/puce-menu.png) no-repeat 0px 4px;
	}	
	#menu_menuprincipal li a:hover {color: #d23e20;}
	
	#menu_menuprincipal ul ul { 
	}	
	#menu_menuprincipal ul li:hover ul {
	}	
	#menu_menuprincipal ul ul li {		
	}	
	#menu_menuprincipal ul ul li a {
	}	
	#menu_menuprincipal ul ul li a:hover {
	}
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	
	#menu_menupieddepage {clear: both; position: relative;  width: 100%; height: 100px; margin: 0; padding: 0; 
	background: #000 url(../images/pied-commun.gif) no-repeat center top; }
	#menu_menupieddepage h3 {position: absolute; top:0; left: -999em; margin: 0;}	
	#menu_menupieddepage ul {position: relative;  margin: 0 auto; padding: 70px 0 0 285px; width: 685px; }	
	#menu_menupieddepage li {display: inline; margin: 0; padding: 0 10px; border-right: 1px solid white; height: 1.2em;	}
	#menu_menupieddepage li:first-child { border-left: 1px solid white;}	
	#menu_menupieddepage li a {color: white; text-decoration: none; 
		font-family: , arial, "sans serif"; font-size: 1.1em;
	}	
	#menu_menupieddepage li a:hover {color: #cacaca;}
	/********************************/
	/*			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 {
}

@media screen{
	#formulaireContact{float: left; display: inline; width: 280px; margin: 254px 0 0 0;}
	#formulaireContact h1{color: #d23e20; font-size: 1.4em; height: 46px; margin: 0; padding: 15px 10px 10px 52px; 
	background: #cacaca url(../images/puce-contact.gif) no-repeat 21px 21px;
	border-top: 1px solid white;
	}
	#formulaireContact form {width: 280px; background:  url(../images/f-formulaire.gif) no-repeat 0 0; }
	#formulaireContact form fieldset { }
	#formulaireContact form legend { }
	#formulaireContact form p { position: relative; margin: 0.2em 30px; font-size: 1.2em; }
	#formulaireContact form p label {
		position:relative; width: 220px; vertical-align: top;
		display: block;
		font-size: 1em; line-height:1.2em;
	}
	#formulaireContact form p label.radio { display: block; width: auto; }
	#formulaireContact form p input, #formulaireContact form p textarea, #formulaireContact form p select { 
	position: relative; width: 220px; 
	border-top: 2px ridge #c4c4c4; border-left: 2px ridge #c4c4c4;
	border-bottom: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4;
	}
	#formulaireContact form p input { }
	#formulaireContact form p textarea { height: 5em; }
	#formulaireContact form p select { }
	/* 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; text-align: center;}
	#formulaireContact form h4.btnenvoyer input {
	width: 225px; height: 22px; margin: 1em 0 2em 0;
	background: url(../images/f-submit.png); color: white; font-weight: bold; 
	border: none; cursor: pointer;
	}
	
	/* champs obligatoires */
	#formulaireContact p.messobligatoire { }
	#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 {font-weight: bold;}
	#formulaireContact form p.obligatoire input { }
	#formulaireContact form p.obligatoire span {display: block; background: #FEEC04 url(../images/fleche-haute.png) no-repeat 5px 8px; margin: 0 0 1em 0; padding: 0.3em 0.3em 0.3em 2em;}
	#formulaireContact form .obligatoire em.etoile_obligatoire  {  }
	
	.message, .messageConfirmation, .messageAlert { }
	
	p#message_envoye { font-size: 1.2em; font-weight: bold; }
}
@media print{ }