/* règles générales */
/* positionnement texte */
html {
  width: auto;
  min-width: 600px;
  max-width: 1000px;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

/* barre de menu */
#navbarMenu { 
  /* couleur de fond de la barre de menu*/
  background-color: azure !important;
}

/* listes */
.liste_check  {
    list-style-image: url('../images/picto/iOKListe.png');
}
.liste_suite  {
    list-style-image: url('../images/picto/triangle_rouge16px.png');
}
.liste_smiley  {
    list-style-image: url('../images/picto/smiley_24_24.png');
}


/* page index */
#index_conteneur {
  z-index: -1;
  /* image de fond de la page d'entrée*/
  background-image: url('../images/photos/iFondIndex.jpg');
  background-repeat: no-repeat;
  background-size: auto;
  background-color: black;
  background-position: center top;
}

#index_contenu {
  /* texte de la page d'entrée */
  font-size: 60px;
  color: white;
  padding-left: 40px;
}

/* page accueil */
#accueil_conteneur {  
  position: relative;
}

#accueil_conteneur:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  /* image de fond de la page accueil */
  background-image: url('../images/photos/iFondIndex.jpg');
  background-repeat: no-repeat;
  background-size: auto;
  background-color: black;
  background-position: center top;
  opacity: 0.3;
}

#accueil_contenu {
  position: relative; 
  z-index: 2;
  padding-left: 40px;
  padding-right: 20px;
}​


/* page fonctions */
#fonctions_conteneur {  
  position: relative;
}

#fonctions_conteneur:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  /* image de fond de la page fonctions */
  /* background-image: url('../ecrans/fondfdlivraisons.png');
  background-repeat: repeat;
  background-size: auto;
  background-color: white;
  background-position: center center;
  opacity: 0.2;
}

#fonctions_contenu {
  position: relative; 
  z-index: 2;
  padding-left: 40px;
  padding-right: 20px;
}​


/* page téléchargement */
#telechargement_conteneur {  
  position: relative;
}

#telechargement_conteneur:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  /* image de fond de la page accueil */
  background-image: url('../images/photos/iOrdiPortable.jpg');
  background-repeat: no-repeat;
  background-size: 61%;
  background-color: white;
  background-position: center top;
  opacity: 0.3;
}

#telechargement_contenu {
  position: relative; 
  z-index: 2;
  padding-left: 40px;
  padding-right: 20px;
}​


/* page qui sommes nous  */
#qui_conteneur {
  float: left;
}
#qui_img {
  /* image d'André de la page qui */
  float: left;
  width: 30%;
}
#qui_img img {
  /* image d'André de la page qui */
  margin: 20px 50px;
  max-width: 70%;
  height: auto;
}

#qui_texte {
  /* texte de la page qui*/
  float: left;
  width: 60%;
}


/* pied de page */
#pied_de_page { 
  /* couleur de fond du pied de page */
  background-color: white !important;
  opacity: 0.7;
  
  clear: both; 
  border-top: thin solid black; 
  margin-top: 10px; 
  padding: 1px;
  font-size: 10px; 
  text-align: center; 
  vertical-align: top; 
}