body {
text-align:center;
background:#ddd
}

.page {
position:relative;
width:960px;
max-width:95%;
margin:2em auto;
text-align:right
}

.main {
padding:1.5em 0
}

.footer {
clear:both;
padding:1em 0 0;
margin:1em 0 0;
border-top:1px solid #999
}

.wrapper {
clear:both;
float:right;
width:70%;
overflow:hidden
}

.content {
min-height:350px
}

.aside {
float:left;
width:23.333%;
overflow:hidden
}

.header {
padding-bottom:1.5em
}

.header .spip_logo_site {
display:block;
margin:0;
line-height:1;
font-weight:700
}

.header .spip_logo_site,.header .spip_logo_site a,.header .spip_logo_site a:hover {
background:transparent;
text-decoration:none;
color:#222
}

.header .spip_logo_site a:hover {
color:#db1762
}

.header .spip_logo_site a:hover img {
opacity:.7
}

.header .spip_logo {
margin-bottom:0
}

.header #slogan {
margin:0
}

.formulaire_menu_lang {
position:absolute;
left:0;
top:.9em;
display:block;
width:30%
}

.nav li {
display:inline
}

.nav li a {
display:inline-block;
padding:.25em .5em;
margin:0 0 .5em .25em;
border-radius:.25em;
text-decoration:none;
background:#f0f0f0;
color:#db1762
}

.nav li.on a {
background:#c41558;
color:#fff;
font-weight:400
}

.nav li a:focus,.nav li a:hover,.nav li a:active {
background:#c41558;
color:#fff
}

.footer .colophon {
float:right;
height:40px;
width:70%;
margin:0
}

.footer .generator {
float:left
}

.footer .generator a {
padding:0;
background:none
}

.footer .generator a:hover {
color:#c41558
}

@media print {
.page,.wrapper,.content {
width:auto
}

.nav,.arbo,.aside,.footer {
display:none
}
}

@media (max-width: 767px) {
body {
width:100%;
padding:0 20px
}

.page {
width:100%;
max-width:none
}
}

@media (max-width: 640px) {
.wrapper,.content,.aside {
width:100%
}

.content,.aside {
clear:both;
float:none;
width:100%
}

.nav ul li a {
float:none;
border:0
}

.arbo {
display:none
}

.footer .colophon {
width:auto;
float:none
}

.footer .generator {
display:none
}

table.fc-header td {
display:block;
text-align:right
}
}