body {
margin : 10;
padding : 0;
font-family : helvetica,verdana,arial,sans-serif;
}

#global{
width : 1050px;
}

#global h5 {
height : 30 px;
font-size : 46px;
color : #000080;
font-weight : bold;
text-align : center;
text-transform : uppercase;
/*font-variant : small-caps;*/
padding-top : 20px;
padding-bottom : 0px;
}

div#options {
float : left ;
font-family : helvetica,verdana,arial,sans-serif;
font-size : 12px;
color : #000000;
width : 200px;
top : 10px ;
left : 10px;
}


#donnees {
font-family : helvetica,verdana,arial,sans-serif;
font-size : 12px;
color : #000000;
top : 10px ;
left : 220px;
margin-left : 210px;
}

#donnees p{
font-family : helvetica,verdana,arial,sans-serif;
font-size : 12px;
color : #000000;
}

#donnees ul{
font-family : helvetica,verdana,arial,sans-serif;
font-size : 12px;
color : #000000;
}

#donnees li{
font-family : helvetica,verdana,arial,sans-serif;
font-size : 12px;
color : #000000;
}

div#donnees img {
border-width : 0px;
border-style : none;
}


#copyright {
clear : both ;
font-size : 10px;
color : #909090;
border-top : 1px solid #909090;
float : bottom;
}


.index {
font-family : helvetica,verdana,arial,sans-serif;
color : #000000;
border-top : 1px solid #ddecff;
border-bottom : 1px solid #ddecff;
border-left : 1px solid #ddecff;
border-right : 1px solid #ddecff;
margin-bottom : 10px;
padding-bottom : 10px;
}

.index h1 {
font-size : 11px;
text-align : left;
padding-left : 10px;
/*font-variant : small-caps;*/
background-color : #ddecff;
margin-top : 0px;
font-weight : bold;
}

.index p {
font-size : 11px;
margin-left : 10px;
margin-right : 10px;
margin-top : 0px;
margin-bottom : 5px;
}

.index td {
font-size : 11px;
}

.index input { 
font-size : 11px; 
font-family : helvetica,verdana,arial,sans-serif; 
background-color : #ffffff;
color:  #000000; 
border: 1px solid ;
border-color : #ddecff;
margin-right : 3px;
}

.index a {
text-decoration : none;
}

.index a:link {
font-family:arial, sans-serif;
font-size : 11px;
color : blue;
background-color : transparent;
}

.index a:visited {
font-family:arial, sans-serif;
font-size : 11px;
color : gray;
background-color:transparent;
}

.index a:hover {
text-decoration : underline;
}


.illustration{
float : center ;
text-align : left;
/*width : 200px;*/
background-color:#ddecff;
border-top : 1px solid #dfdfdf;
border-bottom : 1px solid #dfdfdf;
border-left : 1px solid #dfdfdf;
border-right : 1px solid #dfdfdf;
}

.illustration p{
font-family : helvetica,verdana,arial,sans-serif;
font-size : 11px;
margin-left : 10px;
margin-right : 10px;
margin-top : 0px;
margin-bottom : 5px;
}

.illustration img{
border-top : 1px solid #000000;
border-bottom : 1px solid #000000;
border-left : 1px solid #0000000;
border-right : 1px solid #000000;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
margin-bottom : 5px;
}

div#colonne1  {
float : left ;
font-family : helvetica,verdana,arial,sans-serif;
font-size : 12px;
text-align : justify;
color : #000000;
width : 300px;
/*position : float ;*/
margin-right : 10px;
}

div#colonne2  {
float : left ;
font-family : helvetica,verdana,arial,sans-serif;
font-size : 12px;
text-align : justify;
color : #000000;
width : 300px;
/*position : float ;*/
}

div#colonne3  {
float : left ;
font-family : helvetica,verdana,arial,sans-serif;
font-size : 12px;
text-align : justify;
color : #000000;
width : 300px;
/*position : float ;*/
}

div#colonne1 h1 {
font-family : helvetica,verdana,arial,sans-serif;
font-weight : bold;
font-size : 12px;

}

div#colonne2 h1 {
font-family : helvetica,verdana,arial,sans-serif;
font-weight : bold;
font-size : 12px;
}