/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 1.5em; text-align: left; }
.menu > h1,
.menu > h2,
.menu > h3,
.menu > h4,
.menu > h5,
.menu > h6 { margin-bottom: 0; }

.menu-items { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ddd; }
.menu-items .item { margin: 0; padding: 0.375em; }
.menu-items .menu-items { margin-left: 1em; border: 0; }
.menu-items .menu-items .item { padding: 0; border: 0; }


/* habillage barre de nav horizontale */
.nav .menu { margin: 0; }
.nav .menu-items { display: inline-block; width: 100%; padding: 0.5em 0; border: 0; text-align: center; }
.nav .menu-items .item { display: inline-block; margin: 0.25em; padding: 0; }
.nav .item a { display: inline-block; padding: 0 1em; text-decoration: none; }


/* Listes d'items */
.liste { margin-bottom: 1.5em; }

.liste-items { margin: 0; padding: 0; list-style: none; margin-bottom: 1.5em; }
.liste .liste-items { margin-bottom: 0;}
.liste-items .item { list-style: square; margin-left: 0; padding: 0.75em 0; clear: both; overflow: hidden; border-bottom: 1px solid #eee; }
.liste-items .item .h3 { margin: 0.5em 0; }
.liste-items .item .h3 a:hover { text-decoration: none; }

.liste-items .item:hover {  }

.liste-items .item ul { margin-left: 2em; list-style-type: disc; }
.liste-items .item ol { margin-left: 2em; list-style-type: numeric; }

.liste.long .spip_logo { float: right; clear: right; margin: 0.5em 0.8em; margin-right: 0; margin-top: 0; }

/* Listes spécifiques */

.breadcrumb-items { margin: 0; list-style: none; }
.breadcrumb-items .item { display: inline; }

.actus .liste-items .date { float: left; margin-top: 0.75em; padding: 4px 8px; background: #ededed; text-transform: uppercase; text-align: center; border-radius: 4px; }
.actus .liste-items .date span { display: block; }
.actus .liste-items .date span.day { font-size: 1.4em; color: #666; }
.actus .liste-items .date span.month { font-size: 0.8em; color: #666; }
.actus .liste-items .item .entry { margin-left: 60px; }
.actus:not(.evenements) .liste-items .item .entry .publication { display: none; }

.liste.articles .liste-items { border: 0; }
.liste.articles .entry-title .spip_logo { float: left; margin: 0 1em 1em 0; border-radius: 50%; border: 5px solid #ddd; }
@media (max-width: 768px) {
	.liste.articles .entry-title .spip_logo { float: right; margin: 0 0 1em 1em; }
}

/* tabs inspired from bootstrap */
.tabs { margin: 0 0 1em; padding: 0; list-style: none; zoom: 1; }
.tabs:before,
.tabs:after { display: table; content: ""; zoom: 1; }
.tabs:after { clear: both }
.tabs > .item { float: left }
.tabs > .item > a { display: block }
.tabs { border-color: #ddd; border-style: solid; border-width: 0 0 1px; }
.tabs > .item { position: relative; margin-bottom: -1px; }
.tabs > .item > a { padding: 0 0.8em; margin-right: 2px; line-height: 2.25; color: #666; border: 1px solid transparent; border-radius: 4px 4px 0 0; }
.tabs > .item > a:hover { text-decoration: none; background-color: #eee; border-color: #eee #eee #ddd; }
.tabs .active > a,
.tabs .active > a:hover { color: #1b1b1b; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; }
@media (max-width: 640px) {
	.tabs { border-width: 1px; border-radius: 4px; }
	.tabs > .item { float: none; }
	.tabs > .item > a,
	.tabs > .item > a:hover,
	.tabs > .active > a,
	.tabs > .active > a:hover { margin: 0; border: 0; border-radius: 0; }
	.tabs > .active > a,
	.tabs > .active > a:hover { background: #eee; }
}

/* plan du site */
ul.plan { margin-bottom: 1.5em; }
ul.plan li { margin-left: 2em; list-style-type: disc; }