.cacheBd{
position:fixed;
top:0px;
left:0px;
right:0px;
bottom:0px;
display:block;
background-color:rgba(100,100,100,0.5);
z-index:2000;
}

.cadreBd{
width:400px;
/*border:1px solid #28414b;*/
background-color:#eeeeee;
border-radius:6px;
box-shadow:5px 5px 3px 2px #444444;
padding-bottom:30px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
}

.enteteBd{
position:relative;
width:100%;
height:28px;
background-color:#28414b;
border-radius:6px 6px 0px 0px;
}

.btnFermerBd{
position:absolute;
top:2px;
right:2px;
display:flex;
justify-content:center;
align-items:center;
width:24px;
height:24px;
border-radius:12px;
background-color:#ffffff;
color:#cc3333;
font-size:18px;
cursor:pointer;
}

.messageBd{
/*border:1px solid #28414b;*/
width:96%;
margin-top:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

@media screen and (max-width:768px){



.cadreBd{
width:380px;
font-size:14px;
}

.enteteBd{
height:24px;
}

.btnFermerBd{
width:20px;
height:20px;
border-radius:10px;
font-size:16px;
}

}


@media screen and (max-width:419px){


.cadreBd{
width:260px;
font-size:12px;
}

.enteteBd{
height:22px;
}

.btnFermerBd{
width:18px;
height:18px;
border-radius:9px;
font-size:14px;
}


}