*{margin: 0;padding: 0;font-weight: normal;}

img{border:0;}

a{text-decoration:none;}
p{text-indent: 15px;margin: 0 15px 15px 15px;text-align: justify;line-height: 130%;}

body{
font-family: 'Lucida grande','Lucida Sans Unicode',Tahoma,Verdana,Arial,sans-serif;
font-size: 10pt;
background-color: rgb(100, 100, 100);
}

#toutenun{
width: 800px;
margin: 0 auto;
background-image:url(i/b/m.png);
background-repeat: repeat-y;
}

h1{
width: 800px;
margin: 0 auto;
font-size: 14pt;
text-align: right;
background-image:url(i/vanylla.png);
background-repeat: no-repeat;
color: #fff;
padding: 14px 10px 0 0;
min-height: 33px;
}

#contenant{
margin: 0 10px;
padding: 10px 0;
background-color: #ffffff;
width: 780px;
overflow: auto;
}

#menu{
text-align: center;
}

#menu a{
font-size: 11pt;
color:rgb(100, 100, 100);
}

#menu a.actif{
background-image: url(i/s.png);
background-repeat: no-repeat;
}

#menu a:hover{
color: rgb(255, 165, 73);
}

h2, #contenu h2 a{
font-size: 13pt;
color: #000;
font-weight: normal;
text-align: left;
}

h2{
margin: 20px 15px 15px 15px;
}

#categories{
float: left;
width: 220px;
}

#categories li{
list-style: none;
}

#categories a{
color:rgb(100, 100, 100);
}

#categories a:hover,#categories a.actif{
color: black;
padding-left: 1px;
}

#contenu{
margin-left: 220px;
width: 560px;
}

#contenu a{
color:#007700;
}

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

#contenu h3{
font-size: 12pt;
margin: 10px;
color: #ff9900;
}

#contenu ul{
padding-left: 15px;
margin-left: 15px;
list-style-type: circle;
}

#contenu li{
margin: 10px 0;
}

#chutfautpasledire{
font-size: 7pt;
display: block;
text-align: right;
padding-right: 10px;
text-decoration: line-through;
color: rgb(100, 100, 100);
}

input.ajouter{
font-family: Verdana,Arial,sans-serif;
font-size: 10pt;
padding: 2px;
border:1px solid rgb(100, 100, 100);
width: 200px;
}

#p_suggerer{
color: #ff0000;
}

b{
font-size: 11pt;
text-decoration: underline;
padding: 5px;
}

#footer{
width: 800px;
margin: 0 auto;
padding-right: 6px;
text-align: center;
font-size: 8pt;
color: #ccc;
}

#footer a{
text-decoration: underline;
color: #ccc;
}

.progression_cat{
text-align: center;
margin: 10px 0;
}

#contenu .progression_cat a{
padding: 4px;
border:1px #007700 solid;
}

#contenu .progression_cat a:hover{
color: #fff;
background-color: #007700;
text-decoration: none;
}

#contenu .progression_cat a.actif{
background-color: #bbffbb;
color: #007700;
cursor: default;
}

.coin,.haut,.bas{
background-repeat:no-repeat;
width:10px;
height:10px;
background-color: rgb(100, 100, 100);
}

.haut,.bas{
background-image: url(i/b/h.png);
background-repeat:repeat-x;
width:780px;
margin-left: 10px;
}

.bas{background-image: url(i/b/b.png);}

.gauche{float: left;}
.droite{float: right;}

#chg{background-image: url(i/b/hg.png);}
#chd{background-image: url(i/b/hd.png);}
#cbg{background-image: url(i/b/bg.png);}
#cbd{background-image: url(i/b/bd.png);}

.bloc_site{margin: 10px;padding: 5px;}
hr{width: 50%;border:2px #ccc solid;margin: 10px auto;}

#contenu .bloc_site a{font-size: 12pt;}

#contenu .bloc_site small a{font-size: 8pt;color:#444;}