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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #ECEBE3 url(gx/m/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{color:#254E75; font-size:18px; margin:2px 0 5px 0; padding:0 0 3px 0;}
h1 a, h1 a:link, h1 a:visited{color:#254E75;}

h2{
	background: #EDECE4 url(gx/m/h2_bg.gif) bottom right no-repeat;
	color:#254E75;
	font-size:14px;
	margin:2px 0 5px 0;
	padding:8px;
	display: block;
}
h2.enVedette{
	background: #254e75 url(gx/m/h2_bg_enVedette.gif) bottom right no-repeat;
	color:#FFF;
	font-size:14px;
	margin:2px 0 0 0;
	padding:8px;
	display: block;
}

h2 a, h2 a:link, h2 a:visited{
	color:#254E75;
	text-decoration:none;
}
h2 a:hover{
	color: #498CCB;
	text-decoration: underline;
}

div.boiteSur2Col p a.lienSource{ color: #9F9F9F; text-decoration: none; font-size: 10px; }
div.boiteSur2Col p a:hover.lienSource{ text-decoration: underline; }

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}
#milieu{
	background: #FFF url(gx/m/milieuBg.gif) repeat-y;
	display: block;
	width:1000px;
}
#milieu #colGauche{
	background: #EDECE4 url(gx/m/colGaucheBg.gif) no-repeat top left;
	float: left;
	width: 214px;
	padding: 10px 0 10px 0;
}
#milieu #contenuPage{
	width:530px;
	float:left;
	margin: 10px 0 0 15px;
}
#milieu #colDroite{
	width: 211px;
	float:left;
	margin: 15px 0 0 15px;
}

/* Petit menu du haut de page
**************************************************************************************/
#menuHaut{color:#FFF; font-size:11px; text-align:right; width:1000px; padding:10px 0 10px 0;display:block;}
#menuHaut a, #menuHaut a:link, #menuHaut a:visited{color:#FFF; font-size:11px; text-decoration:none;}
#menuHaut a:hover, #menuHaut a:visited:hover{color: #A8BD19; text-decoration: none;}
#menuHaut a.actif, #menuHaut a.actif:visited{color:#FFF; font-weight: bold;}

/* enTete
--------------------------------------------------------------------------------------- */
#enTete{
	background:#FFF url(gx/m/enTeteBg.gif) repeat-x;
	width:1000px;
	height: 157px;
	display: block;
}

/* COLONNE DE GAUCHE
--------------------------------------------------------------------------------------- */
#boiteInfolettre{
	padding:0;
	margin:0 15px 0 15px;
	width:183px;
	display: block;
}
#boiteInfolettre form{
	background:#254E75;
	display:block;
	width:163px;
	_width: 183px;
	padding:10px;
	text-align: right;
}
#boitePartenaire{
	padding:0;
	margin:0 15px 0 15px;
	width:183px;
	display: block;
}
#boitePartenaire #contenant{
	background-color:#FFF;
	display:block;
	width:163px;
	_width: 183px;
	padding:10px;
}

#partenaireListe{
 font-size:13px;
 text-align:left;
 margin-bottom: 14px;
 color: #000000;
 font-family:Tahoma,"Trebuchet MS",Arial,Helvetica;
 
}
#partenaireListe .titre{
color:#a8bd19;
font-size:18px;
background:none;
}
#partenaireListe a{
color:black;
text-decoration:none;
}
#partenaireListe a:hover{
color:#498CCB;
}
/* COLONNE CONTENU
--------------------------------------------------------------------------------------- */
.boiteSur2Col{
	width:530px;
	background: url(gx/m/boiteSur2ColBg.gif) repeat-y top;
	display: block;
}
.boiteSur2ColGauche{
	float: left;
	display: block;
	width:250px;
}
.boiteSur2ColDroite{
	float: right;
	display: block;
	width:250px;
}

/* COLONNE DE DROITE (Calendrier, Recherche, Identification, Coordonnees)
--------------------------------------------------------------------------------------- */
#boiteCalendrier{
	background: #254E75;
	border-right:8px solid #002656;
	margin-bottom:7px;
	width: 203px;
	_width: 211px;
}
#calendrier{
	width:203px;
	margin:5px 0 8px 0;
}
#calendrier th{
	background: #6C9ECD;
	color:#FFF;
	font-size:11px;
	font-weight: normal;
}
#calendrier p{
	color:#FFF;
	font-size:13px;
	font-weight: bold;
}
#calendrier p a, #calendrier p a:link, #calendrier p a:visited{
	color:#FFF;
	text-decoration: none;
}
#calendrier p a:hover, #calendrier p a:link:hover, #calendrier p a:visited:hover{
	color:#FFF;
	text-decoration: underline;
}
#calendrier	a.actif, #calendrier	a.actif:link, #calendriera.actif:visited{
	text-decoration:none;
	background: #254e75;
	font-weight: bold;
	display:block;
	border: 1px solid #6C9ECD;
	height: 20px;
	line-height: 20px;
	margin: 2px;
}
#calendrier a.actif:hover, #calendrier a.actif:visited:hover{
	background: #82b4e4;
	color: #6C9ECD;
	border: 1px solid #A8BD19;
}

/* 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; }
#dhtmltooltip dt, #dhtmltooltip dd { width : auto; padding : 0; margin : 0 }
#dhtmltooltip dd { padding-left : 5px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #9A6219; text-align: left; }
#dhtmltooltip dt { margin-bottom : 2px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #513903; text-align: left;}
#dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip { border: 1px solid #555; background-color: #FCF5E5; color : #000; }
#dhtmltooltip dt { color : #000; border-bottom : 1px solid #000; }

/* Boites de droite
**************************************************** */
#boiteRecherche{
	background: #EDECE4;
	border-right:8px solid #CDC9B9;
	margin-bottom:7px;
	width: 203px;
	_width: 211px;
}
#boiteIdentification{
	background: #d9d6cb;
	border-right:8px solid #A8A390;
	margin-bottom:7px;
	width: 203px;
	_width: 211px;
}
#boiteCoordonnees{
	background: #6C9ECD;
	border-right:8px solid #4176A7;
	margin-bottom:7px;
	width: 203px;
	_width: 211px;
}
#boiteCoordonnees h1 a, #boiteCoordonnees h1 a:link{
	color:#FFF; text-decoration:none;
}
#boiteCoordonnees h1 a:hover, #boiteCoordonnees h1 a:link:hover, #boiteCoordonnees h1 a:visited:hover{
	text-decoration:underline;
}

#colDroite h1{
	font-size:12px;
	margin:0 0 8px 0;
	padding:0;
	border: none;
	text-align: center;
}

.pointilleHorBas{
	background: url(gx/m/ptHor.gif) repeat-x bottom left;
	padding: 0 0 10px 0;
}
.ligneHorBas{
	border-bottom:1px solid #D4D0C2;
	padding: 0 0 10px 0;
}
.cadrePhoto{
	border:1px solid #2C5479;
}

/* Boite info pour Attention et Derniers ajouts dans la liste des annonces */
.boiteInfo{
	background: #F6F6F2;
}
.boiteInfo h1{
	color:#A8BD19;
	font-size: 16px;
}
.boiteInfo p{
	color:#6B644E;
	font-size: 11px;
}
.boiteInfo p a, .boiteInfo p a:link, .boiteInfo p a:visited{
	color:#6B644E;
	text-decoration: underline;
}
.boiteInfo p a:hover, .boiteInfo p a:visited:hover{
	color:#A8BD19;
	text-decoration: underline;
}

/* PAGE DÉTAIL
--------------------------------------------------------------------------------------- */
.boiteDetail{
	border: 1px solid #D4D0C2;
	/* background: url(gx/m/fieldset_bg.gif) no-repeat bottom right; */
}
.boiteDetail h1{
	background: #EDECE4 url(gx/m/h2_bg.gif) bottom right no-repeat;
	color:#254E75;
	display: block;
	font-size:15px;
	margin:0 0 5px 0;
	padding:8px;
}

/* TABLEAU GÉNÉRAL
--------------------------------------------------------------------------------------- */
.tableau{
	border: 1px solid #D4D0C2;
	width:530px;
}
.tableau th{
	background: #EDECE4;
	color:#254E75;
	font-size:12px;
	margin:0 ;
	padding:8px 4px 8px 4px;
	text-align: left;
	border-bottom:1px solid #d4d0c2;
}
.tableau .texteCentre{
	text-align: center;
}
.tableau td{
	font-size: 11px; line-height: 140%; color: #254E75;padding:2px 4px 2px 4px; border-bottom:1px solid #EDECE4;
}
.tableau a, .tableau a:link,.tableau a:visited{color: #498CCB; text-decoration: underline;}
.tableau a:hover, .tableau a:visited:hover{color:#AFC22D; text-decoration: underline;}

/* MENU DE GAUCHE (Categories d'Annonces)
--------------------------------------------------------------------------------------- */
#menu{margin:0; padding:0 0 0 15px;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:block; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	background: url(gx/m/ptHor.gif) repeat-x bottom left;
	color: #002656;
	display:block;
	font-size: 12px;
	padding: 7px 0 7px 0;
	text-decoration: none;
	width:183px;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#A8BD19;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#6C9ECD; font-weight: bold;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 140%; color: #254E75;}
p strong{font-size: 13px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #498CCB; 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:#AFC22D; text-decoration: underline;}
ul li, p ul li{font-size:12px; line-height:140%; color:#254E75; list-style:square; margin-left:16px;}
ol li, p ol li{font-size:12px; line-height:140%; color:#254E75; margin-left:16px;}

p.plMajuscule:first-letter{text-transform:uppercase;}
p.plMinuscule:first-letter{text-transform:lowercase;}



p.enVedette{
	background: #c8daea;display:block;
	color:#254e75;
	padding:8px;
	margin-bottom:8px;
}
p.enVedette a:hover, p.enVedette a:visited:hover{
	color:#498ccb;text-decoration: underline;
}
p.enVedette a:hover, p.enVedette a:visited:hover{
	color:#FFF;text-decoration: underline;
}



/* PETITS ICONES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/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;}
.lienAjout{background: url(Gx/03/icone_ajout.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienRetour{background: url(Gx/03/icone_retour.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienModifierAnnonce{background: url(Gx/03/icone_ModifierAnnonce.gif) no-repeat left;	padding:5px 0 5px 20px;}
.lienAnnonce{background: url(Gx/03/icone_Annonce.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienMembre{background: url(Gx/03/icone_Membre.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienInfo{background: url(Gx/03/icone_info.gif) no-repeat right; padding:5px 20px 5px 0;}
.lienCadenas{background: url(Gx/03/icone_Cadenas.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienCle{background: url(Gx/03/icone_Cle.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienImportant{background: url(Gx/03/icone_Important.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienModif{background: url(Gx/03/icone_modif.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienEtudiant{background: url(Gx/03/icone_etudiant.gif) no-repeat right; padding:5px 18px 5px 0;}
.lienInstitution{background: url(Gx/03/icone_Institution.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienJPG{background: url(Gx/icone_jpg.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienRecherche{background: url(Gx/03/icone_recherche.gif) no-repeat right; padding:0 18px 0 0;}

/* PIED DE PAGE DU SITE
--------------------------------------------------------------------------------------- */
#piedPage{color:#B2AB95; font-size:11px; padding:0; width: 770px; float:right;}
#piedPage a{color:#000; text-decoration:none;}
#piedPage a:hover{color:#8A836E;}

/* LIGHTBOX POUR FENÊTRE PHOTO
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; text-align: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=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#lightbox{ background:#254E75;} /* couleur du contour popup */
#overlay{background-color: #3B372E;} /* couleur du fond tranparent */

/* LIGHTBOX POUR FENÊTRE «VEUILLEZ PATIENTER...»
--------------------------------------------------------------------------------------- */
div#overlayLoading{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	background-color: #a09573; 
}
div#loadingDivImageLoading{
	/*display: none;*/
}
img#loadingImageLoading{
	/*width: 32px;
	height: 32px;
	background:#FFF url(gx/m/fieldset_bg.gif) no-repeat bottom right;
	padding:40px;
	border:10px solid #6b644e;
	*/
	margin-top:10px;
}
/* couleur du fond tranparent */
#texteInfoLoading{
		background:#FFF url(gx/m/fieldset_bg.gif) no-repeat bottom right;
		color:#6b644e;
		font-size:12px;
		padding: 10px 10px;
		text-align:center;			
		border:10px solid #6b644e;
	}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #D0CCBC; font-size: 12px; background: url(gx/m/fieldset_bg.gif) no-repeat bottom right; display: block;}
fieldset legend{background:#FFF; font-size: 14px; font-weight: bold; color:#254E75; padding:5px 3px 5px 3px; border:none;}
fieldset label{font-size: 12px; color:#254E75;margin:7px 0 1px 0;padding:0;}
fieldset label a, fieldset label a:link{font-size:11px;color: #498CCB; text-decoration: underline;}
fieldset label a:hover, fieldset label a:visited:hover{color:#AFC22D; text-decoration: underline;}

.champTexte{
	background: #EDECE4;
	border: 1px solid #D0CCBC;
	color: #254E75;
	font-size: 13px;
	margin:2px 0 2px 0;
	padding: 2px 0 2px 0;
	_height:22px;
}
.champTextePetit{
	background: #EEF3F7;
	border: 1px solid #254E75;
	color: #254E75;
	font-size: 11px;
	margin:2px 0 2px 0;
	padding: 2px 2px 2px 2px;
	_height:20px;
}

.listeDeroulante{
	background: #EDECE4;
	border: 1px solid #D0CCBC;
	color: #254E75;
	font-size: 13px;
	margin:2px 0 2px 0;
}
.listeDeroulantePetite{
	background: #EEF3F7;	
	border: 1px solid #254E75;
	color: #254E75;
	font-size: 11px;
	margin:2px 0 2px 0;
}

.boiteTexte{
	background: #EDECE4;
	border: 1px solid #D0CCBC;
	color: #254E75;
	font-family: Tahoma;
	font-size: 12px;
	margin:2px 0 2px 0;
}

.boiteTexteCode{
	background: #f1f4dd;
	border: 1px solid #D0CCBC;
	color:#6b644e;
	font-family:"Courier New", Courier, monospace;
	font-size: 11px;
	margin:2px 0 2px 0;
}

.bouton{
	background-color: #6B644E;
	border:1px solid #B9B6A8;
	color: #FFF;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 15px;
	padding: 2px 5px 2px 5px;
}
.boutonPetit{
	background-color: #6B644E;
	border:1px solid #B9B6A8;
	color: #FFF;
	font-family: Tahoma;
	font-size: 11px;
	padding: 2px;
}
.bouton:hover{background-color: #3D392D;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none; margin:4px 4px 0 0; padding:0;}
.erreur{color: #FF0000;font-size:11px;background: url(Gx/03/icone_requis.gif) no-repeat left center;padding:5px 5px 5px 15px;}