/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* Modifié pour jp */
/* --------------------------------------------------------- */

/***********
 * Général *
 ***********/
div.contenu {
	text-align: center;
	float: right;
}

#contenu {
  width: 100%;
  text-align:justify;
}

.conteneur, #conteneur {
	width:100%;
	font-size: 1em;
}

body {
	background-color:#EEECF3;
}

#page {
	background-color:#fff;
	border: 1px solid #A18ACB;
	margin-bottom:3em;
	margin-top:3em;
}

#hierarchie {
  background-image:url(img/jp/spip.png);
  background-color: #a18abc;
  height:1.8em;
  padding-bottom:1em;
  padding-top:1.1em;
  color: #fff;
  margin-bottom: 2.5em;
}

 #hierarchie a {
  color: #fff;
  margin: 0em;
}

/* Liens */
.article a {
  color: #000;
  text-decoration:underline;
}

.article a:hover {
  color: #000;
  text-decoration:underline;
}

/* Bandeau de publicitée */
#pub {
  left: 60em;
  position: absolute;
  text-align: center;
  top: 0;
}

.pubInfo {
  border:0;
  text-align: center;
  margin-bottom:2.5em;
  margin-left:2.5em;
  margin-right:2.5em;
  width:16em;
}

/* Base des listes */
ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

/* Titres */
h2 {
	text-align: center;
}
 
/**********
 * Entête *
 **********/
#entete {
	height:222px;
	margin-top: 1.6em;
	padding-top: 0px;
	background-image: url(img/jp/head.png);
	border-bottom: none;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

#entete a.accueil {
	display: block;
	width: 100%;
}

#entete img.spip_logos {
	float:left;
	padding-left:0.4em;
}

#entete ul {
	position: absolute;
	left: 300px;
	top: 172px;
}

#entete li {
	float: left;
	padding-left: 0.5em;
	padding-top:0.2em;
	padding-right:0.2em;
	margin-right:0.5em;
	background-color: #ffd4e3;
}

/* Liens du site */
#liens {
	width: 100%;
	text-align: center;
	float: left;
	background-color: #a18acb;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	border-top:1px solid;
}

#liens a.lien_site {
	color: #fff;
}

#liens ul {
	padding-left: 2em;
}

#liens li {
	float: left;
	padding-right:2em;
}

/********
 * Menu *
 ********/
.choixLangue {
	float: left;
}
.choixLangueDroite {
	float: right;
}

.menu {
	width: 16em;
	float: left;
	border:1px solid #A18ABC;
	margin-left: 2.5em;
	margin-right: 2.5em;
	margin-bottom: 2.5em;
}

#menuLienInfo {
	text-align: center;
	margin-left: 2.5em;
	margin-right: 2.5em;
	margin-bottom: 2.5em;
	border: none;
}

.menu h2 {
	background-color: #a18abc;
	background-image: url(img/jp/menu_h2.png);
	height:25px;
}

.menu ul li {
	border:none;
	margin:0;
	padding:0;
}

#rub {
	margin-left:2em;
}

li.articleDepliant {
	padding-left: 2em;
	list-style-image: url(img/icones/document.png);
}

li.sousRubrique {
	padding-left: 2em;
	list-style-image: url(img/icones/folder.png);
}

/* Sous rubriques */
.rubriques ul li {
	border:0 none;
	background-color: #ffd4e3;
}

/* Gestion des langues de la page home */
li.choixLangues {
	float: left;
}

ul.langue {
	background-color: #ffd4e3;
}

/* Articles dans les rubriques */
div.articles {
  width: 34.1em;
	margin-left:2.5em;
	margin-bottom: 0.5em;
	float: left;
	border: solid 1px #a18abc;
}

div.articles h2 {
	background-color: #a18abc;
	background-image: url(img/jp/menu_h2.png);
	height:25px;
}

div.articles ul li {
  clear:both;
  padding: 0;
  padding-top:0.2em;
  padding-bottom:0.2em;
}

div.articles h3 {
  padding: 0;
}

div.articles li {
  width: 100%;
  background-color: #ffd4e3;
}

/************
 * Articles *
 *************/
.article {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

div.cartouche {
  width: 100%;
	margin-left:0.5em;
	margin-bottom: 0.5em;
	float: left;
}

div.surlignable {
  width: 36.1em;
	margin-left:0.5em;
	margin-bottom: 0.5em;
	float: left;
}

.spip_logos {
  float: left;
  margin-right:0.5em;
  padding-left: 0;
}

.form_recherche{
  background-color: #ffd4e3;
}

.form_recherche input.text {
  background: #fff url(rechercher.gif) no-repeat scroll left center;
  width: 12em;
}

#navigation {
  float:right;
  overflow:hidden;
  width:21em;
}

#extra {
  float:right;
  overflow:hidden;
  width:21em;
}

#extra ul {
  background-color: #ffd4e3;
}

#documents_portfolio h2 {
  background-image: url(img/jp/menu_h2.png);
}

/***********
 * Somaire *
 ***********/
/* Calendrier */
div.calendrier {
	width: 34.1em;
	margin-right:2.5em;
	margin-bottom: 0.5em;
	margin-top:2.5em;
	float: right;
	border: solid 1px #a18abc;
}

.calendrier h2 {
	background-color: #a18abc;
	background-image: url(img/jp/menu_h2.png);
	height:25px;
}

.calendrier h3 {
  width: 100%;
  background-color: #a18abc;
  color: #fff;
}

ul.evenement {
  width: 100%;
  background-color: #ffd4e3;
}

ul.ref {
  width: 10em;
  float: left;
}

.descriptif {
  float:right;
  padding-left:0.2em;
  text-align:left;
  width:22em;
}

.calendrier table {
	width: 100%;
	border-collapse:collapse;
}

.calendrier td, .calendrier th {
	border:1px solid #a18abc;
}

.calendrier th {
	text-align: center;
	background-color: #a18abc;
	color: #fff;
}

.calendrier td {
	text-align: left;
	background-color: #ffd4e3;
}

.nettoyeur {
	clear: both;
}

/* Sommaire */
.page_sommaire #page .conteneur #depliant {
  margin-top: 2.5em;
}