@import url("fonts.css");
@charset "utf-8";


/***********/
/* Général */
/***********/

* 
{	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

html
{	overflow: scroll;
	height: 100%;
	width: 100%;
	font-size: 100%;
	background: var(--gris);
}

body
{	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;

	font-family: "Montserrat-Regular";
	font-size: 1.3vw;
	text-align: center; /* pour corriger le bug de centrage IE */
	color: black;

	background: var(--gris);
} 

ul, li
{	list-style: none;
}

table
{	border: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

td
{	font-family: "Montserrat-Regular";
	font-size: 1.3vw;
}  			 

img
{	border: 0px;
}

a
{	text-decoration: none;
	color: black;

	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;		
}

a:hover
{	

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

a:link, a:visited, a:hover, a:active 
{   outline:none;
} 

h1, h2, h3, h4, h5, h6, h7
{	margin: 0;
	padding: 0;
	font-weight: normal;
}

em
{	font-style: italic;
}
	  
sup 
{	vertical-align: super;
	font-size: smaller;
	line-height: normal;
}

label, button
{	cursor: pointer;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus
{	outline: none;
	box-shadow: none;
	outline-style: solid;
  	outline-color: var(--vert);
}

fieldset
{	border: none;
}

.hidden 
{	display: none;	
}

:disabled
{	background: white;
	cursor: not-allowed;
}

.disabled
{	background: white;
	cursor: not-allowed;
}

.center
{	text-align: center;
}


/* Couleurs */
:root
{	--vert: #008000;
	--gris: #F6F6F6;
	--gris-fonce: #969696;
	--rouge: #FF2904;
	--rose: #FF80C0;
	--marron: #804040;
	--orange: #F18815;
}

.green
{	background: var(--vert);
	color: white;
}

.green-text
{	color: var(--vert);
}

.red
{	background: var(--rouge);
	color: white;
}


/**************/
/* Animations */
/**************/

@keyframes fadeIn {
    from { opacity: 0; top: 0px; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadeIn {
    from { opacity: 0; top: 0px; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeIn {
    from { opacity: 0; top: 0px; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeIn {
    from { opacity: 0; top: 0px; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeIn {
    from { opacity: 0; top: 0px; }
    to   { opacity: 1; }
}



/*************/
/* jQuery UI */
/*************/
.ui-datepicker
{	border-radius: 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(184,184,184,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(184,184,184,1);
	box-shadow: 0px 0px 5px 0px rgba(184,184,184,1);
	border: none;
}

.ui-datepicker-header
{	position: relative;
}

.ui-datepicker .ui-widget-header
{	background: var(--vert);
	border-color: var(--vert);
	border-radius: 0;
	padding: 0.3em;
}

.ui-datepicker-prev span
{	display: inline-block;
	position: absolute;
	left: 0.2em;
	text-indent: -9999px;
}

.ui-datepicker-next span
{	display: inline-block;
	position: absolute;
	right: 0.2em;
	text-indent: -9999px;
}

.ui-datepicker-title, .ui_tpicker_time_label, .ui_tpicker_hour_label, .ui_tpicker_minute_label
{	font-size: 1vw;
}


.ui-datepicker .ui-state-hover
{	background: none;
	background: var(--vert) !important;
	color: white;
	border: none;
}

.ui-datepicker th
{	font-size: 0.5em;
	padding: 0.2em;
}

.ui-datepicker-calendar td a.ui-state-default
{	display: block;
	background: var(--gris);
	border: none;
	font-size: 0.8em;
	padding: 0.2em;
}

.ui-datepicker-calendar td span.ui-state-default
{	display: block;
	background: var(--gris);
	border: none;
	font-size: 0.8em;
	padding: 0.2em;
}

.ui-datepicker-calendar td a.ui-state-highlight
{	color: var(--vert);
}

.ui-datepicker-calendar td a.ui-state-highlight.ui-state-hover
{	color: white;
}

.ui-datepicker-calendar td a.ui-state-active
{	background: var(--vert);
	color: white;
	border: none;
	display: block;
	font-size: 0.8em;
}

.ui-datepicker-week-col
{	font-size: 0.5em;
	color: var(--vert);
}

.ui-timepicker-div
{	padding-top: 1vw;
	font-size: 1vw;
}

.ui_tpicker_time_label, .ui_tpicker_hour_label, .ui_tpicker_minute_label
{	font-weight: bold;	
}

.ui-slider-handle.ui-state-default, .ui-slider-handle.ui-state-focus
{	position: relative;
	background: var(--vert);
	border: 5px solid var(--vert);
}

.ui-datepicker-buttonpane
{	padding: 0.5em 0em;
	display: flex;
	justify-content: space-evenly;
}

.ui-datepicker-buttonpane button
{	font-size: 0.7em;
	padding: 0 0.3em
}

.ui-datepicker-buttonpane button.ui-state-hover
{	background: inherit;
	border: inherit;
}

.ui-datepicker-close.ui-state-default, button.ui-datepicker-close.ui-state-hover
{	background: var(--vert);
	color: white;
	border-color: var(--vert);
}

.ui_tpicker_time .ui_tpicker_time_input
{	font-weight: bold; 
	color: var(--vert) !important;
	text-align: center;
	font-size: 1.2em;
}

.daterangepicker td.active, .daterangepicker td.active:hover
{	background-color: var(--vert);
}

.daterangepicker td.in-range
{	background-color: #D6F3EB;
}

.daterangepicker .btn
{	border: none;
}

.daterangepicker .applyBtn
{	background-color: var(--vert);
	border: none;
}

.daterangepicker .drp-selected
{	font-weight: bold;
	color: var(--vert);
}

.ui-tooltip 
{	width: auto;
	max-width: 20vw;
	padding: 1vw 2vw;
	border-radius: 0.5vw;
	box-shadow: 0 0 7px black;
	color: var(--vert);
	z-index: 10000000;
}



/************/
/* CKeditor */
/************/

.ck-editor h2
{	font-size: 1.7vw;
	color: var(--vert);
	font-weight: bold;
}

.ck-editor h3
{	font-size: 1..vw;
	color: var(--vert);
}




/*********/
/* Alert */
/*********/

.alert
{	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 2055, 0.73);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
	visibility: hidden;
	opacity: 0;

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

.alert.hidden
{	display: none;
}

.alert.active
{	display: flex;
	visibility: visible;
	opacity: 1;
}

.alert > div
{	display: flex;
	flex-direction: column;
	background: white;
	border: 1px solid var(--vert);
	color: black;
	padding: 0 1vw 1vw 1vw;
	max-width: 70vw;
}

.alert > div > a
{	align-self: flex-end;
	font-size: 0.7vw;
	margin-top: 1vw;
}

.alert > div > div
{	padding: 1vw;
}

.alert > div > nav > button
{	margin-top: 0.5vw;
	font-size: 1.3vw;
	color: white;
	text-transform: uppercase;
	border: none;
	padding: 0.5vw 1vw;
	border-radius: 0.5vw;
}

.alert > div > nav > button i
{	margin-right: 0.5vw;
}

.alert form
{	width: 100%;
}

.alert form legend
{	font-size: 1.7vw;
	color: var(--vert);
	margin-bottom: 2vw;
}

.alert form fieldset p
{	width: 100%;
	display: flex;
	align-items: flex-start;
	margin-bottom: 0.5vw;
}

.alert form fieldset p.checkbox
{	display: flex;
	align-items: center;
}

.alert form fieldset p.checkbox input[type="checkbox"]
{	margin-right: 0.5vw;
}

.alert form fieldset .radio 
{	margin-bottom: 0.5vw;
}

.alert form fieldset .radio fieldset
{	display: flex;
	align-items: center;
}

.alert form fieldset .radio fieldset > strong
{	width: 10vw;
	font-size: 1vw;
	font-weight: normal;
}

.alert form fieldset .radio fieldset label
{	width: 10vw;
	font-family: "Montserrat-Light";
	font-size: 1vw;
	margin-right: 1vw;
}

.alert form fieldset .radio ul
{	display: flex;
	align-items: center;
}

.alert form fieldset .radio legend
{	display: block;
}

.alert form fieldset p label
{	width: 13vw;
	font-size: 1vw;
	white-space: nowrap;
	text-align: left;
}

.alert form fieldset input[type="text"], .alert form fieldset textarea, .ck.ck-editor
{	flex-grow: 1;
	font-size: 1vw;
}

.alert form fieldset input[type="text"]
{	padding:  0.3vw 0.5vw;
}

.alert form fieldset select
{	font-size: 1vw;
}

.alert form fieldset select:focus
{	outline-style: solid;
  	outline-color: var(--vert);
}

.alert form nav
{	width: 100%;
	display: flex;
	justify-content: center;
}

.alert form nav button
{	width: 15vw;
	padding: 0.5vw 1vw;
	margin-right: 1vw;
	border: none;
	font-size: 1.3vw;
	text-transform: uppercase;
	border-radius: 0.5vw;

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

.alert form nav button:last-child
{	margin-right: 0;
}

.alert form nav button i
{	margin-right: 0.7vw;
}

.alert h2
{	margin-bottom: 0.5vw;
	color: var(--vert);
}

.alert h4
{	margin-top: 0.5vw;
}

.alert h4 i
{	margin-right: 0.5vw;
}


/***************/
/* Information */
/***************/

.information
{	display: flex;
	align-items: flex-start;
	width: 100%;
	padding: 1vw;
	background: var(--gris);
	text-align: left;
	font-family: "Montserrat-Regular";
	font-size: 1vw;
}

.information > i
{	margin-right: 0.5vw;
	font-size: 1vw;
}

.information em
{	font-style: normal;
}

.information a
{	color: var(--vert);
	text-decoration: underline;
}

.information.notification h2
{	font-size: 1.2vw;
	font-weight: 700 !important;
	text-transform: uppercase;
	color: var(--vert);
	margin-bottom: 0.5vw;
	white-space: nowrap;
}


.information.notification h3
{	color: black;
}




/**********/
/* Assets */
/**********/


/* Datatables */

.dataTables_length label
{	font-size: 0.6em;
}

.dataTables_filter label
{	font-size: 0.6em;
}

.dataTables_filter input
{	border: 1px solid black;
	font-size: 1em;
	padding: 0.2vw 1vw;
}

table.dataTable thead
{	border-bottom: 2px solid var(--vert);
}

table.dataTable thead th
{	font-family: "Montserrat-Bold";
	border-bottom: none;
	font-size: 1vw;
	font-weight: normal;
	text-transform: uppercase;
	color: var(--vert);
	padding: 0.3vw 0.5vw;
}

table.dataTable
{	float: left;
	margin: 1.3vw 0;
	border-collapse: collapse;
}

table.dataTable tr
{	display: table-row;
	width: 100%;
    padding: 0.3vw 0;
    border-bottom: 1px solid var(--gris-fonce);
}

table.dataTable td, table.dataTable th
{	padding: 0.3vw 0;
	border-bottom: 1px solid var(--gris-fonce);
	font-size: 1vw;
}

table.dataTable tbody td a
{	display: inline-block;
	margin-left: 0.5em;
}

table.dataTable tbody td i
{	color: var(--gris-fonce);
	font-size: 1.7vw;
}

table.dataTable tbody td i:hover
{	color: var(--vert);
}

.dataTables_info
{	font-size: 1vw;
}

.dataTables_paginate
{	font-size: 0.7vw;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current
{	background: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{	background: none;
	color: var(--vert);
}

table.dataTable tr td:last-child
{	white-space: nowrap;
}

.dataTables_empty
{	background: var(--vert);
	color: white;
	font-size: 1vw;
}

/* CKeditor */
.ck-editor__editable_inline 
{	min-height: 10vw;
	font-size: 1vw;
}


.ck.ck-editor__main > .ck-editor__editable.ck-focused
{	outline-style: solid;
  	outline-color: var(--vert);
  	border-color: var(--vert) !important;
}


/* Spectrum */
.sp-colorize
{	width: 100%;
	height: 100%;
}


/* Tipped */
.tpd-content
{	white-space: nowrap;
}


/* Rangeslider */
.rangeslider, input[type='range'] 
{	max-width: 300px;
}

input[type='range']
{	margin-top: 10px;
}
/*
.rangeslider__handle 
{	border-radius: 22px;
	min-width: 62px;
	line-height: 42px;
	text-align: center;
}
*/
.rangeslider__handle:after 
{	background: 0;
}


.rangeslider--horizontal
{	height: 7px;
	font-size: 13px;
}

.rangeslider__handle
{	height: 30px;
	width: 60px;
	line-height: 30px;
	text-align: center;
	border-radius: 20px;
}

.rangeslider__fill
{	background-color: #00314b;
}






/**********/
/* header */
/**********/


#header-menu
{	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1vw;
	border-bottom: 1px solid var(--vert);
}

#header-menu-left strong
{	margin-left:  2vw;
	font-family: "autography";
	color: var(--vert);
	font-size: 3vw;
	font-weight: normal;
}

#header-menu-right ul
{	display: flex;
}

#header-menu-right ul li
{	margin-left: 0.7vw;
}

#header-menu-right ul li a
{	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

#header-menu-right ul li a:hover
{	color: var(--vert);
}

#header-user
{	font-size: 1.3vw;
}

#header-user i
{	margin-left: 0.5vw;
}





/****************/
/* Fil d'ariane */
/****************/

nav.breadcrumb
{	margin: 0.5vw 0 2vw 0;
}

nav.breadcrumb ul
{	display: flex;
}

/* Add a slash symbol (/) before/behind each list item */
nav.breadcrumb li+li:before 
{	padding: 12px;
	font-family: "painsonneau";
	content: "\/";
}

/* Add a color to all links inside the list */
nav.breadcrumb li 
{	font-size: 1vw;
}

nav.breadcrumb li a 
{	font-size: 1vw;
	color: var(--vert);
	text-decoration: none;
}

/* Add a color on mouse-over */
nav.breadcrumb li a:hover 
{	color: var(--vert);
	text-decoration: underline;
}




/********/
/* Main */
/********/

#main
{	position: relative;
	padding: 0.3vw 2vw 3vw 2vw;
}

#main > section
{	background: white;
	padding: 2vw;
}

#main > section.left
{	text-align: left;
}

#main > section > header
{	display: flex;
	justify-content: space-between;
	width: 100%;
	border-bottom: 3px solid var(--gris);
	padding-bottom: 0.5vw;
}

#main > section > header h1
{	color: var(--vert);
	font-size: 1.7vw;
}

#main > section > header h1 > i
{	margin-right: 0.5vw;
}

#main > section > header > div ul
{	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#main > section > header > div ul li
{	margin-left: 0.5vw;
}

#main > section > header > div ul li label
{	display: inline-block;
	color: var(--vert);
	font-size: 1vw;
	margin-right: 0.5vw;
}

#main > section > header > div ul li a
{	font-size: 1vw;
	padding: 0.3vw 0.5vw;
	background: var(--gris-fonce);
	color: white;
}

#main > section > header > div ul li a:hover, #main > section > header > div ul li a.active
{	background: var(--vert);
	color:  white;
}

#main > section > div > ul
{	display: flex;
	margin: 0.5vw 0;
}

#main > section > div > ul li a
{	font-size: 1vw;
	padding: 0.3vw 0.5vw;
}

#main > section > div > ul li a:hover
{	background: var(--vert);
	color:  white;
}


#main > section > div > ul li a i
{	color: var(--vert);
	margin-right: 0.5vw;
}

#main > section > div > ul li a:hover i
{	color:  white;
}

#main > section > div > div
{	width: 100%;
	border: 6px solid var(--gris);
	padding: 2vw;
}

#main > section > div > div form
{	width: 100%;
}

#main > section > div > div form legend
{	display: none;
}


#main > section > div > div form fieldset p
{	width: 100%;
	display: flex;
	align-items: flex-start;
	margin-bottom: 0.5vw;
}

#main > section > div > div form fieldset p > label
{	flex-shrink: 0;
}

#main > section > div > div form fieldset p.checkbox
{	display: flex;
	align-items: center;
}

#main > section > div > div form fieldset p.checkbox input[type="checkbox"]
{	margin-right: 0.5vw;
}

#main > section > div > div form fieldset .radio 
{	margin-bottom: 0.5vw;
}

#main > section > div > div form fieldset .radio fieldset
{	display: flex;
	align-items: center;
}

#main > section > div > div form fieldset .radio fieldset > strong
{	width: 10vw;
	font-size: 1vw;
	font-weight: normal;
}

#main > section > div > div form fieldset .radio fieldset label
{	width: 10vw;
	font-family: "Montserrat-Light";
	font-size: 1vw;
	margin-right: 1vw;
}


#main > section > div > div form fieldset .radio ul
{	display: flex;
	align-items: center;
}

#main > section > div > div form fieldset .radio legend
{	display: block;
}

#main > section > div > div form fieldset p label
{	width: 10vw;
	font-size: 1vw;
}


#main > section > div > div form fieldset input[type="text"], #main > section > div > div form fieldset input[type="email"], #main > section > div > div form fieldset input[type="tel"], #main > section > div > div form fieldset textarea
{	flex-grow: 1;
	font-family: "Montserrat-Regular";
	font-size: 1vw;
	padding:  0.3vw 0.5vw;
}

.ck.ck-editor
{	font-size: 1vw;
}

#main > section > div > div form fieldset select
{	font-size: 1vw;
}

#main > section > div > div form fieldset select:focus
{	outline-style: solid;
  	outline-color: var(--vert);
}


#main > section > div > div form nav
{	width: 100%;
	display: flex;
	justify-content: center;
}

#main > section > div > div form button
{	padding: 0.5vw 1vw;
	border: none;
	font-size: 1vw;
	text-transform: uppercase;
	border-radius: 0.5vw;

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

#main > section > div > div form nav button
{	width: 15vw;
	padding: 0.5vw 1vw;
	margin-right: 1vw;
	border: none;
	font-size: 1.3vw;
	text-transform: uppercase;
	border-radius: 0.5vw;

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

#main > section > div > div form nav button:last-child
{	margin-right: 0;
}

#main > section > div > div form nav button i
{	margin-right: 0.7vw;
}



/*************/
/* Connexion */
/*************/

body.connexion
{	display: flex;
	justify-content: center;
	align-items: center;
}	

body.connexion #main
{	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

body.connexion h1
{	position: relative;
	font-family: "autography";
	color: var(--vert);
	font-size: 4vw;
}

body.connexion form
{	display: none;	
	opacity: 0;

	padding: 2vw;	
	border-radius: 0.5vw;
	width: 100%;
	/*
	border: 1px solid var(--vert);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);	
	*/

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

body.connexion form.active
{	display: block;	
	opacity: 1;
}
body.connexion legend
{	display: block;
	width: 100%;
	text-align: center;
	color: var(--vert);
	margin-bottom: 1.5vw;
	font-size: 2vw;
}

body.connexion fieldset p
{	position: relative;
	margin-bottom: 1vw;
}

body.connexion form input[type="text"], body.connexion form input[type="password"], body.connexion form input[type="email"], body.connexion form input[type="tel"]
{	position: relative;
	width: 100%;
	max-width: 500px;
	line-height: 2vw;
	border: 1px solid var(--vert);
	/*
	box-shadow: 0px 0px 5px 0px rgba(0,136,0,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,136,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,136,0,0.5);	
	*/
	background: white;

	font-size: 1vw;
	padding: 0 0.5vw;
}

/*
body.connexion form input[type="text"]::after
{	position: absolute;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	content: "\e971";
	font-family: "painsonneau";
}

body.connexion form input[type="text"]::after
{	position: absolute;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	content: "\e98f";
	font-family: "painsonneau";
}
*/

body.connexion form button
{	margin-top: 0.5vw;
	font-size: 1.3vw;
	background: var(--vert);
	color: white;
	text-transform: uppercase;
	border: 1px solid var(--vert);
	padding: 0.5vw 1vw;
	border-radius: 0.5vw;

	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;		
}

body.connexion form button:hover
{	background: white;
	color: var(--vert);
}

body.connexion div
{	margin-top: 1vw;
	font-size: 1vw;
}

body.connexion div a
{	display: block;
	margin-top: 0.5vw;
	margin-bottom: 2vw;
	color: var(--vert);
}

body.connexion div a:hover
{	text-decoration: underline;
}

body.connexion p.information
{	width: auto;
	max-width: 700px;
	margin: 0 auto;
}

body.connexion nav p
{	margin-top: 1vw;
	color: var(--vert);
}

#nouvel-utilisateur
{	margin-top: 1vw;
	background: var(--rouge);
	border-color: var(--rouge);
}

#nouvel-utilisateur:hover
{	color: var(--rouge);
	background: white;
}


/************************************/
/* Réinitialisation du mot de passe */
/************************************/

body.password-recovery #main, body.password-renew #main
{	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.password-recovery h1, body.password-renew h1
{	position: absolute;
	top:  3vw;
	font-family: "autography";
	color: var(--vert);
	font-size: 4vw;
}


body.password-recovery form, body.password-renew form
{	padding: 2vw;	
	border-radius: 0.5vw;
	width: 400px;
	/*
	border: 1px solid var(--vert);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);	
	*/
}

body.password-recovery legend, body.password-renew legend
{	display: block;
	width: 100%;
	text-align: center;
	color: var(--vert);
	margin-bottom: 1.5vw;
	font-size: 2vw;
}

body.password-recovery fieldset p, body.password-renew fieldset p
{	margin-bottom: 1vw;
}

body.password-recovery form input[type="text"], body.password-recovery form input[type="password"], body.password-renew form input[type="text"], body.password-renew form input[type="password"]
{	position: relative;
	width: 100%;
	line-height: 2vw;
	border: 1px solid var(--vert);
	/*
	box-shadow: 0px 0px 5px 0px rgba(0,136,0,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,136,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,136,0,0.5);	
	*/
	background: white;

	font-size: 1vw;
	padding: 0 0.5vw;
}

body.password-recovery form button, body.password-renew form button
{	margin-top: 0.5vw;
	font-size: 1.3vw;
	background: grey;
	color: white;
	text-transform: uppercase;
	border: none;
	padding: 0.5vw 1vw;
	border-radius: 0.5vw;

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

body.password-recovery #valider, body.password-recovery #quitter, body.password-renew #valider
{	margin-top: 0.5vw;
	font-size: 1.3vw;
	background: var(--vert);
	color: white;
	text-transform: uppercase;
	border: 1px solid var(--vert);
	padding: 0.5vw 1vw;
	border-radius: 0.5vw;
}


body.password-recovery #valider:hover, body.password-recovery #quitter:hover, body.password-renew #valider:hover
{	background: white;
	color: var(--vert);
}



body.password-recovery p.warning, body.password-renew p.warning
{	margin-top: 1vw;
	font-size: 1vw;
}

body.password-renew p.info
{	margin-top: 2vw;
	font-size: 1.2vw;
	color: var(--vert);
}

body.password-recovery p.warning a, body.password-renew p.warning a
{	display: block;
	margin-top: 0.5vw;
	color: var(--vert);
}

body.password-recovery p.warning a:hover, body.password-renew p.warning a:hover, body.password-renew p.info a:hover
{	text-decoration: underline;
}




/********/
/* Home */
/********/

#home-navigation ul
{	display: flex;
	flex-wrap: wrap;
}

#home-navigation ul li
{	width: 20vw;
	margin-right: 2vw;
	margin-bottom: 2vw;
	border-radius: 0.5vw;
	border: 1px solid var(--vert);
	/*overflow: hidden;*/

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

#home-navigation ul li:hover
{	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);	

}

#home-navigation ul li a
{	position: relative;
	display: block;
	padding: 2vw;
}

#home-navigation ul li a i
{	font-size: 2.5vw;
}

#home-navigation ul li a h2
{	font-size: 1.7vw;
}

#home-navigation ul li a:hover
{	color: var(--vert);
}

#home-navigation ul li a strong
{	position:  absolute;
	top: -0.5vw;
	right: -0.5vw;
	padding: 0.9vw;
	min-width: 3vw;
	background: var(--rouge);
	color:  white;
	font-size: 1vw;
	border-radius: 10vw;
}

body.super-administrateur #home-navigation a.apprenti::after
{	position: absolute;
	content: "Apprenti";
	top: 0;
	right: 0;
	display: block;
	width: 100%;
	background: var(--vert);
	color: white;
	font-size: 0.9vw;
	border-radius: 0.5vw 0.5vw 0 0;
}

#copyright
{	font-size: 0.8vw;
	margin-bottom: 3vw;
}

#copyright a
{	text-decoration: underline;

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

#copyright a:hover
{	text-decoration: blink;
	color:  var(--orange);
}



/***********/
/* Atelier */
/***********/

#type_soin_wrapper
{	visibility: hidden;
	opacity: 0;

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

#type_soin_wrapper.active
{	visibility: visible;
	opacity: 1;
}




/***********/
/* Session */
/***********/

#session-dates, #session-inscriptions
{	margin-top: 2vw;
}

#main > section > div > div form #session-dates legend, #main > section > div > div form #session-inscriptions legend, #main > section > div > div form #session-interets legend
{	display: block;
	color: var(--vert);
	font-size: 1.1vw;
}

#main > section > div > div form #session-dates legend i, #main > section > div > div form #session-inscriptions legend i, #main > section > div > div form #session-interets legend i
{	margin-right: 0.3vw;
}

#session-dates fieldset > div, #session-inscriptions fieldset > div, #session-interets fieldset > div
{	background: var(--gris);
	width: 100%;
	min-height: 5vw;
	margin:  0.5vw 0;
	padding:  2vw;
	text-align: center;
}

#session-dates > fieldset > div > img, #session-inscriptions > fieldset > div > img, #session-interets > fieldset > div > img
{	max-height: 100%;
	width: auto;
}

#session-dates fieldset > div table, #session-inscriptions fieldset > div table, #session-interets fieldset > div table
{	min-width: 50vw;
}

#session-dates fieldset > div table th, #session-inscriptions fieldset > div table th, #session-interets fieldset > div table th
{	font-size: 1vw;
	text-transform: uppercase;
	color: var(--vert);
	padding: 0.3vw;
}

#session-dates tr, #session-inscriptions tr, #session-interets tr
{	border-bottom: 1px solid var(--vert);
}

#session-dates td, ##session-dates td td
{	padding: 0.3vw;
	vertical-align: center;
	font-size: 1vw;
}

#main > section > div > div form fieldset #session-dates p, #main > section > div > div form fieldset #session-inscriptions p
{	width: unset;
	display: block;
	margin-bottom: unset;
}

#main > section > div > div form nav button#session-date-ajout, #main > section > div > div form nav button#session-inscription-ajout
{	width: auto;
	white-space: nowrap;
	padding:  0.5vw 1vw;
}

#session-date-ajout span, #session-inscription-ajout span
{	padding:  0.5vw 1vw;
}


#session > nav
{	margin-top: 3vw;
}

table.dataTable tbody td a.session-alerte, table.dataTable tbody td a.session-interet, table.dataTable tbody td a.session-inscription, .session-interet, .session-inscription, .session-participation
{	display: inline-flex;
	justify-content: center;
	align-items: center;
}

table.dataTable tbody td a.session-alerte *, table.dataTable tbody td a.session-interet *, table.dataTable tbody td a.session-inscription *, .session-interet *, .session-inscription *, .session-participation *
{	display: inline-block;
	padding: 0.2vw 0.3vw;
	color: black;
}

table.dataTable tbody td a.session-alerte.active, table.dataTable tbody td a.session-interet.active, table.dataTable tbody td a.session-inscription.active, .session-inscription.active, .session-interet.active, .session-participation
{	background: var(--vert);
	border-color: var(--vert);
}

table.dataTable tbody td a.session-alerte.active *, table.dataTable tbody td a.session-interet.active *, table.dataTable tbody td a.session-inscription.active *, table.dataTable tbody td .session-inscription.active *, table.dataTable tbody td .session-participation *, .session-inscription.active *, .session-interet.active *, .session-participation *
{	color: white;
}

div.session-inscription
{	cursor: unset;
}

#session-inscription #utilisateur
{	border: none;
}

#statut-wrapper
{	display: flex;
}

#statut-wrapper > div
{	display: flex;
}

#statut-wrapper > div:last-child
{	flex-grow: 1;
}

#statut-wrapper > div ul
{	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
}

#statut-wrapper > div ul li
{	margin-left: 0.5vw;
}

#statut-wrapper > div ul li button i
{	margin-right: 0.5vw;
}

#statut-wrapper label
{	width: 10vw;
	font-size: 1vw;
}

#statut-wrapper strong
{	font-size: 1vw;
	color: var(--vert);
}

body.session .interets
{	color:  var(--vert);
}

#sessions .grey, #sessions .grey
{	color: var(--gris-fonce);
}



/************/
/* Agenda */
/************/

.mbsc-calendar-header #mbsc-control-10
{	flex-grow: 1;
	flex-shrink: 0;
}

.mbsc-calendar-header .md-search-header-bar
{	flex: unset;
}

#md-search-input
{	min-width: 8vw;
}

.agenda-marker
{	position: absolute;
	top: 0.2vw;
	left: 0.2vw;
}




.mbsc-ios.mbsc-calendar-button.mbsc-button, .mbsc-ios.mbsc-calendar-month-title, .mbsc-ios.mbsc-calendar-week-nr, .mbsc-ios.mbsc-calendar-today
{	color: var(--vert) !important;
}

.mbsc-ios.mbsc-selected .mbsc-ios.mbsc-calendar-today
{	color: white !important;
}

.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text, .mbsc-ios.mbsc-schedule-header-day.mbsc-selected
{	background: var(--vert) !important;
	border-color: var(--vert) !important;
}

.mbsc-ios.mbsc-hover .mbsc-calendar-cell-text, .mbsc-ios.mbsc-schedule-header-day.mbsc-hover
{	background: rgba(0,128,0,.3) !important;
}

.mbsc-ios.mbsc-schedule-time-indicator
{	border-color:  var(--vert) !important;
}

.mbsc-ios.mbsc-schedule-cursor-time, .mbsc-ios.mbsc-schedule-time-indicator-time
{	color:  var(--vert) !important;
}

.mbsc-ios.mbsc-schedule-time-indicator-day::before 
{	background: var(--vert) !important;
}

.md-switching-view-cont .mbsc-segmented {
    max-width: 350px;
    margin: 0 auto;
}

.md-switching-view-cont .mbsc-calendar-grid-item {
    height: 490px;
    box-sizing: border-box;
}

.cal-header-picker {
    /*flex: 1 0 auto;*/
}

.cal-header-nav {
    width: 200px;
}

/* material header order */
.cal-header-nav-tools
{	display: flex;
}

.mbsc-material.cal-header-prev {
    order: 1;
}

.mbsc-material.cal-header-next {
    order: 2;
}

.mbsc-material.cal-header-nav {
    order: 3;
}

.mbsc-material .cal-header-picker {
    order: 4;
}

.mbsc-material .cal-header-today {
    order: 5;
}

/* windows header order */

.mbsc-windows.cal-header-nav {
    order: 1;
}

.mbsc-windows.cal-header-prev {
    order: 2;
}

.mbsc-windows.cal-header-next {
    order: 3;
}

.mbsc-windows .cal-header-picker {
    order: 4;
}

.mbsc-windows .cal-header-today {
    order: 5;
}



.md-seach-header-bar .mbsc-textfield-wrapper.mbsc-form-control-wrapper {
    width: 400px;
    margin: 12px auto;
}

.md-search-popup .mbsc-popover-list {
    width: 400px;
}

.md-search-popup .mbsc-event-list {
    margin-top: -1px;
    margin-bottom: -1px;
}

.md-search-events .mbsc-ios-dark.mbsc-textfield-box {
    background: #313131;
}




.external-event-calendar {
    border-right: 1px solid #ccc;
}

.external-event-task {
    color: #fff !important;
    padding: 10px;
    margin: 20px;
    border-radius: 8px;
    font-family: -apple-system, Segoe UI, Roboto, sans-serif;
}

.demo-external-event-presets.demo-wrapper,
.demo-external-event-presets .mbsc-grid,
.demo-external-event-presets .mbsc-row,
.demo-external-event-presets .external-event-calendar {
    height: 100%;
}


.md-header-filter-controls .mbsc-segmented-button.mbsc-selected {
    color: #fff !important;
}


/* Custom event */
.md-custom-event-cont {
    font-size: 12px;
    font-weight: 600;
    height: 100%;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border-radius: 0 10px 10px 0;
    overflow: hidden;
}

.md-custom-event-wrapper {
    position: relative;
    background: rgba(255, 255, 255, .5);
    height: 100%;
    min-height: 135px;
    box-sizing: border-box;
    border-radius: 0 10px 10px 0;
    transition: background .15s ease-in-out;
}

.mbsc-schedule-event-hover .md-custom-event-cont .md-custom-event-wrapper {
    background: rgba(255, 255, 255, .3);
}

.mbsc-schedule-event-active .md-custom-event-cont .md-custom-event-wrapper {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}

.mbsc-schedule-event-hover .md-custom-event-allday-title {
    opacity: .8;
}

.mbsc-schedule-event-active .md-custom-event-allday-title {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}

.md-custom-event-category {
    display: inline-block;
    max-width: 100%;
    color: #eee;
    border-radius: 10px;
    margin: 10px;
    padding: 2px 10px;
    white-space: nowrap;
    overflow: hidden;
}


.md-custom-event-details .event-view i, .md-custom-event-details .event-projet i, .md-custom-event-details .event-pre-inscription i, .md-custom-event-details .event-en-cours i, .md-custom-event-details .event-cloture i, .md-custom-event-details .event-annulation i, .md-custom-event-details .event-alerte i, .md-custom-event-details .event-inscription i, .md-custom-event-details .event-interet i, .md-custom-event-details .event-participation i
{	margin-right: 0.5vw;
}

.md-custom-event-details {
    padding: 0 10px;
}

.md-custom-event-cont.projet .md-custom-event-title {
    color: black;
}

.md-custom-event-title {
    color: initial;
    color: white;
    font-weight: bold;
}

.md-custom-event-time {
    font-size: 10px;
    color: #000;
    padding-top: 3px;
}


.md-custom-event-cont.projet .md-custom-event-time
{	color: #666;
}

.md-custom-event-allday-title {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding: 2px 10px;
    border-radius: 10px;
    opacity: .7;
}

.md-custom-event-btn.mbsc-button {
    margin: 0.3vw 0.5vw;
    line-height: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

.md-cutom-event-img-cont {
    position: absolute;
    bottom: 5px;
    left: 10px;
    white-space: nowrap;
}

.md-custom-event-img {
    width: 25px;
    height: 25px;
    margin: 0 2px;
}

.single-day-event
{	padding: 0.3vw;
	border-radius: 0.5vw;
	font-size: 1vw;
}	


/* ScheduleEvent */
.md-custom-event-cont .md-custom-event-status
{	margin-top: 0.5vw;
}	

/* Popover */
.mbsc-event-content > div.title
{	font-size: 1.3vw;
	margin-bottom: 1.5vw;
}

.md-custom-event-cont-popover .md-custom-event-status
{	padding: 0.3vw;
	border-radius: 0.5vw;
	font-size: 1vw;
	margin: 0.5vw auto;
	width: auto;
	opacity: 0.5;
}	

.md-custom-event-cont-popover .event-view i, .md-custom-event-cont-popover .event-projet i, .md-custom-event-cont-popover .event-pre-inscription i, .md-custom-event-cont-popover .event-en-cours i, .md-custom-event-cont-popover .event-cloture i, .md-custom-event-cont-popover .event-annulation i, .md-custom-event-cont-popover .event-alerte i, .md-custom-event-cont-popover .event-inscription i, .md-custom-event-cont-popover .event-interet i, .md-custom-event-cont-popover .event-participation i
{	margin-right: 0.5vw;
}



/* Event view */
#event-view > div > div
{	text-align: left;
}

#event-view header
{	display: flex;
	justify-content: space-between;
	width: 100%;
}

#event-view .infos-pratiques
{	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-top:  0.5vw;
}

#event-view .infos-pratiques .agenda
{	display: flex;
	flex-direction: column;
}

#event-view .lieu > div
{	display: inline-block;
}


#event-view .date, #event-view .horaire, #event-view .duree, #event-view .lieu
{	font-size:  1.2vw;
	color: #555;
}

#event-view > div > div h3, #event-view > div > div h4, #event-view > div > div .participants > div
{	margin-top: 0vw;
	font-size:  1.3vw;
	color: #555;
}

#event-view > div > div .participants > div
{	overflow-y: scroll;
	max-height: 30vh;	
}

#event-view > div > div header h5
{	font-size: 1vw;
	color: white;
	padding: 0.3vw 0.5vw;
	border-radius: 0.5vw;
}

#event-view > div > div header .statut-libelle
{	font-size: 1vw;
	padding: 0.3vw 0.5vw;
}

#event-view > div > div h2
{	margin-top: 1vw;
	font-size:  1.7vw;
}

#event-view > div > div .prerequis strong, #event-view > div > div .participants strong
{	display: block;
	margin-top: 1vw;
	font-size:  1.5vw;
	font-weight: normal;
}




/***************/
/* Utilisateur */
/***************/

body.utilisateur #main > section > div > ul
{	justify-content: space-between;
}

#utilisateur .information
{	margin: 1.5vw 0;
}


#utilisateur #generate
{	margin-left:  1vw;
}

#utilisateur #generate span
{	margin-left: 0.5vw;
}



/* User view */
#user-view > div > div
{	text-align: left;
}

#user-view header
{	display: flex;
	justify-content: space-between;
	width: 100%;
}

#user-view > div > div h2
{	margin-top: 1vw;
	font-size:  1.7vw;
	color: var(--vert);
}

#user-view > div > div h3, #user-view > div > div h4, #user-view > div > div h5
{	margin-top: 0vw;
	font-size:  1.3vw;
	color: #555;
}

#user-view > div > div h3 a
{	text-decoration: underline;
	color: var(--vert);
}

#user-view > div > div h4::before
{	content: "\e948";
	font-family: "painsonneau";
	color: var(--vert);
}

#user-view > div > div h5::before
{	content: "\e9a6";
	font-family: "painsonneau";
	color: var(--vert);
}

body.utilisateur #map 
{	width: 60vw;
	height: 80vh; 
}

.leaflet-popup-content p
{	margin: 0.5vw 0;
}

.leaflet-popup-content a
{	color: black;
}

.leaflet-popup-content a:hover
{	color: var(--vert);
}

.leaflet-popup-content i
{	margin-right: 0.7vw;
}




/**********/
/* Profil */
/**********/

body.profil form
{	visibility: hidden;
	opacity: 0;
	height:  0;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;		
}

body.profil #main > section > div > ul.onglet li a i
{	color: black;
}

body.profil #main > section > div > ul.onglet li a:hover i, body.profil #main > section > div > ul.onglet li a.active i
{	color: white;
}

body.profil form.active, body.profil .alert form
{	height:  auto;
	visibility: visible;
	opacity: 1;
}


body.profil #main > section > div > div
{	border-color: var(--vert);
	margin-top: 0.2vw;
}

body.profil #main > section > div > ul
{	margin-bottom: 0;
}

#main > section > div > ul li a
{	/*background: var(--gris-fonce);
	color: white;*/
	margin-right: 0.3vw;
}

#main > section > div > ul.onglet li a.active
{	background: var(--vert);
	color:  white;
}

#profil h2
{	margin: 1vw 0;
	font-size: 1.5vw;
	color:  var(--vert);
}

#profil h2 i
{	margin-right: 0.5vw;
}

#profil nav
{	margin-top: 2vw;
}

#profil #generate {
  margin-left: 1vw;
}

#profil #generate span
{	margin-left: 0.5vw;
}

body.profil #desinscription nav
{	margin-top:  2vw;
}

#personne-ressource textarea
{	height: 10vw;
}

#personne-ressource nav
{	margin-top: 2vw;
}

#personne-ressource fieldset
{	display: none;
}

#personne-ressource fieldset.active
{	display: block;
}


#main > section > div > div form #personne-ressource-view legend, #main > section > div > div form #personne-ressource-update legend
{	display: block;
	margin: 1vw 0;
	font-size: 1.5vw;
	color: var(--vert);
}

#main > section > div > div form #personne-ressource-view legend i, #main > section > div > div form #personne-ressource-update legend i
{	margin-right:  0.7vw;

}

#personne-ressource-view
{	margin-bottom: 2vw;
}

#personne-ressource-update h3
{	margin-bottom: 2vw;
	font-size: 1.2vw;
}


#personne-ressource-delete
{	margin-top: 7vw;
}

#personnes-ressources strong
{	display: block;
	color: white;
	padding: 0.3vw 0.5vw;
}

#personnes-ressources strong.active
{	background: var(--vert);
}

#personnes-ressources strong.inactive
{	background: var(--rouge);
}

#personnes-ressources strong.new
{	background: var(--orange);
}

#personnes-ressources strong.never
{	background: var(--gris-fonce);
}


/**************************/
/* Informations générales */
/**************************/

#informations-generales nav
{	margin-top: 2vw;
}

body.informations-generales h2
{	font-size: 1.7vw;
	color: var(--vert);
	font-weight: bold;
}

body.informations-generales h3
{	font-size: 1..vw;
	color: var(--vert);
}



body.informations-generales #main > section > div > div nav
{	margin: 2vw 0;
	text-align: center;
}

body.informations-generales #main > section > div > div nav button
{	width: 15vw;
	padding: 0.5vw 1vw;
	margin-right: 1vw;
	border: none;
	font-size: 1.3vw;
	text-transform: uppercase;
	border-radius: 0.5vw;
	background: var(--vert);
	color: white;

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

body.informations-generales #main > section > div > div nav button i
{	margin-right: 0.7vw;
}





/************************/
/* Personnes ressources */
/************************/

body.personnes-ressources h2
{	font-size: 1.7vw;
	color: var(--vert);
	font-weight: bold;
}

body.personnes-ressources h3
{	font-size: 1..vw;
	color: var(--vert);
}



body.personnes-ressources #main > section > div > div nav
{	margin: 2vw 0;
	text-align: center;
}

body.personnes-ressources #main > section > div > div nav button
{	width: 15vw;
	padding: 0.5vw 1vw;
	margin-right: 1vw;
	border: none;
	font-size: 1.3vw;
	text-transform: uppercase;
	border-radius: 0.5vw;
	background: var(--vert);
	color: white;

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

body.personnes-ressources #main > section > div > div nav button i
{	margin-right: 0.7vw;
}

#personnes-ressources-liste h3
{	color: black;
	text-align: center;
}

#personnes-ressources-liste h3 p
{	text-align: left;

}

#personnes-ressources-liste h3 a
{	display: inline-block;
	width: auto;
	padding: 0.5vw 1vw;
	margin: 1vw auto;
	border: none;
	font-size: 1.3vw;
	text-transform: uppercase;
	border-radius: 0.5vw;
	background: var(--vert);
	color: white;

	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
}

#personnes-ressources-liste > div
{	margin-top: 40px;
}

#personnes-ressources-liste table
{	width: 100%;
	margin-top: 3vw;
}

#personnes-ressources-liste thead
{	background: var(--vert);
	color:  white;
}

#personnes-ressources-liste thead th
{	padding: 0.3vw 0.5vw;
	color: white;
}

#personnes-ressources-liste tbody td
{	padding: 0.3vw 0.5vw;
	vertical-align: top;
}

#personnes-ressources-liste tbody tr:nth-child(even)
{	background: var(--gris);
}

body.personnes-ressources #refus_wrapper
{	display: flex;
	flex-direction: column;
	margin-top:  1vw;
}

body.personnes-ressources #refus_wrapper textarea
{	width: 100%;
	height: 12vw;
}


body.personnes-ressources #map 
{	width: 60vw;
	height: 80vh; 
}

body.personnes-ressources .alert
{	text-align: left;
}

body.personnes-ressources.moderation .alert
{	text-align: center;
}

body.personnes-ressources .alert i
{	margin-right:  0.7vw;
}

body.personnes-ressources .alert a:hover
{	color: var(--vert);
}

#moderation-validation p
{	flex-direction: column;
}

#moderation-validation label
{	color: var(--vert);
}

#moderation-validation textarea
{	width: 100%;
	font-family: "Montserrat-Regular";
  	font-size: 1vw;
  	padding: 0.3vw 0.5vw;
  	height: 5vw;
}


/***************/
/* Maintenance */
/***************/

body.maintenance main
{	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
}

body.maintenance h1
{	font-family: "autography";
	color: var(--vert);
	font-size: 4vw;
}




/**********/
/* e-mail */
/**********/

body.email
{
}

body.email #main > section > header > div ul li a i
{	margin-right: 0.5vw;
}

body.email #main > section > div > div form legend
{	
}

body.email #main > section > div > div form fieldset p
{	display: block;
}

body.email #main > section > div > div form fieldset p button
{	width:  auto;
}

body.email #main > section > div > div form fieldset p button i
{
}

body.email #main > section > div > div form fieldset p label
{	display: block;
	width: 100%;
	margin-bottom: 0.5vw;
}

body.email #main > section > div > div form nav
{	margin-top: 3vw;
}

body.email #inscrits_sessions_wrapper
{	margin-top: 2vw;
}

body.email #apprentis_wrapper
{	margin-top: 2vw;
}

body.email #destinataires-view
{	margin-top: 2vw;
	margin-bottom: 3vw;
	width: 100%;
}

body.email #main > section > div > div form h2
{	color:  var(--vert);
	font-size: 1.5vw;
}

body.email #main > section > div > div form h2 i
{	margin-right: 0.3vw;
}

body.email #main > section > div > div form h3
{	color:  var(--vert);
	font-size: 1.3vw;
}

body.email #destinataires-view select
{	width:  100%;
	height: 10vh;
}

body.email #main > section > div > div form fieldset #destinataires-view p 
{	display: flex;
	justify-content: space-between;
	margin-top: 0.5vw;
}

body.email #main > section > div > div form fieldset #destinataires-view p  strong
{	font-size: 1vw;
	font-weight:  normal;
}

body.email #main > section > div > div form fieldset #destinataires-view p  span
{	color:  var(--vert);
	font-weight: bold;
}

body.email #destinataires-view nav
{	justify-content: flex-end;	
}

body.email #destinataires-view nav button
{	width:  auto;
}

body.email #destinataires-view nav button i
{	margin-right: 0;
}

body.email #sujet_wrapper
{	margin-top: 2vw;
}

body.email #sujet
{	width: 100%;
}

body.email #contenu_wrapper
{	margin-top: 2vw;
}

body.email #main > section > div > div form fieldset p .ck-label
{	display: none;
}


#historique-email tr.draft
{	color: var(--gris-fonce);
}

#historique-email td
{	vertical-align: top;
}