#test {
  display: inline-block;
  position: absolute;
  left: 0px;
}
* {
  font-family: calibri, arial, sans-serif;
}
html {
  height: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
html,
body {
  margin: 0;
  padding: 0;
}
body {
  position: relative;
  min-height: 100%;
  background: url('image?image=fond.jpg') no-repeat fixed left top;
  background-size: 100% 100%;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.couleur_noir_clair,
.couleur_texte_0 {
  color: #333;
}
.couleur_vert_moyen,
.couleur_texte_1 {
  color: #5b924f;
}
.couleur_vert_fonce,
.couleur_texte_2 {
  color: #3b722f;
}
.couleur_violet_clair,
.couleur_texte_3 {
  color: #5700a8;
}
.couleur_violet_sombre,
.couleur_texte_4 {
  color: #403075;
}
.couleur_bleu_mer {
  color: #29688B;
}
.couleur_orange_feu {
  color: #FC9402;
}
strong {
  font-weight: normal;
}
.gras {
  font-weight: bold;
}
.italique {
  font-style: italic;
}
.plus_gros {
  font-size: 1.1em;
}
.petit {
  font-size: 0.5em;
}
.centre {
  text-align: center;
}
.souligne {
  text-decoration: underline;
}
.separateur.large {
  width: 100%;
}
.separateur.assez_large {
  width: 75%;
}
.separateur.etroit {
  width: 50%;
}
.separateur.tres_etroit {
  width: 25%;
}
.separateur.epais {
  height: 3px;
}
.separateur.fin {
  height: 2px;
}
.separateur.tres_fin {
  height: 1px;
}
#msg_info_cookies .bouton {
  border: 1px solid #5b924f;
  border-radius: 5px;
  padding: 5px;
}
#msg_info_cookies .bouton.cookies_oui {
  margin-right: 20px;
}
#msg_info_cookies .bouton.cookies_non {
  margin-left: 20px;
}
#logo_nom,
#panier .titre_panier,
#panier .nb_objets_prix,
#panier .commander {
  cursor: pointer;
}
#entete_int {
  position: fixed;
  z-index: 2;
  top: 0;
  width: 100%;
  border: 3px solid #5b924f;
  border-radius: 10px;
  background-image: url('image?image=fond.jpg');
  background-size: 100%;
  background-color: white;
}
#entete_haut {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: nowrap;
  align-items: center;
}
#logo_nom {
  text-align: center;
}
#logo {
  border-radius: 10px;
}
#nom_entreprise {
  color: #5b924f;
  white-space: nowrap;
}
#panier {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 2px solid #5b924f;
  border-radius: 10px;
  padding: 5px;
}
#panier .titre_panier {
  font-size: 1.2em;
  color: #5b924f;
  white-space: nowrap;
}
#panier .nb_objets_prix {
  display: flex;
  flex-direction: row;
  padding: 3px 5px 3px 5px;
  border-radius: 8px;
  white-space: nowrap;
}
#panier .nb_objets {
  margin-right: 2px;
  white-space: nowrap;
}
#panier .montant_selection {
  margin-left: 2px;
}
#panier .commander {
  font-size: 1.2em;
  color: #5b924f;
  white-space: nowrap;
}
#connexion {
  text-align: center;
}
#menu_langues {
  text-align: right;
}
#menu_langues .nom_langue_long {
  display: block;
}
#menu_langues .nom_langue_court {
  display: none;
}
#menu_langues .nom_langue:first-child {
  padding-top: 2px;
}
#menu_langues .nom_langue:last-child {
  padding-bottom: 2px;
}
#menu_langues .nom_langue:nth-child(2) {
  padding-top: 2px;
  padding-bottom: 2px;
}
#menu_langues a {
  text-decoration: none;
  color: #5b924f;
  font-size: 1.1em;
}
#fil_ariane {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#fil_ariane .rubrique {
  text-align: center;
  margin: 0 10px 0 10px;
  padding: 2px 5px 2px 5px;
  font-size: 1.2em;
  border: 1px solid transparent;
  border-radius: 6px;
}
#fil_ariane .couleur_lien:not(.boutique) {
  color: #5b924f;
}
#fil_ariane .couleur_lien:not(.boutique) a {
  color: #5b924f;
}
#fil_ariane .couleur_lien.boutique {
  color: #5b924f;
}
#fil_ariane .couleur_lien.boutique a {
  color: #5b924f;
}
#fil_ariane .couleur_pas_lien {
  cursor: default;
}
#fil_ariane .couleur_pas_lien:not(.boutique) {
  color: #333;
}
#fil_ariane .couleur_pas_lien.boutique {
  color: #333;
}
#fil_ariane .rubrique.couleur_lien:hover {
  box-shadow: inset 2px 2px 10px;
  transition: box-shadow 0.2s;
}
#fil_ariane a {
  text-decoration: none;
}
#fil_ariane .logo_facebook {
  margin-top: 5px;
  border-radius: 3px;
}
#liens_fb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.titre_page {
  padding: 0 10px 20px 10px;
  text-align: center;
  font-size: 1.8em;
  color: #333;
}
#lien_cgu_ext {
  text-align: center;
}
.lien_cgu,
.lien_mentions_legales {
  font-size: 1em;
  cursor: pointer;
}
#annonce {
  text-align: center;
  font-size: 1.5em;
  color: #5700a8;
  margin-bottom: 20px;
}
footer {
  width: 100%;
  text-align: center;
  margin: 1rem;
  margin-top: 2rem;
  font-size: 0.8em;
}
footer .ligne {
  display: inline-block;
  padding: 0 8px 0 8px;
}
footer .laurence {
  color: #5b924f;
}
footer .ligne.lien_mentions_legales,
.yann {
  color: #333;
  border: 1px solid transparent;
  border-radius: 5px;
}
footer .ligne.lien_mentions_legales:hover,
.ligne.lien_cgu:hover,
.yann:hover {
  color: red;
  border: 1px solid red;
  border-radius: 5px;
}
footer .ligne.lien_cgu {
  border: 1px solid #333;
  border-radius: 5px;
}
footer .realise_par_yann {
  cursor: pointer;
}
@media (orientation: portrait) and (min-width: 12cm),(orientation: landscape) and (min-height: 12cm) {
  #entete_int {
    transform-origin: 100% 0%;
    transform: rotate(-3deg);
  }
  #logo_nom {
    transform: rotate(0);
  }
  #nom_entreprise {
    overflow: hidden;
  }
  #separateur_entete {
    border-bottom: 2px solid #5b924f;
  }
}
@media (orientation: portrait) and (min-width: 20cm),(orientation: landscape) and (min-height: 20cm) {
  #cgu_ext,
  #mentions_legales_ext {
    max-width: 60%;
  }
}
@media (orientation: portrait) and (min-width: 20cm),(orientation: landscape) and (min-height: 12cm) {
  #liens_fb .fb-like {
    margin-right: 5px;
  }
  #liens_fb .fb-share-button {
    margin-left: 5px;
  }
}
@media (orientation: portrait) and (min-width: 12cm) and (max-width: 20cm) {
  #liens_fb {
    flex-direction: column;
  }
}
.info_bulle {
  z-index: 10;
  cursor: pointer;
  border: 2px solid #5b924f;
  background-color: #FFF;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  font-size: 1.2rem;
  color: #3b722f;
  opacity: 0.9;
}
.fermer_info_bulle {
  cursor: pointer;
  font-weight: bold;
}
#cgu_ext,
#mentions_legales_ext {
  position: absolute;
  z-index: 10;
  text-align: left;
  border: 2px solid #5b924f;
  background-color: #FFF;
  border-radius: 10px;
  padding: 5px 20px 10px 20px;
  font-size: 1.2rem;
  color: #3b722f;
}
#cgu_ext a {
  color: #3b722f;
}
#cgu_ext ul li {
  list-style-type: circle;
}
#cgu_ext ul li ul li {
  list-style-type: disc;
}
#cgu_ext .fermer_cgu,
#mentions_legales_ext .fermer_mentions_legales {
  text-align: center;
}
#cgu_ext .fermer_cgu:first-child,
#mentions_legales_ext .fermer_mentions_legales:first-child {
  float: right;
}
#cgu_ext .fermer_cgu,
#mentions_legales_ext .fermer_mentions_legales {
  cursor: pointer;
  font-weight: bold;
}
.mldp {
  max-width: 80%;
  text-align: center;
}
#aucun_objet,
#aucune_selection,
#accueil_boutique {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 20px 20px 20px;
  font-size: 1.2em;
  color: #5b924f;
}
#aucune_selection a {
  text-decoration: none;
  color: inherit;
}