/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */

/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */body {
  margin: 0px;
  padding: 0px;
  font-family: verdana, tahoma, helvetica, arial, sans-serif; 
  font-size: 11px;
  background-color: #ffffff;
}

img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

a {
  text-decoration: none;
  color: #09345f;
}

a:hover {
  text-decoration: underline;
  color: #5481ab;
}

input {
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 11px;
  margin: 0.5ex;
}

input[type="text"], input[type="password"] {
  background-color: #ffffff;
  border: 1px solid #888888;
  padding: 2px;
}

#page {
  position: absolute;
  width: 100%;
}
#header {
  margin: 0px;
  border: 0px;
  background-color : #5481ab;
  height: 60px;
  border-bottom: 1px solid #666666;

}

#location {
  padding: 2px 5px 2px 5px;
  background-color: #87a0c5;
  text-align: right;
  font-weight: bold;  
  color: #000000;
  border-bottom: 1px solid #666666;
  margin-bottom: 0px;
}

#menu {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*
  padding:0;
  padding-right: 180px; */
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
/*color: #000000;
text-decoration: underline;*/
}
.menuhaut a:hover {
text-decoration: none;
}

#navigation-right {
  position: absolute;
  right:0;
  float: right;
  padding: 10px;
  padding-top: 10px;
  width: 180px;
  background: url(/images/shadow.png) top left repeat-x;
}

#navigation-left {
  position: absolute;
  left:0;
  padding: 10px;
  padding-top: 10px;
  width: 180px;
  background: url(/images/shadow.png) top left repeat-x;
}

#navigation-left p, #navigation-right p {
  border-top: 1px dotted #09345f;
  border-bottom: 1px dotted #09345f;
  padding-left: 15px;
  background: url(/images/arrow.png) center left no-repeat;
  color: #09345f;
  font-weight: bold;
}

#navigation-left ul {
  list-style-image: url(/images/bullet.png);
  padding-left: 25px;
}

#navigation-left ul ul {
  list-style-image: url(/images/bullet-subrub.png);
  padding-left: 10px;
}

#navigation-right ul {
  list-style-image: url(/images/bullet-arrow.png);
  padding-left: 25px;
}

#navigation-left li, #navigation-left li {
  padding-bottom: 0.4em;
}

#navigation-left form {
  padding-left: 10px;
}

#intro {
  padding: 10px;
  background-color: #eaeaea;
  -moz-border-radius : 5px;
  border-radius : 5px;
  -webkit-border-radius : 5px;
  border: 1px solid #dddddd;
  margin-bottom: 10px; 
}

#breves {
  padding: 10px;
  background-color: #dde1e4;
  border: 1px dashed #dddddd;
  margin-bottom: 15px;
  /* float: 60px;*/
}



#content-firstpage {
  background: url(/images/shadow.png) top right repeat-x;
  padding: 10px;
  padding-top: 20px;
  margin-left: 200px;
  margin-right: 200px;
}

#content {
  background: url(/images/shadow.png) top right repeat-x;
  padding: 10px;
  padding-top: 20px;
  margin-left: 180px;
  /*margin-right: 180px;*/
}

#descriptif {
  padding: 10px;
  background-color: #fafafa;
  border: 1px dashed #dddddd;
  margin-bottom: 15px;
}

#descriptif-title {
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  padding: 2px;
}

.section-title {
  clear : left;
  background: url(/images/headline.png) bottom left no-repeat;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 10px;
}

.section-article {
  margin-left: 0px;
  padding: 10px;
  background-color: #fafafa;
  border: 1px dashed #dddddd;
  margin-bottom: 15px;

}

.section-breve {
  margin-left: 15px;
  margin-bottom: 15px;
}

.section-article p {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #09345f;
  text-align: justify;
}

#article-title {
  font-size: 180%;
  font-weight: bold;
}

#article-info {
  color: #aaaaaa;
  padding: 5px;
}

#pdf {
  float: right;
  padding: 10px;
  padding-top: 20px;
  padding-right: 20px;
  /*float: 160px; */
}


#spacer {
  clear: both;
}

#footer {
  font-size: 80%;
  color: #555555;
  text-align: center;
}

.permanences {
  position : relative;
  width : 47%;
  float : right;
  -moz-border-radius : 5px;
  border-radius : 5px;
  -webkit-border-radius : 5px;
  background-color : #4BAD08;
  color: #ffcd0e;
  font-size: larger;
  font-weight:  bold;
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center;
}

.soirees {
  position : relative;
  width : 47%;
  float : left;
  -moz-border-radius : 5px;
  border-radius : 5px;
  -webkit-border-radius : 5px;
  background-color : #5481ab;
  color: #fdcc0d;
  font-size: larger;
  font-weight:  bold;
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center;
}

.manifestations {
  position : relative;
  background-color: #ffcd0d;
  -moz-border-radius : 5px;
  border-radius : 5px;
  -webkit-border-radius : 5px;
  color: #5481ab;
  font-size: larger;
  font-weight:  bold;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
}

.soirees a:hover {
  text-decoration: underline;
  color: #ffffff;
}

.permanences a:hover {
  text-decoration: underline;
  color: #ffffff;
}