﻿﻿/* CSS Document */

/* header responsive */

/****************************/
/***** HEADER RESPONSIVE *****/
/******************************/

#main-header,
#main-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#main-header a:hover,
#main-nav a:hover,
#mobile-nav a:hover {
	text-decoration: none;
}
#main-header .default-textinput,
#main-header .default-textarea,
#main-header .default-select,
#main-nav .default-textinput,
#main-nav .default-textarea,
#main-nav .default-select {
	border: 1px solid #dee8e9;
	-moz-box-shadow: 0 0 0 2px #fff inset;
	-webkit-box-shadow: 0 0 0 2px #fff inset;
	box-shadow: 0 0 0 2px #fff inset;
	color: #333;
}
#main-header .default-textinput,
#main-header .default-textarea,
#main-header .default-select,
#main-nav .default-textinput,
#main-nav .default-textarea,
#main-nav .default-select {
	background: #fafafa;
}
#main-header .default-textinput,
#main-header .default-textarea,
#main-header .default-select,
#main-nav .default-textinput,
#main-nav .default-textarea,
#main-nav .default-select {
	display: inline-block;
	width: 100%;
}
#main-nav .btn-default-occas,
#main-nav .btn-default-occas:active,
#main-nav .btn-default-occas:hover {
	background-color: #c70e0d;
	border-color: #971616;
	color: #fff !important;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}
@media screen and (min-width: 768px) {
	#main-header .medium-textinput,
	#main-header .medium-textarea,
	#main-header .medium-select {
		font-size: 14px;
	}
}
@media screen and (max-width: 767px) {
	#main-header .medium-textinput,
	#main-header .medium-textarea,
	#main-header .medium-select {
		font-size: 12px;
	}
}
#main-header .medium-textinput,
#main-nav .medium-textinput {
	height: 30px;
}
#main-header .medium-select,
#main-nav .medium-select {
	height: 30px;
	padding: 5px 5px 5px 4px;
}
#main-header .medium-textinput {
	padding: 0 8px;
}
#main-header .btn ,
.sub-nav-panel .btn,
#mobile-nav .btn {
	border-radius: 0;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.sub-nav-panel .btn-xxl {
	height: 50px;
}
.sub-nav-panel .btn-100 {
	width: 100%;
}
.sub-nav-panel a.btn-xxl {
	line-height: 36px;
	padding: 6px 3px;
}

/* ne pas réunir les déclarations placeholder suivantes */
#main-header .red-placeholder::-webkit-input-placeholder {
	color: #CF1127;
	opacity: 1;
}
#main-header .red-placeholder:-moz-placeholder {
	color: #CF1127;
	opacity: 1;
}
#main-header .red-placeholder::-moz-placeholder {
	color: #CF1127;
	opacity: 1;
}
#main-header .red-placeholder:-ms-input-placeholder {
	color: #CF1127;
	opacity: 1;
}

/* MAIN HEADER */
#main-header {
	background: #edf4f7;
}
#main-header .searchbar {
	margin-top: 11px;
}
#main-header .searchbar form,
#stickybar .searchbar form {
	position: relative;
	border: 1px solid #dee8e9;
}
	
#main-header .searchbar form {
	height: 31px;
	margin: 0;
}
#stickybar .searchbar form {
	height: 30px;
}
#main-header .searchbar .query,
#stickybar .searchbar .query {
	font-family: 'Roboto Condensed', sans-serif;
	color: #5a5a5b;
	margin: 0;
	border: 0;
	width: 100%;
	display: inline-block;
}
#main-header .searchbar .query {
	line-height: 43px;
	font-size: 13px;
	padding: 0 45px 0 15px;
	height: 29px;
}
#stickybar .searchbar .query {
	line-height: 28px;
	font-size: 14px;
	padding: 0 30px 0 10px;
	height: 28px;
}
#main-header ::-webkit-input-placeholder,
#stickybar ::-webkit-input-placeholder {
	color: #7d7d7f;
	font-style: italic;
}
#main-header :-moz-placeholder,
#stickybar :-moz-placeholder {
	color: #7d7d7f;
	font-style: italic;
}
#main-header ::-moz-placeholder,
#stickybar ::-moz-placeholder{
	color: #7d7d7f;
	font-style: italic;
}
#main-header :-ms-input-placeholder,
#stickybar :-ms-input-placeholder{
	color: #7d7d7f;
	font-style: italic;
}
#main-header .searchbar .btn.search-btn,
#stickybar .searchbar .btn.search-btn {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	background-image: url(/v4/includes/images/refonte2013/sprite/search.png);
	background-repeat: no-repeat;
}
#main-header .searchbar .btn.search-btn {
	height: 25px;
	width: 43px;
	background-position: -64px -127px;
}
#stickybar .searchbar .btn.search-btn {
	height: 28px;
	width: 28px;
	background-position: -69px -128px;
}
#main-header .searchbar .btn.search-btn:hover,
#main-header .searchbar .btn.search-btn:focus {
	background-position: -64px -153px;
}
#stickybar .searchbar .btn.search-btn:hover,
#stickybar .searchbar .btn.search-btn:focus {
	background-position: -69px -154px;
}

#main-header .pave-annonceur {
	height: 100px;
	white-space: nowrap;
}
#main-header .pave-annonceur .helper-vertical-align {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#main-header .pave-annonceur a {
	display: inline-block;
	vertical-align: middle;
}
#main-header .pave-annonceur img {
	max-width: 100%;
	max-height: 100px;
}

#main-header .logo-argus {
	text-align: center;
	margin-top: 4px;
}
#main-header .logo-argus a {
	display: inline-block;
}
@media screen and (min-width: 768px) {
	#main-header {
		height: 80px;
	}
	#main-header .logo-argus {
		margin-top: 15px;
	}
	#main-header .logo-argus img {
		width: 100%;
		max-width: 251px;
	}
}
@media screen and (min-width: 960px) {
	#main-header {
		height: 100px;
	}
	#main-header .logo-argus {
		margin-top: 27px;
		text-align: left;
	}

	#header-access {
		margin-top: 10px;
	}
}

#main-header .btn-access {
	background-color: #fafafa;
	border: 1px solid #c4cecf;
	color: #343436 !important;
	font-weight: 700;
	height: 31px;
	padding: 8px 5px;
	margin-top: 12px;
	font-size: 12px;
	line-height: normal;
	display: block;
}

#main-header .btn-access:first-child {
	margin-top:1px;
}

#main-header .btn.btn-sm {
	padding: 6px 10px 7px;
}

/* Header hub marque modele */

#main-header form.form-carrefour-modele-header {
	border: none;
}

.recherche-modele-carrefour-header {
	margin-top: 8px;
	color: #909698;
}

.recherche-modele-carrefour-header .form-group {
	display: inline-block;
}

.recherche-modele-carrefour-header .hub-marque-model-header-title {
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 10px;
}

#main-header .recherche-modele-carrefour-header .btn-access {
	display: inline-block;
	width: 35px;
	height: 27px;
	line-height: 21px;
	padding: 0;
	margin: 0 0 0 8px;
	border-bottom-width: 2px;
	background-color: #FFF;
	color: #909698 !important;
	font-size:8px;
}
#main-header .partenaire-hub-marque-modele .recherche-modele-carrefour-header .btn-access {
	margin-left: 7px;
}

#main-header  .recherche-modele-carrefour-header .btn-access:hover {
	border-bottom-width: 1px;
	color: #398af5 !important;
}

#main-header .recherche-modele-carrefour-header select {
	width: 85px;
	height: 24px;
	padding: 3px;
	color: #909698;
	background: #FFF;
	border-radius: 5px;
	font-size: 12px;
}

#mobile-search .recherche-modele-carrefour-header {
	margin-top: 0;
	padding: 0 10px;
}

#mobile-search .form-carrefour-modele-header {
	padding: 0;
}

#mobile-search .recherche-modele-carrefour-header .hub-marque-model-header-title  {
	margin-bottom: 8px;
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	text-indent: 0;
}

#mobile-search .recherche-modele-carrefour-header select {
	height: 30px;
	width: 110px;
}

#mobile-search .recherche-modele-carrefour-header .btn-access {
	width: 15%;
	height: 30px;
	margin-bottom: 0;
	margin-left: 10px;
    background-color: #FFF;
    box-shadow: 1px 1px 0 #505051;
    color: #656161 !important;
    font-size: 13px;
    font-weight: bold;
    border-color: #dee8e9;
}

/* MAIN NAV */
#main-nav {
	height: 50px;
}
.general-background-grey #main-nav {
	background-color: #2c2c31;
}
#main-nav-wrapper {
	height: 100%;
}
#main-nav-wrapper,
#stickybar,
.site-footer {
	background-color: #2c2c31;
}
#main-nav-container {
	height: 100%;
}
#main-nav-container > ul {
	display: table;
	width: 100%;
	height: 100%;
}
#main-nav-container > ul:before {
	position: absolute;
    left: -1px;
    top: 0;
	content: " ";
	width: 1px;
	height: 100%;
	background: url(/v4/includes/images/refonte2013/background/header-sep.png) no-repeat left 16px;
}
#main-nav-container > ul:after {
	position: absolute;
    right: -1px;
    top: 0;
	content: " ";
	width: 1px;
	height: 100%;
	background: url(/v4/includes/images/refonte2013/background/header-sep.png) no-repeat right 16px;
}
#main-nav-container > ul > li {
	vertical-align: top;
	display: table-cell;
	text-align: center;
}
#main-nav-container > ul > li + li {
	padding-left: 1px;
	background: url(/v4/includes/images/refonte2013/background/header-sep.png) no-repeat left 16px;
}
#main-nav-container > ul > .univers-cote {
	width: 112px;
}
#main-nav-container > ul > .univers-actu-essais {
	width: 77px;
}
#main-nav-container > ul > .univers-actu-nouveautes {
	width: 111px;
}
#main-nav-container > ul > .univers-actu-actus {
	width: 71px;
}
#main-nav-container > ul > .univers-actu-occasion {
	width: 120px;
}
#main-nav-container > ul > .univers-occas-pa {
	width: 127px;
}
#main-nav-container > ul > .univers-occas-vendre {
	width: 80px;
}
#main-nav-container > ul > .univers-communaute {
	width: 78px;
}
#main-nav-container > ul > .univers-hubmarquemodele {
	width: 162px;
}
#main-nav-container > ul > li > a {
	display: block;
	height: 100%;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 48px;
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	padding-bottom: 2px;
}
#main-nav-container > ul > .univers-cote > a {
	border-color: #e86f08;
}
#main-nav-container > ul > .univers-actu > a {
	border-color: #3f6eac;
}
#main-nav-container > ul > .univers-occas > a {
	border-color: #c70e0d;
}
#main-nav-container > ul > .univers-services > a {
	border-color: #14b476;
}
#main-nav-container > ul > .univers-communaute > a {
	border-color: #28b4c5;
}
#main-nav-container > ul > .univers-hubmarquemodele > a {
	border-color: #FDBB1C;
}
#main-nav-container > ul > li:hover > a,
#main-nav-container > ul > li.active > a,
#stickybar a:hover,
#stickybar .active a {
	border-bottom: 0 none;
	text-decoration: none;
}
#main-nav-container > ul > li.univers-cote:hover > a,
#main-nav-container > ul > li.univers-cote.active > a,
#stickybar .univers-cote a:hover,
#stickybar .univers-cote.active a {
	background-color: #e86f08;
}
#main-nav-container > ul > li.univers-actu:hover > a,
#main-nav-container > ul > li.univers-actu.active > a,
#stickybar .univers-actu a:hover,
#stickybar .univers-actu.active a {
	background-color: #3f6eac;
}
#main-nav-container > ul > li.univers-occas:hover > a,
#main-nav-container > ul > li.univers-occas.active > a,
#stickybar .univers-occas a:hover,
#stickybar .univers-occas.active a {
	background-color: #c70e0d;
}
#main-nav-container > ul > li.univers-services:hover > a,
#main-nav-container > ul > li.univers-services.active > a {
	background-color: #14b476;
}
#main-nav-container > ul > li.univers-communaute:hover > a,
#main-nav-container > ul > li.univers-communaute.active > a {
	background-color: #28b4c5;
}
#main-nav-container > ul > li.univers-hubmarquemodele:hover > a,
#main-nav-container > ul > li.univers-hubmarquemodele.active > a {
	background-color: #FDBB1C;
}
@media screen and (max-width: 959px) {
	#main-nav .br {
		display: none;
	}
}
@media screen and (min-width: 960px) {
	#main-nav .br {
		display: block;
	}
}

/* CSS BETA NAV */

#main-nav-container > ul > .univers-occas-vendre {
	position: relative;
}
#main-nav-container > ul > .univers-occas-vendre .beta {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
    padding: 3px 5px 1px;
    background-color: #3f6eac;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 400;
}
/*BARRE FAVORIS PAGE ANNONCES AUTO*/

/*Quand le produit sera pret, enlever le display none pour afficher le lien VENDRE >>*/
.sousmenu-pa-vendre {display: none;}
/***********************************/
.sousmenu-pa {
	background: #434b51;
	font-family: 'Roboto', sans-serif;
}
a.sousmenu-pa-vendre {
	text-transform: uppercase;
}
a.sousmenu-pa-vendre,
a.sousmenu-pa-favoris,
.btn-sousmenu-pa-alerte {
	width:auto;
	float:left;
	color: #fff;
	padding: 6px 16px;
	background: transparent;
}
a.sousmenu-pa-favoris {
	padding: 5px 16px 4px;
}
#sousmenu-pa-desktop .container :hover,
.sousmenu-pa-vendre:hover {
	text-decoration: none;
}
#sousmenu-pa-desktop .container a:hover,
#sousmenu-pa-desktop .container button:hover,
#sousmenu-pa-sticky .container a:hover,
#sousmenu-pa-sticky .container button:hover {
	background:#60686d;
	border-radius: 0;
	color:#fff;
}
.btn-sousmenu-pa-alerte,
.sousmenu-pa-favoris  {
	float: right !important;
}
.sousmenu-pa-alerte-logo {
    background: url(/v4/includes/images/refonte2013/sprite/sprite-favoris.png) no-repeat;
    background-position: 0px 4px;
    padding: 8px 13px;
    margin-right: 5px;
}
.sousmenu-pa-favoris-compteur {
	display: inline-block;
	height: 25px;
	width: 28px;
	line-height: 25px;
	text-align: center;
	font-size: 10px;
    background: url(/v4/includes/images/refonte2013/sprite/sprite-favoris.png) no-repeat;
    background-position: -27px 0px;
    margin-right: 6px;
    color: #000;
}
.sousmenu-pa-favoris.has-favoris .sousmenu-pa-favoris-compteur {
	background-position: -54px 0px;
}
#sousmenu-pa-sticky-mobile .sousmenu-pa-favoris-texte,
#sousmenu-pa-sticky-mobile .sousmenu-pa-alerte-texte {
	display: none;
}
#sousmenu-pa-sticky-mobile .sousmenu-pa-vendre {
	padding: 6px 20px 6px 0;
}
#sousmenu-pa-sticky-mobile .sousmenu-pa-favoris {
	padding:6px 0;
}
#sousmenu-pa-sticky-mobile .btn-sousmenu-pa-alerte {
	padding:6px 0;
}

/* sous nav */
@media screen and (min-width: 768px) {
	#main-nav-container > ul {
		position: relative;
	}
	.sub-nav-panel {
		position: absolute;
		top: 50px;
		padding-top: 1px;
		left: 0;
		right: 0;
		z-index: 101;
		display: none;
		background-color: #edf4f7;
		border: 1px solid #dee8e9;
		border-bottom-style: solid;
		border-bottom-width: 8px;
		box-shadow: 0 1px 6px rgba(0,0,0,0.3);
		text-align: left;
	}
	.nav-item:hover .sub-nav-panel {
		display: block;
	}
	.univers-cote .sub-nav-panel {
		border-bottom-color: #e86f08;
	}
	.univers-actu .sub-nav-panel {
		border-bottom-color: #3f6eac;
	}
	.univers-occas .sub-nav-panel {
		border-bottom-color: #c70e0d;
	}
	.univers-cote .sub-nav-panel > .row > [class*="col"]:last-child,
	.univers-occas .sub-nav-panel > .row > [class*="col"] + [class*="col"] {
		border-left: 1px solid #dee8e9;
	}
	.univers-cote .sub-nav-panel > .row > [class*="col"].second-child,
	.univers-occas .sub-nav-panel > .row > [class*="col"] {
		border-right: 1px solid #fff;
	}
	.univers-cote .sub-nav-panel > .row > [class*="col"]:last-child,
	.univers-occas .sub-nav-panel > .row > [class*="col"]:last-child {
		border-right: 0 none;
	}
	.sub-nav {
		float: left;
		width: 218px;
		background-color: #272727;
		margin: -1px 0 0 -1px;
	}
	.univers-cote .sub-nav {
		float: none;
		width: auto;
		height: 308px;
	}
	.sub-nav ul li {
		border-bottom: 1px solid #edf4f7;
	}
	.sub-nav ul a {
		display: block;
		color: #fff;
		font-family: 'Roboto Condensed',sans-serif;
	}
	.sub-nav ul a:hover {
		background-color: #000;
	}
	.sub-nav .buttons {
		padding: 15px 17px 17px;
		border-bottom: 1px solid #edf4f7;
	}
	.sub-nav .btn {
		display: block;
		height: 26px;
		background-color: #2c2c31;
		padding: 1px 0 0;
		border: 1px solid #434343;
		box-shadow: 0 1px 2px rgba(0,0,0,0.4);
		color: #fff;
		font-size: 14px;
		font-family: 'Roboto Condensed',sans-serif;
	}
	.univers-cote .sub-nav ul a {
		padding: 11px 0 12px;
		font-size: 16px;
		line-height: 29px;
	}
	.univers-cote .sub-nav a:hover {
		color: #e86f08;
	}
	.univers-actu .sub-nav a:hover {
		color: #286eb4;
	}
	.sub-nav-panel-essais .sub-nav ul a,
	.sub-nav-panel-nouveautes .sub-nav ul a,
	.sub-nav-panel-actualite .sub-nav ul a,
	.sub-nav-panel-guides-achat .sub-nav ul a {
		padding-left: 16px;
		font-size: 16px;
		height: 37px;
		padding-top: 6px;
	}
	.univers-cote .sub-nav .picto {
		float: left;
		display: inline-block;
		width: 50px;
		height: 29px;
		background-image: url(/v4/includes/images/refonte2013/sprite/vehicules-small.png);
		background-repeat: no-repeat;
		margin: 0 10px 0 6px;
	}
	.univers-cote .sub-nav .picto.voiture {
		background-position: 0 -93px;
	}
	.univers-cote .sub-nav .picto.utilitaire {
		background-position: -52px -93px;
	}
	.univers-cote .sub-nav .picto.moto {
		background-position: -104px -93px;
	}
	.univers-cote .sub-nav .picto.dix15 {
		background-position: -156px -93px;
	}
	.univers-cote .sub-nav .picto.cote-date-passee {
		background: url(/v4/includes/images/refonte2013/sprite/megamenu.png) 0 -24px;
	}
	.sub-nav .btn + .btn {
		margin-top: 12px;
	}
	.sub-nav-panel h1,
	.sub-nav-panel h2,
	.sub-nav-panel h3 {
		font-weight: normal;
		margin: 0;
	}
	.sub-nav-panel .title {
		font-family: 'Roboto Condensed',sans-serif;
		font-size: 19px;
	}
	.sub-nav-panel .top-vehicules {
		padding-left: 22px;
	}
	.sub-nav-panel .top-vehicules-small {
		padding-left: 9px;
	}
	.top-vehicules-small.top-modeles {
		padding-bottom: 10px;
	}
	.sub-nav-panel .top-vehicules .title,
	.sub-nav-panel .top-modeles .title,
	.sub-nav-panel .top-villes .title {
		padding: 10px 0 13px;
		color: #272727;
	}
	.sub-nav-panel .top-vehicules .liste-mm-item {
		float: left;
		margin-bottom: 15px;
	}
	.sub-nav-panel .top-vehicules .liste-mm-item,
	.sub-nav-panel .top-vehicules .media,
	.sub-nav-panel .top-vehicules .libelle {
		width: 114px;
	}
	.sub-nav-panel .top-vehicules-small .liste-mm-item,
	.sub-nav-panel .top-vehicules-small .media,
	.sub-nav-panel .top-vehicules-small .libelle {
		width: 63px;
	}
	.sub-nav-panel .top-vehicules-small .list-unstyled {
		margin-left: -12px;
	}
	.sub-nav-panel .top-vehicules-small .liste-mm-item {
		margin-left: 12px;
		margin-bottom: 12px;
	}
	.sub-nav-panel .top-vehicules .liste-mm-item.odd {
		margin-right: 28px;
	}
	.sub-nav-panel .top-vehicules .liste-mm-item:hover {
		cursor: pointer;
	}
	.sub-nav-panel .top-vehicules .media,
	.sub-nav-panel .top-vehicules .libelle {
		display: table-cell;
		vertical-align: middle;
		border: 1px solid #cfcfcf;
		text-align: center;
	}
	.sub-nav-panel .top-vehicules .media {
		height: 75px;
		background: #fff;
		border-bottom: 0 none;
		text-align: center;
	}
	.sub-nav-panel .top-vehicules-small .media {
		height: 54px;
	}
	.sub-nav-panel .top-marques .media img {
		max-width: 112px;
		max-height: 58px;
		width: auto;
	}
	.sub-nav-panel .top-vehicules-small.top-marques .media img {
		width: 100%;
	}
	.sub-nav-panel .top-modeles .media img {
		width: 112px;
		height: 74px;
	}
	.sub-nav-panel .top-vehicules-small.top-modeles .media img {
		width: 59px;
		height: auto;
		max-height: 54px;
	}
	.sub-nav-panel .top-vehicules .libelle {
		position: relative;
		height: 42px;
		background-color: #edf4f7;
		color: #272727;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 14px;
	}
	.sub-nav-panel .top-vehicules-small .libelle {
		height: 28px;
		font-size: 9px;
		font-weight: normal;
		line-height: 1.1;
	}
	.sub-nav-panel .top-vehicules .liste-mm-item:hover .libelle {
		background: none;
		background-color: #d8e2ef;
	}
	
	.sub-nav-panel .top-modeles,
	.sub-nav-panel .top-villes {
		margin-bottom: 20px;
	}
	
	.sub-nav-panel .top-modeles .liste-item,
	.sub-nav-panel .top-villes .liste-item {
		line-height: 36px;
		text-align: center;
		font-size: 17px;
		font-family: 'Roboto Condensed',sans-serif;
		font-weight: normal;
		text-decoration: none;
		color: #398af5;
	}
	
	.sub-nav-panel .col-top-modeles {
		background-color: #fff;
	}
	
	/* aperçus d'articles */
	.sub-nav-panel .article.stacking-block {
		line-height: 1.25;
	}
	.sub-nav-panel .article-bg {
		background: #edf4f7;
		cursor: pointer;
	}
	.sub-nav-panel .article-bg:hover {
		background: #d9e2ef;
	}
	.sub-nav-panel .article-4x2,
	.sub-nav-panel .article-8x2 {
		cursor: pointer;
	}
	.sub-nav-panel .article-nobg,
	.sub-nav-panel .dossier-qf {
		border-bottom: 1px solid #dee8e9;
	}
	.sub-nav-panel .dossier-qf,
	.sub-nav-panel .article-4x2.article-nobg {
		padding-bottom: 10px;
	}
	.sub-nav-panel .article-4x2.article-bg .article-title.minus-1 {
		font-size: 18px;
	}
	.sub-nav-panel .article-4x2.article-bg .article-title.minus-2 {
		font-size: 15px;
	}
	.sub-nav-panel .article-4x2.article-bg .article-title.minus-3 {
		font-size: 12px;
	}
	.sub-nav-panel .article-4x2.article-nobg {
		height: 261px;
	}
	.sub-nav-panel .article-2x1.stacking-block {
		padding-bottom: 8px;
		margin-bottom: 8px;
	}
	.sub-nav-panel article a.media {
		display: block;
	}
	.sub-nav-panel article .media {
		position: relative;
	}
	.sub-nav-panel article .media img {
		width: 100%;
	}
	.sub-nav-panel .article-4x2.stacking-block {
		margin-bottom: 0;
	}
	.sub-nav-panel .article-4x2.article-bg .media {
		position: relative;
		border: 1px solid #dee8e9;
	}
	.sub-nav-panel .article-4x2.article-bg .media,
	.sub-nav-panel .article-1x1 .media {
		vertical-align: middle;
		display: table-cell;
	}
	.sub-nav-panel .article-4x2.article-bg .media {
		height: 192px;
	}
	.sub-nav-panel .article-1x1 .media img {
		height: 90px;
	}
	.sub-nav-panel .article-4x2 .media .inner-border,
	.sub-nav-panel .article-tribune .media .inner-border,
	.sub-nav-panel .journaliste .inner-border {
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: block;
	    visibility: hidden;
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	}
	.sub-nav-panel .article-4x2:hover .media .inner-border,
	.sub-nav-panel .article-tribune:hover .media .inner-border,
	.sub-nav-panel .journaliste:hover .inner-border {
		opacity: 1;
		visibility: visible;
	}
	.sub-nav-panel .article-4x2 .media .inner-border,
	.sub-nav-panel .article-tribune .media .inner-border {
		border: 3px solid #657fb7;
	}
	.sub-nav-panel .article-4x2:hover .media .inner-border,
	.sub-nav-panel .article-tribune:hover .media .inner-border {
		opacity: 1;
		visibility: visible;
	}
	.sub-nav-panel .article-bg:hover .media {
		border-color: #ccdbee;
	}
	.sub-nav-panel .article-title,
	.sub-nav-panel .article-title a {
		color: #404348;
		font-family: 'Bitter', serif;
		text-shadow: 1px 1px 0 #fff;
	}
	.sub-nav-panel .article-bg .article-title,
	.sub-nav-panel .article-bg .article-title a {
		text-shadow: 1px 1px 0 #fff;
	}
	.sub-nav-panel a.article-title {
		display: block;
	}
	.sub-nav-panel .dossier-qf .article-title {
		background-color: transparent;
		border: 0 none;
		font-size: 16px;
		font-weight: 700;
		padding-right: 5px;
	}
	.sub-nav-panel .article-4x2.article-nobg .article-title,
	.sub-nav-panel .article-2x1.article-media .article-title {
		font-size: 16px;
		line-height: 1.2;
	}
	.sub-nav-panel .article-4x2.article-nobg .article-title {
		padding: 8px 0 6px;
	}
	.sub-nav-panel .article-4x2.article-bg .article-title,
	.sub-nav-panel .article-1x1.article-bg .article-title {
		border-color: #dee8e9;
		border-style: solid;
	}
	.sub-nav-panel .article-8x2 .article-title,
	.sub-nav-panel .article-4x2 .article-title,
	.sub-nav-panel .article-2x1 .article-title {
		word-wrap: break-word;
		font-weight: bold;
	}
	.sub-nav-panel .article-8x2 .article-title,
	.sub-nav-panel .article-4x2.article-bg .article-title {
		font-size: 20px;
	}
	.sub-nav-panel .article-4x2.article-bg .article-title {
		padding: 6px 10px;
		border-width: 0 1px 1px;
		line-height: 1.3;
	}
	.sub-nav-panel .article-4x2.article-bg .article-title a {
		display: block;
	}
	.sub-nav-panel .article-4x2.article-bg .article-title a {
		overflow: hidden;
		height: 56px;
	}
	.sub-nav-panel .article-2x1 .article-title {
		padding-bottom: 4px;
	}
	.sub-nav-panel .article-2x1 {
		cursor: pointer;
	}
	.sub-nav-panel .article-2x1.article-nomedia .article-title {
		font-size: 14px;
	}
	.sub-nav-panel article:hover .article-title,
	.sub-nav-panel article:hover .article-title a {
		color: #5370ae;
	}
	.sub-nav-panel .article-bg:hover .article-title {
		border-color: #ccdbee;
	}
	.sub-nav-panel article .extrait {
		color: #737373;
	}
	.sub-nav-panel .article-4x2 .extrait,
	.sub-nav-panel .article-2x1 .extrait {
		line-height: 1.4;
	}
	.sub-nav-panel .dossier-qf {
		height: 123px;
	}
	.sub-nav-panel .dossier-qf {
		overflow: hidden;
	}
	.sub-nav-panel .dossier-qf:hover {
		cursor: pointer;
	}
	.sub-nav-panel .dossier-qf .info {
		padding-top: 5px;
	}
	.sub-nav-panel .dossier-qf .info {
		padding-top: 5px;
	}
	.sub-nav-panel .dossier-qf .col-sm-12.info {
		padding: 10px 10px 10px 20px;
	}
	.sub-nav-panel .dossier-qf .chapo {
		display: block;
		margin: 6px 0;
		color: #737373;
		font-size: 14px;
		font-weight: 700;
		font-family: 'Bitter', serif;
		line-height: 1.2;
		padding-right: 5px;
	}
	.sub-nav-panel .dossier-qf .note {
		display: block;
	}
	.sub-nav-panel .dossier-qf .note .chiffre {
		display: inline-block;
		padding-left: 2px;
	}
	.sub-nav-panel .filigrane-video {
		position: absolute;
		vertical-align: middle;
		height: 27px;
		background: transparent url(/v4/includes/images/refonte2013/icon/filigrane-video.png) no-repeat 0 1px;
		color: #FFF;
		font: normal 15px/27px 'Bitter', serif;
		text-indent: 29px;
		text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.75);
		text-transform: uppercase;
	}
	.sub-nav-panel .filigrane-video-lg {
		top: 50%;
		left: 50%;
		width: 96px;
		height: 96px;
		background: transparent url(/v4/includes/images/refonte2013/icon/filigrane-video-lg.png) no-repeat;
		margin-top: -48px;
		margin-left: -48px;
	}
	
	.sub-nav-panel .dossier-special-compactes {
		background-color: #3f6eac;
	}
	
	.sub-nav-panel .dossier-special-compactes,
	.sub-nav-panel .dossier-special-compactes:hover {
		background-color: #3f6eac;
	}
	
	.sub-nav ul .dossier-special-compactes a,
	.sub-nav ul .dossier-special-compactes a:hover,
	.sub-nav ul .dossier-special-compactes a:focus {
		color: #fff;
	}
	
	/****************************/
	/*** ETOILES NOTE VEHICULE ***/
	/******************************/
	
	.sub-nav-panel .note {
		line-height: 26px;
		color: #333333;
		font-size: 12px;
		font-weight: normal;
	}
	.sub-nav-panel .note .chiffre {
		color: #737373;
	}
	.sub-nav-panel .note.xl {
		line-height: normal;
	}
	.sub-nav-panel .note.xl .chiffre {
		float: right;
		font-size: 18px;
		font-weight: bold;
	}
	.sub-nav-panel .halfetoile {
		vertical-align: text-bottom;
		display: inline-block;
		width: 8px;
		height: 16px;
		background-image: url(/v4/includes/images/refonte2013/sprite/etoiles.png);
		background-repeat: no-repeat;
		float: none;
	}
	.sub-nav-panel .halfetoile.left {
		margin-left: 1px;
	}
	.sub-nav-panel .xl .halfetoile {
		vertical-align: text-top;
		display: inline-block;
		width: 11px;
		height: 20px;
		background-image: url(/v4/includes/images/refonte2013/sprite/etoiles.png);
		background-repeat: no-repeat;
		font-size: 12px;
	}
	.sub-nav-panel .lightbg .off {
		background-position: -58px -1px;
	}
	.sub-nav-panel .lightbg .off.right {
		background-position: -67px -1px;
	}
	.sub-nav-panel .darkbg .off {
		background-position: -39px -1px;
	}
	.sub-nav-panel .bleue .on {
		background-position: -20px -1px;
	}
	.sub-nav-panel .bleue.lightbg .halfon {
		background-position: -135px -1px;
	}
	.sub-nav-panel .bleue.darkbg .halfon {
		background-position: -97px -1px;
	}
	.sub-nav-panel .jaune .on {
		background-position: -1px -1px;
	}
	.sub-nav-panel .jaune.lightbg .halfon {
		background-position: -116px -1px;
	}
	.sub-nav-panel .jaune.darkbg .halfon {
		background-position: -78px -1px;
	}
	.sub-nav-panel .jaune2 .on {
		background-position: -154px -1px;
	}
	.sub-nav-panel .jaune2 .halfon {
		background-position: -173px -1px;
	}
	.sub-nav-panel .xl .off {
		background-position: -24px -18px;
	}
	.sub-nav-panel .xl .on {
		background-position: 0 -18px;
	}
	.sub-nav-panel .xl .halfon {
		background-position: -24px -18px;
	}
	/* Découpage demiEtoile pour calcul JS) */
	.sub-nav-panel .off.right {
		background-position: -47px -1px;
	}
	.sub-nav-panel .xl .off.right {
		background-position: -35px -19px;
	}
	.sub-nav-panel .xl .off.left {
		background-position: -24px -19px;
	}
	.sub-nav-panel .bleue .on.left {
		background-position: -20px -1px;
	}
	.sub-nav-panel .bleue .on.right {
		background-position: -28px -1px;
	}
	.sub-nav-panel .jaune .on.left {
		background-position: -1px -1px;
	}
	.sub-nav-panel .jaune .on.right {
		background-position: -9px -1px;
	}
	.sub-nav-panel .jaune.xl .on.left {
		background-position: 0 -19px;
	}
	.sub-nav-panel .jaune.xl .on.right {
		background-position: -11px -19px;
	}

	/******************************/
	/* FIN ETOILES NOTE VEHICULE */
	/****************************/
	
	/* Blocs cote / occasion */
	.sub-nav-panel .bloc-service-accueil {
		background: #edf4f7;
		padding: 10px;
		border: 1px solid #dee8e9;
		font-size: 14px;
	}
	.sub-nav-panel .bloc-service-accueil header {
		border-bottom: 1px solid #dee8e9;
	}
	.sub-nav-panel .bloc-service-accueil .title {
		padding-bottom: 14px;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 24px;
		font-weight: 400;
		line-height: 1;
	}
	.sub-nav-panel .bloc-service-accueil .block-content {
		position: relative;
		padding-top: 10px;
	}
	.sub-nav-panel .bloc-service-accueil .btn-xxl {
		width: 100%;
		height: 50px;
		font-family: "Roboto Condensed", sans-serif;
	}
	.sub-nav-panel .bloc-recherche-vehicule .title {
		float: left;
		color: #cf0201;
	}
	.sub-nav-panel .bloc-recherche-vehicule.aside-block .title {
		padding: 0 0 14px 0;
	}
	.sub-nav-panel .bloc-recherche-vehicule .nb-annonces {
		float: right;
		padding-top: 8px;
		color: #3f3f41;
		font-size: 12px;
		font-style: italic;
		text-align: right;
	}
	.sub-nav-panel .bloc-recherche-vehicule .form-line {
		margin-bottom: 15px;
	}
	.sub-nav-panel .bloc-recherche-vehicule label {
		font-weight: normal;
	}
	.sub-nav-panel .bloc-recherche-vehicule .default-label {
		height: 30px;
		margin-bottom: 0;
		line-height: 30px;
	}
	.sub-nav-panel form .btn {
		width: 100%;
	}
	
	/* Bloc Fiches techniques */
	
	.sub-nav-panel .bloc-fiches-techniques {
		padding: 5px 7px 8px;
		cursor: pointer;
		background-color: #edf4f7;
		border: 1px solid #dee8e9;
	}
	.sub-nav-panel .bloc-fiches-techniques .icon {
		float: left;
		display: block;
		background: url(/v4/includes/images/refonte2013/sprite/univers.png);
		background-repeat: no-repeat;
	}
	.sub-nav-panel .bloc-fiches-techniques .icon {
		width: 78px;
		height: 68px;
	 	background-position: -2px -102px;
		margin-right: 13px;
	}
	.sub-nav-panel .bloc-fiches-techniques .title {
		color: #cf0201;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 22px;
	}
	.sub-nav-panel .bloc-fiches-techniques .accroche {
		color: #777;
		font-size: 14px;
		line-height: 1.6;
	}
	.sub-nav-panel .bloc-fiches-techniques {
		height: 123px;
		padding: 18px 7px 0 7px;
	}
	.sub-nav-panel .bloc-annonces-gratuites {
		height: 272px;
		padding-right: 10px;
		text-align: center;
	}
	.sub-nav-panel .bloc-annonces-gratuites .titre {
		padding-top: 10px;
		margin-bottom: 14px;
		font-family: 'Roboto Condensed',sans-serif;
		font-size: 20px;
		line-height: 1.1;
	}
	.sub-nav-panel .bloc-annonces-gratuites .titre .smaller {
		font-size: 16px;
		line-height: 1.4;
	}
	.sub-nav-panel .bloc-annonces-gratuites .titre .standout {
		color: #c70e0d;
	}
	.sub-nav-panel .bloc-annonces-gratuites .feature {
		margin-bottom: 4px;
		color: #494949;
		font-family: 'Roboto Condensed',sans-serif;
		font-size: 16px;
	}
	.sub-nav-panel .bloc-annonces-gratuites .btn-xxl {
		margin-top: 10px;
		font-family: 'Roboto Condensed',sans-serif;
		font-size: 20px;
		font-weight: 400;
	}
	.univers-actu .sub-nav-panel .articles-container,
	.mondial-2014 .sub-nav-panel .articles-container {
		width: 720px;
		padding: 10px;
	}
	.univers-actu .sub-nav-panel .article-media.article-2x1 {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.univers-actu .sub-nav-panel .article-media.article-2x1 .media img {
		max-width: 113px;
		max-height: 93px;
	}
	.univers-actu .sub-nav-panel .article-media.article-2x1 + .article-media.article-2x1 {
		padding-top: 8px;
		border-top: 1px solid #dee8e9;
		margin-top: 8px;
	}
	.univers-actu .sub-nav-panel .article-media.article-4x2 {
		margin-bottom: 0;
	}
	.univers-actu .sub-nav-panel .article-bg.article-4x2 .media {
		height: auto;
	}
	.sub-nav-panel-actualite .article-nomedia.article-2x1:first-child {
		margin-top: 11px;
	}
	.sub-nav-panel-guides-achat .dossier-qf,
	.sub-nav-panel-guides-achat .bloc-fiches-techniques {
		width: 300px;
	}
	.sub-nav-panel-guides-achat .dossier-qf {
		height: auto;
		padding-bottom: 0;
		border-bottom: 0;
		margin: 16px 0;
	}
	.sub-nav-panel-guides-achat .bloc-fiches-techniques {
		height: auto;
		padding: 5px 7px;
		border: 1px solid #dee8e9;
	}
	.sub-nav-panel-guides-achat .bloc-fiches-techniques:hover {
		cursor: pointer;
	}
	.sub-nav-panel-guides-achat .bloc-fiches-techniques .icon {
		float: left;
		display: block;
		background: url(/v4/includes/images/refonte2013/sprite/univers.png);
		background-repeat: no-repeat;
	}
	.sub-nav-panel-guides-achat .bloc-fiches-techniques .icon {
		width: 78px;
		height: 68px;
	 	background-position: -2px -102px;
		margin-right: 13px;
	}
	.sub-nav-panel-guides-achat .bloc-fiches-techniques .title {
		color: #cf0201;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 22px;
	}
	.sub-nav-panel-guides-achat .bloc-fiches-techniques .accroche {
		color: #777;
		font-size: 14px;
		line-height: 1.6;
	}
	.univers-occas .sub-nav-panel .bloc-recherche-vehicule {
		padding: 0 11px 16px 21px;
		border: 0 none;
		margin-bottom: 0;
	}
	.univers-occas .sub-nav-panel .bloc-recherche-vehicule header {
		padding-top: 10px;
		margin-bottom: 14px;
		border-bottom: 0;
	}
	.univers-occas .sub-nav-panel .bloc-recherche-vehicule .title {
		float: none;
		padding-bottom: 5px;
		color: #c70e0d;
		font-size: 19px;
		line-height: 1.1;
	}
	.univers-occas .sub-nav-panel .bloc-recherche-vehicule .nb-annonces {
		float: none;
	    padding-top: 0;
		color: #818181;
		font-family: 'Roboto Condensed',sans-serif;
		font-size: 16px;
	    font-style: normal;
		line-height: 1;
	    text-align: left;
	}
	.univers-occas .sub-nav-panel .bloc-recherche-vehicule .form-line {
		margin-bottom: 15px;
	}
	.univers-occas .sub-nav-panel .bloc-recherche-vehicule .btn {
		position: static;
		bottom: auto;
		padding-right: 0;
		padding-left: 0;
	}
	.sub-nav-panel-neuf .list-unstyled {
		margin-bottom: 0;
	}
	.sub-nav-panel-neuf .liste-offres-neuf {
		height: 308px;
		padding-left: 0;
	}
	.sub-nav-panel-neuf .offre-neuf {
		display: table;
		height: 77px;
		overflow: hidden;
	}
	.sub-nav-panel-neuf .offre-neuf + .offre-neuf {
		margin-top: 8px;
	}
	.sub-nav-panel-neuf .offre-neuf .title {
		padding-bottom: 7px;
	}
	.sub-nav-panel-neuf .offre-neuf .photo {
		vertical-align: middle;
		display: table-cell;
		width: 102px;
		text-align: center;
	}
	.sub-nav-panel-neuf .offre-neuf .photo img {
		width: 100px;
		border: 1px solid #dee8e9;
	}
	.sub-nav-panel-neuf .offre-neuf .description-offre {
	    vertical-align: middle;
	    display: table-cell;
	    padding-left: 6px;
	    margin: 2px 0 5px 2px;
	    color: #232323;
	    line-height: 1.3;
	}
	.sub-nav-panel-neuf .offre-neuf .marque-modele {
	    color: #232323;
	    font-size: 12px;
	    font-weight: bold;
    }
	.sub-nav-panel-neuf .offre-neuf .version,
	.sub-nav-panel-neuf .offre-neuf .energie-dpt {
		color: #232323;
		font-size: 11px;
	}
	.sub-nav-panel-neuf .offre-neuf .prix-neuf {
	    color: #d00000;
	    font-weight: bold;
	}
	.sub-nav-panel-neuf .offre-neuf .remise-neuf {
	    color: #4bbfdd;
	}
	.sub-nav-panel-vendre {
		padding: 0 16px;
	}
	.sub-nav-panel-vendre > .title {
		padding: 10px 0 17px;
	}
	.sub-nav-panel-vendre a.btn-xxl {
		width: 100%;
		height: auto;
		margin-top: 13px;
		font-size: 17px;
		line-height: 22px;
	}
	.sub-nav-panel-vendre ul li {
		padding: 7px 0 6px;
		color: #464646;
		font-size: 14px;
		line-height: 1.2;
	}
	
	/* Toutes les marques */
	.sub-nav-panel.sub-nav-panel-hubmarquemodele {
		border-bottom-color: #fdbb1c;
	}
	.sub-nav-panel.sub-nav-panel-hubmarquemodele .sub-nav-panel-hubmarquemodele-marques,
	.sub-nav-panel.sub-nav-panel-hubmarquemodele .sub-nav-panel-hubmarquemodele-modeles {
		display:table-cell;
		width: 50%;
		padding:20px;
	}
	.sub-nav-panel.sub-nav-panel-hubmarquemodele > div {
		background-color:#fff;
		text-align: center;
	}
	.sub-nav-panel.sub-nav-panel-hubmarquemodele > div + div {
		background-color:#edf4f7;
		margin-bottom:20px;
	}
	.sub-nav-panel.sub-nav-panel-hubmarquemodele .title {
		font-size: 21px;
		font-family: 'Roboto Condensed',sans-serif;
		font-weight:normal;
		margin-bottom: 20px;
		text-align: left;
		color:#333333;
	}
	.sub-nav-panel.sub-nav-panel-hubmarquemodele .lien-marque,
	.sub-nav-panel.sub-nav-panel-hubmarquemodele .lien-modele {
		display:table-cell;
		width: 25%;
		float: left;
		margin-bottom: 20px;
		padding-right:30px;
		text-align: center;
	}
	
	.sub-nav-panel.sub-nav-panel-hubmarquemodele > div > div {
		text-align: center;
	}
	.sub-nav-panel.sub-nav-panel-hubmarquemodele .sub-nav-panel-hubmarquemodele-marques > div a + a + a + a {
		padding-right:0;
	}
	.sub-nav-panel.sub-nav-panel-hubmarquemodele .sub-nav-panel-hubmarquemodele-marques > div a + a + a + a + a{
		padding-right:30px;
	}
	.sub-nav-panel.sub-nav-panel-hubmarquemodele .sub-nav-panel-hubmarquemodele-marques > div a + a + a + a + a + a + a + a{
		padding-right:0;
	}
	.sub-nav-panel.sub-nav-panel-hubmarquemodele .lien-toutes-marques {
		display: inline-block;
		font-size: 21px;
		font-family: 'Roboto Condensed',sans-serif;
		font-weight: bold;
		text-align: center;
		color: #fff;
		margin: auto;
		padding: 15px 70px;
		background: #fdbb1c;
		text-shadow:-1px 1px 0 #ca9a26;
		box-shadow: 0 2px 0 #ca9a26;
	}
	.sub-nav-panel.sub-nav-panel-hubmarquemodele .lien-modele {
		display:table-cell;
		width:33%;
		text-align: left;
		min-height: 46px;
		padding:0 0 0 10px!important;
		font-size: 16px;
		font-family: 'Roboto Condensed',sans-serif;
		font-weight: normal;
		margin: 0;
		line-height:1em;
		text-decoration: none;
		color: #398af5;
	}
	.sub-nav-panel.sub-nav-panel-hubmarquemodele .lien-modele:hover {
		color: #2a6496;
	}
}

/* Fil d'actualités */

@media screen and (min-width: 768px) {
	#main-news-feed {
		margin-bottom: 1px;
		background-color: #434b51;
		line-height: 32px;
		white-space: nowrap;
	}
	
	#main-news-feed .news-feed-pastille,
	#main-news-feed .news-feed-item {
		font-family: 'Roboto',sans-serif;
		color: #fff;
		line-height: 21px;
		vertical-align: middle;
		display: inline-block;
	}
	
	#main-news-feed .news-feed-pastille {
		background-color: #3f6eac;
		text-transform: uppercase;
		height: 21px;
		padding-left: 5px;
		padding-right: 5px;
		margin-right: 10px;
		font-size: 14px;
		font-weight: 600;
	}
	
	#main-news-feed .news-feed-item {
		padding: 7px;
		margin-left: 5px;
		margin-right: 5px;
		font-size: 13px;
	}
	#main-news-feed .news-feed-item:hover,
	#main-news-feed .news-feed-item:active {
		color: #fff;
		background-color: #60686d;
		text-decoration: none;
	}
	
	#main-news-feed .news-feed-sep {
		color: #fff;
	}
}

/************************************************/

/* STICKY BAR */
#stickybar {
	display: none;
	visibility: hidden;
	-moz-box-shadow: 0 2px 3px #999;
	-webkit-box-shadow: 0 2px 3px #999;
	box-shadow: 0 2px 3px #999;
}
#stickybar > .container > .row,
#stickybar > .container > .row > div,
#stickybar > .container > .row > nav,
#stickybar > .container > .row > nav > ul,
#stickybar > .container > .row > nav > li {
	height: 100%;
}

@media screen and (min-width: 960px) {
	#stickybar {
		height: 48px;
		visibility: visible;
	}
	#stickybar > .container {
		height: 48px;
	}
	.has-sousmenu-pa #stickybar {
		height: 82px;
	}
}
.btn-stickybar {
	height: 30px;
	background-color: #2c2c31;
	border: 1px solid #292929;
	border-radius: 0;
	color: #fff;
	font-size: 12px;
    border: 0;
    width: 100%;
    border-bottom: 1px solid #000;
	background-color: #444;
}
.btn-stickybar:hover,
.btn-stickybar:active {
	border-bottom: 0px;
    height: 30px;
    color: #d2d2d2;
}
#stickybar #home-button.btn-stickybar {
	background-image: url(/v4/includes/images/refonte2013/sprite/univers.png);
	background-position: -231px -116px;
	background-repeat: no-repeat;
}
#stickybar .searchbar form,
#stickybar .btn-stickybar {
	margin-top: 9px;
	font-weight: bold;
}
#stickybar nav ul {
	display: table;
	width: 100%;
	margin: 0;
}
#stickybar nav li {
	vertical-align: top;
	display: table-cell;
	text-align: center;
}
#stickybar nav .nav-sep {
	width: 1px;
}
#stickybar nav .nav-sep span {
	display: block;
	margin-top: 14px;
	height: 19px;
	background-color: #616162;
}
#stickybar nav a {
	display: block;
	height: 100%;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 48px;
	text-decoration: none;
}
#stickybar .univers-cote a {
	border-bottom-color: #e76f08;
}
#stickybar .univers-actu a {
	border-bottom-color: #5370ae;
}
#stickybar .univers-occas a {
	border-bottom-color: #e4100f;
}
#stickybar .col-acces {
	white-space: nowrap;
}
#stickybar .col-acces .btn {
	width: 105px;
}
#stickybar .col-acces .btn + .btn {
	margin-left: 10px;
}

/* Hack pour la sticky bar */
.hiddenAnchor {
	visibility: hidden;
	position: relative;
}
@media screen and (min-width: 960px) {
	.hiddenAnchor {
		top: -80px;
	}
}
.hiddenAnchorContainer {
	position: relative;
}

/******************************/
/*** FIN HEADER RESPONSIVE ***/
/****************************/

/****************************/
/******* HEADER MOBILE *******/
/******************************/

@media screen and (max-width: 959px) {
	#container-sticky-mobile {
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 100;
		width: 100%;
	}
	#main-header {
		border-bottom: 1px solid #dee8e9;
	}
	#sousmenu-pa-sticky-mobile {
		
	}
	#page {
		position: relative;
		left: 0;
	}
	
	html.mobile-nav-open, 
	html.mobile-nav-open body,
	html.mobile-nav-open #viewport,
	html.mobile-nav-open #page {
		height: 100%;
		overflow: hidden;
	}

	html.mobile-nav-open #container-sticky-mobile {
		top: 0;
		left: 280px;
	}
	html.mobile-nav-open #page {
		left: 280px;
	}
	html.mobile-nav-open #mobile-nav {
		left: 0;
	}
	html.mobile-nav-open #hide-mobile-nav {
		position: fixed;
		display: block;
		top: 80px;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: rgba(0,0,0,0.7);
	}
	#page {
		padding-top: 89px;
	}
}
@media screen and (max-width: 767px) {
	#main-header {
		height: 54px;
		padding: 10px 0 9px;
		border-bottom: 1px solid #dee8e9;
	}
	#main-header .logo-argus img {
		max-width: 100%;
		max-height: 34px;
	}
	html.mobile-nav-open #hide-mobile-nav {
		top: 54px;
	}
	#page {
		padding-top: 63px;
	}
}

#btn-mobile-nav {
	padding: 6px 8px;
	background-color: #444;
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #444;
}
#btn-mobile-nav:hover {
	background-color: #2c2c31;
	border-width: 0 0 0 0;
	border-style: solid;
	border-color: #2c2c31;
	padding: 6px 8px 8px;
}
#btn-mobile-nav:active {
	background-color: #444;
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #444;
	padding: 6px 8px;
}
#btn-mobile-nav .icon-bar {
    display: block;
    width: 19px;
    height: 4px;
    background-color: #fff;
	box-shadow: 1px 1px 0 rgba(0,0,0,0.3) inset;
}
#btn-mobile-nav .icon-bar + .icon-bar {
    margin-top: 4px;
}
#btn-mobile-search {
	width: 37px;
	height: 34px /*34px*/;
	background: #444 url(/v4/includes/images/refonte2013/sprite/search.png) no-repeat -11px -46px;
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #000;
	overflow: auto;
	text-indent: -9999px;
}
@media screen and (min-width: 768px) {
	#btn-mobile-nav,
	#btn-mobile-search {
		margin-top: 23px;
	}
}
#btn-mobile-search:hover {
	border-width: 0 0 0 0;
	border-style: solid;
	border-color: #2c2c31;
	background-color: #2c2c31;
	height:34px;
}
#btn-mobile-search:active {
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #000;
	background-color: #444;
	height:34px;
}

#mobile-nav,
#mobile-nav .btn-access-container,
#mobile-search form {
	background: #2c2c31;
}
#mobile-nav,
#container-sticky-mobile,
#page {
	-webkit-transition: left 0.3s ease;
	-moz-transition: left 0.3s ease;
	transition: left 0.3s ease;
}
#mobile-nav {
	background-color: #2c2c31;
    z-index: 100;
    position: fixed;
    top: 0;
    left: -280px;
    width: 280px;
    height: 100%;
    min-height:100%;
    overflow: hidden;
}
#mobile-nav .list-mobile-nav-container {
	height: 100%;
	overflow-y: auto;
}
#mobile-nav .btn-access-container {
	margin-bottom: 20px;
}
#mobile-nav .mobile-nav-item a,
#mobile-nav .mobile-nav-item div {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 40px;
	color: #fff;
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 16px;
}
#mobile-nav .mobile-nav-item a:hover,
#mobile-nav .mobile-nav-item div:hover {
	color: #fff;
	background: #444444;
}
#mobile-nav .break-drawer-autoevasion {
	margin-top: 30px;
	margin-left: 17px;
	margin-right: 17px;
}
#mobile-nav .list-drawer-autoevasion .mobile-nav-item a {
	padding-left: 17px;
	padding-right: 17px;
}
#mobile-nav .list-drawer-autoevasion:last-child {
	margin-bottom: 30px;
}
#mobile-nav .list-drawer-autoevasion-w-icon .mobile-nav-item a {
	background-image: url("/v4/includes/images/refonte2013/sprite/sprite-forum.png");
	background-repeat: no-repeat;
	background-size: 70px auto;
	padding-left: 60px;
}
#mobile-nav .list-drawer-autoevasion-w-icon .mobile-nav-item.mecanique a {
	background-position: -5px -2px;
}
#mobile-nav .list-drawer-autoevasion-w-icon .mobile-nav-item.tutoriels a {
	background-position: -5px -72px;
}
#mobile-nav .list-drawer-autoevasion-w-icon .mobile-nav-item.automobile a {
	background-position: -5px -142px;
}
#mobile-nav .list-drawer-autoevasion-w-icon .mobile-nav-item.juridique a {
	background-position: -5px -212px;
}
#mobile-nav .list-drawer-autoevasion-w-icon .mobile-nav-item.deux_roues a {
	background-position: -5px -282px;
}
#mobile-nav .list-drawer-autoevasion-w-icon .mobile-nav-item.repos a {
	background-position: -5px -352px;
}
#mobile-nav .list-drawer-autoevasion-w-icon .mobile-nav-item.avis a {
	background-position: -4px -417px;
}
#mobile-nav .list-drawer-autoevasion-w-icon .mobile-nav-item.search a {
	background-position: -4px -494px;
}
#mobile-nav .btn-access {
	display: block;
	width: 170px;
	padding: 3px 0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 9px;
	height: 26px;
}
#mobile-search {
	z-index: 100;
	background-color: #444;
	position: absolute;
	display: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
@media screen and (max-width: 959px) {
	#mobile-search {
		right: 0;
		min-width: 300px;
		margin-right: 10px;
	}
}
@media screen and (max-width: 767px) {
	#mobile-search {
		margin-top: 34px;
	}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	#mobile-search {
		margin-top: 48px;
	}
}

.bridge {
	float: right;
	display: block;
	width: 37px;
	height: 10px;
	background: #262626;
}
#mobile-search form {
	display: block;
	padding: 11px 10px 14px;
	margin-top: 10px;
}
#mobile-search .default-textinput,
#mobile-search .btn-noir {
	border-color: #000;
}
#mobile-search .default-textinput {
	box-shadow: 1px 1px 0 #505051, 0 0 0 2px #FFFFFF inset;
}
#mobile-search .default-textinput {
	width: 80%;
	margin-bottom: 12px;
}
#mobile-search .btn {
	width: 15%;
	background-color: #FFF;
	margin-bottom: 0;
	box-shadow: 1px 1px 0 #505051;
	color: #656161;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000;
	border-color: #dee8e9;
}

/* CSS BETA NAV */

#mobile-nav .beta {
	color: #fff;
    padding: 3px 5px 1px;
    background-color: #3f6eac;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 400;
}
/******************************/
/***** FIN HEADER MOBILE *****/
/****************************/

/****************************/
/***** PUB ET AUTOPROMO ******/
/******************************/

.conteneur-pubs-header {
	line-height: 0;
}
.conteneur-sas-banniere-haut,
.conteneur-sas-banniere-bas,
.conteneur-sas-pave-haut,
.conteneur-sas-pave-bas {
	line-height: 0;
}
.conteneur-sas-banniere-haut,
.conteneur-sas-banniere-bas {
	text-align: center;
}
.conteneur-sas script {
	display: none;
}
.conteneur-sas:empty {
	display: none;
}
.conteneur-sas-pave-droite,
.conteneur-sas-skyscrapper-haut {
	display: block;
	background: 0 0 no-repeat transparent;
	min-height: 600px;
	margin-bottom: 10px;
	position: absolute;
	right: -182px;
	z-index: 1;
	text-align: left;
	width: 160px;
	overflow-x: visible;
}

@media (max-width: 959px) {
	.conteneur-sas-pave-droite,
	.conteneur-sas-skyscrapper-haut {
		display: none;
	}
	.pub-300-250-600 .conteneur-sas {
		margin-bottom: 15px;
	}
}

.conteneur-sas-banniere-haut,
.conteneur-sas-banniere-bas {
	max-width: 100%;
	overflow: hidden;
}
@media (min-width: 960px) {
	.conteneur-sas-banniere-haut,
	.conteneur-sas-banniere-bas {
		max-width: 970px;	
		margin-left: auto;
		margin-right: auto;
	}
	
	.conteneur-sas-banniere-haut {
		margin-top: 10px;
	}
}

/* FIX AUTO EVASION */
#main-header .btn,
#main-header .btn:hover {
	box-shadow: 0 0 0 0;
	text-shadow: unset;
}
#main-header .text-hide {
	font-size: 0;
}
#viewport > #mobile-nav {
	z-index: 100;
}
#main-header .logo-argus.logo-argus-autoevasion {
	margin-top: 17px;
}
@media screen and (max-width: 959px) {
	#main-header .logo-argus.logo-argus-autoevasion {
		margin-top: 4px;
	}
}
@media screen and (max-width: 767px) {
	#main-header .logo-argus.logo-argus-autoevasion {
		margin-top: 0px;
	}
}

/**************************************************************************************************/
/******************************** SURCOUCHE TEMPORAIRE DES BOUTONS ********************************/
/**************************************************************************************************/

/* bouton du header */
#main-header #header-access .btn.btn-access,
#mobile-nav .btn.btn-access {
	color: #909698!important;
	background-color: #fff;
	border-color: #dee8e9;
	border: 1px solid #dee8e9;
	border-bottom-width: 2px;
	font-weight: 600;
}
#main-header #header-access .btn.btn-access:hover,
#mobile-nav .btn.btn-access:hover {
	background-color: #ffffff;
	color: #398af5!important;
	border-bottom-width: 1px;	
}
#main-header #header-access .btn.btn-access:active,
#mobile-nav .btn.btn-access:active {
	background-color: #ffffff;
	box-shadow: 0 0 0 transparent;
	color: #398af5!important;
	border-bottom-width: 1px;
	border-top-width: 2px;	
}
#main-header .search-btn:active {
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #000;
	background-color: #444;
}
#main-header #mobile-search .bridge,
#main-header #mobile-search form {background-color: #444;}

/*************************************** btn-default-cote (gris) ********************************/
#main-header .btn-neutre {
	background-color: #fff;
	border-width: 1px 1px 2px 1px;
	border-style: solid;
	border-color:#dee8e9;
	color: #909698;
}
#main-header .btn-neutre:hover {
	border-width: 1px 1px 1px 1px;
	padding: 5px 12px 8px;
	border-style: solid;
	border-color:#dee8e9;
	color:#398af5;
	background-color: #fff;
}
#main-header .btn-neutre:active {
	border-width: 2px 1px 1px 1px;
	border-style: solid;
	border-color:#dee8e9;
	color:#398af5;
	box-shadow: none;
}

/*************************************** btn-default-cote (orange) ********************************/
#main-header .btn-default-cote {
	background-color: #e86f08;
	border: 0 none;
	border-bottom: 2px solid #ae5306;
}
#main-header .btn-default-cote:hover {
	background-color: #ed8c39;
	border-bottom: 0 solid transparent;
}
#main-header .btn-default-cote:active {
	background-color: #e86f08;
	border: 0 none;
	border-top: 2px solid #ae5306;
}
/*************************************** btn-default-occas (rouge) ********************************/

#main-header .btn-default-occas,
#main-nav .btn-default-occas {
	background-color: #c70e0d;
	border: 0 none;
	border-bottom: 2px solid #950a0a;
}
#main-header .btn-default-occas:hover,
#main-nav .btn-default-occas:hover {
	background-color: #d23e3d!important;
	border-bottom: 0 solid transparent;
}
#main-header button.btn-default-occas:hover,
#main-nav button.btn-default-occas:hover {
	padding: 5px 12px 7px;
}
#main-header .btn-default-occas:active,
#main-nav .btn-default-occas:active  {
	background-color: #ec70e0d;
	border: 0 none;
	border-top: 2px solid #950a0a;
}
/*************************************** btn-bleu (bleu/éditorial) ********************************/


#main-nav .btn-bleu,
#main-nav #TUVFormSubmit {
	padding: 6px 10px 7px;
	background-color: #3f6eac;
	border: 0 none;
	border-bottom: 2px solid #2f5281; 
}
#main-nav .btn-bleu:hover,
#main-nav #TUVFormSubmit:hover {
	padding: 7px 10px 8px;
	background-color: #658bbd;
	border:0 none;
	box-shadow: none;
}
#main-nav .btn-bleu:active {
	padding: 6px 10px 7px;
	outline: none;
    outline-offset: none;
	background-color: #3f6eac;
	border: 0 none;
	border-top: 2px solid #2f5281;
} 

/***************************** lien-toutes-marques (jaune/HUB marques/models) *********************/
#main-nav .lien-toutes-marques {
	background-color: #fdbb1c;
	border: 0 none transparent;
	border-bottom: 2px solid #be8c15;
	border-top: 2px solid #fdbb1c;
	box-shadow: 0 0 0 transparent;
	padding: 6px 70px;
	height:50px;
}
#main-nav a.lien-toutes-marques:active {
	outline: none;
    outline-offset: none;
    background-color: #fdbb1c;
	border-bottom: 2px solid #fdbb1c;
	border-top: 2px solid #be8c15;
	box-shadow: 0 0 0 transparent;
}
#main-nav .lien-toutes-marques:focus {
	outline: none;
    outline-offset: none;
    border-bottom: 2px solid #fdbb1c;
	border-top: 2px solid #be8c15;
}
#main-nav .lien-toutes-marques:hover {
	background-color: #fdc949;
	border-top: 2px solid #fdc949;
	border-bottom: 2px solid #fdc949;
	box-shadow: 0 0 0 transparent;
}