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;
}

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;
}


table.planning_smiletv {
	border: 1px solid black; 
	border-collapse: collapse; 
	table-layout: fixed;
}
table.planning_smiletv tr 
{
	/*border: 1px solid black;*/
	margin: 0px; 
	padding-top: 0px;
	padding-bottom: 0px;
}
table.planning_smiletv th 
{
	/*border: 1px solid black;*/
	margin: 0px; 
	padding-top: 0px;
	padding-bottom: 0px;
}
table.planning_smiletv 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;
}




th.pht
{
	border-style:none;
	border-width: 0px;
	width: 2px;
}

th.phn 
{
	border-style:none;
	border-width: 0px;
	width: 10px;
}



td.planningrowheaderaircraft A
{
	height:30px;
    font-size: 9pt; 
    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: 9pt; 
    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);
}


tr.planningbg0 
{
    background-color: rgb(230,230,230) ;
}

tr.planningbg1 
{
    background-color: Aliceblue ;
}
tr.planningbgsat 
{
	background-color: rgb(255,255,205) ;
}

tr.planningbgsun 
{
    background-color: rgb(255,240,190);
}


.agenda TH, .agenda TD
{
    font-size: 9pt; 

}

.agenda TD
{
    width: 12px;
    font-weight: NORMAL;     
    text-align: center; 
}

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

.numpiece {
	font-family: Arial,sans-serif ;
    color: red;
    font-weight: BOLD;     

}

.breves1 {
	font-family: Arial,sans-serif ;
    font-weight: NORMAL;   
	color :black;
	font-size: 9pt;
}
.breves2 {
	font-family: Arial,sans-serif ;
    font-weight: NORMAL;   
	color :black;
	font-size: 10pt;
}
.breves3 {
	font-family: Arial,sans-serif ;
    font-weight: bold;   
	color :black;
	font-size: 12pt;
}



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

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, H4 { 
	font-variant: normal;
 	background-color: rgb(230,230,230);
	font-size: 9pt;
	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; 
}

.nobordure1 td
{
        border: 0;
        padding: 1px; 
}

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: 4px;
    padding-top: 4px; 
    padding-right: 2px;
    padding-bottom: 0px;
/*
    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%;
}



/****************************************/
/*        Menu normaux (PC)             */
/****************************************/
@media only screen and (min-width: 700px)
{
	td.hmenujs 
	{
		font-family: Arial,sans-serif ;
		color: black;
		font-size: 9pt;    
		margin: 0px 0px 0px 0px;
		width: 1000px;
		height:70px;
		vertical-align: center;
		position:absolute;
		top:5px;
		left:5px;
	}
	.topmenujs 
	{
		display:block;
	}
}
@media only screen and (max-width: 699px)
{
	td.hmenujs 
	{
		display:none;
	}
	.topmenujs 
	{
		display:none;
	}
}
/**********************************************/


/****************************************/
/*        Menu mobile                   */
/****************************************/
@media only screen and (max-width: 699px)
{
	.topmenumobile{display:block; }
	/* Sidenav menu */
	.mysidenav {
		font-family: Arial,sans-serif; font-size:9pt; 
		box-sizing: border-box;
		border-width: 2px;
		border-radius: 6px;
		border-style: outset; 
		height: 100%;
		width: 250px;
		position: fixed;
		z-index: 2;
		height:300px;
		top: 0;
		left: -250px;
		background-color: rgb(30, 94, 158);
		padding-top: 50px;
		transition: left 0.5s ease;
	}

	.mysidenav ul 
	{
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
	}

	/* Sidenav menu links */
	.mysidenav a 
	{
	  padding: 4px 4px 4px 16px;
	  text-decoration: none;
	  font-size: 14pt;
	  color: rgb(225,225,225);
	  display: block;
	  transition: 0.3s;
	}

	.mysidenav a:hover {
	  color: #ffa95c;
	}

	/* Active class */
	.mysidenav.active 
	{
	  left: 0;
	}

	/* Close btn */
	.mysidenav .close 
	{
	  position: absolute;
	  top: 0;
	  right: 25px;
	  font-size: 36px;
	}

	.burger-top
	{
		margin:0px;
		padding:4px;
		background-color: rgb(0, 64, 128);
	}

	.burger-icon span 
	{
	  display: block;
	  width: 35px;
	  height: 5px;
	  background-color: rgb(225,225,225);
	  margin: 6px 0;
	}
}

@media only screen and (min-width: 700px)
{
	.topmenumobile{display:none;}
	.mysidenav{display:none;}
	.burger-top{display:none;}
	.burger-icon{display:none;}
}

/************************************************/



.annuaire td
{
    width: 20%;
    font-size: 9pt; 
    font-weight: NORMAL;     
    overflow: hidden;
}


.annuaire td a
{
    text-decoration: none;
    color: black;
}


.annuaire td a:HOVER
{
    color: red;
    text-decoration: underline;
}

.membre_bureau a
{
    font-weight: BOLD;     
    color: red;
}


.utilisateur {
    background-color: SkyBlue ;
    color: black;
    font-size: 10pt;    
    padding: 2px;
    margin: 0px 0px 0px 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: 9pt; 
 
}
.bg1 {
    background-color: Aliceblue ;
    font-size: 9pt; 
 
}
.bg2 {
    background-color: skyblue;
    font-size: 9pt; 
 
}


.bg98 {
    background-color: orange;
    font-size: 9pt; 
}
	
.bg99 {
    background-color: red;
    font-size: 9pt; 
}

.retard {
    background-color: red;
    font-size: 9pt;
    font-weight:normal;
    color: white;
}


/*
 *
 * Cellules du planning quotidien */
 .planningdate
{
    background-color: gray;
	font-size:9pt;
	font-weight:normal;
	color:white;
    cursor: pointer;
}

.planningjour0
{
    background-color: Deepskyblue ;
    cursor: pointer;
}
.planningjour1
{
    background-color: Yellow ;
    cursor: pointer;
}

.planningjour2
{
    background-color:  Red;
}
.planningjour3
{
    background-color:  Brown;
    cursor: pointer;
}
.planningjour4
{
    background-color:  Orange;
    cursor: pointer;
}

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



/*rouge et rouge +clair pour planning  quotidien*/
/*C'est le cas d'alternance des réservations qui ne sont pas celles du membre connectées*/
/* ni une résa de visite*/
.planningjour2_1
{
    background-color: rgb(240,120,120) ;
    cursor: pointer;
}
.planningjour2_0
{
    background-color: rgb(200,90,90);
    cursor: pointer;
}


/*Vol en double avec FI!= de celui sélectionné*/
/*rouge foncé et rouge brun +clair*/
.planningjour3_1
{
    background-color: rgb(140,40,60) ;
    cursor: pointer;
}
.planningjour3_0
{
    background-color: rgb(150,90,90);
    cursor: pointer;
}


/*Vol en double avec FI sélectionné*/
/*orange et orange : ne pas faire d'alternance*/
.planningjour4_1
{
    background-color:  Orange;
    cursor: pointer;
}
.planningjour4_0
{
    background-color:  Orange;
    cursor: pointer;
}


/*résa du membre connecté (n'arrive jamais sur acweb)*/
/* vert - vert foncé*/
.planningjour5_0
{
    background-color:  rgb(0,255,0);
    cursor: pointer;
}
.planningjour5_1
{
    background-color: rgb(0,128,0); 
    cursor: pointer;
}

/*rouge vif variant un peu*/
/* planning quotidien, visite seulement*/
.planningjourvisite_0
{
    background-color:  rgb(255,0,0);
}
/*rouge*/
.planningjourvisite_1
{
    background-color:  rgb(200,0,0);
}
.planningvide
{
    background-color: white ;
    cursor: pointer;
}

/*
 *
 **** Forum
 *
 */

.forum .entete
{
    background-color:   SkyBlue;
    font-weight:        BOLD;         
}

.forum .entete .sujet
{
    font-size:          1.1em;
}
.forum .entete .auteur
{
    font-size:          0.9em;
    font-weight:        NORMAL;         
}

.forum .sujet A
{
    font-weight:        BOLD;         
    color:              black;
}

.forum .sujet a:hover
{
    font-weight:        BOLD;         
    color: red;
    text-decoration: underline;
}

.forum .sujet a:visited
{
    font-weight:        BOLD;         
    color: gray;
    text-decoration: underline;
}


.forum .auteur
{
  
}


/*
 *
 * Calendriers
 *
 *
 */
 
.calendrier .ferie
{
    font-weight:        BOLD;         
    color: blue;
} 

.calendrier .normal
{
    color:              black;
    /*background-color: rgb(230,230,230) ;*/
    
} 


	
.notam-bulletin {
}

.notam-sommaire {

}

.notam-terrain {
}

.notam-notam pre {
	padding: 5px;
}

.notam-actif {
	border-left-style: double ;
	border-left-width: 5px;
	border-left-color: red;
	font-weight: normal;
}

.notam-sommaire .notam-actif {
	border-left-style: none ;
}

.notam-sommaire .notam-actif a {
	color: red;
	font-weight: bold;
}

.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;
}


table .theorique_calendar
{
        border-collapse: collapse;
        border-left:1px solid #b9c9fe; 
        border-right:1px solid #b9c9fe; 
        border-top:1px solid #b9c9fe; 
        border-bottom:1px solid #b9c9fe; 
	    color:#039;
	    margin:  0px;
} 

.theorique_calendar thead th
{
	font-weight:bold; text-align:center; text-align:center;background:#b9c9fe; 
    font-size:     11px;
    font-weight:   bold;
    margin:  5px;
}


.theorique_calendar TD
{

    background-color: white ;
    border-left:1px solid #b9c9fe; 
    border-right:1px solid #b9c9fe; 
    border-top:1px solid #b9c9fe; 
    border-bottom:1px solid #b9c9fe; 	
    color:              #003399;
    font-size:          10px;

} 

.theorique_button
{
    font-size:     9px;
    font-weight:   normal;
	width:         60px;
}

.heure_theorique
{

    background-color: #C6FFC6;
    color:         #003399;
    font-size:     11px;
    font-weight:   bold;

} 
	
.sujet_theorique
{

    background-color: white;
    color:         #003399;
    font-size:     9px;
    font-weight:   bold;

} 

.big_button
{
    font-size:     20px;
    font-weight:   normal;
	width:         240px;
}

.big_button_saisie_vol
{
    font-size:     20px;
    font-weight:   normal;
	white-space: normal; 
	width: 150px;
	min-height:75px;
}

.titleprevol { 
	font-weight: normal;
 	background-color: rgb(230,230,230);
	font-size: 12pt;
	color: black;
	}
	

.metar-nominal {
	background-color: white;
	}
	
.metar-acceptable {
	background-color: yellow;
	}
	
.metar-nok {
	background-color: red;
	color: white;
	}
	
.metar-undefined {
	background-color: orange;
	}	
	
.myfieldset
{
    border:2px solid gray;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

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

/*image centrée et coupée*/
.center-cropped {
  object-position: center  center;
  object-fit: cover;
}


.hover_animation_10:hover {
	-ms-transform: scale(1.10); /* IE 9 */
	-webkit-transform: scale(1.10); /* Safari 3-8 */
	transform: scale(1.10);
}

.hover_animation_05:hover {
	-ms-transform: scale(1.05); /* IE 9 */
	-webkit-transform: scale(1.05); /* Safari 3-8 */
	transform: scale(1.05);
}
.hover_animation_02:hover {
	-ms-transform: scale(1.02); /* IE 9 */
	-webkit-transform: scale(1.02); /* Safari 3-8 */
	transform: scale(1.02);
}