<!--
*{
	font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px;
}
body {
	background-color:#F0F7FF;
	font-size: 0.8em;
}
.gras{
   font-weight: bold;
}
.miniCapitale{
   font-variant: small-caps; font-size:0.8em;
}
.capitale{
   text-transform: uppercase;
}
/*sert pour les puce: la ligne suivant la puce est alignée avec la puce*/
 .pas_de_retrait
{
   list-style-position: inside;
}
/*sert pour les puce: la ligne suivant la puce est alignée avec le texe*/
.retrait
{
   list-style-position: outside;
}
ul /* Ma liste aura des puces en forme d'images */
{
   list-style-image: url("puce.gif");
}
.question{
	cursor:help;
}
.tiret{/*ligne pointillée bleue pour les titres*/
	color:#edeef2; text-decoration:none; border:1px; border-bottom-style:dashed;
	border-bottom-color:#0066CC;
}
a{
	color: #CC0000; text-decoration: none;
}
.lienDown{ /*Met le lien de la page qui est visitée en évidence*/
	color:#0066CC;
}
a:hover {
	color:#0066CC; text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a img {
	padding:0px; margin:5px; border-style:none;
}
.u{
	border-bottom:solid 1px #000000; 
}
.center {
	text-align:center;
}
.floatleft {
	float:left;
}
.floatright {
	float:right; margin-right:20px;
}
.dessous{
	clear:both;
}
.puce{
	background-image:url("images/puce.gif"); background-repeat:no-repeat; margin-right:0.8em;
}
input, textarea
{
	font-size:0.9em; /* On modifie la police du texte tapé l'intérieur des champs */
}
#decompte{
color:#FFFFFF; float:right; font-weight:bold; background-color:#000000; padding:0.3em;
}

/**** Le premier block pour accueillir l'image du haut ****
*				
*	page: all
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header {
	text-align:center; background-image:url(images/arbres.jpg); /*background-image:url(images/arbresNOEL.jpg);*/
	background-repeat: repeat-x;
	
}
#headerInside{
	/*height: 223px;*/
	height: 180px;
	background-image:url(images/banner.png); background-repeat:no-repeat; background-position:center;
}
#headerAdmin {
	text-align:center; background-image:url(images/degrade.jpg); background-repeat: repeat-x;
}
/*00000000000000000000000000000000000000000000000000000000000000
* 				Les liens généraux
*				------------------------------------------
*	fonction: 	set pour les liens communs aux sections
*	page: 		all
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#haut {
	background-color:#C6DBFD; border-bottom: 1px solid #000000;  
}
#menuhaut {
	list-style-type: none;
	background-color:#C6DBFD;
	display:inline;
}
#menuhaut p {
	padding:2px; color:#0066CC; background-color:#C6DBFD; margin-left:1.2em; 
}
/*00000000000000000000000000000000000000000000000000000000000000
* 				La zone gauche de la page
*				------------------------------------------
*	fonction: 	sert aux liens des sections 
*	page: 		all
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#gauche {
	float:left;
	margin-left:10px; padding-top:0px;
	width: 190px;
	
}
.decobas{
	background-image:url(images/decoGaucheBas.jpg); height:27px;
}
.decohaut{
	background-image:url(images/decoGaucheHaut.jpg); height:27px;
}
#gauche h4{
	background-image:url(images/box1.jpg);
	height:24px; padding-top:5px; color:#ffffff; padding-left:5px;
}
.menugauche {
	list-style-type: none;
	padding-left:8px; padding-bottom:1px;
	background-image:url(images/decoGauche.jpg); background-repeat:repeat-y;
}
.menugauche li {
	margin-bottom:5px; padding-left:8px;
}
/*00000000000000000000000000000000000000000000000000000000000000
* 				Le centre est la zone de texte principal
*				------------------------------------------
*	fonction: 	accueillir tout le texte 
*	page: 		all
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#corps {
	background-image: url(images/staff.png); background-repeat: repeat-y;
	padding-top:20px;
	padding-right:0px;
	margin-left: 210px;
	margin-right: 175px;
	padding-bottom:0.4em;
	min-height:30em;/*permet de donner une hauteur minimale au corps du site*/
}
#insidecorps {
	padding-left:60px;
}
#insidecorps #overflow {
	overflow:hidden;
	/*Cet overflow:hidden; est super important! sans, le clear:boh; crée un 
	décalage énorme en bas des blocks flottants	 resumé*/
}
#insidecorps p{
	margin-top:1em; margin-bottom:1em;
}
.souligne{
	border-bottom:solid 1px #0066CC; border-bottom-style:dashed;
	color:#0066CC; text-decoration:none; display:inline;
}
.bleu{
	color:#0066CC;
}
#insidecorps li{
	margin-bottom:1em; list-style-type:none; margin-top:1em;
}

#insidecorps #news1 a{
		/*margin:0.4em;*/  /*border-top:solid 1px #000000;*/ font-size:0.9em;
}
#insidecorps #news2 a{
		/*margin:0.4em*/;  /*border-top:solid 1px #000000;*/ font-size:0.9em;
}
#insidecorps  #news1{
		width:8em; height:100%; background-color:#DDE9F7;
		float:left; /* float permet de faire flotter les calques*/
		margin-right:2px;
}
#insidecorps  #news2{
		width:13em; height:100%; background-color:#DDE9F7; margin-right:2px;
		float:left; /* float permet de faire flotter les calques*/
}

/*00000000000000000000000000000000000000000000000000000000000000
* 				Le pied de texte est réglé comme le centre
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#piedtexte {
	height: 30px;
	text-align:center;
	margin-bottom:40px;
	border-top: 1px solid #000000;
	margin-left: 210px;
	margin-right: 175px;
}
/*00000000000000000000000000000000000000000000000000000000000000
* 				La zone de droite
*				------------------------------------------
*	fonction: 	sert pour les images et pubs Liens possibles
*	page: 		all
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#droite {
	float:right;
	width: 155px;
	margin-right:10px; 
}
#droite h4{
	height:24px; color:#0066CC;
}
.menudroit {
	list-style-type: none;
	margin-bottom: 10px;
	padding-left:8px; padding-bottom:1px;

}
.menudroit li {
	margin-bottom: 5px;
}

/*
#menu_pub {
	height: 496px; width:150px; background-color:#cc9966;
}
*/

/*00000000000000000000000000000000000000000000000000000000000000
* 				Le pied de page
*				------------------------------------------
*	fonction: 	sert pour se repérer et signer...
*	page: 		all
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pied {
	clear:both;
	padding:1em;
	font-size:0.8em;
}
/*00000000000000000000000000000000000000000000000000000000000000
* 				Le pageHeader
*				------------------------------------------
*	fonction: 	sert pour le référencement
*	page: 		all
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pageheader{
	visibility:hidden; display:none;
}
-->