/* dans habillage.css, j'ai commenté la ligne 79 #extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; } */
.rubriques a {
	color:#11A0CF;
}


/*------------------------------------------------------------*
**  menu rss
**------------------------------------------------------------*/
div#menu-rss h2{
	font-weight:bold;
	line-height:2em;
	color:#555;
	margin-left:5px;
	
}

div#menu-rss ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

div#menu-rss ul  li{
	background:#fff;
	letter-spacing:0.1em;
	list-style-type:none;
	padding:0 0 0 8px;
	
	
}

/*------------------------------------------------------------*
**  Chapo avec image logo et onglets
**------------------------------------------------------------*/
div#bandeauSup {
	background: #EEE;
	width:100%;
	overflow:auto;
	border-bottom:1px solid #ccc;
	padding-top:10px;
}

#bandeauSup h1 {
	color: #333;   /*#79B30B;*/
	text-align:center;
	font-family:"comic sans ms",georgia;
	letter-spacing:2px;
	margin-top:15px;
	height:150px;
	margin-top:;
	
}

div#bandeauSup h1 p{
	font-size:0.9em;
	margin:0px;
}


#bandeauSup h2  {
	
	font-size:1.7em;
}

#bandeauSup h2 p {
	text-align:right;
	margin-right:120px;
	margin-bottom:51px;
	color:#0099CC;
	
}

/* le chapo est l'ensemble formé par les onglets et l'image logo */
#chapo {
	padding:0;
	margin: 0;
}

#chapo ul {
	margin: 0;
	padding: 0;	
	/* contenairLogo (contenant l'image logo) suivant la liste avec un clear, et la liste etant placé en float, il faut préciser les tailles pour ie6 */
	height: 27px;
	width:1000px; /* largeur de l'image logo */
	background-color: #EEE;
	list-style-type: none;
}

#chapo li { 
	margin: 0;
	padding: 0;	
	}
	
#chapo li { 
	margin-right:5px;
	background: url(images/nav.gif) no-repeat;
	width: 90px;
	height: 27px;
	float: left;
	text-align: center;
}
	
#chapo li a { 
	display: block; 
	width: 100%;
	color: #fff;
	margin: 0;
	padding: 0;	
	padding-top: 7px;
}	
	
#chapo li a.on, #chapo li a:hover {
	background-color: #333; 
	color: #9c0; 
	height: 20px; 
}
#chapo img.spip_logos{ 
	margin:0;
	padding:0;
	border:0;
	
}

/* contenant pour le logo */
#contenairLogo{ 		/* a retirer en fonction de l'emplacement du chapo */
	background-color:#333;
	clear:left;
	margin: 0;
	padding: 0;	
	/* contenairLogo (contenant l'image logo) suivant la liste avec un clear, et la liste etant placé en float, il faut préciser les tailles pour ie6 */
	width:1000px; 				/* taille du site */
	height:181px;
	text-align:center;
}	

/*------------------------------------------------------------*
** Zone de liste et contenu des articles - inc-content
**------------------------------------------------------------*/
div#hierarchie {
	margin-top: 1em;
	margin-left:1em;
	/*le margin bottom de 2em est dans l'habillage*/
}

/*
div.hentry  id=content
	h2.content-titre 
	ul.hentry 
		li.hentry
			div.cartouche 
				p.surtitre 
				h3.entry-title
				p.soustitre
				abbr.published
			div.chapo
			div.entry-content
*/

/* div central = id content */
div.hentry { }

/* titre de la liste d'articles */
h2.content-titre {
	font-size:xx-large;
	padding-left:50px;
	margin-bottom:0.2em;
}

/* logo a coté du titre de la rubrique */
.content-titre img {
	margin:5px;
}

/* liste des articles */
ul.hentry {
	border-bottom:1px solid #DDDDDD;
	margin:10px;
	padding:0;
	list-style-type:none;
}
	
li.hentry {
	text-align:justify;
	border-top:3px double #bababa;
	border-bottom:3px solid #bababa;
	border-right:1px dashed #ccc;
	border-left:1px dashed #ccc;
	margin-top:4em;
}

/* pour chaque article listé */
/* la cartouche contient, logo, surtitre, titre, soustitre et date */
div.cartouche {
	/*position:relative;*/
	padding: 5px;
	padding-bottom:10px;
	background-color:#eee;
	border-bottom:1px solid #DDDDDD;
	margin:1em;
}

/* s'il y a un logo propre à l'article */
div.cartouche div.logo_cartouche_article {
	float:left;
	margin-right:3px;
	width:125px;
}

div.cartouche div.logo_cartouche_article  img.spip_logos{
	border:2px solid #000;
	margin:0;
	
}
.cartouche p {clear:none;}

p.surtitre, p.soustitre {
	font-size:x-small;
	text-align: center;
	font-family: arial, sans serif;
}
/* titre de l'article */
h3.entry-title {
	font-size:large;
	text-align: center;
	color:;
	margin:0.8em;
}
p.soustitre {
	color:#000;
}
abbr.published {
	cursor:default;
	font-size:x-small;
}
/* le chapo de l'article juste avant le texte */
div.chapo {
	text-align:justify;
	border-top:1px dotted #DDDDDD;
	border-bottom:1px dotted #DDDDDD;
	margin-right:20px;
	margin-left:20px;
}

/* uniquement le texte des articles */
div.entry-content {}

/* les listes insérées dans les articles */
ul.spip {}

h3.spip {
	text-align:left;
	font-size:large;
	border-bottom:5px solid #ddd;
	margin-left:1em;
	margin-right:5em;
}

p.info {
	font-family:arial;
	font-size:x-small;
	font-weight:bold;
	
}

/*------------------------------------------------------------*
** Formulaire de recherche 
**------------------------------------------------------------*/
.formulaire_recherche input.text {}

/*------------------------------------------------------------*
** Menu des rubriques 
**------------------------------------------------------------*/
/* rajout des bullets dans la liste des rubriques latérale */
.rubriques ul li {
	background:#EEEEEE url(images/bullet_grey_net.gif) no-repeat scroll 8px 12px;
	letter-spacing:0.1em;
	line-height:3em;
	list-style-type:none;
	padding:0 0 0 30px; /* pour la bullet */
}

.rubriques ul li.on {
border-right: 2px solid #333;
}

/*------------------------------------------------------------*
** Documents insérés cf. prive/modele/doc.html et habillage 
**------------------------------------------------------------*/
/*habillage.css (ligne 54)*/
dl.spip_documents {}	

dl.spip_documents_left {
	margin-bottom:15px;
	margin-left:5px;
}

dl.spip_documents_right {
	margin-bottom:15px;
	margin-right:5px;
}

dt.spip_doc_titre {}

dd.spip_doc_descriptif {
	background-color:#ededed;
}

/*------------------------------------------------------------*
** ps et hyperlien en bas de chaque article 
**------------------------------------------------------------*/
.hyperlien {
	background:#fff ;
	text-decoration:underline overline;
	font-family:arial;
}

.ps, .notes {
	margin-left:2em;
}

/*------------------------------------------------------------*
** la page Article
**------------------------------------------------------------*/
h2.contacterApropos {
	margin-left:2em;
	margin-right:5em;
	border-bottom:3px solid #000;
}

h2.contacterApropos img {
	margin-right:1em;
}

/*------------------------------------------------------------*
** colonne extra de droite 
**------------------------------------------------------------*/

/* dans habillage.css, j'ai commenté la ligne 79 #extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; } */

div#extra {margin-top : 2em;}

div#extra ul { 
	padding:0;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:8px;
	margin-left:0;
	padding-left:0;
}

div#extra ul li{
	background:url(images/bullet_go_16.png) no-repeat scroll 4px 4px;
	list-style-type:none;
	margin-left:0;
	padding:0 0 0 30px;
	letter-spacing:0.1em;
	line-height:2em;
	list-style-position:outside;
}

/*------------------------------------------------------------*
** squelette page contact 
**------------------------------------------------------------*/

div.contact div.formulaire_ecrire_auteur {
	margin:2em;
	margin-top:3.5em;
}

div.contact div.formulaire_ecrire_auteur legend {
	border-bottom:5px solid #DDDDDD;
	border-top:5px solid #DDDDDD;
	font-size:large;
	margin-left:1em;
	margin-right:5em;
	letter-spacing:5px;
	margin-bottom:15px;
}

/* div contenant le logo de la page contact */
div.logo_contact {
	text-align:center
}

div.logo_contact  img.spip_logos{
	margin-left:auto;
	margin-right:auto;
}


/*------------------------------------------------------------*
** squelette page plan 
**------------------------------------------------------------*/

.plan  div#content{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0; 		/* colonne de gauche */
	margin-right:0;		/* colonne de droite */
	padding-bottom:20px;
}

.plan div#content{
	width:auto; /*1000-375+*/
	/*  on doit mettre le width pour ie6 */
}







