﻿html, body {margin:0;padding:0;color:#000;font:11pt verdana, arial, sans-serif;text-align:center;background-color:#6d6050;}

#global {position:relative;width:820px;margin:1px auto 1px;text-align:left;background-color:#d7e9d7;}

#haut {position:relative;width: 820px;height: 240px;margin: 0px;margin-top: 0px;padding:0px;} 
#milieu {position:relative;width: 820px;height: 16px;margin: 0px;margin-top: 0px;padding:0px; } 

#cartes{float:left;text-align:left;margin-left:40px !important;margin-left:20px;margin-top:20px;z-index:3;width:340px;height:200px;}

#texte1{position:relative;float:left;margin-left:18px !important; margin-top:15px !important;margin-top:20px; margin-left:12px;width: 404px;height: 204px;z-index:7;}

#texte1 p{text-align:justify; padding:10px; padding-top:8px; padding-bottom:0px;margin-bottom:0px;font-family:Verdana, Arial, Helvetica, sans-serif;color: #444756;font-size:10pt;font-weight: bold;}

#menuh {width: 580px;margin: 1px auto 1px;height:10px;text-align: center;}

.menuh2 {width: 100%;margin-top: 0px;margin-bottom: 0px;}

.menuh2 li {width:147px;float:left;margin-left:90px !important;margin-left:54px ;margin-right:0px;font-family:verdana, Helvetica, sans-serif;font-size: 9pt;font-weight: bold;color: #FBF4D9;padding: 2px;text-align: center;}

.menuh2 a:hover {color:#6996fe; text-decoration:underline;}

.menuh2 a:active {background: #FBF4D9;color: #ccccFF;}

.bas {height:20px;float:clear;width:820px}
.bas p{font-family: verdana, Helvetica, sans-serif;font-size: 7pt;color: #345372;text-align: center;font-weight: bold;}

.bordsgravesbleus {border-width: 1px;border-style: outset;background: #666666;margin-top: 5px;}

.bordsgrmenu {border-width: 1px;border-style: outset;}

.bordsgravesgr {border-width: 2px;border-color: white;border-top-style: inset;border-right-style: outset;border-bottom-style: outset;border-left-style: inset;}

.bordsgrbas {border-width: 0px;border-bottom-width: 2px;border-color: white;border-bottom-style: outset;}

.bordsgrhaut {border-width: 0px;border-top-width: 2px;border-color: white;border-top-style: outset;}

.bordsgrbasdroit {border-width: 2px;border-color: white;border-right-style: outset;border-bottom-style: outset;}

.bordsgrbashaut {border-width: 3px;border-right-width: 0px;border-left-width: 0px;border-color: white;border-bottom-style: outset;
border-top-style: inset;}

.bordsgrgauche {border-width: 0px;border-left-width: 3px;border-color: white;border-left-style: inset;}

.bdgror {border-width: 3px;border-color: #ffcc99;border-top-style: inset;border-right-style: outset;border-bottom-style: outset;border-left-style: inset;background:#59665a; }

.bdgror2 {border-width: 2px;border-color: #999999;border-top-style: inset;border-right-style: outset;border-bottom-style: outset;
border-left-style: inset;}

.bordsgrglobal {border-width:3px;border-color:#1c2636;border-right-style:inset;border-left-style:outset;border-top-style: outset;}

hr {height: 1px;margin: 0.8em 2 -0.2em -0.5em;padding:0px;color: #1C2636;background-color: #F00;}

#tabbordinfetroit {width:780px;height:6px;margin:0px;background: url(images/tab-bord-inf-1px-6px.jpg) repeat-x;}

#menuhoriz {position: absolute;width:280px;height:70px;left:310px;top:130px;text-align: center;}

#corpsorange {position: relative;height:auto;width:650px;margin-left:120px;background: #FFCC99;font-size: 9pt;text-align:left;}

#corps8 {position:relative;width:820px;height:auto;margin:0px;margin-top:10px;padding:0px;z-index:2;}

#corps8g {position:relative;float:left;background: #444756;width:380px;height: 400px !important;height:354px;margin-top: 0px;margin-left: 20px !important;margin-left: 10px; z-index:3;outline-style: none;}

/*#corps8g a:hover {border-width: 10px;border-color: #1c2636;border-right-style: inset;border-left-style: outset;border-top-style: outset;} */

#corps8d {position:relative;background:#4B6086;width:380px;height:400px !important;height:354px;margin-top:0px;margin-left:420px !important;margin-left:410px;z-index:3;outline-style:none}

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bolder;
	color: #000033;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

H2 {font-family: verdana, Helvetica, sans-serif;font-size: 9pt;color: #ffffff;text-align: center;}

ul {list-style-type: none;padding: 0px;margin: 0px;}

li {list-style-image: none;padding-left:6px;padding-top: 0px;padding-bottom: 4px;font-family: verdana, Helvetica, sans-serif;font-size: 8pt;font-weight: bold;color:#fbfbe5;}

a {color:white;text-decoration: none;cursor:  pointer;}

a:hover {text-decoration : underline} 

a.liennoir {color: black;text-decoration : none}

.lienrouge {color: red;text-decoration : none}

.lienrouge:hover {color: blue;text-decoration : underline}

.lienbleu {color: blue;text-decoration : none ; }

.lienbleu:hover {color: red;text-decoration : underline ; }

.lienvert {color: #66FF00;text-decoration : underline ; }

.lienvert:hover {color: red;text-decoration : underline ; }

table {border-collapse: collapse;font-family: Times New Roman, Times, serif;font-size: 11pt;border-width:0px;}

table#cal {background: #4B6086;table-layout:fixed;font-family: Arial;font-size: 8pt;border-width: 0px;border-color: black;border-top-style: inset;border-right-style: outset;border-bottom-style: outset;}

table#cal td {width: 18px;font-family: Arial;font-size: 8pt;border-width: 1px;border-color: black;border-top-style: inset;border-right-style: outset;border-bottom-style: outset;border-left-style: inset;}

table#cal tr {font-family: Arial;font-size: 8pt;border-width: 2px;border-color: black;border-top-style: inset;border-right-style: none;border-left-style: none;border-bottom-style: outset;}

table#cal th {width: 18px;border-width: 1px;border-color: #FFCC99;border-top-style: inset;border-right-style: outset;border-bottom-style: outset;border-left-style: inset;font-family: Arial;font-size: 8pt;}

img {border-width: 0px;margin: 0px;padding: 0px;border-color: white;border-top-style: inset;border-right-style: outset;border-bottom-style: outset;border-left-style: inset;}

td {width: 100%;border-width: 1px;border-color: white;border-top-style: inset;border-right-style: outset;border-bottom-style: outset;border-left-style: inset;}

td.bleu {background: #FFCC99;width: 100%;border-width: 2px;border-color: white;border-top-style: inset;border-right-style: outset;border-bottom-style: outset;border-left-style: inset;}

.o {border-width: 0px;border-color: #4B6086;}

.tdfixe{background: #FFCC99;border-width: 2px;border-color: white;border-top-style: inset;border-right-style: outset;border-bottom-style: outset;border-left-style: inset;}

td.transparent {background-color: transparent;border-width: 0px;}

.g{position:absolute;top:100px;left:190px}

.d{position:absolute;top:100px;right:50px}

.droite{position:absolute;top:220px;left:540px;}

.gauche{position:absolute;top:220px;left:200px;}

.coinsg{position:absolute;top:-4px;left:0px;width: 50px;height: 50px;z-index:0;}

.coinsd{position:absolute;top:-4px;left:750px;width: 50px;height: 50px;z-index:0;}

.titre2 {width:auto;height:40px;margin-left:0px;margin-top:7px;text-align: center;font-family: verdana, Helvetica, sans-serif;font-size: 9pt;font-weight: bold;color: #ffffff;}

#Layer1 {position:absolute;	width:104px;height:90px;z-index:5;left: 260px;top: 10px;}

.style1 {font-family: verdana, Helvetica, sans-serif; font-size: 11pt;}

#boutong {display: block;width: 178px;  height: 62px;  margin: 1px auto 1px;  margin-top: 10px;  background: url("images/bouton-entrer-rose-double.png") no-repeat 0 0;}

#boutong:hover { background-position: 0 -62px;}

#boutong span { display: none;}

#boutond {  display: block;  width: 178px;  height: 62px;  margin: 1px auto 1px;  margin-top: 10px;  background: url("images/bouton-entrer-vert-double.png") no-repeat 0 0;}

#boutond:hover { background-position: 0 -62px;}

#boutond span { display: none;}

#boutonghaut {  display: block;  width: 120px;  height: 16px;  
/*position:absolute;  
top:0px !important;  
top:4px;  
left: 220px;  */
margin:0;
margin-left:256px;
background: url("images/boutonghautp.gif") no-repeat 0 0;}


#boutonghaut:hover { background-position: 0 -16px;}

#boutonghaut span { display: none;}

/*#boutondhaut {  display: block;  width: 156px;  height: 18px;  position:absolute;  top:248px !important;  top:252px;  left: 442px;  background: url("images/boutondhaut.gif") no-repeat 0 0;}*/

#boutondhaut {  display: block;  width: 120px;  height: 16px; margin:0; margin-left: 440px; margin-top: -18px; background: url("images/boutondhautp.gif") no-repeat 0 0;}

#boutondhaut:hover { background-position: 0 -16px;}

#boutondhaut span {  display: none;}

#cadreg {position:absolute;display: block;background:  url("images/cadre-corps8.gif") no-repeat 0 0;width:386px;height: 406px;top: -3px;left: -3px !important;margin-left: 10px; z-index:12;visibility: hidden}
#cadreg:hover { visibility: visible}

#cadreg span {  display: none;}
