/*<!-- ------------------------------------------------------------------------------------------------------------------------------ -->*/
/*<!-- ------------------------------------------------------------------------------------------------------------------------------ -->*/
/*<!-- ------------------------------------------------------------------------------------------------------------------------------ -->*/
/*<!-- ------------------------------------------PAGE CSS POUR L'AFFICHAGE DU SITE--------------------------------------------------- -->*/
/*<!-- ------------------------------------------------------------------------------------------------------------------------------ -->*/
/*<!-- ------------------------------------------------------------------------------------------------------------------------------ -->*/
/*<!-- ------------------------------------------------------------------------------------------------------------------------------ -->*/
/*<!-- ------------------------------------------------------------------------------------------------------------------------------ -->*/


  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
  }
    article, aside, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section {
      display: block;
  }
  /*body*/
  body {
    /*espacement entre les lignes*/
    line-height: 1;
  }

  /*class header de la page header.php*/
  .header {
    display: block;
    /*couleur de la police*/
    color:#fff;
    /*dimension de la barre*/
    padding: 10px 15px 20px 15px;
  }
  .footer {
    clear:both;
    width:100%;
    /*couleur de la police*/
    color:#fff;
    background-color: #f9b004;  
  }
  .footer #contenueFooter {
    display: inline-block;
    margin-left: 5%;
    /*decalage par rapport au haut de la page*/
    margin-top: 20px;
    /*largeur de la div par rapport à la page*/
    width: 90%;
    /*decalage par rapport au bas de la page*/
    margin-bottom: 30px;
  }
  /*titre billetterie*/
  h1 {
    /*taille du titre*/
    font-size: 40px;
    /*centrer le titre*/
    text-align: center;
    /*largeur du titre*/
    padding-top: 30px;
  }
  /*titre audessu de chaque tableau*/
  h3 {
    /*taile du titre*/
    font-size: 20px;
    /*espace par rapport à la marge du haut*/
    margin-top: 10px;
    /*espace par rapport à la marge du bas*/
    margin-bottom: 10px;
    /*couleur arrière du titre */
    background: #888;
    /*couleur de la police*/
    color:#fff;
    /*largeur du background-color*/
    padding: 5px;
    display: inline-block;
  }
  .contenue h3{
      text-align: center;
  }
/*Positionement des élément de la page recherche d'utilisateur accesible par l'administrateur*/
#formrecherche{
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}
  /*affichage de la cagnotte */
  .cagn {
    /*taile de la police*/
    font-size: 15px;
    /*style gras*/
    font-weight: bold;
  }
  /*class welcome dans la class header qui affiche le nom prenom cagnotte*/
  .header .welcome {
    /*disposition a droite de la page*/
    float: right;
    display: inline-block;
  }
  /*class welcome dans la class header qui affiche le nom prenom */
  .header .welcome .identite {
    display: inline-block;
  }
  /*class welcome dans la class header qui affiche le nom prenom */
  .header .welcome .identite b{
    /*appliquer le style gras au nom et prenom*/
    font-weight: bold !important;
  }
  /*class connect champs de connexion*/
  .header .connect{
    /*disposition a droite*/
    float: right;
    display: inline-block;
    /*reduction de l'espace entre les champs et la marge haut*/
    margin-top: -5px;
  }
  /*champ de connexion*/
  .id, .mdp {
    /*largeur des zones de texte*/
    width: 90px;
    /*hauteur des zones de texte*/
    height: 30px;
    /*taille de la police*/
    font-size: 14px;
  }
  /*foucs sur les zones de texte de connexion*/
  .id:focus, .mdp:focus{
  }

  .header .welcome form {
    display: inline-block;
    /*decalage du texte par rapport au bouton de déconnexion*/
    margin-left: 10px;
  }
  /*class logo*/
  .header .logo {
    display: inline-block;
    /*taille de la police */
    font-size: 20px;
    /*décallage par rapport à la bordure gauche de la page*/
    padding-left: 180px;
  }
  /*petit logo*/
  .header .logo .logo_petit {
    /*masquer le logo quand le site n'est pas pour format mobile*/
    display: none;
  }
  /*grand logo*/
  .header .logo .logo_grand {
    /*position en haut a gauche*/
    position: absolute;
    top: 0;
    left: 0;
  }
  .header .comite {
    font-weight: bold;
  }
  /*formulaire de connection*/
  .header form {
    /*position a droite*/
    float: right;
    display: inline-block;
  }
  /*date de permanance et info sur la cagnotte*/
  .date, .cagnotte {
    /*épaisseur de la bordure */
    border-width: 5px;
    /*style de la bordure*/
    border-style: double;
    /*couleur de la bordure*/
    border-color: #f0f0f2;
    /*couleur de la police*/
    color: #395870;
    display: inline-block;
    /*largeur de la div*/
    padding: 5px;
    /*taille de la police*/
    font-size: 15px;
    /*style gras pour la police*/
    font-weight: bold;
    /*decalage par rapport au haut de la page*/
    margin-top: 10px;
    /*décallage par rapport au gache de la page*/
    margin-left: 5px;
  }
  .date {
    max-width: 20%;
  }
  .cagnotte {
    float: right;
  }
  /*Taille de la zone de texte de l'annonce pour l'administrateur*/
  .date .champAnnonce{
    width: 100%;
    height: 8em;
  }
  /*class du tableau et titre de prestations*/
  .presta_centre {
    /*largeur de la div */
    width: 75%;
    /*centrage de la div */
    margin: auto;
    /*decalage par rapport au bas de page*/
    margin-bottom: 100px;
  }
  /*tableau des prestation */
  .presta_centre .list_products {
    /*taille du tableau qui prend la div entiere*/
    width: 100%;

  }
  /*ligne des entetes du tableau de prestations*/
  .presta_centre .list_products thead tr{
    /*largeur des celulles*/
    padding: 20px;
    /*taille de la police*/
    font-size: 13px;
  }
  /*ligne des données du tableau */
  .presta_centre .list_products tbody td{
    /*largeur des cellules*/
    padding: 10px;
    /*taille de la police*/
    font-size: 15px;
  }
  /*tableau des champs de connexion*/
  .connect table {
    /*affiche aucune bordure du tableau*/
    border: none;
  }

  .container .detail_com {
    margin-left: 13%;
    margin-right: 10%;
  }
  /*class détail du passage de commande*/
  .container .detail_com p {
  display: inline-block;
    /*centrer le block */
    margin: auto;
    /*decalage par rapport au haut de la page*/
    margin-top: 20px;
    /*largeur de la div par rapport à la page*/
    width: 85%;
    /*style de la police*/
    font-weight: bold;
    /*taile de la police*/
    font-size: 25px;
    /*decalage par rapport au bas de la page*/
    margin-bottom: 30px;
  }
  /*Bouton imprimée*/
  .container .detail_com .imprim{
    float: right;
    margin-right: 100px;
  }
  /*Bouton envoyer votre demande*/
  .container .detail_com .mailto{
    float: right;
    margin-right: 100px;
  }
  .container .detail_com #copy-button{
    float: right;
    margin-right: 100px;
  }
  /*Zone de texte pour copier le panier*/
  .container .detail_com .copiePanier{
    float: left;
    margin-right: 100px;
    width: 100%;
    height: 220px;
  }
  span.mail{
    font-weight: bold;
  }

  /*reste de la cagnotte sur la page commande.php*/
  .container .rest_cagn_com {
    /*taile de la police*/
    font-size: 25px;
    /*style de la police*/
    font-weight: bold;
    /*couleur de la police*/
    color: #395870;
    /*alignement de la police*/
    text-align: center;
    /*decalage par rapport au bas de la page*/
    margin-bottom: 30px;
  }
  /*div panier et prestation*/
  .panier, .presta {
    /*les div prennent 75% de la page*/
    width: 75%;
    /*les div sont centré*/
    margin: auto;
  }
  /*tableau de prestation et le panier*/
  .list_products, .list_panier{
    /*tableaux centrer dans leur div*/
    margin: auto;
    /*tableaux prend 100% de la div*/
    width: 100%;
  }
  /*style applique a tout les boutons et liens*/
  .button {
    /*couleur de la police*/
    color: #FFF;
    /*couleur d'arriere plan*/
    background-color: #026173;
    /*taille de la police*/
    font-size: 15px;
    /*arrondi des boutons*/
    border-radius: 2px;
    /*transform le pointeur de la souris en main cliquable */
    cursor: pointer;
    /*supprime les bordures des boutons type <button>*/
    border: none;
    /*largeur du bouton*/
    padding: 6px 15px;
    /*aucune couleur ni soulignement*/
    text-decoration: none;
  }
  .button:hover {
    /*couleur d'arriere plan*/
    background-color: #32C5D2;
  }
  /*bouton de retour à la page commande*/
  .button.retour {
    float: right;
    /*couleur d'arriere plan*/
    background-color: #026173;
  }
  /*bouton de retour à la page commande*/
  .button.retour:hover {
    /*couleur d'arriere plan change*/
    background-color: #32C5D2;
  }
  /*bouton ajout au panier*/
  .button.ajout {
    /*couleur d'arriere plan*/
    background-color: #026173;
  }
  /*bouton ajout au panier au survol*/
  .button.ajout:hover {
    /*couleur d'arriere plan change*/
    background-color: #32C5D2;
  }
  /*bouton valide la quantité changer dans le panier*/
  .button.qte {
    /*couleur d'arriere plan*/
    background-color: #026173;
    /*largeur du bouton*/
    padding: 1px;
    /*décalage gauche*/
    margin-left: 5px;
  }
  /*bouton valide la quantité changer dans le paneir au survol*/
  .button.qte:hover {
    /*couleur d'arriere plan*/
    background-color: #32C5D2;
  }
  /*bouton supprimer prestation du panier*/
  .button.supp {
    /*couleur d'arrière plan*/
    background-color: #9A031E;
    /*largeur du bouton*/
    padding: 4px 8px;
    /*décalage par rapport au haut*/
    margin-top: 3px;
    /*taille de la police*/
    font-size: 13px;
  }
  /*bouton supprimer prestation du panier au survol*/
  .button.supp:hover {
    /*couleur d'arriere plan*/
    background-color: #CC142B;
  }
  /*zone de texte por changer la quantité*/
   {
    /*decallage par rapport au haut*/
    width:50;
  }
  .champqte{
        width: 50px;
    }
  /*bouton de connexion*/
  .button.conn {
    /*couleur de l'arrière plan*/
    background-color: #026173;

  }
  /*bouton de connexion au survol*/
  .button.conn:hover {
    /*couleur de l'arrière plan*/
    background-color: #32C5D2;
  }
  /*bouton de déconnexion*/
  .button.deco {
    /*couleur d'arriere plan*/
    background-color: #9A031E;

  }
  /*bouton déconnexion au survol*/
  .button.deco:hover {
    /*couleur d'arrière plan*/
    background-color: #CC142B;
  }
  /*bouton importer*/
  .button.import{
    background-color: #026173;
    margin-top: 5px;
  }
  /*bouton importer au survol*/
  .button.import:hover{
    background-color: #32C5D2;
  }
  /*bouton vider le panier*/
  .button.videPan {
    /*alignement a droite*/
    float: right;
    /*couleur d'arriere plan*/
    background-color: #9A031E;
    margin-top: 2%;
    display: inline-block;
  }
  /*bouton vider le panier au survol*/
  .button.videPan:hover {
    /*couleur d'arriere plan*/
    background-color: #CC142B;
  }
  /*bouton valider le panier*/
  .button.validePan {
    /*alignement à droite*/
    float: right;
    /*décalage par rapport au haut*/
    margin-top: 5px;
    margin-bottom: 5%
  }
  /*bouton poursuivre pour confirmer*/
  .button.confirm_com {
    /*decalage par rapport au haut*/
    margin-top: 5px;
    /*alignement a droite*/
    float: right;
    display: inline-block;
  }
  /*bouton confirmer commande*/
  .button.mailto {
    /*decalage par raport au haut*/
    margin-top: 5px;
    /*alignement a droite*/
    float: right;
    /*largeur du bouton*/
    padding: 10px 15px;
  }
  /*bouton imprimer commande*/
  .button.imprim {
    /*decalage par rapport au haut*/
    margin-top: 5;
    /*largeur du bouton*/
    padding: 10px 15px;
  }
  /*bouton imprimer votre commande au survol*/
  .button.imprim:hover {
    /*couleur d'arriere plan*/
    background-color: #32C5D2;
  }
  /*Bouton permettant de copier le contenue de la zone de texte de
  la page commande résumant de contenue du panier*/
  .button#copy-button{
    /*decalage par rapport au haut*/
    margin-top: 5px;
    /*alignement a droite*/
    float: right;
    /*largeur du bouton*/
    padding: 10px 15px;
  }
/*Bouton admin pour accéder à la page de recherche des employes*/
.button.recherche{
  display: inline-block;
  font-weight:normal;
  margin-left: 4%;
}
  /*div commande dans recap_commande.php*/
  .commande {
    /*centrer*/
    margin: auto;
    /*largeur par rapport a la page*/
    width: 70%
  }
  /*tableau recap_commande.php*/
  .list_comm {
    /*largeur du tableau 100%*/
    width: 100%;
  }
  /*reste de la cagnotte sous le panier */
  .rest_cagn {
    /*taille de la police*/
    font-size: 15px;
    /*style gras au texte*/
    font-weight: bold;
    /*coulezur de la police*/
    color: #395870;
    /*alignement a gauche*/
    float: left;
  }
  /*div panier*/
  .panier {
    /*decalage par rapport aux prestations (mis à 0 lors de l'ajout de champ_adresse)*/
    margin-bottom: 5%;
  }
  .champ_adresse{
     /*decalage par rapport aux prestations*/
    margin-bottom: 5%;
    /*style de la police*/
    font-weight: bold;
    /*couleur de la police*/
    color: #395870;
    /*decalage par rapport au bas de la page*/
    margin-bottom: 30px;
    /*taille de la police*/
    font-size: 15px;
  }
  .affiche_adresse{
    margin-bottom: 5%;
    /*style de la police*/
    font-weight: bold;
    /*couleur de la police*/
    color: #395870;
    /*decalage par rapport au bas de la page*/
    margin-bottom: 30px;
    /*taille de la police*/
    font-size: 15px;
  }
  .erreur_adresse{
    /*decalage par rapport aux prestations*/
    margin-bottom: 5%;
    /*style de la police*/
    font-weight: bold;
    /*couleur de la police*/
    color: #9A031E;
    /*decalage par rapport au bas de la page*/
    margin-bottom: 30px;
    /*taille de la police*/
    font-size: 15px;
  }
  /*pour les tableaux*/
  table {
    /*centrer le texte*/
    text-align: center;
    /*couleur de la police pour les élément du tableau*/
    color: #4a4a4d;
    /*taille de la police*/
    font-size: 13px;
  }
  /*entete tu tableau */
  thead {
    /*couleur d'arriere plan dégrader*/
    background-color:#285f71;
    /*couleur de la police*/
    color: #fff;
    /*taille de la police*/
    font-size: 11px;
    /*transformation des entetes en lettre majuscule*/
    text-transform: uppercase;
  }
  /*les cellules de l'entete*/
  thead th {
    /*largeur de la cellule*/
    padding: 12px;
    /*centrer le texte*/
    text-align: center;
  }
  /*corps du tableau*/
  tbody td {
    /*largeur des cellules*/
    padding: 5px;
    /*alignement vertical*/
    vertical-align: middle;
  }
  /*ligne des tableaux du contenu au survol*/
  .container tbody tr:hover {
    /*couleur d'arrire plan */
    background-color: #f0f0f4;
  }
  /*cellule des tableaux*/
  .container td {
    /*bordure bas*/
    border-bottom: 1px solid #cecfd5;
    /*bordure droite*/
    border-right: 1px solid #cecfd5;
    /*bordure gauche*/
    border-left: 1px solid #cecfd5;
  }
  /*entete du tableau de commande.php*/
  .list_comm thead th {
    /*largeur des cellules*/
    padding: 17px;
    /*taille de police*/
    font-size: 15px;
  }
  /*footer du tableau*/
  tfoot {
    /*alignement du texte a drote*/
    text-align: right;
  }
  /*derniere ligne du footer du tableau*/
  tfoot tr:last-child {
    /*couelur d'arriere plan*/
    background: #f0f0f2;
    /*couleur de la police*/
    color: #395870;
    /*style gras de la police*/
    font-weight: bold;
  }
  /*cellule du footer*/
  .panier tfoot td {
    /*largeur des cellules*/
    padding: 10px;
  }
  /*coprs du tableau de commande*/
  .commande table tbody {
    /*taille de la police*/
    font-size: 15px;
  }
  /*cellule du tableau de commande*/
  .commande table td {
    /*largeur des cellules*/
    padding: 10px;
  }
  /*lien pour afficher/masquer le panier sur tablette et mobilz*/
  .masquer, .afficher {
    /*ne pas afficher le lien*/
    display: none;
  }

  /*----------------------------------------------------------------------------------------------------------------*/
  /*----------------------------------------------------------------------------------------------------------------*/
  /*------------------------si la taille de l'ecran est inferieur a 780px (responsive)------------------------------*/
  /*----------------------------------------------------------------------------------------------------------------*/
  /*----------------------------------------------------------------------------------------------------------------*/


  @media screen and (max-width: 740px) {
    /*balise body*/
    body {
      /*taille de la police*/
      font-size: 15px;
    }
    /*largeur de la class header*/
    .header {
      padding: 25px;
    }
    /*formulaire de connxion*/
    .header .connect {
      /*decalage par rapport au haut*/
      margin-top: -20px;
      /*decalage par rapport a droite*/
      margin-right: -20px;
    }
    /*affichage de son nom prenom et cagnotte lors de la connexion*/
    .header .welcome {
      /*decalage par rapport au haut*/
      margin-top: -15px;
    }
    /*le logo pour les grands ecrans*/
    .header .logo .logo_grand{
      /*cache le logo*/
      display: none;
    }
    /*le logo pour les petits ecrans*/
    .header .logo .logo_petit {
      display: block;
      position: absolute;
      /*alignement en haut*/
      top: 0;
      /*alignement a gauche*/
      left: 0;
      display: inline-block;
    }
    /*titre du comite*/
    .header .comite {
      position: absolute;
      /*alignement en haut*/
      top: 10px;
      /*decalage a gauche*/
      left: 0;
      margin-left: 60px;

      display: inline-block;
    }
    /*date de permanance et info sur la cagnotte*/
    .date, .cagnotte {
      /*taille de la police*/
      font-size: 14px;
    }
    /*bouton*/
    .button {
      /*forme arrondi*/
      border-radius: 60px;
    }
    /*tableau*/
    table {
      /*bordure du tableau*/
      border: 0px;
    }
    /*entete du tableau*/
    table thead {
      /*cacher les entetes*/
      display: none;
    }
    /*ligne des tableaux*/
    table tr {
      /*decalage par rapport au base*/
      margin-bottom: 10px;
      display: block;
      /*bordure du bas*/
      border-bottom: 2px solid #ccc;
    }
    /*cellule des tableaux*/
    table td {
      display: block;
      /*aligenement du texte*/
      text-align: right;
      /*largeur de la cellule*/
      padding: 5px;
      /*bordure du bas*/
      border-bottom: 1px solid #ddd;
      /*transforme le texte en majuscule*/
      text-transform: uppercase;
    }
    /*premiere cellule de chaque tableau*/
    .container table td:first-child{
      /*couleur d'arriere plan*/
      background-color: #D1D9F9;
      /*style de polie gras*/
      font-weight: bold;
    }
    /*devant chaque cellule*/
    table td:before {
      /*afficher les attributs des entetes*/
      content: attr(data-label);
      /*alignement des entetes*/
      float: left;
      /*style de la police en gras*/
      font-weight: bold;
      /*taille de la police*/
      font-size: 12px;
    }
    /*cacher le non de l'entete de l'entete a coter du bouton supprimer*/
    .container .panier td:last-child:before {
      /*cacher*/
      display: none;
    }


    /*----------------------------------------------------------------------------------------------------------------*/
    /*----------------------------------------------------------------------------------------------------------------*/
    /*--------------  LIEN PERMETTANT DE CACHER ET D'AFFICHER LE PANIER POUR LES TABLETTES ET MOBILES ----------------*/
    /*----------------------------------------------------------------------------------------------------------------*/
    /*----------------------------------------------------------------------------------------------------------------*/

    /*div masquer afficher*/
    .masquer, .afficher {
      display: inline-block;
      /*taille de la police*/
      font-size: 15px;
      /*décalage haut*/
      margin-top: 20px;
      /*decalage du bas*/
      margin-bottom: 10px;
      /*decalage de gauche*/
      margin-left: 10px;
    }
    /*le bouton/lien pour afficher et masquer*/
    .button.aff, .button.masq {
      /*pas de soulignement */
      text-decoration: none;
      /*couelur de la police*/
      color: #FFF;
      /*couleur d'arriere plan*/
      background-color: #00626f;
      /*largeur du bouton*/
      padding: 5px;
    }
    /*bouton afficher et masquer panier au survol*/
    .button.aff:hover, .button.masq:hover{
      /*couleur d'arriere plan*/
      background-color: #42bfa0;
    }
    /*le panier reste toujours */
    .panier {
      display:none;
    }
    /*le bouton afficher permet d'afficher le panier cacher au dessus */
    #afficher:target .panier {
      display:block
    }
    /*le bouton masquer reste cacher*/
    .masquer {
      display:none;
    }
    /*le bouton afficher est remplacer par le bouton masquer*/
    #afficher:target .masquer {
      display:inline;
    }
    /*le bouton afficher est cacher*/
    #afficher:target .afficher {
      display:none;
    }

    /*----------------------------------------------------------------------------------------------------------------*/
    /*----------------------------------------------------------------------------------------------------------------*/
    /*------------------------si la taille de l'ecran est inferieur a 880px (responsive)------------------------------*/
    /*----------------------------------------------------------------------------------------------------------------*/
    /*----------------------------------------------------------------------------------------------------------------*/

  }
  @media screen and (max-width: 580px) {
    /*affichage du non prenom .. */
    .header .welcome {
      /*taille de la police*/
      font-size: 12px;
    }
    /*suppression du mot "Bienvenue" devant le nom et prenom*/
    .header .bienv {
      display: none;
    }
    /*bouton imprimer*/
    .button.imprim {
      /*alignement a droite*/
      float: right;
    }
  }

      /*----------------------------------------------------------------------------------------------------------------*/
      /*----------------------------------------------------------------------------------------------------------------*/
      /*------------------------si la taille de l'ecran est inferieur a 500px (responsive)------------------------------*/
      /*----------------------------------------------------------------------------------------------------------------*/
      /*----------------------------------------------------------------------------------------------------------------*/

  @media screen and (max-width: 500px) {

    body {
      /*taille de la police*/
      font-size: 10px;
    }
    /*champ de connexion*/
    .header .connect {
      /*décalage par rapport au haut*/
      margin-top: 20px;
      /*décalage par rapport a droite*/
      margin-right: -20;
    }
    /*zone de texte de connexion*/
    .id, .mdp {
      /*largeur des zones*/
      width: 85px;
    }
    /*zone de texte de connexion au clic*/
    .id:focus, .mdp:focus{
      /*largeur des zones de" texte*/
      min-width: 100px;
    }
    /*zone de bienvenue*/
    .header .welcome {
      /*décalage par rapport au haut*/
      margin-top: -2px;
      /*décalage par rapport a droite*/
      margin-right: -20px;
    }
    /*logo de la clinique*/
    .header .logo .comite {
      /*position haut*/
      top: 0;
      /*positon gauche*/
      left: 0;
    }
    /*titre*/
    h1 {
      /*texte centrer*/
      text-align: center;
      /*taille de la police*/
      font-size: 35px;
    }
    /*date de permanence et etat de la cagnotte*/
    .date, .cagnotte {
      /*suppression du texte gras*/
      font-weight: inherit;
      /*taille de la police*/
      font-size: 15px;
    }
    /*cellules de tableau*/
    table td {
      /*taile de la police*/
      font-size: 10px;
    }
    /*zone de choix de quantite dans le panier et dans les prestations*/
    .changeqte {
      /*suppression du décalage par rapport au haut*/
    margin-top: inherit;
    }
    /*panier*/
    .panier {
      /*décalage entre le panier et les prestations*/
      margin-bottom: 10%;
    }
    /*bouton ajout au panier*/
    .button.ajout {
      /*largeur du bouton*/
      padding: 5px 8px;
    }
    /*bouton supprimer prestation du panier*/
    .button.supp {
      /*largeur du bouton*/
      padding: 3px 6px;
      /*suppression du décalage*/
      margin-top: inherit;
      /*taille de la police*/
      font-size: 10px;
    }
    /*bouton de connexion et deconnexion*/
    .button.conn, .button.deco{
      /*largeur du bouton*/
      padding: 3px 8px;
      /*taille de la police*/
      font-size: 10px;
    }
    /*bouton vider panier, valider panier, annuler commande, imprimer, confirmer commande*/
    .button.videPan, .button.validePan, .button.annulcom, .button.imprim, .button.mailto {
      /*largeur du bouton*/
      padding: 5px 10px;
      /*taille de la police*/
      font-size: 13px;
    }
    /*bouton vider le panier*/
    .button.videpan {
      /*decalage par rapport au haut*/
      margin-top: 10%;
    }
    /*restant de la cagnotte*/
    .rest_cagn {
      /*taille de la police*/
      font-size: 13px;
      display: block;
    }
    /*detail de commande*/
    .container .detail_com {
      /*taille de la police*/
      font-size: 15px;
      /*largeur de la page*/
      width: 75%
    }
    /*reste cagnotte commande.php*/
    .container .rest_cagn_com {
      /*taille de la police*/
      font-size: 15px;
    }
  }