/* ------------------------------------------------------------- * Filename: style.css * Version: 1.0 -------------------------------------------------------------- */ .to-print{ display: none; } /* ------------------------------------------------------------- 1. Typography -------------------------------------------------------------- */ body, input, textarea, th, td{ font: normal 12px/16px Arial, Verdana, Geneva, Helvetica, sans-serif; } a:link, a:visited { color: #5fc998; text-decoration: none; } a:hover, a:active { color: #FFFFFF; text-decoration: underline; } h1 { font-size: 18px; line-height: 22px; font-weight: bold; } h2 { font-size: 13px; line-height: 17px; font-weight: bold; } h3 {} h4 {} h5 {} h6 {} p {} small { font-size: 11px; } pre {} blockquote {} /* ------------------------------------------------------------- 2. Layout -------------------------------------------------------------- */ #container{ width: 996px;} #header{ width: 996px; height: 208px; } #content{ width: 996px; } #sidebar { width: 220px; min-height: 627px; height: auto !important; height: 627px; } #main{ width: 520px; padding: 27px 0 0 0; min-height: 175px; height: auto !important; height: 175px; } #main-inner{ width: 480px; padding: 0 20px 20px 20px; float: left; } #sidebar2{ width: 220px; min-height: 627px; height: auto !important; height: 627px; padding: 0 36px 0 0; } #footer{ width: 996px; padding: 43px 0 19px 0; } body { background: #2A1505 url(../images/charte/body-bg.jpg) repeat-x left top; color: #ba8e6b; } #bg1 {} #bg2 {} #bg3 {} #wrap-container { background: url(../images/charte/wrap-container-bg.jpg) no-repeat center top; } #container { background: url(../images/charte/container-bg.jpg) no-repeat left bottom; } #header { background: url(../images/charte/header-bg.jpg) no-repeat left top; } #content { background: #2A1505 url(../images/charte/content-bg.jpg) no-repeat center bottom; } #sidebar { background: #381C07; font-size: 11px; line-height: 13px; } #sidebar2 { background: url(../images/charte/sidebar2-bg.jpg) no-repeat left top; } #main { background: url(../images/charte/main-bg.jpg) no-repeat left top; color: #e0c6b0; } #wrap-footer { } #footer { background: url(../images/charte/footer-bg.jpg) no-repeat left top; font-size: 11px; line-height: 18px; text-align: center; } /* ------------------------------------------------------------- 3. Header elements -------------------------------------------------------------- */ /* ------------------------------------------------------------- 4. Content components -------------------------------------------------------------- */ #mdm { background: url(../images/charte/mdm-bg.jpg) no-repeat left top; } #mdm .inner { padding: 55px 20px 4px 20px; text-align: justify; } .mdm-info { height: 75px; } .mdm-title { font-weight: bold; } .mdm-text { margin: 0 0 13px 0; } .mdm-details { text-align: right; } .mdm-details-btn { background: url(../images/charte/b2.gif) no-repeat left 4px; font-weight: bold; padding: 0 0 0 12px; } #info { background: url(../images/charte/info-bg.jpg) no-repeat left top; } #info .inner { padding: 82px 0 14px 0; } .plan-btn { background: url(../images/charte/plan-btn-bg.jpg) no-repeat left top; width: 220px; height: 87px; display: block; } .plan-btn:hover { background-position: left bottom; } /* ------------------------------------------------------------- 5. Footer elements -------------------------------------------------------------- */ #footer .ref{ clear: both; } #footer .copyright{ clear: both; text-align: left; } #footer .client{ color: #5fc998; } #footer .client a:link, #footer .client a:visited{ color: #5fc998; text-decoration: none; } #footer .client a:hover, #footer .client a:active{ color: #5fc998; text-decoration: underline; } #footer .mentions{ color: #5fc998; } #footer .mentions a:link, #footer .mentions a:visited{ color: #5fc998; text-decoration: none; } #footer .mentions a:hover, #footer .mentions a:active{ color: #5fc998; text-decoration: underline; } /* ------------------------------------------------------------- 6. Menus -------------------------------------------------------------- */ #menu1 { /* background: url(../images/charte/flash-menu-bg.jpg) no-repeat left top; */ width: 220px; height: 203px; } #menu2 ul{ float: left; padding: 0 0 0 251px; } #menu2 ul li{ float: left; display: inline; color: #ba8e6b; } #menu2 ul li a:link, #menu2 ul li a:visited{ color: #ba8e6b; text-decoration: none; } #menu2 ul li a:hover, #menu2 ul li a:active{ color: #5fc998; text-decoration: underline; } #menu2 ul li a.active{ color: #5FC998; } /* ------------------------------------------------------------- 7. Content elements -------------------------------------------------------------- */ /* Lists -------------------------------------------------------------- */ .list{ float: left; padding: 0 0 15px 0; } .list li{ padding: 0 10px 0 17px; background: url(../images/charte/b1.gif) no-repeat 0 4px; } ul.inline li{ float: left; } /* Separators -------------------------------------------------------------- */ .hr1, .hr2, .hr3, .hr4{ clear: both; overflow: hidden; display: block; line-height: 0; font-size: 0; } .hr1{ background: url(../images/charte/hr1.jpg); margin: 5px 0 10px 0; height: 16px; } .hr2{ background: url(../images/charte/hr2.jpg); margin: 8px 0 10px 0; height: 30px; } .hr3{ background: url(../images/charte/hr3.gif); margin: 10px 0 10px 0; height: 1px; } .hr4{ background: url(../images/charte/hr4.gif); margin: 5px 0 10px 0; height: 16px; } /* Tables -------------------------------------------------------------- */ .table1 td{ padding-top: 5px; } .dots{ background: url(../images/charte/dots-bg.gif) repeat-x left bottom; } .dots span{ background: #2A1505; padding-right: 3px; } td.price{ padding-left: 5px; white-space: nowrap; text-align: right; vertical-align: bottom; } /* Thumbnails -------------------------------------------------------------- */ .thumb{ display: inline-block; border: 1px solid #6B482D; } a.thumb:hover{ border: 1px solid #BA8E6B; } .thumb1{ background: #241204; border: 1px solid #6B482D; display: inline-block; padding: 7px; } .thumb1 img{ display: block; } a.thumb1:hover{ background: #241204; padding: 1px; } a.thumb1:hover img{ border: 6px solid #381C07; } /* Misc -------------------------------------------------------------- */ #sidebar p { margin: 0 0 10px 0; } #main p { text-align: justify; line-height: 18px; padding: 0 0 15px 0; } #main h1 { color: #FFFFFF; margin: 0 0 10px 0; padding: 7px 85px 9px 22px; background: url(../images/charte/h1.png) repeat-y left top; } #main h2.menu { background: #381C07 url(../images/charte/b3.jpg) no-repeat 7px 4px; padding: 5px 5px 5px 32px; margin: 12px 0 23px 0; border-top: 1px solid #6B482D; border-bottom: 1px solid #6B482D; } #main h2.note { background: #6D3F1E url(../images/charte/note.jpg) no-repeat 7px 6px; padding: 5px 5px 5px 30px; margin: 0 0 15px 0; } .highlight { color: #FFFFFF; } .color1 { color: #5fc998 } .mandatory { font-weight: bold; } .banner { background: url(../images/charte/banner-bg.gif) no-repeat center center; border-bottom: 1px solid #6B482D; border-top: 1px solid #6B482D; padding: 6px 0; text-align: center; } .star { font: normal 11px Verdana, Arial, Helvetica, sans-serif; } /* ------------------------------------------------------------- Actualites -------------------------------------------------------------- */ .actualite{ padding: 7px; background: #381C07; border: 1px solid #6B472D; } /* ------------------------------------------------------------- Plan d'acces -------------------------------------------------------------- */ .home-icon { background: url(../images/charte/home.png) no-repeat left top; min-height: 33px; height: auto !important; height: 33px; padding: 0 0 0 37px; } .phone-icon { background: url(../images/charte/phone.png) no-repeat left top; min-height: 33px; height: auto !important; height: 33px; padding: 0 0 0 37px; } .email-icon { background: url(../images/charte/email.png) no-repeat left top; min-height: 33px; height: auto !important; height: 33px; padding: 0 0 0 37px; } #map { background: #2A1505; border: 1px solid #6B482D; padding: 3px; display: block; margin: 10px 0; width: 472px; height: 356px; } #zoom-buttons { float: right; } .zoom-btn { width: 26px; height: 26px; display: block; float: left; } .zoom-btn:hover, .zoom-btn-active{ background-position: left bottom !important; } .zoom-btn-active{ cursor: default !important; } #zoom-1 { background: url(../images/plan/zoom1-btn-bg.jpg) no-repeat left top; margin-right: 10px; } #zoom-2 { background: url(../images/plan/zoom2-btn-bg.jpg) no-repeat left top; margin-right: 10px; } #zoom-3 { background: url(../images/plan/zoom3-btn-bg.jpg) no-repeat left top; } .print-btn { background: url(../images/plan/print-btn.jpg) no-repeat left top; width: 134px; height: 26px; display: block; float: left; } .print-btn:hover{ background-position: left bottom; } /* ------------------------------------------------------------- Nos pizzas -------------------------------------------------------------- */ #pizzas { } .pizza { background: #381C07; width: 228px; height: 108px; margin: 8px 20px 12px 0; float: left; border: 1px solid #6B472D; } .pizza-last { margin-right: 0; } .pizza-inner { padding: 5px; } .pizza-photo { float: left; margin: 0 10px 0 0; border: 1px solid #4B2717; width: 70px; height: 96px; background-color: #2A1505; background-repeat: no-repeat; background-position: center center; float: left; } .pizza-title { text-transform: uppercase; padding: 0 0 7px 0; font-size: 11px; font-weight: bold; display: block; } .pizza-text { font-size: 11px; } .pizza-details-btn{ background: url(../images/charte/b2.gif) no-repeat left 4px; font-weight: bold; padding: 0 0 0 12px; font-size: 11px; float: right; } /* Pagination ----------------------------------------------------------------------------- */ .pagination{float:left; width: 100%; padding: 10px 0; text-align: center; font-size: 11px;} .pagination a, .pagination span{border: 1px solid #6B472D; margin-right: 2px; padding: 2px 6px; text-decoration: none;} .pagination .active{background: #FFFFFF; color: #000000; border-color: #454545;} .pagination .disabled{background: #222222; color: #FFFFFF; border-color: #454545;} .pagination a:link, .pagination a:visited, .pagination span{background: #381C07; color: #BA8E6B;} .pagination a:hover{background: #6A482D; color: #E0C6B0; }