* {
margin:0;
padding:0;
border:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#main
{
width:910px;
margin-left:auto;
margin-right:auto;
}

fieldset {
border:none;
}
/*CLASSES*/

.clear {
clear:both;
}

.liens {
color:#e32664;
}

.liens:visited{
color:#e32664;
}

.liens:hover {
color:#e79616;
}

.champsaisie {
background-image:url(../img/com_champ_saisie.gif);
background-repeat:no-repeat;
width:122px;
height:22px;
padding:2px 0 0 10px;
background-position:0px 0px;
font-size:12px;
color:#d9467b;
}

.champtexte {
background-image:url(../img/com_champ_texte.gif);
background-repeat:no-repeat;
width:521px;
height:97px;
padding:2px 0 0 10px;
background-position:0px 0px;
font-size:12px;
color:#d9467b;
}



/*HEADER*/

#header {
padding-top:20px;
}

#header_content {
background-image:url(../img/separateur.jpg);
background-repeat:repeat-x;
background-position:center bottom;
margin-left:358px;
}

#header ul li {
display:inline;
}

/*Logo*/

#header h1 {
float:left;
border:0;
}

/*Presentation*/

#header #presentation {
margin-top:65px;
width:200px;
height:146px;
float:left;
}

#header #presentation h2 {
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#b30941;
}

#header #presentation h3 {
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#e32664;
}

#header #presentation p {
padding-top:5px;
font-size:11px;
text-align:justify;
color:#c89a97;
}

/*Menu*/

#header #menu {
float:right;
margin-top:20px;
}

#header #menu ul {
float:left;
width:340px;
}

#header #menu ul li {
float:left;
margin-left:8px;
}

/*Communaute*/
#communaute
{
float:right;
padding-bottom:5px;
}
#header #communaute ul {
float:left;
}

#header #communaute ul li{
float:left;
margin-left:3px;
}

/*Searchbox*/

#searchbox
{
clear:right;
float:right;
}

#searchbox #q{
float:left;
padding:4px 0 0 10px;
color:#e44378;
background-image:url(../img/bg_searchbox.jpg);
width:162px;
height:19px;
background-position:0px 0px;
line-height:23px;
}

/*CONTENU*/

.contenu {
width:680px;
}

/*ARTICLES*/
.articles {
margin-top:20px;
margin-bottom:20px;
background-color:#E3E3E3;
padding:22px 25px 22px 22px;
}

.articles h2{
text-decoration:none;
font-size:18px;
text-transform:uppercase;
font-weight:bold;
color:#b30941;
}

.lien_article {
text-decoration:none;
font-size:18px;
text-transform:uppercase;
font-weight:bold;
color:#b30941;
}

.lien_article:hover{
text-decoration:underline;
color:#e79616;
}

.articles h3{
font-size:11px;
font-weight:bold;
color:#a1595e;
padding:0 0 0 2px;
}

.articles img {
margin-top:5px;
margin-bottom:5px;
}

.article_header {
background-image:url(../img/bg_article_header.gif);
background-repeat:no-repeat;
height:55px;
margin:0 0 0 0;
padding:0 0 0 0;
width:625px;
}

.article_titre {
background-image:url(../img/puce_article_h1.gif);
background-repeat:no-repeat;
background-position:0 bottom;
padding-left:35px;
padding-top:8px;
margin-left:50px;
}

.article_content {
width:625px;
background-color:#FFFFFF;
margin:0px 0px 0px 0px;
}

.article_texte {
width:566px;
text-align:justify;
padding:0px 0px 0px 30px;
color:#c89a97;
font-size:11px;
}

.article_texte p{
padding-top:4px;
padding-bottom:4px;
}


.article_footer {
background-image:url(../img/bg_article_footer.gif);
background-repeat:no-repeat;
width:625px;
height:45px;
padding:0px 0px 0px 0;
margin:0px 0px 0px 0;
}

.article_footer h4 {
font-size:11px;
font-weight:bold;
color:#a1595e;
padding-left:30px;
padding-top:12px;
}

.separateur_article {
background-image:url(../img/separateur.jpg);
background-repeat:repeat-x;
background-position:center bottom;
padding-bottom:7px;
}

/*DATE*/
.date {
float:left;
background-color:#e32664;
width:40px;
height:28px;
text-align:center;
color:#FFFFFF;
font-size:11px;
margin-top:10px;
padding-top:5px;
line-height:11px;
}

.date .jour {
font-weight:bold;
font-size:12px;
}

/*SIDEBAR*/
#sidebar {
float:right;
width:190px;
margin-top:20px;
margin-left:10px;
margin-right:20px;
}

#sidebar a{
text-decoration:none;
}

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

#sidebar ul {
margin-top:3px;
margin-bottom:8px;
padding-left:22px;
}

#sidebar ul li {
list-style:none;
padding:0 0 0 0;
font-size:14px;
border-left:#000000 2px solid;
margin-left:4px;
margin-bottom:2px;
padding-left:7px;
}

#sidebar h2 {
font-size:16px;
font-weight:bold;
text-transform:uppercase;
padding-bottom:5px;
padding-left:27px;
}


/*SIDEBAR ORANGE*/
#sidebar_orange h2{
background-image:url(../img/icones_cafe_orange.gif);
background-repeat:no-repeat;
}

#sidebar_orange {
color:#e79616;
}

#sidebar_orange ul li{
border-color:#f3ca89;
}

.lien_orange {
color:#f3ca89;
}

.lien_orange:hover {
color:#e79616;
}

/*SIDEBAR ROSE*/
#sidebar_rose h2{
background-image:url(../img/icones_cafe_rose.gif);
background-repeat:no-repeat;
}

#sidebar_rose {
color:#d9467b;
margin-top:15px;
}
#sidebar_rose ul li{
border-color:#fe99be;
}

.lien_rose {
color:#fe99be;
}

.lien_rose:hover {
color:#d9467b;
}

/*SIDEBAR GRISE*/
#sidebar_grise h2{
background-image:url(../img/icones_cafe_grise.gif);
background-repeat:no-repeat;
}

#sidebar_grise {
color:#9c9e9f;
margin-top:15px
}

#sidebar_grise ul li{
border-color:#c6c6c6;
}

.lien_gris {
color:#c6c6c6;
}

.lien_gris:hover {
color:#9c9e9f;
}

/*FOOTER*/
#footer {
width:910px;
margin-left:auto;
margin-right:auto;
display:block;
margin-top:20px;
}

#footer p{
text-align:center;
font-size:10px;
color:#a1595e;
background-color:#f2f2f2;
}



/*COMMENTAIRES*/

.commentaires {
margin-top:20px;
margin-bottom:20px;
background-color:#f2f2f2;
padding:22px 25px 22px 22px;
}

.lien_commentaire {
text-decoration:none;
font-size:18px;
text-transform:uppercase;
font-weight:bold;
color:#b30941;
}

.lien_commentaire:hover{
text-decoration:underline;
color:#e79616;
}

.commentaires img {
margin-top:5px;
margin-bottom:5px;
}

.commentaire_header {
background-image:url(../img/bg_article_header.gif);
background-repeat:no-repeat;
width:625px;
height:55px;
}

.commentaire_titre {
background-image:url(../img/icone_lettre_orange.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-bottom:20px;
padding-left:43px;
padding-top:20px;
margin-left:30px;
}

.commentaire_titre h2{
text-decoration:none;
font-size:18px;
text-transform:uppercase;
font-weight:bold;
color:#b30941;
}

.commentaire_content {
width:625px;
background-color:#FFFFFF;
margin:0px 0px 0px 0px;
}

.comment {
float:left;
width:566px;text-align:justify;
padding:0px 0px 0px 30px;
color:#c89a97;
font-size:11px;
font-style:italic;
}

.comment h3 {
font-size:11px;
font-weight:bold;
color:#a1595e;
/*padding-left:30px;*/
padding-top:10px;
font-style:normal;
}

.avatar {
float:left;
background-image:url(../img/avatar.gif);
width:60px;
height:60px;
margin-right:15px;
margin-top:10px;
margin-bottom:5px;
}

.comment_formulaire {
float:left;
width:566px;text-align:justify;
padding:0px 0px 0px 30px;
color:#c89a97;
font-size:11px;
font-style:italic;
}

.comment_formulaire form {
margin-top:10px;
}

.comment_formulaire p {
margin-top:6px;
margin-bottom:6px;
color:#e44378;
font-style:normal;
font-weight:bold;
}

.commentaire_footer {
background-image:url(../img/bg_comment_footer.gif);
background-repeat:no-repeat;
width:625px;
height:30px;
padding:0px 0px 0px 0;
margin:0px 0px 0px 0;
}

.separateur_commentaire {
background-image:url(../img/separateur.jpg);
background-repeat:repeat-x;
background-position:center bottom;
padding-bottom:7px;
}

/*CATEGORIES*/

.categorie {
width:635px;
margin-top:20px;
margin-bottom:20px;
background-color:#f2f2f2;
padding:22px 25px 22px 22px;
}

.categorie_header {
margin-top:5px;
background-image:url(../img/bg_categorie_header.gif);
background-repeat:no-repeat;
background-position:0 bottom;
height:29px;
}

.categorie_header h2{
text-transform:uppercase;
font-weight:bold;
font-size:18px;
padding:8px 0 0 95px;
color:#b30941;
}

.separateur_categorie {
width:510px;
margin-left:88px;
background-image:url(../img/separateur.jpg);
background-repeat:repeat-x;
background-position:0 bottom;
padding-top:8px;
}

.categorie .lettrine {
background-image:url(../img/puce_categorie.gif);
background-repeat:no-repeat;
width:88px;
height:88px;
position:absolute;
margin-top:-10px;
}

.categorie .lettrine h2{
color:#FFFFFF;
font-size:48px;
font-weight:bold;
text-align:center;
padding-top:15px;

}
.categorie_footer {
background-image:url(../img/bg_categorie_footer.gif);
background-position:0 top;
background-repeat:no-repeat;
width:625px;
height:29px;
padding:0 0 0 0;
margin:0 0 0 0;
}


.recherche {
width:635px;
margin-top:20px;
margin-bottom:20px;
background-color:#f2f2f2;
padding:22px 25px 22px 22px;
}

.recherche_header {
margin-top:5px;
background-image:url(../img/bg_recherche_header.gif);
background-repeat:no-repeat;
background-position:0 bottom;
height:45px;
}

.recherche_header h1{
background-image:url(../img/puce_resultat_recherche.gif);
background-repeat:no-repeat;
background-position:0 bottom;
float:left;
text-transform:uppercase;
font-weight:bold;
font-size:16px;
margin-top:7px;
margin-left:21px;
padding:10px 0 0 40px;
color:#b30941;
}

.recherche_header h2{
float:left;
text-transform:uppercase;
font-weight:bold;
font-size:16px;
padding-top:17px;
color:#e32664;
}
.separateur_recherche {
width:566px;
margin-left:22px;
background-image:url(../img/separateur.jpg);
background-repeat:repeat-x;
background-position:0 bottom;
padding-top:10px;
}

.recherche_footer {
background-image:url(../img/bg_recherche_footer.gif);
background-position:0 top;
background-repeat:no-repeat;
width:625px;
height:29px;
padding:0 0 0 0;
margin:0 0 0 0;
}