.demo-layout-transparent .mdl-layout__header,
.demo-layout-transparent .mdl-layout__drawer-button {
  /* This background is dark, so we set text to white. Use 87% black instead if
     your background is light. */
  color: white;
}

::-webkit-scrollbar {
    background-color: #2C3E50 !important;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #8e8e8e;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
img{
    text-align: center;
}

.mdl-card__supporting-text,li{
    text-align: left;
    margin-left: 200px;
    margin-right: 200px;
    text-align: justify;
    font-size: 18px;
    line-height: 22px;
    padding-left: 50px;
    padding-right: 50px;
}

.mdl-card__supporting-text img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
h1{
    text-align: center ;
}

h5{
    font-weight: bold !important;
    line-height: 1.2 !important;
}
.mdl-card__supporting-text{
    width:auto !important;
}

.etapes b{
    margin-left: -50px;
    font-size: 20px;
}

.etapes ul{
    margin-left: -210px;

}


.juste{
    color:green !important;
}
.faux{
    color:red !important;
}

.demo-card-wide.mdl-card {
  width: 100%;
}
.demo-card-wide > .mdl-card__title {
  color: #fff;
  height: 176px;
  background-color: black;
}
#welcome{
    background: url("img/horloge.jpeg");
}
#img_reseau{
    background: url("img/reseau.jpg");
}
#img_montage{
    background: url("img/mntPC.jpg");
}
#img_java{
    background: url("img/progjava.jpg");
}
#img_os{
    background: url("img/ubuntuheader.jpg");
}
#img_web{
    background: url("img/progweb.png");
}
#img_formation{
    background: url("img/formation.jpg");
}
#img_quizz{
    background: url("img/quizzheader.jpg");
}
.demo-card-wide > .mdl-card__menu {
  color: #fff;
}

.mdl-layout__header, .mdl-layout__tab-bar{
    background-color: #2C3E50 !important;
}
.mdl-logo{
    float:right;
}
.next{
    float: right;
}

header img{
   margin-top: 5px;
   margin-left:-40px;
   float:left;
   height:90%;
   display: block;
}
.mdl-layout-title{
    vertical-align: bottom;
}

.mdl-layout__header-row{
    height:150px;
    
}
footer{
    background-color: #2C3E50 !important;
}