/*!
Theme Name: location de voiture
Description: location de voiture
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/

body{
	font-family: 'arial', sans-serif;
    font-size: 14px;
}

#cover{
	height: 450px;
	position: relative;
    overflow: hidden;
    background: url(img/cla-bg.jpg) no-repeat scroll center center / cover;
}

#cover-video{
	width: 100%;
    position: absolute;
    height: auto;
    top: -95px;
}

.overlay{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
    padding-top: 4%;
}

.navbar-nav{
	margin-left: auto;
}

.navbar-brand img{
	width: 100%;
}

.navbar-brand {
	width: 160px;
}

.navbar{
	padding: 0.32rem 20px;
	max-width: 1880px;
	margin: 0 auto;
}

.titre-ville{
	font-size: 80px;
	line-height: 75px;
}

.nav-margin-max{
		background: #1e1f23;
		top: 0px;
}

#navbarCollapse{
	text-transform: uppercase;
}

.button{
	background: #FFBD59;
    width: max-content;
    padding: 12px 20px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    border-radius: 3px;
    transition: 0.3s;
    width: 205px;
    text-align: center;
		min-width: max-content;
}

.button:hover{
	    background: #FFDE59;
}

h1{
	text-align: center;
	color: white;
	text-transform: uppercase;
	line-height: 63px;
}

.snapcolors{
    color: #ffd43b !important;
}

.snapcolors :hover{
    color: #cea923 !important;
}


#car-list-home img{
    max-width: 100%;
}

#car-list-home{
    background: #fafafa;
}

section{
    padding: 60px 0;
}

.bloc-car-list-home{
    min-height: 340px;
    background: white;
    margin-top: 32px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border: solid 1px #f7f3f3;
    transition: 0.3s;

}

.bloc-car-list-home img{
	  padding: 15px;
}


.bloc-car-list-home:hover{
-webkit-box-shadow: 4px 7px 16px -5px rgba(0,0,0,0.18);
-moz-box-shadow: 4px 7px 16px -5px rgba(0,0,0,0.18);
box-shadow: 4px 7px 16px -5px rgba(0,0,0,0.18);

}

.bloc-car-list-home h3{
    font-size: 17px;
    line-height: 22px;
}

.bloc-car-list-home h3 span{
    font-size: 19px;
    font-weight: bolder;
    text-transform: uppercase;
		font-family: arial;
}

.car-bloc-price{
    font-size: 1.4em;
    font-size: 13px;
    margin: 17px 0 0;
		font-size: 13px;
    font-weight: bolder;
    text-transform: uppercase;
    color: #FFBD59;
}

.bloc-car-list-home:hover .car-bloc-price{
    background: #FFBD59;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: white;
    position: absolute;
    bottom: 0;
	font-family: arial;
}

.bloc-text-list-car{
    margin-top: 60px;
    font-size: 14px;
    text-align: center;
    color: #929292;
}

#cover .button{
    margin: 20px auto;
}

.btn-nav-mobile{
    position: absolute;
    right: 105px;
    top: 14px;
}



.cover-price{
    font-size: 121px;
}

sup{
      top: -1.5em;
}

#bloc-info{
    background: url('img/cla-bg-2.jpg') no-repeat scroll center center / cover;
    color: white;
    text-align: center;
    font-size: 14px;
    color: #d0cdcd;
}

#bloc-info h2 {
    color: #FFBD59;;
    font-size: 47px;
    font-weight: lighter;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: 40px;
}

.bloc-info-txt-1{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: lighter;
    margin: 0;
}

.bloc-info-txt-2{
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bolder;
    margin: 0;
    margin-bottom: -5px;
}

.bloc-mariage-home-txt{
    width: 100%;
    height: 100%;
    background: #00000087;
    padding: 130px 50px;
}

.bloc-mariage-home{
    background: url('img/mariage.jpg') no-repeat;
    color: #d0cdcd;
    text-align: center;
		background-size: cover;
}

.bloc-mariage-home-2{
    background: url('img/event.jpg') no-repeat;
    color: #d0cdcd;
    text-align: center;
		background-size: cover;
background-position: bottom;
}


.bloc-mariage-home-txt h3{
    color: #FFBD59;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bolder;
}

.bloc-mariage-home-txt h2{
    margin: 0;
    text-transform: uppercase;
    font-size: 45px;
    color: white;
    font-weight: lighter;
}

#event-home{
    padding: 0;
}

#cta-footer{
    text-align: center;
    background: #1f2525;
    padding: 70px 60px;
    color: #d0cdcd;
-webkit-box-shadow: inset 15px 14px 156px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 15px 14px 156px 0px rgba(0,0,0,0.75);
box-shadow: inset 15px 14px 156px 0px rgba(0,0,0,0.75);
}

#cta-footer h3{
    text-transform: uppercase;
    color: white;
    font-size: 40px;
}

#cta-footer a{
    color: #FFBD59;
}

.cid-qv5ALrxDIE{
    background: #1e1f23;
    color: #d0cdcd;
}

.cid-qv5ALrxDIE a{
    color: #d0cdcd;
}

.cid-qv5ALrxDIE img{
    max-width: 130px;
}

.footer-link a{
    text-align: center;
    display: block;
    padding: 15px 0;
}

.social-list{
    text-align: center;
}

.social-list a{
    text-align: center;
    font-size: 30px;
    margin: 7px;
    padding: 4px;
    color: white;
    width: 45px;
    transition: 0.3s;
    text-decoration: none;
}

.social-list a:hover{
    background: white;
    color: black
}

#bloc-logo-car{
    background: black;
    text-align: center;

}

#bloc-logo-car img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.footer-contact{
    text-align: center;
    font-size: 15px !important;
}

.car-h1-txt-1{
    font-size: 14px;
    line-height: 20px;
}

.cover-car{
    height: 355px;
}

.cover-car h1{
    line-height: 40px;
}

.cover-car .overlay, .cover-car{
    height: 355px !important;
}

.cover-car .overlay{
    padding: 131px 0;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%);
}

.car-h1-txt-2{

}

.car-h1-txt-3{
    font-weight: bolder;
    font-size: 60px;
    line-height: 60px;
}


.cover-car .button{
    margin: 16px auto !important;
}

.bloc-text-product-car{
    font-size: 14px;
    text-align: center;
    color: #929292;
    margin-top: 40px;
}

#car-list-page{
    padding: 20px 0;
		margin-top: 80px;
}

#car-list-page h2{
    margin: 30px 0;
}

.car-product-picture{
    width: 90%;
    height: auto;
}

.car-list-home-icon{
    min-height: 30px;
    text-align: center;
    margin-bottom: 10px;
}

.car-list-home-price{
    min-height: 30px;
    text-align: center;
    margin-top: 10px;
}

.car-list-home-icon img, .car-list-home-price img{
    width: 40px;
}

.car-list-home-price{
    text-align: left;
}

.car-price-time{
    text-transform: uppercase;
		font-family: arial;
}

.car-price-price{
    font-weight: bolder;
    font-size: 16px;
    font-family: arial;

		/* text promo */
		line-height: 23px;
		color: #FFBD59;
	/* text promo */
}

.car-list-home-car{
    margin-bottom: 30px;
}

a, a:hover{
	color: inherit;
    text-decoration: none;
  background-color: transparent;
}

label{
	width: 100%;
}

.form-voiture button, input, optgroup, select, textarea {
	width: 100%;
	border: 0;
	background: #e2dcdc;
}

.form-voiture [type=button], [type=reset], [type=submit], button {
    background: #FFBD59;
    width: 30%;
    float: right;
    color: white;
    font-weight:bolder;
    text-transform: uppercase;
		font-size: 14px;
		width: min-content;
    margin-top: 19px;
}

.form-voiture button, input, optgroup, select, textarea{
	background:#e2dcdc;
	width: 100%;
	border: 0;
	height: 50px;
	padding: 0px 20px;
	font-size: 20px;
}

.form-voiture{
	background: #fbf9f9;
}

.first-section-page{
	padding-top: 135px;
}

.form-voiture-contact{
    padding: 25px;
    text-align: center;
    font-size: 25px;
    line-height: 71px;
}

.form-voiture-contact a{
    color: #FFBD59;
}

.form-conditions img{
    width: 20px;
}

.bloc-form-condition{
    padding: 10px 0px;
    text-align: left;
    font-size: 16px;
}

.form-condition-text{
    font-size: 14px;
    color: #929292;
}

.form-condition-text b{
    font-size: 16px;
    color: black;
}

.margin-none{
    margin: 0;
}

.footer-contact{
    text-align: left;
    margin: 0;
    padding: 0;
}

.footer-condition{
    font-size:13px;
    text-align:center
}

.footer-text{
    font-size: 13px;
}

footer iframe{
    max-width: 100%;
    height: auto;
}

.navbar-toggler{
    margin: 0;
}

.footer-carte, .footer-info-contact, .footer-text{
    margin-bottom: 13px;
}

.footer-contact{
    margin-bottom: 13px;
}

.event-bloc .bloc-event-img{
    text-align: center;
}

.event-mariage{
    text-align: left;
}

.event-test-drive{
    text-align: left;
}

.bg-gray{
    background:
}

.section-test-drive{
    background-image: linear-gradient(to right bottom, #1b1b1b, #202123, #242929, #2a302d, #343630);
    color: white;
    text-align: center;
    background-position: 3053% 25%;
    font-size: 14px;
    color: #d0cdcd;
}

.section-mariage{
    background-image: linear-gradient(to right bottom, #ffffff, #f7f7f7, #efeeee, #e7e6e5, #dededd);
}

.event-bloc img{
    padding: 0px 0;
		-webkit-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
}

.page-classique{

}

.page-classique h1{
    color: black;
}

.chiffre-ccm{
    font-size: 170px;
    font-weight: bold;
}

.ccm-pair{
    text-align: right;
}

.cta-drive-test{
    background-image: linear-gradient(to right top, #e64646, #e63f42, #e5383e, #e5303a, #e42736);
    color: white;
}

.promo{
    background: white;
    padding: 4px;
    font-size: 14px;
    color: red;
    font-weight: bold;
}

.prix-cta-test-drive{
    font-size: 75px;
    color: white;
}

.btn-white{
    background: white;
    color:red;
}

.btn-white:hover{
    background: #cec9c9;
}

.info-contact-page{

}

.form-voiture h3{
    margin-bottom: 30px;
}

textarea{
    padding: 20px;
    min-height: 100px;
}

.wpcf7-mail-sent-ok{
    margin-top: 75px !important;
    text-align: center;
    font-size: 20px;
}

.btn-cta-footer{
    display: block;
    width: max-content;
    margin: auto;
}


.bloc-ccm h2{
    text-transform: uppercase;
}



.text-surlign{
	background: #FFBD59;
	color: white;
	text-transform: uppercase;
	padding: 5px;
	font-size: 12px;
	margin-bottom: 5px;
	max-width: fit-content;
	font-weight: 700;
}




/* photogallery */
.my-gallery {
width: 100%;
float: left;
display: flex;
	justify-content: center;
	max-width: 100%;
	display:flex;
}
.my-gallery img {
width: 100%;
height: auto;
}
.my-gallery figure {
display: block;
}
.my-gallery figcaption {
display: none;
}

.single-voiture-gallery-mobile{
	display: none;
	background: #1f2525;
	padding: 40px 0;
}


#breadcrumbs{
	margin: 16px 0 6px;
}




/* header banner */
.hader-banner{
  background:#FFBD59;
  height:22px;
  position:fixed;
  left:0;
  right:0;
  top:0;
  overflow:hidden;
	z-index: 100;
}

.bloc-defil{
  text-align:center;
  color:white;
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  font-size:14px;
  font-weight:bold;
	text-transform: uppercase;
	line-height: 29px;
	 font-family: arial;
}

.hader-banner svg{
  width:13px;
  height: auto;
  margin-bottom:4px;
}

.hader-banner svg path, .header-button svg path{
  fill: white;
}

.header-banner-text-2{
	font-size: 13px;
}



/* biento dispo */
.liste-bientot{
	 cursor: auto;
}

.liste-bientot:hover .car-bloc-price{
	font-size: 13px !important;
	background: none !important;
	position: static !important;
	font-family: 'Raleway', sans-serif !important;
	width: inherit !important;
	height: inherit !important;
	font-weight: normal !important;
	text-transform: none !important;
}

.liste-bientot:hover{
	box-shadow: none !important;
}
/* biento dispo */




.new-cover-offre{
	font-weight: 700;
	text-transform: uppercase;
	background: white;
	color: black;
	padding: 5px;
	margin-top: 23px;
	display: block;
	max-width: max-content;
	margin: 0 auto;
	margin-top: 20px;

}

.cover-price{
	font-size: 75px;
}


#cover h1{
	line-height: 78px;
    margin-bottom: 0;
    margin-bottom: 10px;
}












/*--------------------------------------------------cploc--------------------------------------------------*/

.hader-banner{
	display:none;
}

#cover{
	    margin-top: 68px;
}


.navbar-nav{
	font-weight:bolder;
}



/*--------------------------------------------------responsive--------------------------------------------------*/


@media (max-width: 1115px){
    #cover {
        height: 344px;
    }

    .overlay{
        padding: 89px 0 0 0;
    }

    #cover .button{
        margin: 23px auto 0;
    }

		.nav-margin-max{
			background: #1e1f23 !important;
		}

}



@media (max-width: 900px){
    #cover {
        height: 344px;
    }

    .overlay{
        padding: 89px 0 0 0;
    }

    #cover .button{
        margin: 23px auto 0;
    }
    #cover-video{
    width: 140%;
    height: 207%;
    margin: 0 auto;
    position: absolute;
    top: -154px;
    left: -170px;
    }
    .btn-nav-mobile{
        display: block;
    }
}


@media (max-width: 768px){
    h1{
        font-size: 2.0rem;
        line-height: 47px;
    }
    .cover-price{
        font-size: 85px;
    }
    sup{
       top: -1.0em;
    }

		.background-mobile{
			position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
		}

        .bloc-car-list-home .car-bloc-price {
            background: #FFBD59;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 14px;
            width: 100%;
            height: 40px;
            line-height: 40px;
            color: white;
            position: absolute;
            bottom: 0;
            font-family: arial;
        }


        .bloc-car-list-home h3{
            margin-bottom: 50px;
        }

				.titre-ville{
					font-size: 28px;
					line-height: 0px;
				}

				#cover h1{
					line-height: 38px;
margin-bottom: 15px;
margin-top: 25px;
				}


}



@media (max-width: 700px){
    #cover {
        height: 344px;
    }

		.new-cover-offre{
			font-weight: 700;
text-transform: uppercase;
background: none;
color: white;
padding: 5px;
margin-top: 23px;
display: block;
max-width: max-content;
margin: 0 auto;
margin-top: 5px;
font-size: 10px;
margin-bottom: 9px;
		}

		h1{
		line-height: 33px;
    margin-bottom: 0;
    font-size: 27px;
		}
		.cover-price{
			    font-size: 61px;
		}

    .overlay{
        padding: 89px 0 0 0;
    }

    #cover .button{
        margin: -3px auto 0;
    }
    #cover-video {
    width: 336%;
    height: 295%;
    margin: 0 auto;
    position: absolute;
    top: -306px;
    left: -453px;
    }
    .btn-nav-mobile{
        display: none;
    }

		.single-voiture-gallery-mobile{
			display: block;
		}

		.single-voiture-gallery-desktop{
			display: none;
		}

		.header-banner-text-2{
			font-size: 13px;
		}
}

@media (max-width: 360px){
	.car-list-home-price{
		font-size: 11px;
	}

	.car-price-price{
		font-size: 14px;
	}

	.form-voiture [type=button], [type=reset], [type=submit], button {
		font-size: 11px;
	}

	.car-list-home-icon p{
		font-size: 12px;
	}
}





@media (min-width: 768px){
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: .5rem;
    font-size: 13px;
}
}




@media (min-width: 1378px){

	#cover-video{
		width: 100%;
    position: absolute;
    height: auto;
    left: 0%;
    top: -135px;
	}

}



@media (min-width: 1823px){
.overlay {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+50,000000+100&1+10,1+10,0+49,1+89 */
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 1%, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 49%, rgba(0,0,0,0.03) 50%, rgba(0,0,0,1) 89%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 1%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.03) 50%,rgba(0,0,0,1) 89%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,1) 1%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.03) 50%,rgba(0,0,0,1) 89%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
	}

	#cover-video{
		width: 79%;
    position: absolute;
    height: auto;
    top: -240px;
    left: 11%;
	}


}