/*---------------------------------------------------------------*/

/*--------------NOEUDS NOIRS FOND BLANC par Daiz----------------*/

/*---------------------------------------------------------------*/

/*---------------- les styles ci-dessous affectes l'ensemble des elements de la page n'ayant pas de style propre ou herite --------------*/

body {margin:0px; padding:0px; background-color:#FFFFFF; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:13px; background-image:url(http://idata.erog.fr/2/24/53/68/designs/noeuds/casquettenoire.gif); background-repeat:no-repeat; background-position: bottom left; background-attachment: fixed;} /* toute la fenetre du navigateur */

h1 {color:#4C4C4C; font-size: 40px; font-family: 'Grand Hotel', cursive;} /* titre */

h2 {color:#4C4C4C; font-size: 30px; font-family: 'Grand Hotel', cursive;} /* titres des articles, pages et modules */

h3 {color:#4C4C4C;}

a {text-decoration:underline; color:#4C4C4C; font-size:110%;} /* liens */

a:hover {text-decoration:none; color:#999} /* liens au survol */

legend {color:#000; padding-left:5px; padding-right:5px;}

img {border:0px none;} /* images */

input {border:solid 1px #666; font-size:100%; background-color:#FFF; color:#000;} /* champs a  completer */

body, html {padding: 0px; margin: 0px;} /* toute la fenetre du navigateur */

#global{padding: 0px; margin: 0px auto; width: 1200px;} /* espace utile du blog */

.ln {clear:both;}

.cl {float:left;}

.clear {clear:both;}

/* modele */

#cl_0_0 {margin:0px 0px 15px 0px; padding:0px; width:100%;} /* colone d'en-tete */

#cl_1_0 {margin:0 10px 0 0; width:810px; padding:5px} /* colone de gauche */

#cl_1_1 {margin:auto 0; width:365px; } /* colone de droite */

#cl_2_0 {width:100%; margin:15px 0 0 0 ;} /* colone du pied de page */

/* ------------------- MODULES -------------------- */

.box {overflow:hidden;} /* tous les modules */

#cl_1_0 .box {

  position:relative;

  width:750px;

  margin:15px 5px 5px 5px;

  padding:20px;

  background-color:#DDDDDD;

  -webkit-border-radius: 60px;

  -moz-border-radius: 60px;

  -ms-border-radius: 60px;

  -o-border-radius: 60px;

  border-radius: 60px;

  border-top:solid #4C4C4C 15px;

  border-right:solid #333333 5px;

  border-bottom:solid #4C4C4C 15px;

  border-left:solid #333333 5px;

  color:#FFFFFF;

  box-shadow: 1px 1px 6px 1px #555;

  background-image:url(http://idata.erog.fr/2/24/53/68/designs/noeuds/noeudnoirpetit.gif); 

  background-repeat:no-repeat; 

  background-position:top right;

} /* modules dans la colonne des articles */

#cl_1_1 .box {

  position:relative;

  width:300px;

  margin:0px 5px 20px 5px;

  padding:20px;

  background-color:#DDDDDD;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  -o-border-radius: 30px;

  border-radius: 30px;

  border-top:solid #4C4C4C 15px;

  border-right:solid #333333 5px;

  border-bottom:solid #4C4C4C 15px;

  border-left:solid #333333 5px;

  color:#FFFFFF;

  box-shadow: 1px 1px 6px 1px #555;

  background-image:url(http://idata.erog.fr/2/24/53/68/designs/noeuds/noeudnoirpetit.gif); 

  background-repeat:no-repeat; 

  background-position:top right;

} /* modules de la colone de droite */

.box h2 {margin:0px; margin-rightt:80px} /* titre des modules */

.box-titre {position:relative; margin:0px; padding:0px; text-align:left; } /* titres des modules */

.box-content {overflow:auto; padding:2px 5px; color:#666;} /* contenu des modules */

.box-content p {margin:5px 0px 5px 15px; padding:0px;} /* paragraphes des modules */

.box-content ul {margin:5px 0px 5px 15px; padding:0px;} /* liste des modules */

.box-content li {list-style:square; color:#666; margin:5px; padding:0px;} /* liste des modules */

.noListStyle {list-style:none !important;}

.box-footer {display:none;} /* pied des modules */

.listAll {text-align:right;  display:block;}

#ln_1 .pub .box-content {

  padding:20px auto;

  margin: 20px auto

  background-image:none; 

} /* pubs de la colone de droite */

#cl_1_1 .pub {background-image:none;} /* pubs de la colone de droite */

/* ------------------ENTETE ---------------------*/

#ln_0 {text-align:center; margin-bottom:5px; padding:2px 4px 2px 2px;} /* ligne de l entete */

#top {padding:5px 0px; width:100%; margin:0px; border:0px none; color:#FFFFFF; font-size: 60px; font-family: 'Grand Hotel', cursive;}

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

#top .box-titre     { display:none}

#top .box-content     { padding:0px; color:#666;}

#top .box-content p   { margin:auto; padding:auto; }

#top .box-content ul  { margin:auto; padding:auto; }

#top .box-content li  { list-style:auto; color:#666; margin:auto; padding:auto; }

#top .box-footer {display:none;}

.topLien {text-decoration:none;}

.topLien:hover {color:#333333}

/* ---------------------BAS DE PAGE----------------*/

#ln_2 {border:0px solid #CCC; margin-top:10px; }

#footer { color:#666;border:0px none;}

#footer p {margin:0px; padding: 10px;}

#footer .box-titre { display:none}

#footer .box-content     { padding:0px;  margin:0px;}

#footer .box-content p   { margin:auto; padding:auto; }

#footer .box-content ul  { margin:auto; padding:auto; }

#footer .box-content li  { list-style:auto; color:inherit; margin:auto; padding:auto; }

#footer .box-footer {display:none;}

/*------------------- ARTICLES ----------------------------------*/

.article {

  background-color:#FFFFFF; 

  margin-top:10px; 

  padding:20px 5px; 

  margin-bottom:15px; 

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  -o-border-radius: 30px;

  border-radius: 30px;

  border-top:solid #DDDDDD 15px;

  border-right:solid #CCCCCC 5px;

  border-bottom:solid #DDDDDD 15px;

  border-left:solid #CCCCCC 5px;

  -moz-opacity: 0.9; 

  -webkit-opacity: 0.9; 

  -o-opacity: 0.9; 

  -ms-opacity: 0.9; 

  opacity: 0.9;

} /* chaque module d'article */

.date {margin-right:10px;}

.beforeArticle {padding:0px; margin:0px; width:100%; color:#999;}

.titreArticle {

  text-decoration:none; 

  padding:5px 10px;

  background-color:#DDDDDD;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  -o-border-radius: 30px;

  border-radius: 30px;}

.titreArticle:hover {background-color:#000000}

.article p {padding:0px 0px 5px 5px ; margin:0px;} /* chaque paragraphe d'article */

.contenuArticle {margin:1px;}

.contenuArticle img {

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  -ms-border-radius: 15px;

  -o-border-radius: 15px;

  border-radius: 15px;} /* chaque image d'article */

.categorieArticle {}

.categorieArticle a {text-transform:lowercase;}

.categorieArticle a:hover {text-transform:lowercase;}

#articleSeul {}

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

.afterArticle {padding:3px 0px; border-top:0px none; width:100%; text-align:right; font-size:90%; color:#808080;}

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

.listArticles {margin-top:0px; margin-bottom:10px; border:0px none;}

.resumeArticle {}

/*--------------------COMMENTAIRES---------------------------- */

.h2commentMessage {}

.afterReactions .linkAddComment {

  font-size:130%; 

  color:#333333; 

  padding:5px;

  background-color:#DDDDDD;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  border-radius: 20px;}

.commentMessage {

  padding:10px; 

  margin:0px; 

  background-color:#DDDDDD;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  border-radius: 20px;

  border:solid #333333 2px;}

.commentOption {text-align:right; font-size:90%; color:#000000; margin-bottom:10px;}

.reponseMessage {background-color:#4C4C4C; text-align:right; color:#FFFFFF}

/*-----------------Newsletter-----------------------------------*/

#divNewsletter h2 {text-align:center; font-size:12pt;}

#divNewsletter input {background-color:transparent; border:1px solid #000;}

#divNewsletter .newsletter {}

/* ---------------------Calendrier--------------------------------- */

.calendarTop1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#666; font-weight: bold; background-color:transparent;}

.calendarToday1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#D56700;}

.calendarDays1 {width:50px; height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#666; text-align:center;}

.calendarHeader1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#666;}

.calendarTable1 {border:0px none;}

/*-----------------------Pagination-------------------------*/

.pagination {color:#666;}

.pagination a {}

.pagination b {}

.before_articles .pagination{margin:30px 0px;}

.after_articles .pagination{margin-bottom:30px;}

.w100prct {width:100%}

.w20prct {width:20%;}

.w80prct {width:80%;}

/*------------------- PAGES ----------------------------------*/

.page {

  background-color:#DDDDDD; 

  margin-top:10px; 

  padding:5px; 

  margin-bottom:15px; 

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  -o-border-radius: 30px;

  border-radius: 30px;

  border-top:solid #333333 15px;

  border-right:solid #000000 5px;

  border-bottom:solid #333333 15px;

  border-left:solid #000000 5px;

  -moz-opacity: 0.9; 

  -webkit-opacity: 0.9; 

  -o-opacity: 0.9; 

  -ms-opacity: 0.9; 

  opacity: 0.9;

} /* chaque module de Page */

.beforePage {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#999;}

.divPageTitle h2 {

  text-decoration:none; 

  padding:5px 10px;

  background-color:#333333;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  -o-border-radius: 30px;

  border-radius: 30px;}

.divPageTitle h2:hover {background-color:#000000}

.page p {padding:0px 0px 5px 5px ; margin:0px;}

.pageContent {margin:1px;}

.pageContent img {

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  -ms-border-radius: 15px;

  -o-border-radius: 15px;

  border-radius: 15px;} /* chaque image de Page */

.afterPage {padding:0px; border-top:0px none; width:100%; text-align:right; font-size:90%; color:#808080;}

/*----Newsletters-----*/

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

/*----MENU EROG-----*/

#menuob {

  padding:10px; 

  margin:0px; 

  background-color:#DDDDDD;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  border-radius: 20px;

  border:solid #333333 2px;

 height:22px} /*----toute la ligne du menu-----*/

#menuob a {color: #4C4C4C;}/*----chaque lien du menu-----*/

#menuob a:hover {

  color: #FFFFFF;

  background-color:#000000;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  border-radius: 20px;}/*----Mchaque lien au survol du menu-----*/

/*----FIN CSS Djaiz-----*/