/* pour la feuille vignette*/
.postit {
  background-color: #3D5455;
  text-align: center;
  margin: 10px;
  float: left;
  height: 80px;
}



.postit.a {
  color: #FDFDC0;
}

/*admin html*/

#formNewTextarea {
  border-radius: 5px;
  border: 1px solid #ddd;
  width: 98%;
  height: 80vh;
  font-size: 15px;
  background: #F0E4CF;
  color: #505050;
}

.fichetext {
  border-radius: 5px;
  border: 1px solid #ddd;
  width: 98%;
  height: 300px;
  font-size: 15px;
  padding: 10px;
  resize: none;
  outline: 0px !important;
  background: #F0E4CF;
  color: #505050;
}


.container {
  width: 100%;
  padding: 5px;
}

.container h4 {
  font-size: 20px;
  font-weight: bold;
  font-family: sans-serif;
  color: #505050;
}

.container p {
  font-size: 15px;
  font-family: sans-serif;
  color: #393939;
}


/*fiches content*/
.outhtml {

  margin: auto;
  line-height: 1.6;
  font-family: Arial, Helvetica, sans-serif;
 padding:20px;
  background: rgb(235, 242, 247);
}

.fotitre {
  float: left;
  margin: 10px;
  max-width: 50vw;
}

.paratitre {
  color: rgb(59, 65, 66);
  background-color: rgb(200, 202, 202);
  font-size: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}



.fichim {
  max-width:50vw;
  max-height:70vh;
}
.fichegrandim {
  max-width:90vw;
  max-height:70vh;
}

.coupure {
  text-indent: 50px;
  margin-top:20px;
}

.parafiche {
  font-size: 16px;
  text-indent: 50px;
  text-align:justify;
  padding:10px;
}
.paragrafiche{
  display: flex;
flex: 1 50%;
}
.meteoleg{
  font-style: italic;
  font-weight: 900;
  background-color: rgb(83, 88, 100);
}

.paraf1fotoPort{
  padding-top: 50px;
  min-height: 80vh;
}
.paraf1fotoPays {
  padding-top: 50px;
  min-height: 30vh;
}
.paraf1fotoPortPays {
  padding-top: 50px;
  min-height: 40vh;
}

.parafin {
  padding-bottom: 50px;
}

.contab{
  margin-left:20px;
  overflow-x: auto;
  width:95%;
}



.tafiche {
  margin: 0 auto;
}

.tafiche td,
.tafiche th {
  border: 2px solid #ddd;
  padding: 12px;
  min-width: 200px;
  text-align: left;
}

.ficharbre{
 margin:0 auto;
 width:90%;
  background-color: rgb(241, 252, 193);

}

.ficharbre td,
.ficharbre th {
  border: 2px solid #ddd;
  padding: 12px;
  min-width: 200px;
  
}

.legpos {
  background: rgb(226, 250, 199);

}

.titrepos {
  color: rgb(64, 112, 6);
  width: 30%;
}

.legneg {
  background: rgb(250, 227, 234);
}

.titreneg {
  color: rgb(206, 7, 50);
  width: 30%;
}

.titretab {
  padding-top: 10px;
  font-size: 20px;
  font-weight: bold;
 
}

.bioag {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  border: 2px solid rgb(163, 160, 172);
}


.bioag td{
  border: 1px solid #ddd;
  padding: 8px;
  width:50vw;
  text-align: left;
}


.bioag th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #a099a0;
  color: white;
  text-align: center;
  font-size:20px;
}



.traitement{
  color:rgb(117, 114, 107);
  font-size:14px;
}

.plan{
  margin-left: auto;
  margin-right: auto;
  display: block;
}



strong{
  background-color: #505050;
  color:aliceblue;
  padding-left:5px;
  padding-right:5px;
}

.encartd{
  background-color: rgb(250, 236, 191);
  margin:20px;
  padding:5px;
  color:rgb(5, 24, 41);
font-size: 15px;
font-family: Verdana;
}

@media (min-width: 600px) {
  .encartdg50{
    float:left;
    width:50vw;
    }
    .encartdg30{
      float:left;
      width:30vw;
      }
      .encartdd30{
        float:right;
        width:30vw;
        }
        .encartdd50{
          float:right;
          width:50vw;
          }
           
  }
 .tooltiptext {
background-color: rgb(134, 131, 129);
color:cornsilk;
margin:1px;
padding:1px;
}

.fichetitre{
font-size:35px;
 text-align:center;
 font-weight:bold;
 color:#f5eeee;
 padding:10px;
 background-color: rgb(104, 100, 96);
 height:80px;
}


.clear{
  clear:both;
}


@media screen {

  #printFiche {
    display: none;
  }
 
}

@media print {

  html, body {
    height: 99%;    
}

  #liste{
    visibility: hidden;
  }

  #printFiche,
  #printFiche * {
    visibility: visible;
  }

  #printFiche {
    position: absolute;
    left: 0;
    top: 0;
  }

  .saut{ 
      page-break-before: always;
  }

  html,
  body {

    overflow: hidden;
  }
}

.lifiche{
  text-align:center;
}

.seliste{
  text-align:center;
  background-color: #F0E4CF;
}

.sources{
  background:rgb(250, 245, 235);
  width:98%;
  padding:20px;
  page-break-before: always;
    
}

.visitimage{
  margin:20px; 
}



.rubricaide{
  font-weight:bold;
  background-color: #626368;
  color:white;
  padding:5px;
  margin-bottom:20px;
}

.img100{
  width:100%;
}

.img90{
  width:90%;
}
.img50{
  width:50%;
}
.fotour{
  padding:20px;
  border:10px solid rgb(172, 151, 151) ;
  margin:10px;
}

.jardicadre {
  background: linear-gradient(
    to right,
    rgb(211, 218, 219) 50%,
    rgb(253, 253, 229)
  );
  padding: 10px;
  border-style: Outset;
  border-color: Silver;
  border-width: 4pt;
  margin: 10px;
  border-radius: 10px;
}