/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


body form.recherche{
	
	display:flex;
	flex-wrap: wrap;
}
body form.recherche label,
body form.recherche select,
body form.recherche input{	
	width:10%;
	height: 36px;
	line-height: 36px;
	padding: 0 0 0 5px;
	color: #000000;
	margin:5px;
	font-size:0.8em;
	display:inline-block
}

body form.recherche label[for=marque],
body form.recherche label[for=kilometrage]{
	width:14%;
}
body form.recherche select,
body form.recherche input{
	width:18%;
}
body form.recherche select{
	
}
body form.recherche label{
	text-transform:uppercase;
	font-size:0.8em;
	text-align:right;
	color:#fff
}
body form.recherche input[type="submit"]{
	color: #ffffff;
	background: #4DA82F;
	text-align: center;
	/* margin: 5px 0; */
	text-decoration: none;
	font-weight: bold;
	transition: ease all 0.5s;
	cursor: pointer;
	border:1px solid #4DA82F;
	padding:0;
	text-transform:uppercase;
}
body form.recherche input[type="submit"]:hover{
	color: #a4c82e;
	background: #000000;
	/* border-radius: 50px; */
	transition: ease all 0.5s;
}
body form.recherche input#nom{
	background-image: url("/wp-content/uploads/2021/04/picto-user.png");
}
body form.recherche input#ville{
	background-image: url("/wp-content/uploads/2021/04/picto-marker.png");
}
/*LISTE vehicule*/
div.liste-vehicules{
	display: inline-flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}
div.liste-vehicules div.vehicule{
	width: 22%;
	margin: 20px;
	/* padding: 30px 20px 10px 20px; */
	position: relative; 
}
div.liste-vehicules div.vehicule img{	
	border:1px solid #e4e4e4;
	object-fit: cover;
    height: 250px;
}
div.liste-vehicules div.vehicule .infos{
	display: flex;
}
div.liste-vehicules div.vehicule .infos a,
div.liste-vehicules div.vehicule .infos span{
	padding:5px;
	/* font-size:0.8em; */
	width:33.333333333%;
	text-decoration: none;
	color:#fff;
	background:#7F7F7F;
}
div.liste-vehicules div.vehicule .infos a strong,
div.liste-vehicules div.vehicule .infos span strong{
	font-size:1.2em
}
div.liste-vehicules div.vehicule h2{
	margin: 10px 0;
	font-size:1.5em;
	color:#4DA82F;
	font-weight:bold
}
div.liste-vehicules div.vehicule .infos span.km{
	background-color:#FFFFFF;
	color:#373737;
	border:1px solid #e4e4e4;
}
div.liste-vehicules div.vehicule .infos span.km strong{
	color:#4DA82F;
}
div.liste-vehicules div.vehicule .infos span.prix{
	background:#4DA82F;
}
div.liste-vehicules div.vehicule .infos a:hover{
	transition: ease all 0.5s;
}
div.pagination{
	display: flex;
	justify-content: center;
	align-items: center;
	border-top:2px solid #DBDBDB;
}
div.pagination span,
div.pagination a:hover{
	padding: 5px 12px;
	margin:5px;
	background : #4CA62B;
	color: #fff;
	border-radius:50%
	
}
div.pagination a{
	padding: 5px 12px;
	margin:5px;
	background : transparent;
	color: #000;
	border:1px solid #DBDBDB;
	border-radius:50%
}
p.no-result{
	text-align:center
}
@media screen and (max-width: 1000px) {
	div.liste-vehicules div.vehicule{
		width: 40%;
	}
}
@media screen and (max-width: 650px) {
	div.liste-vehicules div.vehicule{
		width: 100%;
		margin: 0px;
	}
	div.liste-vehicules div.vehicule a{
		width: 100%;
		margin:0 15px;
	}
}


	
/**
 * POPUP RGPD
 */
div#cookie-container-bar{
	display: flex;
	vertical-align: middle;
	justify-content: center;
}
div#cookie-container-bar div#cookie-img-bar{
	display: flex;
	vertical-align: middle;
	align-items: center;
}
div#cookie-container-bar div#cookie-img-bar img{
	width: 150px;
	height: 150px;
}
div#cookie-container-bar div#cookie-text-bar{
	padding: 10px;
	width: 75%;
}
div#cookie-container-bar div.cookie-ss-text-bar{
	font-size:0.8em;
	text-align:center
}
div#cookie-container-bar div#cookie-text-bar .cli-bar-message{
	text-align: center;
	font-size:16px
}
div#cookie-container-bar div#cookie-text-bar .cli-bar-message strong{
	font-size:1.2em
}
div#cookie-container-bar div#cookie-buttons-bar{
	justify-content:center;
	display: flex;
}
#cookie-law-info-bar{
	text-align: left !important; 
	padding: 15px 15px !important; 
	border-color: rgb(51, 51, 51) !important; 
	border-radius: 15px !important; 
	background-color: rgba(255, 255, 255, 0.97) !important; 
	color: rgb(51, 51, 51); font-family: inherit !important; 
	position: fixed !important; 
	width: 630px !important; 
	height: auto !important; 
	max-height: 500px !important; 
	top: calc(50% - 150px) !important; 
	left: calc(50% - 315px) !important; 
	/* transform: translate(-50%, -50%) !important;  */
	overflow: auto !important; 
	margin-left:0!important;
	margin-top:0!important;
}

@media screen and (max-width: 640px) {
	#cookie-law-info-bar{
		padding: 5px 5px !important; 
		width: calc(100% - 20px) !important; 
		max-height: 600px !important;
		/* position:relative!important; */
		left:0!important;
		top:calc(50% - 250px) !important; 
		margin:10px!important;
	}
	
	div#cookie-container-bar div#cookie-text-bar{
		padding: 10px;
		width: 100%;
	}
	#wt-cli-accept-all-btn,
	#wt-cli-reject-btn,
	#wt-cli-settings-btn{
		padding:8px 15px!important;
	}
	div#cookie-container-bar{
		flex-wrap: wrap;
	}
	div#cookie-container-bar div#cookie-text-bar{
		font-size: 12px;
	}
}