@charset "utf-8";
/* 
CSS Document
ROUGE CLAIR : #FB0A01
ROUGE FONCE : #C50802
*/

.rgpd-container { position:fixed; bottom:0; left:0; width:100%; z-index:999; }
	.rgdp-container-box { width:100%; padding:2vw; display:flex; flex-wrap:wrap; background-color:#E0E0E0; border-top:#C50802 1vw solid; }
		.rgdp-container-box-text { width:51%; margin:0 auto; }
			.rgdp-container-box-text a:link, .rgdp-container-box-text a:visited { color:#FB0A01; }
			.rgdp-container-box-text a:hover, .rgdp-container-box-text a:active { color:#000000; }
		.rgdp-container-box-form { width:51%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; }
		form { width:100%; }

.rgdp-container-box-02-insider-googleBTN { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:1em; }
.rgdp-container-box-02-formBTN { width:100%; display:flex; flex-wrap:wrap; justify-content:center; }

input[type="radio"].demo2 { display: none; }
input[type="radio"].demo2 + label { padding:0.5rem 1rem; font-size:0.8em; line-height:1.5; border-radius: 0.3rem; color: #FFFFFF; background-color: #6C757D; border: 1px solid transparent; transition: all 0.5s ease-in-out; cursor:pointer; }
input[type="radio"].demo2.demoyes:hover + label { background-color: #218838; border-color: #1E7E34; }
input[type="radio"].demo2.demoyes:checked + label { background-color: #28A745;   border-color: #28A745; }
input[type="radio"].demo2.demono:hover + label { background-color: #C82333; border-color: #BD2130; }
input[type="radio"].demo2.demono:checked + label { background-color: #DC3545; border-color: #DC3545; }

input[type="submit"] { border:none; color:#FFFFFF; padding:0.5rem 1rem;  font-size:0.8em; line-height:1.5; text-decoration:none; cursor:pointer; border-radius:0.3rem; font-family:'Montserrat-alternates', Verdana, Geneva, sans-serif; }
input[type="submit"].update { background-color:#6392EA; }
input[type="submit"].no { background-color:#DC3545; }
input[type="submit"].yes { background-color:#28A745; }
input[type="submit"]:hover { color:#000000; }


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

}

@media only screen and (max-width:800px) {
	.rgpd-container { font-size:1.5vw; }
	.rgdp-container-box-text { width:100%; }
	.rgdp-container-box-form { width:100%; }
}

@media only screen and (max-width:600px) {
	.rgpd-container { font-size:3vw; }
	.rgdp-container-box { padding:0 2vw 1vw 2vw; }
		
			.rgdp-container-box-text p { margin:2vw; padding:0; }
		
			.rgdp-container-box-form div:first-child { width:100%; padding:0.5rem 0; }
			form { width:100%; display:flex; flex-wrap:wrap; justify-content:center; }
				.form-text { width:90%; padding-left:1rem; }
				.form-btn { width:100%; padding-top:1rem; }
		input[type="radio"].demo2 + label { font-size:2.5vw; }
		input[type="submit"] { font-size:2.5vw; }
}