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

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

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

body { text-align: center; background: #446a6b /*url(img/Bckg-205.png) fixed; background-position: center center; background-size: cover; background-repeat: no-repeat; /*mise en commentaire suppression motif de fond */ /*border-top: 5px solid; mise en commentaire pour supprimer bandeau noir haut de page*/}
.page { position: relative; width: 900px/*600px*/; margin: 0px auto; /*padding: 50px 1.5em;*/;}

/*.header {background: #000 url(img/AMJ-black.gif) no-repeat; height:345px;}*/
.header {background: #000 url(img/LogoGM.gif) no-repeat  ; background-position: center 0px; height:144px;}
.main { text-align:justify;/* padding: 1.5em 0;*/ } /* ajout de text-align:justify; pour justifier le texte et suppression du padding*/
.footer { clear: both; padding: 1.5em 0 0; border-top: 2px solid; }

.placemenu {position:relative; top: 10px /*74px*/; /*left:10px;*/} /*classe pour positionner le menu menu_fa*/
.menu0 {position:relative; background : #003333; width:900px; height:80px;left: 50%; margin-left: -450px;;}
/*.sousmenu0 {position : relative; background : #003333; width:100%; height:80px;z-index: -1}*/
.placemenu1 {position:absolute; width: 880px; top:10px; left: 50%; margin-left: -440px; /* Cette valeur doit être la moitié négative de la valeur du width */;z-index: 2;} /*classe pour positionner le menu menu_fa1*/
.placemenu2 {position:absolute; width: 880px; top:42px; left: 50%; margin-left: -440px; /* Cette valeur doit être la moitié négative de la valeur du width */;z-index: 2;} /*classe pour positionner le menu menu_fa2*/

.wrapper { clear: both; float: left; width: 830px; overflow: hidden; display :block ; /*border: 2px solid grey;*/ background: #080808; padding: 34px 35px 10px 35px;} /* ajout display (...) 10px; pour cadre autout texte*/
.content { min-height: 350px;} 
.aside { float: right; width: 25%; overflow: hidden; }



/* 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; }

.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
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
/*@media (max-width: 640px) {

/* passer tous les elements de largeur fixe en largeur automatique */
/*body,
.page,
.header{background: /*url(img/) no-repeat ;*//*height:0px; }
/*.main,
.footer,
.wrapper,
.content,
.aside { width: auto !important; margin: auto !important; padding: auto !important; }
.page { margin: 0; padding: 1%; }

/* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
/*.content,
.aside { clear: both; float: none !important; width: auto !important; }
/*.placemenu{position:relative;padding-bottom:10px;width:177px; }*/
/*.menu0 {height:0px;}
.sousmenu0 {height:0px;}
.placemenu1 {position:relative; width: 172px; top:10px; left: 50%; margin-left: -86px;/* Cette valeur doit être la moitié négative de la valeur du width */z-index:1;} /*classe pour positionner le menu menu_fa1*/
/*.placemenu2 {position:relative; width: 172px; top:10px; left: 50%; margin-left: -86px;/*Cette valeur doit être la moitié négative de la valeur du width */z-index:1;} /*classe pour positionner le menu menu_fa2*/

/*.nav ul li a { float: none; border: 0; }
#formulaire_recherche { display: none; position: static; text-align: center; }
.arbo { display: none; }
.footer .colophon { width: auto; float: none; }
.footer .generator { display: none; }

/* header du calendrier full-calendar */
/*table.fc-header td { display: block; text-align: left; }

}

/* end */