@CHARSET "ISO-8859-1";

*{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14pt;
}

body {
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
}

.bonjour {
	color:#FFFFFF;
	font-size:70%;
}

/* *********************** */
/* DIV  */
/* *********************** */

div.logo {
	width:100%;
	text-align:center;
	margin-top:50px;
	margin-bottom:20px;
}

div.logo img {
	max-width:60%;
	height:auto;	
}


div.divMenu {
	position:relative;
	width:100%;
	padding:10px;
}

div.divMenu.groupe {
	display:inline-block;
}


div.tblScroll {
	overflow-x:hidden;
	overflow-y:auto;
	width:100%;
	min-height:150px;
	max-height:calc(100vh - 370px);
}

div.rapportTempsTotal{
	width:98%;
	margin:20px 0px 80px 10px;
	padding:10px;
	font-weight:bold;
	background-color:#cfcfcf;
	vertical-align:middle;
	border:1px solid #000;
}

div.display5sec {
	animation: display5sec 4s forwards;
    animation-delay: 10s;
}

@keyframes display5sec{
    from {opacity :1;}
    to {opacity :0;}
}

@-webkit-keyframes display5sec{
    from {opacity :1;}
    to {opacity :0;}
}


/* *********************** */
/* TABLE  */
/* *********************** */


/* **********
	 type1 
*********** */
table.type1 {
	border: 1px solid #000000;	
	border-radius: 5px;
	padding:0;
	
    min-width:100px;
    max-width:600px;
    width:calc(100vw - 10px);
    margin:auto;
}

table.type1.center {
	margin-left:auto;
	margin-right:auto;
}

table.type1.form td:first-child{
	white-space:nowrap;	
}

table.type1.withBgColor {
	background-color:#ffffff;
}

table.type1.noBorder {
	border:0;
}

table.type1 th {
	background-color:#000000;	
	color:#FFFFFF;
	font-size:125%;
	font-weight:500;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height:40px;
	box-sizing:border-box;
	padding:0px;
}

table.type1 tr.rowRapportPaye:hover {
	background-color: rgb(201, 210, 231);
}

table.type1 tr.rowRapportPaye th {
	background-color:#cfcfcf;
	color:black;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border: 1px solid black;

}

table.type1 tr.rowRapportPayeBleu {
	background-color:#000000;
	color:black;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border: 1px solid black;
}

table.type1 tr.rowRapportPaye td {
	border: 1px solid black;
			
}

table.type1 tr td.bulleGauche {
	border: 1px solid #000000;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color:#cfcfcf;
}

table.type1 tr td.bulleDroite {
	border: 1px solid #000000;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	/*background-color:#cfcfcf;*/
}

table.type1 tr td.bulleDroite.rouge {
	background-color:rgb(255, 185, 185);
}


table.type1 tr.section-fonce {
	background-color: #cfcfcf;
}


table.type1 tr.section td {
	background-color: #e5e5e5;
}

table.type1 tr.section-fonce td {
	font-weight:bold;
}

table.type1 td {
	padding:4px;
	text-align:left;	
}


table.type1 tr.iSelected1 {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #ccdfec;
	transition: all 0.8s;
}
table.type1 tr.iSelected2 {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #ccdfec;
	transition: all 0.8s;
}

/* **********
	 tableau 
*********** */
table.tableau {
	border: 0;	
	padding:0;
    width:98%;
    margin:auto;
    border-collapse:collapse;
}

table.tableau.center {
	margin-left:auto;
	margin-right:auto;
}

table.tableau.withBgColor {
	background-color:#ffffff;
}

table.tableau th {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color:#000000;	
	color:#FFFFFF;
	font-size:100%;
	font-weight:500;
	height:40px;
	box-sizing:border-box;
	padding:4px;
	text-align:center;
	border:1px solid #FFFFFF;
}

table.tableau th.rondGauche {
	border-top-left-radius: 5px;
}


table.tableau th.rondDroit {
	border-top-right-radius: 5px;
}

table.tableau tr.section-fonce {
	background-color: #cfcfcf;
}


table.tableau tr.section td {
	background-color: #e5e5e5;
}

table.tableau tr.section-fonce td {
	font-weight:bold;
}

table.tableau td {
	padding:4px;
	text-align:left;
	border:0;	
}

table.tableau td.totalGris {
	border: 1px solid #000000;
	background-color: rgb(202, 202, 202);
	text-align:center;
}

table.tableau td.totalGrisFonce {
	border: 1px solid #000000;
	background-color: rgb(127, 127, 127);
	font-weight:bold;
	text-align:center;
}

table.tableau td.totalNoir {
	border: 1px solid #000000;
	background-color: #000000;
	color: #FFFFFF;
	font-weight:bold;
	text-align:center;
}


table.tableau tbody.center td {
	padding:4px;
	text-align:center;
	border:0;	
}

table.tableau tbody.center.separator td {
	border: 1px solid #000;
}

table.tableau tbody.center.separator.vAlignTop td {
	vertical-align: top;
}



table.tableau tbody.left td {
	padding:4px;
	text-align:left;
	border:0;
}


table.tableau tr.iSelected1 {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #ccdfec;
	transition: all 0.8s;
}
table.tableau tr.iSelected2 {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #ccdfec;
	transition: all 0.8s;
}

table.tableau tbody tr:nth-child(even) {
	background-color:#E2E2E2;
}


table.tableau tfoot tr:first-child td {
	border-top: 2px solid #000000;
}

table.tableau tfoot.noBorder tr td {
	border:none;
}

table.tableau tfoot tr td.total {	
	border-top:2px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	font-weight:bold;
	text-align:center;
}


table.tableau tbody.noToggle tr {
	border-bottom : 1px solid #000000;
	background-color:#FFFFFF;
}

table.tableau tbody.noToggle tr.termine {
	background-color:#E2E2E2;
}


table.tableau tr td.carreRouge {
	background-color:#FFA6A6;
	border: 1px solid #970000;
}

table.tableau tr td.carreVert {
	background-color:#88c145;
	border: 1px solid #315801;
}

table.tableau tr.small th, 
table.tableau tr.small td {
	font-size:75%;
}

/* **********
	 top menu 
*********** */
table.top_menu {
	width:100%;
	padding:0px;
	margin:0;	
	margin-bottom:15px;
	border-collapse:collapse;
	text-align:left;
}

table.top_menu tr {
	background-color:#000000;
}

table.top_menu td {
	vertical-align:top;
	
}


/* **********
	search bar 
*********** */
table.searchBar {
	width:100%;
	border-collapse:collapse;
	/*border:1px solid rgb(192, 192, 192);*/
	background-color:none;
	
}
table.searchBar td{
	text-align:center;
}




table.hdrTbl {
	width:100%;
	border-spacing:0px;
	background-color:#000000;
	color:#FFF;
	border:1px solid #000000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}

table.hdrTbl tr td {
	border:1px solid #FFFFFF;
	border-right:0;
	padding: 10px 15px 10px 15px;
	text-align:center;
}

table.hdrTbl tr td:last-child {
	border:1px solid #FFF;
}


table.hdrTbl tr td.rondGauche {
	border-top-left-radius: 5px;
}

table.hdrTbl tr td.rondDroite {
	border-top-right-radius: 5px;
}


/* **********
	 cout 
*********** */
table.cout thead tr td {
	background-color: #e5e5e5;
}


/* **********
	select heure 
*********** */
table.selectHeure {
	width:100%;	
	cursor:pointer;
}

table.selectHeure tr:first-child td {
	border-top:1px solid #000000;
}

table.selectHeure tr td {
	border-bottom:1px solid #000000;
	padding:15px;
}

table.selectHeure tr td.selected {
	background-color:#C5CFE4;
	font-weight:bold;
}

table.selectHeure tr td.curTime {
	background-color:rgb(248, 248, 248);
	font-weight:bold;
}

/* **********
	select liste 
*********** */
table.selectListe {
	width:100%;	
	cursor:pointer;
	border-collapse:collapse;
}

table.selectListe tr td {
	border-bottom:1px solid #000000;
	padding:15px 5px 15px 5px;
}

table.selectListe tr.selected td {
	background-color:#F3BBA0;
}


table.centered td {
	text-align:center;
	
}


/* **********
	 Rapport
*********** */
table.rapport {
	border: 1px solid #000000;
	padding:0;
	width:99%;
    margin:auto;
}

table.rapport.center {
	margin-left:auto;
	margin-right:auto;
}

table.rapport.form tr td:first-child{
	white-space:nowrap;	
}

table.rapport.withBgColor {
	background-color:#ffffff;
}

table.rapport.noBorder {
	border:0;
}

table.rapport thead th {
	background-color:#000000;	
	color:#FFFFFF;
	font-size:125%;
	font-weight:500;
	height:40px;
	box-sizing:border-box;
	padding:0px;
}

table.rapport thead tr.section-fonce {
	background-color: #cfcfcf;
}


table.rapport thead tr.section td {
	background-color: #e5e5e5;
}

table.rapport thead tr.section-fonce td {
	font-weight:bold;
}

table.rapport tbody tr td {
	padding:4px;
	text-align:left;	
}


table.rapport tr.iSelected1 {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #ccdfec;
	transition: all 0.8s;
}
table.rapport tr.iSelected2 {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #ccdfec;
	transition: all 0.8s;
}

table.rapport tbody tr:nth-child(even) {
	background-color: #e5e5e5;	
}

table.rapport tfoot tr td{
	padding:4px;
	border-top:1px solid #000000;
	
}

table.rapport tr.rowRapportPaye:hover {
	background-color: rgb(201, 210, 231);
}



table tr.section td, th {
	background-color: #e5e5e5;
}


/* *********************** */
/* BOUTON 					*/
/* *********************** */

:focus {outline:none;}
::-moz-focus-inner {border:0;}

.btn {
	border:0px;
	background-color: #000000;
	border:1px solid #FFFFFF;
	color: #FFFFFF;
	font-weight:400;
	cursor:pointer;
	border-radius:5px;
	font-size:100%;
	vertical-align: middle;
	padding: 10px 15px 10px 15px;
	
	text-align: center;
}

.btn:hover {
	background-color:#FFFFFF;
	color: #000000;
	border: 1px solid #000000;
	transition: all 0.3s;
}

.btn.selected {
	background-color:#FFFFFF;
	color: #000000;
	border: 1px solid #000000;
}

.btn.disabled, .btn.menu.bleu.noMargin.disabled {
	background-color:#E5E5E5;
	color: #c0c0c0;
	border: 1px solid #c0c0c0;
	cursor: not-allowed;
}


.btn.menu {
	background-color:#FFFFFF;
	color: #000000;
	border: 1px solid #000000;
	width:calc(100% - 20px);	/* on enlève le padding de la balide div */
	margin-top:20px;
	margin-left:10px;
}

.btn.menu.bleu
{
	background-color: #000000;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
}

.btn.menu.bleu:hover {
	background-color:#FFFFFF;
	color: #000000;
	border: 1px solid #000000;
}


.btn.menu.center{
	text-align:center;
}

.btn.menu.noMargin, .btn.menu.bleu.noMargin {
	text-align:center;
	margin:0;
}

.btn.menuTbl {
	background-color:#FFFFFF;
	color: #000000;
	border: 1px solid #000000;
	width:100%;
	text-align:left;
	padding:5px 0 5px 0;
}

.btn.menuTbl table tr td {
	margin:0;
	padding: 10px 15px 10px 15px;
}

.btn.menuTbl.complete {
	background-image: url("../images/icon-complete-orange.png");
	background-repeat: no-repeat;
	background-position: 10px ;
}

.btn.menuTbl table tr td.colNb {
	border-right:1px solid #000000;
	text-align:center;
	width:50px;
}

.btn.menuTbl table tr td.col50 {
	border-right:1px solid #000000;
	text-align:center;
	width:50px;
}

.btn.menuTbl table tr td.col75 {
	border-right:1px solid #000000;
	text-align:center;
	width:75px;
}

.btn.menuTbl table tr td.col100 {
	border-right:1px solid #000000;
	text-align:center;
	width:100px;
}

.btn.menuTbl table tr td.col150 {
	border-right:1px solid #000000;
	text-align:center;
	width:150px;
}

.btn.menuTbl table tr td.col200 {
	border-right:1px solid #000000;
	text-align:center;
	width:200px;
}

.btn.menuTbl table tr td.col250 {
	border-right:1px solid #000000;
	text-align:center;
	width:250px;
}

.btn.menuTbl table tr td.col300 {
	border-right:1px solid #000000;
	text-align:center;
	width:300px;
}

.btn.menuTbl table tr td.col400 {
	border-right:1px solid #000000;
	text-align:center;
	width:400px;
}


.btn.menu:hover{
	background-color: #000000;
	border:1px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s;
} 

.btn.menuTbl:hover {
	background-color: #000000;
	border:1px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s;
}

.btn.menuTbl:hover table td.colNb { border-right:1px solid #FFFFFF;}
.btn.menuTbl:hover table td.col50 { border-right:1px solid #FFFFFF;}
.btn.menuTbl:hover table td.col75 { border-right:1px solid #FFFFFF;}
.btn.menuTbl:hover table td.col100 { border-right:1px solid #FFFFFF;}
.btn.menuTbl:hover table td.col150 { border-right:1px solid #FFFFFF;}
.btn.menuTbl:hover table td.col200 { border-right:1px solid #FFFFFF;}
.btn.menuTbl:hover table td.col250 { border-right:1px solid #FFFFFF;}
.btn.menuTbl:hover table td.col300 { border-right:1px solid #FFFFFF;}
.btn.menuTbl:hover table td.col400 { border-right:1px solid #FFFFFF;}


.btn.menuTbl.complete:hover {
	background-image: url("../images/icon-complete-blanc.png");
	background-repeat: no-repeat;
	background-position: 10px ;
}



.btn.search {
	padding: 5px 8px 5px 8px;
}

.btn.heure {
	text-align:center;
	width:100%;
	max-width: 150px;
}



.btn.selected.checkVert {
	background-image: url("../images/icon-check-vert.png");
	background-repeat: no-repeat;
	background-position: 10px ;
	
	background-color:#FFFFFF;
	color: #000000;
	border: 1px solid #000000;
	
	padding-left:42px;
}



/* *********************** */
/* INPUT 				   */
/* *********************** */

input[type=text], input[type=password], textarea, js-kioskboard-input {
	
	border-radius:4px;
	overflow: auto;
	width: 100%;
	margin-bottom:3px;
	margin-right:3px;
	border:1px solid #CCC;
	color: #555;
	font-size: 100%;
	height:40px;
	padding: 2px 6px 2px 6px;
	transition-duration: 0.15s, 0.15s;
	transition-property: border-color, box-shadow;
	transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
	box-sizing: border-box;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

input[type=text].money {
	text-align:right;
	width:calc(100% - 14px);
}

input[type=text].center {
	text-align:center;
}

.animated {
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}

input[type=text].search
{
	border-radius:4px;
	
	width: 100%;
	padding:2px;
	margin-bottom:3px;
	margin-right:3px;
	border:1px solid #CCC;
	color: #555;
	font-size: 90%;
	line-height:25px;
	height:40px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	transition-duration: 0.15s, 0.15s;
	transition-property: border-color, box-shadow;
	transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
	box-sizing: border-box;
	background-image:url('../images/icon-search.png');
  	background-repeat:no-repeat;
  	background-position:left center;
  	padding-left:20px;
  	
}

input[type=text]:disabled,
input[type=text][disabled]{
	background-color:rgb(229, 229, 229);
	color:black;
	opacity:1;
}

input[type=text].disabled{
	background-color:rgb(229, 229, 229);
	color:black;
	opacity:1;
}


input[type=text].search:-ms-input-placeholder
{
	color: #a3a3a3;
}

input[type=text]:-ms-input-placeholder
{
	color: #a3a3a3;
}
input[type=password]:-ms-input-placeholder
{
	color: #a3a3a3;
}

input[type=checkbox] {
	
	width:16px;
	height:16px;
}

textarea {
	resize:vertical;
}


select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgba(106,106,106,1)'><polygon points='0,0 100,0 50,95'/></svg>") no-repeat;
	background-size: 12px;
	background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	font-size: 90%;
	line-height:20px;
	height:35px;
	border-radius:4px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 30px;
	padding-top: 3px;
	margin-bottom:3px;
	margin-right:3px;
	border:1px solid #CCC;
	transition-duration: 0.15s, 0.15s;
	transition-property: border-color, box-shadow;
	transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
	box-sizing: border-box;
	cursor:pointer;
	color:#555;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14pt;
}


input[type=text].date {
	width:100px;
	padding-top:3px;
	padding-bottom:3px;
	height:26px;
}

input[type=text].long {
	width:250px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
}

input[type=text].small {
	width:200px;
	padding-top:2px;
	padding-bottom:2px;
	height:26px;
	padding-left:4px;
	padding-right:4px;
}

input[type=text].xsmall {
	width:100px;
	padding-top:2px;
	padding-bottom:2px;
	height:26px;
	padding-left:4px;
	padding-right:4px;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
	/*background-color:#FDBE00;*/
	border: 1px solid #000000;
	
	/*box-shadow:0px 0px 5px 1px #FDBE00;*/
	/*box-shadow:2px 2px 1px #FDBE00;*/
}

/*
input[type=radio]{
	margin-top:20px;
	margin-bottom:20px;
}
*/

/* *********************** */
/* ANCHOR 		<a>			*/
/* *********************** */

a{
	/*color:#043564;*/
	color:#000000;
}

a:hover {
	/*color: #DF9200;*/
	color:rgb(192, 192, 192);
}

/* *********************** */
/* IMAGES 		<img>	   */
/* *********************** */
.bin {
	background-image: url("../images/icon-bin.png");
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	background-position: center;
	text-align:right;
	cursor:pointer;
	width:25px;
	height:32px;
	border:0;
	margin-top:5px;
}

img.addItem {
	cursor:pointer;
}

img.point {
	cursor:pointer;
}


img.menu_top_logo {
	margin-top:4px;
	width:25%;
	max-width:153px;
	min-width:75px;
	height:auto;
}

img.menu_top_logout {
	width:50%;
	max-width:40px;
	min-width:30px;
	height:auto;
	cursor:pointer;
}


.imgPlus{
	background-image: url("../images/icon-plus-bleu.png");
	background-size: 64px 64px;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	/*background-position: center;*/
	text-align:right;
	cursor:pointer;
	width:64px;
	height:64px;
	border:0;
}


/* *********************** */
/* SPAN 		<span>	   */
/* *********************** */
span.note {
	font-size:75%;
	color:#999999;
}

/************************/
/*	FIELDSET			*/
/************************/
fieldset.boite {	border:2px solid #000000;	margin:10px;	box-shadow: 3px 3px 3px #838385; text-align:left;}
fieldset.boite legend { font-size:125%; padding:0px 15px 0px 15px; }
fieldset.boite table {	border:0; }
fieldset.boite table td {	padding:0px 15px 0px 15px;}




/* *************************************************************************************************** */
/* RESPONSIVE PLUS PETIT QUE 768px */
/* *************************************************************************************************** */

/*
@media screen and (max-width: 767px){
  
  table.type1 {
  }
  
  
}
*/