body{
  margin: 0;
  padding : 0;
}

.content-acd{
  background-color: #fff;
}

.mini-block-product-acd{
}
.acd{
  font-family: Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  margin: 0;
  padding : 30px 0;
  margin-left: auto;
  margin-right: auto;
}

.acd a{
  color:rgba(101,147,103,1);
}
.acd img{
width: auto;
height: auto;
}
.acd h4{
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 90px;
  margin : 0;
  color: rgba(101,147,103,1);
}
.acd .zoom-gallery{
  margin: 15px 0;
}
#acd_page_acd .acd_exp img{
  width: 35%;
}
.acd_lien_accueil{
  text-align: center;
  margin-top:10px;
}
.acd_lien_accueil a{
  text-decoration: none;
}

.acd_lien_accueil img{
  width: 60px;
  vertical-align: -10px;
}
.acd_lien_accueil span{
  font-family: Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  padding: 10px 10px;
  text-decoration: underline;
  text-decoration-color: rgba(70,90,39,1);
  color: rgba(70,90,39,1);
}
.acd_menu{
  width: 100%;
  clear: both;
  margin-bottom:10px;
}

.acd_menu li a img{
  top:5px;
  height: 30px;
}
#acd-navigation, .acd ul {
  width: auto;
  text-align: center;
}
#acd-navigation li a {
  line-height: 40px;
  text-align: center;
  font-family: Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  color: rgba(101,147,103,1);
}

#acd-navigation a.active, a.active span {
  color: #646464;
}

#acd-navigation li a:hover {
  color: #000;
}
#acd-navigation a {
  text-decoration: none;
}

#acd-navigation li {
  text-align: center;
  display : inline-block;
  /*min-width: 3%;*/
  padding: 0 12px;
  border-right: solid rgba(112,112,112,1) 1px;
}

#acd-navigation .acd-navigation-premier{
  padding: 0 30 0 0;
  color:#fff;
  background-image: url('../img/1/icon/prestige.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}

#acd-navigation .acd-navigation-premier a{
  opacity: 0;
}


#acd-navigation .acd-navigation-dernier{
  border-right: none;
}

.acd_exp{
  background-image: url('../img/1/fond_explication.png');
  clear: both;
}

.acd_exp h2{
  text-align: center;
  font-family: Khmer MN;
  font-style: normal;
  font-weight: normal;
  font-size: 65px;
  line-height: 90px;
  margin : 0;
  padding: 12px 0;
  color: rgba(101,147,103,1);
}

.acd_exp p{
  line-height: 30px;
  text-align: center;
  font-family: Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  color: rgba(90,90,90,1);
  padding: 0 0 40 0;
}

.acd_norm {
  margin: 2%;
  clear: both;
  overflow: hidden;
}

.acd_norm p{
  line-height: 30px;
  color : #777777;
  text-align: justify;
  font-family: Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
}

.acd .mfp-content{
  text-align: justify;
  font-family: Helvetica;
  font-style: normal;
  font-weight: lighter;
  font-size: 13px;
}
.acd_norm p, .mfp-content p{
  line-height: 20px;
  color : #777777;
  text-align: justify;
  font-family: Helvetica;
  font-style: normal;
  font-weight: lighter;
  font-size: 13px;
  margin: 15px 0 0 0;
  text-align: justify;
  font-size: 13px;
  padding: 0 0 0 10px;
  overflow: auto;
  white-space : normal;
}

#acd_page_montage .acd_minbock{
  border: none;
  width: 50%;
}

.acd_norm h2, .mfp-content h2{
  margin: 30px 0 0 0;
  color :#465A27;
  text-decoration: underline;
}

.mfp-content h2{
  font-size: 19px;
}

.mfp-content img{
  margin: 15px 0 0 0;
  max-width: 100%;
}

.acd_norm h3, .mfp-content h3{
  margin: 30px 0 0 0;
  color : #777777;
  font-weight: bold;
}

.mfp-content h3{
  color : #465A27;
}

.acd_norm h6, .mfp-content h6{
  color: #777777;
  font-style: italic;
}

.acd .separation{
  width: 40%;
  height: 1px;
  margin: 10px auto 20px auto;
  border-bottom: solid #909090 2px;
  display:block;
  clear:both;
}

.acd_sous_menu_img{
  width: 100%;
  overflow: hidden;
}

.acd_sous_menu_img .acd-navigation-img , .acd-navigation-mini_acd{
  position: relative;
  width: 100%;
  margin: 0;
  padding : 0;
}


.acd-navigation-img li, .acd-navigation-mini_acd li {
  position: relative;
  text-align: center;
  display : inline-block;
  background-size: 100%;
  overflow:hidden;
}

.acd-navigation-img p, .acd-navigation-mini_acd p{
 height: 60%;
 width: 100%;
 text-align: center;
}

.acd-navigation-img span, .acd-navigation-mini_acd span{
 position: relative;
 margin: 0;
 padding : 0;
 display: table;
 background-color: rgba(255,255,255,0.5);
 height: 40%;
 width: 100%;
 text-align: center;
}

#menu_bottom{
  margin-top: 10px;
}

.acd-navigation-mini_acd img{
  width: 100%;
}
.acd-navigation-img span:hover, .acd-navigation-mini_acd span:hover{
 background-color: rgba(90,90,90,0.5);
}
.acd-navigation-img a:hover, .acd-navigation-mini_acd a:hover{
 color: #fff;
}
.acd-navigation-img a, .acd-navigation-mini_acd a{
  padding-top: 20px;
  color: rgba(90,90,90,1);
  font-family: Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  display: table-cell;
  text-decoration: none;
}

.acd-navigation-mini_acd a{
  background-color: rgba(70,90,39,1);
  color:#fff;
  font-size: 22px;
  border: none;
  text-align: center;
  border-radius: 10px;
  border: solid 1px rgba(70,90,39,1);
  width: 100%;
  padding: 10px;
}

.acd-navigation-mini_acd a:hover{
   background-color: #fff;
   color: rgba(70,90,39,1);
   border: dotted 1px rgba(70,90,39,1);
}

.acd_block{
  overflow: hidden;
  position: relative;
  width: 100%;
}

.acd_block .block{
  float: left;
}

.acd_block h2{
  line-height: 30px;
  text-align: left;
  font-family: Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  color: rgba(90,90,90,1);
  padding: 0 0 40 0;
}

.acd_block p{
  word-break: pre-line;
  line-height: 22px;
  text-align: left;
  font-family: Helvetica;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: rgba(90,90,90,1);
  padding: 0 0 40 0;
}

.acd .button{
  padding: 1% 2%;
  margin: 10px 0 10px 0;
  font-size: 14px;
   color: #fff;
   background-color: rgba(70,90,39,1);
   border: none;
   border-radius: 10px;
   border: solid 1px rgba(70,90,39,1);
}

.acd .button:hover{
   background-color: #fff;
   color: rgba(70,90,39,1);
   border: dotted 1px rgba(70,90,39,1);
}

.acd #acd_shema_serre{
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.acd .acd_exp_prod{
  float: left;
  text-align: center;
  margin : 5% 2% 0% 2%;
  width: 21%;
  min-width: 200px;
}

#acd_page_gamme .acd_exp_prod{
  overflow: hidden;
  width: 100%;
  margin : 5% 1% 0% 1%;
  max-width: 350px;
}

#acd_page_gamme a{
  position:relative;
  width: 100%;
  margin: 0;
  top : 0px;
  margin-top: 5px;
}

#acd_page_gamme .acd_exp_prod button{
  margin-top: 10px;
  width: 90%;
  font-size: 18px;
}

.acd .acd_exp_prod img{
width: 90%;
min-width: 200px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}

.acd .acd_exp_prod .button{
  width: 80%;
  padding: 2% 0%;
  margin: 10px 0 0 0;
  font-size: 14px;
}

.acd_exp_prod_ligne{
  display:block;
  width: auto;
  height : auto;
  overflow: auto;
}
.acd_exp_prod h1{
  color :#465A27;
  font-size: 14px;
}

/*#acd_page_livraison .acd_norm .acd_minbock img{*/

.acd_minbock{
  float: left;
  max-width: 350px;
  margin: 1%;
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
  border: dashed 1px #ccc;
}

.acd_minbock img{
  width: 25%;
  max-width: 100px;
  float: left;
}
.acd_minbock span{
  width: 70%;
  float: right;
}

#acd_page_montage .product-thumbnail img{
  max-width: 290px;
}

.acd .acd_attention{
  background-color: #659367;
  padding: 30px 120px;
  color:#fff;
  line-height:30px;
  margin: 10px;
  font-size: 18px;
  border-radius: 10px;
  border: dashed 1px #659367;
  background-image: url('../img/1/icon/attention.svg');
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: left center;
}

.mfp-content .acd_attention{
  background-color: #659367;
  padding: 10px 10px 10px 120px;
  color:#fff;
  font-weight: bold;
  line-height:22px;
  margin: 10px;
  font-size: 18px;
  border-radius: 10px;
  border: dashed 1px #659367;
  background-image: url('../img/1/icon/attention.svg');
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: left center;
}

.mfp-content iframe{
  display:block;
  /*width: 420px;
  height: 315px;*/
  width: 100%;
  height: 100%;
  margin : 10 auto;
}

.mfp-content iframe.page{
  width: 420px;
  height: 315px;
}

.mfp-content iframe #service_publique{
  display:block;
  width: 100%;
  height: 315px;
  margin : 10 auto;
}

.popup3img{
  width: 100%;
}

.popup3img img{
  width: 30%;
  margin : 1.5%;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.acd_info_denomination{
  width: auto;
  min-width: auto;
  margin: 10 auto;
  padding: 10px;
  border-radius: 10px;
  border : solid 2px rgba(101,147,103,1);
  text-align: center;
}
.acd_info_denomination h2{
  margin : 0 0 10px 0;
  text-decoration: none;
}
.acd_info_denomination img{
  max-width: 600px;
}

.serre_demo {
  text-align: center;
}
.serre_demo img{
  max-width: 800px;
  margin: 10px;
}

.serre_demo .button{
  margin: 10 0 0 0;
}

.acd_exp .link_acd,.acd_norm .link_acd{
  margin : 10px 0 0 0;
}

.accordion-container{
  position: relative;
  max-width: 1400px;
  height: auto;
  margin: 10px auto;
}

.acd_sav_title{
  background-color: #679368;
  color: white;
  border-radius: 5px;
  padding: 5px;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 20px;
}

.accordion-container{
  position: relative;
  max-width: 1400px;
  height: auto;
  margin: 10px auto;
}

.accordion-container .acd_sav_title{
  background-color: #679368;
  color: white;
  border-radius: 5px;
  padding: 5px;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 20px;
}


.accordion-container > h2{
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.accordion-container .set{
  position: relative;
  width: 100%;
  height: auto;
}
.accordion-container .set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  background-color: #eff7f2;
  border-radius: 10px;
  color: #555;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.accordion-container .set > a i{
  float: right;
  margin-top: 2px;
}
.accordion-container .set > a.active{
  background-color:#eff7f2;
  border-radius: 10px;
  color: #555;
}

.accordion-container .plus:after {
  float: right;
  content:" +";
}
.accordion-container .minus:after {
  float: right;
  content:" -";
}

.accordion-container .content{
  background-color: #fff;
  border-radius: 10px;
  border:1px solid #555;
  display:none;
  margin-bottom: 10px;
}
.accordion-container .content p{
  padding: 10px 15px;
  margin: 0;
  color: #333;
}
.accordion-container .content b{
  color: red;
}
.accordion-container .set-block{
  position: relative;
  width: 100%;
  height: auto;
}
.accordion-container .set-block > a{
  display: block;
  text-decoration: none;
  font-weight: 600;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}

.accordion-container .content-block{
  border-radius: 10px;
  display:none;
  margin-bottom: 10px;
}

.accordion-container .search {
  width: 100%;
  position: relative;
  display: flex;
}

.accordion-container .searchTerm {
  width: 100%;
  border: 3px solid #659367;
  border-right: none;
  padding: 5px;
  font-size: 1.5em;
  height: auto;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
}

.accordion-container .searchTerm:focus{
    color: #659367;
}

.accordion-container .searchButton {
  width: 40px;
  height: auto;
  border: 1px solid #659367;
  background: #659367 ;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}

.accordion-container .searchbar{
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.accordion-container .acd_sav_row{
  width: 100%;
  height: auto;
}

.accordion-container .acd_sav_column{
  width: 49%;
  float: left;
  position: relative;
}

.acd .acd-navigation-accessoire .mini-block-product-acd{
  width: 210px;
  height: 260px;
  margin : 10px;
}

.acd .acd-navigation-accessoire .mini-block-product-acd img{
  height: auto;
  width: 190px;
}

.p-acd-accessoires {
  height: auto;
}
.acd-navigation-mini_orangerie img{
  max-width: 400px;
}

.acd-navigation-mini_orangerie h3{
  text-align: left;
  margin-left:100px;
}
.acd .mini-acd-product img{
  width: 250px;
  height: 200px
}

.acd .mini-block-product-acd{
  display: inline-block;
  margin: 10px;
  overflow: hidden;
  box-shadow: 1px 1px 12px #ccc;
}

.acd .mini-block-product-acd img{
  height: 260px;
  width: auto;
  margin: 0 10px;
}

/* fini acd formulaire -> champenoux */

.btn {
  white-space: normal;
}
th, td, td:nth-child(4n+2) {
  background-color: #fff ;
}

.stepper {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin:10px 0 20px;
  padding:0;
  list-style:none;
}
.stepper li {
  flex:1 1 0;
  min-width:0;
  text-align:center;
  position:relative;
  padding:0 6px;
}

.stepper li:before,
.stepper li:after {
  content:none !important;
}

.step-dot {
  display:inline-block;
  width:32px;
  height:32px;
  line-height:32px;
  border-radius:50%;
  font-weight:600;
  font-size:14px;
  background:#d7d7d7;
  color:#555;
}
.step-label {
  display:block;
  margin-top:6px;
  font-size:11px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.step.is-done .step-dot {background:#97BE0D; color:#fff;}
.step.is-active .step-dot {background:#97BE0D; color:#fff;}

@media (max-width:576px){
  .step-dot {width:28px; height:28px; line-height:28px; font-size:13px;}
  .step-label {font-size:12px; max-width:90px; margin-left:auto; margin-right:auto;}
}