@charset "utf-8";
/* CSS Document */

/*** Autres - Début ***/
body {
    background: #efefef;
}
#main {
	animation-duration: 2s;
	animation-name: mainIn;
}
@keyframes mainIn {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}

.noClic {
	cursor: no-drop !important;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}

.card-footer,
.card-header,

.select-none {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}
.asterisc {
	color: rgb(var(--bs-danger-rgb))!important;
}
/*** Autres - Fin ***/

/*** Menu - Début ***/
li.nav-item.dropdown .dropdown-menu li a i {
    min-width: 1.5rem;
}
.navbar .nav-item.active {
    background: #0000000d;
}
/*** Menu - Fin ***/

/*** Mon Bootstrap - Début ***/
.h1-5 {
    font-size: 2rem;
}
.h1-75 {
    font-size: 1.75rem;
}
.myh2, h2 {
    font-size: 1.2rem;
}
.floatright {
    float: right;
}
.floatleft {
    float: left;
}
.w-0 {
    width: 0;
}
.w-40-px {
    width: 40px;
}
.w-50-px {
    width: 50px;
}
.w-100-px {
    width: 100px;
}
.w-100-vw {
    width: 100vw;
}
.h-100-vh {
    height: 100vh;
}
.w-md-25 {
    width: 25%!important;
}
.w-md-50 {
    width: 50%!important;
}
.w-md-75 {
    width: 75%!important;
}
.w-md-100 {
    width: 100%!important;
}
.w-md-auto {
    width: auto!important;
}

.bg-inherit {
	background: inherit;
}
.bg-warning-light {
    background-color: #ffefbf;
}
.bg-blue-light {
    background-color: #e0e3e7;
}
.bg-blue {
	background-color: #336298
}
.bg-purple {
    background-color: #7952b3!important;
}
.text-purple {
    color: #7952b3!important;
}

.bg-img {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.right-0 {
	right: 0;
}
.left-0 {
	left: 0;
}
.top-0 {
	top: 0;
}
.bottom-0 {
	bottom: 0;
}
.text-blue {
	color: #336298
}
button, input {
    overflow: hidden;
}

input[type=submit].btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
input.my-d.my-d-block {
    display: block;
}
.col-0,
.col-sm-0,
.col-md-0,
.col-lg-0,
.my-d.my-d-none,
input.my-d.my-d-none {
    display: none;
}
.color-lightgrey {
    color: #bbbbbb;
}
.color-darkgrey {
    color: dimgrey;
}
.text-orange {
    color: orange;
}
.cursor-default {
    cursor: default;
}
.cursor-not {
    cursor: not-allowed;
}
.cursor-help {
    cursor: help;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-grab {
    cursor: grab;
}
.cursor-grab:active {
    cursor: grabbing;
}
.scale-1 {
    transition: transform 0.1s ease-in-out 0s;
}
.scale-1:hover {
    transform: scale(1.1)
}
.modal {
    background: rgb(0 0 0 / 29%);
}

.disabled-none.disabled {
	display: none;
}
.circle-notif {
	min-width: 1.5rem;
}
html .width-1 {
    width: 1rem;
}
html .width-2 {
    width: 2rem;
}
html .width-3 {
    width: 3rem;
}
html .width-4 {
    width: 4rem;
}
html .width-5 {
    width: 5rem;
}
html .width-6 {
    width: 6rem;
}
html .width-7 {
    width: 7rem;
}
html .width-8 {
    width: 8rem;
}
html .width-9 {
    width: 9rem;
}
html .width-10 {
    width: 10rem;
}
html .width-11 {
    width: 11rem;
}
html .width-12 {
    width: 12rem;
}
html .width-13 {
    width: 13rem;
}
html .width-14 {
    width: 14rem;
}
html .width-15 {
    width: 15rem;
}
html .width-16 {
    width: 16rem;
}
html .width-17 {
    width: 17rem;
}
html .width-18 {
    width: 18rem;
}
html .width-19 {
    width: 19rem;
}
html .width-20 {
    width: 20rem;
}

html .height-1 {
    height: 1rem;
}
html .height-2 {
    height: 2rem;
}
html .height-3 {
    height: 3rem;
}
html .height-4 {
    height: 4rem;
}
html .height-5 {
    height: 5rem;
}
html .height-6 {
    height: 6rem;
}
html .height-7 {
    height: 7rem;
}
html .height-8 {
    height: 8rem;
}
html .height-9 {
    height: 9rem;
}
html .height-10 {
    height: 10rem;
}
html .height-11 {
    height: 11rem;
}
html .height-12 {
    height: 12rem;
}
html .height-13 {
    height: 13rem;
}
html .height-14 {
    height: 14rem;
}
html .height-15 {
    height: 15rem;
}
html .height-16 {
    height: 16rem;
}
html .height-17 {
    height: 17rem;
}
html .height-18 {
    height: 18rem;
}
html .height-19 {
    height: 19rem;
}
html .height-20 {
    height: 20rem;
}
.zindex1 {
    z-index : 1;
}
.zindex-1 {
    z-index : 1000;
}
.zindex-2 {
    z-index : 1020;
}
.zindex-3 {
    z-index : 1030;
}
.zindex-4 {
    z-index : 1040;
}
.zindex-5 {
    z-index : 1050;
}
.zindex-6 {
    z-index : 1060;
}
.zindex-7 {
    z-index : 1070;
}
.all-center {
    margin-left: 50%;
    margin-top: 50vh;
    transform: translateX(-50%) translateY(-50%);
}

.break-all {
	word-break: break-all;
}

.p-4-5 {
    padding: 2.25rem!important;
}
.px-4-5 {
    padding-left: 2.25rem!important;
    padding-right: 2.25rem!important;
}
.py-4-5 {
    padding-top: 2.25rem!important;
    padding-bottom: 2.25rem!important;
}
.pl-4-5 {
    padding-left: 2.25rem!important;
}
.pr-4-5 {
    padding-right: 2.25rem!important;
}
.pt-4-5 {
    padding-top: 2.25rem!important;
}
.pb-4-5 {
    padding-bottom: 2.25rem!important;
}

.fs-0 {
	font-size: 0;
}

.accordion-body {
    background: #f9f9f9;
}
.table-striped>tbody>tr:nth-of-type(even)>* {
    --bs-table-accent-bg: #ffffff59;
}

body .btn-consult {
    color: #fff;
    background-color: #60cff1 ;
    border-color: #60cff1 ;
    text-shadow: 0 0 2px #1b1b3e66;
}
body .btn-consult:hover {
    color: #fff;
    background-color: #40adce;
    border-color: #40adce;
}
body .btn-consult.dropdown-toggle {
    color: #fff;
    background-color: #49b8da ;
    border-color: #49b8da ;
    text-shadow: 0 0 2px #1b1b3e66;
}
body .btn-consult.dropdown-toggle:hover {
    color: #fff;
    background-color: #399dbb;
    border-color: #399dbb;
}
body .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #5a6268 ;
    border-color: #5a6268 ;
    text-shadow: 0 0 2px #1b1b3e66;
}
body .btn-secondary.dropdown-toggle:hover {
    color: #fff;
    background-color: #444c52;
    border-color: #444c52;
}
body .btn-notfilled {
    color: #fff;
    background-color: #de7f7f ;
    border-color: #de7f7f ;
    text-shadow: 0 0 2px #1b1b3e66;
}
body .btn-notfilled:hover {
    color: #fff;
    background-color: #bd5a5a;
    border-color: #bd5a5a;
}
body .btn-notfilled.dropdown-toggle {
    color: #fff;
    background-color: #cc6868 ;
    border-color: #cc6868 ;
    text-shadow: 0 0 2px #1b1b3e66;
}
body .btn-notfilled.dropdown-toggle:hover {
    color: #fff;
    background-color: #b55252;
    border-color: #b55252;
}
body .btn-incomplete {
    color: #fff;
    background-color: #f7c327 ;
    border-color: #f7c327 ;
    text-shadow: 0 0 2px #1b1b3e66;
}
body .btn-incomplete:hover {
    color: #fff;
    background-color: #d8a714;
    border-color: #d8a714;
}
.form-check-input.check-bg-danger:checked {
    background-color: #dc3545;
    border-color: #dc3545;
}
.min-h-3 {
	min-height: 3rem !important;
}
.min-h-4 {
	min-height: 4rem !important;
}
.min-h-5 {
	min-height: 5rem !important;
}
.min-h-6 {
	min-height: 6rem !important;
}
.min-h-7 {
	min-height: 7rem !important;
}

.max-w-3 {
	max-width: 3rem !important;
}
.max-w-4 {
	max-width: 4rem !important;
}
.max-w-5 {
	max-width: 5rem !important;
}
.max-w-6 {
	max-width: 6rem !important;
}
.max-w-7 {
	max-width: 7rem !important;
}
.max-w-8 {
	max-width: 8rem !important;
}
.max-w-9 {
	max-width: 9rem !important;
}
.max-w-10 {
	max-width: 10rem !important;
}

.vertical-align-top {
	vertical-align: top;
}
.vertical-align-middle {
	vertical-align: middle;
}
.vertical-align-bottom {
	vertical-align: bottom;
}
.vertical-align-td-middle { /* Le TD parent doit être en "relative" */
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.text-justify {
	text-align: justify;
}

.font-weight-100 {
	font-weight: 100;
}
.font-weight-200 {
	font-weight: 200;
}
.font-weight-300 {
	font-weight: 300;
}
.font-weight-400 {
	font-weight: 400;
}
.font-weight-500 {
	font-weight: 500;
}
.font-weight-600 {
	font-weight: 600;
}
.font-weight-700 {
	font-weight: 700;
}
.font-weight-800 {
	font-weight: 800;
}
.font-weight-900 {
	font-weight: 900;
}

.rotate45 {
    transform: rotate(45deg);
}
.rotate90 {
    transform: rotate(90deg);
}
.rotate180 {
    transform: rotate(180deg);
}
.rotate270 {
    transform: rotate(270deg);
}
/*** Mon Bootstrap - Fin ***/

/*** Contre Bootstrap - Début ***/
label {
    margin: 0;
}
/*** Contre Bootstrap - Fin ***/

/*** My tooltip - Début ***/
*:not(i):not(a):not(button)[data-toggle="tooltip"]::first-letter {
    color: #03a9f4;
}
.tooltip .mytooltip {
}
.tooltip .mytooltip a {
	display: inline-block;
}
/*** My tooltip - Fin ***/

/*** Tableaux - Début ***/
.table td a {
    color: #2271b1;
    font-weight: 600;
	text-decoration: none;
}
.table td a:active,
.table td a:hover {
    color: #06365a;
}
/*** Tableaux - Fin ***/

/*** Calendrier des dates - Début ***/
.my_caldates thead tr:first-child {
    background: #0d6efd2e;
}
.my_caldates thead tr:last-child {
	
}
.my_caldates th {
	text-align:center;
}
.my_caldates td {
    position: relative;
    text-align: center;
    background: #ededed;
    border: solid 1px white;
    font-size: 1.3rem;
    padding: 0;
}
.my_caldates td > label {
	padding: 0.3rem 0;
    cursor: pointer;
}
.my_caldates td.dim {
    color: var(--bs-red);
}
.my_caldates td.today {
    background: var(--bs-warning);
}
.my_caldates td [type="checkbox"] {
    position: absolute;
    bottom: 1px;
    right: 1px;
}
.my_caldates label.dateselected {
	background: var(--bs-red);
	color: var(--bs-white);
}
.my_caldates td.matin label.dateselected {
	background: rgb(220,53,69);
	background: -moz-linear-gradient(180deg, rgba(220,53,69,1) 49%, rgba(237,237,237,1) 51%);
	background: -webkit-linear-gradient(180deg, rgba(220,53,69,1) 49%, rgba(237,237,237,1) 51%);
	background: linear-gradient(180deg, rgba(220,53,69,1) 49%, rgba(237,237,237,1) 51%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc3545",endColorstr="#ededed",GradientType=1);
}
.my_caldates td.aprem label.dateselected {
	background: rgb(220,53,69);
	background: -moz-linear-gradient(0deg, rgba(220,53,69,1) 49%, rgba(237,237,237,1) 51%);
	background: -webkit-linear-gradient(0deg, rgba(220,53,69,1) 49%, rgba(237,237,237,1) 51%);
	background: linear-gradient(0deg, rgba(220,53,69,1) 49%, rgba(237,237,237,1) 51%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc3545",endColorstr="#ededed",GradientType=1);
}
.my_caldates td.matin label.dateselected span {
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 49%, rgba(237,237,237,1) 51%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    font-weight: 400;
}
.my_caldates td.aprem label.dateselected span {
	background: -webkit-linear-gradient(270deg, rgba(0,0,0,1) 49%, rgba(237,237,237,1) 51%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    font-weight: 400;
}

.my_caldates .today label.dateselected {
	color: var(--bs-warning);
}
.my_caldates td.matin.today label.dateselected {
	background: rgb(220,53,69);
	background: -moz-linear-gradient(180deg, rgba(220,53,69,1) 49%, rgba(255,193,7,1) 51%);
	background: -webkit-linear-gradient(180deg, rgba(220,53,69,1) 49%, rgba(255,193,7,1) 51%);
	background: linear-gradient(180deg, rgba(220,53,69,1) 49%, rgba(255,193,7,1) 51%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc3545",endColorstr="#ffc107",GradientType=1);
}
.my_caldates td.aprem.today label.dateselected {
	background: rgb(220,53,69);
	background: -moz-linear-gradient(0deg, rgba(220,53,69,1) 49%, rgba(255,193,7,1) 51%);
	background: -webkit-linear-gradient(0deg, rgba(220,53,69,1) 49%, rgba(255,193,7,1) 51%);
	background: linear-gradient(0deg, rgba(220,53,69,1) 49%, rgba(255,193,7,1) 51%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc3545",endColorstr="#ffc107",GradientType=1);
}
.my_caldates td.matin.today label.dateselected span {
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 49%, rgba(255,193,7,1) 51%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    font-weight: 400;
}
.my_caldates td.aprem.today label.dateselected span {
	background: -webkit-linear-gradient(270deg, rgba(0,0,0,1) 49%, rgba(255,193,7,1) 51%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    font-weight: 400;
}
/***  Calendrier des dates - Fin ***/

/*** Tiny MCE - Début ***/
.little-tiny .tox-editor-header {
	padding: 0 !important;
}
.little-tiny .tox-toolbar-overlord button {
	margin: 0 !important;
	height: auto !important;
}
.little-tiny .tox-toolbar-overlord {
	/*opacity: 0;*/
	transition: all 0.3s ease-in-out;
}
.little-tiny .tox.tox-tinymce:hover .tox-toolbar-overlord {
	opacity: 1;
}
body .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid #0000001f;
}
/*** Tiny MCE - Fin ***/

/*** Smileys - Début ***/
.smileyicon-lg .smileyicon {
    font-size: xx-large;
}
.smileyicon {
	color: #6f42c1;
}
.smilicon_green {
	color: #198754;
}
.smilicon_brown {
	color: #81370c;
}
.smilicon_red {
	color: #dc3545;
}
.smilicon_blue {
	color: #0d6efd;
}
/*** Smileys - Fin ***/

/*** My toast - Début ***/
.mytoast {
    position: fixed;
    right: 6rem;
    bottom: 1rem;
    width: auto;
	padding: 0;
	max-width: 60%;
    font-size: .875rem;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);
    border-radius: .25rem;
	
    opacity: 0;
    transform: translateY(100%);
	transition: all 0.3s ease-in-out;
}
.mytoast.over {
    opacity: 1;
	transform: translateY(0%);
	transition: all 0.3s ease-in-out;
}
.my-toast-header {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}
.my-toast-body {
    padding: .75rem;
}
/*** My toast - Fin ***/

/*** Début Bouton Scroll Top ***/
#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
    min-width: 50px;
    z-index: 9999;
	display: none;
}
#btn-back-to-top:hover {
	animation-name: btnbacktotop;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
@keyframes btnbacktotop {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-5px);
	}
	100% {
		transform: translateY(0px);
	}
}
/*** Bouton Scroll Top - Fin ***/

/*** Manuhelp - Début ***/
#bodyhelp_closemanuhelp {
	width:75vw;
}
#bodyhelp_closemanuhelp #main {
    position: relative;
}
#nanuelBody {
	background: transparent;
}
#manuhelp {
    width: 24vw;
    position: fixed;
    height: 100vh;
    top: 0;
    right: 0;
    padding: 3rem 0.5rem 0.5rem 0.5rem;
    border-left: solid 2px #336298;
    background: #f1e1c3;
    overflow-y: auto;
}
#nanuelArea {
    padding: 0.5rem;
}
#nanuelArea *:not(h1):not(h2) {
	font-size: 4vw !important;
}
#nanuelArea h1 {
	font-size: 8vw;
    display: inline-block;
    margin: 0px 0px 10px 0px;
}
#nanuelArea h2 {
    font-size: 5.5vw;
}
#nanuelArea h1 i {
    font-size: medium;
	margin-right: 0.5rem;
}
#nanuelArea hr {
    border-top: 1px solid rgb(0 0 0 / 38%);
}
#nanuelArea a.question {
	font-size: 4.5vw;
}
#nanuelArea a[target="top"] {
	color: #1a0dab;
	text-decoration: underline;
}
#nanuelArea table,
#nanuelArea table th,
#nanuelArea table td {
	border: solid 1px grey;
    padding: 0.25rem 0.5rem;
	background: rgb(255 255 255 / 14%);
}
#nanuelArea img {
	max-width: 100%;
	margin: 0.5rem;
}
#nanuelArea img ~ br {
	display: none
}
/*** Manuhelp - Fin ***/

/*** Myform - Début ***/

.myform {
    margin-left: 0;
    margin-right: 0;
}
.myform .myform-text,
.myform .myform-number,
.myform .myform-select,
.myform .myform-tel,
.myform .myform-email,
.myform .myform-url,
.myform .myform-date,
.myform .myform-datetimelocal,
.myform .myform-time,
.myform .myform-month,
.myform .myform-week,
.myform textarea,
.goodform input[type='text'],
.goodform input[type='search'],
.goodform input[type='password'],
.goodform input[type='number'],
.goodform select,
.goodform input[type='tel'],
.goodform input[type='email'],
.goodform input[type='url'],
.goodform input[type='date'],
.goodform input[type='datetime-local'],
.goodform input[type='time'],
.goodform input[type='month'],
.goodform input[type='week'],
.goodform input[type='file'],
.goodform input[type='color'],
.goodform .input,
.goodform textarea {
    width: 100%;
    padding: 8px 12px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background: white;
    box-shadow: inset 0 1px 3px #ddd;
}
.goodform input[type='checkbox'],
.goodform input[type='radio'] {
    margin: 8px 0;
    width: 1rem;
}
.myform .myform-color,
.goodform input[type='color'] {
    height: 2.7rem;
    padding: 0.2rem;
}
.myform .myform-date,
.myform .myform-datetimelocal,
.myform .myform-time,
.myform .myform-month,
.myform .myform-week,
.goodform input[type='date'],
.goodform input[type='datetime-local'],
.goodform input[type='time'],
.goodform input[type='month'],
.goodform input[type='week'] {
    width: 13rem;
}
.goodform input[type='file'] {
    width: 20rem;
}
.myform label ~ p,
.goodform label ~ p {
    color: grey;
    font-size: 0.8rem;
}
.myform-col > div {
    padding: 0.5rem 1rem;
    margin: 15px 0;
    /*border-radius: 1rem;
    border-top: solid #e0e0e0;*/
}
.myform-col input:disabled,
.goodform input:disabled {
    background: #e8e8e8;
}

.myform input[type='submit']:not(.btn),
.goodform input[type='submit']:not(.btn) {
	box-shadow: 0px 1px 0px 0px #1564ad;
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	background-color:#79bbff;
	border-radius:6px;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding: 8px 24px;
    margin: 8px 0;
	text-decoration:none;
	text-shadow:0px -1px 0px #528ecc;
    transform: scale(1);
}
.myform input[type='submit']:hover:not(.btn),
.goodform input[type='submit']:hover:not(.btn) {
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	background-color:#378de5;
    transform: scale(1);
}
.myform input[type='submit']:active:not(.btn),
.goodform input[type='submit']:active:not(.btn) {
	position:relative;
	top:1px;
}

.myform .bt-grey,
.goodform .bt-grey {
    box-shadow: 0px 1px 0px 0px #828282;
    background: linear-gradient(to bottom, #dedede 5%, #abacad 100%);
    background-color: #dedede;
    border-radius: 6px;
    border: 1px solid #97999a;
    display: inline-block;
    cursor: pointer;
    color: #292929;
    font-size: 15px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #e4e4e4;
    transform: scale(1);
}
.myform .bt-grey:hover,
.goodform .bt-grey:hover {
	background:linear-gradient(to bottom, #abacad 5%, #dedede 100%);
	background-color:#abacad;
    transform: scale(1);
}
.myform .bt-grey:active,
.goodform .bt-grey:active {
	position:relative;
	top:1px;
}

.myform .helperButton,
.goodform .helperButton {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0.4rem;
    height: 1.5rem;
    line-height: 0.5rem;
}
.myform select option,
.goodform select option {
    background: #fdfdfd;
    color: #4071a2;
}
.myform select option:disabled,
.goodform select option:disabled {
    background: #e8e8e8;
    color: #545454;
}
.reponsezone {
    background: #b9deef;
    border-radius: 0.3rem;
}
.responseIcon.responseIconFull {
    color: #00BCD4;
}
.responseIcon.responseIconEmpty {
    color: #d47f00
}
.typeField {
    width: 1.2rem;
    text-align: center;
}
tr.typeField_15,
tr.typeField_16 {
    background: #edd89b;
}
.myform-type-15 hr {
	margin-bottom: 3rem;
}
.myform-type-16 + .myform-type-15 hr {
	display: none;
}
.myform-type-16 + .myform-type-15 > div,
.myform-type-16 + .myform-type-15 h2 {
	margin-top: 0 !important;
	padding-top: 0;
}
.myform-type-16 hr {
	margin-top: 3rem;
}
.myform-type-16 + .myform-type-footer hr {
	display: none;
}

.myform hr,
.goodform hr {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
.myform hr:after,
.goodform hr:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -1.35rem;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: inherit;
}
.myform .correct,
.goodform .correct {
	background: #cfebcf;
}
.myform .incorrect,
.goodform .incorrect {
	background: #fbd9d2;
}
.myform .explication,
.goodform .explication {
	background: #d7ebff;
}
.myform label ~ span,
.goodform label ~ span {
	color: #a2a2a2;
    font-size: 0.75rem;
    line-height: 0.75rem;
    display: block;
}
.manote {
    border: solid 0.5rem;
}
.icon_smile {
	font-size: 1.75rem;
    border-radius: 50%;
}
.icon_smile.fa-smile {
    background: #00800030;
}
.icon_smile.fa-meh {
    background: #00328030;
}
.icon_smile.fa-frown {
    background: #80190030;
}
.input-group-text.my-input-radio {
    height: 2.5rem;
    margin-top: 0.5rem;
}
div.form-control.myform-text {
    height: 2.5rem;
    background: transparent;
}
/*** Myform - Fin ***/

/*** Questionnaire - Début ***/
#body.signatures header,
#body.questionnaire header {
	/*margin-top: 25px;*/
    background: #336298;
    color: white;
    text-align: center;
    padding: 0.7rem 0 0.7rem 0;
}
#body.signatures header img,
#body.questionnaire header img {
    max-height: 3rem;
}
.myform input.optvaluefield,
.goodform input.optvaluefield {
	
}
.myform input.optnamefield,
.goodform input.optnamefield {
    background: #f3e8c7;
    color: #b38600;
}
/*** Questionnaire - Fin ***/

/*** Champs INPUT FILE - Début ***/
.input-file-container {
	position: relative;
    display: inline-block;
}
.input-file-trigger {
	display: block;
	padding: 6px 10px;
	background: #39D2B4;
	color: #fff;
	font-size: 1em;
	transition: all .4s;
	cursor: pointer;
}
.input-file {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 6px 0;
	opacity: 0;
	cursor: pointer;
}
.input-file:hover + .input-file-trigger,
.input-file:focus + .input-file-trigger,
.input-file-trigger:hover,
.input-file-trigger:focus {
	background: #34495E;
	color: #39D2B4;
}
.file-return {
	margin: 0;
}
.file-return:not(:empty) {
	margin: 1em 0;
}
.file-return {
	font-style: italic;
	font-size: .9em;
	font-weight: bold;
}
.file-return:not(:empty):before {
	content: "Selected file: ";
	font-style: normal;
	font-weight: normal;
}
/*** Champs INPUT FILE - Fin ***/

/*** HOVER - Début ***/
.spanhover-opacity {
	opacity: 0;
	transition: all 0.1s ease-in-out;
}
.spanhover:hover .spanhover-opacity {
	opacity: 1;
}
/*** HOVER - Fin ***/

/*** Sortable - Début ***/
.opensortable .myhandle {
    height: 0 !important;
    overflow: hidden;
}
.opensortable .opensettingsfield {
    transform: rotate(180deg);
}
.opensortable .opensettingsfield:hover {
    transform: rotate(180deg);
}

.goodsortable > * {
    width: 100%;
    padding: 8px 12px;
    margin: 8px 0;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    box-sizing: border-box;
    background: #ddd;
    box-shadow: inset 0 1px 3px white;
}
.goodsortable > * > * {
    border: none;
    padding: 0.5rem;
}

.ui-sortable-helper {
    padding: 0;
    padding-left: 1.5rem;
    background: #ccc;
    transition: background 0.2s ease-in-out 0s;
}
.ui-sortable-helper i {
    display: none;
    height: 0 !important;
}
/*** Sortable - Fin ***/

/*** Good Table - Début ***/
.goodtable th {
    font-size: 14px;
    background: #525252;
    color: white;
}
.goodtable tr:nth-child(even) {
    border: solid 1px #e2e2e2;
    transition: background 0.2s ease-in-out;
    background: #dcdcdc;
}
.goodtable tr:nth-child(odd) {
    border: solid 1px #e2e2e2;
    background: #ececec;
}
.goodtable td {
    padding: 2px 10px;
}
/*** Good Table - Fin ***/

@media (max-width: 915px) {
	
	.w-md-25 {
		width: inherit!important;
	}
	.w-md-50 {
		width: inherit!important;
	}
	.w-md-75 {
		width: inherit!important;
	}
	.w-md-100 {
		width: inherit!important;
	}
	.w-md-auto {
		width: inherit!important;
	}
	
	#manuhelp {
		width: 100vw;
	}
}