@charset "UTF-8";
.box.demi,
.box.deuxtiers,
.box.full,
.box.quart,
.box.sixth,
.box.tier,
.box.troisquart {
  min-width: 250px;
  width: calc(100% - 60px); }

.box.dashboard.full {
  width: 100%;
  min-width: 100%; }

.box.dashboard.troisquart {
  width: calc(75% - 40px);
  min-width: 100%; }

.box.dashboard.demi {
  width: calc(50% - 40px); }

.box.dashboard.tier {
  width: calc(33% - 40px); }

.box.dashboard.quart {
  width: calc(25% - 40px);
  min-width: 50%; }

.box.dashboard.deuxtiers {
  width: calc(67% - 40px);
  min-width: 20%; }

.box.dashboard h2 {
  font-size: 18px; }

ul.onglet li a {
  padding: 10px 20px; }

#boxFamille .conteneurPhrase span.phrase {
  font-size: 17px; }

#boxFamille .conteneurPhrase ul {
  width: calc(64% - 18px); }

#boxFamille .conteneurPhrase ul li {
  font-size: 13px; }

#sectionMotDePasse {
  width: calc(98% - 80px); }

table#FGridView tr td:nth-child(4),
table#FGridView tr th:nth-child(4) {
  display: none; }

.vignette table#FGridView tr td:nth-child(4),
.vignette table#FGridView tr th:nth-child(4) {
  display: block; }

#divSection1 label,
#divSection2 label,
#divSection3 label,
#divSection4 label {
  margin: 30px 0;
  padding: 0;
  width: 60%;
  display: block;
  float: left;
  clear: both;
  font-size: 14px; }

#divSection1 .toggleSwitch label,
#divSection2 .toggleSwitch label,
#divSection3 .toggleSwitch label,
#divSection4 .toggleSwitch label {
  width: 80%;
  font-size: 16px; }

#divSection2 label {
  margin-bottom: 0; }

#divSection2 label#lblPr�cisez {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0; }

#divSection2 input {
  margin: 0;
  padding: 0;
  width: 99.7%;
  display: block;
  float: left; }

#divSection2 .toggleSwitch {
  width: 40%;
  display: block;
  float: left;
  margin-top: -5px; }

#divSection2 .toggleSwitch .switch {
  float: right;
  width: 100%; }

.separateur {
  display: none !important; }

#divSection3 #section3-q10 ul li {
  display: block; }

#divSection3 #autreconditionmedicale #section3-q65,
#divSection3 #autreconditionmedicale input,
#divSection3 #autreconditionmedicale.ligne-form {
  width: 100%; }

#sideMenu ul li a {
  height: 12vw;
  width: 100%;
  display: block;
  text-indent: -100000px; }

span.titreSection.vide {
  display: none; }

#divSection2 .ligne-form,
#divSection3 .ligne-form,
#divSection4 .ligne-form {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 0 30px;
  clear: both;
  border-bottom: 2px solid #e6e6e6; }

@media all and (min-width: 600px) and (max-width: 1000px) {
  #sideMenu {
    width: 12%; }
  .box.dashboard.tier {
    min-width: calc(40% - 40px); }
  .box.dashboard.deuxtiers {
    width: calc(60% - 40px);
    min-width: 20%; }
  #boxFamille .conteneurPhrase span.phrase {
    font-size: 24px; }
  #boxFamille .conteneurPhrase ul {
    width: calc(100% - 18px);
    clear: both;
    margin-top: 0; }
  #boxFamille .conteneurPhrase ul li {
    font-size: 14px; }
  #boxRendez-vous .conteneurPhrase p {
    width: 80%;
    padding: 18px 10% 0;
    float: none; }
  #boxRendez-vous .conteneurBouton {
    width: 100%;
    float: none; }
  #divSection3 .ligne-form {
    width: 100%; }
  #divSection3 #section3-q10 ul li {
    display: inline; }
  #divSection3 .separateur {
    display: none; }
  #divSection4 #section4-q35 input,
  #divSection4 #section4-q37 input {
    width: 40px; }
  #divSection4 #section4-q35 span,
  #divSection4 #section4-q37 span {
    font-size: 14px;
    float: left;
    display: block; }
  #divSection4 #section4-q35 table,
  #divSection4 #section4-q37 table {
    font-size: 14px;
    float: left;
    width: auto; } }