/* 

CSS Document
FONTS
- ALBERT : 'albert'

COULEURS
- GROSSESSE : #EF2C8B / rgba(239,44,139)
- BEBES : #EF90B9 / rgba(239,144,185)
- ENFANTS : #9682B9 / rgba(150x130x185)
- ADOLESCENTS : #7D52B3 / rgba(125,82,179)
- FAMILLE : #401C80 / rgba(64x28x128)
- LIVRES : #13007C / rgba(19x0x124)

*/


.rgdpBox { width:100%; display:flex; flex-wrap:wrap; position:fixed; bottom:0; left:0; right:0; background-color:#000000; color:#FFFFFF; padding:2em; z-index:1000; align-items:center; }
	.rgdpBox a:link, .rgdpBox a:visited { color:rgba(239,44,139); }
	.rgdpBox a:hover, .rgdpBox a:active { color:rgba(150,130,185); }
	.rgdpBox_pict { width:15%; align-content:center; font-size:0; }
	.rgdpBox_text { width:55%; display:flex; flex-wrap:wrap; padding:1em 2em; }
		.rgdpBox_text h1, .rgdpBox_text p { margin:0.25em; padding:0.25em; }
	.rgdpBox_form { width:30%; 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:rgba(239,44,139) 2px solid; border-radius:0.35em; font-size:1em; font-family:'albert', Verdana, Geneva, sans-serif; cursor:pointer; }
				.yes { background-color:#FFFFFF; }
				.no { background-color:rgba(150,130,185); color:#FFFFFF; }
				.yes:hover, .no:hover { background-color:rgba(239,44,139); }
			
				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(239,144,185);	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(204,0,102); }
				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(239,144,185); 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(204,0,102); }
				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) {
	.rgdpBox_pict { width:5%; }
	.yes { background-color:rgba(239,44,139); }
}

@media screen and (max-width:600px) {
	.rgdpBox { display:block; padding:1em; font-size:0.8em; }
	.rgdpBox_pict { width:30%; margin:0 auto; }
	.rgdpBox_text, .rgdpBox_text { width:100%; padding:0; } 
	.rgdpBox_form { width:100%; padding:0;  }

}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
	@media screen and (max-width:880px) {
		.rgdpBox { height:100%; padding:0; }
			.rgdpBox_pict { display:none; }
			.rgdpBox_text { padding:0.5em; font-size:0.75em; }
			.rgdpBox_form { width:45%; padding:0.5em; font-size:0.75em; }
	}
	
	@media screen and (max-width:450px) {
		.rgdpBox { padding:1em; }
			.rgdpBox_pict { display:block; width:20%; margin:20px auto 0 auto; }
			.rgdpBox_text { width:100%; font-size:1em; text-align:justify; }
			.rgdpBox_form { width:100%; font-size:1em; }
	}
}

@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) {
		
	}
}