#div_tableau_principal {
	margin: 5px auto;
}

.tableau_taches, .tableau_infos_js {
	max-width: 800px;
	width: 100%;
}

.div_tableau_ligne {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}

.texte_normal {
	font-weight: normal;
	font-size: 17px;
}

.div_tableau_td {
	width: 170px;
	height: 39px;
	margin: 1px;
	text-align: center;
	position: relative;
	border: 1px solid blue;
}

.div_tableau_js_1 {
	width: 100%;
}

.div_tableau_js_2 {
	float: left;
	width: 50%;
}

.div_tableau_js_1, .div_tableau_js_2 {
	margin-top: 2px;
	height: 50%;
	font-size: 15px;
}

.texte_base {
	font-weight: bold;
}

.colonne_numero {
	width: 1%;
}

.les_js {
	color: #551A8B;
}

.js_hors_js {
	opacity: 0.6;
}

.js_accompagnement td {
	border-color: #FF0000;
	background-color: #F9DBDB;
}

.js_ay td {
	border-color: #355B36;
	background-color: #7FE282;
}

.div_tableau_js_1_rp {
	margin-top: 15px;
}

.div_modification_rp {
	margin-top: -40px;
}

.div_modification_js {
	margin-top: -27px;
}

.div_modification_rp, .div_modification_js {
	position: absolute;
	margin-left: 88px;
}

.div_modification_rp img, .div_modification_js img {
	width: 16px;
}

.couleur_par_defaut {
	color: #000000;
}

.couleur_js_matin {
	color: #FF0000;
}

.couleur_js_journee {
	color: #098424;
}

.couleur_js_apres_midi {
	color: #4F96A3;
}

.couleur_js_nuit {
	color: #2D10BC;
}

.couleur_js_nuit .div_tableau_js_1 {
	text-decoration: underline overline;
}

.table {
	display: table;
	border-collapse: separate;
	border-spacing: 0 4px;
	margin: 0 auto;
	width: 60%;
}

.table > div {
	display: table-row;
	background-color: #EAE8E8;
}

.table > div:hover {
	background-color: #D7DDF2;
}

.table > div > div {
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
}

.td_gauche {
	font-weight: bold;
	color: #6A95C7;
}

.td_droit {
	min-width: 220px;
}

.td_droit, .td_gauche {
	width: 100%;
	vertical-align: middle;
	float: left;
}

.td_droit input[type="text"], .td_droit select {
	max-width: 215px;
}

.td_droit textarea {
	width: 100%;
	height: 300px;
}

/* Partie admin - Partie mon compte - choix des différentes pages */

.choix_multiple {
	width: 100%;
	display: table;
	padding-bottom: 20px;
	margin: 0 auto;
}

.choix_multiple_bloc {
	width: 47%;
	text-align: left;
	float: left;
	height: 60px;
	margin: 20px 5px;
	font-size: 80%;
}

.choix_multiple_bloc a {
	font-weight : bold;
	line-height: 10px;
	color: #005278;
	text-decoration: none;
	display: block; /* Pour que tout le bloc soit cliquable */
	padding : 10px;
	border-radius: 10px;
	border: 1px solid #005278;
	background-color: #F1F1F1;
}

.choix_multiple_bloc a:hover {
	background-color: #DCDCDC;
}

.choix_multiple_bloc img {
	vertical-align: middle;
	border: none;
	width: 60px;
	margin-right: 7px;
}

/*********/
.tableau_taches,
.tableau_infos_js {
	margin: 10px auto;
	border: 2px solid #a2a2a2;
	border-collapse: collapse;
}

.tableau_taches td,
.tableau_taches tr,
.tableau_infos_js td,
.tableau_infos_js tr {
	border: 1px solid #C1C1C1;
}

.tableau_taches tr td ul {
	margin-left: -20px;
}

.tableau_taches td {
	width: 50%;
}

.tableau_infos_js td {
	width: 15%;
}

.tableau_taches td, .tableau_infos_js td {
	padding: 8px;
}

.tableau_infos_js_colonne_1 {
	width: 50% !important;
}

.tableau_infos_js_colonne_3 {
	width: 40% !important;
}

.tableau_taches img {
	max-height: 50px;
}

.td_titre {
	font-weight: bold;
}

.td_center {
	text-align: center;
}

.td_mang {
	background-color: #F6F6F6;
}

.tableau_supp img {
	max-height: 30px;
}

.tableau_supp {
	border: 1px solid #898888;
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
}

.tableau_supp td {
	border: 1px solid #FF5B60;
}

.tableau_supp td {
	padding: 5px;
}

.td_tableau_supp_suppression {
	width: 1% !important;
}

.td_tableau_supp_titre {
	width: 12% !important;
}
/*********/

.heure_debut, .heure_fin, .heure_amplitude, .temps_coupure {
	font-weight: bold;
}

.heure_debut {
	color: #0C00FF;
}

.heure_fin {
	color: #517711;
}

.heure_amplitude {
	color: #E24D16;
}

.temps_coupure {
	color: #EF706B;
}

.liaison_de_tache {
	border-bottom: 1px solid #2A8FD3;
	border-left: 1px solid #2A8FD3;
	border-right: 1px solid #2A8FD3;
	margin: 0 auto;
	width: 52%;
}

.liaison_de_tache span {
	font-weight: bold;
	background: rgba(42, 143, 211, 0.3);
	padding: 3px 3px 0;
}

.tache_type .iconify {
	font-size: 450%;
	float: left;
}