/* --------------------------------------------------------------

   layout.css
   Disposition des blocs principaux
   cf.: http://romy.tetue.net/structure-html-de-base

-------------------------------------------------------------- */

body { text-align: center; background: #fff url(img/backgroung.png); }
.page { position: relative;background: #F8F7F7 url(img/backgroung.png); width: 1050px; margin: 0 auto; padding: 0em; text-align: left; border:.1em #B3C9C5 solid;  }

.header {}
.main { padding: 0.1em 0; border-bottom: 0px solid;}
.footer { clear: both; padding: 0; border-top: 2px solid #B3C9C5; }

.aside   { float: left;  width: 21%; margin-top:.7em; margin-left:.0em; margin-right:0em; overflow: hidden; border: 0px solid #9CA4A1;}
.wrapper { float: left;  width: 48.2%; overflow: hidden; margin-top:.7em; border:solid 0px red;}
.content { min-height: 40px; padding:0 .5em; border: 0px solid #CCCCFF;}





/* Entete et barre de navigation
------------------------------------------ */

.header { padding: 0; border:0; background: #B3C9C5;}
.header #logo { display: block; text-align: center; margin: 0; line-height: 1; font-weight: bold;  }
.header #logo,
.header #logo a,
.header #logo a:hover { text-decoration: none; color: #222; }

.header #slogan   {float:left;  width:50%; text-align: center; font-weight: bold; margin: 0; padding-top:0px; padding-bottom:8px; border: 0px solid;}

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

.nav-bar {background: #000896;; float:left; width: 100%; border-top: solid #0b0f70 .1em; border-bottom: solid #0b0f70 .1em; }
.nav {float:left; width: 73.8%; border:solid 0em;}
.nav ul {}
.nav ul li {float:left;}
.nav ul li a { float: left; display: block; color: #fff; font-size: 93%; font-weight: bold; padding: .5em .3em; border-right: 0px solid #B3C9C5; text-decoration: none; }
.nav ul li.on a { background: #222; color: #fff; font-weight: normal; }
.nav ul li a:focus,
.nav ul li a:hover,
.nav ul li a:active { background: #222; color: #FFF; }

.nav-home {}
.nav-home ul {}
.nav-home ul li {float:left;}
.nav-home ul li a { float: left; display: block; color: #fff; font-size: 93%; font-weight: bold; padding: .5em .3em; border-right: 0px solid #B3C9C5; text-decoration: none; }
.nav-home ul li.on a { background: #EED; color: #222; font-weight: normal; }
.nav-home ul li a:focus,
.nav-home ul li a:hover,
.nav-home ul li a:active { background: #222; color: #FFF; }


#formulaire_recherche { }

.footer .colophon { float: left; width: 100%; text-align:center; margin: 0; }
.footer .generator { float: right; }
.footer .generator a { padding: 0; background: none; }

/* Gabarit d'impression
------------------------------------------ */
@media print {
.page,
.wrapper,
.content { width: auto; }
.nav,
.arbo,
.aside,
.footer { display: none; }
}