@charset "utf-8";
/* 
CSS Document

FONT-FAMILY :  * lato     * latoBlack     * latoBold     * latoHeavy     * latoItalic

COULEUR OR : #CBB26B / rgba(203, 178, 107)
COULEUR GRIS : #393E46 / rgba(57, 62, 70)
*/
#myBtn { position:fixed; bottom:0; left:0; background-color:rgba(64,61,56); color:#FFFFFF; border:none; font-size:2.5em; cursor:pointer; padding:0.5em; z-index:1000000; }

.modal { display:none; position:fixed; z-index:2000000; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4); -webkit-animation-name:fadeIn; -webkit-animation-duration:0.4s; animation-name:fadeIn; 	animation-duration:0.4s; }
	.modal-content { position:fixed; bottom:0; background-color:#fefefe; width:50%; -webkit-animation-name: slideIn; -webkit-animation-duration:0.4s; animation-name:slideIn; animation-duration:0.4s }
		.modal-header { padding: 2px 16px; background-color:rgba(64,61,56); color:#FFFFFF; }
			.modal-header { width:100%; text-align:center; }
		.modal-body { display:flex; flex-wrap:wrap; padding:2em; justify-content:center; font-size:1.25em; }
			.modal-body p { width:100%; }
			.modal-body a:link, .modal-body a:visited { color:#CBB26B; }
			.modal-body a:hover, .modal-body a:active { color:#000000; }
		.modal-footer { padding: 2px 16px; background-color: #5cb85c; color: white; }

.close { color: white; float: right; font-size: 28px; font-weight: bold; }
	.close:hover, .close:focus { color:#000; text-decoration: none; cursor: pointer; }

.rgdpContainer_insideBox form { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding-top:0; }
	input[type=submit].rgdpBTN { background-color:#CBB26B; padding:1vw 4vw; border:#CBB26B 1px solid; border-radius:0.8vw; cursor:pointer; font-family:'albert', Verdana, Arial, Helvetica, sans-serif; font-size:1em; }
		input[type=submit].rgdpBTN:hover { background-color:rgba(57,62,70); color:#CBB26B; }


/* Add Animation */
@-webkit-keyframes slideIn { from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1} }

@keyframes slideIn { from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1} }

@-webkit-keyframes fadeIn { from {opacity: 0} to {opacity: 1}}

@keyframes fadeIn { from {opacity: 0}  to {opacity: 1} }

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

}

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

}

@media screen and (max-width:1280px) {
	/* 17-19 pouces */

}

@media screen and (max-width:1080px) {
	/* 15 pouces */

}

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

}

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

}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	
	/* iPad Pro */
	@media screen and (max-width:1480px) {

}
	
	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
	@media screen and (max-width:1080px) {

	}
	
	@media screen and (max-width:880px) {
		#myBtn { font-size:1.5em; }
		.modal-content { width:100%; }
			.modal-body { padding:0.5em 1em; font-size:1em; text-align:justify; }
	}
	
	@media screen and (max-width:450px) {

	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	/*  iphone12 --> 16  */
	@media screen and (max-width:880px) {
	
	}
	
	@media screen and (max-width:450px) {
	
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:4) {
	/*  Google Pixel 6 Pro | OPPO Find X3 Pro | Samsung Galaxy + S21-22 Ultra */
	@media screen and (max-width:880px) {
	
	}
	
	@media screen and (max-width:450px) {
		
	}
}