css

body, html {padding: 0px; margin: 0px;}
#global {padding: 0px; margin: 0px auto; width: 950px;}
.ln {clear:both;}
.cl {float:left;}

/* modele */
#cl_0_0{width:100%; margin:0 0 15px 0;}
#cl_1_0{margin:0px; width:300px;}
#cl_1_1    {margin:0 0 0 10px; width:625px; padding:5px;}
#cl_2_0 {width:100%;}

#cl_0_0 {margin-bottom:15px;}
#cl_2_0 {margin:15px 0 0 0;}
.box {width:99%; overflow:hidden;}
/*----------------------------------------------------------------------------*/
/* Variation                                                                  */
/*----------------------------------------------------------------------------*/
/* ---------- Elements generiques ------------- */

body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background-image: none; background-color:#F3F0EB ; }
h1      { color: #5675A4; font-size: 20px; text-align : center;} /*titre des pages*/
h2      { color: #5675A4; font-size: 15px; }
h3      { color: #5675A4; font-size: 12px; }
a         { text-decoration:underline; color:#5675A4; font-size:110%; } /* lien */
a:hover { text-decoration:none; color:#9E9E9E}
legend  { color:#5675A4; padding-left:5px; padding-right:5px;}
li      { list-style-type:none; }
img     { border:0px; } /* image */
input   { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFCC; color:#5675A4; } /* bouton */

/* entete */
#top    { padding:5px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/103/default/pics/top.png) repeat-x scroll top left; color:#FFF;border-bottom: 1px solid gray; margin-bottom: 10px; }
#top h1 { padding:0px; margin:0px; color:#FFFFCC;}

.topLien{text-decoration:none;}
.topLien:hover {text-decoration:none;}

/* Bas de page */
#footer   { clear:both;margin-top:15px;  padding:10px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/103/default/pics/top.png) repeat-x scroll bottom left; color:#FFF; border-bottom: 1px solid gray; }
#footer p { margin:0px; padding: 10px;  }
#footer a         { text-decoration:underline; color:#FFF; font-size:110%; }
#footer a:hover { text-decoration:none; color:#FFF}

/*------------------- Articles ----------------------------------*/
#articleAccueil  .divTitreArticle h2 {text-decoration:none;color:#none ;font-size:130%; }
.divTitreArticle .titreArticle{color:#none; }
.extraitArticle {margin:15px 0px 5px 0px;}
.article    { margin-top:0px; padding:0px; }
.article p  { padding:0px 0px 5px 5px; margin:0px; }
.date     { width:100%; margin-right:10px;}
.afterArticle { padding:5px 0px 0px 0px; margin:5px 0px 5px 0px; border-top:0px dotted #808080; width:100%; text-align:right; font-size:85%;}
.topic {} /*categorie de l'article*/
.topic a {}
.beforeArticle {padding:0px 0px 5px 0px; margin-bottom:4px; border-bottom:0px solid #808080; width:100%none; }
.listArticles { margin-top:0px; margin-bottom:10px; border:1px solid #666666;  background-color:#FFF;}
.resumeArticle { background-color:#F9F8FA; border-top:1px solid #F4F4F4;}

.titreArticle{display:none; }
.titreArticle:hover {text-decoration:none; text-align : center;}

#articleSeul {} /*style d'un article lors de l'affichage de l'article ou de ses commentaires*/
.GcheTexte{float:left; margin:3px;}
.DrteTexte{float:right; margin:3px; }
.CtreTexte{margin:3px auto; display:block;}
.hitcitation {font-style:italic;text-align:justify;padding:5px 20px;background-color:#eee;}
.hitencart {border:1px solid black;text-align:justify;font-weight:bold;margin:5px 0px;padding:5px 5px;}
.hitimportant {font-weight:bold;color:red;font-weight:bold;font-size:120%;}
.hitperso1 {font-style:italic;}
.hitperso2 {font-weight:bold;}
/*--------------------Commentaires---------------------------- */
.h2commentMessage {color:#3366CC;}
.afterReactions .linkAddComment {font-size:130%; color:#0099FF;}

.commentMessage  { padding:5px; border:1px dotted #999999;background:#F8F8F8; margin:0px;}
.commentOption   {text-align:right;font-size:85%;color:#808080; margin-bottom:10px;}

/*-----------------Newsletter-----------------------------------*/
#divNewsletter h2 {text-align:center; font-size:12pt;}

/*-------------- Calendrier -----------------------------------*/
.calendrier  .box-content { margin:0px;}
.calendarTop1     {  font-family: Verdana, Arial, Helvetica; font-size: 9px; font-style: normal; color:#5675A4; font-weight: bold;  background-color:#FFF} /*entete*/
.calendarToday1 {  font-family: Verdana, Arial, Helvetica; font-size: 9px; font-weight: bold; color:#FFF; background-color:#FF8F00;} /* Aujourd'hui */
.calendarDays1     {  width:40px; height:13px; font-family:Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color:#000000; background-color: #FFF; text-align:center;}
.calendarHeader1{  font-family: Verdana, Arial, Helvetica; font-size: 9px; background-color:#5C6C7D; color:#FFF;} /* lettre de la semaine */
.calendarTable1 {  background-color:#FFF;border:0px solid #5675A4;} /* contour du calendrier */


/*------------------------Divers-----------------------------*/
/*--------------Modules------------------------------------*/
.box{margin:0px; margin-bottom:10px;padding:0px;border:0px; font-size: 12px; }
.box-content { padding:5px 3px 5px 5px; border-top:0px solid #677787; margin:0;background-color: #FFDB9D ;}

.box-titre  {background:#514EA5; margin:1px; padding:0px;}
.box-titre h2{background:#514EA5; margin:1px;margin-left:20px; padding:0px; color:#FFF; font-weight:bold;}

.box-footer {display:none;}

.box-content ul {margin:0 0 0 15px; padding:0px;}
.box-content li {margin-bottom: 3px;}
.listAll {text-align:right; display:block; font-weight:bold;}



/*------------------- Pages ----------------------------------*/
.page    { margin-top:10px; padding:0px; }
.page p  { padding:0px 0px 5px 5px; margin:0px; }
.afterPage { padding:5px 0px 0px 0px; margin:5px 0px 5px 0px; border-top:1px dotted #808080; width:100%; text-align:right; font-size:85%;}
.beforePage {padding:0px 0px 5px 0px; margin-bottom:0px; border-bottom:0px solid #808080; width:0%; }
.titrePage{display:none; }
.divPageTitle h2{display:none;}
.divPageTitle h2:hover {text-decoration:none; center; color:#FFFFCC}

body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background:#F3F0EB ; }

a         { text-decoration:underline; color:#000; font-size:110%; } /* lien */
a:hover { text-decoration:none; color:#9E9E9E}

#top    { padding:5px; background:none;) repeat-x scroll top left; color:#FFF;border-bottom: 1px solid gray; margin-bottom: 10px; }
#top h1 { padding:0px; margin:0px; color:#FFF;}

#footer   { clear:both;margin-top:15px;  padding:10px; background:none;) repeat-x scroll bottom left; color:#FFF; border-bottom: 1px solid gray; }
#footer p { margin:0px; padding: 10px;  }

.box-titre  {background:#6D5D46; margin:0px; padding:0px;}
.box-titre h2{background:#6D5D46; margin:0px;margin-left:20px; padding:0px; color:#FFF; font-weight:bold;}

.beforeArticle {padding:0px 0px 5px 0px; margin-bottom:4px; border-bottom:0px solid #808080; width:100%; }

.article    { margin-top:10px; padding:0px; }
.article p  { padding:0px 0px 5px 5px; margin:0px; }

.date     { width:100%; margin-right:10px;}

.titreArticle{text-decoration:none;}
.titreArticle:hover {text-decoration:none;}

.box{margin:auto; margin-bottom:10px;padding:0px;border:1px solid #000; }
.box-content { padding:5px 3px 5px 5px; border-top:1px solid #6D5D46; margin:0;}

.commentMessage  { padding:5px; border:1px dotted #999999;background:#F8F8F8; margin:0px;}
.commentOption   {text-align:right;font-size:85%;color:#808080; margin-bottom:10px;}

.extraitArticle {margin:15px 0px 5px 0px;}


.beforePage {padding:0px 0px 5px 0px; margin-bottom:4px; border-bottom:0px solid #808080; width:100%; }

.page    { margin-top:10px; padding:0px; }
.page p  { padding:0px 0px 5px 5px; margin:0px; }

.divPageTitle h2{text-decoration:none;}
.divPageTitle h2:hover {text-decoration:none;}

/*Module complementaire*/
#bottom1 .box{margin:0px; margin-bottom:10px;padding:0px;border:0px;  }
#bottom1 .box-content { padding:5px 3px 5px 5px; border-top:0px solid #677787; margin:0;background-color: #888F7F  ;}

#bottom1 .box-titre  {background:#6D5D46; margin:0px; padding:0px;}
#bottom1 .box-titre h2{background:#6D5D46; margin:0px;margin-left:20px; padding:0px; color:#FFF; font-weight:bold;}

#bottom1 .box-footer {display:none;}