body { margin:0px; padding:0px; color:#fff; font-size: 11px; font-family: Arial, Helvetica; text-align:center; width:100%; height: 100%; background: #000; } #TopSD{ position:fixed; top:0px; left:0px; width:100%; height:20px; background: url('../img/shadow_bot.png') repeat-x left bottom; } #BotSD{ position:fixed; bottom:0px; left:0px; width:100%; height:20px; background: url('../img/shadow_top.png') repeat-x left top; } img{ border:none; } a { color:#fff; text-decoration: none; outline: none; } a:hover { color:#f6b410; text-decoration: none;} a:visited { color:#fff; text-decoration: none;} a:visited:hover { color:#f6b410; text-decoration: none;} a:focus { -moz-outline-style: none; } .floatLeft {float:left;} .floatRight {float:right;} .clear {clear:both;} .hidden { display: none; } .jaune {color:#f6b410;} .dotted {font-size:9px; color:#f6b410; border:1px dotted #f6b410; text-transform: uppercase; padding:2px 4px; background:none;} .split {border-bottom:1px dotted #b6b6b6; margin:20px 0px;} #ContentMenus h3 {font-size:13px; text-transform: uppercase; padding-bottom:6px; display:block; color: #F6B410; font-weight: normal; padding: 8px 0; margin: 0;} .titre {font-size:13px; text-transform: uppercase; padding-bottom:6px; display:block;} .titre_v {background: url(../img/menu_icon_v_jaune.png) no-repeat; padding-left: 10px;} .titre .price {float: right; margin-left: 15px;} /* TOP ----------*/ #Top-wrap { position:fixed; top:0px; left:0px; margin:0px; padding:0px; height:59px; width:100%; min-width:1009px; overflow: hidden; z-index:2; text-align:left; } #Top { height:59px; margin:0px; padding: 0px; background:url('../img/black_70.png'); } .toplogo{ position:absolute; left:30px; top:8px; } /* TOP NAVIG ----------*/ #Topnav ul{ list-style:none; display: inline; float:right; height:59px; margin:0px; padding:0px; } #Topnav li{ display:block; float: left; margin:0px; padding:0px 1px 0px 0px; height: 59px; cursor:default; background: url('../img/menu_spl.gif') center right no-repeat; } #Topnav a:focus { outline: none; } #men{ display: block; width: 73px; height: 59px; background: url("../img/topbtn_men.gif") no-repeat; } #ver{ display: block; width: 106px; height: 59px; background: url("../img/topbtn_ala.gif") no-repeat; } #eve{ display: block; width: 113px; height: 59px; background: url("../img/topbtn_eve.gif") no-repeat; } #joi{ display: block; width: 128px; height: 59px; background: url("../img/topbtn_joi.gif") no-repeat; } #joiEn{ display: block; width: 113px; height: 59px; background: url("../img/topbtn_joi_en.gif") no-repeat; } #res{ display: block; width: 119px; height: 59px; background: url("../img/topbtn_res.gif") no-repeat; } #resEn{ display: block; width: 119px; height: 59px; background: url("../img/topbtn_res_en.gif") no-repeat; } #en{ display: block; width: 84px; height: 59px; background: url("../img/topbtn_en.gif") no-repeat; } #fr{ display: block; width: 84px; height: 59px; background: url("../img/topbtn_fr.gif") no-repeat; } #fbk{ display: block; width: 88px; height: 59px; background: url("../img/topbtn_fbk.gif") no-repeat; } #labete{ display: block; width: 112px; height: 59px; background: url("../img/topbtn_labete.gif") no-repeat; } #photos{ display: block; width: 72px; height: 59px; background: url("../img/topbtn_photos.gif") no-repeat; } #aud{ display: block; width: 120px; height: 43px; background: url("../img/tmp_audio.gif") no-repeat; } #men:hover, #ver:hover, #eve:hover, #joi:hover, #joiEn:hover, #res:hover, #resEn:hover, #en:hover, #fr:hover, #fbk:hover, #labete:hover, #photos:hover, #men.on, #ver.on, #eve.on, #joi.on, #joiEn.on, #res.on, #resEn.on, #en.on, #fr.on, #fbk.on, #labete.on, #photos.on { background-position: 0 -59px; cursor:pointer; } #men span, #ver span, #eve span, #joi span, #joiEn span, #res span, #resEn span, #en span, #fr span, #fbk span, #labete span, #photos span { display: none; } #Topnav #facebook_icon { margin: 18px 20px 0px 20px; } /* END TOP NAVIG ----------*/ /* TOP AND BOT SHADOWS ----------*/ .sdTop { position:fixed; bottom:125px; left:0px; width:100%; height:21px; background:transparent url('../img/shadow_top.png') repeat-x left bottom; } .sdBot { position:fixed; top:59px; left:0px; width:100%; height:21px; background:transparent url('../img/shadow_bot.png') repeat-x left top; } /* WRAPER AND CONTENT ----------*/ #Content-wrap{ position:relative; top:87px; padding: 20px 0; background:url('../img/black_70.png'); margin:0px; } #Content-wrapEN{ position: relative; top: 160px; padding: 20px 0; background:url('../img/black_70.png'); margin:0px;} #Content { position:relative; width:980px; margin:0 auto; text-align:left; } #ContentMenus{ position:relative; top:87px; padding:20px; width:590px; /*height: 451px;*/ margin:0 auto; background:url('../img/black_70.png'); text-align:left; } #ContentVersa{ position:relative; top:87px; padding:20px; width:660px; margin:0 auto; background:url('../img/black_70.png'); text-align:left; } /* SECTION EN ----------*/ #EnLeft { position:relative; float:left; padding:0 20px; margin:0px; width:350px; font-size:24px} #EnContent { position:relative; float:left; margin:0px; padding:0px; width:550px; font-size: 13px; } /* SECTION MENUS ----------*/ #MenusTop{ font-size:14px; font-weight: normal; text-transform:uppercase; height:40px; border-bottom:1px dotted #6b6360; margin:10px 0px 30px 0px; } #MenusTop ul{ list-style:none; display: inline; margin:0px; padding:0px; } #MenusTop ul li{ display:block; float: left; margin-left:6px; padding: 0px; } #MenusTop ul li a span { display: block; padding:0px 20px 0px 10px; } #MenusTop ul li a:hover { display:block; color:#f6b410; background:url('../img/arrMenu.gif') no-repeat left 4px; cursor: pointer; } #MenusTop ul li a.on{ display:block; color:#f6b410; background:url('../img/arrMenu.gif') no-repeat left 4px; } .menu_left { position:relative; float:left; font-size:14px; font-weight: normal; text-transform: uppercase; margin:0px; padding:0px; width:138px; } .menu_left ul{ list-style:none; padding:0px; margin:0px; } .menu_left ul li{ float: left; margin:0px; padding:0px; } .menu_left ul li a span { display:block; padding:10px 16px; width:106px; } .menu_left ul li a:hover { display:block; color:#f6b410; background:transparent url('../img/black_70.png'); cursor: pointer; } .menu_left ul li a.on { display:block; color:#f6b410; background:transparent url('../img/black_70.png'); } .menu_left .menu_left_title { color: #FFF; padding:10px 16px; width:106px; } .menu_content_container { position:relative; float:left; width:450px; padding:0px; margin:0px; } .menu_content_container .wrap { width:410px; padding:20px 20px 15px 20px; margin:0px; background:transparent url('../img/black_70.png'); } .menu_content .texte { text-transform: uppercase; color:#b6b6b6; } .menu_content .texte_split { border-bottom:1px dashed #f6b410; margin-bottom:10px; padding-bottom:10px; } .menu_nav { float: right; clear: both; padding-top: 10px; } /* Slider */ #slider { width: 10px; height: 300px; background-color: #020202; position: absolute; right:0; margin:0 7px; border:1px solid #111111; } #indicator { width: 10px; height: 16px; background-color: #fdae2d; position: absolute; font-size: 1px; overflow: hidden; } /*@end*/ /* SECTION À LA VERSA ----------*/ #VersaVideo { position:relative; float:left; width:300px; padding:30px 40px; margin:0px; } #VersaPres { position:relative; float:left; width:470px; margin:0px; } #VersaPres .presImg { display:block; margin-bottom:10px; } #VersaPres .lien { position:absolute; right:10px; top:10px; } #VersaPres .texte { } .versaTopImg { position:relative; float:left; top:10px; } #VersaTop{ float:right; font-size:14px; font-weight: normal; text-transform: uppercase; width:480px; height:40px; border-bottom:1px dotted #6b6360; margin:10px 0px 30px 0px; } #VersaTop ul{ list-style:none; display: inline; margin:0px; padding:0px; } #VersaTop ul li{ display:block; float: left; margin-left:6px; padding: 0px; } #VersaTop ul li a span { display: block; padding:0px 20px 0px 10px; } #VersaTop ul li a:hover { display:block; color:#f6b410; background:url('../img/arrMenu.gif') no-repeat left 4px; cursor: pointer; } #VersaTop ul li a.on{ display:block; color:#f6b410; background:url('../img/arrMenu.gif') no-repeat left 4px; } #VersaContent { position:relative; float:left; left:170px; padding:0px; margin:0px; width:490px; } #BlocVersa {position:relative; padding:0; margin-bottom:10px; } .wrap { width:450px; min-height:60px; padding:10px 20px; margin:0px; background:url('../img/black_70.png'); } .titreVer { width:320px; } .img { position:absolute; top:0px; left:-170px; padding:0px; width:170px; } .comLeft { position:absolute; top:0px; left:-170px; padding:10px; width:150px; background:url('../img/black_70.png'); } .img .arr { position:absolute; top:15px; left:170px; width:5px; height:9px; background: url('../img/arrImg.gif') no-repeat right top; } .temps { font-size:12px; color:#f6b410; margin-bottom:6px; } .desc { text-transform:uppercase; color:#b6b6b6; } .lien { position:absolute; right:20px; top:10px; } .cote { position:absolute; right:20px; top:32px; } .descDet { color:#b6b6b6; padding-bottom:10px; } .lienDet { position:relative; float:right; right:0px; } .coteDet { position:absolute; right:20px; top:10px; } .coteCom { position:absolute; right:20px; top:32px; } .stitre { text-transform:uppercase; color:#f6b410; } .texte { color:#b6b6b6; padding-bottom:10px; } #BlocVersa ul { display:block; float:left; margin:0 6px 0 0px; padding:0px; font-size:10px; } #BlocVersa ul li { width:130px; padding:2px 0px; margin-left:12px; list-style-image: url('../img/li.gif'); } #BlocVersa ul li.liTitre {text-transform:uppercase; list-style-image: none; list-style-type: none; padding-left:12px; margin-left:-12px;} #BlocVersa ul li a {text-decoration:underline; color:#fff; } #BlocVersa ul li a:hover {text-decoration:none; color:#fff; } /* BLOC COMMENTAIRES ----------*/ #BlocComm {position:relative; padding:0; margin-top:40px; margin-bottom:10px; } #BlocComm .titre { position:absolute; left:20px; top:-25px; font-size:15px; } #BlocComm .lien { position:absolute; right:20px; top:-25px; } .comNom { display:block; font-size:14px; } .comDate { display:block; padding-bottom:6px; margin-bottom:6px; border-bottom:1px dotted #b6b6b6;} .comCote { display:block; } .comTexte { color:#b6b6b6; height:60px;} #BlocComm .form { } #BlocComm .form .nom { display:block; } #BlocComm .form .courriel { display:block; } #BlocComm .form .cot { display:block; padding:6px; } #BlocComm .form .commentaire { float:right; right:0px; } /* SECTION ÉVÉNEMENTS ----------*/ #EveLeft { position:relative; float:left; padding:20px; margin:0px; width:220px; height:190px; border-right:1px dotted #b6b6b6;} #EveContent { position:relative; float:left; margin:0px; padding:0px; height: 250px; overflow: hidden; z-index: 1000; width: 620px;} #EveBloc { float:left; padding-left:120px; width:500px; position: absolute; top: 0; left: 0;} #Events { position:relative; padding-bottom:15px; } #Events .date { margin: 0px; position: absolute; top: 20px; left: -108px; text-align: right; padding: 0px; width:90px; } #Events .date .mois{display:block; font-size:14px; text-transform: uppercase; font-weight:normal; } #Events .date .jour{display:block; font-size:26px; line-height:1em; text-transform: uppercase; font-weight:normal; } .menu_content_wrap {width: 410px;height: 300px;overflow: hidden;position: relative;z-idnex:1000;} .menu_content_item {width: 400px;padding-right:10px;position: absolute;} #EveNav { float: right; clear: both; padding: 0 100px 0 0; } #EveNav a, .menu_nav a { float: right; /*margin-left: 5px;*/ cursor: pointer; } #EveNav #EveNavNext, .menu_nav .menu_nav_next { display: block; background: url(../img/arrow_up.png) no-repeat; width: 22px; height: 22px; } #EveNav #EveNavPrev, .menu_nav .menu_nav_prev { display: block; background: url(../img/arrow_down.png) no-repeat; width: 22px; height: 22px; } #EveNav #EveNavNext:hover, .menu_nav .menu_nav_next:hover, #EveNav #EveNavNext:active, .menu_nav .menu_nav_next:active { background: url(../img/arrow_up_over.png) no-repeat; } #EveNav #EveNavPrev:hover, .menu_nav .menu_nav_prev:hover, #EveNav #EveNavPrev:active, .menu_nav .menu_nav_prev:active { background: url(../img/arrow_down_over.png) no-repeat; } /* SECTION NOUS JOINDRE ----------*/ #JoiLeft { position:relative; float:left; padding:20px; height:190px; width:100px; border-right:1px dotted #b6b6b6; } #JoiAdresse { position:relative; float:left; padding:15px; margin:0px; height:190px; text-transform: uppercase; border-right:1px dotted #b6b6b6; } #JoiContent { position:relative; float:left; padding:0px 20px; margin:0px; } /* SECTION PHOTOS ----------*/ /* Select */ #picChoice-select { background:url('../img/dropdown.png') no-repeat;height:27px;width:261px;font-size:12px;text-transform:uppercase;cursor:pointer; } #picChoice-select p { padding-top:7px;padding-left:10px; } #picChoice-option { position:absolute;width:261px;top:27px;display:none;z-index:1000; } #picChoice-option ul { padding:10px 10px 10px 10px;background-color:#1a1a1a; } #picChoice-option ul li { list-style-type:none;padding:5px 0;border-bottom:1px solid #ffb700; } #picChoice-option ul li:hover { color:#ffb700; } /* Galerie miniature*/ div#gallery { width:300px;height:255px;overflow:hidden;margin:10px 0 0 -5px;outline:none; } div#gallery img { border:1px solid #444444; } div#gallery img:hover { border:1px solid #ffb700; } div#gallery ul { padding:0;margin:0; } div#gallery li { display: block;float: left;width: 77px;height: 77px;margin: 0 0 5px 5px;padding: 0; } /* Flèches navigation visionneuse */ div#wrap_container { height:319px;width:484px;} .products_gallery_arrow { cursor:pointer; } #images_previous { margin-top:150px;margin-right:15px;width:36px;height:36px; background:url('../img/arrow_left.png') no-repeat;} #images_previous:hover { background:url('../img/arrow_left_over.png') no-repeat; } #images_next { margin-top:150px;margin-left:15px;width:36px;height:36px;background:url('../img/arrow_right.png') no-repeat; } #images_next:hover { background:url('../img/arrow_right_over.png') no-repeat; } /* BOTTOM ----------*/ #Bottom-wrap { position:fixed; bottom:0px; left:0px; margin:0px; width: 100%; min-width:1009px; overflow: hidden; z-index:2; text-align:left; } #Bottom { position:relative; top:0px; left:0px; height:125px; width:100%; padding: 0px; margin:0px; background:url('../img/black_70.png'); } #Mailing{ position:absolute; bottom:5px; left:30px; width:220px; height:100px; padding:0px; border-right:1px dotted #b6b6b6; } #Today{ position:absolute; bottom:20px; left:270px; width:240px; height:85px; padding:0px; border-right:1px dotted #b6b6b6; } #Prix{ margin-left:50px;position:absolute; bottom:20px; left:510px; width:190px; height:85px; padding-top:7px; border-right:1px dotted #b6b6b6; } #Pubs{ position:absolute; bottom:0px; right:0px; width:464px; min-width:464px; height:125px; padding:0px; margin:0px; z-index:3; overflow: hidden; } #PubsNav { position:absolute; bottom:0px; right:0px; margin:0px; padding-left:55px; height:18px; z-index:4; background:transparent url('../img/pubsNav_left.png') no-repeat left} #PubsNav li { height:18px; float: left; margin:0px; padding:2px 0px; list-style: none; display: block; background:transparent url('../img/pubsNav_bg.png') repeat-x top; } #PubsNav a { margin:0px; padding:8px; display: block; background: transparent url('../img/pubsNav_off.png') no-repeat; cursor:pointer; } #PubsNav a.activeSlide { background: transparent url('../img/pubsNav_on.png') no-repeat } #PubsNav a:focus { outline: none; } #newsletter_msg p { margin: 0; padding: 0 0 5px 0; } #newsletter_form { margin-bottom: 3px; } .facebook_titre { float: left; line-height: 24px; } #facebook_icon { background: url(../img/facebook_logo.gif) no-repeat; float: left; display: block; width: 24px; height: 24px; margin-left: 6px; } #facebook_icon:hover { background: url(../img/facebook_logo_over.gif) no-repeat; } #facebook_icon span { display: none; } #twitter_icon { background: url(../img/twitter-logo.png) no-repeat; float: left; display: block; width: 24px; height: 24px; margin-left: 6px; } #twitter_icon:hover { background: url(../img/twitter-logo-over.png) no-repeat; } #twitter_icon span { display: none; } /* FORM ----------*/ form {margin:0px; padding:0px;} input, textarea{ background: transparent url('../img/white_30.png'); border: 0px solid #b6b6b6; padding: 6px; margin-bottom:5px; font-size: 11px; font-family:Arial; color:#fff; } input.submit { font-size:9px; text-transform:uppercase; cursor: pointer; } .invalid{ border: 1px solid red;} /* Background Resize ----------*/ .imgBg_container { top: 0px; left: 0px; position: fixed; } #imgBgr_container { z-index: -100; } #imgBgr2_container { z-index: -50; } #imgBgTrame { background: url(../img/bg_trame.png); top: 0px; left: 0px; position: fixed; z-index: -4; } .menu_date { position: absolute; color: #FFF; font-size: 9pt; text-align: right; left: 50%; top: 83px; margin-left: 94px; } #msg_redirect { background: url(../img/msg_redirect.png) no-repeat; position: absolute; display: block; z-index: 10000; right: 120px; top: 67px; width: 275px; height: 44px; display: none; } /* Scroll */ .jScrollPaneContainer { position: relative;overflow: hidden;z-index: 1;outline:none; } .jScrollPaneTrack { position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: #000; } .jScrollPaneDrag { position: absolute;background: #ffb700;cursor: pointer;overflow: hidden; } .scroll-pane { width: 400px;height: 300px;overflow: auto;float: left;outline:none; } #galleryContainer .jScrollPaneTrack { right:39px;margin-top:10px; }