@charset "utf-8";
/* Fichier de styles pour l'habillage du site de Priartem sous SPIP 
Laurent Bernat - Creative Commons http://creativecommons.org/licenses/by-nc/2.0/fr/ Paternité - Pas d'Utilisation Commerciale 2.0 France - 2006 */

/* Balises HTML ========================================================================= */

body {
	margin:0em;																				/* meme valeur que le right de barre-droite et left de barre-gauche*/
	padding: 0 0 0 0; 
	font-family:arial,helvetica,sans-serif;	
	border:3px solid #145FB2;
	/* background-color:#BFECFF; 
	background-color:#84A7CB;*/
	}

a {
	color:#004867;
}


a:visited {
	color:#551A8B;
}


a:hover {
	color:white;
	background-color:red;	
}

hr.spip {
	width:50%;
}

/* Structure =========================================================================  */
		
		
#page {
	background-color:#fff;
	padding-bottom:1em;
}		
		
#header {
	width:100%;
	height:135px;
	background-color:#4174AB; 
/*	border-bottom: 2px solid grey; */
	}
	
#logo-site {
	float:left;
	margin:0;
	padding:0;
}
	
#site-titre{
	position:absolute;
	top:5px;
	text-align:center;
	width:100%;
	font-family:helvetica;
	font-size:3em;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#e7008;
	}

#site-sous-titre {
	font-size:0.50em;
}

#header a , #header a:hover, #header a:visited {
	color:white;
}

#header a {
	text-decoration:none;
}

#barre-gauche {
	position:absolute; 
	width:220px;
	left:3px;															/* meme valeur que le margin de body  ou le border */
	padding:10px 0 150px 0; 
	/* margin-left:4px; */
	margin-right:0.5em;
	background:#4174AB url(images/barre-gauche-bas.png) no-repeat bottom;
}

#barre-gauche a, #barre-droite a {
/* cette option enleve les liens des menus */
	text-decoration:none;
	color:white;
}
	

#content { 
	margin:0px 220px 0 240px;
	/* 
	border: 3px dashed red;
	padding-top:10px;
	*/
	padding:10px 0 0 0 ;
}
	
#breadcrumb {
	padding-bottom:10px;
	font-weight:bold;
	font-size:smaller;
}	
	
#barre-droite {
	position:absolute;
	 right:0px;  										 /*meme valeur que le margin de body ou le border de body*/
	/* right:0.5em;  										 meme valeur que le margin de body */
	width:200px;
	padding:10px 0px 150px 0px;
	background:#84A7CB url("images/barre-droite-bas.jpg") no-repeat bottom ;
	/* background-color:#AEB9BB;
	border: 1px dashed blue; 	*/
	}
	
#pied-de-page {
	font-size:0.8em;
	text-align:center;
	margin-top:3em;
}

/* Formulaires search + newsletter =========================================================================  */
#header form {
	text-align:right;
	color:white;
	font-weight:bold;
	font-size:0.7em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	padding-top: 0px;
	margin-top: 0px;
}

#header input {
	padding-left:0.5em;
	border:1px solid black;
}

#header h6 {
	font-size:0.7em;
	text-align:right;
	margin:0.4em;
}

#header a {
	text-decoration:underline;
}

#header h5 {
	font-size:0.7em;
	text-align:right;
	margin:0.4em;

}

/* Menus =========================================================================  */


#barre-droite  {
	text-align:right;
	margin-right:3px;
	}

#barre-droite div.menu {
	/* background-color:#eee; */
	margin-bottom:1em;
	/* padding:0 1em 0.5em 0; */
	padding:0.3em 0 0.3em 0;
	
	}

#barre-gauche.menu, #barre-droite.menu{
	margin:5px 5px 0 5px;
}

#barre-gauche div.titre {
	font-weight:bold;
	font-size:1.24em;
	padding-left:4px;
	/* color:white; */
}

#barre-droite div.titre {
	font-weight:bold;
	font-size:1.07em;
	text-align:right;
	border-right: 4px solid #FFC8BF;
	padding:0.3em 0.6em 0.3em 0;
	/*background-color:#FFC8BF;
	 color:white; */
}

#barre-gauche ul.menu  {
   list-style: none;
	padding-top:0;
	margin-top:0;
   margin-left: 1em;
   padding-left: 1em;
   text-indent: 0;
	font-size:0.95em;
}

#barre-gauche ul.menu {
   /* ajouter li:before  */
	 /* content: "\00BB \0020";*/
	 list-style-image:url(images/carre-blanc.gif) ;
	 list-style-position:outside;
}

#barre-droite ul.menu , #barre-droite  ul.sousmenu {
  list-style: none;
	margin:0 0 0.2em 1em;
  padding:0 0.6em 0 1em;
  text-indent: -1em;
	font-size:0.9em;
	line-height:1em;
}

#barre-droite ul.sousmenu {
	padding-bottom:0.8em;
}

.soustitre {
	font-weight:bold;
	margin:0em 0.6em 0.5em 0;
	color:#777;
	}

#barre-droite li {
		margin-bottom:0.45em;
	}

#barre-droite li strong {
	font-weight:bold;
}

#inverse {
		background-color:red;
		color:white;
}
#on {
		background-color:red;
		color:white;
}


#barre-droite .form-region {
		margin-right:1em;
}

/* Accueil  ========================================================================= */

#actualite-nationale, #actualite-regionale, #mots-cles, #par-region, #par-theme {
	text-align:right;
	font-size:1.1em;
	background-color:#4174AD;
	color: #FFFFFF;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 0;
}

#actualite-nationale a , #actualite-nationale a:hover {
	color:#fff;
}
#actualite-nationale a:visited {
	color:#fff;
}
#actualite-regionale a , #actualite-regionale a:hover {
	color:#fff;
}
#actualite-regionale a:visited {
	color:#fff;
}

#par-region {
	margin-top:0;
}

.anciens {
	margin:0em 0 1.6em 0;
	text-align:left;
	font-size:0.8em; 
	font-weight:bold;
}

#baseline {
	color:#fff;							/* encre bleue foncée */
	margin:0 0.5em 0.5em 0.5em; 
	padding:0.5em;
	font-size:1.2em;
	text-align:center;
	font-weight:bold;
	border:1px solid black;
	background-color:#4174AB;   /* fond bleu clair */
}
	
/* Sommaires ========================================================================= */

#ancres {
	font-size:1em;
	font-weight:bold;
	text-align:center;
	margin:0.5em 0 0.5em 0;
}

#content div.titre {
	font-size:1em;
	font-weight:bold;
}	

#content div.titre a {
	color:#006B93;
}

#content div.titre a:hover {
	color:#fff;
}


#content span.tagregion {
	font-size:0.7em;
}	

#content span.tagregion a {
	color:#006B93;
}

#content span.tagregion a:hover {
	color:#fff;
}
 


#content h2 {
	font-size:1.2em;
	color: #FFFFFF;
	background-color:#4174AD;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 5px;
}	

#content h2 a , #content h2 a:hover {
	color:#fff;
}
#content h2 a:visited{
	color:#fff;
}

.meta-article {
	font-size:0.7em;
	padding-bottom:5px;
}

.surtitre {
	font-size:0.8em;
	
}

.auteur, .categories {

}	

.chapeau {
	font-size:0.8em;
	padding-bottom:5px;
}

div.chapo-rub-principale {
	font-weight:bold;
	text-align:center;
	padding-bottom:1em;
}

div.jump, div.jump-article {
	padding-bottom:1em;
	/* padding:1em 0px 0.3em 0em;
	text-align:center;
	font-size:1.3em; */
}

div.jump-rubrique, div.jump2 {
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
}

a.lire-plus {
	font-weight:bold;
	font-size:0.8em;
}	

div.commentaire {
	font-size:0.8em;	
	margin:-1.3em 0 1em 0;
	text-align:right;
}

.image-carte-sommaire {
	float:right;
	border:1px grey solid;
	padding:8px;
	margin:5px;
	font-size:0.7em;
	font-weight:bold;
	text-align:center;
}

#nuage {
	text-align:center;
}


/* sommaire paves */

.pave {
	padding:0 1em 1em 0;
	}

.pave h1 {
	font-size:0.8em;
	font-weight:normal;
	margin:0.2em 0 0.2em 0;
	margin:0;
	text-align:right;
	background-color:#FFFFCC;
	font-weight:bold;
}

.pave h1 a {
	text-decoration:none;
	color:#006B93;
}

.pave h2 {
	margin:0;
	font-size:0.8em;
	font-weight:normal;
	padding:0.4em 0 0.7em 0;
}

.pave h3 {
	margin:0;
	font-size:1em;
	font-weight:bold;
	padding:0.4em 0 0 0;	
}

.pave .article {
	padding:0 0 0.5em 0;
}

.article .resume  {
  font-size:0.8em;
	padding:0 0 0.3em 0;
}

.pave .plus {
	font-size:0.8em;
	padding-top:0.4em;
}

/* Sommaire */ 

/* Nuage */

.nuage {
	margin: 0em 0 2em 0;
	padding: 0.5em 0 0 0;
}

.nuage h1 {
	font-size:1em;
	font-weight:normal;
	margin:0.2em 0 1em 0;
	text-align:right;
	background-color:#FFFFCC;
	font-weight:bold;
}

/* Article ========================================================================= */

.article .chapeau {
	font-weight:bold;
}

.article .titre-article {
	font-size:1.4em;
	color:#006B93;
}

/*.texte IMG {
	margin:0.5em;
}*/

.droite {
	float:right;
}

.gauche {
	float:left;
}

.contour {
	padding:5px 5px 5px 5px;
	border:1px solid #dcdcdc;	
	margin:2px;
}

.texte {
	font-size:0.8em;
	margin-bottom:2em;
}

.titre1 {
	font-size:1.1em;
	font-weight:bold;
	color:#006B93;
}
h3.spip {
	font-size:1.1em;
	font-weight:bold;
	color:#006B93;
	text-align: left;
}

.spip_logos {
	float:right;
	padding:5px;
	border:1px solid #dcdcdc;
	margin: 2px;
}

.spip_documents_left {
	float: left;
	padding: 5px;
	border: 1px solid #dcdcdc;
	margin-right: 10px;
}
.spip_documents_right {
	float: right;
	padding: 5px 5px 5px 5px;
	border: 1px solid #dcdcdc;	
	margin-left: 10px;
}
.spip_documents_center img {
	clear: both;
	margin: auto;
	padding:5px 5px 5px 5px;
	border:1px solid #dcdcdc;	
}
span.spip_documents_center {
	display: block;
	margin-top:1em;
	margin-bottom: 1em;
}

/* zone commentaires d'article ========================================================================= */

div#zoneCommentaires {
	border-top:1px red solid;
	padding-top:2em;
}

div#trackbacks, div#commentaires{
	margin-bottom:1em;
}

#trackbacks div.titrezone, #commentaires div.titrezone {
	font-weight:bold;
	font-size:1em;
	margin-bottom:1em;
}

div.pair, div.impair {
	margin-left:2em;
	margin-bottom:0.5em;
	font-size:0.9em;
}

div.pair {
	background-color:#eee;
}

div#commentaires .titre {
	font-weight:normal;
}

div.auteur-co {
	font-size:0.7em;
}


div.texte-co {
	margin-bottom:1em;
}

/* formulaire de commentaire ========================================================================= */

div#formulaireCommentaire {
	border:1px solid grey;	
	padding-left:2em;
	margin-top:2em;
}

div#formulaireCommentaire .titre {
	font-weight:bold;
	padding-bottom:1em;
	margin-left:-2em;
}

div#formulaireCommentaire label, div#formulaireCommentaire .label {
	font-size:0.8em;
	color:blue;
	display:block;
}

div#formulaireCommentaire textarea {
	margin-bottom:1em;
	border:1px black solid;
	background-color:#e5e5e5;
}

div#formulaireCommentaire input {
	margin-bottom:1em;
	border:1px black solid;
	background-color:#e5e5e5;
}