body, html {padding: 0px; margin: 0px;}
#global{padding: 0px; margin: 0px auto; width: 1100px;}

.ln {clear:both;}
.cl {float:left;}
.clear {clear:both;}

/* modele */
#cl_0_0 {margin:0; padding:0px; width:100%;}
#cl_1_0	{margin:0 10px 0 0; width:770px; padding:5px}
#cl_1_1	{margin:0px; width:300px; }
#cl_2_0 {width:100%; margin:15px 0 0 0 ;}
.box {width:100%; overflow:hidden;}/*----------------------------------------------------------------------------*/
/* Variation                                                                  */
/*----------------------------------------------------------------------------*/
/*---------------- elements principaux ---------------*/
/*---------------- les styles ci-dessous affectes l'ensemble des ?l?ments de la page n'ayant pas de style propre ou h?rit? --------------*/
body {margin:0px; padding:0px; background-color:#EEE; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;}
h1 {color: #000; font-size: 20px;}
h2 {color: #000; font-size: 15px;}
h3 {color: #000; font-size: 12px;}
a {text-decoration:underline; color:#7AA999; font-size:110%;}
a:hover {text-decoration:none; color:#666}
legend {color:#000; padding-left:5px; padding-right:5px;}
li {list-style-type:none;}
img {border:0px solid #000;}
input {border:solid 1px #666; font-size:100%; background-color:#FFF; color:#000;}
/* ------------------entete ---------------------*/
#ln_1 {background:#FFF;border:1px solid #336699;border-width: 0px 1px 0px 1px;}

#header{border:1px solid #336699; border-width: 1px 1px 0px 1px; background-color:#99C1DB; text-align:center;}
#top {padding:5px; color:#FFF;}
#top h1 {padding:0px; margin:0px; color:#FFF;}

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

/* ---------------------Bas de page----------------*/
#ln_2{border:1px solid #336699; border-width: 0px 1px 1px 1px;background:#99C1DB;}
#footer { }
#footer p {margin:0px; padding: 10px;}

/*------------------- Articles ----------------------------------*/
.article {margin-top:0px; padding:0px; margin-bottom:5px;}
.article p {padding:0px 0px 5px 5px ; margin:0px;}
.contenuArticle {margin:1px;}
.date {margin-right:10px;}
.afterArticle {padding:3px 0px; border-top:1px solid #808080; width:100%; text-align:right; font-size:90%; color:#808080;}
.beforeArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#999;}
.categorieArticle {}
.categorieArticle a {text-transform:lowercase;}
.categorieArticle a:hover {text-transform:lowercase;}
.titreArticle {text-decoration:none;}
.titreArticle:hover {text-decoration:underline;}
.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;}
.plusExtrait {margin: 5px auto 15px auto;}
.articlerecent em {display:block;  text-align:right}
/*--------------------Liste des articles-------------------------*/
.listArticles {margin-top:0px; margin-bottom:10px; border:0px none;}
.resumeArticle {}
/*--------------------Commentaires---------------------------- */
.h2commentMessage {color:#999999;}
.comment {}
.comment hr {}
.afterReactions .linkAddComment {font-size:130%; color:#7AA999;}
.commentMessage {padding:5px; border:1px dotted #000; background-color:#CCD9E6; margin:0px;}
.commentOption {text-align:right; font-size:90%; color:#000; margin-bottom:10px;}
.responseMessage {text-align:right; background-color: #d9e6f4}
/*-----------------Newsletter-----------------------------------*/
#divNewsletter h2 {text-align:center; font-size:12pt;}
#divNewsletter input {background-color:#FFF; border:1px solid #000;}
#divNewsletter .newsletter {}
#divNewsletter {background-color: #FFF; border:1px solid #336699}
/* ---------------------Calendrier--------------------------------- */
.calendarTop1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#666666; font-weight: bold; background-color:transparent;}
.calendarToday1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#336699;}
.calendarDays1 {width:50px; height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#000; text-align:center;}
.calendarHeader1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#666;}
.calendarTable1 {border:0px none;}
/*--------------Modules------------------------------------*/
.box {background-color:transparent; position:relative; margin:0px; padding:0px; }
.box h2 {color:#666; margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px;}
.box-titre {position:relative; padding:0px; text-align:center;}
.box-content {padding:2px 5px; color:#666;overflow:hidden;}
.box-content p {margin:5px 0px 5px 15px; padding:0px;}
.box-content ul {margin:5px 0px 5px 15px; padding:0px;overflow:hidden;}
.box-content li {list-style:square; color:#666; margin:5px; padding:0px;overflow:hidden;}
.box-footer {display:none;}

.pagination {margin:10px auto}

.w100prct {width:100%}
.w20prct {width:20%;}
.w80prct {width:80%;}

#menuClicDroit {position:absolute; top:0px; left:0px; z-index:1000; visibility:hidden; background-color:#FFF; border:1px solid #336699; padding:3px;}
#menuClicDroit li { list-style-type:none; margin:0px; padding:0px}
#menuClicDroit ul{margin:0px;padding:0px}

/*------------------- Pages ----------------------------------*/
.page {margin-top:0px; padding:0px; margin-bottom:5px;}
.page p {padding:0px 0px 5px 5px ; margin:0px;}
.contenuPage {margin:1px;}
.afterPage {padding:3px 0px; border-top:1px solid #808080; width:100%; text-align:right; font-size:90%; color:#808080;}
.beforePage {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#999;}
.divPageTitle h2 {text-decoration:none;}
.divPageTitle h2:hover {text-decoration:underline;}