/*!
 * Start Bootstrap - Stylish Portfolio v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/stylish-portfolio)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-stylish-portfolio/blob/master/LICENSE)
 */body,html{width:100%;height:100%}
 body{font-family:'Source Sans Pro'}
 .btn-xl{padding:1.25rem 2.5rem}
 .content-section{padding-top:7.5rem;padding-bottom:7.5rem}
 .content-section-heading h2{font-size:3rem}
 .content-section-heading h3{font-size:1rem;text-transform:uppercase}



 * {
 	margin: 0;
 	padding: 0;
 	list-style: none;
	text-decoration: none;
 }
 

 h1,h2,h3,h4,h5,h6{
 	font-weight:700; 
 	color: white;
 }

  h1{
 	font-weight:600; 
 	color: #55a39f;
 }

 #services h2 h3 {
 	color: white;
 }
 


 .text-faded{color:rgba(255,255,255,.7)}
 
 .map{height:30rem}

 @media (max-width:992px){

 	.map{height:75%}
 }

 .map iframe{pointer-events:none}

 .scroll-to-top{
 	position:fixed;right:15px;bottom:15px;display:none;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:45px

 }
 	.scroll-to-top:focus,.scroll-to-top:hover{
 		color:#fff
 	}

 .scroll-to-top:hover{
 	background:#343a40
 }

 .scroll-to-top i{
 	font-weight:800
 }

 .masthead{
 	min-height:30rem;position:relative;display:table;width:100%;height:auto;padding-top:8rem;padding-bottom:8rem; background-color: #00000080; 	position: absolute;
	z-index: -99%;
	width: 100%;
	height:100%;
	content: "";
 }

 .masthead h1{
 	font-size:4rem;margin:0;padding:0
 }

 @media (min-width:992px){
 	.masthead{
 		height:100vh
 	}
 	.masthead h1{font-size:5.5rem
 	}
 }

 #sidebar-wrapper{
 	position:fixed;z-index:2;right:0;width:250px;height:100%;-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s;transform:translateX(250px);background:#1d809f;border-left:1px solid rgba(255,255,255,.1)
 }

 .sidebar-nav{
 	position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none
 }

 .sidebar-nav li.sidebar-nav-item a{
 	display:block;text-decoration:none;color:#fff;padding:15px
 }

 .sidebar-nav li a:hover{
 	text-decoration:none;color:#fff;background:rgba(255,255,255,.2)
 }

 .sidebar-nav li a:active,.sidebar-nav li a:focus{
 	text-decoration:none
 }

 .sidebar-nav>.sidebar-brand{
 	font-size:1.2rem;background:rgba(52,58,64,.1);height:80px;line-height:50px;padding-top:15px;padding-bottom:15px;padding-left:15px
 }

 .sidebar-nav>.sidebar-brand a{
 	color:#fff
 }

 .sidebar-nav>.sidebar-brand a:hover{
 	color:#fff;background:0 0
 }

 #sidebar-wrapper.active{
 	right:250px;width:250px;-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s
 }

 .menu-toggle{
 	position:fixed;right:15px;top:15px;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:50px;z-index:999
 }

 .menu-toggle:focus,.menu-toggle:hover{
 	color:#fff
 }

 .menu-toggle:hover{
 	background:#343a40
 }

 .service-icon{
 	background-color:#fff;color:#1d809f;height:7rem;width:7rem;display:block;line-height:7.5rem;font-size:2.25rem;box-shadow:0 3px 3px 0 rgba(0,0,0,.1)
 }

 .callout{
 	padding:15rem 0;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-callout.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover
 }

 .callout h2{
 	font-size:3.5rem;
 	font-weight:700;
 	display:block;
 	max-width:30rem;
 }

 .portfolio-item{
 	display:block;
 	position:relative;
 	overflow:hidden;
 	max-width:700px;
 	max-height: 467px;
 	margin:auto auto 1rem;
 }

 .portfolio-item .caption{
 	display:flex;
 	height:100%;
 	width:100%;
 	position:absolute;
 	top:0;
 	bottom:0;
 	z-index:1;
 }

 .portfolio-item .caption .caption-content{
 	color:#fff;
 	margin:auto 2rem 2rem;
 }

 .portfolio-item .caption .caption-content h2{
 	font-size:.8rem;
 	text-transform:uppercase;
 }

 .portfolio-item .caption .caption-content p{
 	font-weight:300;
 	font-size:1.2rem;
 }

 @media (min-width:992px){
 	.portfolio-item{max-width:none;margin:0}.portfolio-item .caption{-webkit-transition:-webkit-clip-path .25s ease-out,background-color .7s;-webkit-clip-path:inset(0);clip-path:inset(0)}.portfolio-item .caption .caption-content{transition:opacity .25s;margin-left:5rem;margin-right:5rem;margin-bottom:5rem}.portfolio-item img{-webkit-transition:-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(-1px);clip-path:inset(-1px)}.portfolio-item:hover img{-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}.portfolio-item:hover .caption{background-color:rgba(29,128,159,.9);-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}
 }

 footer.footer{
 	padding-top:5rem;padding-bottom:5rem
 }

 footer.footer .social-link{
 	display:block;height:4rem;width:4rem;line-height:4.3rem;font-size:1.5rem;background-color:#1d809f;transition:background-color .15s ease-in-out;box-shadow:0 3px 3px 0 rgba(0,0,0,.1)
 }

 footer.footer .social-link:hover{
 	background-color:#155d74;text-decoration:none
 }

 a{
 	color:#1d809f
 }

 a:active,a:focus,a:hover{
 	color:#155d74
 }


 .btn-primary{
 	background-color:#1d809f!important;border-color:#1d809f!important;color:#fff!important
 }

 .btn-primary:active,.btn-primary:focus,.btn-primary:hover{
 	background-color:#155d74!important;border-color:#155d74!important
 }

 .btn-secondary{
 	background-color:#55a39f!important;border-color:#55a39f!important;color:#fff!important
 }

 .btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{
 	background-color:#ba9106!important;border-color:#ba9106!important
 }

 .btn-dark{
 	color:#fff!important
 }

 .btn{
 	box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
 	font-weight:700;
 	margin-bottom: 20px;
 }

 .bg-primary{
 	background-color:#1d809f!important
 }

 .text-primary{
 	color:#1d809f!important
 }

 .text-secondary{color:#55a39f!important}

 .bg-primary {
    background-color: #0f404a!important;
}



h3 {
	color: #55a39f!important;
}

footer.footer .social-link {
    background-color: #0f404a;
}


#services i {
	color: #55a39f!important;
}

#titre
{
	color: #529faf;
}



#sidebar-wrapper {
    background: #585858;
}



.bloc {
	position: relative;
	width: 100%;
	height:100%;
	overflow: hidden;
}


.bloc video {
	position: absolute;
	min-width: 100%;
	min-height:100%;
	z-index: -100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}

.bloc img {
	width: 23rem;
}


.navbar {
	position: absolute;
	padding: 50px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	z-index: 1;
}

.navbar a {
	color: white;
	font-family: "Poppins";
}

.navbar a:hover{
	text-decoration: none;
	color: #55a39f;
	transition: 0.3s;
}


.navbar .nav-links ul {
	display: flex;
}


.navbar .nav-links ul li {
	margin: 0 25px;
}


.navbar .nav-links ul li.active a {
	color: #55a39f;
	font-weight: bold;
}


.navbar .menu-hamburger {
	display: none;
	width: 35px;
	position: absolute;
	top: 50px;
	right: 30px;
}



@media screen and (max-width: 900px) {

	.navbar {
		padding: 0;
	}

	.navbar .menu-hamburger {
		display: block;
	}

	.nav-links{
		top: 0;
		left: 0;
		position: absolute;
		background-color: #00000080;
		width: 100%;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		backdrop-filter: blur(7px);
		-webkit-backdrop-filter: blur(7px);
		margin-left: -100%;
		transition: all 0.5s ease;
	}

	.nav-links.mobile-menu {
		margin-left: 0;
	}

	.nav-links ul {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.navbar .nav-links ul li {
		margin: 25px 0;
		font-size: 1.2em;
	}

	.bloc img {
		width: 18rem;
	}
}



section#contact {
	padding: 50px 15px;
	}

section#contact .container {
	max-width: 900px; 
	margin: Opx auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center; 
	background-color:white;
	padding: 60px 10px;
	border-radius: 15px;
	box-sizing: border-box;
	box-shadow: rgba(214, 214, 214) Opx 10px 50px -10px;
}


section#contact .container form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 600px;
}


section#contact .container form input {
	width: 45%;
}

section#contact .container form input:hover ,
section#contact .container form textarea:hover {
	border-bottom: 1px solid #56a4a0;
}

section#contact .container form input,
section#contact .container form textarea {
	margin: 15px 0; 
	padding: 10px;
	box-sizing: border-box;
	border: none;
	outline: none;
	border-bottom: 1px solid #1d686a;
	transition: 0.2s;
}

section#contact .container form textarea {
	width: 100%;
	resize: none;
	height: 100px;
	margin-bottom: 60px;
	}


section#contact .container form button {
	width: 192px;
	height: 50px;
	border-radius: 8px;
	border: none;
	background-color: #1d686a;
	color:white;
	font-weight: bold; 
	font-size: 1. 2em; 
	cursor: pointer;
	outline: none;
	margin: 0 auto;
	transition: 0.2s;
}


section#contact .container form button:hover {
	transform:translateY(-5px);
	box-shadow: rgba(214, 214, 214) Opx 10px 40px 0px;
}

@media screen and (max-width: 900px) {
	section#contact .container form {
		flex-direction: column;
		width: 95%;
	}
	
	section#contact .container form input {
	width: 100%;
	}
}


.parallax {
        background-image: url('../img/mer.jpg');
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        color: #fff;
        padding: 100px 0;
        text-align: center;
    }

    /* Style du texte à l'intérieur de la section de parallax */
    .parallax h1 {
        font-size: 36px;
        font-weight: bold;
    }

    .parallax p {
        font-size: 18px;
    }