@charset "UTF-8";


@media screen{
	body { 
		margin: 0; padding: 0; font-family:  arial, "sans serif"; 
		font-size: 62.5%; text-align: center;
		background: url(../images/f-body.jpg) fixed center 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;
	}
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute; top: 0; left: 10px;
		width: 948px; height: 96px; 
		background: url(../images/entete.jpg) no-repeat left top;
		
	}
	#entete h1 { 
		position: absolute; top: 0; left: 35px;
		width: 266px; height: 78px; 
		background: url(../images/logo.png) no-repeat left top;
	}
	#entete h1 a {display: block; width:266px; height: 78px; }
	#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; display: inline; margin: 0 0 12px 0; padding: 150px 0 0 20px; width: 700px; }
	
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle { 
		font-size: 2.4em;  	color:#565758; 
		border-bottom: 1px solid #565758;
		width: 700px; margin-top: 0; clear: both;
	}
	#con_chapeau { font-size: 1.4em; clear: both; }
	.soustitre{font-size: 1.6em; clear: both; color: #565758; font-weight: bold;}
	#con_descriptif { font-size: 1.2em; clear: both; }
	#desc #con_descriptif .video { 
		position: relative; padding: 15px; width: 432px; height: 340px;
		background: url(../images/f-video.png);
	}
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1 { font-size: 1.8em; }
	#con_descriptif h2 { font-size: 1.6em; }
	#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 { border-collapse: collapse; width: 100%; border: none;  }
	#con_descriptif table td { border: none; line-height: 1.6em; }
	#con_descriptif table td em { 
		display: block; min-height: 35px; 
		background: #565758; 
		font-weight: bold; font-style: normal; color: white; line-height: 1.2em;
	}
	#con_descriptif table caption { display: none; }
	/*---------- liens ----------*/
	#con_descriptif a { color: #565758; text-decoration: underline; }
	#con_descriptif a:hover { text-decoration: none; }
	/*---------- images ----------*/
	#con_descriptif .englobantimage { display: inline-table; margin: 0.5em;  }
	#con_descriptif .imageright { float: right; margin-right: 0; }
	#con_descriptif .imageleft { float: left; margin-left: 0; }
	#con_descriptif img { border: none; }
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}
	/*---------- fichiers en téléchargement ----------*/
	#con_descriptif .fichiers {
		position: relative; margin: 1em 0; padding: 10px; width: 679px;
		background: url(../images/f-telechargement.png) no-repeat;
		border-bottom: 1px solid #565758; 
	}
	#con_descriptif .fichiers a {
		padding: 0 0.5em; color: #565758; text-decoration: none;
		background: url(../images/puce-plansite.png) no-repeat left center;
	}
	#con_descriptif .fichiers a:hover { text-decoration: underline; }
	#con_descriptif .fichiers span.poids { font-size: 0.8em; font-style: italic; }
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; top: 0; left: -999em; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	/*-- menu liste des liens d'une rubrique --*/
	#blocEntete { 
		position: relative; 
		display: block; 
		margin: 0; 
		width: 700px; 
		text-decoration: none;
		text-align: center; 
		}
	#blocEntete img { border: none;  }
	#blocEntete span.slogan {
		display: block;  margin: 10px;
		font-size: 2.4em; color: black; text-transform: lowercase; }
	
	#desc { 
		position: relative; 
		float: left; 
		display: inline; width: 462px; margin-right: 12px; 
		}
	
	#contenu .menu_arbo { 
		position: relative; float: left; display: inline; padding: 0 0 15px 0; width: 225px;
		background: url(../images/f-menumarques.jpg) no-repeat left bottom; 
	}
	#contenu .menu_arbo.commercialisation {
		float: none; padding: 0; width: auto; background: none;
	} 
	#contenu .menu_arbo h3 {
		margin: 0; width: 225px; height: 15px;
		background: url(../images/f-menumarques-top.png) no-repeat left top; 
	}
	#contenu .menu_arbo.commercialisation h3 { background: none; }
	#contenu .menu_arbo ul { margin: 0 10px; padding: 0; list-style: none; }
	#contenu .menu_arbo li {
		margin: 0 0 10px 0; padding: 0 0 10px 0; 
		border-bottom: 1px solid #a2a3a6;
		font-size: 1.1em; color: white;
	}
	#contenu .menu_arbo.commercialisation li { font-size: 1.3em; color: black; }
	#contenu .menu_arbo li a { display: block; clear: both; color: white; text-decoration: none; text-align: right; }
	#contenu .menu_arbo.commercialisation li a { color: black; }
	#contenu .menu_arbo li a span {
		padding-left: 10px; line-height: 1.3em;
		background: url(../images/puce-plus.png) no-repeat left center;
	}
	#contenu .menu_arbo li a:hover { text-decoration: underline; }
	#contenu .menu_arbo li img { border: 3px solid white; float: left; margin-right: 5px; }
	#contenu .menu_arbo li strong { font-size: 1.2em;  }
	#contenu .menu_arbo li span.chapo { display: block; clear: both; }	
	#contenu .menu_arbo.commercialisation li strong {display: block; }
	#contenu .menu_arbo.commercialisation li span.chapo { display: inline; clear: none; }
}
@media print{
  /* ... définition de formats pour l'impression ... */
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	#nav{
		position: relative; float: left; display: inline; margin : 125px 0 12px 13px; width: 225px;
		background: url(../images/f-nav.jpg) no-repeat left bottom;		
	}
	#menu_menuprincipal { background: url(../images/deco-menu2.jpg) no-repeat 10px 20px; border-top: 4px solid #A1A2A5;	}
	#menu_menuprincipal h3 {position: absolute; top: 0; left: -999em;}	
	#menu_menuprincipal ul {list-style: none; margin: 20px 0 1em 78px; padding: 0;	}	
	#menu_menuprincipal li {
		margin: 0.1em 0 0 0; padding: 0 0 0.1em 0; width: 138px;
		font-size: 1.2em; line-height: 1.4em;
		border-bottom: 1px solid #a2a3a6;
		 
	}	
	#menu_menuprincipal li a {color: #cecece; text-decoration: none;}	
	#menu_menuprincipal li a:hover { color: white; }
	
	/********************************/
	/*		MENU MARQUES			*/
	/********************************/	
	
	#menumarques {
		position: absolute; top: 95px; left: 10px; height: 30px; width: 938px;
		margin: 0 0 0 10px;
		background: url(../images/f-menu.png) repeat-x left top;
	}
	#menu_menumarques {
	}
	#menu_menumarques h3 {
		float: left; display: inline; margin: 0; padding: 5px 0 0 40px; width: 120px; height: 25px;
		color: white; font-weight: bold; font-size: 1.4em; text-transform: uppercase;
		background: url(../images/marques.png) no-repeat left top;
	}	
	#menu_menumarques ul { float: left; display: inline; list-style: none; margin: 0 0 0 1em; padding: 0;	}	
	#menu_menumarques li { 
		float: left; display: inline; margin: 0 0 0 1.5em; padding: 5px 1.5em 0 0; 
		background: url(../images/limitemenu.png) repeat-y right top;
	}	
	#menu_menumarques li a {
		display: block; margin: 0; padding: 0; height: 25px;
		color: white; font-size: 1.4em; font-weight: bolder; text-transform: uppercase; text-decoration: none;
	}	
	#menu_menumarques li a:hover { color: #757575; }
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#pieddepage {
		position: relative; clear: both; margin: 5em 0 0 22px; padding: 12px 0;
		background: url(../images/f-pieddepage.png) no-repeat left top;
	}
	#piedadresse { float: left; display: inline; width: 206px; margin: 0 12px 12px 12px; }
	#piedadresse p { color: #505151; font-size: 1.1em; line-height: 1.3em; }
	#piedadresse p img { margin-bottom: 0.5em; border: 3px solid white; }
	#piedadresse p a { color: #505151; text-decoration: none; }
	#piedadresse p a:hover { text-decoration: underline; }
	#menu_menupieddepage { }	
	#menu_menupieddepage h3 {position: absolute; top: 0; left: -999em;}	
	#menu_menupieddepage ul {list-style: none; margin: 0; padding: 0;	}	
	#menu_menupieddepage li { }	
	#menu_menupieddepage li a {color : #505151; text-decoration: none;	}	
	#menu_menupieddepage li a:hover { text-decoration: underline; }
	
	#plandusite { float: left; display: inline; width: 225px; margin: 12px 12px 12px 0; color: #505151; }
	#plandusite ul { margin: 0; padding: 0; list-style: none; }
	#plandusite ul ul { }
	#plandusite li a { color: #505151; text-decoration: none; }
	#plandusite li a:hover { text-decoration: underline; }
	#plandusite ul ul li a { padding-left: 12px; background: url(../images/puce-plansite.png) no-repeat left center; }
	#plandusite li em { font-style: normal;  }
	#plandusite li#plandusite_3, #plandusite li#plandusite_34 { display: none; }
	
	#menu_menupiedliens { float: left; display: inline; width: 456px; margin: 12px 0; color: #505151; }
	#menu_menupiedliens h3 { font-size: 1.1em; font-weight: normal; color: #505151; margin: 0;  }
	#menu_menupiedliens ul { margin: 0; padding: 0; list-style: none; }
	#menu_menupiedliens li { float: left; display: inline; width: 220px; margin: 8px 0 0 8px; font-size: 1.1em; }
	#menu_menupiedliens a { display: block; width: 220px; height: 70px; text-decoration: none; color: #505151; }
	#menu_menupiedliens a:hover { color: white; }
	#menu_menupiedliens a img { background: white; float: left; border: none; margin-right: 5px; border: 3px solid white; }
	#menu_menupiedliens a span { }
	
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	#menu_langue {position: absolute; top: 65px; left: 878px; width: 80px; height: 30px;  	}
	#menu_langue ul {list-style: none; margin: 5px; padding:0;  	}	
	#menu_langue ul li { display: inline;	margin: 0 5px;}	
	#menu_langue ul li a { 	}
	
	#menu_langue ul li a:hover { 	}	
	#menu_langue ul li a img { border: none;	}
}

@media print {
}

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
@media screen {
	form#mrecherche_rechercheGenerique {
	/*float: right; margin: 5px 10px 0 0; padding: 0;*/
	position: absolute;
	top: 10px; right: 30px;
	margin: 0; padding: 0;
	}
	form#mrecherche_rechercheGenerique p {float: left; margin: 0; padding: 0;	}
	form#mrecherche_rechercheGenerique p#p_rech_input_rechercheGenerique {
	}
	form#mrecherche_rechercheGenerique p#p_rech_btn_rechercheGenerique {
	}
	form#mrecherche_rechercheGenerique p input#recherche_rechercheGenerique {
		margin: 0; padding: 3px;
		width: 121px; height: 16px;
		border: none;
		background: url(../images/recherche.png) no-repeat left top;
	}
	form#mrecherche_rechercheGenerique p input#btnrecherche_rechercheGenerique {
		margin: 0;
		padding: 0;
		width: 79px; height: 20px;
		border: none;
		background: url(../images/rechercher.png) no-repeat left top;
		color: white; font-weight: bold; font-size: 1.1em;
	}
	
	/* résultat de recherche */
	h2.recherche { 
		margin: auto 0 0 0; padding: 0 0.5em; 
		color: #5a634f; font-size: 1.2em; line-height: 2em; text-transform: uppercase; 
		background: #dee0d4;
	}
	h3.recherche { 
		margin: 0; padding: 0 0.5em;
		color: #858e79; font-size: 1.2em; line-height: 2em; text-transform: uppercase; 
		background: #ecede6; 
	}
	ul.recherche { margin: 0; padding: 1em; list-style: none; border: 1px solid #ecede6; }
	ul.recherche li { padding: 0.3em; border-bottom: 1px solid #ecede6; }
	ul.recherche li.paire { background: white; }
	ul.recherche li.impaire { background: #f8f9f4; }
	ul.recherche li:hover { background: #ecede6; }
	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; padding: 0 0.5em; width: 100%; height: 16px; line-height: 16px;
		background: #565758 url(../images/puce-retour.png) no-repeat left center;
	}
	p.retour_recherche a { 
		color: white; font-size: 1.1em; font-weight: bold; display: block;
		text-transform: uppercase; text-decoration: none; text-align: center;
	}
	p.retour_recherche a:hover { color: #efefef; } 
	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{
	#nav #con_libelle_contact {
		margin :0;
		padding: 22px 0 0 5px;
		height: 49px;
		color: white;
		font-size: 1.4em;
		font-weight: bold;
		background: url(../images/masque-menu.png) no-repeat left top;
	}
	#nav form {	margin :-30px 0 0 0; width: 225px;}
	#nav form fieldset {border: none;	}
	#nav form legend {font-size: 1.2em;}
	#nav form p {
		position: relative;
		font-size: 1.2em;
		margin: 0.2em 0;
	}
	#nav form p label {
		position:relative;
		font-size: 1em;
		line-height:1.2em;
		vertical-align: top;
	}
	#nav form p label.radio {margin: 10px 0 0 0; padding: 0;display: block; line-height: normal;}
	#nav form p input, #nav form p textarea, #nav form p select {
		position: relative;
		margin:  0 0 0.5em 0; padding: 0;
	}
	#nav form p input {
		display: block;
		width: 205px;
		height: 18px;
		border: none;
		background: url(../images/f-input.png) no-repeat left top;
	}
	#nav form p label.radio input {
		position:relative;
		float: left;
		width: 18px;
		height: 18px;
		margin: 0; padding: 0;
	}
	#nav form p textarea {
		width: 205px;
		height: 48px;
		border: none;
		background: url(../images/f-textarea.png) no-repeat left top;
	}
	#nav form p select {
	}
	
	/* bouton submit */
	#nav form h4.btnenvoyer {text-align: center; margin: 1em 0; padding: 0;
	}
	#nav form h4.btnenvoyer input {
		width: 205px;
		height: 22px;
		cursor: pointer;
		margin: 0 auto;
		padding: 0;
		border: none;
		color: white;
		font-weight: bold;
		background: url(../images/f-envoyer.png) no-repeat left top;
	}
	
	/* champs obligatoires */
	#nav p.messobligatoire {padding: 0 0 0 10px; font-size: 1em; font-style: italic;}
	#nav form p.obligatoire, #nav p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#nav form .obligatoire label, #nav form .obligatoire legend {	
		padding-right: 0.7em; font-weight: bold;
		background: url(../images/etoile_obligatoire.png) no-repeat right top;
	}
	#nav form p.obligatoire input {
	}
	#nav form p.obligatoire span { position: absolute; top:0; right: -30px; 
	color: #555555; width: 100px;   font-size: 0.8em; padding: 0 2px 0 8px;
	background: url(../images/erreur.gif) no-repeat top left;		
	}
	#nav form .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }
	
	.message, .messageConfirmation, .messageAlert { margin: 1em;}
	
	p#message_envoye {margin: 1em; font-size: 1.2em; font-weight: bold; }
}
@media print{
  /* ... définition de formats pour l'impression ... */
}


@media screen {
	/* GALERIE PHOTO PLANCHE CONTACT*/
	ul.galerie_contact { position: relative; margin: 1em 0 0 0; padding: 1em 0 0 0; }	
	ul.galerie_contact li {
		position: relative; float: left; display: inline;
		margin: 2px; padding: 0; width: 228px;
	}	
	ul.galerie_contact li a {
		position: relative; display: block; padding: 2px; margin-bottom: 0.5em; width: 224px; height: 200px;
		background: white; border: 1px solid #a09e8e;
	}	
	ul.galerie_contact li a img { position: absolute; left: 50%; top: 50%; border: none; }
	ul.galerie_contact li span.titreImgGalerie {
		position: relative; display: block; margin-bottom: 0.3em;
		color: black; font-size: 1.3em; height: 3em;
	}
	ul.galerie_contact li span.descriptifImgGalerie {
		position: relative; display: block; height: 5em;
		overflow: auto;
	}
}

@media print {
}