body, h1, h2, h3, h4, h5, h6, div, p, span  {
  font-family: "Segoe UI", Arial, sans-serif;
}
.txtalign_right{
	text-align:right;
}
.text-center{
	text-align:center;
}
h1, h2#title_inter, h2#title_inter2, h2#title_inter3, h2#title_inter4{
	font-size: 48px;
	font-weight:700;
	margin-bottom:40px;
}
@media (max-width: 767px) {
	h1, h2#title_inter, h2#title_inter2, h2#title_inter3, h2#title_inter4{
		font-size: 28px;
	}
}
.h3, h3 {
    font-size: calc(1.1rem + .6vw);
}
.breadcrumbs {
	margin-top: 100px;
}
/******************************************************************************************

									BANNER TOP


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

.spe_topbanner{
  margin-bottom:5px;
  width:100% !important;
  height:50px !important;
}
.spe_topbanner div:first-child {
  background-color: #0e89d1;
  color: #fff;
  padding: 10px 0px;
}
.spe_topbanner div:nth-child(2) {
  background-color: #F3651C;
  color: #fff;
  padding: 10px 0px;
}
.spe_topbanner div:nth-child(3) {
  background-color: #0e89d1;
  color: #fff;
  padding: 10px 0px;
}

@media (max-width: 575px) {
	.spe_topbanner{
		display:none;
	}
}
.fixed-top {
    position: fixed;
    top: 100px;
    right: 0;
    left: 0;
    z-index: 1030;
}
body.pages_int .fixed-top {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
}
.posrel{
	position:relative;
}
header#header img{
	position:absolute;
	top: -70px;
	width:190px;
}
body.pages_int header#header img{
	position:absolute;
	top: -10px;
	width:100px;
}
/*  ICON RES SOCIAUX   */
#spe_contact-link li{
	display: inline-block;
	margin-right:5px;
}
#spe_contact-link li img{
	height:30px;
	width:30px;
	margin-top:10px;
}
.col_rsxscx{
	text-align:center;
}
@media (max-width: 992px) {
	.col_rsxscx{
		text-align:right;
		padding-right:30px;
	}
}
/*  END/OFF   /     ICON RES SOCIAUX   */
@media (max-width: 767px) {
	.rsxscx{
		display:none;
	}
	header#header img{
		top: -10px;
		width:100px;
	}
	.fixed-top {
		top: 0px;
	}
}
/******************************************************************************************

									VIDEO ACCUEIL


*******************************************************************************************/
#hero .carousel-item::before {
    content: "";
    background-color: rgba(30, 35, 40, 0) !important;
}
#hero .content-caption{
    background-color: rgba(30, 35, 40, 0.6);
	padding:20px 0;
}
#hero .content-caption p{
    font-size:26px;
}
@media (max-width: 767px) {
	#hero .content-caption p{
		font-size:16px;
	}
}

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

									PAGE ACCUEIL


*******************************************************************************************/
.cont_icon h3{
	font-size:20px;
}
.cont_icon .txt_icon h4, .cont_icon .txt_icon p{
	font-size:18px;
	margin-left:0px;
}
section#services{
	padding-top:0px;
}
#icone_phone{
	padding-right:60px;
}
#icone_phone img {
    width: 22px !important;
    padding-top: 13px;
}
section#banner {
    padding: 0px !important;
    overflow: hidden;
	margin-top:-60px;
}
.vue_mobile{
	display: none;
}
.novue_mobile{
	display: block;
}
@media (max-width: 575px) {
	.vue_mobile{
		display: block;
	}
	.novue_mobile{
		display: none;
	}
}

.slide-in-from-left {
  animation: 0.5s ease-out 0s 1 slideInFromLeft forwards;
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.slide-in-from-right {
  animation: 0.5s ease-out 0s 1 slideInFromRight forwards;
}
@keyframes slideInFromRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

.slide-in-from-down {
  animation: 0.4s ease-out 0s 1 slideInFromDown forwards;
}
@keyframes slideInFromDown {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

.slide-in-from-up {
  animation: 0.6s ease-out 0s 1 slideInFromUp forwards;
}
@keyframes slideInFromUp {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

#demi_carousel .btn-get-started {
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 14px 32px;
    border-radius: 4px;
    transition: 0.5s;
    line-height: 1;
    color: #fff;
    animation-delay: 0.8s;
    background: #F3651C;
	margin-top:40px;
}
#demi_carousel .btn-get-started:hover {
    border: solid 1px #F3651C;
    color: #F3651C;
    background: #fff;
}
#demi_carousel .anim {
    display: flex;
    justify-content: center;
    align-items: center;
}
#demi_carousel .anim h3{
    animation-delay:0.4s;
}
/* banner accroch */
section.banner_accroch{
	padding-bottom:0px !important;
}
.banner_accroch .txt_accroch, .cpdeflex{
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 0px;
}
.banner_accroch .txt_accroch h2{
	font-size:48px;
	font-weight: 700;
}
@media (max-width: 767px) {
	.banner_accroch .txt_accroch h2{
		font-size:38px;
	}
}
@media (max-width: 575px) {
	.banner_accroch .txt_accroch h2{
		font-size:20px;
	}
	.portfolio #portfolio-flters li {
		padding: 8px 5px 10px 5px;
	}
}
.banner_accroch .txt_accroch span#deb_span{
	color: #38B6FF;
}
.banner_accroch .txt_accroch span#fin_span{
	color: #F3651C;
}
/* END OF   .../...  banner accroch*/

div.filter-card, div.filter-web, div.filter-app{
	display:block;
}
.portfolio #portfolio-flters {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}
/******************************************************************************************

									FOOTER


*******************************************************************************************/
#footer .footer-top h4 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding-bottom: 0px;
	margin-bottom: 5px;
}
#footer .footer-top p {
	margin-bottom: 25px;
}
#footer .footer-top input#inpenv {
	color: #fff;
	background: #F3651C;
}
#footer .footer-top input#inpenv:hover {
	color: #F3651C;
	background: #fff;
	border:solid 1px #F3651C; 
}
#footer .footer-top .footer-links ul a {
  color: #fff;
}
#footer .footer-top .footer-links ul a:hover {
  color: rgba(255, 255, 255, 0.6);
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  background: #F3651C;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #fff;
  color: #F3651C;
  border:solid 1px #F3651C; 
}
.back-to-top:hover i {
  color: #F3651C;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}
/******************************************************************************************

									PORTFOLIO


*******************************************************************************************/
@media (max-width: 992px) {
	.breadcrumbs {
		margin-top: 100px;
	}
}
.portfolio-wrap h4{
	text-transform: uppercase;
}

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

									CONTACT


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

.contact #php_email_form button[type=submit] {
    background: #F3651C;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
    border-radius: 4px;
}
.contact #php_email_form button[type=submit]:hover {
  background: #fff;
  color: #F3651C;
  border:solid 1px #F3651C; 
}
/******************************************************************************************

										ANIMATIONS 


*******************************************************************************************/
body.animations .cpdeflex{
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 0px;
}
body.animations p{
    font-weight:400;
	color:#000;
	padding:0 10px;
}
body.animations section.demi_carousel_tatoo{
    padding:0px;
}
	#demi_carousel div.encaps_demicarousel{
		width:95%;
		height:95%;
		border:solid 0px #ccc;
		overflow: hidden;
	}
	div.encaps_demicarousel_txt{
		border:solid 0px #ccc;
		width:95%; height:95%;
	}
body.animations h1 span, body.animations h2#title_inter{
		color:#F3651C;
		font-weight:700;
}
body.animations h1 span, body.animations h2#title_inter2, body.animations h2#title_inter3{
		color:#0E89D1;
		font-weight:700;
}
body.animations h2#title_inter4{
		color:#000;
		font-weight:700;
}
body.animations h2#title_tatoo, body.animations h2#title_taureau{
		color:#0E89D1;
		font-weight:600;
		margin-bottom:40px;
}
body.animations h2#title_jxbois, body.animations h2#title_faucheuse{
		color:#F3651C;
		font-weight:600;
		margin-bottom:40px;
}
body.animations h2#title_stand{
		color:#fff;
		font-weight:600;
		margin-bottom:40px;
}
div.separator {
	border:none;
 	width: 90%;
	height: 100px;
	margin-top: 0;
	border-bottom: 1px solid #1f1209;
	box-shadow: 0 20px 20px -20px #333;
  margin: -50px auto 50px; 
}
div.txt_bottom_anim{
	margin: 20px 0 40px 0;
}
div.txt_bottom_anim ul{
	display:inline-block;
}
div.txt_bottom_anim ul li{
	text-align:left;
	color:#ff0000;
}
div.txt_accroch.link_locations h3{
	padding: 0 10px;
}
.posrel .legend {
 position: absolute;
 background: rgba(0, 0, 0, 0.5);
 bottom: 4%;
 left: 0%;
 width:100%;
 height:15%;
 color: white;
 font-size: 20px;
 text-transform: uppercase;
}
/******************************************************************************************

										A PROPOS 


*******************************************************************************************/
@media (max-width: 575px) {
	h2#first_id, h2#second_id{
		font-size: 22px !important;
	}
}
h2#first_id{
	font-weight:700;
	margin-top:40px;
}
h2#second_id{
	margin:50px 0px;
	font-weight:700;
}
section#breadcrumbs h2{
	text-transform: uppercase;	
}

.back-to-catalogue {
    position: fixed;
	text-align:center;
    /*visibility: hidden;*/
    opacity: 1;
    left: 75px;
    bottom: 15px;
    z-index: 996;
	color: #fff;
    background: #F3651C;
    width: 80px;
    height: 40px;
	line-height:18px;
    border-radius: 4px;
    transition: all 0.4s;
}
.back-to-catalogue:hover {
    background: #0E89D1;
	color: #fff;
}



.portfolio .portfolio-wrap {
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #fff;
}
.portfolio .portfolio-wrap:hover {
    background: #fff;
}


/*................................................

					POPUP ENVOIS SMS

..................................................*/

div#catalog-popup{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index:1000;
}


div#catalog-popup #lepopup{
	position:relative;
	width:50%; 
	max-width:90%;
	margin:5% auto;
	padding:0;
	background:#ffffff;
	box-shadow:0 0 15px rgba(0,0,0,0.5);
}

@media(max-width:660px){ 
	div#catalog-popup{
		display:none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.7);
		z-index:999999 !important;
	}
	div#catalog-popup #lepopup{
		position:relative;
		width:90%;
		max-width:90%;
		margin:20% auto !important;
		padding:0;
		background:#ffffff;
		box-shadow:0 0 15px rgba(0,0,0,0.5);
	}
}
/*................................................

					END OFF ..../....	POPUP TELECHARGEMENT CATALOGUE

..................................................*/