/* CSS General au Blogue */
body.src_blogue{font:70%/1.3 Verdana,Arial,Helvetica,sans-serif; color:#000;}
body.src_blogue a{text-decoration:none;}
body.src_blogue a:hover{text-decoration:underline;}
body.src_blogue .src_clear{clear:both;}

/* colonne gauche du blogue */
body.src_blogue .enteteBlogue{width:502px; margin-bottom:8px;}
body.src_blogue .src_divisionDroite{padding:2px 0 0 0;}
body.src_blogue .src_colCentre{padding:8px 0 0 10px;}
body.src_blogue .src_colCentre p {font-size:11px; margin-bottom:10px; font-weight:normal;}

/* petit calendrier */
body.src_blogue .src_date{float:left; padding-top:3px; margin:0 10px; text-align:center; display:inline; font-weight:bold; width:49px; height:47px; background-color:#ccc;}
#src_globalContainer .src_date span{display:block;}
body.src_blogue .src_date .jour{font-size:150%;}
body.src_blogue .src_date .mois{font-size:130%;}

/* colonne droite du blogue */
body.src_blogue .src_colonneDroite{padding:0 0 25px 0px;}
body.src_blogue .src_colonneDroite ul { margin-top:5px;}
body.src_blogue .src_colonneDroite ul li {list-style-type:none; padding-bottom:5px; margin-left:20px;}
.src_blogue .src_colonneDroite .enProfondeur{margin:10px 0 0 0;}
.src_blogue .src_colonneDroite .enProfondeur h2{margin:0 0 0 2px}
.src_blogue .src_colonneDroite .enProfondeur ul li{margin:0;padding:0;}
body.src_blogue #src_globalContainer .src_colonneDroite span {display:inline; margin-left:10px;}

/* Overwrite CSS */
body.src_blogue img{background:none;}
body.src_blogue #src_globalContainer #src_col-1024 {float:left;margin-left:10px;overflow:hidden;width:304px;}

/* style de l'entête des posts */
body.src_blogue .src_titrePost{padding:5px 0;} /* boite qui contient l'entête */
body.src_blogue .src_titrePost h4{font-size:150%; margin-left:65px; padding-top:10px;}

body.src_blogue .src_chroniqueur{float:right; margin-right:10px; text-align:right; display:inline;}
body.src_blogue .src_categorie {margin-top:15px;}

/* image, texte et liens des posts */
body.src_blogue .src_imgPost{width:480px; margin:0 auto;}
body.src_blogue .src_textePost{width:480px; margin:0 auto;}
body.src_blogue .src_comments{margin:20px 0; padding-bottom:20px; border-bottom:1px solid #999;} /* filet séparateur des posts */ 
body.src_blogue .src_comments img{float:left; padding:3px 5px 0 0;} /* icône des commentaires */



/**************************************** style de la partie COMMENTAIRES des posts ****************************************************************/
body.src_blogue #boxForm{border:1px solid #000; margin-top:30px;} 
body.src_blogue .bteCommentaires{background-color:#d6d5d5; padding:10px; border-bottom:4px solid #fff;}
body.src_blogue .bteCommentaires.impair{background-color:#Ededed;}
#src_globalContainer #boxForm span {display:inline;}
body.src_blogue .enteteCommentaires {background-color:#666; height:18px; padding:0 0 2px 5px; color:#fff; font-size:130%; font-weight:bold;}
body.src_blogue .enteteCommentez {background-color:#666; height:18px; padding:0 0 2px 5px; color:#fff; font-size:130%; font-weight:bold;}
body.src_blogue .dateComment{font-weight:bold;padding-bottom:15px;}
body.src_blogue .user {font-weight:bold;margin-top:15px;}

body.src_blogue input[type='text'], textarea{font:100%/1.3 Verdana,Arial,Helvetica,sans-serif; color:#000; background-color:#fff; padding:2px; border-top:2px solid #848484; border-left:2px solid #848484; border-right:2px solid #ece8e4; border-bottom:2px solid #ece8e4;}
body.src_blogue #contentForm{padding:10px;}
body.src_blogue input.court{width:225px;}
body.src_blogue input.long{width:500px;}
body.src_blogue textarea.long {width:450px;}
body.src_blogue label{font-weight:bold;}
body.src_blogue .celluleGauche{float:left; display:block; width:225px;}
body.src_blogue .celluleDroite{float:right; display:block; width:250px;}
body.src_blogue .btnEnvoyer{width:82px; height:17px; border:0; background:url(/lib/blogue/v1/images/btn_envoyer.jpg) no-repeat;}
body.src_blogue #netiquetteConf a{color:#000; text-decoration:none;}
body.src_blogue #netiquetteConf a:hover{color:#000; text-decoration:underline;}


body.src_blogue .autresArticles{padding-bottom:10px;}
body.src_blogue .autresArticles ul{list-style:none; color: #990000;}
body.src_blogue .autresArticles ul li#precedent{float:left; width:50%;}
body.src_blogue .autresArticles ul li#suivant{float:right; width:50%; text-align:right}

