﻿/* GLOBAL */
* { padding:0; margin:0; }
li { list-style:none; }
select { min-width:1.5em; }
body { font-family:verdana, sans-serif; color:#36626a; font-size:63%; background:#fff;
       overflow:hidden; }

img { border:0; }
table { border-collapse:collapse; }
a { color:#36626a; text-decoration:none; }
td { vertical-align:top; }
a:hover { text-decoration:underline; }

object { -moz-outline:none; -moz-user-select:none; }

.toolTip { display:none; background:#ffd; border:solid 1px #999; padding:2px 4px; color:#000; }

/* PAGE */

form { background:url(../_img/background.png) no-repeat bottom left; width:675px; }

.page-header { background:url(../_img/header.png) no-repeat; height:70px; }
.page-header h1 { padding:14px 0 0 16px; }

.page-body { margin:0; height:410px; overflow:hidden; background:url(../_img/page-bodybG.png) no-repeat 0 0; }
.page-body h2 { clear:left; padding:0 0 0 65px; height:34px;
                text-transform:uppercase; color:#666; font-size:1.5em; font-weight:bold; }
.page-body h2.page-title { margin:10px 0 0 45px; height:35px; text-indent:-999px; overflow:hidden;
                background:url(../_img/title-search.png) no-repeat 0 0; }

.page-footer { height:10px; }

/* SEARCH FORM */

.home-search { position:relative; z-index:1; background:url(../_img/lineChoice.png) no-repeat 46px 0; }
.search-form { height:105px; padding:10px 0 0 0; position:relative; width:100%; }
.search-form .left { position:relative; float:left; display:inline; margin:0 0 0 35px; width:310px; height:105px; }
.search-form .left .inner { margin:12px 0 0 11px; }
.search-form .left p { color:#666; margin:4px 0 0 4px; font-size:0.9em;
                       float:left; clear:left; display:inline; width:220px; }
.search-form .right { float:left; }
.search-form .right .inner { margin:12px 0 0 12px; }
.search-form .right button { margin-top:3px; }
.search-form .searchCriteria { visibility:hidden; }

.search-form .left .loading {
	position:absolute; left:203px; top:46px; width:16px; height:16px;
	background:url(../../_img/ajax-loader2.gif) no-repeat; border:0 none; }
.search-form .right .loading {
	position:absolute; left:-20px; top:4px; width:16px; height:16px;
	background:url(../../_img/ajax-loader2.gif) no-repeat; border:0 none; }

button { width:95px; height:18px; cursor:pointer; text-indent:-999px; margin-top:3px;
         background:url(../_img/btnValider.png) no-repeat; border:none; }
button span { display:block; height:19px; padding-top:4px; cursor:pointer; }

.ui-freetext { position:relative; float:left; display:inline;
               width:147px; height:24px; margin-right:8px; padding:0;
               background:url(../_img/field.png) no-repeat 0 0; }
.ui-freetext input { margin:0; padding:0; width:135px; border:0 none; background:none;
		position:absolute; top:3px; left:6px; }

.ui-select { cursor:pointer; float:left; clear:left; position:relative;
             width:160px; height:24px; margin:0 10px 4px 0;
             background:url(../_img/select.png) no-repeat 0 0; }
.ui-select span { display:block; width:150px; height:15px; overflow:hidden;
                  position:absolute; top:5px; left:6px; }

/* AJAX SUGGEST */
#SUGGEST { position:absolute; display:none; top:25px; left:0; z-index:3;
	width:225px; border:solid 1px #888; background:#fff; }
#SUGGEST li a { display:block; padding:4px; color:#000; font-size:1.1em; background:#fff; }
#SUGGEST li.highlight a { background:#ddd; }
#SUGGEST li a small { color:#666; }
#SUGGEST li a:hover { text-decoration:none; background:#004B93; color:#fff; }
#SUGGEST li a:hover small { color:#fff; }
#SUGGEST p { margin:4px; color:#f30; }

/*AJAX PANEL*/
#PANEL { display:none; position:absolute; width:497px; height:245px; left:90px; top:32px;
         color:#537c8e; background:url(../../_img/panelLeftMenu.png) no-repeat;
		 border-right:solid 6px #ccc; }
#PANEL.ie6 { background:url(../../_img/panelLeftMenu.gif) no-repeat; }
#PANEL .closeBtn { position:absolute; left:473px; top:11px; display:block; width:15px; height:15px;
	overflow:hidden; text-indent:-9999px; background:url(../../_img/btnClosePanel.gif) no-repeat top;
	-moz-outline:none; -moz-user-select:none;}
#PANEL .closeBtn:hover { background-position:bottom; }
#PANEL .inner { position:absolute; top:48px; left:30px; width:465px; height:152px; overflow:auto; }
#PANEL .buttons { position:absolute; top:205px; left:23px; font-size:1.2em; }
#PANEL .buttons a { display:block; width:71px; height:29px; float:left; margin-right:8px;
	color:#fff; text-align:center; font-size:0.8em; text-transform:uppercase; line-height:27px;
	background:url(../../_img/btnPanelBackgound.gif) no-repeat left; }
#PANEL .buttons a:hover { text-decoration:none; }

#PANEL .title { font-size:1.1em; margin-top:18px; margin-left:30px; }
#PANEL .title strong { color:#004b96; font-size:1.3em; }

#PANEL .inner input { position:relative; top:2px; }
#PANEL .intro { margin-bottom:10px; }
#PANEL .asColumns li { float:left; width:140px; height:18px; }
#PANEL .asColumns li em { font-style:normal; color:#000; }
#PANEL .twoColumns li { width:210px; }
#PANEL .entry { margin-top:14px; font-size:1.1em; }
#PANEL .entry label em { font-style:normal; text-decoration:underline; }
#PANEL .entry strong { color:#000; }
#PANEL .entry .slider { margin-top:2px; }
#PANEL .legal { margin-top:20px; font-size:1.1em; width:320px; }

#PANEL .buttons a { display:block; width:77px; height:29px; float:left; margin-left:8px; margin-right:8px;
	color:#fff; text-align:left; font-size:0.8em; text-transform:uppercase; line-height:28px;
	background:url(../_img/bt_annuler.gif) no-repeat left; cursor: pointer !important;}
#PANEL .buttons a.validateBtn {background:url(../../_img/bt_valider.gif) no-repeat left; cursor: pointer!important;}
#PANEL .buttons a.validateBtn span { display:none;}
#PANEL .buttons a.cancelBtn {background:url(../../_img/bt_annuler.gif) no-repeat left; cursor: pointer!important;}
#PANEL .buttons a.cancelBtn span { display:none;}


/* SLIDER */
.slider { position:relative; width:400px; height:18px; padding-right:5px;
          background:url(../../_img/slider_bg.gif) no-repeat top right; }
.slider .sliderInner { position:relative; height:18px; padding-left:5px; overflow:hidden;
                       background:url(../../_img/slider_bg.gif) no-repeat top left; }
.slider .sliderBar { position:absolute; top:4px; left:4px; height:9px; width:17px;
                     background:url(../../_img/slider_bar.gif) no-repeat top right; }
.slider .sliderCursor { position:absolute; top:-4px; left:-5px; height:25px; width:25px;
                        background:url(../../_img/slider_cursor.gif) no-repeat 5px 5px; }
.slider2 .sliderCursor { width:12px;
                        background:url(../../_img/slider_cursor.gif) no-repeat -7px 5px; }
.slider2 .sliderCursorMin { width:13px;
                        background:url(../../_img/slider_cursor.gif) no-repeat 5px 5px; }

/* CHECKBOX */
a.closebox { display:block; height:16px; color:#527D8D; padding-left:20px; line-height:15px;
    background:url(../../_img/btnClosePanel.gif) no-repeat 0 0; -moz-outline:none; -moz-user-select:none; }
a.closebox:hover { text-decoration:none; background-position:0 -15px; }

a.checkbox { display:block; height:16px; color:#527D8D; padding-left:20px; line-height:15px;
    background:url(../../_img/checkbox.gif) no-repeat 0 0; -moz-outline:none; -moz-user-select:none; }
a.checkbox:hover { text-decoration:none; background-position:0 -16px; }
a.checkbox-checked { background-position:0 -32px; }
a.checkbox-checked:hover { background-position:0 -48px; }

/* ADJUST */

#SLIDER_PRICE .slider { float:left; }
#SLIDER_PRICE .pictoTip { float:left; margin-left:5px; }
#SLIDER_MONTHLY { clear:left; }
.NOFINANCING #SLIDER_MONTHLY, .NOFINANCING #PANEL .legal { display:block; }

/* PROMOS */

.iframe404 { width:500px; margin:0 auto; padding-top:40px; font-size:1.2em;}
.titleBonneAffaire { height:18px;}
.dealFrame { height:197px; margin:10px 10px 16px 24px; }
.dealFrame  .innerFrame { background:#fff; overflow:hidden; }
.dealFrame .previousPicture, .dealFrame .nextPicture { float:left; z-index:1; position:relative; left:10px; }
.dealFrame .previousPicture a,
.dealFrame .nextPicture a { height:124px; width:22px; margin:0 2px;
    text-indent:-9999px; display:inline; float:left; overflow:hidden;
    background: url(../_img/Homepage/promo-arrows.png) no-repeat left #fff;}
.dealFrame .nextPicture { left:-10px; }
.dealFrame .nextPicture a { background-position:right; }
.dealFrame ul { float:left; width:576px; height:194px; overflow:hidden;}
.dealFrame ul li { float:left; width:190px; height:190px; }
.dealFrame ul li .smallSheet {  padding:0 15px; }
.smallSheet .thumbnailGoodDeal { height:23px; overflow:hidden;}
.smallSheet .thumbnailGoodDeal img { width:70px; height:23px; float:left; display:inline; margin-right:10px;}
.dealFrame ul li p.string {height:13px; width:165px; overflow:hidden;}
.dealFrame ul li p { margin:2px 0; overflow:hidden; }
.dealFrame ul li a:hover p { text-decoration:underline; }
.dealFrame ul li .nouvelleLicence { position:absolute; bottom:0; right:15px; }
.dealFrame .vehiclePicture { border:solid 3px #37699E; }
.dealFrame strong { float:left; line-height:18px; margin-right:8px;
                              font-weight:normal; font-size:1.2em; color:#000;}

/*SIMULATEUR FINANCEMENT BLOCK*/

#PANEL.PANEL_BUDGET { left:58px; border:0 none; }
#PANEL.PANEL_BUDGET .buttons { left:22px; top:320px; }

.SimulateurFinancement_ErreurOffre {color:Red; font-size:8pt; display:none;}
.SimulateurFinancement_ColumnGauche {width: 280px; font-size: 11px; float:left;height:160px;}
.SimulateurFinancement_ColumnDroite {width: 200px; font-size: 11px; float:right;height:160px;}
.SimulateurFinancement_ChargeurCalculer {color: Blue; font-size:8pt; display:none;}
.SimulateurFinancement_PresentationOffre {font-weight:bold;}
.SimulateurFinancement_TitreOffre {color:Blue; font-size:8pt;}
.SimulateurFinancement_DescriptionOffre {color:Black; font-size:8pt;}
.SimulateurFinancement_OuDefinissezVotreFinancement {color:Blue; font-weight:bold;}

.SimulateurFinancement_Control {width:150px; border:none; color:Black;}
.SimulateurFinancement_TitreControl {color:Black;}
.SimulateurFinancement_UnitControl {color:Blue; font-size:8pt;}
.SimulateurFinancement_ErreurValidation {color:Red; border:solid 1px red; }


