body {margin:0px; padding:0px; background: url(pics/body.jpg) repeat-x; background-color: #b9b99d; font-family: 'Georgia','Arial', Verdana, Helvetica; font-size: 12px; color:#444444; line-height: 18px;}
h1 {color: #CCCCCC; font-size: 20px;}
h2 {color: #CCCCCC; font-size: 15px;}
h3 {color: #CCCCCC; font-size: 12px;}
a {text-decoration: none; color:#666666; font-size:100%;}
a:hover {text-decoration: underline; color:#666666;}
legend {color:#CCCCCC; padding-left:5px; padding-right:5px;}
img {border:0px none;}
input {border:solid 1px #dedede; font-size:100%; background-color:#FFF; color:#000000; height: 18px;}

/* ------------------entete ---------------------*/

#top {padding:0px; color:#FFFFFF; font-size: 12px; background-color:transparent; text-align: left; padding-top: 50px; padding-left: 40px; font-style: normal; line-height: 23px; /line-height: 25px;}
#top h1 {padding:0px; margin:0px; color:#FFF;}
.topLien {text-decoration:none; color:#FFF;}
.topLien:hover {text-decoration:underline; color:#FFF;}
#top a {color: #FFFFFF; font-size: 30px; text-decoration: none; font-weight: bold; font-style: normal;}
#top img {margin: auto; padding: 0px;}

/*-------------------module--------------------------*/

.box {margin:0px; padding:5px; margin-bottom: 25px; background-color: #fff;}
.box a {color: #666666; text-decoration: none;}
.box a:hover {text-decoration: underline; color: #666666;}
.box h2 {font-size: 18px; margin: 0; margin-bottom: 10px; background: url(pics/box-titre.jpg) no-repeat left bottom; padding: 10px; padding-bottom: 15px; color:#000000; font-weight: normal; line-height: 22px;}
.box-titre { padding:0px;}
.box-footer {display:none;}
.box-content {overflow:auto; padding:2px 5px; color:#405A67;}
.box-content p {margin:5px 0px 5px 0px; padding:0px; color:#405A67;}
.box-content ul {margin:5px 0px 5px 0px; padding:0px; color:#405A67;}
.box-content li {list-style: none; color:#405A67; margin:5px 0; padding:0px;}
.listAll{display:block; text-align:right;}
.text li, .lien li,   .articlerecent li, .micropayment li, .micropayment li, .commentrecent li, .categorie li {min-height: 20px; background: url(pics/li.jpg) no-repeat left; border-bottom: 1px dotted #c1c1c1; padding: 7px 0 3px 15px; line-height: 14px; /line-height: 15px;}
.commentrecent li {min-height: 35px;}
.imgAndText li {border: 1px solid #405A67; width: 120px; float: left;}
.recherche .box-content, .newsletter .box-content {text-align: center;}
.pub h2 {display: none;}
.pub .box-content {margin: 0 0 0 0px;}
#cl_1_1 .pub {padding-left: 3px; background-color: #b9b99d;}
.article_navigation {line-height: 14px;}


/*------------------- Articles ----------------------------------*/

.article, .page {margin-top:0px;  padding: 0; background-color: #FFF; color:#444444; text-align: justify; font-size: 12px; padding: 5px 10px 15px 10px; margin-bottom: 25px;}
.article p, .page p {margin:0px;}
.contenuArticle, .pageContent {padding: 10px;}
.afterArticle, .afterPage {color:#66665E; margin-top: 15px; font-family: 'Arial';}
.plusExtrait a, .afterArticle a {font-size: 11px; text-decoration: underline; color:#666666; padding: 0 3px; font-style: normal; font-weight: normal;}
.plusExtrait a:hover, .afterArticle a:hover {text-decoration: none; color: #666666;}
.afterArticle .separator, .plusExtrait .separator {display: none;}
.plusExtrait br, .afterArticle br {clear: both; line-height: 10px; margin: 0; padding: 0;}

.before_articles {display: none;}
.beforeArticle, .beforePage {padding:0px; margin: 0px; margin-top: 10px; width:100%; color:#66665E; font-family: 'Arial'; text-align: left; display: block; font-size: 10px; line-height: 15px;}
.beforePage {padding: 0;}
.beforeArticle .date span, .beforeArticle .separator {display: none;}
.beforeArticle .date span.text {display: inline;}
.beforeArticle a {text-decoration: underline; color:#666666;}
.article {margin-top: 20px;}
.titreArticle, .divPageTitle h2 {color: #000000; font-size: 20px; font-weight: normal; margin: 0; display: block;}
.titreArticle:hover, .divPageTitle h2:hover  {text-decoration:none; color:#999999;}
.article h2, .divPageTitle h2, .column_content .micropayment h2  {background: url(pics/articleh2.jpg) no-repeat left bottom; min-height: 30px; margin: 0; margin-top: 5px; line-height: 24px;  padding-bottom: 10px;}
.topicTitle {text-decoration:none; color:#66665E; text-transform: capitalize; font-size: 14px; font-weight: normal; line-height: 15px; margin-left: 10px; margin-bottom: 30px;}

.afterReactions {text-align:left; display:block; height: 100px;}
.afterReactions .linkAddComment {font-size:100%;}
.afterReactions a {padding: 3px 5px; font-size: 12px; text-decoration: none; color:#fff; font-weight: normal; background-color: #444444;}
.afterReactions a:hover {text-decoration: none; color: #DEDEDE;}
/*--------------------Liste des articles-------------------------*/

.listArticles {margin-top:0px; margin-bottom:20px; border:0px none; color:#405A67; font-size: 12px; background-color: #fff; padding: 10px;}
.resumeArticle {color:#444444; text-align: justify; font-size: 12px; padding: 0 5px; margin-top: 10px;}
.listArticles a {color: #000000; font-size: 20px; font-weight: normal; margin: 0;}
.listArticles .categorieArticle a, .resumeArticle a {font-size: 11px; text-decoration: underline; color:#666666; }
.listArticles a:hover {text-decoration: underline; color: #999999;}
.listCommentedArticle {background-color: #FFF; color: #444444; padding: 10px;}

/*--------------------Mode resume-------------------------*/
.titreExtrait {color: #000000; font-size: 20px; font-weight: normal; margin: 0; display: block;}
.titreExtrait:hover {text-decoration:none; color:#999999;}
.hrExtrait {border: 0px; display: none;}
.extraitArticle {margin-bottom: 25px; background-color: #fff; padding: 5px 10px 15px 10px;}
.extrait {color:#444444; text-align: justify; font-size: 12px; padding: 10px;}
.extrait img {border: 1px solid #444444; padding: 4px; margin-right: 10px;}
.infoExtrait {background: url(pics/articleh2.jpg) no-repeat left bottom; min-height: 30px; margin: 0; margin-top: 5px; line-height: 24px;  padding-bottom: 10px;}
.dateExtrait {padding:0px; margin: 0px; margin-top: 10px; width:100%; color:#66665E; text-align: left; display: block; font-size: 10px; font-family: 'Arial'; line-height: 15px;}
.dateExtrait .separator {display: none;}
.dateExtrait .date span {display: none;}
.dateExtrait .date span.text {display: inline;}
.dateExtrait a {text-decoration: underline; color:#666666;}
.extrait a {text-decoration: none;}
.extrait a:hover {text-decoration: underline;}
.plusExtrait {color:#66665E; margin-top: 15px; font-family: 'Arial';}

/*--------------------Commentaires---------------------------- */
.h2commentMessage {color: #000000; font-size: 20px; font-weight: normal; margin: 0; margin-bottom: 25px;}
.comment {}
.comment hr {}
.commentMessage {padding: 0; margin: 0; color:#444444; text-align: justify; padding-left: 10px; padding-top: 5px; background-color: #fff;}
.commentOption {color: #66665E; padding: 2px; padding-left: 5px; margin-bottom: 25px; font-size: 10px; font-family: 'Arial'; margin-left: 0px; background-color: #fff; border-bottom: 1px solid #66665E; padding-bottom: 3px;}
.responseMessage {text-align:right; background-color: #444444; color: #FFF; padding: 5px 10px 5px 0;}
.responseOption {text-align: right; color: #66665E;}
.afterReactions .linkAddComment {font-size:130%;}
.commentMessage  {min-height: 20px;}


/*-----------------Newsletter-----------------------------------*/
#divNewsletter {background-color: #b9b99d; color: #444444; border:10px dashed #444444; font-size: 12px;}
#divNewsletter h2 {text-align:center; font-size:12px; color: #444444;}
#divNewsletter input {border:solid 1px #dedede; font-size:100%; background-color:#FFF; color:#000000; height: 18px;}
#divNewsletter .button {background-color: #FFF; color: #000; border: 0px;}
#divNewsletter .newsletter {}
#divNewsletter {}

/* ---------------------Calendrier--------------------------------- */
.calendarTop1 {font-size: 11px; font-style: normal; color:#444444; font-weight: bold;}
.calendarToday1 {font-size: 11px; font-weight: bold; color:#444444;}
.calendarToday1 a {font-size: 11px; font-weight: bold; color:#444444;}
.calendarDays1 {width:50px; height:15px;font-size: 11px; font-style: normal; color:#444444; text-align:center;}
.calendarHeader1 {font-size: 11px; color:#FFF; background-color: #b9b99d;}
.calendarTable1 {width: 280px; float: center; line-height: 12px; margin: auto;}

/*-----------------------Pagination-------------------------*/
.pagination {color:#444444; margin:10px auto}
.pagination a {color: #fff;}

/*----------------erreurs etc------------------------------*/
.error {color : #444444;}

/*----Newsletters-----*/
.newsletter li {list-style-type: none;}

/*----- accueil / menu -------*/
#menuob {font-family: 'Arial'; height: 22px;width: 600px; background-color: #323232; margin-bottom: 25px;
border: 0px;
padding: 0;
margin-top: 0;
}

#menuob a {
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
padding: 0px 29px;
text-transform: capitalize;
line-height: 14px;
text-align: center;
}

#menuob a:hover {
color: #FFF;
text-decoration: underline;
}