/*font*/
 @font-face {
	font-family: "Museo";
	src: url("../fonts/Museo/MuseoSans-500.otf") format("opentype");
}
 @font-face {
	font-family: "Forza";
	src: url("../fonts/Forza/Forza-Book.otf") format("opentype");
}

/*HTML*/
 body{
	font-family: "Museo";
	letter-spacing: 1px;
	font-weight:500;
	position:relative;
	width:100%;
	height:100%;
	color:#39393a;
	background-color:white;
	font-size:14px;
}

 html{
	width:100%;
	height:100%
}

 h1,h2,h3,h4,h5,h6{
	font-family: 'Forza';
	margin:0px;
	text-transform:uppercase;
	font-weight:500;
	letter-spacing: 1px;
}
h1 { font-size: 36px; }
 h3, h6{
	color: rgb(44, 157, 109);
	padding-bottom:30px;
}
 p{
	line-height:1.5;
	margin:0 0 25px
}
 footer {
	padding: 50px 0;
	background:#322e2f;
	color: rgba(255, 255, 255, 0.75);
}
footer h4 { color: #fff;}

footer p { margin-bottom: 0; }
footer a {
	color: #fff;
}

footer ul { margin-left: 0; padding-left: 0; list-style-type: none; }
footer .city { width: 80px; }

.form-horiztonal { margin: 0 50px; }

form input, button{
	margin-bottom:20px;
	background: transparent;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
	color:white;
	box-sizing: border-box;
}

form input{ width: 100%; }
.form-text-label,.form-email-label{
	display: block;
	box-sizing: border-box;
}

.follow a { display: inline-flex; align-items: center; justify-content: center; margin-top: 5px; width: 28px; height: 28px; background-color: #fff; border-radius: 50%; text-align: center; }
.follow a:hover, .follow a:focus { background-color: #1d9b6c; }
.follow a i { font-size: 16px; color: #322e2f; }
footer .col-lg-2 img { display: block; margin-bottom: 15px; }

.navbar-toggler { position: relative; top: 10px; font-size: 14px; }
.navbar-collapse .btn-nav { margin: 10px 0 15px; }
.navbar-collapse .navbar-nav { padding-bottom: 10px; }

 a{
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	color:rgb(39, 127, 88);
}
 a:focus,a:hover{
	text-decoration:none;
	color:#1d9b6c
}

 ::-moz-selection{
	background: rgb(44, 157, 109);
	background: rgba(44, 157, 109, 0.2);
	text-shadow:none
}
 ::selection{
	background: rgb(44, 157, 109);
	background: rgba(44, 157, 109, 0.2);
	text-shadow:none
}
 img::selection{
	background:transparent;
}
 img::-moz-selection{
	background:transparent;
}
 input{
	background-color: transparent;
	border: 0px;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	cursor:default;
}
 ::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: white;
}
 :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: white;
	opacity: 1;
}
 ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: white;
	opacity: 1;
}
 :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: white!important;
}
 ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: white!important;
}
 ::placeholder {
	/* Most modern browsers support this now. */
	color: white;
}

/*Carousel*/
.carousel-caption { position: static; padding: 92px 45px 30px; }
 .carousel-item {
 	display: flex!important; align-items: center;
 	justify-content: center;
	height: 100vh;
	min-height: 300px;
	background: no-repeat center center scroll;
	background-image: url(../img/intro-bg_.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.logo-carousel { display: block; margin: 0 auto 30px; }
 p.animated,img.animated, div.animated {
	opacity: 0;
}

.car-p-1{
  font-family: 'Forza' ;
	letter-spacing: 1px;
	font-weight:500;
	font-size:30px;
text-transform:uppercase;
}

.car-p-2{
  font-family: 'Forza' ;
	letter-spacing: 1px;
	font-weight:bold;
	font-size:36px;
	text-transform:uppercase;
	max-width: 640px;
	margin-bottom: 0;
}

/*NAV*/

 #mainNav{
	margin-bottom:0;
	border-bottom:1px solid rgba(44, 157, 109, 0.3);
	background-color:white
}
 #mainNav .navbar-toggler{
	padding:11px;
	color:#39393a;
	border:1px solid white;
}
 #mainNav a{
	font-family: "Museo" ;
	letter-spacing: 1px;
	font-weight:500;
	color:#39393a;

}

.navbar-nav { align-items: center; }
 #mainNav .navbar-nav .nav-item{
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
}
 #mainNav .navbar-nav .nav-item:hover{
	color:fade(white,80%);
	outline:none;
	background-color:white;
}
 #mainNav .nav-link.active{
	outline:0;
	background-color:rgba(255,255,255,.3);
	color:rgb(44, 157, 109)!important;
}
 #mainNav .nav-link:hover{
	color:rgb(44, 157, 109);
}
 .nav-link{
	padding-top:5px;
	padding-bottom:5px;
}
 .btn-nav{
	outline:none;
	border-radius: 5px;
	background-color:rgb(44, 157, 109);
	background-color:rgba(44, 157, 109);

}
#btn-nav{
	color:white!important;
}

 #mainNav .btn-nav:hover{
	color:rgb(44, 157, 109);
}

 #logo{
	width:120px;
}

 .nav-item{
	padding-left:10px ;
	padding-right:10px ;
	white-space: nowrap;
}

#navbarResponsive .navbar-nav { display: inherit; }


/*BOUTON*/

 .btn-circle{
	font-size:26px;
	width:55px;
	height:55px;
	margin-top:15px;
	line-height:45px;
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
	color:white;
	border:2px solid white;
	border-radius:100%!important;
	background:transparent
}
 .btn-circle:focus,.btn-circle:hover{
	color:white;
	outline:none;
	background:rgba(44, 157, 109, 0.3);
}
 .btn-light{
	padding-left:40px;
	padding-right:40px;
	padding-top:5px;
	padding-bottom:5px;
}
 .btn-secondary {
	font-size:14px;
	margin-top:50px;
	color: white !important;
	border: 1px solid #444746;
	background-color: #444746;
	padding-left:40px;
	padding-right:40px;
	padding-top:5px;
	padding-bottom:5px;
}

/*CUSTOM*/
 .nopadding {
	padding: 0 !important;
	margin: 0 !important;
}
 .icon{
	margin-bottom:30px;
	margin-top:30px;
}
 .phase{
	margin-top:75px;
	width:150px;
}
 .phase-text{
	margin-top:75px;
}
.text-intro { font-size: 18px; }
 .title-border{
	width:150px;
	margin-bottom:70px;
	margin-top:50px;
}
 .title-border-expertise{
	width:150px;
	margin-bottom:0px;
	margin-top:50px;
}
 .title-border-service{
	width:150px;
	margin-bottom:30px;
	margin-top:10px;
}
 .expertise-content{
	padding:50px;
	background-color: rgb(44, 157, 109);
	background-color: rgba(44, 157, 109, 0.7);
	position:relative;
	top:80px;
	margin-bottom:80px;
}
 .service-content{
	padding:50px 50px 0 50px ;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255, 1);
}
 .content-section {
	padding-top: 100px;
	padding-bottom: 100px;
}
.content-section + #vision { padding-top: 0; }
 .content-section h3{
	padding-top: 50px;
	padding-bottom: 50px;
}
 .expertise-section {
	color: white;
	background: url("../img/expertise-bg_.jpg") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 100px;
}
 .service-section {
	color: #39393a;
	background: url("../img/services_.jpg") no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom: 100px;
	min-height:600px;
}
 .carte-section {
	color: #39393a;
	background: url("../img/carte2_.jpg") no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:800px;

}
 .contact-section {
	color: white;
	background: url("../img/form_.jpg") no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
 .title-section{
	text-align:center;
}
 .title-section img{
	width:20%;
}

 .border-right,.border-bottom{
	border-color:rgba(44, 157, 109,0.3) !important;
}

 .copyright{
	margin-top:30px;
	margin-left:0px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.75);
}

#carte h3 {
		padding-left: 25%;
		padding-right: 25%;
	}

/*GRAND ECRAN*/

 @media (min-width:992px){
 	.navbar-expand-lg .navbar-collapse { flex-wrap: wrap; }
	#mainNav {
		padding-top: 10px;
		padding-bottom: 10px;
		-webkit-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
		-moz-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
		transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
		letter-spacing: 1px;
		border-bottom: none;
		background: white !important;
	}
	#mainNav.navbar-shrink {
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		background: white!important;
	}
	#mainNav .nav-link.active {
		outline: none;
		color: rgba(44, 157, 109);
	}
	.menuBorder{
		border-right: 1px solid #389970 ;
	}


}




/*JUSQUA TRES GRAND ECRAN*/
 @media (max-width: 1200px) {
	.title-border-service{
		width:150px;
	}
}

/*JUSQUA GRAND ECRAN*/
 @media (max-width: 991px) {
	form{
		padding-top:50px;
		text-align:center
	}
	.menu-footer{
		margin-top:100px;
	}
	.btn-nav{
		text-align:center;
	}
	.btn-secondary {
		margin-bottom:50px;
	}
	.contact-section h3{
		padding-top:0px !important;
	}
	form{
		padding-top: 0px;
	}
	#carte h3{
		padding-left: 30px;
		padding-right: 30px;
	}
	.carte-section {
		background-position:45% 0%;
	}
	form input, button{
	margin-left:0px;

	}
	form input{   width: 99%;
	}
.form-text-label,.form-email-label{
 width:100%;
 padding-right:10px;;
}


}

/*JUSQUA MOYEN ECRAN*/
 @media (max-width:768px){
	.border-right,.border-bottom{
		border-color:rgba(44, 157, 109,0.3) !important;
		border:0!important;
	}
	.bor{
		border-bottom:1px solid rgba(44, 157, 109,0.3)!important;
	}
	.car-p-2 { font-size: 24px; }
}


@media (max-width:600px) {
 .carte-section {
	min-height:100px;
}

#carte h3{
		padding-left: 0px;
		padding-right: 0px;
position: relative;
top: -50px;
right: 20px;
	}
}

@media screen and (max-width: 1280px) {
	.carousel-item { background-image: url(../img/intro-bg_1280.jpg); }
	.expertise-section { background-image: url("../img/expertise-bg_1280.jpg");}
	.service-section { background-image: url("../img/services_1280.jpg");}
	.carte-section { background-image: url("../img/carte2_1280.jpg");}
	.contact-section { background-image: url("../img/form_1280.jpg");}
}
@media (max-width:767px) {
	.contact-section { background: #2C9E6D; }
}
@media screen and (max-width: 480px) {
	h1 { font-size: 20px; }
	h2, h3 { font-size: 18px; }
	.phase { width: 100px; height: auto; margin-top: 45px; }
	.phase-text { margin-top: 45px; }
	.service-content { padding-left: 20px; padding-right: 20px; }
	.content-section { padding-top: 45px; padding-bottom: 45px; }
	.content-section h3 { padding-top: 30px; padding-bottom: 30px; }
	#carte h3 { font-size: 14px; }
	.car-p-2 { font-size: 20px; }
	.text-intro { font-size: 14px; }
	.title-border { margin-top: 30px; margin-bottom: 30px; }
	#contact { padding-top: 45px; padding-bottom: 30px; }
	.expertise-section { padding-top: 45px; }
	.mt-3 { width: 75px; height: auto; }
	.carousel-caption { padding-left: 30px; padding-right: 30px; }
	.carousel-item { background-image: url(../img/intro-bg_480.jpg); }
	.expertise-section { background-image: url("../img/expertise-bg_480.jpg");}
	.service-section { background-image: url("../img/services_480.jpg");}
	/*.contact-section { background-image: url("../img/form_480.jpg");}*/
	.form-horiztonal { margin: 0; }
}