.alignright{
float:right;
width: 200px;
border: 2px dotted DarkBlue ;
border-radius: 10px;
background: #DBE1E0;
margin: 15px;
padding: 4px;
}
.alignleft{
float: left ;
width: 200px ;
border: 2px dotted DarkBlue ;
border-radius: 10px;
background: #DBE1E0;
margin: 15px;
padding: 4px;
}
body {
line-height: 1;
background:  #142f97 url("Background.jpg") repeat-x right top;
font-family: Verdana,Arial,Helvetica, sans-serif;
}
h1 {
font-size: 150% ;
font-weight :bold ;
color : DarkBlue ;
padding-top: 15px;
	}
h2 {
font-size : 120% ;
color : DarkBlue ; 
}
h3 {
font-size : 90%;
color : DarkBlue ;
line-height: 130% ;
}
p {
line-height: 130% ;
font-size : 90%;
text-align: justify ;
 text-indent: 2;
}
li {
line-height: 150% ;
font-size : 90%;
list-style-image: url('image/puce.gif') ;
}
figcaption {
margin: 0px;
padding: 0px;
font-size : 80%;
}
section {
width: 800px;
padding: 0px;
margin: auto ;
background:  White url("BackMiddle.gif") repeat-y left top;
	}
header {
margin: auto ;
padding: 10px;
width: 780px;
background:  White url("linetwopoints.gif") repeat-x left bottom;
}
footer {
margin: auto ;
width: 800px;
background:  White url("twopoints.gif") repeat-x left top;
padding-bottom : 12px ;
padding-top : 12px ;
text-align: center ;
font-size : x-small ;
height : 20px ;
}
article {
padding : 20px ;
}

p:first-letter{
font-family:fantasy;
font-size : 150% ;
font-weight :bold ;
color : DarkBlue ; 
}

a:link{
color : DarkBlue ;
text-decoration : underline;
}

a:visited{
color : DarkGrey ;
text-decoration : underline;
}

a:hover{
color : DarkGrey ;
text-decoration : blink;
}