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

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

#navi2 {background: url(../index/navi.png);
font-family: Arial;
font-size: 18px;
line-height: 25px;
height: 25px;
text-align: center;
width: 660px;
margin: 0 auto;
float: right}

#navi2 a {padding: 2px 8px;
text-decoration: none;
color: #fff}

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

#navi2 b {padding: 2px 8px;color: #fc0}

#lecteur {margin: 0 auto;margin-top: 20px;text-align : center;padding: 10px}

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

.lien1 a {margin: 15px 10px;
padding: 0 8px;
background: url(../index/navi.png) scroll center;
color: #fff;
text-decoration: none;
font-family: arial;
font-size: 17px;
line-height: 25px}

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

.ext a {color: #fc0;font-weight: bold;text-decoration: none}
  
.ext a:hover, .ext a:focus {color: #fff}

.c {text-align: center}

.cl {clear: both}

.mini {font-size: x-small}

.fd {float: right;display: inline}

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 {color: #fc0}

a {outline:none}

b {color: #fff}

/*********** page gif *************/
#ima {margin: 0;padding: 0}

#ima img {border: 3px solid #fc0;
margin: 5px 10px 5px 20px;
float: left;
background-color: #fff;
width: 114px;
height: 114px}

#ima a {margin: 0px 10px 18px 20px;
line-height: 22px;
float: left;
text-decoration: none;
text-align: center;
color: #fff;
font-family: Comic Sans MS;
font-size: 14px;
font-weight: bold;
width: 116px;
background: url(../index/lien.png) scroll center}

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