/* TABLE DES MATIÈRES:
	- Général (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */

body#main{
	background: #79B4D2;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	font-family: "Trebuchet MS", Arial, Verdana;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin:0; padding:0; border:0;}

h1{font-size:22px; color:#154B91; padding:6px 0 3px 0;}
h1 a{color:#154B91; text-decoration: none;}
h1 a:hover{color:#154B91; text-decoration: underline;}
h2{font-size:19px; color:#154B91; line-height:24px; height:24px; padding:0 0 0 10px; margin-bottom:-5px;}
h2 a, h2 a:hover{color:#154B91; text-decoration:none;}
/* h5{font-size:16px; color:#FFF; background-color:#456C9D; padding:3px 0 3px 10px;} */

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{margin: 10px auto 0 auto; width:815px; text-align:left; background: url(Gx/M/conteneur_bg.gif) repeat-y;}

#hautSous{width:815px; background: url(Gx/M/hautSous.gif) no-repeat; height:23px;}
#hautSous a{color:#FFF; margin:0; padding: 0 0 0 10px; font-size:11px; line-height:23px; text-decoration:none;}

#contenuPage{width:682px; float:right; background: url(Gx/M/contenuPage_haut.gif) no-repeat top; padding-top:10px;}
#colGauche{width:488px; float:left;}
#colDroite{width:188px;	float:right;}

/* Boîte Actualités sur la page d'Accueil */
#boiteActu{width:175px; background: url(gx/00/boiteActu_bg.gif) repeat-y;}
#boiteActu p{padding: 0 5px 0 5px;}

/* Boîte calendrier dans la page détail des Événements de fierte */
#boiteCalendrier{width:210px; background:#FFF url(gx/04/boiteCalendrier_bg.gif) repeat-y;}
#boiteCalendrier p{padding: 0 8px 0 8px;}

/* Boite d'infolettre et contact à droite */
#boiteFormulaire{background-color:#577EB0;}
#boiteFormulaire h5{font-size:16px; color:#FFF; background-color:#456C9D; padding:3px 0 3px 10px;}
#boiteFormulaire fieldset{margin-bottom:10px; padding:5px 0 5px 10px; border:0;font-size: 11px;}
#boiteFormulaire fieldset label{font-size: 12px; color:#FFF;margin:2px 0 2px;}
#boiteFormulaire fieldset label.erreur{font-size: 11px;color: #FFE626;}

/* Boite recherche brune en haut de page */
#boiteRecherche{background:#988F7F;}
#boiteRecherche fieldset{ padding:5px 0 0 10px; border:0; font-size:11px;}
#boiteRecherche fieldset label{font-size:12px; color:#FFF;margin:0;}

/* boite brune en haut de l'accueil pour le lien plan du site*/
#boitePlanSite{float:right;width:118px;text-align:center;padding-top:8px;}
#boitePlanSite a{color: #FFF;font-size: 12px;text-decoration: none;}

.cadrePhoto{
	border: 2px solid #C3C1B7;
}

/* MENU
--------------------------------------------------------------------------------------- */
.menu{width:133px;float:left;}
.menu ul{list-style-type: none;padding:0;}
.menu ul li{padding:0; margin:0; display:block; list-style-type:none; border-bottom: solid 3px #1D5195;}
.menu ul li a, .menu ul li a:link, .menu ul li a:visited{
	color: #FFF;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 11px;
	height:25px;
	line-height: 25px;
	display: block;
	text-decoration: none;
}
.menu ul li a:hover, .menu ul li a:visited:hover{text-decoration: none; color: #FFF; background: #154B91;}
.menu ul li a.actif, .menu ul li a.actif:visited, .menu ul li a.actif:hover{font-weight: bold; color: #FFF; background: #577EB0; }

/* Liste des catégories dans la page Lien */
.listeLong{width:500px;float:left;margin:0 0 14px 0;}
.listeLong ul{list-style-type:none;padding:0;}
.listeLong ul li{width:150px;padding:0; margin:0; display:inline; list-style-type:none;}
.listeLong ul li a, .listeLong ul li a:link, .listeLong ul li a:visited{
	color: #154B91;
	width:150px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	height:18px;
	line-height: 18px;
	display: block;
	float:left;
	text-decoration: underline;
}
.listeLong ul li a:hover, .listeLong ul li a:visited:hover{text-decoration: underline; color: #000;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#basPage{margin: 10px auto 0 auto; width:815px; text-align:center;}
#piedPage{color: #144E93;font-size: 11px;padding: 0;}
#piedPage a{ color: #144E93; text-decoration: none;}
#piedPage a:hover{ color: #FFF;  text-decoration: underline;}

#piedPage #copyright{color: #4891B5;font-size: 11px;padding: 0;}
#piedPage #copyright a{ color: #fff; text-decoration: none;}
#piedPage #copyright a:hover{ color: #FFF;  text-decoration: underline;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 11px; line-height:160%; color: #171717;}

p strong{font-size:17px;color:#70614C;}
p em{font-size: 11px; color:#70614C;font-style: normal;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #154B91; 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{font-size:11px; line-height:150%; color:#171717; margin-left: 16px;}
ol li{font-size:11px; line-height:150%; color:#171717;}

ul.liste{font-size:11px; line-height:150%; color:#171717; list-style-image: url(gx/puce.gif); padding: 0 0 0 0;}

.textePetit{color: #ABA396; font-size:9px; line-height: 11px;}
.textePetit a, .textePetit a:link, .textePetit a:visited{color:#ABA396; text-decoration:none;}
.textePetit a:hover, .textePetit a:visited:hover{color:#999; text-decoration:underline;}

.lienRSS{background: url(Gx/rss.gif) no-repeat left; padding:5px 0 5px 20px;}
.citation{padding:10px; background:#FFFDE3; border: 2px solid #FFFAC2; color:#154B91; display:block; font-style:italic;}


/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#fff; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{position: absolute; top:0; left:0; z-index:90; width:100%; filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
#lightbox{ background:#043D8A;} /* couleur du contour popup */
#overlay{background-color: #000;} /* couleur du fond tranparent */


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

.champTexte{color:#333; font-size: 11px; margin:2px 0 2px;}
.listeDeroulante{color: #4E677A; border: 1px solid #C9D0D6; background: #EEF3F7; font-size: 11px; margin:2px 0 2px;}
.boiteTexte{font-family: "Trebuchet MS"; font-size: 11px; color: #333; font-size: 11px; margin:2px 0 2px;}
.bouton{font-family: "Trebuchet MS"; background-color: #2D5E9C; color: #FFF; font-size: 11px; font-weight: bold; border: 1px solid #FFF;}
.boutonImage{border:0px;}
.boutonRadio{color:#4E677A; background:#EEF3F7; font-size:11px;}
.caseaCocher{border: none;}
.erreur{color: #FFE626;	font-weight: bold;}