@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
    
body {
    background-color: #999;
}

h1.grand-titre {
    color: #fff;
    text-align: center;
    font-family: Abel;
    font-weight: bold;
}

h1.grand-titre span {
    display: inline-block;
    line-height: 140px;
    background: url(../img/etoile-md.png) left no-repeat;
    padding-left: 57px;
    padding-top: 5px;
}

 /* Style the video: 100% width and height to cover the entire window */
#bg-video {
  position: fixed;
  z-index: -10;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

div.card-header {
	background: url(../img/textures/bush.jpg);
	background: url(../img/textures/morocco-blue.png);
	background: url(../img/textures/triangles_pattern.jpg);
}

div.card {
	box-shadow: 1px 1px 8px yellow;
}

div.secteur-room {
	background: url(../img/textures/bush.jpg);
}

div.secteur-room div.card-header {
	background: url(../img/textures/morocco-blue.png);
	text-shadow: 1px 1px 3px #fff;
	font-weight: bold;
}