/******************************************************************************* @copyright Copyright (c) 2006, lewebconcret.ch @author jose malvarez @project www.easybrava.com @package styles.css ******************************************************************************** Description : feuille de styles Date : 14.07.2007 ******************************************************************************** Notes : Bleu : 008ed0 *******************************************************************************/ html { margin: 0em auto 2em auto; padding: 0; text-align: center; /* pour corriger le bug de centrage IE */ height: 100%; border: 0; font-size: 12px; width: 100%; text-overflow: ellipsis; } html.index { margin: 0em; padding: 0; text-align: left; /* pour corriger le bug de centrage IE */ height: 100%; border: 0; font-size: 12px; width: 100%; text-overflow: ellipsis;} body { background: #092e6b url("/img/bgDegrade.png") repeat-x; _background: #092e6b; font-family: "Lucida grande","Arial Unicode MS", Arial, sans-serif, Geneva, Arial, Verdana, serif; line-height: 140%; color: rgb(102, 102, 102); text-align: center; margin: 0em auto 2em auto; width: 66.6666em; text-align: center; } body.index { background: #fff; width: 100%; } body * { border: 0px solid yellow; margin: 0em; padding: 0; } div.container { float: left; border: 0px solid yellow; width: 66.6666em; text-align: left; display: block; margin: 1em 0 1em 0; padding: 0em 0 1.5em 0; -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; background: #fff;} div.containerIndex { width: 100%; height: 100%; background: #fff;} div { margin: 0; padding: 0; } a { text-decoration: none;} a:hover { text-decoration: underline;} p { text-align: justify; padding: 1em; } label { float: left; width: 15em; clear: left; text-align: right; border: 0px solid blue; padding-right: 2em; line-height: 1.5em; } input, textarea { float: left; width: 25em; background-color: #ddd; color: #000; border: 1px solid silver; padding: 3px; margin-bottom: 1em; height: 1.5em;} textarea { height: 6em; width: 25.5em;} textarea.error { height: 6em; background-color: #ffcd9b; color: #ff0000; } textarea.ok { background-color: #b0ffb0; color: #008000; height: 6em;} input.error { background-color: #ffcd9b; color: #ff0000; padding: 3px;} input.ok { background-color: #b0ffb0; color: #008000; padding: 3px;} div.button { width: 100%; text-align: center; margin: 0 auto; padding: 0.5em 0; } div.button a { float: right; text-align: center; padding: 0.4em 0.5em; margin: 1em; background-color: #FFF09F; color: #808000; border: 1px solid #c9ab50; -moz-border-radius: 0.4em; -webkit-border-radius: 0.2em; font-weight: normal; } div.button a.center { float: none; } div.button a:hover { text-decoration: none; background-color: #c9ab50; color: #FFF09F; border-color: #c9ab50; } sup { font-size: 0.7em; padding: 0; margin: 0; line-height: .6em;} select { border: 1px dotted silver; padding: 3px; width: 25em; } dl.table_display { margin: 0em 0; padding: 0; } dl.table_display dt { clear: left; width: 13em; float: left; margin: 0em; padding: .5em; border-top: 1px solid #ddd; font-weight: bold; text-transform: lowercase;} dl.table_display dt:FIRST-LETTER { text-transform : uppercase;} dl.table_display dd { float: left; width: 30em; margin: 0em; padding: .5em; border-top: 1px solid #ddd; text-transform: lowercase; } dl.table_display dd:FIRST-LETTER { text-transform : uppercase;} table.table_display { width: 60em; margin: 0em 0; padding: 0; } table.table_display td { vertical-align: top; padding: .5em; border-top: 1px solid #ddd; margin: .5em; } table.table_display td#etoiles { vertical-align: middle; } table.table_display td.dt { width: 20em; font-weight: bold; text-transform: lowercase; } table.table_display td.dt:FIRST-LETTER { text-transform : uppercase;} table.table_display td.dd { width: 40em; } table.table_display td.ddPrice { width: 40em; font-weight: bold; } table.table_display td.dtAmenagements { width: 0em; font-weight: bold; } table.table_display td.ddAmenagements { width: 60em; font-size: 1.2em; padding-left: 0;} del { color: #999; } table.objets { } table.objets thead { } table.objets tr { } table.objets td { } table.objets tfoot { } table.dispo { font-size: 0.94em; } table.dispo td.month { text-align: center; margin: 1em; padding: 3em; vertical-align: top;} table.month { width: 75%; align: center; } div.legend { width: 43em; margin: auto; } div.legend div.lettrine { float: left; width: 1.5em; height: 1.5em; line-height: 1.5em; margin: 0; padding: 0; margin-right: 0.5em; clear: left; text-align: center; } div.legend ul { list-style-type: none; border: 1px solid silver; height: 3em; } div.legend li { padding: 0.5em 0 0 2em; height: 2em; line-height: 2em; margin: 0; float: left; } th.month { font-weight: bold; padding: 0.5em; margin: 0; font-size: 1.3em;} tr.weekRow td { border-bottom: 1px solid silver; padding: 0.1em; margin-bottom: 0.5em; } tr.week td.day div { cursor: pointer; padding: 0.2em; margin: 0.05em; height: 1.5em; width:1.5em; -moz-border-radius: 0em; -webkit-border-radius: 0em; } tr.week td.day div a { text-decoration: none; color: #000; } div.busy { color: black; background-color: red; border: 1px solid black; } div.free { color: green; background-color: lightgreen; border: 1px solid green; } div.dispo_0 { color: green; background-color: lightgreen; border: 1px solid green; } div.dispo_1 { color: black; background-color: #FFC224; border: 1px solid black; } div.dispo_2 { color: black; background-color: red; border: 1px solid black; } h1 { font-size: 1.4em; font-weight: bold; text-align: center; padding: 2em;} img { } ul.fieldContents { margin-left: 1.5em; } ul.fieldContents li { list-style-image: url("/img/puce.png"); list-style-type: circle; vertical-align: middle;} ul.fieldContentsNoImg li { list-style-type: none; vertical-align: middle;} table { } /******************************************************************************* elements de la page *******************************************************************************/ div.component { float: left; width: 100%; margin: 0; padding: 1em 0 ; } div.component#banner { color: #fff; width: 100%;} div.component#banner span { float: left; padding: 0.2em 0 0.2em 1.5em; color: #092e6b; letter-spacing: 0.1em; font-size: 1.2em; text-transform: uppercase; font-weight: bold; } div.component#banner #langlink { float: right; } div.component#banner #langlink ul { text-transform: lowercase; font-size: 0.65em; padding: 0.2em 1.5em 0.2em 0em; } div.component#banner #langlink li { display: inline; list-style-type: none; padding: 0.5em; text-align: center; } div.component#banner #langlink li a { text-decoration: underline; color: #c9ab50; font-size: 1.1em; letter-spacing: 0em; font-weight: normal; text-align: center;} div.component#banner #langlink li a.selected { text-align: center; color: #000; text-decoration: none; } div.component#banner #langlink li a:hover { text-decoration: none; color: #000; } div.component#logo { padding: 0; } div.component#logo img { float: left; width: 66.6em; text-align: center; border: 0; } div.component#menu { height: 2.5em; line-height: 2.5em; background: #c9ab50 url("/img/reflet_demi.png") 0% 1.25em repeat-x; _background: #c9ab50; padding-top: 0; padding-bottom: 0; } div.component#menu ul { padding-left: 0.5em; list-style-type: none; } div.component#menu li { display: inline; list-style-type: none; } div.component#menu li a { text-decoration: none; color: #fffcb9; font-size: 1.2em; font-weight: bold; padding: 0.41em 1em 0.4em 1em; } div.component#menu li a:hover { background-image: url("/img/voileClair.png"); _background: #D3BE82; color: #8F7935; } div.component#menu li a.selected { background-image: url("/img/voileClair.png"); _background: #D3BE82; text-decoration: none; color: #333; font-size: 1.2em; font-weight: bold; } div.component#messages { } div.component#messages p { border: 1px solid #000; padding: 0.5em 0.5em 0.5em 1.5em; margin: 1em 1em 0 1em; background-image: url("/img/voileBlanc.png"); } div.component#messages p.errors { background-color: red; color: red; border-color: red; } div.component#messages p.successes { background-color: green; color: green; border-color: green; } div.component#messages p.help { background-color: #808000; color: #808000; border-color: #808000; } div.component#explanations { float: left; clear: left; } div.component#explanations a { padding-left: 3.5em; text-decoration: underline; color: #c9ab50; font-size: 1.1em; letter-spacing: 0em; font-weight: normal; text-align: center; } div.component#explanations a.selected { text-align: center; color: #000; text-decoration: none; } div.component#explanations a:hover { text-decoration: none; color: #000; } div.component#middle { background: #fff url("/img/sun.gif") 100% 0% no-repeat; } div.component#footer { text-align: center; border-top: 1px solid silver; } div.component#noustrouverDetail { display: none; } #pagename { display: none; float: left; width: 15em; background: #fffcb9; clear: left; background: #fff url("/img/bgDegrade.png") repeat-x;} div.main { float: center; padding: 2em; } div.texte { margin: 1em; padding: 1em; } div.right { float: right; margin: 1em; padding: 1em; } div.table { margin-bottom: 2em; } div.br { clear: both; } div.pagination { text-align: center; margin: 1em; } div.pagination a { text-decoration: none; border: 1px dotted silver; background: #efefef; padding: 0.5em; margin: 0.5em; width: 2em; height: 2em; line-height: 2em;} .data a {text-decoration:underline; color:#C9AB50;} .data a:hover {text-decoration:none; color:#000000;} /******************************************************************************* pages *******************************************************************************/ #homepage { background-color: #082e6c; width: 100%; height:33.3em; position: absolute; top: 50%; left: 0; text-align: center; margin-top: -16.6em; border: 0px solid red; } #homepage img.home { width: 57.166666em; margin-top: -2.7em; border: 0px;} #homepage img.languages { height: 4.41666666em; border: 0px;} #homepage #bottom { width: 100%; height: 4.41666666em; background-color: #082e6c; padding-top: 0; padding-bottom: 0; border-top: 0px solid white; border-bottom: 0px solid gray; } #homepage #bottom ul { } #homepage #bottom li { display: inline; list-style-type: none; padding: 0em; margin: 0em; height: 53px; } #homeContact { background: #fff; } #home div.img { text-align: center; } #home #notreSelection { float: right; margin: 1em; border: 1px solid #c9ab50; padding: 0.5em; margin-left: 2.5em; background: #faf6df; -moz-border-radius: 0.8em; -webkit-border-radius: 0.2em; } #home #notreSelection:hover { background: #FFF5BF; } #home #notreSelection p#titre { color: black; border-bottom: 1px solid #c9ab50; margin-bottom: 0.5em; text-align: center; } #home #notreSelection #selectionElements { width: 12.5em;} #home #notreSelection #selectionElements p { font-weight: bold; text-align: center; padding: 0.5em 0; color: #000; } #home #notreSelection #selectionElements p#prix { border-bottom: 1px solid #fff; } #home #notreSelection #selectionElements p#firstprix { border-bottom: 0px; } #home #notreSelection #selectionElements img { width: 10em;} #sale div.filters { width: 58em; margin: auto; padding-bottom: 2em; text-align: center; } #sale div.filters div { border: 0px solid lightblue; } #sale div.filters div span { text-align: center; width: 100%; padding: 7px;} #sale div.filters select { border-style: solid; width: 12em; margin: 0.5em 1em; font-weight: normal; text-align: left; font-family: "courier new"; font-size: 1em; line-height: 1.3em; height: 2.1em; } #sale div.filters select option { border-bottom: 1px dotted silver; padding: 0.3em 0.3em 0.3em 0.5em; line-height: 1.3em;} #sale div.filters span { width: 13em; padding: 0 0 0 0.8em; margin: 0.5em; text-align: left; font-size: 0.9em; } #sale div.filters#saleFilters div { float: left; margin: auto; padding-bottom: 1em; text-align: center; } #sale img { float: left; width: 10em; margin-top : 4em; } #sale img.noImage { float: left; width: 10em; margin-top : 4em; } #sale dl { margin-left: 12em; } #sale table.records { border-top: 0px solid silver; clear: both; } #sale table.records td.records { border: 1px solid transparent; cursor: pointer; padding: 1em; } #sale table.records td.records:hover { border: 1px solid silver; background: #faf6df; -moz-border-radius: 1.5em; -webkit-border-radius: 0.5em; } #sale table.table_display { float: center; margin-left: 13em; width: 39em; padding: 0; } #sale table.table_display div.stars { } #sale table.table_display div.stars ul.stars { display: inline; height: 2.25em; } #sale table.table_display div.stars ul.stars li img { width: 27px !important; padding: 0; margin: 0; height: 26px; } #sale table.table_display div.stars ul.stars li.star { height: 2.25em; width: 2.1666666em; display: inline; list-style-type: none; padding: 0; margin: 0; background-color: #c9ab50;} #sale table.table_display div.stars ul.stars li.noStar { height: 2.25em; width: 2.1666666em; display: inline; list-style-type: none; padding: 0; margin: 0; background-color: silver;} #sale table.table_display div.stars ul.stars li.noStar img { display: none; } #sale table h1 { margin-left: 10.5em; color: #000; font-weight: bold; font-size: 0.9em; text-align: left; padding-bottom: 1.5em; padding-top: 1.5em; text-transform: uppercase; letter-spacing: 2px;} #sale span.ref { } #sale span.ref:before { content: ""; } #sale span.ref:after { content: ""; } #sale span.place { padding-left: 1em; } #objet { float:left;} #objet h1 { color: #000; font-weight: bold; font-size: 1em; text-align: center; padding-bottom: 1.5em; padding-top: 1.5em; text-transform: uppercase; letter-spacing: 2px;} #objet h1 span.ref { } #objet h1 span.ref:before { content: ""; } #objet h1 span.ref:after { content: ""; } #objet h1 span.place { padding-left: 1em; } div.stars { width: 100%; text-align: left; padding-left: 0em; } div.stars ul.stars { display: inline; height: 2.25em; } div.stars ul.stars li img { width: 27px !important; padding: 0; margin: 0; height: 26px; } div.stars ul.stars li.star { height: 2.25em; width: 2.1666666em; display: inline; list-style-type: none; padding: 0; margin: 0; background-color: #c9ab50;} div.stars ul.stars li.noStar { height: 2.25em; width: 2.1666666em; display: inline; list-style-type: none; padding: 0; margin: 0; background-color: silver;} div.stars ul.stars li.noStar img { display: none; } #objet h1 div.price { display: none; } #objet h1 div.logo { display: none; } #objet div.photos { float: left; padding: 0; margin: 0;} #objet div.photos #photo { float: left; padding: 0; margin: 0;} #objet div.photos #photo img { width: 29.16666em; margin-top: 0em; } #objet div.photos #photo img.noImage { width: 10em; margin-top: 0.5em; } #objet div.photos #thumbs { padding: 0em; margin: -0.8em 0em 0em 30em;} #objet div.photos #thumbs img.thumb { margin: 0.8em 0.95em; width: 8.26em; } #objet div.photos #thumbs img.videoThumb { margin: 0.5em; width: 8.26em; } #objet div.videos { float: left; margin-left: 2.5em; margin-bottom: 1.5em; } #objet div.videos div.video { float: left; height: 20em; margin-right: 1.9em;} #objet div.videos div.video embed, #objet div.videos div.video object { width: 26.66666em; height: 21.5em; margin-top: 0.5em; border: 0; } #objet div.videos div.video img { display: none; } #objet div.data { float: left; margin-top: 2em; border-bottom: 1px solid #ddd; } #objet div.data dl.table_display dd { width: 40em; } #objet div.data dl.table_display ddAmenagements { width: 60em; } #services h2 { font-size: 1em; font-weight: bold; text-align: center; padding-top: 2em; border-bottom: 1px solid silver; } #services div.bloc { width: 50em; margin: auto; } #services div.bloc div.image { float: right; padding: 1em;} #services div.bloc div.image#left { float: left; } #links h2 { font-size: 1em; font-weight: bold; text-align: center; padding-top: 2em; border-bottom: 1px solid silver; } #links a { text-decoration: underline; color: #c9ab50; font-size: 1.1em; letter-spacing: 0em; font-weight: normal; text-align: center;} #links a:hover { text-decoration: none; color: #000; } #links div.bloc { float: left; width: 100%; margin: 0 auto 0 auto; margin-bottom: 2em; } #links div.blocAnnuaires p { width: 30em; border-bottom: 1px dotted silver; padding: 1.5em 0 2.5em 0; margin: 1em auto 1em auto; text-align: center; } #links div.bloc div.image { float: right; padding: 1em; width: 20em; background-color: #fff; text-align: center; } #links div.bloc div.image img { } #links div.bloc div.image#left { float: left; } #contacts p { text-align: center; } #contacts a { text-decoration: underline; color: #c9ab50; font-size: 1.1em; letter-spacing: 0em; font-weight: normal; text-align: center;} #contacts a:hover { text-decoration: none; color: #000; } #contacts div#map { float: left; text-align: center; width: 100%; } #contacts div#map img { text-align: center; } #contacts select { margin-bottom: 1em; float:left; } #contacts div.button { width: 100%; text-align: center; margin: 0 auto; padding: 0.5em 0; } #contacts div.button a { text-decoration: none; float: right; text-align: center; padding: 0.4em 0.5em; margin: 1em; background-color: #FFF09F; color: #808000; border: 1px solid #c9ab50; -moz-border-radius: 0.4em; -webkit-border-radius: 0.2em; font-weight: normal; } #contacts div.button a.center { float: none; } #contacts div.button a:hover { text-decoration: none; background-color: #c9ab50; color: #FFF09F; border-color: #c9ab50; } /******************************************************************************* formulaires *******************************************************************************/ #spacer.gif { width: 3em; height: 2em;} #formRem { margin-left: 1px; margin-right: 1px; padding-left: 1em; line-height: 2em; height: 2em; font-style: normal; color: #ffffff; border-bottom: 1px solid #ffffff; text-align: center; } #formFields { margin-left: 1px; margin-right: 1px; padding: 1em; } #formButtons { margin-left: 1px; margin-right: 1px; padding-left: 1em; padding-top: 1em; text-align: center; margin-top: 0;} #formFields span { color: white; font-weight: normal; width: 10em; float: left; text-align: right; padding-right: 0.3em;} #formFields input, #formFields textarea, #formFields select { color: #996600; border-color: #ffffff; width: 13.8888em; background-color: #ffffff; margin-bottom: 0.2em; border: 0px;} div.error { background-color: #ffd5d5; } div.error ul { } div.error li { border-bottom: 1px dashed red; line-height: 2em; } /******************************************************************************* * MODIFICATIONS * ****************************************************************************** * Date Auteur Description * ---------- ------ ------------------------------------------------------------ *******************************************************************************/