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

/*
COULEURS PRINCIPALES

Rouge #E3001B ou rgba(227,0,27)
Verte : #1A7730 ou rgba(0,124,45)
*/

.rgdpBoxRWD { display:none; }
.rgdpBox { width:100%; display:flex; flex-wrap:wrap; position:fixed; bottom:0; left:0; right:0; background-color:rgba(66,73,79); color:#FFFFFF; padding:2em; z-index:10000; align-items:center; text-shadow:rgba(66,73,79) 2px 2px 2px; }
	.rgdpBox a:link, .rgdpBox a:visited { color:rgba(227,0,27); }
	.rgdpBox a:hover, .rgdpBox a:active { color:rgba(0,124,45); }
	.rgdpBox_text { width:60%; display:flex; flex-wrap:wrap; padding:1em 2em; }
		.rgdpBox_text h1, .rgdpBox_text p { margin:0.25em; padding:0.25em; }
	.rgdpBox_form { width:40%; display:flex; flex-wrap:wrap; align-items:flex-start; padding:2em; }
		form { width:100%; display:flex; flex-wrap:wrap; }
			.formLine { width:100%; margin:0.5em 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
				.formLine_fa { width:10%; font-size:1.5em; }
				.formLine_txt { width:70%; }
				.formLine_input { width:20%; }
			.formLineBTN { width:100%; margin:0.5em 0; display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center; }
				input[type="submit"] { padding:0.5em 1em; border-radius:0.35em; font-size:1em; font-family:'albert', Verdana, Geneva, sans-serif; cursor:pointer; }
				.yes { background-color:rgba(0,124,45); color:#FFFFFF; border:rgba(0,124,45) 2px solid; }
				.no { background-color:rgba(227,0,27); color:#FFFFFF; border:rgba(227,0,27) 2px solid;  }
				.yes:hover, .no:hover { background-color:rgba(66,73,79); }
			
				input[type="checkbox"].perfo { display: none; }
				input[type="checkbox"].perfo + label { box-sizing:border-box; display:inline-block; width:3rem; height:1.5rem; border-radius:1.5rem; padding:2px; background-color:rgba(227,0,27);	transition: all 0.5s; cursor:pointer; }
				input[type="checkbox"].perfo + label::before { box-sizing:border-box; display:block; content:""; height:calc(1.5rem - 4px); width:calc(1.5rem - 4px); border-radius:50%; background-color:#FFFFFF; transition:all 0.5s; }
				input[type="checkbox"].perfo:checked + label { background-color:rgba(0,124,45); }
				input[type="checkbox"].perfo:checked + label::before { margin-left:1.5rem; }
			
				input[type="checkbox"].google { display: none; }
				input[type="checkbox"].google + label { box-sizing:border-box; display:inline-block; width:3rem; height:1.5rem; border-radius:1.5rem; padding:2px; background-color:rgba(227,0,27); transition: all 0.5s; cursor:pointer; }
				input[type="checkbox"].google + label::before { box-sizing:border-box; display:block; content:""; height:calc(1.5rem - 4px); width:calc(1.5rem - 4px); border-radius:50%; background-color:#FFFFFF; transition:all 0.5s; }
				input[type="checkbox"].google:checked + label { background-color:rgba(0,124,45); }
				input[type="checkbox"].google:checked + label::before { margin-left:1.5rem; }
			
				input[type="checkbox"].pub { display: none; }
				input[type="checkbox"].pub + label { box-sizing:border-box; display:inline-block; width:3rem; height:1.5rem; border-radius:1.5rem; padding:2px; background-color:rgba(239,144,185); transition: all 0.5s; cursor:pointer; }
				input[type="checkbox"].pub + label::before { box-sizing:border-box; display:block; content:""; height:calc(1.5rem - 4px); width:calc(1.5rem - 4px); border-radius:50%; background-color:#FFFFFF; transition:all 0.5s; }
				input[type="checkbox"].pub:checked + label { background-color:rgba(204,0,102); }
				input[type="checkbox"].pub:checked + label::before { margin-left:1.5rem; }

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

}

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

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

}

@media screen and (max-height:800px) {

}

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

}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
	@media screen and (max-width:880px) {
		.rgdpBox { display:none; }
		.rgdpBoxRWD { width:100%; display:flex; flex-wrap:wrap; position:fixed; bottom:0; left:0; right:0; background-color:rgba(66,73,79); color:#FFFFFF; padding:1em; z-index:1000; align-items:center; text-shadow:rgba(66,73,79) 2px 2px 2px; font-size:0.85em; text-align:center; }
			.rgdpBoxRWD_text { width:100%; display:flex; flex-wrap:wrap; }
				.rgdpBoxRWD_text h1 { width:100%; margin:0; padding:0; font-size:1em; }
					.rgdpBoxRWD_text p a:link, .rgdpBoxRWD_text p a:visited { color:rgba(227,0,27); }
					.rgdpBoxRWD_text p a:hover, .rgdpBoxRWD_text p a:active { color:#FFFFFF; }
			.formLineBTN_RWD { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
				.formLineBTN_RWD div { width:48%; }
				.formLineBTN_RWD div:last-child { width:100%; padding:1em 0 0.5em 0; }
					.formLineBTN_RWD div a:link, .formLineBTN_RWD div a:visited { background-color:#FFFFFF; color:rgba(66,73,79); text-shadow:none; font-size:1em; font-family:'albert', Verdana, Geneva, sans-serif; padding:0.25em; border-radius:0.35em; }
					.formLineBTN_RWD div input[type="submit"] { font-size:0.85em; padding:0.25em; }
	}
	
	@media screen and (max-width:450px) {
		.formLine_fa { width:20%; }
		.formLine_txt { width:80%; }
		.formLine_input { width:100%; text-align:center; padding-bottom:0.5em; }
		
		.formLineBTN div { padding:0.5em 0; }
	}
}

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

@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:450px) {
	
	}
	
	@media screen and (max-width:880px) {
		
	}
}