body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
background-color: #669934;
  background-image: url(https://www.vivaces.fr/img-template/fond-site-web.jpg) !important;
  background-repeat: repeat-x !important;
  background-position: right top !important;
  color: #212529;
  font-weight: 400;
  font-size: 16px;
}

.header {
  text-align: center;
  padding: 32px;
  color:#669934;
  height: 80px;
  max-width: 1000px;
  margin-left:auto;
  margin-right: auto;
  font-weight: 600;
}
.header a {color:#669934;  text-decoration: none;}
.header a:hover {color:#669934;text-decoration: none;  }
.message {color: #fff;font-weight: 400;font-style: italic;}
.page {

max-width: 1000px;
margin-left:auto;
margin-right: auto;
background-color: #EFF2F7;

}

/* page pepiniere */
.responsive_image_aster {width: 100%;
  max-width: 323px;
  height: auto;
  padding: 20px;
  color:#b3b3b3; }

.responsive_image_frise {width: 100%;
  max-width: 200px;
  height: auto;
  padding: 20px }  

.responsive_image3  {width: 100%;
  max-width: 140px;
  height: auto;
  padding: 20px }   

.responsive_image_frise324 {width: 100%;
  max-width: 324px;
  height: auto;}    

.responsive_image_frise140marron {width: 100%; max-width: 140px;height: auto;padding: 20px;}  

.image_banque {margin: 8px;vertical-align: middle;max-width:250px;width: 100%;height:auto;}    

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
 font-size:18px;color:#006400; border-bottom: 1px solid; }

.titre-h1 {padding:20px }
a {font-weight: 600; color:#212529;}
a:hover {font-weight: 600;text-decoration:none;color:#212529; }

/* page newsletter */
.intro {background-color: #EFF2F7;}

.responsive_image_crocus {
  max-width: 323px;
  height: auto;
padding-right: 20px;padding-left: 20px}    
.intro-text {background-color: #EFF2F7;
 padding-top: 20px;
 margin-bottom:30px;
}


/* page contact */ 

.intro-text-contact {background-color: #EFF2F7;
 padding-top: 20px;
 margin-bottom:30px;
 margin-left: 20px;
 margin-right: 20px;
}

.quform {margin-left: 20px;}
.quform-required { color: #cc0101;}

/* css modifié*/

.control-label {display: inline-block;
    margin-bottom: 5px;
    margin-top: 1px;
    font-weight: 400;
    font-size: 14px;}

.form-group {
  margin-bottom: 15px; }

.form-group.bouton{float: right;
    margin-right: 10%;}
.form-control {
  display: block;
  width: 45%;
  height: 20px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #c2cad8;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #93a1bb;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 161, 187, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 161, 187, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eef1f5;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

textarea {
  color: inherit;
  font: inherit;
  margin: 0; }  

textarea {
  overflow: auto; }  

/* Bouton  */ 

.btn.blue {color: #FFF;
    background-color: #2c5f34;
    border-color: #2c5f34; }
.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.44;
}
.btn {
    outline: 0!important;
}

.btn, .form-control {
    box-shadow: none!important;
}

.btn {
    display: inline-block;
    margin-bottom: 20px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

button {-webkit-appearance: button;}
button {text-transform: none;}
button {color: inherit;font: inherit;margin: 0;}
    

button {
    appearance: auto;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}

.quform-captcha-inner {margin-top: 20px;}

@media (min-width:800px) {

.intro{float: left;padding-left: 20px;padding-right: 20px;margin-bottom: 260px;}
.intro-text {max-height: 500px;
    height: 500px;padding-top: 40px}
.intro-text-contact {
    max-height: 200px;
    height: 200px;
    padding-top: 40px;    
  }
}
@media (max-width:799px) {

.intro-image-p {text-align: center !important;}
.intro-text {padding-right: 20px;padding-left:20px;}

 }

@media (min-width: 600px) {


.logo {float: left}
.image {float: left;margin-bottom: 20px;} 
.image p {margin:0px;}  
.text1 {padding: 20px;}
.text2 {padding: 20px;}
.catalogue {;padding:20px;}

}

@media (max-width: 599px) {

.logo{margin-left:auto;
  margin-right: auto;
  width: 100%;
  max-width: 350px;
  height: auto;}
.image {margin-left:auto;margin-right: auto;}
.image p {text-align: center;margin:0px ;}
.text1 {padding: 20px;}
.text2 {padding: 20px;}
.catalogue {padding:20px;} 


}