.nav{
	/*width: 60px;
	position: fixed;*/
}
     /*par défaut, le menu est caché*/
.menu-content {
	visibility: collapse; /*max-height: 0;*/
    overflow: hidden;
}
  /*texte du label non désiré transparent*/
     /*décalage du mot "MENU" et du bouton on-off*/
.collapsible-menu {
    color: rgba(0, 0, 250, 0.1);   /*couleur des puces au repos ici transparentes donc invisibles*/
 	padding: 5px 5px 0px 5px;/
    /*border-bottom: 3px solid #CDE700; ligne jaune eu dessous du menu*/
    /*box-shadow: 1px 2px 3px rgba(0,0,0,0.2); boîte éventuelle autour du menu*/
}
/*.collapsible-menu ul {  /*NON NON*/
    /*list-style-type: none;*/
/*    padding: 0;
	color: #ff0000; /*couleur des petits points à gauche du menu*/
/*}*/
#menudroite > li:hover {color: red;}   /*couleur de la puce au survol*/
/*.collapsible-menu > li:hover {color: red;}*/ /* inutile???*/
.collapsible-menu a {
    display:block;
    padding: 5px;
	margin: 5px; /*petit espace entre les textes du menu*/
    text-decoration: none; /*textes non soulignés*/
	color: #000000; /*les textes du menu noir*/
}
.collapsible-menu a:hover {
    background-color: rgba(150,50,50,0.6); /*brun=couleur de fond du menu au survol*/
}
/*.collapsible-menu label {  /*concerne le bouton cliquable menu-burger.jpg*/
/*    font-size: 25px;  /*hauteur du bouton menu-burger.jpg et close.jpg*/
/*    display: block;
    cursor: pointer;
    /*background: url(images/menu-burger.jpg) no-repeat left;*/
	/*padding: 10px 0 10px 50px;*/
/*}*/
/*input#bouton-menu {    /*petit carré à cocher éventuel*/
    /*display: none;*/
}
#expand-toggle {
  display: none;
}
* .page0, /*couleur de fond des menus*/
.page1, /* modifiée tout au bas de cette page pour la page sur laquelle on est*/
.page2, .page3, .page4, .page5, .page6, .page7, .page8, .page9,
.page10, .page11, .page12, .page13, .page14, .page15 {background-color: rgba( 0,176,255,1); }  /*255, 233, 51,0.8*/
/* Hide expandable content by default */
.expandable {
  visibility: collapse;
}
/* Style the button */
#expand-btn {
  display: inline-block;
  float: right;
  font-size: 40px;  /*hauteur du bouton actif*/
  background: url(images/menu-burger.png) no-repeat left;
    cursor: pointer;
  color: rgba(0, 0, 0, 0);
  /*border: 1px solid;
  border-radius: 3px;*/
}
#expand-toggle {
  display: none;
}
/* Show hidden content when the checkbox is checked */
#expand-toggle:checked ~ .expandable {
  visibility: visible;
}

/* Style the button when the checkbox is checked */
#expand-toggle:checked ~ #expand-btn {
  background: url(images/menu-close.png) no-repeat left;  /*background-color: #ccc;*/
}
@media (min-width: 201px) {    /*si grand écran, menu toujours visible*/
.collapsible-menu { visibility: visible;}   /*max-height: 100%;}*/
label{max-height: 0;}   /*si grand écran, bouton on-off invisible*/
}
/*ATTENTION CHAQUE PAGE donne une longueur différente à l'iframe du menudedroite.html*/
/* PRINCIPE: CHAQUE PAGE DONNE AU menudedroite UN IFRAME DE HAUTEUR DIFFERENTE*/
/* SUR CHAQUE PAGE, ajuster la longueur de l'iframe du menudedroite*/
/* menudedroite regarde la longueur de son iframe et */
/* donne la bonne classe à la ligne du menu qui lui donne sa couleur*/
@media (height: 1000px) {    /*on est à la page accueil*/
.page0 {background-color: rgba(255,110,51,1); }   /*ff6e33=255,110,51=orange*/
}
@media (height: 1000px) {    /*on est sur la page0=accueil*/
.page0 { background-color: rgba(255,110,51,1);}
}
@media (height: 1001px) {    /*on est sur la page1=charismes*/
.page1 { background-color: rgba(255,110,51,1);}
}
@media (height: 1002px) {    /*on est sur la page2=messages-marie*/
.page2 { background-color: rgba(255,110,51,1);}
}
@media (height: 1003px) {    /*on est sur la page3=marie-18s*/
.page3 { background-color: rgba(255,110,51,1);}
}
@media (height: 1004px) {    /*on est sur la page4=marie-19s*/
.page4 { background-color: rgba(255,110,51,1);}
}
@media (height: 1005px) {    /*on est sur la page5=marie-20s*/
.page5 { background-color: rgba(255,110,51,1);}
}
@media (height: 1006px) {    /*on est sur la page6=recents*/
.page6 { background-color: rgba(255,110,51,1);}
}
@media (height: 1007px) {    /*on est sur la page7=maria-valtorta*/
.page7 { background-color: rgba(255,110,51,1);}
}
@media (height: 1008px) {    /*on est sur la page8=giuliana-buttini*/
.page8 { background-color: rgba(255,110,51,1);}
}
@media (height: 1009px) {    /*on est sur la page9=vassula-ryden*/
.page9 { background-color: rgba(255,110,51,1);}
}
@media (height: 1010px) {    /*on est sur la page10=stigmatises*/
.page10 { background-color: rgba(255,110,51,1);}
}
@media (height: 1011px) {    /*on est sur la page11=devotions*/
.page11 { background-color: rgba(255,110,51,1);}
}
@media (height: 1012px) {    /*on est sur la page12=lexique*/
.page12 { background-color: rgba(255,110,51,1);}
}
@media (height: 1013px) {    /*on est sur la page13=eschatologie*/
.page13 { background-color: rgba(255,110,51,1);}
}
@media (height: 1014px) {    /*on est sur la page14=événements Banneux*/
.page14 { background-color: rgba(255,110,51,1);}
}
@media (height: 1015px) {    /*on est sur la page15=*/
.page15 { background-color: rgba(255,110,51,1);}
}
@media (height: 1016px) {    /*on est sur la page13=eschatologie*/
.page16 { background-color: rgba(255,110,51,1);}
}
@media (height: 1017px) {    /*on est sur la page14=événements Banneux*/
.page17 { background-color: rgba(255,110,51,1);}
}
@media (height: 1018px) {    /*on est sur la page15=*/
.page18 { background-color: rgba(255,110,51,1);}
}