/* ########################################################################################### */ /* 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: #101933; font-size:68.75%; background:#528400 url(/styles/images/bg_fond_repeat.gif) repeat-y top center; } /* images/bg-main.jpg */ #container-bg { overflow:hidden; width: 100%; margin: 0; padding:0; background: url('/styles/images/bg_white_repeat.gif') repeat-x top left;} #container { width: 1020px; margin: 0 auto; } #pushHeader { position:absolute; top:20px; right:6px; width:323px; height:88px; text-indent:-99999px; /*background:url('/styles/images/push_valentin.jpg') no-repeat top left;*/ } #top { position: relative; float: left; width: 100%; height: 175px; background: #ffffff no-repeat center top; } #menuh { text-transform:uppercase; } #main { float:left; padding-top: 20px; width: 1040px; background: url('/styles/images/bg_brown.gif') repeat-y left top; } #contenu #main { padding-top: 10px; } #contact #main { background: none; } #reservation #main { background: url(images/bg-reservation.gif) repeat-y 0 0; } #contenu #center ul { margin: 4px 0 2px 1em; line-height: 16px; } #contenu #center li { margin-left: 1em; list-style-type: disc; } #left-center { float: left; width: 813px; margin: 0 0 0 7px; padding:0; background:#3D2A26;} #left { float: left; width: 188px; margin: 10px 0 0 0; color:#090b21; background:#528400;} #homePage #center { float: right; width: 613px; margin: 10px 5px 0 0; padding-left:0px; background:#5A4740; } #contenu #center { float: right; width: 581px; margin: 10px 5px 0 0; padding: 0 11px 0 12px; background:#5A4740; color:white; padding-bottom: 15px; } #right { float: right; width: 207px; margin:0; padding:0 0 0 13px; background-color:#3D2A26; } #bottom { clear: both; position: relative; width:100%; height: 206px; color: white; background: #538400 ;} #bottom-content { position: relative; margin:0 auto; width: 1022px; height: 115px; padding: 15px 0 0 0px; } .list h4 { margin-bottom:5px; } .list h4 a { color:#B1C903; } .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 */ #contenu h1 { font-size: 18px; font-weight: normal; margin: 10px 0 5px; text-transform: uppercase; color:#B1C903; } h2 { color: white; font-size: 16px; } h3 {} #slogan,#maintitre{font-family:"Century Gothic",Arial,sans-serif;} #slogan{font-size:14px;position:absolute;left:-25px;top:92px;z-index:-25px;z-index:1;} #maintitre{font-size:18px;position:absolute;top:25px;} /* TOP */ a#logo { display:block; position:absolute; /*width: 350px; height: 103px;*/ left: 0; bottom: 75px; } #top-information {position:absolute; width: 680px; right: 0px; bottom: 0px; background:#3D2A26; } #langage { color:#000000; font-size:9px; font-weight: bold; height:19px; line-height:19px; position:absolute; right:10px; text-align:right; top:5px; width:130px; } #langage img { margin: 0 0 0 10px; } #topBar { position: absolute; float:right; right:0; bottom: 41px; width:850px; padding:2px 0 0 2px;} #topBar ul{ float: left; padding: 0; height:23px;} #topBar li{ float: left; font-size: 10px; color: #000000; padding: 5px 4px 5px 2px;} #topBar li span, #topBar li a { color: #000000; border-right:1px solid #3D2A26; padding: 0 2px;} #topBar li a.noBorder { border-right:none;} #topBar a {padding: 0; margin:0;} #topBar .nous-contacter{height:23px; float:left; background:#548600; line-height:23px;} #topBar .nous-contacter a{ padding:0 6px; color: #ffffff; font-size: 12px; font-weight:bold;} #topBar .facebook , #topBar .flickr {height:23px; float:left;} #topBar .language {background:#3D2A26;float:right;} #topBar .language ul{float:right;} #topBar .language ul li{padding: 5px 2px;} #topBar .language ul li a{color: #ffffff; font-weight: bold; border-right:none;} #topBar .language ul li.fr a{border-right:1px solid #ffffff; padding: 0 4px 0 2px;} #whiteBar { color:#000000; font-size:9px; font-weight: bold; height:19px; line-height:18px; position:absolute; right:10px; text-align:right; top:60px; } #whiteBar li{ float: left; font-size: 11px; color: #ffffff; border-right:1px dotted #578ed4; line-height:18px; margin:0 1px;} #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:3px 0 0 0;} #whiteBar li a{ color:#000000; font-size:9px; font-weight: normal;} /* Horizontal menu */ #menuh { position: absolute; float:right; right:0; bottom: 0; height: 37px;width:900px;padding:3px 1px 1px 4px; background:#3D2A26;} #menuh ul{height: 41px; background: url(images/bg-menu.jpg) top left repeat; padding:0 5px;} #menuh li {padding:3px; margin:0; float: left; display: block; height: 33px; line-height: 33px; } #menuh li.actif { margin:0; background: url(images/bg-menu-on-l.gif) top left no-repeat;} #menuh li a { float: left; display: block; text-decoration: none;} #menuh li a:hover, #menuh li.selected a {cursor: pointer; } #menuh li span { display: block; float: left; height:33px; font-size: 13px; font-weight: bold; color: #ffffff; padding: 0 8px 0 5px; border-right:1px dotted #ffffff;} #menuh li.actif span { display: block; float: left; height:33px; font-size: 14px; color: #3D2A26; padding: 0 8px 0 5px; margin: 0 0 0 5px; background: url(images/bg-menu-on-r.gif) top right no-repeat; border:none;} #menuh li.noBorder span { border: none; } /* CONTENT */ h6 { background: none; font-size: 13px; color: white; } h6 span { font-weight: normal; } .widget span.gold { color: #B1C903; 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 */ #left-center #slideshow-main {width:100%;} #left-center #slideshow-main ul {width:136px; float:left; padding: 0 0 0 7px;} #left-center #slideshow-main ul li{height:107px; } a{outline: none;} :focus{-moz-outline-style: none;} #left-center #slideshow-main ul li a{padding:0 0 0 10px; line-height: 30px; font-size: 14px; color:#261a17; text-transform:uppercase; display :block; background: url(images/zoom-on-off.jpg) no-repeat 0 0; height:107px;} #left-center #slideshow-main ul li a:hover{background: url(images/zoom-on-off.jpg) no-repeat 0 -107px; text-decoration:none; color:#ffffff;} #left-center #slideshow-main ul li a.actif{background: url(images/zoom-on-off.jpg) no-repeat 0 -107px; text-decoration:none; color:#ffffff; } #left-center #slideshow-main #slideshow-main-content {width:666px; float:left; margin : 0; padding: 0;} /* Left column */ .formules { padding: 0 0 7px 7px; background:#3D2A26; margin-bottom: 7px;} .formules h6 { color:#b1c903; background: url(images/bg-calanques.jpg) no-repeat 0 0; width: 180px; height: 46px; text-align: left; line-height: 21px; font-size: 14px; padding: 0 0 0 13px;} .formules ul {width: 180px; text-align: left; margin:0; padding:0;} .formules ul li {height:22px;width: 180px; border:none; padding:0; margin:0;} .formules ul li a{display :block; margin:0;padding: 3px 0 0 18px;height:19px;width: 162px;border:none; font-size:11px; font-weight:normal; color:#ffffff; background:transparent url(images/bg-li-calanques.gif) no-repeat scroll 0 0; } .formules ul li a.actif{height:20px; color:#b1c903; background:transparent url(images/bg-li-calanques.gif) no-repeat scroll 0 -22px;} .formules ul li a:hover{color:#b1c903; background:transparent url(images/bg-li-calanques.gif) no-repeat scroll 0 -44px; text-decoration:none;} .guide_pratique {background: #7db100; width: 183px; padding : 0 0 3px 0;} .guide_pratique h6 { color:#ffffff; background: #5a4740; width: 170px; height: 41px; text-align: left; line-height: 20px; font-size: 14px; padding: 0 0 0 13px; text-transform:uppercase;} .guide_pratique ul { color:#000000; background: #ffffff; width: 170px; text-align: left; line-height: 20px; font-size: 14px; padding: 0; margin:5px auto;} .guide_pratique ul li{ border-top: 1px dotted #304701; /*height:17px;*/ line-height:15px; padding:0; margin:0; padding-left:20px; } .guide_pratique ul li a{color:#7db100; font-size:10px; font-weight:normal; padding: 0;} .guide_pratique ul li a:hover{color:#304701; text-decoration:none; } .guide_pratique ul li.titre{border:none; height:28px; line-height:28px; font-size:13px; font-weight:bold; color:#304701; text-transform:uppercase; padding: 0 0 0 20px;} .guide_pratique ul li.voir_tous{ padding-left:0; border:none; background: transparent url(images/bg-voir-tous.gif) no-repeat left top; height:18px; line-height:16px; font-size:13px; font-weight:bold; color:#ffffff; text-transform:uppercase;} .guide_pratique ul li.voir_tous a, .guide_pratique ul li.voir_tous a:hover{color:#ffffff; font-weight:bold; text-transform:uppercase; padding: 0 0 0 25px; border:none;} .presse-parle { border: 0; margin:10px 0 0 0; background:#ffffff; padding:0 0 1px 0; width: 183px; } .presse-parle h6 { color:#ffffff; background: #5a4740; width: 170px; height: 41px; text-align: left; line-height: 20px; font-size: 14px; padding: 0 0 0 13px; text-transform:uppercase; margin :0 0 1px 0;} .presse-parle-content { color:#356000; font-size: 14px; width:169px; margin:0 auto; padding:10px 5px; border: 1px #7db100 solid; text-align:center;font-style:italic;} .presse-parle-content blockquote { margin:0 1px 1px; padding:20px 5px 8px 5px; background: #ffffff url(images/quote_left.gif) no-repeat 10px 0px; } .presse-parle-content blockquote p { background: #ffffff url(images/quote_right.gif) no-repeat 93% bottom; padding-bottom:20px; font-family: "Times New Roman", Times, serif; font-size: 18px; font-style: italic; text-align: center; font-weight: normal; margin: 0; } .presse-parle-content p.auteur { overflow:hidden; font-size: 10px; text-align: center; font-weight: bold; margin: 0; color:#7db100; border-top: 1px #7db100 dotted; padding:5px 0 0 0;} .presse-parle-content p.auteur img { float:left; } .presse-parle-avis { background: #ffffff url(images/bg-voir-pro.gif) no-repeat top center; width:179px; margin:0 auto; padding: 0 0 2px 0 ; border-right: 1px #7db100 solid; border-left: 1px #7db100 solid; text-align:left; height:19px;} .presse-parle-avis-bottom {border-bottom: 1px #7db100 solid;} .presse-parle-avis a{ line-height:19px; font-size:10px; font-style:normal; font-weight: bold; color: #ffffff; text-transform:uppercase; padding: 0 0 0 18px;} /* Center column */ /* Center column homePage */ #home-content-left {margin:0; float: left; width: 352px; border-right:1px solid #3D2A26;} #home-content-left .content-left-main {padding:10px ; float: left; width: 332px; border-bottom:1px solid #3D2A26; color: white; } #home-content-left .content-left-main h3{margin:0; float: left; font-weight:normal; font-size: 22px; color:#ffffff; margin-bottom: 10px;} #home-content-left .content-left-main img{margin:0 0 10px 0; float: right; padding:0;} #home-content-left .content-left-main h4{color:#b1c903; font-weight:bold; font-size: 12px;} #home-content-left .content-left-main p{margin:0 0 0 0; float: left; color:#ffffff;} #home-content-left .evenements {padding: 10px 0 0 0; margin:0 auto; width:342px;} #home-content-left .evenements h3{background: url(images/bg-h6-left.gif) no-repeat left top; width:342px; height:26px; line-height:26px; color:#3D2A26; font-size: 14px; text-transform:uppercase; padding: 0 0 0 10px; margin:0px auto; } #home-content-left .evenements .evenements-content{ width:100%; padding: 0 0 10px 0; margin:10px auto; border-bottom:1px dotted #3D2A26;} #home-content-left .evenements .noBorder{border-bottom:none;} #home-content-left .evenements .evenements-content .evenements-content-img{ width:120px; padding: 0; margin:0; float:left;} #home-content-left .evenements .evenements-content .evenements-content-txt{ width:210px; padding: 0; margin:0 0 0 10px; float:left;} #home-content-left .evenements .evenements-content .evenements-content-txt h4{width:100%; padding: 0; margin: 0; color:#b1c903; font-weight:bold; font-size: 12px; text-transform: uppercase;} #home-content-left .evenements .evenements-content .evenements-content-txt h4 span{font-size: 11px; } #home-content-left .evenements .evenements-content .evenements-content-txt p{ color:#ffffff; font-weight:normal; font-size: 11px;} #home-content-left .evenements .evenements-content .evenements-content-txt a.suite{ width:100%; padding: 0; margin:10px auto; color:#b1c903; font-weight:bold; font-size: 11px;} #home-content-right {margin:0 10px 0 0; float: right; width: 250px; font-size: 10px; } #home-content-right .video {padding: 0; margin:0; border-bottom:1px solid #3D2A26;} #home-content-right .video h3{background: url(images/bg-h6-center.gif) no-repeat left top; width:219px; height:26px; line-height:26px; color:#b1c903; font-size: 14px; text-transform:uppercase; padding: 0 0 0 10px; margin:10px auto; } #home-content-right .video .video-content{ width:229px; padding: 0; margin:10px auto;} #home-content-right .video h4{ width:229px; padding: 0; margin:10px 0 0 0; color:#b1c903; font-weight:bold; font-size: 12px; } #home-content-right .video p{ color:#ffffff; font-weight:normal; font-size: 11px;} #home-content-right .video a.suite{ width:229px; padding: 0; margin:10px auto; color:#ffffff; font-weight:bold; font-size: 11px;} #home-content-right .chef {padding: 0; margin:0; border-bottom:none;} #home-content-right .chef h3{background: url(images/bg-h6-center.gif) no-repeat left top; width:219px; height:26px; line-height:26px; color:#b1c903; font-size: 14px; text-transform:uppercase; padding: 0 0 0 10px; margin:10px auto; } #home-content-right .chef .chef-entete h4{background: url(images/ico-toque.png) no-repeat left top; width:160px; margin:10px auto; height:51px; line-height:17px; padding: 0 0 0 70px; text-transform: uppercase;} #home-content-right .chef .chef-entete h4 span{color:#ffffff; text-transform: uppercase;} #home-content-right .chef .chef-content{ width:229px; padding: 0; margin:10px auto;} #home-content-right .chef .chef-content img{ padding: 0 4px; margin:0;} #home-content-right .chef h4{ width:229px; padding: 0; margin:10px 0 0 0; color:#b1c903; font-weight:bold; font-size: 12px; } #home-content-right .chef p{ color:#ffffff; font-weight:normal; font-size: 11px;} #home-content-right .chef a.suite{ width:229px; padding: 0; margin:10px auto; color:#ffffff; font-weight:bold; font-size: 11px;} /* Center column page "contenu" */ /* Center column page "contact" */ /* Right column */ .devis{width:207px; margin-bottom: 5px; /* height:472px; */ background: url(images/bg-devis.png) no-repeat left top;} #right .devis h6{width: 190px; padding: 0; margin:0 auto; line-height:40px; height:40px; font-size:15px; text-transform:uppercase; text-align:center;} #right .devis table{width: 175px; padding: 0; margin:20px auto 0;} #right .devis table select{width: 175px; padding: 0; margin: 0;} #right .devis table select.day{width: 46px; padding: 0; margin:0;} #right .devis table select.month{width: 114px; padding: 0; margin: 0;} #right .devis table input{width: 175px; padding: 0; margin:1px 0;} #right .devis table textarea{width: 175px; height:50px; padding: 0; margin:1px 0;} #right .devis table td{color:#ffffff; font-weight: normal; font-size: 11px; padding:1px 0; } #right .devis table td.center{text-align:center;} #right .devis .btn-form-envoyer{ background: url(images/btn-devis.gif) top left no-repeat;width:1px; height:35px; border:0px; width:174px; margin:10px auto 0;} .devis input, .devis textarea { border: 1px solid #CCC; } .error { background-color: #FFD9D6; } .subparg-contact { color: #B1C903; padding: 0 10px 20px; } #bottom-devis { font-size: 1%; width: 207px; height: 7px; background: url('images/bottom_devis.png') no-repeat left top; } #right .raisons {width:190px; margin:0 auto;} #right .raisons h6 {font-size: 15px; line-height:20px; color: #ffffff; font-weight: bold; text-transform:uppercase;} #right .raisons h6 span {font-size: 18px; line-height:20px; color: #b1c903; font-weight: bold;} #right .raisons ul { width: 190px; margin: 10px 10px 0 10px ; } #right .raisons ul li { list-style-type:square; color: #ffffff; border:none; text-transform:uppercase; font-size: 10px; line-height:18px; margin:0; padding:0;} .plan-acces h6 { text-transform:uppercase; margin-bottom: 10px; } .plan-acces a, .plan-acces img { border: 0; } .plan-acces img#gmap { padding: 1px; border:1px solid white; } .developpement-durable {padding:10px;margin-top:20px; margin-right:20px; background-color:#483734; } .developpement-durable h6 { text-transform:uppercase; } .developpement-durable p { color:white; } /* BOTTOM */ #bottom a { color: white; } #bottom-content .logo-bottom { float: left; padding: 0; width: 185px; } #bottom-content .bottom-texte { float: left; width: 135px; border-left: 1px dotted #3d2a26; padding:0 0 0 15px; } #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:#3d2a26;} #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; } .container-corner { position: relative; } .cornerLeftTop, .cornerLeftBottom, .cornerRightTop, .cornerRightBottom { position: absolute; } .cornerLeftTop { left: 0; top: 0; } .cornerLeftBottom { left: 0; bottom: 0; } .cornerRightTop { right: 0; top: 0; } .cornerRightBottom { right: 0; bottom: 0; } .pagination a { color:#B1C903; text-decoration:underline; } .pagination a.curpage { text-decoration:none; } .actua .img { float: left; margin: 5px 15px 10px 0; } #vertical-slide { width: 332px; } .actualites { margin: 15px auto 20px; width: 190px; } .actualites ul { margin: 0; } .actualites a { color: #FFF; } .actualites h6.type2 a { color: #B1C903; }