@charset "utf-8";
/* CSS Document */
body {
    border: 0px solid red !important;
    font-size: 70%;
}
.index #page #banner {}
#retour_accueil a img {
  /* background: rgba(0, 0, 0, 0) url("/images/logo.png") no-repeat scroll center center / 100% auto; */
  /* border: 0 solid #0000ff; */
  /* display: block; */
  /* height: 123px; */
  /* left: 333px; */
  /* margin: 0; */
  /* position: relative; */
  /* top: 0; */
  /* width: 112px; */
  /* z-index: 500000; */ 
}
#ajout_banner {
  left: 0;
  margin: 0 0 0 5px;
  text-align: left;
}
#picto_france {
  right: 2%;
  left: auto;
  margin: 5px 0 0 0px;
}
#box_log {
  border: 0 solid #999999;
  left: auto;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 250px;
}
#cart {
  /* font-size: 1.2em; */
  /* left: auto; */
  /* margin: 0; */
  /* right: 5px; */
}
#recherche {
  left: auto;
  position: absolute;
  right: 5px;
  width: 310px;
}
#menu_extra {
  background: rgba(0, 0, 0, 0) url("/images/fond_extra.png") no-repeat scroll 0 0;
  height: 348px;
  margin-top: 0;
  position: fixed;
  right: -150px;
  top: 200px;
  width: 219px;
  z-index: 100;
}
#recherche input {
  background: rgba(0, 0, 0, 0) url("/images/input_search.png") repeat-x scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  height: 32px;
  margin: 5px 0;
  padding: 0 0 0 10px;
  position: relative;
  width: 263px;
}
#retour_accueil a {
  /* background: rgba(0, 0, 0, 0) url("/images/sous_logo_banner") no-repeat scroll 0 0 / 100% 100%; */
  /* display: block; */
  /* height: 218px; */
  /* left: 0; */
  /* margin: -1px 0 0 -330px; */
  /* position: absolute; */
  /* top: 0; */
  /* width: 500px; */
  /* z-index: 60; */
}
#page #main, #page.two_col #main {
  /* float: left; */
  /* min-height: 450px; */
  /* padding: 30px 0 0; */
  /* width: 100%; */
}
#page #wrapper {
  box-shadow: none;
  margin: 0 auto;
  padding: 0 0 40px;
  width: 100%;
}
#pages.index #wrapper {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  box-shadow: 0 0;
  margin: 0 auto;
  padding: 0 0 40px;
  width: 100%;
}
.wrap {
  margin: auto;
  width: 100%;
}
#leftbar {
  border: 0 solid #cccccc;
  border-radius: 0;
  float: left !important;
  margin: -8px 5px 0 -100%;
  min-height: 450px;
  overflow: hidden;
  padding: 0;
  width: 275px;
}
#canvas_france {
  display: block;
  margin: auto !important;
}
.liste_artisan .popi {
  background: #eee url("/images/deg_blanc.png") repeat-x scroll 0 0 / auto 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #666;
  display: inline-block;
  font-size: 120%;
  margin: 2px 0;
  padding: 2%;
  vertical-align: top;
  width: 28%;
}
#liste_revendeurs {
  border: 0 solid #ff00ff;
  float: none;
  margin: 0 0 0 2%;
  position: relative;
  width: 91%;
  z-index: 50;
}
.liste_artisan .popi {
  background: #eee url("/images/deg_blanc.png") repeat-x scroll 0 0 / auto 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #666;
  display: inline-block;
  font-size: 120%;
  height: 275px;
  margin: 2px 0;
  padding: 2%;
  vertical-align: top;
  width: 28%;
}
.r_img {
  text-align: center;
  padding: 5px;
}
.r_img img {
  width: auto !important;
  max-height: 110px !important;
  height: auto !important;
}
#main_map {
  float: none;
  margin-left: auto;
  width: 100% !important;
}
#filtre_mk {
  float: right;
  margin: -52px 5px 0 0;
  position: relative;
}
#main .informations .box {
  background: none repeat scroll 0 0 #fff;
  border-radius: 5px;
  float: left;
  font-size: 90%;
  height: 90px;
  margin: 0 0.3% 4px 0;
  overflow: hidden;
  padding: 10px 0 0 !important;
  text-align: center;
  width: 48%;
}
.informations {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 5px;
  margin: 10px 5px;
  padding: 5px;
  width: calc(100% - 10px) !important;
}
.box_prod.bp_light {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: 1px 1px 3px -3px #000;
  float: left;
/*  margin: 5px 0.1% 15px;*/
  padding: 0;
  width: 32.5%;
}
#foot_cont {
  background: none;
  margin: 5px auto;
  width: 100%;
}
#foot_cont ul#footer_mk li {
  background: url("/images/dot_li_blanc.png") no-repeat scroll left center rgba(0, 0, 0, 0);
  display: block;
  float: left;
  padding: 0 0 0 12px;
  text-align: left;
  width: 44%;
}
.footer_out_right {
  color: #fff;
  float: left;
  margin-right: 1%;
  padding: 1%;
  width: 20%;
}
.footer_right {
  float: left;
  width: 48%;
}
#breadcrumb {}
#b_main_menu {
  /* padding: 0 0 0 10%; */
  /* width: 90%; */
}
#b_main_menu li ul.try, #menu_three li ul.try { /*

  width: calc(100% - 60px)!important;*/
}
.info_matiere {
  font-size: 120%;
  margin: auto 0 0 3%;
  width: 90%;
}
.textbloc {
  font-size: 120%;
  line-height: 140%;
  margin: 2%;
  width: 90%;
  padding: 5px 3%;
}
.m_bloc_droit, .m_bloc_gauche {
  border: 0 none !important;
  width: 48% !important;
}
.m_bloc_droit img, .m_bloc_gauche img {
  width: 98% !important;
  height: auto !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #leftbar {
    margin: -8px 5px 0 -100%;
    min-height: 450px;
    overflow: hidden;
    padding: 0;
    width: 25%;
    width: calc(275px);
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #page #main, #page.two_col #main {
    /* width: 75%; */
    /* padding: 35px 0 0 25%; */
    /* width: calc(100% - 275px); */
    /* padding: 35px 0 0 calc(275px); */
  }
}
nav#alt_acces {
  /* background: rgba(0, 0, 0, 0) url("/images/fabrique_france.png") no-repeat scroll left 3px; */
  /* height: 80px; */
  /* left: auto; */
  /* margin: 13px 0 0 108px; */
  /* padding: 0 0 0 65px; */
  /* position: absolute; */
  /* top: 5px; */
  /* z-index: 51; */
  /* right: 0; */
}
.index #page #banner {}
#retour_accueil a img {
  /* top: 0; */
  /*	width: 75%;

*/
}
#ajout_banner {
  left: 0;
  margin: 0 0 0 5px;
  text-align: left;
}
#picto_france {
  right: 2%;
  left: auto;
  margin: 5px 0 0 0px;
}
#box_log {
  border: 0 solid #999999;
  left: auto;
  margin: 0;
  position: absolute;
  right: 350px;
  top: 0;
  width: 250px;
}
#cart {
  /* font-size: 1.2em; */
  /* left: auto; */
  /* margin: 0; */
  /* right: 5px; */
}
#recherche {
  left: auto;
  margin: 0;
  position: absolute;
  right: 5px;
}
#pages.index #wrapper {
  /*	background: #fff none repeat scroll 0 0;

*/ box-shadow: 0 5px 10px -8px #000;
  margin: 0 auto;
  padding: 0 0 40px;
  width: 100%;
}
#pages.index #wrapper iframe {
  max-width: 100% !important;
  width: 100%;
}
.oc_left #page #main, .oc_left #page.two_col #main {
  float: left;
  min-height: 450px;
  padding: 35px 0 0 275px;
  width: calc(100% - 275px);
}
#page #wrapper {
  /* background: none repeat scroll 0 0 rgba(0, 0, 0, 0); */
  box-shadow: none;
  margin: 0 auto;
  padding: 0 0 40px;
  width: 100%;
}
#banner .adresse {
  /* top: 0; */
  /* height: auto; */
  /* padding: 0 20px; */
}
.wrap {
  margin: auto;
  width: 100%;
}
#leftbar {
  border: 0 solid #cccccc;
  border-radius: 0;
  float: left !important;
  margin: -8px 5px 0 -100%;
  min-height: 450px;
  overflow: hidden;
  padding: 0;
  width: 275px;
}
#filtre_mk {
  float: right;
  margin: -52px 5px 0 0;
  position: relative;
}
#main .informations .box {
  background: none repeat scroll 0 0 #fff;
  border-radius: 5px;
  float: left;
  font-size: 90%;
  height: 90px;
  margin: 0 0.3% 4px 0;
  overflow: hidden;
  padding: 10px 0 0 !important;
  text-align: center;
  width: 48%;
}
.informations {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 5px;
  margin: 10px 5px;
  padding: 5px;
  width: calc(100% - 10px) !important;
}
.box_prod.bp_light {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #dddddd;
  border-radius: 0;
  float: none;
/*  margin: 5px 0.1% 15px;*/
  padding: 0;
  width: 32.5%;
  background-size: cover !important;
  background-position: center;
}
#banner .half.hal_tel {
  padding: 5px 0;
}
#inner_banner_ter {
  /* height: 90px; */
}
#foot_cont {
  background: none;
  margin: 5px auto;
  width: 100%;
}
#foot_cont ul#footer_mk li {
  background: url("/images/dot_li_blanc.png") no-repeat scroll left center rgba(0, 0, 0, 0);
  display: block;
  float: left;
  padding: 0 0 0 12px;
  text-align: left;
  width: 44%;
}
.vignette_variante .nom_var_val {
  overflow: hidden;
  font-size: 16px;
}
.footer_out_right {
  color: #fff;
  float: left;
  margin-right: 1%;
  padding: 1%;
  width: 20%;
}
.footer_right {
  float: left;
  width: 48%;
}
#breadcrumb {
  display: none;
}
.lnk_form {
  right: -175px;
  top: -50px;
}
#b_main_menu {
  /* padding: 0; */
  /*

	width: calc(100% - 250px);

	margin: 0 0 0 180px;*/
  /* width: calc(100% - 175px); */
  /* margin: 0; */
  /* top: 48px; */
  /* font-size: 90%; */
}
#retour_accueil a {
  /* background: rgba(0, 0, 0, 0) none repeat scroll 0 0; */
  /* display: block; */
  /* height: 45px; */
  /* left: calc(57% - 100px); */
  /* margin-left: 0; */
  /* position: absolute; */
  /* top: 0; */
  /* width: 200px; */
  /* padding: 0; */
  /* text-align: center; */
}
#b_main_menu li ul.try, #menu_three li ul.try {
  flex-wrap: wrap;
}
#b_main_menu table.menu_left td a {
  font-size: 1.3em;
  padding: 5px 10px;
}
.deploie {
  display: none;
}
.short #retour_accueil a {
  display: none;
}
nav#alt_acces {
  /* top: 0px; */
  /* width: 85px; */
}
nav#alt_acces li a img {
  /* display: inline-block; */
  /* margin: auto 4px auto 0; */
  /* height: 35px; */
}
.loaded #cont_spe {}
.box_prod.bp_light {
    margin: 20px 5px 55px;
    width: calc(30.3% - 10px);
}
.vignette_variante {
    width: 24%;
}

#plan2017 a:hover span {
  height: auto;
  opacity: 1;
  padding: 15px;
  left: calc(-105px - 70%);
  margin-top: calc(-150px -70%);
  width: 250px;
  color: #282425;
  border-color: #282425;
  z-index: 1000;
  overflow: visible;
  /* transform: scale(0.8); */
}
.short #b_main_menu {
  /* background: rgba(0,0,0,0) none repeat scroll 0 0; */
  /* border-radius: 3px; */
  /* min-height: 40px; */
  /* padding: 0 0 0 0px; */
  /* position: relative; */
  /* top: 5px; */
  /* width: calc(100% - 180px); */
  /* z-index: 10; */
}
.nested .deploie {
  border: 0 solid;
  display: inline-block;
  height: 15px;
  position: absolute;
  left: 6px;
  top: 14px;
  transition: all 0.3s ease 0s;
  width: 15px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  padding: 2px;
}
.deploie .b1 {
  background: #fff none repeat scroll 0 0;
  height: 3px;
  left: 3px;
  position: absolute;
  top: 7px;
  transform: none;
  width: 13px;
}
.deploie .b2 {
  background: #fff none repeat scroll 0 0;
  height: 13px;
  left: 8px;
  position: absolute;
  top: 2px;
  transform: none;
  width: 3px;
}
.cont_bo .prod_index img {
  max-width: 100%;
}
.infoCE {
  position: relative;
  width: calc(80% - 40px);
  right: 0%;
  line-height: 18px;
  padding: 20px 20px 20px 100px;
  background: url(/images/groupe.png) no-repeat left center / 75px auto;
  /* top: 160px; */
  margin: 10px 10%;
  font-size: 120%;
}
.deploie.open .b1 {
  transform: rotate(45deg);
  transition: all 0.4s ease 0.2s;
}
.deploie.open .b2 {
  transform: rotate(45deg);
  transition: all 0.4s ease 0.4s;
}
.video_index .ill_right, .video_index .ill_left {
  display: none;
}
#menu_hd {
  /* right: 0; */
  /* width: 200px; */
/*  width: calc(100% - 100px);*/
/*  padding-right: 100px;*/
}
#b_main_menu.open #hdl_menu_smart, .short #b_main_menu.open #hdl_menu_smart {
    left: 0;
/*    background-color: #a4978e;*/
    z-index: 501;
}
#b_main_menu ul { }

#cont_spe li {
    width: 44%;
}
#cont_spe .bactu .titre {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}
.bactu a.lnk_more {
    font-size: 14px;
    font-weight: 300;
    padding: 5px;
    width: 120px;
    min-width: auto;
    display: flex;
    margin: auto;
    justify-content: center;
}
#cont_spe li .ac_sta_right {
    height: auto;
    font-weight: 300;
    font-size: 14px;
}
li.bloc_bloc .bloc { 
font-size:24px;
}

.ac_sta_left {
    display: flex;
    flex-direction: column;
    margin: auto;
}
#cont_spe li span {
    opacity: 1;
    transition: all 1.1s ease 0s;
    transform: scale(1);
    background: rgba(0,99,174,0.7);
    height: 50%;
    bottom: 0;
    display: flex;
    margin: auto auto 0 auto;
    flex-direction: column;
}
nav#alt_acces li {
  /* font-size: 1.1em; */
  /* margin: 0; */
}
.index #retour_accueil a {
  /* height: 215px; */
  /* margin-left: -200px; */
  /* width: 400px; */
  /* margin-top: 40px; */
}
#cont_spe ul li, #cont_spe ul { 
flex-wrap:wrap;} 
.index #conteneur {
  /*	padding-top: 350px;*/
}
article .half img, article .tiers img, article .deuxtiers img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.index .textbloc {
  width: 95% !important;
}
#bloc_index01 {
  background-size: 50px;
  padding: 30px 0 0 40px !important;
  width: calc(30% - 40px) !important;
}
#bloc_index02 {
  background-size: 50px;
  padding: 30px 0 0 40px !important;
  width: calc(30% - 40px) !important;
}
#bloc_index03 {
  background-size: 50px;
  padding: 30px 0 0 40px !important;
  width: calc(30% - 40px) !important;
}
#bloc_index01 .cont_bloc_index {
  background-size: 70px;
  padding: 0px 22px 15px 0 !important;
}
#bloc_index02 .cont_bloc_index {
  background-size: 70px;
  padding: 0px 22px 15px 0 !important;
}
#bloc_index03 .cont_bloc_index {
  background-size: 70px;
  padding: 0px 22px 15px 0 !important;
}
.m_bloc_droit.tiers.tiers2 {
  width: 50% !important;
}
.bloc_bloc {
  /* width:50%; */
}
#b_main_menu ul { 
    width: calc(100% - 150px);
    padding-left: 75px;
}
#page.idp_9 article {
  background-size: cover;
}
#page.idp_9 article .tiers {
  width: 20% !important;
}
#page.idp_9 article .tiers.spe {
  width: 55% !important;
}
#b_main_menu li {
    border-color: rgba(0,0,0,0);
}