/******************************************************************************/
/*** File    : CaveAVins.css                                                ***/
/*** Author  : Vincent JOORIS                                               ***/
/*** Version : 1.0                                                          ***/
/*** History : Dec 2025 : Initial release                                   ***/
/*** Note    : fichier styles pour projet "Cave à vins"                     ***/
/*** To do   :                                                              ***/
/******************************************************************************/

/* pour tous */
	h1 {
		color: black;
		background-color: white; /* Couleur de fond */
	}
	h2 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	h3 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.visible {
		visibility: visible;
	}
	.invisible {
		visibility: hidden;
	}
	.input-absolu {
		position: absolute;
		left: var(--input-absolu); /*positionnement horizontal */
	}
	.input-absolu150 {
		position: absolute;
		left: 120px; /*positionnement horizontal */
	}
	.input-relatif10 {
		position: relative;
		left: 10px; /*positionnement horizontal */
	}
	.listeTableauCenter {
		text-align: center;
	}

/* pour menu.php */
	.boutonMenu {
		background-color: brown; /* Couleur de fond */
		border: none;
		color: white;
		padding: 15px 32px; /* Espace intérieur */
		text-align: center;
		text-decoration: none; /* Supprime le soulignement du lien */
		display: inline-block;
		font-size: 20px; /* was 16 */
		margin: 4px 2px;
		cursor: pointer; /* Indique que c'est cliquable */
		border-radius: 8px; /* Bords arrondis */
	}

/* pour items du menu */
	Instructions {
		font-size: 12px; /* was 9 */
		background-color: white; /* Couleur de fond */
	}
	Existants {
		font-weight: bold;
		background-color: white; /* Couleur de fond */
	}
	Nouveau {
		font-weight: bold;
		background-color: white; /* Couleur de fond */
	}

/* boutons d'actions */
	.Cancel {
		background-color: red; /* Couleur de fond */
		border: none;
		color: white;
		margin-top: 5px;
		padding: 15px 15px; /* Espace intérieur */
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		border-radius: 8px; /* Bords arrondis */
	}
	.Action {
		background-color: green; /* Couleur de fond */
		border: none;
		color: white;
		margin-top: 5px;
		padding: 15px 15px; /* Espace intérieur */
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		border-radius: 8px; /* Bords arrondis */
	}
	.smallRed {
		background-color: red; /* Couleur de fond */
		border: none;
		color: white;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 2px 2px 2px 2px; /* Espace intérieur */
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		border-radius: 8px; /* Bords arrondis */
	}
/* MD_classements */
	.class_add_nom {
		position: absolute;
		left: 130px; /*positionnement horizontal */
	}
	.class_add_ordreL {
		position: absolute;
		left: 300px; /*positionnement horizontal */
	}
	.class_add_ordreI {
		position: absolute;
		left: 350px; /*positionnement horizontal */
		width: 50px;
	}
	.class_mod_ordreI {
		width: 50px;
	}
/* sélection */
	.selPays {
		display: inline-block;
		position: relative;
		margin-top: -67px;
		margin-left: 120px;
		width: 200px;
	}
	.selRegion {
		display: inline-block;
		position: relative;
		margin-top: -45px;
		margin-left: 120px;
		width: 200px;
	}
	.selAppellation {
		display: inline-block;
		position: relative;
		margin-top: -23px;
		margin-left: 120px;
		width: 200px;
	}
	.selCru {
		display: inline-block;
		position: relative;
		margin-top: -25px;
		margin-left: 150px;
		width: 200px;
	}
	.selTypeVin {
		display: inline-block;
		position: relative;
		margin-top: -25px;
		margin-left: 150px;
		width: 200px;
	}
	.selFormatBouteilleComp {
		display: inline-block;
		position: relative;
		margin-top: -39px;
		margin-left: 150px;
		width: 43px;
	}
	.selFormatBouteille {
		display: inline-block;
		position: relative;
		margin-top: -39px;
		margin-left: 0px;
		width: 153px;
	}
	.selMillComp {
		display: inline-block;
		position: relative;
		margin-top: -25px;
		margin-left: 150px;
		width: 140px;
	}
	.selMill1 {
		display: inline-block;
		position: relative;
		margin-top: -25px;
		margin-left: 293px;
		width: 60px;
	}
	.selMillEt {
		display: inline-block;
		position: relative;
		margin-top: -39px;
		margin-left: 360px;
	}
	.selMill2 {
		display: inline-block;
		position: relative;
		margin-top: -39px;
		margin-left: 5px;
		width: 60px;
	}
	.selMvtComp {
		display: inline-block;
		position: relative;
		margin-top: 0px;
		margin-left: 0px;
		width: 140px;
	}
	.selMvt1 {
		display: inline-block;
		position: relative;
		margin-top: -27px;
		margin-left: 145px;
		width: 120px;
	}
	.selMvtEt {
		display: inline-block;
		position: relative;
		margin-top: -40px;
		margin-left: 270px;
	}
	.selMvt2 {
		display: inline-block;
		position: relative;
		margin-top: -42px;
		margin-left: 3px;
		width: 120px;
	}
	.selVendeur	 {
		display: inline-block;
		position: relative;
		margin-top: -25px;
		margin-left: 150px;
		width: 200px;
	}

/* liste des vins */
	.listeTableauRed {
		background-color: red;
		text-align: center;
		color: white;
	}
	.listeTableauGreen {
		background-color: green;
		text-align: center;
		color: white;
	}
	.listeTableauBrown {
		background-color: brown;
		text-align: center;
		color: white;
	}
	.listeTableauBlue {
		background-color: blue;
		text-align: center;
		color: white;
	}
	.listeTableauBlack {
		background-color: black;
		text-align: center;
		color: white;
	}
	.listeImage {
		max-width: 30px;
		height:auto;
	}
/* fiche vin */
	.ficheLabel {
		font-weight: bold;
		background-color: brown;
		color: white;
		text-align: right;
		display: inline-block;
		margin-left: 3px;
		width: 140px;
	}
	.ficheLabel2 {
		font-weight: bold;
		background-color: brown;
		color: white;
		text-align: right;
		display: inline-block;
		margin-left: 33px;
		width: 100px;
	}
	.ficheInput2 {
		margin-left: 33px;
	}
	.ficheLabelId {
		margin-left: 3px;
	}
	.ficheLabelValeur {
		margin-left: 3px;
	}
	.ficheLabelNonMillesime {
		font-weight: bold;
		background-color: brown;
		color: white;
		text-align: right;
		display: inline-block;
		margin-left: 10px;
		width: 100px;
	}
	.ficheDegustL {
		display: inline-block;
		font-weight: bold;
		background-color: brown;
		color: white;
		margin-left: 150px;
		margin-bottom: 5px;
		width: 180px;
	}
	.ficheLabelUntil {
		font-weight: bold;
		background-color: brown;
		color: white;
		text-align: right;
		display: inline-block;
		margin-left: 5px;
		width: 70px;
	}
	.ficheColL {
		display: inline-block;
		margin-left: 10px;
		width: 15px;
	}
	.ficheColC {
		display: inline-block;
		margin-left: 5px;
	}
	.ficheLabelHAnnee {
		font-weight: bold;
		background-color: brown;
		color: white;
		text-align: right;
		display: inline-block;
		margin-left: 100px;
		width: 60px;
	}
	.ficheLabelHEtoiles {
		font-weight: bold;
		background-color: brown;
		color: white;
		text-align: right;
		display: inline-block;
		margin-left: 100px;
		width: 60px;
	}
	.ficheLabelHCoeur {
		font-weight: bold;
		background-color: brown;
		color: white;
		text-align: right;
		display: inline-block;
		margin-left: 5px;
		width: 110px;
	}
	.ficheLabelMAnnee {
		font-weight: bold;
		background-color: brown;
		color: white;
		text-align: right;
		display: inline-block;
		margin-left: 70px;
		width: 90px;
	}
	.ficheLabelMCouleur {
		font-weight: bold;
		background-color: brown;
		color: white;
		text-align: right;
		display: inline-block;
		margin-left: 5px;
		width: 70px;
	}
	.ficheLabelMDescr {
		font-weight: bold;
		background-color: brown;
		color: white;
		text-align: right;
		display: inline-block;
		margin-left: 70px;
		width: 90px;
	}
	.ficheLabelValeurEnStock {
		font-weight: bold;
		background-color: brown;
		color: white;
		text-align: right;
		display: inline-block;
		margin-left: 5px;
		width: 120px;
	}
	.ficheInput {
		margin-left: 3px;
	}
	.ficheInputW200 {
		margin-left: 3px;
		width: 200px;
	}
	.ficheInputAnnee {
		margin-left: 3px;
		width: 40px;
	}
	.ficheInputAnneeInvisible {
		margin-left: 3px;
		width: 60px;
		visibility: hidden;
	}
	.ficheInputPrixUnitaire {
		margin-left: 3px;
		width: 60px;
	}
/* mouvements */
	.mvtTableauRed {
		background-color: red;
		color: white;
	}
	.mvtTableauGreen {
		background-color: green;
		color: white;
	}
	.mvtLabel {
		font-weight: bold;
		background-color: brown;
		color: white;
		text-align: right;
		display: inline-block;
		margin-left: 3px;
		width: 140px;
	}
	@keyframes clignotant {
	  0% { opacity: 1; }
	  50% { opacity: 0; }
	  100% { opacity: 1; }
	}
	.mvtClignotant {
		color: red;
		animation: clignotant 3s linear infinite;
		/* Optionnel : ajuste la vitesse (1s) */
	}
	.mvtInput {
		margin-left: 3px;
		width: 110px;
	}
	.mvtInputPU {
		margin-left: 3px;
		width: 60px;
	}