p{text-align:justify;}body{background-color:#40808a;margin:0;font-family:"Dejavu Serif",Georgia,"Times New Roman",serif;}#container{background:url(index.php?tf=images/page-back.jpg) no-repeat top center #3f808a;margin:0 auto;position:relative;height:679px;margin-bottom:-427px;}#main{background:transparent url(index.php?tf=images/notepad-back.png) repeat-y scroll 0 0;width:819px;margin:0 auto;position:relative;} #calendar{font-size:smaller;margin-left:10px;margin-top:15px;}#search{position:absolute;text-align:left;width:300px;left:480px;top:-251px;z-index:100;}#search form{border:0;width:300px;padding:0;font-family:"Dejavu Serif",Georgia,"Times New Roman",serif;font-size:13px;}#search h2{display:none;}#search p{margin:0;padding:0;}#q{width:150px;position:absolute;left:100px;top:10px;color:#6b6b6b;}#search fieldset{border:0;padding:0;margin:0;}input{border-top-width:medium;border-right-width:medium;border-bottom-width:medium;border-left-width:medium;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-color:currentColor;border-right-color:currentColor;border-bottom-color:currentColor;border-left-color:currentColor;}#search .submit{background-color:#fbe881;background-image:none;background-repeat:repeat;background-attachment:scroll;background-x-position:0%;background-y-position:0%;border-width:1px;border-style:solid;border-color:black;font-size:11px;font-family:"Dejavu Serif",Georgia,"Times New Roman",serif;position:absolute;top:11px;left:250px;}#menu-holder{width:819px;overflow:hidden;margin-left:auto;margin-right:auto;padding-top:43px;height:43px;}#menu{width:409px;height:42px;margin:0;padding:0;position:relative;left:365px;}#menu li{margin:0;padding:0;list-style:none;position:absolute;top:0;}#menu li,#menu a{height:42px;display:block;}#home{text-indent:-300em;overflow:hidden;left:90px;width:107px;}#about{text-indent:-300em;overflow:hidden;left:197px;width:107px;}#archives{text-indent:-300em;overflow:hidden;left:304px;width:106px;}#title{color:#fff;font-family:"Dejavu Serif",Georgia,"Times New Roman",serif;font-size:10px;width:819px;margin-left:auto;margin-right:auto;padding-top:59px;padding-left:140px;}#title h2{color:#fff;font-size:24px;margin:0 0 2px;}#title a{color:#fff;text-decoration:none;}#title a:hover{color:#fff;text-decoration:none;border-bottom:1px solid #e7d8cf;}#main blockquote{padding:0 0 0 30px;background:url(index.php?tf=images/blockquote.gif) no-repeat 0 50%;}#main .col01{float:left;padding-left:70px;width:425px;font-size:12px;line-height:20px;}#main .col01 h3{font-size:24px;line-height:28px;font-weight:normal;font-family:"Dejavu Serif",Georgia,"Times New Roman",serif;margin:0;padding:0 0 10px;background:url(index.php?tf=images/line.gif) repeat-x bottom;}#main .col01 h4{font-size:18px;line-height:22px;font-weight:normal;font-family:"Dejavu Serif",Georgia,"Times New Roman",serif;margin:0;padding:0 0 16px;background:url(index.php?tf=images/line.gif) repeat-x bottom;}#main .col01 h3 a{color:#000;text-decoration:none;}#main .col01 h3 a:hover{background-color:#f4f0db;}#main .col01 .post{padding-bottom:30px;}#main .col01 .meta{font-size:11px;text-align:right;background:url(index.php?tf=images/line.gif) repeat-x;padding-top:8px;margin-bottom:10px;}#main .col01 .post-inner{position:relative;}#main .col01 .post-inner .date-tab{position:absolute;top:0;left:-98px;height:64px;width:83px;background:url(index.php?tf=images/date-tab.gif) no-repeat;}#main .col01 .thumbnail{float:right;margin:12px 0 12px 12px;}.year{text-align:right;display:block;padding:0 6px 0 0;font-size:11px;font-weight:bold;}.month{text-align:right;display:block;padding:0 6px 0 0;font-size:11px;font-weight:bold;}.day{text-align:right;display:block;padding:0 6px 0 0;font-size:22px;font-weight:bold;}#main .col01 .post-inner a{color:#000;position:relative;text-decoration:none;border-bottom:1px solid #868585;background:#f4f0db;}#main .col01 .post-inner a:hover{color:#000;text-decoration:none;border-bottom:1px solid #000;background:#fffbc1;}#main .col01 .meta a{padding-top:1px;padding-right:10px;padding-bottom:2px;padding-left:17px;color:#000000;text-decoration:none;}#main .col01 .meta a:hover{color:#000000;text-decoration:none;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;}.comment_count{background-color:transparent;background-image:url(index.php?tf=img/comment.png);background-repeat:no-repeat;background-attachment:scroll;}.ping_count{background-color:transparent;background-image:url(index.php?tf=img/trackback.png);background-repeat:no-repeat;background-attachment:scroll;}.attach_count{background-color:transparent;background-image:url(index.php?tf=img/attach.png);background-repeat:no-repeat;background-attachment:scroll;background-x-position:0;background-y-position:50%;}a{color:#21565e;text-decoration:none;}a:hover{text-decoration:underline;}.post-info-co a{padding-top:1px;padding-right:10px;padding-bottom:2px;padding-left:15px;color:#000000;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#868585}.post-info-co a:hover{padding-top:1px;padding-right:10px;padding-bottom:2px;padding-left:15px;color:#000000;text-decoration:none;border-bottom-width:0;border-bottom-style:solid;border-bottom-color:#868585}#main .col01 .main-inner li{margin-bottom:5px;margin-left:5px;padding:0;list-style:none;}#main .col01 .main-inner li a{padding-top:10px;padding-left:25px;background-color:transparent;background-image:url(index.php?tf=img/calender.png);background-repeat:no-repeat;background-attachment:scroll;background-position:left bottom;text-decoration:none;}#main .col01 .comment-number{display:block;float:left;width:45px;height:67px;margin-top:0;margin-right:10px;margin-bottom:0;margin-left:1px;padding-top:7px;padding-right:0pt;padding-bottom:0pt;padding-left:0pt;border-top-width:medium;border-bottom-width:medium;border-top-style:none;border-bottom-style:none;font-size:150%;text-align:center;line-height:1em;color:#ffffff;background-color:#3F808A;text-decoration:none;}#main .col01 dt{margin-top:1em;margin-right:0pt;margin-bottom:0pt;margin-left:0pt;padding-top:2px;padding-left:0px;padding-right:0px;padding-bottom:0pt;font-weight:normal;}#main .col01 dt a{text-decoration:none;color:#3F808A;font-weight:bold;}#main .col01 dd a{text-decoration:underline;color:#3F808A;font-weight:normal;}#main .col01 dd a:hover{text-decoration:none;color:#000;font-weight:normal;}#main .col01 .post-tags ul{list-style:none;margin-left:-15px;}#main .col01 .post-tags li{list-style:none;padding-left:24px;background-image:url(index.php?tf=img/tag.png);background-repeat:no-repeat;background-attachment:scroll;background-position:left bottom;}#main .content-inner .tags{background-color:transparent;}#main .content-inner ul,li .tags{list-style-type:none;list-style-image:none;list-style-position:inside;}#main .content-inner .tags li{display:inline;list-style-type:none;padding-right:20px;}#main .col01 a.feed{padding-left:20px;background-color:transparent;background-image:url(index.php?tf=img/feed.png);background-repeat:no-repeat;background-attachment:scroll;background-position:left bottom;text-decoration:none;color:#FF6600;font-weight:bold;}#main .sidebar{width:212px;font-size:11px;line-height:16px;float:right;margin-left:0;margin-right:0;padding-right:54px;border:0;}#main .sidebar .recent-posts{width:212px;background:url(index.php?tf=images/postitBack.gif) repeat-y;}#main .sidebar .recent-posts h2{display:none;}#main .sidebar .recent-posts ul{padding:0;margin:0;}#main .sidebar .recent-posts li{font-size:11px;line-height:18px;list-style:none;padding:0;margin:0;}#main .sidebar .recent-posts li .listMeta{font-size:10px;}#main .sidebar .recent-posts li a{color:#21565E;text-decoration:none;display:block;width:170px;margin:0 auto;padding:4px 0 4px 25px;background:url(index.php?tf=images/bullet-postit.gif) no-repeat 5px 8px;}#main .sidebar .recent-posts li a:hover{text-decoration:none;color:#000;background:url(index.php?tf=images/bullet-postit-on-j.gif) no-repeat 5px 8px #f5e838;}#main .sidebar .postit-bottom{width:188px;height:62px;background:url(index.php?tf=images/postit-bottom.gif) no-repeat;padding:12px 12px 0;font-size:11px;text-align:right;}#topnav{display:none;}#main .sidebar .categories-upper{height:124px;background:url(index.php?tf=images/categories-upper.gif) no-repeat;}.contact-me{background:url(index.php?tf=images/categories-back.gif) repeat-y;padding-top :10px;padding-bottom:10px;}.contact-me p{text-align:center;background:url(index.php?tf=images/icon.png) no-repeat;background-position:25px;font-size:larger;font-weight:bold;}#main .sidebar .categories{background:url(index.php?tf=images/categories-back.gif) repeat-y;}#main .sidebar .categories h2{display:none;}#main .sidebar .categories ul{margin:0;padding:0;}#main .sidebar .categories li{font-size:11px;line-height:18px;list-style:none;}#main .sidebar .categories li a{color:#21565E;margin:0 auto;display:block;width:170px;padding:4px 0 4px 25px;background:url(index.php?tf=images/bullet-note.gif) no-repeat 5px 8px;text-decoration:none;}#main .sidebar .categories li a:hover{text-decoration:none;color:#000;background:url(index.php?tf=images/bullet-postit-on-b.gif) no-repeat 5px 8px #2b88c9;}#main .sidebar .syndicate li{font-size:11px;line-height:18px;margin-top:0pt;margin-right:auto;margin-bottom:0pt;margin-left:auto;display:block;}#main .sidebar .syndicate li a.feed{padding-top:7px;padding-left:25px;background-color:transparent;background-image:url(index.php?tf=img/feed.png);background-repeat:no-repeat;background-attachment:scroll;background-x-position:left;background-y-position:50%;text-decoration:none;color:#ff6600;font-weight:bold;}#main .sidebar .tags{background:url(index.php?tf=images/categories-back.gif) repeat-y;}#main .sidebar .tags h2{font-size:16px;line-height:18px;padding-top:4px;padding-right:0pt;padding-bottom:4px;padding-left:25px;margin-top:0pt;margin-right:auto;margin-bottom:0pt;margin-left:auto;display:block;}#main .sidebar .tags li{font-size:11px;line-height:18px;list-style-type:none;list-style-image:none;list-style-position:outside;}#main .sidebar .tags ul{margin:0;padding:0;}#main .sidebar .tags li{font-size:11px;line-height:18px;list-style:none;}#main .sidebar .tags li a{color:#21565E;margin:0 auto;display:block;width:170px;padding:4px 0 4px 25px;background:url(index.php?tf=images/bullet-note.gif) no-repeat 5px 8px;text-decoration:none;}#main .sidebar .tags li a:hover{text-decoration:none;color:#000;background:url(index.php?tf=images/bullet-postit-on.gif) no-repeat 5px 8px #2b88c9;}#main .sidebar .tags p{font-size:11px;line-height:18px;padding:4px 0 4px 25px;margin:0 auto;display:block;}#main .sidebar .tags p a{color:#000;}#main .sidebar .categories-btm{height:68px;background:url(index.php?tf=images/categories-btm.gif) no-repeat;}#main .selected{background:url(index.php?tf=images/txt-misc-debris.png) no-repeat 50px 8px;padding-top:2px;padding-bottom:0px;}#main .sidebar .selected ul{margin:50px 0 0px;}#main .bestVotes{background:url(index.php?tf=images/txt-misc-prefere.png) no-repeat 50px 8px;padding-top:40px;padding-bottom:15px;}#main .lastcomments{background:url(index.php?tf=images/txt-misc-comment.png) no-repeat 50px 8px;padding-top:15px;padding-bottom:15px;}#main .sidebar .lastcomments ul{margin:25px 0 0px;padding:0;}#main .sidebar .links{background:url(index.php?tf=images/txt-friends-links.png) no-repeat 10px 8px;padding-top:25px;}#main .sidebar .links ul{margin:15px 0 0px;padding:0;}#main .sidebar .links li{font-size:11px;line-height:18px;list-style:none;}#main .sidebar .links li a{color:#21565E;margin:0 auto;display:block;padding:6px 0;padding:4px 0 4px 25px;text-decoration:none;}#main .sidebar .links li a:hover{text-decoration:none;color:#000;}#main .sidebar .side-meta{}#main .sidebar .side-meta ul{margin:10px 0;padding:0;}#main .sidebar .side-meta li{font-size:10px;line-height:14px;list-style:none;}#main .sidebar .side-meta li a{color:#21565E;margin:0 auto;display:block;width:212px;padding:2px 0;}#main .sidebar .side-meta li a:hover{text-decoration:none;color:#000;}#footer-holder{width:819px;margin:0 auto;position:relative;}#footer-holder .footer{width:932px;height:200px;position:absolute;top:0px;left:-54px;background:url(index.php?tf=images/footer.jpg) no-repeat;z-index:100;}#footer-holder .txt a{color:#000;}#footer-holder .txt a:hover{color:#000;text-decoration:none;}#footer-holder .txt{width:520px;position:absolute;top:100px;left:186px;font-size:11px;line-height:16px;color:#000;z-index:105;height:80px;overflow:hidden;}#footer-holder .smashing a{width:66px;height:61px;position:absolute;top:161px;left:709px;font-size:11px;text-indent:-400px;z-index:102;overflow:hidden;}#footer-holder .smashing a:hover{}#footer-holder .rss a{width:55px;height:55px;position:absolute;top:165px;left:130px;font-size:11px;text-indent:-400px;z-index:103;overflow:hidden;background:url(index.php?tf=images/rss.png) no-repeat 0 0;}.previous a{float:left;width:93px;height:33px;text-indent:-400px;background:url(index.php?tf=images/link-older.gif) no-repeat 0 0;overflow:hidden;}.previous a:hover{background:url(index.php?tf=images/link-older.gif) no-repeat 0 -33px;}.next a{float:right;width:93px;height:33px;text-indent:-400px;background:url(index.php?tf=images/link-newer.gif) no-repeat 0 0;overflow:hidden;}.next a:hover{background:url(index.php?tf=images/link-newer.gif) no-repeat 0 -33px;}.comments,.name,.email,.website,.txt-email-sub,.txt-website-example{display:block;text-indent:-800px;font-size:10px;overflow:hidden;margin:0;padding:0;}.comments{height:47px;background:url(index.php?tf=images/txt-your-comment.gif) no-repeat;}.name,.email,.website{width:80px;float:left;margin-right:12px;clear:left;}.name{height:30px;background:url(index.php?tf=images/txt-name.gif) no-repeat top right;}.email{height:30px;background:url(index.php?tf=images/txt-email.gif) no-repeat top right;}.website{height:30px;background:url(index.php?tf=images/txt-website.gif) no-repeat top right;}.txt-email-sub{height:20px;background:url(index.php?tf=images/txt-email-sub.gif) no-repeat 90px 0;clear:both;}.txt-website-example{height:20px;background:url(index.php?tf=images/txt-site-example.gif) no-repeat 90px 0;clear:both;}#commentform{padding:0;margin:0;}#commentform .comment-field{border:1px solid #939393;width:320px;margin:0;padding:3px;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;background:#fff;float:left;}#commentform .comment-box{border:1px solid #939393;width:425px;margin:0 0 10px;padding:3px;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;background:#fff;}#commentform .btnComment{border:1px solid #fff;color:#fff;margin:0;padding:2px;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:14px;background:url(index.php?tf=images/btn-back.gif) transparent;float:left;clear:left;}.commentlist{margin:20px 0;padding:0;}.commentlist li{padding:12px 0;background:url(index.php?tf=images/line-inner.gif) no-repeat bottom;font-size:12px;line-height:20px;list-style:none;}.commentlist li a{color:#000;position:relative;text-decoration:none;border-bottom:1px solid #868585;background:#f4f0db;}.commentlist li a:hover{color:#000;text-decoration:none;border-bottom:1px solid #000;background:#fffbc1;}.commentdate{display:block;padding:0 0 6px;font-size:10px;}.commentlist li cite{font-weight:bold;font-style:normal;}.me{font-style:italic;}#comments dd {background:#fffbc1 url(index.php?tf=img/comment-b.png) no-repeat bottom left; margin:0;padding:1px 1em .5em;}#comments dd p {margin:.5em 0;}#comments dt {background:transparent url(index.php?tf=img/comment-t.png) no-repeat bottom left; height:30px;}.post img{margin:10px 5px;box-shadow:0 0 5px #111;-moz-box-shadow:0 0 5px #111;-webkit-box-shadow:0 0 5px #111;} /* --------------------------------------------------- web mobile --------------------------------------------------- */ @media only screen and (max-device-width:640px), only screen and (max-width:640px) { /* on met toutes les largeurs adaptées à la largeur de l'écran et on enlève les marges */ body, #page, #top, #wrapper , #main, #content, #sidebar, #footer {width: auto ;background:none;margin:0;padding:0;} /* ici les finitions du thème ; sert aussi à "annuler" les définitions déclarées plus haut */ body {background:#e0e0e0;} #top {height:50px; } #top h1 {font-size: 1.6em;} #container {background:#40808A;} #main {background:#fff;} #content {padding: 0 5px;} #sidebar {background:#fff; float: none; text-align: center;} #page {} #wrapper {} #footer {} img,table,td,blockquote,object,embed,video,input,code,pre,textarea, #page #notif {max-width:100% !important} code,pre,textarea {word-wrap:break-word!important;white-space: pre-wrap!important;} #prelude {display:none;} /* permet de ne pas afficher les balises souhaités (en particulier les images lourdes et inutiles sur mobile */ .clear {clear:none;} }