html {
   font-size: 100%;
}

body {
   margin: 0 auto;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-style: normal;
   font-size: 1em;
}

h1 {
   text-align: center;
   font-size: 1.5em;
}

hr {
   border: 5px solid rgba(9, 186, 62, 1);
   border-radius: 5px;
}


#descriptif {
   font-size: 1em;
   margin-left: 5%;
   margin-right: 5%;
   width: 90vw;
}



ul {
   display: block;
   margin-left: auto;
   margin-right: auto
}


table {
   z-index: 0;
   width: 100%;
   border-collapse: collapse;
   font-size: 1em;
}

#tableau {
   margin-top: 1%;
   margin-left: 9%;
   width: 81%;
   margin-right: 9%;
}

#tb_cont {
   margin-left: 0%;
   width: 100%;
}

.en_cours {
   border: 2px solid rgb(0, 0, 0);
}



.boutons {
   display: flex;
   align-items: center;
   justify-content: space-around;
   margin-top: 2vh;
}

.bt {
   margin-bottom: 2vh;
   width: 25vw;
   height: 3vh;
}




tr {
   border: 1px;
   border-color: rgb(0, 0, 0);
   border-style: solid;
   text-align: center;
}

th,
tfoot {
   font-weight: bold;
}

.tb_periode {
   background-color: rgba(246, 181, 95, 0.5);
}

.tb_periode:hover {
   background-color: rgba(255, 255, 0, 1);
}


.per_sem>td:nth-child(1n+2) {
   width: 5vw;
}

.per_recol>td:nth-child(1n+2) {
   width: 5vw;
}

.semis {
   border-radius: 5vw;
   background: rgba(252, 32, 32, 0.5);
   padding: 1px;
   width: 5vw;
}

.recoltes {
   border-radius: 5vw;
   background: rgba(9, 186, 62, 0.5);
   padding: 1px;
   width: 5vw;
}

.circ_red {
   background: rgba(252, 32, 32, 0.5);
   width: 25px;
   border-radius: 35px;
}

.circ_green {
   background: rgba(9, 186, 62, 0.5);
   width: 25px;
   border-radius: 35px;
}


#dialog_connect {
   text-align: center;
   width: 90vw;
   top: 15vh;
}

a {
   color: rgb(0, 0, 0);
   text-decoration: none;
}


#div_print {
   text-align: center;
   margin-bottom: 15vh;
}




fieldset {
   margin-bottom: 12px;
   padding: 20px;
}

legend {
   padding: 0px 3px;
   font-weight: bold;
   font-variant: small-caps;
}

label {
   width: 30vw;
   display: inline-block;
   vertical-align: top;
   margin-top: 14px;
   font-size: 0.9em;
}

.span_rappel {
   display: inline-block;
   margin-top: 10px;
}

.span_hide {
   visibility: hidden;
   margin-left: 24vw;
}

.span_textarea {
   visibility: hidden;
   margin-left: 5vw;
}

textarea {
   width: 68vw;
}

input[type="radio"] {
   margin-top: 16px;
   margin-right: 8px;
}

input[type="text"] {
   margin-top: 12px;
   width: 38vw;
   margin-left: -4vw;
}

input[type="date"] {
   margin-top: 11px;
   width: 35vw;
   margin-left: -4vw;
}

input[type="number"] {
   margin-top: 11px;
   width: 17vw;
   margin-left: -4vw;
}

.erreur {
   color: rgb(255, 0, 0);
   text-wrap: nowrap;
   margin-left: 25vw;
}

th {
   padding-left: 1.3em;
   text-align: left;
}

.archive {
   letter-spacing: 1em;
   font-weight: bold;
   font-size: 1em;
   color: rgb(255, 255, 255);
   background-color: rgb(165, 42, 42);
}

.variete {
   background-color: rgb(200, 203, 205);
}

#selct_an {
   text-align: center;
}

#selct_an>select {
   width: 85%;
}

#recap_image {
   display: flex;
   margin: auto;
}



.search-container {
   margin-top: 20px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.search-box {
   width: 50%;
   padding: 10px;
   font-size: 16px;
   border: 2px solid rgba(9, 186, 62, 1);
   border-radius: 4px;
   margin-bottom: 20px;
}

.search-results {
   width: 80%;
   border-collapse: collapse;
}

.search-results td {
   border: 1px solid rgb(0, 0, 0);
   padding-left: 3vw;
   text-align: left;
}
@media print {

   #header_menu,
   .sup_print,
   #header_print,
   .boutons,
   #selct_an {
      visibility: collapse;
   }

   /* table:nth-of-type(4) {
      border: 2px solid red;
      margin-bottom: 700px;
  } */
   .en_cours {
      border: 0;
   }

   table {
      margin-top: 5px;
      border: 2px solid rgb(0, 0, 0);
   }

   .q_table {
      margin-bottom: 300px;
 
   }
}