#droite{
float: right;
width:45%;
border:10px;
	 }

#gauche{
float: left;
width:45%;
}

body {
	margin:auto;
	margin-top:1.5em;
	text-align: center;
	font-size: 1em;
	color: #333;
	margin-top:3px;
	font-family: Arial, Verdana, "Bitstream Vera Sans", Tahoma;
	
}
#bandeFond{
	background-image: url(../img/degrade-fond.gif);
	width: 735px;
	margin-top:0px;
	color:white;
}
#bandeFond2{
	background-image: url(../img/degrade-fond.gif);
	width: 750px;
	margin-top:0px;
	height:10px;
}
/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none;
 color: #333;
  }
a:hover { text-decoration: underline; }

/*  ------------------------------------------
/*  NAVIGATION
/*  ------------------------------------------ */
#navigation{
	/*float: left;*/
	width: 200px;
	text-align: left;
	background-color: transparent;
	border :1px black;
	color:black;
	margin-right: 3px;
	margin-left: 10px;
}

#navigation2 {
	float: right;
	width: 200px;
	text-align: left;
	background-color:yellow;
	color:black;
}
/*  ------------------------------------------------------------------------------------*/
/*  EN TETE
/*  ------------------------------------------ */

#entete {
	width: 750px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../img/degrade-fond.gif);
}
#sous-entete {
	/*clear: both;*/
	font-size: 80%;
	border: 0px solid #b2b2b2;
	width:750px;
	/*background-color: white;*/
	background-image: url(../img/degrade-fond.gif);
	margin-top:0px;
	padding-left:0px;
	height: 30px;
	/*color:#b2b2b2;*/
	color:black;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	margin:auto;
	padding-bottom: 0px;

	 }
	 
#sous-entete .titre {
	color:#b2b2b2;
	font-family: "Times New Roman", Times, serif;
	padding-bottom:12px;
	
}
#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em; }
#entete a { text-decoration: none; }
#entete .formulaire_recherche { float: right; color: #b2b2b2;padding-right:3px; }

/*  ------------------------------------------------------------------------------------*/
/* FIL d'ARIANE
/*  ------------------------------------------ */
#hierarchie {
	/*clear: both;
	float: inherit;*/
	float: left;
	margin-bottom: 5px;
	margin-right: 0px;
	width: 535px;
	border: 1px solid #b2b2b2;
	background-color: white;
	padding-left:5px;
	padding-bottom:3px;
	/*padding-bottom:2px;*/
	font-size: 0.55em;
	font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif;
	text-align: left;
	 }
#hierarchie a{
	color: black;
	text-decoration: none;
	font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif;
}
#hierarchie a:hover{
	text-decoration: underline;
	font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif;
}

/*  ------------------------------------------------------------------------------------*/
/*  LISTE ARTICLE
/*  ------------------------------------------ */
.liste-articles {
	clear: both;
	float: left;
	text-align: justify;
	margin-bottom: 5px;
	margin-right: 0px;
	width: 535px;
	border: 1px solid #b2b2b2;
	background-color: white;
	padding-left:5px;
	padding-bottom: 5px;
	font-size: 0.77em;
	background-color: white;
	color: black;
	/*padding:5px;*/

}
/*  ------------------------------------------
 LISTE ARTICLE LIENS */
 
.liste-articles a, visited, link {
	text-decoration: none;
 	color: #333;
	font-weight: bold;
	
}
.liste-articles a:hover { text-decoration: underline; }

/*  ------------------------------------------
 LISTE ARTICLE IMAGES */

.liste-articles img{
	margin-left:10px;
	margin-right:10px;
}

/*  ------------------------------------------
 LISTE ARTICLE LISTES */

.liste-articles ul, ol {
	margin: 0;
	padding-left: 20px;
	list-style-image: url(../img/carre.gif);
	}

.liste-articles li {
	list-style-image: url(../img/carre.gif);
	padding-left: 5px; }
liste-articles li li{
	list-style-image: url(../img/carre.gif);
	padding-left: 5px; }
	
/*  ------------------------------------------*/

.liste-articles2 {
	/*clear: both;*/

	clear: both;
	float: left;
	text-align: justify;
	margin-bottom: 5px;
	margin-right: 0px;
	width: 535px;
	border: 1px solid #b2b2b2;
	background-color: white;
	padding-left:5px;
	padding-bottom: 5px;
	font-size: 0.77em;
	background-color: white;
	color: black;
	/*padding:5px;*/
}
.liste-articles2 ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none;);
	}


/*  ------------------------------------------------------------------------------------*/
/*  TEXTE
/*  ------------------------------------------ */
.texte { 
	color: #000;
	font-size: 0.96em;
	text-align: justify;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	 }

/*  ------------------------------------------------------------------------------------*/
/*  TITRES
/*  ------------------------------------------ */

.titrecontenu {
	padding-top:0px;
	font-weight: bold;
	font-size:120%;
}
.titrecontenuplan {
	padding-top:5px;
	font-weight: bold;
	font-size:120%;
	width:60%;
	border-bottom: 1px solid #b2b2b2;
}
/*  ------------------------------------------------------------------------------------*/
/*  Mise en forme des textes du contenu
/*  ------------------------------------------ */

.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	/*background: #EEE;*/
	background: transparent;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold;
	width:50%; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 1px solid #CCC;
	width:95%;
	 }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

.centrer {
	text-align: center;
}

.repondre {
	width:95%;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
}
.spip_surligne { background: #FF6; }

/* Blocs du contenu (c-a-d. la colonne principale) */
.contre-encart {
	float: left;
	width: 80%;
	border: 0px solid #b2b2b2;
}

.encart {
	float: right;
	width: 100px;
	margin: 0;
	margin-bottom: 1em;
	border: 1px solid #b2b2b2;
}

/*  ------------------------------------------------------------------------------------*/
/*  Portfolio
/*  ------------------------------------------ */

#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 0px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; border:0;}
#documents_portfolio a, link, visited {
	border:0;
}

/*  ------------------------------------------------------------------------------------*/
/*  Habillage general des menus de navigation
/*  ------------------------------------------ */

.breves, .syndic, .forums, .divers {
	min-width: 10em;
	border: 1px solid #CCC;
	margin-bottom: 1em;
	font-size: 0.77em;
}	
.rubriques{
	/*min-width: 10em;*/
	border: 0px solid #CCC;
	margin-bottom: 1em;
	font-size: 0.77em;
	background-color: transparent;
	width:200px;
}

/*  ------------------------------------------------------------------------------------*/
/*  PIED DE PAGE
/*  ------------------------------------------ */
#pied {
	clear: both;
	float: inherit;
	width: 100%;
	/*margin-top: 10px;*/
	border-top: 0px dotted red;
	text-align: right;
	background-color: white;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	font-size: 60%;
	color:#b2b2b2;
	 }
#pied a,active, link {
	color:#b2b2b2;
	text-decoration: none;
}
#pied a:hover {
	color:black;
	text-decoration: underline;
}
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }



/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forums { background: #EAEAFF;
list-style: none;}
.forums .menu-titre { background: #F2F2FF; list-style: none;}
.forum-repondre {
	/*clear: both;*/
	margin-top: 3px;
	padding-top: 3px;
	border-top: 0px solid #CCC;
	font-size: 1em;
	font-weight: bold;list-style: none; }
.forum-decompte {
	/*clear: both;*/
	margin-top: 3px;
	padding-top: 0px;
	border-top: 1px solid #CCC;
	font-size: 0.88em;
	font-weight: bold;list-style: none; }
ul.forum {
 display: block;
 /*clear: both;*/
 margin: 0; padding: 0;
list-style: none;
 }
.forum-fil { margin-top: 1.5em; list-style: none;}
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; list-style: none;}
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; list-style: none;}
.forum-chapo small {list-style: none;}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; list-style: none;}
.forum-texte .forum-lien {list-style: none;}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; list-style: none;}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em;list-style: none;margin-right:10px; }
ul ul .forum-message { border: 1px solid #A4A4A4; list-style: none;}
ul ul ul .forum-message { border: 1px solid #B8B8B8; list-style: none;}
ul ul ul ul .forum-message { border: 1px solid #CCC; list-style: none;}
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; list-style: none;}
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; list-style: none;}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #2A7AC2; list-style: none;}
ul ul .forum-chapo { background: #5B99D0; list-style: none;}
ul ul ul .forum-chapo { background: #8BB7DE;list-style: none; }
ul ul ul ul .forum-chapo { background: #ABCBE7; border-bottom: 1px dotted #E0E0E0; list-style: none;}
ul ul ul ul ul .forum-chapo { background: #BCD5EC;list-style: none; }

/*  BOX
---------------------------------------------- */
#boxpass{
	display: block;
	border: 1px solid black;
	background-image: url(../img/degrade-fond.gif);
	width:555px;
	margin:auto;
	text-align: center;
}
.milieu  { vertical-align:middle;}

.on {
	font-weight: bold;

}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }