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

  perso.css
 

-------------------------------------------------------------- */
/* LINKS
------------------------------------------ */
a { text-decoration: none; color:#105685; background:none !important; }
a:focus,a:hover,a:active { color: #187FC4 !important; text-decoration: none;background:none !important;  }

.footer a{ text-decoration: none; color:#000000; }
.footer a:focus,.footer a:hover,.footer a:active { color: #187FC4 important; text-decoration: none;}

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

typo

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

h1,
.h1 {
  font-size: 1.2em;
  line-height:1;
  margin-bottom: ;
color:#FFFFFF !important;
opacity:1;
}
h2,
.h2 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}
h3,
.h3 {
  font-size: 1.25em;
  line-height: 1.2;
  margin-bottom: 1.2em;
}
h4,
.h4 {
  font-size: 1.1em;
  line-height: 1.364;
  margin-bottom: 1.364em;
}
h5,
.h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
h6,
.h6 {
  font-size: 1em;
  font-weight: bold;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
  font-size: 60%;
  line-height: 0;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin: 1.5em 0;
  border: solid;
  border-width: 1px 0 0;
}
/* Elements principaux
------------------------------------------ */
body { text-align: center;}
.page_sommaire{
max-width:1600px;
width:100%;
background-image:url(img/maisondumonde_1600x1286.jpg);
background-repeat: no-repeat;
background-position:top right;
background-size:1600px auto;
background-attachment: scroll;
background-color:#BDD268;
}
.page_rubrique{
max-width:1600px;
width:100%;
 background-image:url(img/puzzle1b_1600x1286.jpg);
background-repeat: no-repeat;
background-position:top left;
background-size:1600px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_article{
max-width:1600px;
width:100%;
 background-image:url(img/puzzleb_1600x1286.jpg);
background-repeat: no-repeat;
background-position:top left;
background-size:1600px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_mot{
max-width:1600px;
width:100%;
 background-image:url(img/navigationb_1600x1286.jpg);
background-repeat: no-repeat;
background-position:top left;
background-size:1600px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_404{
max-width:1600px;
width:100%;
 background-image:url(img/maisondumonde_1600x1286.jpg);
background-repeat: no-repeat;
background-position:top left;
background-size:1600px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_contact{
max-width:1600px;
width:100%;
 background-image:url(img/maisondumonde_1600x1286.jpg);
background-repeat: no-repeat;
background-position:top left;
background-size:1600px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_auteur{
max-width:1600px;
width:100%;
 background-image:url(img/maisondumonde_1600x1286.jpg);
background-repeat: no-repeat;
background-position:top left;
background-size:1600px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_plan{
max-width:1600px;
width:100%;
 background-image:url(img/maisondumonde_1600x1286.jpg);
background-repeat: no-repeat;
background-position:top left;
background-size:1600px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_site{
max-width:1600px;
width:100%;
 background-image:url(img/maisondumonde_1600x1286.jpg);
background-repeat: no-repeat;
background-position:top left;
background-size:1600px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_recherche{
max-width:1600px;
width:100%;
 background-image:url(img/manif_place_1600x1286.jpg);
background-repeat: no-repeat;
background-position:top left;
background-size:1600px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.ma_top_barre{
position:fixed; top:0;
padding-top:0.5em;padding-bottom:0.5em;padding-left:1em;padding-right:1em;
max-width:1600px;
height:50px;
width:100%; 
background-color:#187FC4; 
opacity:0.90;
 z-index:20;
}
.logo_top{
float:left;width:40px; height:40px;background:transparent; color:#FFFFFF; margin-right:1em;
z-index:901;
}
.titre_top{
background:transparent; color:#FFFFFF;float:left;
z-index:901;
}

.page { 
position: relative; top:2em; 
max-width:1600px;
max-height:3000px;
width: 100%; 
}

.spip_logo{
float:none;
}
.G_titre{
background-color:#187FC4; opacity:0.6; text-align:center; 
 margin-bottom:20em;
}

.gtitre{
opacity:1 !important; font-size:1.5em; color:#FFFFFF; text-transform:uppercase; text-align:center; text-shadow:0px 0px 1px #000000; width:70%;  padding:0.5em; padding-top:1em;
background:transparent;z-index:400;
}
.gtitre a:link{
opacity:1 !important;
color:#FFFFFF;
background:transparent;
}
.gtitre a:hover{
color:#FFFFFF !important;
background:transparent;
}
.gtitre a:focus{
color:#FFFFFF;
background:transparent;
}
.gtitre a:visited{
color:#FFFFFF;
background:transparent;
}

.chapo{
font-weight:200;
}
.header {}
.big0{
display:block;
}
.big00{
display:block;
}

.main { padding: 1.5em 0;background-color:#187FC4; opacity:0.9;margin-bottom:2em; }
.footer { clear: both; padding: 1em 0 0; margin:1em 0 0 0; border-top:1px solid #999; }

/* largeur calculee du wrapper: 960*70%  = 672px */

.content { min-height: 350px; }
/* largeur calculee du aside: 672px / 3 = 224px = 23.333 %*/
   
  
/* Entete et barre de navigation
------------------------------------------ */
.header {margin:0; padding:0; }
.header .spip_logo_site { display: block; margin: 0; line-height: 1; font-weight: bold;  }
.header .spip_logo_site,
.header .spip_logo_site a,
.header .spip_logo_site a:hover { background: transparent; text-decoration:none; color:#222; }
.header .spip_logo_site a:hover  {color:#db1762;}
.header .spip_logo_site a:hover img {opacity:0.7;}
.header .spip_logo {margin-bottom:0;}
.header #slogan { margin: 0; }

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

}
.nav_2{
position:fixed;
margin-top:0;
max-width:1600px;
width:100%;
height:50px;
padding:0;
z-index:!important 900; 
}
.nav {text-transform: uppercase; text-align:left;}
.floatl{
float:left;
}
.floatr{
float:right;
}
h1 .spip_logo_site{
z-index:!important 901; 
}
.nav1{
margin-left:22%; margin-top:10px; background-color:#187FC4;
opacity:0.9;
max-width:380px;
width:100%;
padding:15px;
z-index:890;
}
.nav1b{
margin-left:42%; margin-top:10px; background-color:#187FC4;
opacity:0.9;
max-width:380px;
width:100%;
padding:15px;
z-index:890;
}
sf-menu
.nav li {display:inline;}
.nav li a { display: inline-block; padding: 0.25em 0.5em; margin: 0 0.25em 0.5em 0;border-radius: 0.25em;  text-decoration: none;  background: none; color: #FFFFFF; }
.nav li.on a { background:none; color:#fff; font-weight: normal; }
.nav li a:focus,
.nav li a:hover,
.nav li a:active { background: transparent; color:#fff !important; }
 
a.nav-toggle:link, a.nav-toggle:focus,a.nav-toggle:hover {height:30px;color:#FFFFFF !important;text-align:center; text-decoration:none; background-color:#187FC4;}
	a.nav-toggle.active, a.nav-toggle.active:focus {background:transparent !important; text-decoration:none;color:#FFFFFF !important; outline:none;}

.flex-container9 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
position:fixed;
max-width:1600px;
width:100%;
height:50px !important;

		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: nowrap;
		   -moz-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
top:0;
margin:0;
padding-top:0;
padding-bottom:0;
z-index:!important 900; 
}

.flex-container9 > div{
font-size:0.8em;
font-weight:300;
color:#FFFFFF;
margin:0;
z-index:!important 900; 
}
div .flex-item9{
max-width:1600px;
width:auto;
text-align:center;
text-transform:uppercase;
height:48px!important;
text-align:center; 
padding-top:12px;
z-index:!important 900; 
}

#idbdr91{
order:1;
max-width:1600px;
width:20%;
}
#idbdr92{
order:2;
max-width:1600px;
width:20%;
}

#idbdr93{
order:3;
max-width:1600px;
width:0%;
}
#idbdr94{
order:4;
max-width:1600px;
width:20%;
}

#idbdr95{
order:5;
max-width:1600px;
width:15%;
}
#idbdr96{
order:6;
max-width:1600px;
width:8.5%;
}
#idbdr97{
order:7;
max-width:1600px;
width:8.5%;
}
#idbdr98{
order:8;
max-width:1600px;
width:8%;

}
#idbdr99{
order:9;
max-width:1600px;
width:0%;
}
.txtbdr91{
text-align:center;
}
.txtbdr92{
padding-top:10px;
text-align:center;
}
.txtbdr93{
text-align:center;
}
.txtbdr94{
text-align:center;
padding-top:10px;
}
.txtbdr95{
text-align:center;
padding-top:10px;
}
.txtbdr96{
text-align:center;
padding-top:4px;
}
.txtbdr97{
text-align:center;
padding-top:4px;
}
.txtbdr98{
text-align:center;
padding-top:1px;
padding-right:10px;
}
.txtbdr99{
text-align:center;
}
.htext{
line-heught:1.2em;
}
.flex-item9 a{
text-decoration:none !important;
color:#FFFFFF;
font-size:1em;
font-family: "AptlyRegular", "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
font-weight:900;
background:transparent !important;
}
.flex-item9 li a:hover{
background_color:transparent;
color:!important #333333;
}
.flex-item9 li a:focus{
background_color:transparent;
color:!important  #333333;
}
.flex-item9 li a:visited{
background_color:transparent;
color:#FFFFFF;
}
.nav{
 
}
.navb{

}
.sf-menu div:hover > ul {
max-width:640px;
width:100%;
margin:0;
padding:0;
}

.sf-menu a:hover <ul {
	display: block;
max-width:640px;
width:100%;
margin:0;
padding:0;
}
.menu_small{

}
ul .navc{
display:block;

margin-left:0;
margin-right:0;
max-width:640px;
width:100%;
padding-bottom:4em; 
max-height:2000px;
height:auto; 
}

li .milinav{
max-width:640px;
width:100%;
text-transform:none;
font-size:1.2em;
line-height:2.2em;
}
.milinav div a:link{
color:#FFFFFF;
}
.milinav div a:hover{
color:#BDD268 !important ;
}
.milinav div a:focus{
color:#BDD268 !important ;
}
.milinav div a:visited{
color:#FFFFFF;
}
.footer{
background-image:url(img/bas_de_page_1600x318_blanc.png);
background-repeat: no-repeat;
background-position:bottom center;
background-size:100% auto;
background-attachment: fixed;
background-color:#BDD268;opacity:0.8; padding-bottom:1em; margin-top:6em;
}
.footer .colophon { float: left; height: auto; width: 100%; margin: 0; min-height:60px;bottom:0; }
.footer .generator { float: right; }
.footer .generator a { padding: 0; background: transparent; }
.footer .generator a:hover  {color:#c41558;}

/* flex
------------------------------------------ */
.flex-container1 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
width:100%;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:transparent;
position:relative;
top:0;
}
.flex-container2 {
display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
width:100%;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:transparent;
position:relative;
top:0;
}
.flex-container3 {
display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
width:100%;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:#FFFFFF;
position:relative;
top:0;
}

.flex-container1 > div{
width:30%;
padding:5px;
margin:1%;
min-height:100px;
background-color:#FFFFFF;
color:#666666;

}
.flex-container2 > div{
color:#333333;
padding:1em;
margin:1%;
width:30%;
min-height:100px;
background-color:#FFFFFF;
text-align:left;
}

.flex-container3 > div{
color:#333333;
padding:1em;
margin:1%;
width:30%;
min-height:100px;
background-color:#FFFFFF;
text-align:left;
}

div .flex-item1{
border-top:solid 1px #187FC4;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #62C1C8;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.flex-container3 > div{
padding:5px;
margin:1%;
min-height:100px;
width:30%;
background-color:blue;
color:#FFFFFF;
opacity:1;
}
#idMM1{
flex-grow: 1;
order:1;
}
#idMM2{
flex-grow: 3;
order:2;
}
.miedito .alerte{
max-width:400px; width:100%; border:solid 1px #187FC4; border-left:solid 4px #187FC4; min-height:80px;margin-top:4em; margin-bottom:2em;
}
.infolettre{
margin:1.5em;border:solid 2px #187FC4;
padding:0.5em;

}
.minuage{
margin:2em;
padding:2em;
background-color:#FFFFFF;
}
.minuage a:link{
color:#187FC4 !important;
}
.bouton_agenda{
display:none;
}
.texte_bas{
background-color:#A2BC38; padding:2px; margin-bottom:12px; line-height:1em;
}

/* titrailles textrailles
------------------------------------------ */

.edito,
.recents{
margin-top:2em; margin-bottom:2em; margin-left:2em; text-transform:uppercase;
}
.titre_edito{
padding-left:1em; padding-bottom:2em;
}
.titre_recents{
padding-left:1em; line-height:1.2em;
}
.titreV {
width:60%;padding:0.8em; text-align:center;  border: 3px solid #BDD268;
  border-radius: 10px;
}
.titreB {
width:60%;padding:0.8em; text-align:center;  border: 3px solid #AEEDFF;
  border-radius: 10px;
}
.titreBB {
width:60%;padding:0.8em; text-align:center;  border: 3px solid #187FC4;
  border-radius: 10px;
}
.titreJ {
width:85%;padding:0.8em; text-align:center;  border: 3px solid #F5EFA3;
  border-radius: 10px;
}
.recents_actu{
background-color:#AEEDFF; color:#000000; padding:10px; margin-bottom:1.5em;}

.recents_asso{background-color:#F5EFA3; color:#000000; padding:10px; margin-bottom:1em;}

.recents_agenda{border-left:solid 7px #BDD268; color:#000000; padding:10px; margin-bottom:1em;}
.recents_peuplesso{background-color:#E4DAF2; color:#000000; padding:10px; margin-bottom:1em;}
/* formulaire
------------------------------------------ */

#formulaire_recherche{
	
	font-size: 1em;
}
.formulaire_recherche input.text {
	width: 15em;
	height:2em;
	padding-left: 20px;
	background-color:#FFFFFF;
	background-image: url(img/blanc_transpa_50);
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #187FC4;
}
.formulaire_recherche input.submit {
	visibility: hidden;
}

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

/* Affichage sur petits ecrans  
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
/* largeur maximum 980px */
@media (max-width: 980px) {
	body {   	width: 100%;	height:100%;
}

.page_sommaire{
max-width:980px;
width:100%;
 background-image:url(img/maisondumonde_evry_980x787.jpg);
background-repeat: no-repeat;
background-position:top right;
background-size:980px auto;
background-attachment: scroll;
background-color:#BDD268;
}
.page_rubrique{
max-width:980px;
width:100%;
 background-image:url(img/puzzle1b_980x788.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:980px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_article{
max-width:980px;
width:100%;
 background-image:url(img/puzzleb_980x788.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:980px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_mot{
max-width:980px;
width:100%;
 background-image:url(img/navigationb_980x788.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:980px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_404{
max-width:980px;
width:100%;
 background-image:url(img/maisondumonde_evry_980x787.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:980px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_contact{
max-width:980px;
width:100%;
 background-image:url(img/maisondumonde_evry_980x787.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:980px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_auteur{
max-width:980px;
width:100%;
 background-image:url(img/maisondumonde_evry_980x787.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:980px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_plan{
max-width:980px;
width:100%;
 background-image:url(img/maisondumonde_evry_980x787.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:980px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_site{
max-width:980px;
width:100%;
 background-image:url(img/maisondumonde_evry_980x787.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:980px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.page_recherche{
max-width:980px;
width:100%;
 background-image:url(img/manif_place_980x788.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:980px auto;
background-attachment: fixed;
background-color:#BDD268;
}

.page {max-width:980px;
width:100%;
}
.footer{
background-image:url(img/base_de_page_980x303_blanc.png);
background-repeat: no-repeat;
background-position:bottom center;
background-size:* 100%;
background-attachment: fixed;
background-color:#BDD268;opacity:0.8; padding-bottom:1em; margin-top:6em;
}

}

/* largeur maximum 820px */
@media (max-width: 820px) {
	body {   	width: 100%;	height:100%;}
.big0{
display:none;
}

.page_sommaire{
max-width:820px;
width:100%;
 background-image:url(img/maisondumonde_evry_820x659.jpg);
background-repeat: no-repeat;
background-position:top right;
background-size:820px auto;
background-attachment: scroll;
background-color:#BDD268;
}
.page_rubrique{
max-width:820px;
width:100%;
 background-image:url(img/puzzle1b_820x659.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:auto 659px;
background-attachment: fixed;
background-color:#BDD268;
}
.page_article{
max-width:820px;
width:100%;
 background-image:url(img/puzzleb_820x659.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:auto 659px;
background-attachment: fixed;
background-color:#BDD268;
}
.page_mot{
max-width:820px;
width:100%;
 background-image:url(img/navigationb_820x659.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:auto 659px;
background-attachment: fixed;
background-color:#BDD268;
}
.page_404{
max-width:820px;
width:100%;
 background-image:url(img/maisondumonde_evry_820x659.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:auto 659px;
background-attachment: fixed;
background-color:#BDD268;
}
.page_contact{
max-width:820px;
width:100%;
 background-image:url(img/maisondumonde_evry_820x659.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:auto 659px;
background-attachment: fixed;
background-color:#BDD268;
}
.page_auteur{
max-width:820px;
width:100%;
 background-image:url(img/maisondumonde_evry_820x659.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:auto 659px;
background-attachment: fixed;
background-color:#BDD268;
}
.page_plan{
max-width:820px;
width:100%;
 background-image:url(img/maisondumonde_evry_820x659.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:auto 659px;
background-attachment: fixed;
background-color:#BDD268;
}
.page_site{
max-width:820px;
width:100%;
 background-image:url(img/maisondumonde_evry_820x659.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:auto 659px;
background-attachment: fixed;
background-color:#BDD268;
}
.page_recherche{
max-width:820px;
width:100%;
 background-image:url(img/manif_place_820x659.jpg);
background-repeat: no-repeat;
background-position:top right;
background-size:auto 659px;
background-attachment: fixed;
background-color:#BDD268;
}




	.page {max-width:820px;
width:100%; padding-bottom:0;margin-bottom:0;	}

.flex-container1{
    flex-direction: column;
	flex-align:left;
align-content:center;
}
.flex-container2{
    flex-direction: column;
	flex-align:left;
align-content:center;
}
.flex-container1 > div {
max-width:480px;
width:100%;
margin:1%;
margin-left:0;
}
.flex-container2 > div {
max-width:480px;
width:100%;
margin:1%;
margin-left:0;
}
#idMM1{

order:2;
}
#idMM2{

order:1;
}
.edito,
.recents{
margin-top:2em; margin-bottom:2em; margin-left:0; text-transform:uppercase; text-align:center;
}

.minuage h2{
  font-size: 1em;
}
.bouton_agenda{
display:block;
width:100px;
text-align:center;
margin:1.5em;border:solid 2px #187FC4;
background-color:#FFFFFF;
padding:0.5em;
}
.footer{
background-image:url(img/base_de_page_820x256_blanc.png);
background-repeat: no-repeat;
background-position:bottom center;
background-size:* 100%;
background-attachment: fixed;
background-color:#BDD268;opacity:0.8; padding-bottom:1em; margin-top:6em;
}
}

/* largeur maximum 640px */
@media (max-width: 640px) {
     /* layout */
.big00{
display:none;
}

.slog_sommaire{
margin-bottom:15em;
}
.slog{
font-size:1.2em;
}
    .wrapper,
    .content,
    .aside { width: 100%;}
    .content,
    .aside { clear: both; float: none; width: 100%; }
.gtitre{
font-size: !important 1.2em;
}
.page_sommaire{
max-width:640px; 
width:100%;
 background-image:url(img/maisondumonde_evry_640x514.jpg);
background-repeat: no-repeat;
background-position:top right;
background-size:640px auto;
background-attachment: scroll;
background-color:#BDD268;
}

#idbdr91{
order:1;
max-width:1600px;
width:20%;
}
#idbdr92{
order:2;
max-width:1600px;
width:0%;
}

#idbdr93{
order:3;
max-width:1600px;
width:0%;
}
#idbdr94{
order:4;
max-width:1600px;
width: !important 0%;
}

#idbdr95{
order:5;
max-width:1600px;
width:20%;
}
#idbdr96{
order:6;
max-width:1600px;
width:20%;
}
#idbdr97{
order:7;
max-width:1600px;
width:20%;
}
#idbdr98{
order:8;
max-width:1600px;
width:0%;

}
#idbdr99{
order:9;
max-width:1600px;
width:20%;
}
.nav1c{
margin-top:10px; 
background-color:#187FC4;
opacity:0.9;
max-width:640px;
width:100%;
padding:15px;
z-index:890;
}
.minuage{
margin:0;
padding:0.5em;
}
.footer{
background-image:url(img/base_de_page_820x256_blanc.png);
background-repeat: no-repeat;
background-position:bottom center;
background-size:* 100%;
background-attachment: fixed;
background-color:#BDD268;opacity:0.8; padding-bottom:1em; margin-top:6em;
}
    /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
    .nav ul li a { float: none; border: 0; }
    .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; }

}
/* largeur maximum 480x */
@media (max-width: 480px) {
body{
margin:0 0 0 0;
padding:0 0 0 0;
}
.page_sommaire{
max-width:480px; 
width:100%;
 background-image:url(img/maisondumonde_evry_480x386.jpg);
background-repeat: no-repeat;
background-position:top right;
background-size:480px auto;
background-attachment: scroll;
background-color:#BDD268;
}
.page_rubrique{
max-width:480px; 
width:100%;
 background-image:url(img/puzzle1b_820x659.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size:480px auto;
background-attachment: fixed;
background-color:#BDD268;
}
.slog_sommaire{
background:none; opacity:1; border:solid 1px green;text-align:center; padding-top:10em; margin-bottom:3em;
}
.slog{

}
.page{

}
.G_titre{
margin-bottom:15em;
}
}
/* largeur maximum 380x */
@media (max-width: 380px) {

.slog_sommaire{
background:none; opacity:1; border:solid 1px green;text-align:center; padding-top:7em; margin-bottom:3em;
}
.G_titre{
margin-bottom:6em;
}
.ma_top_barre{
padding-left:0.1em;width:100%;
}
.logo_top{
margin-right:0em;
}
}
/* fin *//* CSS Document */