/* Theme Name: Bistrot de Paris Theme URI: http://www.extragency.eu/ Description: Le Bistrot de Paris - Restaurant. Version: 1.0 Author: Extragency Author URI: http://www.extragency.eu/ Tags: fixed width, three columns */ @import url(reset.css); @import url(panorama.css); /* CSS Générique */ body { font-family: Georgia, "Times New Roman", Times, serif; outline: none;} #globale { background-color: black; } /* Header */ #header { width: 900px; height: 292px; margin: auto; position: relative; font-size: 14px;} #header #header_top { width: 900px; height: 180px; position: absolute; top: 0; left: 0; background: url(http://img.extragency.fr/bistrotdeparis/bg_header.png) no-repeat top left; } #header #header_top .logo a{ position: absolute; top: 10px; left: 85px; width: 201px; height: 20px; padding-top: 125px; display: block; background: url(http://img.extragency.fr/bistrotdeparis/logo_bistrot.png) no-repeat top left; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #303030; text-decoration: none; text-align: center; } #header #header_top .logo a:hover { text-decoration: underline; } #header #header_top .adresse { position: absolute; top: 0; right: 0; padding: 15px 30px 0 0;} #header #header_top .adresse strong { margin-right: 25px; } #header #header_top .adresse .rouge { color: #7c1515; font-weight: bold; } #header #ariane { width: 576px; height: 37px; padding: 10px 0 0 110px;position: absolute; bottom: 0; right: 0; background: url(http://img.extragency.fr/bistrotdeparis/bg_ariane.png) no-repeat top left; color: #c4af59; } #header #ariane p:first-letter { font-size: 24px; } #header #ariane .accueil { color: white; text-decoration: none; } #header #ariane .accueil:hover { text-decoration: underline; } /* Footer */ #footer_bg { background: url(http://img.extragency.fr/bistrotdeparis/bg_footer.png) no-repeat top center; } #footer { width: 900px; height: 330px; margin: auto; position: relative; color: #bc9f5f; font-size: 12px; } #footer ul.category { width: 900px; padding-top: 18px; text-align: center; margin-bottom: 40px;} #footer ul.category li { display: inline; margin-right: 10px;} #footer ul.category li a { color: #bc9f5f; text-decoration: none; } #footer ul.category li a:hover { text-decoration: underline; } #footer div.adresse { } #footer div.adresse div.logo { float: left; } #footer div.adresse div.logo a { display: block; width: 87px; height: 56px; background: url(http://img.extragency.fr/bistrotdeparis/logo_bistrot_footer.png) no-repeat top left; } #footer div.adresse div.logo a span { display: block; text-indent: -9999px; } #footer div.adresse div.adresse2 { padding-left: 100px; line-height: 16px;} #footer div.adresse div.adresse2 a { color: #bc9f5f; text-decoration: none; font-weight: bold; } #footer div.adresse div.adresse2 a:hover { text-decoration: underline; } #footer p { padding-bottom: 10px; } #footer p.copyright { display: block; position: absolute; top: 90px; right: 0px; text-align: right; line-height: 25px;} #footer p.copyright a { display: block; float: right; width: 105px; margin-top: 0px; margin-left: 5px; height: 17px; background: url(http://img.extragency.fr/bistrotdeparis/logo_extragency.png) no-repeat top left; } #footer p.copyright a span { display: block; text-indent: -9999px; text-align: left; } #footer p.siret { text-align: center; } #footer p.partenaire { text-align: center; } #footer p.partenaire a { color: #bc9f5f; } /* Content */ #content_bg { background: url(http://img.extragency.fr/bistrotdeparis/bg_content.png) no-repeat top center; } #content { width: 900px; margin: auto; position: relative; } #sidebar { width : 264px; position: absolute; top: -133px; left: 45px; } #sidebar ul.category { width: 248px; height: 332px; padding: 61px 0 0 16px; margin-bottom: 20px; background: url(http://img.extragency.fr/bistrotdeparis/bg_menu.png) no-repeat top left; } #sidebar ul.category li a { display: block; width: 199px; height: 23px; padding: 3px 0 0 30px; margin-bottom: 10px; color: #c4af59; text-decoration: none;} #sidebar ul.category li.current-cat a { background: url(http://img.extragency.fr/bistrotdeparis/bg_menu_selected.png) no-repeat top left; color: #1d1712; } #sidebar ul.category li a:hover { background: url(http://img.extragency.fr/bistrotdeparis/bg_menu_hover.png) no-repeat top left; } #sidebar div.coupon { width: 264px; height: 243px; background: url(http://img.extragency.fr/bistrotdeparis/bg_coupon.png) no-repeat top left; color: white; text-align: center; } #sidebar div.coupon h2 { color: #6f4818; font-size: 20px; padding: 20px 0 12px 0;} #sidebar div.coupon a { color: white; } #sidebar div.coupon p.bonus { padding-bottom: 50px; } #col_middle { float : right; width : 580px; min-height: 550px; } #col_middle #article_top { height: 51px; background: url(http://img.extragency.fr/bistrotdeparis/bg_article_top.png) no-repeat top left; } #col_middle #article_bottom { height: 78px; background: url(http://img.extragency.fr/bistrotdeparis/bg_article_bottom.png) no-repeat top left; } #col_middle > div { background: url(http://img.extragency.fr/bistrotdeparis/bg_article_middle.png) repeat-y top left; padding: 0 40px 0 35px; } #col_middle h2 { color: #8d6c22; font-size: 16px; padding-bottom: 20px; } #col_middle h2 a { color: #8d6c22; font-size: 16px; padding-bottom: 20px; text-decoration: none; } #col_middle h2 a:hover { text-decoration: underline; } #col_middle h2:first-letter { color: #721313; font-size: 30px; }#col_middle h2 { color: #8d6c22; font-size: 16px; padding-bottom: 20px; } #col_middle h3 { color: #721313; font-size: 14px; padding-bottom: 10px; } #col_middle small { display: block; color: #721313; font-size: 14px; padding-bottom: 10px; font-weight: bold; } #col_middle p, ul { color: #261a04; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; padding-bottom: 10px; } #col_middle ul { padding-left: 30px; } #col_middle ul li { list-style-position: outside; list-style-image: url(http://img.extragency.fr/bistrotdeparis/bg_list.png); } #col_middle img { float: left; padding: 8px 10px 9px 11px; margin: 0 8px 10px 0; background: url(http://img.extragency.fr/bistrotdeparis/bg_img.png) no-repeat top left; } #col_middle .post { padding-bottom: 20px; } #col_middle .post .entry { padding-bottom: 10px; border-bottom: 1px solid #896220; } #col_middle .formule { width: 220px; height: 200px; padding: 5px; border: 1px solid #896220; margin: 0 20px 20px 0; float: left;} #col_middle .formule h3 { padding: 0 0 10px 0; text-align: center;} #col_middle .formule p.prix { text-align: center; color: #721313; font-weight: bold; } #col_middle .formule p.prix span { background-color: #721313; color: white; padding: 0 5px 0 5px; } #col_middle .formule em { font-size: 12px; } #col_middle span.rouge { color: #721313; font-weight: bold; } #col_middle #theme { padding-bottom: 20px; } #col_middle #theme .entry { border-bottom: 3px double #896220; } #col_middle #evenement a { color: #8d6c22; text-decoration: none; } #col_middle #evenement a:hover { text-decoration: underline; } #col_middle a.comments-link { color: #8d6c22; text-decoration: none; } #col_middle a.comments-link:hover { text-decoration: underline; } #col_middle ol.commentlist div.comment-author { font-weight: bold; padding-bottom: 5px; font-size: 14px; } #col_middle ol.commentlist div.comment-author span { font-weight: normal; } #col_middle ol.commentlist div.comment-meta { display: none; } #col_middle ol.commentlist div.reply { border-bottom: 1px solid #8d6c22; margin-bottom: 20px; } .spacer { clear : both; } /* Coupon Cadeaux */ #single { position: relative; } #single div.coupon { width: 264px; height: 243px; background-color: black; } #single > div { position: absolute; top: 0; left: 0; color: white; text-align: center; width: 264px; } #single div.entry { padding-top: 120px; } .visuel { position : absolute; height : 290px; width : 100%; top: 0; left: 0; } .visuel .diapo { height : 292px; width : 100%; display : none; position: absolute; width:100%; background-position : center center; } .visuel .diapo1 { background : url(http://img.extragency.fr/bistrotdeparis/diapos/diapo_1.jpg) no-repeat; } .visuel .diapo2 { background : url(http://img.extragency.fr/bistrotdeparis/diapos/diapo_2.jpg) no-repeat; } .visuel .diapo3 { background : url(http://img.extragency.fr/bistrotdeparis/diapos/diapo_3.jpg) no-repeat; }