#myModal #popupContainer{display:flex;top: 0;left: 0;z-index: 9999;justify-content: center;align-content: center;flex-wrap: wrap;height: 100%;position: fixed;width: 100%;}
#myModal #popupContent{background-color: #fff;max-width:80%;text-align:center;position: relative;border-radius: 3px;display: flex;overflow: hidden;}
#myModal #modal-fond {height: 100%;position: fixed;width: 100%;z-index: -1; background-color: rgba(220,216,201,1);opacity:0.7;}
#myModal #closeBtn {position: absolute;top: 0;right: 0;background-color: #fff;line-height: 20px;width: 22px;height: 22px;color: #000;cursor: pointer;border-radius: 3px;opacity: 0.5;}
#myModal #closeBtn:hover, #myModal #closeBtn:focus {opacity: 1;}
#myModal #popupContent #txtNewsletterName, #myModal #popupContent #txtNewsletter{display: block;width: 100%;margin: 5px 0;}
#myModal #popupContent input, #myModal #popupContent .btn{display: block;width: 100%;margin: 5px 0;}
#myModal #popupContent #infolettre .infolettreContent {width: 400px;margin: auto;max-width: 100%;font-size: 1.2em;}
#myModal #popupContent span, #myModal #popupContent p{display:block;}
#myModal #section-texte{padding: 40px;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;}
#myModal #section-texte{width: 55%;}
#myModal #section-image{width: 45%;}
#myModal #section-image img{width:100%;object-fit:cover;}
#myModal #popupContent #txtNewsletter {margin-bottom: 15px;}
#myModal #section-texte-content-inside{font-size: 2.5rem;line-height: 1.2;margin-bottom: 2rem;}
@media (max-width: 991px){
	#myModal #section-texte-content-inside{font-size: 2rem;}
	#myModal #section-texte{width: 100%;display:block;padding:40px 20px;}
	#myModal #popupContent{display: block;}
	#myModal #section-image{display:none;}
}
@media (min-width: 992px){
	#myModal #popupContent{max-height: 60vh;}
}