/*--------- [RESET] ---------*/
* { border:0; margin:0; padding:0; list-style:none; font-size:100%; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { display:block; }
/*--------- [ FORMULAIRES ] ---------*/
label, input[type=submit]{ cursor:pointer; -webkit-appearance:none; }
input:not([type=submit]), textarea, select { vertical-align:middle; font-family:arial; background:#fff; border:1px solid #ececec; }
input:not([type=submit]) { padding:5px 10px;  }
textarea { padding:10px;}
input[type=submit] { }
input::-webkit-input-placeholder {  opacity:1; color:#000}
input::-moz-placeholder {  opacity:1; color:#000}
input:-ms-input-placeholder {  opacity:1; color:#000}
input.hide { text-indent: -9999px; text-transform:capitalize; }
/*--------- [ LIENS & BOUTONS ] ---------*/
a { text-decoration:none; color:#000;}
a:hover {  }

/*--------- [ EFFETS ] ---------*/
.trans03s {  transition: all 0.3s ease;}
.fadeIn { -webkit-transform:translateZ(0); transition:opacity 0.3s ease; }
.fadeIn:hover { opacity:0.8; }
.rgba { background-color: rgba(0, 0, 0, 0.8); }

/*********************[CONTENU]****************************/


.title_29px { font-weight:bold; font-size:29px; text-transform:uppercase; text-align:center; padding:0 10px;}
.title_29px span { font-weight: normal;}
.title_29px.center { text-align:center !important;}

.title_29px .fleches_spe { }
.title_29px .fleches_spe:after, .title_29px .fleches_spe:before { position:relative; top:-5px; margin:0 8px; content:""; display: inline-block; width: 0;    height: 0;    border-style: solid;    border-width: 6px 5px 0 5px;    border-color: #313c45 transparent transparent transparent;}

.center { text-align:center;}

.vert { color:#bccf00; }
.para15 { font-size:15px; padding-top:10px; color:#656d73;}
.list_vert_15 li { font-size:15px; margin-top:10px; color:#bccf00;}
.list_vert_15.puce li {background:url(images/puce_losange.png) no-repeat 0 3px; padding-left:15px;}
.paddtop10 { padding-top:10px}
.paddtop15 { padding-top:15px}

.btn_arrow_h20 a { background:url(images/btn_arrow_h20.png) no-repeat right 0; display:inline-block; padding:0 20px 0 5px; height:20px; line-height:20px;font-size:17px; color:#fff;}
.btn_arrow_h20 a:hover { background-position:right -20px; }

.tab_main {  width:1040px; margin:0 auto; overflow: hidden;}
.tab_main .col_left { float:left; }
.tab_main .col_right { float:right; }
.tab_main  iframe { max-width:100% !important;}


#main_slider { position:relative; }
#main_slider li { height:600px; width:100% !important;text-align:center; position:relative; }
#main_slider .text { width:1250px;  position:absolute; bottom:55px; left:50%; margin-left:-625px; color:#fff; text-align:right; padding:0 20px; text-shadow:1px 1px 1px #000;}
#main_slider .text .ligne01 { font-size:21px; display:block; padding-bottom:5px; text-transform:uppercase; }
#main_slider .text .ligne02 { font-size:29px; font-weight:bold;}
#main_slider .text .vert { color:#bccf00; }
#main_slider .bx-controls-direction { display:none;}
#main_slider .bx-pager { position:absolute; top:10px; left:50%; margin-left:-625px; width:1250px; padding:0 20px;  z-index:100; text-align: right;}
#main_slider .bx-pager .bx-pager-item { display:inline-block;}
#main_slider .bx-pager .bx-pager-item a {  background:url(images/slider_btn.png) no-repeat -10px 0; width:10px; height:10px;  margin-left:4px; text-indent: -9999px; display:block; text-align:left;}
#main_slider .bx-pager .bx-pager-item a.active { background-position:0 0; }


/*****[HOME]*****/
#home {padding:60px 0 145px; }
#home .col_left {  width:470px; text-align: left;}
#home .col_right {   width:470px;  text-align: left;}
#home p { padding-bottom:5px; }
#home .desc { height:180px; }
#home iframe { margin:10px 0; }
#home .btn_arrow_h20 {float:left; }
#home .lien { float:right;}
#home .lien a:hover { color:#313c45;}


/*****[CONCEPT]*****/
#concept { padding:20px 0 150px;}
#concept h1 { padding-bottom:30px;}
#concept h2 { text-align:left; padding-left:0;}
#concept .tab_main.first { border-top:0; padding-top:0px;}
#concept .tab_main { border-top:1px solid #d6d8da; padding:30px 0;}
#concept img { display:block; max-width: 100%;}
#concept .btn_arrow_h20.last {float:left; margin-right:10px; margin-bottom:20px; }
#concept .lien { float:left; }
#concept .lien a:hover { color:#313c45;}
#concept .col_left {  width:470px; text-align: left;}
#concept .col_right {   width:470px;  text-align: left;}

#nos-terrains .lien_logo { display: inline-block; margin-left:20px;}
#liste_certif { overflow: hidden; padding:10px 0 0;}
#liste_certif li { float:left; line-height:0; margin-left:10px; }
#liste_certif li:first-child { margin-left:0;}
#liste_certif li:nth-child(2) { border-right:1px solid #ccc; padding-right:10px;}



.mini_slider .bx-controls { display:none; }

.btn_loi_pinel  {  border-top:1px solid #d6d8da;  border-bottom:1px solid #d6d8da; margin:29px 0; padding:9px 0 5px }
.btn_loi_pinel a {  font-size:15px; color:#a8b614;   transition: all 0.3s ease;}
.btn_loi_pinel a:before { content: ""; display:inline-block; width:31px; height:31px; background:url(images/picto_download.png) no-repeat 0 -31px; position:relative; margin-right:8px;  transition: all 0.3s ease;}
.btn_loi_pinel a span { top:-10px; position:relative;}
.btn_loi_pinel a:hover { color:#313c45}
.btn_loi_pinel a:hover:before { background-position:0 0; }

.avantages { font-size:0;border-top:1px solid #d6d8da; margin:40px 0 20px; padding-top:10px;}
.avantages li { width:56%; display: inline-block;  min-height:31px; padding-top:7px; color:#bccf00; padding-left:38px; font-size:15px; margin:5px 0; vertical-align: top; }
.avantages li:nth-child(2), .avantages li:nth-child(4) { width:44%;}
.avantages li.prix { background:url(images/picto_prix.png) no-repeat left center;}
.avantages li.rt2012 { background:url(images/picto_rt2012.png) no-repeat left center;}
.avantages li.rapport { background:url(images/picto_rapport.png) no-repeat left center; }
.avantages li.volumes { background:url(images/picto_volumes.png) no-repeat left center; }

#banniere_maisons {  position:relative; background:#11171c;}
#banniere_maisons ul#produits_liste  {  font-size:0; text-align:center; width:1281px; margin:0 auto; position:relative;  }
#banniere_maisons ul#produits_liste li  { display:inline-block; width:33.33%; border-bottom:1px solid #fff; border-right:1px solid #fff; }
#banniere_maisons ul#produits_liste li:nth-child(1),
#banniere_maisons ul#produits_liste li:nth-child(2),
#banniere_maisons ul#produits_liste li:nth-child(3) { border-top:1px solid #fff;}

#banniere_maisons ul#produits_liste li img { display:block; filter: grayscale(1); transition: all 0.3s ease; max-width:100%;}
#banniere_maisons ul#produits_liste li a:hover img  { filter: grayscale(0);}
#banniere_maisons .center_site { position:absolute; bottom:110px; left:50%; margin-left:-625px; z-index:10;}
#banniere_maisons .text {   color:#fff; text-align:right; padding:0 10px; text-shadow:1px 1px 1px #000;}
#banniere_maisons .text .ligne01 { font-size:21px; display:block; padding-bottom:5px; text-transform:uppercase; }
#banniere_maisons .text .ligne02 { font-size:29px; font-weight:bold;}
#banniere_maisons .text .vert { color:#bccf00; }
#banniere_maisons .deco_banniere_maison { height:192px;  background:url(images/deco_banniere_maison.png) no-repeat bottom center;}
#banniere_maisons #produits_liste:before { content:""; width:779px;  position:absolute; top:0; bottom:0; left:-660px; background:url(images/debord_gauche.png) no-repeat;z-index:10; }
#banniere_maisons #produits_liste:after { content:""; width:779px;  position:absolute; top:0; bottom:0; right:-660px; background:url(images/debord_droite.png) no-repeat; z-index:10;}

#banniere_maisons.tradi ul#produits_liste li { width:25%; }

#popin_produits { position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; display:none; background-color: rgba(29, 37, 44, 0.8);  }
#popin_produits .tab { display:block; background:#fff; margin:0 auto; max-width: 615px; padding:10px 40px; position:relative; margin-top:30px;}
#popin_produits .close_popin { background:url(images/picto_close.png) no-repeat; position:absolute; top:13px; right:13px; text-indent: -9999px; width:11px; height:12px; cursor:pointer; }
#popin_produits .slider_produit { margin:10px 0; text-align:center; position: relative;}
#popin_produits .slider_produit img { display:block; max-width:100%; margin-bottom:10px; }
#popin_produits .bx-controls-direction { position:absolute; top:0; bottom:30px; left:0; right:0; z-index:999 }
#popin_produits .bx-controls-direction a { background:url(images/popin_nav_photos.png) no-repeat; width:11px; height:20px; position:absolute; top:50%; margin-top:-10px;  text-indent: -9999px;}
#popin_produits .bx-controls-direction .bx-prev { left:7%; }
#popin_produits .bx-controls-direction .bx-next { right:7%; background-position:-11px 0;}


#popin_produits .bx-pager {  z-index:100; text-align: center;}
#popin_produits .bx-pager .bx-pager-item { display:inline-block;}
#popin_produits .bx-pager .bx-pager-item a {  background:url(images/slider_btn_02.png) no-repeat -10px 0; width:10px; height:10px;  margin-left:4px; text-indent: -9999px; display:block; text-align:left;}
#popin_produits .bx-pager .bx-pager-item a.active { background-position:0 0; }
#nav_projet { position:absolute; bottom:0; right:0;}
#nav_projet p { float:left;}
#nav_projet  a { display:block; width:20px; height:20px; text-indent: -9999px; background:url(images/popin_nav.png) no-repeat;}
#nav_projet .prev a { background-position:0 0;}
#nav_projet .next a { background-position:-20px 0;}
#nav_projet .prev a:hover { background-position:0 -20px;}
#nav_projet .next a:hover { background-position:-20px -20px;}

.liste_maisons_innovantes  { font-size:0; width:468px; margin:0 auto; padding:10px 0;}
.liste_maisons_innovantes li { display: inline-block; cursor:pointer; border-bottom:1px solid #fff; border-left:1px solid #fff; width:33.33%}
.liste_maisons_innovantes li img { display:block; filter: grayscale(1); transition: all 0.3s ease; max-width:100%;}
.liste_maisons_innovantes li:hover img, .liste_maisons_innovantes li.actif img  { filter: grayscale(0);}
.liste_maisons_innovantes li.actif { cursor:default;}

.detail_innovantes { display:none;}
.detail_innovantes h2 { padding:0 0 10px 0;}
.detail_innovantes .sstitre { color:#a8b614; text-transform: uppercase; padding-bottom:5px;}
.detail_innovantes p { margin-top:5px;}







#contact { padding:40px 0 80px;}
#form_contact .titre { font-size:29px; font-weight: bold; padding-top:47px;}
#form_contact form { padding:20px 0;}
#form_contact label { width:174px; display:inline-block; vertical-align: top; font-size:15px; color:#313c45; }
#form_contact input[type=text],#form_contact input[type=email],#form_contact textarea, #form_contact select { width:189px; height:21px; font-size:13px; color:#989ea2;}
#form_contact form p { padding-bottom:7px}
#form_contact textarea { padding:5px 10px; resize:none; height:60px;}
#form_contact input[type=submit] { width:105px; height:21px; background:url(images/btn_envoyer.png) no-repeat; margin-top:10px; }
#form_contact input[type=submit]:hover { background:url(images/btn_envoyer.png) no-repeat 0 -21px; }
.liste_agences { padding-top:40px; }
.liste_agences li { overflow: hidden; margin-bottom:20px; }
.liste_agences li .visuel { float:left; margin-right:25px;}
.liste_agences li .infos { overflow: hidden; }
.liste_agences li .nom { background:url(images/picto_agence.png) no-repeat; font-size:19px; color:#a8b614; padding-left:21px; text-transform: uppercase; padding-top:2px;}
#contact .col_left {  width:470px; text-align: left;}
#contact .col_right {   width:470px;  text-align: left;}
.liste_agences .para15 { padding-top:0;}




















/*****[404]*****/
.bandeau_p404  { height:788px; width:100%;}
::-webkit-input-placeholder {   color:#989ea2; opacity:1;}
:-moz-placeholder {     color:#989ea2;opacity:1;}
::-moz-placeholder {     color:#989ea2;opacity:1;}
:-ms-input-placeholder {    color:#989ea2;opacity:1;}


/*********************[LAYOUT]****************************/
body { font:100%/1.2 'Montserrat', Arial, Verdana, sans-serif; color:#313c45; font-size:17px; background:url(images/body.png) repeat-x; }
.center_site {   width:1250px; margin:0 auto; position:relative; padding:0 10px; }
.clear { clear:both; }
.tab { display: table; width: 100%}
[class^="tab-row"] { display: table-row; }
[class^="tab-cell"]  { display: table-cell; vertical-align: top;}
[class^="tab-cell-middle"]  {  vertical-align: middle;}
[class^="tab-cell-bottom"]  {  vertical-align: bottom;}
#wrapper { padding-top:39px; width:100%; overflow: hidden;}
#main { background:url(images/main_bg.png) no-repeat center bottom; }
.hamburger { display:none;}
/********[HEADER]********/
#header { height:39px; z-index:9995; background:#1d252c; position:fixed; top:0; left:0; right:0; font-size:13px;}
#header_center {  position:relative;}
.hlogo { position:absolute; top:0px; left:50%; margin-left:-625px;  width:1250px; z-index:101;}
.hlogo a { position:absolute; top:100px; left:55px; }
.hlogo_mobile { display:none;}
#hmenu { float:right;  }
#hmenu li { float:left; position:relative;  }
#hmenu > ul >li > a {  text-transform:uppercase;-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; }
#hmenu > ul > li > a { color:#fff; padding:0 13px; display:block; height:39px; line-height:39px; background:url(images/menu_hover.png) repeat-x 0 -39px; }
#hmenu li.home a { background:url(images/picto_home.png) no-repeat 0 -39px; width:45px; height:39px; text-indent:-9999px; }
#hmenu li.perso a { background:url(images/btn_espace_perso.png) no-repeat 0 -39px; width:160px; height:39px; text-indent:-9999px; }
#hmenu li.perso:hover a { background-position: 0 -39px}
#hmenu li.perso .connexion { position:absolute; top:39px; right:0; width:160px;background:#f5f7f9; opacity:0; visibility: hidden; transition: all 0.3s ease; }
#hmenu li.perso .connexion p { padding:6px 12px; }
#hmenu li.perso .connexion input[type=text], #hmenu li.perso .connexion input[type=password] { width:100%; margin:2px 0 0px; padding:4px 8px; font-size:11px;}
#hmenu li.perso .connexion label { font-size: 10px; text-transform: inherit }
#hmenu li.perso .connexion hr { background:#d6d8da; height:1px;  }
#hmenu li.perso .connexion input[type=submit] { width:58px; height:13px; background:url(images/btn_valider.png) no-repeat; text-indent: -9999px; font-size:0 }
#hmenu li.perso .connexion input[type=submit]:hover { background:url(images/btn_valider.png) no-repeat 0 -13px;  }
#hmenu li.perso .connexion .sub { padding-top:0; margin-top:-2px;}
#hmenu li.perso:hover .connexion { opacity:1; visibility: visible}
#hmenu li:hover a, #hmenu li.actif a { background-position:0 0; }
#hmenu li:hover ul { opacity:1;   visibility: visible;-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;    -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms;}
#hmenu > ul ul { position:absolute; top:39px; left:0; font-size:10px;  width:160px;background-color: rgba(255, 255, 255, 0.8); opacity:0; visibility: hidden;  text-transform:uppercase;}
#hmenu > ul ul li { float:none;}
#hmenu > ul ul li:nth-child(2n+2) { background:#fff; }
#hmenu > ul ul a { color:#313c45; display:block; height:20px; line-height:20px;  padding:0 10px; }
#hmenu > ul ul li:hover { background:#dbe57e; }
#hmenu ul li:nth-child(3) ul { width:230px}
.facebook_fixed { position:fixed; top:80px; right:0; z-index:9999}


/********[FOOTER]********/
#footer { background:#313c45 url(images/footer_bg.png) no-repeat center top; height:200px; color:#fff;}
#footer .fcontent { padding:50px 0 0 385px; }
.flogo { position:absolute; top:-40px; left:155px; }
.flsogan {   font-size:20px; font-weight: bold;}
.flsogan .sec { display:block; color:#c8cdce; text-transform: uppercase; font-size:16px;}
#fcoordonnees {   margin-top:20px; float:left; margin-right:140px; }
#fcoordonnees dt { font-size:17px; }
#fcoordonnees dd { font-size:13px; }
#fcoordonnees .sas { font-size:10px; color:#b7bbbe; padding-top:5px; }
#footer .contact { float:left; }
#footer .tel {  margin-top:20px; left:845px; background:url(images/picto_tel.png) no-repeat 0 2px; font-size:21px; padding-left:35px;}
#footer .tel a { color:#fff;}
#footer .mail a { margin-top:5px;  background:url(images/picto_adresse.png) no-repeat 0 6px; font-size:21px; color:#bccf00;padding-left:35px; display: inline-block;}
#footer .mail a:hover { text-decoration:underline; }
#footer .copy { position:absolute; right:15px; top:179px; font-size:10px; color:#656d73; }
#footer .copy a {  color:#656d73; }
#footer .copy a:hover {  color:#bccf00; }

@media all and (max-width:1291px) {
    #banniere_maisons  ul#produits_liste { width:100%; }


 }


/*********************[RESPONSIVE]****************************/
@media all and (max-width:1270px) {
    body { background:none;}
    .center_site   { width:100%; padding:0 10px;}
    #header_center.center_site { padding:0;}
    #main_slider { width:100%; }
    #main_slider .text, #main_slider .bx-pager, #banniere_maisons .center_site { width:auto; left:0; right:0; margin:0;}
    .hlogo {  width:auto; left:0; right:0; margin:0;}
    #footer { background-image:none;}
    .flogo { display:none }
    #footer .fcontent { padding:20px 0;}



}

@media all and (max-width:1060px) {
    #main { background:none;}
    .tab_main { width:100%; padding:0 10px !important;}
    .tab_main .col_left { width:50% !important; padding-right:10px !important;}
    .tab_main .col_right { width:50% !important; padding-left:10px !important;}
    #fcoordonnees { margin-right:0;}
    #footer .contact{ float:right;}
    #concept { padding-bottom:10px;}
    #concept .tab_main { padding:30px 0 !important; margin:0 10px; width:auto;}
    #concept .tab_main.first { padding-top:0 !important}
    #concept p br { display:none;}
    #form_contact .para15 br { display:none;}
    #form_contact input[type=text], #form_contact input[type=email], #form_contact textarea, #form_contact select { width:169px;}


}

@media all and (max-width:950px) {
    .hlogo a { top:60px; left:15px; }
    .hlogo img {  width:170px;}
    #main_slider { overflow: hidden;}
    #main_slider li { background-size:cover !important; height:400px; }
    #main_slider .text .ligne01, #main_slider .text .ligne02 { font-size:19px;}
    #hmenu { float:none;}
    #hmenu > ul > li > a { padding:0 7px;}
    #hmenu > ul > li.perso { float:right;}
    #home .desc { height:auto;}

    #banniere_maisons ul:before,
    #banniere_maisons ul:after { display:none;}

    #concept .btn_arrow_h20.last { float:none;}
    #nos-terrains .lien_logo { margin-left:0; margin-right:20px;}
}

@media all and (max-width:767px) {
    /********[MENU]********/
    .hamburger { position:absolute; top:7px; right:7px;    display: inline-block;    cursor: pointer;    transition-property: opacity, -webkit-filter;    transition-property: opacity, filter;    transition-property: opacity, filter, -webkit-filter;    transition-duration: 0.15s;    transition-timing-function: linear;    font: inherit;    color: inherit;    text-transform: none;    background-color: transparent;    border: 0;    margin: 0;    overflow: visible; }
    .hamburger-box {    width: 30px;    height: 24px;    display: inline-block;    position: relative; }
    .hamburger-inner {    display: block;    top: 50%;    margin-top: -2px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {    width: 30px;    height: 3px;    background-color: #fff;    position: absolute;    transition-property: -webkit-transform;    transition-property: transform;    transition-property: transform, -webkit-transform;    transition-duration: 0.15s;    transition-timing-function: ease; }
    .home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after {    background-color: #fff;}
    .hamburger-inner::before, .hamburger-inner::after {    content: "";    display: block; }
    .hamburger-inner::before {    top: -10px; }
    .hamburger-inner::after {    bottom: -10px; }
    .is-active .hamburger-inner, .is-active .hamburger-inner::before, .is-active .hamburger-inner::after{    background-color: #bccf00;}
    .hamburger--collapse .hamburger-inner {    top: auto;    bottom: 0;    transition-duration: 0.15s;    transition-delay: 0.15s;    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .hamburger--collapse .hamburger-inner::after {    top: -20px;    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
    .hamburger--collapse .hamburger-inner::before {    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .hamburger--collapse.is-active .hamburger-inner {    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);    transform: translate3d(0, -10px, 0) rotate(-45deg);    transition-delay: 0.32s;    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    .hamburger--collapse.is-active .hamburger-inner::after {    top: 0;    opacity: 0;    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
    .hamburger--collapse.is-active .hamburger-inner::before {    top: 0;    -webkit-transform: rotate(-90deg);    transform: rotate(-90deg);    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }
    #hmenu {background:#1d252c;  padding-bottom:45px;  text-transform:uppercase; font-weight:bold; font-size:12px;  position:absolute; top:39px; left:-100%; height:100vh; overflow: auto; line-height:1.3; z-index:9999;  width:85%; -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
    #hmenu ul  { }
    #hmenu ul li {  border-top: 1px solid #d9d9d9; float:none; display:block; height:auto; padding:0; width: 100%;}
    #hmenu ul li:first-child { border-top:0; background:none; text-indent: 0}
    #hmenu ul li:first-child a { border-top:0; background:none; text-indent: 0}
    #hmenu ul li a { padding:10px 10px; display:block; text-decoration:none; height: auto; line-height:1.3   }
    #hmenu ul ul { position:inherit; top:inherit; left:inherit; opacity:1; visibility: visible; width:100%;}
    #hmenu ul li:nth-child(3) ul { width:100%}
    #hmenu ul ul li { border:0; }
    #hmenu ul ul li a { padding:5px 20px; }
    #hmenu li.home a { width:100%; height:auto;}
    #hmenu ul li a:hover, #hmenu ul li.actif a { background:#000; color:#fff;}
    #hmenu.open { left:0; }

   
    #hmenu li.perso a { float:none; margin:0 auto 0; width:auto; background:none; height:auto; text-indent:0;}
    #hmenu li.perso .connexion { width:100%; opacity:1; visibility: visible; background:#1d252c;  position:inherit; top:inherit; left:inherit;  }
    #hmenu li.perso .connexion label { color:#fff;}
    #hmenu li.perso .connexion hr { display: none;}
    #hmenu li.perso .connexion p { padding:2px 12px;}
    #hmenu li.perso .connexion input[type=submit] { background-position: 0 -13px;}



    .tab_main .col_left,    .tab_main .col_right { float:none; width:100% !important; padding:10px 0 !important;}
    .title_29px { font-size:22px;}
    .hlogo { display:none;}
    .hlogo_mobile { display:block; position:fixed; top:10px; left:7px; z-index:9997;}
    #main_slider li { height:250px;}
    #main_slider .text .ligne01, #main_slider .text .ligne02 { font-size:16px}
    #home { padding:20px 0;}
    #home .btn_arrow_h20 { float:none; margin:10px 0;}
    #home .lien { float:none;}

    #footer {height:auto; overflow: hidden;}
    #footer .flsogan { display:none;}
    #fcoordonnees, #footer .contact { float:none;}
    #fcoordonnees { margin-top:0;}
    #footer .tel { background-size:15px; font-size:16px; padding-left:27px;}
    #footer .mail a { font-size:16px; background-size:19px; background-position:0 4px; padding-left:27px;}
    #fcoordonnees .sas { display:none}

    #concept { padding:20px 0;}
    #concept .tab_main { border:0; padding:10px 0 !important;}
    #concept .marques { clear:both; padding-top:25px !important; }

    #form_contact .titre { padding-top:0;}
    #form_contact label { display:block; padding-bottom:5px;}
    #form_contact input[type=text], #form_contact input[type=email], #form_contact textarea, #form_contact select { width:100%;}
    #form_contact .nomob { display:none;}

   .deco_banniere_maison { display:none;}
    #banniere_maisons  ul#produits_liste li { width:100%;}
    #banniere_maisons  ul#produits_liste li img { width:100%;}
    #banniere_maisons.tradi  ul#produits_liste li { width:100%;}
    #banniere_maisons .text { display:none }

    .avantages li { font-size:12px;}

    #popin_produits .tab { margin-top:20px; padding:10px}
    #popin_produits .desc { font-size:12px;}
    #popin_produits .avantages { margin-top:10px}

    .liste_maisons_innovantes { width:auto;}
    .liste_maisons_innovantes li { width:50%;}

}