body {
text-align : center;
background : #ecf0f6;
border-top : 1px solid;
}
.page {
position : relative;
max-width : 970px;
margin : 0 auto;
text-align : left;
border-left : 1px solid #32375F;
box-shadow : 7px 0 10px 0 #A9A9A9;
}
.main {
padding : 1.5em 0;
float : left;
background : #FFF;
width : 100%;
}
.footer {
clear : both;
padding : 1.5em 0 0;
}
.wrapper {
clear : both;
float : left;
width : 72%;
overflow : hidden;
}
.content {
min-height : 350px;
margin : 1px;
}
.aside {
float : right;
width : 27%;
overflow : hidden;
margin-right : 2px;
}
.header {
padding-bottom : 1.5em;
border-bottom : 1px solid;
}
.header #logo {
display : block;
margin : 0;
line-height : 1;
font-weight : bold;
}
.header #logo, .header #logo a, .header #logo a:hover {
background : transparent;
text-decoration : none;
color : #222;
}
.header #slogan {
margin : 0;
}
.formulaire_menu_lang {
position : absolute;
right : 0;
top : 0.9em;
display : block;
width : 30%;
}
.nav {
background : #FFF;
width : 100%;
padding-top : 0px;
}
.nav ul li a {
float : left;
padding : 0.5em 1em;
font-weight : 500;
border-right : 1px solid #C0C0C0;
border-bottom : 1px solid #C0C0C0;
border-top : 1px solid #FFF;
background : #eee;
}
.nav ul li.on a {
background : #32475F;
color : #FFF;
font-weight : normal;
}
.nav ul li a:focus, .nav ul li a:hover, .nav ul li a:active {
background : #f2e8e8;
color : #32375F;
}
#formulaire_recherche {
position : absolute;
top : 50px;
right : 50px;
border : 0;
}
.footer .colophon {
width : 70%;
margin : 0 auto;
}
.footer .generator {
float : right;
}
.footer .generator a {
padding : 0;
background : none;
}
@media print {
.page, .wrapper, .content {
width : auto;
}
.nav, .arbo, .aside, .footer {
display : none;
}
}
@media (max-width:640px) {
body, .page, .header, .main, .footer, .wrapper, .content, .aside {
margin : auto !important ;
max-width : 640px !important ;
width : 97%;
}
.nav {
padding-top : 1px;
}
.page {
margin : 0;
padding : 5px;
}
.content, .aside {
clear : both;
float : none !important ;
width : auto !important ;
max-width: 300px
}
.nav ul li a {
width : 40%;
padding : 0.5em 1em;
text-decoration : none;
border-right : 1px solid #C0C0C0;
border-bottom : 1px solid #C0C0C0;
border-top : 1px solid #FFF;
float : left;
}
#formulaire_recherche {
display : none;
position : static;
text-align : center;
}
.arbo {
display : none;
}
.footer .colophon {
width : auto;
float : none;
}
.footer .generator {
display : none;
}
.bodyline {
height : 250px;
}
.menu ul li {
padding : 0.8em;
}
table.fc-header td {
display : block;
text-align : left;
}
}