/*
* 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.
*/
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%; }
body { height:100%; margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #bc1318; color: #fff; text-shadow: none; }
::selection { background: #bc1318; color: #fff; text-shadow: none; }
a { color: #bc1318; }
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 ||
|| ||
\\ ========================================== //
*/
html{ }
body{ background: #f1f1f1 url(/images/bg-global.png) no-repeat 50% 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#global{ }
.emphase{ color:#bc1318; font-weight: bold; }
.img-right{ float:right; vertical-align: middle; margin:0 0 10px 10px; border:#fff 5px solid; box-shadow: 0 0 4px rgba(0,0,0,.3); }
.img-left{ float:left; vertical-align: middle; margin:0 10px 10px 0; border:#fff 5px solid; box-shadow: 0 0 4px rgba(0,0,0,.3); }
/* 1.1 Fontes
----------------------------------------------------------------------------------------------------*/
/* 2011 CrossBrowser Bulletproof @font-face Synthax de Fontspring */
@font-face {
font-family: 'AmaranthRegular';
src: url('webfonts/Amaranth-webfont.eot');
src: url('webfonts/Amaranth-webfont.eot?#iefix') format('embedded-opentype'),
url('webfonts/Amaranth-webfont.woff') format('woff'),
url('webfonts/Amaranth-webfont.ttf') format('truetype'),
url('webfonts/Amaranth-webfont.svg#AmaranthRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AmaranthBold';
src: url('webfonts/Amaranth-Bold-webfont.eot');
src: url('webfonts/Amaranth-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('webfonts/Amaranth-Bold-webfont.woff') format('woff'),
url('webfonts/Amaranth-Bold-webfont.ttf') format('truetype'),
url('webfonts/Amaranth-Bold-webfont.svg#AmaranthBold') format('svg');
font-weight: normal;
font-style: normal;
}
/* 2.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 .25em; color:#bc1318; font: 32px/1.231 'AmaranthRegular', sans-serif; }
.heading2 { margin: .3em 0; color:#574e4e; font: 25px/1.231 'AmaranthRegular', sans-serif; }
.heading3 { margin: .3em 0; color:#bc1318; font: 15px/1.231 'AmaranthBold', sans-serif; }
.heading4 { margin: .2em 0; color:rgb(139, 139, 139); font: 18px/1.231 'AmaranthRegular', sans-serif; }
.heading5 { color:#999; font: 14px/1.5 'AmaranthRegular', sans-serif; text-shadow: 0 2px 1px #000; }
.heading6 { font: 130%/1.231 'AmaranthRegular', sans-serif; color:rgb(44, 44, 44); margin:1.5em 0 .5em;}
.smaller{ font-size:95%; }
/* Personalisation */
.page-masque .heading2{ }
.heading2 span{ color:#fff; font-family: 'AmaranthBold', sans-serif; }
/* 2.2 Jquery UI
----------------------------------------------------------------------------------------------------*/
/* Dialog */
#DialogFriend, #DialogFriendAnnonce, #DialogFriendSelection, #DialogVideo{ width:500px; }
#DialogCalc{ width:700px; }
#DialogAlertOk, #DialogAlertErr, #DialogFriendOk, #DialogFriendErr{ width:400px; }
/* 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; }
/* 2.3 Autres
----------------------------------------------------------------------------------------------------*/
/* Share */
.share{ text-align: right; }
.share ul{ margin:0; padding:0; list-style: none; }
.share li{ display: inline-block; margin-left: 10px; }
.share li a{ display:block; }
/* Bouttons */
ul.buttons{ margin:0; padding:0; list-style:none; font-size:10px; text-transform:uppercase; color:#fff; }
.button{ display:inline-block; height:24px; line-height:24px; background: transparent url(/images/bg-button.png) no-repeat top left; text-transform: uppercase; font-size: 11px; }
li.button{ margin-right:10px; padding-left: 3px; }
.detail-topnav li.button{ margin-right:0; }
.button div{ height:24px; line-height:24px; padding-left:4px; padding-right:8px; margin-left:3px; background: transparent url(/images/bg-button.png) no-repeat bottom right; }
.button a:link{ background: none; }
.button span:hover{ color:#cbced5; cursor:pointer; }
.button span:active{ position:relative; top:1px; }
.button a:hover{ background:none; }
/* Pictos (Pour les bouttons) */
.ico-back{ float:left; height:24px; line-height: 24px; padding-left: 0 !important; padding-right: 15px; }
.ico-selection{ background: transparent url(/images/bg-pictos-all.png) no-repeat 0 0; padding:2px 0 2px 20px; }
.ico-detail{ background: transparent url(/images/bg-pictos-all.png) no-repeat 0 -21px; padding:2px 0 2px 20px; }
.ico-envoyer{ background: transparent url(/images/bg-pictos-all.png) no-repeat 0 -43px; padding:2px 0 2px 24px; }
.ico-imprimer{ background: transparent url(/images/bg-pictos-all.png) no-repeat 0 -69px; padding:2px 0 2px 24px; }
.ico-calc{ background: transparent url(/images/bg-pictos-all.png) no-repeat 0 -95px; padding:2px 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; }
/* Pictos (Pour les titres ) */
.ico-recherche{ background: transparent url(/images/bg-pictos-titres.png) no-repeat 0 2px; padding:2px 0 2px 24px; }
.ico-maison{ background: transparent url(/images/bg-pictos-titres.png) no-repeat -1px -22px; padding:2px 0 2px 24px; }
.ico-coeur{ background: transparent url(/images/bg-pictos-titres.png) no-repeat -1px -44px; padding:2px 0 2px 24px; }
/* Ref */
.header-ref-h1{ height:18px; line-height: 18px; padding-top: 4px; color:#fff; font-size: 10px; font-weight: bold; text-align: right; white-space: nowrap; overflow:hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE 8 */
filter: alpha(opacity=20); /* IE 5-7 */
-moz-opacity: 0.2; /* Netscape */
-khtml-opacity: 0.2; /* Safari 1.x */
opacity: 0.2; /* Good browsers */}
.header-ref-h1 h1{ font-size: 10px; margin:0; }
/* 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:275px; height:125px; position:absolute; top:200px; left:0; color:#fff; overflow:hidden; z-index: -1000; }
.header-ref-h2 h2{ font-size: 10px; margin:0; }
/*
// ========================================== \\
|| ||
|| II. HEADER ||
|| ||
\\ ========================================== //
*/
/* 2.1 Header
----------------------------------------------------------------------------------------------------*/
header#top{ position: relative; width:980px; margin:0 auto; }
.header-container{ }
.header-content{ margin-left: 210px; }
#header-logo{ position: absolute; top:15px; left:14px; z-index: 500; }
.header-topinfos{ height:70px; padding-top: 10px; font: 20px/1.231 'AmaranthBold', sans-serif; color:#fff; }
.header-infos{ height:70px; float:left; }
.header-infos-extracontent{ float:left; width: 405px; padding: 15px 20px 0 0; text-align: right; }
.header-infos-content{ height:60px; float:left; width:135px; background: transparent url(/images/picto-tel.png) no-repeat 0 50%; padding: 10px 0 0 43px; color: #404040; }
/* 2.2 Header Menu
----------------------------------------------------------------------------------------------------*/
.header-menu{ height:60px; text-align: right; font-size: 0; /* Natural White-space between Inline-blocks */ }
.header-menu li { display: inline-block; height:60px; font: 22px/1 'AmaranthBold', sans-serif; color:#bc1318; text-align: left; background: transparent url(/images/bg-header-menu-separator.png) no-repeat 100% 100%; }
.header-menu li.last{ background: none; }
.header-menu li span{ display:block; font: 16px/1 'AmaranthRegular', sans-serif; color:#574e4e; }
.header-menu li a:link, .header-menu li a:visited{ display: block; padding: 0 15px; height:60px; background: transparent url(/images/bg-header-menu-items.png) repeat-x 100% 100%; }
.header-menu li a:hover, .header-menu li a:active{ background: transparent url(/images/bg-header-menu-hover.png) repeat-x 100% 100%; color: #000; }
.header-menu .current{ background: transparent url(/images/bg-header-menu-current.png) no-repeat 50% 100%; height:100%;}
.header-menu li.current a:link, .header-menu li.current a:visited { color:#fff; }
.header-menu li.current a:hover, .header-menu li.current a:active { color:#fff; }
/* 2.3 Langues
----------------------------------------------------------------------------------------------------*/
.main-lang-container{ float:left; padding-top: 5px; /* Hauteur du menu */}
.main-lang{ text-align:center; vertical-align:top; padding: 10px 10px 0 0; }
.main-lang ul{ list-style: none; margin:0; padding:0; }
.main-lang ul li{ display:inline-block; width: 22px; height: 16px; overflow: hidden; margin-left: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; }
/* 2.3 SuperFish jQuery Menu
----------------------------------------------------------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin:0; padding: 0; list-style: none; }
.sf-menu { }
.sf-menu ul { position: absolute; top:-999em; width:180px; padding:5px 0; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { float:left; display:block; width:160px; padding:0 10px; margin: 3px 0; text-align: left; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { /*float:left;*/ display: inline-block; position: relative; /* Hauteur du line-height de .header-menu */}
.sf-menu li.current a:link,
.sf-menu li.current a:visited{ background:#d2265e url(/images/bg-header-menu-current.png) repeat-x 0 0; color:#fff; border:#d1265e 1px solid; text-shadow: 0 1px 0 rgba(0,0,0,.3); }
.sf-menu li.current a:hover,
.sf-menu li.current a:active{ background:#d2265e url(/images/bg-header-menu-current.png) repeat-x 0 0; color:#fff; border:#d1265e 1px solid; text-shadow: 0 1px 0 rgba(0,0,0,.3); }
.sf-menu a:link { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 35px; /* match top ul list item height */ z-index: 99; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.3); }
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: 180px; /* match ul width */ top: 0; }
/*** DEMO SKIN ***/
.sf-menu { }
.sf-menu a:link, .sf-menu a:visited { color:#555; }
.sf-menu a:hover, .sf-menu a:active { background: none; color:#d2265e; }
.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{ color:#d2265e; }
/* Hover deuxieme niveau */
.sf-menu li.sfHover li a:link,
.sf-menu li.sfHover li a:visited{ background:none; color:#333; border-left:none; border-top:none; border-right:none; border-bottom: #ccc 1px solid; display: block; }
.sf-menu li.sfHover li a:hover{ color:#d2265e; }
.sf-menu li.sfHover li.last a{ border-bottom: none; }
/*** 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:275px; margin-top: -100px; /*position: relative;*/ }
.home #sidebar{ margin-top:-20px; }
.sidebar-content{ box-shadow: 2px 2px 8px rgba(0,0,0,.3); }
/* Titre de la sidebar */
.sidebar-content-title{ font: 16px/1.231 'AmaranthBold', sans-serif; background:#bc1318 url(/images/bg-header-menu-current.png) repeat-x 0 0; }
.sidebar-content-title img{ float:left; padding-right: 5px; }
.sidebar-content-title .heading3{ margin:0; padding:20px 20px 20px 25px; color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,.4); text-transform: none; }
.sidebar-content-title .enveloppe{ padding-left:45px !important; margin-left:10px; background:transparent url(/images/enveloppe.png) no-repeat 0 15px; }
.sidebar-content-title .empty{ padding:15px 0 0 5px !important; }
/* Side bar Détail */
.side-agence{ color:#fff; text-shadow: 0 1px 0 rgba(0,0,0,.3); }
.side-agence-content{ color:#ddd; }
.side-agence-content .side-agence-title{ font: 13px/1.231 'AmaranthBold', sans-serif; color:#fff; }
/* Boxes */
.boxes-container{}
.boxes{ margin:20px 0; }
.boxes p{ margin:0 0 .25em 0; color:#ddd; }
.boxes-container .heading3{ margin:0; font: 21px/1.231 'AmaranthRegular', sans-serif; }
.boxes-container .more{ text-align: right; margin-top: 5px; }
.boxes-container .alerte-box, .boxes-container .estim-box{ width:275px; color:#fff; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(0,0,0,.7); }
.boxes-container .alerte-box{ background: transparent url(/images/bg-alertebox.png) no-repeat 0 0; padding-top:5px; }
.boxes-container .alerte-box .alerte-box-content{ background: transparent url(/images/bg-alertebox.png) no-repeat right bottom; padding: 10px 10px 10px 70px; }
.boxes-container .estim-box{ background: transparent url(/images/bg-estimbox.png) no-repeat 0 0; padding-top:5px; }
.boxes-container .estim-box .estim-box-content{ background: transparent url(/images/bg-estimbox.png) no-repeat right bottom; padding: 10px 10px 10px 70px; }
/* Fiche detail */
.side-agence{ background: transparent url(/images/bg-side-agence.png) no-repeat 0 0; padding-top:22px; margin: 0 -5px 20px -10px; }
.side-agence .heading4{ margin-left: 30px; margin-bottom: 10px; font-size:14px; text-shadow: 1px 1px 1px rgba(0,0,0,.4); }
.side-agence .side-agence-content{ background: transparent url(/images/bg-side-agence.png) no-repeat right bottom; padding:0 0 20px 30px; color:#ccc; }
.side-agence-title{ font: 14px/1.5 'AmaranthBold', sans-serif; }
/*
// ========================================== \\
|| ||
|| IV. CONTENT ||
|| ||
\\ ========================================== //
*/
/* 4.1 Conteneur central
----------------------------------------------------------------------------------------------------*/
.home #main-container{ margin-top: 260px; }
#main-container{ width:980px; margin:0 auto; margin-top: 260px; }
#main-content{ }
.home .page-container{ }
.page-container{ }
.page-content{ background: transparent url(/images/bg-page.png) no-repeat 100% 0; }
.page-inner{ padding:20px; background: transparent url(/images/bg-page-inner.png) repeat-x 0 0; margin-right: 20px; min-height: 545px; box-shadow: 0 0 15px rgb(216, 216, 216); }
.page-inner header{ padding:10px 20px; }
.page-inner header p{ margin:.25em 0; color: #000; }
.page-inner-ref{ padding:20px 20px 0; }
.page{ float:left; width:685px; padding: 20px 0 0 20px; min-height: 400px; color:#eee; margin-top: -120px; color: #000; }
.home .page{ margin-top: 0; }
.home .page-masque{ }
.page-masque-content{ background: #fff; border:rgb(219, 219, 219) 1px solid; padding:15px 20px; margin-top: 10px; }
.page-masque-content .heading3{ margin:0 0 1em; color:#ababab; font: 20px/1.231 'AmaranthRegular', sans-serif; background:transparent url(/images/alt-rarrow.png) no-repeat 0 50%; padding-left:30px; }
.main-content-demicol{ width:50%; float:left; display:inline; }
.main-content-demicol .form-highlight{ }
/* Pages génériques */
/* 4.2 Main Menu
----------------------------------------------------------------------------------------------------*/
/* Ma sélection */
.maselection{ position:absolute; top:40px; right:0; height:32px; padding-left: 5px; background: transparent url(/images/bg-maselection.png) no-repeat 0 0; font: bold 14px/32px 'AmaranthRegular', sans-serif; color:#fff; text-shadow: 0 1px 1px rgba(0,0,0,0.4); letter-spacing: -1px; }
.maselection-content{ background: transparent url(/images/bg-maselection.png) no-repeat 100% -32px; padding-left: 5px; }
.header-maselection-nb{ display:inline-block; width:12px; padding:0 11px; font-size:11px; text-align: center; color:#fff; }
/* 4.3 Home
----------------------------------------------------------------------------------------------------*/
.home-content{ position: relative; padding: 10px 260px 0 15px; }
.home #bandeau-container{ }
#bandeau-container{ background:#3c3c3c; border-width: 5px 0; border-style: solid; border-color: #cbced5; position: absolute; top:162px; height: 250px; width:980px; z-index: -999; }
#bandeau-content{ width:100%; height:250px; overflow: hidden; }
.slides_container{ width:100%; height:250px; overflow: hidden; }
.slide1{ background: transparent url(/images/bg-bandeau1.jpg) no-repeat top center; width:980px; height:250px; }
.slide2{ background: transparent url(/images/bg-bandeau2.jpg) no-repeat top center; width:980px; height:250px; }
.slide3{ background: transparent url(/images/bg-bandeau3.jpg) no-repeat top center; width:980px; height:250px; }
.slide4{ background: transparent url(/images/bg-bandeau4.jpg) no-repeat top center; width:980px; height:250px; }
.slide5{ background: transparent url(/images/bg-bandeau5.jpg) no-repeat top center; width:980px; height:250px; }
/* Bloc Agence */
.bloc-agence{ position:absolute; top:20px; right: 0; width:195px; height:230px; padding:35px 25px 0 180px; background: transparent url(/images/bg-bloc-agence.png) no-repeat 0 0; }
.bloc-agence-intro{ font: italic 17px/1.1 'AmaranthRegular', sans-serif; text-shadow: 0 2px 1px rgba(0,0,0,.4); color: #fff; }
.bloc-agence-title{ font: 22px/1 'AmaranthRegular', sans-serif; text-shadow: 0 3px 1px rgba(0,0,0,.25); color:#e8a2a4; margin:.3em 0; }
.bloc-agence-title span{ font-family: 'AmaranthBold', sans-serif; text-transform: capitalize; color:#fff; }
.bloc-agence-more{ text-align: right; }
/* Home-form */
.home-search{ width:275px; padding-top: 10px; background: #bc1318 url(/images/bg-home-moteur.png) no-repeat -275px 0; }
.home-search-content{ width:275px; min-height: 257px; background: #bc1318 url(/images/bg-home-moteur.png) no-repeat 0 100%; }
.home-form{ padding:20px 0 0 20px; color:#fff; }
.home-form .form-rubrique{ text-shadow: 0 1px 1px rgba(0,0,0,.5); }
.home-form .custom-select-container{ width:160px; }
.home-form .prixmin{ width:100px; }
.home-form .prixmax{ width:80px; }
.home-form .prixmax .unite{ padding:0; }
.home-form .input-prixmin{ width:50px; }
.home-form .input-prixmax{ width:50px; }
.home-form .unite { color:#fff !important; }
/* Home Slider */
.home-services{ float:left; width:530px; }
.home-services .large-flap-container{ overflow:hidden; width:504px; height:245px; }
.home-services .no-flap{ display: block; }
.home-slider{ width:504px; height:245px; background: transparent url(/images/bg-home-slider.png) no-repeat 100% 0; /* Width + Height pour le slide */ position:relative; left:10px; padding:18px 18px 35px; }
.home-slider-container{ width:504px; height:245px; }
.home-slide-text{ padding: 40px 0 0 40px; margin-right: 253px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.5); }
.home-slide-text .heading1{ color:#fff; font: 33px/1.231 'AmaranthRegular', sans-serif; text-transform: none; margin:0; }
.home-slide-text .heading3{ color:#fff; font: 18px/1.231 'AmaranthRegular', sans-serif; text-transform: none; margin:0; }
.home-slide-text p{ }
.home-slide-text .more{ text-shadow: 0 -1px 0 #000; }
a.home-slide-link:link, a.home-slide-link:visited{ display: block; width:100%; height: 100%; position: absolute; top:0; left:0; }
a.home-slide-link:hover, a.home-slide-link:active{ display: block; width:100%; height: 100%; position: absolute; top:0; left:0; background: none; }
.home-slide1{ background: transparent url(/images/home-slide1.png) no-repeat center right; width:504px; height:245px; }
.home-slide2{ background: transparent url(/images/home-slide2.png) no-repeat center right; width:504px; height:245px; }
.home-slide3{ background: transparent url(/images/home-slide3.png) no-repeat center right; width:504px; height:245px; }
.home-services .home-slide-prev, .home-services .home-slide-next{ width:35px; height:42px; position: absolute; top:125px; cursor: pointer; z-index: 9700; }
.home-services .home-slide-prev{ left:-9px; background: transparent url(/images/home-slider-controls.png) no-repeat 0 0; }
.home-services .home-slide-prev:hover{ background: transparent url(/images/home-slider-controls.png) no-repeat 0 -44px; }
.home-services .home-slide-next{ right:-9px; background: transparent url(/images/home-slider-controls.png) no-repeat -40px 0; }
.home-services .home-slide-next:hover{ background: transparent url(/images/home-slider-controls.png) no-repeat -40px -44px; }
/* Vedettes home */
.home-featured{ margin-bottom: 20px; }
.home-featured-content{ }
.home-featured .last{ margin-right: 0; }
.home-vignette-container{ float:left; width:210px; margin-right: 18px; min-height:200px; }
.home-vignette{ }
.home-vignette-img-frame{ background:#fff; width:172px; padding:3px; box-shadow: 0 0 6px rgba(0,0,0,0.4); }
.home-vignette-img-frame img{ width:172px; height:122px; }
.home-vignette-content{ padding: 17px 15px 12px; position:relative; background: transparent url(/images/bg-home-vignette.png) no-repeat 0 100%; min-height: 55px; }
.home-vignette-title{ font: 12px/1.231 'AmaranthBold', sans-serif; text-transform: uppercase; color:#bbb; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
.home-vignette-ville{ font: 15px/1.231 'AmaranthBold', sans-serif; color:#fff; }
.home-vignette-price{ font: 14px/1.231 'AmaranthBold', sans-serif; color:#bf2f40; text-shadow: 0 1px 1px rgba(0,0,0,.3); padding-top: 5px;}
.home-vignette-link{ position: absolute; bottom: 10px; right: 10px; }
/* Personalisation du Slideshow */
.home-vignette .large-flap-frame{ padding:15px 15px 0; background: transparent url(/images/bg-home-vignette.png) no-repeat 100% 0; }
.home-vignette .large-flap-container{ overflow:hidden; width:172px; height:122px; position: relative; text-align: center; box-shadow: 0 0 8px rgba(0,0,0,0.4); background:#fff; padding: 3px; }
.home-featured .no-flap{ display: block; }
.home-featured .is-flap{ background: transparent url(/images/overlay-img.png) no-repeat 50% 50%; }
.home-vignette .large-flap-container img{ width:172px; vertical-align: middle; }
.home-vignette .large-flap-container div.diapo{ text-align: center; }
.home-vignette .caption{ display:block; position:absolute; top:3px; left:3px; width:172px; height:122px; z-index:9950; opacity:0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.home-vignette .caption a{ display:block; width:100%; height:100%; background:none;}
/* 4.4 Mode Liste (Texte)
----------------------------------------------------------------------------------------------------*/
.liste .page{ }
.ui-effects-transfer{ border:#fff 2px dotted; }
.mention-inter-agence,
#MentionInterAgence{ margin:10px 0; font-style: italic; font-size: 11px; color:#666;}
/* Alerte Email*/
.liste-create-alert{ background:transparent url(/images/bg-white60.png) repeat 0 0; color:#ccc; font: 13px/19px 'AmaranthRegular', sans-serif; position:relative; padding:10px; margin-bottom:30px; border:rgb(255, 255, 255) 1px solid; box-shadow: 0 0 8px rgba(0,0,0,.5); }
.liste-create-alert .heading4{ color:#bc1318; font: 18px/1.231 'AmaranthRegular', sans-serif; }
.liste-create-alert-img{ width:78px; text-align: right; float:left; display:inline; }
.liste-create-alert-img img{ vertical-align: middle; }
.liste-create-alert-content{ margin-left:90px; padding-top:9px; }
.liste-create-alert-content-title{ margin-right:220px; color: rgb(87, 87, 87); }
.liste-create-alert-content-input{ position:absolute; bottom:18px; right:16px; }
.liste-create-alert-content-input input{ vertical-align:middle; }
.liste-create-alert-submit{ width:35px; height:36px; margin-left:5px; }
/* Affichage de la liste */
.liste-display-all{ position:relative; min-height:400px; /* Min-height pour l'ajax loading */ }
.liste-display-all-nb{ color:#fff; font: 21px/1.231 'AmaranthRegular', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.3); margin-bottom: 15px; }
.liste-display-all-title{ margin-bottom:30px; position:relative; }
.liste-display-all-title .heading2{ padding:7px 0 2px 0; background:none; color:#fff; text-transform:uppercase; font: 20px/1.231 'AmaranthRegular', sans-serif; }
#NbBien{ color:#fff; font: 28px/1.231 'AmaranthBold', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
.liste-display-all-filters{ color:#fff; position: absolute; top: 0; right: 10px; text-align: right; }
.liste-display-all-filters ul{ margin:0; padding:0; list-style: none; }
.liste-display-all-filters ul li.liste-filter-legend { color:#888; background: none; text-transform: uppercase; font-weight: bold; font-size: 11px; }
.liste-display-all-filters ul li.liste-filter-legend:hover { background: none; cursor: default; }
.liste-display-all-filters ul li{ display: inline-block; *display:inline; *zoom:1; margin: 0 0 0 10px; padding:3px; min-width:44px; text-align:center; background: transparent url(/images/liste-filters.png) no-repeat 0 0; vertical-align: top; }
.liste-display-all-filters ul li:hover{ background: transparent url(/images/liste-filters.png) no-repeat 0 -23px; cursor: pointer; }
.liste-display-all-filters ul li:active{ background: transparent url(/images/liste-filters.png) no-repeat 0 -46px; }
.liste-display-all-filters ul li span{ display:block; }
.liste-display-all-filters ul li.liste-filter-prix span{ padding-left: 8px; background: transparent url(/images/bg-sort.png) no-repeat 2px 3px; }
.liste-display-all-filters ul li.liste-filter-prix.active-sort-desc span{ padding-left: 8px; background: transparent url(/images/bg-sort.png) no-repeat 2px -18px; }
/* Page Selection */
.selection-actions{ position:absolute; top:0; right:0; }
.buttons .SelectionOff span{ background-position: 0 -120px; color:#888;}
.buttons .SelectionOff a:link{ background-position: 0 -120px; color:#888;}
/* Bien de la liste */
.liste-bien-container{ background: #fff; padding:20px 0; position:relative; margin-top:10px; border:#e0e0e0 5px solid; box-shadow: 0px 0 5px rgba(0,0,0,0.3); }
.liste-bien-photo img.anti-cheat{ position: absolute; z-index: 990; width:239px; height:170px; }
.liste-bien-photo{ width:275px; float:left; /*display:inline; position: relative; IE6 BUG !!!!!!!!!! */ }
.liste-bien-photo-frame{ margin-left: 20px; padding:8px; background:#efefef url(/images/overlay-img.png) no-repeat 50% 50%; text-align: center;
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
box-shadow: 0px 0px 5px rgba(0,0,0,0.6);}
.liste-bien-photo-frame a{ display: block; height: 100%; }
.liste-bien-photo-frame img{ vertical-align:middle; }
.liste-bien-description{ margin-left:295px; padding-right:20px; }
.liste-bien-title{ text-transform: uppercase; font: 16px/1.231 'AmaranthRegular', sans-serif; color:#444; }
.liste-bien-key{ padding:0 5px; margin-bottom:8px; background: transparent url(/images/bg-horizontal-ribbon.png) no-repeat 100% 0; font: 11px/20px 'AmaranthBold', sans-serif; display:inline-block; color:#555; }
.liste-bien-key span{ display: inline-block; width:60px; margin-left:30px; text-align: center; color:#fff; text-shadow: 0 -1px 0 rgba(0,0,0,.4); }
.liste-bien-type{ font-size:13px; color:#888; }
.liste-bien-ville{ }
.liste-bien-price{ color: #bc1318; font: 14px/1.231 'AmaranthBold', sans-serif; text-transform: uppercase; margin-top: 5px; }
.liste-bien-txt{ font-size:12px; line-height: 18px; color:#444; margin:10px 0; text-align: justify; }
.liste-bien-buttons{ font-size: 10px; color:#fff; text-transform: uppercase; }
.liste-bien-buttons ul{ margin:0; padding:0; list-style: none; }
.liste-bien-buttons ul li{ display:inline-block; padding: 0 20px 0 10px; line-height:24px; height:24px; background: transparent url(/images/bg-btn-liste.png) no-repeat 0 0; }
.liste-bien-buttons input{ vertical-align:baseline; }
.liste-bien-ribbon{ position: absolute; top:24px; left:24px; }
.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-vendu{ width: 120px; height: 90px; background-position: 0 -270px !important; }
.ribbon-baisse{ width: 120px; height: 90px; background-position: 0 -360px !important; }
.liste-navpage-container{ background:#1a1a1a url(/images/bg-black-gradient.png) repeat-x 0 0; margin:20px 0 0 0; padding:10px 36px; box-shadow: 0px 0 4px rgba(0,0,0,0.25); }
.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 .PagePre,
.liste-navpage-container .PageSui,
.liste-navpage-container .PageCli{
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,
.liste-navpage-container .PageCli: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:#fff; }
/* Ajax */
.LoadListe{
z-index:999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; /* IE 8 */
filter: alpha(opacity=15); /* IE 5-7 */
-moz-opacity: 0.15; /* Netscape */
-khtml-opacity: 0.15; /* Safari 1.x */
opacity: 0.15; /* Good browsers */
}
#LoadingAjax{
background: transparent url(/images/ajax-loader.gif) no-repeat 50% 100%;
height:160px;
position:absolute;
top:100px;
left:0px;
width:100%;
z-index: 1000;
}
/* Programme neuf */
.liste-prog-title{ margin:0 0 20px 0; text-transform: uppercase; }
.liste-prog-type{ font-size:12px; font-weight: bold; color:#999; margin-bottom: 3px; }
.liste-prog-ville { font: 16px/1.231 'AmaranthBold', sans-serif; margin-bottom: 5px; }
.liste-prog-date { color:#999; text-shadow: none; font-size: 11px; background: transparent url(/images/puce-barre.png) no-repeat 0 0; padding-left:12px; }
.liste-prog-price{ color: #bc1318; }
/* 4.5 Mode Detail
----------------------------------------------------------------------------------------------------*/
.detail-display{ }
.detail-display-content{ }
.detail-topnav{ margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 11px; text-align: right; }
.detail-topnav .button{ margin-left:5px; }
.detail-pre-sui-hidden{ display: none; }
.detail-bottomnav{ margin-top: 20px; padding:9px; background:transparent url(/images/bg-page-inner.png) repeat-x 0 0; 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: 25px/1.231 'AmaranthRegular',sans-serif; margin: 0 0 20px; }
.detail-title-type{ color:#aaa; font: 18px/1.231 'AmaranthRegular',sans-serif; text-transform: uppercase; }
.detail-title-localisation{ }
.detail-price{ position: absolute; top:10px; right: 0; color: #bc1318; letter-spacing:normal; font: 18px/1.231 'AmaranthBold', sans-serif; }
.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-frame{ background:#eee; padding:12px; }
.detail-photo-img img{ display:block; width:601px; height:387px; }
.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{ margin-top:20px; }
.detail-bien-specs{ background:rgb(231, 231, 231); padding: 15px 20px; font-weight: bold; }
.detail-bien-specs ul{ margin:0; padding:0; list-style: none; }
.detail-bien-specs ul li{ float: left; width:210px; padding-left: 15px; background: transparent url(/images/puce-carre.png) no-repeat 0 50%; }
.detail-bien-cp, .detail-bien-ville, .detail-title-type { background: transparent url(/images/puce-barre.png) no-repeat 0 40%; padding-left:12px; margin-right:3px; }
.detail-bien-desc{ color:#000; font-size: 12px; line-height:19px; margin:20px 0 10px 0; }
.detail-annotation{ font-style: italic; font-size:11px; color:#bbb; }
.detail-bien-social{ margin:20px 0; padding: 10px; background: rgb(223, 223, 223); }
.detail-bien-share{ margin-bottom: 5px; padding-bottom: 5px; }
.detail-bien-likes-badges{ }
.detail-bien-likes-badges ul{ list-style: none; padding: 0; margin: 0; }
.detail-bien-likes-badges li{ display: inline-block; }
.detail-bien-share-title, .detail-bien-likes-badges-title{ float:left }
.detail-bien-share-icons, .detail-bien-likes-badges-icons{ margin-left:150px; }
/* DPE */
.TitreDpe{ margin:20px 0 10px; }
.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 0px 0px; font-family:Arial, Helvetica, sans-serif; }
/* Inactif */
.detail-photo-container-inactif{ background:#eee url(/images/logo-small.png) no-repeat 20px 50%; height:70px; padding:30px 20px 0 140px; color:#666; }
.detail-inactif-title{ font-size:13px; text-transform: uppercase; margin-bottom: 5px; color:#666; font-weight: bold; }
/* 4.7 Toutes les autres pages du site
----------------------------------------------------------------------------------------------------*/
/* Contact */
.contact-form{ color:#eee; }
.contact-infos-agence{ margin-bottom: 20px; padding-bottom: 10px; border-bottom:rgb(214, 214, 214) 1px solid; color: #000; }
/* Alerte */
.alertemail-form{ color: rgb(95, 95, 95); }
/* 4.8 Référencement
----------------------------------------------------------------------------------------------------*/
/* Pages de ref */
.ref-intro{ background:#444; color:#bbb; 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 li{ float:left; width:260px; font-size: 11px; line-height: 1.5; }
.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:#0B99AB; }
/* Plan */
.ref-plan-moteur{ float: right; margin: 0 0 20px 20px; }
/* Mini Liste */
.liste-bien-ref-container{ background: transparent url(/images/bg-white90.png) repeat 0 0; padding:20px; position:relative; margin-bottom:10px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); }
.liste-bien-ref-description{ }
.liste-bien-ref-key{ font: bold 11px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color:#aaa; }
.liste-bien-ref-title{ text-transform: uppercase; font: 15px 'QuicksandBold', sans-serif; margin:.5em 0; position: relative; color:#444; }
.liste-bien-ref-type, .liste-bien-ref-ville { }
.liste-bien-ref-price{ position:absolute; top:0; right:0; color: #bc1318; font-weight: bold; font: 15px 'QuicksandBold', sans-serif; }
.liste-bien-ref-txt{ font-size:12px; line-height:1.5; color:#444; margin:5px 0; }
/* Pied Ref */
.pied-ref{ font-size: 11px; }
.home #pied-ref-content{ padding: 0 0 7px 0; margin:0 0 7px 0; border-bottom:#444 1px solid; }
/* Pied Ref Villes */
.pied-ref-villes{ padding: 7px 0 0 0; margin:7px 0 0 0; border-top:#444 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-text{ float:left; width:600px; color:#bbb; font-size:11px; color:#444; }
.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:#eee; padding-top: 10px;}
.pied-ref-defil-images ul{ margin:0; padding:0; list-style: none; /* Styles pour le jQuery marquee */ height: 100px; 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:#666; }
.marquee-content-title{ font-size: 11px; font-weight: bold; color:#999; }
.marquee-content-price{ color:#bc1318; 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:262px; display:inline-block; background:#444; margin: 0 10px 10px 0; padding:5px; font-size:11px; min-height:70px; 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:#bc1318; }
.region-annonces-container .region-annonces-content-desc{ color:#ccc; 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:#444 1px solid; }
.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-footer.png) no-repeat 100% 50%; }
.annuaire-intro{ background:#333; padding: 10px 20px; margin-bottom: 20px; font-size: 11px; color:#999; 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; color:rgb(156, 156, 156); background: transparent url(/images/puce-carre.png) no-repeat 0 50%; /*text-transform: uppercase;*/ padding-left: 10px; /*border-radius: 2px; */ margin:1em 0 .25em; }
.annuaire-categories ul{ list-style: none; }
.annuaire-categories ul li{ background: none; border-bottom: #444 1px solid; margin-bottom: 7px; padding: 0 0 7px 0; }
.annuaire-categories p{ font-size:11px; margin:.25em 0; border-left:#555 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; color:#444; }
.success{ background: #D1EED1; border:#BFE7BF 1px solid; padding:10px 20px; color:#444; }
/* Page Contact R9 (Nuage d'annonces) */
.ClassAnnonceNuage{ padding:0 0 5px 0 !important; margin:.5em 0; border-bottom: #555 1px solid; font-size: 11px; color:#bbb; }
#TitreLocalisation{ padding:20px !important; background:#444; 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{}
.ref-elargir-annonces{ font-size: 11px; margin-left: 20px; color:#888; }
.ref-elargir-annonces ul{ margin:0 0 0 0; padding:0; list-style: none; }
.ref-elargir-annonces ul li{ margin-bottom: 4px; padding-bottom: 4px; border-bottom: #444 1px solid; }
/* Listing Similaire */
.ClassAnnonceSimilaire{ padding:0 0 5px 0 !important; margin:.5em 0; border-bottom: #444 1px solid; font-size: 11px; }
/* Listing Expression */
.ville_expression{ padding:0 !important; }
/* 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:#444 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:#bc1318; text-transform: uppercase; font-weight: bold; padding:0 10px; margin:0 3px 5px 0; line-height: 26px; }
.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, .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:#bc1318; }
/* Partenaires */
.pied-ref-partners ul{ color:#fff; 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-footer.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; }
.liste .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; box-shadow: 0 0 3px #e3e3e3; 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: transparent url(/images/btn-new-search.png) no-repeat; }
.ref .bloc-lib-critere-liste-new-search a:link,
.ref .bloc-lib-critere-liste-new-search a:visited{ color: #fff; }
.ref .bloc-lib-critere-liste-new-search a:hover,
.ref .bloc-lib-critere-liste-new-search a:active{ color: #bc1318; 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; color: #000;
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%); }
/* 4.9 Adapt Slideshow jQuery
----------------------------------------------------------------------------------------------------*/
.detail-photo-container{ border-bottom: #444 1px solid; }
.detail-photo-container .slideshow{}
/* Personalisation */
.detail-photo-container .large-flap-frame{ width:601px; padding:12px; background:rgb(233, 233, 233) url(/images/ajax-loader.gif) no-repeat 50% 50%; position: relative; box-shadow: 0 0 10px rgba(0,0,0,.6); }
.detail-photo-container .large-flap-container{ overflow:hidden; width:601px; height:387px; /* Dimension des images voir numage.txt */ cursor: pointer; position: relative; text-align: center; }
.detail-photo-container .anti-cheat{ overflow:hidden; width:601px; height:387px; position: absolute; top:0; left:0; display: block; z-index: 960; }
.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:576px; height:432px; */ vertical-align: middle; }
.slideshow-loaded.detail-photo-container .large-flap-frame{ background: rgb(233, 233, 233); }
.slideshow-loaded.detail-photo-container .large-flap-container div.diapo{ display: block }
.detail-photo-container .large-flap-container .is-flap{ display: none; }
.detail-photo-container .large-flap-container div.diapo{ width:601px; height:387px; text-align: center; }
.large-flap-nav{ z-index:970; position:relative; }
.large-flap-controls-content{ padding-left:40%; background:rgb(245, 245, 245); }
.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; }
.previous, .next{ width:37px; height:37px; position: absolute; top:180px; cursor: pointer; }
.previous img, .next img{ width: 100%; height: 100%; display: block; }
.previous{ left:-16px; background: transparent url(/images/slider-controls.png) no-repeat 0 0; }
.previous:hover{ background: transparent url(/images/slider-controls.png) no-repeat 0 -38px; }
.next{ right:-16px; background: transparent url(/images/slider-controls.png) no-repeat -38px 0; }
.next:hover{ background: transparent url(/images/slider-controls.png) no-repeat -38px -38px; }
.no-flap{ display: none; }
.controls{ display: block; }
/* Thumbs */
.thumbs-flap-container{ margin-top:20px; }
.thumbs-flap-container .is-flap{ display: inline-block; *display:inline; *zoom:1; vertical-align: top; margin-right: 12px; margin-bottom: 12px; width:106px; background:#e0e0e0; text-align: center; cursor: pointer; position:relative; overflow:hidden; }
.thumbs-flap-container .is-flap img{ padding:3px; background:#e0e0e0; height:82px; width: auto; max-width: 100px; }
.thumbs-flap-container .thumbs-active img{ padding:3px; background:#bc1318; }
/* 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:980; 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:990; 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.10 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 #555;
-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 #555;
}
#content table td { vertical-align: top; }
#content table th + th, #content table td + td { border-left: 1px solid #555; }
#content table tr + tr td { border-top: 1px solid #555; }
#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: rgb(211, 211, 211); }
#content .zebra-striped tbody tr:hover td { background-color: #fff; }
/* 4.11 Module de News
----------------------------------------------------------------------------------------------------*/
/* Sur l'accueil */
.news-home-container,
.news-home-container p,
.news-home-container font{ /* On force les styles car le module de news change la fonte et la taille… */
font-size:13px !important;
line-height:1.231 !important;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
.news-home-text p{ margin:0; }
.news-home-text{ margin: 5px 0 10px; }
.news-home-title{ color:#bc1318; font: 15px/1.231 'AmaranthRegular', sans-serif !important; }
/* Slide Show News */
#news-container{ overflow:hidden;}
#news-container .slides_container{ width:100%; height:205px; overflow: hidden; /* IE7 */ }
#news-container .news-home-container{ width:100%; height:100%; }
#news-container .news-home-vide{ padding-top: 10px; }
#news-container .no-flap{ display: block; }
/* Page 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:#bc1318; font: 150% 'AmaranthRegular', sans-serif; text-shadow: 0 1px 1px #000; }
.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:160px; 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:6px 36px 6px 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; }
/* Perso News */
.news-liste-container .large-flap-container{ overflow:hidden; width:160px; height:170px; /* Dimension des images voir numage.txt */ cursor: pointer; position: relative; text-align: center; }
.news-liste-photo img.photo-large{ width:170px !important; max-width: 170px !important; height:auto !important; }
.news-liste-attached img.photo-thumbs{ width:100px !important; max-width: 100px !important; max-height:78px !important; }
/* 4.10 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
----------------------------------------------------------------------------------------------------*/
#footer{ background: transparent url(/images/bg-footer.png) repeat-x 50% 0; padding-bottom: 20px; }
#footer-container{ width:980px; margin: 0 auto; }
#footer-content{ font-size: 11px; }
#footer li.last a:link{ background:none; margin:0; padding:0; }
#pied-social{ padding: 0 0 7px 0; margin:0 0 7px 0; border-bottom:#444 1px solid; }
/* Pied Adresse */
.pied-adresse{ }
.pied-adresse-content{ padding: 20px 0; font: 16px/20px 'AmaranthRegular', sans-serif; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.3); letter-spacing: 1px; }
.pied-adresse ul{ margin:0; padding:0; list-style: none; }
.pied-adresse li{ float:left; padding-left:15px; margin-right: 15px; background: transparent url(/images/puce-barre.png) no-repeat 0 40%; }
.pied-agence-name{ font-size: 23px; }
/* 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 0 0 5px; }
.pied-menu-left, .pied-menu-right{ float:left;}
.fr .pied-menu-left{ width:725px; }
.fr .pied-menu-right{ width:160px; padding-left: 87px; text-align: left;}
.uk .pied-menu-left{ width:715px; }
.uk .pied-menu-right{ width:170px; padding-left: 87px; text-align: left;}
.pied-menu-left li{ display: inline-block; }
.pied-menu-left li:last-child a:link{ background: transparent url(/images/puce-barre-footer.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-footer.png) no-repeat 100% 50%; }
.pied-menu-right ul{ border-left: #444 1px dotted; }
.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:490px; }
.pied-share{ float:left; width:490px; text-transform: uppercase; }
.pied-share ul{ list-style: none; padding: 0; }
/* 5.2 Badges Réseaux Sociaux
----------------------------------------------------------------------------------------------------*/
#pied-share{ margin-bottom: 7px; padding-bottom: 7px; border-bottom: #444 1px solid; }
/* Partage */
.share-badges { color:#bc1318; }
.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: 10px; }
.share-badges .link{ text-transform: uppercase; color:#a1e1e9; }
.share-badges .link-hover{ text-transform: uppercase; color:#eee; 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{ }
/*
// ========================================== \\
|| ||
|| VI. LINKS ||
|| ||
\\ ========================================== //
*/
/* 6.1 Liens généraux
----------------------------------------------------------------------------------------------------*/
/* Effet "click" sur les liens */
a:active{position:relative;top:1px;}
a:link, a:visited{ color:#bc1318; text-decoration: none; }
a:hover, a:active{ color:#fff; background:#bc1318; text-decoration: none; }
a.nohover:hover{ background:none; }
/* 6.2 Header
----------------------------------------------------------------------------------------------------*/
.maselection a:link, .maselection a:visited{ color:#fff; }
.maselection a:hover, .maselection a:active{ background:none; color:#bc1318; }
/* 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:#bc1318; 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:#bc1318; background:#fff; text-decoration: none; }
/* Mode Détail */
.detail-topnav a:link, .detail-topnav a:visited{ color:#fff; text-decoration: none; }
.detail-topnav a:hover, .detail-topnav a:active{ color:#bc1318; 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; }
.detail-topnav .link{ color:#000; cursor:pointer; }
.detail-topnav .link-hover{ color:#bc1318; cursor:pointer; }
.detail-topnav .link-hover:active{ position:relative; top:1px; }
.side-agence a:link, .side-agence a:visited{ text-decoration: underline; }
.side-agence a:hover, .side-agence a:active{ color:#bc1318; background:#fff; text-decoration: none; }
/* Bouttons */
.button a:link, .button a:visited{ color:#fff; text-decoration: none; }
.button a:hover, .button a:active{ color:#cbced5; text-decoration: none; }
/* 6.5 Footer
----------------------------------------------------------------------------------------------------*/
.pied-ref a:link, .pied-ref a:visited{ color:#555; text-decoration: none; }
.pied-ref a:hover, .pied-ref a:active{ color:#ccc; background-color: transparent; text-decoration: none; }
.pied-menu a:link, .pied-menu a:visited{ color:#555; text-decoration: none; }
.pied-menu a:hover, .pied-menu a:active{ color:#ccc; background-color: transparent; text-decoration: none; }
.pied-share a:link, .pied-share a:visited{ color:#fff; text-decoration: none; }
.pied-share a:hover, .pied-share a:active{ color:#fff; text-decoration: none; }
.pied-share .link{ color:#cfd2db; cursor:pointer; }
.pied-share .link-hover{ color:#fff; cursor:pointer; }
/*
// ========================================== \\
|| ||
|| VII. FORMULAIRES ||
|| ||
\\ ========================================== //
*/
/* 7.1 Formulaires
----------------------------------------------------------------------------------------------------*/
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; }
.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-content{ width:360px; float:left; display:inline; }
.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; }
.form-critere-typerech li{ float:left; margin-right: 20px;}
.form-critere-typerech .form-critere-title{ 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; }
.side-form .form-highlight ul li label{ color:#fff; }
.form-highlight .heading4{ color:#ccc; 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: 10px; }
.page-home .form-extend{ margin-top:20px; }
.form-link-container{ /*border-top:#c2d849 1px solid; padding:10px 0 0 0;*/ margin-right:140px; font-size:12px; }
.form-link{ padding-right: 20px; background: transparent url(/images/round-rarrow.png) no-repeat 100% 50%; }
.form-submit-container{ position:relative; height:35px; min-height:35px; margin:10px 0 0 0; }
input.form-submit-alertemail,
input.form-submit-deposez,
input.form-submit-home,
input.form-submit-vendre,
input.form-submit-contact{
position:absolute; bottom: 0; right: 0;
}
input.form-submit-home{ bottom:-18px; right:20px; }
input.form-submit-home:active { bottom:-19px; right:20px; }
/* Colonnes page de formulaire */
.form-leftcol{ float:left; width:210px; padding-right: 15px; }
.form-rightcol{ float:left; width:290px; border-left: rgb(214, 214, 214) 1px solid; padding-left: 30px; }
/* 7.2 Side Formulaire
----------------------------------------------------------------------------------------------------*/
.side-form{ padding-top:2px; color:#000; background: #bc1318 url(/images/bg-home-moteur.png) no-repeat -275px 0; }
.side-form-content{ padding:0; background: #bc1318 url(/images/bg-home-moteur.png) no-repeat 0 100%; }
.side-form-deco{ background: transparent url(/images/bg-form-deco.png) no-repeat 50% 0; padding: 25px 20px 0; min-height: 200px; }
.side-form-sep{ margin-top: 10px; }
.side-liste-form-content{ padding-bottom: 20px; }
.side-form-content-title{ font: 17px/1.231 'AmaranthBold', sans-serif; color:#fff; padding:50px 20px 10px 10px; text-shadow: 1px 0 1px #000; }
.side-form-content-detail-title{ color:#fff; font: 22px/1 'AmaranthRegular', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.3); margin-bottom: 15px; padding-left: 50px; background: transparent url(/images/enveloppe.png) no-repeat 0 70%; }
.side-form .form-rubrique{ font-weight: bold; color:#fff; font-size:12px; text-shadow:0 1px 1px rgba(255,255,255,.4); padding-left: 8px;}
.side-form .form-critere .form-rubrique{ background:transparent url(/images/puce-carre.png) no-repeat 0 50%; /*padding-left:8px;*/ color:#fff; }
.side-form label{ font-size:11px; color:#fff; }
.side-form .form-highlight{ padding:20px 0 20px 20px; }
.side-form .form-highlight ul li { width:100%; margin-right:0; }
.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:90px; float:left; }
.side-form textarea{ width:215px; height:70px; }
.side-form-submit{ text-align:right; padding: 15px 0;}
.side-form-submit input{ }
.side-form .legend{ font-style:italic; font-size:11px; color:#fff; text-shadow:0 1px 1px rgba(255,255,255,.4); font-weight:bold;}
.side-form .form-critere label{ width:90%; margin-right:0; }
.side-form .form-critere li{ }
/* Slider Range Jquery UI Spécifique à l'accueil */
.home-search .ui-widget-content{ border-bottom:#c5da07 1px solid; border-top:#8fa33b 1px solid; border-left:#8fa33b 1px solid; border-right:#8fa33b 1px solid; }
.home-search .ui-slider-horizontal{ margin-top:8px; height:8px; background:#a3b34b url(/images/bg-ui-slider-alt.png) repeat-x 0 0; margin-right: 20px; cursor:pointer; }
.home-search .ui-slider-range{ background:#444 url(/images/bg-ui-slider-selected-alt.png) repeat-x 0 0; }
.home-search .ui-slider-horizontal .ui-slider-handle{
width:20px;
height:20px;
top:-6px;
background: transparent url(/images/bg-ui-slider-handle.png) no-repeat !important;
border:none;
outline: none;
cursor: pointer;
}
.home-search .ui-slider-horizontal .ui-slider-handle-left{ background-position:0 0; }
.home-search .ui-slider-horizontal .ui-slider-handle-right{ background-position:0 -22px; }
.home-search #LibSliderHabitable,
.home-search #LibSliderTerrain,
.home-search #LibSliderPiece,
.home-search #LibSliderChambre,
.home-search #LibSliderBudget{ color:#eef1dd !important; }
/* Slider Range Jquery UI Pour le reste */
.ui-widget-content{ border-bottom:#5b5b5b 1px solid; border-top:#313131 1px solid; border-left:#343434 1px solid; border-right:#343434 1px solid; }
.ui-slider-horizontal{ margin-top:8px; height:8px; background:#a3b34b url(/images/bg-ui-slider.png) repeat-x 0 0; margin-right: 20px; cursor:pointer; }
.ui-slider-range{ background:#444 url(/images/bg-ui-slider-selected.png) repeat-x 0 0; }
.ui-slider-horizontal .ui-slider-handle{
width:20px;
height:20px;
top:-6px;
background: transparent url(/images/bg-ui-slider-handle.png) no-repeat 0 0;
border:none;
outline: none;
cursor: pointer;
}
.ui-slider-horizontal .ui-slider-handle-left{ background-position:0 0; }
.ui-slider-horizontal .ui-slider-handle-right{ background-position:0 -22px; }
#LibSliderHabitable,
#LibSliderTerrain,
#LibSliderPiece,
#LibSliderChambre,
#LibSliderBudget{ color:#eef1dd; }
.side-form .ui-slider-horizontal{ margin-top:2px; }
#LibSliderHabitable, #LibSliderTerrain, #LibSliderPiece, #LibSliderChambre, #LibSliderBudget{
border:none;
background: none;
font: 11px/19px "Helvetica Neue", Helvetica, Arial, sans-serif;
outline: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* 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;*/
}
textarea{ resize:vertical; }
.required{ color:#bc1318; font-weight:bold; margin:0 2px; }
.separateur-simple{ height:5px; margin:5px 0 15px; border-top:rgb(214, 214, 214) 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-xlarge{ width: 250px; }
.input-xxlarge { width: 300px; }
.input-larger { width: 350px; }
.input-largest { width: 400px; }
.input-full{ width: 100%; }
/* 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; }
.white-form .form-highlight{ padding:15px 0 15px 20px; margin-bottom:10px; background: transparent url(/images/bg-form-highlight.png) repeat-x 0 0; }
.white-form form label, .white-form .form-rubrique label { color:#000; }
.white-form .unite{ padding-right:10px; color:#555; font-size: 11px; }
.side-form .white-form .unite{ color:rgb(226, 226, 226); }
.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; border:#555 1px solid; background: #494747 url('/images/bg-form-highlight.png') repeat-x 0 0; box-shadow: 0 2px 6px rgba(0,0,0,0.25); }
.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:rgb(245, 245, 245); border:rgb(233, 233, 233) 1px solid; background-position:0 -355px; color:#666; }
.black-form-alt form label, .black-form-alt .form-rubrique label { color:rgb(95, 95, 95); }
.black-form-alt .form-highlight{ padding: 15px 0 15px 20px; margin-bottom: 10px; background: rgb(238, 238, 238); border: rgb(211, 211, 211) 1px solid; color: rgb(71, 71, 71); }
.black-form-alt .unite{ padding-right:10px; color:#ccc; font-size: 11px; }
.black-form-alt .legend{ color:#ccc; font-size: 11px; }
.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:175px; 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;
height:expression(document.body.clientHeight > 150? "150px": "auto" );
}
.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:#999 !important; }
/*
// ========================================== \\
|| ||
|| VIII. COMPATIBILITE + EFFETS ||
|| ||
\\ ========================================== //
*/
/* 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; }
/* Taille de menu fixe pour cet enfoiré d'IE6 */
.lt-ie7 .main-menu li{ width:50px; white-space: nowrap; }
.lt-ie7 #sidebar { width:349px; }
/* 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 .header-menu li,
.lt-ie8 .main-lang li,
.lt-ie8 .titre-onglet,
.lt-ie8 .button,
.lt-ie8 .pied-ref li,
.lt-ie8 .share-badges li,
.lt-ie8 .likes-badges li,
.lt-ie8 .bloc-lib-critere-liste-label span{
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 */
.header-content,
.main-menu,
.detail-topnav,
.side-form-content,
.detail-bien-share,
.selection-actions,
.side-boxes,
.liste-navpage-container,
.large-flap-controls,
#bandeau-container,
#sidebar,
#footer{ display: none !important; }
.DpeNote{ color:white !important; }
#main-container{ margin-top: 30px; }
.side-form-content-detail-title{ padding-top: 20px; padding-left: 30px; }
a, a:visited { color: #444 !important; text-decoration: underline; }
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; }
.page{ margin-left: 275px; }
}.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"; }