/* TAGS REDEFINITIONS */ * {outline:none} h1 {font-weight:normal; background:transparent url(../img/bullet2.gif) left top no-repeat; font-size:24px; padding:5px 0 15px 75px;} /* !!!! VOIR LE FICHIER EDITOR.CSS POUR LES AUTRES REDEFINITIONS DE TAGS !!!! */ /* !!!! VOIR DANS LE DU FICHIER INDEX.PHP POUR LES REDEFINITIONS DES TAGS body ET website-wrapper */ /* HEADER */ div#logo {position:absolute; top:68px; left:0px;} div#etoile1 {position:absolute; top:64px; left:59px;} div#etoile2 {position:absolute; top:64px; left:214px;} div#catch-phrase {position:absolute; top:75px; left:380px;} div#tab-1 {position:absolute; top:19px; left:0px; width:178px; height:31px;} div#tab-2 {position:absolute; top:19px; left:175px; width:202px; height:31px;} div#image_container {position:absolute; top:9px; left:565px; width:190px; height:127px;} div#image_container img {display:none; position:absolute; top:0; left:0;} div#language-switch {position:absolute; top:170px; left:0;} div#language-switch a {font-weight:normal; text-decoration:none; color:#f6e912;} div#language-switch a:hover {font-weight:normal; text-decoration:none; color:#41a2fc;} div#actions-bar {position:absolute; top:5px; right:0px;} div#actions-bar div {margin-right:5px;} /* FEEDBACK */ div#feedback-error, div#feedback-success, div#feedback-warning {padding:7px 5px 0px 50px; margin:10px 0; color:#444444; width:495px; height:40px;} div#feedback-error {background:transparent url(../img/feedback-error-550.gif) no-repeat top left;} div#feedback-success {background:transparent url(../img/feedback-success-550.gif) no-repeat top left;} div#feedback-warning {background:transparent url(../img/feedback-warning-550.gif) no-repeat top left;} /* NAVIGATION */ div#nav-horizontal {position:absolute; top:158px; height:35px; z-index:0;} /* the LEFT position and WIDTH is set inline*/ div#nav-horizontale-ie6 {visibility:hidden;} #fancymenu {position:relative; z-index:0;} #fancymenu ul {padding:0; margin:0;} #fancymenu ul li {float:left; list-style:none;} /* Don't apply padding here (offsetWidth will differ in IE. If you need padding add it to the child anchor) */ #fancymenu ul li a {text-indent:-500em; z-index:1; display:block; float:left; height:30px; position:relative; overflow:hidden; padding:0 10px 0 10px; } #fancymenu li.background {background: url('../img/fancy-menu/bg_menu_right.png') no-repeat top right !important; background: url('../img/fancy-menu/bg_menu_right.gif') no-repeat top right; z-index:0; position: absolute; visibility: hidden;} #fancymenu .background .left {background: url('../img/fancy-menu/bg_menu.png') no-repeat top left !important; background: url('../img/fancy-menu/bg_menu.gif') no-repeat top left; height: 30px; margin-right: 9px; /* 7px is the width of the rounded shape */} #nav-apropos a {width:65px; background: url('../img/fancy-menu/nav-apropos.png') no-repeat center !important; background: url('../img/fancy-menu/nav-apropos.gif') no-repeat center; /* ie6! */ } #nav-about a {width:44px; background: url('../img/fancy-menu/nav-about.png') no-repeat center !important; background: url('../img/fancy-menu/nav-about.gif') no-repeat center; /* ie6! */} #nav-hebergement a {width:110px; background: url('../img/fancy-menu/nav-hebergement.png') no-repeat center !important; background: url('../img/fancy-menu/nav-hebergement.gif') no-repeat center; /* ie6! */} #nav-lodging a {width:57px; background: url('../img/fancy-menu/nav-lodging.png') no-repeat center !important; background: url('../img/fancy-menu/nav-lodging.gif') no-repeat center; /* ie6! */} #nav-activites a {width:61px; background: url('../img/fancy-menu/nav-activites.png') no-repeat center !important; background: url('../img/fancy-menu/nav-activites.gif') no-repeat center; /* ie6! */} #nav-activities a {width:66px; background: url('../img/fancy-menu/nav-activities.png') no-repeat center !important; background: url('../img/fancy-menu/nav-activities.gif') no-repeat center; /* ie6! */} #nav-photos a {width:51px; background: url('../img/fancy-menu/nav-photos.png') no-repeat center !important; background: url('../img/fancy-menu/nav-photos.gif') no-repeat center; /* ie6! */} #nav-contact a {width:56px; background: url('../img/fancy-menu/nav-contact.png') no-repeat center !important; background: url('../img/fancy-menu/nav-contact.gif') no-repeat center; /* ie6! */} /* FORMS */ fieldset {border:0; padding:10px 0px 10px 0px; display:inline; margin-right:20px;} label {display:block; padding-bottom:2px; font-weight:bold; color:#555555;} input, select, textarea {padding-left:3px; font-family:verdana; font-size:11px; color:#444444;} form#booking-form fieldset {margin:0 5px 0 0; padding:0 0 5px 0; display:block;} form#booking-form label {width:220px; float:left; text-align:right; padding:0 5px 5px 0;} form#booking-form input {width:279px;} form#booking-form select {width:285px;} /* PAGES */ div#content-wrapper {position:absolute; top:210px; width:100%; height:auto; border:0px solid red;} div#page-wrapper {position:absolute; top:0; left:0; width:550px; height:auto; border:0px solid #41a2fc; margin-right:15px;} div#page-wrapper h1 {width:400px; background:transparent url('../img/bullet-4.gif') center left no-repeat; margin:0; padding:4px 0 0px 25px; font-family:arial; font-size:20px; font-weight:normal; color:#626365; } div#page-wrapper-content {padding:15px 3px 3px 3px;} div.emphase-container {height:149px; width:160px; float:left; border:1px solid #253C72; padding:0px; margin:3px 10px 20px 3px; } /* SIDEBAR */ div#sidebar-wrapper {position:absolute; top:0; right:0; width:180px; height:auto; border:0px solid #41a2fc; color:#ffffff;} div.sidebar-box-top {background:transparent url(../img/sidebar-box-top.gif) top left no-repeat; width:180px; height:38px; padding:0px 0px 0px 10px;} div.sidebar-box-top img {padding:8px 0px 0px 0px;} div#sidebar-box-middle, div.sidebar-box-middle-2 {background:#2A3863 url(../img/background-image-sidebar.gif) top left repeat-x; padding-top:5px; margin-bottom:10px;} div#sidebar-box-middle img {padding:5px 0 5px 10px;} div#sidebar-box-middle a {text-decoration:none; color:#ffffff; padding-left:10px; font-weight:normal;} div#sidebar-box-middle a:hover {color:#59C8FC; background:transparent url(../img/bullet.gif) center left no-repeat; font-weight:normal;} div.sidebar-box-bottom {position:relative; bottom:0px; left:0px; background:transparent url(../img/sidebar-box-bottom.gif) top left no-repeat; width:180px; height:18px;} div.nav-page {padding:1px 0px 1px 15px;} div#nav-page-selected {color:#ffffff; padding:1px 0px 1px 25px; background:#64B3FC url(../img/bullet-2.gif) 8% 50% no-repeat; cursor:default;} div.extra-link {padding:0px 0 0 17px;} div.extra-link a {color:white; text-decoration:none;} div.extra-link a:hover {color:#59C8FC;} /* PHOTOS INDEX */ div.galleries_wrapper div:hover {background:#daebfb url(../img/background-image-sidebar.gi) top left repeat-x;} div.galleries_wrapper a {text-decoration:none; color:#444444;} div.galleries_wrapper a:hover {text-decoration:none; color:#444444;} div.gallery_index {background-color:#eeeff0; width:540px; height:auto; margin:20px 0px 0px 0px; padding:5px 0px 9px 5px; cursor:pointer; border-bottom:1px solid #59523c; text-align:left;} div.gallery_index img {border:0px solid #777777; margin:0 5px 0px 0px; float:left;} div.gallery_index_title {font-size:14px; color:#63B2FC; display:inline;} div.gallery_index_nb {font-size:11px; display:inline;} div.gallery_index_description {padding-top:5px; border:0px solid black; height:auto; min-height:40px; overflow:hidden;} div.gallery_wrapper {width:540px; margin:0px 0px 60px 0px; text-align:left;} div.gallery_wrapper img {margin:0px 3px 6px 3px; padding:1px; border:0px solid #bbbbbb;} div.gallery_desc {margin:5px 0px 40px 0px;} /* FOOTER */ div#footer {width:100%; height:26px; background:transparent url(../img/background-image-footer.gif) top left no-repeat; color:#ffffff; padding:5px 0px 2px 15px; margin:0px 0px 20px 0px; } div#footer a {font-weight:normal; text-decoration:none; color:#ffffff;} div#footer a:hover {font-weight:normal; text-decoration:none; color:#41a2fc;}