*{
margin:0;
padding:0;
}
img{
border:0;
}
body{
text-align:center;
font-family:"Trebuchet MS",arial;
font-size:14px;
background:url(fond_body.png) repeat-x;
background-color:#ccc;
}
#total{
margin:0 auto;
width:870px;
background:url(header.jpg) no-repeat;
background-color:#fff;
text-align:left;
}

/*HEADER*/
#header{
height:120px;
overflow:hidden;
}
#header p{
margin-top:37px;
margin-left:50px;
color:#fff;
font-weight:900;
font-size:18px;
}
#header #retour{
display:block;
position:absolute;
padding:5px 10px 5px 10px;
background:url(retour.gif) no-repeat;
color:#333;
text-decoration:none;
}
#header #retour:hover{
text-decoration:underline;
}
#header #accueil{
display:block;
position:absolute;
width:280px;
height:220px;
top:0;
margin-left:590px;
background:transparent;
}

/*MENU*/
#menu{
list-style-type:none;
position:absolute;
top:20px;
}
#menu li{
float:left;
width:140px;
height:30px;
margin-right:20px;
}
#menu a{
display:block;
width:140px;
height:20px;
color:#333;
background:#fff;
text-decoration:none;
text-align:center;
padding:5px 0 5px 0;
}

/*TITRAILLE*/

h1{
color:#666;
font-family:'Trebuchet MS',helvetica,sans-serif;
margin-bottom:0;
background:url(fond_h2.gif) no-repeat;
padding-left:40px;
}
h2{
color:#666;
font-family:'Trebuchet MS',helvetica,sans-serif;
margin-bottom:0;
background:url(fond_h2.gif) no-repeat;
padding-left:40px;
}

h3{
color:#fcf;
font-size:26px;
margin-bottom:-8px;
margin-left:-2px;
}

#colonne_gauche{
width:539px;
border-right:1px dotted #ccc;
float:left;
background:#fff;
font-size:12px;
padding:0 20px 20px 20px;
font-size:13px;
line-height:160%;
}
#colonne_gauche h2{
font-size:20px;
line-height:126%;
padding-top:3px;
}
#colonne_gauche h1{
font-size:20px;
line-height:126%;
padding-top:3px;
}
#colonne_gauche h2 a{
color:#666;
}
#colonne_gauche h2 a:hover{
color:#f0f;
text-decoration:none;
}
#colonne_gauche #arianne{
margin-bottom:10px;
}
#colonne_gauche .date{
font-size:11px;
color:#999;
line-height:120%;
}
#colonne_gauche .date a{
color:#999;
border:0;
}
#colonne_gauche .tag{
font-size:11px;
color:#999;
margin-bottom:10px;
line-height:120%;
}
#colonne_gauche .tag a{
color:#999;
border:0;
}
#colonne_gauche .img_art img{
padding:2px;
border:1px solid #ccc;
}
#colonne_gauche .texte{
line-height:150%;
}
#colonne_gauche .cadre_art ul{
margin-left:30px;
list-style-type:square;
}
#colonne_gauche .suite{
text-align:right;
font-style:italic;
border-bottom:1px dotted #ccc;
padding-bottom:15px;
margin:15px 0;
}
#colonne_gauche a{
text-decoration:none;
color:#f0f;
}
#colonne_gauche a:hover{
text-decoration:underline;
}
.commentaire{
padding-left:30px;
}
.commentaire .auteur{
color:#f0f;
height:22px;
}
#colonne_gauche .commentaire .auteur a{
color:#f0f;
border:0;
text-decoration:underline;
}
.commentaire .datecom{
color:#666;
font-size:10px;
padding-left:10px;
}
.commentaire .texte{
clear:left;
background:#f2f2f2;
border:1px solid #ccc;
padding:5px;
}
.commentaire table{
background:#f2f2f2;
border:1px solid #ccc;
margin-top:20px;
padding:5px;
}
.commentaire td{
vertical-align:top;
}
input{
width:325px;
border:1px solid #ccc;
padding:2px;
}
input:hover{
border-color:#000;
}
textarea{
width:325px;
height:120px;
border:1px solid #ccc;
padding:2px;
}
textarea:hover{
border-color:#000;
}
#colonne_droite{
float:left;
width:250px;
padding:120px 20px 0 20px;
}
#colonne_droite ul{
line-height:110%;
margin-bottom:20px;
list-style-type:none;
padding-top:3px;
}
#colonne_droite li{
border-bottom:1px dotted #fff;
}
#colonne_droite li a{
display:block;
color:#666;
text-decoration:none;
padding:4px 0 2px 5px;
}
#colonne_droite li a:hover{
color:#333;
background:#ffa6ff;
}
.derniersarticles{
background:#fcf;
}
.derniersarticles span {
color:#999;
font-size:10px;
}
#liste_tags{
background:#fcf;
padding:8px 5px 8px 5px;
text-align:center;
margin-bottom:20px;
}
#liste_tags a{
color:#666;
text-decoration:none;
}
#liste_tags a:hover{
color:#f0f;
}
#rss{
background:#fcf;
padding:8px 5px 8px 5px;
text-align:center;
margin-bottom:20px;
}
#rss a{
display:block;
background:url(rss.png) no-repeat 10px 0;
padding:10px 0 10px 20px;
color:#333;
text-decoration:none;
}
#rss a:hover{
color:#f0f;
}
#pied{
border-top:1px solid #ccc;
margin-top:10px;
}
#pied p{
padding:8px 0 8px 0;
text-align:center;
font-size:11px;
}
#pied a{
color:#666;
text-decoration:none;
}
#pied a:hover{
color:#f0f;
}