/* 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;
}

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

.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%;
}

#printElement{
  background-color: rgb(227, 243, 243);
}

 .toto{
    background-color: transparent !important;
  }
.legnom{
  background-color: aliceblue !important;
  color: #393939;
}
.varcol{
  max-width: 15% !important;
}
.varcom{
  min-width: 30% !important;
}


input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
}

.sepapar {
  height: 20px;
  font-size: 30px !important;
  text-align: center;
}

.retour{
  margin-left: 50px;
  margin-right: 50px;
  font-size: 18px;
  background-color: #023b70;
  color: #F0E4CF;
}