*{
margin:0;
padding:0;
}
body{
width:1014px;
margin-left:auto;
margin-right:auto;
background-image:url(images/fond.gif);
}
a{
color:rgb(67,145,222);
text-decoration:none;
}
a:hover{
color:#365399;
}
img{
border:0;
}
#haut{
height:125px;
width:752px;
margin-top:10px;
margin-left:130px;
background-color:#c6d2f0;
border:1px solid #000;
font:bold 10px verdana;
}
#haut img{
float:left;
}
#plan{
height:17px;
margin-left:4px;
padding-top:6px;
padding-right:4px;
border-right:1px solid #000;
float:left;
}
#plan img{
margin-top:-2px;
margin-right:2px;
}
#contact{
height:17px;
margin-left:680px;
padding-top:6px;
padding-left:5px;
border-left:1px solid #000;
}
#contact img{
margin-right:3px;
}
#plan a,#contact a{
color:#000;
}
#plan a:hover,#contact a:hover{
text-decoration:underline;
}
#logo{
height:77px;
width:600px;
background-color:rgb(189,202,234);
border-top:1px solid #000;
float:left;
}
#rechercher{
height:77px;
margin-left:600px;
background-color:rgb(189,202,234);
border-top:1px solid #000;
}
#rechercher input[name='rechercher']{
margin-top:16px;
}
#rechercher input[type='submit']{
margin-top:3px;
margin-left:57px;
}
#menuh{
height:23px;
width:752px;
background-image:url(images/barreh.gif);
border-top:1px solid #000;
border-bottom:1px solid #000;
font:bold 12px arial;
}
#menuh ul{
width:500px;
margin-left:1px;
float:left;
list-style-type:none;
}
#menuh li{
height:19px;
padding-top:5px;
padding-right:4px;
border-right:1px solid #000;
float:left;
}
#menuh img{
margin-top:-1px;
margin-left:3px;
margin-right:3px;
}
#menuh a{
color:#fff;
}
#menuh a:hover{
color:#000;
}
#aleatoire{
height:19px;
margin-left:629px;
padding-top:5px;
padding-left:2px;
border-left:1px solid #000;
}
#aleatoire img{
margin-top:-1px;
margin-left:1px;
margin-right:2px;
}
#arbre{
width:732px;
margin-left:130px;
padding:10px;
background-color:#c6d2f0;
border:1px solid #000;
border-top:0;
font:lighter 11px verdana;
}
.menu{
margin-top:10px;
float:left;
}
.menu p{
height:25px;
}
.menu ul{
width:108px;
margin-top:-5px;
padding:5px;
padding-bottom:4px;
background-color:#365399;
border:1px solid #000;
font:bold 12px arial;
list-style-type:none;
}
.menu li{
height:16px;
}
.menu a{
padding-left:7px;
background-image:url(images/puce.png);
background-position:left;
background-repeat:no-repeat;
color:#c6d2f0;
text-decoration:none;
}
.menu a:hover{
background-color:rgb(67,145,222);
background-image:none;
color:#fff;
display:block;
}
.bloc,#texte{
width:752px;
margin-top:10px;
margin-left:130px;
background-color:#c6d2f0;
border:1px solid #000;
font:15px "Trebuchet MS";
line-height:23px;
}
.bloc p{
padding:10px;
}
.bloc ul{
margin:20px;
margin-left:40px;
}
h1{
padding:10px;
color:#8b0000;
font-size:22px;
text-align:center;
}
#texte{
width:712px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
}
#texte p{
padding-bottom:20px;
}
#texte ul{
padding-left:30px;
padding-bottom:20px;
}
#texte img[src*="images/articles/"]{
margin-left:auto;
margin-right:auto;
display:block;
}
h2{
margin-left:30px;
margin-bottom:20px;
color:#365399;
font-size:20px;
}
h2 span{
border-bottom:1px dotted #365399;
}
#icone{
margin-top:30px;
padding-left:30px;
padding-right:10px;
margin-bottom:30px;
float:right;
}
img[alt='Smiley']{
margin-bottom:-7px;
}
code{
padding:5px;
background-color:#fff;
border:1px solid #000;
display:block;
}
hr{
height:0;
border:0;
border-bottom:1px solid #000;
}
table{
width:754px;
margin-top:10px;
margin-left:130px;
background-color:#c6d2f0;
border:1px solid #000;
text-align:center;
}
th{
height:28px;
background-image:url(images/barre.gif);
color:#fff;
font:bold 13px arial;
letter-spacing:1px;
}
td{
height:10px;
padding-top:3px;
padding-left:5px;
padding-right:5px;
border:1px solid #fff;
font:lighter 11px arial;
}
td a{
font:bold 12px arial;
}
td[colspan='5']{
height:29px;
padding-top:0;
padding-left:5px;
background-image:url(images/barre2.gif);
border:0;
color:#000;
font:bold 12px arial;
text-align:left;
text-transform:uppercase;
}
td[colspan='6']{
padding:5px;
text-align:left;
}
.icone{
height:60px;
width:65px;
text-align:center;
vertical-align:middle;
}
.icone img{
height:50px;
width:50px;
}
img[src='images/page.gif']{
padding-top:2px;
padding-bottom:5px;
float:left;
}
.forum{
width:437px;
text-align:left;
}
.forum a{
font-size:12px;
}
.dernier{
width:142px;
padding-top:4px;
}
.dernier a{
position:relative;
top:-5px;
}
.dernier img{
position:relative;
top:5px;
border:0;
}
.sujet{
width:412px;
text-align:left;
}
#auteur{
height:22px;
text-align:left;
vertical-align:top;
}
#message{
padding:13px;
padding-left:18px;
padding-right:18px;
font:lighter 14px arial;
line-height:23px;
text-align:left;
vertical-align:top;
}
#avatar{
margin-bottom:20px;
float:left;
}
textarea{
height:200px;
width:700px;
padding:3px;
background-color:#9dbede;
border:1px solid #000;
font:lighter 15px "Trebuchet MS";
}
input[type='text'],input[type='password']{
height:19px;
width:400px;
padding:3px;
background-color:#9dbede;
border:1px solid #000;
font:lighter 15px "Trebuchet MS";
}
input[type='submit'],input[type='button']{
height:20px;
width:80px;
padding-right:1px;
padding-bottom:2px;
background-color:rgb(67,145,222);
border:1px solid #000;
color:#fff;
font:bold 10px verdana;
}
#bas{
width:752px;
margin-top:10px;
margin-left:130px;
background-color:#365399;
border:1px solid #000;
border-bottom:1px solid #000;
}
#bas form{
height:78px;
float:left;
}
input[value='Pseudo'],input[value='Mot de passe'],input[name='rechercher']{
height:13px;
width:126px;
margin-top:3px;
margin-left:3px;
font:lighter 10px verdana;
}
#bas input[value='Connexion']{
margin:3px;
}
#stats{
width:450px;
padding-top:1px;
margin-left:297px;
padding-bottom:1px;
color:#000;
font:12px arial;
line-height:18px;
text-align:right;
}
#stats a:hover{
color:#fff;
}
#infos{
height:17px;
width:752px;
padding-top:6px;
margin-left:130px;
border:1px solid #000;
border-top:0;
background-color:#c6d2f0;
font:bold 10px verdana;
text-align:center;
}
img[alt='WebAnalytics']{
margin-top:9px;
vertical-align:top;
}