body { margin: 20px; font-family: Arial; font-size: 12px; background-color: #871313 ; }

/* Mise en page */
/* ============ */
.ombre-gauche { width: 6px; background-image: url(graphics/interface/ombre-gauche.png); }
.ombre-droite { width: 6px; background-image: url(graphics/interface/ombre-droite.png); }
#afSite { width: 951px; margin: auto; background-color: #ffffff;  border: solid 5px #ffffff; }
/* => Bandeau */
#AfBand { height: 91px; }
/* => Colonne Menu */
#AfColA { width: 206px; text-align: left; background-image: url(graphics/interface/fond.png); background-repeat: repeat-y; }
/* => Colonne centrale pour la page Index */
#AfColB { width: 530px; text-align: left; }
/* => Colonne centrale pour les autres pages */
#AfColB1 { width: 745px; height: 600px; text-align: left; }
/* => Colonne de droite pour la page Index */
#AfColC { width: 211px; text-align: left; }
/* => Barre de navigation */
#nav { padding: 0px 0px 5px 10px; text-align: left; }

/* Commun */
/* ====== */
.justify1210 { font-size: 12px; padding: 0px 10px 0px 20px; text-align: justify; }
.center14b { font-size: 14px; font-weight: bold; text-align: center; }
.margetb0 { margin-top: 0px; margin-bottom: 0px; }
.textebg { color: #0000ff; font-weight: bold; }
.textebo { font-weight: bold; font-style: italic; color: #660033; }
.textebob16 { font-weight: bold; font-size: 16px; color: #660033; }
a.bleu { color: #000080; text-decoration: none; }
a.bleu:hover { color: #000080; text-decoration: underline; }
/* Titre des pages */
#titre { width: 530px; margin: auto; color: #660033; font-weight: bold; font-size: 24px; font-style: italic; text-align: center; }
.titre  { color: #660033; font-weight: bold; font-size: 24px; font-style: italic; text-align: center; }
/* Sous-titre bleu */
.titrebleu { color: #0000ff; font-size: 14px; font-weight: bold; }

/* Page index */
/* ========== */
/* => Bloc texte central */
#cadre { background-image: url(graphics/interface/fond1.png); background-repeat: no-repeat; width: 432px; height: 256px; margin: auto; }
#texte { width: 360px; margin: auto; margin-top: 5px; color: #000080; font-size: 20px; font-style: italic; line-height: 40px; }
a.bf20i { font-size: 20px; color: #000080; font-style: italic; text-decoration: none; }
a.bf20i:hover { font-size: 20px; color: #000080; font-style: italic; text-decoration: underline; }
/* => Bouton du bas de page */
#btn { width: 530px; text-align: center; }
#bt1, #bt2, #bt3, #bt4, #bt5 { cursor: pointer }
/* => Bloc image de droite */
.clic { cursor: pointer; }
#economie { width: 209px; height: 25px; padding: 5px 0px 0px 0px; margin: auto; font-size: 14px; font-weight: bold; font-style: italic; }
#emploi { width: 209px; height: 25px; padding: 5px 0px 0px 0px; margin: auto; font-size: 14px; font-weight: bold; font-style: italic; }
#enseignement { width: 209px; height: 25px; padding: 5px 0px 0px 0px; margin: auto; font-size: 14px; font-weight: bold; font-style: italic; }
.blancbleu { color: #ffffff; background-color: #000080; border: solid 1px #000080; }
.bleublanc { color: #000080; background-color: #ffffff; border: solid 1px #000080; }
/* => Texte bas de page */
#egee { width: 530px; color: #000080; font-size: 18px; text-align: center; }

/* Page Historique */
/* =============== */
.bordureImg { border: solid 1Px #000000; width:300px; padding-top: 5px; padding-bottom: 5px; }

/* Page Revue de presse */
/* ==================== */
h2 { margin-top: 8px; margin-bottom: 0px; margin-left: 20px; margin-right: 10px; border-bottom: 1px solid #003399; color: #003399; font-size: 14pt; cursor: pointer; }
h3 { margin-top: 5px; margin-bottom: 0px; margin-left: 20px; margin-right: 10px; color: #555555; border-bottom: 1px solid #CCCCCC; font-size: 12pt; cursor: pointer; }
p { margin-top: 2px; margin-bottom: 0px; margin-left: 20px; margin-right: 10px; }
.develop { margin-left: 30px; display: none; }
.develop1 { margin-left: 30px; display: block; }

/* Page Exposer votre projet */
/* ========================= */
.right150 { text-align: right; width: 150px; }
.boutton { color: #ffffff; background-color: #000080; }

/* Page Nos partenaires */
/* ==================== */
td.logo { background-color: #ffffff; }
td.logo:hover { background-color: #cccccc; }
.fondNoir { background-color: #000000; }
.titrebb22 { font-size: 22px; font-weight: bold; color: #ffffff; }

/* Page Devenir conseiller */
/* ======================= */
.texterouge { width: 745px; margin: auto; color: #660033; font-weight: bold; font-size: 14px; text-align: center; line-height: 30px; }
.marge150j { font-size: 12px; padding: 0px 10px 0px 150px; text-align: justify; }

/* Page Plan du site */
/* ================= */
.rubrique { background-color: #000080; color: #ffffff; font-weight: bold; font-size: 14px; width: 300px; height: 18px; padding-top: 1px; }
.margetb0l { margin-top: 0px; margin-bottom: 0px; line-height: 20px; }

/* Page Contact */
/* ============ */
.fond { margin: 10px; font-family: Arial; font-size: 12px; background-color: #871313 ; }

/* Menu */
/* ==== */
a.sponsor { color: #000000; text-decoration: none; }
a.sponsor:hover { color: #000000; text-decoration: underline; }
/* => BlocMenu */
.cacher { display: none; visibility: hidden; }
.afficher { display: block; visibility: visible; }
.BlocMenu { margin: 0px 0px 12px 0px; width: 206px; }
/* => Haut */
.BlocMenu .Head { background-image: url(graphics/interface/haut.png); background-position: top left; background-repeat: no-repeat; height: 9px; border-bottom: 1px solid #ffffff; }
.BlocMenu .Content {  width: 206px; }
.BlocMenu .Content ul { margin: 0px 0px 0px 0px; padding: 0px; }
/* => Premier niveau */
.BlocMenu .Content ul li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	background-color: #000080;
	text-align: left;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
}
.BlocMenu .Content ul li a {
	display: block;
	background-image : url("graphics/interface/menu-fl.gif");
	background-position: top left;
	background-repeat: no-repeat;
	padding: 6px 0px 5px 18px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}
.BlocMenu .Content ul li a:hover {
	color: #ffffff;
	background-color: #000080;
	background-image: url(graphics/interface/menu-fl-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
/* => Deuxième niveau */
.BlocMenu .Content ul li li { background-color: #ffffff; border-bottom: 1px solid #f4f4f4; border-left: none; border-right: none; }
.BlocMenu .Content ul li li a {
	background-color: #ffffff;
	background-image : url(graphics/interface/menu-fl-b.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 3px 0px 3px 7px;
	margin: 0px 0px 0px 20px;
	font-weight: normal;
	text-transform: none;
	color: #565656;
	text-decoration: none;
}
.BlocMenu .Content ul li li a:hover {
	background-image : url(graphics/interface/menu-fl-b.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #ffffff;
	text-decoration: underline;
	color: #565656;
}
/* => Troisième niveau */
.BlocMenu .Content ul li li li { border-left: none; border-right: none; }
.BlocMenu .Content ul li li li a {
	display: block;
	background-color: #ffffff;
	background-image : url(graphics/interface/menu-fl-b1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 3px 0px 3px 14px;
	margin: 0px 0px 0px 30px;
	font-weight: normal;
	text-transform: none;
	color: #565656;
	text-decoration: none;
}
.BlocMenu .Content ul li li li a:hover {
	background-image : url(graphics/interface/menu-fl-b1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #ffffff;
	text-decoration: underline;
	color: #565656;
}
/* => Bas */
.BlocMenu .Bot { background-image: url(graphics/interface/bas.png); background-position: top left; background-repeat: no-repeat; height: 11px; }
/* => BlocPostIt */
.BlocPostIt { font-size: 10px; background-image: url(graphics/interface/carte-visite.png); background-position: top left; background-repeat: no-repeat; width: 210px; height: 167px; }
.PostIn { padding: 20px 0px 0px 10px; width: 172px; }
hr { height: 1px; border: 0px; background-color: #d4d4d4; color: #d4d4d4; margin: 0px 0px 5px 0px; }
.BlocPostIt hr { margin: 5px 0px 5px 0px; !margin: 0px; }
.Ico { padding: 2px 0px 2px 20px; text-decoration: none ; color: #565656; line-height: 18px; font-size: 11px; }
.Ico:hover { text-decoration: underline; }
.IcoMail { color: #000080; font-weight: bold; }

/* Barre d'outils de l'Intranet */
/* ============================ */
.barre { width: 640px; height: 25px; }		/*Barre d'outils à 6 boutons*/
.barre1 { width: 214px; height: 25px; }		/*Barre d'outils à 2 boutons*/
.gauche { width: 9px; background-image: url(intranet/graphics/interface/barre-gauche.png); }
.bouton { width: 105px; text-align: center; background-image: url(intranet/graphics/interface/barre-fond.png); background-repeat: repeat-x; cursor: pointer; }
.boutond { width: 97px; color: #98aecc; text-align: center; background-image: url(intranet/graphics/interface/barre-fond.png); background-repeat: repeat-x; cursor: default; }
.boutonn { width: 97px; text-align: center; background-image: url(intranet/graphics/interface/barre-fond.png); background-repeat: repeat-x; }
.droite { width: 9px; background-image: url(intranet/graphics/interface/barre-droite.png); }
.separateur { width: 2px; background-image: url(intranet/graphics/interface/barre-sep.png); }
/* => Fond jaune */
.bord { width: 1px; height: 22px; background-image: url(intranet/graphics/interface/barre-btn-bord.png); }
.btn { width: 105px; height: 22px; text-align: center; background-image: url(intranet/graphics/interface/barre-btn-fond.png); background-repeat: repeat-x; }
/* => Fond bleu */
.videb { width: 1px; height: 22px; text-align: center; }
.vide { width: 105px; height: 22px; text-align: center; }