body {
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
}
h1     { color: #0a0a0a; font-size: 16px; font-family: Arial; font-weight: bold; text-align: left; margin-right: 15px; margin-left: 15px }
h2     { color: #666; font-size: 14px; font-family: Arial; font-weight: bold; text-align: left; margin-right: 15px; margin-left: 15px }
h3     { color: #8d8d8d; font-size: 13px; font-family: Arial; font-weight: bold; text-align: left; margin-right: 15px; margin-left: 15px }
h4    { color: #000; font-size: 12px; font-family: Arial; font-weight: bold; text-align: left; margin-right: 15px; margin-left: 15px }
ul.puces  { text-align: left; list-style-image: url("puces/puce0b.jpg") }
ul.puces2 { text-align: justify; list-style-image: url("puces/puce0b.jpg") }
.smal-text-j   { font-size: 12px; font-family: Arial; line-height: 1.5; text-align: justify; margin: 0 15px }
.smal-text-nj   { font-size: 12px; font-family: Arial; line-height: 1.5; text-align: left; margin: 0 15px }
.smal-text-c   { font-size: 12px; font-family: Arial; line-height: 1.5; text-align: center; margin: 0 15px }
.smal-text-legendes  { color: #0a0a0a; font-size: 10px; font-family: Arial; font-style: italic; line-height: 1.5; margin: 0 15px }
.text-menu-bas  { color: #8d8d8d; font-size: 10px; font-family: Arial; line-height: 1.5; text-decoration: none; text-align: center }
.menu_item { text-align: left; margin: 0; padding: 0 }
.link-gris   { color: #666; font-size: 12px; font-family: Arial; line-height: 1.5; text-decoration: none; margin-right: 15px; margin-left: 15px }
.link-gris-footer { color: #8d8d8d; font-size: 10px; font-family: Arial; line-height: 1.5; text-decoration: none; text-align: center }
.link-h4 { color: #000; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; margin-right: 15px; margin-left: 15px }
.link-h4:hover { color: #36c; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; margin-right: 15px; margin-left: 15px }
.link-gris:hover    { color: #0950a0; font-size: 12px; font-family: Arial; line-height: 1.5; text-decoration: none; margin-right: 15px; margin-left: 15px }
.link-gris-footer:hover { color: #36c; font-size: 10px; font-family: Arial; text-align: center; min-width: 0; max-width: 200px }
div{
text-align: center;
margin-left: auto;
margin-right: auto;
}

div#conteneur_ori  { background-color: #fff; background-image: url("images/ombre-portee_larg.jpg"); background-repeat: repeat-y; width: 820px; height: auto }

div#bandeau   { background-color: #0950a0; width: 820px; height: 90px }

div#menu  { background-color: #0950a0; width: 800px; height: 20px }
div#conteneur {
width: 800px;
height: auto;
}
div#contenu0   { width: 400px; height: auto; float: left }
div#contenu1  { width: 400px; height: auto; float: left }
div#contenu2 { width: 800px; height: auto; float: left }
div#menu_bas   { background-color: #fff; width: 800px; height: auto }
div#pied_page   { background-color: #0950a0; width: 820px; height: 30px; clear: both }