html {
/* top right bottom left */
padding: 0 0 20px 0; 
text-align: center;
color: white;
background-image: url("images/background.jpg");
background-repeat: repeat-x;
background-color: #0059FF;
}
body {
width: 770px;
text-align: left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 12px;
line-height: 15px;
font-style: normal;
margin: auto;
background-image: url("images/bg-body.gif");
background-repeat: repeat-y;
}
/* Header */
#header {
width: 770px;
height: 115px;
background-color: transparent;
background-image: url("images/header.jpg");
background-repeat: no-repeat;
background-position: right;
}
/* Logo */
#logo {
width: 282px;
height: 115px;
background-color: transparent;
background-image: url("images/logo.jpg");
background-repeat: no-repeat;
float: left;
}
/* Banniere publicitaire */
#banniere {
width: 468px;
height: 60px;
float: left;
margin-left: 8px;
margin-top: 31px;
}
/* Colonne Gauche */
#gauche {
width: 201px;
float: left;
}
/* Menu Gauche */
#menu-gauche {
width: 201px;
background-color: transparent;
background-image: url("images/bg-gauche.jpg");
background-repeat: no-repeat;
background-position: top;
text-indent: 46px;
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 12px;
font-weight: bold;
padding-top: 6px;
}
/* Liens Menu Gauche */
#menu-gauche a:link, #menu-gauche a:visited { 
width: 201px;
height: 29px;
line-height: 29px;
color: #009900;
background-color: transparent;
text-decoration: none;
background-image: url("images/bg-menu-gauche.gif");
background-repeat: no-repeat;
display: block;
}
#menu-gauche a:active, #menu-gauche a:hover {
color: black;
background-color: transparent;
text-indent: 66px;
}
#footer-menu-gauche {
width: 201px;
height: 11px;
line-height: 11px;
background-color: transparent;
background-image: url("images/footer-menu-gauche.jpg");
background-repeat: no-repeat;
clear: both;
}
/* Bloc Bleu Fonce Gauche */
.bloc-bf {
width: 201px;
background-color: transparent;
background-image: url("images/bg-bloc-bf.gif");
background-repeat: repeat-y;
margin-top: 5px;
}
/* Titre Bloc Bleu Fonce Gauche */
.bloc-bf h1 {
width: 201px;
height: 27px;
line-height: 27px;
color: #000C7F;
background-color: transparent;
background-image: url("images/titre-vert-gauche.gif");
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
font-weight: bold;
text-indent: 46px;
/* top right bottom left */
margin: 0 0 5px 0
}
/* Paragraphe Bloc Bleu Fonce Gauche */
.bloc-bf p {
/* top right bottom left */
margin: 0 3px 0 14px;
}
.footer-bloc-bf {
width: 201px;
height: 5px;
line-height: 5px;
background-color: transparent;
background-image: url("images/footer-bloc-bf.gif");
background-repeat: no-repeat;
clear: both;
}
/* Bloc Bleu Clair Gauche */
.bloc-bc {
width: 201px;
background-color: transparent;
background-image: url("images/bg-bloc-bc.gif");
background-repeat: repeat-y;
margin-top: 5px;
}
/* Titre Bloc Bleu Clair Gauche */
.bloc-bc h1 {
width: 201px;
height: 27px;
line-height: 27px;
color: #000C7F;
background-color: transparent;
background-image: url("images/titre-jaune-gauche.gif");
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
font-weight: bold;
text-indent: 46px;
/* top right bottom left */
margin: 0 0 5px 0
}
/* Paragraphe Bloc Bleu Clair Gauche */
.bloc-bc p {
/* top right bottom left */
margin: 0 3px 0 14px;
clear: both;
}
.footer-bloc-bc {
width: 201px;
height: 5px;
line-height: 5px;
background-color: transparent;
background-image: url("images/footer-bloc-bc.gif");
background-repeat: no-repeat;
clear: both;
}
/* Colonne Centre */
#centre {
width: 569px;
float: left;
}
/* Menu Superieur */
#menu-top {
width: 483px;
height: 27px;
background-color: transparent;
background-image: url("images/bg-menu-top.jpg");
background-repeat: no-repeat;
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 12px;
font-weight: bold;
padding-left: 86px
}
/* Liens Menu Superieur */
#menu-top a:link, #menu-top a:visited { 
width: 120px;
height: 27px;
line-height: 27px;
color: #0019FF;
background-color: transparent;
text-align: center;
text-decoration: none;
display: block;
float: left;
}
#menu-top a:active, #menu-top a:hover {
color: black;
background-color: transparent;
}
/* Photo buildings */
#buildings {
width: 569px;
height: 104px;
background-image: url("images/buildings.jpg");
background-repeat: no-repeat;
}
/* Bloc Centre */
.bloc-centre {
width: 569px;
background-color: transparent;
background-image: url("images/bg-bloc-centre.gif");
background-repeat: repeat-y;
/* top right bottom left */
margin: 5px 0 5px 0;
}
/* Titre Bloc Centre */
.bloc-centre h1 {
width: 569px;
height: 28px;
line-height: 28px;
color: #000C7F;
background-color: transparent;
background-image: url("images/titre-centre.gif");
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
font-weight: bold;
text-indent: 46px;
margin: 0;
}
/* Paragraphe Bloc Centre */
.bloc-centre p {
/* top right bottom left */
margin: 0 10px 0 14px;
}
.footer-bloc-centre {
width: 569px;
height: 5px;
line-height: 5px;
background-color: transparent;
background-image: url("images/footer-centre.gif");
background-repeat: no-repeat;
clear: both;
}
h2 {
color: #FFE500;
font-size: 13px;
font-weight: bold;
/* top right bottom left */
margin: 3px 10px 0 14px;
}
/* Ligne de separation */
.hr {
width: 532px;
height: 7px;
line-height: 7px;
margin: 3px auto;
background-image: url("images/bg-hr.jpg");
background-repeat: no-repeat;
border: hidden;
clear: both;
display: block;
}
/* Image Alignee a Gauche */
.pic-left {
float: left;
margin-right: 4px;
}
/* Formulaires */
form {
text-align: center;
margin: 0;
}
select {
font-size: 12px;
/* top right bottom left */
margin: 5px 0 5px 0;
}
input {
font-size: 12px;
}
/* Liens Normaux */
a:link, a:visited {
color: #000C7F;
background-color: transparent;
text-decoration: none;
}
a:active, a:hover {
color: #FFE500;
background-color: transparent;
}
/* Footer */
#footer {
width: 770px;
height: 20px;
background-image: url("images/footer.jpg");
background-repeat: no-repeat;
text-align: center;
clear: both;
}
/* Copyright */
#copyright {
width: 545px;
height: 17px;
line-height: 17px;
text-align: center;
font-size: 10px;
margin-left: 212px;
margin-top: 20px;
color: white;
background-color: #0019FF;
}
/* Liens Copyright */
#copyright a:link, #copyright a:visited {
color: #FFE500;
background-color: #0019FF;
text-decoration: none;
}
#copyright a:active, #copyright a:hover {
color: white;
background-color: #0019FF;
}