﻿@charset "utf-8";

/********************************************/
/* Elements de base */
/********************************************/
a { font-weight: bold; text-decoration: none;	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
a:link { color: #5e5e5e; }
a:visited { color: #5e5e5e; }
a:hover { color: #ac090a; text-decoration: underline; }
a:active { color: #ac090a; text-decoration: underline; }

body {
	background:#fff url(../img/com/hachures.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;
	color: #3b3f4c;
	text-align:center;
	margin:0;
	padding:0;
	}

h1 {
	font-size: 18px;
	text-align:left;
	}

h2 {
	font-size: 14px;
	text-align:left;
	}

h3 {
	font-size: 12px;
	text-align:left;
	}

h4 {
	font-size: 13px;
	line-height:15px;
	font-weight:normal;
	text-align:justify;
	}

img {border: 0;}

/********************************************/
/* Conteneurs généraux */
/********************************************/
#global {
	background:transparent url(../img/com/img_fd.gif) left top repeat;
	width: 990px;
	margin: auto;
	padding: 0;
	top: 3px;
	position: relative;
	text-align: left;
	}

#Navig  {
	background:#424549 url(../img/com/fd_navig.gif) left top no-repeat;
	width: 310px;
	margin: 0;
	padding: 0;
	text-align: left;
	float:left;
	}

#Contenu {
  	background-color: #fff;
	margin: 0;
	padding: 0;
	float:left;
	width:680px;
	}
	#Contenu #Accueil {
		background: url(../img/com/fd_plans_accueil.gif) right bottom no-repeat;
		margin: 0;
		padding: 25px 30px 10px 30px;
		font-size:12px;
		line-height:20px;
		}
	#Contenu #Rubriques {
		margin: 0;
		padding: 20px 30px 10px 30px;
		background: url(../img/com/fd_plans.gif) right bottom no-repeat;
		min-height:600px;
		}
	#Contenu #RubriqueRealisations {
		margin: 0;
		padding: 20px 30px 10px 30px;
		min-height:600px;
		}
		#Contenu #Rubriques #ZoneGeographiqueChoisie {
			margin: 0;
			padding: 0 0 0 14px;
			background:#cb1706 url(../img/com/fleche_zone_geographique.gif) left no-repeat;
			color:#fff;
			font-weight:bold;
			}
		#Contenu #Rubriques #ListeAnnonces {
			margin: 0;
			padding: 0;
			}
			#Contenu #Rubriques #ListeAnnonces table {border:1px solid #cb1706;}
				#Contenu #Rubriques #ListeAnnonces table th {
					background:#e5e5e5 url(../img/com/fleche_rde.gif) left top no-repeat;
					padding: 0 0 0 14px;
					margin:0;
					color:#cb1706;
					font-weight:bold;
					vertical-align:top;
					top:0;
					text-align:left;
					}
				#Contenu #Rubriques #ListeAnnonces table td {
					padding:0;
					margin:0;
					vertical-align:text-top;
					text-align:justify;
					font-size:10px;
					}
		#Contenu #Rubriques table {
			margin: 0;
			padding: 0;
			}	
			#Contenu #Rubriques table td {
				vertical-align:top;
				top:0;
				}
			#Contenu #Rubriques table td.energies img {
				padding-right:10px;
				}
			#Contenu #Rubriques table th {
				text-align:center;
				vertical-align:top;
				}	
				#Contenu #Rubriques table th img {
					padding-bottom:30px;
					padding-left:10px;
					}	
				#Contenu #Rubriques a.pdf:link, #Contenu #Rubriques a.pdf:visited, #Contenu #Rubriques a.pdf:hover, #Contenu #Rubriques a.pdf:active { 
					background:transparent url(../img/com/picto_pdf.gif) left top no-repeat;
					padding-left:20px; 
					padding-bottom:10px;
					line-height:20px;
					font-size:10px;
					color:#cb1706;
					}
				#Contenu #Rubriques a.programmes:link, #Contenu #Rubriques a.programmes:visited, #Contenu #Rubriques a.programmes:hover, #Contenu #Rubriques a.programmes:active { 
					font-size:14px;
					}
				#Contenu #Rubriques .FdBeige {
					background-color:#e5e5e5;
					padding-left:5px;
					padding-right:5px;
					}
	
body#pageDefault #Contenu {padding:0;}

#BasDePage {
	background:#fff url(../img/com/bas_navig.gif) left top no-repeat;
	width: 970px;
	height:30px;
	margin: 0;
	padding: 0;		
	}
	#BasDePage p {padding-left: 320px;}
#Flash {
	left: 0; 
	width: 520px;
	height: 520px;
	overflow: no;
	margin: 0;
	background-color:#fff;
	padding: 0;
	margin:56px 0 0 0;
	}

.annonceItem {
	background-color:#fff;
	float:left;
	margin:10px 5px 10px 10px;
	padding-left:0;
	width:116px;
}

.separateur {
	clear:both;
	visibility:hidden;
	}

.RetourCarte {
	margin:0;
	padding: 0 0 0 18px;
	background:transparent url(../img/com/fleche_retour.gif) left no-repeat;
	}

.EnSavoirPlus {
	margin:0;
	padding: 0 0 0 18px;
	background:transparent url(../img/com/picto_plus.gif) left no-repeat;
	}

.NsContacter {
	margin:0;
	padding: 0 0 0 18px;
	background:transparent url(../img/com/picto_enveloppe.gif) left no-repeat;
	}
	
.tabAnnonces {margin-top:15px;}

/********************************************/
/* Les classes */
/********************************************/
a.lienrge {color: #CC3300;}
a.lienrge:visited {color: #FF6633; text-decoration: none;}

a.lienBeige {color: #F9F9CD;}
a.lienBeige:visited {color: #F9F9CD; text-decoration: underline;}

a.lienRef {color: #d3d2d2;}
a.lienRef:visited {color: #d3d2d2; text-decoration: underline;}


a.lienEnSavoirPlus {color: #CC3300; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline;}
a.lienEnSavoirPlus:visited {color: #FF6633; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration: none;}

.RgeClair { color: #e39898; font-size:10px; }

.Rge {color: #cb1706;}

.Blc { color: #fff; font-size:10px; }

.Bold {font-weight:bold;}

.VieuxRose { color: #cc6b66; font-size:10px; }

.Noir { color: #000; font-size:10px; }

.Police14px { font-size:14px; }

.TitreAnnonces {
	color: #fff;
	font-size:10px;
	font-weight:bold;
	background-color:#cc6b66;
	width: 116px;
	text-align:center;
	height:50px;
	padding-top:3px;
}

hr { 
	clear: both;
	width: 100%;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px #e7e7e7 dotted; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; /* pour IE */
	margin-top:10px;
	margin-bottom:10px;
	}


/********************************************/
/* Positionnement */
/********************************************/
.droite {float: right;}
.gauche {float:left;}
.Centre {text-align:center;}
.Justifie {text-align:justify;}
.ClearBoth	{clear: both;}
.refe {
	position:absolute;
	top:-9999px;
}

/********************************************/
/* Fenetres pop-up */
/********************************************/
.x-dlg .x-dlg-hd-left {background-color:#424549; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#424549; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#424549; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #424549; border-right:3px solid #424549; border-left:3px solid #424549;}
.x-dlg-mask {opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; background-color: #000;}