input[type="submit" ]
{
	padding: 1px 6px;
	box-sizing: border-box;
	border-width: 2px;
	border-radius: 6px;
	border-style: outset; 
	background-color: rgb(221,221,221);
	color: black;
    cursor:pointer;	
}

input[type="submit"]:disabled {
    background-color: rgb(250,250,250);
	cursor:not-allowed;	
}

input[type="button" ]
{
	padding: 1px 6px;
	box-sizing: border-box;
	border-width: 2px;
	border-radius: 6px;
	border-style: outset; 
	background-color: rgb(221,221,221);
	color: black;
    cursor:pointer;	
}

input[type="button"]:disabled {
    background-color: rgb(250,250,250);
	cursor:not-allowed;	
}

input[type="reset" ]
{
	padding: 1px 6px;
	box-sizing: border-box;
	border-width: 2px;
	border-radius: 6px;
	border-style: outset; 
	background-color: rgb(221,221,221);
	color: black;
    cursor:pointer;	
}



input[type="reset"]:disabled {
    background: rgb(250,250,250);
	cursor:not-allowed;	
}

button 
{
	padding: 1px 6px;
	box-sizing: border-box;
	border-width: 2px;
	border-radius: 6px;
	border-style: outset; 
	background-color: rgb(221,221,221);
	color: black;
    cursor:pointer;	
}

button:disabled {
    background-color: rgb(250,250,250);
	cursor:not-allowed;	
}


input[type="text" ]
{
	padding: 1px 2px;
	box-sizing: border-box;
	border-width: 2px;
	border-radius: 4px;
	border-style: outset; 
	background-color: white;
	color: black;
}

input[type="text"]:disabled {
    background: rgb(250,250,250);
	cursor:not-allowed;	
}

input[type="password" ]
{
	padding: 1px 2px;
	box-sizing: border-box;
	border-width: 2px;
	border-radius: 4px;
	border-style: outset; 
	background-color: white;
	color: black;
}

input[type="password"]:disabled {
    background-color: rgb(250,250,250);
	cursor:not-allowed;	
}

select
{
	padding: 1px 1px;
	box-sizing: border-box;
	border-width: 2px;
	border-radius: 4px;
	border-style: outset; 
	background-color: white;
	color: black;
}

select:disabled {
    background-color: rgb(250,250,250);
	cursor:not-allowed;	
	border-width: 1px;
}


input[type="file" ]
{
	padding: 1px 6px;  
	background-color: rgb(221,221,221);
	color: black;
}


.logintext{
	font-size:23px;
	color:#676767;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

.erreur {
	font-family: Arial,sans-serif ;
    color: red;
    font-weight: BOLD;     
}
.message {
	font-family: Arial,sans-serif ;
    font-weight: BOLD;     
}

BODY, TD {
	font-family: Arial,sans-serif ;
	font-size: 10pt;
}

A {
	color: blue;
}

A:Hover {
	color: red;
}


H1 { 
		font-variant: small-caps;
		background-color: black;
		font-size: 12pt;
		color: white; 
		padding-left: 4px;
		width: 100%;
	}
	
H2 { 
		font-variant: normal;
		background-color: SkyBlue;
		font-size: 10pt;
		color: black; 
		padding-left: 10px;
		width: 100%;
        text-decoration: none;
	}
	

.contenu H2 A:hover {
		color: red; 
        text-decoration: underline;
}


H3 { 
	font-variant: normal;
 	background-color: rgb(230,230,230);
	font-size: 10pt;
	color: black; 
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	width: 100%;
    text-decoration: none;
	}


/* Bordures fines pour les tableaux */
table .bordure
{
        border-collapse: collapse;
        border: 1px solid black; 
        padding: 10px;
        margin: 1px;
} 

table .pop
{
        width: 100%;
}

.bordure th, .bordure td
{
        border: 1px solid black;
        padding: 3px; 
}

.nobordure td
{
        border: 0;
        padding: 3px; 
}

body
{
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.mainTable
{
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.top 
{
    background-color: SkyBlue ;
    color: black;
    font-size: 10pt;    
    padding: 2px;
    margin: 0px 0px 0px 0px;
    vertical-align: text-top;
    border-right: 2px solid black;
}

td.contenu {
    background-color: white ;
    color: black;
    font-size: 10pt;    
    padding: 2px;
    padding-left: 10px;
    padding-top: 10px; 
    padding-right: 10px;
    padding-bottom: 10px;
    border-left: 2px solid black;
    border-top: 2px solid black;
    vertical-align: top;
    width: 100%;
}

td.impression {
    background-color: white ;
    color: black;
    font-size: 10pt;    
    border-width: 0px;
    border-style: none;
    width: 100%;
}


td.menu 
{
 	font-family: Arial,sans-serif ;
    background-color: SkyBlue ;
    color: black;
    font-size: 9pt;    
    margin: 0px 0px 0px 0px;
    border-bottom: 2px solid black;
    width: 200px;
    height: 600px;
    vertical-align: top;
}


.menu
{
    background-color: white;
    font-weight: BOLD;
    padding-bottom: 6px;
}


.menu H1
{
    font-weight: NORMAL;
	font-variant: normal;
	background-color: transparent;
	font-size: 9pt;
	color: black; 
	padding: 2px 15px 2px 15px;
	margin: 5px 0px 0px 0px;

}

.menu H1 a:hover {
    background-color: white;
}

.menu H2
 {
    font-weight: NORMAL;
	font-variant: normal ;
	font-size: 7pt;
	color: black; 
	padding-left: 25px;
    background-color: transparent  ;  
    margin: 0px 0px 2px 0px;
}


.libelle 
{
    font-weight: BOLD;  
    text-align: left;          
}
.valeur
{
    text-align: left;          
}

TD .libelle, TD .valeur 
{
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px;
}

.bg0 {
    background-color: rgb(230,230,230) ;
    font-size: 10pt; 
 
}
.bg1 {
    background-color: Aliceblue ;
    font-size: 10pt; 
 
}
.bg2 {
    background-color: skyblue;
    font-size: 10pt; 
 
}

.bg3 {
    font-weight:BOLD;         
    color: black;
    background-color: #C6FFC6;
}


.bg98 {
    background-color: orange !important;
    font-size: 10pt !important; 
}
	
.bg99 {
    background-color: red !important;
    font-size: 10pt !important; 
}


/*
 *
 * Cellules du planning quotidien */
.planningjour1
{
    background-color: Yellow ;
    cursor: pointer;
}


.planningjour5
{
    background-color:  Lime;
    cursor: pointer;
}

/*
*
* planningv2
*
*/

table.planning {
	border: 1px solid black; 
	border-collapse: collapse; 
	table-layout: fixed;

}

@media screen and (min-width: 1281px) 
{
	table.planning {
		max-width: 1260px; 
	}
}

@media screen and (min-width: 1023px) and (max-width: 1300px) 
{
	table.planning {
		max-width: 1260px;
		min-width: 990px; 
	}
}

@media screen and (max-width: 760px) 
{
	table.planning {
		max-width: 730px;
		min-width: 730px; 
	}
}

table.planning tr 
{
	/*border: 1px solid black;*/
    	margin: 0px; 
	padding-top: 0px;
    	padding-bottom: 0px;
}
table.planning th 
{
	/*border: 1px solid black;*/
    	margin: 0px; 
	padding-top: 0px;
    	padding-bottom: 0px;
}
table.planning td 
{
	border: 1px solid black; 
	text-align: center; 
	overflow: hidden;
	white-space:nowrap;
}

tr.phls
{
	border: 1px solid black;
	border-style:hidden hidden solid;
 	height: 2px;
}

tr.phl
{
	border: 1px solid black;
	height: 2px;
}


td.planningrowheaderaircraft A
{
	height:30px;
    font-size: 10pt; 
    text-decoration:none;	
    cursor:pointer;		
	width: 100px;	
}

td.planningrowheaderaircraft A:hover 
{
	height:30px;
    font-size: 9pt; 
    text-decoration:none;	
    cursor:pointer;
	width: 100px;	
}

td.planningrowheaderinstructeur A
{
	height:10px;
    font-size: 10pt; 
    text-decoration:none;	
    cursor:pointer;	
}
td.planningrowheaderinstructeur A:hover 
{
	height:10px;
    font-size: 9pt; 
    text-decoration:none;	
    cursor:pointer;	
}


.planningtdindispo
{
	background-color: rgb(128,128,128) ;
}

.planningtdjour
{
	/*background-color: White ;*/
}
th.planningtdjour
{
	border: 1px solid black;
}
td.planningtdjour:hover 
{
	background-color: rgb(25,25,25);
}

.planningtdnuit
{
	background-color:  rgb(17, 113, 156) ;
}
th.planningtdnuit
{
	border: 1px solid black;
}
td.planningtdnuit:hover 
{
	background-color: rgb(25,25,25);
}

.planningtdmi_nuit
{
	background-color: rgb(57, 194, 255) ;
}
td.planningtdmi_nuit:hover 
{
	background-color: rgb(25,25,25);
}

td.planningtdmeca
{
	vertical-align: top;
	background-color: rgb(255,50,50);
	font-family: Helvetica, sans-serif;
	font-weight:bold;
      font-size:10pt;
      color:white;
}
td.planningtdperso_0
{
	vertical-align: top;
	background-color: rgb(255, 255, 120, 0.5);
      font-size:10pt;
}
td.planningtdperso_1
{
	vertical-align: top;
	background-color: rgb(255, 255, 120, 0.7) ;
      font-size:10pt;
}

td.planningtddouble_0
{
	vertical-align: top;
	background-color: rgb(153, 255, 153, 0.4);
      font-size:10pt;
}
td.planningtddouble_1
{
	vertical-align: top;
	background-color: rgb(153, 255, 153, 0.9);
     font-size:10pt;
}

td.planningtdspecial_0
{
	vertical-align: top;
	background-color: rgb(255, 104, 255,0.4);
      font-size:10pt;
}
td.planningtdspecial_1
{
	vertical-align: top;
	background-color: rgb(255, 104, 255, 0.7);
      font-size:10pt;
}
td.planningtdsimple_0
{
	vertical-align: top;
      background-color: rgb(204, 204, 255, 0.5);
      font-size:10pt;
}
td.planningtdsimple_1
{
	vertical-align: top;
	background-color:  rgb(204, 204, 255, 0.9);
      font-size:10pt;
}
td.planningtdcurrenttime
{
	background-color: rgb(25,25,25);
}

.tedit
{
	text-transform : uppercase;
}





.chart {
	font: menu;
	background: white;
	color: black;
	position:absolute;
	z-index:100;
	visibility:
	visible;
}

.chart .legend {
	float: left;
	border: 1px solid black;
	background: white;
	padding: 5px 10px 5px 10px;

}

.chart .legend ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

.chart .legend ul li {
	list-style: square;
}

.chart .legend ul li span {
	color: black;
}

.myfieldset
{
    border:2px solid gray;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
}

.myfieldset legend
{
    font-size:10pt;
}