/*** PRINT ***/

@media print {
  @page {
    size: A4;
    size: portrait;
  }

  .bloc {
    page-break-after: auto !important;
    page-break-inside: avoid !important;
    break-after: auto !important;
    break-inside: avoid !important;
  }

  .page_break {
    page-break-before: always !important;
    break-before: always !important;
  }

  .shortcuts,
  .error {
    display: none !important;
  }

  /* Making disabled inputs as non-disabled */

  input[disabled],
  select[disabled] {
    border-bottom-color: lightgray !important;
    color: black !important;
  }

  input[type="checkbox"][disabled] {
    outline-color: black !important;
    border-color: white !important;
    background-color: white !important;
  }

  input[type="checkbox"][disabled]:checked {
    outline-color: black !important;
    border-color: white !important;
    background-color: gray !important;
  }

  #calcul_experience {
    display: none !important;
  }

}


/*** BODY ***/




body {
  width: 880px;
  font-family: Special Elite;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;

}

h1,
h2 {
  font-family: Cabin Sketch;
  text-align: center;
}

h3 {
  font-size: 16px;
  font-weight: bold;
}

.shortcuts {
  margin-left: 50px;
  margin-top: 5px;
  margin-right: 50px;
  margin-bottom: 25px;
  color: RoyalBlue;
}

.shortcuts button {
  color: RoyalBlue;
  background-color: white;
  border: 2px RoyalBlue solid;
  padding: 8px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  margin-top: 0px;
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 20%;
}

.shortcuts i {
  size: 20%;
}


.bloc {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px;
}

input,
textarea,
select {
  font-family: cursive;
  font-size: 12px;
  font-weight: normal;
}

input[type="number"] {
  text-align: center;
  padding: 0px;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border: 2px dotted grey !important;
}

table {
  margin: auto;
}


/*** EQUIPEMENT ***/

.equipement td {
  text-align: center;
}

.equipement th {
  padding-left: 6px;
  padding-right: 6px;
  vertical-align: bottom;
}

.equipement input,
.equipement select {
  border: 2px white solid;
  border-bottom: 2px lightgray solid;
}

.equipement input:focus {
  border-bottom-color: white;
}

.equipement input[type="number"] {
  width: 80px;
}

.equipement input[type="text"] {
  width: 200px;
}

.equipement input[type="checkbox"] {
  height: 20px;
  width: 20px;
}

.equipement select {
  background: white;
}



/*** SIGNALETIQUE ***/


#signaletique tr {
  vertical-align: bottom;
  font-size: 16px;
}

#signaletique table {
  border-spacing: 10px;
}

#signaletique table table {
  border-spacing: 0px;
  vertical-align: top;
}

#signaletique .cadre {
  border: 3px double grey;
  padding: 5px;
}

#signaletique input,
#signaletique textarea {
  border: 2px solid white;
  font-size: 12px;
  resize: none;
  margin: 2px;
  text-overflow: ellipsis;
}

#signaletique input {
  height: 19px;
  font-size: 14px;
}

#signaletique textarea {
  height: 33px;
  width: 400px;
}

#signaletique .header {
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 16px;
  font-weight: bold;
}

#signaletique #input_nom {
  width: 349px;
}

#signaletique #input_vocation {
  width: 302px;
}

#signaletique #input_occupation {
  width: 281px;
}

#signaletique #input_motivation {
  width: 281px;
}

#signaletique #input_decheance {
  width: 293px;
}


/*** COMPETENCES ***/

.competences input[type="number"] {
  width: 30px;
  border: 2px white double;
  outline: 1px gray solid;
}

.competences h3 {
  text-align: center;
}

.competences .colspace {
  width: 40px;
}

.competences .comp_nom {
  width: 350px;
  text-align: right;
  padding-right: 6px;
}


/** TRAIN DE VIE **/

#comp_train_de_vie {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}


#comp_train_de_vie input {
  height: 14px;
  font-size: 12px;
}

#comp_train_de_vie .comp_nom {
  width: 75px;
  font-size: 12px;
}

/*** CALCUL EXPERIENCE ***/


#calcul_experience {
  display: block;
  text-align: center;
  color: RoyalBlue;
}

#calcul_experience h3 {
  margin-right: 10px;
}

#calcul_experience th {
  text-align: right;
  padding-left: 10px;
}

#calcul_experience input,
#calcul_experience select {
  width: 60px;
  color: RoyalBlue;
  text-align: center;
  border: 2px white solid;
  outline: 1px RoyalBlue solid;
  background-color: white;
}


/*** COMPETENCES VITALES ***/

#comp_vitales {
  text-align: center;
}

#comp_vitales h3 {
  font-weight: bold;
}

#comp_vitales th h3 {
  margin: 6px;
}

#comp_vitales input[type="number"] {
  width: 30px;
}

#comp_vitales td table {
  border: 3px double gray;
}

#comp_vitales td table td {
  border: 1px solid lightgray;
}

#comp_vitales .jauge td {
  width: 30px;
}

#comp_vitales th {
  font-weight: normal;
}

#comp_vitales .applomb {
  height: 40px;
}


/*** AUTRES EQUIPEMENTS ***/

#autre_equipements {
  resize: none;
  width: 800px;
  height: 150px;
  border: lightgray 2px solid;
}