/* DEBUT CSS PRINCIPAL */ /* Créateur C. Florent Alias "FALCON" */
html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#ff010d;
	color:#ffffff;
	font-family:verdana, arial, sans-serif;
	}
html {
	font-size:100%;
	}
body {
	font-size:0.78em;
	}
/* Début du conteneur et du contenu de la page web */
#principal {
	display:block;
	position:relative;	/* Permet au block de servir de référence à ces descendants positionnés en absolus */
	width:800px;
	/*min-height:100%;*/	/* en réserve, à tester */
	margin:0 auto;
	padding:0;
	background-color:#ffffcc;
	color:#000000;
	text-align:center;
	z-index:1;
	}
#header {
	display:block;
	position:relative;
	top:0;
	left:0;
	margin:0;
	width:800px;
	height:150px;
	background-image:url(../images/img_header.png);
	background-repeat:no-repeat;
	background-color:#ffffcc;
	color:#000000;
	z-index:25;
	}
#logo_lionsteam {
	position:absolute;
	top:10px;
	left:671px;
	width:117px;
	height:117px;
	margin:0;
	border:0;
	}
#header p {
	margin:0;
	padding:0;
	}
dl, dt, dd, ul, li {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#menu {
	position:absolute;
	top:131px;	/*138*/
	left:2%;
	width:98%;
	margin:0;
	border:0;
	}
#menu span, #footer span {	/* pour cacher les ";" dans les <span> après un titre de menu par exemple
								pour marquer une pose lors de l'alocution des synthèses vocales */
	display:none;		
	}
#menu dt {
	float:left;
	margin:2px;
	padding:0 4px;
	background-color:#dd0000;
	color:#ffffff;
	height:1.8em;
	line-height:1.8em;
	border:1px solid black;
	font-size:0.9em;		/* Faire attention au décalage avec les sous-menus */
	font-weight:bold;
	/*text-align:center;*/
	}
#sous_m1 li {		/* CSS sous-menus sans javascript */
	float:left;
	width:71px;
	margin:2px;
	padding:0;
	list-style-type:none;
	}
#menu dd {
	display:none;		/* Cache la première version des sous-menus quand javascript est activé */
	position:absolute;
	margin:24px 0 0 0;		/* Positionnement vertical de tous les sous-menus avec "margin-top" */
	padding:0;
	color:#ffffff;
	background-color:#dd0000;
	}
.s_m1 {
	left:217px;			/* Positionnement horizontal du premier sous-menus */
	width:130px;
	}
.s_m2 {
	left:375px;			/* Positionnement horizontal du deuxième sous-menus */
	width:65px;
	}
#menu dd, ul, li {
	height:18px;
	font-size:0.95em;
	line-height:20px;		/* Pour remédier au décalage entre les titres des sous-menus avec IE */
	/*text-align:center;*/
	}
#menu li a, #menu dt a {
	display:block;
	background-color:#dd0000;
	color:#ffffff;
	text-decoration:none;
	}
#menu dt a:hover, #menu dt a:focus, #menu dt a:active, #menu li a:hover, #menu li a:focus, #menu li a:active {
	background-color:#ff3333;
	color:#ffffff;
	text-decoration:underline;
	}
h1, h2 {
	margin:2px;
	}
h1 {
	font-family:"Calligraph421 BT", arial, sans-serif;;
	font-size:2.5em;
	color:#dd0000;
	letter-spacing:1px;
	text-decoration:underline;
	background-color:inherit;	/* EN CAS DE PROBLEME AVEC LES BACKGROUNDS A L'AFFICHAGE CHANGER LES "INHERIT" EN "TRANSPARENT" */
	}
h2 {
	font-family:verdana, sans-serif;
	font-size:1.5em;
	color:#dd0000;
	background-color:inherit;
	}
h3 {
	margin:0;
	padding:0;
	font-family:serif, arial;
	font-size:1.5em;
	color:#dd0000;
	background-color:inherit;
	text-decoration:underline;
	}
p {
	color:#000000;
	background-color:inherit;
	}
#centre {
	display:block;	
	margin:0;
	width:800px;
	height:420px;
	background-color:#ffffcc;
	color:#000000;
	z-index:20;
	}
#toit {
	display:block;
	width:800px;
	height:86px;
	background-image:url(../images/img_toit.jpg);
	background-repeat:no-repeat;
	/*text-align:center;*/
	}
#toit h2 {
	margin:0 auto;
	padding-top:48px;
	font-family:"Calligraph421 BT", arial, sans-serif;
	text-decoration:underline;
	color:#ffffff;
	background-color:inherit;
	}
#toit #blanc {
	float:right;
	padding-right:48px;
	color:#ffffff;
	background-color:inherit;
	font-size:98%;
	font-family:arial, sans-serif;
	}
#toit #blanc a, #toit #blanc a:link {
	color:#ffffff;
	background-color:inherit;
	}
#toit #blanc a:hover, #toit #blanc a:focus, #toit #blanc a:visited {
	color:#ffff00;
	background-color:inherit;
	}
#toit #blanc a:active {
	color:#ff8c00;
	background-color:inherit;
	}
#bordure_left {
	position:absolute;
	top:235px;
	left:18px;
	margin:0;
	padding:0;
	width:34px;
	height:335px;
	border:0;
	background:url(../images/bordure_left.gif) repeat-y left top;
	}
#bordure_right {
	position:absolute;
	top:235px;
	left:748px;
	margin:0;
	padding:0;
	width:34px;
	height:335px;
	border:0;
	background:url(../images/bordure_right.gif) repeat-y right top;
	}
#contenu {
	display:block;
	width:690px;
	height:335px;
	margin:0 54px;
	text-align:left;
	}
.object {
	text-align:center;
	}
.soulign {
	text-decoration:underline;
	}
.img {
	float:left;
	margin-right:4px;
	}
.zoom {
	position:absolute;
	font-weight:bold;
	text-decoration:underline;
	left:87px;					/* Adapter la position du lien "Zoom" en fonction de l'image */
	}
.zoom a, .zoom a:link {
	color:#ffffff;
	background-color:inherit;
	}
.zoom a:hover, .zoom a:focus, .zoom a:visited {
	color:#ffff00;
	background-color:inherit;
	}
a:visited, a:hover, a:focus {
	color:#4444ff;
	background-color:inherit;
	}
a:active, .zoom a:active {
	color:#ff8c00;
	background-color:inherit;
	}
#footer {
	display:block;
	margin:0;
	width:800px;
	height:30px;
	color:#000000;
	background-color:#ffffcc;
	background-image:url(../images/img_footer.png);
	background-repeat:no-repeat;
	z-index:22;
	}
.img_zoom {
	position:absolute;
	top:0;
	left:87px;
	color:#ffffff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:underline;
	}
#grand_format1 {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	border:1px solid black;
	z-index:100;
	}
#grand_format2 {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	border:1px solid black;
	z-index:110;
	}
#grand_format_text {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	border:1px solid black;
	color:#ffffff;
	background-color:#0000ff;
	z-index:110;
	}
#w3c {
	display:block;
	position:absolute;
	top:543px;
	left:13px;
	z-index:120;
	}
/* FIN CSS PRINCIPAL */