/*-------------------------------------------------------
Parametres globaux pour le document
-------------------------------------------------------*/

/* Marges, tailles, couleurs, etc. par defaut */
*{margin:0; padding:0;} /* reset des marges */
html{font-size:62.5%;}
body{background:#515b67;}
body,select,input,textarea{font:1.0em Arial, Verdana, Helvetica, sans-serif; color:#484440;}
body,select,textarea{line-height:1.6em;}

/* Gestion globale des liens */
a img {border:0;}
a:link,a:visited{font-family:Lucida Grande, Arial, Verdana; color:#47ba00; font-weight:bold;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}

/* Elements de formualaire */
.formelement{border:1px solid #ddd; padding:5px;}



/*-------------------------------------------------------
Disposition des blocs
-------------------------------------------------------*/

/* Conteneur general */
#page{background:url(img/page.jpg) repeat-y; width:990px;}

/* Entete du document */
#tophome{height:443px;}
#top{height:192px;}


/*-------------------------------------------------------
 >> Blocs contenant les billets
-------------------------------------------------------*/

/* conteneurs generaux */
#main{float:left; width:630px;}
.post{margin:0 0 60px 0;}

/* Colonne de gauche avec les infos sur le billet */
.post_info{float:left; width:150px; font-family:Lucida Grande, Arial, Verdana; text-align:right; line-height:2.8em;}
.post_info h3{padding:10px 0 50px 0; font:1.1em Arial, Verdana, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; border-top:4px solid #89786c;}
.post_info a{color:#0095da;}
.post_info a:visited{color:#0095da;}
.post_info a span{color:#484440;}

/* Colonne de droite avec le contenu du billet */
.post_content{float:right; width:453px; margin:17px 0 0 0; font:1.4em Arial, Verdana, Helvetica, sans-serif; line-height:1.6em;}
.post_content h2{margin:0 0 10px 0;}
.post_content h2 a{font:1.2em Georgia, Times, serif; color:#484440; text-decoration:none;}
.post_content h2 a:visited{font:1.2em Georgia, Times, serif; color:#484440; text-decoration:none;} /* Pour IE6 */
.post_content h2 a:hover{text-decoration:underline;}

/* lien > Lire la suite */
.more{margin:10px 0 0 0;}
.more a{font-size:0.8em;}

/* Elements du billet (citation, etc.) */
.post_content blockquote{margin:10px 0 10px 50px; padding:0 20px 0 10px; border-left:1px solid #666; font-size:0.9em;}
.post_content strong{color:#000;}



/*-------------------------------------------------------
 >> Detail d'un billet
-------------------------------------------------------*/
.post_chapo{margin:0 0 20px 0; font-size:1.2em; line-height:1.6em;}
.post_main_content a{font-size:0.9em;}
.signature{text-align:right;}
.signature a{color:#0095da; font-size:0.8em;}



/*-------------------------------------------------------
 >> Commentaires
-------------------------------------------------------*/

/* liste des commentaires */
#comments{float:right; width:453px; margin:17px 0 0 0; font-size:0.9em;}
#comments h3{margin:30px 0; font:1.7em Arial, Verdana, Helvetica, sans-serif; letter-spacing:-0.05em;}
#comments h3 span{color:#0095da;}
#comments a{color:#0095da;}

.comment_info{margin:10px 0 0 0; padding:10px 0; border-top:1px solid #ddd; font-size:0.9em; font-weight:bold;}
#titreaddcom{padding:20px 0 0 0; border-top:1px solid #ddd;}

/* Ajout d'un commentaire (formulaire) */
#comment_form fieldset{border:none;}
#comment_form label{font-size:0.9em; font-weight:bold;}
#comment_form textarea{width:440px;}
#fielslarge{clear:both; padding:10px 0 0 0;}
#btsubmit{text-align:right;}

/* preview du commentaire */
#pr{margin:0 0 30px 0; padding:10px; background:#eee;}
#pr h3{margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #fff;}



/*-------------------------------------------------------
 >> Colonne de droite contenant les archives, syndication etc.
-------------------------------------------------------*/
#sidebar{display:inline; float:right; width:310px; margin:0 30px 0 0; font-size:1.2em;}
#sidebar h2{padding:23px 0 10px 0; margin:0 0 18px 0; font:1.8em Arial, Verdana, Helvetica, sans-serif; font-weight:normal; letter-spacing:-0.05em; border-bottom:1px solid #898989;}

/* Nos Categories */
#categories ul{padding:0 20px 0 0; font-family:Lucida Grande, Arial, Verdana;}
#categories ul li{margin:5px 0; padding:0 0 0 15px; list-style:none; background:url(img/puce.png) no-repeat; background-position:0 4px;}
#categories ul li a{color:#484440; font-weight:bold; text-decoration:none;}
#categories ul li a:hover{text-decoration:underline;}

/* Vous et Nous */
#vousetnous{font:0.9em Lucida Grande, Arial, Verdana; line-height:1.8em;}
#vousetnous div{padding:0 20px 0 0;}
#vousetnous strong{color:#000;}
#vousetnous a{color:#0095da;}

/* Hors le blog */
#horsleblog{font:0.9em Lucida Grande, Arial, Verdana; line-height:1.8em;}
#horsleblog div{padding:0 20px 0 0;}
#horsleblog div h3{margin:10px 0; text-transform:uppercase;}
#horsleblog div h4{text-transform:uppercase; color:#47ba00; font-size:1.2em;}
#horsleblog div h5{color:#999; font-size:1.0em;}
#horsleblog div img{border:1px solid #666;}
#horsleblog div strong{color:#000;}

#nav_horsleblog{padding:5px 0; text-align:right; text-transform:uppercase; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

/* Nos favoris */
#nosfavoris ul{padding:0 20px 0 0; font-family:Lucida Grande, Arial, Verdana;}
#nosfavoris ul li{margin:5px 0; padding:0 0 0 15px; list-style:none; background:url(img/puce.png) no-repeat; background-position:0 4px;}
#nosfavoris ul li a{color:#484440; font-weight:bold; text-decoration:none;}
#nosfavoris ul li a:hover{text-decoration:underline;}

/* Les billets du mois */
#billetsdumois ul{padding:0 20px 0 0; font-family:Lucida Grande, Arial, Verdana;}
#billetsdumois ul li{margin:5px 0; padding:0 0 0 15px; list-style:none; background:url(img/puce.png) no-repeat; background-position:0 4px;}
#billetsdumois ul li a{color:#484440; font-weight:bold; text-decoration:none;}
#billetsdumois ul li a:hover{text-decoration:underline;}

/* Vos reactions */
#reactions ul{padding:0 20px 0 0; font-family:Lucida Grande, Arial, Verdana; line-height:1.6em;}
#reactions ul li{margin:5px 0; padding:5px 0 5px 15px; list-style:none; background:url(img/puce.png) no-repeat; background-position:0 11px; border-bottom:1px dotted #ccc;}
#reactions ul li:last-child{border:none;}
#reactions ul li div{font-size:0.9em;}
#reactions ul li div a{color:#0095da; text-decoration:underline;}
#reactions ul li a{color:#484440; font-weight:bold; text-decoration:none;}
#reactions ul li a:hover{text-decoration:underline;}
#reactions ul li em{font-family:Arial, Verdana, Helvetica, sans-serif;}

/* Les archives */
#archives ul{color:#ccc; font-family:Lucida Grande, Arial, Verdana;}
#archives ul li{margin:5px 0; padding:5px 0 5px 15px; list-style:none; background:url(img/puce.png) no-repeat; background-position:0 9px; border-bottom:1px solid #ccc;}
#archives ul li a{color:#484440; font-weight:bold; text-decoration:none;}
#archives ul li a:hover{text-decoration:underline;}

/* Syndiquez vous */
#syndicate ul{list-style:none; font-family:Lucida Grande, Arial, Verdana;}
#syndicate ul li{background:url(img/rss.png) no-repeat; background-position:0 4px;  margin:5px 0; padding:5px 0 5px 24px; border-bottom:1px solid #ccc;}
#syndicate ul li.netvibes{background:none; padding:5px 0;}
#syndicate ul li a{color:#484440; font-weight:bold; text-decoration:none;}
#syndicate ul li a:hover{text-decoration:underline;}



/*-------------------------------------------------------
Navigation
-------------------------------------------------------*/
#nav_billet{margin:30px 0 0 0; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#nav_billet a{font:0.8em Lucida Grande, Arial, Verdana; font-weight:bold;}

#nav_list{padding:10px 0 150px 180px; border-top:1px solid #666;}



/*-------------------------------------------------------
Pied de page
-------------------------------------------------------*/
#footer{clear:both; height:190px;}
#footer p{position:absolute; margin:121px 0 0 255px; font-size:1.1em;}



/*-------------------------------------------------------
classes a usage multiple :)
-------------------------------------------------------*/
.floatl{float:left;}
.floatr{float:right;}


/*-------------------------------------------------------
Clearfix - forcer un clear sur les elements flotants
-------------------------------------------------------*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */