body {margin: 0;background: #0082c8}

#contenu {position: relative;
margin: 0 auto;
background:url(index/fond.png);
width: 768px;
padding-top: 10px;
font-family: Arial;
font-weight: bold;
font-size: small;
line-height: 20px}

#gauche {float: left;width: 160px}

#centre {margin: 0 20px;
float: left;
width: 408px}

#droite {float: left;width: 160px}
 
#pied {border: 1px solid #fff;clear: both;margin:10px;font-size: x-small;padding: 10px} 

.lien a, .lien1 a {width: 160px;
text-decoration: none;
font-weight: bold;
font-size: 14px;
color: #fff;
background: url(index/lien.png) scroll center;
display: block;
height: 22px;
line-height: 22px;
font-family: Arial;
text-align: center}

.lien a:hover, .lien a:focus, .lien1 a:hover, .lien1 a:focus {background: url(index/lien1.png) scroll center}

.lien a {margin: 5px 0}

.lien1 a {margin-top: 5px}

.c {text-align: center}

.cl {clear: both}

.ext a {color: #fc0;
font-weight: bold;
font-size: 14px;
font-family: Comic Sans MS;
text-decoration: none}

.ext a:hover, ext a:focus {color: #fff}

a {outline:none}

b {color: #fff}

h1 {border: 3px solid #fc0;
color: #fff;
margin: 0;
padding-left: 5px;
display: inline;
position: absolute;
line-height: 40px;
height: 40px;
width: 330px;  
top: 15px;
right: 0;
text-align: left;
font-weight: bold;
font-family: sherif;
font-size: 22px;
background: url(index/logog.png) repeat-y scroll right top}
  
h1 b {color: #fc0}

h2 {margin: 0px;
font-family: Arial;
text-align: center;
color: #fc0;
font-weight: bold;
font-size: 18px;
clear: both}

h2 a{margin: 0 auto;
padding: 0;
display: block;
width: 160px;
color: #fc0;
text-decoration: none;
height: 22px;
line-height: 22px} 
    
h2 a:hover, h2 a:focus {color: #fff;width: 160px;background: url(index/lien1.png)}

hr{clear: both}