.ui-datepicker {
    font-size: 12px !important;
}
/* tooltip styles */
.left {text-align: left;}
.li {font-size:small; }
p#infoclub22 {color:#891d02; font-size: 1.0em; }


#progressBar {
		width: 400px;
		height: 22px;
		border: 1px solid #111;
		background-color: #292929;
}

#progressBar div {
		height: 100%;
		color: #fff;
		text-align: right;
		line-height: 22px; /* same as #progressBar height if we want text middle aligned */
		width: 0;
		background-color: #0099ff;
}

#div_planning h3 {text-align:center ;}

label.pilote {color: blue; }

.montexte{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:0em; width:20em;
    border:1px solid #0cf;
    background-color:#bbbde1; color:black;
	border: thin solid #6495ed;
	border-radius:4px;
	box-shadow: 2px 2px 0 #aaa;
    font-size: 0.9em;
	width: 200px;}
	
.montexte table {margin-top: 0; padding-top:0; pagin-left: 50px;}
.montexte table tr{margin-left: 20px;  }

.montexte td{
margin: 0;
padding: 0;
text-align: left;
line-height: 150%;
font-family:"arial", Verdana, serif;
font-size: 0.9em;

}
.montexte td.grand_text{
line-height: 100%;
font-family:"arial", Verdana, serif;
text-align: left;
color: blue;
}
.montexte h3{
background-color: #130fb2;
color: white;
border-bottom: 1px solid black;
margin-top:0;
padding-top:5px;
text-align: center;
font-size: 90%;
font-family:"verdana", sans-serif;
}

/*--------------------------------------------------------*/


/*span.taille_ident{line-height: 50%;font-size: 12px;}*/
/*span.taille_ident3{line-height: 100%;}*/
span.trig{font-weight: bold ;}

p#infoclub33 input{color: white; background:#C00;}
input#affbulle2 {color: white; background:#063;}
input#affbulle3 {color: white; background:#639;}

/*--------------------------------------------------------*/


a {font-family:Arial,sans-serif;color:black;text-decoration:none;}
/* do not use "margin:auto" with global table definition because it changes popup position */
img {border: 0px;}


span.noshow {display: none;}
span.important2 {color: red; font-size:1em;  display: block;}
/*** generics ***/
.lfloat {float:left;}
.rfloat {float:right;}
.spacer {clear:both; padding:1px;}
.lightSpacer {clear:both; padding:1px; border:0; margin:0; visibility:hidden;font-size:1px;}
.center {text-align:center;}


/****************menu formulaire nouveau vol*******************************/
#reserv{width: 700px; height: auto;
	position:absolute;
	padding: 10px;
	z-index:100;
	font-size: 100%;
}
élément {
    left: 866px;
    top: 114px;
}
#div_planning fieldset , #reserv fieldset {
    background-color: #eee5e7;
    border: 1px solid rgb(102, 102, 102);
    margin: 10px 0px;
    /*padding: 10px;*/
	border: 10px solid #abb0ff;
	width: 500px;
	
}

form#reservation p {

    border-bottom: 1px solid rgb(91, 73, 64);
    padding: 0;
    margin-left: 10px;
	text-align: right:
}
form#saisie select{margin: 0 1ex;}
form#saisie input#clef_1_pilote{width: 52ex;}

form#saisie p label {display: inline-block; width: 90px; text-align: right; }
/*form#reservation element {float:left;}*/
form#saisie p label.form1{text-align:right; color:blue;}
form#saisie textarea {
	width: 60ex;
	height: 3em;
	margin: 0 1ex;
}
/********************* planning *********************/

#div_planning input[type="button"].nav, input[type="button"].nav1, input[type="button"].nav2 {
	width: 5ex;
	margin: 0 0.2ex;
	font-size: 100%;
	color: white;
	background-color: #0E5FCB;
	cursor: pointer;
}

#div_planning input[type="text"].date {
	width: 20ex;
	margin: 0 0.2ex;
	font-size: 120%;
	color: white;
	background-color: #01622C;
	cursor: pointer;
}
 input[type="text"].date_planning {
	width: 55ex;
	margin: 0 0.2ex;
	font-size: 120%;
	color: white;
	text-align: center;
	background-color: #01622C;
	cursor: pointer;
}
input.date_deb {
	width: 20ex;
	margin: 0 0.2ex;
	font-size: 120%;
	color: white;
	background-color: #01622C;
	cursor: pointer;
}





table {padding:0px;font-family: Arial,sans-serif;text-align:center; border-collapse: collapse; font-size: 0.9em;}

table.planning {margin:auto; width:auto; background-color:#dce4f0; border: 0px solid black;}
table.planning td { border-left: 0px solid rgb(220,228,240); max-width: 20px; min-width: 10px; overflow: hidden; line-height: 1em;}
/* HEADER */
table.planning th {cursor:pointer; font-weight: bold; font-size: 0.8em;}
/* RULE */
table.planning th.hr {text-align:right; min-width: 4em;}
table.planning th.pot {text-align:center; min-width: 4em;color:#06C}
table.planning th.salleReunion {text-align:center; color:white; background-color:#363;}


table.planning tr.regles {border-left: 0px solid black; line-height:1px;}
table.planning tr.regles td { border-left: 1px solid black; font-size:1px;background-color:rgb(220,228,240);}
table.planning tr.regles td.s {border-left: 1px solid black;  } /* this one is used for first box : no border to display */
/* LINE */
table.planning tr.line td{background-color:rgb(255,255,255);cursor:pointer;border-left: 1px solid rgb(220,228,240);height:1em; vertical-align:middle;}
/* instructeur indisponible background #dce4f0*/
table.planning tr.line td.ra {background-color:#dce4f0;} /* jaune :#fff0d3*/
/* unfree slot color background */
table.planning tr.line td.u {background-color:#b39af2;} /* violet/
/* unfree slot color background */
table.planning tr.line td.q {background-color:#BB8822;}/* marron*/
/* other school slot color background */
table.planning tr.line td.v {background-color:#fec576;}/* orange*/
/* other school slot color background */
table.planning tr.line td.w {background-color:#CCC;}/* gris*/
/* other school slot color background */
table.planning tr.line td.p {background-color:#E04444;} /* rouge */
/* other slot color background */
table.planning tr.line td.o {background-color:#FF6655;} /* rouge plus clair */
/* own school slot color background */
table.planning tr.line td.m {background-color:#44BB44;} /* vert */
/* own slot color background */
table.planning tr.line td.l {background-color:#22DD22;} /* vert plus clair */
/* night color background */
table.planning tr.line td.n {background-color:#337AFF;} /* bleu */
/* twilight color background */
table.planning tr.line td.t {background-color:#66CCFF;} /* bleu plus clair */
/* standard color background : used for first and last boxes */
table.planning tr.line td.i {background-color:#caf1fe;} /*  clair */
/* standard color background : used for indisponib instructeur */
table.planning tr.line td.x {background-color:#FFC;} /*  clair */
/* standard color background : used for indisponib instructeur */
table.planning tr.line td.z {background-color:#CFC;} /*  clair */
/* standard color background : used for indisponib instructeur */

table.planning tr.line td.s {background-color:white;} /* should be like BODY background*/
/************ INFOBOX ****************/
div.info {margin:0; padding:0 1em 0 1em; border: 1px solid rgb(160,176,192);text-align:justify;background-color:rgb(208,224,240);}
img.info {margin:0.5em;}
/************ EPHEMERIS **************/
ul.ephemeris {float:right;margin-right:0;margin-top:0;padding: 0.25em 0.5em 0.25em 0.5em;border: 1px solid rgb(160,176,192);background-color:#ffd88f;}
ul.ephemeris li {font-size:0.8em; list-style-type: none; text-align:right;}
/************ ARROWS-BOX *************/
a.date {font-size:0.8em;padding:0.2em;white-space:nowrap;}
a.smalldate {font-size:0.6em;padding:0.2em;white-space:nowrap;}
/************************************************ FORMBOOKING ******************************************************************/


input.date_reserv{
	width: 70px;
	cursor: pointer;
}
 .ckinitplanning{
	cursor: pointer;
}

/* blocnote *****************************/



#blocInfoPlan { margin:0 auto; }


//#blocNoteVol  {width: 600px; align: center;}
#blocNoteVol fieldset {width: 850px; border: 5px solid #abb0ff; margin:0 auto;}
#blocNoteVol fieldset .date{text-align: center;}
table.kardex2 {width: 600px}
#blocNoteVol input.boutonSup{background-color:#fe8a74;}
table.kardex2 th {background-color:#5e77c8; color:white; }
table.kardex2 td {text-align: center; }
table.kardex2 th {text-align: center; }
table.kardex2 td.left {text-align: left; }
table.kardex2 th.right {text-align: right; }
table.kardex2 {font-family: arial; font-size: 75%; margin:1px; }
table.kardex2 td {border: 1px solid #dfc6fe; }
table.kardex2larg20{width: 30%;}
table.kardex2larg5{width: 5%;}
table.kardex2larg7{width: 7%;}
table.kardex2larg4{width: 4%;}
table.kardex2larg3{width: 3%;}

table.kardex2 th.couleur1 {background-color:#af3900;}
v.kardex2 th.couleur2 {background-color:#6e6103;}
table.kardex2 th.couleur3 {background-color:#007265;}
table.kardex2 th.couleur4 {background-color:#6e0367;}
table.kardex2 th.couleur5 {background-color:#cc8400;}

.attention {color: #da2341;background:#f3d6c1; font-style: oblique;}
.prevenir {color: #188135;background:#f1fdb7;font-style: oblique;}
.even {background-color:#f3e8fd;}
.odd {background-color:#dcedfc;}
.table_largeur {width: 700px;}
.bandeau{color:#ef1e00; font-weight:bold; text-align:center;}






/*================================================================================================*/

// tooltip title arrow
.ui-tooltip, .arrow:after {

border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
/*background-color: #245112;*/
border-radius: 10px;
font: bold 14px "Helvetica Neue", Sans-Serif;
text-transform: uppercase;
box-shadow: 0 0 7px black;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
#multRes label , #multRes select{display:inline-block;} 

table.blocnote th.blink {text-decoration-line:blink!important; }

table.infobapteme{box-shadow: 6px 5px 9px -9px black; border: 2px solid blue;}
#info_bapteme caption {color:blue; background-color:#CFC;}
/*-------------------------*/