body {
            font-family: Calibri, Arial, sans-serif; /* Utilise calibri comme police par défaut */
            font-size: 16px; /* Taille de police par défaut pour le corps du texte */
            justify-content: center; /* Centre horizontalement */
            align-items: center; /* Centre verticalement */
	}
			.bold-text {
				font-weight: bold;
			}
			.italic-text {
				font-style: italic;
			}

	/* Styles personnalisés pour la checkbox */
        .custom-checkbox {
        /*    display: inline-block;*/
            width: 14px;
            height: 14px;
            background-color: #ccc;
            border-radius: 4px;
            position: relative;
            cursor: pointer;
        }
		
        /* Styles pour les textarea */
		textarea {
            font-family: calibri, arial, sans-serif; /* Changez la police ici */
            font-size: 14px; /* Taille de la police */
            width: 325px; /* Largeur de la textarea */
            height: 15px; /* Hauteur de la textarea */
            padding: 2px; /* Espacement intérieur */
        }
        
		table {
           /*width: 50%;*/
           border-collapse: collapse;
            margin: 5px auto; /*Centrer le tableau sur la page */
        }
        th, td {
            /*border: 1px solid black;*/                                      			 /* ICI */
            padding: 0px;
			vertical-align: top;
            /*text-align: left;*/
			/*border-color: #00FF;*/
        }
        th {
            /*background-color: #EBF7FF;*/
        }
        .area {
            font-family: calibri;/*, sans-serif; /* Changez la police ici */
            font-size: 14px; /* Taille de la police */
            /*width: 325px; /*width: 325px; /* Largeur de la textarea */
            resize: none; /* Empêche le redimensionnement manuel */
            padding: 2px; /* Espacement intérieur */
			vertical-align: middle;
            height: 17px;
            overflow: hidden; /*masque barre de défilement*/
       }
        #fadr1 {
            font-family: calibri;/*, sans-serif; /* Changez la police ici */
            font-size: 14px; /* Taille de la police */
            width: 325px; /*width: 325px; /* Largeur de la textarea */
            min-height: 17px;
            max-height: 34px;
            overflow: hidden; /*masque barre de défilement*/
            resize: none; /* Empêche le redimensionnement manuel */
            padding: 2px; /* Espacement intérieur */
       }
 /* UTILE si besoin de se différencier de livraison*/
		#ladr1 {
            font-family: calibri;/*, sans-serif; /* Changez la police ici */
            font-size: 14px; /* Taille de la police */
            width: 325px; /*width: 325px; /* Largeur de la textarea */
            min-height: 17px;
            max-height: 34px;
            overflow: hidden; /*masque barre de défilement*/
            resize: none; /* Empêche le redimensionnement manuel */
            padding: 2px; /* Espacement intérieur */
        }
/* Taille de police */
		.fontsmall {
			font-size: 12px;
		}
		.fontmid {
			font-size: 14px;
		}
/* Couleur de police */
		.fontred {
			color: red;
		}		
		.strikethrough {
			text-decoration: line-through;
		}
/* Alignement du texte */
        .left-align {
            text-align: left;
        }
        .center-align {
            text-align: center;
        }
        .right-align {
            text-align: right;
        }
        img {
            max-width: 200px; /* Ajustez cette valeur selon vos besoins */
            height: auto;
        }
 		.image-reduite {
            width: 33%;
            height: auto; /* Maintient le ratio d'aspect */
        }       
		.no-margin-top {
            margin-top: 0; /* Supprimer uniquement la marge supérieure */
        }
        .no-margin-bottom {
            margin-bottom: 0; /* Supprimer uniquement la marge inférieure */
        }
		@media print {
            button {
                display: none; /* Cachez le bouton lors de l'impression */
			}
			alert-message {
				display: none;
            }
		}
		@media  (max-width: 600px) {
            body {
                background-color: lightblue; /* Cachez le bouton lors de l'impression */
            }
        }
		.invalid {
            background-color: red;
        }
		.valid {
            background-color: #EBF7FF;
        }
 /*       .input-large {
            width: 900px;
			/*height: 50px;*/
        /*}*/
        .custom-button {
            width: 400px; /* Largeur du bouton */
            height: 30px; /* Hauteur du bouton */
            background-color: #ECECEC; /* Couleur de fond */
            color: black; /* Couleur du texte */
			border: 1px solid black;      
			/*border: none; /* Pas de bordure */
            border-radius: 5px; /* Coins arrondis */
            font-size: 13px; /* Taille de la police */
            cursor: pointer; /* Curseur de la souris */
            padding: 5px 10px; /* Espacement interne */
            text-align: center; /* Alignement du texte */
        }

        .custom-button:hover {
            background-color: #D9D9D9; /* Couleur de fond au survol */
        }
        .custom-button:disabled {
            background-color: #ccc;
            cursor: not-allowed;
			color: #666;
        }
/* boutons */
		.container {
			display: flex;
			justify-content: space-around;
			align-items: center;
			width: 100%;
			background-color: #fff;
			padding: 0px;
			border: 0px solid #ccc;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		}

		.button {
			padding: 5px 10px;
			border: none;
			cursor: pointer;
			font-size: 16px;
			border-radius: 5px;
		}

		.button1 {
			background-color: #5F5F5F;
			color: white;
			flex: 1; /* 1 Croît pour occuper l'espace disponible */
		}

		.button2 {
			background-color: #969696;
			color: white;
			flex: 1; /* 2 Croît deux fois plus que .button1 */
		}

		.button3 {
			background-color: #5F5F5F;
			color: white;
			flex: 1; /* Croît pour occuper l'espace disponible */
		}
		.button-container {
			margin-top: 20px;
			position: relative;
		}
		.alert-message {
			display: none;
			position: absolute;
			top:128%;
			left: 50%;
			transform: translateX(-50%);
			padding: 10px;
			background-color: #0582FF; /*#FFB871; /*#CC6600;*/
			color: #FFF;
			border: 1px solid #f5c6cb;
			border-radius: 5px;
			margin-top: 10px;
			z-index: 100;
		}
		@font-face {
			font-family: 'Wingdings';
			src: local('Wingdings');
		}
        .input-coms {
            width: 96%;			
			height: 30px;
			vertical-align: top;
			line-height: normal;
			font-size: 14px; /* Taille de la police */
            padding: 15px; /*Espacement intérieur */
            resize: none; /* Permettre le redimensionnement vertical */
            overflow-y: auto; /* Activer le défilement vertical si nécessaire */
        }

		.input-nom {
			//vertical-align: top;
            width: 95%;			
			height: 21px;
			font-size: 14px; /* Taille de la police */
			padding: 2px; /*Espacement intérieur */
			padding-left: 15px;
			vertical-align: middle;
			/*display: none;*/
		}
        .auto-resize {
            /*width: 100%;*/
            min-height: 17px;
            /*max-height: 300px;*/
            overflow-y: hidden;
            resize: none; /* Empêche le redimensionnement manuel */
        }
        .two-lines { 
            /* Vous pouvez ajouter des styles spécifiques pour les textarea à 2 lignes, si nécessaire */
            min-height: 17px;
            max-height: 34px;*/
            overflow-y: hidden;
            resize: none; /* Empêche le redimensionnement manuel */
        }
        #Box1 {
            height: 21px; /* Change this value to set the desired height */
/*            font-size: 16px; /* Adjust font size if needed */
/*            padding: 5px;
            box-sizing: border-box; /* Ensure padding and border are included in the element's total width and height */
			width: 100%;
        }
		#countryInput {
            height: 18px; /* Change this value to set the desired height */
			width: 95%;
        }
		.hidden {
			display: none;
		}