/* RESET
------------------------- */
html,body{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%;  font-family:inherit;}
table{border-collapse:collapse; border-spacing:0;}
ol,ul{list-style:none;}
a{outline:0;}
img{border:0; -ms-interpolation-mode:bicubic;}
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;}
textarea{overflow:auto; vertical-align:top;}
ins {text-decoration: none;}
#seoquake-seobar-panel{display: none;}


/* GRID
------------------------- */
.show-sd{display:none !important;}
.show-md{display:none !important;}
.show-ld{display:none !important;}

@media screen and (max-width: 990px) {
    .container{width:745px; margin-left:auto; margin-right:auto; }
    .container:before, .container:after{display:table; content:"";}
    .container:after{clear:both;}
    .container .row{zoom:1; margin-left:-35px; }
    .container .row:before, .container .row:after{display:table; content:""; zoom:1;}
    .container .row:after{clear:both;}
    .container .row>[class*="span"]{display:inline; float:left; margin-left:35px;}
    .container .span1, .container .span-sd-1{width:30px;}
    .container .span2, .container .span-sd-2{width:95px;}
    .container .span3, .container .span-sd-3{width:160px;}
    .container .span4, .container .span-sd-4{width:225px;}
    .container .span5, .container .span-sd-5{width:290px;}
    .container .span6, .container .span-sd-6{width:355px;}
    .container .span7, .container .span-sd-7{width:420px;}
    .container .span8, .container .span-sd-8{width:485px;}
    .container .span9, .container .span-sd-9{width:550px;}
    .container .span10, .container .span-sd-10{width:615px;}
    .container .span11, .container .span-sd-11{width:680px;}
    .container .span12, .container .span-sd-12{width:370px;}

    .container .row > .offset1, .container .row > .offset-sd-1{margin-left: 100px;}
    .container .row > .offset2, .container .row > .offset-sd-2{margin-left: 165px;}
    .container .row > .offset3, .container .row > .offset-sd-3{margin-left: 230px;}
    .container .row > .offset4, .container .row > .offset-sd-4{margin-left:295px;}
    .container .row > .offset5, .container .row > .offset-sd-5{margin-left:360px;}
    .container .row > .offset6, .container .row > .offset-sd-6{margin-left:425px;}
    .container .row > .offset7, .container .row > .offset-sd-7{margin-left:490px;}
    .container .row > .offset8, .container .row > .offset-sd-8{margin-left:555px;}
    .container .row > .offset9, .container .row > .offset-sd-9{margin-left:620px;}
    .container .row > .offset10, .container .row > .offset-sd-10{margin-left:685px;}
    .container .row > .offset11, .container .row > .offset-sd-11{margin-left:750px;}

    iframe{width: 745px; overflow: scroll;}
    .reponsive-container-width{width: 745px;}
    .show-sd{display:block !important;}



}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .container{width:990px; margin-left:auto; margin-right:auto; }
    .container:before, .container:after{display:table; content:"";}
    .container:after{clear:both;}
    .container .row{zoom:1; margin-left:-42px; }
    .container .row:before, .container .row:after{display:table; content:""; zoom:1;}
    .container .row:after{clear:both;}
    .container .row>[class*="span"]{display:inline; float:left; margin-left:42px;}
    .container .span1, .container .span-md-1{width:44px;}
    .container .span2, .container .span-md-2{width:130px;}
    .container .span3, .container .span-md-3{width:216px;}
    .container .span4, .container .span-md-4{width:302px;}
    .container .span5, .container .span-md-5{width:388px;}
    .container .span6, .container .span-md-6{width:474px;}
    .container .span7, .container .span-md-7{width:560px;}
    .container .span8, .container .span-md-8{width:646px;}
    .container .span9, .container .span-md-9{width:732px;}
    .container .span10, .container .span-md-10{width:818px;}
    .container .span11, .container .span-md-11{width:904px;}
    .container .span12, .container .span-md-12{width:990px;}

    .container .row > .offset1, .container .row > .offset-md-1{margin-left: 128px;}
    .container .row > .offset2, .container .row > .offset-md-2{margin-left: 214px;}
    .container .row > .offset3, .container .row > .offset-md-3{margin-left: 300px;}
    .container .row > .offset4, .container .row > .offset-md-4{margin-left:386px;}
    .container .row > .offset5, .container .row > .offset-md-5{margin-left:472px;}
    .container .row > .offset6, .container .row > .offset-md-6{margin-left:558px;}
    .container .row > .offset7, .container .row > .offset-md-7{margin-left:644px;}
    .container .row > .offset8, .container .row > .offset-md-8{margin-left:730px;}
    .container .row > .offset9, .container .row > .offset-md-9{margin-left:816px;}
    .container .row > .offset10, .container .row > .offset-md-10{margin-left:902px;}
    .container .row > .offset11, .container .row > .offset-md-11{margin-left:998px;}

    iframe{width: 990px; overflow: scroll}
    .reponsive-container-width{width: 990px;}

    .show-md{display:block !important;}

}

@media screen and (min-width: 1280px) {
    .container{width:1262px; margin-left:auto; margin-right:auto; }
    .container:before, .container:after{display:table; content:"";}
    .container:after{clear:both;}
    .container .row{zoom:1; margin-left:-34px; }
    .container .row:before, .container .row:after{display:table; content:""; zoom:1;}
    .container .row:after{clear:both;}
    .container .row>[class*="span"]{display:inline; float:left; margin-left:34px;}
    .parentMarge0 .container .row .marge0{margin-left:0px;}
    .container .span1, .container .span-ld-1{width:74px;}
    .container .span2, .container .span-ld-2{width:182px;}
    .container .span3, .container .span-ld-3{width:290px;}
    .container .span4, .container .span-ld-4{width:398px;}
    .container .span5, .container .span-ld-5{width:506px;}
    .container .span6, .container .span-ld-6{width:614px;}
    .container .span7, .container .span-ld-7{width:722px;}
    .container .span8, .container .span-ld-8{width:830px;}
    .container .span9, .container .span-ld-9{width:938px;}
    .container .span10, .container .span-ld-10{width:1046px;}
    .container .span11, .container .span-ld-11{width:1154px;}
    .container .span12, .container .span-ld-12{width:1262px;}
    .container .acq{width:auto;}

    .container .row > .offset1, .container .row > .offset-ld-1{margin-left: 142px;}
    .container .row > .offset2, .container .row > .offset-ld-2{margin-left: 250px;}
    .container .row > .offset3, .container .row > .offset-ld-3{margin-left: 358px;}
    .container .row > .offset4, .container .row > .offset-ld-4{margin-left:462px;}
    .container .row > .offset5, .container .row > .offset-ld-5{margin-left:570px;}
    .container .row > .offset6, .container .row > .offset-ld-6{margin-left:678px;}
    .container .row > .offset7, .container .row > .offset-ld-7{margin-left:786px;}
    .container .row > .offset8, .container .row > .offset-ld-8{margin-left:894px;}
    .container .row > .offset9, .container .row > .offset-ld-9{margin-left:1002px;}
    .container .row > .offset10, .container .row > .offset-ld-10{margin-left:1110px;}
    .container .row > .offset11, .container .row > .offset-ld-11{margin-left:1218px;}

    iframe{width: 1262px; overflow: scroll}
    .reponsive-container-width{width: 1262px;}
    .show-ld{display:block !important;}
}


/* COMMON
------------------------- */
body{background-color:#fff; font-family: "nimbus-sans",sans-serif;font-style: normal; letter-spacing: 0.02em;font-weight: 400; font-size:13px; color:#414042;overflow-x: hidden;}
strong,.bold{font-style: normal;font-weight: 700;}
.italic{font-style: italic;}
a{text-decoration:none;  color:#414042;}
a:hover{text-decoration:underline;}
img.max-width { max-width: 100%; height: auto; }
.block { display: block; }
.inbl { display: inline-block; }
.inline { display: inline;}
.none { display: none;}
.sep-left-and-right { border-left: solid 1px #dad9cf; border-right: solid 1px #dad9cf; }
.margin-y-5{margin-top:5px; margin-bottom: 5px; }
.margin-y-10{margin-top:10px; margin-bottom: 10px;}
.margin-top-10{margin-top:10px !important;}
.margin-top-20{margin-top:20px !important;}
.margin-top-30{margin-top:30px !important;}
.margin-top-40{margin-top:40px !important;}
.margin-top-50{margin-top:50px !important;}
.margin-top-60{margin-top:60px !important;}
.margin-top-70{margin-top:70px !important;}
.margin-top-80{margin-top:80px !important;}
.margin-top-90{margin-top:90px !important;}
.margin-bottom-0{margin-bottom:0 !important;}
.margin-bottom-5{margin-bottom:5px !important;}
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-20{margin-bottom:20px !important;}
.margin-bottom-30{margin-bottom:30px !important;}
.margin-bottom-40{margin-bottom:40px !important;}
.margin-bottom-50{margin-bottom:50px !important;}
.margin-bottom-130{margin-bottom:130px }
.margin-right-5 {margin-right: 5px;}
.margin-right-10 { margin-right: 10px; }
.margin-left-10 {margin-left: 10px; }
.margin-y-20{margin: 20px 0;}
.mt1 { margin-top: 1em; }
.mt2 { margin-top: 2em; }
.mt2-5 { margin-top: 2.5em; }
.mb1 { margin-bottom: 1em; }
.padding-top-10 { padding-top: 10px;}
.padding-top-20 { padding-top: 20px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-40 { padding-left: 40px; }
.padding-right-10 {padding-right: 10px; }
.padding-right-20 { padding-right: 20px; }
.padding-bottom-10 { padding-bottom: 10px; }
.left { float: left; }
.right { float: right;}
@media only screen and (min-width: 1280px) {
    .padding-left-20-ld { padding-left: 20px; }
    .padding-left-30-ld { padding-left: 30px; }
    .margin-bottom-30-ld { margin-bottom: 40px; }
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .margin-bottom-20-md { margin-bottom: 20px; }
}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-justify { text-align: justify; }
.align-center{text-align:center;}
.valign-middle{vertical-align:middle;}
.center{margin: 0 auto;}
.float-none{float: none !important;}
.hidden{display: none;}
.relative { position: relative; }
.line-height-12{line-height: 12px;}
.line-height-22{line-height: 22px;}
.opacity-hover:hover{opacity:.7;}
.blue{color:#00a2e3;}
.orange{color:#ff4c00;}
.bluedark{color:#016fbe;}
.red{color:red;}
.green{color:#7db501;}
.black{color:#000;}
.colorWhite { color: #fff; }
.uppercase{text-transform: uppercase;}
.width-50 { width: 50%; }
.center { margin: 0 auto; }
.grey-input { color: rgb(153,153,153); }

.w1   { width: 1%; }
.w2   { width: 2%; }
.w3   { width: 3%; }
.w5   { width: 5%; }
.w10  { width: 10%; }
.w20  { width: 20%; }
.w25  { width: 25%; }
.w30  { width: 30%; }
.w33  { width: 33.333%; }
.w40  { width: 40%; }
.w45  { width: 45%; }
.w49  { width: 49%; }
.w50  { width: 50%; }
.w60  { width: 60%; }
.w66  { width: 66.666%; }
.w70  { width: 70%; }
.w75  { width: 75%; }
.w80  { width: 80%; }
.w90  { width: 90%; }
.w100 { width: 100%; }
.wAuto { width: auto;}

hr.clear{ background: none; height: 0px; border: 0; padding: 0; margin: 0; visibility: hidden;}
label{cursor: pointer;}
input:focus, textarea:focus {outline: 0;border-color: rgba(82, 168, 236, 0.8);-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;outline: 1px dotted #666;}
input[type="radio"]{cursor: pointer;border:0;box-shadow: none;}
.sprite-checkbox{float:left;width:18px;height:16px;vertical-align:middle;margin-top: 2px;margin-right: 3px;cursor: pointer;background-image: url("img/coteauto/img/sprite_checkbox.png");background-position: 0 0;}
.sprite-checkbox.checked{background-image: url("img/coteauto/img/sprite_checkbox.png");background-position: 0 -16px;}
.float-left{float: left;}
.float-right{float: right;}
input::-webkit-input-placeholder {color:#999;}
input:-moz-placeholder {color: #999;}
ul.disc{margin-top: 5px;list-style-type: disc;padding-left: 15px;}
ul.disc li ul.circle {
    list-style-type: circle;
    margin-top: 5px;
    padding-left: 30px
}
ul.disc li,
ul.circle li {padding:2px 0;}
div.infobulle-hover{position: relative;}
span.infobulle{display: none;position: absolute;width: 40px;text-align: center;background-color: #fff;border:2px solid #ccc;font-size: 10px;border-radius: 5px;padding: 1px 2px;}
div.infobulle-hover:hover .infobulle{display: block;}
.small{font-size: 10px;}
.big { font-size: 20px; }
.font11{font-size: 11px; line-height: 15px; }
.font12{font-size: 12px; line-height:17px;}
.font14{font-size: 14px; line-height: 21px;}
.font14.no-line-height{line-height: 14px;}
.font16{font-size: 16px; line-height: 24px;}
.radius-10{border-radius: 10px;}
.underline{text-decoration: underline;}
.font16{font-size:16px;line-height:24px;}
.font18{font-size:18px;line-height:27px;}
.font20{font-size:20px;}
.font30{font-size:30px;}
.font40{font-size: 40px;}


.main-container{padding-bottom: 20px;}
.breadcrumb{height: 26px; line-height: 26px; margin-bottom: 10px;}
.breadcrumb-steps{ background-image: url('img/coteauto/img/bg/steps.png'); background-position: 42px bottom; background-repeat: no-repeat;}
.breadcrumb div{display: inline;}
.breadcrumb a{color:#00a2e3;}

.border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ICO
------------------------- */
.ico{background-image:url('img/coteauto/img/sprite_ico.png');vertical-align: middle; background-repeat: no-repeat;}
img.flag{width: 19px;height:12px; margin-left:2px; }
img.flag.flag-fr{background-position: 0 0}
img.flag.flag-it{background-position: -19px 0}
img.flag.flag-es{background-position: -38px 0}
img.flag.flag-de{background-position: -57px 0}
img.ico.tel{background-position: 0 -12px; width: 8px; height: 20px;}
.ico.blue-triangle{background-position: 0 -34px; padding-left: 18px;}
.ico.white-triangle{background-position: 0 -90px; padding-left: 18px;}
.ico.unchecked{background-position: 0 -51px; padding-left: 18px;}
.ico.unchecked:hover,
.ico.checked{background-position: 0 -71px; padding-left: 18px;}
.ico.step{ height: 16px; width: 16px; display: inline-block; margin:0 1px; }
.ico.step-done{background-position: 0px -120px;}
.ico.step-todo{background-position: 0px -105px;}


/* HEADER
------------------------- */
#top-fixed{background-color: #33210f; height:45px; line-height:45px; color:#00a2e3; position:fixed; width: 100%; top:0; border-bottom:1px solid #00a2e3; z-index: 1000; font-size: 12px;}
div#logo{float:left; margin-right: 25px;}
#menu-top{display:table;width:470px;height:52px;margin-top:12px; float: right;}
#menu-top li{display:table-cell;}
#menu-top li a{font-weight: bold; display:block;height:52px;line-height:52px;text-decoration:none; color:#fff;padding: 0 10px;     text-align: center;background-image:url('img/coteauto/img/b2c_sprite_btn.png');}
#menu-top li.li-blue a{background-position:0 -52px;}
#menu-top li.li-blue:hover a, #menu-top li.li-blue.selected a{background-image:url('img/coteauto/img/bg/border-menu-selected.png'), url('img/coteauto/img/b2c_sprite_btn.png');background-position:center bottom, 0 -323px;background-repeat: no-repeat;}
#menu-top li.li-blue-last a{background-position:right -52px;padding-right:20px;}
#menu-top li.li-blue-last.selected a, #menu-top li.li-blue-last:hover a{background-image:url('img/coteauto/img/bg/border-menu-selected.png'), url('img/coteauto/img/b2c_sprite_btn.png'); background-position:right -376px; background-repeat:no-repeat;}
#menu-top li.li-green a{background-position:right 0;}
#menu-top li.li-green-first a{background-position:0 0;padding-left:20px;}
#menu-top li.li-green-first:hover a,#menu-top li.li-green-first.selected a{background-position:0 -219px;}
#menu-top li.li-green.selected a{background-image:url('img/coteauto/img/bg/border-menu-selected.png'), url('img/coteauto/img/b2c_sprite_btn.png');background-position:center bottom, 0 -272px;background-repeat: no-repeat;}
nav{position: relative; float:right;}
ul.submenu{position: absolute; top:64px; right:0; display: none;}
ul.submenu li{display:table-cell;  background-position: center right; background-repeat: no-repeat;  }
ul.submenu li a{padding:0; line-height: 26px; height: 26px; color:#fff;}
@media screen and (max-width: 990px) {
    ul.submenu li{padding: 0 10px;}
    nav{width: 535px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    ul.submenu li{padding: 0 20px;}
    nav{width: 575px;}
}
@media screen and (min-width: 1280px) {
    ul.submenu li{padding: 0 20px;}
    nav{width: 575px;}
}

ul.submenu li a:hover{text-decoration: none;}

ul.submenu.submenu-green li{background-image:url('img/coteauto/img/bg/border-submenu-green.png');}
ul.submenu.submenu-blue li{background-image:url('img/coteauto/img/bg/border-submenu-blue.png');}
ul.submenu.submenu-green li{background-color: #50b142;}
ul.submenu.submenu-blue li{background-color: #1ca0d8;}
ul.submenu.submenu-green li a:hover, ul.submenu.submenu-green li.selected,ul.submenu.submenu-green li a:hover, ul.submenu.submenu-green li.selected a{color:#a3e200;}
ul.submenu.submenu-blue li a:hover, ul.submenu.submenu-blue li.selected,ul.submenu.submenu-blue li a:hover, ul.submenu.submenu-blue li.selected a{color:#025fa1;}

ul.submenu.submenu-green li.last,
ul.submenu.submenu-blue li.last{background-image: none;}

ul#top-shortlinks li{ display: block; float: left; background-color: #fff;}
ul#top-shortlinks a{display: inline-block; background-color: #33210F; color:#fff; padding: 0 13px; background-image: url('img/coteauto/img/b2c_a_sprite_btn.png'); background-position: 0px -768px;}
ul#top-shortlinks a:hover{ text-decoration: none; opacity: 0.9}
ul#top-shortlinks a.pro{background-image: url('img/coteauto/img/b2c_a_sprite_btn.png'); background-position: 0px -676px;}
ul#top-shortlinks a.pro:hover{background-position: 0px -722px;}

.ul-modele-version {line-height: 20px;}
.ul-modele-version li  {margin-bottom: 20px;}
.ul-modele-version span {color: #87D11F; font-weight:bold;}


@media only screen and (min-width: 768px) and (max-width: 992px){
    .header-top-block-1 {
        width: 30%;
    }

    .header-top-block-1 p {
        line-height: 21px;
    }
}


/* FOOTER
------------------------- */
#footer{background-color:#e1ded0; padding:30px 0; width:100%; clear:both;}


#footer ul{margin-bottom: 20px; line-height: 18px;}
footer{display: block;}

@media screen and (max-width: 990px) {
    #footer .cnil_logo{width: 160px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    #footer .cnil_logo{width: 216px;}
}

@media screen and (min-width: 1280px) {
    #footer .cnil_logo{width: 216px;}
}


/* Buttons
------------------------- */
button, a.button{width: 100%;margin: 10px 0 5px 0;padding: 10px 5px;-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #fff;background-image: url('img/coteauto/img/bg/button.png');background-position: center;background-repeat: repeat-x;border-color: #d2d2cb #d2d2cb #a5a594 #d2d2cb;border-radius: 10px 10px 10px 10px;border-style: solid;border-width: 2px;color: #000;cursor: pointer;font-size: 12px; font-weight: bold;line-height: 20px;text-align: center;vertical-align: middle;-webkit-box-shadow: 0px 4px 4px 0px #E2E2E2;-moz-box-shadow: 0px 4px 4px 0px #E2E2E2;box-shadow: 0px 4px 4px 0px #E2E2E2; outline: 0; display: block;}
.more button, .less button{color:#0096d5; font-size: 11px; font-weight: normal; line-height: 20px; padding: 0 !important;}
.more button img, .less button img{display: block; margin: 0 auto; width: 55px !important; }
button:hover, a.button:hover{background-color: #dad9cf; background-image: url('img/coteauto/img/bg/button_hover.png'); border-color: #68b0e1 #68b0e1 #0080c5 #68b0e1; text-decoration: none;}
button.selected, button:active,
a.button.selected, a.button:active{background-color: #a8e613; background-image: url('img/coteauto/img/bg/button_selected.png');color: #fff; border-color: #87d11f #87d11f  #419100 #87d11f;text-shadow: 1px 1px 0px #419100;}

button.list{width: 100%;margin: 0; margin-bottom: 5px; background-image: none;border: none;line-height: 32px;height: 32px !important;padding: 0 0 0 10px;vertical-align: middle;outline: 0;display: block;text-align: left;-webkit-box-shadow: 0px 2px 2px 0px #E2E2E2;-moz-box-shadow: 0px 2px 2px 0px #E2E2E2;box-shadow: 0px 2px 2px 0px #E2E2E2;}
button.list:hover{background-image: none;}
button.list.selected, button.list:active {background-image: none;}

button.height-fixed-60{height: 70px;}
button.height-fixed-100{height: 100px;}

button.button-large,a.button-large{height: 130px;background-image: url("img/coteauto/img/bg/button_130.png");}
button.button-large:hover,a.button-large:hover{background-image: url('img/coteauto/img/bg/button_130_hover.png'); text-decoration: none;}
button.button-large.selected, button.button-large:active{background-image: url('img/coteauto/img/bg/button_130_selected.png');}

div.orange, button.orange, a.button-orange{border-radius: 7px; font-weight:bolder;  font-size:20px; background-image: url('img/coteauto/img/bg/button_orange.png');background-position: center bottom;background-color: #f2a41e;color: #fff;border-width: 1px;border-color: #ff4c00 #ff4c00 #f2a41e #ff4c00;text-shadow: 1px 1px 0px #ff4c00;}
div.orange:hover, button.orange:hover, a.button-orange:hover{background-image: url('img/coteauto/img/bg/button_orange_hover.png');background-color: #ff4c00; border-color: #FF4C00 #FF4C00 #F2A41E;}
a.button-orange.button-orange-small { font-size: 14px; }
button.orange.selected, button.orange, div.orange.selected, div.orange:active{}

div.orange {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    background-position: center center;
    background-repeat: repeat-x;
    border-image: none;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 4px 4px 0 #e2e2e2;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin: 10px 0 5px;
    outline: 0 none;
    padding: 10px 5px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}


button.orange.button-small {
    font-size: 15px;
    padding: 5px 0;
}

a.button-orange {
    display: inline-block;
    padding: 8px 15px 9px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.button-orange-no-img {
    background-image: none;
    /* SVG as background image (IE9/Chrome/Safari/Opera) */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1ODAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGMkE0MUUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRDU5MDQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1ODApIiAvPgo8L3N2Zz4=);
    border: solid 1px #fd5904;
}

.browser-old-ie a.button-orange-no-img {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a41e', endColorstr='#fd5904',GradientType=0 ); /* IE6-9 */
}

a.button-orange-no-img:hover {
    background: #fd5904; /* Old browsers */
    /* SVG as background image (IE9/Chrome/Safari/Opera) */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZENTkwNCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0YyQTQxRSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzU5KSIgLz4KPC9zdmc+);
}

.browser-old-ie a.button-orange-no-img:hover {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5904', endColorstr='#f2a41e',GradientType=0 ); /* IE6-9 */
}

a.button-orange:hover { text-decoration: none; }

a.button-home {
    width: 100%;
    display: block;
    text-align: center;
    padding: 8px 0;
    font-weight: bold;
    border-radius: 10px;
    margin: 10px 0;
}

a.button-home:hover {
    text-decoration: none;
}

button.color-1, button.color-2, a.button-home {color: #fff; font-size: 20px;}

button.color-1 , a.button-home.color-1{
    /* SVG as background image (IE9/Chrome/Safari/Opera) */
    background: #89d127; /* Old browsers */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4OUQxMjciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM2M0IzMUEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MjYpIiAvPgo8L3N2Zz4=);
    border: solid 1px #63b31a;
}

.browser-old-ie button.color-1, .browser-old-ie a.button-home.color-1 {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89d127', endColorstr='#63b31a',GradientType=0 ); /* IE6-9 */
}

button.color-1:hover, a.button-home.color-1:hover {
    background: #63b31a; /* Old browsers */
    /* SVG as background image (IE9/Chrome/Safari/Opera) */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2OTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2M0IzMUEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4OUQxMjciIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2OTQpIiAvPgo8L3N2Zz4=);
}

.browser-old-ie button.color-1:hover, .browser-old-ie a.button-home.color-1:hover {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b31a', endColorstr='#89d127',GradientType=0 ); /* IE6-9 */
}

button.color-2, a.button-home.color-2{
    background: #3ec4f2; /* Old browsers */
    /* SVG as background image (IE9/Chrome/Safari/Opera) */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzRUM0RjIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMDdGQzYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NzYpIiAvPgo8L3N2Zz4=);
    border: solid 1px #107fc6;
}

.browser-old-ie button.color-2, .browser-old-ie a.button-home.color-2{
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ec4f2', endColorstr='#107fc6',GradientType=0 ); /* IE6-9 */
}

button.color-2:hover, a.button-home.color-2:hover {
    background: #107fc6; /* Old browsers */
    /* SVG as background image (IE9/Chrome/Safari/Opera) */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxMDdGQzYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzRUM0RjIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czNjUpIiAvPgo8L3N2Zz4=);
}

.browser-old-ie button.color-2:hover, .browser-old-ie a.button-home.color-2:hover {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#107fc6', endColorstr='#3ec4f2',GradientType=0 ); /* IE6-9 */
}

button.center{margin: auto;}

button.tiny-font{font-size: 11px;}
.btn-rdv-valeur { display: inline; }
@media screen and (max-width: 990px) {
    .btn-rdv-valeur { width: 90%; }
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .btn-rdv-valeur { width: 70%; }
}
@media screen and (min-width: 1280px) {
    .btn-rdv-valeur { width: 70%; }
}

button.sort {
    background: none;
    border: 0;
    box-shadow: none;
    display: inline-block;
    font-weight: normal;
    line-height: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    width: auto;
}

button.sort:active {
    color: #000;
    text-shadow: none;
}

/* TABLE LAYOUT
------------------------- */
.table {display: table;table-layout: fixed;}
.table > *, .col {display: table-cell;vertical-align: middle;}

/* gouttière */
.gut {
  height: 1px;
}

.txtTop    { vertical-align: top }
.txtBottom { vertical-align: bottom }
.txtMiddle { vertical-align: middle; }

/* FORM COTE
------------------------- */
.span9 .title-slide,
.span12 .title-slide{font-size: 26px; color:#0096d5; text-align: center;line-height: 50px;height: 70px;background-image: url('img/coteauto/img/bg/box_top_border.png');background-repeat: no-repeat;background-position: center bottom;}
.span12 .title2-slide{font-size: 22px; color:#0096d5; text-align: center;line-height: 50px;height: 70px;background-image: url('img/coteauto/img/bg/box_top_border.png');background-repeat: no-repeat;background-position: center bottom;}
.span7 .title-slide{font-size: 26px; color:#0096d5; text-align: center;line-height: 50px;height: 70px;background-image: url('img/coteauto/img/bg/box_top_border-7.png');background-repeat: no-repeat;background-position: center bottom;}
.title-slide.no-height{height:auto;padding-bottom:15px;}

.infos-tech-article .title-bigblue{text-align: left; margin-bottom: 40px;}

.span6 .title-bigblue{ text-align:left;}

.title-bigblue a{color:#0096d5;}

.title-bigblue{font-size: 26px; text-align: center;color:#0096d5;}

.title-middleblue{font-size: 22px; text-align: center;color:#0096d5;}
.title-simpleblack{font-size: 20px;}
.title-smallblack{font-size: 16px; font-weight: bold;}

/* General */
.row.with-legend div{text-align: center; font-size: 13px; }

/* Olivia */
.olivia-bulle{border-radius: 10px 10px 10px 10px;color: #FFFFFF;font-size: 12px;padding: 10px;position: absolute;z-index: 50;}
.olivia-bulle-green{background-color: #79d23a;border: 1px solid #61b116;}
.olivia-bulle-red{background-color: #ff3333;border: 1px solid #cc0000;}
.olivia-bulle-phone{ background-repeat: no-repeat; background-position:left center;height: 26px; line-height: 26px; padding-left: 14px; font-size: 15px; margin-top:5px;}

/* Navigation */
.steps{text-align: center;display: inline-block;}
.arrow{display: block;width:59px;height:37px;background-image: url('img/coteauto/img/arrow.png');color:transparent;}
.arrow.arrow-next{background-position:0 0;}
.arrow.arrow-next-disabled{background-position:0 -37px;}
.arrow.arrow-prev{background-position:-59px 0;}
.arrow.arrow-prev-disabled{background-position:-59px -37px;}
.arrow.disabled{cursor: auto;}
#nav-arrow{margin: 20px 0;}
.arrow.arrow-next:hover{background-position:0 -74px;}
.arrow.arrow-prev:hover{background-position:-59px -74px;}

/* Marques */
.select-marque{float: left;}
.select-marque div.span2{height: 100px;}
button.button-marque {padding:5px; height: 90px; background-image: none;  background-color: #fff;  margin: 10px 0 4px 0;}
button.button-marque:hover{border-width: 4px;}
button.button-marque.selected, button.button-marque:active{color:#68b0e1;text-shadow: inherit; border-width: 4px;}
button.button-marque img{width: 67px;}

/* CHECKBOX MARQUES*/

label.choix-marque {
    padding-right: 0;
}

label.choix-marque img {
    width: 67px;
    padding: 15px;
}

.border-span-marque {
    border: 3px solid #ccc;
    box-shadow: 0px 4px 4px 0px #E2E2E2;
    border-radius: 15px;
    padding: 0.5em;
}

.border-span-marque:hover {
    border-color: #68B0E1 #68B0E1 #0080C5;
}

.border-span-marque.checked {
    border-color: #87d11f #87d11f  #419100 #87d11f;
}

/* Carburant */
@media screen and (max-width: 990px) {
    .container .span-marque{width:100px; margin-left: 30px !important}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .container .span-marque{width:100px; margin-left: 29px !important}
}
@media screen and (min-width: 1280px) {
    .container .span-marque{width:115px; margin-left: 47px !important}
}



/* Mois / Année */
.select-mois{position:relative;}
.select-annee{position:relative;}

/* Carburant */
@media screen and (max-width: 990px) {
    #bg-carburant{text-align: center; margin-top: 20px; width: 100%;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    #bg-carburant{text-align: right;}
}
@media screen and (min-width: 1280px) {
    #bg-carburant{text-align: right;}
}

/* Carrosserie */
button img.carrosserie{background-image: url('img/coteauto/img/carrosserie2.png'); width: 142px;height: 82px;background-position: center center;background-repeat: no-repeat;}
button img.carrosserie2{background-image: url('img/coteauto/img/carrosserie2.png');}
button.selected img.carrosserie2, button:active img.carrosserie2{background-image: url('img/coteauto/img/carrosserie2_hover.png');}
button img.carrosserie4{background-image: url('img/coteauto/img/carrosserie4.png');}
button.selected img.carrosserie4, button:active img.carrosserie4{background-image: url('img/coteauto/img/carrosserie4_hover.png');}
button img.carrosserie9{background-image: url('img/coteauto/img/carrosserie9.png');}
button.selected img.carrosserie9, button:active img.carrosserie9{background-image: url('img/coteauto/img/carrosserie9_hover.png');}
button img.carrosserie10{background-image: url('img/coteauto/img/carrosserie101.png');}
button.selected img.carrosserie10, button:active img.carrosserie10{background-image: url('img/coteauto/img/carrosserie101_hover.png');}
button img.carrosserie13{background-image: url('img/coteauto/img/carrosserie13.png');}
button.selected img.carrosserie13, button:active img.carrosserie13{background-image: url('img/coteauto/img/carrosserie13_hover.png');}
button img.carrosserie5{background-image: url('img/coteauto/img/carrosserie5.png');}
button.selected img.carrosserie5, button:active img.carrosserie5{background-image: url('img/coteauto/img/carrosserie5_hover.png');}
button img.carrosserie7{background-image: url('img/coteauto/img/carrosserie9.png');}
button.selected img.carrosserie7, button:active img.carrosserie7{background-image: url('img/coteauto/img/carrosserie9_hover.png');}
button img.carrosserie8{background-image: url('img/coteauto/img/carrosserie9.png');}
button.selected img.carrosserie8, button:active img.carrosserie8{background-image: url('img/coteauto/img/carrosserie9_hover.png');}
button img.carrosserie22{background-image: url('img/coteauto/img/carrosserie2.png');}
button.selected img.carrosserie22, button:active img.carrosserie22{background-image: url('img/coteauto/img/carrosserie2_hover.png');}

button img.carrosserie_small{background-image: url('img/coteauto/img/carrosserie_small2.png'); width: 142px;height: 43px;background-position: center center;background-repeat: no-repeat;}
button img.carrosserie2_small{background-image: url('img/coteauto/img/carrosserie_small2.png');}
button.selected img.carrosserie_small2, button:active img.carrosserie_small2{background-image: url('img/coteauto/img/carrosserie_small2_hover.png');}
button img.carrosserie_small4{background-image: url('img/coteauto/img/carrosserie_small4.png');}
button.selected img.carrosserie_small4, button:active img.carrosserie_small4{background-image: url('img/coteauto/img/carrosserie_small4_hover.png');}
button img.carrosserie_small9{background-image: url('img/coteauto/img/carrosserie_small9.png');}
button.selected img.carrosserie_small9, button:active img.carrosserie_small9{background-image: url('img/coteauto/img/carrosserie_small9_hover.png');}
button img.carrosserie_small101{background-image: url('img/coteauto/img/carrosserie_small101.png');}
button.selected img.carrosserie_small101, button:active img.carrosserie_small101{background-image: url('img/coteauto/img/carrosserie_small101_hover.png');}
button img.carrosserie_small13{background-image: url('img/coteauto/img/carrosserie_small13.png');}
button.selected img.carrosserie_small13, button:active img.carrosserie_small13{background-image: url('img/coteauto/img/carrosserie_small13_hover.png');}
button img.carrosserie_small5{background-image: url('img/coteauto/img/carrosserie_small5.png');}
button.selected img.carrosserie_small5, button:active img.carrosserie_small5{background-image: url('img/coteauto/img/carrosserie_small5_hover.png');}


button img.personne{background-image: url('img/coteauto/img/personne_2.png'); width: 142px;height: 43px;background-position: center center;background-repeat: no-repeat;}
button img.personne2{background-image: url('img/coteauto/img/personne_2.png');}
button img.personne22{background-image: url('img/coteauto/img/personne_22.png');}
button img.personne25{background-image: url('img/coteauto/img/personne_25.png');}
button img.personne21{background-image: url('img/coteauto/img/personne_21.png');}
button img.personne23{background-image: url('img/coteauto/img/personne_23.png');}
button img.personneplus{background-image: url('img/coteauto/img/personne_plus.png');}

button img.transport{background-image: url('img/coteauto/img/transport_valise.png'); width: 142px;height: 43px;background-position: center center;background-repeat: no-repeat;}
button img.transport_valise{background-image: url('img/coteauto/img/transport_valise.png');}
button img.transport_poussette{background-image: url('img/coteauto/img/transport_poussette.png');}
button img.transport_velo{background-image: url('img/coteauto/img/transport_velo.png');}



/* Portes / Boites */
.porte-image, .boite-image{display: none;}

/* Chevaux / Puissance */
.select-chevaux-fiscaux{position:relative;}
.select-chevaux-fiscaux .olivia-container{height: 210px;}
.select-chevaux-fiscaux .olivia-bulle{bottom: 15px;right: 120px;width: 161px;}
.select-chevaux-fiscaux .triangle-droite{ bottom: 100px; right: 101px;position: absolute;z-index: 50;}
.select-chevaux-fiscaux .olivia-wink-2{position: absolute; bottom: 0; right: 0;}
.select-puissance{position:relative;}
.select-puissance .olivia-container{height: 200px;}
.select-puissance .olivia-bulle{bottom: 110px;right: 120px;width: 161px;}
.select-puissance .triangle-droite{ bottom: 130px; right: 101px;position: absolute;z-index: 50;}
.select-puissance .olivia-engineer{position: absolute; bottom: 0; right: 0;}

/* Couleurs / Peinture / Km */

.select-couleur button{border-width:0px; height:40px; width:40px;}
.select-couleur button.white{border-width:2px; border-color: #ccc}
.select-couleur button:hover, .select-couleur button.selected{border-width:4px; }
.select-couleur button.white.selected{border-color: #87D11F #87D11F #419100;}

.select-couleur button.white:hover{border-width:4px; border-color: #68B0E1 #68B0E1 #0080C5;}
.select-couleur .olivia-container{height: 140px;position:relative;}
.select-couleur .olivia-bulle{bottom: 80px;right: 120px;width: 74px;}
.select-couleur .triangle-droite{ bottom: 92px; right: 102px;position: absolute;z-index: 50;}
.select-couleur .olivia-wink{position: absolute; bottom: 0; right: 0;}
.select-peinture{background-image: url("img/coteauto/img/bg/box_left_border.png");background-position: 20px 45px;background-repeat: no-repeat;height: 162px;}
.select-peinture .olivia-container{height: 204px; position:relative;}
.select-peinture .olivia-bulle{bottom: 131px;right: 0px;width: 120px; display: none;}
.select-peinture .triangle-bas{ bottom: 112px; right: 74px; position: absolute;z-index: 50; display: none;}
.select-peinture .olivia-oups-top-left{position: absolute; bottom: 0; right: 0;  display: none;}
.select-km .olivia-container{height: 1px; position:relative;}
.select-km .olivia-bulle{bottom: 75px;right: 172px;width: 110px; display: none;}
.select-km .triangle-droite{ bottom: 92px; right: 153px; position: absolute;z-index: 50;display: none;}
.select-km .olivia-oups-top-right{position: absolute; bottom: 0; right: 0;display: none;}
#select_vo_km{font-size: 20px; font-weight: bolder; text-align: right; letter-spacing: 0.07em;}

.select-couleur span.infobulle{top: 0px;width: 60px;left: -14px;cursor: pointer;}


/* Versions */
.select-version button{height:42px;}
.select-version .more button, .select-version .less button{padding-top: 5px; padding-bottom: 0px;}

/* Equipements */
.form-slide .checkbox-equimement{font-size: 16px; color:#000;}

/* Etat mecanique / intérieur */
.select-etat-mecanique .olivia-container{height: 110px; position:relative;}
@media screen and (max-width: 990px) {
    .select-etat-mecanique .olivia-bulle{bottom: 4px;right: 150px;width: 200px; display: none;}
    .select-etat-mecanique .triangle-droite{ bottom: 34px; right: 131px;position: absolute;z-index: 50;}
    .select-etat-interieur .olivia-bulle{bottom: 48px;right: 145px;width: 206px; display: none;}
    .select-etat-interieur .triangle-droite{ bottom: 62px; right: 126px;position: absolute;z-index: 50;}
}
@media screen and (min-width: 991px) {
    .select-etat-mecanique .olivia-bulle{bottom: 23px;right: 160px;width: 282px; display: none;}
    .select-etat-mecanique .triangle-droite{ bottom: 34px; right: 141px;position: absolute;z-index: 50;}
    .select-etat-interieur .olivia-bulle{bottom: 48px;right: 155px;width: 297px; display: none;}
    .select-etat-interieur .triangle-droite{ bottom: 57px; right: 136px;position: absolute;z-index: 50;}
}

.select-etat-mecanique .olivia-oups-left{position: absolute; bottom: 0; right: 0;}
.select-etat-interieur .olivia-container{height: 110px; position:relative;}
.select-etat-interieur .olivia-oups-left{position: absolute; bottom: 0; right: 0;}

/* Pneus */
.select-pneu-av .olivia-container{height: 122px; position:relative;}
@media screen and (min-width: 991px) {
    .select-pneu-av .olivia-bulle{bottom: 60px;right: 120px;width: 75px;}
    .select-pneu-av .triangle-droite{ bottom: 70px; right: 101px;position: absolute;z-index: 50;}
}

@media screen and (max-width: 990px) {
    .select-pneu-av .olivia-bulle{bottom: 60px;right: 94px;width: 75px;}
    .select-pneu-av .triangle-droite{ bottom: 70px; right: 75px;position: absolute;z-index: 50;}
}

.select-pneu-av .olivia-wink-2{position: absolute; bottom: 0; right: 0;}

/* Liste Impact selection? */
.font-16{font-size : 16px;}
#recap{margin-top : 10px;}
#recap li {color: #0096d5;font-weight: bold;padding: 2px;}

/* Import / 1ere main */
.select-import .olivia-container{height: 118px;position:relative;}
.select-import .olivia-bulle{bottom: 22px;right: 160px;width: 204px;}
.select-import .triangle-droite{ bottom: 33px; right: 141px;position: absolute;z-index: 50;}
.select-import .olivia-engineer{position: absolute; bottom: 0; right: 0;}
.select-premiere-main .olivia-container{height: 118px;position:relative;}
.select-premiere-main .olivia-bulle{bottom: 22px;right: 160px;width: 204px;}
.position-premiere-main .select-premiere-main .olivia-bulle{bottom:inherit; right: -45px}
.position-premiere-main2 .select-premiere-main .olivia-bulle{bottom:inherit; right: -45px}
.select-premiere-main .triangle-droite{ bottom: 33px; right: 141px;position: absolute;z-index: 50;}
.position-premiere-main .select-premiere-main .triangle-droite{ display: none;}
.position-premiere-main2 .select-premiere-main .triangle-droite{ display:none; }
.select-premiere-main .olivia-oups-left{position: absolute; bottom: 0; right: 0;}
.position-premiere-main .select-premiere-main .olivia-oups-left{bottom: -130px;}
.position-premiere-main2 .select-premiere-main .olivia-oups-left{bottom: -140px;}
.carTextarea {width: 100%; height: 116px;}

/* Facture / Carnet Entretien */
.select-facture .olivia-container{height:120px;position:relative;}
.select-facture .olivia-bulle{bottom: 30px;right: 120px;width: 140px;}
.select-facture .triangle-droite{ bottom: 60px; right: 101px;position: absolute;z-index: 50;}
.select-facture .olivia-wink-2{position: absolute; bottom: 0; right: 0;}

/* Coordonnées */
.select-coordonnees .olivia-container{height: 270px; position:relative;}
.select-coordonnees .triangle-droite{ bottom: 153px; right: 186px;position: absolute;z-index: 50;}
.select-coordonnees .olivia-oups-maxi-left{position: absolute; bottom: 0; right: 0;}
.select-coordonnees .olivia-wink-2{position: absolute; bottom: 70px; right: 100px;}

@media screen and (max-width: 990px) {
    .select-coordonnees .olivia-bulle{bottom: 143px;right: 205px;width: 128px;}
}
@media screen and (min-width: 991px) {
    .select-coordonnees .olivia-bulle{bottom: 143px;right: 205px;width: 247px;}
}

#olivia_confirm_mail{height: 1px; position:relative;}
#olivia_confirm_mail .olivia-bulle{bottom: 75px;right: 172px;width: 110px; display: none;}
#olivia_confirm_mail .triangle-droite{ bottom: 92px; right: 153px; position: absolute;z-index: 50;display: none;}
#olivia_confirm_mail .olivia-oups-top-right{position: absolute; bottom: 0; right: 0;display: none;}

#olivia-clock{position: absolute; top: -45px; width: 207px; height: 235px;background: transparent url('img/coteauto/img/olivia_clock.png') no-repeat center top;}
@media screen and (max-width: 990px) {
    #olivia-clock{left: 0;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    #olivia-clock{left: 0;}
}
@media screen and (min-width: 1280px) {
    #olivia-clock{left: 80px;}
}
#olivia-wink-right{left: 0; position: absolute; top: -60px; width: 207px; height: 235px;background: transparent url('img/coteauto/img/olivia_wink_right.png') no-repeat center top;}



#cheque_restitution{height:216px;-webkit-box-shadow: 4px 4px 6px 0px #E2E2E2;-moz-box-shadow: 4px 4px 6px  0px #E2E2E2;box-shadow: 4px 4px 6px 0px #E2E2E2; position: relative;}
#cheque_restitution div{position: absolute; color: #000;}
#cheque_restitution .montant-lettres{top:82px; left:34px;}
#cheque_restitution .ref-client{top:120px; left:34px;}
#cheque_restitution .montant-chiffres{top:39px; right:28px; color: #0096D5; font-size: 31px; font-weight: bold;}
#cheque_restitution .montant-chiffres .ttc{font-size: 11px;}


@media screen and (max-width: 990px) {
    #cheque_restitution{ background: transparent url('img/coteauto/img/bg/cheque_restitution-485.png') no-repeat center top;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    #cheque_restitution{background: transparent url('img/coteauto/img/bg/cheque_restitution-474.png') no-repeat center top;}
}

@media screen and (min-width: 1280px) {
    #cheque_restitution{background: transparent url('img/coteauto/img/bg/cheque_restitution-614.png') no-repeat center top;}
}

.overlay2{position: fixed; background-image: url('img/coteauto/img/bg/overlay.png'); background-repeat:repeat; width: 100%; height: 100%; top: 0; left: 0;display: none; cursor:pointer;}
.popup_container{margin-top: 30%; border-radius: 10px; border: 1px solid #fff; cursor: default; display: none; background: rgb(140,210,0);background: -moz-linear-gradient(top,  rgba(140,210,0,1) 0%, rgba(140,210,0,1) 40%, rgba(72,146,0,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,210,0,1)), color-stop(40%,rgba(140,210,0,1)), color-stop(100%,rgba(72,146,0,1)));background: -webkit-linear-gradient(top,  rgba(140,210,0,1) 0%,rgba(140,210,0,1) 40%,rgba(72,146,0,1) 100%);background: -o-linear-gradient(top,  rgba(140,210,0,1) 0%,rgba(140,210,0,1) 40%,rgba(72,146,0,1) 100%);background: -ms-linear-gradient(top,  rgba(140,210,0,1) 0%,rgba(140,210,0,1) 40%,rgba(72,146,0,1) 100%);background: linear-gradient(to bottom,  rgba(140,210,0,1) 0%,rgba(140,210,0,1) 40%,rgba(72,146,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cd200', endColorstr='#489200',GradientType=0 );}
.popup{border-radius: 10px; margin:10px; background-color: #fff; padding: 20px;}
table.agences{width: 100%; margin-bottom: 30px;}
table.agences thead td{font-weight: normal; border-bottom: 1px solid #ccc; border-top:1px solid #ccc; color:#ccc;}
table.agences tbody tr{box-shadow: -1px -3px 9px -2px rgba(51, 51, 51, 0.3) inset}
table.agences tr td{padding:10px;}
table.agences tr td.nom{color:#0096d5; font-size: 18px;} /*white-space:nowrap;*/
table.agences tr td div.message{width:150px; margin: 0 auto; background-color: #79d23a;border: 1px solid #61b116; font-size: 12px; color: #fff; padding: 5px 10px;}
table.agences tr td div.orange{margin: 0 10px 0 30px; padding: 5px; font-size: 12px; width: 290px; }
table.agences tr td button{margin: 0 10px 0 30px; padding: 5px; font-size: 12px; width: 170px; }
.agence-gmap{overflow: hidden; height: 250px;}

@media screen and (max-width: 990px) {
    .agence-gmap{width: 485px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .agence-gmap{width:474px;}
}
@media screen and (min-width: 1280px) {
    .agence-gmap{width: 614px;}
}

.nowrap{white-space:nowrap;}
table#creneaux{width: 100%;}
table#creneaux td{text-align: center; border-right: 1px solid #e8e3e8; border-bottom: 1px solid #e8e3e8;}
table#creneaux .titre{background-color:#a4e300; padding: 12px;}
table#creneaux .creneau{height: 50px; vertical-align: central;}
table#creneaux .creneau_reserve{line-height: 50px; color: #fff; background-color: #00a2e3;}
@media screen and (max-width: 990px) {
    table#creneaux .creneau_reserve{font-size: 11px; min-width: 90px;}
}
table#creneaux .creneau_libre a{display: block; padding: 5px 0;  height: 40px; background: #fff url('img/coteauto/img/bg/button.png') repeat-x center bottom}
table#creneaux .creneau_libre:hover{outline: 2px solid #00a2e3;}
table#creneaux .creneau_libre.creneau_selected a{background-image: url('img/coteauto/img/bg/button_orange.png');background-position: center bottom; background-color: #f2a41e;}

.box-rdv-2{min-height: 295px; background-color: #fafafc;box-shadow: 3px 3px 10px 0px rgba(119, 119, 119, 0.75);-moz-box-shadow: 3px 3px 10px 0px rgba(119, 119, 119, 0.75);-webkit-box-shadow: 3px 3px 10px 0px rgba(119, 119, 119, 0.75);padding: 20px;}
.box-rdv-2 .line{border-bottom: 1px dotted #ccc; line-height: 1.6em;}

.rdv-bg-checkbox{text-align: left !important; background-image: url('img/coteauto/img/bg/checkbox.png'); background-repeat: no-repeat;}
@media screen and (max-width: 990px) {
    .rdv-bg-checkbox{background-position: 90px 170px; height: 260px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .rdv-bg-checkbox{background-position:right top; padding-right: 60px; height: 75px;}
}
@media screen and (min-width: 1280px) {
    .rdv-bg-checkbox{background-position:right top; padding-right: 60px; height: 75px;}
}


/* SEPARATOR
------------------------- */
hr.shadow-btm,
div.shadow-btm{background-image: url("img/coteauto/img/bg/box_top_border.png");border: 0 none;height: 15px;margin-bottom: 30px;margin-top: 30px; background-repeat: no-repeat; background-position: center center;}

.box-top-border{background-image: url('img/coteauto/img/bg/box_top_border.png');background-repeat: no-repeat;background-position: center top;    padding-top: 20px;margin-top: 7px;}
.box-top-border-end{background-image: url('img/coteauto/img/bg/box_top_border_end.png');background-repeat: no-repeat;background-position: center top; padding-top: 25px;margin-top: 0px; clear: both;}
.box-left-border{background-image: url('img/coteauto/img/bg/box_left_border.png');background-repeat: no-repeat;background-position: 20px center;}
div.fente{background-image: url("img/coteauto/img/bg/fente-x.png");border: 0 none;height: 35px;margin-bottom: 20px; margin-top: 10px; background-position: center; background-repeat: no-repeat;}
div.fente-first{background-image: url("img/coteauto/img/bg/fente-x.png");border: 0 none;height: 19px;margin-bottom: 20px;background-position: top; background-repeat: no-repeat;}
.box-center-big-border{background-image: url('img/coteauto/img/bg/box-center-big-border.png');background-repeat: no-repeat;background-position: center center;}
.box-center-verybig-border{background-image: url('img/coteauto/img/bg/box-center-verybig-border.png');background-repeat: no-repeat;background-position: center center;}
@media screen and (max-width: 990px) {
    .box-center-verybig-border{background-position: 395px center;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .box-center-verybig-border{background-position: 505px center;}
}
@media screen and (min-width: 1280px) {
    .box-center-verybig-border{background-position: 637px center;}
}
.center-big-border{background-image: url('img/coteauto/img/bg/box-center-big-border.png');background-repeat: no-repeat;background-position: center center;}


div.separator-line-deg-700{background: url("img/coteauto/img/bg/border-bottom-700.png") no-repeat scroll center bottom #FFFFFF;border:0;margin-bottom: 20px;margin-top: 20px; height: 2px;}
div.separator-line-deg{background: url("img/coteauto/img/bg/border-bottom.png") no-repeat scroll center bottom #FFFFFF;border:0;margin-bottom: 20px;margin-top: 20px; height: 2px;}

.box-restitution{background-image: url('img/coteauto/img/bg/box_restitution.png');background-repeat: no-repeat;background-position: center top;    height:307px;padding: 15px 0;position: relative;}
.valeur-box{height: 53px;}
.valeur-box .cote{border-radius: 10px; border:2px solid #F2A41E; padding: 10px 30px; color:#F2A41E; font-weight: bold; font-size: 28px; background-color: #fff;}
.valeur-box .ttc{font-size: 9px;}
.valeur-box a.show-info{font-size: 40px; color:#00a2e3;  font-weight: bold;}
.valeur-box a.show-info:hover{text-decoration: none; color:#000;}

.separator-vente{background-repeat: no-repeat; background-position: center 5px;}
.separator-vente-1h{background: url("b2c_fr/web/public/images/separator-vente-1280-1h.png") no-repeat;background-position: center 5px;}
.separator-argu-valeur{background-repeat: no-repeat; background-position: left 20px;}
.separator-argu-vrade{background-repeat: no-repeat; background-position: -33px 10px;}
@media screen and (max-width: 990px) {
    .separator-vente{background-image: url("img/coteauto/img/bg/separator-vente-768.png");}
    .separator-vente.without-delay{background-image: url("img/coteauto/img/bg/separator-vente-without-delay-768.png");}
    .separator-argu-valeur {background-image: url("img/coteauto/img/bg/separator-argu-valeur-768.png");}
    .separator-argu-vrade {background-image: url("img/coteauto/img/bg/separator-argu-vrade-768.png");}
    .separator-vente-vrade {background: url("b2c_fr/web/public/images/separator-vente-vrade-768.png") no-repeat;background-position: center 5px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .separator-vente{background-image: url("img/coteauto/img/bg/separator-vente-1024.png");}
    .separator-vente.without-delay{background-image: url("img/coteauto/img/bg/separator-vente-without-delay-1024.png");}
    .separator-argu-valeur {background-image: url("img/coteauto/img/bg/separator-argu-valeur-1024.png");}
    .separator-argu-vrade {background-image: url("img/coteauto/img/bg/separator-argu-vrade-1024.png"); background-position: -36px 18px;}
    .separator-vente-vrade {background: url("b2c_fr/web/public/images/separator-vente-vrade-1024.png") no-repeat;background-position: center 5px;}
}
@media screen and (min-width: 1280px) {
    .separator-vente{background-image: url("img/coteauto/img/bg/separator-vente-1280.png");}
    .separator-vente.without-delay{background-image: url("img/coteauto/img/bg/separator-vente-without-delay-1280.png");}
    .separator-argu-valeur {background-image: url("img/coteauto/img/bg/separator-argu-valeur-1280.png");}
    .separator-argu-vrade {background-image: url("img/coteauto/img/bg/separator-argu-vrade-1280.png"); background-position: -26px 14px;}
    .separator-vente-vrade {background: url("b2c_fr/web/public/images/separator-vente-vrade-1280.png") no-repeat;background-position: center 5px;}
}


.separator-gradiant-bottom{background-image: url('img/coteauto/img/bg/separator-gradiant-bottom.png');background-repeat: no-repeat;background-position: center top; margin-top: 30px; margin-bottom: 35px; height: 10px;}
.separator-gradiant-top{background-image: url('img/coteauto/img/bg/separator-gradiant-top.png');background-repeat: no-repeat;background-position: center top; margin-top: 30px; margin-bottom: 35px; height: 10px;}


/* TITRES
------------------------- */

.title-1{font-size: 26px; margin-bottom: 20px;}
.title-2{font-size: 19px; margin-bottom: 5px;}
.title-blue-big{font-size: 40px; line-height: 45px; color:#00a2e3; margin-bottom: 20px; text-shadow: 0px 0px 5px #fff;}
.title-blue-middle, .title-blue-middle a{font-size: 22px; line-height: 30px; color:#00a2e3; margin-bottom: 10px; }
.title-blue-thin, .title-blue-thin a{font-weight: normal !important; font-size: 20px; line-height: 26px; color:#00a2e3; margin-bottom: 10px; }
.title-black-thin, .title-black-thin a{font-weight: normal !important; font-size: 20px; line-height: 26px; color:#000; margin-bottom: 10px; }
.title-grey-thin, .title-grey-thin a{font-weight: normal !important; font-size: 20px; line-height: 26px; color:#414042; margin-bottom: 10px; }
.title-bleu-thin, .title-bleu-thin a{font-weight: normal !important; font-size: 20px; line-height: 26px; color:#0096d5; margin-bottom: 10px; }
.title-white-middle, .title-white-middle a{font-size: 19px; line-height: 30px; color:#fff; margin-bottom: 20px; }
.title-grey-middle,
.articles-lp h2{font-size: 20px; line-height: 20px; margin-bottom: 5px;}

.articles-lp a{color:#00a2e3;}


/* LANDING PAGE
------------------------- */
.articles-lp  p{margin-bottom: 20px;padding-bottom: 20px;background:#fff url('img/coteauto/img/bg/border-bottom.png') no-repeat bottom center; }
#box-thumb{height: 134px;background:#fff url('img/coteauto/img/ico_thumb.png') no-repeat 20px 10px; padding-left: 154px;padding-top: 30px;}
#box-thumb a.btn-orange-2{margin-top: 20px;}
.top10{background-color: #fff; padding: 10px 15px 10px 15px;background-image:url('img/coteauto/img/bg/top10.png');height: 143px;}
.top10 ul li{float:left;}
.top10 a{color:#fff;}

@media screen and (max-width: 990px) {
    .top10{background-position: 0 -379px; height: 130px;}
    .top10 .title-white-middle{line-height: 18px;}
    .top10 ul li{width: 110px;height: 19px;}
    .top10 .tout_afficher{margin-left: 234px; font-size: 12px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .top10{ height: 143px;}
    .top10 ul li{width: 119px;height: 23px;}
    .top10 .tout_afficher{margin-left: 238px;}
}

@media screen and (min-width: 1280px) {
    .top10{background-position: 0 -163px; height: 196px;}
    .top10 .title-white-middle{line-height: 40px;}
    .top10 ul li{width: 158px;height: 32px;}
    .top10 .tout_afficher{margin-left: 316px;}
}

.articles-lp h2{font-size: 20px; line-height: 20px; margin-bottom: 5px;}
.articles-lp a{color:#00a2e3;}
.topselected{background-color: #fff; padding: 10px 15px 10px 15px;background-image:url('img/coteauto/img/bg/top_selected.png');height: 73px;}
.topselected ul li{float:left;width: 119px;height: 23px;}
.topselected a{color:#fff;}

/* ARTICLES
------------------------- */

.listActu {
    padding: 10px;
}

.listActu h2.title-h2 {
    color: #00A2E3;
    font-size: 20px;
    font-weight: bold;
}

.listPagin {
  margin-top: 20px;
}
.listPagin ul {
  list-style: none;
}

.listPagin ul.pagination1 li {
  cursor: pointer;
  padding: 10px;
  border-bottom: 2px solid #f3f3f3;
  font-size: 14px;
  line-height: 1;
  width: 100%;
  margin-bottom: 1px;
  height: 20px;
}

.listPagin ul.pagination1 li a {
  color: #333;
}

.leftPagin {
  float: left;
  width: 75%;
}

.rightPagin {
  float: right;
  text-align: center;
  width: 25%;
}

.leftPagin p,
.rightPagin p {
  color: #333;
}

.rightPagin p{
    font-weight: bold;
}


.listPagin ul.pagination1 li:hover {
  transition: 0.8s;
  background-color: #00A2E3;
}

.listPagin ul.pagination1 li a:hover {
  color: #fff;
}

.listPagin ul.simplePagerNav {
  height: 45px;
  margin-top: 15px;
}

.listPagin ul.simplePagerNav li{
    display:block;
    float: left;
    padding: 10px 5px 10px 5px;
    background-color: #f3f3f3;
    margin-left: 5px;
}

.listPagin ul.simplePagerNav li.currentPage {
    background-color: #66b310;
}

.listPagin ul.simplePagerNav li.currentPage a {
    color: #fff;
    font-weight: bold;
}

/* ETOILE EXPERIENCE UTILISATEUR */

.rating-wrapper {
  overflow: hidden;
  display: inline-block;
}

.rating-input {
  position: absolute;
  visibility: hidden;
}

.rating-star:hover,
.rating-star:hover ~ .rating-star {
  background-position: 0 0;
}

.rating-wrapper:hover .rating-star:hover,
.rating-wrapper:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
  background-position: 0 0;
}

.rating-star,
.rating-wrapper:hover .rating-star {
  float: right;
  display: block;
  width: 16px;
  height: 16px;
  background: url('b2c_fr/web/public/images/stars.png') 0 -16px no-repeat;
}

label.rating-star{
    padding: 0 20px 0 0;
}

.visuallyHidden  {
    position: absolute;
    left: -9999px;
    overflow: hidden;
}

/* IE8 ETOILE EXPERIENCE UTILISATEUR */

.browser-ie8 .rating-input {
    position: static;
    visibility: visible;
}

.browser-ie8 .ie8-rating,
.browser-ie8 .rating-wrapper:hover .ie8-rating {
    background: none;
    float:none;
    width: auto;
    height: auto;
    display: inline;
}

.browser-ie8 .ie8-rating-number {
    position: static;
    left: 0;
    overflow: visible;
}

.widthImg img {
    max-width: 100%;
    height: auto;
}

.numPlans {
    vertical-align: middle;
}

.numPlans p{
    color: #41B8DF;
    font-size: 86px;
    font-weight: bold;
}

.paddingTop-button{
    padding-top: 52px;
}

.h1bonPlans{
    margin-bottom: 100px;
}

.h1bonPlans h1,
.h1bonPlans .h1Like {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

.h1LikeOrange {
    color: #FF8005;
}

.h1LikeBlue {
    color: #0094dc;
}

body .container .row .marginLeft-carte{
    margin-left: 0px;
}

.h1bonPlans p{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}

.h1bonPlans h2{
    color: #0094dc;
    font-size: 24px;
    font-weight: bold
}

.titleVoiture{
    font-size: 18px;
    color: #0094dc;
}

.boldTxt strong {
    font-weight: bold;
}

.txtAnnonce p{
    color: #3B8F41;
    font-size: 16px;
    font-weight: bold;
}

.txtCote p{
    color: #41B8DF;
    font-size: 16px;
    font-weight: 16px;
}

.circlePourcentage {
    width: 65px;
    height: 65px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f84600;
    -webkit-border-radius: 50% 50% 50% 40px;
    border-radius: 40px 40px 40px 40px;
    border: solid 8px #E6E6E6;
    -moz-box-shadow: 5px 5px 5px 0px #656565;
    -webkit-box-shadow: 5px 5px 5px 0px #656565;
    -o-box-shadow: 5px 5px 5px 0px #656565;
    box-shadow: 5px 5px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}

.circlePourcentage p{
    color: white;
    font-size: 20px;
    line-height: 65px;
}

.circleI8 .circlePourcentage{
    border: none;
    background-color: #fff;
}

.circleI8 .circlePourcentage p{
    color: #f84600;
    font-size: 28px;
    line-height: 65px;
}

.buttonPlan p{
    width: 150px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
    background: #efa31c; /* Old browsers */
    background: -moz-linear-gradient(top, #efa31c 0%, #f95203 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efa31c), color-stop(100%,#f95203)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efa31c 0%,#f95203 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efa31c 0%,#f95203 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #efa31c 0%,#f95203 100%); /* IE10+ */
    background: linear-gradient(to bottom, #efa31c 0%,#f95203 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efa31c', endColorstr='#f95203',GradientType=0 ); /* IE6-9 */
    border-radius: 10px 10px 10px 10px;
}

.buttonPlan a{
    color: #fff;
    line-height: 35px;
    font-size: 18px;
    text-decoration: none;
}

.txtEconomie {
    color: #f84600;
    font-size: 20px;
}

.paddingTop {
    padding-top: 45px;
}

#icon-photo path {
    fill:#0094dc;
    stroke:#FFFFFF;
    stroke-width:0.6;
    transition: fill 0.2s, stroke 0.3s;
}

#map {
      max-width: 150px;
      max-height: 150px;
    }
    #map path {
      fill:#0094dc;
      stroke:#FFFFFF;
      stroke-width:0.6;
      transition: fill 0.2s, stroke 0.3s;
    }
    #map .separator {
      stroke: #ccc;
      fill: none;
      stroke-width:1.5;
    }
    #map .separator:hover {
      stroke: #ccc;
      fill: none;
}

.AlsaceSelected #map .Alsace{
    fill: #f45e00;
    stroke: #f45e00;
}

.AquitaineSelected #map .Aquitaine{
    fill: #f45e00;
    stroke: #f45e00;
}

.AuvergneSelected #map .Auvergne{
    fill: #f45e00;
    stroke: #f45e00;
}

.BourgogneSelected #map .Bourgogne{
    fill: #f45e00;
    stroke: #f45e00;
}

.BretagneSelected #map .Bretagne{
    fill: #f45e00;
    stroke: #f45e00;
}

.CentreSelected #map .Centre{
    fill: #f45e00;
    stroke: #f45e00;
}

.CorseSelected #map .Corse{
    fill: #f45e00;
    stroke: #f45e00;
}

.Champagne-ArdenneSelected #map .Champagne-Ardenne{
    fill: #f45e00;
    stroke: #f45e00;
}

.Franche-ComteSelected #map .Franche-Comte{
    fill: #f45e00;
    stroke: #f45e00;
}

.Ile-de-FranceSelected #map .Ile-de-France{
    fill: #f45e00;
    stroke: #f45e00;
}

.Languedoc-RoussillonSelected #map .Languedoc-Roussillon{
    fill: #f45e00;
    stroke: #f45e00;
}

.LimousinSelected #map .Limousin{
    fill: #f45e00;
    stroke: #f45e00;
}

.LorraineSelected #map .Lorraine{
    fill: #f45e00;
    stroke: #f45e00;
}

.Midi-PyreneesSelected #map .Midi-Pyrenees{
    fill: #f45e00;
    stroke: #f45e00;
}

.Nord-Pas-de-CalaisSelected #map .Nord-Pas-de-Calais{
    fill: #f45e00;
    stroke: #f45e00;
}

.Basse-NormandieSelected #map .Basse-Normandie{
    fill: #f45e00;
    stroke: #f45e00;
}

.Haute-NormandieSelected #map .Haute-Normandie{
    fill: #f45e00;
    stroke: #f45e00;
}

.PaysdelaLoireSelected #map .Pays-de-la-Loire{
    fill: #f45e00;
    stroke: #f45e00;
}

.PaysdelaLoireSelected #map .Pays-de-la-Loire{
    fill: #f45e00;
    stroke: #f45e00;
}

.PicardieSelected #map .Picardie{
    fill: #f45e00;
    stroke: #f45e00;
}

.Poitou-CharentesSelected #map .Poitou-Charentes{
    fill: #f45e00;
    stroke: #f45e00;
}

.pacaSelected #map .Provence-Alpes-Cote-d-Azur{
    fill: #f45e00;
    stroke: #f45e00;
}

.pacaSelected #map .Provence-Alpes-Cote-d-Azur{
    fill: #f45e00;
    stroke: #f45e00;
}

.Rhone-AlpesSelected #map .Rhone-Alpes{
    fill: #f45e00;
    stroke: #f45e00;
}

.bonplanSeparator {
    background-color: #0094DC;
    height: 13px;
    width: 100%;
}

.bonplanArrowDown {
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 20px solid #0094DC;
    height: 0;
    width: 0;
}

/* PAGES ARGUS
------------------------- */
.bluebox{margin-bottom: 20px;}
.bluebox, .bluebox a{color:#fff;}
.bluebox .top{height: 24px; background-image:url('img/coteauto/img/bg/bluebox-top.png');font-size: 19px;line-height: 24px;padding: 10px 15px;}
.bluebox .middle{padding: 10px 15px; background-repeat: no-repeat; background-color: #1494d0;}
.bluebox .bottom{background-image:url('img/coteauto/img/bg/bluebox-bottom.png');height: 18px;}
.bluebox .separator{background-image:url('img/coteauto/img/bg/bluebox-separator.png');height: 2px; margin: 0; padding: 0; background-color: transparent; border: 0}
.bluebox ul {display:inline-block;}
.bluebox ul.float3 li{float:left;width: 119px;height: 23px;}
.bluebox ul.float2 li{float:left;width: 179px;height: 23px;}

.bluebox .tout_afficher2{margin-left: 179px;}

@media screen and (max-width: 990px) {
    .bluebox .top{background-position: 0 -140px;}
    .bluebox .separator{background-position: 0 -4px;}
    .bluebox .middle{background-image:url('img/coteauto/img/bg/bluebox-middle-290.png');}
    .bluebox .bottom{background-position: 0 -38px;}
    .bluebox .tout_afficher3{margin-left: 98px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .bluebox .top{background-position: 0 0;}
    .bluebox .separator{background-position: 0 0;}
    .bluebox .middle{background-image:url('img/coteauto/img/bg/bluebox-middle-388.png');}
    .bluebox .bottom{background-position: 0 0;}
    .bluebox .tout_afficher3{margin-left: 238px;}
}

@media screen and (min-width: 1280px) {
    .bluebox .top{background-position: 0 -70px;}
    .bluebox .separator{background-position: 0 -2px;}
    .bluebox .middle{background-image:url('img/coteauto/img/bg/bluebox-middle-506.png');}
    .bluebox .bottom{background-position: 0 -19px;}
    .bluebox .tout_afficher3{margin-left: 358px;}
}

.bluebox .white-box,
#minicote{margin: 0;background-color: #fff; background-image: url('img/coteauto/img/bg/button_130.png'); border-radius: 10px; background-position: center; padding: 10px;}
#minicote select{width: 340px !important; margin-bottom: 10px;}
#minicote .box-left{width: 112px; height: 52px; float:left;}
#minicote .box-left #cp{width: 100px; margin-top: 7px; border-radius: 3px 3px 3px 3px;}
#minicote .box-right{width: 112px; height: 52px; float:right;}
#minicote .box-right button{width: 90px; margin:0; font-size: 12px; line-height: 14px; float:right;}
#minicote #search_cote{padding:5px; font-size: 12px; width: 180px;}

.avis{width: 170px; height: 115px; float:left; margin-top: 10px; margin-right: 9px; border-bottom: 1px solid #0070cb;}
@media screen and (max-width: 990px) {
    .avis{width: 260px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .avis{width: 170px;}
}
@media screen and (min-width: 1280px) {
    .avis{width: 229px;}
}
.avis .titre{ margin-bottom: 10px; font-size: 11px;}
.avis img{border:1px solid #fff; border-radius: 5px; width: 120px; height:80px;}
.avis .thumb{margin-top: 25px; margin-left: 5px;}

.sprite-star{background-image: url('img/coteauto/img/sprite-star.png'); height:15px; width:92px;background-repeat: no-repeat;}
.sprite-star.star0{background-position: 0 0;}
.sprite-star.star1{background-position: 0 -15px;}
.sprite-star.star2{background-position: 0 -30px;}
.sprite-star.star3{background-position: 0 -45px;}
.sprite-star.star4{background-position: 0 -60px;}
.sprite-star.star5{background-position: 0 -75px;}


.send-avis{width: 150px; height: 95px; padding: 10px; font-size: 12px;  float:left; margin-top: 10px; margin-right: 9px; background-color: #fff; background-image: url('img/coteauto/img/bg/button_130.png'); border-radius: 10px; background-repeat: repeat-x; background-position: center; color:#000; line-height: 20px;}
.send-avis .button-orange{margin:5px 0 0 0; font-size: 12px; border-radius: 10px; padding:5px; width: auto;}

.autobiz-elmt .detail{ line-height: 16px; font-size: 11px;}
.autobiz-elmt .button-orange{padding: 5px; width: 170px; float: right;}

.thumb {background-image: url('img/coteauto/img/sprite-thumbs.png'); background-repeat: no-repeat;   text-align: center;  color:#fff; font-weight: bold; width: 31px; height: 58px; line-height: 58px;padding-left: 10px; padding-top: 0px;}
.thumb.green{background-position: -157px 0;}
.thumb.orange{background-position: -75px 0;}
.thumb.red{background-position: 0 0;}


#liste_versions_similaires{height: 28px;line-height: 28px;width: 343px;background-image: url('img/coteauto/img/pseudo-select.png');overflow: hidden;text-align: center;font-size: 14px;cursor: pointer;margin-top: 5px;background-color: #fff;}
#liste_versions_similaires #lvs-liens{background-image: url('img/coteauto/img/pseudo-select-open.png');background-position: bottom;background-color: #fff;z-index: 2;position: relative;}
#liste_versions_similaires #lvs-liens li{text-align: left;}
#liste_versions_similaires #lvs-liens li a{display: block;padding: 0 30px;}
#liste_versions_similaires #lvs-liens li a:hover{background-color: #00A2E3;text-decoration: none;color:#fff;margin:0 3px;}

.double-indice-box{background-image: url('img/coteauto/img/bg/avis-indice.png');height: 206px;background-position: top center;}
.double-indice-box .indice-simple{width: 200px; float: left; padding: 10px;padding: 20px 40px;width: 200px;}
.double-indice-box .thumb{margin-left: 75px;margin-top: 30px;}
.double-indice-box .legend{text-align: center;color:#999;font-size:11px;margin-top: 15px;}


.liste_lettre li{line-height: 20px;}
.liste_2 {margin-bottom: 20px;}
.liste_2 li {margin-top: 10px;}
.liste_2 h2 a{font-weight: bold;}

.info-version{color:#000; font-size: 12px;}
.info-version .box{width: 180px;margin-right: 10px;float: left;margin-bottom: 10px;}
.info-version .box p{margin-bottom: 5px;}

#photo_modele{border-radius: 10px;}
.valeur-version-box .cote{border-radius: 10px; border:2px solid #F2A41E; padding: 10px 15px; color:#FF4C00; font-size: 28px; margin-bottom: 20px;}

.valeur-version-box button{padding:8px !important; margin: 0 auto; width: 215px;}
.avis_box{font-size: 11px;}
.avis_box .thumb{margin:0 35px;}
.span7 .avis_box .thumb{margin:0 37px;}
.span5 .avis_box .thumb{margin:0 20px;}
.avis_box .legend{width:91px; margin:5px 10px; text-align: center; color: #999; }
.span7 .avis_box .legend{width:96px;}
.span5 .avis_box .legend{width:61px; }
.avis_box p{margin:5px 35px;}


/* PANORAMA
------------------------- */
#panorama{margin-top:46px;  border-top:1px solid #fff; position: relative; /*min-width: 991px;*/}

@media screen and (max-width: 990px) {
    #panorama{min-width:745px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    #panorama{min-width:990px;}
}

@media screen and (min-width: 1280px) {
    #panorama{min-width:1264px;}
}
#panorama.panorama-home{background:  url('img/coteauto/img/bg/header_welcome.png') no-repeat center top;  height:199px; position: relative;}

#panorama.panorama-home p{font-size: 14px;line-height: 20px;margin-top: 20px;text-shadow: 1px 1px 0px #e8e8e8;}
#panorama.panorama-home .olivia-container{position: relative;}
#panorama.panorama-home .olivia-bulle{width: 185px; position: absolute;  top: 35px; right: 170px;}
#panorama.panorama-home .olivia-bulle .triangle-droite{bottom: 12px; position: absolute; right: -20px;}

#olivia_home_cote{position:absolute; right:-10px; top:18px; width:160px;}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #olivia_home_cote{right:0}
    #panorama.panorama-home .olivia-bulle{width:135px;  top:25px;}
}

#panorama .tagline{font-size: 30px;line-height: 35px;text-shadow: 0px 0px 5px #fff;}



#panorama.panorama-cote{background-color: transparent; background-repeat: no-repeat; background-position: center top; height: 164px;}
@media screen and (max-width: 990px) {
    #panorama.panorama-cote{background-image: url('img/coteauto/img/bg/header_steps_768.png')}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    #panorama.panorama-cote{background-image: url('img/coteauto/img/bg/header_steps_1024.png')}
}

@media screen and (min-width: 1280px) {
    #panorama.panorama-cote{background-image: url('img/coteauto/img/bg/header_steps_1280.png')}
}

#panorama.panorama-achat{background-color: transparent; background-repeat: no-repeat; background-position: center top; height: 130px;}
@media screen and (max-width: 990px) {
    #panorama.panorama-achat{background-image: url('img/coteauto/img/bg/header_achat_768.png')}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    #panorama.panorama-achat{background-image: url('img/coteauto/img/bg/header_achat_1024.png')}
}

@media screen and (min-width: 1280px) {
    #panorama.panorama-achat{background-image: url('img/coteauto/img/bg/header_achat_1024.png')}
}

#panorama.panorama-building{background-color: transparent; background-repeat: no-repeat; background-position: center top; height: 130px;}
@media screen and (max-width: 990px) {
    #panorama.panorama-building{background-image: url('img/coteauto/img/bg/header_building_768.png')}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    #panorama.panorama-building{background-image: url('img/coteauto/img/bg/header_building_1024.png')}
}

@media screen and (min-width: 1280px) {
    #panorama.panorama-building{background-image: url('img/coteauto/img/bg/header_building_1024.png')}
}

#panorama.panorama-diagram{background-color: transparent; background-repeat: no-repeat; background-position: center top; height: 130px;}
@media screen and (max-width: 990px) {
    #panorama.panorama-diagram{background-image: url('img/coteauto/img/bg/header_diagram_768.png')}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    #panorama.panorama-diagram{background-image: url('img/coteauto/img/bg/header_diagram_1024.png')}
}

@media screen and (min-width: 1280px) {
    #panorama.panorama-diagram{background-image: url('img/coteauto/img/bg/header_diagram_1024.png')}
}

#panorama.panorama-house_caddie{background-color: transparent; background-repeat: no-repeat; background-position: center top; height: 130px;}
@media screen and (max-width: 990px) {
    #panorama.panorama-house_caddie{background-image: url('img/coteauto/img/bg/header_house_caddie_768.png')}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    #panorama.panorama-house_caddie{background-image: url('img/coteauto/img/bg/header_house_caddie_1024.png')}
}

@media screen and (min-width: 1280px) {
    #panorama.panorama-house_caddie{background-image: url('img/coteauto/img/bg/header_house_caddie_1024.png')}
}

#panorama.panorama-parameters{background-color: transparent; background-repeat: no-repeat; background-position: center top; height: 130px;}
@media screen and (max-width: 990px) {
    #panorama.panorama-parameters{background-image: url('img/coteauto/img/bg/header_parameters_768.png')}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    #panorama.panorama-parameters{background-image: url('img/coteauto/img/bg/header_parameters_1024.png')}
}

@media screen and (min-width: 1280px) {
    #panorama.panorama-parameters{background-image: url('img/coteauto/img/bg/header_parameters_1024.png')}
}


#panorama.panorama-cote-city{background: transparent url('img/coteauto/img/bg/header_cote_city.png') no-repeat center top;  height:199px;}
#panorama.panorama-cote-city p{font-size: 30px;margin-top: 20px;text-shadow: 0 0 5px #fff;}

.header-step{text-align: center;height: 86px;}
.header-step p{font-size: 14px;margin-top: 66px;color: #838383;}
.header-step.header-step-current{background: transparent url('img/coteauto/img/bg/step_auto.png') no-repeat center top;}
.header-step.header-step-current p{color: #000000;}

.panorama-cote .bg-sup{background-repeat: no-repeat; background-position: center 65px; background-color: transparent;}
@media screen and (max-width: 990px) {
    .panorama-cote .bg-sup{background-image:url("img/coteauto/img/bg/header-steps-label-768.png");}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .panorama-cote .bg-sup{background-image:url("img/coteauto/img/bg/header-steps-label-1024.png");}
}

@media screen and (min-width: 1280px) {
    .panorama-cote .bg-sup{background-image:url("img/coteauto/img/bg/header-steps-label-1280.png");}
}
/*.header-step{font-size: 14px; line-height: 22px; text-align: center;height: 132px;}*/




#panorama.panorama-rdv{background: transparent url('img/coteauto/img/bg/header_rdv.png') no-repeat center top;  height:199px;}
#panorama.panorama-rdv p{font-size: 30px;margin-top: 20px;text-shadow: 0 0 5px #fff;}

#panorama.panorama-calculator{background: transparent url('img/coteauto/img/bg/header_cote_calculator.png') no-repeat center top;  height:301px;}

#panorama.panorama-comparateur{background: transparent url('img/coteauto/img/bg/header_comparateur.png') no-repeat center top;  height:300px;}
#panorama.panorama-comparateur p{font-size: 30px;margin-top: 20px;text-shadow: 0 0 5px #fff;}

#panorama.panorama-letters{background: transparent url('img/coteauto/img/bg/header_letters.png') no-repeat center top;  height:293px;}

#panorama.panorama-olivia-caddie{background: transparent url('img/coteauto/img/bg/header_olivia_caddie.png') no-repeat center top;  height:301px;}
#panorama.panorama-olivia-caddie p{font-size: 30px;margin-top: 20px;text-shadow: 0 0 5px #fff;}

#panorama.panorama-ps{background: transparent url('img/coteauto/img/bg/header_ps.png') no-repeat center top;  height:300px;}
#panorama.panorama-ps p{font-size: 30px;margin-top: 20px;text-shadow: 0 0 5px #fff;}

#panorama.panorama-vi{background: transparent url('img/coteauto/img/bg/header_vi.png') no-repeat center top;  height:293px;}

#panorama.panorama-auto-euro{background: transparent url('img/coteauto/img/bg/header_auto_euro.png') no-repeat center top;  height:300px;}

#panorama.panorama-404{background: transparent url('img/coteauto/img/bg/header_404.png') no-repeat center top;  height:300px;}
#panorama.panorama-404 p{font-size: 30px;margin-top: 20px;text-shadow: 0 0 5px #fff;}

#panorama.panorama-services{background:transparent url('img/coteauto/img/bg/header_services.png') no-repeat center top;   height:300px;}
#panorama.panorama-services-emailing{background:transparent url('img/coteauto/img/bg/header_services_emailing.png') no-repeat center top;   height:250px;}

#panorama.panorama-tools{background:transparent url('img/coteauto/img/bg/header_tools.png') no-repeat center top;   height:300px;}
#panorama.panorama-avis{background:transparent url('img/coteauto/img/bg/header_avis.png') no-repeat center top;   height:293px;}

#panorama.panorama-non-gage{background:transparent url('img/coteauto/img/bg/header_non_gage.png') no-repeat center top;   height:300px;}
#panorama.panorama-non-gage p{font-size:30px; text-shadow:0 0 5px #fff;}

/* DEPRECATED  BROWSERS
------------------------- */
.browser-ie7 ul#menu-top  li{float:left;}
.browser-ie7 #menu-top li a:hover{text-decoration: underline;}
.browser-ie7 #top-fixed{position: relative;}
.browser-ie7 #panorama{margin-top: 0;}
.browser-old-ie #menu-top li.li-green.selected a{background-image:url('img/coteauto/img/b2c_sprite_btn.png') !important;background-position:0 -272px;background-repeat: no-repeat;}
.browser-ie7 ul.submenu  li{float:left; height: 28px; line-height: 28px;}



/* FOOTER
------------------------- */
#footer_vi_info{font-size: 9px; line-height: 12px; border-top: 1px solid #00a1e3;}
#footer_vi_info p{border-top: 1px solid #b5def4; padding-top: 20px;}

#box-temoignage{height:216px;background-image: url('img/coteauto/img/bg/box_temoigagne.png'); position: relative;}
#box-temoignage img{position: absolute;top:12px;left:12px;width: 90px;border:1px solid #fff;border-radius: 8px;}
#box-temoignage .titre{top:12px;  font-weight: bold;}
#box-temoignage .pseudo{font-size: 9px;left: 4px;text-align: center;text-transform: uppercase;top: 172px;width: 58px;}
#box-temoignage .resume{height: 95px;left: 80px;top: 115px;}
@media screen and (max-width: 990px) {
    #box-temoignage{background-position: 0 -432px;}
    #box-temoignage img{width: 50px;}
    #box-temoignage .titre{left:73px; font-size: 12px; width: 74px;}
    #box-temoignage .resume{width: 77px; font-size: 11px; line-height: 14px;}

}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    #box-temoignage{background-position: 0 0;}
    #box-temoignage img{width: 90px;}
    #box-temoignage .titre{left:113px;}
    #box-temoignage .resume{width: 129px;}
}
@media screen and (min-width: 1280px) {
    #box-temoignage{background-position: 0 -216px;}
    #box-temoignage img{width: 100px;}
    #box-temoignage .titre{left:123px;}
    #box-temoignage .resume{width: 204px;}
}
#box-temoignage div{position: absolute;color: #fff;}




#cheque_restitution .montant-lettres{top:82px; left:34px;}
#cheque_restitution .ref-client{top:120px; left:34px;}
#cheque_restitution .montant-chiffres{top:39px; right:28px; color: #0096D5; font-size: 31px; font-weight: bold;}
#cheque_restitution .montant-chiffres .ttc{font-size: 11px;}




.focus-marque h2{color: #0096D5; font-size: 18px; margin-bottom: 20px;}
.focus-marque img{float: left;  margin: 0 15px 0 0;}
.focus-marque p{margin-bottom: 10px; font-size: 12px; line-height: 18px;}



/* Forms
 * ------------------------------------------------------------- */
form {margin-bottom: 18px;}
fieldset {margin-bottom: 18px;padding-top: 18px;}
fieldset legend {display: block;padding-left: 150px;font-size: 19.5px;line-height: 1;color: #404040;*padding: 0 0 5px 145px;/* IE6-7 */*line-height: 1.5;/* IE6-7 */}
form .clearfix {margin-bottom: 20px;zoom: 1;}
form .clearfix:before, form .clearfix:after {display: table;content: "";zoom: 1;}
form .clearfix:after {clear: both;}
label,input,select,textarea {font-size: 12px;font-weight: normal;line-height: normal;}
label {padding-top: 6px;font-size: 12px;line-height: 18px;width: 200px;text-align: right;  padding-right:16px;}/*float: left;*/
@media screen and (max-width: 990px) {
    label{width: 150px;}
    form .input {margin-left: 178px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    label{width: 200px;}
    form .input {margin-left: 258px;}
}
@media screen and (min-width: 1280px) {
    label{width: 200px;}
    form .input {margin-left: 258px;}
}

input[type=checkbox], input[type=radio] {cursor: pointer;}
input,textarea,select,.uneditable-input {display: inline-block;width: 205px;height: 18px;padding: 4px;font-size: 12px;line-height: 18px;/* color: #808080;*/border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
select {padding: initial;}
input[type=checkbox], input[type=radio] {width: auto;height: auto;padding: 0;margin: 3px 0;*margin-top: 0;/* IE6-7 */line-height: normal;border: none;}
input[type=file] {background-color: #ffffff;padding: initial;border: initial;line-height: initial;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
input[type=button], input[type=reset], input[type=submit] {width: auto;height: auto;}
select, input[type=file] {height: 27px;*height: auto;line-height: 27px;*margin-top: 4px;/* For IE7, add top margin to align select with labels */}
select[multiple] {height: inherit;background-color: #ffffff;}
textarea {height: auto;}
.uneditable-input {background-color: #ffffff;display: block;border-color: #eee;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor: not-allowed;}
:-moz-placeholder {color: #bfbfbf;}
::-webkit-input-placeholder {color: #bfbfbf;}
input, textarea {-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-ms-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);}
input:focus, textarea:focus {outline: 0;border-color: rgba(82, 168, 236, 0.8);-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;outline: 1px dotted #666;}
form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {color: #b94a48;}
form .clearfix.error input, form .clearfix.error textarea {color: #b94a48;border-color: #ee5f5b;}
form .clearfix.error input:focus, form .clearfix.error textarea:focus {border-color: #e9322d;-webkit-box-shadow: 0 0 6px #f8b9b7;-moz-box-shadow: 0 0 6px #f8b9b7;box-shadow: 0 0 6px #f8b9b7;}
form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {color: #b94a48;background-color: #fce6e6;border-color: #b94a48;}
form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {color: #c09853;}
form .clearfix.warning input, form .clearfix.warning textarea {color: #c09853;border-color: #ccae64;}
form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {border-color: #be9a3f;-webkit-box-shadow: 0 0 6px #e5d6b1;-moz-box-shadow: 0 0 6px #e5d6b1;box-shadow: 0 0 6px #e5d6b1;}
form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {color: #c09853;background-color: #d2b877;border-color: #c09853;}
form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {color: #468847;}
form .clearfix.success input, form .clearfix.success textarea {color: #468847;border-color: #57a957;}
form .clearfix.success input:focus, form .clearfix.success textarea:focus {border-color: #458845;-webkit-box-shadow: 0 0 6px #9acc9a;-moz-box-shadow: 0 0 6px #9acc9a;box-shadow: 0 0 6px #9acc9a;}
form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {color: #468847;background-color: #bcddbc;border-color: #468847;}
.input-mini,input.mini,textarea.mini,select.mini {width: 60px;}
.input-small,input.small,textarea.small,select.small {width: 90px;}
.input-medium,input.medium,textarea.medium,select.medium {width: 150px;}
.input-large,input.large,textarea.large,select.large {width: 210px;}
.input-xlarge,input.xlarge,textarea.xlarge,select.xlarge {width: 270px;}
.input-xxlarge,input.xxlarge,textarea.xxlarge,select.xxlarge {width: 530px;}
textarea.xxlarge {overflow-y: auto;}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {background-color: #f5f5f5;border-color: #ddd;cursor: not-allowed;}
.actions {margin-top: 18px;margin-bottom: 18px;margin-left: 258px;}
.actions-nav{margin-top: 20px;margin-bottom: 20px;}
.actions-nav #next{float: right;}
.actions-nav #prev{float: left;line-height: 36px;}
.actions .secondary-action {float: right;}
.actions .secondary-action a {line-height: 30px;}
.actions .secondary-action a:hover {text-decoration: underline;}
.help-inline, .help-block {font-size: 12px;line-height: 18px;color: #bfbfbf;}
.help-inline {padding-left: 5px;*position: relative;/* IE6-7 */*top: -5px;/* IE6-7 */}
.help-block {display: block;max-width: 600px;}
.inline-inputs {color: #808080;}
.inline-inputs span {padding: 0 2px 0 1px;}
.input-prepend input, .input-append input {-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;}
.input-prepend .add-on, .input-append .add-on {position: relative;background: #f5f5f5;border: 1px solid #ccc;z-index: 2;float: left;display: block;width: auto;min-width: 16px;height: 18px;padding: 4px 4px 4px 5px;margin-right: -1px;font-weight: normal;line-height: 18px;color: #bfbfbf;text-align: center;text-shadow: 0 1px 0 #ffffff;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}
.input-prepend .active, .input-append .active {background: #a9dba9;border-color: #46a546;}
.input-prepend .add-on {*margin-top: 1px;/* IE6-7 */}
.input-append input {float: left;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}
.input-append .add-on {-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;margin-right: 0;margin-left: -1px;}
.inputs-list {margin: 0 0 5px;width: 100%;}
.inputs-list li {display: block;padding: 0;width: 100%;}
.inputs-list label {display: block;float: none;width: auto;padding: 0;margin-left: 20px;line-height: 18px;text-align: left;white-space: normal;cursor: pointer;}
.inputs-list label strong {color: #808080;}
.inputs-list label small {font-size: 11px;font-weight: normal;}
.inputs-list .inputs-list {margin-left: 25px;margin-bottom: 10px;padding-top: 0;}
.inputs-list:first-child {padding-top: 6px;}
.inputs-list li + li {padding-top: 2px;}
.inputs-list input[type=radio], .inputs-list input[type=checkbox] {margin-bottom: 0;margin-left: -20px;float: left;}
.form-stacked {padding-left: 20px;}
.form-stacked fieldset {padding-top: 9px;}
.form-stacked legend {padding-left: 0;}
.form-stacked label {display: block;float: none;width: auto;font-weight: bold;text-align: left;line-height: 20px;padding-top: 0;}
.form-stacked .clearfix {margin-bottom: 9px;}
.form-stacked .clearfix div.input {margin-left: 0;}
.form-stacked .inputs-list {margin-bottom: 0;}
.form-stacked .inputs-list li {padding-top: 0;}
.form-stacked .inputs-list li label {font-weight: normal;padding-top: 0;}
.form-stacked div.clearfix.error {padding-top: 10px;padding-bottom: 10px;padding-left: 10px;margin-top: 0;margin-left: -10px;}
.form-stacked .actions {margin-left: -20px;padding-left: 20px;}
/* autobiz ADD */
.error {color:#DD4B39;; font-size: 11px; background-color: #fff;}
.invalid{border:1px solid #DD4B39 !important}
label.label-span2 {width: 130px;}
form .input.label-span2, form .actions.label-span2 {margin-left: 172px;}
label.reset{float:none;display: inline;width: inherit;margin: 0;padding: 0;cursor: pointer;}
input.search{border-radius:5px 0 0 5px;-webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;float:left;}
button.search{border-top:1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;float:left;height: 28px;width: 28px;background-color: #fff;background-image: url('img/coteauto/img/sprite-ico.png');background-position: 8px -26px;}
.alert-message {padding: 15px;margin-bottom: 20px;color: #fff;border-width: 1px;border-style: solid;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #c43c35;background-repeat: repeat-x;background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);background-image: linear-gradient(top, #ee5f5b, #c43c35);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);border-color: #c43c35 #c43c35 #882a25;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn.success, .alert-message.success {background-color: #57A957;background-image: -moz-linear-gradient(center top , #62C462, #57A957);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}




/* PAGINATE
------------------------- */
.paginate{text-align: center;}
.paginate .button{display: inline-block;font-size: 12px;padding: 6px 9px; line-height: 20px;height: 20px;width: 13px;}
.paginate .button.previous{width: 60px;}.paginate .button.next{width: 45px;}

.item-paginate {
    display: inline-block;
    margin-right: 10px;
}
.item-paginate .button{
    display: inline-block;
    font-size: 12px;
    padding: 6px 9px;
    min-width: 42px;
}

#carte-france{width: 425px;height: 425px;background-image: url('img/coteauto/img/carte-france.png');position: relative;margin: 0 auto;}


#carte-france-regions{background-image: url('img/coteauto/img/carte-france-sprite-regions.png');width: 425px;height: 425px;display: block;background-position: 0 0;}

#carte-france-regions.alsace{background-position: 0 -425px;}
#carte-france-regions.aquitaine{background-position: 0 -850px ;}
#carte-france-regions.auvergne{background-position: 0 -1275px ;}
#carte-france-regions.bourgogne{background-position: 0 -1700px ;}
#carte-france-regions.bretagne{background-position: 0 -2125px ;}
#carte-france-regions.centre{background-position: 0 -2550px ;}
#carte-france-regions.champagne-ardenne{background-position: 0 -2975px ;}
#carte-france-regions.franche-comte{background-position: 0 -3400px ;}
#carte-france-regions.ile-de-france{background-position: 0 -3825px ;}
#carte-france-regions.languedoc-roussillon{background-position: 0 -4250px ;}
#carte-france-regions.limousin{background-position: 0 -4675px ;}
#carte-france-regions.lorraine{background-position: 0 -5100px ;}
#carte-france-regions.midi-pyrenees{background-position: 0 -5525px ;}
#carte-france-regions.nord-pas-de-calais{background-position: 0 -5950px ;}
#carte-france-regions.basse-normandie{background-position: 0 -6375px ;}
#carte-france-regions.haute-normandie{background-position: 0 -6800px ;}
#carte-france-regions.pays-de-loire{background-position: 0 -7225px ;}
#carte-france-regions.picardie{background-position: 0 -7650px ;}
#carte-france-regions.poitou-charentes{background-position: 0 -8075px ;}
#carte-france-regions.paca{background-position: 0 -8500px ;}
#carte-france-regions.rhone-alpes{background-position: 0 -8925px ;}

.bulle{display: none; color: #0096D5;position: absolute;width:200px; padding: 5px 20px; border:1px solid #0096D5; background-color: #fff; text-align: center; border-radius: 5px;}
#bulle-alsace{top:60px; left: 280px;}
#bulle-aquitaine{top:200px; left: 20px;}
#bulle-auvergne{top:160px; left: 110px;}
#bulle-bourgogne{top:90px; left: 140px;}
#bulle-bretagne{top:45px; left: 10px;}
#bulle-centre{top:65px; left: 80px;}
#bulle-champagne-ardenne{top:10px; left: 170px;}
#bulle-franche-comte{top:105px; left: 220px;}
#bulle-ile-de-france{top:50px; left: 120px;}
#bulle-languedoc-roussillon{top:240px; left: 130px;}
#bulle-limousin{top:170px; left: 100px;}
#bulle-lorraine{top:30px; left: 220px;}
#bulle-midi-pyrenees{top:240px; left: 90px;}
#bulle-nord-pas-de-calais{top:80px; left: 120px;}
#bulle-basse-normandie{top:140px; left: 30px;}
#bulle-haute-normandie{top:120px; left: 80px;}
#bulle-pays-de-loire{top:70px; left: 10px;}
#bulle-picardie{top:120px; left: 120px;}
#bulle-poitou-charentes{top:135px; left: 30px;}
#bulle-paca{top:240px; left: 220px;}
#bulle-rhone-alpes{top:170px; left: 200px;}




/* DATEINPUT CALENDAR
------------------------- */
.date {text-align:left;-moz-box-shadow:0 0 10px #eee inset;-webkit-box-shadow:0 0 10px #eee inset;}
#calroot {z-index:10000;margin-top:-1px;width:214px;padding:2px;background-color:#fff;font-size:11px;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow: 0 0 15px #666;-webkit-box-shadow: 0 0 15px #666;	}
#calroot input, #calroot select{height: inherit; padding: inherit; line-height: inherit; width: auto; margin: 0 5px;}
#calhead {padding:2px 0;height:22px;}
#caltitle {font-size:14px;color:#0150D1;float:left;text-align:center;width:172px;line-height:20px;text-shadow:0 1px 0 #ddd;}
#calnext, #calprev {display:block;width:20px;height:20px;background:transparent url('img/coteauto/img/dateinput-prev.gif') no-repeat scroll center center;float:left;cursor:pointer;}
#calnext {background-image:url('img/coteauto/img/dateinput-next.gif');float:right;}
#calprev.caldisabled, #calnext.caldisabled {visibility:hidden;}
#caltitle select {font-size:10px;}
#caldays {height:14px;border-bottom:1px solid #ddd;}
#caldays span {display:block;float:left;width:30px;text-align:center;}
#calweeks {background-color:#fff;margin-top:4px;}
.calweek {clear:left;height:22px;}
.calweek a {display:block;float:left;width:29px;height:20px;text-decoration:none;font-size:11px;margin-left:1px;text-align:center;line-height:20px;color:#666;-moz-border-radius:3px;-webkit-border-radius:3px;}
.calweek a:hover, .calfocus {background-color:#ddd;}
a.calsun {color:red;}
a.caloff {color:#ccc;}
a.caloff:hover {background-color:rgb(245, 245, 250);}
a.caldisabled {background-color:#efefef !important;color:#ccc !important;cursor:default;}
#calcurrent {background-color:#498CE2;color:#fff;}
#caltoday {background-color:#333;color:#fff;}



.testi-content{background-image:url('img/coteauto/img/testi-bulle.png');background-repeat: no-repeat;background-position: bottom center;padding-bottom: 20px;}

.box-dossier{line-height: 20px; color: #000; background-repeat: no-repeat; margin-top: 30px;padding: 40px 0;}
@media screen and (max-width: 990px) {
    .box-dossier{height:160px;background-image:url('img/coteauto/img/bg/box-dossier-745.png');}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .box-dossier{height:160px;background-image:url('img/coteauto/img/bg/box-dossier-990.png');}
}
@media screen and (min-width: 1280px) {
    .box-dossier{height:160px;background-image:url('img/coteauto/img/bg/box-dossier-1262.png');}
}
.box-rdv{line-height: 20px; color: #000; background-image:url('img/coteauto/img/bg/box-rdv.png');background-repeat: no-repeat; background-position: center center; margin-top: 30px; height:110px;padding: 40px 0;}
.radiant-box{background: -moz-linear-gradient(top,  rgba(252,252,252,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,0.65)), color-stop(100%,rgba(0,0,0,0)));background: -webkit-linear-gradient(top,  rgba(252,252,252,0.65) 0%,rgba(0,0,0,0) 100%);background: -o-linear-gradient(top,  rgba(252,252,252,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top,  rgba(252,252,252,0.65) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(top,  rgba(252,252,252,0.65) 0%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6fcfcfc', endColorstr='#00000000',GradientType=0 );padding:15px;border:1px solid #00a2e3; border-radius: 10px;position: relative;  }

.radiant-box .arrow-border-right{position: absolute; right: -30px; top:263px;}
.fixed-height{height:27px;line-height: 22px;}
.span6 .radiant-box .button{width: 287px; margin: 0 auto 10px auto;}
.radiant-box .button{width: 95%; margin: 0 auto;}
.chiffre-box{position: relative; min-height: 90px;}

@media screen and (max-width: 990px) {
    .chiffre-box .chiffre{position: absolute; top: 0; left: 0; font-size: 48px; line-height: 90px; color: #00a2e3; font-weight: bold;}
    .chiffre-box .legende{padding-top: 60px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .chiffre-box .chiffre{position: absolute; top: 0; left: 0; font-size: 48px; line-height: 90px; color: #00a2e3; font-weight: bold;}
    .chiffre-box .legende{padding-left: 140px;}
}

@media screen and (min-width: 1280px) {
    .chiffre-box .chiffre{position: absolute; top: 0; left: 0; font-size: 48px; line-height: 90px; color: #00a2e3; font-weight: bold;}
    .chiffre-box .legende{padding-left: 140px;}
}


/* COMPARATEUR AUTO
------------------------- */
#compare_cars_content .close{width: 150px;padding: 3px;font-size: 14px;}

.tab-content{background-color: #eee;}
table.comparateur-res td{margin: 0 auto;padding: 5px;}
table.comparateur-res td .auto-box{height: 125px;}
table.comparateur-res td, table.comparateur-res td img.auto{width: 177px;}
table.comparateur-res td .button{width: 173px;padding: 3px 0;font-size: 12px; margin: 0}
table.comparateur-res td .button.button-orange{width: 173px;padding: 8px 0;font-size: 16px; margin: 0}
table.comparateur-res td select{width: 177px; font-size: 11px;}
table.comparateur-res td .thumb{margin:0 auto;}
table.comparateur-res .border-right{border-right: 1px solid #ddd; }
table.comparateur-res .separator-white{margin: 5px 0; border-top:2px solid #fff;}

/* TOOLS
------------------------- */
.row.tools{background-image:url('img/coteauto/img/bg/span6_separator.png');  background-repeat:no-repeat;}
.row.tools .span6{height:290px;  position:relative;}
.row.tools img{position:absolute;  bottom:0;}

.tools-border-right{background-image: url('img/coteauto/img/bg/span_separator_y.png'); background-position: right 5px; background-repeat: no-repeat; }
#prk_error_mdg{display: none;}
.prk-field.error{border-color: red; color:inherit;}

.infos-tech-article h2{margin-top: 20px; margin-bottom: 10px;font-weight: bold;}
.infos-tech-article img.margin-bottom-20{max-width: 560px;}


.avantage, .inconvenient{float:left; width: 280px;}
.avantage h2, .inconvenient h2{font-size: 24px; font-weight: normal; margin-top: 0;}
.avantage h2{color: #87d11e;}
.avantage ul li, .inconvenient ul li{line-height: 22px; padding-left: 20px;  background-repeat: no-repeat; background-position: left top;}
.avantage ul li{background-image: url('img/coteauto/img/bg/plus-green.png');}
.inconvenient ul li{background-image: url('img/coteauto/img/bg/plus-red.png');}
.inconvenient h2{color : #d71d38;}
.avantage{background-image: url('img/coteauto/img/bg/span_separator_y.png'); background-position: 258px bottom; background-repeat: no-repeat; }

.article-pagination{margin-top: 30px;}
.article-pagination div{float:left; width: 280px;}

/* AVIS
------------------------- */
.avis-ma-note{float:left; width: 80px; margin-left: 20px; line-height: 54px; font-size: 18px;}
.avis-thumb{float:left; width: 80px; margin-left: 20px;}

.avis-head-notes{position:relative;}
.avis-head-notes div.note-moyenne{position:absolute; width:214px; right: 258px; top: 0;}
.avis-head-notes div.note{position:absolute; width:214px; height: 58px;  padding:5px 0; line-height: 58px;}
.avis-head-notes div.note.note-design{right: 0;  bottom: 136px;}
.avis-head-notes div.note.note-confort-interieur{right: 258px; bottom: 68px;}
.avis-head-notes div.note.note-fiabilite{right: 0; bottom: 68px;}
.avis-head-notes div.note.note-qualite-prix{right: 258px; bottom: 0px;}
.avis-head-notes div.note.note-plaisir-conduite{right: 0; bottom: 0px;}

.avis-center-notes{position:relative; height: 140px;}
.avis-center-notes div.note-moyenne{position:absolute; width:131px; right: 258px; top: 0;}
.avis-center-notes div.note{position:absolute; width:180px; height: 41px; padding:2px 0; line-height: 60px;}
.avis-center-notes div.note.note-design{left: 0;  bottom: 90px;}
.avis-center-notes div.note.note-confort-interieur{left: 0; bottom: 45px;}
.avis-center-notes div.note.note-fiabilite{right: 0; bottom: 45px;}
.avis-center-notes div.note.note-qualite-prix{left: 0; bottom: 0px;}
.avis-center-notes div.note.note-plaisir-conduite{right: 0; bottom: 0px;}

.bigthumb {background-image:url('img/coteauto/img/sprite-bigthumbs.png'); background-repeat:no-repeat; text-align:center; color:#fff; font-weight:bold; width:74px; padding-left:13px; padding-top:0px; font-size: 26px;}
.bigthumb.green{background-position:-324px 0; line-height:86px; padding-top: 16px; height:70px;}
.bigthumb.orange{background-position:-155px 0; line-height:86px; padding-top: 16px; height:70px;}
.bigthumb.red{background-position:0 0;line-height:60px; ; height:86px;}

.thumb-noshadow {background-image:url('img/coteauto/img/sprite-thumbs-noshadow.png'); background-repeat:no-repeat; text-align:center; color:#fff; font-weight:bold; width:35px; padding-left:9px; padding-top:0px; }
.thumb-noshadow.green{background-position:-157px 0; line-height:41px; padding-top: 8px; height:41px;}
.thumb-noshadow.orange{background-position:-74px 0; line-height:41px; padding-top: 8px; height:41px;}
.thumb-noshadow.red{background-position:0 0;line-height:30px; ; height:41px;}

.avis-thumb-form-box{margin-left: -30px;}
.avis-thumb-form {width: 16px; height: 18px; float: left; margin-left: 30px; background-image:url('img/coteauto/img/sprite-thumbs-form.png'); background-repeat:no-repeat; padding-left: 15px; padding-top: 13px; background-position:0px 0px; color:#000;}
.avis-thumb-form:hover{text-decoration: none;}
.avis-thumb-form.green{background-position:-31px 0; color:#fff;}
.avis-thumb-form.orange{background-position:-62px 0; color:#fff;}
.avis-thumb-form.red{background-position:-93px 0; color:#fff;}
#avis_error_msg{display:none;}
.avis-field.error{border-color: red; color:inherit;}

.avis-bulle{ position: relative; font-size:12px; border-radius: 20px 20px 20px 20px; box-shadow: -1px 3px 9px -2px rgba(51, 51, 51, 0.3) inset; border: 1px solid rgb(204, 204, 204); padding: 14px 10px; line-height: 18px; background-color: #fff;}
.avis-bulle a{font-weight: bold;}
.avis-bulle .triangle{position: absolute;  left: 15%; border-right: inherit; border-bottom: inherit; background-color: rgb(255, 255, 255); transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);width: 8px; height: 8px; bottom: -5px;}
.min-height-110 { min-height: 110px;}
.mt-25 { margin-top: 25px; }
.avis-comment-title { font-size: 12px; min-height: 40px;}
.avis-content{margin-top: 30px; position: relative; font-size: 12px;}
.avis-content .col1, .avis-content .col2, .avis-content .col3, .avis-content img.span3{position: absolute;  }
.avis-content img.span3{left: 0; top: 74px;}
.avis-content .col2{width: 92px;}
.avis-content .col3{font-size: 11px;}
.avis-content .avatar-small{width: 44px; height: 54px; display: block; background-image: url('img/coteauto/img/avis-avatar-small.png');}
/* TOOGLE AVIS */

p.box-comment {
    height: 70px;
}

@media screen and (min-width: 991px) and (max-width: 1279px) {
    p.box-comment { height: 95px; }
}

.browser-ie8 p.box-comment {
    height: 100%;
}

p.box-comment.opened {
    height: auto;
}

p.box-comment .toggle .close,
p.box-comment.opened .toggle .open {
    display: none;
}

p.box-comment .toggle .opened,
p.box-comment.opened .toggle .close {
    display: inline;
}

.toggle {
    color: #0096D5;
    text-decoration: underline;
}

.browser-ie8 a.toggle { display: none; }

.avis-utile p {
    font-size: 12px;
}
.avis-utile .button {
    font-size: 14px;
    padding: 0.5em;
}

.avis-utile p.align-center.bold.green.mt2.small {
    display: none;
}

@media screen and (max-width: 990px) {
    .avis-content{height: 130px;}
    .avis-content .col1{left: 0; top: 0;}
    .avis-content .col2{left: 70px; top: 10px;}
    .avis-content .col3{left: 0; top: 90px;}
    .avis-utile {
        padding-top: 166px;
    }
    .avis-content-aside .avis-content-marque .col{
        display: block;
        width: auto;
    }
    .avis-content-aside .avis-content-marque span {
        float: none;
    }
    .avis-content-aside .avis-content-marque p {
        text-align: left;
    }
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .avis-content{height: 130px;}
    .avis-content .col1{left: 20px; top: 0;}
    .avis-content .col2{left: 100px; top: 10px;}
    .avis-content .col3{left: 0; top: 90px;}
    .avis-utile {
        padding-top: 178px;
    }
}

@media screen and (min-width: 1280px) {
    .avis-content{height: 57px;}
    .avis-content .col1{left: 0; bottom: 0;}
    .avis-content .col2{left: 55px; bottom: 0;}
    .avis-content .col3{left: 157px; bottom: 0; border-left: 1px solid #CCCCCC; padding-left: 10px;}

    .avis-utile {
        padding-top: 95px;
    }
}

/* New BlueBOX Responsive */

.blueBox {
    background: #40c8f4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiM0MGM4ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiMwZjk4ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #40c8f4 14%, #0f98d5 71%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#40c8f4), color-stop(71%,#0f98d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #40c8f4 14%,#0f98d5 71%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #40c8f4 14%,#0f98d5 71%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #40c8f4 14%,#0f98d5 71%); /* IE10+ */
    background: linear-gradient(to bottom,  #40c8f4 14%,#0f98d5 71%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40c8f4', endColorstr='#0f98d5',GradientType=0 ); /* IE6-8 */
    border: 1px solid #00A2E3;
    padding: 1em;
}

.borderRadius20 {
    border-radius: 20px;
}

.boxTitle {
    border-bottom: 1px solid #FFF;
}

.boxTitle p {
    font-size: 19px;
    padding-bottom: 10px;
}

.boxCheckList {
    display: inline-block;
    padding-left: 0;
}

.boxCheckList li {
  display: inline-block;
  height: 25px;
  width: 236px;
}

@media only screen and (min-width: 991px){
    .boxCheckList li {
        width: 220px;
    }
}

@media only screen and (min-width: 1280px){
    .boxCheckList li {
        width: 236px;
    }
}

.boxCheckList li a {
    color: #FFF;
}

.ico-unchecked {
  background: url("img/coteauto/img/sprite_ico.png") no-repeat;
  background-position: 0 0;
  padding-left: 20px;
}

.ico-unchecked:hover {
  background: url("img/coteauto/img/sprite_ico.png") no-repeat;
  background-position: 0 -19px;
}

.boxTitle .colorWhite {
    display: inline;
}

.boxTitle .boxCheckList {
    display: inline;
    float: right;
    margin-right: 2px;
}

/**/

form#non_gage input:-moz-placeholder {color:#000;}
/* NAV / TABS ANS PILLS
------------------------- */
.nav {margin-left: 0;list-style: none;}
.nav > li > a {display: block;}
.nav > li > a:hover {text-decoration: none;background-color: #eeeeee;}
.nav > .pull-right {float: right;}
.nav .nav-header {display: block;padding: 3px 15px;font-size: 11px;font-weight: bold;line-height: 18px;color: #999999;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);text-transform: uppercase;}
.nav li + .nav-header {margin-top: 9px;}
.nav-list {padding-left: 15px;padding-right: 15px;margin-bottom: 0;}
.nav-list > li > a,.nav-list .nav-header {margin-left: -15px;margin-right: -15px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.nav-list > li > a {padding: 3px 15px;}
.nav-list > .active > a,.nav-list > .active > a:hover {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);background-color: #0088cc;}
.nav-list [class^="icon-"] {margin-right: 2px;}
.nav-list .divider {*width: 100%;height: 1px;margin: 8px 1px;*margin: -5px 0 5px;overflow: hidden;background-color: #e5e5e5;border-bottom: 1px solid #ffffff;}
.nav-tabs,.nav-pills {*zoom: 1;}
.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after {display: table;content: "";}
.nav-tabs:after,.nav-pills:after {clear: both;}
.nav-tabs > li,.nav-pills > li {float: left;}
.nav-tabs > li > a,.nav-pills > li > a {padding-right: 30px;padding-left: 30px;margin-right: 2px;line-height: 14px;}
.nav-tabs {border-bottom: 1px solid #00a2e3;}
.nav-tabs > li {margin-bottom: -1px;}
.nav-tabs > li > a {padding-top: 8px;padding-bottom: 8px;line-height: 30px;font-size: 14px;border: 1px solid transparent;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;}
.nav-tabs > li > a:hover {border-color: #eeeeee #eeeeee #00a2e3;}
.nav-tabs > .active > a,.nav-tabs > .active > a:hover {color: #555555;background-color: #eee;border: 1px solid #00a2e3;border-bottom-color: transparent;cursor: default;}
.nav-pills > li > a {padding-top: 8px;padding-bottom: 8px;margin-top: 2px;margin-bottom: 2px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.nav-pills > .active > a,.nav-pills > .active > a:hover {color: #ffffff;background-color: #0088cc;}
.nav-stacked > li {float: none;}
.nav-stacked > li > a {margin-right: 0;}
.nav-tabs.nav-stacked {border-bottom: 0;}
.nav-tabs.nav-stacked > li > a {border: 1px solid #00a2e3;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.nav-tabs.nav-stacked > li:first-child > a {-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;}
.nav-tabs.nav-stacked > li:last-child > a {-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;}
.nav-tabs.nav-stacked > li > a:hover {border-color: #00a2e3;z-index: 2;}
.nav-pills.nav-stacked > li > a {margin-bottom: 3px;}
.nav-pills.nav-stacked > li:last-child > a {margin-bottom: 1px;}
.nav-tabs .dropdown-menu {-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}
.nav-pills .dropdown-menu {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret {border-top-color: #0088cc;border-bottom-color: #0088cc;margin-top: 6px;}
.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret {border-top-color: #005580;border-bottom-color: #005580;}
.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret {border-top-color: #333333;border-bottom-color: #333333;}
.nav > .dropdown.active > a:hover {color: #000000;cursor: pointer;}
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav > li.dropdown.open.active > a:hover {color: #ffffff;background-color: #999999;border-color: #999999;}
.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret {border-top-color: #ffffff;border-bottom-color: #ffffff;opacity: 1;filter: alpha(opacity=100);}
.tabs-stacked .open > a:hover {border-color: #999999;}
.tabbable {*zoom: 1;}
.tabbable:before,.tabbable:after {display: table;content: "";}
.tabbable:after {clear: both;}
.tab-content {overflow: auto;padding:25px;border-left: 1px solid #00a2e3; border-right: 1px solid #00a2e3; border-bottom: 1px solid #00a2e3; border-radius: 0px 0px 10px 10px;}
.tabs-below > .nav-tabs,.tabs-right > .nav-tabs,.tabs-left > .nav-tabs {border-bottom: 0;}
.tab-content > .tab-pane,.pill-content > .pill-pane {display: none;}
.tab-content > .active,.pill-content > .active {display: block;}
.tabs-below > .nav-tabs {border-top: 1px solid #00a2e3;}
.tabs-below > .nav-tabs > li {margin-top: -1px;margin-bottom: 0;}
.tabs-below > .nav-tabs > li > a {-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;}
.tabs-below > .nav-tabs > li > a:hover {border-bottom-color: transparent;border-top-color: #00a2e3;}
.tabs-below > .nav-tabs > .active > a,.tabs-below > .nav-tabs > .active > a:hover {border-color: transparent #00a2e3 #00a2e3 #00a2e3;}
.tabs-left > .nav-tabs > li,.tabs-right > .nav-tabs > li {float: none;}
.tabs-left > .nav-tabs > li > a,.tabs-right > .nav-tabs > li > a {min-width: 74px;margin-right: 0;margin-bottom: 3px;}
.tabs-left > .nav-tabs {float: left;margin-right: 19px;border-right: 1px solid #00a2e3;}
.tabs-left > .nav-tabs > li > a {margin-right: -1px;-webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px;}
.tabs-left > .nav-tabs > li > a:hover {border-color: #eeeeee #00a2e3 #eeeeee #eeeeee;}
.tabs-left > .nav-tabs .active > a,.tabs-left > .nav-tabs .active > a:hover {border-color: #00a2e3 transparent #00a2e3 #00a2e3;*border-right-color: #ffffff;}
.tabs-right > .nav-tabs {float: right;margin-left: 19px;border-left: 1px solid #00a2e3;}
.tabs-right > .nav-tabs > li > a {margin-left: -1px;-webkit-border-radius: 0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;}
.tabs-right > .nav-tabs > li > a:hover {border-color: #eeeeee #eeeeee #eeeeee #00a2e3;}
.tabs-right > .nav-tabs .active > a,.tabs-right > .nav-tabs .active > a:hover {border-color: #00a2e3 #00a2e3 #00a2e3 transparent;*border-left-color: #ffffff;}

/* TOOLTIPS
------------------------- */
.hide-text {font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.input-block-level {display: block;width: 100%;min-height: 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.tooltip {position: absolute;z-index: 1020;display: block;visibility: visible;padding: 5px;font-size: 11px;opacity: 0;filter: alpha(opacity=0);}
.tooltip.in {opacity: 0.8;filter: alpha(opacity=80);}
.tooltip.top {margin-top: -2px;}
.tooltip.right {margin-left: 2px;}
.tooltip.bottom {margin-top: 2px;}
.tooltip.left {margin-left: -2px;}
.tooltip.top .tooltip-arrow {bottom: 0;left: 50%;margin-left: -5px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #000000;}
.tooltip.left .tooltip-arrow {top: 50%;right: 0;margin-top: -5px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #000000;}
.tooltip.bottom .tooltip-arrow {top: 0;left: 50%;margin-left: -5px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #000000;}
.tooltip.right .tooltip-arrow {top: 50%;left: 0;margin-top: -5px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 5px solid #000000;}
.tooltip-inner {max-width: 200px;padding: 3px 8px;color: #ffffff;text-align: center;text-decoration: none;background-color: #000000;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.tooltip-arrow {position: absolute;width: 0;height: 0;}

/* VOITURE IDEALE
------------------------- */

.choix-auto-box .span3{position:relative; height:270px;}
.choix-auto-box img{display:block; margin: 0 auto}
.choix-auto-box a.opacity-hover{width: 100%; display:block; position: absolute; bottom: 0;}
.span8 .image-button-box{margin-left: -10px; width: 624px;}
.span8 .image-button-box div{float:left;  margin: 0 10px; text-align: center; font-size: 11px;}
@media screen and (max-width: 990px) {
    .span8 .image-button-box{margin-left: -10px; width: 473px;}
    .span8 .image-button-box div{width: 214px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .span8 .image-button-box{margin-left: -10px; width: 624px;}
    .span8 .image-button-box div{width: 184px;}
}

@media screen and (min-width: 1280px) {
    .span8 .image-button-box{margin-left: -10px; width: 817px;}
    .span8 .image-button-box div{width: 184px;}
}

.empty { background: url("img/coteauto/img/voiture_icon.gif") no-repeat scroll 0 0 transparent; border: 1px solid #CCCCCC; height: 72px; width: 102px; }

#dialog-form input.text { height:20px; width:35%; padding: 4px; }
#dialog-form fieldset { padding:0; border:0; margin-top:10px; }
#dialog-form  .ui-dialog .ui-state-error { padding: .3em; }
#dialog-form  .validateTips { border: 1px solid transparent; padding: 0.3em; line-height: 14px; }
#dialog-form  .errorMsg { border: 1px solid transparent; padding: 0.3em; }
div.div_tipsy { height:20px; background-image:url('img/coteauto/img/co2.png'); background-repeat:no-repeat; }

.border-right-grey{border-right: 1px solid #ccc; }
.border-left-grey{border-left: 1px solid #ccc; }
.border-top-grey{border-top: 1px solid #ccc; }
.border-bottom-grey{border-bottom: 1px solid #ccc;}

.border-top-darkgrey{border-top: 1px solid #999;}
.border-top-white{border-top: 1px solid #fff;}


table.voiture-ideale{width: 100%;background: -moz-linear-gradient(top,  rgba(252,252,252,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,0.65)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top,  rgba(252,252,252,0.65) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top,  rgba(252,252,252,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top,  rgba(252,252,252,0.65) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(top,  rgba(252,252,252,0.65) 0%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6fcfcfc', endColorstr='#00000000',GradientType=0 ); }

table.voiture-ideale td, table.voiture-ideale th{ text-align: center; vertical-align:top;}
table.voiture-ideale th{vertical-align:bottom;padding: 10px;}
table.voiture-ideale td{vertical-align:top;padding: 22px;}
table.voiture-ideale tfoot td{height: 0px; line-height: 0px; padding: 0;}


table.tablesorter thead tr .headerSorting { background-repeat: no-repeat; background-position: center bottom; cursor: pointer; }/* background-image: url("img/sort_both.png");*/
table.tablesorter thead tr .headerSortUp { background-image: url("img/coteauto/img/order-up.png"); }
table.tablesorter thead tr .headerSortDown { background-image: url("img/coteauto/img/order-down.png");}

/* TIPSY */
.tipsy { padding: 5px; font-size: 11px; opacity: 0.9; filter: alpha(opacity=90); background-repeat: no-repeat;  background-image: url(img/VO/tipsy.gif); }
.tipsy-inner { padding: 7px; background-color: black; color: white; max-width: 400px; text-align: justify; line-height:13px; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/* ================ AJOUTS Laurent ================ */

/* Buttons
------------------------- */
input.button{width: 100%;margin: 10px 0 5px 0;padding: 10px 5px;-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #fff;background-image: url('img/coteauto/img/bg/button.png');background-position: center;background-repeat: repeat-x;border-color: #d2d2cb #d2d2cb #a5a594 #d2d2cb;border-radius: 10px 10px 10px 10px;border-style: solid;border-width: 2px;color: #000;cursor: pointer;font-size: 16px;line-height: 20px;text-align: center;vertical-align: middle;-webkit-box-shadow: 0px 4px 4px 0px #E2E2E2;-moz-box-shadow: 0px 4px 4px 0px #E2E2E2;box-shadow: 0px 4px 4px 0px #E2E2E2; outline: 0; display: block;} /* button, a.button */

input.button:hover{background-color: #dad9cf; background-image: url('img/coteauto/img/bg/button_hover.png'); border-color: #68b0e1 #68b0e1 #0080c5 #68b0e1; text-decoration: none;} /* button:hover, a.button:hover */
input.button.selected, input.button:active{background-color: #a8e613; background-image: url('img/coteauto/img/bg/button_selected.png');color: #fff; border-color: #87d11f #87d11f  #419100 #87d11f;text-shadow: 1px 1px 0px #419100;} /* a.button.selected, a.button:active */

input.button-orange{border-radius: 20px; font-weight:bolder;  font-size:15px; background-image: url('img/coteauto/img/bg/button_orange.png');background-position: center bottom;background-color: #f2a41e;color: #fff;border-width: 1px;border-color: #ff4c00 #ff4c00 #f2a41e #ff4c00;text-shadow: 1px 1px 0px #ff4c00;} /* button.orange, a.button-orange */
input.button-orange:hover {background-image: url('img/coteauto/img/bg/button_orange_hover.png');background-color: #ff4c00; border-color: #FF4C00 #FF4C00 #F2A41E;} /* button.orange:hover, a.button-orange:hover */

input.button-blue{font-weight: bold; color: white; background: #3ec4f2;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzRUM0RjIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMDdGQzYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NzYpIiAvPgo8L3N2Zz4=);border: solid 1px #107fc6;}
input.button-blue:hover{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjM0VDNEYyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMTA3RkM2IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODExKSIgLz4KPC9zdmc+);}
input.cote-personnalise {font-family:"nimbus-sans",sans-serif !important; letter-spacing: 0.26px !important; line-height: 20px !important; width: 182px !important;}
input.inline { display: inline; }

/* PAGES ARGUS
------------------------- */
#liste_versions_similaires #lvs-liens li a{display: block;font-size: 0.85em; padding: 0 15px 0 20px;} /* 0 30px*/

.autobiz-elmt form {margin-bottom: 0;}

.double-indice-box img {margin-left: 75px;margin-top: 30px;}


form.minicote select{width: 100%; margin-bottom: 10px;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; background-color: #d4d0c8;}
form.minicote .box-left{width: 112px; height: 52px; float:left;}
form.minicote .box-left #cp{width: 100px; margin-top: 7px; border-radius: 3px 3px 3px 3px;}
form.minicote .box-right{width: 112px; height: 52px; float:right;}
form.minicote .box-right button{width: 90px; margin:0; font-size: 12px; line-height: 14px; float:right;}
form.minicote #search_cote{padding:5px; font-size: 12px; width: 60%; margin-left: 20%;}

div.info-version span.blue sup {font-size: 0.6em;}

.tableau_de_cotes {width: 100%; margin: 10px 0 25px; font-size: 0.85em;}
.tableau_de_cotes th, .tableau_de_cotes td {padding: 5px 0px 3px 10px; border: 1px solid #D0D0D0; text-align: left;}
.tableau_de_cotes th {font-weight: bold; background-color: #2EB3E6; text-transform: capitalize; color: #FFF;}
.tableau_de_cotes td a {text-decoration: underline;}
.tableau_de_cotes .centre {padding-left: 0 !important; text-align: center !important;}

/* PAGES DOSSIER
------------------------- */
.dossier .color-1{color:#fff;}
.dossier .color-2{color:#1b97d1;/* Bleu */}
.dossier .color-3{color:#6aa937;/* Vert foncé */}
.dossier .color-4{color:#87d11f;/* Vert clair */}
.dossier .color-5{color:#474648;/* Gris foncé */}
.dossier .bg-color-1{background-color:#f7f7f6;/* gris clair */}
.dossier .bg-color-2{background-color:#dddcd4;/* gris foncé */}
.dossier .bg-color-3{background-color:#87d11f;/* vert tableau */}
.dossier .bg-color-4{background-color:#0094cf;/* bleu tableau*/}
.dossier .bg-color-5{background-color:#fff;}
.dossier .bg-color-6{background-color:#e5e4dd;/* gris moyen */}
.txt-center{text-align:center;}
.txt-right{text-align:right;}
.txt-left{text-align:left;}
.dossier .right{float:right;}
.dossier .clear{clear:both;}
.dossier .margin-left-0{margin-left:0!important;}
.dossier .sep-bottom{background:url(img/coteauto/img/dossier/sep_bottom.png) left bottom repeat-x;}
.dossier h2{font-size:32px;}
.dossier h3{font-size:22px;line-height:33px;}
.dossier h3.border-bottom{border-bottom:solid 1px #1b97d1;}
.dossier h4,.dossier .h4-like{font-size:18px;line-height:16px;}
.dossier p{line-height:16px;}
.dossier .biggest{font-size:20px;font-weight:700;line-height:25px;}
.dossier .big{font-size:15px;}
.dossier .w-100{width:100%;}
.dossier img{max-width:100%;vertical-align:middle;height:auto;}
.dossier .border-top{border-top:solid 1px #1b97d1;padding-top:10px;}
.dossier .title-nav{font-size:28px;line-height:38px;}
.dossier-head{background:url(img/coteauto/img/dossier/bg_head_dossier.png) left bottom repeat-x #FEFEFE;min-height:269px;padding-bottom:20px;}
.dossier .nav-dossier{position:relative;z-index:15;}
.dossier .nav-dossier li{background:url(img/coteauto/img/dossier/ds4/nav_item_1.jpg) right top no-repeat #DDDDD5;border-left:solid 1px #fff;border-radius:10px 10px 0 0;border-top:solid 1px #fff;float:left;width:19%;}
.dossier .nav-dossier li:hover,.dossier .nav-dossier .active{border-left:solid 1px #d9d8cf;border-right:solid 1px #d9d8cf;border-top:solid 1px #d9d8cf;}
.dossier .nav-dossier li:hover + li,.dossier .nav-dossier .active + li{border-left:0;}
.dossier .nav-dossier li + li{background:url(img/coteauto/img/dossier/ds4/nav_item_2.jpg) right top no-repeat #DDDDD5;}
.dossier .nav-dossier li + li + li{background:url(img/coteauto/img/dossier/ds4/nav_item_3.jpg) right top no-repeat #DDDDD5;}
.dossier .nav-dossier li + li + li + li{background:url(img/coteauto/img/dossier/ds4/nav_item_4.jpg) right top no-repeat #DDDDD5;}
.dossier .nav-dossier li + li + li + li + li{background:url(img/coteauto/img/dossier/ds4/nav_item_5.jpg) right top no-repeat #DDDDD5;}
.dossier .nav-dossier strong{display:block;font-size:18px;margin-bottom:5px;text-transform:uppercase;}
.dossier .nav-dossier a{display:block;padding-top:68px;text-decoration:none;}
.dossier .nav-dossier p{background:url(img/coteauto/img/dossier/nav_bg.png) right bottom repeat-x #42AFDB;color:#fff;display:block;font-weight:700;min-height:90px;padding:10px;}
.dossier .nav-dossier a:hover p,.dossier .nav-dossier .active a p{background:url(img/coteauto/img/dossier/nav_bg_hover.png) right bottom repeat-x #f7f7f6;color:#474648;}
.dossier .nav-dossier a:hover strong,.dossier .nav-dossier .active strong{color:#1b97d1;}
.after-nav-dossier{border-top:solid 1px #d8d7cd;padding-top:40px;position:relative;top:-1px;z-index:10;}
.dossier .table{display:table;}
.dossier .table .cell{display:table-cell;vertical-align:middle;}
@media screen and (max-width: 990px) {
    .dossier .cell.padding-l{padding-left:23px;}
}
@media screen and (max-width: 1279px) and (min-width: 991px) {
    .dossier .cell.padding-l{padding-left:42px;}
}
@media screen and (min-width: 1280px) {
    .dossier .cell.padding-l{padding-left:34px;}
}
.dossier .table .va-middle{vertical-align:middle;}
.dossier .table .va-bottom{vertical-align:bottom;}
.motorisation{margin-bottom:70px;}
.dossier .version{border-collapse:separate;margin:20px 0;}
.dossier .version td{vertical-align:middle;padding:5px;}
.dossier .version caption,.dossier .version th{color:#fff;padding:0 5px;text-transform:uppercase;}
.dossier .version caption{border-left:solid 1px #fff;border-radius:10px 10px 0 0;border-right:solid 1px #fff;border-top:solid 1px #fff;font-size:18px;height:33px;padding:12px 0 0;}
.dossier .version th{height:40px;width:35%;}
.dossier .version th + th{width:16%;}
.dossier .version th + th + th{width:16%;}
.dossier .version th + th + th + th{width:13%;}
.dossier .version th + th + th + th + th{width:20%;}
.dossier .version td{color:#777673;height:30px;text-align:center;}
.dossier .version td:first-child{font-weight:700;}
.dossier .version .first-col{border-left:solid 1px #fff;}
.dossier .version .last-col{border-right:solid 1px #fff;}
.dossier .version .last .first-col{border-left:0;border-radius:0 0 0 10px;}
.dossier .version .last .last-col{border-radius:0 0 10px 0;border-right:0;}
.dossier .lexique{background:url(img/coteauto/img/dossier/lexique_bg.png) left center no-repeat #e5e4dd;padding:20px 0;}
.dossier .lexique .cell:first-child{padding:0 10px 0 70px;}
.dossier .finition .span3{margin-left:0;}
.browser-ie8 .dossier .finition .span3{margin-left:0!important;}
@media screen and (max-width: 990px) {
    .dossier .finition .span3{width:23.8%;}
}
@media screen and (max-width: 1279px) and (min-width: 991px) {
    .dossier .finition .span3{width:24.1%;}
}
@media screen and (min-width: 1280px) {
    .dossier .finition .span3{width:24.3%;}
}
.dossier .finition .span3:first-child{margin-left:35px;}
.dossier .finition-arrow{color:#fff;min-height:131px;}
.dossier .finition-arrow h4{font-size:26px;font-weight:700;margin-left:5%;margin-bottom:3%;padding-top:8%;}
.dossier .finition-arrow p{font-size:11px;margin-left:5%;max-width:90%;}
.dossier .finition-1 .finition-arrow{background:url(img/coteauto/img/dossier/finition_1_bg.jpg) right center no-repeat #5ec5ed;border-radius:10px 0 0 10px;}
.dossier .finition-2 .finition-arrow{background:url(img/coteauto/img/dossier/finition_2_bg.jpg) right center no-repeat #36a9d9;}
.dossier .finition-3 .finition-arrow{background:url(img/coteauto/img/dossier/finition_3_bg.jpg) right center no-repeat #0094cf;}
.dossier .finition-4 .finition-arrow{background-color:#0374a1;border-radius:0 10px 10px 0;}
.dossier .finition-1 .price{font-weight:700;margin-top:7px;padding-left:7%;}
.dossier .finition-2 .price,.dossier .finition-3 .price,.dossier .finition-4 .price{font-size:22px;font-weight:700;margin-top:15px;}
@media screen and (max-width: 990px) {
.dossier .finition-1 .price{max-width:150px;}
.dossier .finition-2 .price,.dossier .finition-3 .price,.dossier .finition-4 .price{padding-left:15%;}
}
@media screen and (max-width: 1279px) and (min-width: 991px) {
.dossier .finition-1 .price{max-width:170px;}
.dossier .finition-2 .price,.dossier .finition-3 .price,.dossier .finition-4 .price{padding-left:24%;}
}
@media screen and (min-width: 1280px) {
.dossier .finition-1 .price{max-width:170px;}
.dossier .finition-2 .price,.dossier .finition-3 .price,.dossier .finition-4 .price{padding-left:30%;}
}
.dossier .button{background-color:#e5e4dd;border:0;color:#0094cf;padding:6px 0;border-radius:5px;box-shadow:0 0 0 0;}
.dossier .button-color-2{color:#6aa937;}
@media screen and (max-width: 990px) {
.dossier .button.arrow-prev{padding-left:10px;}
.dossier .button.arrow-next{padding-right:10px;}
}
.dossier .button.arrow-prev{background:url(img/coteauto/img/dossier/arrow_prev.png) left center no-repeat #e5e4dd;}
@media screen and (max-width: 990px) {
.dossier .button.arrow-next{margin-left:15px;}
.dossier .button-color-2.button.arrow-next{padding-right:10px;width:125px;}
}
@media screen and (max-width: 1279px) and (min-width: 991px) {
.dossier .button-color-2.button.arrow-next{padding-right:10px;}
}
.dossier .button.arrow-next{background:url(img/coteauto/img/dossier/arrow_next.png) right center no-repeat #e5e4dd;}
.dossier .button-color-2.button.arrow-next{background:url(img/coteauto/img/dossier/arrow_color2_next.png) right center no-repeat #e5e4dd;}
.dossier .point{font-size:20px;}
.dossier .avis-thumb{width:50px;}
.dossier .avis-ma-note{width:90px;}
#dossier-gallery{background-color:#e6e5e0;}
#dossier-thumb{padding:0 20px;text-align:center;}
#dossier-thumb li{cursor:pointer;margin-bottom:5px;}
#dossier-thumb li:first-child{margin-top:5px;}
#dossier-thumb img{border:solid 3px #fff;border-radius:5px;}
#dossier-thumb img:hover,#dossier-thumb .active{border-color:#85cf1e;}

/* FORM COTE
------------------------- */
.slide-reduit {font-size:23px !important;}


/* LANDING PAGE
------------------------- */
ol.num {list-style: decimal outside none;margin: 12px 0 12px 40px;}
ol.faq_details li h3 {display: inline;font-weight: bold;}

/* HOMEPAGE
------------------------- */
.block-home{font-size: 14px;line-height: 20px;padding-top: 20px;position: relative;height: 175px;}
.block-home .btn-box{height: 35px;position: absolute;bottom: 0;width: 100%;text-align: center;}
.box-3-bg-separate{background: #fff url('img/coteauto/img/b2c_a_bg_boxes.png') no-repeat right top; padding-top:30px;}
.btn-big{ width: 474px; display: block; height: 58px; line-height: 58px; background-image:url('img/coteauto/img/b2c_a_sprite_btn.png');background-position: 0 -104px;color:#fff; text-align: center;font-size: 22px;font-style: normal;font-weight: 700;margin-bottom: 10px;}
.btn-big.selected,
.btn-big:hover{background-position: 0 -161px; text-decoration: none; }
a.btn-orange-1{background-image:url('img/coteauto/img/b2c_a_sprite_btn.png');background-position: 0 -367px;width: 130px;height: 35px;line-height: 35px;text-align: center;display: inline-block;color:#fff;font-size: 18px;font-style: normal;font-weight: 700;}
a.btn-orange-1:hover{text-decoration: none; background-position: 0 -404px;}
a.btn-orange-2{background-image:url('img/coteauto/img/b2c_a_sprite_btn.png');background-position: 0 -439px;width: 216px;height: 35px;line-height: 35px;text-align: center;display: inline-block;color:#fff;font-size: 18px;font-style: normal;font-weight: 700;}
a.btn-orange-2:hover{text-decoration: none; background-position: 0 -476px;}

#header-home{margin-top:30px;  border-top:1px solid #fff; position: relative;-moz-box-shadow: inset 0px -10px 15px -10px #656565;-webkit-box-shadow: inset 0px -10px 15px -10px #656565;-o-box-shadow: inset 0px -10px 15px -10px #656565;box-shadow: inset 0px -10px 15px -10px #656565; background: #85d0f0 url('img/coteauto/img/b2c_a_bg_header_home.png') no-repeat center top;  height:289px;}
#header-home .tagline{font-size: 41px;line-height: 41px;color:#0091d2;text-shadow: 0px 0px 5px #fff;-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(0, rgba(0,0,0,.2)), to(rgba(0,0,0,1)));  }
#header-tab{margin-top: 90px;}
#header-tab li{width:186px; float:left;height:30px;margin-right: 21px;}
#header-tab li a{background-image:url('img/coteauto/img/b2c_a_sprite_btn.png');background-position: 0 -218px;display: inline-block;line-height: 30px;height:30px;text-align: center;width:186px;color:#fff;font-size: 14px;-moz-box-shadow: inset 0px -10px 15px -10px #656565;-webkit-box-shadow: inset 0px -10px 15px -10px #656565;-o-box-shadow: inset 0px -10px 15px -10px #656565;box-shadow: inset 0px -10px 15px -10px #656565;}
#header-tab li a:hover{text-decoration: none;background-image:url('img/coteauto/img/b2c_a_sprite_btn.png');background-position: 0 -293px;}

.header-new-home-container{margin-top:46px;  margin-bottom:-30px; background-color: transparent;  background-repeat: repeat-x;}
.header-new-home{  margin-bottom: -30px;background-position: center top;background-repeat: no-repeat; position: relative;}
.header-new-home .tagline{position: absolute;  margin: 0 auto; color: #fff; font-weight: bold; font-size: 18px; text-align: center;}
.header-new-home .button{position: absolute;  margin: 0 auto;  padding-top: 15px; padding-bottom: 15px; font-size: 26px; box-shadow: 0 4px 4px 0 #3F3F41;}

@media screen and (max-width: 990px) {
    .header-new-home-container{height:850px;background-image:url('img/coteauto/img/bg/homepage_768_repeat.png');}
    .header-new-home{height: 850px;background-image:url('img/coteauto/img/bg/homepage_768.png');}
    .header-new-home .tagline{top: 645px; width: 745px;}
    .header-new-home .button{top: 680px;width: 314px; left: 210px;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .header-new-home-container{height:625px;background-image:url('img/coteauto/img/bg/homepage_1024_repeat.png');}
    .header-new-home{height: 625px;background-image:url('img/coteauto/img/bg/homepage_1024.png');}
    .header-new-home .tagline{top: 430px; width: 655px;}
    .header-new-home .button{top: 470px;width: 314px; left: 170px;}
}
@media screen and (min-width: 1280px) {
    .header-new-home-container{height:682px;background-image:url('img/coteauto/img/bg/homepage_1280_repeat.png');}
    .header-new-home{height: 682px;background-image:url('img/coteauto/img/bg/homepage_1280.png');}
    .header-new-home .tagline{top: 430px; width: 745px;}
    .header-new-home .button{top: 470px; width: 314px; left: 211px;}
}


/* TOOLS
------------------------- */
.row.tools{background-image:url('img/coteauto/img/bg/span6_separator.png');  background-repeat:no-repeat; background-position:center center;}
.row.tools .span6{height:290px;  position:relative;}
.row.tools img{position:absolute;  bottom:0;}

.tools-border-right{background-image: url('img/coteauto/img/bg/span_separator_y.png'); background-position: right 5px; background-repeat: no-repeat; }
#prk_error_mdg{display: none;}
.prk-field.error{border-color: red; color:inherit;}
form#selection_vehicule div.margin-bottom-20 a {cursor: default;}
.container #result_prk .span4 {width: 282px;}
.container #result_prk .span1 {width: 64px;}

.infos-tech-article h2{margin-top: 20px; margin-bottom: 10px;font-weight: bold;}

.avantage, .inconvenient{float:left; width: 280px;}
.avantage h2, .inconvenient h2{font-size: 24px; font-weight: normal; margin-top: 0;}
.avantage h2{color: #87d11e;}
.avantage ul li, .inconvenient ul li{line-height: 22px; padding-left: 20px;  background-repeat: no-repeat; background-position: left top;}
.avantage ul li{background-image: url('img/coteauto/img/bg/plus-green.png');}
.inconvenient ul li{background-image: url('img/coteauto/img/bg/moins-red.png');}
.inconvenient h2{color : #d71d38;}
.avantage{background-image: url('img/coteauto/img/bg/span_separator_y.png'); background-position: 258px bottom; background-repeat: no-repeat; }

.article-pagination{margin-top: 30px;}

.article-pagination div.align-left{float:left; width: 50%;}
.article-pagination div.align-right{float:right; width: 50%;}

.infos-tech-article div p {margin-bottom: 15px;}


/* PANORAMA
------------------------- */
#panorama.panorama-tools{background:transparent url('img/coteauto/img/bg/header_tools.png') no-repeat center top;   height:300px;}
#panorama.panorama-services{background:transparent url('img/coteauto/img/bg/header_services.png') no-repeat center top;   height:300px;}


/* SERVICES
------------------------- */

.row.services .span3{height:265px;  position:relative;}
.row.services img{display: block; margin: 0 auto;}
.row.services .opacity-hover{position: absolute; bottom: 0;width: 100%;}
@media screen and (max-width: 990px) {
    .row.services{background-image:url('img/coteauto/img/bg/span3_separator-745.png');  background-repeat:no-repeat;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .row.services{background-image:url('img/coteauto/img/bg/span3_separator-990.png');  background-repeat:no-repeat;}
}
@media screen and (min-width: 1280px) {
    .row.services{background-image:url('img/coteauto/img/bg/span3_separator-1262.png');  background-repeat:no-repeat;}
}

/* VENTE IMMEDIATE
------------------------- */
.container .row.vente_immediate_mentions {margin: 10px 0 0; font-size: 11px; text-align: justify}
.container .row.vente_immediate_mentions p {margin-bottom: 10px;}

.responsive-bg{background-repeat: no-repeat;}
.responsive-bg.diagram{background-image:url('img/coteauto/img/bg/diagram.png');}
.responsive-bg.calc{background-image:url('img/coteauto/img/bg/calculatrice-1min.png');}
.responsive-bg.greenflag{background-image:url('img/coteauto/img/olivia-small-green-flag.png');}
@media screen and (max-width: 990px) {
    .responsive-bg{padding-top: 100px; background-position: top center;}
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .responsive-bg{background-position: top left;}
    .responsive-bg p, .responsive-bg h3{padding-left: 80px;}
}
@media screen and (min-width: 1280px) {
    .responsive-bg{background-position: top left;}
    .responsive-bg p, .responsive-bg h3{padding-left: 80px;}
}

/*
    PAGE ID FINITION
------------------- */
.finitionDescri p {
    font-size: 17px;
}

.finitionDescri img {
    width: 50%;
}

.sizeMinus {
    font-size: 11px;
}

.boxRepriseFinition {
    border-radius: 10px;
    border: 2px solid #E69501;
    padding: 10px;
    margin-left: 10px;
    text-align: center;
    width: 200px;
}

.boxRepriseFinition p {
    color: #E69501;
    font-size: 18px;
}

.autoFinitionDescri h2 {
    border-bottom: 1px solid #E0E0E0;
    color: #0096D5;
    font-size: 17px;
    padding : 12px 0px 12px 0;
    margin-bottom: 20px;
}

.ficheFinition {
    padding: 5px;
}

.ficheFinition h3 {
    color: #414042;
    font-size: 18px;
    text-align: center;
}

.finitionGlossary {
    margin: 20px 0 0 0;
    text-align: center;
}

.glossaryLine {
    display: block;
}

.finitionGlossary ul li {
    display: block;
    float: left;
    margin: 5px 0 5px 0;
    width: 41px;
}

.finitionGlossary ul li a {
    color: #0096D5;
    text-decoration: none;
}

.finitionGlossary ul li a.marqueInactive {
    color: #CCC;
}

.finitionList {
    border: 1px solid #E0E0E0;
    height: 615px;
    margin-top: 15px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 15px;
}

.finitionList p {
    color: #0096D5;
    font-weight: bold;
}

.dimensionsBox {
    padding: 5px;
}

.dimensionsBox .blue {
    color: #0096D5;
}

.dimensionsBox .sizePlus {
    font-size: 18px;
}

/* PAGE AFFINER RECHERCHE MARQUE
------------------------------------*/

.affinSearchTitle {
    text-align: left;
}

form.affinerSearchForm label {
    cursor: default;
    display: inline-block;
    font-size: 15px;
    padding: 0;
    text-align: left;
}

.affinSearchTab {
    border: 1px solid #0096d5
}

table.affinSearchTab tr {
    border-bottom: 1px solid #0096d5;
}

table.affinSearchTab th,
table.affinSearchTab td {
    padding: 10px;
}

table.affinSearchTab th a {
    color: white;
    text-decoration: underline;
}

.bgColorBlue {
    background-color: #0096d5;
}

.txtColorWhite {
    color: white;
}

/* FOOTER
------------------------- */
#footer_vi_info{width: 990px; margin: 0 auto; font-size: 9px; line-height: 12px; border-top: 0;}
#footer_vi_info p{border-top: 0; padding-top: 20px;}

.pre-footer{margin-bottom: -30px; margin-top: 30px; padding: 40px 0;background: url("img/coteauto/img/bg/pre-footer-top.png") no-repeat top center,url("img/coteauto/img/bg/pre-footer-bottom.png") no-repeat bottom center;background-color: #E1DED0;border-top: 1px solid #8D9B70;}

/* FOOTER SEO
-------------------------- */

footer li {margin: 4px 0;}
ul.colx2 li{float:left; width: 50%}
ul.colx5 li{float:left; width: 20%}



/* PAGE MODELE MARQUE
---------------------------*/

.marqueModel h1 {
    text-align: left;
}

.marqueModel h2 {
    font-size: 18px;
}

.marqueModel ul li a {
    color: #0096D5;
    text-decoration: underline;
}

.marqueCategory {
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    padding: 10px;
}

.marqueCategory h3 {
    color: #0096d5;
    font-size: 17px;
}

.marqueCategory ul li {
    display: block;
    float: left;
    margin: 0 0 10px 0;
    width: 300px;
}

.boxModelTitle {
    border: 1px solid #0096d5;
    background-color: #0096d5;
    border-radius: 10px 10px 0 0;
    height: 20px;
    padding: 7px;
    color: white;
    font-size: 15px;
}

.boxMarqueModel {
    border: 1px solid #0096d5;
    border-radius: 12px 12px 0 0;
}

.boxMarqueModel ul li {
    display: block;
    float: left;
    margin: 10px 0 10px 10px;
    width: 120px;
}

/* PAGE RESTITUTION
--------------------------*/

@media screen and (max-width: 990px) {

    .bg_rss {

        background: url("img/coteauto/img/bg/separator-vente-450-without-24.png") no-repeat;
        background-position: center 5px;
        height:100px;
        padding-left:32%;
    }
    .titre_bg_rss1 {

        /*padding-left:180px*/
    }
    .titre_bg_rss2 {

        padding-left:11%;
    }

    .titre_bg_rss3 {

        padding-left:14%;
    }
    .title-simpleblack {

        font-size: 16px;
    }

    .caracteristiques_modele_restit {

        float:left;
        padding:10px 0px 10px 0px;
    }

}
@media screen and (min-width: 991px) {

    .bg_rss{

        background: url("img/coteauto/img/bg/separator-vente-768-without-24.png") no-repeat;
        background-position: center 5px;
        height:100px;
        padding-left:34%;
    }

    .titre_bg_rss1 {

        /*margin-left:310px*/
    }
    .titre_bg_rss2 {

        padding-left:14%;
    }
    .titre_bg_rss3 {

        padding-left:14%;
    }

    .caracteristiques_modele_restit {

        float:left;
        padding-left:10px;
    }
}

@media screen and (max-width: 990px) {
	.img-responsive{
		margin-left: -35px;
	}

	.btn-vehicule-remplacer{
		width:190px;
	}
}
/* garages autobiz */

.iconlist
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.li-pdv
{
  background-image: url('../img/AUTOBIZ/garage_autobiz_puces.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
  font-size: 16px;
}

.btn-block{
	cursor: pointer;
}

.fade{
	opacity:0;
	-webkit-transition:opacity .15s linear;
	transition:opacity .15s linear
}
.fade.in{
	opacity:1
}

.collapsing{
	position:relative;
	height:0;
	overflow:hidden;
	-webkit-transition:height .35s ease;
	transition:height .35s ease
}

.collapse-title {
	background-color:#a4e300;
}

.tab-crenaux{
	width:100%;
}

.crenaux-block{
	display:none;
}

.crenaux-horaire{
	width:10px;
}

.visible-xxs {
  display: none !important;
}

.libre {
  background-color: #ffffff;
  cursor: pointer;
}

.reserver {
  cursor: not-allowed;
  color: #fff;
  background-color: #00a2e3;
}
.islck {
	color: #fff;
	background-color: #00a2e3;
}
.libre.disabled {
	background-color: #f2a41e;
    border-radius: 0;
    opacity: 1;
	cursor: not-allowed;
}

.name-selected {
 color:#ffffff;
}

.name-unselected{
 color:#0096d5;
}

.btn-block.garage-selected {
	background-color:#a4e300;
}

/* SIDEBAR
-------------------------- */
.sidebar-title,.sidebar-actu ul, .sidebar-actu li a {color: #0096d5;}
.sidebar-title {font-size: 26px;line-height: 50px;padding-bottom: 20px;padding-top: 30px;text-align: center;}
.sidebar-actu li {list-style-type: none;margin-bottom: 2px;}
.sidebar-actu li:before {content: ">"; margin-right: 5px;}
.ico-tel{
    background:url('img/coteauto/img/bg/phone_olivia.png') left top no-repeat;
    padding-left: 18px;
}

/* VRADE
-------------------------- */
.mask-radio-like-btn {
    border-radius: 10px;
    overflow: hidden;
    border: solid 2px #d2d2cb;
}

.mask-radio-like-btn:hover,
.mask-radio-like-btn.selected {
    border-color: #87d11f;
}

.radio-like-btn {
    background: url('img/coteauto/img/bg/button.png') center center repeat-x;
    background: #fbfbfb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RhZDljZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fbfbfb 0%, #dad9cf 50%, #fbfbfb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(50%,#dad9cf), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fbfbfb 0%,#dad9cf 50%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fbfbfb 0%,#dad9cf 50%,#fbfbfb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fbfbfb 0%,#dad9cf 50%,#fbfbfb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fbfbfb 0%,#dad9cf 50%,#fbfbfb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-8 */
    filter: none\9\0; /* IE9 */
    font-weight: bold;
    color: #000;
    display: block;
    height: 100%;
    padding: 10px;
    text-align: center;
}

@media screen and (max-width: 990px) {
    .mask-radio-like-btn { height: 90px; }
}
@media screen and (min-width: 991px) and (max-width: 1279px) {
    .mask-radio-like-btn { height: 70px; }
}
@media screen and (min-width: 1280px) {
    .mask-radio-like-btn { height: 70px; }
}

.radio-like-btn:hover,
.radio-like-btn.selected {
    background: #a8e613; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4ZTYxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg0YzkyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOGU2MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #a8e613 0%, #84c922 50%, #a8e613 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8e613), color-stop(50%,#84c922), color-stop(100%,#a8e613)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a8e613 0%,#84c922 50%,#a8e613 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a8e613 0%,#84c922 50%,#a8e613 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a8e613 0%,#84c922 50%,#a8e613 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a8e613 0%,#84c922 50%,#a8e613 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8e613', endColorstr='#a8e613',GradientType=0 ); /* IE6-8 */
    border-color: #87d11f;
    color: #fff;
    filter: none\9\0; /* IE9 */
    text-shadow: 1px 1px 0px #419100;
}

.radio-like-btn input[type="radio"]{
    position: absolute;
    top: -999px;
}

.bulle-green {
    background-color: #79d23a;
    border: 1px solid #61b116;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    font-size: 12px;
    padding: 10px;
}

.bulle-green.dialog { position: relative; }

.dialog .triangle-droite {
    bottom: 75px;
    position: absolute;
    right: -20px;
}

.vrade-date-sinistre {
    margin: 0 auto;
    width: 690px;
}

.vrade-date-sinistre input[type="text"]{
    height: 26px;
    margin-left: 15px;
}

.vrade-date-sinistre input[type="text"]:first-child{
    margin-left: 0;
}

.alert {
    border-radius: 5px;
    font-size: 12px;
    padding: 20px;
}

.alert-info {
    background-color: #d9f1fa;
    color: #2c93d1;
}

.alert-success {
    background-color: #DAFAD9;
    color: #26AB49;
}

.alert-error {
    background-color: #FAD9D9;
    color: #B03A3A;
}

.input-txt-vrade{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 26px;
    width: 100%;
}

input.button-orange-big {
    border-radius: 7px;
    padding: 8px 35px;
}

input.button-orange-big.w100 {
    padding: 8px 0;
    width: 100%;
}

.ico-check-green {
    background: url("img/coteauto/img/icon/style-list.png") left top no-repeat;
    padding-left: 28px;
}

.ico-download-vrade {
    background: url("img/coteauto/img/icon/ico-certificat.png") left top no-repeat;
    display: block;
    min-height: 50px;
    padding-left: 60px;
}

.price-vrade {
    position: absolute;
    top: -130px;
    right: 0;
}

.checkform-error {
    background-color: #FE7D7D;
    color: white;
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 0px 10px 0 10px;
}

.checkform-error span {
    font-weight: bold;
}

.hide {
    display: none;
}

.button-share {
    cursor: pointer;
}

tr[data-show="false"] { display: none; }

.padding-bottom-120 {
    padding-bottom: 120px;
}

@media screen and (min-width: 991px) {
    .padding-bottom-120 {
        padding-bottom: inherit;
    }

    .position-premiere-main .select-premiere-main .olivia-bulle{bottom: inherit;right: 160px}
    .position-premiere-main .select-premiere-main .triangle-droite{ display:block; bottom: 33px;right: 141px;}
    .position-premiere-main .select-premiere-main .olivia-oups-left{bottom: 0;}
    .position-premiere-main2 .select-premiere-main .olivia-bulle{bottom: inherit;right: 160px}
    .position-premiere-main2 .select-premiere-main .triangle-droite{ display:block; bottom: 21px;right: 141px;}
    .position-premiere-main2 .select-premiere-main .olivia-oups-left{bottom: -12px;}

}

.listStyleSociaux {
    list-style: disc;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-40 {
    margin-left: 40px;
}

.listTypeSquare {
    list-style-type: square;
}

.colorTitleBlue {
    color: #0094D8;
}

/* ---- Page Avis ---- */
.sortDesc:after {
    content: " \25B2";
    font-size: 10px;
}

.sortAsc:after {
    content: " \25BC";
    font-size: 10px;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #0096D5;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #0096D5;
  border-color: #0096D5;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.rating-wrapper:hover .rating-star:hover .txt-star1,
.rating-wrapper:hover .rating-star:hover .txt-star2,
.rating-wrapper:hover .rating-star:hover .txt-star3,
.rating-wrapper:hover .rating-star:hover .txt-star4,
.rating-wrapper:hover .rating-star:hover .txt-star5 {
    display: block;
    left: 190px;
    padding-right: 5px;
    position: absolute;
    top: -2px;
}

.hoverI8 .rating-wrapper:hover .rating-star:hover .txt-star1,
.hoverI8 .rating-wrapper:hover .rating-star:hover .txt-star2,
.hoverI8 .rating-wrapper:hover .rating-star:hover .txt-star3,
.hoverI8 .rating-wrapper:hover .rating-star:hover .txt-star4,
.hoverI8 .rating-wrapper:hover .rating-star:hover .txt-star5 {
    left: 230px;
}

.wordWrap {
    word-wrap: break-word;
}

.titleBlue {
    color:  #0094d8;
}

.marginLeftAvis {
    margin-left: 0 !important;
}

.colorError {
    color: #D7001C;
}

.stars{
    background: url("img/coteauto/img/sprite-star.png") no-repeat;
    position: relative;
    height: 15px;
    width: 92px;
}

.txt-star1,
.txt-star2,
.txt-star3,
.txt-star4,
.txt-star5 {
    display: none;
}

.stars .rating{
    height: 15px;
    background: url("img/coteauto/img/sprite-star.png") no-repeat;
}

.stars input{
    display: none;
}

.stars label{
    cursor: pointer;
    display: none;
    height: 15px;
    font-size: 0;
    line-height: 0;
    left: 0;
    top: 0;
    padding: 0;
    position: absolute;
    width: 92px;
}
.stars:hover label{
    display: block;
}
.stars label:hover{
    background: url("img/coteauto/img/sprite-star.png") 0 -75px;
}

.stars label + input + label{width: 75px;}
.stars label + input + label + input + label{width: 55px;}
.stars label + input + label + input + label + input + label{width: 35px;}
.stars label + input + label + input + label + input + label + input + label{width: 20px;}

.stars input:checked + label{
    display: block;
    background: url("img/coteauto/img/sprite-star.png") 0 -75px no-repeat;
}

.borderYellow {
    border: solid 1px #845A3D;
    border-radius: 30px;
}

.padding20 {
    padding: 20px;
}

.font86 {
    font-size: 86px;
}

.angleDown {
    fill: #5286D1;
}

.titleh1 {
	font-size: 26px;
    color: #0096d5;
    text-align: left;
    line-height: 50px;
    height: 70px;
    display: inline-block;
    padding-top: 60px;
}

#desabonnement div.orange, #desabonnement button.orange, #desabonnement a.button-orange{
    border-radius: 7px; font-weight:bolder;  font-size:20px; background-image: url('../img/button_orange.png');background-position: center bottom;background-color: #f2a41e;color: #fff;border-width: 1px;border-color: #ff4c00 #ff4c00 #f2a41e #ff4c00;text-shadow: 1px 1px 0px #ff4c00;}
#desabonnement div.orange:hover, #desabonnement button.orange:hover, #desabonnement a.button-orange:hover{background-image: url('../img/button_orange_hover.png');background-color: #ff4c00; border-color: #FF4C00 #FF4C00 #F2A41E;
}

#desabonnement .span3, #desabonnement .span-ld-3 {
    width: 290px;
}

#desabonnement .title-grey-thin, #desabonnement .title-grey-thin a {
    color: #414042;
    font-size: 20px;
    font-weight: normal !important;
    line-height: 26px;
    margin-bottom: 10px;
    margin-top: 35px;
}

#desabonnement  input, #desabonnement  textarea {-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-ms-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); margin-bottom: -10px;}

#desabonnement input, #desabonnement .uneditable-input {
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 4px;
    font-size: inherit;
    width: 398px;
}

#desabonnement button, #desabonnement  a.button{width: 100%;margin: 10px 0 5px 0;padding: 10px 5px;-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #fff;background-image: url('../img/button.png');background-position: center;background-repeat: repeat-x;border-color: #d2d2cb #d2d2cb #a5a594 #d2d2cb;border-radius: 10px 10px 10px 10px;border-style: solid;border-width: 2px;color: #000;cursor: pointer;font-size: 12px; font-weight: bold;line-height: 20px;text-align: center;vertical-align: middle;-webkit-box-shadow: 0px 4px 4px 0px #E2E2E2;-moz-box-shadow: 0px 4px 4px 0px #E2E2E2;box-shadow: 0px 4px 4px 0px #E2E2E2; outline: 0; display: block;}