/* ------------------------------------------------------------ * Filename: style.css * Version: 1.0 -------------------------------------------------------------- */ /* ------------------------------------------------------------- 1. Layout -------------------------------------------------------------- */ body { background: #F0F0F0 url(../images/charte/body-bg.jpg) repeat-x center top; color: #010101; } #bg1 { } #bg2 { } #bg3 { } #wrap-container { background: url(../images/charte/wrap-container-bg.jpg) no-repeat center top; } #container { width: 996px; background: url(../images/charte/container-bg.jpg) repeat-y center top; } #header { width: 710px; height: 382px; /* background: url(../images/charte/header-bg.jpg) no-repeat left top; */ } #content { width: 996px; } #sidebar { width: 268px; padding: 0 0 0 0; } #main { width: 710px; margin: 0 18px 0 0; background: url(../images/charte/main-bg.gif) repeat-y left top; display: inline; } #main-inner { padding: 0 0 23px 0; background: url(../images/charte/main-inner-bg.gif) no-repeat left bottom; min-height: 746px; height: auto !important; height: 746px; } #wrap-footer { } #footer { width: 996px; background: #F0F0F0 url(../images/charte/footer-bg.jpg) no-repeat left top; color: #000000; } #footer-inner { font-size: 11px; line-height: 18px; } #footer-left { width: 231px; float: left; text-align: left; padding: 8px 0 8px 37px; } #footer-right { width: 693px; float: left; text-align: right; padding: 8px 35px 8px 0; } /* ------------------------------------------------------------- 2. Header elements -------------------------------------------------------------- */ /* ------------------------------------------------------------- 3. Content components -------------------------------------------------------------- */ #mdm { background: url(../images/charte/mdm-bg.jpg) no-repeat left top; width: 268px; height: 155px; color: #232323; position: relative; } #mdm .inner { padding: 17px 10px 0 63px; font-size: 11px; line-height: 16px; } .mdm-info { height: 95px; } .mdm-title { font-weight: bold; color: #951e30; padding: 0 0 3px 1px; font-size: 12px; } .mdm-text { text-align: justify; } .mdm-details { clear: both; } .mdm-details-btn { background: url(../images/charte/mdm-details-btn-bg.jpg) no-repeat left top; width: 94px; height: 22px; display: block; position: absolute; bottom: 15px; right: 10px; } .mdm-details-btn:hover{ background-position: left bottom; } #info { background: url(../images/charte/info-bg.jpg) no-repeat left top; width: 268px; height: 156px; } #info .inner { padding: 20px 0 0 63px; line-height: 18px; } #plan { background: url(../images/charte/plan-bg.jpg) no-repeat left top; width: 268px; height: 159px; } #plan .inner { padding: 26px 0 0 64px; } #plan-btn { background: url(../images/charte/plan-btn-bg.jpg) no-repeat left top; width: 192px; height: 110px; display: block; } #plan-btn:hover { background-position: left bottom; } /* ------------------------------------------------------------- 4. Footer elements -------------------------------------------------------------- */ #footer a:link, #footer a:visited { color: #921d2f; text-decoration: none; } #footer a:active, #footer a:hover { color: #921d2f; text-decoration: underline; } #footer .ref { clear: both; text-align: center; } #footer .copyright { clear: both; text-align: right; } #footer .client { color: #921d2f; } #footer .client a:link, #footer .client a:visited{ color: #921d2f; } #footer .client a:hover, #footer .client a:active{ color: #921d2f; } #footer .mentions { color: #921d2f; } #footer .mentions a:link, #footer .mentions a:visited{ color: #921d2f; } #footer .mentions a:hover, #footer .mentions a:active{ color: #921d2f; } /* ------------------------------------------------------------- 5. Menus -------------------------------------------------------------- */ #menu1 { background: url(../images/charte/flash-menu-bg.jpg) no-repeat left top; width: 250px; height: 290px; padding: 0 0 10px 18px; } #menu2 ul { float: right; } #menu2 ul li { float: left; display: inline; color: #000000; } #menu2 a:link, #menu2 a:visited { color: #000000; text-decoration: none; } #menu2 a:hover, #menu2 a:active { color: #921d2f; text-decoration: underline; } #menu2 a.active { color: #921d2f; text-decoration: underline !important; } /* ------------------------------------------------------------- 6. Content elements -------------------------------------------------------------- */ .section { clear: both; padding: 0 10px 0 20px; width: 680px; } /* Lists -------------------------------------------------------------- */ .list { float: left; } .list li { padding: 0 0 0 15px; background: url(../images/charte/list-bullet.jpg) no-repeat 0 5px; } /* Panels -------------------------------------------------------------- */ .panel { background: url(../images/charte/panel-bg.jpg) no-repeat left top; width: 461px; height: 54px; color: #FFFFFF; padding: 3px 8px 0 8px; } .panel a:link, .panel a:visited { color: #FFFFFF; text-decoration: none; } .panel a:hover, .panel a:active { color: #FFFFFF; text-decoration: underline; } .panel2 { background: url(../images/charte/panel2-bg.jpg) no-repeat left top; width: 660px; height: 35px; color: #FFFFFF; padding: 6px 11px 6px 9px; } .panel2 a:link, .panel2 a:visited { color: #FFFFFF; text-decoration: underline; } .panel2 a:hover, .panel2 a:active { color: #FFFFFF; text-decoration: none; } /* Separators -------------------------------------------------------------- */ .hr { clear: both; overflow: hidden; display: block; font-size: 0; line-height: 0; width: 100%; } .hr { background: #DCA7AF; margin: 10px 0; height: 1px; } /* Thumbnails -------------------------------------------------------------- */ .thumb { border: 1px solid #FF5270; background: #FFFFFF; display: inline-block; padding: 3px; } a.thumb:hover { border: 1px solid #B63146; background: #FFFFFF; } /* Titles -------------------------------------------------------------- */ .section h1 { background: url(../images/charte/h1-span.jpg) repeat-x 0 40px; color: #9d2034; margin: 0 0 14px 0; text-align: right; float: left; width: 100%; } .section h1 span { background: #FFFFFF url(../images/charte/h1-bg.jpg) no-repeat right top; padding: 6px 42px 0 7px; float: right; min-height: 40px; height: auto !important; height: 40px; vertical-align: bottom; } .section h2 { background: #7F7F7F; color: #FFFFFF; padding: 4px 6px; margin: 0 0 9px 0; } .section h3 { background: #B63146; color: #FFFFFF; padding: 4px 6px; margin: 0 0 9px 0; } /* Misc -------------------------------------------------------------- */ .section p { text-align: justify; } .highlight { color: #951e30; } .star { font: normal 11px Verdana, Arial, Helvetica, sans-serif; } .mandatory { font-weight: bold; } .icon-mail { background: url(../images/charte/icon-mail.gif) no-repeat 0 1px; padding: 0 0 2px 25px; } .icon-phone { background: url(../images/charte/icon-phone.gif) no-repeat 0 1px; padding: 0 0 2px 25px; } .icon-fax { background: url(../images/charte/icon-fax.gif) no-repeat 0 1px; padding: 0 0 2px 25px; } .to-print { display: none; } /* ------------------------------------------------------------- Listegalerie -------------------------------------------------------------- */ #listgalerie { } #listgalerie .encart{ float: left; width: 212px; text-align:center; margin: 0 19px 0 0; background: #E8E8E8; border: 1px solid #CCCCCC; } #listgalerie .photo { float: left; width: 212px; text-align:center; height:212px; } #listgalerie .last{ margin-right: 0 !important; } #listgalerie .photo .inner{ } #listgalerie .photo a:link, #listgalerie .photo a:visited { display: block; vertical-align: middle; text-decoration: none; color: #747474; } #listgalerie .photo a:hover, #listgalerie .photo a:active { text-decoration: underline; color: #000; } #listgalerie .photo img{ display: block; } #listgalerie .title { clear: both; text-align: center; background: #B63146; color: #FFFFFF; width: 202px; padding: 3px 5px; height: 33px; } /* ------------------------------------------------------------- Actualites -------------------------------------------------------------- */ .actualite { padding: 8px; background: #EFEFEF; border: 1px solid #C4C4C4; margin: 8px 0; } .actualite-title { background: #B63146; color: #FFFFFF; padding: 4px 6px; margin: 0 0 8px 0; font-weight: bold; font-size: 11px; line-height: 17px; text-transform: uppercase; } /* ------------------------------------------------------------- Plan d'acces -------------------------------------------------------------- */ .home-icon { clear: both; background: url(../images/charte/home-icon.jpg) no-repeat left center; padding: 0 0 0 25px; } .phone-icon { clear: both; background: url(../images/charte/phone-icon.jpg) no-repeat left center; padding: 0 0 0 25px; } .fax-icon { clear: both; background: url(../images/charte/fax-icon.jpg) no-repeat left center; padding: 0 0 0 25px; } .port-icon { clear: both; background: url(../images/charte/port-icon.jpg) no-repeat left center; padding: 0 0 0 25px; } .mail2-icon { clear: both; background: url(../images/charte/mail2-icon.jpg) no-repeat left center; padding: 0 0 0 25px; } #map { display: block; margin: 10px 0; width: 680px; height: 480px; } #zoom-buttons { float: right; } .zoom-btn { width: 26px; height: 22px; 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: 94px; height: 22px; display: block; float: left; } .print-btn:hover{ background-position: left bottom; } /* ------------------------------------------------------------- Pagination -------------------------------------------------------------- */ .pagination { float:left; width: 100%; padding: 10px 0; text-align: center; font-size: 10px; text-transform: uppercase; font-family: Tahoma, Arial, sans-serif; } .pagination a, .pagination span { border: 1px solid #9B2034; margin-right: 2px; padding: 3px 7px; text-decoration: none; font-weight: bold; } .pagination .active { background: #E35470; color: #FFFFFF; border-color: #FCC601; } .pagination .disabled{ background: #222222; color: #FFFFFF; border-color: #BEE4B1; } .pagination a:link, .pagination a:visited, .pagination span { background: #B63146; color: #FFFFFF; } .pagination a:hover { background: #777777; color: #FFFFFF; border-color: #555555; }