/********************************************************************/
/*																	*/
/*	Réinitialisation des styles des navigateurs						*/
/*																	*/
/********************************************************************/

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/********************************************************************/
/*																	*/
/*	Chargement de la police de caractère							*/
/*																	*/
/********************************************************************/

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face
	{
	font-weight: normal;
	font-style: normal;
	font-family: "codropsicons";
	src: url("../polices/codropsicons/codropsicons.eot");
	src: url("../polices/codropsicons/codropsicons.eot?#iefix") format("embedded-opentype"), url("../polices/codropsicons/codropsicons.woff") format("woff"),
		url("../polices/codropsicons/codropsicons.ttf") format("truetype"), url("../polices/codropsicons/codropsicons.svg#codropsicons") format("svg");
	}

body
	{
	color: #000;
	font-weight: 300;
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	}

a
	{
	text-decoration: none;
	color: #ffffff;
	outline: none;
	}

a:hover,
a:focus
	{
	color: #ffffff;
	outline: none;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des boutons de validation							*/
/*																	*/
/********************************************************************/

.bouton_vert_200x50
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 200px; /* largeur du bouton */
	line-height: 50px; /* hauteur du bouton */
	color: #ffffff; /* couleur du texte blanche */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 16px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #5bdd45; /* couleur de fond vert clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 3px; /* rayon des blocs */
	border-radius: 3px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_vert_200x50:hover
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	cursor: pointer;
	}

.bouton_vert_170x50
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 170px; /* largeur du bouton */
	line-height: 50px; /* hauteur du bouton */
	color: #ffffff; /* couleur du texte blanche */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 16px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #5bdd45; /* couleur de fond vert clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 3px; /* rayon des blocs */
	border-radius: 3px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_vert_170x50:hover
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	cursor: pointer;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des boutons de validation							*/
/*																	*/
/********************************************************************/

.bouton_gris_250x50
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 200px; /* largeur du bouton */
	line-height: 50px; /* hauteur du bouton */
	color: #ffffff; /* couleur du texte blanche */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 16px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #828585; /* couleur de fond vert clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 3px; /* rayon des blocs */
	border-radius: 3px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_gris_250x50:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	cursor: pointer;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des boutons de la page matériaux prothèse 		*/
/*																	*/
/********************************************************************/

.bouton_gris_148x30
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 148px; /* largeur du bouton */
	line-height: 30px; /* hauteur du bouton */
	color: #828585; /* couleur du texte grise */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 20px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #edeeee; /* couleur de fond gris très clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 3px; /* rayon des blocs */
	border-radius: 3px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_gris_148x30:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	}

.bouton_gris_136x30
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 136px; /* largeur du bouton */
	line-height: 30px; /* hauteur du bouton */
	color: #828585; /* couleur du texte grise */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 20px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #edeeee; /* couleur de fond gris très clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 3px; /* rayon des blocs */
	border-radius: 3px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_gris_136x30:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	}
.bouton_gris_200x30
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 200px; /* largeur du bouton */
	line-height: 30px; /* hauteur du bouton */
	color: #828585; /* couleur du texte grise */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 20px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #edeeee; /* couleur de fond gris très clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 3px; /* rayon des blocs */
	border-radius: 3px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_gris_200x30:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	}

.bouton_gris_300x30
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 300px; /* largeur du bouton */
	line-height: 30px; /* hauteur du bouton */
	color: #828585; /* couleur du texte grise */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 20px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #edeeee; /* couleur de fond gris très clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 3px; /* rayon des blocs */
	border-radius: 3px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_gris_300x30:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des boutons des sélections de composants			*/
/*																	*/
/********************************************************************/

.bouton_gris_45x30
	{
	list-style: none; /* suppression du style par défaut de la liste */
	width: 45px; /* largeur du bouton */
	line-height: 30px; /* hauteur du bouton */
	color: #828585; /* couleur du texte blanche */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 16px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #ffffff; /* couleur de fond vert clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_gris_45x30:hover
	{
	color: #ffffff; /* couleur du texte blanc */
	background: #5bdd45; /* couleur de fond verte */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	cursor: pointer;
	}

.bouton_gris_selectionne_45x30
	{
	list-style: none; /* suppression du style par défaut de la liste */
	width: 45px; /* largeur du bouton */
	line-height: 30px; /* hauteur du bouton */
	color: #828585; /* couleur du texte blanche */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 16px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #ffffff; /* couleur de fond vert clair */
	border-top: 3px solid #5bdd45; /* bordure blanche au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure blanche au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure blanche au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_gris_selectionne_45x30:hover
	{
	color: #ffffff; /* couleur du texte blanc */
	background: #5bdd45; /* couleur de fond verte */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	cursor: pointer;
	}

.bouton_gris_60x30
	{
	list-style: none; /* suppression du style par défaut de la liste */
	width: 60px; /* largeur du bouton */
	line-height: 30px; /* hauteur du bouton */
	color: #828585; /* couleur du texte grise */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 16px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_gris_60x30:hover
	{
	color: #ffffff; /* couleur du texte blanc */
	background: #5bdd45; /* couleur de fond verte */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	cursor: pointer;
	}

.bouton_gris_selectionne_60x30
	{
	list-style: none; /* suppression du style par défaut de la liste */
	width: 60px; /* largeur du bouton */
	line-height: 30px; /* hauteur du bouton */
	color: #828585; /* couleur du texte grise */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 16px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_gris_selectionne_60x30:hover
	{
	color: #ffffff; /* couleur du texte blanc */
	background: #5bdd45; /* couleur de fond verte */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	cursor: pointer;
	}

.bouton_gris_90x30
	{
	list-style: none; /* suppression du style par défaut de la liste */
	width: 90px; /* largeur du bouton */
	line-height: 30px; /* hauteur du bouton */
	color: #828585; /* couleur du texte blanche */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 16px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #ffffff; /* couleur de fond vert clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_gris_90x30:hover
	{
	color: #ffffff; /* couleur du texte blanc */
	background: #5bdd45; /* couleur de fond verte */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	cursor: pointer;
	}

.bouton_gris_selectionne_90x30
	{
	list-style: none; /* suppression du style par défaut de la liste */
	width: 90px; /* largeur du bouton */
	line-height: 30px; /* hauteur du bouton */
	color: #828585; /* couleur du texte blanche */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 16px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #ffffff; /* couleur de fond vert clair */
	border-top: 3px solid #5bdd45; /* bordure blanche au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure blanche au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure blanche au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_gris_selectionne_90x30:hover
	{
	color: #ffffff; /* couleur du texte blanc */
	background: #5bdd45; /* couleur de fond verte */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	cursor: pointer;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme du bandeau-bouton de l'ANSM						*/
/*																	*/
/********************************************************************/

#bouton_vert_300x15 a
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 300px; /* largeur du bouton */
	line-height: 15px; /* hauteur du bouton */
	color: #ffffff; /* couleur du texte blanche */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 10px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #5bdd45; /* couleur de fond vert clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

#bouton_vert_300x15 a:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	cursor: pointer;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des boutons de validation							*/
/*																	*/
/********************************************************************/

.bouton_vert_140x42
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 140px; /* largeur du bouton */
	line-height: 42px; /* hauteur du bouton */
	color: #ffffff; /* couleur du texte blanche */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 16px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #5bdd45; /* couleur de fond vert clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_vert_140x42:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	cursor: pointer;
	}

.cellule_tableau_bouton
	{
	background: #ffffff; /* couleur de fond gris très clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 3px; /* rayon des blocs */
	border-radius: 3px; /* rayon des blocs */
	}

.cellule_tableau_bouton:hover
	{
	color: #828585; /* couleur du texte grise */
	background: #dddede; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des boutons de la page accueil					*/
/*																	*/
/********************************************************************/

#bouton_accueil a
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 225px; /* largeur du bouton */
	line-height: 30px; /* hauteur du bouton */
	color: #828585; /* couleur du texte grise */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 20px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #edeeee; /* couleur de fond gris très clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

#bouton_accueil a:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #339f1d; /* bordure verte au bord supérieur */
	border-left: 3px solid #339f1d; /* bordure verte au bord gauche */
	border-right: 3px solid #339f1d; /* bordure verte au bord droit */
	border-bottom: 3px solid #339f1d; /* bordure verte au bord inférieur */
	}

.titre_vert_bouton_accueil_gauche
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 160px;
	border-left:20px solid transparent;
	font-size: 16px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-weight:700; /* écrire en gras */
	color: #339f1d; /* couleur du texte vert */
	}
.titre_vert_bouton_accueil_gauche:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #444444; /* couleur du texte gris moyen */
	}

.titre_blanc_bouton_accueil_gauche
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 140px;
	border-left:30px solid transparent;
	font-size: 10px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-weight:700; /* écrire en gras */
	color: #202020; /* couleur du texte gris foncé */
	}
.titre_blanc_bouton_accueil_gauche:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #339f1d; /* couleur du texte blanc */
	}
.titre_vert_bouton_accueil_droit
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 180px;
	border-left:95px solid transparent;
	font-size: 16px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-weight:700; /* écrire en gras */
	color: #339f1d; /* couleur du texte verte */
	}
.titre_vert_bouton_accueil_droit:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #444444; /* couleur du texte gris moyen */
	}
.titre_blanc_bouton_accueil_droit
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 180px;
	border-left:90px solid transparent;
	font-size: 10px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-weight:700; /* écrire en gras */
	color: #202020; /* couleur du texte gris foncé */
	}
.titre_blanc_bouton_accueil_droit:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #339f1d; /* couleur du texte blanc */
	}
.titre_vert_bouton_grand_accueil_droit
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 200px;
	border-left:180px solid transparent;
	font-size: 16px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-weight:700; /* écrire en gras */
	color: #339f1d; /* couleur du texte verte */
	}
.titre_vert_bouton_grand_accueil_droit:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #444444; /* couleur du texte gris moyen */
	}
.titre_blanc_bouton_grand_accueil_droit
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 290px;
	border-left:200px solid transparent;
	font-size: 10px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-weight:700; /* écrire en gras */
	color: #202020; /* couleur du texte gris foncé */
	}
.titre_blanc_bouton_grand_accueil_droit:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #339f1d; /* couleur du texte blanc */
	}
.bouton_accueil_gamme_isa
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:485px 220px;
	background-image:url(../png_interface/presentation_isa_970x440.png);
	border-radius:16px;
	}
.bouton_accueil_gamme_isa:hover
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:485px 220px;
	background-image:url(../png_interface/presentation_isa_970x440.png);
	border-radius:20px;
	border-left:5px solid #D2D0D0;
	border-right:5px solid #D2D0D0;
	border-top:5px solid #D2D0D0;
	border-bottom:5px solid #D2D0D0;
	}
.bouton_accueil_sequences_video
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:485px 220px;
	background-image:url(../png_interface/sequences_video_970x440.png);
	border-radius:16px;
	}
.bouton_accueil_sequences_video:hover
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:485px 220px;
	background-image:url(../png_interface/sequences_video_970x440.png);
	border-radius:20px;
	border-left:5px solid #D2D0D0;
	border-right:5px solid #D2D0D0;
	border-top:5px solid #D2D0D0;
	border-bottom:5px solid #D2D0D0;
	}
.bouton_accueil_techniques_operatoires
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:320px 180px;
	background-image:url(../png_interface/techniques_operatoires_640x360.png);
	border-radius:16px;
	}
.bouton_accueil_techniques_operatoires:hover
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:320px 180px;
	background-image:url(../png_interface/techniques_operatoires_640x360.png);
	border-radius:20px;
	border-left:5px solid #D2D0D0;
	border-right:5px solid #D2D0D0;
	border-top:5px solid #D2D0D0;
	border-bottom:5px solid #D2D0D0;
	}
.bouton_accueil_evaluation_allergie
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:320px 180px;
	background-image:url(../png_interface/risques_allergie_640x360.png);
	border-radius:16px;
	}
.bouton_accueil_evaluation_allergie:hover
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:320px 180px;
	background-image:url(../png_interface/risques_allergie_640x360.png);
	border-radius:20px;
	border-left:5px solid #D2D0D0;
	border-right:5px solid #D2D0D0;
	border-top:5px solid #D2D0D0;
	border-bottom:5px solid #D2D0D0;
	}
.bouton_accueil_suivi_clinique_isa
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:310px 180px;
	background-image:url(../png_interface/suivi_isa_620x360.png);
	border-radius:16px;
	}
.bouton_accueil_suivi_clinique_isa:hover
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:310px 180px;
	background-image:url(../png_interface/suivi_isa_620x360.png);
	border-radius:20px;
	border-left:5px solid #D2D0D0;
	border-right:5px solid #D2D0D0;
	border-top:5px solid #D2D0D0;
	border-bottom:5px solid #D2D0D0;
	}
.bouton_accueil_investigation_lok
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:188px 125px;
	background-image:url(../png_interface/investigation_lok_376x250.png);
	border-radius:16px;
	}
.bouton_accueil_investigation_lok:hover
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:188px 125px;
	background-image:url(../png_interface/investigation_lok_376x250.png);
	border-radius:20px;
	border-left:5px solid #D2D0D0;
	border-right:5px solid #D2D0D0;
	border-top:5px solid #D2D0D0;
	border-bottom:5px solid #D2D0D0;
	}
.bouton_accueil_bibliographie
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:188px 125px;
	background-image:url(../png_interface/bibliographie_376x250.png);
	border-radius:16px;
	}
.bouton_accueil_bibliographie:hover
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:188px 125px;
	background-image:url(../png_interface/bibliographie_376x250.png);
	border-radius:20px;
	border-left:5px solid #D2D0D0;
	border-right:5px solid #D2D0D0;
	border-top:5px solid #D2D0D0;
	border-bottom:5px solid #D2D0D0;
	}
.bouton_accueil_brochures
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:188px 125px;
	background-image:url(../png_interface/brochures_376x250.png);
	border-radius:16px;
	}
.bouton_accueil_brochures:hover
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:188px 125px;
	background-image:url(../png_interface/brochures_376x250.png);
	border-radius:20px;
	border-left:5px solid #D2D0D0;
	border-right:5px solid #D2D0D0;
	border-top:5px solid #D2D0D0;
	border-bottom:5px solid #D2D0D0;
	}
.bouton_accueil_reservation_materiel
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:188px 125px;
	background-image:url(../png_interface/reservation_kit_376x250.png);
	border-radius:16px;
	}
.bouton_accueil_reservation_materiel:hover
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:188px 125px;
	background-image:url(../png_interface/reservation_kit_376x250.png);
	border-radius:20px;
	border-left:5px solid #D2D0D0;
	border-right:5px solid #D2D0D0;
	border-top:5px solid #D2D0D0;
	border-bottom:5px solid #D2D0D0;
	}
.bouton_accueil_supports_commerciaux
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:188px 125px;
	background-image:url(../png_interface/supports_commerciaux_376x250.png);
	border-radius:16px;
	}
.bouton_accueil_supports_commerciaux:hover
	{
	background-position:center;
	background-repeat:no-repeat;
	background-size:188px 125px;
	background-image:url(../png_interface/supports_commerciaux_376x250.png);
	border-radius:20px;
	border-left:5px solid #D2D0D0;
	border-right:5px solid #D2D0D0;
	border-top:5px solid #D2D0D0;
	border-bottom:5px solid #D2D0D0;
	}


/********************************************************************/
/*																	*/
/*	Mise en forme des boutons de la page technique opératoire		*/
/*																	*/
/********************************************************************/

#bouton_to a
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 196px; /* largeur du bouton */
	line-height: 30px; /* hauteur du bouton */
	color: #828585; /* couleur du texte grise */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 20px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #edeeee; /* couleur de fond gris très clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

#bouton_to a:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des boutons des menus vidéo						*/
/*																	*/
/********************************************************************/

#bouton_video a
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 350px; /* largeur du bouton */
	line-height: 35px; /* hauteur du bouton */
	color: #828585; /* couleur du texte grise */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 20px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #edeeee; /* couleur de fond gris très clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

#bouton_video a:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des boutons de sélection des articles biblio		*/
/*																	*/
/********************************************************************/

#bouton_article a
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 900px; /* largeur du bouton */
	line-height: 35px; /* hauteur du bouton */
	color: #828585; /* couleur du texte grise */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 20px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #edeeee; /* couleur de fond gris très clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

#bouton_article a:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des boutons de sélection des notices				*/
/*																	*/
/********************************************************************/

#bouton_notice a
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 450px; /* largeur du bouton */
	line-height: 35px; /* hauteur du bouton */
	color: #828585; /* couleur du texte grise */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 20px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #edeeee; /* couleur de fond gris très clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

#bouton_notice a:hover /* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme du bouton télécharger								*/
/*																	*/
/********************************************************************/

.bouton_gris_400x35
	{
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 400px; /* largeur du bouton */
	line-height: 35px; /* hauteur du bouton */
	color: #828585; /* couleur du texte grise */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 20px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #edeeee; /* couleur de fond gris très clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	}

.bouton_gris_400x35:hover 						/* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des boutons de changement de page					*/
/*																	*/
/********************************************************************/

.bouton_suivant
	{
	border: none;
	background: transparent url("../png_interface/suivant_inactif_50x60.png") no-repeat;
	width: 50px; /* largeur du bouton */
	height: 60px; /* hauteur du bouton */
	}

.bouton_suivant:hover
	{
	border: none;
	background: transparent url("../png_interface/suivant_actif_50x60.png") no-repeat;
	width: 50px; /* largeur du bouton */
	height: 60px; /* hauteur du bouton */
	cursor: pointer;
	}

.bouton_precedent
	{
	-webkit-apparance: none; /* supprime le style par défaut des IOS */
	display: block; /* affichage des liens sous forme de blocs */
	border: none;
	background: transparent url("../png_interface/precedent_inactif_50x60.png") no-repeat;
	width: 50px; /* largeur du bouton */
	height: 60px; /* hauteur du bouton */
	}

.bouton_precedent:hover
	{
	border: none;
	background: transparent url("../png_interface/precedent_actif_50x60.png") no-repeat;
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	width: 50px; /* largeur du bouton */
	height: 60px; /* hauteur du bouton */
	cursor: pointer;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des boutons de validation des formulaires			*/
/*																	*/
/********************************************************************/

.bouton_vert_200x50
	{
	-webkit-apparance: none; /* supprime le style par défaut des IOS */
	display: block; /* affichage des liens sous forme de blocs */
	list-style: none; /* suppression du style par défaut de la liste */
	width: 200px; /* largeur du bouton */
	line-height: 50px; /* hauteur du bouton */
	color: #ffffff; /* couleur du texte blanche */
	text-decoration: none; /* suppression du style par défaut qui souligne les liens hypertexte */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 16px; /* hauteur du texte en pixels */
	padding: 2px 0 0 0; /* marge au dessus du texte dans le bloc*/
	background: #5bdd45; /* couleur de fond vert clair */
	border-top: 3px solid #fff; /* bordure blanche au bord supérieur */
	border-left: 3px solid #fff; /* bordure blanche au bord gauche */
	border-right: 3px solid #fff; /* bordure blanche au bord droit */
	border-bottom: 3px solid #fff; /* bordure blanche au bord inférieur */
	-moz-border-radius: 2px; /* rayon des blocs */
	border-radius: 2px; /* rayon des blocs */
	-moz-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	-webkit-box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	box-shadow: 0 0px 0px #9c9c9c; /* décalage de l'ombre des blocs */
	cursor: pointer;
	}

.bouton_vert_200x50:hover
	{
	-webkit-apparance: none; /* supprime le style par défaut des IOS */
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond blanche */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte au bord inférieur */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme du texte "mot de passe oublié"					*/
/*																	*/
/********************************************************************/

.police_verte_italique
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-style: italic; /* italique */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	}

.police_verte_italique:hover
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-style: italic; /* italique */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #5bdd45; /* couleur du texte vert clair */
	}

.rubrique_verte
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #5bdd45; /* couleur du texte vert clair */
	}

.italique_verte
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #5bdd45; /* couleur du texte vert clair */
	}

.mdp_oublie
	{
	font-size: 15px; /* hauteur du texte en pixels */
	font-style: italic; /* italique */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	}

.mdp_oublie:hover
	{
	font-size: 15px; /* hauteur du texte en pixels */
	font-style: italic; /* italique */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #5bdd45; /* couleur du texte vert */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme du bouton corbeille								*/
/*																	*/
/********************************************************************/

.bouton_corbeille
	{
	border: none;
	background: transparent url("../png_interface/corbeille_inactif_19x27.png") no-repeat;
	width: 19px; /* largeur du bouton */
	height: 27px; /* hauteur du bouton */
	}

.bouton_corbeille:hover
	{
	border: none;
	background: transparent url("../png_interface/corbeille_actif_19x27.png") no-repeat;
	width: 19px; /* largeur du bouton */
	height: 27px; /* hauteur du bouton */
	cursor: pointer;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme du logo Menu										*/
/*																	*/
/********************************************************************/

#trigger a
	{
	font-size: 35px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #ffffff; /* couleur du texte blanc */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme de l'entete										*/
/*																	*/
/********************************************************************/

#entete
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des titres des pages								*/
/*																	*/
/********************************************************************/

.titre
	{
	font-size: 35px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	}
.titre_afficheur
	{
	font-size: 35px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	background: #ffffff;
	border-top: 0px solid #828585; /* bordure gris foncé au bord supérieur */
	border-left: 0px solid #828585; /* bordure gris foncé au bord gauche */
	border-right: 0px solid #828585; /* bordure gris foncé au bord droit */
	border-bottom: 0px solid #828585; /* bordure gris foncé au bord inférieur */
	text-align: center;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme de la référence de l'investigation clinique		*/
/*																	*/
/********************************************************************/

.reference_investigation
	{
	font-size: 7px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #c8c8cd; /* couleur du texte gris */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des sous_titres des pages							*/
/*																	*/
/********************************************************************/

.sous_titre
	{
	font-size: 15px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585 ; /* couleur du texte gris */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des numéros de pages								*/
/*																	*/
/********************************************************************/

.numero_page
	{
	font-size: 30px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme du champ de recherche dans l'entête				*/
/*																	*/
/********************************************************************/

.recherche
	{
	font-size: 24px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	border-top: 1px solid #c8c8cd; /* bordure gris foncé au bord supérieur */
	border-left: 1px solid #c8c8cd; /* bordure gris foncé au bord gauche */
	border-right: 0px solid #c8c8cd; /* bordure gris foncé au bord droit */
	border-bottom: 1px solid #c8c8cd; /* bordure gris foncé au bord inférieur */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des champs de saisie des formulaires				*/
/*  Cette mise en forme couvre les champs, les titres des champs	*/
/*  et les menus déroulants proposants les choix					*/
/*																	*/
/********************************************************************/

.rubrique
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-family: 'Lato', Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #b8b8bd; /* couleur du texte gris moyen-clair*/
	}

.rubrique_obligatoire
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-family: 'Lato', Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	}

.saisie
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-family: 'Lato', Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	}

.saisie:hover	/* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond vert foncé */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte foncé au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte foncé au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte foncé au bord inférieur */
	}

.saisie input
	{
	background-color: #fff; /* couleur du fond blanc */
	border-top: 1px solid #c8c8cd; /* bordure gris foncé au bord supérieur */
	border-left: 1px solid #c8c8cd; /* bordure gris foncé au bord gauche */
	border-right: 1px solid #c8c8cd; /* bordure gris foncé au bord droit */
	border-bottom: 1px solid #c8c8cd; /* bordure gris foncé au bord inférieur */
	}

.saisie_nombre
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	text-align: right; /* alignement du texte à droite */
	}

.saisie_nombre:hover	/* Lorsque la souris passe sur un des liens */ {
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond vert foncé */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte foncé au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte foncé au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte foncé au bord inférieur */
	}

.saisie_nombre input
	{
	background-color: #fff; /* couleur du fond blanc */
	border-top: 1px solid #c8c8cd; /* bordure gris foncé au bord supérieur */
	border-left: 1px solid #c8c8cd; /* bordure gris foncé au bord gauche */
	border-right: 1px solid #c8c8cd; /* bordure gris foncé au bord droit */
	border-bottom: 1px solid #c8c8cd; /* bordure gris foncé au bord inférieur */
	}

.rubrique_obligatoire_clickable
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	}

.rubrique_obligatoire_clickable:hover	/* Lorsque la souris passe sur un des liens */
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #5bdd45; /* couleur du texte gris */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des champs informant sur le patient en cours		*/
/*																	*/
/********************************************************************/

.previsualisation
	{
	font-size: 16px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris foncé */
	background-color: #eeeeee; /* fond gris clair */
	border-top-color: #eeeeee; /* bordure blanche au bord supérieur */
	border-bottom-color: #eeeeee; /* bordure blanche au bord inférieur */
	border-left-color: #eeeeee; /* bordure blanche au bord gauche */
	border-right-color: #eeeeee; /* bordure blanche au bord droit */
	border-width: 0; /* épaisseur de la bordure */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme de la liste des patients							*/
/*																	*/
/********************************************************************/

.titre_liste_patients
	{
	font-size: 18px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	}
.titre_liste_patients:hover 						/* Lorsque la souris passe sur un des liens */
	{
	color: #5bdd45; /* couleur du texte grise */
	}
.titre_liste_patients input
	{
	background-color: #b8b8bd; /* couleur du fond blanc */
	}

.liste_patients
	{
	font-family: monospace,"Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	font-size: 18px;
	color: #828585;
	border-top-color: #909090; /* bordure grisee au bord supérieur */
	border-bottom-color: #909090; /* bordure grisee au bord inférieur */
	border-left-color: #909090; /* bordure grisee au bord gauche */
	border-right-color: #909090; /* bordure grisee au bord droit */
	}
.liste_patients:hover
	{
	border-top-color: #5bdd45; /* bordure verte au bord supérieur */
	border-bottom-color: #5bdd45; /* bordure verte au bord inférieur */
	border-left-color: #5bdd45; /* bordure verte au bord gauche */
	border-right-color: #5bdd45; /* bordure verte au bord droit */
	}
.liste_patients:select--enabled
	{
	color: #5bdd45; /* bordure verte au bord supérieur */
	background-color: #5bdd45;
	}
.liste_patients:select--disabled
	{
	cursor: not-allowed;
	background-color: #d3d3d3; /* fond gris clair */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme tableau de norme matériau							*/
/*																	*/
/********************************************************************/

.tableau_materiau
	{
	font-size: 24px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	border-top: 1px solid #c8c8cd; /* bordure gris foncé au bord supérieur */
	border-left: 0px solid #c8c8cd; /* bordure gris foncé au bord gauche */
	border-right: 0px solid #c8c8cd; /* bordure gris foncé au bord droit */
	border-bottom: 1px solid #c8c8cd; /* bordure gris foncé au bord inférieur */
	}

#legende_radio
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	}
#legende_radio:hover	/* Lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond vert foncé */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte foncé au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte foncé au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte foncé au bord inférieur */
	}
#legende_radio input
	{
	background-color: #fff; /* couleur du fond blanc */
	border-top: 1px solid #c8c8cd; /* bordure gris clair au bord supérieur */
	border-left: 1px solid #c8c8cd; /* bordure gris clair au bord gauche */
	border-right: 1px solid #c8c8cd; /* bordure gris clair au bord droit */
	border-bottom: 1px solid #c8c8cd; /* bordure gris clair au bord inférieur */
	}
#entree_cachee
	{
	font-size: 10px; /* hauteur du texte en pixels */
	color: #ffffff; /* couleur du texte blanche */
	}
#entree_cachee input
	{
	background-color: #ffffff; /* couleur du fond blanc */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des noms de fichier								*/
/*																	*/
/********************************************************************/

#nom_fichier
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585; /* couleur du texte gris */
	}

#nom_fichier:hover	/* lorsque la souris passe sur un des liens */
	{
	color: #828585; /* couleur du texte grise */
	background: #ffffff; /* couleur de fond vert foncé */
	border-top: 3px solid #5bdd45; /* bordure verte au bord supérieur */
	border-left: 3px solid #5bdd45; /* bordure verte foncé au bord gauche */
	border-right: 3px solid #5bdd45; /* bordure verte foncé au bord droit */
	border-bottom: 3px solid #5bdd45; /* bordure verte foncé au bord inférieur */
	}

#nom_fichier input
	{
	background-color: #ffffff; /* couleur du fond blanc */
	border-top: 1px solid #c8c8cd; /* bordure gris clair au bord supérieur */
	border-left: 1px solid #c8c8cd; /* bordure gris clair au bord gauche */
	border-right: 1px solid #c8c8cd; /* bordure gris clair au bord droit */
	border-bottom: 1px solid #c8c8cd; /* bordure gris clair au bord inférieur */
	}

.cercle
	{
	height: 17px;
	width: 17px;
	color: #5bdd45;
	}

.cercle:hover
	{
	background-color: #5bdd45;
	}

.cercle:checked
	{
	background-color: #5bdd45;
	color: #5bdd45;
	}

.cercle:after
	{
	text-align: center;
	vertical-align: center;
	color: white;
	font-size: 12px;
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 2px solid #c8c8cd;
	border-radius: 10px;
	background: #ffffff;
	transition: 0.2s;
	cursor: pointer;
	}

.cercle:checked:after
	{
	width: 100%;
	height: 100%;
	border: 2px solid #5bdd45;
	box-shadow: inset 0 0 0 2px #ffffff;
	content: "";
	background: #5bdd45;
	}

* 	{
	margin: 0px;
	padding: 0px;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des interrupteurs avec slider						*/
/*																	*/
/********************************************************************/

.interrupteur_radio
	{
	position: relative;
	background: rgba(255, 255, 255, 0.1);
	margin: 4px auto;
	overflow: hidden;
	padding: 0 !important;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;
	height: 22px;
	width: 80px;
	}
.interrupteur_radio > *
	{
	float: left;
	}
.interrupteur_radio input[type="radio"]
	{
	display: none;
	}
.interrupteur_radio label
	{
	font: 90%/1.618 "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585;
	z-index: 1;
	display: block;
	width: 40px;
	height: 22px;
	margin: 0px 0px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	cursor: pointer;
	text-align: center;
	background: #eeeeee;
	}
.interrupteur_option_slider
	{
	width: 40px;
	height: 22px;
	position: absolute;
	z-index: 0;
	left: 80px;
	top: 0px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
.interrupteur_radio_triple
	{
	position: relative;
	background: rgba(255, 255, 255, 0.1);
	margin: 0px auto;
	overflow: hidden;
	padding: 0 !important;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;
	height: 22px;
	width: 120px;
	}
.interrupteur_radio_triple > *
	{
	float: left;
	}
.interrupteur_radio_triple input[type="radio"]
	{
	display: none;
	}
.interrupteur_radio_triple label
	{
	font: 90%/1.618 "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #828585;
	z-index: 1;
	display: block;
	width: 40px;
	height: 22px;
	margin: 0px 0px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	cursor: pointer;
	text-align: center;
	background: #eeeeee;
	}
.interrupteur_option_slider_triple
	{
	width: 40px;
	height: 22px;
	position: absolute;
	z-index: 0;
	left: 90px;
	top: 0px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}

#interrupteur_2_positions_01:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_02:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_03:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_04:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_05:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_06:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_07:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_08:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_09:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_10:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_11:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_12:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_13:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_14:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_15:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_16:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_17:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_18:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_19:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_20:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_21:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_22:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_23:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_24:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_25:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_26:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_27:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_28:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_29:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_30:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_31:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_32:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_33:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_34:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_35:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_36:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_37:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_38:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_39:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_40:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_2_positions_41:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_2_positions_42:checked ~ .interrupteur_option_slider
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}

#interrupteur_triple_01:checked ~ .interrupteur_option_slider_triple
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_triple_02:checked ~ .interrupteur_option_slider_triple
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_triple_03:checked ~ .interrupteur_option_slider_triple
	{
	background: rgba(95, 221, 70, 0.5);
	left: 80px;
	}
#interrupteur_triple_04:checked ~ .interrupteur_option_slider_triple
	{
	background: rgba(95, 221, 70, 0.5);
	left: 0px;
	}
#interrupteur_triple_05:checked ~ .interrupteur_option_slider_triple
	{
	background: rgba(95, 221, 70, 0.5);
	left: 40px;
	}
#interrupteur_triple_06:checked ~ .interrupteur_option_slider_triple
	{
	background: rgba(95, 221, 70, 0.5);
	left: 80px;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des champs informant d'une erreur					*/
/*																	*/
/********************************************************************/

#message_erreur
	{
	font-size: 16px; /* hauteur du texte en pixels */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #ff8080; /* couleur du texte rouge */
	background-color: #ffffff; /* couleur du fond blanc */
	border-top: 0px solid #828585; /* bordure gris foncé au bord supérieur */
	border-left: 0px solid #828585; /* bordure gris foncé au bord gauche */
	border-right: 0px solid #828585; /* bordure gris foncé au bord droit */
	border-bottom: 0px solid #828585; /* bordure gris foncé au bord inférieur */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des champs informant d'un commentaire				*/
/*																	*/
/********************************************************************/

.commentaire
	{
	font-size: 20px; /* hauteur du texte en pixels */
	font-style: italic; /* italique */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #909090; /* couleur du texte gris */
	background-color: #ffffff; /* couleur du fond blanc */
	border-top-color: 0px solid #909090; /* bordure blanche au bord supérieur */
	border-bottom-color: 0px solid #909090; /* bordure blanche au bord inférieur */
	border-left-color: 0px solid #909090; /* bordure blanche au bord gauche */
	border-right-color: 0px solid #909090; /* bordure blanche au bord droit */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des mentions legales								*/
/*																	*/
/********************************************************************/

.titre_mentions_legales
	{
	font-size: 14px; /* hauteur du texte en pixels */
	font-weight: bold; /* gras*/
	font-style: italic; /* italique*/
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #909090; /* couleur du texte gris */
	background-color: #ffffff; /* couleur du fond blanc */
	border-top-color: #909090; /* bordure blanche au bord supérieur */
	border-bottom-color: #909090; /* bordure blanche au bord inférieur */
	border-left-color: #909090; /* bordure blanche au bord gauche */
	border-right-color: #909090; /* bordure blanche au bord droit */
	border-width: 1; /* épaisseur de la bordure */
	}

.mentions_legales
	{
	font-size: 12px; /* hauteur du texte en pixels */
	font-style: italic; /* italique */
	font-family: "Lato", Calibri, Arial, sans-serif; /* choix de la police de caractères et de celle de remplacement si absente */
	color: #909090; /* couleur du texte gris */
	background-color: #ffffff; /* couleur du fond blanc */
	border-top-color: #909090; /* bordure blanche au bord supérieur */
	border-bottom-color: #909090; /* bordure blanche au bord inférieur */
	border-left-color: #909090; /* bordure blanche au bord gauche */
	border-right-color: #909090; /* bordure blanche au bord droit */
	border-width: 1; /* épaisseur de la bordure */
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des reférences en petit							*/
/*																	*/
/********************************************************************/

table.petites_references
	{
	text-align: left;
	vertical-align: center;
	}
table.petites_references tbody td
	{
	font-size: 9px;
	color: #828585;
	}

table.tres_petites_references
	{
	text-align: left;
	vertical-align: center;
	}

table.tres_petites_references tbody td
	{
	font-size: 1px;
	color: #828585;
	}

table.structure_table
	{
	background-color: #5bdd45;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme de la barre de progression						*/
/*																	*/
/********************************************************************/

.slider
	{
	-webkit-appearance: none; /* désactivation du style de base */
	appearance: none;
	width: 100%;
	height: 20px; /* hauteur */
	background: #d3d3d3; /* fond gris clair */
	outline: none; /* pas de ligne de contour */
	opacity: 0.7; /* Transparence (pour un effet lorsque le curseur est là) */
	-webkit-transition: 0.2s; /* 0.2 secondes de transition */
	transition: opacity 0.2s;
	border-radius: 3px;
	}

.slider:hover
	{
	opacity: 1; /* changement d'opacité lors du contact avec le curseur */
	}

.slider::-webkit-slider-thumb
	{
	-webkit-appearance: none; /* désactivation du style de base */
	appearance: none;
	width: 20px; /* définition de la largeur du slider */
	height: 20px; /* définition de la hauteur du slider */
	background: #5bdd45; /* couleur verte du slider */
	cursor: pointer;
	border-radius: 20px;
	}

.slider::-moz-range-thumb
	{
	width: 20px;
	height: 20px;
	background: #5bdd45;
	cursor: pointer;
	border-radius: 20px;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme représentation valeur des scores cliniques		*/
/*																	*/
/********************************************************************/

.cercle_score_100
	{
	position: relative; /* pour servir de référent */
	box-sizing: border-box; /* prise en compte bordure dans la dimension */
	font-size: 6em; /* pour définir les dimensions */
	width: 1em; /* fixe la largeur */
	height: 1em; /* fixe la hauteur */
	border-radius: 50%; /* rendu aspect circulaire */
	border: 0.15em solid #dddede; /* couleur de fond de l'anneau */
	background-color: #ffffff; /* couleur de fond de la progress bar */
	}
.masque_cercle_score_100
	{
	position: absolute;
	width: 1em; /* 100% de la largeur */
	height: 1em; /* 100% de la hauteur */
	left: -0.15em; /* décalage de la largeur bordure de la gauge */
	top: -0.15em; /* décalage de la largeur bordure de la gauge */
	clip: rect(0, 1em, 1em, 0.5em); /* par défaut seule la partie droite est visible */
	}
.cercle_score_100[data-value^="5"]:not([data-value="5"]):not([data-value^="5."]) .masque_cercle_score_100,
.cercle_score_100[data-value^="6"]:not([data-value="6"]):not([data-value^="6."]) .masque_cercle_score_100,
.cercle_score_100[data-value^="7"]:not([data-value="7"]):not([data-value^="7."]) .masque_cercle_score_100,
.cercle_score_100[data-value^="8"]:not([data-value="8"]):not([data-value^="8."]) .masque_cercle_score_100,
.cercle_score_100[data-value^="9"]:not([data-value="9"]):not([data-value^="9."]) .masque_cercle_score_100,
.cercle_score_100[data-value^="100"] .masque_cercle_score_100
	{
	clip: rect(auto, auto, auto, auto);
	}
.barre_score_inferieur_50,
.barre_score_superieur_50
	{
	position: absolute;
	box-sizing: border-box; /* prise en compte bordure dans la dimension */
	border-width: 0.15em; /* largeur bordure de la gauge */
	border-style: solid;
	border-color: #5bdd45;
	border-radius: 50%; /* rendu aspect circulaire */
	width: 1em; /* largeur à 100% */
	height: 1em; /* hauteur à 100% */
	clip: rect(0, 0.5em, 1em, 0); /* on ne garde que la partie gauche */
	}
.cercle_score_100[data-value="0"] .barre_score_inferieur_50
	{
	transform: rotate(0deg);
	}
.cercle_score_100[data-value="1"] .barre_score_inferieur_50
	{
	transform: rotate(3.6deg);
	}
.cercle_score_100[data-value="2"] .barre_score_inferieur_50
	{
	transform: rotate(7.2deg);
	}
.cercle_score_100[data-value="3"] .barre_score_inferieur_50
	{
	transform: rotate(10.8deg);
	}
.cercle_score_100[data-value="4"] .barre_score_inferieur_50
	{
	transform: rotate(14.4deg);
	}
.cercle_score_100[data-value="5"] .barre_score_inferieur_50
	{
	transform: rotate(18deg);
	}
.cercle_score_100[data-value="6"] .barre_score_inferieur_50
	{
	transform: rotate(21.6deg);
	}
.cercle_score_100[data-value="7"] .barre_score_inferieur_50
	{
	transform: rotate(25.2deg);
	}
.cercle_score_100[data-value="8"] .barre_score_inferieur_50
	{
	transform: rotate(28.8deg);
	}
.cercle_score_100[data-value="9"] .barre_score_inferieur_50
	{
	transform: rotate(32.4deg);
	}
.cercle_score_100[data-value="10"] .barre_score_inferieur_50
	{
	transform: rotate(36deg);
	}
.cercle_score_100[data-value="11"] .barre_score_inferieur_50
	{
	transform: rotate(39.6deg);
	}
.cercle_score_100[data-value="12"] .barre_score_inferieur_50
	{
	transform: rotate(43.2deg);
	}
.cercle_score_100[data-value="13"] .barre_score_inferieur_50
	{
	transform: rotate(46.8deg);
	}
.cercle_score_100[data-value="14"] .barre_score_inferieur_50
	{
	transform: rotate(50.4deg);
	}
.cercle_score_100[data-value="15"] .barre_score_inferieur_50
	{
	transform: rotate(54deg);
	}
.cercle_score_100[data-value="16"] .barre_score_inferieur_50
	{
	transform: rotate(57.6deg);
	}
.cercle_score_100[data-value="17"] .barre_score_inferieur_50
	{
	transform: rotate(61.2deg);
	}
.cercle_score_100[data-value="18"] .barre_score_inferieur_50
	{
	transform: rotate(64.8deg);
	}
.cercle_score_100[data-value="19"] .barre_score_inferieur_50
	{
	transform: rotate(68.4deg);
	}
.cercle_score_100[data-value="20"] .barre_score_inferieur_50
	{
	transform: rotate(72deg);
	}
.cercle_score_100[data-value="21"] .barre_score_inferieur_50
	{
	transform: rotate(75.6deg);
	}
.cercle_score_100[data-value="22"] .barre_score_inferieur_50
	{
	transform: rotate(79.2deg);
	}
.cercle_score_100[data-value="23"] .barre_score_inferieur_50
	{
	transform: rotate(82.8deg);
	}
.cercle_score_100[data-value="24"] .barre_score_inferieur_50
	{
	transform: rotate(86.4deg);
	}
.cercle_score_100[data-value="25"] .barre_score_inferieur_50
	{
	transform: rotate(90deg);
	}
.cercle_score_100[data-value="26"] .barre_score_inferieur_50
	{
	transform: rotate(93.6deg);
	}
.cercle_score_100[data-value="27"] .barre_score_inferieur_50
	{
	transform: rotate(97.2deg);
	}
.cercle_score_100[data-value="28"] .barre_score_inferieur_50
	{
	transform: rotate(100.8deg);
	}
.cercle_score_100[data-value="29"] .barre_score_inferieur_50
	{
	transform: rotate(104.4deg);
	}
.cercle_score_100[data-value="30"] .barre_score_inferieur_50
	{
	transform: rotate(108deg);
	}
.cercle_score_100[data-value="31"] .barre_score_inferieur_50
	{
	transform: rotate(111.6deg);
	}
.cercle_score_100[data-value="32"] .barre_score_inferieur_50
	{
	transform: rotate(115.2deg);
	}
.cercle_score_100[data-value="33"] .barre_score_inferieur_50
	{
	transform: rotate(118.8deg);
	}
.cercle_score_100[data-value="34"] .barre_score_inferieur_50
	{
	transform: rotate(122.4deg);
	}
.cercle_score_100[data-value="35"] .barre_score_inferieur_50
	{
	transform: rotate(126deg);
	}
.cercle_score_100[data-value="36"] .barre_score_inferieur_50
	{
	transform: rotate(129.6deg);
	}
.cercle_score_100[data-value="37"] .barre_score_inferieur_50
	{
	transform: rotate(133.2deg);
	}
.cercle_score_100[data-value="38"] .barre_score_inferieur_50
	{
	transform: rotate(136.8deg);
	}
.cercle_score_100[data-value="39"] .barre_score_inferieur_50
	{
	transform: rotate(140.4deg);
	}
.cercle_score_100[data-value="40"] .barre_score_inferieur_50
	{
	transform: rotate(144deg);
	}
.cercle_score_100[data-value="41"] .barre_score_inferieur_50
	{
	transform: rotate(147.6deg);
	}
.cercle_score_100[data-value="42"] .barre_score_inferieur_50
	{
	transform: rotate(151.2deg);
	}
.cercle_score_100[data-value="43"] .barre_score_inferieur_50
	{
	transform: rotate(154.8deg);
	}
.cercle_score_100[data-value="44"] .barre_score_inferieur_50
	{
	transform: rotate(158.4deg);
	}
.cercle_score_100[data-value="45"] .barre_score_inferieur_50
	{
	transform: rotate(162deg);
	}
.cercle_score_100[data-value="46"] .barre_score_inferieur_50
	{
	transform: rotate(165.6deg);
	}
.cercle_score_100[data-value="47"] .barre_score_inferieur_50
	{
	transform: rotate(169.2deg);
	}
.cercle_score_100[data-value="48"] .barre_score_inferieur_50
	{
	transform: rotate(172.8deg);
	}
.cercle_score_100[data-value="49"] .barre_score_inferieur_50
	{
	transform: rotate(176.4deg);
	}
.cercle_score_100[data-value="50"] .barre_score_inferieur_50
	{
	transform: rotate(180deg);
	}
.cercle_score_100[data-value="51"] .barre_score_inferieur_50
	{
	transform: rotate(183.6deg);
	}
.cercle_score_100[data-value="52"] .barre_score_inferieur_50
	{
	transform: rotate(187.2deg);
	}
.cercle_score_100[data-value="53"] .barre_score_inferieur_50
	{
	transform: rotate(190.8deg);
	}
.cercle_score_100[data-value="54"] .barre_score_inferieur_50
	{
	transform: rotate(194.4deg);
	}
.cercle_score_100[data-value="55"] .barre_score_inferieur_50
	{
	transform: rotate(198deg);
	}
.cercle_score_100[data-value="56"] .barre_score_inferieur_50
	{
	transform: rotate(201.6deg);
	}
.cercle_score_100[data-value="57"] .barre_score_inferieur_50
	{
	transform: rotate(205.2deg);
	}
.cercle_score_100[data-value="58"] .barre_score_inferieur_50
	{
	transform: rotate(208.8deg);
	}
.cercle_score_100[data-value="59"] .barre_score_inferieur_50
	{
	transform: rotate(212.4deg);
	}
.cercle_score_100[data-value="60"] .barre_score_inferieur_50
	{
	transform: rotate(216deg);
	}
.cercle_score_100[data-value="61"] .barre_score_inferieur_50
	{
	transform: rotate(219.6deg);
	}
.cercle_score_100[data-value="62"] .barre_score_inferieur_50
	{
	transform: rotate(223.2deg);
	}
.cercle_score_100[data-value="63"] .barre_score_inferieur_50
	{
	transform: rotate(226.8deg);
	}
.cercle_score_100[data-value="64"] .barre_score_inferieur_50
	{
	transform: rotate(230.4deg);
	}
.cercle_score_100[data-value="65"] .barre_score_inferieur_50
	{
	transform: rotate(234deg);
	}
.cercle_score_100[data-value="66"] .barre_score_inferieur_50
	{
	transform: rotate(237.6deg);
	}
.cercle_score_100[data-value="67"] .barre_score_inferieur_50
	{
	transform: rotate(241.2deg);
	}
.cercle_score_100[data-value="68"] .barre_score_inferieur_50	
{
	transform: rotate(244.8deg);
	}
.cercle_score_100[data-value="69"] .barre_score_inferieur_50
	{
	transform: rotate(248.4deg);
	}
.cercle_score_100[data-value="70"] .barre_score_inferieur_50
	{
	transform: rotate(252deg);
	}
.cercle_score_100[data-value="71"] .barre_score_inferieur_50
	{
	transform: rotate(255.6deg);
	}
.cercle_score_100[data-value="72"] .barre_score_inferieur_50
	{
	transform: rotate(259.2deg);
	}
.cercle_score_100[data-value="73"] .barre_score_inferieur_50
	{
	transform: rotate(262.8deg);
	}
.cercle_score_100[data-value="74"] .barre_score_inferieur_50
	{
	transform: rotate(266.4deg);
	}
.cercle_score_100[data-value="75"] .barre_score_inferieur_50
	{
	transform: rotate(270deg);
	}
.cercle_score_100[data-value="76"] .barre_score_inferieur_50
	{
	transform: rotate(273.6deg);
	}
.cercle_score_100[data-value="77"] .barre_score_inferieur_50
	{
	transform: rotate(277.2deg);
	}
.cercle_score_100[data-value="78"] .barre_score_inferieur_50
	{
	transform: rotate(280.8deg);
	}
.cercle_score_100[data-value="79"] .barre_score_inferieur_50
	{
	transform: rotate(284.4deg);
	}
.cercle_score_100[data-value="80"] .barre_score_inferieur_50
	{
	transform: rotate(288deg);
	}
.cercle_score_100[data-value="81"] .barre_score_inferieur_50
	{
	transform: rotate(291.6deg);
	}
.cercle_score_100[data-value="82"] .barre_score_inferieur_50
	{
	transform: rotate(295.2deg);
	}
.cercle_score_100[data-value="83"] .barre_score_inferieur_50
	{
	transform: rotate(298.8deg);	
	}
.cercle_score_100[data-value="84"] .barre_score_inferieur_50
	{
	transform: rotate(302.4deg);
	}
.cercle_score_100[data-value="85"] .barre_score_inferieur_50
	{
	transform: rotate(306deg);
	}
.cercle_score_100[data-value="86"] .barre_score_inferieur_50
	{
	transform: rotate(309.6deg);
	}
.cercle_score_100[data-value="87"] .barre_score_inferieur_50
	{
	transform: rotate(313.2deg);
	}
.cercle_score_100[data-value="88"] .barre_score_inferieur_50
	{
	transform: rotate(316.8deg);
	}
.cercle_score_100[data-value="89"] .barre_score_inferieur_50
	{
	transform: rotate(320.4deg);
	}
.cercle_score_100[data-value="90"] .barre_score_inferieur_50
	{
	transform: rotate(324deg);
	}
.cercle_score_100[data-value="91"] .barre_score_inferieur_50
	{
	transform: rotate(327.6deg);
	}
.cercle_score_100[data-value="92"] .barre_score_inferieur_50
	{
	transform: rotate(331.2deg);
	}
.cercle_score_100[data-value="93"] .barre_score_inferieur_50
	{
	transform: rotate(334.8deg);
	}
.cercle_score_100[data-value="94"] .barre_score_inferieur_50
	{
	transform: rotate(338.4deg);
	}
.cercle_score_100[data-value="95"] .barre_score_inferieur_50
	{
	transform: rotate(342deg);
	}
.cercle_score_100[data-value="96"] .barre_score_inferieur_50
	{
	transform: rotate(345.6deg);
	}
.cercle_score_100[data-value="97"] .barre_score_inferieur_50
	{
	transform: rotate(349.2deg);
	}
.cercle_score_100[data-value="98"] .barre_score_inferieur_50
	{
	transform: rotate(352.8deg);
	}
.cercle_score_100[data-value="99"] .barre_score_inferieur_50
	{
	transform: rotate(356.4deg);
	}
.cercle_score_100[data-value="100"] .barre_score_inferieur_50
	{
	transform: rotate(360deg);
	}
.barre_score_superieur_50
	{
	display: none;
	clip: rect(0, 1em, 1em, 0.5em);
	}
.cercle_score_100[data-value^="5"]:not([data-value="5"]):not([data-value^="5."]) .barre_score_superieur_50,
.cercle_score_100[data-value^="6"]:not([data-value="6"]):not([data-value^="6."]) .barre_score_superieur_50,
.cercle_score_100[data-value^="7"]:not([data-value="7"]):not([data-value^="7."]) .barre_score_superieur_50,
.cercle_score_100[data-value^="8"]:not([data-value="8"]):not([data-value^="8."]) .barre_score_superieur_50,
.cercle_score_100[data-value^="9"]:not([data-value="9"]):not([data-value^="9."]) .barre_score_superieur_50,
.cercle_score_100[data-value^="100"] .barre_score_superieur_50
	{
	display: block;
	}
.cercle_score_100:after
	{
	content: attr(data-value) "/100"; /* récup. valeur du score */
	font-size: 0.15em; /* taille de la font en % du parent */
	color: #828585;
	height: 100%; /* centrage dans le parent */
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	}
.cercle_score_10
	{
	position: relative; /* pour servir de référent */
	box-sizing: border-box; /* prise en compte bordure dans la dimension */
	font-size: 6em; /* pour définir les dimensions */
	width: 1em; /* fixe la largeur */
	height: 1em; /* fixe la hauteur */
	border-radius: 50%; /* rendu aspect circulaire */
	border: 0.15em solid #dddede; /* couleur de fond de l'anneau */
	background-color: #ffffff; /* couleur de fond de la progress bar */
	}

.masque_cercle_score_10
	{
	position: absolute;
	width: 1em; /* 100% de la largeur */
	height: 1em; /* 100% de la hauteur */
	left: -0.15em; /* décalage de la largeur bordure de la gauge */
	top: -0.15em; /* décalage de la largeur bordure de la gauge */
	clip: rect(0, 1em, 1em, 0.5em); /* par défaut seule la partie droite est visible */
	}
.cercle_score_10[data-value="5"] .masque_cercle_score_10,
.cercle_score_10[data-value="6"] .masque_cercle_score_10,
.cercle_score_10[data-value="7"] .masque_cercle_score_10,
.cercle_score_10[data-value="8"] .masque_cercle_score_10,
.cercle_score_10[data-value="9"] .masque_cercle_score_10,
.cercle_score_10[data-value="10"] .masque_cercle_score_10
	{
	clip: rect(auto, auto, auto, auto);
	}
.barre_score_inferieur_5,
.barre_score_superieur_5
	{
	position: absolute;
	box-sizing: border-box; /* prise en compte bordure dans la dimension */
	border-width: 0.15em; /* largeur bordure de la gauge */
	border-style: solid;
	border-color: #5bdd45;
	border-radius: 50%; /* rendu aspect circulaire */
	width: 1em; /* largeur à 100% */
	height: 1em; /* hauteur à 100% */
	clip: rect(0, 0.5em, 1em, 0); /* on ne garde que la partie gauche */
	}
.cercle_score_10[data-value="0"] .barre_score_inferieur_5
	{
	transform: rotate(0deg);
	}
.cercle_score_10[data-value="1"] .barre_score_inferieur_5
	{
	transform: rotate(36deg);
	}
.cercle_score_10[data-value="2"] .barre_score_inferieur_5
	{
	transform: rotate(72deg);
	}
.cercle_score_10[data-value="3"] .barre_score_inferieur_5
	{
	transform: rotate(108deg);
	}
.cercle_score_10[data-value="4"] .barre_score_inferieur_5
	{
	transform: rotate(144deg);
	}
.cercle_score_10[data-value="5"] .barre_score_inferieur_5
	{
	transform: rotate(180deg);
	}
.cercle_score_10[data-value="6"] .barre_score_inferieur_5
	{
	transform: rotate(216deg);
	}
.cercle_score_10[data-value="7"] .barre_score_inferieur_5
	{
	transform: rotate(252deg);
	}
.cercle_score_10[data-value="8"] .barre_score_inferieur_5
	{
	transform: rotate(288deg);
	}
.cercle_score_10[data-value="9"] .barre_score_inferieur_5
	{
	transform: rotate(324deg);
	}
.cercle_score_10[data-value="10"] .barre_score_inferieur_5
	{
	transform: rotate(360deg);
	}
.barre_score_superieur_5
	{
	display: none;
	clip: rect(0, 1em, 1em, 0.5em);
	}
.cercle_score_10[data-value="5"] .barre_score_superieur_5,
.cercle_score_10[data-value="6"] .barre_score_superieur_5,
.cercle_score_10[data-value="7"] .barre_score_superieur_5,
.cercle_score_10[data-value="8"] .barre_score_superieur_5,
.cercle_score_10[data-value="9"] .barre_score_superieur_5,
.cercle_score_10[data-value="10"] .barre_score_superieur_5
	{
	display: block;
	}
.cercle_score_10:after
	{
	content: attr(data-value) "/10"; /* récup. valeur du score */
	font-size: 0.15em; /* taille de la font en % du parent */
	color: #828585;
	height: 100%; /* centrage dans le parent */
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	}
.cercle_score_12
	{
	position: relative; /* pour servir de référent */
	box-sizing: border-box; /* prise en compte bordure dans la dimension */
	font-size: 6em; /* pour définir les dimensions */
	width: 1em; /* fixe la largeur */
	height: 1em; /* fixe la hauteur */
	border-radius: 50%; /* rendu aspect circulaire */
	border: 0.15em solid #dddede; /* couleur de fond de l'anneau */
	background-color: #ffffff; /* couleur de fond de la progress bar */
	}

.masque_cercle_score_12
	{
	position: absolute;
	width: 1em; /* 100% de la largeur */
	height: 1em; /* 100% de la hauteur */
	left: -0.15em; /* décalage de la largeur bordure de la gauge */
	top: -0.15em; /* décalage de la largeur bordure de la gauge */
	clip: rect(0, 1em, 1em, 0.5em); /* par défaut seule la partie droite est visible */
	}
.cercle_score_12[data-value="6"] .masque_cercle_score_12,
.cercle_score_12[data-value="7"] .masque_cercle_score_12,
.cercle_score_12[data-value="8"] .masque_cercle_score_12,
.cercle_score_12[data-value="9"] .masque_cercle_score_12,
.cercle_score_12[data-value="10"] .masque_cercle_score_12,
.cercle_score_12[data-value="11"] .masque_cercle_score_12,
.cercle_score_12[data-value="12"] .masque_cercle_score_12
	{
	clip: rect(auto, auto, auto, auto);
	}
.barre_score_inferieur_6,
.barre_score_superieur_6
	{
	position: absolute;
	box-sizing: border-box; /* prise en compte bordure dans la dimension */
	border-width: 0.15em; /* largeur bordure de la gauge */
	border-style: solid;
	border-color: #5bdd45;
	border-radius: 50%; /* rendu aspect circulaire */
	width: 1em; /* largeur à 100% */
	height: 1em; /* hauteur à 100% */
	clip: rect(0, 0.5em, 1em, 0); /* on ne garde que la partie gauche */
	}
.cercle_score_12[data-value="0"] .barre_score_inferieur_6
	{
	transform: rotate(0deg);
	}
.cercle_score_12[data-value="1"] .barre_score_inferieur_6
	{
	transform: rotate(30deg);
	}
.cercle_score_12[data-value="2"] .barre_score_inferieur_6
	{
	transform: rotate(60deg);
	}
.cercle_score_12[data-value="3"] .barre_score_inferieur_6
	{
	transform: rotate(90deg);
	}
.cercle_score_12[data-value="4"] .barre_score_inferieur_6
	{
	transform: rotate(120deg);
	}
.cercle_score_12[data-value="5"] .barre_score_inferieur_6
	{
	transform: rotate(150deg);
	}
.cercle_score_12[data-value="6"] .barre_score_inferieur_6
	{
	transform: rotate(180deg);
	}
.cercle_score_12[data-value="7"] .barre_score_inferieur_6
	{
	transform: rotate(210deg);
	}
.cercle_score_12[data-value="8"] .barre_score_inferieur_6
	{
	transform: rotate(240deg);
	}
.cercle_score_12[data-value="9"] .barre_score_inferieur_6
	{
	transform: rotate(270deg);
	}
.cercle_score_12[data-value="10"] .barre_score_inferieur_6
	{
	transform: rotate(300deg);
	}
.cercle_score_12[data-value="11"] .barre_score_inferieur_6
	{
	transform: rotate(330deg);
	}
.cercle_score_12[data-value="12"] .barre_score_inferieur_6
	{
	transform: rotate(360deg);
	}
.barre_score_superieur_6
	{
	display: none;
	clip: rect(0, 1em, 1em, 0.5em);
	}
.cercle_score_12[data-value="6"] .barre_score_superieur_6,
.cercle_score_12[data-value="7"] .barre_score_superieur_6,
.cercle_score_12[data-value="8"] .barre_score_superieur_6,
.cercle_score_12[data-value="9"] .barre_score_superieur_6,
.cercle_score_12[data-value="10"] .barre_score_superieur_6,
.cercle_score_12[data-value="11"] .barre_score_superieur_6,
.cercle_score_12[data-value="12"] .barre_score_superieur_6
	{
	display: block;
	}
.cercle_score_12:after
	{
	content: attr(data-value) "/12"; /* récup. valeur du score */
	font-size: 0.15em; /* taille de la font en % du parent */
	color: #828585;
	height: 100%; /* centrage dans le parent */
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	}

/********************************************************************/
/*																	*/
/*	Menu principal													*/
/*																	*/
/********************************************************************/

.menu_principal
	{
	position: relative;
	display: inline-flex;
	align-items: stretch;
	}

.menu_colonne
	{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
	min-width: 220px;
	margin: 0;
	padding: 18px;
	list-style: none;
	background: #ffffff;
	border: 1px solid #EAEAEA;
	border-radius: 9px;
	box-shadow: 0px 3px 6px #00000029;
	min-width: 260px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s linear 0.15s;
	}

.menu_colonne li
	{
	position: relative;
	}

.menu_colonne::before
	{
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	height: 8px;
	}

.menu_principal:hover .menu_colonne,
.menu_principal:focus-within .menu_colonne
	{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s linear 0s;
	}

.menu_principal:hover .refonte-nav__caret,
.menu_principal:focus-within .refonte-nav__caret
	{
	transform: rotate(180deg);
	}

.menu_colonne a
	{
	display: block;
	padding: 8px 14px;
	color: #828585;
	text-decoration: none;
	font-size: 17px;
	border-radius: 3px;
	}

.menu_colonne a:hover,
.menu_colonne a:focus-visible
	{
	background: rgba(0, 0, 0, 0.04);
	color: #64DE4F;
	}

.menu_colonne li:hover .sous_menu,
.menu_colonne li:focus-within .sous_menu
	{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s linear 0s;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des sous-menus déroulants							*/
/*																	*/
/********************************************************************/

.sous_menu
	{
	position: absolute;
	translate: 200px;
	top: 100%;
	left: 0;
	z-index: 100;
	min-width: 220px;
	margin: 0;
	padding: 18px;
	list-style: none;
	background: #ffffff;
	border: 1px solid #EAEAEA;
	border-radius: 9px;
	box-shadow: 0px 3px 6px #00000029;
	min-width: 260px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s linear 0.15s;
	}
.sous_menu::before
	{
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	height: 8px;
	}
.sous_menu a
	{
	display: block;
	padding: 8px 14px;
	color: #828585;
	text-decoration: none;
	font-size: 17px;
	border-radius: 3px;
	}

.sous_menu a:hover,
.sous_menu a:focus-visible
	{
	background: rgba(0, 0, 0, 0.04);
	color: #64DE4F;
	}

/********************************************************************/
/*																	*/
/*	Mise en forme des items des menus déroulants					*/
/*																	*/
/********************************************************************/

.item_menu
	{
	display: inline-flex;
	align-items: center;
	gap: 0.75vw;
	padding: 10px 14px;
	border-radius: 5px;
	color: #828585;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	background: transparent;
	border: 0;
	cursor: pointer;
	font-family: inherit;
	transition: background-color 0.15s ease, color 0.15s ease;
	white-space: nowrap;
	}

.item_menu:hover,
.item_menu:focus-visible
	{
	color: #64DE4F;
	outline: none;
	}

/* Item "home" : carré vert plein avec icône blanche */
.item_menu--home
	{
	width: 46px;
	height: 46px;
	padding: 0;
	justify-content: center;
	background: #64DE4F;
	color: #ffffff;
	}

.item_menu--home:hover,
.item_menu--home:focus-visible
	{
	background: #4fc73a;
	color: #ffffff;
	}

.item_menu--home svg
	{
	width: 19px;
	height: 19px;
	fill: currentColor;
	}

.refonte-nav__caret
	{
	display: inline-flex;
	color: #64DE4F;
	transform: translateY(2px);
	transition: transform 0.15s ease;
	}

.refonte-nav__caret svg
	{
	width: 10px;
	height: 10px;
	}