@media (min-width: 768px) {
	#contenu-central {
		padding-bottom: 35px;
	}
}

.btn,
.btn:active,
.btn:focus,
.btn:hover {
	color: #fff;
}
.btn-neutre {
	background-color: #2c2c31;
}

.page-heading {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #dfdfdf;
	margin-bottom: 10px;
}
.page-heading .title {
	float: left;
}
.heading-link {
	margin-top: 6px;
	color: #398af5;
	font-size: 1.5rem;
	font-weight: 700;
	text-decoration: underline;
}

#fiches-techniques-choix-versions .heading-link {
	font-size: 10px;
}
.title {
	font-family: 'Roboto Condensed',sans-serif;
	color: #2c2c31;
}
.lvl1-title {
	font-size: 2.5rem;
	font-weight: 400;
}

#fiches-techniques-choix-versions .lvl1-title {
	font-size: 22px;
}

.lvl2-title {
	margin: 20px 0 10px;
	color: #838e92;
	font-size: 2rem;
	font-weight: 500;
}

#fiches-techniques-choix-versions .lvl2-title {
	margin-bottom: 20px;
}

.lvl3-title {
	margin: 10px 0 10px;
	color: #838e92;
	font-size: 1.6rem;
	font-weight: 500;
}

.intro-fiches {
	margin: 10px 0;
	color: #a4a5a8;
	font-size: 1.5rem;
	line-height: 1.42857;
}

.categories-vehicules {
	margin-bottom: 20px;
}
.categories-vehicules .item a {
	background-color: #2c2c31;
	border: 1px solid #444545;
	color: #e2eaed;
}
.categories-vehicules .item a:hover,
.categories-vehicules .item.current a {
	background-color: #eef3f5;
	border-color: #eef3f5;
}

.categories-vehicules .item a:hover,
.categories-vehicules .item.current a {
	color: #838e92;
}
.categories-vehicules .item a:active,
.categories-vehicules .item a:focus {
	color: #838e92;
	background-color: #ffffff;
}
.categories-vehicules .libelle {
	display: block;
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.1;
}
.btn-show-all {
	background-color: #444;
    border-color: #000;
    border-style: solid;
    border-width: 0 0 2px;
    box-shadow: 0 0 0 transparent;
}
.btn-show-all:hover {
	background-color: #2c2c31;
    border-color: #2c2c31;
    border-style: solid;
    border-width: 0;
}
.btn-show-all:active,
.btn-show-all:focus {
	background-color: #444;
    border-color: #000;
    border-style: solid;
    border-width: 2px 0 0;
}

.filter-button-container {
	position: relative;
	vertical-align: top;
	display: inline-block;
	width: 46%;
	margin-right: 5%;
}

.filter-button-container .libelle{
    display: table;
    margin: 0 auto;
}

.filter-button-container .dropdown-arrow {
	float: none;
	position: absolute;
	right: 3%;
	bottom: 50%;
	transform: translateY(50%);
}


.filter-button-container.the-last-one {
	margin-right: 0;
}

.filter-button-container .dropdown-menu > li > a {
	padding-left: 0;
	text-indent: 70px;
}

#puissance-fiscale {
	margin-right: 0;
}

#puissance-fiscale > .dropdown {
	margin-bottom: 0;
}
#puissance-din > .dropdown {
	margin-bottom: 0;
}

.or-spacer {
	vertical-align: middle;
	display: inline;
	margin-left: 4px;
	margin-right: 4px;
	line-height: 39px;
	font-size: 15px;
	font-weight: bold;
}

.version-filter .button-wrapper {
	text-align: center;
	margin: 30px;
}

.resume-versions {
	display: none;
	margin: 10px 0 20px;
    color: #a4a5a8;
    font-size: 1.5rem;
    line-height: 1.42857;
}

@media (min-width: 768px) {
	.categories-vehicules .item {
		float: left;
		display: table;
		width: 16.6667%;
	}
	.categories-vehicules .item a {
		display: table-cell;
		height: 111px;
		padding-top: 12px;
		text-align: center;
		vertical-align: top;
	}
	.categories-vehicules .item + .item a {
		border-left: 0 none;
	}
	.categories-vehicules .icon {
		display: inline-block;
		height: 43px;
	}
	.categories-vehicules .icon > span {
		display: inline-block;
		height: 43px;
		background-image: url(/v4/includes/images/refonte2013/sprite/fiches-techniques.png);
		background-repeat: no-repeat;
	}
	.icon-vp {
		width: 75px;
		background-position: -2px -93px;
	}
	.icon-vu {
		width: 72px;
		background-position: -116px -93px;
	}
	.icon-motos {
		width: 64px;
		background-position: -224px -93px;
	}
	.icon-tracteurs {
		width: 73px;
		background-position: -322px -93px;
	}
	.icon-camions {
		width: 76px;
		background-position: -418px -93px;
	}
	.icon-quads {
		width: 57px;
		background-position: -525px -93px;
	}
	.icon-autocars {
		width: 85px;
		background-position: -584px -93px;
	}
	.icon-sans-permis {
		width: 49px;
		background-position: -671px -93px;
	}
	.item a:active .icon-vp,
	.item a:focus .icon-vp,
	.item a:hover .icon-vp,
	.current .icon-vp {
		background-position: -2px -138px;
	}
	.item a:active .icon-vu,
	.item a:focus .icon-vu,
	.item a:hover .icon-vu,
	.current .icon-vu {
		background-position: -116px -138px;
	}
	.item a:active .icon-motos,
	.item a:focus .icon-motos,
	.item a:hover .icon-motos,
	.current .icon-motos {
		background-position: -224px -138px;
	}
	.item a:active .icon-tracteurs,
	.item a:focus .icon-tracteurs,
	.item a:hover .icon-tracteurs,
	.current .icon-tracteurs {
		background-position: -322px -138px;
	}
	.item a:active .icon-camions,
	.item a:focus .icon-camions,
	.item a:hover .icon-camions,
	.current .icon-camions {
		background-position: -418px -138px;
	}
	.item a:active .icon-quads,
	.item a:focus .icon-quads,
	.item a:hover .icon-quads,
	.current .icon-quads {
		background-position: -525px -138px;
	}
	.item a:active .icon-autocars,
	.item a:focus .icon-autocars,
	.item a:hover .icon-autocars,
	.current .icon-autocars {
		width: 85px;
		background-position: -584px -138px;
	}
	.item a:active .icon-sans-permis,
	.item a:focus .icon-sans-permis,
	.item a:hover .icon-sans-permis,
	.current .icon-sans-permis {
		width: 49px;
		background-position: -671px -138px;
	}
	.categories-vehicules .libelle {
		display: block;
		padding-top: 3px;
	}
	.categories-vehicules .libelle.single {
		padding-top: 11px;
	}
}
@media (max-width: 767px) {
	.categories-vehicules .item a {
		display: block;
		padding: 0 10px;
	}
	.categories-vehicules .item br {
		display: none;
	}
	.categories-vehicules .item + .item a {
		border-top: 0 none;
	}
	.categories-vehicules .icon {
		display: none;
	}
	.categories-vehicules .item .libelle {
		display: block;
		height: 48px;
		line-height: 46px;
	}

	/*Choix de versions */
	.filter-button-container {
		display: block;
		width: 100%;
		margin-right: 0;
	}

	#puissance-fiscale > .dropdown {
		margin-bottom: 20px;
	}

	.or-spacer {
		display: none;
	}
}

.liste-marquemodele .item {
    display: table;
    width: 100%;
    border: 1px solid #cedbe0;
    margin-bottom: 20px;
    text-align: center;
}
.liste-marquemodele .item:active,
.liste-marquemodele .item:focus,
.liste-marquemodele .item:hover {
	outline: 1px solid #cedbe0;
}
.liste-marquemodele .item > div {
    display: table-row;
}
.liste-marquemodele .media,
.liste-marquemodele .libelle {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.liste-marquemodele .media {
    height: 138px;
    padding-right: 4px;
    padding-left: 4px;
}
.liste-marquemodele .media img {
	width: 100%;
	max-width: 100%;
	max-height: 136px;
}
.liste-marquemodele .libelle {
	background-color: #eef3f5;
	padding-top: 1px;
	border-top: 1px solid #cedbe0;
	color: #838e92;
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}
@media (max-width: 767px) {
	.liste-marquemodele .media {
		display: none;
	}
	.liste-marquemodele .libelle {
		border-top: 0 none;
	}
}
@media (min-width: 768px) {
	.liste-marquemodele .item:active .libelle,
	.liste-marquemodele .item:focus .libelle,
	.liste-marquemodele .item:hover .libelle {
		padding-top: 0;
		border-top-width: 2px;
	}
}
.liste-marquemodele .item:active .libelle,
.liste-marquemodele .item:focus .libelle,
.liste-marquemodele .item:hover .libelle,
.liste-millesimes .libelle:active,
.liste-millesimes .libelle:focus,
.liste-millesimes .libelle:hover {
	color: #398af5;
}
.liste-marquemodele .item:active .libelle span:first-child,
.liste-marquemodele .item:focus .libelle span:first-child,
.liste-marquemodele .item:hover .libelle span:first-child,
.liste-millesimes .libelle:active,
.liste-millesimes .libelle:focus,
.liste-millesimes .libelle:hover {
	text-decoration: underline;
}
.liste-marques .libelle {
	height: 48px;
}
.liste-modeles .libelle {
	height: 60px;
}
.liste-modeles .annee {
	font-weight: 400;
}
.liste-millesimes .libelle {
	height: 59px;
	border-top: 0 none;
}

.ft-dropdown {
	margin-bottom: 20px;
}
.ft-dropdown .dropdown-btn {
	width: 100%;
	height: 39px;
	background-color: #fafafa;
	border: 1px solid #d2d2d2;
	box-shadow: inset -1px -1px 0 #e3e3e3;
	font-size: 1.5rem;
	text-align: left;
}
.ft-dropdown.active .dropdown-btn {
	border-color: #3dd978;
}
.ft-dropdown .dropdown-btn .icon {
	display: inline-block;
	width: 40px;
	background-image: url(/v4/includes/images/refonte2013/sprite/fiches-techniques.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}
#select-carrosserie .icon {
	height: 14px;
	background-position: -2px -183px;
}
#select-energie .icon {
	height: 22px;
	background-position: -44px -183px;
}
#select-cv .icon {
	height: 19px;
	background-position: -86px -183px;
}
#select-boite .icon {
	height: 23px;
	background-position: -128px -183px;
}
.ft-dropdown .dropdown-btn .dropdown-arrow {
	float: right;
	display: block;
	width: 13px;
	height: 7px;
	background: url(/v4/includes/images/refonte2013/sprite/fiches-techniques.png) no-repeat -170px -183px;
	margin: 8px 5px 0 0;
}
.ft-dropdown .dropdown-menu {
	border-color: #d2d2d2;
	border-radius: 0;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #fafafa;
    color: #398af5;
    text-decoration: none;
}

.version-filter .btn-validation {
	width: 115px;
    border-color: #000;
    border-style: solid;
    border-width: 0 0 2px;
    background-color: #444;
    box-shadow: 0 0 0 transparent;
	font-size: 16px;
}

.version-filter .btn-validation:hover {
	background-color: #2c2c31;
    border-color: #2c2c31;
    border-style: solid;
    border-width: 0;
}

.sort-table {
	margin-bottom: 20px;
	border: 0;
}
.sort-table table {
	width: 100%;
}
.sort-table thead th {
	background-color: #2c2c31;
    border: 1px solid #404044;
    color: #e2eaed;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: normal;
    height: 40px;
    padding: 1px 5px 1px 5px;
    font-size: 12px;
    line-height: 23px;
}

#fiches-techniques-choix-versions thead th,
#fiches-techniques-choix-versions thead th:hover {
	background-color: #2c2c31;
	text-align: center;
	cursor: default;
}
#fiches-techniques-choix-versions #version-header {
	width: 194px;
}

.sort-icon {
	display: block;
	float: right;
	width: 18px;
	height: 20px;
	background: url(/v4/includes/images/refonte2013/sprite/fiches-techniques.png) no-repeat -185px -183px;
	margin: 2px 0 0 9px;
}
.sort-table td {
	height: 42px;
	padding: 1px 10px;
	border: 1px solid #dee8e9;
}
.sort-table td, 
.sort-table td a {
	color: #838e92;
}
.sort-table tr:nth-child(odd) td {
	background: #edf4f7;
}
.sort-table tr:nth-child(even) td {
	background: #fff;
}
.sort-table tr:hover {
	cursor: pointer;
}
.sort-table tr:hover td,
.sort-table tr:hover td a {
	color: #398af5;
}
.sort-table tr th:hover {
	/*outline: 1px solid #e1eaeb;*/
	background-color: #444;
}
.sort-table tr th:hover .sort-icon {background-position: -215px -183px;}
.sort-table tr th.headerSortDown .sort-icon {background-position: -305px -183px;}
.sort-table tr th.headerSortUp .sort-icon {background-position: -245px -183px;}
.sort-table tr th.headerSortDown:hover .sort-icon {background-position: -335px -183px;}
.sort-table tr th.headerSortUp:hover .sort-icon {background-position: -275px -183px;}

/* sidebar */

.sidebar-panel .panel-heading {
	background-color: #2c2c31;
	padding: 20px;
	border-bottom: 2px solid #0c0c0c;
	border-radius: 0;
}
.sidebar-panel .panel-heading .panel-title {
	margin: 0;
	color: #fff;
	font-family: "Roboto Condensed",sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}
.sidebar-panel .panel-body {
	background-color: #eef3f5;
	border: 1px solid #dee8e9;
	padding: 6px 0;
}
.sidebar-panel .liste-marquemodele .item {
	margin-bottom: 0;
}
.sidebar-panel .liste-marquemodele li {
	float: left;
	width: 47%;
	margin: 0 2% 2% 2%;
}
.sidebar-panel .liste-marquemodele li + li {
	margin-left: 0
}
@media (max-width: 959px) {
	.sidebar-panel .liste-marquemodele .media {
		height: 219px;
	}
	.sidebar-panel .liste-marquemodele .media img {
		max-height: 218px;
	}
}