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:18pt;
	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;
}


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

.panelevent {
	font-family: Arial,sans-serif ;
	font-weight: NORMAL;   
	color :black;
}

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


.tsc_annuaire tbody tr td {
	font-family: Arial,sans-serif ;
	font-size: 9pt;
}


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: 9pt;
	color: black; 
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	text-decoration: none;
	}
	
H4 { 
		font-variant: normal;
		background-color: rgb(210,210,210);
		font-size: 11pt;
		color: black; 
		padding-left: 10px;
		width: 100%;
		text-decoration: none;
		font-weight:normal;
	}	


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


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

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


.nobordurenopadding td
{
		border: 0;
		padding: 0; 
		margin: 0px 0px 0px 0px;
}

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

.top 
{
	background-color: rgb(8,47,122);
	font-family: Arial,sans-serif ;
	color: white;
	padding: 0px;
	margin:0px 0px 0px 0px;
	vertical-align: text-top;
	border-bottom: 0px;
	position:absolute;
	width:100%;
	min-width:1200px;
	top:0px;
	left:0px;
	height:110px;
}

.menu 
{
	vertical-align: top;
 	font-family: Arial,sans-serif ;
	color: white;
 	font-weight: normal ;
	font-size: 10pt;	
	border-top: 0px;
	border-bottom: 0px;
	background-image:url(../menu/bgleft.jpg);
	background-repeat:no-repeat;
	border-right: 0px;
	position:absolute;
	top:110px;
	left:0px;
	width:93px;
	height:1193px;

}

.menutop 
{
	background-color: rgb(8,47,122);
	color: white;
	font-size: 14pt;	
	font-weight: BOLD;		 
	margin: 0px 0px 0px 0px;
	position:absolute;
	left:100px;
	top:60px;
	height:30px;
}

td.contenu {
	background-color: white ;
	color: black;
	font-size: 10pt;	
	padding-left: 10px;
	padding-top: 10px; 
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	position:absolute;
	top:110px;
	left:105px;
}

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

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

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

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




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

.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) ;
}
.bg1 {
	background-color: Aliceblue ;
}
.bg2 {
	background-color: skyblue;
}
.bg3 {
	font-weight:BOLD;		 
	color: black;
	background-color: #C6FFC6;
}

.bgselecttitle {
	background-color: rgb(230,230,230) ;
	font-size: 10pt; 
 
}

/* Cellules du planning hebdo */

.planninglibre
{
	background-color: Deepskyblue ;
	cursor: pointer;
}

.planning2libre
{
	background-color: #FFCC00  ;
	cursor: pointer;
}

.planning1libre
{
	background-color: #FF6633 ;
	cursor: pointer;
}

.planning0libre
{
	background-color: Red ;
	cursor: pointer;
}


.planningpresquelibre
{
	background-color: #FFFF99;
	cursor: pointer;
}



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


/*résa du membre connecté*/
/* vert - vert foncé*/
.planningjour5
{
	background-color:  Lime;
	cursor: pointer;
}


.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;
	/*background-color: rgb(230,230,230) ;*/
	
} 

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


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;

} 


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


.style-metar {

}

.metar-nominal {
	background-color: white;
	}
	
.metar-acceptable {
	background-color: yellow;
	}
	
.metar-nok {
	background-color: red;
	color:white;
	}
	
.metar-undefined {
	background-color: orange;
	}
.coordclub {  font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px}

.menu P 
{
	CLEAR: left
}

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

.sondagequestion {
	font-size:12pt;
	color:#676767;
	font-family:Arial,sans-serif;
}

.sondagereponse {
	font-size:10pt;
	color:#676767;
	font-family:Arial,sans-serif;
	font-weight:100;
}

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


/*ANIMATIONS*/
.anim-arrow-right
{
	-webkit-animation: anim-arrow-right 0.7s both infinite;
			animation: anim-arrow-right 0.7s both infinite;
  text-align: center;
}

@keyframes anim-arrow-right {
  0% {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transform-origin: 50%50%;
	transform-origin: 50%50%;
  }
  50%{
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
  }
  100% {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
  }
}

.anim-arrow-left
{
	-webkit-animation: anim-arrow-left 0.7s both infinite;
			animation: anim-arrow-left 0.7s both infinite;
  text-align: center;
}
@keyframes anim-arrow-left {
  0% {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transform-origin: 50%50%;
	transform-origin: 50% 50%;
  }
  50%{
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
  }
  100% {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
  }
}
/*FIN ANIMATIONS*/

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

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

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

.important_message_16 {
	font-size: 16pt; 
 
}

.erreur {
	font-family: Arial,sans-serif ;
	color: red;
	font-weight: BOLD;
	font-size:10pt;
}
.message {
	font-family: Arial,sans-serif ;
	font-weight: BOLD;   
	color :#000066;
}

.message_10 {
	font-family: Arial,sans-serif ;
	font-weight: normal;   
	color :black;
	font-size:10pt;
	color:#676767;
}

.message_11 {
	font-family: Arial,sans-serif ;
	font-weight: normal;   
	color :black;
	font-size:11pt;
	color:#676767;
}

.message_12 {
	font-family: Arial,sans-serif ;
	font-weight: normal;   
	color :black;
	font-size:12pt;
	color:#676767;
}

.label_10 {
	font-family: Arial,sans-serif ;
	font-weight: normal;
	font-size:10pt;
	color:#676767;	
}

.label_10_bold {
	font-family: Arial,sans-serif ;
	font-weight: bold;   
	font-size:10pt;
	color:#676767;	
}


.label_11 {
	font-family: Arial,sans-serif ;
	font-weight: normal;   
	font-size:11pt;
}

.label_12 {
	font-family: Arial,sans-serif ;
	font-weight: normal;   
	font-size:12pt;
}

.titrepagestat
{
	padding:5px; 
	text-align:center; 
	font-size:14pt; 
	font-weight:bold; 
	font-family:cursive;
	color:rgb(0,68,107); 
}