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

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

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

body { text-align: center; background:#e4eaea; /*border-top: 5px solid; */}
.page { position: relative; width: 100%; margin: 0 auto; /*padding: 50px 1.5em;*/ text-align: left;  }

.header {}
.main { /*padding: 1.5em 0;*/ }
.footer { clear: both; padding: .5em 0 0; border-top: 2px solid #016fb7; }

.wrapper { clear: both; position: relative; float: left; width: 60%; margin-left:7.5%; overflow: hidden;
           text-align: left; background:#f0f3f3; padding:2%; }
.page_sommaire .wrapper, .w_produits {width:85%; }
.page_sommaire .content {text-align:center}
.content { min-height: 350px; }
.aside { width: 20%; overflow: hidden; margin-top:1.5em; padding:1em; background:#f0f3f3;;
        float:right; margin-right:2em; }
.floatable {
			position: fixed; right:0;
			top: 0;}

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

.header { padding-bottom: 1.5em; padding-right: 30%; 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: .9em; display: block; width: 30%; }

.nav { border: solid #222; border-width: 1px 0; }
.nav ul {}
.nav ul li {}
.nav ul li a { float: left; display: block; padding: .5em 1em; border-right: 1px solid #222; text-decoration: none; }
.nav ul li.on a { background: #EED; color: #222; font-weight: normal; }
.nav ul li a:focus,
.nav ul li a:hover,
.nav ul li a:active { background: #222; color: #FFF; }

#formulaire_recherche { position: absolute; /*top: 50px; right: 50px; */border: 0; }
/*.formulaire_recherche { width: 12em; text-align: left; }*/
.formulaire_recherche label { display: none; }

.footer .colophon { float: left; height: 40px; width: 70%; 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; }
}

/* Affichage sur petits ecrans reporté sur specific pour forcer la priorité récalcitrante */

/* end */