/* IREPS Auvergne-Rhône-Alpes
	CSS de mise en forme pour CoD@cT logiciel créer par l'IREPS ARA par V.THOMAS et C.HERBSTER
	DocTemplate CoDAcT
*/

* {margin : 0;padding : 0;/*color:#444;*/}

body {
	/*font : 11px "consolas", Sans-serif !important;*/
	font : 11px "Verdana", Sans-serif !important;
	/* font : 10px "Arial", Sans-serif !important; */
	
	background-color:#fff;color:#000;
	/*background-color:#000; color:#fff; */
	/*margin: 0px 0px 0px 0px;
	background-image:url('images/codac_bc.gif');*/	
}

html{scroll-behavior:smooth;}

/* Impression papier */
@media print{
	*{font:7px "consolas", Sans-serif;}
	
	nav,top-bar,footer{display:none;}
		
	[data-magellan-expedition]{display:none;}
	.noprint{display:none;}
	.entete_bis{background-color:#ccc !important;border-bottom: 1px solid #4447;-webkit-print-color-adjust: exact;}

	.tj_____{background-color: #F84;-webkit-print-color-adjust:exact;}

	.tf{background-color:#F84 !important;-webkit-print-color-adjust:exact;}

	.tjnp{background-color:#fdd !important;-webkit-print-color-adjust:exact;}
	
	.tjhm{background-color:#999 !important;-webkit-print-color-adjust:exact;}

	table tbody tr:nth-child(1n){
		/*background-color:rgba(64,64,64,0.25);*/
		border-bottom:1px solid #eee;
	}

	a[href]:after{content: "";}
	.noprint{display:none;}
	.large-9{width:100%;}
}

.close-button{
	font-size:12px;
	/*top:0;*/
	right:0;
	background-color:#f00;
}


/* Mise en forme pour les générations de tableaux */
.tf{
	/*background-color:#F84;*/
	background-color:rgba(255,128,64,0.4) !important;
	-webkit-print-color-adjust:exact;
}
.tjnp{/* Temps jour non pointé */
	/*background-color:#fcc5 !important;*/
	/*background-color:rgba(255,192,192,0.4) !important;*/
	-webkit-print-color-adjust:exact;
	cursor: pointer;
}

.tjbc{ /* Temps jours background */
	background-color:#fee !important;
	-webkit-print-color-adjust:exact;
}

.tjhm{
	/*background-color:#999e !important;*/
	background-color:rgba(144,144,144,0.4) !important;
	-webkit-print-color-adjust:exact;
	cursor: alias;
}
.tjp{/* Temps jours pointé */
	background-color:#cfc !important;
	-webkit-print-color-adjust:exact;
	border-radius: 0px 0px 10px 0px !important;
	cursor: zoom-in;
}

table{border-collapse:inherit !important;border-spacing:1px;}

.tab_month{ /* Tableau mensuel */
	/*border-collapse:collapse;
	border:0px solid #F77;*/
	display:inline-table;
	margin:0;
	border-right:1px dashed rgba(255,255,255,0.4) ;
}

.tj{ /* Temps jour */ width:10px;}

.tjd{width:10px;font-weight:bold;}

.tjd_mj{background-color:rgba(127,127,127,0.0512);}



/* Affichage résultat calendrier annuel */
.resultm{
	border-top:#222 solid 1px;
	border-right:#222 solid 1px;
	/* background-image:linear-gradient(#afa, #dfd); */
	background-image:linear-gradient(135deg,rgba(160,255,160,0.75),rgba(80,255,80,0.05)) !important;
	border-radius:0px 5px 0px 5px;
}

.top-bar { 
	/*height: 44px;
	background: #fff;*/
	text-align: center;
	top:0;
	z-index:100000;
	border-bottom: 1px solid #0094d9;
	/* position:absolute; */
	position:relative;
	width:100%;
}

.top-bar ul {
	background-color: #ccc;
	box-shadow: rgba(0, 0, 0, .5) 0 4px 10px;
	-webkit-transition: all 0.4s ease-in-out;
	border-radius: 0px 7px 7px 7px;
	transform: perspective( 400px ) rotateX( 4deg );
}

.top-bar, .top-bar ul:hover{background-color: #ccc8;}

.top-bar, .top-bar li{border-radius: 0px 7px 7px 7px;-webkit-transition: all 0.37s ease-in-out;}
.top-bar, .top-bar li:hover{background-color:#8888;}

.reveal{width:90%;height:90%;}

.tab_exclam{
	background:#fdd url('ico/exclamation.png') center top no-repeat !important;
	/*background-align:;*/
	margin: -4px 0px 2px 0px;
}
.tab_exc_col{background-color:#fdd;}

[type="file"], [type="checkbox"], [type="radio"] {
	margin: 0 0 0rem;
}

table thead, table tbody, table tfoot {background-color: transparent;}

h1{font-size:150%;font-weight: bold;padding:2px;/*background-color:#eee;*/}

h2{font-size:150%;font-weight: bold;margin:0px;}

h3{font-size:125%;font-weight: bold;margin:0px;}

h5{
	font-size:110%;
	font-weight: bold;
	margin:0px;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	color:#222;
	background-color:#eee;
}


table {
	margin:0px;
	padding:0px;
	border : 0px dashed #444;
}

table tbody th, table tbody td {
	padding:0px;
}

table tbody th {
	position:sticky;
	top:2px;
	padding:5px 10px;
	background-color:rgba(255,255,255,0.87);
	border-bottom:2px #dde ridge;
	box-shadow:0px 0px 5px rgba(128,128,128,0.95);
	color:#000;
}

.table_top table tbody th, table tbody td {
	padding:0px;
	vertical-align:top
}


.encart_jm{color:#F808;float:left;width:18px;}

.tit{
	font-size:450%;
	/*margin-top:15px;*/
	background-color:rgba(192,192,192,0.25);
	background: linear-gradient(to right, rgba(0,0,0,0.50), rgba(192,192,192,0.5),rgba(192,192,192,0.25),rgba(0,0,0,0.0));
	/*radial-gradient(circle,center,rgba(0,0,0,0.01), rgba(192,192,192,0.5),rgba(192,192,192,0.25),rgba(192,192,192,0.5), rgba(0,0,0,0));*/
}
.cal_j{
	background-color:#dfd;
	width:20px;
	float:left;
	text-align:center;
	margin:0px 0px 0px 0px;
	border-bottom:2px rgba(127,255,127,0.5) solid;
	border-radius: 0px 0px 4px 0px;
	font-size:10px;
	letter-spacing:1px;
	font-weight: bold;
	box-shadow: 2px 1px 1px #ccc;
	overflow:hidden;
	z-index:9;
	position: absolute;/*right:0;bottom:0;*/
}
.cal_h{
	float:right;
	background-color:#9f9;
	width:22px;
	text-align:right;

	text-align:center;
	margin:0px 0px 0px 1px;
	/*border-bottom:2px rgba(127,255,127,0.5) solid;*/
	box-shadow: -2px 1px 1px #ccc;
	border-radius: 0px 0px 0px 4px;
	font-size:10px;
	letter-spacing:1px;
	font-weight: bold;
	overflow:hidden;
	z-index:9;
	/*position: absolute;*/
	
}
.cal_t{
	font-size:10px;
	/*background-color:rgba(255,255,255,0.4);
	border-bottom:1px dashed #ccc;
	
	vertical-align: middle;
	*/
	background: linear-gradient(135deg, #fff 0%, rgba(255,255,255,0.4) 100%); 
	border-radius: 0px 7px 7px 0px;
	
	
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */

	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	/*
	 Introduced in IE 10.
	 See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
	*/
	-ms-user-select: none;
	user-select: none;

	overflow: hidden;
	position: relative;
	pointer-events: none;
								  
}


.cal_time{
	color:#F80;
	float:left;
	width:20px;
	letter-spacing:-1px;
	font-size:10px;
	vertical-align:middle;
	height:14px;
	/*background-color:#88f;*/
}

.cal_code{vertical-align:middle;height:14px;display:flex;}

.selection{
	/*height:35px;*/
	/*width:800px;*/
	background-color:#eee;
	margin-bottom:4px;
	border-bottom: 1px dashed #aaa;
	text-align:center;
	vertical-align:middle;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;    
	transition: all 0.7 ease-in;
	font-size:120%;
}

.selection:hover{
	background-color:#eff;
	padding-left:80px;
}

table.menu{width:1000px;}

table.menu > tr{margin:50px;}

/* table tbody tr:nth-child(2n){ */
/* table tbody tr:nth-child(2n of td){ */
table.o2 tbody tr:nth-child(odd){
	background-color:rgba(128,128,128,0.75);
	/*border-bottom:1px solid #eee7;*/
}

/*
table tbody tr:nth-child(2n){
	background-color:rgba(64,64,64,0.725);
	border-bottom:1px solid #eee;
}*/

#header{background: #334533 url(images/load.gif) left top no-repeat;}

a:hover {
	color: #FF9933; text-decoration: none;
	font-weight: bold;
}

a{color: #285399; text-decoration: none;font-weight: bold;}

/*
***** Elements calendrier *****
*/
td.jourz {
	/*background-color:transparent;*/
	/*opacity:0.7;*/
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;    
	transition: background-color 0.2 ease-in-out;
	border-radius: 0px 0px 4px 0px;
	box-shadow: -2px -2px 4px gray inset;
	max-height:10px;
	height:100px;
}

td.jourz_cur{opacity:1;background-color:#ff9;}

td.jourz_saisie {
	opacity:1;
	background-color:#cfc;
	background-color:#0f0;
}

td.jourz_non_saisie{opacity:1;background-color:#fcc;}

td.jourz:hover {
	background: linear-gradient(135deg, #aaf 0%, rgba(200,255,200,1) 100%); 
	opacity:1;
/*	background-color:#dfd;
	dfd; /#d5ffd8;*/
}

tr.selz {
	/*background-color:transparent;*/
	/*opacity:0.7;*/
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;    
	transition: background-color 0.2 ease-in-out;
	cursor:pointer;
}

tr.selz:hover{opacity:1;background-color:#ffe !important;}

tr.entete{background-color:#aaa;}

tr.entete_bis{
	background-color:rgba(128,128,128,0.124) !important;
	border-bottom: 1px solid #444;
	color:#722;
	/*font-size:0.5em;*/
}


tr.under_line{border-bottom: 1px dashed #aaa;}

td.entete_bis{
	/*background-color:#eee;*/
	cursor: pointer;
}

tr.pnp{background-color:#fdb8;}

div.aff_tab1{width:100px;}

div.aff_tab2{width:50px;}

div.list_code{
	margin:0px 1px 0px 0px;
	/*padding-bottom:1px;*/
	background-color:#fff;
	border-top:1px #444 solid;
	width:100%;
	height:14px;
	cursor:pointer
}

div.list_code:hover{
	background-color:#aff;
	/*width:150px;*/
}

div.list_analytique{
	width:35%;
	float: left;
/*	border:1px #777 solid;*/

}

div.list_heure{
	width:120px;
/*	border:1px #777 solid;*/
	margin-right:5px;
	text-align:right;
	float: right;
	border-left:1px #555 dashed;
}

div.list_temps{
	width:30%;
/*	border:1px #777 solid;*/
	margin-right:5px;
	text-align:right;
	float: right;
	border-left:1px #555 dashed;
}

div.struct_saisie{
	border:dotted #227;
	border-width:7px 4px 2px 4px;
	border-radius:20px;
	/*-moz-border-radius:20px;
	-webkit-border-radius:20px;*/
	/*height:200px;*/
	box-shadow : 10px 10px 12px #bbF;
}

div.struct_synth{
	border:dotted #8f8;
	border-width:7px 4px 2px 4px;
	border-radius:20px;
	/*-moz-border-radius:20px;
	-webkit-border-radius:20px;*/
	box-shadow : 10px 10px 12px #bFb;
}

div.menu_react {
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;    
	transition: background-color 0.2 ease-in-out;
	
	height:17px;
	/*background-color:#000;*/
	border-bottom: 1px #fff solid;
	border-top: 1px #fff solid;
	font-size : 9px;
}

div.menu_react:hover {
	background-color:#ffa;
	border-bottom: 1px #777 solid;
	border-top: 1px #777 solid;
}

obl{color:#f00;}

div.cal_body{
	position: relative;
	width: 100%;
	height: 100%;
	height: -moz-calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
	height: calc(100% - 30px);
	border: 1px solid #ddd;
}

div.cal_lg {
	width: 100%;
	border-bottom: 1px solid #ddd;
	height: 16.66%;
	
	height: -moz-calc(100%/6);
	height: -webkit-calc(100%/6);
	height: calc(100%/6);
}

div.cal_lg > div {
	float: left;
	height: 100%;
	width:  14.28%; /* 100% / 7 */
	width: -moz-calc(100%/7);
	width: -webkit-calc(100%/7);
	width: calc(100%/7);
	position: relative;
}

div.form_pres{
	margin:auto;
	text-align:center;
	padding:25px;
	background-color:#ddd;
	width:300px;

	border: 3px solid #777;

	border-radius: 10px;
	-webkit-border-radius: 10px;

	box-shadow: 5px 5px 30px #777;
	-webkit-box-shadow: 0px -5px 300px #270644;

	background: -moz-linear-gradient(25% 100% 90deg,#d1e356, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1e356), to(#fff));
}

.button{margin:1px;}

select{
	/*font-size:100%;*/
	margin:0px;
	height:40px;
	padding:2px 25px 2px 5px;
	border-radius:5px;
	max-width:40%;
}

select.sel_cod{max-width:40%;}

select.sel_hou{max-width:30%;}

.tab_fo{
	cursor:pointer !important;
	-moz-transition: all 2.7s ease-in-out;
}

.tab_fo:hover{
	
	background-color:rgba(128,255,128,0.99) !important;
	/*border:1px dashed #777;*/
	transform: scale(1.2);
	-moz-transition: all .2s ease-in-out;
	z-index:9;
}

.an_n{

	width:14px;
	/*border-right:#F00 solid 1px;*/
	margin-right:2px;
	text-align:right;
	font-weight:bold;
}

.an_j{

	width:7px;
	border-right:#777 dashed 1px;
	text-align:center;
	font-weight:bold;
}

.tab_empty{
	border-bottom:1px solid #fff !important;
}

#resizable div {
    padding: 5px 10px;
    border: 1px #999 solid;
    height: 40px;
    width: 300px;
    background-color: red;
    -webkit-transition: height 0.3s ease-in-out, background-color 0.3s;
    -o-transition: height 0.3s ease-in-out, background-color 0.3s;
    -moz-transition: height 0.3s ease-in-out, background-color 0.3s;
    transition: height 0.3s ease-in-out, background-color 0.3s;
}

#resizable div:hover {
    background-color: blue;
    height: 100px;
    -webkit-transition: height 0.6s ease-in-out, background-color 0.6s;
    -o-transition: height 0.6s ease-in-out, background-color 0.6s;
    -moz-transition: height 0.6s ease-in-out, background-color 0.6s;
    transition: height 0.6s ease-in-out, background-color 0.6s;
}

/*Graph_tst*/
.bar {fill: rgb(201,212,48);-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.bar:hover {fill: rgb(128,255,32);transition: all 0.025s ease-in-out;}

.axis--x path {display: none;}

.bar text {
  /*fill: #f44;*/
  fill: #000;
  font: 10px sans-serif;
  font-family: "consolas", sans-serif;
  text-align:center;
}

path {stroke: steelblue;stroke-width: 2;fill: none;}

.axis path,.axis line{fill: none;stroke: grey;stroke-width: 1;shape-rendering: crispEdges;}

.cloud_rgp{border-left:10px solid #ccc;border-bottom:5px solid #ccc;padding:7px;border-radius:5px 0 0 35px;}

#info {
	position: absolute;
	top: 10px;
	width: 100%;
	text-align: center;
	z-index: 0;
	display:block;
}

/* Set tot infoZ*/
.pre,.pref,.rea,.reaf,.sol,.solf{
	color:#000;
	font-size:11px;
	text-align:right;
	/* padding:2px; */
	border-left:1px dashed #aaa7;
	padding:1px 3px;
}

.pref,.reaf,.solf{font-weight:bold;}

/* color tab */
th[scope='col']{background-color:#eee;}
/* Prévisionnel */
.pre{background-color:#ffd7;}
.pref{background-color:#eec7;}

/* Réalisé */
.rea{background-color:#eee7;}
.reaf{background-color:#ddd7;}

/* Solde */
.sol{background-color:#eff7;}
.solf{background-color:#cee7;}

/* Plus perso */
.pext{background-color:#f557;}

/* % */
.pourc{color:#222 !important;background-color:#fff7;/*font-weight:bold;*/}

.pref,.reaf,.solf{border-top: dashed 2px rgba(16,255,16,0.25);}

.int{
	top:2px;
	padding:5px 10px;
	
	font-weight:bold;
	text-align:center;
}
/* Coloration fond prev\real\solde + tot */
td.nop{
	background-color:#fc9;
	/* border-bottom:2px solid #494; */
	text-align:right;
	padding:1px 3px;
}

tr.tot>td{
	background-color:#eee;
	border-top:2px solid #494;
	border-bottom:2px solid #494;
	text-align:right;
	font-weight:bold;
	padding:1px 3px;
}

a[name="tab_recap"]{padding-top:35px}

/* Découplage code */
.code_y{background-color:rgba(64,255,64,0.25);margin-right:1px;}
.code_dt{background-color:rgba(127,127,255,0.15);/*#ffd*/;margin-right:1px;}
/*.code_nm{background-color:rgba(0,255,255,0.05);}*/

.code_y,.code_dt,.code_nm{font-weight:bold;}

/*.code_y:hover:before{content:"Année 20"}
.code_dt:hover:before{content:"DT "}
.code_nm:hover:before{content:"Code "}*/

.code_y,.code_dt,.code_nm{padding:1px 0px;}

.button.secondary{text-align:left;}

select option:nth-child(even){background-color:#77777715;}

incl{color:#f00;}

table tbody tr.selz:nth-child(1n){background-color:rgba(128,128,128,0.02) !important;}
table tbody tr.selz:nth-child(2n){background-color:rgba(128,128,128,0.25) !important;}
/* table tbody tr.selz:nth-child(3n){background-color:rgba(192,128,128,0.72) !important;} */



/* Dark TheMeZ */
@media (prefers-color-scheme: darkzzzzzzzz){
	body{background-color:#000 !important;color:#ccc !important;}
	a{color:#45f;}
	/*.pre,.rea{color:#fff;}*/
}


/*
www.promotion-sante-ara.org
promotion-sante-ara.org

//
www.ppppp.com
++++++++++[>+>+++>+++++++>++++++++++<<<<-]>>>>+++++++++++++++++++...<<++++++++++++++++.>>-------.....<<.>>-------------.++++++++++++.--.
//

www.1234567890abcdefghijklmnopqrstuvwxy.ooo
++++++++++[>+>+++>+++++++>++++++++++<<<<-]>>>>+++++++++++++++++++...<<++++++++++++++++.+++.+.+.+.+.+.+.+.+.---------.>>----------------------.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.<<--.>>----------...

*/