/* 
CSS Document
FONTS - ALBERT : 'albert'

COULEURS
- INDEX : rgba(204,0,102);
- 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)
*/

.pageContent_close { width:100%; display:flex; flex-wrap:wrap; justify-content:right; }
	.pageContent_close a:link, .pageContent_close a:visited { background-color:rgba(204,0,102); color:#FFFFFF; padding:0.5em 1em; border-radius:0.5em 0.5em 0 0; }
	.pageContent_close a:hover, .pageContent_close a:active { color:#FFFF00; }

.details { margin:0; }

.bookList { width:100%; display:flex; flex-wrap:wrap; background-color:#F6F6F6; margin-bottom:1em; padding:1em; }
	.bookList_pict { width:20%; }
		.bookList_pict_img { width:100%; font-size:0; }
		.bookList_pict_price { width:100%; display:flex; flex-wrap:wrap; background-color:rgba(204,0,102); color:#FFFFFF; padding:0 0 1em 0; text-align:center; justify-content:space-around; }
		.stock { padding:1em 0; font-size:0.75em; }
	.bookList_details { width:80%; padding:1em; }
		.bookList_details_line { width:100%; display:flex; flex-wrap:wrap; margin:0.5em 0; }
			.bookList_details_line_i { width:5%; padding:0 0.5em; }
			.bookList_details_line_label { width:15%; padding:0 0.5em; }
			.bookList_details_line_txt { width:80%; padding:0 0.5em; font-style:italic; }
				.bookList_details_line_txt p { margin:0; padding:0; }
	.bookList_price { width:100%; display:flex; flex-wrap:wrap; color:#FFFFFF; padding:1em; justify-content:space-between; }
		.bookList_price_column { width:33.3333%; display:flex; flex-wrap:wrap; align-content:center; align-items:center; }
			.bookList_price_column span { padding-right:1em; }
				.bookList_price_column a:link, .bookList_price_column a:visited { background-color:#FFFFFF; padding:0.5em; border-radius:0.5em; color:#000000; }
				.bookList_price_column a:hover, .bookList_price_column a:active { color:rgba(204,0,102); }
			span.normal { display:block; }
			span.rwd { display:none; }
			
			.left { justify-content:left; }
			.center { justify-content:center; }
			.right { justify-content:right; }
			.bookList_price_column div { padding:0 1em; }
			
				a.amazonBTN:link, a.amazonBTN:visited { padding:0.25em 0.5em; background-color:#E47911; color:#FFFFFF; border-radius:0.25em; }
				a.amazonBTN:hover, a.amazonBTN:active { color:#000000; }
				
				a.panierBTN:link, a.panierBTN:visited { margin-left:1em; padding:0.25em 0.5em; background-color:#E47911; color:#FFFFFF; border-radius:0.25em; }
				a.panierBTN:hover, a.panierBTN:active { color:#000000; }

	.subrubriques_link { width:100%; display:flex; flex-wrap:wrap; border-bottom:#FFFFFF 0.25em solid; }
		.subrubriques_link_box { padding:1em; }
			.subrubriques_link_box:hover { background-color:#FFFFFF; }
			.subrubriques_link_box a:link, .subrubriques_link_box a:visited { color:#000000; }
			.actived { background-color:#FFFFFF; color:#000000; }


@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) {
	.bookList_pict { width:100%; }
	.bookList_details { width:100%; padding:0; }
		.bookList_details_line_i { width:15%; text-align:center; }
		.bookList_details_line_label { width:85%; font-weight:bold; }
		.bookList_details_line_txt { width:100%; }
		
	.bookList_price_column { width:100%; padding:0.5em 0 1em 0; }
		.bookList_price_column span { width:100%; display:block; text-align:center; }
		.bookList_price_column div { padding:0.5em 0; text-align:center; }
			span.normal { display:none; }
			span.rwd { display:compact; font-size:0em; }
		.details { margin-bottom:5em; }
	.left, .right { text-align:center; justify-content:center; }
		.right { padding-bottom:0; }
	.center i { display:block; width:100%; text-align:center; font-size:1.75em; padding:0.5em 0; }
	
	.bookList_price_column a:link, .bookList_price_column a:visited { padding:1em; border-radius:1em; }
	a.amazonBTN:link, a.amazonBTN:visited { padding:1em; border-radius:1em; }
	
	.subrubriques_link_box { width:100%; }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
		
	@media screen and (max-width:880px) {
		.pageapage { width:100%; }
		
		.bookList_details { padding-top:0; }
		.bookList_details h2 { margin-top:0; padding-top:0; }
		
		.bookList_details_line_label { width:20%; }
		.bookList_details_line_txt { width:75%; }

		.bookList_price_column { width:50%; }
			.bookList_price_column div { width:100%; text-align:center; }
			.bookList_price_column div:last-child { padding-top:1em; }
				.center i { font-size:2.5em; }
				a.amazonBTN:link, a.amazonBTN:visited { width:25%; display:block; margin:0 auto; padding:0.25em 0; }
			.left { justify-content:center; order:2; }
			.center { width:100%; order:3; padding:1em 0 0 0; }
			.right { justify-content:center; order:1; }
	}

	@media screen and (max-width:450px) {
		.pageapage { margin:0; }
		
		.bookList_details_line_label { width:85%; }
		.bookList_details_line_txt { width:100%; }
		.bookList_price_column { width:100%; }
			.bookList_price_column span { width:auto; }
				a.amazonBTN:link, a.amazonBTN:visited { width:50%; padding: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) {
		
	}
}