@font-face {
	font-family: 'linotte-reg';
	src: url('../fonts/linotte_regular.eot');
	src: url('../fonts/linotte_regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/linotte_regular.woff2') format('woff2'),
		 url('../fonts/linotte_regular.woff') format('woff'),
		 url('../fonts/linotte_regular.ttf') format('truetype'),
		 url('../fonts/linotte_regular.svg#linotte-regularuploaded_file') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'infiniregular';
	src: url('../fonts/infini-romain-webfont.eot');
	src: url('../fonts/infini-romain-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/infini-romain-webfont.woff2') format('woff2'),
		 url('../fonts/infini-romain-webfont.woff') format('woff'),
		 url('../fonts/infini-romain-webfont.ttf') format('truetype'),
		 url('../fonts/infini-romain-webfont.svg#infiniregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'myndraine';
	src: url('../fonts/myndraine-webfont.eot');
	src: url('../fonts/myndraine-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/myndraine-webfont.woff2') format('woff2'),
		 url('../fonts/myndraine-webfont.woff') format('woff'),
		 url('../fonts/myndraine-webfont.ttf') format('truetype'),
		 url('../fonts/myndraine-webfont.svg#myndraine') format('svg');
	font-weight: normal;
	font-style: normal;

}

/* Général */

html {
	height: 100%;
}

body {
	margin: 0px;
	background-color: #E8E8E8;
	height: 100%;
	overflow: auto
}

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

label { 
	cursor: pointer; 
}

.display_colonnes, .ligne, .page_flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.ligne_gauche {
	display: -webkit-flex;
	display: flex;
}

.cadre {
	border: 1px solid #760001;
}

.center {
	text-align: center;
	margin-top: 50%;
}

.hs {
	font-style: italic;
	color: gray;
}

.italique {
	font-style: italic;
}

.hidden {
	display: none;
}

/* Bug saisie ios */
input, button, textarea, select {
	-webkit-transform: translate3d(0,0,0);
}

/* Ecran pleine page*/

.bloc_full {
	position: relative;
	border: 3px solid #787878;
	border-radius: 15px;
	width: 95%;
	margin: 0.5em 0.75em;
	height: 86%;
	padding: 0.5% 1% 0.5% 1%;
	background-color: #EFEFF4;
}

.bloc_scroll {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translate3d(0,0,0);
	max-height: 92%;
}

.bloc_flex, .bloc_center, .bloc_start {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}

.bloc_flex {
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

.bloc_center {
	justify-content: center;
	-webkit-justify-content: center;
}

.bloc_start {
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.bloc_between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.ligne_start {
	display: -webkit-flex;
	display: flex;
}

/* En tête */

.titrec, .titrem {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background-color: #E8F0F9;
	font-size: 2.6em;
	height: 1.4em;
}

.titrem {
	padding: 0% 1%;
	align-items: center;
	align-items: -webkit-center;
}

.onglets {
	display: -webkit-flex;
	display: flex;
	margin-left: 0.6em;
}

.unselect, .select {
	display: -webkit-flex;
	display: flex;
	width: 4.8em;
	margin-left:-0.6em;
}

.unselect {
	background: url("../img/onglet2.svg") no-repeat left bottom;
	background-size: 4.8em;
}

.select {
	background: url("../img/onglet_s2.svg") no-repeat left bottom;
	background-size: 4.8em;
}

.titrec a {
	font-family: 'infiniregular', 'Comic Sans MS', Times, sans-serif;
	padding: 0em 0.1em 0em 0.15em;
}

.select a {
	color: white;
}

.compte {
	font-family: 'infiniregular','Comic Sans MS', Times, sans-serif;
	text-align: right;
	width: 25%;
}

.titrec .compte {
	margin-right: 2%;
}

.alertes {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	align-items: -webkit-center;
}

.alertes_chauf, .alertes_admin {
	font-family: Times, sans-serif;
	color:white;
	text-align: center;
	border-radius: 1em;
}

.alertes_chauf {
	background-color: red;
	background: -webkit-linear-gradient(left top, #FFDD00, #FF0000);
	background: linear-gradient(to bottom right, #FFDD00, #FF0000);
}

.alertes_admin {
	background-color: #FF9900;
	background: -webkit-linear-gradient(left top, #FFCC80, #FF9900);
	background: linear-gradient(to bottom right, #FFCC80, #FF9900);
}

.al_onglet {
	font-size: 0.5em;
	width: 1.2em;
	border: 1px solid black;
}

.al_clic {
	font-size: 0.6em;
	width: 1.6em;
	line-height: 1.6em;
	border: 3px solid black;
	margin-right: 0.1em;
}

.date_titre {
	font-family: 'linotte-reg','Comic Sans MS', Times, sans-serif;
}

.bloc_icones {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border-radius: 0.4em;
	padding: 0.15em;
}

.bloci_double {
	width: 11%;
	background: #fff;
	background: -moz-linear-gradient(#fff, #EFEFF4);
	background: -webkit-linear-gradient(#fff, #EFEFF4);
	background: -o-linear-gradient(#fff, #EFEFF4);
}

.bloci_triple {
	width: 17%;
	background: #fff;
	background: -moz-linear-gradient(#fff, #EFEFF4);
	background: -webkit-linear-gradient(#fff, #EFEFF4);
	background: -o-linear-gradient(#fff, #EFEFF4);
}

.bloc_icones img {
	display: block;
}

/* Menu admin*/

.menu_admin h1 {
	width: 100%;
	border-bottom: 2px solid black;
	font-size: 2.2em;
	font-family: 'linotte-reg','Comic Sans MS', Times, sans-serif;
	font-weight: bold;
	color: #0B6ACA;
}

.menu_admin h2, .menu_rapport h2 {
	width: 100%;
	border-bottom: 2px solid black;
	font-size: 1.5em;
	font-family: 'linotte-reg','Comic Sans MS', Times, sans-serif;
	color: #0B6ACA;
}

.menu_admin p {
	font-size: 1.7em;
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
}

.menu_admin .bloc_flex {
	width: 40%;
}

.marge_menu div {
	margin: 0em 1.5em;
}

.marge_menu input {
	margin-left: 1em;
}

/* Menu rapport */

.menu_rapport h1 {
	width: 100%;
	font-size: 1.7em;
	font-family: 'linotte-reg','Comic Sans MS', Times, sans-serif;
	font-weight: bold;
	color: #0B6ACA;
}

.menu_rapport p {
	font-size: 1.4em;
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
}

.titre_compil {
	font-size: 1.7em;
	font-family: 'linotte-reg','Comic Sans MS', Times, sans-serif;
	font-weight: bold;
	margin-left: 2em;
}

.trait {
	border-bottom: 2px solid black;
}

/* Courses  */

.bloc_course, .bloc_journee {
	border-radius: 15px;
	overflow: auto;
	position: relative;
}

.bloc_course {
	border: 3px solid #787878;
	margin: 1%;
	width: 97%;
}

.bloc_journee {
	border: 2px solid #787878;
	margin: 1% 0%;
	-webkit-transform: translate3d(0,0,0);
}

.standard {
	background-color: #EFEFF4;
}

.voiture {
	background-color: #A6DBFF;
}

.adapte {
	background-image: repeating-linear-gradient(-55deg, #FFF, #FFF 25px, #A6DBFF 25px, #A6DBFF 50px);
}

.bloque {
	opacity: 0.4;
}

.init {
	padding-bottom: .6em;
}

.suivi {
	height: 565px;
}

.course_valid {
	height: 350px;
	border-bottom: none;
	margin-bottom: 0em;
	border-radius: 15px 15px 0px 0px;
}

.archive {
	height: 443px;
	opacity: 0.3;
	border-radius: 15px;
	background: -webkit-linear-gradient(#FFFFFF, #D6D6D6);
	background: linear-gradient(#FFFFFF, #D6D6D6);
}

.valid {
	width: 97%;
	border: 3px solid #787878;
	border-radius: 0px 0px 15px 15px;
	background: #E1E1E1;
	padding-top: 15px;
	margin-left: 1%;
}

/* Ajustements lignes*/

.out {
	text-decoration: line-through;
}

.dark {
	background: url('../img/fond_dark.png');
}

.base {
	border: 2px solid rgba(0, 0, 0, 0);
	border-radius: 10px;
}

.modif {
	border: 2px solid rgba(78, 78, 78, 1);
	border-radius: 10px;
	background: -moz-linear-gradient(#FFE2BB, #FFB653);
	background: -webkit-linear-gradient(#FFE2BB, #FFB653);
	background: -o-linear-gradient(#FFE2BB, #FFB653);
}

.modif_unfs {
	border: 2px solid rgba(78, 78, 78, 0.4);
	color: #999999;
	background: -webkit-linear-gradient(left, rgba(255,226,187,0.4), rgba(255,182,83,0.4));
	background: linear-gradient(to right, rgba(255,226,187,0.4), rgba(255,182,83,0.4));
}

.unfocus {
	color: #999999;
	background: -webkit-linear-gradient(left, rgba(224,224,224,0.4), rgba(195,195,195,0.4));
	background: linear-gradient(to right, rgba(224,224,224,0.4), rgba(195,195,195,0.4));
}

/* Lignes Course*/

.l1_course, .l2_course, .l_init, .l_valid {
	display: -webkit-flex;
	display: flex;
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
}

.l1_course {
	font-size: 1.8em;
	font-weight: bold;
	padding: 4px 0px 0px 9px;
}

.l2_course {
	font-size: 1.5em;
	padding: 3px 0px 0px 9px;
}

.lc1_heure, .lc1_adr, .linit_adr, .lc1_nbclient, .lc1_type {
	padding: 6px 5px 4px 5px;
	margin-right: 6px;
}

.lc1_heure {
	width: 9%;
	text-align: left;
}

.lc1_adr {
	width: 65%;
}

.linit_adr {
	width: 54%;
}

.lc1_nbclient {
	width: 15%;
}

.lc2_icnote, .lc2_icvalid {
	width: 3%;
	margin: auto;
	text-align: center;
	margin-right: 4px;
}

.lc2_prix, .lc2_nom, .lc2_codes, .lc2_adr {
	padding: 5px 4px 3px 4px;
	margin-right: 4px;
}

.lc2_prix {
	width: 7%;
	text-align: left;
}

.lc2_nom {
	width: 30%;
}

.lc2_codes {
	width: 12%;
	text-align: left;
}

.lc2_adr {
	width: 42%;
}

/* Formulaires */

.l_init {
	-webkit-justify-content: space-around;
	justify-content: space-around;
	align-items: center;
	-webkit-align-items: center;
	font-size: 1.5em;
	margin-left: 50%;
	margin-top: 15px;
}

.l_valid {
	font-size: 1.5em;
	margin : 0px 0px 20px 15px;
	align-items: center;
	-webkit-align-items: center;
}

.l_valid div {
	display: -webkit-flex;
	display: flex;
	margin: auto;
}

.time, .prix, .auto, .adresse {
	font-size: 1em;
	padding-left: 1.4em;
	width: 4.8em;
	height: 1em;
	vertical-align: center;
}

.time {
	background: white url("../img/icone-time.svg") no-repeat 0.1em center;
	background-size: 1em;
	width: 5.2em;
}

.prix {
	background: white url("../img/icone-prix.svg") no-repeat 0.1em center;
	background-size: 1em;
}

.auto {
	background: white url("../img/icone-auto.svg") no-repeat 0.1em center;
	background-size: 1em;
}

.adresse {
	background: white url("../img/icone-maison.svg") no-repeat 0.1em center;
	background-size: 1em;
	width: 22em;
}

.l_init label, .l_valid label {
	margin-right: 15px;
	padding-top: 6px;
	display: block;
}

.l_init input[type=text] {
	width: 71px;
}

.bouton_valid, .bouton_quit, .bouton_annul {
	border-radius : 6px;
	font-size : 1.5em;
	padding : 0.5em;
	margin: auto;
	transition: box-shadow 0.2s;
}

.bouton_valid, .bouton_log, .bouton_import {
	color : #000000;
	border : solid 1px #61C100;
	background : #7FFF00;
	background : -webkit-linear-gradient(left top, #7FFF00 ,#6CD900);
	background : linear-gradient(to bottom right, #7FFF00, #6CD900);
	box-shadow: 4px 4px 0px 1px #57AE00;
}

.bouton_valid:focus, .bouton_log:focus, .bouton_import:focus {
	box-shadow: 1px 1px 0px 0px #57AE00;
}

.bouton_annul {
	color : #888888;
	border : solid 1px #9D9D9D;
	background : #E8E8E8;
	background : -webkit-linear-gradient(left top, #FFFFE0 ,#FFFF00);
	background : linear-gradient(to bottom right, #FFFFE0, #FFFF00);
	box-shadow: 4px 4px 0px 1px #8B8B8B;
}

.bouton_annul:focus {
	box-shadow: 1px 1px 0px 0px #8B8B8B;
}

.bouton_quit {
	color : #888888;
	border : solid 1px #DE9203;
	background : #F8D39C;
	background : -webkit-linear-gradient(left top, #F8D39C ,#FFA500);
	background : linear-gradient(to bottom right, #F8D39C, #FFA500);
	box-shadow: 4px 4px 0px 1px #FF4F4F;
}

.bouton_quit:focus {
	box-shadow: 1px 1px 0px 0px #FF4F4F;
}

.bouton_log {
	border-radius : 6px;
	font-size : 1.3em;
	padding : 0.5em;
	margin: auto;
	transition: box-shadow 0.2s;
}

.bouton_import {
	border-radius : 6px;
	font-size : 1.3em;
	padding : 0.5em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	margin-bottom: 2em;
	transition: box-shadow 0.2s;
}

textarea {
	resize: none;
	background: white url("../img/icone-note.svg") no-repeat 1% 4%;
	background-size: 1em;
	height: auto;
	padding: 0.1em 1.5em;
	font-family: 'linotte-reg', sans-serif;
	font-size: 1em;
}

.l_valid textarea {
	width: 22em;
}


/* Lignes Master */

.l1_master, .l2_master {
	display: -webkit-flex;
	display: flex;
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
	padding-left: 0.4em;
}

.l1_master {
	font-size: 1.7em;
	font-weight: bold;
}

.l1_master a {
	display: -webkit-flex;
	display: flex;
	width: 93%;
	margin-left: 1em;
}

.l2_master {
	font-size: 1.4em;
	padding-left: 1em;
}

.bloc_master {
	border-radius: 0.6em;
	overflow: hidden;
	margin-top: 0.7em;
}

.lm1_heure, .lm1_nom_course, .lm1_nbclients, .lm1_type, .lm1_chauffeur, .lm1_star, .lm1_montant {
	padding: 6px 5px 4px 5px;
	margin-right: 6px;
}

.lm1_heure {
	width: 3em;
	text-align: left;
}

.lm1_nom_course {
	width: 4em;
}

.lm1_nbclients {
	width: 5em;
}

.lm1_type {
	width: 6em;
}

.lm1_star {
	width: 1em;
}

.lm1_chauffeur {
	width: 7em;
}

.lm1_montant {
	margin-left: auto;
	text-align: center;
	width: 2em;
}

.lm2_heure, .lm2_client, .lm2_codes, .lm2_note, .lm2_adr, .lm2_frais, .lm2_icone {
	padding: 5px 4px 3px 4px;
	margin-right: 4px;
}

.lm2_heure {
	width: 6%;
	text-align: left;
}

.lm2_client {
	width: 30%;
}

.lm2_codes {
	width: 11%;
	text-align: left;
}

.lm2_note {
	width: 50%;
	font-style: italic;
}

.lm2_adr {
	width: 49%;
}

.lm2_icone {
	margin-left: auto;
}

.bnotif {
	font-size: 2.2em;
	width: 5em;
	display: block;
	margin-top: 2em;
	margin-bottom: 1.2em;
	margin-left: auto;
}

.bloc_annul {
	background-image: repeating-linear-gradient(-55deg, #FFF, #FFF 25px, #C4C4C4 25px, #C4C4C4 50px);
}

/* Alertes */

.alerte {
	border: 3px solid #787878;
	border-radius: 15px;
	width: 95%;
	margin: 0.5em 0.75em;
	padding-bottom: 0.5em;
	overflow: auto;
}

.alerte_vu {
	background-color: #C7C7C7;
	opacity: 0.8;
}

/* Lignes Alertes*/

.l1_alerte {
	display: -webkit-flex;
	display: flex;
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	align-items: center;
	align-items: -webkit-center;
}

.l2_alerte {
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
	font-size: 1.4em;
	padding-left: 1em;
}

.l2_alerte a {
	text-decoration: underline;
	color: blue;
	margin: 0em 0.3em;
}

.balerte {
	font-size: 1em;
	margin: 0.2em 0.7em 0.4em auto;
}

.alerte .icone {
	margin: 0.2em 0.5em 0.4em auto;
}

.h_valid {
	margin-right: 1em;
}

.alerte_icone {
	width: 1.7em;
	height: 1.7em;
	border: 3px solid #787878;
	border-radius: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.7em;
	position: relative;
	top: -3px;
	left: -3px;
	margin-right: 0.2em;
	align-self: flex-start;
	align-self: -webkit-flex-start;
}

.alerte_ajout {
	background-color: #08FC04;
	background-image: url("../img/alerte-plus.svg");
	background-image: url("../img/alerte-plus.svg"), -webkit-linear-gradient(left top, #B0FFAE, #05E600);
	background-image: url("../img/alerte-plus.svg"), linear-gradient(to bottom right, #B0FFAE, #05E600);
}

.alerte_suppr {
	background-color: #FE2803;
	background-image: url("../img/alerte-moins.svg");
	background-image: url("../img/alerte-moins.svg"), -webkit-linear-gradient(left top, #FE6D54, #D72000);
	background-image: url("../img/alerte-moins.svg"), linear-gradient(to bottom right, #FE6D54, #D72000);
}

.alerte_maj {
	background-color: #FFB653;
	background-image: url("../img/alerte-change.svg");
	background-image: url("../img/alerte-change.svg"), -webkit-linear-gradient(left top, #FFE2BB, #FFB653);
	background-image: url("../img/alerte-change.svg"), linear-gradient(to bottom right, #FFE2BB, #FFB653);
}

.alerte_undo {
	background-color: #0000FF;
	background-image: url("../img/alerte-del.svg");
	background-image: url("../img/alerte-del.svg"), -webkit-linear-gradient(left top, #C4C4FF, #0000FF);
	background-image: url("../img/alerte-del.svg"), linear-gradient(to bottom right, #C4C4FF, #0000FF);
}

.alerte_comm {
	background-color: #0000FF;
	background-image: url("../img/alerte-bulle.svg");
	background-image: url("../img/alerte-bulle.svg"), -webkit-linear-gradient(left top, #C4C4FF, #0000FF);
	background-image: url("../img/alerte-bulle.svg"), linear-gradient(to bottom right, #C4C4FF, #0000FF);
}

.alerte_creance {
	background-color: #0000FF;
	background-image: url("../img/alerte-dollar.svg");
	background-image: url("../img/alerte-dollar.svg"), -webkit-linear-gradient(left top, #C4C4FF, #0000FF);
	background-image: url("../img/alerte-dollar.svg"), linear-gradient(to bottom right, #C4C4FF, #0000FF);
}

.alerte_refus {
	background-color: #FE2803;
	background-image: url("../img/alerte-exclam.svg");
	background-image: url("../img/alerte-exclam.svg"), -webkit-linear-gradient(left top, #FE6D54, #D72000);
	background-image: url("../img/alerte-exclam.svg"), linear-gradient(to bottom right, #FE6D54, #D72000);
}

.alerte_cloud {
	background-color: #0000FF;
	background-image: url("../img/alerte-nuage.svg");
	background-image: url("../img/alerte-nuage.svg"), -webkit-linear-gradient(left top, #C4C4FF, #0000FF);
	background-image: url("../img/alerte-nuage.svg"), linear-gradient(to bottom right, #C4C4FF, #0000FF);
}

.alerte_message {
	background-color: #0000FF;
	background-image: url("../img/alerte-lettre.svg");
	background-image: url("../img/alerte-lettre.svg"), -webkit-linear-gradient(left top, #C4C4FF, #0000FF);
	background-image: url("../img/alerte-lettre.svg"), linear-gradient(to bottom right, #C4C4FF, #0000FF);
}

.alerte_absent {
	background-color: #0000FF;
	background-image: url("../img/alerte-absent.svg");
	background-image: url("../img/alerte-absent.svg"), -webkit-linear-gradient(left top, #C4C4FF, #0000FF);
	background-image: url("../img/alerte-absent.svg"), linear-gradient(to bottom right, #C4C4FF, #0000FF);
}

.alerte_noabsent {
	background-color: #6A6A6A;
	background-image: url("../img/alerte-absent.svg");
	background-image: url("../img/alerte-absent.svg"), -webkit-linear-gradient(left top, #CECECE, #6A6A6A);
	background-image: url("../img/alerte-absent.svg"), linear-gradient(to bottom right, #CECECE, #6A6A6A);
}

.alerte_nocomm {
	background-color: #6A6A6A;
	background-image: url("../img/alerte-bulle.svg");
	background-image: url("../img/alerte-bulle.svg"), -webkit-linear-gradient(left top, #CECECE, #6A6A6A);
	background-image: url("../img/alerte-bulle.svg"), linear-gradient(to bottom right, #CECECE, #6A6A6A);
}

.alerte_nocreance {
	background-color: #6A6A6A;
	background-image: url("../img/alerte-dollar.svg");
	background-image: url("../img/alerte-dollar.svg"), -webkit-linear-gradient(left top, #CECECE, #6A6A6A);
	background-image: url("../img/alerte-dollar.svg"), linear-gradient(to bottom right, #CECECE, #6A6A6A);
}

.quote {
	font-style: italic;
	margin: 0.5em 0em 0em 1.5em;
	font-family: 'linotte-reg', Helvetica, sans-serif;
}

.al_comm {
	margin:auto;
}

/* Transformation de modification*/

.elem_modif {
	border: 3px solid #787878;
	border-radius: 10px;
	background-color: #FF9400;
	padding: 0px 3px 0px 3px;
	position: relative;
	top: -3px;
}

/* Fenêtre modale*/

.bloc_modal {
	position: fixed;
	font-family: 'linotte-reg', Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none; 
	width: 100%;
	height: 100%;
	border-radius: 15px;
}

.bloc_modal:target {
	opacity:1;
	pointer-events: auto;
}

.bloc_modal > div {
	width: 70%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #D3D3D3);
	background: -webkit-linear-gradient(#fff, #D3D3D3);
	background: -o-linear-gradient(#fff, #D3D3D3);
	min-height: 25%;
	color: black;
}

.close {
	background: red;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 34px;
	text-decoration: none;
	font-weight: bold;
	border-radius: 12px;
	box-shadow: 1px 1px 3px #000;
	font-size: 20px;
	padding: 0.2em;
}

.close:hover {
	font-size: 20px;
}

/* Contenu fenetre modale*/

.bm_titre {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	font-weight: 900;
	border-bottom: 1px solid black;
	margin: 4px 0px 8px 0px;
	padding-bottom: 5px;
	font-size: 38px;
}

.bm_form {
	font-size: 1.2em;
}

.bm_ligne, .bm_full {
	display: -webkit-flex;
	display: flex;
	min-height: 5em;
	align-items: center;
	-webkit-align-items: center;
}

.bm_full {
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.bm_ligne div {
	width: 50%;
	text-align: center;
}

.bm_full div {
	text-align: center;
}

.bm_form label {
	display: block;
	margin-bottom: .3em;
}

.bm_info {
	font-size: 2em;
	margin-top: 1em;
}

.bloc_modal select {
	font-family: 'linotte-reg', sans-serif;
	font-size: 1em;
	width: 90%;
}

.bloc_modal textarea {
	font-size: .8em;
}

/* Menu déroulant */

.scroll {
	position: relative;
}

.scroll input[type="checkbox"], .menu_d {
	display: none;
}

.scroll input[type="checkbox"]:checked + label > div {
	display: block;
}

.menu_d {
	position: absolute;
	top: 55px;
	left: -12px;
	padding: 10px;
	font-family: 'linotte-reg','Comic Sans MS', Times, sans-serif;
	text-align: left; 
	font-size: 0.7em;
	border: 3px solid #787878;
	border-radius: 15px;
	box-shadow: 1px 1px 3px #000;
	z-index: 99999;background: #fff;
	background: -moz-linear-gradient(#fff, #C5C5C5);
	background: -webkit-linear-gradient(#fff, #C5C5C5);
	background: -o-linear-gradient(#fff, #C5C5C5);
}

/* Formulaires généraux */

fieldset {
	border: 2px solid #0B6ACA;
	border-radius: 0.5em;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.35);
	font-size: 1.7em;
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
	background: -webkit-linear-gradient(left top, white, #EFEFF4);
	background: -o-linear-gradient(bottom right, white, #EFEFF4);
	background: -moz-linear-gradient(bottom right, white, #EFEFF4);
	background: linear-gradient(to bottom right, white, #EFEFF4);
	margin-bottom: 0.6em;
}

.boite {
	max-height: 17em;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.bloc_log {
	height: 100%;
	display: flex;
	display: -webkit-flex;
}

.bloc_centre {
	margin: auto;
}

.start {
	margin: 1em 0em;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

fieldset legend {
	padding: 0.2em 0.4em;
	border: 2px solid #0B6ACA;
	border-radius: 0.8em;
	font-weight: bold;
	color: #0B6ACA;
	background-color: #E8F0F9;
	font-family: 'linotte-reg','Comic Sans MS', Times, sans-serif;
}

fieldset span {
	margin: auto;
}

.insert {
	padding : 0em .2em;
	margin-left: 0em;
}

fieldset .titre {
	font-size: .7em;
	font-family: 'linotte-reg','Comic Sans MS', Times, sans-serif;
	color: grey;
}

fieldset input[type="text"],
fieldset input[type="password"],
fieldset .input {
	padding: 0.5em 0.4em 0.1em 0.5em;
	border: none;
	border-bottom: solid 2px #c9c9c9;
	transition: border 0.3s;
	margin: 0em 0em 0.4em 0em;
	font-size: 0.9em;
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
	width: auto;
}


fieldset input[type="time"],
fieldset input[type="number"] {
	padding-top: 0.5em;
	padding-right: 0.4em;
	padding-bottom: 0.1em;
	border: none;
	border-bottom: solid 2px #c9c9c9;
	transition: border 0.3s;
	margin: 0em 0em 0.4em 0em;
	font-size: 0.9em;
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
	width: auto;
	height: auto;
}


fieldset input[type="checkbox"] {
	margin-right: 1em;
	width: 2em;
	height: 2em;
}

.element {
	margin-right: 0.5em;
}

.fs_code {
	max-width: 2.3em;
}

.fs_chauffeur {
	min-width: 5em;
}

.fs_typev {
	min-width: 5.5em;
}

.fs_heure, .fs_auto {
	max-width: 3.3em;
	border: none;
	border-bottom: solid 2px #c9c9c9;
}

.fs_adresse {
	min-width: 20em;
}

.fs_clients {
	min-height: 13em;
}

.fs_prix {
	max-width: 3em;
}

.fs_note {
	min-width: 15em;
}

.fs_log {
	min-width: 10em;
}

fieldset input[type="text"]:focus,
fieldset input[type="text"].focus {
  border-bottom: solid 2px #969696;
}

fieldset input {
	display: block;
}

fieldset .menu_d {
	font-size: 1.1em;
}

fieldset input[type="radio"] {
	display: inline;
}

fieldset .radiolab {
	margin: 0em 0em 0.5em 0em;
	font-size: 1em;
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
}

fieldset input[type="color"] {
	width: 6em;
	height: 1.2em;
	font-size: 0.9em;
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
	border: none;
	border-bottom: solid 2px #c9c9c9;
}

.com {
	font-family: 'linotte-reg', Helvetica, sans-serif;
	font-size: 1.5em;
	margin-left: 1.5em;
}

.mini_com {
	font-family: 'linotte-reg', Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 1em;
}

.bouton_texte {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
}

.separateur {
	width: 100%;
	border-bottom: 2px solid black;
}

.message {
	background: white url("../img/icone-message.svg") no-repeat 1% 4%;
	background-size: 25px 18px;
	margin-bottom: 1em;
}

.titrepgauche {
	margin-right: 1em;
}

/* Menu d'importation */

.menu_import {
	margin-top: 4em;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.5em;
	font-family: 'myndraine','Comic Sans MS', Times, sans-serif;
	max-width: 25em;
	text-align: center;
}

input[type="file"] {
	border-radius : 6px;
	font-size : 1.3em;
	padding : 0.5em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	transition: box-shadow 0.2s;
	color : #888888;
	border : solid 1px #9D9D9D;
	background : #E8E8E8;
	background : -webkit-linear-gradient(left top, #FFFFE0 ,#FFFF00);
	background : linear-gradient(to bottom right, #FFFFE0, #FFFF00);
	box-shadow: 4px 4px 0px 1px #8B8B8B;
}

input[type="file"]:focus {
	box-shadow: 1px 1px 0px 0px #8B8B8B;
}

/* Tableaux */

table {
	margin-left: 1em;
	font-family: 'linotte-reg', Helvetica, sans-serif;
	font-size : 1.3em;
}

td {
	padding: 0.5em;
	min-width: 5em;
	text-align: center;
}

thead, tfoot {
	background-color: #0B6ACA;
	color : #fff;
}

.fond {
	background-color: #E2E2E2;
}

.ratio_bas {
	background-color: #FFEC8B;
}

.ratio_haut {
	background-color: #98FB98;
}

/* Rapport chauffeur */

.rapport_chauffeur {
	font-family: 'linotte-reg', Helvetica, sans-serif;
	font-size: 1.5em;
}

.rapport_chauffeur h1 {
	font-size: 1.4em;
	font-family: 'linotte-reg','Comic Sans MS', Times, sans-serif;
	font-weight: bold;
	color: #0B6ACA;
}

.rap_chauffeur_droit {
	width: 5em;
	text-align: right;
	font-size: 1.2em;
}

.rap_chauffeur_deb {
	width: 19em;
	margin-left: 1.5em;
	margin-bottom: 1em;
	font-size: 1.2em;
}

.rapport_chauffeur table{
	margin: auto;
	font-size : 1.2em;
}

.barre {
	width: 100%;
	border-bottom: 3px solid #787878;
}

/* Loader */

#contenu {
  display: none;
	height: 100%;
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #FFFFFF;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}