a {
	transition-duration:0.5s;
}
html {
	max-width:100vw;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size:1.6em;
	max-width:100vw;
}
#intro {
	width:100%;
	height:58vh;
	background:url(/images/header_1.jpg) center center no-repeat;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:-1;
	transition-duration:0s;
}
nav {
	font-family: 'Open Sans', serif;
	
}
#main-menu {
	background-color:#F5F5F5;
	z-index:40;
}
.container-fluid>.navbar-header {
	height:65px;
}
.active a{
color:#FFF !important;
background-color:#CA433F; !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
color:#FFF !important;
background-color:#CA433F; !important;
}
#content {
	background-color:#FFF;
	
}
h1,h2 {
	font-family: 'Open Sans', serif;

}
h1 {
	text-align:center;
	margin-bottom:1.5em;
	margin-top:2em;
		color:#CA433F;
}
h2 {
	font-size:1.2em;
}
.blocs, .bio_blocs, .blocs_contact,.bloc_references_carre, .bloc_references_rect {
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
	
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-justify-content:center;
	-webkit-justify-content:center;
	justify-content:center;
	max-width:100%;
}
.blocs_contact {
	margin-top:2em;
	margin-bottom:1em;
}

.bloc_references_carre img {
	margin:3px;
	width:100px;
}
.bloc_references_rect img {
	margin:3px;
	height:140px;
}
.blocs_contact>div {
	padding:2em;
	text-align:center;
}
.blocs {
	margin-top:3em;
	margin-bottom:3em;
}
.bio_blocs header{
	text-align:center;
}
.bio_blocs header img {
	width:200px;
	height:200px;
}
.bio_blocs>div {
	width:45%;
	padding:1.6em;
	min-width:300px;
}
.bio_blocs>div p {
	font-size:1em;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-bottom:1em;
	font-weight:200;
}
.bio_blocs h2 {
	margin-bottom:2em;
}
.blocs .glyphicon {
	color:#999;
	font-size:2em;
	margin-bottom:1em;
	z-index:0;
}
.blocs p {
	width:270px;
	margin-left:1em;
	margin-right:2em;
	text-align:center;
}

.page {
	min-height:50vh;
	padding:1em;
}
.page.grey {
	background-color:#449397;
	font-weight:300;
	font-family:'Open Sans';
	color:#FFF;
}
.page.grey h1 {
	color:#FFF;
}
#main-footer {
	text-align:center;
	background-color:#550705;
	color:#FFF;
	color:rgba(255,255,255,0.8);
	font-family:'Open Sans';
	font-size:0.8em;
	height:20vh;
	line-height:20vh;
	vertical-align:middle;
	margin-top:4em;
	font-weight:300;
}
.navbar-nav>li>a {
	line-height:35px;
	transition-duration:1s;
}
.facebookPlugIn {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
}
.facebookLien {
	display:none;
}

a {
	cursor:pointer;
}
#contact .glyphicon {
margin-bottom:1.5em;
color:#999;
}
.photos_bio {
	vertical-align:top;
	text-align:center;
}
figure.figure {
	width:40%;
	min-width:100px;
	display:inline-block;
	vertical-align:top;
}
.photos_bio figcaption {
	font-size:0.7em;
	margin-top: 0.3em;
	margin-bottom: 0.7em;
	text-align:center;
}
@media screen and (max-width:700px) {
	.facebookPlugIn {
	display:none;
}
	.facebookLien {
		display:block;
		text-align:center;
		margin-top:2em;
	}
	.bio_blocs>div {
	width:99%;
	padding:1.6em;
	
}
.bio_blocs header img {
	width:120px;
	height:120px;
}
.bloc_references_rect img {
	margin:3px;
	height:140px;
	max-width:300px;
}
.bio_blocs>div p {

	width:93%;
	
}
}