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

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #piedPage, #menuu, #menupp, #coldroite, #smenu, #photo, #socialBookmarker, #bookmarkHoverPopup{display: none;}


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

br.both{clear:both;}

h1{
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: #ff6100;
}

h2{
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #0073bd;
}
h2 a, h2 a:link, h2 a:visited{text-decoration: none;color: #0073bd;}
h2 a:hover, h2 a:visited:hover{text-decoration: underline;}

h2.petitbleu{
	color: #095aaf;
	font-size: 14px;
	line-height: 18px;
}
h2.petitnoire{
	color: #010101;
	font-size: 14px;
	line-height: 18px;
}

h3{
	font-size: 12px;
	line-height: 16px;
	color: #1e3365;
}

h4{
	font-family: "Times New Roman";
	font-size: 19px;
	line-height: 21px;
	color: #352313;
	padding-bottom: 10px;
}
h4 a, h4 a:link, h4 a:visited{
	color: #352313;
	text-decoration: none;
}
h4 a:hover, h4 a:visited:hover{text-decoration: underline;}
h4 a img{
	display: block;
	float: left;
	margin-right: 10px;
}
h5{
	font-size: 13px;
	line-height: 17px;
	color: #352313;
	padding-bottom: 8px;
}
h5 a, h5 a:link, h5 a:visited{
	color: #352313;
	text-decoration: none;
}
h5 a:hover, h5 a:visited:hover{text-decoration: underline;}

p{font-size: 11px; line-height: 15px; color: #000;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#0A254E; 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:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

.rss{margin-top: 5px;display: block;}
.lienbleu{
	color: #6c9cce;
	font-size: 11px;
}
.droite{float: right;margin-right: 10px;margin-left: 10px;}

.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}


.banniere{
	margin-right: 10px;
}
#albumphoto a, #albumphoto a:link, #albumphoto a:visited{
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	color: #000;
	border: 1px #dfdfdf solid;
}
#albumphoto a:hover, #albumphoto a:visited:hover{
	border: 1px #FF0000 solid;
}
.listebillet, .listelogo, .listepourquoi, .listebrochure, .listemembre{
	border: 1px #c4c4c4 dotted;
	float: left;
	padding: 5px;
}
.listebillet a, .listebillet a:link, .listebillet a:visited,
.listelogo a, .listelogo a:link, .listelogo a:visited,
.listepourquoi a, .listepourquoi a:link, .listepourquoi a:visited,
.listebrochure a, .listebrochure a:link, .listebrochure a:visited,
.listemembre a, .listemembre a:link, .listemembre a:visited
{
	display: block;
	float: left;
	margin-right: 10px;
}
#map{
	width: 650px;
	height: 515px;
	float: left;
	border: 1px #a3a4a4 solid;
}

/* ACCUEIL */
.lienaccueil{
	border-left: 1px #e3e3e3 solid;
	float: left;
	/*width: 170px;*/
	width: 154px;
	padding: 8px;
}
.lienaccueil h2{
	margin-top: 10px;
	height: 55px;
}
#premier{border: none;}

#sondage{
	float: left;
	width: 325px;
}
#sondage ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
	float: left;
	width: 100px;
}
.barsondage{
	background:#ff6100;
	height:10px;
	float:left;
	margin:2px 10px 5px 0;
}
#sondage .bouton{float: right;}

#lienville{
	float: right;
	padding-right: 20px;
}

/* Recherche d'entreprise */
.rechGauche{
	border-right: 1px #82abd6 solid;
	width: 250px;
	float: left;
}
.rechDroite{
	float: left;
	padding-left: 20px;
}
div.boiteRechDroite, .boiteResultat{	border:1px solid #000;}
div.boiteRechDroite p{margin:1px;}
div.boiteRechDroite p a, div.boiteRechDroite p a:link, div.boiteRechDroite p a:visited{
	display:block;
	padding:2px 5px;
	color:#6190c1;
}
div.boiteRechDroite a.row0{
	background: #efefef;
}
div.boiteRechDroite a.row1{
	background: #d3d3d3 ;
}
.boiteResultat{
	background: #fff;
	width: 230px;
	display: block;
}
.boiteResultatInner{
	margin:1px;
	padding:2px;
	background: #ebebeb;
}
.boiteResultatInner .listeDeroulante{
	background:#fff;
}

/* Liste d'entreprise */
#listeEntreprise {
	border-bottom: #0f5cb0 1px solid;
}
#listeEntreprise h2{margin-bottom:5px;}
#listeEntreprise div.imgEntreprise{
	float:left; display:block; width:215px;
}
#listeEntreprise div.imgEntreprise img{border:1px solid #4b4b4b;}

#listeEntreprise div.btnEntreprise{
	float: right;	
	width:150px;
}
#listeEntreprise div.btnEntreprise a.bouton{
	display:block;
	width:120px;
	text-decoration:none;
	margin-bottom:5px;
	padding:2px 5px;
	line-height:20px;
}
#listeEntreprise div.coordonnees{
	border-right: 1px solid #0f5cb0;
	float:left; display:block;
	width:350px;
}
a.actifpage, a.actifpage:link, a.actifpage:visited{
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}

/* CALENDRIER
--------------------------------------------------------------------------------------- */
#evenementlist{
	float: left;
	width: 360px;
}
#boiteCalendrier{
	text-align: center;
	width: 285px;
	height: 235px;
	float: left;
	padding: 10px;
	margin-right: 20px;
	background: url(Gx/calendrier_bg.jpg) no-repeat left top;
}

#boiteCalendrier a.lemois, #boiteCalendrier a.lemois:link, #boiteCalendrier a.lemois:visited{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
}
#calendrier{margin: 5px auto 0 auto;padding-bottom: 2px;background-color: #d9e5ed;}
tr.calendarheader td{
	color:#707d85;
	font-size:12px; 
	background-color: #d9e5ed;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 2px;
}
.calendar {
	color:#707d85;
	font-size:12px; 
	background-color: #d9e5ed;
	}
.calendartoday{font-weight:bold;}

#calendrier a.calendarActif, #calendrier a.calendarActif:link, #calendrier a.calendarActif:visited{
	color:#FF0000;
	font-weight: normal;
	text-decoration:none; 
	display: block;
	font-size: 12px;
	font-weight: bold;
}
#calendrier a.calendarActif p, #calendrier a.calendarActif:link p, #calendrier a.calendarActif:visited p, .textetip{color: #fff;}


#calendrier a.calendarActif, #calendrier a.calendarActif:hover, #calendrier a.calendarActif:visited:hover{text-decoration: underline;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border: none; font-size: 11px; margin-bottom:10px; padding:5px;}
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;}

#invitation .gauche{float: left;width: 200px;}
#invitation .droite{float: left;width: 200px;padding-left: 20px;}
#invitation .champTexte{width: 200px;}
#invitation .boiteTexte{width: 420px;height: 100px;}
#invitation p{padding: 0 0 10px 0;text-align: left;}

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

#login label, #bulletin label{width: 90px;display: block;float: left;font-weight: bold;margin-top: 2px;}

.champTexte{
	background: #fff;
	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: #fff;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: Arial;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #005386;
	color: #fff;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	border: none;
	padding: 2px 4px;
	text-decoration: none;
}
.bouton:hover{background-color:#005386; color:#96b4ce;}

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

.erreur{color:#FF0000;}


#menuu #recherche {text-align: right;margin-top: 10px;float: right;}
#menuu #recherche label{color: #fff;font-size: 11px;line-height: 15px;}
#menuu #recherche .champTexte{
	background: #fff;
	border: 1px solid #c8c8c8;
	color: #000;
	font-size: 11px;
	margin: 0;
	line-height: 15px;
	width: 150px;
}
#menuu #recherche .bouton{
	color: #fff;
	background-color: #ff6100;
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	line-height: 15px;
	border: none;
	padding: 1px 6px;_padding: 0px 6px;
	margin: 0;
}
#menuu #recherche .bouton:hover{
	background-color: #96b4ce;
}