/* CSS issu des tutoriels css.alsacreations.com */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background: #ffc870; /* kaki */
}

/*
#header {
height: 100px;
background: #66ccff url("/img/plaine-d-azur-logo.jpg") ;
}
*/

#conteneur {
position: relative;
width: 800px;
margin: 0px auto; 
padding: 0px; 
background-color:#ffc870;
}

.centre {
text-align: center;
}

#conteneur a {
text-decoration: none;
color: #dd0000;       /* rouge */
}

#conteneur a:hover {
color: white;
}

h1 {
margin-top: 20px;
margin-bottom: 0px;
font-size: 16pt;
font-style: italic ;
color: white;
color: #663e10;       /* vert sombre */
}

h2, h3 {
font-size: 1.3em;
color: #004466;       /* bleu sombre */
}

p {
margin-top: 0px;
font-weight: normal ;
color: #004466;       /* bleu sombre */
}

table p {
margin-bottom: 0px;
}

table td.section {
text-align: left;
font-weight:bold;
padding-left: 5px;
}

table td.nb {
text-align: right;
padding-right: 30px;
}

table td.nb2 {
text-align: right;
padding-right: 5px;
}

table td.nom {
text-align: left;
padding-left: 15px;
}
 
table, thead, tfoot {
width: 100%;
text-align:center;
border: 1px solid;
border-collapse:collapse;
margin-bottom: 20px;
}

.table_form td, .table_form th {
border: 1px solid;
background-color:#f3fbd4;
}

.table_list td, .table_list th {
border-left: 1px solid;
border-right: 1px solid;
background-color:#f3fbd4;
}

.table_list th {
border-bottom: 1px solid;
}

.table_list2, .table_list2 thead, .table_list2 tfoot, .table_list3, .table_list3 thead, .table_list3 tfoot{
width:auto;
}

.table_list2 td, .table_list2 th, .table_list3 td, .table_list3 th {
padding-left: 40px;
padding-right: 40px;
text-align:left;
border-left: 1px solid;
border-right: 1px solid;
background-color:#f3fbd4;
}

.table_list2 th, .table_list3 th  {
border-bottom: 1px solid;
text-align:center;
}

.table_list3 th, .table_list3 td  {
padding-left: 10px;
padding-right: 10px;
}

.table_grid, .table_grid thead, .table_grid tfoot {
width: auto;
text-align:left;
border: 1px solid;
border-collapse:collapse;
margin-bottom: 20px;
}

.table_grid td, .table_grid th {
border-right: 1px solid;
border-bottom: 1px solid;
background-color:#f3fbd4;
}

.table_grid td, .table_grid th {
width: auto;
border-right: 1px solid;
border-bottom: 1px solid;
background-color:#f3fbd4;
text-align: left;
padding-left: 3px;
padding-right: 3px;
}

tr.colors:hover td {
background-color:#fff168;
background-color:#d1ff97;
cursor: pointer;
}

tr.colors:hover td {
background-color:#fff168;
background-color:#d1ff97;
cursor: auto;
}

.ballon {
height: 800px;
}

.input_date {
width: 96%;
text-align: center;
color: #004466;
}

.input-area {
width: 96%;
text-align:left;
font-size: 1em;
font-style: normal ;
color: #004466;
background-color:#f3fbd4;
border:0px;
}

.input-area-2 {
width:60px;
text-align: center;
font-style: normal ;
color: #004466;
}

.entete {
font-size: 1.1em;
font-weight: bold ;
}

.entete2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.table_list p {
font-size: 0.9em;
}

.solde {
font-size: 1em;
text-align:center;
padding: 10px;
background-color:#f3fbd4;
border:1px solid black;
}

.gauche {
float:left;
margin-top: 0px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
}

.droite {
float:right;
font-size: 1.3em;
text-align:right;
margin-top: 10px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
}

.clear {
clear:both;
}

/*--- INFOBULLES --------- */

a.info, p.info{
position:relative;
/* margin-left:5px;
margin-right:5px; */
z-index:24;
/* color:#000; */
color: #004466;
text-decoration:none
}

a.info:hover, p.info:hover{
background:none;
color: #004466;
z-index:25;
}

a.info span, .info span{
display: none;
}

a.info:hover span, .info:hover span{
display:block;
position:absolute;
top:-1.5em; left:9em; width:10em;
border:1px solid #000;
background-color:#f3fbd4;
color:#004466;
text-align: justify;
/* font-weight:none; */
padding:5px;
}

.bulle {
display:block;
position:absolute;
border:1px solid #000;
background-color: rgb(51,153,255) ;   /* bleu roi 3399FF */
top:160px;left:450px;width:320px;
color:#000;                           /* noir */
text-align: justify;
/* font-weight:none; */
padding:5px;
}
/*--------------------------------------- */
/* MENU */

#menu {
	line-height: 21px;
	font-family: Arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #004466;         /* bleu sombre */
	text-align: center;
	z-index:10;
}

#menu ul {
	list-style-type: none;
margin-left:0px;
padding-left:0px;
}

#menu a {
	display: block;
	width: 155px;
	color:white;
	text-decoration:none;
	padding:2px;
}

#menu .niveau2 a {
}

#menu li {
	float: left;
  border-top: #fff 1px dashed;
border-bottom: #fff 1px dashed; 
}

#menu li ul {
	position: absolute;
	left: -999em;           /* decale le sous-menu hors du champ d'affichage */
	width: 157px;
  margin-left: 0px;     /* supprime l'incrementation du sous-menu */
  padding-left: 0px;
	background: #ffc870;     /* meme couleur de fond que la page */
  border: #fff 1px dashed;    /* bordure blanche en pointilles */
  border-top: 0px;
  border-bottom: 0px;
  border-top: #fff 1px dashed;
border-bottom: #fff 0px dashed; 
	z-index:30;
}

#menu li ul li {
	border-top: #fff 0px dashed;
}

#menu li ul ul {                    /* niveau 3, non utilise */
	margin: -26px 0px 0px 125px;  
	border-left: #fff 1px solid;
}

#menu a:hover {
	color:#004466;
}

#menu .niveau2 a:hover {
}

#menu li ul a:hover {
	background: #ffc870;     /* meme couleur de fond que la page */
	background: #f3fbd4; 
	color: #004466;           /* bleu sombre */
}

#menu li:hover ul ul {                    /* niveau 3, non utilise */
	left: -999em;
}
#menu li:hover ul {
	min-height: 0px; left: auto;
}
#menu li li:hover ul {
	min-height: 0px; left: auto;
}

a:active, a:link, a:visited {
	color: #dd0000;            /* rouge */
	text-decoration: none;
}

a:hover {
	color: #ffffff;             /* blanc */
	text-decoration: none;
}

a img {
border: none;
}