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

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

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

body { text-align: center; background: #FFF url(img/fond.JPG); background-repeat:repeat; background-position:center; background-attachment: fixed;}

.page { position: relative; width: 700px; margin: 0 auto; border-left: 5px solid #3356B7; border-right: 5px solid #3356B7; text-align: left; background: #B9B9FF;} 

.header { min-height: 145px;}
.main { padding: 0em 0;  }
.footer { clear: both; border-top: 2px solid;}

.wrapper { clear: both; float: left; width: 100%; overflow: hidden; }
.content { min-height: 350px; padding: 1.5em }



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

.header { padding-bottom: 1.5em; background: #FFF url(img/chalettop.bmp); min-height: 145px; }

.header #logo { display: block; margin: 0; line-height: 1; font-weight: bold; font-size: 0em; }

.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 #3356B7; min-width: 700px; border-width: 2px 0; background: #171AA5; }
.nav ul {}
.nav ul li {}
.nav ul li a { float: left; display: block; padding: .5em 1em; border-right: 2px solid #3356B7; text-decoration: none; background: #171AA5; color: #FFFF00;}
.nav ul li.on a { background: #171AA5; color: #FFFF00; font-weight: normal; }
.nav ul li a:focus,
.nav ul li a:hover,
.nav ul li a:active { background: #FFFF00; color: #171AA5; }

#formulaire_recherche { visibility: hidden; position: absolute; top: 230px; right: 20px; border: 0; }

.footer .colophon { float: left; }
.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; }
}


/* end */