/* Importation des stypes de SPIP */
@import url(spip_style.css);
@import url(habillage.css);

/* Styles propres au layout ASPEDA*/
html, body{
	margin:0;
	padding:0px;
	font: 0.9em/1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #fff;
	}
a:link{
	text-decoration: underline;
	color:#000;
	}
a:visited{
	text-decoration: underline;
	color:#000;
	}
a:hover{
	text-decoration: underline;
	color:#000;
	}
p{
	margin:0px;
	padding:0 30px 20px 0px;
	text-align:justify;
	line-height:1.3em;
	}
h1 {
	margin:0px 0px 0px -10px;
	padding: 10px 0px 5px 10px;
	font: normal normal normal 1.5em "Helvetica Neu",Helvetica,Arial,sans-serif;
	color:#f93b9a;
	background: transparent url(../medias/images/bg_h1.gif) no-repeat left;
	}
h2{
	margin:5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal normal bold 1.3em "Helvetica Neu",Helvetica,Arial,sans-serif;
	color: #000;
	}
h3{
	margin:0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font: normal normal bold 1.1em "Helvetica Neu",Helvetica,Arial,sans-serif;
	color: #000;
	line-height:1.3em;
	}
ul{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 20px;
	}
li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	list-style: none outside url(../medias/images/ul_dash.gif);
	}
caption{
	display:none;
	}
cite{
	font-family: "Courier New", Courier, monospace;
	}
acronym {
	cursor: help;
	border-bottom: 1px dashed #000;
	}
label{
	display: none;
	}
table{
	margin:5px 5px 5px 5px;
	width:100%;
	}
th{
	margin:0px;
	padding:2px 0 2px 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	background: #fcc478;
	}
td{
	vertical-align: top;
	}
td.date{
  padding:5px;
	font-weight: bold;
	color:#3c3774;
	background:#eee;
	white-space: nowrap;
	line-height:1.3em;
	}
td.events{
	padding:5px;
	color:#3c3774;
	background-color:#f8f8f8;
	line-height:1.3em;
	}
td.nom{
  padding:5px;
	font-weight: bold;
	background:#eee;
	width:33%
	}
td.comments{
  padding:5px;
	color:#3c3774;
	background-color:#f8f8f8;
	width:67%
	}
td.details{
  padding:5px;
	color:#3c3774;
	background-color:#f8f8f8;
	}
img {
	border:none;
}

/*---------- top ----------*/
#top{
	margin:0px 0px 0px 0px;
	padding:0px;
	height:120px;
	background: transparent url(../medias/images/bg_top.gif) repeat-x left;
	}
#logo{
	float:left;
	width:115px;
	height:120px;
	}
#langues{
	float:left;
	width:125px;
	height:120px;
	background: transparent url(../medias/images/bg_langues.gif) no-repeat left;
	}
#langues p{
	margin:0;
	padding:40px 0px 0px 0px;
	text-align: center;
	color:#3C3774;
	}
#langues a:link{
	text-decoration: none;
	color:#3C3774;
	}
#langues a:visited{
	text-decoration: none;
	color:#3C3774;
	}
#langues a:hover{
	text-decoration: underline;
	color:#3C3774;
	}
/*#themes{
	margin:0px;
	padding:0px;
	height:150px;
	}*/
#association{
	margin:0px 0px 0px 245px;
	padding:0px 0px 0px 0px;
	height:53px;
	}
#association p{
	font-weight: bold;
	margin:0;
	padding:0;
	color:#f93b9a;
	}
#themes{
	margin:0px 0px 0px 245px;
	padding:2px 0px 0px 0px;
	height:25px;
	}
#themes ul{
	margin:0px;
	padding:0px 0px 0px 0px;
	line-height: 10px;
	}
#themes li{
	display: inline;
	list-style-type: none;
	list-style-position: inside;
	}
#themes a:link{
	color:#3C3774;
	text-decoration: none;
	}
#themes a:visited{
	color:#3C3774;
	text-decoration: none;
	}
#themes a:hover{
	color:#3C3774;
	text-decoration: underline;
	}
.alignmid{
	vertical-align: middle;
	}
#cantons{
	margin:0px 0px 0px 245px;
	padding:0px 0px 0px 0px;
	height:25px;
	}
#cantons p{
	padding-top:3px;
}
#cantons a:link{
	color:#3C3774;
	text-decoration: none;
	}
#cantons a:visited{
	color:#3C3774;
	text-decoration: none;
	}
#cantons a:hover{
	color:#3C3774;
	text-decoration: underline;
	}
#search{
	position:absolute;
	top:2px;
	right:0px;
	height:55px;
	width:400px;
	background: transparent url(../medias/images/bg_search.gif) no-repeat right;
  margin:0;
	voice-family: "\"}\""; /* debut du hack pour IE afin d'ajuster l'affichage qui presente 1px de difference par rapport a Firefox */
	voice-family:inherit;
	margin:-1px; /* indique à IE une marge negative pour ajuster l'affichage du layout */
	}
html>body #search {
	margin:0; /* marge reelle pour Mozilla, Firefox, Opera et Safari */
	}
#search form{
	margin:0px;
	padding:15px 55px 0px 0px;
	text-align: left;
	width: auto;
}
#search fieldset{
	float:right;
	border:none;
	margin:0;
	padding:0;
	right:0px;
	width:auto;
}
#search input.champs{
	color:#333;
	background-color:#fff;
	border:1px solid #999;
	}
#search input{
	color:#999;
}
#search input.valid{
	color:#000;
	background-color:#ccc;
	border:1px solid #999;
	cursor:pointer;
	text-align:center;
	}
#contact{
	position:absolute;
	top:49px;
	right:0px;
	height:63px;
	background: transparent url(../medias/images/bg_contact.gif) no-repeat right;
	margin:0;
	voice-family: "\"}\""; /* debut du hack pour IE afin d'ajuster l'affichage qui presente 1px de difference par rapport a Firefox */
	voice-family:inherit;
	margin:-1px; /* indique à IE une marge negative pour ajuster l'affichage du layout */
	}
html>body #contact {
	margin:0; /* marge reelle pour Mozilla, Firefox, Opera et Safari */
	}
#contact p {
	margin:0px;
	padding:30px 55px 0px 0px;
	}
#contact a:link{
	color:#3C3774;
	text-decoration: none;
	}
#contact a:visited{
	color:#3C3774;
	text-decoration: none;
	}
#contact a:hover{
	color:#3C3774;
	text-decoration: underline;
	}
	
#navig{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 135px;
	background: transparent url(../medias/images/bg_trace.gif) no-repeat top left;
	height: 40px;
	color:#666;
	}
#navig a{
	color:#666;
}
.trace ul{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.trace li{
	display: inline;
	list-style-type: none;
	list-style-position: inside;
	}
.traceImg{
	padding-left:20px;
	background: url(../medias/images/trace.gif) no-repeat left;
	}
.menus ul{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.menus li{
	display: inline;
	list-style-type: none;
	list-style-position: inside;
	}
.menusImg{
	padding-left:15px;
	background: url(../medias/images/sepMenus.gif) no-repeat left;
	}
p.chemin {margin:0;padding:0;}
p.ss_rubriques {margin:0.5em 0 0 0;padding:0;}

/*---------- contenus ----------*/
#content{
	margin:0px;
	padding: 5px 10px 50px 130px;
	}
.img_home{
	float: right;
	margin:0px;
	padding:0px 0px 10px 10px;
	}
.small {
	font-size:0.8em;
	color:#3c3774;
	}
p.small{
	margin:0px;
	padding:5px 30px 7px 0px;
	text-align:justify;
	}
.document{
	margin:25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	color: #000;
	}
.navig{
	padding-top:20px;
	}
p.imprimer {
	position:relative;
	font-size:0.8em;
	color:#3c3774;
	margin:0;
	padding:20px 0 0 20px;
	background:transparent url(../medias/images/icone_imprimante.gif) no-repeat left bottom;
	}
.spip_documents{
	float: right;
	margin:0px 10px 10px 10px;
	width:125px;
	}
hr.spip {
	width:100%;
	height:1px;
	margin:10px 0 15px 0;
	background-color:#3c3774;
	color:#3c3774;
	border:none;
}	
.affContact {
	width:100%;
	}
.affContact h3{
	margin-left:4em;
	padding:0.7em 0 1em 0;
	text-align:left;
	font-size:1.3em;
	}
.affContact p {
  margin-left:6em;
	padding:0 0 0.5em 0;
	line-height:1.3em;
  text-align:left;
	}
.affContact img {
  padding:2px;
	background:#f8f8f8;
	border:2px solid #666
	}
/*----------- Galeries ----------*/

table#galerie {
	width:60%;
	}
#galerie td {
  text-align:center;
	vertical-align: middle;
	border:1px solid #666;
	background-color:#dcef72;
	}
#affiche_img {
    text-align:center;
    }
#affiche_img h2 {
    padding-bottom:0.3em;
    }	
/*---------- Annuaire de liens --------*/

ul.annuaire {
		list-style-type:none
		margin:0;
		padding:1em 0 2em 0;
		width:100%;
		height:1em;
		}
.annuaire li {
    text-align:center;
		list-style-type:none;
		display:inline;
		float:left;
		margin:0;
		padding:0 .5em 0 .5em;
		border-right:1px solid #000;
		line-height:1em;
		}
dl.liens {
		margin:0;
		padding:1em;
		}
.liens dt {
		font-weight:bold;
		margin:0;
		padding:1em 0 .5em 0;
		}
.liens dd {
		padding:.5em 0 .2em 0;
		color:#3c3774;
		}
		
/*---------- pied de page ----------*/
#bottom{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:75px;
	right:0;
	background: transparent url(../medias/images/bg_bottom.gif) repeat-x;
	}
#bottom img {
	border:none;
  }
.floatBottom{
	float: right;
	margin:0px 0px 0px 0px;
	width:45px;
	height:75px;
	background: transparent url(../medias/images/floatBottom.gif) no-repeat left;
	}
#LR{
	margin:0px;
	padding:0px;
	height: 35px;
	background: transparent url(../medias/images/bg_LR.gif) no-repeat left;
	}
#copyright{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: 40px;
	background: transparent url(../medias/images/bg_copyright.gif) no-repeat left;
	}
#copyright p{
	padding:20px 0px 0px 260px;
	font-size:0.8em;
	color:#3c3774;
	}