/* --------------------------------------------------------------

   theme1272.css

-------------------------------------------------------------- */

/* ------------------------------------------
/* Responsive
/* ------------------------------------------ */

/* largeur minimum 1272px */

@media (min-width : 1272px) {

	/* ------------------------------------------
	/* Habillage des elements du contenu
	/* ------------------------------------------ */

	.chapo { order : 0; }



	/* Bonnes affaires */

	.bonnes_affaires { width : 100%; }



	/* Besoin d'aide ? */

	.aide { width : 100%; }

		.pages_commander .aide {

			width : 100%;
			margin-left : 0;

		}



	/* Extras */

	.extra { width : 100%; }



	/* Liste de vignettes */

	.vignettes {  }

		.vignettes li { margin : 0 24px 24px 0; }

			.vignettes.categories li { width : 288px; }

				.vignettes.categories li .vignette { height : 288px; }

					.vignettes.categories li img {

						width : 288px;
						/* height : 576px; */

					}

						/* .vignettes.categories li:focus img,
						.vignettes.categories li:hover img,
						.vignettes.categories li:active img { top : -288px; } */



	/* -------------------------------------------
	   Formulaires : variantes et cas particuliers
	   ------------------------------------------- */

		/* Formulaires de recherche (site / petitions) */

			.formulaire_recherche {

				display : block;

				height : 48px;
				margin : 0;

			}

				.formulaire_recherche div { display : flex; }

					.formulaire_recherche label { display : none; }

					.formulaire_recherche input.text {

						position : relative;

						width : 252px;
						height : 48px;
						padding : 12px;
						border-color : var(--primary-400);

						color : var(--white-700) !important;

					}

						.formulaire_recherche input.text:hover,
						.formulaire_recherche input.text:focus,
						.formulaire_recherche input.text:active {

							padding-bottom : 11px;

							color : white !important;

						}

						.formulaire_recherche input.text:active { border-color : var(--accent-200); }


						.formulaire_recherche input.submit {

							position : relative;

							width : 48px;
							height : 48px;
							padding : 12px;
							border : none;
							border-radius : 2px;
							outline : none;
							margin-right : 12px;

							background-color : transparent;

							font-family : 'Material Icons';
							font-size : 24px;
							line-height : 24px;
							color : var(--white-700);


						}

							.formulaire_recherche input.submit:focus,
							.formulaire_recherche input.submit:active,
							.formulaire_recherche input.submit:hover { color : white; }



		/* .formulaire_panier_produit */

			.formulaire_panier_produit {  }



		/* .formulaire_panier_header, .formulaire_panier, .formalaire_recapitulatif */

			.formulaire_panier_header {

				display : block;

				width : 288px;
				margin : 0 24px;

				position : absolute;
				top : 112px;
				right : 0;
				z-index : 2;

				text-align : right;

			}

				.formulaire_panier_header.preview {

					padding : 12px 24px 8px;
					border-radius : 4px;

					background-color : var(--primary-50);

					text-align : left;

				}

					.formulaire_panier_header > a:first-child {

						display : block;

						right : -10px;

						font-size : 20px; /* 20px */

						text-align : right;
						text-decoration : none;

						color : var(--white-700);

					}

						.formulaire_panier_header > a:first-child:hover,
						.formulaire_panier_header > a:first-child:focus,
						.formulaire_panier_header > a:first-child:active { color : white !important; }

					.formulaire_panier_header > a.on:first-child { color : white; }

						.formulaire_panier_header > a.on:first-child:hover,
						.formulaire_panier_header > a.on:first-child:focus,
						.formulaire_panier_header > a.on:first-child:active { color : var(--accent-200) !important; }

							.formulaire_panier_header > a:first-child > span:first-child {

								display : inline-block;

								padding-right : 10px;

								font-family : "Cabin", Arial, sans-serif;
								font-weight : var(--regular);
								font-size : 0.9375rem; /* 15px */
								line-height : 2.5rem; /* 40px */

							}

								.formulaire_panier_header > a:first-child > span:nth-child(2) {

									display : block;

									width : 12px;
									height : 12px;

									border-radius : 5px;

									position : absolute;
									right : 2px;
									bottom : 2px;

									background : var(--accent-200);

									font-family : "Cabin", Arial, sans-serif;
									font-weight : var(--regular);
									font-size : 0.625rem; /* 10px */
									line-height : 0.75rem; /* 12px */

									text-align : center;

									color : white;

								}

					.formulaire_panier_header.preview > a:first-child {

						margin-bottom : 0.5rem; /* 8px */

						right : unset;

						font-size : 24px;

						text-align : center;

						color : var(--primary-400);

					}

						.formulaire_panier_header.preview > a:first-child:hover,
						.formulaire_panier_header.preview > a:first-child:focus,
						.formulaire_panier_header.preview > a:first-child:active { color : var(--accent-700) !important; }

							.formulaire_panier_header.preview > a:first-child > span:first-child {

								padding : 12px 12px 12px 0;

								font-family : "Cabin", Arial, sans-serif;
								font-size : 1.5rem; /* 24px */
								line-height : 1.5rem; /* 24px; */

							}

								.formulaire_panier_header.preview > a:first-child > span:first-child > span { display : inline-block; }

									.formulaire_panier_header.preview > a:first-child > span:first-child > span:first-child { padding-right : 8px; }

									.formulaire_panier_header.preview > a:first-child > span:first-child > span:last-child {  }

										.formulaire_panier_header.preview > a:first-child:hover > span:first-child > span:last-child,
										.formulaire_panier_header.preview > a:first-child:focus > span:first-child > span:last-child,
										.formulaire_panier_header.preview > a:first-child:active > span:first-child > span:last-child { text-decoration : underline; }

							.formulaire_panier_header.preview > a:first-child > span:last-child { display : none; }



					.formulaire_panier_header.preview form { display : block; }



					/* Listes */

						/* Liste des produits */

							.liste_produits {  }

								.produit_ligne {  }

									.formulaire_panier_header .produit_ligne,
									.formulaire_panier_header .reduction_ligne { border-bottom: thin solid var(--primary-200); }

										.produit_vignette {

											width : calc((100% - (5 * 24px)) / 6);
											margin-right : 24px;

										}

											.formulaire_panier_header .produit_vignette {

												width : calc((100% - (3 * 16px)) / 4);
												margin-right : 16px;

											}



												.produit_vignette .vertical img { width : auto; }

										.produit_resume { width : calc((5 * ((100% - (5 * 24px)) / 6)) + (4 * 24px)); }

											.formulaire_panier_header .produit_resume { width : calc((3 * ((100% - (3 * 16px)) / 4)) + (2 * 16px)); }

												.produit_titre {

													width : calc((3 * ((100% - (4 * 24px)) / 5)) + (2 * 24px));
													margin-right : 24px;

												}

													.formulaire_panier_header .produit_titre {

														width : 100%;
														margin-right : 0;

													}

												.produit_quantite {

													width : calc((2 * ((100% - (4 * 24px)) / 5)) + 24px);

													position : relative;

												}

													.formulaire_panier_header .produit_quantite {

														width : 100%;

														right : -12px;

													}

														.produit_quantite_totale { border-color : var(--primary-200); }

												.produit_enlever {

													width : calc((3 * ((100% - (4 * 24px)) / 5)) + (2 * 24px));
													margin-right : 24px;

												}

													.formulaire_panier_header .produit_enlever {

														width : calc((100% - (2 * 16px)) / 3);
														margin-right : 16px;

													}

														.formulaire_panier_header .produit_enlever button span { display : none; }

												.produit_tarif { width : calc((2 * ((100% - (4 * 24px)) / 5)) + 24px); }

													.formulaire_panier_header .produit_tarif { width : calc((2 * ((100% - (2 * 16px)) / 3)) + 16px); }



						/* Liste des bundles */

							.liste_bundles {  }

								.bundle_ligne {  }

									.bundle_titre { width : calc((4 * ((100% - (5 * 24px)) / 6)) + (3 * 24px)); }

									.bundle_tarif { width : calc((2 * ((100% - (5 * 24px)) / 6)) + 24px); }



						/* Liste de réduction */

						.liste_reduction,
						.supplement_reduction {  }

							.reduction_ligne,
							.supplement_ligne {  }

								.reduction_titre,
								.supplement_titre { width : calc((4 * ((100% - (5 * 24px)) / 6)) + (3 * 24px)); }

								.reduction_tarif,
								.supplement_tarif { width : calc((2 * ((100% - (5 * 24px)) / 6)) + 24px); }



						/* Liste de livraison */

							.liste_livraison {  }

								.formulaire_panier_header .liste_livraison select { width : 100%; }

								.livraison_ligne {  }

									.livraison_titre { width : calc((4 * ((100% - (5 * 24px)) / 6)) + (3 * 24px)); }

									.livraison_valeur { width : calc((2 * ((100% - (5 * 24px)) / 6)) + 24px); }



						/* Total du panier */

							#panier_total {  }

								.formulaire_panier_header #panier_total { margin-bottom : 16px; }



						/* Récapitulatif des informations sur la commande */

							.informations {  }

								.informations > div:not(:first-child) { width : calc((3 * (100% - (5 * 24px)) / 6) + (2 * 24px)); }



	/* ------------------------------------------
	/* Sous-navigation et autres menus
	/* ------------------------------------------ */

		/* .menu_footer */

			.menu_footer {

				width : 75%;
				padding : 24px 0 0 24px;

			}

} /* @media (min-width : 1272px) */

/* end */