@charset "utf-8";
/* CSS Document */
h3 { margin:0; padding:0; }

.annonceBox { width:100%; display:flex; flex-wrap:wrap; }
	.annonceDetailsBox { width:100%; margin:0.5vw 0; padding:2vw; display:flex; flex-wrap:wrap; background-color:#CCCCCC; border-top:#000000 1px solid; border-bottom:#000000 1px solid; }

	.listTitle { width:100%; position:relative; padding-right:2vw; }
		.listTitle h2 { margin:0; padding:0; }
		.listTitle div { position:absolute; top:0; right:0; font-size:1.5vw; }
			a.view:link, a.view:visited { color:#3399CC; }
			a.view:hover, a.view:active { color:#000000; }

		.listTitlePrice { position:absolute; top:0; right:0; }
			.listTitlePrice span { letter-spacing:0.2vw; }
	.listLibelles { width:100%; display:flex; flex-wrap:wrap; margin-bottom:1vw; }
		.listLibelles div { font-size:0.85vw; margin:1vw 0.5vw; border:#000000 1px solid; border-radius:0.5vw; padding:0.2vw 0.4vw; font-style:italic; }
			.listLibelles div:first-child { margin-left:0; }
			.listLibelles div:last-child { margin-right:0; }
	.listPict { width:20%; font-size:0; }
	.listPictDetails { width:30%; font-size:0; }
	.listText { width:100%; padding-left:1vw; display:flex; flex-wrap:wrap; }
	.listBTN { width:20%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
		.amazonBTN { width:100%; margin:1vw 0; padding:1vw; text-align:center; background-color:#FFCC00; border:#FFCC00 1px solid; border-radius:0.5vw;  }
			.amazonBTN:hover { background-color:#FFFFFF; }
			.amazonBTN a:link, .amazonBTN a:visited { color:#000000; }
			.amazonBTN a:hover, .amazonBTN a:active { color:#000000; }
				.priceSpacing { letter-spacing:0.2vw; }
			.amazonBTNlink { margin:0.5vw 0; }
				.amazonBTNlink a:link, .amazonBTNlink a:visited { background-color:#3399CC; border:#3399CC 1px solid; border-radius:0.5vw; padding:0.25vw; color:#FFFFFF; }
				.amazonBTNlink a:hover, .amazonBTNlink a:active { background-color:#FFFFFF; color:#000000; }
			.infoBTN { width:100%; text-align:center; }
		.viewBTN { display:none; }

.rubriques { width:100%; margin-top:0; padding-top:0; column-count:3; list-style-type:none; }
	.rubriques li { margin:0.1vw; padding:0.75vw 0; background-color:#3399CC; border-radius:0.5vw; }

	.red { color:#FF0000; }

.amazonBTNbox { width:100%; margin:2vw 0; text-align:center; }
	.amazonBTNbox a:link, .amazonBTNbox a:visited { background-color:#FFCC00; border:#FFCC00 1px solid; color:#000000; border-radius:0.5vw; padding:1vw; }
	.amazonBTNbox a:hover, .amazonBTNbox a:active { background-color:#FFFFFF; border:#FFCC00 1px solid; color:#000000; border-radius:0.5vw; padding:1vw; }

.developperBox { width:100%; padding:2vw; border:#3399CC 1px solid; border-radius:0.25vw; display:flex; flex-wrap:wrap; }
	.developperBox .N100 p { margin-top:0; padding-top:0; padding-bottom:1vw; }
	.developperBox050 { width:50%; text-align:center; }

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

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

@media only screen and (max-width:600px) {
	.rubriques { column-count:1; margin:0 0 4vw 0; padding:0; }
		.rubriques li { margin:1vw; padding:2vw; border-radius:2vw; text-align:center; }
	.annonceBox { font-size:100%; }
		.annonceDetailsBox { margin:4vw 0; }
		
		.listTitle { padding-right:0; }
		.listTitle div { display:none; }

		
		.listLibelles div { font-size:100%; width:100%; border-radius:2vw; text-align:center; }
		.listPict, .listPictDetails { width:100%; }
		.annonceDetailsBox .N060 { width:100%; }
			.listText { margin:8vw 0; }
				.listText .F100 { margin:2vw 0; }
					.listText .F100 .N010 { width:15%; text-align:center; }
					.listText .F100 .N030 { width:85%; padding:0; font-weight:bold; }
					.listText .F100 .N060 { width:100%; padding-left:15%; }
					.listText .F100 .N090 { width:85%; }
		.listBTN { width:75%; margin:2vw auto; }
			.amazonBTN { margin-bottom:4vw; border-radius:2vw; padding:2vw; }
				.amazonBTNlink { padding:2vw; }
					.amazonBTNlink a:link { padding:2vw; border-radius:2vw; }
				.infoBTN a.BTN { border-radius:2vw; padding:1vw 2vw; }
			.viewBTN { display:block; width:100%; text-align:center; margin:4vw auto; background-color:#3399CC; color:#FFFFFF; border-radius:2vw; padding:2vw 0; }
				.viewBTN a.view:link { color:#FFFFFF; }
}