/* On définit le corps des pages (margin et padding à 0 et width à 100% pour IE, sinon il peut arriver quelques bugs).
*/
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	scrollbar-arrow-color: #BB2288;
	scrollbar-track-color: #FFCC66;
	min-width: 870px;
}

/* On enléve les bordures à toutes les images */
img {border: 0px}

/* Volet gauche, fond dégradé (image d'1 pixel de large) répété, largeur 100pixel */
.LeftView {
	background: #FFFFFF url(background.gif) repeat-y top right;
	width: 100px;
	float: left;
	clear: left;
	text-align: center;
}

/* Titre en trés gros (titre de cadre) */
h1 {
	color: navy;
	font-weight: bold;
	text-decoration: underline;
	font-size: 26;
}

/* Titre en gros */
h2 {
	color: navy;
	font-weight: bold;
	text-decoration: underline;
	font-size: 20;
}

/* Menu, largeur 100 pixel, choix de la police, coleur, image du bas du menu */
.sdmenu {	
	width: 100px;
	font-family: Sans-Serif;
	font-size: 11px;	
	text-align: left;
	padding-bottom: 10px;
	background: url(bottom.gif) no-repeat right bottom;
	color: #ffcc33;
}

/* Element du menu, propriétés partagés, bord en bas, affiché en block, image de fond, curseur */
.sdmenu .title, .sdmenu .titlehidden {
	display: block;
	padding: 5px 0;
	font-weight: bold;
	color: #000099;
	background: #ffffff url(title.gif) repeat-y center;	 
	border-bottom: 1px solid #ffcc33;
	border-top: 0;
	cursor:hand;
}

/* Menu sans sous menu */
.sdmenu .titlemenu {
	display: block;
	padding: 5px 0;
	font-weight: bold;
	color: #000099;
	background: #ffffff url(title.gif) repeat-y center;
	color: white;
	text-decoration: none;
	border-bottom: 1px solid #ffcc33;
	border-top: 0;	
}

/* Lien du menu sans sous menu, couleur */
.sdmenu .titlemenu a {
	color: #000099;
	text-decoration: none;
}

/* Menu du docteur ordinateur, il est vert */
.sdmenu #Doc {
	background: #abda4d;
}

/* Menu avec sous menu, le curseur (marche seulement sou IE) */
.sdmenu .title {
	cursor:hand;
}

/* Fléche du menu, emplacement */
.sdmenu .linkarrow {
	margin-left: 10px;
	margin-right: 7px;
}

/* Fléche du menu, emplacement */
.sdmenu .arrow {
	margin-left: 10px;
	margin-right: 7px;
}

/* Menu caché, rien */
.sdmenu .titlehidden {
}

/* Menu du dessus, Image différente (arrondi en haut) */
.sdmenu #top {
	background: url(toptitle.gif) no-repeat center;
	border-bottom: 1px solid #ffcc33;
	cursor:hand;
}

/* Sous menu, pas de scrollbar, le curseur */
.sdmenu .submenu {
	overflow: hidden;
	cursor:hand;
}

/* Lien du sous menu, couleur, décaler à gauche, texte... */
.sdmenu .submenu a {
	padding: 5px 0;	 
	text-indent: 10px;
	background: #ffffff url(title.gif) repeat-y center;
	display: block;
	color: #000099;
	text-decoration: none;	  
	border-bottom: 1px solid #ffcc33;
	border-top: 0; 
}

/* Lien du sous menus la souris est au dessus, couleur, fléche */
.sdmenu .submenu a:hover {
	background : #BB2288 url(linkarrow.gif) no-repeat right center;
	color: #FFFFFF;
}

/* Cadre pour le fond, partie pour la bordure gauche du cadre */
.principal {
	position: relative;
	Background-image: url('border_left.gif');
	background-repeat: repeat-y;
	background-color: #ffcc66;
	z-index: 1;
}

/* Cadre pour le fond, partie pour la bordure droite du cadre */
.principal2 {
	background-image: url('border_right.gif');
	background-repeat: repeat-y;
	background-position: right;
	z-index: 2;
}

/* Cadre pour le fond, partie pour la bordure haute du cadre */
.haut {
	height: 19px;
	background-image: url('border_top.gif');
	background-repeat: repeat-x;
	background-position: top;
}

/* Petite image si l'on veut en caller une dans le titre (la clef pour se logger par exemple) */
.haut img {
	vertical-align: top; /* pour ie5*/
	margin-top: -16px;
}

/* Le coin en haut à gauche */
.coingh {
	position: relative;
	width: 19px;
	height: 19px;
	background-image: url('corner_top_left.gif');
	float: left;
}

/* Le coin en haut à droite */
.coindh {
	position: relative;
	width: 19px;
	height: 19px;
	background-image: url('corner_top_right.gif');
	float: right;
}

/* Le contenu, avec décallage à gauche et à droite, pour pas que le texte se mette sur les bords */
.contenu {
	padding: 0 19px 0 19px;
	display: block;
}

/* Bordure du bas */
.bas {
	height: 19px;
	background-image: url('border_bottom.gif');
}

/* Le coin en bas à gauche */
.coingb {
	width: 19px;
	height: 19px;
	background-image: url('corner_bottom_left.gif');
	float: left;
}

/* Le coin en bas à droite */
.coindb {
	width: 19px;
	height: 19px;
	background-image: url('corner_bottom_right.gif');
	float: right;
}

/* Fenetre qui s'ouvre, un peu plus conmplexe que le cadre car les coin doivent être transparents
donc les bodures des 4 cotês ne doivent pas mordre sur les coins*/
/* Celle du bas */
.ContBas {
	Background-image: url('WinB.gif');
	background-repeat: repeat-x; 
	background-position: bottom;
	height: 19px;
	margin-left: 19px;
	margin-right: 19px;
}

/* Le haut */
.ContHaut {
	Background-image: url('WinT.gif');
	background-repeat: repeat-x;
	background-position: top;
	height: 19px; 
	margin-left: 19px;
	margin-right: 19px;
}

/* La gauche */
.ContLeft {
	Background-image: url('WinL.gif');
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* La droite */
.ContRight {
	background-position: right;
	Background-image: url('WinR.gif');
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Le conteneur qui contiendra le sous conteneur et les bodures, il est caché comme la fenêtre doit s'ouvrir */
.Conteneur {
	position: absolute;
	z-index: 1;
	visibility: hidden;
	z-index: 2000;
}

/* Le sous conteneur, décaler à gauche et à droite */
.sousConteneur {
	background-repeat: repeat-y;
	background-color: #cae2e7;
	margin-left: 19px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 19px;
}

/* Le coin en haut à gauche */
.coinhautgauche {
	position: absolute;
	top: 0px;
	left: 0px;
	border-width: 2px; 
	width: 19px;
	height: 19px; 
	background-image: url('WinTL.gif');
}

/* Le coin en haut à droite */
.coinhautdroite {
	position: absolute;
	top: 0px;
	right: 0px;
	border-width: 2px;
	width: 19px;
	height: 19px; 
	background-image: url('WinTR.gif');
}

/* Le coin en bas à gauche */
.coinbasgauche {
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-width: 2px; 
	width: 19px;
	height: 19px;
	background-image: url('WinBL.gif');
}

/* Le coin en bas à droite */
.coinbasdroite {
	position: absolute;
	bottom: 0px;
	right: 0px;
	border-width: 2px; 
	width: 19px;
	height: 19px;
	background-image: url('WinBR.gif');
}

/* La petite croix pour fermer la fenêtre, avec un gros z-index histoire d'être au dessus */
.close {
	position: absolute;
	Top: 8px;
	right: 13px;
	z-index: 10000;
}

/* Le spacer, petite astuce pour éviter un alignement disgracieu de la fenetre avec le contenu */
.spacer {
	clear: both;
	z-index: 0;
}

/* Initialise au démarrage et sauvegarde à la fin */
window.onload = init;
window.onunload = store;