body {margin:0px; padding:0px; background: #d2d1d1 url('http://idata.over-blog.com/0/10/71/16/A-Relooking-Damouredo.com/footer.jpg') no-repeat bottom; font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#464545; line-height: 16px;}
h1 {color: #CCCCCC; font-size: 20px;}
h2 {color: #CCCCCC; font-size: 15px;}
h3 {color: #CCCCCC; font-size: 12px;}
a {text-decoration:none; color:#777777; font-size:110%;}
a:hover {text-decoration:none; color:#888888;}
legend {color:#CCCCCC; padding-left:5px; padding-right:5px;}
li {list-style-type:none;}
img {border:0px none;}
input {border:solid 1px #464545; font-size:100%; background-color:#FFF; color:#000000;}

#global {margin:auto; width: 950px; background: url('http://idata.over-blog.com/0/10/71/16/A-Relooking-Damouredo.com/header.jpg') no-repeat top; padding: 35px 0; margin-top: 25px;}
#header {padding-top: 20px;}
#ln_0 .box.pub {padding-left: 110px;}
#ln_0, #ln_1, #ln_2, #cl_2_0 {background: url('http://idata.over-blog.com/0/10/71/16/A-Relooking-Damouredo.com/bkg-global.jpg') repeat-y;}
#ln_1 {padding: 0 10px;}
#cl_1_1 {float: left; width: 600px; padding: 10px; padding-top: 30px;}
#cl_1_0 {float: left; width: 300px; padding-top: 67px;}
#cl_1_2 {float: left; width: 915px; height: 320px; padding-left: 7px;}
#cl_1_2 .box h2 {display: none;}
#cl_1_2 #image_video {background: #EEE; padding-top: 15px; padding-left: 60px;}

#cl_2_0 {width: 950px; float: left; padding: 0px 25px;}
#footer_text {float: left; height: 120px; color: #666;}
#footer_text a {color: #888;}
#footer_text a:hover {color: #999;}
#cl_2_0 td {margin-right: 75px; width: 200px; border-right: 1px solid #CCC; padding-left: 40px;}
#titre_footer {border-right: 0 !important;}
#cl_2_0 img {width: 40%; height: 40%; padding-top: 25px;}
#ln_2 { height: 110px; padding-bottom: 30px;}


.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:normal; color: #404040; background-color: #DEDEDE; padding: 1px; line-height: 22px; display: inline; font-size: x-small;}
.hitperso2 {font-weight:bold;}

/* ------------------entete ---------------------*/

#top {font-family: 'Georgia'; padding:0px; color:#FFFFFF; font-size: 12px; background-color:transparent; text-align: left; padding-top: 15px; padding-left: 0px; font-style: normal; line-height: 23px; /line-height: 25px;}
#top h1 {padding:0px; margin:0px; color:#FFFFFF;}
.topLien {text-decoration:none; color:#FFFFFF;}
.topLien:hover {text-decoration:underline; color:#FFFFFF;}
#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:0px; margin-bottom: 25px;}
.box h2 {color:#cc0000; margin: 10px;  text-align: left; font-weight: normal; font-size: medium;}
.box-titre { padding:0px;}
.box-footer {display: block;}
.box-content {overflow:hidden; padding:2px 5px; color:#464545;}
.box-content p {margin:5px 0px 5px 15px; padding:0px; color:#464545;}
.box-content ul {margin:5px 0px 5px 15px; padding:0px; color:#464545;}
.box-content li {list-style: none; color:#464545; margin: 5px 0px; padding:0px;}
.listAll{display:block; text-align:right;}
.text li, .lien li, .articlerecent li, .commentrecent li, .categorie li {background: url('http://idata.over-blog.com/0/10/71/16/A-Relooking-Damouredo.com/li.gif') no-repeat left; min-height: 20px; padding: 5px 0 0px 15px; border-bottom: 1px solid #CCC; line-height: 14px; /line-height: 15px;}
.commentrecent li {min-height: 35px;}
.imgAndText li {width: 150px; float: left; height: 100px;}
.recherche .box-content, .newsletter .box-content {text-align: center;}
.pub h2, #resume_spoilers_revoir h2 {display: none;}

/*------------------- Articles ----------------------------------*/

.article, .extraitArticle, .page {margin-top:0px; padding:0px; margin-bottom: 35px; color:#464545; text-align: justify; background-color: #eaeaea;}
.extraitArticle {padding-top: 7px;}
.article, .page {padding: 15px;}
.article img {border: 1px solid #CCC; padding: 2px;}
.article p, .page p {padding:0; margin:0px;}
.contenuArticle, .pageContent {margin:1px; font-size: small;}
.afterArticle, .plusExtrait {padding:3px 5px; margin: 0; margin-top: 10px; width: 570px; font-style: italic; text-align: right; font-size: x-small; text-transform: uppercase; color:#464545; line-height: 16px;}
.afterArticle a, .plusExtrait a {color: #464545; font-size: x-small; font-style: italic; margin-right: 2px;}
.afterArticle a:hover, .plusExtrait a:hover {color: #666;}
.afterPage {padding:3px 0px; width:100%; text-align:right; font-size:90%; color:#AAA;}
.before_articles {display: none;}
.beforeArticle, .beforePage, .dateExtrait {margin: 0 20px; text-align: right; text-transform: uppercase; font-weight: bold; font-size: 10px; color: #999;}
.article .beforeArticle, .page .beforePage {margin-left: 0;}
.linkTopic {text-transform:lowercase;}
.linkTopic:hover {text-transform:lowercase;}
.titreArticle, .divPageTitle h2, .titreExtrait {text-decoration:none; color:#000; font-family: 'Georgia'; font-size:16px; font-weight: normal;}
.titreArticle:hover, .divPageTitle h2:hover, .titreExtrait:hover {text-decoration:none; color:#404040;}
.article h2, .divPageTitle h2, .infoExtrait {min-height: 20px; border-bottom: 1px solid #cc0000; padding: 5px 0px 3px 5px; margin: 0 10px 10px 10px;}
.article h2, .divPageTitle h2 {margin-left: 0; margin-bottom: 20px;}
.hrExtrait {display : none;}
.topicTitle {text-decoration:none; color:#000; font-family: 'Georgia'; font-size:16px; font-weight: normal; min-height: 20px; border-bottom: 1px solid #cc0000; padding: 5px 0px 3px 5px; margin: 0 10px 10px 10px;}

.afterReactions {text-align:left; display:block}
.afterReactions .linkAddComment {font-size:130%;}
.afterReactions a {padding: 5px 7px; font-size: 12px; text-transform: uppercase; color:#cc0000; font-weight: bold;}
.afterReactions a:hover {text-decoration: underline; color: #cc0000;}


#articleAccueil {margin: 0; padding: 0; padding-bottom: 5px; background-color:#eaeaea; margin-bottom: 5px;}
#articleAccueil .contenuArticle {padding: 0; font-size: 11px; color: #464545; width: 600px; padding-top: 7px !important;}
#articleAccueil .divTitreArticle {margin: 0;}
#articleAccueil .afterArticle {display: none;}
#articleAccueil h2 {color: #CA0000; margin-bottom: 5px; padding-bottom: 0px; font-size: 11px; text-transform: uppercase; font-weight: normal; min-height: 15px; margin-left: 10px; width: 93px; float: left;}

.extrait {text-align: justify; padding: 5px 15px;}
.extrait a {color: #cc0000;}
.extrait a:hover {color: #333;}
.extrait img {border: 1px solid #CCC; padding: 2px; margin-right: 15px;}


#extraitArticle1 {background-color: #acacac; margin-bottom: 50px; padding: 5px; border-bottom: 3px solid #CC0000; padding-left: 10px; color: #fff; font-size: small;}
#extraitArticle1 .infoExtrait {border: 0; margin-top: 0px; margin-bottom: 0;}
#extraitArticle1 .titreExtrait {font-size: 20px; line-height: 40px; color:#cc0000;}
#extraitArticle1 .plusExtrait {color: #fff;}
#extraitArticle1 .plusExtrait a {color: #fff;}
#extraitArticle1 .plusExtrait a:hover {color: #F5F5F5;}


#extraitArticle1 .date {float: left; display: block; margin-top: 19px; margin-right: 12px; padding: 1px; color: #FFF; border-right: 1px solid #FFF; line-height: 11px; padding-right: 3px;}
.date {float: left; display: block; margin-top: 7px; margin-right: 10px; padding: 1px; border-right: 1px solid; line-height: 11px; padding-right: 3px;}
.date span {display: block; float: left; margin: 0 2px; text-transform: lowercase;}
.date span.text, .date .separator, .date span.dow, .date span.hour, .date span.month {display: none;}
.dateExtrait {margin-left: 10px;}


/*--------------------Liste des articles-------------------------*/

.listArticles {margin-top:0px; margin-bottom: 25px; border:0px none; color:#464545; font-size: 12px;}
.resumeArticle {color:#464545; text-align: justify; font-size: 12px; padding: 0 5px; margin-top: 10px;}
.listArticles a {color: #000; font-family: 'Georgia'; font-size: medium; font-weight: normal; margin: 0;}
.listArticles .categorieArticle a {color: #464545; font-size: 11px;}
.resumeArticle a {font-size: small; text-decoration: none; color:#cc0000; font-weight: bold;}
.resumeArticle a:hover {font-weight: normal;}
.listArticles a:hover {text-decoration: none; color: #cc0000;}
.listCommentedArticle {background-color: #FFF; color: #464545; padding: 10px;}

/*--------------------Commentaires---------------------------- */
.h2commentMessage {color:#000; font-size: large; font-family: 'Georgia'; font-weight: normal; margin-left: 15px; margin-bottom: 25px; border-bottom: 1px solid #CCC; padding-bottom: 5px;}
.comment {}
.comment hr {}
.commentMessage {padding:5px; margin:0px; color:#464545; min-height: 15px;}
.commentOption {text-align: left; font-size: x-small; color:#464545; text-transform: uppercase; padding-left: 5px; background-color: #DEDEDE; margin-bottom:35px;}
.responseMessage {text-align:right; background-color: #DEDEDE; color: #000;}
.afterReactions .linkAddComment {font-size:130%;}

/*-----------------Newsletter-----------------------------------*/
#divNewsletter {background-color:#333333; border:1px dotted #464545;}
#divNewsletter h2 {text-align:center; font-size:12pt;}
#divNewsletter input {background-color:#FFF; border:1px solid #464545; color:#000;}
#divNewsletter .newsletter {}
#divNewsletter {}

/* ---------------------Calendrier--------------------------------- */
.calendarTop1 {font-size: 10px; font-style: normal; color:#464545; font-weight: bold; background-color:transparent;}
.calendarToday1 {font-size: 10px; font-weight: bold; color:#FFF; background: #CCC;}
.calendarDays1 {width:50px; height:15px; font-size: 10px; font-style: normal; color:#464545; text-align:center;}
.calendarHeader1 {font-size: 10px; color:#464545;}
.calendarTable1 {border:0px none; width: 250px; line-height: 12px; margin-left: 20px;}

/*-----------------------Pagination-------------------------*/
.pagination {color:#000; margin: 10px auto; font-size: 13px; float: right;}
.pagination a {background: #eaeaea; padding: 2px 4px; border: 1px solid #CCC;}
.currentPage {background: #eaeaea; padding: 2px 4px; border: 1px solid #CCC; font-size: 14px;}
.article_navigation {padding-top: 25px;}
.article_navigation a {color: #666; font-size: 13px; font-style: italic; min-height: 150px;}
#annee_cbs {border-left: 1px solid #CCC;}
#annee_cbs td {float: left; text-align: center; width: 130px; padding-top: 10px; border-right: 1px solid #CCC; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; min-height: 400px;}
#mois_cbs {color: #cc0000; font-size: medium; border-bottom: 0 !important; min-height: 20px !important;}

/*----------------erreurs etc------------------------------*/
.error {color : #FFF}

/*----Newsletters-----*/
.newsletter li {list-style-type: none;}


/* MENU FINAL */

#container {margin-top: 15px;}
#nav, #nav ul {padding: 0; margin: 0; list-style: none;}
#nav a {color: #464545; border-bottom: 2px solid #000; display: block; width: 10em; font-size: small; font-weight: normal;}
#nav li a {text-decoration: none; padding: 4px 0 4px; display: block; width: 100px; font-size: medium; margin: 0 25px; font-family: 'Trebuchet MS'; font-weight: normal; text-align: center;}
#nav li {float: left; width: 10em; margin-right: 35px; text-align: center;}
#nav li ul {position: absolute; width: 125px; left: -999em;}
#nav ul li a {text-align: left; border-bottom: 1px solid #808080; margin-top: 2px; line-height: 15px; width: 90px; background: #FFF; margin-right: 0; padding-left: 10px; font-size: 14px;}
#nav ul li a:hover {border-bottom: 1px solid #CCC;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;} 
#cbs_logo a {border-bottom: 2px solid red;}

/* MENU FINAL */
