.pointer{
	cursor:pointer;
}

.w100{
	width:100%!important;
}


.thm_color{
	color: #da001a!important;
}
.color_noir{
	color: #000!important;
}

.mt10{
	margin-top: 10px;
}

/***************************/
.img_50{height:50px;position:relative;width:50px;}
.img_100{height:100px;position:relative;}
.img_150{height:150px;position:relative;}
.img_170{height:170px;position:relative;}
.img_200{height:200px;position:relative;}
.img_210{height:210px;position:relative;}
.img_230{height:230px;position:relative;}
.img_246{height:246px;position:relative;}
.img_250{height:250px;position:relative;}
.img_255{height:255px;position:relative;}

.img_300{height:300px;position:relative;}
.img_330{height:330px;position:relative;}
.img_350{height:350px;position:relative;}
.img_370{height:370px;position:relative;}
.img_400{height:400px;position:relative;}
.img_450{height:450px;position:relative;}
.img_500{height:500px;position:relative;}
.img_550{height:550px;position:relative;}
.img_590{height:590px;position:relative;}
.img_600{height:600px;position:relative;}
.img_650{height:650px;position:relative;}
.img_700{height:700px;position:relative;}
.img_750{height:750px;position:relative;}
.img_800{height:800px;position:relative;}
.img_850{height:850px;position:relative;}
.img_900{height:900px;position:relative;}
.img_950{height:950px;position:relative;}

.cover-image{
	position: absolute;
	background-repeat: no-repeat!important;
	background-position: top center;
	background-size: cover!important;
	background-position:50%!important;
	width: 100%;
	height: 100%;
}
.cover-image2{
	position: absolute;
	background-repeat: no-repeat!important;
	background-position: top center;
	background-size: cover!important;
	background-position:50% 90%!important;
	width: 100%;
	height: 100%;
}
.cover-image3{
	position: absolute;
	background-repeat: no-repeat!important;
	background-position: top center;
	background-size: auto 100%!important;
	background-position:50%!important;
	width: 100%;
	height: 100%;
}

/******************/

.bg-dark {
    background: #202227;
}

.main-menu-area.bg-dark nav ul li a{
	color: #fff;
}

.main-menu-area.bg-dark nav ul li > a.active, .main-menu-area.bg-dark nav ul li > a:hover {
    color: #FFE500;
}
.logo-area {
		margin-top: 2px;
		margin-bottom: 2px;
}

.header-layout1 .stick {
    background: rgba(0, 0, 0, 0.9);
}

.accent-bg {
    background: #393b41;
}

.accent-bg-light {
    background: #202227;
}

#scrollUp {
    background-color: rgba(218, 0, 26, 0.3);
    bottom: 55px;
}


.footer-area-top .corporate-address li i {
    top: 5px;
}
.footer-area-top .corporate-address li p {
    margin-bottom: 0px;
    line-height: 1.3;
}
.footer-area-top .corporate-address li {
    margin-bottom: 15px;
}

.footer-area-top .footer-logo img {
    margin-bottom: 45px;
    max-width: 90%;
}

.footer-area-top {
    padding: 110px 0 40px;
}


.slider-overlay-light:before {
    background-color: rgba(0, 0, 0, 0.3);
}


.slider-area .slide-5 .small-title, .slider-area .slide-6 .small-title {
    color: #FFE500;
}
.slider-area .slide-5 .big-title, .slider-area .slide-6 .big-title,.slider-area .slide-5 .title-text, .slider-area .slide-6 .title-text {
    color: #fff !important;
}


.get-start-area h2 {
    font-size: 26px;
}


.about-content-layout4 p {
    margin-bottom: 15px;
}



.testmonial-offer-layout1  .more-service-layout1 ul li{
	color: #fff;
}

.testmonial-offer-layout1   .more-service-layout1 ul li:before {
    color: #fff;
}


/***************************/

.banner-content-layout1 p{
	color:#fff;
	    font-size: 20px;
}


/******************************************************/

.images-garantie img{
	display:inline-block;
	margin-right:20px;
}



.portfolio-layout1 .content-box h4{
	color: #FFE500;
}

.portfolio-layout1 .content-box p{
	margin-bottom:15px;
}
.contact-info-layout3 p 
{
    text-align: justify;
}
.infos-for
{
	text-align:justify;
}
/************/
.category-layout1:before {
    background-color: rgba(224, 226, 115, 0.17);
}
.category-layout1 h2 a {
    color: rgb(255, 255, 255);
    font-size: larger;
    font-weight: bold;
    font-style: gras;
}

.category-layout1 h2 a:hover {
    color: #ffe500;
		font-size: larger;
    font-weight: bold;
    font-style: gras;
}
.video-box-layout1:before {

    background-color: rgba(215, 193, 2, 0.2);
}

/* .overlay-primary3:before {
    background-color: #da001a;
} */
.banner-content-layout1 h2.uppercase-text span {
    color: #da001a;
}
.banner-content-layout1 h2 span {
    color: #da001a;
}
/* .overlay-primary3:before {
    background-color: #da001a;
} */

.Banner1 .btn-primary-fill-ghost {
    background: #fff;
  
    color: #da001a;

}

/******************************************************************************/

.tsp_categories .category-layout1:before {
    z-index: -1;
}

.tsp_categories .category-layout1 {
    background: rgba(224, 226, 115, 1);
}

.tsp_categories  .category-layout1 img {
    opacity:0.85;
}

.tsp_categories  .category-layout1:hover img {
    opacity:0.65;
}

/**************************************************/

.banner-content-layout1 h2.uppercase-text {
    width: 100%;
    font-size: 22px;
}

/******************************/


.bg-common-style.section-space-banner{
	padding: 80px 0 80px;
}


.icone_list img{
	    max-width: 40px;
}

.icone_list img, .icone_list h3{
	display:inline-block;
}

.icone_list h3{
	font-size: 15px;
	font-weight: 600;
	color: #000000;
	text-transform: uppercase;
}


.icone_list h3 em{
	font-size: 12px;
}




/*================================== TIMELINE ==================================*/
/*-- GENERAL STYLES ------------------------------*/
 .timeline {
	 line-height: 1.4em;
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 width: 100%;
}
 .timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
	 line-height: inherit;
}
/*----- TIMELINE ITEM -----*/
 .timeline-item {
	 padding-left: 40px;
	 position: relative;
}
 .timeline-item:last-child {
	 padding-bottom: 0;
}
/*----- TIMELINE INFO -----*/
 .timeline-info {
	 font-size: 12px;
	 font-weight: 700;
	 letter-spacing: 3px;
	 margin: 0 0 0.5em 0;
	 text-transform: uppercase;
	 white-space: nowrap;
}
/*----- TIMELINE MARKER -----*/
 .timeline-marker {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 width: 15px;
}
 .timeline-marker:before {
	 background: #da001a;
	 border: 3px solid transparent;
	 border-radius: 100%;
	 content: "";
	 display: block;
	 height: 15px;
	 position: absolute;
	 top: 4px;
	 left: 0;
	 width: 15px;
	 transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
 .timeline-marker:after {
	 content: "";
	 width: 3px;
	 background: #ccd5db;
	 display: block;
	 position: absolute;
	 top: 24px;
	 bottom: 0;
	 left: 6px;
}
 .timeline-item:last-child .timeline-marker:after {
	 content: none;
}
 .timeline-item:not(.period):hover .timeline-marker:before {
	 background: transparent;
	 border: 3px solid #da001a;
}
/*----- TIMELINE CONTENT -----*/
 .timeline-content {
	 padding-bottom: 40px;
}
 .timeline-content p:last-child {
	 margin-bottom: 0;
}
/*----- TIMELINE PERIOD -----*/
 .period {
	 padding: 0;
}
 .period .timeline-info {
	 display: none;
}
 .period .timeline-marker:before {
	 background: transparent;
	 content: "";
	 width: 15px;
	 height: auto;
	 border: none;
	 border-radius: 0;
	 top: 0;
	 bottom: 30px;
	 position: absolute;
	 border-top: 3px solid #ccd5db;
	 border-bottom: 3px solid #ccd5db;
}
 .period .timeline-marker:after {
	 content: "";
	 height: 32px;
	 top: auto;
}
 .period .timeline-content {
	 padding: 40px 0 70px;
}
 .period .timeline-title {
	 margin: 0;
}

.timeline-split .period .timeline-title{
	    display: inline-block;
    background: #da001a;
    color: #fff;
    padding: 15px;
}

/*---------------------------------------------- MOD: TIMELINE SPLIT ----------------------------------------------*/
 @media (min-width: 768px) {
	 .timeline-split .timeline, .timeline-centered .timeline {
		 display: table;
	}
	 .timeline-split .timeline-item, .timeline-centered .timeline-item {
		 display: table-row;
		 padding: 0;
	}
	 .timeline-split .timeline-info, .timeline-centered .timeline-info, .timeline-split .timeline-marker, .timeline-centered .timeline-marker, .timeline-split .timeline-content, .timeline-centered .timeline-content, .timeline-split .period .timeline-info, .timeline-centered .period .timeline-info {
		 display: table-cell;
		 vertical-align: top;
	}
	 .timeline-split .timeline-marker, .timeline-centered .timeline-marker {
		 position: relative;
	}
	 .timeline-split .timeline-content, .timeline-centered .timeline-content {
		 padding-left: 30px;
	}
	 .timeline-split .timeline-info, .timeline-centered .timeline-info {
		 padding-right: 30px;
	}
	 .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
		 position: relative;
		 left: -45px;
	}
}
/*---------------------------------------------- MOD: TIMELINE CENTERED ----------------------------------------------*/
 @media (min-width: 992px) {
	 .timeline-centered, .timeline-centered .timeline-item, .timeline-centered .timeline-info, .timeline-centered .timeline-marker, .timeline-centered .timeline-content {
		 display: block;
		 margin: 0;
		 padding: 0;
	}
	 .timeline-centered .timeline-item {
		 padding-bottom: 40px;
		 overflow: hidden;
	}
	 .timeline-centered .timeline-marker {
		 position: absolute;
		 left: 50%;
		 margin-left: -7.5px;
	}
	 .timeline-centered .timeline-info, .timeline-centered .timeline-content {
		 width: 50%;
	}
	 .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
		 float: left;
		 text-align: right;
		 padding-right: 30px;
	}
	 .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
		 float: right;
		 text-align: left;
		 padding-left: 30px;
	}
	 .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
		 float: right;
		 text-align: left;
		 padding-left: 30px;
	}
	 .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
		 float: left;
		 text-align: right;
		 padding-right: 30px;
	}
	 .timeline-centered > .timeline-item.period .timeline-content {
		 float: none;
		 padding: 0;
		 width: 100%;
		 text-align: center;
	}
	 .timeline-centered .timeline-item.period {
		 padding: 50px 0 90px;
	}
	 .timeline-centered .period .timeline-marker:after {
		 height: 30px;
		 bottom: 0;
		 top: auto;
	}
	 .timeline-centered .period .timeline-title {
		 left: auto;
	}
}
/*---------------------------------------------- MOD: MARKER OUTLINE ----------------------------------------------*/
 .marker-outline .timeline-marker:before {
	 background: transparent;
	 border-color: #da001a;
}
 .marker-outline .timeline-item:hover .timeline-marker:before {
	 background: #da001a;
}
 
.imgdepannage{    height: 389.9px;}



/*******************************************/

.section_video{
	    background-size: cover;
    height: 662px;
    background-position: 0px 0px;
		    z-index: 1;
				position: relative;
				    overflow: hidden !important;
						width:100%;
}

.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
	position:absolute;
	    background-size: cover;
			width:100%;
}
.video-foreground{
	background-size: cover;
			width:100%;
}

.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
	width:100%;
}

.img_logo{
	max-width: 75px;
}
.more-service-layout1 h2 {
font-size: 35px;}

.pricing-layout1 .top-content h2 {
font-size: 20px;}

.pricing-layout1 .top-content {
    padding: 20px 20px;
}
.pricing-layout1 .top-content.ligne {
    padding: 35px 0 35px;
}
.pricing-layout1 .bottom-content h3{
	font-size: 56px;
    font-weight: 600;
    color: #da001a;
    margin: 0px;
}
.pricing-layout1 .bottom-content p{
    color: #000;
    font-size: 18px;
    font-weight: 700;
}


.horaire p {
    line-height: 1.7;
    margin: 0 0 0px 0;
    font-size: 20px;
    color: #000;
    font-style: italic;
}
.horaire h3 {
    font-size: 30px;
    text-transform: uppercase;
    color: #da001a;
}
/**********************************************************************************/
.get-start-area h1 {
    font-size: 26px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 20px;
}
.h{
	
	font-size: 18px;
}

 .titreh {
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600;
		font-size: 36px;
}

.section-title-dark .titreh span {
    color: #da001a;
}
.section-title-dark .titreh {
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    z-index: 2;
    color: #000000;
}
.section-title-dark .titreh:before {
    content: "";
    border-top: 1px solid #da001a;
    width: 113px;
    position: absolute;
    top: 65px;
    left: 0;
    right: 40px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
}
.section-title-dark .titreh:after {
    content: "";
    border-bottom: 1px solid #da001a;
    width: 113px;
    position: absolute;
    top: 72px;
    right: 0;
    left: 40px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
}

.portfolio-layout1 .content-box .titreDernier {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}

.banner-content-layout1 h3.uppercase-text {
    width: 100%;
    font-size: 22px;
}

.banner-content-layout1 h3.uppercase-text {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
}
.banner-content-layout1 h3 {
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 70%;
    color: #ffffff;
    font-weight: 600;
}
.banner-content-layout1 h3.uppercase-text span {
    color: #da001a;
}
.portfolio-layout1 .content-box h3 {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}
.portfolio-layout1 .content-box h3 a:hover {
    color: #d6e4f6;
}
.portfolio-layout1 .content-box h3 a {
    color: #ffffff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.category-layout1 h3 {
    position: absolute;
    left: 30px;
    bottom: 0;
    z-index: 2;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px;
}
.category-layout1 h3 a {
    color: rgb(255, 255, 255);
    font-size: larger;
    font-weight: bold;
    font-style: gras;
		webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.category-layout1 h3 a:hover {
    color: #ffe500;
		font-size: larger;
    font-weight: bold;
    font-style: gras;
}
.size-36{
	
	font-size:36px;
}


.get-start-area h3 {
   font-size: 26px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 20px;
}


.pricing-layout1 .top-content h3 {
    font-size: 20px;
}

.pricing-layout1 .top-content h3 {
    
    font-weight: 600;
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.pricing-layout1:hover .top-content h3 {
  color: #000000;
}

.section-title-primary h1{
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
		 font-size: 36px;
}

.contact-info-layout3 h3 {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e3e3e3;
}



.mean-container .mean-bar a.logo-mobile-menu {
    
    background-color: #202227;
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 3px;
    margin-top: 5px;
}
.margtb-50{
    margin-bottom: 50px;
    margin-top: 50px;
}

.section-title-primary h2 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 36px;
}