/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; margin:0; padding:0}
/**/
body{line-height:1; color:#000; font-size:12px; font-family:Georgia, serif; background-color:#FFF; background-image:url(background.jpg); background-position:center top; background-attachment:fixed; margin:0; padding:0}
/* Common styles */
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}
/* Header
---------------------------------------------------------------- */
#header{width:900px; height:300px; border:1px solid #000; margin:10px auto 15px; padding:0}
/* Main
---------------------------------------------------------------- */
#contentPage{width:900px; color:#000; font-size:12px; font-family:Georgia, serif; background-color:#fff; margin:10px auto 0; padding:0}
#content{width:900px; margin:0 auto; padding:0}
#title-site{font-size:12px; font-weight:normal; display:inline; margin:0; padding:0}
#posts{width:640px; padding-top:15px; float:left; margin:0 10px 0 0}
#sidebar{width:240px; float:right; margin:0}
#contentPage .clear{clear:both}
#contentPage .strong{font-weight:bold}
#contentPage a, #commentaires .commentaire_infos a{color:#444444; font-weight:bold; text-decoration:none}
#contentPage a:hover, #commentaires .commentaire_infos a:hover{color:#DF691B; text-decoration:none; border-bottom:none; border-bottom-width:1px}
#contentPage a:visited, #commentaires .commentaire_infos a:visited{font-weight:bold; text-decoration:none}
/* ----- Posts ----- */
#posts .breadcum{width:640px; margin:0 0 12px; padding:0}
#posts .breadcum a,#posts .right p.bas a,#posts .left p.bas a{color:#999999; font-weight:bold; text-decoration:none}
#posts .breadcum a:hover,#posts .right p.bas a:hover,#posts .left p.bas a:hover{color:#555555; text-decoration:none; border-bottom:none; border-bottom-width:1px}
#posts .breadcum a:visited,#posts .right p.bas a:visited,#posts .left p.bas a:visited{font-weight:bold; text-decoration:none}
#posts .articles{width:640px; margin:0 0 30px; padding:0}
#posts .inPage{margin-bottom:0}
/* Alignement */
#posts .post{width:100%;}
#posts .post .content{position:relative; width:475px; height:160px;}
#posts .post .content p{font-size:12px; line-height:14px; text-align:justify;}
#posts .post img{width:150px; height:auto; margin:10px 0 30px;}
#posts .post p.bas{position:absolute; bottom:0; left:0; width:100%;}
#posts .left{}
#posts .left img{float:left; -moz-border-radius:0 10px 10px 12px; -webkit-border-radius:0 10px 10px 12px; border-radius:0 10px 10px 12px;}
#posts .left .content{float:right;}
#posts .left p.bas{text-align:left;}
#posts .right{}
#posts .right img{float:right; -moz-border-radius:10px 0 10px 12px; -webkit-border-radius:10px 0 10px 12px; border-radius:10px 0 10px 12px;}
#posts .right .content{float:left;}
#posts .right p.bas{text-align:right;}
/* Pagination */
#contentPage .pagination{clear:both; margin:30px 0 0; padding:15px 0 0; border-top:1px solid #555; text-align:center;}
#contentPage .pagination li{display:inline-block; margin:0 4px;}
#contentPage .pagination a{display:block; padding:8px 6px; border:1px solid #000}
#contentPage .pagination a:hover{color:#999; border:1px solid #666;}
#contentPage .pagination .active a{color:#000; background:#FFD147; border-color:#000;}
#contentPage .pagination .active a:hover{color:#FFD147; background:#000; border-color:#FFD147;}
/* Article */
#posts .articles_titre{font-family: Georgia, serif; color:#fff; display:block; width:100%; height:28px; padding:0 0 0 12px; line-height:28px; font-size:16px; background:#fff url(titre_du_post.gif) no-repeat left top;}
#posts .articles_titre a{color:#fff; background:transparent; text-decoration:none; border-bottom:none}
#contentPage #posts .articles_titre a:hover{color:#B4CEEA}
#posts .articles_titre a:visited{color:#fff}
#posts .articles_infos{width:100%; margin:12px 0; padding:0 4px 3px 0; text-align:right; color:#8E8369; background:#fff url(informations_du_post.gif) no-repeat right bottom;}
#posts p.articles_infos a{color:#A3977D;}
#posts p.articles_infos a:hover{color:#6B5F43}
#posts p.articles_infos a:visited{color:#282419}
#posts .articles_contenu{text-align:justify; width:640px; margin:0; padding:0}
#posts .articles_contenu p{text-align:justify; width:640px; margin:0 3px 10px; line-height:16px;}
#posts .articles_contenu a{color:#9E8873; font-weight:bold; text-decoration:none}
#posts .articles_contenu a:hover{color:#FF6633; text-decoration:none; border-bottom:none; border-bottom-width:1px}
#posts .articles_contenu a:visited{font-weight:bold; text-decoration:none}
#posts .articles_suite{text-align:center; width:640px; font-size:13px; margin:15px auto 0}
#posts .articles_contenu blockquote{font-family:Georgia, serif; font-style:italic}
#posts .articles_coms{text-align:right; margin-top:12px; border-right:1px solid #152351; border-bottom:1px solid #152351; width:640px; padding:0 2px 0 0}
#posts .articles_contenu h2,h3{margin-top:15px;margin-bottom:10px;font-size:16px;}
#posts .articles_contenu img {margin:7px;}
/* Image article */
#articleImage{position:relative; width:640px; margin:0 0 10px}
#articleImage span{position:absolute; z-index:500; bottom:0; left:0; height:35px; line-height:33px; text-align:center; width:100%; color:#fff; font-size:12px; background:rgba(0,0,0,.5); border-top:1px solid #000; text-shadow:none;}
#articleImage img{-moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
/* Partage */
#partage{margin-top:20px; width:640px; padding:6px 0; background-color:#E1D5B8}
#partage li{display:inline}
#partage li.facebook{width:270px; float:left; margin-right:5px; margin-left:30px}
#partage li.googleplus{width:160px; float:left; text-align:center}
#partage li.twitter{width:170px; float:right; text-align:right}
/* Commentaires */
#commentaires{width:640px; margin:0; padding:0}
#commentaires h4{color:#7A6F55; font-size:14px; margin:20px 0; padding:0}
#commentaires .commentaire_infos{margin-top:12px; margin-bottom:10px}
#commentaires blockquote{border:1px solid #d8d4cb; width:640px; text-align:justify; margin:0; padding:1ex 0}
#commentaires blockquote p{margin:10px 5px}
/* Formulaire */
#commentaires form p{padding:0 0 15px;}
#commentaires form .field label{cursor:pointer; float:left; width:180px; padding:7px 8px 0 0; clear:right; text-align:right;}
#commentaires form .text{width:300px; height:15px; padding:4px 7px; background:#fff; border:1px solid #EAE4D7;}
#commentaires form .text:focus{border-color:#926F55;}
#commentaires form textarea.text{height:175px;}
#commentaires form .captcha img{vertical-align:middle;}
#commentaires form .captcha input{width:70px; margin-left:5px;}
#commentaires form .submit{cursor:pointer; margin-left:187px; width:100px; padding:7px 0; text-align:center; color:#7A6F55; font:12px Georgia, sans-serif; background:#E1D5B8; border:none; text-transform:uppercase;}
#commentaires form .submit:hover{background:#C9BC9F;}
#commentaires form .submit:active{background:#B5A98D;}
/* Message */
.error{margin:0 0 20px; padding:10px 12px; width:auto; border-width:1px; border-style:solid;}
.error.bad{color:#842B2B; background-color:#F2C4C4; border-color:#D3A0A0;}
.error.good{color:#31601F; background-color:#CDEAC2; border-color:#90C47D;}
/* ----- Sidebar ----- */
#sidebar .sidebarTitle{width:100%; height:23px; display:block; margin:30px 0 12px; padding:7px 0 2px 12px; color:#FFFFFF; font:14px Georgia, Arial, Helvetica, sans-serif; font-variant:small-caps; font-weight:bold; background:#FFF url(titre_sidebar.gif) no-repeat left bottom;}
#sidebar .sidebarTitle.first{margin-top:0;}
#sidebar .sidebarSubTitle{width:100%; color:#000; font:12px Georgia, Arial, Helvetica, sans-serif; font-variant:small-caps; background:none; border-left:3px solid #000; border-bottom:1px solid #000; display:block; margin:1ex 0; padding:2px 0 2px 4px}
#sidebar ul{list-style:none; margin:0 0 12px; padding:0}
#sidebar li{margin-bottom:5px;}
#sidebar p{margin:0 0 12px; padding:0}
#posts .articles_coms a, #posts .articles_coms a:hover, #posts .articles_coms a:visited{color:#061975}
#articleImage img, #partage ul{width:640px}
/* Social */
#sidebar .twitter-follow-button{display:block; margin:15px auto 0; text-align:center;}
#sidebar .fbplusone{text-align:center;}
#sidebar .fbplusone li{display:inline; padding:0 12px;}
/* Abonnement */
#contentPage form{padding:10px 0 0;}
#contentPage .newsletter p{padding:0 0 7px;}
#contentPage .newsletter label{float:left; width:65px; padding:7px 7px 0 0; text-align:right;}
#contentPage .newsletter .text{width:140px; height:15px; padding:4px 7px; background:#fff; border:1px solid #EAE4D7;}
#contentPage .newsletter .text:focus{border-color:#926F55;}
#contentPage .newsletter .submit{cursor:pointer; margin-left:72px; width:100px; padding:2px 0; text-align:center; color:#7A6F55; font:12px Georgia, sans-serif; background:#E1D5B8; border:none; text-transform:uppercase;}
#contentPage .newsletter .submit:hover{background:#C9BC9F;}
#contentPage .newsletter .submit:active{background:#B5A98D;}
/* Footer
---------------------------------------------------------------- */
#bottom{width:900px; height:30px; text-align:center; margin:50px auto 0; padding:0}