HTML{font-size:100%;}
body{ background-color:#CCCCCC;}

#Page{ font:0.875em/1em Georgia, "Times New Roman", Times, serif;
	line-height:120%;
	background-color:#e5ecf9;
	border:1px solid #3366cc;
	min-width:800px;
	width:99%;}
acronym{ cursor:help;}
acronym.premier{ cursor:help; border-bottom:1px dotted #fff;}
input, select, textarea{ font:100% Verdana, Geneva, Arial, Helvetica, sans-serif;}
input:focus, textarea:focus { background-color:#99ccff}
a{ background-color:transparent; color:#3366cc; text-decoration:none}
a:hover{ text-decoration:none; color:#0000FF;}
span, a.HebRestH, a.HebRestR, a.HebRestS{ font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;}
a.HebRestH{ color:#669933;}
a.HebRestR{ color:#ff6500;}
a.HebRestS{ color:#295984;}
p.Fin{ margin-bottom:1.8em;}
h1, h2, h3{	background-color:transparent; height:25px; font-weight:700; display:block; color:#003366;}
h2, h3{ width:100%; font-size:1em; text-align:center;}
h1{ font-size:1.125em; margin-bottom:2.5em;}

/*---------------- Haut de page --------*/
#HautDePage{ width:100%; background: url(images/1_entete.gif) top left repeat-x; }
#HP_Gauche, #HP_Droit{width:22%; height:200px; min-width:190px;}
#HP_Milieu{ height:200px; margin:0 22.5%;}
#HP_Gauche{ float:left;}
#HP_Droit{ float:right;}
#Logo{ float:right; height:160px; text-align:right;}
#Images{width:100%; height:160px; text-align:center;background-color:#e5ecf9; border-left:1px solid #3366cc; border-right:1px solid #3366cc;}
#world{width:90px; height:90px; float:right; margin:25px 10px 0 0;}
#MenuDroit{ float:left; height:160px; margin:0;}

#HautDePage ul{ width:90%; padding:0; margin:0;}
#HP_Gauche ul{ display:block; float:right; height:28px; margin:10px 0 10px;}
#HP_Gauche ul li{ display:block; float:right;}
#HP_Gauche ul li a{ display:block; text-indent:-2222px; text-align:left; margin-left:3px; width:28px; height:28px;}
#HP_Gauche ul li a.accueil{ background:url(images/accueil.gif) no-repeat;}
#HP_Gauche ul li a.accueil:hover{ background:url(images/accueil_h.gif) no-repeat;}
#HP_Gauche ul li a.utilisateur{ background:url(images/utilisateur.gif) no-repeat;}
#HP_Gauche ul li a.utilisateur:hover{ background:url(images/utilisateur_h.gif) no-repeat;}
#HP_Gauche ul li a.courriel{ background:url(images/courriel.gif) no-repeat;}
#HP_Gauche ul li a.courriel:hover{ background:url(images/courriel_h.gif) no-repeat;}

#MenuDroit ul{ float:left; margin:25px 5px 0 10px;}
#MenuDroit ul li{ display:block; height:24px;}

#HP_Gauche h2{ float:right; margin:0; padding-top:12px;}
#HP_Droit h2{ float:left; margin:0; padding-top:12px;}
#HautDePage h4{ font-variant:small-caps; margin:15px 0 0 2em;
	font-style:italic;
	display:block;
	color:#003366;}

/*---------------- Corps de page --------*/
#CorpsDePage{ width:100%;}

#CP_Gauche{ width:22%; float:left; min-width:190px;}
#CP_Gauche a{ float:right; display:block; text-align:right;}
#CP_Gauche ul{ float:right; display:block; margin-left:0.5em; margin-right:0.5em;}
#CP_Gauche ul li{ display:block; width:100%; float:right; margin-bottom:1px; border-top:1px dotted rgb(214, 225, 236); line-height:1.8em;}
#CP_Gauche ul li.premier{ margin:10px 0; border:none; background-color:transparent;}
#CP_Gauche ul li:hover{ border-top:1px dotted #6699cc; background-color:rgb(245,250,256);}
#CP_Gauche ul li.premier:hover{ border:none; background-color:transparent;}
#CP_Gauche ul li.HebRestH a{ color:#669933;}
#CP_Gauche ul li.HebRestH:hover{ border-top:1px dotted #669933;}
#CP_Gauche ul li.HebRestR a{ color:#ff6500;}
#CP_Gauche ul li.HebRestR:hover{ border-top:1px dotted #ff6500;}
#CP_Gauche ul li.HebRestS a{ color:#295984;}
#CP_Gauche ul li.HebRestS:hover{ border-top:1px dotted #295984;}
#CP_Gauche ul li a:hover{ color:#0000FF;}
#CP_Droit{ width:22%; float:right; margin-left:1em; min-width:190px;}
#CP_Milieu, #CP_MilieuD{ background: transparent url(images/fond_page.png) top left no-repeat;
	height:500px;
	min-height:500px;
	margin-left:22.5%;
	padding:1.5em;}
#CP_Milieu, #CP_MilieuD{ height:auto;}
#CP_Milieu{ margin-right:22.5%;}
#CP_MilieuD{ margin-right:0;}
.Insertion { float:right; margin:1em 0.5em 0 0.5em;}
.Message, #CP_Droit h4{ float:left; width:90%; margin:1em 0.5em 0 0.5em;}
.Message { font: 0.75em/1em Arial, Helvetica, sans-serif; line-height:140%;}
.Message p{ margin:1px 4px;}
.Message a{ margin:8px 3px;}
#flashcontent{ float:left; width:90%; margin:1em 0.5em 0 0.5em; padding:0;}


#CP_Droit h4{ font-variant:small-caps;
	line-height:1.5em;
	text-align:center;
	font-weight:700;
	display:block;
	float:left;
	border-bottom:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	background-color:#DDDDDD;}

/*---------------- Sous-menus ----------------*/
#SousMenu{ height:30px; text-align:left;}
#SousMenu ul{width:100%; margin:0; padding:0;}
#SousMenu li{ display:inline;}
#SousMenu a{ padding:0pt 0.5em;}

/*---------------- Blocs ----------------*/
#BlockBrochure, #BlockTester, #BlockAvis{ font:0.6875em/1em Arial, Helvetica, sans-serif;
	border: 1px dotted rgb(102, 153, 51);
	line-height:140%;
	padding-top:4px;
	padding-left:90px;
	margin:5px;}
#BlockBrochure{ background: transparent url(images/pdf.png) top left no-repeat;}
#BlockTester{ background: transparent url(images/tester.png) top left no-repeat;}
#BlockAvis{ background: transparent url(images/avis.png) top left no-repeat;}

/*---------------- Logiciels ----------------*/
#Logiciels{ background:url(images/2_projets.gif) repeat-x;
	height:110px;
	float:left;
	width:100%;}
#Logiciels h3{ font:1.125em/1em Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	padding-top:16px;
	margin:0;
	font-weight:700;}
#Logiciels ul{ margin:14px auto 0 auto;
	padding:0;
	width:475px;
	height:45px;
	display:block;}
#Logiciels ul li{ display:block; float:left; height:45px; margin-right:3px;}

/*---------------- Bas de page --------*/
#BasDePage{ background:url(images/1_baspage.gif) repeat-x;
	font:0.875em/1em Georgia, "Times New Roman", Times, serif;
	line-height:120%;
	width:100%;
	float:left;}
#BasDePage p{ margin:5px 0 12px 0; text-align:center;}
#BasDePage a{ color:#003366;}
#BasDePage a:hover{ color:#0000FF;}

.Petit{font:0.75em/1em Arial, Helvetica, sans-serif; text-align:center; color:#3366cc;}