@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:  arial, "sans serif"; 
	font-size: 62.5%; text-align: center; background:#efefef url(../images/f-body.png) repeat-x 0 0; color: #303030;}
	#global { position: relative; margin: 0 auto; padding: 0 10px 0 9px; width: 871px; 
	font-size: 1em; text-align: left; background: url(../images/f-global.png) repeat-x;}
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */
	.diaporama {margin : 10px 0; width: 500px;}
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {position: absolute; top: 0; left: 9px; width: 100%;height: 493px;}
	#entete h1 { }
	#entete h2 { }
	#entete #visuel { }
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin { }	
	p#chemin span { }
	p#chemin span span { }	
	p#chemin span.chemin_last { }	
	p#chemin span.chemin_first { }
	p#chemin a { }
	p#chemin a:hover { }
	p#chemin a span { }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {position: relative; float: left; width: 520px; min-height: 415px;
	margin: 491px 0 0 0 ; padding: 20px 10px 40px 51px; background:#dedede url(../images/f-degrade.png) repeat-x 0 0; 
	}
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle{ font-size: 2.4em; font-weight: normal; color: #ee7000; text-transform: uppercase; padding:0; margin: 0 0 1em 0; }
	#con_chapeau { font-size: 1.4em; }
	#con_descriptif { font-size: 1.2em; line-height: 1.6em; }
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1 { font-size: 1.8em; }
	#con_descriptif h2{ font-size: 1.6em; font-weight: normal; color: #ee7000; text-transform: uppercase; padding:0; margin: 1em 0;}
	#con_descriptif h3 { font-size: 1.4em; }
	#con_descriptif h4 { font-size: 1.2em; }
	/*---------- listes ----------*/
	#con_descriptif ul { }
	#con_descriptif li { }
	/*---------- table ----------*/
	#con_descriptif table {  }
	#con_descriptif table td { }
	#con_descriptif table caption {  }
	/*---------- liens ----------*/
	#con_descriptif a {color: #ee7000;  }
	#con_descriptif a:hover { color: #333;  }
	/*---------- images ----------*/
	#con_descriptif a.englobantimage, #con_descriptif span.englobantimage {  }
	#con_descriptif a.imageright, #con_descriptif span.imageright {  }
	#con_descriptif a.imageleft, #con_descriptif span.imageleft {  }
	#con_descriptif img { border: 1px solid #303030; margin: 1em; padding: 0.3em; background: white;}
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}		
	/*---------- séparateurs ----------*/
	#con_descriptif hr { clear: both; background: transparent; color: transparent; height: 1px; border: none; }
	/* fichiers en téléchargement */
	.fichiers {
		padding: 0.8em 20px 0.8em 40px;
		border-top: 1px solid #9F9F9F; border-bottom: 1px solid #9F9F9F;
		background: #efefef url(../images/telecharger.png) no-repeat 0 center;
	}
	/********************************/
	/*			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 {width:850px; }
	#contenu .menu_arbo h3 { }
	#contenu .menu_arbo ul {list-style: none; margin: 0; padding: 0;}
	#contenu .menu_arbo li {float: left; background: white; width: 210px; border: 1px solid #303030; 
	margin: 10px; padding: 10px; text-align: center; height: 210px;}
	#contenu .menu_arbo li strong {display: block; font-size: 1.4em;}
	#contenu .menu_arbo li a {color: #ee7000; text-decoration: none;}
	#contenu .menu_arbo li a:hover {}
	#contenu .menu_arbo li img {border:none; margin: 1em 0; padding: 0; }
	#contenu .menu_arbo li strong {}	
	
	#logo { text-align: center;}
	.titrePointCarte { 
		position: relative; display: block; width: 300px;
		font-size: 1.5em; color: #EE7000; font-weight: bold; text-decoration: none; 
	}
	.descPointCarte { 
		position: relative; display: block; width: 300px;
		font-size: 1.1em; line-height: 1.4em; color: #303030; text-decoration: none; 
	}
}
@media print{
  /* ... définition de formats pour l'impression ... */
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	#menu_menuprincipal {position: absolute; top: 431px; left: 9px; 	}
	#menu_menuprincipal h3 {position: absolute; top: 0; left: -999em;}	
	/*
	#menu_menuprincipal ul {list-style: none; margin: 0; padding: 0;
	width: 871px; height: 59px;
	background: url(../images/f-boutons.png) no-repeat 0 0;   
	}	
	#menu_menuprincipal li {
	}	
	#menu_menuprincipal li a {display: block; float: left; width: 145px; height: 59px; 
	}	
	#menu_menuprincipal li a:hover {background: url(../images/f-boutons.png) no-repeat 0 -59px;   }
	#menu_menuprincipal li#menu_menuprincipal_7 a:hover {background: url(../images/f-boutons.png) no-repeat -145px -59px;   }
	#menu_menuprincipal li#menu_menuprincipal_8 a:hover {background: url(../images/f-boutons.png) no-repeat -290px -59px;   }
	#menu_menuprincipal li#menu_menuprincipal_9 a:hover {background: url(../images/f-boutons.png) no-repeat -435px -59px;   }
	#menu_menuprincipal li#menu_menuprincipal_12 a:hover {background: url(../images/f-boutons.png) no-repeat -580px -59px;   }
	#menu_menuprincipal li#menu_menuprincipal_10 a:hover {background: url(../images/f-boutons.png) no-repeat -725px -59px;   }
	#menu_menuprincipal li a span {position: absolute; top: 0; left: -999em;}
	*/
	#menu_menuprincipal ul {list-style: none; margin: 0; padding: 0;
	width: 870px; height: 57px;
	background: url(../images/f-menu.png) repeat-x 0  0;   
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	}	
	#menu_menuprincipal li {float: left;}	
	#menu_menuprincipal li a {display: block;  margin: 0; padding: 0;
	width: 144px; height: 57px; text-transform: uppercase; color: #303030; font-size: 1.4em; font-weight: bold;
	text-decoration: none; line-height: 50px; text-align: center;	border-left: 1px solid black; 
	}	
	#menu_menuprincipal li#menu_menuprincipal_8 a {line-height: 1.4; padding: 7px 0 0 0; height: 50px;}
	#menu_menuprincipal li a:hover {background: url(../images/f-menu-actif.png) repeat-x 0 0; color: white;  }
	#menu_menuprincipal ul ul { 
	}	
	#menu_menuprincipal ul li:hover ul,
	#menu_menuprincipal ul li.sfhover 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 {position: relative; clear: both;}	
	#menu_menupieddepage h3 {position: absolute; top: 0; left: -999em;}	
	#menu_menupieddepage ul {position: relative; float: right; list-style: none; margin: -20px 45px 0 0; padding: 0;	}	
	#menu_menupieddepage li {position: relative; float: left; display: block; padding: 0 5px; border-left: 1px solid black;}
	#menu_menupieddepage li:first-child {border-left: none;}	
		
	#menu_menupieddepage li a {color: #303030; text-decoration: none;}	
	#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 {
}

@media screen{
	h1#con_libelle_contact { font-size: 1.8em; font-weight: normal; 
	color: #ee7000; text-transform: uppercase; padding: 20px 0 0 0; margin: 0;}
	#formulaireContact {position: relative; float: right; 
	width: 271px; margin: 491px 0 40px 0; padding:
	color: #303030;}
	#formulaireContact fieldset {border: none; }
	#formulaireContact legend { }
	#formulaireContact p { position: relative; margin: 0.2em 0; font-size: 1.2em; }
	#formulaireContact p label {
		position:relative; width: 60px; vertical-align: top;
		display: -moz-inline-box; display: inline-block;
		font-size: 1em; line-height:1.2em;
	}
	#formulaireContact p label.radio { display: block; width: auto; }
	#formulaireContact p input, #formulaireContact p textarea, #formulaireContact p select { 
	position: relative; width: 183px; border: 1px solid #ee7000; }
	#formulaireContact p input { }
	#formulaireContact p textarea { height: 5em; }
	#formulaireContact p select { }
	/* tous les champs checkbox */
	#formulaireContact p input[type="checkbox"] { width: auto; }
	/* tous les champs radio */
	#formulaireContact p input[type="radio"] { width: auto; }
	
	/* bouton submit */
	#formulaireContact h4.btnenvoyer { font-size: 1em; text-align: center; }
	#formulaireContact h4.btnenvoyer input { cursor: pointer; 
	width: 185px; height: 25px; background: url(../images/b-contact.png); border: none;
	font-weight: bold; color: white; text-transform: uppercase;
	}
	
	/* champs obligatoires */
	#contenu p.messobligatoire { }
	#formulaireContact p.obligatoire, #contenu p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#formulaireContact .obligatoire label, #formulaireContact .obligatoire legend {
		padding-left: 7px;
		background: url(../images/etoile_obligatoire.png) no-repeat left top;
	}
	#formulaireContact p.obligatoire input { }
	#formulaireContact p.obligatoire span { }
	#formulaireContact .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }
	
	.message, .messageConfirmation, .messageAlert { }
	
	p#message_envoye { font-size: 1.2em; font-weight: bold; }
}
@media print{ }