body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
#lien2 a:link{ color:#000099; font-weight:800; text-decoration:none;}
#lien2 a:visited{ color:#000099; font-weight:800; text-decoration:none;}
#lien2 a:hover{ color: #FF0000; font-weight:800; text-decoration: underline;}
#lien2 a:active{ color:#000099; font-weight:800; text-decoration:none;}
h1 {
font-size:36px;
padding:0px;
margin:0px;
color:#0000CC;
font-weight: lighter;
text-indent:150px;
}

h2 {
	color: #0000CC;
	font-family: "Lucida Handwriting", "Lucida Calligraphy", garamond;
	font-size:25px;
}
H3 {
	color:#0000CC;
	font-family: "lucida Calligraphy", "French Script MT";
	font-size:30px;
	}
h4 {
	color: #0000CC;
	font-family: pristina, Georgia, arial;
	font-size:2.5em;
	font-weight:bold;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:1.2em;
	color:#0000CC;
}

#top {
position:absolute;
background-color: #0000CC;
width: 799px;
height: 7px;
top: 0px;
left: 0px;
}

#top-edition {
position:absolute;
left:679px;
top:0px;
width:120px;
height:30px;
color:white;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../ongletBleu.gif);
background-repeat: no-repeat;
font-weight:bold;
text-align:right;
font-size:13px;
line-height:2em;
z-index:10;
}
#top-edition a:link, a:visited { color:white; text-decoration:none;}
#top-edition a:hover {color:red; text-decoration:underline;}

.retrait50{
text-indent:50px;}
.retrait100{
text-indent:100px;}
.retrait150{
text-indent:150px;}
#banner {
position:absolute;
background-color: #CCCCCC;
background-image:url(../bannerBleue.jpg);
background-repeat:no-repeat;
top:7px;
left:0px;
height:150px;
width:799px;
font-family: "comic Sans MS", Georgia, arial;
}
#logo{
position:absolute;
left:0px;
top:40px;
width:130px;
height:91px;
background-image:url(../pemlogoBleu.gif);
background-repeat:no-repeat;
z-index:2;
}


#titres3 {
position:absolute;
top:155px;
height:25px;
background-color:#cc0007; 
width:266px;
left:532px;
color:white;
text-align:center;
line-height:25px;
border:1px black solid;
z-index:2;
}
#titres3 a {color:white; text-decoration:none;}


#contenu {
position:absolute;
background-image: url(../pixel-bleu.gif);
background-repeat:repeat-y;
width:800px;
height:auto;
left:0px;
top:182px;
background-color:white;
}
.marge-gauche { margin-left:15px;} /*pour créer une marge et écarter le texte de la ligne de couleur*/
#fin { /*bandereau de fin de page*/
position:relative;
background-color: #0000CC;
height:7px;
width:800px;
left:0px;
}
#vers-haut {
position:relative;
left:340px;
top:7px;
background-image:url(../top-bleu.gif);
background-repeat: no-repeat;
width:120px;
height:30px;
text-align:center;
line-height:2em;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
font-weight:bold;
}
#liens a:link { color:black; text-decoration:none;}
#liens a:visited { color:black; text-decoration:none;}
#liens a:hover { color:#FF0000; text-decoration:underline;}

#vers-haut a:link, a:visited { color:white; text-decoration:none;}
#vers-haut a:hover { color:#FF0000;  text-decoration: underline;}

.TexteBleu {color:#0000FF; font-weight:bold;}