* 
{
	margin: 0;
	padding: 0;
}


.border
{
	font-family: Montserrat !important;
}

.header
{
	background: #F6F8FF 0% 0% padding-box;
	position: sticky;
	top: 0;
	z-index: 10;
}

.banner
{
	background: #F6F8FF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #D3DBF8C2;
	margin: 0 0 0 0px;
}

.navbar
{
	padding-top: 20px !important;

}


.nav-item
{
	margin-left: 40px;
	margin-bottom: 10px;

}

.nav-link
{
	font: 13px Montserrat !important;
	letter-spacing: 0;
	color: #000000 !important;
	opacity: 1;
}

.navbar-brand img
{
	top: 51px;
	left: 91px;
	height: 50px;
	max-width: 100%;
	cursor: pointer;
}
.navbar-toggler
{
	border: 0 !important;
	outline: none !important;
	padding: initial !important; 
}

.active-home
{
	border-bottom: 1px solid #000; 
}

.nav-link:hover
{
	border-bottom: 1px solid #000; 	
}

#contact
{
	background: #25C285 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 3px 6px #0000004D;
	border-radius: 5px;
	border-color: #25C285 !important;
	opacity: 1;
	margin-top: -10px; 
	height: 37	px;
	width: 140px;
	font-size: 13px;
}

#contact:hover
{
	color: #25C285;
	background: #fff !important;
}

/*
.banner
{
	margin-top: 2%;
}
*/

.banner h1
{
	text-align: left;
	font: Bold 29px/45px Montserrat !important;
	letter-spacing: 0;
	color: #000000;
	text-shadow: 0px 3px 6px #00000033;
	opacity: 1;
	margin-top: 15%;
}

.description p
{
	text-align: left;
	font:  16px/22px Montserrat !important;
	letter-spacing: 0;
	opacity: 1;
	margin-bottom: 0 0 0 0px;
}


.banner img
{
	left: 960px;
	width: 100%;
}

#services
{
	top: 734px;
	left: 148px;
	width: 200px;
	height: 50px;
	background-color: #fff;
	border: 1.5px solid #7476F8;
	border-radius: 8px;
	opacity: 1;
	color: #7476F8;
}

#projet
{
	top: 734px;
	left: 499px;
	width: 200px;
	height: 50px;
	background: #7476F8 0% 0% no-repeat padding-box;
	border: none !important;
	border-radius: 8px;
	opacity: 1;
	color: #fff;
}

#projet:hover
{
	color: #7476F8;
	background: #fff;
	box-shadow: 0px 3px 6px #0000004D;

}

#services:hover
{
	background: #7476F8;
	color: #fff;
	box-shadow: 0px 3px 6px #0000004D;

}

/*---- Qui sommes-nous? */
.intro
{
	margin: 150px 0; 
}

.intro img
{
	max-width: 60%;
	cursor: pointer;
}

.intro h2
{
	top: 1186px;
	left: 978px;
	width: 227px;
	text-align: left;
	font: Bold 15px/27px Montserrat;
	letter-spacing: 0;
	color: #7476F8 !important;
	opacity: 1;
}

.intro h3 
{
	left: 978px;
	width: 760px;
	text-align: left;
	font: bold 25px/35px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
}

.intro p 
{
	top: 1319px;
	left: 978px;
	text-align: justify !important;
	text-align: left;
	font: 	18px/25px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
}

#btn-intro
{
	background: #25C285 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 3px 6px #0000004D;
	border-radius: 5px;
	border-color: #25C285 !important;
	opacity: 1;
	margin-top: -10px; 
	height: 37	px;
	width: 180px;
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
}

.nos-services
{
	margin: 80px 0;
}

.nos-services h2
{
	top: 1186px;
	left: 978px;
	width: 227px;
	text-align: left;
	font: Bold 15px/27px Montserrat;
	letter-spacing: 0;
	color: #7476F8 !important;
	opacity: 1;
}

.nos-services h3 
{
	left: 978px;
	width: 760px;
	text-align: left;
	font: bold 25px/35px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
}

/* -- Nos services / prestation -- */ 

.prestation 
{
	height: 240px;
	left: 554px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #5142BA59;
	opacity: 1;
	margin-top: 20px;
}

.prestation img
{
	max-width: 60%;
	height: 200px;
	margin-right: 50px;
	margin-left: 50px;
}

.prestation h4
{
	height: 30px;
	text-align: center;
	font: Bold 15px/30px Montserrat;
	letter-spacing: 0;
	color: #000000;
	text-shadow: 0px 3px 6px #00000033;
	opacity: 1;
}


/* Etude de projet / contact */ 

.etude-projet
{
	top: 2706px;
	left: 0px;
	width: 1920px;
	margin-top: 30px;
	background: #F6F8FF 0% 0% no-repeat padding-box;
	opacity: 1;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
	margin: 80px 0; 

}

.etude-projet img
{
	max-width: 77%;
	cursor: pointer;
}

.etude-projet h2
{
	top: 1186px;
	left: 978px;
	text-align: left;
	font: Bold 15px/27px Montserrat;
	letter-spacing: 0;
	color: #7476F8 ;
	opacity: 1;
}

.etude-projet h3 
{
	left: 978px;
	width: 760px;
	text-align: left;
	font: bold 19px/35px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
}

.etude-projet p 
{
	top: 1319px;
	left: 978px;
	text-align: justify !important;
	text-align: left;
	font:  18px/27px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
}

#btn-etude-projet
{
	background: #25C285 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 3px 6px #0000004D;
	border-radius: 5px;
	border-color: #25C285 !important;
	opacity: 1;
	margin-top: -10px; 
	height: 37	px;
	width: 180px;
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
}

.footer
{
	margin-bottom: 20px;
	background: #F6F8FF 0% 0% no-repeat padding-box;
}

.footer img
{
	top: 3425px;
	width: 200px;
	height: 71px;
	margin-bottom: 5px;

}

.footer h4
{
	text-align: left;
	font: bold 15px/33px Montserrat;
	letter-spacing: 0;
	color: #000000;
	padding-top: 15px; 

}

.footer p
{
	margin: 0 0 0 0px;
}

#socialmedia img
{
	height: 33px;
	margin-top: 20px; 
}

/* services.html / Nos services*/

.intro-service
{
	margin-top: 100px;
	margin-bottom: 100px;
}

.intro-service img
{
	top: 379px;
	width: 250px;
	height: 250px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #5142BA59;
	opacity: 1;
	padding-right: 30px;
	padding-left: 30px;

}

.intro-service h2 
{
	top: 420px;
	left: 974px;
	width: 532px;
	height: 50px;
	font: Bold 21px/50px Montserrat;
	letter-spacing: 0;
	color: #000000;
	text-shadow: 0px 3px 6px #00000033;
	opacity: 1;
}

.intro-service p 
{
	top: 500px;
	font: 17px/28px Montserrat;
	letter-spacing: 0;
	color: #00000;
	text-align: justify;
}

/* moa.html*/

.bannerservice
{
	background: #F6F8FF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #D3DBF8C2;
	margin: 0 0 0 0px;

}

.bannerservice h1
{
	text-align: left;
	font: Bold 29px/35px Montserrat ;
	letter-spacing: 0;
	color: #000000;
	text-shadow: 0px 3px 6px #00000033;
	opacity: 1;
	margin-top: 15%;
}

.bannerservice p
{
	width: 501px;
	text-align: justify;
	font:  16px/22px Montserrat !important;
	letter-spacing: 0;
	opacity: 1;
	margin-bottom: 0 0 0 0px;

}
.bannerservice img
{
	max-width: 88%;
	margin-top: 50px;

}

/* banner service transformation digitale */

.bannerservicetd
{
	background: #F6F8FF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #D3DBF8C2;
	margin: 0 0 0 0px;

}

.bannerservicetd h1
{
	text-align: left;
	font: Bold 29px/35px Montserrat ;
	letter-spacing: 0;
	color: #000000;
	text-shadow: 0px 3px 6px #00000033;
	opacity: 1;
	margin-top: 15%;
}

.bannerservicetd p
{
	width: 501px;
	text-align: justify;
	font:  16px/22px Montserrat !important;
	letter-spacing: 0;
	opacity: 1;
	margin-bottom: 0 0 0 0px;

}
.bannerservicetd img
{
	max-width: 77%;
}

/* banner services ui ux*/

.bannerserviceuiux
{
	background: #F6F8FF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #D3DBF8C2;
	margin: 0 0 0 0px;

}

.bannerserviceuiux h1
{
	text-align: left;
	font: Bold 29px/35px Montserrat ;
	letter-spacing: 0;
	color: #000000;
	text-shadow: 0px 3px 6px #00000033;
	opacity: 1;
	margin-top: 15%;
}

.bannerserviceuiux p
{
	width: 501px;
	text-align: justify;
	font:  16px/22px Montserrat !important;
	letter-spacing: 0;
	opacity: 1;
	margin-bottom: 0 0 0 0px;

}
.bannerserviceuiux img
{
	max-width: 77%;
}

.moaconcept
{
	margin: 150px 0; 
}

.moaconcept img
{
	max-width: 88%;
	padding-top: 10px;
	cursor: pointer;
}

.moaconcept h2
{
	top: 1186px;
	left: 978px;
	text-align: left;
	font: Bold 15px/27px Montserrat;
	letter-spacing: 0;
	color: #7476F8 !important;
	opacity: 1;
}

.moaconcept h3 
{
	left: 978px;
	width: 760px;
	text-align: left;
	font: bold 25px/35px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
}

.moaconcept p 
{
	top: 1319px;
	left: 978px;
	text-align: justify !important;
	text-align: left;
	font: 	18px/25px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
}


#btn-moaconcept
{
	background: #25C285 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 3px 6px #0000004D;
	border-radius: 5px;
	border-color: #25C285 !important;
	opacity: 1;
	margin-top: -10px; 
	height: 37	px;
	width: 180px;
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
}

.processmoa h2
{
	top: 1186px;
	left: 978px;
	text-align: left;
	font: Bold 15px/27px Montserrat;
	letter-spacing: 0;
	color: #7476F8 !important;
	opacity: 1;
}

.processmoa h3 
{
	left: 978px;
	width: 760px;
	text-align: left;
	font: bold 25px/35px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
}

.processmoa p 
{
	top: 1319px;
	left: 978px;
	text-align: justify !important;
	text-align: left;
	font: 	18px/25px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
}

.processmoa img
{
	max-width: 100%;
	
}

/* devops.html*/

.processdevops h2
{
	left: 978px;
	text-align: left;
	font: Bold 15px/27px Montserrat;
	letter-spacing: 0;
	color: #7476F8 !important;
	opacity: 1;
}

.processdevops h3 
{
	left: 978px;
	width: 760px;
	text-align: left;
	font: bold 25px/35px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
}

.processdevops p 
{
	top: 1319px;
	left: 978px;
	text-align: justify !important;
	text-align: left;
	font: 	18px/25px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
}

.processdevops img

{
	padding-top: 10px;
	max-width: 60%;
	
}

.bannerservicedevops
{
	background: #F6F8FF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #D3DBF8C2;
	margin: 0 0 0 0px;
	padding-top: 30px;
	padding-bottom: 20px;

}

.bannerservicedevops h1
{
	width: 401px;
	text-align: left;
	font: Bold 29px/35px Montserrat ;
	letter-spacing: 0;
	color: #000000;
	text-shadow: 0px 3px 6px #00000033;
	opacity: 1;

}

.bannerservicedevops p
{
	width: 501px;
	text-align: justify;
	font:  16px/22px Montserrat !important;
	letter-spacing: 0;
	opacity: 1;
	margin-bottom: 10px;

}
.bannerservicedevops img
{
	width: 300px;
}

/* Contact page */ 

.contact
{
	margin-bottom: 60px;
	margin-top: 60px; 
}

.contact h2
{
	top: 907px;
	left: 142px;
	text-align: left;
	font: Bold 20px/42px Montserrat;
	letter-spacing: 0;
	color: #000000;
	text-shadow: 0px 3px 6px #00000033;
	opacity: 1;
}

.contact p
{
	text-align: justify !important;
	text-align: left;
	width: 390px;

	font: 	15px/25px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
}

.contact img 
{
	max-width: 77%;
	margin-bottom: 10px;
}

.form 
{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #7476F857;
	opacity: 1;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 50px;
	padding-bottom: 50px; 
}


.input
{
	width: 100%;
	height: 50px;
	margin-bottom: 15px;
	border-radius: 5px;
	border: 0;
	outline: none;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 2px 5px #5142BA59;
	padding: 15px 40px; 
	font:15px/29px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 0.73;
}

.input-message 
{
	width: 100%;
	margin-bottom: 15px;
	border-radius: 5px;
	border: 0;
	outline: none;
	box-shadow: 0px 3px 6px #5142BA59;
	padding: 15px 40px; 
	letter-spacing: 0;
	color: #000000;
	opacity: 0.73;
	resize: none;
}


.form-items
{
	position: relative;
}

.form-items .fa
{
	position: absolute;
	top: 17px;
	left: 13px; 
	color: #000000;

}

.form .title h3
{
	text-align: center;
	font: bold 21px/42px Montserrat !important;
	font-weight: bold;
	letter-spacing: 0;
	color: #000000;
	text-shadow: 0px 3px 6px #00000033;
	opacity: 1;	
}

.form-control 
{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	padding-top: 50px;
	padding-bottom: 50px; 
    border: 0px !important;
    width: 100%;
	height: 50px !important;
	margin-bottom: 15px;
	border-radius: 5px;
	border: 0;
	outline: none;
	box-shadow: 0px 2px 5px #5142BA59;
	padding: 15px 35px !important; 
	font: 15px/29px Montserrat !important;
	color: #000000; 
	opacity: 0.63;
}

.form-group
{
	position: relative;
}

.form-group .fa
{
	position: absolute;
	top: 17px;
	left: 13px; 
	color: #000000;
}

.form .btn
{
	background: #7476F8;
	width: 130px;
	color: #fff;
	border-radius: 20px;
}
.footer-top
{
	padding-top: 10px;
	padding-bottom: 20px;
	background: #F6F8FF 0% 0% no-repeat padding-box;
	padding-left: 50px;
	padding-right: 50px;
}

.footer-top p
{
	margin: 0px;
}

.footer-top a 
{
	color: #000;
}
.footer-top h5
{

	text-align: left;
	font: bold 17px/33px Montserrat;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
	margin-top: 15px;

}

.footer-top img
{

	left: 91px;
	width: 177px;
	height: 71px;
	opacity: 1;
}

.footer-top .fa
{
	padding-right: 10px; 
}

#rs .fa
{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 5px; 
	padding-left: 5px; 
}

.mentionslegales 
{
	margin-top: 30px;
	margin-bottom: 30px;

}

.mentionslegales .fa
{
	padding-right: 10px; 
}