/* ----------------------------------------------------------------------------------------------- */
/*                  Style CSS IEPFPD by Comskills - Micrologiciel - 2004                       */
/* ----------------------------------------------------------------------------------------------- */

/* Body */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #555;
	margin: 0px;
	padding: 0px;
}
#container { width: 955px; height: 100%; }
a img { border: none; }
blockquote {
	margin: 30px;
	color: #555;
	font-style: italic;
	font-size: 11pt;
	background: url(images/corner2.gif) no-repeat right bottom;
}
blockquote:first-letter { padding: 4px 0px 0px 8px; background: url(images/corner1.gif) no-repeat left 4px; }
html>body blockquote:first-letter { padding: 0px 0px 0px 8px; margin-left: -8px; background: url(images/corner1.gif) no-repeat left top; }
/* ----------------------------------------------------------------------------------------------- */
/* Liens Standard du Body */
/* ----------------------------------------------------------------------------------------------- */
a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
a:link, a:visited { color: #6E6E80; }
a:hover { color: #F39C11; }
/* ----------------------------------------------------------------------------------------------- */
/* Style des Formulaires html */
/* ----------------------------------------------------------------------------------------------- */
form { margin: 0; } 
label { color: #555; font-size: 10px; }
/* Boutons */
.Bouton {
	color: #555;
	font-size: 10px;
	cursor: hand;
	border: 1px solid #873916;
	background-color: #F39C11;
	text-align: center;
}

/* Area Text */
.Txt_Area {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #555;
	background-color: #fff;
	border: 1px solid #F39C11;
}
/* Input box */
.Txt_Input {
	font-size: 10px;
	color: #555;
	background-color: #fff;
	border: 1px solid #F39C11;
}
/* Taille et couleur des modules News et Recherche */
.Module {
	background-color: transparent;
	color: #555;
	font-size: 10px;
	border: 1px solid #537CB2;
}
/* Select box dans liste Menu */
.Menu_Select {
	font-size: 10px;
	color: #F39C11;
	background-color: #fff;
	border: 1px solid #F39C11;
}

/* ----------------------------------------------------------------------------------------------- */
/* Style Général du Site */
/* ----------------------------------------------------------------------------------------------- */
/* taille des tableaux par defaut dans l'editeur */
td { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; }

/* En prévision d'un "title" de couleur */
.navtext { }

/* Photos et Images */
.Photo {
	margin: 6px;
	border: 1px solid #F7BB5C;
}

/* Style textes de la page Contact */
.Contact { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #555; text-align: left; }
/* Les tableau Préformatés */
.Format_Petit_Tableau_Titre {  }
.Format_Petit_Tableau {  }

/* Couleurs ou fond du site de taille fixe */
/* Ne sert que dans des cas particuliers */
.Tablo_Main {}
.Tablo_Main_Fond { background: url(images/topbkgnd.gif) repeat-x left top; }
/* --------------------------------------------------------------------- */
/* Bandeau supérieur (positionnement des éléments) */
/* --------------------------------------------------------------------- */
#bandeauhaut {  /* bandeau supérieur */
	background: url(images/topbkgnd.gif) repeat-x;
	width: 955px;
	height: 66px;
	vertical-align: bottom;
}
#bandeauhaut span { margin: 0px; padding: 0px; }
#title h1, #title h2 { display: none; }
#title { background: url(images/title2.gif) no-repeat; width: 287px; height: 66px; }
#logo { background: url(images/logoepf.gif) no-repeat; width: 160px; height: 66px; }

#menus {
	position: absolute;
	width: 955px;
	text-align: right;
	align: right;
	z-index: 3;
	top: 0;
}
#menu1 img { height: 15px; } 
#menu2 { padding-top: 6px; padding-right: 10px; }
#menu2 img { height: 10px; } 
/* ----------------------------------------------------------------------------------------------- */
/* Style Page Centrale du Site */
/* ----------------------------------------------------------------------------------------------- */
#bandeaufoto { height: 152px; background-color: #1B1B80; vertical-align: bottom; }
#bandeaufoto2 {
	height: 112px;
	width: 750px;
	padding: 0;
	margin-top: -112px;
	background-color: #fff;
	position: absolute;
	visibility: hidden;
}
#bandeaufoto2 img { margin-right: 1px; }

#bandonav { 
	white-space: nowrap;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	height: 20px;
	line-height: 20px;
	padding: 2px 2px 2px 14px;
	background-color: #6E6E80;
	border-top: 1px solid #E8C66D;
	border-bottom: 1px solid #E8C66D;
	vertical-align: middle;
}
.Tablo_Main #bandonav { position: relative; margin: -21px -20px 20px -20px; }
#bandonav img { margin-right: 4px;  margin-left: 4px; vertical-align: middle; border: none !important; }
#bandonav a, #bandonav a:visited { color: #fff; text-decoration: none; }
#bandonav a:hover { text-decoration: underline; }

/* Titre des Pages dans les Pages */
#titlepage { position: absolute; top: 72px; margin-left: -4px; }
html>body #titlepage { position: absolute; top: 56px; margin-left: -4px; }

.GrandTab2 {
	display: none; 
	font-size: 24px;
	color: #F39C11;
	font-weight: lighter;
	background: url(images/titlearrow.gif) no-repeat 0px 2px;
	padding-left: 30px;
}
.Tablo_Main .GrandTab2 { display: inline; }

/* Liens du contenu de la page */
#contentpage { margin: 0; vertical-align: top; padding: 20px 20px 40px 20px; }

/* #contentpage p:first-child:first-letter { font-size: 24px; font-weight: bold; color: #F39C11; border-bottom: 1px solid #F39C11; border-left: 1px solid #F39C11; border collapse; padding: 0px 0px 0px 2px; margin: 0px; } */

/* Fond des Pages du Site */
.Tablo_Main_Frame { }
/* Fond des Pages du BO */
.Tablo_Main_Bo {
	color: #555;
	font-size: 10pt;
	padding: 20px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Style des tableaux html */
/* ----------------------------------------------------------------------------------------------- */
/* Titre des tableaux html */
.Array_Titre {
	background-color: #fff;
	color: #6E6E80;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
/* Données des tableaux html */
.Array_Data {
	background-color: #fff;
	color: #6E6E80;
	font-size: 10px;
	padding: 5px;
}
/* Fond des tableaux html */
.Array_Contour {
	margin: 0px;
	border: 1px solid #F39C11;
}

/* ----------------------------------------------------------------------------------------------- */
/* Style Top Menu */
/* ----------------------------------------------------------------------------------------------- */
/* Style général */
.Top_Menu { text-align: center; margin: 0px; padding: 0px 6px 0px 6px; }

/* Liens du Top Menu */
a.Tab { white-space: nowrap; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; }
a.Tab:link, a.Tab:visited  { color: #fff; }
a.Tab:hover { color: #1B1B80; background-color: #fff; }

/* Liens du Top Menu Active*/
a.Tab_Active { white-space: nowrap; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; }
a.Tab_Active:link, a.Tab_Active:visited { color: #fff; }
a.Tab_Active:hover { color: #1B1B80; background-color: #fff; }

/* ----------------------------------------------------------------------------------------------- */
/* Style Bottom Menu */
/* ----------------------------------------------------------------------------------------------- */
#BtmMenu { position: absolute; margin: -40px 0px 0px 0px; }
/* Style général */
.Bottom_Menu { text-align: center; margin: 0px; }
.Bottom_Menu img { margin: 0px 4px 0px 4px; }

/* Liens du Bottom Menu */
a.Bottom_Tab { color: #1B1B80; font-size: 10px; text-decoration: none; white-space: nowrap; }
a.Bottom_Tab:link, a.Bottom_Tab:visited  { color: #1B1B80; }
a.Bottom_Tab:hover { color: #fff; background-color: #1B1B80; }

/* Liens du Bottom Menu Active*/
a.Bottom_Tab_Active { color: #fff; font-size: 10px; text-decoration: none; white-space: nowrap; }
a.Bottom_Tab_Active:link, a.Bottom_Tab_Active:visited  { color: #fff; }
a.Bottom_Tab_Active:hover { color: #1B1B80; background-color: #fff; }

/* ----------------------------------------------------------------------------------------------- */
/* Menus GAUCHES */
/* ----------------------------------------------------------------------------------------------- */
#bandoleft { background: #1B1B80 url(images/logo_ss.gif) no-repeat; vertical-align: top; padding-top: 114px; width: 206px; }
.fond { background-color: #030364; }
.MenuLeft { width: 100%; border: none; border-collapse: collapse; background-color: #FFFFCD; color: #555; padding: 0px; margin: 0px;}

/* Liens hors du menu 
#bandoleft a, #bandoleft a:visited { padding: 10px 6px 6px 10px; color: fff; display: block; }
#bandoleft a:hover { color: #F39C11; }*/

/* Titre des Menus dans les Menus*/
.Tab2 {
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bolder;
	text-align: left;
	margin: 0px;
	padding: 0px 4px 2px 6px;
	vertical-align: bottom;
	color: #873916;
	background-color: #F39C11;
	height: 38px;	
}

/* Couleur Ligne de séparation */
.Ligne { height: 2px; background: transparent url(images/pixelorange.gif) repeat-x left; margin: 0; padding: 0; }
html>body .Ligne { height: 4px; padding: 2px 0px 2px 0px; }

/* Liens général */
.Menu_Left img { vertical-align: middle; }
html>body .Menu_Left img { vertical-align: baseline; }
/*.MenuLeft a { display: inline !important; }*/
a.Menu { white-space: nowrap; font-size: 11px; color: #64647A !important; text-decoration: none; width: 100%; height: 20px; vertical-align: middle; line-height: 20px; padding: 0px 6px 0px 6px !important; margin: 0px !important; border-bottom: 1px solid #F39C11;}
a.Menu:link { color: #64647A !important;  }
a.Menu:hover { color: #000 !important; }

/* Liens Sélectionnés */
a.Menu_Actif { white-space: nowrap; font-size: 12px; color: #F39C11 !important; text-decoration: none; font-weight: bold; width: 100%; height: 20px; vertical-align: middle; line-height: 20px; padding: 0px 6px 0px 6px !important; margin: 0px; border-bottom: 1px solid #F39C11; }
a.Menu_Actif:link { color: #F39C11 !important; }
a.Menu_Actif:hover { color: #000 !important;  }

/* Liens Sous Menu Ouvert */
a.Sous_Menu { white-space: nowrap; font-size: 11px; text-decoration: none; color: #d3d3d8 !important; padding: 0px 4px 0px 12px !important; }
a.Sous_Menu:link { color: #F39C11 !important;  }
a.Sous_Menu:hover { color: #000 !important; }

/* Liens Sous Menu Ouvert et Sélectionnés*/
a.Sous_Menu_Actif { white-space: nowrap; font-size: 11px; text-decoration: none; color: #F39C11 !important; padding: 0px 4px 0px 12px !important;}
a.Sous_Menu_Actif:link { color: #F39C11 !important; }
a.Sous_Menu_Actif:hover { color: #000 !important; }


/* ----------------------------------------------------------------------------------------------- */
/* Menus DROITS */
/* ----------------------------------------------------------------------------------------------- */
/*#bandoright { background: transparent url(images/bordhautdroit.gif) no-repeat right -20px; height: 40px; min-width: 155px; width: 155px; }*/
/* image forum en haut du bandeau droit */
#bandoright { background: transparent url(images/bordhautdroit.gif) no-repeat right -20px; height: 140px; min-width: 155px; width: 155px; }
html>body #bandoright { background: transparent url(images/bordhautdroit.gif) no-repeat right -14px; }

/* #bandorightbtm { background: url(images/forum.gif) no-repeat right bottom; height: 100px; width: 155px; position: absolute; margin: -86px 0px 0px -155px; z-index: -1; } */
#bandorightbtm { background: url(images/forumtransp.gif) no-repeat right bottom; height: 100px; width: 155px; position: absolute; top: 250px; margin: 0px 0px 0px -135px; z-index: 22; }
/* html>body #bandorightbtm { margin: -86px 0px 0px -155px; z-index: 0;} */

.Menu_Right { background: #EDEDED url(images/rmenu_btcorner.gif) no-repeat left bottom; margin-top: 10px; width: 100%; }
html>body .Menu_D { min-width: 135px; }

/* Titre des Menus dans les Menus*/
.Tab2_D {
	font-size : 12px;
	color: #4F79B2;
	text-align: left;
	height: 26px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: #DBDBDB url(images/rmenu_tpcorner.gif) no-repeat right;
	vertical-align: middle;
	text-transform: uppercase;
	white-space: nowrap;
	width: 120px;
}
td.Tab2_D { width: 100%; }
.Tab2_D:first-letter { padding-left: 14px; background: url(images/puce_D.gif) no-repeat left; }
/* Couleur Ligne de séparation */
.Ligne_D { }
/* Liens général */
a.Menu_D { white-space: nowrap; font-size: 11px; text-decoration : underline; color: #537CB2; margin: 0px; text-align: left; }
a.Menu_D:link { color: #537CB2; }
a.Menu_D:hover { color: #000; }

/* Liens Sélectionnés */
a.Menu_Actif_D { white-space: nowrap; font-size: 11px; text-decoration : underline; color: #537CB2; margin: 0px; text-align: left; }
a.Menu_Actif_D:link { color: #537CB2; }
a.Menu_Actif_D:hover { color: #000; }

.Fond_Menu_Droite img { margin-bottom: -2px; }

/* ----------------------------------------------------------------------------------------------- */
/* Menus Gauche et Droit */
/* ----------------------------------------------------------------------------------------------- */
/* Fond des tableaux des Menus Gauches et Droites*/
.Tablo_Menu {
	background-color : transparent;
	padding: 0px;
}

.Fond_Menu_Gauche { }

.Fond_Menu_Droite { padding: 10px 10px 20px 10px; }

/* ----------------------------------------------------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------------------------------------------------- */
#copyright { font-size: 9px; color: #1D1EA3; height: 27px; padding-left: 10px; vertical-align: middle; } 
/* Style Footer Général */
.Footer { font-size: 9px; color: #555; }

/* Lien du Footer */
a.Footer_Lien { white-space: nowrap; font-size: 9px; color: #555; padding: 0px 4px 0px 4px; text-decoration: none; }
a.Footer_Lien:link { color: #555; }
a.Footer_Lien:hover { font-size : 9px; text-decoration: underline; color: #000; }

/* ----------------------------------------------------------------------------------------------- */
/* Divers */
/* ----------------------------------------------------------------------------------------------- */
/* Warning du caddie*/
.CadWarning{
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FF0000;
 font-weight: bold;
}

/* ----------------------------------------------------------------------------------------------- */
/* Ajout Derniere Minute */
/* ----------------------------------------------------------------------------------------------- */
#date { margin: 0px; padding: 0px; font-size: 9px; }
#date input { background-color: transparent; border: none; height: 20px; color: #fff; font-size: 9px; width: 220px; text-align: right; }
h1 { font-size: 20px; color: #F39C11; font-weight: lighter; }
h2 { font-size: 14px; color: #1B1B80; }
h3 { font-size: 12px; color: #F39C11; font-weight: bold; }
h4 { font-size: 12px; color: #1B1B80; font-weight: bold; margin-bottom: 2px; padding: 0; }
#contentpage ul { margin-top: 4px; }

/* champs de formulaires dans les menus droites et gauches */
.Menu_Right .Module, .Menu_Right .Bouton, .Menu_Left .Module, .Menu_Left .Bouton { width: 80px; }
.Menu_Right .Module, .Menu_Left .Module { background-color: #fff; }

/* News */
.titrenews { background-color: #F8E5AD; color: #A88143; font-size: 11pt; font-style: italic; vertical-align: top; }
.datenews { color: #A88143; font-size: 10pt; font-weight: bold; vertical-align: top; }
.fondnews { background-color: #F8ECC8; color: #5B5B5F; font-size: 10pt; }
.basnews { background-color: #E2D09B; color: #8F4420; font-size: 9pt; }
.basnews a, .basnews a:visited { color: #8F4420; font-weight: bold; text-decoration: none; }
.basnews a:hover { color: #000; font-weight: bold; text-decoration: underline; }