body{
background:url(pics/fond.jpg);
font-family:arial;
}

#bt1{
display:block;
width:160px;
height:56px;
background:url(pics/btn1.gif);
}
#bt1:hover{
background:url(pics/btn11.gif);
}

#bt2{
display:block;
width:160px;
height:56px;
background:url(pics/btn2.gif);
}
#bt2:hover{
background:url(pics/btn22.gif);
}

#bt3{
display:block;
width:160px;
height:56px;
background:url(pics/btn3.gif);
}
#bt3:hover{
background:url(pics/btn33.gif);
}

#bt4{
display:block;
width:160px;
height:56px;
background:url(pics/btn4.gif);
}
#bt4:hover{
background:url(pics/btn44.gif);
}

#bt5{
display:block;
width:160px;
height:56px;
background:url(pics/btn5.gif);
}
#bt5:hover{
background:url(pics/btn55.gif);
}

#bt6{
display:block;
width:160px;
height:56px;
background:url(pics/btn6.gif);
}
#bt6:hover{
background:url(pics/btn66.gif);
}

#bt7{
display:block;
width:182px;
height:32px;
background:url(pics/btn7.gif);
margin-bottom:5px;
}
#bt7:hover{
background:url(pics/btn77.gif);
}
#bt8{
display:block;
width:182px;
height:32px;
background:url(pics/btn8.gif);
margin-bottom:5px;
}
#bt8:hover{
background:url(pics/btn88.gif);
}
#bt9{
display:block;
width:182px;
height:32px;
background:url(pics/btn9.gif);
margin-bottom:5px;
}
#bt9:hover{
background:url(pics/btn99.gif);
}



#accueil-top{
width:580px;
height:64px;
background:url(pics/cadre-acc-top.gif);
}

#prog-top{
width:580px;
height:64px;
background:url(pics/cadre-prog-top.gif);
}

#info-top{
width:580px;
height:64px;
background:url(pics/cadre-info-top.gif);
}

#parte-top{
width:580px;
height:64px;
background:url(pics/cadre-parte-top.gif);
}

#histo-top{
width:580px;
height:64px;
background:url(pics/cadre-histo-top.gif);
}
#forum-top{
width:580px;
height:64px;
background:url(pics/cadre-forum-top.gif);
}

#c1-mid{
text-align:left;
padding-left:30px;
padding-right:30px;
width:520px;
background:url(pics/cadre-mid.gif);
background-repeat:repeat-y;
font-size:12px;
}

#c1-bot{
width:580px;
height:56px;
background:url(pics/cadre-bottom.gif)
}

.c2-top{
width:200px;
height:34px;
background:url(pics/ticadre-top.gif);
}
.c2-mid{
width:190px;
background:url(pics/ticadre-mid.gif);
background-repeat:repeat-y;
padding-left:5px;
padding-right:5px;
font-size:12px;
}
.c2-bot{
width:200px;
height:26px;
background:url(pics/ticadre-bottom.gif);
}

.lien{
display:block;
background:#000000;
color:#ffffff;
text-decoration:none;
}
.lien:hover{
background:#888888;
}

.progitem{
text-decoration:none;
color:#000000;
}
.progitem:hover{
background:#666666;
}

.artpic{
border:solid 4px #000000;
margin-right:5px;
float:left;
}
.arttitre{
font-size:20px;
font-weight:bold;
}

.titre{
font-size:16px;
font-weight:bold;
}

.partpic{
border:solid 4px #000000;
margin-right:5px;
}

.partlien{
color:#de1818;
}
.partlien:hover{
background:#666666;
}

.histolien{
color:#de1818;
font-size:16px;
border:solid 2px #000000;
}
.histolien:hover{
background:#666666;
border:solid 2px #de1818;
}

.histolien2{
color:#de1818;
font-size:16px;
}
.histolien2:hover{
background:#666666;
}

.histotitre{
font-size:20px;
font-weight:bold;
}

.clr{
clear:both;
}

.tableau{
empty-cells:show;
border-collapse:collapse;
}

#ajmess{
display:block;
width:160px;
height:30px;
background:url(pics/aj01.gif);
font-size:0px;
margin-left:auto;
margin-right:auto;
}
#ajmess:hover{
background:url(pics/aj02.gif);
}

.champ{
border:solid 2px black;
padding:2px;
}
.champ:hover{
background:#dddddd;
}

.fbt{
border:solid 1px black;
width:100px;
}

.book{
font-family:verdana;
font-size:10px;
border:solid 2px #000000;
width:100%;
border-collapse:collapse;
}
.book td{
border: thin solid #aa3333;
padding:5px;
}

.llien{
font-family:impact;
color:#aa3333;
font-size:16px;
/*font-style:italic;*/
}

.piclien{
border:solid 2px #000000;
}
.piclien:hover{
border:solid 2px #ffffff
}