#global {margin:auto; background-color: transparent; border:0px; width: 945px;}
#cl_0_0 {margin: 0; padding: 0; width: 100%;margin-bottom: 20px;}
#ln_1 {/height:1%; margin-top: 30px;}
/*en réglant margin-top, on règle l'espacement entre l'entête et le 1er article*/

#cl_1_0 {float: left; width: 600px;  padding: 10px 20px 0 15px;}
#cl_1_1 {float: left; width: 310px; padding-top: 15px;}
#cl_2_0 {float: left; width: 945px; height: 16px; /line-height: 15px;}
#cl_1_0 ul, #cl_1_0 ol {padding-left: 25px; margin-left: 0;}

.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 {min-height: 100px;}
/*----------------------------------------------------------------------------*/
/* Variation                                                                  */
/*----------------------------------------------------------------------------*/
body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/ocean/pics/body.gif) repeat-x; background-color:#01404c; font-family: 'Tahoma','Arial', Verdana, Helvetica, sans-serif; font-size: 11px; color:#5FBDCE; 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:#FFF; font-size:100%;}
a:hover {text-decoration: underline; color:#FFF;}
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;}

#ln_1 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/ocean/pics/ln_1.jpg) repeat-y;}
#cl_1_0 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/ocean/pics/cl_1_0.jpg) no-repeat top; }
#cl_1_1 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/ocean/pics/cl_1_1.jpg) no-repeat top; }
#cl_2_0 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/ocean/pics/cl_2_0-945.jpg) no-repeat bottom; }

.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 {min-height: 100px;}

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

#top {padding:0px; color:#FFF; background-color:transparent; padding-top: 30px; float: left; text-align: left; padding-left: 50px;} /*padding-left met un espacement à gauche : permet de centrer l'entête*/

#top h1 {padding:0px; margin:0px; color:#FFF;}
.topLien {text-decoration:none; color:#FFF;}
.topLien:hover {text-decoration:underline; color:#FFF;}
#top a {color: #fff; font-size: 22px; text-decoration: none;}

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

.box {margin:0px; padding:0px; margin-bottom: 40px;}
.box a {color: #FFF; text-decoration: none;}
.box a:hover {text-decoration: none; color: #01404c;}
.box h2 {color: #FFF; font-size: 22px; font-weight: normal; font-family:'Arial','Verdana'; text-transform:capitalize; border-bottom: 1px dashed #5fbdce ; padding: 10px; padding-bottom: 15px; margin: 10px;}
.box-titre { padding:0px;}
.box-footer {display:none;}
.box-content {overflow:auto; padding:2px 5px; color:#01404c;}
.box-content p {margin:5px 0px 5px 15px; padding:0px; color:#01404c;}
.box-content ul {margin:5px 0px 5px 15px; padding:0px; color:#01404c;}
.box-content li {list-style: none; color:#01404c; 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 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/ocean/pics/li.gif) no-repeat left center; min-height: 20px; padding: 5px 0 0 10px; line-height: 13px;}
.commentrecent li {min-height: 35px;}
.imgAndText li {border: 1px solid #01404c; width: 120px; float: left;}
.recherche .box-content, .newsletter .box-content {text-align: center;}
.pub h2 {display: none;}



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

.article, .page {margin-top:0px;  padding: 0; margin-bottom: 50px; color:#5FBDCE; text-align: justify; font-size: 12px;}
.article p, .page p {padding:0px 0px 5px 5px ; margin:0px;}
.contenuArticle {margin-top: 0px; border-top: 1px dashed #5fbdce ; padding-top: 25px;}
.plusExtrait {margin: 10px auto 20px auto;}
.afterArticle, .afterPage {color: #01404c; padding:3px 0px; width:100%; text-align: left; font-size: 11px; margin: 0px 0; padding-bottom: 10px; display: block;}
.plusExtrait a, .afterArticle a {padding: 3px 5px; font-size: 11px; font-weight: bold; text-decoration: none;}
.afterArticle .separator, .plusExtrait .separator {color: #FFF;}
.plusExtrait span, .afterArticle span {clear: both; line-height: 10px;}

.spanRecommend .facebook {}
.before_articles {display: none;}
.beforeArticle, .beforePage {padding:0px; margin:0px; width:100%; color:#01404c; font-size: 11px;  font-style: italic; line-height: 13px;}
.beforePage {padding-bottom: 25px;}
.beforeArticle .date span, .beforeArticle .separator {display: none;}
.beforeArticle .date span.text {display: inline;}
.beforeArticle a {text-decoration: none; color: #01404c;}
.article {margin-top: 20px;}
.linkTopic {text-transform:lowercase;}
.linkTopic:hover {text-transform:lowercase;}
.titreArticle, .divPageTitle h2 {color: #FFF; font-size: 20px; font-weight: normal; font-family: 'Tahoma','Arial'; margin: 0; display: block; width: 525px;}
.titreArticle:hover, .divPageTitle h2:hover  {text-decoration:none; color:#01404c;}
.article h2, .divPageTitle h2 {padding-top: 20px; min-height: 42px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/ocean/pics/beforearticle.gif) no-repeat right top; margin: 0; line-height: 22px;}
.divPageTitle h2 {display: block; width: 600px;}
.topicTitle {text-decoration:none; color:#fff; text-transform: capitalize; font-size: 13px; 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; font-weight: bold; text-decoration: none; color: #FFF;}

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

.listArticles {margin-top:0px; margin-bottom:20px; border:0px none; color:#5FBDCE; font-size: 12px;}
.resumeArticle {color:#5FBDCE; text-align: justify; font-size: 12px;  border-bottom: 1px dashed #5fbdce ; padding: 0 10px; padding-bottom: 15px; margin-top: 10px;}
.listArticles a {color: #FFF; font-size: 18px; font-weight: normal; font-family: 'Tahoma','Arial'; line-height: 22px;}
.listArticles .categorieArticle a, .resumeArticle a {font-size: small; color: #01404c;}
.listArticles a:hover {text-decoration: none; color: #01404c;}

/*--------------------Mode resume-------------------------*/
.titreExtrait {color: #FFF; font-size: 18px; font-weight: normal; font-family: 'Tahoma','Arial'; margin: 0; display: block; width: 500px;}
.titreExtrait:hover {text-decoration:none; color:#01404c;}
.hrExtrait {border: 0px; display: none;}
.extraitArticle {margin-bottom: 70px; padding: 0 20px;}
.extrait {margin-top: 10px;  color:#5FBDCE; text-align: justify;}
.extrait img {border: 1px dashed #5FBDCE; padding: 4px; margin-right: 10px;}
.infoExtrait {padding-top: 20px; min-height: 42px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/ocean/pics/beforearticle.gif) no-repeat right top; line-height: 22px;}
.dateExtrait {padding:0px; margin:0px; width:100%; color:#01404c; display: block; font-size: 12px;  font-style: italic; line-height: 13px;}
.dateExtrait .separator {display: none;}
.dateExtrait .date span {display: none;}
.dateExtrait .date span.text {display: inline;}
.dateExtrait a {text-decoration: none; color: #01404c;}
.extrait a {text-decoration: none;}
.extrait a:hover {text-decoration: underline;}



/*--------------------Commentaires---------------------------- */
.h2commentMessage {color: #FFF; font-size: 20px; font-weight: normal; font-family: 'Tahoma','Arial'; line-height: 200%;}
.comment {}
.comment hr {}
.commentMessage {padding: 0; margin: 0; color:#5FBDCE; text-align: justify; padding-left: 10px;}
.commentOption {color: #01404c; padding: 2px; margin-bottom: 25px; font-size: 11px; margin-left: 5px; border-bottom: 1px dashed #01404c; padding-bottom: 3px;}
.responseMessage {text-align:right; background-color: #01404c; color: #fff; padding: 5px 10px 5px 0;}
.responseOption {text-align: right; color: #5FBDCE;}
.afterReactions .linkAddComment {font-size:130%;}
.commentMessage  {min-height: 20px;}


/*-----------------Newsletter-----------------------------------*/
#divNewsletter {background-color:#2e0815; border:10px dashed #5fbdce ; color: #FFF; font-size: 12px;}
#divNewsletter h2 {text-align:center; font-size:12px; color #FFF;}
#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: 10px; font-style: normal; color:#01404c; font-weight: bold;}
.calendarToday1 {font-size: 10px; font-weight: bold; color:#01404c; background: #EEE;}
.calendarToday1 a {font-size: 10px; font-weight: bold; color:#01404c; background: #EEE;}
.calendarDays1 {width:50px; height:15px; font-size: 10px; font-style: normal; color:#01404c; text-align:center;}
.calendarHeader1 {font-size: 10px; color:#5FBDCE; background: #EEE;}
.calendarTable1 {border:0px none; width: 180px; float: center; line-height: 12px;}

/*-----------------------Pagination-------------------------*/
.pagination {color:#5FBDCE; margin:10px auto}


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

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


/*----- accueil / menu -------*/
#menuob {height: 35px; padding-top: 10px; margin: 0px; width: 600px; border: 0; margin-bottom: 35px;
margin-bottom: 0;
border: 0px;
padding: 0;
margin-top: 0;
}

#menuob a {
font-size: 14px;
font-weight: normal;
color: #FFF;
text-decoration: none;
padding: 5px 26px;
border-right: 1px solid #FFF;}

#menuob a:hover {
color: #5FBDCE;
text-decoration: none;
background-color: #FFF;
}/*----------------------------------------------------------------------------*/
/* Personnalisation                                                           */
/*----------------------------------------------------------------------------*/
body {
	background-color: #1fa690 ! important;
background-image: url("http://fdata.over-blog.net/99/00/00/01/designs/356/ocean/pics/body.gif") ! important;
}
#top h1,
#top h1 a {
	color: #ffffff;
	font-family: "Tahoma";
	font-size: 22px;
}
.contenuArticle, .pageContent, .extraitArticle { color: #5FBDCE ! important;
 font-family: "arial";
 font-size: 18px;
}
.divTitreArticle h2, .divPageTitle h2,
.divTitreArticle h2 a, .divPageTitle h2 a,
.titreExtrait {
	color: #0cf73b ! important;
	font-family: "Tahoma" ! important;
	font-size: 20px ! important;
}
.box-titre h2 {
	color: #6c0a5c ! important;
	font-family: "Arial" ! important;
	font-size: 22px ! important;
}
.commentMessage {
	color: #ffffff ! important;
	font-family: "Tahoma" ! important;
	font-size: 13px ! important;
}
.responseMessage {
	color: #5FBDCE ! important;
	font-family: "Tahoma" ! important;
	font-size: 13px ! important;
}