<style type="text/css">

/* general body settings */
body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	/*background-color: #F5F5FA;*/
}

/* general font (basically, all content is in some table cell */
td, th {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10pt;
}

#wrapperTemporaryBanner {
    top: 0px;
    left: 0px;
    z-index: 2147483647;
    width: 100%;
    background: white;
    display: none;
    padding: 0 20px;
    text-align: center;
    color: #635970;
}

/* main title of each page, used in style's html_header.php */
.page_title {
	font-family: Helvetica, Arialsans-serif;
	font-size: 20pt;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #566383;
}

/* heading (only h3 and h4 are really used) */
h1,h2,h3 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 14pt;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	color: #566383;
}

h4,h5,h6 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 13pt;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 6px;
}

/* used whenever a small font is needed */
.small {
	font-family: Arial;
	font-size: 8pt;
}

/* navigation menu */
.menu_title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
}

.menu_item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}
 
/* form elements */
input[type="text"], input[type="password"], textarea {
    border: 2px solid #aaa;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 2px 5px;
    outline: 0;
    -webkit-appearance: none;
}
input[type="text"]:focus, textarea:focus {
	border: 2px solid #6b7da5;
}

input[type="radio"] {
}
input[type="checkbox"] {
}

select:enabled { /* for some reason "select" alone does not work */
    border:2px solid #aaa;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding:2px;
    outline: 0;
}
select:focus {
    border:2px solid #6b7da5;
}


/* general formatting for forms */
table.or_formtable {
	max-width: 90%;
	border: 2px solid #aaa;
	border-collapse: separate;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	padding: 15px;
}
table.or_formtable>tr:first-child td {
     padding-top: 10px;
}
table.or_formtable>tr:first-child td:first-child {
     border-radius: 10px 0px 0px 0px;
}
table.or_formtable>tr:first-child td:last-child {
     border-radius: 0px 10px 0px 0px;
}
table.or_formtable>tr:first-child td:only-child {
	border-radius: 10px 10px 0px 0px;
}
table.or_formtable>tr:last-child td:first-child {
     border-radius: 0px 0px 0px 10px;
}
table.or_formtable>tr:last-child td:last-child {
     border-radius: 0px 0px 10px 0px;
}
table.or_formtable>tr:last-child td:only-child {
	border-radius: 0px 0px 10px 10px;
}


/* general formatting for panels with information */
table.or_panel {
	width: 90%;
	border:2px solid #aaa;
	border-collapse: separate;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
table.or_panel>tr:first-child>td {
     padding-top: 0px;
}
/* rounded corners for panel */
table.or_panel>tr:first-child>td:first-child {
    -moz-border-radius: 10px 0px 0px 0px;
    -webkit-border-radius: 10px 0px 0px 0px;
     border-radius: 10px 0px 0px 0px;
}
table.or_panel>tr:first-child>td:last-child {
    -moz-border-radius: 0px 10px 0px 0px;
    -webkit-border-radius: 0px 10px 0px 0px;
     border-radius: 0px 10px 0px 0px;
}
table.or_panel>tr:first-child>td:only-child {
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
table.or_panel>tr:last-child>td:first-child {
    -moz-border-radius: 0px 0px 0px 10px;
    -webkit-border-radius: 0px 0px 0px 10px;
    border-radius: 0px 0px 0px 10px;
}
table.or_panel>tr:last-child>td:last-child {
    -moz-border-radius: 0px 0px 10px 0px;
    -webkit-border-radius: 0px 0px 10px 0px;
     border-radius: 0px 0px 10px 0px;
}
table.or_panel>tr:last-child>td:only-child {
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}


/* panel subtitles */
table.or_panel_title {
	border-collapse: collapse;
}
table.or_panel_title td {
	font-family: Arial, helvetica, sans-serif;
	font-size: 13pt;
	text-decoration: none;
	font-weight: bold;
	padding-left: 10px;
	vertical-align: middle;
	height: 30px;
}
table.or_panel_title tr td:first-child {
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
table.or_panel_title tr td:last-child {
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
table.or_panel_title tr td:only-child {
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}

/* page subtitle */
table.or_page_subtitle {
	border-collapse: separate;
	border: 2px solid #aaa;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	width: 90%;
}
table.or_page_subtitle td {
	font-family: Helvetica, sans-serif;
	font-size: 13pt;
	text-decoration: none;
	font-weight: bold;
	padding-left: 10px;
	vertical-align: middle;
	height: 30px;
}


/* option buttons box */
table.or_option_buttons_box {
	width: 100%;
	border-collapse: collapse;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}

table.or_option_buttons_box td {
	padding: 2px 5px 2px 5px;
}

/* formatting for section of options (used in Options & Statistics) */
table.or_optionssection {
	width: 100%;
	border-collapse: separate; 
	border:2px solid #aaa;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
table.or_optionssection tr td {
    border: 0px;
    padding: 0px 0px 0px 40px;
}
table.or_optionssection tr.section_title td {
    padding: 3px 0px 0px 3px;
	color: #777;
	font-family: Helvetica, Arialsans-serif;
	font-size: 12pt;
}

/* general formatting for lists */
table.or_listtable {
	border: 2px solid #aaa;
	border-collapse: separate;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border-spacing: 0px;
	padding: 2px 2px 2px 2px;
}
table.or_listtable>thead>tr{
	height: 20px;
	font-weight: bold;
}
table.or_listtable>thead>tr>td{
	padding: 0px 2px 0px 2px;
	vertical-align: middle;
}
table.or_listtable>thead>tr:first-child>td:first-child {
    -moz-border-radius: 10px 0px 0px 0px;
    -webkit-border-radius: 10px 0px 0px 0px;
     border-radius: 10px 0px 0px 0px;
}
table.or_listtable>thead>tr:first-child>td:last-child {
    -moz-border-radius: 0px 10px 0px 0px;
    -webkit-border-radius: 0px 10px 0px 0px;
     border-radius: 0px 10px 0px 0px;
}
table.or_listtable>thead>tr:first-child>td:only-child {
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
table.or_listtable>tbody>tr:hover{
	background: #bbb;
}
table.or_listtable>tbody>td{
	padding: 0px 2px 0px 2px;
	vertical-align: top;
}

/* formatting for ORSEE recruitment report */
table.or_orr_section_head {
	border-collapse: separate;
	border: 2px solid #aaa;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	width: 100%;
	background: #6E6E6E;
	color: #ffffff;
}
table.or_orr_section_head td {
	font-size: 13pt;
	font-family: Arial, helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
table.or_orr_section_content {
	border: 2px solid #aaa;
	border-collapse: separate;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border-spacing: 0px;
	padding: 2px;
	width: 100%;
}
table.or_orr_section_content td {
	padding: 2px;
}
table.or_orr_section_content tr.or_orr_list_shade_odd {
	background: none;
}
table.or_orr_section_content tr.or_orr_list_shade_even {
	background: #EEEEEE;
}
table.or_orr_spstatstable {
	border: 2px solid #aaa;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 2px 2px 2px 2px;
}
table.or_orr_spstatstable td.orr_header_title {
	background: #6E6E6E;
	color: #ffffff;
	font-size: 13pt;
	font-family: Arial, helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold; 
}
table.or_orr_spstatstable td.orr_header_poolnames {
	background: #6E6E6E;
	color: #ffffff;
	font-weight: bold; 
}
table.or_orr_spstatstable td.orr_header_n {
	background: #6E6E6E;
	color: #ffffff;
	text-decoration: none;
	font-style: italic; 
}
table.or_orr_spstatstable td.orr_header_varnames {
	background: #cccccc;
	color: #000000;
	font-weight: bold; 
}

table.or_message {
	width: 400px;
	border-width: 3px;
	border-style: solid;
	border-collapse: separate;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}



/* ORSEE buttons style (also allows for icons in buttons)*/
.button {      
	display: inline-block;
	white-space: nowrap;
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	border: 1px solid #777;
	padding: 0 1em 0 1em;
	margin: 0.5em;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	text-decoration: none;
	font-family:  FontAwesome, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 15pt;
	font-weight: bold;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
.button:hover {
	background-color: #eee;        
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
}
.button:active {
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}
.button:focus {
	outline: 0;
	background: #fafafa; 
}    
.button:before {
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.3em;
	margin: 0 0.1em 0 -1em;
	padding: 0 .2em;
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em; 
	border-radius: .15em 0 0 .15em;     
	pointer-events: none;
	font-style: normal;
	font-weight: normal;
}

/*********  LBR CUSTOM  ***********/

body {
	min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-width: fit-content!important;
}

.img-bandeau {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.navbar {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)!important;
}

.global-page-text {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

#global-footer {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.modal-content {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)!important;
}

#accueil-group-button {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.btn:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)!important;
}

.form-captcha:focus {
	color: var(--bs-body-color)!important;;
    background-color: var(--bs-body-bg)!important;;
    outline: 0!important;;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25)!important;;

}

.class-global-main-wrapper {
    flex: 1;
}

.navbar.sticky-top.navbar-expand-lg.bg-white {
	padding: 15px 15px;

}

#navbarTogglerDemo01 {
	font-size: 20px;
}

.nav-item {
	padding-left: 20px!important;
    font-weight: 500!important;
    text-decoration: none!important;
}

.nav-link {
	/*color: rgba(0,0,0,.5)!important;*/
}

.active>.nav-link {
    color: black;
}
/*.active>.nav-link {
	border-radius: var(--bs-border-radius)!important;
}*/
.nav-item-acceuil.active>.active-line {
    border-bottom: solid 3px rgb(102, 153, 204);
    display: block;
    border-radius: var(--bs-border-radius)!important;
}
.nav-item-inscription.active>.active-line {
    border-bottom: solid 3px #BE844E;
    display: block;
    border-radius: var(--bs-border-radius)!important;
}
.nav-item-chercheur.active>.active-line {
    border-bottom: solid 3px #CC0000;
    display: block;
    border-radius: var(--bs-border-radius)!important;
}
.nav-item-faq.active>.active-line {
    border-bottom: solid 3px #006020;
    display: block;
    border-radius: var(--bs-border-radius)!important;
}
.nav-item-plus.active>.active-line {
    border-bottom: solid 3px #e0a000;
    display: block;
    border-radius: var(--bs-border-radius)!important;
}
.nav-item-admin.active>.active-line {
    border-bottom: solid 3px #000000;
    display: block;
    border-radius: var(--bs-border-radius)!important;
}

.nav-item-acceuil:not(.active)>.active-line {
    display: none;
}
.nav-item-inscription:not(.active)>.active-line {
    display: none;
}
.nav-item-chercheur:not(.active)>.active-line {
    display: block;
}
.nav-item-faq:not(.active)>.active-line {
    display: none;
}
.nav-item-plus:not(.active)>.active-line {
    display: none;
}
.nav-item-admin:not(.active)>.active-line {
    display: none;
}

.nav-item:after {
    display:block;
    content: '';
    /*border-bottom: solid 3px #019fb6;*/
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    transform-origin:  0% 50%;
    border-radius: var(--bs-border-radius)!important;
}
.nav-item:hover:after {
    transform: scaleX(1);
}
.nav-item-acceuil:not(.active):after{
    border-bottom: solid 3px rgb(102, 153, 204);
}
.nav-item-inscription:not(.active):after{
    border-bottom: solid 3px #BE844E;
}
.nav-item-chercheur:not(.active):after{
    border-bottom: solid 3px #CC0000;
}
.nav-item-faq:not(.active):after{
    border-bottom: solid 3px #006020;
}
.nav-item-plus:not(.active):after{
    border-bottom: solid 3px #e0a000;
}
.nav-item-admin:not(.active):after{
    border-bottom: solid 3px #000000;
}

.is-admin {
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

#admin-menu-wrapper {
	background-color: white;
	padding: 20px;
	height: 100%;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

#admin-content-wrapper {
	width: 100%;
	padding-top: 40px;
}

#admin-menu-wrapper a {
	text-decoration: none;
}

.tooltip {
	opacity: 1!important;
}

.form-control, .form-select, .form-captcha {
	border: var(--bs-border-width) solid var(--bs-border-color)!important;
    -moz-border-radius: var(--bs-border-radius)!important;
    -webkit-border-radius: var(--bs-border-radius)!important;
    border-radius: var(--bs-border-radius)!important;
    padding: .375rem .75rem!important;
    outline: unset!important;
}

.inscription-final-input {
	color: #BE844E!important;
    border-color: #BE844E!important;
}

.inscription-final-input:hover{
    text-decoration: none!important;
    color: white!important;
    border-color: #BE844E!important;
    background-color: #BE844E!important;
}

.chercheur-form-final-input {
	color: #CC0000!important;
    border-color: #CC0000!important;
}

.chercheur-form-final-input:hover{
    text-decoration: none!important;
    color: white!important;
    border-color: #CC0000!important;
    background-color: #CC0000!important;
}

.participant-form-td-label {
	font-size: 18px;
}

.menur {
	font-family: Verdana, Arial, Times New Roman;
    text-decoration: none;
    color: #6699CC;
    background: transparent;
}

#table-error-boxe {
	display: flex;
    justify-content: space-around;
    flex-direction: row;
}

/*  expescience main pages  */
#accueil-page-bandeau {
	width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
}

#accueil-page-bandeau img {
	width: 100%;
	height: auto;
	min-height: 110px;
}

#accueil-page-text {
	padding: 10px 20px;
    position: relative;
    top: -55px;
    background: white;
    border-radius: var(--bs-border-radius)!important;
}

#accueil-page-text a:not(.accueil-button-border, .inscription-a, .calendar_detail_link) {
	color: #6699CC!important;
}

#accueil-page-text-title {
    padding-bottom: 20px;
}

#accueil-page-text-title::before {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 55px;
    background: #6699CC;
    border-top-left-radius: var(--bs-border-radius)!important;
}

#faq-page-text-title::before{
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 55px;
    background: #006020;
    border-top-left-radius: var(--bs-border-radius)!important;
}

#faq-page-text-title h1 {
    text-transform: none;
}

#plus-page-text-title::before{
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 55px;
    background: #e0a000;
    border-top-left-radius: var(--bs-border-radius)!important;
}

#plus-page-text-title h1 {
    text-transform: none;
}

#inscription-page-text-title::before{
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 55px;
    background: #BE844E;
    border-top-left-radius: var(--bs-border-radius)!important;
}

#inscription-page-text-title h1 {
    text-transform: none;
}

#chercheur-page-text-title::before{
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 55px;
    background: #CC0000;
    border-top-left-radius: var(--bs-border-radius)!important;
}

#chercheur-page-text-title h1 {
    text-transform: none;
}

#accueil-page-text-title h1 {
	text-transform: none;
}

#accueil-page-text-sub-title {
	color: #6699CC;
}

#wrapper-button-participe {
	text-align: center;
}

#accueil-group-button {
	padding: 30px 30px 20px 30px;
	position: relative;
	top: -50px;
	background: white;
	margin-top: 40px;
	border-radius: var(--bs-border-radius)!important;
}

#accueil-group-button p {
	font-size: 1.25rem;
	font-weight: 500;
	color: #6699CC;
	text-decoration: underline;
}

.accueil-button-border{
    text-decoration: none!important;
    color: #6699CC!important;
    border-color: #6699CC!important;
}

.accueil-button-border:hover{
    text-decoration: none!important;
    color: white!important;
    border-color: #6699CC!important;
    background-color: #6699CC!important;
}

.footer-logo {
	display: flex;
    text-align: right;
    margin-bottom: 15px;
    flex-direction: row;
    justify-content: flex-end;
}

.footer-logo a {
	padding-right: 40px;
}

.faq-table {
	border-color: white!important;
}

.faq-table tr {
	cursor: pointer!important;
}

.faq-table>:not(caption)>*>* {
	font-size: 18px!important;
	padding: 1rem 1rem!important;
}

.faq-table a {
	text-decoration: none!important;
}

.modal {
	/*display: flex!important;*/
	align-items: center!important;
}

.modal-close, .close-modal-no-particpant, .close-modal-refuse-mail {
	background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.modal-close:hover, .close-modal-no-particpant:hover, .close-modal-refuse-mail:hover {
	opacity: 1;
}

.modal-footer {
	padding-bottom: 0px!important;
	justify-content: center!important;
}

.modal-title {
	font-weight: bold!important;
}

.centered-modal {
	margin-top: 100px!important;
	max-width: 700!important;
}


.plus-card {
	max-width: 100%;
    border: none!important;
    background-color: white!important;
}

.plus-card-img img{
	width: 210px!important;
	border-bottom-right-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important;
}

#plus-expe-content-technique .card, #chercheur-expe-content-technique .card {
	border: none!important;
}

#plus-expe-content-technique .card-body, #chercheur-expe-content-technique .card-body {
	background-color: white!important;
}

.normal {
	font-size: 18px;
}

#plus-expe-content p, #plus-expe-content-technique p, #chercheur-expe-content-technique p {
	font-size: 18px!important;
}

.wrapper-content-left {
	text-align: left!important;
    text-align: -webkit-left!important;
}

#participant-expe-content-mendatory {
	color: red;
    font-size: 12px;
}

.form-check-reverse {
	float: left;
}

.form-check-reverse input {
	float: unset;
}

#participant-expe-content, .participant-register-form-inside-table, #participant-table-captcha td {
	font-size: 18px!important;
}

.btn {
    font-size: 20px!important;
}

#mention-page-text-content a {
	text-decoration: none;
}

.inscription-a {
	color: #BE844E!important;
}

.update-info-title {
	display: flex;
    justify-content: space-between;
}

#chercheur-expe-content-technique a {
	text-decoration: none;
}

.participant-update-info-form-wrapper {
	text-align: left;
    width: 100%;
    padding: 15px;
}

.error-mail-not-exist, .hard-refresh-hide {
	display: none;
}

.valid-mail-exist {
	display: block;
    width: 100%;
    color: var(--bs-form-valid-color);
}

#table-error-boxe .or_message {
	padding: 15px;
	border-color: var(--bs-form-invalid-color)!important;
	color : var(--bs-form-invalid-color)!important;
	background-color: white!important;
}

#table-valid-boxe {

    display: flex;
    justify-content: space-around;
    flex-direction: row;
}

#table-valid-boxe .or_message {
	padding: 15px;
	border-color: var(--bs-form-valid-color)!important;
	color : var(--bs-form-valid-color)!important;
	background-color: white!important;
}

#table-valid-boxe .or_message td, #table-error-boxe .or_message td {
	font-size: 16px;
}

.form-field-margin {
	margin-bottom: 1.7rem!important;
}

.mandatory-span {
	color: red;
	font-size: 13px;
}

.chercheur-experience-form-wrapper input::placeholder, .chercheur-experience-form-wrapper textarea::placeholder, .add-expiment-table textarea::placeholder, .add-expiment-table input::placeholder {
  font-size: 15px!important;
  color: lightgrey!important;
  font-style: italic!important;
}

.chercheur-experience-form-wrapper input::-ms-input-placeholder, .chercheur-experience-form-wrapper textarea::placeholder, .add-expiment-table textarea::placeholder, .add-expiment-table input::placeholder { 
  font-size: 15px!important;
  color: lightgrey!important;
  font-style: italic!important;
}

.chercheur-experience-form-wrapper input::-ms-input-placeholder, .chercheur-experience-form-wrapper textarea::placeholder, .add-expiment-table textarea::placeholder, .add-expiment-table input::placeholder { 
  font-size: 15px!important;
  color: lightgrey!important;
  font-style: italic!important;
}

.chercheur-experience-form-wrapper input::-webkit-input-placeholder, .chercheur-experience-form-wrapper textarea::placeholder, .add-expiment-table textarea::placeholder, .add-expiment-table input::placeholder {
  font-size: 15px!important;
  color: lightgrey!important;
  font-style: italic!important;
}

.add-expiment-table tr td {
	font-size: var(--bs-body-font-size)!important;
}

.experiment_show_apercu_form_head {
    color: #FFFFFF;
    height: 20px;
    font-weight: bold;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border-spacing: 0px;
}

.experiment_show_apercu_form_td_1 {
    border-radius: 10px 0px 0px 0px;
}

.experiment_show_apercu_form_td_3 {
    border-radius: 0px 10px 0px 0px;
}

.show-exp-detail-20 {
	height: 20px;
}

.show-exp-detail-50 {
	height: 45px;
}

.show-exp-detail-100 {
	height: 100px;
	max-height: 200px;
}

.or_panel, .or_formtable {
	border: unset!important;
}

.mail-modal-dialog {
	max-width: 700!important;
}

.mail-modal-content {
	color: black!important;
}

#exampleModalLabel {
	text-align: left!important;
}

.edit_view_mail_template {
	text-align: right;
	padding-right: 30px;
}

.td-align-right {
	text-align: right;
}

.td-align-center {
	text-align: center;
}

.hover-head {
	cursor:pointer;
}

.admin-logo-band a {
	text-decoration: none;
}

.admin-logo-band img {
	height: 100px;
}

.title-admin {
	font: 700 1.5em/1em "Chivo",sans-serif;
}

.logo-cnrs, .logo-dec {
	padding: 0 20px 0 0;
}

.logo-dec {
	padding: 10px;
}

.logo-dec img {
	height: 85px!important;
}

.td-padding {
	padding: 0 50px;
}

.card-rapid-acess {
	width: 75%;
}

.rapid-access-wrapper {
	display: flex;
	justify-content: space-evenly;

}

.small a {
	text-decoration: none;
}

.experiment-edit-tittle {
	background: #7fa9d4;
    color: #ffffff;
    padding: 10px;
    width: 85%;
    border-radius: 10px;
}

#table_experiment_show tbody td a, #table_experiment_show tbody td a span{
	text-decoration: none!important;
}

#table_experiment_show {
	border-left: 1px solid lightgray;
  	border-right: 1px solid lightgray;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
  	border-radius: 10px;
}

.table_show_participant, #participant_row_table {
	border: unset!important;
}

.fa-floppy-o {
	display: none;
}

.fa-backward {
	padding: 5px;
    font-size: 10pt!important;
}

.button:before {
	float: unset!important;
	margin: 0 0.3em 0 0em!important;
	padding: unset!important;
}

.icon-size-padding {
	padding: 5px;
    font-size: 10pt!important;
}

.arrow {
	border: solid black;
  	border-width: 0 3px 3px 0;
  	display: inline-block;
  	padding: 3px;
}

.arrow-up {
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
}

.arrow-down {
  	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.button-lower-case {
	font-size: 16px;
}

.button-exp-valid {
	padding: 4px 10px!important;
}

.exp-valid-span {
	font-weight: bold;
}

.is-to-valid-exp-button {
	padding: 5px 0!important;
}

.btn-sm-font-size {
	font-size: 14px!important;
	width: 100px!important;
}

.btn-sm-font-size span {
	vertical-align: middle;
}

.valid-exp-button-success {
	padding: 5px!important;
	text-align: left!important;
}

.valid-exp-button-success svg {
	float: left;
}

.filters_count_participants {
	margin-left: 50px;
}

.exp_title_custom {
	border: 2px solid #7fa9d4!important;
}

.card-header-custom {
	background: #7fa9d4!important;
    color: #ffffff!important;
}

.show-exp-custom {
	background: #7fa9d4!important;
    color: #ffffff!important;
}

/************ Buttom scroll top or bottom ************/
#scroll-btn-bot {
	opacity: 0;   
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #7fa9d4;
    position: fixed;
    top: 22%;
    right: 5%;    
    border: 2px solid #fff;
    border-radius: 50%; 
    font: bold 20px monospace;       
    transition: opacity 0.5s, transform 0.5s;
    cursor: pointer!important;
}

#scroll-btn {       
    opacity: 0;   
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #7fa9d4;
    position: fixed;
    bottom: 15%;
    right: 5%;    
    border: 2px solid #fff;
    border-radius: 50%; 
    font: bold 20px monospace;       
    transition: opacity 0.5s, transform 0.5s;
    cursor: pointer!important;
}

#scroll-btn.show, #scroll-btn-bot.show {      
    opacity: 1;  
    transition: opacity 1s, transform 1s;     
}

#scroll-btn:hover, #scroll-btn-bot:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)!important;
	cursor: pointer!important;
}

.fa-eraser {
	font-size: 10pt!important;
}

#savedDropdown {
	display: none;
}

.label-statut-filter-exp {
	width: 200px!important;
}

.admin-exp-text {
	text-align: left;
    max-width: 90%;
    border-collapse: separate;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    padding: 40px 40px 0 40px;
}

.admin-exp-mendatory {
	max-width: 90%;
    border-collapse: separate;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    padding: 0 40px 0 40px;
    text-align: left;
}

.normal-16 {
	font-size: 16px;
}

/*****  DATA TABLE CUSTOM VISUAL  *****

#table_experiment_show_filter {
	text-align: left!important;
}

#table_experiment_show_filter input {
	width: 100%!important;
}
*/

.select-custom-size {
	font-size: 14px!important;
	padding-left: 0!important;
}

.checkbox-custom-right {
	float: unset!important;
	margin-left: 0.5em!important;
}

#validateSendMail:disabled {
    pointer-events: auto;
}

/************ hide menu ************/
.panel-to-show {
	display: block!important;
}

.hide-menu-item, .panel-to-hide {
	display: none!important;
}

.menu-tr-style {
	height: 35px;
}

.menu_title {
	font-size: 18px;
}

.menu_item {
	font-size: 18px;
}

.or_panel_title .fa-fast-backward {
	display: none;
}

.add-expiment-table {
	border: unset!important;
}

.participant-form-div-to-hide {
	display: none;
}

.show-participant-row {
	display: table-row;
}

.hide-participant-row {
	display: none;
}

/**OVERLAY**/
#loading-overlay {
  display: flex;
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0px;
  /*background-color: rgba(192, 192, 192, 0.3);*/
  background:repeat scroll 0 0 black;
  opacity: 0.3;
  background-repeat: no-repeat;
  background-position: center;
  align-items: center!important;
  justify-content: center!important;
  flex-direction: column!important;
}

.spin-shadow {
	box-shadow: 0px 0px 5px #fff;
	--bs-spinner-width: 3rem!important;
    --bs-spinner-height: 3rem!important;
}

.loading-overlay {
	display: block;
    background: rgba( 26, 26, 26, 0.7 );
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
}

.loading-overlay-hidden {
	display: none;
    background: rgba( 26, 26, 26, 0.7 );
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
}

.loader-custom {
	position: absolute;
  	top: 50%;
  	left: 35%;
  	margin-top: -50px;
  	margin-left: -50px;
}

.loader-custom-text {
  	position: absolute;
  	top: 50%;
  	left: 35%;
  	margin-top: -45px;
}

.button-exp-etape .fa-plus-square {
	width: 70%!important;
}

.button-exp-etape .fa-minus-square {
	width: 70%!important;
}

#queryTable #fieldvalue {
	width: 50%;
  	float: right;
}

.add-condition-span {
	display: inline-block;
  	width: 287px;
}

.add-condition-select {
	width: 95px;
}

.add-exp-search-field {
	width: 250px;
}

.td-20 {
	width: 20%;
}

.td-80 {
	width: 80%!important;
}

.td-80 input {
	background-color: white;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#div-group-button {
	display: flex;
    justify-content: center;
}

.color-none {
	color: unset!important;
	background-color: unset!important;
}

.table-account-custom {
	border: 3px solid #aaa;
  	border-collapse: separate;
  	-moz-border-radius: 10px 10px 10px 10px;
  	-webkit-border-radius: 10px 10px 10px 10px;
  	border-radius: 10px 10px 10px 10px;
  	border-spacing: 0px;
  	--bs-table-hover-bg: rgba(0, 0, 0, 0.15)!important;
}

.table-account-custom tbody tr {
	cursor: pointer;
}

.admin_enabled {
	color: black!important;
}

.admin_disabled {
	color: red!important;
}

#autoComplete {
	color: black!important;
	background-image: none!important;
}