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

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

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

body { width: 100%; text-align: center; /*background: #FFF url(img/background.png);*/ background: #Fc0 ; }
.page { position: relative; width: 93%;
  max-width: 1280px; margin: 0 auto; margin: 0 auto; padding: 0; text-align: center; background: rgba(255,255,255,0); }

.header {}
.main { padding: 1.5em 0; }

.section { width: 100%; padding: 0; background: rgba(0,0,0,0.2);}

.section-12 { float: left; width: 8.3333333%; min-height: 75px; overflow: hidden;margin: 0; padding: 0; }
.section-6 { float: left; width: 16.666666%; min-height: 150px; overflow: hidden;margin: 0; padding: 0; }
.section-5 { float: left; width: 20%; min-height: 150px; overflow: hidden;margin: 0; padding: 0; }
.section-4 { float: left; width: 25%; min-height: 150px; overflow: hidden;margin: 0; padding: 0; }
.section-3 { float: left; width: 33.3333333%; min-height: 150px; overflow: hidden; margin: 0; padding: 0; }
.section-23 { float: left; width: 66.6666666%; min-height: 150px; overflow: hidden; margin: 0; padding: 0; }
.section-2 { float: left; width: 50%; min-height: 150px; overflow: hidden; margin: 0; padding: 0; }
.section-1 { float: left; width: 100%; min-height: 150px; overflow: hidden; margin: 0; padding: 0; }

.sectionmini-12 { float: left; width: 8.3333333%; min-height: 75px; overflow: hidden;margin: 0; padding: 0; }
.sectionmini-6 { float: left; width: 16.666666%; min-height: 75px; overflow: hidden;margin: 0; padding: 0; }
.sectionmini-5 { float: left; width: 20%; min-height: 75px; overflow: hidden;margin: 0; padding: 0; }
.sectionmini-4 { float: left; width: 25%; min-height: 75px; overflow: hidden;margin: 0; padding: 0; }
.sectionmini-3 { float: left; width: 33.3333333%; min-height: 75px; overflow: hidden; margin: 0; padding: 0; }
.sectionmini-23 { float: left; width: 66.6666666%; min-height: 75px; overflow: hidden; margin: 0; padding: 0; }
.sectionmini-2 { float: left; width: 50%; min-height: 75px; overflow: hidden; margin: 0; padding: 0; }
.sectionmini-1 { float: left; width: 100%; min-height: 75px; overflow: hidden; margin: 0; padding: 0; }

.box { width: auto; min-height: 150px; padding: 1.5em; background: rgba(0,0,0,0.2);margin: 5px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.boxmini { width: auto; min-height: 75px; padding: 2.5em 1.5em 0.5em; background: rgba(0,0,0,0.2);margin: 5px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

#editorial {text-align:justify;}
#editorial h2{color:#222;}

#article {text-align:justify;}
#article h1, #article h2{color:#222;}

/*#contact {text-align:justify;}*/
#contact h1, #contact h2{color:#222;}

#menu a { color: rgba(0,0,0,0.3); text-decoration: none;  }
#menu a:focus,
#menu a:hover,
#menu a:active { background-color: transparent; color:rgba(255,255,255,0.8); text-decoration: none; }

.titre {font-size:1.25em; margin: 0.5em 0 0 0;}

.logomenu {
	margin: 0 auto;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #fff;
}

.logomenu img {
	max-width: 100%; margin: 0.3em auto;
	border-radius: 50%;
	opacity: 0.9;
}

.footer { clear: both; padding: 1.5em; background: rgba(0,0,0,0.2);
margin:5px 5px 10px 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align:left; color:rgba(255,255,255,0.3);}

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

img {
  max-width: 100%; height: auto;
}

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

.header { padding: 5px; text-align:left; }
.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: rgba(255,255,255,0.4); }
.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: auto; width: 85%; margin: 0; padding-top:15px;}
.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: 1024px) {

/* passer tous les elements de largeur fixe en largeur automatique */

.section-6 { float: left; width: 25%; min-height: 200px; overflow: hidden;}
.section-4 { float: left; width: 33.333333%; min-height: 200px; overflow: hidden;}
.section-3 { float: left; width: 50%; min-height: 200px; overflow: hidden; }
.section-23 { float: left; width: 50%; min-height: 200px; overflow: hidden; }
.section-2 { float: left; width: 50%; min-height: 200px; overflow: hidden; }
.section-1 { float: left; width: 100%; min-height: 200px; overflow: hidden; }

.sectionmini-6 { float: left; width: 25%; min-height: 75px; overflow: hidden;}
.sectionmini-4 { float: left; width: 33.333333%; min-height: 75px; overflow: hidden;}
.sectionmini-3 { float: left; width: 33.333333%; min-height: 75px; overflow: hidden; }
.sectionmini-23 { float: left; width: 50%; min-height: 75px; overflow: hidden; }
.sectionmini-2 { float: left; width: 50%; min-height: 75px; overflow: hidden; }
.sectionmini-1 { float: left; width: 100%; min-height: 75px; overflow: hidden; }

}

@media (max-width: 800px) {

/* passer tous les elements de largeur fixe en largeur automatique */

.section-6 { float: left; width: 33.3333333%; min-height: 200px; overflow: hidden;}

.sectionmini-6 { float: left; width: 33.3333333%; min-height: 75px; overflow: hidden;}

}

@media (max-width: 640px) {

/* passer tous les elements de largeur fixe en largeur automatique */
body,
.page,
.header,
.main,
.footer,
.wrapper,
.content,
.aside { width: auto !important; margin: auto !important; padding: auto !important; }

.page { margin: 0; padding: 5%; }

.section-6 { float: left; width: 100%; min-height: 200px; overflow: hidden;}
.section-4 { float: left; width: 100%; min-height: 200px; overflow: hidden;}
.section-3 { float: left; width: 100%; min-height: 200px; overflow: hidden; }
.section-2 { float: left; width: 100%; min-height: 200px; overflow: hidden; }
.section-23 { float: left; width: 100%; min-height: 200px; overflow: hidden; }
.section-1 { float: left; width: 100%; min-height: 200px; overflow: hidden; }

.sectionmini-6 { float: left; width: 100%; min-height: 75px; overflow: hidden;}
.sectionmini-4 { float: left; width: 100%; min-height: 75px; overflow: hidden;}
.sectionmini-3 { float: left; width: 100%; min-height: 75px; overflow: hidden; }
.sectionmini-2 { float: left; width: 100%; min-height: 75px; overflow: hidden; }
.sectionmini-23 { float: left; width: 100%; min-height: 75px; overflow: hidden; }
.sectionmini-1 { float: left; width: 100%; min-height: 75px; overflow: hidden; }

/* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
.content,
.aside { clear: both; float: none !important; width: auto !important; }
.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 */