@charset "UTF-8";
/*
    Created on : 18 déc. 2024, 17:48:51
*/
/*
    Created on : 28 mars 2024, 14:50:58
*/
.centre {
  text-align: center;
}

.droite {
  text-align: right;
}

.gras {
  font-weight: bold;
}

.cache {
  display: none !important;
}

.pointeur {
  cursor: pointer;
}

.rotate9 {
  transform: rotate(90deg) !important;
}

.rotate18 {
  transform: rotate(1800deg);
}

.formgrid {
  display: grid;
  grid-template-columns: max-content auto;
  row-gap: 0.5rem;
  column-gap: 1rem;
}

.formflex {
  display: flex;
  justify-content: space-between;
}

.buttonlike, .destruction {
  background-color: #333366;
  background-image: linear-gradient(#7c7cf2 0%, #333366 30%, #333366 70%, #7c7cf2 100%);
  border: thin outset;
  border-radius: 6px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  padding: 2px 4px;
}

.suppr {
  background-color: Red;
  background-image: linear-gradient(pink, red);
  color: darkslategray;
  font-weight: bold;
  margin: 0px;
  padding: 2px;
}

.floatright {
  float: right;
}

body {
  background-color: #BABABA;
  margin: 2px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
}

a, .a_like {
  color: black;
  text-shadow: 2px 2px 3px #f5f5f5;
  text-decoration: none;
}
a:hover, .a_like:hover {
  color: #FFFFFF;
  text-shadow: 2px 2px 3px black;
}
a.chosen-single, a.chosen-single:hover, .a_like.chosen-single, .a_like.chosen-single:hover {
  font-size: initial;
  text-shadow: none;
}

.a_like {
  cursor: pointer;
}

.blocked {
  width: max-content;
  margin: auto;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

select {
  border: 1px solid #aaa;
  border-radius: 5px;
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  font: inherit;
}

hr.invisible {
  clear: both;
  visibility: hidden;
}

.clear {
  clear: both;
}

.but_valid {
  font-size: 1em;
  box-shadow: 0 0 10px #EEEEEE;
  cursor: pointer;
}

table.commande caption {
  font-weight: bold;
  line-height: 1.8rem;
}

tr.titrecommande {
  line-height: 1.8rem;
}

table.commande tr.even, table.tarifs tr.even {
  background-color: #EEEEEE;
}

table.commande tr.odd, table.tarifs tr.odd {
  background-color: #D3D3D3;
}

table.commande td, table.tarifs td {
  padding: 0.3rem;
}

.prix_tab {
  min-width: 5rem;
  text-align: right;
}

.suppr_tab {
  width: 24px;
  text-align: center;
}

/*N° de commande dans un caption */
span.numcom {
  font-weight: normal;
}

table.commande, table.tarifs {
  border-spacing: 0;
  margin: 2rem auto 1rem;
  table-layout: auto;
  width: auto;
  border-bottom: 1px solid #878787;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
table.commande caption, table.tarifs caption {
  font-weight: bold;
  line-height: 2.5rem;
  /* border-left: 1px solid black; */
  border-radius: 1em 1em 0 0;
  border-top: 1px solid #939393;
  /* border-right: 1px solid black; */
}
table.commande tfoot tr:last-child td:first-child, table.tarifs tfoot tr:last-child td:first-child {
  border-bottom-left-radius: 0.5em;
}
table.commande tfoot tr:last-child td:last-child, table.tarifs tfoot tr:last-child td:last-child {
  border-bottom-right-radius: 0.5em;
}

.suppress {
  height: 16px !important;
  width: 16px !important;
}

.autop {
  vertical-align: top;
  padding-top: 0.3rem;
}

/* Lien de retour de la page commande */
#dirretour {
  padding-top: 1rem;
}

a.retour {
  background-color: #808080;
  border-radius: 5px;
  color: #EEEEEE;
  font-size: 1.2em;
  font-weight: bold;
  margin-left: 12rem;
  padding: 3px;
  text-shadow: none;
}

a.retour:hover {
  color: #FFFFFF;
}

a.retour:active {
  color: #CC0000;
}

.choisie {
  box-shadow: 1px 1px 12px rgb(238, 169, 214);
  border-bottom: solid 2px rgb(238, 169, 214);
  margin-bottom: -2px;
}

#imageup {
  margin: auto;
  position: absolute;
  cursor: pointer;
  z-index: 10;
}

.pointeur {
  cursor: pointer;
}

fieldset.client textarea {
  height: 56px;
  width: 332px;
}
fieldset.client .intit::after {
  content: " : ";
}
fieldset.client .sub_div {
  display: block;
}
fieldset.client .logocarte {
  margin-left: 1em;
  display: inline-flex;
  column-gap: 0.75em;
}
fieldset.client .logocarte img {
  height: 18px;
}

.lab_right {
  margin-left: 0.2em;
}

#formcontact textarea {
  height: 320px;
  width: 706px;
}

/********** mep du 20130620 *********/
header {
  display: inline-block;
  width: 100%;
}
header nav {
  clear: both;
  margin: 0.2em 0;
  padding-top: 0.2em;
}

#adresseHaut {
  float: left;
}
#adresseHaut span {
  display: block;
}

#logoPrinc {
  float: right;
}

#menu {
  background-color: #EEEEEE;
  box-shadow: 0 0 10px #EEEEEE;
  display: flow-root;
  margin: 5px -5px;
  padding: 5px 5px 5px 0;
}
#menu li {
  display: inline;
  margin: 0;
  padding: 5px;
}
#menu li:hover {
  background: linear-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
}
#menu a {
  color: #333;
}
#menu a:hover {
  color: #000;
  text-shadow: 1px 1px 3px #f5f5f5;
}
#menu li.langues {
  float: right;
  padding: 0;
}
#menu li.langues:hover {
  background: none;
}
#menu li.langues a {
  margin-left: 20px;
}

.panier {
  display: inline-block;
}

.panier_actif {
  background-color: #EEA9D6;
  border-radius: 0.4rem 0.2rem 0.1rem 0.3rem;
  font-weight: bold;
  padding: 0.3rem;
  text-shadow: none;
}

#barrebas {
  background-color: #EEEEEE;
  border-radius: 0.4rem 0 0 0.4rem;
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 0.15rem;
  z-index: 5;
}

.selev {
  margin-top: 1em;
  padding-bottom: 1em;
}

.eval_comm {
  max-width: 40vw;
}

.sel_quant {
  margin-bottom: 1.2em;
}

/* Logo BlaBlaprod dans le bandeau haut */
.Blalog {
  font-size: 0.9em;
  font-weight: bold;
  color: #000000;
}

/* Adresse BlaBlaprod dans le bandeau haut */
.Blaad {
  font-size: 0.8em;
  color: #000000;
}

/* Adresse BlaBlaprod dans le bandeau bas
	font-weight: bold;*/
a.blaadb {
  font-size: 0.8em;
  clear: both;
}

/* Boîte du choix de la photo
	padding-top: 4px;*/
.choix, .avert {
  background-color: #EEEEEE;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 10px #EEEEEE;
  padding-left: 4px;
  padding-right: 4px;
}

.boite-droite {
  float: right;
  margin: 0 0 5px 5px;
  min-width: 25%;
}

/* Barre du tableau d'affichage des photos */
caption.barre_toph {
  padding-top: 4px;
  padding-bottom: 4px;
}

.bandeau_toph {
  text-align: center;
  vertical-align: middle;
}

hr.bandeau {
  clear: both;
  visibility: hidden;
}

div.adroite {
  text-align: center;
  margin-right: 15px;
}

a.bandeau_toph, a.actif {
  font-weight: bold;
}

a.bandeau_toph:active, a.actif:active {
  color: #d3d3d3;
}

a.bandeau_toph:hover, a.actif:hover {
  color: #000;
  text-shadow: none;
  text-decoration: underline;
}

.photos {
  clear: both;
  margin-top: 1rem;
  text-align: center;
}

/* Boîte de titre pour l'affichage des photos */
.barrenavig {
  background-color: #EEEEEE;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 10px #EEEEEE;
}

.navignav {
  display: flex;
  align-items: baseline;
  justify-content: space-around;
}

.navigform {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*overflow: auto;*/
}

.navigform select {
  max-width: 40rem;
}

.precedent, .suivant {
  vertical-align: middle;
  width: 33%;
}

.precedent {
  text-align: left;
  margin-left: 5px;
}

.suivant {
  text-align: right;
  margin-right: 5px;
}

.milieu {
  text-align: center;
}

.pagecourante {
  background-color: #808080;
  color: #EEEEEE;
}

/* Mise en page des fonctions de commande de photo */
.barre_commande {
  background-color: #808080;
  box-shadow: 0 0 10px #EEEEEE;
  display: inline-block;
  margin: 3px;
  text-align: center;
  vertical-align: middle;
}

a.commande {
  color: #000000;
  font-size: 0.9em;
  font-weight: bold;
  text-shadow: none;
}

a.commande:hover {
  color: #FFFFFF;
}

a.commande:active {
  color: #CC0000;
}

td.promo {
  text-align: center;
  font-size: 1.1em;
  font-weight: bolder;
  color: White;
}

div.explication, span.explication {
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
}

td.expliqrep {
  font-size: 0.9em;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

/* Pour l'affichage des messages d'erreur */
p.info, div.info {
  text-align: center;
  color: #333;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 1rem;
}

.surinfo {
  background-color: #CCC;
  border-radius: 5px;
  display: inline-block;
  color: black;
  font-style: normal;
  padding: 2px 6px;
}

h2.conditions, h3.conditions {
  color: whitesmoke;
  margin-bottom: 0.5em;
  margin-top: 1.3em;
  text-shadow: 3px 3px 5px #808080;
}

/*
.commande td, .commande th, .commande caption, .tarifs td, .tarifs th, .tarifs caption{
	box-shadow: 0 0 5px #EEEEEE;
}
*/
table.questio {
  background-color: #EEEEEE;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 10px #EEEEEE;
  margin: auto;
}

/* Titre de la boîte du choix de la photo */
.titre {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 0.5em;
}

#mot_passe {
  text-align: center;
}

/******************************************************************************************/
table.menu {
  background-color: #4682b4;
}

/* Liens d'affichage de la photo sur la page commande
	font-size: 0.85em; */
a.vphot {
  font-size: 0.9em;
  color: #000000;
}

a.vphot:hover {
  color: #CC0000;
}

a.vphot:active {
  color: #FFFFAA;
}

a.deconnect {
  font-size: 0.8em;
  color: #000000;
  font-style: italic;
}

a.deconnect:hover {
  color: #CC0000;
}

.blaadb {
  text-align: center;
}

.formtoph {
  background-color: #4682b4;
  padding-left: 4px;
  padding-top: 4px;
  text-align: center;
  font-size: 0.9em;
}

submit.tophpriv {
  font-size: 0.9em;
}

caption.formtoph {
  background-color: #4682b4;
  padding-left: 4px;
  padding-top: 4px;
  text-align: center;
  font-weight: bold;
}

caption.formtopherreur {
  background-color: #4682b4;
  padding-left: 4px;
  padding-top: 4px;
  color: #CC0000;
  text-align: center;
  font-weight: bold;
}

.barretoph {
  clear: none;
  text-align: right;
}

/* Pour l'affichage des accusés de réception de formulaire
	font-weight: bold;
	font-style: italic;*/
p.accuse {
  text-align: center;
  color: #000000;
}

/* Questionnaire */
fieldset.questio, fieldset.formulaire {
  width: max-content;
  background-color: #EEEEEE;
  border: 0;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 10px #EEEEEE;
  margin: auto;
}

fieldset.questio input, fieldset.questio textarea, fieldset.questio label {
  display: block;
}

fieldset.client {
  margin: 2em auto;
}

div.rang {
  display: table-row;
  line-height: 2.2rem;
}

div.rang img {
  vertical-align: middle;
}

.message-ar {
  margin: auto;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

span.intit, span.intitvide {
  display: table-cell;
  padding: 0.2rem;
  text-align: right;
  vertical-align: top;
}

span.champ {
  display: table-cell;
  padding: 0.3rem;
  text-align: left;
}

p.titreform {
  font-size: 1.2em;
  color: #000000;
  text-align: center;
}

p.centre, p.commentaire {
  text-align: center;
}

.commentaire {
  font-size: 1.1em;
  font-weight: bold;
}

/* Styles des conditions de vente */
h1.conditions {
  text-align: center;
  color: #FFFFFF;
}

span.rouge {
  color: #FF0000;
}

/* Element de choix de l'activité sur le formulaire d'inscription à un rep privé */
span.activ, span.activsel {
  margin-left: 2px;
  margin-right: 2px;
}

span.activsel {
  text-align: center;
  color: #204FBD;
  font-weight: bold;
  font-style: italic;
}

span.activ {
  text-align: center;
  background-color: #4682b4;
  padding: 0 2px 0 2px;
}

/* Element invisible lors d'un affichage écran, visible uniquement pour l'impression,
afin de retrouver le chemin des photos si le client ne valide pas sa commande */
span.imprim {
  display: none;
}

#acre {
  background-color: rgb(238, 169, 214);
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(238, 169, 214, 0.8);
  color: rgb(255, 255, 255);
  display: none;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  margin: -15px auto;
  position: fixed;
  text-align: center;
  transform: translate(50%);
  top: 10px;
  width: 50%;
  z-index: 100;
}

ol.dispo {
  line-height: 2;
}

.blobla {
  margin: 2.5rem 0;
}

#toutmonde {
  margin-top: 20px;
}

.faceb {
  clear: both;
  font-size: 0.8rem;
  text-align: right;
  margin: 1em 0;
}

.faceb img {
  vertical-align: bottom;
}

#datedispo {
  font-weight: bold;
  border-bottom: solid medium #EE0000;
}

.fondalerte {
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: flex;
}

#gestioncookie {
  position: fixed;
  background-color: #fff;
  text-align: center;
  bottom: 0;
  padding: 0.5em;
  margin-left: -5px;
  width: 100%;
}

#gestioncookie a {
  cursor: pointer;
  margin-left: 3em;
}

.gecook {
  background-color: #fff;
  width: 600px;
  padding: 1em;
  margin: auto;
}

/*# sourceMappingURL=styles.css.map */