/*
POUR TOUTE LES PAGES
*/

body
{
  /*padding-top: 50px;*/
  width: 100%;
  /*background: linear-gradient(to bottom, #E5E5E5, #FFFFFF);*/
  background-repeat: no-repeat;
}

h5 /* Va correspondre au renvoie à la page précédente en cas d'erreur*/
{
  padding-left:3%;
}

#title_centre
{
  text-align: center;
  padding-bottom: 3%;
}

.center, .panel-title
{
  text-align: center;
}

.right
{
  float:right;
  width:10%;
}

.blanc
{
	color: #FFFFFF;
}
.right_
  {
    margin-left:87%;
  }

.colored
  {
    background-color:#F2F2F2;
  }

.selected
{
  background-color: #a1de9f;
}

.miniature
{
  width:40px;                   /*Hauteur de l'image, la largeur s'adapte*/
  margin-left: 1%;
  margin-top: 5px;
  margin-bottom: 10px;
  max-width:50px;
  max-height: 70px;
}

.miniphoto
{
                   /*Hauteur de l'image, la largeur s'adapte*/
  margin-left: 1%;
  margin-top: 5px;
  margin-bottom: 10px;
  max-height: 70px;
}


.block
{
  width:100%;
  padding-left:3%;
  padding-right:3%;
}
/*
Page de connection
*/

.click_to_connect
{
  text-align:center;
}

#form_connection
{
  color: #084C80;
  padding-left: 15px;
}

#regroupement
{
  display:flex;
}

#information_election_en_cours
{
  width : 50%;
  border: 1px #084C80 solid;
  /*text-align: center;*/
  float: right;
  padding: 10px;
  padding-bottom: 30px;
  margin-left: 10%;
  margin-right: 7%;
  /*border-radius: 10px;*/
}

#button_regroupement
{
  width:50%;
}

.big_button
{
  margin-left:15%;
  width:80%;
  text-align: center;
}

.filtre_
{
  float:right;
  padding-right:78%;
}

#button_choice
{
  float:right;
}

/*
page d'affichage de resultat
*/

#affichage
{
  padding-left:8%;
  padding-right:8%;
}

#select_round
{
  text-align: center;
}

/*
Page de vote et de délégation
*/

#tab
{
  display: flex;
  padding-left: 5%;
}

#tableaux_eligible, #tab_deleg
{
  width:50%;
  padding-right: 6%;
}

#tableaux_vote
{
  width:100%;
  /*padding: 8%;*/
  float: left;
}
#tab_choose
{
  width:100%;
  /*padding: 8%;*/
  float: left;
}

#form_search_deleg .input-group
{
  display:flex;
  margin:2%;
  padding-left: 3%;
  width:45%;
}

#form_search_eligible
{
  width:100%;
  display:flex;
  padding-top:2%;
}

#page
{
  display:flex;
  margin:3%;
}

#form_search_eligible .input-group
{
  display:flex;
  margin:3%;
  padding-left: 10%;
  width:50%;
}

#form_search_eligible .info_vote_deleg
{
  width:50%;
}

/*
Page de modification de droit des utilisateurs
*/

#tableaux_votant
{
  width:45%;
  margin-left:5%;
  float: left;
}

#change_profil
{
  float:right;
  width:30%;
  margin-right:15%;
}

#valid
{
  float:center;
}

#accueil
{
text-align: center;
}

/*
Page d'export des données
*/

#data_to_export
{
  text-align: center;
  padding:20;
  padding-left:20%;
  padding-right:20%;
  padding-top: 2%;
}

#cadre
{
  text-align: center;
  padding:1%;
}

#delete_button
{
  float:right;
}

.panel-heading
{
  text-align: center;
  height:60px;
}

/*
Page de gestion d'election / création d'élection"
*/

#parametre_vote
{
  padding-left:6%;
  padding-right:3%;
  display:flex;
}

#regle_vote
{
  float:right;
  width:50%;
}

#modalite_vote
{
  padding :3%;
}

.action_button
{
  margin: 2%;
  margin-top :0%;
  text_align:center;
  width:95%;
}

.action_buttons
{
  padding-left:3%;
  padding-right:3%;
}

#choose_elec
{
  display:flex;
  width:50%;
}

#part1
{
  display:flex;
  margin-left:3%;
  margin-right:5%;
  padding-top:1%;
}

#create_elec
{
  margin-left:40%;
  float:right;
}

.info
{
  width:30%;
  text-align: center;
  margin-left: 32%;
  border: 1px #084C80 solid;
  border-top: none;
  border-right:none;
  border-left:
  margin-top:2%;
  padding-bottom:1%;
  /*border-radius: 10px;*/
}

.valid_form
{
  padding-bottom: 4%;
  float:right;
  margin-right:15%;
}

#title
{
  padding-bottom:2%;
}

#disposition_row
{
  padding-right:5%;
  padding-left:3%;
  margin-top:3%;
  display:flex;
  width:100%;
  text-align:center;
}

#disposition
{
  display:flex;
  flex-direction: column;
  width:50%;
  text-align: center;
}

/*
Changer le mot de passe
*/

#change_mdp
{
  margin-top:5%;
  width:40%;
  margin-left:27%;
}

#valid
{
  padding-top : 3%;
  text-align: center;
}

/* Modification pour chrome et safari*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
  /*Page de connection*/
  .right_spe
    {
      margin-left:87%;
    }

  /*gerer une election*/
  #create_elec
    {
      margin-left:54%;
      float:right;
    }
  /*vote*/
  #form_search_eligible .input-group
    {
      display:flex;
      margin:3%;
      padding-left: 10%;
      width:85%;
    }
}

/* Modification nécessaire pour les petits écrans*/

@media (max-width: 640px)
{
  /* Tout*/

  * {
          box-sizing: border-box;
      }

      /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

      body {
          width: auto;
          margin: 0;
          padding: 0;
      }

      /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

      img,
      table,
      td,
      blockquote,
      code,
      pre,
      textarea,
      input,
      iframe,
      object,
      embed,
      video {
          max-width: 100%;
      }

      /* conserver le ratio des images */

      img {
          height: auto;
      }

      /* gestion des mots longs */

      textarea,
      table,
      td,
      th,
      code,
      pre,
      samp {
          -webkit-hyphens: auto; /* césure propre */
          -moz-hyphens: auto;
          hyphens: auto;
          word-wrap: break-word; /* passage à la ligne forcé */
      }

      code,
      pre,
      samp {
          white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
      }

      /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

      .element1,
      .element2 {
          float: none;
          width: auto;
      }

      /* masquer les éléments superflus */

      .hide_mobile {
          display: none !important;
      }

  /* Page de gestion d'élection*/

  #parametre_vote
  {
    padding-left:3%;
    padding-right:3%;
    display:flex;
  }

  #regle_vote
  {
    float:right;
  }

  #modalite_vote
  {
    padding :3%;
  }

  .action_button
  {
    margin: 2%;
    margin-top :0%;
    text_align:center;
    width:95%;
  }

  .action_buttons
  {
    padding-left:3%;
    padding-right:3%;
  }

  #choose_elec
  {
    display:inherit;
    width:100%;
  }

  #part1
  {
    display:inherit;
    text-align:center;
    margin-left:5%;
    margin-right:5%;
    padding-top:3%;
  }

  #create_elec
  {
    width:100%;
    padding-left:5%;
    margin-top:8%;
    float:inherit;
    margin-left:inherit;
  }

  .info
  {
    width:30%;
    text-align: center;
    margin-left: 32%;
    border: 1px #084C80 solid;
    border-top: none;
    border-right:none;
    border-left:
    margin-top:2%;
    padding-bottom:1%;
    /*border-radius: 10px;*/
  }

  .valid_form
  {
    padding-bottom: 4%;
    float:right;
    margin-right:15%;
  }

  #title
  {
    padding-bottom:2%;
  }

  #disposition_row
  {
    margin-top:3%;
    display:inherit;
  }

  #disposition
  {
    display:flex;
     flex-direction: column;
     width:100%;
  }

  #parametre_vote
  {
    display:inherit;
  }

  #regle_vote, #modalite_vote
  {
    width:100%;
  }

  .action_button
  {
    width:70%;
    margin-bottom: 2%;
    text-align: center;
    margin-left: 15%;
  }

  /*Page de connection*/

  #regroupement
  {
    display:inherit;
  }

  #button_regroupement
  {
    width:100%;
  }

  #button_choice
  {
    margin-left: 3%;
    margin-top:3%;
    float:inherit;
  }

  .big_button
  {
    width:90%;
    text-align: center;
    margin-left: 5%;
  }

  #information_election_en_cours
  {
    margin-top: 18%;
    float: inherit;
    width:80%;
  }

  #form_selection_election
  {
    margin-top: 2%;
    margin-bottom: 2%;
    text-align: center;
    display: flex;
    width:90%;
  }

  .right_spe{
    margin-left:inherit;
  }
  /*page d'affichage de resultat*/

  .filtre_
  {
    padding-right:2%;
  }

  /*page de modif des utilisateurs*/
  .info
  {
    width:90%;
    text-align: center;
    margin-left: 5%;
    border: 1px #084C80 solid;
    border-top: none;
    border-right:none;
    border-left:
    margin-top:2%;
    padding-bottom:3%;
    /*border-radius: 10px;*/
  }

  #form_search_deleg .input-group
  {
    display:flex;
    margin:2%;
    padding-left: 3%;
    width:85%;
  }

  #tableaux_votant
  {
    width:90%;
    margin-left:3%;
    margin-right:6%;
    float:inherit;
  }

  #change_profil
  {
    margin-top:2%;
    margin-left: 2%;
    margin-right:4%;
    width:90%;
  }
  /*archives !!*/

  #data_to_export
  {
    text-align: center;
    padding-left:5%;
    padding-right:10%;
    padding-top: 2%;
  }

  #delete_button
  {
    margin:4%;
    float:inherit;
  }

  .panel-heading
  {
    text-align: center;
    height:80px;
  }

  /*Page de vote*/

  #tab
  {
    display: inherit;
    padding-left: 5%;
  }

  #tableaux_eligible, #tab_deleg
  {
    width:90%;
    padding-right: 1%;
    text-align: right;
  }

  #tableaux_vote, #tab_choose
  {
    width:50%;
    /*padding: 8%;*/
    float: inherit;
  }

  #form_search_deleg .input-group
  {
    display:flex;
    margin:2%;
    padding-left: 3%;
    width:80%;
  }

  #form_search_eligible
  {
    width:100%;
    display:flex;
    padding-top:2%;
  }

  #form_search_eligible .input-group
  {
    display:flex;
    margin:3%;
    padding-left: 10%;
    width:50%;
  }

  #form_search_eligible .info_vote_deleg
  {
    width:50%;
  }

  /*
  Changer le mot de passe
  */

  #change_mdp
  {
    margin-top:5%;
    width:90%;
    margin-left:5%;
  }

  #valid
  {
    padding-top : 5%;
    text-align: center;
  }

}
@media (max-device-width:768px) and (orientation: landscape)
{
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}