@import url(icon-boostrap.css);
body { font-family: arial, helvetica, sans-serif; margin: 0; padding: 0; background: #f6f6f6;}
.bodydiv {
    width: 100%;
    max-width: 960px;
    margin: 0 auto !important;
    padding-top: 0.8em;
    z-index: 1;
    margin-top: 5px !important;
    position: relative;
    box-shadow: 0 0 1px 0 #d3d3d3;
}
.marged-10 { margin: 10px;}
.padded10 { padding: 10px !important;}
.paddedr10 { padding-right: 10px !important;}
.paddedl10 { padding-left: 10px !important;}
.paddedt10 { padding-top: 10px !important;}
.paddedb10 { padding-bottom: 10px !important;}

.nav>li a {
	cursor: pointer;	
}

/*HEADER*/

.header { background: #FFFFFF; }
.logo { vertical-align: middle; height: 100%; width: 18%;  padding: 3.2% 0;}
.flt-l { float:left; }
.flt-r { float: right;}
.clr { clear: both;}

.bann { width: 80%; padding: 0.5% 1%; }
.header { color: #aaaaaa; }
.header a {
    color: #aaaaaa;
    text-decoration: none;
    display: inline-block;
    padding: 0.7%;
}
.header a.langue {
    background: url("../images/bg_lang.gif") 0 -18px no-repeat;
    width: 22px;
    height: 13px;
    margin: 1px 0 0 0;
    color: #ffffff;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    padding: 0 0 5px 0;
}

/*HEADER*/
.container-fluid { padding: 0 15px !important; }
/*MENU*/
.navigation { display:block;}
.menu {
    position: relative;
    left: 0;
    display: block;
    margin:0 0 20px 0;
    border-radius: 0 0 5px 5px;
    min-height:40px;
    padding:0;
    background-color:#fafafa;
    background-image:-moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image:-webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image:-o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image:linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    border:1px solid #d4d4d4;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);*zoom:1;}
.menu:before,.menu:after{display:table;content:"";line-height:0;}
.menu .nav>li a {
    line-height: 20px;
    padding: 15px 14px!important;
    float: none;
    color: #777;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFF;
    border-left: 1px solid #BEBEBE;
    display: block;
    curosr: pointer;
}
.menu .nav>li {
    float: left;
}
.menu .nav>li:first-child, .menu .nav>li:first-child a {
    border-radius: 0 0 0 5px;
    border-left: none;
}

.menu .nav>li:first-child a {
    padding: 15px 20px 15px 20px !important;
}

/*.menu .nav>li:last-child, .menu .nav>li:last-child a { border-radius: 0 0 5px 0;}*/
.menu .nav>li:last-child a {
    padding: 15px 20px 15px 20px !important;
}

.menu .nav>li:first-child a:hover i {
    background-image: url("../img/glyphicons-halflings-white.png");
}

.menu .nav>li>a:hover {
    background-color: #DA1D25;
    background-image: -moz-linear-gradient(top, #DA1D25, #BF252C);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DA1D25), to(#BF252C));
    background-image: -webkit-linear-gradient(top, #DA1D25, #BF252C);
    background-image: -o-linear-gradient(top, #DA1D25, #BF252C);
    background-image: linear-gradient(to bottom, #DA1D25, #BF252C);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffDA1D25', endColorstr = '#ffBF252C', GradientType = 0);
    *background-color: #BF252C;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #ffffff;
    text-shadow: none;
}

.menu .nav>li:first-child.active a {
    background-color: transparent !important;
    box-shadow: none;
}



.menu #btn-guide.btn {
    border: 1px solid #BEBABA;
    background:  url(../images/ui-bg_gloss-wave_100_cdcdcd_500x100.png) 50% 50% repeat-x #CDCDCD;
    font-weight: normal;
    color: #524F4F;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}
.menu .btn {
    border-radius: 4px !important;
    display: none;
    padding: 5px 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #EDEDED;
    background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F2F2F2), to(#E5E5E5));
    background-image: -webkit-linear-gradient(top, #F2F2F2, #E5E5E5);
    background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: linear-gradient(to bottom, #F2F2F2, #E5E5E5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
    border-color: #E5E5E5 #E5E5E5 #BFBFBF;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.sousmenu {  }
.sousmenu a { border-radius: 4px 4px 4px 4px; margin: 1.1%;  color: #555555; }
.sousmenu .navigation-list  { padding: 10px 0 0 0; border-radius: 0 0 5px 5px; background: #ffffff; border: 1px solid #C9C9C9; overflow: hidden; }


.sousmenu .navigation-list {
    padding: 10px 0;
    border-radius: 0 0 5px 5px;
    background: #FFF;
    border: 1px solid #C9C9C9;
    overflow: hidden;
}
.sousmenu .navigation-list .intro-menu {
    padding: 10px;
}
.sousmenu a.btn-close {
    border-radius: 4px 4px 4px 4px;
    margin: 1.1%;
    font-size: 10px;
    display: inline-block;
    padding: 2px 4px;
    font-weight: bold;
    line-height: 14px;
    color: #FFF;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #999;
    float: right;
}
.sousmenu .listmark {
    margin: 0;
    padding: 0;
}
.sousmenu .listmark li {
    list-style-type: none;
    list-style-image: none;
    width: 14.3646408839779%;
    float: left;
    margin: 0 2%; padding: 0;
}
.sousmenu .listmark li {
    list-style-type: none;
    list-style-image: none;
    width: 14.3646408839779%;
    float: left;
    color: #555555;
    margin: 0 2%; padding:3px 0;
}
.sousmenu .listmark li a span { color: #555555; padding: 0 0 0 10px; display: inline-block; }
/*MENU*/

.img-menu { max-width: 760px;}
.img-menu img { width: 100%;}
.inscr { color: #524F4F !important;}

.link-btn a {background: url("../images/btn-img.gif") center center no-repeat; max-width:200px; height: 39px; padding: 10px 0; display: block; color: #ffffff; text-decoration: none; text-align: center; margin: 0 auto; }

.list-modeles {}
.list-modeles ul { margin: 0; padding: 0;}
.list-modeles ul li {display: block; list-style-type: none; list-style-image: none ; clear: both; padding-bottom: 10px;}
.list-modeles ul li a {display: block;color: #626061;  }
.list-modeles ul li .logo-model { width:50px; float: left; text-align: center;}
.list-modeles ul li .logo-model img { width:48px; }
.list-modeles ul li .name-model { font-size: 14px; font-weight: bold; padding-top: 10px; padding-left:60px; box-sizing: border-box; line-height: 14px;}

.list-marque-modeles { border-bottom: 1px solid #d3d3d3;}
.list-marque-modeles ul { margin: 0; padding: 0;}
.list-marque-modeles ul li {display: block; list-style-type: none; list-style-image: none ; clear: both; padding: 10px ; border-top: 1px solid #d3d3d3;}
.list-marque-modeles ul li a {display: block;color: #626061;  }
.list-marque-modeles ul li a:hover { text-decoration: none;}
.list-marque-modeles ul li .photo-model{ width:80px; float: left; text-align: center;}
.list-marque-modeles ul li .photo-model img { width:80px; }
.list-marque-modeles ul li .details-model{ font-size: 12px; font-weight: bold; padding-left:90px; box-sizing: border-box; line-height: 14px; color: #626061;}
.list-marque-modeles ul li .details-model strong { display: block; }
.list-marque-modeles ul li .details-model i {  display:  block; color:#d3d3d3; text-transform: uppercase; padding: 5px 0;}
.list-marque-modeles ul li .details-model span {  display:  block; color:#DA1D25; text-transform: uppercase;}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    border: none;
    font-weight: normal;
    color: #FFF !important;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    background: #32363F 0% 0% no-repeat padding-box;
    width: 77px;
    height: 29px;
    line-height: 27px;
    border-radius: 0px;
}

.btn {
    border-radius: 0px;
    width: 77px;
    height: 29px;
}

.btn-prev>.btn{
    width:166px;
    height:40px;
}
/*FOOTER*/
.footer {
    background-color: #242424;
    background-image: -moz-linear-gradient(top, #131313, #242424);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#131313), to(#242424));
    background-image: -webkit-linear-gradient(top, #131313, #242424);
    background-image: -o-linear-gradient(top, #131313, #242424);
    background-image: linear-gradient(to bottom, #131313, #242424);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff131313', endColorstr = '#ff242424', GradientType = 0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    padding:10px 0 !important;
}
.footer div.footblock {
    width: 16% !important;
    padding:0 1.5% !important;
    margin-left: 0 !important;
    float: left;
}
.footer div.footblock.first {
    width: 18% !important;
    padding:0 0.5% !important;
    margin-left: 0 !important;
    float: left;
}
.footer .tittle-foot {
    color: #FFF;
    font-weight: 300;
    font-size: 12px !important;
    text-transform: uppercase;
    line-height: 18px;
}

.footer ul {
    margin: 0;
    padding: 0;
}

footer .row-fluid div.span2 .thumbnails li {
    display: block;
    /* width: 90%; */
    width: 100%;
}
.footer ul li {
    margin: 0;
    padding: 0 5px;
}
.thumbnails li {
    margin: 0.32% !important;
    float: left;
    display: block;
    width: 100%;
    padding: 0 5px;
}
.footer .row-fluid div.span2 .thumbnails li a {
    display: block;
}
.footer ul li a {
    color: #808080;
}

.form-group { margin: 15px;}
.form-group span.text-danger { width: 100%; display: block;}
.carross { padding-top: 15px; margin-bottom: 15px; }
.carross input {  float: left;}
.modele-icon { text-align: center;  font-style: italic; float: left; text-transform: uppercase; color: #cccccc;  font-size: 11px; width: 80px; margin-left: 15px; }
.modele-icon img { display: block; margin: 0 auto;}
.modele-icon img { }
/*FOOTER*/

@media (max-width:980px ) {
    .sousmenu .listmark li {
        list-style-type: none;
        list-style-image: none;
        width: 44.3646408839779%;
        float: left;
        margin: 0 2%; padding: 0;
    }
    .menu .btn { display: block; }
    .navigation { display: none;}
    .menu .nav>li {
        float: left;
        width: 100%;
    }
    .menu .nav>li a {
        padding: 15px 26px !important;
        border-left:none;
        border-radius: 0;
        cursor: pointer;
    }
}
@media (max-width:640px) {
    .footer div.footblock.first, .footer div.footblock { width: 100% !important; display: block; padding: 10px !important; text-align: center;}
    .img-menu, .inscr.btn  { display: none !important;}
}

#guide2 {
	overflow-y: hidden;
	max-height: 1000px; /* approximate max height */

	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

#guide2.ng-hide, #guide2.ng-hide-active {
	max-height: 0;
}

.carross {
	height: 50px;
}

.distributeurs .row, .audi .row {
	margin-bottom: 10px;
}

.audi .pull-right {
	margin-right: 2%;
}

.rw-padded{padding-top : 30px;}
.rw-bt-lined{padding-bottom: 15px; border-bottom: 1px solid #d5d5d5; margin-bottom: 5px}

/*
ui bootstrap
cf. http://angular-ui.github.io/bootstrap/
*/
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

/** fix style slider **/
.slider-horizontal{width:70%!important; display:block}
.slider-horizontal #tooltip{display:'block'!important;}
.slider-handle{background-color: #BF181E; background-image: linear-gradient(to bottom, #BF181E 0%, #e4181f 100%); opacity: 1}
.slider-selection{
    background: #32363F 0% 0% no-repeat padding-box;
}

.bloc-marque{padding : 10px 0 15px}

.radio-modeles {
  min-height: 30px;
  max-height: 60px;
  border-left: 10px solid transparent;
}

.bg-Citadine {
	border-left: 10px solid #000;
}
.bg-Berline {
	border-left: 10px solid #428bca;
}
.bg-Cabriolet {
	border-left: 10px solid #5cb85c;
}
.bg-4x4 {
	border-left: 10px solid #f0ad4e;
}
.bg-Break {
	border-left: 10px solid #d9534f;
}
.bg-Monospace {
	border-left: 10px solid #5bc0de;
}
.bg-Utilitaire {
	border-left: 10px solid #f3f3f3;
}

.bgtop-Citadine {
	border-top: 10px solid #000;
}
.bgtop-Berline {
	border-top: 10px solid #428bca;
}
.bgtop-Cabriolet {
	border-top: 10px solid #5cb85c;
}
.bgtop-4x4 {
	border-top: 10px solid #f0ad4e;
}
.bgtop-Break {
	border-top: 10px solid #d9534f;
}
.bgtop-Monospace {
	border-top: 10px solid #5bc0de;
}
.bgtop-Utilitaire {
	border-top: 10px solid #f3f3f3;
}

/* Style for status action */
.link-btn a { background: none !important; height: inherit; text-align: left; max-width: inherit; }

#lightbox-error{
    font-size:11px;
    position:fixed;
    top:100px;
    left:15px;
    width:220px;
    color:#ffffff;
    background-color: #e4181f;
    border:2px solid #fff;
    padding: 20px 10px;
    border-radius : 5px
}

#lightbox-error>span{font-size: 120%}

.plate {
    margin: 10px 0 5px 0;
}

.plate-container {
    margin-bottom: 10px;
}

.plates-img{
    background-image:url(../img/plates_left.png);
    width:50px;
    height:60px;
    position:absolute;
    left:15px
}

.plates-input{
    width:calc(100% - 50px)!important;
    position:relative;
    left:50px;
    height: 60px;
    border-right:solid 30px #039be5!important;
    padding-left: 20px;
}

.plates-info{
    font-size:12px;
    text-align:center;
    width:100%;
    opacity:.5;
    color:#000;
    margin-top:10px
}

.plate-example {
    text-align: center;
    color: #616161;
    font-size: 12px;
}

@media (max-width:767px){
    .plates-info{
        margin-bottom:10px
    }

    .plate-label {
        height: 70px;
        line-height: 70px;
    }
}

.form-error {
    border-color: red;
}

.btn-error {
    border-color: red;
}

.bloc-ops-0 {
    background-color: #eee;
    opacity: 0.5;
    pointer-events: none;
    z-index: 1000;
}

label .smaller {
    display: block;
    font-size: 90%;
}

.subs.dropdown-menu {
    max-width: 300px;
    position: absolute;
}

.dropdown-menu > li {
    position: relative;
}

.dropdown-menu > li:hover > a {
    background-color: #eee!important;
}

.dropdown-menu > li.disabled:hover > a {
    background-color: #fff!important;
}

.dropdown-menu > li:hover .subs.dropdown-menu {
    display: block;
}

.subs.dropdown-menu > li > a {
    white-space: initial;
}


#cookie-barre{background-color:rgba(0,0,0,0.5);margin:0 auto;padding:10px 0;width:940px;z-index:9}
#cookie-barre p{color:#fff;font-family:Arial, sans-serif;font-size:11px;text-align:left;}
#cookie-barre a{color:#fff}
#cookie-barre #close{background-color:rgba(0,0,0,0.5);color:#fff;cursor:pointer;float:right;font-size:11px;margin-left:10px;padding:6px 17px}

.form-concess {
    width: 409px!important;
}


@media (max-width:640px) {
    .form-concess {
        width: 275px !important;
    }
}