#contenu {
  
  height: 500px;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  background: blue;
  pointer-events: none;
}

.cModal{
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity:0;
  pointer-events: none;
}

.cModal > div {
    overflow: hidden;
    max-width: 800px;
    position: relative;
    margin: 5% auto 10% auto;
    padding: 8px 8px 8px 8px;
    border-radius: 2px;
    background: #fff;
}
.contentM
{
    position: relative;
    overflow: scroll;
    max-height: 540px;
    border-top: 3px solid black;
}
h2#header
{
	font-size: 30px;
    margin: .83em 0;
    font-weight: 100!important;
}

#fermer1
{
	position: absolute;
    right: 10px;
    top: 0px;
    visibility: hidden;
}

.containermodal
{
	padding: 10px;
    margin: 10px 10px;
}

.p_modal
{
 padding: 5px;
 text-align: justify
}
.bottom_m_25
{
	padding: 25px 5px;
	margin-bottom: 25px;
	
}

.modal_title {
       margin: .83em 0;
    font-weight: 300!important;
    color: rgb(202, 10, 10);
    font-size: 30px;
    text-shadow: #690808 1px 1px 3px;
}

@media (max-width: 640px)
{
.contentM
{
    position: relative;
    overflow: scroll;
    max-height: 340px;
    border-top: 1px solid black;
}
h2#header {
    font-size: 22px;
    margin: .83em 0;
    font-weight: 100!important;
}
.modal_title {
    margin: .83em 0;
    font-weight: 300!important;
    color: rgb(202, 10, 10);
    font-size: 22px;
    text-shadow: #690808 1px 1px 3px;
}
#fermer1
{
	position: absolute;
    right: 10px;
    top: 0px;
    visibility: visible;
}
}