#global {width: 950px; background-color: transparent; margin: 0 auto 20px;}

#cl_0_0 {margin: 0; padding: 0; width: 100%;}
#cl_1_0 {float: left; width: 596px; margin: 0; margin-right: 10px; padding: 0px 10px 0 10px;
margin-left: 2px
margin-top:5px;
background-color: #FFFFFF ! important;
 color: #555 ! important;
 font-family: 'Helvetica', Arial, sans-serif; 
 font-size: 12px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
-moz-border-radius: 5px;
border-radius: 5px;

}

#cl_1_1 {float: left; width:315px; padding: 0px 0 0 0; margin: 0px;margin-top:5px;}
#cl_1_0 ul, #cl_1_0 ol {padding-left: 25px; margin-left: 0;}
#cl_2_0 {/line-height: 15px;}


.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;}

#header {

width:936px;
height: 108px;
margin-bottom: 5px;
margin-left: 2px;
 background: -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E6E6E6));
background-color: #E6E6E6;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: 'Helvetica', Arial, sans-serif;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}

/*----------------------------------------------------------------------------*/
/* Variation                                                                  */
/*----------------------------------------------------------------------------*/
body {margin:0px; padding:0px; background-color: #f1f1f1; font-family: 'Helvetica', Arial, sans-serif; font-size: 12px; color:#464032; 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:#A7430F; font-size:100%;}
a:hover {text-decoration: underline; color:#A7430F;}

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;}
.button {background-color: #ac9a79; color: #fff; height: 100%; padding: 2px}


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

#top {font-family: 'Helvetica', Arial, sans-serif;  padding:0px; color:#5E4E38; font-size: 14px; text-align: left; padding-top: 40px; padding-left: 20px; font-weight: normal; font-style: italic; line-height: 23px; /line-height: 25px;}

#top h1 {padding:0px; margin:0px; color:#574040;}

.topLien {
text-decoration:none; color:#574040;
font-family: 'Helvetica', Arial, sans-serif; 
}

.topLien:hover {text-decoration:underline; color:#574040;}

#top a {color: #A83A01; font-size: 30px; text-decoration: none; font-weight: normal; font-style: normal;}
#top img {margin: 0 auto; padding: 0px;}

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

.box {
margin:0px; margin-bottom: 10px;}
.box a {color: #464032; text-decoration: none;}
.box a:hover {text-decoration: underline; color: #8A8A8A;}

.box h2 {
text-shadow: 1px 1px white;
font-size: 18px; margin: 0px; padding: 10px; 
color:#555; font-weight: normal; line-height: 20px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-box-shadow: 0px 5px 5px 0px #b9b9b9;
-moz-box-shadow: 0px 5px 5px 0px #b9b9b9;
box-shadow: 0px 5px 5px 0px #b9b9b9;
background: -moz-linear-gradient(top, #ededed 0%, #c6c6c6 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#c6c6c6));
background-color: #c6c6c6;
}


.box-titre {padding:0px;}
.box-footer {display:none;}


.box-content {

overflow: hidden; padding: 10px 5px; color:#555;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color:#FFFFFF;
-webkit-box-shadow: 0px 5px 5px 0px #b9b9b9;
-moz-box-shadow: 0px 5px 5px 0px #b9b9b9;
box-shadow: 0px 5px 5px 0px #b9b9b9;
}



.box-content p {margin:5px 0px; padding:0px; color:#787878;}
.box-content ul {margin:5px 0px; padding:0px; color:#787878;}
.box-content li {list-style: none; color:#787878; 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; padding: 5px 0 0 0px; border-bottom: 1px dotted #E5E0C6; 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 {display: none;}
.pub .box-content {margin: 0 0 0 0px;}
.pub {border: 0; background-color: transparent;}
.article_navigation {line-height: 14px;}

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

.article, .page {margin-top:0px; color:#464032; text-align: justify; margin-bottom: 25px; padding: 10px;}
.article p, .page p {margin:0px;}
.contenuArticle, .pageContent {padding: 10px;}
.afterArticle, .afterPage {font-size: 12px; color:#464032; margin-top: 15px; font-weight: normal; font-style: normal; line-height: 15px;}
.afterPage {background-color: transparent;}
.plusExtrait a, .afterArticle a {font-size: 12px; text-decoration: none; color:#A7430F; padding: 3px; font-weight: bold; font-style: normal;}
.plusExtrait a:hover, .afterArticle a:hover {text-decoration: underline; color: #A7430F;}
.afterArticle .separator, .plusExtrait .separator {display: none;}
.plusExtrait br, .afterArticle br {margin: 0; padding: 0;}


.spanRecommend .facebook {padding: 0 8px;}
.before_articles {display: none;}

.beforeArticle, .beforePage {padding: 5px 0px; width:600px; background-color: #e6e6e4; color:#464032; text-align: right; margin: 10px 0 10px 0; display: block; font-size: 13px; font-style: normal; font-weight: bold; line-height: 15px;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.beforePage {padding: 0; background-color: transparent;}
.beforeArticle .date span, .beforeArticle .separator {display: none;}
.beforeArticle .date span.text {display: inline; margin-right: 10px;}
.beforeArticle .publishedBy {margin-right: 5px;}
.beforeArticle a {text-decoration: underline; color:#464032;}
.beforeArticle a:hover {text-decoration: none; color:#464032;}
.linkTopic {text-transform:lowercase;}
.linkTopic:hover {text-transform:lowercase;}
.titreArticle, .divPageTitle h2 {color: #A7430F; font-size: 20px; font-weight: normal; text-decoration: none; margin: 0; display: block;}
.titreArticle:hover, .divPageTitle h2:hover  {text-decoration:none; color:#464032;}
.article h2, .divPageTitle h2 {min-height: 20px; margin: 0; margin-top: 5px; line-height: 24px; margin-left: 10px;}
.topicTitle {text-decoration:none; color:#A7430F; text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 15px; margin-left: 10px; margin-bottom: 30px; margin-top: 10px;}

.afterReactions {text-align:left; display:block; height: 100px; line-height: 35px;}
.afterReactions .linkAddComment {font-size:100%;}
.afterReactions a {padding: 3px 5px; font-size: 12px; text-decoration: none; color:#A7430F; font-weight: bold;}
.afterReactions a:hover {text-decoration: underline; color: #A7430F;}

/*--------------------Liste des articles-------------------------*/

.listArticles {margin-bottom:25px; border:0px none; color:#464032; margin-top: 10px; padding: 10px;}
.resumeArticle {color:#464032; text-align: justify; padding: 0 5px; margin-top: 10px;}
.listArticles a {color: #A7430F; font-size: 20px; font-weight: normal; text-decoration: none;}
.listArticles a:hover {text-decoration: none; color: #464032;}
.listArticles .categorieArticle a, .resumeArticle a {font-size: 11px; text-decoration: none; color:#464032;}
.listArticles .categorieArticle a:hover, .resumeArticle a:hover {text-decoration: underline;}
.listCommentedArticle {}

/*--------------------Mode resume-------------------------*/
.titreExtrait {color: #A7430F; font-size: 20px; font-weight: normal; text-decoration: none; margin: 0; display: block;}
.titreExtrait:hover {text-decoration:none; color:#464032;}
.hrExtrait {border: 0px; display: none;}
.extraitArticle {margin-top:0px; color:#464032; text-align: justify; padding: 10px; margin-bottom: 25px;}
.extrait {margin-top:0px; color:#464032; text-align: justify; margin-bottom: 25px; padding-top: 10px;}
.extrait img {border: 1px solid #464032; padding: 4px; margin-right: 10px;}
.infoExtrait {min-height: 20px; margin: 0; margin-top: 5px; line-height: 24px; margin-left: 0px;}
.dateExtrait {padding: 5px 0px; width:600px; background-color: #E9E3CB; color:#464032; text-align: right; margin: 10px 0 10px 0; display: block; font-size: 13px; font-style: normal; font-weight: bold; line-height: 15px;}
.dateExtrait .separator {display: none;}
.dateExtrait .date span {display: none;}
.dateExtrait .date span.text {display: inline; margin-right: 5px;}
.dateExtrait .publishedBy {margin-right: 5px;}
.dateExtrait a {text-decoration: underline; color:#464032;}
.dateExtrait a:hover {text-decoration: none; color:#464032;}
.extrait a {text-decoration: none;}
.extrait a:hover {text-decoration: underline;}
.plusExtrait {font-size: 12px; color:#464032; margin-top: 15px; font-weight: normal; font-style: normal; line-height: 15px;}

/*--------------------Commentaires---------------------------- */
.h2commentMessage {color: #A7430F; font-size: 20px; font-weight: normal; text-decoration: none; margin-bottom: 25px;}
.comment {}
.comment hr {}
.commentMessage {padding: 5px; padding-bottom: 0; margin: 0; color:#464032; text-align: justify; border-bottom: 0;}
.commentOption {padding: 2px 2px 3px 5px; margin: 0 0 25px 0; font-size: 11px; color:#464032; border-bottom: 1px solid #464032; font-style: normal; font-weight: bold;}
.responseMessage {text-align:right; background-color: #464032; color: #FFFDEA; padding: 5px 10px 5px 0;}
.responseOption {text-align: right;}
.afterReactions .linkAddComment {font-size:130%;}
.commentMessage  {min-height: 20px;}


/*-----------------Newsletter-----------------------------------*/
#divNewsletter {background-color: #FFFDEA; color: #464032; border: 10px dashed #A7430F;}
#divNewsletter h2 {text-align:center; color #A7430F;}
#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: 14px; text-align: center; font-style: normal; color:#464032; font-weight: bold; text-transform: uppercase; padding-bottom: 3px;}
.calendarToday1 {font-size: 10px; font-weight: bold; color:#fff; background-color: #464032; border: 1px solid #464032;}
.calendarToday1 a {font-size: 10px; font-weight: bold; color:#464032;}
.calendarDays1 {width:50px; height:15px;font-size: 10px; font-style: normal; color:#464032; text-align: center;}
.calendarHeader1 {font-size: 10px; color:#464032; padding-top: 5px;}
.calendarTable1 {font-family: 'Arial'; font-size: 11px; width: 250px; float: center; padding: 5px 0; line-height: 12px; margin: auto;}

/*-----------------------Pagination-------------------------*/
.pagination {color:#464032; margin:10px auto}
/*----------------erreurs etc------------------------------*/
.error {color : #464646;}

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

/*----- accueil / menu -------*/
#menuob { 
width: 597px;
height:32px;
margin-top:5px; 
margin-bottom: 25px; 
background: -moz-linear-gradient(top, #ededed 0%, #cecfce 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#cecfce));
background-color: #cecfce;
border: 0px;
padding: 10px 0px 0px 0px;
margin-top: 0;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
margin-top: 5px;

}

#menuob a {

text-transform : capitalize; 
padding: 10px;
height: 32px;
color: #555;
text-decoration: none;
font-size: 14px;
font-weight: normal;
text-shadow: white 0 1px;
}

#menuob a:hover{
background-color: #1994E2;
color: #FFFFFF;
text-decoration: none;
text-shadow: #036D9E 0 1px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*----------------------------------------------------------------------------*/
/* Personnalisation                                                           */
/*----------------------------------------------------------------------------*/
body {
	background-color: #f1f1f1 ! important;
background-image: none ! important;
}
#top h1,
#top h1 a {
text-shadow: 1px 1px #555;
        text-transform : capitalize; 
	color: #fa6002;
	font-family: 'Helvetica', Arial, sans-serif; 
	font-size: 30px;
}




.contenuArticle, .pageContent, .extraitArticle { background-color: #FFFFFF ! important;
 color: #555 ! important;
 font-family: 'Helvetica', Arial, sans-serif; 
 font-size: 12px;

}
.divTitreArticle h2, .divPageTitle h2,
.divTitreArticle h2 a, .divPageTitle h2 a,
.titreExtrait {
font-size: 16px! important;
font-weight: bold;
	color: #01406A ! important;
	font-family: 'Helvetica', Arial, sans-serif; 

}
.box-titre h2 {
	color: #555 ! important;
	font-family: 'Helvetica', Arial, sans-serif; 
	font-size: 18px ! important;
}
.commentMessage {
	color: #555 ! important;
	font-family: 'Helvetica', Arial, sans-serif; 
	font-size: 12px ! important;
}
.responseMessage {
	color: #000 ! important;
	font-family: 'Helvetica', Arial, sans-serif; 
	font-size: 12px ! important;
}