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 : 				740px;
    margin-top : 			15px;
    margin-left: 10px;
}

#conteneur #contenu.accueil {

    width : 				520px;
}

#contenu ul {
    padding-left: 20px;
}

#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;
}

#menu li ul.sousmenu  li  ul.sousmenu2 li.hover  ul.sousmenu3 a,
#menu li ul.sousmenu  li  ul.sousmenu2 li:hover  ul.sousmenu3 a{
    color:        #fff;
}

ul.sousmenu3{
    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.sousmenu3 {

    left:           -3px;
}

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

    background : #CCFFFF;

}

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

    color : #69C;

}



.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 : 			70px;
    background : 			#696;
    width : 				180px;
    margin-left : 			10px;
    color : 				#fff;
    font-size : 			10px;
    padding : 				10px 5px;
    text-align : 			left;
}

#carteVisite {
	margin-top : 			30px;
    width : 				180px;
    margin-left : 			5px;
    color : 				#fff;
    font-size : 			10px;
    padding : 				10px 5px;
    text-align : 			left;
}

#iconeRecherche{	
	cursor: pointer;
}

#ongletRech{	
	cursor: pointer;
	padding:           		0 10px 15px 10px;
    margin-left : 				70px;
    color:             		#696;
    font-size:				12px;
    font-weight : 			bold;
    line-height : 			28px;
    text-transform : 		uppercase;
    text-decoration:   		none;
}