html {
	margin: 0 auto;
	width: auto;
	height: auto;
}

body {
    /* padding-top: 50px; */
    width: auto;
	min-height: 100%;
	min-width: 100%;
	position: relative;
}

.pac-container {
	z-index: 1060;
  }

/* #height-screen
{
	background-color: white;
	-moz-box-shadow: 1px 1px 8px #555;
	-webkit-box-shadow: 1px 1px 8px #555;
	box-shadow: 1px 1px 8px #555;
} */

#menu-height {
	height: 50px;
}

.navbar
{
	margin-bottom: 0;
}

.navbar-brand {
	height: 75px;
	max-width: 175px;
	padding: 15px 0 !important;
	margin-left: 0 !important;
}

.navbar-brand a {
	height: 120px;
	width: 200px;
	
}
.logo {
	padding: 5px;
	max-height: 110px;
	max-width: 230px;
	display: block;
	margin: 0 auto;
	margin: -10px 5px -10px 0;
}
#logo1 {
	display: none;
}

.navbar-nav {
	margin: 0;
	height: 20px;
}

.navbar-inverse .navbar-nav > .active > a {
	/*margin-right: -15px;*/
}

.open li a,
.navbar-left li:first-child a {
	border: none !important;
}
.navbar-header a {
	height: 70px;
}

.titre_horaire {
	font-weight: 600;
	padding: 5px;
}

#table_horaire td {
	padding: 6px;
}

.navbar-nav li a {
	font-weight: 600;
	text-transform: uppercase; 
	height: 75px;
	padding: 30px 25px 0 25px;
	margin: 0 !important;
	font-size: 14px;
}

/* .navbar-nav #panier {
	margin-right: -15px;
} */

.portfolio-item {
    margin: 15px 0;
}

.caption {
	padding: 10px 15px;
    text-align: justify;
    overflow: hidden;
	text-overflow: ellipsis;
}

footer {
	bottom: 0;
	width: 100%;
	height: auto;
	min-height: 230px;
	padding-bottom: 20px;
	z-index: 1000;
	overflow: hidden;
}

footer .footer-content {
	max-width: 1200px;
	margin: 0 auto;
}

footer p {
	margin: 0;
}

footer a:hover {
	color: white;
}

#copyright {
	height: 110px;
	width: 100%;
	font-weight: 600;
	color: white;
	background-color: black;
	text-align: center;
}
#copyright-content {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 45px;
	padding-left: 15px;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

textarea {
    width: 100%;
}

.label-occas {
	padding-top: 10px;
}

.label-reserv {
	padding-top: 5px;
	text-align: right;
}

ul.dropdown-menu li a {
	border: none !important;
}


/* #slider img {
	max-height: 275px;
} */

#slider-pres, #slider-occas {
	padding: 0;
}

#slider-pres img, #slider-occas img {
	float: none;
	width: initial;
	max-width: 570px;
	margin: auto;
	box-shadow: 1px 1px 8px #00000085;
	margin-bottom: 6px;
}

#sous_slider {
	margin-top: 0;
	text-align: justify;
	padding: 0;
}

#bloc_description_home {
	height: 408px;
	flex: auto;
	position: relative;
	margin-bottom: 25px;

}
#description_home {
	background-color: white;
	overflow: hidden;
	height: 408px;
	padding: 20px;
	font-size: 18px;
}

/* #horaire_home > .table {
	width: 75%;
	max-width: 75%;
} */

#horaire_home > .table > tbody > tr > td,
#horaire_home > .table > tbody > tr > th {
	padding: 0 !important;
}

#horaire_home > table > tbody > tr > td {
	text-align: center;
}

/* Ecran > 1200px */
@media (min-width: 1200px)
{
	#menu_bg
	{
		position: absolute;
		height: 75px;
		width: 100%;
		top: 50px;
	}

	#menu-height .collapse
	{
		padding-left: 0;
		padding-right: 0;
	}

	#tel-header-mobile
	{
		display: none;
	}

	#tp4_menu_cont
	{
		position: relative;
		width: 1200px;
		margin: 0 auto;
	}

	#tp4_menu2
	{
		position: absolute;
		width: 1200px;
		height: 75px;
		border-radius: 0 0 8px 8px;
		color: black;
	}

	#tp3_panier, #tp4_menu
	{
		display: none;
	}

	#tp4_panier
	{
		position: absolute;
		right: 0;
	}

	#tp4_logo
	{
		padding: 0;
		max-width: 175px;
		max-height: 65px;
	}

	#tp4_nav
	{
		border: none;
		z-index: 1;
	}

	.tp4_menu_text
	{
		color: #262324 !important;
	}

	.tp4_menu_text:hover
	{
		color: #d4d4dc !important;
	}

	.fa-8
	{
		font-size: 6em;
		padding-bottom: 15px;
		color: #5f5f5f;
	}

	#presta_cont
	{
		width: 825px;
	}

	#moteur_recherche_mobile .recherche-filtre
	{
		background-size: cover;
	}

	#moteur_recherche .recherche_filtre
	{
		width: 195px;
	}

	#hor_map
	{
		margin-right: 5px;
		width: 370px;
	}

	#horaire_home
	{
		overflow: hidden;
		height: 176px;
		width: 370px;
		padding: 20px 5px 0 15px;
		margin-bottom: 10px;
		font-size: 13px;
		/* background-image: url("../../htdocs/img/bg-horaire.png"); */
	}

	.tr-hor
	{
		height: 21px;
	}

	#coord_descr_mobile
	{
		display: none;
	}

	.presta-home {
		/* padding: 0 20px; */
		display: flex;
		justify-content: space-between;
		height: 260px;
		width: 825px;
		margin-bottom: 25px;
	}

	.img-presta
	{
		max-height: 260px;
		-webkit-transition-duration: 0.2s; /* Safari */
		transition-duration: 0.2s;
	}
	
	#libelle-hor, .libelle-presta2, .libelle-vignette
	{
		padding-top: 4px;
		font-size: 20px;
		height: 30px;
		top: -15px;
		z-index: 5;
		margin-top: 0;
	}

	#libelle-hor
	{
		right: 110px;
		left: 110px;
	}

	.libelle-presta2
	{
		right: 20px;
		left: 20px;
	}

	.libelle-vignette
	{
		right: 55px;
		left: 55px;
	}

	.map-canvas-home
	{
		height:275px;
		width:370px;
	}

	#lien_description_home
	{
		text-align: center;
		padding: 7px 10px;
		height: 30px;
		position: absolute;
		right: 94px;
		left: 94px;
		bottom: -15px;
	}

	.presta-prix, .vignette-btn
	{
		font-size: 16px;
		line-height: 30px;
		position: absolute;
		left: 0;
		bottom: 0px;
		right:0;
	}
	
	.vignette
	{
		background-color: white;
		height: 260px;
		width: 260px;
		font-size:16px;
		padding: 45px 20px;
		-webkit-transition-duration: 0.2s; /* Safari */
		transition-duration: 0.2s;
	}

	.triangle-vignette-top
	{
		top: -15px;
		left: 105px;
	}

	.vignette-lien:hover
	{
		text-decoration: none;
	}

	/***********************
	* Page Point de vente  *
	***********************/

	#pdv_map_cont
	{
		padding: 0;
		max-width: 480px;
	}

	#pdv_hor_cont
	{
		margin-left: 10px;
		margin-right: 10px;
		height: 300px;
	}

	/***********************
	*   Page Rendez-vous   *
	***********************/

	#calend_cont
	{
		padding-left: 0;
		padding-right: 0;
		margin-right: 10px;
		width: 290px;
		height: 295px;
	}

	#instruction_horaire
	{
		padding: 0;
	}

	.triangle-libelle-rdv2
	{
		height: 30px;
		width: 30px;
		transform:skewX(45deg);
		top: -15px;
	}

	.libelle-rdv2-shadow
	{
		top: -21px;
		left: -6px;
	}

	#calend_cont>.triangle-libelle-rdv2
	{
		left: 235px;
	}

	#calend_cont>strong
	{
		top: -15px;
		height: 30px;
		text-align: center;
		padding-top: 5px;
		width: 250px;
	}

	#calend_cont>.test
	{
		padding: 20px 0 17px 40px;
		height: 295px;
	}

	#calend_cont table
	{
		line-height: 1.43;
	}

	#calend_cont tr
	{
		font-size: 14px;
	}

	#instruction_horaire>strong
	{
		top: -15px;
		height: 30px;
		text-align: center;
		padding-top: 5px;
		z-index: 4;
		width: 225px;
	}
	
	#instruction_horaire>.test
	{
		padding: 30px 15px 30px 20px;
	}

	.btn-hor-rdv
	{
		margin: 5px;
	}

	/********************************
	*    Page Locations/occasions   *
	********************************/

	.article-cont
	{
		max-width: 595px;
	}

	.article-cont:nth-of-type(odd)
	{
		margin-right: 5px;
	}

	.article-cont:nth-of-type(even)
	{
		margin-left: 5px;
	}

	#article
	{
		height: 450px;
	}

	#article_pneu
	{
		height: 470px;
	}

	.article-occas
	{
		height: 560px !important;
	}

	#article-titre
	{
		min-height: 10px;
	}

	#article-titre>h2
	{
		min-width: 540px;
		height: 40px;
		padding-top: 8px;
		font-size: 25px;
		top: -20px;
	}

	.article-titre-occas
	{
		height: 60px !important;
	}

	#article-tab,
	#article-image,
	#article-image img,
	#article-pneu-image,
	#article-pneu-image img
	{
		max-height: 250px;
	}

	#article-tab
	{
		height: 250px;
	}

	.article-img-occas
	{
		margin-top: 20px;
	}

	.occas-loc
	{
		font-size: 14px;
		height: 40px;
		margin: 0;
	}

	#article-prix
	{
		font-size: 25px; 
	}

	/********************************
	*     Page Location/occasion    *
	********************************/

	#loc_info, #loc_descr, .loc-descr-btn-cont, #btn_cont
	{
		width: 595px;
	}

	/* #loc_info
	{
		height: 480px;
	} */

	#loc_info>#slider,
	#loc_info>#slider-occas
	{
		margin-top: 15px;
	}

	#loc_info>#slider>.rslides,
	#loc_info>#slider-occas>.rslides
	{
		height: 300px;
	}
 
	#loc_info>div>img
	{
		margin: 15px auto;
		max-height: 290px;
	}

	#loc_descr, #btn_cont
	{
		margin-left: 10px;
    	/* min-height: 480px; */
	}

	/**********************
	*  Page Présentation  *
	**********************/

	#presentation_cont
	{
		padding-right: 5px;
	}

	#pres_slider_cont
	{
		padding-left: 5px;
	}

	.pdv
	{
		width: 290px;
	}

	/***********************
	*    Page Recherche    *
	***********************/

	.rech_cont
	{
		padding-top: 15px;
	}
}

/* Ecran < 1200px */
@media (max-width: 1200px)
{
	#tp4_nav
	{
		position: fixed;
		right: 0;
		left: 0;
		z-index: 1030;
	}

	#tel-header, #tp4_logo_link
	{
		display: none;
	}

	.height-screen-home
	{
		margin-top: 10px;
	}

	.fa-8
	{
		font-size: 5em;
		padding-bottom: 20px;
		color: #5f5f5f;
	}

	#magasin-header-mobile
	{
		text-align: center;
		margin-top: 25px;
	}

	#tel-header-mobile
	{
		right: 90px;
		top: 25px;
		font-size: 15px;
	}

	#magasin-header, #tel-header
	{
		display: none;
	}

	#menu-height {
		width: auto;
		height: auto;
	}
	.navbar-header {
	    float: none;
		margin: 0 !important;
	}
	.navbar-nav {
	    float: none !important;
	    height: auto;
	    margin: 0 0 0 -15px !important;
	}

	.ribbon
	{
		margin-top: 20px !important;
	}

	#logo2 {
		display:none;
		height: 0;
	}
	#logo1 {
		display:block;
	}
	.navbar-nav #panier {
		border-radius: 0;
	}
	.navbar-left li a {
		border: none !important;
	}
	
	#menu-height {
		height: auto;
	}
	
	.logo {
		max-height: 60px;
	}
	
	.navbar-toggle {
	    display: block;
	    margin-top: 18px;
	}
	.navbar-collapse {
	    border-top: 1px solid transparent;
	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	    padding-right: 0;
	}
	.navbar-collapse.collapse {
	    display: none !important;
	    max-height: none;
	}
	.navbar-nav {
	    float: none !important;
	}
	.navbar-nav>li {
	    float: none;
	}

	#tp4_menu2, #tp4_panier
	{
		display: none;
	}

	#tp3_panier, #tp4_menu
	{
		display: initial;
	}

	#tp4_menu>li:first-of-type
	{
		display: none;
	}

	.navbar-nav li a:hover {
		border: none !important;
	}
	.navbar-nav li a.active {
		border: none !important;
	}
  	.collapse.in {
    	display: block !important;
 	}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
		margin-right: -15px;
		margin-left: -15px;
	}
	.navbar-nav #panier {
		margin-right: 0;
	}

	#slider {
		margin-top: 0;
		padding: 0;
	}

	#horaire_home
	{
		overflow: hidden;
		height: 245px;
		width: 240px;
		padding: 20px 15px 0 15px;
		margin-bottom: 10px;
		font-size: 11px;
		/* background-image: url("../../htdocs/img/bg-horaire.png"); */
	}

	#moteur_recherche_mobile
	{
		height: 245px;
	}

	.recherche_filtre
	{
		height: 210px;
	}

	.tr-hor
	{
		height: 30px;
	}

	#hor_map
	{
		margin-right: 5px;
	}

	#coord_descr_mobile
	{
		display: none;
	}

	.presta-home
	{
		/* padding: 0 20px; */
		display: flex;
		justify-content: space-between;
		height: 240px;
		width: 725px;
		margin-bottom: 20px;
	}

	.img-presta
	{
		max-height: 235px;
		-webkit-transition-duration: 0.2s; /* Safari */
		transition-duration: 0.2s;
	}

	#libelle-hor, .libelle-presta2, .libelle-vignette
	{
		margin-top: 0;
		padding-top: 4px;
		font-size: 15px;
		height: 24px;
		z-index: 5;
		top: -12px;
	}

	#libelle-hor
	{
		right: 55px;
		left: 55px;
	}

	.libelle-presta2
	{
		width: 180px;
		left: 30px;
	}

	.libelle-vignette
	{
		width: 120px;
		left: 60px;
	}

	.map-canvas-home
	{
		height:247px;
		width:240px;
	}

	#bloc_description_home, #description_home
	{
		height: 369px;
		font-size: 13px;
	}

	#lien_description_home
	{
		text-align: center;
		padding: 5px 10px;
		width: 140px;
		height: 24px;
		position: absolute;
		right:50px;
		bottom:-12px;
	}
	
	.presta-prix, .vignette-btn
	{
		font-size: 12px;
		line-height: 24px;
		position: absolute;
		left: 0;
		bottom: 0px;
		right:0;
	}

	#section-vignettes
	{
		margin-top: 0px;
	}

	.vignette
	{
		height: 235px;
		width: 235px;
		font-size: 12px;
		padding: 55px 30px;
	}

	.vignette-lien:hover
	{
		text-decoration: none;
	}

	/***********************
	* Page Point de vente  *
	***********************/

	#pdv_coord_cont
	{
		max-width: 240px;
	}

	#pdv_hor_cont
	{
		max-width: 320px;
		margin-left: 10px;
		margin-right: 10px;
		height: 300px;
	}

	#pdv_map_cont
	{
		max-width: 390px;
	}

	/***********************
	*   Page Rendez-vous   *
	***********************/

	#calend_cont
	{
		width: 290px;
		padding-left: 0;
		padding-right: 0;
		margin-right: 10px;
	}

	#instruction_horaire
	{
		width: 670px;
		padding: 0;
	}

	.triangle-libelle-rdv2
	{
		height: 30px;
		width: 30px;
		transform:skewX(45deg);
		top: -15px;
	}

	.libelle-rdv2-shadow
	{
		top: -21px;
		left: -6px;
	}

	#calend_cont>.triangle-libelle-rdv2
	{
		left: 235px;
	}

	#calend_cont>strong
	{
		top: -15px;
		height: 30px;
		text-align: center;
		padding-top: 5px;
		width: 250px;
	}

	#calend_cont>.test
	{
		padding: 20px 0 17px 40px;
	}

	#instruction_horaire>.triangle-libelle-rdv2
	{
		left: 210px;
	}
	
	#instruction_horaire>strong
	{
		width: 225px;
		top: -15px;
		height: 30px;
		text-align: center;
		padding-top: 5px;
		z-index: 4;
	}
	
	#instruction_horaire>.test
	{
		padding: 30px 15px 30px 20px;
	}

	#titre_validation_horaire>.triangle-libelle-rdv2
	{
		left: 285px;
	}

	.btn-hor-rdv
	{
		margin: 5px;
	}

	/********************************
	*    Page Locations/occasion    *
	********************************/

	.article-cont
	{
		max-width: 480px;
	}

	.article-cont:nth-of-type(odd)
	{
		margin-right: 5px;
	}

	.article-cont:nth-of-type(even)
	{
		margin-left: 5px;
	}

	#article
	{
		height: 415px;
	}

	#article_pneu
	{
		height: 465px;
	}

	.article-occas
	{
		height: 535px !important;
	}

	.article-titre-occas
	{
		height: 60px !important;
	}

	.article-img-occas
	{
		margin-top: 20px;
	}

	#article-titre
	{
		min-height: 10px;
	}

	#article-titre>h2
	{
		min-width: 460px;
		height: 40px;
		padding-top: 8px;
		font-size: 25px;
		top: -20px;
	}

	.occas-loc
	{
		font-size: 12px;
		height: 30px;
		margin: 0;
	}

	#article-tab,
	#article-image,
	#article-image img,
	#article-pneu-image,
	#article-pneu-image img
	{
		max-height: 230px;
	}

	.article-img-occas
	{
		margin-top: 20px;
	}

	#article-prix
	{
		font-size: 20px; 
	}

	/********************************
	*     Page Location/occasion    *
	********************************/

	#loc_info, #loc_descr, .loc-descr-btn-cont, #btn_cont
	{
		width: 480px;
	}

	/* #loc_info
	{
		height: 450px;
	} */

	#loc_info>div>img
	{
		margin: 15px auto;
		max-height: 260px;
	}

	#loc_descr, #btn_cont
	{
		margin-left: 10px;
    	/* min-height: 450px; */
	}

	/**********************
	*  Page Présentation  *
	**********************/

	#presentation_cont
	{
		padding-right: 5px;
	}

	#pres_slider_cont
	{
		padding-left: 5px;
	}

	.pdv
	{
		width: 232.5px;
	}

	/***********************
	*    Page Recherche    *
	***********************/

	.rech_cont
	{
		padding-top: 15px;
	}
}
/* Fin Ecran < 1200px */

/* écran < 991px */
@media (max-width: 991px)
{
	.fa-8
	{
		font-size: 6em;
		padding-bottom: 20px;
	}

	#moteur_recherche_mobile, .recherche_filtre

	{
		height: initial;
	}

	#slider
	{
		margin-bottom: 10px;
	}

	.presta-home
	{
		/* padding: 0 20px; */
		display: flex;
		justify-content: space-between;
		height: 235px;
		width: 750px;
		margin-bottom: 25px;
	}

	.img-presta
	{
		max-height: 240px;
	}

	#hor_map_presta_cont
	{
		display: flex;
		flex-direction: column;
		margin-top: 10px;
	}

	#hor_map
	{
		display: none;
	}

	#coord_descr_mobile
	{
		display: block;
	}

	#coord_descr_mobile .section-flex
	{
		margin-top: 0;
		height: 192px;
		margin-bottom: 10px;
	}

	#description_home, #bloc_description_home
	{
		height: initial;
	}

	#bloc_description_home
	{
		margin-bottom: 34px;
	}

	#lien_description_home
	{
		left: 305px;
	}

	#libelle-hor
	{
		width: 120px;
		left: 60px;
		top: 0;
	}

	.tr-hor
	{
		height: 20px;
	}

	#horaire_home
	{
		width: 240px;
		height: 180px;
		margin-bottom: 0;
		margin-top: 12px;
	}

	.map-canvas-home
	{
		width: 500px;
		height: 192px;
	}

	.vignette
	{
		padding: 52px 25px;
	}

	/***********************
	*   Page Rendez-vous   *
	***********************/

	#instruction_horaire
	{
		width: 450px;
		height: 295px;
		padding: 0;
	}

	.btn-hor-rdv
	{
		margin: 3px;
		width: 100px;
		padding: 14px 20px 11px !important;
	}

	#instruction_horaire>.test
	{
		padding: 30px 10px 30px 10px;
	}

	/********************************
	*    Page Locations/occasion    *
	********************************/

	.article-cont
	{
		max-width: 370px;
	}

	.article-cont:nth-of-type(odd)
	{
		margin-right: 5px;
	}

	.article-cont:nth-of-type(even)
	{
		margin-left: 5px;
	}

	#article-titre>h2
	{
		min-width: 340px;
		font-size: 18px;
		top: -20px;
		padding-top: 12px;
	}

	#article
	{
		height: 360px;
	}

	#article_pneu
	{
		height: 400px;
		font-size: 12px;
	}

	.article-occas
	{
		height: 495px !important;
	}

	.occas-loc
	{
		font-size: 9px;
		height: 25px;
	}

	#article-tab,
	#article-image,
	#article-image img,
	#article-pneu-image,
	#article-pneu-image img
	{
		max-height: 180px;
	}

	#article-tab
	{
		height: 180px;
	}

	/********************************
	*     Page Location/occasion    *
	********************************/

	#loc_info, #loc_descr, .loc-descr-btn-cont, #btn_cont
	{
		width: 370px;
	}

	/* #loc_info
	{
		height: 400px;
	} */

	#loc_info>div>img
	{
		margin: 15px auto;
		max-height: 200px;
	}

	#loc_descr, #btn_cont
	{
		margin-left: 10px;
    	/* min-height: 400px; */
	}

	/**********************
	*  Page Présentation  *
	**********************/

	#presentation_cont
	{
		padding-right: 0;
	}

	#pres_slider_cont
	{
		padding-left: 0;
	}

	.pdv
	{
		width: 240px;
	}

	.pdv-info
	{
		font-size: 12px;
	}

	/***********************
	* Page Point de vente  *
	***********************/

	#pdv_coord_cont
	{
		max-width: 240px;
	}

	#pdv_hor_cont
	{
		max-width: 500px;
		margin-right: 0;
	}

	#pdv_map_cont
	{
		max-width: none;
		padding:0;
	}

	/***********************
	*    Page Recherche    *
	***********************/

	.rech_cont
	{
		padding-top: 15px;
	}
}
/* Fin Ecran < 991px */

/* écran < 750px */
@media (max-width: 750px)
{
	.fa-8
	{
		font-size: 6em;
		padding-bottom: 12px;
	}

	#magasin-header-mobile
	{
		margin-top: 28px;
		font-size: 12px;
	}

	#tel-header-mobile
	{
		right: 70px;
		top: 28px;
		font-size: 12px;
	}

	#height-screen
	{
		width: 600px;;
	}

	#horaire_home
	{
		width: 190px;
		height: 180px;
		margin-bottom: 0;
		margin-right: 0;
		padding: 20px 10px;
	}

	#libelle-hor
	{
		padding-top: 4px;
		left: 45px;
		font-size: 12px;
		height: 20px;
		width: 100px;
	}

	.map-canvas-home
	{
		width: 400px;
		height: 192px;
	}

	.presta-home
	{
		/* padding: 0 20px; */
		display: flex;
		justify-content: space-between;
		height: 190px;
		width: 600px;
		margin-bottom: 25px;
	}

	.img-presta
	{
		max-height: 190px;
	}

	.vignette
	{
		height: 190px;
		width: 190px;
		font-size: 10px;
		padding: 45px 20px;
	}

	.libelle-presta2
	{
		width: 140px;
		padding-top: 4px;
		left: 25px;
		text-align: center;
		font-size: 12px;
		height: 20px;
		top: -10px;
		z-index: 5;
	}

	.presta-prix
	{
		font-size: 10px;
		line-height: 20px;
		position: absolute;
		width: 190px;
	}

	.libelle-vignette
	{
		width: 100px;
		font-size: 12px;
		padding-top: 4px;
		left: 45px;
		text-align: center;
		height: 20px;
		top: -10px;
	}

	.vignette-btn
	{
		height: 20px;
		width: 190px;
		position: absolute;
		font-size: 10px;
		font-weight: bold;
	}

	#description_home
	{
		padding-bottom: 20px;
	}

	#lien_description_home
	{
		text-align: center;
		padding: 4px 10px;
		height: 20px;
		position: absolute;
		left: 238px;
		right: 238px;
		bottom: -10px;
	}

	/***********************
	*   Page Rendez-vous   *
	***********************/

	#instruction_horaire
	{
		width: 300px;
		height: 295px;
		padding: 0;
	}

	.btn-hor-rdv
	{
		margin: 2px;
		width: 65px;
		font-size: 9px !important;
		padding: 14px 5px 11px !important;
	}

	#instruction_horaire>.test
	{
		padding: 30px 10px 30px 10px;
		height: 295px;
	}

	/********************************
	*    Page Locations/occasion    *
	********************************/

	.article-cont
	{
		max-width: 295px;
	}

	.article-cont:nth-of-type(odd)
	{
		margin-right: 5px;
	}

	.article-cont:nth-of-type(even)
	{
		margin-left: 5px;
	}

	#article
	{
		height: 280px;
	}

	#article_pneu
	{
		height: 390px;
		font-size: 12px;
	}

	.article-occas
	{
		height: 410px !important;
	}

	.article-titre-occas
	{
		height: 50px !important;
	}

	.article-img-occas
	{
		margin-top: 15px;
	}

	#article-titre
	{
		min-height: 10px;
	}

	#article-titre>h2
	{
		min-width: 270px;
		height: 30px;
		padding-top: 9px;
		font-size: 15px;
		top: -15px;
	}

	.occas-loc
	{
		font-size: 9px;
		height: 25px;
	}

	#article-prix
	{
		font-size: 14px;
	}

	#article-image,
	#article-image img
	{
		max-height: 120px;
	}

	#article-pneu-image,
	#article-pneu-image img
	{
		max-height: 160px;
	}

	#article-tab
	{
		height: 160px;
	}

	#article-prix>div
	{
		font-size: 9px;
	}

	/********************************
	*     Page Location/occasion    *
	********************************/

	#loc_info, #loc_descr, .loc-descr-btn-cont, #btn_cont
	{
		width: 295px;
	}

	/* #loc_info
	{
		height: 350px;
	} */

	#loc_info>div>img
	{
		margin: 15px auto;
		max-height: 180px;
	}

	#loc_descr, #btn_cont
	{
		margin-left: 10px;
    	/* min-height: 350px; */
	}

	/**********************
	*  Page Présentation  *
	**********************/

	.pdv
	{
		width: 290px;
	}

	.pdv-info
	{
		font-size: 14px;
	}

	/***********************
	* Page Point de vente  *
	***********************/

	#pdv_hor_cont
	{
		max-width: 350px;
		margin-right: 0;
	}
}
/* Fin écran < 750px */

/* écran < 600px */

@media (max-width: 600px)
{
	#height-screen
	{
		width: auto;
	}

	#tel-header-mobile
	{
		display: none;
	}

	#coord_descr_mobile .section-flex #map
	{
		width: 100%;
		margin-right: 5px;
	}

	#libelle-hor
	{
		width: initial;
		left: 55px;
		right: 55px;
		top: -10px;
		margin-top: 10px;
	}

	.map-canvas-home
	{
		flex: auto;
		width: initial;
	}

	.presta-home, #section-vignettes
	{
		width: initial;
		height: auto;
		justify-content: space-around;
	}

	#section-vignettes
	{
		margin-top: 15px;
	}

	.libelle-presta2
	{
		width: initial;
		padding-top: 4px;
		left: 10px;
		right: 10px;
		text-align: center;
		font-size: 11px;
		height: 20px;
		top: -7px;
		z-index: 5;
	}

	.presta-prix, .vignette-btn
	{
		width: initial;
		left: 0;
		right: 0;
	}

	.img-presta, .presta-home div a .relative
	{
		height: auto;
		flex: auto;
	}

	.presta-home div a .relative
	{
		width: 95%;
	}

	.libelle-vignette
	{
		width: initial;
		left: 26px;
		right: 26px;
		font-size: 11px;
		top: -10px;
	}

	.vignette
	{
		height: 100%;
		flex: auto;
		width: 95%;
		padding: 40px 5px;
		font-size: 9px;
	}

	.vignette-lien
	{
		flex: auto;
		width: 95%;
	}

	.fa-8
	{
		font-size: 5em;
		padding-bottom: 10px;
	}

	#lien_description_home
	{
		width: initial;
		text-align: center;
		padding: 4px 10px;
		height: 20px;
		position: absolute;
		left:80px;
		right: 80px;
		bottom:-10px;
	}

	/***********************
	*   Page Rendez-vous   *
	***********************/

	#calend_cont, #instruction_horaire
	{
		width: 100%;
		height: auto;
	}

	#instruction_horaire
	{
		margin-top: 25px;
	}

	#instruction_horaire>.test
	{
		padding: 30px 10px 30px 10px;
		height: auto;
	}

	.btn-hor-rdv
	{
		margin: 5px;
		font-size: 11px !important;
		width: 100px;
		padding: 14px 15px 11px !important;
	}

	/********************************
	*    Page Locations/occasion    *
	********************************/

	.article-cont
	{
		max-width: none;
	}

	.article-cont:nth-of-type(odd)
	{
		margin-right: 0;
	}

	.article-cont:nth-of-type(even)
	{
		margin-left: 0;
	}

	#article
	{
		height: 295px;
	}

	#article_pneu
	{
		height: 370px;
	}

	#article-titre
	{
		min-height: 5px;
	}

	#article-titre>h2
	{
		min-width: 300px;
		height: 30px;
		padding-top: 8px;
		font-size: 15px;
	}

	#article-image,
	#article-image img,
	#article-pneu-image,
	#article-pneu-image img
	{
		max-height: 140px;
	}

	#article-tab
	{
		height: 160px;
	}

	/********************************
	*     Page Location/occasion    *
	********************************/

	#loc_info, #loc_descr, .loc-descr-btn-cont, #btn_cont
	{
		width: 100%;
	}

	/* #loc_info
	{
		height: 375px;
	} */

	#loc_info>div>img
	{
		margin: 15px auto;
		max-height: 180px;
	}

	#loc_descr, #btn_cont
	{
		/* min-height: 350px; */
		margin-left: 0;
	}

	/**********************
	*  Page Présentation  *
	**********************/

	.pdv
	{
		width: 100%;
	}

	/***********************
	* Page Point de vente  *
	***********************/

	#pdv_coord_cont
	{
		max-width: none;
	}

	#pdv_hor_cont
	{
		margin-top: 15px;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}

	#pdv_map_cont
	{
		max-width: none;
		padding:0;
	}

	/***********************
	*    Page Recherche    *
	***********************/

	.rech_cont
	{
		padding-top: 35px;
	}
}
/* Fin écran < 600px */

/* écran < 480px */

@media (max-width: 480px)
{
	#coord_descr_mobile .section-flex
	{
		flex-direction: column;
		height: initial;
		margin-bottom: 0;
	}

	#coord_descr_mobile .section-flex #map
	{
		margin-right: 0;
		margin-bottom: 10px;
	}

	#bloc_description_home
	{
		margin-right: 0;
		margin-bottom: 25px;
	}

	#lien_description_home
	{
		text-align: center;
		padding: 2px 10px;
		width: initial;
		height: 15px;
		position: absolute;
		right: 115px;
		left: 115px;
		bottom: -7px;
		font-size: 8px;
	}

	#hor_map
	{
		flex-direction: column
	}

	#horaire_home
	{
		width: initial;
		margin-bottom: 10px;
		margin-right: 0;
	}

	#libelle-hor
	{
		width: initial;
		padding-top: 2px;
		left: 120px;
		right: 120px;
		font-size: 10px;
		height: 16px;
		top: -7px;
		z-index: 5;
	}

	.map-canvas-home
	{
		height: 150px;
	}

	.presta-home
	{
		margin-bottom: 18px;
	}

	.libelle-presta2, .libelle-vignette
	{
		position: absolute;
		padding-top: 5px;
		text-align: center;
		font-size: 8px;
		height: 16px;
		top: -8px;
		z-index: 5;
	}

	.libelle-presta2
	{
		left: 7px;
		right: 7px;
	}

	.libelle-vignette
	{
		width: initial;
		left:0;
		right: 0;
		left: 15px;
		right: 15px;
	}
	
	.presta-prix, .vignette-btn
	{
		font-size: 8px;
		line-height: 16px;
		position: absolute;
		right:0;
		left: 0;
		width: initial;
	}

	.vignette
	{
		padding-top: 20px;
		height: 80%;
	}

	.vignette-lien
	{
		height: 80%;
	}

	.vignette-btn
	{
		height: 16px;
	}

	.vignette .grey
	{
		display: none;
	}
}

@media (max-width: 974px) {
	/* #slider {
		margin-top: 35px;
		padding: 0;
	} */
	/* #horaire_home,
	#bloc_description_home,
	#description_home {
		height: auto;
	} */
	
	#lien_description_home,
	#horaire_home .table {
		margin-bottom: 0;
	}
}

.libelle-presta
{
	position: absolute;
	padding-top: 15px;
	left: 0;
	right: 0;
	text-align: center;
    font-size: 20px;
	height: 55px;
	bottom: 25px;
}

@media (max-width: 380px) and (min-width: 300px) {
	.libelle-presta {
		font-size: 16px;
		padding-top:30px;
	}
}

@media (max-width: 300px) {
	.libelle-presta {
		font-size: 14px;
		padding-top:40px;
	}
}

#bloc_map {
	padding: 0;
}

.bordergris {
	border: 1px solid #ddd;
}

#nb_resultat {
	min-width: 300px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-height: 30px;
    top: -15px;
    text-align: center;
    padding: 5px 15px;
    margin: 0;
	background-color: #eee;
}

#head-panier {
	text-transform: uppercase;
	font-size: 12px;
	border: 1px solid;
}

#panier_article {
	background-color: #ffffff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#recherche_alternative td,
#mise_en_avant td,
#resultat_recherche td {
	background-color: #ffffff;
	border-top: 1px solid #ddd;
}

#resultat_recherche,
#mise_en_avant 
{
	margin-bottom: 25px;
}

#recherche_alternative {
	margin-bottom: 10px;
}
#resultat_recherche table,
#mise_en_avant table
{
	margin: 0;
}

#parametre {
	margin-bottom: 30px;
	padding: 10px;
	background-color: #eee;
	border: 1px solid #ddd;
}

.helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.slider-horizontal {
	float: left;
	width: 100% !important;
}

.img-occas {
	max-height: 500px;
	max-width: 500px;
}


.btn:hover {
	background-color: #3b3a3c;
	color: white;
}

.btn { 
	border: medium none;
    border-radius: 2px;
    font-size: 10px;
    font-weight: bold;
    outline: medium none;
    padding: 10px 25px 11px;
    transition: all 0.4s ease-in-out 0s;
    text-transform: uppercase;
}
.btn-lg {
	padding: 15px 30px;
	font-size: 13px;
}

td.img-recherche {
	width: 200px;
	padding-left: 15px;
}

.promo {
	position: absolute;
	top: 5px;
}
.promo-article {
	position: absolute;
	top: 0px;
	left: 0px;
}

div.img {
	overflow: hidden;
	height: 6em;
	width: 120px;
}

td.profil {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
td.profil h4 {
	margin: 5px 0 0 0;
}
tr.article-pneu td{
	border-top: none !important;
}

.profil-link {
	font-size: 16px;
	color: black;
	text-decoration: none;
}


.price {
    font-size: 22px;
    font-weight: 700;
}
.price1 {
    font-size: 18px;
    font-weight: 700;
}
.price_article {
	font-size: 24px;
    font-weight: 700;
    text-align: center;
}


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	vertical-align: middle;
}



.modal {
	text-align: center;
}

/*.modal:before {
	display: inline-block;
	vertical-align: middle;
	content: " ";
	height: 100%;
}

.modal-dialog {
	display: inline-block;
	vertical-align: middle;
}*/

#etiquette {
	float: left;
	position: relative;
	width: 163px;
	height: 210px;
	margin: 0 20px 5px 5px;
	box-shadow: 0 3px 3px #ccc;
}

#efficacite {
	position: absolute;
	top: 0;
	left: 0;
}

#adherence {
	position: absolute;
	top: 0;
	left: 80px;
}
#bruit {
	position: absolute;
	top: 135px;
	left: 0;
}

#db {
	position: absolute;
	top: 119px;
	left: 62px;
}
#db .db_txt {
	position: absolute;
	top: 33px;
	right: 10px;
	color: #000000;
	font-size: 9px;
	font-weight: 700;
	line-height: 15px;
}

#pmf {
	position: absolute;
	top: 134px;
	left: 65px;	
}

#verglas {
	position: absolute;
	top: 134px;
	left: 116px;	
}

.datetimepicker {
	background-color: #eee;
	margin-top: 10px;
}

#horaire {
	display: none;
	margin-top: 10px;
}


/*
.table {
	border-collapse: initial;
}
*/
.radio-presta {
	margin-left: 20px;
	display: inline;
	white-space: nowrap;
}

.radio-presta-devis {
	margin-right: 20px;
	display: inline;
	white-space: nowrap;
}


/*
.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}*/

#img-pneu {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

#moteur_recherche .tabs ul {
	height: 40px;
	width: 40px;
	margin-bottom: 0;
	padding-left: 0;
}

#moteur_recherche .tabs ul li {
	float: left;
	height: 40px;
	width: 40px;
	margin-top: 0;
	list-style: none;
}

#moteur_recherche .tabs ul li a {
	/*border-radius: 4px 4px 0 0;*/
	display: block;
	padding: 7px 5px;
	height: 40px;
	width: 40px;
	/*background: #ccc;
	color: white;
	font-weight: bold;*/
	text-decoration: none;
	/* -webkit-transition-duration: 0.4s; Safari
    transition-duration: 0.4s;
	margin-top: 1px; */
	border-bottom: none;
}

#moteur_recherche_mobile .tabs ul {
	height: 35px;
	margin-bottom: 0;
	padding-left: 0;
}

#moteur_recherche_mobile .tabs ul li {
	float: left;
	margin-top: 0;
	list-style: none;
}

#moteur_recherche_mobile .tabs ul li a {
	/*border-radius: 4px 4px 0 0;*/
	height: 36px;
	display: block;
	padding: 7px 12px;
	/*background: #ccc;
	color: white;
	font-weight: bold;*/
	text-decoration: none;
	/* -webkit-transition-duration: 0.4s;
	transition-duration: 0.4s; */
	border-bottom: none;
}

#filtre form .row .padding-10 .col-md-12
{
	padding-left: 0;
}

#filtre form .row .padding-10 .col-md-12:first-of-type .float-left
{
	margin-left: 10px;
}

#filtre form .row .padding-10 .col-md-12:first-of-type div:first-of-type
{
	margin-left: 0;
}

.icons_famille
{
	width: 25px;
}
/* @media (max-width: 600px) {
	#moteur_recherche_mobile .tabs ul li {
		width: 100%;
		text-align: center;
	}
} */

#RECH-1 {
	background: url("../../htdocs/img/filtre/RECH-VOIT.png") no-repeat center;
}
#RECH-2 {
	background: url("../../htdocs/img/filtre/RECH-4x4.png") no-repeat center;
}
#RECH-4 {
	background: url("../../htdocs/img/filtre/RECH-QUAD.png") no-repeat center;
}
#RECH-5 {
	background: url("../../htdocs/img/filtre/RECH-MOTO.png") no-repeat center;
}
#RECH-6 {
	background: url("../../htdocs/img/filtre/RECH-PL.png") no-repeat center;
}
#RECH-7 {
	background: url("../../htdocs/img/filtre/RECH-GAZON.png") no-repeat center;
}
#RECH-8 {
	background: url("../../htdocs/img/filtre/RECH-AGR.png") no-repeat center;
}
#RECH-9 {
	background: url("../../htdocs/img/filtre/RECH-INDUS.png") no-repeat center;
}


/*
.sous_tabs ul {
	height: 30px;
	margin: 0 -15px 0 -55px;
	text-align: center;
}
.sous_tabs ul li {
	float: left;
	list-style: none;
	width: 50%;
}
.sous_tabs ul li a {
	display: block;
	padding: 7px 20px;
	color: #231d1d;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
#rech_vehicule {
	background: #ADCED8;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
#rech_vehicule a:hover {
	background: #94B5BF;
}
#rech_conseil {
	background: #A7D760;
	border-bottom: 1px solid #bbb;
}
#rech_conseil  a:hover{
	background: #8EBE47;
}
*/

#promo-recherche {
	width: 100%;
	height: 200px;
}

.content-service
{
	position: relative;
    overflow: hidden;
	height: 100%;
	width: 100%;
	cursor: pointer;
	background-color: black;
}

.demande-devis {
	position: absolute;
	left: -100%;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	background-color: rgba(0,0,0,0.3);
	transition: all .4s ease-in-out;
}

.demande-devis button {
	position: absolute;
	bottom: 0;
	text-align: center;
	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
}
.content-service:hover .demande-devis {
	transition: all .4s ease-in-out;
	left: 0;
}

.form-group input[type="checkbox"] {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}
.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}

.bggris {
	background-color: #eee;
	border: 1px solid #ddd;
}
.bgblanc {
	background-color: #ffffff;
	border: 1px solid #ddd;
}

#presentation-texte
{
	/* position: relative; */
	padding: 20px;
	color: white;
	font-weight: normal;
	/* margin: -50px 0 20px 0; */
	width: 100%;
	overflow: hidden;
	text-align: justify;
	background-color: white;
}

#content-marker {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    margin: -5px 0 5px -15px;
}

.marker {
	background-color: #eee;
	margin: 5px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.6);
	
    width: 100%;
    /* border-radius: 0.5em; */
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    
    transition: 0.7s;
    -moz-transition: 0.7s;
    -webkit-transition: 0.7s;
}

.marker:hover {
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5), 0 6px 12px 0 rgba(0, 0, 0, 0.6);
	-webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}

.marker.flipped {
    transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
}
.marker .face {
    padding: 27px 15px 39px 15px;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.marker .front {
    display: block;
}
.marker.flipped .front {
    display:none;
}
.marker .back {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    display:none;
}
.marker.flipped .back {
    display:block;
}

.table tr:first-child td {
	border-top: none;
}

.table tr:first-child th {
	border-top: none;
}

/* Un seul magasin - Map */
#adresse {
	height: 275px;
	width: 100%;
	margin: 0 -15px;
	overflow: hidden;
}
#adresse ul {
  margin: 0;
  padding: 0;
  height: 275px;
  list-style: none;
}
#adresse ul li {
  position: relative;
  display: block;
  float: left;
  margin-top: 55px;
  height: 275px;
  text-align: center;
  width: 100%;
}

/* Plusieurs magasin - Map */
#adresse_map {
	height: 275px;
	position: relative;
	width: 100%;
	margin: 0 -15px;
	overflow: hidden;
}
#adresse_map ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 275px;
  list-style: none;
}
#adresse_map ul li {
  position: relative;
  display: block;
  float: left;
  margin-top: 55px;
  height: 275px;
  text-align: center;
  width: 100%;
}
a.control_prev, a.control_next {
  position: absolute;
  top: 0;
  z-index: 999;
  display: block;
  padding: 5%;
  width: auto;
  height: 100%;
  line-height: 250px;
  background: transparent;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}
a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}
a.control_prev {
  border-radius: 0 2px 2px 0;
}
a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

#map
{
	padding: 0;
}

.sticky-container {
	position: fixed;
	right: -125px;
	top: 200px;
	width: 200px;
	z-index: 999;
}
ul.sticky {
	margin-top: 0;
	margin-bottom: 10px;
	padding-left:0;
	margin-left: 40px;
}
.sticky li {
	list-style: none;
	background-color: #333;
	color: #b2b2b2;
	height: 36px;
	margin: 0px 0px 3px 0px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	cursor: pointer;
	-webkit-filter: grayscale(50%);
}
.sticky li:hover {
    margin-left: -115px;
    filter: none;
    -webkit-filter: grayscale(0%);
}
.sticky li a:hover {
	text-decoration:none;
}
.sticky li img {
	float: left;
	width: 36px;
	height: 36px;
	margin-right: 15px;
	padding: 2px;
}
.sticky li span {
	text-transform: uppercase;
	line-height: 36px;
	font-size: 13px;
	color: #b2b2b2;
	padding: 10px;
}

#loader {
	background: url("../../htdocs/img/loader3.gif") no-repeat scroll center center #F7F7F7;
    position: fixed;
    top: 0;
    left: 0;
	height: 100%;
    width: 100%;
    z-index: 9999;
    opacity: 0.7;
}

.bgraye {
	background: url("../img/fond_raye.gif") repeat scroll 0 0 transparent;
}


.select
{
	height: 34px;
    padding: 0;
    margin: 0;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff;
    position: relative;
}

select {
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select:after {
    top: 50%;
    left: calc(100% - 25px);
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-top: -2px;
    z-index: 100;
}
select:focus {
    outline: none;
}

table.borderless td, .borderless th {
    border: none !important;
}

.bg-db {
	background: url("../../htdocs/img/norme/DB.png") no-repeat;
	background-position: 0px 3px; 
}

.control-label {
	font-size: 12px;
}

#titre_validation_horaire {
	margin-bottom: 25px;
}
#date_selection {
	line-height: 2;
}

.item-service {
	max-width: 350px;
	max-height: 350px;
	min-width: 215px;
	min-height: 215px;
	margin: 10px 20px 15px 20px;
	padding: 0;
}

.presta-cont
{
	transition: all 0.4s ease-in-out 0s;
}

.presta-cont:hover
{
	background-color: #3b3a3c;
}

.fa-2 {
	font-size: 2em;
}
.gold {
	color: gold;
}
.box-shadow {
	box-shadow: 1px 1px 8px #555;
}

.cadre_info_pay{
	border: 1px solid #d7d9e4;
    padding: 15px;
	margin-top:10px;
	margin-bottom:10px;
}

#info_pay {
	width: 100%;
}

#info_pay td {
	text-align:right;
}

.fond-star {
	border: 2px solid gold;
	border-radius: 10px;
	padding: 7px;
	overflow : auto;
	width: 175px;
	margin: 10px auto;
}

.pdv-star {
	display: initial;
	vertical-align: text-top;
	padding: 7px;
	overflow : auto;
	width: 175px;
	margin: 10px auto;
}

#text-star {
	padding-left: 10px;
	font-size: 18px;
}
#nom-avis {
	font-weight: bold;
}
#date-avis {
	color: grey;
	font-weight: normal;
	font-size: 0.7em;
}

/* Compteur de caractère */
#maxtxt
{
	text-align: right;
	font-style: italic;
}

#captcha-div
{
	width: initial;
	padding-bottom: 5px;
}

#refresh
{
    padding: 5px 8px;
    font-size: 14px;
}

.picto
{
	margin-right: 8px;
}

.btn-valid-occas:hover
{
	cursor: pointer;
}

.section-flex
{
	/* background-color: #555; */
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
}

/* #moteur-slide-cont
{
	height: 420px;
} */

#moteur-slide-cont::before, #moteur-slide-cont::after
{
	content: none;
}

.vignette:hover
{
	background-color: #d5d5d5;
}

/**********************
* Page Point de vente *
**********************/

.pdv-cont
{
	margin-top: 5px;
	position: relative;
	min-height: 300px;
	box-shadow: 1px 1px 8px #00000085;
	margin-bottom: 10px;
	background-color:  #eee;
}

.pdv-cont>.triangle-libelle-rdv2
{
	left: 135px;
}

#pdv_desc_cont
{
	margin-top: 15px;
}

#pdv_coord_cont, #pdv_hor_cont, #pdv_desc_cont
{
	padding-top: 30px;
}

#pdv_hor_cont>table>tbody>tr
{
	height: 30px;
}

#pdv_hor_cont>table>tbody>tr>th, #pdv_hor_cont>table>tbody>tr>td
{
	padding: 0;
}

#pdv_img_cont
{
	text-align: center;
}

.trait
{
	position: absolute;
	height: 30px;
	padding-top: 6px;
	text-align: center;
	width: 150px;
	left: 50%;
    transform: translateX(-50%);
	top: -15px;
}

/***************
*   Page CGU   *
***************/

.section-cgu
{
	padding: 30px 15px 15px 15px;
	margin-bottom: 25px;
	background-color:  #eee;
}

.section-cgu>.triangle-libelle-rdv2
{
	left: 385px;
}

.section-cgu>img
{
	left: -11px;
    top: -25px;
}

#cgu h2
{
	top: -15px;
    font-size: 18px;
	left: 50%;
	transform: translateX(-50%);
    text-align: center;
    height: 30px;
    margin: 0;
	padding-top: 6px;
	padding-left: 20px;
	padding-right: 20px;
    text-decoration: none;
}

#cgu h3
{
	font-size: 17px;
	color: #837c7f;
	text-decoration: underline;
	margin-top: 0;
	margin-bottom: 15px;
}

/****************************
*   Page Mentions légales   *
****************************/

.legal-p
{
	padding: 0 15px 15px 15px;
	background-color:  #eee;
	margin-bottom: 25px;
}

.legal-libelle
{
	left: 50%;
	transform: translateX(-50%);
	top: -15px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

.legal-p>.triangle-libelle-rdv2
{
	left: 75px;
}

.legal-p>p
{
	margin: 0;
}

.legal-p>img
{
    left: -5px;
    top: -19px;
}

/**********************
*  Page Présentation  *
**********************/

.pres-pdv-lien
{
	text-align: center;
	padding-top: 4px;
	right: 0;
	left:0;
	bottom: 0;
	height: 24px;
}

#magcont
{
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.pdv
{
	display: inline-block;
	margin: 5px 5px 10px 5px;
}

.pdv a
{
	text-decoration: none;
	color: #333;
}

#presentation_cont
{
	padding-left: 0;
}

#pres_slider_cont
{
	padding-right: 0;
}

.pdv>a>.marker>.face
{
	border-radius: 8px;
	border: none !important;
}

.pdv-name
{
    text-align: center;
    height: 24px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
}

/**********************
*     Page Service    *
**********************/

.presta-section
{
	margin-top: 25px;
	margin-bottom: 15px;
	background-color: white;
	padding-top: 15px;
	padding-left: 15px;
}

.presta-section .ribbon-left
{
	top: -47px;
}

.presta-section img,
.presta-check-cont img
{
	top: -20px;
	left: -6px;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s;
}

.libelle-presta
{
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	left: 50%;
	transform: translateX(-50%);
	min-width: 240px;
    text-align: center;
    font-size: 20px;
    height: 30px;
    top: -35px;
    /* bottom: 25px; */
    z-index: 2;
}

.presta-btn-bot
{
	padding-top: 8px;
	bottom: 0px;
	right: 0;
	left: 0;
	height: 30px;
}

.presta-cont
{
	transition: all 0.4s ease-in-out 0s;
}

.presta-cont:hover
{
	background-color: #3b3a3c;
}

/*****************
*  Page Contact  *
*****************/

#contact_form_cont>img
{
	z-index: 1;
    left: -7px;
    top: -22px;
}

#form_contact
{
	padding-left: 0;
	padding-right: 0;
	background-color: #eee;
}

#libelle_contact
{
	height: 30px;
    z-index: 2;
    padding-top: 6px;
    text-align: center;
	top: -15px;
	left: 50%;
	width: 300px;
	padding-left: 15px;
	padding-right: 15px;
	transform: translateX(-50%);
}

#contact_form_cont
{
	margin-top: 35px;
}

#form_contact>div
{
	padding-top: 40px;
}

/*****************
* page devis/RDV *
*****************/

.check-presta-input
{
	margin-top: 15px;
	margin-bottom: 0;
}

.presta-check-cont
{
	margin-left: 0;
	margin-right: 0;
	background-color: white;
}

.libelle-presta-form
{
	margin: 15px 15px 0 15px;
	padding-bottom: 5px;
	font-size: 24px;
    border-bottom: 1px solid #ddd;
}

.presta-check-cont .ribbon-left
{
	top: -35px;
}

.rdv-section,
#calend_cont,
#instruction_horaire,
#titre_validation_horaire
{
	background-color: #eee;
}

.libelle-rdv-section
{
	z-index: 2;
	padding-top: 6px;
	padding-left: 20px;
	padding-right: 20px;
	height: 30px;
	top: -15px;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	width: 250px;
}

#message
{
	margin-top: 20px;
}

.triangle-libelle-rdv
{
	top: -15px;
	z-index: 2;
	height: 30px;
	width: 30px;
	left: 210px;
    transform: skewX(45deg);
}

.rdv-libelle-shadow
{
	top: -21px;
    left: -5px;
    z-index: 2;
}

/***********************
*   Page Rendez-vous   *
***********************/

#titre_validation_horaire>strong
{
	width: 300px;
	height: 30px;
    padding-top: 5px;
    text-align: center;
    top: -15px;
}

.rdv-encart strong
{
	left: 50%;
	transform: translateX(-50%);
}

/********************************
*    Page Locations/occasion    *
********************************/

.article-cont
{
	padding: 0;
	margin-bottom: 20px;
	margin-top: 10px;
}

#article-titre>h2
{
	text-align: center;
	margin: 0;
	left: 50%;
	transform: translateX(-50%);
	padding-left: 15px;
	padding-right: 15px;
	line-height: 0.9;
}

#article-prix
{
	margin-top: 15px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	bottom: 20px;
}

.loc-lien
{
	right: 0;
	left: 0;
    height: 30px;
    text-align: center;
    padding-top: 5px;
    bottom: 0;
}

#loc_descr
{
	padding: 0 15px 10px 15px;
	margin-bottom: 10px;
}

.loc-descr-btn-cont
{
	padding: 0;
}


#article
{
	padding: 15px;
	cursor: pointer;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s;
	background-color: white;
}

#article_pneu
{
	padding: 15px;
	cursor: pointer;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s;
}

#article:hover, #article_pneu:hover
{
	background-color: #eee;
	/* border: 1px solid #ddd; */
}
#article-pneu-image {
	width: 50%;
	height: 240px;
	float: left;
}

#article-image {
	height: 250px;
}

#article-image img,
#article-pneu-image img {
	/* max-height: 240px; */
	vertical-align: middle;
}

#article-tab {
	width: 50%;
	float: right;
	overflow: hidden;
}

#article-info {
	text-align: center;
	white-space: nowrap;
}
#article-info .bloc-info {
	border-left: 1px solid #ddd;
	padding: 15px 0;
}

#article-info .bloc-info:first-child {
	border: 0;
}

#article-prix {
	margin-top: 20px;
	padding: 5px;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}

/********************************
*     Page Location/occasion    *
********************************/

#loc_info, #loc_descr, #btn_cont
{
	background-color:  #eee;
}

#triangle_loc_descr
{
	left: 135px;
}

#loc_descr>h3
{
	left: 50%;
	transform: translateX(-50%);
	font-size: 16px;
	width: 150px;
	height: 30px;
	padding-top: 6px;
	top: -15px;
	margin: 0;
}

#loc_descr>p
{
	margin-top: 25px;
}

/***********************
*    Page Recherche    *
***********************/

.rech_cont
{
	position: relative;
	padding-bottom: 10px;
	background-color: #fff;
}

/*******************
*   Page Article   *
*******************/

#pneu_article_cont
{
	padding: 20px;
	margin-bottom: 15px;
	background-color: #fff;
}

/*******************
*    Page Panier   *
*******************/

#panier_article_cont
{
	margin-bottom: 25px;
	background-color: white;
}

#panier_article_cont .table
{
	margin-bottom: 15px;
}

#panier_vide
{
	padding-top: 15px;
	padding-bottom: 15px;
}

#panier_vide>p
{
	font-size: 20px;
}

/***********************
*   Page Reservation   *
***********************/

#titre_form_reservation
{
	padding-top: 5px;
    top: -15px;
	left: 50%;
	transform: translateX(-50%);
    width: 150px;
    text-align: center;
    height: 30px;
}

#titre-form
{
	padding-top: 30px;
	margin-bottom: 15px;
	background-color:  #fff;
}

#titre-form>.triangle
{
	left: 135px;
	top: -15px;
}

/**********************
*   Page liste_avis   *
**********************/

#ajout_avis_btn
{
	margin-bottom: 15px;
}

.avis-cont
{
	padding-top: 25px;
	margin-bottom: 25px;
	background-color:  #eee;
	padding-bottom: 15px;
}

.avis-cont>h2
{
	box-shadow: 1px 1px 8px #00000085;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 15px !important;
	margin-top: 15px;
	top: -30px;
	font-size: 16px !important;
}

.avis-cont>.triangle-libelle-rdv2
{
	left: 185px;
}

.avis-cont>img
{
	top: -20px;
    left: -5px;
}

.avis-cont>.italic
{
	margin-bottom: 15px;
}

#avis_nom_centre
{
	box-shadow: none;
	margin: 0 !important;
}

/*****************
* page Recherche *
*****************/

#img_promo_rech
{
	box-shadow: 1px 1px 8px #00000085;
	margin-bottom: 25px;
}

/*******************
*    Page Succes   *
*******************/

#succes_cont
{
	box-shadow: 1px 1px 8px #00000085;
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}