BODY {
/*Fond de l'ascenseur*/
	SCROLLBAR-FACE-COLOR: #FFE3D6;
/*Liseré de l'ascenseur*/
	SCROLLBAR-HIGHLIGHT-COLOR: #666666;
	SCROLLBAR-SHADOW-COLOR: #666666;
	SCROLLBAR-3DLIGHT-COLOR: #FFE3D6;
	SCROLLBAR-ARROW-COLOR:  #666666;
	SCROLLBAR-TRACK-COLOR: #FFE3D6;
	SCROLLBAR-DARKSHADOW-COLOR: #FFE3D6;
	background-color: #FFE3D6;
	background-image: url(../images/fd_page_lapopie.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
a{
	color:#990000;
	text-decoration:underline;
	font: normal 12px Arial;
}
a:hover{
   color:#FF0000;
   text-decoration:none;
}


/* --- ESPACE ENTRE LA PAGE ET LE HAUT DU NAVIGATEUR --- */
.entete {
	background-image: ;
	background-repeat: repeat-x;
	background-position: right;
	background-color: #;
	height: 0px;
}

/* --- ESPACE ENTRE LE BANDEAU ET LE HAUT DU TABLEAU --- */
.marge_haut {
	background-image: url(../images/fd_haut.gif#);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #F8EED5;
	height: 0px;
}

.tableau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color:#FFFFFF;
	height: 38px;
	width: 900px;
	background-image: url(../images/fd_tableau_lapopie.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FFE3D6;
	border-top: 0px solid #666666;
	border-right: 0px solid #666666;
	border-left: 0px solid #666666;
	border-bottom: 0px solid #666666;
}

/* --- EN HAUT DE LA PAGE + DEFINI LA DISTANCE DE LA BARRE DES MENUS A LA MARGE HAUTE DE LA PAGE  OU HAUTEUR DU BANDEAU --- */
.bandeau {
	background-repeat: no-repeat;
	background-color: #;
	background-image: /*PASSE PAR LA BASE DE DONNEES ! */;
	background-position: left top;
	display: table-cell;
	width: 900px;
	height: 250px;
}

/* --- Arriere plan de la barre des menus --- */
.menu_bar {
	width: 900px;
	height: 30px;
	display: table-cell;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #;
	background-image: url(../images/fd_menu_bar#.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #;
	border-right-color: #;
	border-bottom-color: #;
	border-left-color: #;
}

/* --- Texte des rubriques avec liens (MENUS HORIZONTAUX) --- */
.menu_Rub {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#;
	text-align: center;
	vertical-align: bottom;
	text-transform: uppercase;
	padding-right: 10px;
	padding-left: 10px;
}
  a.menu_Rub, a.menu_Rub:visited, a.menu_Rub:active {
	color:#FFFFFF;
	text-decoration:none;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
  a.menu_Rub:hover {
	text-decoration:none;
	color:#CCCCCC;
	background-color:#;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 6px;
	text-align: center;
}

/* --- Texte des sous-rubriques avec liens (MENUS DEROULANTS) --- */
.menu_SRub {
	text-decoration:none;
	vertical-align: middle;
	font:11px Arial, Helvetica, sans-serif;
	color:#999999;
	height: 20px;
	width: ;
	background-color: #003366;
	border-left: 1px solid #CC3366;
	padding-left: 2px;
	display: table-cell;
	position: static
}
  a.menu_SRub, a.menu_SRub:visited, a.menu_SRub:active {
	color:#000000;
/* --- Ordre : HAUT - DROIT - BAS - GAUCHE--- */
	padding:4px 2px 3px 4px;
	width: 120px;
	background-color: #f38f74;
	display: table-cell;
}
  a.menu_SRub:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#f94313;
/* --- Ordre : HAUT - DROIT - BAS - GAUCHE--- */
	padding:4px 2px 3px 4px;
	display: table-cell;
}

/* --- TRANSPARENCE DES MENUS DEROULANTS --- */
#transp_deroulants {
	background-color: #;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
}


/* --- TABLEAU ARRIERE DU MENU GAUCHE --- */
.tab_menu_gauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	width: 180px;
	display: table-cell;
	padding: 0px;
	vertical-align: top;
	background-color: #;
	background-image: url(../images/tab_gauche#.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 0px solid #CC3366;
}

/* --- TRANSPARENCE DU MENU A GAUCHE --- */
#transparent {
	width: 180px;
	background-color: #;
	border-left: 10px solid #FF9966;
	-moz-opacity:.9;
	filter:alpha(opacity=90);
}

/* --- Texte des rubriques avec liens a gauche (MENUS A GAUCHE) --- */
.menu_Vert {
	text-decoration:none;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform: uppercase#;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-top: 5px;
	padding-right: 4px;
	vertical-align: top;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
	display: table-cell;
	width: 200px;
}
  a.menu_Vert, a.menu_Vert:visited, a.menu_Vert:active {
	color:#999999;
	padding:1px 2px 2px 2px;
	display: table-cell;
}
  a.menu_Vert:hover {
	color:#CCCCCC;
	text-decoration:none;
	background-color:#F5DBC4;
	padding:1px 2px 2px 4px;
	display: table-cell;
}

/* --- Texte des sous-rubriques avec liens a gauche (SOUS-MENUS A GAUCHE) --- */
.menu_SVert {
	text-decoration:none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
/* --- Ordre : HAUT - GAUCHE - BAS --- */
	padding:1px 2px 2px;
	vertical-align: top;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 20px;
	border: 0px none;
	width: 170px;
	display: table-cell;
}
  a.menu_SVert, a.menu_SVert:visited, a.menu_SVert:active {
	text-decoration: none;
  	color:#000000;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #;
	vertical-align: middle;
	border: 0px none ;
	margin-top: 0px;
	margin-bottom: 0px;
}
  a.menu_SVert:hover {
	text-decoration: none;
	color:#FF7200;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-decoration:none;
	background-color: ;
	border: 0px dotted #FF6633;
	margin-top: 0px;
	margin-bottom: 0px;
	display: table-cell;
}

/* --- Texte SELECTIONNE des sous-rubriques avec liens a gauche (SOUS-MENUS A GAUCHE SELECTIONNE) --- */
.menu_fixe {
	color:#FF0000;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding:1px 2px 2px;
	border: 0px dotted #FFFFFF;
	background-color: #FF9966;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	height: 20px;
	width: 170px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: table-cell;
}


/* --- MARGE GAUCHE DERRIERE LE MENU GAUCHE ET JUSQU'EN BAS --- */
.marg_gauche {
	background-color: ;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/marge_gauche#.jpg);
	display: table-cell;
	width: 0px;
}

/* --- MARGE GAUCHE EN BAS ??? PAS PRESENTE DANS INDEX.PHP --- */
.marg_g_bas {
	padding-top: px;
	background-color: #010088;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/marge_g.jpg);
	display: table-cell;
	width: 90px;
	height: 140px;
}


/* --- CONTIENT LES PARAGRAPHES (Textes et images) ATTENTION AUX MARGES !!! --- */
.contenu {
	width: 850px;
	display: table-cell;
	text-align: justify;
	vertical-align: text-top;
	height: 500px;
	background-image: url(../images/fd_contenu.jpg);
	background-color: ;
	background-position: right;
	background-repeat: repeat-y;
	padding-top: 60px;
	padding-bottom: 50px;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	border: 0px solid #FFFFFF;

}

.titre_pages {
	text-decoration: none;
	color:#660000;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: top;
	background-color: #;
	height: 120px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
}

.titre_paragraphes {
	text-decoration: none;
	color: #000000;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	height: ;
	padding-top: px;
	padding-bottom: px;
	text-align: left;
}

.gros_titre {
	text-decoration: none;
	color:#000000;
	font: bolder normal 24px "Times New Roman", Times, serif;
	text-transform: uppercase;
}

.description {
	border-color: #000000 black black;
	border-top-width: thick;
	color:#333333;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}

.paragraphe {
	color: #330000;
	width: 840px;
	background-color: #;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: px;
}


/* --- ENTETE DES FORMULAIRES --- */
.titre_formulaire {
	color: #330000;
	background-color: #;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	height: ;
	vertical-align: top;
	padding-top: 100px;
	padding-right: 50px;
	padding-left: 5px;
}

.annonce {
	color: #333333;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	display: table-cell;
	border: 0px solid #FFFFFF;
	background-color: #;
	width: 400px;
	height: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.images {
/* --- Ordre : HAUT - DROIT - BAS - GAUCHE--- */
	margin:0px 10px 20px 10px;
	border : 1px solid #CCCCCC;
}

.lien_menu {  
    text-decoration:none; 
	font:bold 13px verdana, arial, sans-serif;
	color:#FFFFFF;
}

.inputBox {
	color:#CCCCCC;
	text-decoration: none;
	background : #486B8E;
	border-color : #CCCCCC;
	border : 1px solid;
	font-family : Verdana, tahoma, Arial;
	font-size : 11px;
	font-weight: normal;
	text-indent: 4pt;
	line-height: 20px;
	padding: 4px;
}
.cel_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	background-color: #000066;
	color: #000000;
	height: 16px;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	display: table-cell;
}

/* --- TABLEAU DU MENU GAUCHE ??? --- */
.tableau_d {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background-color: ;
	background-image:  url(../images/carreaux.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.menu_fixe2 {
	color:#000033;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	height: 0%;
	border-top: 1px solid #545FB3;

}

/* --- CHAMPS DE SAISIE DES FORMULAIRES --- */
.zonesaisie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #002566;
	padding-left: 4px;
}

/* --- MARGE BAS JUSTE EN HAUT DU BAS DE PAGE --- */
.marge_bas {
	background-image: url(../images/marg_bas_lapopie.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	vertical-align: bottom;
	height: 200px;
	display: table-cell;
	width: 900px;
	border-bottom: 0px solid #000033;
	border-right: 0px solid #000033;
	border-left: 0px solid #000033;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	vertical-align: top;
}

/* --- JUSTE EN HAUT DU COPYRIGHT SCYVIUS --- */
.bas_page {
	color: #FFFFFF;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	background-color:#;
	text-align: left;
	text-decoration:none;
	display: table-cell;
	height: 0px;
	width: 900px;
	background-repeat: no-repeat;
	background-image: url(../images/marg_inf#.jpg);
}
a.bas_page{
	color:#FFFFFF;
	background-color:none;
	text-decoration:none}
a.bas_page:hover{
	color:#FFFFFF;
	background:none;
	text-decoration: none;
}

/* --- TABLEAU DANS LEQUEL SE TROUVE LE COPYRIGHT SCYVIUS --- */
.tab_scyvius {
	text-align: right;
	background-color:#;
	display: table-cell;
	width: 900px;
	color: #666666;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}

.scyvius {
	color: #666666;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align: right;
}
a.scyvius{
	color:#999999;
	background-color:none;
	text-decoration:none}
a.scyvius:hover{
	color:#FF0000;
	background:none;
	text-decoration:underline;
}
