md-toast.md-vcenter {
  top: 50%;
  /* transform: translate3d(-50%, 0, 0); */
}

md-toast.md-success-toast-theme .md-toast-content {
    background-color: green;
}

md-toast.md-error-toast-theme .md-toast-content {
    background-color: #9cd95b;
    color:#0000FF;
}

md-tooltip .md-content {
    height: auto;
}

.disabled {
    opacity: 0.5;
}

footer {
	width: 100%;
    background-color: #9cd91e;
    font-family:"times new roman", times, serif;
    position: absolute;
    bottom: 0;
    font-size: 16px;
    color:#0000FF;
}

/* pour définir la hauteur et la largeur des éléments graphiques en % de la largeur et de la hauteur de la fenêtre */
/* et j'ai remis la version codemirror.css initiale...  */
/* 27 octobre 2016 - bwd */

/* schemamemoire {
  height: 70%;
  width: 60%;
} */

panzoom {
   display: flex;
   width: 50em ;
   height: 50em ;
   align-items: center;
   justify-content: center;
   height: 100%; // To make it fit in the parent
}

panzoom.img {
   display: block;
   max-width: 100%;
   max-height: 100%;
   height: auto;
}

/* ca fiche le bazar et la fenêtre de code n'a plus qu'une seule ligne !!!!
/* 31 octobre 2016 - bwd */

/* programme {
	width: 100%;
	height: 100%;
} */

/* il faut modifier la hauteur car elle est fixée à 300px dans le style de code mirror !!!!!!! */
/* 31 octobre 2016 - bwd */

textarea {
	width: 100%;
}

.CodeMirror {
	height: 400px;
}

/*   à enlever sinon on ne voit plus les boutons associés à la zone de texte */
/*   position: absolute; */
/*   top: 0;  bottom: 0; left: 0; right: 0; */
/*   height: 100%; */
/*   width: 100%; */
/*   overflow:auto;   ajoute un scroll qui ne marche pas ! */


/* console { */
/*   height: 100%; */
/* }  */

/* pour mettre une image en background : 
background-image: url(images/...) ;
*/

/* pour que le texte d'un bouton reste en minuscules et soit vert... bwd - 28 octobre 2016 */
/* le fond est bien vert, mais je n'arrive pas à mettre le texte en vert... */

.md-button.btn1 {
  font-size: 18px; 
  font-color: #9cd91e;
  background-color: #9cd95b;
  text-transform: lowercase;  /* sinon, le texte est écrit en majuscules ! */
}

.md-button.md-icon-button {
    margin: 0 0.6rem;
    height: 4.8rem;
    min-width: 0;
    line-height: 4.8rem;
    padding-left: 0;
    padding-right: 0;
    width: 4.8rem;
}

/* custom du menu d'ouverture des options à droite et à gauche - bwd - 28 octobre 2016 */
.md-sidenav.md-sidenav-right {
    padding-top: 0; /* 0.35em; */
    padding-bottom: 0; /* 0.625em; */
    padding-left: 0. ;
    padding-right: 0.;
}

.md-sidenav.md-sidenav-left {
    padding-top: 0; /* 0.35em; */
    padding-bottom: 0; /* 0.625em; */
    padding-left: 0. ;
    padding-right: 0.;
    overflow: auto;
}

/* options - version Martine --------------------------------------------------------------------------------------------------------------------- */

div.options {
	padding-top: 0; /* 0.35em; */
    padding-bottom: 0; /* 0.625em; */
    padding-left: 0.75em;
    padding-right: 0.75em;
 	margin-top: 0px;
    margin-bottom: 0px;
 	background-color: #9cd95b;  /* #9cd91e; */
 	font-family:"times new roman", times, serif;
    font-size: 14px;
    color:#0000FF;
}

div.ressourcesArtEoz {
	padding-top: 1em;
    padding-bottom: 0; /* 0.625em; */
    padding-left: 0.75em;
    padding-right: 0.75em;
 	margin-top: 0;
    margin-bottom: 0;
 	background-color: #9cd95b;  /* #9cd91e; */
 	font-family:"times new roman", times, serif;
    font-size: 14px;
    color:#0000FF;
    height: 100% ;
    overflow: auto;
    list-style:none ;   /* pour supprimer les bullets de la liste des ressources... bwd - 7 décembre 2016 */
}

/* alignement des checkbox et des lables pour la liste des resources proposées par artEoz
   7 décembre 2016 _ bwd
*/
   
label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}

input {
  width: 13px;
  height: 13px;
  padding: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  *overflow: hidden;
}

div.ressources {
	padding-top: 1em;
    padding-bottom: 0; /* 0.625em; */
    padding-left: 0;
    padding-right: 0.75em;
 	margin-top: 0;
    margin-bottom: 0;
 	background-color: #9cd95b;  /* #9cd91e; */
 	font-family:"times new roman", times, serif;
    font-size: 14px;
    color:#0000FF;
    height: 100% ;
    overflow: auto;
}

md-dialog {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
}

.md-dialog-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;     /* modification de 100 à 130 pour décaler l'affichage du menu vers la droite... */
  height: 100%;
  z-index: 80;     /* pour le placer devant les autres fenêtres */
  overflow: hidden;
}

md-checkbox {
  padding: 0 0 0 0;
}

md-checkbox .md-icon {
 border-width: 0;
 border-style: none;
 /* 
 width:60%;
 height:60%;
 */
}

md-checkbox.md-checked .md-icon:after {
      box-sizing: border-box;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      left: 6.66667px;
      top: 2.22222px;
      display: table;
      width: 6.66667px;
      height: 13.33333px;
      border-width: 2px;
      border-style: solid;
      border-top: 0;
      border-left: 0;
      content: ''; }
              
md-checkbox.md-checked.blue .md-icon {
 background-color: #034df4; /* #0000FF; */
}

.listeBoutonsTuto {
  margin: 0; }
  
/* petits boutons horizontaux pour le tutoriel */
.boutontuto {
  margin: -10px; /* au lieu de 6px 8px 6px 8px; */
  padding-right: -10px;
  line-height: -1px; /* au lieu de 36px qui fait trop d'espace vertical entre les boutons */
}

/* le style du tutoriel */
.tutoriel {
	font-size: 11px;
	text-align: justify;
	padding-right: 20px;   /* pour que le texte ne butte pas contre les limites de la fenêtre */
	padding-left: 20px;
}

.tuto {
	overflow-x : hidden;  /* pour faire disparaître la scrollbar horizontale quand le texte du tooltip bute contre le schéma mémoire */
	/* z-index: 999;  /* <----- plus aucun tooltip ne peut recouvrir cette frrame !!!!! */
}

/* le style particulier des tooltips des tutos - bwd - 14 septembre 2017 */
.tooltipTuto {
	
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 70%;
    text-align: justify;
    
    position: absolute; /* ne pas toucher la position du tooltip... */
    
    background: transparent !important;
    
    background-color: #c7f282 !important;    /* couleur du fond du cadre du tooltip */
    color: #180cf2 !important;               /* couleur de la police */
    
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    padding: 5px;
    
    width:auto !important;
    min-width: 5% !important;
    max-width: 20% !important;
    
    height: auto !important;
    white-space: normal !important;
}

/* permet d'autoriser les lignes du tooltip à aller automatiquement à la ligne
   utile seulement pour les tooltips du tutoriel, mais je n'arrive pas à placer ces lignes dans le style tooltipTuto...
   bwd - 14 septembre 2017 */
   
md-tooltip .md-content {
    height: auto !important;
    white-space: normal !important;
}

/* uniquement pour le texte des tooltips du tuto */
md-tooltip.tooltipTuto .md-content {
    background: transparent !important;
    line-height: 140% ! important;   /* réduction de l'interligne entre les lignes */
    transition : none !important;  /* pour supprimer l'animation sur le texte du tooltip */
}

/* augmenter la taille de la police des extraits de code dans les tooltips du tutoriel */
.pretuto {
	font-size: 120%;
	font-weight: bold;
}

/* redéfinition du style pour pouvoir mettre des tooltips d'explication dans le code des tutos */
.code {
    white-space: pre !important;
    font-family: monospace !important;
    display:block !important;
    font-weight: bold;
    padding-left: 20px;
    padding-bottom: 20px ; 
}

ul {
	margin-left: -20px ;
}

li {
	margin-bottom:0.7em;  /* pour espacer les paragraphes des listes */
	margin-top:0.7em;
}

/* les tooltips particuliers du tutoriel */

a[data]:hover::after {
  content: attr(data);
  
  font-family: Roboto,"Helvetica Neue",sans-serif;
  position: absolute; /* ne pas toucher la position du tooltip... */
  background: transparent;
  background-color: #c7f282;
  color: #180cf2;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  padding: 10px;
  
  /* _width:expression(document.body.clientWidth > 250 ? '250px': 'auto'); /* max-width for IE6 */
  /* width:40%;  /* la largeur du tooltip est fixe... mais toujours cachée sous la fenêtre du schéma mémoire */
  
  z-index: 999; /* cela ne change rien */
  overflow-x: visible; /* ne change rien non plus */
  
  max-width: 40%;  /* largeur max des tooltips. ok. bwd. 14 juin 2017 */
  height: auto;  /* pour autoriser les retours à la ligne dans les tooltips des tutos -- ne change rien - bwd 14 juin 2017 */
  
  /* display: flex; */  /* les tooltips sont entiers mais cadrés vers la gauche de la fenêtre - bwd - 13 septembre 2017 */
}

h1 {
	font: 18px "Pontana Sans", sans-serif;
	color: #03a9f4;
	padding-top: 10px;
}

/* le style de la toute petite fenêtre d'aide */
.aide {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
}

/* pour la table des ressources */
table {
    border-collapse: collapse;
}
td, th /* Mettre une bordure sur les td ET les th */
{
    border: 1px solid #03a9f4;
    padding: 5px ;
    text-align:center; 
    vertical-align:middle;
}