@charset "utf-8";
/*
	CSS Document
	Code couleur rouge = #FA000B
*/

.rgpd-container { position:fixed; bottom:20px; left:0; width:100%; z-index:999; }
	.rgpd-container a { color:#000; }
	.rgpd-container-box { width:100%; max-width:800px; margin:0 auto; background-color:#F0F0F0; color:#000; border-radius:8px; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); padding:40px; }
		.rgpd-container-box-close { width:100%; display:block; position:relative; }
			.rgpd-container-box-close span { position: absolute; right:-25px; top:-25px; width:25px; height:25px; font-size:12px }
				.rgpd-container-box-close span a:link, .rgpd-container-box-close span a:visited { color:#000; }
				.rgpd-container-box-close span a:hover, .rgpd-container-box-close span a:active { color:#FA000B; }
	.rgpd-container-box p { margin-top:0; padding-top:0; }
		.rgpd-container-box p a { color:#FA000B }
		.rgpd-container-box-btn { width:50%; margin:0 auto; display:flex; }
			.btn-link { width:50%; background-color:#F7F7F7; border-radius:8px; margin-right:10px; padding:10px 0px; }
			.btn-close { width:50%; background-color:#FA000B; border-radius:8px; margin-left:10px; padding:10px 0px; }
				.btn-close:hover { background-color:#CCC; }

@media only screen and (max-width: 640px) {
	.rgpd-container { width:96%; margin:1% 2%; }
		.rgpd-container-box { padding:15vw 5vw 5vw 5vw; }
			.rgpd-container-box-close span { right:-1vw; top:-10vw; width:25px; height:25px; font-size:12px }
			.rgpd-container-box-btn { width:100%; font-size:5vw; }	
			.rgpd-container-box p { text-align:justify; font-size:5vw; }
}