@charset "UTF-8";


@media screen{
	/***** TYPOS POSSIBLES ******/
	/* SANS-SERIF	: Arial, Verdana, Helvetica, Lucida grande (Mac uniquement) */
	/* SERIF		: "Times New Roman", Georgia, Baskerville */
	html { height: 100%; }
	body { 
		margin: 0; padding: 0; height: 100%;
		font-family: verdana, arial, "sans serif"; font-size: 62.5%; text-align: center;
		background: #3e3d3d url(../images/f-global.png) repeat-y center top; 
	}
	#global { 
		position: relative; margin: 0 auto; width: 980px; height: 100%;
		font-size: 1em; text-align: left;
		background: url(../images/f-contenu.png) no-repeat left bottom; 
	}
	body > #global {height: auto; min-height: 100%;}
	
	#global .deco {
		position: absolute; bottom: 80px; left: 135px; width: 254px; height: 116px;
		background: url(../images/silhouettes.png) no-repeat;
	}
	
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete { 
		position: absolute; top: 0; left: 0; width: 980px; height: 175px;
	}
	#visuentete { position: absolute; top: 0; left: 0; width: 980px; height: 175px; overflow: hidden; }
	#entete h1 { position: absolute; top: 5px; left: 0; margin: 0; }
	#entete h1 a { display: block; width: 159px; height: 141px; background: url(../images/logo.png); }
	#entete .menudeco {
		position: absolute; bottom: 0; left: 0; width: 980px; height: 25px;
		background: url(../images/f-header.png) no-repeat left bottom;
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin { 
		position: absolute; top: 185px; left: 0; width: 960px; margin: 0; padding: 0 0 0 10px;
		font-size: 1.1em; color: black;
		background: white;
	}
	p#chemin span.chemin_last { font-weight: bold; }
	p#chemin a { color: black; text-decoration: none; }
	p#chemin a:hover { text-decoration: underline; }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#contenu { padding: 200px 0 80px 0; }
	#main {
		position: relative; float: right; display: inline; 
		margin: 0 10px 100px 0; padding: 0; width: 745px; height: 100%;
	}
	
	/* CLEAR FIX*/
	.clearfix:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle { 
		margin: 0 0 auto 0; 
		font-size: 2.2em; font-weight: normal; font-family: "Myriad Pro",Myriad,Verdana; text-transform: uppercase; 
	}
	h1#con_libelle:first-letter { font-weight: bold; font-size: 1.3em; }
	#con_chapeau { font-size: 1.4em; }
	#con_descriptif { margin: 0 5px; font-size: 1.2em; line-height: 1.6em; }
	.imageRub {
		position: relative; display: block; width: 728px; height: 120px; overflow: hidden;
		border: 10px solid #f0f0f0;
	}
	.imageRub.communication { display: none; }
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1,
	#con_descriptif h2,
	#con_descriptif h3,
	#con_descriptif h4,
	#con_descriptif h5 { font-weight: normal; font-family: "Myriad Pro",Myriad,Verdana; margin: 10px 0; }
	#con_descriptif h1:first-letter,
	#con_descriptif h2:first-letter,
	#con_descriptif h3:first-letter,
	#con_descriptif h4:first-letter,
	#con_descriptif h5:first-letter { font-weight: bold; font-size: 1.2em; text-transform: uppercase; }
	#con_descriptif h1 { font-size: 1.7em; }
	#con_descriptif h2 { font-size: 1.5em; }
	#con_descriptif h3 { font-size: 1.4em; }
	#con_descriptif h4 { font-size: 1.3em; }
	#con_descriptif h5 { font-size: 1.2em; }
	/*---------- listes ----------*/
	#con_descriptif ul { }
	#con_descriptif ul li { list-style-type: square; }
	/*---------- table ----------*/
	#con_descriptif table {  }
	#con_descriptif table td { }
	#con_descriptif table caption { display: none; }
	/*---------- liens ----------*/
	#con_descriptif a { color: #6e6e6e; text-decoration: underline; }
	#con_descriptif a:hover { color: white; background: #6e6e6e; text-decoration: none; }
	/*---------- images ----------*/
	#con_descriptif a.englobantimage, #con_descriptif span.englobantimage { 
		display: block; /*padding: 3px; 
		background: #dedede;*/  
	}
	#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: none; }
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}		
	/*---------- séparateurs ----------*/
	#contenu hr { clear: both; background: transparent; color: transparent; height: 1px; border: none; }
	/*---------- fichiers en téléchargement ----------*/
	.fichiers {
		display: block; margin: 1em 0; padding: 0.5em 0 0.5em 40px;
		border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
		background: #efefef url(../images/download.png) no-repeat 5px 2px;
	}
	#con_descriptif .fichiers a { text-decoration: none; }
	#con_descriptif .fichiers a:hover { color: black; background: none; }
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; top: 0; left: -999em; }	
	.leon, .leon_menu_arbo { clear: both; float: none; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	/*-- menu liste des liens d'une rubrique de niv 1 (exemple : sport) --*/
	#contenu .menu_arbo.niv1 { 
		position: relative; margin: 2.5em -5px -5px -4px; padding: 5px 0 0 0; width: 755px;
		background: url(../images/f-menuarbo.png) no-repeat; display: none;
	}
	#contenu .menu_arbo.niv1 h3 { position: absolute; top: 0; left: -999em; }
	#contenu .menu_arbo.niv1 ul {
		position: relative; list-style: none; 
		margin: 0; padding: 15px 10px 10px 10px; width: 735px;
		background: url(../images/f-menuarbopoints.png) no-repeat left bottom;
	}
	#contenu .menu_arbo.niv1 li { float: left; }
	#contenu .menu_arbo.niv1 li.leon { float: none; }
	#contenu .menu_arbo.niv1 li a {
		display: block; padding: 10px; width: 118px; height: 32px; line-height: 32px; overflow: hidden;
		font-size: 1.4em; font-weight: bold; color: white; text-decoration: none; text-align: center;
		background: url(../images/btn-menuarbo.png) no-repeat;
	}
	#contenu .menu_arbo.niv1 li a:hover { background-position: 0 -52px; color: black; }
	
	/*-- menu liste des liens d'une rubrique de niv 2 (exemple : football) --*/
	#contenu .menu_arbo.niv2 { position: relative; margin: 2.5em 0 0 0; padding: 0; }
	#contenu .menu_arbo.niv2 h3 { position: absolute; top: 0; left: -999em; }
	#contenu .menu_arbo.niv2 ul { position: relative; list-style: none; margin: 0 0 0 35px; padding: 0; }
	#contenu .menu_arbo.niv2 li { float: left; margin: 0 25px; }
	#contenu .menu_arbo.niv2 li.leon { float: none; margin: 0; }
	#contenu .menu_arbo.niv2 li a { display: block; text-decoration: none; text-align: center; }
	#contenu .menu_arbo.niv2 li a:hover {  }
	#contenu .menu_arbo.niv2 li a img { border: none; }
	#contenu .menu_arbo.niv2 li a strong { position: absolute; top: 0; left: -999em; }
	
	/*-- menu liste des liens d'une rubrique de niv final (exemple : promotions) --*/
	#contenu .menu_arbo.final { position: relative; margin: 2.5em 1em 0 1em; padding: 0; }
	#contenu .menu_arbo.final .pair,
	#contenu .menu_arbo.final .impair { 
		position: relative; clear: both; margin: 0; padding: 5px 0; min-height: 100px;
		border-bottom: 1px solid #e0e0e0; 
	}
	#contenu .menu_arbo.final .imageDesc { position: absolute; }
	#contenu .menu_arbo.final .contentDesc { position: relative; display: block; margin: 0 0 0 150px; width: 400px; }
	#contenu .menu_arbo.final h4 { font-weight: normal; font-family: "Myriad Pro",Myriad,Verdana; margin: 0 0 10px 0; font-size: 1.5em; }
	#contenu .menu_arbo.final h4:first-letter { font-weight: bold; font-size: 1.2em; text-transform: uppercase; }
	#contenu .menu_arbo.final .descDesc { font-size: 1.1em; }
	#contenu .menu_arbo.final .descDesc p { margin-top: 0; }
	#contenu .menu_arbo.final a strong {  }
	#contenu .menu_arbo.final p.prix { 
		position: absolute; top: 0; right: -70px; 
		margin: 0; width: 70px; height: 70px; text-align: center; line-height: 70px; white-space: nowrap; 
		letter-spacing: -1px; font-size: 1.8em; font-weight: bold; color: white; font-family: arial;
		background: url(../images/tarif.png) no-repeat; 
	}
	#contenu .menu_arbo.final p.gotoContact { 
		position: absolute; top: 0; right: -175px; 
		margin: 0; padding: 10px 10px 0 29px; width: 61px; height: 60px; /*text-align: center;*/ line-height: 0.9em; 
		background: url(../images/infos.png) no-repeat; 
	}
	#contenu .menu_arbo.final p.gotoContact a {
		font-size: 1em; font-weight: bold; color: black; font-family: arial; text-decoration: none;
	} 
	#contenu .menu_arbo.final p.gotoContact span.decal { display: block; margin-left: -15px;margin-top: 0.5em; }
	
	/* GALERIE DE FICHIERS */
	ul.galerie_fichier { position: relative; clear: both;  margin: 2em 0 0 0; padding: 0; list-style: none; }	
	ul.galerie_fichier li { position: relative; float: left; display: inline; margin: 5px; padding: 0; width: 176px; height: 200px; }
	ul.galerie_fichier li a {
		position: relative; display: block; padding: 0 0 4px 0; width: 156px; height: 106px;
		font-size: 1.1em; color: black; text-decoration: none;
		background: white; border: 1px solid #dedede;
	}
	ul.galerie_fichier li a img { position: absolute; left: 50%; top: 50%; border: 1px solid #999; }
	 /* titre + descriptif */
	ul.galerie_fichier .conteneurDescGalerie { 
		position: absolute; display: block; top: 108px; left: 0; 
		margin: 0 -1px 0 -1px; padding: 5px 0 0 0; width: 156px; height: 85px; overflow: auto; 
		background: #efefef; border: 1px solid #efefef;
	}
	ul.galerie_fichier .titreFichierGalerie { display: block; color: #666; font-size: 1.2em; text-transform: capitalize; }
	ul.galerie_fichier .descriptifFichierGalerie { position: relative; display: block; color: #333; }
	ul.galerie_fichier .poidsFichierGalerie { font-size: 0.9em; font-style: italic; color: #999;  }
	
	/*----- GOOGLEMAP -----*/
	#map { border: 1px solid #dedede; }
}
@media print{
  /* ... définition de formats pour l'impression ... */
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	#menu_menuprincipal { position: absolute; top: 150px; left: 0; width: 980px; height: 25px; }
	#menu_menuprincipal h3 { position: absolute; top: 0; left: -999em; }	
	#menu_menuprincipal ul { position: relative; margin: 0; padding: 3px 0 0 10px; list-style: none; }	
	#menu_menuprincipal li { position: relative; float: left; display: inline; margin: 0 1px; display: block; }
	#menu_menuprincipal li a {
		display: block; height: 22px; line-height: 22px; letter-spacing: -1px;
		color: white; font-size: 1.5em; font-weight: bold; text-decoration: none;
	}
	#menu_menuprincipal li a span { display: block; padding: 0 10px; }	 
	#menu_menuprincipal li:hover a,
	#menu_menuprincipal li.sfhover a { background: black url(../images/menu-hover-gch.png) no-repeat; }
	#menu_menuprincipal li:hover > a span,
	#menu_menuprincipal li.sfhover a span { background:  url(../images/menu-hover-dt.png) no-repeat right top; }
		
	#menu_menuprincipal ul ul { 
		position: absolute; top: 22px; left: -999em;
		margin: 0; padding: 5px 0 10px 0; min-width: 22em;
		background: black url(../images/menu-hover-bdt.png) no-repeat right bottom; 
	}	
	#menu_menuprincipal ul li:hover ul,
	#menu_menuprincipal ul li.sfhover ul { left: auto; }
	#menu_menuprincipal ul ul li { float: none; margin: 0; height: auto; }
	#menu_menuprincipal ul ul li.deco {
		position: absolute; bottom: 0; left: 0; width: 10px; height: 10px;
		background: url(../images/menu-hover-bgch.png) no-repeat left bottom;
	}
	#menu_menuprincipal ul ul li a {
		display: block; margin: 0.5em 0; height: auto; line-height: normal;
		color: white; font-size: 1.2em; font-weight: normal; text-decoration: none;
	}
	#menu_menuprincipal ul ul li a:hover,
	#menu_menuprincipal ul ul li a.lienActif { color: #f29400; }
	
	#menu_menuprincipal li:hover ul a,
	#menu_menuprincipal li.sfhover ul a,	
	#menu_menuprincipal li:hover ul li > a span,
	#menu_menuprincipal li.sfhover ul li a span { background:  none; }
	
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#menu_menupieddepage {
		position: relative; clear:both; margin: -80px auto 0 auto; /* negative value of footer height */
		width: 980px; height: 80px;
		background: url(../images/f-footer.png) repeat-x;
	}
	#menu_menupieddepage ul { 
		position: relative;list-style: none; 
		margin: 0; padding: 50px 0 0 0; width: 980px; height: 30px;
		text-align: right;
		background: url(../images/deco-footer.png) no-repeat;
	}	
	#menu_menupieddepage li { display: inline; padding: 0 1em; line-height: 30px; border-left: 1px solid white; }
	#menu_menupieddepage ul li:first-child { border: none; }	
	#menu_menupieddepage li a { color: white; text-decoration: none; font-size: 1.1em; }	
	#menu_menupieddepage li a:hover { color: #aeaeae; }
	
	/********************************/
	/*			MENU GAUCHE			*/
	/********************************/
	#menu_gauche { position: relative; float: left; display: inline; width: 217px; /*height: 100%;*/	}
	#menu_gauche ul { margin: 3em 0 0 10px; padding: 0; list-style: none; }	
	#menu_gauche ul li { }
	#menu_gauche ul li.goOut { margin-top: 2em; padding-top: 2em; border-top: 1px dashed #666; }
	#menu_gauche ul li a {
		display: block; margin: 0.2em 0; padding: 0.2em 0.5em;;
		font-size: 1.2em; color: black; text-decoration: none;
	}
	#menu_gauche ul li a:hover { background: #e3e3e3; }
	#menu_gauche ul li a.lienActif { background: #666; color: white; }
}

@media print {
}

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
@media screen {
	form#mrecherche_rechercheGenerique { position: absolute; top: 10px; right: 10px; width: 200px; height: 21px; }
	form#mrecherche_rechercheGenerique p { position: absolute; top: 0; margin: 0; height: 21px; }
	form#mrecherche_rechercheGenerique p#p_rech_input_rechercheGenerique { 
		left: 0; width: 171px; height: 21px;
		background: url(../images/recherche.png) no-repeat;
	}
	form#mrecherche_rechercheGenerique p#p_rech_btn_rechercheGenerique { left: 171px; }
	form#mrecherche_rechercheGenerique p input {
		position: absolute; top: 0; left: 0; 
		border: none; margin: 0; padding: 0; height: 21px; line-height: 21px;
		font-size: 1.2em; color: #747474;
	}
	form#mrecherche_rechercheGenerique p input#recherche_rechercheGenerique { 
		padding: 0 5px; width: 171px; height: 21px; line-height: 16px;
		background: none;
	}
	form#mrecherche_rechercheGenerique p input#btnrecherche_rechercheGenerique { 
		width: 29px; cursor: pointer; font-size: 0;
		background: url(../images/recherche.png) no-repeat right top;
	}
	form#mrecherche_rechercheGenerique p input#btnrecherche_rechercheGenerique:hover {}
	
	/* résultat de recherche */
	h2.recherche { }
	h3.recherche { }
	ul.recherche {}
	ul.recherche li {}
	ul.recherche li a {}
	ul.recherche li a:hover {}
	
	/* bouton de retour à la liste de résultats */	
	p.retour_recherche { }
	p.retour_recherche a { }
	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 {
	/* liste des tags à choisir */
	h3.tagsAChoisir, 
	h3.tagsChoisis { 
		clear: both; padding: 0.5em 0 0 0; margin: 0.5em 0 0 0;
		font-size: 1.3em; color: #494949;
		border-top: 1px solid #dedede; 
	}
	h3.tagsAChoisir:first-letter,
	h3.tagsChoisis:first-letter { font-weight: bold; font-size: 1.3em; }
	ul.tagsAChoisir, 
	ul.tagsChoisis { margin: 0.3em 0; padding: 0; list-style: none; }
	ul.tagsAChoisir li,
	ul.tagsChoisis li {
		position: relative; float: left; display: inline;
		margin: 2px; padding-left: 16px; width: auto;
		font-size: 0.9em; white-space: nowrap;
		background: url(../images/picto-tag.png) no-repeat left center;  
	}
	ul.tagsAChoisir a,
	ul.tagsChoisis a { color: black; text-decoration: none; }
	ul.tagsAChoisir span,
	ul.tagsChoisis span { color: #999; font-style: italic; }
	
	/*#contenu hr { clear: both; background: #dedede; color: #dedede; height: 1px; border: none; }*/
	
	/* GALERIE PHOTO PLANCHE CONTACT*/
	ul.galerie_contact { position: relative; clear: both;  margin: 2em 0 0 0; padding: 0; list-style: none; }	
	ul.galerie_contact li { position: relative; float: left; display: inline; margin: 5px; padding: 0; width: 176px; }
	ul.galerie_contact li a {
		position: relative; display: block; padding: 0 0 4px 0; width: 156px; height: 106px;
		background: white; border: 1px solid #dedede;
	}
	ul.galerie_contact li a img { position: absolute; left: 50%; top: 50%; border: 1px solid #999; }
	 /* titre + descriptif */
	ul.galerie_contact .conteneurDescGalerie {
		/*position: relative; display: block; margin: 0; width: 156px;*/
		position: absolute;top: 0; left: -999em;
	}
	ul.galerie_contact .titreImgGalerie {
		position: relative; display: block; margin-bottom: 0.3em;
		color: #B70042; font-size: 1.4em; text-transform: capitalize;
	}
	ul.galerie_contact .descriptifImgGalerie { position: relative; display: block; height: 5em; color: #333; overflow: auto; }
	
	/* liste de tags associés au média */
	ul.tagsImgGalerie { position: relative; margin: 0; padding: 0; list-style: none; height: 5em; overflow: auto; }
	ul.tagsImgGalerie li { 
		margin: 2px; padding-left: 16px; width: auto;
		font-size: 0.9em;
		background: url(../images/picto-tag.png) no-repeat left center;  
	}
}

@media print {
}