* {
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	box-sizing:border-box;
}
body {
	height: 100%;	
	font-size: 14px;
	line-height: 1.7;
	color:#555;
	position:relative;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background: #fff;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
a, a:link, a:visited, a:focus, a:active, a:hover{
	text-decoration:none;
	color: #ff2693;
}
a:hover{
	text-decoration:none;
	color: #660033;
}
h1{
	font-size:23px;
	font-weight:600;
	text-align:center;
	margin:0 auto;
	letter-spacing:3px;
	text-transform:uppercase;
}
h2{
	font-size:19px;
	font-weight:600;
	text-align:left;
	margin:0 auto 20px auto;
	letter-spacing:3px;
	text-transform:uppercase;
	color:#ff5c26;
}
h3{
	font-size:17px;
	font-weight:600;
	text-align:left;
	margin:0 auto 16px auto;
	letter-spacing:2px;
	line-height:1;
}
.fa{
	padding-right:10px;
}

hr {
    margin: 30px 0;
    border: 0;
    border-top: 1px dotted #dddddd;
    border-bottom: 0px solid #fff;
}

header{	
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height:60px;
	border-bottom:1px solid #ddd;
	display:table;
	position:relative;
}
header h1{ display:table-cell; vertical-align:middle; }

#menu-header{
	width:100%;
	text-align:center;
	background-color:#eeeeee;
}
.header-btn{
	margin:0;
	text-align:center;
	font-size:100%;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:2px;
	display:inline-block;
	padding:2px 16px;
}
.header-btn:after{
	content:"";
	border-right:1px dotted #bbbbbb;
	position:absolute;
	top:5%; right:0;
	height:90%;
}
.header-btn-last:after{ border:none; }
.header-btn-first{letter-spacing:0;}
.header-btn-actif{background-color: #999999; color: #fff; position:relative;}
.header-btn-actif:before{
	content:"\f0d7 ";
	font-family: "FontAwesome";
	position:absolute;
	height:30px;
	bottom:-6px;
	left:30%;
	right:30%;
	font-size:30px;
	color:#999999;
}

.header-btn:hover{ color:#333; background-color:#dddddd; }
.header-btn-actif:hover::before{ color:#dddddd; }
#menu-header a:link, #menu-header a:visited{
	color:#555555;
	position:relative;
}
#menu-header a:hover{
	color:#333;
}

.header-btn .fa{
	padding-right:6px;
	opacity:.8;
}
.header-btn-first .fa{padding-right:0;}


input, select, textarea{
	padding: 8px;
	border-radius:2px;
	border:1px solid #ccc;
	margin:0 4px;
}
*::placeholder {
  color: #555555;
}
select{
	padding: 7px;
}

input:hover, textarea:hover, select:hover{
	border-color: rgba(70,200,255,0.6);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70,200,255,.4);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70,200,255,.4);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70,200,255,.4);
}
input:focus, textarea:focus, select:focus{
	border-color: rgba(90,150,225,1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(70,200,255,.9);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(70,200,255,.9);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(70,200,255,.9);
}

.italic{ font-style:italic; }

.w3{width:3%;}
.w5{width:5%;}
.w7{width:7%;}
.w10{width:10%;}
.w12{width:12%;}
.w14{width:14%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}

.o10{opacity:.1;}
.o20{opacity:.2;}
.o30{opacity:.3;}
.o40{opacity:.4;}
.o50{opacity:.5;}
.o60{opacity:.6;}
.o70{opacity:.7;}
.o80{opacity:.8;}
.o90{opacity:.9;}
.o100{opacity:1;}

.pd2{ padding:2%; }
.pd5{ padding:5%; }
.pd10{ padding:10%; }

.aright{ text-align:right; }
.aleft{ text-align:left; }
.acenter{ text-align:center; }

.fleft{ float:left; }
.fright{ float:right; }
.clbo{ clear:both; }

.hidden{display:none;}

.relative{position:relative;}

.bold{font-weight:bold;}

.disabled{pointer-events: none; opacity:.4; filter: grayscale(100%);}

@keyframes glowing {
  0% { box-shadow: 0 0 20px #ff9326; }
  100% { box-shadow: 0 0 -10px #ff9326; }
}

.haschanged:before{
	content: " ";
	width: 100%;
	height: 100%;
	animation: glowing 3000ms 1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;	
	z-index: 1100000;
}

/* BTN */
.btn, .btn-submit, .btn-button{
	height: 30px;
    padding: 0 20px;
    line-height: 30px;
	color: #FFF;
    font-weight: 600;
	background-color:#5B9BE0;
	cursor:pointer;
	display:inline-table;
	font-size:110%;
	text-transform:uppercase;
	letter-spacing:2px;
	border:none;
}
.btn-submit, .btn-button{
	letter-spacing:0px;
	display:inline-table;
	height: 32px;
    padding: 0 12px;
    line-height: 32px;
	border-radius:2px;
	background-color:#f7993c;
	text-transform:none;
	font-weight:200;
	font-size:100%;
}
.btn:before, .btn-submit:before, .btn-button:before{
	font-family: "FontAwesome";
	padding-right:.8em; 
}
.btn-big{
	height: 46px;
    padding: 0 16px;
    line-height: 46px;
	font-size:120%;
}
.btn-small{
	height: 26px;
    padding: 0 9px;
    line-height: 26px;
	font-size:100%;
}

.btn-blue{ background-color:#5B9BE0; }
.btn-red{ background-color:#ff5c26; }
.btn-orange{ background-color:#f7993c; }
.btn-violet{ background-color:#7c39b9; }
.btn-gray{ background-color:#888888; }
.btn-green{ background-color:#00b4b4; }

.btn a:link, .btn a:visited, .btn a:hover{
	color:white;
	display:table-cell;
	vertical-align:middle;
}
.btn:hover, .btn-submit:hover, .btn-button:hover{
	background-color:#ff2693;
	color:white;
}

.btn-edit:before{ content: "\f14b "; }
.btn-edit{ background-color: rgb(0,180,180); }
.btn-icon-only.btn-edit{ color:rgb(0,180,180); border-color:rgb(0,180,180); }
.btn-icon-only.btn-edit:hover{ background-color: rgb(0,180,180); }

.btn-delete:before{ content: "\f057 ";}
.btn-delete{ background-color: #ff5c26; }
.btn-icon-only.btn-delete{ color:#ff5c26; border-color:#ff5c26;}
.btn-icon-only.btn-delete:hover{ background-color: #ff5c26; }

.btn-add:before{ content: "\f055 ";}
.btn-add{ background-color: #f7993c; }
.btn-icon-only.btn-add{ color:#f7993c; border-color:#f7993c;}
.btn-icon-only.btn-add:hover{ background-color: #f7993c; }

.btn-print:before{ content: "\f02f ";}
.btn-print{ background-color:#7c39b9; }
.btn-icon-only.btn-print{ color:#7c39b9; border-color:#7c39b9;}
.btn-icon-only.btn-print:hover{ background-color: #7c39b9; }

.btn-save:before{ content: "\f0c7 ";}
.btn-save{ background-color:#ff5c26; }
.btn-icon-only.btn-save{ color:#ff5c26; border-color:#ff5c26;}
.btn-icon-only.btn-save:hover{ background-color: #ff5c26; }

.btn-back:before{ content: "\f0a8 ";}
.btn-back{ background-color:#9b8362; }
.btn-icon-only.btn-back{ color:#9b8362; border-color:#9b8362;}
.btn-icon-only.btn-back:hover{ background-color: #9b8362; }

.btn-search:before{ content: "\f002 ";}
.btn-search{ background-color:#8baab4; }
.btn-icon-only.btn-search{ color:#8baab4; border-color:#8baab4;}
.btn-icon-only.btn-search:hover{ background-color: #8baab4; }

.btn-icon-only:before{ padding-right:0; font-size:130%;  }
.btn-icon-only{
	padding:0 7px;
	border-radius:100%;
	border-width:0;
	width:32px;
	text-align:center;
	background-color: rgba(255,255,255,.5);
}
.btn-icon-only:hover{
	color:white !important;
}

.btn-abs-1{
	position:absolute;
	top:2px; right:-40px;
}
.btn-abs-2{
	position:absolute;
	top:2px; right:-76px;
}
.btn-abs-seul{
    position: absolute;
    top: -4px;
    right: -22px;
}
.btn-abs-left{
	position: absolute;
	top: 8px;
	left: -30px;
	text-align: right;
	font-size: 80%;
	color: #787878;
	min-width: 20px;
}

#btn-return{
	position:absolute;
	left:0; top:0;
	height:100%;
}

/* SECTIONS */
.large{max-width:1280px; margin-left:auto; margin-right:auto;}
.max-large{max-width:1680px; margin-left:auto; margin-right:auto;}
.large-padding{padding:40px 70px 60px 70px;}

/* BTN GESTION */
.gestion-btn{
	width:200px;
	height:200px;
	margin:35px;
	float:left;
	display:table;
	background-color:#888888;
	text-align:center;
	font-size:140%;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:2px;
	border-radius:4px;
}
.gestion-btn a:link, .gestion-btn a:visited, .gestion-btn a:hover{
	color:white;
	display:table-cell;
	vertical-align:middle;
}

.gestion-btn .fa{
    display:block;
	font-size:190%;
	padding-right:0;
	margin-bottom:20px;
	opacity:.8;
}
.gestion-btn:hover{
	background-color:#333333 !important;
}

/* TABLES */
.table-list{      
	width: 100%;
	padding:0 90px 0 32px;
	background-color: #ffffff;         
	display: table;	
}
.table-list-nopad{ padding:0; }
.table-list-nopad .div-table-cell{ overflow:hidden; }
.table-list-small, .table-list-medium, .table-list-small input, .table-list-small textarea { font-size:90%; height:100%; margin:0; }
.table-list-small input, .table-list-small textarea { padding:4px 3px; }
.div-table-row {
	/*display: table-row;
	padding:2px 12px;*/
	width: auto;
	clear: both;	
	position:relative;
}
/*.table-list-small .div-table-row {padding:2px 1px;}*/
.div-table-cell {
	float: left;
	display: table-column;  
	padding:3px 12px;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	min-height: 42px;
	vertical-align:middle;
}
.table-list .div-table-cell{
	min-height: unset;
}
.div-table-row-head{
	color:white;
	font-style:italic;
	font-weight:200;
}

.type-2, .type-2 .div-table-cell{color:#7930a5 !important; }
.type-1, .type-1 .div-table-cell{color:#727400 !important; }

.bg-type-2{background-color:#7930a5 !important; }
.bg-type-1{background-color:#727400 !important; }

.head-cell-first{border-radius:6px 0 0 0;}
.head-cell-last{border-radius:0 6px 0 0;}

.table-list-small .div-table-cell, .table-list-medium  .div-table-cell{
	padding:4px 4px;
	min-height: auto;
	height: 34px;
}
.table-list-medium .div-table-cell {
	padding:4px 8px;
	height: 34px;
}
.div-table-row-head .div-table-cell{ min-height:unset; background-color: #777777;}
.table-list-small .div-table-row-head .div-table-cell{ height:26px; line-height:14px;}

.table-row-color1 .div-table-cell{background-color: #f8f9fc; border-color:#f8f8f8; color:#555;}
.table-row-color1 .div-table-cell input, .table-row-color1 .div-table-cell textarea{border-color:#dddddd;}
.table-row-color2 .div-table-cell{background-color: #e9ebf3; border-color:#eeeeee; color:#444;}
.table-row-color2 .div-table-cell input, .table-row-color2 .div-table-cell textarea{border-color:#cccccc;}
.table-row-color1:hover .div-table-cell, .table-row-color2:hover .div-table-cell{background-color: #fff; color:#000; border-color:#5B9BE0; }
.table-row-color1:hover, .table-row-color2:hover {box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(70,200,255,.9); z-index:10000; }
.table-row-color1 .div-table-cell input:hover,
.table-row-color2 .div-table-cell input:hover,
.table-row-color1 .div-table-cell textarea:hover,
.table-row-color2 .div-table-cell textarea:hover{
	border-color:#5B9BE0;
}
.table-list-groupes .table-row-color1:hover,
.table-list-groupes .table-row-color2:hover {
    z-index: unset;
}

.div-table-cell-cb{
	padding:7px;
}

.div-table-cell-cb input{
	height: 18px;
}

.tri-btn{
	float:right;
	padding-right:10px;
}
a.tri-link,a.tri-link:visited {color:white}
a.tri-link:hover{color:#feebf4}

.input-editable{
	width:100%;
	margin:0;
	background:transparent;
	z-index:10;
}
.table-list-small input.input-editable:focus, .table-list-small input.input-editable:active, .table-list-small input.input-editable:hover{
	background:rgba(255,255,255,.85);
	z-index:10000;
	height:auto;
}
.input-disabled{
	border-color:rgba(0,0,0,.05);
	opacity:.7;
}
.input-disabled:hover{
	border-color: rgba(0,0,0,.05);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input.no-arrows[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input.no-arrows[type=number]::-webkit-inner-spin-button, 
input.no-arrows[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

.client-detail input{
	width:60%;
}
.client-detail div{
	padding:8px 0;
}
.client-detail label{
	width:15%;
	display:inline-block;
	font-weight:bold;
	text-align:right;
	color:#ff5c26;
	padding-right:2%;
}

.dates-chips{
	background-color: #d2d2d2;
	display: inline-block;
	padding: 6px 10px;
	margin: 3px;
	border-radius: 2px;
}
.dates-chips span{
	color:white;
	letter-spacing: 0;
}