.bulle-simple{
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 0% 20px 20px 20px;
	display: inline-block;
}

.color-blue-essi{
	background-color : #6BB7C7;
	color: white;
}

.bulle-clair{
	background-color : #ECF6FA;
}

.bulle-content{
	border-radius: 20px;
	padding: 20px;
	margin-bottom: 30px;
}

.table-theme tr{
	border-bottom: 1px solid black
}

hr{
	border-top: 1px solid black;
}

.barometre-table {
	width: 200px;
}
.barometre-table tr {
	height: 55px;
}
.barometre-table td {
	font-family: 'Lato', sans-serif;
	font-size: 1.1em;
	font-weight: 600;
}
.note-globale-table {
	width: 100%;
}
.note-globale-table .label-notes-row {
	height: 45px;
}
.note-globale-table .label-notes-row td {
	font-size: 12px;
	padding: 0 5px 0;
    position: relative;
    top: 12px;
	text-align: center;
}
.note-globale-table .label-notes-row td span {
	float: right;
	position: relative;
	top: -11px;
	font-size: 30px;
}
.note-globale-table .notes-row {
	height: 30px;
}
.note-globale-table .notes-row td {
	font-family: 'Lato', sans-serif;
	font-size: 1.1em;
	font-weight: 600;
	color: #fff;
	text-align: center;
	width: 10%;
	/* filter: saturate(1); */
}
.note-globale-table .notes-row td:hover {
	/* font-size: 1.3em !important; */
	filter: saturate(1.1) brightness(1.8);
}
.selected-note {
	-webkit-box-shadow:inset 0px 0px 0px 3px #c8384f;
    -moz-box-shadow:inset 0px 0px 0px 3px #c8384f;
    box-shadow:inset 0px 0px 0px 3px #c8384f;
	filter: saturate(1.1) brightness(1.3);
}
.unselected-note {
	filter: saturate(0.4) brightness(0.7);
}

.note-cell{
	margin: 5px;
	border-right:10px solid #ECF6FA;
}

/* Style radio button */


.control {
	font-family: arial;
	display: block;
	position: relative;
	margin-bottom: 5px;
	padding-top: 3px;
	cursor: pointer;
	font-size: 16px;
}
	.control input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}
.control_indicator {
	height: 26px;
	width: 26px;
	background: #ecf6fa;
	border: 2px solid #5cbdd3;
	border-radius: undefinedpx;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
	background: #8ad3e5;
}

.control input:checked ~ .control_indicator {
	background: #2aa1c0;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
	background: #2aa1c0;
}
.control input:disabled ~ .control_indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}
.control_indicator:after {
	box-sizing: unset;
	content: '';
	position: absolute;
	display: none;
}
.control input:checked ~ .control_indicator:after {
	display: block;
}
.control-radio .control_indicator {
	border-radius: 50%;
}

.control-radio input:disabled ~ .control_indicator:after {
	background: #7b7b7b;
}.control-radio .control_indicator::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 4.5rem;
	height: 4.5rem;
	margin-left: -1.3rem;
	margin-top: -1.3rem;
	background: #2aa1c0;
	border-radius: 3rem;
	opacity: 0.6;
	z-index: 99999;
	transform: scale(0);
}

.text-area-commentaire::placeholder{
	color: #06afb4;
}

.text-area-commentaire:focus{
	outline: none !important;
	border:2px solid #06afb4;
}

.visible {
	animation: SHW .5s;
    animation-fill-mode: both
}
@keyframes SHW {
    from {
        transform:scale(0.7);
        opacity:0
    }
    to {
        transform: scale(1);
        opacity:1
    }
}