@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
 @font-face {
     font-family: 'blackoutregular';
     src: url('../../css/fonts/blackout-webfont.ttf') format('ttf'), url('../../css/fonts/blackout-webfont.woff2') format('woff2'), url('../../css/fonts/blackout-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 .bo_paragraphe {
     border: 1px dashed #C00000;
     margin-bottom: 5px;
}
 .bo_paragraphe p.bo_barre_boutons {
     font-size: 0.85em;
     background: #FAFAFA;
}
 #backoffice_menu_haut {
     width: 1030px;
     margin: 0 auto;
}
 a {
     text-decoration: none!important;
}
 body {
     font-size: 14px;
     color:#0c404f;
     font-weight: 400;
     -webkit-font-smoothing: antialiased;
     margin: 0;
     padding: 0;
     position: relative;
     font-family: 'Roboto', sans-serif;
}
.PGS_COMPTE #contenu{
    border-bottom:15px solid #0c404f;
    margin-bottom:30px;
}
/* clean */
/* Titres */
 .clr {
     clear: both;
}
 #ariane {
     width: 100%;
     margin: auto;
     font-size: 14px;
     box-sizing: border-box;
     border-bottom: 1px solid #e9e9e9;
     margin-bottom: 20px;
}
 .ariane {
     width: 1170px;
     margin: auto;
     padding: 10px;
}
 h1 {
     font-size: 1.75em;
}
 h2 {
     font-size: 1.5em;
}
 h3 {
     font-size: 1.25em;
}
 h4 {
     font-size: 20px;
     margin-bottom: 10px;
     color: #3A4046;
}
/* Listes */
 ul, ol {
     margin: .75em 0 .75em 32px;
     padding: 0;
}
/* Paragraphes */
 p {
     margin: .75em 0;
}
 address {
     margin: .75em 0;
     font-style: normal;
}
 em {
     font-style: italic;
}
 strong {
     font-weight: bold;
}
/* Formulaires */
 form, fieldset {
     margin: 0;
     padding: 0;
     border: none;
}
 input, button, select {
     vertical-align: middle;
}
/**********/
/* Boites */
/**********/
 .pageAccueil #contenu {
}
 #services {
     background-color: #f5f5f5;
     text-align: center;
     font-size: 0;
     padding: 70px 0px;
     padding-top: 0px;
}
 #services .center {
     width: 100%;
}
 #services h2 {
     background-color: #f5f5f5;
}
 .center {
     width: 1140px;
     margin: auto;
}
 .atout {
}
 .service {
     font-size: 0;
     display: inline-block;
     position: relative;
     z-index: 5000;
     width: 48%;
     box-sizing: border-box;
     margin-bottom: 4%;
}
 .service:nth-child(even) {
     margin-right: 4%;
}
 .pageAccueil .section-banner {
     height: 400px;
     z-index: 1;
     position: relative;
}
 .section-banner {
     height: 400px;
    /* z-index:1000;
     */
     position: relative;
}
 .md-slide-wrap {
     margin: 0 auto 0;
}
 .pageAccueil .md-slide-wrap {
     height: 400px!important;
}
 .md-slide-wrap {
     height: 400px!important;
     position: relative;
     position: relative;
}
 .pageAccueil .md-item-wrap {
     height: 400px!important;
}
 .md-mainimg {
     overflow: hidden;
}
 .md-item-wrap {
     overflow: hidden;
    /* height: 300px;
     */
     height: 400px;
     position: relative;
}
 #traduction {
     color: #202020;
     position: absolute;
     top: 30px;
     right:20px;;

     z-index: 1000;

}
#traduction img{
    width:30px;
    vertical-align:middle;
}
 .current_lang {font-size:0;
     text-align:left;
     cursor: pointer;
}
 #traduction a {
     color: #101010;
     font-size: 14px!important;
}
 #traduction ul {
     margin: 0;
     margin-left: 20px;
     height: 0;
     overflow: hidden;
}
 #traduction ul li {
     list-style: none;
}
 #traduction a i {
     padding-right: 15px;
}
 #traduction span i {
     padding-right: 10px;
     font-size:16px;
     vertical-align:middle;
}
 .md-strips-container, .md-blocks-container {
     overflow: visible;
     position: absolute;
     top: 0;
     z-index: 100;
     height: 100%;
     width: 100%;
}
 .md-arrow .md-arrow-left, .md-arrow .md-arrow-right {
     width: 30px;
     height: 110px;
     line-height: 110px;
     background: rgba(0, 0, 0, 0.25);
}
 .md-arrow-left, .md-arrow-right {
     width: 40px;
     height: 40px;
     position: absolute;
    /* top: 50%;
     */
    /* margin-top: -20px;
     */
     cursor: pointer;
     z-index: 3;
}
 h1, h2, h3, h4, h5, h6, .font-heading {
     font-family: 'Roboto', sans-serif;
     color: #333;
     font-weight: normal;
     line-height: 1.7;
     letter-spacing: -0.2px;
     margin-top: 0;
}
 .md-arrow .md-arrow-left span, .md-arrow .md-arrow-right span {
     position: relative;
}
 .md-arrow .md-arrow-left span:before, .md-arrow .md-arrow-right span:before {
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
     text-decoration: inherit;
     color: #fff;
     font-size: 35px;
     position: absolute;
}
 .md-arrow .md-arrow-left {
     left: 0;
}
 .md-arrow .md-arrow-left span {
     left: 5px;
}
 .md-arrow .md-arrow-left span:before {
     content: "\f104";
}
 .md-arrow .md-arrow-right {
     right: 0;
}
 .md-arrow .md-arrow-right span {
     left: 10px;
}
 .md-arrow .md-arrow-right span:before {
     content: "\f105";
}
 @media (max-width: 767px) {
     .md-objects {
         display: none;
    }
}
 @media (max-width: 640px) {
     .md-arrow .md-arrow-left, .md-arrow .md-arrow-right {
         width: 20px;
    }
     .md-arrow .md-arrow-left span:before, .md-arrow .md-arrow-right span:before {
         font-size: 25px;
    }
}
 .service a {
     position: relative;
     display: block;
     overflow: hidden;
    /* padding-bottom:65px;
     */
}
 .service a:hover .info-service {
     top: 0;
     background-color: rgba(255, 255, 255, 0.8);
}
 .deus .service {
     width: 49%;
}
 #produit .container {
     width: 1170px;
     margin: auto;
     font-size: 0;
     margin-top: -70px;
}
 .pageAccueil .menu-sub {
    /* display:none!important;
     */
}
 .featured-box {
     position: relative;
     position: relative;
     z-index: 5000;
}
 .coin {
     position: absolute;
     top: 0;
     right: 0;
     z-index: 10;
}
 .featured-box-thumb {
     overflow: hidden;
     z-index: 2;
     position: relative;
}
 .featured-box .featured-box-thumb > a {
     position: relative;
     display: block;
     border: 5px solid #fff;
}
 .featured-box .featured-box-thumb img {
     width: 100%;
}
 .featured-box .featured-box-content {
     padding: 0px 0px 20px 0px;
     background-color: #fff;
     bottom: 0px;
     width:100%;
     height: 100%;
     box-sizing: border-box;
     top: calc(100% - 47px);
     position: absolute;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
    /* height:210px;
     */
}
 .featured-box:hover .featured-box-content {
     top: 0px;
     background-color: rgba(255, 255, 255, 0.7);
}
 .featured-box .featured-box-content h4 {
     margin-bottom: 12px;
     padding: 10px 20px;
}
 .featured-box h4 {
     font-size: 16px;
     background-color: #fff;
}
 .featured-box-content p {
     color: #000!important;
     font-size: 14px!important;
}
 .featured-box-content p, .featured-box-button {
     padding: 0px 20px!important;
}
 .featured-box-button {
     margin-top: 15px;
}
 .featured-box .featured-box-content .featured-box-button a {
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 0.3px;
     font-size: 14px;
     color: #83a803;
}
 .atout, .block-services {
     width: 44%;
     display: inline-block;
     vertical-align: top;
     padding: 0 1%;
     margin-top: -50px;
     background-color: #f5f5f5;
     position: relative;
    /* z-index:1000;
     */
}
 .atout h2, .block-services h2 {
     padding-top: 15px;
     padding-bottom: 0px;
}
 .service a {
     text-decoration: none!important;
}
 .atout {
     margin-right: 2%;
}
 .info-service {
     height: 100%;
     background-color: #fff;
     padding: 0px 0px 20px 0px;
     box-sizing: border-box;
     top: calc(100% - 50px);
     position: absolute;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .info-service p {
     color: #000!important;
     padding: 0 20px!important;
     text-align: left!important;
}
 #services img {
     width: 100%;
     padding: 0!important;
}
 .info-service h5 {
     color: #606060;
     font-family: 'Roboto', sans-serif;
     color: #333;
     background-color: #fff;
     margin: 0;
     font-size: 18px;
     font-weight: 300;
     line-height: 22px;
     text-transform: none;
     text-align: left;
     padding: 15px 20px 15px 20px;
     margin-bottom: 15px;
}
 .info-service h5 a:hover {
     text-decoration: none;
     color: #f7be68;
}
 #centreetdroite section p {
     text-align: center;
     color: #888888;
     font-size: 14px;
     padding: 0px;
     line-height: 22px;
    /* margin-bottom: 60px;
     */
}
 .icone {
     position: absolute;
     top: -26.5px;
     margin-left: -26.5px;
     left: 50%;
     background-color: #1e1e1e;
     color: #ffffff;
     font-size: 24px;
     height: 53px;
     width: 53px;
     text-align: center;
}
 .icone .fa {
     line-height: 53px;
}
 #conteneur_contenu {
     position: relative;
     min-width: 1000px;
     width: 100%;
     margin: 0 auto;
    /* z-index: 10000;
     */
}
 #header {
     min-width: 1000px;
     width: 100%;
     position: absolute;
     margin: 0px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     padding: 0px;
     z-index: 6000;
     top:20px;
     background-color:rgba(255,255,255,0.8);
}
 #header:hover {
     z-index: 10000;
}
 .scroll_down #header {
     position: fixed;
     top:0;
     z-index: 10000;
}
 .scroll_down #logo img {
     height: 80px!important;
}
 .page-heading {
     background-size: cover;
     background-repeat: no-repeat;
     padding: 7px 15px;
     text-align: left;
     position: relative;
     background-position: top center;
     background-image: none!important;
     background-color: #0c404f;
     margin: auto;
     padding:150px 0 10px;
}
.bg_actu{
    padding-bottom:20%;
}
.title_actu .container{
    width:100%!important;
    padding:0 10%;
}
.PGS_SPECIALE_7  .page-heading {
    background-image:url(../../images/interface/bg_aidealapose.jpg)!important;
}
.PGS_SPECIALE_7  .page-heading h2{
    color:#0c404f!important;
}
 .page-heading .container {
     margin: auto;
     position: relative;
     z-index: 2;
     width: 1170px;
}
 .page-heading .page-title h2 {
     font-size: 25px;
     text-transform:none;
     font-weight: 400;
     color: #fff;
     padding-bottom: 0;
     margin-bottom: 0px;
     font-size:200px;
     line-height:200px;
    /* margin-top:40px;
     */
     font-family: 'blackoutregular';
}
 .page-heading .page-title h2:after {
     background-color: #1059a6!important;
     width: 90px!important;
}
 .page-heading .page-title .line-dec {
     margin: 10px 0px;
     width: 90px;
     height: 1px;
     background-color: #1059a6;
     display: none;
}
 .page-heading .page-title span {
     font-size: 24px;
     font-weight: normal;
     color: #2d3031;
     line-height: 36px!important;
}
 #header #logo {
     z-index: 1000;
     text-align: center;
    /* padding-top: 15px;
     */
     margin: 0px;
}
 #header #logo img {
    /* padding-top: 10px;
     */
     z-index: 39;
     height: 88px;
     padding: 15px 0;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 #conteneur_header {
     max-width: 1760px;
     font-size: 0;
     margin: auto;
     position: relative 
}
 #header h1 {
     margin: 0px;
     padding: 0px;
     font-size: 1.65em;
}
 #header img {
     margin: 0;
     padding: 0;
     background-image: none;
}
/* ============================================================================= * MENU * ===========================================================================*/
 #menu_haut {
     list-style-type: none;
    /* background: #314555;
     */
    /* position: relative;
     */
    /* padding-left: 38px;
     */
    /* width: 1180px;
     */
     margin: auto;
     font-size: 0;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 #menu_haut > ul > li {
     display: inline-block;
     text-transform: uppercase;
     font-size: 14px;
    /* border-left: 1px solid #405667;
     */
     position: relative;
     transition: 0.5s all ease;
     -webkit-transition: 0.5s all ease;
}
 #menu_haut > ul > li:hover {
    /* background: #2a3b48;
     */
}
 #menu_haut ul {
     margin: 0!important;
     padding: 0!important;
     text-align: center;
}
 #menu_haut li:first-child {
     border-left: 0px;
}
 #menu_haut li a {
     display: block;
     text-align: center;
     padding: 16px 15px 14px 15px;
     color: #111;
     transition: 0.5s all ease;
     -webkit-transition: 0.5s all ease;
     outline: none;
     text-decoration: none;
     font-weight: 400;
     text-transform: none;
     text-transform:uppercase;
     font-size:16px;
}
 #menu_haut > ul > li > a {
    /* border-bottom:2px solid #fff;
     */
}
 #menu_haut > ul > li:hover > a:nth-child(1) {
     border-color: #22a127;
}
 .menu-sub {
     text-align: left;
     position: absolute;
     top: 49px;
     z-index: 999;
     padding: 0 0;
     background: #fff;
     left: -17px;
     list-style-type: none;
}
 .menu-sub a {
     font-size: 13px;
}
 .menu-sub > li {
     display: block !important;
     transition: 0.5s all ease;
     -webkit-transition: 0.5s all ease;
}
 .menu-sub > li:hover {
     background: #83a803;
}
 .menu-sub > li:hover a {
     color: #fff!important;
}
 .menu-sub a {
     min-width: 150px;
     padding: 10px 13px 10px 15px !important;
     color: #999!important;
}
 #menu_haut > ul > li > ul {
     top: 100px;
}
 #menu_haut ul ul {
     left: -9999px;
     opacity: 0;
     -webkit-transition: top .2s ease, opacity .2s ease;
     -moz-transition: top .2s ease, opacity .2s ease;
     -ms-transition: top .2s ease, opacity .2s ease;
     -o-transition: top .2s ease, opacity .2s ease;
     transition: top .2s ease, opacity .2s ease;
}
/*******************************/
/* specific to non IE browsers */
/* ============================================================================= * End of Menu * ===========================================================================*/
 #header_popup {
     display: none;
}
 .pageAccueil #contenu {
     margin-top: 0px;
     z-index: inherit;
}
 #contenu {
     margin: 0;
     padding: 0;
     position: relative;
     width: 100%;
     margin: auto;
    /* margin-top: -46px;
     */
     z-index: 1100;
     background-repeat: no-repeat;
     background-position: right bottom;
     margin-bottom:50px;
}
 .scroll_down #contenu {
    /* padding-top:150px!important;
     */
}
 .scroll_down #header #logo img {
     padding-left: 40px;
    /* height:80px;
     */
}
 .page_liquid #contenu {
     width: 100%!important;
}
 .page_liquid #centreetdroite {
     width: 100%!important;
}
 .pageAccueil #contenu {
     padding: 0px;
     width: 100%;
}
 .pageAccueil #contenu h2 {
    /* display: none;
     */
}
 .pageAccueil #ariane {
     display: none;
}
 #contenu_scroller {
     text-align: justify;
     margin: auto;
}
 .left-produit, .right-produit {
     display: inline-block;
     vertical-align: top;
}
 .right-produit {
     padding-top: 80px;
     width: 560px;
}
 .left-produit {
     width: 600px;
     text-align: center;
}
 .description {
     border: 1px solid #ccc;
     padding: 20px;
     border-radius: 5px;
     margin-top: 80px!important;
     position: relative;
}
 .description h4 {
     border: 1px solid #ccc;
     border-bottom: 0;
     display: inline-block;
     padding: 5px 10px;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     top: -41px;
     position: absolute;
     background-color: #fff;
     font-size: 18px;
}
 .description h5 {
     font-size: 16px;
     margin-bottom: 0px;
}
 .description ol {
     margin: 0;
     margin-left: 20px;
     margin-bottom: 15px;
}
 #top-produit {
     margin-bottom: 30px;
}
 .left-produit > img {
     float: none;
}
 .big-img img {
     float: none;
     max-width: 500px;
     height: auto;
}
 .big-img {
     margin-bottom: 15px;
}
 .big-img a {
     display: block;
     margin: auto;
}
 .list-photo a {
     margin-left: 15px;
     display: inline-block;
     width: 100px;
     vertical-align: top;
     height: 100px;
     overflow: hidden;
     text-align: center;
}
 .list-photo a img {
     height: 100%;
     width: auto;
}
 #gauche {
     float: right;
     margin: 0;
     padding: 0;
     padding: 0 0 0 20px;
    /* background-image: url(../../images/interface/fond-gauche.png);
     */
     background-repeat: no-repeat;
     background-position: left center;
     width: 262px;
}
 .md-arrow {
     z-index: 2000;
     position: absolute;
     top: 50%;
     width: 100%;
     margin-top: -55px;
}
 #centre {
     width: 620px;
     margin: 0;
     margin-left: 30px;
     padding: 0;
}
 #centreetdroite {
     width: 100%;
     margin: auto;
     padding-bottom: 20px;
}
 .pageAccueil #centreetdroite {
     padding-bottom: 0;
     height: auto!important;
     width: 100%!important;
}
 .actus {
     padding: 80px 0px;
     font-size: 0;
     background-color: #fff;
}
 .actus h3 {
     font-size: 30px;
     font-weight: bold;
     line-height: 1.2;
     color: #3a3a3a!important;
     margin-bottom: 22px;
     text-align: left;
     padding-bottom: 25px;
     text-transform: none;
     position: relative;
}
 .actus .center > p {
     margin-bottom: 40px!important;
}
 .actu {
     display: inline-block;
     width: 30.59%;
     box-sizing: border-box;
     max-width: 368px;
}
 .actu:nth-child(1) {
     margin-right: 2.74333333333%;
}
 .actu:nth-child(3) {
     margin-left: 2.74333333333%;
}
 .actu:nth-child(2) {
     margin: 0 1.371666666666%;
}
 .actu .photo-actu a {
     display: block;
}
 .actu .photo-actu a img {
     display: block;
     max-width: 100%;
}
 .actu .photo-actu {
     position: relative;
}
 .pageAccueil .date {
     background-color: #22a127;
     position: absolute;
     top: 10px;
     left: 10px;
     font-size: 14px;
     color: #fff;
     text-align: center;
     border: 1px solid #fff;
     width: 40px;
     height: 30px;
     padding-top: 3px;
     padding-bottom: 5px;
     line-height: 20px;
     font-weight: 500;
     line-height: 15px;
}
 .info-actu {
     background-color: #fff;
     box-sizing: border-box;
     padding: 20px 20px;
}
 .info-actu p {
     text-align: left!important;
}
 .info-actu h4 {
     margin-top: 0;
}
 .info-actu h4 a {
     color: #333333!important;
     font-weight: 500!important;
}
 #droite {
     width: 300px;
     margin: 0;
     padding: 0;
    /*float:right;
    */
     position: absolute;
     top: 0px;
     right: 0px;
}
 #pied #conteneur_pied {
     background-color:#fff;
     color: #fff;
     max-width: 1720px;
     width:95%;
     margin: 0 auto;
     height: auto;
     padding:25px 0px;
    /* margin-bottom:40px;
     */
}
 .col1 p {
     font-size: 13px;
     color: #999;
}
 #pied h5 {
     text-transform: uppercase;
     color: #fff;
     font-weight: 300;
     margin-top: 0;
     position: relative;
    /* padding-bottom: 15px;
     */
     margin-bottom: 15px;
     letter-spacing: -0.5px;
     font-size: 18px;
     padding-bottom: 15px;
}
 #pied h5:after {
     content: "";
     background: #22a127;
     width: 50px;
     height: 2px;
     display: block;
     position: absolute;
     bottom: 0;
     left: 0;
}
 #pied h5:after {
}
 .pageAccueil h2 {
    /* display:none;
     */
}
 #pied {
     width: 100%;
     margin: auto;
     background-color:#0c404f;
     color: #fff;
}
 .bx-wrapper {
     position: relative;
}
 .img-slide {
     width: 100%;
     height: 221px;
     overflow: hidden;
}
 .img-slide img {
     width: 100%;
     height: auto;
}
 .sh-blog .blog-image {
     position: relative;
     margin-bottom: 20px;
}
 .sh-blog .blog-content-tile {
     font-size: 16px;
     margin-bottom: 10px;
}
 .post-date {
     padding: 6px 0px 5px;
     border-top: 1px solid #e9e9e9;
     border-bottom: 1px solid #e9e9e9;
     display: block;
}
 .post-date i {
     margin-right: 3px;
     color: #ccc;
     font-size: 11px;
}
 .slide h4 a {
     font-size: 16px!important;
     margin-bottom: 10px;
     color: #333;
}
 .post-date span {
     margin-right: 15px;
     font-size: 11px;
}
 .slide h4 {
     margin-top: 20px;
}
 .slide p {
     margin-bottom: 15px!important;
     margin-top: 15px!important;
     font-size: 14px!important;
     line-height: 22px!important;
}
 .slide p br {
     display: none;
}
 .slide p + a, .suite {
     background-color: rgb(255, 255, 255);
     border: 1px solid #dddddd;
     box-sizing: border-box;
     color: rgb(136, 136, 136)!important;
     display: inline-block;
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     height: 33px;
     line-height: 17.1429px;
     margin-bottom: 0px;
     padding-bottom: 7px;
     padding-left: 12px;
     padding-right: 12px;
     padding-top: 7px;
     text-align: center;
     transition-delay: 0s;
     transition-duration: 0.3s;
     transition-property: all;
     vertical-align: middle;
}
 .suite {
     font-size: 15px;
}
 .bx-controls .bx-controls-direction a {
     position: absolute;
     top: -60px;
     text-align: center;
     width: 35px;
     height: 35px;
     border: 2px solid #e9e9e9;
     background: transparent;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     cursor: pointer;
     line-height: 35px;
     left: auto;
     z-index: 1;
     text-indent: inherit;
     -webkit-transition: inherit;
     -moz-transition: inherit;
     -o-transition: inherit;
     transition: inherit;
}
 .bx-controls .bx-controls-direction a.bx-prev {
     right: 40px;
}
 .bx-controls .bx-controls-direction a.bx-next {
     right: 0px;
}
 .bx-controls .bx-controls-direction a i {
     font-size: 25px;
     color: #ccc;
     margin-top: 5px;
}
 .bx-controls .bx-controls-direction a:hover {
     border-color: #aaa;
}
 .bx-controls .bx-controls-direction a:hover i {
     color: #555;
}
/**********/
/* GAUCHE */
/**********/
/**********/
/* CENTRE */
/**********/
 img.imgtitre {
     margin-left: 0px!important;
     padding: 9px!important;
     padding-left: 0px!important;
}
 img.mdl_billet {
     padding-right: 5px!important;
     padding-bottom: 5px!important;
     padding-top: 5px!important;
}
 h2 img.imgtitre {
     margin-left: 0px!important;
     padding: 0px!important;
}
 h2, h3 {
     font-size: 1.25em;
     color: #3A4046;
     margin-top: 0;
}
 h3 {
     font-size: 20px;
     margin-bottom: 10px;
}
 .about {
     background-image: url(../../../images/interface/recent-bg.jpg);
     background-color: #eee;
     background-repeat: no-repeat;
     background-size: cover;
     text-align: center;
     padding: 50px 0px;
}
 #produit {
     padding-bottom: 50px;
     background-color: #f8f9f9;
}
 .container {
     width: 1140px;
     margin: auto;
     text-align: left;
}
 .recent-projects .section-heading {
     text-align: left;
     display: inline-block;
     margin: 0;
}
 .about .left-about {
     width: 40%;
     display: inline-block;
     margin-right: 5%;
     vertical-align: top;
}
 .about .left-about img {
     width: 100%;
}
 .about .right-about {
     width: 54%;
     display: inline-block;
     vertical-align: top;
}
 .about .left-about h3 {
     font-size: 30px;
     font-weight: bold;
     line-height: 1.2;
     color: #3a3a3a!important;
     margin-bottom: 22px;
     text-align: left;
     padding-bottom: 25px;
     text-transform: none;
     position: relative;
}
 .about .right-about p.accroche {
     font-weight: bold;
     letter-spacing: 0.1px;
     font-size: 14px!important;
     text-align: left!important;
     line-height: 23px;
     color: #fff!important;
     min-height: 72px;
     margin-bottom: 15px!important;
}
 .about .right-about p {
     letter-spacing: 0.1px;
     font-size: 14px!important;
     text-align: left!important;
     line-height: 23px!important;
     color: #fff!important;
     min-height: 72px;
     margin-bottom: 15px;
}
 .about .right-about a {
     color: #222;
     background-color: #fff;
     display: inline-block;
     font-size: 14px;
     padding: 10px 27px;
     margin-bottom: 15px;
     margin-right: 15px;
     outline: none;
     cursor: pointer;
     text-transform: uppercase;
     font-weight: 400;
     border: none;
     letter-spacing: 1px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     margin-top: 20px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     border: 1px solid #fff;
}
 .about .right-about a:hover {
     background-color: transparent;
     color: #fff;
}
 .news {
     padding: 70px 0px;
     font-size: 0;
}
 #centreetdroite .news h4 a {
     font-size: 18px!important;
}
 .news h3 {
     text-align: center;
     margin-bottom: 0;
     padding-bottom: 0;
}
 .news h3:after {
     display: none;
}

 .pageAccueil h2 {
     font-family: 'Roboto', sans-serif;
     font-size: 26px;
     text-align: left;
     font-weight: 700;
     margin-top: 0px;
     margin-bottom: 20px;
     color: #fff!important;
     position: relative;
     padding-bottom: 10px;
}
 .pageAccueil h2:after {
     position: absolute;
     height: 2px;
     width: 80px;
     bottom: 0;
     left: 0;
     content: "";
     background: #83a803;
}
 h2 {
     margin-bottom: 20px;
     padding-bottom: 13px;
     position: relative;
     text-transform: uppercase;
     letter-spacing: -1px;
     font-family: 'Roboto', sans-serif;
     font-size: 30px;
     line-height: 1.2;
     z-index: 1000;
     color: #222;
}
 .ariane a {
     text-decoration: underline;
     color: #8C8C8C 
}
 #section-latest-blog h2 {
     color: #333!important;
     width: 400px;
    /* margin-left:15px;
     */
     max-width: 100%;
     margin-bottom: 30px;
}
 .services-list {
     font-size: 0;
}
 #section-latest-blog {
     padding: 50px 0px;
}
 #section-latest-blog .container {
     width: 1170px;
}
 #section-latest-blog .col-md-12 {
     width: 33.33333%;
     display: inline-block;
     vertical-align: top;
     padding: 0 15px;
     box-sizing: border-box;
}
 .col-md-12 img {
     width: 100%;
}
 #centre p img {
     padding: 0 5px;
     margin: 0;
}
 p, p, ul li, ol li {
     margin: 0;
     padding: 0 0 5px 0;
     line-height: 1.4em;
     color: #222;
     font-size: 16px;
}
 #picto {
     position: fixed;
     right: 0px;
     top: 410px;
     width: 50px;
     z-index: 6000;
     padding: 10px 0px 10px 10px;
}
 #picto a span.picto, #picto form button {
     z-index: 10;
     background-color: #222;
     font-size: 30px;
     color: #fff;
     position: relative;
     display: block;
     width: 50px;
     line-height: 40px;
     height: 50px;
     margin-bottom: 8px;
     border: 0;
     cursor: pointer;
}
 #picto form input[type="submit"] {
     text-indent: -900px;
     background-color: transparent;
     border: 0px;
}
 #picto a, #picto form {
     display: block;
     position: relative;
     width: 50px;
     box-sizing: content-box;
}
 #picto form {
     height: 50px;
     margin-bottom: 8px!important;
}
 #picto form input[type="submit"] {
     content: "\f002";
}
 #picto a:nth-child(1) i {
     margin-left: 14px;
     margin-top: 10px;
}
 #picto a:nth-child(2) i {
     margin-left: 12px;
     margin-top: 10px;
}
 #picto a:nth-child(3) i {
     margin-left: 11px;
}
 #picto a:nth-child(4) i {
     margin-left: 11px;
}
 #picto a:nth-child(3) {
     margin-bottom: 0;
}
 #picto a i {
     margin-top: 9px;
}
 #picto a .text, #picto form .text {
     background-color: #222;
     font-size: 18px;
     width: 0;
     overflow: hidden;
     display: block;
     box-sizing: content-box;
     position: absolute;
     top: 0px;
     right: -30px;
     z-index: 8;
     height: 30px;
     color: #fff;
     padding: 10px;
     padding-left: 20px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     line-height: 28px;
}
 #picto a .text em {
     display: block;
     width: 200px;
     font-style: normal;
}
 #picto a:hover .text {
     width: 150px;
}
 #picto a:nth-child(1):hover .text {
     width: 150px;
}
 #picto a:nth-child(2):hover .text {
     width: 150px;
}
 #picto a:nth-child(4):hover .text {
     width: 250px;
}
 #picto a:nth-child(3):hover .text, #picto form:hover .text {
     width: 270px;
}
 .blur {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: #000;
     opacity: .0;
     -moz-opacity: .0;
     z-index: 1;
     -ms-filter: "alpha(opacity=0)";
     filter: alpha(opacity=0);
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
     -ms-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .on-opacity .blur {
     z-index: 4900;
     background: #000;
     opacity: .65;
     -moz-opacity: .65;
     -ms-filter: "alpha(opacity=65)";
     filter: alpha(opacity=65);
}
 #opacity {
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     display: none;
     position: fixed;
     z-index: 4900;
     background: #000;
     opacity: .65;
     -moz-opacity: .65;
     -ms-filter: "alpha(opacity=65)";
     filter: alpha(opacity=65);
}
 .fond_body_1 {
     position: relative;
    /*! z-index: 5000;
     */
}
 img.picto {
     padding: 2px 2px 0 0;
}
 img.immo, img.immo_vignette {
     padding: 0 4px;
     background-color: #FFFFFF;
}
 #droite img.immo, #droite img.immo_vignette {
     padding: 0 4px;
     border: 1px solid #000000;
     background-color: #FFFFFF;
}
/**********/
/* DROITE */
/**********/
 input {
     font-size: 0.85em;
}
 select {
     font-size: 0.85em;
}
 #gauche h4 a {
     color: #36b5e4!important;
}
 #gauche p {
     color: #1a333c!important;
}
 #gauche #paragraphe146 .suite {
     position: absolute;
     background-color: #36b5e4;
}
 #gauche #paragraphe146 .suite:hover {
     background-color: #36b5e4;
     color: #fff!important;
     border: none;
}
 #gauche .mdl_billet p {
     padding-bottom: 40px;
}
 #gauche h3 {
     text-transform: uppercase;
}
/********/
/* PIED */
/********/
 #pied {
     font-size: 0;
}
 #pied ul {
     margin: 0;
     padding: 0;
    /* text-align: center;
     */
}
 html>body #pied ul {
     margin: 0;
     list-style: none;
}
 #pied .col1 li {
     display: inline-block;
     width: 45%;
     margin-right: 3%;
}
 .col1, .col2, .col3 {
     width: 33.33333%;
     display: inline-block;
     vertical-align: top;
}
 #pied h3 {
     color: #eee;
     font-size: 15px;
     text-transform: uppercase;
     margin-bottom: 20px;
     letter-spacing: -0.1px;
     font-weight: 500;
     padding: 0;
}
 .col2 p {
     font-size: 15px;
     line-height: 30px;
}
 .col2 h5 {
     padding-bottom: 5px;
}
 .col2 ul li {
     width: 45%;
     display: inline-block;
     margin-bottom: 15px;
}
 .col2 ul li a {
     display: block;
     color: #ddd;
     font-size: 13px;
     padding: 0px 0 10px;
     transition: 1s all ease;
     -webkit-transition: 1s all ease;
     text-align: left;
}
 .col3 .contact-info-item .contact-text {
     width: 30px;
     display: inline-block;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-top: 2px;
     position: relative;
     font-size: 13px;
     color: #999;
}
 .col3 .contact-info-item {
     margin-bottom: 15px;
}
 .col3 .contact-info-item .contact-value {
     margin-left: 10px;
     color: #999;
     display: inline-block;
     font-size: 13px;
     vertical-align: top;
}
/**********/
/* HTML */
/**********/
 legend {
     font-weight: bold;
}
 label {
     font-weight: bold;
}
 label.intitule {
     display: inline;
     float: left;
     width: 120px;
}
 fieldset {
    /* padding: 5px;
     */
}
 #droite form {
     margin: 0px;
     padding: 0px;
}
 #droite fieldset {
     margin: 0px;
     border: none;
     padding: 0px;
     padding-left: 5px;
}
 #droite h3 {
     color: #eb6c0e;
}
 #droite fieldset p {
     padding: 0px;
     border: none;
}
 #droite fieldset legend {
     border: none;
     padding: 0px;
     padding-top: 10px;
     padding-bottom: 5px;
     color: #cd1671;
     font-weight: bold;
     background: transparent;
}
 #droite label {
     color: #666666;
     float: left;
     font-size: 10px;
     font-weight: normal;
}
 #droite input, #droite textarea {
     float: right;
     font-size: 10px;
     margin-top: -18px;
     border: 1px #666666 solid;
}
 #droite input.submit {
     float: right;
     font-size: 10px;
     margin-top: 10px;
     border: none;
}
 #centre div.paragraphe, #centreetdroite div.paragraphe {
     margin: 0;
}
 .par_style_2 .center_paragraphe{
     max-width:1170px;
     margin:auto;
}
 .video-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
     margin-top: 30px;
}
 .video-container iframe, .video-container object, .video-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/**************/
/* Modules */
/***********/
 .mdl_paragraphe2Colonne li {
     text-align: left !important;
}
 .mdl_image_aleatoire {
     margin: -2px 0 0 0;
}
 .mdl_citation_aleatoire p {
     padding: 0 10px;
}
 .mdl_citation_aleatoire p {
     color: #3d9bde;
}
 .mdl_citation_aleatoire em {
     font-weight: bold;
}
/* Liens */
 .consult_demande{
     background-image:url(../../images/interface/loupe_bleu.png);
     background-repeat:no-repeat;
     background-position:left center;
     padding-left:40px;
}
 a {
     text-decoration: none;
}
 a:link {
     color: #333;
}
 a:visited {
     color: #333;
}
 a.infobulle {
     position: relative;
     z-index: 24;
     color: #000;
     text-decoration: none;
     border: none;
}
.left_referencement p a{
    text-decoration:underline!important;
    color:#0c404f;
}
 a.infobulle, a.infobulle img {
     border: none;
     text-decoration: none;
     padding-left: 5px;
     padding-right: 5px;
}
 a.infobulle:hover {
     background: none;
     z-index: 25;
}
 a.infobulle span {
     display: none;
}
 a.infobulle:hover span {
     display: block;
     position: absolute;
     top: 0;
     left: 3em;
     padding: 2px;
     width: 20em;
     border: 1px solid #7F9DB9;
     background-color: #EDEDED;
     color: #000000;
     text-align: left;
     font-size: 0.8em;
     font-weight: normal;
}
 a:hover, a:focus, a:active {
     color: #000000;
     text-decoration: underline;
}
 a.glossaire {
    /*color:#e3721f;
    */
     color: #808080;
     text-decoration: underline;
}
 a.glossaire:visited {
     color: #808080;
     text-decoration: underline;
}
 a.alt {
     font-weight: bold;
}
 a.suite:visited {
     color: #ffffff;
}
 #droite a:link {
     color: #d96918;
}
 #droite a:visited {
     color: #d96918;
}
/* Pas de bordure autour des images dans les liens */
 a img {
     border: none;
}
 .col1 ul li a img {
     vertical-align: middle;
     padding-right: 10px;
}
/**********************/
/* Villes Suggestion */
 .villeSuggestionBox {
     position: relative;
     float: left;
     left: 0px;
     margin: 10px 0px 0px 0px;
     padding: 0;
     width: 200px;
     background-color: #FFFFFF;
     border: 1px solid #000;
     color: #000;
}
 .villeSuggestionList {
     margin: 0px;
     padding: 0px;
}
 .villeSuggestionList li {
     list-style: none;
     margin: 0px 0px 3px 0px;
     padding: 3px;
     cursor: pointer;
}
 .villeSuggestionList li:hover {
     background-color: #c0c0c0;
}
/***************************/
/* Recherche */
/***************************/
/* Tag clouds Couleurs orange #e3721f => 0,3 marron #603b0b => 1,4 marron clair #ac741a =>2,5 Bleu #3d9bde */
 #liste_mcl {
     padding: 5px;
     padding-top: 10px;
     padding-bottom: 10px;
     border: 1px #AAAAAA solid;
     background-color: #F9F9F9;
     color: #808080;
}
 #liste_mcl a {
     color: #808080;
     text-decoration: none;
}
 #liste_mcl a:hover {
     text-decoration: underline;
}
 #mdl_TopMCL a {
     color: #fff!important;
     ;
     text-decoration: none!important;
     font-weight: normal;
     display: inline-block;
     background-color: #2d343e;
     padding: 5px;
     border-radius: 3px;
}
 #mdl_TopMCL .mcl0, #mdl_TopMCL .mcl5, #mdl_TopMCL .mcl1, #mdl_TopMCL .mcl2, #mdl_TopMCL .mcl3, #mdl_TopMCL .mcl4 {
     margin-bottom: 5px;
     display: inline-block;
}
/* Immo */
 .mdl_immo_selecteur {
     position: relative;
     width: 918px;
     margin-right: -40px;
}
 .mdl_immo_selecteur table {
     width: 100%;
}
 .mdl_immo_selecteur th {
     color: #be8f05;
     text-align: left;
     padding-left: 20px;
     border-bottom: 1px solid #be8f05;
     font-size: 1.25em;
}
 .mdl_immo_selecteur ul {
     margin: 0px;
     padding: 0px;
}
 .mdl_immo_selecteur li {
     background-image: url(../../images/interface/fleche.gif);
     background-position: left top;
     background-repeat: no-repeat;
     list-style: none;
     padding-left: 20px;
     padding-right: 40px;
     margin-bottom: 5px;
}
 div.mdl_immo img.immo {
     background-color: #FFFFFF;
     padding: 6px !important;
     margin-right: 10px;
}
 #centreetdroite .mdl_immo table .insertion, #centre .mdl_immo table .insertion {
     display: block;
     text-align: center;
     background-color: transparent;
     padding: 0px;
     padding-left: 5px;
     margin: 0px;
     margin-right: -3px;
}
 p.bloc_tri {
     background-color: #544d47;
     color: white;
     padding: 5px;
}
 p.bloc_tri a {
     color: white;
     font-weight: bold;
}
 form.bloc_tri {
     background-color: #544d47;
     color: white;
     padding: 5px;
     text-align: right;
     margin-bottom: 5px;
}
 tr.annonce {
     padding-top: 5px;
}
 tr.annonce:hover {
     background-color: #fce8cd;
}
 tr.annonce h4 {
     margin: 0px!important;
}
 tr.annonce h4 a {
     color: #ff6600;
}
 tr.annonce td {
     border-top: 1px #AFAFAF dotted;
     padding-top: 10px;
     padding-bottom: 10px;
}
 td.footerannonce {
     background-color: #AFAFAF;
     padding-left: 2px;
     vertical-align: bottom;
}
 td.footerannonce p {
     margin: 0px!important;
     padding: 0px!important 
}
 td.footerannonce a {
     background-color: #000000;
     color: #FFFFFF;
     padding: 2px;
     padding-left: 4px;
     padding-right: 4px;
}
 .prix {
     color: #222;
     font-size: 1.25em;
     font-weight: bold;
}
 div.mdl_modele_fiche h2 {
     text-align: right;
     margin: 0!important;
     margin-right: 18px!important;
}
 div.mdl_modele_fiche h2 span {
     color: #fff;
     padding: 8px!important;
}
 div.modeles_similaires {
}
 div.modeles_similaires img {
     padding: 4px;
}
 .mdl_ligne_cev {
     margin-bottom: 0!important;
}
 .rechercher_modeles #frm_surface, .rechercher_modeles #frm_nb_pieces, .rechercher_modeles #frm_etage {
     width: 200px;
}
 .rechercher_modeles td {
     width: 387px;
}
 .prev_fred {
     background-image: url(../../images/interface/prev_fred.png);
     height: 55px;
     width: 46px;
     display: block!important;
     position: absolute;
     top: 210px;
}
 .next_fred {
     background-image: url(../../images/interface/next_fred.png);
     height: 55px;
     width: 46px;
     display: block!important;
     position: absolute;
     top: 210px;
     right: 0px;
}
 .pager a span {
     display: none;
}
 .pager a {
     background-color: #fff;
     width: 16px;
     height: 16px;
     display: inline-block;
     margin-left: 10px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     line-height: 40px;
     vertical-align: middle;
}
 .pager a.selected {
     background-color: #97bf0d;
     width: 16px;
     height: 16px;
     display: inline-block;
     margin-left: 10px;
     line-height: 15px;
     vertical-align: middle;
}
 #pager2 {
     position: absolute;
     width: 1920px;
     text-align: center;
     top: 400px;
}
 #position-menu {
     position: relative;
     width: 70%;
    /* margin-top: 60px;
     */
     text-align:center;
     display: inline-block;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     text-align: left;
     padding:0 25px;
     vertical-align:middle;
    /* background-color:#fff;
     */
}
 .link_header{
     display:inline-block;
     font-size:20px;
     vertical-align:middle;
     width:15%;
     padding:0 25px;
}
 .link_header .icon-box{
     display:inline-block;
     color:#000;
     cursor:pointer;
     padding:0 10px;
}
 .link_header .icon-box i{
     font-size:25px;
}
 #carousel_p div {
     text-align: center;
}
 #header #logo {
     text-align: left;
     vertical-align:middle;
     display: inline-block;
     padding:0 25px;
     width: 15%;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 @media screen and (min-width: 1000px) {
     body {
         overflow-x: hidden;
    }
     #menu_haut > ul > li:hover > ul {
         left: auto;
         top: 47px;
         opacity: 1;
    }
     #menu_haut > ul > li:nth-child(2):hover > ul {
         left: auto;
         top: 100%;
         opacity: 1;
         width: 290px;
    }
     #menu_haut > ul > li:nth-child(5):hover > ul {
         left: auto;
         top: 100%;
         opacity: 1;
         width: 210px;
    }
     .extend {
         display: none!important;
    }
}
 #totop {
     display: none;
     text-decoration: none;
     position: fixed;
     bottom: 20px;
     right: 20px;
     overflow: hidden;
     width: 51px;
     height: 51px;
     border: none;
     text-indent: -999px;
     background-image: url(../../images/interface/uitotop.png);
     background-repeat: no-repeat;
     background-position: left top;
     z-index: 900000;
     background-color: transparent;
}
 #totop:hover {
     background: url(../../images/interface/uitotop.png) no-repeat left -51px;
     width: 51px;
     height: 51px;
     display: block;
     overflow: hidden;
     float: left;
     cursor: pointer;
}
 .prevnext {
     font-size: 1.1em;
     color: #3c3c3c;
     margin: 0;
     margin-top: 20px;
     padding: 2px;
}
 .prevnext a {
     font-style: normal;
     background-color: #e6e6e6;
     width: 35px;
     height: 35px;
     display: inline-block;
     text-align: center;
     line-height: 35px;
     text-decoration: none;
     border-width: 1px 0px 1px 1px;
     border-style: solid;
     border-color: #e9e9e9;
     padding: 0;
     border: 1px solid #e9e9e9;
     margin: 0 -4px 0 0;
     display: inline-block;
     overflow: hidden;
    /* border: 0;
     */
     color: #8a7e88;
     background-color: #fff;
     margin: 0;
}
 .prevnext a:first-child {
     margin-left: 0px;
}
 .prevnext a:hover, .prevnext a.selected {
     background: #f9f9f9;
     color: #83a803;
}
 label {
     display: none;
}
 form p:last-child {
     margin: 0px!important;
}
 .billet_element {
     width: 33.3333%;
     display: inline-block;
     vertical-align: top;
     padding: 15px;
     box-sizing: border-box;
}
 body .billet_element > img {
     padding-top: 0px!important;
     float: none;
     max-width: 100%;
     height: auto;
     width: auto;
     display: block;
     margin: auto;
     height: 250px;
}
 body .billet_element h4 {
     font-size: 16px;
}
 .mdl_formulaire h3 {
     display: none;
}
.slide_full img{
    height:auto;
}

 *{
     box-sizing:border-box;
}
.inline_civi{
    display:inline-block;
}
.inline_civi *{
    width:auto!important;
    display:inline-block;
}
#list_real{
    margin-left:-15px;
    margin-right:-15px;
}
#list_real > a{
    display:inline-block;
    width:33.33333%;
    vertical-align:top;
    padding:15px;
}
#list_real > a img{
    width:100%;
    height:auto;

}
 .intro_gamme .center_section{
     max-width:1000px;
}
 .intro_gamme{
     padding:60px 0px;
}
 .center_section{
     margin:auto;
     max-width:1170px;
}
 .row_gamme{
     margin:0 -20px;
     font-size:0px;
     margin-bottom:40px;
     text-align:center;
}
 .block_gamme {
     position:relative;
}
 .big_block .features-overlay, .big_block_dark .features-overlay{
     position:absolute;
     top:35px;
     background-color:#b2cb11;
     text-align:center;
     left:0px;
     right:0px;
}
 .big_block_dark .features-overlay{
     background-color:#0c404f;
}
 .big_block .features-overlay h6, .big_block_dark .features-overlay h6{
     margin:0px;
     font-size:35px;
     color:#fff;
     font-weight:300;
     line-height:70px;
}
 .bg_green{
     width:100%;
     margin-top:40px;
     background-color:#b2cb11;
     color:#0c404f;
     height:220px;
}
.bg_green a,.bg_dark a{
    display:block;
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
}

 .bg_dark{
     width:100%;
     margin-bottom:40px;
     background-color:#0c404f;
     color:#0c404f;
     height:220px;
}
 .block_gamme h6{
     text-align:center;
     color:#0c404f;
     font-size:35px;
     font-weight:300;
     line-height:70px;
}
 .bg_green h6{
     position:absolute;
     left:0px;
     right:0px;
     top:26%;
     line-height:45px;
}
 .bg_dark h6{
     position:absolute;
     left:0px;
     right:0px;
     top:26%;
     color:#b2cb11;
     line-height:45px;
}
 .col_gamme {
     padding:0 20px;
     display:inline-block;
     vertical-align:top;
}
 .col_gamme img{
     width:100%;
}
 .col_gamme.width_50{
     width:50%;
}
 .col_gamme.width_25{
     width:25%;
     max-width:240px;
}
 .catalogue{
     padding:60px 0px ;
     background-image:url(../../images/interface/telechargement-bg.jpg);
     background-size:cover;
     background-position:center;
}
 .titre_catalogue{
     text-align:center;
     margin-bottom:50px;
}
 .titre_catalogue h6{
     display:inline-block;
     background-color:#fff;
     font-size:40px;
     margin:0px;
     font-weight:300;
     color:#0c404f;
     padding:15px 30px;
     line-height:40px;
}
.row_option{
    padding-top: 40px;
}
.row_option:last-child{
    padding-bottom: 40px;
}



.img_option {
    width: 100%;
}


.fiche_cat_1,.fiche_cat_2{
    border-bottom:10px #0c404f solid;
}
.prod10 .row_option:nth-child(3) .intro_option{
    max-width:100%!important;
    padding:0 15px!important;
}
.prod10 .row_option:nth-child(4) .left_option,
.prod10 .row_option:nth-child(2) .left_option,
.prod11 .row_option:nth-child(3) .left_option{
   width: 50%;
}
.prod10 .row_option:nth-child(4) .right_option,
.prod10 .row_option:nth-child(2) .right_option,
.prod11 .row_option:nth-child(3) .right_option{
   width: 50%;
}

.txt_option{
    padding:0 15px;
}

.pro .txt_option {
    max-width: 500px;
}

.pro .txt_option li {
    text-align: left;
}

.pro .txt_option p {
    text-align: left;
}

.pro .txt_option p a {
    color: #b2cb11;
}
.PGS_SPECIALE_5 #contenu,
.PGS_ATOUTS #contenu{
    margin-bottom:10px;
}
 .links_catalogue{
     text-align:center;
     font-size:0;
}
 .link{
     display:inline-block;
     padding:0px 40px;
}
 .title_produit h4{
     color:#0c404f;
     font-size:50px;
     font-weight:200;
     padding-bottom:0px;
     border-bottom:2px solid #0c404f;
     margin-bottom:60px;
}
 .produit{
     padding-bottom:100px;
     padding:60px 0px;
     padding-bottom:100px;
}
 .produit .center_section{
     max-width:1000px;
}
 .row_produit{
     font-size:0;
     margin:0 -25px;
}
 .block_produit{
     display:inline-block;
     width:33.33333333%;
     padding:0 25px;
     position:relative;
}
 .block_produit img{
     width:100%;
     height:auto;
}
 .titre_produit{
     position:absolute;
     width:calc(90% - 50px);
     left:0;
     margin-left:calc(5% + 25px);
     text-align:center;
     background-color:#0c404f;
     padding:10px ;
     bottom:-25px;
}
 .titre_produit a{
     color:#b2cb11;
     font-size:20px;
     text-transform:uppercase;
}
 .block_titre{
     max-width:200px;
}
 .actualite{
     background-color:#0c404f;
     padding:60px 0px;
     border-bottom:5px solid #fff;
}
 .actualite .center_section{
     margin:auto;
     max-width:1000px;
}
 .row_actu{
     font-size:0;
     margin:0 -20px;
}
 .col_actu{
     display:inline-block;
     vertical-align:top;
     padding:0px 20px;
     position:relative;
}
 .col_actu.width_25{
     width:24%;
}
 .col_actu img{
     width:100%;
     height:auto;
}
 .col_actu.width_50{
     width:50%;
}
 .block_actu{
     position:relative;
     overflow:hidden;
}
 .col_actu.width_25:nth-child(2) .block_actu{
     max-height:220px;
}
 .col_actu.width_25:nth-child(2) .block_actu:first-child{
     margin-bottom:40px;
}
 .col_actu .titre_actu{
     background-color:#fff;
     position:absolute;
     bottom:0;
     left:0px;
     right:0px;
}
 .col_actu.width_25:nth-child(2) .titre_actu{
     padding:5px 10px;
}
 .col_actu.width_50:nth-child(3) .titre_actu{
     padding:20px 30px;
}
 .titre_actu h6{
     margin:0px;
     font-size:20px;
     font-weight:normal;
     display:inline-block;
     vertical-align:middle;
     width:calc(100% - 40px);
     color:#0c404f;
     line-height:20px;
}
 .titre_actu a{
     display:inline-block;
     width:40px;
     height:40px;
     vertical-align:middle;
     color:#fff;
     text-align:center;
     padding-top:10px;
     font-size:30px;
     background-color:#b2cb11;
     border-radius:50%;
}
 .titre_actu a i{
     font-size:20px;
}
 .point_fort{
     background-color:#b2cb11;
     padding:60px 0px;
}
 .row_pf{
     margin:0 -20px;
     font-size:0;
}
 .block_pf{
     display:inline-block;
     width:20%;
     vertical-align:top;
     padding:0 20px;
}
 .block_pf .icone-svg{
     border-radius:50%;
     background-color:#0c404f;
     width:75px;
     height:75px;
     vertical-align:middle;
     padding:15px;
     text-align:center;
     display:inline-block;
}
 .block_pf .icone-svg img{
     max-height:40px;
     max-width:40px;
     vertical-align:middle;
     line-height:50px;
     display:inline-block;
     color:#fff;
}
 .block_pf p{
     color:#0c404f!important;
     text-align:left!important;
     display:inline-block;
     font-size:18px!important;
     width:calc(100% - 75px);
     vertical-align:middle;
     padding-left:10px!important;
}
 .row_footer{
     font-size:0;
}
 .col_footer{
     vertical-align:middle;
     width:33.3333333%;
     display:inline-block;
     padding:0 30px;
}
 .col_footer:nth-child(2){
     text-align:center;
     width: 41.6666666%;
}
 .col_footer{
     font-size:18px;
     color:#0c404f;
}
 .col_footer .logo_footer,
 .col_footer .reseaux_footer{
     display:inline-block;
     vertical-align:middle;
     padding: 0 15px;
}
.col_footer .reseaux_footer{
     width: calc(100% - 255px);
}
.col_footer .logo_footer{
     width: 250px;
}
 .col_footer .reseaux_footer a img{
     width: 30px;
     height: auto;
}
.col_footer .reseaux_footer a{
     display: inline-block;
}
 .col_footer ul li{
     font-size:14px;
     color:#0c404f;
}
 .col_footer ul .leaf a{
     text-decoration : underline!important;
     color:#0c404f;
}
 .col_footer ul li .font-bold{
     font-weight: bold;
}
 .col_footer:nth-child(3){
     text-align:right;
     width: 25%;
}
 .block_produit .btn1{
     position:absolute;
     top:-30px;
     right:0px;
     border-radius:50%;
     background-color:#b2cb11;
     color:#0c404f;
     background-image:url(../../images/interface/ajout-panier.png);
     width:80px;
     background-repeat:no-repeat;
     cursor:pointer;
     background-position:13px center ;
     height:80px;
}
 .block_produit .btn1 img{
     color:#0c404f;
}
 .panier_recap{
     position:fixed;
     height:100%;
     top:0;
     bottom:0;
     z-index:100000;
     max-width:100%;
     right:-400px;
     width:400px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     background-color:#eee;
}
 .active_recap{
     right:0;
}
 .close_recap{
     position:absolute;
     right:20px;
     top:10px;
     font-size:40px;
     cursor:pointer;
}
 .content_panier{
     padding:30px;
}
 .titre_recap{
     background-color:#b2cb11;
     color:#0c404f;
     margin:-30px;
     padding:10px;
     margin-bottom:0px;
     margin-bottom:50px;
     position:relative;
}
 .icon_panier{
     display:inline-block;
     vertical-align:middle;
     background-image:url(../../images/interface/ajout-panier.png);
     width:37px;
     height:40px;
     background-size:100%;
}
 .title_recap{
     font-size:24px;
     vertical-align:middle;
     display:inline-block;
     padding:0 20px;
}
 .close_recap{
     display:inline-block;
}
 .article_recap table th{
     background-color:#b2cb11;
     font-weight:normal;
}
 .article_recap table tr{
     border-bottom:2px solid #0c404f;
}
 .article_recap table{
     color:#0c404f;
     font-size:16px;
}
 .article_recap table tr td:nth-child(2){
     text-align:center;
     width:80px;
}
 .article_recap table tr td:nth-child(2) button{
     display:inline-block;
     padding:0 5px;
}
 .article_recap table tr td:nth-child(2) button{
     border:0px;
     background-color:transparent;
     color:#0c404f;
     font-size:16px;
}
 .article_recap table tr td:nth-child(2) input{
     display:inline-block;
     border:0;
     color:#0c404f;
     font-size:16px;
     background-color:transparent;
     text-align:center;
     width:35px;
     padding:0px;
}
 .valider_panier{
     position:absolute;
     bottom:150px;
     text-align:center;
     left:0;
     right:0;
}
 .valider_panier a{
     color:#0c404f;
     background-color:#b2cb11;
     display:inline-block;
     padding:10px 20px;
     font-size:16px;
}
 .intro_societe{
     text-align:center;
     padding:100px 0px;
}
 .intro_societe p{
     font-size:28px;
     font-weight:300;
     color:#0c3f50;
}
 .intro_societe{
     max-width:950px;
     margin:auto;
}
 .intro_bis_societe{
     background-color:#0c3f50;
     text-align:center;
     padding:70px 0px;
}
 .intro_bis_societe p{
     color:#fff;
     font-size:28px;
     line-height:45px;
     font-weight:300;
     max-width:950px;
     margin:auto;
     margin-bottom:20px;
}
 .enum_intro{
     margin:0;
     list-style:none;
     text-align:center;
     display:inline-block;
     position:relative;
}
 .enum_intro:before{
     display:inline-block;
     content:'';
     width:12px;
     height:19px;
     background-color:#fff;
     vertical-align:top;
}
 .enum_intro:after{
     display:inline-block;
     content:'';
     width:12px;
     height:19px;
     background-color:#fff;
     vertical-align:top;
}
 .enum_intro li{
     display:inline-block;
     color:#fff;
     font-family: 'blackoutregular';
     padding-left:10px;
     padding-bottom:0;
     font-size:30px;
     line-height:25px;
     vertical-align:top;
}
 .enum_intro li:after{
     display:inline-block;
     content:'';
     width:12px;
     height:19px;
     background-color:#fff;
     vertical-align:top;
     margin-left:10px;
}
 .enum_intro li:last-child:after{
     display:none;
     content:'';
     width:12px;
     height:19px;
     background-color:#fff;
     vertical-align:top;
}
 .enum_intro li:last-child{
     padding-right:10px;
}
 .points_societe{
     text-align:center;
     background-image:url(../../images/interface/bg-societe2.jpg);
     background-position:center -30px;
     background-repeat:no-repeat;
     padding:180px 0px 140px;
     position:relative;
}
 .points_societe:after{
     content:'';
     background-color:rgba(0,0,0,0.2);
     display:block;
     position:absolute;
     top:0;
     width:100%;
     bottom:0;
     z-index:1;
}
 .point{
     display:inline-block;
     width:33.3333333%;
     vertical-align:top;
     padding:0 60px;
     min-width:360px;
}
 .point h4{
     color:#fff;
     font-size:30px;
     margin:0;
     line-height:40px;
     font-weight:bold;

}
 .point img{
     margin-bottom:30px;
}
 .center_point{
     font-size:0;
     text-align:center;
     max-width:1200px;
     display:block;
     margin-left:auto;
     margin-right:auto;
     z-index:3;
     position:relative;
}
 .point:first-child{
     padding-left:0px;
}
 .point:last-child{
     padding-right:0px;
}
 .site_production{
     padding: 100px 0px;
}
 .title_site{
     text-align:center;
     margin-bottom:60px;
}
 .title_site h4{
     border-bottom:6px solid #0c3f50;
     margin-bottom:40px;
}
 .title_site h4 span{
     background-color:#fff;
     margin-bottom:-35px;
     padding:0 20px;
     display:inline-block;
     font-weight:200;
     letter-spacing:2px;
     color:#0c3f50;
     font-size:40px;
}
 .title_site .strong_intro{
     color: #13404f;
     font-size:30px;
     margin-bottom:0px;
     font-weight:300;
}
 .title_site p{
     color:#13404f;
     font-size:20px;
     font-weight:300;
}
 .carte_prod{
     margin:auto;
     display:block;
     width:645px;
     position:relative;
}
 .pointers_prod .pointer{
     position:absolute;
     cursor:pointer;
}
 .pointers_prod .pointer img{
     display:block;
     margin-bottom:5px;
}
 .pointers_prod .pointer span{
     color:#b2cb11;
     font-size:23px;
     text-align:center;
     display:block;
     position:absolute;
     width:auto;
}
 .pointers_prod .pointer:first-child{
     top:41.3%;
     left:30.9%;
}
 .pointers_prod .pointer:nth-child(2){
     top:14.8%;
     left:76.7%;
}
 .pointers_prod .pointer:nth-child(2) span{
     right:-20px;
     width:200px;
}
 .pointers_prod .pointer:nth-child(3) span{
     left:-35px;
}
 .pointers_prod .pointer:nth-child(4) span{
     left:-25px;
}
 .pointers_prod .pointer:nth-child(3){
     top:64%;
     left:40.3%;
}
 .pointers_prod .pointer:nth-child(4){
     top:50.7%;
     left:75.7%;
}
 .legend_prod{
    /* top:0;
     */
}
 .legend_prod .legend{
     position:absolute;
     width:320px;
     font-size:0;
     display:none;
}
 .legend_prod .active_legend{
     display:block;
}
 .legend_prod .legend:nth-child(1), .legend_prod .legend:nth-child(3){
     top:50%;
     left:-250px;
}
 .legend_prod .legend:nth-child(1):after{
     content:'';
     width:80%;
     height:70%;
     position:absolute;
     display:block;
     top:-80%;
     right:-40%;
     background-image:url(../../images/interface/fleche-vix.png);
     background-repeat:no-repeat;
     background-size:100%;
}
 .legend_prod .legend:nth-child(2):after{
     content:'';
     width:65%;
     height:120%;
     position:absolute;
     display:block;
     top:-120%;
     left:-45%;
     background-image:url(../../images/interface/fleche-maiziere.png);
     background-repeat:no-repeat;
     background-size:100%;
}
 .legend_prod .legend:nth-child(3):after{
     content:'';
     width:80%;
     height:90%;
     position:absolute;
     display:block;
     bottom:-82%;
     right:-45%;
     background-image:url(../../images/interface/fleche-pommevic.png);
     background-repeat:no-repeat;
     background-size:100%;
}
 .legend_prod .legend:nth-child(4):after{
     content:'';
     width:50%;
     height:90%;
     position:absolute;
     display:block;
     bottom:-100%;
     left:-45%;
     background-image:url(../../images/interface/fleche-domene.png);
     background-repeat:no-repeat;
     background-size:100%;
}
 .legend_prod .legend:nth-child(2), .legend_prod .legend:nth-child(4){
     top:28%;
     right:-350px;
}
 .line_legend img{
     display:inline-block;
     vertical-align:top;
}
 .line_legend{
     margin-bottom:10px;
}
 .line_legend span{
     display:inline-block;
     width:calc(100% - 34px);
     font-size:20px;
     font-weight:300;
     color:#13404f;
     vertical-align:top;
     padding-left:15px;
     line-height:25px;
}
 .carte_prod img{
     max-width:100%;
}

 .bloc_identification{
     font-size:0;
     padding:150px 0px;
}
 .bloc_identification{
     max-width:1480px;
     margin:auto;
}
 .login_view .bloc_identification{
     padding-top:20px;
     padding-bottom:30px;
}
 .login_view .action{
     max-width:1480px;
     width:100%;
     margin:auto;
}
 .login_view{
     padding-top:40px;
}
 .login_view .poursuivre{
     width:100%;
     max-width:1480px;
     margin:auto;
}
 .bloc_identification > div{
     display:inline-block;
     width:50%;
     vertical-align:top;
}
 .bloc_identification h5, .edition_compte h5, .inscription h5, .forgot h5{
     color:#0c404f;
     font-size:45px;
     text-align:center;
     font-weight:200;
     margin-bottom:60px;
     border-bottom:5px solid #0c404f;
}
.inscription_ok{
    padding-top:40px;
}
.inscription_ok h5{
     color:#0c404f;
     font-size:45px;
     text-align:center;
     font-weight:200;
     margin-bottom:60px;

}
 .edition_compte h5{
     margin-top:30px;
}
 .bloc_identification h5 span, .inscription h5 span, .edition_compte h5 span, .forgot h5 span{
     display:inline-block;
     background-color:#fff;
     margin-bottom:-40px;
     padding:0 20px;
}
 .row_inscription.hide{
     display:none;
}
 .left_identification{
     padding-right:8%;
}
 .right_identification{
     padding-left:8%;
}
 .row_identification,.row_inscription{
     font-size:0;
     margin-bottom:20px;
}
.newsletter_row{
    font-size:20px;

}
.newsletter_row input{
    width:auto!important;
}
 .row_identification label,.row_inscription label{
     display:inline-block;
     width:35%;
     font-size:22px;
     font-weight:300;
     text-align:right;
     vertical-align:middle;
     padding-right:30px;
}
 .row_identification input, .row_inscription input{
     display:inline-block;
     width:65%;
     vertical-align:middle;
}
 input[type='text'], input[type='password'], textarea{
     font-size:22px;
     border-radius:10px;
     border:0px;
     background-color:#cdcdcd;
     padding:15px 20px;
     color:#222;
     font-weight:300;
     font-family: 'Roboto', sans-serif;
}
 .forget_pwd{
     text-align:right;
}
 .forget_pwd a{
     margin-top:20px;
     margin-bottom:40px;
     display:inline-block;
     color:#0c404f!important;
     text-decoration:underline!important;
}
 .bloc_identification input[type="submit"]{
}
 input[type="submit"],.link_inscription, .valid_inscription button{
     background-color:#0c404f;
     text-align:center;
     border:0px;
     border-radius:10px;
     font-family: 'Roboto', sans-serif;
     font-weight:300;
     color:#b1ca11;
     font-size:40px;
     display:block;
     width:100%;
     cursor:pointer;
     line-height:60px;
}
 .desc_creation{
     text-align:center;
     font-size:25px;
     font-weight:300;
     margin-bottom:125px;
     margin-top:40px;
}
 .link_inscription, .valid_inscription button{
     background-color:#b1ca11;
     color:#0c404f;
     display:block;
}
 .inscription{
     max-width:650px;
     margin:auto;
     margin-top:100px;
}
 .valid_inscription button{
     color:#fff;
     margin-top:50px;
}
.fiche_billet{
    max-width:1000px;
    width:100%;
    margin:auto;
    padding:0 15px;
    padding-top:100px;
    padding-bottom:100px;
}
.fiche_billet h2{
    font-weight:300;
    font-size: 45px;
    padding-bottom:10px;
    text-transform:none;
    color:#0c404f;
    border-bottom:3px solid #0c404f;
    text-align: left;
}
 .group_checkbox [type="radio"]:not(:checked) + label, .group_checkbox [type="radio"]:checked + label {
     position: relative;
     cursor: pointer;
     width: 20px;
     text-align: center;
     display: inline-block;
     vertical-align: top;
     margin: 0;
     height: 20px;
     margin: auto;
     z-index: 2;
     vertical-align:middle;
}
 .fake_label{
     font-size:30px;
     text-transform:uppercase;
     font-weight:300;
     display:block;
     text-align:center;
     padding:20px;
     cursor:pointer;
     width:100%;
     color:#fff;
}
 .group_checkbox:first-child .fake_label{
     background-color:#0c404f;
}
 .group_checkbox:last-child .fake_label{
     background-color:#b1ca11;
}
 .group_checkbox [type="radio"]:not(:checked) + label, .group_checkbox [type="radio"]:checked + label{
     position: relative;
     cursor: pointer;
     width: calc(100% - 70px);
     position:absolute;
     text-align: center;
     display: inline-block;
     vertical-align: top;
     margin: 0;
     height: 80px;
     margin: auto;
     z-index: 2;
}
 .group_checkbox [type="radio"]:checked, .group_checkbox [type="radio"]:not(:checked) {
     position: absolute;
     left: -10000px;
     z-index: 1;
}
 .group_checkbox [type="radio"]:checked + label+span {
     background-color:#cdcdcd;
}
 .group_checkbox{
     position:relative;
     display:inline-block;
     width:50%;
     padding: 0 35px;
}
 .row_group{
     font-size:0;
     margin:0 -35px;
     margin-bottom:30px;
}
 .account{
     max-width:840px;
     margin:auto;
     margin-top:90px;
}
 .row_account{
     display:block;
     margin:0 -20px;
     margin-bottom:40px;
     display:flex;
}
 .bjr_account{
     display:inline-block;
     margin:0 20px;
     background-color:#0c404f;
     text-align:center;
     color:#fff;
     padding:60px 0px;
     width:calc(57% - 40px);
}
 .last_demande{
     display:inline-block;
     margin:0 20px;
     background-color:#b1ca11;
     text-align:center;
     color:#fff;
     width:calc(43% - 40px);
     vertical-align:top;
}
 .bjr_account h6{
     margin:0;
     color:#fff;
     font-size:40px;
     font-weight:300;
}
 .bjr_account h6 span{
     font-family: 'blackoutregular';
     font-size:110px;
     line-height:80px;
}
 .last_demande a{
     display:block;
     color:#fff;
     font-size:40px;
     font-weight:300;
     line-height:40px;
     padding:90px 0px;
}
 .col_account{
     display:inline-block;
     width:calc(50% - 40px);
     margin:0 20px;
}
 .col_account > div:first-child{
     margin-bottom:40px;
}
 .block_decouvrir a{
     display:block;
     position:relative;
}
 .block_decouvrir h6{
     position:absolute;
     background-color:#b1ca11;
     display:block;
     width:100%;
     text-align:center;
     color:#fff;
     font-size:35px;
     font-weight:300;
     top:10px;
}
 .bg_link_dark h6{
     background-color:#0c404f;
}
 .block_decouvrir img{
     width:100%;
}
 .block_link{
     background-color:#b1ca11;
}
 .block_link a{
     display:block;
     padding:50px 0px;
     text-align:center;
     color:#fff;
     font-size:35px;
     font-weight:300;
}
 .edition_compte h5, .forgot h5{
     max-width:640px;
     margin-left:auto;
     margin-right:auto;
}
 .edition_compte{
     max-width:1000px;
     margin:auto;
     margin-top:80px;
}
 .row_edition{
     font-size:0;
     display:block;
     margin:0 -47px;
     margin-bottom:30px;
}
 .demi_width{
     display:inline-block;
     padding:0 47px;
     width:50%;
}
 .full_width{
     width:100%;
     padding:0 47px;
}
 .row_edition input{
     width:100%;
}
 .row_edition label{
     display:block;
     font-size:30px;
     color:#0c404f;
     font-weight:300;
     text-align:center;
     padding-bottom:10px;
}
 .maj_user{
     text-align:right;
}
 .maj_user input{
     display:inline-block;
     width:auto;
     font-size:35px;
     color:#fff;
     line-height:40px;
     padding:6px 60px;
}
 .forgot{
     text-align:center;
     margin-top:80px;
}
 .forgot p{
     text-align:center;
     font-size:30px;
     margin-bottom:80px;
     font-weight:300;
}
 .forgot h5{
     margin-bottom:80px;
}
 .inscription_ok p{
     text-align:center;
     font-size:30px;
     margin-bottom:50px;
     font-weight:300;
     color:#0c404f;
}
 .inscription_ok h5{
     margin-bottom:50px;
}
.inscri_ok_link a{
    display:inline-block;
    background-color:#b2cb11;
    padding: 5px 15px;
    color:#0c404f;
    margin:0 50px;
    width:300px;
    font-size:25px;
}
 .row_pwd{
     width:750px;
     text-align:center;
     font-size:0;
     margin:auto;
     max-width: 100%;
     margin-bottom:80px;
}
 .row_pwd label{
     display:inline-block;
     width:35%;
     font-size:25px;
     font-weight:300;
     text-align:right;
     padding-right:30px;
     vertical-align:middle;
}
 .row_pwd input{
     width:65%;
     vertical-align:middle;
}
 .submit_pwd{
     margin:auto;
     text-align:center;
     max-width:650px;
}
 .par_style_1 .center_paragraphe{
     max-width:1280px;
     margin:auto;
}
.desc_item{
    margin-bottom:40px;
}
.desc_item p{
    color:#0c4150;
    font-size:18px;
}
 .par_style_1 .mdl_formulaire h3{
     background-color:#0c404f;
     font-size:40px;
     line-height:70px;
     text-align:center;
     display:block;
     color:#fff;
     margin:0;
     font-weight:300;
}
 .par_style_1 h3{
     color:#0c404f;
     text-align:center;
     font-size:40px;
     font-weight:200;
     margin-bottom:40px;
}
 .par_style_1 form{
     background-color:#d2d2d2;
     padding:30px 0px;
}
 .par_style_1 form input, .par_style_1 form textarea{
     background-color:#fff;
}
 .par_style_1 fieldset{
     max-width:960px;
     margin:auto;
     width:calc(100% - 30px);
}
 .par_style_1 label{
     display:inline-block;
     font-size:28px;
     font-weight:200;
     line-height:35px;
     vertical-align:middle;
}
 .par_style_1 p {
     display:inline-block;
     width:50%;
     font-size:0;
     margin-bottom:20px;
}
#paragraphe576 p:last-child,#paragraphe576 p:nth-child(11){
 width:100%;
 padding:0px!important;
 font-size:15px;
}

 .par_style_1 p:nth-child(odd) label{
     width:105px;
}
 .par_style_1 p:nth-child(even) label{
     width:150px;
}
 .par_style_1 p:nth-child(odd) input{
     width:calc(100% - 105px);
}
 .par_style_1 p:nth-child(even) input{
     width:calc(100% - 150px);
}
 .par_style_1 p:nth-child(even){
     padding-left:30px;
}
 .par_style_1 p:nth-child(odd){
     padding-right:30px;
}
 .par_style_1 p:nth-child(7){
     width:100%;
     display:block;
     padding:0px;
}
 .par_style_1{
     padding-top:40px;
}
 .par_style_1 p:nth-child(7) label{
     display:block;
     width:100%;
     margin-bottom:10px;
}
 .par_style_1 p:nth-child(7) textarea{
     display:block;
     width:100%;
     resize:none;
}
 .par_style_1 p:nth-child(8){
     text-align:right;
     width:100%;
     margin-top:30px!important;
     padding:0px;
}
#paragraphe576 p:nth-child(8){
    width:100%;
   display: inline-block;
    font-size: 28px;
    font-weight: 200;
    line-height: 35px;
    vertical-align: middle;
    text-align:left;
}
#paragraphe576 p:nth-child(8) label{
    display:none;
}
 #paragraphe576 p:nth-child(9){
     padding-left:0px!important;
 }
 .par_style_1 p:nth-child(8) input,
 #paragraphe576 p:nth-child(10) input{
     width:auto;
     display:inline-block;
     background-color:#b2cb11;
     color:#222;
     line-height:45px;
     font-size:28px;
     padding:5px 60px;
}
 .picto_contact:before{
     content:'';
     position:absolute;
     display:block;
     width:100%;
     left:0;
     right:0;
     height:5px;
     background-color:#b2cb11;
     z-index:1;
}
 .center_picto{
     position:relative;
     z-index:120000;
}
 .center_picto .block_picto{
     margin-top:-50px;
}
 .block_picto img{
     background-color:#fff;
     padding:0 15px;
     box-sizing:content-box;
     margin-bottom:30px;
}
 .bottom_contact{
     position:relative;
     padding:120px 0px;
     border-bottom:20px solid #0c404f;
}
 .picto_contact{
     position:relative;
}
 .bottom_contact h5{
     color:#0c404f;
     text-align:center;
     font-size:40px;
     font-weight:200;
     margin-bottom:90px;
}
 .center_picto{
     text-align:center;
     font-size:0;
}
 .block_picto{
     display:inline-block;
     width:50%;
     max-width:360px;
}
 .desc_picto{
     font-size:35px;
     font-weight:300;
     color:#0c404f;
}
 .intro_prerempli h4{
     text-align:center;
     font-size:35px!important;
     font-weight:200;
     color:#0c404f;
     padding:40px 0px;
     margin:0;
}
.PGS_CONTACT #contenu{
    margin-bottom:10px;
}
 .intro_prerempli h5{
     text-align:center;
     font-weight:200;
     font-size:30px;
     color:#fff;
     margin:0;
     padding:20px 0px;
     position:relative;
     background-color:#0c404f;
}
 .intro_prerempli h5:after{
     content:'';
     width: 0;
     height: 0;
     position:absolute;
     bottom:-40px;
     left:50%;
     margin-left:-37.5px;
     border-style: solid;
     border-width: 40px 37.5px 0 37.5px;
     border-color: #0c414f transparent transparent transparent;
}
 .avantage{
     background-color:#e6e6e6;
     text-align:center;
     padding:40px 0px;
     padding-top:60px;
}
 .avantage ul{
     display:block;
     margin:auto;
     width:100%;
     max-width:750px;
     text-align:left;
}
 .avantage ul li{
     list-style:none;
     font-size:25px;
     font-weight:200;
     color:#0c404f;
}
 .avantage ul li:before{
     content:'';
     display:inline-block;
     background-image:url(../../images/interface/puce.png);
     width:23px;
     height:24px;
     padding-left:20px;
     background-repeat:no-repeat;
}
 .carte_prerempli h4{
     text-align:center;
     font-size:40px!important;
     font-weight:200;

     color:#0c404f;
     padding:40px 30px;
     margin:0;
     padding-bottom:70px;
}
 .row_carte_pre{
     font-size:0;
     width:100%;
     max-width:1575px;
     margin:auto;
}
 .map_pre{
     display:inline-block;
     width:50%;
     vertical-align:top;
}
 .search_carriere{
     width:50%;
     display:inline-block;
     text-align:right;
     vertical-align:top;
}
 .search_carriere > h5{
     text-align:center;
     font-size:35px!important;
     font-weight:200;
     color:#0c404f;
     line-height:40px;
     margin:0;
     text-align:right;
     margin-bottom:30px;
}
 .fake_form{
     font-size:0;
     max-width:720px;
     width:100%;
     text-align:left;
     display:inline-block;
}
 .fake_form input{
     display:inline-block;
     width:calc(100% - 110px);
     border-radius:0px;
     font-size:45px;
     padding:24px 40px;
     color:#0c404f;
}
 .fake_form img{
     display:inline-block;
     vertical-align:top;
     background-color:#b2cb11;
     padding:20px 16px;
     cursor:pointer;
}
 .result_search{
     background-color:#e4e4e4;
     width:100%;
     height:560px;
     max-width:720px;
     display:inline-block;
     overflow-y:scroll;
     overflow-x:hidden;
}
 .result_search::-webkit-scrollbar {
     width: 10px;
     height: 10px;
}
 .result_search::-webkit-scrollbar-button {
     width: 11px;
     height: 11px;
}
 .result_search::-webkit-scrollbar-thumb {
     background: #b2cb11;
     border: 0px none #ffffff;
     border-radius: 0px;
}
 .result_search::-webkit-scrollbar-thumb:hover {
     background: #b2cb11;
}
 .result_search::-webkit-scrollbar-thumb:active {
     background: #b2cb11;
}
 .result_search::-webkit-scrollbar-track {
     background: #d2d2d2;
     border: 22px none #ffffff;
     border-radius: 0px;
}
 .result_search::-webkit-scrollbar-track:hover {
     background: #d2d2d2;
}
 .result_search::-webkit-scrollbar-track:active {
     background: #d2d2d2;
}
 .result_search::-webkit-scrollbar-corner {
     background: transparent;
}
 .carte_prerempli {
     padding-bottom:100px;
     border-bottom:20px solid #0c404f;
}
 .pointer_carte .pointer{
     position:absolute;
}
 .corse_pointers{
     margin-bottom:-36px!important;
     margin-right:-11px!important;
    /* bottom:0!important;
     */
    /* bottom:0!important;
     */
}
 .map_pre{
     position:relative;
}
 .pointer_carte{
     width:732px;
     height:802px;
     position:absolute;
     top:0;
     left:0;
     bottom:0;
     right:0;
}
 .map_pre .pointer{
     background-image:url(../../images/interface/pointer-bleu.png);
     display:block;
     height:36px;
     width:22px;
     margin-top:-36px;
     margin-left:-11px;
     cursor:pointer;
}
.map_pre .active_pointer{
     background-image:url(../../images/interface/pointer-vert.png);
     z-index:1000;
     background-repeat:no-repeat;
}
 .active_pointer span{
     position:absolute;
     font-size:22px;
     width:100%;
     font-weight:bold;
     color:#0e404f;
     text-align:center;
     display:block;
}
 .result{
     display:block;
     padding:50px 30px;
     text-align:left;
}
 .num_result{
     background-color:#b2cb11;
     border-radius:50%;
     font-size:32px;
     font-weight:bold;
     display:inline-block;
     width:45px;
     height:45px;
     text-align:center;
}
 .info_result{
     font-size:20px;
     display:inline-block;
     width:calc(100% - 45px);
     vertical-align:top;
     padding-left:20px;
}
 .info_result h5, .info_result p{
     font-size:35px;
     font-weight:200;
     line-height:40px;
     margin:0;
}
 .info_result h5{
     margin-bottom:12px;
}
 .contact_result{
     font-size:0;
}
 .tel_result{
     display:inline-block;
     font-size:30px;
     font-weight:300;
     padding-right:20px;
}
 .tel_result:before{
     content:'';
     display:inline-block;
     background-image:url(../../images/interface/tel_carriere.png);
     width:22px;
     height:23px;
     padding-right:10px;
     background-repeat:no-repeat;
}
 .email_result:before{
     content:'';
     display:inline-block;
     background-image:url(../../images/interface/mail_carriere.png);
     width:39px;
     height:24px;
     padding-right:10px;
     background-repeat:no-repeat;
}
 .email_result{
     display:inline-block;
     font-size:30px;
     font-weight:300;
}
 .projets .hide{
     display:none;
}
/* clearfix */
 .grid:after {
     content: '';
     display: block;
     clear: both;
}
/* ---- grid-item ---- */
 .grid-sizer, .grid-item {
     width: 25%;
}
 .grid-item {
     float: left;
    height: 280px;
     overflow:hidden;
    /* float: left;
     */
}
 .grid-item--width2 {
     width: 40%;
}
 .grid-item--width3 {
     width: 60%;
}
 .grid-item--height2 {
     height: 200px;
}
 .grid-item--height3 {
     height: 260px;
}
 .grid-item--height4 {
     height: 360px;
}
 .grid-item a{
     display:block;
}
 .grid-item img{
     max-width: 100%;
     height:auto;
     min-height:100%!important;

}
 .projets{
     padding:60px 0px;
}
 .projets .filters {
     margin-bottom:30px;
     text-align:center;
}
 .filters button:first-child{
     background-color:#0c404f;
     color:#b2cb11;
}
 .filters button:last-child{
     background-color:#b2cb11;
     color:#0c404f;
}
 .filters button{
     padding: 10px 20px;
     width:200px;
     border:0px;
     font-weight:300!important;
     font-size:30px;
     cursor:pointer;
     font-family: 'Roboto', sans-serif;
     margin:0 15px;
}
 .grid-item a{
     position:relative;
     height:100%;
}
 .grid-item:hover .hover_gallery{
     opacity:1;
}
 .grid-item .hover_gallery{
     position:absolute;
     top:0;
     left:0;
     right:0;
     bottom:0;
     opacity:0;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .cat2 .hover_gallery{
     background-color:#0c404f;
}
 .hover_gallery:after{
     position:absolute;
     content:'';
     background-image:url(../../images/interface/loupe_rea.png);
     width:29px;
     height:24px;
     display:block;
     bottom:10px;
     right:10px;
}
 .cat3 .hover_gallery{
     background-color:#b2cb11;
}
 .grid-item .hover_gallery h6{
     font-size:150px;
     color:#fff;
     font-family: 'blackoutregular';
     line-height:80px;
     margin:0;
     margin-bottom:20px;
}
 .hover_gallery .desc_hover{
     max-width:300px;
     margin:auto;
     color:#fff;
}
 .hover_gallery .desc_hover span{
     display:block;
     font-size:20px;
     font-weight:300;
}
 .lieu{
     background-image:url(../../images/interface/pointer_rea.png);
     background-position:left center;
     background-repeat:no-repeat;
     padding:10px 0px;
     padding-left:40px;
}
 .hauteur{
     background-image:url(../../images/interface/hauteur_rea.png);
     background-position:left center;
     background-repeat:no-repeat;
     padding:10px 0px;
     padding-left:40px;
}
 .hover_gallery .desc_hover .title_hover{
     font-weight:bold;
     color:#fff;
     font-size:18px;
     display:block;
     margin-bottom:20px;
}
 .gamme_pro{
}
 .intro_gamme p{
     text-align:center;
     font-size:30px;
     font-weight:300;
}
 .gamme_suggest_deco{
     background-image:url(../../images/interface/bg_decouvrir_gamme_deco.jpg);
     background-size:cover;
}
 .center_suggest{
     max-width:1550px;
     width:100%;
     text-align:center;
     font-size:0;
     padding:80px 0px;
}
 .center_suggest h4{
     display:inline-block;
     width:calc(100% - 320px);
     color:#fff;
     text-shadow:-15px 0px 0px #b2cb11;
     font-size:300px;
     font-family: 'blackoutregular';
     line-height:200px;
     vertical-align:middle;
     margin:0px;
}
 .center_suggest a{
     font-size:50px;
     width:300px;
     font-weight:300;
     background-color:#b2cb11;
     color:#fff;
     display:inline-block;
     border:6px solid #fff;
     padding:5px 30px;
}
 .suggest_aide{
     background-image:url(../../images/interface/bg_conseils.jpg);
     background-size:cover;
     background-position:top center;
     text-align:center;
     padding:150px 0px;
}
 .suggest_aide h5{
     font-family: 'blackoutregular';
     color:#fff;
     font-size:90px;
     line-height:90px;
     margin:0px;
     margin-bottom:20px;
}
 .suggest_aide a{
     background-color:#fff;
     color:#0c404f;
     font-weight:300;
     display:inline-block;
     padding:5px 50px;
     font-size:50px;
}
 .list_cat2 .colcat{
     display:inline-block;
     vertical-align:top;
     width:calc(50% + 35px);
}
 .categorie_prod{
     width:100%;
     max-width:1285px;
     margin:auto;
}
.list_cat1.categorie_prod{
    max-width:960px!important;
}
 .bloc_list_cat{
     padding:0px 35px;
     position:relative;
     margin-bottom:70px;
}
 .bloc_list_cat h4 span{
     position:absolute;
     right:0;
     top:0;
     bottom:0;
     width:100px;
     background-color:#0c404f;
     text-align:center;
     font-weight:900;
     font-size:100px;
     line-height:100px;
}
 .bloc_list_cat h4{
     margin-bottom:0px;
     text-align:left;
     display:block;
     background-color:#b2cb11;
     color:#fff;
     position:relative;
     font-weight:300;
     font-size:40px;
     position:absolute;
     top:0;
     left:35px;
     right:35px;
    ;
     padding:16px 25px;
}
 .list_cat1 .bloc_list_cat h4{
     background-color:#0c404f;
}
 .list_cat1 .colcat{
     font-size:0;
}
 .list_cat1 .bloc_list_cat h4 span{
     background-color:#b2cb11;
}
 .list_cat1 .bloc_list_cat{
     width:50%;
     display:inline-block;
}
 .bloc_list_cat img{
     width:100%;
     height:auto;
}
 .colcat:first-child{
     margin-left:-35px;
     ;
}
 .colcat:last-child{
     margin-right:-35px;
     ;
}
 .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(3), .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(4){
     display:inline-block;
}
 /* .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(3) h4, .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(4) h4{
     font-size:35px;
     line-height:35px;
     padding:5px 10px;
     padding-right:90px;
} */

 .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(4) h4{
     font-size:35px;
     line-height:35px;
     padding:5px 10px;
     padding-right:90px;
}
 .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(3) h4 span, .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(4) h4 span{
     font-size:80px;
     width:80px;
     line-height:80px;
}
 #slide_top_prod{
     position:relative;
}
 .center_desc{
     z-index:10000;
     position:absolute;
     top:0;
     left:0;
     right:0;
}
 .position_center{
     max-width:1600px;
     margin:auto;
     text-align:right;
     margin-top:100px;
     width:100%;
}
 .desc {
     font-size:23px;
     font-weight:300;
}
 .desc-slide{
     display:inline-block;
     background-color:#fff;
     padding:10px;
     width:480px;
     text-align:left;
     max-width:100%;
     padding:40px 40px;
}
.PGS_REF_PRODUIT .pos_ariane{
      background-color:#0c404f;
}
.referencement_produit{
    font-size:0px;
    margin:auto;
    max-width:1600px;
    padding:70px 0px;
}
.PGS_REF_PRODUIT .pos_ariane .ariane{

    color:#fff;
    font-size:20px!important;
    font-weight:100;
}
.PGS_REF_PRODUIT{
    background-color:#e1e1e1;
}
.left_referencement,.right_referencement{
    width:50%;
    display:inline-block;
    vertical-align:top;
}
.right_referencement img{
    max-width:100%;
    height:auto;
}
.left_referencement h1{
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 50px;

    text-transform: none;
   line-height:55px;
    text-align: left;
    margin: 0;
    color: #0c404f;
    margin-bottom: 30px;
    padding: 0px;
}
.left_referencement p{
    color:#0c404f;
    font-size:20px;
}
.link_ref{
    text-align:center;
    padding: 60px 0px;
}
.left_referencement .link_ref a{
    display:block;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    background-color: #b2cb11;
    color: #0c404f;
   text-decoration:none!important;

    font-size: 35px;
    padding: 40px 50px;

    font-weight: 300;
    cursor: pointer;
}
.right_referencement{
    padding-left:40px;
}
.left_referencement{
    padding-right:40px;
}
.PGS_REF_PRODUIT .pos_ariane a{
    color:#fff;
    font-size:20px;
    font-weight:10000;
}
 .desc-slide h2{
     font-family: 'blackoutregular';
     text-transform:none;
     font-size:100px;
     text-align:center;
     line-height:100px;
     margin:0;
     color:#0c404f;
     margin-bottom:30px;
     padding:0px;
}
.fiche_cat_1  .desc-slide h2{
     font-family: 'Roboto', sans-serif;
     text-transform:uppercase;
     font-weight:600;
     font-size:50px;
}
 .desc-slide .desc p{
     font-size:22px;
     font-weight:300;
     color:#0c404f;
     line-height:25px;
}
 .pos_ariane{
     padding-top:128px;
}
 .pos_ariane .ariane{
     max-width:1600px;
     margin:auto;
     width:100%;
}
 .pos_ariane #ariane{
     padding:10px;
     margin:0;
}
 .pos_ariane #ariane.cat_ariane2, .pos_ariane #ariane.cat_ariane2 a{
     background-color:#b2cb11;
     color:#0c404f;
     font-size:25px;
     font-weight:300;
}
 .pos_ariane #ariane.cat_ariane1, .pos_ariane #ariane.cat_ariane1 a{
     background-color:#0c404f;
     color:#fff;
     font-size:25px;
     font-weight:300;
}
 #slide_top_prod + .to_bottom{
     background-color:#b2cb11;
     height:30px;
     text-align:center;
     width:100%;
     position:relative;
     z-index:10000;
}
 .link_bottom{
     display:inline-block;
     background-color:#b2cb11;
     border-radius:50%;
     width:100px;
     height:100px;
     margin-top:-35px;
     cursor:pointer;
}
 .content_item{
     padding:80px 0;
     position:relative;
}
 .fiche_cat_2 .content_item{
     padding:0px;
}
 .block_item{
     margin:auto;
}
 .title_item{
     max-width:1280px;
     margin:auto;
     margin-bottom:30px;
}
 .title_item h4{
     position:relative;
     cursor:pointer;
     color:#b2cb11;
     margin:0px;
     font-family: 'blackoutregular';
     font-size:100px;
     line-height:90px;
     border-bottom:2px solid #b2cb11;
}
 .title_item h4 span{
     font-family: 'Roboto', sans-serif;
     position:absolute;
     right:10px;
}
 .content_item_prod h6,
 .center_model h5{
     border:0px;
     width:500px;
     max-width:100%;
     color:#0c4150;
     font-family: 'blackoutregular';
     font-size:80px;
     line-height:50px;
     border-bottom:2px solid #0c404f;
     margin:0;
     margin-bottom:30px;
}
.inline_color{
    font-size:0px;
    margin:0 -10px;
}

.block_color{
    vertical-align:top;
    display:inline-block;
    text-align:center;
    width:20%;
    padding:0 10px;
}
.block_color img{
    width:100%;
}
.block_color p{
    margin:0;
    font-size:25px;
    color:#0c404f;
    font-weight:300;
    margin-bottom:30px;
}
 .center_model h5{
     margin-bottom:60px;
 }
.section_model{
    padding:80px 0px;
}
.center_model{
    max-width:1240px;
    margin:auto;
}
 .catacteristique{
     width:50%;
     display:inline-block;
     vertical-align:middle;
     padding-top:30px;
     text-align:right;
}
 .align-cara{
     display:inline-block;
     text-align:left;
     width:620px;
     padding-bottom:40px;
}
 .catacteristique table{
     width:100%:important;
     color:#0c404f;
     font-size:20px;
     font-weight:300;
}
 .catacteristique table ul li{
         color:#0c404f;
     font-size:18px;
     font-weight:300;
 }
 .catacteristique table tr:nth-child(odd){
     background-color:#bdbdbd;
}
 .align-cara table{
     width:100%!important;
}
 .catacteristique table tr:nth-child(even){
     background-color:#cfcfcf;
}
 .catacteristique table tr td{
     padding:15px 30px;
}
 .catacteristique table tr td:first-child{
     width:400px;
}
 .img_item{
     display:inline-block;
     width:50%;
     vertical-align:middle;
}
 .content_item_prod{
     font-size:0;
}
.prod9 .img_item{
text-align:center!important;
}
 .block_item .img_item{
    /* position:absolute;
     */
     right:0;
     text-align:right;
}
 .section_installation .center_instal{
     background-color:#fff;
     margin:auto;
     max-width:1280px;
     margin:auto;
     padding:20px 80px;
}
 .section_installation{
     padding:140px 0px;
     background-image:url('../../images/interface/bg_questions.jpg');
     background-size:cover;
}
 .center_instal h6{
     display:inline-block;
     width:65%;
     vertical-align:middle;
     font-family: 'blackoutregular';
     color:#0c404f;
     font-size:90px;
     line-height:70px;
     padding-right:60px;
     margin:0;
}
 .center_instal a{
     display:inline-block;
     width:35%;
     background-color:#0c404f;
     vertical-align:middle;
     color:#fff;
     padding:5px 30px;
     font-size:50px;
     text-align:center;
     font-weight:300;
}
 .section_sug{
     background-color:#0c404f;
}
 .center_sugg{
     max-width:1000px;
     margin:auto;
     padding:40px 0px;
     padding-bottom:80px;
}
 .center_sugg img{
     height:auto;
}
 .center_sugg h4{
     color:#fff;
     font-size:50px;
     font-weight:200;
     padding-bottom:0px;
     border-bottom:2px solid #fff;
     margin-bottom:80px;
     text-align:left;
}
 .center_sugg .titre_produit{
     background-color:#fff;
     color:#0c404f;
}
 .center_sugg .titre_produit a{
     color:#0c404f;
}
 .fiche_cat_1 .desc-slide .desc {
     font-size:22px;
     font-weight:300;
     color:#0c404f;
     line-height:25px;
}
 .fiche_cat_1 .content_item{
     padding-top:0;
     padding-bottom:0px;
}
 .fiche_cat_1 #pos_slid{
     display:inline-block;
     width:50%;
     vertical-align:middle;
     padding-right:100px;
}
 #pos_slid img{
     width:100%;
     height:auto;
     margin:auto;
}
 .fiche_cat_1 .desc-slide{
     display:inline-block;
     width:50%;
     padding-left:100px;
     vertical-align:middle;
     background-color:transparent;
}
 .fiche_cat_1 #slide_top_prod{
     font-size:0;
     padding: 150px 0px;
     background-color:#dadada;
}
 #center_slide{
     max-width:1400px;
     margin:auto;
}
 .slide_full{
     position:relative;
}
 .slide_full .owl-controls{
     position:absolute;
     top:50%;
     margin-top:-40px;
     left:0;
     right:0;
}
 .slide_full .owl-prev{
     left:-50px;
     font-size:70px;
     position:absolute;
     top:0;
}
 .slide_full .owl-next{
     right:-50px;
     position:absolute;
     font-size:70px;
     top:0;
}
 .fiche_cat_1 .to_bottom{
     background-color:transparent!important;
     height:0!important;
}
 .fiche_cat_1 .link_bottom{
     background-color:#0c404f;
     margin-top:-50px;
}
 .center_title_option h4{
}
 .title_option{
     padding: 45px 0px;
     background-image:url(../../images/interface/bg_options1.jpg);
     background-size:cover;
}

.pro .title_option {
    background-image: none;
    background-color: #0c404f;
}

.prod11 .pro .title_option, .prod12 .pro .title_option {
    background-image: none;
    background-color: #0c404f;
}
.prod11 .title_option,
.prod12 .title_option{
    background-image:url(../../images/interface/bg_options2.jpg);
    background-size:cover;
}
 .center_title_option{
     text-align:center;
}
 .center_title_option h4{
     font-family: 'blackoutregular';
     color:#fff;
     margin:0px;
     line-height:140px;
     font-size:180px;
}
 .center_title_option p{
     color:#fff;
     font-size:45px;
     font-weight:300;
}
 .row_option{
     font-size:0;
}
.hide_option {
    display:none;
}
 .left_option,.right_option{
     display:inline-block;
}
 .left_option{
     width: 50%;
     vertical-align:middle;
     display: flex;
     justify-content: center;
}

.block_option {
    display: flex;
    align-items: center;
}
 .img_option img{
     width:100%;
     height:auto;
}
 .right_option{
     width: 50%;
     vertical-align:middle;
}
 .content_option{
     text-align:center;
     /* max-width: 570px; */
}

.pro .content_option {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
 .intro_option{
     font-size:35px;
     max-width:500px;
     margin:auto;
     font-weight:300;
     padding:0px;
     margin-bottom:20px;
}
 .content_option h5{
     margin:0;
     font-family: 'blackoutregular';
     color:#0c404f;
     margin:0px;
     line-height:100px;
     margin-bottom:10px;
     font-size:120px;
}
 .content_option h6{
     font-size:25px;
     margin-top:-30px;
     margin-bottom:20px;
     font-weight:300;
}
 .ral{
     margin:auto;
     text-align:center;
}
 .ral > div{
     max-width:240px;
     margin:auto;
     font-size:0;
     margin-bottom:20px;
     text-align:left;
}
 .ral > div img{
     display:inline-block;
     vertical-align:middle;
     padding-right:10px;
     box-sizing:content-box;
     height:auto;
}
 .ral > div p{
     font-size:25px;
     line-height:26px;
     font-weight:300;
     width:calc(100% - 53px);
     display:inline-block;
     vertical-align:middle;
}
 .txt_option table{
     border:0;
     font-weight:300;
     font-size:24px;
     width:100%;
     border-spacing: 0px;
}
 .txt_option td, .txt_option th{
     padding:7px 20px;
     border:0px;
     text-align:center;
}
 .txt_option tr td, .txt_option tr th{
     border-bottom:2px solid #b2cb11;
}
.txt_option th em{
    display:block;
    font-weight:300;
}
 .txt_option tr:last-child td{
     border:0px;
}
 .btn_slide_add{
     margin-top:50px;
     text-align:center;
}
 .btn_slide_add span{
     cursor:pointer;
     display:inline-block;
     font-size:20px;
     background-color:#b2cb11;
     color:#0c404f;
     background-image:url('../../images/interface/ajout_panier_slide.png');
     background-position: 20px center;
     background-repeat:no-repeat;
     font-size:35px;
     padding:30px 20px;
     padding-left:110px;
     font-weight:300;
     cursor:pointer;
}
 .gamme_pro .nav_bottom{
     background-color:#0c404f;
     display:inline-block;
     background-image:url('../../images/interface/arrow_down.png');
     width:72px;
     height:72px;
     background-repeat:no-repeat;
     background-position:center;
     border-radius:50%;
}
 .next_gamme{
     padding:40px 0px;
     text-align:center;
}
 .gamme_deco .nav_bottom{
     background-color: #b2cb11;
     display:inline-block;
     background-image:url('../../images/interface/arrow_down.png');
     width:72px;
     height:72px;
     background-repeat:no-repeat;
     background-position:center;
     border-radius:50%;
}
 .link_bottom {
     background-image:url('../../images/interface/arrow_down.png');
     background-repeat:no-repeat;
     background-position:center;
}
 .prev_owl{
     background-image:url(../../images/interface/arrow-left.png);
     display:inline-block;
     width:35px;
     height:62px;
}
 .next_owl{
     background-image:url(../../images/interface/arrow-right.png);
     display:inline-block;
     width:35px;
     height:62px;
}
 .mdlPanier{
     max-width:860px;
     margin:auto;
     padding:100px 0px;
}
 .mdlPanier .list_item{
     border-spacing:0;
     margin-bottom:50px;
     color:#0c404f;
}
 .mdlPanier .list_item{
     font-size:22px;
     font-weight:300;
}
 .mdlPanier .list_item tr td, .mdlPanier .list_item tr th{
     border-bottom:1px solid #0c404f;
     padding:5px;
     vertical-align:middle;
}
 .mdlPanier .list_item th{
     background-color:#b2cb11;
     font-size:22px;
     font-weight:300;
     padding:5px 10px;
     border:0;
}
 .label-resp{
     display:none;
}
 .resp-block strong{
     font-weight:300;
}
 .action{
     text-align:right;
}
 .action input{
     display:inline-block;
     background-color:#b2cb11;
     font-weight:400;
     font-size:25px;
     padding:15px 30px;
     width:auto;
     line-height:25px!important;
     border-radius:0px;
     color:#0c404f;
}
 .qty_panier input{
     background-color:#fff;
     display:inline-block;
     width:40px;
     text-align:center;
     padding:0px;
     vertical-align:middle;
}
 .qty_panier button{
     border:0px;
     background-color:transparent;
     color:#0c404f;
     font-size:30px;
     cursor:pointer;
     display:inline-block;
}
 .qty_panier{
     width:100px;
}
 .content_demande{
     max-width:950px;
     margin:auto;
     width:100%;
     background-color:#b2cb11;
     margin-bottom:45px;
     padding:25px 20px;
}
 .content_demande table{
     width:100%;
     font-weight:300;
     font-size:23px;
     border:0px;
     border-spacing:0;
     border-collapse: collapse;
}
 .content_demande table tr{
     border:0;
}
 .content_demande table td, .content_demande table th{
     border:0;
}
 .content_demande table td{
     padding:5px 20px;
     border-right:7px solid #b2cb11;
}
 .content_demande table tr{
     border-bottom:7px solid #b2cb11;
}
 .content_demande table .consult_demande{
     color:#0c404f;
}
 .content_demande table td:last-child{
     width:80px;
}
 .content_demande table th{
     color:#0c404f;
     font-weight:300;
}
 .content_demande table th:nth-child(2), .content_demande table td:nth-child(2){
     text-align:center;
     width:150px;
}
 .content_demande table tr:nth-child(even){
     background-color:#d3df8d;
}
 .content_demande table tr:nth-child(odd){
     background-color:#bacd4d;
}
 .content_demande table tr:first-child{
     background-color:transparent;
}
 .consult_demande{
     display:inline-block;
}
 .list_demande{
     padding-top:100px;
}
 .fiche_demande{
     font-size:0;
     max-width:1250px;
     margin:auto;
     padding:80px 0px;
}
 .left_demande{
     display:inline-block;
     width:calc(35% - 15px);
     margin-right:15px;
     vertical-align:top;
}
 .right_demande{
     display:inline-block;
     width:calc(65% - 15px);
     margin-left:15px;
     vertical-align:top;
}
 .panel_demande{
     border:2px solid #0c404f;
}
 .title_panel{
     font-size:34px;
     font-weight:300;
     background-color:#0c404f;
     color:#b2cb11;
     padding:10px 15px;
}
 .content_panel{
     padding:10px 15px;
}
 .inline_demande{
     margin-bottom:15px;
     font-size:0;
}
 .inline_demande:last-child{
     margin-bottom:0px;
}
 .inline_demande span{
     display:inline-block;
     font-size:20px;
     font-weight:300;
     vertical-align:middle;
}
 .inline_demande span:first-child{
     text-align:right;
     width:30%;
}
 .left_demande .panel_demande{
     margin-bottom:30px;
}
 .inline_demande span:last-child{
     text-align:left;
     width:calc(70% - 30px);
     margin-left:30px;
     padding:5px 10px;
     background-color:#d1de88;
}
 .contact_info{
     font-size:24px;
     font-weight:300;
}
 .contact_info span{
     display:block;
     margin-bottom:15px;
}
 .contact_info span:last-child{
     margin-bottom:0;
}
 .tel_contact:before{
     content:'';
     display:inline-block;
     width:16px;
     height:16px;
     background-image:url(../../images/interface/tel_bleu.png);
     background-color:#b2cb11;
     border-radius:50%;
     padding:5px;
     background-repeat:no-repeat;
     vertical-align:middle;
     background-position:center;
     margin-right:20px;
}
 .item_demande{
     margin-bottom:30px;
     font-size:0;
}
.left_item_demande{
    display:inline-block;
    width:calc(100% - 80px);
}
.right_item_demande{
    width:80px;
    display:inline-block;
    vertical-align:top;
    padding-left:5px;
}
.right_item_demande div a{
    background-color:#b2cb11;
    display:block;
    text-align:center;
    padding:10px 5px;
    margin-bottom:5px;
}
.right_item_demande div img{
    margin-bottom:5px;
}
.right_item_demande div a span{
    font-size:12px;
    line-height:14px;
    display:block;

    color:#0c404f;
}
.block_add_cmd img{
    margin-bottom:10px;
}
.block_add_cmd a{
    padding:20px 5px!important;
}
.block_notice_cmd a span{
    font-size:12px!important;
    line-height:12px!important;
}
 .item_demande:last-child{
     margin-bottom:0px;
}
 .title_item_demande{
     background-color:#b2cb11;
     font-size:26px;
     padding:12px 15px;
     font-weight:300;
     position:relative;
}
 .qty_item_demande{
     position:absolute;
     right:10px;
     display:block;
     top:10px;
}
 .content_item_demande{
     background-color:#d1de88;
     padding:10px 15px;
}
 .list_cat_aide{
     padding:30px 0px;
     padding-top:60px;
     text-align:center;
     padding-bottom:0px;
}
 .list_cat_aide h5{
     font-size:40px;
     font-weight:300!important;
     color:#0c404f;
}

.cat_aid{
    text-align:center;
    padding-bottom:0px;
}
.cat_aid a{
    display:inline-block;
    font-size:65px;
    background-color:#0c404f;
    color:#fff;
    padding:10px 0;
    max-width:calc(100% - 60px);
    width:380px;
    text-align:center;
    margin:0 30px;
}
.cat_aid a.link_aide_2{
     font-family: 'blackoutregular';
     background-color:#b2cb11;
     font-size:120px;
     line-height:86px;
}
.section_notice{
    font-size:0;
    margin-top:80px;
}
.block_notice{
    width:33.33333%;
    display:inline-block;
    height:320px;
    background-repeat:no-repeat;
    vertical-align:top;
    background-size:cover;
    cursor:pointer;
}
.section_video .block_notice,.section_catalogue .block_notice{
    width:25%;
}
.fiche_cat_2 .slide_full {
    height:100vh;
}
.fiche_cat_2 .slide_full .item img{
    position:absolute;
    height:100vh;
    top:0;
    width:auto!important;
}
.fiche_cat_2 .slide_full .item{
    height:100vh;
}
.titre_notice{
    background-color:#b2cb11;
    position:relative;
       cursor:auto;
}
.aide_2 .titre_notice{
    background-color:#b2cb11;
     color:#0c404f;
}
.aide_1 .titre_notice{
    background-color:#0c404f;
    color:#b2cb11;
}
.aide_1 .titre_notice h5{
    color:#b2cb11;
}
.aide_2 .titre_notice h5{
    color:#0c404f;
}
.titre_notice h5{
   
    text-align:center;
    line-height:320px;
    font-size:70px;
    font-weight:300;
}

.abs_cat{
    position:absolute;
    top:0;
    left:0;
    color:#fff;
    font-size:70px;
    line-height:70px;
}
.aide_2 .abs_cat{
    font-family: 'blackoutregular';
}
.block_notice h4{
    background-color:rgba(255,255,255,0.5);
    display:block;
    margin:auto;
    width:50%;
    text-align:center;
    margin-top:100px;
    padding:25px 0px;
    font-size:35px;
      color:#0c404f;
      text-transform:uppercase;
      font-weight:300;
}
.block_video{
        width:25%;
    display: inline-block;
    height: 320px;
    background-repeat: no-repeat;
    vertical-align: top;
    background-size: cover;
    cursor: pointer;
    text-align:center;
    background-color:#b3b3b3;
}
.block_video h5{
    font-size:35px;
    font-weight:300;
    padding-top:25px;
      color:#0c404f;
      margin-bottom:30px;

}
.play_btn_notice{
    width:130px;
    height:130px;
    display:inline-block;
    text-align:center;
    background-color:#fff;
    border-radius:50%;
    padding-top:36px;
    padding-left:10px;
}
.section_catalogue{
    display:flex;

    margin-top:80px;
}
.section_video{
    margin-top:80px;
}

.section_catalogue h5{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    padding-top:0px;
    line-height:50px;
    margin-top:-40px;
    margin-bottom:0px;
}
.section_catalogue .titre_notice{
   height:auto;
}

.back_btn a{
    position:absolute;
    bottom:0;
    right:100px;
    width:80px;
    height: 75px;
    background-color:#0c404f;
    -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align:center;
padding-top:20px;
}
.back_btn{
    position:relative;
}
 @media screen and (max-width: 1650px) {
     .img_item img{
         max-width:100%;
         height:auto;
     }
     .grid-sizer, .grid-item{
         width:33.33333%;
     }
     .search_carriere{
         padding:0 30px;
         width:50%;
     }
     .map_pre{
       
         width:50%;
     }
     .row_carte_pre{
         padding-left:30px;
     }
     .map_pre img{
         width:100%;
     
     }
     .info_result h5, .info_result p{
         font-size:25px;
     }
     .email_result,.tel_result{
         font-size:20px;
     }
     .fake_form input{
         font-size:25px;
         width: calc(100% - 60px);
         padding:10px 20px;
     }
        .fake_form img{
            width:59px;
            padding:10px;
        }
 }
 @media screen and (max-width: 1500px) {
     .intro_option{
         font-size:25px;
     }
     .content_option h5{
         font-size:80px;
     }
     .txt_option table{
         font-size:20px;
     }
    .titre_notice{
        width:100%!important;
    }
     .block_notice{
         width:50%;
     }
     .block_video {
         width:33.333333%;
     }
     .section_catalogue .block_notice{
         width:50%!important;
         max-height:400px;
     }
     .section_catalogue img{
         max-height:400px;
         width:auto;
         max-width:100%;
     }
}
 @media screen and (max-width: 1400px) {
     .center_suggest h4{
         font-size:250px;
     }
     .service {
         width: 100%;
    }

    .bloc_identification > div{
       padding-right:15px;
    }
    .right_identification{
        padding-left:15px;
    }

}
 @media screen and (min-width: 740px) {
     .md-item-wrap img {
         height:auto!important;
    }
}
@media screen and (max-width: 1300px) {
    .center_model{
        padding:0 15px;
    }

    .txt_option td, .txt_option th{
        padding:3px 5px;
    }
    .title_item{
        padding:0 15px;
    }
     .colcat{
         width:100%!important;
         max-width:680px;
         margin:auto;
         margin-left:auto!important;
         margin-right:auto!important;
         display:block!important;
     }
     .list_cat1 .colcat{
         max-width:100%;
     }
}
@media screen and (max-width: 1100px) {
    .avantage{
        padding-left:15px;
          padding-right:15px;
    }
    .right_option,.prod10 .row_option:nth-child(4) .right_option{
        width:100%;
    }
    .left_option,.prod10 .row_option:nth-child(4) .left_option{
        width:100%;
    }
}
@media screen and (max-width: 1200px) {
    .fiche_billet h2{
        font-size:30px;
    }
    .block_color{
        width:33.33333%;
        margin-bottom:30px;
    }
    .inline_color{
        text-align:center;
    }
    .block_color img{
        max-width:300px;
    }
    .position_center{
        margin-top:40px;
        right:30px;
    }
    .catacteristique table tr td{
        padding:10px 15px;
        height:auto;
    }
    .catacteristique table tr td:first-child{
        width:50%;
    }
     .catacteristique table tr td:last-child{
         width:50%!important;
     }
    .catacteristique{
        width:60%;
    }
    .img_item{
        width:40%;
    }
    .fiche_cat_1 #slide_top_prod{
        padding:50px 0px;
    }
    .btn_slide_add span{
        font-size:30px;
    }
    .left_demande{
        width:calc(100% + 30px);
        display:flex;
        margin:0 -15px;
        margin-bottom:30px;
    }
    .fiche_demande{
        padding:30px 15px;
    }
    .right_demande{
        width:100%;
        margin:0;
    }
    .left_demande .panel_demande{
        width:50%;
        display:inline-block;
        vertical-align:top;
        margin:0 15px;
    }
    .edition_compte{
        padding:0 15px;
    }
     .grid-sizer, .grid-item{
         width:50%;
     }
     .block_video,.block_notice  {
         width:50%;
     }
     .par_style_1 h3{
         padding:0 20px;
     }
  .row_edition{
      margin:0 -15px;
      margin-bottom:30px;
  }
.demi_width,.full_width{
    padding:0 15px;
}
}
@media screen and (max-width: 760px) {
    .block_color{
        width:50%;
    }
    .txt_option table{
        font-size:14px;
    }
    .title_item h4{
        font-size:50px;
        line-height:60px;
    }
    .demi_width{
        width:100%;
    }
    .last_demande a{
        font-size:30px;
    }
    .account{
        padding:0 15px;
    }
     .grid-sizer, .grid-item{
         width:100%;
         max-height:
     }
     .par_style_1 h3{
         font-size:25px;
         line-height:1.4;
     }
      .block_video,.block_notice  {
         width:100%;
     }
        .section_catalogue{
         width:100%;!important;
         display:block;
     }
     .section_catalogue h5{
             text-align: center;
    line-height: 320px;
    font-size: 70px;
    font-weight: 300;
         position:relative;
     }
     .section_catalogue .block_notice{
         width:100%!important;
     }
     .block_catalogue{
         width:100%;
     }
     .block_catalogue img{
         width:100%;
         height:auto;
     }
}
@media screen and (max-width: 650px) {
    .titre_notice h5{
        font-size:40px;
    }
    .row_account{
        margin:0;
        display:block;
    }
  
    .bjr_account,.last_demande{
        display:block;
        width:100%;
        margin:0!important;
    }
      .bjr_account{
        margin-bottom:30px!important;
    }
    .col_account{
        width:100%;
        margin:0;
    }
    .block_decouvrir{
        margin-top:30px;
    }
    .col_account{
        margin-bottom:30px;
    }
}
 @media screen and (max-width: 1000px) {
     .fiche_cat_2 .slide_full{
         display:none!important;
     }
     .fiche_cat_2 .desc-slide{
         width:100%;
     }
     .fiche_cat_2 .center_desc{
         padding-bottom:30px;
         position:relative;
     }
     .fiche_cat_2 .position_center{
         margin-top:0;
     }
     .center_sugg h4{
         font-size:30px;
         line-height:40px;
      
     }
      .center_sugg{
    
         padding:40px 20px;
     }
     .row_gamme{
         margin:0;
     }
     .pos_ariane{
         padding-top:0;
     }
      .catacteristique{
          width:100%;
          padding-top:80px!important;
          text-align:center;
      }
      .img_item{
          width:100%;
      }
      .img_item img{
          max-width:100%;
          width:auto;
      }
     .fiche_cat_1 #pos_slid{
         width:100%!important;
         display:block!important;
         margin:auto;
         padding:0 50px;
         padding-right:50px!important;
         max-width:700px;
         margin:auto!important;
     }
     .fiche_cat_1 .desc-slide{
         width:100%;
         padding:40px 30px;
         margin:auto;
     }
     .right_identification,
     .left_identification{
         width:100%!important;
         padding:0 15px;
     }
     .left_identification{
         margin-bottom:40px;
     }
     .map_pre{
        width:100%;         
     }
     .row_carte_pre{
         padding:0 30px;
     }
     .search_carriere{
         width:100%;
         padding:0px;
         margin-top:30px;
     }
     .bloc_identification{
         padding:60px 0px;
     }
  .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(3) h4, .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(4) h4{
      font-size:40px;
      padding:16px 25px;
      line-height:1.7
  }
     .center_suggest h4{
         width:100%;
         display:block;
         text-align:center;
     }
     .center_suggest a{
         margin:auto;
         display:block;
     }
     #traduction{
         margin: 0;
         left:auto;
         right:15px;
         top:60px;
    }
     #menu_haut ul {
         text-align: center;
    }
     .carousel-inner {
         width: 100%!important;
    }
     #menu_haut ul li a:after {
         display: none;
    }
     #menu_haut ul li a:hover, #menu_haut ul li:hover a {
        /* color: #3A4046;
         */
    }
     #menu_haut li a {
         color: #000;
         padding: 15px 15px;
         line-height: 15px!important;
         text-align: left;
    }
     #menu_haut .extend {
         padding: 0px;
         text-align: center;
         font-size: 30px!important;
         position: absolute;
         right: 0px;
         top: 0px;
         height: 100%;
         line-height: 48px!important;
         width: 48px;
         height: 48px!important;
         color: #999!important;
         border-bottom: 0;
    }
     #header #menu_haut {
         width: 100%!important;
         max-width: 100%;
         float: none;
         margin: 0;
         padding: 0;
         z-index: 160!important;
        /* border-bottom:5px solid #97BF0D;
         */
        /* background-color: #fff;
         */
         overflow: hidden;
         height: 0px;
    }
     .btn-menu {
         z-index: 100000;
         display: inline-block!important;
         position: absolute;
         right: 20px;
         top: 33px;
         color: #fff;
         font-size: 22px;
    }
     #col1 {
         display: none;
    }
     #col3 {
         float: none;
    }
     #pied {
         width: 100%;
    }
     #pied #conteneur_pied {
         width: 100%;
         box-sizing: border-box;
         padding: 20px;
    }
     .link_header .icon-box{
         padding:0 5px;
    }
     .link_header{
         position:absolute;
         top:20px;
         right:25px;
         width:50%;
         z-index:10000;
         text-align:right;
    }
     #header {
         min-width: 100%;
         z-index: 10000;
         position:relative;
         top:0px;
         padding-top:10px;
        /* height: 100px;
         */
    }
    .filters button{
        width:150px;
        text-align:center;
    }
    .page-heading .page-title h2{
        font-size:100px;
        padding:0 30px;
        line-height:100px;
    }
     .page-heading{
         padding-top:20px;
     }
     #picto {
         top: 50%;
         margin-top: -100px;
    }
     #conteneur {
        /* padding-top:100px;
         */
    }
     .pageAccueil h3 {
         font-size: 30px;
    }
     #conteneur_contenu {
         min-width: 100%;
    }
     #contenu, #conteneur_header {
         width: 100%;
    }
     .left-produit {
         max-width: 100%;
    }
     .row {
         display: inline;
    }
    .bloc_list_cat{
        width:100%!important;
        max-width:500px;
        margin:auto;
        margin-bottom:30px;
        display:block!important;
    }
     .paragraphe p > img {
         display: block;
         max-width: 100%;
         height: auto;
         padding: 0px!important;
         margin: auto;
         margin-bottom: 20px!important;
    }
     #centreetdroite .transport-king .about-us p {
         width: auto;
    }
     .SF fieldset p {
         display: inline-block;
         width: 100%!important;
         margin-left: 0px!important;
    }
     #header #logo {
         position: relative;
         display: block;
         width: 100%;
         left: 0px;
         padding-top: 0px;
    }
     #logo img {
         padding-top: 0!important;
    }
     #header #logo:after {
         border: none;
    }
     #position-menu {
         background-color: #fff;
         position: absolute;
         top: 100%;
         right: 0;
         width: 100%;
         margin: 0;
         z-index: 1000;
         padding: 0;
         text-align: center;
    }
     #menu_haut ul li ul {
         display: block;
         height: 0px;
         overflow: hidden;
         padding: 0px!important;
         left: 0!important;
         top: 0!important 
    }
     #menu_haut ul li.open ul {
         height: auto;
         top: 0px;
         opacity: 1;
         position: relative;
         width: 100%!important;
         border: none;
         padding-top: 9px;
         padding-bottom: 9px;
         display: block;
         left: 0px;
    }
     #menu_haut ul li ul li, #menu_haut ul li ul li a {
         width: 100%!important;
         text-align: center;
         color: #3e3e3e!important;
         background-color: #fff;
         border: 0px;
    }
     #menu_haut ul li ul li a {
         text-align: left;
         display: block;
         color: #3e3e3e;
         box-sizing: border-box;
        /* background-color:#fff;
         */
         height: auto;
         line-height: 30px;
         padding: 0px 8px;
         margin-bottom: 0px;
         width: 200px;
         font-size: 14px;
         padding: 12px 35px!important;
         background-image: none;
         border-top: 1px solid #e9e9e9;
    }
     #menu_haut ul.menu-sub > li:first-child:after {
         display: none;
    }
     #menu_haut ul {
         float: none;
         margin: auto;
    }
     #recherche {
         top: 0px;
         right: 0px;
    }
     #centreetdroite {
         width: 100%!important;
    }
     #wrapper {
         top: 0px;
         width: 100%;
         margin-left: 0px;
         min-width: 100%;
         height: auto;
    }
     body {
        /*! overflow-x: hidden;
         */
         width: 100%;
    }
     .bx-wrapper {
         width: 100%;
         overflow: hidden-x;
    }
     #carousel div {
         height: auto;
    }
     #carousel div img {
         height: auto;
         width: 100%;
    }
     #pager2 {
         width: 100%;
         bottom: 10px;
         top: auto;
    }
     img.mdl_billet{
         max-width:100%;
         height:auto;
         display:block;
    }
     #ariane {
        /* width: 96%;
         */
         margin: auto;
         margin-bottom:15px;
    }
     .ariane {
         width: 100%;
    }
     .right-produit{
         width:100%;
         padding-top:30px;
    }
     body .billet_element > img {
         padding-top: 0px!important;
         float: none;
         max-width: 100%;
         height: auto!important;
         width: auto;
         display: block;
         margin: auto;
         max-height: 250px!important;
    }
     #centreetdroite {
         width: 100%!important;
         margin: auto;
         height: auto!important;
    }
     .container {
         width: 100%!important;
    }
     .about .container, #section-latest-blog .container {
         width: 95%!important;
    }
     .center {
         width: 95%!important;
    }
     .service {
         margin-bottom: 20px!important;
         max-width: 100%!important;
    }
     #gauche {
         width: 96%;
         margin: auto;
         padding: 0px;
         position: absolute;
         float: none;
         margin-left: 2%;
    }
     #col2 > a {
         display: none!important;
    }
     #col2 {
         width: 20%;
         margin-right: 0;
         margin-left: 5%;
    }
     #col2 #reseaux {
         width: 100%;
         text-align: center;
    }
     #col2 #reseaux a {
         margin: auto!important;
         display: block!important;
         margin-bottom: 40px!important;
    }
     #col2 {
         margin-left: 5%;
         width: 50%;
         margin-right: 0px;
    }
     #gauche h3 {
         font-size: 1.8em;
         font-weight: normal;
         text-transform: capitalize;
    }
     #gauche .mdl_billet {
         font-size: 1.2em;
         color: #1a333c;
    }
     #menu_haut> ul >li {
         width: 100%;
         border-top: 1px solid #e9e9e9;
    }
}
 @media screen and (max-width: 740px) {
      .map_pre .pointer{
     
     background-size:cover;
     display:block;
     height:20px;
     width:12px;
     margin-top:-20px;
     margin-left:-6px;
     cursor:pointer;
}
.active_pointer span{
    font-size:13px;
}
     .suggest_aide h5{
         font-size:70px;
         line-height:80px;
     }
     .suggest_aide a{
         font-size:34px;
     }
     .intro_gamme p{
         font-size:20px;
     }
     .bloc_list_cat{
         padding:0 20px;
     }
     .bloc_list_cat h4{
         left:20px;
         right:20px;
     }
     .align-cara{
         width:100%;
         padding:0 15px;
         margin-bottom:30px;
     }
     .fiche_cat_1 .desc-slide h2{
         font-size:40px;
         line-height:1.4;
     }
     
      .catacteristique tbody tr td:nth-child(2){
      
      }
      .catacteristique tbody tr{
          display:flex;
      }
   
     body .billet_element {
         width: 100%;
         max-width: 400px;
         display: block;
         margin: auto;
    }
     #produit .container {
         margin-top: -20px;
    }
     .produit {
         width: 75%;
         margin: auto!important;
         display: block;
         margin-bottom: 15px!important;
    }
     .row {
         display: block;
    }
     .actu {
         width: 100%!important;
         margin: auto!important;
         margin-bottom: 20px!important;
         display: block;
    }
     .md-item-wrap, .md-slide-wrap, .section-banner, .pageAccueil .md-item-wrap, .pageAccueil .md-slide-wrap, .pageAccueil .section-banner {
         height: auto!important;
    }
}
 @media screen and (max-width: 650px) {
    .content_demande tr:first-child th{
        display:none;
    }
     .content_demande tr:first-child th:first-child{
        display:block;
    }
     .content_demande tr,
          .content_demande tr td,
          .content_demande table tbody{
         display:block;
         width:100%!important;
         text-align:left!important;
     }

   
.label-resp{
    display:block;
}
    .content_demande table{
        display:block;
    }
 }
 @media screen and (max-width: 530px) {
     .fiche_cat_2 .desc-slide
      .bloc_list_cat h4,
      .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(3) h4, .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(4) h4{
        font-size:22px;
        padding:10px 20px;
     }
     .bloc_list_cat h4 span{
         font-size:30px;
         width:70px;
         line-height:60px;
     }
     .catacteristique table tr td,
     .catacteristique table tr,
     .catacteristique table tr td:last-child{
         display:block;
         width:100%!important;
     }
     .catacteristique table tr td:first-child{
         font-weight:bold;
     }
     .catacteristique table tr td:last-child{
         margin-bottom:10px;
     }
     .big-img img {
         width: 100%;
    }
     .produit {
         width: 100%;
         margin: auto!important;
         display: block;
         margin-bottom: 15px!important;
    }
    .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(3) h4 span, .list_cat2 .colcat:last-child .bloc_list_cat:nth-child(4) h4 span{
        font-size: 30px;
    width: 70px;
    line-height: 60px;
    }

}
 #lines {
     border-bottom: 17px double #fff;
     border-top: 6px solid #fff;
     content: "";
     height: 5px;
     width: 35px;
     display: block;
}
 .btn-menu {
     display: none;
     cursor: pointer;
     color:#000;
}
 #pager2 {
     width: 100%;
     bottom: 10px;
     top: auto;
}
 @media screen and (max-width: 900px) {
     .left_demande .panel_demande{
         width:100%!important;
         display:block!important;
      
       margin:0!important;
          margin-bottom:30px!important;
     }
     .left_demande{

        display:block;
        width:100%;
        margin:0px;
        padding:0px;
     }
     .left-about {
         width: 100%!important;
         text-align: center;
    }
     .left-about h3 {
         text-align: center!important;
    }
     .left-about h3:after {
         display: none!important;
    }
     .right-about {
         width: 100%!important;
    }
}
 @media screen and (max-width: 740px) {
     .forgot p{
         font-size:22px;
         margin-bottom:30px;
     }
     .forgot{
         padding:0 15px;
     }
     .edition_compte h5, .forgot h5{
         font-size:30px;
     }
     .row_pwd{
         margin-bottom:20px;
     }
   .edition_compte h5 span, .forgot h5 span{
       margin-top:-25px;
   }
     .row_pwd label{
         text-align:center;
         display:block;
         width:100%;
         margin-bottom:10px;
     }
     .row_pwd input{
         width:100%;
     }
     .inscription{
         padding:0 15px;
     }
     .row_group{
         margin:0;
     }
     .group_checkbox{
         padding:0 10px;
     }
     .fake_label{
         font-size:20px;
     }
    .row_identification label, .row_inscription label{
         display:block;
         width:100%;
         text-align:left;
     }
     .inline_civi label{
         display:inline-block;
     }
     .row_identification label br, .row_inscription label br{
         display:none;
     }
     .row_identification input, .row_inscription input{
         width:100%;
     }
     .carte_prerempli h4{
         font-size:30px!important;
         line-height:1.4;
     }
     .par_fixe fieldset{
         box-sizing:border-box;
         padding:0px!important;
         display:block!important;
         margin:0px;
    }
     .par_fixe p,.par_style_3 p, .par_style_1 p{
         width:100%!important;
         margin-left:0!important;
    }
     .par_fixe p:nth-child(even), .par_style_3 p:nth-child(even), .par_style_1 p:nth-child(even){
         margin-left:0px!important;
    }
     .col2 ul li{
         width:100%;
    }
     .suite {
         display: inline-block;
         height: auto;
    }
     .paragraphe img {
         float: none!important;
    }
     .list-photo a {
         margin-bottom: 20px;
    }
     .par_style_1 .bloc0, .par_style_1 .bloc1 {
         width: 50%;
    }
     #picto {
         display: none;
    }
     .atout, .block-services {
         width: 100%!important;
         margin-top: 0;
    }
     .service {
         width: 48%;
    }
     .page-heading .page-title h2 {
         font-size: 60px;
    }
     #contenu {
        /* margin-top:-20px;
         */
    }
     .col1, .col2, .col3 {
         width: 100%;
    }
     .col1 {
         margin-bottom: 40px;
    }
     .carousel-inner, .carousel {
         height: auto!important;
    }
     #recherche {
         display: none;
    }
     #menu_haut {
         width: 100%;
        /* top: 35px;
         */
    }
     #menu_haut >ul {
         padding: 0px;
         text-align: center;
    }
     #menu_haut >ul >li {
         display: inline-block;
         float: none;
    }
     #menu_haut >ul >li a {
        /* padding:0px;
         */
    }
     #menu_haut> ul >li {
         width: 100%;
    }
     #logo {
         left: 30%;
         margin: 0px!important;
         padding: 0px;
    }
     #background-menu-right {
         height: 190px;
    }
     #wrapper {
        /* top:205px;
         */
    }
     #col3 {
         width: 90%;
         margin-left: 5%!important;
         float: none;
    }
     #col2 {
         display: none;
    }
}
 @media screen and (min-width: 0px) and (max-width: 500px) {
     .group_checkbox{
         width:100%;
         margin-bottom:20px;
     }
     .btn_slide_add span{
         font-size:22px;
     }
     .par_style_1 .bloc0, .par_style_1 .bloc1 {
         width: 100%;
    }
     .service {
         width: 100%;
    }
     #logo {
         left: 20%;
    }
     #col1, #col2 {
         width: 90%;
    }
     #col2 #reseaux a {
         display: inline-block!important;
         margin-left: 10px!important;
    }
     #col2 #reseaux {
         width: 100%!important;
    }
     #pied #conteneur_pied {
         height: auto;
    }
}
 @media screen and (min-width: 0px) and (max-width: 400px) {
      .block_color{
        width:100%;
    }
     .row:nth-child(1) .produit:nth-child(1) .featured-box .featured-box-content {
         top: calc(100% - 70px);
    }
     #header #logo img {
         width: 150px;
         height: auto;
    }
     .btn-menu {
         top:20px;
         right: 10px;
    }
     #position-menu {
         top: 70px;
         width: 100%;
    }
     #pied .col1 li {
         width: 100%;
    }
     .service {
         min-width: 100%;
    }
     .service img {
         height: auto!important;
    }
}
 @media screen and (min-width: 0px) and (max-width: 360px) {
     .row:nth-child(1) .produit:nth-child(3) .featured-box .featured-box-content, .row:nth-child(2) .produit:nth-child(3) .featured-box .featured-box-content {
         top: calc(100% - 70px);
    }
}

 @media screen and (min-width: 0px) and (max-width: 1170px) {
     .carte_prod{
         width:642px;
     
    }
    .site_production{
        padding-bottom:150px;
    }
    .legend_prod{
        position:absolute;
        display:block;
    }
    .legend_prod .legend{
        left:0!important;
        right:auto!important;
        top:0!important;
        position:relative;
    }
    .legend_prod .legend:after{
        display:none!important;
    }
    .title_site h4 span{
        line-height:1.4;
    }
}
 @media screen and (min-width: 0px) and (max-width: 670px) {
     .center_suggest h4{
         font-size:150px;
         line-height:100px;
        margin-bottom:30px;
     }
     .center_suggest a{
         font-size:30px;
     }
     .bottom_contact{
         padding: 60px 0px;
     }
     .par_style_1 .mdl_formulaire h3{
         font-size:25px;
         line-height:1.4;
         padding:10px 20px!important;
     }
     .carte_prod{
         width:100%;
    }
    .carte_prod > img{
        width:100%;
        height:auto;
    }
    .picto_contact:before{
        display:none;
    }
    .block_picto{
        display:block;
        width:100%;
            margin:auto;
        margin-bottom:40px;
        margin-top:0!important;
    

    }
    .bottom_contact h5{
        font-size:35px;
    }
}
 @media screen and (min-width: 0px) and (max-width: 1000px) {
     .par_style_1 p:nth-child(even),
     .par_style_1 p:nth-child(odd){
         padding:0px;
     }
     .par_style_1 p:nth-child(odd) label{
         width:150px;
     }
     .par_style_1 p:nth-child(odd) input {
    width: calc(100% - 150px);
}
     .point{
         padding:0 20px;
         min-width:auto;
    }
     .point img{
         max-width:100%;
    }
     .point h4{
         font-size:20px;
         line-height:30px;
    }
     .intro_societe{
         padding: 40px 20px;
    }
     .intro_societe p{
         font-size:25px;
    }
     .intro_bis_societe p{
         font-size:25px;
    }
     .intro_bis_societe{
         padding:40px 20px;
    }
     .intro_bis_societe br{
         display:none;
    }
     .col_gamme.width_50{
         width:100%;
         max-width:600px;
         margin-bottom:40px;
         display:block;
         margin:auto;
         margin-bottom:40px;
    }
     .col_gamme.width_50{
         margin-top:40px;
    }
     .col_gamme.width_25{
         width:50%;
         max-width:300px;
    }
     .bg_green, .bg_dark{
         padding-bottom:calc(130% - 40px);
         height:auto;
    }
     .bg_green h6, .bg_dark h6{
         top:30%;
         padding:0 20px;
    }
     .titre_catalogue h6{
         font-size:35px;
    }
     .link img{
         max-width:100%;
    }
     .link{
         width:50%;
    }
     .title_produit h4{
         font-size:40px;
    }
     .produit .center_section{
         padding:0 30px;
    }
     .block_produit .btn1{
         height:60px;
         width:60px;
         background-position: center;
         background-size:60%;
    }
     .titre_produit a{
         font-size:16px;
    }
     .actualite .center_section{
         padding:0 20px;
         max-width:600px;
    }
     .col_actu.width_25{
         width:50%;
    }
     .col_actu.width_25:nth-child(2) .block_actu{
         max-height:10000px;
         padding-bottom:calc(127% - 40px);
    }
     .col_actu.width_25:nth-child(2) .block_actu img{
         position:absolute;
    }
     .block_titre{
         max-width:100000px;
    }
     .col_actu.width_25 img{
         width:100%;
    }
     .col_actu .titre_actu{
        /* position:relative;
         */
    }
     .col_actu.width_50{
         width:100%;
         margin-top:40px;
    }
     .point_fort .center_section{
         padding:0 20px;
         text-align:center;
    }
     .block_pf{
         width:33.333333%;
         margin-bottom:40px;
    }
     .row_footer .col_footer{
         width:100%;
         text-align:center;
         margin-bottom:20px;
    }
     .catalogue .center_section{
         padding:0 15px;
    }
     .intro_gamme .center_section{
         padding:0 15px;
    }
     .row_actu{
         margin-bottom:40px;
    }
}
 @media screen and (min-width: 0px) and (max-width: 750px) {
     .block_pf{
         width:50%;
    }
     .points_societe{
         padding:60px 0px;
    }
     .point h4{
         font-size:30px;
         line-height:30px;
    }
     .point{
         width:100%;
         display:block;
         margin:auto;
         padding:0;
         margin-bottom:30px;
    }
     .block_produit{
         display:block;
         width:100%;
         margin-bottom:70px;
    }
     .titre_actu h6{
         line-height:20px;
         font-size:16px;
    }
}
 @media screen and (min-width: 0px) and (max-width: 390px) {
     .titre_catalogue h6{
         font-size:22px;
    }
     .link{
         padding:0 15px;
    }
     .title_produit h4{
         font-size:25px;
    }
     .block_pf{
         width:100%;
    }
     .link_header{
         top:10px;
    }
     .link_header .icon-box i{
         font-size:20px;
    }
     .link_header .icon-box{
         padding:0 5px;
    }
}
 @media screen and (max-width: 740px) {
     .carte_prerempli h4{
         font-size:30px!important;
         line-height:1.4;
     }
     .par_fixe fieldset{
         box-sizing:border-box;
         padding:0px!important;
         display:block!important;
         margin:0px;
    }
     .par_fixe p,.par_style_3 p, .par_style_1 p{
         width:100%!important;
         margin-left:0!important;
    }
     .par_fixe p:nth-child(even), .par_style_3 p:nth-child(even), .par_style_1 p:nth-child(even){
         margin-left:0px!important;
    }
     .col2 ul li{
         width:100%;
    }
     .suite {
         display: inline-block;
         height: auto;
    }
     .paragraphe img {
         float: none!important;
    }
     .list-photo a {
         margin-bottom: 20px;
    }
     .par_style_1 .bloc0, .par_style_1 .bloc1 {
         width: 50%;
    }
     #picto {
         display: none;
    }
     .atout, .block-services {
         width: 100%!important;
         margin-top: 0;
    }
     .service {
         width: 48%;
    }
     .page-heading .page-title h2 {
         font-size: 60px;
    }
     #contenu {
        /* margin-top:-20px;
         */
    }
     .col1, .col2, .col3 {
         width: 100%;
    }
     .col1 {
         margin-bottom: 40px;
    }
     .carousel-inner, .carousel {
         height: auto!important;
    }
     #recherche {
         display: none;
    }
     #menu_haut {
         width: 100%;
        /* top: 35px;
         */
    }
     #menu_haut >ul {
         padding: 0px;
         text-align: center;
    }
     #menu_haut >ul >li {
         display: inline-block;
         float: none;
    }
     #menu_haut >ul >li a {
        /* padding:0px;
         */
    }
     #menu_haut> ul >li {
         width: 100%;
    }
     #logo {
         left: 30%;
         margin: 0px!important;
         padding: 0px;
    }
     #background-menu-right {
         height: 190px;
    }
     #wrapper {
        /* top:205px;
         */
    }
     #col3 {
         width: 90%;
         margin-left: 5%!important;
         float: none;
    }
     #col2 {
         display: none;
    }
}
 @media screen and (min-width: 0px) and (max-width: 500px) {
     .par_style_1 .bloc0, .par_style_1 .bloc1 {
         width: 100%;
    }
     .service {
         width: 100%;
    }
     #logo {
         left: 20%;
    }
     #col1, #col2 {
         width: 90%;
    }
     #col2 #reseaux a {
         display: inline-block!important;
         margin-left: 10px!important;
    }
     #col2 #reseaux {
         width: 100%!important;
    }
     #pied #conteneur_pied {
         height: auto;
    }
}
 @media screen and (min-width: 0px) and (max-width: 400px) {
     .row:nth-child(1) .produit:nth-child(1) .featured-box .featured-box-content {
         top: calc(100% - 70px);
    }
     #header #logo img {
         width: 150px;
         height: auto;
    }
     #traduction{
         margin: 0;
         left:auto;
         right:15px;
         top:50px;
    }
     .btn-menu {
         top:20px;
         right: 10px;
    }
     #position-menu {
         top: 70px;
         width: 100%;
    }
     #pied .col1 li {
         width: 100%;
    }
     .service {
         min-width: 100%;
    }
     .service img {
         height: auto!important;
    }
}
 @media screen and (min-width: 0px) and (max-width: 360px) {
     .row:nth-child(1) .produit:nth-child(3) .featured-box .featured-box-content, .row:nth-child(2) .produit:nth-child(3) .featured-box .featured-box-content {
         top: calc(100% - 70px);
    }
}

 @media screen and (min-width: 0px) and (max-width: 1170px) {
     .left_referencement{
         width:100%;
         padding:0 15px;
     }
     .right_referencement{
         width:100%;
     }
     .center_instal h6{
         margin-bottom:30px;
         font-size:70px;
         width:100%;
     }
     .center_instal a{
         width:100%;
         font-size:40px;

     }
     .carte_prod{
         width:642px;
     
    }
    .site_production{
        padding-bottom:150px;
    }
    .legend_prod{
        position:absolute;
        display:block;
    }
    .legend_prod .legend{
        left:0!important;
        right:auto!important;
        top:0!important;
        position:relative;
    }
    .legend_prod .legend:after{
        display:none!important;
    }
    .title_site h4 span{
        line-height:1.4;
    }
     .row_footer .col_footer{
         width:100%;
         text-align:center;
         margin-bottom:20px;
    }
    .row_footer .col_footer .reseaux_footer,
    .row_footer .col_footer .logo_footer{
         width:100%;
         text-align:center;
         margin-bottom:20px;
    }
}
 @media screen and (min-width: 0px) and (max-width: 670px) {
     .bottom_contact{
         padding: 60px 0px;
     }
     .par_style_1 .mdl_formulaire h3{
         font-size:25px;
         line-height:1.4;
         padding:10px 20px!important;
     }
     .carte_prod{
         width:100%;
    }
    .carte_prod > img{
        width:100%;
        height:auto;
    }
    .picto_contact:before{
        display:none;
    }
    .block_picto{
        display:block;
        width:100%;
            margin:auto;
        margin-bottom:40px;
        margin-top:0!important;
    

    }
    .bottom_contact h5{
        font-size:35px;
    }
}
 @media screen and (min-width: 0px) and (max-width: 1000px) {
     .par_style_1 p:nth-child(even),
     .par_style_1 p:nth-child(odd){
         padding:0px;
     }
     .par_style_1 p:nth-child(odd) label{
         width:150px;
     }
     .par_style_1 p:nth-child(odd) input {
    width: calc(100% - 150px);
}
     .point{
         padding:0 20px;
         min-width:auto;
    }
     .point img{
         max-width:100%;
    }
     .point h4{
         font-size:20px;
         line-height:30px;
    }
     .intro_societe{
         padding: 40px 20px;
    }
     .intro_societe p{
         font-size:25px;
    }
     .intro_bis_societe p{
         font-size:25px;
    }
     .intro_bis_societe{
         padding:40px 20px;
    }
     .intro_bis_societe br{
         display:none;
    }
     .col_gamme.width_50{
         width:100%;
         max-width:600px;
         margin-bottom:40px;
         display:block;
         margin:auto;
         margin-bottom:40px;
    }
     .col_gamme.width_50{
         margin-top:40px;
    }
     .col_gamme.width_25{
         width:50%;
         max-width:300px;
    }
     .bg_green, .bg_dark{
         padding-bottom:calc(130% - 40px);
         height:auto;
    }
    .bg_green{
        margin-bottom:40px;
    }
     .bg_green h6, .bg_dark h6{
         top:30%;
         padding:0 20px;
    }
    .block_gamme h6{
        padding:0 5px;
        font-size:25px;
        line-height:1.4;
    }
     .titre_catalogue h6{
         font-size:35px;
    }
     .link img{
         max-width:100%;
    }
     .link{
         width:50%;
    }
     .title_produit h4{
         font-size:40px;
    }
     .produit .center_section{
         padding:0 30px;
    }
     .block_produit .btn1{
         height:60px;
         width:60px;
         background-position: center;
         background-size:60%;
    }
     .titre_produit a{
         font-size:16px;
    }
     .actualite .center_section{
         padding:0 20px;
         max-width:600px;
    }
     .col_actu.width_25{
         width:50%;
    }
     .col_actu.width_25:nth-child(2) .block_actu{
         max-height:10000px;
         padding-bottom:calc(127% - 40px);
    }
     .col_actu.width_25:nth-child(2) .block_actu img{
         position:absolute;
    }
     .block_titre{
         max-width:100000px;
    }
     .col_actu.width_25 img{
         width:100%;
    }
     .col_actu .titre_actu{
        /* position:relative;
         */
    }
     .col_actu.width_50{
         width:100%;
         margin-top:40px;
    }
     .point_fort .center_section{
         padding:0 20px;
         text-align:center;
    }
     .block_pf{
         width:33.333333%;
         margin-bottom:40px;
    }
     .row_footer .col_footer{
         width:100%;
         text-align:center;
         margin-bottom:20px;
    }
     .catalogue .center_section{
         padding:0 15px;
    }
     .intro_gamme .center_section{
         padding:0 0px;
    }
     .row_actu{
         margin-bottom:40px;
    }
}
 @media screen and (min-width: 0px) and (max-width: 750px) {
     .left_referencement h1{
         font-size:30px;
         line-height:35px;
     }
     .left_referencement .link_ref a{
         font-size:24px;
         padding:15px 30px;
     }
         .center_instal h6{
         margin-bottom:30px;
         width:100%;
         font-size:50px;
         line-height:40px;
     }
     .section_installation .center_instal{
         padding:30px 20px;
     }
     .center_instal a{
         font-size:25px;

     }
     .block_pf{
         width:50%;
    }
     .points_societe{
         padding:60px 0px;
    }
     .point h4{
         font-size:30px;
         line-height:30px;
    }
     .point{
         width:100%;
         display:block;
         margin:auto;
         padding:0;
         margin-bottom:30px;
    }
     .block_produit{
         display:block;
         max-width:400px;
         margin:auto;
         width:100%;
         margin-bottom:70px;
    }
     .titre_actu h6{
         line-height:20px;
         font-size:16px;
    }
}
 @media screen and (min-width: 0px) and (max-width: 390px) {
     .titre_catalogue h6{
         font-size:22px;
    }
     .link{
         padding:0 15px;
    }
     .title_produit h4{
         font-size:25px;
    }
     .block_pf{
         width:100%;
    }
     .link_header{
         top:10px;
    }
     .link_header .icon-box i{
         font-size:20px;
    }
     .link_header .icon-box{
         padding:0 5px;
    }
}