/*------------------------------------*\
/* Global styles  */

/*------------------------------------*/

/* Override Gridlex */

[class~="col"]:not(.marged),
[class*="col-"]:not(.marged),
[class*="col_"]:not(.marged) {
    padding: 0 1rem 0rem;
}

/* */

b,
strong {
  font-weight: 500;
}

p,
ul,
ol,
li,
pre,
address,
.address,
.p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
  margin: 13px 0px;
  margin: 1.3rem 0rem;
}

/* p {
  -webkit-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
} */

main {
  position: relative;
}

button:hover {
  cursor: pointer;
}

.home-slide {
  height: 350px;
  background: url('img/home/home_background_bis.png') no-repeat center right;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  text-align: right;
  padding-right: 10%;
}

.jumbotron {
  margin-top: -30px
}

.jumbotron h1 {
  color: #757575;
  font-weight: 700;
}

.jumbotron hr {
  margin-top: 15px
}

.jumbotron h2 {
  color: #62c5a1;
  font-size: 3.2rem;
  font-size: 32px;
  line-height: 3.2rem;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 0;
}

.jumbotron h3 {
  color: #000000;
  font-size: 3.2rem;
  font-size: 32px;
  line-height: 3.2rem;
  line-height: 32px;
  font-weight: 700;
  margin: 5px 0;
}

/* p, ul, ol, li, pre, address, .address, .p {
  line-height: 22px;
  line-height: 2.2rem;
} */

ul {
  overflow: inherit;
}

button,
input,
optgroup,
select,
textarea {
  font-family: 'ProximaNova', Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.case-icone .texte p {
  text-align: justify;
}

article.type-page { text-align: justify; }
article.type-post h2,
article.type-post h3,
article.type-post h4 { margin-top: 20px; }

.type-post.hentry a {
  color: #5cb192;
  font-weight: 500;
}

.col-sm-12.col-vert {
  padding: 0;
}

section.head-slider.petit .text-fixed:before, section.head-slider.normal .text-fixed:before {
  background-image: url('./img/datalab-fond-slide-petit-bis.jpg');
}

hr.blacksep {
  height: 10px;
  width: 110px;
  background-color: #000;
  border: 0;
  padding: 0;
}

hr.blacksep.right {
  margin-left: auto;
  margin-right: 0;
}

hr.blacksep.left {
  margin-left: 0;
  margin-right: auto;
}

.container-fluid.bg-vert-titre, .container.bg-vert-titre, .row.bg-vert-titre, .container-fluid.bg-vert, .container.bg-vert, .row.bg-vert {
  background-image: url(./img/datalab-fond-col-vert.jpg);
  background-repeat: repeat-x;
  background-size: cover;
  background-position: center center;
}

.case-icone .texte a {
  text-decoration: none;
}

.wrapper-raid-wide {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.text-condensed, .text-condensed p {
  line-height: 116%;
}

.breadcrumbs {
  padding: 0
}

.breadcrumbs a { color: inherit; }

.boxedshadow {
  /* outline: 2px solid #57aa8c; */
  /* rgb(87,170,140)*/
  /* outline: 2px solid rgb(87, 170, 140);
  outline: 2px solid rgba(87, 170, 140, .7); */
  border: 2px solid rgb(87, 170, 140);
  border: 2px solid rgba(87, 170, 140, .7);
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
  -webkit-box-shadow: inset 1px 1px 7px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 1px 7px 0px rgba(0, 0, 0, 0.5);
}

p.legend {
  font-size: 1.6rem;
  font-size: 16px;
  line-height: 1.6rem;
  line-height: 16px;
  font-weight: 700;
  color: #555555;
  text-align: center;
  position: relative;
}

p.legend.aligned { padding-left: 40px; text-align: left;}

p.legend:before {
  content: '■';
  margin-right: 5px;
  color: #000;
  display: inline-block;
}

p.legend.aligned:before {
  position: absolute;
  left: 25px;
  margin-right: 0
}

section.padded {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

section.padded-sm {
  padding-top: 20px;
  padding-bottom: 20px;
}

section.padded-xs {
  padding-top: 10px;
  padding-bottom: 10px;
}

#menu-plan-du-site li a {
  color: #302d26;
}


/* --- Helpers ---- */

.mg-bot-line {
  margin-bottom: 40px
}

.no-mg-bottom {
  margin-bottom: 0
}

.no-mg-top {
  margin-top: 0
}

.mg-top {
  margin-top: 20px
}

.mg-bottom {
  margin-bottom: 20px
}

.mg-auto { margin-left: auto; margin-right: auto; }

.mg-lg { margin-top: 40px; margin-bottom: 40px }

hr.space {
  padding: 0;
  height: 1px;
  border: 0;
  background: transparent;
  margin: 20px auto;
}

hr.space:before { content: none }

hr.space.md { margin: 40px auto; }

.title-gray { color: #757575 }

.color-green {
  color: #31ce29;
}
.color-brand {
  color: #5cb192;
}
/* .color-blue {
  color: #4988bf;
} */

.img-responsive {
  max-width: 100%;
  display: block;
  height: auto;
}

.center-title {
  text-align: center;
}

.center-link {
  text-align: center;
  display: block
}

.text-bold {
  font-weight: 700
}

.text-low {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
}

.bg-inverse {
  background-color: #f1f1f1;
}

.bg-inverse.darker {
  background-color: #dedede;
}

.bg-inverse.darkest {
  background-color: #dadada;
}

.bg-inverse.darker-light {
  background-color: #e4e4e4;
}

.bg-inverse.darker-lighter {
  background-color: #e3e3e3;
}

.bg-inverse.darker-medium {
  background-color: #f6f6f6;
}

.bg-hdds {
  background-image: url('img/devis/fond_hdds.png');
  background-repeat: no-repeat;
  background-position: center bottom;
}

.bg-amovibles {
  background-image: url('img/devis/fond_amovibles.png');
  background-repeat: no-repeat;
  background-position: center bottom;
}

.bg-section-raid-choice {
  background-color: #f6f6f6;
  padding: 15px 0 20px;
}

.bg-alveole {
  background-image: url('img/background_alveole.png');
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
}

.bg-alveole h2 {
  color: #757575;
}

.bg-alveole h2+p {
  color: #000;
}

.section-ultra-wide {
  padding-left: 75px;
  padding-right: 75px
}

.black-text {
  color: #000;
}

.text-no-margin {
  margin: 0;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.cap {
  text-transform: uppercase;
}

.img-center {
  margin: 20px auto;
}

.full-height {
  height: 100%
}

ul.text-list {
  padding: 0;
  text-align: justify;
}

ul.text-list li {
  text-indent: 36px;
}

ul.text-list.aered li { margin-bottom: 1.3rem }

ul.text-list li:before {
  content: '-';
  font-weight: 700;
  margin-right: 7px;
}
ul.list-tiret {
  padding: 0;
  color: #000;
}

ul.list-tiret li:before {
  content: '-';
  font-weight: 700;
  margin-right: 7px;
}

ol.ol-trait {
  counter-reset: list;
  padding: 0 0 0 5px;
}
ol.ol-trait li {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
}
ol.ol-trait li:before {
  content: counter(list, decimal) " - ";
  /* content: counter(list, decimal); */
  counter-increment: list;
}

/*------------------------------------*\
/* end Global styles  */

/*------------------------------------*/

/*------------------------------------*\
/* Home v1.3.3 */

/*------------------------------------*/

.reassurance {
  height: 232px;
  position: relative;
}

.reassurance h3 {
  margin: 0;
  color: #fff;
  font-size: 2.1rem;
  font-size: 21px;
  line-height: 2.1rem;
  line-height: 21px;
  position: absolute;
  top: 10px;
  right: 15%;
  text-align: center;
  width: 120px;
}

.reassurance.alternative {
  margin-top: -23px;
  height: 255px;
}

.reassurance.alternative h3 {
  top: 31px;
  left: 15%;
}

.reassurance p {
  width: 145px;
  text-align: justify;
  margin: 0 auto;
  padding-top: 83px;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  color: #000;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}

.reassurance.alternative p {
  padding-top: 110px
}

#paiement.reassurance {
  background: url('img/home/reassurance_icon_resultat.png') #fff no-repeat top center;
}

#diagnostic.reassurance {
  background: url('img/home/reassurance_icon_diagnostic.png') #fff no-repeat top center;
}

#francais.reassurance {
  background: url('img/home/reassurance_icon_francais.png') #fff no-repeat top center;
}

#appel.reassurance {
  background: url('img/home/reassurance_icon_prixdappel.png') #fff no-repeat top center;
}

/*------------------------------------*\
/* End Home v1.3.3 */

/*------------------------------------*/

/*------------------------------------*\
/* CTA Image v1.3.3 & devis for h3 */

/*------------------------------------*/

.cta-image {
  position: relative;
  height: 225px;
  width: 300px;
  margin: 0 auto;
  display: block;
  /* background-size: contain!important; */
  -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease;
}

.cta-image h3, .cta-img-devis h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  color: #e2e2e2;
  font-size: 2.1rem;
  font-size: 21px;
  line-height: 2.1rem;
  line-height: 21px;
  font-weight: 500;
  margin: 0;
  width: 100%;
  text-align: center;
  padding: 5px 0;
}

.cta-reassurance .icone {
  min-height: 118px;
  margin-bottom: 5px;
}

.cta-reassurance .texte {
  color: #000
}

/*------------------------------------*\
/* end CTA image v1.3.3 */

/*------------------------------------*/

/*------------------------------------*\
/* CTA devis v1.3.3 */

/*------------------------------------*/

.cta-img-devis {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
  padding: 10px 0;
  min-height: 185px;
  background-color: #ebebeb;
}

.cta-img-devis:hover {
  -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease;
}


.cta-img-devis p {
  margin: 0;
  text-align: center;
}

.cta-img-devis p.device {
  font-size: 1.8rem;
  font-size: 18px;
  line-height: 1.8rem;
  line-height: 18px;
  font-weight: 700;
  color: #000;
}

.cta-img-devis p.device+p {
  font-size: 2rem;
  font-size: 20px;
  line-height: 2rem;
  line-height: 20px;
  font-weight: 700;
  color: #5cb192;
}

/*------------------------------------*\
/* end CTA devis v1.3.3 */

/*------------------------------------*/

/*------------------------------------*\
/* CTA device v1.3.3 */

/*------------------------------------*/

.cta-device {
  height: 130px;
  display: block;
  /* background-size: contain !important; */
  -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease;
}

/*------------------------------------*\
/* end CTA device v1.3.3 */

/*------------------------------------*/

/*------------------------------------*\
/* Colonne texte v1.3.3 */

/*------------------------------------*/

.text-colonne {
    padding: 0 20px;
}

.text-colonne h3 {
  font-size: 3.2rem;
  font-size: 32px;
  line-height: 3.2rem;
  line-height: 32px;
}

.text-colonne p {
    text-align: justify;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

/*------------------------------------*\
/* end Colonne texte v1.3.3 */

/*------------------------------------*/

/*------------------------------------*\
/* Colonne icone v1.3.3 */

/*------------------------------------*/

.icone-colonne {
  min-height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icone-colonne img {
  margin-top: auto;
  margin-bottom: 0
}

/*------------------------------------*\
/* end Colonne icone v1.3.3 */

/*------------------------------------*/

.img-jauge {
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.col-jauges span {
  color: #555555;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  display: block;
  margin-top: 20px;
}

.col-jauges p {
  text-align: justify;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  font-size: 16px;
  font-size: 1.6rem;
}

.col-jauges p:before {
  content: '■';
  margin-right: 5px;
  color: #000;
  display: inline-block;
}

/*------------------------------------*\
/* End Section jauges colonnes */

/*------------------------------------*/

/*------------------------------------*\
/* Section jauges colonnes */

/*------------------------------------*/

/*------------------------------------*\
/* Page Procédure de récupération */

/*------------------------------------*/

.few-words {
  padding-left: 30px;
  color: #000;
}

.bg-list-medias {
  padding: 10px 5px 0;
}

.bg-list-medias h3 {
  margin: 0;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 23px;
  line-height: 2.3rem;
}

.advert-list {
  font-size: 90%;
  font-style: italic;
}

/*------------------------------------*\
/* End page Procédure de récupération */

/*------------------------------------*/

/*------------------------------------*\
/* Misc ? */

/*------------------------------------*/

#responsive-menu #rm-additional-content {
  color: #9fa1a0
}

footer.footer .mentions .c-2 nav ul li {
  padding: 0 4px 0 5px
}

footer.footer .mentions .c-2 nav ul li:first-child {
  padding-left: 0
}

footer.footer:not(.footer-no-margin) {
  margin-top: 16px;
}

.mentions-footer {
  text-align: justify;
}

.case-icone .icone, .case-icone .texte.min-texte {
  height: 125px;
}

.wpcf7-form .row .col-sm-6, .form.devis .row .col-sm-6 {
  padding-right: 0;
}

.form.devis:not(.contact) .col-lg-12, .form.devis:not(.contact) .col-md-12, .form.devis:not(.contact) .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

.demande-dossier [class~="col"], .demande-dossier [class*="col-"], .demande-dossier [class*="col_"] {
  padding: 0 0.5rem 1rem;
}

/*------------------------------------*\
/* End misc */

/*------------------------------------*/

/*------------------------------------*\
/* Blog */

/*------------------------------------*/

.bg-blog {
  background: url('img/slide-blog.jpg') no-repeat right center #fff;
  background-size: cover;
  min-height: 240px;
}

aside#sideblog {
  background-color: #f2f2f2;
  padding: 10px 15px 15px;
}

.sidebar-widget>div:first-child h3 {
  margin-top: 0
}

.sidebar-widget>div h3 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 26px;
  line-height: 2.6rem
}

.post-title-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.post-title-bar .post-meta {
  margin-bottom: 0;
  color: #fff
}

.post-title-bar .post-meta i.fa {
  color: #fff
}

.list.actualites h2, .list.actualites .h2 {
  font-size: 20px;
  text-align: left;
  margin-top: 0;
}

.list.actualites.archive h2,
.list.actualites.archive .h2 {
  /* min-height: 55px; */
  min-height: 78px;
  line-height: 26px;
  line-height: 2.6rem;
  margin-bottom: 10px;
}

.list.actualites.faq.archive h2,
.list.actualites.faq.archive .h2 {
  min-height: 78px;
  line-height: 26px;
  line-height: 2.6rem;
  margin-bottom: 10px;
}

.list.actualites.single h2, .list.actualites.single .h2, .list.actualites.single h1, .list.actualites.single .h1 {
  font-size: 32px;
  margin-bottom: 10px;
  min-height: inherit;
  margin-top: 20px;
}

.list.actualites.single .thumb {
  max-height: 250px;
}

.list.actualites.single article:not(.glossaire) {
  padding: 20px 0
}

.new-excerpt p {
  min-height: 88px
}

.list.actualites:not(.single) {
  margin-top: 10px;
  margin-right: 20px;
}

.list.actualites .thumb {
  max-height: 150px;
  display: block;
  max-width: 100%;
  margin-bottom: 6px;
  overflow: hidden;
  margin-top: 10px;
}

.archive-description {
  color: #fff
}

.bt-read-more {
  border: none;
  background-color: #74DAB2;
  display: inline-block;
  position: relative;
  margin: auto;
  color: #fff;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 1;
  padding: 15px 20px;
  margin: 10px auto 0;
  text-align: center;
}

.bt-read-more:hover, .bt-read-more:focus {
  color: #fff
}

/* ---- Pagination ---- */

.nav-links {
  display: inline-block;
  border: 1px solid #e2e6e7;
  overflow: hidden;
  margin: 60px auto 0;
}

.pagination {
  margin-top: 20px;
}

.pagination .page-numbers {
  display: block;
  float: left;
  padding: 16px 20px;
  border-left: 1px solid #e2e6e7;
}

.pagination>span {
  display: inline-block;
  border: 1px solid #e2e6e7;
  overflow: hidden;
}

.pagination .page-numbers:first-child {
  border-left: none;
}

.pagination .current {
  background-color: #2f8464;
  color: #fff;
}

/* ---- End Pagination ---- */

/* ---- Widget ---- */

.widget_categories ul {
  list-style-type: none;
  padding: 0;
}

.sidebar-widget>div:not(.recent-posts-widget-with-thumbnails) {
  margin-bottom: 20px;
}

.sidebar-widget>div:last-child {
  margin-bottom: 0
}

.tagcloud {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tagcloud a {
  display: inline-block;
  margin: 0.125rem;
  padding: 0.4375rem;
  background: rgba(47, 132, 100, 0.2);
  border: 1px solid rgba(47, 132, 100, 0.2);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  color: #302d26;
}

.tagcloud a:hover, .tagcloud a:focus {
  background: #2f8464;
  color: white;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.side-post {
  overflow: hidden;
  margin: 0 0 1.5em;
}

.side-post-content {
  margin-left: 15px;
}

.side-post-content a {
  color: #302d26
}

article.type-post .side-post-content h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
  margin: 0;
  color: #302d26;
  font-weight: 300;
}

.side-post-content .post-meta { margin-bottom: 0 }

/* ---- End Widget ---- */

/* ---- Search form ---- */

.container-input-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.bt-search {
  border: none;
  background-color: #1c1c1c;
  display: block;
  position: relative;
  margin: auto;
  color: #fff;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 1;
  padding: 9px 15px;
  text-align: center;
  height: 36px; /* experimental */
}

.search-input {
  display: block;
  width: 100%;
  padding: 8px;
  border: 1px #CECECE solid;
  background-color: #CECECE;
  color: #000;
  margin-right: 5px;
}

.search-input:focus {
  border: 1px #9b9b9b solid;
}

/* ---- End Search form ---- */

/*------------------------------------*\
/* End blog */

/*------------------------------------*/

/*------------------------------------*\
/* Page contact */

/*------------------------------------*/

.h3.contact {
  font-size: 32px;
  margin-top: 0;
}

.h3.contact.first {
  margin-left: 0.5rem;
}

.demande-dossier.contact .wpcf7-form.contact-form {
  padding-top: 0
}

.contact-info {
  text-align: right;
  background-size: contain;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

.contact-info.adresse {
  background-image: url('img/icons/datalabcenter_franceicon.png');
  background-position: 15px 0;
  padding: 7px 0;
}

.contact-info.telephone {
  background-image: url('img/icons/datalabcenter_telicon.png');
  background-position: 0 0;
  padding: 5px 0;
}

.contact-info.mail {
  background-image: url('img/icons/datalabcenter_mailicon.png');
  background-position: 78% 0;
  padding: 3px 0;
}

.contact-info.horaires {
  background-image: url('img/icons/datalabcenter_horaireicon.png');
  padding: 4px 0;
  background-position-x: 15px;
}

.demande-dossier .form.devis .wpcf7-submit.contact-submit,
.bg-btn-contact {
  background-image: url("img/elements/arrow-btn-contact.png"), url('img/elements/bg-btn-contact.jpg');
  width: 140px;
  max-width: 140px;
  background-position: 10px 8px, right center;
  background-repeat: no-repeat, no-repeat;
  background-size: 31px 25px, cover;
  line-height: 40px;
  border-radius: 0;
  font-size: 18px;
  font-weight: bold;
  padding-left: 40px;
  color: #e4e4e4;
  -webkit-transition: all 100ms;
  transition: all 100ms;
}

.bg-btn-contact {
  width: 145px;
  max-width: 145px;
  font-size: 16px;
  padding: 8px;
  border: 0;
  padding-left: 44px;
  line-height: 24px;
}

.demande-dossier .form.devis .wpcf7-submit.contact-submit:hover {
  opacity: 0.9;
  background-position: 13px 8px, right center;
  cursor: pointer;
}

.demande-dossier .form.devis .wpcf7-submit.contact-submit:focus, .bg-btn-contact:focus, .btn-reset-form:focus {
  border: none;
  outline: 0;
}

.demande-dossier .form.devis .wpcf7-submit.contact-submit:before {
  font-family: FontAwesome;
  content: "\f069";
  position: absolute;
  left: -5px;
  top: 0;
}

.grid-rappel, .grid-captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0;
}

.grid-captcha {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.grid-captcha p {
  margin: 0
}

.grid-rappel .etre-rappele {
  margin-right: 1rem;
}

.grid-rappel .text-condensed {
  width: 85%;
}

/*------------------------------------*\
/* end page contact */

/*------------------------------------*/

.case-icone .texte p {
  font-size: 16px;
  font-size: 1.6rem;
}

.head-slider .page-content .size-0, .head-slider .page-content .size-0 * {
  font-size: 42px !important;
  line-height: 42px !important;
}

.post-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}

.post-meta span {
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  line-height: 16px;
  font-size: 1.6rem;
  line-height: 1.6rem;
}

.post-meta span:last-child {
  margin-right: 0;
}

.post-meta i.fa {
  color: #286f5e;
  margin-right: 10px;
  font-size: 16px;
  line-height: 16px;
  font-size: 1.6rem;
  line-height: 1.6rem;
}

.wrapper-wide.col-vert {
  padding: 0 0.5rem;
}

/*------------------------------------*\
/* Footer */

/*------------------------------------*/

footer.footer a.ic-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.textwidget .h1.footer-h1 a {
  color: #c9c9c9;
  font-size: 4rem;
  font-weight: 100
}

footer.footer a.ic-link-news:before {
  background-image: url('img/ic/icone-news-mini-datalabcenter.png');
}

footer.footer a.ic-link-news:hover {
  color: #d7b57c;
}

footer.footer a.ic-link-tel:hover, footer.footer a.ic-link-mail:hover {
  color: #79abbe;
}

footer.footer a.ic-link-tel:before {
  background-image: url('img/ic/icone-phone-datalabcenter.png');
}

footer.footer a.ic-link-mail:before {
  background-image: url('img/ic/icone-contact-mini-datalabcenter.png');
  top: 6px;
}

footer.footer p.ic-text {
  color: #D0D0D0;
  font-size: 14px;
  line-height: 18px;
  padding-left: 38px;
  min-height: 36px;
  margin-left: 30px !important;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

footer.footer p.ic-text:before {
  background-image: url('img/ic/icone-delai-datalabcenter.png');
  content: '';
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  width: 30px;
  height: 31px;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
}

footer.footer .h1 img {
  padding-right: 0;
  margin-right: 10px !important;
}

/*------------------------------------*\
/* End Footer */

/*------------------------------------*/

/*------------------------------------*\
/* Deviseur rapide */

/*------------------------------------*/

header.header nav.menu>ul>li:last-child>a {
  font-weight: 700;
  color: #5cb192;
}

header.header nav.menu ul>li:last-child>div.sub-menu>.inner>.sub-table {
  margin-top: -2px;
}

header.header nav.menu ul>li:last-child div.sub-menu .inner .sub-table ul {
  padding: 0
}

header.header nav.menu ul>li:last-child div.sub-menu .inner:before {
  background-color: #f1f1f1;
  border-left: 1px solid #b0b0b0;
  border-top: 1px solid #b0b0b0;
}

header.header nav.menu ul>li:last-child div.sub-menu .inner {
  background-color: #6caf94;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 315px;
  padding: 0;
}

header.header nav.menu ul>li:last-child div.sub-menu .inner .sub-table ul li {
  padding: 0
}

.fast-devis-step {
  background-color: #f1f1f1;
  padding-bottom: 20px;
  -webkit-box-shadow: 1px 1px 12px #555;
          box-shadow: 1px 1px 12px #555;
  padding: 0 20px 10px;
}

.fast-devis-step h2 {
  font-size: 1.6rem;
  font-size: 16px;
  line-height: 1.6rem;
  line-height: 16px;
  font-weight: bold;
  color: #000;
  padding: 10px 0;
  text-align: center;
  margin: 0;
}

.support-selector, .raid-selector {
  margin: 0
}
/* used for pre diag, experience etc. */
.support-container,
.raid-container,
.media-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.support-container a:hover,
.raid-container a:hover,
.media-selector a:hover {
  -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease;
}

.col.raid-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.support-container span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #000;
  font-weight: 700;
  display: block;
  text-align: center;
}

.support-container a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.support-container img { max-height: 80px; margin: 0 auto; }

.support-container:hover {
  opacity: .75;
}

.not-checked {
  -webkit-filter: brightness(.6) grayscale(100%) opacity(.9);
  -moz-filter: brightness(.6) grayscale(100%) opacity(.9);
  filter: brightness(.6) grayscale(100%) opacity(.9);
}

#body #responsive-menu {
  overflow: hidden;
}

#responsive-menu .appendLink {
  z-index: 2
}

#body #responsive-menu ul li a {
  z-index: 1
}

#responsive-menu .responsive-menu li:last-child a {
  border-bottom: 1px solid #efefef;
}

#responsive-menu div.col {
  padding: 0 0 1rem !important;
}

/*------------------------------------*\
/* ENd eviseur rapide */

/*------------------------------------*/

/*------------------------------------*\
/* Landing page style */

/*------------------------------------*/

h2.title-landing-section {
  font-size: 40px;
  font-size: 4rem;
  line-height: 40px;
  line-height: 4rem;
}

h2.title-landing-section.mgtop {
  margin-top: 30px
}

h2.title-intro-landing {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 35px;
  line-height: 2.5rem;
  margin-bottom: 10px;
}

.or-sep {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 35px;
  line-height: 2.5rem;
}

a.ic-link.landing-link {
  color: #000;
}

/* ---- Intro landing ---- */

.case-devis.landing-devis {
  max-width: 250px;
  margin: 0 auto;
}

.landing-contact {
  position: relative;
  padding: 4px 0;
}

.landing-contact::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  top: 50%;
  margin-top: -16px;
}

.landing-horaires:before {
  background-image: url('img/icons/datalabcenter_horaireicon.png');
  left: -28px;
}

.landing-telephone:before {
  background-image: url('img/icons/datalabcenter_telicon.png');
  left: -28px;
}

/* ------- */

/* Argument */

.argument {
  padding: 0 25px;
  color: #000;
}

.argument p {
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: justify;
}

.argument h3+p {
  margin-top: 0
}

.argument.argument-non p strong {
  font-weight: 300;
  color: #ff4400
}

.argument.argument-oui p strong {
  font-weight: 300;
  color: #0b8258
}

.argument.argument-non h3, .argument.argument-oui h3 {
  font-weight: 700;
  font-size: 30px;
  font-size: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 44px;
  line-height: 4.4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-bottom: 11px;
  height: 86px;
  background-size: cover;
  padding-left: 20px;
  margin-bottom: 0
}

.argument.argument-non h3 {
  color: #ff7300;
  background: url('img/landing/bg-argument-non.png') no-repeat left center #f1f1f1;
  background-size: contain;
}

.argument.argument-oui h3 {
  color: #00c38b;
  background: url('img/landing/bg-argument-oui.png') no-repeat left center #f1f1f1;
  background-size: contain;
}

.row-argument {
  padding: 0 50px;
  margin: 0;
}

/* ------------ */

/* Etape */

.recup-etape.etape-2,
.recup-etape.etape-4 {
  margin-bottom: 20px;
}

.recup-etape h3 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 36.4px;
  line-height: 3.64rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.recup-etape h3 .rstep {
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  margin-right: 6px !important;
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  padding: -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recup-etape p {
  margin: 0;
  text-align: justify;
  line-height: 2rem;
  line-height: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}

.recup-etape.etape-1 h3 {
  color: #6e64aa;
}

.recup-etape.etape-1 h3 .rstep {
  color: #6e64aa;
}

.recup-etape.etape-2 h3 {
  color: #c14190;
}

.recup-etape.etape-2 h3 .rstep {
  color: #c14190;
}

.recup-etape.etape-3 h3 {
  color: #ed7732;
}

.recup-etape.etape-3 h3 .rstep {
  color: #ed7732;
}

.recup-etape.etape-4 h3 {
  color: #fbb93c;
}

.recup-etape.etape-4 h3 .rstep {
  color: #fbb93c;
}

.recup-etape.etape-5 h3 {
  color: #97be4e;
}

.recup-etape.etape-5 h3 .rstep {
  color: #97be4e;
}

.img-etape {
  margin: 0 auto 10px
}

.img-etape-usb {
  margin: 0 auto 30px
}

/* ---------- */

/* Etape USB */

.recup-usb-container {
  position: relative;
}

.recup-etape.usb.etape-1, .recup-etape.usb.etape-2, .recup-etape.usb.etape-3, .recup-etape.usb.etape-4, .recup-etape.usb.etape-5 {
  position: relative;
}

.recup-etape.usb.etape-1 {
  top: 50px;
  right: 10px;
}

.recup-etape.usb.etape-2 {
  top: 195px;
  left: 10px;
}

.recup-etape.usb.etape-3 {
  top: 215px;
  right: 10px;
}

.recup-etape.usb.etape-4 {
  top: 360px;
  left: 10px;
}

.recup-etape.usb.etape-5 {
  top: 380px;
  right: 10px;
}

.recup-etape.usb.etape-1 h3 {
  color: #b07667;
}

.recup-etape.usb.etape-1 h3 .rstep {
  color: #b07667;
}

.recup-etape.usb.etape-2 h3 {
  color: #94c43c;
}

.recup-etape.usb.etape-2 h3 .rstep {
  color: #94c43c;
}

.recup-etape.usb.etape-3 h3 {
  color: #2fed76;
}

.recup-etape.usb.etape-3 h3 .rstep {
  color: #2fed76;
}

.recup-etape.usb.etape-4 h3 {
  color: #36ffb9;
}

.recup-etape.usb.etape-4 h3 .rstep {
  color: #36ffb9;
}

.recup-etape.usb.etape-5 h3 {
  color: #47bfd8;
}

.recup-etape.usb.etape-5 h3 .rstep {
  color: #47bfd8;
}

.recup-etape.usb p span {
  color: #ad0000;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 14px;
  line-height: 1.4rem;
  display: inline-block;
}

/* ----------- */

/* Pannes */

h3.titre-pannes, h4.titre-pannes {
  font-size: 18px;
  line-height: 18px;
  line-height: 1.8rem;
  font-weight: bold;
  font-size: 1.8rem;
  color: #000;
}

.col.pannes {
  padding: 1rem 1.5rem 0.5rem 0.5rem;
  border: 1px solid #f1f1f1
}

.pannes {
  background-color: #dedede;
  color: #000;
}

.desc-pannes p {
  text-align: justify;
  font-size: 15px;
  font-size: 1.5rem;
}

.desc-pannes p strong {
  font-weight: 300;
  color: #286f55;
}

.img-pannes {
  margin: 0 auto;
  max-height: 130px;
}

.caption-pannes {
  color: #ad0000;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 11px;
  line-height: 1.1rem;
  text-align: center;
  margin: 0
}

.outro-pannes {
  text-align: center;
  font-style: italic;
  font-size: 14px;
  font-size: 1.4rem;
}

/* -------- */

/* Technique */

.panel-technique {
  background: rgba(249, 249, 249, 0.75);
  padding: 20px 30px
}

.panel-technique p { text-align: justify; font-size: 16px; font-size: 1.6rem; }

/* --------- */

/* Citation */

/* -------- */

.bg-section-citation {
  background-image: url('./img/landing/bg-mot-du-technicien.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 0
}

.citation {
  padding: 0 55px;
  margin-bottom: 40px;
  position: relative;
}

.citation h2 {
  margin: 0 0 25px;
}

.citation:first-child {
  margin-bottom: 20px
}

.citation.with-quote:before, .citation.with-quote:after {
  display: block;
  position: absolute;
  font-size: 50px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  color: #5c5c5b;
}

.citation.with-quote:before {
  top: 0;
  left: -5px;
  content: "\f10d";
  font-family: FontAwesome;
}

.citation.with-quote:after {
  bottom: 0;
  right: -5px;
  content: "\f10e";
  font-family: FontAwesome;
}

.citation p {
  text-align: justify;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
}

/* Smartphone */

.img-logo {
  margin: 20px auto;
}

/* --------- */

/* Datalab Se compare */

.text-info-compare p {
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0 0 10px
}

.google-greed img {
  margin-bottom: 5px;
}

.google-greed img:nth-child(odd) {
  margin-right: auto;
}

.google-greed img:nth-child(even) {
  margin-left: auto;
}

.bg-monde-entier {
  min-height: 800px;
}

h2.accroche_monde_entier {
  color: #fff;
}

.schema-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.schema-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-size: contain
}

.schema-col {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  max-width: 180px;
  padding: 0 10px;
}

.schema-col h3 {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.8rem;
  line-height: 18px;
  font-weight: bold;
  margin-top: 20px;
}

.schema-col p {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: justify;
  margin: 0;
  color: #8d8d8d
}

.schema-container>.schema-col:nth-of-type(even) {
  position: relative;
  top: -100px;
}

#choix-labo.schema-container>.schema-col:nth-child(1) h3 {
  color: #577f8b;
}

#choix-labo.schema-container>.schema-col:nth-child(2) h3 {
  color: #11afb0;
}

#choix-labo.schema-container>.schema-col:nth-child(3) h3 {
  color: #39799d;
}

#choix-labo.schema-container>.schema-col:nth-child(4) h3 {
  color: #32827f;
}

#choix-labo.schema-container>.schema-col:nth-child(5) h3 {
  color: #737373;
}

#engagements.schema-container>.schema-col:nth-child(1) h3 {
  color: #919191;
}

#engagements.schema-container>.schema-col:nth-child(2) h3 {
  color: #36804d;
}

#engagements.schema-container>.schema-col:nth-child(3) h3 {
  color: #369c7a;
}

#engagements.schema-container>.schema-col:nth-child(4) h3 {
  color: #07b444;
}

#engagements.schema-container>.schema-col:nth-child(5) h3 {
  color: #558a72;
}

/*------------------------------------*\
/* END Landing page style */

/*------------------------------------*/

/*------------------------------------*\
/* Deviseur RAID SERVEUR */

/*------------------------------------*/

.case-icone .icone.devis img {
  opacity: 1;
}

.input-label input {
  display: inline-block;
  max-width: 215px;
  padding: 8px;
  border: 1px #CECECE solid;
  background-color: #CECECE;
  color: #000;
}

.input-label.input-calcul input {
  max-width: 140px
}

.input-label input:focus {
  border: 1px #9b9b9b solid;
}

.input-label input[type="submit"] {
  margin-left: 10px;
}

.input-label label {
  font-weight: 700;
  color: #000;
  margin-right: 10px;
  margin-left: 10px;
}

.input-label label:first-child {
  margin-left: 0;
}

.input-label p {
  margin: 0;
  text-align: right;
  font-weight: 700;
  color: #000;
  margin-right: 10px
}

.input-label p em {
  font-weight: normal;
}

.input-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.col.raid-container {
  padding: 0 .3rem 1rem;
}

.raid-container input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.raid-container input:focus {
  border: 0
}

.raid-cc.raid-1 {
  background-image: url('img/illustrations/raid-1.png');
}

.raid-cc.raid-0 {
  background-image: url('img/illustrations/raid-0.png');
}

.raid-cc.raid-5 {
  background-image: url('img/illustrations/raid-5.png');
}

.raid-cc.raid-6 {
  background-image: url('img/illustrations/raid-6.png');
}

.raid-cc.raid-10 {
  background-image: url('img/illustrations/raid-10.png');
}

.raid-cc.inconnu {
  background-image: url('img/illustrations/raid-inconnu.png');
}

.raid-container input:active+.raid-cc {
  opacity: .9;
}

.raid-container input:checked+.raid-cc {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.raid-container span {
  display: block;
  text-align: center;
  min-height: 70px;
  margin: 0 auto;
  font-style: italic;
  color: #000
}

.raid-cc {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 auto;
  width: 170px;
  height: 120px;
  background-position: center center;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.raid-card {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 1rem 1rem;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}

.raid-card:hover {
  cursor: pointer;
  opacity: 0.75;
}

.raid-0-card {
  background-image: url('img/illustrations/raid-1-bg.jpg')
}

.raid-1-card {
  background-image: url('img/illustrations/raid-0-bg.jpg')
}

.raid-5-card {
  background-image: url('img/illustrations/raid-5-bg.jpg')
}

.raid-6-card {
  background-image: url('img/illustrations/raid-6-bg.jpg')
}

.raid-10-card {
  background-image: url('img/illustrations/raid-10-bg.jpg')
}

.raid-inconnu-card {
  background-image: url('img/illustrations/raid-inconnu-bg.jpg')
}

.raid-card+strong {
  color: #000;
  text-align: center;
  margin: 10px auto 0
}

.raid-card:hover+strong, .raid-card.checked+strong {
  color: #1f9f70;
}

#loader {
  background-image: url('img/elements/ajax-loader.gif');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  -webkit-transition: all 500ms;
  /* Safari */
  transition: all 500ms;
}

#full-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9988;
  background: url('img/datalabcenter-ajax-loader-full.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.75);
}

p.alert {
  color: red;
  text-align: center;
  margin: 5px auto;
}

.input-label input.submit-calculer, .input-label input.submit-telecharger {
  width: 140px;
  max-width: 140px;
  background-position: 10px 8px, right center;
  background-repeat: no-repeat, repeat-x;
  background-size: 31px 25px, cover;
  line-height: 39px;
  border-radius: 0;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 35px;
  color: #e4e4e4;
  -webkit-transition: all 100ms;
  transition: all 100ms;
  border: 0
}

.input-label input.submit-calculer {
  background-image: url(img/elements/arrow-rotate.png), url(img/elements/bg-btn-contact.jpg);
  background-size: 24px 24px, contain;
  width: 120px;
}

.input-label input.submit-telecharger {
  background-image: url(img/elements/download-icon.png), url(img/elements/bg-btn-contact.jpg);
  background-size: 28px 26px, contain;
  width: 210px;
  max-width: 210px;
  background-position: 10px 7px, right center;
}

.input-label input.submit-calculer:hover, .input-label input.submit-telecharger:hover {
  opacity: 0.75;
  cursor: pointer;
}

input.preference {
  position: absolute;
  left: -2000px;
}

.res-devis-raid {
  font-weight: 700;
  text-align: center;
}

.img-arrow-sep {
  margin: 0 20px;
}

/*------------------------------------*\
/* END Deviseur RAID SERVEUR */

/*------------------------------------*/

/*------------------------------------*\
/* Experience */

/*------------------------------------*/

.support-selector input, .service-selector input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.support-selector input:focus, .service-selector input:focus {
  border: 0
}

.media-selector input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
}

.media-selector input:focus {
  border: none;
  outline: 0;
}

.media-selector input:active+.experience-cc, .media-selector input:active+.diagnostic-cc {
  opacity: .9;
}

.media-selector input:checked+.experience-cc, .media-selector input:checked+.diagnostic-cc {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.media-selector img {
  height: 115px;
  width: auto;
  margin: 0 auto;
}

.media-label {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  text-align: center;
  display: block;
  margin-top: 3px;
  line-height: 18px
}

.media-label.red, .content-diagnostic p strong.red {
  color: #c66d6d;
}

.media-label.brown, .content-diagnostic p strong.brown {
  color: #9e9986;
}

.media-label.mg {
  margin-top: 5px;
  font-size: 17px;
}

.experience-cc, .diagnostic-cc {
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  width: 140px;
  height: 115px;
  background-position: center center;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.experience-cc:hover, .diagnostic-cc:hover, .btn-reset-form:hover {
  opacity: 0.75
}

.service-selector {
  clear: both;
  position: relative;
}

#filter-experience {
  position: relative
}

.grd-input-experience div:not(:last-child) {
  padding: 0 0.5rem;
  min-width: 250px;
}

.filter-experience-field {
  width: 100%;
  padding: 8px;
  border: 1px #eaeaea solid;
  background-color: #eaeaea;
  color: #8c8c8c;
  height: 40px
}

.filter-experience-field[disabled] {
  background-color: #e1e1e1;
  border: 1px solid #eaeaea;
}

.filter-experience-field:focus {
  outline: 0;
  border: 1px #c4c4c4 solid;
}

.filter-experience-field::-webkit-input-placeholder, .filter-experience-field:-ms-input-placeholder, .filter-experience-field::-ms-input-placeholder {
  color: #8c8c8c;
}

.filter-experience-field:-moz-placeholder, .filter-experience-field::-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
}

.btn-reset-form {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  background: transparent;
  font-weight: 700;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.btn-reset-form i.fa {
  font-size: 2rem;
  font-size: 20px;
  margin-right: 5px
}

.exp-reinit:hover {
  cursor: pointer;
}

.logo-legend {
  text-align: center;
  margin: 0 auto;
  color: #000;
  font-size: 14px;
  margin-top: 20px;
}

p.advertise-exp {
  text-align: center;
  margin: 30px auto 0;
  color: #000;
  font-size: 16px;
  font-style: italic;
}

.panel-experience {
  background-color: #e5e5e5;
  margin: 1px;
}

.illustration-experience {
  position: relative;
}

.logo-media {
  margin: 0 auto;
  height: 110px;
}

.logo-panne {
  width: 39px;
  margin: -35px auto 0;
  height: 39px;
}

.contenu-experience {
  font-weight: 700
}

.contenu-experience h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #000;
  margin-bottom: 0;
  margin-top: 10px;
}

.contenu-experience h3+p {
  margin-top: 0;
}

.contenu-experience p {
  color: #545454;
  font-size: 14px;
  font-size: 1.4rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.pannes-percent {
  font-size: 45px;
  font-size: 4.5rem;
  line-height: 45px;
  line-height: 4.5rem;
  color: #286f55;
}

.panel-symptomes {
  background-color: #f1f1f1;
  padding: 0 60px;
  position: relative;
  margin: 0 auto;
  max-width: 500px;
}

.panel-symptomes:before {
  top: 5px;
  left: 10px;
  content: "\f10d";
  font-family: FontAwesome;
}

.panel-symptomes:after {
  bottom: -10px;
  right: 5px;
  content: "\f10e";
  font-family: FontAwesome;
}

.panel-symptomes:before, .panel-symptomes:after {
  display: block;
  position: absolute;
  font-size: 60px;
  line-height: 60px;
  width: 60px;
  height: 70px;
  color: #5c5c5b;
}

.panel-symptomes ul {
  overflow: inherit;
}

.panel-symptomes ul li {
  font-style: italic;
  color: #000;
  padding: 5px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  line-height: 1.6rem;
}

.panel-symptomes ul li:first-child {
  padding-top: 10px
}

.panel-symptomes ul li:last-child {
  padding-bottom: 10px
}

/*------------------------------------*\
/* END Experience */

/*------------------------------------*/

/*------------------------------------*\
/* Select 2 JS override */
/* Theme Color override*/

/*------------------------------------*/

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #16a085 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background: #16a085;
  color: #fff;
  opacity: 0.8;
}

.select2-container .select2-choice {
  border: 2px solid #dce4ec;
  height: 36px;
  border-radius: 0px;
  font-size: 14px;
  text-indent: 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
}

.select2-container *:focus {
  outline: 0px;
}

.select2-container--default .select2-selection--single {
  border-radius: 0px;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #dce4ec;
  border-radius: 0px;
}

.select2-drop {
  margin-top: -2px;
  border: 2px solid #dce4ec;
  border-top: 0;
  border-radius: 0px !important;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-drop.select2-drop-above {
  margin-top: 2px;
  border-top: 2px solid #dce4ec;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container .select2-choice div {
  border-left: 2px solid #dce4ec;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
}

.select2-search {
  margin-top: 3px;
}

.select2-search input {
  height: 30px !important;
  border: 2px solid #dce4ec;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
  border: 2px solid #dce4ec;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-dropdown-open .select2-choice {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-dropdown-open .select2-choice div {
  background: transparent;
  border-left: none;
  -webkit-filter: none;
  filter: none;
}

.select2-results .select2-highlighted {
  background: #16a085;
  color: #fff;
  border-radius: 0px;
}

.select2-results {
  padding: 0 0 0 0px;
  margin: 4px 0px 0px 0;
}

.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  border: 2px solid #dce4ec;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 2px solid #dce4ec;
  border-radius: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container .select2-choice .select2-arrow {
  border: 0px;
  border-radius: 0px;
  background: transparent;
  background-image: none;
}

/*New Changes*/

.select2-container--default .select2-selection--single {
  background: #eaeaea;
  border: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #16a085;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #8c8c8c;
  line-height: 40px;
}

.select2-container .select2-selection--single {
  height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #9a9a9a transparent transparent transparent;
  top: 60%;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #9a9a9a transparent;
}

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
  background: #eaeaea;
  border: 0
}

/* ---- Tags Style ---- */

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #eaeaea;
  color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 0px;
  padding: 3px 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #16a085;
  margin-right: 6px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 6px;
  float: right;
}

/* ---- */

/* ---- Tags Outer border ---- */

.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #16a085;
}

/* ---- */

/* ---- Placeholder Text Color ---- */

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 30px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #e1e1e1;
  border: 1px solid #eaeaea;
}

/* ---- */

/*------------------------------------*\
/* END Select 2 JS override */
/* END Theme Color override*/

/*------------------------------------*/

/*------------------------------------*\
/* Logo slide */

/*------------------------------------*/

.container-logo-slide {
  background: url('img/experience/datalabcenter-fond-logo-slide.png') no-repeat center right;
  background-size: contain;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.container-logo-slide img {
  margin-right: 2%;
}

/*------------------------------------*\
/* END Logo slide */

/*------------------------------------*/

/*------------------------------------*\
/* 404 page */

/*------------------------------------*/

section.head-slider .text-fixed .presentation.c-404 {
  max-width: inherit;
}

.head-slider p.h-404 {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 3.4rem;
}

.intro-404 h1 {
  font-size: 36px;
  font-size: 3.6rem
}

.intro-404 a {
  font-weight: bold;
  text-align: center;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 15px auto;
}

.intro-404 p {
  color: #000;
  font-size: 18px;
  font-size: 1.8rem
}

.bg-404 {
  background: #ffffff url("img/datalabcenter-fond-page-404.jpg") no-repeat center center;
  background-size: cover;
  min-height: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.bg-404 h2 {
  font-size: 30rem;
  line-height: 30rem;
  text-align: center;
  color: #000;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
}

a.link-404 {
  color: #5cb192;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem
}

/*------------------------------------*\
/* END 404 page */

/*------------------------------------*/

/*------------------------------------*\
/* Template Marques  */

/*------------------------------------*/

.logo-marque {
  padding: 20px 30px
}

.logo-marque img {
  margin: 0 auto;
}

.logo-marque a {
  display: block;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

.logo-marque a:hover, .logo-marque a:focus {
  opacity: 0.75;
}

/*------------------------------------*\
/* END Template Marques  */

/*------------------------------------*/

/*------------------------------------*\
/* Page FAQ */

/*------------------------------------*/

article.type-faq ul {
    list-style-type: disc;
}

/*------------------------------------*\
/* END Page FAQ */

/*------------------------------------*/

/*------------------------------------*\
/* Page Glossaire */

/*------------------------------------*/

.glossaire_lettre_liste {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f1f1f1;
  padding: 0;
  margin: 20px auto;
  width: 100%
}

.glossaire_lettre_liste>li {
  padding: 10px 8px;
}

.glossaire_lettre_liste>li a, .glossaire_lettre_liste>li span {
  color: #5cb192;
  font-size: 30px;
  font-size: 3rem;
  line-height: 30px;
  line-height: 3rem;
  font-weight: bold;
}

.glossaire_lettre_liste>li span {
  opacity: 0.75;
}

.letter_title {
  display: inline-block;
  padding: 10px 0px;
  background-color: #f1f1f1;
  margin: 20px 0 10px;
  width: 55px;
  line-height: 30px;
  line-height: 3rem;
  text-align: center;
}

article.archive-glossaire {
  text-align: justify;
  padding: 0
}

article.archive-glossaire p {
  text-align: justify;
}

article.archive-glossaire h3 {
  margin-top: 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-weight: bold;
}

.glossaire-back {
  color: #5cb192;
  font-weight: bold;
}

article.archive-glossaire a:hover {
  margin-bottom: 10px;
}

article.archive-glossaire a:hover {
  color: #74dab2;
}

/*------------------------------------*\
/* END Page Glossaire */

/*------------------------------------*/

/*------------------------------------*\
/* Pré-diagnostic */

/*------------------------------------*/

.btn-step {
  background-color: #74dab2;
  color: #fff;
  padding: 15px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  outline: 0;
  margin: 10px auto;
  font-size: 1.1rem;
  font-size: 18px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease;
}

.btn-step:hover, .btn-step:focus {
  /* background-color: #60d5a7; */
  opacity: 0.8;
  border: 0; /* input:focus style;css 4449 */
  cursor: pointer;
}

#reload-diagnostic.btn-step {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#reload-diagnostic.btn-step i {
  margin-right: 10px;
  line-height: 20px;
}

.question-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* One radio button per line */

[type="radio"].radio_diag {
  border: 0;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
  visibility: hidden;
}

label.label_diag {
  display: block;
  cursor: pointer;
  /*hand view when on hover*/
  padding: 6px 0;
}

[type="radio"].radio_diag+span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  padding-left: 45px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: relative;
}

/* the basic, unchecked style */

[type="radio"].radio_diag+span:before {
  content: '';
  display: inline-block;
  width: 24px;
  position: absolute;
  height: 24px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  margin-top: -12px;
  border: 2px solid #9c9c9c;
  -webkit-transition: 0.5s ease all;
  transition: 0.5s ease all;
  background-color: #cecece;
  -webkit-box-shadow: inset 0 0 0 4px #cecece;
  box-shadow: inset 0 0 0 4px #cecece;
}

/* the checked style using the :checked pseudo class */

[type="radio"].radio_diag:checked+span:before {
  background-color: #4fa585;
}

#step1, #step2, #step3 {
  /* olé ! */
  position: relative;
}

#step2, #step3 {
  display: none
}

.step-completed {
  background-color: rgba(28, 28, 28, 0.75);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.number-step-list {
  text-align: center;
  color: #5cb192;
  font-size: 7.2rem;
  font-size: 72px;
  font-weight: bold;
  margin: 0;
  opacity: .5;
}

.page-content .sep-step-list {
  width: 250px;
  margin: 25px auto;
  display: block;
  background: #5cb192;
  height: 4px;
  padding-bottom: 0
}

.page-content .sep-step-list:before {
  content: none;
}

/* ---- Resultats diagnostic ---- */

.results-diagnostic.panel {
  padding: 10px 15px;
}
.results-diagnostic.panel:not(.no-cursor):hover {
  cursor: pointer;
}

.results-diagnostic.panel img {
  margin: 10px auto;
  max-height: 110px;
}

.results-diagnostic.panel p:last-child {
  margin-bottom: 5px;
}

.results-diagnostic p {
  margin: 20px 0;
  text-align: justify;
}

.results-diagnostic p.text-center {
  /* woah */
  text-align: center;
}

.results-diagnostic p small {
  color: #898989;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4rem;
  line-height: 14px;
}

.results-diagnostic p em {
  color: #898989;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4rem;
  line-height: 14px;
}

/* ---- resultats diagnostic v 1.3.3 ---- */

.results-diagnostic.logique, .results-diagnostic.physique {
  border: 2px solid #66645c;
}

.results-diagnostic h3 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 2.6rem;
  line-height: 26px;
  text-align: center;
}

.results-diagnostic h4 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 2rem;
  line-height: 20px;
  text-align: center;
}

.results-diagnostic h4 small {
  color: #65625b;
  font-weight: 100
}

.results-diagnostic h4 small strong { font-weight: 700 }

.results-diagnostic .extensions {
  text-align: center;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8rem;
  line-height: 18px;
}

.results-diagnostic .extensions.amovibles { min-height: 75px; }

.color-essentielle,
.results-diagnostic.essentielle h3,
.results-diagnostic.essentielle h4,
.results-diagnostic.essentielle .lead,
.results-diagnostic.logique h3,
.results-diagnostic.logique h4 {
  color: #759243;
}

.results-diagnostic.essentielle h4, .results-diagnostic.logique h4 {
  color: #759243;
}

.results-diagnostic .lead {
  font-size: 16px;
  font-size: 1.6rem;
}

.results-diagnostic h4 span.price, .results-diagnostic h4 span.price, .results-diagnostic .lead span {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 2.4rem;
  line-height: 24px;
}

.color-complete,
.results-diagnostic.complete h3,
.results-diagnostic.complete h4,
.results-diagnostic.complete .lead,
.results-diagnostic.physique h3,
.results-diagnostic.physique h4 {
  color: #787196;
}

/* ---- */

.download-diagnostic {
  background-color: #d7d7d7;
  width: 100%;
  color: #3e4e48;
  /* border: 2px solid #66645c;
  border-top: 0; */
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-size: 1.8rem;
}

.download-diagnostic:hover, .download-diagnostic:focus {
  cursor: pointer;
  color: #111
}

.download-diagnostic i {
  margin-right: 10px;
  color: #222222;
  font-size: 26px;
}

.download-diagnostic+.wpcf7 {
  display: none
}

.download-diagnostic+.wpcf7 .demande-dossier {
  padding: 20px 15px 10px;
}

#reload-diagnostic:hover {
  cursor: pointer;
  opacity: 0.75;
}

#reload-diagnostic h2 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 84px;
  line-height: 8.4rem;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

#reload-diagnostic h2 i {
  color: #8e8e8e;
  font-size: 84px;
  font-size: 8.4rem;
  margin-right: 30px !important;
  /* shame */
}

#pre-diagnostic-conseils, #pre-diagnostic-estimation {
  position: relative;
}

a.diagnostic-scrollto, a.devis-scrollto {
  position: absolute;
  right: 10%;
  top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  color: #bbb;
  z-index: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
}

a.diagnostic-scrollto i,
a.devis-scrollto i {
  font-size: 72px;
}

a.devis-scrollto {
  bottom: 40px;
  top: inherit;
}

/*------------------------------------*\
/* END Pré-diagnostic */

/*------------------------------------*/

/*------------------------------------*\
/* Header v3 */

/*------------------------------------*/

header.header {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
  z-index: 9990;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

header.header .logo img {
  height: 70px;
}

header.header nav.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 10px 0;
  width: 100%;
}

.wrapper-body {
  padding-top: 91px;
}

/* uggly fix for nav box shadow */

section.head-slider .text-fixed,
.page-content,
main .section-large:first-child .wrapper-ultra-wide.page-content .container-fluid.bg-vert:first-child {
  margin-top: 0;
}

#responsive-menu, #click-menu {
  position: fixed;
}

header.header nav.menu ul>li div.sub-menu .inner {
  min-width: 370px;
  padding-bottom: 5px;
}

img.icon-menu {
  height: auto;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  width: auto;
  height: 30px;
  -ms-flex-item-align: center;
  align-self: center;
}

img.icon-sub-menu {
  width: 20px;
  height: auto;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

header.header nav.menu ul>li div.sub-menu .inner .sub-table ul li {
  padding: 5px 0;
}

header.header nav.menu ul>li div.sub-menu .inner .sub-table ul li a {
  font-size: 16px;
  vertical-align: middle;
  width: auto;
  font-weight: 300;
}

header.header nav.menu ul li a {
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
}

.header.header nav.menu>ul>li {
  padding: 5px 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0 12px;
}

.header.header nav.menu>ul>li:first-child {
  padding-left: 0;
}

.header.header nav.menu>ul>li:last-child {
  padding-right: 0;
}

header.header nav.menu ul {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 20px;
}

.header.header nav.menu ul, .coordonnes-header {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.coordonnes-header .textwidget * {
  margin: 0 !important;
  line-height: 20px !important;
  font-weight: bold;
  color: #9fa1a0;
}

/*------------------------------------*\
/* END Header v3 */

/*------------------------------------*/

/*------------------------------------*\
/* Section cellule urgence */

/*------------------------------------*/

.bg-urgence {
  background-color: #6e0000;
  padding-left: 50px;
  padding-right: 50px;
}

.urgence-intro h2 {
  color: #c8c8c8;
  margin-bottom: 0
}

.urgence-intro p {
  color: #c8c8c8;
  margin: 0
}

.urgence-btn {
  color: #000;
  font-size: 2.6rem;
  font-size: 26px;
  line-height: 2.6rem;
  line-height: 26px;
  font-weight: 700;
  background-color: #c8c8c8;
  padding: 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 390px;
  margin: 25px 0;
  -webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.69), 2px 3px 7px 0px rgba(0, 0, 0, 0.69);
  box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.69), 2px 3px 7px 0px rgba(0, 0, 0, 0.69);

}

.urgence-btn:hover {
  -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease;
}

.urgence-text-reassurance {
  color: #c8c8c8;
  font-size: 2.1rem;
  font-size: 21px;
  line-height: 2.1rem;
  line-height: 21px;
  font-weight: 700;
}

/*------------------------------------*\
/* END Section cellule urgence */

/*------------------------------------*/

/*------------------------------------*\
/* Section marques home */

/*------------------------------------*/

.logo-marque.home {
  padding: 5px 15px
}

.logo-marque.home a {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.logo-marque.home a:hover, .logo-marque.home a:focus {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  opacity: 1;
}

/*------------------------------------*\
/* END Section marques home */

/*------------------------------------*/

/*------------------------------------*\
/* Section home CHKfiles */

/*------------------------------------*/

.title-file {
  font-size: 2.2rem;
  font-size: 22px;
  line-height: 2.2rem;
  line-height: 22px;
  margin: 0 0 0 15px;
}

.title-file.ok {
  color: #5cb192;
}

.title-file.hs {
  color: #b7494a;
}

/*------------------------------------*\
/* END Section home CHKfiles */

/*------------------------------------*/

/*------------------------------------*\
/* Media queries */

/*------------------------------------*/

@media screen and (max-width: 1670px) {
  .row-argument {
    padding: 0 25px;
    margin: 0;
  }
  .argument {
    padding-left: 10px;
    padding-right: 10px;
  }
  .argument.argument-non h3, .argument.argument-oui h3 {
    font-size: 28px;
    font-size: 2.8rem;
  }
  a.diagnostic-scrollto, a.devis-scrollto {
    right: 5%;
    top: 10px;
  }
  a.devis-scrollto { top: inherit; bottom: 10px; }
}

@media screen and (max-width: 1514px) {
  .header.header nav.menu>ul>li {
    padding: 0 8px;
  }
}

@media screen and (max-width: 1480px) {
  .row-argument {
    padding: 0 15px;
    margin: 0;
  }
  .argument.argument-non h3, .argument.argument-oui h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 1450px) {
  header.header nav.menu ul li a {
    font-size: 1.4rem;
    font-size: 14px;
  }
  header.header nav.menu ul>li div.sub-menu .inner .sub-table ul li a {
    font-size: 1.4rem;
    font-size: 14px;
  }
  header.header .logo img {
    height: 60px;
  }
  .wrapper-body {
    padding-top: 80px;
  }
}

@media screen and (max-width: 1380px) {
  .header.header nav.menu>ul>li {
    padding: 0 15px;
  }
  img.icon-menu {
    display: none
  }
}

/* */
@media only screen and (max-width: 1280px) {
  .list.actualites.archive h2,
  .list.actualites.archive .h2 {
    min-height: 78px;
  }
}


@media only screen and (max-width: 1200px) {
  .argument.argument-non h3, .argument.argument-oui h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .experience-cc, .diagnostic-cc {
    width: 120px;
    height: 100px;
  }
  a.diagnostic-scrollto,
  a.devis-scrollto {
    right: 2%;
    top: 10px;
    font-size: 16px
  }
  a.devis-scrollto { top: inherit; bottom: 10px }
  a.diagnostic-scrollto i,
  a.devis-scrollto i {
    font-size: 54px;
  }
  header.header nav.menu>ul>li::after {
    content: none;
  }
  .header.header nav.menu>ul>li {
    padding: 0 12px;
  }
}

@media only screen and (max-width: 1024px) {
  .argument.argument-non h3, .argument.argument-oui h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .media-label {
    font-size: 16px;
    line-height: 16px;
  }
  .experience-cc, .diagnostic-cc {
    width: 100px;
    height: 80px;
  }
  .header.header .logo img {
    max-width: 100%
  }
  .wrapper-body {
    padding-top: 60px;
  }
}

@media screen and (max-width: 879px) {

  p, ul, ol, li, pre, address, .address, .p { line-height: 22px; line-height: 2.2rem; }
  h1, h1 a, .h1, .h1 a,
  h2, h2 a, .h2, .h2 a { margin-bottom: 20px; }
  section.padded { padding-top: 20px; padding-bottom: 20px;}

  .schema-col p { font-size: 1.6rem; font-size: 16px }

  .taglist {
    text-align: center;
    margin-top: 20px
  }
  .container.gutter-40, .container-fluid.gutter-40 {
    margin: inherit;
  }
  .alignright, .alignleft {
    float: none;
    text-align: center;
  }
  .grid-rappel .text-condensed {
    width: 85%;
  }
  .grid-captcha {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .case-icone .icone, .case-icone .texte {
    height: 115px;
  }
  .img-arrow-sep {
    display: none;
  }
  .mg-bot-line {
    margin-bottom: 0
  }
  .submit-calculer {
    margin-bottom: 0px;
  }
  .input-label, .input-label.input-calcul input {
    max-width: 100%;
  }
  .input-label.responsive-fallback {
    /* # marouflerie */
    max-width: 205px;
    margin: 0 auto;
    flex-flow: column wrap;
  }
  .submit-telecharger {
    margin-top: 10px;
    margin-left: 0
  }
  .input-label input[type="submit"].submit-telecharger {
    margin-left: 0
  }
  .input-label p {
    text-align: center;
    width: 100%;
    margin-bottom: 10px
  }
  .bg-monde-entier {
    min-height: 400px;
  }
  .schema-container::before {
    display: none
  }
  #engagements.schema-container, #choix-labo.schema-container {
    height: auto;
    padding-top: 0 !important;
  }
  .schema-container>.schema-col:nth-of-type(even) {
    top: inherit;
  }
  .schema-col {
    max-width: inherit;
    padding: 0;
  }
  .recup-etape.usb.etape-1, .recup-etape.usb.etape-2, .recup-etape.usb.etape-3, .recup-etape.usb.etape-4, .recup-etape.usb.etape-5 {
    top: inherit;
    right: inherit;
    left: inherit;
    margin-top: 10px
  }
  .row-argument {
    padding: 0
  }
  .breadcrumbs {
    padding: 10px 4px 0;
  }
  .landing-contact {
    text-align: right
  }
  .landing-telephone:before, .landing-horaires:before {
    left: -0
  }
  .or-sep {
    display: block;
    text-align: center;
  }
  .argument.argument-non h3, .argument.argument-oui h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .bg-blog {
    min-height: 160px;
  }
  body#body footer.footer .infos .row>div a.ic-link-help, body#body footer.footer .infos .row>div a.ic-link, body#body footer.footer .infos .row>div p.ic-text {
    display: block;
    /*margin: 0 auto!important;*/
  }
  .support-container span {
    display: block;
    text-align: center !important;
  }
  .post-title-bar {
    padding: 0 10px
  }
  .post-title-bar .post-meta {
    margin-bottom: 20px
  }
  footer.footer .h1 {
    text-align: center;
  }
  .filter-experience-field {
    margin-bottom: 5px;
  }
  .bg-404 {
    min-height: 300px;
  }

  .select2-container {
    margin: 0 0 6px 0;
  }
  .experience-cc, .diagnostic-cc {
    width: 80px;
    height: 70px;
  }
  .media-label {
    font-size: 14px;
    line-height: 14px;
  }
  .btn-reset-form {
    margin: 10px auto;
  }
  h3.faq-question {
    font-size: 18px;
    line-height: 20px;
  }
  .glossaire_lettre_liste>li a, .glossaire_lettre_liste>li span {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
  }
  .media-label.mg {
    font-size: 14px
  }
  a.diagnostic-scrollto {
    position: relative;
    font-size: 16px;
    top: inherit;
    right: inherit;
  }
  a.diagnostic-scrollto i {
    font-size: 32px;
  }
  #reload-diagnostic h2 i {
    font-size: 58px;
    font-size: 5.8rem;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }
  [type="radio"].radio_diag+span {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    vertical-align: middle;
    display: inline-block;
    padding-left: 35px;
  }
  [type="radio"].radio_diag+span::before {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }
  .page-content .sep-step-list {
    margin: 10px auto;
  }
  .number-step-list {
    font-size: 3.6rem;
    font-size: 36px;
    line-height: 3.6rem;
    line-height: 36px;
  }
  .header.header nav.menu ul, .coordonnes-header {
    display: none;
  }
  header.header nav.menu {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  header.header .logo img {
    height: 40px;
  }
  .cta-image { margin-bottom: 20px; width: 100%; }
  #paiement.reassurance { margin-bottom: 30px }
  .reassurance h3 { right: 25% }
  .reassurance.alternative h3 { left: 25% }
  .logo-marque.home img { max-height: 50px }
  .logo-marque.home {
    padding: 10px 5px
  }
  .bg-urgence {
    padding-left: 10px;
    padding-right: 10px;
  }

  .faq-arrow {
    height: 20px;
    margin-left: auto;
    margin-right: 0;
    margin-top: 5px;
  }

  .media-selector img { height: auto; }

  .results-diagnostic.complete,
  .results-diagnostic.physique {
    margin-top: 20px
  }

  .few-words {
    padding-left: 0;
    margin-top: 20px;
  }

  .list.actualites:not(.single) {
    margin-right: 0
  }

}

@media only screen and (max-width: 568px) {
  .list.actualites.archive h2, .list.actualites.archive .h2, .new-excerpt p {
    min-height: inherit;
  }
}

@media screen and (max-width: 540px) {
  .bg-404 {
    min-height: 200px;
  }
  section>.wrapper-wide.page-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  #responsive-menu .responsive-menu li li a {
    padding-left: 5% !important;
    font-size: 14px !important;
  }
  #paiement.reassurance { margin-bottom: 0 }
  #francais.reassurance { margin-bottom: 20px; }
  .reassurance.alternative {
    margin-top: 10px;
  }
}

/*------------------------------------*\
/* End Media queries */

/*------------------------------------*/