body {
  margin:0 ;
  padding:0;
  color: #333;
  background: #FFFFFF ;
  text-align:left;
  background-color: #FFFFFF;
  background:#FFFFFF url(./IMG/body-bg.jpg) no-repeat; 
  
}

DIV, P{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	border:none;}

IMG{
	border:none;

}
IMG.png{
	behavior: url(win_png.htc);
	}	

/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*  ------------------------------------------ */
/*  Disposition a l'ecran des blocs principaux */
/*  ------------------------------------------ */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#entete {
	width: 950px;
	height:140px;
	top:0px;
	left:0px;
	outline-width:0px;
	}
	
.container {/* encadre le tableau */
  width:970px ; /* largeur du tableau */
  height:1% ; /* hauteur minimale du tableau */
  margin:0 ; padding:0 ; /* marges intérieures et extérieures du tableau */
  padding-top:10px;
/*  background-color:#E7E4E4} /* couleur fond du tableau (colonne droite en pratique) */
}

.gauche { /* définition de la colonne gauche */
  float:left ; /* flotte à gauche */
  width:220px ; /* largeur : 24% de .container */
  /*background-color:#FFD5AA ; /* couleur de la colonne */
  height:100% ; /* hauteur : 100% du .container */
  margin:0 ; padding:0} /* marges */

.centre {/* définition de la colonne centre */
  float:left ; /* flotte à gauche */
  width:50% ; /* largeur : 50% de .container */
  height:100% ; /* hauteur : 100% du .container */
  margin:0;padding:0 ; /* marges */
  margin-left:10px;
 
}

.centre-article {/* définition de la colonne centre */
  float:left ; /* flotte à gauche */
  width:50% ; /* largeur : 50% de .container */
  height:100% ; /* hauteur : 100% du .container */
  margin:0;padding:0 ; /* marges */
  margin-left:10px;
  width:720px;
  /*background:url(./IMG/contenu-rubrique-bg.jpg) repeat-y;*/
}



.droite { 
  float:left ; 
  width:243px ; /* largeur : 23% de .container */
  height:100% ; /* hauteur : 100% du .container */
  margin:0 ; padding-left:0px
 }/* marges */


#pied { /* Pied de page */
	clear: both;
	width: 970px;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	height:14px;
	bottom: 0; left: 0;
	font-family:Tahoma;
	font-size:11px;
	color:#666666;
}
#pied a{
	font-family:Tahoma;
	font-size:11px;
	color:#666666;

}
.spacer { /* force au retour à la ligne après des fenêtres float */
  clear:both;
}
	
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*  ------------------------------------------ */
/*  Disposition a l'ecran des blocs SECONDAIRES */
/*  ------------------------------------------ */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* Entete */
#entete-small-menu{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	position:absolute;
	left: 550px;
	top:10px;
	width:400px;
	text-align:left;
	z-index:200;
	
	}

#entete .formulaire_recherche { 
	/*background:url(./IMG/bg-recherche.png) no-repeat;*/
	/*height:34px;*/
	width:251px;
	position:absolute;
	top:45px;
	left:702px;
	margin:0px;
	padding:0px;
	padding-left:5px;
	margin-right:35px;
	padding-top:4px;
}

/* Liste d'articles */
.entries {
background-color:#FFFFFF;
width:450px;
}
.entries:hover {
background-color:#CCCCCC;
width:450px;
}

/* Liste d'evenement */
.event{
/*	background-color:#FFFFFF;*/
}
.event:hover{
	background-color:#CCCCCC;
}
.calendar_month{
	color:#1d9dd9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
	display:block;
}

/*  */
.bordureCat2{
	width:330px;
	float:left;	
}

/* Fil d'Ariane */
#hierarchie {
	margin-top:0px;
	margin-bottom: 0px;
	font-size: 0.77em;
	padding-left:0px; }

/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*  ------------------------------------------ */
/*  Style des texte 													 */
/*  ------------------------------------------ */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.titre-article-sommaire{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#CA5B03;
}

.lire-article {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#0D96D6;
}

/*  TITRE RUBRIQUES et ARTICLES */
#titre-rubrique{
/*	background:url(./IMG/titre-bg.gif) repeat-x;*/
	float:left;	
	height:39px;}

#titre-rubrique-left{
	background:url(./IMG/titre-left.gif) left no-repeat top;
	width:25px;
	height:39px;
	float:left;}

#titre-agenda-left{
	background:url(./IMG/titre-agenda-left.gif) left no-repeat top;
	width:25px;
	height:39px;
	float:left;}
.titre-texte{
	margin-left:25px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	margin-top:8px;
	display:block;}

#titre-rubrique-right{
	background:url(./IMG/titre-right.gif) left no-repeat top;
	width:63px;
	height:39px;
	float:left;}


/* ////////////////////////// formulaire   connexion ///////////////////////////////////////  */	
#login_admin, #login, .login_box{
	width:500px;
	margin-left:140px;
	margin-top:40px;
	padding-top:35px;
	height:260px;
	background-color:#FFFFFF;
	background:url(./IMG/fond-login.png) no-repeat ;
}

#login fieldset{
	border-color:#003366;
}



.occupe{
	background-color:#FF9933;
}

.occupe a:hover{
	color:#003333;
	font-weight:bold;
}

.formulaire_ecrire_auteur{
	padding:20px;
/*	background-color:#00CC33;*/
	/*background:url(./IMG/fond-contact.png) no-repeat;	*/
}
.formulaire_ecrire_auteur fieldset {
margin-top:20px;
}