/*	FICHIER :		Stylesheet.css
	DESCRIPTION : 	Fichier CSS par défaut
	AUTEUR : 		Simon Robert (Vortex Solution)
	TABLE DES MATIÈRES:
		- Éléments HTML (body, html, a, h1, h2, ...)
		- Conteneurs, menus et conteneurs par page
		- Pieds de page
		- Formulaires
		
------------------------------------------------------------------------------------ */

/* ÉLÉMENTS HTML
------------------------------------------------------------------------------------ */
body#main{
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #353535;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
img, #CalendrierEvenement{behavior: url(inc/iepngfix.htc);}

a, a:link, a:visited, a:hover{outline:none;}

h1{color: #6eb024; font-size:20px; padding:5px 0 5px 0; border-bottom:1px solid #DFDFDF; margin-bottom:5px;}
h1 a, h1 a:link, h1 a:visited{color:#6eb024; text-decoration:none;}
h1 a:hover, h1 a:visited:hover{color:#000; text-decoration:underline;}
h1 span{font-size:14px;color:#242424;}

h2{color: #242424; font-size:16px; padding-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{color:#242424; text-decoration:none;}
h2 a:hover, h2 a:visited:hover{color:#000; text-decoration:underline;}

h3{color: #414141; font-size:15px; padding-bottom:3px;}
h3 a, h3 a:link, h3 a:visited{color:#414141; text-decoration:none;}
h3 a:hover, h3 a:visited:hover{color:#000; text-decoration:underline;}

p{font-size: 12px; line-height: 150%; /*color: #353535;*/}
/*p strong{color:#6eb024;}*/
p.textePetit{font-size:11px;}
.textePetit{font-size:11px;}
p.texteCentre{text-align:center;}
p.texteADroite{text-align:right;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#02507f; text-decoration:underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{text-decoration:underline;}

ul li{
	
	color:#1F1F1F; font-size:12px; list-style:square; margin-left:16px;
}
ol li{color:#1F1F1F; font-size:12px; margin-left:16px;}

ul.avecIcone li{
	font-size:11px;
	line-height:26px;
	list-style:none;
	margin:0;
}
ul.avecIcone li.petit{
	font-size:11px;
	display:block;
	float:left;
	min-height:25px;
}
ul.avecIcone li.petit div{
	float:left;width:300px;display:inline;
}
/*
dt{clear:both;float:left;color:#6Eb024;font-weight:bold;width:80px;}
dd{float:right;width:500px;padding:0 0 10px 0;}
*/

/* ICONES GÉNÉRAUX
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_rss.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPDF{background: url(Gx/icone_pdf.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienDOC,.lienDOCX{background: url(Gx/icone_doc.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPPT,.lienPPTX,.lienPPS,.lienPPSX{background: url(Gx/icone_ppt.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienXLS,.lienXLSX{background: url(Gx/icone_xls.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienTXT,.lienRTF{background: url(Gx/icone_txt.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienVCF{background: url(Gx/icone_vcf.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienGIF,.lienJPG,.lienJPEG,.lienPNG{background: url(Gx/icone_img.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienEPS, .lienAI{background: url(Gx/icone_eps.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienZIP{background: url(Gx/icone_zip.gif) no-repeat left;padding:5px 0 5px 20px;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}*/
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 6%;
	text-align:left;
	width:940px;
}

#principal{
	background:#fff url(Gx/M/contenuColDroite_bg.jpg) no-repeat bottom right;
}

#haut{
	display:block;
	float:left;
	height:107px;
	width:940px;
}
#haut #logo{float:left;}
#haut #boiteNavSec{float:right; height:27px; width:365px;}
#navSec{background:url(gx/m/navSec_bg.gif) repeat-x; float:right;}
#navSec a, #navSec a:link, #navSec a:visited{
	border-right:1px solid #000;
	color:#76bb27;
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:27px;
	height:27px;
	padding:0 12px 0 12px;
	text-decoration:none;
}
#navSec a:hover, #navSec a:visited:hover{
	background:url(gx/m/navSec_bg_over.gif) repeat-x;
	color:#b5d632;
}
#navSec a #dernier,#navSec a:link #dernier, #navSec a:visited #dernier{border:none;}

#formRecherche{background:#FFF; border:1px solid #99c2d9; display:block; float:left; margin:3px 0 0 0; padding:0 0 0 2px;}
#formRecherche .champTexte{
	background:#FFF; border:none; padding:0; margin:0; font-style:normal; font-size:11px; height:16px; width:135px;
}
/* Connexion (login membres) */
#boiteConnexion{
	float:right;
	height:80px;
	position:relative;
	text-align:right;
	width:600px;
}
#boiteConnexion p{float:left; padding:10px 7px 0 7px; font-size:11px; color:#2c5f7b; font-weight:bold;}
#boiteConnexion p a, #boiteConnexion p a:link, #boiteConnexion p a:visited:link{color:#2c5f7b;}
#boiteConnexion p a:hover, #boiteConnexion p a:visited:hover{color:#000;}

#lienBtnConnexion{position:absolute; top:42px; left:410px;}
#contenuBoiteConnexion{
	background:#b7d9eb url(gx/m/contenuBoiteConnexion_bg.gif) repeat-y right; 
	display:none;
	visibility:hidden;
	position:absolute;
	top:80px; left:0px;
	height:42px;
	width:600px;
}

/* Formulaire de login (connexion à Mon Parc) */
#formConnexion{float:left; padding:7px;}
#formConnexion .champTexte{background:#eaf2f7; color:#073349; float:left; margin-right:3px; padding: 2px;width:110px; border:none;}
#formConnexion .bouton{font-size: 12px; padding:0 5px; margin-top:2px; border:0; width:auto; overflow:visible; cursor:pointer;}

#contenuPage{float:left; margin-left:15px; _margin-left:6px; padding-top:300px; width:700px;}
#contenuPage_Accueil{float:left; margin-left:10px; _margin-left:5px; padding-top:276px; width:700px;}

.colMoitie{
	width:320px;
}
.colMoitie.gauche{
	float:left;
}
.colMoitie.droite{
	float:right;
}
.boitePointille{
	border: 1px dotted #a8a8a8;
	padding:10px;
}

.both{clear:both;}
.clearLeft{clear:left;}
.nowrap{white-space:nowrap;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{border-top:#2c570c; background: url(gx/m/menu_bg.gif) no-repeat; display:block; float:left; height:45px; margin:0; padding:0; width:940px; position:relative;}
/* Voir styleshette.cfm pour le menu a{} avec largeurs statiques prédéfinies selon la langue */
#menu a:hover, #menu a:visited:hover{background:url(gx/m/menu_bg_over.png) repeat-x; color:#fff;}
#menu a.actif, #menu a.actif:visited{background:url(gx/m/menu_bg_on.png) repeat-x; color:#FFF;}

/* Sous-menus noirs transparents */
.sousMenuDeroulant{
	/*background: url(gx/m/sousMenuDeroulant_bg.png);*/
	background:#000;
	padding:12px;
	display:none;
}
.sousMenuDeroulant h2{color:#b5d632; font-size:11px; padding-bottom:5px; text-transform: uppercase;}
.sousMenuDeroulant h3{color:#b5d632; font-size:11px; padding-bottom:5px;}
.sousMenuDeroulant .contenu{display:block;float:left; margin-right:20px;}
.sousMenuDeroulant ul.colonne{display:block;float:left; width:165px;}
.sousMenuDeroulant ul li{color:#f2ffe2; margin:0; list-style-type:none;position:relative;font-size:11px;}
.sousMenuDeroulant ul li a, .sousMenuDeroulant ul li a:link, .sousMenuDeroulant ul li a:visited{color:#f2ffe2;text-decoration:none; position:relative;}
.sousMenuDeroulant ul li a:hover, .sousMenuDeroulant ul li a:visited:hover{color:#FFF;text-decoration:underline;}
/* Colonne de droite toujours présente */
#colDroite{display:block; float:right; width:208px; margin-right:10px; _margin-right:5px;}
#coinVert{background: url(gx/m/coinVert.gif) no-repeat right; display:block; height:29px; width:208px;}

#boiteDateAjdhui{display:block; height:65px; padding:5px 20px 0 0;}
#boiteDateAjdhui #nomJour{color:#FFF; display:block; font-size:20px; text-align:right;}
#boiteDateAjdhui #noJour{color:#FFF; display:block;  font-size:50px; text-align:right;}
#boiteDateAjdhui #noJour sup{font-size:20px;bottom:24px;vertical-align:baseline;}

.boiteEvenement{float:right; margin-bottom:10px; width:188px;}
.boiteEvenement h2{background:#000; color:#b5d632; font-size:12px; font-weight:bold; padding:5px;}
.boiteEvenement .date{background:#b5d632; color:#000; font-size:11px; font-weight:bold; padding:2px 5px 2px 5px;}
.boiteEvenement .premier{background:#b5d632 url(gx/m/boiteEvenementH2_bg.gif) no-repeat top right;}
.boiteEvenement p{color:#000; font-size:11px; padding:3px 5px 5px 5px; line-height:15px;}

.boiteEvenement p strong{color:#000;}
.boiteEvenement p.normal{font-weight:normal; padding:0;}
.boiteEvenement p a, .boiteEvenement p a:link, .boiteEvenement p a:link:visited{color:#000; text-decoration:none;}
.boiteEvenement p a:hover, .boiteEvenement p a:hover:visited{text-decoration:underline;}

/* Boite de recherche d'événements par date début et date fin*/
#boiteRechParDate{background:#b7d9eb url(gx/m/boiteRechParDate_bg.gif) repeat-y; float:right; margin-bottom:10px; padding:10px; width:168px;}
#boiteRechParDate h2{color:#2c5f7b; font-size:12px; font-weight:bold;}

/* CALENDRIER (Calendrier d'événements calendrierEvenement.js) */
div#CalendrierEvenement{
	font-size:11px; 
	width:200px; height:202px;
	float:right;
	margin-top:10px;
}
div#CalendrierEvenement div#CalendrierEvenement{background:url(Gx/M/calendrier_bg.png) no-repeat;background-position:5px 0;}
#CalendrierEContent, #Calendrier{position:relative;}
div#CalendrierEvenement .controls{padding:3px;}
div#CalendrierEvenement input{outline:none;}
div#CalendrierEvenement div.weekdays div{ color:#fff; font-weight:bold;padding:0 0 1px 1px;font-size:11px;}
div#CalendrierEvenement div.days{_position:absolute;_left:-175px;_top:20px;_width:179px;}
div#CalendrierEvenement div.days div{color:#CEEA59; font-weight:bold; height:18px;line-height:18px; padding:1px;}
div#CalendrierEvenement div.days div a, div#CalendrierEvenement div.days a:visited{ background:#CEEA59; color:#000; font-weight:bold; display:block; text-decoration:none; cursor:pointer; height:18px; }
div#CalendrierEvenement div.days div ul{display:none;font-weight:normal;background:#000;padding:5px;left:0;width:200px;position:absolute;z-index:100;}
div#CalendrierEvenement div.days div ul li{list-style-type:square;margin:3px 16px;text-align:left;color:#e0e09d;font-size:11px;}
div#CalendrierEvenement div.days div ul li a, div#CalendrierEvenement div.days ul li a:link, div#CalendrierEvenement div.days ul li a:visited{
	display:inline;
	color:#e0e09d; font-weight:normal;
	padding:0;
	margin:0;
	text-indent:0;
	background:none;
}
div#CalendrierEvenement div.days a:hover{ text-decoration:underline; }
div#CalendrierEvenement div.days div{ margin:-1px 0 0 -1px; }

/* CALENDRIER (Utilisé pour popup de calendar.js) */
div#Calendar{ background:#FFFFFF; border:#2266B3 1px solid; font-size:11px; }
div#Calendar div.weekdays div{ border:#FFFFFF 1px solid; color:#2266B3; font-weight:bold; margin:-1px 0 0 -1px; }
div#Calendar div.days a, div#Calendar div.days a:visited{ border:#2266B3 1px solid; color:#3e3328; margin:-1px 0 0 -1px; text-decoration:none; }
div#Calendar div.days a:hover{ color:#999999; }
div#Calendar div.days div{ background:#CFCFCF; border:#2266B3 1px solid; margin:-1px 0 0 -1px; }

/* Boite de nuage de mots clés */
#boiteNuageMotCle{background:#165473; border:1px solid #999999; color:#FFF; float:right; margin-bottom:10px; padding:5px; text-align:center; width:176px;}
#boiteNuageMotCle a, #boiteNuageMotCle a:link, #boiteNuageMotCle a:visited{color:#FFF; padding:2px; text-decoration:none;}
#boiteNuageMotCle a.niveauImportance_1, #boiteNuageMotCle a:link.niveauImportance_1, #boiteNuageMotCle a:visited.niveauImportance_1{font-size:20px;}
#boiteNuageMotCle a.niveauImportance_2, #boiteNuageMotCle a:link.niveauImportance_2, #boiteNuageMotCle a:visited.niveauImportance_2{font-size:13px;font-weight:bold;}
#boiteNuageMotCle a.niveauImportance_3, #boiteNuageMotCle a:link.niveauImportance_3, #boiteNuageMotCle a:visited.niveauImportance_3{font-size:11px;}

/* Boîte des collaborateurs */
#boiteCollaborateur{border:1px solid #999999; background:#fff; color:#FFF; float:right; margin-bottom:10px; text-align:center; width:186px;}
#boiteCollaborateur p{text-align:center;padding:2px 0 5px 0;}
#listeLogoCollaborateur{
  position:relative;
  width:186px;
  height:86px;
}
#listeLogoCollaborateur div{
  display:none;
  position:absolute;
  top:0;
  left:0;
}
#listeLogoCollaborateur div.logoCollaborateurActif{
  display:block;
}


/* Boîte de Météomedia */
#boiteMeteomedia{float:right; margin-bottom:10px; text-align:center; width:188px;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#boitePhotoAccueil{display:block;float:left;width:692px;}
#boitePhotoAccueil #listeBtn{
	background-color:#919191;
	display:block;
	float:left;
	padding:5px;
	width:110px;
}
#boitePhotoAccueil #listeBtn a, #boitePhotoAccueil #listeBtn a:link, #boitePhotoAccueil #listeBtn a:visited{
	background:url(Gx/01/btnPhoto_bg.gif) no-repeat;
	color:#919191;
	float:left;
	font-size:11px;
	font-weight:bold;
	padding:7px 10px 5px 10px;
	text-align:center;
	text-decoration:none;
}
#boitePhotoAccueil #listeBtn a.actif, #boitePhotoAccueil #listeBtn a.actif:visited{color:#FFF;}

#titrePhotoAccueil{background:url(Gx/01/titrePhotoAccueil_bg.gif) repeat-x;color:#FFF;display:block;font-size:22px;height:59px;padding:10px 0 0 10px;width:692px;}
.titrePhotoAccueilID{display:none;}

/* PAGE LISTE D'ÉVÉNEMENTS/ACTIVITÉS
--------------------------------------------------------------------------------------- */
.boiteListe{
	float:left;
	display:block;
	padding:10px 10px 10px 0;
	margin :0 0 0 0;
	border-top: 1px dotted #a8a8a8;
	clear:both;
	width:690px;
}
.boiteListe.premier{
	border-top:none;
}

.boiteListe .conteneurPhoto{float:left; border:5px solid #DFDFDF;}
.boiteListe .conteneurPhoto img{background:#FFF;padding:5px;float:left;}
/*.boiteListe .conteneurPhoto .cadrePhoto{background:url(gx/02/cadrePhoto_bg.png) no-repeat top left;height:127px;width:187px;top:0;left:0;}*/
.boiteListe .conteneurDescr{float:right; width:480px; display:block;}
.boiteListe a.btnDetail, .boiteListe a:link.btnDetail, .boiteListe a:visited.btnDetail{background:url(gx/02/btnDetail.png) no-repeat; color:#658b46; display:block; float:right; margin:0 0 0 0; padding: 10px 20px 10px 35px; text-decoration:none;}
.boiteListe a:hover.btnDetail, .boiteListe a:visited:hover.btnDetail{background:url(gx/02/btnDetail_over.png) no-repeat; color:#78bc28;}

/* PAGE FICHE
--------------------------------------------------------------------------------------- */
.boiteFiche{
	/*padding:10px;
	border: 1px dotted #a8a8a8;*/
	clear:both;
	float:left;
	width:450px;
}

/* Boîte avec Photos, vidéos et carte */
#boiteFicheDroite{
	float:right;
	/*padding-top:30px;*/
	width:238px;
}
.boiteBtn, .boiteDocument{background:url(Gx/02/btnBg.gif) repeat-y;}
.boiteBtn a, .boiteBtn a:link, .boiteBtn a:visited{display:block;background:url(Gx/02/btnTop.gif) no-repeat;padding:10px 11px;position:relative;text-decoration:none;}
.boiteBtn b, .boiteDocument b{color:#6eb024;font-size:18px;font-weight:normal;}
.boiteBtn .imgBtn, .boiteDocument .imgBtn{position:absolute;right:15px;bottom:10px;}
.boiteBtn .bas, .boiteDocument .bas{background:url(Gx/02/btnBottom.gif) no-repeat bottom;height:5px;}
.boiteInner{background:url(Gx/02/btnTop.gif) no-repeat;padding:10px 11px;position:relative;}

.listeEvenementDate{float:left;display:block; clear:both; margin:1px 0 1px 0; width:100%;}
.listeEvenementDateFiche{float:left;display:block; clear:both; margin:1px 0 1px 0; width:435px;}
.listeEvenementDate.prochain, .listeEvenementDateFiche.prochain{background:#ecf2d6; color:#112900; font-weight:bold; padding:2px 5px 2px 5px; border:1px dotted #b5d632;}

.boiteDocument .boiteInner li.active{
	
}
.boiteDocument .boiteInner li.active a{
	color: #999999 ;
	text-decoration: none ;
	cursor: default ;
}

/* PHOTO ET VIDEO
--------------------------------------------------------------------------------------- */
.photoJour{
	display:block;
	float:left;
	width:345px;
}

.videoJour{
	display:block;
	float:left;
	width:345px;
	margin:0 0 0 10px;
}

.thumbPhoto{
	margin:0 15px 15px 0;
	display:block;
	float:left;
	
}
#boiteBtnAjoutePhoto{
	float:left;
	width:238px;
	display: block;
	clear:both;
}

/* PAGE ACCÈS ET SERVICES
--------------------------------------------------------------------------------------- */
.bordure{border:10px solid #d7d7d7;}
.mortaiseDroite{float:right;margin:0 0 10px 10px;}

#map{float:left; height:640px; width:400px;}
#mapDetail{float:left; height:640px; width:680px;}

#listeEmplacement{float:right; width:260px;}

/* SALLE DE PRESSE
--------------------------------------------------------------------------------------- */
.logosGauche{float:left;margin:0 100px 0 100px;}
.logosDroit{float:left;line-height:500%;}


/* À PROPOS DE NOUS
--------------------------------------------------------------------------------------- */
.listeEmploye{
	width:350px;
	float:left;
	margin-bottom:10px;
}

.listeEmploye img{
	float:left;margin-right:10px;
}


/* Outils d'info-bulles en javascript onMouseover="ddrivetip('')"
****************************************************************************** */
#dhtmltooltip{position:absolute; left:-300px; width:150px; padding:10px; visibility:hidden; z-index:100; text-align:left;}
#dhtmlpointer {position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip {border: 1px solid #000; background: #FFF; color:#000; }


/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{font-size: 11px; margin-bottom:10px; padding:0px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}

/* Formulaire rechParDate */
#formRechParDate fieldset{border:0;padding:0;margin:5px 0 0 0;}
#formRechParDate .champTexte{background:#eaf2f7; color:#073349; float:left; margin-right:3px; width:80px; border:none;}
#formRechParDate .bouton{float:right;padding:0;border:0;margin:0;}
#formRechParDate .boutonCalendrier{float:left;}

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;}

/* Formulaire contact */
#formulaireMembre fieldset label{float:left;width:150px;}
#formulaireMembre fieldset label.court{float:left;width:80px;}
#formulaireMembre .champTexte{float:left;width:200px;}
#formulaireMembre .listeDeroulante{float:left;width:200px;}
#formulaireMembre .boiteTexte{float:left;height:70px;width:330px;}
#formulaireMembre .boutonRadio{float:left;}
#formulaireMembre #labelInfolettre{width:480px;}
#formulaireMembre #CP{width:60px;}



.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: Arial;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #b5d632;
	color: #000;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding:2px 5px;
	width:auto;
   overflow:visible;
	cursor:pointer;
}
.bouton:hover{background-color:#DAEF86;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}


/*
* Added Styles for cms content
* 04.01.2011
* SPJD
*/
.activityCategory{}
.activityTitle{}
.activityPaymentInformation{
	margin-top: 5px ;
	padding: 0px 0px 0px 5px ;
	border-left: 4px solid #6eb024 ;
}
.activityDetailsBox01{
	padding: 0px 20px ;
}
.activityImportantNotice{
	margin: 5px 0px ;
	padding: 5px ;
	border: 1px solid #DFDFDF;
}
ul.activityCategoryList{
	list-style: none ;
}
ul.activityCategoryList li{
	margin: 0px ;
	list-style: none ;
}

/* * * * * * * * * * * * * * * * * * * * * * * *
* FDN - Page partenaires 
*/
.partenaires-table{
	padding: 0px ;
	border-collapse: collapse ;
	border-spacing: 0px ;
	border: 0px ;
	width: auto ;
}
.partenaires-table td{
	padding: 2px ;
	text-align: center ;
	vertical-align: middle ;
	width: 152px ;
	height:67px ;
}
.partenaires-table td a img{
	border: 0px ;
}

/* * * * * * * * * * * * * * * * * * * * * * * *
* FDN - Yan England
*/
.layout-table{
	padding: 0px ;
	border-collapse: collapse ;
	border-spacing: 0px ;
	border: 0px ;
	width: auto ;
}
.layout-table td{
	padding: 0px 10px 0px 0px ;
	text-align: left ;
	vertical-align: top ;
}
.layout-table div.customIndent{
	margin-left: 36px ;
}

#boiteConcours{
	background:#fff;
	color:#FFF;
	float:right;
	margin-bottom:10px;
	text-align:center;
	width:186px;
}


/* * * * * * * * * * * * * * * * * * * * * * * *
* FDN - STM Sorties famille
*/
.sorties-famille{
	font-size: 11px ;
	margin-left: 23px ;
}
.sorties-famille a, .sorties-famille a:link, .sorties-famille a:visited{
	color: #02507f ;
	text-decoration: underline ;
}
.sorties-famille a:hover, .sorties-famille a:visited:hover{
	color: #000000 ;
	text-decoration: underline ;
}

/* * * * * * * * * * * * * * * * * * * * * * * *
* FDN - Plan du site
*/
.fdn-plan-du-site{}
.fdn-plan-du-site .layout-table{ width: 100% ; }
.fdn-plan-du-site .layout-table td{
	padding: 2px ;
	vertical-align: top ;
}
ul.fdn-activities-icon-list{ list-style: none ; }
ul.fdn-activities-icon-list li{
	margin: 0px ;
	list-style: none ;
	font-size: 11px ;
	padding: 2px ; 
	background: url( http://www.parcjeandrapeau.com/DATA/TEXTEDOC/icons/yellow-circle.gif ) no-repeat left top  ;
	clear: both ;
	height: 24px ;
}
ul.fdn-activities-icon-list li span{
	color: #000000 ;
	font-size: 10px ;
	padding: 2px 0px 0px 4px ;
	float: left ;
	display: block ;
	width: 24px ; 
	height: 24px ;
}

ul.fdn-legend-icon-list{ list-style: none ; }
ul.fdn-legend-icon-list li{
	margin: 0px ;
	list-style: none ;
	padding: 2px 20px 2px 25px ;
	background-repeat: no-repeat ;
	background-position: left top ;
}

ul.fdn-legend-icon-list li.fdn-icon-metro{ background-image: url( http://www.parcjeandrapeau.com/DATA/TEXTEDOC/icons/icon-fdn-metro.gif ) ; }
ul.fdn-legend-icon-list li.fdn-icon-parking{ background-image: url( http://www.parcjeandrapeau.com/DATA/TEXTEDOC/icons/icon-fdn-parking.gif ) ; }
ul.fdn-legend-icon-list li.fdn-icon-food{ background-image: url( http://www.parcjeandrapeau.com/DATA/TEXTEDOC/icons/icon-fdn-resto.gif ) ; }
ul.fdn-legend-icon-list li.fdn-icon-bank{ background-image: url( http://www.parcjeandrapeau.com/DATA/TEXTEDOC/icons/icon-fdn-bank.gif ) ; }
ul.fdn-legend-icon-list li.fdn-icon-baby{ background-image: url( http://www.parcjeandrapeau.com/DATA/TEXTEDOC/icons/icon-fdn-baby.gif ) ; }
ul.fdn-legend-icon-list li.fdn-icon-bathroom{ background-image: url( http://www.parcjeandrapeau.com/DATA/TEXTEDOC/icons/icon-fdn-bathroom.gif ) ; }
ul.fdn-legend-icon-list li.fdn-icon-firstaid{ background-image: url( http://www.parcjeandrapeau.com/DATA/TEXTEDOC/icons/icon-fdn-firstaid.gif ) ; }
ul.fdn-legend-icon-list li.fdn-icon-rental{ background-image: url( http://www.parcjeandrapeau.com/DATA/TEXTEDOC/icons/icon-fdn-location.gif ) ; }
ul.fdn-legend-icon-list li.fdn-icon-info{ background-image: url( http://www.parcjeandrapeau.com/DATA/TEXTEDOC/icons/icon-fdn-info.gif ) ; }
ul.fdn-legend-icon-list li.fdn-icon-lunch{ background-image: url( http://www.parcjeandrapeau.com/DATA/TEXTEDOC/icons/icon-fdn-lunch.gif ) ; }

/* * * * * * * * * * * * * * * * * * * * * * * *
* FDN - Condition meteo
*/
.conditions-meteo{ clear: both ; }
.conditions-meteo .layout-table{ width: 100% ; }
.conditions-meteo .layout-table th{
	padding: 5px 10px ;
	border: 1px solid #DFDFDF;
	text-align: left ;	
	vertical-align: middle ;
	background-color: #E9F3C1 ;
}
.conditions-meteo .layout-table td{
	padding: 2px 10px ;
	border: 1px solid #DFDFDF ;
	vertical-align: middle ;
}
.conditions-meteo .layout-table td.fixed-width-001{
	width: auto ;
}
.conditions-meteo .layout-table .empty-cells td{
	border-left: 0px ;
	border-right: 0px ;
}

/* * * * * * * * * * * * * * * * * * * * * * * *
* FDN - Alert link
*/
.alert-link{
	border: 1px dashed #dfdfdf ;
	border-left: 0px ;
	border-right: 0px ;
	padding: 10px 2px 10px 40px ;
	margin: 0px 0px 20px 0px ;
	background: url( http://www.parcjeandrapeau.com/DATA/TEXTEDOC/icons/icon-alert-001.png ) no-repeat left center ; 
}
.alert-link strong{ color: #b81b1b ; }

.alert-link a, .alert-link a:link, .alert-link a:visited{
	color: #02507f ;
	text-decoration: underline ;
}
.alert-link a:hover, .alert-link a:visited:hover{
	color: #000000 ;
	text-decoration: underline ;
}


#contenuPage .temp-class-applicator a:link,
#contenuPage .temp-class-applicator a:active,
#contenuPage .temp-class-applicator a:visited{
	font-size: inherit ;
	color: #597b88 ;
	text-decoration: underline ;
}
#contenuPage .temp-class-applicator a:hover{
	color: #304249 ;
	text-decoration: underline ;
}

#contenuPage .temp-class-applicator h1{
	font-size: 16px ;
	line-height: 16px ;
	color: #7abf28 ;
	margin: 0px 0px 30px 0px ;
	padding: 10px 0px 0px 0px ;
	border: 0px ;
	border-bottom: 1px solid #dddddd ;
	height: 27px ;
}
#contenuPage .temp-class-applicator h1 span{
	font-size: inherit ;
	display: block ;
	float: left ;	
	margin: 0px ;
	padding: 5px ;
	color: #7abf28 ;
	font-weight: bold ;
}
#contenuPage .temp-class-applicator h1 span.category{
	background: #7abf28 ;
	margin: 0px 10px 1px 0px ;
	padding: 5px 10px ;
	color: #ffffff ;
	font-weight: normal ;
}
#contenuPage .temp-class-applicator h2{
	color: #6a6a6a ;
	font-weight: normal ;
	font-size: 15px ;
	margin: 0px 0px 15px 0px ;
}
#contenuPage .temp-class-applicator hr{
	clear: both ;
	height: 1px ;
	border: 0px ;
	border-top: 1px dashed #999999 ;
	margin: 10px 0px ;
}
#contenuPage .temp-class-applicator hr.spacer-01{ margin: 30px 0px ; }
#contenuPage .temp-class-applicator p{
	font-size: 12px ;
	line-height: 1.4em ;
	margin: 0.4em 0em 1.5em 0em ;	
}
#contenuPage .temp-class-applicator .text-module-02{
	width: 80% ;
	padding: 0px ;
	margin: 0px 0px 0px 20px ;
}
#contenuPage .temp-class-applicator .pdf-list-01 ul{
	list-style: none ;
	margin: 0px ;
	padding: 0px ;
}
#contenuPage .temp-class-applicator .pdf-list-01 ul li{
	list-style: none ; /* need to be removed */
	line-height: auto ; /* after transition */
	margin: 0px ;
	padding: 0px ;
	color: inherit ;
}
#contenuPage .temp-class-applicator .pdf-list-01 a:link,
#contenuPage .temp-class-applicator .pdf-list-01 a:active,
#contenuPage .temp-class-applicator .pdf-list-01 a:visited{
	text-decoration: none ;
	display: block ;
	margin: 2px 0px 0px 0px ;
	padding: 10px 0px 10px 64px ;
	background: transparent url( ../images/interface/icons/adobe-pdf-icon.png ) no-repeat 8px 8px ;
	border: 1px solid #ffffff ;
	border-bottom: 1px dashed #dddddd ;	
}
#contenuPage .temp-class-applicator .pdf-list-01 a:hover{
	background-color: #f4f4f4 ;
	border: 1px solid #dddddd ;
}
#contenuPage .temp-class-applicator .pdf-list-01 a span{
	display: block ;
	color: inherit ;
}
#contenuPage .temp-class-applicator .content .background-composition .pjd-left .pdf-list-01 a span.title{
	background: transparent ;
	padding: 0px ;
	margin: 0px ;
	font-weight: bold ;
	color: #76bb27 ;
}
#contenuPage .temp-class-applicator .pdf-list-01 a span.file-size{
	color: #999999 ;
	font-size: 11px ;
}
.temp-class-applicator table.style001{
	margin: 0px ;
	padding: 0px ;
	border: 0px ;
	width: auto ;
}
.temp-class-applicator table.style001 th{
	padding: 10px ;
	text-align: center ;
	vertical-align: middle ;
	background: #7abf28 ;
	width: 25% ;
}
.temp-class-applicator table.style001 td{
	padding: 5px ;
	vertical-align: top ;
	font-size: 12px ;
	border: 1px solid #eeeeee ;
	width: 25% ;
}
.temp-class-applicator table.style001 td.grey{
	background: #f6f6f6 ;
}

.temp-class-applicator table.style001 dl{
	list-style: none ;
	margin: 0px 0px 10px 0px ;
	padding: 0px ;
}
.temp-class-applicator table.style001 dl dt{
	width: auto ; /* This is necessary */
	clear: both ; /* due to bad code in */
	float: none ; /* stylesheet.css */
	color: #7abf28 ;
	font-weight: bold ;
	padding-bottom: 5px ;
	margin: 0px ;
	padding: 0px ;
}
.temp-class-applicator table.style001 dl dd{
	width: auto ; /* This is necessary */
	clear: both ; /* due to bad code in */
	float: none ; /* stylesheet.css */
	padding: 0px 10px 10px 0px ;
	margin: 0px ;
}
.temp-class-applicator ul.style001{
	list-style: none ;
	margin: 0px ;
	padding: 0px ;
	
}
.temp-class-applicator strong{
	color: inherit ;
}
.temp-class-applicator ul.style001 li{
	list-style: none ;	/* need to be  */
	font-size: 12px ;	/* removed after */
	line-height: auto ; /* transition */
	margin: 0px ;
	padding: 0px 10px ; 
}
.temp-class-applicator ul.style001 li span{
	color: #7abf28 ;
}