/* Style pour centrer le contenu */
.container-header {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* Style pour le logo */
.logo {
    width: 220px;
    margin-right: 20px; /* Ajout de marge à droite pour l'espace */
}
/* Style pour le titre */
.title {
    font-size: 50px; /* Taille du titre */
    color: #0066CC; /* Couleur du texte du logo */
	margin-top:10px;
}

.logoTitre {
	color:#ffffff;
	margin:0;
    padding: 23px;
    border-radius: 50%; /* Vous pouvez ajuster la valeur pour modifier le niveau d'arrondi */
    background-color: #cc1c81; /* Couleur de fond */
    border: 1px solid #ccc; /* Bordure */
}

@media screen and (max-width: 1120px) {
    .title {
        font-size: 40px; /* Diminution de la taille du titre pour les écrans plus petits */
		margin-right: 15px;
    }
}
		
@media screen and (max-width: 890px) {
    .title {
        font-size: 28px; /* Diminution de la taille du titre pour les écrans plus petits */
		margin-right: 5px;
    }
	.logoTitre {
		margin:0;
	    padding: 5px;
	}
    .logo {
        width: 180px;
        margin-right: 10px; /* Ajout de marge à droite pour l'espace */
    }
}

@media screen and (max-width: 550px) {
    .title {
        font-size: 25px; /* Diminution de la taille du titre pour les écrans plus petits */
		margin-right: 5px;
    }
	.logoTitre {
		margin:0;
	    padding: 5px;
	}
    .logo {
        width: 170px;
        margin-right: 10px; /* Ajout de marge à droite pour l'espace */
    }
	h2 {font-size: 22px;}
}

@media screen and (max-width: 450px) {
    /* Styles spécifiques pour les appareils ayant une largeur d'écran de 375 pixels ou moins */
    .title {
        font-size: 20px; /* Diminution de la taille du titre pour les écrans plus petits */
		margin-right: 2px;
    }
	.logoTitre {
		margin:0;
	    padding: 0px;
		font-size: 18px;
	}
    .logo {
        width: 140px;
        margin-right: 10px; /* Ajout de marge à droite pour l'espace */
    }
}

/* Style de la barre en bas */
.bottom-nav-positive {
	padding:15px; 
	background-color:#1EB425;
	color: white; 
	opacity:0.95
}

.bottom-nav-negative {
	padding:15px; 
	background-color:#E48D8D;
	color: white; 
	opacity:0.95
}

.bottom-nav-neutre {
	padding:15px; 
	background-color:#767777;
	color: white; 
	opacity:0.95
}

.case-container {
    background-color: #e0e3ed; /* Jaune très léger pour le cartouche du cas clinique */
    margin-bottom: 15px;
    padding: 15px; /* Marge intérieure de 15px pour le cartouche du cas clinique */
    border-radius: 0 0 10px 10px; /* Coins arrondis seulement en bas */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Léger effet d'ombre */
}

.progress-bar {
    background-color: #ddd;
    height: 20px;
    width: 100%;
	border-radius: 10px 10px 0 0; /* Coins arrondis seulement en haut */
}

.progress {
    background-color: #4caf50;
    height: 100%;
	border-radius: 0;
}

.navfoot {
	padding:0;
}