.clickable {
      cursor: pointer;
    }
    .selectedEtude{
      background-color: #f0f0f0;
    }
    .v-field {
      font-size: 15px !important;
    }

    .text-caption {
      font-size: 15px !important;
    }

    .v-label {
      font-size: 15px !important;
    }

    .v-field > .v-input__control > .v-field20 {
      outline: 3px dashed red;
    }

    .planExpression {
      font-size: 25px !important;
      margin: 8px;
      
    }

    .eciL1 {
      top: 36px;
    }

    .eciL2 {
      top: 91px;
    }

    .eciL3 {
      top: 150px;
    }

    .eciC1 {
      left: 10px;
    }

    .eciC2 {
      left: 122px;
    }

    .eciC3 {
      left: 235px;
    }

    .experienceCellIndice {
      font-size: 15px !important;
      color: black;
      position: absolute;
    }

    .experienceCell {
      font-size: 40px !important;
   
      display: flex;
      border-style: solid;
      border-width: thin;
      border-color: black;
      justify-content: center;
      align-items: center;
      width: 80px;
      aspect-ratio: 2/1;
      text-align: center !important;
    }

    .cycleCell {
      font-size: 40px !important;
   
      display: flex;
      justify-content: center;
      align-items: center;
      aspect-ratio: 1;
      text-align: center !important;
    }
    .cycleCellMaitre {
      font-size: 25px !important;
   
      display: flex;
      justify-content: center;
      align-items: center;
      aspect-ratio: 1;
      text-align: center !important;
    }
    .spiralCell {
      width: 100px;height:75px;position: absolute;
      font-size: 45px !important;
     
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center !important;
    }
    .spiralCellMaitre {
      width: 100px;height:75px;position: absolute;
      font-size: 30px !important;
     
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center !important;
    }

    .planCellMission {}

    .planCellCycle {
  
    }

    .planCellAction {
    
    }
    .planCellTitre {
      font-size:20px !important;
     
      display: block !important;
      justify-content: center;
      align-items: center;
      text-align: center !important;
    }
    .planCell {
      font-size:40px !important;
     
      display: block !important;
      justify-content: center;
      align-items: center;
      text-align: center !important;
    }
    .planCellMaitre {
      font-size:40px !important;
     
      display: block !important;
      justify-content: center;
      align-items: center;
      text-align: center !important;
    }
    .planCellSmall {
      font-size:25px !important;
      font-weight: bold !important;
      display: block !important;
      justify-content: center;
      align-items: center;
      text-align: center !important;
    }
    .fullyCentered {

      justify-content: center;
      align-items: center;
      text-align: center !important;
    }
    .planMoisSmall {
      font-size:18px !important;
     
      display: block !important;
      justify-content: center;
      align-items: center;
      text-align: center !important;
    }

    .rouge {
      color: #F80202;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
    }

    .bleu {
      color: #08709F;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;

    }

    .jaune {
      color: #FCF011;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
    }

    .marron {
      color: #754619;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
    }

    .vert_clair {
      color: #6ABB0D;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
    }

    .rose {
      color: #E33292;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
    }

    .violet {
      color: #684088;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
    }

    .vert_fonce {
      color: #005731;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
    }

    .safran {
      color: #FA851C;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
    }

    .rouge.v-avatar {
      background-color: #F80202;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
      color: white;
      filter: none;
    }

    .bleu.v-avatar {
      background-color: #08709F;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
      color: white;
      filter: none;
    }

    .jaune.v-avatar {
      background-color: #FCF011;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
      color: white;
      filter: none;
    }

    .marron.v-avatar {
      background-color: #754619;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
      color: white;
      filter: none;
    }

    .vert_clair.v-avatar {
      background-color: #6ABB0D;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
      color: white;
      filter: none;
    }

    .rose.v-avatar {
      background-color: #E33292;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
      color: white;
      filter: none;
    }

    .violet.v-avatar {
      background-color: #684088;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
      color: white;
      filter: none;
    }

    .vert_fonce.v-avatar {
      background-color: #005731;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
      color: white;
      filter: none;
    }

    .safran.v-avatar {
      background-color: #FA851C;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
      color: white;
      filter: none;
    }

    .vert_fonce.img {
      fill: #005731;
      -webkit-print-color-adjust: exact !important;
              print-color-adjust: exact !important;
    }

    .sheetA4 {
      aspect-ratio: 1;
    }

    .themeTitle {
      font-size: 15px;
    
    }

    .float-container {
      border: 3px solid #fff;
      height: 450px;
      width: 310px;
      float: left;
    }
    .float-header {
      width: 33%;
      float: left;
 
   
    
    }
    .float-child {
      width: 33%;
      float: left;
      height: 420px;
      border-style: solid;
      border-width: thin;
      border-color: black;
    
    }


    .v-tabs--density-default {
      --v-tabs-height: 70px!important;
  }
  .linklookalike {
    cursor:pointer!important;
   
}

.ql-picker-item[data-value='10px']::before,
.ql-picker-label[data-value='10px']::before {
  content: '10px' !important;
}

.ql-picker-item[data-value='12px']::before,
.ql-picker-label[data-value='12px']::before {
  content: '12px' !important;
}
.ql-picker-item[data-value='14px']::before,
.ql-picker-label[data-value='14px']::before {
  content: '14px' !important;
}

.ql-picker-item[data-value='16px']::before,
.ql-picker-label[data-value='16px']::before {
  content: '16px' !important;
}
.ql-picker-item[data-value='18px']::before,
.ql-picker-label[data-value='18px']::before {
  content: '18px' !important;
}
.ql-picker-item[data-value='20px']::before,
.ql-picker-label[data-value='20px']::before {
  content: '20px' !important;
} 

.ql-picker-item[data-value='24px']::before,
.ql-picker-label[data-value='24px']::before {
  content: '24px' !important;
} 

.ql-picker-item[data-value='30px']::before,
.ql-picker-label[data-value='30px']::before {
  content: '30px' !important;
} 

.ql-picker-item[data-value='32px']::before,
.ql-picker-label[data-value='32px']::before {
  content: '32px' !important;
} 

.ql-picker-item[data-value='36px']::before,
.ql-picker-label[data-value='36px']::before {
  content: '36px' !important;
} 

.ql-picker-item[data-value='48px']::before,
.ql-picker-label[data-value='48px']::before {
  content: '48px' !important;
} 

.ql-picker-item[data-value='60px']::before,
.ql-picker-label[data-value='60px']::before {
  content: '60px' !important;
} 

.ql-picker-item[data-value='72px']::before,
.ql-picker-label[data-value='72px']::before {
  content: '72px' !important;
} 

.ql-picker-item[data-value='96px']::before,
.ql-picker-label[data-value='96px']::before {
  content: '96px' !important;
}
.v-list-etude{
  height:68dvh;
  overflow-y:auto
}
@page {     
  margin-top:0.5 cm;
   size: A4;
   -webkit-print-color-adjust: exact;
           print-color-adjust: exact;

}
@page landscape {    
    margin-top:0cm;
    size: A4 landscape;
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
 }

.landscape-content {
  top:0px;
  left:0px;
page: landscape;
}
page[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 15cm;  
}
@media print {
  /* All your print styles go here */

  .calendar {
    top: 0px!important;;
  }

  .pagebreak { -moz-column-break-before: always; break-before: always;
    page-break-before: always;
    clear: both;
        page-break-after: always;
        -moz-column-break-after: always;
             break-after: always; } /* page-page-break-after works, as well */



        .header-prt, .header-space-prt,
.footer-prt, .footer-space-prt {
  height: 100px;
}
.header-prt {
  position: fixed;
  top: 0;
}
.footer-prt {
  position: fixed;
  bottom: 0;
}
}

  .v-field20  input {    font-size: 20px!important;}
  .v-field20  label {    font-size: 20px!important;}

  .v-field25  input {    font-size: 25px!important;}
  .v-field25  label {    font-size: 25px!important;}

  .v-field30  input {    font-size: 30px!important;}
  .v-field30  label {    font-size: 30px!important;}

  .v-field35  input {    font-size: 35px!important;
                         margin-top: 10px!important;}
  .v-field35  label {    font-size: 35px!important;}

  .v-field40  input {    font-size: 40px!important;  margin-top: 10px!important;}
  .v-field40 label {    font-size: 40px!important;
  }

  .v-field45  input {    font-size: 45px!important;}
  .v-field45 label {    font-size: 45px!important;}

  .v-field50  input {    font-size: 50px!important;}
  .v-field50  label {    font-size: 50px!important;}


  
  .v-field12  input {    font-size: 12px!important;}
  .v-field12  label {    font-size: 12px!important;}


  
  .v-field15  input {    font-size: 15px!important;}
  .v-field15  label {    font-size: 15px!important;}


  
  .v-field18  input {    font-size: 18px!important;}
  .v-field18  label {    font-size: 18px!important;}
  .v-field18  td {    font-size: 18px!important;}

h3[data-v-4eb10e82] {
  margin: 40px 0 0;
}
ul[data-v-4eb10e82] {
  list-style-type: none;
  padding: 0;
}
li[data-v-4eb10e82] {
  display: inline-block;
  margin: 0 10px;
}
a[data-v-4eb10e82] {
  color: #42b983;
}


.dialog-bottom-transition-enter-active,
.dialog-bottom-transition-leave-active {
  transition: transform 0.2s ease-in-out;
}


.dialog-bottom-transition-enter-active,
  .dialog-bottom-transition-leave-active {
    transition: transform 0.2s ease-in-out;
}
  

.dialog-bottom-transition-enter-active,
  .dialog-bottom-transition-leave-active {
    transition: transform 0.2s ease-in-out;
}
  

.dialog-bottom-transition-enter-active,
  .dialog-bottom-transition-leave-active {
    transition: transform 0.2s ease-in-out;
}
  

.dialog-bottom-transition-enter-active,
.dialog-bottom-transition-leave-active {
  transition: transform 0.2s ease-in-out;
}


.dialog-bottom-transition-enter-active,
.dialog-bottom-transition-leave-active {
transition: transform .2s ease-in-out;
}


.dialog-bottom-transition-enter-active,
  .dialog-bottom-transition-leave-active {
    transition: transform .2s ease-in-out;
}