/* * jQuery UI CSS Framework 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.15 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* @override http://www.santoni.co.uk/css/master.css http://jmateo-graudagde.santoni.co.uk/css/master.css */ /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ============================================================================= HTML5 element display ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Force vertical scrollbar in non-IE * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html {height:100%;font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; } body {height:100%; margin: 0; padding: 0; font-size: 13px; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } ::-moz-selection { background: #017599; color: #fff; text-shadow: none; } ::selection { background: #017599; color: #fff; text-shadow: none; } a { color: #02e4ff; } a:visited { color: #551a8b; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } 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%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } label { cursor: pointer; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } iframe{ border:0; } /* // ========================================== \\ || || || I. GENERAL || || || \\ ========================================== // */ /*body{ background: url(../images/bg-site.jpg) repeat-x fixed center top #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }*/ body{ background: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* 1.1 Fontes ----------------------------------------------------------------------------------------------------*/ /* 2011 CrossBrowser Bulletproof @font-face Synthax de Fontspring */ @font-face { font-family: 'CicleFina'; src: url('webfonts/Cicle_Fina-webfont.eot'); src: url('webfonts/Cicle_Fina-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Cicle_Fina-webfont.woff') format('woff'), url('webfonts/Cicle_Fina-webfont.ttf') format('truetype'), url('webfonts/Cicle_Fina-webfont.svg#CicleFina') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CicleGordita'; src: url('webfonts/Cicle_Gordita-webfont.eot'); src: url('webfonts/Cicle_Gordita-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Cicle_Gordita-webfont.woff') format('woff'), url('webfonts/Cicle_Gordita-webfont.ttf') format('truetype'), url('webfonts/Cicle_Gordita-webfont.svg#CicleGordita') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CicleSemi'; src: url('webfonts/Cicle_Semi-webfont.eot'); src: url('webfonts/Cicle_Semi-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Cicle_Semi-webfont.woff') format('woff'), url('webfonts/Cicle_Semi-webfont.ttf') format('truetype'), url('webfonts/Cicle_Semi-webfont.svg#CicleSemi') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProSemibold'; src: url('webfonts/SourceSansPro-Semibold-webfont.eot'); src: url('webfonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/SourceSansPro-Semibold-webfont.woff') format('woff'), url('webfonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'), url('webfonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProRegular'; src: url('webfonts/SourceSansPro-Regular-webfont.eot'); src: url('webfonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/SourceSansPro-Regular-webfont.woff') format('woff'), url('webfonts/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('webfonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg'); font-weight: normal; font-style: normal; } /* 1.1 Hierarchie de titres ----------------------------------------------------------------------------------------------------*/ /* Reset des titres pour le ref */ h1,h2,h3,h4,h5,h6{ font-size:100%; font:inherit; margin:inherit; } .heading1 { margin: 0 0 .5em; color: #626262; font: normal 31px/1.231 'CicleFina', sans-serif; /*padding-left:40px; background: transparent url(/images/med-rarrow.png) no-repeat 0 50%;*/ letter-spacing: 0;-moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; } .heading2 { margin: .5em 0; color:#017599; font: 17px/1.231 'CicleGordita', sans-serif; text-transform:uppercase; } .heading3 { margin: .5em 0; color:#017599; font: 18px/1.231 'CicleGordita', sans-serif; text-transform:uppercase; letter-spacing: 1px; } .heading4 { margin: .5em 0 .3em; color:#fff; font: 15px/1.231 'CicleGordita', sans-serif; } .heading5 { color:#484848; font: 14px/1.231 'CicleGordita', sans-serif; text-transform:uppercase; } .heading6 { color:#333; font: 17px/1.231 'CicleGordita', sans-serif; margin:1.2em 0 .4em; } .heading7 { color:#484848; font: bold 15px/1.231 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform:uppercase; margin-bottom: 18px;-moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; } header div.heading5 { color:#484848; font: 13px/1.8 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform:uppercase; margin-bottom: 18px;-moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; } .smaller{ font-size:95%; } /* Personalisation */ #sidebar .heading1{ color:#017599; padding-left:0; font-size:23px; background: none;} #sidebar .heading4{ font-size:17px; } .page-content-alt .heading5{ color:#fff; } .page-form{ padding: 5px 20px 10px; border: 2px solid #fff; background: url(../images/bg-white40.png) #e5e5e5;-moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; } .page-form .heading3{ color:#fff; font: 18px/44px 'CicleGordita', sans-serif; background:transparent url(/images/bg-form-heading.png) no-repeat 0 0; height:48px; text-transform:uppercase; position: relative; margin-left: -30px; padding-left:20px; } .page-form .heading3 img{ vertical-align: top; padding: 14px 10px 0 0; } .page-form .heading4{ color: #51565a; font: 17px/44px 'CicleGordita', sans-serif; /*background:transparent url(/images/alt-rarrow.png) no-repeat 0 50%;*/ height: 38px; border-bottom: 3px solid #dcdcdc; text-transform:uppercase; /*padding-left:30px;*/ padding-bottom: 0; margin-bottom: 15px; letter-spacing: 1px; } /* 1.3 Autres ----------------------------------------------------------------------------------------------------*/ /* Share */ .share{} .share ul{ margin:0; padding:0; list-style: none; } .share li{ float:left; margin-right: 10px; } .share li a{ display:block; } .button-onglet{ background:transparent url(/images/bg-button-onglet.png) no-repeat top right; height: 50px; line-height: 50px; white-space: nowrap; } .button-onglet a:link, .button-onglet a:visited{ background-color:#017599; color:#fff; display:block; height:50px; margin-right: 45px; padding-left:15px; font: 17px/50px 'CicleGordita', sans-serif; text-shadow: 0 1px 1px #000; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .button-onglet a:hover, .button-onglet a:active{ color:#444; text-shadow: 0 1px 1px #fff; } /* Titres Onglets */ .titre-onglet{ display:inline-block; height:48px; margin:5px 0 20px -43px; background: transparent url(/images/bg-titre-onglet.png) no-repeat top left; font: 16px/40px 'CicleGordita', sans-serif; color:#fff; text-shadow: 0 1px 0 rgba(0,0,0,.4); } .titre-onglet div{ height:48px; line-height:40px; padding-right:20px; margin-left:10px; background: transparent url(/images/bg-titre-onglet.png) no-repeat bottom right; } .titre-onglet img{ padding-right: 5px; } .page-masque .titre-onglet{ margin-left:-38px; margin-bottom: 10px; } #sidebar .titre-onglet{ margin: 10px 0 5px -26px; font: 13px/40px 'CicleGordita', sans-serif; text-transform: uppercase; letter-spacing: .2em; } #sidebar .titre-onglet div{ padding-left: 15px; } .home-services .titre-onglet{ position: absolute; z-index: 9999; } a.cross-link:link, a.cross-link:visited{ color:#606060; background:#e8e8e8 url(/images/bg-crosslink.png) no-repeat 100% 0; font: 13px/30px 'CicleGordita', sans-serif; padding:8px 26px 8px 12px; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } a.cross-link:hover, a.cross-link:active{ color:#e8e8e8; background:#606060 url(/images/bg-crosslink.png) no-repeat 100% -30px; font: 13px/30px 'CicleGordita', sans-serif; padding:8px 26px 8px 12px; text-transform: uppercase; } /* Bouttons */ ul.buttons{ margin:0; padding:0; list-style:none; font-size:10px; text-transform:uppercase; color:#fff; } .button{ display:inline-block; height: 28px; line-height: 28px; margin-right:10px; background: transparent url(/images/bg-button.png) no-repeat top left; font-size: 10px; text-transform:uppercase; color:#fff; letter-spacing: 1px; } .button.blue{ display:inline-block; height: 28px; line-height: 28px; margin-right:10px; background: transparent url(/images/bg-button-blue.png) top left; font-size: 10px; text-transform:uppercase; color:#fff; letter-spacing: 1px; } .button > div{ height: 28px; line-height: 28px; margin-left:6px; padding-left:4px; background: transparent url(/images/bg-button.png) no-repeat bottom right; } .button > div > span{ display: block; padding-right: 10px; height: 22px;} .button > div > span > a{ display: block; } .button.blue div{ height: 28px; line-height: 28px; margin-left:4px; padding-left:4px; background: transparent url(/images/bg-button-blue.png) no-repeat bottom right; } .button span:hover{ color: #c9c9c9; cursor:pointer; } .button span:active{ position:relative; top:1px; } .button a:hover{ background:none; color: #c1c1c1; } /* Pictos (Pour les bouttons) */ .ico-back{ padding:2px 5px 2px 10px; display: inline-block; margin-right: 10px; color: #95b2bb; -moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: 14px; } .ico-back:hover{ color:#fff; cursor:pointer; background-color: #1c405a; } .ico-back:active{ position:relative; top:1px; } .ico-back:active{ position:relative; top:1px; } .ico-selection{ background: transparent url(/images/bg-pictos-all.png) no-repeat 0 7px; padding:0 0 2px 20px; } .ico-detail{ background: transparent url(/images/bg-pictos-all.png) no-repeat 0 -14px; padding:0 0 2px 20px; } .ico-envoyer{ background: transparent url(/images/bg-pictos-all.png) no-repeat 0 -36px; padding:2px 0 2px 24px; } .ico-imprimer{ background: transparent url(/images/bg-pictos-all.png) no-repeat 0 -64px; padding:0 0 2px 24px; } .ico-calc{ background: transparent url(/images/bg-pictos-all.png) no-repeat -3px -90px; padding:0 0 2px 18px; } .ico-vider{ background: transparent url(/images/bg-pictos-all.png) no-repeat 0 -139px; padding:2px 0 2px 18px; } .ico-prev{ background: transparent url(/images/bg-pictos-all.png) no-repeat -2px -159px; padding:2px 0 2px 18px; } .ico-next{ background: transparent url(/images/bg-pictos-all.png) no-repeat 4px -179px; padding:2px 0 2px 18px; } .ico-maximize{ background: transparent url(/images/bg-pictos-all.png) no-repeat -2px -198px; padding:2px 0 2px 22px; } .ico-facebook{ background: url(/images/bg-pictos-all.png) no-repeat 0 -257px transparent; padding:0 0 2px 20px; } .ico-calendar{ background: url(/images/bg-pictos-all.png) no-repeat -1px -237px transparent; padding: 0 0 0 20px;height: 23px;} /* Dialog */ #DialogFriend, #DialogFriendAnnonce, #DialogFriendSelection, #DialogVideo{ width:500px; } #DialogCalc{ width:700px; } #DialogAlertOk, #DialogAlertErr, #DialogFriendOk, #DialogFriendErr{ width:400px; } /* Dialog SANTONISSIMO */ #DialogSantonissimo{ width:670px; } .flyer .ui-dialog-titlebar { display: none; } .flyer .ui-dialog-buttonset { display: none; } /* Assombrissement */ .ui-widget-overlay{ background: #000 !important; opacity: 0.7 !important; } .ui-dialog{ padding:10px; background:#eee !important; color:#444; border-radius: 0 !important; box-shadow: 0 0 20px rgba(0,0,0,0.4); } .ui-widget-content{ border:none !important; color:#444; } .ui-dialog .form-critere{ margin-bottom: 5px; font-size:12px; } /* header de la box */ .ui-widget-header{ background:none; border:none !important; color:#333 !important; } .ui-dialog-titlebar{ padding-bottom: 10px !important; margin-bottom: 5px !important; border-bottom: #ccc 1px solid !important; border-radius: 0 !important; } /*.ui-dialog-titlebar .ui-icon-closethick{ background: transparent url(/images/slider-controls.png) no-repeat -11px -230px; } .ui-dialog-titlebar .ui-icon-closethick:hover{ background: transparent url(/images/slider-controls.png) no-repeat -50px -230px; } .ui-dialog-titlebar .ui-state-hover { background: none; border-color:#282828; }*/ /* footer de la box */ .ui-dialog-buttonpane{ background-image: none !important; background-color: transparent !important; } /* Tableaux */ #content table { width: 100%; margin-bottom: 18px; padding: 0; border-collapse: separate; *border-collapse: collapse; /* IE7, collapse table to remove spacing */ font-size: 13px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #content table th, #content table td { padding: 10px 10px 9px; line-height: 18px; text-align: left; } #content table th { padding-top: 9px; font-weight: bold; vertical-align: middle; border-bottom: 1px solid #ddd; } #content table td { vertical-align: top; } #content table th + th, #content table td + td { border-left: 1px solid #ddd; } #content table tr + tr td { border-top: 1px solid #ddd; } #content table tbody tr:first-child td:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } #content table tbody tr:first-child td:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } #content table tbody tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } #content table tbody tr:last-child td:last-child { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; } #content .zebra-striped tbody tr:nth-child(odd) td { background-color: #f9f9f9; } #content .zebra-striped tbody tr:hover td { background-color: #f5f5f5; } /* // ========================================== \\ || || || II. HEADER || || || \\ ========================================== // */ /* 2.1 Header ----------------------------------------------------------------------------------------------------*/ header#top{ height:175px; width:100%; position:absolute; z-index:970; } .header-container{ width:960px; margin:0 auto; position: relative; } .header-content{ padding-bottom: 25px; text-align: left; margin-top: 5px; } #header-logo{ position:absolute; left:-10px; top:0px; } .access-menu{ width:600px; padding:10px 0 0; font: 14px 'CicleGordita', sans-serif; text-transform:uppercase; } .access-menu ul{ text-align: center; } .access-menu li{ display: inline-block; text-shadow: 0 1px 1px rgba(0,0,0,.3)} .access-menu li a{ display:block; padding:5px 10px; margin: 0 10px;} .access-menu li a:link, .access-menu li a:visited{ color:#fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .access-menu li a:hover, .access-menu li a:active{ color:#017599; background: none; } /* Coordonnees */ .top-coords{ padding:40px 0 15px; height:20px; line-height: 20px; } .top-coords-content{ padding:0 40px; } .top-coords li{ display: inline-block; font: 13px/20px 'CicleGordita', sans-serif; margin-right: 6px; padding-left: 12px; background: transparent url(/images/puce-carre.png) no-repeat 0 50%; text-transform: uppercase; } .top-coords li:first-child{ padding-left: 0; background: none; } /* Ref */ .header-ref-h1{ margin-left: 310px; height:35px; line-height: 35px; color:#000; font-size: 11px; font-weight: bold; text-align: right; white-space: nowrap; overflow:hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */ filter: alpha(opacity=30); /* IE 5-7 */ -moz-opacity: 0.3; /* Netscape */ -khtml-opacity: 0.3; /* Safari 1.x */ opacity: 0.3; /* Good browsers */} .header-ref-h1 h1,.header-ref-h1 span{ font-size: 10px; margin:0; display:inline;} /* AffTableau Défilant */ .header-ref-h1 ul{ display:block; width:100%; height:100%; list-style: none; padding:0; margin:0; overflow: hidden; position: relative; } .header-ref-h1 ul li{ display:block; position:absolute; top:0; left:0; height:100%; white-space: nowrap; } .header-ref-h2{ width: 240px; height: 152px; position:absolute; top:0px; left: 40px; color:#fff; color:#fff; font-weight: bold; overflow: hidden; } .header-ref-h2 h2{ font-size: 11px; margin:0; } /* 2.2 Espace Vendeur / Acheteur ----------------------------------------------------------------------------------------------------*/ .top-boxes{ position: absolute; top: 78px; right: 0; text-align: right; font-size:0; } .topbox{ display:inline-block; height:42px; width:160px; padding-left: 30px; background: transparent url(/images/bg-topbox.png) no-repeat 0 0; margin-right: 20px; font: bold 11px/42px 'CicleGordita', sans-serif; text-transform: uppercase; } .topbox-content{ height:100%; background: transparent url(/images/bg-topbox.png) no-repeat 100% -42px; padding-left: 5px; text-align:left; text-shadow: 0 1px 1px rgba(0,0,0,0.4); } .topbox-content strong{ font: bold 19px/42px 'CicleGordita', sans-serif; text-transform: none; } .topbox-content a:link strong, .topbox-content a:visited strong{ color:#fff; } .topbox-content a:hover, .topbox-content a:active{ background:none; } .topbox-content a:hover strong, .topbox-content a:active strong{ color:#017599; } /* 2.3 Menus principaux ----------------------------------------------------------------------------------------------------*/ .first-menu{ margin-left: 305px; margin-top: 15px; } .first-menu ul{ font-size: 0; margin:0; text-align: right; } .first-menu li{ display: inline-block; font: normal 12px/30px 'SourceSansProRegular', sans-serif; color: #000000; text-transform: uppercase;-moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; letter-spacing: 1px; } .first-menu li.first a{ padding-left: 5px !important; } .second-menu{ margin-left: 310px; } .second-menu ul{ font-size: 0; margin:0; padding-left: 0px; text-align: right; } .second-menu li{ display: inline-block; font: normal 12px/60px 'SourceSansProRegular', sans-serif; color: #000000; text-transform: uppercase;-moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; letter-spacing: 1px; } .second-menu li.first a{ padding-left: 5px !important; } .second-menu li.maselection a:link{ padding-right: 0px; } /* Btn Menus -------------------------------------------------------------------------*/ .first-menu li a:link, .first-menu li a:visited{ padding: 10px 10px; background: transparent url(/images/bg-header-menu-items.png) no-repeat 0 -70px; color:#000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .second-menu li a:link, .second-menu li a:visited{ padding: 10px 25px; background: transparent url(/images/bg-header-menu-items.png) no-repeat 0 -70px; color:#000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .first-menu li a:hover, .first-menu li a:active, .second-menu li a:hover, .second-menu li a:active{ background: url(/images/bg-header-menu-items.png) no-repeat 0 -35px transparent; color:#000; } .first-menu li img{ margin: 5px 10px 10px 0px; } .first-menu li.btn-recrutement{ color: #fff; padding: 2px 5px; background: none; } .first-menu li.btn-recrutement a:link, .first-menu li.btn-recrutement a:visited{ color: #fff; -moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000; background: none #19435f; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .first-menu li.btn-recrutement a:hover{ background: none #366e93; } .first-menu li.first a:link, .first-menu li.first a:visited, .second-menu li.first a:link, .second-menu li.first a:visited { background: url(/images/bg-header-menu-items.png) no-repeat -10px -70px;} .first-menu li.first a:hover, .first-menu li.first a:active, .second-menu li.first a:hover, .second-menu li.first a:active { background: url(/images/bg-header-menu-items.png) no-repeat -10px -35px;} /* 2.4 SuperFish jQuery Menu ----------------------------------------------------------------------------------------------------*/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin:0; padding: 0; list-style: none; } .sf-menu { text-align: center; } .sf-menu ul { position: absolute; top:-999em; width:600px; /* left offset of submenus need to match (see below) */ padding-top:8px; background:transparent url(/images/bg-header-menu.png) no-repeat 0 2px; } .sf-menu ul li { float:left; display:block; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float:left; position: relative; } .sf-menu li.current a:link, .sf-menu li.current a:visited{ background:#fff; color:#017599; /* Meme couleur BG que le sf-menu a:link */} .sf-menu li.current a:hover, .sf-menu li.current a:active{ background:#fff; color:#017599; /* Meme couleur BG que le sf-menu a:link */} .sf-menu a:link { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 45px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top:0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 600px; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { } .sf-menu a:link, .sf-menu a:visited { color:#fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .sf-menu a:hover, .sf-menu a:active { background: #fff; color:#017599; } .sf-menu li { } .sf-menu ul { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */ filter: alpha(opacity=90); /* IE 5-7 */ -moz-opacity: 0.9; /* Netscape */ -khtml-opacity: 0.9; /* Safari 1.x */ opacity: 0.9; /* Good browsers */ } /* Hover de premier niveau */ .sf-menu li.sfHover a:link, .sf-menu li.sfHover a:visited{ background:#fff; color:#017599; } /* Hover deuxieme niveau */ .sf-menu li.sfHover li a:link, .sf-menu li.sfHover li a:visited{ background:none; color:#333; } .sf-menu li.sfHover li a:hover{ background:#e5e5e5; color:#222; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent:-999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /* // ========================================== \\ || || || III. SIDEBAR || || || \\ ========================================== // */ /* 3.1 Sidebar ----------------------------------------------------------------------------------------------------*/ #sidebar{ float:left; width:280px; background: url(../images/bg-side-form.jpg) no-repeat 0 0 #1f5778; padding-bottom: 50px; min-height: 417px; margin-bottom: 15px; } #sidebar-container{ } .sidebar-content{ } .liste .side-vignette, .detail .side-vignette{ margin: 0 0 20px 50px; } .ico-back{ margin-top: 15px; margin-left: 25px; } /* Fiche detail */ .side-agence-title{ font: bold 17px/1 'CicleGordita', sans-serif; color:#ddd; margin: 30px 0px 10px 0px; } /* Ma sélection */ .maselection{ margin-right: 0px; padding-right: 0px; } .header-maselection-nb{ display:inline-block; width:14px; padding: 2px 5px; font: 10px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; color:#fff; background: url(/images/bg-maselection-nb.png) no-repeat 1px 3px transparent; } .maselection a:link, .maselection a:visited{ text-decoration: none; } .maselection a:hover, .maselection a:active{ background:none; text-decoration: none; } .maselection a:link strong, .maselection a:visited strong{ text-decoration: none; color:#fff } .maselection a:hover strong, .maselection a:active strong{ background:none; text-decoration: none; } /* 3.1 Sidebar ALT ----------------------------------------------------------------------------------------------------*/ #sidebar-alt{ float:left; width: 275px; background: url(../images/bg-sidebar-alt.png) no-repeat right 10px; padding-bottom: 130px; height: 100%; } #sidebar-alt-container{ background: url(../images/bg-side-alt-deco.png) no-repeat 0px 15px; } .sidebar-alt-content{ padding: 55px 0px; } .sidebar-alt-content .heading1 { color: #767f85; padding-right: 50px; text-align: right; } ul.sidebar-alt-content-menu { padding: 0px 0px 0px 0px; margin: 40px 0px 0px 0px; list-style: none; } ul.sidebar-alt-content-menu li{ text-align: right; font: 15px/2 Arial, Helvetica, Geneva, sans-serif; } ul.sidebar-alt-content-menu li.two-lines{ text-align: right; font: 15px/1 Arial, Helvetica, Geneva, sans-serif; } ul.sidebar-alt-content-menu li a{ color: #5f5f5f; padding-right: 50px; display: block; background: url(../images/bg-sidebar-alt-menu.png) repeat-x 0 -100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;-moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff;} ul.sidebar-alt-content-menu li.two-lines a{ padding: 5px 50px 5px 0px; } ul.sidebar-alt-content-menu li a:hover{ background: url(../images/bg-sidebar-alt-menu.png) repeat-x 0 -50px; } ul.sidebar-alt-content-menu li.current a{ color: #fff; background: url(../images/bg-sidebar-alt-menu.png) repeat-x 0 0px; -moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000; } /* 3.4 Coordonnées ----------------------------------------------------------------------------------------------------*/ /*Agence */ .side-agence{ color:#eee; } .side-agence-detail{ padding: 65px 0px 15px 20px; background: url(/images/bg-side-agence.png) repeat-x 0 0 #ebebeb; margin: 95px 20px 15px 20px; font-size: 12px; line-height: 18px; -moz-box-shadow: 0 1px 6px #1a2b38; -webkit-box-shadow: 0 1px 6px #1a2b38; box-shadow: 0 1px 6px #1a2b38; } .side-agence .heading5, .side-agence-detail .heading5{ color: #1a415e; font: 18px/1.231 'CicleGordita', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.3); margin-bottom: 5px; } .side-agence-coords{ } .side-agence-coords ul, .side-agence-coords li{ margin: 0; padding: 0; list-style: none; } .side-agence-coords li{ line-height: 14px; } .side-agence-coords a{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .side-agence-coords a:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;} .side-agence-photo { text-align: center; margin: -120px 0px 15px -20px; background: url(../images/bg-side-agence-photo.png) no-repeat center bottom; } .side-agence-photo img{ -moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; border: 3px solid #ffffff; } /*Agent*/ .side-agent{ color:#eee; } .side-agent-detail{ padding: 25px 0px 15px 15px; background: url(/images/bg-side-agence.png) repeat-x 0 0 transparent; margin: 15px 20px; font-size: 12px; line-height: 18px; -moz-box-shadow: 0 1px 6px #1a2b38; -webkit-box-shadow: 0 1px 6px #1a2b38; box-shadow: 0 1px 6px #1a2b38; } .side-agent .heading5, .side-agent-detail .heading5{ color: #1a415e; font: 18px/1.231 'CicleGordita', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.3); margin-bottom: 5px; } .side-agent-coords{ } .side-agent-coords ul, .side-agent-coords li{ margin: 0; padding: 0; list-style: none; } .side-agent-coords li{ line-height: 14px; } li.side_agent_nom { padding-top: 10px; } .side-agent-coords li.side_agent_photo img { float: left; margin-left: 0px; margin-right: 5px; margin-bottom: 10px; border: 2px solid #ffffff;-moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; width:72px; } .side-agent-coords a{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .side-agent-coords a:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;} /* Side site Ville */ .side-site-ville{ background: url(/images/bg-side-agence.png) repeat-x 0 0 transparent; margin: 15px 20px; font: 18px 'CicleFina', sans-serif } .side-site-ville-content{ background: url(../images/alt-rarrow.png) no-repeat 215px center; padding: 15px 30px 15px 15px; } .side-site-ville a{ display: block;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .side-site-ville a:hover{ color: #1a415e !important; } span.site-ville-nom { font: 22px 'CicleGordita', sans-serif } /* // ========================================== \\ || || || IV. CONTENT || || || \\ ========================================== // */ /* 4.1 Conteneur central ----------------------------------------------------------------------------------------------------*/ #global{ z-index: 0; position: relative; } #main-container{ padding-top: 180px; /* Sticky Footer */ padding-bottom: 0; } .liste #content, .detail #content, .listeneuf #content{ background: transparent url(/images/bg-page-inner-home.png) repeat-x 50% 0; padding: 0; } .listeneuf .liste-display-all-title { margin-top: 20px; } .selection #content{ } #content{ width:960px; padding: 0px 0 5px; margin: 0 auto; background: url(/images/bg-white80.png) repeat 50% 0 transparent; } .home #content{ padding: 15px 0 15px 0;) } /* Pages non génériques (accueil, detail, liste) */ .home .page{ padding-top:0; width: 925px; } .page{ float:left; width:925px; margin-left: 20px; } .page-inner{ } .detail .page-generique{ width: 680px; padding: 0; margin:0 0px 0 0; } /* Pages génériques (le reste) */ .page-generique{ float:left; width: 630px; margin-right: 25px; padding: 50px 0 40px 30px; min-height: 480px; } .page-generique a:link{ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .page-generique .heading2{ letter-spacing: 0; color: #535353; border-bottom: 1px solid #dadada; font-weight: normal; text-transform: none; font: normal 24px/1.231 'CicleFina', sans-serif; } .page-generique{ font-size: 12px; line-height: 21px; text-align: justify; } .page-content{ background: #fff; padding:20px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); min-height:395px; } .page-content ul{ padding-left:0; list-style: none; } .page-content li{ padding-left: 20px; background:transparent url(/images/bullet.png) no-repeat 0 0; } .page-content-alt{ min-height:430px; } .page-content-alt li{ padding-left: 20px; background:transparent url(/images/puce-carre.png) no-repeat 5px 5px; } /*Colonne Droite */ .page-colonne-droite { float: right; width: 234px; margin: 0px 0px 15px 25px; font-size: 11px; line-height: 18px; padding: 4px 17px 17px; text-align: left; -moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; background: url(../images/bg-bloc-contenu.jpg) no-repeat #e7e7e7; } .numero-certif-iso { font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; letter-spacing: 2px; color: #635353; } .page-colonne-droite .heading3 { font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background-color: #ececec; padding: 5px; color: #5c5c5c; border-bottom: 1px solid #FFF; letter-spacing: 3px; } .page-colonne-droite ul { margin: 0; padding: 0; list-style: none; } .page-colonne-droite li { border-bottom: 1px solid #dadada; padding: 3px 0px; } span.pourcent { font-size: 22px; color: #929292; letter-spacing: -1px; font-variant: normal;-moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; }/*bloc contenu*/ .contenu-bloc { background: url(../images/bg-bloc-contenu.jpg) no-repeat left top #e7e7e7; padding: 20px 20px 10px; } .contenu-bloc .heading3{ margin: .5em 0; color: #5d6366; font: 26px/1 'CicleFina', sans-serif; text-transform: none; letter-spacing: 0; text-align: left; } .btn-video-santoni { padding: 20px 0px 5px 0px; margin-bottom: 10px; border-bottom: 1px dotted #979797; } /*Temoignages*/ .temoignages-all-title { border-bottom-style: solid; border-bottom-color: #e3e2de; margin: 30px 0 .5em; color: #626262; font: normal 25px/1.231 'CicleFina', sans-serif; /*padding-left:40px; background: transparent url(/images/med-rarrow.png) no-repeat 0 50%;*/ letter-spacing: 0;-moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; } span.NbTem { color: #017599; font-size: 28px; } .btn-recrut { margin-top: -50px; margin-bottom: 10px; -moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; border: 3px solid #315b7b; } /*Parrainage*/ .contenu-bloc-parrainage { background: url(../images/bg-bloc-contenu.jpg) no-repeat left top #e7e7e7; padding: 20px 20px 10px; float: left; width: 240px; height: 100px; margin-top: 20px; } .contenu-bloc-parrainage .heading3{ margin: .5em 0; color: #5d6366; font: 23px/1 'CicleFina', sans-serif; text-transform: none; letter-spacing: 0; text-align: left; } div.contenu-bloc-parrainage.tel { margin-right: 20px; } /*Annonces recrutement*/ .news-liste-title{ margin: 1em 0 0 0; color:#017599; font: 150% 'CicleGordita', sans-serif; } .recrutement-annonces .news-liste-title { margin: 0; color: #707070; font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; } .recrutement-annonces .news-liste-container { margin-bottom: 10px; padding-bottom: 5px; } /*Temoignages recrutement*/ .btn-recrut { margin-top: -50px; margin-bottom: 10px; -moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; border: 3px solid #315b7b; } .temoignages-recrut { background: url(../images/bg-bloc-contenu.jpg) no-repeat left top #e7e7e7; padding: 24px; margin-bottom: 20px; } .temoignages-recrut-photo { float: right; background-color: #ededed; -moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; padding: 20px; width: 142px; margin: 20px; line-height: 16px; text-align: center; } .temoignages-recrut-photo img{ -moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; border: 3px solid #ffffff; margin-bottom: 10px; } /*Contenu Liste*/ .contenu-list { line-height: 19px; margin: 0; padding: 0; } .contenu-list ul { margin: 0 0 0 30px; padding: 0 0 0 20px; } .contenu-list p{ margin: 5px 0px 0px; padding: 0px; } .contenu-list .heading3{ margin: 15px 0px 8px 0px; padding: 0px; border-bottom: 2px solid #dedede; } /*Contenu Liste Etapes*/ .contenu-list-etape{ line-height: 18px; margin: 0; padding: 0; } .contenu-list-etape ul { margin: 0 0 0 0; padding: 0; list-style: none; } .engagements strong { font-size: 13px; color: #1c4d6b; } .engagements.contenu-list-etape li { border-bottom: 1px dotted #DDD; padding-bottom: 8px; } .contenu-list-etape li { clear: left; padding: 2px 0px; margin-bottom: 10px; } .contenu-list-etape span.number { padding: 6px; color: #FFF; width: 18px; font: normal 15px/1 'CicleGordita', sans-serif; display: block; text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; float: left; margin-right: 10px; background:transparent url(../images/bg-black20.png); margin-bottom: 15px; } .marge-liste {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 40px;} /*bookimmo*/ ul.bt-bookimmo { list-style: none; margin: 0; padding: 0; } ul.bt-bookimmo li { float: left; margin: 0px 20px; } .main-content-demicol{ float:left; width:50%; } .main-content-littlecol{ float:left; width:100px; } .mention-formulaire{ color: #5c5c5c; font-size: 10px; margin: 15px 0; line-height: 19px; margin-top: 50px; } .ill-contenu{ border: 3px solid #ffffff;-moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; } .rotate{ -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } .ill-contenu.right{ float: right; margin-left: 20px; } /*Lexique*/ .lexique-nav { margin-top: 20px;} .lexique-nav ul, .lexique-nav li { margin: 0; padding: 0; list-style: none; } .lexique-nav li { float: left; background: transparent url(/images/bg-header-menu-items.png) no-repeat 0 -70px; padding: 0px 10px; } .lexique-nav li a {color: #838383; } .lexique-nav li.current a {font-weight: bold; border-bottom: 3px solid #898989; color: #000000; } .lexique-letter { clear: both; color: #626262; font: normal 51px/1.231 'CicleFina', sans-serif; float: left; margin-top: -5px; margin-right: 20px; } .lexique-content h1 { clear: both; margin-top: 20px; font-weight: bold; margin-bottom: 0px; } .lexique-content p {margin-top: 0px; } /*Pages Services*/ ul.services-widgets{ margin: 0; padding: 0; list-style: none; clear: both; } .services-widgets li a{ float: left; display: block; width: 138px; height: 140px; margin-right: 10px; font: 26px/23px 'CicleFina', sans-serif; color: #fff; padding: 30px; margin-bottom: 10px; } .service-type { display: block; text-transform: uppercase; letter-spacing: 2px; font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-bottom: 1px solid #fff; color: #3f3f3f; margin: 20px 0px 10px 0px; padding-bottom: 10px; } .services-widgets li a.acquereur { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background: url(../images/bg-service-acq.jpg) 0 0; } .services-widgets li a.acquereur:hover{ background: url(../images/bg-service-acq.jpg) 0px -20px; } .services-widgets li a.vendeur { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background: url(../images/bg-service-pro.jpg) 0 0; } .services-widgets li a.vendeur:hover{ background: url(../images/bg-service-pro.jpg) 0px -20px; } /* Widgets Bottom ----------------------------------------------------------------------------------------------------*/ #widgets-bottom { margin: 10px 20px -15px 20px; clear: both; } /*#widgets-bottom ul{ margin: 0; padding: 0; list-style: none; }*/ #widgets-bottom div a{ float: left; width: 175px; height: 178px; margin: 0px 11px 0px 0px; color: #FFF; -moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000; border-top: 1px solid #555555; } #widgets-bottom div.last a{ margin: 0px 0px 0px 0px; } #widgets-bottom div.bleu a:link, #widgets-bottom div.bleu a:visited{ background: transparent url(../images/widgets-bottom-bleu.png) no-repeat 0 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #widgets-bottom div.bleu a:hover{ background: transparent url(../images/widgets-bottom-bleu.png) 0 -60px; } #widgets-bottom div.vert a:link, #widgets-bottom div.vert a:visited{ background: transparent url(../images/widgets-bottom-vert.png) no-repeat 0 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #widgets-bottom div.vert a:hover{ background: transparent url(../images/widgets-bottom-vert.png) 0 -60px; } #widgets-bottom div.gris a:link, #widgets-bottom div.gris a:visited{ background: transparent url(../images/widgets-bottom-gris.png) no-repeat 0 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #widgets-bottom div.gris a:hover{ background: transparent url(../images/widgets-bottom-gris.png) 0 -60px; } .widget-title { padding: 25px 0px 20px 0px; } .widget-btn { padding: 0px 0px 0px 15px; margin-left: 20px; background: url(../images/plus-blanc.png) no-repeat left 2px; } span.widget-santoni-txt { margin-left: -15px; } .widget-santoni.gris .widget-btn { margin-left: 15px; } /* Top Acces Direct */ #top-access { } #top-access ul, #top-access li{ list-style: none; margin: 0; padding: 0; } #top-access li{ float: left; } #top-access hr{ height: 1px; margin: 0; padding: 0; color: #FFF; background-color: #FFF; border: 0; } #top-access li{ background: url(../images/bg-top-access.png) no-repeat right top; } #top-access li a{ display: block; height: 50px; text-decoration: none; padding-left: 35px; font: 18px/50px 'CicleGordita', sans-serif; color: #96a6b5; text-transform: uppercase; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000; background: url(../images/bg-top-access-item.png) no-repeat center 70px; letter-spacing: 1px; } #top-access li a:hover{ color: #fff; background: url(../images/bg-top-access-item.png) no-repeat center -40px; } #top-access li a.top-access1{width: 200px; padding-left: 80px;} #top-access li a.top-access2{width: 120px;} #top-access li a.top-access3{width: 200px;} #top-access li a.top-access4{width: 260px; padding-left: 30px;line-height: 5px;} #top-access li a.top-access4.current{ background: url(../images/bg-top-access-item.png) no-repeat center -40px; color: #FFF; } #top-access li a.top-access4 .btn-confiez-ligne1 { display: block; padding-top: 20px; } #top-access li a.top-access4 .btn-confiez-ligne2 { display: block; padding-top: 0px; font: 10px "Arial", Helvetica, Geneva, sans-serif; letter-spacing: 5px; } #top-access li.last, #top-access li.first{ background-position:left; } #top-access li.none{ background-position:left; } #top-access li.active, #top-access li.active a{ background-image:none; color: #FFF; } #top-access li.active a:hover{ color: #FFF; } /*Deco Menu et moteur liste */ .vente{ background: url(../images/bg-moteur-vente.jpg) no-repeat left top #e3e1e0 !important; } .location{ background: url(../images/bg-moteur-location.jpg) no-repeat left top #ede7db !important; } .locationsaison{ background: url(../images/bg-moteur-location-vacances.jpg) no-repeat left top #ece8e5 !important; } .commerce{ background: url(../images/bg-moteur-commerce.jpg) no-repeat left top #e2e1dd !important; } .neuf{ background: url(../images/bg-moteur-neuf.jpg) no-repeat left top #e7e6e2 !important; } .santonissimo{ background: url(../images/bg-moteur-santonissimo.jpg) no-repeat left top #e3e1e0 !important; } .santonissimo{ background: url(../images/bg-moteur-santonissimo.jpg) no-repeat left top #e3e1e0 !important; } /*Message Santonissimo */ /*Masquage par defaut*/ .message-santonissimo { display: none; } /*Affichage page santonissimo*/ .santonissimo .message-santonissimo { display: block; padding: 5px 10px 5px 15px; margin-bottom: 10px; margin-left: 10px; background: url(../images/bg-white20.png) repeat 0 0 transparent; -moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; } .message-santonissimo-btn { float: right; margin-right: 20px; margin-left: 10px; cursor: pointer; } .message-santonissimo p{ color: #102938; font-size: 13px; margin-top: 0px; margin-bottom: 20px } .message-santonissimo-title { font-weight: bold; color: #173850 !important; font-size: 16px !important; margin-top: 20px !important; margin-bottom: 5px !important; text-transform: uppercase; letter-spacing: 1px;-moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; } .message-santonissimo-title img { margin-top: -10px; margin-left: 5px; } /* Menu Loc Saison */ .bt-loc-saison-1, .bt-loc-saison-2, .bt-loc-saison-3{ float: left; height: 200px; margin-left: 30px; width: 170px; } div.bt-loc-saison-proprietaire { text-align: center; padding-top: 5px; } .bt-loc-saison-1{ margin-left: 145px; } .bt-loc-saison-1 a:link, .bt-loc-saison-2 a:link, .bt-loc-saison-3 a:link{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bt-loc-saison-1 a:hover, .bt-loc-saison-2 a:hover, .bt-loc-saison-3 a:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } /* 4.2 Home ----------------------------------------------------------------------------------------------------*/ /* Acces direct Home */ #home-access { margin-bottom: 15px; } #home-access ul, #home-access li{ list-style: none; margin: 0; padding: 0; } #home-access li{ float: left; background-image: url(../images/bg-home-acces.jpg); } #home-access hr{ height: 1px; margin: 0; padding: 0; color: #FFF; background-color: #FFF; border: 0; } #home-access li a{ display: block; width: 201px; height: 60px; text-decoration: none; padding-top: 190px; padding-left: 10px; padding-right: 20px; font: 20px/1 'CicleGordita', sans-serif; color:#000; text-transform: uppercase; -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; background-image: url(../images/bg-home-acces-effet.png); background-position: 0px 0px; background-repeat: repeat-x; } .btn1{ animation-delay:100ms, 500ms; -moz-animation-delay:100ms, 500ms; /* Firefox */ -webkit-animation-delay:100ms, 500ms; /* Safari and Chrome */ -o-animation-delay:100ms, 500ms; /* Opera */ } .btn2{ animation-delay:200ms, 750ms; -moz-animation-delay:200ms, 750ms; /* Firefox */ -webkit-animation-delay:200ms, 750ms; /* Safari and Chrome */ -o-animation-delay:200ms, 750ms; /* Opera */ } .btn3{ animation-delay:300ms, 1000ms; -moz-animation-delay:300ms, 1000ms; /* Firefox */ -webkit-animation-delay:300ms, 1000ms; /* Safari and Chrome */ -o-animation-delay:300ms, 1000ms; /* Opera */ } .btn4{ animation-delay:400ms, 1250ms; -moz-animation-delay:400ms, 1250ms; /* Firefox */ -webkit-animation-delay:400ms, 1250ms; /* Safari and Chrome */ -o-animation-delay:400ms, 1250ms; /* Opera */ } #home-access li.btn1{ background-position: 0 0; background-color: #cdc2b5; } #home-access li.btn2{background-position: -238px 0; background-color: #e3dacb;} #home-access li.btn3{background-position: -468px 0; background-color: #e3dfde;} #home-access li.btn4{background-position: -699px 0; background-color: #e2ddd7;} #home-access li a span{ font: 16px/1 'CicleFina', sans-serif; color: #767676; } #home-access li a.home-access1, #home-access li a.home-access2, #home-access li a.home-access3, #home-access li a.home-access4 { background-position: 0px 370px; } #home-access li a:hover.home-access1, #home-access li a:hover.home-access2, #home-access li a:hover.home-access3, #home-access li a:hover.home-access4{ background-position: 0 -100px; padding-top: 180px; height: 70px; } #home-access li a:active.home-access1, #home-access li a:active.home-access2, #home-access li a:active.home-access3, #home-access li a:active.home-access4{ background-position: 0 -200px; padding-top: 180px; height: 70px; } /* Moteur Home */ .home-search{ padding-top: 0; margin-bottom: 30px; width: 546px; float: left;-moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; border: 1px solid #fff; background: url(../img_fr/bg-home-search.png) no-repeat 10px center #e9e8e7; height: 160px; } .uk .home-search{ background-image: url(../img_uk/bg-home-search.png); } .home-search-content{ padding:0 20px 20px 50px; } .home-search .form-critere-ope{ padding: 35px 0 15px 50px; margin:0; text-transform: uppercase; } .home-search .form-critere-ope label{ font: 22px/1 'CicleFina', sans-serif; color:#000; } .home-search .form-critere-ope li:first-child{ margin-right: 20px; } .home-search .form-rubrique{ font-size: 13px; line-height: 1; } .home-search .form-submit-container{ position:absolute; bottom: -50px; right: 0px; } /* Recalibration des custom radio */ .home-search .form-critere-ope .custom-radio{ background-position: 0 -74px; } .home-search .form-critere-ope .custom-radio-checked{ background-position: 0 -112px; } .home-search .form-critere-title-left{ width: 60px; } .home-search .custom-select-container{ width:185px; } .home-search .form-critere{ float: left; width: 235px; } .home-search .form-critere-content{ width: 160px; float:left; } /* Home Slideshow */ .home #sidebar{ width: 365px; min-height: inherit; margin-left: 10px; padding: 0; background: none; } .home-services{ background: transparent url(/images/bg-home-slider.png) no-repeat 0 0; } .home-services .large-flap-container{ width:365px; height:160px; } .home-services .no-flap{ display: block; } .home-slider{ width: 365px; height: 160px; /* Width + Height pour le slide */ position:relative; background-color: gray; overflow: hidden; } .home-slider-container{ width:365px; height:160px; border: 1px solid #FFF; -moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; overflow: hidden; } .fr .home-slide1, .fr .home-slide2, .fr .home-slide3, .fr .home-slide4, { width:365px; height:160px; overflow: hidden; } .home-slide-prev, .home-slide-next{ width:35px; height:42px; position: absolute; top: 65px; cursor: pointer; z-index: 9700; } .home-slide-prev{ left: -1px; background: url(/images/home-slider-controls.png) no-repeat 0px 0px; } .home-slide-prev:hover{ background: transparent url(/images/home-slider-controls.png) no-repeat 0 -44px; } .home-slide-next{ right: -2px; background: transparent url(/images/home-slider-controls.png) no-repeat -40px 0; } .home-slide-next:hover{ background: transparent url(/images/home-slider-controls.png) no-repeat -40px -44px; } /* Vignette home */ .home-featured{ } .home-featured .large-flap-container{ width:230px; height:265px; overflow:hidden; } .home-featured .no-flap{ display: block; } .home-vignette{ float:left; width:190px; height:225px; padding: 20px; margin-bottom: 10px; background: transparent url(/images/bg-home-vignette.png) no-repeat 0 0; position: relative; } .home-vignette-img-frame{ background:#fff; width:180px; padding:5px; box-shadow: 0 0 5px rgba(0,0,0,.25); } .home-vignette-img-frame img{ width:180px; height:130px; } .home-vignette-content{ color:#eee; } .home-vignette-link{ text-align: right; margin-top: -15px; font-size:11px; text-transform: uppercase; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,.5); } .home-vignette-link a{ padding:2px 22px 2px 0; } .home-vignette-link a:link, .home-vignette-link a:visited{ background: transparent url(/images/round-rarrow.png) no-repeat 100% 2px; color:#ccc; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .home-vignette-link a:hover, .home-vignette-link a:active{ background: transparent url(/images/round-rarrow.png) no-repeat 100% -18px; color:#017599; } .home-vignette-title{ margin-top: 15px; text-shadow: 0 1px 0 #fff; } .home-vignette-famille{ color:#999; font: 12px/1 'Helvetica Neue' Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .05em; } .home-vignette-ville{ color:#666; font: 17px/19px 'CicleGordita', sans-serif; } .home-vignette-price{ color: #017599; font: bold 12px/1 'Helvetica Neue' Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .05em; margin-top: 10px;} /* Ribbon Sur la vignette d'accueil */ .home-ribbon{ position: absolute; top:-3px; left:-3px; width: 111px; height: 85px; z-index: 9999; } /* Vignette Vendeur */ .home-vignette-alt{ float:left; width:230px; height:265px; margin: 0 0 10px 20px; } /* Edito */ .home-edito{ margin-top: 20px; } .home-edito p{ margin: .5em 0 } .home-edito .more{ text-align: right; } .home-edito .heading2{ font: 22px/1 'CicleGordita', sans-serif; text-transform: none; color:#000; padding-bottom: 10px; background: transparent url(/images/bg-home-edito-title.png) no-repeat 100% 100%; margin-bottom: 10px; } .side-slider{ width: 220px; height: 370px; /* Width + Height pour le slide */ position:relative; background-color: gray; margin-top: 60px; margin-bottom: 0; margin-left: 25px; overflow: hidden; } .side-slider-container{ width:220px; height:370px; border: 1px solid #FFF; -moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; overflow: hidden; overflow: hidden; } .side-slide-prev, .side-slide-next{ width:35px; height:42px; position: absolute; top: 195px; cursor: pointer; z-index: 9700; } .side-slide-prev{ left: -1px; background: url(/images/home-slider-controls.png) no-repeat 0 0; } .side-slide-prev:hover{ background: transparent url(/images/home-slider-controls.png) no-repeat 0 -44px; } .side-slide-next{ right: -2px; background: transparent url(/images/home-slider-controls.png) no-repeat -40px 0; } .side-slide-next:hover{ background: transparent url(/images/home-slider-controls.png) no-repeat -40px -44px; } /*Home Selections*/ #home-select { width: 94%; margin: 0; padding: 25px 3% 20px; position: relative; border-top: 1px solid #e8e8e8; color: #555656; background-color: #FFF; } #home-select .large-flap-container > div { width: 100%; overflow: hidden; text-align: center; } .home-select-defil-container { width: 100%; height: 100%; } .home-select-defil{height: 180px; width: 100%; overflow:hidden; position: relative;} .home-select-stamp { float: left; width: 18%; position: relative; height: 180px !important; margin: 0px 1%; text-align: center; } .home-select-stamp-content-title, .home-select-stamp-content-ville{ font-size: 11px;line-height: 13px; } .home-select-stamp-content-price{ position: absolute; left: 3px; background-color: #195c81; color: #FFF; font-weight: bold; font-size: 11px; top: 3px; padding: 4px 5px; } .home-select-stamp-photo{ width:100%; /*background: url(../images/vide_stamp.jpg) center 0 #d4d4d4;*/ border: 3px solid #fff;-moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; margin-bottom: 5px; overflow: hidden; } .home-select-stamp-photo img{ width:100%; } .home-select-title {font: 26px/1.231 'CicleFina', sans-serif;letter-spacing: 0;} .home-select-title span{ font: 14px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: normal; } #home-select .previous, #home-select .next{ position: absolute; width:17px; height:32px; background: transparent url(/images/home-select-arrow.png) no-repeat; cursor: pointer; top: 40px; } #home-select .previous{ left:15px; background-position: -11px -7px; } #home-select .previous:hover{ background-position: -11px -52px;} #home-select .next{ right:15px; background-position: -60px -7px; } #home-select .next:hover{ background-position: -60px -52px; } /* 4.3 Mode Liste (Texte) ----------------------------------------------------------------------------------------------------*/ .liste .page{ min-height: 600px } .ui-effects-transfer{ border:#000 2px dotted; } /* Alerte Email*/ .liste-create-alert{ background: url(/images/alerte-email-img.jpg) repeat-x 0 0 #1d506f; color:#fff; position:relative; box-shadow: 0px 2px 6px rgba(0,0,0,0.3); -moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000; z-index:2; } .liste-create-alert-img{ width:78px; background:#017599; text-align: right; float:left; display:inline; } .liste-create-alert-img img{ vertical-align: middle; } .liste-create-alert-content{ margin-left:40px; padding: 12px 0px ; } .liste-create-alert-content-title .heading3{ text-transform: none; font: 22px/1.231 'CicleFina', sans-serif; color: #01cee8; } .liste-create-alert-content-input{ position:absolute; bottom:10px; right:10px; } .liste-create-alert-content-input input{ vertical-align:middle; } .liste-create-alert-submit{ width:35px; height:36px; margin-left:5px; } /* Message Liste */ .liste-message{ background: url(../images/bg-photo-motif.jpg) repeat-x 0 0 #585b60; margin-bottom: 20px; color:#fff; position:relative; box-shadow: 0px 2px 6px rgba(0,0,0,0.3); -moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000; z-index:1; margin-top: -10px; padding: 15px 20px 5px 40px; height: 35px; overflow: h; } .liste-message-content { overflow: hidden; height: 30px; } .liste-message .message-slide1, .liste-message .message-slide2, .liste-message .message-slide3{ width: 900px; } .liste-message .heading3 { color: #ffffff; letter-spacing: 0px; margin-right: 10px ;float: left; font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .liste-message .texte { float: left; padding: 10px 0px; color: #bdbdbd; } .liste-message-btn { float: right; margin-right: 15px; margin-top: 5px; } /* Affichage de la liste */ /*btn afffiner la recherche */ .btn-modif-rech { margin-left: 8px; float: left; padding: 0px 8px 0px 8px; font: 14px/23px 'SourceSansProRegular', sans-serif; text-transform: uppercase; } .btn-modif-rech a:link, .btn-modif-rech a:visited{ color: #555c62; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .btn-modif-rech img{ margin: -5px 5px 0px 0px; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } .btn-modif-rech a:hover { color: #009dc6; } .btn-modif-rech a:hover img { -webkit-animation-name: rotate; -webkit-animation-duration: 0.5s; -webkit-transition-timing-function: linear; } .liste-display-all{ position:relative; min-height:400px; /* Min-height pour l'ajax loading */ } .liste-display-all-title{ padding-bottom: 15px; position:relative; padding-left: 0px; margin-right: 20px; margin-top: 10px; height: 20px; } .liste-display-all-nb{ color: #000; font: 22px 'CicleGordita', sans-serif; letter-spacing:1px; -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; text-transform: uppercase; float: left; } #NbBien{ color:#017599; } .liste-display-all-filters{ position: absolute; top:0; right:0; text-align: right; color:#fff; } .liste-display-all-filters ul{ margin:0; list-style: none; } .liste-display-all-filters ul li{ display:inline-block; margin-left: 10px; text-align: center; } .liste-display-all-filters ul li span{ display:block; width:50px; height: 23px; line-height: 23px; background: transparent url(/images/liste-filters.png) no-repeat 0 0; } .liste-display-all-filters ul li span:hover{ background: transparent url(/images/liste-filters.png) no-repeat 0 -23px; cursor: pointer; } .liste-display-all-filters ul li span:active, .liste-display-all-filters ul li span.active-sort{ background: transparent url(/images/liste-filters.png) no-repeat 0 -46px; cursor: default; } /* Page Selection */ .selection-actions{ position:absolute; top:0; right:0; } .buttons .SelectionOff span{ color:#888; background-position: 0 -113px; } .SelectionOff a:link{ color:#888 !important; } /* Bien de la liste */ .liste-bien-item{ background: url(../images/bg-black8.png); padding: 10px; margin-bottom: 15px; } .liste-bien-container{ background: #f4f4f4; box-shadow: 1px 1px 2px rgba(0,0,0,.4); position:relative; } .liste-bien-photo{ width:335px; float:left; /*display:inline; position: relative; IE6 BUG !!!!!!!!!! */} .liste-bien-photo-frame{ } .liste-bien-photo-effect{ position: absolute; top:0px; left:290px; width: 65px; z-index: 200; height: 255px; background: url(../images/bg-photo-liste.png) no-repeat right top; } .liste-bien-photo-frame img{ width: 355px; height:255px; vertical-align:middle;} .liste-bien-description{ margin-left:355px; padding:0px 45px 0px 40px; } .liste-bien-description-content { padding-top: 20px; } .liste-bien-title{ border-bottom: 1px solid #ddd; height: 30px; } .liste-bien-type{ text-transform: uppercase; font: 16px/1.231 'CicleSemi', sans-serif; color: #303739; text-shadow: 0 1px 0 #fff; letter-spacing: 2px; } div.liste-bien-actions { padding-top: 20px; } .v-sep{ padding: 0px 5px; } .liste-photo-extra { padding-top: 4px; } .liste-nb-photos { float: left; margin-left: 20px; color: #7d7d7d; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; padding-top: 4px; } .liste-visite-virtuelle { float: right; } .liste-bien-ville { text-transform: uppercase; font: 19px/1.231 'CicleGordita', sans-serif; color:#666; text-shadow: 0 1px 0 #fff; } .liste-bien-price{ color: #017599; font: 17px/1.231 'CicleGordita', sans-serif; letter-spacing: 1px; } .liste-bien-txt{ font-size: 11px; line-height: 19px; color:#444; margin:7px 0; } .liste-bien-actions .button{ margin: 0 0 0 8px; } .liste-bien-actions .button:first-child{ margin:0; } .liste-bien-ribbon{ position: absolute; top:-3px; left:-4px; } .liste-bien-ribbon a{display:block; height:100%; /* ribbon cliquable */} .detail-photo-container .liste-bien-ribbon{ position: absolute; /*top:8px; left:8px;*/ } /* Ribbons dans toutes les langues */ .fr .liste-bien-ribbon{ background: transparent url(/img_fr/bg-ribbons-all.png) no-repeat; } .uk .liste-bien-ribbon{ background: transparent url(/img_uk/bg-ribbons-all.png) no-repeat; } .ribbon-nouveau{ width: 120px; height: 90px; background-position: 0 -90px !important; } /*.ribbon-exclu{ width: 120px; height: 90px; background-position: 0 -180px !important; }*/ .ribbon-exclu{ width: 190px; height: 45px; background-position: 2px -520px !important; top: 203px; left: 160px; } .detail-photo-container .liste-bien-ribbon.ribbon-exclu{ width: 205px; height: 48px; background-position: 2px -602px !important; top: 350px; left: 470px; } .ribbon-compromis{ width: 120px; height: 90px; background-position: 0 -270px !important; } .detail-photo-container .liste-bien-ribbon.ribbon-compromis { width: 120px; height: 90px; background-position: 0 -715px !important; left: 571px; top: -5px; } .ribbon-baisse{ width: 120px; height: 90px; background-position: 0 -360px !important; } .ribbon-rappel{ width: 140px; height: 110px; background: url(../img_fr/ribbon-rappel.png) no-repeat !important; cursor:pointer; /* desactivation du bouton rappel en mode liste loc vacances */ display: none; } .liste-navpage-container{margin:20px 0 10px 0; padding:10px 36px; box-shadow: 0px 0 4px rgba(0,0,0,0.25); background-image: url(/images/bg-white30.png); color: #666666; } .liste-navpage-prev{ float:left; width:26px; } .liste-navpage-next{ float:right; width:26px; } .liste-navpage-trail{ margin:0 30px; text-align: center; color:#fff; } .liste-navpage-container .PageCli{ display:inline-block; width:26px; height:28px; line-height: 28px; text-align: center; cursor: pointer; color:#000; background: transparent url(/images/bg-white70.png); } .liste-navpage-container .PagePre, .liste-navpage-container .PageSui{ display:inline-block; width:26px; height:28px; line-height: 24px; text-align: center; cursor: pointer; color:#fff; background: transparent url(/images/bg-navpage-buttons.png) no-repeat; } .liste-navpage-container .PageTri{ padding-right: 20px; font-size: 85%; color:#fff; } .liste-navpage-container .PagePre:hover, .liste-navpage-container .PageSui:hover{ background-position: -27px 0; } .liste-navpage-container .PagePre:active, .liste-navpage-container .PageSui:active, .liste-navpage-container .PageCli:active{ background-position: -54px 0; } /* Page en cours */ .liste-navpage-container font b{ display:inline-block; width:26px; height:28px; line-height: 24px; text-align: center; background: transparent url(/images/bg-navpage-buttons.png) no-repeat -54px 0; } .nav-page-position{ font-size: 12px; font-weight:bold; margin-right:20px; color:#000; } /* Programme neuf */ .liste-prog-title{ margin-bottom: 10px; padding-top: 10px; } .liste-prog-type{ font-size:12px; font-weight: bold; color:#aaa; margin-bottom: 3px; text-transform: uppercase; } .liste-prog-ville { text-transform: uppercase; font: 18px/1.231 'CicleSemi', sans-serif; color: #303739; text-shadow: 0 1px 0 #fff; letter-spacing: 2px; border-bottom: 1px solid #ddd; height: 30px; } .liste-prog-date { color:#999; text-shadow: none; font-size: 12px; background: transparent url(/images/puce-carre.png) no-repeat 0 50%; padding: 3px 0 0 12px; text-transform: uppercase; } .liste-prog-price{ color: #017599; } .mention-inter-agence { color: #5c5c5c; font-size: 11px; font-style: italic; margin: 15px 0; } /* Ajax */ .LoadListe{ opacity:0.2; z-index:999; } #LoadingAjax{ background: transparent url(/images/loading.gif) no-repeat 50% 100%; height:160px; position:absolute; top:100px; left:0px; width:100%; } /* 4.5 Mode Detail ----------------------------------------------------------------------------------------------------*/ .detail-display{ padding:0px 0px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); } .detail-display-content{ background-image: url(../images/bg-white80.png); } .first-descr { margin-left: 5px; border-left: 3px solid #03b5d1; padding-left: 10px; color: rgba(255, 255, 255, 0.9); font: 19px/1 'CicleSemi', sans-serif; text-align: left;-moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; text-shadow: 0 0 2px rgba(0, 0, 0, 0.65); margin-bottom: 5px; } .detail-topnav{ margin: 0 0 10px 10px; padding: 10px 0; font-size: 11px; text-align: left; position: absolute; z-index: 990; width: 680px; } .detail-topnav .button{ margin-left:2px; } .detail-pre-sui-hidden{ display: none; } .detail-bottomnav{ margin-top: 20px; padding:9px; border:#dadada 1px solid; background:#efefef; position:relative; text-transform: uppercase; font-size:11px; } .detail-bottomnav .button{ margin:0; } .detail-bottomnav .detail-prev{ } .detail-bottomnav .detail-next{ float:right; } .detail-title{ position: relative; font: 22px/1 'CicleGordita', sans-serif; } .detail-title-type{ text-transform:uppercase; color:#4b4b4b; font-size:18px; letter-spacing:0.1em; } .detail-title-localisation{ } .detail-price{ color: #404e5a; font: 17px/1 'CicleGordita', sans-serif; margin: 7px 0; padding: 7px 0; border-top:#ccc 1px dotted; border-bottom:#ccc 1px dotted; } .detail-price .price-loc{ margin-top:5px; font: bold 10px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif; color:#aaa; text-transform: uppercase; } .detail-photo-container{ } .detail-photo-frame{ background:#eee; padding:12px; } .detail-photo-img img{ display:block; width:680px; height:370px; } .detail-photo-nav{ z-index:100; position:relative; } .photo-prev, .photo-next{ width:37px; height:37px; position: absolute; bottom:160px; } .photo-prev{ left:-16px; background: transparent url(/images/slider-controls.png) no-repeat 0 0; } .photo-prev:hover{ background: transparent url(/images/slider-controls.png) no-repeat 0 -39px; } .photo-next{ right:-16px; background: transparent url(/images/slider-controls.png) no-repeat -39px 0; } .photo-next:hover{ background: transparent url(/images/slider-controls.png) no-repeat -39px -39px; } .detail-photo-pagination{ margin-top:20px; } .detail-photo-pagination ul{ margin:0; padding:0; list-style: none; } .detail-photo-pagination ul li{ float:left; margin-right: 12px; } .detail-photo-pagination ul li img{ width:100px; height:72px; padding:3px; background:#e0e0e0; } .detail-bien-infos{ padding: 0px 20px 0px 20px; } .detail-bien-infos-title { padding-top:15px; padding-bottom:10px; font: 17px/1.231 'CicleGordita', sans-serif; letter-spacing: 2px; color: #4c4c4c; border-bottom: 3px solid #dadada; margin-bottom: 15px; text-transform: uppercase; } /* Video & Visite Detail */ .detail-bien-video-visite {padding-top: 15px;} .detail-bien-video-visite img{cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .detail-bien-video-visite img:hover{opacity: 0.75;} .detail-bien-video-visite .previsite { float: right; margin-top: -20px; padding-right: 60px;} .detail-bien-specs{ float: right; width: 180px; padding-left: 30px; } .detail-bien-specs ul{ margin:0; padding:0; list-style: none; } .detail-bien-specs ul li{ padding-left: 0px; font-size: 12px; border-top: 1px solid #dedede; padding-top: 8px; padding-bottom: 8px; } .detail-bien-specs ul li.ref-item{ padding-left: 0px; font-size: 11px; border-top: none; padding-top: 0px; padding-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; color: #8b8f91; } .detail-bien-specs ul li.price-all{ font: 17px 'CicleGordita', serif; color: #0097be; } .detail-bien-specs ul li.price-loc{ font: 14px 'CicleGordita', serif; color: #0097be; } .detail-bien-specs ul li.localite{ border-top: none; } span.bt_localite a{ font-size: 10px; text-transform: uppercase; color: #8b8b8b; background-color: #e3e3e3; padding: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } span.bt_localite a:hover{ color: #676767; background-color: #dbdbdb; } .detail-bien-cp, .detail-bien-ville, .detail-title-type { background: transparent url(/images/puce-barre.png) no-repeat 0 50%; padding-left:12px; margin-right:3px; } .detail-bien-desc{ color:#333; font-size: 12px; line-height:19px; margin:0px 0 10px 0; } /*.detail-bien-desc .lettrine:first-letter{ float:left; font: 44px/36px 'CicleGordita', serif; padding: 0 3px 0 0; }*/ .detail-annotation{ font-style: italic; font-size:11px; color:#bbb; } .detail-bien-likes-badges{ } .detail-bien-likes-badges ul{ margin:0; padding:0; } .detail-bien-likes-badges ul li{ margin-bottom:5px; padding:0; background: none;} .TxtVendu{ display:block; font-size:120%; padding:10px 10px 10px 40px; color:#e75858; margin-bottom:10px; font-weight: bold; text-transform: uppercase; background: #FDDFDE url(/images/error.png) no-repeat 15px 50%; } /* DPE */ .TitreDpe{ padding-top:15px; padding-bottom:10px; font: 17px/1.231 'CicleGordita', sans-serif; letter-spacing: 2px; color: #4c4c4c; border-bottom: 3px solid #dadada; margin-bottom: 15px; } .NrjGrad, .GesGrad { float:left; width:200px; height:200px; margin-right:20px; border:1px solid #CCC; } .DpeImage { z-index:100; width:200px; height:200px; position:absolute; } .DpeCursor { width:191px; height:50px; z-index:200; text-align:right; position:absolute; } .DpeNote { color:#fff; width:186px; height:39px; z-index:200; font-size:12px; font-weight:bold; text-align:right; position:absolute; padding:20px 10px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* Inactif */ .detail-photo-container-inactif{ background:#eee url(/images/logo-small.png) no-repeat 20px 50%; height:70px; padding:0 20px 0 150px; color:#666; } .detail-inactif-title{ font-size:13px; text-transform: uppercase; margin-bottom: 5px; color:#666; font-weight: bold; } /* 4.6 Toutes les autres pages du site ----------------------------------------------------------------------------------------------------*/ /* Contact */ .contact-form{ color:#eee; } .contact-infos-agence{ margin-bottom: 20px; padding-bottom: 10px; border-bottom: #ccc 1px solid; } /* Alerte */ .alertemail-form{ color:#eee; } /* 404 */ .error404-form{ } .input-error404{ width:552px; height:120px; margin-bottom: 20px; } /* 4.7 Page Agence ----------------------------------------------------------------------------------------------------*/ /* Masquage du detail en liste*/ #liste-agence .fiche-agence { display: none; } /* Masquage de la liste en detail*/ #fiche-agence .liste-agence { display: none; } /* Commun*/ .agence-nom { font: normal 21px/1.231 'CicleFina', sans-serif; margin-top: 10px; margin-bottom: 5px; border-bottom: 1px solid #DADADA; } .agence-nom-castan { font-size: 1.7em; } .agence-contact-bt a:link, .agence-contact-bt a:visited{ background-color: #bbbfc0; display: block; color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 1px 2px 8px; text-transform: uppercase; font-size: 9px; font-weight: bold; margin-bottom: 5px; width: 188px; } .agence-contact-bt a:hover{ background-color: #545b60; } .agence-contact-bt .agence-contact a { } .agence-photo img{ border: 6px solid #ffffff;-moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; } /* Mise en page de la liste*/ #liste-agence .liste-agence { float: left; width: 240px; padding: 15px 10px 20px 45px; margin: 10px;-moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; background-image: url(../images/bg-white50.png); height: 420px; font-size: 11px; line-height: 18px; } .agence-contact-bt { margin-top: 10px; } .liste-agence .agence-mail { display: none; } #liste-agence .liste-agence ul{ list-style: none; margin: 0; padding: 0; } #liste-agence .agence-photo { } /* Mise en page de fiche detail*/ #fiche-agence .fiche-agence { } #fiche-agence .fiche-agence ul{ list-style: none; margin: 0 0 0 5Px; padding: 0; } #fiche-agence .fiche-agence-col1{ float: right; width: 220px; height: 460px; padding-left: 25px; font-size: 11px; font-weight: bold; } #fiche-agence .fiche-agence-col1 ul li { border-bottom: 1px solid #dadada; padding: 5px 0px; } #fiche-agence .fiche-agence-col1 ul li.agence-contact-bt { border-bottom: none; padding: 15px 0px; } #fiche-agence .fiche-agence-col2{ border-right: 1px solid #dadada; float: left; width: 360px; padding-right:20px; text-align: justify; font-size: 12px; line-height: 20px; } #fiche-agence .ico-back { -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; float: right; margin-top: 5px; } #fiche-agence .ico-back:hover { color: #193e58; background-color: transparent; } #fiche-agence .agence-photo { margin-bottom: 10px; margin-top: 20px; } #fiche-agence .fiche-agence-col2 em{ font: 18px/1.231 'CicleFina', sans-serif; color: #878d90; } #fiche-agence #AgenceStreet { margin-top: 10px; } /* 4.7 Outils Financiers ----------------------------------------------------------------------------------------------------*/ .calc-container span{ padding:0 !important; /* Supprimer le padding sur le span hardcodé dans Libimmo */} .calc-leftcol{ float:left; width:67%; } .calc-rightcol{ float:left; width:33%; } #Result1, #Result2, #Result3{ text-align: center; font-size: 22px; } .calc-container .form-critere-title { float: left; width: 190px; } .calc-container .form-critere-content { float: left; width: 255px; } /* 4.8 Référencement ----------------------------------------------------------------------------------------------------*/ /* Pages de ref */ .ref-intro{ background:#efefef; padding:5px 20px 10px; margin-bottom: 10px; } .ref-leftcol{ float:left; width:230px; margin-right: 20px; } .ref-rightcol{ float:left; width:320px; } .ref-plan-liste ul{ margin: 0px; padding: 0px; border-bottom: 1px dashed #e0e0e0; padding-bottom: 15px; } .ref-plan-liste li{ float:left; width:280px; font-size: 11px; line-height: 1.1; padding: 0px 30px 0px 0px; list-style: none; margin-bottom: 0px; padding-left: 20px; background: transparent url(/images/bullet.png) no-repeat 0 4px; } .ref-plan-liste li a{ display: block; padding: 6px 4px; } .ref-plan-liste li a:hover{ color: #183d57; background-color: #e6e5e4; } .ref-plan-bloc{ margin-bottom:15px; padding-bottom:10px; border-bottom: #ddd 1px solid; } /* Detail Ville (R200) */ .detail-bien-localite-r200 a:link, .detail-bien-localite-r200 a:visited{ display:inline-block; padding:3px 5px 3px 24px; border:#ddd 1px solid; font: bold 10px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif; color:#444; background: #eee url(/images/bt-detailville.gif) no-repeat 0 50%; } .detail-bien-localite-r200 a:hover, .detail-bien-localite-r200 a:active{ color:#017599; } /* Plan */ .ref-plan-moteur{ float: right; margin: 0 0 20px 20px; } /* Mini Liste */ .liste-bien-ref-container{ background: #fff; padding:20px; position:relative; margin-bottom:10px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); } .liste-bien-ref-description{ } .liste-bien-key{margin-bottom:8px; background: no-repeat 100% 0 transparent; font: 11px/20px 'CicleGordita', sans-serif; display:inline-block; color: #7a7a7a; text-transform: uppercase; letter-spacing: 3px; } .liste-bien-ref-title{ text-transform: uppercase; font: 15px 'CicleGordita', sans-serif; margin:.5em 0; position: relative; } .liste-bien-ref-type, .liste-bien-ref-ville { } .liste-bien-ref-price{ position:absolute; top:0; right:0; color: #017599; font-weight: bold; font: 15px 'CicleGordita', sans-serif; } .liste-bien-ref-txt{ font-size:12px; line-height:1.5; color:#444; margin:5px 0; } /* Pied Ref */ .home #pied-ref-content{ padding: 0 0 7px 0; margin:0 0 7px 0; border-bottom:#666 1px solid; } /* Pied Ref Villes */ .pied-ref-villes{ padding: 7px 0 0 0; margin:7px 0 0 0; border-top:#666 1px solid; } .pied-ref-villes ul{ list-style: none; margin:0; padding:0; } .pied-ref-villes li{ display: inline-block; width:195px; /* Width fixe pour un affichage en colonne */ font-size: 11px; } /* Module de marquee */ .pied-ref-defil-title h1, .pied-ref-defil-title li, .pied-ref-defil-title .ref-more, .pied-ref-defil-title { color: #a9acae;text-align: justify;} .pied-ref-defil-title li{ list-style: none; } .pied-ref-defil-title .ref-more{ cursor: pointer; } .pied-ref-defil-text{ float:left; width:576px; color:#a9acae; font-size:11px; } .pied-ref-defil-text ul{ margin:0; padding: 0; list-style: none; } .pied-ref-defil-text ul li{ margin:.5em 0; padding-right: 20px; text-align: justify; } .pied-ref-defil-images{ float:left; width: 380px; color:#a9acae; padding-top: 10px;} .pied-ref-defil-images ul{ margin:0; padding:0; list-style: none; /* Styles pour le jQuery marquee */ height: 210px; width: 100%; overflow:hidden; position: relative; } .pied-ref-defil-images ul li{ margin:0; /* Styles pour le jQuery marquee */ position: absolute; top:999em; left:0; display: block; height:100%; width: 100%; overflow:hidden; } .marquee-photo{ width:80px; height:80px; float:left; } .marquee-content{ margin-left: 90px; font: normal 11px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif; color:#a9acae; } .marquee-content-title{ font-size: 11px; font-weight: bold; color:#a9acae; } .marquee-content-price{ color:#fff; font-weight: bold;} .marquee-content-desc{ font-size:11px; } .marquee .no-flap{ display:block; } .marquee .no-flap img{ width:80px; height:auto; } /* Module de Région */ .region-last-annonces{} .region-last-annonces ul{ margin: 0; padding: 0; list-style: none;} .region-last-annonces ul li{ padding:0; background: none; } .region-main-photo{ float:right; width:170px; height: auto; margin-left: 20px; } .region-annonces-container{ vertical-align:top; width:240px; display:inline-block; background:#f0f0f0; margin: 0 10px 10px 0; padding:5px; font-size:11px; min-height:90px; box-shadow: 0 0 4px rgba(0,0,0,.1)} .region-annonces-container .no-flap{ display: block; } .region-annonces-container .no-flap img{ width:70px; height:auto; } .region-annonces-container .region-annonces-photo{ width:70px; height:70px; float:left; } .region-annonces-container .region-annonces-content{ margin-left:80px; } .region-annonces-container .region-annonces-content-title{ font-weight: bold; text-transform: uppercase; } .region-annonces-container .region-annonces-content-price{ color:#017599; } .region-annonces-container .region-annonces-content-desc{ color:#666; padding: 3px 8px 3px 0; font-size: 10px; } #region-tabs .ui-tabs-panel{ padding:0; } #region-tabs .ui-tabs-nav li{ font: bold 10px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; } /* Annuaire */ .pied-ref-backlinks{ margin-top:7px; padding-top:7px; border-top: 1px solid #818385; } .pied-ref-backlinks ul{ list-style: none; margin: 0; padding:0; } .pied-ref-backlinks li{ display: inline-block; } .pied-ref-backlinks a:link{ white-space: nowrap; margin: 0 10px 0 0; padding-right: 14px; line-height:1.5; background: transparent url(/images/puce-barre-ref.png) no-repeat 100% 50%; } .annuaire-intro{ background:#eee; padding: 10px 20px; margin-bottom: 20px; font-size: 11px; color:#555; text-align: justify; } .annuaire-intro p{ margin:.5em 0; } .annuaire-inscription-button{ float:right; margin: 6px 0 20px 20px; display:block; } .annuaire-nb{ padding:1px 3px; font: bold 11px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999; text-transform: uppercase; margin-left: 5px;} .annuaire-fil-arianne{ font: 11px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; margin:5px 0 15px; border-bottom: #eee 1px solid; padding-bottom: 5px; color:#aaa; } .annuaire-categories{} .annuaire-categories h2, .ref-categories{ font: bold 12px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif; background:#eee; text-transform: uppercase; color:#666; padding: 3px 6px; border-radius: 2px; margin:2em 0 1em; } .annuaire-categories ul{ list-style: none; } .annuaire-categories ul li{ background: none; border-bottom: #eee 1px solid; margin-bottom: 7px; padding: 0 0 7px 0; } .annuaire-categories p{ font-size:11px; margin:.25em 0; border-left:#eee 6px solid; padding-left: 10px; } .annuaire-categories .annuaire_site_url{ border:none; padding:0; color:#999; } .annuaire-forminsc{ margin-top: 20px; } .annuaire-forminsc .legend{ color:#888; font: normal 11px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif; } .nbchar{ padding:1px 3px; background:#cbcbcb; font: bold 10px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; border-radius: 2px; } #selectAnnuaire{ border:#dadada 1px solid; width:100%; } #backlink{ height:50px; } .error{ background: #FDDFDE; border:#FBC7C6 1px solid; padding:10px 20px; } .success{ background: #D1EED1; border:#BFE7BF 1px solid; padding:10px 20px; } /* Page Contact R9 (Nuage d'annonces) */ .contact-nuage-annonce{ margin-top: 40px; } .ClassAnnonceNuage{ padding:0 0 5px 0 !important; margin:.5em 0; border-bottom: #eee 1px solid; font-size: 11px; } #TitreLocalisation{ padding:20px !important; background:#e5e5e5; margin-top: 20px; text-align: center; } #TitreLocalisation a{ display: inline-block; vertical-align:top; margin-bottom: 10px; } img.PhotoNuage{ display: block; max-width: 104px; height:auto; border:#fff 3px solid !important; } /* Elargir recherche */ .detail-elargir-recherche{ padding: 15px; } .ref-elargir-annonces{ font-size: 11px; } .ref-elargir-annonces ul{ margin:0 0 0 12px; padding:0; list-style: none; } .ref-elargir-annonces ul li{ margin-bottom: 4px; padding-bottom: 4px; border-bottom: #eee 1px solid; } /* Listing Similaire */ .ClassAnnonceSimilaire{ padding:0 0 5px 0 !important; margin:.5em 0; border-bottom: #eee 1px solid; font-size: 11px; } /* Listing Expression */ .ville_expression{ padding:0 !important; } .ville_expression ul{ list-style: none; margin: 0; padding: 0; } .ville_expression li{ float:left; width:280px; font-size: 11px; line-height: 1.1; padding: 0px 30px 0px 0px; list-style: none; margin-bottom: 0px; } .ville_expression li a{ display: block; padding: 7px 4px; } .ville_expression li a:hover{ color: #183d57; background-color: #e6e5e4; } .nav_lettre { clear: both; } /* Listing Photo */ .ref-listing-photo-container{} .ref-listing-photo-container ul{ padding:0; } .ref-listing-photo-container ul li{ padding:0; background: none; float:left; margin:0 10px 10px 0; } /* Ref Page Arbo */ .pied-ref-arbo{ display:none; visibility: hidden; /* Desactivation du Ref Page Arbo sur toutes les langues sauf le français */} .fr .pied-ref-arbo{ display: block; visibility: visible; } .pied-ref-arbo ul{ list-style: none; margin: 7px 0 0 0; padding: 7px 0 0 0; border-top:#666 1px solid; } .pied-ref-arbo li{ display: inline-block; width:195px; /* Width fixe pour un affichage en colonne */ font-size: 11px; } .ref-page-arbo-article{} .ref-page-arbo-image{ float:left; margin:0 15px 10px 0; } .ref-page-arbo-menu .sf-menu{ margin:0; padding:0; background-image: none; text-align: left; } .ref-page-arbo-menu .sf-menu li{ display: inline-block; background:#017599; text-transform: uppercase; font-weight: bold; padding:0 10px; margin:0 3px 5px 0; line-height: 26px; float: none; } .ref-page-arbo-menu .sf-menu li.sfHover a:link{ background:transparent; } .ref-page-arbo-menu .sf-menu li a:link, .ref-page-arbo-menu ul.sf-menu li a:visited{ color:#fff; text-shadow: 0 1px 1px rgba(0,0,0,.4); display: block; } .ref-page-arbo-menu .sf-menu li:hover ul, .ref-page-arbo-menu .sf-menu li.sfHover ul { left: 0; top: 26px; /* match top ul list item height */ z-index: 99; background: #eee; box-shadow: 0 0 8px rgba(0,0,0,.5); margin:0; padding:4px 0; } .ref-page-arbo-menu .sf-menu ul{ width:220px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .ref-page-arbo-menu .sf-menu ul li { width:200px; padding:0 10px 4px; text-align: left; background:none; line-height: 1.231; } .ref-page-arbo-menu .sf-menu li.sfHover li a:link, .ref-page-arbo-menu .sf-menu li.sfHover li a:visited{ background:none; padding-bottom:6px; color:#444; border-left:none; border-top:none; border-right:none; border-bottom: #ccc 1px solid; display: block; text-shadow: none; } .ref-page-arbo-menu .sf-menu li.sfHover li a:hover, .ref-page-arbo-menu .sf-menu li.sfHover li a:active{ color:#017599; } /* Partenaires */ .pied-ref-partners ul{ color:#444; margin: 7px 0 0 0; padding: 7px 0 0 0; border-top:#444 1px solid; } .pied-ref-partners li{ display:inline-block; margin: 0 10px 0 0; padding-right: 14px; line-height:1.5; background: transparent url(/images/puce-barre-ref.png) no-repeat 100% 50%; } .pied-ref-partners li:first-child, .pied-ref-partners li:last-child { background-image:none; } /* Critères mini-list */ .bloc-lib-critere-liste{ display: none; } .ref .bloc-lib-critere-liste{ min-height: 30px; max-height: 100px; display: inline-block; padding: 10px 10px 7px 10px; border-radius: 3px; margin-bottom: 5px;} .ref .bloc-lib-critere-liste-new-search { width: 123px; height: 30px; float: left; line-height: 32px; padding-left: 15px; padding-right: 15px; background: repeat #575e64; } .ref .bloc-lib-critere-liste-new-search a{ color: #fff; } .ref .bloc-lib-critere-liste-new-search a:hover{ color: #017599; background: transparent; } .ref .bloc-lib-critere-liste-label{ margin: 2px 0 0 5px; float: left; max-width: 460px; line-height:26px; padding: 5px 0 3px 0; margin-top: -3px; } .ref .bloc-lib-critere-liste-label span{ display: inline-block; vertical-align: top; padding: 0 7px 0 7px; white-space: nowrap; margin: 0 0 3px 5px; border-radius: 2px; background: linear-gradient(top, #fff 50%, #c2c2c2 90%); background: -webkit-linear-gradient(top, #fff 50%, #c2c2c2 90%); background: -moz-linear-gradient(top, #fff 50%, #c2c2c2 90%); background: -ms-linear-gradient(top, #fff 50%, #c2c2c2 90%); background: -o-linear-gradient(top, #fff 50%, #c2c2c2 90%); } /* SSDOM detail ville slideshow */ .ssdom-diapo { width: 632px; } .ssdom-diapo .large-flap-frame{ width: 625px !important; overflow: hidden; } .ssdom-diapo .large-flap-container{ overflow:hidden; width:625px !important; height:450px; /* Dimension des images voir numage.txt */ cursor: pointer; position: relative; text-align: center; background-image: url(../images/bg-photo-motif.jpg); } /* Miniliste deroulant */ .miniliste-deroulant {margin: 20px 0; padding: 20px; background: rgba(245, 245, 245, 0.71); } .miniliste-deroulant .custom-select-container {float: left; margin-right: 20px;} .miniliste-deroulant .css-deroulant ul span {width: 200px !important;} .css-deroulant { display: inline-block; *display:inline; *zoom:1; position: relative; z-index: 2;} .css-deroulant ul { margin:0; padding:0; list-style-type:none; text-align:left; position: relative; cursor: pointer; } .css-deroulant ul span{ height:24px; line-height: 24px; position: relative; background:url('/images/bg-form-sprite.png') no-repeat #fff; background-position:100% -155px; color: #898989; display: inline-block; *display:inline; *zoom:1; padding: 0 35px 0 15px; border-left: #dddddd 1px solid; } .css-deroulant li { float:left; margin:auto;} .css-deroulant li ul { position:absolute; display: inline-block; *display:inline; *zoom:1; width: 100%; background-image: none; left: 0; top: 24px;} .css-deroulant li a { display:block; width:100%; color: #898989; text-decoration:none; padding: 5px 35px 5px 15px; } .css-deroulant li a:hover {color: #686868; background: transparent;} .css-deroulant ul li ul {display:none;} .css-deroulant ul li:hover ul {display: inline-block; *display:inline; *zoom:1; width: 100%;} .css-deroulant li:hover ul li {float:none; background: #fff; } .css-deroulant li:hover ul li:hover {background: #eeeeee;} /* Label ID Ville ( Form rech Réff) */ .form-idville {display: inline-block; *display:inline; *zoom:1; background: rgb(186, 188, 191);padding: 5px; margin-top: 5px;} .form-idville span span {display: inline-block; *display:inline; *zoom:1; width: 15px; height: 15px; line-height: 15px; font-size: 9px; text-align: center; margin-right: 6px; background: rgb(21, 55, 80); cursor: pointer; color: #FFF; } .top-form .ope-vlc .form-highlight { padding: 10px 0 15px 6% !important; width: 88%;} /* 4.9 Adapt Slideshow jQuery ----------------------------------------------------------------------------------------------------*/ .detail-photo-container{ } .detail-photo-container .slideshow{} .diapo-texte { position: absolute; width: 210px; height: 160px; padding: 30px 0px 0px 20px; top: 120px; right: 35px; background-image: url(../images/bg-white80.png);-moz-box-shadow: 0 1px 4px #4b4b4b; -webkit-box-shadow: 0 1px 4px #4b4b4b; box-shadow: 0 1px 4px #4b4b4b; font-size: 13px;-moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: 0; } .diapo-texte-ope, .diapo-texte-ref { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #717273; padding: 2px 0px; } .diapo-texte-ref { margin-bottom: 15px; } .diapo-texte-type, .diapo-texte-ville, .diapo-texte-prix { text-transform: uppercase; letter-spacing: 2px; color: #000; padding: 2px 0px; font: 18px 'CicleFina', serif; } .diapo-texte-prix { color:#0097be ; font: 18px 'CicleSemi', serif; } /* Personalisation */ .detail-photo-container .large-flap-frame{ width: 680px; padding:0; background:#eee; position: relative; } .detail-photo-container .large-flap-container{ overflow:hidden; width:680px; height:450px; /* Dimension des images voir numage.txt */ cursor: pointer; position: relative; text-align: center; background-image: url(../images/bg-photo-motif.jpg); } .detail-photo-container .anti-cheat{ overflow:hidden; width:692px; height:369px; position: absolute; top:0; left:0; display: block; z-index: 960; display: none; } .detail-photo-container .anti-cheat img{ height: 100%; width:100%; display: block; } .detail-photo-container .empty-slideshow{ background: #e0e0e0 url(/images/vide_detail_grande.jpg) no-repeat 50% 50%; } .detail-photo-container .large-flap-container img{/*width: 680px; vertical-align: middle;*/ border: 0px !important; /*margin: -2px;*/ } .detail-photo-container .large-flap-container div.diapo{ width:680px; height:100%; text-align: center; } .large-flap-nav{ z-index:970; position:relative; text-align: left; } .large-flap-controls-content{ display: none; } .large-flap-controls .play, .large-flap-controls .stop { float:left; width: 20px; height:20px; margin:0 5px; cursor:pointer; } .large-flap-controls .play { background: transparent url(/images/slider-controls.png) no-repeat -18px -78px; } .large-flap-controls .play.slideshow-control-active { background: transparent url(/images/slider-controls.png) no-repeat -1px -78px; } .large-flap-controls .stop { background: transparent url(/images/slider-controls.png) no-repeat -56px -78px; } .large-flap-controls .stop.slideshow-control-active { background: transparent url(/images/slider-controls.png) no-repeat -39px -78px; } .large-flap-controls .video { float:left; margin-left: 10px; cursor: pointer; } .large-flap-controls .visite { float:left; margin-left: 5px; vertical-align: middle; } .large-flap-controls .visite a:hover{ background: none; } .large-flap-controls .position{ float:left; line-height: 20px; margin:0 5px 0 10px; color:#aaa; font-style: italic; font-size: 11px; } .large-flap-controls .position .pos-flap, .large-flap-controls .position .nb-flap { color: #999; font-weight: bold; } .large-flap-nav .previous, .large-flap-nav .next{ width:37px; height:37px; position: absolute; top:180px; cursor: pointer; } .large-flap-nav .previous img, .large-flap-nav .next img{ width: 100%; height: 100%; display: block; } .large-flap-nav .previous{ left:0px; background: transparent url(/images/slider-controls.png) no-repeat 0 0; } .large-flap-nav .previous:hover{ background: transparent url(/images/slider-controls.png) no-repeat 0 -38px; } .large-flap-nav .next{ right:-1px; background: transparent url(/images/slider-controls.png) no-repeat -39px 0; } .large-flap-nav .next:hover{ background: transparent url(/images/slider-controls.png) no-repeat -39px -38px; } .no-flap{ display: none; } .controls{ display: block; } /* Thumbs */ .thumbs-flap-container{ margin-top:-40px; padding:5px 25px 5px 35px; } .thumbs-flap-container .is-flap{ float:left; margin-right: 8px; margin-bottom: 9px; width:115px; background:#e0e0e0; text-align: center; cursor: pointer; position:relative; overflow:hidden;-moz-box-shadow: 0 0 1px #b8b8b8; -webkit-box-shadow: 0 0 1px #b8b8b8; box-shadow: 0 0 1px #b8b8b8; } .thumbs-flap-container .is-flap img{ padding:3px; background:#FFF; height: 90px; width: auto; max-width: 109px; } .thumbs-flap-container .thumbs-active img{ padding:3px; background-color: #00bfe5; } /* Captions */ .detail-photo-container .caption { background-color:#000; color:#fff; text-align: left; } .detail-photo-container .large-caption{ position:absolute; left:0; top:376px; height:70px; width:800px; padding:15px; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .detail-photo-container .thumbs-caption { position:absolute; top:3px; left:3px; opacity:0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .detail-photo-container .caption-title{ font-weight: bold; text-transform: uppercase; margin-bottom: 5px; } /* Diaporama Overlay BIG */ .big-flap-box { position:absolute; top:0; left:0; width:100%; height:100%; display:none; z-index:994; background:#000; opacity:0.8; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .big-flap-container{ position:absolute; display:none; top:50%; left:50%; width:1px; height:1px; z-index:996; overflow:hidden; background:#282828 url(/images/loading.gif) no-repeat 50% 50%; border:#eee 10px solid; } .big-flap-container .anti-cheat { width: 100%; height: 100%; } .big-flap-container .previous, .big-flap-container .next{ width:34px; height:60px; position: absolute; top:50%; margin-top: -30px; /* Centrage vertical */ cursor: pointer; z-index: 9999; } .big-flap-container .previous{ left:10px; background: transparent url(/images/slider-controls.png) no-repeat 0 -102px; } .big-flap-container .previous:hover{ background: transparent url(/images/slider-controls.png) no-repeat 0 -163px; } .big-flap-container .next{ right:10px; background: transparent url(/images/slider-controls.png) no-repeat -43px -102px; } .big-flap-container .next:hover{ background: transparent url(/images/slider-controls.png) no-repeat -43px -163px; } .big-flap-container .pagination{ z-index: 9999; } .close-big{ width:24px; height:24px; position:absolute; top:5px; right:5px; background: transparent url(/images/slider-controls.png) no-repeat -7px -226px; cursor: pointer; z-index: 9999; } .close-big:hover{ background: transparent url(/images/slider-controls.png) no-repeat -46px -226px; cursor: pointer; } /* Pagination */ .detail-photo-container .pagination{ width: 100%; padding-top:12px; height:25px; background:#fff; text-align:center; position:absolute; /* Placement de la pagination */ left:0; bottom: 0; opacity:0.8; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .detail-photo-container .pagination .pagination-page{ display:inline-block; margin-right:3px; width:12px; height:12px; background: transparent url(/images/pagination.png) no-repeat 0 0; overflow: hidden; cursor: pointer; } .detail-photo-container .pagination .pagination-page-active{ background: transparent url(/images/pagination.png) no-repeat 0 -12px; } /* 4.11 Module de News ----------------------------------------------------------------------------------------------------*/ .news-liste-container{ margin-bottom: 15px; border-bottom:#ddd 1px solid; padding-bottom:15px; } .news-liste-title{ margin: 1em 0 0 0; color:#017599; font: 150% 'CicleGordita', sans-serif; } .news-liste-content{ margin-top: 10px; } .news-liste-date{ font:italic 95%/1.5em Georgia, Times, serif; color:#777; } .news-liste-date time, .news-liste-date span{ font-family: "Helvetica Neue", Helvetica, serif; color:#999; text-transform: uppercase; font-style: normal; } .news-liste-photo{ width: 173px; float:left; display:inline; overflow:hidden; margin:0 15px 10px 0; } .news-liste-photo .grd_photo_news{ width:160px; height:120px; } .news-liste-desc{ } .news-liste-text{ padding-bottom:10px; } .news-liste-attached{ margin-top: 10px; } .news-liste-attached p{ margin-top: 5px; } .news-liste-attached ul{ list-style:none; margin:0; } .news-liste-attached ul li{ display:inline-block; vertical-align:top; margin-right:10px; padding:0; overflow:hidden; background:none; } .news-liste-attached .mini_photo_news{ width:80px; max-width:80px; height:auto; max-height:80px; } .news-liste-file{ display:inline-block; margin-top:5px; font-weight:bold; padding:3px 36px 3px 8px; background: transparent url(/images/bg-download-button.png) no-repeat 0 0; } .news-liste-file a:link, .news-liste-file a:visited{ color:#fff; background:none; } .news-liste-file a:hover, .news-liste-file a:active{ color:#ccc; background:none; } .news-liste-attached .thumbs-flap-container {margin: 0px; padding: 0; } /* Perso News */ .news-liste-container .large-flap-container{ overflow:hidden; width:170px; height: 128px; /* Dimension des images voir numage.txt */ cursor: pointer; position: relative; text-align: center; border: 2px solid #DADADA; } .news-liste-photo img.photo-large{ width:220px !important; max-width: 220px !important; height:auto !important; } .news-liste-attached img.photo-thumbs{ width:109px !important; max-width: 109px !important; max-height:78px !important; } /* Perso News Detail*/ .news-detail-photo{ width: 270px; float:left; display:inline; overflow:hidden; margin:0 15px 10px 0; } .news-detail-photo .large-flap-container { overflow:hidden; width:260px; height: 168px; /* Dimension des images voir numage.txt */ cursor: pointer; position: relative; text-align: center; border: 2px solid #DADADA; } .news-detail-photo img.photo-large{ width:270px !important; max-width: 270px !important; height:auto !important; } .news-detail .ico-back { -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; float: right; margin-top: 5px; } .news-detail .ico-back:hover { color: #193e58; background-color: transparent; } /* 4.11 Module GG Maps ----------------------------------------------------------------------------------------------------*/ .DivBubble{ max-height: 180px; overflow-y:scroll; } .ggmap-list-item{ font-size: 12px; margin-bottom: 15px; } .ggmap-list-item-pict{ float:left; cursor: pointer; } .ggmap-list-item-pict img{ width:70px; max-height: 50px; } .ggmap-list-item-content{ margin-left: 80px; } .ggmap-list-item-title{ text-transform: uppercase; font-weight:bold; border-bottom: #ddd 1px solid; margin-bottom: 3px; padding-bottom: 3px; } .ggmap-list-item-coords{ font-size: 11px; } .ggmap-coords-title{ font-weight:bold; } .ggmap-coords-tel{} .ggmap-coords-link{ color:#05b2c5; } .ggmap-coords-link:hover{ color:#05b2c5; text-decoration: underline; cursor: pointer; } .gg-map-marker { display:none; } .gg-map{ background: transparent url(/images/ajax-loader.gif) no-repeat 50% 50%; } /* 4.11 Module De Réservation ----------------------------------------------------------------------------------------------------*/ .detail-bien-reservation{ position:relative; margin-top: 20px; padding-top:10px; border-top: #ddd 1px solid; } .detail-bien-reservation-title{ margin-bottom: 20px; } .detail-bien-reservation-action{ position:absolute; top:20px; right:0; } .ui-datepicker-inline{ font: 13px/1.1231 "Helvetica Neue", Helvetica, Arial, sans-serif; width:100% !important; padding:0; } .ui-datepicker-multi .ui-datepicker-group{ float: none !important; display: inline-block; vertical-align: top; min-height:178px; padding: 8px; border:#ddd 1px solid; margin: 0 10px 12px 0; } .ui-datepicker-header{ background:#e0e0e0; } .ui-datepicker-calendar thead{ background:#eee; } .ui-datepicker-calendar th{ padding: .4em 0; } .cal-state-default{ } .cal-state-selected{ } .cal-state-available, .cal-state-unavailable{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; } .cal-state-available span{ color:#468847 !important; background:#DFF0D8 !important; border-color:#D6E9C6 !important; } .cal-state-unavailable span{ color:#B94A48 !important; background:#F2DEDE !important; border-color:#EED3D7 !important; text-decoration: line-through !important; } /* // ========================================== \\ || || || V. FOOTER || || || \\ ========================================== // */ /* 5.1 Footer ----------------------------------------------------------------------------------------------------*/ .home #footer{ } #footer{ background: url(/images/bg-footer.jpg) repeat-x #585b60; padding-top: 10px; position: relative; z-index: -1; min-height: 400px; } #footer li.last a:link{ background:none; margin:0; padding:0; } #footer-container{ width:960px; margin: 0 auto; padding: 20px 0; font-size:11px; } #footer-container p{ margin:5px 0; } /* Pied Adresse */ .pied-adresse{ } .pied-adresse-content{ padding: 20px 25px 0; font: 12px/20px 'CicleGordita',sans-serif; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.3) } .pied-adresse ul{ margin:0; padding:0; list-style: none; } .pied-adresse li{ float:left; padding-right:8px; margin-right: 8px; background: transparent url(/images/puce-barre-ref.png) no-repeat 100% 50%; } .pied-agence-name{ font-size: 15px; } /* Pied Menu */ .pied-menu{ font-size:11px; } .pied-menu-content{ text-align: center; } .pied-menu{ margin:0; color:#eee; position:relative; } .pied-menu ul{ list-style: none; margin:0; padding:0; } .pied-menu-left, .pied-menu-right{ float:left; } .pied-menu-left{ width:690px; } .pied-menu-right{ width:180px; padding-left: 86px; } .pied-menu-left li{ display: inline-block; } .pied-menu-left li:last-child a:link{ background: transparent url(/images/puce-barre-ref.png) no-repeat 0 50%; margin:0 0 0 5px; padding:0 0 0 15px; } .pied-menu-left a:link{ white-space: nowrap; margin: 0 10px 0 0; padding-right: 14px; line-height:1.5; background: transparent url(/images/puce-barre-ref.png) no-repeat 100% 50%; } .pied-menu-right ul{ border-left: #555 1px dotted; padding-left: 4px; } .fr .pied-menu-right{ background: transparent url(/img_fr/logo-adaptimmo-footer.png) no-repeat 0 50%; } .uk .pied-menu-right{ background: transparent url(/img_uk/logo-adaptimmo-footer.png) no-repeat 0 50%; } /* Logos */ .pied-logos{ float:left; width:480px; } .pied-share{ float:left; width:480px; text-transform: uppercase; } .pied-share ul{ list-style: none; padding: 0; } /* Menu du bas */ #menu-bas{ padding:0 0 30px; } .menu-entries{ } .menu-entries ul{ background: url(../images/sep-menu-footer.png) repeat-y left top; float: left; width: 220px; padding-left: 20px; min-height:210px; height:auto !important; height:210px; } .menu-entries li{ display: block; clear: both; padding: 3px 0px; } .menu-entries li.menu-entries-title{ font: 20px 'CicleSemi', sans-serif; color: #a9acae;padding: 10px 0px; } .menu-entries li a:link, .menu-entries li a:visited{ font: 14px 'SourceSansProRegular', sans-serif; padding:0px 10px 0px 0px; color: #ffffff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .menu-entries li a:hover, .menu-entries li a:active{ background: none; color: #a9a9a9; } /* Slogan */ #bottom-debut { margin: 0 0px 20px; background: url(../images/picto-santoni.png) no-repeat center bottom; padding-top: 21px; padding-bottom: 15px; } .bottom-slogan { font: 27px 'CicleFina', sans-serif; float: left; color: #FFF;-moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000; padding-left: 20px; } .bottom-slogan strong { font: 30px 'CicleFina', sans-serif; text-transform: uppercase; } /* Menu du bas */ .bottom-sharelogos { color: #a3a7aa; float: right; font: 20px 'CicleSemi', sans-serif; float: right; text-align: center;-moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000; } .bottom-sharelogos ul{ margin: 0; list-style: none; padding: 0 40px; background: url(../images/bottom-sharelogos-bg.png) no-repeat center bottom; height: 37px; } .bottom-sharelogos li{ list-style: none; padding: 0; margin: 15px 0 0; display: inline-block; *display:inline; *zoom:1; width: 33px; } .bottom-sharelogos li a:link{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bottom-sharelogos li a:hover{filter:alpha(opacity=70); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } /* 5.2 Badges Réseaux Sociaux ----------------------------------------------------------------------------------------------------*/ #pied-share{ margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #818385; } /* Partage */ .share-badges { color:#a9acae; } .share-badges ul{ list-style: none; font-size:0; } .share-badges li{ display:inline-block; font: 12px/1.231 'Helvetica Neue', Helvetica, Arial, sans-serif; } .share-badges li img{ margin-right: 5px; } .share-badges li a:hover{ background: none; } .share-badges .addfav{ margin-left: 5px; } .share-badges .link{ text-transform: uppercase; color:#838380; } .share-badges .link-hover{ text-transform: uppercase; color:#fff; cursor:pointer; } /* Likes */ .likes-badges { } #footer .likes-badges { text-align: right; } .likes-badges ul{ list-style: none; padding:0; margin:0;} .likes-badges li{ display:inline-block; height:24px; line-height: 24px; vertical-align: top; margin-left: 5px; overflow: hidden; } .likes-badges li.badge-facebook{ } .likes-badges li.badge-ggplus{ width:70px; } .likes-badges li.badge-tweeter{ width: 90px; } .likes-badges li.badge-linkedin{ } /* 5.3 Langues ----------------------------------------------------------------------------------------------------*/ .main-lang{ text-align: right;} .main-lang-container{ height: 26px; padding-left: 15px; } .main-lang ul{ list-style: none; margin:0; padding:0; } .main-lang ul li{ display:inline-block; width: 22px; height: 16px; overflow: hidden; margin-right:10px; } .main-lang ul li a{ display: block; } .lang-fr, .lang-uk, .lang-es, .lang-nl, .lang-it, .lang-ru, lang-de{ background: transparent url(/images/flags.png) no-repeat !important; text-indent:999px; zoom:1; } .lang-fr{ background-position: 0 -17px !important; } .fr .lang-fr, .lang-fr:hover{ background-position: 0 0 !important; } .lang-uk{ background-position: -23px -17px !important; } .uk .lang-uk, .lang-uk:hover{ background-position: -23px 0 !important; } .lang-es{ background-position: -46px -17px !important; } .es .lang-es, .lang-es:hover{ background-position: -46px 0 !important; } .lang-nl{ background-position: -69px -17px !important; } .nl .lang-nl, .lang-nl:hover{ background-position: -69px 0 !important; } .lang-it{ background-position: -92px -17px !important; } .it .lang-it, .lang-it:hover{ background-position: -92px 0 !important; } .lang-ru{ background-position: -115px -17px !important; } .ru .lang-ru, .lang-ru:hover{ background-position: -115px 0 !important; } .lang-de{ background-position: -138px -17px !important; } .de .lang-de, .lang-de:hover{ background-position: -138px 0 !important; } /* // ========================================== \\ || || || VI. MINISTE || || || \\ ========================================== // */ /* Minisite Menu ----------------------------------------------------------------------------------------------------*/ #top-access-minisite { } #top-access-minisite ul, #top-access-minisite li{ list-style: none; margin: 0; padding: 0; background: url(../images/bg-top-access-item.png) no-repeat center 70px; } #top-access-minisite li{ float: left; } #top-access-minisite hr{ height: 1px; margin: 0; padding: 0; color: #FFF; background-color: #FFF; border: 0; } #top-access-minisite li{ background: url(../images/bg-top-access.png) no-repeat right top; } #top-access-minisite li a{ display: block; height: 55px; text-decoration: none; padding-left: 35px; font: 18px/50px 'CicleSemi', sans-serif; color: #a6b1bc; text-transform: uppercase; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000; background: url(../images/bg-top-access-item.png) no-repeat center 70px; letter-spacing: 1px; } #top-access-minisite li a:hover{ color: #fff; background: url(../images/bg-top-access-item.png) no-repeat center -40px; } #top-access-minisite li a.top-access1{width: 230px; padding-left: 50px; font-size: 13px; color: #548cab; } #top-access-minisite li a.top-access2{width: 250px; padding-left: 40px; line-height: 16px} #top-access-minisite li a.top-access3{ padding-left: 30px; width: 190px; line-height: 16px;} #top-access-minisite li a.top-access4{width: 150px; padding-left: 20px;} #top-access-minisite li span.top-access4{width: 150px; padding-left: 20px; height: 55px; display: block; } #top-access-minisite li .current{ background: url(../images/bg-top-access-item.png) no-repeat center -40px; color: #FFF; } #top-access-minisite li .btn-ligne1 { display: block; padding-top: 15px; } #top-access-minisite li .btn-ligne2 { display: block; padding-top: 0px; font: 11px arial; letter-spacing: 4px; } #top-access-minisite li.last, #top-access-minisite li.first{ background-position:left; } #top-access-minisite li.none{ background-position:left; } #top-access-minisite li.active, #top-access-minisite li.active a{ background-image:none; color: #FFF; } #top-access-minisite li.active a:hover{ color: #FFF; } /* Minisite Home ----------------------------------------------------------------------------------------------------*/ .minisite .page-generique { width: 575px; padding-left: 60px; padding-top: 40px; background: url(../images/bg-side-alt-deco.png) no-repeat; } .minisite .page { margin-left: 0px; margin-right: 0px; width: 960px; } .agent-photo-id { text-align: center; width: 258px; margin: -90px 0px 0px -8px; } .agent-photo-id img{ border: 4px solid #ffffff; -moz-box-shadow: 0 1px 4px #000; -webkit-box-shadow: 0 1px 4px #000; box-shadow: 0 1px 4px #000; } .agent-desc-container { } .agent-desc-intro { font: 21px 'CicleGordita', sans-serif; color: #3c6a89; text-transform: uppercase; letter-spacing: 3px; } .agent-desc-intro-agent { font: 19px 'CicleFina', sans-serif; color: #3c6a89; text-transform: uppercase; letter-spacing: 4px; padding-top: 10px; } .agent-desc-main p{ line-height: 19px; } .agent-desc-title { font: 37px 'CicleFina', sans-serif; color: #515459; border-bottom: 3px solid #cdcdcd; padding-bottom: 10px; padding-top: 6px; } /* Minisite Side ----------------------------------------------------------------------------------------------------*/ .minisite #content{ padding-bottom: 0px; } .ms-btn-back { padding: 20px 0px; margin-top: -30px; } .minisite #sidebar{ float:left; width: 250px; background: url(../images/bg-side-form.jpg) no-repeat center 0 #1f5778; height: 100%; margin-bottom: 15px; padding: 20px; margin-top: 120px; min-height:480px; height:auto !important; height:480px; } .minisite .agent-slogan { color: #FFF; padding-left: 10px; margin: 30px 0px 0px 0px; line-height: 19px; } .minisite .agent-slogan ul{ list-style: none; margin: 0; padding: 0; } .minisite .agent-slogan-title { font: 27px 'CicleFina', sans-serif; } li.agent-tel { background: url(../images/ms_pict_tel.png) no-repeat left center; padding-left: 25px; padding-top: 5px; padding-bottom: 5px; } .agent-offres { margin-left: 0px; margin-top: 30px; } li.agent-mail { margin: 20px 0px 20px -10px; } /* Minisite Mode Liste ----------------------------------------------------------------------------------------------------*/ .minisite-liste .top-form-inner{ padding: 0 0 0 0px; } .minisite-liste .top-form-info-nego{ float: left; width: 220px; text-align: center; background: url(../images/top-form-info-nego.png) no-repeat center bottom; padding-bottom: 10px; margin-top: 8px; } .minisite-bg-form{ background: url(../images/bg-moteur-minisite.jpg) no-repeat left top #e3e2de !important; padding: 10px 0px; } .minisite-liste .top-form-agent-photo img{ border: 3px solid #fff; -moz-box-shadow: 0 1px 4px #000; -webkit-box-shadow: 0 1px 4px #000; box-shadow: 0 1px 4px #000; } .minisite-liste .top-form-agent-name { color: #FFF; font-weight: bold; padding-top: 10px; } .minisite-liste .top-form .form-highlight{ width: 195px; } .minisite-liste .top-form-colonne1{ width: 210px; margin: 0px; } .minisite-liste .top-form-colonne2{ width: 220px; margin-left: 15px; } .minisite-liste .top-form-colonne3{ width: 280px; margin-left: 0px; } /* // ========================================== \\ || || || VI. LINKS || || || \\ ========================================== // */ /* 6.1 Liens généraux ----------------------------------------------------------------------------------------------------*/ /* Effet "click" sur les liens */ a:active{ position:relative; top:1px; } a:link, a:visited{ color:#017599; text-decoration: none; } a:hover, a:active{ text-decoration: none; } a.nohover:hover{ background:none; text-decoration: none; } /* 6.2 Header ----------------------------------------------------------------------------------------------------*/ /* 6.3 Sidebar ----------------------------------------------------------------------------------------------------*/ /* 6.4 Content ----------------------------------------------------------------------------------------------------*/ /* Home page*/ .home-search a:link, .home-search a:visited{ color:#eef4cd; text-decoration: none; } .home-search a:hover, .home-search a:active{ color:#017599; background:#fff; text-decoration: none; } .home-sidebar a:link, .home-sidebar a:visited{ color:#444; text-decoration: none; } .home-sidebar a:hover, .home-sidebar a:active{ color:#017599; background:#fff; text-decoration: none; } /* Mode étail */ .detail-topnav a:link, .detail-topnav a:visited{ color:#fff; text-decoration: none; } .detail-topnav a:hover, .detail-topnav a:active{ color:#017599; text-decoration: none; } .ico-back a:link, .ico-back a:visited{ color:#585858; text-decoration: none; } .ico-back a:hover, .ico-back a:active{ color:#fff; text-decoration: none; } /* Bouttons */ .button a:link, .button a:visited{ color:#fff; text-decoration: none;} .button a:hover, .button a:active{ color: #c9c9c9; text-decoration: none; } /* 6.5 Footer ----------------------------------------------------------------------------------------------------*/ .pied-adresse a:link, .pied-adresse a:visited{ color:#a9acae; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .pied-adresse a:hover, .pied-adresse a:active{ color:#666666; text-decoration: none; } .pied-menu a:link, .pied-menu a:visited{ color:#a9acae; text-decoration: none;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .pied-menu a:hover, .pied-menu a:active{ color:#666666; background-color: transparent; text-decoration: none; } .pied-ref a:link, .pied-ref a:visited{ color:#a9acae; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .pied-ref a:hover, .pied-ref a:active{ color: #fff; background-color: transparent; text-decoration: none; } .pied-share .link{ color:#a9acae; cursor:pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .pied-share .link-hover{ color:#fff; cursor:pointer; } /* // ========================================== \\ || || || VII. FORMULAIRES || || || \\ ========================================== // */ /* 7.1 Formulaires ----------------------------------------------------------------------------------------------------*/ .form-home{ } form label, .form-rubrique{ font-weight: bold; } form ul{ margin:0 !important; list-style: none; padding:0; } /*form ul li{ float:left; margin-right: 10px; padding-left:0 !important; background:none !important; }*/ .form-critere{ margin:0 0 10px 0; } .page-home .form-critere{ margin:0 0 5px 0; } .form-critere label{ padding-right:5px; } .form-critere li{ margin-bottom:3px; margin-right:10px; padding-left:0; background:none; } .form-critere textarea{ height:90px; } .form-critere-title{ padding-bottom:3px; } .form-critere-title-left{ padding-bottom:3px; float:left; display:inline; width:150px; } .form-critere-title-left-bis{ padding-bottom:3px; float:left; display:inline; width:80px; } .form-critere-content{ width:350px; float:left; } .form-critere-content li{ float:left; } /*.form-critere-typerech{ padding-left: 20px; }*/ .form-critere-typerech .form-rubrique{ display: block; margin-bottom: 5px; } .form-critere-typerech ul li label{ font-size:13px; line-height: 16px; color:#444; } .form-critere-typerech li{ float:left; padding-left: 0; background: none; margin-right: 10px; } .form-critere-typerech .form-critere-title{ margin-bottom: 10px; } .form-critere-ope{ margin-bottom: 10px; } .form-highlight-items{ float:left; display:inline; padding-bottom:5px; } .form-highlight li{ float:left; /*margin:5px 25px 5px 0;*/ } .form-highlight ul li label{ font-size: 12px; color: #000; } .form-highlight .heading4{ margin-top:0; } .form-pieces label{ font-weight:normal; font-size:95%; } .form-pieces label.custom-checkbox{ padding: 1px 3px 1px 18px; } .form-pieces ul li{ margin-right:5px; } .form-extend{ margin-top: 20px; position:relative; } .form-link-container{ /*border-top:#ddd 1px solid; padding:10px 0;*/ margin-right:230px; } .form-link a{ padding: 2px 0 2px 22px;} .form-link a:link, .form-link a:visited { background: transparent url(/images/round-rarrow.png) no-repeat 0 2px; color:#444; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .form-link a:hover, .form-link a:active { background: transparent url(/images/round-rarrow.png) no-repeat 0 -18px; color:#017599; } .form-submit-container{ position:absolute; bottom: -50px; right: 50px; } /*input.form-submit-alertemail, input.form-submit-deposez, input.form-submit-home, input.form-submit-vendre, input.form-submit-contact{ position:absolute; right:0; bottom:-46px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Simulation du clic */ /*input.form-submit-alertemail:active, input.form-submit-deposez:active, input.form-submit-home:active, input.form-submit-vendre:active, input.form-submit-contact:active{ bottom:-47px; } input.form-submit-home{ right:0; bottom:-46px; }*/ /* Colonnes page de formulaire */ .form-leftcol{ float:left; width:255px; } .form-rightcol{ float:left; width:275px; padding-left:30px; margin-left: 20px; background: url(../images/ligne-v-form.png) no-repeat 0 50px;} .form-fullcol{ } .form-rubrique-mentions { font: italic 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #999999; } .form-bottom-content { clear: both; } /*Formulaire Avis*/ .form-avis .form-critere-content li { } .form-avis .form-critere label{ font-weight: normal; padding-bottom: 3px; } .form-avis .form-critere-title{ margin-bottom:5px; background-color: #e2e1e0; padding-left: 10px; } /* 7.2 Side Formulaire ----------------------------------------------------------------------------------------------------*/ .side-form{ } /* Sidebar normale */ .side-form-alt{ padding:250px 20px 10px 20px; background: transparent url(/images/bg-sidebar-alt.png) no-repeat 100% 185px; color:#eee; line-height: 1.5em; height:135px; min-height: 135px; } /* Sidebar alternative */ .side-form-alt p{ margin-bottom: 0; } /* Sidebar alternative */ .side-form-sep{ margin-top: 10px; } .side-form-content{ } .side-form-colonne1{ float: left; margin-left: 10px; width: 260px; } .side-form-colonne2, .side-form-colonne3{ float: left; margin-left: 10px; width: 230px; } .side-form-deco{ padding:0px 25px 0px 30px; } .side-form-inner{ padding: 0 0 0 0px; line-height: 22px; } .side-form .form-rubrique{ font-weight: bold; color:#000; font-size: 12px; } .side-form .form-critere .form-rubrique{ /*padding-left:8px;*/ } .form-critere.form-pieces { height: 42px; } .side-form label{ font-size: 10px;} .side-form .form-highlight{ padding: 20px 0 20px 20px; -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px rgba(0,0,0,0.2); width: 225px; float: left; } .side-form .form-highlight ul li { margin-right:0; float: left; } .side-form .form-pieces ul li{ float:left; margin-right:2px; } .side-form ul{ margin:0; list-style: none; } .side-form ul li{ margin-bottom:6px; } .side-form ul li.puce{ background:transparent url(/images/puce-carre.png) no-repeat 0 4px; padding-left:8px; } .side-form ul li label{ width:100px; float:left; color: #FFF; font-size: 12px; font-weight: normal; font-style: normal; } .side-form textarea{ width:225px; height:110px; } .side-form-submit{ text-align:right; } .side-form .legend{ font-style:italic; font-size:11px; color:#eee; } .page-form .legend{ font-style:italic; font-size:11px; color:#444; text-shadow:0 1px 1px #fff; } .side-form .form-critere label{ width:90%; margin-right:0; } .side-form .form-critere li{ } .side-form .form-critere-typerech ul li label{ color:#fff; } /* 7.2 Top Formulaire ----------------------------------------------------------------------------------------------------*/ /*.top-form{ position: relative; z-index: 3; }*/ .top-form-alt{ padding:250px 20px 10px 20px; background: transparent url(/images/bg-sidebar-alt.png) no-repeat 100% 185px; color:#eee; line-height: 1.5em; height:135px; min-height: 135px; } .top-form-alt p{ margin-bottom: 0; } .top-form-sep{ margin-top: 10px; } .top-form-content{ background: url(../images/bg-moteur-vente.jpg) no-repeat left top #e3e1e0; } .top-form-colonne1{ float: left; margin-left: 10px; width: 240px; } .top-form-colonne2{ float: left; margin-left: 10px; width: 220px; padding-top: 8px; } .top-form-colonne3{ float: left; margin-left: 10px; width: 300px; padding-top: 8px; } .top-form-deco{ padding:8px 15px 8px 15px; } .top-form-inner{ padding: 0 0 0 130px; } .top-form .form-rubrique{ font-weight: bold; color:#000; font-size: 12px; } .top-form .form-critere .form-rubrique{ padding-left:0px } .top-form .form-results { border-top: 1px solid #fff; padding-top: 12px; margin-top: 5px; } .top-form .form-results a { color: #545c61; font: 19px/23px 'SourceSansProRegular', sans-serif; background: url(../images/arrow-results.png) no-repeat right -45px; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin: 0px 10px; } .top-form .form-results a:hover { color: #000; background: url(../images/arrow-results.png) no-repeat right 5px; } span.form-results-nb { font: 25px/1.231 'CicleFina', sans-serif; } .top-form .form-critere.form-pieces { height: 42px; } span.form-rubrique.reference { float: left; font-size: 11px; color: #363636; font-style: italic; margin-right: 5px; padding-top: 5px; } .top-form label{ font-size: 10px;} .top-form .form-highlight{ padding: 10px 0 15px 15px !important; -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px rgba(0,0,0,0.2); width: 215px; height: 95px; } .top-form-content.neuf .form-highlight{height: 45px } .top-form .form-btn-extra { clear: both; display: block; width: 170px; } .top-form .form-btn-extra a{ font-weight: bold; color: #000; font-size: 12px; padding-left: 19px; background: url(../images/arrow-extra.png) no-repeat 0 -1px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .top-form .form-btn-extra a:hover{ color: #575757; margin-left: 3px; } .top-form .form-highlight ul li { margin-right:0; float: left; } .top-form .form-pieces ul li{ float:left; margin-right:2px; } .top-form ul{ margin:0; list-style: none; } .top-form ul li{ margin-bottom:6px; } .top-form ul li.puce{ background:transparent url(/images/puce-carre.png) no-repeat 0 4px; padding-left:8px; } .top-form ul li label{ width:100px; } .top-form textarea{ width:225px; height:70px; } .top-form-submit{ text-align:right; } .top-form .legend{ font-style:italic; font-size:11px; color:#eee; } .page-form .legend{ font-style:italic; font-size:11px; color:#444; text-shadow:0 1px 1px #fff; } .top-form .form-critere label{ width:90%; margin-right:0; } .top-form .form-critere li{ } .top-form .form-critere-typerech ul li label{ color:#fff; } /*------Moteur commerce----*/ .top-form-colonne1-commerce{ float: left; margin-left: 10px; width: 310px; } .top-form-colonne2-commerce{ float: left; margin-left: 10px; width:320px; padding-top: 8px; } .commerce .top-form-inner{ padding: 25px 0 5px 200px; height: 90px; } .commerce-type { margin-bottom: 10px; } /*------Selectuer Moteur commerce----*/ .commerce-selecteur-container { width: 253px; margin-bottom: 20px; } .commerce-selecteur-content { width: 248px; height: 200px; background-color: #ececec; position: absolute; z-index: 1000; padding: 0px 5px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; } .commerce-selecteur-content .custom-checkbox {padding-top: 2px;padding-bottom: 2px; font-weight: normal; margin-left: 5px; padding-right: 0px; } .commerce-selecteur-content .ChkBoxFamAll { margin-top: 10px; } .commerce-selecteur-content .ChkBoxFamAll .custom-checkbox { font-weight: bold; text-transform: uppercase; margin-left: 0px; } .commerce-selecteur-content .ChkBoxFam { text-transform: uppercase; font-size: 12px; clear: both; margin: 5px 0px; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #cecdc9; background-color: #e2e1dd; } .commerce-selecteur-content .ChkBoxFam .custom-checkbox { font-weight: bold; text-transform: uppercase; margin-left: 0px !important; } /* 7.3 Perso graphique ----------------------------------------------------------------------------------------------------*!/*/ /* Styles généraux */ input{ /*-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;*/ } select{ } .input-text, textarea{ background:#3f3f3f; border:none; padding:2px 4px; outline:none; /*-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;*/ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } textarea{ resize:vertical; } .required{ color: #2ef6fb; font-weight: bold; margin:0 2px; } .separateur-simple{ height:5px; margin:5px 0 15px; border-top:#eee 1px solid; } .separateur-simple-color{ height:5px; margin:10px 0 15px; background: transparent url(/images/bg-separateur-simple-color.png) repeat-x 50% 50%; } .separateur-double{ height:5px; margin:20px 0; background: transparent url(/images/bg-separateur-double.png) repeat-x 50% 50%; } /* Tailles */ .input-tiny{ width: 50px; } .input-xtiny{ width: 75px; } .input-smaller{ width: 100px; } .input-small{ width: 125px; } .input-medium{ width: 150px; } .input-xmedium{ width: 175px; } .input-large{ width: 200px; } .input-ylarge{ width: 210px; } .input-xlarge{ width: 250px; } .input-xxlarge { width: 300px; } .input-xxxlarge { width: 325px; } .input-full{ width: 100%; } /* Home-form */ .home-form .prixmin{ width: 85px; } .home-form .prixmax{ width: 85px; } .home-form .input-prixmin{ width: 60px; } .home-form .input-prixmax{ width: 60px; } /* 7.4 Custom Checkbox / Radios / Select ----------------------------------------------------------------------------------------------------*/ /* Pour les checkbox */ .custom-input{ clip:rect(0,0,0,0); position:absolute !important; outline: none; z-index:-999; } /* Formulaires pour les sites clairs (classe white-form) */ .white-form .input-text, .white-form textarea{ background-color:#fff; border:#dadada 1px solid; background-position:0 -155px; background-repeat:repeat-x; /*border:#e5e5e5 1px solid;*/ } .white-form .input-text:focus{ background:#eee; color:#444; padding:3px 4px; } .white-form .form-highlight{ padding: 15px 0 15px 15px; margin-bottom:10px; background: url(../images/bg-white30.png) repeat 0 0 transparent; -moz-box-shadow: 0 1px 4px #888888; -webkit-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; } .white-form form label, .white-form .form-rubrique label { color:#000; } .white-form .unite{ color:#444; font-size: 11px; } .white-form .custom-checkbox, .white-form .custom-checkbox-checked{ padding-left:20px; background:transparent url('/images/bg-form-sprite.png') no-repeat; } .white-form .custom-checkbox{ background-position:0 -1px; } .white-form .custom-checkbox-checked{ background-position:0 -39px; } .white-form .custom-radio, .custom-radio-checked{ padding-left:20px; background:transparent url('/images/bg-form-sprite.png') no-repeat; } .white-form .custom-radio{ background-position: 0 -77px; } .white-form .custom-radio-checked { background-position:0 -115px; } .white-form .custom-select-choice{ background-position:100% -155px; } .white-form .custom-select-container{ background-position:0 -183px; color:#959595; } .white-form .custom-select-list{ background:#eee url('/images/bg-form-sprite.png') no-repeat 0 -213px; } .boxshadow .white-form .custom-select-list{ -moz-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; -webkit-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; } .no-boxshadow .white-form .custom-select-list{ border-bottom:#ccc 1px solid; } .white-form .custom-select-list-selected{ background-color:#eee; color:#666; } .white-form #LibSliderHabitable, .white-form #LibSliderTerrain, .white-form #LibSliderPiece, .white-form #LibSliderChambre, .white-form #LibSliderBudget{ color:#484848; background-image: none; } /* Formulaires pour les sites sombres (classe black-form) */ .black-form .input-text{ background-color:#5f5f5f; background-position:0 -355px; color:#959595; background-repeat:repeat-x; /*border:#666 1px solid; color:#ccc;*/ } .black-form .input-text:focus{ background-color:#858585; background-position:0 -355px; color:#eee; } .black-form .custom-checkbox, .black-form .custom-checkbox-checked{ padding-left:20px; background:transparent url('/images/bg-form-sprite.png') no-repeat; } .black-form .form-highlight{ padding:15px 0 15px 20px; margin-bottom:10px; background:#3d3d3d; } .black-form form label, .black-form .form-rubrique label { color:#eee; } .black-form .custom-checkbox{ background-position:-1px -461px; } .black-form .custom-checkbox-checked{ background-position:-1px -499px; } .black-form .custom-radio, .custom-radio-checked{ padding-left:20px; background:transparent url('/images/bg-form-sprite.png') no-repeat; } .black-form .custom-radio{ background-position: -1px -537px; } .black-form .custom-radio-checked{ background-position:-1px -575px; } .black-form .custom-select-choice{ background-position:100% -355px; } .black-form .custom-select-container{ background-position:0 -383px; font-weight:bold; text-shadow:0 -1px 0 #000; } .black-form .custom-select-list{ background:#3f3f3f url('/images/bg-form-sprite.png') no-repeat 0 -424px; } .boxshadow .black-form .custom-select-list{ -moz-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; -webkit-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; } .no-boxshadow .black-form .custom-select-list{ border-bottom:#666 1px solid; } .black-form .custom-select-list-selected{ background-color:#666; } .black-form .unite{ padding-right:10px; color:#eee; font-size: 11px; } .black-form .legend{ color:#fff; font-size: 11px; } .black-form #LibSliderHabitable, .black-form #LibSliderTerrain, .black-form #LibSliderPiece, .black-form #LibSliderChambre, .black-form #LibSliderBudget{ color:#ccc; background-image: none; } /* Black-form alternatif */ .black-form-alt .input-text{ background-color:#fff; background-position:0 -355px; color:#959595; background-repeat:repeat-x; border:#dadada 1px solid; color:#444; } .black-form-alt .input-text:focus{ background-color:#dadada; border:#ccc 1px solid; background-position:0 -355px; color:#666; } .black-form-alt form label, .black-form-alt .form-rubrique label { color:#eee; } .black-form-alt .form-highlight{ padding:15px 0 15px 20px; margin-bottom:10px; background:transparent url(/images/bg-form-highlight.png) repeat-x 0 0; border:#444 1px solid; color:#fff; } .black-form-alt .unite{ padding-right:10px; color:#ccc; font-size: 11px; } .black-form-alt .legend{ color:#ccc; font-size: 11px; } .black-form-alt .form-link-container{ border-top:#3a3a3a 1px solid; } .black-form-alt .custom-checkbox, .black-form-alt .custom-checkbox-checked{ padding-left:20px; background:transparent url('/images/bg-form-sprite.png') no-repeat; } .black-form-alt .custom-checkbox{ background-position:0 -1px; } .black-form-alt .custom-checkbox-checked{ background-position:0 -39px; } .black-form-alt .custom-radio, .black-form-alt .custom-radio-checked{ padding-left:20px; background:transparent url('/images/bg-form-sprite.png') no-repeat; } .black-form-alt .custom-radio{ background-position: 0 -77px; } .black-form-alt .custom-radio-checked { background-position:0 -115px; } .black-form-alt .custom-select-choice{ background-position:100% -155px; } .black-form-alt .custom-select-container{ background-position:0 -183px; color:#959595; } .black-form-alt .custom-select-list{ background:#eee url('/images/bg-form-sprite.png') no-repeat 0 -213px; } .boxshadow .black-form-alt .custom-select-list{ -moz-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; -webkit-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; } .no-boxshadow .black-form-alt .custom-select-list{ border-bottom:#ccc 1px solid; } .black-form-alt .custom-select-list-selected{ background-color:#eee; color:#666; } .black-form-alt #LibSliderHabitable, .black-form-alt #LibSliderTerrain, .black-form-alt #LibSliderPiece, .black-form-alt #LibSliderChambre, .black-form-alt #LibSliderBudget{ color:#ccc; background-image: none; } /* Custom Select */ .custom-select{ visibility:hidden; } .custom-select-container{ width:200px; background:transparent url('/images/bg-form-sprite.png') no-repeat; } .custom-select-choice{ height:24px; line-height:24px; margin-left:6px; padding-left:4px; cursor:pointer; background:transparent url('/images/bg-form-sprite.png') no-repeat; } .custom-select-list{ z-index:20; width:200px; padding:0; display:none; overflow:auto; max-height:150px; position:absolute; } .custom-select-list ul li{ padding:5px 0 5px 10px; margin:0; cursor:pointer; float:none; } .custom-select-list-container{ } .custom-select-option{ cursor:pointer; list-style:none; line-height:18px; padding-left:3px; } .input-place-holder{ color: #c2c2c2; font-size: 11px; padding: 4px; font-style: italic; letter-spacing: 0; } /*ANTI CHEAT 24/06/13 ajouté par OL*/ .detail-photo-container .anti-cheat{ overflow:hidden; width:100%; height:595px; position: absolute; top:0; left:0; display: block; z-index: 960; } .detail-photo-container .anti-cheat img{ height: 100%; width:100%; display: block; } .big-flap-container .anti-cheat { width: 100%; height: 100%; } .liste-bien-photo img.anti-cheat{ position: absolute; z-index: 960; border: 0 !important; margin: 0 !important; width: 355px; height: 255px; } /* // ========================================== \\ || || || VIII. COMPATIBILITE + EFFETS || || || \\ ========================================== // */ /* IE6 Supersized (désactivé) */ .lt-ie7 ul#supersized{ display:none; } .lt-ie7 body{ background: #333 url(/images/supersized/bg1.jpg) no-repeat fixed 50% 0; } /* Overlay images */ .photo-overlay:link{ display:block; background: transparent url(/images/overlay-img.png) no-repeat 50% 50%; } .photo-overlay:hover{ background-color: transparent; } /* IE6 */ .lt-ie7 .liste-display-all-filters ul li{ margin-left: 5px; } .lt-ie7 .liste-create-alert{ } .lt-ie7 .detail-photo-pagination ul li{ margin-right: 5px; /* IE6 Double margin Bug */ } .lt-ie7 .form-pieces ul li{ width:16px; } /* IE6 et 7 */ .lt-ie8 .main-content-demicol{ width:49%; } /* Inline Block Support */ .lt-ie8 .liste-display-all-filters ul li, .lt-ie8 .liste-navpage-container .PagePre, .lt-ie8 .liste-navpage-container .PageSui, .lt-ie8 .liste-navpage-container .PageCli, .lt-ie8 .news-liste-attached ul li, .lt-ie8 .liste-bien-key, .lt-ie8 .sf-menu li, .lt-ie8 .topbox, .lt-ie8 .top-coords li, .lt-ie8 .first-menu li, .lt-ie8 .second-menu li, .lt-ie8 .main-lang li, .lt-ie8 .titre-onglet, .lt-ie8 #pied-social li, .lt-ie8 .pied-ref li, .lt-ie8 .pied-menu li, .lt-ie8 #pied-share li, .lt-ie8 .ico-back, .lt-ie8 .button, .lt-ie8 .button.blue, .lt-ie8 #widgets-bottom li a { display:inline; zoom: 1; vertical-align: top; } /* ============================================================================= Non-semantic helper classes Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .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: drupal.org/node/897638 */ .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: nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Le clear du 960.gs qui peut etre utile dans certains cas */ .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} /* ============================================================================= 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 */ } /* ============================================================================= Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; box-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ /* Désactivation des elements pour le print */ .header-ref-h1, .header-ref-h2, .first-menu, .second-menu, .header-lang-container, .maselection, #bandeau-container, .detail-topnav, .large-flap-controls, .side-form-inner, .sidebar-content, .detail-bien-likes-badges, .detail-bien-localite-r200, .top-coords, .liste-create-alert, .selection-actions, .liste-bien-actions, .liste-navpage-container, .detail-elargir-recherche, #footer, .top-boxes, #supersized, #widgets-bottom, .side-site-ville-content, .diapo-texte, li.localite, .page-top{ display: none !important; } /*Mise en forme liste */ .page {margin-top: 190px !important;} /*Mise en forme fiche detail */ .side-agence-detail { margin-top: 190px !important; } .thumbs-flap-container { margin-top: 5px !important; } .side-form-content { width: 250px !important; } .photo-slideshow.photo-large { /*width: 600px !important;*/ } #TitreDpe{clear: both; } #content{ padding-top: 5cm;} #main-container{ padding:0 !important; } a, a:visited { color: #444 !important; 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; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 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; } } .error-form{ border-color: #e9322d !important; -webkit-box-shadow: 0 0 6px #f8b9b7 !important; -moz-box-shadow: 0 0 6px #f8b9b7 !important; box-shadow: 0 0 6px #f8b9b7 !important; color: #b94a48 !important; } /* Google map show-on-click */ .gg-map.gg-map-show-on-click{ background: url("/images/beforemap.jpg") !important; background-position: center !important; background-size: cover !important; cursor: pointer !important; text-align: center; } .gg-map.gg-map-show-on-click:before{ content: "Click to show the map"; display: inline-block; background: rgba(95, 95, 95, 0.76); color: #FFF; padding: 10px; position: relative; top: 45%; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .gg-map.gg-map-show-on-click:hover:before{ background: rgba(57, 57, 57, 0.88); }.gg-map.gg-map-show-on-click:hover:before{ background: rgba(57, 57, 57, 0.88); } .fr .gg-map.gg-map-show-on-click:before{ content: "Cliquez pour afficher la carte"; } @charset "UTF-8"; /* Animate.css - http://daneden.me/animate Licensed under the ☺ license (http://licence.visualidiot.com/) Copyright (c) 2012 Dan Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.wiggle { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; }