@charset "utf-8";


/*****************************/
/******** FORMULAIRES ********/
/*******************************/

/* TODO Hugo : transférer vers la main.css de la refonte dès que possible */
.input-with-target,
.input-with-target input {
	position: relative;
}
.input-with-target .btn-target {
	position: absolute;
	top: 1px;
	right: 1px;
	overflow: hidden;
	display: block;
	width: 28px;
	height: 28px;
	background: url(/v4/includes/images/particulier/annuaire/picto/cible.png) no-repeat center right;
	border: 0 none;
	text-indent: -9999px;
}
/* supprime le X sous IE >= 10  necessite <meta http-equiv="x-ua-compatible" content="IE=edge"> */
.input-with-target input::-ms-clear {
	visibility: hidden;
	display: none;
	height: 0;
	width: 0;
}
/* end TODO */

/*******************************/
/******* FIN FORMULAIRES ******/
/*****************************/


/*****************************/
/******* MAIN CONTAINER *******/
/*******************************/

/** COMMUN ANNUAIRE **/

.ui-autocomplete-loading { 
	background:url('/v4/includes/images/particulier/annuaire/ajax-loader.gif') scroll no-repeat 50px center 
}
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete,* html .tri-liste .dropdown-menu {
	height: 200px;
}
.ui-menu .ui-menu-item a {
	white-space: nowrap;
}
.default-block {
	margin: 24px 0;
}
.default-block:first-child {
	margin-top: 0;
}
.grey-block {
	background: #edf4f7;
	padding: 8px;
	border: 1px solid #dee8e9;
}
.default-block .lvl1-title,
.default-block .lvl2-title {
	margin: 0;
	color: #262626;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1;
}
.default-block .lvl1-title {
	font-size: 30px;
}
.default-block .lvl2-title {
	font-size: 20px;
}
.subtitle {
	font-weight: bold;
	line-height: inherit;
}
.grey-block .lvl1-title,
.grey-block .lvl2-title {
	padding-bottom: 10px;
	border-bottom: 1px solid #e0e0e0;
}
.default-block p,
.default-block .liste-liens,
.default-block .liste-fiches,
.subtitle {
	margin: 15px 0;
	color: #7d7d7f;
}
.default-block p,
.subtitle {
	font-size: 14px;
}
.default-block .liste-liens {
	font-size: 12px;
}
.tri-liste {
	margin-bottom: 15px;
}
.liserai-ou {
	height: 24px;
	background: url(/v4/includes/images/particulier/annuaire/bg/liserai-ou.png) no-repeat center top;
	margin: 12px 0;
	color: #333;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}
#footer-annuaire {
	margin-top: 16px;
}
#footer-annuaire .footer-title {
	margin: 0;
	color: #757575;
	font-size: 12px;
	line-height: inherit;
}
#footer-annuaire .footer-title a {
	text-decoration: underline;
}
#footer-annuaire .btn {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1;
}

/** ACCUEIL **/

.liste-liens li {
	margin-top: 9px;
}
.liste-liens li:first-child {
	margin-top: 0;
}

#moteur-recherche-annuaire,
#services-auto,
#top-recherches {
	margin: 0;
}
#moteur-recherche-annuaire strong {
	color: #000;
}
@media screen and (max-width: 767px) {
	#moteur-recherche-annuaire .btn {
		margin-top: 15px;
	}
}

#services-auto .icon {
	display: block;
	float: left;
	width: 32px;
	height: 35px;
	background: url(/v4/includes/images/particulier/annuaire/sprite/pictos-services.png) no-repeat;
	margin-right: 8px;
}
@media screen and (max-width: 767px) {
	#services-auto ul:first-child {
		margin-bottom: 0;
	}
}
#services-auto li {
	height: 35px;
}
.liste-liens a {
	color: #546fad;
	text-decoration: underline;
	line-height: 12px;
}
#services-auto a {
	display: inline-block;
	padding-top: 9px;
	font-size: 14px;
}
#centre-entretien .icon {
	background-position: 0 -200px;
}
#centre-lavage .icon {
	background-position: -1px -249px;
}
#concession-auto .icon,
#location-voiture .icon,
#import-voiture .icon,
#sans-permis .icon,
#location-auto .icon {
	background-position: -1px -297px;
}
#assurance-auto .icon {
	background-position: 0 -1px;
}
#auto-ecole .icon {
	background-position: -2px -51px;
}
#carrosserie .icon {
	background-position: -1px -100px;
}
#casse-auto .icon,
#depannage .icon {
	background-position: -1px -148px;
}
#controle-technique .icon {
	background-position: -1px -351px;
}
#expertise .icon {
	background-position: -1px -451px;
}
#garage-camion .icon {
	background-position: -49px -445px;
}
#stations-gpl .icon {
	background-position: -50px -198px;
}
#concession-moto .icon {
	background-position: 0 -404px;
}
#pare-brise .icon {
	background-position: -49px 4px;
}
#parkings .icon {
	background-position: -51px -50px;
}
#pieces-auto .icon {
	background-position: -50px -100px;
}
#pneus .icon {
	background-position: -50px -148px;
}
#stations-service .icon {
	background-position: -51px -250px;
}
#taxis .icon {
	background-position: -48px -298px;
}
#tuning-auto .icon {
	background-position: -49px -349px;
}
#voiture-occasion .icon {
	background-position: -50px -399px;
}
#top-recherches ul {
	padding-right: 15px;
}
@media screen and (max-width: 767px) {
	#top-recherches ul:last-child {
		margin-top: 0;
	}
}
#top-recherches li {
	line-height: 1.3;
}
#top-recherches a {
	color: #546fad;
	font-size: 14px;
	line-height: 16px;
}

/** CONCESSIONS **/
#choix-concession-region #carteFr svg {
	display: block;
}
#choix-concession-region .block-content {
	padding: 20px 0 10px;
}
#concessions-marques-aside ul {
	margin-bottom: 0;
	padding: 14px 12px 0;
}
#concessions-marques-aside li {
	width: 32%;
	text-align: center;
}
#concessions-marques-aside li:last-child {
	padding-right: 0;
}
#concessions-marques-aside li img {
	width: 100%;
}
#concessions-marques-aside li a {
	display: block;
	padding-top: 4px;
	color: #2e2e2f;
	font-size: 11px;
}
#concessions-marques-aside a span {
	text-transform: uppercase;
}
#concessions-marques-aside .block-footer {
	border-top: 1px solid #d1d1d1;
	margin-top: 14px;
}

/** LISTES FICHES **/

.tri-fiches select {
	margin-bottom: 15px;
}
.liste-fiches li.is-mae {
	background: none repeat scroll 0 0 #edf4f7;
}
.liste-fiches li a {
	position: relative;
	z-index: 2;
	display: table;
	width: 100%;
	padding: 18px 15px;
	border-bottom: 1px solid #d5d5d5;
	margin-top: -1px;
	text-decoration: none;
}
.liste-fiches li a:hover {
	background: #d8e2ef;
	padding: 17px 14px 18px;
	border: 1px solid #b5c4d7;
}
.liste-fiches li a > span {
	display: table-cell;
	vertical-align: top;
}
.liste-fiches .media img {
	border: 1px solid #d5d5d5;
}
.liste-fiches .media.has-photo img {
	border-color: #939193;
}
.liste-fiches li:hover .media img {
	border-color: #b5c4d7;
}
.liste-fiches .nom-item {
	margin-top: 8px;
	color: #262626;
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 20px;
}
.liste-fiches .infos {
	padding-right: 15px;
	padding-left: 15px;
}
.liste-fiches .adresse {
	margin-top: 12px;
	color: #606060;
	font-size: 14px;
}
.liste-fiches .lien {
	vertical-align: bottom;
	width: 110px;
}
.liste-fiches .btn {
	width: 100%;
	font-weight: bold;
}
.liste-fiches li:hover .btn {
	background: #FFFFFF;
	filter: none;
	border-color: #cecece;
	color: #606060 !important;
	text-shadow: none;
}

/** DETAIL FICHE **/

#localisation-pro .lvl1-title { 
	margin-bottom: 26px;
}
#localisation-pro #boutonCall a { 
	color: #FFFFFF;
}
#plan-pro {
	border: 1px solid #dee8e9;
}
#localisation-pro small a {
	color: #546fad !important;
	font-size: 11px;
	text-decoration: underline;
}
#localisation-pro .lvl2-title {
	font-size: 18px;
	font-weight: 500;
}
@media screen and (max-width: 767px) {
	#localisation-pro .lvl2-title {
		margin-top: 12px;
	}
}
#localisation-pro p {
	font-size: 12px;
}
#localisation-pro .adresse {
	font-size: 14px;
}
#localisation-pro .block-content {
	border-bottom: 1px solid #dee8e9;
}
#localisation-pro .infos-numero {
	margin-top: 8px;
	font-size: 11px;
}
.infos-numero a {
	text-decoration: underline;
}
#autres-pros {
	padding: 0;
}
#autres-pros .block-content {
	padding: 0 13px 12px;
}
#autres-pros .lvl2-title {
	padding: 12px 13px;
	border-bottom: 0 none;
	font-size: 22px;
}
#autres-pros ol {
	margin-bottom: 0;
}
#autres-pros ol li {
	margin: 12px 0;
	min-height: 70px;
}
#autres-pros ol .numero {
	width: 44px;
	height: 44px;
	margin: 2px 15px 0 0;
	font-size: 22px;
	line-height: 42px;
}
#autres-pros ol .numero.hover,
#autres-pros ol .numero:hover {
	color: #404042;
	border: 1px solid #404042;
	background-color: #fff;
	cursor: pointer;
	text-shadow: none;
}
#autres-pros ol .texte {
	line-height: 1.3;
	float: left;
	width: 226px;
}
#autres-pros ol .texte a {
	font-size: 11px;
	text-decoration: underline;
}
#plan-autres-pros {
	display: block;
	border-top: 1px solid #dee8e9;
}

.detail-bottom .lvl2-title {
	padding-bottom: 7px;
	border-bottom: 1px solid #d5d5d5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.detail-bottom p {
	margin-top: 8px;
	font-size: 12px;
}
.detail-bottom .review-list {
	margin-top: 0;
}
.review {
	border-top: 2px solid #e9e9e9;
	color: #757575;
}
.review:first-child {
	border-top: 0 none;
}
.review .libNote {
	font-weight: bold;
}
.detail-bottom .ratings {
	margin-top: 13px;
	margin-bottom: 5px;
}
.detail-bottom .review-body {
	margin-top: 5px;
}

.partage-block {
	padding: 0;
}
.partage-title {
	font-size: 16px;
	font-weight: bold;
}
.partage-page,
.appel-avis {
	padding: 9px 15px 11px;
}
.partage-page {
	border-bottom: 1px solid #dee8e9;
}
.partage-page .partage-title {
	display: inline-block;
	margin-right: 10px;
	line-height: 27px;
}
.partage-page ul {
	vertical-align: top;
	display: inline-block;
	margin: 0;
}
.partage-page li {
	padding: 0;
}
.partage-page a,
.partage-page .social span {
	width: 27px;
	height: 27px;
}
.partage-page .facebook {
	background-position: -1px -52px;
}
.partage-page .facebook:hover {
	background-position: -1px -2px;
}
.partage-page .twitter {
	background-position: -152px -52px;
}
.partage-page .twitter:hover {
	background-position: -152px -2px;
}
.appel-avis {
	border-top: 1px solid #fff;
}
.appel-avis p {
	margin: 4px 0;
	font-size: 12px;
}

@media screen and (min-width:768px) {
	.modal-dialog {
		width: 780px;
	}
	.pub-modal {
		text-align: right;
	}
}
#reviewModal p {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: bold;
}
#noteUtilisateur {
	margin: 6px 0 9px;
}
#noteUtilisateur td {
	height: 35px;
}
#noteUtilisateur .titre {
	padding-right: 8px;
	color: #868686;
}
#noteUtilisateur .titre label {
	margin-bottom: 0;
}
#noteUtilisateur .affichage-erreur {
	padding-left: 10px;
}
#noteUtilisateur .valid,
#noteUtilisateur .invalid {
	position: static;
	top: auto;
	right: auto;
}
#reviewModal .checkbox {
	font-size: 12px;
}
.modal-footer {
	display: table;
	width:100%;
}
.modal-footer .btn {
	vertical-align: top;
}
.modal-footer .affichage-erreur {
	vertical-align: top;
	padding-left: 12px;
	color: #f40407;
	font-weight: bold;
}
.modal-footer .affichage-erreur ul.list-group {
	display: inline-block;
}
.modal-footer .mentions-legales {
	font-size: 10px;
}

/*******************************/
/******* MAIN CONTAINER *******/
/*****************************/


/*****************************/
/**** ASIDE (MARGE DROITE) ****/
/*******************************/

/*** COMMUN ***/

.block-footer {
    padding: 10px 8px;
	text-align: right;
}
.block-footer a {
	color: #546fad;
	font-size: 14px;
}
ol .numero {
	float: left;
}
ol .numero {
	display: block;
	background-color: #2c2c31;
	-moz-box-shadow: -2px -2px 0 0 rgba(255,255,255,0.75) inset;
	-webkit-box-shadow: -2px -2px 0 0 rgba(255,255,255,0.75) inset;
	box-shadow: -2px -2px 0 0 rgba(255,255,255,0.75) inset;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-shadow: -1px 1px 0 #000;
}
ol .active .numero {
	background: #fff;
	-moz-box-shadow: 2px 2px 0 0 #c8c8c8 inset;
	-webkit-box-shadow: 2px 2px 0 0 #c8c8c8 inset;
	box-shadow: 2px 2px 0 0 #c8c8c8 inset;
	color: #404042;
	text-shadow: none;
}

/*** NOUVEAUX PROS ***/
#nouveaux-pros-aside .article-aside:hover {
	cursor: pointer;
}
#nouveaux-pros-aside .media,
#top-villes .media {
	float: left;
	border: 1px solid #dee8e9;
}
#nouveaux-pros-aside .media {
	margin-right: 5px;
}
#nouveaux-pros-aside .titre {
	font-size: 16px;
	font-weight: bold;
}
#nouveaux-pros-aside .type-pro {
	font-size: 14px;
}
#nouveaux-pros-aside .adresse {
	font-size: 12px;
}

/*** TOP VILLES ***/

#top-villes .article-aside div {
	padding: 12px 11px;
}
#top-villes .article-aside:hover div {
	padding-top: 13px;
	padding-bottom: 13px;
}
#top-villes .article-aside:first-child:hover div {
	padding-top: 12px;
}
#top-villes .article-aside:last-child div {
	border-bottom: 0 none;
}
#top-villes .article-aside:last-child:hover div {
	padding-bottom: 12px;
}
#top-villes .media {
	margin-right: 8px;
}
#top-villes .titre {
	color: #262626;
	font-size: 14px;
	font-weight: bold;
}
#top-villes .type-pro,
#top-villes .adresse {
	font-size: 12px;
}
#top-villes .type-pro {
	color: #606060;
	line-height: 1.6;
}
#top-villes .adresse {
	font-weight: bold;
}

/*** GUIDE ACHAT ***/

#guide-achat-aside {
	background: #edf4f7;
	border: 1px solid #dee8e9;
}
#guide-achat-aside .title {
	margin-bottom: 11px;
	font-size: 22px;
}
#guide-achat-aside li {
	height: 35px;
	margin-bottom: 17px;
	font-size: 14px;
	line-height: 1.2;
}
#guide-achat-aside a {
	color: #404042;
}
#guide-achat-aside .numero {
	width: 35px;
	height: 35px;
	margin-right: 12px;
	margin-left: 12px;
	font-size: 18px;
	line-height: 34px;
}
#guide-achat-aside .texte {
	width: 215px;
}
#conseil-1 .texte,
#conseil-2 .texte {
	padding-top: 1px;
}
#conseil-3 .texte {
	padding-top: 8px;
}

/*******************************/
/**** ASIDE (MARGE DROITE) ****/
/*****************************/