@charset "utf-8";
/* @media screen and (max-width: 360px){} */
/*************************************************************************/
body, div, p, dl, dl dt, dl dd, ul, ul li, h1, h2, h3, h4{
margin:0;
padding:0;
}
body, a, input, select, textarea{
color:#000000;
}
body, input, select, textarea{
font-family: "Pt Sans";
font-size:14px;
}

body {
	font-size: 14px;
	background: #323232;
}

header {
	border-bottom: 1px solid #d4d4d4;
}

section.container {
	margin: 0 auto;
	width: 960px;
}

section.wrapper section.container {
	position: relative;
}	

footer {
	border-top: 1px solid #d4d4d4; height: 45px; background: #323232;
}

hr {
	height: 1px; color: #839D2D; background-color: #dfdfdf; border: none;
}

table thead {
	background: #323232;
	color: #E6E6E6;
	font-weight: bold;
	letter-spacing: 0.5px;
	font-size: 16px;
}

table thead tr td {
	padding: 18px;
}

.price {
	font-size: 25px;
	color: #E8501F;
	font-weight: bold;
}

table tr td {
	padding: 10px;
}
table tbody tr td {
	border-bottom: 4px solid #F3F4F4;
}

table thead tr td {
	border-bottom: 8px solid #F3F4F4;
}

table tbody tr {
	background: #E6E6E7;
}

table tbody tr:nth-child(even) {
	background: #D4D5D7;
}

table tbody tr:nth-child(odd) {
	background: #E6E6E7;
}

td.width_1 {
	width: 120px;
	font-size: 15px;	
}

td.width_2 { 
	width: 286px; 
}

td.width_3 { 
	width: 151px; 
}

.arrow_sort-by {
    margin-bottom: 1px;
    margin-left: 5px;
    width: 7px;
}

section#sort-by {
	margin-bottom: 20px; 
	text-align: right; 
	position: relative;
}

tbody tr td a {
	text-decoration: none;
}

tbody tr td {
	line-height: 20px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.car_model {
	display: block;
	font-size: 16.8px;
	font-weight: bold;
}

.car_specificity {
	font-size: 14px; margin-bottom: 8px; display: block;
}

.fuel {
}

.fuel img {
	margin-right: 8px;
	margin-bottom: -2px;
}

.fuel_type {
}

.year, .km_nb {
	font-size: 16.8px;
}

.select_style {
	display: inline-block;
    zoom: 1;
    *display: inline;
	overflow: hidden;
	background: white no-repeat right;
	border: 1px solid #665F57;
	margin-right: 10px;
	width: 140px;
	position: relative;
}

.select_style .arrow {
	position: absolute; top: 0px; right: 0px;" src="img/select_arrow.png
}

select {
	/* background: transparent; 
	width: 130%; */
	width: 140px;
	padding: 3px;
	border: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
	height: 28px;
	border: 1px solid #707070;
	margin-right: 15px;
}

input#search {
    background: url("../img/search.png") no-repeat scroll 0 0 #E8501F;
    border: medium none;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    padding-left: 36px;
    text-transform: uppercase;
    transition: all 0.6s ease 0s;
    width: 160px;
	margin-bottom: -10px;
}

.pr30 {
	padding-right: 30px;
}

section#pagination {
	text-align: right; 
	margin-top: 10px;
}

section#pagination a {
	font-weight: bold;
	font-size: 16.8px;
	color: #E8501F;
	padding: 2px 8px;
	cursor: pointer;
	text-decoration: none;
}

section#pagination a.active {
		padding: 2px 10px;
}

/*
section#pagination a:not(.active) {
	transition: all ease 0.3s;
}

section#pagination a:not(.active):hover {
		font-size: 25px;
		padding: 2px 10px;
}
*/

section#pagination .sign {
	background: none; 
}

section#pagination .number {
	background: #fff;
}

a img {
	border: none;
}



body {
	font-family: "PT Sans";
}

p#under_h3 {
	margin: 25px 0px 42px 0px;
}

.yellow {
	color: #E8501F;
}

header div, header h1 {
	background-image: url("../img/header_div_background.png");
	/* background: rgba(255,255,255, 0.8); */
	display: inline-block;
	padding: 0px 20px;
}

header h1 {
	font-size: 53px !important;
	font-weight: normal;
	margin-top: 20px;
	margin-left: 15px;
	line-height: 72px;
}

header img {
	margin-bottom: -5px; margin-right: 7px;
}

header div {
	bottom: 35px;
	font-size: 45px;
	position: absolute;
	right: 15px;
	font-family: "Oswald";
}

h3 {
	color: #E8501F;
	font-size: 24px;
}

h1, h2, h3 {
	font-family: "Oswald";
	text-transform: uppercase;
}

header {
	border-top: 10px solid #231F20;
	border-bottom: 1px solid #231F20;
	background-image: url("../img/background/7.jpg");
	background-position: center;
	background-size: 100%;
}

header section.container {
	height: 230px;
}

section.wrapper {
	background: #F3F4F4;
}

section.wrapper section.container {
	padding: 50px 0px 115px 0px;
}

header section.container, footer section.container {
	position: relative;
}

#header_car {
	position: absolute; 
	bottom: 3px; 
	left: 20px;
	display: none;
}

#footer_car {
	position: absolute; 
	top: -49px; 
	left: 20px;
}

footer {
	font-family: "Oswald";
	font-size: 16px;
	color: #D1D2D4;
	text-align: center;
}

footer section.container {
	margin-top: 12px;
}

footer section.container img {
	margin: 0px 0px -4px 3px;
}

.tva {
font-size: 11px;
color:#CC0000;
font-weight: normal;
}	

.fiche_tva {
position: absolute;
top: 23px;
left: 105%;
width: 110px;
color:#CC0000;
font-weight: normal;
text-align: left;
}

#car_description {
	background: #E6E6E7;
	width: 100%;
	border: 1px solid #D3D4D6;
}

section#pictures {
	margin-bottom: 40px;
}

section#pictures .pic_small {
	margin-top: 13px;
}

img.small {
	transition: all ease 0.3s;
}

img.big {
	width: 380px;
	height: 280px;
}

img.small, img.big {
	cursor: pointer;
}	

img.small:hover {
	opacity: 0.6;
}

section#col1_2, section#col2_2 {
	padding: 30px;
	float: left;
}

.clear {
	clear: both;
}

section#col1_2 {
	width: 380px;
}

section#col2_2 {
	width: 460px;
}


section#col2_2 h2 {
	color: #323232;
	font-size: 27px;
	margin-bottom: -3px;
	margin-top: -9px;
}

section#col2_2 h3 {
    color: #323232;
    font-family: "Pt Sans";
    font-size: 13.9px;
	margin-bottom: 20px;
    text-transform: none;
}

section#col2_2 #principal_informations {
	background: #fff;
	border: 1px solid #CFD0D2;
	padding: 2px 12px;
	width: 278px;
	margin-bottom: 15px;
	position: relative;
}

section#col2_2 #principal_informations #price {
	font-family: "Oswald";
	font-weight: bold;
	font-size: 42px;
}

#col2_2 #principal_informations section#right_zone { 
	float: right;margin-top:11px; 
	text-align: center; 
	font-weight: bold; 
	margin-right: 20px;
}

#col2_2 #principal_informations section#right_zone section#date-circulation { 
	border-bottom: 1px solid black; 
	padding-bottom: 3px; 
}

#col2_2 #principal_informations section#right_zone section#kilometrage { 
	padding-top: 2px; 
}

ul {
	margin-left: 2px;
	margin-bottom: 42px;
	list-style-type: none;
}

ul li {
    background: url("../img/bulletpoint_ul.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    font-size: 12.77px;
    margin-bottom: 10px;
    padding-left: 15px;
}

ul li span.desc_point {
    color: #939597;
    display: inline-block;
    width: 90px;
}

section.more {
	background: #fff;
	width: 100%;
	margin-bottom: 20px;
}

a.back {
    background-image: url("../img/back.png");
    display: block;
    float: right;
    font-family: "Oswald";
    font-size: 21px;
    height: 36px;
    padding-left: 50px;
    padding-top: 3px;
    text-decoration: none;
    width: 82px;
	transition: all ease 0.3s;
}

a.back.top {
    margin-bottom: 21px;
}

a.back.bottom {
    margin-top: 21px;
}

a.back:hover {
	transform: scale(1.1);
}

section.more div {
    background: none repeat scroll 0 0 #323232;
    color: #FFFFFF;
    font-family: "Oswald";
    font-size: 16px;
    letter-spacing: 0.4px;
    padding: 12px;
    text-transform: uppercase;
}

section.more p {
	padding: 22px;
	position: relative;
	text-align: justify;
	line-height: 22px;
}

section.more p span#professional_name, section.more p span#professional_adress, section.more p span#city-country  {
	display: block;
}

section.more p span#professional_name {
    color: #E8501F;
    font-family: "Oswald";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.6px;
    margin-bottom: 4px;
}
/*
section.more p span#tel {

    display: block;
    margin-top: 25px;
    position: absolute;
    right: 20px;
    top: 0;
}
*/

#pictures_hidden {
	display: none;
}

.marginright20 {
	margin-right: 20px;
}

td.width_1 a, td.width_2 a, td.width_3 a {
	color: inherit;
	text-decoration: inherit;
}

#no_pic_medium {
	width: 380px;
}








/* SlidesJS Optional: If you'd like to use this design */

    body {
      -webkit-font-smoothing: antialiased;
    }

    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(js/slidesjs/img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
	
	.slidesjs-stop, .slidesjs-play {
		display: none !important;
	}
	
	.slidesjs-pagination {
		position: absolute;
		right: 10px;
		bottom: 10px;
		z-index: 10;
	}
/* End SlidesJS Optional */

/* SlidesJS Required: These styles are required if you'd like a responsive slideshow */
    #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px
      }
    }
/* SlidesJS Required: */

.error {
	width: 960px; text-align: center;
}