/*
	:: S i Z ! E n g i n e ::
	v0.1a
	24-10-06
	style default css
*/

/* Style général */

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: white;
	
	margin: 20px;
	padding: 0;
	background-image: url('../images/bkgnd/bkgnd.jpg');
	background-attachment: fixed;
	background-color: black;
}

/* remplace <b> */
strong {
	font-weight: bold;
}

/* remplace <i> */
em {
	font-style: italic;
}

/* remplace <u> */
span.u {
	text-decoration: underline;
}

form {
	margin: 0px;
}

ul {
	list-style-type: square;
}

acronym {
	border-bottom: dotted 1px white;
	cursor: help;
}

acronym:hover {
	background-color: yellow;
	color: red;
}

a {
	color: #91EBFB;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: yellow;
	text-decoration: underline;
}

/* Layout : Parties générales */

/* Div générale qui contient la partie centrale du site */
div#container {
	position: relative;
	width: auto;
	height: auto;
	margin: 0 auto;
	border: black 1px solid; /* fix d'un bug dans IE : le menu était centré et pas aligné à gauche ?! */
}

html>body div#container {
	border: none;
}

/* Bloc contenant le logo (en haut) */
div#logoheader {
	height: 190px;
	text-align: center;
	background-image: url('../images/bkgnd/bkgnd.jpg');
	background-attachment: fixed;
}

/* Petit bloc juste sous le logo */
div#webtop {
	margin-bottom: 3px; /* IE pose problème si je met margin-top au bloc content. Alors la solution c'est margin-bottom de menu. */
	padding: 2px;
	text-align: center;
	
	border: 1px solid white;
	background-image: url('../images/bkgnd/blocs.jpg');
	background-color: darkblue;
	background-attachment: fixed;
	
	font-size: x-small;
	font-style: italic;
}

div#leftcontent {
	position: absolute;
	/* position: relative;
	float: left; */
	left: 0px;
	/* border: 1px solid red; */
}

html>body div#leftcontent {
	top: 19px;
}

/* Menu principal à gauche */
div#leftmenublock {
	margin: 0px;
	width: 150px;
	
	padding: 5px;
	
	border: 1px solid white;
	background-image: url('../images/bkgnd/blocs.jpg');
	background-attachment: fixed;
	background-color: darkblue;
}

html>body div#leftmenublock {	
	margin-top: 5px; /* Pour tous les autres navigateurs */
}

/* Liste non ordonnée permettant de faire une liste de lien (pour les menus) */
ul.menulayout {
	padding: 0px;
	padding-left: 5px;
	margin: 0px;
	list-style-type: none;
	margin-bottom: 8px;
}

/* Titre d'un block (menu en général) */
.blocktitle {
	display: block;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 2px;
	font-size: 1.1em;
	padding: 1px;
	border: 1px white solid;
	background-image: url('../images/bkgnd/titles.jpg');
	background-attachment: fixed;
	background-color: #587492;
}

/* Bloc qui affiche les stats */
div#leftstatsblock {
	margin-top: 3px;
	
	width: 150px;
	
	padding: 5px;
	
	border: 1px solid white;
	background-image: url('../images/bkgnd/blocs.jpg');
	background-attachment: fixed;
	background-color: darkblue;
}

/* html>body div#leftstatsblock {
	width: 150px;
} */

#leftstatsblock p {
	padding: 0px;
	margin: 0px;
	font-size : 0.9em;
}

#leftstatsblock div.separator {
	padding: 0px;
	margin-top: 1px;	
	margin-bottom: 1px;
	background-color: white;
	border-bottom: 1px solid white;
}

/* Bloc contenant les différents logos... */
div#leftlogosblock {
	margin-top: 3px;
	width: 150px;
	
	padding: 5px;
	
	border: 1px solid white;
	background-image: url('../images/bkgnd/blocs.jpg');
	background-attachment: fixed;
	background-color: darkblue;
}

/* html>body div#leftlogosblock {
	width: 150px;
} */

#leftlogosblock p {
	padding: 0px;
	margin: 1px;
}

#leftlogosblock ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* Bloc général : C'est celui qui contient la page en cours. */
div#content {
	/* visibility: hidden; */
	/* margin-left: 600px; */
	
	position: relative;
	margin-left: 165px;
	height: 450px; /* min-height pour IE */
	
	padding: 10px;
	
	border: 1px solid white;
	background-image: url('../images/bkgnd/blocs.jpg');
	background-attachment: fixed;
	background-color: darkblue;
}

html>body #content {
	/* margin-top: 0px; /* correction du bug d'IE (voir margin-bottom de menu) */
	height: auto;
	min-height: 450px; /* min-height pour tous les autres navigateurs */
} 

#content h1 {
	margin: 0px;
	margin-bottom: 20px;
	padding: 2px;
	font-size: 1.8em;
	
	border: 1px white solid;
	background-image: url('../images/bkgnd/titles.jpg');
	background-attachment: fixed;
	background-color: #587492;
}

#content h2 {
	margin: 0px;
	margin-bottom: 20px;
	padding: 2px;
	font-size: 1.5em;
	
	border: 1px white solid;
	background-image: url('../images/bkgnd/titles.jpg');
	background-attachment: fixed;
	background-color: #587492;
}

#content h3 {
	font-size: 1.2em;
	border-bottom: lightblue solid 1px;
}

#content h4 {
	margin: 0px;
	margin-bottom: 10px;
	text-decoration: underline;
}

#content table.news {
	border: 1px white solid;
	width: 100%;
	margin-bottom: 20px;
}

#content select.bluebox {
	color: white;
	background-color: #587492;
	border: solid 1px white;
}

#content table {
	border: 1px white solid;
	width: 100%;
}

#content table.hidden {
	border: none;
	width: auto;
}

#content th {
	text-align: left;
	margin: 0px;
	padding: 1px;
	border: 1px white solid;
	background-image: url('../images/bkgnd/titles.jpg');
	background-attachment: fixed;
	background-color: #587492;
}

#content .cmdlineblock {
	background-color: black;
	color: white;
	border: 1px solid white;
	font-family: "Courier New", "Lucida Console", Courier;
	padding: 4px;
	font-size: 0.9em;
}

/* boite msg */

#content table.msg {
	border: 1px white solid;
	width: 100%;
}

#content .msgtitle {
	font-weight: bold;
}

#content .msgbody {
	padding: 0px;
}

.tableicon {
	font-size:0.1em; 
	padding: 1px;
}

/* div.doctop {
	border-top: 1px solid white; 
	margin-top: 2px;
	margin-bottom: 2px;
} */

div.docbottom {
	border-top : 1px solid white;
	padding-top : 5px;
}

/* Bloc pied de page */
div#footer{
	font-size: 0.85em;
	
	margin-top: 5px;
	/* height: 20px; */
	padding: 4px;
	text-align: center;
	
	border: 1px solid white;
	background-image: url('../images/bkgnd/blocs.jpg');
	background-attachment: fixed;
	background-color: darkblue;
}

/* ------------------ SECTION MENUS DYNAMIQUES ------------------ */

/* Bloc affiché lors d'un survol de souris */
#ssmenus div {
	padding: 2px;
	margin: 0px;
	display: none;
	position: absolute; 
	z-index: 100;
	
	border: 1px white solid;
	background-image: url('../images/bkgnd/blocs.jpg');
	background-attachment: fixed;
	background-color: darkblue;
	text-align: center;
}

#ssmenus div.menu {
	min-width: 110px;
	width: 110px; /* min-width pour IE */
}

html>body #ssmenus div.menu {
	width: auto; /* min-width pour les autres */
}

#ssmenus div.submenu {
	min-width: 130px;
	width: 130px; /* min-width pour IE */
}

html>body #ssmenus div.submenu {
	width: auto; /* min-width pour les autres */
}

/* Liste non ordonnée présente dans la div submenu */
#ssmenus ul {	
	text-align: center;
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style: none;
	/* border: 1px blue solid; */
}

#ssmenus li {
	/* border: 1px red transparent; */
	text-align: center;
	margin: 0px;
	padding: 0px;
	/* width: auto; */
}

/* Définition des liens dans les li du submenu */
#ssmenus li a {	
	text-align: center;
	display: block;
	height: 100%;
	border: 0 none;
	color: #91EBFB;
	
	/* width: 110px; */ /* Taille minimale pour IE */
}

/* html>body #ssmenus li a {
	width: auto;
	/* min-width: 110px; */ /* Taille minimale pour FF */
/*} */

/* style survolé des liens dans les submenus */
#ssmenus li a:hover {
	text-align: center;
	background-color: yellow;
	color: red;
	text-decoration: none;
	/* width: 110px; */
}

/* html>body #ssmenus li a:hover {
	width: auto;
	min-width: 110px;
} */

/* --- Autre --- */
div.noscriptbox {
	font-weight: bold;
	color: #DFBFFF;
	text-align: center;
	padding: 2px;
	font-size: 1.5em;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px white solid;
	background-image: url('../images/bkgnd/titles.jpg');
	background-attachment: fixed;
	background-color: #587492;
}

/* Downloads */

/* Description d'une catégorie */
.dldesc {
	color: #F4E8FF;
	font-size: 0.9em;
}

.linkhits {
	font-size: 0.8em;
}

input.button {
	cursor: pointer;
	border: 1px white solid;
	width: 60px;
	color: white;
	background-color: black;
	background-image: url('../images/bkgnd/titles.jpg');
	background-attachment: fixed;
	background-color: #587492;
}

table#newsbar {
	padding: 0px;
	margin: 0px;
	background-image:  url('../images/bkgnd/titles.jpg');
	background-attachment: fixed;
	background-color: #587492;
}

#newsbar form {
	padding: 2px;
	margin: 0px;
}

#leftlogosblock th {
	border: 1px white solid;
	background-image:  url('../images/bkgnd/titles.jpg');
	background-attachment: fixed;
	background-color: #587492;
}

/* LINKS */

.linksdesc {
	color: #F4E8FF;
	font-size: 0.9em;
}

.docsdesc {
	color: #F4E8FF;
	font-size: 0.9em;
}

.disclamer {
	padding: 3px;
	font-weight: bold;
	color: white;
	border: 1px white solid;
	background-image:  url('../images/bkgnd/disclamer.jpg');
	background-attachment: fixed;
	background-color: #B3001B;
}

.warning {
	padding: 3px;
	font-weight: bold;
	color: white;
	border: 1px white solid;
	background-image:  url('../images/bkgnd/disclamer.jpg');
	background-attachment: fixed;
	background-color: #B3001B;
}

/* Fin */