/****    widget_login    ****/

.widget_login
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	min-height: 100%;
	width: 100%;
}

.widget_login .top_title
{
	background: url("../img/logo_synchro.png") center center no-repeat;
	margin: auto;
	height: 220px;
}

.widget_login .center
{
	height: calc(100vh - 220px - 300px);
	width: 100%;
	display: flex;
}

.widget_login .soma-box
{
	padding: 12px;
	width: 270px;
	margin: auto;
	margin-top: 80px;
}

.widget_login input[type=text],.widget_login input[type=password]
{
	border: solid 1px #555;
	font-size: 16px;
	height: 34px !important;
	width: 100% !important;
	margin-bottom: 6px;
	text-indent: 6px;
}

.widget_login .button
{
	font-size: 22px;
	display: block;
	background-color: #484848;
	color: #e0e0e0;
	text-align: center;
	padding: 4px;
	line-height: 28px;
	cursor: url('/img/cursor-hover.svg'), auto;
	transition: background-color 0.3s;
}
.widget_login .button:hover
{
	background-color: #666;
}

.widget_login .forgotten
{
	color: #333;
	font-size: 12px;
	text-align: center;
	cursor: url('/img/cursor-hover.svg'), auto;
	text-decoration: underline;
	margin-top: 8px;
	width: 100%;
	display: block;
	width: calc(100% - 6px);
}

.widget_login .footer
{
	width: 100%;
	/* height: 300px; */
	/* max-height: 300px; */
	display: flex;
	flex-direction: column;
}

.widget_login .logo
{
	height: 100px;
	margin: auto;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.widget_login .text_footer
{
	width: 100%;
	display: block;
	font-size: 16px;
	text-align: center;
	color: #333;
}

/****    widget_recap    ****/

.widget_recap
{
	/* height: 100vh !important; */
	/* background-image: url("../img/bg.png"); */
}
.widget_recap .bloc_pointage
{
	display: flex;
	width: 100%;
	margin: auto;
	margin-top: 10px;
}
.widget_recap .bloc_left
{
	width: 300px;
	height: 200px;
	margin-left: 20px;
}

.widget_recap input[type=text],
.widget_recap select
{
	font-size: 16px;
}
.widget_recap .bloc_centre
{
	/* width: 1200px; */
	/* height: 200px; */
	margin-left: 20px;
}

.widget_recap .bloc_right
{
	/* width: 1200px; */
	/* height: 200px; */
	/* margin-left: 20px; */
}
.widget_recap .button_date
{
	color: #fff;
	background-color: #A22;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-radius: 18px;
	cursor: url('/img/cursor-hover.svg'), auto;
	display: block;
	width: 300px;
	height: 36px;
	line-height: 36px;
}
.widget_recap .button_date_selected
{
	background: url('../img/dot.svg') no-repeat;
	background-position: center left 6px;
	background-color: #A22;
}

.widget_recap .line_green
{
	color: #292 !important;
}
.widget_recap .line_orange
{
	color: #fc7d00 !important;
}
.widget_recap .line_red
{
	color: #d94040 !important;
}
.widget_recap .number
{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #555;
}

/****    widget_pointage    ****/

.widget_pointage
{
}
.widget_pointage .bloc_pointage
{
	display: flex;
	/* min-width: 1480px; */
	/* width: 1600px; */
	/* margin: auto; */
	margin-top: 20px;
	margin-left: 20px;
}
.widget_pointage .bloc_left
{
	width: 300px;
	margin-left: 20px;
}

.widget_pointage .bloc_info
{
	width: 300px;
	height: 250px;
	margin-top: 20px;
	background-color: #2d77a4bf;
	color: #f0f0f0;
	border-radius: 20px;
}

.widget_pointage .bloc_info .header
{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	width: 100%;
	padding-top: 10px;
	display: block;
}
.widget_pointage .bloc_info .header .num_week
{
	width: 100%;
	display: block;
}
.widget_pointage .bloc_info .header .title_week
{
	width: 100%;
	display: block;
}

.widget_pointage .bloc_info .s_user
{
	margin: auto;
	margin-top: 20px;
	width: 220px;
	display: block;
}

.widget_pointage .bloc_info .time
{
	display: block;
	margin: auto;
	margin-top: 32px;
	width: 250px;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
}
.widget_pointage .bloc_info .time .time_label
{
	width: 210px;
	display: inline-block;
}
.widget_pointage .bloc_info .time .total
{
	width: 100%;
	display: block;
}
.widget_pointage .bloc_info .time .overtime
{
	width: 100%;
	display: block;
}
.widget_pointage .bloc_info .time .special
{
	width: 100%;
	display: block;
}

.widget_pointage .button_distribute
{
	border: solid 5px #155c6c;
	margin-top: 20px;
	width: calc(100% - 10px);
	height: 20px;
	border-radius: 20px;
	background: url('../img/distribution.svg') no-repeat;
	background-position: center top 10px;
	background-size: 80px;
	color: #fff;
	background-color: #38898c;
	display: block;
	padding-top: 94px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 10px;
	transition: transform 0.3s, background-color 0.3s;
	cursor: url('/img/cursor-hover.svg'), auto;
}
.widget_pointage .button_distribute:hover
{
	background-color: #3fa3a8;
}

.widget_pointage .bloc_centre
{
	/* width: 1200px; */
	/* height: 200px; */
	margin-left: 20px;
}

.widget_pointage .wpointage_day
{
	margin-bottom: 4px;
	display: flex;
	line-height: 54px;
	padding: 6px;
	border-radius: 20px;
	padding-right: 16px;
}

.widget_pointage .day_active
{
	background: #866a9329;
}

.wpointage_day .delta
{
	color: #cdeee3;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	text-indent: -3px;
	line-height: 54px;
	background: url('../img/delta.svg') no-repeat;
	background-position: center center;
	background-size: 54px;
	width: 54px;
	height: 54px;
}
.wpointage_day .delta_today
{
	background-size: 50px !important;
	border: solid 4px #224d7b;
	width: 46px !important;
	height: 46px !important;
	line-height: 46px;
	border-radius: 34px;
}

.wpointage_day .div_name
{
	margin-left: 14px;
	position: relative;
	width: 118px;
	height: 54px;
}

.wpointage_day .day_name
{
	color: #444;
	font-size: 22px;
	font-weight: bold;
}

.wpointage_day .today
{
	position: absolute;
	bottom: -21px;
	left: 0px;
	color: #224d7b;
	font-size: 14px;
	font-weight: bold;
}

.wpointage_day .button
{
	margin-right: 20px;
	width: 42px;
	height: 42px;
	border-radius: 8px;
	margin-top: 6px;
	cursor: url('/img/cursor-hover.svg'), auto;
	transition: background-color 0.6s;
}

.wpointage_day .button_add
{
	background: url('../img/pointage-plus.svg') no-repeat;
	background-position: center center;
	background-size: 38px;
	background-color: #397ab3;
}
.wpointage_day .button_add:hover { background-color: #285780; }

.wpointage_day .button_del
{
	background: url('../img/minus-pointage.svg') no-repeat;
	background-position: center center;
	background-size: 30px;
	background-color: #d04b4b;
}
.wpointage_day .button_del:hover { background-color: #d01e1e; }

.wpointage_day .container_lines
{
}

.wpointage_line
{
	display: flex;
	height: 54px;
	/* align-items: flex-start; */
	width: fit-content;
}

.wpointage_line_minus
{
	padding-top: 12px;
}

.wpointage_line .Wt-timeedit
{
	text-align: left;
	text-indent: 9px;
	font-size: 20px;
	border: solid 1px #888;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url('../img/clock.svg') no-repeat;
	background-position: right 3px center;
	background-size: 24px;
	background-color: #FFF;
	color: #333;
	margin: auto;
	padding: 0px;
	height: 30px;
	width: 100px;
}

.wpointage_line .Wt-spinbox
{
	border: solid 1px #888;
}

.wpointage_line .img_break_time
{
	position: relative;
	background: url('../img/break-time.svg') no-repeat;
	background-position: center top 4px;
	background-size: 28px;
	width: 50px;
	height: 50px;
	background-color: #4b72ae;
	border-radius: 12px;
	margin: auto;
	transition: background-color 0.6s;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.wpointage_line .break_time
{
	font-size: 12px;
	font-weight: bold;
	color: #cdeee3;
	position: absolute;
	bottom: 4px;
	text-align: center;
	width: 100%;
	display: block;
	height: 14px;
	line-height: 14px;
}

.wpointage_line .Wt-timeedit::-webkit-input-placeholder { color: #aaa; }
.wpointage_line .Wt-timeedit::placeholder
{
	color: #aaa !important;
	opacity: 0.8 !important;
}

.wpointage_line .arrow-right
{
	background: url('../img/arrow-right.svg') no-repeat;
	background-size: 22px;
	width: 22px;
	height: 22px;
	margin: auto;
	margin-left: 6px;
	margin-right: 5px;
}

.wpointage_line .chantier
{
	width: 140px;
	margin: auto;
	margin-left: 10px;
}
.wpointage_line .echelle
{
	width: 140px;
	margin: auto;
	margin-left: 4px;
}
.wpointage_line .affectation
{
	width: 140px;
	margin: auto;
	margin-left: 4px;
}

.wpointage_line .button_detail
{
	background: url('../img/arrow-white.svg') no-repeat;
	background-color: #276ca8;
	background-size: 22px;
	background-position: center right 6px;
	width: 41px;
	height: 41px;
	border-radius: 22px;
	margin: auto;
	margin-left: 10px;
	margin-right: 8px;
	cursor: url('/img/cursor-hover.svg'), auto;
	transition: transform 0.3s, background-color 0.3s;
}
.wpointage_line .button_detail:hover { background-color: #285780;; }

.wpointage_line .button_detail_hide
{
	transform: rotate(0deg);
}
.wpointage_line .button_detail_hide:hover { transform: rotate(90deg); }

.wpointage_line .button_detail_show
{
	transform: rotate(90deg);
}
.wpointage_line .button_detail_show:hover { transform: rotate(0deg); }

.wpointage_line .time_ok { background-color: #d4f2ce !important; }
.wpointage_line .time_bad { background-color: #f2cece !important; }

/****    remarques     ****/

.remarques
{
	background: #9b9292;
	position: relative;
	width: 400px;
	height: 240px;
}
.remarques .wpanel_title
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: #333;
	font-size: 16px;
	font-weight: bold;
	width: calc(100% - 8px);
	height: 32px;
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 32px;
	overflow: hidden;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	z-index: 1;
}
.remarques .close
{
	position: absolute;
	top: 4px;
	right: 4px;
	background: url('../img/close.svg') center center no-repeat;
	width: 24px;
	height: 24px;
	z-index: 6;
	cursor: url('/img/cursor-hover.svg'), auto;
}
.remarques_show
{
	position: absolute;
	transition: left 0.30s;
	left: 1480px;
	z-index: 20;
	top: 186px;
}
.remarques_hide
{
	position: absolute;
	left: calc(-100vw - 600px);
	transition: left 0.4s;
	z-index: 20;
	top: 0px;
}

	/* */
.pseudo-checkbox
{
	border: solid 2px #333;
	background: #FFF;
	cursor: url('/img/cursor-hover.svg'), auto;
}

/****    generic widget    ****/

.widget-panel-header
{
	background-color: #156984;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 30px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	transition: background-color 0.4s;
}

.widget-panel-header-expand
{
	border-bottom-left-radius: 0px;
}

.widget-panel-body
{
	border: 0px solid #156984;
}

.widget-panel-body-expand
{
	border-bottom-left-radius: 15px;
	border-left: solid 2px #156984;
	border-bottom: solid 2px #156984;
}

.widget-button-del
{
	padding-left: 8px;
	text-align: left;
	line-height: 30px;
	/*min-height: 30px;*/
	border-radius: 15px;
	transition: background-color 0.4s;
}

.widget-button-del-D
{
	line-height: 30px;
	/*min-width: 30px;*/
	/*min-height: 30px;*/
	border-radius: 15px;
	background-image: url("../img/small_remove.png");
	background-repeat: no-repeat;
	background-position: center center;
	transition: background-color 0.5s;
}

.widget-button-del-D:hover
{
	background-color: #456;
}

/****    menu widget    ****/

.menu-top
{
	background: #bc2b2b;
	min-height: 36px;
	height: 36px;
	line-height: 36px;
}

.menu-icon
{
	background: #c3c0c0;
	min-height: 80px;
}

.menu-icon-text
{
	font-size: 12px;
	color: #333;
	min-width: 70px;
	text-align: center;
}

.menu-icon-background
{
	transition: background-color 0.4s;
}
.menu-icon-background:hover
{
	background: #b4b4b4;
}

.menu-login-info
{
	font-size: 16px;
}

.menu-change-password
{
	font-size: 13px;
	font-style: italic;
	cursor: url('/img/cursor-hover.svg'), auto;
}

.menu-chantier-info
{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

/****    list chantier widget    ****/

.div-chantier
{
	background-color: #008fa2;
	padding: 12px;
	transition: border-radius 1s, background-color 0.4s;
	display: inline-flex;
	position: relative;
	float: inline-start;
}
.div-chantier:hover
{
	background-color: #196d80;
	border-radius: 40px;
}
.div-chantier-days
{
	font-size: 14px;
	font-weight: bold;
	width: 36px !important;
	height: 36px !important;
	background: #db0a0a;
	color: #eee;
	border-radius: 22px;
	border: 3px solid #c7c5c5;
	text-align: center;
	line-height: 34px;
	margin-top: -28.0px;
	margin-right: -22px;
	display: block;
	position: absolute;
	right: 0;
}
.div-chantier-nom
{
	font-size: 15px;
	font-weight: bold;
	padding-top: 16px;
	padding-bottom: 20px;
	width: 160px !important;
	display: block;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}
.div-chantier-num
{
	font-size: 15px;
}
.div-chantier-etat
{
	font-size: 14px;
	margin-top: 10px;
}
.div-chantier-finalise { background-color: #585c5d; }

/****    taches widget    ****/

.button-add-tache
{
	background-color: #54A42B;
	font-size: 20px;
	color: #fff;
	text-align: center;
	border-radius: 15px;
	line-height: 30px;
	min-height: 30px;
	display: block;
	transition: background-color 0.4s;
}
.button-add-tache:hover
{
	background-color: #3A721E;
}

.button-tache
{
	background-color: #2C8898;
	font-size: 16px;
	color: #fff;
}
.button-tache:hover
{
	background-color: #1D6572;
}

.header-type-left
{
	background-color: #152C53;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	min-height: 30px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.header-type-right
{
	background-color: #54A42B;
	font-size: 16px;
	color: #fff;
	padding-left: 8px;
	text-align: left;
	line-height: 30px;
	min-height: 30px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.header-type-cfa-right
{
	background-color: #5875A5;
	font-size: 16px;
	color: #fff;
	padding-left: 8px;
	text-align: left;
	line-height: 30px;
	min-height: 30px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.header-type-cfo-right
{
	background-color: #355359;
	font-size: 16px;
	color: #fff;
	padding-left: 8px;
	text-align: left;
	line-height: 30px;
	min-height: 30px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

/****    monteurs widget    ****/

.button-add-monteur
{
	background-color: #54A42B;
	font-size: 20px;
	color: #fff;
	text-align: center;
	border-radius: 15px;
	line-height: 30px;
	min-height: 30px;
	display: block;
	transition: background-color 0.4s;
}
.button-add-monteur:hover
{
	background-color: #3A721E;
}

.button-monteur
{
	background-color: #2C8898;
	font-size: 16px;
	color: #fff;
}
.button-monteur:hover
{
	background-color: #1D6572;
}

.button-monteur-pause
{
	background-color: #666;
	font-size: 16px;
	color: #fff;
}
.button-monteur-pause:hover
{
	allnd-color: #444;
}

.arrow-monteur
{
	padding: 5px;
	border-radius: 8px;
	background-color: #aaa;
	transition: background-color 0.4s;
}
.arrow-monteur:hover
{
	background-color: #888;
}

.zone-select
{
	background: #FFF;
	color: #333;
	border: solid 1px #555;
	width: 200px;
	height: 26px;
}

.bu-select
{
	background: #FFF;
	color: #333;
	border: solid 1px #555;
	width: 200px;
	height: 26px;
}

.select-monteur
{
	font-size: 18px;
	background: #FFF;
}

/****    affectation widget    ****/

.box-affectation
{
	background: #888;
	color: #fff;
	border-radius: 10px;
	transition: background-color 0.4s;
}

.box-affectation:hover
{
	background: #555;
}

.box-affectation-done
{
	background: #c3c0c0;
	color: #03313B;
	border-radius: 10px;
	transition: background-color 0.4s;
	opacity: 0.5;
}

.box-affectation-color-0 { background: #0a8090; }
.box-affectation-color-1 { background: #a12b2b; }
.box-affectation-color-2 { background: #119F31; }
.box-affectation-color-3 { background: #503078; }

.box-affectation-header
{
	color: #fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
}

.box-affectation-title
{
	font-weight: bold;
	font-size: 14px;
	padding: 3px 6px 3px 6px;
}

.box-affectation-bar
{
	border-radius: 10px;
}
.box-affectation-bar-ok
{
	background: #292 !important;
}
.box-affectation-bar-warn
{
	background: #fc7d00 !important;
}

.box-affectation-warn
{
	background-color: #ccc;
	border-bottom-left-radius: 6px;
	background-image: url("../img/warning.png");
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.box-affectation-pause
{
	background-image: url("../img/pause.png");
	border-bottom-right-radius: 6px;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.node-affectation-warn
{
	border-top-right-radius: 6px;
	background-image: url("../img/warning.png");
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.box-affectation-popup
{
	font-size: 15px;
	font-weight: bold;
}

.box-affectation-histo
{
	font-size: 12px;
	font-weight: normal;
}

.box-affectation-fraction
{
	border-top: solid 2px #d20e0e;
	padding-top: 3px;
}

.box-affectation-save
{
	border-radius: 8px;
	background-color: #54A42B;
	background-image: url("../img/save.png");
	background-size: cover;
	transition: background-color 0.4s;
	cursor: url('/img/cursor-hover.svg'), auto;
}
.box-affectation-save:hover
{
	background-color: #3A721E;
}

/****    pointage widget    ****/

.pointage-title
{
	padding: 4px;
	background-color:#B62222;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.pointage-box-line
{
	font-size: 13px;
	color: #333;
	text-align: center;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	padding-left: 4px;
}

.pointage-nom-tache
{
	padding-left: 10px;
	text-align: left;
}

.pointage-box-line-0
{
	background: #ddd;
}
.pointage-box-line-1
{
	background: #bbb;
}

.pointage-box-duree
{
	font-size: 15px;
}
.pointage-box-duree:hover
{
	background-color: #88a3cc;
}
.pointage-monteur-pause
{
	background-color: #6C6C6C;
	color: #eee;
}
.pointage-monteur-affectless
{
	background-color: #c38a16;
	color: #eee;
}

.pointage-banner
{
	background: #595959;
}

.pointage-banner-title
{
	background: #B62222;
	color: #fff;
	padding: 3px;
	text-align: center;
	font-weight: bold;
}

.pointage-banner-ok
{
	padding: 3px;
	border-radius: 6px;
	background-color: #54A42B;
	transition: background-color 0.4s;
}
.save-chantier:hover
{
	background-color: #3A721E;
}

.pointage-banner-text
{
	line-height: 36px;
}

.pointage-banner-select
{
	background: #FFF;
	color: #333;
	border: solid 1px #555;
	min-width: 200px;
	height: 36px;
}

.pointage-primes
{
	color: #333;
	font-size: 13px;
	font-weight: bold;
}

/****    tableau    ****/

.title-tableau
{
	color: #eee;
	font-size: 32px;
	background: #666;
	border-radius: 24px;
	padding: 6px;
	padding-left: 18px;
	padding-right: 18px;
}

.subtitle-tableau
{
	color: #333;
	font-size: 22px;
	margin-bottom: 20px;
}

.border-table
{
	border-left: solid 1px #888;
	border-top: solid 1px #888;
	background-color: #fcfcfc;
	height: 28px;
	line-height: 28px;
	font-size: 15px;
	text-align: center;
}
.border-table-right
{
	border-right: solid 1px #888;
}
.border-table-bottom
{
	border-bottom: solid 1px #888;
}
.border-table-top
{
	border-top: solid 1px #888;
}

.gray-layer-left
{
	border-left: solid 1px #888;
}
.gray-layer-top
{
	border-top: solid 1px #888;
	border-right: solid 1px #888;
	height: 20px;
	width: 80px;
}
.gray-layer-bottom
{
	border-bottom: solid 1px #888;
	border-right: solid 1px #888;
	height: 20px;
	width: 80px;
}
.text-tache
{
	color: #111;
	font-size: 22px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.tache-soldee
{
	background-color: #33e632;
}
.tache-en-cours
{
	background-color: #e1e12a;
}
.tache-non-demarree
{
	background-color: #e74545;
}

.legend-square
{
	height: 16px;
	max-height: 16px;
	min-height: 16px;
	width: 16px;
	max-width: 16px;
	min-width: 16px;
}

.tpta
{
	text-align: right;
	padding-right: 8px;
	line-height: 30px;
}

.reset-animation
{
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.reset-animation:hover
{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	transition-duration: 2s;
}

/****    export    ****/

.export-xlsx-disabled
{
	border-radius: 16px;
	background-color: #888;
	background-image: url("../img/save.png");
	background-repeat: no-repeat;
	background-position: center center;
	transition: background-color 0.4s;
}

.export-xlsx
{
	border-radius: 16px;
	background-color: #54A42B;
	background-image: url("../img/save.png");
	background-repeat: no-repeat;
	background-position: center center;
	transition: background-color 0.4s;
}
.export-xlsx:hover
{
	background-color: #3A721E;
}

.export-loading
{
	border-radius: 16px;
	background-color: #fff;
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
}

/****    create projet widget    ****/

.save-chantier
{
	border-radius: 16px;
	background-color: #54A42B;
	background-image: url("../img/save.png");
	background-repeat: no-repeat;
	background-position: center center;
	transition: background-color 0.4s;
}
.save-chantier:hover
{
	background-color: #3A721E;
}

.save-error
{
	background-color: #ec0800;
	color: #FFF;
	padding: 10px;
	border-radius: 22px;
	font-size: 18px;
	font-weight: bold;
}

/****    create projet B    ****/

.label-echelle
{
	line-height: 100px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border-radius: 6px;
}

.label-echelle-0
{
	background-color: transparent;
}
.label-echelle-1
{
	background-color: #32516C;
}
.label-echelle-2
{
	background-color: #3C6E8A;
}
.label-echelle-3
{
	background-color: #60727A;
}

/****    create projet C    ****/

.img-change
{
	background-color: #eee;
	border: dashed 2px #666;
	border-radius: 12px;
}

/****    nodes    ****/

.graph-bg
{
	background: #fff;
	border-radius: 10px;
}

.node-background
{
	border-radius: 6px;
}

.node-background-done
{
	border-radius: 6px;
	opacity: 0.5;
}

.node-title
{
	margin-top: 2px;
	font-size: 14px;
	font-weight: bold;
	width: 116px;
	text-align: center;
}

.node-title-minimized
{
	margin-top: -11px;
	font-size: 42px;
	font-weight: bold;
	color: #54c854;
	width: 116px;
	text-align: center;
}

.node-sub-title
{
	margin-top: 2px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

.node-normal-text
{
	margin-top: 2px;
	margin-left: 6px;
	margin-right: 6px;
	font-size: 12px;
}

.node-del-button
{
	color: #ccc;
}
.node-del-button:hover
{
	font-size: 21px;
	font-weight: bold;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #fff;
	background-color: #C33;
	text-align: center;
}

.node-add-button
{
	color: #ccc;
}
.node-add-button:hover
{
	font-size: 21px;
	font-weight: bold;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	color: #fff;
	background-color: #367B79;
	text-align: center;
}

.node-img-button
{
	color: #ccc;
}
.node-img-button:hover
{
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #444;
	background-image: url("../img/small_img.png");
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.node-attached-button
{
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #444;
	background-image: url("../img/small_img.png");
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

/****    link    ****/

.link-export
{
	color: #333;
	font-size: 14px;
	font-weight: bold;
}

.link-pointage
{
	color: #fff;
	background-color: #A22;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-radius: 13px;
	border: solid 2px #FF6248;
}