﻿@charset "utf-8";


/****************************/
/******** GRID SYSTEM ********/
/******************************/

@media (max-width: 959px) {
	.custom-sm-push-6 {
	    left: 50%;
	}
	.custom-sm-pull-3 {
	    right: 25%;
	}
}

/******************************/
/****** FIN GRID SYSTEM ******/
/****************************/


/****************************/
/**** TYPOGRAPHIE, PICTOS ****/
/******************************/

h1,h2,h3 {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
}
a {
	color: #398af5;
}
a:hover {
	text-decoration: none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
sup {
    text-decoration: none !important;
}
.univers-cote .standout {
	color: #e76f08;
}
.univers-occasion .standout {
	color: #c70e0d;
}
.sign {
	display: inline-block;
	margin-right: 7px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
.sign.sm {
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
}
.sign.lg {
	width: 43px;
	height: 43px;
	font-size: 41px;
	line-height: 1;
}
.pointfort {
	background-color: #187e21;
	-moz-box-shadow: 1px 1px 0 #1e640c;
	-webkit-box-shadow: 1px 1px 0 #1e640c;
	box-shadow: 1px 1px 0 #1e640c;
}
.pointfaible {
	background: #e31934;
	-moz-box-shadow: 1px 1px 0 #a61125;
	-webkit-box-shadow: 1px 1px 0 #a61125;
	box-shadow: 1px 1px 0 #a61125;
}
.warning-icon {
	display: inline-block;
	width: 21px;
	height: 18px;
	background: url(/v4/includes/images/refonte2013/sprite/article.png) no-repeat -5px -266px;
}
.warning-icon:hover {
	background-position: -5px -286px;
}
.no-padding-left {
	padding-left: 0;
}
.no-padding-right {
	padding-right: 0;
}
a:focus {
	text-decoration: none;
}
.list-unstyled {
	margin-bottom: 0;
}

/******************************/
/** FIN TYPOGRAPHIE, PICTOS **/
/****************************/

/****************************/
/********** BOUTONS **********/
/******************************/

.btn {
	border-radius: 0;
}
button.btn {
	line-height: normal;
}
.btn-xs {
	height: 24px;
	padding: 1px 5px;
	font-size: 11px;
}
a.btn-xs {
	line-height: 20px;
}
.btn-sm {
	padding: 6px 10px 7px;
	font-size: 12px;
	font-weight: bold;
}
a.btn-sm {
	line-height: 1.2;
}
.btn-md {
	height: 33px;
}
.btn-lg {
	height: 40px;
	padding-top: 8px;
	font-size: 16px;
	font-weight: bold;
}
a.btn-lg {
	line-height: 20px;
}
.btn-xl {
	height: 42px;
	font-weight: bold;
	font-size: 20px;
}
a.btn-xl {
	line-height: 27px;
}
a.btn-xl.text-smaller {
	font-size: 14px;
}
.btn-xxl {
	height: 50px;
	font-size: 24px;
	font-weight: bold;
}
a.btn-xxl {
	line-height: 36px;
	padding: 6px 3px;
}
[class*="col"] > .btn {
	width: 100%;
}
.btn-access,
.btn-access:active,
.btn-access:hover {
	background-color: #fafafa;
	border: 1px solid #dee8e9;
	color: #343436 !important;
	font-weight: 700;
}
.btn-default-cote,
.btn-default-cote:active,
.btn-default-cote:hover {
	background-color: #e86f08;
	border-color: #d95e12;
	color: #fff !important;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}
.btn-default-occas,
.btn-default-occas:active,
.btn-default-occas:hover {
	background-color: #c70e0d;
	border-color: #971616;
	color: #fff !important;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}
.btn-bleu,
.btn-bleu:active,
.btn-bleu:hover {
	background: #3f6eac;
	border: 1px solid #425a8b;
	color: #fff;
	text-shadow: 1px 1px 0 #1c2e54;
}
.btn-noir{
	background-color: #444;
    border-color: #000;
    border-style: solid;
    border-width: 0 0 2px;
    color: #ccc;
}
.btn-noir:active {background-color: #444;
    border-color: #000;
    border-style: solid;
    border-width: 2px 0 0;}
.btn-noir:hover {
	background-color: #2c2c31;
	color: #fff !important;	
	text-shadow: 1px 1px 0 #1c2e54;
}
.btn-gris,
.btn-gris:active,
.btn-gris:hover,
.btn-secondaire,
.btn-secondaire:active,
.btn-secondaire:hover {
	background-color: #fafafa;
	border: 1px solid #dee8e9;
	color: #3f6eac !important;
}
.btn-secondaire-cote,
.btn-secondaire-cote:active,
.btn-secondaire-cote:hover {
	color: #e77009 !important;
	text-shadow: 1px 1px 0 #fff;
}
.btn-secondaire-neutre,
.btn-secondaire-neutre:active,
.btn-secondaire-neutre:hover {
	color: #38383a !important;
	text-shadow: 1px 1px 0 #fff;
}
.btn-grisfonce,
.btn-grisfonce:active,
.btn-grisfonce:hover {
	background: #2c2c31;
	border: 1px solid #000;
	color: #fff !important;
}
.btn-plus,
.btn-plus:active,
.btn-plus:hover {
	width: 100%;
	background: #edf4f7;
	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: #3f6ead !important;
}
.search-icon .icon {
	vertical-align: bottom;
	display: inline-block;
	width: 17px;
	height: 18px;
	margin-right: 8px;
}
.btn-bleu.search-icon .icon {
	background: url(/v4/includes/images/refonte2013/sprite/search.png) no-repeat -72px -104px;
}
.btn-noir.search-icon .icon {
	background: url(/v4/includes/images/refonte2013/sprite/search.png) no-repeat -72px -52px;
}
form .btn,
.btn-100 {
	width: 100%;
}
@media (max-width: 479px) {
	.btn-plus {
		font-size: 14px;
	}
}

/******************************/
/******** FIN BOUTONS ********/
/****************************/

/****************************/
/******** FORMULAIRES ********/
/******************************/

/*** input, selects (dropdowns) ***/
/* couleurs */
.default-dropdown,
.default-textinput,
.default-textarea,
.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;
}
.default-textinput,
.default-textarea,
.default-select,
.default-dropdown {
	background-color: #fafafa;
}
.transparent-dropdown .dropdown-trigger {
	color: #3f6eac;
}
.default-dropdown .dropdown-trigger {
	color: #333;
}
.transparent-dropdown .caret {
	border-top-color: #acacac;
}
.blue-input {
	background-color: #E9EEF5;
	border: 1px solid #305A92;
	color: #65656A;
}
/* taille */
.default-dropdown .dropdown-trigger,
.default-textinput,
.default-textarea,
.default-select {
	display: inline-block;
	width: 100%;
}
.medium-textinput {
	padding: 0 8px;
}
.large-textinput {
	padding: 0 12px;
}
.medium-textarea {
	max-width: 100%;
	padding: 8px;
}
.medium-select {
	height: 30px;
	padding: 5px 5px 5px 4px;
}
@media (min-width: 768px) {
	.medium-dropdown,
	.medium-dropdown .dropdown-trigger,
	.medium-dropdown .dropdown-menu,
	.medium-textinput,
	.medium-textarea,
	.medium-select {
		font-size: 14px;
	}
	.large-textinput {
		font-size: 17px;
	}
}
@media (max-width: 767px) {
	.medium-dropdown,
	.medium-dropdown .dropdown-trigger,
	.medium-dropdown .dropdown-menu,
	.medium-textinput,
	.medium-textarea,
	.medium-select {
		font-size: 12px;
	}
	.large-textinput {
		font-size: 14px;
	}
}
.medium-dropdown,
.medium-dropdown .dropdown-trigger,
.medium-textinput {
	height: 30px;
	line-height: 28px; /* IE 8 & 9 */
}
.large-textinput {
	height: 42px;
	line-height: 40px; /* IE 8 & 9 */
}
.small-select {
	padding: 3px;
}
.small-dropdown,
.small-dropdown .dropdown-trigger,
.small-dropdown .dropdown-menu,
.small-textinput {
	font-size: 12px;
}
.small-dropdown,
.small-dropdown .dropdown-trigger {
	height: 24px;
}
.dropdown .dropdown-trigger span {
	display: inline-block;
	float: left;
}
.medium-dropdown .dropdown-trigger span {
	height: 28px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 28px;
}
.small-dropdown .dropdown-trigger span {
	height: 22px;
	padding-right: 7px;
	padding-left: 7px;
	line-height: 22px;
}
.dropdown .custom-caret {
	float: right;
	border: 0 none;
}
.dropdown-trigger .custom-caret {
	background: url(/v4/includes/images/refonte2013/sprite/carets.png) no-repeat;
}
.medium-dropdown .custom-caret {
	width: 24px;
	height: 24px;
	background-position: -2px -20px;
	margin: 2px 2px 0 0;
}
.medium-dropdown .custom-caret.blue-caret {
	width: 21px;
	height: 22px;
	background-position: -28px -20px;
	margin: 3px 3px 0 0;
}
.small-dropdown .caret {
	margin: 4px 0 0 4px;
}
.small-dropdown .custom-caret {
	width: 15px;
	height: 16px;
	background-position: -2px -2px;
	margin: 3px 3px 0 0;
}
.dropdown-menu {
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}
.input-addon-wrapper input {
	width: 100%;
	background: none;
	border: 0 none;
}
.input-addon-wrapper.medium-textinput input {
	height: 28px;
    outline: 0 none;
}
input.input-with-glass {
	padding-left: 22px;
	background: transparent url(/v4/includes/images/refonte2013/sprite/search.png) no-repeat -72px 5px;
}
.input-with-envelope {
	padding-left: 31px;
	background-image: url(/v4/includes/images/refonte2013/icon/envelope.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.champ-immat {
	position: relative;
	height: 42px;
	padding: 2px 19px;
}
.champ-immat.default-textinput input[type="text"] {
    height: 36px;
	line-height: 36px;
}
.champ-immat .add-on {
	position: absolute;
	top: 2px;
	display: block;
	width: 17px;
	height: 36px;
	background-color: #117fc6;
}
.champ-immat .immat-left {
	left: 2px;
}
.champ-immat .immat-right {
	right: 2px;
}
.champ-immat input[type="text"] {
	padding-right: 16px;
	padding-left: 16px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

/* Webkit */
.champ-immat input[type="text"]::-webkit-input-placeholder {
	font-style: italic;
	color: #a9a9a9;
}
/* firefox 19+ */
.champ-immat input[type="text"]::-moz-placeholder {
	font-style: italic;
	color: #a9a9a9;
	opacity: 1;
	
}
/* ie */
.champ-immat input[type="text"]:-ms-input-placeholder {
	font-style: italic;
	color: #a9a9a9;
	opacity: 1;
}
.champ-immat input[type="text"]input:-moz-placeholder {
	font-style: italic;
	color: #a9a9a9;
	opacity: 1;
}

.champ-immat .placeholder {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: #a9a9a9;
	opacity: 1;
}

.input-km,
.input-euro {
	position: relative;
	padding-right: 41px;
}
.input-km input,
.input-euro input {
	padding-right: 8px;
	border-right: 1px solid #fff;
}
.input-km .km,
.input-euro .euro {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 41px;
	height: 24px;
	border-left: 1px solid #d0d0d0;
	margin: 2px 0;
	color: #7b7a7a;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}

/* select date */

.form-inline.date {
	font-size: 0;
}
.form-inline.date .form-group {
	display: inline-block;
	width: 32.6667%;
}
.form-inline.date .form-group:last-child {
	text-align: right;
}
.form-inline.date .form-group + .form-group {
	margin-left: 1%;
}
.form-inline.date select {
	width: 100%;
}
.form-inline.date.date-noday .form-group {
	display: inline-block;
	width: 49%;
}
.form-inline.date.date-noday .form-group:last-child {
	float: right;
}

/* ne pas réunir les déclarations placeholder suivantes */
/*.placeholder {
	color: #7d7d7f;
	font-style: italic;
	font-weight: bold;
}
::-webkit-input-placeholder {
	color: #7d7d7f;
	font-style: italic;
	font-weight: bold;
}
:-moz-placeholder {
	color: #7d7d7f;
	font-style: italic;
	font-weight: bold;
}
::-moz-placeholder {
	color: #7d7d7f;
	font-style: italic;
	font-weight: bold;
}
:-ms-input-placeholder {
	color: #7d7d7f;
	font-style: italic;
	font-weight: bold;
}
.red-placeholder::-webkit-input-placeholder {
	color: #CF1127;
	opacity: 1;
}
.red-placeholder:-moz-placeholder {
	color: #CF1127;
	opacity: 1;
}
.red-placeholder::-moz-placeholder {
	color: #CF1127;
	opacity: 1;
}
.red-placeholder:-ms-input-placeholder {
	color: #CF1127;
	opacity: 1;
}
*/
/* checkboxes, radio buttons avec custom.forms.jquery */
.custom-checkbox,
.custom-radio,
.form-inline .custom-checkbox,
.form-inline .custom-radio {
	padding-left: 28px;
	color: #686868;
	font-size: 14px;
}
.custom-form-checkbox,
.custom-form-radio {
	float: left;
	margin-left: -28px;
    width: 19px;
    height: 20px;
	background-image: url(/v4/includes/images/refonte2013/sprite/custom.forms.png);
	background-repeat: no-repeat;
}
.optin-wrapper {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.custom-form-checkbox input,
.custom-form-radio input {
	display: none;
}
.optin-wrapper .custom-checkbox,
.optin-wrapper .custom-radio {
	padding-left: 0;
	margin: 0 15px 0 9px;
}
.optin-wrapper .custom-form-checkbox,
.optin-wrapper .custom-form-radio {
	margin-left: 0;
}
.custom-form-checkbox {
	background-position: -2px -2px;
}
.custom-form-checkbox.custom-form-checked {
	background-position: -2px -24px;
}
.custom-form-radio {
    width: 21px;
	background-position: -23px -2px;
}
.custom-form-radio.custom-form-checked {
	background-position: -23px -24px;
}

/* radio buttons façon checkbox avec custom.forms.jquery (ex : vendre) */
.custom-radio-check .custom-form-radio {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background: url(/v4/includes/images/refonte2013/sprite/custom.forms.png) no-repeat -2px -65px;
}
.custom-radio-check .custom-form-radio.custom-form-checked {
	background-position: -2px -47px;
}

/* checkboxes, radio buttons sans custom.forms.jquery (ex : paiment cote) */
.custom-radio-2 input[type="radio"] {
	display: none;
}
.custom-radio-2 .picto {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background: url(/v4/includes/images/refonte2013/sprite/custom.forms.png) no-repeat -1px -65px;
}
.custom-radio-2.checked .picto {
	background-position: -1px -47px;
}

/* validation */

.form-warning .default-textinput,
.form-warning .default-select {
	width: 90%;
}
/*form .has-error label {
	color: #f40407 !important;
}
form .has-success label {
	color: #67bc1f !important;
}*/
form .has-error input,
form .has-error .input-addon-wrapper,
form .has-error select,
form .has-error textarea,
form .has-error .dropdown-trigger,
form textarea.inputError {
	border-color: #f40407;
}
form .has-success input,
form .has-success .input-addon-wrapper,
form .has-success .dropdown-trigger,
form textarea.inputValid  {
	border-color: #67bc1f;
}
form .valid,
form .invalid {
	vertical-align: middle;
	display: inline-block;
	margin: 0 0 3px 7px;
	width: 16px;
	height: 16px;
	background-image: url(/v4/includes/images/refonte2013/sprite/custom.forms.png);
	background-repeat: no-repeat;
	line-height: 1;
}
form .valid {
	background-position: -2px -47px;
}
form .invalid {
	background-position: -23px -47px;
}
form label.inputError {
	display: block;
	margin-top: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #F40407;
}
.form-group.button {
	margin-top: 30px;
}

/* Elastic textarea */

.elastic-textarea {
	-webkit-transition: height 0.2s ease 0s;
	transition: height 0.3s ease 0s;
}

/******************************/
/****** FIN FORMULAIRES ******/
/****************************/


/****************************/
/********** MODALS ***********/
/******************************/

.modal-content {
	border: 1px solid #dee8e9;
	border-right-width: 4px;
	border-bottom-width: 4px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.modal-header {
	background: #edf4f7;
	padding: 9px 16px;
	border-bottom: 1px solid #dee8e9;
}
.modal-header h4,
.modal-header .modal-title {
	color: #262626;
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 18px;
}
.modal-header .close {
	opacity: 1;
	filter: none;
	overflow: hidden;
	width: 29px;
	height: 28px;
	background: #404042 url(/v4/includes/images/refonte2013/button/close.png);
	margin-top: -1px;
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	line-height: 28px;
	text-indent: -9999px;
}
.modal-footer {
	padding-top: 0;
	border-top: 0 none;
	margin-top: 0;
	text-align: left;
}

/******************************/
/******** FIN MODALS *********/
/****************************/

/******************************/
/******** MODALE IMG *********/
/****************************/
@media only screen and (min-width: 768px){
	.img-trigger-modal {
		cursor: pointer;
		transition: 0.3s;
	}
	.img-trigger-modal:hover,
	.img-trigger-modal:focus {
		opacity: 0.7;
	}
}
#modalimg-container {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0,0.9);
}
#modalimg-container .modalimg-bloc {
	width: 95%;
	max-width: 1000px;
	margin: auto;
	z-index: 0;
}
#modalimg-container .modalimg-content {
	margin: auto;
	display: block;
	max-width: 1000px;
	border: 1px solid #dee8e9;
	width: 90%;
}
#modalimg-container .modalimg-caption {
	margin: auto;
	display: block;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}
#modalimg-container .modalimg-content, 
#modalimg-container .modalimg-caption {	
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
	from {-webkit-transform:scale(0)} 
	to {-webkit-transform:scale(1)}
}

@keyframes zoom {
	from {transform:scale(0)} 
	to {transform:scale(1)}
}
#modalimg-container .modalimg-close {
	float: right;
	top: 55px;
	right: 35px;
	color: #fff;
	opacity: 1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}
#modalimg-container .modalimg-close:hover,
#modalimg-container .modalimg-close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/*********************************/
/*********** MAIN-PAGE ***********/
/********************************/

#viewport {
	overflow: visible;
	position: relative;
	width: 100%;
}
#main-page {
	background: #fff;
}
#hide-mobile-nav {
	z-index: 99;
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mobile-overflow {
	overflow: auto;
}
.main-container {
	padding-top: 10px;
	padding-bottom: 10px;
}
.layout-v4-cote-responsive .main-container {
	padding-top: 0;
	padding-bottom: 40px;
}
#cote-contenu .main-container {
	padding-bottom: 0;
}
@media (max-width: 959px) {
	aside.col-md-4,
	#sidebar.col-md-4,
	.sidebar.col-md-4 {
		margin-top: 20px;
	}
}
@media (min-width: 960px) {
	.main-container {
		padding-top: 12px;
	}
}
.default-block {
	margin-bottom: 20px;
}
.default-bg-block {
	background-color: #edf4f7;
	padding: 7px 9px;
	border: 1px solid #dee8e9;
}

/*** RESPONSIVE VIDEO EMBED ***/

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/******* FIL D'ARIANE ********/

.fil-ariane-label,
#fil-ariane ul {
	display: inline-block;
	margin-bottom: 8px;
}
.fil-ariane-label {
	color: #747474;
	font-size: 11px;
	font-style: italic;
}
.general-background-grey .fil-ariane-label {
	color: #fff;
}
#fil-ariane li {
	padding: 0;
	margin-bottom: 2px;
}
.categorie,
.fil-ariane-item {
	vertical-align: top;
	display: inline-block;
	background-color: #edf4f7;
	padding: 0 7px 0 5px;
	border: 1px solid #dee8e9;
	color: #3f6ead;
	font-size: 11px;
	line-height: 16px;
}
a.fil-ariane-item {
	color: #3f6ead;
}
a.fil-ariane-item:hover,
a.fil-ariane-item:focus,
a.categorie:hover,
a.categorie:focus {
	background-color: #3f6eac;
	border-color: #2a558e;
	color: #fff;
}
span.fil-ariane-item {
	color: #333;
}
.categorie:before,
.fil-ariane-item:before {
	content: ">";
	display: inline;
	margin-right: 5px;
}


/******** PAGINATION *********/

.argus-pagination {
	text-align: center;
	margin-bottom: 15px;
}
.main-pagination {
	margin-bottom: 0;
}
.main-pagination > li > .page-item,
.header-suivant-precedent .page-item {
	vertical-align: top;
	display: block;
	height: 47px;
	width: 45px;
	background-color: #edf4f7;
	padding: 7px 0 0;
	border: 1px solid #dee8e9;
	color: #2e2e30;
	font-size: 22px;
	line-height: 31px;
	text-align: center;
}
.main-pagination > li > .page-item:hover,
.main-pagination > li > .page-item:focus,
.header-suivant-precedent .page-item:hover,
.header-suivant-precedent .page-item:focus {
	z-index: 3;
	background-color: #fff;
	border-color: #999;
}
.pagination > li:first-child > .page-item,
.pagination > li:last-child > .page-item,
.argus-pagination .pagination,
.header-suivant-precedent .page-item {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.main-pagination .active .page-item,
.main-pagination .active .page-item:hover,
.header-suivant-precedent .active .page-item,
.header-suivant-precedent .active .page-item:hover {
	border-color: #000;
	background-color: #2c2c31;
	color: #fff;
	font-weight: bold;
}
.main-pagination .disabled .page-item,
.header-suivant-precedent .disabled .page-item {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.main-pagination .first > .page-item,
.main-pagination .next > .page-item,
.main-pagination .prev > .page-item,
.header-suivant-precedent .next > .page-item,
.header-suivant-precedent .prev > .page-item{
	width: 44px;
	height: 47px;
}
.main-pagination .last > .page-item {
	width: 45px;
}
.main-pagination .first > .page-item {
	background: #edf4f7 url(/v4/includes/images/refonte2013/sprite/pagination.png) no-repeat 4px -653px;
	text-indent: -9999px;
}
.main-pagination .prev > .page-item,
.header-suivant-precedent .prev > .page-item {
	background: #edf4f7 url(/v4/includes/images/refonte2013/sprite/pagination.png) no-repeat 10px -480px;
	margin-right: 2px;
	text-indent: -9999px;
}
.main-pagination .disabled.first > .page-item:hover,
.main-pagination .disabled.last > .page-item:hover,
.main-pagination .disabled.next > .page-item:hover,
.main-pagination .disabled.prev > .page-item:hover,
.header-suivant-precedent .disabled.next > .page-item:hover,
.header-suivant-precedent .disabled.prev > .page-item:hover  {
	background-color: #edf4f7;
}
.main-pagination .last > .page-item {
	background: #edf4f7 url(/v4/includes/images/refonte2013/sprite/pagination.png) no-repeat 5px -698px;
	text-indent: -9999px;
}
.main-pagination .next > .page-item,
.header-suivant-precedent .next > .page-item {
	margin-left: 2px;
	text-indent: -9999px;
	background: #edf4f7 url(/v4/includes/images/refonte2013/sprite/pagination.png) no-repeat 11px -514px;
}
.main-pagination .first > .page-item:hover,
.main-pagination .last > .page-item:hover,
.main-pagination .next > .page-item:hover,
.main-pagination .prev > .page-item:hover,
.header-suivant-precedent .next > .page-item:hover,
.header-suivant-precedent .prev > .page-item:hover {
	background-color: #fff;
}
.secondary-pagination {
	width: 100%;
	margin: 2px 0 0 0;
	text-align: center;
	background: #edf4f7;
	border: 1px solid #dee8e9;
	-moz-box-shadow: 0 0 0 1px #fff inset;
	-webkit-box-shadow: 0 0 0 1px #fff inset;
	box-shadow: 0 0 0 1px #fff inset;
}
.pagination.secondary-pagination > li {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}
.secondary-pagination > li > a,
.secondary-pagination > li > span,
.secondary-pagination > li > a:hover,
.secondary-pagination > li > span:hover {
	display: block;
	background: none;
	padding: 0;
	border: 0 none;
	margin-left: 23px;
	color: #737373;
	line-height: 34px;
	text-align: center;
	text-decoration: underline;
}
.secondary-pagination > li:first-child > a {
	margin-left: 28px;
}
.section-actu.argus-pagination {
	margin-top: 19px;
}
@media (max-width: 639px) {
	.main-pagination > li {
		display: none;
	}
	.main-pagination > .first,
	.main-pagination > .prev,
	.main-pagination > .next,
	.main-pagination > .last {
		display: inline;
	}
}

/****** FIN PAGINATION *******/

/***** header titre incluant suivant et précédent *****/
.header-suivant-precedent {
	text-align: center;
	padding-bottom: 10px;
}

.header-suivant-precedent .prev {
	float: left;
}

.header-suivant-precedent .next {
	float: right;
}

.titre-header-suivant-precedent {
	display: inline-block;
	font-size: 26px;
	font-weight: bold;
	line-height: 47px;
}

/*** barre de titre ***/

.navbar {
	min-height: 34px;
	background: none;
	border-style: solid;
	border-width: 0 0 2px 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-bottom: 15px;
}
.navbar-default {
	border-color: #4d78b2;
}
.general-background-grey .navbar-default {
	border-color: #fff;
}
.navbar-cote {
	border-color: #ea7a1b;
}
.navbar-occasion {
	border-color: #c70e0d;
}
.navbar.page-title {
	margin-bottom: 26px;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand a,
.navbar-default .navbar-brand a:hover {
    color: #3f6eac;
}
.general-background-grey .navbar-default .navbar-brand,
.general-background-grey .navbar-default .navbar-brand:hover,
.general-background-grey .navbar-default .navbar-brand a,
.general-background-grey .navbar-default .navbar-brand a:hover {
    color: #fff;
}
.navbar-cote .navbar-brand,
.navbar-cote .navbar-brand:hover,
.navbar-cote .navbar-brand a,
.navbar-cote .navbar-brand a:hover {
    color: #e86f08;
}
.navbar-occasion .navbar-brand,
.navbar-occasion .navbar-brand:hover,
.navbar-occasion .navbar-brand a,
.navbar-occasion .navbar-brand a:hover {
    color: #c70e0d;
}
.navbar-brand {
	padding: 0;
    font-weight: normal;
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 30px;
	line-height: 1;
}
.navbar-nav > li {
	padding: 0;
}
.navbar-default .navbar-nav > li {
	margin: 5px 0 0 1px;
}
.navbar-default .navbar-nav > li > a {
    padding: 5px 9px;
	border: 1px solid #FFF;
	line-height: 15px;
	color: #3f6eac;
}
.general-background-grey .navbar-default .navbar-nav > li > a {
	color: #fff;
	border-width: 0;
}
.navbar-cote .navbar-nav > li > a {
	color: #e86f08;
}
.navbar-nav > li > a br {
	display: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background: #ECF1F7;
	border-color: #E6EDF7;
	color: #3f6eac;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background: #D9E3F0;
	border-color: #CDDCEF;
	color: #3f6eac;
	text-shadow: 1px 1px 0 #FFF;
}
.navbar-nav .highlight a {
	font-weight: bold;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-default .navbar-toggle,
.navbar-comments .navbar-toggle {
    border-color: #E6EDF7;
}
.navbar-toggle {
	padding: 6px 7px;
	margin: 0 4px 4px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-comments .navbar-toggle:hover,

.navbar-comments .navbar-toggle:focus {
	background: #D9E3F0;
	border-color: #CDDCEF;
}
.navbar-default .navbar-toggle .icon-bar,
.navbar-comments .navbar-toggle .icon-bar {
	background-color: #3f6eac;
}
.section-header {
	position: relative;
	border-bottom: 2px solid #4d78b2;
	margin-bottom: 15px;
}
.navbar .dropdown,
.navbar .navbar-info {
	float: right;
	margin: 8px 0 0;
}
.navbar .navbar-info {
	height: 22px;
	padding: 0 7px;
	line-height: 22px;
	color: #3F6EAC;
}

/**************************************************************************/
/**************************** NAVIGATION HUB MM ***************************/
/**************************************************************************/

.nav-mm-wrapper {
	margin: 17px 0 22px;
}
.nav-mm a:focus{-moz-outline:none;outline:none;}
.nav-mm {
	/*display: table;
	width: 100%;*/
	table-layout:fixed;
	background-color: #edf4f7;
}
.nav-mm ul {
	border-bottom: 2px solid #dee8e9;
    display: table;
    margin: 0;
    padding-left: 0;
    width: 100%;
}
.nav-mm .branding.nav-item.marque,
.nav-mm ul li {display:table-cell;}
.nav-mm .branding.nav-item.marque {
	background-color: #ffffff;
    border: 1px solid #dee8e9;
    display: table-cell;
    height: 66px;
    min-width: 140px;
    vertical-align: middle;
    text-align: center;
    border-width:1px 1px 2px 1px;
}
.nav-mm .branding.nav-item.marque:hover {border-color:#398af5 !important;}
.nav-mm .branding.nav-item.marque:hover .branding-title {color:#398af5 !important;} 

.navbar .nav-mm .nav-collapse.collapse{display:table-cell;width:100%;}
.nav-mm .branding.nav-item.marque img {height: 30px;width:auto;}
.nav-mm .branding.nav-item.marque .branding-title {font-size: 13px;font-family: 'Roboto Condensed',sans-serif;color:#4e4e4e;}

.nav-mm ul > li {
	display:table-cell;
	vertical-align: middle;
	position:relative;
	text-align: center;
	padding:15px 0;
}

/* separateur d'items */
.nav-mm ul > li+li:before {
	content: "";
	display: block;
	position: absolute;
	width:1px;
	height:20px;
	background: #dee8e9;
	top:50%;
	margin-top:-10px;
	left: 0;
}

/* separateur d'item sauf sur le premier */
.nav-mm > ul > li:first-child:before {display:none;}

/* disparition des séparateurs au survole de LI */
/*.nav-mm  ul > li:hover:before,
.nav-mm  ul > li:hover+li:before {background-color:transparent;}*/

/* OU disparition des séparateurs lorsque LI a la class "active" */
.nav-mm  ul > li.active:before,
.nav-mm  ul > li.active+li:before {background-color:transparent;}

/* filet de couleur */
.nav-mm .nav-item > span,
.nav-mm .nav-item > a {
	color: #4E4E4E;
	display: block;
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	text-decoration: none;
	vertical-align: middle
}
.nav-mm .nav-item + .nav-item {
	border-left: 0 none;
}
.nav-mm .nav-item:hover{
	/*background-color: #d8e2ef;*/
	background-color: #ffffff;
	text-decoration: none;
}
.nav-mm .nav-item a{color: #666;}
.nav-mm .nav-item span,
.nav-mm .nav-item.active a{color: #fff;}
.nav-mm .nav-item.no_link *{color:#ccc;}
.nav-mm .nav-item.no_link:hover {color: #ccc;background-color:transparent;}

.nav-mm li:after {
	content: "";
	position:absolute;
	bottom:-2px;
	left:0;
	display:block;
	width:100%;
	background:transparent;
	height:4px;
}
.nav-mm .nav-item.univers-edito:hover:after {background-color: #3f6eac;}
.nav-mm .nav-item.univers-edito:hover a {color: #3f6eac;}
.nav-mm .nav-item.univers-cote:hover:after {background-color: #e86f08;}
.nav-mm .nav-item.univers-cote:hover a {color: #e86f08;}
.nav-mm .nav-item.univers-occasion:hover:after {background-color: #c70e0d;}
.nav-mm .nav-item.univers-occasion:hover a{color:#c70e0d;}
.nav-mm .nav-item.univers-neutre:hover a{color:#2c2c31;}
.nav-mm .nav-item.univers-neutre:hover:after {background-color:#2c2c31;}
.nav-mm .nav-item.no_link:hover:after {background-color: transparent;}

.nav-mm .nav-item.active a:hover,
.nav-mm .nav-item.active.univers-edito:hover a,
.nav-mm .nav-item.active.univers-cote:hover a,
.nav-mm .nav-item.active.univers-occasion:hover a,
.nav-mm .nav-item.active.univers-neutre:hover a {
	color: #fff;
}
.nav-mm .nav-item.active.univers-neutre {background-color: #;}
.nav-mm .nav-item.active {background:#ffffff;}
.nav-mm span.nav-item,
.nav-mm span.nav-item .count {
	color: #ccc;
}
.nav-mm span.nav-item.active,
.nav-mm .nav-item.active .count {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}

.nav-mm .nav-item.univers-neutre.active *{color:#fff;}
.nav-mm .nav-item.univers-neutre.active:hover:after{background-color:#2c2c31;height:2px;}

.nav-mm .nav-item.univers-edito.active {
	background-color: #3f6eac;
	border: 1px solid #3a639c;
}
.nav-mm .univers-occasion.active {
	background-color: #c70e0d;
	border: 1px solid #971616;
}
.nav-mm .univers-cote.active {
	background-color: #e86f08;
	border: 1px solid #d95e12;
}
.nav-mm .nav-item.univers-neutre.active {
	background-color: #2c2c31;
	border: 0 none;
}

/***************************** RESPONSIVE *********************************/
@media (min-width: 960px) {
	.nav-mm .nav-item {
		min-width: 9%;
	}
}
@media (max-width: 767px) {
	.nav-mm {position: relative;}
	.nav-mm ul {width:100%;}
	.nav-mm ul > li{display: block;}
	.nav-mm .branding.nav-item.marque {height:auto;width:100%;min-height:42px;}
	.navbar .nav-mm .nav-collapse.collapse{display:none;}
	.nav-mm .branding.nav-item.marque {display:block;padding:0.5em;text-align:left;position:relative;}
	.nav-mm .branding.nav-item.marque .branding-title,
	.nav-mm .branding.nav-item.marque img{display:inline-block;vertical-align: middle;}
	.nav-mm .nav-item > span, .nav-mm .nav-item > a {font-size: 19px;}
	.nav-mm .branding.nav-item.marque {border-width: 1px 1px 2px 1px;}
	.nav-mm .acces-nav-responsive {
		content:"";
		position:absolute;
		left: auto;
		right:7px;
		top:7px;
		background: #edf4f7 url(/v4/includes/images/refonte2013/sprite/carets_mm.png) no-repeat 0px -30px;
		height:30px;
		width:31px;
		display:block;
		z-index: 10;
	}
	.nav-mm .acces-nav-responsive.collapsed {background-position: 0px 0px;}
	.nav-mm .acces-nav-responsive.collapsed +.branding.nav-item.marque {border-width:1px;}
	.nav-mm .acces-nav-responsive:hover {background-color:#fff;cursor:pointer;}
	.nav-mm .nav-item > * > br {display:none;}
}

/**************************************************************************/
/************************** FIN NAVIGATION HUB MM *************************/
/**************************************************************************/
/*** articles en mosaïque ***/

article.stacking-block {
	line-height: 1.25;
}
.article-bg {
	background: #edf4f7;
	cursor: pointer;
}
.article-bg:hover {
	background: #d9e2ef;
}
.article-1x1,
.article-2x1,
.article-4x2,
.article-8x2,
.article-12x {
	cursor: pointer;
}
.article-8x2.article-bg {
	padding: 14px;
	border: 1px solid #dee8e9;
}
.article-8x2:hover {
	border-color: #ccdbee;
}
.article-nobg,
.dossier-qf {
	border-bottom: 1px solid #dee8e9;
}
.dossier-qf,
.article-4x2.article-nobg {
	padding-bottom: 10px;
}
@media (min-width: 960px) {
	.article-4x2.article-bg .article-title.minus-1 {
		font-size: 18px;
	}
	.article-4x2.article-bg .article-title.minus-2 {
		font-size: 15px;
	}
	.article-4x2.article-bg .article-title.minus-3 {
		font-size: 12px;
	}
	.article-4x2.article-nobg {
		height: 261px;
	}
}
.article-2x1.stacking-block {
	padding-bottom: 8px;
	margin-bottom: 8px;
}
article a.media {
	display: block;
}
article .media {
	position: relative;
}
article .media img {
	width: 100%;
}
.article-8x2 .media {
	border: 1px solid #dee8e9;
}
.article-8x2.article-8x2-imgFull div.media {
	margin-bottom: 10px;
}
.article-4x2.article-bg .media {
	position: relative;
	border: 1px solid #dee8e9;
}
@media (min-width: 768px) {
	.article-2x1 .media img {
		max-width: 288px;
	}
}
@media (min-width: 960px) {
	.article-1x1 .media {
		display: table-cell;
		vertical-align: middle;
	}
	.article-2x1 .media img {
		max-width: 113px;
	}
	.article-4x2.article-bg .media {
		height: 192px;
	}
	.article-4x2.article-bg .media img {
		height: 190px;
	}
	.article-1x1 .media img {
		height: 90px;
	}
}
.article-8x2.article-nobg {
	padding: 0 0 15px 0;
	margin-bottom: 15px;
}
@media (max-width: 959px) {
	.article-4x2 .media .inner-border,
	.article-tribune .media .inner-border,
	.journaliste .inner-border {
		display: none;
	}
}
@media (min-width: 960px) {
	.article-4x2 .media .inner-border,
	.article-tribune .media .inner-border,
	.journaliste .inner-border {
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: block;
	    visibility: hidden;
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	}
	.article-4x2:hover .media .inner-border,
	.article-tribune:hover .media .inner-border,
	.journaliste:hover .inner-border {
		opacity: 1;
		visibility: visible;
	}
	.article-4x2 .media .inner-border,
	.article-tribune .media .inner-border {
		border: 3px solid #657fb7;
	}
	.article-4x2:hover .media .inner-border,
	.article-tribune:hover .media .inner-border {
		opacity: 1;
		visibility: visible;
	}
}
.article-bg:hover .media {
	border-color: #ccdbee;
}
.article-1x1 .media img {
	width: 100%;
}
@media (min-width: 960px) {
	.article-8x2.article-bg .article-text {
		display: block;
		max-height: 226px;
		overflow: hidden;
	}
}
.article-title,
.article-title a {
	color: #404348;
	font-family: 'Bitter', serif;
	text-shadow: 1px 1px 0 #fff;
}
.article-bg .article-title,
.article-bg .article-title a {
	text-shadow: 1px 1px 0 #fff;
}
a.article-title {
	display: block;
}
.dossier-qf .article-title {
	background-color: transparent;
	border: 0 none;
	font-size: 16px;
	font-weight: 700;
	padding-right: 5px;
}
.article-4x2.article-nobg .article-title,
.article-2x1.article-media .article-title {
	font-size: 16px;
	line-height: 1.2;
}
.article-4x2.article-nobg .article-title {
	padding: 8px 0 6px;
}
.article-4x2.article-bg .article-title,
.article-1x1.article-bg .article-title {
	border-color: #dee8e9;
	border-style: solid;
}
.article-8x2 .article-title {
	line-height: 1.5;
}
.article-8x2.article-nobg.article-media .article-title {
	display: block;
	font-size: 25px;
	line-height: 28px;
	word-wrap: break-word;
}
@media (max-width: 767px) {
	.article-8x2.article-nobg.article-media .article-title {
		margin-top: 10px;
	}
	.article-2x1.article-nobg.article-media .article-title {
		padding-top: 4px;
	}
}
.article-8x2.article-nobg.article-nomedia .article-title {
	font-size: 38px;
	line-height: 45px;
}
.article-12x .article-title {
	font-size: 23px;
	font-weight: normal;
	line-height: 1.25em;
	margin-bottom: 10px;
}
.article-8x2 .article-title,
.article-4x2 .article-title,
.article-2x1 .article-title {
	word-wrap: break-word;
	font-weight: bold;
}
.article-8x2 .article-title,
.article-4x2.article-bg .article-title {
	font-size: 20px;
}
.article-4x2.article-bg .article-title {
	padding: 6px 10px;
	border-width: 0 1px 1px;
	line-height: 1.3;
}
.article-4x2.article-bg .article-title a {
	display: block;
}
@media (min-width: 960px) {
	.article-4x2.article-bg .article-title a {
		overflow: hidden;
		height: 56px;
	}
}
.article-2x1 .article-title {
	padding-bottom: 4px;
}
.article-2x1.article-nomedia .article-title {
	font-size: 14px;
}
.article-1x1.article-bottom-1x1 {
	margin-top: 15px;
}
.article-1x1 .article-title {
	overflow: hidden;
	height: 33px;
	padding: 0 6px;
	border-width: 1px;
	font-size: 12px;
	font-weight: 400;
	line-height: 32px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
article:hover .article-title,
article:hover .article-title a {
	color: #5370ae;
}
.article-bg:hover .article-title {
	border-color: #ccdbee;
}
@media (min-width: 960px) {
	.article-1x1:hover {
		height: 123px;
		border: 1px solid #CDDCEF;
		line-height: 120px;
	}
	.article-1x1:hover .media {
		display: none;
	}
	.article-1x1:hover .article-title {
		display: inline-block;
		height: auto;
		border: 0 none;
		vertical-align: middle;
		white-space: normal;
		word-wrap: break-word;
		line-height: 1.428571429;
	}
}
.article-8x-imgFull.article-nobg .article-info {
	margin-top: 7px;
}
.article-date,
.article-author {
	font-size: 11px;
	color: #747474;
}
.article-8x2 .date,
.article-8x2 .extrait,
.article-8x2 .title {
	display: block;
}
.article-8x2.article-bg .extrait,
.article-8x2.article-bg .date,
.article-bg:hover .extrait {
	text-shadow: 1px 1px 0 #fff;
}
.article-8x2 .date {
	padding-bottom: 2px;
	color: #404348;
	font-size: 14px;
	font-style: italic;
	line-height: 1.6;
}
.article-aside .article-author:before,
.article-8x2 .article-author:before {
	content: " | ";
}
article .extrait,
article .article-subtitle {
	color: #737373;
}
.article-8x2 .extrait {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.4;
}
.article-8x2 .extrait .extrait {
	display: inline;
}
.article-8x2.article-nobg .extrait {
	font-size: 15px;
	text-align: justify;
}
.article-4x2 .extrait,
.article-2x1 .extrait {
	line-height: 1.4;
}
.article-12x .extrait {
	font-size: 14px;
}
.article-12x {
	padding-top: 10px;
	padding-bottom: 10px;
}
.article-12x div.media {
	border: 2px solid #dee8e9;
}
@media (max-width: 767px) {
	.article-12x .article-title {
		margin-top: 10px;
	} 
}

@media (min-width: 960px) {
	.dossier-qf {
		height: 123px;
	}
}
.dossier-qf {
	overflow: hidden;
}
.dossier-qf:hover {
	cursor: pointer;
}
.dossier-qf .info {
	padding-top: 5px;
}
@media (max-width: 767px) {
	.dossier-qf .info > a {
		display: block;
	}
	.dossier-qf .article-title,
	.dossier-qf .info > a {
		padding-left: 5px;
	}
}
.dossier-qf .info {
	padding-top: 5px;
}
.dossier-qf .col-sm-12.info {
	padding: 10px 10px 10px 20px;
}
.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;
}
.dossier-qf .note {
	display: block;
}
.dossier-qf .note .chiffre {
	display: inline-block;
	padding-left: 2px;
}
.filigrane-video {
	position: absolute;
	vertical-align: middle;
	height: 27px;
	font: normal 15px/27px 'Bitter', serif;
	text-indent: 29px;
	color: #FFF;
	text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.75);
	text-transform: uppercase;
	background: transparent url(/v4/includes/images/refonte2013/icon/filigrane-video.png) no-repeat 0 1px;
}
.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;
}
.article-1x1 .filigrane-video {
	left: 14px;
	top: 4px;
	width: 27px;
	height: 27px;
}
.article-4x2 .filigrane-video {
	left: 14px;
	top: 4px;
	width: 27px;
	height: 27px;
}
.article-8x2 .filigrane-video {
	left: 5px;
	top: 7px;
}

.video-article-4x a {
	position: relative;
	display: block;
}

.video-article-4x .filigrane-video {
	left: 5px;
	top: 7px;
}

/* Aperçu de dossier qualité / fiabilité */

.listingFichesItem {
	background: #edf4f7;
	border: 1px solid #dee8e9;
	margin-top: 20px;
}
.listingFichesItem:hover {
	cursor: pointer;
	background-color: #d9e2ef;
	border-color: #ccdbee;
}
.listingFichesItem .media {
	position: relative;
}
.listingFichesItem .media img {
	width: 100%;
}

.listingFichesItem .etiquette {
	display: block;
	position: absolute;
	top: 0;
	left: 1px;
	height: 23px;
	background: url(/v4/includes/images/refonte2013/sprite/guide-achat.png);
}
.listingFichesItem .nouveau {
	width: 54px;
	background-position: -2px -2px;
}
.listingFichesItem .mise-a-jour {
	width: 64px;
	background-position: -2px -27px;
}
.listingFichesItem .titre,
.listingFichesItem .note-lien {
	padding-top: 12px;
}
.listingFichesItem .article-title {
	margin: 0;
	color: #5370ae;
	font: bold 24px 'Bitter', serif;
}
.listingFichesItem .accroche {
	margin: 12px 0 0;
	color: #363636;
	font-size: 16px;
	font-weight: bold;
}
.listingFichesItem .titre > *,
.listingFichesItem .note-lien > * {
	padding-left: 10px;
}
.listingFichesItem:hover .accroche,
.listingFichesItem:hover a,
.listingFichesItem:hover .note .chiffre {
	color: #3d68a1;
}
.listingFichesItem:hover a {
	text-decoration: underline;
}
.listingFichesItem .note .chiffre {
	display: inline-block;
	padding-left: 5px;
}

.listingFichesItem.listingFichesItem-12x {
	background: #fff;
	border: 0px;
	border-bottom: 1px solid #dee8e9;
	margin-top: 10px;
}
.listingFichesItem.listingFichesItem-12x > .inner-div {
	background: #edf4f7;
	margin-bottom: 10px;
}
@media (min-width: 768px) {
	.listingFichesItem-8x .media img {
		max-width: 164px;
	}
}
@media (min-width: 960px) {
	.listingFichesItem-8x .media img {
		max-width: 139px;
	}
}

/* BLOC NEWSLETTER */
#newsletter {
	background-color: #edf4f7;
	padding: 8px;
	border: 1px solid #dee8e9;
}
#newsletter .title {
	margin-bottom: 5px;
	color: #3f6eac;
	font-family: "Roboto Condensed",sans-serif;
	font-size: 18px;
}
#newsletter .form-group {
	display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
#newsletter p {
	margin-bottom: 9px;
}
#newsletter .default-textinput {
	width: 100%;
	font-weight: bold;
}
@media (min-width: 768px) {
	#newsletter .title {
		background: url(/v4/includes/images/refonte2013/icon/newsletter.png) no-repeat left center;
		padding: 0 0 0 50px;
	}
}
@media (max-width: 767px) {
	#newsletter .title {
		padding-left: 0;
		line-height: 1.1;
	}
}
@media (min-width: 960px) {
	#une #newsletter {
		height: 122px;
		padding-top: 12px;
	}
}

/* Hide pub */

iframe[height="1"],
img[src^="http://d.yimg.com/"] {
	display: none;
}

/******** STYLES de la PUB ********/

.aside-block:empty {
	display: none;
}

.layout-v5-argus-part-singlecol {
	background-color: #ffffff;
}

#contenu-central {
	background-color: #ffffff;
}

.general-background-grey #page,
.general-background-grey #contenu-central {
	background-color: #2d2c32;
}

/* Mise en forme nouvelles publicités 600 x 160 */
.main-aside,
.section-diaporama {
	position: relative;
}

/******* FIX DES BLOCS/ PUBS 300*600 ********/

@media (min-width: 960px) {
	.bloc-incluant-pub-600 .bloc-x2-haut {
		height: 265px;
		overflow: hidden;
	}
	.bloc-incluant-pub-600 .pub-300-250-600  {
		float: right;
	}
	.bloc-incluant-pub-600 .pub-300-250-600 .conteneur-sas-pave-haut {
		min-height: 265px;
		margin-bottom: 0px;
	}
	.bloc-incluant-pub-600 .bloc-x1 {
		height: 115px;
		overflow: hidden;
	}
	.section-actu-mondial-2014 .bloc-incluant-pub-600 .bloc-x1 {
		height: auto;
	}
	.bloc-incluant-pub-600 .bloc-x2 {
		height: 276px;
		overflow: hidden;
	}
	.bloc-incluant-pub-600 .article-2x1 .article-title {
		margin-top: -2px;
	}
	.bloc-incluant-pub-600 .article-2x1 .article-title {
		margin-top: -2px;
	}

	.rubrique-actualites .bloc-incluant-pub-600 .bloc-x2-haut {
		height: 275px;
	}
	.rubrique-actualites .bloc-incluant-pub-600 .pub-300-250-600 .conteneur-sas-pave-haut {
		min-height: 275px;
	}

	.rubrique-guide-achat .bloc-incluant-pub-600 .bloc-x2-haut {
		height: 346px;
	}
	.rubrique-guide-achat .bloc-incluant-pub-600 .pub-300-250-600 .conteneur-sas-pave-haut {
		min-height: 324px;
		margin-bottom: 22px;
	}
	.rubrique-guide-achat .aside-block:empty {
		display: block;
	}

	.section-actu-mondial-2014.section-accueil .bloc-incluant-pub-600 .pub-300-250-600 .conteneur-sas-pave-bas {
		min-height: 265px;
	}
}

/*** Conteneur de substitution de pub ***/

.substitut-pub:empty {
	display: none;
}

/****************************/
/*** ETOILES NOTE VEHICULE ***/
/******************************/

.note {
	line-height: 26px;
}
.note .chiffre {
	color: #737373;
}
.note.xl {
	line-height: normal;
}
.note.xl .chiffre {
	float: right;
	font-size: 18px;
	font-weight: bold;
}
.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;
}
.halfetoile.left {
	margin-left: 1px;
}
.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;
}
.lightbg .off {
	background-position: -58px -1px;
}
.lightbg .off.right {
	background-position: -67px -1px;
}
.darkbg .off {
	background-position: -39px -1px;
}
.bleue .on {
	background-position: -20px -1px;
}
.bleue.lightbg .halfon {
	background-position: -135px -1px;
}
.bleue.darkbg .halfon {
	background-position: -97px -1px;
}
.jaune .on {
	background-position: -1px -1px;
}
.jaune.lightbg .halfon {
	background-position: -116px -1px;
}
.jaune.darkbg .halfon {
	background-position: -78px -1px;
}
.jaune2 .on {
	background-position: -154px -1px;
}
.jaune2 .halfon {
	background-position: -173px -1px;
}
.xl .off {
	background-position: -24px -18px;
}
.xl .on {
	background-position: 0 -18px;
}
.xl .halfon {
	background-position: -24px -18px;
}
/* Découpage demiEtoile pour calcul JS) */
.off.right {
	background-position: -47px -1px;
}
.xl .off.right {
	background-position: -35px -19px;
}
.xl .off.left {
	background-position: -24px -19px;
}
.bleue .on.left {
	background-position: -20px -1px;
}
.bleue .on.right {
	background-position: -28px -1px;
}
.jaune .on.left {
	background-position: -1px -1px;
}
.jaune .on.right {
	background-position: -9px -1px;
}
.jaune.xl .on.left {
	background-position: 0 -19px;
}
.jaune.xl .on.right {
	background-position: -11px -19px;
}

/******************************/
/* FIN ETOILES NOTE VEHICULE */
/****************************/


/******* DECALAGE DES ANCRES **********/

.anchorContainer {
	position: relative;
}
.stickyBarAnchor {
	visibility: hidden;
	position: absolute;
}
.stickyBarAnchor {
	top: -54px;
}
@media (min-width: 768px) {
	.stickyBarAnchor {
		top: -80px;
	}
}
@media (min-width: 960px) {
	.stickyBarAnchor {
		top: -60px;
	}
}

/*** LIENS IMPRIMER/TELECHARGER (articles, fiches techniques) ***/
.lienImprimer,
.lienTelecharger {
	font-size: 14px;
}
.lienImprimer:hover,
.lienTelecharger:hover {
	text-decoration: underline;
}
.lienImprimer .icon,
.lienTelecharger .icon {
	vertical-align: middle;
	display: inline-block;
	background-image: url(/v4/includes/images/refonte2013/sprite/guide-achat.png);
	width: 16px;
	height: 16px;
	margin-right: 6px;
}
.lienImprimer .icon {
	background-position: -193px -1px;
}
.lienTelecharger .icon {
	background-position: -174px -1px;
}

/*** FOOTER PARTAGE (articles, fiches techniques) ***/
#partageFooter label {
	display: inline-block;
	padding-right: 5px;
	color: #4e4e4e;
	font-size: 14px;
	font-weight: normal;
}
#partageFooter ul {
	display: inline-block;
	margin: 0;
}
#partageFooter li {
	padding: 0;
}
#partageFooter a {
	width: 27px;
	height: 27px;
	text-indent: 9999px;
}
#partageFooter .facebook {
	background-position: -1px -52px;
}
#partageFooter .facebook:hover {
	background-position: -1px -2px;
}
#partageFooter .twitter {
	background-position: -152px -52px;
}
#partageFooter .twitter:hover {
	background-position: -152px -2px;
}
#partageFooter .mail {
	background-position: -202px -2px;
}

/* PANELS ACCORDEON EQUIPEMENTS AUTO */

.panel-equipements {
	border: 0 none;
	box-shadow: none;
}
.panel-group .panel-equipements {
	border-radius: 0;
}
.panel-group .panel-equipements + .panel-equipements {
    margin-top: 1px;
}
.panel-equipements > .panel-heading {
	background-color: #2c2c31;
	padding: 8px 11px 7px;
	border: 1px solid #000;
	border-radius: 0;
}
.panel-equipements > button.panel-heading {
	display: block;
	width: 100%;
}
.panel-equipements > .panel-heading:hover {
	cursor: pointer;
}
.panel-equipements.panel-empty > .panel-heading:hover {
	cursor: default;
}
.panel-equipements > .panel-heading.collapsed {
	background-color: #edf4f7;
	border-color: #dee8e9;
}
.panel-equipements .panel-title {
	float: left;
	padding-top: 2px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000;
}
.panel-equipements .collapsed .panel-title {
	text-shadow: 1px 1px 0 #fff;
}
.panel-equipements .panel-heading .count {
	float: right;
	width: 21px;
	height: 21px;
	background-color: #ffffff;
	border-radius: 10px;
	font-weight: bold;
	line-height: 21px;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
}
.equipements-serie .panel-heading .count {
	color: #ef8317;
}
.equipements-option .panel-heading .count {
	color: #6bbe13;
}
.panel-equipements .panel-heading.collapsed .count {
	color: #fff;
}
.equipements-option .panel-heading.collapsed .count {
	background-color: #4aae19;
	text-shadow: 1px 1px 0 rgba(56,131,11,0.75);
}
.equipements-serie .panel-equipements.panel-empty .count,
.equipements-option .panel-equipements.panel-empty .count {
	background-color: #dee8e9;
	text-shadow: 1px 1px 0 rgba(119,119,119,0.75);
}
.panel-equipements .panel-body {
	padding: 13px 1px 15px;
	border: 0 none;
}
.panel-equipements > .panel-heading + .panel-collapse .panel-body {
	border: 0 none;
}
.liste-equipements {
	margin-bottom: 0;
}
.liste-equipements li {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #696969;
	font-size: 14px;
}
.equipements-serie .liste-equipements li {
	background: url(/v4/includes/images/refonte2013/icon/fleche-droite-303031.png) no-repeat left center;
	padding-right: 15px;
	padding-left: 15px;
}
.liste-equipements .checkbox {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	font-weight: normal;
}

/* FIN PANELS ACCORDEON EQUIPEMENTS AUTO */

/* FIN PANEL SUCCESS */

/*************************************/
/*********** FIN MAIN-PAGE ***********/
/*************************************/


/******************************/
/*********** ASIDE ***********/
/****************************/

/* Facebook block */


.facebook-block {
	margin-bottom: 15px;
}

/* pour les styles des blocs dont on est sûrs qu'ils apparaissent ailleurs que dans la partie éditoriale
/* (editorial = home page, rubriques essais/nouveautés/actualités, guide d'achat, newsletter, la rédaction)
*/

.aside-block .title {
	padding: 6px 9px 7px;
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
}
.aside-block {
	margin-bottom: 20px;
}
.aside-block:last-child {
	margin-bottom: 0;
}
.linkToMediaBehaviour {
	cursor: pointer;
}
.block-footer {
	text-align: right;
}
.block-footer a {
	font-size: 14px;
	font-weight: bold;
}

/* bloc divers */
.home-side-block {
	background-color: #edf4f7;
}
.home-side-block.border {
	border: 1px solid #dee8e9;
}
.home-side-block-title {
	height: 40px;
	background: #2c2c31;
	padding: 6px 10px 7px;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}
.home-side-block .block-content {
	border: 1px solid #dee8e9;
	border-top: 0 none;
}

/* bloc actualité */

.aside-title-actu {
	background-color: #3f6eac;
	padding: 5px 8px 6px;
	border: 1px solid #2a558e;
	color: #fff;
	font: normal 18px 'Roboto Condensed',sans-serif;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
}
.bloc-articles-aside .block-content {
	background: #edf4f7;
	border: 1px solid #dee8e9;
	padding: 8px;
}
.article-aside {
	padding: 8px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dee8e9;
}
.article-aside.no-bottom {
	border-bottom: 0px;
}
.article-aside:hover {
	background: #edf4f7;
}
.article-aside:first-child {
	padding-top: 0;
	border-top: 0 none;
}
.article-aside .article-title {
	padding: 7px 0;
	font-size: 15px;
}
@media (min-width: 960px) {
	.bloc-articles-aside .block-footer {
		border-top: 1px solid #fff;
	}
}
.bloc-articles-aside .block-footer {
	padding: 12px 0 7px;
}

/* blocs annonces occasion et cote */
#annonces-aside .title,
#cote-aside .title {
	padding-right: 12px;
	padding-left: 12px;
	color: #fff;
}
#annonces-aside .title,
.bloc-vendez .title {
	background-color: #c70e0d;
	border: 1px solid #b10f0f;
}
#annonces-aside .block-content,
#cote-aside .block-content {
	background: #edf4f7;
	border: 1px solid #dee8e9;
	border-top: 0 none;
	padding: 0 11px 9px;
}
#annonces-aside .item {
	padding: 9px 0 11px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dee8e9;
	border-right: 0;
	border-left: 0;	
	background-color: transparent;
}
#annonces-aside .item:first-child {
	border-top: 0 none;
}
#annonces-aside .media,
#annonces-aside .infos {
	float: left;
}
#annonces-aside .media {
	padding-top: 4px;
	margin-right: 10px;
	padding-right: 0;
	width: auto;
}
#annonces-aside .media img {
	width: 96px;
	border: 1px solid #8c8a8c;
}
#annonces-aside .infos {
	width: 169px;
}
#annonces-aside .infos span {
	display: block;
}
#annonces-aside .marquemodele {
	margin-bottom: 2px;
	color: #46494c;
	font: 700 18px Verdana, Geneva, sans-serif;
}
#annonces-aside .km {
	margin-bottom: 8px;
	color: #c50d0d;
	font-size: 12px;
}
#annonces-aside .prix {
	display: block;
	width: 100px;
	height: 29px;
	background: #e70d17;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3MGQxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDEyMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #e70d17 0%, #bd121a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e70d17), color-stop(100%,#bd121a));
	background: -webkit-linear-gradient(top, #e70d17 0%,#bd121a 100%);
	background: -o-linear-gradient(top, #e70d17 0%,#bd121a 100%);
	background: -ms-linear-gradient(top, #e70d17 0%,#bd121a 100%);
	background: linear-gradient(to bottom, #e70d17 0%,#bd121a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e70d17', endColorstr='#bd121a',GradientType=0);
	margin-top: 0;
	color: #fff;
	font: 700 14px Verdana, Geneva, sans-serif;
	line-height: 28px;
	text-align: center;
}
#annonces-aside .block-footer {
	padding: 7px 0 2px;
	font-size: inherit;
}
#annonces-aside .block-footer a {
	color: #c50d0d;
	font-weight: normal;
	text-decoration: underline;
}
@media (max-width: 959px) {
	#annonces-aside .block-footer {
		padding: 0;
	}
}
#cote-aside .title,
#calcul-cote-aside .title {
	background-color: #e86f08;
	border: 1px solid #d8590a;
}
#cote-aside p {
	padding-top: 9px;
	color: #7d7d7f;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
}
#cote-aside .btn {
	width: 100%;
	padding: 10px 16px;
	margin-bottom: 11px;
	font-size: 19px;
}

/* 2e encart cote */
#calcul-cote-aside .title,
#depot-annonce-aside .title,
.bloc-vendez .title {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
#calcul-cote-aside .block-content,
#depot-annonce-aside .block-content,
.bloc-vendez .block-content {
	background-color: #2c2c31;
	border: 1px solid #000;
}
#calcul-cote-aside .icon,
#depot-annonce-aside .icon
.bloc-vendez .icon {
	float: left;
	width: 121px;
	background: url(/v4/includes/images/refonte2013/sprite/univers.png);
	background-repeat: no-repeat;
}
#calcul-cote-aside .icon {
	height: 67px;
	background-position: -102px -69px
}
#calcul-cote-aside .accroche,
#depot-annonce-aside .accroche {
	padding-right: 30px;
	color: #fff;
	font-size: 12px;
}
#calcul-cote-aside .accroche {
	margin-top: 6px;
}
#calcul-cote-aside .button,
#depot-annonce-aside .button {
	margin: 13px 9px 9px;
}
#calcul-cote-aside .btn,
#depot-annonce-aside .btn {
	width: 100%;
	height: auto;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
	white-space: normal;
}
#calcul-cote-aside .btn {
	color: #ed7f14 !important;
}

/* Bloc ligne d'annonces neuf/occasion */

.bloc-annonces header {
	background-color: #c70e0d;
	padding: 2px 12px;
	border: 1px solid #b10f0f;
}
.bloc-annonces header .title {
	float: left;
	padding: 4px 0;
}
.bloc-annonces header .title a {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
}
.bloc-annonces header .lien-tout {
	float: right;
	margin-top: 8px;
	color: #fff;
	text-decoration: underline;
}
.bloc-annonces .block-footer {
	font-size: 25px;
}
.bloc-annonces .block-footer .lien-tout {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.bloc-annonces .block-content {
	background: #f3f3f3;
	padding: 12px 12px 13px;
	border: 1px solid #cdcdcd;
	border-top-color: #d0d0d0;
}
.bloc-annonces .item {
	background: #fff;
	padding: 9px 8px;
	border: 1px solid #e0e0e0;
}
@media (max-width: 959px) {
	.bloc-annonces .item {
		margin-bottom: 10px;
	}
}
.bloc-annonces .media,
.bloc-annonces .infos {
	display: block;
	float: left;
	width: 50%;
}
.bloc-annonces .media {
	padding-right: 7px;
}
.bloc-annonces .media img {
	width: 100%;
	border: 1px solid #8c8a8c;
}
.bloc-annonces .infos {
	color: #46494c;
}
.bloc-annonces .infos > span {
	display: block;
	line-height: 1.1;
}
.bloc-annonces .infos .marque {
	margin-bottom: 4px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 700;
}
.bloc-annonces .km {
	color: #c50d0d;
	white-space: nowrap;
}
.bloc-annonces .infos .prix {
	display: block;
	height: 29px;
	background-color: #c70e0d;
	margin-top: 4px;
	color: #fff;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
}
.bloc-annonces .top-marques .title {
	padding-bottom: 4px;
	border-bottom: 1px solid #cdcdcd;
}
.bloc-annonces .top-marques ul {
	float: left;
	width: 33.3333%;
	padding-left: 0;
	margin: 0;
	list-style-position: inside;
}
.bloc-annonces .top-marques li,
.bloc-annonces .top-marques a {
	color: #3f6eac;
	font-size: 11px;
}
.bloc-annonces .top-marques li {
	padding-top: 7px;
}
.bloc-annonces .top-marques a {
	word-wrap: break-word;
	text-decoration: underline;
}


/* détail annonce */

#depot-annonce-aside .title {
	background: #de0a0a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlMGEwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjBmMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #de0a0a 0%, #b20f0f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de0a0a), color-stop(100%,#b20f0f));
	background: -webkit-linear-gradient(top, #de0a0a 0%,#b20f0f 100%);
	background: -o-linear-gradient(top, #de0a0a 0%,#b20f0f 100%);
	background: -ms-linear-gradient(top, #de0a0a 0%,#b20f0f 100%);
	background: linear-gradient(to bottom, #de0a0a 0%,#b20f0f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de0a0a', endColorstr='#b20f0f',GradientType=0);
}
#depot-annonce-aside .icon {
	height: 83px;
	background-position: -94px -183px;
}
#depot-annonce-aside .accroche {
	margin-top: 14px;
}
#depot-annonce-aside .btn {
	color: #c90d0d !important;
}

/* bloc default (neutre) */
#partenaires-aside .title,
.default-aside-block .title {
	background-color: #2c2c31;
	color: #fff;
}
.default-aside-block .block-content {
	background-color: #edf4f7;
	border: 1px solid #dee8e9;
	padding: 8px;
}
.default-aside-block .block-content .item {
	padding-bottom: 10px;
	border-bottom: 1px solid #dee8e9;
}
.default-aside-block .block-content .item + .item {
	padding-top: 10px;
	border-top: 1px solid #fff;
}
.default-aside-block .block-content .item:last-child {
	padding-bottom: 0;
	border-bottom: 0 none;
}
.default-aside-block a {
	color: #262627;
}
/* bloc partenaires */
.item-partenaire {
	background: #edf4f7;
	padding: 10px 6px;
	border: 1px solid #dee8e9;
	border-top: 0 none;
}
#partenaires-aside img {
	margin-right: 6px;
}
#partenaires-aside a {
	color: #363637;
	font-size: 12px;
	text-decoration: none;
}
#partenaires-aside a:hover {
	text-decoration: underline;
}
#partenaires-aside .Texte,
#partenaires-aside .title_marque {
	font-weight: bold;
}

/* Bloc "Vendez votre voiture" */
.bloc-vendez .block-content {
	padding: 0 10px 10px;
}
.bloc-vendez .visuel-promo {
    background: url("../../images/refonte2013/background/bg-bloc-vendez.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    height: 90px;
    margin-bottom: 10px;
    padding-left: 10px;
    width: 45%;
}
.bloc-vendez a {
    color: #fff;
}
.bloc-vendez a span {
    float: left;
    padding: 20px 10px 10px 0;
    width: 55%;
}
.bloc-vendez .btn {
    background-color: #edf4f7;
    border: 1px solid #dee8e9;
    border-radius: 0;
    color: #c90d0d;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 0;
    width: 100%;
}

/* Blocs cote / occasion */

.bloc-service-accueil {
	background: #edf4f7;
	padding: 10px;
	border: 1px solid #dee8e9;
	font-size: 14px;
}
.bloc-service-accueil header {
	border-bottom: 1px solid #e0e0e0;
}
.bloc-service-accueil .title {
	padding-bottom: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 1;
}
.bloc-service-accueil .block-content {
	position: relative;
	padding-top: 10px;
}
.bloc-service-accueil .btn-xxl {
	width: 100%;
	height: 50px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 400;
}
.bloc-recherche-vehicule .title {
	float: left;
	color: #cf0201;
}
.aside-block .bloc-service-accueil .title,
.bloc-service-accueil.aside-block .title {
	padding: 0 0 10px 0;
	font-size: 18px;
}
.bloc-recherche-vehicule .nb-annonces {
	float: right;
	padding-top: 8px;
	color: #3f3f41;
	font-size: 12px;
	font-style: italic;
	text-align: right;
}
.aside-block .bloc-service-accueil .nb-annonces,
.bloc-service-accueil.aside-block .nb-annonces {
	padding-top: 4px;
}
.bloc-recherche-vehicule .form-line {
	margin-bottom: 15px;
}
.bloc-recherche-vehicule label {
	font-weight: normal;
}
.bloc-recherche-vehicule .default-label {
	height: 30px;
	margin-bottom: 0;
	line-height: 30px;
}
.bloc-recherche-vehicule .bloc-service-accueil-ctn-ou {
	text-align: center;
	padding: 11px 0;
	position: relative;
}
.bloc-recherche-vehicule .bloc-service-accueil-span-ou {
	font-family: "Roboto Condensed";
	font-size: 12px;
	font-weight: bold;
	padding: 4px 6px;
	color: #4F4F4F;
	background-color: #F4F4F4;
	border: 1px solid #E0E0E0;
	border-radius: 50%;
	position: relative;
}
.bloc-recherche-vehicule .bloc-service-accueil-line-ou {
	background-color: #E0E0E0;
	display: block;
	position: absolute;
	top: 52%;
	width: 100%;
	height: 1px;
}

/* Bloc Fiches techniques */

.bloc-fiches-techniques {
	padding: 5px 7px 8px;
	cursor: pointer;
	background-color: #edf4f7;
	border: 1px solid #dee8e9;
}
.aside-col .bloc-fiches-techniques {
	margin-bottom: 15px;
}
.bloc-fiches-techniques .icon {
	float: left;
	display: block;
	width: 78px;
	height: 68px;
	background: url(/v4/includes/images/refonte2013/sprite/univers.png) no-repeat -2px -102px;
	margin-right: 13px;
}
@media (max-width: 479px) {
	.bloc-fiches-techniques .icon {
		display: none;
	}
}
.bloc-fiches-techniques .title {
	color: #cf0201;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
}
.bloc-fiches-techniques .accroche {
	color: #777;
	font-size: 14px;
	line-height: 1.6;
}

@media (min-width: 960px) {
	.bloc-fiches-techniques {
		height: 123px;
		padding: 18px 7px 0 7px;
	}
	.aside-col .bloc-fiches-techniques {
		height: auto;
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

/* Bloc de la sidebar "Abonnement alerte actualités */
.aside-block.alert-article-acces  {
	/*box-shadow: 0 2px 0 #1e4578;*/
	padding: 10px;
	/*background-color: #3f6eac;*/
	min-height:46px;
}
.aside-block.alert-article-acces .btn-picto {
	display: table-cell;
	vertical-align:middle;
	height:40px;
	width:55px;
	padding:15px;
	background: url(/v4/includes/images/alert-btn.png) no-repeat scroll center center;
}
.aside-block.alert-article-acces .btn-txt {
	display: table-cell;
	vertical-align:middle;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#fff;	
}
.aside-block.alert-article-acces:hover {cursor: pointer;}

/* Lightbox du formulaire de "Abonnement alerte actualités" */
.abo-marque-modele-modal {z-index: 90000;}
.abo-marque-modele-modal .modal-content {border: 0 none;}
.abo-marque-modele-modal .modal-header {background-color: #2c2c31;}
.abo-marque-modele-modal .modal-header .close {margin-top:6px;}
.abo-marque-modele-modal .modal-title {font-size: 26px;color: #fff;text-shadow: 1px 1px 0 rgba(0,0,0,0.5);}
.abo-marque-modele-modal .modal-body p {font-family: 'Roboto', sans-serif;font-size:14.7px;color:#7a8384;margin-bottom:25px;}
.abo-marque-modele-modal .modal-body .default-textinput,
.abo-marque-modele-modal .modal-body .btn {width:300px;}
.abo-marque-modele-modal .modal-body .btn {margin-top: 23px;}
.abo-marque-modele-modal .modal-body .default-textinput{height: 39px;line-height:30px;margin-bottom:25px;}
.abo-marque-modele-modal .modal-body .checkbox {font-family: 'Roboto', sans-serif;font-size:14.7px;color:#7a8384;margin-bottom:15px;}
.abo-marque-modele-modal .modal-body .checkbox:last-child {margin-bottom:38px;}
.abo-marque-modele-modal .has-error {border-color: #f40407;}
@media screen and (min-width : 800px){
	.abo-marque-modele-modal .modal-dialog {width: 780px;}
}
@media screen and (max-width : 800px){
	.abo-marque-modele-modal .modal-dialog {width: calc(100% - 20px);}
}
@media screen and (max-width : 360px){
	.abo-marque-modele-modal .modal-body .default-textinput,
	.abo-marque-modele-modal .modal-body .btn {width:100%;}
}

/******************************/
/********* FIN ASIDE *********/

/** Nouveaux éléments bootstrap (à supprimer lors de la mise à jour de la librairie **/
.progress-bar-striped,
.progress-striped .progress-bar {
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	-webkit-background-size:40px 40px;
	background-size:40px 40px;
}
.progress-bar.active,
.progress.active .progress-bar {
	-webkit-animation:progress-bar-stripes 2s linear infinite;
	-o-animation:progress-bar-stripes 2s linear infinite;
	animation:progress-bar-stripes 2s linear infinite;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
/**************************************************************************************************/
/******************************** SURCOUCHE TEMPORAIRE DES BOUTONS ********************************/
/**************************************************************************************************/

/* bouton du header */
#header-access .btn.btn-access {
	color: #909698!important;
	background-color: #fff;
	border-color: #dee8e9;
	border: 1px solid #dee8e9;
	border-bottom-width: 2px;
	box-shadow: 0 0 0 transparent;
}
#header-access .btn.btn-access:hover {
	background-color: #ffffff;
	color: #398af5!important;
	border-bottom-width: 1px;
	box-shadow: 0 0 0 transparent;	
}
#header-access .btn.btn-access:active {
	background-color: #ffffff;
	box-shadow: 0 0 0 transparent;
	color: #398af5!important;
	border-bottom-width: 1px;
	border-top-width: 2px;	
}
.search-btn {
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #000;
	background-color: #444;
	box-shadow: 0 0 0 transparent;
}
.search-btn:hover {
border-width: 0 0 0 0;
	border-style: solid;
	border-color: #2c2c31;
	background-color: #2c2c31;
	box-shadow: 0 0 0 transparent;
}
.search-btn:active {
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #000;
	background-color: #444;
	box-shadow: 0 0 0 transparent;
}
#mobile-search .bridge,
#mobile-search form {background-color: #444;}

/*************************************** btn-default-cote (gris) ********************************/
.btn-neutre,
.btn-gris {
	background-color: #fff;
	border-width: 1px 1px 2px 1px;
	border-style: solid;
	border-color:#dee8e9;
	color: #909698;
	padding: 6px 12px;
}
.btn-neutre:hover,
.btn-gris:hover  {
	border-width: 1px 1px 1px 1px;
	padding-bottom: 1px;
	border-style: solid;
	padding: 6px 12px 7px;
	border-color:#dee8e9;
	color:#398af5;
	background-color: #fff;
}
.btn-neutre:active,
.btn-gris:active  {
	border-width: 2px 1px 1px 1px;
	border-style: solid;
	border-color:#dee8e9;
	color:#398af5;
	box-shadow: none;
}

/*************************************** btn-default-cote (orange) ********************************/
.btn-default-cote {
	background-color: #e86f08;
	border: 0 none;
	border-bottom: 2px solid #ae5306;
}
.btn-default-cote:hover {
	background-color: #ed8c39;
	border-bottom: 0 solid transparent;
}
.btn-default-cote:active {
	background-color: #e86f08;
	border: 0 none;
	border-top: 2px solid #ae5306;
	box-shadow: 0 0 0 transparent;
}
/*************************************** btn-default-occas (rouge) ********************************/
.btn-default-occas {
	background-color: #c70e0d;
	border: 0 none;
	border-bottom: 2px solid #950a0a;
	height: 50px!important;
}
.btn-default-occas:hover {
	background-color: #d23e3d!important;
	border-bottom: 0 solid transparent;
}
button.btn-default-occas:hover{
	padding: 5px 12px 7px;
}
.btn-default-occas:active {
	background-color: #ec70e0d;
	border: 0 none;
	border-top: 2px solid #950a0a;
	box-shadow: 0 0 0 transparent;
}
/*************************************** btn-bleu (bleu/éditorial) ********************************/
#TUVFormSubmit {height: 50px;}
.btn-bleu {
	padding: 7px 10px 6px;
	background-color: #3f6eac;
	border: 0 none;
	border-bottom: 2px solid #2f5281;
}
.btn-bleu:hover{
	padding: 7px 10px 8px;
	background-color: #658bbd;
	border:0 none;
	box-shadow: none;
}
.btn-bleu:active {
	padding: 7px 10px 6px;
	outline: none;
    outline-offset: none;
	background-color: #3f6eac;
	border: 0 none;
	border-top: 2px solid #2f5281;
} 
/*************************************** btn-blanc ********************************/
.btn-blanc {
	padding: 7px 10px 6px;
	background-color: #fff;
	border: 0 none;
	border-bottom: 2px solid #DCDDE1;
	color: #909598;
	box-shadow: unset;
}
.btn-blanc:hover {
	box-shadow: none;
	color: #398AF5;
}
.btn-blanc:focus {
	color: #398AF5;
}
.btn-blanc:active {
	padding: 7px 10px 6px;
	outline: none;
    outline-offset: none;
	border: 0 none;
	border-top: 2px solid #DCDDE1;
	box-shadow: unset;
} 
/***************************************  ********************************/
.alert-article-acces {
	background-color: #3f6eac;
	border-top: 2px solid #3f6eac;
	border-bottom: 2px solid #2f5281;
	box-shadow: none;
}
.alert-article-acces:hover {
	background-color: #658bbd;
	border-top: 2px solid #658bbd;
	border-bottom: 2px solid #658bbd;
	box-shadow: none;
}
.alert-article-acces:active {
	outline: none;
    outline-offset: none;
	background-color: #3f6eac;
	box-shadow: none;
	border-top: 2px solid #2f5281;
	border-bottom: 2px solid #3f6eac;
}
#TUVFormSubmit{
	font-size: 16px;
	max-height:50px!important;
}
#TUVFormSubmit:hover {
	background-color: #658bbd;
	border:0 none;
	box-shadow: none;
	padding: 0;
}
#TUVFormSubmit:active,
#TUVFormSubmit:focus {
	outline: none;
    outline-offset: none;
	background-color: #3f6eac;
	border: 0 none;
	border-top: 2px solid #2f5281;
	padding: 0;
}
#actu-toolbar .btn-bleu {height: 30px;}
/***************************** lien-toutes-marques (jaune/HUB marques/models) *********************/
.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;
}
.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;
}
.lien-toutes-marques:focus {
	outline: none;
    outline-offset: none;
    border-bottom: 2px solid #fdbb1c;
	border-top: 2px solid #be8c15;
}
.lien-toutes-marques:hover {
	background-color: #fdc949;
	border-top: 2px solid #fdc949;
	border-bottom: 2px solid #fdc949;
	box-shadow: 0 0 0 transparent;
}
