/************** FLASH INFO ***************************/
.flash {
position: absolute;
top: 40%;
right: 37%;
font-family: "MuseoSans 500";
}
.flash .custom {
display:inline-block;
}
.libelle_flash {
background: #F63C0A;
color:#FFFFFF;
}
.libelle_flash p {
color:#FFFFFF;
font-size: 160%;
padding: 6px 20px;
margin: 0;
font-family: "MuseoSans 500";
}
.message_flash {
margin-left: -10px;	
}
.message_flash p {
background:#FFFFFF;
font-size: 160%;
padding: 6px 20px;
margin: 0;
font-family: "MuseoSans 500";
}
@media screen and (min-width: 1200px) and (max-width: 1500px){
.flash {
top: 40%;
right: 30%;
}
}
@media screen and (min-width: 1100px) and (max-width: 1199px){
.flash {
top: 40%;
right: 28%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1099px){
.flash {
top: 20%;
right: 25%;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
.flash {
top: 10%;
right: 15%;
}
}
@media screen and (min-width: 640px) and (max-width: 767px){
.flash {
top: 60%;
right: 10%;
}
}
@media screen and (max-width: 639px){
.flash {
top: 35%;
right: 5%;
}
.libelle_flash p {
font-size: 100%;
}
.message_flash p {
font-size: 100%;
}
}