/* STYLES GLOBAUX */ body {font-size: 62.5%; margin: 0px auto; padding: 0px; background: url(../img/background_body_grey.gif) top center repeat-y; font-family: arial, sans-serif;} .buffer {clear: both; width: 770px; height: 30px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);} p {margin: 0.9em 0px 0.9em 0px; padding: 0px; line-height: 1.3em; font-family: arial, sans serif;} p.align-right{text-align:right} p.p-align-right{text-align:right} p.p-float-right{float:right} table {border-spacing:0px;border-collapse:collapse;} form {margin:0px;padding:0px} img.img-float-left{float:left; margin:3px 7px 3px 0px;} img.img-float-right{float:right; margin:3px 0px 3px 7px;} img.img-cursor-hand{cursor:hand} ul {margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;} ul li{list-style-type:square;margin:0.25em 0px 0.25em 0px;padding:0px} ul ul li{list-style-type:circle;} ul ul ul li{list-style-type:disc;} .no-display{display:none;} /* PAGE CONTAINER */ #page-container {width: 950px; margin: 0px auto; padding: 0px; background-color: white; border: solid 1px rgb(100,100,100);font-size: 120%;} /* EN-TETE */ #home-link {top: 10px; position: absolute; z-index: 3;} #home-link a {display:block;width: 285px; height:60px;} #site-slogan {width: 755px; top: 96px; position: absolute; z-index: 100; overflow: hidden; margin: 0px; padding-right: 15px; background-color: transparent;} #site-slogan .site-slogan {float: left; width: 700px; margin: 0px; padding: 0px 0px 0px 15px; background-color: transparent; font-size: 10px;} #site-slogan .site-slogan.title {float: left; width: 700px; margin: 0px; padding: 0px; color: #D097C0; font-family: arial, sans serif; text-align: left; font-weight: bold; font-size: 1.2em;} #site-slogan .site-slogan p.title {float: left; width: 700px; margin: 0px; padding: 0px; color: #D097C0; font-family: arial, sans serif; text-align: left; font-weight: bold; font-size: 1.2em;} #site-slogan .site-slogan p.subtitle {clear: both; float: left; width: 700px; margin: 0px 0px 0px 0px; padding: 0px; color: #D097C0; font-family: arial, sans serif; text-align: left; font-weight: bold; font-size: 1.5em;} #img-header {background: url(../img/bandeaulocation2.png);height:120px;width: 950px; margin: 0px; padding: 0px} #top-tools {width: 950px; top: 0px; position: absolute; z-index: 3; } #top-tools .links {float: right; margin: 0px; padding: 10px; font-family: verdana, arial, sans serif; font-size: 1.0em;} #top-tools .links ul {float: left; margin: 0px; padding: 0px 0px 0px 0px; border-left: solid 1px white; font-weight: bold;} #top-tools .links li {display: inline; list-style: none; margin: 0px; padding: 0px;} #top-tools .links li a {display: block; float: left; margin: 0px; padding: 0px 5px 0px 5px; border-right: solid 1px white; color: white; text-decoration: none; font-size: 0.8em;} #top-tools .links a:hover, .nav2 a.selected {color: #FFBCD3; text-decoration: underline;} /* MENU DE GAUCHE */ #sidebar-left {color: #FFFFFF;overflow: visible; clear: both; float: left;width: 200px; margin: 0px; padding: 15px 0px 0px 0px;} #sidebar-left #menu {margin: 0px; } /*#leftmenu .categorytitle {width: 200px;margin: 0px 0px 0px 0px; padding: 3px 5px 2px 36px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}*/ #sidebar-left #menu .categorytitle {width: 155px;margin: 0px 0px 0px 0px; padding: 3px 5px 4px 40px; background: url(../img/background-rub-menu-2.gif); color: rgb(255,255,255); font-weight: bold; font-size: 1.0em;} /*#leftmenu ul {width: 200px; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: rgb(219,230,241);}*/ #sidebar-left #menu ul {width: 200px; margin: 0px 0px 18px 0px; padding: 5px 0px 0px 0px; border-bottom: 3px solid #CCCCCC; background: url(../img/background-subrub-menu.gif);} #sidebar-left #menu li {list-style: none; margin: 0px; padding: 3px 7px 3px 3px; line-height:1.0em;} #sidebar-left #menu li a {display: block; height: auto !important; margin: 0px; padding: 0px 0px 0px 3px; border-left: solid 7px transparent; border-bottom:solid 1px transparent; color: #1D254E; text-decoration: none; font-size: 1.0em;} #sidebar-left #menu li a.new {color:#E2007A;font-weight:bold;border-left: solid 7px #E2007A;} #sidebar-left #menu li a:hover, #leftmenu li a.selected {border-left: solid 7px transparent; border-bottom:solid 1px #DD1379; color: #DD1379; text-decoration: none;} #sidebar-left .accroche {margin:0px 0px 5px 0px;padding-top:0px;} #sidebar-left .accroche #tel{background: url(../img/unequestion2.png) no-repeat;width:200px;height:195px;} #sidebar-left .accroche p {margin:0px 5px 0px 5px;font-size:0.9em} #sidebar-left .accroche p.ou {padding:0px 0px 0px 5px;font-weight:bold} #sidebar-left .accroche p.soit {padding:0px 0px 0px 5px;font-weight:bold} #sidebar-left .accroche p.email {background: url(../img/spotlook-ecrire.png) no-repeat;margin:10px 0px 10px 0px;padding:8px 0px 12px 36px;font-weight:bold;} #sidebar-left .accroche p.email a {color: #E10D7B;} #sidebar-left .accroche p.email a:hover {color: #FB46D6;} /* CORPS DE PAGE */ #content {float: left; width: 548px; min-height: 650px; margin: 0px; padding: 10px 20px 10px 20px; color: rgb(75,75,75); font-size: 1.0em;border-left:1px solid #DEE0EE;border-right:1px solid #DEE0EE;} #content h1 {margin: 0px 0px 0.8em 0px; padding: 2px 0px 4px 2px; border-bottom: solid 3px #E10D7B; color: #E10D7B; font-weight: bold; font-size: 130%;} #content h2 {margin: 1em 0px 0.3em 0px; padding: 0px; color: #838BBA; border-bottom:1px solid #838BBA; font-weight: bold; font-size: 130%;} #content h3 {margin: 0.7em 0px 0.3em 0px; padding: 0px; color: #838BBA; border-bottom:1px dotted #838BBA; font-weight: bold; font-size: 110%;} #content h4 {margin: 0.3em 0px 0.3em 0px; padding: 0px; coloe: rgb(60,60,60); font-weight: bold;font-size: 100%;} #content p.p-chapo {font-weight:bold;font-style:italic} #content a {color: #DE0375; text-decoration: underline;} #content a:hover {color: #BE79A9; text-decoration: underline;} #content a:visited {color: #DE0375;} #content p.p-readmore {margin: 1.0em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 90%; } #content input.textbox {font-family: arial, sans serif; font-size: 100%;border:1px solid #E1B7CD;background:#FCF5F9} #content textarea {font-family: arial, sans serif; font-size: 100%;border:1px solid #E1B7CD;background:#FCF5F9} #content select {font-family: arial, sans serif; font-size: 100%;border:1px solid #E1B7CD;background:#F3EAEF} #content fieldset {margin:5px 0px 5px 0px; border:1px solid #E1B7CD; padding:5px 8px 5px 8px;} #content fieldset legend {font-size:120%;color:#838BBA;font-weight:bold; margin-bottom:6px} #content fieldset p {margin: 0.3em 0px 0.3em 0px;} #content input.valid-button {font-family: arial, sans serif; font-size: 100%;font-weight:bold;background:#838BBA;color:#FFFFFF;font-size: 100%;outline:1px solid #0c5597;border:1px solid #0c5597;text-align:center;padding:1px 1px 1px 1px;cursor:hand} #content input.valid-button:hover {background: white;color: #838BBA;} #content input.valid-button1 {font-family: arial, sans serif; font-size: 100%;font-weight:bold;background:#E10D7B;color:#FFFFFF;font-size: 100%;outline:1px solid #E20D7B;border:1px solid #E20D7B;text-align:center;padding:1px 1px 1px 1px;cursor:hand} #content input.valid-button1:hover {background:#EF83BD;color: #FFFFFF;} #content .form-error {border:1px solid red;font-weight:bold;color:red;padding:5px;margin:10px 0px 10px 0px} #content .form-error p {margin: 0.3em 0px 0.3em 0px;} #content div.div-hr {border-bottom:1px solid #E1B7CD;margin:8px 0px 8px 0px;} #content hr {border:0px;border-bottom:1px solid #E1B7CD;background-color:#E1B7CD;color:#E1B7CD;height:1px} #content .link-pdf{background: url(../img/icon-pdf.gif) no-repeat;padding-left:20px} #content p.link-print{text-align:right;padding:8px 0px 8px 0px} #content a.link-print{background: url(../img/icon-print-24.gif) no-repeat;padding-left:30px;padding-top:7px;padding-bottom:7px; font-weight:bold} #content .breadcrumbs {margin:0px 0px 5px 0px;color: #DE0375;padding:0px;font-size:0.8em} #content .breadcrumbs a{text-decoration: underline;color: #DE0375;} #content .breadcrumbs a:hover {text-decoration: underline;color: #BE79A9;} #content #news-list {} #content #news-list h2 {background-color:#FDEBF4;color:#B53E7C;border:0px;padding:5px} #content #news-list .new-item {} #content #news-list .new-item .new-item-block {border:1px solid #FDEBF4;margin:0px 0px 10px 0px;} #content #news-list .new-item .new-item-block .new-item-title {background-color:#FCF2F7;padding:5px} #content #news-list .new-item .new-item-block .new-item-title a {color:#2B0B5E;font-weight:bold;text-decoration:none} #content #news-list .new-item .new-item-block .new-item-title a:hover {text-decoration:underline} #content #news-list .new-item .new-item-block .new-item-summary {padding:0px 3px 0px 3px} #content #news-list .new-item .new-item-block .new-item-summary p {padding:0px;margin:0.3em 0px 0.3em 0px} #content .estimate .header {border:1px solid #838BBA; padding:5px;margin:5px 0px 5px 0px} #content .estimate p {margin: 0.3em 0px 0.3em 0px;} #content .estimate .header .value {font-weight:bold;color:#1D2554} #content .estimate .client-data {padding:5px;margin:5px 0px 5px 0px}; #content .estimate .client-data .value {font-weight:bold;color:#1D2554} #content .estimate table {width:100%;border:1px solid #838BBA;border-collapse:collapse;padding:0px;margin:10px 0px 10px 0px} #content .estimate table th {padding:5px;background-color:#1D2554;color:white;border-bottom:1px solid #838BBA;} #content .estimate table td {border-top:1px solid #EEEEFF;;padding:5px;text-align:center} #content .estimate table td.left, #content .estimate table th.left {text-align:left;} #content .estimate table td.right #content .estimate table th.right {text-align:right;} #content .estimate table td.totalht {text-align:right;background-color:#F9F9FF; font-weight:bold;border-top:1px solid #838BBA;} #content .estimate table td.totaltva {text-align:right;background-color:#F9F9FF;border:0px} #content .estimate table td.totalttc {text-align:right;background-color:#EDEDF7; font-weight:bold;border-top:1px solid #838BBA;} #content .estimate table td.acompte {text-align:right;background-color:#F9F9FF; border-top:1px solid #838BBA;font-style:italic} #content .estimate table td.totalht-prix {text-align:center;background-color:#F9F9FF; font-weight:bold;border-top:1px solid #838BBA;} #content .estimate table td.totaltva-prix {text-align:center;background-color:#F9F9FF;border:0px} #content .estimate table td.totalttc-prix {text-align:center;background-color:#EDEDF7;font-weight:bold;border-top:1px solid #838BBA;} #content .estimate table td.acompte-prix {text-align:center;background-color:#F9F9FF;border-top:1px solid #838BBA;font-style:italic} #content .estimate .cgv {border:1px solid #838BBA; padding:5px;margin:5px 0px 5px 0px} #content .estimate-mail p.form-fieldname {float:left;width:100px;clear:both;} #content .estimate-mail p.form-fielvalue {float:left;} #content table.table-standard{border:1px solid #CCCCCC;border-collapse:collapse;padding:0px;margin:10px 0px 10px 0px} #content table.table-standard thead td, #content table.tableau-standard thead th {padding:5px;background-color:#1D2554;color:white;border:1px solid #CCCCCC;font-weight:bold} #content table.table-standard td {border:1px solid #CCCCCC;padding:5px;} #content table.table-standard{border:1px solid #CCCCCC;border-collapse:collapse;padding:0px;margin:10px 0px 10px 0px} #content table.table-standard thead td, #content table.tableau-standard thead th {padding:5px;background-color:#1D2554;color:white;border:1px solid #CCCCCC;font-weight:bold} #content table.table-standard td {border:1px solid #CCCCCC;padding:5px;} #content .steps {float:left;margin:0px 0px 8px 0px;padding:0px;border-bottom:3px solid #E10D7B;clear:both;width: 548px;} #content .steps ul {margin:0px;padding:0px;clear:both;list-style-type:none} #content .steps ul li {float:left;display:block;margin:0px;padding:0px} #content .steps ul li a {display:block;color: white;text-decoration:none;padding:5px 10px 5px 10px;color: white;background-color:#F6D0E4; font-weight: bold;width:100px;border-top:1px solid #F1F0F1;border-right:2px solid #F1F0F1} #content .steps ul li a.selected {background-color:#E10D7B;} #content .steps ul li a.active:hover {background-color:#EF83BD;} /*#content .category-tabs {float:left;margin:0px 0px 8px 0px;padding:0px;border-bottom:3px solid #202A5B;clear:both;width: 548px;} #content .category-tabs ul {margin:0px;padding:0px;clear:both;list-style-type:none} #content .category-tabs ul li {float:left;display:block;font-weight: bold;padding:0px; margin:0px;} #content .category-tabs ul li a {display:block;height:31px;color: white; background-color:#D9D1EC;text-decoration:none; padding:2px 20px 2px 20px;border-right:2px solid #E3DCF7;border-top:2px solid #E3DCF7;border-left:2px solid #E3DCF7;margin-right:1px;text-align:center;} #content .category-tabs ul li a:hover{background-color:#A9A3D5} #content .category-tabs ul li a.selected {background-color:#202A5B;border-right:3px solid #3B4989;border-top:3px solid #3B4989;border-left:3px solid #3B4989;} #content .category-tabs ul li a.selected:hover{background-color:#202A5B;}*/ #content .category-tabs {float:left;margin:0px 0px 8px 0px;padding:0px;border-bottom:3px solid #E10D7B;clear:both;width: 548px;} #content .category-tabs ul {margin:0px;padding:0px;clear:both;list-style-type:none} #content .category-tabs ul li {float:left;display:block;font-weight: bold;padding:0px; margin:0px;} #content .category-tabs ul li a {display:block;height:31px;color: white; background-color:#244A7B;text-decoration:none; padding:2px 15px 2px 15px;border-right:2px solid #E7EEF7;border-top:2px solid #E7EEF7;border-left:2px solid #E7EEF7;margin-right:1px;text-align:center;} #content .category-tabs ul li a:hover{background-color:#6192D1} #content .category-tabs ul li a.selected {background-color:#E10D7B;border-right:3px solid #E16DA9;border-top:3px solid #E16DA9;border-left:3px solid #E16DA9;} #content .category-tabs ul li a.selected:hover{background-color:#E10D7B;} #content .product {border-bottom:1px solid #DEE0EE;margin-bottom:4px;} #content .product .title {background:#838BBA;color:white;padding:2px; border:1px #505B9C solid;font-weight:bold;} #content .product .leftzone {float:left;padding:0px;width:140px} #content .product .leftzone p {text-align:center;padding:5px 10px 5px 0px} #content .product .rightzone {float:left;padding:0px 0px 10px 0px;width:408px} #content .product .rightzone .item-qty {border-bottom:1px #505B9C solid;background:#EDEFF9;margin:0px;padding:5px;color:#CB178E;font-weight:bold} #content .product .rightzone .item-qty .qty {background:white;margin:0px} #content .product .rightzone .product-hightlights p {border-bottom:1px dotted #DEE0EE;margin:0;padding-top:3px;padding-bottom:3px;} #content .product .rightzone .product-hightlights p.halfwidth {float:left;width:204px;} #content .product .rightzone .field-name {font-weight:bold; color:#838BBA;} #content .product .rightzone table.prices {border:1px solid #DEE0EE;margin-top:10px;font-size:0.9em} #content .product .rightzone table.prices td {border:1px solid #DEE0EE;padding:2px;text-align:center; width:80px; } #content .product .rightzone table.prices th {border:1px solid #DEE0EE;padding:2px;text-align:center;background:#DEE0EE;color:#838BBA} #content .generic-form label {font-weight:bold} #content .generic-form textarea {font-family: arial, sans serif; font-size: 100%;border:1px solid #E1B7CD;background:#FCF5F9} #content .generic-form select {font-family: arial, sans serif; font-size: 100%;border:1px solid #E1B7CD;background:#F3EAEF} #content .generic-form fieldset {margin:5px 0px 5px 0px; border:1px solid #E1B7CD; padding:5px 8px 5px 8px;} #content .generic-form fieldset legend {font-size:100%;color:#838BBA;font-weight:bold; margin-bottom:6px} #content .generic-form .textbox input {font-family: arial, sans serif; font-size: 100%;border:1px solid #E1B7CD;background:#FCF5F9} #content .generic-form .submit input {font-family: arial, sans serif; font-size: 100%;font-weight:bold;background:#838BBA;color:#FFFFFF;font-size: 100%;outline:1px solid #0c5597;border:1px solid #0c5597;text-align:center;padding:1px 1px 1px 1px;cursor:hand} #content .generic-form .submit input:hover {background: white;color: #838BBA;} /* SIDEBAR */ #sidebar-right {overflow: hidden; float: right; width: 160px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; text-align: left; color: #FFFFFF;} #sidebar-right .title {border-bottom: 10px #505B9C solid;border-top: 1px #505B9C solid; margin: 0px 0px 10px 0px; padding: 3px 5px 2px 40px; background: url(../img/background-rub-menu-2.gif); color: white; font-weight: bold; font-size: 1.0em;} #sidebar-right .realisation {text-align:center;margin:5px;} #sidebar-right .realisation img {border: 1px #EEEEEE solid;} /* FOOTER */ #footer {overflow: hidden; clear: both; width: 950px; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px #34275F; background-color: #34275F; color: #FFFFFF; font-size: 0.9em;} #footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em;} #footer a {color: rgb(255,255,255); text-decoration: underline;} #footer a:hover {color: rgb(0,0,0); text-decoration: none;} .icon-positionner {height:0px;} .icon-cart {clear: both;background: url(../img/spotlook-cart.png) no-repeat;position:relative;overflow:visible;z-index:100;bottom:5px;left:2px;width:32px; height:32px} .icon-faq {clear: both;background: url(../img/spotlook-faq.png) no-repeat;position:relative;overflow:visible;z-index:100;bottom:5px;left:2px;width:32px; height:32px} .icon-tv {clear: both;background: url(../img/tv.png) no-repeat;position:relative;overflow:visible;z-index:100;bottom:5px;left:2px;width:32px; height:32px} .icon-tv-wizard {clear: both;background: url(../img/spotlook-tv.png) no-repeat;position:relative;overflow:visible;z-index:100;bottom:5px;left:2px;width:32px; height:32px} .icon-reals {clear: both;background: url(../img/spotlook-reals.png) no-repeat;position:relative;overflow:visible;z-index:100;bottom:-3px;left:2px;width:32px; height:32px} .icon-miles {clear: both;background: url(../img/logo-miles-mini.png) no-repeat;position:relative;overflow:visible;z-index:100;bottom:5px;left:2px;width:32px; height:32px} .clearer{clear:both;height:0px;} p.p-print-warning{font-weight:bold;color:#CCCCCC;border:1px solid #CCCCCC;text-align:center;padding:7px}