html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px;
   font-size: 20px;
   background-color: #FFFFFF;
   }
.container {
	width: 100%;   		/* 1100 / (1512 -17%*1512)   87.44038%   1512 = 1660 - left task bar */
	background: #F1F1F1;
	margin-left: auto;
 	margin-right: auto;
	overflow: hidden; /* cette déclaration permet à .container de comprendre où les colonnes flottantes à l'intérieur se terminent et de les contenir */
}
div {
	text-align:center;
	}
div#bandeau {
	width:100%;
	height:90px;
	background-color: #AAAAAA;
    border-radius: 10px;
	behavior: url('border-radius.htc')
	-moz-border-radius: 8px;
 	}
p {
    text-align:left;
}
h1 {
    text-align:center;
}
h4 {
    text-align: left;
}
.alert{
    font-family: arial, verdana, sans-serif ;
    color: red ;
    margin-left: auto;
    margin-right: auto;
    text-align: center ;
}
/*span {
  width:95%;
  border:1px solid #fff;
  vertical-align:middle;
  display:inline-block;
}*/
div#headerfiche{                   /* Header de la fiche   */
	width: 400px;
	padding: 10px;
    height:  45px;
	font-size: 14pt ;
	border:5px solid #FF0000;
	background-color:#FFFFFF;
    border-radius: 10px;
	behavior: url('border-radius.htc')
	-moz-border-radius: 8px;
	/* behavior: url('border-radius.htc');*/
	}
#fiche {						/* Information de l'aire sélectionnée		*/
    text-align: center;
    float:left;
    margin: auto;
    margin-left: 1%;
	width:95%;
	background-color: #FC6; 	/* orange */
	border: 5px solid #CACFA8;
	font : bold 11px arial, verdana, sans-serif;
	border-radius: 20px;
	behavior: url('border-radius.htc');
	-moz-box-shadow: 8px 8px 12px #aaa;
	}

div#blocfiche{                   /* Header de la fiche   */
   	width: 44%;
    height:  212px;
    margin-bottom: 3px;
    Margin-top:5px;
    margin-left: 2.5%;
    margin-right: 2.5%;
	font-size: 12pt ;
	border:5px solid #FF0000;
	background-color:#FFFFFF;
    border-radius: 10px;
	behavior: url('border-radius.htc')
	-moz-border-radius: 8px;
	/* behavior: url('border-radius.htc');*/
	}
div.spacer {
 	clear: both;
 }
div#menu {
	float:left;
    text-align: left;
	width:15%;
	height:650px;
	background-color: #DEDEDE;
    border-radius: 10px;
	behavior: url('border-radius.htc')
	-moz-border-radius: 8px;
	}
div#contenu {
	float:left;
	width:85%;
	height:650px;
	background-color: #FFFFFF;
	}
div#pied_page {
	clear:both;
	width:100%;
	height:40px;
	background-color: #AAAAAA;
     border-radius: 10px;
	behavior: url('border-radius.htc')
	-moz-border-radius: 8px;
	}
 textarea {
    font-size: 15px;
}
td textarea {
 width:98%;
 height: 100%;
 border: none;
}
.titrebleu{
	font-size: 10pt ;
	color: blue ;
	}
.titrerouge{
	font-size: 10pt ;
	color: red ;
	}
.titrevert{
	font-family: arial, verdana, sans-serif ;
	font-size: 16pt ; color: green ;
	}
.centernarrow{
	width: 95%;
 	text-align: center ;
	}
.leftnarrow{
	width: 95%;
 	text-align: left ;
    margin-left:2%;
	}
#centrerHorizontalement img{
    /* float place les images en vis à vis. left précise le sens de ce placement. */
   /* float:left;  ==>  */          /* Permet de centrer quelquesoit le nombre d'image  */
    /* marges entre les images */
    margin:0.20%;
    width:22%;
    max-width:100%;
}
#centrerHorizontalement {
    /* j'attribue une largeur à ma boite */
    width: 100%;
    /* Les marges ( à droite, à gauche) s'ajustent automatiquement*/
    margin-left:auto;
    margin-right:auto;
    /* La marge du haut est ajustée à la main*/
    margin-top: 5px;

    /* pour centrer horizontalement les images à l'interieur de la boite*/
    text-align:center;
}

.arrondie {                             /* coins arrondi des photos    */
    border: 4px solid white;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
.hide_header  {			/* masquer une la zone de la classe */
	   display: none ;
    }
#onglets li{
	float : left;
	height : 23px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet #F4F9FD*/
	background-color: #F4F9FD;
	margin : 2px 2px 0 2px;  /* Pour les navigateurs autre que IE */
	margin : 1px 2px 0 2px;  /* Pour IE  */
	border : 1px solid #9EA0A1;
	border-radius: 5px;
	text-decoration:none;
	}
#onglets li.active{
    border-bottom: 1px solid #fff;
    background-color: #FFFF00;
	text-decoration:none;
	}
#onglets a{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
	text-decoration:none;
	}
li  {
    text-decoration:none;
}

.point{
	cursor:pointer;
	cursor:hand;
	}
    
a   {
    text-decoration:none;
}

a:hover{
	cursor:pointer;
	cursor:hand;
	background : #AAAAAA;
    text-decoration:none;
	}
/*td {
width:150px;
height:20px;
border-color:#123456;
border-style: Solid;
}*/