/* Screen Front Alteo Blog ELF V2 */ * { 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: left; color: #000; background: url(../images/fond/bkgd_left.jpg) left top repeat } h2 { margin: 20px 20px 20px 15px; font: normal 22px "Trebuchet MS"; color: #848484; padding: 0 0 0 14px; } h2.h2Alone { font: italic normal 72px "Times New Roman"; margin: 0 0 0 0px; padding: 0 0 0 37px; height: auto; background: none; color: #000; } 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 } #colonne_contenu a { color: #D9678C; text-decoration: none; } #colonne_contenu a:hover { text-decoration: underline } /* Conteneurs generaux */ #f-body-top { } #main { position: relative; width: 980px; margin: 0 auto; text-align:left; } #intro { width: 980px; height: 163px; background: url(../images/fond/header.png) left top no-repeat; z-index: 5000; } #content { width: 980px; margin: 0 auto; padding: 0; background-color: #fff; } #menu-top { height: 27px; width: 980px; background: url(../../images/fond/bgd_menu_top.png) left top repeat-x; z-index: 60000; position: absolute; top: 136px; left: 0px; } #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 { 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: right; width: 258px; padding: 56px 5px 0 } div#colonne_menu h3 { font: normal 18px arial; color: #FF0391; margin: 0px 0 0px 15px; padding: 10px 0 0 10px } div#colonne_menu p { color: #808184; padding:4px 5px; } #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 { position:relative; top: 2px; left: 10px; } div#colonne_contenu { float: left; width: 696px; /*min-height: 1615px;*/min-height: 750px; margin: 0; padding: 0px 5px 20px 5px; } #visuBlog { width: 239px; height: 124px; margin: 0 auto; background: url(../images/illustr/visu-look4.gif) left top no-repeat; display: none; s } #visuBlog a { display: block; width: 238px; height: 135px; text-indent: -5000px; } /* Billets */ .hentry { width: 670px; margin: 0 auto 15px auto; background: url(../images/fond/hentry.png) left top no-repeat; overflow: hidden; } .colonne-gauche-billet { float: left; width: 440px; } .colonne-droite-billet { float: left; width: 173px; padding: 23px 0 0 32px; } #colonne_contenu .colonne-droite-billet ul.post-info { margin-left: 0; } #colonne_contenu .colonne-droite-billet ul.post-info li { list-style: none; background: none; margin : 0 0 7px 0; padding: 0 } .colonne-droite-billet p.recent { font: normal 12px/14px arial; color: #333333 } .colonne-droite-billet p a { font: normal 11px/13px arial; color: #000 } a.laisserCom { display: block; padding: 6px 0; font: normal 12px/14px arial; color: #000; text-transform: uppercase } .colonne-droite-billet a.recentColor { font: normal 12px/14px arial; color: #FF0391; text-transform: uppercase } div.hfeed p { /*padding: 0 24px; */ color: #000 } /* Entete du billet */ div.enteteBillet { width: 440px; padding: 4px 0 0 15px; margin: 0px 0 0px 0px; } div.categories { background:url("../images/fond/f-categories.gif") no-repeat scroll left 14px transparent; margin:0 10px 0 0; padding:12px 0 39px 27px; } div.categories h4 { display: none; } div.categories ul { margin: 0; padding: 0 } div.categories ul li { float: left; margin: 0 0 0 5px; padding: 0 } div.categories ul li a{ color: #000 } h3.entry-title { width: 405px; margin: 0 0 5px 0; padding: 15px 0 0 0; } #colonne_contenu h3.entry-title a { font: normal 18px arial; color: #000 } /* Chapeau du billet */ div.entry-content { /*width: 425px; */margin: 0 0px; padding: 10px 20px 0px 20px; color: #000; } div.entry-content p { margin: 0 0 0 0px; font: normal 13px arial } div.entry-content img { margin: 1px 9px 3px 0px; } .entiteAuthor { } .vcard, .author { color: #a4a4a4; padding: 0 0 0 4px; text-transform: uppercase; font: normal 11px arial } #colonne_contenu a.email { color: #d9678c; text-decoration: underline } /* Footer du billet */ div.footerBillet { width: 440px; height: 20px; margin: 0px 0px 10px 0px; padding: 0; clear: both; /* 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; } #colonne_contenu ul.post-info { margin: 0 0 3px 10px; padding: 0 } #colonne_contenu ul.post-info li { color: #939393; margin: 0px; padding: 0 0 0 12px; /*background: url(../images/puces/carrenoir.gif) left 3px no-repeat; */ } #colonne_contenu ul.post-info li a { color: #000; font: normal 11px arial; text-decoration: none } #colonne_contenu ul.post-info li.com a { display: block; height: 18px; padding: 0 0 0 30px; background: url(../images/fond/com.png) left top no-repeat; } #colonne_contenu ul.post-info li.envAmi a { display: block; height: 18px; padding: 0 0 0 30px; background: url(../images/illustr/blog_tellafriend.gif) left top no-repeat; } #colonne_contenu ul.post-info li.permalien a { display: block; height: 18px; padding: 0 0 0 30px; background: url(../images/illustr/blog_share.gif) left top no-repeat; } #colonne_contenu span.date { color: #808184; } #colonne_contenu span.date a { color: #808184; font-weight: normal;} #colonne_contenu p.lirePlusCom { width: 440px; padding: 36px 0 0 15px; /*position: absolute; bottom: 0px; left: 0px; */ } #colonne_contenu p.lirePlusCom a.lire { text-transform: uppercase; font: bold 11px arial; color: #FF0391; } #colonne_contenu p.lirePlusCom a.laisserCom { float: right; display: block; height: 18px; padding: 0 0 5px 30px; background: url(../images/fond/laisserCom.png) left top no-repeat; position:relative; top: 4px; left: -18px; } .footerIfos { padding: 15px 0 0 0; } .links { padding: 0 0 7px 15px; } .replyAlone { padding: 0 0 7px 15px } .footerIfos .post-info li { float: left; } /* Tabber colonne de gauche */ #product .panel {width:225px; margin:20px 0 15px;} #product .panel-header {margin:0 0 0 15px; height: 26px; overflow:hidden; width:239px;} #product .panel-header li {float:left; font-size:14px; font-weight: bold; color:#2a3540; font-family:Arial, Helvetica, sans-serif; display:inline-block;margin:0 } #product .panel-header a {color:#000; width: 115px; text-decoration:none; display:inline-block; line-height: 4px; /*background:url(../../images/fond/f-off.png) repeat-x left top ;*/ padding:0 ; height: 27px;} #product .panel-header span {cursor:pointer; display:inline-block; padding: 12px 18px; height: 16px; width: 79px; } /* Survol */ #product .panel-header li a:hover { color:#951213;} #product .panel-header li a:hover span { } #product .panel-header li.panel-active a { color:#951213;} /* #product .panel-header li.panel-active span {background:url(../images/fond/f-on.png) repeat-x left top ; }*/ /* Comportement spécifique pour le premier onglet */ #product .panel-header li a.first { } /* #product .panel-header li a:hover.first {background:url(../images/fond/f-on.png) repeat-x left top ;}*/ #product .panel-header li.panel-active a.first { } #product .panel-content {/*background:url(../../images/bgd_panelContent.png) repeat left bottom;*/ padding:0 3px 3px; width:225px;} #product .panel-display {/*background:url(../../images/bgd_panelDisplay.png) repeat-x left top;*/ padding:5px 0; width:225px;} #product .panel-display h4 {margin:0 0 5px;} #product .panel-display p {line-height:14px; display: inline; } #product .panel-display p a{ color: #000;text-decoration: none; } div#colonne_menu .rss { font: normal 14px arial; color: #000; text-decoration: none; border: none ; padding: 0 0 0 15px; } .rss a { font: normal 14px arial; color: #000; text-decoration: none; border: none } /* 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-bot2 { width: 240px; margin: 0 0 10px 4px; background: url(../images/fond/box-bot.gif) left bottom no-repeat; } div.box-top { width: 216px; padding: 17px 0px 10px 0px; } 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/fond/arrow.png) left 3px no-repeat; } div.popular ul.puced li a { color: #000; text-decoration: none; } div.popular ul.puced li { background: none; border-bottom: 1px solid #000; padding: 4px 0; margin-right: 10px; } #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 0 14px 18px; 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 0 0 } /* Indentation des reply des commentaires */ .level1 { margin: 0 0 14px 31px } .level2 { margin: 0 0 14px 47px } .level3 { margin: 0 0 14px 62px } .level4 { margin: 0 0 14px 77px } .level5 { margin: 0 0 14px 92px } .toggle { cursor: pointer } .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 { color: #5a5a5a ; font: bold 11px arial; margin: 0 0 0 10px; padding: 5px 0 0 12px; display: block; clear: both; float: left; } ul.tags { margin: 0; padding: 5px 0 0 0; display: block; } ul.tags li { display: block; float: left; margin: 4px 0 0 4px; padding:0 } #colonne_contenu 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: 980px; height: 486px; margin: 0 auto 0px auto; clear: both; background: url(../images/fond/footer.png) left top no-repeat; } #outro p { color: #B8B7BA; padding: 10px 0 0 10px; text-transform: uppercase; text-align: center; display: block; clear: both; } #outro p span { display: block; margin: 35px auto; text-align: center; } #outro p span, #outro p span a { text-transform: none; } #outro p a { color: #B8B7BA; text-decoration: none ; text-transform: uppercase; padding: 0 10px} #outro p a:hover { text-decoration: underline } #outro ul.logos { float: left; margin: 7px 0 0 90px; } #outro ul.logos li { float: left; padding: 0 0 0 0 } #outro form { float: left; padding: 0; margin:25px 0 0 15px; } #outro form p { margin: 0; padding: 0; } #outro form input.text { width: 220px; height: 22px; background: url(../images/illustr/input.png) left top no-repeat; position:relative; top: -6px; left: 0px; } /* 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;} .panel-display div.box-top {margin-left: 22px; margin-right: 22px;}