/* 

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)

*/

@font-face { font-family:'albert'; src:url('fonts/albertsans.ttf') format('truetype'); font-weight:normal; font-style:normal; }

* { box-sizing: border-box; }
img { width:100%; height:auto; }
a:link, a:hover, a:visited, a.active { color:#000000; text-decoration:none; }

html { height:100%; }
body { min-height:100%; position:relative; margin:0; padding:0 0 4em 0; background-color:#FFFFFF; font-family:'albert', Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#000000; font-weight:lighter; }
.main { width:100%; display:flex; flex-wrap:wrap; }
	.index { background-color:rgba(2040,0,102); }
	.grossesse { background-color:rgba(239,44,139); }
	.bebes { background-color:rgba(239,144,185); }
	.enfants { background-color:rgba(150,130,185); }
	.adolescents { background-color:rgba(125,82,179); }
	.famille { background-color:rgba(64,28,128); }
	.livres { background-color:rgba(19,0,124); }


nav.normal { width:100%; display:flex; flex-wrap:wrap; align-items:flex-end; }
nav.rdw { display:none; }
	.navRWDscript { display:none; }

main { width:100%; display:flex; flex-wrap:wrap; }
	.page { width:100%; margin:0 auto; display:flex; flex-wrap:wrap; }
		.pageBandeau { width:100%; margin-top:0.5em; font-size:0.5em; }
			.pageContent { width:100%; display:flex; flex-wrap:wrap; }
				.pageContent_rubriques { width:15%; }
					.pageContent_rubriques h1 font { color:#FFFF00; }
				.pageContent_articles { width:85%; padding:1em; }
					.pageContent_articles_title { width:100%; margin:0; padding:0.5em; border-bottom:#FFFFFF 0.15em solid; color:#FFFFFF; }
					.pageapage { width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:1em; }
						.pageapage i { font-size:1.5em; }
							.pageapage a:link, .pageapage a:visited { color:#FFFFFF; }
							.pageapage a:hover, .pageapage a:active { color:#FFFF00; }
				.pageContent_section { width:100%; margin:1em 0; }


footer { position:absolute; bottom:0; left:0; right:0; background-color:rgba(204,0,102); color:#FFFFFF; padding:1em 2em; font-size:0.75em; }
	.piedpage { width:100%; display:flex; flex-wrap:wrap; }
		.piedpage div { width:33.3333%; }
	footer a:link, footer a:visited { color:#FFFFFF; }
	footer a:hover, footer a:active { color:#999; }

@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-width:600px) {
	body { padding-bottom:12em; }
	nav.normal { display:none; }
	nav.rdw { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0.5em 0 0 0; font-size:1.25em; }
		.navRWDscript { display:block; }
	
	.pageBandeau  { display:none; }
	
	.pageContent_rubriques { width:100%; order:2; padding-bottom:5em; }
	.pageContent_articles { width:100%; padding:0 0.5em 1em 0.5em; }
		.pageContent_articles h1 { margin-top:0.5em; padding-top:0.5em; text-align:center; font-size:1.25em; }
	
	footer { padding:0.5em; }
	.piedpage div {  width:100%; text-align:center; padding:0.75em 0; }
	.piedpage span { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0.5em 0; }
		.piedpage span.spacer { display:none; }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
		
	@media screen and (max-width:880px) {
		body { padding-bottom:6em; }
		
		nav.normal { display:none; }
		nav.rdw { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0.5em 0 0 0; font-size:1.5em; align-items:center; }
			.navRWDscript { display:block; }
		
		.pageBandeau  { display:none; }
		
		.pageContent_rubriques { width:100%; order:2; display:flex; flex-wrap:wrap; justify-content:space-around; padding-bottom:2em; }
		.pageContent_articles { width:100%; }
		
		footer { padding:0.5em; }
			.piedpage div {  width:50%;text-align:center; padding:0; }
				.piedpage div:last-child { width:100%; padding-top:0.25em; }
			.piedpage span { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0.25em; }
				.piedpage span.spacer { display:none; }
	}

	@media screen and (max-width:450px) {
		body { padding-bottom:16em; }	
		
		footer { padding:0.5em; }
			.piedpage div {  width:100%; text-align:center; padding:0.75em 0; }
			.piedpage span { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0.5em 0; }
				.piedpage span.spacer { display:none; }
	}

}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	/*  iphone12 --> 16  */
	@media screen and (max-width:940px) {
		.pageContent { align-items:flex-start; }
			.pageContent_rubriques { width:40%; font-size:0.85em; order:1; }
			.pageContent_articles { width:60%; font-size:0.85em; order:2; }
	}
	
	@media screen and (max-width:450px) {
		.pageContent_rubriques, .pageContent_articles { width:100%; }
	}
}

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