html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin: 0; padding: 0;}
table {border-collapse: collapse;}
img {border: none;}
ul, ol {margin-left: 20px; padding-bottom: 30px; line-height: 19px;}
p {padding-bottom: 15px;}
.clear {height: 1px; clear: both;}
.clear1 {height: 20px; clear: both;}
.clear2 {height: 30px; clear: both;}
.clear-photos {height: 6px; clear: both;}
a {text-decoration: none; color: #1e1e1e;}
a:hover {text-decoration: underline;}
figure {padding: 0; margin: 0; display: inline-block;}
b {font-weight: 600;}

@font-face {
    font-family: 'Roboto';
    src: url('/front/fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/front/fonts/Manrope-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/front/fonts/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/front/fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/front/fonts/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Questrial';
    src: url('/front/fonts/ChakraPetch-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/front/fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/front/fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/front/fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/front/fonts/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

html {height: 100%}
body {position: relative; padding-bottom: 242px; min-height: 100%; font-family: 'Roboto', arial; font-size: 18px; color: #222222;}

input, textarea {outline: none;} /* Permet d'enlever la bordure de sélection du navigateur qui se met autour du champ */

h1 {font-family: 'Questrial', arial; padding-bottom: 45px; padding-top: 20px; font-size: 34px; font-weight: normal; text-align: center;}
h2 {font-family: 'Questrial', arial; padding-bottom: 45px; padding-top: 20px; font-size: 34px; font-weight: normal; text-align: center;}


#en-tete {width: 100%; height: 88px; background-color: white; position: fixed; top: 0; z-index: 2; box-shadow: rgba(0,0,0,.20) 0 1px 4px; transition-duration: 0.2s;}
#en-tete .en-tete-fix {position: relative; max-width: 1460px; margin: auto; padding: 0 20px;}
#en-tete .logo {float: left; padding: 0; text-align: center; width: 274px; height: 165px; /*background-image: url("/front/img/fond-logo.png"); background-position: 0 72px; background-repeat: no-repeat;*/ transition-duration: 0.2s;}
#en-tete .logo a {z-index: 20; position: absolute; left: 20px; top: 9px; display: block; transition-duration: 0.2s;}
#en-tete .logo a:hover {text-decoration: none;}
#en-tete .logo a img {transition-duration: 0.2s; width: 185px;}
#en-tete .cover-fond {z-index: 10; position: absolute; background: white; width: 274px; height: 72px; transition-duration: 0.2s;}

#en-tete .logo-masterwood {position: absolute; right: 96px; padding: 0; text-align: center; width: 170px; height: 88px; /*background-image: url("/front/img/fond-logo.png"); background-position: -44px 29px; background-repeat: no-repeat;*/ transition-duration: 0.2s;}
#en-tete .logo-masterwood a {z-index: 20; position: absolute; left: -5px; top: 9px; display: block; transition-duration: 0.2s;}
#en-tete .logo-masterwood a:hover {text-decoration: none;}
#en-tete .logo-masterwood a img {transition-duration: 0.2s; width: 170px;}
#en-tete .logo-masterwood.bar-desc {width: 160px;}
#en-tete .logo-masterwood.bar-desc a {top: 5px;}
#en-tete .logo-masterwood.bar-desc a img {width: 140px;}

#langues {float: right; padding-left: 15px; padding-top: 6px; margin-right: -15px;}

#recherche-haut {float: right; cursor: pointer; display: block; position: relative; background-color: #003A4C ; height: 88px; padding: 33px 11px 0 11px; box-sizing: border-box; transition-duration: 0.2s;}
#recherche-haut:hover {background-color: #003A4C;}

.search-haut input {font-family: 'Roboto'; outline: none; font-size: 15px; padding: 3px 5px; height: 30px; width: 238px; float: left; border: 1px solid #a9a9a9; border-right: 0;}
.search-haut button {width: 44px; outline: none; height: 38px; border: 1px solid #a9a9a9; border-left: none; cursor: pointer; background-color: white; background-image: url("/front/img/loupe3.png"); background-repeat: no-repeat; background-position: 11px 8px;}
.search-haut {position: absolute; z-index: 25; top: 55%; margin-top: -25px; right: 0; display: none; width: 293px; height: 40px; }


#page-accueil-diaporama .diaporama {margin-top: 72px;}
#page-accueil-diaporama .diaporama .flexslider .desc {font-family: 'Roboto'; position: relative; margin-top: -310px; padding-bottom: 61px;}
#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu {position: relative; text-align: center; margin: auto; max-width: 900px; background-color: rgba(0, 58, 76, 0.80); color: white; padding: 18px 30px 12px; font-size: 16px;}
#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu .titre {font-size: 28px; text-transform: uppercase; line-height: 38px;}
#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu .texte {font-size: 18px; font-weight: 100; line-height: 25px; padding-top: 12px; padding-bottom: 22px;}
#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu .bouton {display: inline-block; text-decoration: none; font-size: 16px; font-weight: bold; background-color: white; color: #003A4C ; padding: 9px 12px; border-radius: 10px; transition-duration: 0.2s; margin: 0 5px 12px 5px;}
#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu .bouton:hover {background-color: #003A4C; color: white;}

.trait-titre {background-color: #003A4C; width: 45px; height: 3px; margin: auto;}

#page-accueil-categories {background-color: #eeeeee;}
#page-accueil-categories .contenu {padding: 60px 15px 70px; position: relative; width: 1240px; margin: auto;}

#page-accueil-societe {text-align: center; font-weight: 100;}
#page-accueil-societe .contenu {padding: 60px 15px 70px; position: relative; max-width: 1240px; margin: auto;}
#page-accueil-societe .contenu .ul-accueil-1 {font-weight: bold; color: #003A4C; text-align: left; line-height: 32px; float: left;}
#page-accueil-societe .contenu .ul-accueil-2 {text-align: left; line-height: 32px; float: left; margin-left: 190px; margin-right: 190px; color: #222222;}
#page-accueil-societe .contenu p {line-height: 27px; padding-bottom: 20px;}

#page-accueil-mji {color: white; position: relative; font-weight: 100; margin-bottom: 90px;}
#page-accueil-mji .contenu {padding: 70px 15px; position: relative; max-width: 1240px; margin: auto;}
#page-accueil-mji .lien-filiale-accueil {display: inline-block; font-family: "Roboto"; text-decoration: none; font-size: 17px; font-weight: bold; background-color: white; color: #003A4C ; padding: 12px 15px; border-radius: 10px; transition-duration: 0.2s;}
#page-accueil-mji .lien-filiale-accueil:hover {background-color: #003A4C; color: white;}
#page-accueil-mji .logo-mji {float: left; margin-right: 45px; background-color: white;}
#page-accueil-mji p {line-height: 25px; padding-bottom: 25px;}
#page-accueil-mji .texte-mji {padding-top: 5px; font-size: 19px;}
#page-accueil-mji .fond-section {display: block; height: 100%; z-index: -3; position: absolute; bottom: 0; left: 0; width: 100%; background-image: url(/front/img/fond-mji-accueil.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover;}
#page-accueil-mji .fond-section-opacite {display: block; height: 100%; z-index: -2; position: absolute; bottom: 0; top: 0; width: 100%; background-color: rgba(0, 58, 76, 0.85);}

#page-accueil-categories .contenu {font-family: 'Roboto'; font-size: 15px; padding: 40px 15px 40px; position: relative; width: 100%; max-width: 1270px; margin: auto; box-sizing: border-box;}
#page-accueil-categories  .col-type {width: 16.66%; float: left;}
#page-accueil-categories .type {position: relative; display: block; background-color: white; margin: 8px 4px; padding: 10px; height: 120px;}
#page-accueil-categories .type:hover {text-decoration: none;}
#page-accueil-categories .type .fond {width: 88px; height: 88px; margin: auto;}
#page-accueil-categories .type:hover .fond {background-position: 89px 0;}
#page-accueil-categories .type .texte {text-align: center; display: block; padding-top: 14px; line-height: 16px;}
#page-accueil-categories .type .texte.two-line {padding-top: 6px;}
#page-accueil-categories .type .nb {position: absolute; top: 0; right: 0; background-color: #1152D3; color: white; padding: 2px 8px; border-radius: 2px; font-size: 14px;}
#page-accueil-categories .type:hover .nb {background-color: #003A4C ;}

#page-accueil-categories .type .fond.centre-usinage {background-image: url("/front/img/categorie/centre-usinage-3.png");}
#page-accueil-categories .type .fond.plaqueuse-de-chant {background-image: url("/front/img/categorie/plaqueuse-de-chant-2.png");}
#page-accueil-categories .type .fond.scie-a-format {background-image: url("/front/img/categorie/scie-a-format-2.png");}
#page-accueil-categories .type .fond.scie-a-panneaux {background-image: url("/front/img/categorie/scie-a-panneaux-2.png");}
#page-accueil-categories .type .fond.perceuse {background-image: url("/front/img/categorie/perceuse-2.png");}
#page-accueil-categories .type .fond.scie-a-panneaux-verticales {background-image: url("/front/img/categorie/scie-a-panneaux-verticales-2.png");}
#page-accueil-categories .type .fond.raboteuse {background-image: url("/front/img/categorie/raboteuse-2.png");}
#page-accueil-categories .type .fond.ponceuse-large-bande {background-image: url("/front/img/categorie/ponceuse-large-bande-2.png");}
#page-accueil-categories .type .fond.tronconneuse {background-image: url("/front/img/categorie/tronconneuse-2.png");}
#page-accueil-categories .type .fond.presse {background-image: url("/front/img/categorie/presse-2.png");}
#page-accueil-categories .type .fond.dispositif-de-forage {background-image: url("/front/img/categorie/dispositif-de-forage.png");}
#page-accueil-categories .type .fond.degauchisseuse {background-image: url("/front/img/categorie/degauchisseuse-2.png");}
#page-accueil-categories .type .fond.mouluriere {background-image: url("/front/img/categorie/mouluriere.png");}
#page-accueil-categories .type .fond.toupie {background-image: url("/front/img/categorie/toupie-2.png");}

#page-accueil-categories .type-last {display: block; background-color: #003A4C ; margin: 8px 4px; height: 288px; color: white; text-align: center;}
#page-accueil-categories .type-last:hover {text-decoration: none;}
#page-accueil-categories .type-last img {display: block; margin: auto; padding-top: 45px; padding-bottom: 35px;}
#page-accueil-categories .type-last .trait {height: 1px; background-color: white; width: 45px; margin: auto;}
#page-accueil-categories .type-last .texte {display: block; color: white; font-weight: 100; font-size: 17.4px; padding-top: 25px; padding-bottom: 20px; line-height: 23px;}
#page-accueil-categories .type-last .fleche {background-image: url("/front/img/fleche-categories.png"); width: 25px; height: 18px; margin: auto;}

#page-accueil-liste-machines .contenu {padding: 60px 0 55px; position: relative; max-width: 1270px; margin: auto;}

#page-accueil-liste-machines .contenu-bouton-all {text-align: center; padding-top: 35px;}
#page-accueil-liste-machines .contenu-bouton-all .bouton-all {display: inline-block; font-family: "Roboto"; font-size: 18px; line-height: 40px; padding: 0 14px; background-color: white; border: 1px solid #003A4C ; border-radius: 10px; padding-top: 2px; transition-duration: 0.2s;}
#page-accueil-liste-machines .contenu-bouton-all .bouton-all:hover {background-color: #003A4C; border-color: #003A4C; color: white; text-decoration: none;}

.page-liste-produit {padding-top: 10px;}
#page.page-liste-produit .contenu h1 {padding-left: 16px;}
#page.page-liste-produit .contenu p {padding-left: 16px;}

.list-produits {display: flex; flex-wrap: wrap;}
.list-produits .produit {font-family: "Roboto"; width: 25%; padding:  16px 16px 28px 16px; box-sizing: border-box; position: relative;}
.list-produits .produit:hover .lien {background-color: #0c4461;}
.list-produits .produit .nom {display: block; color: #003A4C; background-color: #f4f4f4; text-transform: uppercase; font-size: 19px; font-weight: 400; line-height: 26px; padding: 11px 15px;}
.list-produits .produit .nom:hover {text-decoration: none;}
.list-produits .produit .nom span {color: #003A4C ; font-weight: bold;}
.list-produits .produit .lien {display: block; font-family: "Roboto"; position: absolute; right: 16px; top: 379px; height: 32px; width: 65px; line-height: 32px; background-color: #003A4C ; color: white; text-align: center; font-size: 15px; transition-duration: 0.2s;}
.list-produits .produit .lien:hover {text-decoration: none; background-color: #0c4461;}
.list-produits .produit .photo {display: block; overflow: hidden; position: relative; height: 395px;}
.list-produits .produit .photo img {display: block; width: 100%; min-width: 100%; height: auto; min-height: 100%; position: absolute; top: 0; left: 0;}
.list-produits .produit .etat {display: block; font-family: "Roboto"; position: absolute; right: 16px; top: 379px; height: 32px; line-height: 32px; background-color: #bf182b; color: white; text-align: center; font-size: 15px; transition-duration: 0.2s; padding: 0px 64px 0 0; font-weight: bold; width: 530px; box-sizing: border-box;}
.list-produits .produit .etat.neuf {background-color: #187a1e;}
.list-produits .produit .autres-infos {background-color: #f4f4f4; padding: 0px 15px 15px; font-size: 17px; position: relative;}
.list-produits .produit .autres-infos .code-article {padding-bottom: 20px;}
.list-produits .produit .autres-infos .lien-marque-prod {position: absolute; margin-top: 0; padding-top: 0; right: 15px; top: 0;}

.list-produits .produit .autres-infos a.bouton {display: inline-block; border-radius: 2px; background-color: #003A4C; padding: 9px 12px; color: white; font-family: roboto; font-weight: 100; font-size: 16px; letter-spacing: 0.3px;}
.list-produits .produit .autres-infos a.bouton:hover {text-decoration: none; background-color: #003A4C ;}
.list-produits .produit .autres-infos a.bouton:before {content: ''; width: 20px; height: 20px; float: left; margin-right: 10px;}
.list-produits .produit .autres-infos .bouton-devis a.bouton:before {background-image: url("/front/img/add-bouton.png");}
.list-produits .produit .autres-infos .bouton-fiche a.bouton:before {background-image: url("/front/img/icone-telecharger.png");}
.list-produits .produit .autres-infos .bouton-video a.bouton:before {background-image: url("/front/img/icone-video-3.png");}

.list-produits .produit .autres-infos .lien-demande-devis {display: none; color: #003A4C; text-transform: uppercase; font-size: 16px; padding-bottom: 5px; margin-top: 15px;}
.list-produits .produit .autres-infos .bouton-fiche {margin-top: 15px;}


#page-accueil-liste-machines .list-produits .produit {float: left; font-family: "Roboto"; width: 25%; padding: 16px; box-sizing: border-box; position: relative;}
#page-accueil-liste-machines .list-produits .produit:hover .lien {background-color: #0c4461;}
#page-accueil-liste-machines .list-produits .produit .nom {display: block; color: #003A4C; background-color: #f4f4f4; text-transform: uppercase; font-size: 16.4px; font-weight: 400; line-height: 23px; padding: 8px 11px;}
#page-accueil-liste-machines .list-produits .produit .nom:hover {text-decoration: none;}
#page-accueil-liste-machines .list-produits .produit .nom span {color: #003A4C ; font-weight: bold;}
#page-accueil-liste-machines .list-produits .produit .lien {display: block; font-family: "Roboto"; position: absolute; right: 16px; top: 186px; height: 32px; width: 65px; line-height: 32px; background-color: #003A4C ; color: white; text-align: center; font-size: 15px; transition-duration: 0.2s;}
#page-accueil-liste-machines .list-produits .produit .lien:hover {text-decoration: none; background-color: #0c4461;}
#page-accueil-liste-machines .list-produits .produit .photo {display: block; overflow: hidden; position: relative; height: 202px;}
#page-accueil-liste-machines .list-produits .produit .photo img {display: block; width: 100%; min-width: 100%; height: auto; min-height: 100%; position: absolute; top: 0; left: 0;}
#page-accueil-liste-machines .list-produits .produit .etat {display: block; font-family: "Roboto"; position: absolute; right: 16px; top: 186px; height: 32px; line-height: 32px; background-color: #003A4C; color: white; text-align: center; font-size: 15px; transition-duration: 0.2s; padding: 0px 64px 0 0; font-weight: bold; width: 287px; box-sizing: border-box;}


#page-haut {margin-top: 72px; height: 315px; /*background-image: url(/diaporama/diapo1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;*/}
#page-haut.diaporama-autre-pages {overflow: hidden; position: relative;}
#page-haut .slide {position: absolute; top: 0; left: 0; width: 100%;}
#page-haut .diapo-prod {float: left; width: 25%; height: 315px; box-sizing: border-box; padding-left: 1px; padding-right: 1px; position: relative;}
#page-haut .diapo-prod .diapo-photo {display: block; overflow: hidden; position: relative; height: 315px;}
#page-haut .diapo-prod .diapo-photo img {width: 100%; min-height: 100%;}
#page-haut .diapo-prod .diapo-titre {position: absolute; bottom: 20px; cursor: pointer; width: 100%; display: block; text-align: center; font-size: 16.5px; padding: 0 15px; box-sizing: border-box;}
#page-haut .diapo-prod .diapo-titre .diapo-fond {background-color: rgba(0, 0, 0, 0.75); display: inline-block; color: white; padding: 10px 20px; border-radius: 2px;}
#page-haut .diapo-prod .diapo-titre .diapo-fond .diapo-nom {text-transform: uppercase; padding-bottom: 2px;}
#page-haut .diapo-prod .diapo-titre .diapo-fond .diapo-type {font-weight: 100; color: rgba(255,255,255,0.85);}

#page .contenu {max-width: 1330px; margin: auto; padding-bottom: 60px; margin-top: 50px;}

#page .contenu .col-tri {float: left; width: 360px; background-color: #f4f4f4; font-family: 'Roboto'; font-size: 16px; padding: 15px; box-sizing: border-box;}
#page .contenu .col-tri .titre {display: inline-block; border-bottom: 2px solid #003A4C; text-transform: uppercase; font-size: 22px; padding-bottom: 5px;}
#page .contenu .col-tri .sous-titre a {font-size: 17px; padding: 10px; display: block; padding-top: 18px; font-weight: bold; padding-bottom: 6px;}
#page .contenu .col-tri .sous-titre a:hover {text-decoration: none;}
#page .contenu .col-tri .categories a {display: block; line-height: 22px; margin: 4px 0 6px 10px; font-weight: 100;}
#page .contenu .col-tri .categories a:hover {text-decoration: none;}
#page .contenu .col-tri .categories a:before {display: block; margin-top: 1px; float: left; content: ''; border-radius: 50%; width: 18px; height: 18px; background: #fff; border: 1px solid #a8a8a8; margin-right: 6px;}
#page .contenu .col-tri .categories a:hover:before {background-color: #c9c9c9;}
#page .contenu .col-tri .categories a.select:before {background-color: #003A4C;}
#page .contenu .col-tri .categories a.select:hover:before {background-color: #003A4C;}
#page .contenu .col-tri .ssmenu-cat {padding-bottom: 5px;}
#page .contenu .col-tri .ssmenu-cat.cat0 {border-top: 2px solid #e0e0e0; margin-top: -2px;}

#page .contenu h1 {text-align: left; padding-left: 0; padding-top: 10px; padding-bottom: 10px;}
#page .contenu p {padding-left: 0; font-size: 17px; font-weight: 100;}

#page .contenu .col-liste-produits {float: left; width: 952.5px; padding-left: 16px;}
#page .contenu .col-liste-produits .list-produits .produit {width: 50%;}

.input-recherche {padding-top: 20px; padding-bottom: 35px; padding-left: 10px; border-top: 2px solid #e0e0e0; margin-top: -2px;}
.input-recherche input {font-family: 'Roboto'; font-size: 15px; padding: 3px 5px; height: 30px; width: 238px; float: left; border: 1px solid #a9a9a9; border-right: 0;}
.input-recherche button {width: 44px; height: 38px; cursor: pointer; border: none; background-color: #003A4C; background-image: url("/front/img/loupe2.png"); background-repeat: no-repeat; background-position: 13px 10px; transition-duration: 0.2s;}
.input-recherche button:hover {background-color: #003A4C ;}
.text-recherche {text-transform: none; font-style: italic;}

.contenu-marques {border-top: 2px solid #e0e0e0; margin-top: -2px; padding-bottom: 20px;}
.contenu-marques select {width: 300px; line-height: 28px; margin: 20px 10px 20px 10px; height: 30px; font-size: 15px; font-family: 'Roboto';}
.contenu-marques select option {line-height: 30px;}

.contenu-marques {border-top: 2px solid #e0e0e0; margin-top: -2px; padding-bottom: 20px;}
.contenu-marques select {width: 300px; line-height: 28px; margin: 20px 10px 20px 10px; height: 30px; font-size: 15px; font-family: 'Roboto';}
.contenu-marques select option {line-height: 30px;}

.select-categorie {display: none; width: 85%; line-height: 28px; margin: 10px 10px 5px 10px; height: 30px; font-size: 15px; font-family: 'Roboto';}
.select-categorie option {line-height: 30px;}

#page.page-produit .contenu {padding: 0 15px 60px; width: 1240px; position: relative; margin-top: 60px;}
#page.page-produit h2 {text-align: left; display: inline-block; border-bottom: 2px solid #003A4C; padding-bottom: 15px; font-size: 26px;}

.fil-ariane {position: absolute; top: -34px; font-size: 14px; color: #3e3e3e; z-index: 1;}
.fil-ariane  a {display: inline-block; padding: 0; position: relative; z-index: 2; padding-right: 16px; color: #3e3e3e;}
.fil-ariane  a:after {display: inline-block; content: ''; position: absolute; right: 5px; top: 4px; width: 5px; height: 8px; background-image: url("/front/img/icone-fil.png");}


#page .contenu #infos-produit {padding-bottom: 65px; padding-top: 10px;}
#page .contenu #infos-produit h1 {padding-left: 0; letter-spacing: -0.4px; padding-top: 2px; padding-bottom: 25px; font-size: 36px;}
#page .contenu #infos-produit .photo {float: left; width: 770px; min-height: 410px; position: relative;}
#page .contenu #infos-produit .diaporama {width: 720px; height: auto; border: 2px solid #eeeeee; text-align: center;} /* Ajouter pour ne pas redimensionner photo diaporama */
/*#page .contenu #infos-produit .diaporama img {width: 530px; height: 400px; padding: 2px; background-color: #eeeeee;}*/
#page .contenu #infos-produit .diaporama a {display: block; position: relative;}
#page .contenu #infos-produit .diaporama img {max-width: 720px; height: auto; display: block; margin: auto; max-height: 800px;}
#page .contenu #infos-produit .reference {padding-bottom: 12px; font-family: roboto; color: #003A4C; font-size: 24px; border-bottom: 1px solid #e2e2e2; position: relative;}
#page .contenu #infos-produit .code {position: absolute; right: 0; bottom: 10px; color: #222222; font-size: 18px;}
#page .contenu #infos-produit .miniature {padding-top: 5px;}
#page .contenu #infos-produit .miniature a {display: inline-block;}
/*#page .contenu #infos-produit .miniatures a img {width: 126.5px; height: 97px; padding: 2px; background-color: #eeeeee;}*/
#page .contenu #infos-produit .miniature a img {max-width: 126.5px; height: 97px; padding: 2px; background-color: #eeeeee;}

#page .contenu #infos-produit .desc-droit {float: left; width: 470px;}
#page .contenu #infos-produit .desc-droit .btn {padding-top: 16px;}
#page .contenu #infos-produit .desc-droit .bouton-devis {padding: 35px 0 0 0; position: relative;}
#page .contenu #infos-produit .desc-droit a.bouton {display: inline-block; border-radius: 2px; background-color: #003A4C; padding: 9px 12px; color: white; font-family: roboto; font-weight: 100; font-size: 17px; letter-spacing: 0.3px;}
#page .contenu #infos-produit .desc-droit a.bouton:hover {text-decoration: none; background-color: #003A4C ;}
#page .contenu #infos-produit .desc-droit a.bouton:before {content: ''; width: 20px; height: 20px; float: left; margin-right: 10px;}
#page .contenu #infos-produit .desc-droit .bouton-devis a.bouton:before {background-image: url("/front/img/add-bouton.png");}
#page .contenu #infos-produit .desc-droit .bouton-fiche a.bouton:before {background-image: url("/front/img/icone-telecharger.png");}
#page .contenu #infos-produit .desc-droit .bouton-video a.bouton:before {background-image: url("/front/img/icone-video-3.png");}
#page .contenu #infos-produit .desc-droit .bouton-video iframe {max-width: 100%;}

#page .contenu #infos-produit .desc-droit .lien-demande-devis {display: none; color: #003A4C; text-transform: uppercase; font-size: 16px; padding-bottom: 5px;}

#page .contenu #infos-produit .desc-technique .desc-all {border-top: 2px solid #e2e2e2; margin-top: -2px; padding: 30px 15px 0 15px; line-height: 25px; font-size: 17px; font-weight: 100;}
#page .contenu #infos-produit .desc-technique h2 {padding-top: 50px;}
#page .contenu #infos-produit .desc-technique .desc-all p {padding-left: 0; font-size: 17px !important; font-weight: 100; color: #222222 !important; font-family: 'Roboto' !important;}
#page .contenu #infos-produit .desc-technique .desc-all p span {font-size: 17px !important; color: #222222 !important; font-family: 'Roboto' !important;}

#page.page-produit .autres-produits {border-top: 2px solid #e2e2e2; margin-top: -2px; padding-top: 30px;}
#page.page-produit .autres-produits .list-produits {margin-left: -16px; margin-right: -16px;}

#page .contenu #infos-produit .desc-droit .contact-produit {font-size: 17px; font-weight: 100; padding-top: 25px; font-family: "Roboto"; line-height: 26px;}
#page .contenu #infos-produit .desc-droit .contact-produit a {text-decoration: underline; font-weight: bold;}

#page .contenu #infos-produit .categorie {font-family: "Roboto"; padding-top: 45px; font-size: 16px;}
#page .contenu #infos-produit .categorie a {text-transform: uppercase; color: #003A4C ; font-weight: normal;}
#page .contenu #infos-produit .categorie a:hover {text-decoration: none;}


#page .contenu #infos-produit .desc-droit .etat {padding-top: 25px; position: relative;}
#page .contenu #infos-produit .desc-droit .etat b {font-weight: 800;}
#page .contenu #infos-produit .desc-droit .rappro {padding-top: 5px;}
#page .contenu #infos-produit .desc-droit .date-dispo {padding-top: 5px;}


#page.page-infos .contenu {padding: 0 15px 60px; max-width: 1240px; position: relative;}
#page.page-infos .contenu h2 {line-height: 30px;}

.infos-pratiques-gauche {float: left; width: 47%; line-height: 31px; box-sizing: border-box; text-align: center; font-weight: 100;}
.infos-pratiques-gauche .nom {font-size: 22px; font-weight: bold;}
.infos-pratiques-gauche .qr-code-div {padding-top: 45px;}

.infos-pratiques-droit {float: left; width: 53%; box-sizing: border-box; padding: 0 30px 0 60px;}
.infos-pratiques-droit .texte {text-align: center; font-weight: 100; line-height: 25px;}

.lien-marque-prod {display: block; margin-top: 20px;}


.page-infos form, #page.page-votre-devis form {max-width: 740px; margin: auto; font-size: 14px; text-align: left;}
.page-infos form .line input, #page.page-votre-devis form .line input {color: rgb(80, 80, 80); width: 100%; box-sizing: border-box; float: left; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); border-radius: 4px; padding: 9px 12px; font-family: 'Roboto'; font-size: 15px; background-color: white;}
.page-infos form .line textarea, #page.page-votre-devis form .line textarea {color: rgb(80, 80, 80); width: 100%; box-sizing: border-box; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); border-radius: 4px; padding: 7px 12px; font-family: 'Roboto'; font-size: 15px; margin-top: 3px; background-color: white;}
.page-infos form .line textarea.message, #page.page-votre-devis form .line textarea.message {height: 138px;}
.page-infos form .line .input-envoi, #page.page-votre-devis form .line .input-envoi {width: 155px; border-bottom: none; border: 1px solid #003A4C; border-radius: 4px; padding: 6px 8px; margin: auto; margin-top: 0; display: block; float: none; background-color: #003A4C; color: white; font-size: 17px; font-weight: bold; letter-spacing: 0.7px; cursor: pointer; -moz-transition-duration: 0.4s; -o-transition-duration: 0.38s; -webkit-transition-duration: 0.38s; transition-duration: 0.38s;}
.page-infos form .line .input-envoi:hover, #page.page-votre-devis form .line .input-envoi:hover {background-color: #003A4C ;}
.page-infos form .line, #page.page-votre-devis form .line {float: left; box-sizing: border-box; width: 100%; padding-left: 10px; padding-right: 10px; padding-top: 16px;}
.page-infos form .g-recaptcha, #page.page-votre-devis form .g-recaptcha {float: left; width: 310px; padding-left: 10px; padding-top: 15px;}
.page-infos form .line.col-2, #page.page-votre-devis form .line.col-2 {width: 50%;}
.page-infos form .line.col-2-2, #page.page-votre-devis form .line.col-2-2 {width: 50%;}
.page-infos form .line label, #page.page-votre-devis form .line label {font-weight: bold; width: 100%; display: inline-block; font-size: 15px;}
.page-infos #page form .line.texte-oblig, #page.page-votre-devis form .line.texte-oblig {padding-bottom: 5px;}
.page-infos form .input-group, #page.page-votre-devis .input-group {display: table; width: 100%; margin-top: 5px;}
.page-infos form .input-group .input-group-addon, #page.page-votre-devis form .input-group .input-group-addon {display: table-cell; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #2d2e31; text-align: center; background-color: #e9ecef; border: 1px solid #ccc; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; width: 1%; white-space: nowrap; vertical-align: middle;}
.page-infos form .input-group input, #page.page-votre-devis form .input-group input {font-size: 14px; display: table-cell; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.page-infos form .input-group textarea, #page.page-votre-devis form .input-group textarea {font-size: 14px; display: table-cell; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-top: 0; display: block;}
#nb_e, #nb_a {margin-top: 5px;}
::placeholder {color: rgb(175, 175, 175);}
:-ms-input-placeholder {color: rgb(175, 175, 175);}
::-ms-input-placeholder {color: rgb(175, 175, 175);}

.page-infos form .texte-oblig, #page.page-votre-devis form .texte-oblig {text-align: center; font-weight: 100;}
.page-infos form .g-recaptcha, #page.page-votre-devis form .g-recaptcha {float: none; width: 310px; padding-top: 20px; margin: auto;}
.page-infos form .line.consent-line, #page.page-votre-devis form .line.consent-line {float: none; max-width: 600px; margin: auto; text-align: center;}
.page-infos form .line.consent-line input, #page.page-votre-devis form .line.consent-line input {width: 15px; height: 15px; vertical-align: -2px; float: none;}
.page-infos form .line.consent-line label, #page.page-votre-devis form .line.consent-line label {width: auto; text-align: center; float: none; padding-right: 0; display: inline;}

#carte {width: 100%; height: 500px; border-top: 2px solid rgb(204, 204, 204);}


#page.page-votre-devis .contenu {padding: 0 15px 60px; max-width: 1240px; position: relative;}
#page.page-votre-devis h1 {text-align: center; padding-bottom: 45px; padding-top: 20px;}
#page.page-votre-devis p {text-align: center; line-height: 27px;}

#page.page-votre-devis .liste-devis {max-width: 1100px; margin: auto; padding-top: 30px;}
#page.page-votre-devis .liste-devis .clear-produit {border-bottom: 1px solid #e0e0e0; height: 1px; box-sizing: border-box; clear: both; padding-top: 16px;}
#page.page-votre-devis .produit-devis {padding: 20px 0 0;}
#page.page-votre-devis .produit-devis .photo {float: left; width: 37%; box-sizing: border-box; padding-right: 10px; height: 280px;}
#page.page-votre-devis .produit-devis .photo img {display: block; max-width: 100%; max-height: 280px; margin: auto;}
#page.page-votre-devis .produit-devis .desc {float: left; width: 50%; line-height: 28px; height: 280px; box-sizing: border-box; padding-left: 45px; padding-top: 113px;}
#page.page-votre-devis .produit-devis .desc .nom {font-weight: bold;}
#page.page-votre-devis .produit-devis .desc .nom a {color: #003A4C ;}
#page.page-votre-devis .produit-devis .desc .reference {text-transform: uppercase;}
#page.page-votre-devis .produit-devis .desc .reference a {color: #003A4C;}
#page.page-votre-devis .produit-devis .supr {float: left; width: 13%; box-sizing: border-box; padding-right: 10px; height: 280px; text-align: right; padding-right: 30px; padding-top: 130px;}

#page.page-votre-devis form {padding: 41px 20px; max-width: 1100px;}
#page.page-votre-devis form .line input {padding: 12px 15px;}
#page.page-votre-devis form .line {padding-top: 20px;}

#pied-de-page {position: absolute; font-family: 'Montserrat'; letter-spacing: 0.5px; font-weight: 100; font-size: 16px; bottom: 0; width: 100%; background-color: #202020; color: white; text-align: center; padding: 30px 0 20px; line-height: 32px;}
#pied-de-page .coordonnees .nom {font-weight: bold; font-size: 19px;}
#pied-de-page .telephone {font-weight: bold; font-size: 15.5px;}
#pied-de-page .liens {color: #bfbfbf; font-size: 15px; letter-spacing: 0px; font-style: italic; padding-top: 10px;}
#pied-de-page .liens a {color: #bfbfbf;}

.page-filiale-mji {text-align: center;}
#page.page-filiale-mji .contenu {padding-bottom: 150px;}
#page.page-filiale-mji .contenu p {padding-left: 0;}

#page-accueil-services .contenu {max-width: 1260px; margin: auto; padding: 60px 8px 20px;}
#liste-services .service {float: left; width: 25%; box-sizing: border-box; padding: 0 12px; position: relative;}
#liste-services .service img {border: 1px solid #eeeeee; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 202px;}
#liste-services .service .lien-photo {display: block;}
#liste-services .service .lien-texte {transition-duration: 0.2s; position: absolute; right: 13px; bottom: 10px; color: white; display: block; padding: 9px 35px 9px 12px; text-transform: uppercase; text-align: left; font-weight: 400; background: url("/front/img/fleche.png") #003A4C no-repeat right 10px center; font-size: 17px;}
#liste-services .service .lien-texte:hover, #liste-services .service:hover .lien-texte {text-decoration: none; background: url("/front/img/fleche.png") #003A4C  no-repeat right 8px center;}


/*.partenaires {list-style-type: none; text-align: center; padding: 0; margin: 0; padding-top: 60px; text-align: center;}
.partenaires li {display: inline; list-style: none;}
.partenaires li a {width: 195px; display: inline-block; height: 110px; position: relative;}
.partenaires li a img {position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-height: 100px; max-width: 185px;}
*/

.partenaires {list-style-type: none; text-align: center; padding: 0; margin: 0; padding-top: 85px; text-align: center;}
.partenaires li {display: block; list-style: none; float: left; width: 20%; min-height: 130px; padding: 0px 30px; box-sizing: border-box;}
.partenaires li a {display: block; margin: auto; width: 100%; position: relative;}
.partenaires li a img {position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-height: 100px; max-width: 185px;}


#page.page-produit #page-produit-services .contenu {width: auto; padding: 0; margin-left: -12px; margin-right: -12px; margin-top: 10px; padding-bottom: 60px;}


.list-installations {display: flex; flex-wrap: wrap; justify-content: center; padding-top: 20px;}
.list-installations .installation {width: 383.33333px; margin: 12px 15px; box-sizing: border-box; height: 175px; overflow: hidden; position: relative; border: 2px solid #e5e5e5;}
.list-installations .installation a {display: block; position: relative;}
.list-installations .installation a img {display: block; width: 100%; height: auto; position: absolute; top: 0; left: 0; min-height: 171px;}

.display-mobile-1 {display: none;}
.display-mobile-2 {display: none;}
.display-mobile-3 {display: none;}

.display-mobile-10 {display: none;}
.display-mobile-11 {display: none;}
.display-mobile-9 {display: none;}

.display-mobile-20 {display: none;}


.reseaux-sociaux {padding-top: 10px;}
.reseaux-sociaux .titre {font-weight: bold; padding-right: 10px;}
.reseaux-sociaux a {vertical-align: -7px;}

.facebook-lien-entete {position: absolute; top: 8px; left: 216px; z-index: 1000; transition-duration: 0.2s;}
.linkedin-lien-entete {position: absolute; top: 8px; left: 245px; z-index: 1000; transition-duration: 0.2s;}


.list-emplois {display: flex; flex-wrap: wrap; padding-bottom: 40px; max-width: 970px; margin: auto;}
.list-emplois .emploi {width: 50%; padding: 0 30px 30px 30px; box-sizing: border-box; }
.list-emplois .emploi .fond {background-color: #f4f4f4; padding: 35px 30px;}
.list-emplois .emploi .type {font-weight: 300;}
.list-emplois .emploi .nom {text-transform: uppercase; font-size: 26px; font-weight: bold; padding: 15px 0 8px 0; line-height: 40px;}
.list-emplois .emploi .localisation {text-transform: uppercase; padding-bottom: 20px;}
.list-emplois .emploi .details {text-align: center;}
.list-emplois .emploi .details a {display: inline-block; background-color: #003A4C; padding: 10px 30px; color: white; font-size: 15px;}
.list-emplois .emploi .details a:hover {text-decoration: none; background-color: #085a86;}

#page.page-votre-devis .desc-offre-emploi {padding-bottom: 60px; max-width: 1100px; margin: auto;}
#page.page-votre-devis .desc-offre-emploi h2 {padding-bottom: 25px; padding-top: 40px; font-size: 28px;}
#page.page-votre-devis .desc-offre-emploi p {text-align: left;}
#page.page-votre-devis .desc-offre-emploi li {line-height: 24px;}

#page.page-liste-produit .contenu {max-width: 1500px;}
#page .contenu .col-liste-produits {width: 1123.5px;}

.bouton-stock-masterwood {display: inline-block; border-radius: 10px; background-color: #003A4C; padding: 12px 15px; color: white; font-family: roboto; font-weight: 400; font-size: 19px; margin-bottom: 25px; margin-top: 10px;}
.bouton-stock-masterwood:hover {text-decoration: none; background-color: #003A4C ;}


#page.page-secteur-activite .contenu {max-width: 100%;}
#page.page-secteur-activite {padding-top: 90px;}

.liste-secteurs p {font-size: 16.5px;}
.liste-secteurs {display: flex; flex-wrap: nowrap;}
.liste-secteurs .secteur {width: 33.333%; padding: 0 50px; border-left: 1px solid #e6e6e6;}
.liste-secteurs .secteur:first-child {border-left: 0;}
.liste-secteurs .secteur .titre-num {text-align: center;}
.liste-secteurs .secteur .titre-num .num {display: inline-block; background-color: #bf182b; color: white; border-radius: 60px; width: 60px; height: 60px; line-height: 60px; font-size: 30px; font-family: 'Questrial';}
.liste-secteurs .secteur .titre {font-family: 'Questrial'; font-size: 27px; padding-bottom: 0px;}
.liste-secteurs .secteur h3 {font-weight: 600; font-size: 19px; padding: 15px 0 25px;}
.liste-secteurs .bouton-stock-masterwood {font-size: 16px; padding: 10px 15px;}
.liste-secteurs .trait-titre {height: 2px; width: 35px; margin-top: 10px; margin-bottom: 5px;}

#page-accueil-categories.catalogue {padding-top: 80px;}
#page-accueil-categories.catalogue .contenu {display: flex; flex-wrap: wrap; width: auto; max-width: 1500px;}
#page-accueil-categories.catalogue .contenu .type {width: calc(14.285% - 8px); box-sizing: border-box; height: 145px;}

.batiments {display: flex; justify-content: space-between; padding-top: 80px; padding-bottom: 50px;}
.batiments img {display: block; max-width: 100%; border-radius: 5px;}
.batiments .bat1 {max-width: 49%;}
.batiments .bat2 {max-width: 41.9%;}
.batiments .photo {padding-top: 15px;}
.batiments .texte {padding: 20px 10px 0 10px;}

.batiments .bat1 .photos {display: flex; flex-wrap: wrap; justify-content: space-between;}
.batiments .bat1 .photos .photo {max-width: 49%;}

.batiments .bat2 .photos {display: flex; flex-wrap: wrap; justify-content: space-between;}
.batiments .bat2 .photos .photo {max-width: 49%;}


.liste-produit-reserve {    display: block;
    position: absolute;
    top: 47%;
    left: 0;
    width: 100%;
    /* height: 100%; */
    background-color: #ffffffc2;
    text-align: center;
    /* padding-top: 0; */
    color: #bf182b;
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px;}
    
#page .contenu #infos-produit .liste-produit-reserve {width: 710px;}

.liste-produit-reserve1 {    display: block;
    position: absolute;
    top: 47%;
    left: 0;
    width: 100%;
    /* height: 100%; */
    background-color: #ffffffc2;
    text-align: center;
    /* padding-top: 0; */
    color: #bf182b;
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px;}


.logo-p-imb-services {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.logo-p-imb-services .bloc {padding: 0 20px;}
.logo-p-imb-services .bloc .logo-brondelle {padding-top: 20px;}
#page.page-votre-brondelle h1 {padding-top: 5px;}
#page.page-votre-brondelle .lien-site {background-color: #CC0518; padding: 12px 17px; color: white; border-radius: 5px; font-weight: 500; text-decoration: none;}
#page.page-votre-brondelle .lien-site:hover {background-color: #b70011;}


.page-services-sav .lien-site {background-color: #CC0518; padding: 12px 17px; color: white; border-radius: 5px; font-weight: 500; text-decoration: none;}
.page-services-sav .lien-site:hover {background-color: #b70011;}
.page-services-sav .contenu {max-width: 1500px !important;}
.nos-services-flex {display: flex; padding-top: 10px;}
.nos-services-flex .col {width: 50%; padding: 0 50px;}






@media screen and (max-width: 1500px)
{
	#page.page-liste-produit .contenu {max-width: 1420px;}
	#page .contenu .col-liste-produits {width: 1040px;}
	.list-produits .produit .etat {width: 488px;}
}

@media screen and (min-width: 1500px)
{
	.logo-p-imb-services .bloc .logo-masterwood {width: 230px !important;}
	.logo-p-imb-services .bloc .logo-brondelle {width: 320px !important;}
}

@media screen and (min-width: 1600px)
{
	#page-accueil-diaporama .diaporama .flexslider .desc {margin-top: -307px; padding-bottom: 58px}
}

@media screen and (max-width: 1700px)
{
	#page-haut .diapo-prod {width: 33.33%;}
}

@media screen and (max-width: 1425px)
{
	#en-tete .cover-fond {display: none;}
	#en-tete .logo {background-image: none; margin: auto; display: block; height: 76px;}
	#en-tete .logo a {position: relative; left: auto; top: auto;}
	
	#recherche-haut {display: none;}
	#langues {position: absolute; top: 0; right: 0; margin-right: 15px; padding-top: 10px; float: none;}
	
	#page-accueil-diaporama .diaporama {margin-top: 141px;}
	
	#page-haut {margin-top: 169px;}
	
	
	#page .contenu .col-liste-produits {padding-left: 0; margin: auto; float: none; margin-top: 50px; width: auto; max-width: 976.5px;}
	#page .contenu .col-liste-produits h1 {text-align: center; padding-left: 0;}
	#page .contenu .col-liste-produits p {text-align: center; padding-left: 0;}
	
	#page .contenu .col-tri {float: none; width: 100%; font-size: 14px;}
	#page .contenu .col-tri .categories a {float: left; width: 25%; box-sizing: border-box; margin-left: 0; padding-left: 15px;}
	#page .contenu .col-tri .sous-titre {clear: both;}
	#page .contenu .col-tri .titre {clear: both; display: block; border-bottom: 0;}
	#page .contenu .col-tri .categories a:before {width: 15px; height: 15px; margin-top: 3px;}
	
	#page .contenu #infos-produit .desc-droit .contact-produit {line-height: 25px;}
	
	.list-produits .produit .etat {width: 456px;}
	
	.fil-ariane {line-height: 20px; top: -38px;}
	
	#page .contenu #infos-produit .desc-technique .desc-all {padding-left: 0; padding-right: 0;}
	
	.facebook-lien-entete {left: 15px; top: 15px;}
	.linkedin-lien-entete {left: 48px; top: 15px;}
	
	#en-tete .logo-masterwood {background-image: none; top: 8px; right: 28px;}
	.logo-masterwood {}
	
	.list-produits .produit .autres-infos .lien-marque-prod img {max-width: 105px; max-height: 65px;}
	
	#page-accueil-categories.catalogue {padding-top: 135px;}
	
	#page.page-secteur-activite {padding-top: 130px;}
}

@media screen and (max-width: 1300px)
{
	#page-accueil-liste-machines .produit:nth-child(4) {display: none;}
	.list-produits .produit {width: 33.33%;}
	#page-accueil-liste-machines .list-produits .produit {width: 33.33%;}
	#page-accueil-liste-machines .contenu {max-width: 960px;}
	
	.diaporama-autre-pages {display: none;}
	#page.page-liste-produit .contenu {margin-top: 0;}
	#page .contenu {margin-top: 185px;}
	
	#page.page-produit .contenu {margin-top: 223px;}
	
	#page .contenu #infos-produit .photo {width: 480px;}
	#page .contenu #infos-produit .diaporama {width: 430px;}
	#page .contenu #infos-produit .diaporama img {width: 430px;}
	#page .contenu #infos-produit .desc-droit {width: 540px;}
	#page.page-produit .contenu {max-width: 1020px;}
	
	#page.page-produit .list-produits .produit:nth-child(4) {display: none;}
	
	#page-accueil-diaporama .diaporama .flexslider .desc {margin-top: -306px; padding-bottom: 57px;}
	
	#page.page-secteur-activite {padding-top: 0;}
}

@media screen and (max-width: 1250px)
{
	#liste-services {max-width: 680px; margin: auto;}
	#liste-services .service {width: 50%; margin-bottom: 25px;}
	#page-accueil-services .contenu {padding-bottom: 0;}
}

@media screen and (max-width: 1180px)
{
	#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu {max-width: 740px;}
	#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu .titre {font-size: 26px; line-height: 32px;}
	#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu .texte {font-size: 17px; line-height: 22px; padding-top: 15px; padding-bottom: 15px;}
	#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu .texte br {display: none;}
	#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu .bouton {font-size: 16px; padding: 9px;}
	#page-accueil-diaporama .diaporama .flexslider .desc {margin-top: -303px; padding-bottom: 38px;}
	
	.partenaires li {width: 25%;}
	
	.liste-secteurs {display: block;}
	.liste-secteurs .secteur {width: 100%; padding: 0; border-left: 0; margin-bottom: 50px;}
	.liste-secteurs .secteur .log-masterwood {max-width: 330px;}
	
}

@media screen and (max-width: 1150px)
{
	#page .contenu .col-tri .categories a {width: 33.33%;}
	
	.logo-p-imb-services {float: none !important; padding-right: 0 !important; padding-bottom: 0 !important;}
}

@media screen and (max-width: 1135px)
{
	#page-accueil-categories .col-type {width: 33.33%;}
	#page-accueil-categories .contenu {max-width: 800px;}
	
	#page.page-votre-devis .produit-devis .photo {height: 220px; width: 40%;}
	#page.page-votre-devis .produit-devis .photo img {max-height: 220px;}
	#page.page-votre-devis .produit-devis .desc {height: 220px; padding-top: 72px; padding-left: 20px; width: 47%;}
	#page.page-votre-devis .produit-devis .supr {height: 220px; padding-top: 90px;}
	
	#page-accueil-categories.catalogue .contenu .type {width: 15.7%;}
	
}

@media screen and (max-width: 1075px)
{
	#page .contenu #infos-produit .photo {float: none; margin: auto; width: 434px;}
	#page .contenu #infos-produit .desc-droit {float: none; width: 100%; padding-top: 35px;}
	#page.page-produit .contenu {width: 100%; box-sizing: border-box;}
	#page .contenu #infos-produit .photo {min-height: auto;}
}

@media screen and (max-width: 1050px)
{
	#page-accueil-mji .logo-mji {margin-bottom: 20px;}
	
	.no-display-mobile-1 {display: none;}
	.display-mobile-1 {display: inline;}
	
	#page-accueil-liste-machines .contenu {padding-bottom: 85px;}
	
	#page .contenu .col-liste-produits {padding-bottom: 30px;}
	
	.no-display-mobile-11 {display: none;}
	.display-mobile-11 {display: inline;}
	#page.page-infos {padding-bottom: 96px;}
	
	#page.page-votre-devis .contenu {padding-bottom: 90px;}
	
	.infos-pratiques-gauche {float: none; width: 100%;}
	.infos-pratiques-droit {float: none; width: 100%; padding-top: 60px;}
}

@media screen and (max-width: 975px)
{
	#page-accueil-liste-machines .produit:nth-child(4) {display: block;}
	.list-produits .produit {width: 50%;}
	#page-accueil-liste-machines .list-produits .produit {width: 50%;}
	#page-accueil-liste-machines .contenu {max-width: 640px;}
	#page-accueil-liste-machines .list-produits .produit .etat {width: 288px;}
	
	
	#page .contenu .col-liste-produits .list-produits .produit {width: 50%;}
	#page .contenu .col-liste-produits {max-width: 720px;}
	
	#page.page-produit .list-produits .produit:nth-child(4) {display: block;}
	#page.page-produit .list-produits .produit {max-width: 320px;}
	
	.partenaires li {width: 33.33%;}
	
	#page .contenu .col-liste-produits .list-produits .produit .photo {height: 232px;}
	#page .contenu .col-liste-produits .list-produits .produit .nom {font-size: 17px; line-height: 23px;}
	#page .contenu .col-liste-produits .list-produits .produit .etat {top: 216px; width: 328px;}
	#page .contenu .col-liste-produits .list-produits .produit .lien {top: 216px;}
	
	#page-accueil-categories.catalogue .contenu .type {width: 18.9%;}
	
	
	.nos-services-flex {display: block;}
	.nos-services-flex .col {width: 100%; padding: 0;}
	.nos-services-flex img {max-width: 100% !important;}
	.carte-sav img {width: 700px; max-width: 100% !important;}
}

@media screen and (max-width: 915px)
{
	#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu {height: auto; max-width: inherit; width: 100%; box-sizing: border-box; padding: 18px 20px;}
	#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu .titre {font-size: 23px; line-height: 29px;}
	#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu .texte {font-size: 17px; line-height: 21px; padding-top: 15px; padding-bottom: 15px;}
	#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu .bouton {font-size: 16px; padding: 7px 12px;}
	
	.flexslider .slides img {min-width: auto;}
	#page-accueil-diaporama .diaporama .flexslider .desc {margin-top: 0; padding-bottom: 0;}
	
	.flexslider .slides > li {height: auto;}
	#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu {padding-bottom: 25px;}
	
	
	h1, h2 {font-size: 30px; line-height: 40px;}
	#page-accueil-societe .contenu .ul-accueil-1 {float: none; margin-left: 20px; padding-bottom: 0;}
	#page-accueil-societe .contenu .ul-accueil-2 {float: none; margin-left: 20px; margin-right: 0;}
	
	#page-accueil-mji .logo-mji {margin-bottom: 45px;}
	
	#page-accueil-diaporama .diaporama .flexslider .desc .desc-contenu {background-color: rgba(0, 58, 76, 0.85);}
	
	.display-mobile-20 {display: inline;}
	.no-display-mobile-20 {display: none;}
}

@media screen and (max-width: 830px)
{
	#page-accueil-mji .contenu {text-align: center;}
	#page-accueil-mji .logo-mji {float: none; margin-right: 0; margin-bottom: 20px; max-width: 100%;}
	#page-accueil-mji .contenu {padding: 50px 15px;}
	
	#page.page-votre-devis .produit-devis .photo {height: 135px; width: 37%;}
	#page.page-votre-devis .produit-devis .photo img {max-height: 135px;}
	#page.page-votre-devis .produit-devis .desc {height: 135px; padding-top: 25px; padding-left: 20px; width: 55%; font-size: 16px; line-height: 23px;}
	#page.page-votre-devis .produit-devis .supr {height: 135px; padding-top: 29px; padding-right: 5px; width: 8%;}
	
	#page .contenu .col-tri .titre {font-size: 20px;}
	#page .contenu .col-tri .sous-titre a {font-size: 16px; padding-bottom: 1px; padding-top: 13px;}
	#page .contenu .col-tri .titre-marque {padding-top: 20px !important;}
	.input-recherche {padding-top: 15px; padding-bottom: 30px;}
	.contenu-marques {padding-bottom: 0;}
	#page .contenu .col-tri {padding-top: 22px;}
	#page .contenu .col-liste-produits {margin-top: 30px;}
	
	.partenaires li {width: 50%;}
	
	.list-emplois {justify-content: center;}
	.list-emplois .emploi {width: 100%; max-width: 500px; padding-left: 0; padding-right: 0;}
	
	#page-accueil-categories.catalogue .contenu .type {width: 23.7%;}
}

@media screen and (max-width: 745px)
{
	#page .contenu .col-tri .categories a {width: 38%;}
	
	.reseaux-sociaux .titre {display: block; padding-bottom: 10px;}
	body {padding-bottom: 285px;}
	
	#page .contenu .col-liste-produits .list-produits .produit {width: 100%;}
	#page .contenu .col-liste-produits {max-width: 345px;}
	#page .contenu .col-liste-produits .list-produits {width: 350px;}
	#page .contenu .col-liste-produits .list-produits .produit {padding-left: 0; padding-right: 0;}
	#page .contenu .col-liste-produits .list-produits .produit .etat {right: 0; width: 350px; top: 233px;}
	#page .contenu .col-liste-produits .list-produits .produit .lien {right: 0; top: 233px;}
	#page .contenu .col-liste-produits .list-produits .produit .photo {height: 248px;}
	
	#page .contenu #infos-produit h1 {font-size: 28px;}
	
	#en-tete .logo-masterwood {right: 0;}
	#en-tete .logo-masterwood a {top: 35px; left: auto; right: 5px;}
	#en-tete .logo-masterwood a img {width: 115px;}
	
	.facebook-lien-entete {left: 210px; top: 8px;}
	.linkedin-lien-entete {left: 240px; top: 8px;}
	
	
}

@media screen and (max-width: 655px)
{
	#page-accueil-liste-machines .list-produits .produit {width: 100%;}
	.list-produits .produit {width: 100%;}
	#page-accueil-liste-machines .list-produits .produit .etat {width: 318px;}
	#page-accueil-liste-machines .contenu {max-width: 350px;}
	
	#page .contenu .col-tri .categories a {width: 50%;}
	
	#liste-services {max-width: 340px; margin: auto;}
	#liste-services .service {width: 100%;}
	#liste-services .service .lien-texte {margin-left: 20px;}

	#page.page-votre-devis .contenu {padding-bottom: 150px;}
	
	#page-accueil-categories.catalogue .contenu .type {width: 31.6%;}
	
	.batiments {display: block;}
	.batiments .bat1, .batiments .bat2 {width: 100%; max-width: 100%;}
	.batiments .bat1 {padding-bottom: 45px;}
}

@media screen and (max-width: 595px)
{
	#page-accueil-categories .col-type {width: 50%;}
	#page-accueil-categories .contenu {max-width: 500px;}
	
	#pied-de-page .coordonnees .nom {font-size: 17px;}
	.display-mobile-2 {display: inline;}
	.no-display-mobile-9 {display: none;}
	.display-mobile-9 {display: inline;}
	.no-display-mobile-10 {display: none;}
	.display-mobile-10 {display: inline;}
	.no-display-mobile-11 {display: none;}
	.display-mobile-11 {display: inline;}
	
	#page-accueil-liste-machines .contenu {padding-bottom: 175px;}
	
	#page .contenu .col-liste-produits {padding-bottom: 120px;}
	
	#page.page-infos {padding-bottom: 223px;}
	
	#page.page-votre-devis .contenu {padding-bottom: 280px;}
	
	#page.page-votre-devis form {padding-left: 0; padding-right: 0;}
	
	
	#page.page-votre-devis .produit-devis .photo {height: 105px; width: 37%;}
	#page.page-votre-devis .produit-devis .photo img {max-height: 105px;}
	#page.page-votre-devis .produit-devis .desc {height: 105px; padding-top: 0; padding-left: 8px; width: 55%; font-size: 15px; line-height: 21px;}
	#page.page-votre-devis .produit-devis .supr {height: 105px; padding-top: 40px; padding-right: 5px; width: 8%;}
	
	.infos-pratiques-droit {padding-left: 0; padding-right: 0;}
	
	#page.page-produit .list-produits .produit {max-width: 345px; margin: auto; float: none;}
	#page.page-produit .autres-produits .list-produits {padding-bottom: 90px;}
	
	.lien-marque-prod {display: block; position: relative; right: auto; top: auto; text-align: center;}
	#page .contenu #infos-produit .desc-droit .bouton-devis {padding-top: 25px;}
	
	body {padding-bottom: 316px;}
		
	#page-accueil-liste-machines .contenu {padding-bottom: 220px;}
}

@media screen and (max-width: 515px)
{
	h1, h2 {font-size: 29px; line-height: 36px;}
	
	.input-recherche input {width: 68%;}
	.contenu-marques select {width: 85%;}
	.select-categorie {display: block;}
	.categories {display: none;}
	
	.qr-code-div img {width: 100% !important; max-width: 380px;}
	
	.partenaires li {width: 100%;}
	
	#page .contenu #infos-produit .code {position: inherit; padding-top: 20px;}
	#page .contenu #infos-produit .reference {padding-bottom: 0;}
	
	#page-accueil-categories.catalogue .contenu .type {width: 47.1%;}
}

@media screen and (max-width: 480px)
{
	#page .contenu #infos-produit .photo {width: 100%;}
	#page .contenu #infos-produit .diaporama {width: 100%;}
	#page .contenu #infos-produit .diaporama img {width: 100%;}
	#page .contenu #infos-produit {padding-top: 20px;}
	#page .contenu #infos-produit .photo {min-height: auto;}
	
	.page-produit h1 {font-size: 26px;}
	#page .contenu #infos-produit .reference {font-size: 21px;}
	#page.page-produit h2 {font-size: 25px;}
	
	#page.page-produit .desc-technique {padding-top: 15px;}
	
	#page .contenu #infos-produit {padding-bottom: 50px;}
	
	.list-installations .installation {margin-left: -10px; margin-right: -10px;}
	.list-installations .installation a img {width: 380px;}
	#page-accueil-categories .type {height: 130px;}
	
	#page-accueil-categories.catalogue {display: none;}
	#page.page-liste-produit .contenu {margin-top: 140px;}
}

@media screen and (max-width: 425px)
{
	#page-accueil-categories .col-type.col-type6 {width: 100%;}
	#page-accueil-categories .type-last {height: 195px;}
	#page-accueil-categories .type-last img {padding-top: 20px; padding-bottom: 18px;}
	#page-accueil-categories .type-last .texte {padding-top: 18px; padding-bottom: 14px;}
	#page-accueil-categories .type-last .texte br {display: none;}
}

@media screen and (max-width: 375px)
{
	#page .contenu .col-liste-produits {max-width: 300px;}
	#page .contenu .col-liste-produits .list-produits {width: 300px;}
	#page .contenu .col-liste-produits .list-produits .produit .etat {right: 0; width: 300px; top: 197px;}
	#page .contenu .col-liste-produits .list-produits .produit .lien {right: 0; top: 197px;}
	#page .contenu .col-liste-produits .list-produits .produit .photo {height: 212px;}
}