/* CSS Document */
body {		background-color : #FFFFFF;
			font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
			font-size:90%;
			}

p { }
img { border : none; }
/*form { display : block; margin : 0px; padding : 0px; }*/

h1, h2, h3, h4, h5, h6{font-family: "Trebuchet MS", sans-serif;}
h1{
	font-size: 1.1em;
	color: #990066;
}
h2{
	font-size: 1.1em;
	text-align: center;
	color: #990066;
}
h3{font-size: 1.0em;}
h4{font-size: 1.0em;}
h5{font-size: 1.0em;}
h6{font-size: 1.0em;}
hr {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #229E22;
	
}
code,pre { font-family : "Courier New",monospace; font-size : 1em; }

q { font-style : italic; }

a {
	color : #0E960E;
	font-weight: bold;
}

a:hover, a:focus, a:active {
	color: #00CC33;
	text-decoration: underline;
}

table {font-size : 1em;}



/* La page--------------------------------------------------------------------------------------- */
div#conteneur
{
	width: 972px;
	background-color: #0E960E;
	background-image:  url(images2006/bandeau-972.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* Menu horizontal-------------------------------------------------------------------------*/

ul#menu
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height: 27px ;
	margin: 0 ;
	padding: 0 ;
	background: url(images2006/bg_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel */				
ul#menu li
{
	float: right ;
	text-align: center ;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a
{
	width: 108px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	border-left-style: none;
	font-style: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}/* C'est sur les liens que le gros du travail est effectué, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#menu li a:hover
{
	background: url(images2006/bg_menu.gif) repeat-x 0 0;
	color: #0E960E;	
}/* Et pour finir on décale l'image de fond au passage de la souris pour laisser aparaître l'état survolé de l'image, voir le tutoriel sur les roll over pour plus de détails */


/*Mise en forme 3 colonnes  --------------------------------------------------------------- */
.entete {
	padding: 3px;
	height: 120px;
	width: 99%;
}

.groupe {
	margin: 0px;
	padding: 0%;
	float: left;
	position: static;
	width: 100%;
	background-image: url(images_blocarrondi/fond_continu.png);
}

.gauche {
	background-color: #0E960E;
	margin: 0px;
	padding: 0%;
	float: left;
	position: static;
	width: 210px;
	text-align: left;
}
.droite {
	background-color: #FFFFFF;
	padding: 0%;
	float: right;
	width: 232px;
	text-align: left;
	position: static;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
} 
.centre {
	background-color: #FFFFFF;
	position: static;
	background-image:  url(images_blocarrondi/fond_centre.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 236px;
	margin-bottom: 0px;
	margin-left: 210px;
	padding: 0px;

}

.centre_article {
	background-color: #FFFFFF;
	position: static;
	background-image:  url(images_blocarrondi/fond_centre.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 210px;
	padding-top: 3px;
	padding-right: -3px;
	padding-bottom: 0px;
	padding-left: 3px;
}

.centre_bas {
	background-color: #FFFFFF;
	margin: 0px 232px 0px 210px;
	padding: 0px;
	position: static;
	background-image:  url(images_blocarrondi/fond_centre_bas.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.contenucentre {
	margin: 0px 3px 0px 3px;
	padding:2px;
	width: auto;
	background-image: none;
	
}
.contenugauche {
	margin: 1px;
	padding: 1px;
	width: auto;
}

.contenugauchebas {
	border-top-width: 20px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-variant: small-caps;
}
.contenudroite {
	margin: 0px 0px 0px 2px;
	padding: 2px;
	width: auto;
	background-color: #FFFFFF;
}

.contenudroite li  {
	display : block;
	margin-top : 0.15em;
	padding-left : 0px;
	color : #000000;
	font-size: 80%;
}

.contenudroite ul {padding-left : 0; margin : 0 0 0 0; list-style : none;}

.pieddepage {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	clear: both;
	height: auto;
	width: 972px;
	background-image:  url(images_blocarrondi/bandeau_bas.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 8.5px;
	padding-bottom: 8.5px;
}

.contenupied {
	border-top-width: 15px;
	text-align: center;
	font-size: 14px;
	color: #706F96;
}
.contenupied a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.contenupied a:hover { color: #00CC33;
	text-decoration: underline overline;  }

/*Mise en forme menu gauche et plan ------------------------------------------------------------- */

#menudev ul, .menupage ul {
	line-height: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#menudev ul a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
}

.menupage ul a {
	text-decoration: none;

}

#menudev ul a:hover, .menupage ul a:hover{
	color: #00CC33;
}

#menudev li, .menupage li {
	line-height: 18px;
	list-style-image: url(images2006/flech-rouge.gif);
	font-weight: bold;
	text-indent: -7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#menudev li li, .menupage li li{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	line-height: 14px;
	font-size: 0.8em;	
	font-weight: normal;
	text-indent: -7px;
}
#menudev li li
{	list-style-image: url(images2006/flech-menu-gauche.gif);}
.menupage li li
{	list-style-image: url(images2006/flech-bl-2.gif);}
.img_menu {
	text-align: center;
}

.img_menu_g {
	text-align: left;
	margin-left: -2px;
}

.spip_logos {
	margin: 3px;
	border-width: 0px;
}

/*Mise en forme des textes  --------------------------------------------------------------- */
.descriptif_site_blanc {
	font-size: 80%;
	text-align: justify;
	margin-right: 10px;
	margin-left: 10px;
	color: #FFFFFF;
	margin-top: 5px;
	line-height: 95%;
}
.descriptif_site_noir {
	font-size: 80%;
	text-align: justify;
	margin-right: 10px;
	margin-left: 10px;
	color: #000000;
	margin-top: 5px;
	line-height: 95%;
}

.edito {
	background: #FFFFFF;
	text-align: justify;
	width: 95%;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	}

.post {
	margin-bottom: 1px;
	background: #FFFFFF;
	margin:0px;
	text-align: justify;
		}
.post-title {
	margin-left : 1px;
	padding-left : 10px;
	padding-top: 3px;
	background-color: transparent;
	background-image: url(./images2006/flech-bl-2-haute.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.post-title a {margin-left : 3px; text-decoration :none;}
.post-title a:hover {margin-left : 3px; text-decoration : underline;}
.post-info {
	margin-left : 0px;
	font-size : 0.85em;
	color : #999999;
	text-align: left;
	font-style: italic;
	font-weight: bold;
	padding-left : 15px;
	padding-top: 3px;
	background-color: transparent;
	background-image: url(./images2006/puce-marron.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;	
}
.post-chapo {margin-left : 2px; padding:5px;}
.post-content {margin-left : 2px; padding:0px 2px; line-height: 1.2em;}

.post-info-co {margin-left : 5px; font-size : 0.85em; color : #ccc; text-align : center;}
.post-notes {
	margin-left : 5px;
	padding:10px;
	font-size: 0.85em;
}

/* Logo à droite*/
div.imagedroite {
	float: right;
	text-align: center;
	margin: 10px;
}
/* Logo à gauche*/
div.imagegauche {
	float: left;
	text-align: center;
	margin-top: 1px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 1px;
}
/* Logo centre*/
div.imagecentre {
	text-align: center;
	margin-top: 20px;
}


/* Mise en forme SPIP depuis habillage.css */


/*
 * Mise en page des textes (bordures...)
 */

.chapo {
	line-height: 1.1em;
	margin-top: 1em;
	margin-bottom: 3px;
	font-style: normal;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: bold;
	text-align: justify;
}
.texte {
	line-height: 1.1em;
	margin-right: 13px;
	margin-left: 13px;
}

.texte-petit {
	margin: 0px;
	padding-top: 0em;
	padding-bottom: 0em;
	font-size: 90%;
	padding-right: 15px;
	padding-left: 15px;
}
.ps {
	padding-top: 0.6em;
	margin-top: 0.6em;
	border-top: 1px dashed #404040;
}
.notes {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #229E22;
}
.ital {
	font-size: 0.9em;
	font-style: italic;
	margin-top: 3px;
	padding-right: 2px;
	padding-left: 2px;
	margin-bottom: 2px;

}

/*
 * Habillage des forums
 */

ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.forum-fil {
	margin-top: 3em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 120%;
}
.forum-item {
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: #303030;
	font-size: 80%;
}
.forum-repondre-message {
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}
ul ul .forum {
	border: 1px solid #a4a4a4;
}
ul ul ul .forum {
	border: 1px solid #b8b8b8;
}
ul ul ul ul .forum {
	border: 1px solid #cccccc;
}
ul ul ul ul ul .forum {
	border: 1px solid #e0e0e0;
}
ul ul ul ul ul ul .forum {
	border: 1px dashed #e0e0e0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
	border: 0px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 80%;
	color: #990066;
	background-color: #EFCEA5;
}
ul ul .forum-chapo {
	background: #F1D6B4;
}
ul ul ul .forum-chapo {
	background: #F3DCBE;
}
ul ul ul ul .forum-chapo {
	background: #F4E0C6;
}
ul ul ul ul ul .forum-chapo {
	background: #F8E9D6;
}


/*
 * Styles pour le contenu (c-a-d. la colonne principale)
 */

.titre-extrait {
}
.titre-texte {
	font-size: 1.4em;
	font-weight: bold;
	color: #0E960E;
	line-height: 1.8em;
	text-align: center;
}

.titre-agenda {
	font-size: 1em;
	font-weight: bold;
	color: #B59463;
	line-height: 1.2em;
	text-align: center;
	width: 80%;
}


.auteur {
	font-style: italic;
	text-align: right;
	margin-right: 10px;
}

.surtitre {
	margin-top: 0em;
	margin-bottom: 0em;
	font-style: italic;
	font-weight: bold;
	text-align: left;
}
.detail {
	margin-left: 2em;
}
.detail .important {
	color: #a02020;
}
.extrait {
	margin: 0.1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	margin-right: 0.1em;
	line-height: 1.4em;
}
.liste-articles {
	margin-top: 1em;
	margin-bottom: 1em;
	clear: left;
}
.forum-repondre {
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	margin-top: 0.6em;
}


/*
 * Disposition a l'ecran : colonnes, encarts, cartouches
 */


.encart {
	float: right;
	/*width: 14em;*/
	width: 34%;
	margin-left: 4%;
	/*margin-left: 2em;*/
	margin-top: 1em;
	margin-bottom: 0em;
	margin-right: 0px;
}

.cartouche {
	padding-top: 1em;
	border-top: 2px solid #404040;
	margin-bottom: 0em;
}

.spip_logos {
	margin: 3px;
	border-width: 0px;
}


/* Chemin de position */

.mon_style_de_chemin {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	text-indent: 10pt;
	font-style: normal;
	
}
.mon_style_de_chemin a:visited {
    }
.mon_style_de_chemin a:hover {
    }
.mon_style_de_chemin a {
	text-decoration: none;
    }
.mon_style_de_chemin span {
    }
/* Ajout style dans l'article */

p.spip {
	margin-top: 12px;
	margin-bottom: 3px;
}

/* IMPRESSION */


#imprim {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Ajout de tableau HTML */

.image_centree {
	text-align: center;
}




/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de votre squelette                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #009900;}

ul.spip {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	list-style-image: url(images2006/puce_ronde.gif);
	list-style-position: outside;

}
li.spip {
	margin-top: 0.2em;
}
.spip_puce {
	list-style-position: inside;
}

/*ul.spip { list-style: disc; }
ol.spip { list-style: decimal; }
ul.spip li, ol.spip li { list-style: inherit; }
li.spip { margin: 0.3em 0 0.3em 0.8em; list-style-position: outside; }
*/
h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {	text-align: justify;
}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: "Bitstream Vera Serif", Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.1em; }
.spip_cadre { width: 99%; border: 1px solid; }

.spip_surligne { background: #FF6; }

/* Mini Calendrier */

table.minical {
	width: 85%;
	margin-bottom: 5px;
	border: 2px solid #FFF;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}
table.minical caption{
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
	
table.minical tr.row_first {
	text-align: center;
	background-color: #996666;
	text-transform: uppercase;
}
table.minical th, table.minical td {
	padding: 3px;
	text-align: center;
	border: 2px solid #FFF;
	vertical-align: middle;
}
table.minical th {
	background-color: #EFCEA5;
	color: #990066;
	text-decoration: none;
}


/* Tableaux */
table.spip {
	margin-bottom: 5px;
	border-collapse: collapse;
	margin-top: 7px;
	margin-right: auto;
	margin-left: auto;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
	
table.spip tr.row_first {
	text-align: center;
}
table.spip tr.row_odd { }
table.spip tr.row_even {  }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center {
	clear: none;
	width: 95%;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { clear: none; font-size: 0.8em; margin-left:auto; margin-right:auto;
}

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele {float:right; display:block; border:1px dotted gray; width:180px;}

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {
	color: #0000FF;
	text-decoration: underline;
} /* liens vers notes de bas de page */
/* liens internes */
a.spip_in {
	text-decoration: none;
}
a.spip_out  {
	text-decoration: none;
}/* liens sortants */
a.spip_url  {
	text-decoration: none;
}/* liens url sortants */
a.spip_glossaire {
	text-decoration: none;
}
a.spip_glossaire:hover{
	text-decoration: overline;
}
/* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */

/* EDITO */

table.edito {
	width:100%;
	border:0;
	cellspacing:0;
	cellpadding:5;
	font-size: 0.9em;	
}

table.edito td.edito_gauche {
	width:50%;
	padding-right: 5px;
	padding-left: 0px;
	vertical-align: top;
}

table.edito td.edito_droite {
	width:50%;
	padding-right: 0px;
	padding-left: 7px;
	vertical-align: top;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #229E22;
}

/* STYLES SUPPLEMENTAIRES ARTICLE */
.texteencadre-spip {
	color: #000033;
	border-bottom: 2px solid #B59463;
	border-left: 1px solid #B59463;
	border-right: 2px solid #B59463;
	border-top: 1px solid #B59463;
	margin: 1em 0;
	padding: 1em;
	/*position: relative;*/
	background-color: #EFCEA5;
}

.caractencadre-spip {
	color: #FF0000;
	font-weight: bold;
}

.caractencadre2-spip {
	color: #009;
	font-weight: bold;
}

acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

a[hreflang]:after {
content: "\0000a0[" attr(hreflang) "]";
color: #999;
background : transparent;
}

a.spip_blank {
	color: #F00;
}

/* Pour le mode preview dans l'admin */
#article_preview {
	display:none;
	border:1px solid #666;
	overflow: auto;
	background-color: #FFCCCC;
}

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

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	width: 99%;
}

.formulaire_spip p {
	padding: 0em;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
}

.formulaire_spip fieldset {
	display: block;
	padding: 1em;
	border: 1px solid #0E960E;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	}
	
.formulaire_spip legend {
	font-weight: bold;
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
	color: #009900;
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	border: 1px solid #0E960E;
	background-color: #FFFFFF;
}

.spip_bouton { text-align: right; }
.spip_bouton input {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 3px 0;
	padding: 1px 2px;
	border: 1px outset;
	font-weight: bolder;
	float: right;
	background-color: #C3C62A;
	color: #DD0702;
	letter-spacing: 0.2em;
}

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

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

/* 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 */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche {
	width: 80%;
	padding: 0px;
	margin-left: 17px;
}
.formulaire_recherche label { display: none; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* AFFICHAGE 2 COL */
.art_plan a{
	text-decoration: none;
	padding-left : 40px;
	padding-top: 3px;
	background-color: transparent;
	background-image: url(./images2006/flech-bl-2-haute.gif);
	background-repeat: no-repeat;
	background-position: 20px 3px;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 18px;
	width:auto;
}
.ma_colonne{
      float:left;
      width:42%;
      padding:3%;
}

.bloc_retour_haut {
	clear:both;
}
.clear { clear: both; }

/* BARRES DE POP */

.graph {
	position: relative; /* IE is dumb */
	width: 200px;
	border: 1px solid #B1D632;
	padding: 2px;

}
.graph .bar {
       display: block;
       position: relative;
       background: #B1D632;
       text-align: center;
       color: #333;
       height: 2.3em;
       line-height: 2em;            
   }
.graph .bar span { position: absolute; left: 2em; }

/* IMAGES ENTETE */
.logo1 {
	position:relative;
	left: 6px;
	top: -22px;

}

.logo2 {
  position:relative;
	left: 75px;
	top: -45px;
}

.logo3 {
  position:relative;
	left: 219px;
	top: -3px;
	}
/* MENU DEFILANT */

.def {
	border-top:1px solid #0E960E;
	border-bottom:5px solid #0E960E;
	background-color: #0E960E;
	width: 962px;
	margin-left: 5px;
	color: #FFFFFF;
}