/*
.graphique_js {
	display: flex;
	height: 200px;
	margin-top: 50px;
	margin-bottom: 70px;
}

.graphique_amplitude {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FFFFFF;
	height: 10px;
	margin: 90px auto 0 auto;
	width: 100%;
}

.graphique_horaire_ps {
	float: left;
	margin: 12px 0 0 -20px;
}

.graphique_horaire_fs {
	float: right;
	margin: -128px -20px 0 0;
}

/* MEDIA CSS SPECIAL * /
	/* Pour iPad * /
	@media screen and (min-device-width: 810px) and (max-device-width: 1080px) {
		.graphique_horaire_fs {
			margin: -278px -20px 0 0;
		}
	}

	/* Pour le Xiaomi
	A ne pas bouger - doit être après celui de l'iPad * /
	@media screen and (min-device-width: 873px) {
		.graphique_horaire_fs {
			margin: -128px -20px 0 0;
		}
	}
/********* /

.graphique_horaire_ps,
.graphique_horaire_fs {
	font-size: 12px;
	color: #16A200;
	font-weight: bold;
}

.graphique_numero_ou_nom {
	margin: -127px 0 0 -16px;
	font-size: 10px;
	padding: 0 23px 0 0;
	-webkit-transform: rotate(310deg);
	-moz-transform: rotate(310deg);
	-o-transform: rotate(310deg);
	transform: rotate(310deg);
	width: 100px;
}

/* MEDIA CSS SPECIAL * /
	/* Pour iPad * /
	@media screen and (min-device-width: 810px) and (max-device-width: 1080px) {
		.graphique_numero_ou_nom {
			margin-top: -130px;
		}
	}

	/* Pour le Xiaomi
	A ne pas bouger - doit être après celui de l'iPad * /
	@media screen and (min-device-width: 873px) {
		.graphique_numero_ou_nom {
			margin-top: -127px;
		}
	}
/********* /

.graphique_numero_ou_nom1 {
	margin-top: -120px;
	margin-left: 5px;
}

.graphique_numero_ou_nom .iconify {
	font-size: 150%;
}

.graphique_via {
	margin: -102px 0 -49px -6px;
	width: 55px;
	border: 1px solid;
	position: absolute;
}

.graphique_horaire_deb {
	margin: 22px 0 0 -16px;
}

.graphique_horaire_fin {
	margin-top: 2px;
}

.graphique_horaire_deb,
.graphique_horaire_fin {
	font-size: 10px;
}

.graphique_mang_deb {
	margin: 36px 0 0 -12px;
}

.graphique_mang_fin {
	margin-top: 32px;
}

.graphique_mang_deb,
.graphique_mang_fin {
	position: absolute;
	font-size: 9px;
}

.graphique_deb_type {
	font-size: 8px;
	margin-top: -20px;
	margin-left: 7px;
	-webkit-transform: rotate(305deg);
	-moz-transform: rotate(305deg);
	-o-transform: rotate(305deg);
	transform: rotate(305deg);
}

.graphique_mang_deb,
.graphique_deb_type,
.graphique_mang_fin {
	color: #833BF7;
}

.graphique_horaire_fin2 {
	position: relative;
	font-size: 0.7em;
	float: right;
	margin: 28px -7px 0 -10px;
}

.graphique_tache {
	background-color: #EFEFEF;
	border-top: 10px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #EFEFEF;
	height: 10px;
	margin-top: -150px;
	position: absolute;
}

/* MEDIA CSS SPECIAL * /

	/* Pour le Xiaomi
	A ne pas bouger - doit être après celui de l'iPad * /
	@media screen and (min-device-width: 873px) {
		.graphique_tache {
			margin-top: -150px;
		}
	}
/********* /

.graphique_tache_coupure {
	border-top: 10px solid transparent;
}

.graphique_lieups,
.graphique_lieu_apres,
.graphique_lieu_avant {
	font-size: 8px;
	width: 45px;
	position: absolute;
}

.graphique_lieups,
.graphique_lieu_apres {
	color: #FF8585;
}

.graphique_lieups {
	margin: -20px 0 0 -10px;
}

.graphique_lieu_avant {
	margin-top: 28px;
	color: #00B593;
}

.graphique_lieu_apres {
	margin-top: 35px;
}

.graphique_evo_avant,
.graphique_evo_apres {
	margin-top: 46px;
}

/* MEDIA CSS SPECIAL */
	/* Pour iPad */
	/*@media screen and (min-device-width: 810px) and (max-device-width: 1080px) and (orientation: landscape) {
		.graphique_evo_avant,
		.graphique_evo_apres {
			margin-top: 50px;
		}
	}

	@media screen and (min-device-width: 810px) and (max-device-width: 1080px) and (orientation: portrait) {
		.graphique_evo_avant,
		.graphique_evo_apres {
			margin-top: 46px;
		}
	}

	@media (min-device-width: 873px) and (orientation: landscape) {
		.graphique_evo_avant,
		.graphique_evo_apres {
			margin-top: 46px;
		}
	}*/
/********* /

.graphique_evo_avant,
.graphique_evo_apres {
	background-color: #833BF7;
	height: 9px;
	text-align: center;
	position: absolute;
}

.graphique_tache_sup {
	position: absolute;
	height: 10px;
	margin: 110px 0 0 -52px;
	list-style: none;
}

/* MEDIA CSS SPECIAL * /
	/* Pour iPad * /
	@media screen and (min-device-width: 810px) and (max-device-width: 1080px) {
		.graphique_tache_sup {
			margin-top: 120px;
		}
	}

	/* Pour le Xiaomi
	A ne pas bouger - doit être après celui de l'iPad * /
	@media screen and (min-device-width: 873px) {
		.graphique_tache_sup {
			margin-top: 110px;
		}
	}
/********* /

.graphique_precision_tache_sup {
	margin-left: -4px;
}

.graphique_tache_sup li {
	margin-top: 2px;
}

.graphique_tache_sup_txt {
	font-size: 7px;
	border: 1px solid;
	margin-left: -4px;
	padding: 2px;
	text-align: center;
}

/*****************************************
Grillage des heures
***************************************** /

.graphique_grillage_heures {
	border-left: 1px solid #CCCCCC91;
	width: 10px;
	height: 240px;
	margin-top: 20px;
	float: left;
}

.graphique_grillage_txt {
	margin: -20px 0 0 -5px;
}

.graphique_grillage {
	display: inline-table;
	margin-top: -149px;
}

.graphique_grillage_6 {
	border-left: 2px solid #FFA3A366;
	color:#D60505;
}

.graphique_text_6 {
	font-weight: bold;
}

.graphique_text_amplitude {
	text-align: center;
	font-size: 120%;
	color: #E24D16;
	font-weight: bold;
	margin: -25px 0 15px 0;
	width: 100%;
}
*/



















































/**********************************************************************************
***********************************************************************************
**********************************************************************************/
.graphic_principal,
.graphic_text_amplitude {
	max-width: 800px;
}

.graphic_principal {
	/* border: 1px solid #000000; */
	height: 280px;
	overflow-x: scroll;
	margin: 0 auto;
	padding: 10px 15px;
}

.graphic_text_amplitude {
	text-align: center;
	font-size: 120%;
	color: #E24D16;
	font-weight: bold;
	margin: 15px auto;
}

.graphic_grillage_heures {
	border-left: 1px solid #CCCCCC91;
	width: 10px;
	height: 240px;
	margin-top: 20px;
	float: left;
}

.graphic_grillage_txt {
	margin: -20px 0 0 -5px;
}

.graphic_grillage_6 {
	border-left: 1px solid #FF9898;
	color: #D60505;
}

.graphic_text_6 {
	font-weight: bold;
}

.graphic_horaire_ps, .graphic_horaire_fs {
	font-size: 12px;
	color: #16A200;
	font-weight: bold;
	top: 15px;
	position: absolute;
}

.graphic_horaire_ps {
	left: -20px;
}

.graphic_horaire_fs {
	right: -20px;
}

.contenu_du_graphic,
.contenu_du_graphic_tache {
	height: 15px;
	position: relative;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.contenu_du_graphic {
	border-bottom: 1px solid #000000;
	background-color: #FFFFFF;
	margin-top: 134px;
}

.contenu_du_graphic_tache {
	border-top: 15px solid #000000;
	background-color: #EFEFEF;
	margin-top: -30px;
}

.contenu_du_graphic_tache_filouterie {
	background-color: #EFEFEF;
	top: 12px;
	height: 5px;
	width: 99%;
	position: absolute;
}

.contenu_du_graphic_tache_horaire_debut,
.contenu_du_graphic_tache_horaire_fin {
	font-size: 80%;
	position: absolute;
}

.contenu_du_graphic_tache_horaire_debut {
	top: 28px;
	left: -15px;
}

.contenu_du_graphic_tache_horaire_fin {
	top: 38px;
	right: -17px;
}

.graphic_numero_ou_nom {
	-webkit-transform: rotate(310deg);
	-moz-transform: rotate(310deg);
	-o-transform: rotate(310deg);
	transform: rotate(310deg);
	width: 100px;
	position: absolute;
	top: -80px;
	left: -14px;
}

.graphic_numero_ou_nom .iconify {
	font-size: 150%;
	vertical-align: middle;
}

.graphic_numero_ou_nom1 {
	margin-top: -120px;
	margin-left: 5px;
}

.graphic_btn_rien {
	padding: 0;
	margin: 0;
	background-color: transparent;
	vertical-align: inherit;
	border: none;
}

.graphic_tache_coupure {
	border: 0;
	top: 14px;
	height: 16px;
	border-left: 1px solid;
	border-right: 1px solid;
}

.graphic_via {
	width: 55px;
	border: 1px solid;
	position: absolute;
	top: -110px;
	left: -8px;
}

.graphic_tache_sup {
	position: absolute;
	height: 10px;
	list-style: none;
	top: 35px;
	left: -52px;
}

.graphic_tache_sup li {
	margin-top: 2px;
}

.graphic_tache_sup_txt {
	font-size: 7px;
	border: 1px solid;
	margin-left: -4px;
	padding: 2px;
	text-align: center;
}

.graphic_precision_tache_sup {
	margin-left: -4px;
}

.graphic_lieups,
.graphic_lieu_apres,
.graphic_lieu_avant {
	font-size: 8px;
	position: absolute;
	top: -26px;
	min-width: 50px;
}

.graphic_lieups,
.graphic_lieu_apres {
	color: #FF8585;
}

.graphic_lieups {
	left: -15px;
}

.graphic_lieu_avant {
	color: #00B593;
	left: -23px;
	margin-top: -8px;
}

.graphic_lieu_apres {
	right: -45px;
}

.graphic_evo_avant,
.graphic_evo_apres {
	background-color: #833BF7;
	height: 15px;
	position: absolute;
	top: -15px;
}

.graphic_evo_avant {
	/* right: 17px; */
}

.graphic_evo_apres {
	right: 0;
}

.graphic_mang_deb,
.graphic_mang_fin {
	top: 32px;
}

.graphic_mang_deb {
	right: 5px;
}

.graphic_mang_fin {
	left: 5px;
}

.graphic_mang_deb,
.graphic_mang_fin {
	position: absolute;
	font-size: 9px;
}

.graphic_deb_type {
	position: absolute;
	font-size: 8px;
	-webkit-transform: rotate(305deg);
	-moz-transform: rotate(305deg);
	-o-transform: rotate(305deg);
	transform: rotate(305deg);
	min-width: 80px;
	top: -50px;
	left: -10px;
}

.graphic_mang_deb,
.graphic_deb_type,
.graphic_mang_fin {
	color: #833BF7;
}

/******************************************
***************PARTIE SUR js***************
******************************************/
	.contenu_du_graphic.js_a_faire,
	.js_a_faire .graphic_evo_avant,
	.js_a_faire .graphic_evo_apres,
	.js_a_faire .graphic_lieu_apres,
	.js_a_faire .graphic_via,
	.js_a_faire .graphic_numero_ou_nom,
	.js_a_faire .contenu_du_graphic_tache_horaire_debut,
	.js_a_faire .contenu_du_graphic_tache_horaire_fin {
		opacity: 0.3;
	}

	.contenu_du_graphic_tache.js_a_faire {
		border-color: #0000004d;
	}

	.sur_js_contenu {
		height: 390px;
	}

	.sur_js_contenu .graphic_grillage_heures {
		height: 360px;
	}
/******************************************
******************************************/

.lien_ajout_tache {
	position: absolute;
	left: 0;
	color: #00b708;
}
	
.lien_suppr_tache {
	position: absolute;
	top: 0;
	left: -20px;
	color: #FF0000;
}