html {
  font-family:sans-serif;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
}
body {
  margin:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display:block;
}
audio,canvas,progress,video {
  display:inline-block;
  vertical-align:baseline;
}
template {
  display:none;
}
a {
  background-color:transparent;
}
a:active {
  outline:0;
}
a:hover {
  outline:0;
}
b,strong {
  font-weight:bold;
}
dfn {
  font-style:italic;
}
h1 {
  margin:.67em 0;
  font-size:2em;
}
mark {
  color:#000;
  background:#ff0;
}
small {
  font-size:80%;
}
sub,sup {
  position:relative;
  font-size:75%;
  line-height:0;
  vertical-align:baseline;
}
sup {
  top:-.5em;
}
sub {
  bottom:-.25em;
}
img {
  border:0;
}
figure {
  margin:1em 40px;
}
hr {
  height:0;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}
pre {
  overflow:auto;
}
code,kbd,pre,samp {
  font-family:monospace,monospace;
  font-size:1em;
}
button,input,optgroup,select,textarea {
  margin:0;
  font:inherit;
  color:inherit;
}
button {
  overflow:visible;
}
button,select {
  text-transform:none;
}
button,input[type="submit"] {
  background:#ff901e;
  color:white;
  -webkit-appearance:button;
  cursor:pointer;
  width: 100%;
}
button::-moz-focus-inner,input::-moz-focus-inner {
  padding:0;
  border:0;
}
input {
  line-height:normal;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
  height:auto;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance:none;
}
fieldset {
  padding:.35em .625em .75em;
  margin:0 2px;
  border:1px solid #c0c0c0;
}
legend {
  padding:0;
  border:0;
}
textarea {
  overflow:auto;
}
optgroup {
  font-weight:bold;
}
table {
  border-spacing:0;
  border-collapse:collapse;
}
td,th {
  padding:0;
}
@media print {
  *,*::before,*::after {
    text-shadow:none !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
  }
  a,a:visited {
    text-decoration:underline;
  }
  pre,blockquote {
    border:1px solid #999;
    page-break-inside:avoid;
  }
  thead {
    display:table-header-group;
  }
  tr,img {
    page-break-inside:avoid;
  }
  img {
    max-width:100% !important;
  }
  p,h2,h3 {
    orphans:3;
    widows:3;
  }
  h2,h3 {
    page-break-after:avoid;
  }
}
html {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
*,*::before,*::after {
  -webkit-box-sizing:inherit;
  box-sizing:inherit;
}
@-moz-viewport {
  width:device-width;
}
@-ms-viewport {
  width:device-width;
}
@-webkit-viewport {
  width:device-width;
}
@viewport {
  width:device-width;
}
html {
  font-size:16px;
  -webkit-tap-highlight-color:transparent;
}
body {
  font-family:"Arial",Helvetica,,sans-serif;
  font-size:16px;
  line-height:1.5;
  color:#666;
  background-color:#fff;
}
h1,h2,h3,h4,h5,h6 {
  margin-top:0;
  margin-bottom:.5rem;
}
p {
  margin-top:0;
  margin-bottom:1rem;
}
address {
  margin-bottom:1rem;
  font-style:normal;
  line-height:inherit;
}
ol,ul,dl {
  margin-top:0;
  margin-bottom:1rem;
  list-style:none;
}
ul ul {
  margin-bottom:0;
}
dt {
  font-weight:bold;
}
dd {
  margin-bottom:.5rem;
  margin-left:0;
}
blockquote {
  margin:0 0 1rem;
}
a,a:focus,a:hover {
  color:#333;
  text-decoration:none;
}
a:focus {
  outline:thin dotted;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;
}
pre {
  margin-top:0;
  margin-bottom:1rem;
}
figure {
  margin:0 0 0rem;
}
img {
  vertical-align:middle;
  max-width:100%;
}
a,area,button,input,label,select,summary,textarea {
  -ms-touch-action:manipulation;
  touch-action:manipulation;
}
table {
  background-color:transparent;
}
caption {
  padding-top:.75rem;
  padding-bottom:.75rem;
  color:#818a91;
  text-align:left;
  caption-side:bottom;
}
th {
  text-align:left;
}
label {
  display:inline-block;
  margin-bottom:.5rem;
}
input,button,select,textarea {
  margin:0;
  line-height:inherit;
  border-radius:0;
}
textarea {
  resize:vertical;
}
fieldset {
  min-width:0;
  padding:0;
  margin:0;
  border:0;
}
legend {
  display:block;
  width:100%;
  padding:0;
  margin-bottom:.5rem;
  font-size:1.5rem;
  line-height:inherit;
}
output {
  display:inline-block;
}
h1,h2,h3,h4,h5,h6 {
  margin-bottom:.5rem;
  font-family:'Alegreya Sans',sans-serif;
  font-weight:500;
  line-height:1.1;
  color:#333;
}
h1 {
  font-size:2.5rem;
  margin-bottom:35px;
  color:#ff901e;
}
h2 {
  font-size:2rem;
  font-weight: bold;
}
h3 {
  font-size:1.5rem;
}
h4 {
  font-size:1.25rem;
}
h5 {
  font-size:1rem;
}
hr {
  margin-top:1rem;
  margin-bottom:1rem;
  border:0;
  border-top:1px solid rgba(0,0,0,.1);
}
small {
  font-size:80%;
  font-weight:normal;
}
mark {
  padding:.2em;
  background-color:#fcf8e3;
}
code,kbd,pre,samp {
  font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
}
code {
  padding:.2rem .4rem;
  font-size:90%;
  color:#bd4147;
  background-color:#f7f7f9;
  border-radius:.25rem;
}
kbd {
  padding:.2rem .4rem;
  font-size:90%;
  color:#fff;
  background-color:#333;
  border-radius:.2rem;
}
pre {
  display:block;
  margin-top:0;
  margin-bottom:1rem;
  font-size:90%;
  line-height:1.5;
  color:#373a3c;
}
.container {
  padding-right:.9375rem;
  padding-left:.9375rem;
  position:relative;
  margin-right:auto;
  margin-left:auto;
}
.container::after {
  display:table;
  clear:both;
  content:"";
}
@media (min-width:544px) {
  .container {
    max-width:576px;
  }
}
@media (min-width:768px) {
  .container {
    max-width:765px;
  }
}
@media (min-width:992px) {
  .container {
    max-width:940px;
  }
}
@media (min-width:1200px) {
  .container {
    max-width:1200px;
  }
}
.row {
  margin-right:-.9375rem;
  margin-left:-.9375rem;
}
.row::after {
  display:table;
  clear:both;
  content:"";
}
.col-md-4,.col-md-3,.col-md-6,.col-md-8 {
  position:relative;
  min-height:1px;
  padding-right:.9375rem;
  padding-left:.9375rem;
}
@media (min-width:768px) {
  .col-md-3,.col-md-4,.col-md-6,.col-md-8 {
    float:left;
  }
  .col-md-3 {
    width:25%;
  }
  .col-md-4 {
    width:33.333333%;
  }
  .col-md-6 {
    width:50%;
  }
  .col-md-8 {
    width:66.666667%;
  }
  .col-md-offset-4 {
    margin-left:33.333333%;
  }
}
.form-control {
  display:block;
  width:100%;
  padding:10px;
  font-size:12px;
  line-height:1.5;
  color:#55595c;
  background-color:rgba(0, 0, 0, 0.21) !important;
  background-image:none;
  border:1px solid rgba(255, 255, 255, 0.67);
  border-radius:.25rem;
  margin-bottom:5px;
  outline: 0 !important;
  -webkit-appearance:none !important;
}
.tel-rappel::-ms-expand {
  background-color:transparent;
  border:0;
}
.tel-rappel:focus {
  border-color:#ff901e;
  outline:none;
}
.tel-rappel::-webkit-input-placeholder {
  color:#bbb5b8;
  opacity:3;
}
.tel-rappel::-moz-placeholder {
  color:#bbb5b8;
  opacity:1;
}
.tel-rappel:-ms-input-placeholder {
  color:#bbb5b8;
  opacity:1;
}
.tel-rappel::placeholder {
  color:#bbb5b8;
  opacity:1;
}
.btn {
  display:inline-block;
  padding:.375rem 2.5rem;
  font-size:1rem;
  font-weight:normal;
  line-height:1.5;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  border:1px solid transparent;
  border-radius:.25rem;
}
.btn:focus,.btn:active:focus {
  outline:thin dotted;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;
}
.btn:focus,.btn:hover {
  text-decoration:none;
}
.btn:active {
  background-image:none;
  outline:0;
}
.btn:disabled {
  cursor:not-allowed;
  opacity:.65;
}
.c-select::-ms-expand {
  opacity:0;
}
.nav {
  padding-left:0;
  margin-bottom:0;
  list-style:none;
}
.clearfix::after {
  display:table;
  clear:both;
  content: "";
}
/*------------------------------------*\ Flaunt JS Navigation\*------------------------------------*/
.nav {
  position:relative;
  float:right;
}
.nav-list {
  margin:20px 0;
  padding-left:0;
  text-align:center;
}
.nav-list:after {
  content:"";
  clear:both;
  display:table;
}
.nav-item {
  float:left;
  display:inline;
  zoom:1;
  position:relative;
}
.nav-item a {
  display:block;
  font-family:'Alegreya Sans',sans-serif;
  font-weight:600;
  font-size:14px;
  color:#FFF;
  padding:15px 5px;
}
@media (min-width:992px) {
  .nav-item a {
    border-right:1px solid rgba(255,255,255,0.13);
    border-left:1px solid rgba(0,0,0,0.32);
    padding:15px;
    position:relative;
  }  
  .nav-item.active>a {
    color:#ff901e;
  }
  .nav-item:first-child a {
    border-left:none;
  }
  .nav-item:last-child a {
    border-right:none;
  }
}
.nav-item>a:hover {
  color:#ff901e;
}
.nav-item:hover .nav-submenu {
  display: block;
}
/* Navigation submenu */
.nav-submenu {
  display:none;
  padding-left:0;
  position:absolute;
  left:0;
  min-width:250px;
  background:rgba(0,0,0,0.6);
  border-top:1px solid #000;
  text-align:left;
  z-index:3;
}
.nav-submenu-item a {
  border-bottom:1px dotted #848484;
  display:block;
  margin:0;
  padding:8px 15px;
}
.nav-submenu-item:last-child a {
  border-bottom:none;
}
.nav-submenu-item a:hover,.nav-submenu-item a:focus {
  background:rgba(0,0,0,0.41);
}
.nav-submenu-item.active a {
  background: #ff901e;
}
/* Mobile navigation */
.nav-mobile {
  display:none;
  border-radius:5px;
  cursor:pointer;
  position:absolute;
  margin-top:-23%;
  top:0;
  right:5%;
  background:#ff901e url('../images/icon/nav.png') no-repeat 75% center;
  background-size:18px;
  height:50px;
  width:100px;
}
.nav-mobile span {
  color:white;
  display:block;
  font-weight:bold;
  position:relative;
  top:12px;
  left: 15px;
}
/* Mobile navigation,clickable area for revealing <ul>*/
.nav-click {
  background-color:#ff901e;
  position:absolute;
  top:0;
  right:0;
  display:none;
  border-left:1px solid #ff901e;
  height:49px;
  width:50px;
  cursor:pointer;
}
.nav-click i {
  display:block;
  height:48px;
  width:48px;
  background:url('../images/icon/drop.png') no-repeat center center;
  background-size:20px;
}
.nav-click:hover {
  background-color:#ff901e;
}
.nav-rotate {
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}
@media only screen and (min-width:320px) and (max-width:991px) {
  .nav-mobile {
    display:block;
  }
  .nav {
    padding:0;
    position:absolute;
    right:0;
    width:100%;
    z-index:30;
  }
  .nav-list {
    background:#000;
    display:none;
    text-align:left;
  }
  .nav-item {
    width:100%;
    float:none;
    display: block;
  }
  .nav-item>a {
    padding:15px;
    font-size:14px;
  }
  .nav-click {
    display:block;
  }
  .nav-mobile-open {
    border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
  }
  .nav-item:hover .nav-submenu {
    display:none;
  }
  .nav-submenu {
    background:#222;
    position:static;
    width: 100%;
  }
}
/*------------------------------------*\ Header Styles\*------------------------------------*/
#header {
  position:absolute;
  min-height:70px;
  width:100%;
  z-index:10000;
  top:0;
}
.logo {
  float:left;
  padding:5px 0;
}
.logo img {
  height: 88px;
}
.fixe-logo {
  display:none;
}
.info {
  top:-58px;
  position:relative;
}
.top-nav {
  border-bottom:1px solid rgba(0,0,0,0.32);
}
.bot-nav {
  width:100%;
  border-bottom:1px solid rgba(255,255,255,.2);
}
.adresse-top:after {
  background:url(../images/icon/sprit-x.png) no-repeat 0 -47px;
  content:"";
  position:absolute;
  width:49px;
  height:45px;
  top:42px;
  left:67px;
}
.adresse-top:hover,.tel-top:hover,.btn-top:hover {
  background:#ff901e;
}
.adresse-top {
  float:left;
  text-align:left;
  width:33%;
  padding: 14px 30px 14px 94px;
  border-right:2px solid rgba(12,12,12,0.61);
  background:rgba(255,255,255,.2);
  min-height:120px;
}
.adresse-top p {
  margin:19px 0;
  color:white;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  position:relative;
}
.tel-top {
  float:left;
  text-align:center;
  width:33%;
  border-right:2px solid rgba(12,12,12,0.61);
  position:relative;
  background:rgba(255,255,255,.2);
  min-height:120px;
  padding:17px;
  position:relative;
}
input#mail2 {
  display:none;
}
.rappel { 
  position:relative;  
}
.btn_rappel {
  margin:0 0 0 0 !important;
  display:inline-block;
  position:relative;
  left:-66px;
}
.image-slider {
  background:#3a3737;
  top:-23px;
  position:relative;
}
@media (min-width:768px) {
  .fixed {
    background:rgba(0, 0, 0, 0.68);
    position:fixed;
    top:0;
    width:100%;
    z-index:10000;
    height:77px;
    border-bottom: 2px solid #ff901e;
  }
  .fixed .adresse-top {
    display:none;
  }
  .fixed .fixe-logo {
    display:inline-block;
    width:25%;
    text-align:center;
  }
  .fixed .tel-top,.fixed .btn-top {
    background:none;
    width:28%;
  }
  .fixed .btn-top:after {
    right:237px;
    top:12px;
  }
  .fixed a.logo img {
    height: 64px;
    /*width:40%;*/
  }
  .fixed .tel-top:after {   
    background: none;
  }
  .fixed .btn-top a {
    padding:16px;
  }
  .fixed .tel-top {
    border-right:none;
    top:-15px;
    width:46%;
  }
  .fixed .tel-top a {
    padding: 1.6%;
    display: inline-block;
    background: none !important;
  }
  .fixed .btn-top a:after{
    top: 21px;
    left: 84px;
  } 
  .fixed a.btn-devis:hover {
    color: #ff901e;
  }   
}
@media (max-width:1199px) {
  .adresse-top p:after {
    margin-left:5px;
    top:3px;
  }
}
@media (max-width:767px) {
  .adresse-top,.fixe-logo {
    display:none !important;
  }
  .image-slider {
    display: none;
  }
  .rappel .container {
    padding: 0;
  }
}
.tel-top a {
  display:block;
  font-size:20px;
  color:white;
  line-height:100%;
  padding:0.6%;
}
.icon {
  background:url('../images/icon/sprit-x.png') no-repeat 0 -239px;
  display:inline-block;
  width:25px;
  height:28px;
  position:relative;
  top: 8px;
}
.icon-phone {
  background-position:0 -239px;
}
.btn-top a:after {
  background:url(../images/icon/sprit-x.png) no-repeat 0 -152px;
  content:"";
  position:absolute;
  width:35px;
  height:35px;
  top:40px;
  left:109px;
}
.btn-top {
  text-align:center;
  width:33%;
  float:left;
  background:rgba(255,255,255,.2);
  min-height:120px;
  position:relative;  
}
.btn-top a {
  display:inline-block;
  margin:10px 5px;
  padding:36px 30px;
  border-radius:5px;
}
@media (max-width:1199px) {
  .tel-top a {
    font-size:24px;
  }
  .btn-top a {
    padding:10px;
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .logo {
    padding-top:15px;
  }
  .tel-top {
    padding-top:5px;
  }
}
@media (max-width:991px) {
  .adresse-top {
    width:25%;
  }
  .tel-top {
    width:45%;
  }
  .tel-top a {
    font-size:17px;
    margin:15px 5px;
  }
  .btn-top a {
    font-size:14px;
  }
}
@media (max-width:767px) {
  #header {
    background:rgba(0,0,0,0.72);
    position:fixed;
  }
  .logo {
    float:none;
    display:block;
    padding:15px 0;
  }
  .map-devis {
    margin-top:25px;
  }
}
@media (max-width:543px) {
  .tel-top {
    width:50%;
    min-height:100%;
    padding:0;
    background:inherit;
    float:none;
    border-right:none;
    margin-bottom: 21px;
  }
  .tel-top a {
    font-size:17px;
    margin:-8px 0;
    display:block;
    line-height:100%;
    padding: 2.6%;
  }
  .btn-top {
    width:initial;
    min-height:inherit;
    background:inherit;
    float:right;
  }
  .btn-top a {
    padding:25px 10px;
    width:initial;
    margin:0;
    position:relative;
  }
  .btn-top a:after {
    top: 12px;
    left: -25px;
  }
  .mobile-info {
    width:100%;
  }  
  .tel-top:after {
   top: 19px;
    left: -7px
  }
  .icon{
    top: 8px;
  }
  .rappel {
    margin-top: -25rem;
  }
  .btn-top:hover {
  background:none;
  }
}
.btn-devis,a.btn-devis:hover {
  color:white;
}
.devis .btn-devis {
  color:white;
}
.btn-realisation:after {
  background:url(../images/icon/sprit-x.png) no-repeat 0 -97px;
  content:"";
  position:absolute;
  width:49px;
  height:45px;
  top:14px;
  left:446px;
}
.btn-realisation a {
  color:white;
  font-weight:200;
}
.btn-realisation {
    border: 1px solid #ff901e;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
    margin-top: 1rem;
    border-radius: 50px;
    width: 50%;
    background: #ff901e;
}
.btn-realisation:after {
  background:none;
}
.btn-realisation a:hover {
  color:#ff901e;
}
.btn-realisation:hover {
  background:#e69d89;
}
@media (max-width:767px) {
  .btn-realisation {
    display: none !important;
  }
}
/* Slider */
.slick-slider {
  position:relative;
  display:block;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  -khtml-user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent;
}
.slick-list {
  position:relative;
  display:block;
  overflow:hidden;
  margin:0;
  padding:0;
}
.slick-list:focus {
  outline:none;
}
.slick-slider .slick-track,.slick-slider .slick-list {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
.slick-track {
  position:relative;
  top:0;
  left:0;
  display:block;
}
.slick-track:before,.slick-track:after {
  display:table;
  content:'';
}
.slick-track:after {
  clear:both;
}
.slick-slide {
  display:none;
  float:left;
  height:100%;
  min-height:1px;
}
.slick-slide img {
  display:block;
}
.slick-initialized .slick-slide {
  display:block;
}
.slick-prev,.slick-next {
  border:none;
  background:url('../images/icon/sprit.png') no-repeat;
  text-indent:-9999px;
  position:absolute;
  top:15%;
  height:38px;
  width:30px;
  opacity:0.7;
}
.slick-prev:hover,.slick-next:hover,.slick-prev:focus,.slick-next:focus {
  opacity:1;
}
.slick-prev {
  background-position:0 -212px;
  left:-8%;
}
.slick-next {
  background-position:0 -162px;
  right:-8%;
}
.image_fullscreen:after,.banner:after {
  background-color:rgba(12,12,12,0.54);
  content:"";
  position:absolute;
  height:100%;
  top:0;
  width:100%;
}
.info-text {
  position:absolute;
  top:73px;
  background:rgba(247, 148, 29, 0.67);
  width:100%;
  text-align:center;
  height:52px;
}
.bloc-info {
  margin:18px;
  position:relative;
}
.info-text a {
  color:white;
  font-weight:100;
  font-size:15px;
  text-align:center;
}
.slick-dots button,.testimonials .slick-dots button {
  border:0;
  background-color:transparent;
  text-indent:-9999px;
  width:12px;
  height:12px;
  background:rgba(191, 74, 43, 0.67);
  border-radius:5px;
}
ul.slick-dots {
  padding:0;
  text-align:center;
  margin:0;
}
.slick-dots li {
  display:inline-block;
  margin: 0 5px;
}
.slick-dots li.slick-active {
  opacity:.5;  
  width:12px;
  height:12px;
}
.info-img img {
  border-radius: 10px;
}
/*------------------------------------*\ Homeslider - banner\*------------------------------------*/
.fullscreen-slide,.fullscreen-banner {
  position:relative;
  min-height:1px;
  height:588px;
  overflow:hidden;
}
.fullscreen {
  height:588px;
  position:relative;
}
.fullscreen-image,.banner {
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  height:650px;
  position:absolute;
  width:100%
}
.banner,.fullscreen-banner {
  height:650px;
}
@media (max-width:767px) {
  .fullscreen-slide,.fullscreen-banner,.fullscreen,.fullscreen-image,.banner {
    height:inherit;
  }
  .info-slider {
    padding:3px 12px;
  }
}
.image_1 {
  background-image:url('../images/slider/image_1.jpg') !important;
  background-size:cover !important;
}
.image_2 {
  background-image:url('../images/slider/charpente.jpg') !important;
  background-size:cover !important;
}
.image_3 {
  background-image:url('../images/slider/entretien-de-toiture.jpg') !important;
  background-size:cover !important;
}
.gouttiere .banner {
  background-image:url('../images/slider/gouttiere.jpg') !important;
}
.reparation-toiture .banner {
  background-image:url('../images/slider/reparation-toiture.jpg') !important;
}
.entretien-de-toiture .banner {
  background-image:url('../images/slider/entretien-de-toiture.jpg') !important;
}
.zinguerie .banner {
  background-image:url('../images/slider/zinguerie.jpg') !important;
}
.charpente .banner {
  background-image:url('../images/slider/charpente.jpg') !important;
}
.renovation-toiture .banner {
  background-image:url('../images/slider/renovation-toiture.jpg') !important;
}
.couverture .banner {
  background-image:url('../images/slider/couverture.jpg') !important;
}
.demoussage-toiture .banner {
  background-image:url('../images/slider/demoussage-toiture.jpg') !important;
}
.velux .banner {
  background-image:url('../images/slider/velux.jpg') !important;
}
.reparation-toiture .banner {
  background-image:url('../images/slider/reparation-toiture.jpg') !important;
}
.gouttiere .banner {
  background-image:url('../images/slider/gouttiere.jpg') !important;
}

.realisations .banner {
  background-image:url('../images/bg/bg-realisations.jpg') !important;
}
.devis .banner {
  background-image:url('../images/bg/bg-devis.jpg') !important;
}
.mentions .banner {
  background-image:url('../images/bg/bg-mentions.jpg') !important;
  background-position:center bottom !important;
}
@media(max-width: 543px) {
  .banner {
    height: 650px !important;
    position: static;
  }
}
.slider-image {
  height:650px;
  background-position: center;
    background-repeat: no-repeat;
}
.capiton_slider {  
  text-align:center;
}
#ville.capiton_slider {
  top:35%;
}

.capiton_slider p {
  font-size: 18px;
  color:white;
  text-transform:uppercase;
  font-weight:bold;
  text-shadow:0 0px 5px #000;
  margin-bottom:0;
}
.text_accroche {
  margin-top: 1rem;
  font-size: 28 !important;
}
/*.text_accroche:after {
  content: "";
  background-color: #fff;
  display: block;
  height: 3px;
  margin: 3rem auto;
  width: 40%;
}*/
.text-slider {
  position: relative;
}
.text-slider:after {
  content: "";
  background-color: #fff;
  display: block;
  height: 3px;
  margin: 2rem auto;
  width: 40%;
}
.capiton_slider span {
  display:block;
  font-size:20px;
  color:#f7f7f9;
  text-shadow:0 0 5px #000;
}
.tel-rappel {
  width:305px;
  padding:5px;
  padding-left:16px;
  border:1px solid #ff901e;
  background:rgba(255,255,255,0.38);
  height:45px;
  border-radius:50px;
  margin-left:67px;
}
.submit-tel {
  border:1px solid #ff901e;
  height:45px;
  width:65px !important;
  color:white !important;
  font-weight:bold;
  border-radius:50px;
  outline: 0 !important
}
@media (max-width:767px) {
  .capiton_slider {
    top:44% !important;
    left:0;
    width: 100%;
    position: static;
  }
  .tel-rappel,.submit-tel {
    width:90% !important;
    display:block;
    margin:0 auto;
  }
  .submit-tel {
    margin-top:0;
  }
  .capiton_slider p {
    font-size:17px;
  }
  .capiton_slider span {
    font-size:14px;
  }
  .btn_rappel {
    display:block;
    left:0;
    margin-top:12px !important;
  }
}
@media (max-width:767px) {
  .bloc-titre h1 {
    font-size:1.5rem;
  }
  .bloc-contenu-texte h2, .bloc-devis-contenu h2, .bloc-icon-texte h2, .prest-titre h2, .ville-titre h2, .devis-prestation h2, .contenu-prestation h2 {
    font-size:20px !important;
  }
  #last-secondary [data-accordion] {
    margin:30px 0;
  }
  .bloc-last {
    margin:12px 0;
  }
  .bloc-devis-contenu {
    width:100% !important;
  }
  .devis-content {
    margin-top:39% !important;
  }
  .webkom {
    top: 19px;
    width: 100%;
    left: 0;
    position: inherit !important;
    margin: 0 !important;
  }
  .info-akisiweb {
    width: 100% ! important;   
  }
  .adresse-footer,.tel-footer {
    float:none !important;
    text-align:center !important;
  }  
  .footer-contenu {
    padding:5% 0 4% 0;
  }
  .bloc-prest-titre img,.bloc-ville-titre img {
    width:45% !important;
  }
  .prest-titre,.ville-titre {
    float:right !important;
    width:50% !important;
  }
  .prest-titre h2,.ville-titre h2,.prest-titre h2 {
    padding-top:0 !important;
  }
  .info-img img {
    width: 100%;
  }
  .webkom:before{
    position: inherit !important;
  }
  .adresse-footer p{
    text-align: left;
  } 
  .icon-adresse{
    top: 0 !important;
  } 
  .info-footer{
    margin: 0 !important;
  }
}
/*------------------------------------*\ STYLE - CONTENU\*------------------------------------*/
.bloc-contenu-titre {
  padding:15px 0 40px;
}
.bloc-titre h1 {
  text-align:center !important;
  font-weight: bold;
}
.bloc-titre p {
  text-align:justify;
}
.bloc-contenu {
  background:#1b1b1b;
}
.bloc-texte {
  padding:19px 0;
}
.last-texte {
  padding:9px 0;
}
.bloc-icon-texte {
  display:inline-block;
}
.bloc-icon-texte-last {
  border-top:1px solid #333;
}
.bloc-icon-texte h2 {
  font-size:32px;
  text-align:center;
  color:white;
  font-weight:300;
}
.icon-img {
  float:left;
  width:15%;
  background:#ff901e;
  border-radius:50px;
  padding:9px;
  transition:background 0.2s,color 0.2s;
}
.bloc-icon h3 {
  font-size:18px;
  text-transform:uppercase;
  color:white;
  font-weight:200;
}
.bloc-icon p,.bloc-icon h3 {
  float:left;
  width:85%;
  font-family:'PT Sans Narrow',sans-serif;
  padding:0 15px;
}
.bloc-icon,.bloc-image {
  padding:22px 0 10px;
}
.bloc-last-contenu {
  padding:0 0 30px;
}
.container.bloc {
}
.bloc-contenu-texte h2 {
  text-align:center;
  font-size:26px;
  font-weight: bold;
}
.bloc-last {
  padding:13px;
  border:1px solid #1b1b1b;
  min-height:475px;
}
.bloc-devis-contenu {
  float:right;
  width:50%;
  background:white;
  padding:1% 2% 0;
  text-align:justify;
}
.bloc-devis {
  margin-top:48px;
  position:relative;
  height: 300px;
}
.Mobile .bloc-devis {
  height: 370px;
}
.bloc-devis:after {
  content:"";
  display:table;
  clear:both;
}
.devis-map {
  position: absolute;
    top: 0;
    z-index: 1000;
}
/*.bloc-devis:before {
  content:"";
  margin-top:0;
  background:url(../images/map.jpg) no-repeat 0 0;
  width:100%;
  background-size:cover;
  background-attachment:fixed;
  position:absolute;
  height:100%;
}*/
.bloc-devis-contenu h2 {
  color:#ff901e;
  font-size:32px;
}
.prest-titre h2,.ville-titre h2 {
  font-size:26px;
  padding-top:22px;
}
.bloc-prest-titre img,.bloc-ville-titre img {
  border:1px solid #CCCCCC;
  padding:4px;
}
.prest-titre,.ville-titre {
  float:right;
  width:78%;
}
.bloc-prest-texte p,.bloc-ville-titre p {
  padding:10px 0;
}
.bloc-prest-texte,.bloc-ville-texte {
  border-top:1px dashed #CCCCCC;
  margin-top:16px;
}
.ville:after {
  content:"";
  display:table;
  clear:both;
}
.bloc-ville {
  margin-top:16px;
}
.devis .webkom {
 /* background:none;
  background-size:none;
  box-shadow:none;
  padding:2% 0 0;
  position:inherit;
  margin:0;*/
}
.devis .webkom:before {
 /* content:"";
  background:none;
  height:100%;*/
}
.form-control {
  background-color:inherit;
}
.map-image img {
  border-radius: 50px;
}
#Map {
  height: 220px;
  background: #ececec;
}
.bloc-devis #Map {
  height: 100%;
}
.devis-gratuit {
  margin-bottom: 34px;
}
.bloc-texte5 {
  text-align: center;
  padding: 3em 0 1em;
}
/*------------------------------------*\ STYLE - Icon\*------------------------------------*/
.bloc-icon img {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out;
}
.bloc-icon:hover img {
  -webkit-transform:scale(1.3);
  transform: scale(1.3);
}
/*------------------------------------*\ Accordeon\*------------------------------------*/
#last-secondary [data-accordion] {
  background:#ff901e;
}
[data-accordion] [data-content] {
  overflow:hidden;
  margin-top:25px;
  max-height:0;
}
#last-secondary [data-accordion] [data-content] {
  margin-top:0;
  background-color:#f7e8f0;
}
#last-secondary [data-accordion] [data-content] ul,#last-secondary [data-accordion] [data-content] p {
  padding:15px 25px 15px 15px;
}
#last-secondary [data-accordion] [data-content] ul {
  padding-left:40px;
  padding-bottom:0;
  margin-bottom:0;
}
[data-accordion] [data-content]>p {
  padding-left:15px;
  padding-right:15px;
}
[data-accordion] [data-control] {
  display:block;
  position:relative;
  border:none;
  background:none;
  text-align:left;
  padding:0;
}
#last-secondary [data-accordion] [data-control] h2,#last-secondary [data-accordion] [data-control] h3 {
  color:white;
  font-size:21px;
  padding:8px 12px 0;
}
#last-secondary {
  margin-top:47px;
}
#last-secondary .plus-icon {
  border-top:23px solid #ff901e;
  border-left:35px solid transparent;
  border-right:35px solid transparent;
  display:block;
  width:0;
  height:0;
  position:absolute;
  bottom:-23px;
  left:50%;
  margin-left:-31px;
}
@media (max-width:1199px) {
  #last-secondary [data-accordion] [data-control] h2,#last-secondary [data-accordion] [data-control] h3 {
    font-size:20px;
  }
}
[data-accordion] [data-control]:after {
  display:table;
  clear:both;
  content:"";
}
[data-accordion]>[data-control] span:after {
  content:"+";
  position:absolute;
  color:white;
  text-align:center;
  font-size:25px !important;
  line-height:44px;
  width:100%;
  z-index:1000;
  top:-39px;
  margin-left:-6px;
}
[data-accordion].open>[data-control] span:after {
  content:"-";
}

@media (max-width:991px) {
  .box-2 h2,#last-secondary #multiple h2 {
    width:80%;
  }
}
@media (max-width:543px) {
  #multiple h2 {
    font-size:1.2rem;
  }
  #last-secondary #multiple h2 {
    font-size:20px;
    float:left;
    width: 100%
  }
}
@media (max-width:360px) {
  .box-2 h2,#last-secondary #multiple h2 {
    width: 100%;
  }
}
/*------------------------------------*\ STYLE - Devis-content\*------------------------------------*/
.devis-content:before {
  content:"";
  position:absolute;
  background:rgba(0,0,0,0.8);
  height:350px;
  width:100%;
  top:0;
}
.devis-content {
  margin-top:10%;
  background:url(../images/devis-content.jpg) no-repeat 0 0;
  width:100%;
  background-size:cover;
  background-attachment:fixed;
  position:relative;
  padding:2% 0;
  height:350px;
}
.Mobile .devis-content {
  height: 100%;
}
.devis-info:after {
  display:table;
  content:"";
  clear:both;
}
.devis-info {
  background:url(../images/devis-content.jpg) no-repeat 0 0;
  width:100%;
  background-size:cover;
  box-shadow:1px 1px 12px #555;
  position:relative;
  padding:2% 0;
  top:-109px;
  border-radius:20px;
  height:100%;
}
.devis-info:before {
  content:"";
  position:absolute;
  background:rgba(12,12,12,0.61);
  height:100%;
  width:100%;
  top:0;
  border-radius:20px;
}
.devis-form h3,.prestation h3 {
  color:white;
  font-size:21px;
  font-weight:200;  
}
.devis-info h2,
.devis-info p {
  color: #fff;
  padding-left: 26px;
}
.prestation h3{  
}
.btn_devis {
  text-align:center;
}
input#mail2 {
  display:none;
}
.col-md-6.form {
  float:right;
}
.prestation {
  text-align:center;
  font-size:16px;
  margin:-10% 0 0 auto;  
}
.info-webkom:after {
  content:"";
  display:table;
  clear:both;
}
.info-akisiweb {
    width: 50%;
    margin: -7% auto;
}
.webkom:before {
  content:"";
  position:absolute;
  background:rgba(12,12,12,0.61);
  height:100%;
  width:100%;
  top:0;
  border-radius:5px;
}
.webkom {
  background:url(../images/fond-webkom.jpg) no-repeat 0 0;
  background-size:cover;
  background-attachment:fixed;
  padding:2% 0 0;
  border-radius:5px;
  box-shadow:1px 1px 12px #555;
  position:absolute;  
  margin-top: -33px;
}
.webkom p,.webkom strong,.webkom a {
  color:#666;
  font-weight:200;
  text-align:center;
  padding:1%;
  position:relative;
}
.webkom a:hover {
  color:#ff901e;
}
.categorie-list {
  position:relative;
}
.categorie-list a {
  position:relative;
  display:inline-block;
  margin-top:8px;
  overflow:hidden;
  border:1px solid #1b1b1b;
  margin:0 3px;
}
.categorie-list span {
  position:absolute;
  font-size:12px;
  color:white;
  width:100%;
  text-align:center;
  left:0;
  line-height:14px;
  font-weight:100;
  top:0;
  display:none;
  height:100%;
  z-index:3;
  padding:4px 5px;
}
.categorie-list a:hover span {
  display:block !important;
  background: rgba(8,3,7,0.59)!important;
}
/*------------------------------------*\ STYLE - Footer\*------------------------------------*/
#footer {
  background:#ff901e;
  width:100%;
  bottom:0;
}
.footer-contenu {
  padding:4% 0 2% 0;
}
.adresse-footer p {
  color:white;
  font-size:16px;
  font-weight:200;
  padding-left:42px;
}
.tel-footer {
  float:left;
  font-size:20px;
  color:white;
  font-weight:200;
  line-height:100%;
  margin-top:-6px;
  width: 100%;
}
.tel-footer a {
    display: block;
    line-height: 100%;
    color: white;
    margin: 0;
    border-top: 1px solid #1b1b1b;
    padding: 13px 0 19px;
    width: 100%;
} 
.info-footer {
    margin-top: -36px;
}
.icon-adresse {
  background:url(../images/icon/sprit-x.png) no-repeat 0 -47px;
  position:absolute;
  width:49px;
  height:45px;
  top:-28px;
  left:14px;
}
.copyright {
  background:#1b1b1b;
  height:100%;
  position:relative;
}
.copyright p {
  font-size:11px;
  color:white;
  text-align:center;
  padding: 15px 0;
  margin-bottom: 0;
}
#back-top.show-totop {
  visibility:visible;
  bottom:0px;
  position:absolute;
}
#back-top {
  -webkit-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease;
  position:fixed;
  visibility:hidden;
  margin:0 20px 20px 0;
  right:0;
  bottom:-100px;
  overflow:hidden;
  z-index:99;
}
#back-top a {
  background:#ff901e;
}
#back-top a {
  display:block;
  border-radius:50%;
  width:50px;
  height:50px;
  text-align:center;
  text-decoration:none;
  color:#fff;
}
#back-top a:before {
  content:"";
  background:url(../images/icon/sprit-x.png) no-repeat 0 -203px;
  position:absolute;
  width:46px;
  height:43px;
  top:15px;
  right:-6px;
  font:25px/50px FontAwesome;
}
#back-top a:hover {
  background: #373a3c;
}

b.titre-album{
    clear: both;
    display: block;
    margin: 15px 7px;
    font-size: 24px;
}
a.swipebox.thumbnail img {
    border: 1px solid #ff901e;
    padding: 5px;
}
@media (max-width: 767px){   
a.swipebox.thumbnail img {
    width: 100%;
}
}
/*------------------------------------*\ STYLE - devis-header\*------------------------------------*/

#mail2{
  display: none;
} 
@media (min-width: 544px){
  .rapel-devis {
      position: absolute;
      top: -521px;
      width: 100%;
  }
}
.devis-contact {
    width: 50%;
    float: right;
}
@media (min-width: 544px){
  .rappel-real {
    float: left;
    width: 50%;
  }
}
.devis-header {
    width: 400px;
    position: relative;
    margin: 0 0 0 auto;
    background: white;
    padding: 15px;
    border-radius: 5px;
}
@media (max-width: 767px){
  .devis .devis-contact {
    display: none;
  }
  .devis .rapel-devis {
    margin-bottom: 2rem;
  }
}
@media (max-width: 543px){
  .devis-contact {
    margin-top: 2rem;
    width: 100%;
    float: none;
  }
  .devis-header {
    border-radius: 0;
    width: 100%;
  }
}
.devis-header form {
    padding: 14px 3px 0 3px;
}
.devis-header h3 {
    font-size: 22px;
    text-align: center;
}
.devis-contact .form-control{
  background-color:rgba(0, 0, 0, 0.04) !important;
}
.btn-acceuil{
  text-align: center;
}
.footer-contenu h3 {
    color: white;
    margin: 0 0 10px;
    font-size: 1.5rem;
}
.image_rea a {
    height: 85px;
    margin: 0 3px;
}
.image_rea img {
    max-width: 100%;
}