body { margin:0px; font-family: Arial, Verdana, Helvetica, sans-serif; background:#FF9933; font-size: 12px; color: #421f19; }

/* a { text-decoration: none; color:#000; border-bottom:thin dotted #000; font-style: italic; }
a:hover { border:none; color:#555; }*/
a { text-decoration: none;  color: #A21700;}
a img { border: none; }
img { border: groove 2px #421f19;}

.artextarea { width: 700px; height: 50px;} /* resume des articles */

h1 { font-size: 17px;; }
h2 { font-size: 15px; }
h3 { font-size: 13px; }
p { margin-left: 5px; }
td { vertical-align: top; }

.article {  border-bottom: thin dashed #AC7D74;  border-left: thin dashed #AC7D74; padding-left: 10px; }
.article h2 { padding-bottom:2px; margin-bottom:0px; padding-top:5px; border-bottom: thin dotted #C6A8A2; }
.evenement {  border-bottom: thin dashed #AC7D74; border-left: thin dashed #AC7D74; margin-left: 5px; padding: 0px 0px 5px 10px; }
.section { padding-bottom:2px; margin-bottom:0px; padding-top:5px; border-bottom: thin dotted #C6A8A2; }
.infos { font-style: italic; font-size: 10px;}
.commentaires { padding-left: 20px; background: url(../images/commentaires.gif) no-repeat 0 50%; }
.complet { padding-left: 15px; background: url(../images/article.gif) no-repeat 0 50%; }
/*.titrelien { color: #421f19; }*/


#conteneur { width: 1000px; margin: 0 auto; background:#b6c603; }

#entete { height: 80px; margin: 0px auto; padding: 10px; background:#421f19 url(../images/banniere.jpg); text-align: center; }

#entete h1{ margin:0px; color: #FFF; font-size: 35px; font-weight: bold; }

#entete h2{ margin-top:10px; color: #FFF; font-size: 15px; font-style: italic; }

#entete2 { height: 35px; margin: 0px; background:#b26900; }

#menu { float: left; width: 600px; height: 35px; margin: 0px; padding: 0px 0px 0px 10px; list-style: none; }

#menu li { display: inline; }

#menu a { display: block; padding: 10px 15px 0px 15px; float: left; height: 25px; font-size: 12px; font-weight: bold; color: #FFFFFF; border: none; }

#menu a:hover { background: #A4B74C; }

#recherche { float: right; height: 28px; margin: 0px; padding: 6px 25px 0px 0px; }

#recherche fieldset { display: inline; margin: 0px; padding: 0px; border: none; }

#rechtexte { width: 160px; padding: 2px 5px; background: #FFF; border: none; }

#rechbouton { height: 20px; background: #421f19; color: #FFF; border: none; font-weight: bold; font-size: 10px; }

#contenu { width: 780px; margin-left: 180px; padding: 5px 20px 40px 20px; text-align: justify; background:#eaf198; }

#bandeau { float: left; width: 170px; padding-left: 10px; text-align: left; font-weight: bold; color: #2B0063; font-size: 14px; }

#bandeau ul { margin: 0px; padding-left: 10px; list-style: none; }

#bandeau h3 { margin: 20px 0px 5px 0px;  font-size: 15px;}

#bandeau a { margin: 0px; font-size: 12px; color: #000; }

#bandeau a:hover { color: #FFF; }

#bandeau p { margin: 5px 30px 10px 10px; font-weight: normal; font-size: 12px; color: #000; text-align: justify; }

#pied { background:#421f19; margin: 0px auto; padding: 5px 0px 5px 0px; text-align: center; color: #FFF; font-size: 11px; }

#pied a { color:#FFF; font-style: italic; }

.espace { height: 20px; }

.clearfloat {clear:both;}

.blanc { background-color:#FFF; vertical-align:top;}
.jaune { background-color:#FFF7B8; vertical-align:top;}
.vert { background-color:#CAFFB9; vertical-align:top;}
.bleu { background-color:#D8D6FF; vertical-align:top;}
