html,
body {
	/* Remouve the white gap to the right of the page in responsive */
	overflow-x: hidden;	
}

body {
	position: relative;
	font-family: 'Montserrat', Arial, sans-serif;
}
.text-color{
	color:#fa6e20; /*orange*/
}
.text-color2{
	color:#000; 
	/*color:#022164;*/ /*blue rgb(2,33,100) */
}

.font1{
	font-family: 'Domine', serif;
}

.navbar-perso {
	background-color: rgba(0,0,0, .8);
	color: #FFF;
	padding: 15px 5px;
}

.navbar-perso ul li a {
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.navbar-perso ul li a:hover,
.navbar-brand:hover {
	color: #fa6e20; /*orange*/
}

.navbar-brand {
	color: #fa6e20; /*orange*/
	font-family: 'Domine', serif;
}

nav button.navbar-toggler {
	color: #FFF;
	border: 1px solid #FFF;
}

.navbar-perso ul li a.active {
	color: #FFF !important;
	background-color: #fa6e20;
	border-radius: 3px;
	transition: 0.5s;
}

.navbar-perso.navbar-shrink{padding:5px 5px; transition: .5s;}  
.navbar-perso.navbar-shrink .navbar-brand{font-size:1rem; transition: .5s;}

.centerBlockVertically {
	display: flex;
	/* contexte sur le parent */
	flex-direction: column;
	/* direction d'affichage verticale */
	justify-content: center;
	/* alignement vertical */
}

header{
	background-image:url(../img/botech/aurora-1143296_1920.jpg);
	background-repeat:none;
	background-attachment:fixed;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	text-align:center;
	min-height: 100vh;
}

#header {
	min-height: 100vh;
	/*background-color: rgba(38,38,38, .5);*/
}

header h1 {
	display: none;
	font-family: 'Domine', serif;
	font-size:3rem;
	margin-bottom:25px;
	color: #fa6e20;
}

header .intro-text{
	display: none;
	font-family: 'Montserrat', sans-serif;
	font-size:2rem;
	line-height:50px;
	color: #FFF;
}

section {
	min-height:90vh;
	padding-bottom: 30px;
}
.fond_metier{
background-image:url(../img/groupe18.png);
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:center 20%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:50%;
	/*text-align:center;*/
	min-height: 100vh;

}
section h2.section-heading{
	font-size:1.1rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
	font-family: 'Montserrat', serif;
	text-transform: uppercase;
    font-weight: 800;
	
	color:#FA6E20;
}

section h3 {  
	font-size:1.3rem;
	font-weight:700;
	padding: 1rem 0 1rem 0;
	min-height: 5rem;
}
section h1 { 
    text-transform: uppercase; 
	font-size:2rem;
	font-weight:700;
	padding: 1rem 0 1rem 0;
	min-height: 5rem;
}

#portfolio,
#team,
.bg-color {
	background-color: rgba(90,90,85, .1);
}

.timeline{list-style:none;padding:0;position:relative}
.timeline:before{
	top:0;bottom:0;position:absolute;
	content:"";
	width:2px;
	background-color:#f1f1f1;
	left:40px;
	margin-left:-1.5px}
.timeline>li{
	margin-bottom:50px;
	position:relative;
	min-height:50px}
.timeline>li:before,.timeline>li:after{content:" ";display:table}
.timeline>li:after{clear:both}
.timeline>li .timeline-panel{width:100%;float:right;padding:0 20px 0 100px;position:relative;text-align:left}
.timeline>li .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}
.timeline>li .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
.timeline>li .timeline-image{left:0;margin-left:0;width:80px;height:80px;position:absolute;z-index:100;background-color:#fa6e20;
	color:#fff;border-radius:100%;border:7px solid #f1f1f1;text-align:center}
.timeline>li .timeline-image h4{font-size:10px;margin-top:12px;line-height:14px}
.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 20px 0 100px}
.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}
.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
.timeline>li:last-child{margin-bottom:0}
.timeline .timeline-heading h4{margin-top:0;color:inherit}
.timeline .timeline-heading h4.subheading{text-transform:none; color: #fa6e20;}
.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}
@media (min-width:768px){
	.timeline:before{left:50%}
	.timeline>li{margin-bottom:100px;min-height:100px}
	.timeline>li .timeline-panel{width:41%;float:left;padding:0 20px 20px 30px;text-align:right}
	.timeline>li .timeline-image{width:100px;height:100px;left:50%;margin-left:-50px}
	.timeline>li .timeline-image h4{font-size:13px;margin-top:16px;line-height:18px}
	.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 30px 20px 20px}}
@media (min-width:992px){
	.timeline>li{min-height:150px}
	.timeline>li .timeline-panel{padding:0 20px 20px}
	.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}
	.timeline>li .timeline-image h4{font-size:18px;margin-top:30px;line-height:26px}
	.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}
@media (min-width:1200px){
	.timeline>li{min-height:170px}
	.timeline>li .timeline-panel{padding:0 20px 20px 100px}
	.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}
	.timeline>li .timeline-image h4{margin-top:40px}
	.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}
}



.team-member{text-align:center;margin-bottom:50px}
.team-member img{margin:0 auto;border:7px solid #FFF}
.team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}
.team-member p{margin-top:0}


section#contact{
	background-color:#000;
	background-image:url(../img/map-image.png);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
section#contact .section-heading{color:#fff}
section#contact .form-group{margin-bottom:25px}
section#contact .form-group input,section#contact .form-group textarea{padding:20px}
section#contact .form-group input.form-control{height:auto}
section#contact .form-group textarea.form-control{height:236px}
section#contact .form-control:focus{border-color:#fa6e20;box-shadow:none}
section#contact ::-webkit-input-placeholder{font-family: 'Montserrat', sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}
section#contact :-moz-placeholder{font-family: 'Montserrat', sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}
section#contact :-moz-placeholder{font-family: 'Montserrat', sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}
section#contact :-ms-input-placeholder{font-family: 'Montserrat', sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}
section#contact .text-danger{color:#e74c3c}

.btn-xl{
	color:#fff;
	background-color:#fa6e20;
	border-color:#fa6e20;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-weight:700;
	border-radius:3px;
	font-size:18px;
	padding:10px 40px;
	margin: 20px;
}
.btn-sm{
	color:#fff;
	background-color:#fa6e20;
	border-color:#fa6e20;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-weight:700;
	border-radius:1px;
	font-size:15px;
	padding:5px 20px;
	margin: 20px;
}

.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{color:#fff;background-color:#fa6e20;border-color:#fa6e20}
.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{background-image:none}
.btn-xl.disabled,.btn-xl[disabled],fieldset[disabled] .btn-xl,.btn-xl.disabled:hover,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl:hover,.btn-xl.disabled:focus,.btn-xl[disabled]:focus,fieldset[disabled] .btn-xl:focus,.btn-xl.disabled:active,.btn-xl[disabled]:active,fieldset[disabled] .btn-xl:active,.btn-xl.disabled.active,.btn-xl[disabled].active,fieldset[disabled] .btn-xl.active{background-color:#fa6e20;border-color:#fa6e20}
.btn-xl .badge{color:#fa6e20;background-color:#fff}



footer{padding:25px 0;text-align:center}
footer {
	
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	text-transform:none
}

footer ul.quicklinks{
	margin-bottom:0;
	line-height:40px;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	text-transform:none
}

ul.social-buttons{
	margin-bottom:0
}
ul.social-buttons li a{
	text-align: center;
	display: block;
	background-color:#222;
	height:40px;
	width:40px;
	border-radius:100%;
	font-size:20px;
	line-height:40px;
	color:#fff;
	outline:0;
	-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active{
	background-color:#fa6e20}

@media (max-width:320px){
	header h1 {
		font-size:2.5rem;
		margin-bottom:25px;
	}
	header .intro-text{
		font-size:1.5rem;
	}
	section h2.section-heading{
		font-size:2rem;
	}
}