/*/*
Theme Name: fedamo
Author: IPL
Version: 1.0
Text Domain: fedamo
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans+Narrow:400,700');

@font-face {
	font-family: 'Trade Gothic', sans-serif;
	src: url('font/tradegothic-boldcondtwenty-webfont.eot?96206666');
	src: url('font/tradegothic-boldcondtwenty-webfont.eot?96206666#iefix') format('embedded-opentype'), url('font/tradegothic-boldcondtwenty-webfont.woff?96206666') format('woff'), url('font/tradegothic-boldcondtwenty-webfont.ttf?96206666') format('truetype'), url('font/tradegothic-boldcondtwenty-webfont.svg?96206666#tradegoth') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Trade Gothic';
	src: url('font/trade-gothic-lt-webfont.eot?96206666');
	src: url('font/trade-gothic-lt-webfont.eot?96206666#iefix') format('embedded-opentype'), url('font/trade-gothic-lt-webfont.woff?96206666') format('woff'), url('font/trade-gothic-lt-webfont.ttf?96206666') format('truetype'), url('font/trade-gothic-lt-webfont.svg?96206666#tradegoth') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'myautoicons';
	src: url('font/myautoicons.eot?560509');
	src: url('font/myautoicons.eot?560509#iefix') format('embedded-opentype'), url('font/myautoicons.woff2?560509') format('woff2'), url('font/myautoicons.woff?560509') format('woff'), url('font/myautoicons.ttf?560509') format('truetype'), url('font/myautoicons.svg?560509#myautoicons') format('svg');
	font-weight: normal;
	font-style: normal;
}


#calculatrice_credit label {
	min-width: 220px;
	display: inline-block;
}

.calculatrice_mensualite {
	font-size: 21px;
	font-weight: bold;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "myautoicons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-berline:before {
	content: '\e800';
}

/* '' */

.icon-cabriolet:before {
	content: '\e801';
}

/* '' */

.icon-campingcar:before {
	content: '\e802';
}

/* '' */

.icon-compact:before {
	content: '\e803';
}

/* '' */

.icon-coupe:before {
	content: '\e804';
}

/* '' */

.icon-financement:before {
	content: '\e805';
}

/* '' */

.icon-fleet:before {
	content: '\e806';
}

/* '' */

.icon-locationdevehicule:before {
	content: '\e807';
}

/* '' */

.icon-monovolume:before {
	content: '\e808';
}

/* '' */

.icon-moto:before {
	content: '\e809';
}

/* '' */

.icon-pickup:before {
	content: '\e80a';
}

/* '' */

.icon-reparationcarosserie:before {
	content: '\e80b';
}

/* '' */

.icon-reparationmecanique:before {
	content: '\e80c';
}

/* '' */

.icon-suv:before {
	content: '\e80d';
}

/* '' */

.icon-utilitaires:before {
	content: '\e80e';
}

/* '' */

.icon-vehiculesdoccasions:before {
	content: '\e80f';
}

/* '' */

.icon-vehiculesneufs:before {
	content: '\e810';
}

/* '' */

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
    max-width: 100%;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
	clear: both;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
	font-family: 'PT Sans Narrow', sans-serif;
}

body{
	padding-top: 88px;
}

a {
	color: #58A618;
	text-decoration: none;
}

hr{
	background: #58A618;
	height: 9px;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Trade Gothic';
	text-transform: uppercase;
}

.wrapper {
	width: 1200px;
	max-width: 1200px;
	margin: 0 auto;
	*zoom: 1;
}

/* Header */

header{
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	/* z-index: 1000000; */
	z-index:9;
	background: 222;
	color: #FFF;
	font-family: 'Trade Gothic', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
	/* IE6-9 */
	-webkit-transition: background 0.3s, border-color 0.3s;
	-moz-transition: background 0.3s, border-color 0.3s;
	-ms-transition: background 0.3s, border-color 0.3s;
	transition: background 0.3s, border-color 0.3s;
}

header.sticky,
header:hover{
	background: #222;
	border-color: #222;
}

html body.admin-bar>header {
    top: 32px;
}

/* Main Menu */

#topmenutoggle {
	display: none;
}

#main-menu{
	width: 100%;
	max-width: 1200px;
	position: relative;
	text-align: right;
}

#main-menu #logo {
	margin-top: 5px;
	display: block;
	float: left;
}

#main-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

#main-menu ul li{
	display: inline-block;
	margin-left: 6px;
}

#main-menu ul li a{
	color: inherit;
	text-decoration: none;
	opacity: 0.3;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

nav#main-menu ul li a:hover,
nav#main-menu ul li a.active {
	opacity: 1;
}

nav#main-menu ul li ul{
	display: none;
}

/* Top menu */

.topmenu>li>ul {
	background: #222;
	-webkit-transition: background 0.3s 0.2s;
	-moz-transition: background 0.3s 0.2s;
	-ms-transition: background 0.3s 0.2s;
	transition: background 0.3s 0.2s;
}

/* third level */
ul.topmenu li {
	position:relative;
}
ul.topmenu > li > a {
	padding:0 0 20px 0;
	display: block;
}
ul.topmenu .sub-menu a {
	padding:0px 1em 20px 1em;
	display: block;
}
nav#main-menu ul.topmenu li > ul.sub-menu > li.menu-item-has-children:hover ul.sub-menu {
	position: absolute;
	top:0px;
	left:200px;
	width: auto;
	min-width: 200px;
	display: block;
	text-align: left;
	padding:0;
	margin:0;
	list-style: none;
	background: #222222;
}
nav#main-menu ul.topmenu li > ul.sub-menu > li ul.sub-menu li {
	display: block;
}

nav#main-menu ul.topmenu {
	font-size: 1.125em;
}

nav#main-menu ul.topmenu>li {
	margin-left: 27px;
	position: relative;
}

nav#main-menu ul.topmenu>li.current-menu-item a,
nav#main-menu ul.topmenu>li.current_page_item a {
	opacity: 1;
}

nav#main-menu ul.topmenu>li a {
	opacity: .7;
}

nav#main-menu ul.topmenu>li a:hover {
	opacity: 1;
}

nav#main-menu ul.topmenu>li.menu-item-has-children {
	padding-right: 1em;
}

nav#main-menu ul.topmenu>li.menu-item-has-children>a:after {
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: .7em;
	position: absolute;
	right: 0px;
	top: .3em;
}

nav#main-menu ul.topmenu>li.menu-item-has-children:hover>ul {
	position: absolute;
	top: 100%;
	left: -1em;
	width: auto;
	min-width: 200px;
	display: block;
	text-align: left;
	/* padding: 20px 1em 0 1em; */
	padding:0;
	margin: 0;
	list-style: none;
	-webkit-transition: background 0.3s 0s;
	-moz-transition: background 0.3s 0s;
	-ms-transition: background 0.3s 0s;
	transition: background 0.3s 0s;
}

nav#main-menu ul.topmenu>li.menu-item-has-children:hover>ul>li {
	margin-left: 0;
	display: block;
	font-size: .9em;
	line-height: 1em;
	/* margin-bottom: 1em; */
}

/**/

.slideshow {
	position: relative;
	padding-bottom: 50%;
}

.slideshow .swiper-container {
	position: absolute;
	width: 100%;
	height: 100%;
	background: black;
	left: 0px;
	top: 0px;
}

.slideshow .swiper-container .swiper-slide {
	text-align: center;
}

.slideshow .swiper-container .swiper-slide img {
	height: 100%;
}

.slideshow .swiper-container .swiper-slide .legend {
	position: absolute;
	bottom: 0px;
	width: 84%;
	left: 0px;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	padding: 2% 0;
	margin: 0 8%;
}

.slideshow .swiper-container .swiper-slide .legend h1,
.slideshow .swiper-container .swiper-slide .legend h2,
.slideshow .swiper-container .swiper-slide .legend h3,
.slideshow .swiper-container .swiper-slide .legend h4,
.slideshow .swiper-container .swiper-slide .legend h5,
.slideshow .swiper-container .swiper-slide .legend h6 {
	margin-top: 0;
	margin-bottom: .5em;
}

.brands.wrapper {
	margin: 2em auto;
}

.brands.wrapper img {
	width: 95px;
	height: auto;
}

.orangestripe {
	background: #58A618;
	color: white;
	padding: 2em 0;
}

.orangestripe .col {
	float: left;
	width: 50%;
}

.orangestripe .col+.col ul li {
	width: 18%;
	margin-right: 3%;
}

.orangestripe .col.full {
	width: 100%;
	float: none;
}

.orangestripe .col.full ul li {
	width: 8%;
	margin-right: 2%;
}

.orangestripe .col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.orangestripe .col ul li {
	opacity: .3;
	float: left;
	text-align: center;
	margin-right: 3%;
	display: block;
	width: 15%;
}

.orangestripe .col ul li.active {
	opacity: 1;
}

.orangestripe .col ul li i {
	display: block;
	font-size: 3em;
	margin-left: -0.6em;
}

.orangestripe .col ul li span {
	display: block;
	min-height: 2em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Trade Gothic', sans-serif;
	font-size: .75em;
}

/*  */

.article-header {
	margin-bottom: 1em;
	display: flex;
	flex-direction: row;
}

.article-header-image{
	width: 220px;
	margin-right: 20px;
	display: inline-block;
	box-sizing: border-box;
}

.article-header-image img{
	width: 100%;
	height: auto;
	border: 1px solid #eee;
	padding: 5px;
}

.article-header-title{
	display: inline-block;
	margin: auto 0;
}

.article-header-title h1 {
	font-size: 3em;
	line-height: 1em;
	margin: 0 0 0 0;
}

.article-header-title h1 span.city {
	display: block;
	color: #58A618;
}

.article-header .article-header-title #socialshare {
	height: 24px;
	margin-top: .5em;
}

.article-header .article-header-title #socialshare #twitter-widget-0 {
	height: 22px !important;
}

.article-header .article-header-title #socialshare #___plus_0>iframe {
	height: 30px !important;
}

.article-header ul {
	display: inline-block;
	margin: 0;
	list-style: none;
	padding: 0;
}

.article-header ul li {
	display: inline-block;
}

.article-header ul li:before {
	content: '\f105';
	font-size: .5em;
	font-family: 'FontAwesome';
	margin-left: 10px;
}

.article-header ul li a {
	padding-left: 10px;
}

.article-header nav>ul>li:before {
	display: none;
}

.article-header nav>ul>li>a {
	padding-left: 0;
}

#loadmore {
	width: 99%;
	background: #58A618;
	color: white;
	font-family: 'Trade Gothic';
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: .5em;
	display: block;
	margin-top: 1em;
	margin-bottom: 25px;
}

.pageheader {
	background: no-repeat center center;
	background-size: cover;
	margin-top: -88px;
	position: relative;
}

.pageheader .wrapper {
	margin: 0 auto 2em auto;
	padding: 5.5em 0 1em 0;
	color: white;
}

.dark-overlay{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20;
}

.pageheader .wrapper h1 {
	margin: 0.25em 0 0 0;
}

.pageheader .wrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pageheader .wrapper ul li {
	display: none;
}

.pageheader .wrapper ul li.current-page-ancestor,
.pageheader .wrapper ul li.current-menu-ancestor,
.pageheader .wrapper ul li.current_page_ancestor,
.pageheader .wrapper ul li.current-menu-parent,
.pageheader .wrapper ul li.current-menu-parent,
.pageheader .wrapper ul li.current-page-parent,
.pageheader .wrapper ul li.current_page_parent,
.pageheader .wrapper ul li.current-menu-item,
.pageheader .wrapper ul li.current_page_item {
	display: inline-block;
}

.pageheader .wrapper>ul>li:before {
	display: none;
}

.pageheader .wrapper>ul>li>a {
	padding-left: 0;
}



.twocols {
	margin: 40px 0;
}
.leftcol h1:first-of-type{
	margin-top: 0;
}

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

img.alignleft {
	float: left;
	margin: 5px 10px 5px 0;
}

.latestnews ul a {
	color: inherit;
	text-decoration: none;
}

.socialbuttons {
	display: table;
	width: 100%;
	margin-bottom: 2em;
	margin-top: 1.5em;
}

.socialbuttons>a {
	display: table-cell;
	background: black;
	font-family: 'Trade Gothic', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	padding: 1em .5em;
	font-size: .9em;
	text-align: center;
	position: relative;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	transition: background 0.3s;
}

.socialbuttons>a.facebook {
	background: #4267b2;
}

.socialbuttons>a.twitter {
	background: #1b95e0;
}

.socialbuttons>a.youtube {
	background: #cc181e;
}

.socialbuttons>a.instagram {
	background: #be3280;
}

.socialbuttons>a:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 1px;
	background: white;
	display: block;
}

.leftcol .socialbuttons>a:first-child:before {
	display: none;
}

.leftcol .socialbuttons>a:hover {
	background: #58A618;
}

.leftcol .socialbuttons>a i {
	margin-left: 5px;
}

.leftcol .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin-bottom: 2em;
	margin-top: 1em;
}

.leftcol .embed-container iframe,
.leftcol .embed-container object,
.leftcol .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.leftcol .openingtimes {
	background: #eee;
	padding: 1em;
}

.leftcol .openingtimes h2 {
	margin-top: 0;
	margin-bottom: .25em;
}

.leftcol .openingtimes .hours {
	display: table;
	width: 100%;
}

.leftcol .openingtimes .hours>div {
	display: table-cell;
	margin-right: 2em;
}

.leftcol .openingtimes .hours>div p {
	margin-bottom: 0;
}

.rightcol {
	position: relative;
}

.brands {
	margin: 2em 0;
}

.brands img {
	width: 100px;
	height: auto;
}

dl {
	margin: 0 0 2em 0;
	padding: 0;
	list-style: none;
	font-size: 1.25em;
}

dl dt {
	color: #58A618;
	margin: 0 1em .25em 0;
	padding: 0;
	float: left;
	clear: both;
	text-align: center;
	width: 1em;
}

dl dd {
	margin: 0;
	padding: 0;
	float: left;
	max-width: 250px;
	margin-bottom: .25em;
	word-wrap: break-word;
}

dl.orange {
	background: #58A618;
	color: #fff;
	padding: 1.2em .5em .9em 1em;
	font-size: .9em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Trade Gothic', sans-serif;
	margin: 0;
	margin-bottom: 10px;
}

dl.orange dt,
dl.orange dd {
	color: white;
}

dl.orange dt a,
dl.orange dd a{
	color: white;
}

.not-found{
	padding: 120px 0;
}

/* Right nav */

.right-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.right-nav > ul {
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.right-nav ul li {
	display: none;
	border-bottom: 1px solid black;
}
.right-nav ul li:last-child {
	border:none;
}
.right-nav ul li a {
	display: none;
	padding: .5em;
	margin-top: -1px;
	color: inherit;
	text-decoration: none;
}

.right-nav ul li.current-page-ancestor,
.right-nav ul li.current-menu-ancestor,
.right-nav ul li.current_page_ancestor,
.right-nav ul li.current-menu-parent {
	display: block;
}

.right-nav ul li.current-page-ancestor li,
.right-nav ul li.current-menu-ancestor li,
.right-nav ul li.current_page_ancestor li,
.right-nav ul li.current-menu-parent li {
	display: block;
}

.right-nav ul li.current-menu-parent a,
.right-nav ul li.current-page-parent a,
.right-nav ul li.current_page_parent a {
	display: block;
}

.right-nav ul li.current-menu-parent>a,
.right-nav ul li.current-page-parent>a,
.right-nav ul li.current_page_parent>a {
	text-transform: uppercase;
	font-family: 'Trade Gothic', sans-serif;
	font-weight: bold;
	background: black;
	color: white;
}

.right-nav ul li.current-menu-item > a,
.right-nav ul li.current_page_item > a {
	color: #58A618;
}

.right-nav ul li.current-menu-item a:before,
.right-nav ul li.current_page_item a:before {
	content: '\f105  ';
	font-family: 'FontAwesome';
}

.right-nav .sub-menu {
	display:none;
}
.right-nav ul li.current-menu-item > ul.sub-menu,
.right-nav ul li.current_page_item > ul.sub-menu,
.right-nav .current-page-ancestor > ul.sub-menu,
.right-nav .current-menu-ancestor > ul.sub-menu {
	display:block;
}
.right-nav ul li.current-menu-item > ul.sub-menu li {
	border: none;
}
.right-nav ul li.current-menu-item > ul.sub-menu a {
	padding: 2px 0px 2px 26px;
	margin: 0;
}

#main-menu .responsive-menu{
	display: none;
}

.twocols .bigbt {
	background: #58A618;
	color: white;
	display: block;
	font-family: 'Trade Gothic';
	font-weight: bold;
	text-align: center;
	margin: 2em 0;
	text-transform: uppercase;
	padding: .5em;
	font-size: 1.25em;
}

.twocols .garagemap {
	position: relative;
	display: inline-block;
}

.twocols .garagemap .marker {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 2px;
	width: 2px;
	margin-left: -1px;
	margin-top: -1px;
}

.twocols .garagemap .marker i.fa-map-marker {
	font-size: 2em;
	position: absolute;
	left: -0.22em;
	top: -0.85em;
}

img.garage-brand-logo {
    width: 50%;
    box-sizing: border-box;
    float: left;
}

.homeslider {
	width: 100%;
	position: relative;
	background: black no-repeat center center;
	background-size: cover;
	margin-top:-88px;
	padding-top: 100px;
	display: flex;
    align-items: flex-end;
}

.homeslider .hwrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.homeslider .hwrapper .wrapper {
	position: relative;
	height: 100%;
}

#prix_carburants {
	margin: 30px 0;
}

#prix_carburants th {
	min-width: 124px;
	text-align: left;
}

#calculatrice_impots label {
	min-width: 154px;
	display: inline-block;
}

.annonce{
	color: #000;
	bottom: 20px;
	margin: 0 20px 0 0;
	text-align: right;
}

.annonce h1{
	font-size: 2.5em;
	text-transform: none;
	margin: 40px 0 0 0;
	padding: 0;
}

.annonce h2{
	margin: 0 0 40px 0;
	padding: 0;
}

.garagesearch {
	background: #58A618;
	color: white;
	padding-top: 25px;
}

.garagesearch .wrapper {
	position: relative;
}

.garagesearch h3 {
	float: left;
	margin: 7px 0 0 0;
	width: 17.5%;
	font-size: 1.5vw;
}

.garagesearch fieldset {
	float: left;
	width: 77%;
}

.garagesearch fieldset .col {
	float: left;
	width: 30%;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.garagesearch fieldset input,
.garagesearch fieldset select {
	-webkit-border-radius: 0;
	border-radius: 0;
}

.garagesearch fieldset label {
	position: relative;
	display: block;
	background: black;
	min-height: 46px;
	height: auto;
	line-height: 46px;
	margin-bottom: 25px;
	padding-left: 10px;
	box-sizing: border-box;
}

.garagesearch fieldset label>input,
.garagesearch fieldset label .fakeselect {
	display: block;
	float: right;
	width: 70% !important;
	background: white;
	border: 2px solid black;
	padding: 0;
	height: 100%;
	box-sizing: border-box;
	color: black;
	outline: none;
}

.garagesearch fieldset label .fakeselect {
	text-indent: 10px;
	height: 46px;
}

.garagesearch fieldset label .chosen-container {
	width: 70% !important;
	min-height: 40px;
	float: right;
	border: 2px solid black;
	display: block;
	box-sizing: border-box;
}

.garagesearch fieldset label .chosen-container ul {
	width: 100% !important;
	display: block;
	min-height: 40px;
	margin: 0;
	border: 0 !important;
}

.garagesearch fieldset label .chosen-container ul li input {
	border: 0;
	padding: 0 0 0 10px !important;
	min-height: 40px;
	background: none;
	display: block;
	float: left;
}

.garagesearch fieldset label .chosen-container-multi .chosen-choices {
	padding: 0;
}

.garagesearch fieldset label .chosen-container-multi .chosen-choices .search-field input {
	color: black;
	font-size: 1.2em;
	font-family: 'PT Sans Narrow', sans-serif;
}

.garagesearch fieldset label .chosen-container-multi .chosen-choices .search-field input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: black;
}

.garagesearch fieldset label .chosen-container-multi .chosen-choices .search-field input::-moz-placeholder {
	/* Firefox 19+ */
	color: black;
}

.garagesearch fieldset label .chosen-container-multi .chosen-choices .search-field input:-ms-input-placeholder {
	/* IE 10+ */
	color: black;
}

.garagesearch fieldset label .chosen-container-multi .chosen-choices .search-field input:-moz-placeholder {
	/* Firefox 18- */
	color: black;
}

.garagesearch fieldset label .chosen-container-multi .chosen-choices li.search-choice {
	line-height: 1em;
	border: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	margin-left: 3px;
	background-image: none !important;
	background-color: #c6c6c6 !important;
	color: white;
	font-family: 'PT Sans Narrow';
	font-size: 1.2em !important;
	padding-left: 2px;
	min-height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.garagesearch fieldset label .chosen-container-multi .chosen-choices.search-field input[type=text] {
	width: 100%;
	background: black;
}

.garagesearch fieldset label input {
	padding-left: 10px;
	padding-right: 10px;
	height: 46px;
}

.garagesearch fieldset label .fakeselect {
	overflow: hidden;
}

.garagesearch fieldset label .fakeselect select {
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	padding: 0;
	background: none;
	width: 110%;
}

.garagesearch input[type=submit] {
	position: absolute;
	right: 0px;
	bottom: 25px;
	width: 5.5%;
	margin-top: 65px;
	height: 40px;
	background: black;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	font-family: 'FontAwesome';
	outline: none;
	font-size: 1.75em;
}

.solo {
	padding-top: 0;
}

.latestnews {
	padding: 2em 0;
}

.latestnews ul {
	margin: 0 -1%;
	padding: 0;
	list-style: none;
}

.latestnews ul li {
	width: 33%;
    margin: 0;
    float: left;
    box-sizing: border-box;
    padding: 20px;
}

.latestnews ul li:nth-child(3n+1) {
	clear: both;
}

/********************************************************
*
* ANNONCES luxauto
*
********************************************************/
.ad_pagination .page-numbers {
	margin-right:5px;
	display: inline-block;
}
#luxauto_ad_table {
	width:100%;
	margin: 20px 0;
}
#luxauto_ad_table th {
	background: black;
	color: white;
	padding: 7px 0px;
	font-family: "PT Sans Narrow Bold";
	text-align: center;
}
#luxauto_ad_table th a {
	color:white;
}
#luxauto_ad_table th a.active::after {
	color:#58A618;
}
#luxauto_ad_table th a.arrowBottom::after {
	content: '\f107';
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 17px;
    right: 0px;
    top: .3em;
    margin-left: 5px;
}
#luxauto_ad_table th a.arrowTop::after {
	content: '\f106';
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 17px;
    right: 0px;
    top: .3em;
    margin-left: 5px;
}
#luxauto_ad_table tbody tr {
	border-bottom: 1px solid #ede7e7;
}
#luxauto_ad_table tbody tr:hover {
	cursor:pointer;
	background-color: #ececec;
}
#luxauto_ad_table tbody a {
	color:black;
}
.thumb_td {
	width:400px;
}
.ad_title {
	font-size:24px;
}
.ad_price {
	font-weight:bold;
}
#luxauto_ad_table td.have_label {
	min-width: 80px;
	text-align: center;
}
#luxauto_ad_table td {
	padding:10px 0;
}
.adtable_thumb_container {
	display: flex;
	flex-wrap: nowrap;
}
.adtable_thumb {
	padding-right:20px;
}
.adtable_thumb img {
	max-width:170px;
}
.luxauto_ad {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin:20px auto;
}
.luxauto_ad .ad_col {
	width:80px;
}
.ad_thumb img {
	max-width:170px;
}
.carburant_icon {
	margin: 0 5px;
	background: black;
	color: white;
	border-radius: 45px;
	padding: 4px 9px;
	font-size: 13px;
	text-transform: uppercase;
	display: inline-block;
	font-weight: bold;
	cursor:default;
}
.carburant_icon.essence {
	background: #669933;
}
.ad_fuel {
	text-align: center;
}
/*********single-occasion**********************/
#single-occasion .address {
	background: #eee;
	padding: 1em;
	margin-bottom: 20px;
}
#single-occasion .slideshow {
	margin-bottom: 20px;
}
#single-occasion .infos {
	/* background:#eee;
	padding:1em;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around; */
}
#single-occasion .infos_colonne {
	/* flex: 1 1 auto; */
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#single-occasion .infos_colonne > div {
    flex: 1 1 300px;
}
.caracteristiques ul {
	list-style-type: none;
	padding-left:0;
	/* column-count:2; */
}
.caracteristiques ul li::before {
	content:attr(data-label);
	width:110px;
	display: inline-block;
    font-weight: bold;
}
.caracteristiques ul li > div {
	display: inline-block;
}
#ad_garage {
	display: none;
}
#ad_garage a {
	display: inline-block;
}
#ad_garage a:nth-child(1) {
	margin-right:20px;
}
.ad_garage {
	margin:2em 0;
}
.ad_garage a {
	display: block;
}
.ad_garage img {
	border:1px solid #eee;
}
.blocks_pkm {
	margin-bottom: 2em;
	margin-top: 1.5em;
}
.block_pkm {
	font-family: 'Trade Gothic', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	padding: 8px .5em;
	font-size:22px;
	text-align: center;
	background: black;
	position:relative;
}
.block_pkm:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 1px;
	background: white;
	display: block;
}
#block_price {
	background: #58A618;
}


.latestnews ul li a img {
	width: 100%;
	height: auto;
}

.latestnews ul li a h4 {
	font-size: 1.5em;
	text-transform: uppercase;
	margin: 20px 0 20px 0;
	line-height: 1em;
}

.latestnews ul li a p {
	margin-top: .2em;
}

.latestnews ul li a p span {
	color: #58A618;
}

.latestnews ul li a:hover h4 {
	color: #58A618;
}

.bigcalltoaction {
	background: #58A618;
	display: block;
	width: 100%;
	color: white;
	text-align: center;
	font-family: 'Trade Gothic', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3em 0;
}

.bigcalltoaction div {
	font-size: 2em;
}

.bigcalltoaction div.button {
	font-size: 1.3em;
	display: inline-block;
	border: 3px solid white;
	padding: .5em 2em .4em 2em;
	margin-top: 1em;
	background: #58A618;
	-webkit-transition: background 0.3s, color 0.3s;
	-moz-transition: background 0.3s, color 0.3s;
	-ms-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}

.bigcalltoaction div.button:hover {
	background: white;
	color: #58A618;
}

.brandlist {
	padding: 2em 0;
}

.brandlist a{
	color: #222;
}

.brandlist h2 {
	font-size: 2.5em;
	margin: 0 0 1em 0;
}

.brandlist ul {
	list-style: none;
	margin: 0 -2%;
	width: 104%;
	padding: 0;
	display: block;
}

.brandlist ul li {
	float: left;
	display: block;
	width: 13%;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Trade Gothic', sans-serif;
	font-weight: bold;
	margin-bottom: 3em;
}

.brandlist ul li img {
	width: 80%;
	display: block;
	height: auto;
	margin: 0 auto;
}

.brandlist ul li span {
	display: block;
	margin-top: .5em;
	opacity: .5;
}

.brandlist ul.others {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	column-count: 5;
}

.brandlist ul.others li {
	width: 90%;
	text-align: left;
	margin: 0 0 0 10%;
	opacity: .7;
	display: inline-block;
	float: none;
}

.brandlist ul.others li a {
	display: block;
	position: relative;
	padding-left: 15px;
	text-decoration: none;
}

.brandlist ul.others li a:before {
	content: '';
	height: 4px;
	width: 4px;
	background: black;
	left: 0px;
	top: 9px;
	display: block;
	position: absolute;
}

html body>hr {
	background: #58A618;
	height: 9px;
	border: 0;
}

.gmap {
	height: 500px;
}

.gmap.wrapper {
	margin-top: 1em;
}

.searchresults .wrapper {
	position: relative;
	padding-bottom: 40px;
}

#resultfilter {
	position: absolute;
	right: 0px;
	top: 10px;
	font-family: 'Trade Gothic', sans-serif;
	font-weight: bold;
}

#resultfilter .fakeselect {
	float: right;
	margin-left: 10px;
	overflow: hidden;
}

#resultfilter .fakeselect:after {
	content: '\f107';
	font-family: 'FontAwesome';
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
}

#resultfilter .fakeselect select {
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	padding: 0 2em 0 0;
	background: none;
	width: 100%;
	z-index: 1;
	position: relative;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: normal;
}

/* Search Results */

.searchresults ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.searchresults ul.jobs li article a>div.info {
	width: 67%;
	padding-left: 0;
}

.searchresults ul li {
	display: block;
	padding: 1em 0;
	border-top: 1px solid black;
}

.searchresults ul li:first-child {
	border-top: 0;
}

.searchresults ul li article a {
	display: table;
	width: 100%;
	color: inherit;
	text-decoration: none;
}

.searchresults ul li article a>div {
	display: table-cell;
	vertical-align: middle;
}

.searchresults ul li article a>div.brandlogo {
    text-align: center;
	width: 10%;
	padding: 0 10px;
}

.searchresults ul li article a>div.brandlogo h2 {
    font-size: 1.1em;
}

.info h2,
.info h3 {
	margin: 0;
	line-height: 1.1em;
}

.info h2 {
	font-size: 2em;
}

.info h3 {
	font-size: 1.5em;
	color: #58A618;
}

.searchresults ul li article a>div.address {
	width: 25%;
	padding-left: 2%;
	padding-right: 2%;
}

.searchresults ul li article a>div.garagelogo {
	width: 10%;
}

.searchresults ul li article a>div img {
	width: 100%;
	height: auto;
}

/* Footer */

footer {
	background: url('img/footerbg.jpg') no-repeat center center;
	background-size: cover;
	text-align: center;
	color: #FFF;
	padding: 3em 0 2em 0;
}

footer a{
	color: inherit;
	text-decoration: none;
}

footer nav {
	margin-bottom: 2em;
}

footer nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}

footer nav ul li {
	font-size: 1.25em;
	margin: 0 .5em;
	display: inline-block;
	font-family: 'Trade Gothic', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

footer .entities div {
	margin: 0 auto;
	text-align: center;
}

footer .entities div h5 {
	text-transform: none;
	font-size: 1.25em;
	margin: 0;
}

footer .logo {
	width: 121px;
	height: 28px;
	background: url('img/logobig.png') no-repeat center center;
	background-size: 121px 28px;
	display: block;
	margin: 2em auto 0 auto;
}

footer .social {
	margin: 2em 0 1.2em 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

footer .social li {
	font-size: 1.5em;
	margin: 0 .15em;
	display: inline-block;
}

.markerlabel {
	color: white;
	font-size: 30px;
	position: relative;
	width: 25px;
	height: 43px;
	overflow: visible !important;
	text-align: center;
}

.markerlabel.active i.fa-map-marker {
	color: #58A618;
}

.markerlabel i {
	position: absolute;
	top: 3px;
	z-index: 1;
	font-size: 22px;
	left: 2px;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
	transition: transform .3s;
}

.markerlabel i.fa-map-marker {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	text-align: center;
	font-size: 41px;
	line-height: 59px;
	margin-left: 0;
	margin-top: -10px;
	pointer-events: none;
	color: black;
}

.markerlabel i.fa-map-marker:before {
	margin: 0px;
}

.swiper-button-next {
	position: absolute;
	right: 0px;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	width: 8%;
	top: 0px;
	margin-top: 0px;
}

.swiper-button-next:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: '\f105';
	font-family: 'FontAwesome';
	display: block;
	color: #58A618;
	font-size: 5em;
	margin-left: -0.15em;
	margin-top: -0.75em;
}

.swiper-button-prev {
	position: absolute;
	left: 0px;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	width: 8%;
	top: 0px;
	margin-top: 0px;
}

.swiper-button-prev:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: '\f104';
	font-family: 'FontAwesome';
	display: block;
	color: #58A618;
	font-size: 5em;
	margin-left: -0.15em;
	margin-top: -0.75em;
}

.infoBox {
	background: black;
	font-size: 13px;
	position: relative;
}

.infoBox .close,
.infoBox .close:hover {
	position: absolute;
	right: 20px;
	top: 10px;
	color: white;
	border: 0;
	padding: 0;
	line-height: 1em;
	font-size: 1em;
	height: 1em;
	width: 1em;
	text-align: center;
	background: transparent;
}

.infoBox .close:hover {
	color: #58A618;
}

.infoBox>div {
	padding: 20px;
	color: white;
	font-family: 'PT Sans Narrow', sans-serif;
}

.infoBox>div h2,
.infoBox>div h3 {
	margin: 0;
	padding: 0;
}

.infoBox>div a {
	display: block;
	border: 3px solid #58A618;
	color: white;
	text-transform: uppercase;
	font-family: 'Trade Gothic', sans-serif;
	font-weight: bold;
	padding: .5em 2em;
	font-size: 1.25em;
	margin-top: 1em;
	text-align: center;
	-webkit-transition: background 0.3s, color 0.3s;
	-moz-transition: background 0.3s, color 0.3s;
	-ms-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}

.infoBox>div a:hover {
	background: #58A618;
	color: white;
}

#radar_container {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 20px;
}

#radar_container .col_radar a{
	color: #58A618;
}

#radar_container #externalLinks {
	padding-left: 100px;
}

#radar_container #externalLinks a {
	margin-bottom: 3px;
	display: inline-block;
}

.duree_emprunt label {
	min-width: 10px !important;
	margin: 0 10px 0 5px;
}

#localityfield,
#brandfield {
	max-height: 42px;
	position: absolute;
	right: 2px;
	top: 2px;
	border: 0;
	width: 182px;
}

#wpadminbar {
	z-index: 99999999;
}

/* Ads */
#myauto-ipdig-ads-ldb-atf,
#myauto-ipdig-ads-imu-mtf{
	margin: 20px auto;
	text-align: center;
}

#ad_pagination_container {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

ul.actualites {
	text-align: justify;
}

.actualite-thumbnail {
	display: block;
	max-width: 100%;
	height: 210px;
}

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

ul.actualites li h4 {
	margin-bottom: 20px;
}

.duree_emprunt span {
	display: inline-block;
	min-width: 220px;
	margin-bottom: 20px;
}

.duree_emprunt label {
	min-width: 10px !important;
	margin: 0 10px 0 5px;
}

.radars_journaliers_container table#radars_journaliers {
	width: 434px;
}

.radars_journaliers_container table#radars_journaliers td,
.radars_journaliers_container table#radars_journaliers th {
	border: 1px solid #aaaaaa;
}

.radars_journaliers_container table#radars_journaliers th {
	background: black;
	color: white;
}

table#radars_journaliers {
	width: 100%;
	border-collapse: collapse;
}

table#radars_journaliers th {
	text-align: left;
}

table#radars_journaliers tr {
	border: 1px solid #FFF;
}

table#radars_journaliers td,
table#radars_journaliers th {
	padding: 5px;
}

section#home-sidebar {
	background-color: #58A618;
	color: #FFF;
	padding: 20px 0 40px;
}

.home-sidebar-wrapper {
	display: flex;
}

#home-sidebar .widget {
	width: 33.3333%;
	box-sizing: border-box;
	padding: 0 20px;
}

#home-sidebar table#radars_journaliers, 
table#radars_journaliers tr, 
table#radars_journaliers td{
	border: none;
}

input[type="text"] {
	color: #222 !important;
}

#home-sidebar input[type="submit"] {
	background-color: #222222;
	border: none;
	padding: 5px 15px;
}

#rangefield{
	color: #888;
}

ul.archive-list{
	list-style-type: none;
}

ul.archive-list li{
	display: block;
	min-height: 180px;
}

ul.archive-list img{
	float: left;
	width: 351px;
	height: 171px;
	margin-right: 20px;
	border: 1px solid #e8e8e8;
}

h2.big{
    font-size: 2.5em;
    margin: 0 0 0 0;
}

h3.aofh3{
    margin: 0 0 20px 0;
}

#voitures-occasion {
	background-color: #222;
	color: #FFF;
	padding: 60px 0;
	text-align: center;
}

.btn-big {
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 10px;
	border: 3px solid #FFF;
	color: #FFF;
	font-size: 1.8em;
	transition-duration: 0.5s;
	display: block;
}

.btn-big:hover {
	background-color: #FFF;
	color: #000;
	transition-duration: 0.5s;
}

.img-logo{
	border: 1px solid #eee;
	margin-bottom: 20px;
}

/* Homepage sections */

.homepage-section{
    padding: 40px 20px;
}


.af-list-homepage,
.section-aof{
	background-color: #58A618;
	color: #FFF;
	padding: 40px 0;
}

.af-list-homepage a,
.section-aof a{
	color: #FFF;
	text-decoration: none;
}

.btn-download{
	margin-top: 20px;
    padding: 5px 15px;
    border: 2px solid #FFF;
    font-size: 1.5em;
}

.btn-download:hover{
	color: #58A618;
	background-color: #FFF;
}

.af-list-homepage h2,
.section-aof h2,
.section-nordstad h2,
.section-belval h2,
.af-list-homepage h3,
.section-aof h3,
.section-nordstad h3,
.section-belval h3{
    text-align: center;
    margin: 0;
}

.af-list-homepage ul,
.section-aof ul{
	list-style-type: none;
	columns: 3;
}

.section-nordstad{
    background-color: #000000;
    color: #FFF;
    padding: 40px 0; 
}

.section-nordstad a{
    color: #FFF;
}

.btn-nordstad{
	margin-top: 20px;
	border: 1px solid #FFF;
}

.btn-nordstad:hover{
	color: #FFF;
	border: 1px solid #FFF;
}

.section-belval{
    background-color: #1A4782;
    color: #FFF;
}

.section-belval a{
    color: #FFF;
}
.homepage-list{
    list-style-type: none;
    padding: 0;
}

.localite{
    text-transform: capitalize;
}

/* Badges */

.badges-bloc{
	margin: 20px 0;
}

.badge{
    padding: 3px 6px;
	border-radius: 3px;
    font-size: 0.9em;
    font-weight: 100;
    margin-bottom: 5px;
    color: #FFF;
}

.badge-participe-af,
.badge-participe-ao{
    background-color: #58A618;
}

.badge-nordstad{
    background-color: #000000;
}

.badge-belval{
    background-color: #1A4782;
}


.badges-big .badge{
    font-size: 1.2em;
    padding: 5px 10px;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}

ul {
	list-style-type: square;
}
.issuuembed {
	max-width:100%;
}
li.garage-item{
	clear: both;
}

li.garage-item article{
	display: block;
}

.garage-logo{
	display: inline-block;
	width: 160px;
	margin-right: 20px;
	min-height: 10px;
	vertical-align: middle;
	/* border: 1px solid red; */
}

.garage-logo img{
	max-width: 100%;
	border: 1px solid #eee;
	padding: 5px;
}

.garage-infos{
	display: inline-block;
	vertical-align: middle;
	/* border: 1px solid blue; */
}

.garage-brands{
	float: right;
	max-width: 500px;
}

.small-logo{
	width: 60px;
	height: auto;
	margin-right: 20px;
	float: left;
}

.cc_banner-wrapper{
	z-index: 9999999;
}
.ipflexbox {
	display:flex;
}
.ipflexItem {
    margin-right: 10px;
}
.hideCheckbox {
	width: 325px;
}
.hideCheckbox input[type=checkbox],
.hideCheckbox input[type=radio] {
	display: none;
}
.hideCheckbox .btn-default {
	background-image: none;
}
.hideCheckbox .btn-default.active {
	box-shadow: none;
	background-color:#58A618;
	border-color:#c53b0e;
	text-shadow: none;
    color: white;
}
/* search tabs */
.wrapperTabs {
	width: 100%;
	margin: 0 auto;
}
.loader {
	display:none;
    width:60px;
    height:60px;
    content: "";
    background-image: url('img/spinner2.svg');
}
/***************************
* new tabs
****************************/
.tab-wrap {
	transition: 0.3s box-shadow ease;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	list-style: none;
  }
  .mtab {
	display: none;
  }
  .mtab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index:8;
	-webkit-transform: translateY(0px);
			transform: translateY(0px);
  }
  .mtab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index:8;
	-webkit-transform: translateY(0px);
			transform: translateY(0px);
  }
  .mtab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index:8;
	-webkit-transform: translateY(0px);
			transform: translateY(0px);
  }
  .mtab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index:8;
	-webkit-transform: translateY(0px);
			transform: translateY(0px);
  }
  .mtab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index:8;
	-webkit-transform: translateY(0px);
			transform: translateY(0px);
  }
  .mtab:first-of-type:not(:last-of-type) + label {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
  }
  .mtab:not(:first-of-type):not(:last-of-type) + label {
	border-radius: 0;
  }
  .mtab:last-of-type:not(:first-of-type) + label {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
  }
  .mtab:checked + label {
	background: #58A618;
	cursor: default;
	color:white;
  }
  .mtab:checked + label:hover {
	background: #58A618;
  }
  .mtab + label {
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #7b7b7b;
	text-align: center;
	background-color: #000000;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	text-align: center;
	transition: 0.3s background-color ease, 0.3s box-shadow ease;
	height: 50px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight:bold;
	font-family:'Trade Gothic';
	padding: 0 3%;
	margin:0;
	line-height: 48px;
  }
  .mtab + label:hover {
	background-color: #000000;
  }
  .tab__content {
	padding: 1.618rem;
	background: #58A618;
	position: absolute;
	width: 100%;
	z-index: -1;
	opacity: 0;
	left: 0;
	-webkit-transform: translateY(-3px);
			transform: translateY(-3px);
  }
  
/*****************************/
.input-group {
	width:100%;
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 20px;
}
.input-group-addon, .input-group-btn {
	width: auto;
	line-height:26px;
	background-color: black;
	border: 1px solid black;
	color: white;
	font-size: 1.2em;
}
.input-group input, .blackInput {
	border:1px solid #ccc;
	padding: 0 10px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1.2em;
	min-height:43px;
}
.form-control {
	box-shadow:none;
}
.blackInput {
	min-height: 43px;
	border-radius: 4px;
	margin-bottom: 20px;
	width:100%;
}
.select2 {
	font-family:'PT Sans Narrow', sans-serif;
}
.select2-container--bootstrap {
	display: inline-block;
	margin-bottom: 20px;
}
.select2-container--bootstrap .select2-selection {
	font-size: 1.2em;
	box-shadow:none;
}
.select2-container--bootstrap .select2-selection--single {
	min-height:43px;
    line-height: 27px;
}
.select2-container--bootstrap .select2-selection--multiple {
	min-height:43px;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder,
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
	color: #a6a6a6;
}
.select2-container--disabled {
	opacity: 0.8;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
	padding-top: 2px;
}
.input-group>.select2-hidden-accessible:not(:first-child):not(:last-child)+.select2-container--bootstrap:last-child>.selection>.select2-selection, 
.input-group>.select2-hidden-accessible:not(:first-child):not(:last-child)+.select2-container--bootstrap:last-child>.selection>.select2-selection.form-control,
.input-group .form-control:not(:first-child) {
	border-left: 0px solid transparent;
}
.input-group>.select2-container--bootstrap {
	flex: 1 1 auto;
}

.tab__content .flexRow, #detailedSearch .flexRow {
	margin-left: -5.5px;
    margin-right: -5.5px;
}
#quickSearchSubmitBottom {
	float:none;
	margin:auto;
}
.quickSearchSubmit {
	background: black;
    border: 0;
    outline: none;
    font-size:23px;
    color: white;
	padding:0px 15px;;
	align-items: center;
	height: 60px;
	display: flex;
}
.quickSearchSubmit::after {
	content: attr(data-count);
	display: inline;
	color:white;
}
#quick_search .garagesearch {
	padding:0;
	background: none;
	max-width: 987px;
    margin: 0 auto;
}
#quick_search h3 {
	float: none;
    width: auto;
    margin: 0 0 30px 0;
    color: white;
    font-size:19px;
}
#quick_search .garagesearch input[type=submit] {
	position: relative;
    right: 0px;
	bottom: 0;
	margin: 0;
}
#quick_search .garagesearch fieldset {
	float:none;
	width: 100%;
}
#quickSearchGarage {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
#quickSearchGarage label {
	flex:0 1 266px;
	margin-bottom: 0;
	font-weight:normal;
}
#detailedSearchLink {
	color: white;
	text-decoration: underline;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
	background: #dcdcdc;
}
#detailedSearch {
	display:none;
	background:#ccc;
	padding:30px 0;
}
#detailedSearch label {
	display: block;
	margin-bottom:5px;
}
#detailedSearch .switch input:not(:checked) + .slider {
	background-color: #963413;
}
#detailedSearch .switch input:checked + .slider {
	background-color:black;
}
.toplabel {
	font-size: 17px;
    font-weight: bold;
}
#src_options, #src_vat {
	flex:1 1 100%;
	margin-bottom: 20px;
}
#src_options ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
    /* column-count: 3; */
}
#src_options input {
	margin-right: 5px;
}
.src_color .checkmark {
	border: 1px solid #503c3c;
}
.src_color ul {
	list-style-type: none;
	padding:0;
	margin: 0 0 18px 0;
}
.src_color ul li,
#src_options li {
	display: inline-block;
    min-width: 224px;
}
.customCheckboxContainer {
	display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}
/* Hide the browser's default checkbox */
.customCheckboxContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
  }
  
  /* Create a custom checkbox */
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #ffffff;
  }
  /* When the checkbox is checked, add a blue background */
  .customCheckboxContainer input:checked ~ .checkmark {
	background-color: #000000;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the checkmark when checked */
  .customCheckboxContainer input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the checkmark/indicator */
  .customCheckboxContainer .checkmark:after {
	left: 8px;
    top: 4px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .customCheckboxContainer input[value=blanc]:checked ~ .checkmark:after,
  .customCheckboxContainer input[value=gris]:checked ~ .checkmark:after,
  .customCheckboxContainer input[value=jaune]:checked ~ .checkmark:after {
	border-color: black;
  }
#quick_search .input-group-addon:first-child {
    flex: 0 1 auto;
    width:80px;
}
#quick_search #quickSearchGarage .input-group-addon:first-child {
    width: 120px;
}
#quick_search .input-group > .select2-container--bootstrap {
    width: calc(50% - 40px) !important;
}
#quick_search .garagesearch  .input-group input {
	width:calc(100% - 80px);
}

/**********************************
* resultats de recherche
*
**********************************/

#liste-occasions-container {
	display: flex;
	flex-wrap: nowrap;
	padding-top: 20px;
}
#liste-occasions-sidebar {
	padding:0px 20px 20px 20px;
	width:100%;
	max-width: 360px;
	flex: 0 1 320px;
}
#liste-occasions-sidebar form > div > label:not(.switch) {
	display: block;
    width: 100%;
}
#liste-occasions-sidebar form > div > select,
#liste-occasions-sidebar form > div > input,
#liste-occasions-sidebar form > div > .input-group,
#liste-occasions-sidebar form > div > .select2-container {
	margin-bottom:10px;
}
#searchresultsOccasions {
	flex: 1 1 100%;
}
#select2-ext_color-results span.squareColor::before,
#select2-int_color-results span.squareColor::before {
	content:"";
	display: inline-block;
	width:15px;
	height:15px;
	margin-right:10px;
}
#select2-ext_color-results span.squareColor.blanc::before,
#select2-int_color-results span.squareColor.blanc::before,
#select2-ext_color-results span.squareColor.weiß::before,
#select2-int_color-results span.squareColor.weiß::before,
.customCheckboxContainer input[value=blanc] ~ .checkmark
{
	border:1px solid #ccc;
	background-color:#ffffff;
}
#select2-ext_color-results span.squareColor.bleu::before,
#select2-int_color-results span.squareColor.bleu::before,
#select2-ext_color-results span.squareColor.blau::before,
#select2-int_color-results span.squareColor.blau::before,
.customCheckboxContainer input[value=bleu] ~ .checkmark {
	background-color:#3359e0;
}
#select2-ext_color-results span.squareColor.brun::before,
#select2-int_color-results span.squareColor.brun::before,
#select2-ext_color-results span.squareColor.braun::before,
#select2-int_color-results span.squareColor.braun::before,
.customCheckboxContainer input[value=brun] ~ .checkmark {
	background-color:#5f4e2f;
}
#select2-ext_color-results span.squareColor.gris::before,
#select2-int_color-results span.squareColor.gris::before,
#select2-ext_color-results span.squareColor.grau::before,
#select2-int_color-results span.squareColor.grau::before,
.customCheckboxContainer input[value=gris] ~ .checkmark {
	background-color:#cccccc;
}
#select2-ext_color-results span.squareColor.jaune::before,
#select2-int_color-results span.squareColor.jaune::before,
#select2-ext_color-results span.squareColor.gelb::before,
#select2-int_color-results span.squareColor.gelb::before,
.customCheckboxContainer input[value=jaune] ~ .checkmark {
	background-color:#e6e93b;
}
#select2-ext_color-results span.squareColor.mauve::before,
#select2-int_color-results span.squareColor.mauve::before,
#select2-ext_color-results span.squareColor.violett::before,
#select2-int_color-results span.squareColor.violett::before,
.customCheckboxContainer input[value=mauve] ~ .checkmark {
	background-color:#bc87d1;
}
#select2-ext_color-results span.squareColor.noir::before,
#select2-int_color-results span.squareColor.noir::before,
#select2-ext_color-results span.squareColor.schwarz::before,
#select2-int_color-results span.squareColor.schwarz::before,
.customCheckboxContainer input[value=noir] ~ .checkmark {
	background-color: #000000;;
}
#select2-ext_color-results span.squareColor.orange::before,
#select2-int_color-results span.squareColor.orange::before,
.customCheckboxContainer input[value=orange] ~ .checkmark {
	background-color:#f1ad47;
}
#select2-ext_color-results span.squareColor.rouge::before,
#select2-int_color-results span.squareColor.rouge::before,
#select2-ext_color-results span.squareColor.rot::before,
#select2-int_color-results span.squareColor.rot::before,
.customCheckboxContainer input[value=rouge] ~ .checkmark {
	background-color:#e03e32;
}
#select2-ext_color-results span.squareColor.vert::before,
#select2-int_color-results span.squareColor.vert::before,
#select2-ext_color-results span.squareColor.grün::before,
#select2-int_color-results span.squareColor.grün::before,
.customCheckboxContainer input[value=vert] ~ .checkmark {
	background-color:#41a334;
}
.switch {
	position: relative;
	display: inline-block;
	width:58px;
	height:32px;
	margin-bottom: 20px;
}
.switch input {display:none;}
.switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left:3px;
	bottom:3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch input:checked + .slider {
	background-color: #2196F3;
}
.switch input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}
.switch input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.switch .slider.round {
	border-radius: 34px;
}
.switch .slider.round:before {
	border-radius: 50%;
}
#resultats_occasions .resultat_header {
	display: flex;
    justify-content: space-between;
}
#resultats_occasions h2 {
	margin:0;
	font-size:2em;
}
#resultats_occasions h2 a {
	color:black;
}
#resultats_occasions h3 {
	margin: 0 0 5px 0;
    font-size: 1.5em;
    text-transform: none;
    color: #58A618;
}
#resultats_occasions article {
	padding: 1em 0;
	border-bottom: 1px solid black;
}
#resultats_occasions article:last-child {
	border:none;
}
#resultats_occasions .resultat_infos {
	font-size: 20px;
}
.resultat_infos table tr {
	border-bottom:1px solid #ccc;
}
.resultat_infos table tr td:first-child {
	color:#ccc;
}
.resultat_infos table tr td:last-child {
	text-align: right;
}
.resultat_infos table td {
	padding:4px 0;
}
.resultat_prix {
	font-size: 24px;
    font-weight: bold;
}
#searchresultsOccasions .navbar-brand {
	font-family: 'Trade Gothic';
    text-transform: uppercase;
	font-weight: bold;
	color:#b6b6b6;
}
.dropdown-menu {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#searchresultsOccasions .dropdown-menu > li > a:focus, #searchresultsOccasions .dropdown-menu > li > a:hover {
	background-color: #F5F5F5;
}
.navbar-default, .navbar-default .btn-default, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	box-shadow: none;
	background-image: none;
}
#tri_occaz ul.dropdown-menu li a {
	padding:7px 20px;
}
#adPaginationBottom {
	margin:20px 0;
}
/****************************
*
* detail occasion
*
*****************************/
.type_vehicule ul {
	list-style-type: none;
	padding:0;
}
.type_vehicule ul li i {
    display: block;
    font-size: 3em;
}
.type_vehicule ul li span {
    display: block;
    min-height: 2em;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Trade Gothic', sans-serif;
    font-size: .75em;
}
.type_vehicule [class^="icon-"]:before, .type_vehicule [class*=" icon-"]:before {
	margin-left:0;
}

/******************************
*
* home afficher les 2 formulaires
*
******************************/

body.page-template-template-home-occasions-2-php .dynamicWrapper {
	width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
}
body.page-template-template-home-occasions-2-php .garagesearch {
	padding-bottom: 25px;
}
.quicksearchOccasionContainer {
	padding-bottom: 25px;
}
.column_33 {
	padding: 0 5.5px;
}
#oldBrowser {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:rgba(230,78,41,1);
	text-align: center;
	color:white;
	font-size:22px;
	z-index:1;
	padding:10px 0;
}
#oldBrowser a {
	color:black;
}
.suiv_insc_notice {
	text-align: center;
	font-size:15px;
}
#search_more_occasions {
	margin-bottom:33px;
}
#search_more_occasions a {
	font-size: 17px;
}
#search_more_occasions a:first-child {
	margin-bottom:10px;
}
.black {
	color:black;
	font-weight:normal;
}
#search_more_occasions .fa-search-plus {
	color:#58A618;
	margin-right: 7px;
	font-size:19px;
}
#listeOccasionsH1 {
	margin-bottom: 0;
}
#makesListSearch {
	background:#58A618;
	padding: 40px 20px;
	color:white;
}
#makesListSearch a {
	color:white;
}
#makesListSearch ul {
	list-style-type: none;
	column-count:5;
}
#makesListSearch h2 {
	text-align:center;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1200px) {
	.wrapper{
		width: 100%;
		max-width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
}
@media only screen and (min-width: 801px) {
	#quick_search {
		margin-bottom: 40px;
	}
	.quickSearchSubmit {
		float:right;
	}
	#resultats_occasions .slideshow {
		display: none;
	}
	#resultats_occasions .resultat_infos {
		flex: 1 1 auto;
	}
	#resultats_occasions .resultat_thumbnail {
		padding-right: 20px;
	}
	#resultats_occasions .resultat_summary {
		display:flex;
		flex-wrap: nowrap;
		padding:10px 10px 10px 0
	}
	.flexRow {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap:wrap;
	}
	.search_column {
		width: 50%;
		padding: 0 5.5px;
		flex: 1 1 auto;
	}
	.column_20, .column_33 {
		width:50%;
	}
	.column_33 {
		flex: 1 1 auto;
	}
	.blocks_pkm {
		display: table;
		width: 100%;
	}
	.block_pkm {
		display: table-cell;
		width:33%;
	}
	.homeslider {
		min-height: 600px;
	}
}
@media only screen and (min-width: 1001px) {
	.twocols {
		display: flex;
		flex-wrap: nowrap;
	}
	.leftcol {
		flex: 1 1 100%;
		padding-right:60px;
		max-width:840px;
	}
	.rightcol {
		flex: 0 0 300px;
	}
}
@media only screen and (min-width: 1025px) {
	#listeOccasionsH1 {
		padding-left:20px;
	}
	#detailedSearchLink {
		position: absolute;
		bottom: 1.618rem;
	}
	.search_column {
		width: 25%;
	  }
	  .column_20 {
		  width:20%;
	  }
	  .column_33 {
		width:33%;
	}
	#triggerButton {
		display: none;
	}
}
@media only screen and (max-width: 1024px) {
	#liste-occasions-container:not(.sidebar-opened) #liste-occasions-sidebar {
		display: none;
	}
	#liste-occasions-container.sidebar-opened #searchresultsOccasions {
		flex: 1 0 100%;
	}
}
@media only screen and (max-width: 1000px) {
	.rightcol {
		padding-top:20px;
	}
	.annonce h1 {
		font-size: 1.5em;
	}

}

@media only screen and (max-width: 1000px) {
	#luxauto_ad_table thead, #luxauto_ad_table .ad_fuel {
		display: none;
	}
	#luxauto_ad_table td.have_label {
		text-align: left;
		padding:0;
	}
	#luxauto_ad_table tbody td.have_label::before {
		content: attr(data-label);
		display: inline-block;
		width: 77px;
		margin-right: 16px;
		font-size: 13px;
		line-height: 25px;
		text-align: right;
		color: #7b7b7b;
		font-weight: normal;
		padding-right: 3px;
	}
	#luxauto_ad_table tr, #luxauto_ad_table td {
		display: block;
	}
	#luxauto_ad_table tr {
		padding:10px 0;
	}
	#luxauto_ad_table td {
		padding:0;
	}
	#luxauto_ad_table td.thumb_td {
		padding-bottom:10px;
	}
	#luxauto_ad_table tbody tr:nth-child(even) {
		background: #fffafa;
	}

	.garagesearch fieldset .col {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.garagesearch fieldset .col label {
		width: 40%;
		margin-left: 5%;
		float: left;
	}
	.brandlist ul.others {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
}

@media all and (max-width: 930px) {

    .af-list-homepage ul,
    .section-aof ul{
        list-style-type: none;
        columns: 3;
    }

	nav#main-menu {
		position: static;
		text-align: left;
	}

	nav#main-menu ul.topmenu{
		display: none;
	}

	#main-menu .responsive-menu{
		position: absolute;
		left: 0px;
		top: 100%;
		margin-top: 1px;
		background: #222;
		width: 100%;
		display: none;
		padding: 0 20px;
		box-sizing: border-box;
		overflow: scroll;
		max-height: 70vh;
	}

	#main-menu .responsive-menu.active{
		display: block;
	}

	#main-menu .responsive-menu ul{
		width: 100%;
		display: block;
	}

	#main-menu .responsive-menu li{
		width: 100%;
		display: block;
	}

	#main-menu .responsive-menu li a{
		width: 100%;
		display: block;
		padding: 10px 0;
	}

	#main-menu .responsive-menu li.menu-item-has-children>a:after{
		content: '\f107';
		font-family: 'FontAwesome';
		font-weight: normal;
		margin-left: 10px;
		font-size: 12px; 
	}

	#main-menu .responsive-menu li.menu-item-has-children.open>a:after{
		content: '\f077';
		font-family: 'FontAwesome';
		font-weight: normal;
		margin-left: 10px;
		font-size: 12px; 
	}

	#main-menu .responsive-menu .sub-menu{
		display: none;
	}

	#main-menu .responsive-menu li.menu-item-has-children.open .sub-menu{
		display: block;
	}

	#main-menu .responsive-menu .sub-menu li{
		margin-left: 20px;
	}

	#main-menu .responsive-menu .sub-menu li.menu-item-has-children>ul.sub-menu{
		display: none;
	}

	#main-menu .responsive-menu .sub-menu li.menu-item-has-children.open>ul.sub-menu{
		display: block;
	}

	.langswitch {
		text-align: right;
	}
	#topmenutoggle {
		margin-left: 17px;
		display: block;
		position: relative;
		overflow: hidden;
		width: 20px;
		height: 17px;
		font-size: 0;
		text-indent: -9999px;
		float: right;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#topmenutoggle.active span {
		background: none;
	}
	#topmenutoggle.active span:before {
		transform: rotate(45deg);
		top: 0;
		-webkit-transition: top 0.3s, transform 0.3s 0.3s;
		-moz-transition: top 0.3s, transform 0.3s 0.3s;
		-ms-transition: top 0.3s, transform 0.3s 0.3s;
		transition: top 0.3s, transform 0.3s 0.3s;
	}
	#topmenutoggle.active span:after {
		transform: rotate(-45deg);
		bottom: 0;
		-webkit-transition: bottom 0.3s, transform 0.3s 0.3s;
		-moz-transition: bottom 0.3s, transform 0.3s 0.3s;
		-ms-transition: bottom 0.3s, transform 0.3s 0.3s;
		transition: bottom 0.3s, transform 0.3s 0.3s;
	}
	#topmenutoggle:focus {
		outline: none;
	}
	#topmenutoggle span {
		display: block;
		position: absolute;
		top: 8px;
		left: 0px;
		width: 100%;
		height: 2px;
		background: white;
		-webkit-transition: background 0.3s, transform 0.3s;
		-moz-transition: background 0.3s, transform 0.3s;
		-ms-transition: background 0.3s, transform 0.3s;
		transition: background 0.3s, transform 0.3s;
	}
	#topmenutoggle span:before,
	#topmenutoggle span:after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: white;
		content: "";
	}
	#topmenutoggle span:before {
		top: -5px;
		-webkit-transition: top 0.3s 0.3s, transform 0.3s 0s;
		-moz-transition: top 0.3s 0.3s, transform 0.3s 0s;
		-ms-transition: top 0.3s 0.3s, transform 0.3s 0s;
		transition: top 0.3s 0.3s, transform 0.3s 0s;
	}
	#topmenutoggle span:after {
		bottom: -5px;
		-webkit-transition: bottom 0.3s 0.3s, transform 0.3s 0s;
		-moz-transition: bottom 0.3s 0.3s, transform 0.3s 0s;
		-ms-transition: bottom 0.3s 0.3s, transform 0.3s 0s;
		transition: bottom 0.3s 0.3s, transform 0.3s 0s;
	}

	.af-list-homepage ul{
		columns: 2;
	}

}
@media only screen and (max-width: 800px) {

	html {
		font-family:'Open sans';
		font-size: 93%;
	}
	.input-group input, 
	.input-group-addon, 
	.input-group-btn, 
	.blackInput, 
	.select2, 
	dl,
	.toplabel,
	.quickSearchSubmit,
	.select2-container .select2-search--inline .select2-search__field,
	.select2-container--bootstrap .select2-selection {
		font-family:'Open sans';
		font-size:15px;
	}
	.homeslider > .wrapper {
		padding:0;
	}
	.latestnews ul li, #resultats_occasions .resultat_infos {
		width: 100%;
	}
	#resultats_occasions .resultat_infos {
		font-size:15px;
	}
	#resultats_occasions .resultat_prix {
		font-size:21px;
	}
	#resultats_occasions h2 {
		font-size:26px;
	}
	#resultats_occasions h3 {
		font-size: 19px;
	}
	#resultats_occasions .resultat_headings {
		padding-top: 10px;
	}
	.pageheader{
		margin-top: 0;
	}
	#localityfield,
	#brandfield {
		width: 67%;
		background: white;
		-webkit-appearance: none;
		color: black;
		padding: 0 2%;
		box-sizing: border-box;
	}
	html {
		margin-top: 0 !important;
		word-wrap: break-word;
	}
	html #wpadminbar {
		display: none !important;
	}
	.gmap,
	.wrapper .article-header-title nav,
	.wrapper .article-header-title #socialshare,
	.pageheader .wrapper ul,
	#resultats_occasions .resultat_thumbnail,
	sharethis-inline-share-buttons {
		display: none;
	}
	.annonce{
		margin: 20px 20px 40px 0;
		padding: 10px;
	}
	.annonce h1, .annonce h2 {
		font-size: 1.5em;
		margin: 0;
		padding: 0;
		text-shadow: 1px #FFF;
	}
	.actualite-thumbnail{
		height: unset;
	}
	.homeslider{
		background: black no-repeat right center;
	}
	
	html body.admin-bar>header {
		top: 0px;
	}
	html body>header {
		padding-top: 10px;
		padding-bottom: 10px;
		top: 0px;
		background: #222;
		border-color: #222;
	}
	.brandlist ul li {
		width: 49%;
		margin: 0 0 20px 0;
		padding: 0;
		box-sizing: content-box;
		float: left;
	}
	.brandlist ul.others {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	.garagesearch .wrapper {
		padding-bottom: 2em;
	}
	.garagesearch h3, #tab_occasion h3 {
		float: none;
		width: 100%;
		margin-top: 0;
		font-size:19px;
		text-align: center;
		border: 2px solid white;
	}
	.garagesearch form, #tab_occasion #quickSearchForm {
		max-height: 0px;
		overflow: hidden;
		-webkit-transition: max-height 0.5s;
		-moz-transition: max-height 0.5s;
		-ms-transition: max-height 0.5s;
		transition: max-height 0.5s;
	}
	.garagesearch form.active, #tab_occasion #quickSearchForm.active {
		max-height:none;
	}
	.garagesearch fieldset {
		width: 100%;
		margin-top: 1em;
	}
	.garagesearch fieldset .col label {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		float: none;
	}
	.garagesearch fieldset .col label input {
		-webkit-appearance: none;
		appearance: none;
	}
	.garagesearch input[type=submit] {
		width: 100%;
		display: block;
		float: none;
		margin-top: 1em;
		position: static;
	}
	.latestnews ul li {
		width: 100%;
		margin: 0;
		float: none;
	}
	.searchresults h1 {
		font-size: 1.7em;
		line-height: 1em;
	}
	#resultfilter {
		position: relative;
		right: auto;
		top: auto;
		margin-bottom: 1em;
	}
	#resultfilter .fakeselect {
		overflow: hidden;
		width: 70%;
		border: 1px solid #000;
		padding: 2%;
		margin-top: -2%;
	}
	#resultfilter .fakeselect:after {
		right: 4%;
	}
	.searchresults ul li article a>div {
		width: 100%;
		display: block;
	}
	.searchresults ul li article a>div.brandlogo {
        text-align: center;
		width: 15%;
		float: left;
    }

	.searchresults ul li article a>div.info {
		width: 82%;
		padding-left: 18%;
		padding-right: 0;
		font-size: .75em;
	}
	.searchresults ul li article a>div.address {
		width: 82%;
		padding-right: 0;
		font-size: 12px;
		float: right;
	}
	.searchresults ul li article a>div.garagelogo {
		width: 15%;
		float: left;
	}
	.wrapper {
		display: block;
		margin-top: 1em;
	}
	.wrapper .article-header-image {
		width: 100%;
		text-align: center;
		padding: 0;
		display: block;
		margin-bottom: .5em;
	}
	.wrapper .article-header-image img {
		width: 40%;
	}
	.wrapper .article-header-title {
		text-align: center;
		display: block;
		width: 100%;
	}
	.wrapper .article-header-title h1 {
		font-size: 2.5em;
	}
	.pageheader .wrapper {
		padding-top: 1em;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	.pageheader .wrapper h1 {
		font-size: 1.5em;
		line-height: 1em;
	}
	.twocols {
		padding-bottom: 1em;
	}
	.leftcol {
		min-height: 0 !important;
		padding-right: 0;
	}
	.leftcol .socialbuttons {
		display: block;
		margin-bottom: 0;
	}
	.leftcol .socialbuttons>a {
		display: block;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 1em;
	}
	.leftcol .socialbuttons>a:last-child {
		margin-bottom: 0;
	}
	.leftcol .openingtimes .hours>div {
		display: block;
		margin-right: 0;
		margin-bottom: 1em;
	}
	.leftcol .openingtimes .hours>div h3,
	.leftcol .openingtimes .hours>div h3+p {
		margin-bottom: 0;
	}
	.right-nav {
		position: relative;
		width: 100%;
		margin: .85em auto 0 auto;
		right: auto;
		top: auto;
	}
	dl.orange {
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		text-indent: -1em;
	}
	dl.orange dt,
	dl.orange dd {
		float: none;
		display: inline;
		max-width: none;
	}
	.twocols .garagemap img {
		width: 100% !important;
		height: auto !important;
	}
	.brands.wrapper img {
		width: 26%;
		height: auto;
		margin-left: 3%;
		margin-right: 3%;
	}
	.orangestripe {
		padding: 1em 0;
	}
	.orangestripe .col {
		width: 100%;
		float: none;
	}
	.orangestripe .col+.col ul li {
		width: 100%;
		margin-right: 0;
	}
	.orangestripe .col.full ul li {
		width: 100%;
		margin-right: 0;
	}
	.orangestripe .col ul li {
		width: 100%;
		text-align: left;
		margin-right: 0;
		float: none;
	}
	.orangestripe .col ul li i {
		display: inline-block;
		margin-left: 0;
		font-size: 1.8em;
	}
	.orangestripe .col ul li span {
		display: inline-block;
		font-size: 1.3em;
		line-height: 1em;
		padding-left: 1.5em;
		min-height: 0;
		position: relative;
		top: -4px;
	}
	footer nav ul,
	.home-sidebar-wrapper,
	.leftcol .openingtimes .hours,
	.searchresults ul li article a {
		display: block;
	}
	footer nav ul li {
		display: block;
		text-align: center;
	}
	footer .entities div,
	footer .entities div:first-child {
		width: 90%;
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	#home-sidebar .widget {
		width: 100%;
		padding: 0;
	}
	#home-sidebar .widget:after {
		content: '   ';
		width: 100%;
		border: 1px solid #FFF;
		margin: auto;
	}
	.af-list-homepage ul{
		columns: 2;
	}
	.quickSearchSubmit {
		margin: 0 auto 20px auto;
    }
    
    .af-list-homepage ul,
    .section-aof ul{
        list-style-type: none;
        columns: 2;
    }

}
@media all and (min-width: 601px) {
	.section-belval .homepage-list {
		column-count: 2;
		max-width:660px;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
	}
}
@media all and (max-width: 600px) {
    
    .af-list-homepage ul,
    .section-aof ul{
        columns: 1;
        text-align: center;
	}
}

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

	.brandlist ul.others {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.af-list-homepage ul{
		padding: 0;
	}

}

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

	.homeslider{
		min-height: 200px;
	}
	
}*/