html, body{
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
background-image:url(../img/fond.png);
background-position:top;
background-repeat: repeat;
background-color:red;
color:black;
font-size: 14px;
font-family: arial, verdana, tahoma, serif;
text-align:center;}

a img{
border: none;}

a {
outline: none;}

:focus {
-moz-outline-style: none;}

table {
display: table;
border-spacing: 0px;
border-collapse: collapse;
margin:auto;
margin-top: 0px;
margin-bottom: 0px;
text-indent: 0;}

td table td{
vertical-align:top;}

#globale{
background-image:url(../img/globale.png);
background-position:center;
background-repeat:no-repeat;
width:881px;
height:616px;}

#menu{
width:212px;
padding-top:100px;
padding-left:14px;
text-align:left;}

#menu a{
text-decoration:none;
font-weight:normal;
color:black;
font-size:16px;
line-height:24px;
font-family:  "matura MT script capitals", arial, verdana, serif;}

#menu a:hover{
color:#e20000;}

#refer{
color:white;
font-size:11px;
text-align:right;
width:854px;
margin:auto;}

#refer a{
color:white;
text-decoration:none;}

#refer a:hover{
text-decoration:underline;}

#titre{
width:340px;
height:150px}

#titre h2{
margin-top:60px;}

#vide{
width:315px;}

#contenu{
font-size:12px;
text-align:justify;}

#content-defil{
overflow:auto;
width:586px;
height:430px;
margin:auto;
margin-top:10px;
padding-left:10px;
padding-right:20px;}

#copyright, #copyright a{
color:white;
text-align:center;
text-decoration:none;
font-size:12px;}

#copyright img{
position:relative;
top:1px;}