/* Screen Front Alteo Blog */ * { margin:0; padding:0; border: none; text-decoration: none } body { padding: 0; margin:0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background: #d0cfcf url(../images/fond/f-body.gif) center top repeat-y } h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 350px; height: 133px; display:block; text-indent: -999em; } h2 { height: 35px; margin: 20px 20px 20px 44px; font: normal 22px "Trebuchet MS"; color: #494949; padding: 0 0 0 14px; background: url(../images/fond/f-h2.gif) left bottom no-repeat; } h3 { margin: 15px 0 10px 20px; font: normal 18px "Trebuchet MS"; color: #000 } h4 { margin: 15px 0 10px 20px; font: normal 17px "Trebuchet MS"; color: #000 } h5 { margin: 15px 0 10px 20px; font: normal 16px "Trebuchet MS"; color: #000 } p { font: normal 11px/15px arial; margin: 0 0 5px 0; text-align:left } input { padding: 0 0 0 3px; font: normal 11px arial } textarea { padding: 4px; font: normal 11px arial } ul li { list-style: none; font: normal 11px/15px arial; margin: 10px 15px 0px 24px; padding: 0 } ul.puced li { list-style: none; margin: 0px 15px 0px 24px; padding: 0 0 0 11px; background: url(../images/puces/green_puce.gif) left 5px no-repeat } ul.radio li { float: left } ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 } a img { border: none; text-decoration: none } #content a { color: #D9678C; text-decoration: none; /*font: bold 11px arial*/ } #content a:hover { text-decoration: underline } /*#content div.entry-content a { font-size: medium } */ /* Contenurs generaux */ #f-body-top { background: url(../images/fond/f-body-top.gif) left top repeat-x; } #main { position: relative; width: 912px; margin: 0 auto; text-align:left; background: url(../images/fond/spread.gif) left top repeat-y } #intro { width: 912px; height: 159px; background: url(../images/fond/intro.gif) left top no-repeat; position:relative; top: 0px; left: 5px; } #content { width: 898px; margin: 0 auto; background-color: #fff; } #menu-top1 { position: absolute; top: 30px; right: 25px; padding: 0 0 3px 0; border-bottom: 1px solid #fff; } #menu-top1 li { float: left; margin: 0; padding: 0; } #menu-top1 li span { padding: 0 7px; color: #323232; } #menu-top1 li a { color: #323232; text-decoration: none; font: bold 13px arial; } #menu-top2 { position: absolute; top: 57px; right: 25px; } #menu-top2 li { float: left; margin: 0; padding: 0; } #menu-top2 li span { padding: 0 7px; color: #323232; } #menu-top2 li a { color: #323232; text-decoration: none; font: bold 13px arial; } #line3 { position: absolute; top: 93px; right: 25px; } #line3 form { float: left; margin: 0; padding: 0; } #line3 form label { color: #323232; font: bold 13px arial; margin: 0 5px 0 0px; position:relative; top: 2px; left: 0px; } #line3 form input.ch { width: 118px; height: 18px; border: 1px solid #cccccc } #line3 form input.valid { height: 18px; background-color: #231f20; color: #ffffff; position:relative; top: 3px; left: 0px; } p.livraison { float: left; font: bold 11px arial; color: #9f2e74; margin: 0 15px 0 0px; position:relative; top: 5px; left: 0px; } div#colonne_menu { float: left; width: 258px; padding: 10px 5px 0 5px; } div#colonne_menu h3 { font: normal 23px arial; color: #494949; margin: 0px 0 0px 15px; padding: 10px 0 0px 0 } div#colonne_menu p { color: #808184; padding: 0 15px; } #menu-search form { margin: 20px 0px; } #menu-search form label { color: #000; font: bold 11px arial; margin: 0 10px 0 0px; } #menu-search input.ch { width: 108px; height: 18px; border: 1px solid #cccccc } #menu-search input.validForm { padding: 2px 3px; background-color: #231f20; color: #ffffff; position:relative; top: 2px; left: 10px; } div#colonne_contenu { float: right; width: 619px; /*min-height: 1615px;*/min-height: 750px; margin: 0; padding: 0px 5px 20px 5px; background: #fff url(../images/fond/f-col-contenu.gif) left top repeat-y } #visuBlog { width: 239px; height: 124px; margin: 0 auto; background: url(../images/illustr/visu-look4.gif) left top no-repeat; } #visuBlog a { display: block; width: 238px; height: 135px; text-indent: -5000px; } /* Billets */ .hentry { width: 576px; margin: 0 auto; } div.hfeed p { /*padding: 0 24px; */ color: #000 } /* Entete du billet */ div.enteteBillet { width: 566px; padding: 4px 0 0 15px; margin: 0px 0 0px 0px; background: url(../images/fond/header_billet.gif) left 0px no-repeat } div.enteteBillet div.categories { float: right; margin: 0 10px 0 0px; padding: 0 0 0 27px; position:relative; top: 20px; left: -21px; background: url(../images/fond/f-categories.gif) left 3px no-repeat; } div.enteteBillet div.categories h4 { display: none; } div.enteteBillet div.categories ul { margin: 0; padding: 0 } div.enteteBillet div.categories ul li { float: left; margin: 0 0 0 5px; padding: 0 } #content div.enteteBillet div.categories ul li a{ color: #000 } h3.entry-title { width: 405px; margin: 0 0 5px 0; padding: 15px 0 0 0; } #content h3.entry-title a { font: normal 28px arial; color: #000 } /* Chapeau du billet */ div.entry-content { width: 527px; margin: 0 0px; padding: 10px 20px 0px 20px; color: #000; background: url(../images/fond/spreadBillet.gif) left top repeat-y; } div.entry-content p { margin: 0 0 0 0px; } div.entry-content img { margin: 1px 9px 3px 0px; } .entiteAuthor { } .vcard, .author { color: #a4a4a4; padding: 0 0 0 4px; } #content a.email { color: #d9678c; text-decoration: underline } /* Footer du billet */ div.footerBillet { width: 566px; height: 156px; margin: 0px 0px 35px 0px; padding: 0; clear: both; background: url(../images/fond/footer_billet.gif) left top no-repeat ; /* position:relative; top: 0px; left: 0px; */ } div.hfeed p.avatar { float: right; height: 49px; margin: 0 67px 0 12px; padding: 0 0 0 23px; background: url(../images/puces/separationAvatar.gif) left top no-repeat; } #content ul.post-info { margin: 0 0 3px 10px; padding: 0 } #content ul.post-info li { color: #939393; margin: 0px; padding: 0 0 0 12px; background: url(../images/puces/carrenoir.gif) left 3px no-repeat; } #content ul.post-info li a { color: #000; font: normal 11px arial; text-decoration: none } #content span.date { color: #808184; } #content span.date a { color: #808184; font-weight: normal;} #content p.lirePlusCom { width: 566px ; /*position: absolute; bottom: 0px; left: 0px; */ } #content p.lirePlusCom a.lire { display: block; width: 98px; height: 82px; float: left; text-indent: -5000px; } #content p.lirePlusCom a.laisserCom { display: block; width: 98px; height: 82px; float: right; text-indent: -5000px; } .footerIfos { width: 343px; padding: 50px 0 0 100px; /*position:relative; top: 50px; left: 0px; */} /* Recherche */ form#searchFormAmont { width: 400px; margin: 0 auto 15px auto } form#searchFormAmont label { color: #000; margin: 0 6px 0 0px; font-weight: bold; } form#searchFormAmont input { margin: 0 6px 0 0px; border: 1px solid #ccc } form#searchFormAmont input.validSearchForm { position:relative; top: 7px; left: 0px; } p.searchResults { margin: 0 0 15px 10px; color: #808184 } p.searchResults span { font: bold 12px arial; color: #808184 } /* Les plus vus */ p.aucuns { text-align: center; padding: 15px 0 } div.box-bot { width: 240px; margin: 0 auto 10px auto; background: url(../images/fond/box-bot.gif) left bottom no-repeat; } div.box-top { width: 240px; padding: 17px 0px 10px 0px; background: url(../images/fond/box-top.gif) left top no-repeat; } div.box-top ul { margin: 0pt 0pt 10px 18px; padding: 0; } div.box-top ul li { margin: 0 0 3px 0; padding: 0; } div.box-top ul.puced { margin: 0pt 0pt 10px 18px; padding: 0; } div.box-top ul.puced li { margin: 0 0 3px 0; padding: 0 0 0 12px; background: url(../images/puces/carrenoir.gif) left 3px no-repeat; } #visits ul { } #visits ul li { padding: 0 0 0 12px; background: url(../images/puces/carrerose.gif) left 3px no-repeat; } /* Commentaires */ .comment-bot { width: 576px; margin: 0 auto 14px auto; background: url(../images/fond/comment-bot.gif) left bottom repeat-y; } .comment-top { width: 576px; padding: 17px 0 15px 0px; background: url(../images/fond/comment-top.gif) left 0px no-repeat} .comment-top p.date { margin: 0 0 25px 0px; } .comment-top p { margin: 0px 0px 0 0px; padding: 0px 20px ; color: #000 } ul.comments li p.desc { color: #000; } ul.comments li { margin: 0 ; padding: 0 } h4#ajoutCom { margin: 23px 0 15px 0px; padding: 10px 0 2px 10px; border-top: 2px solid #000; font: normal 18px "Trebuchet MS"; color: #000 } form#commentform { margin: 0 24px 15px 24px } form#commentform label { display: block; float: left; width: 100px; color: #000; margin: 0 6px 0 3px; font-weight: bold; } form#commentform input { margin: 0 6px 0 0px; border: 1px solid #ccc } form#commentform input.validSearchForm { position:relative; top: 5px; left: 0px; } form#commentform textarea { width: 550px; border: 1px solid #ccc; margin: 4px 0 0 0px; } form#commentform p.centerbut { text-align: center; margin: 10px 0 } .formatContact { padding: 0 40px } /* Tags */ h4.tags { display: inline; color: #5a5a5a ; font: bold 11px arial; margin: 0 0 0 10px; padding: 0 0 0 12px; background: url(../images/puces/carrenoir.gif) left 3px no-repeat;} ul.tags { margin: 0; display: inline; } ul.tags li { display: inline; margin: 0 0 0 4px; padding:0 } #content ul.tags li a { color: #808184; } .x-small { color: #808184 } .small { color: #808184; font: normal 14px arial;} .medium { color: #808184; font: bold 14px arial; } .large { color: #b3d225; font: bold 15px arial; } .x-large { color: #b3d225; font: bold 17px arial; line-height:auto;} /* Page tous les Tags */ div.tags-mid { width: 552px; background: url(../images/fond/f-tag-mid.gif) left 0px repeat-y } div.tags-bot { width: 552px; background: url(../images/fond/f-tag-bot.gif) left bottom no-repeat } div.tags-top { width: 552px; margin: 0 0 0 0px; padding: 15px 0; background: url(../images/fond/f-tag-top.gif) left top no-repeat } div.tags-top p { margin: 15px 25px; } /* Toutes les categories */ div.cat-mid { width: 552px; background: url(../images/fond/f-tag-mid.gif) left 0px repeat-y } div.cat-bot { width: 552px; background: url(../images/fond/f-tag-bot.gif) left bottom no-repeat } div.cat-top { width: 552px; margin: 0 0 0 0px; padding: 15px 0; background: url(../images/fond/f-tag-top.gif) left top no-repeat } div.cat-top ul { margin: 15px 25px; } div.cat-top ul li { margin: 0 0 6px 0px; padding: 0 0 0 20px; background: url(../images/puces/green_puce.gif) no-repeat scroll left 5px } /* /////////////////////////// Footer */ #outro { width: 898px; height: 41px; margin: 0 auto 20px auto; background: url(../images/fond/f-outro.gif) repeat-x; clear: both } #outro p { color: #6b6a6a; padding: 6px 0 0 10px; text-transform: uppercase; } #outro p span, #outro p span a { text-transform: none; } #outro p a { color: #6b6a6a; text-decoration: none ; text-transform: uppercase} #outro p a:hover { text-decoration: underline } /* General styles */ .lbleft { float: left; width: 140px } .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .clear { clear:both; display: none } .kill { text-indent: -5000px; } .fleft { float: left } .fright { float: right } .center { text-align: center } .clear { clear:both; visibility: hidden; height: 0px; } .noborder { border: none } .bita { text-align: center; font: bold italic 12px arial; margin: 15px auto 10px auto; color: #8cafca } .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { width: 100% } .button { text-align: center; margin: 10px 0 0 0; clear: both } .button input { border: none } .separator { clear: both; visibility: hidden; height: 0 } /* Messages d erreurs .denied { width: 797px; min-height: 44px; margin: 10px auto; padding: 5px 10px 5px 49px; background: #efecec url(../images/fond/denied.gif) left top no-repeat; } .denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 0px; font: bold 12px arial; color: red;} */ /* /////////////////////////// Messages d erreurs */ .denied { width: 513px; min-height: 44px; margin: 10px auto; padding: 5px 10px 5px 49px; background: #efecec url(../images/fond/denied.gif) left top no-repeat; } .denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 0px; font: bold 12px arial; color: red;}