/*
	variante neodist penscratch
	auteur b_b
	inspirée de http://penscratchdemo.wordpress.com/
	font stack http://www.sitepoint.com/eight-definitive-font-stacks/
	screenshot http://i1.minus.com/iTbjz3yg6o6Zn.png
*/

body { font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; color: #444; background: #e6e6e6; }

.page { margin: 2em auto; padding: 3em 6em; background: #fff; width: 640px; max-width: 100%; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.main { padding: 0 0 1.5em; }
.wrapper { float: none; width: auto; overflow: visible; }
.aside { float: none; width: auto; overflow: visible; }

a:link { transition: all 0.4s ease 0s !important; }
a, a:visited { color: #21759b; }
a:focus, 
a:hover, 
a:active { background-color: transparent; color: #0f3647; }

.header { margin: 0; padding: 0; text-align: center; }
.header .spip_logo { float: none; display: block; margin: 0 auto 0.25em; }
.header .spip_logo_site { font-size: 1.75em; }
.header .spip_logo_site,
.header .spip_logo_site a,
.header .spip_logo_site a:hover { color: #444; font-weight: normal; }
.header #slogan { margin-top: 0.5em; color: #777; }

.nav { margin: 1.5em 0; }
.nav ul { margin: 0; display: inline-block; width: 100%; border-bottom: 3px solid #ededed; border-top: 3px solid #ededed; text-align: center; }
.nav ul li { margin: 0; padding: 0; }
.nav ul li a { display: inline-block; margin: 0; padding: 1.5em 1em; text-decoration: none; color: #777; background: transparent; border-radius: 0; }
.nav ul li.on a { background: transparent; font-weight: normal; color: #21759b; }
.nav ul li a:focus,
.nav ul li a:hover,
.nav ul li a:active { background: transparent; color: #21759b; }

.arbo { display: none; }

.hyperlien { background-color: #ededed; }

table.spip tr.odd td { background: #ededed; }
ul.spip { list-style-type: disc; }

.menu_articles li .entry-title a { color: #444; }
.menu_articles li .entry-title a:hover { color: #21759b; }
.menu_articles li small,
.info-publi { color: #777; margin-top: 0.5em; }
.documents_portfolio a { border: 0; padding: 5px; background: #fff; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; }

.comments { margin: 2em 0 0; padding: 0; border: 0; }
.comments h2,
.forum-titre  { margin-top: 0; padding: 1em 0 0; color: #999; border-top: 3px solid #ededed; }
.comment-item { border: 0; }
.comment-meta a { color: #999; }
.comment-content { margin-top: 1.5em; }

.aside { margin-top: 3em; }
.aside h2 { padding-top: 1em; border-bottom: 0; border-top: 3px solid #ededed; color: #999; }
.aside .formulaire_recherche { margin: 0 0 2em; padding-top: 2em; text-align: center; border-top: 3px solid #ededed; }
/*
.aside h2 { border-bottom: 3px solid #ededed; color: #999; }
.aside .formulaire_recherche { margin: 2em 0; text-align: center; }
*/
.aside .formulaire_recherche label { display: inline; color: #777; }
.aside .formulaire_recherche input.text { width: 30%; margin: 0 0.5em; padding: 0; border: 0; border-bottom: 1px dotted #ddd; background: transparent; }
.aside .formulaire_recherche input.submit { width: auto; padding: 0.25em; border: 1px solid #ddd; border-radius: 0.25em; background: #ededed; font-size: 80%; color: #666; }

.pagination .disabled { display: none; }
.pagination a { background: transparent; border: 3px solid #ededed; border-radius: 3px; text-transform: uppercase; transition: .5s; }
.pagination a:hover { border-color: #ccc; }

.footer { clear: both; width: 100%; margin: 0; padding: 1em 0; text-align: left; font-size: 0.85em; color: #777; border-top: 3px solid #ededed; }
.footer a { color: #777; }
.footer a:hover { color: #21759b; }

.page_mot .aside .menu ul li,
.page_auteur .aside .menu ul li,
.page_rubrique .aside .menu_rubriques { display: inline-block; margin: 0 0.5em 0.5em 0; }

.page_auteur .cartouche .spip_logo { float: right; margin: 0 0 10px 10px; max-width: 80px; border-radius: 50%; border: 5px solid #ededed; }

/* largeur maximum 768px */
@media (max-width: 768px) {
	body { padding: 0; }
	.page { width: auto; max-width: none; padding: 1em; margin: 0; }
}