body {
	background: 			url('images/body.jpg') left top repeat-x;
	text-align: 			center;
	font-size: 				1em;
	color: 					#333;
	margin : 				0;
	padding : 				0;
}

img {
	behavior: url("/win_png.htc");
}

div { behavior: url(iepngfix.htc) }

img, table { 
	
	margin: 				0; 
	padding: 				0; 
	border: 				none; 
}
h1, h2, h3, h4, h5, h6 { 
	
	margin: 				0; 
	padding: 				0; 
	font-size: 				1em; 
	font-weight: 			normal; 
}

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


#page {
	width: 					990px;
	text-align: 			left;
	margin-left: 			auto;
	margin-right: 			auto;
	background : 			#fff;
}

#conteneur { 
	
	padding : 				0;
	margin : 				0;
	width: 					100%; 
	background : 			url('images/global.jpg') left top repeat-y;
}

#conteneur #contenu {
	
	float: 					left;
	padding : 				0;
	margin : 				0;	
	border : 				1px solid #69C;
	width : 				750px;
	margin-top : 			15px;
}

#conteneur #contenu.accueil {
	
	width : 				520px;
}

#conteneur #navigation {
	
	float: 					left;
	width: 					12em;
	text-align: 			center;
	background : 			url('images/loupe.png') left top no-repeat;
	width : 				215px;
	height : 				339px;
	margin-left : 			2px;
	margin-top : 			-40px;
}

*html #conteneur #navigation {
	
	margin-top : 			-46px;
	margin-left : 			1px;
}	

/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {
	
	float: 					left;
	width: 					21em;
}

#contenu .encart {
	
	float: 					right;
	width: 					11em;
	margin: 				0;
	margin-bottom: 			1em;
}

/* Entete */
#entete {
	
	width: 					100%;
	background: 			url('images/entete.jpg') left top no-repeat;
	height : 				145px;
	margin : 				0;
	padding : 				0;
}

#entete #nom_site_spip, #entete a .spip_logos {
	
	display: 				block;
	float: 					left;
	font-weight: 			bold;
	font-size: 				1.5em; 
}
	
#entete a { 
	
	text-decoration: 		none; 
	margin : 				0;
	padding : 				0;	
}

#entete img{
	
	margin : 				15px 0 0 20px;	
}	

*html #entete img {
	
	margin : 				15px 0 0 10px;	
}	

/* Fil d'Ariane */
#hierarchie {
	
	clear: 					both;
	margin-bottom: 			2em;
	font-size: 				0.65em; 
	font-weight : 			bold;	
}

#hierarchie a {

	font-weight : 			bold;	
	text-decoration : 		underline;
}	

/* Pied de page */
#pied {
	
	clear: 					both;
	width: 					980px;
	font-size : 			9px;
	background : 			#696;
	color : 				#fff;
	padding : 				5px 5px 1px 5px;
}


#pied a { 
	
	color : 				#fff;
}

/* 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%; 
}


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	
	font-family: 			Verdana, Tahoma, Arial, sans-serif; 
}

/* Typo pour le contenu */
#contenu {
	
	font-family: 			arial, Helvetica, sans-serif; 
}

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	
	font-family: 			Georgia, Times, serif; 
}


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
.breves, .syndic, .forums, .divers {
	
	min-width: 				10em;
	border: 				1px solid #CCC;
	margin-bottom: 			1em;
	font-size: 				0.77em;
}

.menu-titre {
	
	padding: 				0.2em 0.4em;
	border-bottom: 			1px dotted #CCC;
	text-align: 			center;
	font-weight: 			bold;
}

#navigation p, .encart p { 
	
	margin: 				0; 
	padding: 				0.2em 0.7em; 
	text-align: 			left;  
}

#navigation ul, .encart ul { 
	
	margin: 				0; 
	padding: 				0.2em 0; 
	text-align: 			left; 
	list-style: 			none; 
}
#navigation li, .encart li { 
	
	margin: 				0; 
	padding: 				0 0.7em; 
}

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */


.breves { 
	
	background: 			#FFEAEA; 
}
.breves .menu-titre { 
	
	background: 			#FFF2F2; 
}

.syndic { 
	
	background: 			#E8F8F8; 
}
.syndic .menu-titre { 
	
	background: 			#F0FCFC; 
}

.forums { 
	
	background: 			#EAEAFF; 
}
.forums .menu-titre { 
	
	background: 			#F2F2FF; 
}

.divers { 
	
	background: 			#F8F8E8;
}
.divers .menu-titre { 
	
	background: 			#FCFCF0; 
}

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { 
	
	margin-bottom: 			2em; 
}

.cartouche .titre {
	
	font-size: 				1.27em;
	font-weight: 			bold;
	color: 					#000; 
}
#contenu .surtitre, #contenu .soustitre { 
	
	font-size: 				0.82em; 
}

.cartouche .spip_logos {
	
	float: 					right;
	margin-left: 			16px;
	margin-bottom: 			16px; 
}

.cartouche p { 
	
	margin: 				0; 
	padding: 				0; 
	clear: 					left; 
}
.cartouche small { 
	
	font-size: 				0.71em; 
}

.cartouche .traductions { 
	
	font-size: 				0.71em; 
}
.cartouche .traductions * { 
	
	display: 				inline; 
}
.cartouche .traductions li { 
	
	padding-left: 			1em; 
}


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	
	margin-bottom: 			1.5em;
	font-weight: 			bold;
	line-height: 			1.4em; 
}

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

.texte { 
	
	color: 					#000; 
	font-size: 				0.96em;
}

.ps, .notes {
	
	margin-top: 			1.4em;
	padding-top: 			2px;
	border-top: 			2px solid #CCC; 
}

.ps { 
	
	font-size: 				0.82em; 
}
.notes { 
	
	clear: 					both; 
	font-size: 				0.77em; 
}
.ps h2, .notes h2 { 
	
	font-size: 				1.19em; 
	font-weight: 			bold; 
}

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	
	clear: 					both;
	margin-top: 			1.4em;
	padding-top: 			2px;
	border-top: 			2px solid #CCC; 
}

#documents_portfolio h2 { 
	
	margin-bottom: 			0.4em; 
	font-size: 				0.88em; 
	font-weight: 			bold; 
}

#document_actif { 
	
	margin-top: 			1em; 
}

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	
	margin-top: 			1.4em;
	padding-top: 			2px;
	border-top: 			2px solid #CCC; 
}

#documents_joints h2 { 
	
	margin-bottom: 			0.4em; 
	font-size: 				0.88em; 
	font-weight: 			bold; 
}

#documents_joints ul { 
	
	margin: 				0; 
	padding: 				0; 
	list-style: 			none; 
}

#documents_joints li { 
	
	margin-bottom: 			0.4em; 
}

#documents_joints li .spip_doc_titre small { 
	
	font-weight: 			normal; 
}



/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { 
	
	margin: 				0; 
	padding: 				0; 
	list-style: 			none; 
}
.liste-articles li { 
	
	margin-bottom: 			1em; 
	clear: 					both; 
}

.liste-articles li .titre {
	
	font-size: 				1.03em;
	font-weight: 			bold; 
}

.liste-articles li .spip_logos {
	
	float: 					right;
	margin-left: 			16px;
	margin-bottom: 			16px;
	clear: 					right; 
}

.liste-articles li p { 
	
	margin: 				0; 
	padding: 				0; 
}

.liste-articles li .enclosures {
	
	float: 					right;
	text-align: 			right;
	max-width: 				60%;
	margin: 				0; 
}

.liste-articles li small {
	
	display: 				block;
	font-size: 				0.71em; 
}

.liste-articles li .texte {
	
	margin-top: 			5px;
	margin-bottom: 			2em;
	border: 				1px solid #CCC;
	padding: 				0.9em;
	font-size: 				0.82em;
	line-height: 			1.4em; 
}

.pagination { 
	
	font-size: 				0.90em; 
}

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { 
	
	display: 				none; 
}

.page_plan #contenu h2 {
	
	clear: 					both;
	background: 			#EEE;
	border: 				1px solid #CCC;
	padding: 				0.5em;
	margin-bottom: 			1em;
	font-weight: 			bold;
	text-align: 			center; 
}

.page_plan #contenu .contre-encart ul {
	
	display: 				block;
	clear: 					left;
	margin-top: 			0;
	margin-bottom: 			1em;
	padding-top: 			0; 
}


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { 
	
	text-align: 			left; 
	font-size: 				0.77em; 
}

.formulaire_spip p { 
	
	margin: 				0.5em 0; 
	padding: 				0; 
}

.formulaire_spip .forml { 
	
	width: 					99%; 
	font-family: 			inherit; 
	font-size: 				inherit; 
}

/* Boutons */
.spip_bouton { 
	
	text-align: 			right; 
}
.spip_bouton input { 
	
	float: 					right; 
}

/* Reponse du formulaire */
.reponse_formulaire { 
	
	font-weight: 			bold; 
	color: 					#e86519; 
}
fieldset.reponse_formulaire { 
	
	border-color: 			#e86519; 
	font-weight: 			normal; 
}

/* Previsualisation du message */
fieldset.previsu { 
	
	padding: 				1em; 
}

/* Formulaire de login au forum */
.formulaire_login_forum .forml { 
	
	width: 					12em; 
}
.formulaire_login_forum .spip_logos { 
	
	float: 					right; 
	padding-left: 			10px; 
}

/* Choix des mots-clefs */
ul.choix_mots { 
	
	float: 					left; 
	width: 					47%; 
	margin: 				0; 
	padding: 				0; 
	list-style: 			none; 
}

ul.choix_mots label { 
	
	display: 				inline; 
}



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

.forum-repondre, .forum-decompte {
	
	clear: 					both;
	margin-top: 			2.5em;
	padding-top: 			2px;
	border-top: 			2px solid #CCC;
	font-size: 				0.88em;
	font-weight: 			bold; 
}

/* * Habillage des forums */
ul.forum { 
	
	display: 				block;
	clear: 					both;
	margin: 				0;
	padding: 				0;
}
ul.forum, ul.forum ul { 
	
	list-style: 			none;
}

.forum-fil { 
	
	margin-top: 			1.5em;
}

.forum-fil ul { 
	display: 				block; 
	margin: 				0; 
	padding: 				0; 
	margin-left: 			1em;
}

.forum-chapo .forum-titre, .forum-chapo .forum-titre a { 
	
	display: 				block; 
	margin: 				0; 
	padding: 				0; 
	font-weight: 			bold; 
	text-decoration: 		none; 
	color: 					#333; 
}
	
.forum-texte { 
	
	margin: 				0; 
	padding: 				0.5em 1em 0 1em; 
	color: 					#333; 
	font-size: 				0.82em;
}


.forum-texte .forum-repondre-message { 
	
	margin: 				0; 
	padding: 				1px 0; 
	text-align: 			right;
}


/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { 
	
	border: 				1px solid #666; 
	margin: 				0; 
	padding: 				0; 
	margin-bottom: 			1em;
}

ul ul .forum-message { 
	
	border: 				1px solid #A4A4A4;
}

ul ul ul .forum-message { 
	
	border: 				1px solid #B8B8B8;
}

ul ul ul ul .forum-message { 
	
	border: 				1px solid #CCC;
}

ul ul ul ul ul .forum-message { 
	
	border: 				1px solid #E0E0E0;
}

ul ul ul ul ul ul .forum-message { 
	
	border: 				1px dotted #E0E0E0;
}

/* 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: 			#C4E0E0; 
}
	
ul ul .forum-chapo { 
	
	background: 			#D4E8E8; 
}

ul ul ul .forum-chapo { 
	
	background: 			#E4F0F0;
}

ul ul ul ul .forum-chapo { 
	
	background: 			#F4F8F8; 
	border-bottom: 			1px dotted #E0E0E0; 
}

ul ul ul ul ul .forum-chapo { 
	
	background: 			#FFF; 
}

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { 
	
	clear: 					both; 
	font-size: 				0.77em;
}

#signatures h2 {
	
	padding: 				0.5em;
	text-align: 			center;
	font-size: 				1.2em;
	font-weight: 			bold; 
}

#signatures table { 
	
	width: 					100%;
	margin: 				1em 0; 
}

#signatures thead { 
	
	display:				 none; 
}

#signatures td.signature-date {
	
	background: 			#E4F0F0;
	padding: 				0.5em;
	white-space: 			nowrap; 
}

#signatures td.signature-nom {
	
	background: 			#ECF4F4;
	padding: 				0.2em;
	text-align: 			center;
	font-weight: 			bold; 
}

#signatures td.signature-message {
	
	background: 			#F4F8F8;
	padding: 				0.4em;
	font-size: 				0.96em; 
}

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { 
	
	text-decoration: 		none; 
	color: 					#333; 
}
a:hover { 
	
	text-decoration: 		underline; 
}




/*  ------------------------------------------
/*  Nouveaux CSS - IMAGINANCE - Damien LOUIS *
/*  ------------------------------------------ */

.clear {

	clear : 				both;
	visibility : 			hidden;	
}	
	
.gauche {
	
	float : 				left;	
}

.droite {
	
	float : 				right;	
}	
	
	
#haut {
	
	height : 				40px;	
	padding : 				0;
	margin : 				0;	
}		

#formulaire_recherche {
	
	padding : 				0;
	margin : 				0;
	margin-top :			-10px;
	margin-bottom : 		100px;
	width : 				150px;	
	text-align : 			left;
	margin-left : 			35px;
}

#formulaire_recherche label {

	font-size : 			10px;
	color : 				#696;	
	padding : 				0;
	margin:					0;	
}

#formulaire_recherche .text {

	width : 				110px;	
	height : 				15px;
	padding : 				0;
	margin:					0;
	position : 				absolute;
}	

#formulaire_recherche .image {
	
	margin : 				0;
	padding : 				0;	
	margin-left : 			115px;
}	

#menu {
    margin:         		0;
    padding : 				0;
    margin-right : 			2px;
	background:    			url(images/menu_haut.jpg) left top repeat-x;
	list-style:    			none;
    height:        			28px;
	border-right:  			none;
	width : 				760px;
	float : 				right;
	border-top :			1px solid #9CF;
	border-left :			1px solid #9CF;
	border-bottom :			1px solid #9CF;
}

/* hack Opera pour correction bug du menu */
html:first-child .firstli {
	
	float : left;	
}
/* --- */

	

#menu li {
	
 	display : 				inline;
	margin:        			0;
	padding:        		0;
	position:       		relative;
}

#menu li a.first {
    padding:           		0 10px 15px 10px;
    margin : 				0;
    color:             		#696;
    font-size:				12px;
    font-weight : 			bold;
    line-height : 			28px;
    text-transform : 		uppercase;
	text-decoration:   		none;
}

#menu li:hover a {

	color : 				#69C;	
}	


#menu ul.sousmenu {
    position:       		absolute;
   	display:        		none;
    margin:        			0;
    padding:        		0;
    top:            		21px;
    left:           		0;
    width:          		200px;
    background:     		#CCFFFF;
    border : 				1px solid #696;
}

#menu li.hover ul.sousmenu,
#menu li:hover ul.sousmenu {
	display:        		block;
}

#menu ul.sousmenu li {
    display:        		block;
    margin:         		0;
	background:     		none;
	padding : 				5px 3px;	
}
#menu ul.sousmenu li a {

    background:     		none;
    color : 				#69C;
	font-size : 			10px;    
	
}

#menu ul.sousmenu li.hover,
#menu ul.sousmenu li:hover {

	background : 			#696;
}

#menu ul.sousmenu li.hover a,
#menu ul.sousmenu li:hover a{

	color :		 			#fff;
}

#menu ul.sousmenu li a:hover {
    text-decoration:     	none;
}

ul.sousmenu2{
    position:       absolute;
    display:        none;
    margin:         0;
    padding:        0;
    left:           0px;
	top:			-1px;
    width:          200px;
	margin-left:   	200px;
    background:     #696; 
    border : 		1px solid #696;   
}

*html ul.sousmenu2 {
	
	left:           -3px;
}	
	

#menu li ul.sousmenu  li.hover   ul.sousmenu2,
#menu li ul.sousmenu  li:hover   ul.sousmenu2{
	display:        block;
}

#menu li ul.sousmenu  li  ul.sousmenu2 li.hover,
#menu li ul.sousmenu  li  ul.sousmenu2 li:hover {

	background : #CCFFFF;

}

#menu li ul.sousmenu  li  ul.sousmenu2 li.hover a,
#menu li ul.sousmenu  li  ul.sousmenu2 li:hover a {

	color : #69C;

}


#menu li ul.sousmenu  li  ul.sousmenu2 li.hover  ul.sousmenu3,
#menu li ul.sousmenu  li  ul.sousmenu2 li:hover  ul.sousmenu3{
	display:        block;
}

.rubriques_left {

	width : 				190px;	
	padding-left : 			10px;
}	

.rubriques_left li.first {
	
	text-align : 			right;
	background : 			#696;
	border-bottom : 		1px solid #ffffff;
	height : 				20px;
}
	

.rubriques_left li.first a {

	font-size : 			10px;	
	color :					#fff;			
}


.rubriques_left li.second a{
	
	font-size : 			9px;
}

.rubriques_left .tohidden {
	
	left : 					179px;	
	top :					-19px;
	background : 			#696;
	margin : 				0;
	paddign : 				0;
	position : 				relative;
	border : 				1px solid #ffffff;
}	

#actualites {
	
	float : 				right;
	width : 				210px;
	padding : 				5px 20px 0 0;
}	

#actualites ul {
	
	padding : 				0;
	margin :				0;
}

#actualites ul li {
	
	list-style : 			none;	
	padding : 				0;
	margin :				0;
}	

#actualites p.pretitre {
	
	text-transform : 		uppercase;
	font-size : 			14px;
	color : 				#69C;
	font-weight : 			bold;
	border-bottom :			2px solid #69C;
	padding-bottom : 		5px;
}

#actualites p.titre {
	
	color : 				#69C;
	font-size : 			12px;
}

#actualites p.chapo {
	
	font-size : 			12px;
	color : 				#333;
	font-weight : 			normal;	
}	

#actualites p.suite {
	
	padding-bottom : 		10px;
	border-bottom :			2px solid #69C;
}
#actualites p.suite a {

	color : 				#69C;	
	text-decoration :		underline;
	font-size : 			14px;
}	

#contenu h1 {
	
	text-align : 			center;	
	font-size : 			24px;
	color : 				#69C;
}



/*********************************
***** FORMULAIRE DE CONTACT ******
*********************************/

#info {
	
	padding-top : 			15px;
	padding-left : 			15px;
	padding-right : 		30px;	
}	

#info h1 {
	
	padding-top : 			20px;
	font-size : 			15px;
	font-height : 			bold;
	color : 				#69C;
	font-weight :			bold;
}

#info h1.titre {
	
	text-align : 			left;	
}	

#info address, #info p {
	
	padding-top : 			10px;
	padding-left : 			15px;	
	color : 				#666;
	font-size : 			12px;
	line-height : 			15px;
}

#info p.champ {
	
	text-align : 			right;	
	width : 				80%;
	
	
}

#contacts p label {

		line-height : 		23px;
}


#contacts p textarea,
#contacts p input.text {
    paddding:           	1px;
    width:              	250px;
    vertical-align:     	top;
}

.gotoFirstLink {

	cursor : 				pointer;	
}

#visites {
	
	margin-top : 			100px;
	background : 			#696;
	width : 				180px;	
	margin-left : 			10px;
	color : 				#fff;
	font-size : 			10px;
	padding : 				10px 5px;
	text-align : 			left;		
}