@charset "utf-8";

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 9, 2015 */
/*red = #ff0000*/
@font-face {
    font-family: 'fira_sansbook_italic';
    src: url('fonts/firasans-bookitalic-webfont.eot');
    src: url('fonts/firasans-bookitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/firasans-bookitalic-webfont.woff2') format('woff2'), url('fonts/firasans-bookitalic-webfont.woff') format('woff'), url('fonts/firasans-bookitalic-webfont.ttf') format('truetype'), url('fonts/firasans-bookitalic-webfont.svg#fira_sansbook_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fira_sansbook';
    src: url('fonts/firasans-book-webfont.eot');
    src: url('fonts/firasans-book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/firasans-book-webfont.woff2') format('woff2'), url('fonts/firasans-book-webfont.woff') format('woff'), url('fonts/firasans-book-webfont.ttf') format('truetype'), url('fonts/firasans-book-webfont.svg#fira_sansbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fira_sansbold';
    src: url('fonts/firasans-bold-webfont.eot');
    src: url('fonts/firasans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/firasans-bold-webfont.woff2') format('woff2'), url('fonts/firasans-bold-webfont.woff') format('woff'), url('fonts/firasans-bold-webfont.ttf') format('truetype'), url('fonts/firasans-bold-webfont.svg#fira_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fira_sansbold_italic';
    src: url('fonts/firasans-bolditalic-webfont.eot');
    src: url('fonts/firasans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/firasans-bolditalic-webfont.woff2') format('woff2'), url('fonts/firasans-bolditalic-webfont.woff') format('woff'), url('fonts/firasans-bolditalic-webfont.ttf') format('truetype'), url('fonts/firasans-bolditalic-webfont.svg#fira_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #fff;
    color: #1b1b1b;
}

a img {
    border: none;
    outline: none;
}

a:hover {
    color: #333;
}

h2 {
    font-family: 'fira_sansbold';
    margin: 0;
    padding-bottom: 24px;
    text-align: left;
    text-transform: uppercase;
    color: #ff0000;
    font-weight: normal;
}

h3 {
    font-family: 'fira_sansbold';
    margin: 0;
    padding-bottom: 18px;
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
    color: #000;
}

h4 {
    font-family: 'fira_sansbold';
    margin: 0;
    padding-bottom: 14px;
    text-align: left;
    text-transform: uppercase;
    color: #000;
    font-weight: normal;
}

p {
    font-family: 'fira_sansbook';
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 20px;
    text-align: left;
    color: #1b1b1b;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    padding: 0;
    margin: 0;
}

ul.bullet {
    padding: 0;
    margin: 15px 0 30px 15px;
}

ul.bullet li {
    padding: 0 0 10px 15px;
    margin: 0;
}

ul.bullet-inline {
    padding: 0;
    margin: 15px 0 30px 15px;
}

ul.bullet-inline li {
    float: left;
    width: 30%;
}

a.burst img {
    display: block;
}

a.burst {
    text-decoration: none;
}

a.burst img:hover {
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 1;
}

/*helper*/
.colleft {
    float: left;
}

.colright {
    float: right;
}

.clearfix {
    height: 0;
    clear: both;
}

.paddingfix {
    padding: 0;
}

.txtcenter {
    text-align: center;
}

/* --------------------------------------------- */
#header {
    position: relative;
}

#header h2 {
    display: none;
}

#slider-wrap-wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 1980px;
    height: 0;
    overflow: visible;
}

#slider-wrap {
    position: absolute;
    margin: 0 auto;
    overflow: hidden;
    height: 600px;
    width: 100%;
    top: 210px;
    max-width: 1980px;
}

#slider-wrap h2 {
    font-family: 'fira_sansbold';
    font-size: 60px;
    color: #ff0000;
    position: absolute;
    top: 210px;
    left: 30px;
    line-height: 55px;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 1);
    transition: all 1s ease-in-out;
}

#slider-wrap h2 span {
    font-family: 'fira_sansbold';
    font-size: 30px;
    line-height: 30px;
    color: #fff;
}

#slider {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.top-header {
    background-color: #fff;
    padding: 35px 25px 25px 25px;
    margin: 0;
}

.top-header div#contact {
    float: right;
    position: relative;
    color: #ff0000;
    font-family: 'fira_sansbook';
    font-size: 14px;
    line-height: 20px;
    text-align: right;
}

.top-header div#contact span {
    float: right;
    color: #000;
    font-family: 'fira_sansbold';
    font-size: 24px;
    text-align: right;
}

.top-header div#logo-michelbernier {
    float: right;
    position: relative;
}

.top-header div#logo-facebook {
    float: right;
    position: relative;
    bottom: -20px;
    margin: 0 25px;
}

.top-header div#logo-facebook a img.img-responsive.facebookHover {
    display: none;
}

.top-header div#logo-facebook a:hover img.img-responsive.facebookHover {
    display: block;
}

.top-header div#logo-facebook a:hover img.img-responsive {
    display: none;
}

/*********menu nav-top************************/
.nav-top {
    padding: 0;
    margin: 25px 0 0 0;
}

.nav-top ul {
    list-style: none;
    margin: 0;
    text-align: center;
}

.nav-top ul li {
    float: left;
    padding: 2px 0 2px 32px;
}

.nav-top ul li a {
    font-family: 'fira_sansbook';
    text-transform: uppercase;
    font-size: 14px;
    color: #1b1b1b;
    text-decoration: none;
}

.nav-top ul li a:hover {
    color: #ff0000;
}

.nav-top ul li a.active {
    color: #ff0000;
}

/*********menu************************/
.navbar {
    min-height: 55px;
    position: relative;
    margin: 0 auto;
    width: 1980px;
    max-width: none;
    top: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    background-color: #ff0000;
    -webkit-box-shadow: inset 0px 2px 0px 0px rgba(195, 0, 0, 1);
    -moz-box-shadow: inset 0px 2px 0px 0px rgba(195, 0, 0, 1);
    box-shadow: inset 0px 2px 0px 0px rgba(195, 0, 0, 1);
}

.navbar-nav {
    display: inline-block;
    float: none;
    text-align: center;
    margin: 6px 0 0;
    padding: 0;
}

.nav>li {
    display: inline !important;
}

.navbar-nav>li {
    display: inline !important;
}

.navbar-nav>li>a {
    font-family: 'fira_sansbold';
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    display: block;
    line-height: none;
    padding: 18px 25px 10px;
    transition: color 0.3s ease-in-out 0s;
}

.navbar-nav>li>a:hover {
    background-color: rgba(103, 12, 16, 0.15);
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background-color: rgba(103, 12, 16, 0.15);
    color: #fff;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    float: none;
    margin: 0 auto;
    padding: 15px 0;
    position: relative;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #c30000;
    border: 1px solid #c30000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    min-width: 160px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 50px;
    z-index: 1000;
}

.dropdown-menu li {
    border-top: 1px solid #b70000;
    border-bottom: 1px solid #b70000;
}

.dropdown-menu li:hover {
    background: #ff0000;
}

.dropdown-menu li a {
    color: #fff;
    font-family: 'fira_sansbold';
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    display: block;
    line-height: normal !important;
    padding: 18px 50px 10px 25px;
}

.dropdown-menu li:hover a {
    background-color: rgba(103, 12, 16, 0.15);
    color: #fff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e30000;
}

/**************************************************/
/*pop anglais*/
.pop-ang-wrap {
    backgorund-color: #fff;
}

.pop-ang {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    padding: 50px 0;
    text-align: center;
    background: #424242;
    /* Old browsers */
    background: -moz-linear-gradient(top, #424242 0%, #1c1c1c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #424242), color-stop(100%, #1c1c1c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #424242 0%, #1c1c1c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #424242 0%, #1c1c1c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #424242 0%, #1c1c1c 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #424242 0%, #1c1c1c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#1c1c1c', GradientType=0);
    /* IE6-9 */
}

.pop-ang img {
    margin: 0 auto;
}

.pop-ang-wrap h2 {
    color: #000;
    margin-top: 35px;
    font-family: 'fira_sansbold';
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
}

.pop-ang-wrap h3 {
    color: #ff0000;
    font-family: 'fira_sansbold';
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
}

/*index*/
.burst-wrap {
    position: relative;
    margin-top: 600px;
    /*background: #424242; /* Old browsers */
    /*background: -moz-linear-gradient(top,  #424242 0%, #1c1c1c 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  #424242 0%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  #424242 0%,#1c1c1c 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  #424242 0%,#1c1c1c 100%); /* IE10+ */
    /*background: linear-gradient(to bottom,  #424242 0%,#1c1c1c 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
}

.visionnez {
    margin-top: 35px!important;
}



.burst {
    margin-top: -55px;
    text-align: left;
    margin-bottom: 15px;
    border-bottom: none;
    padding-left: 50px;
}

.title-index {
    margin-top: 15px;
  color: #fff;
  line-height: 18px;
  transition: .5s;
  padding-bottom: 6px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: 'fira_sansbold';
  font-size: 21px;
  justify-content: center;
  display: flex;
}

/*.burst-territoire {	margin: 0;	padding: 170px 35px 0 35px;	float: left;}*/
/*.burst-territoire div#img-burst {	left: 78px;    position: absolute;    top: -55px;    z-index: 10;}*/
.burst img {
    margin: 0 auto;
}

.burst h2 {
    margin-top: 15px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    transition: .5s;
    padding-bottom: 6px;
}

.burst h2 span {
    font-family: 'fira_sansbook';
    text-transform: uppercase;
    text-align: left;
    font-size: 14px;
}

.burst a img {
    transition: .5s;
}

.burst a:hover img,
.burst a:hover h2 {
    /*margin-top:-15px;*/
    transition: .5s;
    transform: translateY(-15px);
}

.index-content {
    position: relative;
    background: #c3c3c4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c3c3c4 0%, #ffffff 48%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3c3c4), color-stop(48%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c3c3c4 0%, #ffffff 48%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c3c3c4 0%, #ffffff 48%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c3c3c4 0%, #ffffff 48%);
    /* IE10+ */
    background: linear-gradient(to bottom, #c3c3c4 0%, #ffffff 48%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c4', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    padding: 30px 0;
    /*-webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 3px 2px 0px rgba(50, 50, 50, 0.75);box-shadow:         0px 3px 2px 0px rgba(50, 50, 50, 0.75);*/
}

h2.index-title {
    margin-top: 15px;
}

.promo-index {
    position: relative;
    background: url('../images/promo-bg.png') center top no-repeat;
    width: 270px;
    height: 460px;
    padding: 0 45px;
    z-index: 9999;
}

.promo-index img {
    padding: 0;
    margin: 58px 0 0 -35px;
}

.promo-index h3 {
    padding: 0;
    margin: 35px 0 0;
    font-weight: normal;
}

.promo-index p {
    color: #fff;
}

.promob {
    display: block !important;
}

.info-services ul {
    margin: 0 0 15px 35px;
    padding: 0;
}

.info-services ul li {
    color: #000;
    font-family: 'fira_sansbook_italic';
}

#index-contact {
    position: relative;
    z-index: 30;
    background: #0f659c;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmNjU5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDg1Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #0f659c 0%, #1485cc 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f659c), color-stop(100%, #1485cc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0f659c 0%, #1485cc 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0f659c 0%, #1485cc 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0f659c 0%, #1485cc 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #0f659c 0%, #1485cc 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f659c', endColorstr='#1485cc', GradientType=0);
    /* IE6-8 */
    margin-top: -80px;
    padding: 0;
    -webkit-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.75);
    padding: 15px 0;
}

.promobig {
    display: block;
}

.promosmall {
    display: none;
}

#index-contact div.texteContactez {
    width: 8%;
    position: absolute;
    left: 55%;
    bottom: 25px;
    border-right: 1px solid red;
    padding: 15px 24px 15px 0;
}

#index-contact div.texteContactez p {
    color: #fff;
    padding: 0px;
    text-align: right;
}

#index-contact h2 {
    position: relative;
    float: right;
    padding: 0px 25px;
    color: #fff;
    top: -15px;
    font-size: 36px;
    right: -60px;
}

#blocBurstAccueil {
    background: url("../images/accueil_section01_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

#blocBurstAccueil .texte {
    display: flex;
    /* justify-content: center; */
}

#blocBurstAccueil .texte .subtitle span {
    font-family: 'fira_sansbook';
    text-transform: uppercase;
    font-size: 14px;
    text-align: right;
    color: #fff;
}

#blocBurstAccueil .texte .subtitle {
    text-align: right;
    padding-left: 50px;
    margin-top: 10px;
}

#blocBurstCarriere {
    overflow: hidden;
    background: url("../images/accueil_section04_bg.jpg") no-repeat;
    display: flex;
    justify-content: center;
    padding: 100px 0 0 0;
    background-size: cover;
}

#blocBurstCarriere .burst h2 span {
    font-weight: normal;
    font-size: 24px;
}

#blocBurstCarriere .burst a img {
    transition: .5s;
    position: relative;
    left: 65%;
}

#blocBurstCarriere .burst h2 {
    margin-top: 15px;
    color: #fff;
    text-align: left;
    font-weight: bold;
    font-size: 48px;
    line-height: 1;
    position: absolute;
    left: -30%;
    top: 25%;
}

#blocExperts {
    clear: both;
    background: url("../images/accueil_section05_bg.jpg") no-repeat;
    background-size: cover;
    padding: 50px 0;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: relative;
}

#blocExperts::before {
    content: '';
    width: 259px;
    height: 372px;
    position: absolute;
    bottom: 0;
    background: url(../images/accueil_section05_img.png);
}

#blocExperts .left-side h2 {
    color: #fff;
    font-weight: bold;
    font-size: 48px;
    line-height: 1;
    position: relative;
    left: -6%;
    top: 25%;
}

#blocExperts .left-side h2 p {
    color: #fff;
    font-weight: normal;
    font-size: 24px;
}

#blocExperts .right-side a.btnPlus {
    background: #fefefe;
    padding: 18px 75px;
    border-radius: 10px;
    text-transform: uppercase;
    position: relative;
    top: 40px;
}

#blocBurstCommerciale {
    background: url("../images/nosservices-isolationcomm_section02_bg.jpg") no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    padding: 50px 0 0 0;
    position: relative;
    margin-top: 80px;
}

#blocBurstCommerciale .burst {
    margin-top: -115px;
    z-index: 666;
}

#blocBurstCommerciale .burst h2 {
    text-align: left;
    position: relative;
    left: 30%;
}

/* Page Isolation Commerciale*/
.blocBackground {
    background: url("../images/isolationcommercial_section01_bg.jpg") no-repeat;
    background-size: cover;
    text-align: center;
    padding: 125px 0;
}

.blocBackground p {
    text-align: center;
    padding-bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.5;
    font-size: 2.5rem;
}

.bloc50-50 {
    display: flex;
    padding: 100px 15% 50px 25%;
}

.bloc50-50 .left-side {
    width: 35%;
}

.bloc50-50 .right-side {
    width: 70%;
}

.bloc50-50 .right-side p.intro {
    font-weight: bold;
    margin-bottom: 10px;
}

.bloc50-50 .right-side ul {
    padding-left: 50px;
}

.bloc50-50 .right-side ul li {
    font-style: italic;
}

.bloc50-50 .right-side h4 {
    font-size: 1.5rem;
    margin-top: 20px;
}

/* Page Nos Projets*/
#blocRealisations .bloc h3 {
    color: #ff0000;
}

#blocRealisations .bloc p {
    padding-top: 20px;
}

#blocRealisations .bloc {
    margin-bottom: 40px;
}

.blocRealisations {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 50px 2%;
}

.blocRealisations .bloc {
    width: 30%;
    margin: 20px 0;
}

.blocRealisations .bloc h3 {
    font-weight: bold;
    text-transform: uppercase;
    color: #ff0000;
    padding: 20px 0;
}

.blocRealisations .bloc p {
    width: 95%;
    padding-bottom: 0;
}

/*Commun*/
#header-wrap-wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 1980px;
    height: 0;
    overflow: visible;
}

#header-wrap {
    position: absolute;
    margin: 0 auto;
    overflow: hidden;
    height: 350px;
    width: 100%;
    top: 210px;
    max-width: 1980px;
    text-align: center;
}

.header-img-wrap img {
    object-fit: cover;
    max-width: 100%;
    min-height: 350px;
    overflow: hidden;
    display: block;
}

@media only screen and (max-width: 992px) {
    .header-img-wrap img {
        min-height: 250px;
    }
}

@media only screen and (max-width: 766px) {
    .header-img-wrap {
    margin-top: 45px;
    }
    .header-img-wrap img {
        min-height: 200px;
    }
}


.img-center {
    display: block;
    margin: 20px auto;
    text-align: center;
}

.title-page-wrap {
    position: relative;
    margin-top: 350px;
    padding: 30px 0;
    background: #fff;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(50, 50, 50, 0.56);
    -moz-box-shadow: 0px 4px 4px 0px rgba(50, 50, 50, 0.56);
    box-shadow: 0px 4px 4px 0px rgba(50, 50, 50, 0.56);
    z-index: 1000;
}

@media only screen and (max-width: 992px) {
    .title-page-wrap {
        margin-top: 250px;
    }
}

@media only screen and (max-width: 767px) {
    .title-page-wrap {
        margin-top: 200px;
    }
}

.title-page-wrap h2 {
    font-family: 'fira_sansbold';
    font-size: 36px;
    line-height: 38px;
    font-weight: normal;
    text-transform: uppercase;
    color: #ff0000;
    padding: 0;
    margin: 0;
    text-align: left;
}

.title-page-wrap h3 {
    font-family: 'fira_sansbold';
    font-size: 36px;
    line-height: 38px;
    font-weight: normal;
    text-transform: uppercase;
    color: #ff0000;
    padding: 0;
    margin: 0;
    text-align: left;
}

.content {
    position: relative;
    background: #c3c3c4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c3c3c4 0%, #ffffff 10%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3c3c4), color-stop(10%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c3c3c4 0%, #ffffff 10%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c3c3c4 0%, #ffffff 10%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c3c3c4 0%, #ffffff 10%);
    /* IE10+ */
    background: linear-gradient(to bottom, #c3c3c4 0%, #ffffff 10%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c4', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    padding: 60px 0;
}

#bas-contact {
    position: relative;
    z-index: 30;
    background: #0f659c;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmNjU5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDg1Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #0f659c 0%, #1485cc 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f659c), color-stop(100%, #1485cc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0f659c 0%, #1485cc 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0f659c 0%, #1485cc 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0f659c 0%, #1485cc 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #0f659c 0%, #1485cc 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f659c', endColorstr='#1485cc', GradientType=0);
    /* IE6-8 */
    padding: 0;
    -webkit-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.75);
    padding: 15px 0;
}

#bas-contact h2 {
    position: relative;
    float: right;
    padding: 0px 25px;
    color: #fff;
    font-size: 36px;
}

#bas-contact h2 img,
#index-contact img {
    padding-left: 15px;
}

p.bigtxt {
    font-size: 17px;
    line-height: 21px;
}

/*a propos*/
.fa-map-marker {
    color: #ff0000;
    font-size: 24px;
    margin-right: 5px;
}

/*avantages*/
.burst-contact {
    position: relative;
    border: 1px solid #ccc;
    height: 150px;
    padding: 30px 30px 40px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.burst-contact p {
    text-transform: uppercase;
}

.burst-contact a {
    font-family: 'fira_sansbold';
    color: #fff;
    text-transform: uppercase;
}

#triangle-right {
    position: absolute;
    top: 30px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #ff0000;
    border-bottom: 15px solid transparent;
}

.btn-primary {
    position: relative;
    padding: 10px 30px;
    background-color: #ff0000;
    -webkit-box-shadow: 0px 3px 1px 0px rgba(195, 0, 0, 1);
    -moz-box-shadow: 0px 3px 1px 0px rgba(195, 0, 0, 1);
    box-shadow: 0px 3px 1px 0px rgba(195, 0, 0, 1);
    transition: all 0.5 ease;
}

.btn-primary:hover {
    background-color: #ff0000;
    margin-top: 3px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(195, 0, 0, 1);
    -moz-box-shadow: 0px 0px 1px 0px rgba(195, 0, 0, 1);
    box-shadow: 0px 0px 1px 0px rgba(195, 0, 0, 1);
}

/*succ*/
.contactpage h2 {
    font-family: 'fira_sansbold';
    font-size: 24px;
    text-transform: uppercase;
    color: #1b1b1b;
    padding-bottom: 5px;
}

.form-group {
    margin-bottom: 5px;
}

.google-maps {
    position: relative;
    padding-bottom: 30%; // This is the aspect ratio    height: 0;    overflow: hidden;	margin-bottom:30px; }.google-maps iframe {    position: absolute;    top: 0;    left: 0;    width: 100% !important;    height: 100% !important; } /*SERVICES*/ .secondmenu-nav{	 list-style:none; }  .secondmenu-nav li a{	display:block;	font-family: 'fira_sansbold';	font-size:14px;	line-height:60px;	color:#757575;	text-transform:uppercase;	border-bottom:1px solid #ccc;	padding-left:20px; }.secondmenu-nav li a:hover{	color:#ff0000; }.secondmenu-nav li a.active{	color:#ff0000;	background:url(../images/red-arrow.png) left center no-repeat; } .img-galerie-wrap{	 padding:30px 0; }  .img-galerie{	 margin: 15px 0; } /*produits*/ .produit-wrap{	 min-height:360px;	 padding-bottom:60px; } .produit-img img{	 margin:0 auto; } /*territoire*/ .map-wrap{	 position:relative; } span.legende{	 display:inline-block;	 width:20px;	 height:20px;	 background:#b9b9b9; } .legende-wrap{	 position:absolute;	 top:15px;	 left:30px; } /*soumission*/ form{	 font-family: 'fira_sansbook';	 color:#1b1b1b; } .form-wrap{	 height:400px; }form .formradio span{	 font-family: 'fira_sansbook';	 color:#1b1b1b;	  font-weight:normal; } .colform label{	 display:inline-block;	 width:40%!important;	 margin:0 1%; }  input[type="text"]{ } input[type="radio"]{	 margin-left:5px; }.form-control::-moz-placeholder {	font-family: 'fira_sansbook_italic';	font-size:14px;	font-weight:normal;    color: #a8a8a8;    opacity: 0.8;}textarea{	width:80%;	margin:0 1% ;}/*erreur*/.erreur-wrap{	min-height:400px;}.erreur  i.fa-exclamation-circle{	display:inline-block;	font-size:200px;	color:#ff0000;	margin-right:30px;}.erreur-txt {	float:right;	width:75%;	margin-top:50px;}/*sitemap*/.fa-sitemap{	font-size:32px;	color:#ff0000;}.sitemap{	padding-bottom:30px;}.sitemap a{	display:block;	padding-bottom:5px;	margin-left:50px;}.sitemap h3{	display:inline-block;	margin:15px 0 0 0;	padding:0;	font-size:14px;	margin-left:50px;}/****************************************//********** footer **********//****************************************/#footer {	margin:0 auto;	background:#161616;	padding: 45px 0;}#footer ul {	list-style: none;	margin: 0;	padding: 0;}#footer ul li {	margin: 5px 0;	padding: 0;}#footer ul li a {	font-family: 'fira_sansbold';	font-family:Arial, Helvetica, sans-serif;	padding:10px 0;	width: 270px;	font-size:14px;	color:#7e7e7e;	text-decoration:none;}#footer ul li a:hover {	color:#fff;}#footer p {	text-align: right;	color:#fff;}#footer .footlink p {	text-align: left;}#footer p.tel {    padding-bottom: 0;}#footer p span {	font-family: 'fira_sansbold';}#footer div.contact-footer a {	color:#7e7e7e;	text-decoration:none;	float: right;}#footer div.contact-footer a.langue {    padding-right: 5px;}#footer div.contact-footer a:hover {	color:#fff;}#footer div.contact-footer img {	float: right;	margin-top: 45px;}.bottompage {	margin: 0 auto;	background-color: #000;	padding:10px 0;}.copy{	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#656565;}/****************************************//********** Signature Mediaweb **********//****************************************/.mediaweb {	text-align:right;}.mediaweb a {	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#656565;	text-decoration:none;	filter:alpha(opacity=80);	opacity: 0.8;	-moz-opacity:0.8;}.mediaweb a:hover {	filter:alpha(opacity=100);	opacity: 1;	-moz-opacity:1;}/**** Start Pagination **********/a.pagination {	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #333;	text-decoration: none;	border: 1px solid #333;	padding:1px 5px;	background-color:#eee;}a.pagination:hover {	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #333;	text-decoration: none;	border: 1px solid #333;	padding:1px 5px;	background-color:#fff;}.paginationi {	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #333;	border: 1px solid #333;	padding:1px 5px;	background-color:#fff;}/**** End Pagination **********/