
/* @import url(http://fonts.googleapis.com/css?family=Gentium+Basic); */
@import url('fontello/css/fontello.css');


html {
  font-size: 130.01%;
  -ms-text-size-adjust: 130%;
  -webkit-text-size-adjust: 130%;
}


body {
	margin-top:0; padding-top:0;
	font-family: 'Gentium Basic', Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; 
	color:#444; background:#ddd;
}
h1,.h1, h2,.h2, h3,.h3,
h4,.h4, h5,.h5, h6,.h6,
#nav {/*font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;*/}


.page { max-width:100%; padding:2em 100px 0; margin:1em auto; background:white; box-shadow:0 0 10px #bbb;}
.page > div { max-width:700px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; }
.wrapper { clear: both; float: none; width: auto;  overflow: visible; }
.content { margin-bottom: 4em; }
.aside {
	overflow: hidden; float: none; width: auto; clear:both;
	/*background:#f3f3f3; margin:1em -2em; padding:1em 2em;*/
}
.footer {
	position:relative; padding-bottom:1em;
	border-top:5px solid #aaa;
	font-size:80%;
}
.footer .colophon { float:none; margin-right:100px; width:auto; height:auto;}
.footer .generator { float:none; position:absolute; top:.8em; right:10px; }


a { text-decoration:none; color:#6E419D; }
a:hover { color: #6E419D; background-color:transparent; text-decoration:underline; }
a:visited { color:#6E419D; }
a:focus { color: #fff; background-color:#60348D !important; }


.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-weight:normal; }
.header .spip_logo_site a:hover { color: #6E419D; }


.nav {
	margin-top:1em;
	border-top:3px solid #926DBB; border-bottom:3px solid #926DBB;
	text-align: center;
}
.nav ul { margin-bottom:0; }
.nav ul li { margin: 0; padding: 0; }
.nav ul li a {  display: inline-block; background:transparent; padding:1em 1em; margin: 0; border-radius:0; }
.nav ul li.on a { background:#926DBB; color:#fff; font-weight: normal; }
.nav ul li a:focus { background: #222; color:#fff; }
.nav ul li a:hover,
.nav ul li a:active { background:#f7f5ff; color:#222; }



.chapo { font-size:1.2rem; font-weight:normal; background:#f7f5ff; margin:1em -2em; padding:1em 2em; }
.chapo p:last-child { margin-bottom:0; }
.page_sommaire .chapo { margin-top:.5em; margin-bottom:2em; }
.page_sommaire .chapo p:last-child { margin-bottom:0; }


/* fil ariane */
.arbo {font-size:.8rem; color:#888; margin-top:-1em; margin-bottom:3em; }
.arbo .on { color:#444; font-weight:normal; }
.arbo a:hover { text-decoration:underline; }
.arbo:before {
	font-family : 'fontello';
	content     : '\e823\0000a0';
	color: #2a92ff;
	font-size:1.2rem;
	position:relative; top:.1rem;
}

/* listes */
.menu .hentry { margin-top:1em; margin-bottom:2em; }
.menu .hentry > small { color:#666; display:block; margin-top:.3em; margin-bottom:.3em; }
.menu .entry-title { margin-bottom:0; }

/* contenu d'une page */
.info-publi { color: #444; font-size: 0.8rem; font-weight: bold; margin-bottom: 3em; }

.comments { margin-top:4em; border-top:20px solid #955ab2; }
.comment-item { border-top:1px solid #BD9BCD; }
h2.forum-titre { margin-top:4em; border-top:20px solid #955ab2; padding-bottom:0; }
.comments + h2.forum-titre { margin-top:1em; }

.formulaire_spip { padding:1em 2em; background:#eee; border-radius:5px; box-shadow:0 0 5px #ccc; }
.aside .formulaire_recherche {
	padding:1em; margin: 1em 0 2em; background:transparent; box-shadow:none; border-radius:0;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	background: #f3f3f3;
}
.aside .formulaire_recherche label { display: inline;  }
.aside .formulaire_recherche input.text { width: 30%; margin-left: 0.5em; padding: 0;}
.aside .formulaire_recherche input.submit { font-size: 80%; }

.aside h2 { border:none; padding-top:.5em; }
.aside .menu_rubriques {
	border-top:20px solid #955ab2;
}


/* jolifier */
.info-publi:before, li.hentry small:before, .menu .text-left small:before {
    font-family : 'fontello';
    color      : #2a92ff;
    content     : "\e815\0000a0";
}

hr, hr.spip {
    padding    : 0;
    margin     : 2em auto;
    border     : none;
    border-top : thin solid #926DBB;
    color      : #926DBB;
    max-width  : 400px;
    text-align : center;
}
hr:after {
	font-family: 'fontello';
	content    : '\e822\0000a0\e822\0000a0\e822'; 
	display    : inline-block;
	position   : relative;
	top        : -0.8em;
	font-size  : 1em;
	color      : #926DBB;
	padding    : 0 0.5em;
	background : white;
}


ul.spip {
	list-style: none;
	text-indent: -1.2em;
}

ul.spip li:before {
	font-family: 'fontello';
	/*content: '\e819';*/
	content: '\e825';
	display: block;
	float: left;
	width: 1.2em;
	color: #2a92ff;

}
ul.spip ul { list-style: none; }
ul.spip ul li:before { color: #926DBB; }
ul.spip ul ul { list-style: none; }
ul.spip ul ul li:before { color: #E85893; }

.menu ul { list-style-type : none; }
.menu li:before {
	font-family:'fontello';
	content : "\e817\0000a0";
	color: #2a92ff;
}
.menu li.hentry:before { content : ""; }
.menu li ul { list-style-type : disc; }
.menu li li:before { content : ""; }


/* boutons d'admin */
#spip-admin { font-size: .8rem; }
#spip-admin a:hover { background-color: #444; }


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