/* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Force vertical scrollbar in non-IE * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-smooth:always; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: 'itcavantgardestd-bkcn', serif; color: #000; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ /*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/ /* ============================================================================= Links ========================================================================== */ a { color: #7F7F7F; } /*a:visited { color: #551a8b; } a:hover { color: #06e; }*/ a:focus { outline: 0; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; color: #000; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px dotted #000; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .right{float:right;} .left{float:left;} /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; /*-ms-interpolation-mode: bicubic;*/ vertical-align: middle; //image-rendering: optimizeQuality; /* Firefox 3.6+; default behavior is identical, no need to specify */ -ms-interpolation-mode: bicubic; /* Internet Explorer 7.0; default in IE8+ */ } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline: 0; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */ table button, table input { *overflow: auto; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ============================================================================= Fonts ========================================================================== */ @font-face { font-family: 'DidotItalic'; src: url('font/didotltstd-italic-webfont.eot'); src: url('font/didotltstd-italic-webfont.eot?#iefix') format('embedded-opentype'), url('font/didotltstd-italic-webfont.woff') format('woff'), url('font/didotltstd-italic-webfont.ttf') format('truetype'), url('font/didotltstd-italic-webfont.svg#DidotLTStdItalic') format('svg'); font-weight: bolder; font-style: normal; } @font-face { font-family: 'HelveticaUltralight'; src: url('font/helveticaneue-ultralight-webfont.eot'); src: url('font/helveticaneue-ultralight-webfont.eot?#iefix') format('embedded-opentype'), url('font/helveticaneue-ultralight-webfont.woff') format('woff'), url('font/helveticaneue-ultralight-webfont.ttf') format('truetype'), url('font/helveticaneue-ultralight-webfont.svg#') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'ITCAvantGardeStd-XLtCn'; src: url('font/ITCAvantGardeStd-XLtCn.eot'); src: url('font/ITCAvantGardeStd-XLtCn.eot?#iefix') format('embedded-opentype'), url('font/ITCAvantGardeStd-XLtCn.woff') format('woff'), url('font/ITCAvantGardeStd-XLtCn.ttf') format('truetype'), url('font/ITCAvantGardeStd-XLtCn.svg') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'AkzidenzBOLD'; src: url('font/akzidenzgrotesk-extraboldalt-webfont.eot'); src: url('font/akzidenzgrotesk-extraboldalt-webfont.eot?#iefix') format('embedded-opentype'), url('font/akzidenzgrotesk-extraboldalt-webfont.woff') format('woff'), url('font/akzidenzgrotesk-extraboldalt-webfont.ttf') format('truetype'), url('font/akzidenzgrotesk-extraboldalt-webfont.svg#Akzidenz-GroteskBQExtraAltBd') format('svg'), url('font/akzidenzgrotesk-extraboldalt-webfont.svg#') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DidotRegular'; src: url('font/didot-webfont.eot'); src: url('font/didot-webfont.eot?#iefix') format('embedded-opentype'), url('font/didot-webfont.woff') format('woff'), url('font/didot-webfont.ttf') format('truetype'), url('font/didot-webfont.svg#') format('svg'); font-weight: lighter; font-style: normal; } @font-face { font-family: 'HelveticaRegular'; src: url('font/HelveticaNeue-Medium.eot'); src: url('font/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), url('font/HelveticaNeue-Medium.woff') format('woff'), url('font/HelveticaNeue-Medium.ttf') format('truetype'), url('font/HelveticaNeue-Medium.svg') format('svg'); font-weight: lighter; font-style: normal; } @font-face { font-family: 'AkzidenzMedium'; src: url('font/akzidenzgrotesk-boldcondalt-webfont.eot'); src: url('font/akzidenzgrotesk-boldcondalt-webfont.eot?#iefix') format('embedded-opentype'), url('font/akzidenzgrotesk-boldcondalt-webfont.woff') format('woff'), url('font/akzidenzgrotesk-boldcondalt-webfont.ttf') format('truetype'), url('font/akzidenzgrotesk-boldcondalt-webfont.svg#Akzidenz-GroteskBQCondensedBd') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Abadi_MT'; src: url("font/Abadi_MT_Condensed_Light.eot"); /* EOT file for IE */ src: url("font/Abadi_MT_Condensed_Light.ttf"); /* TTF file for CSS3 browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: 'itcavantgardestd-bkcn'; src: url("font/itcavantgardestd-bkcn-webfont.eot"); /* EOT file for IE */ src: url("font/itcavantgardestd-bkcn-webfont.ttf"); /* TTF file for CSS3 browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: 'itcavantgardestd-xltcn'; src: url("font/itcavantgardestd-xltcn-webfont.eot"); /* EOT file for IE */ src: url("font/itcavantgardestd-xltcn-webfont.ttf"); /* TTF file for CSS3 browsers */ font-weight: normal; font-style: normal; } body, select, input, textarea { /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ color: #000; /* set your base font here, to apply evenly */ /* http://www.alsacreations.com/article/lire/631-quelles-polices-pour-un-site-web.html */ /* font-family: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif; */ /* font-family: Georgia, "DejaVu Serif", Norasi, serif; */ font-family: "itcavantgardestd-bkcn", Helvetica, sans-serif; /*direction:rtl;*/ } h1 { font-size: 16px; } h2 { font-size: 14px; } h3 { font-size: 13px; } h4 { font-size: 12px; } h5 { font-size: 11px; } h6 { font-size: 10px; } /* ========================================================================== Generic: ========================================================================== */ /* debug mode */ .debugerror { display: none; visibility: hidden; background-color: #ff0000; color: #000000; border: 1px solid #000000; padding: 3px; } /* class generic form */ .error { color: #cc2b1e !important; } /* class generique checkbox/radio stylisés */ .stylized-check { display: inline-block; background-repeat: no-repeat; text-indent: -999em; overflow: hidden; /* pour masquer le input d'origine */ } .ie6 .stylized-check, .ie7 .stylized-check { display: inline; zoom: 1; text-indent: 0; /*float: left; display: block;*/ } .ie6 .stylized-check input, .ie7 .stylized-check input { margin-left: -40px; /* pour masquer le input d'origine */ } .stylized-checked-off { background-position: left top; } .stylized-checked-on { background-position: right top; } .stylized-radio, .stylized-checkbox { width: 18px; height: 18px; background-image: url('../img/checkbox.png'); margin-top: 2px; } /* Masque */ .mask { position: absolute; top: -20px; left: 0; width: 100%; height: 102.2%; z-index: 100; opacity: 0.60; -moz-opacity: 0.60; -khtml-opacity: 0.60; filter: alpha(opacity=60); background-color: #000; } /* Masque2 */ .mask2 { position: absolute; top: -20px; left: 0; width: 100%; height: 102.2%; z-index: 30; opacity: 0.60; -moz-opacity: 0.60; -khtml-opacity: 0.60; filter: alpha(opacity=60); background-color: #000; } /* Croix */ .close { display: block; position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url('../img/close.gif') no-repeat 0 0; } /*.close:hover { background-position: left bottom; }*/ /* HR */ .MChr { display: block; width: 75%; height: 0; background: #000; color: #000; border-bottom: 1px solid #7f7f7f; margin: 10px auto 15px; } .ie6 .MChr, .ie7 .MChr { height: 2px; } /* Back to top */ .top-anchor { position: absolute; right: 35px; /*bottom: 3px;*/ text-decoration: none; color: #888; padding-left: 15px; z-index: 25; background-image: url(../img/arrow_top.png); background-repeat: no-repeat; background-position: left center; font-family: Helvetica, sans-serif } .top-anchorMag { position: absolute; right: 35px; bottom: 3px; text-decoration: none; color: #FFF; padding-left: 15px; z-index: 25; background-image: url(../img/arrow_top_Mag.png); background-repeat: no-repeat; background-position: left center; font-family: Helvetica, sans-serif } /* primary styles ===================================================== Author: ========================================================================== */ /* STRUCTURE */ html, body { width: 100%; margin: 0; padding: 0; /*background: #fff !important;*/ min-width: 996px; background-attachment: fixed; background-repeat:no-repeat; background-size:cover; } .no-scroll, .no-cookie { overflow: hidden; } #header { position: relative; width: 100%; text-align: center; z-index: 51; /* pour passer la sousNav au dessus du masque */ padding: 0; height:50px; margin:0px; margin-top:-20px; } #logo_header { position: relative; width: 100%; text-align: center; z-index: 51; /* pour passer la sousNav au dessus du masque */ padding: 0; height:80px; padding:10px 0 12px; background-color:#FFF; } #logo_header h1 { color: #000000; font-family: 'itcavantgardestd-xltcn',helvetica,sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; line-height: 22px; margin: 0 auto; padding: 0; text-transform: uppercase; width: 250px; } #logo_header p { color: #000; font-family: 'itcavantgardestd-xltcn',helvetica,sans-serif; font-size: 16px; line-height: 23px; font-weight:normal; letter-spacing:0.5px; padding: 5px 0; margin:0; } #logo_header #language { position:absolute; z-index:55; top:5px; left:3px; } #logo_header #language p { color: #000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 12px; line-height: 15px; font-weight:normal; letter-spacing:0.5px; padding: 0; margin:0; } #logo_header #language .current { color: #000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 12px; line-height: 15px; font-weight:normal; letter-spacing:0.5px; padding: 0; margin:0; text-decoration:none; } #logo_header #language a { color: #7F7F7F; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 12px; line-height: 15px; font-weight:normal; letter-spacing:0.5px; padding: 0; margin:0; text-decoration:none; } #logo_header #language a:hover { color: #000; text-decoration: underline; } #logo_header #infoConnect { position:absolute; z-index:55; top:5px; right:18px; } #logo_header #infoConnect .visuelConnect { float: left; margin-top: -2px; width: 20px; } #logo_header #infoConnect .titreConnect { display:block; font-size:12px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; color:#7a7a7a; text-align:center; padding-top:0px; width:auto; float:left; margin-left:5px; position:relative; } #logo_header #infoConnect .looutConnect { position:absolute; display:block; background-color: transparent; background-image: url(../img/close_form.png); background-repeat: no-repeat; background-position: 0 0; width:12px; height:12px; right: -18px; top: 2px; } #logo_header #infoConnect .looutConnect:hover { background-color:#fff; } #logo_header #phone { position:absolute; z-index:55; bottom:7px; left:3px; text-align:left; } #logo_header #phone p { color: #7f7f7f; font-family: 'DidotItalic',serif; font-size: 12px; line-height: 15px; font-weight:normal; letter-spacing:0.5px; padding: 0; margin:0; } #logo_header #phone span { color: #000; font-family: 'DidotItalic',serif; font-size: 25px; line-height: 22px; font-weight:normal; letter-spacing:0.5px; padding: 0; margin:0; } #logo_header #clubPrivilege { position:absolute; z-index:55; top:12px; right:3px; text-align:right; } #logo_header #clubPrivilege p { color: #7f7f7f; font-family: 'DidotItalic',serif; font-size: 12px; line-height: 15px; font-weight:normal; letter-spacing:0.5px; padding: 0; margin:0; } #logo_header #clubPrivilege span { color: #000; font-family: 'DidotItalic',serif; font-size: 25px; line-height: 22px; font-weight:normal; letter-spacing:0.5px; padding: 0; margin:0; } /* HOUSE PAGE */ .centragePageConnexion { position: absolute; /*min-width: 950px;*/ width: 100%; margin: 0 auto; z-index: 50; display:none; } .fbBannerFacebookTime{max-width: 877px; /*max-width: 950px;*/ background-color:transparent;text-align:center;margin:0 auto;} .fbBannerExclusive{ /*display:inline-block;*/ background-color:#FFF; height:50px;position:relative; top:-8px; -webkit-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5); -moz-box-shadow:0 0 5px rgba(0,0,0,0.5); -o-box-shadow:0 0 5px rgba(0,0,0,0.5); box-shadow:0 0 5px rgba(0,0,0,0.5); /*border-bottom:1px solid #7f7f7f;*/ padding:0 25px 0 10px; margin-bottom:10px; } .fbBannerExclusive .fbBannerCross{right:15px;top:50%; margin-top:-8px;margin-right:0; background-position: left top;width:22px; height:22px;display:inline-block;position:absolute;opacity:.65;text-indent:-9999px;cursor:pointer} .fbBannerExclusive .fbBannerCross:hover{opacity:1;} .fbBannerExclusive .fabSubmitBtn{position:relative;top:12px;padding:5px 10px} .fbBannerExclusive .fbconnectBtn{display:inline;left:19px;margin-right:36px;position:relative;top:12px;width:20px;height:26.5px} .fbBannerExclusive .fbBannerFblogin{ left:2px; position:relative; top:4px; background-image: url(../img/bgFacebook.png); background-repeat: no-repeat; background-position: left center; } .welcomeDeliver{padding:15px 10px 0 16px;font-size:18px;font-family: 'HelveticaUltralight', serif; color:#000; text-transform:uppercase; letter-spacing:2px; font-weight:400;} .welcomeDeliver span{font-size:24px;font-family: 'AkzidenzBOLD', sans-serif; color:#7f7f7f; text-transform:uppercase; letter-spacing:1px;} .fbBannerFblogin{background-position:-436px -639px;display:inline-block;height:27px;width:17px}.fbRightcheck{background-position:-454px -635px;display:inline-block;height:22px;width:26px} .floatLeft{float:left} .fabGrad{background-color:#7f7f7f; color:#fff;text-decoration:none; font-family: 'AkzidenzMedium', sans-serif; text-transform:uppercase; font-size:16px; font-style:normal; letter-spacing: 1px; line-height:16px; color:#fff; font-style:normal;font-weight:100; display: block; text-decoration:none; margin: 0 0 1px;} .fabGrad:hover { color:#fff; background-color:#000; } .borderR5,.round5{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px} .fabShopSprite2{ background-attachment: scroll; background-color: transparent; background-image: url(../img/close_formGD.png); background-repeat: no-repeat; background-position: 0 0; } .fbGrad{background-color:#354f83;background:-moz-linear-gradient(100% 100% 90deg,#354f83,#556fa4);background:-webkit-gradient(linear,0% 0,0% 100%,from(#556fa4),to(#354f83));background-image:-o-linear-gradient(#556fa4,#354f83)}.fbGrad:active{background:-moz-linear-gradient(100% 100% 90deg,#556fa4,#354f83);background:-webkit-gradient(linear,0% 0,0% 100%,from(#354f83),to(#556fa4));background-image:-o-linear-gradient(#354f83,#556fa4)} .fbconnectBtn{font-size:12px;color:#FFF;cursor:pointer;display:inline-block;outline:0;font-weight:bold;cursor:pointer;padding:0 6px;height:32px;width:150px} #main { position: relative; width: 100%; text-align: center; padding: 0px 0 15px 0; min-height: 300px; } #main #language { float:left; //width:50%; } #main #language p { color: #000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 12px; line-height: 12px; font-weight:normal; letter-spacing:0.5px; padding: 0; margin:10px 10px 10px 25px; text-align:left; width:auto; } #main #language .current { color: #000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 12px; line-height: 15px; font-weight:normal; letter-spacing:0.5px; padding: 0; margin:0; text-decoration:none; } #main #language a { color: #7F7F7F; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 12px; line-height: 15px; font-weight:normal; letter-spacing:0.5px; padding: 0; margin:0; text-decoration:none; } #main #language a:hover { color: #000; text-decoration: underline; } #main #infoConnect { //width:50%; float:right; margin:10px 30px 0 0; } #main #infoConnect .visuelConnect { float: left; margin-top: -2px; width: 20px; } #main #infoConnect .titreConnect { display:block; font-size:12px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; color:#7a7a7a; text-align:center; padding-top:0px; width:auto; float:left; margin-left:5px; position:relative; } #main #infoConnect .looutConnect { position:absolute; display:block; background-color: transparent; background-image: url(../img/close_form.png); background-repeat: no-repeat; background-position: 0 0; width:12px; height:12px; right: -18px; top: 2px; } #main #infoConnect .looutConnect:hover { background-color:#fff; } #main h1 { font-family: 'DidotItalic',Arial,serif; font-size: 22px; font-style: normal; font-weight: normal; margin: 10px 0 15px 25px; text-align: left; text-transform:uppercase; padding: 0; } #main h1 span { text-align: left; font-family: 'itcavantgardestd-bkcn', helvetica, sans-serif; font-size:17px; letter-spacing:1px; padding-left:2px; text-transform:uppercase; } #main h2 { font-family: 'DidotItalic',Arial,serif; font-size: 22px; font-style: normal; font-weight: normal; margin: 40px 0 5px 25px; padding: 0; text-align: left; text-transform:uppercase; } #main h2 span { text-align: left; font-family: 'itcavantgardestd-xltcn', helvetica, sans-serif; font-size:17px; letter-spacing:1px; padding-left:2px; text-transform:uppercase; } #main #sociauxSejour { float: right; margin: -29px 0 8px; padding: 0; width: 300px; } #main #sociauxSejour ul { list-style:none; width:100%; margin:0px 0 10px 0; padding:0px; float: left; } #main #sociauxSejour ul li{ background-image: none; float: left; margin: 0; padding: 0; text-align: left; width: 110px; } #main hr.traitTitle { background: none repeat scroll 0 0 #000000; border: medium none; color: #000000; height: 1px; text-align: left; } #main .trait_40 { width: 40px; margin: 5px 0 25px 25px; } #main .trait_25 { width: 25px; margin: 5px 0 10px 2px; } /* ========================================================================== repère page: ========================================================================== */ .repere { position: absolute; visibility : hidden; z-index:55; left:0; } /* ========================================================================== InfoBUlle: ========================================================================== */ .infobulle{ position: absolute; visibility : hidden; padding: 5px 10px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; letter-spacing:1px; font-size: 12px; line-height:14px; background-color:#000; background-color: rgb(0, 0, 0); /* alternative solide */ background-color: rgba(0, 0, 0, 0.85)!important; color:#FFF; z-index:55; text-align:center; } .infobulle2 { position: absolute; visibility : hidden; padding: 5px 10px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; letter-spacing:1px; font-size: 12px; line-height:14px; background-color:#000; background-color: rgb(0, 0, 0); /* alternative solide */ background-color: rgba(0, 0, 0, 0.85)!important; color:#FFF; z-index:55; text-align:center; } #mainBottom { position: relative; width: 100%; /*background: #191919 url('../img/bckg_main.gif') repeat-y center top;*/ min-height: 25px; /*background-repeat: no-repeat; background-position: center top; background-image: url(../img/bg-module-bottom-shadow.png);*/ padding-top:10px; } #related-content { position: relative; width: 100%; margin: 0; padding: 30px 0; background: #f3f3f3; text-align: center; } #footer { position: relative; width: 100%; padding: 20px 0; background-color: #fff; font-family: 'itcavantgardestd-bkcn', Helvetica, sans-serif; text-align: center; margin-top:15px; } .centrage { /*position: relative;*/ min-width: 1000px; max-width: 1000px; margin: 0 auto; } /***************************/ /* STRUCTURE HOME */ /***************************/ .home { position: relative; width: 100%; min-height: 145px; overflow: hidden; padding:0px; } /* MAGAZINE */ .mag-home { width: 100%; height: 500px; margin: 0; position: relative; z-index: 9; overflow: hidden; } .mag-home .overlay { width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; z-index: 20; background: rgba(0, 0, 0, 0.9); } .mag-home .decor img { position: absolute; height: 100%; margin-left: -640px; width: auto; } .mag-home #logo_header_home { left: 0; margin: 0px; position: absolute; text-align: center; top: 10px; width: 100%; z-index: 15; } .mag-home #logo_header_home h1 { color: #000000; font-family: 'itcavantgardestd-xltcn',helvetica,sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; line-height: 22px; margin: 0 auto; padding: 0; text-transform: uppercase; width: 100%; text-align: center; } .mag-home .nav { height: 100%; left: 50%; margin: 0 0 0 -512px; position: absolute; text-align: center; top: 50%; width: 1024px; z-index: 15; } .mag-home .nav .univers { display: block; float: left; height: 100%; margin-top: -15px; padding: 0 25px; position: relative; } .mag-home .nav .univers .vertical-stroke { width: 1px; background: white; display: inline-block; zoom: 1; position: absolute; opacity: 0.3; filter: alpha(opacity=30); vertical-align: bottom; right: 12px; } .mag-home .nav #diormag-logo img { width: 168px; height: 45px; vertical-align: top; margin-top: -2px; position: relative; -ms-interpolation-mode: bicubic; display:block; } .mag-home .nav a { display: block; zoom: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); filter: alpha(opacity=40); opacity: 0.4; color: #fff; text-decoration:none; } .mag-home .nav a:hover, .mag-home .nav a.active,.mag-home .nav a.activeMag { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); opacity: 1; } .mag-home .nav a:hover span, .mag-home .nav a.active span, .mag-home .nav a.activeMag span{ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .mag-home .nav a span { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); filter: alpha(opacity=40); } .mag-home .nav span { display: block; position: relative; font-family: 'itcavantgardestd-xltcn',helvetica,sans-serif; font-size: 26px; text-transform: uppercase; letter-spacing:1px; } .mag-home .subnav-container { display: none; left: 50%; margin-left: -75px; padding: 20px 0px; position: absolute; text-align: center; text-transform: uppercase; width: 150px; } .mag-home .subnav-container em { margin: 10px 0 20px 0; display: block; font-size: 10px; font-style: italic; font-family: Arial, serif; } .mag-home .subnav-container .eBoutique { width: 100%; display: block; position: absolute; top: 10px; left: 0; font-size: 10px; font-style: italic; font-family: Arial, serif; text-transform: uppercase; color: #fff; } .mag-home .subnav { margin: 0; padding:0; } .mag-home .subnav li { margin: 0 0 11px; display: block; line-height: 17px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 14px; text-transform: uppercase; } .mag-home .subnav em { margin: 0 0 20px; } .mag-home hr { background-color: #FFFFFF; border: 0 none; height: 1px; margin: 0 auto 20px; opacity: 1; width: 45px; -moz-box-shadow: 0 0 10px #FFFFFF; -webkit-box-shadow: 0 0 10px #FFFFFF; box-shadow: 0 0 10px #FFFFFF; } .mag-home .seq-container { position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; } .mag-home .border-left { position: absolute; top: 0; left:0; width: 250px; height: 100%; overflow: hidden; z-index: 5; background-image:url(../../img/magazine/img/border_left.png); background-repeat:no-repeat; } .mag-home .border-right { position: absolute; top: 0; right:0; width: 250px; height: 100%; overflow: hidden; z-index: 5; background-image:url(../../img/magazine/img/border_right.png); background-repeat:no-repeat; } .mag-home .main-background { z-index: 5; position: absolute; top: 0; height: 100%; width: 5000px; left: 50%; margin-left: -2500px; text-align: center; background: #000; display: none; } .mag-home .main-background.align-right { left: auto; right: 0; margin-left: 0; text-align: right; } .mag-home .main-background.align-left { left: 0; margin-left: 0; text-align: left; } .mag-home .main-background img { height: 100%; width: auto; } .ie6 .mag-home #diormag-logo, .ie6 .mag-home #diormag-logo img { width: 152px; height: auto !important; } .ie6 .mag-home #diormag-logo img { max-width: 100%; } .ie7 .mag-home .subnav-container, .ie6 .mag-home .subnav-container { padding: 30px 0 0; } .lte7 .screen-high .mag-home .subnav li { margin: 0 0 6px; } .lte7 .screen-medium .mag-home .subnav li { margin: 0 0 6px; } .lte7 .screen-small .mag-home .subnav li { margin: 0 0 6px; } .lte8 .mag-home .overlay { background: #000; } .ie6 .mag-home .ecom form { margin: 10px 0 0; } .ie7 .mag-home .ecom input, .ie6 .mag-home .ecom input { width: 147px; } .ie7 .mag-home .subnav li, .ie6 .mag-home .subnav li { display: block; } /* NEW */ /* Image mag LEFT*/ .home #magazine_left { display: inline; float: left; min-width:688px; min-height: 673px; width:67.2%; padding-bottom:10px; background-color:#000000; } /*@media screen and (max-width:2850px){.home #magazine_left{width:67.2%;}} @media screen and (max-width:2650px){.home #magazine_left{width:67.2%;}} @media screen and (max-width:2350px){.home #magazine_left{width:67.2%;}} @media screen and (max-width:2000px){.home #magazine_left{width:67.2%;}} @media screen and (max-width:1850px){.home #magazine_left{width:67.3%;}} @media screen and (max-width:1650px){.home #magazine_left{width:67.2%;}} @media screen and (max-width:1300px){.home #magazine_left{width:67.2%;}} @media screen and (max-width:1250px){.home #magazine_left{width:64%;}} @media screen and (max-width:1024px){.home #magazine_left{width:63.6%;}} @media screen and (max-width:950px){.home #magazine_left{width:580px;}}*/ .home #magazine_left a { display: block; min-height: 673px; height:100%; width: 100%; background-repeat: no-repeat; background-position: left top; -webkit-background-size: 100% auto; /* pour Chrome et Safari */ -moz-background-size: 100% auto; /* pour Firefox */ -o-background-size: 100% auto; /* pour Opera */ background-size: 100% auto; /* version standardisée */ background-color:#000000; } @media screen and (max-width:2850px){.home #magazine_left a{height: 841px;}} @media screen and (max-width:2650px){.home #magazine_left a{height: 841px;}} @media screen and (max-width:2350px){.home #magazine_left a{height: 841px;}} @media screen and (max-width:2000px){.home #magazine_left a{height: 841px;}} @media screen and (max-width:1850px){.home #magazine_left a{height: 841px;}} @media screen and (max-width:1650px){.home #magazine_left a{height: 841px;}} @media screen and (max-width:1300px){.home #magazine_left a{height: 841px;}} @media screen and (max-width:1250px){.home #magazine_left a{height: 821px;}} @media screen and (max-width:1024px){.home #magazine_left a{height: 673px;}} @media screen and (max-width:950px){.home #magazine_left a{height: 624px;}} /* Sommaire RIGHT*/ .home #magazine_right { display: inline; float: right; min-width:306px; min-height: 673px; max-height: 841px; height:100%; } @media screen and (max-width:2850px){.home #magazine_right{height: 841px; width:32.5%;}} @media screen and (max-width:2650px){.home #magazine_right{height: 841px; width:32.5%;}} @media screen and (max-width:2350px){.home #magazine_right{height: 841px; width:32.5%;}} @media screen and (max-width:2000px){.home #magazine_right{height: 841px; width:32.5%;}} @media screen and (max-width:1850px){.home #magazine_right{height: 841px; width:32.5%;}} @media screen and (max-width:1650px){.home #magazine_right{height: 841px;width:32.5%;}} @media screen and (max-width:1300px){.home #magazine_right{height: 841px;width:32.5%;}} @media screen and (max-width:1250px){.home #magazine_right{height: 821px;width:31.5%;}} @media screen and (max-width:1024px){.home #magazine_right{height: 673px;width:30.90%;}} @media screen and (max-width:950px){.home #magazine_right{height: 624px;width:30.90%;}} .home #magazine_right h2{ color: #FFFFFF; display: inline; float: right; font-family: "Abadi_MT",serif; font-size: 175%; font-weight: normal; height: 3.6%; letter-spacing: 1px; margin: 2%; min-height: 30px; padding: 20% 3% 0 0; text-align: right; text-transform: uppercase; width: 93%; background-color:#000; } .home #magazine_right h3{ color: #FFFFFF; display: inline; float: right; font-family: "Abadi_MT",serif; font-size: 175%; font-weight: normal; height: 3.6%; letter-spacing: 1px; margin: 2% 2% 0 0; min-height: 25px; padding: 0 3% 0 0; text-align: right; text-transform: uppercase; width: 93%; background-color:#000000; } #magazine_right .chap_mag { display: inline; float:left; margin-left: 3%; min-width: 95%; padding: 0; width:28.2%; color: #000; min-height: 100px; } #magazine_right .chap_mag:hover { color: #000; cursor: pointer; } @media screen and (max-width:2850px){#magazine_right .chap_mag{width:28.2%;}} @media screen and (max-width:2650px){#magazine_right .chap_mag{width:28.2%;}} @media screen and (max-width:2350px){#magazine_right .chap_mag{width:28.2%;}} @media screen and (max-width:2000px){#magazine_right .chap_mag{width:28.2%;}} @media screen and (max-width:1850px){#magazine_right .chap_mag{width:28.2%;}} @media screen and (max-width:1650px){#magazine_right .chap_mag{width:28.2%;}} @media screen and (max-width:1300px){#magazine_right .chap_mag{width:28.2%;}} @media screen and (max-width:1250px){#magazine_right .chap_mag{width:300px; min-height: 85px;}} @media screen and (max-width:1024px){#magazine_right .chap_mag{width:290px; min-height: 85px;}} @media screen and (max-width:950px){#magazine_right .chap_mag{width:290px; min-height: 85px;}} #magazine_right .chap_mag img { margin: 2% 1% 0 0; float: right; border:1px solid #ccc; width:39%; } #magazine_right .chap_mag .chap_header { display: table; float: left; min-height: 85px; margin-bottom: 0px; margin-left: 0; margin-right: 0; position: relative; text-align: center; width: 58%; } #magazine_right .chap_mag .chap_header .chapText { bottom: 0; display: table-cell; padding: 0 2px; text-align: left; top: 0; vertical-align: middle; color: #333; } #magazine_right .chap_mag .chap_header .chapText:hover { color: #000; } #magazine_right .chap_mag .chap_header .chapText h4 { font-family: "Abadi_MT",serif; font-size: 195%; font-weight: normal; letter-spacing: 0px; line-height: 105%; margin: 0 0 2px; padding: 0; text-transform: uppercase; } #magazine_right .chap_mag .chap_header .chapText p { font-family: "HelveticaRegular",sans-serif; font-size: 115%; line-height: 105%; font-style:italic; letter-spacing:0.2px; margin:0; padding:0; font-weight: 200; width:95%; } #magazine_right .chap_mag .chap_header .chapText p:hover { text-decoration:underline; } @media screen and (max-width:2850px){#magazine_right .chap_mag .chap_header .chapText h4{font-size: 195%; line-height: 105%; }} @media screen and (max-width:2650px){#magazine_right .chap_mag .chap_header .chapText h4{font-size: 195%; line-height: 105%;}} @media screen and (max-width:2350px){#magazine_right .chap_mag .chap_header .chapText h4{font-size: 195%; line-height: 105%;}} @media screen and (max-width:2000px){#magazine_right .chap_mag .chap_header .chapText h4{font-size: 195%; line-height: 105%;}} @media screen and (max-width:1850px){#magazine_right .chap_mag .chap_header .chapText h4{font-size: 195%; line-height: 105%;}} @media screen and (max-width:1650px){#magazine_right .chap_mag .chap_header .chapText h4{font-size: 195%; line-height: 105%;}} @media screen and (max-width:1300px){#magazine_right .chap_mag .chap_header .chapText h4{font-size: 195%; line-height: 105%;}} @media screen and (max-width:1250px){#magazine_right .chap_mag .chap_header .chapText h4{font-size: 185%; line-height: 105%;}} @media screen and (max-width:1024px){#magazine_right .chap_mag .chap_header .chapText h4{font-size: 170%; line-height: 105%;}} @media screen and (max-width:950px){#magazine_right .chap_mag .chap_header .chapText h4{font-size: 170%; line-height: 105%;}} @media screen and (max-width:2850px){#magazine_right .chap_mag .chap_header .chapText p{font-size: 115%;line-height: 105%;}} @media screen and (max-width:2650px){#magazine_right .chap_mag .chap_header .chapText p{font-size: 115%;line-height: 105%;}} @media screen and (max-width:2350px){#magazine_right .chap_mag .chap_header .chapText p{font-size: 115%;line-height: 105%;}} @media screen and (max-width:2000px){#magazine_right .chap_mag .chap_header .chapText p{font-size: 115%;line-height: 105%;}} @media screen and (max-width:1850px){#magazine_right .chap_mag .chap_header .chapText p{font-size: 115%;line-height: 105%;}} @media screen and (max-width:1650px){#magazine_right .chap_mag .chap_header .chapText p{font-size: 115%;line-height: 105%;}} @media screen and (max-width:1300px){#magazine_right .chap_mag .chap_header .chapText p{font-size: 115%;line-height: 105%;}} @media screen and (max-width:1250px){#magazine_right .chap_mag .chap_header .chapText p{font-size: 110%;line-height: 105%;}} @media screen and (max-width:1024px){#magazine_right .chap_mag .chap_header .chapText p{font-size: 100%;line-height: 105%;}} @media screen and (max-width:950px){#magazine_right .chap_mag .chap_header .chapText p{font-size: 100%;line-height: 105%;}} /* ET AUSSI*/ #magazine_right #bg_chap_mag_small{ background-color:#000; float:left; padding:3% 0; margin: 3px 2% 0; } #magazine_right .chap_mag_small { display: inline; float: right; margin-right: 2%; min-width: 290px; padding: 5px 0; width:96%; color: #fff; min-height: 25px; background-color:#000; position:relative; } #magazine_right .chap_mag_small:hover { color: #000; } /*@media screen and (max-width:2850px){#magazine_right .chap_mag_small{width:25.2%;}} @media screen and (max-width:2650px){#magazine_right .chap_mag_small{width:25.2%;}} @media screen and (max-width:2350px){#magazine_right .chap_mag_small{width:25.2%;}} @media screen and (max-width:2000px){#magazine_right .chap_mag_small{width:25.2%;}} @media screen and (max-width:1850px){#magazine_right .chap_mag_small{width:25.2%;}} @media screen and (max-width:1650px){#magazine_right .chap_mag_small{width:25.2%;}} @media screen and (max-width:1300px){#magazine_right .chap_mag_small{width:25.2%;}} @media screen and (max-width:1250px){#magazine_right .chap_mag_small{width:29.2%; min-height: 55px;}} @media screen and (max-width:1024px){#magazine_right .chap_mag_small{width:310px; min-height: 55px;}} @media screen and (max-width:950px){#magazine_right .chap_mag_small{width:310px; min-height: 55px;}}*/ #magazine_right .chap_mag_small img { margin: 0% 0% 0 0; position:absolute; top:10%; right:2%; z-index: 55; } #magazine_right .chap_mag_small .chap_header { display: table; float: left; margin-bottom: 0; margin-left: 26%; margin-right: 0; position: relative; text-align: center; width: 50%; } #magazine_right .chap_mag_small .chap_header .chapText { bottom: 0; color: #FFFFFF; display: table-cell; padding: 0; text-align: right; top: 0; vertical-align: middle; } #magazine_right .chap_mag_small .chap_header .chapText:hover { color: #FFFFFF; } #magazine_right .chap_mag_small .chap_header .chapText h4 { font-family: "Abadi_MT",serif; font-size: 125%; font-style: normal; font-weight: normal; letter-spacing: 0.5px; line-height: 145%; margin: 0; padding: 0; text-transform: uppercase; } #magazine_right .chap_mag_small .chap_header .chapText p { font-family: "HelveticaRegular",sans-serif; font-size: 100%; font-style: italic; font-weight: 400; letter-spacing: 0.8px; line-height: 105%; margin: 0; padding: 0; width: 100%; } #magazine_right .chap_mag_small .chap_header .chapText p:hover { text-decoration:underline; } @media screen and (max-width:2850px){#magazine_right .chap_mag_small .chap_header .chapText h4{font-size: 125%; line-height: 145%; }} @media screen and (max-width:2650px){#magazine_right .chap_mag_small .chap_header .chapText h4{font-size: 125%; line-height: 145%;}} @media screen and (max-width:2350px){#magazine_right .chap_mag_small .chap_header .chapText h4{font-size: 125%; line-height: 145%;}} @media screen and (max-width:2000px){#magazine_right .chap_mag_small .chap_header .chapText h4{font-size: 125%; line-height: 145%;}} @media screen and (max-width:1850px){#magazine_right .chap_mag_small .chap_header .chapText h4{font-size: 125%; line-height: 145%;}} @media screen and (max-width:1650px){#magazine_right .chap_mag_small .chap_header .chapText h4{font-size: 125%; line-height: 145%;}} @media screen and (max-width:1300px){#magazine_right .chap_mag_small .chap_header .chapText h4{font-size: 125%; line-height: 145%;}} @media screen and (max-width:1250px){#magazine_right .chap_mag_small .chap_header .chapText h4{font-size: 115%; line-height: 145%;}} @media screen and (max-width:1024px){#magazine_right .chap_mag_small .chap_header .chapText h4{font-size: 103%; line-height: 145%;}} @media screen and (max-width:950px){#magazine_right .chap_mag_small .chap_header .chapText h4{font-size: 103%; line-height: 145%;}} @media screen and (max-width:2850px){#magazine_right .chap_mag_small .chap_header .chapText p{font-size: 90%;line-height: 105%;}} @media screen and (max-width:2650px){#magazine_right .chap_mag_small .chap_header .chapText p{font-size: 90%;line-height: 105%;}} @media screen and (max-width:2350px){#magazine_right .chap_mag_small .chap_header .chapText p{font-size: 90%;line-height: 105%;}} @media screen and (max-width:2000px){#magazine_right .chap_mag_small .chap_header .chapText p{font-size: 90%;line-height: 105%;}} @media screen and (max-width:1850px){#magazine_right .chap_mag_small .chap_header .chapText p{font-size: 90%;line-height: 105%;}} @media screen and (max-width:1650px){#magazine_right .chap_mag_small .chap_header .chapText p{font-size: 90%;line-height: 105%;}} @media screen and (max-width:1300px){#magazine_right .chap_mag_small .chap_header .chapText p{font-size: 90%;line-height: 105%;}} @media screen and (max-width:1250px){#magazine_right .chap_mag_small .chap_header .chapText p{font-size: 85%;line-height: 100%;}} @media screen and (max-width:1024px){#magazine_right .chap_mag_small .chap_header .chapText p{font-size: 85%;line-height: 100%;}} @media screen and (max-width:950px){#magazine_right .chap_mag_small .chap_header .chapText p{font-size: 80%;line-height: 100%;}} #magazine_right .chap_magLeft { float: left; margin-left:2%; margin-right:0px; margin-bottom:2%; } #magazine_right .chap_magLeft img { margin: 0% 0% 0 0; position:absolute; top:-90%; left:2%; z-index: 55; } #magazine_right .chap_magLeft .chap_header { float: right; margin-left: 0px; margin-right: 26%; } #magazine_right .chap_magLeft .chap_header .chapText { text-align:left; } #magazine_right .first { border: medium none; } #magazine_right .last { border-bottom: 1px solid #000; } /* FIN NEW*/ .home .magazine_header { display: inline; float: left; min-width:580px; min-height: 572px; } @media screen and (max-width:2850px){.home .magazine_header{width:67.3%;}} @media screen and (max-width:2650px){.home .magazine_header{width:67.3%;}} @media screen and (max-width:2350px){.home .magazine_header{width:67.3%;}} @media screen and (max-width:2000px){.home .magazine_header{width:67.3%;}} @media screen and (max-width:1850px){.home .magazine_header{width:67.3%;}} @media screen and (max-width:1650px){.home .magazine_header{width:67.3%;}} @media screen and (max-width:1300px){.home .magazine_header{width:67.3%;}} @media screen and (max-width:1250px){.home .magazine_header{width:64%;}} @media screen and (max-width:1024px){.home .magazine_header{width:63.6%;}} @media screen and (max-width:950px){.home .magazine_header{width:580px;}} .home .magazine_header a { display: block; height: 838px; width: 100%; background-repeat: no-repeat; background-position: left top; -webkit-background-size: 100% auto; /* pour Chrome et Safari */ -moz-background-size: 100% auto; /* pour Firefox */ -o-background-size: 100% auto; /* pour Opera */ background-size: 100% auto; /* version standardisée */ } @media screen and (max-width:2850px){.home .magazine_header a{height: 838px;}} @media screen and (max-width:2650px){.home .magazine_header a{height: 838px;}} @media screen and (max-width:2350px){.home .magazine_header a{height: 838px;}} @media screen and (max-width:2000px){.home .magazine_header a{height: 838px;}} @media screen and (max-width:1850px){.home .magazine_header a{height: 838px;}} @media screen and (max-width:1650px){.home .magazine_header a{height: 838px;}} @media screen and (max-width:1300px){.home .magazine_header a{height: 838px;}} @media screen and (max-width:1250px){.home .magazine_header a{height: 755px;}} @media screen and (max-width:1024px){.home .magazine_header a{height: 755px;}} @media screen and (max-width:950px){.home .magazine_header a{height: 755px;}} .home .article_mag { border-top: 1px solid #000; display: inline; float: right; margin-right: 10px; min-width: 310px; padding: 10px 35px 10px 0; background-image: url(../img/flec-couvOFF.gif); background-repeat: no-repeat; background-position: 100% center; width:28.2%; color: #7f7f7f; min-height: 100px; } .home .article_mag:hover { background-image: url(../img/flec-couvON.gif); color: #000; } @media screen and (max-width:2850px){.home .article_mag{width:28.2%;}} @media screen and (max-width:2650px){.home .article_mag{width:28.2%;}} @media screen and (max-width:2350px){.home .article_mag{width:28.2%;}} @media screen and (max-width:2000px){.home .article_mag{width:28.2%;}} @media screen and (max-width:1850px){.home .article_mag{width:28.2%;}} @media screen and (max-width:1650px){.home .article_mag{width:28.2%;}} @media screen and (max-width:1300px){.home .article_mag{width:28.2%;}} @media screen and (max-width:1250px){.home .article_mag{width:29.2%; min-height: 85px;}} @media screen and (max-width:1024px){.home .article_mag{width:310px; min-height: 85px;}} @media screen and (max-width:950px){.home .article_mag{width:310px; min-height: 85px;}} .home .article_mag img { border-width: 1px 0 0; float: right; } .home .article_mag .article_header { display: table; float: left; min-height: 85px; margin-bottom: 0px; margin-left: 0; margin-right: 0; position: relative; text-align: center; width: 58%; } .home .article_mag .article_header .articleText { bottom: 0; display: table-cell; padding: 0 2px; text-align: center; top: 0; vertical-align: middle; color: #7f7f7f; } .home .article_mag .article_header .articleText:hover { color: #000000; } .home .article_mag .article_header .articleText h4 { color:#333; font-family: "AkzidenzMedium",sans-serif; font-size: 14px; font-weight: 100; letter-spacing: 0.2px; line-height: 18px; margin: 0 0 2px; padding: 0; text-transform: uppercase; } .home .article_mag .article_header .articleText h3 { display: table-cell; font-family: 'DidotRegular',serif; font-size: 25px; font-weight: normal; height: 53px; letter-spacing: 0.3px; line-height: 24px; margin: 0 0 3px; padding: 0; text-align: center; text-transform: uppercase; vertical-align: middle; width: 230px; } .home .article_mag .article_header .articleText p { font-family: "HelveticaRegular",sans-serif; font-size: 12px; line-height: 14px; font-style:italic; letter-spacing:0.2px; margin:0; padding:0; } @media screen and (max-width:2850px){.home .article_mag .article_header .articleText h3{font-size: 25px;height: 53px;line-height: 24px;}} @media screen and (max-width:2650px){.home .article_mag .article_header .articleText h3{font-size: 25px;height: 53px;line-height: 24px;}} @media screen and (max-width:2350px){.home .article_mag .article_header .articleText h3{font-size: 25px;height: 53px;line-height: 24px;}} @media screen and (max-width:2000px){.home .article_mag .article_header .articleText h3{font-size: 25px;height: 53px;line-height: 24px;}} @media screen and (max-width:1850px){.home .article_mag .article_header .articleText h3{font-size: 25px;height: 53px;line-height: 24px;}} @media screen and (max-width:1650px){.home .article_mag .article_header .articleText h3{font-size: 25px;height: 53px;line-height: 24px;}} @media screen and (max-width:1300px){.home .article_mag .article_header .articleText h3{font-size: 25px;height: 53px;line-height: 24px;}} @media screen and (max-width:1250px){.home .article_mag .article_header .articleText h3{font-size: 20px;height: 40px;line-height: 22px;}} @media screen and (max-width:1024px){.home .article_mag .article_header .articleText h3{font-size: 20px;height: 40px;line-height: 22px;}} @media screen and (max-width:950px){.home .article_mag .article_header .articleText h3{font-size: 20px;height: 40px;line-height: 22px;}} @media screen and (max-width:2850px){.home .article_mag .article_header .articleText p{font-size: 12px;line-height: 14px;}} @media screen and (max-width:2650px){.home .article_mag .article_header .articleText p{font-size: 12px;line-height: 14px;}} @media screen and (max-width:2350px){.home .article_mag .article_header .articleText p{font-size: 12px;line-height: 14px;}} @media screen and (max-width:2000px){.home .article_mag .article_header .articleText p{font-size: 12px;line-height: 14px;}} @media screen and (max-width:1850px){.home .article_mag .article_header .articleText p{font-size: 12px;line-height: 14px;}} @media screen and (max-width:1650px){.home .article_mag .article_header .articleText p{font-size: 12px;line-height: 14px;}} @media screen and (max-width:1300px){.home .article_mag .article_header .articleText p{font-size: 12px;line-height: 14px;}} @media screen and (max-width:1250px){.home .article_mag .article_header .articleText p{font-size: 11px;line-height: 12px;}} @media screen and (max-width:1024px){.home .article_mag .article_header .articleText p{font-size: 11px;line-height: 12px;}} @media screen and (max-width:950px){.home .article_mag .article_header .articleText p{font-size: 11px;line-height: 12px;}} .home .title_magSmall { border-bottom: 1px solid #000000; float: left; font-family: 'DidotRegular',serif; font-size: 22px; font-weight: normal; letter-spacing: 0.2px; line-height: 22px; margin: 20px 0 10px 12px; padding: 0 0 5px 15px; text-align: left; text-transform: uppercase; width: 15%; } /* ET AUSSI*/ .home .article_mag_small { border-top: 1px solid #CCCCCC; display: inline; float: right; margin-right: 10px; min-width: 310px; padding: 8px 35px 8px 0; background-image: url(../img/flec-couvOFF.gif); background-repeat: no-repeat; background-position: 100% center; width:25.2%; color: #7f7f7f; min-height: 50px; } .home .article_mag_small:hover { background-image: url(../img/flec-couvON.gif); color: #000; } @media screen and (max-width:2850px){.home .article_mag_small{width:25.2%;}} @media screen and (max-width:2650px){.home .article_mag_small{width:25.2%;}} @media screen and (max-width:2350px){.home .article_mag_small{width:25.2%;}} @media screen and (max-width:2000px){.home .article_mag_small{width:25.2%;}} @media screen and (max-width:1850px){.home .article_mag_small{width:25.2%;}} @media screen and (max-width:1650px){.home .article_mag_small{width:25.2%;}} @media screen and (max-width:1300px){.home .article_mag_small{width:25.2%;}} @media screen and (max-width:1250px){.home .article_mag_small{width:29.2%; min-height: 55px;}} @media screen and (max-width:1024px){.home .article_mag_small{width:310px; min-height: 55px;}} @media screen and (max-width:950px){.home .article_mag_small{width:310px; min-height: 55px;}} .home .article_mag_small img { border-width: 1px 0 0; float: right; } .home .article_mag_small .article_header { display: table; float: left; min-height: 85px; margin-bottom: 0px; margin-left: 0; margin-right: 0; position: relative; text-align: center; width: 68%; } .home .article_mag_small .article_header .articleText { bottom: 0; display: table-cell; padding: 0 2px; text-align: center; top: 0; vertical-align: middle; color: #7f7f7f; } .home .article_mag_small .article_header .articleText:hover { color: #000000; } .home .article_mag_small .article_header .articleText h4 { color:#333; font-family: "AkzidenzMedium",sans-serif; font-size: 14px; font-weight: 100; letter-spacing: 0.2px; line-height: 18px; margin: 0 0 2px; padding: 0; text-transform: uppercase; } .home .article_mag_small .article_header .articleText h3 { display: table-cell; font-family: 'DidotRegular',serif; font-size: 18px; font-weight: normal; height: 45px; letter-spacing: 0.3px; line-height: 20px; margin: 0 0 3px; padding: 0; text-align: center; text-transform: uppercase; vertical-align: middle; width: 230px; } @media screen and (max-width:2850px){.home .article_mag_small .article_header .articleText h3{font-size: 18px;height: 45px;line-height: 20px;}} @media screen and (max-width:2650px){.home .article_mag_small .article_header .articleText h3{font-size: 18px;height: 45px;line-height: 20px;}} @media screen and (max-width:2350px){.home .article_mag_small .article_header .articleText h3{font-size: 18px;height: 45px;line-height: 20px;}} @media screen and (max-width:2000px){.home .article_mag_small .article_header .articleText h3{font-size: 18px;height: 45px;line-height: 20px;}} @media screen and (max-width:1850px){.home .article_mag_small .article_header .articleText h3{font-size: 18px;height: 45px;line-height: 20px;}} @media screen and (max-width:1650px){.home .article_mag_small .article_header .articleText h3{font-size: 18px;height: 45px;line-height: 20px;}} @media screen and (max-width:1300px){.home .article_mag_small .article_header .articleText h3{font-size: 18px;height: 45px;line-height: 20px;}} @media screen and (max-width:1250px){.home .article_mag_small .article_header .articleText h3{font-size: 16px;height: 35px;line-height: 18px;}} @media screen and (max-width:1024px){.home .article_mag_small .article_header .articleText h3{font-size: 16px;height: 35px;line-height: 18px;}} @media screen and (max-width:950px){.home .article_mag_small .article_header .articleText h3{font-size: 16px;height: 35px;line-height: 18px;}} .home .article_magLeft { float: left; margin-left:10px; margin-right:0px; } .home .article_magLeft img { float: left; } .home .article_magLeft .article_header { float: right; margin-bottom: 10px; } .home .first { border: medium none; } .home .last { border-bottom: 1px solid #000; } /* FIN MAGAZINE */ .home #textDesc { display: inline; float: left; margin: 0 6% 5px; padding: 10px 0; text-align: justify; width: 90%; } .home #textDesc h1 { color: #000000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; line-height: 19px; margin: 5px 3% 10px 0; padding: 0; width: 97%; } .home #textDesc p { color: #000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 13px; letter-spacing: 1px; line-height: 17px; margin: 5px 3% 5px 0; padding: 0; width: 97% } .home .home_title { display: inline; float: left; margin-right: 0; margin:10px 3% 20px; padding: 15px 0 10px 0; text-align: center; width: 94%; border-bottom: 1px solid #CCCCCC; position:relative; } .home .other { margin: 10px 6% 0px; width: 88%; } .home .box { display: inline; float: left; margin-right: 0; margin: 0px 2% 10px; width: 96%; padding: 35px 0 0; text-align: center; position:relative; } .home .box .inner .next { position: absolute; top: 50%; right: -10px; color:#000; background-color: transparent; height:35px; width:35px; z-index:45; background-image: url(../img/fle-right.png); background-repeat: no-repeat; background-position: center center; margin-top: -23px; opacity: 1; } .home .box .inner .prev { position: absolute; top: 50%; left: -10px; color:#000; background-color: transparent; height:35px; width:35px; z-index:45; background-image: url(../img/fle-left.png); background-repeat: no-repeat; background-position: center center; margin-top: -23px; opacity: 1; } .home .box .blog_frame { display: block; float: left; position:relative; margin:0 5px; } .home .box .blog_frame .blog_text{ background-color: #FFFFFF; bottom: 0; left: 0; padding: 10px; position: absolute; width: 266px; z-index: 15; min-height: 100px; } .blog_frame .blog_text .dateBlog { font-family:'DidotRegular',serif; font-size: 13px; } .blog_frame .blog_text .titleBlog { font-family:'DidotRegular',serif; font-size: 16px; line-height: 18px; text-transform: uppercase; margin-bottom: 10px; } .blog_frame .blog_text .textBlog { font-family:'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:13px; } .home .box #comHoogui{ position: absolute; right: -15px; text-align: center; top: 120px; width: 175px; z-index:50; } .home .box #comHoogui h2 { font-size: 13px; line-height: 20px; margin: 5px 0; text-align: center; text-transform: uppercase; font-family:'itcavantgardestd-bkcn',Helvetica,sans-serif; } .box .magArt { overflow: hidden; width: 940px; text-align: left; } .magArt a { display: block; position: relative; } .magArt a img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; } .magArt a:hover img { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: none; } .magArt .blocArt { margin: 0 0 10px; overflow: hidden; width: 940px; } .magArt .col { float: left; margin: 0 10px 0 0; width: 465px; } .magArt .col.last { border: medium none; margin: 0; } .magArt ul { overflow: hidden; margin: 0; padding:0; } .magArt ul li { float: left; height: 126px; width: 228px; list-style: none outside none; margin: 0; padding: 0; } .magArt ul li.full { width: 465px; } .magArt ul li.marginR10 { margin-right: 9px; } .magArt ul li.marginB10 { margin-bottom: 10px; } .magArt ul li.alignR { text-align: right; } .magArt ul li.alignR .overlay { right: 0; text-align: left; } .magArt .overlay { background: none repeat scroll 0 0 rgba(37, 37, 39, 0.9); display: none; height: 90px; position: absolute; bottom: 0; width: 465px; z-index: 9; } .magArt .overlay .legend { color: #FFFFFF; left: 10px; position: absolute; top: 5px; width: 90%; } .magArt .overlay strong { display: block; font-family: 'itcavantgardestd-xltcn',helvetica,sans-serif; font-size: 22px; height: 20px; margin: 0 0 2px 0px; text-transform: uppercase; } .magArt .overlay hr { background-color: #FFFFFF; border: medium none; color: #FFFFFF; height: 1px; margin: 12px 0 10px; text-align: left; width: 25px; } .magArt .overlay small { font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; } .magArt .overlay.small { height: 93px; width: 228px; } .magArt .overlay.small strong { font-size: 21px; height: 20px; text-transform: uppercase; } .ie8 .prehome .overlay, .ie7 .prehome .overlay, .ie6 .prehome .overlay { background-color: #252527; } .ie7 .magArt .overlay hr, .ie6 .magArt .overlay hr { margin: 5px 0 10px; } .home .home_title h3 { color: #7f7f7f; font-family:'DidotRegular',serif; font-size: 28px; line-height: 32px; text-transform: uppercase; margin:0; padding:0; font-weight:normal; letter-spacing:0.5px; } .home .home_title h4 { color: #7f7f7f; font-family:'DidotItalic',serif; font-size: 18px; line-height: 22px; text-transform: none; margin:0; padding:0; font-weight:normal; letter-spacing:0.5px; } .home .home_title #fbAccueil{ position:absolute; right:0; top:35px; } .home .sejour { color: #FFFFFF; float: left; list-style-type: none; margin: 5px 16px; min-height: 300px; padding: 0; position: relative; text-align: center; width: 160px; } .home .sejour a { color: #FFFFFF; float: left; height: 285px; position: relative; width: 160px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; } .home .sejour .buttonImg { background-color: #000000; bottom: 20px; color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 14px; font-style: normal; left: 50%; letter-spacing: 0px; margin-left: -40px; padding: 3px 5px 3px; position: absolute; text-transform: uppercase; width: 80px; z-index: 100; } .home .sejour .cacheImg { background-color: #000000; display: none; height: 285px; left: 0; margin: 0 0 10px; opacity: 0.60; padding: 0; position: absolute; top: 0; width: 160px; z-index: 50; } .home .sejour .newSej { display: block; height: 285px; left: 0; margin: 0 0 10px; padding: 0; position: absolute; top: 0; width: 160px; z-index: 100; } .home .sejour .newSej img { background-color: transparent; height: 285px; margin: 0; opacity: 1; padding: 0; width: 160px; } .home .sejour img { background-color: #000000; height: 285px; margin: 0; opacity: 1; padding: 0; width: 160px; } .home .sejour .titreS { display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 25px; font-weight: normal; left: 0; line-height: 25px; margin: 2px 4px 0; padding: 0; position: absolute; text-align: right; text-transform: uppercase; top: 15px; width: 152px; z-index: 60; } .home .sejour .sstitreS { display: none; font-size: 16px; font-style: normal; font-weight: normal; left: 0; line-height: 17px; margin: 0 4px; padding: 0; position: absolute; text-align: right; top: 42px; width: 152px; z-index: 60; } .home .sejour .prixS { display: none; font-size: 15px; font-style: normal; font-weight: normal; left: 0; line-height: 15px; margin: 0 4px; padding: 0; position: absolute; text-align: right; top: 62px; width: 152px; z-index: 60; } .home .sejour p { display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 14px; font-weight: normal; left: 0; line-height: 15px; margin: 10px 4px 0; padding: 0; position: absolute; text-align: justify; top: 85px; width: 152px; z-index: 60; } .home .article_insp { display: inline; float: left; margin: 0 25px 30px 0; min-height: 250px; position: relative; width: 245px; } .home .article_insp:last-child { margin: 0 0px 30px 0; } .home .article_insp a { color: #7f7f7f; text-decoration: none; width: 245px; height: 250px; float:left; } .home .article_insp a:hover { color: #000000; text-decoration: none; } .home .article_insp img { width: 245px; height: 250px; } .home .article_insp .insp_bloc { background-color: #000; bottom: 0; height: 130px; left: 0; margin-top: 4px; padding: 0 5px; position: absolute; text-align: left; width: 235px; display:none; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; z-index:9; } .home .article_insp .insp_title { bottom: 0; height: 130px; left: 0; margin-top: 4px; padding: 0 5px; position: absolute; text-align: left; width: 235px; display:none; z-index:15; } .home .article_insp .insp_title h3 { color: #FFF; font-family: 'itcavantgardestd-bkcn',helvetica,sans-serif; font-size: 17px; font-weight: normal; line-height: 17px; margin: 0; padding: 5px 0; text-transform: uppercase; width: 100%; } .home .article_insp .insp_title p { padding: 0; font-size:14px; line-height:15px; font-family:'itcavantgardestd-bkcnr', sans-serif; font-style: normal; margin:0; letter-spacing:0.3px; width:100%; color: #FFF; } .home .article_insp .insp_title .buttonImg { background-color: #000000; bottom: 10px; color: #FFFFFF; display: block; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 14px; font-style: normal; left: 50%; letter-spacing: 0; margin-left: -40px; padding: 3px 5px 3px; position: absolute; text-transform: uppercase; width: 80px; z-index: 100; text-align:center; } .home .slidesImage { float:left; margin:0 auto; width: 100%; float:left; padding-bottom: 10px; } .home .slidesImage .inner { width:89%; overflow: hidden; background-color:#FFF; float:left; position:relative; padding:0 5% 0 6%; } .home .slidesImage .inner .next { position: absolute; top: 50%; right: 3.9%; color:#000; background-color:#fff; height:35px; width:35px; z-index:45; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; opacity:0; margin-top: -23px; background-color:#000000; opacity: 0.2; } .home .slidesImage .inner .prev { position: absolute; top: 50%; left: 4.1%; color:#000; background-color:#fff; height:35px; width:35px; z-index:45; background-image: url(../img/arrow-left.png); background-repeat: no-repeat; background-position: center center; opacity:0; margin-top: -23px; background-color:#000000; opacity: 0.2; } .home .slidesImage .inner .loading { position: absolute; top: 50%; left: 50%; height:32px; width:32px; z-index:45; display:none; } .home .moreInsp { color: #000000; float: left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 13px; height: auto; left: 10px; letter-spacing: 1px; margin: 0; position: absolute; text-align: center; text-decoration: none; text-transform: uppercase; top: 410px; width: 120px; z-index:50; } .home .moreInsp:hover { text-decoration: underline; } .home .moreLoadingHoogui { float: right; height: 15px; margin: 0 35px; position: relative; text-align: center; width: auto; } .home .moreOpen { font-size:13px; color:#7f7f7f; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; text-transform:uppercase; width:auto; padding:5px 10px; background-color:#FFFFFF; text-decoration:none; letter-spacing: 0px; } .home .moreClose { font-size:13px; color:#7f7f7f; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; text-transform:uppercase; width:auto; padding:5px 10px; background-color:#FFFFFF; text-decoration:none; letter-spacing: 0px; } .home .moreLoadingHoogui a{ color:#7f7f7f; text-decoration:none} .home .moreLoadingHoogui a:hover{ color:#000; text-decoration:none} .home .article_magSmall { display: inline; float: left; /*min-height: 240px;*/ margin-right: 0; position: relative; text-align: center; width: 25%; border-bottom: 6px solid white; padding-bottom:5px; margin-bottom:15px; } .home .article_magSmall:hover { border-bottom: 6px solid black; } .home .article_magSmall a { color: #7f7f7f; text-decoration: none; } .home .article_magSmall a:hover { color: #000000; text-decoration: none; } .home .article_magSmall img { margin-bottom: 13px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; } .home .article_magSmall img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); } .home .article_magSmall p { padding: 0 30px; font-family: "HelveticaRegular",sans-serif; font-size: 12px; line-height: 15px; letter-spacing:0.5px; margin:0; font-style:italic; min-height:30px; } .home .article_magSmall .insp_title { margin-top: 4px; position: relative; } .home .article_magSmall .insp_title .innerTitle { bottom: -17px; clear: both; display: block; left: 0; margin: 0 10px; position: absolute; right: 0; text-align: center; } .home .article_magSmall .insp_title .innerTitle h3 { background: none repeat scroll 0 0 #FFFFFF; background-color: rgb(255, 255, 255); /* alternative solide */ display: inline-block; font-size: 18px; line-height: 20px; padding: 8px 15px; text-transform:uppercase; width:80%; font-family:'DidotRegular',serif; font-weight:normal; color: #000000; } /***************************/ /* FIN STRUCTURE HOME */ /***************************/ #header_home { position: absolute; width: 100%; text-align: center; z-index: 51; /* pour passer la sousNav au dessus du masque */ padding:0px; height:60px; background-color:#FFFFFF; top:470px; } .ie6 #header_home, .ie7 #header_home { /* INLINE-BLOCK HACK FOR IE6-7 */ display: inline; zoom: 1; } #main_home { position: relative; width: 100%; /*background: #191919 url('../img/bckg_main.gif') repeat-y center top;*/ text-align: center; padding: 0px 0 5px 0; min-height: 300px; background-repeat: repeat-y; background-position: center top; background-color: #fff; } /* STRUCTURE DESTINATIONS */ #header_dest { position: fixed; width: 100%; text-align: center; z-index: 51; /* pour passer la sousNav au dessus du masque */ padding: 0; height:50px; } #header_dest .liveFeedTipContent{ position:absolute; background-color:#F8F8F8; top:240px; left:50%; width:300px; padding:12px 20px 0; margin-left:-170px; z-index:52; display:none; -moz-box-shadow:0px 1px 10px #000; -webkit-box-shadow:0px 1px 10px #000; box-shadow:0px 1px 10px #000; } .liveFeedTipContent .header{ color: #000; font-family: 'itcavantgardestd-xltcn'; font-size: 20px; font-style: normal; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; } .liveFeedTipContent .content{font-family:'itcavantgardestd-bkcn',serif;font-style:normal;color:#000;font-size:16px; letter-spacing:0.5px;} .liveFeedTipContent .content a{font-family:'itcavantgardestd-bkcn',serif;font-style:normal;color:#000;font-size:16px; letter-spacing:0.5px;} .liveFeedTipContent .content a:hover{font-family:'itcavantgardestd-bkcn',serif;font-style:normal;color:#000;font-size:16px; letter-spacing:0.5px;} .liveFeedTipContent .content>div{margin:4px 0} .liveFeedTipContent .content em{font-weight: normal;font-style:normal} .liveFeedTipContent .tooltip-arrow-new{ border-top:10px solid transparent; border-right:10px solid #000; border-bottom:10px solid transparent; font-size:0; line-height:0; width:0; position:relative; right:30px; bottom:3px; } .dB{display:block} .greyCross {background-position: left top;width:22px; height:22px;display:inline-block;position:absolute;top:10px;right:10px;text-indent:-9999px;cursor:pointer} #liveFeedInfoToolTip .greyCross:hover {background-position: left top;!important opacity:1;} .fabShopSprite,.spriteIcon { background-attachment: scroll; background-color: transparent; background-image: url(../img/close_detail_black.png); background-repeat: no-repeat; background-position: 0 0; opacity:.6; } .fabShopSprite:hover,.spriteIcon:hover { opacity:1; } .borderR10{/*-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px*/} #main_dest { position: relative; width: 100%; /*background: #191919 url('../img/bckg_main.gif') repeat-y center top;*/ text-align: center; padding: 165px 0 15px 0; min-height: 300px; background-repeat: repeat-y; background-position: center top; background-color: #fff; } #main_dest .slidesImage { float:left; width:100%; margin:5px 0px; height:100%; } #main_dest .slidesImage .inner { width: 98%; overflow: hidden; background-color:#FFF; float:left; position:relative; margin:0 0 10px 1.5%; } #main_dest .slidesImage .inner .next { position: absolute; top: 50%; right: 0px; color:#000; background-color:#fff; height:35px; width:30px; z-index:45; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; opacity:0; margin-top: -15px; background-color:#000000; opacity: 0.5; } /* MENU */ #menu { position: relative; margin: 0; padding: 0; background: #191919; z-index: 2; } #menu ul { padding: 0; margin: 0; list-style-type: none; } #menu li { display: inline-block; position: relative; width: 150px; padding: 30px 0; margin: 0; vertical-align: top; } .ie6 #menu li, .ie7 #menu li { /* INLINE-BLOCK HACK FOR IE6-7 */ display: inline; zoom: 1; } .press_sprite { background: url('../img/header/press-moet.png') no-repeat left top; } .rss_sprite { background: url('../img/header/rss-moet.png') no-repeat left top; } .app_sprite { background: url('../img/header/mobile-application-moet.png') no-repeat left top; } .youtube_sprite { background: url('../img/header/youtube-moet.png') no-repeat left top; } .facebook_sprite { background: url('../img/header/facebook-moet.png') no-repeat left top; } .signup_sprite { background: url('../img/header/signup-moet.png') no-repeat left top; } .menuLink { display: block; padding-top: 44px; color: #7a7a7a; text-decoration: none; text-transform: uppercase; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif; font-size: 11px; letter-spacing: 1px;*/ /*font-weight: bold; font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif*/ font-size: 13px; letter-spacing: 2px; line-height: 17px; } .cufon-active .cufon-replace { font-size: 16px; font-weight: bold; text-transform: none; letter-spacing: 1px; color: #A2A2A2; } .menuLink.active, .menuLink:hover { background-position: right top; color: #fff; } .menuTxt { display: none; position: absolute; top: 0; left: 100%; width: 800px; padding: 15px 0; text-align: left; color: #a9a4a0; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 12px; line-height: 16px; } .menuTxt .column { float: left; width: 365px; margin-right: 30px; } .menuTxt .column-unique { width: 760px; } .menuTxt h3 { /*font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif;*/ text-transform: uppercase; color: #fff; margin: 0; padding: 0; font-size: 15px; font-weight: normal; letter-spacing: 1px; } .menuTxt a { color: #a9a4a0; } .menuTxt a:hover { color: #fff; } .menuTxt .close { /*width: 9px; height: 10px; background-position: -6px -5px;*/ background-position: -4px 0; height: 16px; width: 13px; } .press-info { margin: 0; } .rss-icon { display: inline-block; padding-left: 20px; height: 15px; background: url('../img/icon_rss.gif') no-repeat left center; } .ie6 .rss-icon, .ie7 .rss-icon { /* INLINE-BLOCK HACK FOR IE6-7 */ display: inline; zoom: 1; } #signup-form { margin: 16px 0; } #signup-form input[type=text] { border: 1px solid #5c5852; background: #5c5852; color: #faf2ed; height: 22px; padding: 0 5px; width: 200px; line-height: 22px; } #signup-form .stylized-select-wrapper { width: 200px; display: block; } #signup-form input[type=submit] { border: none; background: none; color: #fff; height: 22px; padding: 0 5px; line-height: 22px; } .signup-form-table { margin-top: -15px; border-collapse: separate; border-spacing: 15px 15px; text-align: left; } .signup-form-table td { padding: 0; } .signup-form-table .width-define { width: 210px; } /* LOGO page ad'accueil */ /* LOGO */ .textHoogui { position: relative; margin: 0; padding:0; z-index: 50; margin-top:-25px; opacity:0; } .textHoogui .centrage { min-width:670px; max-width:770px; position:relative; } .textHoogui .centrage2 { max-width: 920px; min-width: 820px; position: relative; margin: 0 auto; } .textHoogui #infoText { background-color:#000; background-color: rgb(0, 0, 0); /* alternative solide */ background-color: rgba(0, 0, 0, 0.85)!important; padding:10px 15px; padding-bottom:15px; margin:0 auto; -webkit-box-shadow:0 0 7px rgba(0,0,0,0.5); -moz-box-shadow:0 0 7px rgba(0,0,0,0.5); -o-box-shadow:0 0 7px rgba(0,0,0,0.5); box-shadow:0 0 7px rgba(0,0,0,0.5); position:relative; } #infoText h1 { width:100%; display:block; margin:0; font-size:14px; font-family: 'DidotItalic', serif; color:#fff; text-align:justify; font-style:normal; font-weight:normal; letter-spacing: 1px; line-height:17px; margin-bottom:10px; } #infoText .titreA { width:100%; display:block; margin:0; font-size:18px; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; color:#fff; text-align:center; font-style:normal; font-weight:normal; letter-spacing: 2px; line-height:17px; margin-bottom:10px; text-transform: uppercase; } #infoText p { width:100%; display:block; margin:0; font-size:12px; font-family: 'DidotItalic', serif; color:#fff; text-align:justify; letter-spacing: 1px; line-height:17px; } #infoText .itemBloc{ margin-left:135px; float:left; margin-top:15px; margin-bottom:10px; } .itemBloc .form-itemBloc { line-height: 5px; width:105px; float:left; margin-right:25px; border-right:#7f7f7f 1px solid; } .itemBloc .form-itemBloc:last-child { border-right:none; } .itemBloc .form-itemBloc a{ color:#fff; width:100%; float:left; height:10px; text-decoration:none; text-align:left; margin:5px 0px; } .itemBloc .form-itemBloc a:hover{ text-decoration: underline; } #infoText .boutonInfoText { width:100%; display:block; text-align:center; height:25px; background-image: url(../img/FlecheHaut.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } #infoText #titre{ position: absolute; right:0; top:25px; } #infoText #titre .resultMod { width:90px; text-align:center; margin-top:10px; float:left; } #infoText #titre .nbResultats { margin:0; width:auto; text-align:center; margin: 6px 0 0; font-family: 'AkzidenzMedium', sans-serif; font-size:12px; letter-spacing: 2px; line-height:12px; background-color:#000; color:#FFFFFF; opacity: 1; padding: 7px 10px; float:left; margin-left:10px; text-transform:uppercase; } #infoText #titre .resultMod a { font-family: 'AkzidenzMedium', sans-serif; font-size:12px; letter-spacing: 1px; line-height:12px; margin:0; background-color:#7f7f7f; color:#FFFFFF; opacity: 1; padding:5px; text-transform:uppercase; text-decoration:none; } #infoText #titre .resultMod a:hover { background-color:#000; color:#fff; } #infoText .formSearch { padding: 0; /*margin: 29px auto 23px; /* On centre horizontalement */ margin: 0 auto; height: 170px; list-style-type: none; float:left; width:100%; margin-top:25px; margin-left:35px; position:relative; } #infoText .resultSearch2 { padding: 0; /*margin: 29px auto 23px; /* On centre horizontalement */ margin: 0 auto; height: 225px; list-style-type: none; float:left; width:100%; margin-top:18px; margin-left:0px; position:relative; } #infoText .resultSearch2 .messageSearch { padding: 0; /*margin: 29px auto 23px; /* On centre horizontalement */ margin: 0; height: 20px; float:left; width:100%; margin-top:75px; text-transform:uppercase; font-size:15px; font-family: 'AkzidenzMedium', Arial, serif; font-weight:normal; line-height:15px; text-align:center; color:#fff; } #infoText .resultSearch2 .slidesImage { margin:0 auto; width: 98%; float:left; } #infoText .resultSearch2 .slidesImage .innerSearch { width: 100%; overflow: hidden; background-color: transparent; float:left; position:relative; height:220px; padding-right:30px; } #infoText .resultSearch2 .slidesImage .innerSearch .nextResult { position: absolute; top: 50%; right: 10px; color:#000; height:35px; width:35px; z-index:45; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; opacity:0; margin-top: -20px; background-color:#000000; opacity: 0.5; } #infoText .resultSearch2 .slidesImage .innerSearch .nextResult:hover { background-color: #000; opacity: 0.8; } #infoText .resultSearch2 .slidesImage .innerSearch #carResult li { padding: 0; margin: 0; color: #191919; height: 220px; width:160px; text-align:center; float:left; display: block; margin-right:40px; border: none 0px; position:relative; z-index:5; } #infoText .resultSearch2 .slidesImage .innerSearch #carResult li a { padding: 0; margin: 0; border: none 0px; color:#fff; } #infoText .resultSearch2 .slidesImage .innerSearch #carResult li a:hover { color:#fff; } #infoText .resultSearch2 .slidesImage .innerSearch #carResult li .ImgSejourSearch { cursor:pointer; overflow:hidden !important; height:285px; position:relative; width:160px; } #infoText .resultSearch2 .slidesImage .innerSearch #carResult li .search_overlay { position:absolute; background-color:black; background-color:rgba(0,0,0,0.75); z-index:150; bottom:15px; text-align:left; width:100%; height:auto; opacity:1; filter:Alpha(opacity=1); font-family: 'DidotRegular', Arial, serif; padding-bottom:0px; text-transform:none; } #infoText .resultSearch2 .slidesImage .innerSearch #carResult li .search_overlay p { float:left; font-family: 'DidotItalic', serif; font-weight:normal; line-height:13px; margin:0px; padding:0px; font-size:13px; width:95%; margin-top:3px; letter-spacing:0px; text-transform:none; margin-bottom:0px; margin-left:7px;} #infoText .resultSearch2 .slidesImage .innerSearch #carResult li .search_overlay .prixSej { float: left; font-family: 'DidotItalic',Arial,serif; font-size: 13px; font-weight: normal; height: auto; line-height: 14px; margin: 5px 0 3px 7px; padding: 0; width: 95%; } #infoText .resultSearch2 .slidesImage .innerSearch #carResult li .search_overlay .titreS { float:left; text-transform:uppercase; font-size:18px; font-family: 'DidotRegular', Arial, serif; font-weight:normal; line-height:16px; margin:0px; padding:0px; height:auto; margin:5px 0px 0px 0px; width:95%; letter-spacing:1px; margin-left:7px;} #infoText .resultSearch2 .slidesImage .innerSearch #carResult li .img_link { z-index:200;} #infoText .formSearch .choixBt { width:30px; position: absolute; top:50%; right: 35px; margin-top:0px; text-align:center; z-index:55; } #infoText .formSearch .choixBt a { font-family: 'AkzidenzMedium', sans-serif; font-size:17px; letter-spacing: 1px; line-height:17px; margin:0; float:right; background-color:#7f7f7f; color:#FFFFFF; opacity: 1; padding:8px 5px 5px 5px; text-transform:uppercase; text-decoration:none; } #infoText .formSearch .choixBt a:hover { background-color:#000; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.4); -moz-box-shadow:0 0 5px rgba(0,0,0,0.4); -o-box-shadow:0 0 5px rgba(0,0,0,0.4); box-shadow:0 0 5px rgba(0,0,0,0.4); color:#FFF; } #infoText .formSearch .nav-wrap { margin: 0 auto; width:100%; float:left; border-left:0 none; } #infoText .formSearch #search { margin: 0; list-style: none; position: relative; width: 100%; padding-left:0px; border-left:0 none; margin-bottom:10px; text-align: left; } #infoText .formSearch #search li { display: inline-block; padding:0; margin:0; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight:100;font-size: 26px; line-height: 26px; width: auto; text-align:left; border-right:#7f7f7f 1px solid; height:25px; margin-right:20px; padding-right:15px; text-align:center;} .formSearch #search li a { font-weight:normal; float: left; letter-spacing:1px; text-decoration: none; text-transform: uppercase; color: #fff; width:auto; margin:0; border:none 0; padding:1px 10px 1px 0px; -webkit-transition: all .0s none; -moz-transition: all .0s none; -o-transition: all .0s none; transition: all .0s none; } #infoText .formSearch #search a { -webkit-transition: all .0s none; -moz-transition: all .0s none; -o-transition: all .0s none; transition: all .0s none; } #infoText .formSearch #search li:first-child { padding:1px 10px 1px 0px; } #infoText .formSearch #search li:last-child { border-right: 1px solid transparent; } #infoText .formSearch #search li a:hover { color:#fff; font-family: 'AkzidenzBold', sans-serif; font-size: 26px; -webkit-transition: all .0s none; -moz-transition: all .0s none; -o-transition: all .0s none; transition: all .0s none; letter-spacing:2.7px; } #infoText .formSearch #search li .active { color:#fff; font-family: 'AkzidenzBold', sans-serif; font-size: 26px; letter-spacing:2.7px; -webkit-transition: all .0s none; -moz-transition: all .0s none; -o-transition: all .0s none; transition: all .0s none; } /*.ie6 #example-one li, .ie7 #example-one li { display: inline; } }*/ #infoText .formSearch #search .current_page a { color:#fff !important; font-family: 'AkzidenzBold', sans-serif; font-size: 26px; letter-spacing:2.7px;} #infoText .formSearch .panesSearch { width:92%; min-height:50px; margin-left:0px; border-top:1px solid #7f7f7f; float:left; text-align:left; padding : 0px; position:relative; } #infoText .formSearch .panesSearch .loading { position:absolute; top:50%; left:50%; height:35px; width:300px; z-index:55; margin-top: -50px; margin-left: -150px; background-color:#FFFF; font-family: 'AkzidenzBold', sans-serif; font-size: 16px; letter-spacing:2px; color:#fff; display:none; background-color:#000; background-color:rgba(0,0,0,0.75); padding:5px 0px; } #infoText .formSearch .panesSearch .blocSearch { width: 100%; overflow: hidden; /*background-color:#FFF;*/ float:left; position:relative; height: 155px; margin-right:20px; padding-right:30px; } #infoText .formSearch .panesSearch .blocSearch .searchCont { margin: 0; padding: 0; list-style-type: none; width:70px; border-left:0 none; margin-top:10px; border-right:#7f7f7f 1px solid; margin-right:20px; } #infoText .formSearch .panesSearch .blocSearch li { font-family: 'AkzidenzBold', sans-serif; margin: 6px 0; } #infoText .formSearch .panesSearch .blocSearch a { color: #7f7f7f; border:none 0; text-align:right; font-size: 18px; border-right: 1px solid transparent; border-left: 1px solid transparent; } #infoText .formSearch .panesSearch .blocSearch a:hover { color: #7f7f7f; border:none 0; text-align:right; font-size: 18px; border-right: 1px solid transparent; border-left: 1px solid transparent; } #infoText .formSearch .panesSearch .blocSearch .textInfoSearch { width: auto; font-size:14px; line-height:14px; font-family: 'DidotRegular', Arial, serif; font-weight:100; color:#fff; text-transform:none; margin:8px 0px; text-decoration:underline; } #infoText .formSearch .panesSearch .form-itemBloc { margin-top:10px; line-height: 5px; width:115px; float:left; margin-right:25px; border-right:#7f7f7f 1px solid; } #infoText .formSearch .panesSearch .form-itemBloc2 { margin-top:10px; line-height: 5px; width:190px; float:left; margin-right:25px; border-right:#7f7f7f 1px solid; } #infoText .formSearch .panesSearch .form-itemBloc3 { margin-top:10px; line-height: 5px; width:150px; float:left; margin-right:25px; border-right:#7f7f7f 1px solid; } #infoText .formSearch .panesSearch .form-itemBloc:last-child, .formSearch .panesSearch .form-itemBloc2:last-child, .formSearch .panesSearch .form-itemBloc2:last-child{ border-right:#7f7f7f 1px solid; } #infoText .formSearch .panesSearch .form-item { margin-bottom:0px; line-height: 5px; width:130px; float:left; } #infoText .formSearch .panesSearch .form-item2 { width:180px; margin-bottom:0px; line-height: 5px; float:left; } #infoText .formSearch .panesSearch .form-item3 { width:140px; margin-bottom:0px; line-height: 5px; float:left; } #infoText .formSearch .panesSearch .form-item2 label { width:140px; text-align:left; color:#fff; float:right; text-transform:none; } #infoText .formSearch .panesSearch .form-item2 .form-text { width:15px; padding:3px; float:left; margin-right:2px; text-align:left; } #infoText .formSearch .panesSearch .form-item3 label { width:110px; text-align:left; color:#fff; float:right; text-transform:none; } #infoText .formSearch .panesSearch .form-item3 .form-text { width:15px; padding:3px; float:left; margin-right:2px; text-align:left; } #infoText .formSearch .panesSearch .form-item label { width:95px; text-align:left; color:#fff; float:right; text-transform:none; } #infoText .formSearch .panesSearch .form-item .form-text { width:15px; padding:3px; float:left; margin-right:2px; text-align:left; } #infoText .formSearch .panesSearch .form-item .form-select {width:20px;height:20px;} #infoText .formSearch .panesSearch label{display:block;float:left;margin-right:8px;line-height:23px;} #infoText .formSearch .panesSearch input,select,textarea{font-size:13px/17px Arial,sans-serif;vertical-align:middle;background:#fff;border:0;padding:3px 0;} #infoText .formSearch .panesSearch input{height:22px; width:22px;}select{height:23px;} #infoText .formSearch .panesSearch .form-select:focus,.form-text:focus,.form-textarea:focus{background-color:#ddd;} #infoText .formSearch .panesSearch .form-submit-prefix{display:block;float:left;padding-left:5px;line-height:21px;} #infoText .formSearch .panesSearch .form-required{display:none;} #infoText .formSearch .panesSearch input.form-submit{border:0;padding:0;display:block;font:9px/1.5em Tahoma,Geneva,sans-serif;height:23px;line-height:23px;color:#FFF;text-transform:uppercase;font-size:9px;letter-spacing:0.3em;background:none;} #infoText .formSearch .panesSearch input.form-submit:hover{cursor:pointer;background:none;text-decoration:underline;} #infoText .formSearch .panesSearch input.form-submit:active,input.form-submit:focus{outline:none;border:none;} #infoText .formSearch .panesSearch input.form-submit::-moz-focus-inner{border:0;} /* LOGO */ #logoHoogui { position: relative; height: 50px; margin: 0; padding: 0; background: #FFF; z-index: 51; } .ombre{ -webkit-box-shadow:0 0 7px rgba(0,0,0,0.5); -moz-box-shadow:0 0 7px rgba(0,0,0,0.5); -o-box-shadow:0 0 7px rgba(0,0,0,0.5); box-shadow:0 0 7px rgba(0,0,0,0.5); } #logoHoogui .centrage { min-width:950px; max-width: 1280px; position: relative; } #logoHoogui #logoHome { width:230px; display:block; margin-top:4px; float:left; width:100%; display:block; position: absolute; top:0px; z-index:10; } #logoHoogui #fbAccueil { position: absolute; top:12px; left:10px; z-index:11; } #logoHoogui #textConnect { position: absolute; top:3px; left:120px; min-height:45px; z-index:11; } #logoHoogui #textConnect a { position: relative; font-size:16px; font-weight: normal; font-family: 'AkzidenzBOLD', sans-serif; text-transform:uppercase; width:130px; letter-spacing: 1px; background-color:#7f7f7f; color:#FFFFFF; padding:5px 10px; text-align:center; margin: 0; float:left; margin-top:8px;text-decoration:none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; } #logoHoogui #textConnect a:hover { background-color:#000; color:#FFFFFF; } #logoHoogui #textConnect .visuelConnect { margin-right:5px; width:40px; float:left; padding-top:4px; } #logoHoogui #textConnect .titreConnect { display:block; font-size:14px; font-family: 'DidotItalic', serif; color:#7a7a7a; text-align:center; padding-top:15px; width:auto; float:left; margin-left:5px; position:relative; } #logoHoogui #textConnect .titreConnect .looutConnect { position:absolute; display:block; background-color: transparent; background-image: url(../img/close_form.png); background-repeat: no-repeat; background-position: 0 0; width:12px; height:12px; right: -40px; top: 10px; } #logoHoogui #textConnect .titreConnect .looutConnect:hover { background-color:#fff; } #logoHoogui #bouton { position: absolute; top:8px; z-index:11; } #logoHoogui #bouton a { text-decoration:none; height: 35px; width: 50px; display:block; image-rendering: -moz-crisp-edges; opacity:0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -webkit-opacity: 0.25; } #logoHoogui #bouton a:hover{ opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; } .btMag { /*right:228px;*/ right:173px; background-repeat: no-repeat; background-position: center center; background-image: url('../img/pictos/picto_destinations.png'); height: 35px; width: 50px; border-right:1px #7f7f7f solid;padding:0 5px; -ms-interpolation-mode:bicubic; background-size: 50px 50px; -webkit-background-size: 50px 50px; opacity:0.45; filter: alpha(opacity=45); -moz-opacity: 0.45; -webkit-opacity: 0.45; } .btShop { right:287px; background-repeat: no-repeat; background-position: center center; background-image: url('../img/pictos/picto_mag.png'); height: 35px; width: 50px; border-right:1px #7f7f7f solid; -ms-interpolation-mode:bicubic; background-size: 50px 50px; -webkit-background-size: 50px 50px; opacity:0.45; filter: alpha(opacity=45); -moz-opacity: 0.45; -webkit-opacity: 0.45; } .btHoogui { right:13px; background-repeat: no-repeat; background-position: center center; background-image: url('../img/pictos/picto_hoogui.png'); height: 35px; width: 50px; -ms-interpolation-mode:bicubic; background-size: 50px 50px; -webkit-background-size: 50px 50px; opacity:0.45; filter: alpha(opacity=45); -moz-opacity: 0.45; -webkit-opacity: 0.45; } .btPays { /*right:173px;*/ right:118px; background-repeat: no-repeat; background-position: center center; background-image: url('../img/pictos/picto_pays.png'); height: 35px; width: 50px; -ms-interpolation-mode:bicubic; background-size: 50px 50px; -webkit-background-size: 50px 50px; border-right:1px #7f7f7f solid; padding:0 3px; opacity:0.45; filter: alpha(opacity=45); -moz-opacity: 0.45; -webkit-opacity: 0.45; } .btCat { /*right:118px;*/ right:63px; background-repeat: no-repeat; background-position: center center; background-image: url('../img/pictos/picto_cat.png'); height: 35px; width: 50px; -ms-interpolation-mode:bicubic; background-size: 50px 50px; -webkit-background-size: 50px 50px; border-right:1px #7f7f7f solid; padding:0 3px; opacity:0.45; filter: alpha(opacity=45); -moz-opacity: 0.45; -webkit-opacity: 0.45; } .btSearch { /*right:63px;*/ right:228px; background-repeat: no-repeat; background-position: center center; background-image: url('../img/pictos/picto_loupe.png'); height: 35px; width: 50px; -ms-interpolation-mode:bicubic; background-size: 50px 50px; -webkit-background-size: 50px 50px; border-right:1px #7f7f7f solid; padding:0 3px; opacity:0.45; filter: alpha(opacity=45); -moz-opacity: 0.45; -webkit-opacity: 0.45; } .btMag:hover,.btShop:hover, .btHoogui:hover,.btPays:hover,.btCat:hover, .btSearch:hover{ opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; } /* NAV */ #nav { position: relative; height: 49px; margin: 0; padding: 0; z-index: 1; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5); -moz-box-shadow:0 0 5px rgba(0,0,0,0.5); -o-box-shadow:0 0 5px rgba(0,0,0,0.5); box-shadow:0 0 5px rgba(0,0,0,0.5); border-bottom:1px solid #7f7f7f; background-color:#FFF; background-image: url(../img/bg.jpg); background-repeat: repeat-x; background-position: left top; } #nav .centrage { min-width:1000px; max-width: 1000px; } /* LOGO */ #nav #logo a { height: 50px; margin: 0; padding: 0; width:85px; float:left; text-align:left; } #logo #logoHeader { float:left; width:85px; display:block; } #logo h1 { margin: 0; /* on retire l'espace avec le mainNav */ width:inherit; margin:0px auto; text-align:center; padding-top:15px; color:#000000; font-size:24px; text-transform: uppercase; font-style:italic; font-weight:normal; line-height:normal; } #nav ul { list-style-type: none; padding: 0; /*margin: 0 0 0 14px;*/ float: left; height: 100%; } #nav li { display: block; float: left; margin: 0; height: 100%; color: #7f7f7f; height :50px; text-transform: uppercase; padding:0; } #nav a { display: block; padding: 0; height: 100%; text-decoration: none; } #nav #mainNav { height: 50px; margin: 0; /* on retire l'espace avec le newsNav */ padding:0px; float:left; } #nav #mainNav2{ height: 50px; margin: 0; /* on retire l'espace avec le newsNav */ padding:0px; float:right; } #mainNav2 li a , #mainNav li a { /*border-left:1px solid transparent; border-right:1px solid #7f7f7f; opacity:0.35; filter: alpha(opacity=35); -moz-opacity: 0.35; -webkit-opacity: 0.35;*/ } #mainNav a, #mainNav2 a{ padding: 0; border-left:1px solid #cccccc; border-right:1px solid transparent; background-repeat: no-repeat; background-position: center center; /*opacity:0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -webkit-opacity: 0.25;*/ } #mainNav li:last-child a { border-right: 1px solid transparent; } #mainNav2 li:hover a, #mainNav2 a:hover, #mainNav li:hover a, #mainNav a:hover { opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; background-color:#FFFFFF; background-repeat: no-repeat; background-position: center center; border-left:1px solid #7f7f7f; border-right:1px solid #7f7f7f; } /* NEW MENU HAUT */ /* NAV */ #navPrincipal { position: relative; height: 20px; margin: 0; padding: 0px 0 8px; z-index: 1; background-color:#FFF; } #navPrincipal .centrage { min-width:1000px; max-width: 1000px; } #navPrincipal #mainNav3 { height: 19px; margin: 0; /* on retire l'espace avec le newsNav */ padding:0px; float:left; } #mainNav3 li { display: block; float: left; margin: 0; height: 100%; color: #000; text-transform: uppercase; padding:0; border-right:1px solid #171717; padding: 0px 15px; height: 14px; } #mainNav3 li a { font-family: 'itcavantgardestd-xltcn',sans-serif; font-size: 19px; letter-spacing: 1px; width: auto; text-decoration:none; line-height: 15px; color: #171717; } #mainNav3 li:last-child { border-right:1px solid transparent; } #mainNav3 li:first-child { padding-left:0px; } #mainNav3 li:hover a{ opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; color:#000; } #mainNav3 .current{ color:#000; } #navPrincipal #mainNav4 { height: 19px; margin: 0; /* on retire l'espace avec le newsNav */ padding:0px; float:right; } #mainNav4 li { display: block; float: left; margin: 0; height: 100%; color: #000; text-transform: uppercase; padding:0; border-left:1px solid #171717; padding: 0px 15px; height: 14px; } #mainNav4 li a { font-family: 'itcavantgardestd-xltcn',sans-serif; font-size: 19px; letter-spacing: 1px; width: auto; text-decoration:none; line-height: 15px; color: #171717; } #mainNav4 li:last-child { padding-right:0px; } #mainNav4 li:first-child { border-left:1px solid transparent; } #mainNav4 li:hover a{ opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; color:#000; } #mainNav4 .current{ color:#000; } .effetnav { -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } /* FIN NEW MENU HAUT */ .dest { background-image: url(../img/pictos/picto_destinations.png); height: 50px; width: 55px; } .pays { background-image: url(../img/pictos/picto_pays.png); height: 50px; width: 55px; } .theme { background-image: url(../img/pictos/picto_cat.png); height: 50px; width: 55px; } .mag { background-image: url(../img/pictos/picto_mag.png); height: 50px; width: 55px; } .inspi { background-image: url(../img/pictos/picto_picture.png); height: 50px; width: 55px; } .hoog { background-image: url(../img/pictos/picto_hoogui.png); height: 50px; width: 55px; } .search { background-image: url(../img/pictos/picto_loupe.png); height: 50px; width: 55px; } .pro { background-image: url(../img/pictos/picto_pro.png); height: 50px; width: 50px; } .cont { background-image: url(../img/pictos/picto_cont.png); height: 50px; width: 50px; } .connecte { background-image: url(../img/pictos/picto_connexion.png); background-repeat: no-repeat; background-position: left center; height: 50px; width: 50px; } /******************/ /*Pays*/ /******************/ .no-js #mainNav li:hover .sousNavPays { display: block; } #mainNav .sousNavPays { position: absolute; /*top: 0px;*/ left: 0; z-index: 100; /* Pour passer au dessus du masque */ height: 250px; display: none; width: 100%; background: none repeat scroll 0 0 #FFFFFF; } #mainNav .sousNavPays .titre{ float:left; width:250px; font-size:32px; text-transform:uppercase; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; line-height:32px; text-align:left; padding-left:30px; color:#000; font-style:normal; font-weight: normal; letter-spacing: 2px; } #mainNav .sousNavPays .titre .cellT { display: table-cell; vertical-align: middle; height: 250px; } #mainNav .sousNavPays #wrapperPays { margin:0; width: 70%; float:left; height: 220px; margin-left:15px; margin-top:25px; } #mainNav .sousNavPays #wrapperPays .menuCont { margin:0; width: 110px; float:left; height: 200px; /*background-color:#CCCCCC;*/ } #mainNav .sousNavPays #wrapperPays .menuCont a{ color:#7f7f7f; } #mainNav .sousNavPays #wrapperPays .menuCont ul { width: 90px; float:left; height: 100%; margin:0; padding:0px; list-style: none; /*border-left:#7f7f7f solid 1px;*/ border-right: transparent solid 1px; padding:0 10px; } #mainNav .sousNavPays #wrapperPays .menuCont ul li { margin:0px; width: 90px; float:left; height: 30px; padding:0px; color:#7f7f7f; padding:0 5px; display:block; background-color:transparent; } #mainNav .sousNavPays #wrapperPays .menuCont ul li a { width: auto; float:right; font-family: 'AkzidenzBOLD', sans-serif; letter-spacing:1px; line-height:20px; font-size:20px; border: 0 none; border-left: 1px solid transparent; border-right: 1px solid transparent; text-decoration:none; } #mainNav .sousNavPays #wrapperPays .menuCont ul a:hover{ color:#000; } #mainNav .sousNavPays #wrapperPays .menuCont ul .current_Cont a{ color:#000; cursor: default; } #mainNav .sousNavPays #wrapperPays .menuPays { margin:0; padding:0px; width: 80.5%; float:left; height: 200px; margin-left:10px; /*background-color:#999999;*/ } #mainNav .sousNavPays #wrapperPays .menuPays .innerPays { width: 100%; overflow: hidden; /*background-color:#666;*/ float:left; position:relative; height: 200px; /*margin-left:20px; padding-right:30px;*/ } #mainNav .sousNavPays #wrapperPays .menuPays .innerPays .visuel { position:absolute; top:0px; left:0px; z-index:150; display: block; width:115px; height:auto; } #mainNav .sousNavPays #wrapperPays .menuPays .innerPays .blocBlanc { position:absolute; top:0px; right:0px; z-index:150; width:30px; height:100%; background-color:#fff; } #mainNav .sousNavPays #wrapperPays .menuPays .innerPays .nextPays { position: absolute; top: 50%; right: 0px; color:#000; background-color:#fff; height:30px; width:30px; z-index:155; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; margin-top: -15px; background-color:#000000; opacity: 0.2; } #mainNav .sousNavPays #wrapperPays .menuPays .innerPays .nextPays:hover { background-color: #000; opacity: 0.8; } #mainNav .sousNavPays .carPays { padding-left:125px; } #mainNav .sousNavPays .carPays .textPays { margin: 0; color: #7f7f7f; height: 170px; text-transform: normal; font-family:Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; width:170px; text-align:center; margin-top:30px; border-right:#7f7f7f solid 1px; /*background-color:#666;*/ float:left; display: block; list-style: none; padding:0 10px; position:relative; } #mainNav .sousNavPays .carPays .textPays .current_pays a{ color:#000; } #mainNav .sousNavPays .carPays .textPays .titrePa { color: #7f7f7f; font-size:19px; line-height:20px; width:170px; float:left; text-transform:uppercase; font-family: 'AkzidenzBOLD', sans-serif; text-align:center; color:#7f7f7f; font-style:normal; font-weight: normal; letter-spacing: 1px; /*margin-bottom:20px;*/ position:absolute; top:-30px; left:10px; z-index:10; } #mainNav .sousNavPays .carPays .textPays li { width:75px; float:left; height:25px; text-align:left; margin-left:8px; } #mainNav .sousNavPays .carPays .textPays li a { width:100%; /*float:left; height:30px;*/ color:#7f7f7f; border: none 0; font-size:13px; font-family: 'DidotItalic', serif; letter-spacing:1px; text-transform:none; } #mainNav .sousNavPays .carPays .textPays li a:hover { color:#000; } /******************/ /* Thèmes */ /******************/ .no-js #mainNav li:hover .sousNavThemes { display: block; } #mainNav .sousNavThemes { position: absolute; /*top: 0px;*/ left: 0; z-index: 100; /* Pour passer au dessus du masque */ height: 250px; display: none; width: 100%; background: none repeat scroll 0 0 #FFFFFF; } #mainNav .sousNavThemes .titre{ float:left; width:250px; font-size:32px; text-transform:uppercase; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; line-height:32px; text-align:left; padding-left:30px; color:#000; font-style:normal; font-weight: normal; letter-spacing: 2px; } #mainNav .sousNavThemes .titre .cellT { display: table-cell; vertical-align: middle; height: 250px; } .themeVisuel { text-align:center; } #mainNav .sousNavThemes .wrapperTheme { margin:0 auto; width: 65%; float:left; height: 250px; margin-left:15px; } #mainNav .sousNavThemes .innerTheme { width: 99%; overflow: hidden; background-color:#FFF; float:left; position:relative; height: 250px; padding-right:30px; } #mainNav .sousNavThemes .innerTheme .blancCache { position: absolute; top: 0; right: 0; color:#000; height:240px; width:60px; z-index:145; background-color:#fff; opacity: 1; } #mainNav .sousNavThemes .innerTheme .nextTheme { position: absolute; top: 50%; right: 15px; color:#000; background-color:#fff; height:35px; width:35px; z-index:150; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; margin-top: -23px; background-color:#000000; opacity: 0.2; } #mainNav .sousNavThemes .innerTheme .nextTheme:hover { background-color: #000; opacity: 0.8; } #mainNav .sousNavThemes #carTheme .imgTheme { padding: 0; margin: 0; color: #7f7f7f; min-height: 170px; text-transform: normal; font-family:Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; width:200px; text-align:center; margin-right:0px; margin-top:20px; /*border-right:#7f7f7f solid 1px;*/ background-color:#FFFFFF; float:left; display: block; border-left: 1px solid transparent; border-right: 1px solid #B2B2B2; } #mainNav .sousNavThemes #carTheme .imgTheme:last-child { border-left: 1px solid transparent; border-right: 1px solid transparent; } #mainNav .sousNavThemes #carTheme .imgTheme .sstitre{ float:left; width:100%; font-size:18px; text-transform:uppercase; font-family: 'AkzidenzBOLD', sans-serif; line-height:20px; } #mainNav .sousNavThemes #carTheme .imgTheme a:hover { color: #000; } #mainNav .sousNavThemes #carTheme .imgTheme a { color: #7f7f7f; border: 0 none; } #mainNav .sousNavThemes #carTheme .imgTheme img:hover { /*color: #575453;*/ color: #000; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.4); -moz-box-shadow:0 0 5px rgba(0,0,0,0.4); -o-box-shadow:0 0 5px rgba(0,0,0,0.4); box-shadow:0 0 5px rgba(0,0,0,0.4); opacity:0.60; filter: alpha(opacity=60); -moz-opacity: 0.60; -webkit-opacity: 0.60;} #mainNav .sousNavThemes #carTheme .imgTheme img { opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; margin-bottom:5px; } /******************/ /* Hoogui */ /******************/ .no-js #mainNav22 li:hover .sousNavHoogui { display: block; } #mainNav2 .sousNavHoogui { position: absolute; /*top: 0px;*/ left: 0; z-index: 100; /* Pour passer au dessus du masque */ height: 220px; display: none; width: 100%; background: none repeat scroll 0 0 #FFFFFF; } #mainNav2 .sousNavHoogui .centragePage { /*position: relative;*/ min-width: 1000px; max-width: 1000px; margin: 0 auto; } #mainNav2 .sousNavHoogui .titre{ float:left; width:220px; font-size:32px; text-transform:uppercase; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; line-height:32px; text-align:left; padding-left:30px; color:#000; font-style:normal; font-weight: normal; letter-spacing: 2px; } #mainNav2 .sousNavHoogui .titre .cellT { display: table-cell; vertical-align: middle; height: 220px; } .hooguiVisuel { text-align:center; } #mainNav2 .sousNavHoogui .wrapperHoog { margin:0 auto; width: 72%; float:left; height: 170px; margin-left:15px; margin-top:30px; } #mainNav2 .sousNavHoogui .innerHoog { width: 100%; overflow: hidden; background-color:#FFF; float:left; position:relative; height: 150px; } #mainNav2 .sousNavHoogui .innerHoog .blancCache { position: absolute; top: 0; right: 0; color:#000; height:140px; width:60px; z-index:145; background-color:#fff; opacity: 1; } #mainNav2 .sousNavHoogui .innerHoog .nextHoog { position: absolute; top: 50%; right: 0px; color:#000; background-color:#fff; height:30px; width:30px; z-index:150; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; margin-top: -18px; background-color:#000000; opacity: 0.5; } #mainNav2 .sousNavHoogui .innerHoog .nextHoog:hover { background-color: #000; opacity: 0.8; } #mainNav2 .sousNavHoogui #carHoog .imgHoog { padding: 0; margin: 0; color: #7f7f7f; min-height: 110px; text-transform: normal; font-family:Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; width:170px; text-align:center; margin-right:0px; margin-top:25px; /*border-right:#7f7f7f solid 1px;*/ background-color:#FFFFFF; float:left; display: block; border-left: 1px solid transparent; border-right: 1px solid #B2B2B2; } #mainNav2 .sousNavHoogui #carHoog .imgHoog:last-child { border-left: 1px solid transparent; border-right: 1px solid transparent; } #mainNav2 .sousNavHoogui #carHoog .imgHoog .sstitre{ float:left; width:100%; font-size:18px; text-transform:uppercase; font-family: 'AkzidenzBOLD', sans-serif; line-height:20px; } #mainNav2 .sousNavHoogui #carHoog .imgHoog a:hover { color: #000; } #mainNav2 .sousNavHoogui #carHoog .imgHoog a { color: #7f7f7f; border: 0 none; } #mainNav2 .sousNavHoogui #carHoog .imgHoog img { margin-bottom:5px; opacity:0.50; filter: alpha(opacity=50); -moz-opacity: 0.50; -webkit-opacity: 0.50; } #mainNav2 .sousNavHoogui #carTHoog .imgHoog img:hover { /*color: #575453;*/ color: #000; margin-top : 5px; /*-webkit-box-shadow:0 0 5px rgba(0,0,0,0.4); -moz-box-shadow:0 0 5px rgba(0,0,0,0.4); -o-box-shadow:0 0 5px rgba(0,0,0,0.4); box-shadow:0 0 5px rgba(0,0,0,0.4);*/ opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; } #mainNav2 .sousNavHoogui ul { padding: 0; /*margin: 29px auto 23px; /* On centre horizontalement */ margin: 0 auto; height: 220px; list-style-type: none; float:right; width:100%; } .ulPrincipal{ position:relative; } #mainNav2 .sousNavHoogui li { display: inline-block; padding: 10px 0px; margin: 0; color: #191919; height: 175px; text-transform: normal; font-family:Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; width:130px; text-align:center; margin-right:0px; margin-top:10px; border-right:#7f7f7f solid 1px; background-color:#FFFFFF; } #mainNav2 .sousNavHoogui li:last-child { border-right:transparent solid 1px; } #mainNav2 .sousNavHoogui li .sstitre{ float:left; width:100%; font-size:18px; text-transform:uppercase; font-family: 'AkzidenzBOLD', sans-serif; line-height:30px; } .ie6 #mainNav2 .sousNavHoogui li, .ie7 #mainNav2 .sousNavHoogui li { display: inline; zoom: 1; vertical-align: top; } #mainNav2 .sousNavHoogui li a:hover { /*display: inline; height: auto;*/ display: block; height: auto; padding: 0; border: 0 none; color: #000; text-decoration: none; text-transform: none; margin:0px; } #mainNav2 .sousNavHoogui li a { color: #7f7f7f; border: 0 none; } #mainNav2 .sousNavHoogui li img:hover { /*color: #575453;*/ color: #000; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.4); -moz-box-shadow:0 0 5px rgba(0,0,0,0.4); -o-box-shadow:0 0 5px rgba(0,0,0,0.4); box-shadow:0 0 5px rgba(0,0,0,0.4); opacity:0.60; filter: alpha(opacity=60); -moz-opacity: 0.60; -webkit-opacity: 0.60;} #mainNav2 .sousNavHoogui li img { opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; } /******************/ /* recherche */ /******************/ .no-js #mainNav li:hover .sousNavSearch { display: block; } #mainNav .sousNavSearch { position: absolute; /*top: 0px;*/ left: 0; z-index: 100; /* Pour passer au dessus du masque */ height: 250px; display: none; width: 100%; background: none repeat scroll 0 0 #FFFFFF; } #mainNav .sousNavSearch .titre{ float:left; width:280px; font-size:32px; text-transform:uppercase; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 150; line-height:32px; text-align:left; padding-left:30px; color:#000; font-style:normal; font-weight: normal; letter-spacing: 2px; } #mainNav .sousNavSearch .titre p{ width:280px; float: left; font-family: 'DidotItalic',Arial,serif; font-size: 13px; font-weight: normal; color:#7a7a7a; font-style:normal; font-weight: normal; letter-spacing: 1px; line-height:14px; text-transform:none; } #mainNav .sousNavSearch .titre .cellT { display: table-cell; vertical-align: middle; height: 250px; } #mainNav .sousNavSearch .titre .resultMod { width:90px; text-align:center; margin-top:10px; float:left; } #mainNav .sousNavSearch .titre .nbResultats { margin:0; width:auto; text-align:center; margin-top:10px; font-family: 'AkzidenzMedium', sans-serif; font-size:12px; letter-spacing: 2px; line-height:12px; background-color:#000; color:#FFFFFF; opacity: 1; padding:5px 10px; float:left; margin-left:10px; } #mainNav .sousNavSearch .titre .resultMod a { font-family: 'AkzidenzMedium', sans-serif; font-size:13px; letter-spacing: 1px; line-height:13px; margin:0; background-color:#7f7f7f; color:#FFFFFF; opacity: 1; padding:5px; } #mainNav .sousNavSearch .titre .resultMod a:hover { background-color:#000; color:#fff; } #mainNav .sousNavSearch .formSearch { padding: 0; /*margin: 29px auto 23px; /* On centre horizontalement */ margin: 0 auto; height: 205px; list-style-type: none; float:left; width:65%; margin-top:35px; margin-left:35px; position:relative; } #mainNav .sousNavSearch .resultSearch { padding: 0; /*margin: 29px auto 23px; /* On centre horizontalement */ margin: 0 auto; height: 195px; list-style-type: none; float:left; width:61%; margin-top:15px; margin-left:35px; position:relative; } #mainNav .sousNavSearch .resultSearch .messageSearch { padding: 0; /*margin: 29px auto 23px; /* On centre horizontalement */ margin: 0; height: 20px; float:left; width:100%; margin-top:75px; text-transform:uppercase; font-size:15px; font-family: 'AkzidenzMedium', Arial, serif; font-weight:normal; line-height:15px; text-align:center; color:#7f7f7f; } #mainNav .sousNavSearch .resultSearch .slidesImage { margin:0 auto; width: 100%; float:left; } #mainNav .sousNavSearch .resultSearch .slidesImage .innerSearch { width: 100%; overflow: hidden; background-color:#FFF; float:left; position:relative; height:220px; padding-right:30px; } #mainNav .sousNavSearch .resultSearch .slidesImage .innerSearch .nextResult { position: absolute; top: 50%; right: 10px; color:#000; background-color:#fff; height:35px; width:35px; z-index:45; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; opacity:0; margin-top: -20px; background-color:#000000; opacity: 0.5; } #mainNav .sousNavSearch .resultSearch .slidesImage .innerSearch .nextResult:hover { background-color: #000; opacity: 0.8; } #mainNav .sousNavSearch .resultSearch .slidesImage .innerSearch #carResult li { padding: 0; margin: 0; color: #191919; height: 220px; width:160px; text-align:center; float:left; display: block; margin-right:40px; border: none 0px; position:relative; z-index:5; } #mainNav .sousNavSearch .resultSearch .slidesImage .innerSearch #carResult li a { padding: 0; margin: 0; border: none 0px; color:#fff; } #mainNav .sousNavSearch .resultSearch .slidesImage .innerSearch #carResult li a:hover { color:#fff; } #mainNav .sousNavSearch .resultSearch .slidesImage .innerSearch #carResult li .ImgSejourSearch { cursor:pointer; overflow:hidden !important; height:285px; position:relative; width:160px; } #mainNav .sousNavSearch .resultSearch .slidesImage .innerSearch #carResult li .search_overlay { position:absolute; background-color:black; background-color:rgba(0,0,0,0.75); z-index:150; bottom:15px; text-align:left; width:100%; height:auto; opacity:1; filter:Alpha(opacity=1); font-family: 'DidotRegular', Arial, serif; padding-bottom:0px; text-transform:none; } #mainNav .sousNavSearch .resultSearch .slidesImage .innerSearch #carResult li .search_overlay p { float:left; font-family: 'DidotItalic', serif; font-weight:normal; line-height:13px; margin:0px; padding:0px; font-size:13px; width:95%; margin-top:3px; letter-spacing:0px; text-transform:none; margin-bottom:0px; margin-left:7px;} #mainNav .sousNavSearch .resultSearch .slidesImage .innerSearch #carResult li .search_overlay .prixSej { float: left; font-family: 'DidotItalic',Arial,serif; font-size: 13px; font-weight: normal; height: auto; line-height: 14px; margin: 5px 0 3px 7px; padding: 0; width: 95%; } #mainNav .sousNavSearch .resultSearch .slidesImage .innerSearch #carResult li .search_overlay .titreS { float:left; text-transform:uppercase; font-size:18px; font-family: 'DidotRegular', Arial, serif; font-weight:normal; line-height:16px; margin:0px; padding:0px; height:auto; margin:5px 0px 0px 0px; width:95%; letter-spacing:1px; margin-left:7px;} #mainNav .sousNavSearch .resultSearch .slidesImage .innerSearch #carResult li .img_link { z-index:200;} #mainNav .sousNavSearch .formSearch .choixBt { width:30px; position: absolute; top:50%; right:0; margin-top:-15px; text-align:center; z-index:55; } #mainNav .sousNavSearch .formSearch .choixBt a { font-family: 'AkzidenzMedium', sans-serif; font-size:16px; letter-spacing: 1px; line-height:16px; margin:0; float:right; background-color:#7f7f7f; color:#FFFFFF; opacity: 1; padding:5px 25px 5px 10px; border-radius:2px; background-image: url("../img/fleche-right.png"); background-position: right center; background-size:20px auto; } #mainNav .sousNavSearch .formSearch .choixBt a:hover { background-color:#000; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.4); -moz-box-shadow:0 0 5px rgba(0,0,0,0.4); -o-box-shadow:0 0 5px rgba(0,0,0,0.4); box-shadow:0 0 5px rgba(0,0,0,0.4); color:#FFF; } .formSearch .nav-wrap { margin: 0 auto; width:100%; float:left; border-left:0 none; } .formSearch #search { margin: 0; list-style: none; position: relative; width: 100%; padding-left:0px; border-left:0 none; margin-bottom:10px; } .formSearch #search li { display: inline-block; padding:0; margin:0; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight:100;font-size: 26px; line-height: 26px; width:120px; text-align:left; border-right:#7f7f7f 1px solid; height:25px; margin-right:20px; padding-right:15px; text-align:center;} .formSearch #search li a { font-weight:normal; float: left; letter-spacing:1px; text-decoration: none; text-transform: uppercase; color: #7f7f7f; width:auto; margin:0; border:none 0; padding:1px 10px 1px 0px; -webkit-transition: all .0s none; -moz-transition: all .0s none; -o-transition: all .0s none; transition: all .0s none; } .formSearch #search a { -webkit-transition: all .0s none; -moz-transition: all .0s none; -o-transition: all .0s none; transition: all .0s none; } .formSearch #search li:first-child { padding:1px 10px 1px 0px; } .formSearch #search li:last-child { border-right: 1px solid transparent; } .formSearch #search li a:hover { color:#000; font-family: 'AkzidenzBold', sans-serif; font-size: 26px; -webkit-transition: all .0s none; -moz-transition: all .0s none; -o-transition: all .0s none; transition: all .0s none; letter-spacing:2px; } .formSearch #search li .active { color:#000; font-family: 'AkzidenzBold', sans-serif; font-size: 26px; letter-spacing:2px; -webkit-transition: all .0s none; -moz-transition: all .0s none; -o-transition: all .0s none; transition: all .0s none; } /*.ie6 #example-one li, .ie7 #example-one li { display: inline; } }*/ .formSearch #search .current_page a { color:#000 !important; font-family: 'AkzidenzBold', sans-serif; font-size: 26px; letter-spacing:2px;} .formSearch .panesSearch { width:88%; min-height:50px; margin-left:0px; border-top:1px solid #7f7f7f; float:left; text-align:left; padding : 0px; position:relative; } .formSearch .panesSearch .loading { position:absolute; top:50%; left:50%; height:50px; width:300px; z-index:55; margin-top: -22px; margin-left: -150px; background-color:#FFFF; font-family: 'AkzidenzBold', sans-serif; font-size: 16px; letter-spacing:2px; color:#000000; display:none; background-color:#FFF; background-color:rgba(255,255,255,0.75); padding:5px 0px; } .formSearch .panesSearch .blocSearch { width: 100%; overflow: hidden; /*background-color:#FFF;*/ float:left; position:relative; height: 155px; margin-right:20px; padding-right:30px; } .formSearch .panesSearch .blocSearch .searchCont { margin: 0; padding: 0; list-style-type: none; width:70px; border-left:0 none; margin-top:10px; border-right:#7f7f7f 1px solid; margin-right:20px; } .formSearch .panesSearch .blocSearch li { font-family: 'AkzidenzBold', sans-serif; margin: 6px 0; } .formSearch .panesSearch .blocSearch a { color: #7f7f7f; border:none 0; text-align:right; font-size: 18px; border-right: 1px solid transparent; border-left: 1px solid transparent; } .formSearch .panesSearch .blocSearch a:hover { color: #7f7f7f; border:none 0; text-align:right; font-size: 18px; border-right: 1px solid transparent; border-left: 1px solid transparent; } .formSearch .panesSearch .blocSearch .textInfoSearch { width: auto; font-size:14px; line-height:14px; font-family: 'DidotRegular', Arial, serif; font-weight:100; color:#000; text-transform:none; margin:8px 0px; text-decoration:underline; } .formSearch .panesSearch .form-itemBloc { margin-top:10px; line-height: 5px; width:115px; float:left; margin-right:25px; border-right:#7f7f7f 1px solid; } .formSearch .panesSearch .form-itemBloc2 { margin-top:10px; line-height: 5px; width:190px; float:left; margin-right:25px; border-right:#7f7f7f 1px solid; } .formSearch .panesSearch .form-itemBloc3 { margin-top:10px; line-height: 5px; width:150px; float:left; margin-right:25px; border-right:#7f7f7f 1px solid; } .formSearch .panesSearch .form-itemBloc:last-child, .formSearch .panesSearch .form-itemBloc2:last-child, .formSearch .panesSearch .form-itemBloc2:last-child{ border-right:#7f7f7f 1px solid; } .formSearch .panesSearch .form-item { margin-bottom:0px; line-height: 5px; width:130px; float:left; } .formSearch .panesSearch .form-item2 { width:180px; margin-bottom:0px; line-height: 5px; float:left; } .formSearch .panesSearch .form-item3 { width:140px; margin-bottom:0px; line-height: 5px; float:left; } .formSearch .panesSearch .form-item2 label { width:140px; text-align:left; color:#000000; float:right; text-transform:none; } .formSearch .panesSearch .form-item2 .form-text { width:15px; padding:3px; float:left; margin-right:2px; text-align:left; } .formSearch .panesSearch .form-item3 label { width:110px; text-align:left; color:#000000; float:right; text-transform:none; } .formSearch .panesSearch .form-item3 .form-text { width:15px; padding:3px; float:left; margin-right:2px; text-align:left; } .formSearch .panesSearch .form-item label { width:95px; text-align:left; color:#000000; float:right; text-transform:none; } .formSearch .panesSearch .form-item .form-text { width:15px; padding:3px; float:left; margin-right:2px; text-align:left; } .formSearch .panesSearch .form-item .form-select {width:20px;height:20px;} #edit-mail-wrapper .field-suffix{font-size:11px;} #edit-message-wrapper{height:auto;} #edit-message-wrapper .form-textarea{height:140px;width:520px;overflow:hidden;} #accordion .form-submit{margin-left:90px;padding-left:8px; background-color:#000; font-size:12px; color:#FFFFFF; margin-top:15px;} .no-js #contact-mail-page .form-submit:hover{background-position:3px 9px;} .formSearch .panesSearch label{display:block;float:left;margin-right:8px;line-height:23px;} .formSearch .panesSearch input,select,textarea{font-size:13px/17px Arial,sans-serif;vertical-align:middle;background:#fff;border:0;padding:3px 0;} .formSearch .panesSearch input{height:22px; width:22px;} .formSearch .panesSearch select{height:23px;} .formSearch .panesSearch .form-select:focus,.form-text:focus,.form-textarea:focus{background-color:#ddd;} .formSearch .panesSearch .form-submit-prefix{display:block;float:left;padding-left:5px;line-height:21px;} .formSearch .panesSearch .form-required{display:none;} .formSearch .panesSearch input.form-submit{border:0;padding:0;display:block;font:9px/1.5em Tahoma,Geneva,sans-serif;height:23px;line-height:23px;color:#FFF;text-transform:uppercase;font-size:9px;letter-spacing:0.3em;background:none;} .formSearch .panesSearch input.form-submit:hover{cursor:pointer;background:none;text-decoration:underline;} .formSearch .panesSearch input.form-submit:active,input.form-submit:focus{outline:none;border:none;} .formSearch .panesSearch input.form-submit::-moz-focus-inner{border:0;} #maskNav { z-index: 50; display: none; } #maskNav2 { z-index: 14; display: none; } #maskSousNav { height: 290px; background: #fff; display: none; } /**********************/ /* AUTRE MENU */ /**********************/ #nav #newsNav, #nav #newsNav2, #nav #newsNav3, #nav #newsNav4, #nav #loginNav{ height: 50px; margin: 0; /* on retire l'espace avec le newsNav */ padding:0px; } #nav #loginNav, #nav #newsNav4 { float:right; } #newsNav3 a, #newsNav2 a, #newsNav a, #newsNav4 a { padding: 0; border-left:1px solid #cccccc; border-right:1px solid transparent; /*opacity:0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -webkit-opacity: 0.25;*/ -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; background-position: center center; } #newsNav2 li:last-child a , #newsNav4 li:last-child a { border-right: 1px solid transparent; } #newsNav2 li:hover a, #newsNav2 a:hover, #newsNav3 li:hover a, #newsNav3 a:hover, #newsNav li:hover a, #newsNav a:hover, #newsNav4 li:hover a, #newsNav4 a:hover { opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; background-color:#FFFFFF; background-repeat: no-repeat; background-position: center center; border-left:1px solid #7f7f7f; border-right:1px solid #7f7f7f; } #nav #newsNav3 { height: 50px; margin: 0; padding: 0; float:right; } #newsNav2 .sousTextOK, #newsNav .sousTextOK { position: absolute; /*top: 0px;*/ left: 0; z-index: 100; /* Pour passer au dessus du masque */ height: 50px; display: none; width: 100%; background: none repeat scroll 0 0 #FFFFFF; } .sousTextOK .cell { display: table-cell; vertical-align: middle; height: 50px; } .sousTextOK .titre { width:90%; font-size:26px; text-transform:uppercase; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight:300; line-height:26px; text-align:left; color:#000; font-style:normal; letter-spacing: 2px; } #newsNav3 .sousTextOK, #newsNav4 .sousTextOK2 { position: absolute; /*top: 0px;*/ right: 0; z-index: 100; /* Pour passer au dessus du masque */ height: 50px; display: none; width: 100%; background: none repeat scroll 0 0 #FFFFFF; } .sousTextOK2 .cell { display: table-cell; vertical-align: middle; height: 50px; float:right; } #newsNav3 .sousTextOK .cell { display: table-cell; vertical-align: middle; height: 50px; float:right; } #newsNav3 .sousTextOK .titre { width:680px; float:right; font-size:26px; text-transform:uppercase; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight:300; line-height:26px; text-align:right; color:#000; font-style:normal; letter-spacing: 2px; margin-top:11px; } .sousTextOK2 .titre { width:680px; float:right; } .sousTextOK2 .titre .titreC { width:300px; float:right; font-size:26px; text-transform:uppercase; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight:300; line-height:26px; text-align:right; color:#000; font-style:normal; letter-spacing: 2px; margin-top:11px; } .sousTextOK2 .titre .sstitre { width:360px; margin-top:17px; font-size:18px; text-transform:none; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight:300; line-height:18px; text-align:left; color:#000; font-style:normal; letter-spacing: 2px; float:left; } #nav #textNav { height: 50px; margin:0px auto; padding:0px; float:left; margin-left:5px; } #nav #textNav .titreNav { display:block; font-size:15px; font-family: 'DidotItalic', serif; color:#000; text-align:center; padding-top:17px; width:100%; } @media screen and (max-width:2850px){#textNav{width:49%;}} @media screen and (max-width:2650px){#textNav{width:49%;}} @media screen and (max-width:2350px){#textNav{width:49%;}} @media screen and (max-width:2000px){#textNav{width:47%;}} @media screen and (max-width:1850px){#textNav{width:47%;}} @media screen and (max-width:1650px){#textNav{width:47%;}} @media screen and (max-width:1300px){#textNav{width:46%;}} @media screen and (max-width:1250px){#textNav{width:33%;}} @media screen and (max-width:1000px){#textNav{width:33%;}} @media screen and (max-width:950px){#textNav{width:33%;}} #nav #textConnect { height: 50px; margin:0px; padding:0px; float:right; margin-right:10px; position:relative; } #nav #textConnect .visuelConnect { margin-right:5px; widht:40px; float:left; padding-top:4.5px; } #nav #textConnect .titreConnect { display:block; font-size:14px; font-family: 'DidotItalic',serif; color:#7a7a7a; text-align:center; padding-top:17px; width:auto; float:left; margin-left:5px; margin-right:10px; } #nav #textConnect .looutConnect { position:absolute; display:block; background-color: transparent; background-image: url(../img/close_form.png); background-repeat: no-repeat; background-position: 0 0; width:12px; height:12px; top:20px; right:-10px; } /* LOGIN Menu*/ #loginNav .sousNavLogin { position: absolute; /*top: 0;*/ left: 0; z-index: 100; /* Pour passer au dessus du masque */ height: 220px; background: #FFF; display: none; width: 100%; color:#000000; } #loginNav .sousNavLogin .titre{ float:left; width:300px; font-size:32px; text-transform:uppercase; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 150; line-height:32px; text-align:left; padding-left:30px; color:#7a7a7a; font-style:normal; font-weight: normal; letter-spacing: 2px; } #loginNav .sousNavLogin .titre .cellC { display: table-cell; vertical-align: middle; height: 220px; } .sousNavLogin #connexion { float:right; width:65%; text-align:center; margin-right:10px; margin-top:15px; } #connexion #blocConnexion{ width:35%; margin-right:0px; border-right:1px dotted #7f7f7f; padding:5px 10px; float:left; min-height:180px; } #connexion #blocConnexion:last-child { border-right:none; } #blocConnexion .header { font-family:'HelveticaUltralight', Helvetica, sans-serif; letter-spacing:1px; font-weight:200; color:#fff; font-size:24px; line-height:26px; width: 100%; text-align:center; padding:0px; float:left; margin-bottom:5px; color:#000000; text-transform:uppercase; } #blocConnexion .content{font-family:'DidotItalic',serif;font-style:normal;color:#7f7f7f;font-size:15px; letter-spacing:0.5px; font-weight:100; text-align:center; padding:5px 0px; text-transform:none; } #blocConnexion .bouton{margin:0px 12px;} #blocConnexion .bouton .buttonGrey { width:120px; text-transform:uppercase; background-color:#7f7f7f; font-family: 'AkzidenzBOLD', sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:2px 5px; color:#fff; font-style:normal; font-weight:lighter; display: block; text-decoration:none; font-size:19px; text-align:center; float:left; letter-spacing:2px; margin-right:0px; cursor:pointer; border:none; } #blocConnexion .bouton .buttonGrey:hover { background-color:#000; } #blocConnexion .pform { padding-top: 5px; margin-top: 0px; width: 90% !important; padding:0px 12px; } /** PFORM **/ #blocConnexion .pform label { background: #fff !important; text-align: right !important; display: inline-block; font-weight: normal !important; color: #000; width: 180px !important; padding: 2px 8px !important; margin-top: 0 !important; letter-spacing: 0px !important; font-size: 15px; margin-right:10px; } #blocConnexion .pform label span { width: 220px !important; height:17px; } #blocConnexion .pform .single { background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #7F7F7F; border-radius: 2px; color: #7F7F7F; height: 17px; margin-bottom: 10px !important; padding: 2px; width: 100% !important; } #blocConnexion .pform .single:hover {color:#000;} #blocConnexion .pform select { width: 100px !important; } #blocConnexion .pform textarea { width: 220px !important; background: #fff !important; margin-bottom: 5px !important; border:#7f7f7f 1px solid;font-size: 12px !important; } #blocConnexion .pform .cf-box-group { display: inline-block; padding: 0 !important; padding-left: 0px !important; margin-bottom:10px;} #blocConnexion .pform .cf-box-group label { background: #fff !important; text-align: right !important; display: inline-block; font-weight: normal !important; color: #000; width: 180px !important; padding: 2px 8px !important; margin-top: 0 !important; letter-spacing: 0px !important; font-size: 15px; margin-right:10px; } #blocConnexion .pform .cf-box-group label span { display: inline !important; background: none !important; color: #000 !important; } #blocConnexion .pform .cf-box-group .cf-after { display: inline !important; background: none !important; color: #000 !important; width: 50px } #blocConnexion .pform input.cf-box-b { margin: 0 !important; height: 14px !important; margin-top: 0px !important; } .mailerr, #blocConnexion .pform .cf_errortxt { color: #fff !important; } #blocConnexion .pform ol.cf-ol li.cf_li_err { color: #000; padding:0px; } #blocConnexion .pform .cf-ol{ padding:0px; margin:0px; list-style-type:none; min-height:30px;} #blocConnexion .pform .cf-ol li{width:100%; float: left; height:30px;} #blocConnexion .pform .cf-forgot {margin:0px 0px 5px 0px; float:right; width:100%;} #blocConnexion .pform .cf-forgot .forgot{ float:right;font-family:'DidotItalic',serif;font-style:normal;color:#000;font-size:12px; letter-spacing:0.5px; font-weight:100; margin-top:5px; margin-left:30px; text-decoration:underline; cursor:pointer; border: medium none; text-transform:none;} #blocConnexion .pform .cf-forgot .forgot:hover {color:#7f7f7f;} #blocConnexion .pform .cf-forgot .required { float:left;font-family:'DidotItalic',serif;font-style:normal;color:#7f7f7f;font-size:10px; letter-spacing:0px; font-weight:100; width:auto; margin-top:5px; text-transform: none; text-align:left;} #blocConnexion .pform .cf-sb { padding-top: 0px !important; margin-top: 0px; float:left; width:100%; } #blocConnexion .pform .cf-sb .required { float:right;font-family:'DidotItalic',serif;font-style:normal;color:#000;font-size:12px; letter-spacing:0.5px; font-weight:100; width:100%; margin-top:5px; text-transform: none; text-align:right;} #blocConnexion .pform .cf-sb input.sendbutton { float: right; width:auto; text-transform:uppercase; background-color:#000; font-family: 'AkzidenzMedium', sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size:16px; font-style:normal; letter-spacing: 1px; line-height:16px; border-radius: 2px; padding:3px 10px; color:#fff; font-style:normal; font-weight:100; display: block; text-decoration:none; margin-top:5px; border-style:none; margin-right:0px; margin-left:10px; } #blocConnexion .pform .cf-sb input.sendbutton:hover { cursor: pointer; background-color:#7f7f7f; } #blocConnexion .pform .cf-sb input.sendbuttonFb { background-color: #354F83; background-image: url("../img/bgFacebook.png"); background-position: 0 2px; background-repeat: no-repeat; border-radius: 2px 2px 2px 2px; border-style: none; color: #FFFFFF; display: block; float: right; font-family: 'AkzidenzMedium',sans-serif; font-size: 16px; font-style: normal; font-weight: 100; letter-spacing: 1px; line-height: 16px; margin-right: 0px; margin-top: 6px; padding: 3px 10px 2px 25px; text-decoration: none; text-transform: uppercase; width: auto; } #blocConnexion .pform .cf-sb input.sendbuttonFb:hover { cursor: pointer; } #blocConnexion .pform .cf-sb input.sendbutton2 { background-color:#7f7f7f; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-style: none; color: #FFFFFF; display: block; float: right; font-family: 'AkzidenzBOLD',sans-serif; font-size: 18px; font-style: normal; font-weight: 100; letter-spacing: 1px; line-height: 22px; margin-right: 0px; margin-top: 6px; padding:3px 10px; text-decoration: none; text-transform: uppercase; width: auto; } #blocConnexion .pform .cf-sb input.sendbutton2:hover { cursor: pointer; background-color:#000; } #blocConnexion .pform .cf-sb2 { padding-top: 10px !important; margin-top: 40px; } #blocConnexion .pform .sendErreur { float: right; color:#F00; font-family: 'DidotRegular', Arial, serif !important; border: 0 !important; font-size: 11px !important; text-align: center; width: 100% !important; margin: 0 !important; text-decoration:none; margin-bottom:10px; margin-top:5px; text-transform:none;} #loginNav li { padding:0; margin:0; width:50px; } #loginNav a { padding: 0; /*opacity:0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -webkit-opacity: 0.25;*/ border-left:1px solid #cccccc; border-right:1px solid #cccccc; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; background-repeat: no-repeat; background-position: center center; } #loginNav li:hover a, #loginNav a:hover { opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; background-color:#FFFFFF; background-repeat: no-repeat; background-position: center center; border-left:1px solid #7f7f7f; border-right:1px solid #7f7f7f; } /* FOOTER */ #footer .column { display: inline-block; width: 17%; padding: 0 2%; margin: 0; vertical-align: top; text-align: left; text-transform: uppercase; } .ie6 #footer .column, .ie7 #footer .column { /* INLINE-BLOCK HACK FOR IE6-7 */ display: inline; zoom: 1; } .author { color: #575453; text-transform: none; font-size: 14px; } #footer .column ul { margin: 0 0 34px; padding: 0; list-style-type: none; } #footer .column li { line-height: 15px; margin: 6px 0; } #footer .column a { color: #636363; text-decoration: none; font-size: 13px; letter-spacing:0.5px; } #footer .column a:hover { color: #000; } .sprite { display: inline-block; /*text-indent: -999em; overflow: hidden; /* texte replacement */ padding-top: 1px; opacity:0.40; filter: alpha(opacity=40); -moz-opacity: 0.40; -webkit-opacity: 0.40; } .ie6 .sprite, .ie7 .sprite { display: inline; zoom: 1; } .app_sprite2 { background: url('../img/app_sprite2.png') no-repeat left top; /*width: 63px; height: 22px;*/ padding-left: 16px; height: 22px; line-height: 22px; } .app_sprite3 { background: url('../img/app.jpg') no-repeat left top; padding-left: 25px; height: 21px; line-height: 22px; } .youtube_sprite2 { /*background: url('../img/footer/youtube_sprite2.png') no-repeat left top;*/ background: url('../img/youtube.png') no-repeat left top; padding-left: 61px; height: 30px; line-height: 30px; } .youtube_sprite3 { background: url('../img/sitemap/youtube.jpg') no-repeat left top; padding-left: 10px; height: 30px; line-height: 30px; width:30px; } .facebook_sprite2 { /*background: url('../img/footer/facebook_sprite2.png') no-repeat left top;*/ background: url('../img/facebook.png') no-repeat left top; margin: 0 10px; height: 30px; line-height: 30px; width:30px; } .tweeter_sprite2 { /*background: url('../img/footer/facebook_sprite2.png') no-repeat left top;*/ background: url('../img/Tweeter.png') no-repeat left top; margin: 0 10px; height: 30px; line-height: 30px; width:30px; } .pinterest_sprite2 { /*background: url('../img/footer/facebook_sprite2.png') no-repeat left top;*/ background: url('../img/Pinterest.png') no-repeat left top; margin: 0 10px; height: 30px; line-height: 30px; width:30px; } .facebook_sprite3 { background: url('../img/sitemap/facebook.jpg') no-repeat left top; margin: 0 10px; height: 30px; line-height: 30px; width:30px; } .rss_sprite2 { /*background: url('../img/footer/rss_sprite2.png') no-repeat left top;*/ background: url('../img/RSS.png') no-repeat left top; padding-left: 10px; height: 30px; line-height: 30px; width:30px; } .rss_sprite3 { background: url('../img/rss.jpg') no-repeat left top; padding-left: 25px; height: 30px; line-height: 30px; } .sprite:hover { opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; } #mentions { margin: 15px 0 0; color: #575454; text-transform: uppercase; text-align: center; font-size: 11px; letter-spacing:0.5px; } #mentions span { margin: 0 15px; } #mentions a { color: #797676; text-decoration: none; } #mentions a:hover { color: #000; } /* MAIN HEADER */ #mainHeader { margin-bottom: 15px; } /* HOME PAGE */ .colSmall { float: left; width: 230px; margin-right: 10px; } .colWide { float: left; width: 470px; margin-right: 10px; } .colLast { margin-right: 0px !important; } .imageBox { position: relative; margin-bottom: 10px; overflow: hidden; } .imageBox a { text-decoration: none; } .imageBox img { width: 100%; height: auto; } .infoImage { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 0 5px; background: #fff; /* CSS3 TRANSITION */ /*bottom: -100%; -webkit-transition-property: bottom; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-out; -moz-transition-property: bottom; -moz-transition-duration: .5s; -moz-transition-timing-function: ease-out; transition-property: bottom; transition-duration: .5s; transition-timing-function: ease-out;*/ /* JAVASCRIPT OPTION */ display: none; } /* CSS3 TRANSITION */ /*.imageBox:hover .infoImage { bottom: 0; }*/ .no-js .imageBox a:hover .infoImage { display: block; } .infoImage h2 { /*font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif*/ font-size: 29px; line-height: 20px; text-transform: lowercase; color: #191919; font-weight: normal; letter-spacing: 2px; margin: 0; } .infoImage p { /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ margin: 15px auto 0; /*color: #7f7f7f;*/ color: #191919; width: 220px; } .final-break { margin-bottom: 70px !important; } .infoImage.decored .cell img { position: absolute; top:0; left: 0; } .infoImage.decored .wrapper-valign { position: relative; } .thumb-title { position: absolute; top: 20px; left: 0; width: 100%; text-align: center; } .thumb-title span { display: inline-block; padding: 0 7px; line-height: 26px; height: 26px; border: 1px solid #bd9e5b; background: #fff; text-transform: uppercase; color: #000; } /* NEWS PAGE */ #boxContent { position: relative; width: 960px; } .ie7 #boxContent { z-index: 1; } #newsSlideshow { position: relative; width: 960px; height: 792px; overflow: hidden; } .newsPagination { position: absolute; right: 10px; height: 40px; line-height: 40px; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 10px; letter-spacing: 0.5px; } .ie7 .newsPagination { z-index: 2; } .topPagination { top: -39px; } .bottomPagination { bottom: -31px; } .activePage { font-weight: bold; color: #000; } .smallBox { position: relative; float: left; width: 310px; margin: 0 10px 10px 0; overflow: hidden; } .newsBox { border: 1px solid #dfdfdf; width: 308px; height: 252px; } .newsBox a { text-decoration: none; } .doubleHeight { height: 516px !important; } .newsBox .infoImage { display: block; padding: 0; } .doubleHeight .infoImage { background: none; padding: 25px 0; } .js .newsHome .newsBox, .js .newsHome .newsBox .infoImage { display: none; } .no-js .newsBox a:hover .infoImage { visibility: hidden; } .newsBox .fb_link { position: absolute; left: 50%; bottom: 15px; margin-left: -13px; } .newsBox .fb-like { position: absolute; left: 50%; bottom: 15px; margin-left: -50px; /*display: none;*/ } /*.newsHome .fb-like { display: block; }*/ .newsBox .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 252px; width: 308px; } .pipe { display: inline-block; height: 30px; border-left: 1px solid #e4e4e4; border-right: 1px solid #ececec; text-indent: -999em; overflow: hidden; /* pour masquer le texte */ vertical-align: middle; margin: 0 10px; } .slideshow { position: absolute; top: 0; right: 0; height: 100%; width: 100%; margin: 0; padding: 0; } .slideshow li { position: absolute; top: 0; right: right; width: 100%; height: 100%; overflow: hidden; list-style-type: none; } .slideshow .active { z-index: 10; } .slideshow .fader-out { z-index: 11; } #module-fullbrowser .slideshow li { height: 97%; } .video-module-fullbrowser .slideshow li { height: 97%; } .back { display: none; } .slideshow li > iframe { position: absolute; top: 0; right: 0; } .fermeVideo { display: none !important; } .ouvreVideo { display: block !important; } /* ARTICLE PAGE */ #viewer-box { position: relative; width: 100%; height: 400px; margin-bottom: 88px; /* 40px + 48px (#viewer-sidebar bottom) */ } #viewer-box.wapper-wideo { margin-bottom: 30px; } #wrapper-viewer { position: relative; width: 100%; height: 100%; } .video-module-container { height: 100%; left: 50%; margin-left: -490px; margin-top: -300px; max-height: 720px; max-width: 1400px; min-height: 600px; min-width: 1000px; position: absolute; text-align: center; top: 50%; width: 100%; } .video-module-container .noheader { top: 10%; height: 95%; left: 0; position: absolute; width: 100%; } .video-module-marie-louise { height: 100%; margin: 0 20px; position: relative; } .video-wrapper-viewer { position: relative; width: 100%; height: 100%; } #viewer { position: relative; width: 100%; height: 100%; overflow: hidden; } .no-js #viewer { padding-bottom: 15px; overflow-x: auto; } .video-viewer { position: relative; width: 100%; height: 100%; overflow: hidden; } .no-js .video-viewer { padding-bottom: 15px; overflow-x: auto; } #viewer-sidebar { position: absolute; bottom: -48px; left: 0; width: 100%; height: 48px; border-top: 1px solid #f6f0e7; background: #fff; overflow: hidden; z-index: 15; } .no-js #viewer-sidebar { bottom: -64px; } .no-js #viewer-sidebar:hover { height: auto; /* TODO: à supprimer (sans js on peut scroller le slideshow, il n'y a donc pas besoin de la gallery?) */ } #module-fullbrowser #viewer-sidebar { bottom: -26px; } .video-module-fullbrowser #viewer-sidebar { bottom: -26px; } .viewer-title { position: relative; width: 100%; height: 48px; /*color: #a3a3a3;*/ color: #191919; } .leftAlign { position: absolute; top: 0; left: 0; height: 100%; } .rightAlign { position: absolute; top: 0; right: 0; height: 100%; } .scrollbar-horizontal-wrapper { position: absolute; left: 50%; bottom: 0; height: 6px; width: 440px; margin-left: -220px; background: #ddd; z-index: 90; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .scrollbar-horizontal { position: absolute; left: 50%; top: 0; margin-left: -190px; height: 100%; width: 380px; } .scrollbar-horizontal-wrapper .ui-slider .ui-slider-handle { position: absolute; left: 0; width: 60px; height: 100%; background: #7f7f7f; cursor: pointer; } .scrollbar-horizontal-wrapper .ui-slider-horizontal { height: 100%; } .scrollbar-horizontal-wrapper .ui-slider-horizontal .ui-slider-handle { margin-left: -30px; top: 0; } .scrollbar-horizontal-wrapper .ui-widget-content { background: #ddd; border: 0px; } .scrollbar-horizontal-wrapper .ui-state-default, .scrollbar-horizontal-wrapper .ui-widget-content .ui-state-default, .scrollbar-horizontal-wrapper .ui-widget-header .ui-state-default { background: #7f7f7f; border: 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .ie7 .scrollbar-horizontal { margin-left: -440px !important; } .fullview-height { height: 100%; width: auto; } .fullview-width { width: 100%; height: auto; } #viewer .fullview-height { display: none; } .video-viewer .fullview-height { display: none; } #module-fullbrowser #pressBtn, #module-fullbrowser #pressBtn3, #module-fullbrowser #viewer-fullbrowserBtn { display: none; } .video-module-fullbrowser #pressBtn, .video-module-fullbrowser #pressBtn3, .video-module-fullbrowser #viewer-fullbrowserBtn { display: none; } .touch #viewer-fullbrowserBtn { display: none; } .article .h3 { /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif; font-size: 12px; text-transform: uppercase; font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif;*/ font-size: 15px; font-weight: normal; color: #7f7f7f; margin: 0; } .article h1 { /*font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif;*/ font-size: 45px; line-height: 38px; font-weight: normal; color: #191919; margin: 0 0 20px; letter-spacing: 4px; text-transform: uppercase; } .article .description, #newsArticle p { /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 13px; line-height: 23px; width: 500px; margin: 0 auto; text-align: justify; /*color: #7f7f7f;*/ color: #191919; } .article a { color: black; } .dlBtn { /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 10px; text-transform: uppercase; padding-left: 10px; /*color: #a3a3a3;*/ color: #191919; text-decoration: none; letter-spacing: 1px; background: url('../img/tree_arrow.png') no-repeat left top; } .dlBtn.active, .dlBtn:hover { background-position: left bottom; color: #7f7f7f; } #closeGalleryBtn { background: url("../img/arrow_vertical.png") no-repeat 6px 95%; padding-left: 28px; } .associatedFiles { margin-top: 10px; padding: 15px 0; background: #fcf8f5; border-top: 1px solid #f6f0e7; color: #7f7f7f; font-size: 12px; line-height: 20px; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ } .associatedFiles .column { display: inline-block; width: 220px; margin: 0 15px; padding: 0; text-align: left; vertical-align: top; } .ie7 .associatedFiles .column { display: inline; zoom: 1; } .associatedFiles ul { margin: 0; padding: 0; list-style-type: none; } .associatedFiles li { padding-left: 15px; background: url('../img/list_arrow.png') no-repeat left 5px; height: 22px; line-height: 22px; } .associatedFiles a { color: #7f7f7f; text-decoration: none; } .associatedFiles a:hover { color: #191919; } .associatedFiles h5 { color: #191919; margin: 0; } .associatedFiles p { margin: 2px 0; } .associatedFiles .link { text-decoration: underline; } .article .rss-icon { text-transform: uppercase; /*color: #a3a3a3;*/ color: #191919; text-decoration: none; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 10px; } .article .rss-icon:hover { text-decoration: underline; } #share-box { position: relative; width: 350px; margin: 20px auto; } .share-button { display: inline-block; vertical-align: top; } .share-button-footer { float: left; } .ie7 .share-button { display: inline; zoom: 1; } /* FULLBROWSER MODULE */ .touch #module-fullbrowser { position: absolute; height: 620px; } .touch .video-module-fullbrowser { position: absolute; height: 620px; } #module-fullbrowser, .module-fullbrowser { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 200; } .video-module-fullbrowser, .module-fullbrowser { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 200; } #module-fullbrowser .close, .module-fullbrowser .close { right: 30px; z-index: 210; } .video-module-fullbrowser .close, .module-fullbrowser .close { right: 30px; z-index: 210; } /*#module-container .close { top: 50px; right: 25px; }*/ /* HOME COLLECTION PAGE */ .margin2items { margin-left: 160px; } .margin1item { margin-left: 320px; } .collectionBox { position: relative; width: 310px; height: 345px; background: #ddd; } .collectionBox .MChr { width: 6px; border-top: 2px solid #000000; border-bottom: 1px solid #7f7f7f; margin: 25px auto 20px; } .ie6 .collectionBox .MChr, .ie7 .collectionBox .MChr { height: 3px; } .collectionBox .infoImage { padding: 0; } .collectionBox a { text-decoration: none; } .collectionBox a:hover .infoImage { display: block; } .collectionBox .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 345px; width: 310px; } .collectionBox ul { padding: 0; margin: 0; list-style-type: none; } .collectionBox li { /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ /*color: #676764;*/ color: #191919; line-height: 20px; } .sloganImage { position: absolute; top: 220px; left: 50%; margin-left: -75px; width: 150px; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 14px; color: #fff; } .more { position: absolute; bottom: 25px; left: 50%; margin-left: -75px; width: 150px; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ color: #be9f57; text-decoration: none; } .more:hover { color: #fff; } .starHr { display: block; width: 11px; height: 10px; background: url('../img/star.png') no-repeat center center; border: none; margin: 35px auto 30px; } .desc { width: 420px; margin: 0 auto; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ color: #676767; line-height: 18px; } /* HOME HOUSE PAGE */ #main-box { position: relative; width: 100%; height: 345px; } #main-box img { width: 100%; height: 100%; } .infoTexte { position: absolute; left: 50%; top: 200px; margin-left: -250px; text-align: center; width: 500px; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ color: #fff; font-size: 14px; line-height: 20px; } .rond { display: block; position: absolute; left: 50%; margin-left: -26px; bottom: 25px; width: 52px; height: 52px; background: url('../img/rond.png') no-repeat left top; line-height: 52px; color: #191919; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; } .rond:hover { color: #191919; } .houseBox a { text-decoration: none; } .houseBox h2 { font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif; font-size: 26px; font-weight: normal; color: #191919; line-height: 25px; text-transform: uppercase; letter-spacing: 2px; } /* HOUSE PAGE */ .centragePage { position: relative; min-width: 1000px; max-width: 1000px; margin: 0 auto; } .centragePage #fbLikeTheme { position: absolute; top:5px; right:20px; z-index:50; /*cursor:pointer;*/ } .centrageHome { /*position: relative;*/ min-width: 1000px; max-width: 1000px; margin: 0 auto; } .centragePageMag { position: relative; min-width: 1000px; max-width: 1280px; margin: 0 auto; } .introTexte { position: relative; } .err404 ul { position :relative; width: 300px; left: 50%; margin-left: -100px; text-align: left; } .ie7 .err404 ul { left: 0; margin-left: 100px; } .err404 a { color: #191919; text-transform: uppercase; text-decoration: none; } .nav-bullet { position: fixed; top: 50%; right: 0; z-index: 95; } .ios4 .nav-bullet { visibility: hidden; } .nav-bullet .bullet { display: block; height: 22px; /*width: 50px;*/ width: 15px; margin: 5px; background: url(../img/bullet.png) no-repeat left top; text-decoration: none; } .nav-bullet .bullet:hover { background-position: left bottom; } .nav-bullet .bullet:hover { background-color: #242424; } .nav-bullet .bullet span { display: none; } .nav-bullet .bullet:hover span { position: absolute; left: -165px; /*right: 55px;*/ display: inline-block; width: 150px; padding: 3px 10px; background-color: #242424; color: #fff; text-align: left; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 11px; line-height: 16px; /*font-weight: bold;*/ text-transform: uppercase; } .infoSlide .slideshow-nav { bottom: 0px; color: #888888; left: 83%; padding-left: 20px; position: absolute; z-index: 15; } .slideshow-bullet { display: block; height: 22px; width: 12px; margin: 5px 3px; background: url(../img/pagination.png) no-repeat left top; text-decoration: none; float:left; } .slideshow-nav .active { background: url(../img/pagination.png) no-repeat left bottom; } /*FADER*/ .infoSlide .fader-nav { bottom: 5px; color: #888888; right: 3%; /*margin-left: -60px;*/ position: absolute; z-index: 15; } .fader-bullet { display: block; height: 22px; width: 12px; margin: 5px 3px; background: url(../img/pagination.png) no-repeat left top; text-decoration: none; float:left; } .fader-nav .active { background: url(../img/pagination.png) no-repeat left bottom; } .no-js .infoSlide { padding-bottom: 0px; overflow: hidden; } .sejour-image { left: 50%; margin-left: -512px; position: absolute; top: 0; width: 1024px; } .blackBckg { background-color:#000; background-color: rgb(0, 0, 0); /* alternative solide */ background-color: rgba(0, 0, 0, 0.70)!important; } .blackBckg .house-texte { color: #fff; } .discoverBtn { display: inline-block; height: 27px; line-height: 27px; background: #e3e3e3 url('../img/arrow-bouton.gif') no-repeat 10px center; padding: 0 10px 0 25px; color: #191919; text-decoration: none; } .discoverBtn:hover { color: #191919; } .infoSlide .slideshow-arrow-prev.horizontal { display: block; position: absolute; left: 20px; top: 50%; margin-top: -23px; width: 45px; height: 45px; z-index: 15; background-image: url(../img/arrow-left.png); background-repeat: no-repeat; background-position: left top; } .infoSlide .slideshow-arrow-next.horizontal { display: block; position: absolute; right: 20px; top: 50%; margin-top: -23px; width: 45px; height: 45px; z-index: 15; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: left top; } .infoSlide .slideshow-arrow-prev.disabled, .infoSlide .slideshow-arrow-next.disabled { display: none; } .house-picto { width: 54px; height: 54px; background: #fff; position: absolute; bottom: 0; left: 10%; line-height: 54px; } .touch .house-picto { display: none; } .house-picto a { display: block; width: 100%; height: 100%; } .ie7 .house-picto img { margin-top: 17px; } .center-fixed { position: absolute; top: 0; left: 50%; width: 1400px; margin-left: -700px; height: 100%; text-align: center; } .full-view { height: 100%; width: auto; } /* CHAMPAGNE PAGE */ #eternal-style .house-texte { padding: 0; } #eternal-style-video { height: 250px; background: #faf2ed; } /* CONTACT PAGE */ #contact-form { margin: 40px 0; /*color: #565656;*/ color: #191919; } .contact-form { width: 100%; /*border-collapse: separate; border-spacing: 35px 15px;*/ text-align: left; margin-bottom: 30px; } .contact-form td { padding: 8px 17px; } .inputLabel { /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 11px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; vertical-align: -4px; white-space: nowrap; } .inputLabel.required:after { content: " *"; } .inputText { height: 30px; line-height: 30px; width: 100%; padding: 0 3px; border: 1px solid #e7e1d1; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ie7 .inputText { /*behavior: url('boxsizing.htc');*/ height: 28px; line-height: 28px; } .ie7 textarea.inputText, textarea.inputText { line-height: 16px; } #attached-file { line-height: 30px; margin-bottom: 15px; } .fileLabel { display: inline-block; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 11px; font-weight: bold; width: 150px; } input[type=file] { border: none; background: none; } #contact-message { height: 70px; } .ie7 #contact-message { margin-right: -15px; } .checkboxLabel { /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 11px; text-transform: uppercase; letter-spacing: 1px; /*color: #999;*/ color: #191919; padding-left: 10px; vertical-align: 3px; } .ie7 .checkboxLabel { vertical-align: -2px; } .webkit .checkboxLabel { vertical-align: 0px; } .notice { /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 11px; font-style: italic; color: #aaa; } a.notice:hover { color: #666; } .error-notice { /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 11px; font-style: italic; /*font-weight: bold;*/ } .form .stylized-select-wrapper { width: 100%; } .ie7 .form .stylized-select-wrapper { width: 313px; } .ie7 .visit-form .stylized-select-wrapper { padding-right: 17px; } .form .stylized-select { background-color: transparent; background-image: url('../img/MC_selectarrow_form.png'); text-transform: uppercase; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 10px; letter-spacing: 0.5px; border: 1px solid #e7e1d1; cursor: pointer; width: 100%; height: 30px; padding: 0 20px 0 3px; line-height: 28px; border-radius: 3px; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ie7 .form .stylized-select { /*behavior: url('boxsizing.htc');*/ height: 28px; } .form .stylized-select-list { top: 27px; left: 0; border: 1px solid #e7e0cf; border-top: 1px solid #fff; line-height: 20px; text-align: left; } .form .stylized-select-list li { display: block; float: none; margin: 0; padding: 0 22px 0 5px; line-height: 22px; height: 22px; color: #565656; text-transform: uppercase; letter-spacing: 1px; font-size: 9px; /*font-weight: bold;*/ cursor: pointer; } .form .stylized-select-list .selected { color: #be9f57; } .form .stylized-select-list li.active, .form .stylized-select-list li:hover { background-color: transparent; color: #be9f57; } .form .stylized-select-list .stylized-option-impair, .form .stylized-select-list .stylized-option-impair.active, .form .stylized-select-list .stylized-option-impair:hover { background-color: #f3f3f3; } .form .stylized-optgroup { font-style: normal; font-weight: normal; font-size: 14px; background-color: #f3f3f3; } .form .stylized-select-list .stylized-optgroup.active, .form .stylized-select-list .stylized-optgroup:hover { color: #565656; background-color: #f3f3f3; } .form .stylized-select-list .stylized-option-ingroup { background-color: #fff; color: #9d9d9d; } .form .stylized-select-list .stylized-option-ingroup.active, .form .stylized-select-list .stylized-option-ingroup:hover { background-color: #fff; } .form .submit { border: none; background: none; border-bottom: 1px solid #cdcdcd; text-transform: uppercase; color: #565656; font-size: 11px; font-weight: bold; letter-spacing: 2.5px; padding: 0 0 0 2.5px; } /* FICHE SEJOUR */ /* BREADCRUMB */ #wrapper-breadcrumb { height: 145px; margin-top: -13px; position: relative; text-align: center; } #keepin-breadcrumb { position: relative; height: 135px; background: none repeat scroll 0 0 #F7F7F7; } #keepin-breadcrumb_devis { position: relative; height: 135px; background: none repeat scroll 0 0 #FFFFFF; border-bottom:1px solid #F7F7F7; } .ie7 #keepin-breadcrumb, .ie7 #keepin-breadcrumb_devis { position: absolute; top: 0; width: 1280px; /*display: inline; zoom: 1;*/ left: 50%; margin-left: -640px; } .no-bg #keepin-breadcrumb { background: none; } .no-bg #keepin-breadcrumb_devis { background: none; } #breadcrumbNav { position: absolute; top: 0; left: 50%; height: 100%; margin: 0; padding: 0; width: 1000px; margin-left: -512px; } .no-bg #breadcrumbNav { background: none; } .ie7 #wrapper-breadcrumb { z-index: 2; } #breadcrumbNav .bCache { position: absolute; top: 5px; right: 0; color:#000; height:90%; width:75px; z-index:49; background-color:#F7F7F7; opacity: 1; } #breadcrumbNav .nextThemInspi { position: absolute; top: 50%; right: 15px; color:#000; background-color:#fff; height:35px; width:35px; z-index:50; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; margin-top: -23px; background-color:#000000; opacity: 0.3; } #breadcrumbNav .nextThemInspi:hover { background-color: #000; opacity: 0.8; } #breadcrumbNav ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; margin-top:8px; } #breadcrumbNav .empty { border-top: 0px; padding: 0; } #breadcrumbNav li { display: inline-block; margin: 0; padding: 0; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-size: 10px; letter-spacing: 0.5px; } .ie6 #breadcrumbNav ul, .ie7 #breadcrumbNav ul, .ie6 #breadcrumbNav li, .ie7 #breadcrumbNav li { /* INLINE-BLOCK HACK IE6-7 */ display: inline; zoom: 1; vertical-align: top; } #fiche-breadcrumb { } #fiche-breadcrumb li { display: inline-block; margin: 0; padding: 0px 7px 0px 7px; border-right:1px solid #7f7f7f; text-align:center; width:200px; float:left; position:relative; margin-top:5px; min-height:95px; margin-bottom:20px; margin-top:10px; } #fiche-breadcrumb li:last-child { border-right:0 none; } #fiche-breadcrumb li .traitFiche-breadcrumb { position: absolute; width:100%; bottom:-25px; left:0; display:block; height:20px; z-index:48; text-decoration: none; color: #7f7f7f; font-family: 'AkzidenzBOLD', sans-serif; font-size:16px; line-height:18px; text-transform:uppercase; letter-spacing: 1px; line-height: 14px; } .menuDynInsp { text-decoration: none; color: #7f7f7f; font-family: 'AkzidenzBOLD', sans-serif; font-size:16px; line-height:18px; text-transform:uppercase; width:auto; letter-spacing: 1px; line-height: 14px; } .menuDynInsp img { opacity:0.60; filter: alpha(opacity=60); -moz-opacity: 0.60; -webkit-opacity: 0.60; } .menuDynInsp img:hover{ opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; } #fiche-breadcrumb a:hover{ color: #000; } /**** PAHE HOOGUI SSMENU ***/ #fiche-breadcrumb { } #hoogui-breadcrumb .actvBT a{ color: #000; } #hoogui-breadcrumb .actvBT a img{ opacity:0.90; filter: alpha(opacity=90); -moz-opacity: 0.90; -webkit-opacity: 0.90; } #hoogui-breadcrumb li { display: block; margin: 0; padding: 0px 7px 0px 7px; text-align:center; width:120px; float:left; position:relative; margin-top:10px; min-height:105px; } #hoogui-breadcrumb li:last-child { border-right:0 none; } #hoogui-breadcrumb li .traitFiche-breadcrumb { height: 1px; position: absolute; border-bottom:7px solid #000; width:100%; bottom:-10px; left:0; display:none; } .menuDynHoog { color: #7F7F7F; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; line-height: 14px; text-decoration: none; width: auto; } .menuDynHoog img { margin-bottom:5px; opacity:0.60; filter: alpha(opacity=60); -moz-opacity: 0.60; -webkit-opacity: 0.60; } .menuDynHoog img:hover{ opacity:0.90; filter: alpha(opacity=90); -moz-opacity: 0.90; -webkit-opacity: 0.90; } #hoogui-breadcrumb a:hover{ color: #000; } /**** PAHE ESpace CLIENT SSMENU ***/ #client-breadcrumb .actvBT a{ color: #000; } #client-breadcrumb .actvBT a img{ opacity:0.80; filter: alpha(opacity=80); -moz-opacity: 0.80; -webkit-opacity: 0.80; } #client-breadcrumb li { display: block; margin: 0; padding: 0px 7px 0px 7px; text-align:center; width:200px; float:left; position:relative; margin-top:10px; min-height:105px; } #client-breadcrumb li:last-child { border-right:0 none; } #client-breadcrumb li .traitFiche-breadcrumb { height: 1px; position: absolute; border-bottom:7px solid #000; width:100%; bottom:-10px; left:0; display:none; } .menuDynClient { text-decoration: none; color: #7f7f7f; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:15px; width:auto; line-height: 14px; } .menuDynClient img { margin-bottom:5px; opacity:0.60; filter: alpha(opacity=60); -moz-opacity: 0.60; -webkit-opacity: 0.60; } .menuDynClient img:hover{ opacity:0.90; filter: alpha(opacity=90); -moz-opacity: 0.90; -webkit-opacity: 0.90; } #client-breadcrumb a:hover{ color: #000; } .nocanvas-replacement { display: none; } .no-canvas .nocanvas-replacement, .no-js .nocanvas-replacement { display: block; } .no-canvas #wrapper-canvas, .no-js #wrapper-canvas { display: none; } .infoBox { position: relative; width: 100%; min-height: 220px; /*height: 1440px;*/ overflow: hidden; } .sejourHome { position: relative; width: 100%; min-height: 145px; overflow: hidden; padding:0px; margin-bottom:15px; margin-top:55px; } .sejourHome .titreAutre { width:22.5%; float:left; padding:0; font-size:355%; text-transform:uppercase; color:#7f7f7f; font-family: 'AkzidenzBOLD', sans-serif; font-style:normal; font-weight: normal; text-align:left; line-height:43px; /*padding-top:5.5%; padding-left:15px;*/ letter-spacing: 0px; } .sejourHome.titreAutre span { font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; letter-spacing: 1px; } .sejourHome .slidesImage { float:left; margin:0 auto; width: 75%; float:right; } .sejourHome .slidesImage .inner { width: 98.3%; overflow: hidden; background-color:#FFF; float:left; position:relative; padding-right:1.7%; } .sejourHome .slidesImage .inner .next { position: absolute; top: 50%; right: 0; color:#000; background-color:#fff; height:35px; width:35px; z-index:45; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; opacity:0; margin-top: -23px; background-color:#000000; opacity: 0.5; } .sejourHome .slidesImage .inner .loading { position: absolute; top: 50%; left: 50%; height:32px; width:32px; z-index:45; display:none; } .sejour-texte { position: relative; text-align: center; width: 100%; color:#000; margin:20px 0px 10px 0px; height:30px; } .sejour-texte .centrage { /*position: relative;*/ min-width: 950px; max-width: 1180px; margin:0 auto; } .sejour-texte h2 { white-space: nowrap; font-size: 22px; font-weight: normal; line-height: 22px; font-family: 'DidotRegular', sans-serif; margin:0px; padding:0px; text-transform:uppercase; background-image: url(../img/FlecheACCUEIL.jpg); background-repeat: no-repeat; background-position: right center; } .infoHome { position: relative; width: 100%; height: 480px; /*height: 1440px;*/ overflow: hidden; margin-bottom:0px; } .infoHome .liveFeedTipContent{ position:absolute; background-color:#000; top:50%; left:50%; width:500px; padding:12px 20px 0; margin-left:-250px; margin-top:-110px; z-index:50; display:none; -moz-box-shadow:1px 1px 5px #333; -webkit-box-shadow:1px 1px 5px #333; box-shadow:1px 1px 5px #333; background-image:-moz-linear-gradient(top,#000,#292929); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(1,#292929)); background-image:-webkit-linear-gradient(#000,#292929); background-image:linear-gradient(top,#000,#292929); } .doubleTraitsHome { position:absolute; width: 100%; height: 2px; border-top:9px #000 solid; border-bottom:1px #000 solid; bottom:0; left:0; z-index: 15; } .simpleTraitsHome { position:absolute; width: 100%; height: 2px; border-bottom:1px #7f7f7f solid; bottom:0; left:0; z-index: 15; } .infoHome .slideshow-arrow-prev.horizontal { display: block; position: absolute; left: 0px; top: 50%; margin-top: -23px; width: 35px; height: 35px; background: url(../img/arrow-left.png) no-repeat left top; z-index: 15; background-color:#000000; opacity: 0.2; } .infoHome .slideshow-arrow-next.horizontal { display: block; position: absolute; right: 0px; top: 50%; margin-top: -23px; width: 35px; height: 35px; background: url(../img/arrow-right.png) no-repeat left top; z-index: 15; background-color:#000000; opacity: 0.2; } .infoHome .slideshow-arrow-prev.disabled, .infoHome .slideshow-arrow-next.disabled { display: none; } .infoHome .pagination { position: absolute; top: 80px; left: 50%; z-index: 15; padding-left: 20px; color: #000; font-size:45px; font-family:'HelveticaUltralight', Helvetica; font-style:italic; } .infoHome .activePage { color: #000; font-weight:normal; } .no-js .infoHome { padding-bottom: 0px; overflow: hidden; } .house-image { position: absolute; top: 0%; left: 50%; margin-left: -1002px; /*margin-left: -720px;*/ } .house-texte { position: absolute; bottom: 180px; left: 50%; width: 501px; margin-left:-501px; } .house-texte h2 { white-space: nowrap; font-size: 90px; font-weight: normal; line-height: 75px; font-family: 'DidotRegular', sans-serif; text-align:left; width:500px; margin:0px; padding:0px; text-transform:uppercase; } .house-texte h3 { white-space: nowrap; font-size: 18px; font-weight: normal; margin: 20px 0 30px; } .house-texte p { width: 300px; white-space: nowrap; font-size: 30px; font-weight: normal; line-height: 35px; font-family: 'DidotItalic', serif; margin:0px; padding:0px; margin-bottom:15px; padding-left:10px; } .house-texte .bouton { font-size:14px; margin: 0; white-space: nowrap; font-weight: normal; font-family: 'AkzidenzMedium', serif; text-transform:uppercase; width:auto; letter-spacing: 1px; background-color:#000; color:#FFFFFF; padding:6px 10px 5px 10px; text-align:center; margin-top:10px; margin-right:1px; float:right; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .house-texte .bouton:hover { background-color:#7f7f7f; color:#FFFFFF; } .house-texte a { color: #fff; text-decoration:none; } .house-texte ul { margin: 20px 20px; padding: 0; } .house-texte li { line-height: 23px; } .blackBckg { background: #000; } .blackBckg .house-texte { color: #fff; } .infoSlide { height: 380px; margin-top: 0; position: relative; width: 1000px; } .infoSlideReservation { position: relative; width: 100%; height: 320px; /*height: 1440px;*/ margin-top:0px; } .infoSlideReservationBis { position: relative; width: 100%; height: 350px; /*height: 1440px;*/ margin-top:0px; } .doubleTraits { position: relative; width: 100%; height: 2px; border-top:9px #000 solid; border-bottom:1px #000 solid; margin-top:430px; float:left; } .doubleTraitsGris { position: relative; width: 100%; height: 2px; border-top:9px #7f7f7f solid; border-bottom:1px #7f7f7f solid; float:left; } .doubleTraitsNoir { position: relative; width: 100%; height: 2px; border-top:9px #000 solid; border-bottom:1px #000 solid; float:left; } .doubleTraitsNoirBis { position: absolute; width: 100%; height: 2px; border-top:9px #000 solid; border-bottom:1px #000 solid; bottom:0;} .traitsGris { position: relative; width: 100%; height: 2px; border-bottom:1px #CCCCCC solid; float:left; margin:15px 0px; } /***************************/ /* contenu inspiration */ /***************************/ .inspiration { position: relative; width: 100%; overflow: hidden; padding:0 0 10px; } .inspiration .liquidContent { min-height: 450px; position: relative; z-index: 1; } .inspiration .overflowHidden { overflow: hidden; } .inspiration ul.imgList { float: left; list-style: none outside none; margin: 0; overflow: hidden; padding: 2% 2% 0; width: 96%; } .imgList li { float: left; margin: 0 17px 20px; min-height: 250px; padding: 0; position: relative; text-align: center; width: 285px; } .imgList li a{ text-decoration:none; color:#7f7f7f; } .imgList li #cache { background-position: center top; background-repeat: no-repeat; background-size: auto 100%; display: block; float: left; height: 291px; width: 285px; } .imgList li a img{ width:285px; height:291px; } ul.imgList li > div { margin: 0 auto; width:100%;} ul.imgList li .insp_bloc { background-color: #000000; bottom: 0; display: none; height: 120px; left: 0; margin-top: 4px; opacity: 0.5; padding: 0; position: absolute; text-align: left; width: 285px; z-index: 9; } ul.imgList li .insp_title { bottom: 0; display: none; height: 110px; left: 0; margin-top: 4px; padding: 0 10px; position: absolute; text-align: left; width: 265px; z-index: 15; } ul.imgList li .insp_title h3 { color: #FFFFFF; font-family: 'itcavantgardestd-bkcn',helvetica,sans-serif; font-size: 18px; font-weight: normal; line-height: 20px; margin: 0 0 10px; padding: 0; text-transform: uppercase; } ul.imgList li .insp_title p { padding: 0px; font-size:14px; line-height:15px; font-family:'itcavantgardestd-bkcn',helvetica,sans-serif; margin:0; color: #FFF; } ul.imgList li .insp_title .buttonImg { background-color: #000000; bottom: 10px; color: #FFFFFF; display: block; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 12px; font-style: normal; padding: 3px 10px; position: absolute; right: 10px; text-transform: uppercase; width: auto; z-index: 50; } .moreLoadingBox { text-align:center; float:left; width:100%; position:relative; background-image: url(../img/bg_loading.png); background-repeat: repeat-x; background-position: center center; height:20px; } .moreLoading { font-size:14px; color:#7f7f7f; letter-spacing: 2px; font-family: 'AkzidenzMedium', sans-serif; text-transform:uppercase; width:auto; padding:10px; background-color:#FFFFFF; } .moreLoadingBox a{ color:#7f7f7f; text-decoration:none} .moreLoadingBox a:hover{ color:#000; text-decoration:none} /***************************/ /* contenu LiensUtiles */ /***************************/ .liens { position: relative; width: 98%; overflow: hidden; padding:1%; } .liens #descLien { float: left; max-width: 1240px; min-width: 870px; padding: 0 20px; position: relative; } @media screen and (max-width:2850px){.liens #descLien{width:1240px;}} @media screen and (max-width:2650px){.liens #descLien{width:1240px;}} @media screen and (max-width:2350px){.liens #descLien{width:1240px;}} @media screen and (max-width:2000px){.liens #descLien{width:1240px;}} @media screen and (max-width:1850px){.liens #descLien{width:1240px;}} @media screen and (max-width:1650px){.liens #descLien{width:1240px;}} @media screen and (max-width:1300px){.liens #descLien{width:1220px;}} @media screen and (max-width:1250px){.liens #descLien{width:950px;}} @media screen and (max-width:1000px){.liens #descLien{width:950px;}} @media screen and (max-width:950px){.liens #descLien{width:870px;}} #descLien .titre { width: 100%; float:left; font-size:75px; text-transform:uppercase; font-style:normal; line-height:65px; color:#7f7f7f; font-weight:100; margin-top:10px; letter-spacing: 5px; text-align:left; font-family: 'AkzidenzBOLD', sans-serif; letter-spacing: 1px; position:relative; } #descLien h1{ width: 100%; float:left; font-size:21px; font-style:normal; line-height:25px; color:#7f7f7f; margin:5px 0 5px 0; text-align:left; font-family: 'DidotItalic', serif; } #descLien p { width: 100%; float:left; font-size:17px; line-height:23px; color:#7f7f7f; font-family: 'DidotItalic', serif; letter-spacing:0.3px; text-align:justify; } #descLien p a{ font-size:17px; line-height:23px; color:#000; font-family: 'DidotItalic', serif; letter-spacing:0.3px; } .liens .liquidContent { min-height: 350px; position: relative; z-index: 1; } .liens #innerContentLiquid { padding:15px 10px; /*margin-top:15px;*/ } .iliens .overflowHidden { overflow: hidden; } .liens ul.imgListLiens { list-style: none outside none; margin: 0; overflow: hidden; padding: 0; } .imgListLiens li { float: left; padding:0 8px; margin-bottom: 35px; position: relative; text-align: center; min-height: 350px; border-right:1px solid #b2b2b2; } .imgListLiens li:last-child { border-right:0 none; } .imgListLiens li a{ text-decoration:none; color:#000; line-height: 16px; font-size:13.5px; height:inherit; } .imgListLiens li a:hover{ text-decoration:none; color:#000; } ul.medium-wrapperLiens li > div { margin: 0 auto; width:100%;} ul.medium-wrapperLiens li .imgtitreLiens { width: 100%; float:left; font-size:18px; font-style:normal; line-height:12px; letter-spacing: 1px; font-family: 'DidotItalic', serif; margin:0px 0px 10px 0px; line-height: 20px; } ul.medium-wrapperLiens li p { text-align: justify; width: 100%; font-size:13.5px; font-family: 'DidotItalic', serif; letter-spacing: 0.5px; line-height: 16px; color:#7f7f7f; } ul.medium-wrapperLiens li p a{ color:#7f7f7f; text-decoration:underline; } ul.medium-wrapperLiens li p a:hover{ color:#000; text-decoration:underline; } ul.medium-wrapperLiens li .imageInfoWrapLiens { height: 29px; position: absolute; border-bottom:7px solid #000; width:100%; bottom:-14px; left:0; opacity:0.1; } ul.medium-wrapperLiens li .imageInfoWrapLiens .infoLiens { text-align: center; width: 100%; font-size:13px; color:#000; letter-spacing: 1px; font-family: 'AkzidenzMedium', sans-serif; text-transform:uppercase; line-height: 15px; } @media screen and (max-width:2850px){ul.medium-wrapperLiens>li{width:22.6%;}} @media screen and (max-width:2650px){ul.medium-wrapperLiens>li{width:22.6%;}} @media screen and (max-width:2350px){ul.medium-wrapperLiens>li{width:22.6%;}} @media screen and (max-width:2000px){ul.medium-wrapperLiens>li{width:22.6%;}} @media screen and (max-width:1850px){ul.medium-wrapperLiens>li{width:22.6%;}} @media screen and (max-width:1650px){ul.medium-wrapperLiens>li{width:22.6%;}} @media screen and (max-width:1300px){ul.medium-wrapperLiens>li{width:22.6%;}} @media screen and (max-width:1250px){ul.medium-wrapperLiens>li{width:22.6%;}} @media screen and (max-width:1000px){ul.medium-wrapperLiens>li{width:22.6%;}} @media screen and (max-width:950px){ul.medium-wrapperLiens>li{width:100%;}} .moreLoadingBox { text-align:center; float:left; width:100%; position:relative; background-image: url(../img/bg_loading.png); background-repeat: repeat-x; background-position: center center; height:16px; margin-top:15px; } .moreLoading { font-size:14px; color:#7f7f7f; letter-spacing: 2px; font-family: 'AkzidenzMedium', sans-serif; text-transform:uppercase; width:auto; padding:10px; background-color:#FFFFFF; } .moreLoadingBox a{ color:#7f7f7f; text-decoration:none} .moreLoadingBox a:hover{ color:#000; text-decoration:none} /****************************/ /* contenu sur-mesure */ /***************************/ /****************************/ /* contenu client */ /***************************/ .cp_connexion { position: relative; width: 100%; min-height: 200px; overflow: hidden; padding:5px 0px 25px; float:left; margin-right:15px; margin-top:5px; } .cp_connexion .errorConnexion{ display: block; color: #D50000; font-size: 11px; font-weight: bold; margin: 30px auto 0; min-height: 11px; position: relative; z-index: 5; width: 100% !important; } .cp_connexion .marginRight { margin-right: 10px !important; } .cp_connexion .marginLeft { margin-left: 25px !important; } .cp_connexion .box{ height: 190px; width: 425px; border: 1px solid #DEDEDE; padding: 30px 0 30px 30px; display: block; float: left; overflow: hidden; font-family:'itcavantgardestd-bkcn',Helvetica,sans-serif; text-align:left; letter-spacing:1px; } .cp_connexion .box h3 { border-bottom: 1px solid #CCCCCC; clear: both; display: block; font-size: 15px; margin: 0 30px 20px 0; overflow: hidden; padding: 0 0 10px; position: relative; text-transform: uppercase; } .cp_connexion .box p { padding-right: 50px; line-height: 17px !important; color: #787878; font-size: 13px; } .cp_connexion .box .sendbuttonCon { background-color: #000000; border: medium none; color: #FFFFFF; cursor: pointer; float: right; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; height: 29px; letter-spacing: 1px; line-height: 12px; margin: 15px 30px 5px 5px; padding: 3px 20px; text-align: center; text-transform: none; width: auto; } .cp_connexion .box .sendbuttonCon:hover { background-color: #7F7F7F; } .cp_connexion .box .cancelbuttonCon { background-color: #7F7F7F; border: medium none; color: #FFFFFF; cursor: pointer; float: right; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; height: 29px; letter-spacing: 1px; line-height: 12px; margin: 15px 30px 5px 5px; padding: 3px 20px; text-align: center; text-transform: none; width: auto; } .cp_connexion .box .cancelbuttonCon:hover { background-color: #000000; } .cp_connexion .box .form{ margin:0; padding:0; } .cp_connexion .box .form li { height: 32px; line-height: 25px; } .cp_connexion .box .form .line.help { height: 13px; line-height: 10px; overflow: hidden; } .cp_connexion .box .sendErreur { border: 0 none !important; color: #FF0000; float: left; font-family: 'itcavantgardestd-bkcn',Arial,serif !important; font-size: 12px !important; margin: 15px 0 0 !important; text-align: left; text-decoration: none; width: auto !important; display:block; } .cp_connexion .box .infoText { border: 0 none !important; color: #525252; float: left; font-family: 'itcavantgardestd-bkcn',Arial,serif !important; font-size: 11px !important; margin: 15px 0 0 !important; text-align: left; text-decoration: none; width: auto !important; display:block; } .cp_connexion .box .forgot { color: #7F7F7F; cursor: pointer; float: left; font-family: 'itcavantgardestd-bkcn',serif; font-size: 11px; font-style: normal; font-weight: 100; letter-spacing: 0.5px; margin: 25px 0px 5px 150px; text-decoration: underline; width: 110px; } .cp_connexion .line { clear: both; display: block; } .cp_connexion label, .cp_connexion .fakeLabel { display: block; float: left; font-size: 11px; height: 17px; line-height: 12px; padding: 3px 5px 0 0; width: 98px; } .cp_connexion label.long, .cp_connexion .fakeLabel.long { padding: 0; width: 178px; } .cp_connexion label, .cp_connexion .form .notice { color: #525252; font-size: 13px; } .cp_connexion input, .cp_connexion textarea { background-color: #F8F8F8; border: 1px solid #C9C9C9; display: block; float: left; font-size: 11px; height: 19px; line-height: 15px; padding-left: 8px; width: 205px; } .cp_connexion .ccab { display: none; } .cp_connexion .contact { clear:both; margin:35px auto 0; width:300px; } .cp_connexion .contact .header { color: #000000; float: left; font-family: 'HelveticaUltralight',Helvetica,sans-serif; font-size: 24px; font-weight: 200; letter-spacing: 1px; line-height: 26px; margin-bottom: 5px; padding: 0; text-align: center; text-transform: uppercase; width: 100%; } .cp_connexion .contact p { color:#7d2281; float: left; font-size: 13px; line-height: 15px; text-align: right; width: 100%; margin-top:10px; font-style:italic; } .cp_connexion .contact a { color: #7f7f7f; float: left; font-size: 13px; line-height: 15px; text-align: right; width: 100px; margin-top:5px; } .cp_connexion .contact a:hover { text-decoration:underline; } .cp_connexion .contactform { font-size:16px; color:#333333; width: 100%; text-align: left; float: left; } .cp_connexion .contactform textarea { padding: 5px; border: 1px solid #d2d1cf; width: 100%; height: 150px; font-size: 14px; font-family: 'DidotRegular', sans-serif; color: #7f7f7f; background-color: #fff; float: right; } .cp_connexion .contact .contactform textarea { padding: 5px; border: 1px solid #d2d1cf; width: 95%; height: 150px; font-size: 14px; font-family: 'DidotRegular', sans-serif; color: #7f7f7f; background-color: #fff; float: right; margin-bottom:15px; } .cp_connexion .contactform label { min-width: 100px; float: left; padding: 5px; padding-left: 0px; margin-left: 0px; color: #666; } .cp_connexion .input-submit { width: 100px; color: #fff; font-family: 'AkzidenzMedium', serif; margin-top: 10px; font-size: 17px; line-height: 30px; display: inline-block; background-color: #000; padding: 5px 5px 5px 5px; height: 30px; border: none; cursor: pointer; float: right; letter-spacing: 1px; background-color: #000000; border-radius: 2px 2px 2px 2px; } .cp_connexion .input-submit:hover { background-color: #7f7f7f; } .cp_connexion .input-textarea { padding: 5px; border: 1px solid #d2d1cf; width: 620px; height: 16px; margin-bottom: 10px; font-size: 14px; font-family: 'DidotRegular', sans-serif; color: #7f7f7f; background-color: #fff; float: right; } .cp_connexion .contact .input-textarea { padding: 2%; border: 1px solid #d2d1cf; width: 95%; height: 16px; margin-bottom: 10px; font-size: 14px; font-family: 'DidotRegular', sans-serif; color: #7f7f7f; background-color: #fff; float: right; } .cp_connexion .contact .input-select { background-color: #FFFFFF; border: 1px solid #D2D1CF; color: #666666; float: right; font-family: 'AkzidenzMedium', serif; font-size: 16px; height: 23px; margin-bottom: 10px; width: 100%; text-align:center; letter-spacing: 1px; } .cp_info { position: relative; width: 820px; min-height: 600px; overflow: hidden; padding:0px; float:right; margin-top:-20px; } .pictoCP { background-image: url("http://www.hoogui.com/lib/img/pictos/infoCP.png?v=22"); background-attachment: scroll; background-repeat: no-repeat; background-position: 0px 0px; background-size:auto auto; } .cp_info #info_centre { position: relative; width: 96%; min-height: 550px; padding:5px 20px; float:left; } #info_centre #titre-Info { width: 100%; float:left; position: relative; border-bottom:1px solid #7f7f7f; height:10px; margin-bottom:10px; } #info_centre .titreInfo { position: absolute; width: 150px; bottom:-12px; left:50%; margin-left:-80px; background-color:#FFFFFF; font-size:16px; font-style:normal; line-height:23px; color:#000; font-weight:100; letter-spacing: 3px; font-family: 'DidotRegular', serif; text-transform:uppercase; text-align:center; padding: 0 5px; } #info_centre h2 { width: auto; text-align:left; font-family: 'DidotItalic', serif; color:#7f7f7f; font-size:16px; font-weight: normal; clear: both; padding-left:12px; margin-left:15px; background-image: url(../img/puce_noir.jpg); background-repeat: no-repeat; background-position: left center; text-decoration:underline; } #info_centre ul { width: 100%; list-style:none; float:left; margin:0 auto; padding:5px 0; } #info_centre ul li { list-style:none; float:left; color:#000; display: inline; margin: 0 15px 20px 15px; } #info_centre ul li img { float:left; margin:0 0 5px 0; } #info_centre ul li a { display: block; } #info_centre ul li .lienPhoto { font-family: 'AkzidenzMedium', serif; color:#7f7f7f; margin:0px auto; text-align:left; font-size:13px; letter-spacing:0.5px; width:35px;float:left; } .cp_info #info_droite { position: relative; width: 200px; min-height: 600px; padding:0px 0px 5px; float:right; margin-top:30px; } #info_droite .titreCP { background-color: #000000; color: #FFFFFF; float: left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; letter-spacing: 1px; line-height: 25px; padding: 0; position: relative; text-align: center; text-transform: uppercase; width: 100%; } #info_droite ul { width: 100%; list-style:none; float:left; margin: 0 auto 15px; padding:5px 0; } #info_droite ul li#buttonCP { color: #FFFFFF; cursor: pointer; display: inline; float: left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 16px; height: auto; line-height: 40px; list-style: none outside none; margin: 10px 0; position: relative; text-transform: uppercase; vertical-align: middle; width: 100%; } #info_droite ul li#buttonCP:hover { background-color:#000; } .actifbutton { background-color:#000; } .noActifbutton { background-color: #c1c1c1; } #info_droite ul li#pictoCP, #info_droite ul li#pictoVoy , #info_droite ul li#pictoServ{ color: #000000; cursor: pointer; float: left; height: 90px; list-style: none outside none; position: relative; width: 50%; } #info_droite ul li#pictoCP:hover, #info_droite ul li#pictoVoy:hover, #info_droite ul li#pictoServ:hover{ opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; } #info_droite ul li#pictoCP .sstext, #info_droite ul li#pictoVoy .sstext, #info_droite ul li#pictoServ .sstext{ position:absolute; bottom:5px; left:0px; width:100%; text-align:center; letter-spacing: 1px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:14px; } .actifPicto { opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; } .noActifPicto { opacity:0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; } .infoBT { background-repeat: no-repeat; background-image: url("http://www.hoogui.com/img/espaceClient/actu_tous.png"); background-position: center top; } .voyBT { background-repeat: no-repeat; background-image: url("http://www.hoogui.com/img/espaceClient/actu_voy.png"); background-position: center top; } .pressBT { background-repeat: no-repeat; background-image: url("http://www.hoogui.com/img/espaceClient/actu_news.png"); background-position: center top; } .magBT { background-repeat: no-repeat; background-image: url("http://www.hoogui.com/img/espaceClient/actu_conseil.png"); background-position: center top; } .tousBT { background-repeat: no-repeat; background-image: url("http://www.hoogui.com/img/espaceClient/voy_tous.png"); background-position: center top; } .faitBT { background-repeat: no-repeat; background-image: url("http://www.hoogui.com/img/espaceClient/voy_fait.png"); background-position: center top; } .favBT { background-repeat: no-repeat; background-image: url("http://www.hoogui.com/img/espaceClient/voy_favoris.png"); background-position: center top; } .profilBT { background-repeat: no-repeat; background-image: url("http://www.hoogui.com/img/espaceClient/serv_profil.png"); background-position: center top; } .creditBT { background-repeat: no-repeat; background-image: url("http://www.hoogui.com/img/espaceClient/serv_credits.png"); background-position: center top; } .parrainBT { background-repeat: no-repeat; background-image: url("http://www.hoogui.com/img/espaceClient/serv_parrain.png"); background-position: center top; } .themesCP { color: #FFFFFF; float: left; height: 150px; list-style-type: none; margin: 15px 0 15px 10px; padding: 0; position: relative; text-align: center; width: 180px; } .themesCP .titreS { color: #000000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 16px; font-weight: normal; line-height: 22px; margin: 2px 0 0 2px; padding: 0; text-align: left; text-transform: uppercase; width: auto; } .themesCP .prixS { color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 18px; font-style: normal; font-weight: normal; letter-spacing: 1px; line-height: 14px; margin: 0; padding: 0; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 40px; width: 100%; z-index: 100; } .themesCP a { display: block; height: 129px; margin: 0 auto; position: relative; width: 100%; } .themesCP .cacheImg { background-color: #000000; display: none; height: 128px; left: 0; margin: 0 0 10px; opacity: 0.6; padding: 0; position: absolute; top: 0; width: 180px; z-index: 50; } .themesCP .buttonImg { background-color: #000000; color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 13px; font-style: normal; font-weight: lighter; left: 50%; letter-spacing: 1px; margin-left: -70px; padding: 8px 5px; position: absolute; text-transform: uppercase; width: 130px; z-index: 100; top: 55%; } .themesCP .buttonImg a{ color: #FFFFFF; display: block; height: auto; position: relative; text-decoration: none; width: 130px; } .cp_info #info_gauche { position: relative; width: 605px; min-height: 550px; padding:5px 0px; float:left; } #info_gauche #titre-Info { float: left; height: auto; margin-bottom: 5px; padding: 0 3%; position: relative; width: 94%; } #titre-Info .titreInfo { color: #000000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 18px; font-style: normal; letter-spacing: 1px; line-height: 20px; padding: 0; text-align: left; text-transform: uppercase; } #info_gauche #ActuOK, #info_gauche #VoyagesOK, #info_gauche #CommOK, #info_gauche #creditDetails { float: left; background: none repeat scroll 0 0 #F7F7F7; padding: 0 3% 10px; width: 94%; min-height: 250px; margin-bottom:25px; } #info_gauche #ActuOK p, #info_gauche #VoyagesOK p, #info_gauche #CommOK p, #info_gauche #creditDetails p{ width:100%; font-size:13px; text-align: justify; padding:0px; letter-spacing: 1px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; line-height:14px; float:left; margin:5px 0px; color:inherit; } #info_gauche #ActuOK a, #info_gauche #VoyagesOK a, #info_gauche #CommOK a,{ font-size:13px; text-align: justify; padding:0px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; line-height:14px; float:left; margin:0; color:inherit; text-decoration:underline; } /***/ #VoyagesOK .nav-cp { background: none repeat scroll 0 0 #FFFFFF; height: 35px; margin: -3%; position: relative; width: 107%; } #VoyagesOK .nav-cp .group:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } #VoyagesOK .nav-cp *:first-child+html .group { zoom: 1; } /* IE7 */ #VoyagesOK .nav-cp #navMenuCp { list-style: none; position: relative; width: 100%;padding:0; margin:0; } #VoyagesOK .nav-cp #navMenuCp li { background-image: none; display: block; margin: 0 7px 0 0; padding: 0; text-align: center; width: auto; } #VoyagesOK .nav-cp #navMenuCp li a { color: #C1C1C1; float: left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; font-weight: normal; line-height: 20px; margin: 0; padding: 7px 5px; text-decoration: none; text-transform: uppercase; width: auto; } #VoyagesOK .nav-cp #navMenuCp li:first-child { padding: 0; } #VoyagesOK .nav-cp #navMenuCp li a:hover { color:#000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; } #VoyagesOK .nav-cp #navMenuCp .current_page_item a { color:#FFF !important; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; background-color:#000;} #VoyagesOK .panesMenuCp .tab-content{ clear:both; } #VoyagesOK .panesMenuCp { color: #000000; margin: 0 -1%; min-height: 150px; padding: 20px 0; text-align: left; width: 100%; } #VoyagesOK .panesMenuCp #boxContenu #boxPicto{ display:none; } #VoyagesOK .panesMenuCp #boxContenu #boxText{ width:100%; border-left:none; } #VoyagesOK .panesMenuCp #boxContenu #boxTotal{ margin: 0 0 0 80px; padding: 1px 0 0; } #VoyagesOK .panesMenuCp p { font-family: 'DidotItalic',serif; font-size: 15px; font-weight: normal; letter-spacing: 0.5px; line-height: 20px; margin: 0 0 10px; padding: 0; text-align: justify; white-space: normal; } #VoyagesOK .panesMenuCp h2 { font-size: 26px; font-weight: normal; color: #7F7F7F; text-transform:uppercase; /*font-family: 'HelveticaUltralight',Helvetica,sans-serif;*/ font-family: 'AkzidenzMedium', sans-serif; margin:0px; padding:0px; line-height:30px; letter-spacing: 1px; margin:5px 0 15px; text-align:left; border-bottom: 1px solid #7F7F7F; } #VoyagesOK .panesMenuCp h2 span{ font-family: 'DidotItalic',serif; font-size: 18px; text-transform: none; letter-spacing: 0px; vertical-align: top; } #VoyagesOK .panesMenuCp h3 { font-size: 26px; font-weight: normal; color: #7F7F7F; text-transform:uppercase; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; margin:0px; padding:0px; line-height:30px; letter-spacing: 1px; margin-bottom:12px; text-align:right; border-bottom: 1px solid #7F7F7F; } #VoyagesOK .panesMenuCp h4 { color: #000000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; line-height: 22px; margin: 10px 0 0; padding: 0; text-align: right; text-transform: uppercase; } #VoyagesOK .panesMenuCp h4 span { color: #000000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 14px; letter-spacing: 0.5px; } #VoyagesOK .panesMenuCp a { color: #000; font-family: 'DidotItalic',serif; font-size: 15px; font-weight: normal; letter-spacing: 0.3px; text-decoration: underline; white-space: normal; } #VoyagesOK .panesMenuCp .blocText{ margin-top:5px; text-align:left; color: #000; float:left; margin-bottom:20px; min-height:92px; } /****/ #info_gauche #listeAmis { position: relative; float:left; padding:0; margin:10px 0 5px 0; width: 100%; list-style:none; } #info_gauche #listeAmis li { padding:5px 0; width: 47.9%; text-align:center; margin:5px 0px 5px 0; border-bottom:1px solid #7f7f7f; border-top:1px solid #7f7f7f; } #info_gauche #listeAmis li .photo { float:left; padding:0; width: 20%; text-align:center; margin:0px; } #info_gauche #listeAmis li .photo img { text-align:center; width:100%; } #info_gauche #listeAmis li .nom { float:right; padding:0; width: 75%; text-align:left; margin:5px; font-family: 'DidotItalic', serif; color:#000000; font-size:13px; font-weight:100; } #info_gauche #listeAmis li .nom span { float:right; padding:0; width: 100%; text-align:left; margin:3px 0px; font-family: 'DidotItalic', serif; color:#7f7f7f; font-size:11px; font-weight:100; } #info_gauche .news { margin:12px 0px 55px; width: 100%; color:#7f7f7f; float:left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; } #info_gauche .news h1.htitre { width: 100%; font-size:16px; font-style:normal; line-height:23px; color:inherit; letter-spacing: 1px; text-align:left; /*padding-left:35px;*/ text-transform:uppercase; color:#000; opacity:0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; margin:0; padding:0; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; } .news .htitre span{ width: 20%; float:right; width:50px; height:32px; } .news img { width: 100%; float:left; margin-top:5px; } .infoN { background-repeat: no-repeat; background-position: -15px -8px; } .voyN { background-repeat: no-repeat; background-position: left top; } .pressN { background-repeat: no-repeat; background-position: -285px -8px; } .magN { background-repeat: no-repeat; background-position: left top; } #info_gauche .news p.ptitre { width:100%; font-size:13px; text-align:justify; padding:0px; letter-spacing: 1px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; line-height:17px; float:left; margin:0px 0px 5px 0px; color:inherit; } #info_gauche .news .date { width:auto; font-size:11px; text-align:left; padding:0; letter-spacing: 1px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; line-height:21px; float:left; color:inherit; margin-top:10px; } #info_gauche .news .facebook { width:auto; font-size:11px; text-align:left; padding:0; letter-spacing: 1px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; line-height:21px; float:right; color:inherit; margin-top:10px; } #info_gauche .voyages { color: #FFFFFF; float: left; list-style-type: none; margin: 2% 2.6%; min-height: 285px; padding: 0; position: relative; text-align: center; width: 160px; } .voyages .titreS { color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 23px; font-weight: normal; line-height: 24px; margin: 2px 3% 0 0; padding: 0; position: absolute; right: 0; text-align: right; text-transform: uppercase; top: 5px; width: 97%; z-index: 100; } .voyages .sstitreS { color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 14px; margin: 0 3% 0 0; padding: 0; position: absolute; right: 0; text-align: right; top: 35px; width: 97%; z-index: 100; } .voyages .prixS { color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; font-style: normal; font-weight: normal; line-height: 14px; margin: 0 3% 0 0; padding: 0; position: absolute; right: 0; text-align: right; top: 55px; width: 97%; z-index: 100; } .voyages .sstitreSp { color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 14px; margin: 0 3% 0; padding: 0; position: absolute; right: 0; text-align: justify; top: 80px; width: 94%; z-index: 100; } .voyages a { height: 285px; position: relative; width: 160px; display:block; } .voyages .pictoImg { background-color: #FFFFFF; display: block; height: 40px; left: -5px; margin: 0 0 10px; opacity: 0.85; padding: 0; position: absolute; top: 0; width: 45px; z-index: 5; } .voyages .cacheImg { background-color: #000000; display: none; height: 285px; left: 0; margin: 0 0 10px; opacity: 0.6; padding: 0; position: absolute; width: 160px; z-index: 50; top:0; } .voyages .buttonImg { background-color: #000000; color: #FFFFFF; display: block; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 13px; font-style: normal; font-weight: lighter; left: 50%; letter-spacing: 1px; margin-left: -70px; padding: 5px; position: absolute; text-transform: uppercase; width: 130px; z-index: 100; } .voyages .buttonImg:hover { background-color: #7F7F7F; } .detail { top: 88%; } .supprimer { top: 77%; } .voyages .buttonImg a{ color: #FFFFFF; display: block; height: auto; position: relative; text-decoration: none; width: 130px; } .cp_banTop { position: relative; width: 100%; height: 120px; padding:0px; float:left; margin:0px; background-color:#000; } .cp_comm { position: relative; width: 160px; min-height: 600px; overflow: hidden; padding:5px 0px 25px; float:left; margin-top:5px; background-color:#000; } .cp_comm #titreALaUne { position: relative; float:left; padding:0; width: 92%; text-align:center; margin-top:0px; color:#7f7f7f; min-height:250px; padding:0 0px 0 10px; } #titreALaUne .comm { position:relative;width:100%; text-align:center; padding:0px; margin:5px auto; height:35px; } #titreALaUne .comm li {width:40px; margin:0px; float:left; height:100%; text-align:center; list-style:none; } #titreALaUne .comm li a{width:100%; margin:0px; height:100%; float:left;} .commF { background-repeat: no-repeat; background-position: -14px -55px; } .commT { background-repeat: no-repeat; background-position: -224px -55px; } .commG { background-repeat: no-repeat; background-position:-96px -55px; } .commL { background-repeat: no-repeat; background-position: -55px -55px; } .commP { background-repeat: no-repeat; background-position: -182px -55px; } .commI { background-repeat: no-repeat; background-position: left top; } #titreALaUne .parMail { width:100%; text-align:left; padding:0px; margin:5px auto; height:35px; float: left; } #titreALaUne .parMail input { float: left; margin-top:3px; width:73%; height:20px; color:#fff; background-color:#7f7f7f; border:none; padding:2px; } #titreALaUne .parMail .parMailE {width:35px; height:35px; padding:0px; margin-right:15px; background-repeat: no-repeat; background-position: -277px -59px; float:left; } #titreALaUne .titreCP { position: relative; float:left; padding:0; width: 100%; text-align:left; margin-top:0px; color:#000; letter-spacing: 1px; font-family: 'DidotItalic', serif; font-weight: 200; line-height:25px; border-bottom:1px solid #7f7f7f; font-size:16px; } #titreALaUne .sstitreCP { position: relative; float:left; padding:0; width: 80%; text-align:left; margin-top:0px; color:#7f7f7f; letter-spacing: 1px; font-family: 'DidotItalic', serif; font-weight: 200; line-height:30px; font-size:14px; } #titreALaUne .sstitreCPnb { position: relative; float:right; padding:0; width: 20%; text-align:right; margin-top:0px; color:#7f7f7f; letter-spacing: 1px; font-family: 'DidotItalic', serif; font-weight: 200; line-height:30px; font-size:14px; } #titreALaUne .listeAmisCP { position: relative; float:left; padding:0; margin:0 0 5px 0; width: 100%; list-style:none; } #titreALaUne .listeAmisCP li { float:left; padding:0; width: 20%; text-align:center; margin:5px; } #titreALaUne .trait { clear:both; border-bottom:1px solid #7f7f7f; } #titreALaUne .listeAmisCPBT a{ float:right; padding:0; width: 100%; text-align:right; margin:0 0 5px 0; color:#000; letter-spacing: 1px; font-family: 'DidotItalic', serif; font-weight: 200; line-height:15px; font-size:12px; } .cp_info #titre { /* Centrage vertical */ position: relative; float:left; width: 770px; color:#7f7f7f; padding-right:5px; } #titre .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 335px; width:inherit; } #titre .h1titre { font-size:45px; text-transform:uppercase; font-style:normal; line-height:35px; color: #7f7f7f; font-weight:100; margin:0px; width:100%; margin-top:0px; letter-spacing: 0; text-align:right; font-family:'HelveticaUltralight', Helvetica; position: relative; float:right; } #detail_client { margin:0 auto; width: 70%; float:left; min-height: 200px; padding-left:15px; /*margin-top:20px;*/ } #detail_client .menuEnCours { margin:0; padding:0px; width:98%; float:right; height: 100%; /*margin-top:20px;*/ margin-left:10px; position:relative; /*border-top:10px solid #000;*/ padding-top:5px; } /****************************/ /* contenu Client */ /***************************/ .hoogui { position: relative; width: 100%; min-height: 50px; overflow: hidden; padding:15px 0; } .hoogui p{ color: #000000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 16px; line-height: 23px; margin: 5px 0; padding: 30px 150px; text-align: justify; } .hoogui .testimoniaux{ color: #000000; font-family: 'DidotItalic',Arial,serif; font-size: 22px; line-height: 25px; margin: 5px 0; padding: 30px 15px 10px; text-align: center; } .hoogui .testimoniaux span{ color: #7F7F7F; font-family: 'DidotItalic',Arial,serif; font-size: 14px; line-height: 20px; } .hoogui .liveFeedTipContent{ position:absolute; background-color:#000; top:20%; left:50%; width:400px; padding:12px 20px 0; margin-left:-200px; margin-top:-110px; z-index:50; display:none; -moz-box-shadow:1px 1px 5px #333; -webkit-box-shadow:1px 1px 5px #333; box-shadow:1px 1px 5px #333; background-image:-moz-linear-gradient(top,#000,#292929); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(1,#292929)); background-image:-webkit-linear-gradient(#000,#292929); background-image:linear-gradient(top,#000,#292929); } .hoogui #titreVoyage2 { position: relative; float:left; padding:0 10px; width: 100%; text-align:center; margin-top:10px; color:#7f7f7f; margin-left:10px; min-height:275px; } .hoogui #titreVoyage1 { position: relative; float:left; padding:0; /*width: 66.5%;*/ text-align:center; margin-top:10px; color:#7f7f7f; min-height:250px; padding:0 0px 0 25px; } @media screen and (max-width:2850px){#titreVoyage1{width:66.5%;}} @media screen and (max-width:2650px){#titreVoyage1{width:66.5%;}} @media screen and (max-width:2350px){#titreVoyage1{width:66.5%;}} @media screen and (max-width:2000px){#titreVoyage1{width:66.5%;}} @media screen and (max-width:1850px){#titreVoyage1{width:66.5%;}} @media screen and (max-width:1650px){#titreVoyage1{width:66.5%;}} @media screen and (max-width:1300px){#titreVoyage1{width:66.5%;}} @media screen and (max-width:1250px){#titreVoyage1{width:64.5%;}} @media screen and (max-width:1000px){#titreVoyage1{width:64.5%;}} @media screen and (max-width:950px){#titreVoyage1{width:64.5%;}} #titreVoyage1 .titre { width: 100%; float:left; font-size:40px; font-style:normal; line-height:45px; color: inherit; font-weight:100; letter-spacing: 5px; text-align:left; letter-spacing: 1px; font-family: 'AkzidenzBOLD', sans-serif; text-transform:uppercase; } #titreVoyage1 .sstitreH { margin-top:15px; width: 100%; float:left; font-size:18px; font-style:normal; line-height:24px; color:inherit; letter-spacing: 1px; font-family: 'DidotItalic', serif; float:left; } #titreVoyage1 .sstitreHH { margin:25px 0px; width: 100%; letter-spacing: 1px; font-family: 'AkzidenzMedium', sans-serif; text-transform:uppercase; font-size:22px; float:left; } #titreVoyage1 .ptitreHH { width:100%; font-size:15px; text-align:justify; podding:0 25px; letter-spacing: 1px; font-family: 'DidotItalic', serif; line-height:21px; float:left; } .hoogui #contact1 { position: relative; float:right; padding:0; /*width: 26%;*/ text-align:center; margin-top:55px; color:#7f7f7f; margin-right:10px; min-height:200px; padding:0 15px 0 10px; border-left:1px solid #7f7f7f; } @media screen and (max-width:2850px){.hoogui #contact1{width:26%;}} @media screen and (max-width:2650px){.hoogui #contact1{width:26%;}} @media screen and (max-width:2350px){.hoogui #contact1{width:26%;}} @media screen and (max-width:2000px){.hoogui #contact1{width:26%;}} @media screen and (max-width:1850px){.hoogui #contact11{width:26%;}} @media screen and (max-width:1650px){.hoogui #contact1{width:26%;}} @media screen and (max-width:1300px){.hoogui #contact1{width:26%;}} @media screen and (max-width:1250px){.hoogui #contact1{width:27.5%;}} @media screen and (max-width:1000px){.hoogui #contact1{width:27.5%;}} @media screen and (max-width:950px){.hoogui #contact1{width:27.5%;}} #contact1 .titreC { width: 100%; text-align:center; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; letter-spacing: 1px; margin-bottom:10px; color: inherit; padding:0; text-transform:uppercase; font-size:16px; } #contact1 .blocC { width: 100%; position: relative; float:left; color: #000; list-style: none; padding:0; margin:0; } #contact1 li a { width: 42%; text-align:center; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; letter-spacing: 1px; height:23px; float:left; padding:10px; padding-top:55px; color:#7f7f7f; font-size:17px; text-decoration:none; background-position: 15px 5px; } #contact1 li a:hover { color:#000; text-decoration:none; background-position: 117% 5px; } .cont_mess { background-image: url(../img/picto_mes.png); background-repeat: no-repeat; background-size:250px 50px; border-right:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f; } .cont_tel { background-image: url(../img/picto_tel.png); background-repeat: no-repeat; background-size:250px 50px; border-bottom:1px solid #7f7f7f; } .cont_tchat { background-image: url(../img/picto_tchat.png); background-repeat: no-repeat; background-size:250px 50px; border-left:1px solid #7f7f7f; } .cont_hoogui { background-repeat: no-repeat; border-bottom:1px solid transparent; } .hoogui #dif1 { position: relative; float:right; padding:0; /*width: 29%;*/ text-align:center; margin-top:65px; color:#7f7f7f; margin-right:10px; min-height:190px; padding:0px; border-left:1px solid #7f7f7f; } @media screen and (max-width:2850px){.hoogui #dif1{width:29%;}} @media screen and (max-width:2650px){.hoogui #dif1{width:29%;}} @media screen and (max-width:2350px){.hoogui #dif1{width:29%;}} @media screen and (max-width:2000px){.hoogui #dif1{width:29%;}} @media screen and (max-width:1850px){.hoogui #dif1{width:29%;}} @media screen and (max-width:1650px){.hoogui #dif1{width:29%;}} @media screen and (max-width:1300px){.hoogui #dif1{width:29%;}} @media screen and (max-width:1250px){.hoogui #dif1{width:31%;}} @media screen and (max-width:1000px){.hoogui #dif1{width:31%;}} @media screen and (max-width:950px){.hoogui #dif1{width:31%;}} #dif1 #blocD { width: 46.8%; position: relative; float:left; color: #000; padding:0; margin:0% 0% 2% 2%; } #blocD .blocImg { width:100%; position: relative; float:left; color: #000; padding:0; margin:0; } #blocD .blocText { width: 100%; position: relative; float:left; color: #000; display:none; } .hoogui #titreVoyage2 { position: relative; float:left; padding:0px; width: 96%; text-align:left; margin-top:10px; color:#7f7f7f; min-height:200px; margin-left:10px; padding:0 10px; } #titreVoyage2 .titre { width: 100%; float:left; font-size:40px; font-style:normal; line-height:45px; color:#7f7f7f; font-weight:100; letter-spacing: 5px; text-align:left; letter-spacing: 1px; font-family: 'AkzidenzBOLD', sans-serif; text-transform:uppercase; } #titreVoyage2 .sstitre { float:left; width: 100%; text-align:center; font-family: 'AkzidenzBOLD', sans-serif; letter-spacing: 1px; margin-bottom:10px; color:#7f7f7f; padding:10px 0; text-transform:uppercase; font-size:27px; border-bottom:1px solid #7f7f7f; } /**PARTENAIRES*/ #titreVoyage2 .imagesPart .innerPart { width: 97%; overflow: hidden; background-color: transparent; float:left; position:relative; height: 150px; /*margin-left:20px;*/ z-index:1; padding-top:20px; } #titreVoyage2 .imagesPart .innerPart .nextPart { position: absolute; top: 50%; right: 0px; color:#000; background-color:#fff; height:35px; width:35px; z-index:150; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; margin-top: -10px; background-color:#000000; opacity: 0.5; } #titreVoyage2 .imagesPart .innerPart .nextPart:hover { background-color: #000; opacity: 0.8; } .carPart .image_part { position:relative; z-index:50; overflow:hidden !important; height:145px; width:190px; margin-top:0px; float:left; margin-right:15px; } /**FIN PARTENAIRES*/ #titreVoyage2 .blocLicences { width: 850px; margin:0 auto; clear:both; padding-top:15px; } #titreVoyage2 .blocLicences .blocLogo{ width: 160px; float:left; } #titreVoyage2 .blocLicences .blocLogo2{ width: 160px; float:right; margin:15px 8px 0px 0px; text-align:right; } #titreVoyage2 .blocLicences .blocDesc{ min-width: 245px; float:left; margin-top:15px; margin-left:0px; padding-left:10px; } #titreVoyage2 .blocLicences .cellblocdesc { height:150px; display: table-cell; vertical-align: middle; } #titreVoyage2 #questions { float:left; width: 50%; border-right:1px solid #7f7f7f; } #titreVoyage2 #questions #listeQuest { list-style: none; position: relative; width: 100%;padding:0; margin:0; } .groupQ:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } *:first-child+html .groupQ { zoom: 1; } /* IE7 */ #listeQuest li { display: inline-block; padding:0; margin:0; letter-spacing: 1px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; line-height: 15px; width:95%; text-align:left; margin:5px 0px 5px 30px; } #listeQuest li a { font-weight:normal; float: left; letter-spacing:1px; text-decoration: none; color: #7f7f7f; width:100%; margin:0; } #listeQuest li:last-child {} #listeQuest a:hover { color:#000; } #listeQuest .current_quest a { color:#000 !important;} #titreVoyage2 #reponses { float:right; width: 48%; } #reponses .tab-rep{ clear:both; display: none; } #reponses .celldesc { height:280px; display: table-cell; vertical-align: middle; } #reponses .desc { font-size: 15px; font-weight: normal; color: #000; white-space: 0.3em; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; margin:0px; padding:0px; margin-left:20px; line-height:20px; letter-spacing: 0.5px; width:95%; text-align:justify; border-top: 1px solid #000000; float:left; padding-top:5px; /*opacity:0;*/ } #reponses .number { letter-spacing: 1px; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; text-transform:uppercase; float:left; width:95%; font-size:45px; color:#7f7f7f; margin-left:20px; opacity:0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; } .hoogui #titreVoyage3 { position: relative; float:left; padding:0px; width: 96%; text-align:left; margin-top:10px; color:#7f7f7f; min-height:250px; margin-left:10px; padding:0 10px; } #titreVoyage3 .titreP { width: 100%; float:left; font-size:40px; font-style:normal; line-height:45px; color: inherit; font-weight:100; letter-spacing: 5px; text-align:left; letter-spacing: 1px; font-family: 'AkzidenzBOLD', sans-serif; text-transform:uppercase; } #titreVoyage3 .cellTexte { height:275px; display: table-cell; vertical-align: middle; } #titreVoyage3 .cellTexte2 { height:300px; display: table-cell; vertical-align: middle; } #titreVoyage3 .titre3 { width:28%; float:left; font-size:27px; font-style:normal; line-height:27px; color:inherit; text-align:left; letter-spacing: 1px; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; font-style:normal; font-weight: normal; text-transform:uppercase; padding-left:10px; } #titreVoyage3 .imagesSejours { width: 100%; float:right; margin:0; padding:0; list-style-type:none; margin-top:5px; } #titreVoyage3 .imagesSejours .inner { width: 100%; overflow: hidden; background-color: transparent; float:left; position:relative; margin:0 0 10px 1.5%; } #titreVoyage3 .imagesSejours .inner .next { position: absolute; top: 50%; right: 0px; color:#000; background-color:#fff; height:35px; width:30px; z-index:45; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; opacity:0; margin-top: -15px; background-color:#000000; opacity: 0.5; } /* Presse */ #titreVoyage3 .imagesSejours .innerPress { width: 100%; overflow: hidden; background-color: transparent; float:left; position:relative; height: 310px; /*margin-left:20px;*/ z-index:1; padding-top:0px; } #titreVoyage3 .imagesSejours .innerPress .nextPress { position: absolute; top: 50%; right: 0px; color:#000; background-color:#fff; height:35px; width:35px; z-index:150; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; margin-top: -23px; background-color:#000000; opacity: 0.5; } #titreVoyage3 .imagesSejours .innerPress .nextPress:hover { background-color: #000; opacity: 0.8; } .carPress .image_press { position:relative; z-index:50; overflow:hidden !important; height:310px; width:175px; margin-top:0px; float:left; margin-right:15px; } .image_press .image_Pout { position:absolute; color: #7f7f7f; z-index:45; top:0px; width:100%; height:100%; opacity:1; filter:Alpha(opacity=1); } .image_Pout .date { font-size: 16px; font-weight: normal; text-transform:uppercase; font-family: 'itcavantgardestd-xltcn',helvetica,sans-serif; margin:0px; padding:0px; margin-bottom:5px; line-height:18px; letter-spacing: 0.5px; border-bottom:none; width:100%; } .image_Pout .current_hotel { font-size: 16px; font-weight: normal; text-transform:uppercase; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; margin:0px; padding:0px; line-height:18px; letter-spacing: 0.5px; border-bottom:none; width:100%; } .image_Pout .imgCar { cursor:pointer; text-align:center; margin-bottom: 5px;float:left; } .image_press .image_Pover { width:100%; height:100%; position:absolute; top:0px; left:0px; opacity:0; filter: alpha(opacity=0); -moz-opacity: 0; -webkit-opacity: 0; z-index:40; } .image_Pover .btAction{ clear:both; width:auto; padding:10px; margin:5px; margin-top : 125px; background-color:#7f7f7f; text-transform:uppercase; font-size:13px; font-family:'AkzidenzMedium', Helvetica, sans-serif; line-height:12px; text-align:center; letter-spacing: 1px; color:#fff; cursor:pointer; } .image_Pover .btAction:hover{ background-color:#000; } /* Fin Presse*/ /***** Formulaires GROUP/ENTREPRISES ****/ .entreprise { position: relative; width: 100%; min-height: 30px; overflow: hidden; padding:15px 0px; } .entreprise .loadingOK { position:absolute; top:50%; left:50%; height:50px; width:500px; z-index:55; margin-top: -50px; margin-left: -150px; background-color:#FFFF; font-family: 'AkzidenzBold', sans-serif; font-size: 16px; letter-spacing:2px; color:#000; display:none; background-color:#FFF; background-color:rgba(255,255,255,0.75); padding:20px 0px; } .entreprise .liveFeedTipContent{ position:absolute; background-color:#000; top:20%; left:50%; width:400px; padding:12px 20px 0; margin-left:-200px; margin-top:-28px; z-index:50; display:none; -moz-box-shadow:1px 1px 5px #333; -webkit-box-shadow:1px 1px 5px #333; box-shadow:1px 1px 5px #333; background-image:-moz-linear-gradient(top,#000,#292929); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(1,#292929)); background-image:-webkit-linear-gradient(#000,#292929); background-image:linear-gradient(top,#000,#292929); } .entreprise p { color: #000000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 16px; line-height: 23px; margin: 5px 0; padding: 30px 150px; text-align: justify; } .entreprise .btAction { background-color: #000000; border: medium none; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 17px; letter-spacing: 1px; line-height: 12px; margin: 0 5px 15px; padding: 10px 20px; text-align: center; text-decoration: none; text-transform: none; width: auto; } .entreprise .btAction:hover{ background-color:#7F7F7F; } .entreprise h2 { color: #000000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 25px; line-height: 30px; text-align:left; color:#000; font-weight:normal; } .entreprise #blocContenu { /* Centrage vertical */ color: #7F7F7F; float: right; padding: 0 3%; position: relative; text-align: left; width: 94%; } #blocContenu #boxText {width: 100%;} #blocContenu #formGroup { width: 100%; float:left; margin-top:10px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:13px; } #formGroup h2 { font-size: 18px; font-weight: normal; line-height: 18px; text-transform:none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; text-align:left; width:100%; margin:0px; padding:0px; border-bottom:1px #7f7f7f solid; margin-bottom:10px; color:#7f7f7f; letter-spacing:1px; margin-top:10px; padding-bottom:5px; } #formGroup h3 { font-size: 16px; font-weight: normal; line-height: 15px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; text-align:left; width:99%; margin:0px; padding:0px; text-transform:none; letter-spacing:normal; } #formGroup p { width: 100%; white-space: normal; font-size: 13px; font-weight: normal; line-height: 18px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; margin:0px; padding:0px; margin-bottom:15px; margin-left:0; color:#7f7f7f; text-align:left; } #formGroup a { white-space: normal; font-size: 14px; font-weight: normal; color:#7f7f7f; } #formGroup #boxInfos { float:left; padding:10px 13px; margin-right:15px; background-color:#FFF; color:#000; display:block; margin-bottom:10px; } #formGroup #boxInfos,#formGroup #boxInfos:last-child {width:20.3%;} #formGroup #boxInfos:last-child { float:left; padding:10px 13px; margin-right:0px; } #formGroup #boxInfos .boxInfosTitre{font-size:14px; float:left; margin-bottom:5px; width:100%; text-transform:none; text-align:center; padding-top:2px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; color:#000; border-bottom:1px solid #fff;} #formGroup #boxInfos .boxInfosCont{} #formGroup #boxInfos .label3{font-size:16px; float:left; margin-bottom:10px; text-transform: uppercase; text-align:left; padding-top:2px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; color:#000;width: 100%;} #formGroup #boxInfos .label31{font-size:13px; float:left; margin-bottom:8px; width: 100%; text-transform:none; text-align:left; padding-top:2px; margin-left:0px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; color:#000; letter-spacing:1px} #formGroup label{font-size:14px; float:left; margin-bottom:10px; width: 130px; text-transform:none; text-align:right; padding-top:2px; margin-right:10px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; color:#000;} #formGroup .label2{font-size:14px; float:left; margin-bottom:10px; width:auto; min-width: 20%; text-transform:none; text-align:left; padding-top:2px; margin-right:10px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; color:#000;} #formGroup .textinput{border:1px solid #7F7F7F; font-size:13px; width:70px; text-align:right; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; padding:2px;} #formGroup .textinput:focus{border:1px solid #F7F7F7;} #formGroup .textinput2{border:1px solid #fff; font-size:13px; width:92%; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; padding:3px; background-color:#FFF; color:#000000;} #formGroup .textinput2:focus{border:1px solid #7f7f7f; background-color:#fff; color:#000000;} #formGroup .textinput2:active{border:1px solid #7f7f7f; background-color:#fff; color:#000000;} #formGroup .textinput3{border:1px solid #fff; font-size:13px; width: 238px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif;padding:3px; background-color:#FFF; color:#000000;} #formGroup .textinput3:focus{border:1px solid #7f7f7f; background-color:#fff; color:#000000;} #formGroup .textinput3:active{border:1px solid #7f7f7f; background-color:#fff; color:#000000;} #formGroup .textinput4{border:1px solid #7F7F7F; font-size:13px; width:100px; text-align:left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif;padding:3px; color:#000000;} #formGroup .textinput4:focus{border:1px solid #7f7f7f;} #formGroup .form-textarea{border:1px solid #fff; font-size:13px; width:92%; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif;padding:3px; background-color:#FFF; color:#000000;} #formGroup .form-textarea:focus{border:1px solid #FFF; background-color:#FFF; color:#000000;} #formGroup .form-textarea:active{border:1px solid #FFF; background-color:#FFF; color:#000000;} #formGroup .btAction{ width:auto; padding:3px 20px; margin:5px; margin-top : 0px; background-color:#000; text-transform:none; font-size:17px; font-family:'itcavantgardestd-bkcn',Helvetica,sans-serif;; line-height:12px; text-align:center; letter-spacing: 1px; color:#fff; cursor:pointer; border:none; height:29px; } #formGroup .btAction:hover{ background-color:#7F7F7F; } #formGroup .btAction2{ width:auto; padding:3px 10px; margin:0px; margin-top : 0px; background-color:#000; text-transform:uppercase; font-size:20px; font-family:'AkzidenzMedium', Helvetica, sans-serif; line-height:15px; text-align:center; letter-spacing: 1px; color:#fff; cursor:pointer; border:none; height:35px; } #formGroup .btAction2:hover{ background-color:#7f7f7f; } #formGroup .innerTheme { width: 99%; overflow: hidden; float:left; position:relative; height: 170px; padding-right:30px; } #formGroup .innerTheme .blancCache { position: absolute; top: 0; right: 0px; color:#000; height:240px; width:60px; z-index:48; background-color:#F7F7F7; opacity: 1; } #formGroup .innerTheme .nextTheme { position: absolute; top: 50%; right: 0px; color:#000; background-color:#fff; height:35px; width:35px; z-index:49; background-image: url(../img/fle-right.png); background-repeat: no-repeat; background-position: center center; margin-top: -23px; background-color: transparent; opacity: 0.5; } #formGroup .innerTheme .nextTheme:hover { background-color: transparent; opacity: 0.8; } #formGroup .carCate .imgTheme { padding: 0; margin: 0; color: #7f7f7f; min-height: 170px; text-transform: normal; font-family:Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; width:220px; text-align:center; margin-right:0px; margin-top:10px; /*border-right:#7f7f7f solid 1px;*/ float:left; display: block; border-left: 1px solid transparent; border-right: 1px solid transparent; } #formGroup .carCate .imgTheme:last-child { border-left: 1px solid transparent; border-right: 1px solid transparent; } #formGroup .carCate .imgTheme .sstitre{ float:left; width:100%; font-size:14px; text-transform:uppercase; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; position:relative; } #formGroup .carCate .imgTheme .sstitre input[type=checkbox] { margin-top: 2px; vertical-align: top;} #formGroup .carCate .imgTheme:hover { color: #000; } #formGroup .carCate .imgTheme img:hover { /*color: #575453;*/ color: #000; } #formGroup .carCate .imgTheme img { opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; margin-bottom:5px; width:210px; } /***** Site map ****/ .hoogui #sitenav { position: relative; float:left; padding:0 10px; width: 97%; text-align:left; margin-top:10px; color:#7f7f7f; margin-left:10px; min-height:275px; font-family: Helvetica,sans-serif; } #sitenav h1 { width: 100%; float:left; font-size:40px; font-style:normal; line-height:45px; color:#000; font-weight:100; letter-spacing: 5px; text-align:left; letter-spacing: 1px; font-family: 'AkzidenzBOLD', sans-serif; text-transform:uppercase; margin: 0; } #sitenav h2 a { color: #797676; display: block; float: left; font-family: 'AkzidenzBOLD',sans-serif; font-size: 22px; font-weight: normal; letter-spacing: 0.4px; /*margin: 5px 0;*/ text-decoration: none; text-transform: uppercase; width: auto; background-image: url(../img/arrow_notif.png); background-repeat: no-repeat; background-position: right center; padding-right: 20px; } #sitenav h2 a:hover { color: #000; } #sitenav h2 { color: #797676; display: block; float: left; font-family: 'AkzidenzBOLD',sans-serif; font-size: 22px; font-weight: normal; letter-spacing: 0.4px; margin: 10px 0; text-decoration: none; text-transform: uppercase; width: 100%; border-bottom: 1px solid #CCCCCC; } #sitenav .column { display: inline-block; width: 29%; padding: 0 3% 0 0; margin: 0; vertical-align: top; text-align: left; text-transform: uppercase; } .ie6 #sitenav .column, .ie7 #sitenav .column { /* INLINE-BLOCK HACK FOR IE6-7 */ display: inline; zoom: 1; } #sitenav .column h2 a { color: #797676; display: block; float: left; font-family: 'AkzidenzBOLD',sans-serif; font-size: 22px; font-weight: normal; letter-spacing: 0.4px; /*margin: 5px 0;*/ text-decoration: none; text-transform: uppercase; width: auto; background-image: url(../img/arrow_notif.png); background-repeat: no-repeat; background-position: right center; padding-right: 20px; } #sitenav .column h2 { color: #797676; display: block; float: left; font-family: 'AkzidenzBOLD',sans-serif; font-size: 22px; font-weight: normal; letter-spacing: 0.4px; margin: 10px 0; text-decoration: none; text-transform: uppercase; width: 100%; border-bottom: 1px solid #CCCCCC; } #sitenav .column ul { margin: 0 0 34px; padding: 0; list-style-type: none; float: left; } #sitenav .column li { line-height: 12px; margin: 6px 0 6px 15px; background-image: url(../img/puce_noir.jpg); background-repeat: no-repeat; background-position: left 3px; padding-left:10px; } #sitenav .column a { color: #636363; text-decoration: none; font-size: 11px; letter-spacing:0.5px; } #sitenav .column a:hover { color: #000; } /***** Mentions ****/ .hoogui #titreMention { position: relative; float:left; padding:0 10px; width: 97%; text-align:center; margin-top:10px; color:#7f7f7f; margin-left:10px; min-height:275px; } #titreMention #form { width: 100%; float:left; } #form label{font-size:13px; float:left; margin-bottom:10px; width:250px; text-transform:uppercase; text-align:right; padding-top:2px; margin-right:10px; font-family: 'DidotRegular', serif; color:#000;} #form .label2{font-size:13px; float:left; margin-bottom:10px; width:60px; text-transform:uppercase; text-align:right; padding-top:2px; margin-right:10px; font-family: 'DidotRegular', serif; padding-right:10px;} #form input:hover{color:#000000;} #form .textinput{border:1px solid #7f7f7f; font-size:12px; width:250px; margin-top:-2px;} #form .textinput:focus{border:1px solid #000;} #form .textinput2{border:1px solid #7f7f7f; font-size:12px; margin-top:-4px;} #form .textinput2:focus{border:1px solid #000;} #titreMention .titre { width: 100%; float:left; font-size:40px; font-style:normal; line-height:45px; color:#000; font-weight:100; letter-spacing: 5px; text-align:left; letter-spacing: 1px; font-family: 'itcavantgardestd-bkcn', sans-serif; text-transform:uppercase; } #titreMention .partieM { float:left; width: 100%; text-align:left; font-family:'itcavantgardestd-bkcn',Helvetica,sans-serif; font-weight: 100; letter-spacing: 1px; margin-bottom:10px; color:#000; padding:10px 0 5px 0; text-transform:uppercase; font-size:25px; border-bottom:1px solid #7f7f7f; } #titreMention .sspartieM { width:100%; font-size:13px; text-align:justify; podding:0 25px; letter-spacing: 1px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; line-height:18px; float:left; color:#7f7f7f; } /***** FIN Mentions ****/ /***** ERREUR PAGE ****/ .hoogErreur { position: relative; width: 98%; min-height: 500px; overflow: hidden; padding:15px 10px; } .hoogErreur #titreErreur { position: relative; float:left; padding:0 10px; width: 97%; text-align:center; margin-top:10px; color:#7f7f7f; margin-left:10px; min-height:275px; } #titreErreur .titre { width: 100%; float:left; font-size:40px; font-style:normal; line-height:45px; color:#000; font-weight:100; letter-spacing: 5px; text-align:center; letter-spacing: 1px; font-family: 'AkzidenzBOLD', sans-serif; text-transform:uppercase; } #titreErreur .partieE { float:left; width: 100%; text-align:left; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; letter-spacing: 1px; margin-bottom:10px; color:#000; padding:10px 0 5px 0; text-transform:uppercase; font-size:25px; border-bottom:1px solid #7f7f7f; } #titreErreur .sspartieE { width:100%; font-size:17px; text-align:center; podding:0px; letter-spacing: 1px; font-family: 'DidotItalic', serif; line-height:18px; float:left; margin-top:30px; } /*****ERREUR PAGE ****/ .hoogui .contenubox1{ display: block; position: absolute; /*right: 20px; top: 50%; */ margin-top: 50px; /* width: 45px; height: 45px; */ } .hoogui.titre h1{ display: block; position: absolute; /*right: 20px; top: 50%; */ margin-top: 50px; /* width: 45px; height: 45px; */ } .hoogui .titreVoyage h1{ text-align:center; font-size:30px; } /***************************/ /* contenu resravation */ /***************************/ .reserveBrochure { position: relative; width: 100%; min-height: 200px; overflow: hidden; padding:0px; } .reserveBrochure #headerFormReservation { position: absolute; top: -293px; left: 0; z-index: 40; /* Pour passer au dessus du masque */ height: 325px; display: block; width: 100%; background-image: url(../img/bg_formRpackage.png); background-repeat: no-repeat; background-position: right bottom; } .reserveBrochure #headerFormReservation #loadingSearch { position:absolute; top:50%; left:50%; height:100px; width:400px; z-index:55; margin-top: -85px; margin-left: -220px; font-family: 'AkzidenzBold', sans-serif; font-size: 16px; line-height:22px; letter-spacing:2px; padding:20px; color:#000000; display:none; background-color:#FFF; background-color:rgba(255,255,255,0.6); } .reserveBrochure #headerFormReservation .liveFeedTipContent{ position:absolute; background-color:#000; top:15px; left:50%; width:500px; padding:12px 20px 0; margin-left:-250px; z-index:53; display:none; -moz-box-shadow:1px 1px 5px #333; -webkit-box-shadow:1px 1px 5px #333; box-shadow:1px 1px 5px #333; background-image:-moz-linear-gradient(top,#000,#292929); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(1,#292929)); background-image:-webkit-linear-gradient(#000,#292929); background-image:linear-gradient(top,#000,#292929); } .reserveBrochure #headerFormReservation #plus { bottom: 6px; color: #7f7f7f; cursor: pointer; display: none; font-family: 'AkzidenzMedium',sans-serif; font-size: 18px; height: 25px; position: absolute; right: 10px; text-align: center; text-transform: uppercase; width: 120px; z-index: 45; letter-spacing:1px; } .reserveBrochure #headerFormReservation #plus:hover { color:#000000; } .reserveBrochure #headerFormReservation #moins { bottom: 6px; color: #000000; cursor: pointer; display: block; font-family: 'AkzidenzMedium',sans-serif; font-size: 18px; height: 25px; position: absolute; right: 10px; text-align: center; text-transform: uppercase; width: 120px; z-index: 45; letter-spacing:1px; } .reserveBrochure #headerFormReservation #moins:hover { color:#7f7f7f; } .reserveBrochure #headerFormReservation #titre { float:left; width:280px; font-size:48px; text-transform:uppercase; font-family: 'AkzidenzBold', sans-serif; letter-spacing: 1px; line-height:45px; text-align:left; padding-left:85px; color:#7f7f7f; font-style:normal; font-weight: normal; } .reserveBrochure #headerFormReservation #titre .cellT { display: table-cell; vertical-align: middle; height: 298px; } .reserveBrochure #headerFormReservation #titre2 { float:left; width:400px; font-size:48px; text-transform:uppercase; font-family:'HelveticaUltralight', Helvetica, sans-serif; letter-spacing: 1.5px; line-height:48px; text-align:left; padding-left:60px; color:#7f7f7f; font-style:normal; font-weight: normal; } .reserveBrochure #headerFormReservation #titre2 .cellT { display: table-cell; vertical-align: middle; height: 298px; } .reserveBrochure #headerFormReservation #formReservation { float:right; width:580px; margin-right:50px; } .reserveBrochure #headerFormReservation #formReservation #titreForm { float:left; width:240px; border-bottom:#000000 10px solid; text-align:center; color:#7f7f7f; } .reserveBrochure #headerFormReservation #formReservation #titreForm .cellT{ display: table-cell; vertical-align: middle; height: 198px; } .reserveBrochure #headerFormReservation #formReservation #titreForm .titre { font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; font-size:43px; line-height:43px; width:100%; text-transform:uppercase; margin-top:25px; } .reserveBrochure #headerFormReservation #formReservation #titreForm .sstitre { font-family: 'DidotItalic', serif; font-size:14px; line-height:16px; width:70%; margin:0 auto; } .reserveBrochure #headerFormReservation #formReservation #formTitreR { float:right; width:320px; border-left:1px solid #7f7f7f; height:100%; text-align:left; margin-top:15px; } #formTitreR .areaContact { width:300px; float:left; padding:0px; margin:0px; font-family:'HelveticaRegular', Helvetica, sans-serif; padding-left:15px; letter-spacing:1px;} #formTitreR .areaContact label{font-size:15px; float:left;width:160px; text-align:right; color:#7f7f7f; margin-top: 4px; } #formTitreR .areaContact .field{float:left; width:130px; margin-bottom:11px; margin-left:10px; color:#7f7f7f; font-size:12px; position:relative;} #formTitreR .areaContact .field2{float:right; width:270px; margin-bottom:11px; margin-left:10px; color:#7f7f7f; font-size:12px; position:relative;} #formTitreR .areaContact .field2 input[type=checkbox]{margin-left:5px;} #formTitreR .areaContact .field3{color: #7F7F7F; float: right; font-size: 10px; margin-bottom: 5px; margin-right: 20px; position: relative; text-align: right; width: 270px;} #formTitreR .areaContact .field3 input[type=checkbox]{margin-left:5px; float:right;} #formTitreR .areaContact .field span{font-family: 'DidotItalic', serif; font-weight:normal; font-size:13px; color:#7f7f7f; margin-left:5px;} #formTitreR .areaContact .field .infoBTOK { cursor:pointer; position: absolute; right:57px; bottom:0px; } #formTitreR .areaContact .field .infoBTOK a { color:#7f7f7f; float: left; width:20px; line-height:19px; font-size:17px; margin:0; padding:0px 0px; border-right:1px solid #7f7f7f; text-align:center; font-family: 'DidotItalic', serif; background-color:#FFFFFF; cursor:pointer; text-transform:none; } #formTitreR .areaContact .field .infoBTOK a:hover{ background-color:#FFFFFF; } #formTitreR .areaContact input:hover{color:#000000;} #formTitreR .areaContact .textinput{border:1px solid #7f7f7f; height: 22px; padding: 3px 0; width: 109px;color:#7f7f7f; font-family:'HelveticaRegular', Helvetica, sans-serif; font-weight:normal;} #formTitreR .areaContact .textinput:focus{border:1px solid #000; width:109px; color:#000;} #formTitreR .areaContact .textinput:hover{border:1px solid #000; width:109px; color:#000;} #formTitreR .areaContact .textinput2{border:1px solid #7f7f7f; width:103px; padding:0px 2px; color:#7f7f7f; font-family:'HelveticaRegular', Helvetica, sans-serif; font-weight:normal; height: 22px;} #formTitreR .areaContact .textinput2:focus{border:1px solid #000; width:103px; color:#000; } #formTitreR .areaContact .textinput2:hover{border:1px solid #000; width:103px; color:#000; } #formTitreR .areaContact .textinput3{border:1px solid #7f7f7f; width:50px; padding:0px 2px; color:#7f7f7f; font-family:'HelveticaRegular', Helvetica, sans-serif; font-weight:normal; height: 20px;} #formTitreR .areaContact .textinput3:focus{border:1px solid #000; width:50px; color:#000; } #formTitreR .areaContact .textinput3:hover{border:1px solid #000; width:50px; color:#000; } #formTitreR .areaContact .selectChamps{border:1px solid #7f7f7f; width:50px;color:#7f7f7f; font-family:'HelveticaRegular', Helvetica, sans-serif;font-weight:normal;height: 22px;} #formTitreR .areaContact .selectChamps:focus{border:1px solid #000; width:50px; color:#000; } #formTitreR .areaContact .selectChamps:hover{border:1px solid #000; width:50px; color:#000; } #formTitreR .areaContact .submain{margin:0; text-align:center; float:right; width:110px;} #formTitreR .areaContact .button { border:none; color: #7f7f7f; text-decoration: none; text-transform: uppercase; font-size: 17px; font-family: 'AkzidenzBold', sans-serif; margin:0px; background-color:transparent; margin-right:0px; cursor:pointer; } #formTitreR .areaContact .button:hover { color: #000; text-decoration: none; } .reserveBrochure .infoBrochure { position: relative; width: 100%; height: 470px; /*height: 1440px;*/ overflow: hidden; margin-bottom:0px; } .infoBrochure .slideshow { position: absolute; top: 0; right: 0; height: 100%; width: 100%; margin: 0; padding: 0; z-index:10; } .infoBrochure .slideshow li { position: absolute; top: 0; right: right; width: 100%; height: 100%; overflow: hidden; list-style-type: none; } .infoBrochure .slideshow .active { z-index: 10; } .infoBrochure .slideshow-arrow-prev.horizontal { display: block; position: absolute; left: 0px; top: 50%; margin-top: -23px; width: 35px; height: 35px; background: url(../img/arrow-left.png) no-repeat left top; z-index: 15; background-color:#000000; opacity: 0.5; } .infoBrochure .slideshow-arrow-next.horizontal { display: block; position: absolute; right: 0px; top: 50%; margin-top: -23px; width: 35px; height: 35px; background: url(../img/arrow-right.png) no-repeat left top; z-index: 15; background-color:#000000; opacity: 0.5; } .infoBrochure .slideshow-arrow-prev.disabled, .infoBrochure .slideshow-arrow-next.disabled { display: none; } .no-js .infoBrochure { padding-bottom: 0px; overflow: hidden; } .infoBrochure .resv-image { position: absolute; top: 0%; left:0%; /*margin-left: -640px;*/ text-align:center; } .infoBrochure .doubleTraitsGris { position: absolute; width: 100%; height: 2px; border-top:9px #000 solid; border-bottom:1px #000 solid; bottom:0; left: 0; } .infoBrochure #titreG { /* Centrage vertical */ position: absolute; bottom:3%; right: 50%; color:#000; } .infoBrochure #titreG .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 400px; } .infoBrochure #titreG .h2titre { font-size:130px; text-transform:uppercase; font-style:normal; line-height:100px; letter-spacing: 2px; text-align:right; font-family: 'HelveticaUltralight', sans-serif; font-weight:300; color:#000; color:rgba(0,0,0,0.75); } .infoBrochure #titreG .h2sstitre { font-size:45px; text-transform:none; font-style:normal; line-height:50px; letter-spacing: 1px; text-align:right; font-family: 'DidotItalic', serif; font-weight:300; color:#000; color:rgba(0,0,0,0.75); } .infoBrochure #titreG .h1titre { font-size:100px; text-transform:uppercase; font-style:normal; line-height:80px; letter-spacing: 2px; text-align:right; font-family: 'HelveticaUltralight', sans-serif; font-weight:100; } .infoBrochure #titreG .h1titre span { font-size:90px; letter-spacing: 2px; font-family: 'HelveticaUltralight', sans-serif; font-weight:100; } .infoBrochure #titreG .chiffre { font-size:180px; text-transform:uppercase; font-style:normal; letter-spacing: 2px; text-align:right; font-family: 'HelveticaUltralight', sans-serif; font-weight:100; position : relative; color:#000; color:rgba(0,0,0,0.65); } .infoBrochure #titreG .chiffre .jour { font-size:30px; line-height:30px; letter-spacing: 2px; font-family: 'HelveticaUltralight', sans-serif; font-weight:100; position:absolute; top:50%; left:50%; width:auto; margin-left:-70px; margin-top:-15px; padding: 0px 15px; background-color:#000000; color:#fff; height:auto; } .infoBrochure #descG { /* Centrage vertical */ position: absolute; top:0; height:100%; background-color:#000; background-color:rgba(0,0,0,0.75); padding:15px 15px 15px 25px; bottom:10%; left: 60%; width:350px; } .infoBrochure #descG .pagination { position: absolute; bottom: 40px; right: 15px; z-index: 15; /*margin-right: 35px;*/ color: #fff; font-size:15px; white-space: normal; font-family: 'DidotItalic', serif; color:#fff; color:rgba(255,255,255,0.75); } .infoBrochure #descG .pagination .activePage { color:#fff; color:rgba(255,255,255,0.75); font-weight: normal; } .infoBrochure #descG .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 445px; } .infoBrochure #descG .bouton { font-size:16px; line-height:16px; margin: 0; white-space: nowrap; font-weight: normal; font-family: 'AkzidenzMedium', serif; text-transform:uppercase; width:auto; letter-spacing: 0.5px; background-color:#7f7f7f; color:#000; padding:7px 10px 5px 10px; text-align:center; margin-top:10px; float:left; border-radius:2px; } .infoBrochure #descG a { color: #000; text-decoration:none; } .infoBrochure #descG a:hover { color: #fff; text-decoration:none; } .infoBrochure #descG p { font-size: 16px; font-weight: normal; color: #fff; white-space: normal; font-family: 'DidotItalic', serif; margin:0px; padding:0px; line-height:20px; letter-spacing: 0.5px; text-align: left; margin-bottom:10px; } .infoBrochure #descG h2 { font-size: 22px; font-weight: normal; color: #fff; white-space: normal; font-family: 'DidotItalic', serif; margin:0px; padding:0px; line-height:25px; letter-spacing: 0.5px; margin-top:15px; text-align: left; } .reserveSejour { position: relative; width: 100%; min-height: 10px; overflow: hidden; padding:0; } .reserveSejour .NumEtape { position: absolute; top:0px; left:5px; padding:0; width: 55px; height: 55px; color:#7f7f7f; font-size:45px; font-family: 'HelveticaUltralight', sans-serif; letter-spacing:1px; text-align:center; z-index:10; } .reserveSejour .ssMenureserve { position: relative; width:100%; min-height: 10px; list-style: none; margin-left:0; margin-bottom:10px; padding:0; float:left; padding-left:28%; } .ssMenureserve li { width:125px; float:left; height:auto; margin:0; padding:0; margin-bottom:10px; text-align:center; margin:0 10px; } .ssMenureserve .currentEtape { font-size:16px; font-family: 'DidotItalic', serif; text-decoration:none; color:#000; padding:0px; letter-spacing:1px; opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; } .ssMenureserve li a { font-size:15px; font-family: 'DidotItalic', serif; text-decoration:none; color:#7f7f7f; padding:0px; letter-spacing:1px; } .ssMenureserve li a:hover { text-decoration:none; color:#000; } .reserveSejour .ssMenureserveNews { clear: both; list-style: none outside none; margin: 0 auto 10px; min-height: 50px; padding: 0; text-align: center; width: 720px; } .ssMenureserveNews li { color: #999999; float: left; font-family: 'itcavantgardestd-bkcn',sans-serif; font-size: 18px; height: auto; margin: 0; min-width: 100px; opacity: 0.3; padding: 0; text-align: center; text-decoration: none; text-transform: none; width: 100px; } .ssMenureserveNews .currentEtape, .ssMenureserveNews .pastEtape { font-size:18px; font-family: 'itcavantgardestd-bkcn', sans-serif; text-decoration:none; color:#000000; padding:0px; letter-spacing:1px; opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; } .ssMenureserveNews li a { font-size:18px; font-family: 'itcavantgardestd-bkcn', sans-serif; text-decoration:none; color:#7f7f7f; padding:0px; letter-spacing:1px; } .ssMenureserveNews li a:hover { text-decoration:none; color:#000; } .reserveSejour #titreBox { /* Centrage vertical */ position: relative; float:left; width: 20%; color:#7f7f7f; padding-right:0%; background-color:#f7f7f7; padding-top:20px; } #titreBox .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 355px; width:inherit; } #titreBox .cell2 { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 225px; width:inherit; } #titreBox .h1titre { font-style:normal; color: #fff; margin:0px; width:100%; margin-top:0px; letter-spacing: 1px; text-align:center; font-size:20px; line-height: 20px; font-family: 'DidotItalic', serif; position: relative; float:right; } .reserveSejour #contentContact { /* Centrage vertical */ position: relative; float:left; width: 96%; color: #7f7f7f; text-align:left; margin:0 2%; } #contentContact #pictoContact{ width: 50%; margin-top:5px; float:left; margin-left:-0.5% } #pictoContact ul { padding:0px; margin: 10px auto; list-style-type: none; float:left; } #pictoContact li { width: 146px; text-align:center; height:auto; /*min-height:50px;*/ float:left; font-family: 'DidotItalic', serif; color:#7f7f7f; font-size:19px; padding-left:0px; padding-right:0px; padding-bottom:10px; margin-left:2px; margin-right:2px; } #pictoContact a { width: 146px; text-align:center; height:auto; /*min-height:50px;*/ float:left; font-family: 'DidotItalic', serif; color:#7f7f7f; font-size:17px; padding-top:70px; padding-left:0px; padding-right:0px; padding-bottom:10px; background-repeat: no-repeat; background-position: left 5px; text-decoration:none; } #pictoContact a:hover { color:#000; text-decoration:none; background-position: -150px 5px; } #contentContact #btReserver{ width: auto; margin:15px 0; float:left; } #btReserver .divBouton { float: left; margin: 0 1.5%; text-align: center; /*width: 22%;*/ } .divBouton p { font-family: 'DidotItalic', serif; color:#000; font-size:14px; line-height:16px; letter-spacing:0.5px; margin:0; } .divBouton a { cursor:pointer; margin:10px auto 5px; } .divBouton a:hover { background-color:#7f7f7f; } .divBouton .buttonWhite { text-transform:uppercase; background-color:#FFF; font-family: 'AkzidenzMedium', sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size:20px; font-style:normal; letter-spacing: 1px; line-height: 22px; padding: 5px 25px 5px 10px; color:#000; font-style:normal; font-weight:100; text-decoration:none; background-image: url(../img/fleche-right.png); background-repeat: no-repeat; background-position: right center; margin: 7px auto; text-align:left; /*width: 135px;*/ display:block; } .divBouton .buttonGrey { text-transform:uppercase; background-color:#7f7f7f; font-family: 'AkzidenzMedium', sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size:20px; font-style:normal; letter-spacing: 1px; line-height: 22px; padding: 5px 10px 5px 25px; color:#000; font-style:normal; font-weight:100; text-decoration:none; background-image: url(../img/fleche-right.png); background-repeat: no-repeat; background-position: left center; margin: 7px auto; text-align:left; /*width: 135px;*/ display:block; } .reserveSejour .contentBox { /* Centrage vertical */ position: relative; float:right; width: 80%; color: #7f7f7f; text-align:left; padding:0px; background-color:#FFFFFF; } .reserveSejour .contentBox h1{ /* Centrage vertical */ font-family: 'itcavantgardestd-xltcn',helvetica,sans-serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; width: 100%; text-transform:uppercase; } .reserveSejour .contentBox h1 span { font-family: 'itcavantgardestd-xltcn',helvetica,sans-serif; font-size: 17px; letter-spacing: 1px; padding-left: 15px; text-align: left; } .contentBox .divBouton { width:60%; float:left; width:auto; } .reserveSejour #boxContenu { /* Centrage vertical */ position: relative; float:left; width: 100%; color: #7f7f7f; text-align:left; padding: 5px 0 0; margin:0 0 25px 0; } #boxContenu #boxPicto{ /* Centrage vertical */ position: relative; float:left; width: 135px; color: #7f7f7f; text-align:center; padding:0px; margin:0px; margin-right:10px; } #boxContenu #boxText{ /* Centrage vertical */ position: relative; float:left; color: #7f7f7f; text-align:left; padding:0px; margin:0px; border-left:1px solid #7f7f7f; padding-left:10px; min-height:75px; width: 80%; } #boxText #titreBoxText { /* Centrage vertical */ position: relative; float:left; width: 100%; color: #000000; text-align:left; padding:0px 0px; margin:0px; border-bottom:1px solid #7f7f7f; text-transform:none; } #titreBoxText .titreBox { /* Centrage vertical */ position: relative; float:left; width: 70%; text-align:left; font-size: 23px; letter-spacing: 1px; font-family: 'itcavantgardestd-bkcn', serif; font-weight:bold; } #titreBoxText .prixBox { /* Centrage vertical */ position: relative; float:right; width: 30%; text-align:right; font-size:15px; font-family: 'itcavantgardestd-bkcn', serif; letter-spacing:1px; color:#F00; } #boxText #pBox { /* Centrage vertical */ position: relative; float:left; width: 100%; text-align:left; padding:5px 0px; margin:0; color: #000; } #pBox p { /* Centrage vertical */ margin:0px; padding:0px; font-size: 14px; letter-spacing: 0.5px; font-family: 'itcavantgardestd-bkcn', sans-serif; width:100%; line-height:16px; margin-bottom:4px; min-height:3px; } #boxContenu #boxTotal{ /* Centrage vertical */ position: relative; float:left; text-align:left; padding:0px; margin:0px; background-color: #F7F7F7; color: #999999; margin-left:110px; padding: 3px 0 0; width: 86.3%; } #boxContenu #boxMention{ /* Centrage vertical */ position: relative; float:left; color: #fff; text-align:left; padding:0px; margin:0px; margin-left:110px; width: 86.3%; } #boxTotal #titreBoxTotal { /* Centrage vertical */ position: relative; float:right; text-align:left; padding:5px 0px 2px; margin:0px; text-transform:none; color:#000; } #boxTotal .titreBoxT { /* Centrage vertical */ position: relative; float:left; width: 200px; text-align:left; font-size:18px; font-family: 'ITCAvantGardeStd-XLtCn', sans-serif; padding-left:5px; font-weight:bold; letter-spacing:1px; } #boxTotal .prixBoxT { /* Centrage vertical */ position: relative; float:right; width: 100px; text-align:right; font-size:18px; font-family: 'ITCAvantGardeStd-XLtCn', sans-serif; padding-right:5px; font-weight:bold; margin-right:10px; letter-spacing:1px; } #boxContenu #boxMention p { /* Centrage vertical */ color: #7F7F7F; float: left; font-family: 'ITCAvantGardeStd-XLtCn',serif; font-size: 11px; letter-spacing: 1px; margin: 4px 0 0; text-align: left; font-style:italic; } #tableContact1 {width: 100%;} .contentBox .titreH2{ background-color:#F7F7F7; width:100%; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; text-align:center; font-size:16px; padding:5px 0 4px; text-transform:none; color:#999999; margin:0; font-weight:normal; letter-spacing: 0px; margin-bottom:5px; } .contentBox h2 { font-size: 25px; font-weight: normal; line-height: 25px; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; font-weight:100; letter-spacing:1px; text-align:left; width:100%; margin:0px; padding:0px; text-transform:none; border-bottom:1px #F7F7F7 solid; margin-bottom:5px; margin-top:10px; float:left; } .contentBox h3 { width: 98%; font-size: 16px; font-weight: normal; line-height: 18px; font-family: 'itcavantgardestd-bkcn',sans-serif; padding:0px; margin-bottom:5px; color:#000000; letter-spacing:1px; float:left; } .contentBox p { width: 85%; font-size: 15px; font-weight: normal; line-height: 18px; font-family: 'itcavantgardestd-bkcn',sans-serif; padding:0px; margin-left:2%; color:#000000; float:left; } .contentBox .panier{ /* Centrage vertical */ position: relative; float:left; width: 29%; color: #000; text-align:left; border-right:1px solid #7f7f7f; min-height:200px; padding:0%; margin-top:5px; padding: 0 2%; } .contentBox .choix{ /* Centrage vertical */ position: relative; float:left; width: 24%; color: #000; text-align:left; min-height:200px; padding:0%; margin-top:5px; padding: 0 2%; } .contentBox .cell { display: table-cell; height: 200px; vertical-align: middle; width: 300px; } .contentBox .cb { /* Centrage vertical */ position: relative; float:right; width: 34%; color: #000; text-align:left; min-height:100px; margin-top:5px; color: #000000; font-family: 'itcavantgardestd-bkcn',sans-serif; font-size: 14px; letter-spacing: 0.5px; text-align: left; padding: 0 2%; } .cb2 { margin-top:15px; } .cb2 a { font-family: 'AkzidenzBOLD', sans-serif; margin:0px; text-align:center; clear:both; cursor:pointer; margin:15px auto; } .cb2 a:hover { background-color:#000; } .cb2 p { width: 100%; font-size: 15px; font-weight: normal; line-height: 18px; font-family: 'DidotItalic', serif; margin:0px; padding:5px 0px; color:#000000; float:left; /*border-top: 1px solid #7F7F7F;*/ } .cb2 .buttonGrey { width:70px; text-transform:uppercase; background-color:#7f7f7f; font-family: 'AkzidenzMedium', sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size:16px; font-style:normal; letter-spacing: 2px; line-height:16px; border-radius: 2px; padding:5px 10px 5px 10px; color:#fff; font-style:normal;font-weight:100; display: block; text-decoration:none; margin:10px 0 5px 0; } .cb2 .buttonRed { width:100px; text-transform:uppercase; background-color: #F00; font-family: 'AkzidenzMedium', sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size:16px; font-style:normal; letter-spacing: 2px; line-height:16px; border-radius: 2px; padding:5px 10px 5px 10px; color:#fff; font-style:normal;font-weight:100; display: block; text-decoration:none; margin:10px 0 5px 15px; } .contentBox .cb .cb1{ float: left; /*margin: 15px auto;*/ width: 100%; } .cb1 a { font-family: 'AkzidenzBOLD', sans-serif; margin:0px; text-align:center; cursor:pointer; margin:15px auto; } .cb1 a:hover { background-color:#7f7f7f; } .cb1 .buttonGrey { width:auto; text-transform:none; background-color:#000; font-family: 'itcavantgardestd-bkcn',sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size:16px; font-style:normal; letter-spacing: 1px; line-height:16px; border-radius: 2px; padding:5px 10px; color:#fff; font-style:normal;font-weight:100; float:left; text-decoration:none; margin:5px 8% 5px 0; } .cb1 .buttonBlack { width:auto; text-transform:none; background-color:#7f7f7f; font-family: 'itcavantgardestd-bkcn',sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size:16px; font-style:normal; letter-spacing: 1px; line-height:16px; border-radius: 2px; padding:5px 10px; color:#fff; font-style:normal;font-weight:100; float:left; text-decoration:none; margin:5px 0; } .cb1 input { float:left; margin-right:10px; } .cb1 label{ font-family: 'DidotItalic', serif; color:#7F7F7F; text-decoration:none; font-size:13px; } .cb3 input { float:left; margin-right:10px; } .cb3 .labelNoir { color: #000000; font-family: 'itcavantgardestd-bkcn', sans-serif; font-size: 14px; font-weight: normal; line-height: 16px; margin: 25px auto; white-space: nowrap; width: 175px; clear: both; display: block; } .cb3 label a{ font-family: 'itcavantgardestd-bkcn', sans-serif; color:black; text-decoration:underline; } .cb3 label a:hover{ font-family: 'itcavantgardestd-bkcn', sans-serif; color:black; background-color:#fff; } .panier h2, .cb h2 { font-size: 30px; font-weight: normal; line-height: 30px; text-transform:uppercase; font-family: 'AkzidenzBold', sans-serif; text-align:left; width:100%; margin:0px; padding:0px; text-transform:uppercase; border-bottom:1px #7f7f7f solid; margin-bottom:15px; color:#7f7f7f; letter-spacing:1px; margin-top:10px; float:left; } .panier h3 { font-size: 16px; font-weight: normal; line-height: 15px; font-family: 'itcavantgardestd-bkcn', sans-serif; text-align:left; width:85%; margin:0px; padding:0px; text-transform:none; letter-spacing:normal; float:left; } .panier p { white-space: nowrap; font-size: 16px; font-weight: normal; line-height: 20px; font-family: 'itcavantgardestd-bkcn', sans-serif; padding:0px; margin: 0 0 15px; margin-left:0; color:#7f7f7f; width:70%; float:left; } .panier span { width: 20%; white-space: nowrap; font-size: 16px; font-weight: normal; line-height: 20px; font-family: 'itcavantgardestd-bkcn', sans-serif; padding:0px; margin:0px; color:#000000; float:right; text-align:right; padding-right:5px; } .panier .total { background-color:#000; background-color: rgb(0, 0, 0); /* alternative solide */ background-color: rgba(0, 0, 0, 0.8)!important; width:97%; float:left; padding:5px 8px; } .panier .total p { white-space: nowrap; font-size: 18px; font-weight: normal; line-height: 18px; font-family: 'itcavantgardestd-bkcn', sans-serif; margin:0px; padding:0px; color:#fff; width:70%; float:left; } .panier .total span { width: 25%; white-space: nowrap; font-size: 20px; font-weight: normal; line-height: 20px; font-family: 'itcavantgardestd-bkcn', sans-serif; padding:0px; margin-left:2%; color:#fff; float:right; text-align:right; } .contentBox #voyageurs{ /* Centrage vertical */ position: relative; float:left; width: 96%; color: #000; text-align:left; padding:0 2%; } #voyageurs h2 { font-size: 18px; font-weight: normal; line-height: 18px; text-transform:none; font-family: 'DidotItalic', serif; text-align:left; width:100%; margin:0px; padding:0px; border-bottom:1px #7f7f7f solid; margin-bottom:5px; color:#7f7f7f; letter-spacing:1px; margin-top:10px; padding-bottom:5px; } #voyageurs h3 { font-size: 16px; font-weight: normal; line-height: 15px; font-family: 'DidotRegular', serif; text-align:left; width:99%; margin:0px; padding:0px; text-transform:none; letter-spacing:normal; } #voyageurs p { width: 98%; font-size: 14px; font-weight: normal; line-height: 18px; font-family: 'DidotItalic', serif; margin:0px; padding:0px; margin-bottom:15px; margin-left:0; color:#7f7f7f; letter-spacing:0.5px; } #voyageurs label{font-size:14px; float:left; margin-bottom:10px; width:95px; text-transform:none; text-align:right; padding-top:2px; margin-right:10px; font-family: 'DidotRegular', serif;} #voyageurs input:hover{color:#000000;} #voyageurs .textinput{border:1px solid #7f7f7f; font-size:12px; width:99.4%; margin-top:-2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:0.3%;} #voyageurs .textinput:focus{border:1px solid #000; background-color:#f7f4f4;} #voyageurs input[type=checkbox] { margin-top:1.5px;} #voyageurs .textinput2{border:1px solid #7f7f7f; font-size:12px; margin-top:-4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:0.3%;} #voyageurs .textinput2:focus{border:1px solid #000; background-color:#f7f4f4;} .contentBox ul { position: relative; float:left; width: 100%; color: #000; list-style: none; min-height:273px; padding:0; margin:15px 0px; } .contentBox ul li { position: relative; float:left; width: 33.20%; text-align:left; margin:0; min-height:273px; text-align:center; padding:0; border-right:1px solid #cccccc; } .contentBox ul li:last-child { border-right:1px solid #fff; float:right; } .contentBox ul li .sectionPiece { position:relative; text-align:center; float:left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color:#fff; min-height:273px; border:4px solid #fff; width:87.5%; margin:0% 5%; cursor:pointer; color:#7f7f7f; padding:5% 0; } .sectionPiece:hover { border:4px solid #000; } .sectionPiece h5{ width:100%; font-family: 'AkzidenzBold', serif; font-size: 25px; text-transform:uppercase; font-weight:normal; font-style:normal; margin:0; padding:0; letter-spacing:1px; line-height:25px; margin-bottom:10px; margin-top:5px; } .sectionPiece h6 { width:100%; font-family: 'itcavantgardestd-bkcn', sans-serif; font-size: 18px; text-transform:none; font-weight:normal; font-style:bold; margin:0; padding:0; letter-spacing:1px; line-height:20px; margin-bottom:5px; } .sectionPiece .info a{ color: #7F7F7F; cursor: pointer; font-family: 'DidotItalic',serif; font-size: 13px; line-height: 15px; text-align: center; width: 100%; text-decoration:underline; } .sectionPiece .info a:hover{ color:#000; } .sectionPiece .desc{ width:100%; font-family: 'itcavantgardestd-bkcn', sans-serif; font-size:14px; line-height:16px; min-height:40px; } .sectionPiece .icon{display:block;background-image:url(../img/global_assurance.png);background-repeat:no-repeat; opacity:0.5;} .icoPromo{float:none!important;margin:5px auto 15px;} .icoInsuranceAn,.icoInsuranceMut,.icoInsuranceNo{width:100px!important;height:100px} .icoInsuranceAn{background-position: left top} .icoInsuranceMut{background-position: -105px top} .icoInsuranceNo{background-position: -205px top} /***************************/ /* contenu sur-mesure */ /***************************/ .fin_reserve { position: relative; width: 100%; min-height: 115px; overflow: hidden; padding:0px; } .fin_reserve .liveFeedTipContent{ background-color: #FFFFFF; box-shadow: 1px 1px 5px #333333; color: #FF0000; display: none; left: 50%; margin-left: -250px; padding: 12px 20px 0; position: absolute; top: 20px; width: 500px; z-index: 53; box-shadow:1px 1px 5px #333; background-image:-moz-linear-gradient(top,#FFFFFF,#F7F7F7); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFFFFF),color-stop(1,#F7F7F7)); background-image:-webkit-linear-gradient(#FFFFFF,#F7F7F7); background-image:linear-gradient(top,#FFFFFF,#F7F7F7); } .fin_reserve .info-reserve { position: absolute; width: 33%; top:20px; } .fin_reserve .info-reserve .text-box { float: left; width: 40%; height: 70px; padding:0; font-size:38px; margin:0; padding:18px 0px 0px 0px; text-align:center; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; text-transform:uppercase; color:#7f7f7f; margin-top:3px; text-align:left; letter-spacing:1px; line-height:38px; } .fin_reserve .info-reserve .text-box span { font-family: 'AkzidenzBOLD', sans-serif; font-size:39px; letter-spacing:1px; } .fin_reserve .info-garanti { position: absolute; width: 16%; top:30px; } .info-garanti.center{ left:44.5%; } .info-garanti .text { width:96%; background-color:#7f7f7f; font-family: 'AkzidenzBOLD', sans-serif; font-size:24px; letter-spacing:2px; color:#FFFFFF; line-height:24px; padding:8px; text-align:left; } .info-garanti .sstext { width:100%; font-family: 'DidotItalic', serif; font-size:13px; line-height:15px; color:#7f7f7f; text-align:right; cursor:pointer; } .info-garanti .sstext:hover { color:#000; } .reserveImages { position: relative; width: 100%; min-height: 50px; overflow: hidden; padding:0px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.6); -moz-box-shadow:0 0 5px rgba(0,0,0,0.6); -o-box-shadow:0 0 5px rgba(0,0,0,0.6); box-shadow:0 0 5px rgba(0,0,0,0.6); } .reserveImages .close { background:url(../img/close_form.png) no-repeat; width:25px; height:29px; display:inline; z-index:55; position:absolute; top:10px; right:0px; cursor:pointer; } .reserveImages #headerFormReservation { position: absolute; top: -267px; left: 0; z-index: 40; /* Pour passer au dessus du masque */ height: 300px; display: block; width: 100%; background-image: url(../img/bg_formRservation.png); background-repeat: no-repeat; background-position: right top; } .reserveImages #headerFormReservation #loadingSearch { position:absolute; top:50%; left:50%; height:100px; width:400px; z-index:55; margin-top: -85px; margin-left: -220px; font-family: 'AkzidenzBold', sans-serif; font-size: 16px; line-height:22px; letter-spacing:2px; padding:20px; color:#000000; display:none; background-color:#FFF; background-color:rgba(255,255,255,0.6); } .reserveImages #headerFormReservation .liveFeedTipContent{ position:absolute; background-color:#000; top:15px; left:50%; width:500px; padding:12px 20px 0; margin-left:-250px; z-index:53; display:none; -moz-box-shadow:1px 1px 5px #333; -webkit-box-shadow:1px 1px 5px #333; box-shadow:1px 1px 5px #333; background-image:-moz-linear-gradient(top,#000,#292929); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(1,#292929)); background-image:-webkit-linear-gradient(#000,#292929); background-image:linear-gradient(top,#000,#292929); } .reserveImages #headerFormReservation #plus { cursor:pointer; position: absolute; bottom:25px; right:35px; width:10px; height:10px; z-index: 45; font-size:30px; text-transform:uppercase; font-family: 'AkzidenzMedium', sans-serif; color:#000; display: none; } .reserveImages #headerFormReservation #moins { cursor:pointer; position: absolute; bottom:30px; right:32px; width:10px; height:10px; z-index: 45; font-size:30px; text-transform:uppercase; font-family: 'AkzidenzMedium', sans-serif; color:#000; display: block; } .reserveImages #headerFormReservation #titre { float:left; width:280px; font-size:48px; text-transform:uppercase; font-family: 'AkzidenzBold', sans-serif; letter-spacing: 1px; line-height:40px; text-align:left; padding-left:85px; color:#7f7f7f; font-style:normal; font-weight: normal; } .reserveImages #headerFormReservation #titre .cellT { display: table-cell; vertical-align: middle; height: 270px; } .reserveImages #headerFormReservation #formReservation { float:right; width:530px; margin-right:80px; } .reserveImages #headerFormReservation #formReservation #titreForm { float:left; width:240px; border-bottom:#000000 10px solid; text-align:center; color:#7f7f7f; } .reserveImages #headerFormReservation #formReservation #titreForm .cellT{ display: table-cell; vertical-align: middle; height: 185px; } .reserveImages #headerFormReservation #formReservation #titreForm .titre { font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; font-size:43px; line-height:43px; width:100%; text-transform:uppercase; margin-top:25px; } .reserveImages #headerFormReservation #formReservation #titreForm .sstitre { font-family: 'DidotItalic', serif; font-size:14px; line-height:16px; width:70%; margin:0 auto; } .reserveImages #headerFormReservation #formReservation #formTitre { float:right; width:250px; border-left:1px solid #7f7f7f; height:100%; text-align:left; margin-top:15px; min-height:250px; } #formTitre .areaContact { width:300px; float:left; padding:0px; margin:0px; font-family:'HelveticaRegular', Helvetica, sans-serif; padding-left:15px; letter-spacing:0.5px;} #formTitre .areaContact label{font-size:15px; float:left;width:150px; text-align:right; color:#7f7f7f; margin-top: 3px; text-wrap:none;} #formTitre .areaContact .field{float:left; width:130px; margin-bottom:8px; margin-left:10px; color:#7f7f7f; font-size:12px; position:relative;} #formTitre .areaContact .field span{font-family: 'DidotItalic', serif; font-weight:normal; font-size:10px; color:#7f7f7f;} #formTitre .areaContact .field .infoBTOK { cursor:pointer; position: absolute; right:60px; bottom:0px; } .infoBTOK a { color:#7f7f7f; float: left; width:20px; line-height:23px; font-size:19px; margin:0; padding:0px 0px; border-right:1px solid #7f7f7f; text-align:center; font-family: 'DidotItalic', serif; background-color:#FFFFFF; cursor:pointer; text-transform:none; } .infoBTOK a:hover{ background-color:#FFFFFF; } #formTitre .areaContact input:hover{color:#000000;} #formTitre .areaContact .textinput{border:1px solid #7f7f7f; width:105px;padding:2px 0px;color:#7f7f7f; font-family:'HelveticaRegular', Helvetica, sans-serif; font-weight:normal; height:22px;} #formTitre .areaContact .textinput:focus{border:1px solid #000; width:100px; color:#000;} #formTitre .areaContact .textinput:hover{border:1px solid #000; width:100px; color:#000;} #formTitre .areaContact .textinput2{border:1px solid #7f7f7f; width:100px; padding:1px; color:#7f7f7f; font-family:'HelveticaRegular', Helvetica, sans-serif; font-weight:normal; height: 17px;} #formTitre .areaContact .textinput2:focus{border:1px solid #000; width:100px; color:#000; } #formTitre .areaContact .textinput2:hover{border:1px solid #000; width:100px; color:#000; } #formTitre .areaContact .selectChamps{border:1px solid #7f7f7f; width:45px;color:#7f7f7f; font-family:'HelveticaRegular', Helvetica, sans-serif;font-weight:normal;} #formTitre .areaContact .selectChamps:focus{border:1px solid #000; width:45px; color:#000; } #formTitre .areaContact .selectChamps:hover{border:1px solid #000; width:45px; color:#000; } #formTitre .areaContact .field2 { color: #7F7F7F; float: right; font-size: 12px; margin-bottom: 8px; position: relative; width: 255px; } #formTitre .areaContact .submain {margin: 5px 25px 0 0; text-align:center; float:right; width:auto;} #formTitre .areaContact .button { border:none; color: #000; text-decoration: none; text-transform: uppercase; font-size: 18px; font-family: 'AkzidenzBold', sans-serif; margin:0px; background-color:transparent; margin-right:0px; cursor:pointer; } #formTitre .areaContact .button:hover { color: #7F7F7F; text-decoration: none; } .infoSlideReservationBis #reserAvance { position: absolute; top:0px; right:23%; z-index:15; /*cursor:pointer;*/ } .infoSlideReservationBis #titreReservation { position: absolute; top:0px; left:0; z-index:15; width:18%; text-align:right; background-color:#000; background-color: rgb(0, 0, 0); /* alternative solide */ background-color: rgba(0, 0, 0, 0.8)!important; height:350px; padding-right:2%; } .infoSlideReservationBis .loadingG { position:absolute; top:50%; left:50%; height:32px; width:250px; z-index:45; margin-top: -15px; margin-left: -125px; background-color:#fff; background-color: rgb(255, 255, 255); /* alternative solide */ background-color: rgba(255, 255, 255, 0.5)!important; font-family: 'AkzidenzBold', sans-serif; font-size: 16px; letter-spacing:2px; color:#000000; display:none; padding:15px; } .infoSlideReservationBis .number { position:absolute; top:7px; left:0; height:55px; width:50px; z-index:45; background-color:#fff; background-color: rgb(255, 255, 255); /* alternative solide */ background-color: rgba(255, 255, 255, 0.7)!important; font-family: 'AkzidenzBold', sans-serif; font-size: 45px; letter-spacing:2px; color:#000; text-align:center; /*display:block;*/ } #titreReservation .cellP { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 350px; width:20%; } #titreReservation .titre { font-size:54px; text-transform:uppercase; font-style:normal; line-height:46px; color:#FFF; font-weight:100; margin:0px; width:100%; margin-top:0px; letter-spacing: 0.02em; text-align:right; font-family:'HelveticaUltralight', Helvetica; position: relative; float:right; } #titreReservation h2 { font-size:20px; font-family: 'DidotItalic', serif; line-height:25px; font-weight:100; width:100%; margin-top:5px; color:#FFF; text-align:right;} #titreReservation .bt_detail { color: #7f7f7f; font-size:17px; line-height: 5px; margin: 0px 0 0px 0; white-space: nowrap; font-weight: normal; font-family: 'AkzidenzMedium', sans-serif; text-transform:uppercase; width:100%; letter-spacing: 2px; position:relative; } #titreReservation .bt_detail a { color: #a6b3b4; text-decoration:none; } #titreReservation .bt_detail a:hover { color: #fff; text-decoration:none; } #titreReservation .info-detail { color: #FFF; width:500px; min-height:30px; background-color:#000; background-color: rgb(0, 0, 0); /* alternative solide */ background-color: rgba(0, 0, 0, 0.70)!important; padding: 20px; text-align:justify; position: absolute; margin: 0; padding:20px; z-index: 10; top:50%; margin-top : -15px; left:102%; opacity:0; } #titreReservation .info-detail .close{ width:12px; height:12px; position: absolute; z-index: 15; top:4px; right:4px; background-image: url(../img/close_detail.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; opacity:0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; } #titreReservation .info-detail .close:hover{ opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; } #titreReservation .info-detail p { font-size: 13px; font-weight: normal; color: #FFF; white-space: normal; font-family: 'DidotItalic', serif; margin:0px; padding:0px; line-height:16px; letter-spacing: 0.5px; text-align: justify; } #titreReservation .info-detail h1 { font-size: 16px; font-weight: normal; color: #FFF; white-space: normal; font-family: 'DidotItalic', serif; margin:0px; padding:0px; line-height:16px; letter-spacing: 0.5px; margin-bottom:10px; } .infoSlideReservationBis #carroussel_sejRes { width:77%; overflow:hidden; background-color:#FFF; margin:0; float:left; height:350px; position: relative; } #carroussel_sejRes .ptext { position: absolute; top: 50%; font-size:20px; font-family: 'DidotItalic', serif; line-height:22px; font-weight:100; text-align:center; color: #7f7f7f; width:400px; left: 50%; z-index:11; margin-top: -35px; margin-left: -125px; } #carroussel_sejRes li { display:block; border: none; display: block; float: left; padding: 0px; margin:0px;} #carroussel_sejRes .innerDiapoRes { overflow: hidden; background-color:#FFF; position:relative; margin-bottom:10px; } /*#diapoRes{ width: 100%; }*/ .diapoRes li img { height:350px; display: block; } .nextdiapoRes { position: absolute; top: 50%; right: 0px; color:#000; background-color:#fff; height:35px; width:35px; z-index:11; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; margin-top: -18px; background-color:#000000; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.50; -webkit-opacity: 0.50; } .nextdiapoRes:hover { opacity: 0.80; filter: alpha(opacity=80); -moz-opacity: 0.80; -webkit-opacity: 0.80; } .infoSlideReservationBis #textRecap { width:23%; float:right; position:relative; height:350px; background-color:#000000; color:#fff; } #textRecap .cellR { display: table-cell; vertical-align: middle; height: 350px; /*width:20%;*/ } #textRecap h2{ width:90%; float:left; font-size:25px; font-family: 'DidotItalic', serif; line-height:28px; font-weight:100; margin-top:5px; color:#FFF; text-align:left; padding-left:15px; } #textRecap p{ width:90%; float:left; font-size:14px; font-family: 'DidotItalic', serif; line-height:18px; font-weight:100; margin-top:0px; color:#FFF; text-align:justify; padding-left:15px; } .infoSlideReservationBis #prixSejour { width:23%; float:right; position:relative; height:350px; } #prixSejour .titrePanier { width:90%; color: #7f7f7f; font-size: 18px; font-family: 'DidotItalic', serif; letter-spacing: 0.3px; margin:0px; padding:18px 0px 2px 0px; margin-bottom:5px; text-align:left; border-bottom : 1px solid #000; margin-left:15px; float:left; } #prixSejour .detailVoyageurs { width:90%; color: #7f7f7f; font-size: 14px; white-space: normal; font-family: 'DidotItalic', serif; letter-spacing: 0.3px; margin:3px 0px; float:left; margin-left:15px; text-align:left; } .detailVoyageurs .titleC { width:40%; color: #7f7f7f; float:left; text-align:left; } .detailVoyageurs .prixC { width:40%; color: #000; float:right; text-align:right; } #prixSejour .prixVoyageurs { position:absolute; left:0; bottom:0; width:90%; color: #fff; font-size: 14px; font-family: 'DidotItalic', serif; letter-spacing: 0.3px; margin:0px; float:left; line-height:18px; padding:5px 15px 8px 15px; background-color:#000; background-color: rgb(0, 0, 0); /* alternative solide */ background-color: rgba(0, 0, 0, 0.8)!important; } .prixVoyageurs .titleT { width:65%; float:left; text-align:left; } .prixVoyageurs .prixT { width:35%; float:right; text-align:right; } .prixVoyageurs .titleTot { width:65%; float:left; text-align:left; color: #fff; font-size: 14px; font-family: 'DidotItalic', serif; letter-spacing: 0.3px; } .prixVoyageurs .prixTot { width:35%; float:right; text-align:right; color: #fff; font-size: 14px; font-family: 'DidotItalic', serif; letter-spacing: 0.3px; } /**** Slideshow Sur-mesure NEW ****/ .slideShow_sm { position: fixed; height: 430px; overflow: hidden; padding:0px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.6); -moz-box-shadow:0 0 5px rgba(0,0,0,0.6); -o-box-shadow:0 0 5px rgba(0,0,0,0.6); box-shadow:0 0 5px rgba(0,0,0,0.6); display:none; } @media screen and (max-width:2850px){.slideShow_sm {width:1280px;}} @media screen and (max-width:2650px){.slideShow_sm {width:1280px;}} @media screen and (max-width:2350px){.slideShow_sm {width:1280px;}} @media screen and (max-width:2000px){.slideShow_sm {width:1280px;}} @media screen and (max-width:1850px){.slideShow_sm {width:1280px;}} @media screen and (max-width:1650px){.slideShow_sm {width:1280px;}} @media screen and (max-width:1300px){.slideShow_sm {width:1280px;}} @media screen and (max-width:1250px){.slideShow_sm {width:1250px;}} @media screen and (max-width:1150px){.slideShow_sm {width:1150px;}} @media screen and (max-width:1024px){.slideShow_sm {width:1014px;}} @media screen and (max-width:1000px){.slideShow_sm {width:1000px;}} @media screen and (max-width:950px){.slideShow_sm {width:950px;}} .slideShow_sm .close { background:url(../img/close_detail_black.png) no-repeat; width:25px; height:29px; display:inline; z-index:55; position:absolute; top:10px; right:5px; cursor:pointer; opacity:0.8; } .slideShow_sm .close:hover { opacity:1; } .slideShow_sm .loadingG { position:absolute; top:50%; left:50%; height:32px; width:250px; z-index:45; margin-top: -15px; margin-left: -125px; font-family: 'AkzidenzBold', sans-serif; font-size: 16px; letter-spacing:2px; color:#fff; display:none; padding:15px; } .slideShow_sm #infoSlideShow { position: relative; width: 100%; height: 430px; margin-top:0px; background-color:#000; } #infoSlideShow #titreSlideshow { position: absolute; top:0px; left:0; z-index:15; width:20%; text-align:right; background-color:#000; background-color: rgb(247, 247, 247); /* alternative solide */ background-color: rgba(247, 247, 247, 0.8)!important; height:430px; } #titreSlideshow .cellP { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 430px; width:20%; } #titreSlideshow .titre { font-size:54px; text-transform:uppercase; font-style:normal; line-height:46px; color:#FFF; font-weight:100; margin:0px; width:100%; margin-top:0px; letter-spacing: 0.02em; text-align:center; font-family:'HelveticaUltralight', Helvetica; position: relative; float:right; } #infoSlideShow #carroussel_sej { width:77%; overflow:hidden; background-color:#000; margin:0; float:left; height:430px; position: relative; } #carroussel_sej .ptext { position: absolute; top: 50%; font-size:20px; font-family: 'DidotItalic', serif; line-height:22px; font-weight:100; text-align:center; color: #7f7f7f; width:400px; left: 50%; z-index:11; margin-top: -35px; margin-left: -125px; } #carroussel_sej .innerDiapo { overflow: hidden; background-color:#FFF; position:relative; margin-bottom:10px; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; transition-property: opacity; transition-duration: 1s; } .innerDiapo #diapoRes li { display:block; border: none; display: block; float: left; padding: 0px; margin:0px; text-align:center; } #diapoRes li img { height:100%; display: block; padding-left:-320px; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; transition-property: opacity; transition-duration: 1s; } .nextdiapo { position: absolute; top: 50%; right: 0px; color:#000; background-color:#fff; height:35px; width:35px; z-index:11; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; margin-top: -20px; background-color:#000000; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.50; -webkit-opacity: 0.50; } .nextdiapo:hover { opacity: 0.80; filter: alpha(opacity=80); -moz-opacity: 0.80; -webkit-opacity: 0.80; } #infoSlideShow #textRecapImg { width:23%; float:right; position:relative; height:430px; background-color:#F7F7F7; color:#000; } #textRecapImg .cellR { display: table-cell; vertical-align: middle; height: 420px; /*width:20%;*/ } #textRecapImg h2 { width:90%; float:left; font-size:23px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; line-height:27px; letter-spacing:0.5px; font-weight:100; margin:5px 0 10px; color:#000; text-align:left; padding-left:15px; } #textRecapImg p { width:90%; float:left; font-size:14px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; line-height:18px; letter-spacing:0.5px; font-weight:100; margin-top:0px; color:#000; text-align:justify; padding-left:15px; } /****FIN slideshow Sur-mesure NEW ****/ .reserve { position: relative; width: 100%; min-height: 200px; overflow: hidden; padding:0px; background-color:#f7f7f7; } .reserve .loading { position:absolute; left:50%; height:32px; width:300px; z-index:3000; margin-top: 15px; margin-left: -150px; font-family: 'AkzidenzBold', sans-serif; font-size: 16px; letter-spacing:2px; color:#000000; display:none; } .reserve .titre { /* Centrage vertical */ position: relative; float:left; width: 20%; color:#fff; padding-right:0%; background-color:#f7f7f7; } .titre .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 345px; width:inherit; } .titre .cell2 { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 245px; width:inherit; } .titre .h1titre { color: #FFF; float: right; font-family: 'DidotItalic',serif; font-size: 20px; font-style: normal; letter-spacing: 1px; line-height: 20px; margin: 0; position: relative; text-align: center; width: 100%; } #detail_reserve { margin:0 auto; width: 80%; float:left; min-height: 345px; padding:0px; position:relative; background-color:#FFF; } #detail_reserve .titreH2{ background-color:#f7f7f7; width:100%; font-family:'itcavantgardestd-bkcn',sans-serif; text-align:center; font-size:16px; padding:5px 0 4px; text-transform:none; color:#999999; margin:0; font-weight:normal; letter-spacing: 0px; } #detail_reserve .liveFeedTipContent{ position:absolute; background-color:#F8F8F8; top:15px; left:50%; width:500px; padding:12px 20px 0; margin-left:-250px; z-index:53; display:none; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000; } #detail_reserve h3{ font-size: 22px; font-weight: normal; color: #0a0a0a; text-transform:none; font-family: 'itcavantgardestd-bkcn', Helvetica, sans-serif; margin:10px 0px; padding:0px; line-height:35px; letter-spacing: 1px; } /***********************/ /***** Formulaire ****/ /***********************/ /***** areaContact RESERVATION ****/ #areaForm { width:550px; float:right; margin:0px; margin-top:-18px; font-family: 'itcavantgardestd-bkcn', Helvetica, sans-serif; padding:0; letter-spacing:1px;} #areaForm .espaceBloc { padding: 5px 0;} #areaForm .espaceBlocBis { padding: 0;} #areaForm h2 { border-bottom: 5px solid #7F7F7F; color: #7F7F7F; font-family: 'itcavantgardestd-bkcn', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; line-height: 18px; margin: 10px 0 15px; padding: 0 0 5px; text-align: left; text-transform: none; width: 100%; } #areaForm label{font-size:14px; float:left;width:80px; text-align:left; color:#000; margin-top: 3px; } #areaForm .labelCheckbox{font-size:14px;width:auto; text-align:left; color:#000; margin-top: 3px; margin-left:25px; } #areaForm .field {float:left; width:300px; margin-bottom:15px; margin-left:10px; color:#7f7f7f; font-size:12px; position:relative; text-align:left;} #areaForm .field input[type=checkbox]{margin-top:6px;} #areaForm .field .checkbox {margin-right:5px; margin-top:4px; float:right;} #areaForm .textinput{font-size: 14px; border:1px solid #FFF; background-color:#FFF; padding: 3px; width: 250px;color:#000; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; font-weight:normal; letter-spacing:1px;} #areaForm .textinput:focus{ width:250px; color:#000; border:1px solid #f7f7f7; background-color:#FFF; letter-spacing:1px;} #areaForm .textinput:hover{ width:250px; color:#000; border:1px solid #f7f7f7; background-color:#FFF; letter-spacing:1px;} #areaForm .selectChamps{font-size: 13px; border:1px solid #FFF; width:40px;color:#000; font-family:'itcavantgardestd-bkcnr', Helvetica, sans-serif;font-weight:normal;height: 25px; padding: 3px 0;} #areaForm .selectChamps:focus{border:1px solid #f7f7f7; width:40px; color:#000; } #areaForm .selectChamps:hover{border:1px solid #f7f7f7; width:40px; color:#000; } #areaForm .selectChampsA{font-size: 13px; border:1px solid #FFF; width:60px;color:#000; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif;font-weight:normal;height: 25px; padding: 2px 0;} #areaForm .selectChampsA:focus{border:1px solid #f7f7f7; width:60px; color:#000; } #areaForm .selectChampsA:hover{border:1px solid #f7f7f7; width:60px; color:#000; } /***** areaContact RESERVATION ****/ #areaContact { width:96%; float:left; margin:0px; margin-top:70px; font-family: 'itcavantgardestd-bkcn', Helvetica, sans-serif; padding: 0 2%; letter-spacing:1px;} #areaContact .espaceBloc { padding: 5px 0;} #areaContact .espaceBlocBis { padding: 0;} #areaContact h2 { border-bottom: 5px solid #7F7F7F; color: #7F7F7F; font-family: 'itcavantgardestd-bkcn', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; line-height: 18px; margin: 10px 0 15px; padding: 0 0 5px; text-align: left; text-transform: none; width: 100%; } #areaContact label{font-size:14px; float:left;width:80px; text-align:right; color:#7f7f7f; margin-top: 3px; } #areaContact .label1{font-size:14px; float:left;width:10%; text-align:left; color:#7f7f7f; margin-top: 3px; } #areaContact .label2{font-size:14px; float:left;width:80%; text-align:left; color:#7f7f7f; margin-top: 3px; } #areaContact .field {float:left; width:175px; margin-bottom:15px; margin-left:10px; color:#7f7f7f; font-size:12px; position:relative; text-align:left;} #areaContact .field input[type=checkbox]{margin-top:6px;} #areaContact .field .checkbox {margin-right:5px; margin-top:4px; float:right;} #areaContact .fieldMin {float:left; width:10%; margin-bottom:15px; margin-left:10px; color:#7f7f7f; font-size:12px; position:relative; text-align:left;} #areaContact .fieldMin .infoBTOK { cursor: pointer; left: 40px; position: absolute; top: 2px; } #areaContact .fieldMin .infoBTOK a { color:#7f7f7f; float: left; width:20px; line-height:19px; font-size:17px; margin:0; padding:0px 0px; border-right:1px solid #7f7f7f; text-align:center; font-family: 'DidotItalic', serif; background-color:#FFFFFF; cursor:pointer; text-transform:none; } #areaContact .fieldMin .infoBTOK a:hover{ background-color:#FFFFFF; } #areaContact .field2 {float:right; width:270px; margin-bottom:11px; margin-left:10px; color:#7f7f7f; font-size:12px; position:relative;} #areaContact .field2 input[type=checkbox]{margin-left:5px;} #areaContact .field3{color: #7F7F7F; float: right; font-size: 10px; margin-bottom: 5px; margin-right: 20px; position: relative; text-align: right; width: 270px;} #areaContact .field3 input[type=checkbox]{margin-left:5px; float:right;} #areaContact .field span{font-family: 'DidotItalic', serif; font-weight:normal; font-size:13px; color:#7f7f7f; margin-left:5px;} #areaContact .field .infoBTOK { cursor: pointer; left: 40px; position: absolute; top: 2px; } #areaContact .field .infoBTOK a { color:#7f7f7f; float: left; width:20px; line-height:19px; font-size:17px; margin:0; padding:0px 0px; border-right:1px solid #7f7f7f; text-align:center; font-family: 'DidotItalic', serif; background-color:#FFFFFF; cursor:pointer; text-transform:none; } #areaContact .field .infoBTOK a:hover{ background-color:#FFFFFF; } #areaContact input:hover{color:#000000;} #areaContact .textinput{font-size: 14px; border:1px solid #7f7f7f; padding: 0px 0px 0px 2px; width: 109px;color:#7f7f7f; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; font-weight:normal;} #areaContact .textinput:focus{border:1px solid #000; width:109px; color:#000;} #areaContact .textinput:hover{border:1px solid #000; width:109px; color:#000;} #areaContact .textinput2{font-size: 14px; border:1px solid #7f7f7f; width:103px; padding:0px 2px; color:#7f7f7f; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; font-weight:normal; height: 22px;} #areaContact .textinput2:focus{border:1px solid #000; width:103px; color:#000; } #areaContact .textinput2:hover{border:1px solid #000; width:103px; color:#000; } #areaContact .textinput3{font-size: 14px; border:1px solid #7f7f7f; width:50px; padding:0px 2px; color:#7f7f7f; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; font-weight:normal; height: 20px;} #areaContact .textinput3:focus{border:1px solid #000; width:50px; color:#000; } #areaContact .textinput3:hover{border:1px solid #000; width:50px; color:#000; } #areaContact .selectChamps{font-size: 14px; border:1px solid #7f7f7f; width:50px;color:#7f7f7f; font-family:'itcavantgardestd-bkcnr', Helvetica, sans-serif;font-weight:normal;height: 22px;} #areaContact .selectChamps:focus{border:1px solid #000; width:50px; color:#000; } #areaContact .selectChamps:hover{border:1px solid #000; width:50px; color:#000; } #areaContact .selectChamps2{font-size: 14px; border:1px solid #7f7f7f; width:40px;color:#7f7f7f; font-family:'itcavantgardestd-bkcnr', Helvetica, sans-serif;font-weight:normal;height: 22px;} #areaContact .selectChamps2:focus{border:1px solid #000; width:40px; color:#000; } #areaContact .selectChamps2:hover{border:1px solid #000; width:40px; color:#000; } #areaContact .selectChampsA{font-size: 14px; border:1px solid #7f7f7f; width:65px;color:#7f7f7f; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif;font-weight:normal;height: 22px; padding: 1px 0;} #areaContact .selectChampsA:focus{border:1px solid #000; width:65px; color:#000; } #areaContact .selectChampsA:hover{border:1px solid #000; width:65px; color:#000; } #areaContact .textinput4{font-size: 14px; border:1px solid #7f7f7f; padding: 3px; width: 140px;color:#7f7f7f; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; font-weight:normal;} #areaContact .textinput4:focus{border:1px solid #000; width:140px; color:#000;} #areaContact .textinput4:hover{border:1px solid #000; width:140px; color:#000;} #areaContact .textinput5{font-size: 14px; border:1px solid #7f7f7f; padding: 3px; width: 275px;color:#7f7f7f; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; font-weight:normal;} #areaContact .textinput5:focus{border:1px solid #000; width:275px; color:#000;} #areaContact .textinput5:hover{border:1px solid #000; width:275px; color:#000;} #areaContact .textinput6{font-size: 14px; border:1px solid #7f7f7f; padding: 3px; width: 600px;color:#7f7f7f; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; font-weight:normal;} #areaContact .textinput6:focus{border:1px solid #000; width:600px; color:#000;} #areaContact .textinput6:hover{border:1px solid #000; width:600px; color:#000;} #areaContact input:invalid, textarea:invalid { background-color:#E0E0E0; } #areaContact .submain{margin:0; text-align:center; float:right; width:110px;} #areaContact .buttonZone{text-align:left; float:right; width:auto; margin:-30px 4% 10px 0;} #areaContact .button { border-radius: 2px 2px 2px 2px; color: #FFFFFF; float: left; font-family: 'itcavantgardestd-bkcn',sans-serif; font-size: 16px; font-style: normal; font-weight: 100; letter-spacing: 1px; line-height: 16px; padding: 5px 10px; text-decoration: none; text-transform: none; width: auto; cursor:pointer; } .grey {background-color: #7F7F7F; margin: 5px 0; margin-right:15px;} .black {background-color: #000;margin: 5px 0;} #areaContact .button:hover { color: #fff; text-decoration: none; background-color: #7F7F7F; } #areaContact .fieldZone{ color: #7F7F7F; float: left; font-size: 11px; margin: 70px 2% 0 0; text-align: left; width: auto;} #areaContact .fieldNoVol{ float: right; margin: 20px 0 0; width: 320px; } /* Autocompletion */ #areaContact ul { list-style: none; margin: 0; padding: 0; background:none; } #areaContact .update{ position:absolute; width:350px; background-color:white; border:1px solid #888; margin:0px; padding:0px; z-index:1000; } #areaContact ul.villes, #areaContact ul.payss { list-style-type: none; margin:0px; padding:0px; text-align: left; width:100%; } #areaContact ul.villes li.selected, #areaContact ul.payss li.selected { background-color: #000; cursor: pointer; width:98%; color:#fff; } #areaContact li.ville, #areaContact li.pays { list-style-type: none; display:block; margin:0; padding:2px; height:auto; background:none; border-bottom:1px solid #7f7f7f; width:98%; color:#7f7f7f; } #areaContact li.ville:last-child, #areaContact li.pays:last-child { border-bottom:none; } #areaContact li.ville div.nom, #areaContact li.pays div.nom { font-size:12px; font-family:'HelveticaRegular', Helvetica, sans-serif; font-weight:normal; } /*******************/ /* Menu Horizontal */ /*******************/ #detail_reserve .panesVol { width:90%; border:1px solid #7f7f7f; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 2px 2px rgba(0, 1, 1, 0.3); clear: both; cursor: pointer; font-size: 13px; margin: 5px auto 10px; overflow: hidden; padding: 0; transition: margin 0.3s ease 0s, padding 0.3s ease 0s, box-shadow 0.3s ease 0s; position:relative; } #detail_reserve .panesVol:hover { box-shadow: 0 2px 10px #000101; } #detail_reserve .panesVol .loading { position:absolute; top:50%; left:50%; height:32px; width:300px; z-index:3000; margin-top: -15px; margin-left: -150px; font-family: 'AkzidenzBold', sans-serif; font-size: 16px; letter-spacing:2px; color:#000000; display:none; background-color:#FFF; background-color:rgba(255,255,255,0.75); } #detail_reserve .currentPanesVol { box-shadow: 0 2px 10px #000101; } #detail_reserve .panesVol .buttonVal { border-radius: 2px 2px 2px 2px; color: #FFFFFF; float: right; font-family:'itcavantgardestd-bkcn', sans-serif; font-size: 16px; font-style: normal; font-weight: 100; letter-spacing: 1px; line-height: 16px; padding: 5px 10px; text-decoration: none; text-transform: none; width: auto; cursor:pointer; margin:-30px 4% 15px 0; } #detail_reserve .panesVol .buttonVal:hover { color: #fff; text-decoration: none; background-color: #7F7F7F; } #detail_reserve .panesVol .blocCheckbox { width: 10%; float:left; text-align:center; } #detail_reserve .panesVol .blocCheckbox .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 200px; width:100px; } /*#detail_reserve .panesVol .blocCheckbox input[type="radio"]{ float:left; text-align:center; display: table-cell; vertical-align: middle; height: 150px; }*/ #detail_reserve .panesVol .blocVol { width: 90%; float:left; text-align:left; } #detail_reserve .panesVol .blocVol p{ width: 100%; float:left; text-align:center; font-size:16px; font-family:'itcavantgardestd-bkcn', sans-serif; } #detail_reserve .panesVol .blocVol .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 200px; } .panesVol .blocVol .flight { background: url(../img/separation-flight.png) no-repeat scroll left bottom rgba(0, 0, 0, 0); padding: 5px 0 7px; float:left; width:100%; text-align:left; } .panesVol .blocVol .flight .column { display: inline-block; float: left; } .panesVol .blocVol .flight-last { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .panesVol .blocVol .date { font-size: 15px; font-weight: normal; color: #0a0a0a; text-transform:uppercase; font-family:'itcavantgardestd-bkcn', sans-serif; margin:0px; padding:0px; letter-spacing: 1px; width:13%; float:left; height: inherit; text-align:center; } .panesVol .blocVol .desc { font-size: 15px; font-weight: normal; color: #0a0a0a; white-space: 0.3em; font-family:'itcavantgardestd-bkcn', sans-serif; margin:0px; padding:0px; padding-left:10px; line-height:18px; letter-spacing: 0.5px; width:65%; float:left; height:100%; border-left:1px solid #000; } .panesVol .blocVol .direct { font-size: 14px; font-weight: normal; color: #0a0a0a; white-space: 0.3em; font-family:'itcavantgardestd-bkcn', sans-serif; margin:0px; padding:0px; padding-left:10px; padding-top:0px; line-height:15px; letter-spacing: 0.5px; width:18%; float:left; height:100%; } /*****************/ /* Menu vertical */ /*****************/ #detail_reserve .menuEtape { margin:0; width: 19.5%; float:left; height: 100%; position:relative; } #detail_reserve .menuEtape .titreEtape{ widht:100%; font-family: 'DidotItalic', serif; text-align:left; font-size:15px; border-bottom:1px #7f7f7f solid; color:#000; margin-top:7px; padding-left:1px; } #detail_reserve .menuEtape ul { width: 100%; float:left; height: 100%; margin:0; padding:0px; list-style: none; margin-top:15px; } #detail_reserve .menuEtape ul li { border-bottom: 2px solid #e5e5e5; color: #7F7F7F; float: left; height: 32px; margin: 0 3% 10px 3%; padding: 0 0 5px; width: 94%; color:#b9b9b9; } #detail_reserve .menuEtape ul li a { margin:0; padding:0; width: 96%; float:left; font-family: 'itcavantgardestd-bkcn', sans-serif; line-height:18px; font-size:20px; border: 0 none; border-left: 1px solid transparent; border-right: 1px solid transparent; text-align:left; text-decoration:none; text-transform:uppercase; letter-spacing:0px; padding:0 0 0 3%; } #detail_reserve .menuEtape ul li a span{ font-family: 'itcavantgardestd-bkcn', sans-serif; font-size:13px; text-decoration:none; text-transform:none; letter-spacing:0px; float:right; color:#7f7f7f; } #detail_reserve .menuEtape ul li a:hover{ color:#000; font-family: 'itcavantgardestd-bkcn', sans-serif; font-size:20px; } #detail_reserve .menuEtape ul li:hover{ color:#000; font-family: 'itcavantgardestd-bkcn', sans-serif; } #detail_reserve .menuEtape ul .current_page_itemVille a, #detail_reserve .menuEtape ul .current_page_itemLoisir a, #detail_reserve .menuEtape ul .current_page_itemTable a, #detail_reserve .menuEtape ul .current_page_itemVeh a{ color:#000; font-family: 'itcavantgardestd-bkcn', sans-serif; font-size:20px; line-height:18px; } #detail_reserve .menuEtape ul .current_page_itemVille a span, #detail_reserve .menuEtape ul .current_page_itemLoisir a span, #detail_reserve .menuEtape ul .current_page_itemTable a span, #detail_reserve .menuEtape ul .current_page_itemVeh a span{ color:#000; font-family: 'itcavantgardestd-bkcn', sans-serif; font-size:13px; text-transform:none; float:right; } #detail_reserve .menuEtape ul .erreur_page_itemVille a, #detail_reserve .menuEtape ul .erreur_page_itemLoisir a, #detail_reserve .menuEtape ul .erreur_page_itemTable a, #detail_reserve .menuEtape ul .erreur_page_itemVeh a{ color:#F00; font-family: 'itcavantgardestd-bkcn', sans-serif; font-size:20px; line-height:18px; } #detail_reserve .menuEtape ul .erreur_page_itemVille a span, #detail_reserve .menuEtape ul .erreur_page_itemLoisir a span, #detail_reserve .menuEtape ul .erreur_page_itemTable a span, #detail_reserve .menuEtape ul .erreur_page_itemVeh a span{ color:#F00; font-family: 'itcavantgardestd-bkcn', sans-serif; font-size:13px; text-transform:none; float:right; } #detail_reserve .menuHotel { margin:0; padding:0px; width:80.5%; float:right; height: 100%; position:relative; } #detail_reserve .menuHotel .options { position: relative; float:right; width: 35.2%; color:#7f7f7f; height:345px; background-color:#f7f7f7; } .options .optionResult { position: absolute; width: 97%; color:#7f7f7f; min-height:230px; top:20px; display:none; background-color:#FFF; } .options .optionResult .titreOptions{ width:100%; font-family: 'itcavantgardestd-bkcn'; font-size:24px; letter-spacing: 1px; text-align:center; color:#999999; margin:15px 0; float:left; text-transform:uppercase; line-height:20px; } .options .optionResult .btoptionClose { width:50px; text-transform:uppercase; background-color:#7f7f7f; font-family: 'AkzidenzMedium', sans-serif; padding:2px 10px; color:#FFF; font-style:normal; font-weight:lighter; display: block; text-decoration:none; cursor:pointer; font-size:16px; letter-spacing: 2px; text-align:center; position: absolute; bottom:15px; left:50%; margin-left:-30px; } .options .optionResult .btoptionClose:hover { background-color:#000; color:#FFF; } .options .optionResult ul { width: 100%; color:#7f7f7f; list-style: none; float:left; margin:0; padding:0; } .options .optionResult ul li { width:150px; clear:both; height:20px; margin:0 auto; padding:0; margin-bottom:5px; text-align:right; } .optionResult ul li input{ margin:0 5px; } .optionResult ul li span{ text-align:right; margin-left:0px; font-size:14px; width:auto; cursor:pointer; } .optionResult ul li span a { color:#7f7f7f; float: right; width:10px; line-height:14px; margin:0; padding:0px 0px; border-right:1px solid #7f7f7f; text-align:center; font-family: 'DidotItalic', serif; background-color:#FFFFFF; cursor:pointer; text-transform:none; } .optionResult ul li span a:hover{ background-color:#FFFFFF; color:#000000; } .options .servComp { margin:0; width: 100%; color:#7f7f7f; float:left; } .options .sstitreH { min-height:17px; background-color: #F7F7F7; color: #999999; font-family: 'itcavantgardestd-bkcn',sans-serif; font-size: 16px; font-weight: normal; letter-spacing: 0; margin: 0; padding: 5px 0 4px; text-align: center; text-transform: none; width: 100%; } .options .titreH { width:90%; font-family: 'itcavantgardestd-bkcn',sans-serif; font-size:18px; text-align: center; color:#000000; margin:15px 5% 5px; float:left; text-transform:uppercase; line-height:19px; float:left; } .options .etapCheck { font-size:11px; margin-top:5px; position: absolute; bottom:3px; width:100%; text-align:center; } .options .etapCheck input { margin-right:5px; } .options .transpCheck { font-size:11px; margin-top:-5px; width:100%; text-align:left; } .options .transpCheck input { margin-right:5px; } .options .trait { /* Centrage vertical */ position: absolute; bottom:0px; left:0px; width:100%; border-bottom:#7f7f7f 10px solid; } .options .cellOptions { min-height:250px; float:left; width:100%; } .options .cellOptions .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; width:300px; height: 250px; } .options .cellOptions .boutons { width:100%; text-align:center; } .boutons .transpCheck { font-size:12px; margin-top:15px; clear:both; } .boutons .transpCheck input { margin-right:5px; } .boutons .btVol { width:125px; margin:0 auto; text-transform:uppercase; background-color: #7f7f7f; font-family: 'AkzidenzMedium', sans-serif; letter-spacing: 1px; color:#FFF; font-style:normal; font-weight:lighter; display: block; text-decoration:none; cursor:pointer; font-size:18px; text-align:center; margin-bottom:10px; position:relative; } .btVol .infoBT, .btVolSelect .infoBT { cursor:pointer; position: absolute; right:-23px; bottom:0; } .infoBT a { color:#7f7f7f; float: right; width:20px; line-height:23px; font-size:19px; margin:0; padding:0px 0px; border-right:1px solid #7f7f7f; text-align:center; font-family: 'DidotItalic', serif; cursor:pointer; text-transform:none; } .infoBT a:hover{ background-color: transparent; } .boutons .btVol:hover { background-color:#000; color:#FFF; } .boutons .btVolSelect{ width:130px; margin:0 auto; text-transform:none; background-color: #000; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; letter-spacing: 2px; color:#fff; font-style:normal; font-weight:lighter; display: block; text-decoration:none; cursor:pointer; font-size:18px; letter-spacing: 2px; text-align:center; margin-bottom:10px; position:relative; } .boutons .btHotel { width:195px; margin:0 auto; display: block; text-decoration:none; cursor:pointer; position:relative; clear:both; } .boutons p { width:195px; margin:0 auto; display: block; font-size:14px; clear:both; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; } .boutons .loadingT { font-family: 'AkzidenzBold', sans-serif; font-size: 16px; letter-spacing:2px; color:#000000; display:none; margin-top:10px; } .boutons .btHotel .selectHotel { float:left; margin-right:5px; border:1px solid #7f7f7f; width:40px;color:#7f7f7f; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif;font-weight:normal;margin-bottom:10px;} .boutons .btHotel .radioHotel { float:left; margin-right:5px; margin-bottom:10px; margin-top:5px; width:30px;} .boutons .btHotel .selectHotel:focus{border:1px solid #000; width:40px; color:#000; } .boutons .btHotel #boutonHotel { float:left; text-transform:none; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; letter-spacing: 2px; font-style:normal; font-weight:lighter; text-align:center; letter-spacing: 1px; font-size:17px; width:125px; margin-bottom:10px; } .boutons .btHotel #boutonAct { float:left; color:#7f7f7f; line-height:20px; font-size:14px; text-align:left; font-family: 'DidotItalic', serif; font-style:normal; font-weight:lighter; letter-spacing: 1px; width:125px; margin-bottom:4px; } .boutons .btHotel #boutonAct .selectAct { float:right; border:1px solid #7f7f7f; width:40px;color:#7f7f7f; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif;font-weight:normal;font-size:12px;height:20px; padding-top:0px; } .boutons .btHotel .btSelect{ background-color: #000; color:#FFF; border: 1px solid #000; } .boutons .btHotel .btNoSelect{ background-color: #FFFFFF; border: 1px solid #000; color: #000; } .options .bouton { width:100%; text-align:center; position: absolute; bottom:25px; } .options .bouton .btoption { width:70px; margin:0 auto; text-transform:uppercase; background-color:#7f7f7f; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; padding:1px 10px; color:#FFF; font-style:normal; font-weight:lighter; display: block; text-decoration:none; cursor:pointer; font-size:14px; letter-spacing: 2px; text-align:center; } .options .bouton .btoption:hover { background-color:#000; color:#FFF; } #detail_reserve .menuHotel .innerHotel, #detail_reserve .menuHotel .innerLoisir, #detail_reserve .menuHotel .innerVehicule, #detail_reserve .menuHotel .innerTable { width: 64.6%; overflow: hidden; float:left; position:relative; height: 330px; z-index:1; } #detail_reserve .menuHotel h1 { background-color: #F7F7F7; color: #999999; font-family: 'itcavantgardestd-bkcn',sans-serif; font-size: 16px; font-weight: normal; letter-spacing: 0; margin: 0; padding: 5px 0 4px; text-align: center; text-transform: none; width: 100%; } #detail_reserve .menuHotel .cellText { display:table-cell; vertical-align:middle; height:300px; text-align:center; width: 520px; font-family: 'DidotItalic', serif; letter-spacing:0.3px; font-size:14px; color:#7f7f7f; } #detail_reserve .menuHotel .innerHotel .nextHotel, #detail_reserve .menuHotel .innerLoisir .nextHotel, #detail_reserve .menuHotel .innerVehicule .nextHotel, #detail_reserve .menuHotel .innerTable .nextHotel { position: absolute; top: 50%; right: 2%; color:#000; background-color:#fff; height:35px; width:35px; z-index:150; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; margin-top: -23px; background-color:#000000; opacity: 0.5; } #detail_reserve .menuHotel .innerHotel .nextHotel:hover, #detail_reserve .menuHotel .innerLoisir .nextHotel:hover, #detail_reserve .menuHotel .innerVehicule .nextHotel:hover, #detail_reserve .menuHotel .innerTable .nextHotel:hover { background-color: #000; opacity: 0.8; } .carHotel { } .carHotel .image_frame { position:relative; z-index:50; overflow:hidden !important; height:320px; width:160px; margin-top:5px; float:left; margin-right:10px; } .image_frame .selectOK { position:absolute; z-index:47; top:0px; right:0px; display:none; } .image_frame .selectNO { position:absolute; z-index:47; top:150px; left:0px; display:block; width:160px; color:#FFF; font-family: 'itcavantgardestd-bkcn',sans-serif; letter-spacing:0.3px; text-align:center; font-size:13px; background-color:#000; background-color:rgba(0,0,0,0.75); padding:5px 0px; } .image_frame .image_out { position:absolute; color: #7f7f7f; z-index:45; top:0px; width:100%; height:100%; opacity:1; filter:Alpha(opacity=1); } #detail_reserve .image_frame .image_out h2 { border-bottom: medium none; font-family: 'itcavantgardestd-bkcn',sans-serif; font-size: 14px; font-weight: normal; line-height: 15px; margin: 0; padding: 0; text-transform: uppercase; width: 100%; filter: alpha(opacity=99); opacity:0.999; } .image_out .imgCar { cursor:pointer; text-align:center; margin-bottom: 4px; float:left; } .image_out .imgCarNo { cursor:pointer; text-align:center; margin-bottom: 10px;float:left; opacity:0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; } .image_frame .current_hotel, .carHotel .current_loisir, .carHotel .current_table, .carHotel .current_veh{ color: #000; } .image_frame .image_over { width:100%; position:absolute; bottom: 60px; left:0px; opacity:0; filter: alpha(opacity=0); -moz-opacity: 0; -webkit-opacity: 0; z-index:40; } .image_over .btAction{ clear:both; width:auto; padding:10px; margin:5px; background-color:#000000; text-transform:none; font-size:13px; font-family:'itcavantgardestd-bkcn', Helvetica, sans-serif; line-height:12px; text-align:center; letter-spacing: 1px; color:#fff; cursor:pointer; } .image_over .btAction:hover{ background-color:#7f7f7F; } /***************************/ /* contenu pays/themes */ /***************************/ .paysThemes { position: relative; width: 100%; min-height: 145px; overflow: hidden; padding:0px; } .paysThemes #titre { position: relative; float:left; padding:0px; min-width: 870px; max-width: 1200px; } .paysThemes #titre .titre { /*width: 100%; float:left; font-size:75px; text-transform:uppercase; font-style:normal; line-height:65px; color:#7f7f7f; font-weight:100; margin-top:10px; letter-spacing: 5px; text-align:left; font-family: 'AkzidenzBOLD', sans-serif; letter-spacing: 1px; position:relative;*/ color: #7F7F7F; float: left; font-family: 'DidotRegular',serif; font-size: 50px; font-weight: normal; letter-spacing: 0.5px; line-height: 36px; margin: 25px 0 0; padding: 0; position: relative; text-align: center; text-transform: uppercase; width: 100%; } .paysThemes #titre .doubleTraitsGris { border-bottom: 1px solid #CCCCCC; border-top: medium none; float: left; height: 2px; margin: 15px 0; position: relative; width: 100%; } .paysThemes #titre .titre2 { width: 100%; float:left; color:#7f7f7f; margin: 0; padding: 0; margin-top:15px; text-align:center; position:relative; font-family: 'DidotRegular',serif; font-size: 32px; font-weight: normal; letter-spacing: 0.5px; line-height: 36px; text-transform: uppercase; } .paysThemes #titre .desc { color: #000000; float: left; margin: 20px 0 0 20px; min-height: 260px; padding: 15px 0; text-align: left; width: 645px; } .paysThemes #titre .desc h1{ width: 100%; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 17px; font-weight: normal; letter-spacing: 0.5px; line-height: 19px; margin: 10px 0; padding: 0; white-space: normal; } .paysThemes #titre .desc p { width: 100%; float:left; font-size:15px; line-height:21px; font-family: 'itcavantgardestd-bkcn', helvetica, sans-serif; letter-spacing:0.5px; text-align:justify; margin:5px 0px 8px; } .paysThemes #titre .desc p a{ color:#000; font-family: 'itcavantgardestd-xltcn', helvetica, sans-serif; } .paysThemes #titre .social { background-color: #FFFFFF; color: #7F7F7F; float: right; font-style: normal; line-height: 16px; margin: 45px 5px 0 0; min-height: 220px; padding: 5px; text-align: left; width: 290px; } .paysThemes #titre .social .header{ width: 100%; border-top:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f; padding:5px 0px; font-family: 'DidotItalic', serif; font-size:16.5px; margin-bottom:10px; line-height:21px; padding-left:2px; } .paysThemes #titre .social .header span{ text-transform:uppercase; } .paysThemes #innerContentLiquid h1 { color: #7F7F7F; float: left; font-family: 'DidotRegular',serif; font-size: 32px; font-weight: normal; letter-spacing: 0.5px; line-height: 36px; margin: 0; padding: 0; position: relative; text-align: center; text-transform: uppercase; width: 100%; margin-top:25px; } .paysThemes #innerContentLiquid .doubleTraitsGris { border-bottom: 1px solid #CCCCCC; border-top: medium none; float: left; height: 2px; margin: 15px 3%; position: relative; width: 94%; } .paysThemes .articlesSejours{ float:left; width:100%; margin:0px; padding: 10px; position:relative; } .paysThemes .articlesSejours .inner .next { background-color: rgba(0, 0, 0, 0); background-image: url("../img/fle-right.png"); background-position: center center; background-repeat: no-repeat; color: #000000; height: 35px; margin-top: -23px; opacity: 1; position: absolute; right: -10px; top: 50%; width: 35px; z-index: 45; } .paysThemes .articlesSejours .inner .prev { background-color: rgba(0, 0, 0, 0); background-image: url("../img/fle-left.png"); background-position: center center; background-repeat: no-repeat; color: #000000; height: 35px; left: -13px; margin-top: -23px; opacity: 1; position: absolute; top: 50%; width: 35px; z-index: 45; } .paysThemes .articlesSejours .loading { position: absolute; top: 50%; left: 50%; height:32px; width:32px; z-index:100; display:none; } .paysThemes .articlesSejours .centrage { /*position: relative;*/ min-width: 960px; max-width: 960px; margin: 0 auto; } .paysThemes .articlesSejours h3 { color: #000000; float: left; font-family: 'DidotItalic',Arial,serif; font-size: 22px; font-style: normal; font-weight: normal; margin: 30px 0 0 -5px; padding: 0; text-align: left; text-transform: uppercase; width: 100%; } .paysThemes .articlesSejours h3:first-child { margin: 15px 0 0 -5px; } .paysThemes .articlesSejours .doubleTraits { border-bottom: 1px solid #CCCCCC; border-top: medium none; float: left; height: 2px; margin: 5px 0; position: relative; width: 100%; } .paysThemes .articlesSejours .zonePays { background-color: #000000; display: none; padding: 5px 10px 0 15px; position: absolute; width: 120px; z-index: 100; } .europe { left: 55%; top: 23%; } .asie { right: 25%; top: 33%; } .afrique { left: 57%; top: 49%; } .ocenanie { bottom: 10%; right: 12%; } .ameriqueN { left: 25%; top: 35%; } .ameriqueS { left: 35%; top: 70%; } .paysThemes .articlesSejours .zonePays h2{ margin:0; padding:0; } .paysThemes .articlesSejours .zonePays ul{ margin:0; padding:0; } .zonePays ul .zone { color: #FFFFFF; cursor: pointer; float: left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; font-style: normal; letter-spacing: 0; list-style-type: none; padding: 0 0 7px 7px; } .zonePays ul .zone:hover { text-decoration:underline; } .zonePays ul .zoneSelect { text-decoration:underline; } .paysThemes .articlesThemes{ background-color: #F7F7F7; float: left; height: 320px; margin: 20px 0 55px; padding: 10px 0; width: 100%; } .paysThemes .articlesThemes:first-child { margin: 0px 0 55px; } .paysThemes .articlesSejours .vignThem{ margin: 10px 8px 5px 35px; min-height: 350px; width: 425px; float:left; list-style-type: none; padding:0px; text-align:center; position:relative; } .paysThemes .articlesSejours .vignThem .titreS { width:auto; margin: 20px 0 0 2px; padding:0; font-size:22px; font-family: 'itcavantgardestd-xltcn',Helvetica,sans-serif; font-weight:normal; line-height:25px; text-transform:uppercase; text-align:left; color:#000; letter-spacing:1px; } .paysThemes .articlesSejours .vignThem .prixS { color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 22px; font-style: normal; font-weight: normal; left: 105px; line-height: 25px; margin: 5px 4px 2px; padding: 0; position: absolute; text-align: center; top: 115px; width: 200px; z-index: 60; } .paysThemes .articlesSejours .vignThem a { position:relative; width: 425px; height:300px; float: left; margin-bottom: 35px; } .paysThemes .articlesSejours .vignThem .cacheImg { background-color: #000000; display: none; height: 300px; left: 0; margin: 0 0 10px; opacity: 0.5; padding: 0; position: absolute; top: 0px; width: 425px; z-index: 50; } .paysThemes .articlesSejours .vignThem .buttonImg { background-color: #000000; bottom: 15%; color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 16px; font-style: normal; font-weight: lighter; left: 50%; letter-spacing: 1px; margin-left: -55px; padding: 5px; position: absolute; text-transform: uppercase; width: 100px; z-index: 100; } .paysThemes .articlesSejours .vignThem img { width:425px; height:300px; margin:0px 0; padding:0; opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; background-color:#000000; } /*vignPays*/ .paysThemes .articlesSejours .vignPays{ margin: 10px 8px 5px 15px; min-height: 250px; width: 210px; float:left; list-style-type: none; padding:0px; text-align:center; position:relative; } .paysThemes .articlesSejours .vignPays .titreS { width:auto; margin: 20px 0 10px 2px; padding:0; font-size:22px; font-family: 'itcavantgardestd-xltcn',Helvetica,sans-serif; font-weight:normal; line-height:25px; text-transform:uppercase; text-align:left; color:#000; letter-spacing:1px; } .paysThemes .articlesSejours .vignPays .prixS { color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 22px; font-style: normal; font-weight: normal; left: 55px; line-height: 25px; margin: 5px 4px 2px; padding: 0; position: absolute; text-align: center; top: 55px; width: 100px; z-index: 60; } .paysThemes .articlesSejours .vignPays a { position:relative; width: 210px; height:230px; float: left; margin-bottom: 0px; } .paysThemes .articlesSejours .vignPays .cacheImg { background-color: #000000; display: none; height: 230px; left: 0; margin: 0 0 10px; opacity: 0.5; padding: 0; position: absolute; top: 0px; width: 210px; z-index: 50; } .paysThemes .articlesSejours .vignPays .buttonImg { background-color: #000000; bottom: 15%; color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 16px; font-style: normal; font-weight: lighter; left: 50%; letter-spacing: 1px; margin-left: -55px; padding: 5px; position: absolute; text-transform: uppercase; width: 100px; z-index: 100; } .paysThemes .articlesSejours .vignPays img { width:210px; height:230px; margin:0px 0; padding:0; opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; background-color:#000000; } /*vignCont*/ .paysThemes .articlesSejours .vignCont{ margin: 10px 8px 5px 10px; min-height: 220px; width: 183px; float:left; list-style-type: none; padding:0px; text-align:center; position:relative; } .paysThemes .articlesSejours .vignCont .titreS { color: #000000; float: left; font-family: 'itcavantgardestd-xltcn',Helvetica,sans-serif; font-size: 20px; font-weight: normal; letter-spacing: 1px; line-height: 23px; margin: 10px 0 10px 2px; padding: 0; text-align: center; text-transform: none; width: 100%; } .paysThemes .articlesSejours .vignCont .prixS { color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 30px; font-style: normal; font-weight: normal; left: 65px; line-height: 35px; margin: 5px 4px 2px; padding: 0; position: absolute; text-align: center; top: 95px; width: 150px; z-index: 60; } .paysThemes .articlesSejours .vignCont a { position:relative; width: 292px; float: left; margin-bottom: 0px; } .paysThemes .articlesSejours .vignCont .cacheImg { background-color: #000000; display: none; height: 320px; left: 0; margin: 0 0 10px; opacity: 0.5; padding: 0; position: absolute; top: 0px; width: 292px; z-index: 50; } .paysThemes .articlesSejours .vignCont .buttonImg { background-color: #000000; bottom: 15%; color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 16px; font-style: normal; font-weight: lighter; left: 50%; letter-spacing: 1px; margin-left: -55px; padding: 5px; position: absolute; text-transform: uppercase; width: 100px; z-index: 100; } .paysThemes .articlesSejours .vignCont img { height: auto; margin: 0; opacity: 1; padding: 0; width: 292px; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; background-color:#000000; /*filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray;*/ } .paysThemes .articlesSejours .vignCont a:hover img { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: none; } /*** Vignette Inspirations **/ .paysThemes #articlesInsp { float: left; margin: 0; padding: 5px 4.2% 0; position: relative; width: 91.6%; } .paysThemes .article_insp { display: inline; float: left; margin: 0 24px 30px 0; min-height: 210px; position: relative; width: 205px; } .paysThemes .article_insp:last-child { margin: 0 0px 30px 0; } .paysThemes .article_insp a { color: #7f7f7f; text-decoration: none; width: 205px; height: 210px; float:left; } .paysThemes .article_insp a:hover { color: #000000; text-decoration: none; } .paysThemes .article_insp img { width: 205px; height: 210px; } .paysThemes .article_insp .insp_bloc { background-color: #000; bottom: 0; height: 130px; left: 0; margin-top: 4px; padding: 0 5px; position: absolute; text-align: left; width: 195px; display:none; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; z-index:9; } .paysThemes .article_insp .insp_title { bottom: 0; height: 130px; left: 0; margin-top: 4px; padding: 0 5px; position: absolute; text-align: left; width: 195px; display:none; z-index:15; } .paysThemes .article_insp .insp_title h3 { color: #FFF; font-family: 'itcavantgardestd-bkcn',helvetica,sans-serif; font-size: 17px; font-weight: normal; line-height: 17px; margin: 0; padding: 5px 0; text-transform: uppercase; width: 100%; } .paysThemes .article_insp .insp_title p { padding: 0; font-size:14px; line-height:15px; font-family:'itcavantgardestd-bkcnr', sans-serif; font-style: normal; margin:0; letter-spacing:0.3px; width:100%; color: #FFF; } .paysThemes .article_insp .insp_title .buttonImg { background-color: #000000; bottom: 10px; color: #FFFFFF; display: block; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 14px; font-style: normal; left: 50%; letter-spacing: 0; margin-left: -40px; padding: 3px 5px 3px; position: absolute; text-transform: uppercase; width: 80px; z-index: 100; text-align:center; } /*** Vignette séjours **/ .paysThemes .articlesSejours .sejour { float:left; margin:5px 8px 5px 15px; list-style-type: none; padding:0px; text-align:center; position:relative; min-height:300px; color:#FFF; width: 160px; } .paysThemes .articlesSejours .sejour .titreS { margin:2px 4px 0px; padding:0; font-size:25px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-weight: 100; font-weight:normal; line-height:25px; text-transform:uppercase; text-align:right; position:absolute; top: 15px; width: 152px; left:0; display:none; z-index:60; } .paysThemes .articlesSejours .sejour .prixS { width:152px; margin:5px 4px 2px; padding:0; font-weight:normal; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:15px; line-height:15px; font-style:normal; text-align:right; position:absolute; top:55px; left:0; display:none; z-index:60; color:#FFF; } .paysThemes .articlesSejours .sejour .sstitreS { width:152px; margin:0 4px; padding:0; font-weight:normal; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:16px; line-height:17px; font-style:normal; text-align:right; position:absolute; top:40px; left:0; display:none; z-index:60; } .paysThemes .articlesSejours .sejour p { font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; width:152px; margin:0 4px; padding:0; margin-top:10px; font-size:14px; font-weight:normal; line-height:15px; text-align:justify; position:absolute; top:85px; left:0; display:none; z-index:60; } .paysThemes .articlesSejours .sejour a { position:relative; width:160px; height:285px; float:left; color:#FFF; } .paysThemes .articlesSejours .sejour .cacheImg { width:160px; height:285px; margin:0px 0px 10px 0px; padding:0; opacity:0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-opacity: 0.6; background-color:#000000; position:absolute; top:0px; left:0; display:none; z-index:50; } .paysThemes .articlesSejours .sejour .newSej { display: block; height: 285px; left: 0; margin: 0 0 10px; padding: 0; position: absolute; top: 0; width: 160px; z-index: 100; } .paysThemes .articlesSejours .sejour .newSej img { background-color: transparent; height: 285px; margin: 0; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; padding: 0; width: 160px; } .paysThemes .articlesSejours .sejour .buttonImg { background-color: #000000; bottom: 20px; color: #FFFFFF; display: none; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 14px; font-style: normal; left: 50%; letter-spacing: 0; margin-left: -50px; padding: 2px 5px 3px; position: absolute; text-transform: uppercase; width: 100px; z-index: 100; } .paysThemes .articlesSejours .sejour img { width:160px; height:285px; margin:0; padding:0; opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; background-color:#000000; } /* .paysThemes .articlesSejours .sejour { float:left; margin:10px 8px 5px 12px; list-style-type: none; padding:0px; width:170px; text-align:center; position:relative; min-height:540px; border-bottom:5px #fff solid; border-top:5px #fff solid; color:#7f7f7f; } .paysThemes .articlesSejours .vignThem{min-height:420px;} .paysThemes .articlesSejours .vignPays{min-height:470px;} .paysThemes .articlesSejours .sejour:hover { border-bottom:5px #000 solid; border-top:5px #000 solid; color:#000; } .paysThemes .articlesSejours .sejour .titreS { width:auto; margin:2px 0 2px 2px; padding:0; font-size:24px; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; letter-spacing: 0.05em; font-weight:normal; line-height:24px; text-transform:uppercase; text-align:left; color:#000; } .paysThemes .articlesSejours .sejour .prixS { width:auto; margin:2px 0 2px 2px; padding:0; font-weight:normal; font-family: 'DidotItalic', Arial, serif; font-size:14px; line-height:22px; font-style:normal; text-align:left; color:#000; } .paysThemes .articlesSejours .sejour .sstitreS { width:auto; margin:0 0 0 2px; padding:0; font-weight:normal; font-family: 'DidotItalic', Arial, serif; font-size:17px; line-height:18px; font-style:normal; text-align:left; } .paysThemes .articlesSejours .sejour p { font-family:'DidotRegular', Arial, serif; width:auto; margin:0 0 0 2px; padding:0; margin-top:10px; font-size:13px; font-weight:normal; line-height:15px; text-align:justify; } .paysThemes .articlesSejours .sejour img { width:170px; height:303px; margin:0px 0px 10px 0px; padding:0; opacity:0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -webkit-opacity: 0.7; } .paysThemes .articlesSejours .sejour img:hover{ -webkit-box-shadow:0 0 5px rgba(0,0,0,0.4); -moz-box-shadow:0 0 5px rgba(0,0,0,0.4); -o-box-shadow:0 0 5px rgba(0,0,0,0.4); box-shadow:0 0 5px rgba(0,0,0,0.4); opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; } */ /***************************/ /* contenu sejour */ /***************************/ .sejour { position: relative; width: 100%; min-height: 145px; overflow: hidden; padding:0px; } .sejour .liveFeedTipContent{ position:absolute; background-color:#000; top:50%; left:50%; width:450px; padding:12px 20px 0; margin-left:-265px; margin-top:-130px; z-index:50; display:none; -moz-box-shadow:1px 1px 5px #333; -webkit-box-shadow:1px 1px 5px #333; box-shadow:1px 1px 5px #333; background-image:-moz-linear-gradient(top,#000,#292929); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(1,#292929)); background-image:-webkit-linear-gradient(#000,#292929); background-image:linear-gradient(top,#000,#292929); } .sejour #reserAvance { position: absolute; bottom:35px; right:0; z-index:49; background-color:#FFF; color:#000; width:100px; padding:20px; text-align:left; } .sejour #reserAvance .reserAvance_title { color:#000; font-size:24px; font-family: 'itcavantgardestd-xltcn',Helvetica,sans-serif; text-transform:uppercase; line-height:22px; margin-bottom:5px; } .sejour #reserAvance .reserAvance_title span{ color:#000; font-size:22px; font-family: 'DidotItalic', serif; } .sejour #reserAvance .reserAvance_desc { color:#000; font-size:14px; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; } .sejour #fbLike { position: absolute; top:445px; right:11%; z-index:49; /*cursor:pointer;*/ } .sejour #titre { position: absolute; top:0px; left:0; z-index:49; width:330px; text-align:right; background-color:#000; background-color: rgb(0, 0, 0); /* alternative solide */ background-color: rgba(0, 0, 0, 0.8)!important; height:430px; } .sejour #titre #unesco{ position: absolute; top:15px; right:10px; z-index:49; width:58px; height:45px; background-image: url(../img/logo_unescoPatrimoine.png); background-repeat: no-repeat; background-position: center center; cursor:pointer; } .sejour #titre #sweden{ position: absolute; top:15px; right:82px; z-index:49; width:88px; height:46px; background-image: url(../img/logo_sweden.png); background-repeat: no-repeat; background-position: center center; cursor:pointer; } .sejour #titre #portugal{ position: absolute; top:15px; right:82px; z-index:49; width:120px; height:46px; background-image: url(../img/logo_turismo_portugal.jpg); background-repeat: no-repeat; background-position: center center; cursor:pointer; } #titre .blocBlanc { margin:0px; height:75px; width:100%; background-color:#FFFFFF; } #titre .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 270px; } #titre .titre { font-size:67px; text-transform:uppercase; font-style:normal; line-height:56px; color:#FFF; font-weight:100; margin:0px; width:320px; margin-top:0px; letter-spacing: 0.05em; text-align:right; font-family:'HelveticaUltralight', Helvetica; position: relative; } #titre h2 { font-size:27px; font-family: 'DidotItalic', serif; line-height:31px; font-weight:100; width:314px; margin-top:5px; color:#FFF; text-align:right;} #titre .prix { font-size:20px; font-family: 'DidotItalic', serif; line-height:20px; width:314px; margin-bottom:20px; color:#7f7f7f; text-align:right;margin-top:-10px;} #titre .bt_detail { color: #7f7f7f; font-size:17px; line-height: 5px; margin: 0px 0 0px 0; white-space: nowrap; font-weight: normal; font-family: 'AkzidenzMedium', sans-serif; text-transform:uppercase; width:314px; letter-spacing:1.5px; } #titre .bt_detail a { color: #a6b3b4; text-decoration:none; } #titre .bt_detail a:hover { color: #fff; text-decoration:none; } #titre #info-detail { color: #FFF; width:660px; min-height:50px; opacity:1; filter: alpha(opacity=1); -moz-opacity: 1; -webkit-opacity: 1; padding: 0px; position: absolute; margin: 0; z-index: 10; bottom:40px; left:335px; } @media screen and (max-width:2850px){#titre #info-detail {width:800px;}} @media screen and (max-width:2650px){#titre #info-detail {width:800px;}} @media screen and (max-width:2350px){#titre #info-detail {width:800px;}} @media screen and (max-width:2000px){#titre #info-detail {width:800px;}} @media screen and (max-width:1850px){#titre #info-detail {width:800px;}} @media screen and (max-width:1650px){#titre #info-detail {width:800px;}} @media screen and (max-width:1300px){#titre #info-detail {width:800px;}} @media screen and (max-width:1150px){#titre #info-detail {width:660px;}} @media screen and (max-width:1000px){#titre #info-detail {width:660px;}} @media screen and (max-width:950px){#titre #info-detail {width:660px;}} #info-detail #info { background-color:#000; background-color: rgb(0, 0, 0); /* alternative solide */ background-color: rgba(0, 0, 0, 0.70)!important; padding: 30px 30px 20px 20px; text-align:justify; position:relative; } #info .close_detail { display: block; position: absolute; top: 5px; right: 5px; width: 22px; height: 22px; cursor:pointer; background-image: url(../img/close_detail.png); background-repeat: no-repeat; background-position: 0 0; opacity:0.7; } #info .close_detail:hover { opacity:1; } #info h1 { font-size: 17px; font-weight: normal; color: #FFF; white-space: normal; font-family: 'DidotItalic', serif; margin:0px; padding:0px; line-height:19px; letter-spacing: 0.5px; margin-bottom:10px; } #info p { font-size: 15px; font-weight: normal; color: #FFF; white-space: normal; font-family: 'DidotItalic', serif; margin:0px; padding:0px; line-height:20px; letter-spacing: 0.5px; text-align: justify; } /*#info p strong{ font-weight: 700; }*/ #info a { font-size: 15px; font-weight: normal; color: #FFF; white-space: normal; font-family: 'DidotItalic', serif; letter-spacing: 0.3px; text-decoration:underline; } #info a:hover { color: #FFF; text-decoration:underline; } #info-detail #dispo { background-color:#000; background-color: rgb(0, 0, 0); /* alternative solide */ background-color: rgba(0, 0, 0, 0.70)!important; padding: 10px 20px; text-align:justify; margin-top:5px; } #dispo p { font-size: 15px; font-weight: normal; color: #FFF; white-space: normal; font-family: 'DidotItalic', serif; margin:0px; padding:0px; line-height:20px; letter-spacing: 0.5px; text-align: justify; } #titre .info-detail { color: #FFF; width:600px; min-height:50px; /*bottom:85px; left:325px;*/ opacity:1; filter: alpha(opacity=1); -moz-opacity: 1; -webkit-opacity: 1; background-color:#000; background-color: rgb(0, 0, 0); /* alternative solide */ background-color: rgba(0, 0, 0, 0.70)!important; padding: 20px; text-align:justify; position: absolute; margin: 0; padding:20px; z-index: 10; bottom:85px; left:335px; } .info-texte { position: absolute; min-height: 130px; width: 250px; top: 132px; z-index: 20; color: #191919; line-height: 20px; } .info-texte.left { right: 10px; text-align: left; } .info-texte.center { left: 50%; /*margin-left: -15%;*/ margin-left: -168px; text-align: center; } .info-texte.right { left: 50%; margin-left: 160px; text-align: left; } .info-texte h3 { font-family: "AvenirLTStdHeavy", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin: 13px 0; } .blackBckg .info-texte h3 { color: #fff; } .info-texte b { font-family: "AvenirLTStdHeavy", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; } .info-texte .cellBox { position: relative; } .info-texte .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 520px; } .info-texte .wrapper-valign { width: 270px; } .ie7 .info-texte .wrapper-valign { width: 240px; } .blackBckg .info-texte h1 { color: #fff; } .info-texte h2 { color: #FFF; font-size: 27px; letter-spacing: 0.5px; line-height: 30px; margin: 0 0 10px 25px; white-space: nowrap; font-weight:normal; font-style:italic; } .blackBckg .info-texte h2 { color: #fff; } .info-texte .subtitle-h3 { color: #FFF; font-size: 27px; letter-spacing: 0.5px; line-height: 30px; margin: 0 0 20px 15px; white-space: nowrap; font-weight:normal; font-style:italic; } .info-texte .bt_detail { color: #f2f2f2; font-size:15px; letter-spacing: 0.5px; line-height: 30px; margin: 0 0 15px; white-space: nowrap; font-weight:normal; font-family: Helvetica, sans-serif; text-transform:uppercase; padding-left:25px; min-width:220px; } .info-texte .bt_detail a{ color: #FFF; text-decoration:none; } .details_sej { color: #000000; margin: 0; min-height: 50px; padding: 40px 2%; text-align: left; } .width_30 { width: 30%; } .width_62 { width: 62%; } .details_sej h4 { font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 19px; letter-spacing: 1px; text-transform: uppercase; margin:0; padding:0; color:#000; } .details_sej p { color: #000; white-space: 0.3em; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:16px; line-height:20px; margin:5px 0; padding:0px; } .details_sej ul { list-style:none; width:100%; margin:0px; padding:10px 0px 5px; } .details_sej ul li{ color: #000; white-space: 0.3em; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:16px; line-height:20px; margin:0 0 5px 15px; padding:0px; padding-left:15px; background-image: url(../img/puce_noir.jpg); background-repeat: no-repeat; background-position: left center; } .details_sej .blocs { width:100%; text-align:center; } .details_sej .blocs #cellContact { display: table-cell; /*height: 250px;*/ vertical-align: middle; width: inherit; } .details_sej .blocs a { width:auto; clear:both; background-color:#000; width:auto; text-transform:uppercase; font-family: 'itcavantgardestd-bkcn', sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size:16px; font-style:normal; letter-spacing: 1px; line-height:16px; border-radius: 2px; padding:5px 10px; color:#fff; font-style:normal; font-weight:100; text-decoration:none; margin-top:0px; border-style:none; } .details_sej .blocs a:hover { background-color:#7f7f7f; } .details_sej .blocs #infos-contact { float: left; padding: 10px 0 0; text-align: center; width: 100%; } .details_sej .blocs #infos-contact .titre-contact { color: #7F7F7F; float: left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 13px; text-align: center; text-transform: uppercase; width: 100%; } .details_sej .blocs #infos-contact ul { clear: both; list-style-type: none; margin: 0 auto; padding: 0; width: 50%; } .details_sej .blocs #infos-contact ul li{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; margin: 5px 5px 0; padding: 0; text-align: center; width: 40px; height: 40px; } .details_sej .blocs #infos-contact ul li a{ background-color:transparent; float: left; margin: 0; padding: 0; text-align: center; opacity:0.4; filter: alpha(opacity=0.4); -moz-opacity: 0.4; -webkit-opacity: 0.4; } .details_sej .blocs #infos-contact ul li a:hover{ opacity:1; filter: alpha(opacity=1); -moz-opacity: 1; -webkit-opacity: 1; } .menu_sej{ width:100%; position:relative; margin:10px 0px; } .menu_sej .text-mention { width:100%; font-family: 'DidotItalic', serif; font-size:12px; margin:15px 0 15px 0; float:left; color:#7f7f7f; letter-spacing:0.5px; text-align:left; } .menu_sej .nav-wrap { margin: 0; width:100%; height:40px; position:relative; } .menu_sej .nav-wrap .group:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } .menu_sej .nav-wrap *:first-child+html .group { zoom: 1; } /* IE7 */ .menu_sej .nav-wrap #example-one { list-style: none; position: relative; width: 100%;padding:0; margin:0; } .menu_sej .nav-wrap #example-one li { background-image: none; display: inline-block; padding:0; text-align:center; margin: 0 12px 0 0; width:auto; } .menu_sej .nav-wrap #example-one li a { color: #C1C1C1; float: left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 19px; font-weight: normal; line-height: 20px; margin: 0; padding: 10px 7px; text-decoration: none; text-transform: uppercase; width: auto; } .menu_sej .nav-wrap #example-one li:first-child { padding: 0; } .menu_sej .nav-wrap #example-one li a:hover { color:#000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; } .menu_sej .nav-wrap #example-one .current_page_item a { color:#FFF !important; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 19px; background-color:#000;} .menu_sej #panesJour .tab-content{ clear: both; margin: 1% 4%; width: 92%; float:left; } .menu_sej #panesJour { color: #000000; min-height: 150px; padding: 10px 0; text-align: left; width: 100%; margin-left:0; } /* Devis*/ .menu_sej #panesJour .blocs { width:100%; text-align:center; margin: 0 auto 15px; width:30%; clear: both; } .menu_sej #panesJour .blocs #cellContact { display: table-cell; /*height: 250px;*/ vertical-align: middle; width: inherit; } .menu_sej #panesJour .blocs a { width:auto; clear:both; background-color:#000; width:auto; text-transform:uppercase; font-family: 'itcavantgardestd-bkcn', sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size:16px; font-style:normal; letter-spacing: 1px; line-height:16px; border-radius: 2px; padding:5px 10px; color:#fff; font-style:normal; font-weight:100; text-decoration:none; margin-top:0px; border-style:none; } .menu_sej #panesJour .blocs a:hover { background-color:#7f7f7f; } .menu_sej #panesJour .blocs #infos-contact { float: left; padding: 10px 0 0; text-align: center; width: auto; } .menu_sej #panesJour .blocs #infos-contact .titre-contact { color: #7F7F7F; float: left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 13px; text-align: center; text-transform: uppercase; width: 100%; } .menu_sej #panesJour .blocs #infos-contact ul { float: left; list-style: none outside none; margin: 0 auto 0 80px; padding: 0; text-align: center; width: 50%; } .menu_sej #panesJour .blocs #infos-contact ul li{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; margin: 5px 5px 0; padding: 0; text-align: center; width: 40px; height: 40px; } .menu_sej #panesJour .blocs #infos-contact ul li a{ background-color:transparent; float: left; margin: 0; padding: 0; text-align: center; opacity:0.4; filter: alpha(opacity=0.4); -moz-opacity: 0.4; -webkit-opacity: 0.4; } ..menu_sej #panesJour .blocs #infos-contact ul li a:hover{ opacity:1; filter: alpha(opacity=1); -moz-opacity: 1; -webkit-opacity: 1; } /* FIN Devis*/ .menu_sej #panesJour .descLeft { width: 65%; float:left; margin-bottom:25px; } .menu_sej #panesJour .descRight { width: 26%; float:right; position:relative; text-align:center; } .menu_sej #panesJour .descRight .sociauxSejour { margin:5px 0 0px; padding:0; float:left; width: 100%; } .menu_sej #panesJour .descRight .sociauxSejour ul { list-style:none; width:100%; margin:0px 0 10px 0; padding:0px; float: left; } .menu_sej #panesJour .descRight .sociauxSejour ul li{ background-image: none; float: left; margin: 0 0 0 33%; padding: 0; text-align: left; width: 40%; } .menu_sej #panesJour .descRight h2 { font-size: 13px; line-height: 18px; margin: 5px 0; text-align: center; text-transform: uppercase; } .menu_sej #panesJour .descRight #info-picto { color: #FFF; height:75px; width:100%; padding-top:10px; } .menu_sej #panesJour .descRight #info-picto ul { list-style: none outside none; margin: 0; padding: 0; width: 100%; float:left; position:relative; } .menu_sej #panesJour .descRight #info-picto .actif { opacity:1; filter: alpha(opacity=1); -moz-opacity: 1; -webkit-opacity: 1; } .menu_sej #panesJour .descRight #info-picto .actif2 { opacity:1; filter: alpha(opacity=1); -moz-opacity: 1; -webkit-opacity: 1; cursor: default; } .menu_sej #panesJour .descRight #info-picto li { height:43px; width:37.8px; float:left; padding:2px 1px 3px 1px; margin:0px; text-align:center; opacity:0.35; filter: alpha(opacity=0.35); -moz-opacity: 0.35; -webkit-opacity: 0.35; cursor:pointer; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .menu_sej #panesJour .descRight #info-picto li:hover { opacity:1; filter: alpha(opacity=1); -moz-opacity: 1; -webkit-opacity: 1; } .menu_sej #panesJour .descRight #info-picto li .chiffre { font-size:11px; width:37.8px; float:left; color:#000; padding:0px; height:20px; margin-top:3px; } .menu_sej #panesJour .descRight #info-picto li img { padding:0px; text-align:center; margin:0px; border:none; height:25px; } .menu_sej #panesJour .descRight #info-picto .pictoText { color: #000000; display: none; font-size: 12px; font-style: italic; padding: 0; position: absolute; right: 10px; text-align: right; top: 50px; width: auto; } .menu_sej #panesJour .text-prix { width:100%; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:16px; margin:0; padding:0 0 10px; float:left; color:#7f7f7f; letter-spacing:0.5px; } .menu_sej #panesJour .text-prix span { color: #000000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 20px; letter-spacing: 0.5px; } .menu_sej #panesJour ul { list-style:none; width:100%; margin:0px; padding:0px; margin-bottom:20px; } .menu_sej #panesJour ul li{ color: #0a0a0a; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:15px; line-height:20px; margin:0 0 5px 30px; padding:0px; padding-left:15px; background-image: url(../img/puce_noir.jpg); background-repeat: no-repeat; background-position: left 8px; letter-spacing:0.5px; } .menu_sej #panesJour h1 { font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 17px; font-weight: normal; letter-spacing: 0.5px; line-height: 19px; margin: 10px 0px; padding: 0; white-space: normal; } .menu_sej #panesJour p{ font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; font-weight: normal; letter-spacing: 0.5px; line-height: 21px; margin: 0 0 10px; padding: 0; text-align: justify; white-space: normal; } .menu_sej #panesJour h2{ font-size: 18px; font-weight: normal; color: #000; text-transform:uppercase; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; margin:0px; padding:0px; line-height:30px; margin:5px 0px; text-align:left; } .menu_sej #panesJour h2 span{ font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 16px; text-transform: none; letter-spacing: 0px; vertical-align: top; } .menu_sej #panesJour h2.h2{ color: #000000; float: left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 18px; font-weight: normal; line-height: 30px; margin: 5px 0 30px; padding: 0; text-align: left; text-transform: uppercase; } .menu_sej #panesJour .h2 span{ font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 16px; text-transform: none; vertical-align: top; } .menu_sej #panesJour h3 { font-size: 26px; font-weight: normal; color: #7F7F7F; text-transform:uppercase; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; margin:0px; padding:0px; line-height:30px; letter-spacing: 1px; margin-bottom:12px; text-align:right; } .menu_sej #panesJour h4 { font-size: 18px; font-weight: normal; color: #000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; margin:0px; padding:0px; line-height:22px; letter-spacing: 1px; margin-bottom:0px; text-align:right; } .menu_sej #panesJour a { color: #000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 15px; font-weight: normal; letter-spacing: 0.3px; text-decoration: underline; white-space: normal; } .menu_sej #panesJour .blocText{ color: #000000; float: left; margin: 0 0 25px; padding: 0; text-align: justify; width: 100%; } .menu_sej #panesJour .blocText .blocLeft { width:22%; margin:0px 0 0 5%; text-align:right; color: #000; } .menu_sej #panesJour .blocText .blocLeft h3 { font-size: 20px; font-weight: normal; color: #000; text-transform:uppercase; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; margin:0px; padding:0px 10px; line-height:20px; letter-spacing: 1px; margin-bottom:8px; text-align:right; width:auto; float:right; } .menu_sej #panesJour .blocText .blocLeft h4 { font-size: 14px; font-weight: normal; color: #000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; margin:0px; padding:0px; line-height:18px; margin-bottom:0px; text-align:right; float:right; width:100%; } .menu_sej #panesJour .blocText .blocRight { width:67%; margin:0 0 0 5%; text-align:left; color: #000; min-height:12px; } .menu_sej #panesJour .blocText .blocRight h3 { color: #000000; float: left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 22px; font-weight: bold; letter-spacing: 1px; line-height: 28px; margin: 0; padding: 0; text-align: left; text-transform: uppercase; width: 100%; } .menu_sej #panesJour .blocText .blocRight ul { list-style:none; width:100%; margin:0px; padding:0px; } .menu_sej #panesJour .blocText .blocRight ul li{ color: #0a0a0a; white-space: 0.3em; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:16px; line-height:20px; margin:0 0 5px 30px; padding:0px; padding-left:15px; background-image: url(../img/puce_noir.jpg); background-repeat: no-repeat; background-position: left center; } .menu_sej #panesJour .blocText .blocRight p { font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; margin: 0 0 5px; padding: 0; text-align: justify; float:left; } .menu_sej #panesJour .blocText .blocRight span { cursor:pointer; } .menu_sej #panesJour .blocText .blocRight p.left { font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; margin: 0 0 5px; padding: 0; text-align: justify; float:left; width:75%; } .menu_sej #panesJour .blocText .blocRight p.right { font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0 0 5px; padding: 0; text-align: left; float:right; width:21%; color: #7f7f7f; } .menu_sej #panesJour .blocText .blocRight h4 { color: #000000; //float: left; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 16px; font-weight: normal; line-height: 18px; margin: 0 0 10px; padding: 0; text-align: left; text-transform: uppercase; } .menu_sej #panesJour .blocText .blocRight h4 span{ font-size: 13px; font-weight: normal; color: #7f7f7f; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; margin:0px; padding:0px; text-transform:uppercase; } .menu_sej #panesJour .blocBudget{ margin-top:5px; text-align:left; color: #000; margin-bottom:20px; min-height:92px; width:45%; border:1px solid #7f7f7f; color: #7f7f7f; padding:1%; } .menu_sej #panesJour .blocBudget h3 { font-weight: normal; text-transform:uppercase; color: #000; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 20px; margin:0px; padding:0px; line-height:28px; letter-spacing: 0px; margin-bottom:0px; text-align:left; border-bottom: none; } .menu_sej #panesJour .blocBudget p { font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 0.5px; line-height: 20px; margin: 0 0 20px; padding: 0; text-align: justify; white-space: normal; color:#000; } .menu_sej #panesJour .blocBudget ul { list-style:none; width:100%; margin:0px; padding:0px; margin-bottom:15px; } .menu_sej #panesJour .blocBudget ul li{ color: #000; white-space: 0.3em; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:15px; line-height:18px; margin:0 10px 10px 15px; padding:0px; padding-left:30px; } .menu_sej #panesJour .blocBudget .coche { background-image: url(../img/checkbox_checked.png); background-repeat: no-repeat; background-position: left top; } .menu_sej #panesJour .blocBudget .noneCoche { background-image: url(../img/checkbox_nochecked.png); background-repeat: no-repeat; background-position: left top; } .detail_sej { min-height:100px; text-align:left; color:#000; float:left; /*border-top:#000000 dotted 1px;*/ width:70%; padding-left:20px; } .detail_sej h4 { font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size: 25px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; margin:0 0 10px 30px; padding:0; } .detail_sej ul { list-style:none; width:100%; margin:0px; padding:0px; } .detail_sej ul li{ color: #0a0a0a; white-space: 0.3em; font-family: 'itcavantgardestd-bkcn',Helvetica,sans-serif; font-size:16px; line-height:20px; margin:0 0 5px 60px; padding:0px; padding-left:15px; background-image: url(../img/puce_noir.jpg); background-repeat: no-repeat; background-position: left center; } .detail_sej .nav-wrap { margin: 0; width:100%; height:35px; position:relative; } .detail_sej .nav-wrap .blancCacheG { position: absolute; top: 0; left: 0px; color:#000; height: 40px; width:15px; z-index:45; background-color:#fff; opacity: 1; } .detail_sej .nav-wrap .blancCacheD { position: absolute; top: 0; right: -10px; color:#000; height: 35px; width:25px; z-index:45; background-color:#fff; opacity: 1; } .detail_sej .nav-wrap .nextJours { position: absolute; top: 50%; right: -15px; color:#000; background-color:#fff; height:35px; width:35px; z-index:49; background-image: url(../img/DoubleFleches.png); background-repeat: no-repeat; background-position: center center; margin-top: -23px; opacity: 0.5; } .detail_sej .nav-wrap .nextJours.hover { opacity:1; } .detail_sej .nav-wrap .nextJours.disabled { opacity: 0; z-index:40; } .detail_sej .nav-wrap .prevJours { position: absolute; top: 50%; right: -15px; color:#000; background-color:#fff; height:35px; width:35px; z-index:49; background-image: url(../img/DoubleFleches2.png); background-repeat: no-repeat; background-position: center center; margin-top: -23px; opacity: 0.5; } .detail_sej .nav-wrap .prevJours.hover { opacity:1; } .detail_sej .nav-wrap .prevJours.disabled { opacity: 0; z-index:40; } .jourBt { width:25%; min-height:210px; right:1%; position:absolute; border-left:1px solid #cccccc; margin-top:35px; text-align:center; display:block; z-index:50; } .jourBt .centrage { min-width:120px; max-width:88%; min-height:210px; margin:0 auto; /*border-bottom:10px solid #7f7f7f;*/ } .jourBt .text-prix { width:100%; font-family: 'DidotItalic', serif; font-size:16px; padding:5px 0; float:left; color:#7f7f7f; } .jourBt .text-mention { width:100%; font-family: 'DidotItalic', serif; font-size:11px; padding:8px 0 0 0; float:left; color:#7f7f7f; } .jourBt .text-box a{ font-size:29px; text-transform:uppercase; color:#000; font-family: 'AkzidenzBOLD', sans-serif; font-style:normal; font-weight: normal; line-height:28px; letter-spacing: 1px; padding:0px; width:100%; float:left; margin-bottom:0px; margin-top:45px; cursor:pointer; text-decoration:none; } .jourBt .text-box a:hover { color:#7f7f7f; } .jourBt .text-box span{ font-size:35px; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; } .jourBt .reserve-box { clear:both; width: 155px; color:#000; background-color:#FFF; margin:0 auto; } .reserve-box .reserve-boxx { /*float: left;*/ width:100%; clear:both; } .reserve-box .reserve-boxx .info { cursor:pointer; } .reserve-box .reserve-boxx .info a{ color:#7f7f7f; float: left; width:20px; line-height:23px; font-size:19px; margin:17px 0 3px 3px; padding:2px 0px; border-right:1px solid #7f7f7f; text-align:center; font-family: 'DidotItalic', serif; background-color:#FFFFFF; cursor:pointer; } .reserve-box .reserve-boxx .info a:hover{ background-color:#FFFFFF; color:#000; border-right:1px solid #000; } .reserve-box .reserve-boxx .infoBouton a { font-family: 'AkzidenzBOLD', sans-serif; font-size:18px; letter-spacing: 1px; line-height:23px; margin:0px; font-weight:lighter; font-style:normal; text-align:center; float:left; cursor:pointer; margin:17px 0 3px 0px; } .reserve-box .reserve-boxx .infoBouton a:hover { background-color:#000; } .reserve-box .reserve-boxx .infoBouton .buttonBlack { width:120px; text-transform:uppercase; background-color:#7f7f7f; font-family: 'AkzidenzBOLD', sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:2px 5px; color:#FFF; font-style:normal;font-weight:lighter; display: block; text-decoration:none;} .jourBt a { font-family: 'AkzidenzBOLD', sans-serif; font-size:20px; letter-spacing: 4px; line-height:23px; margin:10px auto; } .sejourAutre { width: 100%; float:right; margin-bottom:15px; padding:0px; margin-top:15px; padding-right:5px; } .sejourAutre .inner { width: 99%; overflow: hidden; background-color:#FFF; float:left; position:relative; padding-right:1%; } .inner li { display:block; border: none; display: block; float:left; padding: 0px; position:relative; margin:0px 10px 0 0; } .inner li img { height: auto; width:100%; z-index:0; position:relative; } .inner li img:first-child { display: block; } .next { position: absolute; top: 50%; right: 0px; color:#000; background-color:#fff; height:35px; width:30px; z-index:150; background-image: url(../img/arrow-right.png); background-repeat: no-repeat; background-position: center center; opacity:0; margin-top: -15px; background-color:#000000; opacity: 0.5; } /*.film_frame { cursor:pointer; position:relative; z-index:50; overflow:hidden !important; max-height:285px; height:auto; width:100%; }*/ .inner li .film_frame { cursor:pointer; /*margin-bottom:20px;*/ position:relative; z-index:50; overflow:hidden !important; /*padding-right:10px;*/ max-height:285px; height:auto; /*margin-right:10px;*/ width:auto; } .film_frame img { position:relative; width:100%; } .inner li .film_overlay { position:absolute; background-color:white; /*background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.9)!important;*/ color:black; z-index:40; bottom:0px; text-align:left; font-weight:bold; width:100%; height:16%; opacity:1; filter:Alpha(opacity=0); font-family: 'DidotRegular', Arial, serif; color:#7f7f7f; } .film_overlay p { float:left; font-style:normal; font-weight:normal; font-family: 'DidotItalic', Arial, serif; font-size:16px; line-height:14px; margin:0px; padding:0px; width:100%; margin-top:5px;margin-left:2px;} .film_overlay .titre { float:left; margin-left:7px; text-transform:uppercase; font-size:17px; font-family: 'DidotRegular', Arial, serif; font-weight:normal; line-height:17px; margin:0px; padding:0px; height:auto; margin-top:8px;width:100%; } .inner li .img_link { z-index:10;} .inner li .film_overlaybis { width:100%; height:100%; position:absolute; top:0px; left:0px; background-color:#fff; z-index:40; color:#000; opacity:0; filter: alpha(opacity=0); -moz-opacity: 0; -webkit-opacity: 0; text-align:right; font-family: 'DidotItalic', serif;} .film_overlaybis .titreOver { float:right; text-transform:uppercase; font-size:40px; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; line-height:35px; text-align:right; width:100%; letter-spacing: 0.03em; padding:0; color:#7f7f7f; margin:0; } .film_overlaybis .sstitreOver { float:right; font-size:16px; line-height:14px; text-align:right; width:100%; margin:0; padding:0; margin-top:3px;} .film_overlaybis .prixSej { float:left; margin-left:7px; font-size:15px; font-family: 'DidotItalic', Arial, serif; font-weight:normal; line-height:14px; margin:0px; padding:0px; height:auto; margin-top:7px;width:100%; color:#7f7f7f; } .film_overlaybis p { float:left; font-style:normal; font-weight:normal; font-family: 'DidotItalic', Arial, serif; font-size:13.5px; line-height:14.8px; width:100%; text-align: justify; margin:0px; padding:0px; color:#7f7f7f; letter-spacing: 0.2px; margin-top:8px; margin-left:2px;} @media screen and (max-width:2850px){.film_overlaybis p {font-size:13.5px; line-height:14.8px;}} @media screen and (max-width:2650px){.film_overlaybis p {font-size:13.5px; line-height:14.8px;}} @media screen and (max-width:2350px){.film_overlaybis p {font-size:13.5px; line-height:14.8px;}} @media screen and (max-width:2000px){.film_overlaybis p {font-size:13.5px; line-height:14.8px;}} @media screen and (max-width:1850px){.film_overlaybis p {font-size:13.5px; line-height:14.8px;}} @media screen and (max-width:1650px){.film_overlaybis p {font-size:13.5px; line-height:14.8px;}} @media screen and (max-width:1300px){.film_overlaybis p {font-size:13px; line-height:14px;}} @media screen and (max-width:1250px){.film_overlaybis p {font-size:14px; line-height:15px;}} @media screen and (max-width:1000px){.film_overlaybis p {font-size:14px; line-height:15px;}} @media screen and (max-width:950px){.film_overlaybis p {font-size:14px; line-height:15px;}} .film_overlaybis .comm { position:absolute; bottom:15%; left:0px; width:100%; text-align:center; padding:0px; margin:0px; z-index:60;} .film_overlaybis .comm .actif2 { opacity:1; filter: alpha(opacity=1); -moz-opacity: 1; -webkit-opacity: 1; cursor: default; } .film_overlaybis .comm li {width:33.33%; margin:0px; float:left; height:auto; text-align:center; opacity:0.40; filter: alpha(opacity=40); -moz-opacity: 0.40; -webkit-opacity: 0.40; cursor:pointer; position: static;} .film_overlaybis .comm li img {width:56%; padding:0px; text-align:center; margin:0px; border:none; float:left; } .film_overlaybis .comm li:hover { opacity: 1; -moz-opacity: 1; -khtml-opacity:1; filter: alpha(opacity=100);} .film_overlaybis .comm li .chiffre { font-size:11.5px; width:43.5%; float:right; padding:0px; height:20px; padding-top:8px; text-align:left; } .film_overlaybis .comm .pictoInfo { position: absolute; bottom:-18px; left:5px; width:100%; display:none; font-size:13px; color:#000; padding:0px; font-style:italic; text-align:left; z-index:60; } .film_overlaybis .info { position:absolute; bottom:0px; left:0px; width:100%; text-transform: uppercase; font-size:18px; color: #7f7f7f; text-align:center;font-family: 'AkzidenzBOLD', sans-serif; letter-spacing: 0.05em; line-height:18px; height:7%;} .lienallvign { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; color:#fff; opacity:0; filter: alpha(opacity=0); -moz-opacity: 0; -webkit-opacity: 0; z-index:39; } .info-reserve { position: absolute; width: 43%; top:20px; } .info-reserve.right { right:0; text-align:right; } .info-reserve.left { left:4%; } .info-reserve .text-box { float: left; width: 40%; height: 70px; padding:0; font-size:30px; margin:0; padding:18px 0px 0px 0px; text-align:center; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; text-transform:uppercase; color:#7f7f7f; margin-top:3px; text-align:left; letter-spacing:1px; line-height:29px; } .info-reserve .text-box span { font-family: 'AkzidenzBOLD', sans-serif; font-size:32px; letter-spacing:1px; } .info-reserve .prog-box { float: right; width: 52%; height: 103px; color:#000; margin-right:5%; } .info-reserve .prog-box .prog-boxx { width:164px; clear:both; margin:0 auto; } .info-reserve .prog-box .prog-boxx .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 103px; width:164px; } .prog-boxx a { font-family: 'itcavantgardestd-bkcn', sans-serif; font-size:18px; letter-spacing: 1px; line-height:21px; margin:0px; font-style:normal; text-align:center; cursor:pointer; margin:5px auto; float: left; } .prog-boxx a:hover { } .prog-boxx .info { cursor:pointer; } .prog-boxx .info:hover { color:#000000; background-color:transparent; } .prog-boxx .info a{ color:#000000; float: right; width:20px; line-height:23px; font-size:19px; margin:6px 0 3px 3px; padding:2px 0px; border-right:1px solid #7f7f7f; text-align:center; font-family: 'DidotItalic', serif; cursor:pointer; text-decoration:none; } .prog-boxx .info a:hover{ color:#000; border-right:1px solid #000; } .prog-boxx .buttonGrey { width:120px; text-transform:none; background-color:#FFFFFF; font-family: 'itcavantgardestd-bkcn',sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:2px 5px; color:#000; font-style:normal; font-weight:lighter; display: block; text-decoration:none; border:1px solid #000; } .prog-boxx .buttonWhite { width:120px; text-transform:none; background-color:#FFFFFF; font-family: 'itcavantgardestd-bkcn',sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:2px 5px; color:#000; font-style:normal; font-weight:lighter; display: block; text-decoration:none; border:1px solid #000; } .prog-boxx .buttonBlack { width:120px; text-transform:none; background-color:#000000; font-family: 'itcavantgardestd-bkcn',sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:2px 5px; color:#FFF; font-style:normal; font-weight:lighter; display: block; text-decoration:none; border:1px solid #000; } .prog-boxx .buttonRed { width:120px; text-transform:none; background-color: #F00; font-family: 'itcavantgardestd-bkcn',sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:2px 5px; color:#FFF; font-style:normal; font-weight:lighter; display: block; text-decoration:none; border:1px solid #000; } .info-contact { position: absolute; width: 45.5%; top:10px; } .info-contact.left{ left:4%; } .info-contact.center{ left:50%; margin-left:-18%; } .info-contact.right{ right:0; } .info-contact .text-box { float: left; width: 27%; height: 70px; padding:0; font-size:30px; margin:0; padding:18px 0px 0px 0px; text-align:center; font-family:'HelveticaUltralight', Helvetica, sans-serif; font-weight: 100; text-transform:uppercase; color:#7f7f7f; margin-top:3px; text-align:left; letter-spacing:1px; line-height:29px; } .info-contact .text-box span { font-family: 'AkzidenzBOLD', sans-serif; font-size:32px; letter-spacing:1px; } .info-contact ul { /*width: 100%;*/ padding:0px; margin: 10px auto; list-style-type: none; } .info-contact li { width: 146px; text-align:center; height:auto; /*min-height:50px;*/ float:left; font-family: 'DidotItalic', serif; color:#7f7f7f; font-size:19px; padding-left:0px; padding-right:0px; padding-bottom:10px; margin-left:2px; margin-right:2px; } .info-contact a { width: 146px; text-align:center; height:auto; /*min-height:50px;*/ float:left; font-family: 'DidotItalic', serif; color:#7f7f7f; font-size:17px; padding-top:70px; padding-left:0px; padding-right:0px; padding-bottom:10px; background-repeat: no-repeat; background-position: left 5px; text-decoration:none; } .info-contact a:hover { color:#000; text-decoration:none; background-position: -150px 5px; } .contact_mess { background-image: url(../img/picto_mes.png); background-repeat: no-repeat; border-right:1px solid #7f7f7f; border-left:1px solid transparent; } .contact_tel { background-image: url(../img/picto_tel.png); background-repeat: no-repeat; border-right:1px solid #7f7f7f; } .contact_tchat { background-image: url(../img/picto_tchat.png); background-repeat: no-repeat; border-right:1px solid transparent; } .ie7 .info-texte h3 { margin-top: 5px; } .gold-bullet { color: #be9f57; } .gold-bullet span { /*color: #2a2b2f;*/ color: #191919; } .blackBckg .gold-bullet span { color: #fff; } .no-bullet { list-style-type: none; margin: 13px 0; padding: 0; } .no-bullet li { margin: 0; padding: 0; } #box1 { /*background: #F8E0DC;*/ background: #fff; margin-bottom:35px; } #box2 { background: #fff; margin-bottom:35px; } #box3 { background: #fff; margin-bottom:35px; } #box4 { background: #fff; margin-bottom:35px; } #box5 { background: #fff; margin-bottom:35px; } #box6 { background: #fff; margin-bottom:35px; } #box7 { background: #fff; margin-bottom:35px; } #boxBottom { background: #fff; } #boxMenu { background: #f8f8f8; padding:10px 0; } #boxValidation, #boxPaie { background: #fff; } #boxTop { background: #fff; margin-bottom:25px; } #boxBrochure { background: #fff; } #boxFinBrochure { background-repeat: no-repeat; background-position: center top; background-image: url(../img/bg-module-bottom-shadow.png); margin-bottom:0px; height:25px; } .plan { position: absolute; top: 0; left: 0; width: 100%; } .no-js .plan { top: -235px; } .plan img { position: absolute; } .mozaique { position: absolute; top: 100px; left: 10%; width: 470px; } .mozaique .mozaique-box { float: left; width: 146px; height: 146px; margin: 5px; } #push-box { position: absolute; top: 50%; left: 10%; margin-top: -55px; width: 210px; height: 110px; padding-bottom: 50px; overflow: hidden; z-index: 5; } #push-title { position: absolute; left: 0; bottom: 5px; text-align: center; text-transform: uppercase; color: #191919; width: 80%; margin: 0 10%; font-size: 12px; /*font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif;*/ } .blackBckg #push-title { color: #fff; } #layer-box { position: absolute; top: 50%; left: 0; margin-top: -65px; width: 100%; height: 230px; z-index: 25; background: #fff; padding-top: 40px; } .layer-title { float: left; width: 245px; margin-right: 40px; text-align: left; } .layer-title h2 span { display: block; font-size: 25px; font-weight: normal; /*color: #2a2b2f;*/ color: #191919; line-height: 30px; margin: 0; } .layer-title h2 { font-size: 40px; font-weight: normal; /*color: #2a2b2f;*/ color: #191919; line-height: 36px; margin: 0; text-transform: uppercase; } .layer-title p { font-size: 14px; line-height: 20px; } .layer-content { float: left; width: 665px; height: 230px; overflow: hidden; } .ie7 .layer-content { position: relative; } .layer-image { float: left; width: 190px; height: 100%; margin-right: 50px; } .layer-text { margin-top: -13px; text-align: left; } .layer-slideshow-wrapper { position: relative; margin: 0 auto; width: 214px; height: 200px; } .gift-box { margin: 0 auto; width: 178px; height: 178px; border: 1px solid #e8e8e8; overflow: hidden; } .video-box { display: block; margin: 15px auto 0; width: 178px; height: 160px; overflow: hidden; text-align: center; text-decoration: none; color: #191919; } .layer-step { position: relative; width: 100%; height: 142px; } .step-box { /*position: relative;*/ float: left; width: 140px; height: 140px; margin: 0 5px; border: 1px solid #e8e8e8; } .step-box:hover { border-color: #BDA050; } .step-text { display: none; position: absolute; top: 100%; left: 50%; margin-left: -230px; width: 460px; z-index: 30; } .step-box:hover .step-text { display: block; } .step-text h4 { font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif; font-size: 18px; font-weight: normal; line-height: 20px; color: #bda050; margin: 10px 40px 0; padding-bottom: 5px; border-bottom: 1px solid #F6F0E7; } .ie7 .step-text p { margin: 5px 0; } .layer-content .slideshow-arrow-prev.horizontal { left: -225px; top: 50%; margin-top: -40px; width: 11px; height: 18px; background: url('../img/previous.gif') no-repeat left top; } .layer-content .slideshow-arrow-next.horizontal { right: -225px; top: 50%; margin-top: -40px; width: 11px; height: 18px; background: url('../img/next.gif') no-repeat left top; } .add-link { position: absolute; bottom: 10px; right: 15px; color: #191919; text-decoration: none; } .add-link img { vertical-align: bottom; } #push-box .slideshow li { background: none; } #push-box .slideshow-arrow-prev.horizontal { left: 0; top: 100%; margin-top: -23px; width: 11px; height: 18px; background: url('../img/previous.gif') no-repeat left top; } #push-box .slideshow-arrow-next.horizontal { right: 0; top: 100%; margin-top: -23px; width: 11px; height: 18px; background: url('../img/next.gif') no-repeat left top; } /* VISIT US PAGE */ #tabBox { position: relative; width: 100%; overflow: hidden; } #tabBox.visit-page { height: 720px; } #tabBox.event-page { height: 608px; } #tabBox .tabTitle { position: absolute; top: 20px; left: 0; z-index: 20; width: 100%; color: #fff; font-size: 30px; line-height: 33px; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ font-weight: normal; } #tabBox .blackTitle { color: #000; } #tabBox .bckg { position: absolute; left: 50%; top: 0; margin-left: -640px; width: 1280px; height: 100%; z-index: 5; } #tabBox .tab-wrapper { position: absolute; top: 130px; left: 50%; width: 815px; margin-left: -407px; background: #fff; z-index: 20; } .visit-page .tab-content { height: 528px; } .event-page .tab-content { height: 450px; } #tabBox .tab-list { display: block; position: relative; height: 65px; margin: 0; padding: 0; list-style-type: none; } #tabBox .tab { display: inline-block; margin: 0; padding: 0; height: 100%; font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif; font-size: 15px; line-height: 15px; color: #be9f57; text-transform: uppercase; vertical-align: middle; letter-spacing: 1px; } .ie7 #tabBox .tab { display: inline; zoom: 1; } .tab a { display: block; height: 35px; padding: 15px 10px; background: #fbf2ed; color: #be9f57; text-decoration: none; } .tab .anchor { background: #8f703b; color: #fff; } .tab a:hover, .tab.active a { background: #fff; color: #191919; } #tabBox .tab-content { position: relative; /*font-family: 'AvenirLTStd55Roman', Arial, sans-serif;*/ color: #191919; /*font-size: 14px;*/ } .visit-page .tab-content { height: 463px; } .event-page .tab-content { height: 385px; } #tabBox .guest { color: #be9f57; line-height: 30px; } #tabBox h3 { color: #be9f57; font-size: 22px; font-weight: normal; margin: 30px 0 20px; } #tabBox h4 { color: #be9f57; font-size: 18px; font-weight: normal; margin: 30px 0 20px; } #tabBox .no-margin { margin: 10px 0; } #tabBox p { line-height: 20px; } #tabBox .tab-content a { color: #191919; } .small-break { margin: 10px 0; } .column-small { float: left; width: 280px; margin: 20px; } .column-wide { float: left; width: 475px; margin: 20px 0; text-align: left; } .event-page .column-small { width: 443px; } .event-page .column-wide { width: 312px; margin: 20px 0 0; } #tabBox .column-title { margin-bottom: 0; } .carte { position: relative; margin: 35px auto; width: 540px; text-align: left; } .carte-line { margin-top: 30px; clear: both; } .dot-line { border-bottom: 1px dotted #be9f57; height: 13px; } .carte-plat { float: left; text-align: left; background: #fff; padding: 0 5px; } .carte-prix { float: right; text-align: right; color: #be9f57; background: #fff; padding: 0 5px; } .carte-plat-info { clear: both; margin: 0; padding: 0 5px; } .wrapper-map { position: relative; margin: 20px auto; width: 385px; height: 145px; background: #151515; color: #909090; text-align: left; } .wrapper-map .gmap-box { float: left; width: 165px; height: 100%; } .wrapper-map .gmap-info { padding: 10px 10px 10px 180px; } .gmap-info address { font-style: normal; font-size: 13px; } .fullbrowser-picto { width: 54px; height: 65px; background: #fff; position: absolute; bottom: 0; left: 10%; line-height: 54px; } .touch .fullbrowser-picto { display: none; } .fullbrowser-picto a { display: block; width: 100%; height: 100%; } .ie7 .fullbrowser-picto img { margin-top: 17px; } .event-page .fullbrowser-picto { width: 54px; height: 54px; background: #fff; position: absolute; bottom: 65px; left: 20px; line-height: 54px; } #sectionBox { width: 100%; } #section-form { /*color: #565656;*/ color: #191919; margin: 10px auto; width: 550px; } .section-form { width: 100%; /*border-collapse: separate; border-spacing: 20px 15px;*/ text-align: left; margin-bottom: 30px; } .section-form td { padding: 8px 10px; } .section-form .checkboxLabel { margin-right: 20px; } .form .select-min .stylized-select-wrapper { width: auto; margin-right: 15px; } .form .select-min .stylized-select { padding-right: 20px; } .form .width-define { width: 275px; } .form .width-define2 { width: 330px; } .form .width-define3 { width: 310px; } .form .width-define4 { width: 200px; } #event-message, #visit-message { height: 100px; } .width275 { width: 275px; } .ui-datepicker-trigger { vertical-align: top; } .ui-datepicker-notice { border-top: 1px solid #E7E1D1; text-align: center; font-size: 10px; padding: 5px 15px; } .inline-list { margin: 0; padding: 0; } .inline-list li { display: inline-block; margin-right: 30px; } .ie7 .inline-list li { display: inline; zoom: 1; } .toupper { text-transform: uppercase; } .center-text { padding: 0 80px; } .newsletter-checkbox .checkboxLabel { text-transform: none; letter-spacing: 0px; vertical-align: 5px; font-size: 12px; } .newsletter-checkbox .checkboxLabel a { color: #191919; font-size: 11px; } .webkit .newsletter-checkbox .checkboxLabel { vertical-align: -1px; } /* UNSUBSCRIBE PAGE */ #unsubscribe-form { margin: 0 0 40px; color: #191919; } .unsubscribe-form { margin: 0 auto; /*border-collapse: separate; border-spacing: 35px 15px;*/ text-align: left; margin-bottom: 30px; } .unsubscribe-form td { padding: 8px 17px; } /* MOET BRINGS YOU PAGE */ .linkBox { position: relative; width: 100%; overflow: hidden; height: 345px; margin: 0 0 10px; } .linkBox a { text-decoration: none; } .link-texte { display: table; position: relative; width: 100%; height: 100%; z-index: 1; color: #191919; } .blackBckg .link-texte, .blackBckg .link-texte h3 { color: #fff; } .link-texte .cell { /* Centrage vertical */ display: table-cell; vertical-align: middle; height: 345px; } .bkgd { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .link-texte h2 { font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif; font-size: 34px; font-weight: normal; text-transform: uppercase; letter-spacing: 4px; } .link-texte h3 { font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif; font-size: 17px; font-weight: normal; text-transform: uppercase; letter-spacing: 3px; } .link-texte .MChr { background: #fff; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #7f7f7f; } .ie7 .cell { display: inline; zoom: 1; } .ie7 .wrapper-valign { display: inline; zoom: 1; vertical-align: middle; } .ie7 .hack-valign { display: inline-block; zoom: 1; height: 100%; width: 0px; vertical-align: middle; } /* PRESSE CONTACT */ #flashcontent { margin: 0 auto; } #presse_contact { margin: 30px auto 0; text-align: left; } #presse_contact thead { text-transform: uppercase; } #presse_contact thead td { border-bottom: 1px solid #7f7f7f; } #presse_contact td { height: 30px; border-bottom: 1px solid #7f7f7f; vertical-align: middle; padding-right: 80px; } ul#presse_contact_add { margin-left: 18px; margin-top: 40px; text-align: left; list-style: none; } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } .hiddenOFF { display: block !important; visibility: visible; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear { clear: both; } /* ==|== media queries ====================================================== PLACEHOLDER Media Queries for Responsive Design. These override the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ } @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ } @media handheld { /* Règles CSS pour les mobiles */ } @media only screen and (device-width: 768px) { /* For general iPad layouts */ } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .margin-top { margin-top: 50px; } #box4 ul { list-style-type: none; padding-left: 0px; } /*Test Viviane*/ #HomeTexte{ position: absolute; top: 125px; left: 285px; } #HomeTexte h1{ text-transform: uppercase; color: white; font-size: 34px; text-align: center; margin-bottom: 0px; margin-top: 3px; } #HomeTexte h2{ text-transform: uppercase; color: #ba9a47; font-size: 15px; text-align: center; margin-top: 0px; } #HomeTexte p{ color: white; font-size: 12px; text-align: center; text-transform: none; font-family: 'AvenirLTStd55Roman',Arial,sans-serif; } #HomeTexte nav ul{ text-align: center; margin-top: 30px; } #HomeTexte nav li a{ background-color: white; text-decoration: none; color: black; padding-bottom: 3px; padding-left: 2px; padding-right: 6px; } #HomeTexte nav li { margin-bottom: 20px; } /* Mood&Food */ .roll { position: absolute; bottom: 0; left: 0; width: 100%; height: 174px; background: #1d1d1d; display: none; color: white; } .mix-module .slideshow-arrow-prev.horizontal { display: block; position: absolute; left: 20px; top: 50%; margin-top: -23px; width: 45px; height: 45px; background: url('../img/arrow-left.png') no-repeat left top; z-index: 15; } .mix-module .slideshow-arrow-next.horizontal { display: block; position: absolute; right: 20px; top: 50%; margin-top: -23px; width: 45px; height: 45px; background: url('../img/arrow-right.png') no-repeat left top; z-index: 15; } .mix-module ul { list-style-type: none; padding: 0; } .slideshow-champ { left: 0; list-style-type: none; overflow: hidden; top: 0; width: 100%; position: absolute; } .slideshow-champ .active { z-index: 10; } /* Mood & Food Style */ #moduleHeader { margin-top:15px; text-align:center; } .mix-module li { list-style-type: none; background: #fff; } nav #footer-breadcrumbNav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } #footer-breadcrumbNav ul { display: inline-block; list-style-type: none; margin: 0; padding: 0 ; } #footer-breadcrumbNav .empty { border-top: 0px; padding: 0; } #footer-breadcrumbNav li { display: inline-block; margin: 0; height: 100%; line-height: 40px; text-transform: uppercase; font-size: 8px; letter-spacing: 0.5px; padding: 0 5px 0 14px; background: url('../img/arrow_right.png') no-repeat left center; color: #a3a3a3; } .ie6 #footer-breadcrumbNav ul, .ie7 #footer-breadcrumbNav ul, .ie6 #footer-breadcrumbNav li, .ie7 #footer-breadcrumbNav li { /* INLINE-BLOCK HACK IE6-7 */ display: inline; zoom: 1; vertical-align: top; } #breadcrumb .root { padding-left: 0; background: none; } #breadcrumb h1 { font-weight: normal; font-size: 10px; margin: 0; padding: 0; } #breadcrumb a { color: #a3a3a3; text-decoration: none; } #breadcrumb a:hover { color: #191919; } #footer-options { text-align: center; margin: 0; height: 100%; line-height: 40px; text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; color: #191919; } #footer-options a { color: #a3a3a3; text-decoration: none; } #footer-options a:hover { color: #191919; } .footer-pipe { display: inline-block; height: 10px; border-left: 1px solid #a3a3a3; border-right: 1px solid #a3a3a3; text-indent: -999em; overflow: hidden; /* pour masquer le texte */ vertical-align: middle; margin: 0 10px 3px 10px; padding-top: 1px; } /*#footer-partage li{ display: inline-block; margin: 0; height: 100%; text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; color: #191919; } #footer-partage ul{ text-align: left; padding-left: 0px ; display: inline-block; }*/ #footer-partage .item{ float: right; } #share-box-footer { margin: 10px 0 0 5px; } .slidesContainer { margin:0 auto; width:324px; height:442px; overflow: auto; /* affiche une scrollbar au cas ou */ position:relative; margin-top: 10px; } .slidesContainer .slide { margin:0 auto; width:324px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */ height:442px; } .leftControl { top:0; left:0; background:transparent url('../img/left_arrow.png') no-repeat 0 0; z-index: 5; } .rightControl { top:0; right:0; background:transparent url('../img/right_arrow.png') no-repeat 0 0; } .slidesContainer { margin:0 auto; width:324px; height:442px; overflow: auto; /* affiche une scrollbar au cas ou */ position:relative; margin-top: 10px; } .slidesContainer li { margin:0 auto; width:324px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */ height:442px; text-align: center; } .control { margin: 45px 15px 0 15px; display:block; width:15px; height:11px; text-indent:-10000px; position:absolute; cursor: pointer; } .slidesContainer h3 { font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif; text-transform: uppercase; color: #be9f57; margin: 0; padding: 0; font-size: 11px; font-weight: normal; letter-spacing: 1px; } .slidesContainer h2 { font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif; text-transform: uppercase; color: #fff; margin: 0; padding: 0; font-size: 18px; font-weight: normal; letter-spacing: 1px; margin: 0 40px; } #learn { text-align: left; padding: 0 5px 0 14px; background: url('../img/arrow_right.png') no-repeat left center; color: #fff; text-decoration: none; } .select-button { background-image: url('../img/checkbox-mood.png'); background-position: -0px 0px; height: 22px; width: 24px; background-repeat: no-repeat; margin-top: 15px; margin-left: -12px; position: absolute; cursor: pointer; } .select-on { background-image: url('../img/checkbox-mood.png'); background-position: -24px 0px ; height: 22px; width: 24px; background-repeat: no-repeat; margin-left: -12px; position: absolute; cursor: pointer; } .pages { margin-top: 10px; } .select-text { font-family: 'CopperplateGothicTL-RomanCn', Copperplate Gothic Light, sans-serif; text-transform: uppercase; color: #be9f57; font-size: 15px; font-weight: normal; letter-spacing: 1px; } #intro { position: relative; height: 30px; width: 972px; opacity: 0.60; -moz-opacity: 0.60; -khtml-opacity: 0.60; filter: alpha(opacity=60); background-color: #000; margin-top: -30px; text-align: center; color: white; } #intro p { margin-top: 7px; }