@charset "UTF-8";


@media screen{
	body {
		margin: 0; padding: 0;
		font-family: arial, verdana, "sans serif"; font-size: 62.5%; text-align: center;
		background-color: #FBF3E6;
	}
	
	#global {
		position: relative; margin: 0 auto; width: 980px;
		font-size: 1em; text-align: left;
	}
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute; top: 0; left: 0; width: 980px; height: 160px;
		background: url(../images/f-entete.png) no-repeat 495px 1px;
	}
	#entete #logo {
		position: absolute; top: 32px; left: 24px; width: 120px; height: 120px; top: 24px; left: 0px;
		background: url(../images/logo.jpg) no-repeat;
	}
	#entete #logo a { display: block; width: 80px; height: 80px; text-decoration: none; }
	#entete h1 {
		position: absolute; top: 28px; left: 115px; margin: 0;
		font-size: 4.4em; font-weight: normal; color: #A55200;
	}
	#entete h2 {
		position: absolute; top: 80px; left: 140px; margin: 0;
		font-size: 2.5em; font-weight: normal; color: #A55200;
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position: absolute; top: 225px; left: 28px;
		margin: 0; padding: 0 0 0 2em; width: 95%; height: 24px; line-height: 24px;
		background: url(../images/puce-chemin.png) no-repeat left center;
	}	
	p#chemin span { font-size: 1.1em; padding-left: 1em; background: url(../images/puce-chemin-int.png) no-repeat left center; }	
	p#chemin span.chemin_first { background: none; padding-left: 0; }
	p#chemin a { color: black; }
	p#chemin a:hover { text-decoration: none; }
	p#chemin a span { font-size: 1em; background: none; padding-left: 0; }
	p#chemin em, p#chemin span.chemin_0 { position: absolute; left: -999em; top: 0; }
	
	#cheminfer2 { position: relative; margin-top: 1.5em; }
	#cheminfer2 p#chemin { position: relative; top: auto; left: auto; 
		margin: 0; padding: 0 0 0 2em; width: 95%; height: 24px; line-height: 24px;
		background: url(../images/puce-chemin.png) no-repeat left center;
	}	
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative; padding: 198px 0 0 0; margin-bottom: 2em;
		text-align: center;
		_border: #FBF3E6 1px solid;
	}
	#contenu #conteneurDesc,
	#contenu #conteneurPlan,
	#contenu #conteneurInclude { position: relative; margin: 0 50px; padding: 1em 30px; width: 820px; text-align: left; }
	#contenu #conteneurDesc,
	#contenu #conteneurInclude { background: url(../images/f-zonetxt.png) repeat-y center top; }
	#contenu #conteneurDesc.include,
	#contenu #conteneurDesc.galerie,
	#contenu #conteneurPlan { margin-top: -3em; background: url(../images/f-chapeau.png) no-repeat center top; }	
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; left: -999em; top: 0; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { }
	#contenu hr { color: #D5A46D; background-color: #D5A46D; height: 1px; border: 0; clear: both; }
	
	a#topofthepage {
		position: fixed; bottom: 11em; margin-left: 956px;
		display: block; width: 24px; height: 24px;
		background: url(../images/toppage24.png) no-repeat;
	}
	a#topofthepage span { position: absolute; top: 0; left: -999em; }
	
	#contenu .deco {
		position: relative; margin-left: 50px; *margin-left: 0; width: 880px; height: 20px;
		background: url(../images/bas-contenu.png) no-repeat left bottom;
	}
	
	#contenu a { color: #A55200; text-decoration: none; }
	
	/*--	titraille	--*/
	.h1 {
		position: relative; display: -moz-inline-box; display: inline-block;
		margin: 0 auto 1.5em auto; padding: 0 2.5em; height: 43px; line-height: 43px;
		border: none; _border: 1px solid #005EAB;
		background: url(../images/f-titre.png) no-repeat left top; _background-color: white;
		z-index: 2; text-align: center;
	}
	.h1 h1#con_libelle,
	.h1 h1#con_libelle_editeur { 
		display:inline;
		font-size: 3em; font-weight: normal; color: #A55200; 
	}
	.h1 h1#con_libelle_editeur { font-size: 1.2em; }
	.h1 .decoh1 {
		position: absolute; top: 0; right: 0;
		display: block; width: 20px; height: 43px;
		background: url(../images/deco-titre.png) no-repeat right top; _background: none;
	}
	
	#contenu #con_descriptif h1,
	#contenu .con_descriptif h1 { font-size: 1.8em; background-color: #EED6B9; color: #A45300; } }
	#contenu #con_descriptif h2,
	#contenu .con_descriptif h2 { font-size: 1.6em; background-color: #EED6B9; color: #A45300; margin-top: 0; font-weight: normal; }
	#contenu #con_descriptif h3,
	#contenu .con_descriptif h3 { font-size: 1.4em; color: #A45300; margin-top: 0; }
	#contenu #con_descriptif h4,
	#contenu .con_descriptif h4 { font-size: 1.4em; color: #A45300; margin-top: 0; font-weight: normal; }
	#contenu #con_descriptif p, #contenu #con_descriptif ul,
	#contenu .con_descriptif p, #contenu .con_descriptif ul { font-size: 1.2em; }
	
	/*--	listes générales	--*/
	#contenu ul { }
	#contenu ul li { }
	
	/*--	champs de texte		--*/
	#contenu #con_chapeau {
		position: relative; display: block;
		margin: -2em 0 0 50px; *margin: -2em 0 0 0; padding: 2.5em 28px 0.5em 28px; width: 824px; 
		text-align: justify; font-size: 2em; color: #D5A46D;
		background: url(../images/f-chapeau.png) no-repeat;
	}
	
	#contenu #con_descriptif {  }
	
	#contenu #con_descriptif div.tableau table,
	#contenu .con_descriptif div.tableau table  { border-collapse: collapse; margin: 2px; }
	
	#contenu #con_descriptif div.tableau table td,
	#contenu .con_descriptif div.tableau table td { border: 1px solid #5F5F5F; padding: 2px; }
	
	#contenu #con_descriptif div.tableau caption,
	#contenu .con_descriptif div.tableau caption { font-size: 1.2em; font-weight: bold; color: #5F5F5F; }
	
	#contenu #con_descriptif table h3,
	#contenu .con_descriptif table h3 { text-decoration : underline; color : #8c4999; }
	
	#contenu #con_descriptif table li { }
	
	#contenu #con_descriptif .fichiers a,
	#contenu .con_descriptif .fichiers a {
		background: url(../images/puce-telecharger.png) no-repeat left 4px;
		padding: 4px 0 4px 20px; border: none;
	}
	
	/*-- dates de création et de modification	--*/
	#contenu ul#dates-crea-modif { }
	#contenu ul#dates-crea-modif li { }
	
	/* ajout du 26 janvier 2009 */
	#contenu #conteneurDesc  #con_descriptif img,
	#contenu #conteneurDesc  .con_descriptif img { position: relative; border: none; margin: 0 0.5em; }
	
	/********************************/
	/*	MISES EN PAGE SPECIFIQUES	*/
	/********************************/
	
	/* GOOGLE MAP */
	#cartegoogle { position: relative; margin: 0 auto; }
	
	/* GALERIE PHOTO PLANCHE CONTACT*/
	#conteneurDesc.galerie ul.galerie_contact { position: relative; margin: 3em -15px 1em -15px; padding: 0; width: 900px; }	
	#conteneurDesc.galerie ul.galerie_contact li { 
		position: relative; display: block; float: left; margin: 2px; padding: 3px;
		background: white;
		border: 1px solid #a09e8e; border-bottom: 2px solid #7a7866; border-right: 2px solid #7a7866; 
	}	
	#conteneurDesc.galerie ul.galerie_contact li a {
		/*position: relative; width: 200px; height: 200px; background: red;*/
		position: relative; display: block; /*padding: 5px 4px;*/ margin-bottom: 0.5em; width: 200px; height: 200px;
		
		
	}	
	#conteneurDesc.galerie ul.galerie_contact li a img { 
		position: absolute; left: 50%; top: 50%; 
		border: 1px solid #a09e8e;
	}
	#conteneurDesc.galerie ul.galerie_contact li span.titreImgGalerie {
		position: relative; display: block; margin-bottom: 0.3em;
		color: #7eb907; font-size: 1.3em;
	}
	#conteneurDesc.galerie ul.galerie_contact li span.descriptifImgGalerie { position: relative; display: block; height: 5em; overflow: auto; }
	
	
	/********************************/
	/*		MINI DIAPORAMA			*/
	/********************************/
	.minidiaporama { position: relative; margin-left: 1em; }
	.minidiaporama ul { position: relative; margin: 0; padding: 0; list-style: none; width: 450px; height: 300px;  overflow: hidden; }
	.minidiaporama li { position: absolute; top: 0; left: 0; visibility: hidden; }
	
	/********************************/
	/*		RUBRIQUE RECETTES		*/
	/********************************/
	.menuarbo { position: relative; margin: 0; }
	.menuarbo h3 { position: absolute; top: 0; left: -999em; }
	.menuarbo ul {
		position: relative;
		margin: 0 0 0 15px;
		padding: 0;
		list-style: none;
	}
	.menuarbo ul li {
		position: relative; float: left; display: block;
		margin: 0 1em 1em 0; _margin: 0 0.8em 1em 0; padding: 10px; width: 235px; height: 75px;
		background: url(../images/f-bateau-produit.png) no-repeat;
		overflow: hidden;
	}
	.menuarbo ul li a { text-decoration: none; color: black; }
	.menuarbo ul li a:hover { color: #006AB2; }
	.menuarbo ul li a img { position: relative; margin-right: 10px; border: none; }
	.menuarbo ul li a strong { position: relative; display: block;	margin: -80px 0 0 80px; font-size: 1.3em; }
	.menuarbo ul li a span span { position: relative; display: block; font-size: 1em; margin-left: 80px; }
}
@media print{
	body {
		margin: 0;
		padding: 0;
		font-family: arial, verdana, "sans serif";
		font-size: 12pt;
	}
	
	#global {
	}
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute; top: 0; left: 0; width: 100%;
		border-bottom: 1px solid #0068B4;
	}
	#entete #logo {
		position: absolute; width: 80px; height: 80px; top: 0; left: 0;
		background: url(../images/logo.png) no-repeat;
	}
	#entete h1 {
		position: relative; margin: 0 0 0 100px;
		font-size: 36pt; font-weight: normal; color: #0068B4;
	}
	#entete h2 {
		position: relative; margin: 0 0 0 100px;
		font-size: 24pt; font-weight: normal; color: #0068B4;
	}
	#entete h3#sanspermis {
		position: relative; margin: 0 0 0 100px; 
		color: #0068B4; font-weight: normal;
	}
	
	p#chemin,
	#menu_menuprincipal,
	#menu_autresSites,
	#menu_menuAnnexe,
	#pied,
	#menu_langue,
	#papillon { display: none; }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu { position: relative; padding: 80pt 0 0 0; }
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { display: none; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }

	
	#contenu .deco { }
	
	/*--	titraille	--*/
	#contenu h1#con_libelle { position: relative; text-align: center; font-size: 24pt; font-weight: normal; color: #006AB2; }
	#contenu h1#con_libelle span { }
	#contenu h1#con_libelle span.deco { }
	#contenu #con_descriptif h1 { }
	#contenu #con_descriptif h2 { font-size: 16pt; background-color: #A4BEDF; color: #006AB2; }
	#contenu #con_descriptif h3 { }
	#contenu #con_descriptif h4 { }
	
	/*--	champs de texte		--*/
	#contenu #con_chapeau { position: relative; }
	
	/********************************/
	/*	MISES EN PAGE SPECIFIQUES	*/
	/********************************/
	
	/* GOOGLE MAP */
	#cartegoogle { position: relative; margin: 0 auto; }
}



	/********************************/
	/*		MENU 1 = NAVIGATION		*/
	/********************************/
	#menu_menuprincipal { position: absolute; top: 128px; left: 204px; width: 699px; height : 32px; }	
	#menu_menuprincipal ul { position: relative; margin: 0; padding: 0; width: 699px; height : 32px; }	
	#menu_menuprincipal li { position: relative; display: block; float: left; margin-right: 1px; }	
	#menu_menuprincipal li a {
		position: relative; display: block; width: 96px; height: 32px; line-height: 32px;
		text-align: center; font-size: 1.2em; font-weight: bold; color: white; text-decoration: none; 
		background: url(../images/btn-menu.png) no-repeat left top;
	}
	#menu_menuprincipal li.menuActif a,
	#menu_menuprincipal li.lienActif a { background-position: left -64px; }	
	#menu_menuprincipal li a:hover { background-position: left -32px; }
	
	#menu_menuprincipal ul ul {
		position: absolute;
		left: -999em;
		margin: 0;
		padding: 4px 10px 3px 10px;
		width: 756px;
		height: 26px;
		background: url(../images/f_ssmenu.png) no-repeat bottom left;
	}	
	#menu_menuprincipal ul li:hover ul,
	#menu_menuprincipal ul li.sfhover ul,
	#menu_menuprincipal ul li.menuActif ul,
	#menu_menuprincipal ul li.lienActif ul { left: 0; }
	
	#menu_menuprincipal ul li:hover ul,
	#menu_menuprincipal ul li.sfhover ul { background: url(../images/f_ssmenu.png) no-repeat top left; }
	
	#menu_menuprincipal ul li:hover,
	#menu_menuprincipal ul li.sfhover { z-index: 1000; }
	
	#menu_menuprincipal ul ul li { margin: 0; }	
	
	#menu_menuprincipal ul ul li a {
		position: relative; margin: 0; padding: 0 5px;
		display: block; width: 115px; height: 26px; line-height: 0.8em;
		text-align: center; font-size: 1.1em; font-weight: normal; text-decoration: none; color: white;
		border-right: 1px solid white;
		background: none;
	}
	#menu_menuprincipal ul ul li.lienActif a { color: #fc3; }
	#menu_menuprincipal ul ul li a:hover { color: #dbc0e0; }
	
	#menu_menuprincipal ul li.gobackhome {
		position: absolute;
		top: -4px;
		left: -50px;
		
		display: block;
		float: none;
		margin-right: 0;
	}
	#menu_menuprincipal ul li.gobackhome a {
		position: relative;
		display: block;
		width: 34px;
		height: 26px;
		line-height: 26px;
		margin-top: 8px;
		background: url(../images/gobackhome.png) no-repeat left top;
	}
	#menu_menuprincipal ul li.gobackhome a span {
		position: absolute;
		left: -999em;
		top: 0;
	}
	
	/********************************/
	/*		MENU FRERE				*/
	/********************************/
	#menufrere {
		position: relative;
		margin: 0.5em 50px 3em 50px; padding: 0 5px; width: 870px; min-height: 32px; height: auto; _height: 32px;
		background: url(../images/f_menufrere.png);
		text-align: center;
	}
	#menufrere h3 { position: absolute; top: 0; left: -999em; }
	#menufrere ul { margin: 0 auto; padding: 0; list-style: none; }
	#menufrere ul li {
		position: relative; margin: 2px 1px; padding: 0;
		display: block; float: left;
	}
	#menufrere ul li a {
		display: block; padding: 0 2px; width: 116px; height: 28px;
		background-repeat: no-repeat;
		background-image: url(../images/f_bloc_menufrere.png);
		background-position: left top;
		color: black; text-decoration: none;
	}
	#menufrere ul li.lienActif a { background-position: left bottom; color: white;  }
	#menufrere ul li a:hover { background-position: left center; color: white; }
	
	/********************************/
	/*		MENU AUTRES SITES		*/
	/********************************/
	#menu_autresSites { position: absolute; top: 0; right: 0; text-align: center; }
	#menu_autresSites ul { position: relative; margin: 0; padding: 0; width: 980px; width: auto; list-style: none; }
	#menu_autresSites ul li { position: relative; }
	#menu_autresSites ul li a {
		position: relative; display: block; padding: 2px 0 0 0; width: 192px; height: 30px;
		background : url(../images/angles_menu_autres.png);
		background-repeat:  no-repeat;
		background-position: left top;
		font-size: 1.2em; line-height: 1.1em; font-weight: bold; color: white; text-decoration: none;
	}
	#menu_autresSites ul li#menu_autresSites_19 a { background-color: #06AAA9; }
	#menu_autresSites ul li a:hover { filter: alpha(opacity = 50); -moz-opacity: 0.5; opacity: 0.5; }
	#menu_autresSites ul li a span {}
	
	/********************************/
	/*		MENU ANNEXE				*/
	/********************************/
	#menu_menuAnnexe {
		position: absolute; top: 94px; left: 591px;
		margin: 0; width: 291px; height: 32px;
	}
	#menu_menuAnnexe ul {
		position: relative; margin: 1px 0 0 0; padding: 0; height: 32px;
		background: url(../images/f-menuannexe-accueil-int.png) no-repeat 1px 0;
	}
	#menu_menuAnnexe ul li { position: relative; float: right; display: block; margin-left: 1px; width: 96px; height: 32px; }
	#menu_menuAnnexe ul li a {
		position: relative; display: block;
		width: 96px; height: 32px; line-height: 32px;
		text-align: center; font-weight: bold; font-size: 1.2em; color: white; text-decoration: none;
	}
	#menu_menuAnnexe ul li a:hover { background: url(../images/f-menuannexe-accueil-int.png) no-repeat center left; }	
	#menu_menuAnnexe ul li a.lienActif { background: url(../images/f-menuannexe-accueil-int.png) no-repeat bottom left; }
	
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#pied {
		position: relative; width: 980px; height: 96px;
		background: url(../images/f-piedpage.png) no-repeat right top;
		text-align: center;
	}
	p#infopied { margin: 0; padding-top: 30px; font-size: 1.4em; }
	p#infopied a { color: #A55200; }
	p#infopied a:hover { text-decoration: none; }
	#blocpied { position: absolute; right: 0; top: 0; padding: 5px; width: 86px; height: 86px; text-align: left; }
	#blocpied h3 { font-size: 1em; font-weight: bold; margin: 0; }	
	#blocpied ul { margin: 0; padding: 0; }	
	#blocpied li { list-style: none; }	
	#blocpied li a { font-size: 0.9em; color: black; text-decoration: none; }	
	#blocpied li a:hover { text-decoration: underline; }
	#menu_menupieddepage h3 { position: absolute; left: -999em; top: 0; }
	
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	#menu_langue { position: absolute; top: 97px; top: 65px; right: 0; width: 96px; }
	#menu_langue ul { margin: 3px 0 0 0; padding: 0; }	
	#menu_langue ul li { list-style: none; }
	#menu_langue ul li span { }
	#menu_langue ul ul { position: relative; margin: 0 5px; _margin: 0; *margin: -1em 5px 0 5px; }
	#menu_langue ul ul li { display: block; width: 86px; border-bottom: 1px solid #E39476; }
	#menu_langue ul li a {
		position: absolute; top: 0; left: -999em; display: block;
		color: #A35419; text-decoration: none;
	}
	#menu_langue ul ul li a { position: relative; top: auto; left: auto; }
	#menu_langue ul li a:hover { color: white; }
	#menu_langue ul li a img { border: none; vertical-align: middle; margin: 2px 5px 2px 0; }
	
	/********************************/
	/*			BARRE OUTILS		*/
	/********************************/
	#contenu #barreoutils {
		position: absolute; _position: relative;
		bottom: -21px; left: 75px; _bottom : auto; _left: auto; _margin: -21px 0 0 75px;
	}
	#contenu #barreoutils ul { position: relative; margin: 0; padding: 0; list-style: none; }
	#contenu #barreoutils li {
		position: relative; float: left; display: block;
		width: 42px; height: 42px; margin-right: 5px;
	}
	#contenu #barreoutils a { }
	#contenu #barreoutils img { border: none; }
	


@media screen {
	/********************************/
	/*		MOTEUR DE RECHERCHE		*/
	/********************************/
	form#mrecherche_rechercheGlobale {
		position: absolute;
		top: 97px; top: 65px;
		right: 97px;
		height: 32px;
	}
	form#mrecherche_rechercheGlobale p {
			position: absolute;
			margin: 0;
	}
	form#mrecherche_rechercheGlobale p#p_rech_input_rechercheGlobale {
		right: 97px;
	}
	form#mrecherche_rechercheGlobale p#p_rech_btn_rechercheGlobale {
		right: 0;
	}
	form#mrecherche_rechercheGlobale p#p_rech_input_rechercheGlobale input {
		position: relative;
		left: auto;
		width: 182px;
		margin: 0;
		padding: 0 5px;
		height: 20px;
		border: none;
		background: url(../images/f-inputrecherche.png) no-repeat;
	}
	form#mrecherche_rechercheGlobale p#p_rech_btn_rechercheGlobale input {
		position: relative;
		left: auto;
		width: 96px;
		margin: 0;
		padding: 0;
		height: 20px;
		border: none;
		background: url(../images/f-btnrecherche.png) no-repeat;
		color: white;
		font-weight: bold;
		cursor: pointer;
	}
	
	.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 {
	form#mrecherche_rechercheGlobale {
		display: none;
	}
}