/**

EXPLICATIONS

Ce css permet de mettre en forme l'ensemble de l'application web, le deuxieme fichier "impression.css" concerne
quant à lui la mise en page pour l'impression des factures et des feuilles d'émargements.

**/


body 
{
	background-color: #f9f2dd;
	font-family: Calibri;
}

a:hover
{
	text-decoration: none;
	color: green;
}

a
{
	outline: none;
}

#banniere
{
	width: 800px;
	height: 150px;
	border: 1px solid #000000;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/bann.png");
}

#connexion
{
	width: 800px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	background-image: url("../images/connexion.png");
}

#corps
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#bouton
{
	float: left;
	width: 150px;
	border: 1px solid #000000;
}

#contenu_top
{
	height: 30px;
	width: 630px;
	margin-left: 167px;
	background-image: url("../images/top.png");
}

#contenu_center
{
	width: 630px;
	margin-left: 167px;
	background-image: url("../images/center.png");
}

#contenu_texte
{
	margin-left: 10px;
	margin-right: 10px;
}

#contenu_bottom
{
	height: 30px;
	width: 630px;
	margin-left: 167px;
	background-image: url("../images/bottom.png");
}

#pied:before
{
	position: absolute;
	display: block;
	content: "© Mairie de Mery.  Projet de l'IUT d'Annecy-le-Vieux. Tous droits réservés.";
	margin-top: 10px;
	margin-left:330px;
	text-align: center;
	font-size: 11px;
	color: #c4a985;
}

.navigation 
{ 
      margin: 0; 
      padding: 0; 
      list-style-type: none; 
      color: #efece2; 
      width: 150px; 
} 
	  
.navigation a, .navigation span 
{ 
	  font-family: Calibri;
	  font-size: 15px;
      display: block; 
      padding: 4px 10px; 
      color: #fff; 
      text-decoration: none; 
      background: url(../images/entete1.gif) left bottom no-repeat; 
}

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      background-image: url(../images/entete1.gif); 
      } 
 .navigation .open a, .navigation .open span { 
      background-image: url(../images/entete2.gif); 
      } 
	  
	  .navigation .subMenu {	  
      font-size: 15px; 
      background: url(../images/subMenu.png) 0 0 repeat-x; 
      margin: 0; 
      padding: 0; 
      } 
	  
   .navigation ul.subMenu a { 
   color: #000;
      background: none; 
      padding: 3px 20px; 
      }
	  
	th.ListeTitres
	{
	padding: 10;
	text-align:center;
	padding-right: 10px;
	padding-left: 10px;
	}
	
	tr.Listes
	{
	text-align:center;
	}
	
	th
	{
	/*text-align:left;*/
	padding: 2px;
	padding-right: 5px;
	padding-left: 5px;
	}

/*css calendrier*/
#calendrier
{
	margin-left: 180px;
	margin-top: 20px;
}

/* A virer

#calendrier li{
	list-style: none;	
}*/



#calendrier td {
	border: 1px solid #999900;
	width: 20px;
	height: 20px;
} 
#calendrier th {
	background-color: #a7e306;
	border:1px solid #999900;
	width: 20px;
	height: 20px;
} 


a{
	text-decoration: none;
	color: #000;
}

/*a:hover{
	text-decoration: none;
	color: FF0000;
}*/
	


/*--------------------------------------*/
/*CSS ajouté par delo*/

#calendrier
{
	background-color: #fcfae7;
	border: 0px;
	text-align: center;
	width: 240px;
}


table
{
	background-color: #fcffca;
	border: 1px solid #999900;
	text-align: center;
	width: 610px;
}

.bouton
{
	background-color: #fffffff;
	border: 1px solid #0000000;
	text-align: left;
}

table thead
{
	background-color: #a3dc09;
}




/*
td
{
   border: 1px solid black;
   width: 60px;
   height: 60px;
}
*/
.today
{
	font-weight: bold;
	color: #a7e306;
}

.inactif
{
	color: #CCCCCC;
}



#calendrier td:hover
{
	background-color: #c7f155;
}

#date
{
	margin-bottom: 20px;
	margin-left: 180px;
}

/***************jupie***************/

#logo_facture
{
	width: 237px;
	height: 150px;
	margin-left: 190px;
	margin-top: 10px;
	background-image: url("../images/logo_mery.JPG");
	background-repeat: no-repeat;
}

#body_facture
{
	background-color: #fbfae7;
	font-family: Calibri;
}

#destinataire_facture
{ 
	margin-left: 350px;
	margin-top: 0px;
	margin-bottom: 15px;
}

#align_gauche
{
	text-align:left;
}

#total
{
	border : 1px solid black;
	width : 610px;
	margin-top : 40px;
}

#reglement
{
	width : 610px;
	margin-top : 1px;
}
.cellule_vide	
{
	float: left;
	width: 20px;
	height: 20px;
	background-image: url("../images/fond_blanc.jpg");
}

.cellule_etudeSoir
{
	float: left;
	width: 20px;
	height: 20px;
	background-image: url("../images/fond_etude_soir.jpg");
}

.cellule_garderieSoir
{
	float: left;
	width: 20px;
	height: 20px;
	background-image: url("../images/fond_garderie_soir.jpg");
}

.cellule_garderieMidiCantine
{
	float: left;
	width: 20px;
	height: 20px;
	background-image: url("../images/fond_garderie_midi_cantine.jpg");
}

.cellule_garderieMidi
{
	float: left;
	width: 20px;
	height: 20px;
	background-image: url("../images/fond_garderie_midi.jpg");
}

.cellule_garderieMatin
{
	float: left;
	width: 20px;
	height: 20px;
	background-image: url("../images/fond_garderie_matin.jpg");
}

p {text-indent:3em; margin:0px;}

#pied_impression p
{
	text-align: center;
}

#presence
{
	background-color: #fbfae7;
}

#code_couleurs
{
	width: 201px;
	height: 123px;
	background-image: url("../images/codeCouleurs.jpg");
	background-repeat: no-repeat;
	margin-left: 210px;
	margin-top: 20px;
}

#code_couleurs_dynamique
{
	margin-left: 210px;
	margin-top: 20px;
}


#reduction
{
font-size : small;
font-style : italic;
}

#prixetude
{
color : white;
}

/*modif 08/03/10 delo */

#prix
{
	margin-top: 10px;
	margin-left: 60px;
	width: 80%;
	border: 1px solid #000000;
}

.prixvert
{
background-color : #008A00;
}

.prixjaune
{
background-color : #FFFF00;
}

.prixorange
{
background-color : #FF9900;
}

.prixbleuclair
{
background-color : #99CCFF;
}

.prixbleufonce
{
background-color : #333399;
}

#mentions
{
font-size : 8px;
}

#invisible_gauche
{
background-color : #dbf58b;
margin-bottom:50px;
text-align: left;
padding-left: 10px;
border: 1px solid #999900;
}

#invisible_droite
{
background-color : #dbf58b;
margin-bottom:50px;
text-align: right;
padding-right: 10px;
border: 1px solid #999900;
}