*{padding:0;margin:0}

body{
color:#000;
background:#FFF;}

#tout{
font-family:serif;
text-align:justify;
width:800px;
background:#FFF;}

#head{text-align:center}
#topbar{
font-family:sans-serif;
border-right:1px solid #CCC;
border-left:1px solid #CCC;
border-collapse:collapse;
width:100%;}
#topbar td{
text-align:center;
width:16.666%;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;}
#topbar td.last{
border-right:0;}
#topbar a{color:black;text-decoration:none;}
#topbar td:hover{
color:white;
font-weight:bold;
background:black;}
#topbar td:hover a{
color:white;}


a{
color:gray;}
ul{
list-style:none;}
ul a{
color:black;}

img{border:0;}
img{max-width:350px;}
img.pim{max-width:60px;}

blockquote{
padding:0.5em 0 0.5em 0.5em;
margin:0.5em 0 0.5em 0.5em;
border-left:1px solid gray;
border-bottom:1px solid gray;}

.normaltab{
border-collapse:collapse;
width:100%;}
#corps{
border-collapse:collapse;
width:100%;}
.lefttd{
vertical-align:top;
width:450px;
max-width:450px;
border-right:1px solid #CCC}
.righttd{
vertical-align:top;
width:350px;
max-width:350px;}
.lefttd2{
vertical-align:top;
width:350px;
max-width:350px;
border-right:1px solid #CCC}
.righttd2{
vertical-align:top;
width:450px;
max-width:450px;}

p.description{
margin:20px;
text-align:justify;
text-indent:2em;}

ul.links{
margin:20px 10px 20px 10px;
font-size:90%;
list-style:none;}
ul.links li{
cursor:pointer;
margin-left:30px;}
ul.links li:hover{
text-decoration:underline;}

.titremoyen{
font-family:sans-serif;
padding-top:20px;
padding-right:20px;
font-size:90%;
text-align:right;
font-weight:bold;
text-transform:uppercase;
border-bottom:1px dotted gray}
.petittitre{
font-family:sans-serif;
margin-top:20px;
font-size:80%;
text-align:right;
font-weight:bold;
text-transform:uppercase;
border-top:1px dotted gray}
.listearticles{
font-size:90%;
margin:20px;}
ul#hierarchie{
font-size:90%;
margin:20px;}


.repondre,.renvoihdp{
text-indent:0;
clear:both;
text-align:right;
font-family:sans-serif;
font-size:90%;
margin-top:10px;}
.repondre a,.repondre span{
color:gray;
text-decoration:underline;
font-weight:bold;
cursor:pointer}
.agrandir{
color:white;
font-weight:bold;
font-size:80%;
font-family:sans-serif;
text-decoration:none;
margin-right:10px;
display:block;
text-align:right;}

.formulaire_forum{
text-indent:0px;
margin-top:10px;
padding:5px;
border:1px dotted gray;}
.formulaire_forum span{
color:black;
text-decoration:none;
font-weight:normal;}
.formulaire_forum p.pres{
text-align:left;
padding:0;
margin:10px 0;}
fieldset{
text-align:left;
padding:5px;
padding-bottom:1px;
border:1px solid black;}
legend{
cursor:pointer;
padding:3px;
border:3px double white;
color:white;
font-weight:bold;
background:black;}
legend:hover{ 
border:3px double black;
color:black;
background:#EEE;}
label{font-weight:bold;}
span.forumcomment{
font-size:90%;}
input,.textareaforum{
width:100%;
margin-top:5px;
border:1px solid gray;
background:#EEE;}
.textareaforum{
font-family:sans-serif;
height:350px;}
.spip_bouton{
padding:0;margin:0;
text-align:center;}
.spip_bouton input{
margin:10px 0;
font-size:120%;
font-weight:bold;
border:2px solid black;}

.contribok{
margin-top:50px;
text-align:left;
font-weight:bold;}

.nompropre,.acronyme{
font-size:80%;
text-transform:uppercase;}

#pied{
font-size:small;
font-family:sans-serif;
color:#AAA;
text-align:center;
border-top:1px #EEE solid;
padding:10px}
#pied a{color:#AAA;}
#pied:hover{color:black}
#pied:hover a{color:black}

div.annonce{
background:white;
text-align:right;
text-transform:uppercase;
font-weight:bold;
font-family:sans-serif;
padding-top:50px;
border-right:1px solid #CCC;
border-top:1px solid #CCC;}

div.annonce2{
background:white;
text-align:left;
text-transform:uppercase;
font-weight:bold;
font-family:sans-serif;
padding-top:50px;
border-left:1px solid #CCC;}
td.annonce2{
border:0;
border-bottom:3px double #CCC;}

.spip_note{
text-align:justify;}

#pagenavig{
font-family: sans-serif;
font-size:80%;
border-right:1px solid gray;
background:black;
color:white;
position:fixed;
top:0;
left:0;
height:100%;
width:20em;}

#pagenavig *{
color:white;}

#pagenavig div.fermer{ 
cursor:pointer;
padding:3px;
position:absolute;
bottom:0;right:0;}

#pagenavig div.titre{
font-weight:bold;
font-size:120%;
text-transform:uppercase;
padding:0.2em 0;
text-align:center;}

#pagenavig a{
color:#DDD;
text-decoration:none;}
#pagenavig a:hover{
background:#444;}

#pagenavig a.interne{
display:block;}

#pagenavig div#navcomm{
overflow:scroll;
width:100%;
max-height:400px;}

#pagenavig ul.navcomm{
display:none;
margin:0 0 0.1em 0.3em;
padding:0 0 0.1em 0.2em;
border-left:1px dotted gray;
border-bottom:1px dotted gray;}

#pagenavig ul.navcomm li{
padding-top:0.2em;}

#tooltip {
font-family:sans-serif;
font-size:80%;
position:absolute;
z-index:3000;
border:1px solid gray;
background-color: #eee;
padding:5px;
width:300px;}
#tooltip h3, #tooltip div { margin: 0; }