h1.mine{
	margin: 0;
	font-size: 52px;
	font-weight:bolder;
	text-shadow: 6px 6px 6px black;
	
	
}

h1.mine2{
	margin: 0;
	font-size: 30px;
	font-weight:bolder;
	text-shadow: 6px 6px 6px black;
	color:white;
}

hr.mine{
  border: 2px solid #000000;
  border-radius: 5px;
}

p.mine{
	font-weight: bold;
}
h5.mine{
	font-weight: bold;
	color: #eec631 ;
}

img.cardmine{
	
	background-size : contain;
	background-position : center; 
	display : inline-block;
	width : 12rem; height : 12rem;
	text-align: center;
	
}


  img.cardmineicone{
	
	background-size : contain;
	background-position : left; 
	display : inline-block;
	width : 6rem; height : 6rem;
	text-align: left;
	
}
img.cardmineicone-long{
	
	background-size : contain;
	background-position : left; 
	display : inline-block;
	width : 9rem; height : 6rem;
	text-align: left;
	
}

.basdepage{
	background-color: #f5c04c   
}

.basdepage ul>li>a{
	color:black;
	font-weight:bold;
	font-size:15px;
	
}

.basdepage ul>li{
	padding-bottom:0.5rem;
}

.lienmine {
	font-weight:bold;
	font-size:17px;
}

.iconemine ul>li>i{
	font-size:28px;
}


.cardmine{
	width:auto;
	margin-top:22px;	
	padding-bottom:22px;
}


.map-container{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.map-container iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

    video {
      max-width: 100%;
      border-radius: 12px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
      display: block;
      margin: 0 auto; /* centre la vidéo horizontalement -*/
    }
	
	
.card-body video {  /*  règle CSS pour centrer et limiter la taille de la vidéo */
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}