/* --------------------------------------------------------------

   variante.css
   Eric Drevet

-------------------------------------------------------------- */

/* ------------------------------------------
/* Formulaires : variantes et cas particuliers
/* ------------------------------------------ */

/* Fomulaire Ressources */


.box1, .box2, .box3 {
  border: 2px solid #2196F3;
  border-radius: 20px;
  margin-top: 10px;
}

.box1 p .recherche, .box2 p .recherche, .box3 p .recherche {
  font-weight: bold;
  padding: 15px 10px 5px 15px;

}

.box1 p, .box2 p, .box3 p, .box4 p {
  font-size: 10px;
  margin-top: 10px;
  margin-bottom: 2px;
}

.box1 h4, .box2 h4, .box3 h4 {
  font-size: 10px;
  margin-bottom: 5px;
}

.box1 input[type="radio"],
.box1 input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
  font-size: 5px;
}

.box1 label {
  margin-bottom: 0;
  padding: 0;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 3px;
  /* background-color: #2196F3; */
  padding: 5px;
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px 0;
  font-size: 10px;
}

.b1item1 {
  grid-row-start: 1;
  grid-row-end: 3;
}

.b1item2 {
  grid-row-start: 1;
  grid-row-end: 2;
}

.b1item3 {
  grid-row-start: 2;
  grid-row-end: 3;
}

.b1item4 {
  grid-row-start: 1;
  grid-row-end: 2;
}

.b1item5 {
  grid-row-start: 2;
  grid-row-end: 3;
}

.b1item6 {
  grid-row-start: 1;
  grid-row-end: 4;
}

.b1item7 {
  grid-column-start: 1;
  grid-column-end: 4;
}

.b1item7 label[for] {
  font-weight: bold;

}
.b1item7  .date {
  padding: 10px 5px 10px 65px;

}

/* box 2 -- */
.b2item1 {
  grid-column-start: 1;
  grid-column-end: 2;
}

.b2item2 {
  grid-column-start: 3;
  grid-column-end: 4;
}

.box2 input[type="submit"] {
  padding: 2px 35px;
  background-color: #106cb7;
  font-size: 12px;
}
.box2 input[type="search"] {
  margin-left: 5px;
}

.box2 input[type="button"] {
  padding: 7px 35px;
  margin-left: 5px;
  background-color: #cccccc;
}

.box2 label {
  margin-left: 20px;
}

/* box 3 -- */
.b3item1 {
  grid-column-start: 1;
  grid-column-end: 2;
  background: rgba(255, 0, 0, 0.4);
}

.b3item2 {
  grid-column-start: 3;
  grid-column-end: 4;
  background-color: rgba(255, 0, 0, 0.4);
}

.b3item1 a:link, .b3item2 a:link {
  text-decoration: none;
  color: black;
  padding: 5px 30px;
  margin-left: 70px;
  background-color: #cccccc;
  text-align: center;
}

//

.box-reponse {
  font-size: 10px;
}

.item-reponse-table {
  margin-top: 10px;
}

.item-reponse tr {
  padding-bottom: 2rem;
}

.item-reponse-gauche {
  text-align: center;
  margin: 5px; 
  border: 1px solid #acb3c2;
}

.item-reponse-droite {
  width : 80%;
  font-size: 10px;
  margin: 5px; 
  border: 1px solid #acb3c2;
}

.item-reponse-droite a:link {
  text-decoration: none;
  /* padding: 5px 30px;
  margin-left: 70px; */
  font-size: 12px;
}

.item-reponse-droite p {
  margin-top: 10px; 
}



/* 
.editer-groupe-droite-reponse table,
.table {
  width: 100%;
  max-width: 100%;
  table-layout: inherit;
  border-collapse: collapse;
  vertical-align: top;
  margin-bottom: 2rem;
}

.editer-groupe-droite-reponse .table {
  display: inherit;
  border: 1px solid #acb3c2;
}
*/


/*----------------------- fin CSS pour formulaire Ressources --------------------------*/






/* fin */