/* ---- */
/* BODY */
/* ---- */

body {
 height: 100%;
 width: 100%;
 overflow: auto;

 margin: 0px;
 padding: 0px;
 background-color: #ffeecc;
 font: 10px Verdana, Arial, Helvetica, sans-serif;


    scrollbar-base-color: #ff0000;

    scrollbar-face-color: #FFCC00;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #ffffff;


}

/* --------------------------------------------- */
/* TABLE PRINCIPALE (#tab_gauche et #tab_droite) */
/* --------------------------------------------- */

.sito_table {
   position: absolute;
   width: 100%;
   height: 100%;
   padding: 0px;
   align: center;
   vertical-align: middle;

   margin-left: -500px;
}

tr td {
	color: #000066;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}

tr td.rech {
	background-color: #FFCC00;
}

input, textarea, option { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#000066;}

#tab_gauche {
   position: absolute;
   left: 0px;
	top:  0px;
   height: 100%;
   margin: 0px;
   padding: 0px;
   width: 650px;
   background-color: #ffeecc;
	vertical-align:top;
	text-align: center;
   overflow-y: scroll;
	color: #000000;
}

#tab_droite {
	position: absolute;
	height: 100%;
	padding-top: 10px;
	margin-right: 0px;
	right:0px;
	overflow: hidden;
	background-color: #000066;
	width: 350px;
	color: #000066;
	vertical-align:top;
	text-align: center;
	border-left: 10px solid #FFCC00;
	z-index: 2;
}

/* ---- */
/* MENU */
/* ---- */

.theme {
   position: absolute;
   margin-left: 20px;
   z-index: 1;
   width: 250px;
   height: 22px;
   background-image: url("images/backtheme.gif");
	background-repeat: no-repeat;
   color: #000066;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
   padding: 3px;
   padding-left: 6px;
}

.theme_droite {
   position: absolute;
   margin-left: 20px;
   z-index: 1;
   width: 250px;
   height: 22px;
   background-image: url("images/backtheme.gif");
	background-repeat: no-repeat;
   color: #000066;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
   padding: 3px;
   padding-left: 6px;
}

.soustheme {
   position: absolute;
   margin-left: 120px;
	margin-top: 8px;
   z-index: 12;
   visibility: hidden;
}

.td_soustheme {
   text-align: left;
}

.main_td {
   text-align: center;
}

.soustheme_droite {
   position: absolute;
   margin-left: 120px;
	margin-top: 8px;
   z-index: 12;
   visibility: hidden;
}

.td_soustheme_droite {
   text-align: left;
}

.tabl_soustheme {
	font-size: 10px;
   width: 180px;
   margin: 0px;
   padding: 0px;
   background-color: #FFCC00;
   border: 2px solid #FF9900;
	font-weight: bold;
	filter:alpha(opacity=100,style=1,finishOpacity=50) dropShadow(color=#ff0000,offX=1,offY=1);
}

.tabl_soustheme a {color: #000066; text-decoration: none;}
.tabl_soustheme a:visited {color: #000066; text-decoration: none;}
.tabl_soustheme a:hover {color: #FF6633; text-decoration: underline;}

/* */
/* */
/* */

font.intros {
	font : 16pt;
   color : #000000;
}

font.mini     {font: 8pt;}
font.miniplus {font: 9pt;}
font.petit    {font: 9pt;}
font.moyen    {font: 12pt; font-weight:bold;}
font.grand    {font: 16pt;}

.titre_sitotheque              { width:280px; text-align:right; font: 18pt; position: absolute;  top: 15px; color: #FF6633; margin-left:-320px; padding-left:320px;}
.titre_sitotheque  a           {position: absolute; text-decoration: none;margin-left:-20px;}
.titre_sitotheque  a:visited   {position: absolute; text-decoration: none;margin-left:-20px;}
.titre_sitotheque  a:hover     {position: absolute; text-decoration: underline;margin-left:-20px;}

.barre_menu                    {font: 12pt; text-align:center; position:static;  top: 45px; color: #FF6633; }
.barre_menu        a           {position: static; text-decoration: none;}
.barre_menu        a:visited   {position: static; text-decoration: none;}
.barre_menu        a:hover     {position: static; text-decoration: underline;}

.titre       {font: 14pt; text-align:center; margin-bottom:10px; margin-top:5px; color: #FFcc00;}
.soustitre   {font: 12px; text-align:left; font-weight: bold;margin-left:15px; margin-bottom:10px; color: #FFcc00;}
.soustitre_mev   {position: absolute;font: 11pt;font-weight: bold; text-align:left; margin-left:15px; margin-bottom:10px; color: #FFcc00;}

.liste_sites_menu {font: 11px; text-align:left;  margin-left:20px; margin-right:20px;  margin-bottom:10px; color: #FFffff;}
.liste_sites_menu a {font-weight:bold; color: #FF6633;}
.liste_sites_menu a:visited {font-weight:bold; color: #FF6633;}
.liste_sites_menu a:hover {font-weight:bold; color: #FF6633;}

.hierarchie_titre    {padding:3px;margin-top:8px; text-align:center; font: 12px;  color: #000066;}
.alpha_titre         {background-color:#FFcc00; padding:3px; margin-top:15px; text-align:center; font: 13px;  color: #000066; font-weight: bold;}

.liste_sites_principal {font: 14pt; text-align:left;  margin-top: 30px; margin-left:20px; margin-right:20px;  margin-bottom:10px; color: #000000;}
.liste_sites_principal a {font-weight:bold; color: #FF6633;}
.liste_sites_principal a:visited {font-weight:bold; color: #FF6633;}
.liste_sites_principal a:hover {font-weight:bold; color: #FF6633;}
.un_site {font-size: 12px; margin-top:20px; border:4px groove orange; padding-top: -10px; padding-right: 10px; padding-bottom:10px; padding-left:10px;}
.un_site_titre {position:relative; left: -20px; top:-15px; background-color:#FFcc00; padding:3px; vertical-align:middle; }
.un_site_soustitre {position:relative; font-weight: bold; top:-10px;}
.un_site_description {font-size: 11px; position:relative; top:-7px;}
.un_site_modif {text-align:right; margin-left:50px; font-size: 11px;}


.connexion {text-align:right; font-size:10px;}
.connexion a {color: #ff0000; text-decoration: none; font-size:10px;}
.connexion a:visited {color: #ff0000; text-decoration: none;}
.connexion a:hover   {color: #ff0000; text-decoration: underline;}

/* ----- */
/* LIENS */
/* ----- */

a         {color: #FF6633; text-decoration: none;}
a:visited {color: #FF6633; text-decoration: none;}
a:hover   {color: #000066; text-decoration: underline;}




.tabl_maj .etq {text-align:right;}
.tabl_maj .data {text-align:left;}


.lien_alpha           {position: absolute; top: 10px; left: 10px; text-align:right; font-size=30px; color: #000000; z-index:10;}
.lien_alpha a         {color: #ff0000; text-decoration: none;}
.lien_alpha a:visited {color: #ff0000; text-decoration: none;}
.lien_alpha a:hover   {color: #ff0000; text-decoration: underline;}