/*!

Theme Name: formation

Description: formation

Version: 2.0.0

License: GNU General Public License v2 or later

License URI: LICENSE

*/



body{

	font-family: 'Raleway', sans-serif;

    font-size: 17px;

}



#cover{

	height: 450px;

	position: relative;

    overflow: hidden;

    background: black;

}



#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: 132px;

}



.navbar-nav{

	margin-left: auto;

}



.navbar-brand img{

	width: 100%;

}



.navbar-brand {

	width: 300px;

}



.navbar{

	padding: 0.32rem 20px;

	max-width: 1880px;

	margin: 0 auto;

}



.nav-margin-max{

		background: #000000;

}



#navbarCollapse{

	text-transform: uppercase;

}



.button{

	background: #e44f4f;

    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: #dd1725;

}



h1{

	text-align: center;

	color: white;

	text-transform: uppercase;

	line-height: 63px;

}





#car-list-home img{

    max-width: 100%;

}



#car-list-home{

    background: #fafafa;

}



section{

    padding: 60px 0;

}



.bloc-car-list-home{

    min-height: 320px;

    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: #e44f4f;

}



.bloc-car-list-home:hover .car-bloc-price{

    background: #e44f4f;

    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: 40px auto;

}



.btn-nav-mobile{

    position: absolute;

    right: 105px;

    top: 14px;

}



.shrink, .nav-cover-false{

    background: #000000;

}





.cover-price{

    font-size: 121px;

}



sup{

      top: -1.5em;

}



#bloc-info{

    background: url('img/bg-lamborghini.jpg') no-repeat scroll center center / cover;

    color: white;

    text-align: center;

    font-size: 14px;

    color: #d0cdcd;

}



#bloc-info h2 {

    color: #e44f4f;;

    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: #e44f4f;

    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: #e44f4f;

}



.cid-qv5ALrxDIE{

    background: #313535;

    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;

}



.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;

}



#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: #e44f4f;

	/* 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: #e44f4f;

    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: 110px;

}



.form-voiture-contact{

    padding: 20px;

    text-align: center;

}



.form-voiture-contact a{

    color: #e44f4f;

}



.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: right;

}



.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: 30px 0;

}



.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: #e44f4f;

	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:#e44f4f;

  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;

}



.bloc-info-home{

	margin-top: 50px;

}





















/* page de vente */

.bd-placeholder-img {

  font-size: 1.125rem;

  text-anchor: middle;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



@media (min-width: 768px) {

  .bd-placeholder-img-lg {

    font-size: 3.5rem;

  }

}



.nav-margin-max {

  background: black !important;

}



.event-test-drive{

  text-align: left  !important;

}



.bloc-point-formation{

  text-align: center;

  font-size: 33px;

  line-height: normal;

  font-family: "Passion One", Helvetica, sans-serif !important;

  text-transform: uppercase;

}



.cta-zak {

  background-image: url(https://yomi-avis.com/wp-content/themes/formation-wp-theme-v4-tunnel/img/bg-zak.jpg);

  color: white;

  background-size: cover;

}





#bloc-info-forma h2{

  color: white;

  font-size: 22px;

  margin-top: 9px;

  font-family: "Passion One", Helvetica, sans-serif !important;

}



#bloc-info-forma{

  text-align: center;

}



.text-influenceur{

  color: white;

  font-family: 'Passion One';

  font-size: 26px;

  line-height: 27px;

	margin-bottom: 50px;

}







#etapes{

  background: url(https://yomi-avis.com/wp-content/themes/formation-wp-theme-v4-tunnel/img/black-felt.png) black;

}



.titre-etapes{

  text-align: center;

  color: white;

  font-family: 'Passion One';

  text-transform: uppercase;

  font-size: 50px;

	line-height: 50px;

margin-bottom: 35px;

}



.bloc-etapes{

  background: black;

  position: relative;

  padding: 56px 20px 20px 20px;

  margin-top: 86px;

  -webkit-box-shadow: 6px 3px 22px 0px rgba(0,0,0,0.75);

  -moz-box-shadow: 6px 3px 22px 0px rgba(0,0,0,0.75);

  box-shadow: 6px 3px 22px 0px rgba(0,0,0,0.75);

}



#etapes h3{

  font-size: 40px;

  color: white;

  text-align: center;

  font-family: 'Passion One';

  text-transform: uppercase;



}



.num-etapes{

  color: white;

  font-size: 72px;

  font-family: 'Passion One';

  background: gray;

  width: min-content;

  width: 100px;

  text-align: center;

  border-radius: 50%;

  height: 100px;

  position: absolute;

  top: -50px;

  left: 0;

  right: 0;

  margin: 0 auto;

  ">1</div>

}





.bloc-check{

  color: white;

  font-family: 'Passion One';

  font-size: 36px;

  line-height: 39px;

  text-align: left;

  margin-bottom: 30px;

}



.bloc-check img{

  width: 30px;

  margin: 0px 11px 10px -40px;

}



.bloc-gros-check{

  margin-top: 70px;

	padding-left: 16%;

}



.bloc-questions{

  text-align: center;

  color: white;

  margin-bottom: 50px;



}



#bloc-questions{

        background: url(https://yomi-avis.com/wp-content/themes/formation-wp-theme-v4-tunnel/img/black-felt.png) black;

}



.bloc-questions h3{

  font-size: 23px;

}





.bloc-questions img{

  width: 23px;

margin-right: 10px;

}







#bloc-flotte{

  text-align: center;

}





.btn-forma{

	background: #e44f4f;

    color: white;

    padding: 20px 25px;

    font-size: 40px;

    font-family: "Passion One", Helvetica, sans-serif !important;

    text-transform: uppercase;

    border-radius: 5px;

    margin: 0 auto;

    display: block;

    width: fit-content;

    margin-top: 46px;

    letter-spacing: 1px;

}





#intro-page-de-vente h1{

	font-family: "Passion One", Helvetica, sans-serif ;

    letter-spacing: -1px;

    line-height: 1em;

    font-size: 60px;

    color: white;

}



.bloc-event-img{

	    margin-top: -223px;

}





#bloc-flotte img{

	    margin-bottom: 30px;

}





#intro-page-de-vente{

  padding: 145px 0;

  background: url('https://yomi-avis.com/wp-content/themes/formation-wp-theme-v4-tunnel/img/black-felt.png') black;

}



.btn-forma:hover{

	color:white;

	text-decoration: none;

	background: #7f0f0f;

}













/* postuler à la formation */

.titre-rf{

	font-size: 36px !important;

}





.prix-promo-rf{

	font-size: 69px;

    line-height: 86px;

    font-family: arial;

    font-weight: 700;

    text-shadow: 0 0 0.2em #6f3030, 0 0 0.2em #87f;

}





.prix-barre-rf{

	text-decoration: line-through;

font-size: 37px;

font-family: arial;

font-weight: 700;

}





.intro-texte-rf{

	text-align: center;

color: rgb(184, 184, 184);

font-size: 18px;

margin: 18px 0 15px 0;

}





.bloc-check2{

	color: white;

font-family: arial;

font-size: 18px;

line-height: 3px;

text-align: left;

text-transform: lowercase;

margin-bottom: 24px;

line-height: 22px;

}





.bloc-check2 img {

    width: 15px;

    margin: 0px 11px 10px -26px;

}





.bloc-gros-check2{

	  margin-top: 15px;

}





.bloc-form-rf{

	color: white;

	    background: #e62b2b;

	    padding: 20px;

	    border-radius: 22px;

	    -webkit-box-shadow: 0px 0px 26px 2px rgb(255 255 255);

	    -moz-box-shadow: 0px 0px 26px 2px rgba(255,255,255,1);

	    box-shadow: 0px 0px 26px 2px rgb(255 255 255);

}









.text-bloc-form-rf{

	text-align: center;

font-family: 'Passion One';

font-size: 41px;

text-transform: uppercase;

line-height: 39px;

color: #ffffff;

}







.btnform-rf{

	float: initial;

	width: 100%;

	background: #541616;

}





.nav-rf{

	padding-top: 20px;

		padding-bottom: 20px;

}









.section-article-blog img{

	width:100%;

	height:auto;

}






#intro-page-de-vente2{
    text-align: center;
    padding: 0 !important;
    margin: 34px 20px;
    text-align: center
}


.pretitre{
        font-family: 'Raleway', sans-serif !important;
}






/* yomis-avis */
.navbar{
    display: none !important;
}

#intro-page-de-vente {
    padding: 45px 0 !important;
}


.btn-forma {
    margin-bottom: 30px !important;
    z-index: 10000;
    position: relative;
}

   








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





@media (max-width: 1200px){

	.bloc-info-home{

		margin-top: 0px;

	}

    #cover {

        height: 344px;

    }



    .overlay{

        padding: 89px 0 0 0;

    }



    #cover .button{

        margin: 23px auto 0;

    }



		.nav-margin-max{

			background: #1f2525 !important;

		}



		/* forma */

			#intro-page-de-vente h1{

				font-size:36px;

			}



			.btn-forma{

				font-size: 20px;

			}



			.bloc-event-img{

				margin-top: -85px;

			}



			.bloc-gros-check {

				margin-top: 0px;

		}



		.titre-etapes{

			font-size: 40px;

				line-height: 44px;

		}



		.#etapes h3{

			font-size: 25px;

		}



		.num-etapes{

			font-size: 50px;

				width: 60px;

				height: 60px;

				top: -21px;

				line-height: 60px;

		}



		.bloc-etapes{

			margin-top: 30px;

		}



		#bloc-info-forma h2{

			font-size: 18px;

		}



		.navbar-brand{

			 position: initial;

		}



		.nav-margin-max{

			 position: initial;

		}



		#intro-page-de-vente{

			padding: 35px 0;

		}



		/* forma */


        #intro-page-de-vente p{
            font-size: 36px;
        }


}







@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;

    }



		/* forma */

			#intro-page-de-vente h1{

				font-size:36px;

			}



			.btn-forma{

				font-size: 20px;

			}



			.bloc-event-img{

				margin-top: -85px;

			}



			.bloc-gros-check {

				margin-top: 0px;

		}



		.titre-etapes{

			font-size: 40px;

				line-height: 44px;

		}



		.#etapes h3{

			font-size: 25px;

		}



		.num-etapes{

			font-size: 50px;

				width: 60px;

				height: 60px;

				top: -21px;

				line-height: 60px;

		}



		.bloc-etapes{

			margin-top: 30px;

		}



		#bloc-info-forma h2{

			font-size: 18px;

		}



		.navbar-brand{

			 position: initial;

		}



		.nav-margin-max{

			 position: initial;

		}



		#intro-page-de-vente{

			padding: 35px 0;

		}



		/* forma */



}





@media (max-width: 768px){

    h1{

        font-size: 2.0rem;

        line-height: 47px;

    }

    .cover-price{

        font-size: 85px;

    }

    sup{

       top: -1.0em;

    }



		.background-mobile{

			background: url('img/video-cover-mobil.gif') no-repeat scroll center center / cover;

			position: absolute;

				left: 0;

				right: 0;

				top: 0;

				bottom: 0;

		}



        .bloc-car-list-home .car-bloc-price {

            background: #e44f4f;

            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;

        }



}







@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;

		}





		/* forma */

			#intro-page-de-vente h1{

				font-size:36px;

			}



			.btn-forma{

				font-size: 20px;

			}



			.bloc-event-img{

				margin-top: -85px;

			}



			.bloc-gros-check {

		    margin-top: 0px;

		}



		.titre-etapes{

			font-size: 40px;

		    line-height: 44px;

		}



		.#etapes h3{

			font-size: 25px;

		}



		.num-etapes{

			font-size: 50px;

		    width: 60px;

		    height: 60px;

		    top: -21px;

		    line-height: 60px;

		}



		.bloc-etapes{

			margin-top: 30px;

		}



		#bloc-info-forma h2{

			font-size: 18px;

		}



		.navbar-brand{

			 position: initial;

		}



		.nav-margin-max{

			 position: initial;

		}



		#intro-page-de-vente{

		  padding: 35px 0;

		}









}



@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;

	}



/* forma */

	#intro-page-de-vente h1{

		font-size:36px;

	}



	.btn-forma{

		font-size: 20px;

	}



	.bloc-event-img{

		margin-top: -85px;

	}



	.bloc-gros-check {

    margin-top: 0px;

}



.titre-etapes{

	font-size: 40px;

    line-height: 44px;

}



.#etapes h3{

	font-size: 25px;

}



.num-etapes{

	font-size: 50px;

    width: 60px;

    height: 60px;

    top: -21px;

    line-height: 60px;

}



.bloc-etapes{

	margin-top: 30px;

}



#bloc-info-forma h2{

	font-size: 18px;

}



.navbar-brand{

	 position: initial;

}



.nav-margin-max{

	 position: initial;

}



#intro-page-de-vente{

  padding: 35px 0;

}



/* forma */

}











@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%;

	}





}











































/* ----------------------------formation style---------------------------- */

.container-forma{

	max-width: 1140px;

	margin: 155px auto 100px;

	padding: 0 15px;

}