/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #boiteConnexion, #boiteNavSec, #menu, #sousMenu,#colDroite, #socialBookmarker, #bookmarkHoverPopup, #menuBas, #boitePhotoAccueil, #dhtmlpointer, #formulaireQuestion{
	display:none;
}


/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{
	/* Garder 3 fontes seulement */
	color: #353535;
	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;}

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{color:#000; text-decoration:underline;}

ul li{color:#1F1F1F; font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:12px; line-height:150%; 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;}

.both{clear:both;}

/* 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;}

/* 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;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#999;  font-size:11px; padding:0 6px 0 6px;}
#piedPage a{color:#999; text-decoration:none;}
#piedPage a:hover{color:#353535;text-decoration:none;}