/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
ul, li { list-style-type: none; }
strong { font-weight: bold; }
em { font-style: italic; }
img { border: 0 none; }

/* GRID */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11 { float: left; margin-right: 14px; }
.grid_1 { width: 68px; }
.grid_2 { width: 150px; }
.grid_3 { width: 232px; }
.grid_4 { width: 314px; }
.grid_5 { width: 396px; }
.grid_6 { width: 478px; }
.grid_7 { width: 560px; }
.grid_8 { width: 642px; }
.grid_9 { width: 724px; }
.grid_10 { width: 806px; }
.grid_11 { width: 888px; }
.grid_last { margin-right: 0; }
.grid_4_300_last, .grid_4_300_last_border { float: left; width: 300px; }
.grid_4_300_last { margin-left: 14px; }
.grid_4_300_last_border { padding-left: 13px; border-left: solid 1px #e4e4e4; }

/* LAYOUT */
body { font: 13px/18px helvetica, arial, sans-serif; color: #444; border-top: solid 6px #333; }
.content { position: relative; width: 970px; margin: 0 auto; }

.big-title, .title, .small-title { font-family: 'Oswald', helvetica, arial, sans-serif; }
.big-title { font-size: 24px; line-height: 32px; color: #000; }
.title { font-size: 18px; line-height: 26px; color: #535353; }
.small-title { font-size: 14px; line-height: 22px; color: #535353; }

.site-title { font-size: 16px; color: #000; margin-bottom: 10px; }
.site-p { margin-bottom: 30px; }
.site-indent { margin-left: 32px; }

a { color: #444; text-decoration: none; }
a:hover { color: #369; }

.blue { color: #369; }
.blue:hover { color: #444; }

.article-p-blue a { font-weight: bold; color: #369; }
.article-p-blue a:hover { color: #444; }

.light { color: #666; }
.lighter { color: #999; }

.white { color: #ddd; }
.white:hover { color: #ddd; text-decoration: underline; }

.relative { position: relative; }
.clear-left { clear: left; }

.right { text-align: right; }
.middle { vertical-align: middle; }

.line, .small-line { clear: both; padding: 0; margin: 40px 0; border: 0 none; }
.line { border-top: solid 3px #e4e4e4; }
.small-line { border-top: solid 1px #e4e4e4; }

/* TOP */
#header { height: 90px; margin-bottom: 15px; background-color: #f4f4f4; border-bottom: solid 1px #e4e4e4; }
#politique { margin-top: 12px; }
#politique-desc { margin-left: 10px; }
#top-biography { margin-top: 12px; }

/* TOPMENU */
#topmenu-wrapper { position: relative; overflow: visible; margin-bottom: 60px; }
.topmenu-item { float: left; margin-right: 20px; }

.topmenu-details-triangle { position: absolute; top: 10px; left: 40%; width: 0; height: 0; border-color: transparent transparent #369 transparent; border-style: solid; border-width: 10px; z-index: 3; }
.topmenu-details-wrapper { position: absolute; top: 16px; left: 0; padding-top: 15px; background-color: #fff; z-index: 2; }
.topmenu-details { overflow: hidden; padding: 20px; border: solid 3px #369; }

.topmenu-item:hover .topmenu-details-triangle, .topmenu-item:hover .topmenu-details-wrapper { display: block !important; }

/* MENU */
.menu { margin-top: 60px; }
.menu-box { padding: 10px; background-color: #f4f4f4; border: solid 1px #e4e4e4; }
.tweet { margin-top: 20px; }

/* ARCHIVES */
#archives { padding: 20px; margin-right: 20px; background-color: #f4f4f4; border: solid 1px #e4e4e4; }
.archive-photo-first, .archive-photo { margin-bottom: 5px; text-align: center; }
.archive-photo-first { margin-top: 20px; }
.archive-photo { margin-top: 40px; }

/* ARTICLE */
#like-box { position: absolute; left: -120px; width: 100px; padding: 0 0 20px 10px; background-color: #f4f4f4; border: solid 1px #e4e4e4; }
.like-box-item { margin-top: 20px; }

.like-box-absolute { position: absolute; top: 0; }
.like-box-fixed { position: fixed; top: 20px; }

.billboard { clear: both; height: 90px; margin-bottom: 40px; text-align: center; background-color: #f4f4f4; }
.medium-rectangle { margin-top: 20px; }

.article-header-top { margin-bottom: 10px; }

.article { font: 15px/22px georgia, serif; }
.article-small { font: 14px/22px georgia, serif; }

.article-p { clear: both; overflow: hidden; padding-top: 30px; }

.article-title { margin-bottom: 15px; }
.lettrine { float: left; margin-right: 0.1em; font-size: 3.7em; line-height: 0.8em; }

.article-photo-left { clear: both; float: left; margin: 0 20px 20px 0; }
.article-photo-right { clear: both; float: right; margin: 0 0 20px 20px; }

#large-rectangle { clear: both; padding: 20px 0; }

#article-comments-title { margin: 30px 0 15px 0; }

#suggestion-box { position: fixed; bottom: 0; right: 0; width: 420px; padding: 10px 10px 0 20px; background-color: #fff; border-top-left-radius: 10px; border-top: solid 3px #369; border-left: solid 3px #369;
    box-shadow: 2px 0 20px 0 #666;
}
#suggestion-close { margin: 0 5px 5px 0; }

/* PAGES */
.pages { margin-top: 40px; text-align: center; }
.page { display: inline; margin: 0 2px; }
.page-link { display: inline-block; padding: 2px 6px; background-color: #f4f4f4; border: solid 1px #ccc; border-radius: 3px; }
.page-link:hover { background-color: #fff; }

/* FOOTER */
#footer-wrapper { clear: both; padding-top: 80px; }
#footer-top { overflow: hidden; padding: 20px 0; background-color: #333; }
.footer-top-photo { padding: 1px; margin-bottom: 5px; background-color: #ccc; }

#footer { clear: both; overflow: hidden; padding: 20px 0; background-color: #f4f4f4; border-top: solid 3px #333; border-bottom: solid 1px #e4e4e4; }
#footer-search { overflow: hidden; padding-bottom: 20px; }

#footer-bottom { overflow: hidden; padding: 20px 0; }
.footer-like-item { margin-top: 10px; }