@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8 juin 2017, 10:15:22
    Author     : olivier
*/
@import url(../css/style.css);
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8 juin 2017, 10:45:47
    Author     : olivier
*/
.mt10 {
  margin-top: 10px; }

.mt25 {
  margin-top: 25px; }

.mt40 {
  margin-top: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb20 {
  margin-bottom: 20px; }

h2 {
  font-size: 26px; }

h3 {
  font-size: 22px; }

.ancre {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: relative;
  top: -130px;
  width: 1px; }
  @media screen and (max-width: 767px) {
    .ancre {
      top: -110px; } }

.section-block {
  padding: 4em 0; }

.section-title-block {
  margin-bottom: 40px; }

p {
  font-size: 16px; }

a.focus {
  text-decoration: none; }

.w-caret:before {
  content: "\f125";
  font-family: "Ionicons"; }

h3.w-caret:before {
  margin-right: 10px;
  color: #0da04e; }

.floatr, floatl {
  margin: 30px;
  max-width: 500px; }

.floatl {
  float: left; }

.floatr {
  float: right; }

.section-title-block .lead {
  width: 90%; }

/** PANELS **/
.panel-title {
  font-size: 18px; }

.panel, .panel-heading {
  border-radius: 0; }

.panel-success > .panel-heading {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$green+0,096d35+100 */
  background: #0da04e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0da04e 0%, #096d35 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #0da04e 0%, #096d35 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0da04e 0%, #096d35 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$green', endColorstr='#096d35',GradientType=0 );
  /* IE6-9 */
  padding: 15px;
  color: #fff; }

.panel-primary > .panel-heading {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$blue+0,1e53a2+100 */
  background: #2a6db3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2a6db3 0%, #1e53a2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2a6db3 0%, #1e53a2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2a6db3 0%, #1e53a2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$blue', endColorstr='#1e53a2',GradientType=0 );
  /* IE6-9 */
  padding: 15px;
  color: #fff; }

.panel-primary,
.panel-primary > .panel-heading {
  border-color: #2a6db3; }

.panel-success,
.panel-success > .panel-heading {
  border-color: #79c48e; }

.panel-success.type-diag {
  border-color: #e6e6e6;
  border-left: 5px solid #0da04e; }
  .panel-success.type-diag > .panel-heading {
    height: 50px;
    background: none;
    border: none;
    padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      .panel-success.type-diag > .panel-heading {
        height: auto; } }
  .panel-success.type-diag .panel-title {
    color: #0da04e; }
  .panel-success.type-diag .panel-body {
    height: 150px;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .panel-success.type-diag .panel-body {
        height: 200px; } }
  .panel-success.type-diag .panel-footer {
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #e6e6e6;
    background-color: white;
    padding: 15px; }
    .panel-success.type-diag .panel-footer a {
      position: relative; }
      .panel-success.type-diag .panel-footer a:before {
        content: "\f2f5";
        font-family: "Ionicons";
        font-size: 26px;
        font-weight: normal;
        position: absolute;
        left: -26px;
        top: -10px;
        transition: .3s; }
      .panel-success.type-diag .panel-footer a:hover:before {
        color: #0da04e; }
      .panel-success.type-diag .panel-footer a:focus {
        text-decoration: none; }

/** MODALS **/
.modal.type-diag .modal-content {
  border-radius: 0; }
.modal.type-diag .modal-header {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$green+0,096d35+100 */
  background: #0da04e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0da04e 0%, #096d35 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #0da04e 0%, #096d35 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0da04e 0%, #096d35 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$green', endColorstr='#096d35',GradientType=0 );
  /* IE6-9 */ }
  .modal.type-diag .modal-header h4 {
    color: white; }
.modal.type-diag .modal-footer {
  border-top: none;
  text-align: center; }
.modal.type-diag .close {
  font-size: 27px;
  opacity: .7;
  color: white; }
  .modal.type-diag .close:hover {
    opacity: 1; }

/** icones **/
.what-we-do .content-block .title-block .icon-block > .icon,
.how-we-work .content-block .process .icon-block-wrapper .icon-block > .icon {
  top: .5px; }

/*********** NAVBAR *************/
.navbar-brand > img {
  max-width: 244px; }

header .navbar.navbar-default .navbar-header .navbar-brand {
  padding: 21px 0 0 0; }
header .navbar.navbar-default .navbar-nav > li > a {
  letter-spacing: 0; }

/*********** HEADER PAGES *************/
.page-title-block {
  background: rgba(42, 109, 179, 0.8); }
  .page-title-block p {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0; }
  .page-title-block .heading-wrapper h1 {
    margin-top: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: #fff; }

/*********** MONDIAG > slider **********/
.slider.home a.btn {
  color: white;
  margin-right: 10px;
  margin-bottom: 10px; }

.carousel .carousel-caption .caption-wrapper .caption-content {
  font-size: 22px;
  line-height: 30px; }

.btn-devis, .btn-rdv, .btn-envoyer {
  position: relative;
  padding-left: 65px; }

.btn-devis:before {
  content: "\f12c"; }

.btn-rdv:before {
  content: "\f2d1"; }

.btn-envoyer:before {
  content: "\f2f6"; }

.btn-devis:before, .btn-rdv:before, .btn-envoyer:before {
  font-family: "Ionicons";
  font-size: 40px;
  font-weight: normal;
  position: absolute;
  left: 23px;
  top: -4px; }

/*********** MONDIAG > l'expertise mondiag.com **********/
.about-intro.home {
  padding-bottom: 4em; }
  .about-intro.home .content-block .block-top-title {
    margin-top: 0; }
  .about-intro.home img {
    max-width: 400px;
    margin: 30px;
    float: right; }

/*********** MONDIAG > Des diagnostiqueurs formés et certifiés **********/
.quality-of-work.home .content-block .features li {
  margin-bottom: 20px; }
  .quality-of-work.home .content-block .features li p {
    font-size: 18px;
    padding-top: 8px;
    margin-left: 3em; }
.quality-of-work.home .block-top-title {
  margin-bottom: 28px; }

/*********** MONDIAG > Pourquoi faire appel à mondiag.com **********/
.accordion-block.accordion-style-1.home .panel-heading {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$blue+0,1e53a2+100 */
  background: #2a6db3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2a6db3 0%, #1e53a2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2a6db3 0%, #1e53a2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2a6db3 0%, #1e53a2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$blue', endColorstr='#1e53a2',GradientType=0 );
  /* IE6-9 */ }

.accordion-block.home .panel-default .panel-heading a {
  color: white;
  text-align: center; }

.panel.pourquoi .panel-heading {
  padding-top: 5px; }
.panel.pourquoi .panel-title:before {
  content: "\f373";
  font-family: "Ionicons";
  padding-right: 15px;
  font-size: 32px;
  font-weight: normal;
  position: relative;
  top: 5px; }

/*********** MONDIAG > Les garanties mondiag.com **********/
.how-we-work.home a.btn {
  color: white; }
.how-we-work.home .content-block .process .work-content h4 {
  margin-top: 5px;
  font-weight: normal;
  line-height: 22px; }
.how-we-work.home .content-block .process icon-block-wrapper .icon-block {
  font-size: 32px;
  width: 55px;
  height: 55px;
  line-height: 55px; }

/************ LE DIAGNOSTIC IMMOBILIER ******************/
.page-title-block.le-diagnostic-immobilier-page:after {
  background-image: url(../img/mondiag_home.jpg);
  /* IMAGE SIZE SHOULD BE 1500X416 */ }

/************ VOS OBLIGATIONS ******************/
.page-title-block.vos-obligations-page:after {
  background-image: url(../img/mondiag_home.jpg);
  /* IMAGE SIZE SHOULD BE 1500X416 */ }

.what-we-do .content-block .title-block .icon-block {
  font-size: 32px;
  width: 55px;
  height: 55px;
  line-height: 55px; }

.diag-immo-obligatoires .tab-block .nav-tabs {
  display: flex;
  justify-content: center; }
  .diag-immo-obligatoires .tab-block .nav-tabs li {
    margin: 15px;
    width: auto; }
    .diag-immo-obligatoires .tab-block .nav-tabs li a {
      padding: 10px 20px; }
    .diag-immo-obligatoires .tab-block .nav-tabs li.active a {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$blue+0,1e53a2+100 */
      background: #2a6db3;
      /* Old browsers */
      background: -moz-linear-gradient(top, #2a6db3 0%, #1e53a2 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #2a6db3 0%, #1e53a2 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #2a6db3 0%, #1e53a2 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$blue', endColorstr='#1e53a2',GradientType=0 );
      /* IE6-9 */ }
      .diag-immo-obligatoires .tab-block .nav-tabs li.active a h3 {
        color: #fff; }
    .diag-immo-obligatoires .tab-block .nav-tabs li:not(.active) a {
      border: 1px solid #2a6db3; }
      .diag-immo-obligatoires .tab-block .nav-tabs li:not(.active) a h3 {
        color: #2a6db3; }
.diag-immo-obligatoires h3 {
  font-size: 16px;
  margin-top: 11px; }
.diag-immo-obligatoires .tab-pane {
  background: white; }

table.diag {
  font-size: 16px;
  text-align: center;
  margin: 40px 0;
  border-spacing: 3px;
  border-collapse: separate;
  text-align: center; }
  table.diag > thead > tr > th {
    border-bottom: none;
    text-align: center; }
    table.diag > thead > tr > th.titre-tableau-validite-diag {
      width: 660px; }
      @media screen and (max-width: 1199px) {
        table.diag > thead > tr > th.titre-tableau-validite-diag {
          width: 607px; } }
      @media screen and (max-width: 991px) {
        table.diag > thead > tr > th.titre-tableau-validite-diag {
          width: auto; } }
  table.diag > tbody > tr > td, table.diag > tbody > tr > th, table.diag > tfoot > tr > td, table.diag > tfoot > tr > th, table.diag > thead > tr > td, table.diag > thead > tr > th {
    border-top: none; }
  table.diag thead > tr {
    color: #fff;
    background: #616161; }
    table.diag thead > tr > th:first-child {
      background: #fff;
      color: #333;
      text-transform: uppercase;
      font-weight: normal;
      font-size: 22px;
      text-align: center; }
  table.diag tbody > tr {
    color: #333;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,fafafa+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #fafafa 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #fafafa 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #fafafa 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fafafa',GradientType=0 );
    /* IE6-9 */ }
  table.diag td {
    font-style: italic;
    text-align: center;
    color: #757575; }
    table.diag td.o {
      color: #0da04e; }
  table.diag.validite td {
    text-align: left; }

/***************** NOS OFFRES **********************/
.page-title-block.nos-offres-page:after {
  background-image: url(../img/mondiag_home.jpg);
  /* IMAGE SIZE SHOULD BE 1500X416 */ }

body > section.heading-section.nos-offres.section-block > div > p {
  font-size: 18px;
  text-align: center; }

.btn-devis-perso {
  color: white;
  text-align: center;
  margin-top: 50px; }

.nos-offres.btn-devis {
  color: white;
  margin-top: 20px; }

table.offre {
  font-size: 18px;
  text-align: center;
  margin: 40px 0;
  border-spacing: 3px;
  border-collapse: separate; }
  table.offre i {
    font-size: 26px; }

.table.offre > thead > tr > th {
  border-bottom: none;
  vertical-align: middle; }

.table.offre > tbody > tr > td, .table.offre > tbody > tr > th, .table.offre > tfoot > tr > td, .table.offre > tfoot > tr > th, .table.offre > thead > tr > td, .table > .offre > thead > tr > th {
  border-top: none; }

table.offre, table.offre th {
  text-align: center; }

table.offre thead > tr {
  color: #fff; }

table.offre tbody > tr {
  color: #333; }

/*table.offre thead>tr>th:first-child {
    background: #fff;
    color: #333;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 22px;
}*/
table.offre.appartement thead > tr {
  background: #0F2A52; }

table.offre.appartement tbody > tr {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4d8f0+0,edeef9+100 */
  background: #d4d8f0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d4d8f0 0%, #edeef9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d4d8f0 0%, #edeef9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d4d8f0 0%, #edeef9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d8f0', endColorstr='#edeef9',GradientType=0 );
  /* IE6-9 */ }

table.offre.maison thead > tr {
  background: #28703D; }

table.offre.maison tbody > tr {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dff3e0+0,f2faf2+100 */
  background: #dff3e0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dff3e0 0%, #f2faf2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #dff3e0 0%, #f2faf2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dff3e0 0%, #f2faf2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dff3e0', endColorstr='#f2faf2',GradientType=0 );
  /* IE6-9 */ }

/***************** REFERENCES **********************/
.page-title-block.references-page:after {
  background-image: url(../img/mondiag_home.jpg);
  /* IMAGE SIZE SHOULD BE 1500X416 */ }

.team-members .members .member-content figure figcaption .member-info {
  left: 12em; }

.team-members .members .member-content figure figcaption .member-info h4 {
  width: calc(10em + 60px); }

.team-members .members .member-content p {
  margin-top: -8em; }

.team-members .members .member-content figure img {
  width: 12em;
  transform: none;
  min-height: 191px; }

.team-members .members .member-content:hover figure img {
  transform: scale(1.1); }

/************************ CONTACT ************************/
.page-title-block.contact-page:after {
  background-image: url(../img/mondiag_home.jpg);
  /* IMAGE SIZE SHOULD BE 1500X416 */ }

.contact-form .form-content .email-field {
  padding-left: 15px; }
.contact-form h5 {
  font-size: 16px;
  line-height: 1.4; }
.contact-form select {
  color: #999; }
  .contact-form select option:not([value=""]) {
    color: #555; }

.contact-prop {
  display: flex;
  justify-content: center;
  font-size: 20px;
  text-align: left; }
  .contact-prop ul {
    max-width: 460px;
    margin-top: 20px; }
    .contact-prop ul li:before {
      content: "\f122";
      font-family: "Ionicons";
      font-weight: bold;
      margin-right: 10px;
      color: #0da04e; }
  .contact-prop a {
    color: white;
    text-decoration: underline; }

.google-maps-block {
  margin-top: 2em; }

@media (max-width: 1199px) {
  .contact-form {
    margin-top: 0; } }
/************************ FOOTER *************************/
.main-footer .footer-content {
  padding-top: 5em;
  padding-bottom: calc(5em - 48px); }
.main-footer .copyright-info .copyright-block p {
  font-size: 14px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8 juin 2017, 10:43:50
    Author     : olivier
*/
/********** RESPONSIVE ************/
/*********** RESPONSIVE > NAVBAR *************/
@media (min-width: 768px) {
  header .navbar.navbar-default .navbar-nav > li > a {
    padding: 45px 10px 40px 10px; } }
@media (max-width: 991px) and (min-width: 768px) {
  header .navbar.navbar-default .navbar-nav > li > a {
    padding: 45px 10px 40px 10px;
    letter-spacing: inherit; } }
@media (max-width: 1200px) and (min-width: 768px) {
  header .navbar.navbar-default .navbar-nav > li > a {
    padding-top: 58px;
    padding-bottom: 20px; } }
@media (max-width: 767px) {
  .navbar {
    min-height: 70px; }

  header .navbar.navbar-default .navbar-header .navbar-brand {
    padding: 9px 0 0 0; }

  .navbar-brand > img {
    max-width: 190px; }

  .navbar-toggle {
    margin-top: 19px; }

  .floatr, .floatl {
    float: none;
    margin: 0 0 30px 0;
    max-width: 100%; } }
/*********** RESPONSIVE > MONDIAG > l'expertise mondiag.com *************/
@media (max-width: 767px) {
  .about-intro.home img {
    max-width: 100%;
    margin: 0 0 30px 0;
    float: none; } }
/*********** RESPONSIVE > MONDIAG > Les garanties mondiag.com **********/
@media (min-width: 992px) {
  .how-we-work.home .content-block .process > div {
    margin-bottom: 15px; } }
/*********** RESPONSIVE > REFERENCES **********/
@media (max-width: 767px) {
  .team-members .members .member-content figure figcaption .member-info h4 {
    width: calc(10em + 14px); } }
@media (max-width: 480px) {
  .team-members .members .member-content p {
    margin-top: -1.5em; } }
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8 juin 2017, 10:44:39
    Author     : olivier
*/
/*********** COULEURS *************/
a {
  color: #2a6db3; }

header .top-bar {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$blue+0,1e53a2+100 */
  background: #2a6db3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2a6db3 0%, #1e53a2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2a6db3 0%, #1e53a2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2a6db3 0%, #1e53a2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$blue', endColorstr='#1e53a2',GradientType=0 );
  /* IE6-9 */ }

.carousel .carousel-caption .caption-wrapper .caption-title strong,
.phone-call span.fa {
  color: #0da04e; }

.section-title-block .section-title:after,
.block-top-title h3:after,
.how-we-work.home .content-block .process .icon-block-wrapper .icon-block,
.quality-of-work.home .content-block .features li:hover .icon-block {
  background: #0da04e; }

.what-we-do .content-block .title-block .icon-block {
  background: #2a6db3; }

/* VERT */
.what-we-do .content-block:hover .icon-block,
.team-members .members .member-content:hover figure figcaption .member-info h4:after,
.contact-form .form-message p.success {
  background: #0da04e; }

.bg-dark {
  background-color: #fafafa; }

p, .section-title-block .lead {
  color: #616161; }

/*# sourceMappingURL=main.css.map */