/* RESET YUI */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; } q:before,q:after { content:''; } abbr,acronym { border:0; } a{color: #101933; text-decoration:none;} a:hover { text-decoration:underline; } label { cursor: pointer; } /* GENERAL BLOCK */ body { font-family: Verdana,sans-serif; color: white; font-size:68.75%; background:#0185c9 url(images/bg-body.gif) repeat-x 0 0; } #container-bg { width: 100%; margin: 0; padding:0; background: url(images/bg-top-menu.jpg) no-repeat center top; } #container { width: 1000px; margin: 0 auto; } #top { position: relative; float: left; width: 100%; height: 228px; background: url(images/bg-top.jpg) no-repeat center top; } #menuh { text-transform:uppercase; } #main { float:left; width: 100%; margin-top: 20px; } #contact #main { background: none; } #reservation #main { background: url(images/bg-reservation.gif) repeat-y 0 0; } #left { float: left; width: 171px; margin-right: 10px; color:#090b21;} #center { float: left; width: 613px; margin-right: 7px; padding-left:17px; margin-bottom:20px; } #homePage #center { padding-left: 0; } #contenu #center { width: 585px; padding: 0 14px; } #right { float: left; width: 196px; } #bottom { clear: both; position: relative; width:100%; height: 206px; color: white; background: #101933 url(images/bg-footer.gif) repeat-x left top;} #bottom-content { position: relative; margin:0 auto; width: 1115px; height: 115px; padding: 15px 0 0 0px; } .list div, .list h4{flaot:left;} .list{ margin-top:10px;} #idContent img{margin:12px;} /* GENERAL STYLES */ .float_left { float: left; } .float_right { float: right; } .noBorder { border: none; } /* Clear les float */ .clear { clear: both; } .floatbox { overflow: hidden; } .clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; } .clearfix { display:block; } /* Fonts */ .gothic { font-family:"Century Gothic",Arial,sans-serif; } .bell { font-family: "Bell MT",Garamond,"Times New Roman",Georgia,serif; } .cambria { font-family: Cambria, serif; } /* Titles */ h1 {} h2 {} h3 {} /* Corners */ .container-corner { position: relative; } .cornerLeftTop, .cornerRightTop, .cornerRightBottom, .cornerLeftBottom { position: absolute; z-index: 100; } .cornerLeftTop { left: 0px; top: 0px; } .cornerRightTop { right: 0px; top: 0px; } .cornerRightBottom { right: 0px; bottom: 0px; } .cornerLeftBottom { left: 0px; bottom: 0px; } /* TOP */ a#logo { display:block; position:absolute; text-indent: -99999px; background: url(images/logo.png) no-repeat left top; width: 168px; height: 167px; left: 10px; top: 10px; } #langage { color:#ffffff; font-size:9px; font-weight: bold; height:19px; line-height:19px; position:absolute; right:10px; text-align:right; top:5px; } #langage img { margin: 0 0 0 9px; } #langage a { color:white; float:right; margin-top:2px; } #topBar { float: left; padding: 10px 0 0 190px; } #topBar li{ float: left; font-size: 11px; color: #ffffff; border-left:1px dotted #578ed4; padding: 0 10px;} #topBar a { color: #ffffff; } #whiteBar { color:#000000; font-size:9px; font-weight: bold; height:26px; line-height:20px; padding-left:7px; } #whiteBar li{ float: left; font-size: 11px; color: #ffffff; border-right:1px dotted #578ed4; line-height:24px; margin:0 5px; } #whiteBar li.facebook{background: url(images/logo-facebook.gif) no-repeat left top; padding: 0px 5px 5px 19px;} #whiteBar li.trip{background: url(images/logo-trip.gif) no-repeat left top; padding: 0px 5px 5px 29px;} #whiteBar li.trip a span{color:#009900;} #whiteBar li.whiteflickr{border-right:none;} #whiteBar li.whiteflickr img{margin:5px 0 0;} #whiteBar li a{ color:#000000; font-size:9px; font-weight: normal;} #socialLink { background:url('/styles/images/social_bgRight.png') no-repeat top right; position:absolute; right:10px; text-align:right; top:60px; padding-right:7px; } #whiteBar { float:right; background:url('/styles/images/social_bgLeft.png') no-repeat top left; } #headerBar { position: absolute; left: 190px; top:65px; color: #ffffff; } .headerBar-bloc { float: left; padding: 0 5px; font-size: 9px; width: 220px; height:80px;} .headerBar-bloc a { display: block; float: left; width:210px; height:33px; font-size: 15px; padding: 0; color: #ffffff; } .headerBar-bloc p { float: right; color: #1a2958; font-size: 9px; margin:0; color: #ffffff; } /* Horizontal menu */ #menuh { position: absolute; left:0; bottom: 6px; height: 37px; width:1000px; background: url(images/bg-menu.gif) top left no-repeat;} #menuh li { float: left; display: block; height: 37px; line-height: 40px; } /*#menuh li.actif { background: url(images/menu-left-actif.png) top left no-repeat; margin:0 0 0 -5px;}*/ #menuh li a { float: left; display: block; height: 100%; text-decoration: none; outline: none; color: #ffffff; } #menuh li a:hover, #menuh li a.selected { background: url(images/menu-left-actif.png) top left no-repeat; margin:0 0 0 -5px; cursor: pointer; margin-right:5px; } #menuh li span.menu { display: block; float: left; height:37px; font-size: 14px; color: #ffffff; padding: 0 23px 0 10px; margin-left:5px; background: url(images/menu-right.png) top right no-repeat;} #menuh li a.selected span, #menuh li a:hover span.menu { display: block; float: left; height:37px; font-size: 14px; color: #ffffff; padding: 0 18px 0 15px; margin: 0 0 0 5px; background: url(images/menu-right-actif.png) top right no-repeat;} #menuh li.last span.menu { background: none; } #menuh li.noBorder span { border: none; } /* -- PUSH -- */ #pushHeader { position:absolute; top:97px; right:6px; width:323px; height:88px; text-indent:-99999px; /*background:url('/styles/images/push_valentin.jpg') no-repeat top left;*/ } /* CONTENT */ h6 { background: none; width: 171px; height: 31px; text-align: center; line-height: 26px; font-size: 13px; color: white; } h6 span { font-weight: normal; } .widget span.gold { color: #101933; font-size: 10px; } .widget { margin-bottom: 15px; } .widget ul { margin: 0 10px 20px 10px ; } .widget li { border-bottom: 1px solid #ffffff; padding:5px 0 10px; line-height: 13px; } .widget li img { margin-right: 6px; } .widget a { font-weight: bold; font-size: 12px; } /* Left column */ .formules h6 { color:#ffffff; background: url(images/bg-off-spec.gif) no-repeat 0 0; width: 172px; height: 31px; text-align: left; line-height: 31px; font-size: 17px; padding: 0 0 0 13px;} .formules ul {background: url(images/bg-off-spec-bottom.gif) no-repeat center bottom; width: 172px; text-align: left; margin:0; padding:10px 0;} .formules ul li {margin:0; padding:4px 0; line-height:26px;width: 172px;border:none; font-size:18px; font-weight:bold; color:#ffffff;} .formules ul li div.prix{float:left; height:26px; width:56px; text-align: right; padding:0 5px 0 0;} .formules ul li a.theme{ display:block; color:white; float:left; background: url(images/bg-off-spec-theme.gif) no-repeat center bottom; height:26px;width: 106px; text-align: center; line-height:26px; font-size:16px;} .nous_vous h6 { color:#ffffff; background: url(images/bg-vous-nous-h6.gif) no-repeat 0 0; width: 172px; height: 30px; text-align: left; line-height: 30px; font-size: 13px; padding: 0 0 0 13px;} .nous-vous-content {background: url(images/bg-vous-nous-bottom.gif) no-repeat center bottom; width: 172px; text-align: left; margin:0; padding:10px 0;} .last-fm {background: url(images/bloc-last-fm.jpg) no-repeat center bottom; width: 151px; height:123px; margin:0 auto; padding:0;} .flickr {background: url(images/bloc-titre-flickr.jpg) no-repeat center bottom; width: 151px; height:20px; margin:0 auto; padding:10px 0 0 0;} .flickr-content {background: url(images/bloc-flickr.jpg) no-repeat center bottom; width: 151px; height:102px; margin:0 auto; padding:2px 0 0 0;} .presse-parle { border: 0; margin:10px 0; background:#E9E9E9; padding:0; } .presse-parle h6 { color:#ffffff; font-size: 11px; width:172px; height: 31px; background: url(images/bg-presse-parle-h6.gif) no-repeat top left; } .presse-parle-bottom { color:#ffffff; font-size: 11px; width:172px; padding:10px 0; background: url(images/bg-presse-parle-bottom.gif) no-repeat bottom center; } .presse-parle-content { color:#ffffff; font-size: 14px; width:143px; margin:0 auto; padding:10px 5px; border: 1px #5991d8 dotted; text-align:center;font-style:italic;} .presse-parle p {font-size:9px; font-style:normal; font-weight: bold; margin:1px 0 0 0; color:#ffffff; text-align:right;} a.fb { font-weight: bold; margin: 0 5px;} a.fb img { float:left; margin:0 5px; } /* Left column page "content" */ .formules-tarifs li { padding: 2px 0; line-height: normal; } .formules-tarifs li a { color: #9b7950; font-size: 9px; } .formules-tarifs li a:hover { text-decoration: none; color: #1a2857; } /* Center column */ /* Center column homePage */ #content-nou-app p{font-size: 14px; color: #ffffff; font-weight: normal; margin:0 15px 0; padding:15px 0 0 0; text-align:left;} #content-nou-app {background: url(images/bg-nou-app.jpg) no-repeat top center; width:612px;height:250px} #content-nou-app h2 {font-size: 18px; color: #ffffff; font-weight: normal; margin:0 15px 0; padding:15px 0 0 0; text-align:left;} #center #content-nou-app ul { list-style-type:none; margin-left:0; } #content-nou-app ul li {margin:0; padding:20px 0 10px 0; float:left; width:153px; text-align:center; list-style-type:none; } #content-nou-app ul li a{font-size: 14px; color: #1e63ae; font-weight: bold; text-decoration:none; } #content-nou-app ul li a:hover span { text-decoration:underline; } #content-app {/*background: url(images/bg-content-middle.gif) no-repeat bottom center;*/ padding:5px 0 0 0; margin:0; width:612px;} #content-app #app-btn-cine {background: url(images/btn-app-cine.gif) no-repeat bottom center; padding:0; margin:5px 17px 8px 8px; width:151px; height:38px; text-align:center; font-size: 18px; line-height:38px; color: #ffffff; font-weight: normal; float:left;} #content-app #app-btn-verre {background: url(images/btn-app-verre.gif) no-repeat bottom center; padding:0; margin:5px 17px 8px 8px; width:151px; height:38px; text-align:center; font-size: 18px; line-height:38px; color: #ffffff; font-weight: normal; float:left;} #content-app #app-btn-expo {background: url(images/btn-app-expo.gif) no-repeat bottom center; padding:0; margin:5px 17px 8px 8px; width:151px; height:38px; text-align:center; font-size: 18px; line-height:38px; color: #ffffff; font-weight: normal; float:left;} #content-app #app-btn-spectacle {background: url(images/btn-app-spectacle.gif) no-repeat bottom center; padding:0; margin:5px 17px 8px 8px; width:151px; height:38px; text-align:center; font-size: 18px; line-height:38px; color: #ffffff; font-weight: normal; float:left;} .app-texte {padding:0; margin:5px 0 5px 8px; width:240px; text-align:left; font-size: 10px; color: #ffffff; font-weight: normal; float:left;} .app-reserver {background: url(images/btn-app-reserver.gif) no-repeat bottom center; padding:2px 0 0 0; margin:5px 13px 0 0 ; width:151px; height:33px; text-align:left; font-size: 18px; line-height:33px; color: #ffffff; font-weight: normal; float:right;} .app-reserver a{ color: #ffffff; font-weight: normal; padding: 0 0 0 20px;} .app-sep {border-bottom: 1px dotted #5991d8; padding:0; margin:2px auto; width:582px; } .app-btn { display:block; } p.intro { font-size: 12px; color: #ffffff; letter-spacing: 0.5px; background: url(images/bg-p-intro.png) no-repeat bottom center; padding:10px; margin:0 auto; width:578px;} p.intro a {color:#ffffff;} #home-content-left {background: url(images/bg-h3-alaune.gif) no-repeat 0 0; margin:10px 0 0 0; float: left; width: 249px;} #home-content-right {background: url(images/bg-h3-der-news.gif) no-repeat 0 0; margin:10px 0 0 0; float: right; width: 360px; font-size: 10px; } #home-content-left h3 {background: url(images/bg-h3-alaune.gif) no-repeat 0 0; width: 234px; height:31px;} #home-content-right h3 {width:349px;} #home-content-left h3, #home-content-right h3 { font-size: 16px; padding: 5px 0 0 7px; height: 26px; color:#ffffff;} #home-content-left .evenement-content-left { width:34px; padding:5px 0 0 0; margin:10px 0; float:left; } #home-content-left .evenement-content-left div.date {background: url(images/puce-eve-date.gif) no-repeat right top; padding:0; margin:2px auto; font-size: 9px; font-weight:bold; color: #ffffff; width:26px; height:39px; text-align:center;} #home-content-left .evenement-content-left div.date span{color: #f15922; font-family:arial; } #home-content-left .evenement-content-left a img{width:16px; margin:4px 9px;} #home-content-left .evenement-content-right {width:200px; padding:0; margin:10px 0; float:right; } #home-content-left .evenement-content-right h4 {padding:5px 0; margin:0 0 5px 0; font-size: 12px; color: #ffffff; font-weight:bold; border-bottom:1px #00386b dotted;} #home-content-left .evenement-content-right p {padding:0; margin:0; font-size: 11px; color: #ffffff; font-weight:normal;} #home-content-left .evenement-content-right a.suite {padding: 0 25px 10px 0; margin:0; font-size: 10px; color: #ffffff; font-weight:normal; text-decoration:underline;background: url(images/puce-alasuite.gif) no-repeat right top; line-height:20px;} #home-content-right .evenement-content-left { width:34px; padding:5px 0 0 0; margin:10px 0; float:left; } #home-content-right .evenement-content-left div.date {background: url(images/puce-eve-date.gif) no-repeat right top; padding:0; margin:2px auto; font-size: 9px; font-weight:bold; color: #ffffff; width:26px; height:39px; text-align:center;} #home-content-right .evenement-content-left div.date span{color: #f15922; font-family:arial; } #home-content-right .evenement-content-left a img{width:16px; margin:4px 9px;} #home-content-right .evenement-content-right {width:312px; padding:0; margin:5px 0 0 2px; float:left; } #home-content-right .evenement-content-right h4 {padding:5px 0; margin:0 0 5px 0; font-size: 12px; color: #ffffff; font-weight:bold; border-bottom:1px #00386b dotted;} #home-content-right .evenement-content-right p {padding:0; margin:0; font-size: 11px; color: #ffffff; font-weight:normal;} #home-content-right .evenement-content-right a.suite {padding: 0 25px 10px 0; margin:0; font-size: 10px; color: #ffffff; font-weight:normal; text-decoration:underline;background: url(images/puce-alasuite.gif) no-repeat right top; line-height:20px;} /* Center column page "contenu" */ #contenu .container-corner { float:left; } .ss-titre_cc { width: 580px; text-transform: uppercase; color: #101933; } h1.titre-contenu_cc { font-size: 18px; text-transform: uppercase; color: #FFCC00; font-weight: normal; letter-spacing: 1px; margin: 25px 0 15px 0; } .img-left_cc { width: 125px; float: left; } .img-left_cc img { margin-bottom: 35px; } #center .text-right_cc { width: 435px; float: left; margin-left: 25px; color: #1a2857; } /* Center column page "contact" */ #contact #center { width: 754px; margin-right: 33px; } #center .titre-contact { font-size: 30px; color: #FFCC00; font-weight: normal; } #center .ss-titre-contact { color: white; margin-bottom: 35px; } #center .subparg-contact { color: white; margin-bottom: 35px; } #center .input-contact { margin: 0 5px 15px 5px; } #center .form-contact input, #center .form-contact textarea { margin: 5px 0 10px 0; } #center .form-contact .label-contact { color: #1a2857; font-weight: bold; } #center .civilite { color: #1A2857; font-weight: bold; } #center ul { list-style: disc outside none; margin-left:1em; } #center li { margin-left: 1em; } form.reserver { background:url('/styles/images/bloc-reservez.png') no-repeat left top; width:585px; height:41px; text-align:center; padding:5px 0 3px; margin-bottom:10px; margin-top:5px; } form.reserver .selectDay { margin-left:-20px; } form.reserver .selectMonth { margin-right:30px; } /* Right column */ .reservation{width:196px;} #right .reservation h6{background: url(images/bg-res-top.gif) no-repeat left top; width: 197px; text-align:left; padding: 0 0 0 16px; margin:0; line-height:30px; height:32px; font-size:15px; } #right .reservation .reservation_middle{background: url(images/bg-res-middle.png) no-repeat left top; width: 197px; text-align:left; padding: 0 0 30px 0;margin:0; height:230px; font-size:16px;color:#ffffff; } #right .reservation .reservation_middle .reservation_middle_content{padding: 12px 0 0 16px;margin:0;} #right .reservation .reservation_middle span{line-height:30px; font-size:22px; } #right .reservation .reservation_middle strong{line-height:36px; font-size:30px; } #right .reservation p {background: url(images/puce-res-middle.gif) no-repeat left top; color:#ffffff; text-align: center; font-weight: bold; font-size: 15px; padding: 0 0 0 25px; /*margin:52px 10px 0 10px;*/ margin:46px 10px 0; } #right .reservation .form-select { margin-top:7px; padding:0; text-align: center; } #right .reservation form input.typeText { border: 1px solid #cfcfcf; float: left; width: 127px; margin-right: 5px; } #right .reservation form input.typeText:focus { border-color: #000; } #submit-form-resa { margin-top:17px; border:0; background: url(images/bg-res-bottom.png) no-repeat 0 0; width:197px; height: 38px; color: white; font-family: "Microsoft Sans Serif", sans-serif; font-size: 18px; cursor: pointer; text-align:left; font-weight:bold;padding: 0 0 0 40px; } #submit-form-resa:hover{color:#ffffff;} .submit-form-resa { margin-top:17px; border:0; background: url(images/bg-res-bottom.png) no-repeat 0 0; width:197px; height: 38px; color: white; font-family: "Microsoft Sans Serif", sans-serif; font-size: 18px; cursor: pointer; text-align:left; font-weight:bold;padding: 0 0 0 40px; } .submit-form-resa:hover{color:#ffffff;} #right h6 { background-image: url(images/bg-right-h6.gif); width: 196px; height: 31px; color:#ffffff; text-align: center; line-height: 26px; font-size: 13px; font-weight:bold;} #right h6.type2 { background-image: url(images/bg-right-h6-type2.gif); height: 28px; font-family: "Microsoft Sans Serif", sans-serif; font-weight: normal; line-height: 26px; margin:10px 0;} #right h6.type2 a{ color:#ffffff;} #right .widget ul li { width: 160px; border-bottom: 1px dotted #30070e; } #right .widget ul li span.date { color: #101933; font-weight:bold; font-size: 10px;} #right .widget ul li a { font-size: 13px; color: #101933; font-weight:bold;} #right .actualites ul li a { font-size: 13px; color: white; font-weight:bold;} #right .widget ul li a.white {color: #ac0f5a;} #right .widget ul li a span { font-size: 11px; color: #ac0f5a;} #right .widget ul li.noBorder { border:none; } .formules a big{font-size:12px; color:#f43e3e; float:right; margin-top:6px;} .questions ul li a:hover { color: white; text-decoration: none; } a.link-gift { display: block; background: url(images/bg-ruban.gif) no-repeat 0 0; width: 161px; height: 91px; text-align: right; font-size: 16px; padding: 10px 18px 0 0; margin: 10px 0; color:#6D091B; } a.link-gift span { font-size:13px; color:#101933; } a.link-gift span em { font-style: normal; font-weight: bold; } a.link-gift strong { font-size: 24px; } a.link-gift:hover { text-decoration: none; } a.link-gift:hover span { text-decoration: underline; } .offrez {width:196px; background: url(images/bg-off-cro.gif) no-repeat left top; height:102px;} #right .offrez h6{background:none; width: 126px; text-align:left; padding: 15px 0 0 70px; margin:0 0 0 0; line-height:26px; height:65px; font-size:16px;} #right .offrez h6 span{font-size:30px;} #right .offrez p{background: url(images/bg-off-cro-bottom.gif) no-repeat left bottom; width: 196px; text-align:left; padding: 0 0 0 20px; margin:0; line-height:22px; } #right .offrez p a{color:#ffffff;} .avantages {width:196px;} #right .avantages h6 { background: url(images/bg-avan-h6.gif) no-repeat top left; color:#ffffff; width: 196px; height:40px; text-align:left; padding: 0 0 0 10px;} #right .avantages ul { background: url(images/bg-bloc-pkoi-choi.gif) no-repeat left bottom; width: 196px; text-align:left; padding: 0 0 10px 0; margin:0;} #right .avantages ul li {color:#ffffff; width: 196px; text-align:left; padding: 0 0 0 25px; margin:0 0 0 5px; border:none; line-height:25px; font-weight:bold;} #right .avantages ul li.att {background: url(images/puce-att.png) no-repeat left top;} #right .avantages ul li.pour {background: url(images/puce-pour.png) no-repeat left top;} #right .avantages ul li.vip {background: url(images/puce-vip.png) no-repeat left top;} .pourquoi-choisir {width:196px;} #right .pourquoi-choisir h6 { background: url(images/bg-pkoi-choi-h6.gif) no-repeat top left; color:#ffffff; width: 196px; height:40px;} #right .pourquoi-choisir div.bell { width: 176px; height:84px; text-transform:uppercase; border:0px; text-align: center; font-size: 20px; padding: 5px 7px 5px 3px; color:#ffffff; } .control2{color:#ffffff; background-color:#6D091B; font-family:"New York Times, Times"; font-size:23px;} #leftControl2{float:left;position:absolute; right:62px; } #rightControl2{float:left; position:absolute; font-family:"New York Times, Times"; right:32px; cursor:pointer;} #rightControl2:hover,#leftControl2:hover { color:#ffffff; cursor:pointer; } /* 4 column on the page "reservation" */ .borderGrey { border:1px solid #d0d0d0; } #reservation h1, #reservation h2 { font-size: 18px; color: #1a2958; font-weight: normal; margin-bottom: 20px; } #reservation h1 { float: left; margin-top: 20px; } #reservation h2 { font-size: 14px; } #reservation #left { padding-left: 10px; width: 165px; } #reservation #left input.typeText { width: 122px; margin-right:5px; } #reservation #left input.typeSubmit { border:none; background: url(images/btn-sub-date.png) no-repeat 0 0; width: 161px; height: 24px; text-align: center; font-family: "Microsoft Sans Serif", sans-serif; font-size: 10px; cursor: pointer; color: #1a2958; margin-top:20px; } #reservation table { border-bottom: 1px dotted #1a2958; margin-bottom: 10px; } #reservation table td { padding-bottom: 10px; } #reservation table .tdLeft { width: 20px; vertical-align: top; } #reservation table .tdCenter { width: 206px; vertical-align: top; } #reservation table .tdRight { width:30px; text-align: center; } #reservation table big {font-size: 12px; } .red { color: #ff1e00; } #reservation table img.ico { margin-right: 5px; } #reservation table input.checkbox {vertical-align: middle; } #bloc-resa-left { margin-left: 10px; float: left; } #bloc-resa-right { margin-left: 30px; float: left; } #reservation table.small { font-size: 10px; } #reservation #center { width: 574px; padding-left: 0; margin-right: 0; } #reservation #right { width:241px; } #right .reservation-commande { background: #e2b44e url(images/foot-block-resa.png) no-repeat left bottom; } #right .reservation-commande h6 { background: url(images/head-block-resa.png) no-repeat left top; width: 241px; height: 39px; font-size: 15px; font-weight: normal; line-height: 38px; } .reservation-commande p.headline { border-bottom: 1px solid black; padding:5px 12px; } #reservation .reservation-commande table { width:233px; margin:0 4px; border: none; } .reservation-commande tr { border-bottom:1px dotted #1a2958; } .reservation-commande td { padding: 10px 8px; } .reservation-commande td.rightTd { text-align: right; } .reservation-commande tr.total { font-weight: bold; font-size: 14px; background-color: white; border: none; } .reserver-now { font-size: 15px; font-weight: bold; text-align: center; padding:10px 0; } #reservation #submit-form-resa { display:block; margin:0 auto 10px; } #reservation .submit-form-resa { display:block; margin:0 auto 10px; } /* Formulaire */ /* BOTTOM */ #bottom a { color: white; } #bottom-content .logo-bottom { float: left; padding: 0 30px; } #bottom-content .bottom-texte { float: left; width: 150px; border-left: 1px dotted #0185c9; padding: 0 10px 0 20px; } #bottom-content .bottom-texte ul { margin-left:5px; } #bottom-content .bottom-texte ul li{ line-height:18px; } #bottom-content .bottom-texte h5 { font-size: 12px; line-height:18px; color:#ffffff;} #slideshow { margin:0 auto; width:196px; position:relative; font-family:Verdana; background: url(images/bg-bloc-pkoi-choi.gif) no-repeat left bottom; color:#ffffff;} #slideshow #slidesContainer { margin:0 auto; width:192px; overflow:auto; position:relative;} #slideshow #slidesContainer .slide { margin:0 auto; } #slideshow img { margin: 0; padding: 0; border: 0; } .slideshowtext { position: absolute; z-index: 100; left: 0px; bottom: 30px; height:30px;} #slideshow2 { margin:0 auto; width:612px; position:relative;} #slideshow2 #slidesContainer2 { margin:0 auto; width:612px; overflow:auto; position:relative;} #slideshow2 #slidesContainer2 .slide2 { margin:0 auto; } #slideshow2 img { margin: 0; padding: 0; border: 0; } /* CALENDAR */ table.jCalendar {border: 1px solid #000; background: #aaa; border-collapse: separate; border-spacing: 2px;} table.jCalendar th {background: #333;color: #fff;font-weight: bold;padding: 3px 5px;} table.jCalendar td {background: #ccc;color: #000;padding: 3px 5px;text-align: center;} table.jCalendar td.other-month {background: #ddd;color: #aaa;} table.jCalendar td.today {background: #666;color: #fff;} table.jCalendar td.selected {background: #9B7950;color: #fff;} table.jCalendar td.selected.dp-hover {background: #f33;color: #fff;} table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td {background: #fff;color: #000;} table.jCalendar tr.selectedWeek td {background: #f66;color: #fff;} table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {background: #bbb;color: #888;} table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover {background: #bbb;color: #888;} div.dp-popup { position: relative; background: #ccc; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em;} div#dp-popup { position: absolute; z-index: 199;} div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0;} a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block;} a#dp-close:hover { text-decoration: underline;} div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0;} div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px;} div.dp-popup div.dp-nav-prev a { float: left;} div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer;} div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default;} div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px;} div.dp-popup div.dp-nav-next a { float: right;} div.dp-popup a.disabled { cursor: default; color: #aaa;} div.dp-popup td { cursor: pointer;} div.dp-popup td.disabled { cursor: default;} a.dp-choose-date { float:right; width: 18px; height: 17px; padding: 0; display: block; text-indent: -2000px; overflow: hidden; background: url(images/ico-calendar.gif) no-repeat; }