/* Généralités */

* {
	padding:0;
	margin:0;
	border:0;
}
a {
	text-decoration:none;
	color:#CD8850;
}
a:hover {
	color:#BF6C28;	
}
ul {
	list-style:none;
}
.spacer {
	clear: both;
}

/* Blocs principaux */

body {
	background-color: #202022;
	font-family: ms sans serif, Arial, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	color: #CDAA8D;	
	font-size: 14px;
	text-align: center; /* pour corriger le bug de centrage IE */
}
#page {
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	width: 795px;
	text-align: left; /* pour rétablir l'alignement par défaut */
}
#banniere {
	height: 57px; /* 54px marche pas sur IE donc pas de margin-top=3 pour menu et 57px ici */
	background-image: url("images/fond_bandeau.gif");
	background-repeat: repeat-x;
}
#partieprincipale {
	background-image: url("images/fond_milieu.gif");
	background-position: right bottom;
	background-repeat: repeat-y;
}
#contenu {
	position: relative;
	min-height: 455px;
	width:500px;
	padding:15px;
}
#pied {
	margin-bottom: 8px;
	background-color: #942918;
	height: 20px;
}

/*  banière  */
#nom_site{
	position: absolute;
	margin-top: 5px
}
#newsletter {
	position: relative; /* on positionne le conteneur + corrige bug de float dans IE  */
	float: right;
	margin-top: 7px;
	padding: 0px 8px;
	background-color: #202022;
	border-width: 1px 0px 1px 1px;
	border-color: #FF482A;
	border-style: solid;
}
#newsletter a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #C43720;
}
#newsletter a:hover {
	color: #FF482A;
}

/*  menu  */
#contenantmenu {
  margin-bottom: 20px;
}
ul#menu {
  display: block;
  width: 795px; /* redéfinition de la largeur pour IE */
}
ul#menu li{
  float:left;
  width: 130px;
  margin-right: 3px;
}
ul#menu li.lastblocmenu {
  margin-right: 0px;
}
ul#menu li a {
	display: block;
	padding: 2px 0;
	background-color: #C43720;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #202022;
	font-size: 13px;
}
ul#menu li a:hover {
  background-color: #FF482A; 
  color: #202022;
}
ul#menu li a.on {
  background-color: #202022;
  color: #C43720;
}

/*  style menulateral  */
ul#listearticle {
  margin-bottom: 20px;
  font-weight: bold;
}
ul#listearticle li {
  font-weight: normal;
  margin: 2px 0;
}
ul#listearticle li.on {
	background-color: #AD311C;
	clip:  rect(10px auto auto auto);
}
ul#listearticle li a.on {
  color: #202022;
}
ul#listedates {
  margin-bottom: 20px;
  font-weight: normal;
}
ul#listedates li {
	padding-top: 10px;
}
ul#listedates span {
display:block;
}
ul#listedates li.on {
	font-weight: normal;
	color: #FFFFFF;
}
ul#listedates li.on span {
  background-color: #AD311C;
}
ul#listedates a.on span {
  background-color: #AD311C;
}

ul.sousrub {
	margin-bottom: 15px;
	font-weight: bold;
}

ul#liaison {
	margin-bottom: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
ul#liaison li {
	font-weight: normal;
}
ul#liaison li ul li {
}
ul#liaison li a {
  color: #C43720;
}
ul#liaison li a:hover {
  color: #FF482A;
}


/*  style contenu  */

.formulaire_spip  {
font-size : 20 px;
}
#menulateral {
  position: relative;
  margin-top: 15px;
  float: right;
  width: 253px;
}
p {
  text-align: justify;
  margin-bottom: 10px;
}
#contenu h2 {
	font-size:22px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top: 35px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#description {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-style: italic;
}

#texte_rub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	font-size: 16px;
	line-height: 20px;
}
#texte_rub p {
	text-align: left;
}

/* colonnes et pasges */
#pagination{
text-align: right;
}
.pagination {
	cursor: hand;
	margin: 5px;
	font-weight: bold;
}
.page {
	margin-top: 10px;
}
#colonnes {
float: left;
text-align: justify;
width: 47%;
margin-right: 3%;
}


#logo {
float: left;
margin-right: 5px;
}
#chapo {
	margin-top: 15px;
	font-weight: bold;
	color: #666666;
	font-style: italic;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	font-size: 18px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}
#texte {
position: relative;
margin-top: 15px;
}
.bloc_art {
float: left;
width: 500px;
}
.titre_art {
position: relative;
}
#ps {
	margin-top: 15px;
	bottom: 15px;
}
#evenement {
	border: thin dotted #666666;
	margin: 3%;
	width: 90%;
	background-color: #333333;
	padding: 2%;
}
#evenement #date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	font-size: 14px;
}
#evenement #lieu {
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

#evenement #descriptif {
  margin-top: 10px;
}

.contenu_depliable{
}


/* sytle documents  */
.bloc_doc {
	margin-top: 15px;
	text-align: center;
}
.vignette {
	display: inline;
	float: left;
	position: relative;
	width: 152px;
	padding: 2px;
	margin: 5px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.vignette .logo {
	font-size: 9px;
	width: 52px;
	float:left;
	text-align:center;
}
.vignette .logo .img {
  height:55px;
}
.vignette .titre {
	width: 100px;
	float: right;
	position: relative; /* on positionne le conteneur + corrige bug de float dans IE  */
	font-size: 11px;
	font-weight: bold;
}
.vignette .descriptif{
  clear: both;
	font-size: 9px;
	padding-top:3px;
	border-top: 1px #CDAA8D solid;
}



/* pied de page */
#credit{
	float: left;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	color:#202022;
	font-size: 9px;
	color:#202022;
}
#detail_credit{
	display: none;
	float: left;
	width: 180px;
	background-color: #942918;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	color:#202022;
	font-size: 9px;
	color: #202022;
}
#lecteur{
	float: right;
}
#art_rub{
	float: right;
	margin-left: 25px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #202022;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 1px;
}
#art_rub a:hover {
  border-bottom: 5px #202022 solid;
}
#art_rub a.on {
  border-bottom: 5px #202022 solid;
}