/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */
/* ----------------------------------------------
	Adaptation pour snj.fr : Laetitia
 ------------------------------------------------ */
 
		/********************************************
					 Specificites SPIP
		********************************************/ 

h3.spip {text-align:left;}


#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }
.texte { line-height: 1.60em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/*********************** PORTFOLIO **********************/

.documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px; border: 1px solid #DDD; }
.documents_portfolio a:hover .spip_logos { border-color: #F57900; }
.documents_portfolio a.on .spip_logos { border-color: #8B6F92; }
#document_actif { margin: 1em auto; }
#document_actif img { padding: 4px; border: 1px solid #DDD; }


/*********************** PAGINATION **********************/

.pagination { clear: both; text-align: right; font-size: 0.95em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

.formulaire_recherche { margin-bottom: 2em;} /*Cf.: spip_formulaires.css*/

.menu-liste, .liste-items  {list-style:none;}

.liste-items {border-bottom: 1px solid #E5E5E5;}
.liste-items .item {padding:4px;clear:both;overflow:hidden;border-top: 1px solid #E5E5E5;}
.liste-items .item a {}
.liste-items + .pagination {margin-top:0;padding-top:0;}


.menu-liste {
	text-align: left;
	margin: 7px 0 8px;
	padding: 0;
	text-decoration: none;
	border-top: 1px solid #E5E5E5;
}
.menu-liste .menu-entree {
	list-style: none;
	border-bottom: 1px solid #E5E5E5;
	padding: 4px 0;
	padding-left:5px;
	margin: 0 1px;
}
* html body .menu-liste .menu-entree {
	height: 1%;
}
.menu-liste .menu-entree a {
	text-decoration: none;
	color: #326ea1;
}
.menu-liste .menu-entree a:hover {
	text-decoration: none;
	color: #383d44;
}
.menu-liste .menu-liste { margin-left: 5px; padding: 0; }
.menu-liste .menu-liste .menu-entree  {  }

/*********************** HABILLAGE DES FORUMS **********************/

.repondre { clear: both; margin-top: 0em; margin-right: 1em; text-align: right; font-weight: bold; }

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


/* comments list */
ul.forum,ul.forum ul {
	margin: 12px 10px;
	padding: 0;
	border-style: solid;	
	border-color: #F0F0F0;	
	border-width: 1px 1px 0 1px;
}
ul.forum ul.spip {border:0;}

ul.forum ul { margin:0; }
.forum li {
	margin: 0;
	padding: 10px;
	list-style: none;
	border-bottom: 1px solid #F0F0F0; 
}
.forum ul.spip li {border:0;padding:0;}
.forum li cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 7px;	
}
.forum li cite img {
	float: left;
	margin-right: 10px;	
}
.forum li cite .forum-chapo {
	font-size: .8em;
	font-weight: normal;
}
.forum li .forum-texte {
	clear: both;
	margin: 0; padding: 0;
}
.forum li.alt {
	background: #f8f8f8 
}

/*********************** TABLES **********************/

tables.spip tr,tables.spip tr.row_odd,tables.spip tr.row_even {background:transparent;}


		/********************************************
		   AUTHOR:  			Laetitia 
		   WEBSITE:   			http://www.snj.fr/
   			VERSION:         	 2.0	
			DATE:          		janvier 2011          	
		 *******************************************/
 
		/********************************************
  						 HTML ELEMENTS
		********************************************/ 

/*********************** TOP ELEMENTS **********************/

* { margin: 0; padding: 0;}

body {
	background: #fff;
	font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;
	color: #666666; 
	text-align: center;
	margin: 0 0 15px 0;	
}

/*********************** LINKS **********************/

a:link {
	color: #006300;
}

a, a:visited, a.spip_in:visited {	
	color: #006300; 
	/*background: inherit;*/
	text-decoration: none;	
}
/*a:visited{
	color: #de0008;
}*/	

a.spip_in,a.spip_out,a.spip_glossaire,a.spip_url {	
	color: #006300; 
	/*background: inherit;*/
	text-decoration: none;	
	border-bottom: 1px solid #006300;
}

a:hover, a.spip_in:hover, a.spip_in:active {
	color: #de0008;
	/*background: inherit;*/
	padding-bottom: 0;
	border-bottom: 1px solid #006300; 
	/*border-bottom: 2px solid #dbd5c5; pour enlever le soulignement sur les liens (bouton)*/ 
}
/*a.spip_out {color: #B1E100;}*/

/*********************** HEADERS **********************/

h1,.h1, h2,.h2, h3,.h3, h3.spip {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: Bold; 	
	line-height:100%;
}
h1,.h1 {
	font-size: 150%;	
	font-weight: normal;
}
h2,.h2 {
	font-size: 120%;
	text-transform: uppercase;
	color: #006300;	
}
h3,.h3, h3.spip {
	font-size: 120%;	
	color: #006300;	
	line-height:100%;}

h1,.h1, h2,.h2, h3,.h3, p {
	padding: 10px 0;		
	margin: 0;
}
ul.spip, ol.spip, ul.forum ul.spip {
	margin: 5px 20px;
	padding: 0 10px;
}
h6 a.spip_in:visited, h6 a.spip_in,h6 a.spip_out,h6 a.spip_glossaire, h6 a.spip_url, h6 a:hover, h6 a.spip_in:hover, h6 a.spip_in:active{
	border-bottom:none;
}



/*********************** IMAGES **********************/

.spip_documents img,.spip_logos img {
	background: #FAFAFA;
	border: 1px solid #DCDCDC;
	padding: 5px;
}
.spip_documents_right {
  margin: 5px 10px 10px;
  margin-left: 10px;
}
.spip_documents_left {
  margin: 5px 0px 10px;
  margin-right: 20px;
}

.spip_code {font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;}
.spip_cadre {
	margin: 5px 0;
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;  
	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
	/* white-space: pre; */
	background: #F5F5F5;
	border-left: 3px solid #D4D4D4;
	width:90%;
}
acronym,abbr {
  cursor: help;
  border-bottom: 1px dashed #777;
}
blockquote.spip {
	font: bold 1.4em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	margin: 10px 0;
	padding: 0;
	padding-left:35px;
	background: #F5F5F5;
	border-left: 3px solid #D4D4D4;
	color: #444;
}

/*********************** TABLE **********************/

table.spip {
	border-collapse: collapse;
	margin: 10px 0;
}
table.spip th {
	border:none;
	background: #e7e6e6 url(img/button.jpg) repeat-x;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;	
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;
}
table.spip tr {
	height: 30px;
}
table.spip td {
	border:none;
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
table.spip td.first,table.spip th.first {
	border-left: 0px;
}
table.spip tr.row_even {
	background: #F8F8F8;
}
table.spip tr.row_odd {
	background: #EFEFEF;		
}
table.spip p {
	font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;		
}
/*Réglage pour les tables dans l'interface spip*/

table th, table .th , table caption, table .caption {
	text-align: center;
	padding-left: 11px;
	padding-right: 11px;
	color: #ffffff;
	background: #006300;
	font: bold 14px/1.75em Verdana, Tahoma, arial, sans-serif;
}
table td, table .td {
	font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;
	color: #000000;
}



/*********************** FORM ELEMENTS **********************/

/* pour entre autre le formulaire recherche */
.formulaire_spip {
	clear:right;	/* rajout pour mise en page firefox */
	margin:10px 0; padding: 10px;
	background: #F5F5F5;
}
.formulaire_spip fieldset legend {background: #F5F5F5;}

.formulaire_spip label {
	display:block;
	font-weight:bold;
	margin:0px 0;
	font-size: 10px; /* taille texte Recherche sur le site */
}
.formulaire_spip input.text,.formulaire_spip input.password {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	width:75%;/* largeur de la cellule de saisi pour rechercher*/
}
.formulaire_spip textarea {
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
#contenu .formulaire_spip textarea {width:400px;}

.formulaire_spip .boutons{text-align:left;}
.formulaire_spip .boutons input { 
	font: bold 12px Arial, Sans-serif; 
	height: 14px;
	margin: 0;
	padding: 2px 3px; 
	color: #333;
	background: #e7e6e6 url(img/button.jpg) repeat-x;
	border: 1px solid #dadada;
}

/* search form, à modifier formulaire_recherche pour le repositionner*/
.formulaire_recherche {
	background-color: transparent;
	border: none;	
	margin: 0 0 0 740px; /* changement de dimension du cadre général pour firefox*/
	padding: 20px 0 0 0;
	padding-left:40px; /*ajout pour décaler le formulaire recherche*/
}

#formulaire_recherche {
	background-color: transparent;
	border: none;	
	margin: -22px 0 0 740px; /* changement de dimension du cadre général pour ie*/
}

.formulaire_recherche p { margin: 0; padding: 0; }
.formulaire_recherche input.text {
	width: 150px;/*dimension du cadre de recherche*/
	color: #777; 
	height: 18px;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	vertical-align: top;
	background-image:none;
}

#navigation	.formulaire_recherche input.text {width: 100px;}

#formulaire_recherche input.submit {
	height: 5px;
	vertical-align: top;
	/*padding enlevé pour que le bouton soit aligné dans ie*/
}

#navigation	.formulaire_recherche input.submit {width: 60px;}

 /* changement de mise en forme*/
#spip_form_ok {
	background: #fff; 
	width: 40px;
}
#spip_forms form_1 .spip_form_ok {
	font-weight: bold;
	background:#fff;
	color:black;
	margin: 1em 0 0 0;
	padding: .6em;
}
#spip_forms .spip_form_ok a {
	color:#006300;
}
#spip_forms .spip_forms .spip_form_ok a:hover {
	color:#de0008;
}
#spip_forms .spip_forms .spip_form_ok_confirmation{
	display:block;
}



			/****************************************************
							   MISE EN PAGE
			*****************************************************/ 

#page {
	position: relative;
	width: 1050px;	 /* changement de dimension du cadre général*/
	margin: 0 auto;
	text-align: left;
	background: #fff url(img/content.jpg) repeat-y center top; /*changement de dimension du cadre général par le format de l'image*/
	/*border : 1px solid #000000; rajout pour programmer*/
}

/*********************** BLOC HAUT **********************/
#bloc-haut {
	position: relative;
	background: #fff url(img/header-bg.jpg) repeat-y center top;/* changement de dimension du cadre général par le format de l'image*/
	height: 182px;
	width:1050px;  /* changement de dimension du cadre général*/	
	padding: 0;	
	padding-top:0px;
	color: #fff;	
	/*border : 1px solid #000000; rajout pour programmer*/
}
/* Bandeau supérieur */
#bandeau {
	position: relative;
	width:980px;  /* changement de dimension du cadre général*/
	left:35px; /*rajout pour que ça soit la même mise en page entre firefox et ie*/
	height: 150px;	
	top: -20px;
	background: #3f713f url(img/header-photo.gif) no-repeat 553px 23px;/*deux dernier chiffres : position de la photo (horizontale et verticale)*/
	/*border-bottom: 3px solid #fff;
	border : 1px solid #000000; rajout pour programmer*/
}
/* En tête */
#entete {
	float: left;
	width: 735px;
	height: 140px;	
	margin-top: 0px;	
	margin-left:0px;
}
#entete #entete-links {
	position: absolute;
	top: 8px; right: 45px;	
	color: #838181;
	font-size: 10px;	
	font-weight: bold;
}
#entete #entete-links p {padding: 0;	margin: 0;}
#entete #entete-links a {	
	color: #838181;
	text-decoration: none;	
}
#entete #entete-links a:hover {color: #444;}
#entete #nom_site_spip {/* partie contenant le nom du site */
	position: absolute;
	width: 280px;
	margin: 0; padding: 0;
	letter-spacing: 1px;
	color: #fff;
	text-transform: none;
	text-align: right;
	text-decoration: none;
	border: none;
	/* changer le format de police et la position du nom du site pour l'ajuster au logo*/
	font: bold 30px 'Trebuchet MS', Arial, Sans-serif;
	top: 27px; left: 215px;	
}
#entete #nom_site_spip a {color: #fff;}
#entete #slogan_site_spip {/* partie contenant le slogan du site */
	position: absolute;
	margin: 0; padding: 0;
	font: bold 14px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #B6D1F8;		
	top: 112px; left: 35px;	/* change the values of top and left to adjust the position of the slogan*/	
}
#entete .accueil img.spip_logos {/* partie contenant le logo du site */ 	
	position: absolute;
	top: 30px; left: 15px;	/* change the values of top and left to adjust the position of the logo*/
}
#entete .formulaire_menu_lang { position: absolute; right: 10px; top: 0px; display: block; margin:0;width: 235px;padding:0;background:none;border:0; } /*Cf.: spip_formulaires.css*/
#entete .formulaire_menu_lang label {color:#fff;}/*pour modifier la couleur du label recherche cf.: spip_formulaires.css, ligne 26*/

#descriptif_site_spip {
	font: italic 14px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #333333;
	position: absolute;
	margin: 0; padding: 0;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	text-align: right;
	border: none;
	top: 97px; left: 235px;	/* changer le format de police et la position du nom du site pour l'ajuster au logo*/
}

#entete #descriptif_site_spip a {color: #fff;}
#entete #descriptif_site_spip .a {color: #fff;}
#entete .descriptif_site_spip a {color: #fff;}

/* Connexion à l'espace privé */
#connexion{
	float: right;
	width: 210px;
	height: 50px;	
	margin-top:25px;
	text-align: center;
}
#connexion p {
	font: bold 10px Arial, Sans-serif; 
	color: #000;
	margin-top:5px;
}
.connexion p {
	font: bold 10px Arial, Sans-serif; 
	color: #000;
	margin-top:5px;
}

#lien_adhesion p {
	font: bold 10px Arial, Sans-serif; 
	color: #de0008;
	padding:0;
	margin:0;
	margin-top:5px;
	text-align:center;
	font-style:italic;
	text-decoration:underline;

}
.lien_adhesion p {
	font: bold 10px Arial, Sans-serif; 
	color: #de0008;
	padding:0;
	margin:0;
	margin-top:5px;
	text-align:center;
	font-style:italic;
	text-decoration:underline;
}
#lien_adhesion a {
	color:white;
	padding:0;
}
.lien_adhesion a {
	color:white;
	padding:0;
}
#lien_adhesion a:hover, #lien_adhesion a:active {
	text-decoration:none;
	color:#de0008;
	font-weight:bold;
	border-bottom:none;
}
.lien_adhesion a:hover, .lien_adhesion a:active {
	text-decoration:none;
	color:#de0008;
	font-weight:bold;
	border-bottom:none;
}
.bouton_connexion a{
	font: bold 12px Arial, Sans-serif; 
	color:white;
	padding: 7px 31px 9px 12px;	
	text-align: center;
	background: url(img/button_rouge.png) no-repeat;
}
#bouton_connexion a {
	font: bold 12px Arial, Sans-serif; 
	color:white;
	padding: 7px 31px 9px 12px;	
	text-align: center;
	background: url(img/button_rouge.png) no-repeat;
}
#bouton_connexion a:visited, #bouton_connexion a:hover, #bouton_connexion a:active {
	background: transparent url(img/button_rouge.png) no-repeat;
	text-decoration:none;
	border-bottom:none;
}

#bouton_connexion a:hover {
	color:#006300;
}
.bouton_connexion p{
	color:white;
	font-weight:bold;
	font-size: 10px;
}
#bouton_connexion p{
	color:white;
	font-weight:bold;
	font-size: 10px;
}

/*#connexion a {
	font: bold 12px Arial, Sans-serif; 
	color:white;
	padding: 7px 31px 9px 12px;	
	text-align: center;
	background: url(img/button_vert.png) no-repeat;
}
#connexion a :visited, #connexion a:hover, #connexion a:active {
	background: transparent url(img/button_rouge.png) no-repeat;
	text-decoration:none;
}


/* Navigation */

#nav { /*dans le cas du menu babbibel*/
	clear: both;	
	padding: 0;		
	/*border : 1px solid #000000; rajout pour programmer	*/
	position: absolute;
    left: 40px;
    top: 135px;
}
		
/*********************** BLOC CENTRAL **********************/

#bloc-central {
	position: relative;
	left:34px; /*rajout pour que ça soit la même mise en page entre firefox et ie*/
	float:left;
	display: inline;
	padding: 0; 	
	border-top: 5px solid #fff;
	background: #fff;
	width: 980px;  /* changement de dimension du cadre général*/
	/*border : 1px solid #000000; rajout pour programmer*/
}

#defile{
	display: inline;
	color:#006300;
	font-weight:bold;
	font-size: 10px;	
}
#defile a,#defile a:link,#defile a:visited,#defile a.spip_in,#defile a.spip_out,#defile a.spip_glossaire,#defile a.spip_url {	
	color: #de0008; 
	/*background: inherit;*/
	text-decoration: none;	
	font-size: 12px;
	border-bottom:none;
}
#defile a:hover {
	color: #006300;
	font-size: 12px;
	border-bottom:none;
}


/* Centre de la page, contenu */

/*#conteneur { position:relative; left: 260px; width: 70%;}
#contenu { margin: 10px 260px 0 260px; width:460px;	border : 1px solid #000000; /*rajout pour programmer}*/

#conteneur { float: left; width: 100%;}
#contenu { margin: 10px 210px 0 220px;}
#contenu-article { margin: 10px 10px 0 220px;}

#hierarchie{
	font: 12px 'Trebuchet MS', Arial, Sans-serif;
	color: #333333;
	padding-bottom: 5px; 
	letter-spacing: 1px;
	border: none;
}

#contenu .h1, #contenu h1, #contenu-article .h1, #contenu-article h1 {
	margin: 0px 5px 5px 0px;
	font: normal 1.8em 'Trebuchet MS', Tahoma, Sans-serif;
	color: black;
	padding: 15px 0 2px 0px; 		

}

#contenu-article .h2, #contenu-article h2 {
	margin: 0px 5px 5px 0px;
	font: normal 1.0em 'Trebuchet MS', Tahoma, Sans-serif;
	color: black;
	padding: 15px 0 2px 0px; 	
	font-style: italic;
}

#contenu .h4, #contenu h4, #contenu-article .h4, #contenu-article h4 {
	color: black;
	font-size: 12px;/*taille pour les menus communiqués*/
	}
	
#contenu-article .h5, #contenu-article h5 {
	font-style: italic;
	font-size: 12px;/*taille pour les menus communiqués*/
	margin: 0px 0px 20px 0px;	
	}

	
#contenu-article .h3, #contenu-article h3 {
	font-size: 16px;
	}
		
#contenu ul,#contenu .ul{
	margin-left : 10px;
}
#contenu li,#contenu .li {
	list-style-image: url("pucefleche-verte.png");
}
#contenu p,#contenu .p,#contenu surlignable, #contenu .surlignable, #contenu-article p,#contenu-article .p,#contenu-article surlignable, #contenu-article .surlignable {
	text-align: justify;
	color: black;
	}


/* Colonne de gauche */

/*#navigation a:visited{
	color: #de0008;
}*/
#navigation a:hover {
	color: #de0008;
}

/* réglages liste pour le menu de gauche */
	
#navigation {
/*	float: left;*/	
	/*display: inline;
	margin: 10px 700 0 0px;
	width: 240px;	
	margin-top: 10px;	
	margin-left:0px;  changement de dimension du cadre général
	font: 'Trebuchet MS', Arial, Sans-serif;*/
	/*border : 1px solid #000000; rajout pour programmer*/
	float: left;
	width: 190px;	
	/*margin-top: 10px;*/
	margin-left:-978px;
}	
#navigation .h2,
#navigation .formulaire_recherche label {
	margin: 10px 0 0;
	padding: 5px 5px; 
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
}	
#navigation .h3 {
	font: bold 10px 'Trebuchet MS', Tahoma, Sans-serif;
	color: #006300; 
	margin-left: 2px;		
}
#navigation ul,#navigation .ul{
	margin-left : 10px;
}
#navigation li,#navigation .li {
	list-style-image: url("pucefleche-verte.jpg");
}
/*#navigation a:visited{
	color: #de0008;
}*/
#navigation a:hover {
	color: #de0008;
}

#navigation .h2, #navigation h2 {
	color: #de0008;
}

#navigation .h6, #navigation h6 {
	color:#000000;
}

/* Colonne de gauche du sommaire*/

.cadre_sommaire {
	border : 1px solid #d6d6d6;
}

#cadre_sommaire h2, #cadre_sommaire .h2 {
	font-size: 1.10em;
	/*text-transform: uppercase;*/
	text-transform: none;
	font-variant:small-caps;
	color : #006300;
	padding: 8px 10px 5px 10px;
	margin: -3px;
	background: url(img/colonne-droite-h2.png) repeat-x top center;
	font-variant: caps;
	line-height:30px;
}
.cadre_sommaire h2, .cadre_sommaire .h2 {
	font-size: 1.10em;
	/*text-transform: uppercase;*/
	text-transform: none;
	font-variant:small-caps;
	color : #006300;
	padding: 8px 10px 5px 10px;
	margin: -3px;
	background: url(img/colonne-droite-h2.png) repeat-x top center;
	line-height:30px;
}


#cadre_sommaire p, #cadre_sommaire .p {
	font-size: 0.65em;
	color : black;
	padding: 5px 10px;
}
.cadre_sommaire p, .cadre_sommaire .p {
	font-size: 0.65em;
	color : black;
	padding: 5px 10px;
}

#enune {
	margin-top: 10px;	
}
#enune td, #enune .td {
	font: 16px/1em Verdana, Tahoma, arial, sans-serif;
	color: #000000;
}
.enune td, .enune .td {
	font: 16px/1em Verdana, Tahoma, arial, sans-serif;
	color: #000000;
}

/* Colonne de droite */

#colonne_droite {
/*	float: right;*/
	/*display: inline;
position : relative;
	margin: 10px 0 0 700px;
	width: 250px;
	margin-top: 10px;	
	margin-left:0px; changement de dimension du cadre général*/
	float: left;
	width: 190px;
	margin-top: 10px;	
	margin-left:-190px;
}
/* Propriétés qui s'appliquent au cadre en général, pour faire des cadres arrondis */

/* réglages pour les encadré de la colonne de droite */
.cadre_droite {
	border : 1px solid #d6d6d6;
}

#colonne_droite h1, #colonne_droite .h1, #colonne_droite h5, #colonne_droite .h5 {
	color:#de0008;
	text-align:center;
}

#colonne_droite h2, #colonne_droite .h2 {
	font-size: 1.10em;
	/*text-transform: uppercase;*/
	text-transform: none;
	font-variant:small-caps;
	color : #006300;
	padding: 8px 10px 5px 10px;
	margin: -3px;
	background: url(img/colonne-droite-h2.png) repeat-x top center;
}
.colonne_droite h2, .colonne_droite .h2 {
	font-size: 1.10em;
	/*text-transform: uppercase;*/
	text-transform: none;
	font-variant:small-caps;
	color : #006300;
	padding: 8px 10px 5px 10px;
	margin: -3px;
	background: url(img/colonne-droite-h2.png) repeat-x top center;
}

#colonne_droite h4, #colonne_droite .h4 {
	text-align:center;
}
	
#colonne_droite p, #colonne_droite .p {
	font-size: 0.65em;
	color : black;
	padding: 5px 10px;
}
#colonne_droite td, #colonne_droite .td {
	font: 16px/1em Verdana, Tahoma, arial, sans-serif;
	color: #000000;
}
.colonne_droite td, .colonne_droite .td {
	font: 16px/1em Verdana, Tahoma, arial, sans-serif;
	color: #000000;
}


#permanences {
	margin-top: 10px;	
	clear:both;
}
/*********************** BLOC BAS **********************/

#bloc-bas {
	clear: both;
	width: 1050px;/* changement de dimension du cadre général*/
	font-size: 95%;
	padding: 5px 0 10px 0;
	text-align: left;	
	background: url(img/footer-bottom.jpg) no-repeat center bottom;
	/*border : 1px solid #000000; rajout pour programmer*/
}
#bloc-bas a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#bloc-bas a:hover {
	color: #000;	
}
#bloc-bas p {
	padding: 10px 0;
}
#bloc-bas h2 {
	color: #666666;
	margin: 0;
	padding: 0 10px; 
}

/* footer */
#pied {
	clear: both;
	color: #666;	
	margin: 0 auto 15px 34px; 
	width: 980px;/* changement de dimension du cadre général*/
	padding: 5px 0;
	text-align: center;
	background: #F8F7F7;
	border-top: 1px solid #F2F2F2;	
	/*border : 1px solid #000000; rajout pour programmer*/
}


/* Listes d'articles et extraits introductifs */
.articles .liste-item .item { clear: both; padding: 0.40em 0.20em; }
.articles .liste-item .item .h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles .liste-item .item .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles .liste-item .item .introduction { margin-top: 0.30em; line-height: 1.40em; }

/* post */
.info-publi {
	font-size: .95em;	
	padding-top: 0;
}
.h3 + .info-publi {margin-top:-10px;}

.meta-publi {
	background: #F5F5F5;
	padding: 5px; margin: 20px 0 10px;
	font-size: 95%;	
	color: #666666;	
}
.meta-publi .date-redac{
	margin: 0 10px 0 5px;	
}
.meta-publi .nb-commentaires {
	margin: 0 10px 0 5px;	
}
.meta-publi .lire-la-suite {
	margin: 0 10px 0 5px;	
}

/*********************** MES RAJOUTS **********************/



ul#menulist li.smenu>a {
  font-style: italic;
}

ul#menulist .h4, ul#menulist h4 {
	font-style: italic;
	font-size:10px;
}


ul#menulist .a, ul#menulist a {
	color: #006300;
  	text-decoration: none;
	font-style:normal;
	font-size:12px;
}

ul#menulist .a:hover {
	color: #de0008;
}

ul#menulist .p, ul#menulist p {
	color: black;
}


/**************** DÉFINITION DE LA BARRE DE NAVIGATION DE HAUT SI PAS BABBIB *****************/

/*#nav {
clear: both;
margin:0; 
padding:0;
margin-left: 200px;
list-style-type:none;
list-style-position:outside;
position:absolute;/*pour que la valeur margin-left agisse
line-height:40px; 		/*Si vous modifier la  hauteur du menu pensez a modifier la position du sous-menu .nav ul{top:
width: 1040px;	/* changement de dimension du cadre général
display: inline;/*pour que les menus soient disposés sur une seule ligne
text-transform: uppercase; /*titres en majuscules
overflow:visible;/*pour que les éléments qui dépassent soient visibles
}

#nav .menu-liste {
	float: left;
	list-style: none;
	background: #E4E4E4 url(img/nav.jpg) repeat-x;
	width: 900px;/*modifie la dimension du menu, à 614 si pas menu babbibel		
	padding: 0;
	margin: 0;
	margin-left: 30px;
	height: 45px;
	display: inline;
	text-transform: uppercase;
	overflow:hidden;
}
#nav .menu-liste .menu-entree {
	display: inline;/*le bloc sera considéré comme étant un seule ligne
	margin: 0; padding: 0;
	float: left;
	width: auto;
}

#nav .menu-liste .menu-entree a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 15px;	
	border-right: 1px solid #dadada;
	border-left: 1px solid #fafafa;	
	border-bottom: none;
	color: #006300;
	font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav .menu-liste .menu-entree a:hover,
#nav .menu-liste .menu-entree a:active {
	color: #de0008;
}
#nav .menu-liste .menu-entree.on a {
	background: #DBDBDB url(img/nav-current.jpg) repeat-x;
	color: #de0008;
}
#nav .menu-entree .menu-liste{
	display:none;
}

#nav a.current{	
	background: #DBDBDB url(img/nav-current.jpg) repeat-x;		
}

#nav ul.menu-liste li.on, #nav span, #nav ul.menu-liste li:hover {
	background : #DBDBDB url(img/nav-current.jpg) repeat-x ;
	
}
/*réglage pour la sélection du menu en haut
#nav .menu-liste .menu-entree span {
	background : #DBDBDB url(img/nav-current.jpg) repeat-x ;
	color: #de0008;
	font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	padding: 14px 17px 9px 17px;	
	border : none;
	letter-spacing: 1px;
}*/


/* EVENTUELS STYLE COLONNE DE GAUCHE

/*ul#menulist li ul{ display:none; }

ul#menulist li:hover>ul{ display:block; }

ul#menulist {
/*  font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;*/
/*   font-size: 11px;
  color: #006300;
  position: static;
/*  left: 10px;
  margin: 15px;*/
/*}

ul#menulist {
  list-style:none;
  margin:0;
  padding:0;
  width:13em;
/*  border: 1px solid;
   border-top-color: #BABABA;
   border-left-color: #BABABA;
   border-bottom-color: #67B289;
   border-right-color: #67B289;*/
/*  background-color: #ffffff;
}

ul#menulist ul, ul#menulist .ul{
/*  position:absolute;
  top:-1px;
  left:12.7em;*/
/*   margin:0;
  margin-left:10px;
  padding:0;
  width:13em;
/*  background-color: #ffffff;
}

ul#menulist li, ul#menulist .li{
/*   position:relative;
  margin:0px;
  padding:0px;
  display:block;*/
/*  list-style-image: url("puce.gif");
}

ul#menulist a{
  display:block;
  width:100%;
  text-decoration: none;
  text-indent: 1em;
  width: 12.7em;
  padding: 5px 0;
}

ul#menulist li:hover, ul#menulist li a:hover {
  color: #de0008;
  background-color: #ffffff;
}
*/