/* CSS site www.danielhenchoz.ch */


/* La directive "! important" permet de spécifier que les paramètres de cette ligne ne doivent
   pas être modifiés par une autre feuille en cascade ...
   Principalement pour l'affichage de l'output de la commande phpinfo() dans la zone privée
*/


/*****************************************/
/* Définitions générales                 */
/*****************************************/

body {
	font-family:verdana, arial, helvetica, sans-serif ! important;
	background-color:#666666;
	color:silver;
	font-size:80% ! important;
	margin: 0;
	padding: 0;
}
pre {
	font-size:120%;
}
h2 {
	font-size:120%;
	color:#ffd700;
	text-align:left;
}
h3 {
	font-size:100%;
	text-align:left;
}
h3.souligne {
	border-bottom: 1px solid #999999;
	margin-bottom:4px;
}
h3.cadre {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

input,textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:100%;
}

a:link {
	color:#FFFFF0;
	text-decoration:underline;
}
a:visited {
	color:#00bfff;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
	color:#ffd700;
}
img.topfloatleft {
	vertical-align:text-top;
	float:left;
	border:0px;
	margin-bottom: 5px;
	margin-right: 10px;
}
p.surligne {
	border-top: 1px solid #999999;
	color:#ffd700;
	margin-bottom:-13px;
	padding-top:3px;
}
p.surligne a:link{
	text-decoration: none;
	color:#ffd700;
	background-color:#666666;
}
p.surligne a:visited{
	text-decoration: none;
	color:#ffd700;
	background-color:#666666;
}


/************************************************/
/* Définition de la zone de banière de la page  */
/************************************************/

#banner {
	height: 130px;
	width:900px;
	border-bottom:1px solid #999999;
	margin-bottom:10px;
/*	background-image:url(../images/Titre_800x100.gif); */
}

/**************************************************/
/* Définition de la zone heure limite de la page  */
/**************************************************/

#hlimite {
	height : 10px;
	width: 500px;
	direction:rtl;
	font-size:9px;
	position:absolute;
	top:105px;
	left:400px;
}

/************************************************/
/* Définition de la zone de la page entière     */
/************************************************/

#conteneur {
	width: 920px;
	margin-right:20px;
}
/* Centre avant fixation absolue et overlow
#centre {
	margin-left: 180px;
	margin-right:15px;
	width:710px;
}
*/
/* Overflow auto permet de faire apparaître des barres de scroll si nécessaire */
/* Overflow:auto n'est pas compatible avec a:hover dans le menu gauche pour le navigateur Mozilla ... */

/************************************************/
/* Définition de la partie centrale de la page  */
/************************************************/

#centre {
	margin-right:15px;
	width:725px;
	float:right;
	overflow:hidden;
/*	overflow:hidden;
	padding-left:180px;
	position: absolute;
	left:180px;
	top:160px; */
}


/*******************************************/
/* Menu principal sur la gauche de la page */
/*******************************************/

#gauche {
	float:left;
	top:150px;
	width: 175px;
	line-height: 25px;
	margin-bottom:10px;
/*	position: absolute;
	left:0px; */
}
.titremenugauche {
	border: thin solid #999999;
}
.menugauche {
	list-style-type: none;
	margin-left:0;
	padding-left:5px;
}
.menugauche li {
	width: 150px;
	padding-left: 5px;
	border-bottom: thin solid #999999;
}
.menugauche a:link {
	text-decoration: none;
	color:#FFFFF0;
	background-color:#666666;
}
.menugauche a:visited {
	text-decoration: none;
	color:#FFFFF0;
}
.menugauche a:hover {
	padding-left: 5px;
	text-decoration: none;
}
.menugauche a.active {
	text-decoration: none;
	color:#FFFFF0;
}


/*****************************************/
/* Définition du pied de page            */
/*****************************************/

#pied {
	float:inherit;
	/* Position:relative et top:30px pour laisser une marge sur le pied de page */
	position:relative;
	top:30px;
	height: 30px;
	margin-right:20px;
	clear:both;
	width:98%;
	border-top: 1px solid #999999;
	padding-top:5px;
	margin-top:10px;
}

/*****************************************/
/* Menu pour l'utilitaire gallery        */
/*****************************************/

.gallerymenu {
	margin-right:10px;
}
#gallerynav {
	list-style-type: none;
	margin-left:1px;
	padding-left:1px;
}

table.showrows
{
     border-style:solid;
     border-width:2px;
	 border-color:white;
	 border-collapse:collapse;
     color:white;
	 empty-cells:show;
/*     text-align:center; */
}

th.showrows
{
     font-size:10pt;
	 border-bottom:solid;
	 height:40px;
}


tr.showrowslight
{
  	background-color:#8D8D8D;
}

td.showrows
{
/*     font-size:10pt;
     background-color:#409040;
     color:white;
     border-style:solid;
     border-width:1px; */
}

/*****************************************/
/* Menu pour l'application Carnet de vol */
/*****************************************/

#cdvlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #999999;
font: 12px Verdana, sans-serif;
}

#cdvlist li
{
list-style: none;
margin: 0;
display: inline;
}

#cdvlist li a
{
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #999999;
border-bottom: none;
text-decoration: none;
}

#cdvlist li a:link
{
color: #999999;
}

#cdvlist li a:visited
{
color: #999999;
}

#cdvlist li a:hover
{
color: #FFFFF0;
border-color: #FFFFF0;
}

#cdvlist li a#current
{
border: 2px solid  #999999;
color: #999999;
font:  bold 12px Verdana, sans-serif;
background-color: #FFFFF0;
}

/*****************************************/
/* Table pour affichage des METAR        */
/*****************************************/

table.metar {
border-style: solid;
border-width: 1px;
width: 100%;
}

/*****************************************/
/* Pour l'application Carnet de vol      */
/*****************************************/

/*
td.buttonlike {
border: 2px solid  #999999;
background-color: #FFFFF0;
}
*/

a.buttonlike {
color:#ffd700;
text-decoration: none;
}

table.showcdv
{
     border-style:solid;
     border-width:2px;
	 border-color:white;
	 border-collapse:collapse;
     color:white;
	 empty-cells:show;
	 font: 12px Verdana, sans-serif;
	 width: 100%;
	 text-align: left;
}

table.showcdv td {
   border:1px solid;
}

table.showcdv th {
   border-bottom:2px solid;
	 align: left;
}

table.inputcdv
{
     border-style:solid;
     border-width:2px;
	 border-color:white;
	 border-collapse:collapse;
     color:black;
     background-color:#CCCC99;
	 empty-cells:show;
	 font: 12px Verdana, arial, helvetica, sans-serif;
	 width: 100%;
	 text-align: left;
}

table.inputcdv td {
   border:none;
   align:left;
   white-space:nowrap;
   vertical-align:top;
}

table.inputcdv th {
   background-color:#996;
   color:#ffc;
   white-space:nowrap;
   font-size:120%;
   border-bottom:2px solid;
}

table.cdvinfo {

width: 100%;
}

table.cdvinfo th {
     text-align:left;
}

table.cdvinfo caption {
	 color:#FFFFF0;
	 border-bottom: thin solid #999999;
     font-size:120%;
	 text-align:left;
}

/*****************************************/
/* Pour l'application Performance        */
/*****************************************/

table.inputperf
{
     border-style:solid;
     border-width:2px;
	 border-color:white;
	 border-collapse:collapse;
     color:#000555;
     background-color:#CCCC99;
	 empty-cells:show;
	 width:720px;
	 padding:0px;
}

table.inputperf td {
/*   border-style:solid;
   border-width:1px;
   border-color:black;
   empty-cells:show;
   padding:0px;
 */  border-collapse:collapse;
   white-space:nowrap;
}

table.inputperf th {
   background-color:#996;
   color:#ffc;
   white-space:nowrap;
   font-size:120%;
   border-bottom:2px solid; 
   text-align:left;}
}