body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0.5em 5% 10px 5%; /*0;*/
	padding: 0;
}

/*Disposition et espacement*/
#gabarit_conteneur
{
	position: absolute;
	width: 88%; /*100%;*/
	padding: 1.5em 5px 0 0.5em;
	margin: 0 0 2em 0;
}

#gabarit_entete
{
	margin-left: 235px; /*150px;*/
}

#gabarit_entete h1
{
	margin-top:0;
}

#gabarit_entete div#login
{
	float:right;
	text-align:right;
	font-size: smaller;
	color:darkblue;
}

#gabarit_entete div p
{
	margin-top: 0;
	text-align: center;
	font-size: smaller;
}

#gabarit_entete div#telephone
{
	float:none;
}

#gabarit_entete div#adresse
{
	float:none;
}

#gabarit_colcentre
{
	margin-left: 235px; /*150px;*/
	padding: 2px;
	padding-left: 0.5em;
	padding-bottom: 1em;
}

#gabarit_colgauche
{
	float:left;
	width: 235px; /*150px;*/
}

#gabarit_pied
{
	clear:both;
}

#gabarit_pied
{
	text-align:center;
	margin-right: -5px;
	margin-left: -0.5em;
	height: 5em;
}

/* Disposition et espace des menus */
#gabarit_colgauche #menugauche
{
	list-style-type: none;
	margin: 0;
	padding:0;
}	

#gabarit_colgauche #menugauche li
{
	margin: 0;
	padding:0;
	margin-bottom: 1em;
	height: 2em;
}

#gabarit_colgauche #menugauche li a
{
	display:block;
	widht:100%;
	height: 2em;
}

#gabarit_pied #menupied
{
	list-style-type: none;
	margin: 0.5em 0 0 0;
	padding:0.3em 2px;
}

#gabarit_pied #menupied li
{
	display: inline;
}

/*Couleurs*/
#gabarit_colcentre
{
	border-left: 3px solid orange;
}

#gabarit_colcentre h2
{
	border-bottom: 2px solid green;
	color: green;
}

#gabarit_colgauche #menugauche li a
{
	background-image: url("../images/degradeorange.jpg");
	background-repeat: no-repeat;
	background-position: 50% bottom;

	color: black;
	text-decoration: none;
	font-weight:bold;
}

#gabarit_colgauche #menugauche li a:hover
{
	background-image: url("../images/degradeorangeInv.jpg");
}

#gabarit_colgauche #menugauche li.activePage a
{
	background-image: url("../images/degradeorangeInv.jpg");
}

#gabarit_pied #menupied
{
	background-color: #FFCC00;
	background-image: url("../images/degradeorangeGros.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;			
}

#gabarit_pied #menupied li a
{
	color: black;
}

#gabarit_pied #menupied li.activePage a
{
	text-decoration: none;
}

#gabarit_pied #menupied li a:hover
{
	text-decoration: none;
}

a img {border: none;}

a{ color:#CC6600; }

a:hover{ text-decoration: none; }

/*Styles speciaux*/

#gabarit_entete #telephone
{
	margin-bottom: 0.5em;
	font-size: 140%;
	font-weight:bold;
	color: black;
	margin-top:0;
	margin-bottom: 0;
}
#gabarit_entete #adresse 
{
	margin-bottom: 0.5em;
	font-size: 100%;
	font-weight:bold;
	color: black;
	margin-top:0;
	margin-bottom: 0;
}
#gabarit_entete h1 
{
	margin-bottom:0;
}

.LastUpdateDate 
{
	text-align: left;
	color: gray;
	font-size: small;
	margin: 0; 
	padding: 0;
	margin-left: 0.5em;	/*IE cache les premiers caractères. Ceci sert à corriger.*/
}

.Annuaire211 
{
	text-align: center;
	color: gray;
	font-size: small;
	margin: 0; 
	padding: 0;
	margin-top:1em;
	margin-bottom:1em;
}

/*Liste sur deux colonnes avec un table*/
.deuxcolonnes td { width:50%; padding-right: 1.5em;}
td { vertical-align: top; text-align: justify; }
table caption {display: none;}
table h3 { border-bottom:2px solid darkblue; font-size: 105%; color: darkblue;}

/*Formulaires*/
p.text label 
{
	display: block;	
	float: left;	
	width: 45%;	
	text-align: right;
	margin: 0 1em 0 0;	
	padding: 0.1em;
}

p.button 
{
	text-align: center;
}