*{
    margin: 0;
    padding: 0;
}

 h4 {
  /* styles appliqués au premier paragraphe de chaque article */
  background-color:#ddd;
  margin:10 10 10 0px;
  color:black;
}
h2{
    margin:20 20 20 0px;
}

.box{
    max-width:40em;
    min-height:20em;
    padding:2em;
    background-color:teal;
    color:#fff;
    margin-top:10px;
    margin-bottom:10px;
     
 

}
.backImage{
     background-image: url("large.jpg");
    background-size: cover;
    background-repeat:no-repeat;
}


.repeat{background-image: url("small.jpg");
    background-repeat: repeat;}
    
    
.norepeat{background-image: url("small.jpg");
    background-repeat: no-repeat;}
    
       
.repeat-x{background-image: url("small.jpg");
    background-repeat: repeat-x;}
    
.repeat-y{background-image: url("small.jpg");
    background-repeat: repeat-y;}
    
.contain{
    background-image: url("large.jpg");
    background-size: contain;
    background-repeat:no-repeat;
}
.cover{
    background-image: url("large.jpg");
    background-size: cover;
    background-repeat:no-repeat;
}

.fifty{
    background-image: url("large.jpg");
    background-size: 50%;
    background-repeat:no-repeat;
}
.heighty{
    background-image: url("large.jpg");
    background-size: 80% 40%;
    background-repeat:no-repeat;
}

.center{
    background-image: url("small.jpg");
    background-position: center;
    background-repeat:no-repeat;
}

.rightTop{
     background-image: url("small.jpg");
    background-position: right top;
    background-repeat:no-repeat;
}
.poleEighty{
    background-image: url("small.jpg");
    background-position: 80% 40%;
    background-repeat:no-repeat;
}
.poleBottom{
    background-image: url("small.jpg");
    background-position: right bottom;
    background-repeat:no-repeat;
}