@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size:100%;
	font-family: 'Open Sans', sans-serif;
}
body {
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
}
img {
	max-width:100%;
}
h1, h2, h3, h4, h5, h6 {
	
}
h2 {
	color:#2b2b2b;
	font-size:3.75em;
	font-weight:200;
	margin-bottom:40px;
}
h3 {
	color:#2b2b2b;
	font-size:2em;
	font-weight:700;
}
p {
	color:#fff;
	font-size:1em;
	text-align:justify;
	font-weight:400;
	line-height:1.2em;
}
a {
	outline:none;
}
/* Navigation ============================================================*/

/* Hover */

.dropdown-menu li:hover .sub-menu {
	visibility: visible;
}
.dropdown:hover .dropdown-menu {
	display: block;
}
/* 
.dropdown-menu {
	display: block !important;
}

*/



/***********/
html, body {
	height:100%;
	margin:0;
	float:left;
}
#home {
	float:left;
	width:100%;
}
#home {
	height:100%;
	min-height:100%;/*for mozilla*/
}
#home {
	height:auto;
}
#home {
	background: rgba(0, 0, 0, 0) url("../images/accueil_bg.jpg") repeat scroll center bottom / cover ;
	text-align:center;
	float:left;
	position:relative;
	overflow:hidden;
	transition: all 2s ease-in 0s;
}
.home_container {
	width:100%;
	min-height:100%;
	height:auto;
	float:left;
	display: table;
	transition: all 2s ease-in 0s;
}
.home_box {
	display: table-cell;
	vertical-align: middle;
	transition: all 2s ease-in 0s;
	width:100%;
}
#home h2 {
	background: #fff none repeat scroll 0 0;
	color: #333;
	display: inline-block;
	font-size: 1.5em;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 30px 80px;
	text-transform: uppercase;
	line-height: 40px;
}
#home h2 span {
	font-size:1.5em;
	color:#ec1f27;
	letter-spacing:3px;
}
#home h3 {
	font-size:3.75em;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom: 80px;
	margin:0;
	text-shadow:5px 10px 10px #000000;
}
.flexslider {
	position: relative;
	float: left;
	width: 100%;
	min-height: 200px;
}
.flex-control-nav {
	display:block !important;
}
.logo1 {
	display:none;
}
/**/
#pageinterne #home {
	background:none !important;/*background: rgba(0, 0, 0, 0) url("../images/interne_bg.jpg") repeat scroll center 0 / cover;*/
}
.servicesplus #home {
	background:none !important;/* background: rgba(0, 0, 0, 0) url("../images/interne_bg2.jpg") repeat scroll center 0 / cover !important;*/
}
#pageinterne .home_box {
	display:inline-block;
}
#pageinterne .home_box {
	display:inline-block;
}
.img_header {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	text-align:center;
	width:100%;
}
#pageinterne .logo {
	display: inline-block;
	margin: 20px 0 30px;
}
#pageinterne #header .navbar-nav {
	background: #152323;
	min-height: 80px;
}
/*************/
#loading {
	float:left;
	width:100%;
}
#loading {
	height:100%;
	min-height:100%;/*for mozilla*/
}
#loading {
/* height:auto;*/
}
#imgload {
	margin:50px 0 0 0;
}
/*** JS fix !!! ***/
/*
#loading {
	text-align:center;
	float:left;
	position:relative;
	overflow:hidden;
	transition: all 2s ease-in 0s;
}
*/
#loading {
	background: #fff none repeat scroll 0 0;
	float: left;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 0;
	transition: all 2s ease-in 0s;
	z-index: 99999;
}
.loading_container {
	width:100%;
	min-height:100%;
	height:auto;
	float:left;
	display: table;
}
.loading_box {
	display: table-cell;
	vertical-align: middle;
	transition: all 2s ease-in 0s;
}
#logo_m {
	display:none;
}
.rotateIn img {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -400deg);
transform: rotate3d(0, 0, 1, -400deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -400deg);
transform: rotate3d(0, 0, 1, -400deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
/**/
#header {
    float: left;
	min-height:200px;
    width: 100%;
    z-index: 9999;
	border-bottom:2px solid #09509e;
}

#header_parallax {
	background:rgba(0, 0, 0, 0) url("../images/header.jpg") no-repeat fixed center  0  ;
	float:left;
	width:100%;
	height: 540px;
	text-align:center;
	padding:0;
	overflow:hidden;
}

#header_parallax object{
margin:180px 0 0 0;	
	}

#homepage #header {
/*display:none;*/
}

.fbb_header{
position:absolute;
top:80px;
right:80px;	
z-index:99999;
	}


	
#homepage #header .logodiv{
text-align:center;	
height: 100%;
	}
	
#homepage #header .col-lg-3 p{
   color: #fff;
    margin: 60px 0 0;
    text-align: center;
}	

	
#homepage #header .col-lg-3 p a{
    color: #fff;
    
    letter-spacing: 10px;
}	

#homepage #header .col-lg-3 p a span {
    font-size:0.75em;
    letter-spacing: 2px;
}	
	
#header .navbar {
	border-radius: 0;
	border:none;
	margin-bottom: 0px!important;
}
#header .navbar-default {
	border: none;
}
#header .navbar-header {
	border: none;
	padding: 0;
}
#header .navbar-default .navbar-collapse {
    background: none ;
    border-top: medium none !important;
    box-shadow: none;
    padding: 0 !important;
    text-align: center;
}
#header .navbar-header .logo {
	float: left;
}
#header .navbar-header .logo img {
	float: left;
	margin:10px 0;
}
#header .tel {
	float:left;
	font-size:1.5em;
	color:#2b2b2b;
	margin:25px 40px 0 75px;
}
.lang {
	float:right;
	margin:25px 0 0 0;
}
.lang span {
	font-weight:600;
	color:#2b2b2b;
	font-size:1.2em;
}
.lang a:hover {
	text-decoration:none;
}
.lang a:hover span {
	color:#db1c23;
	text-decoration:none;
}
#header .navbar-nav {
    border: medium none;
    display: inline-block;
    list-style-type: none;
    margin: 110px 0 0 80px;
    text-align: center;
}

#header .navbar-nav li a {
    color: #09509e;
    font-size: 1.125em;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 40px;
    text-transform: uppercase;
}


#header .navbar-nav li a:hover, #header .navbar-nav li a.linkhover {
    color: #fff;
	background:#09509e;
    text-decoration: none;
}
#header .navbar-default .navbar-nav > .active > a, #header .navbar-default .navbar-nav > .active > a:hover, #header .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
	background:#09509e;	
    text-decoration: none;
}

#header .navbar-toggle .icon-bar {
	display: block;
	height: 2px;
	width: 20px;
	margin: 0 auto;
}
#header .navbar-toggle {
	background-color: #09509e;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin: 0;
	right: 40px;
	width: 40px;
	height: 40px;
}
#header .navbar-default .navbar-toggle .icon-bar {
}
#header .navbar-default .navbar-toggle:hover {
	background-color: #09509e;
}
#header .navbar-default .navbar-toggle:focus {
	background-color: #09509e;
}


#header .col-lg-6 {
	padding:0;
}


.header_top {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}

.header_top .pull-right{
padding-top:25px;	
	}

.header_top .pull-right a {
    color: #fff;
    display: inline-block;
    float: left;
    
    font-size: 1.5em;
    letter-spacing: 2px;
    margin: 0 0 0 60px;
    text-transform: uppercase;
	font-weight:normal;
}

.header_top p {
    border-left: 3px solid #09509e;
    padding-left: 70px;
    position: absolute;
    right: 80px;
    top: 150px;
    z-index: 9999;
}

.header_top p a {
    color: #000;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 20px;
    text-align: right;
}


.header_top p a:hover {
    color: #09509e;
    text-decoration:none;
}

.h-infos {
	margin-left:80px;
	margin-top:10px;
	float:left;
}
.h-infos a, .h-infos span {
	font-size:1.2em;
	color:#fff;
	padding-left:8px;
}

.logo {
    margin: 40px 0 0 20px;
	float:left;
}

.logo span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.logo img {
    width: auto !important;
    display: inline-block !important;
}

.header_bottom .infos{
margin-top:160px;	
	}
	
.header_bottom .infos p {
    color: #fff;
    font-size: 1.875em;
    text-align: right;
	font-weight:700;
}

.header_bottom .infos p a{
    color: #fff;
}

.tel-infos {
	float:right;
	margin:38px 30px 0 0;
	
	font-weight:700;
	color:#000;
	font-size:1.5em;
}
.tel-infos:hover {
	text-decoration:underline;
	color:#000;
}
.header_bottom {
    float: left;
    width: 100%;
}

.header_bottom p a {
	margin:285px 0 0;
    color: #0d6db6;
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 5px;
	display:inline-block;
}

.menu-content {
    display: block;
    height: 100px;
    margin: 40px auto 0;
    max-width: 450px;
}
.menu-content .col-xs-12{
    padding:0;
}
.header_bottom .container .pull-right {
text-align:center;	
	}
.header_bottom .container .pull-right a {
    color: #fff;
    display: inline-block;
    font-size: 1.125em;
    letter-spacing: 1px;
	
    margin: 42px 0 0 0;
}
.header_bottom .container .pull-right a:hover {
	color:#3299bb;
	text-decoration:none;
}

#home h3 {
    color: #fff;
    
    font-size: 4.5em;
    font-weight: normal;
    margin: 10px 140px 0 0;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 4px;
}

#home h3 span {
    font-size: 1.3em;
}

.hmb{
position:absolute;
bottom:100px;
left:0;
width:100%;	
	}

.hmb p {
    
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    margin: 0;
}


.caption {
	position:absolute;
	top:18%;
	width:100%;
	text-align:center;
	z-index:999;
}
.caption > h2 {
	display: inline-block;
	color:#fff;
	font-size:4em;
	padding:5px 15px;
	text-shadow:1px 1px #000;
	text-transform:uppercase;
	line-height:2em;
	font-weight:600;
}
#fleche {
	position:absolute;
	bottom:20px;
	left:0;
	height:66px;
	text-align:center;
	width:100%;
	z-index:99999;
}
.fleche {
	position:relative;
	z-index:99999;	
}
.fleche .fleche-img {
	position:absolute;
	top:0;
	left:0;
	z-index:99999;	
}
.flex-control-nav {
	display:block;
}
.nav li {
    margin: 0 2px;
}
.container {
	max-width:1520px;
	width:100%;
}
.dropdown-menu {
    background: #f6f6f7 none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    left: 0;
    min-width: 5px;
    padding: 10px 0;
    top: 78px;
    width: 325px;
}
.dropdown-menu li {
    margin: 5px 0 5px 10px;
    text-align: left;
    width: 100%;
}
.dropdown-toggle{
    /*padding: 0 0 60px !important;*/
}
.dropdown-menu > li > a {
	color: #a7a9ac !important;
	font-size: 1.1em !important;
	height: 100% !important;
	line-height: 10px !important;
	margin: 0;
	padding: 5px 0 5px 20px !important;
	text-align: left;
}
.dropdown-menu li a:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background:none !important;
	color:#09509e !important;
	background: #f6f6f7 none repeat scroll 0 0;
}
.dropdown:hover .dropdown-toggle, .dropdown-toggle:active, .dropdown-toggle:focus {
	text-decoration: none;
	color: #09509e !important;
	background: #f6f6f7 none repeat scroll 0 0;
}
.header_sep {
	background: url("../images/header_bottom.png") repeat-x scroll center 0 rgba(0, 0, 0, 0);
	width: 100%;
	height:15px;
	float:left;
	margin-bottom:15px;
}

.gototop {
	display:none;
    font-size: 2em;
    position: fixed;
    right: 15px;
    bottom: 40px;
    z-index: 99999;
	color: #03205d;
}	

/***********/
.body_content {
	float:left;
	width:100%;
}
#pagecontent .body_content {
	padding-top:120px;
}
/***/
#slides {
	overflow:hidden;
	float:left;
	position:relative;
	width:100%;
	border-bottom: 3px solid #152323;
}

#slider h2 {
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
    left: 0;
    letter-spacing: 3px;
    position: absolute;
    text-transform: uppercase;
    top: 40%;
    width: 100%;
}

/**/

#travaux {
	float:left;
	width:100%;
	margin:100px 0;
	text-align:center;
}
#travaux h3 {
	color:#db1c23;
	font-size:1.25em;
	
	font-weight:normal;
}
#travaux p {
	color:#152323;
	font-size:1em;
	padding:5px 35px;
	text-align:center;
}
#travaux .row {
	margin-bottom:20px;
}
#travaux .col-xs-12 {
	padding-bottom:25px;
}
/**/
#apropos {
	background:rgba(0, 0, 0, 0) url("../images/apropos_bg.jpg") no-repeat left 0 / cover ;	
    float: left;
    padding: 60px 0;
    position: relative;
    width: 100%;
	min-height:620px;
}

#apropos .partenaires{
  margin: 0 15px;
}

#contentpage #apropos {
	float:left;
	width:100%;
	padding:20px 0;
	background:#03205d;
}


.apropos-txt .col-lg-6{
    padding: 0;
}

#apropos h2 {
    color: #09509e;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 4px;
    margin: 30px auto 0 !important;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

#apropos h2 span {
    background: #d77123 none repeat scroll 0 0;
    display: inline-block;
    height: 2px;
    margin: 40px  0 0;
    width: 50px;
}

#apropos h2 img{
	position:absolute;
	bottom:0px;
	margin:0;
	right:0px;
}

#apropos h2 strong {
    font-size: 0.5em;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}


#apropos h3 {
    color: #000000;
    display: inline-block;
    font-size: 1.125em;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 35px;
    margin: 0 auto !important;
    text-align: center;
    width: 100%;
}

#apropos p {
    color: #000;
    font-size: 0.75em;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 50px auto 0;
    max-width: 640px;
    text-align: center;
    width: 100%;
}

#apropos a {
	text-align:center;
	font-size:1.65em;
	color:#3299bb;
	font-weight:700;
	letter-spacing:1px;
}

/**/
#services_section {
	background:rgba(0, 0, 0, 0) url("../images/services_bg.jpg") no-repeat scroll center bottom / cover ;
    float: left;
    min-height: 600px;
    padding: 0;
    text-align: center;
    width: 100%;
	padding:100px 0 40px;
}

#services_section .container {
    max-width: 1420px;
}


#services_section h1 {
    color: #fff;
    font-size: 1.875em;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
}


#services_section h2 {
    color: #fff;
    display: inline-block;
    font-size: 1.875em;
    font-weight: 700;
    letter-spacing: 4px;
    margin: 0 auto 50px !important;
    padding: 0;
    position: relative;
    text-align: center;
	float:left;
    text-transform: uppercase;
}

#services_section h2 span {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 2px;
    width: 220px;
	margin:15px 0 0 0;
}

#services_section h2 img{
	position:absolute;
	bottom:0px;
	margin:0;
	right:0px;
}


#services_section a:hover h3 {
    background: #03205d none repeat scroll 0 0;
}

#services_section h4 {
    color: #fff;
    float: left;
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 20px;
    margin: 35px 0 0 20px !important;
    text-align: center;
    text-transform: uppercase;
}

#services_section h4 b{
    font-weight: 300;
}

#services_section .col-sm-6{
margin-bottom:80px;	
	}
	
#services_section .col-sm-6 a{
max-width:250px;
margin:0 auto;	
transition: all 0.5s ease-in 0s;
	}	


#services_section h5 {
    border: 3px solid #fff;
    color: #ffffff;
    font-size: 0.7em;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 20px;
    margin: 30px auto 0px !important;
    max-width: 160px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

#services_section a:hover h5 {
    border: 3px solid #fff;
    color: #0d7bc0;
	background:#fff;

}


#services_section a:hover h5 {
	text-decoration:none;
	}


#services_section a{
    width: 100%;
	float: left;
	margin-bottom:50px;
}

#services_section a span {
    display: inline-block;
    height: 70px;
    width: 70px;
	transition: all 0.3s ease-in 0s;
	float: left;
}

#services_section a:hover {
transition: all .2s ease-in 0s;
	}
	
#services_section .icon1{
background: rgba(0, 0, 0, 0) url("../images/icon1.png") no-repeat scroll center center;	
	}
	
#services_section .icon2{
background: rgba(0, 0, 0, 0) url("../images/icon2.png") no-repeat scroll center center;	
	}	
	
#services_section .icon3{
background: rgba(0, 0, 0, 0) url("../images/icon3.png") no-repeat scroll center center;	
	}

#services_section .icon4{
background: rgba(0, 0, 0, 0) url("../images/icon4.png") no-repeat scroll center center;	
	}	
	
#services_section .icon5{
background: rgba(0, 0, 0, 0) url("../images/icon5.png") no-repeat scroll center center;	
	}
	
#services_section .icon6{
background: rgba(0, 0, 0, 0) url("../images/icon6.png") no-repeat scroll center center;	
	}				

#services_section .icon7{
background: rgba(0, 0, 0, 0) url("../images/icon7.png") no-repeat scroll center center;	
	}
	
#services_section .icon8{
background: rgba(0, 0, 0, 0) url("../images/icon8.png") no-repeat scroll center center;	
	}	

#services_section p {
    color: #fff;
    font-size: 0.75em;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 24px;
    margin: 40px auto 20px;
    max-width: 270px;
    text-align: center;
    text-transform: none;
}


#services_section li {
    color: #fff;
    
    font-size: 1.125em;
	letter-spacing:2px;
    font-weight: 400;
    line-height: 30px;
    list-style: outside none none;
    margin: 20px 0 0;
    text-align: justify;
}

#services_section li strong{
    font-weight: bold;
}

#services_section ul {
    display: inline-block;
    margin: 0 auto;
}

#services_section .col-lg-3 a {
    display: inline-block;
    font-size: 1em;
    line-height: 30px;
    list-style: outside none none;
    margin: 100px 0 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-in 0s;
}



#services_section .row a{
	background:#fff;
	color:#000;
	font-size:0.75em;
	padding:22px 40px;
	line-height:10px;
	font-weight:700;
	letter-spacing:1px;
	text-transform:uppercase;
	display: inline-block;
	margin:80px 0 0 0;
}

#services_section .row a:hover{
	background:#000;
	color:#fff;
}

#services_section .container > a {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #000;
    color: #000;
    display: inline-block;
    font-size: 0.875em;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 15px;
    margin: 90px 0 0;
    padding: 35px 50px;
    text-align: center;
    text-transform: uppercase;
}

#services_section .container > a:hover {
    color: #09509e;
    text-decoration: none;
	border: 3px solid #09509e;
}
	


/**/
#logosection {
	float:left;
	width:100%;
	min-height:300px;
	text-align:center;
	background:#414142;
	line-height:300px;
}

#logosection p {
    max-width: 1160px;
    padding: 20px;
    color: #fff;
    text-align: center;
    margin: 80px auto 0;
    line-height: 30px;
}


/**/
#services {
	background:rgba(0, 0, 0, 0) url("../images/parallax1.jpg") no-repeat fixed center center / cover ;
	float:left;
	width:100%;
	min-height:722px;
	overflow:hidden;
	text-align:center;
}

#services .container{
max-width:1020px;
}

#services h2 {
	text-align:center;
	font-size:1.5em;
	color:#dededf;
	font-weight:700;
	
	letter-spacing:1px;
	line-height:40px;
	margin:50px auto !important;
	max-width: 175px;
}
#services h2 span {
    background: #dededf none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin: 5px 0 0 8px;
    width: 45px;
}

#services p {
    color: #dededf;
    
    font-size: 1em;
    font-weight: 400;
    line-height: 25px;
    margin: 0 auto 20px ;
    text-align: justify;
}

#services .special, #realisations .special {
	padding:0;
}
#services .special > p, #realisations .special > p {
	color: #152323;
	
	font-size: 1em;
	font-weight: 300;
	line-height: 24px;
	margin: 105px 0 0;
	text-align: left;
}
#services .serv_cont {
	margin:0 auto;
	text-align:center;
	float:left;
	max-width: 500px;
}

#services .serv_cont .hover, #services .serv_cont a:hover .active{
display:none;
}


#services .serv_cont a:hover .hover{
display:inline-block;
}

#services .serv_cont img{
max-width:130px;
margin:0 auto;
display:inline-block;
}

.nopadding {
	padding:0;
}
#services .serv_cont h3 {
    color: #3299bb;
    font-size: 1.65em;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 28px;
    margin: 30px 0;
    text-align: center;
    text-transform: uppercase;
}
#services .serv_cont p {
	color: #333;
	font-weight:300;
	font-size: 1.125em;
	line-height: 20px;
	margin-top: 15px;
	text-align: justify;
}
#services .serv_cont a {
	display: inline-block;
	font-size: 1em;
	margin-top: 20px;
	padding: 0;
	text-decoration: none;
	transition: all 0.5s ease-in 0s;
	float: left;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: 1px;
	color:#000;
}

#services .serv_cont a span{
text-decoration:underline;
	}
	
#services .serv_cont a:hover span{
text-decoration:none;
	}	

#services .serv_cont a:hover {
	text-decoration: none;
}
#services .col-lg-4 {
	margin:0;
	padding:0;
}

.servicesimgs1{
margin-top:50px;	
	}

.servicesimgs .col-lg-4{
width:150px;	
float:right;
	}
.servicesimgs .col-lg-3{
width:150px;
float:right;
	margin:0;
	padding:0;	
	}	
.serv-left {
	float:left;
}
.serv-right {
	float:right;
}
.savoirplus {
	text-align:center;
}
.savoirplus a {
	text-decoration: none;
	font-size: 0.875em;
	color: #152323;
	padding: 15px 20px;
	text-transform:uppercase;
	
	border:2px solid #152323;
	display: inline-block;
	/* Old browsers */
    background: linear-gradient(to right, #bf2e1a 50%, transparent 50%);
	background-size: 200% 100%;
	background-position:right bottom;
	transition:all 0.2s ease;
}
.savoirplus a:hover, .savoirplus a.linkhover {
	text-decoration: none;
	color: #fff !important;
	background-position:left bottom;
	border:2px solid #bf2e1a;
}
.animated {
	animation-name:fadeInUp;
	animation-duration:3s;
	animation-iteration-count:1;
	animation-timing-function:ease-out;
	-webkit-animation-name:fadeInUp;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease-out
}
.animated2 {
	animation-name:flipInY;
	animation-duration:3s;
	animation-iteration-count:1;
	animation-timing-function:ease-out;
	-webkit-animation-name:flipInY;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease-out
}
.animated3 {
	animation-name:fadeInUpBig;
	animation-duration:3s;
	animation-iteration-count:1;
	animation-timing-function:ease-out;
	-webkit-animation-name:fadeInUpBig;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease-out
}
.animated4 {
	animation-name:slideInLeft;
	animation-duration:2s;
	animation-iteration-count:1;
	animation-timing-function:ease-out;
	-webkit-animation-name:slideInLeft;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease-out
}
.animated5 {
	animation-name:slideInRight;
	animation-duration:4s;
	animation-iteration-count:1;
	animation-timing-function:ease-out;
	-webkit-animation-name:slideInRight;
	-webkit-animation-duration:4s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease-out
}
.animated-zoomIn {
	animation-name:zoomIn;
	animation-duration:3s;
	animation-iteration-count:1;
	animation-timing-function:ease-out;
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease-out
}
.animated-appear1 {
	animation-name:slideInLeft;
	animation-duration:2s;
	animation-iteration-count:1;
	animation-timing-function:ease-out;
	-webkit-animation-name:slideInLeft;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease-out
}
.animated-appear2 {
	animation-name:slideInRight;
	animation-duration:2s;
	animation-iteration-count:1;
	animation-timing-function:ease-out;
	-webkit-animation-name:slideInRight;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease-out
}
.animated-bounceIn {
	animation: 2s pulse infinite linear;
	-webkit-animation: 2s pulse infinite linear;
}

#qsm {
	float:left;
	width:100%;
	background:#111111;
}
#qsm .col-lg-6 {
	padding:0;
	text-align:center;
}
.qsm {
	max-width:780px;
	margin:0 auto;
	width:85%;
}
#qsm .col-lg-6 h3 {
	color:#fff;
	font-size:3em;
	
	text-align:center;
	margin: 30px 0 20px;
}
#qsm .col-lg-6 p {
	color:#747778;
	font-size:1.2em;
	font-weight:300;
	text-align:center;
}
.qsm-img {
	background:rgba(0, 0, 0, 0) url("../images/qsm.jpg") repeat scroll center 0 / cover;
	width:100%;
	height:100%;
	float:left;
}
/**/
#realisations-home {
	background:rgba(0, 0, 0, 0) url("../images/realisations_bg.jpg") no-repeat fixed center center / cover ;
    float: left;
    margin: 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.realisations-home-body{
padding:30px 0 100px;	
	}

#realisations-home .container {
    max-width: 100%;
    padding: 0;
}

#realisations-home  .containerplus{
border:none !important;	
	}

#realisations-home .ImageWrapper {
	margin: 0 auto;
	max-width:480px;
	
}

#realisations-home .col-lg-3 {
	padding: 0;
}


#realisations-home .row a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 3px solid #000000;
    color: #000000;
    display: inline-block;
    float: none;
    font-size: 0.875em;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 20px;
    margin: 75px 30px 65px;
    padding: 22px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease-in 0s;
}

#realisations-home .row a:hover{
    background: #000;    
    color: #fff;
	text-decoration:none;
	border: 3px solid #000;
}




#realisations-home h2 {
    color: #000000;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 4px;
    margin: 70px auto !important;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

#realisations-home h2 span {
    background: #023399 none repeat scroll 0 0;
    display: inline-block;
    float: right;
    height: 2px;
    margin: 22px -20px 0 0;
    width: 105px;
}

.animation_container {
	position: relative;
	text-align: center;
	width: 100%;
	max-width:72px;
	height:20px;
	padding:0;
	margin:0 auto;
}
.anim-img {
	z-index:999;
}
.line {
	width:48%;
	height:1px;
	background:#db1c23; /*  eeeeee   */
}
.line2 {
	width:48%;
	height:1px;
	background:#eeeeee;
}
.right_line {
	position:absolute;
	top:38px;
	right:80px;
	width:0;
}
.left_line {
	position:absolute;
	top:38px;
	left:80px;
	width:0;
}

/**/
	
#realdiv2{
margin-top:77px !important;	
	}	
/**/
#realisations .realisation-row {
	margin:0 !important;
}
#realisations .container {
	max-width:1400px;
	width:100%;
}
#realisations .ImageWrapper {
	margin: 0 auto;
	max-width: 100%;
}
#realisations .container .col-xs-12 {
	overflow:hidden;
	padding:0;
}
#realisations #galleryContainer {
	width:100%;
	margin:0 auto;
	max-width:1500px;
}
#realisations .container .row {
	margin:0;
}
#realisations #link-real {
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	font-size: 1.125em;
	font-weight: 600;
	margin: 90px 0 0;
	padding: 20px 30px;
	text-transform: uppercase;
	transition: all 0.5s ease-in 0s;
}
#realisations #link-real:hover {
	border:2px solid #db1c23;
	background:#db1c23;
	color:#fff;
	text-decoration:none;
}
/*
.example-image {
	transition: all .2s ease-in-out;

        filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);	
}
.ImageWrapper img:hover, .ImageWrapper a:hover img, .example-image:hover {
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);	
}
*/
.galleryItemplus .ImageWrapper:after, .galleryItemplus a {
	max-width:446px !important;
}
.ImageWrapper a {
	float: left;
	overflow: hidden;
	position: relative;
	width:100%;
}
/*
.PStyleH span {
	color:#fff;
	top:50px;
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	font-size:0.87em;
}
*/
.PStyleH h4 {
    color: #fff;
    
    font-size: 1.4em;
    font-weight: 700;
    left: 0;
    letter-spacing: 0.5px;
    padding: 13px 0;
    position: absolute;
    text-transform: uppercase;
    top: 35%;
    width: 100%;
}

.PStyleH h4 span {
    color: #fff;
    display: block;
    
    font-size: 0.6em;
    font-weight: 400;
    padding: 5px 0;
    text-transform: none;
}
.ImageWrapper .PStyleH {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}
#realisations {
	background:#fff;
}
#realisations h2 {
	color: #b90000;
	font-size: 2.25em;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 100px 0 70px;
	text-align: center;
	text-transform: uppercase;
}
.ImageWrapper:after {
	content: "";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0px;
	background:rgba(9, 80, 158, 0.7) none repeat scroll 0 0;
	transition: height 0.3s;
}
.ImageWrapper:hover:after {
	height:100%;
}
/*
.PStyleH span {
	color:#fff;
	top:0;
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	font-size:0.875em;
	letter-spacing:2px;
}
*/
.PStyleH b {
    bottom: 40%;
    color: #fff;
    font-size: 0.75em;
    font-weight: 700;
    left: 0;
    letter-spacing: 0;
    padding: 0;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}
/*---------------*/

#all-project {
	background: #747778 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 1.25em;
	font-weight: 500;
	margin: 100px 0 80px;
	padding: 10px 20px;
	
	letter-spacing:1px;
	box-shadow: 0px 5px 10px -4px gray;
}
#all-project:hover {
	background: #606264 none repeat scroll 0 0;
	box-shadow: none;
	text-decoration:none;
}
.real_txt {
	margin: 0 auto !important;
	max-width: 1180px;
	padding: 40px 0 60px;
}
.real_txt h2 {
	color:#db1c23;
	font-size:2em;
	
	font-weight:600;
	letter-spacing:2px;
}
.real_txt p {
	color:#2b2b2b;
	font-size:1.6em;
	text-align:left;
	
	letter-spacing:2px;
}
#realisations .border-small {
	background: none repeat scroll 0 0 #fff;
	height: 1px;
	margin: 20px auto 30px;
	text-align: center;
	max-width: 100px;
	width:80%;
}
.btn_projets {
	margin:50px 0 0 0;
}
.btn_projets .navbar-nav {
	margin:0 auto;
}
.btn_projets li a {
	font-size:1.1em;
	color:#fff;
	
	background:#7c8686;
	border-radius:5px 0 0 5px;
}
.btn_projets .dropdown-toggle, .btn_projets .dropdown-toggle {
	padding:15px 44px !important;
}
.btn_projets li a:hover {
	background:#7c8686;
	color:#fff;
}
.btn_projets .nav li {
	margin:0;
}
.btn_projets .dropdown-toggle {
	border-radius:0 5px 0 0 !important;
	background:#3299bb!important;
}
.btn_projets .nav .caret {
	border-bottom-color: #fff !important;
	border-top-color: #fff !important;
}
.btn_projets li ul {
	margin:0;
	padding:0;
}
.btn_projets .dropdown-menu {
	background-color:#db1c23;
	min-width:320px !important;
	padding:8px 0;
	border:none;
	box-shadow:none;
	right:0 !important;
	left:auto !important;
}
.btn_projets .left-menu {
	float:left;
	margin:0 8px;
}
.btn_projets .dropdown-menu li a {
	border-radius:0 !important;
	background:#3299bb!important;
}
.btn_projets .dropdown-menu li {
	list-style:none;
}
.right-menu {
	text-align:right;
}
.all-prod {
	text-align:center;
}
.all-prod a {
	background: #db1c23 none repeat scroll 0 0;
	border: 2px solid #db1c23;
	color: #fff;
	display: inline-block;
	font-size: 0.875em;
	font-weight: 600;
	margin: 80px 0;
	padding: 8px 110px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.5s ease-in 0s;
	letter-spacing: 1px;
}
.all-prod a:hover {
	border:2px solid #000;
	background: none repeat scroll 0 0 #000;
	color: #f0f0f0;
	text-decoration: none;
}
#formulaire {
	float:left;
	width:100%;
	overflow:hidden;
	padding:100px 0 100px;
	width: 100%;
	margin: 0 auto;
	background:url("../images/formulaire.jpg");
	background-size: cover;
}
#formulaire h3 {
	color: #2b2b2b;
	font-size: 2em;
	font-weight: 600;
	margin: 60px 0 40px;
}
#formulaire p {
	color: #ffffff;
	margin-top:45px;
	font-size: 2.25em;
	font-weight: 200;
	letter-spacing: 3px;
	line-height: 60px;
	margin: 100px 0 0 0;
	padding-bottom: 50px;
	text-align: center;
	max-width: 410px;
	text-transform: uppercase;
}
#formulaire .container > p {
	padding-left: 27%;
	padding-right: 28%;
}
#formulaire .special > p {
	color: #ffffff;
	font-size: 1em;
	font-weight: 300;
	line-height: 24px;
	margin: 0px 0 0;
	max-width: 550px;
	letter-spacing: 2px;
	text-align: left;
	padding-top: 0px;
}
#formulaire h2 {
	color: #ffffff;
	font-size: 1.857em;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 50px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
}
#formulaire .formbg {
	background: white none repeat scroll 0 0;
	margin-left: 0;
	text-align: center;
	max-width: 380px;
	width:100%;
	padding: 0 30px 30px 30px;
	float:right;
}
#formulaire input {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: transparent none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color grey;
	border-image: none;
	border-style: none none solid;
	border-width: medium medium 2px;
	margin-top: 40px;
	max-width: 320px;
	width: 100%;
	padding: 10px !important;
}
#formulaire textarea {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: transparent none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color grey;
	border-image: none;
	border-style: none none solid;
	border-width: medium medium 2px;
	height: 100px;
	margin-top: 40px;
	width: 100%;
	float:left;
}
#formulaire #button {
	background: #ec1f27 none repeat scroll 0 0;
	border: medium none #ec1f27;
	color: white;
	font-size: 1em;
	font-weight: 400;
	margin-top: 25px;
	padding: 8px 126px;
	transition: all 0.5s ease-in 0s;
}
#formulaire #button:hover {
	background: #414142 none repeat scroll 0 0;
}

/****/



#proprio p {
    color: #000000;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 35px;
    margin: 0 auto;
    max-width: 480px;
    text-align: center;
    text-transform: uppercase;
}

	
#proprio p strong{
color:#09509e;
	}


#proprio .proprio{
    background: rgba(0, 0, 0, 0) url("../images/proprio_bg.png") no-repeat center center ;	
	position:relative;
	max-width:700px;
	padding:120px 0;
}
		

#proprio .proprio a {
    border: 3px solid #09509e;
    color: #09509e;
    font-size: 0.875em;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 35px;
    max-width: 480px;
    padding: 22px 55px;
	margin: 100px auto 0;
	display:inline-block;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease-in 0s;	
}

#proprio .proprio a:hover {
    border: 3px solid #fff;
	background:#09509e;
    color: #fff;
	text-decoration:none;
}

.proprio_separator{
width:3px;
background:#09509e;
height:277px;
position:absolute;
top:125px;
right:30px;	
	}


#proprio .anim {
	padding:120px 0 ;
	
	}

#proprio .flexslider {
    max-width:815px;
	margin:0 auto;
}

#proprio .flex-control-nav {
    bottom: 15px;
    left: 0;
    width: 350px;
}


#proprio .flex-control-nav li {
    float: left;
    margin: 0 13px 0 0;
}

#proprio h3 {
    color: #000000;
    font-size: 1.125em;
    font-weight:600;
    text-align: right;
    text-transform: uppercase;
	letter-spacing:3px;
}


/**/
.section{
width:100%;
float:left;	
text-align:center;
overflow:hidden;
	}
	
#logos{
background: rgba(0, 0, 0, 0) url("../images/logos_bg.jpg") no-repeat fixed center center / cover;	
width:100%;
float:left;
padding:80px 0;
	}
	
/**/
#contactplus {
    background: rgba(0, 0, 0, 0) url("../images/contact_bg.jpg") no-repeat fixed center center / cover ;
    min-height: 680px;
	padding:90px 0;
}

#contactplus .container{
    max-width:1470px;
}

#contactplus h2 {
    color: #cbd2d7;
    font-size: 1.875em;
    font-weight: bold;
    letter-spacing: 6px;
    margin: 0;
    padding: 80px 0;
    text-transform: uppercase;
}

#contactplus h3 {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 30px;
    margin: 0 0 30px;
    text-align: left;
    text-transform: uppercase;
}


#contactplus h3 span{
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    height: 1px;
    margin: 20px 0 30px;
    width: 35px;
}

#contactplus p {
    color: #fff;
    font-size: 1.1em;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 0 0 30px;
    text-align: left;
}

.cnt_big_separator {
    background: #09509e none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 2px;
    margin-bottom: 35px;
    width: 98px;
}

.cnt_separator{
height:2px;
width:50px;
display:inline-block;
background:#09509e;
float:left;
margin-bottom: 25px;	
	}

#contactplus p a, #contactplus p span{
    color: #fff;
	
	text-transform: none;
	letter-spacing:2px;	
}

#contactplus p span {
    color: #fff;
    display: inline-block;
    font-weight: 300;
}	

.contacter_btn {
    border: 3px solid #fff;
    color: #fff;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 10px;
    margin: 30px 0 0;
    padding: 25px 35px;
    text-transform: uppercase;
}

.contacter_btn:hover {
    background:#fff;
    color: #0d7bc0;
	text-transform:none;
}

/**/
#parallax2 {
	background:rgba(0, 0, 0, 0) url("../images/parallax.jpg") no-repeat fixed center center / cover ;
	float:left;
	width:100%;
	height: 360px;
	text-align:center;
	padding:100px 0 60px;
	overflow:hidden;
}


#parallax2 img{
	max-height:140px;
	opacity:0.8;
}


/**/
#parallax {
    background: #09509e none repeat scroll 0 0;
    float: left;
    min-height: 260px;
    overflow: hidden;
    padding: 90px 0 0;
    text-align: center;
    width: 100%;
}

#parallax .container {
    padding: 0 15px;
	max-width:1430px;
}

#parallax p {
    color: #fff;
    display: block;
    float: left;
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 40px;
    margin: 0 auto 50px;
    max-width: 80%;
    text-align: left;
    text-transform: uppercase;
}

#parallax p strong {
    font-weight: 700;
	color:#fff;
}

#parallax a {
    border: 3px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 0.875em;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 15px;
    margin: 0;
    padding: 23px 50px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease-in 0s;	
}

#parallax a:hover {
	border: 3px solid #09509e;
    background: #fff none repeat scroll 0 0;
    color: #09509e ;
    text-decoration: none;
}

/**/
#headerParallax {
	background:rgba(0, 0, 0, 0) url("../images/parallax.png") repeat scroll center 0 / cover;
	float:left;
	width:100%;
	height:649px;
	min-height: 400px;
}

/**/
#produits{
	background:#f0f0f0;
	float:left;
	width:100%;
	min-height:800px;
	padding:110px 0;
	text-align:center;
}

#produits .container{
	max-width:1800px;
}

#produits h2 {
    color: #3299bb;
    font-size: 3.75em;
    font-weight: 700;
    margin-bottom: 5px;
	text-transform:uppercase;
}

#produits h5 {
    margin:0 0 40px 0 !important;
}

#produits img{
-moz-box-shadow: 1px 1px 10px 0px #333;
-webkit-box-shadow: 1px 1px 10px 0px #333;
-o-box-shadow: 1px 1px 10px 0px #333;
box-shadow: 1px 1px 10px 0px #333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#333, Direction=134, Strength=10);	
	}

/**/
#mapp{
float:left;
width:100%;	
	}
	
#mapp iframe{
float:left;
	}	

/**/
#soumission {
	background:#ec1f27;
	float:left;
	width:100%;
	min-height:300px;
	padding:110px 0;
	text-align:center;
}
#soumission .container {
	width: 95%;
}
#soumission .soumission-bloc {
	max-width:520px;
	text-align:center;
}
#soumission h3, #parallax h3 {
	color: #fff;
	display: block;
	float: left;
	font-size: 2.25em;
	font-weight: 400;
	letter-spacing: 2px;
	text-align: center;
	width: 100%;
}
#soumission h4, #parallax h4 {
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 1.6em;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 25px;
	text-align: center;
	width: 100%;
}
#soumission h3 b, #parallax h3 b {
	
	font-size: 1.1em;
	font-weight: 700;
	letter-spacing: 2px;
}
#soumission a{
	background: #fff none repeat scroll 0 0;
	border: 2px solid #fff;
	color: #ec1f27;
	display: inline;
	float: right;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: 2px;
	margin: -25px 0 0;
	padding: 5px 80px;
	text-transform: uppercase;
	transition: all 0.5s ease-in 0s;
}
#soumission a:hover{
	background: #ec1f27 none repeat scroll 0 0;
	color: #fff;
	text-decoration:none;
}



/**/	
#comments {
	float:left;
	width:100%;
	background:url('../images/comments_bg.jpg') no-repeat center 0 #292929;
	padding:90px 0;
}
#comments p {
	color:#fff;
	font-size:1.3em;
	font-weight:300;
	text-align:center;
}
.signature {
	font-weight:700 !important;
	text-align:left !important;
	font-style:italic;
	margin:10px 0 0 10px;
}
#comments .flex-direction-nav {
	display:none;
}
#comments .flex-control-nav li {
	float:left;
	margin:0 3px;
}
#comments .flex-control-nav li a {
	background:#fff;
	width:10px;
	height:10px;
}
#comments .flex-control-paging li a.flex-active {
	background:#282828;
	border:1px solid #fff;
	padding:5px !important;
}
#comments .flex-control-nav {
	bottom: -30px;
	left: 8px;
}
/**/
#contact {
	float:left;
	width:100%;
	background:url('../images/contact_bg.jpg') no-repeat center 0 #292929;
	padding:100px 0;
}
#contact h2 {
	font-size:2.4em;
	color:#fff;
	text-align:center;
	font-weight:700;
	margin:0 0 15px 0;
}
#contact .col-lg-12 p {
	font-size:1.1em;
	text-align:left;
	font-size:300;
}
#contact .col-lg-12 p {
	margin:0 0 90px 0;
}
#contact .col-lg-6 {
	background:rgba(101, 98, 96, 0.7);
	width:48%;
	margin:0 2% 0 0;
}
/*	
#interne .col-lg-6{
width:48%;
margin:0 2% 0 0 ;
	}	
*/

#interne .col-lg-3{
margin:15px 0;	
	}
	
#contact h3, #interne h3 {
	font-size:1.3em;
	color:#152323;
	text-transform:uppercase;
	font-size:700;
	margin:20px 0 10px;
}
#contact .col-lg-6 p, #interne .col-lg-6 p {
    color: #000;
    font-size: 1em;
    font-weight: 400;
    margin: 15px 0 0;
}
#contact .col-lg-6 p a, #interne .col-lg-6 p a {
	color:#000;
}
#contact .col-lg-6 p img, #interne .col-lg-6 p img {
	margin:0 8px 0 0;
}
.infos {
	margin:0 0 15px 0;
}
.soumissioninfos a {
	float: left;
	font-size: 0.8em !important;
	margin: -15px 0 20px !important;
	text-align: left !important;
	text-decoration: underline;
}
.soumissioninfos .text {
	background:#333;
	border:none;
	color:#fff;
	padding:13px;
	margin:0 0 20px 0;
	width:100%;
	resize:none;
	font-size:1em;
	
}
.soumissioninfos .send {
	text-decoration: none;
	font-size: 0.875em;
	color: #fff;
	padding: 15px;
	text-transform:uppercase;
	
	border:2px solid #152323;
	display: inline-block;
	/* Old browsers */
    background: linear-gradient(to right, #bfa689 50%, #152323 50%);
	background-size: 200% 100%;
	background-position:right bottom;
	transition:all 0.2s ease;
	width: 50%;
}
.soumissioninfos .send:hover {
	text-decoration: none;
	color: #fff !important;
	background-position:left bottom;
	border:2px solid #bfa689;
}
.contact_infos {
	background: #bfa689 none repeat scroll 0 0;
	min-height: 100px;
	z-index:9999;
}
#contact_int .container {
	z-index:9999;
}
.contact_infos .col-lg-6 p {
	color: #fff !important;
	float: left;
	font-size: 0.875em !important;
	font-weight: 300 !important;
}
#contact_int #interne {
	padding:0;
	background:none;
	min-height:600px;
}
#interne {
	position:relative;
}
#interne .container{
	max-width:1100px;
}
#interne .container .ImageWrapper {
   margin-bottom:30px;
}
#interne h2 {
    color: #03205d;
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 40px;
    text-align: left;
    text-transform: none;
}
#interne h3 {
    color: #3299bb;
    
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 40px;
    text-transform: uppercase;
}
#interne h2 strong {
    display: inline-block;
    text-align: center;
    width: 100%;
}
#interne h2 span {
    background: #03205d none repeat scroll 0 0;
    clear: left;
    display: inline-block;
    float: right;
    height: 1px;
    margin: 10px 0 0;
    text-align: right;
    width: 50%;
}
#interne #contact-map {
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
	height:600px;
}
.contact_infos img {
	float: right;
	margin: 25px 20px 0 0 !important;
}
.contact_infos h4 {
	color: #000 !important;
	float: left;
	font-size: 0.95em !important;
	margin: 25px 0 10px !important;
	text-transform: uppercase !important;
	text-align:left !important;
}
.contact_infos h4 a {
	font-size: 1em !important;
	font-weight:600 !important;
}
.contact_infos p {
	color: #000 !important;
	float: left;
	font-size: 0.85em !important;
	margin: 0 0 10px !important;
	text-align:left !important;
	letter-spacing:0;
}
.contactinfos #form1 {
	margin-top: 20px;
	overflow: hidden;
	background:#fff;
	max-width:380px;
	padding:10px 40px 25px;
}
.contactinfos .text {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color -moz-use-text-color #c5c5c5;
	border-image: none;
	border-style: none none solid;
	border-width: medium medium 2px;
	color: #8f8f8f;
	font-size: 0.95em;
	margin: 0 0 20px;
	padding: 13px;
	resize: none;
	width: 100%;
}
.contactinfos .send {
	text-decoration: none;
	font-size: 0.875em;
	color: #fff;
	padding: 0;
	text-transform:uppercase;
	
	border:2px solid #152323;
	display: inline-block;
	/* Old browsers */
    background: linear-gradient(to right, #bfa689 50%, #152323 50%);
	background-size: 200% 100%;
	background-position:right bottom;
	transition:all 0.2s ease;
	width: 100%;
	height:40px;
}
.contactinfos .send:hover {
	text-decoration: none;
	color: #fff !important;
	background-position:left bottom;
	border:2px solid #bfa689;
}
#message, #specifications {
	height:100px;
}
.response {
	color:red;
}
/**/
#maps {
	float:left;
	width:100%;
	height:466px;
}
#interne .row {
	text-align:center;
}
#realisations .row > img, #interne .row > img {
	margin-bottom:50px;
}
/**/
#interne {
	float:left;
	width:100%;
	min-height:500px;
	padding:80px 0 60px;
	margin-bottom:40px;
}

#interne h1 {
    color: #09509e;
    display: inline-block;
    font-size: 2.5em;
    font-weight: 700;
    letter-spacing: 5px;
    line-height: 30px;
    margin: 0 auto !important;
    padding: 23px 60px 60px 80px;
    text-align: center;
    text-transform: uppercase;
}

#interne h1 strong {
    display: inline-block;
    text-align: center;
    width: 100%;
}

#interne h1 span {
    background: #000 none repeat scroll 0 0;
    display: inline-block;
    float: right;
    height: 2px;
    margin: 22px -20px 0 0;
    width: 105px;
}

#interne h2 {
    color: #09509e ;
    font-size: 1.5em;
    letter-spacing: 1px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 60px;
    text-align: center;
    text-transform: uppercase;
	font-weight:normal;
	font-weight:600;
}

#realisations_content h2{
margin:60px 0 40px 0;
	}

#interne h3 {
    color: #d56a18;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 25px;
    margin: 0px 0 20px;
    text-align: left;
    text-transform: none;
}
#interne h3 span {
	color: #ec4824;
	font-size: 0.7em;
	font-style: italic;
	font-weight: 400;
}
#interne h4 {
    color: #3299bb;
    font-size: 1.3em;
    letter-spacing: 1px;
    line-height: 25px;
    margin: 30px 0 0 0;
    text-align: left;
    text-transform: none;
}
#interne h5 {
    color: red;
    font-size: 1.2em;
    margin: 30px 0 0;
    text-align: left;
}
#interne p {
    color: #000000;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 25px;
    margin-bottom: 20px;
	
}
#interne p strong{
    color: #ff0000;
	width:100%;
	text-align:center;
	display:inline-block;
	margin:20px 0 0 0;
	text-transform: uppercase;
	
}
#interne p span{
	font-weight:bold;
	font-size:1.25em;
}

#interne p em{
	font-style:normal;
	color:#09509e;
	font-weight:600;
}

#interne a {
	margin-bottom:1em;
	color:#000;
	font-size:1em;
}

#interne .proprio {
    border: 3px solid #09509e;
    color: #09509e;
    display: inline-block;
    font-size: 0.875em;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 35px;
    margin: 20px auto 0;
    max-width: 480px;
    padding: 22px 55px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease-in 0s;	
}

#interne .proprio:hover {
    background: #09509e none repeat scroll 0 0;
    border: 3px solid #09509e;
    color: #fff;
    text-decoration: none;
}

#interne ul {
	margin:15px 0;
}



#interne li {
    color: #000;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-align: left;
}

#interne .orange li{
	color:#03205d;
	}

#interne li span {
    color: #000;
}
#interne .ImageWrapper, #interne .ImageWrapper a, #interne .ImageWrapper::after, #interne .galleryItem {
	max-width:483px !important;
}
#interne .ImageWrapper a {
	max-width:483px !important;
	margin:0;
}
#interne .galleryItem {
	margin:20px auto;
}
.contact-infos {
	text-align:center;
	margin:0 !important;
}
.serv_p {
	max-width:640px;
	margin:0 auto;
	text-align:center;
}

.ctn-r {
	border-right:1px solid #ccc;
}
#interne .contact-infos h4 {
	text-transform:uppercase;
	font-size:1em;
	color:#2b2b2b;
	text-align:center;
}

#interne #form1{
	}

#map-polygon{
height:400px;	
	}

/**/
.services-boxes {
	max-width:	960px;
	width:	100%;
	margin:80px auto;
	overflow:hidden;
}
.services-boxes .service-boxe {
	width:	100%;
	height:290px;
	margin:0 auto 1px;
	position:relative;
}
.services-boxes .service-boxe img {
	float:left;
}
.services-boxes .service-boxe .serv_hover {
	left: -440px;
	position: absolute;
	top: 0;
}
.services-boxes .service-boxe .serv_hover {
	left: -440px;
	position: absolute;
	top: 0;
	transition: all 0.5s ease-in 0s;
}
.service-boxe a:hover .serv_hover {
	left:0;
}
.serv_black {
	background:#152323;
	position:absolute;
	top:0;
	right:0;
	width:520px;
	height:290px;
}
.serv-txt {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:9999;
	transition: all 0.5s ease-in 0s;
}
#interne .services-boxes h2 {
	font-size:2.625em;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	margin-top:120px;
}
#interne .services-boxes p {
	font-size:0.9em;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	display:none;
	transition: all 2s ease-in 0s;
}
.service-boxe a:hover .serv-txt {
	left:200px;
}
#interne .service-boxe a:hover .serv-txt p {
	display:block;
}
#interne .service-boxe a:hover .serv_black {
	border-right:12px solid #bfa689;
}
.serv-imgs {
	margin-top:60px;
}
/**/	
	
.contact-infos p {
	color:#6b6b6b;
	text-decoration:none;
	text-align:center;
	font-size:0.9em;
	margin-top:20px;
}
.contact-infos p a {
	color:#6b6b6b;
	text-decoration:none;
	text-align:center;
}
.contact-infos .col-lg-6 {
	padding:50px 0;
}
.row-galerie .row {
	margin: 0 auto 60px;
	max-width: 900px;
}
.row-galerie h2 {
	text-align:center !important;
}
#accordion {
	background-color: #db1c23;
	padding: 15px;
}
#accordion h3 {
	background-color: #161616;
	color: #FFF;
	margin: 0 0 10px;
	padding: 8px 10px;
	cursor: pointer;
}
.ui-accordion-content {
	background-color: #FFF;
	margin-bottom: 10px;
	padding: 20px 10px 10px 10px;
}
.gallery_holder {
	margin:0 0 50px 0;
}
.error {
	margin:140px 0 0 0 !important;
}
#interne li a {
	color:#333;
	font-size:1em;
}
#contact-map {
	width:100%;
	float:left;
	height:400px;
}
.contactinfos h4 {
	color:#db1c23;
	font-size:1.8em;
}
.contactinfos p span {
	font-weight:400;
	color:#232323;
}
.contactinfos p {
	margin-top:0.5em !important;
}
.contactinfos p, .contactinfos p a {
	color:#232323 !important;
}

.service_row {
	margin-bottom:4em;
}
.service_row_right {
	margin-top:6em;
}

/**/	
footer, #footer {
    background: #ececec none repeat scroll 0 0;	
    float: left;
    text-align: center;
    width: 100%;
}

#section-footer{
float:left;
width:100%;
text-align:center;	
	}

.logo_footer{
display:inline-block;
padding-right:60px;
border-right:2px solid #09509e;
margin:25px 0 0 0;
	}
	
.footer_container p {
	font-size:1em;
	color:#fff;
}
.footer_container ul {
	float:left;
	margin:2em 0;
}
.footer_top {
    float: left;
    min-height: 300px;
    padding: 75px 0 0;
    width: 100%;
}
.footer_top .container{
	max-width:100%;
}

.footer_top .col-lg-6 > img{
	margin-top:35px;
}

.footer_bottom p span {
    display: inline-block;
    float: right;
    margin: 12px 0 0 5px;
}

.footer_bottom p strong {
font-weight:bold;
}

	
.footer_bottom p span img {
    margin: -8px 0 0 5px;
}


.p_btm {
    margin: 0 !important;
}

#soumission-btn {
	color: #fff;
	display: inline-block;
	font-size: 1.25em;
	font-weight: 500;
	margin: 0;
	padding: 10px 20px;
	
	letter-spacing:1px;
}
#soumission-btn:hover {
	background: #606264 none repeat scroll 0 0;
	box-shadow: none;
	text-decoration:none;
}
.footer_top .logo {
	margin:0 0 10px 15px;
}

.footer_top h3 {
    color: #000000;
    font-size: 1.375em;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0 0 10px;
    text-align: left;
    text-transform: none;
}

.footer_top h4 {
    color: #413b33;
    font-size: 1.125em;
    font-weight: 400;
    letter-spacing: 0;
    margin: 60px 0 10px;
    text-align: left;
    text-transform: none;
}



.ft_center h4{
text-align:center !important;
	}

.ft_center p{
text-align:center !important;
margin-bottom:10px !important;	
	}

.ft_center p strong {
    display: inline-block;
    font-weight: bold;
    margin-top: 50px;
}


.footer_top h3 span {
    background: #152323 none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin: 10px 0 0 0;
    width: 45px;
	display:block;
}
.footer_top ul {
	margin:0;
	padding:0;
}
.footer_top ul {
    float: left;
	margin:0 0 0 50px;
}
.footer_top ul > li ul a {
	font-size:1em;
}

.ft_content {
    display: inline-block;
    margin: 0 auto;
    max-width: 420px;
    position: relative;
    width: 100%;
}

	

.ft_right{
border:none !important;
	}
.footer_top li {
    color: #413b33;
    font-size: 0.9em;
    font-weight: 300;
    letter-spacing: 0;
    list-style: outside none none;
    margin: 25px 0 0  0;
    text-align: left;
}
.footer_top li a {
    color: #000000;
    display: inline-block;
    font-size: 1.25em;
    font-weight: 700;
    letter-spacing: 3px;
    margin-top: 0;
    text-transform: uppercase;
}
.footer_top li a:hover, .footer_top li .active{
	color:#09509e;
}

#servft{
margin:0 0 30px;	
	}


.footer_top b {
	font-size: 0.875em;
	color:inherit;
	display:block;
	text-align:right;
	color:#fff;
	font-weight:600;
}
.footer_top li a:hover {
	text-decoration:none;
}

.footer_top p {
    clear: left;
    color: #09509e;
    float: left;
    font-size: 1.125em;
    font-weight: 400;
    letter-spacing: 2.5px;
    line-height: 35px;
    margin-bottom: 30px;
    text-align: left;
    width: 100%;
}

.fbb_footer{
float:right !important;	
	}

.footer_top p strong {
	font-weight:700;
}

.footer_top p span strong {
	color:#000;
	margin-left:5px;
	letter-spacing:1px;
	font-weight:800;
}

.footer_top p a {
    color: #fff;
    font-size: 1.25em;
    font-weight: 300;
    letter-spacing: 5px;
	float:left;
}

.footer_top p a strong{
    color: #000;
	font-size: 1em;
}

.footer_top p > span{
    font-weight: 700;
	color: #898989;
	font-size:0.9em;	
}

.footer_top p > a> span{
    font-weight: 300;
	color: #09509e;
	font-size:0.66em !important;
	letter-spacing:4px;	
}

.footer_top p strong a{
    font-weight: 700;	
}

.footer_top p a:hover{
    color: #03205d;
}

.footer_top p a span{
    display: inline-block;
    font-size: 0.8em;
    text-align: left;
    width: 100%;
}

.ft_right ul{
margin-top:30px;
max-width:320px;
margin-left:40px;
	}
	
.ft_right a {
    clear: left;
    color: #000 !important;
    display: inline-block;
    float: left !important;
    font-size: 1.25em !important;
    letter-spacing: 2px;
    margin-bottom: 22px;
    text-align: left !important;
	font-weight:bold;
}

.ft_right a:hover, .ft_right ul .active{
color:#09509e !important;
text-decoration:none !important;
	}
		

.plan, .plan li, .plan h3 {
text-align:right !important;	
	}

.rightcontent p{
margin-top:50px;
	}

.rightcontent p, .rightcontent li , .rightcontent li a{
text-align:right !important;	
	}

.footer_top p b {
	font-weight:bold;
}
.col-ft-btm {
	max-width:380px;
	float:left;
}
.infos-footer {
	max-width:360px;
	margin:0 auto;
}
/***/
	
.footer_bottom {
	width:100%;
	float:left;
}

.footer_bottom {
	background:#020202;
    float: left;
    padding: 15px 0 ;
    width: 100%;
	min-height:50px;
}

.footer_bottom .col-xs-12 {
	padding:0;
}
.footer_bottom ul {
	margin:0;
	padding:0;
}
.footer_bottom li {
	list-style:none;
	color:#fff;
	font-size: 0.875em;
	float:left;
	margin-right:15px;
}
.footer_bottom li a:hover {
	color:#ec1f27;
}
.footer_bottom .active a {
	color:#ec1f27;
}
.footer_bottom li a {
	color: #fff;
	font-size: 1em;
	letter-spacing: 1px;
	line-height: 40px;
	text-transform: uppercase;
	font-weight:600;
	transition: all 0.3s ease-in 0s;
}
.footer_bottom li a:hover {
	text-decoration:none;
}
.footer_bottom p {
    color: #fff;
    float: none;
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 20px;
    margin: 0;
    text-align: right;
    text-transform: none;
}
.footer_bottom p img {
    margin: -6px 0 0 10px;
}

.footer_top .col-lg-1 a i{
font-size:2em;
color:#03205d;
	}
	
#ino {
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	line-height: 0;
	margin: 0;
	text-transform: none;
}
#ino:hover {
	text-decoration:none;
}
#ino img {
	margin:-2px 0 0 2px;
}



/* Styles */	
.hidden2 {
	opacity: 0;
}
.visible {
	opacity: 1;
}
#container_infowindow h4 {
    color: #09509e;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
	letter-spacing:0px;
}
#container_infowindow p {
	font-size:1.125em;
	color:#000;
}


/*** Span ***/
#header .navbar-nav li a span {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	
}
/***/
#header .navbar-nav li a span {
	background: none repeat scroll 0 0 #09509e;
	display: inline-block;
	margin-top: 64px;
	width: 0;
	height: 5px;
	text-align: center;
	left:50%;
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
#header .navbar-nav .active a span {
	width: 100%;
	opacity: 1;
	background: none repeat scroll 0 0 #09509e !important;
}

#header .navbar-nav li a:hover span{
	width: 100%;
	opacity: 1;
	background: none repeat scroll 0 0 #09509e !important;
}

/* Nav left to right .nav > li.selected > a::after, 

.nav > li > a:hover::after {
	width: 100%;
}
.nav > li > a::after {
	background-color: #3299bb;
	bottom: 0;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	transition: all 0.5s ease 0s;
	width: 0;
}
 */
 
.nombre_field {
	display:none;
}

.contact_infos img {
	float: right;
	margin: 25px 20px 0 0 !important;
}
.contact_infos h4 {
	color: #000 !important;
	float: left;
	font-size: 0.95em !important;
	margin: 25px 0 10px !important;
	text-transform: uppercase !important;
	text-align:left !important;
}
.contact_infos h4 a {
	font-size: 1em !important;
	font-weight:600 !important;
}
.contact_infos p {
	color: #000 !important;
	float: left;
	font-size: 0.85em !important;
	margin: 0 0 10px !important;
	text-align:left !important;
	letter-spacing:0;
}
#form1 label {
    color: #333333;
    font-size: 0.875em;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 3px;
    text-align: left;
    width: 100%;
}
.text {
	background:#fff;
	border:none;
	color:#000;
	padding:10px;
	margin:0 0 20px;
	width:100%;
	resize:none;
	font-size:0.875em;
	border:2px solid #333;
}
select {
	color:#a9a9a9 !important;
}
.send {
    border: 2px solid #09509e;
    color: #fff;
    display: inline-block;
    font-size: 0.75em;
    font-weight: 600;
    letter-spacing: 1px;
    max-width: 290px;
    padding: 12px 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
	transition:all 0.2s ease;
	float:none;
	
    /* Old browsers*/
    background: linear-gradient(to left, #09509e 50%, transparent 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    transition:all 0.2s ease;
	 
		
}

.send:hover{
	text-decoration: none;
	color: #09509e !important;
	background-position:left bottom;
	border:2px solid #09509e;
}

.contactborder {
    border-left: 5px solid #fff;
}

.contactplusdiv {
    display: inline-block;
    float: right;
    max-width: 540px;
    width: 100%;
}


#contactplus #form1 {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-left: 80px;
    max-width: 550px;
    text-align: center;
	padding:40px;
}

#message, #specifications {
	height:120px;
}
.response {
	color:red;
}

/**/	


a.svg:after {
  content: ""; 
  position: absolute; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
}


.serv_container_plus a{
	background:#03205d;
    color: #fff !important;
    display: inline-block;
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in 0s;
	margin:20px !important;
	 padding: 15px 25px;
}

.serv_container_plus a:hover {
	background:#CD1D1D;	
    color: #fff !important;
}

	
.realisations-home-mobile{
display:none;	
	}

	
.fbb {
    position: absolute;
    right: 40px;
    top: 35px;
    z-index: 99999;
}

.fbb:hover i{
    color:#fce461;
}			 	

.fbb i{
font-size:1.5em;
color:#fff;	
	}
	
	
.svrplus {
    background: #09509e none repeat scroll 0 0;
	border:2px solid #09509e;
    color: #fff !important;	
    display: inline-block;
    float: none;
    font-size: 1em;
    letter-spacing: 2px;
    margin: 20px 0 !important;
    padding: 5px 40px;
    text-align: center;
    text-transform: uppercase;
	transition: all 0.2s ease-in 0s;
}

.svrplus:hover{
    background: #fff;    
    color: #09509e !important;
	text-decoration:none;
}

#upload{
color:#fff;	
	}	
	
#parallax_interne {
    background: #09509e none repeat scroll 0 0;
    float: left;
    margin: 40px 0 0 0;
    overflow: hidden;
    padding: 75px 0 65px;
    text-align: center;
    width: 100%;
}
#parallax_interne p {
    color: #fff;
    display: block;
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 40px;
    margin: 0 auto 40px;
    text-align: center;
    text-transform: none;
}
#parallax_interne a {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #fff;
    color: #09509e;
    display: inline-block;
    font-size: 1.125em;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 15px;
    padding: 10px 28px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in 0s;
}
#parallax_interne a:hover {
    background: #09509e none repeat scroll 0 0;
    border: 3px solid #fff;
    color: #fff;
}	

#videomp4 {
    float: left;
    height: auto;
    width: 100%;
	/*max-height:520px;*/
}


 @media (max-width: 1700px) {
	
.header_top p {
    top: 30px;
}
	
 }

 @media (max-width: 1400px) {
.logo img{
border:2px solid red;	
	}


}
 @media (max-width: 1300px) {
.logo img{
border:1px solid red;	
	}

#services_section h4 {
    font-size: 1.125em;
    letter-spacing: 1px;
    margin: 35px 0 0 10px !important;
}

.footer_top ul {
    margin: 0 0 30px 50px;
}	

#header .navbar-nav li a {
    font-size: 1em;
    letter-spacing: 1px;
}

.borderft{
border:none !important;
	}
	
.ft_right ul{
    margin: 0 auto;
    max-width: 320px;
    padding: 0 40px;
	float:none;
}

.footer_top .col-lg-3{
margin:25px 0;	
	}	
	
.logo img{
max-width:100%;
	}	
	 
#header {
    height: auto;
}

#header  .col-md-12 {
    float: left;
}

.header_top .pull-right a {
    margin: 0 0 0 20px;
}

.header_top p {
    text-align: right;
    top: 25px;
}



.header_bottom p {
    text-align:center;
}

.header_bottom p a {
    margin: 80px auto;
}

.nav li {
    float: none;
    display: inline-block;
}

#header .navbar-nav {
    margin: 118px 0 0 0;
}

#header .navbar-nav {
    float: right !important;
}

.header_top p a{
    border:none !important;
}

	
}
 @media (max-width: 1050px) {
.logo img{
border:1px solid green;	
	}

#header .navbar-nav {
    display: inline-block;
    float: none !important;
    margin: 60px 0 0 0 !important;
}

#services_section a {
    text-align: center;
}

#services_section h2 span {
    float: none;
}

#services_section h2 {
text-align: center;
width:100%;	
	}
	
#parallax p {
    float: none;
    font-weight: 300;
    max-width: 90%;
    text-align: center;
}	

#parallax {
    padding: 50px 0;
}
	
#services_section h4 {
    margin: 15px 0 0 !important;
}	

#services_section a span, #services_section a h4{
    float:none;
}

.footer_top p a span {
    text-align: center;
}

.logo {
    margin: 15px 0 0 20px;
}

#proprio .flexslider {
    float: none;
}

#proprio .flex-direction-nav .flex-next {
    right: 10px;
}

#proprio .flex-direction-nav .flex-prev {
    left: 10px;
}

#parallax2 {
    height: auto;
}

.header_top .col-xs-12{
width:100%;
float:left;	
position: initial;
	}

.header_top p {
	border:none;
}

.footer_top {
    padding: 25px 0 0;
}

.footer_top ul {
    float: left;
    margin: 0 0 40px;
    width: 100%;
}

.logo img {
    max-width: 280px;
}

.nav li {
    display: inline-block;
	float:none;
}

#header .navbar-nav {
    margin: 0;
}

.header_top .pull-right a {
    margin: 0;
}

.logo {
    top: 40%;
}

#services_section .row a {
    margin: 60px 0 0;
}


.contactplusdiv {
    float: none;
    margin: 0 auto;
    max-width: 380px;
}

#contactplus #form1 {
    max-width: 440px;
	margin:40px auto 0;
}

#contactplus .col-xs-12{
padding:0;	
	}
	
.footer_bottom p {
    text-align: center !important;
}	

.footer_top .col-xs-12{
border:none !important;
	}	

.header_top .pull-right a {
    float: none;
	color:#000;
}

.header_top {
    text-align: center;
}

.footer_top img {
    margin:  0;
}	

.header_bottom p a {
    margin: 40px auto 0;
}

.logo img {
    max-width: 350px;
}

#apropos img {
    margin: 10px 0 0;
    max-width: 300px;
}

#contactplus {
    padding:60px 0 80px;
}


.ft_right ul {
    margin-top: 60px;
}

.contactborder {
    border: none;
	
}

.header_bottom .col-xs-12, .header_bottom .col-xs-6 {
    width: 100% !important;
	text-align:center;
	float:left;
}	

#parallax p {
    color: #fff;
    display: block;
    font-size: 1.5em;
    letter-spacing: 3px;
    line-height: 30px;
    margin: 20px auto 40px;
    text-transform: uppercase;
}

.logo_footer {
    border-right: medium none;
    margin: 25px 0 0;
    padding-right: 0;
}


.footer_top h3, .footer_top p {
    text-align: center !important;
}

.footer_top p {
    margin-bottom: 20px;
}

.ft_center p strong {
    margin:0;
}

.ft_right ul {
    margin-top: 20px;
}

.ft_right a, .ft_right ul a {
    text-align:center !important
}

.footer_top h4, .footer_top p a, .footer_top li a {
    text-align: center;
    width: 100%;
}

.footer_top h3 {
    font-size: 1.3em;
    margin: 0 0 5px 0 ;
    text-align: left;
    text-transform: none;
}
		
.header_bottom .infos p {
    font-size: 1.2em;
}	
		 
.header_bottom .container {
	max-height:100%;
}
.header_bottom .pull-right {
	text-align:right;
}

.footer_bottom .container {
   text-align:center;
}
.footer_bottom p {
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 0.875em;
    letter-spacing: 0.5px;
    line-height: 35px;
    margin: 0 auto;
    text-align: left;
    text-transform: none;
    width: auto;
}

.footer_bottom ul {
    display: inline-block;
    float: none;
    text-align: center;
    width: 200px;
}
#header {
    height: auto;
    min-height: 150px;	
}
#home h2 {
	margin-top: 0;
}

#soumission {
	padding: 40px 0;
}
#soumission a {
	float: none;
	display: inline-block;
}
.soumission-bloc {
	max-width: 520px;
	text-align: center;
	margin: 0 auto 20px;
	display: inline-block;
}
.body_content #realisations {
	padding: 0;
}

#services_section .container > a{
margin-top:50px;	
	}
	
.ft_right ul {
    display: inline-block;
    margin: 20px auto;
}	

#header {
    top: 0;
}


}
 @media (max-width: 767px) {
.logo img{
border:1px solid yellow;	
	}

#header {
    top: 0;
	position:relative;
}

.header_top p {
    padding-left: 0;
    right: 0;
}

.flexslider {
	min-height: 100%;
}


.header_top .col-xs-12 {
    position:relative;
}

#slider .flex-control-nav {
    bottom: 10px;
}

#apropos {
    padding: 40px 0;
}

.fbb_header {
    right: 20px;
    top: -75px;
}

#services_section a span {
    margin: 40px 0 0;
}

.header_top p a {
    border: medium none !important;
	padding:0;
}

.logo img {
    max-width: 250px;
}
	
#header .navbar-default .navbar-collapse {
    background: none;
}	

.header_top .pull-right a {
    margin: 0;
}

.col-xs-12{
float:left;
width:100%;	
	}


#header .navbar-nav {
	border:none;
}


.footer_top ul {
    max-width: 100%;
    text-align: center;
}
	
.realisations-home-mobile{
display:inline-block;	
	}		 	

#header .navbar-nav a span, #apropos p b{
display:none !important;
	}
	
#slider h2 {
    font-size: 1.25em;
    letter-spacing: 4px;
}	

#realdiv1, #realdiv2 {
    margin-top: 0 !important;
}

#realisations-home .col-lg-4{
margin-bottom:50px;	
	}

#realisations-home .ImageWrapper {
    margin: 0 auto;
}

#apropos {
    margin-top: 0;
}

#services_section {
    float: left;
    margin-top: 0;
    padding: 80px 0;
}

#realisations-home

#services_section h3, #services_section #serv1 {
    margin: 50px auto 0 !important;
}


#header .nav{
    margin: 60px 0 0 0 !important;
}


	
#parallax p {
    font-size: 1.2em;
}


.footer_top {
    padding: 15px 0 10px;
}


.footer_top img {
    margin: 20px 0;
}

.footer_bottom p {
    text-align: center;
}	

.footer_bottom p span {
    float: none;
    margin: 0 ;
}

#footer .p_btm {
    margin: 10px 0 0 !important;
}
	
		 
.logo {
    display: inline-block;
    margin: 10px 0 0;
    width: 100%;
}

.header_top p {
    display: block;
    text-align: center;
    width: 100%;
    left: 0;
    top: 20px;
	z-index:9;
}

.dropdown-toggle{
    padding: 0 !important;
}

#header .navbar-nav a span, #apropos p b{
display:none !important;
	}

.header_bottom .col-xs-12 > img{
max-width:200px;	
	}	
	
.header_bottom .infos {
    margin-top: 0;
}

.header_bottom .infos p {
    color: #fff;
    font-weight: 700;
    text-align: center;
	font-size:1em;
}	

.menu-content {
    display: block;
    height: 100px;
	width:100%;
	max-width:100%;
}

.header_bottom .container .pull-right a {
    background: #fff none repeat scroll 0 0;
    color: #333;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 40px;
    max-width: 40px !important;
    min-height: 40px;
    padding: 0 10px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
}
	
.nav li, .nav li a {
    max-width:100%;
	width:100%;
	border:none;
}	
	
.rightcontent p, .rightcontent li, .rightcontent li a {
    text-align: center !important;
}

.rightcontent{
margin-top:60px !important;	
	}

.rightcontent p {
    margin-top: 10px;
}	

.rightcontent p {
    margin-top: 10px;
}
		 
#services .serv_cont a {
	float: none;
}
#header .navbar-nav li a {
	display: inline-block;
}
#realisations .ImageWrapper {
	max-width: 375px;
}
#formulaire p {
	font-size: 2em;
	max-width: 90%;
	margin: 0 auto;
}
#formulaire .formbg {
	float: none;
	margin: 0 auto;
}
.footer_top ul {
	float:none;
	margin:0 0 30px 0;
}
.footer_top .col-xs-12 {
	float: none;
	display: inline-block;
}
.footer_top .col-xs-12 b {
	text-align:center;
}
.footer_bottom .container {
	max-width:96%;
}
#ino {
	text-align: right;
	display: block;
}
#logosection img {
	max-width:80%;
}
/**/
#bghome {
	width:100%;
	float:left;
}
#pageinterne .logo {
	margin: 20px 0;
}
.nav li {
	margin: 0;
}
#header .navbar-nav li a {
	line-height: 30px;
	padding: 10px 0 0 0 !important;
}
#pageinterne #home {
	background:#fff;
}
.contact_infos .col-sm-12 {
	float: none;
	margin: 0 auto 20px;
	max-width: 320px;
	width: 100%;
}
#interne #contact-map {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	z-index: -1;
}
#parallax .container {
    padding: 0;
}
#parallax a {
    margin: 0;
    top: 0;
}
.contactinfos #form1, .contactinfos .text {
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
.contactinfos #form1 {
	margin-bottom: 40px;
}
.suivie {
	margin: 0 auto;
	max-width: 220px;
	text-align: center;
}
.footer_top h3 {
	margin: 20px 0 15px;
	text-align: center;
}
#services .serv_cont {
	float: none;
}
#services .col-lg-4 {
	margin: 30px 0 0 0;
}
#services .serv_cont h3 {
	margin: 0;
}
.service-boxe a:hover .serv-txt {
	left: 50px;
}
.tel-infos {
	display:none;
}
#services .serv_cont img {
	margin-bottom:20px;
}
.dropdown-menu {
	float: none;
	left: 0 !important;
	margin: 0 auto !important;
	text-align: center;
	top: 30px !important;
	width: 100% !important;
}
#header .navbar-nav li a {
	
	font-size: 0.875em;
	font-weight: 700;
	height: auto;
	letter-spacing: 0.5px;
	padding: 0 0 10px;
	text-transform: uppercase;
}
#services h2, #realisations h2 {
	text-align: center;
}
#services .special > p, #realisations .special > p {
	margin: 40px 0 0;
	max-width: 100%;
	text-align: center;
}
.contact-infos .col-lg-6 {
	border:none !important;
}
.sep {
	display:none !important;
}
#services .serv_cont h3, #services .serv_cont p {
	text-align:center;
}
.serv-left {
	margin-top:50px !important;
}
.savoirplus {
	margin-top: 50px;
}
#soumission h3 {
	text-align: center;
	width: 100%;
}
#soumission .container {
	max-width:750px;
}
footer, #footer {
	padding: 0px;
}
.footer_top h3 {
	margin: 40px 0 20px;
	text-align: center;
}
.footer_top li {
	text-align: center;
}
.footer_top h3 {
	padding-bottom: 0 !important;
}
.cpr {
	margin:60px 0 0 0 !important;
}
#soumission a {
	display: inline-block;
}
.footer_top {
	text-align: center;
}
.footer_top .logo {
	text-align: center;
	float:none;
}
.footer_top p {
	text-align: center;
	float:none;
	clear:none;
}
.infos-footer {
	margin: 20px 0 0;
}
.footer_top .logo {
	margin: 40px 0 30px;
	display: inline-block;
}
#header .navbar-default .navbar-collapse {
	float: right;
	width: 100%;
}
.dropdown-menu li a {
	text-align:center
}
.dropdown-menu li a:hover {
	color:#3299bb!important;
}
header, #header {
	margin-bottom: 0;
	min-height: auto;
	width: 100% !important;
}
#home h2 {
	font-size: 2em;
	letter-spacing: 2px;
	padding: 20px 15px;
}
#home h3 {
	font-size: 3em;
	letter-spacing: 2px;
}
.footer_top .col-xs-12 {
	clear: left;
	display: inline-block;
	margin: 0 0 10px;
	width: 100%;
}
#realisations .container .col-lg-3 {
	padding-bottom:15px;
}
.header_top {
	width:100%;
	text-align:center;
}
.header_bottom {
    padding:0;
    position: relative;
    text-align: center;
    width: 100%;
}
.header_bottom .col-lg-6 {
padding:0;	
	}
#header .navbar-nav li a {
    line-height: 30px;
    padding: 5px 0 !important;
}	
.header_bottom .col-xs-12{
float:left;	
	}
.tel_content {
	float:none;
	text-align:center
}
#header #tel-num, #header #mail-to {
	float:none;
	display:block;
}
.navbar-toggle {
	position:absolute;
	right:0px !important;
	top:0px;
}
.logo {
    top: 20px;
}
#homepage #header .col-lg-3 p {
    margin: 15px 0 0 0;
}
.serv-mobile{
display:none !important;	
	}

.servicesimgs .col-xs-12 {
    float: left;
    margin: 15px !important;
}


#interne .container .ImageWrapper {
   margin-bottom:30px;
}


.plan, .plan li, .plan h3 {
    text-align: center !important;
}

.footer_top h3 span {
    background: #152323 none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin: 10px auto 0;
    width: 45px;
}


.footer_top h3 {
    margin: 20px 0;
    text-align: center;
}

.p_btm {
    margin: 40px 0 0 !important;
}


	
#realisations h2 b {
	display:none;
}
#realisations h2 span {
	width:100%;
}
.nav-outer .container {
	padding: 0px!important;
}
.navbar-collapse {
	margin-top: 10px;
}
.navbar ul {
	width: 100%!important;
	float:right!important;
	margin: 0 auto!important;
}
.navbar ul li {
/* border-bottom: 1px solid #cdcdcd!important; */
	}
#header .active span, #header .navbar-nav li a:hover span {
	margin-top:0 !important;
	display:none;
}
#header, #header {
    max-height: 100%;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-nav li a:hover, .navbar-nav li a.linkhover {
	border:none;
}
.caption {
	display:none;
}
#travaux {
	margin:40px 0 0 0;
}
#realisations .col-lg-3 {
	margin:0 auto !important;
	float:none;
}
#soumission {
	text-align:center !important;
}
#soumission p {
	float:none;
	margin:20px 0 35px;
	text-align:center;
}
#soumission a {
	float:none;
	margin:20px 0 0 0;
}
#contact .col-lg-6 {
	width:100%;
	margin:0;
}
#travaux .col-xs-12 h3 {
	text-align:center;
}
.h-infos {
	display:none
}
.rbq {
	display: block !important;
	float: none;
	text-align: center;
}
/***/
	.header_bottom {
	min-height:auto;
	height:auto;
}
.navbar ul li span {
	display:none;
}
.rs {
	display:none !important;
}
#header .navbar-nav li a:hover span {
	opacity:0 !important;
}


#services_section .col-lg-4{
margin-bottom:50px;	
	}
}
 @media (max-width: 480px) {
.logo img{
border:1px solid pink;	
	}

.logo img {
    float: none;
    max-width: 200px !important;
}

.navbar-toggle {
    right: -13px !important;
    top: -28px !important;
}

.flexslider {
    min-height: auto;
}

#services_section .col-lg-3 a {
    margin: 40px 0 0;
}

#proprio .anim {
    padding: 0 0 60px;
}

#proprio .flex-direction-nav a {
    top: 15%;
}

.header_top p {
    padding-left: 0;
}

#apropos p {
    font-size: 1em;
    margin: 20px auto 0;
}

	
#services_section h2{
    margin: 0 auto 0 !important;
}

#realisations-home h2{
    margin: 40px auto 75px !important;
}	


#services .col-lg-4 , #services .col-lg-3 {
    text-align: center;
    width: 100%;
}

.footer_top .container .col-lg-4 {
    padding-left: 0;
}

#formulaire .formbg {
	padding: 0px 10px 20px 20px;
}
.header_bottom .container, .header_bottom .container .col-sm-4 {
	padding:0;
}
#soumission a {
	padding: 5px 15px;
}
.all-prod a {
	padding: 5px;
	width: 100%;
}

.footer_bottom p, #ino {
	float: none;
	text-align: center;
	display: inline-block;
}
.footer_bottom ul {
	text-align: center;
}
.footer_bottom li {
	float: none;
	margin: 5px;
	display: inline-block;
}
/**/

#apropos h2 img, #realisations h2 img, #services h2 img {
	display:none;
}
#parallax h2 {
	font-size: 2.75em;
}
#header .navbar-toggle {
	right: 5px;
}
#home h2 {
	font-size: 1.2em;
	margin: 0 !important;
}
#home h3 {
	font-size: 1.8em;
}
.animated2 {
	font-size:1.8em !important;
}
#header .navbar-toggle {
	margin:0
}
#apropos h2, #realisations h2, #services h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 1.5em;
    letter-spacing: 2px;
}
#services_section h2 {
    line-height: 30px;
}

#apropos h3 {
    line-height: 20px;
	font-weight: normal;
}

#realisations-home h2 {
    font-size: 1.5em;
    letter-spacing: 2px;
    margin: 60px auto !important;
}
#services_section span {
    margin: 20px 0 0;
}
#apropos .sep-top {
	margin-top: 30px;
}
#ino {
	margin-left: 0;
}
.footer_bottom p {
	line-height: 30px;
}
.footer_top h3 {
	margin-bottom: 0;
	padding-bottom: 10px;
}
/***/	



	.nav-outer .container {
	padding: 0px!important;
}
.h-infos {
	display:none
}
.rbq {
	display: block !important;
	float: none;
	text-align: center;
}
.footer_top h3 {
	margin:30px 0 20px;
}
.header_bottom {
	height:auto !important
}
.contactinfos {
	margin-bottom:60px;
}
#realisations {
	overflow:hidden;
}
.flex-control-nav {
	display:none !important;
}
.footer_bottom p {
	text-align:center !important;
}


/******/
#homepage #header .col-xs-6{
    width:100%;
	float:left;
}

#services_section li {
    color: #fff;
    
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
    list-style: outside none none;
    margin: 10px 0 0;
    text-align: left;
}

#services_section a {
    color: #fff;
    display: inline-block;
    
    font-size: 0.875em;
    letter-spacing: 0;
    line-height: 30px;
    list-style: outside none none;
    margin: 35px 0 0;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
}


#apropos, .footer_top {
    padding: 40px 0;
}

.navbar-toggle {
    top: 20px;
}

#header .nav {
    margin-top: 0;
}

#apropos img {
    max-width: 100%;
}

.fbb_header {
    right: 0;
    top: -71px;
}


#services_section .col-lg-4 {
    margin-bottom: 0;
}
#services_section h4 {
    margin: 10px auto 30px !important;
}

#contactplus #form1 {
    float: left;
    margin-top: 40px;
}

#apropos p {
    line-height: 25px;
}

#services_section ul {
    padding: 0 0 0 15px;
}

object {
    max-width: 100%;
}

#services_section a {
padding:0;	
	}
	
#ino img, .p_btm object {
    float: none;
}	


.contactplusdiv {
    padding-left: 0;
}

.footer_top img {
    max-width: 200px;
}

.footer_top {
    padding: 40px 0;
}

.footer_top .container{
    padding: 0;
}

.footer_top .col-xs-12 {
    margin: 0;
}

.footer_top p {
    font-size: 1em;
	letter-spacing:0;
}

#contactplus #form1 {
    padding: 20px;
}



#interne h1 {
    font-size: 2em;
    letter-spacing: 2px;
	padding: 0 0 30px 0;
}

.ft_content {
    margin: 0 auto;
    max-width: 320px;
    padding: 0;
}

#interne {
    padding: 20px 0 60px;
}

.footer_top .col-xs-12 {
    padding: 0;
}

#proprio p {
    font-size: 1.25em;
    letter-spacing: 2px;
    line-height: 30px;
}

#parallax2 {
    height: auto;
    padding: 40px 0;
}

#interne #form1 {
    padding: 30px 10px;
}

#interne .col-lg-6{
padding:20px 0 0 0;	
	}
	
#upload {
    font-size: 0.75em;
}
	
.text {
    margin: 0 0 25px;
}	

.footer_top p a span {
    letter-spacing: 1px;
}


}


.logo img{
border:none !important;	
	}