@charset "iso-8859-1";
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic,300,300italic);
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Medium.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Thin.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Roman.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?w7k8gq');
  src:  url('fonts/icomoon.eot?w7k8gq#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?w7k8gq') format('truetype'),
    url('fonts/icomoon.woff?w7k8gq') format('woff'),
    url('fonts/icomoon.svg?w7k8gq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* ------------------------------------------------------------ */
/*                                                              */
/*   Sommaire                                                   */
/*     0 - Appels fonts - S.ROCHE 01/11/14                      */
/*     1 - Reset                                                */
/*     2 - Balises Titres + Liens                               */
/*     3 - Structure                                            */
/*     4 - Navigation                                           */
/*     5 - Formulaires                                          */
/*     6 - Widgets                                              */
/*     7 - Modules                                              */
/*     8 - Font-face                                            */
/*     9 - Tricks                                               */
/*                                                              */
/*                                    							*/
/*                                                              */
/* ------------------------------------------------------------ */

/*==============================================================
	VARIABLE COULEURS
================================================================*/
:root{
	--bordeaux : #6C090F;
	--rouge : #CB3E49;
	--vert : #103C22;
	--lie-de-vin : #49313E;
	--violet : #5A4A6E;
	--bleu-canard : #313E49;
	--antracite : #383838;
	--gris : #DBDBDB;
	--gris-100 : #7C7C7B;
	--gris-r-stock : #c7c7c7;
	--blanc : #fff;
	--noir:#000;
	--m-secondary:#1D1D1B;
	--noir-price : #1E1E1E;
	--gris-caract : #F6F6F6;

	--ombre : 0px 0px 5px 3px rgba(0,0,0,0.1);

	--bg-check-off:#EEF0F2;
	--bg-check-on :#707070;

	--bordure-form: #E3E3E3;
}


/* ---------------------------------------- */
/* 1 - RESET                                */
/* ---------------------------------------- */

/* base font-size corresponds to 10px and is adapted to rem unit */
html { font-size: 62.5%; }
body {
	color: #666666;
	/*font-family: 'Titillium Web', arial, sans-serif; 
	font-family: 'Poppins', sans-serif;*/
	font-family: Arial, "Helvetica Neue", "sans-serif";
	font-size: 1.6em; /* equiv 14px */
	line-height: normal; /* adapt to your design */
	-webkit-font-smoothing: antialiased;
}

/* font-sizing for content */
/* preserves vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p, ul,
ol, dl,
blockquote, pre,
td, th,
label, textarea,
caption, details,
figure {
	margin: .75em 0 0;
	line-height: 1.5;
}
/* alternate font-sizing */
.smaller { font-size: .7143em; /* equiv 10px */ }
.small   { font-size: .8571em; /* equiv 12px */ }
.big     { font-size: 1.1429em; /* equiv 16px */ }
.bigger  { font-size: 1.2857em; /* equiv 18px */ }
.biggest { font-size: 1.4286em; /* equiv 20px */ }

/* soft reset */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
ul, ol { margin-bottom:30px; }
ul.unstyled { list-style: none; }
code, pre,
samp, kbd {
	white-space: pre-wrap;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
	line-height: 1em;
}
code, kbd, mark { border-radius: 2px; }
em { font-style: italic; }
strong { font-weight: 600; }
kbd {
	padding: 0 2px;
	border: 1px solid #999;
}
code {
	padding: 2px 4px;
	background: rgba(0,0,0,.04);
	color: #b11;
}
mark {
	padding: 2px 4px;
	background: #ff0;
}
sup, sub {
	position: relative;
	vertical-align: 0;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
table { margin-bottom: 1.5em; }

/* avoid top margins on first content element */
p:first-child, ul:first-child,
ol:first-child, dl:first-child,
blockquote:first-child, pre:first-child,
h1:first-child, h2:first-child,
h3:first-child, h4:first-child,
h5:first-child, h6:first-child {
	margin-top: 0;
}

/* avoid margins on nested elements */
li p, li ul, li ol {
	margin-top: 0;
	margin-bottom: 0;
}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, video { max-width: 100%; }

/* pictures */
img { vertical-align: middle; }
.center { text-align: center; }

/* Google Gmap3 bug fix on images */
:not(.gm-style) img { height: auto !important; }
.ie678 .gm-style img { height: 100%;  /* IE678 hack */ }
.gm-style img, .gmnoscreen img, .gmnoprint img { max-width: none !important; }

a { color: #707070; transition:0.3s;}
a:hover { color: #CB3E49; transition:0.3s; }
a img { border: 0; }

/* scripts */
body > script { display: none !important; }

/* skip-links */
.skip-links { position: absolute; }
.skip-links a {
	position: absolute;
	left: -7000px;
	padding: 0.5em;
	color: #fff;
	text-decoration: none;
	background: #000;
}
.skip-links a:focus { position: static; }
hr { margin: 0; }

::-webkit-input-placeholder {
   color: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ccc;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;
}

:-ms-input-placeholder {
   color: #ccc;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* ---------------------------------------- */
/* 2 - BALISES TITRES + LIENS               */
/* ---------------------------------------- 
h1, .h1-like {
	margin: 0;
	font: 400 1.5714em/1.8 'Roboto', helvetica, arial, sans-serif;
	color: #000;
}
h2, .h2-like {
	margin: 0.75em 0 0;
	font: 400 1.3571em/1.5 'Roboto', helvetica, arial, sans-serif;
	color: #000;
}
h3, .h3-like {
	margin: 0.875em 0 0;
	font-size: 1.7143em; /* equiv 24px 
	line-height: 1.75;
}
h4, .h4-like {
	margin: 1.05em 0 0;
	font-size: 1.3em; /* equiv 20px 
	line-height: 1.05;
}
h5, .h5-like {
	margin: 1.1667em 0 0;
	font-size: 1.0em; /* equiv 18px 
	line-height: 1.1667;
}
h6, .h6-like {
	margin: 1.3125em 0 0;
	font-size: 1.1429em; /* equiv 16px 
	line-height: 1.3125;
}

/* ---------------------------------------- */
/* 3 - STRUCTURE                            */
/* ---------------------------------------- */


#leftbar { background: #fff; }
/*
#text { font: normal 1.1em 'Titillium Web', helvetica, arial, sans-serif; }
#text strong { color: #ff6001; }
#text a {
	font-family: 'Titillium Web', Arial, sans-serif;
	font-weight: bold;
	color: #CB3E49;
}
#text a:hover { color: #cf0202; }
#text ul { margin-left: 20px; }
*/










#faq ol,#faq ul { margin-left: 20px; }
.bottomContent { background: url(/images/bg_pointLine.png) left top no-repeat; }

/* Préformaté Accueil */
.homeLeftPart { width: 660px; }
.homeRightPart { width: 230px; }
.homeRightPart h3 {
	font-size: 16px;
	color: #cf0202;
  text-transform: uppercase;
}
.gradientTop, .gradientBottom {
	height: 30px;
	background: url(/images/bg_widget.png);
}
.gradientBottom { background-position: 0 -30px; }
.homeRightContent {
	font-size: .9em;
	background: #fff;
}

.vignes_et_vignerons article p {
 margin-top: 0;
}

/*#articlesList .chapo, .vignes_et_vignerons article p {
 background: url(/images/pin_article.png) left top no-repeat;
 padding-left: 25px;
 height: 44px;
 padding-top: 5px;
}*/

#articlesList .chapo a {
 text-decoration: none;
}

#article .colleft {
  float: left;
  width: 50%
}
#article .colright {
  float: right;
  width: 50%
}


/* ---------------------------------------- */
/* 4 - NAVIGATION                           */
/* ---------------------------------------- 
.breadcrumb, .breadcrumb a {
	font: italic 11px Arial, sans-serif;
	color: #7a7a7a;
	text-decoration: none;
}
.breadcrumb a:hover {
	color: #ff6001;
	text-decoration: underline;
}*/
#container nav { margin-left: -25px; }
#container nav ul { list-style-type: none; }
#container nav ul li { float: left; }
#container nav ul li a {
	width: 155px;
	font: normal 16px 'Roboto', helvetica, Arial, sans-serif;
	line-height: 40px;
	color: #000;
	text-decoration: none;
}
#container nav ul li a:hover, #container nav ul li.active a {
	color: #fff;
	background: #ff6001;
}
#signature { float: left; }

/* ---------------------------------------- */
/*     5 - FORMULAIRES                      */
/* ---------------------------------------- */
fieldset {
	padding: 0;
	border: none;
}
.error, #error_add_quantity {
	/*padding: 5px;*/
	padding: 0;
	margin: 5px 0;
	color: #fff;
	background: #c00;
 border-radius: 4px;
}
.accountNotConfirmed {
 color: #333;
  padding: 10px;
}
/*span.label, label {
	display: inline-block;
	width: 240px;
	line-height: 30px;
}
span.fields, .row > div {
	display: inline-block;
	line-height: 30px;
}*/

input[type="text"], input[type="password"], input[type="email"], textarea {

}
/*#cpid { width: 80px; text-align: center; }
#telid, #mobileid { width: 120px; text-align: center; }*/

.strength_password { margin-left: 10px; }
.strength_password.shortPass { color: #c00; background: url(/images/feu-rouge.png) no-repeat; padding-left: 20px }
.strength_password.badPass { color: #FF6001; background: url(/images/feu-orange.png) no-repeat; padding-left: 20px}
.strength_password.goodPass { color: #00b119; background: url(/images/feu-vert.png) no-repeat; padding-left: 20px}
.obligatory { font-weight: bold; color: var(--antracite);}
.notequalpasswd { margin-left: 10px; color: #FF0000; background: url(/images/field-ko.gif) no-repeat; padding-left: 20px}
.equalpasswd { margin-left: 10px; color: #00b119; background: url(/images/field-ok.gif) no-repeat; padding-left: 20px}

.formulaire .group_multi_checkbox label {
  width: 110px;
  vertical-align: bottom;
}
/*.formulaire label {
  vertical-align: top;
}

.formulaire .multi_checkbox {
  display: block;
  height: 25px;
}*/
.formulaire .other ul {
  list-style: none;
  float: right;
}
.formulaire .submit {
  width: auto;
  text-align: center;
}
.formulaire .submit {
  width: auto;
  text-align: center;
}
.formulaire textarea {

}
.formulaire .submit #reset {
    display: none;
}

 /* FORMULAIRE */
.catalog_search_form fieldset {
  margin: 0;
}

input.wordsbox {
    width: 150px;
}
.catalog_search_form .submit input,form.catalog_search_form a.LinkIn {
 font-size: 80%
}

/* ---------------------------------------- */
/*     6 - WIDGETS                          */
/* ---------------------------------------- */
/*.widget h4, header .widget {
	font: normal 16px 'Roboto', Arial, helvetica, sans-serif;
	text-transform: uppercase;
}
#leftbar .widget h4 { color: #000; }
.bottomContent .widget h4 {
	padding-bottom: 20px;
	font: normal 14px 'Roboto', helvetica, arial, sans-serif;
	color: #000;
	text-transform: uppercase;
}
.bottomContent .widget {
	font: bold 13px  arial, helvetica, 'Titillium Web', sans-serif;
	color: #1a171b;
	text-transform: uppercase;
}
.bottomContent .widget:last-child { padding: 0; }
.bottomContent .widget ul { list-style-type: none; }
.bottomContent .widget li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.bottomContent .widget a {
	color: #000;
	text-decoration: none;
}
.bottomContent .widget a:hover {
	color: #CB3E49;
	text-decoration: underline;
}*/


/* Newsletter */
#formulairenewsletters #NewsLettersSubscribeMail {
  width: 180px;
}

#formulairenewsletters .submit input {

}

/* Widget images aléatoires */
.headerPictureLeft h4, .headerPictureRight h4 { display: none; }
header .headerPictureLeft, header .headerPictureRight {
	position: relative;
	float: left;
	padding-top: 10px;
	background: none;
}
header .headerPictureLeft .legend, header .headerPictureRight .legend {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	padding: 0 15px;
	font-size: 12px;
	font-style: italic;
	line-height: 32px;
	color: #fff;
	text-align: right;
	text-transform: none;
	background: rgba(0,0,0,.6);
}
/* réduit les visuels pour les plus petits écrans */
@media screen and (max-height: 700px) {
  header .headerPictureLeft,header .headerPictureRight {
    height: 300px;
    overflow: hidden;
  }
}

#leftbar .widget {
	padding: 20px 0 5px 20px;
	margin-left: -20px ;
	background: url(/images/pin_widget.png) left top no-repeat;
}
#leftbar .widgetCatalogShortcut {
	padding: 0 0 50px;
	margin: 0 -20px 0 0;
	text-transform: uppercase;
	background: none;
}
#rightbar {

}
.widgetCatalogShortcut ul { list-style-type: none; }
.widgetCatalogShortcut .widgetContainer > ul > li {
	padding: 2px 0 2px 20px;
	background: url(/images/pin_cave.png) left top no-repeat;
}
.widgetCatalogShortcut .widgetContainer > ul > li:nth-last-child(2) { background: url(/images/pin_caveLast.png) left top no-repeat; }
.widgetCatalogShortcut .widgetContainer > ul > li:last-child { display: none; }
.widgetCatalogShortcut a.currentFamily { color: #CB3E49; }
.widgetCatalogShortcut .widgetContainer > ul > li .currentFamily + ul { display: block; }
.widgetCatalogShortcut a {
	width: 150px;
	padding: 0 5px;
	font-family: 'Roboto', helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #cf0202;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.widgetCatalogShortcut a:hover {
	color: #ff6001;
}
.widgetCatalogShortcut .widgetContainer > ul > li > ul > li a.mod.currentFamily { color: #CB3E49; }
.widgetCatalogShortcut .widgetContainer > ul > li ul { display: none; }
.widgetCatalogShortcut ul > li > ul a {
	width: 170px;
	padding: 0 20px 0 0;
	font: normal 14px 'Roboto', helvetica, arial, sans-serif;
	color: #000;
	text-transform: none;
}
.widgetCatalogShortcut .widgetContainer > ul > li > ul li:first-child { display: none; }
.widgetCatalogShortcut .widgetContainer li.active > ul { display: block; }

/* ---------------------------------------- */
/* 7 - MODULES                              */
/* ---------------------------------------- */
/* Catalogue */
.catalog h2 {
	font: 500 20px arial, helvetica, 'Titillium Web', sans-serif;
	color: #cf0202;
	text-decoration: underline;
}
.catalog .domainSection, .productsList .domainSection { background: url(/images/pin_vin.png) 0 -4px no-repeat; }
.catalog .domainSection h2 a, .productsList .domainSection h2 a { color: #cf0202; }
.catalog .familly { background: url(/images/pin_vin.png) left top no-repeat; }
.catalog .familly h3 a {
	font: 400 20px arial, helvetica, 'Titillium Web', sans-serif;
	color: #cf0202;
}
.famillyContainer > a { display: none; }

/* Masque la liste des produits le temps de l'exécution JS */
.catalog .line, 
.productsList .line{
	opacity: 0;
	transition: opacity 0.4s ease-in-out; /* Effet de fondu élégant */
}

/* Catalogue - fiche résumée */
.short_product {
	font: normal 16px arial, helvetica, 'Titillium Web', sans-serif;
	color: #000;
}
.short_product h3 { line-height: 14px; }
.short_product h3 a {
	font: normal 16px arial, helvetica, 'Titillium Web', sans-serif;
	color: #000;
	text-decoration: none;
}
.short_product h3 a:hover { text-decoration: underline; }
.short_product_container > div { display: inline-block; }
.short_product_container > a {
	color: #000;
	text-decoration: none;
}

.short_product .specialRate {
	padding: 2px 5px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #CB3E49;
}

span.normalPrice {
	color: #999;
	text-decoration: line-through;
}

/* @changelog 2019-11-21 [EVOL] (Antony) Mise en forme de la recherche de produits (2019-2763) */
.catalogProductsList .short_product .lien_domaine,
.searchCatalogProductsList .short_product .lien_domaine { display: none; }

.short_product_container > a:hover {
	color: #cf0202;
	text-decoration: underline;
}
.short_product a > img { width: 25px; }
.short_product form { display: inline-block; }
.short_product select {
	width: 60px;
	margin-right: 10px;
}
.short_product .panier { }

/* Catalogue - fiche produit */
#product .productPictures > .productPicturesContent { background: #fff; }
#product .listSpecs { list-style-type: none; padding:0; margin:0; }
#product .new img { display: none; }
#product .new { width: 116px; height: 23px; background: url(/images/vin-nouveau.png) no-repeat }

#product .addToCart, #product .total_price { display: none!important; }
#product .description, .degustationPeriod {
	font-family: arial, helvetica, 'Titillium Web', sans-serif;
	color: #000;
}
/*#produitsAssocies { background: url(/images/pin_produit.png) 5px -1968px no-repeat; }
#produitsAssocies h2 {
	font: normal 26px arial, helvetica, 'Titillium Web', sans-serif;
	color: #ff6001;
}
#produitsAssocies .short_product h3 {
	margin-right: 50px;
	width: 450px;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#produitsAssocies .short_product h3 .lien_domaine { text-transform: none; }
#produitsAssocies .short_product .priceContainer {
	width: 100px;
	color: #ff6001;
	text-align: right;
}
#produitsAssocies .short_product .pictureContainer,
#produitsAssocies .short_product .addToCart,
#produitsAssocies .short_product .linkFiche { display: none; }
#produitsAssocies .short_product .old_price { right: 320px; }
#produitsAssocies .short_product .old_price .prix { color: #999; }

/* Catalogue - Tunnel de commande 
#steps span {
	float: left;
	display: block;
	width: 20%;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	color: #fff;
	background: #CB3E49;
	border-right: 1px solid #e4e4e4;
}
#steps span:last-child { border: none; }
#steps span.active { background: #6C080F;}

#cart table, #cart_order_confirmation table, #cart_payment_confirmation table {
	width: 100%;
	border: 1px solid #ccc;
 border-spacing: 0;
 border-collapse: collapse;
}
#cart table thead, #cart_order_confirmation table thead, #cart_payment_confirmation table thead { background: #fff; }
#cart table thead th, #cart_order_confirmation table thead th, #cart_payment_confirmation table thead th {
	padding: 0 5px;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
}
#cart table tbody td, #cart_order_confirmation table tbody td, #cart_payment_confirmation table tbody td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
#cart_payment_confirmation table tbody td { line-height: 60px; }
#cart table tbody tr > td:first-child,
#cart_order_confirmation table tbody > tr > td:first-child,
#cart_payment_confirmation table tbody > tr > td:first-child { background: none; }
#cart table tbody td:nth-child(odd),
#cart_order_confirmation table tbody td:nth-child(odd),
#cart_payment_confirmation table tbody td:nth-child(odd) { background: #eaeaea; }
#cart table tbody td .productPicture,
#cart_order_confirmation table tbody td .productPicture,
#cart_payment_confirmation table tbody td .productPicture {
	width: 60px;
	height: 60px;
	line-height: 46px;
	background: #fff;
	border: 1px solid #ccc;
}
#cart table tbody td .productPicture img, #cart_order_confirmation table tbody td .productPicture img,
#cart_payment_confirmation table tbody td .productPicture img {
	max-width: 100%;
	max-height: 100%;
}
#cart table tfoot, #cart_order_confirmation table tfoot, #cart_payment_confirmation table tfoot { background: #fff; }
#cart table tfoot td, #cart_order_confirmation table tfoot td, #cart_payment_confirmation table tfoot td { padding: 5px; }
#cart table tfoot tr.HT_amount td, #cart_order_confirmation table tfoot tr.HT_amount td,
#cart_payment_confirmation table tfoot tr.HT_amount td { border-top: 1px solid #ccc; }
#cart table tfoot tr.total_amount td, #cart_order_confirmation table tfoot tr.total_amount td,
#cart_payment_confirmation table tfoot tr.total_amount td {
	font: bold 20px arial, helvetica, 'Titillium Web', sans-serif;
	color: #fff;
	background: #333;
}
#cart table tfoot label, #cart_order_confirmation table tfoot label, #cart_payment_confirmation table tfoot label {
	width: 450px;
	margin: 0;
	line-height: 20px;
}
#cart table .shippingTitle, #cart_order_confirmation table .shippingTitle,
#cart_payment_confirmation table .shippingTitle {
	font: 400 16px arial, helvetica, 'Titillium Web', sans-serif;
	letter-spacing: 0.3px;
	color: #fff;
	background: #999;
}
*/
/* Catalogue - Tunnel de commande, authentification */
#cartAuthentification .w50:nth-child(2) {
	border-right: 1px solid #ccc;
}

/* Catalogue - Tunnel de commande, inscription */
#cartSubscription label { display:block; text-align: justify; }
#cartSubscription label.aide { 	font-size: 11px;font-style: italic; }
/*#cartSubscription input[type="text"], #cartSubscription input[type="password"],
#cartSubscription input[type="mail"], #cartSubscription textarea { width: 300px; }

#payment_actions a.LinkIn {
	display: inline-block;
	height: 30px;
	padding: 0 20px;
	margin-top: 20px;
	font: normal 14px arial, helvetica, 'Titillium Web', sans-serif;
	line-height: 30px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #CB3E49;
	border: 1px solid #CB3E49;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
#payment_actions a.LinkIn.secondary {
	color: #CB3E49;
	background: none;
}*/

 
#accountPendingOrders table,#accountHistoryOrders table { width: 100%; }
#accountPendingOrders thead tr th,#accountHistoryOrders thead tr th {
  background: var(--rouge);
  color: #fff;
}
#accountPendingOrders tbody tr td,#accountHistoryOrders tbody tr td {
  color: #333;
  border-bottom: 1px solid #eee
}


/* ---------------------------------------- */
/* 8 - FONT-FACE                            */
/* ---------------------------------------- */

/* MODIF SEBASTIEN ROCHE iNCiTE Web 01/11 : depuis Chrome 37 on peut utiliser les Google Webfonts (appelées
en début de cette feuille) sans problème d'aliasing - la police native GG a un meilleur rendu sur tous les
navigateurs que les versions fichiers déclarées ci-après*/


/* ---------------------------------------- */
/*  8 - TRICKS                              */
/* ---------------------------------------- */
.hide      { display: none!important; }
.block     { display: block!important; }
.inbl      { display: inline-block; vertical-align: top; }
.inblM     { display: inline-block!important; vertical-align: middle; }
.inblB     { display: inline-block!important; vertical-align: bottom; }
.mod       { overflow: hidden; }
.relative  { position: relative; }

.noTitle h4 { display: none; }
/*
.bgOrange {color: #fff!important; background: #ff6001;}
.bgRouge {color: #fff!important; background: #cf0202;}
.violet { color: #CB3E49; }
*/
.clear {
	border:0;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.w25       { width: 25%; }
.w50       { width: 50%; }

.w50p      { width: 50px; }
.w100p     { width: 100px; }
.w120p     { width: 120px; }
.w150p     { width: 150px; }
.w200p     { width: 200px; }
.w210p     { width: 210px; }
.w300p     { width: 300px; }
.w320p     { width: 320px; }
.w430p     { width: 430px; }
.w450p     { width: 450px; }
.w500p     { width: 500px; }
.w680p     { width: 680px; }
.w940p     { width: 940px; }
.w1150p    { width: 1150px; }

.p20       { padding: 20px; }
.pt5       { padding-top: 5px; }
.pt10      { padding-top: 10px; }
.pt15      { padding-top: 15px; }
.pt20      { padding-top: 20px; }
.pt30      { padding-top: 30px; }
.pt35      { padding-top: 35px; }
.pt40      { padding-top: 40px; }
.pt50      { padding-top: 50px; }
.pr10      { padding-right: 10px; }
.pr20      { padding-right: 20px; }
.pr30      { padding-right: 30px; }
.pb10      { padding-bottom: 10px; }
.pb20      { padding-bottom: 20px; }
.pb30      { padding-bottom: 30px; }
.pb50      { padding-bottom: 50px; }
.pl25      { padding-left: 25px; }
.pl20      { padding-left: 20px; }
.pl30      { padding-left: 30px!important; }
.pl40      { padding-left: 40px; }
.pl50      { padding-left: 50px; }

.mt5       { margin-top: 5px!important; }
.mt15      { margin-top: 15px; }
.mt20      { margin-top: 20px; }
.mr5       { margin-right: 5px; }
.mr10      { margin-right: 10px; }
.mr25      { margin-right: 25px; }
.mb20      { margin-bottom: 20px; }
.mb24      { margin-bottom: 24px; }
.mb30      { margin-bottom: 30px; }
.ml-25     { margin-left: -25px; }
.ml10      { margin-left: 10px; }

.posLeft   { float: left; }
.posMiddle { margin: 0 auto; }
.posRight  { float: right; }

.txtLeft   { text-align: left; }
.txtCenter { text-align: center; }
.txtRight  { text-align: right; }

.square-30 { width: 30px; height: 30px; }

/*.button {
	height: 30px;
	padding: 0 20px;
	font: normal 14px arial, helvetica, 'Titillium Web', sans-serif;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #CB3E49;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.button.primary {
	color: #fff;
	background: #CB3E49;
}
.button.secondary {
	color: #CB3E49;
	background: none;
}
.button.primary:hover {
	color: #CB3E49;
	background: none;
}
.button.secondary:hover {
	color: #fff;
	background: #CB3E49;
}*/

.arrowBlack {
	position: absolute;
	left: 5px;
	bottom: -5px;
	display: block;
	width: 10px !important;
	height: 5px !important;
	padding: 0;
	margin: 0;
	background: url(/common_images/community/bg_arrow.png);
}
.arrowBlack.reverse {
	left: auto;
	right: 5px;
}
.arrowContent {
	position: absolute;
	top: -30px;
	left: 0px;
	z-index: 200;
	display: none;
	padding: 3px 5px;
	font-size: 11px;
	color: #fff;
	background: #000;
	white-space: nowrap;
}
*:hover > .arrowContent { display: block; }

a.facebookConnect {
	display: inline-block;
	padding: 0 5px 0 25px;
	height: 20px;
	font: bold 12px/20px 'Lucida Grande', Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	background: #5f78ab url('/common_images/community/icon_facebook.png') 0 0 no-repeat;
	border: 1px solid #405a91;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#lightbox {
	position: fixed;
	top: 50%!important;
	left: 50%!important;
	margin: -250px 0 0 -250px;
	padding: 10px;
	background: #fff;
}
#outerImageContainer {
	width: 500px!important;
	height: 500px!important;
	text-align: center;
}
#imageContainer {
	display: table-cell;
	vertical-align: middle;
	width: 500px;
	height: 500px;
	text-align: center;
}
#imageDataContainer { width: 500px!important; }
#prevLink, #nextLink {
	position: absolute;
	left: 10px;
	z-index: 10;
	width: 30px;
	height: 500px!important;
	top: 10px;
}
#nextLink {
	left: auto;
	right: 10px;
}
#overDiv {
	position: fixed!important;
	top:50%!important; left:50%!important;
	transform: translate(-50%, -50%);
	z-index: 1000;
	visibility: hidden;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);
}
body:has(#overDiv){
	position:relative;
	overflow: hidden;
	height: 100vh;
	width:100%;
}
body:has(#overDiv):after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 999;
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
}
.overlibcaption {
	padding: 10px;
	font: bold 16px arial, helvetica, 'Titillium Web', sans-serif;
	color: #fff;
	background: #6C080F;
}
#overlibcontent { padding: 10px; }
#overlibcontent strong { font: bold 20px arial, helvetica, 'Titillium Web', sans-serif; }
#overlibcontent ul {
	list-style-type: none;
	text-align: center;
}
#overlibcontent ul li {
	display: inline-block;
	margin: 0 10px;
}
.overlibclose {
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 2;
}
.overlibclose a {
	font: bold 16px arial, helvetica, 'Titillium Web', sans-serif;
	color: #fff;
	text-decoration: none;
}
#overlibfooter { display: none; }






/*=========================================================
==                                                       ==
==        MODIFICATION FRENLY | 2026		             ==
==                                                       ==
=========================================================*/


/*//////////////// GLOBAL //////////////////////////////////////////////////*/
.container {width:100%;max-width: 1280px;margin:0 auto 0 auto;}
#wrapperInner {}
.displayNone {display:none;} 
a{text-decoration: none;}
/*========== FORMULAIRES ==============================*/
/* form avec placeholder */
::-webkit-input-placeholder {color: #000; opacity:1; font-size:1em;} /* Chrome/Opera/Safari */
::-moz-placeholder {color: #000; opacity:1; font-size:1em;} /* Firefox 19+ */
:-ms-input-placeholder {color: #000; opacity:1; font-size:1em;} /* IE 10+ */
:-moz-placeholder {color: #000; opacity:1; font-size:1em;} /* Firefox 18- */
/* placeholder focus */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/*========== HEADER ==============================*/
/*header {background: #A6A6A6;}
header .widget {background: none;}
header .widget a {color:#fff;}
header .widget a:hover {color:#CB3E49;}
header .clear {display:none;}
#headerInner {position: relative; border-top: 7px solid #CB3E49;}*/
.hidden{display:none!important;}

/***** logo *****/
/***** bloc haut ****/
.headPanier {display:inline-block; vertical-align: middle; padding:5px 10px 5px 0}
/*.headCompte {display:inline-block; vertical-align: middle; border-left:3px solid #fff; padding:5px 30px 5px 10px; background:url("/modeles/fr/Modele1/images/picto-cart.png") right center no-repeat !important;}*/
.headCompte {display:inline-block; vertical-align: middle; }
.widgetCart {}
.widgetCart  svg {fill:#383838;}
body.withBann .widgetCart  svg {fill:#FFFFFF;}
.widgetLogin {}
.flagLang {position:absolute; top:40px; right: 15px; z-index: 10;}
.flagLang h4 {display: none;}
.flagLang ul {list-style: none; margin: 0; padding: 0;}
.flagLang ul li {}
.flagLang ul li img {border:1px solid grey;}
/***** search + slogan *****/

/* search */
.topBlocSearch {}
.topBlocSearch h4 {display: none;}
/* @changelog 2019-11-21 [EVOL] (Antony) Mise en forme de la recherche de produits (2019-2763) */
.topBlocSearch form{background:var(--blanc)}
/* @changelog 2019-11-21 [EVOL] (Antony) Mise en forme de la recherche de produits (2019-2763) */
.topBlocSearch form fieldset {display: inline-block;}
.topBlocSearch form .row {display: inline-block;}
/* @changelog 2019-11-21 [EVOL] (Antony) Mise en forme de la recherche de produits (2019-2763) */
.row .text-search {padding: 10px; border:none; border-radius:0; background:none; width:400px; text-align: center; font-size: 1.1em;}
.topBlocSearch form .submit {display: inline-block;}
/* @changelog 2019-11-21 [EVOL] (Antony) Mise en forme de la recherche de produits (2019-2763) */
.topBlocSearch form .submit input,
.submit .btn-search {background: var(--rouge) url("/modeles/fr/Modele1/images/fleche01.png") center center no-repeat; border:none; padding: 25px 25px 15px 25px; color:#fff; text-indent: -200px; height: 50px; cursor: pointer;}
/* @changelog 2019-11-21 [EVOL] (Antony) Mise en forme de la recherche de produits (2019-2763) */

.submit .btn-search:hover {background-color: #666;}
/* slogan */
.headSlogan {}
.headSlogan h4 {display: none;}
.headSlogan p {font-size:2em; text-shadow: 1px 1px 3px rgba(0,0,0,1);}
.headSlogan p strong {display:block;}
/***** slide *****/
.homeSlide {}
.homeSlide h4 {display: none;}

/***** diaporamas ******/
header .headerPictureLeft, header .headerPictureRight {padding:0;}
header .headerPictureLeft img, header .headerPictureRight img {width: 100%; height:auto;}
header .headerPictureLeft {width:74.075%; overflow: hidden;}
header .headerPictureRight {width:25.926%; overflow: hidden;}

/*========== SIDEBAR ==============================*/
#leftbar .widget {margin:0; background: none; padding:0;}
/***** moteur de recherche *****/
#leftbar .asideSearch {background:#6C080F; padding: 20px;}
#leftbar .asideSearch h4 {color: #fff; display: none;}
#leftbar .asideSearch form {width: 100%;}
#leftbar .asideSearch input[type="text"] {width: 100%; padding: 5px; border: none; border-radius: 0; background: #fff;text-align: center;}
#leftbar .asideSearch input::placeholder{color: #626262;}
#leftbar .asideSearch input::-webkit-input-placeholder{color: #626262;}
#leftbar .asideSearch input::-moz-placeholder{color: #626262;}
#leftbar .asideSearch input:-ms-input-placeholder{color: #626262;}
#leftbar .asideSearch form .submit {text-align: center; margin: 5px 0 0 0;}
#leftbar .asideSearch form .submit input[type="submit"] {cursor:pointer; text-align: center; width: 100%; padding: 5px; border: 2px solid #fff; text-transform:uppercase; border-radius: 0; font-weight: bold; background:#6C080F; color: #fff;}
#leftbar .asideSearch form .submit input[type="submit"]:hover {background:#fff; color:#6C080F;}
/***** la selection pays pour la TVA *****/
#leftbar .listePays {margin: 0 0 0px 0; padding:10px 0 10px 0;}
#leftbar .listePays p {padding: 0; margin: 0;}
#malistedepays {width: 250px; position: relative; margin: 0 auto 0 auto; color:#CB3E49;}
#choixPays {height: 35px; display: flex; justify-content: flex-start; align-items: center; cursor: pointer; background:#DBDBDB url("/modeles/fr/Modele1/images/flag/arrow.png") 95% center no-repeat; background-size: auto 50%; border:1px solid #CB3E49;}
#malistedepays:hover #choixPays{background-color:#efefef;}
#choixPays strong {text-transform: uppercase; font-weight: normal;font-size:0.8em; margin: 0 0 0 10px;}
#listePays {margin:0; padding: 0; list-style: none; border:1px solid #999; height: 200px; overflow-y: auto; position: absolute; z-index:1000; width: inherit; background: #efefef; top: 35px; display: none; scrollbar-color: #CB3E49 #efefef;}
#listePays li {display: block; border-bottom:1px solid #999;}
#listePays li:last-child {border:none;}
#listePays li a {text-decoration: none; color:#535353; padding: 10px; display: block;}
#listePays li a:before {content: ''; display: inline-block; background-repeat:no-repeat; background-position: center; width: 20px; height: 15px; margin: 0 10px 0 0; background-size: auto 100%; }
#listePays li a:hover {background:#CB3E49; color:#fff;}
/*var flag*/
#listePays li[data-pays="allemagne"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/allemagne.png");}
#listePays li[data-pays="autriche"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/autriche.png");}
#listePays li[data-pays="belgique"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/belgique.png");}
#listePays li[data-pays="bulgarie"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/bulgarie.png");}
#listePays li[data-pays="danemark"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/danemark.png");}
#listePays li[data-pays="espagne"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/espagne.png");}
#listePays li[data-pays="finlande"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/finlande.png");}
#listePays li[data-pays="france"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/france.png");}
#listePays li[data-pays="hongrie"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/hongrie.png");}
#listePays li[data-pays="italie"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/italie.png");}
#listePays li[data-pays="luxembourg"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/luxembourg.png");}
#listePays li[data-pays="monaco"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/monaco.png");}
#listePays li[data-pays="paysbas"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/paysbas.png");}
#listePays li[data-pays="pologne"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/pologne.png");}
#listePays li[data-pays="portugal"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/portugal.png");}
#listePays li[data-pays="roumanie"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/roumanie.png");}
#listePays li[data-pays="slovaquie"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/slovaquie.png");}
#listePays li[data-pays="slovenie"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/slovenie.png");}
#listePays li[data-pays="suede"] a:before {background-image: url("/modeles/fr/Modele1/images/flag/suede.png");}
/***** la cave *****/
#leftbar .widgetCatalogShortcut {padding:50px 0 30px 50px; background: #dbdbdb;}
#leftbar .listePays + .widgetCatalogShortcut {padding:30px 0 30px 50px;}
#leftbar .widgetCatalogShortcut h4 {color:#626262; font-size:1.4em;}
#leftbar .widgetCatalogShortcut ul {color:#CB3E49; list-style:disc; padding: 0; margin: 0 0 0 15px;}
#leftbar .widgetCatalogShortcut li {background: none; padding: 0; margin: 0;}
#leftbar .widgetCatalogShortcut li a {color:#626262; background: none;}
#leftbar .widgetCatalogShortcut li a:hover {color:#CB3E49;}
/***** contact *****/
#leftbar .sideContact {background:#6C080F; color: #fff; padding:30px 0 0 0;}
#leftbar .sideContact p {padding: 0 30px 0 30px;}
#leftbar .sideContact p.bgtel {background: url("/modeles/fr/Modele1/images/picto-phone.png") 20px center no-repeat; padding:0 0 0 65px;}
#leftbar .sideContact p.bgtel strong {font-size:1.4em;}
.sideContact a {color:#fff; text-decoration: none;}
.sideContact .btnContact {text-align: center; margin:25px 0 25px 0;}
.sideContact .btnContact a {display:inline-block; padding:10px 20px 10px 20px; border:3px solid #fff; text-transform:uppercase;}
.sideContact .btnContact a:hover {background: #fff; color: #6C080F;}
.sideContact p + p strong {font-size:1.45em;}
.sideContact p:last-child {font-size: 0.8em;}
#leftbar .sideContact:after {content: ''; margin: 30px 0 0 0; display: block; height: 60px; background: rgb(108,8,15); background: linear-gradient(190deg, rgba(108,8,15,1) 49.5%, rgba(219,219,219,1) 50.5%);}
/***** stock *****/
#leftbar .sideStock {background:#dbdbdb url("/modeles/fr/Modele1/images/picto-stock.png") 20px top no-repeat; padding: 10px 0 15px 30px;}
#leftbar .sideStock p {padding: 0 30px 0 30px; line-height:1.2em;}
#leftbar .sideStock p strong {font-size:1.3em;}
/***** paiement *****/
#leftbar .sidePay {background:#dbdbdb url("/modeles/fr/Modele1/images/picto-secure.png") 20px 15px no-repeat; padding: 15px 0 15px 30px;}
#leftbar .sidePay p {padding: 0 30px 0 30px; line-height:1.2em;}
#leftbar .sidePay p strong {font-size:1.3em;}
#leftbar .sidePay p img {padding-top:10px}
/***** livraison *****/
#leftbar .sideTransport {background:#dbdbdb url("/modeles/fr/Modele1/images/picto-livraison.png") 10px 15px no-repeat;  padding: 15px 0 0 0;}
#leftbar .sideTransport p {padding: 0 30px 0 60px; margin: 0 0 2px 0; line-height:1.2em;}
#leftbar .sideTransport p strong {font-size:1.3em;}
.sideTransport a {color:#6C080F; text-decoration:none; font-size:0.8em;}
.sideTransport a:hover {text-decoration: underline;}
#leftbar .sideTransport:after {content: ''; margin: 10px 0 0 0; display: block; height: 60px; background: linear-gradient(-190deg, rgba(219,219,219,1) 49.5%, rgba(210,210,210,1) 50.5%);}
/***** domaines *****/
#leftbar .domWidget {background:linear-gradient(-90deg, rgba(248,37,37,0.3) 00%, rgba(203,62,73,1) 100%); margin: 30px 0 0 0;}
aside .contentDomWidget {padding:10px;}
aside .contentDomWidget:before {content:''; display: block; width: 100%; height: 90px; background: url("/modeles/fr/Modele1/images/logo.png") top center no-repeat; background-size: 100% auto;}
aside .coldom1 {width: 65%; float: left;}
aside .coldom1 h1 {color:#fff; font-size:1.8em; line-height: 1em; padding:0 0 10px 0; margin:0;}
aside .coldom1 .quidom {color:#fff; line-height: 1em; margin: 2px 0 2px 0; padding: 0;}
aside .coldom2 {width:30%; float: right;}
aside .coldom2 img {}
aside .domContent {clear:both; color:#fff; padding: 20px 0 20px 0; line-height: 1.2em; font-size:0.9em;}
aside .domContent + a {display: block; background: #fff; padding:5px; text-align: center; text-decoration:none; color:#6C080F; border:2px solid #fff;}
aside .domContent + a:hover {background:#6C080F; color: #fff;}

/*========== CONTENT ==============================*/
#wrapper #container {}

/***** colonnes *****/
.fc1 {display: inline-block; float: left; vertical-align: top;}
.fc2 {display: inline-block; width: auto; vertical-align: top; border:1px solid #4c4c4c; border-top:none; border-bottom:none; padding:0 100px 0 100px;}
.fc3 {display: inline-block; float: right; vertical-align: top;}
/***** reseaux sociaux *****/
/***** navigation *****/
.footLink {text-align:left;}
.footLink ul {}
/***** newsletter *****/
.footNL {text-align:left;}
.footNL .widgetNewsletterComment {}
.footNL .widgetNewsletterComment {}
.footNL form {}
/*.footNL form fieldset {background:#CB3E49; display: inline-block; border:2px solid #CB3E49; margin: 20px 0 0 0;}
.footNL form input[type="text"] {padding:14px; border:none; border-radius:0; display: inline-block; vertical-align: middle; }
.footNL .submit {display: inline-block; vertical-align: middle;}
.footNL input[type="submit"] {background:#CB3E49; border:none; cursor:pointer; padding:17px; color:#fff; text-transform:uppercase;}
.footNL input[type="submit"]:hover {color:#000;}
/***** liens mentions *****/
.bfl {clear: both; padding: 40px 0 0 0; font-size:0.8em;}

/*//////////////// GENERIQUE ///////////////////////////////////////////////*/
.separator {border:none;}
/*========== contenu ===================*/
.textAndImages {}
.textAndImages ul {margin:0 0 0 15px;}
.textAndImages a {color: #666666;}
.textAndImages a:hover {color:#CB3E49; text-decoration: none;}
/*========== pager ===================*/



/*//////////////// ACCUEIL /////////////////////////////////////////////////*/
.homeBJ #wrapperInner {background-image: none;}

/*========== bloc vins et domaines ==========*/
/*
.colVR {float: right; width:470px;}
.colVL {float:left; width:470px;}
*/
.bicol {display: flex; width:100%;flex-wrap:wrap;gap:16px;}
.bicol > article {flex:1;}
/***** les domaines *****/
#bcc {}
#wbcc {background:linear-gradient(-90deg, rgba(248,37,37,0.3) 00%, rgba(203,62,73,1) 100%); padding:10px; margin:0; border-bottom:30px solid #EFEDED;}
#wbcc .coldom1 {width: 65%; padding: 110px 0 0 0; float: left; background: url("/modeles/fr/Modele1/images/logo.png") top center no-repeat; background-size: 100% auto;}
#wbcc .coldom1 h1 {color:#fff; font-size:1.8em; line-height: 1em; padding:0 0 10px 0; margin:0;}
#wbcc .coldom1 .quidom {color:#fff; line-height: 1em; margin: 2px 0 2px 0; padding: 0;}
#wbcc .coldom2 {width:30%; float: right;}
#wbcc .coldom2 img {}
#wbcc .domContent {clear:both; color:#fff; padding: 20px 0 20px 0; line-height: 1.2em; font-size:0.9em;}
#wbcc .domContent + a {display: block; background: #fff; padding:5px; text-align: center; text-decoration:none; color:#6C080F; border:2px solid #fff;}
#wbcc .domContent + a:hover {background:#6C080F; color: #fff;}
/***** les vins *****/
.blocHV {}
.blocHV .blocVisu {}
.blocHV .blocVisu img {width:100%; height:auto;}

.blocHV .blocLink {text-align:center;}
/*.blocHV .blocLink a {color: #fff; padding: 5px 20px 5px 20px; display: inline-block; border:2px solid #fff; margin:30px 0 0 0; text-decoration:none;}
.blocHV .blocLink a:hover {background:#fff; color: #CB3E49;}*/
.listV {padding:20px 0 30px 0;}
.listV ul {list-style: none; margin: 0; padding: 0 0 0 120px;}
.listV ul li {padding:1px 0 1px 0; line-height: 1.2em; font-size: 0.9em;}
.listV a {color: #fff; text-decoration: none; text-transform: uppercase;}
.listV a:hover {text-decoration: underline;}
/* variantes */
#blocVCL {background: #49313E;}
#blocVBJ {background: #0F3C22;}
#blocVTA {background: #5A4A6E;}
#blocVLM {background: #313E49;}

/*========== nouveautes =====================
#homeNV {background: #CB3E49; margin:0 0 50px 0; text-align:center; position:relative;}
#homeNV h1 {color:#fff; font-size:2em; text-align:center; line-height:1.1em;}
#homeNV h1 span {display:block;}
#homeNV h1:after {content:''; display: block; width: 100px; margin: 20px auto 20px auto; border-bottom:  5px solid #fff;}
#homeNV .blocPres {color:#fff; text-align: left;}
#homeNV .blocPres p {}
#homeNV .blocLink {}
#homeNV .blocLink a {color: #fff; padding: 5px 20px 5px 20px; display: inline-block; border:2px solid #fff; margin:30px 0 0 0; text-decoration:none;}
#homeNV .blocLink a:hover {background:#fff; color: #CB3E49;}*/


/*========== presentation ===================
#homePres {margin:0 0 50px 0;}
#homePres .col1 {width:60%;}
#homePres .col1 h1 {color:#AFAFAF; font-size:2.5em; text-align:center; line-height:1.1em;}
#homePres .col1 h1:after {content:''; display: block; width: 100px; margin: 20px auto 20px auto; border-bottom:  5px solid #CB3E49;}
#homePres .col1 .blocPres {}
#homePres .col1 .blocPres p {color:#000;}
#homePres .col1 .blocLink {text-align: center;}
#homePres .col1 .blocLink a {color: #CB3E49; padding: 5px 20px 5px 20px; display: inline-block; border:2px solid #CB3E49; margin:20px 0 0 0; text-decoration:none;}
#homePres .col1 .blocLink a:hover {background:#CB3E49; color:#fff;}
#homePres .col2 {width:40%; text-align:center; padding:0px 0 0 0;}
#homePres .col2 p {color: #AFAFAF;}
#homePres .col2 img {}
#homePres:after {content:''; display: block; clear: both;}
*/




/*//////////////// ACTUALITES /////////////////////////////////////////////////*/
.actualites {}
/*========== fiche resum ==========
#newsList {}
#newsEventsList {}
#newsEventsList h1 {}
.newsContainer {width: 470px; margin: 0 25px 25px 0; display: inline-block; vertical-align: top;}
.newsContainer:nth-child(even) {margin-right: 0;}
.news_event {}
.news_event .newsDesc {color:#626262; min-height:50px; font-weight: bold;}*/
.news_event .chapoPicture {}
.news_event .textRight {}
.newsContainer .linksmore {text-align: center; font-weight:bold; margin: 10px 0 30px 0;}
/*.newsContainer a {color:#CB3E49; text-decoration:none; display: inline-block; padding: 5px 15px 5px 15px;  border:3px solid #CB3E49;}
.newsContainer a:hover {background: #CB3E49; color:#fff;}
/*========== fiche detail ==========*/
#news {}
#news h1 {}
#news #text {}
#news #text strong {color:#6C080F;}

/*//////////////// CATALOGUE ///////////////////////////////////////////////*/
/*========== liste catalogue ==========*/
.catalogProductsList {}
.catalogProductsList #famillyPresentation {}
.catalogProductsList .familly {background:none;}
.catalogProductsList .famillyContainer {}
.catalogProductsList .shortFamPic {overflow: hidden;}
.catalogProductsList .shortFamPic img {width:100%; transition:all 1s ease;}
.catalogProductsList .shortFamPic a:hover img {opacity: 0.6; transform: scale(1.05);}
.catalogProductsList .cavcol {width: 470px; margin: 0 25px 25px 0; display: inline-block; vertical-align: top;}
.catalogProductsList .cavcol:nth-child(even) {margin-right: 0;}

/*//////////////// LA CAVE /////////////////////////////////////////////////*/
.lacave {}
.lacave h1 {}
.lacave .cavcol .famillyContainer p {color: #fff; font-size: 1.4em; background: #6C080F;}
/*========== choix terroir ==========*/
/***** variantes couleurs *****/
#famille205 .famillyContainer p {background: #0F3C22;}
#famille251 .famillyContainer p {background: #49313E;}
#famille241 .famillyContainer p {background: #313E49;}
#famille344 .famillyContainer p {background: #5A4A6E;}
#famille207 .famillyContainer p {background: #80880F;}
/*========== liste terroir ==========*/
.famRES #famillyPresentation, .famPROD #famillyPresentation, .famBJ #famillyPresentation, .famCL #famillyPresentation,  .famLM #famillyPresentation,  .famTA #famillyPresentation {display: none;}
/*========== detail terroir ==========*/
.catalog .domainSection, .productsList .domainSection {background: none; padding-left: 0;}
.domainSection h2 {font-weight: bold; text-decoration: none;}
.catalog .domainSection h2 a, .productsList .domainSection h2 a {color: #707070; text-decoration: none;}
.catalog .domainSection h2 a:hover, .productsList .domainSection h2 a:hover {color:#CB3E49;}
.domainSection .short_product {color:#707070;}
.domainSection .short_product_container {padding:0 0 10px 0;}
.domainSection .short_product .txtRight {}
.domainSection .short_product .form {}
.domainSection .short_product .panier {}
.domainSection .short_product .panier img {}
.domainSection .short_product .stockIcon {}
.domainSection .short_product .stockIcon img {display: none;}
/*.domainSection .short_product .stockIcon:after {content:'rupture'; display: inline-block; font-weight:normal; background: #CB3E49; padding:1px 8px 3px 8px; line-height: 1.2em; color:#fff; font-size:0.5em; border-radius: 50px; vertical-align: middle;}*/
/*.domainSection .short_product .new {display: inline-block; position:relative; top:0; right:auto; width:auto; vertical-align: middle;}
.domainSection .short_product .old_price {display: inline-block; position:relative; top:0; right:auto; width:100px; vertical-align: middle;}
.domainSection .short_product priceContainer {display: inline-block; position:relative; top:0; right:auto; width:80px; vertical-align: middle;}
.domainSection .short_product .specialRate {display: inline-block;  width:auto; vertical-align: middle;}
 --- 
.domainSection .short_product .prix {display: inline-block;position: relative;top: 0 ;right: auto;width: auto;vertical-align: top;}
.domainSection .short_product  .old_price {position:absolute; right: 100px;}
.domainSection .short_product .old_price .prix {text-decoration:line-through;}
.domainSection .short_product .priceContainer {position:absolute; right: 200px; top: 0;}
.domainSection .short_product form {position:absolute; right: 70px;}
.domainSection .short_product .specialRate {position:absolute; right: 0px;}*/
/*========== fiche vin ==========*/
.catalogProductDetail {}
.catalogProductDetail .listSpecs img {display: none;}
.catalogProductDetail .listSpecs .addToCartSpecial img {display: inline-block;}
.catalogProductDetail .listSpecs .stockIcon:after {content:'rupture de stock'; display: inline-block; font-weight:normal; background: #CB3E49; padding:3px 15px 6px 15px; line-height: 1.2em; color:#fff; font-size:1.2em; border-radius: 50px; margin: 10px 0 0 0;}
#product {background: none; padding-left: 0;}
#product .linePrice strong {font-weight:bold;}
.productPicturesContent {position: relative;}
.productPictures {}
.productPictures .gradientTop, .productPictures .gradientBottom {display: none;}
#productPicture {}
#visuels_additionnels {}
#product .description .label_detail {color:#CB3E49; font-weight: bold;}

/*//////////////// FAQ /////////////////////////////////////////////////
.faq {}
.faq h1 {}
.faq a {color:rgb(102, 102, 102);}
.faq a:hover {color:#6C080F;}
.faq ol {}
.faq ol li {}
.faqDetail {margin:50px 0 0 0;}
.faqDetail h4 {color:#6C080F;}
.faqDetail .answer {text-transform:justify;}
.faqDetail p {line-height:1.2em;}
.faq .answerBack {margin:10px 0 0 0;}
.faq .answerBack a {color:#fff; background: #6C080F; text-decoration:none; display: inline-block; padding: 1px 8px 1px 8px;  border:2px solid #6C080F; text-transform: lowercase; font-size:0.9em;}
.faq .answerBack a:hover {background: #fff; color:#6C080F;}*/

/*//////////////// VIGNES ET VIGNERONS /////////////////////////////////////////////////*/
.vivi {}
/*========== liste vignes et vignerons ==========
.listeVV {padding: 0; margin: 0; list-style: none;}
.listeVV li {width: 470px; margin: 0 25px 25px 0; display: inline-block; vertical-align: top;}
.listeVV li:nth-child(even) {margin-right: 0;}
.listeVV li a {background: #fff; display: block; text-decoration: none; overflow: hidden;}
.listeVV li a:hover {}*/
.listeVV li img {width:100%; transition:all 1s ease; z-index: 50;}
.listeVV li img:hover {opacity: 0.6; /*transform: scale(1.05);*/}
/*.listeVV li strong {padding: 12px 20px 12px 20px; display: block; font-size:1.2em; background: #fff; z-index: 100;}*/
/*========== chapo listes ==========*/
.vivi #articlesList {}
.vivi #chapoList {}
.vivi #articlesList .chapo {background: none; padding: 0; height: auto; background:#fff; padding:5px; width: 420px; margin: 0 0 25px 50px; display: inline-block; vertical-align: top; border-radius: 10px;}
.vivi #articlesList .colleft {margin-right: 25px;}
.vivi .chapoPicture {height: 100px; width: 100px; overflow: hidden; border-radius: 50px; background: #cfcfcf url("/modeles/fr/Modele1/images/grappe.png") center center no-repeat; background-size: 50% 50%; border:3px solid #fff; display: inline-block; vertical-align: middle; margin: 0 0 0 -50px;}
.vivi .chapoPicture img {}
.vivi .chapo h2 {display: inline-block; vertical-align: middle; font-size: 1.2em; margin:0 0 0 10px; width: 340px;}
.vivi .chapo h2 a {}
.vivi .chapo h2 a:hover {}
/*========== domaines ==========*/
.domaines {}
/*========== terroirs ==========*/
.terroirs {}
/*========== cepages ==========*/
.cepagess {}
/*========== millesimes ==========*/
.millesimes {}

/*//////////////// CONTACTS /////////////////////////////////////////////////*/
.nouscontacter {}
.nouscontacter .formulaire {margin: 50px auto 0 auto; width: 700px;}
.nouscontacter #contentsInner .formulaire h1 {color:#6C080F;}
.nouscontacter .formulaire form {background:#6C080F; padding: 40px; color: #fff;}
.nouscontacter .formulaire form .row {margin:0; padding:0;}
.nouscontacter .formulaire form .row label {width: 30%;}
.nouscontacter .formulaire form .row label .obligatory {color: #fff;}
.nouscontacter .formulaire form .row label + div {width: 69%;}
.nouscontacter .formulaire form .row input[type="text"], .nouscontacter form .row textarea {width: 100%;}
.nouscontacter .formulaire form .submit {}
.nouscontacter .formulaire form .submit input[type="submit"] {color: #fff; padding: 5px 20px 5px 20px; display: inline-block; border:2px solid #fff; margin:30px 0 0 0; text-decoration:none; background: none; text-transform: uppercase; font-size:1em; cursor: pointer;}
.nouscontacter .formulaire form .submit input[type="submit"]:hover {color:#6C080F; background:#fff;}
.nouscontacter .formulaire footer form {background: none;}
.nouscontacter .formulaire form .row .consent + label { width: 85%; }

.contacts {}
.contacts .formulaire {margin: 50px auto 0 auto; width: 700px;}
.contacts #contentsInner .formulaire h1 {color:#6C080F;}
.contacts .formulaire form {background:#6C080F; padding: 40px; color: #fff;}
.contacts .formulaire form .row {margin:0; padding:0;}
.contacts .formulaire form .row label {width: 30%;}
.contacts .formulaire form .row label .obligatory {color: #fff;}
.contacts .formulaire form .row label + div {width: 69%;}
.contacts .formulaire form .row input[type="text"], .contacts form .row textarea {width: 100%;}
.contacts .formulaire form .submit {}
.contacts .formulaire form .submit input[type="submit"] {color: #fff; padding: 5px 20px 5px 20px; display: inline-block; border:2px solid #fff; margin:30px 0 0 0; text-decoration:none; background: none; text-transform: uppercase; font-size:1em; cursor: pointer;}
.contacts .formulaire form .submit input[type="submit"]:hover {color:#6C080F; background:#fff;}
.contacts .formulaire footer form {background: none;}
.contacts .formulaire form .row .consent + label { width: 85%; }


/*//////////////// NEWSLETTER /////////////////////////////////////////////////*/
.newsletter {}
.blocIntro {}
.blocWNL {margin: 20px 0 0 0; }
.blocWNL .footNL {float: none; display: block; width: 100%; text-align: center;}
.blocWNL .widgetNewsletterComment {color:rgb(102, 102, 102);}
.blocWNL .widgetNewsletterComment p {display: inline-block;}
.blocWNL .footNL form {}
.blocWNL #formulairenewsletters #NewsLettersSubscribeMail {width: 300px;}


/*//////////////// RECHERCHE /////////////////////////////////////////////////*/
.motSearch #wrapOS {position:relative; bottom:auto;}




/*//////////////// TUNNEL DE COMMANDE /////////////////////////////////////////////////*/
/********** identification *********
#cartAuthentification {}
#cartAuthentification h3 {font-size:1.5em; font-weight: normal; color: #6C080F;}
#loginform, #subscribeform {background:rgba(255,255,255,0.8); padding:20px; border:1px solid #999; border-radius :5px;}
#loginform fieldset, #subscribeform fieldset {}
#loginform legend, #subscribeform legend {font-weight:bold;}
#loginform .row, #subscribeform .row {}
#loginform label, #subscribeform label {line-height: 1em;}
#loginform label + br, #subscribeform label + br {display: none;}
#loginform .row input[type="text"], #subscribeform .row input[type="text"], #loginform .row input[type="password"], #subscribeform .row input[type="password"], #loginform .row input[type="mail"], #subscribeform .row input[type="mail"] {width:100%; margin:3px 0 5px 0; padding:5px; background:#fff; border:1px solid #999; border-radius:5px;}*/

/********** inscription *********
#cartSubscription {}
#cartSubscription .formulaire {margin: 20px auto 0 auto; background:rgba(255,255,255,0.8); padding:20px; border:1px solid #999; border-radius :5px; width:100%; max-width:770px;}
#cartSubscription .formulaire .row {}
#cartSubscription .formulaire .row label {width:40%;}
#cartSubscription .formulaire .row label + div {width: 59%;}
#cartSubscription .formulaire .row label + div select, #cartSubscription .formulaire .row label + div textarea, #cartSubscription .formulaire .row label + div input[type="text"], #cartSubscription .formulaire .row label + div input[type="password"] {width:100%;}
#cartSubscription .formulaire .row label + div label {width: 100%; line-height: 1.1em;}
#cartSubscription .formulaire .submit {margin: 20px 0 20px 0;}
#cartSubscription .formulaire .submit input[type="submit"] {color: #fff; padding: 5px 20px 5px 20px; display: inline-block; border:2px solid #6C080F; margin:30px 0 0 0; text-decoration:none; background: #6C080F; text-transform: uppercase; font-size:1em; cursor: pointer;}
#cartSubscription .formulaire .submit input[type="submit"]:hover {color:#6C080F; background:#fff;}*/

/********** formulaire **********/
.accueil #form {margin: 20px auto 0 auto; background:rgba(255,255,255,0.8); padding:20px; border:1px solid #999; border-radius :5px; width:100%; max-width:770px;}
.accueil #form .row {}
.accueil #form .row label {width:40%;}
.accueil #form .row label + span {width: 59%; display:inline-block;}
.accueil #form select, .accueil #form  textarea, .accueil #form  input[type="text"], .accueil #form  input[type="password"] {width:100%;}
.accueil #form .additionnals_informations {width: 100%; line-height: 1.1em;}
.accueil #form  .submit {margin: 20px 0 20px 0;}
.accueil #form  input[type="submit"] {color: #fff; padding: 5px 20px 5px 20px; display: inline-block; border:2px solid #6C080F; margin:30px 0 0 0; text-decoration:none; background: #6C080F; text-transform: uppercase; font-size:1em; cursor: pointer;}
.accueil #form  input[type="submit"]:hover {color:#6C080F; background:#fff;}

/********** adresse **********/
#cartAddress {}
#currentAddress {}


/********** information livraison *********/
.deliveryProduct {background: #6C080F; color:#fff; padding:10px; font-weight:bold; text-transform:uppercase;}
.deliveryProduct input[type='text'] {padding:5px; border:none; min-width:300px;}
#customer_message {}
#customer_message textarea {width:100%; max-width: 600px;}
#controlMajor {}


/*//////////////// COMPTE CLIENT /////////////////////////////////////////////////*/
/********** identification **********/
#accountAuthentificationForm {}
#accountAuthentificationForm form {background:rgba(255,255,255,0.8); padding:20px; border:1px solid #999; border-radius :5px;  width:100%; max-width:500px;}

#accountNewPassword {}
#accountNewPassword form {background:rgba(255,255,255,0.8); padding:20px; border:1px solid #999; border-radius :5px;  width:100%; max-width:500px;}
#accountNewPassword input[type="submit"] {color: #fff; padding: 5px 20px 5px 20px; display: inline-block; border:2px solid #6C080F; margin:30px 0 0 0; text-decoration:none; background: #6C080F; text-transform: uppercase; font-size:1em; cursor: pointer;}
#accountNewPassword input[type="submit"]:hover {color:#6C080F; background:#fff;}


/*//////////////// PAIEMENT /////////////////////////////////////////////////*/
/********** sogecommerce **********/
#paySG {}
#paySG form {padding: 20px 0 10px 10px;}
#paySG form input[type="submit"] {text-transform: uppercase; font-size:0.88em}
#paySG form input[type="submit"]:hover {background:#fff;}

/*//////////////// RESPONSIVE //////////////////////////////////////////////*/
#smart-toggle, #rwdTopMenu {display:none;}

/********* 980 > 1300 *******************************************************************/
@media(min-width:980px) and (max-width:1300px)
{
	/*header nav .firstLevel li a {padding:10px;}
	#homePres .col1 {width:70%;}
	#homePres .col1 h1 {font-size:2.3em;}
	#homePres .col2 {width:28%;}
	.listV ul {padding: 0 0 0 30px;}
	/*** news **
	.newsContainer {width: 317px; margin: 0 20px 10px 0; display: inline-block; vertical-align: top;}
	.newsContainer:nth-child(even) {margin-right: 20px;}
	/*** pager ***/
	.pager {margin:50px auto 0 auto;}
	/*** la cave ***/
	.catalogProductsList .cavcol {width: 317px; margin: 0 20px 25px 0;}
	.catalogProductsList .cavcol:nth-child(even) {margin-right: 20px;}
	.lacave .cavcol .famillyContainer p {color: #fff; font-size: 1em;}
	.catalogProductsList .famillyContainer p {font-size: 1em;}
	.catalogProductDetail .listSpecs .label_detail {width:100px;}
	.catalogProductDetail .listSpecs .label_detail + strong {width:250px;}
	#product h1 {font-size:1.5em;}
	.domainSection .short_product_container {padding-bottom:20px;}
	.domainSection .short_product priceContainer {width:60px;}
	.domainSection .short_product  .old_price {right: 80px;}
	.domainSection .short_product form {right: 60px;}
	/*** vignes -  vignerons ***/
	.listeVV li {width: 317px; margin: 0 20px 25px 0;}
	.listeVV li:nth-child(even) {margin-right: 20px;}
	.listeVV li strong {font-size:1.1em;}
	.vivi #articlesList .chapo {width: 277px; margin: 0 0 20px 40px; border-radius: 8px;}
	.vivi #articlesList .colleft {margin-right: 20px;}
	.vivi .chapoPicture {height: 80px; width: 80px; margin: 0 0 0 -40px;}
	.vivi .chapo h2 {ont-size: 1.1em;width: 210px;}
	/*** contact ***/
	.nouscontacter .formulaire {width: 100%;}
}

/********* 768 > 980 ********************************************************************/
@media(min-width:768px) and (max-width:979px)
{
	#wrapperInner {background-position:200px 300px; background-size: 50% auto;}
	#logo {width: 190px;}
	.headSlogan p {font-size:1.3em;}
	header nav .firstLevel li a {padding:10px; font-size: 0.85em;}
	/*** footer ***/
	.fc2 {padding:0 30px 0 30px;}
	.bfl {font-size:0.9em;}
	/*** content ***/
	/*** sidebar ***/
	#wrapper aside {}
	#malistedepays {width: 180px;}
	#choixPays {background-position:97% center ;background-size: auto 35%;}
	#choixPays strong {font-size:0.75em;}
	#listePays li {font-size:0.95em;}
	#leftbar .widgetCatalogShortcut {padding:30px 0 20px 20px;}
	#leftbar .listePays + .widgetCatalogShortcut {padding: 30px 0 20px 20px;}
	#leftbar .sideContact {padding:20px 0 0 0;}
	#leftbar .sideContact p {padding: 0 20px 0 20px;}
	#leftbar .sideContact p.bgtel {padding:0 0 0 40px; background-size:25px auto; background-position:10px center;}
	#leftbar .sideContact p.bgtel strong {font-size:1.3em;}
	.sideContact .btnContact {margin:20px 0 20px 0;}
	.sideContact .btnContact a {font-size:0.8em;}
	.sideContact p + p strong {font-size:1.3em;}
	.sideContact p:last-child {font-size: 0.9em;}
	#leftbar .sideStock,#leftbar .sidePay {background-position:10px 10px; padding: 11px 0 15px 25px;}
	#leftbar .sideStock p, #leftbar .sidePay p {padding: 0 15px 0 30px;}
	#leftbar .sideStock p strong, #leftbar .sidePay p strong, #leftbar .sideTransport p strong {font-size:1.2em;}
	#leftbar .sideTransport {background-position:10px 15px;  padding: 10px 0 0 0;}
	#leftbar .sideTransport p {padding: 0 15px 0 60px;}
	aside .contentDomWidget:before {height: 70px;}
	aside .coldom1 h1 {font-size:1.4em;}
	/*** home **
	#homePres {margin:0 0 30px 0;}
	#homePres .col1 {width:70%;}
	#homePres .col1 h1 {font-size:1.8em;}
	#homePres .col2 {width:25%;padding:110px 0 0 0;}
	.bicol1 {margin:0 0 20px 0;}
	.bicol .colVL {margin: 0 10px 0 0;}
	.bicol .colVR {margin: 0 0 0 10px;}*/
	#wbcc {border-bottom-width:20px;}
	#wbcc .coldom1 {padding: 60px 0 0 0;}
	#wbcc .coldom1 h1 {font-size:1.1em;}
	.blocHV h2 {padding:20px 0 0 20px;}
	.blocHV .blocPres {padding:0 20px 0 20px; }
	.blocHV .blocLink a {margin:20px 0 0 0;}
	.blocHV .blocLink a:hover {background:#fff; color: #CB3E49;}
	.listV {padding:20px 0 30px 0;}
	.listV ul {padding: 0 0 0 20px;}
	.listV ul li {font-size: 0.8em;}
	/*** cave ***/
	.catalogProductsList .cavcol {width: 260px; margin: 0 0 15px 15px;}
	.catalogProductsList .cavcol:nth-child(odd) {margin: 0 0 15px 0;}
	.lacave .cavcol .famillyContainer p, .catalogProductsList .famillyContainer p {font-size: 1em;}
	.domainSection .short_product_container .mod {width: 320px;}
	.productPicturesContent {position: relative;}
	#productPicture {width: 100%;}
	#visuels_additionnels {float: none; position: relative; right: 0; top:0; width: 100%;}
	.catalogProductDetail .listSpecs .label_detail {width:100px;}
	.catalogProductDetail .listSpecs .label_detail + strong {width:300px;}
	.domainSection .short_product_container {padding-bottom:20px;}
	.domainSection .short_product_container .mod {width: 200px;}
	/*** contact ***/
	.nouscontacter .formulaire {width: 100%;}
	.nouscontacter form {padding: 20px;}
	/*** vignes et vignerons ***/
	.listeVV li {width: 260px; margin: 0 15px 15px 0;}
	.listeVV li:nth-child(even) {margin-right: 0;}
	.listeVV li strong {font-size:1em;}
	.vivi #articlesList .chapo {width: 260px; margin: 0 0 25px 0px; border-radius: 35px 10px 10px 35px;}
	.vivi #articlesList .colleft {margin-right: 15px;}
	.vivi .chapoPicture {height: 60px; width: 60px;  margin: 0px auto 0 auto;}
	.vivi .chapo h2 {width: 170px; font-size: 1em;}
}

/********* 768 < ************************************************************************/
@media(max-width:767px)
{
	.container {width:100%;}
	/*** header ***/
	#headerInner {border-top-width: 40px;}
	#logo {top:10px; left: 10px; width: 140px;}
	header .widget a {font-size:0.8em;}
	.flagLang {top:5px; right: 5px;}
	.headSlogan p {font-size:0.9em;}
	.headPanier { padding:2px 10px 2px 0}
	#wrapOS {bottom:10%;}
	header nav {display:none;}
	header .headerPictureLeft .legend, header .headerPictureRight .legend {display: none;}
	/*** content ***/
	#wrapperInner {background-position:0 600px; background-size: 50% auto;}
	/*#homePres {margin:0 0 30px 0;}
	#homePres .col1 {width:70%;}
	#homePres .col1 h1 {font-size:2em;}
	#homePres .col2 {width:25%; padding:150px 0 0 0;}
	.bicol1 {margin:0 0 16px 0;}
	.bicol .colVL {margin: 0 8px 0 0;}
	.bicol .colVR {margin: 0 0 0 8px;}*/
	#wbcc {border-bottom-width:15px;}
	#wbcc .coldom1 {padding: 70px 0 0 0; }
	#wbcc .coldom1 h1 {font-size:1.2em;}
	.blocHV h2 {padding:15px 0 0 15px;}
	.blocHV .blocLink a {margin:15px 0 0 0;}
	.listV {padding:15px 0 15px 0;}
	.listV ul {padding: 0 0 0 15px;}
	.listV ul li {font-size: 0.8em;}
	/*** footer ***/
	.fc1 {float: none; width: 40%;}
	.fc2 {width: 40%;  border: none; border-left:1px solid #4c4c4c; padding:0 0 0 8%; margin: 0 0 0 8%;}
	.fc3 {float: none; margin: 30px 0 0 0;}
	.bfl {font-size:0.9em;}
	/*** news ***/
	/*** la cave ***/
	.catalogProductsList .cavcol {width: 48%; margin: 0 0 15px 3%;}
	.catalogProductsList .cavcol:nth-child(odd) {margin: 0 0 15px 0;}
	.lacave .cavcol .famillyContainer p, .catalogProductsList .famillyContainer p {font-size: 0.9em;}
	.domainSection .short_product_container {font-size:0.9em;}
	.domainSection .short_product_container .mod {width: auto;}
	.domainSection .short_product_container .priceContainer {float: right; width: auto;}
	.domainSection .short_product_container .txtRight {float: right;}
	.domainSection .short_product_container {padding-bottom:20px;}
	.domainSection .short_product_container .mod {width:80%; max-width: 250px;}
	.productPicturesContent {position: relative;}
	#productPicture {width: 100%;}
	#visuels_additionnels {float: none; position: relative; right: 0; top:0; width: 100%;}
	.catalogProductDetail .listSpecs .label_detail {width:100px;}
	.catalogProductDetail .listSpecs .label_detail + strong {width:300px;}
	/*** vignes - vignerons ***/
	.listeVV li {width: 48%; margin: 0 0 15px 3%;}
	.listeVV li:nth-child(odd) {margin: 0 0 15px 0;}
	.listeVV li strong {font-size:1em;}
	.vivi #articlesList .chapo {width: 90%; margin: 0 0 25px 10%;}
	.vivi #articlesList .colleft {margin-right: 0;}
	.vivi .chapo h2 {width:70%;}
	/*** contact ***/
	.nouscontacter .formulaire {width: 100%;}
	.nouscontacter form {padding: 10px;}
	.nouscontacter form .row label {width: 34%;}
	.nouscontacter form .row label + div {width: 65%;}
	
	
	
	/* menu */
	.dropdown-menu {position: relative; top: auto; left: auto; z-index: 1000; display: block; float: none; min-width: 100%; padding: 0; margin: 0; list-style: none; font-size: 1em; text-align: left; background-color: none; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background-clip: padding-box;}
	.mm-menu {background-color:#cfcfcf;}
	.mm-menu > .mm-panel {padding:0;}
	.mm-menu > .mm-panel > .mm-listview {margin-left:0; margin-right:0;}
	.mm-listview > li:not(.mm-divider)::after {left:0;}
	.mm-menu ul li a {text-align: left; font-weight:bold;}
	.navbar-brand, .navbar-nav > li > a {text-shadow:none; color:#fff;}
	.nav > li > a {text-align:left; text-transform:uppercase;}
	.nav > li > a:hover,
	.nav > li > a:focus {background-color: #CB3E49;}
	.nav > li > a:hover {color:#000;}
	.mm-navbar a.mm-title {color:#fff; text-transform:uppercase;}
	.mm-menu > .mm-panel > .mm-listview.mm-last {padding-bottom:0;}
	.dropdown-menu {background:none;}
	.dropdown-menu > li > a {color:#fff; padding:10px;}
	.mm-menu .mnp {margin-top:30px;}
	.mm-menu .mnp a {font-size:1.2em;}
	header {position:relative;}
	#smart-toggle {display:inline-block; cursor:pointer;}
	#rwdTopMenu {display: inline-block;}
	
	
	.mflag {float:right;}
	.mflag ul {margin: 0; padding: 8px 0 0 0; list-style: none;}
	.mflag ul li {display: inline-block; margin: 0 15px 0 0;}

	
}

/********* 500 < ************************************************************************/
@media(max-width:500px)
{
	#logo {display:none;}
	/*#rwdTopMenu {background:#CB3E49 url("/modeles/fr/Modele1/images/logo.png") center center no-repeat; background-size: auto 70%;}
	#wrapTH {top:15px; right: 0; text-align:center; width:74%; margin:0 13% 0 13%; z-index:200;}
	.topBlocSearch form {margin: 80px 0 0 0;}
	.topBlocSearch form .row input {padding: 5px;  width:90%; max-width: 400px;font-size: 1em;}
	.topBlocSearch form .submit {display: inline-block;}*/
	.headSlogan {display: none;}
  header nav .navSearch {display:inline-block!important;}
	header .headerPictureLeft {height: auto;}
header .headerPictureRight {height: auto;}
	/*** content ***/
	#wrapperInner {background-image: none;}
	/*** home **
	#homePres .col1 {width:100%;}
	#homePres .col1 h1 {font-size:1.6em;}
	#homePres .col2 {width:100%; padding:30px 0 0 0;}*/
	.bicol {display: block;}
	.bicol1 {flex-direction:column;}
	.bicol1 {margin:0;}
	.bicol .colVL {margin: 0;}
	.bicol .colVR {margin: 0;}
	#blocVCL, #blocVTA, #blocVBJ {margin-bottom: 15px;}
	/*** footer ***/
	.fc1 {width: 100%; text-align: center; background: none; padding: 0 0 30px 0; border-bottom:1px solid #4c4c4c;}
	.fc2 {display: none;}
	.fc3 {float: none; margin: 30px 0 0 0; text-align: center;}
	/*** news ***/
	/*** la cave ***/
	.catalogProductsList .cavcol {width: 100%; margin: 0 0 15px 0;}
	/*.domainSection .short_product {background: #fff; margin: 5px 0 15px 0; border-radius: 10px; padding: 10px;}
	.domainSection .short_product_container {padding: 0; display: block; width: 100%; position: relative;}
	.domainSection .short_product_container .mod {max-width:100%; margin: 0 auto 0 auto;}
	.domainSection .short_product_container .wrapProdInfo {text-align:center; display:block; margin:10px 0 0 0;}
	.domainSection .short_product .specialRate {position: relative; top:auto; right: auto; display: inline-block; margin: 0 10px 0 10px;}
	.domainSection .short_product .new {position: relative; top:auto; right: auto; display: inline-block; margin: 0 10px 0 10px;}
	.domainSection .short_product_container .wrapProdPrix {text-align:center; display:block; margin:15px 0 15px 0;position: relative;}
	.domainSection .short_product .txtRight {float:none; font-weight:bold;}
	.domainSection .short_product .wrapProdInfo + .txtRight {width: 100%;}
	.domainSection .short_product .old_price {position: relative; top:auto; right: auto; display: inline-block; margin: 0 10px 0 10px;}
	.domainSection .short_product_container .priceContainer {position: relative; top:auto; right: auto; display: inline-block; margin: 0 10px 0 10px; float: none;}
	.domainSection .short_product form {width: 100%; right: 0; text-align: center; position: relative;}
	/*** vignes - vignerons ***/
	.listeVV li {width: 100%; margin: 0 0 15px 0;}
	/*** contact ***/
	.nouscontacter form .row label {width: 100%;}
	.nouscontacter form .row .multi_checkbox label {width: auto;}
	.nouscontacter form .row label + div {width: 100%;}
	/*** newsletter ***/
	.blocWNL #formulairenewsletters #NewsLettersSubscribeMail {width:auto;}
}

/*---------------evo @hary 14-11-19 ----------------*/
.cart#cart_order_confirmation form .row > div{
	vertical-align: top;
	line-height: normal;
}
.cart#cart_order_confirmation form fieldset,
.cart#cart_order_confirmation form .condition_label label{
	margin:0;
}
.cart#cart_order_confirmation form .condition_field input{
	margin-right: 0;
}
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("ui-icons_777777_256x240.png");
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/*---rgpd---
input.consent{
	margin-top: 15px;
}*/
input.consent + label.aide{
	width: calc(100% - 25px);
	vertical-align: top;
	padding-top: 0;
	/*margin-top: 3px;*/
	margin-left: 5px;
}
.form_creator_footer{
	padding: 30px 0;
}
.nouscontacter footer form {
    padding: 0;
}
.nouscontacter footer form .submit input[type="submit"] {
    background: #CB3E49;
    border: none;
    cursor: pointer;
    padding: 17px;
    color:  #fff;
    text-transform: uppercase;
    margin:0;
    font-size: 12px;
}
#newsletter .formulaire .multi_checkbox {
	height: auto;
}

/* @changelog 2020-01-08 [EVO] (Mirary) Cliquable bandeau step  (2019-2763) */
/*#steps {
    display: flex;
    flex: 1 1 auto;
}
#steps > * {
    width: 20%;
}
#steps a {
	border-right: 1px solid #e4e4e4;
}
#steps a:hover span {
	background: #6C080F;
}
#steps a span {
	display: block;
	width: 100%;
}*/

/* @changelog 2020-01-08 [FIX] (Mirary) Label champ date livraison  (2019-2763) */
.deliveryProduct {
    margin: 16px 0;
}
.deliveryProduct small {
    display: block;
    font-size: 1.1rem;
    text-transform: initial;
	font-weight: 100;
	margin-top: .75rem;
}

/*---------------evolutions @DMSX 4-11-21 ----------------*/
.secuR {padding: 50px 0 0 0;}
.secuR h4 {display: none;}
#addressSelector {opacity: 1 !important;}

input[type="text"]:focus,
input[type="mail"]:focus,
input[type="email"],
input[type="password"]:focus,
textarea:focus,
select:focus{
	outline: none;
	border-color: var(--rouge);
	transition: 0.3s;
}

input[type="text"],
input[type="mail"],
input[type="email"],
input[type="password"],
textarea{
	padding:12px 8px;
	border:1px solid var(--antracite);
	border-radius: 0;
	font-family: 'Helvetica Neue';
	font-weight: 400;
	font-size:1.6rem;
	display:block;
	width:100%;
	transition: 0.3s;
}
select{
	line-height: normal;
	font-weight: 500;
	font-family: 'Helvetica Neue';
	font-size: 1.6rem;
	padding:10px 16px;
	border-radius: 4px;
	color:var(--antracite);
	width:100%;
	transition: 0.3s;
}
    
input[type="checkbox"]{
	width:20px; height: 20px;
	background:var(--bg-check-off);
	border:none;
	appearance: none;
    -webkit-appearance: none;
	cursor: pointer;
}
input[type="checkbox"]:checked{
	background:var(--bg-check-on);
}

input[type="radio"]{
	display:inline-block;
	vertical-align: middle;
	position:relative;
	-webkit-appearance: none;
  	appearance: none;
	width:27px; height: 27px;
	border-radius: 50%;
	background:var(--blanc);
	border: 1px solid var(--gris-r-stock);
	padding:6px; margin:0 5px;
	transition:0.3s;
	cursor: pointer;
}
input[type="radio"]::after{
	content:'';
	position:absolute;
	inset: 4px;
	background-color:var(--rouge);
	border-radius: 50%;
	opacity: 0;
	transition:0.3s;
}
input[type="radio"]:checked::after{
	opacity: 1;
	transition:0.3s;
}

/*REFONTE*/
#page{
	position: relative;
	overflow: hidden;
}
#famillyPresentation > .container > .domainSection {display:none!important;}

h1,h2,h3{
	line-height: normal;
	font-weight: 500;
	font-family: 'Helvetica Neue';
}
h1{
	font-size:5.2rem;
}
h2{
	font-size:3.2rem;
	color:var(--m-secondary);
	text-align: left!important;
}
h3{
	font-size:2.8rem;
	color:var(--bordeaux);
	margin:20px 0 15px;
	text-align: left!important;
}

/*===================bouton=======================*/
.btn-primary,
.short_product .panier,
.valid,
.shortFamLink .LinkIn,
#homeNV .blocLink a,
#overlibcontent ul li:last-child a,
.cartButton,
#adresseselectionform .submit input,
.codepromo .submit input,
#adresseselectionvalidationform .submit input,
#payment_actions a.LinkIn,
#accountModify .submit input,
#accountChangePassword .submit input,
#sogecommerce_form input[type="submit"]{
	color:var(--blanc)!important;
	background:var(--rouge);
	border:1px solid var(--rouge);
	padding:12px;
	display:inline-block;
	font-family: 'Helvetica Neue';
	font-weight: 500;
	font-size:1.6rem;
	cursor: pointer;
	transition:0.4s;
}
.btn-primary:hover,
.short_product .panier:hover,
.valid:hover,
.shortFamLink .LinkIn:hover,
#homeNV .blocLink a:hover,
#overlibcontent ul li:last-child a:hover,
.cartButton:hover,
#adresseselectionform .submit input:hover,
.codepromo .submit input:hover,
#adresseselectionvalidationform .submit input:hover,
#payment_actions a.LinkIn:hover,
#accountModify .submit input:hover,
#accountChangePassword .submit input:hover,
#sogecommerce_form input[type="submit"]:hover{
	color:var(--rouge)!important;
	background:none;
}
.btn-secondary,
#homePres .col1 .blocLink a,
#overlibcontent ul li:first-child a,
#formpersonnalise69 #reinitid,
#adresseselectionform .LinkIn,
#payment_actions a.LinkIn.secondary,
.formulaire input[type="file"]::file-selector-button{
	color:var(--rouge)!important;
	background:var(--blanc);
	border:1px solid var(--rouge);
	background:none;
	padding:12px;
	display:inline-block;
	font-family: 'Helvetica Neue';  
	font-weight: 500;
	font-size:1.6rem;
	cursor: pointer;
	transition:0.4s;
}
.btn-secondary:hover,
#homePres .col1 .blocLink a:hover,
#overlibcontent ul li:first-child a:hover,
#formpersonnalise69 #reinitid:hover,
#adresseselectionform .LinkIn:hover,
#payment_actions a.LinkIn.secondary:hover,
.formulaire input[type="file"]::file-selector-button:hover{
	background:var(--rouge);
	color:var(--blanc)!important;
	transition:0.4s;
}
.btn-ico-tel{
	display:flex;
	align-items: center;
	gap:10px;
}
.btn-ico-tel::before{
	content:'\e91a';
	font-family: 'icomoon';
	font-size:2.6rem;
	width:24px; height: 20px;
	display:flex;
	justify-content: center; align-items:center;
}
.btn-savPlus,
.blocHV .blocLink a,
.catalogProductsList .shortFamLink a{
	font-family: 'Poppins', sans-serif;
	font-size:1.6rem;
	padding:16px 8px 16px 0;
	color:var(--blanc);
	border:none;
	display:flex;
	align-items: center;
	gap:8px;
}
.btn-savPlus::after,
.blocHV .blocLink a::after,
.catalogProductsList .shortFamLink a::after{
	content:'\e912';
	font-family: 'icomoon';
	font-size:2rem;
}
/*===================header=======================*/
header:has(.fixed){
	padding-top:122px;
}
/*banner top*/
.blc-banner{
	position:absolute;
	top:0; left:0; right:0;
	height: 500px;
	z-index: -1;
}
.blc-banner img{
	object-fit: cover;
	width:100%; height: 500px!important;
}
.blc-banner::after{
	content:'';
	position:absolute;
	inset: 0;
	background:var(--noir);
	opacity: 0.3;
}
/*fall back si pas d'image*/
.blc-banner:not(:has(*))::before{
	content:'';
	position:absolute;
	top:0; left:0; right: 0;
	height: 500px;
	background:url(/modeles/fr/Modele1/images/hero.webp) top center no-repeat;
	background-size:cover;
}

.blc-head{
	position:relative;
	background:var(--blanc);
	padding:16px 0;  
	-webkit-box-shadow: var(--ombre);
	box-shadow: var(--ombre);
	transition:0.5s;
}

#headerInner{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between; align-items:center;
}
.logo{
	display:flex;
	justify-content: center; align-items: center;
	width:270px; height: 90px;
}
.logo a{
    font-family: "Cormorant Garamond", serif;
    font-size:3.2rem;
	line-height: 2.8rem;
    font-weight: 400;
    color:var(--noir)!important;
}
.logo a:hover{
	color:var(--noir)!important;
}
.logo .loire{
	position:relative;
    color:var(--rouge);
    padding-left:10px;
}
.logo .loire::before{
	content:'';
	position:absolute;
	left:0; top:8px; bottom:8px;
	width:1px;
	background:var(--noir);
}
.logo .logo-text{
    display:block;
    text-align: center;
	font-family: 'Helvetica Neue';
	font-size:1.6rem;
	padding-left:16px;
}

/*===================menu=======================*/
.blc-menu-widgets{
	display:flex;
	align-items: center;
	position:relative;
}
#nested{
	display:flex;
	align-items:center;
}
#nested .firstLevel {
	display:flex;
	gap:16px;
	padding:0; margin:0;
}
#nested .firstLevel > li{
	padding:10px 0; margin:0;
	list-style: none;
}
#nested .firstLevel > li:has(ul) a{
	display:flex!important;
	align-items:center;
}
#nested .firstLevel > li:has(ul) > a::after{
	content:'\e912';
	display:block;
	font-family: 'icomoon';
	color:var(--antracite);
	font-weight: 600;
	transform: rotate(90deg);
	transition: 0.4s;

}
#nested .firstLevel > li > a span{
	position:relative;
	display:block;
	padding:12px;
	font-weight: 500;
	color:var(--antracite);
	overflow: hidden;
	transition: 0.4s;
}
#nested .firstLevel > li:has(ul) > a span{
	padding:12px 0; margin-right:10px;

}
#nested .firstLevel > li > a span::before{
	content:'';
	position:absolute;
	left:0; bottom:-2px; right:0;
	height: 2px;
	background:var(--rouge);
	transition:0.3s;
}
#nested .firstLevel > li > a:hover span::before,
#nested .firstLevel > li:has(ul:hover) > a span::before{
	bottom:0;
	transition: 0.3s;
}
#nested .firstLevel > li:has(ul) a:hover::after,
#nested .firstLevel > li:has(ul:hover) a::after{
	transform: rotate(270deg);
	transition: 0.3s;
}
#nested .firstLevel > li:hover ul{
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	transform: 0.4s;
}
#nested .secondLevel{
	position:absolute;
	top:66px; left:12px;
	padding:24px;
	display:flex;
	flex-wrap: wrap;
	column-gap:43px;
	background:var(--blanc);
	width:100%; max-width: 635px;
	-webkit-box-shadow: var(--ombre); 
	box-shadow: var(--ombre);
	transform: translateY(-15px);
	opacity: 0;
	pointer-events: none;
	transition:0.4s;
	z-index: 9;
}
#nested .secondLevel li{
	width:220px;
	padding:0; margin:0;
	list-style: none;
}
#nested .secondLevel li a{
	display:block;
	padding:16px 0;
	border-bottom: 1px solid var(--antracite);
}
#nested .secondLevel li a span{
	display:block;
	font-weight: 500;
	padding:14px 0;
}
#nested .secondLevel li:first-child a,
#nested .secondLevel li:nth-child(2) a{
	padding-top:0;
}
#nested .secondLevel li:last-child a,
#nested .secondLevel li:nth-last-child(2):nth-child(odd) a{
	padding-bottom:0;
	border-bottom:none;
}


.topBlocSearch .widgetContainer{
	display: flex;
	align-items: center;	
}
.ico-search{
	display:flex;
	align-items: center; justify-content: center;
	width:45px; height: 45px;
	margin-right:16px;
	background:none;
	border:none;
	cursor: pointer;
}

/*===================widgets top-right=======================*/
.widgets{
	display:flex;
	align-items:center;
}
#wrapTH{
	display:flex;
	align-items:center;
	gap:16px;
}
.topBlocSearch form{
	margin-top:0!important;
	display:none;
}
.topBlocSearch form .row input{
	width:250px!important;
	font-size:1.6rem;
	line-height: 1.4;
	text-align: left;
	padding:10px;
	background:none;
	outline:none;
	border:none;
	overflow: visible;
}
.topBlocSearch .catalog_search_form{
	box-shadow: var(--ombre);
	margin-bottom:0;
}
.widgetCatalogSearch.asideSearch .ico-search{
	display:none;
}
.widgetCart a.value{
	position:relative;
	display:inline-flex;
	justify-content: center; align-items:center;
	width:22.5px;
	aspect-ratio: 1 / 1;
	font-size:1.4rem;
	color:var(--blanc);
	background:var(--rouge);
	border-radius: 50%;
	top:-15px; right:10px;
}
/*==================fil d'arianne====================================*/
.breadcrumb{
	padding:40px 0;
}
.breadcrumb_navigation{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap:4px;
	font-size: 0;
}
.breadcrumb_navigation a{
	color:var(--blanc);
	font-size:1.6rem;
	transition: 0.3s;
}
.breadcrumb_navigation a:hover{
	text-decoration: underline;
	transition:0.3s;
}

.breadcrumb_navigation > span{
	display:flex;
	align-items: center;
	gap:8px;
}
.breadcrumb_navigation > span::after{
	content:'\e912';
	display:flex;
	font-family: 'icomoon';
	font-size:2rem;
	color:var(--blanc);
}
.breadcrumb_navigation > span:last-child::after{
	content:'';
}

.catalogProductDetail .breadcrumb_navigation a,
.catalogProductDetail .breadcrumb_navigation > span::after,
.pageContact .breadcrumb_navigation a,
.pageContact .breadcrumb_navigation > span::after,
.panier .breadcrumb_navigation a,
.panier .breadcrumb_navigation > span::after{
	color:var(--antracite);
}
/*==================header pour home====================================*/
.homeBJ .breadcrumb,
.homeBJ .blc-banner{
	display:none;
}
.homeBJ .blc-head,
.catalogProductsList .blc-head,
.withBann .blc-head,
.compte .blc-head{
	background:none;
	box-shadow:none
}
.homeBJ .logo a,
.homeBJ .logo a:hover,
.homeBJ #nested .firstLevel > li > a span,
.homeBJ #nested .firstLevel > li:has(ul) > a::after,
.catalogProductsList .logo a,
.catalogProductsList .logo a:hover,
.catalogProductsList #nested .firstLevel > li > a span,
.catalogProductsList #nested .firstLevel > li:has(ul) > a::after,
.withBann .logo a,
.withBann .logo a:hover,
.withBann #nested .firstLevel > li > a span,
.withBann #nested .firstLevel > li:has(ul) > a::after,
.compte .logo a,
.compte .logo a:hover,
.compte #nested .firstLevel > li > a span,
.compte #nested .firstLevel > li:has(ul) > a::after{
	color:var(--blanc)!important;
}
.homeBJ .logo .loire::before,
.catalogProductsList .logo .loire::before,
.withBann .logo .loire::before,
.compte .logo .loire::before{
	background:var(--blanc);
}
.homeBJ .ico-search svg path,
.homeBJ .widgetLogin svg path,
.homeBJ .widgetCart svg path,
.catalogProductsList .ico-search svg path,
.catalogProductsList .widgetLogin svg path,
.catalogProductsList .widgetCart svg path,
.withBann .ico-search svg path,
.withBann .widgetLogin svg path,
.withBann .widgetCart svg path,
.compte .ico-search svg path,
.compte .widgetLogin svg path,
.compte .widgetCart svg path{
	fill: var(--blanc);
}
/*pour le header fixed*/
.fixed{
	position:fixed!important;
	top:0; left:0; right:0;
	background:rgba(255,255,255,0.8)!important;
	box-shadow: var(--ombre)!important;
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
	transition:0.5s;
	z-index: 998;
}
.fixed .logo a,
.fixed .logo a:hover{
	color:var(--noir)!important;
}
.fixed .logo .loire::before{
	background:var(--noir)!important;;
}
.fixed .logo .loire{
	color:var(--rouge)!important;
}
.fixed #nested .firstLevel > li > a span,
.fixed #nested .firstLevel > li > a span,
.fixed #nested .firstLevel > li:has(ul) > a::after{
	color:var(--antracite)!important;;
}
.fixed .ico-search svg path,
.fixed .widgetLogin svg path,
.fixed .widgetCart svg path{
	fill: var(--antracite)!important;
}
/*===================hero=======================*/
#HeroBanner{
	order:1;
}
#HeroBanner figure{
	position:absolute;
	inset: 0;
	margin:0;
	overflow: hidden;
	z-index:-1;
}
#HeroBanner figure img{
	position:relative;
	object-fit: cover;
	width:100vw; height: 100vh!important;
}
#HeroBanner .container{
	display:flex;
	flex-direction: column;
	align-items:flex-start; justify-content:flex-end;
	height: calc(100vh - 122px);
	padding-bottom:80px;
}
#HeroBanner .container h1,
.catalog h1,
#famillyPresentation h1,
.blc-ttl h1,
.singleTempl #text h1:first-of-type,
.compte h1,
.siteMapPage h1{
	color:var(--blanc);
	font-size:5.4rem;
	line-height: 5.8rem;
	margin-bottom:16px;
	font-family: 'Helvetica Neue';
	font-weight: normal;
}
#HeroBanner .container .intro{
	font-size:1.8rem;
	font-family: 'Poppins', sans-serif;
	color:var(--blanc);
	 width:100%; max-width:824px;
}
#famillyDescription{
	font-size:1.8rem;
	font-family: 'Poppins', sans-serif;
	color:var(--blanc);
	 width:100%;
	padding-bottom:30px;
}

.catalog_search_form .submit input {background: url(../images/search.svg) center no-repeat var(--rouge); border:none; width:50px; height: 50px; cursor: pointer; display:flex; justify-content: center; align-items:center; font-size:0;}
.catalog_search_form .row input{padding: 14px; border:none; border-radius:0; background:none; outline: none; width:670px; height: 50px; font-size: 1.6rem; line-height: 1.4; overflow: visible;}

/*===================decouverte=======================*/
#decouverte{
	background:var(--blanc);
	padding:90px 0;
	order:2;
}
#decouverte h2{
	text-align: center;
	margin-bottom:64px;
}
.bicol article{
	position:relative;
	min-height: 475px;
	padding-bottom:100px;
}
.bicol article:hover img{
	transform: scale(1.1);
	opacity: 0.6;
	transition:0.6;
}
.blocHV .blocVisu{
	position:relative;
	overflow: hidden;
}
.blocHV .blocVisu img{
	object-fit: cover;
	width:100%; height: 237px!important;
	transition:0.6s;
}
.bicol article h2{
	padding:24px 24px 0; margin:0 0 16px!important;
	font-size:2rem!important;
	color:var(--blanc);
	text-align: left!important;
}
.blocHV h2:after {
	content:''; 
	display: block; 
	width: 94px; 
	margin:10px 0 10px 0; 
	border-bottom:  2px solid var(--rouge);
}
.blocHV .blocPres{
	padding:0 24px;
	color:var(--blanc);
	font-size:1.6rem;
}
.blocHV .blocPres p{
	line-height: normal;
}
.blocHV .blocLink{
	position:absolute;
	inset: 0;
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	padding:0 24px 16px;
}
.bicol .blocLink a::before{
	content:'';
	position:absolute;
	inset: 0;
	z-index: 3;
}

/*===================nouveautés=======================*/
#homeNV{
	position:relative;
	background:var(--gris-100);
	order:3;
}
#homeNV figure{
	margin:0;
}
#homeNV figure img{
	position:relative;
	object-fit: cover;
	width:100%;
	z-index: 8;
}
#homeNV article{
	position:absolute;
	inset: 0;
	display:flex;
	flex-direction: column;
	align-items: center; justify-content: center; text-align: center;
	z-index: 9;
}
#homeNV article h2{
	color:var(--blanc);
	margin-bottom:16px;
}
#homeNV .blocPres{
	font-size:2rem;
	color:var(--blanc);
	margin-bottom:52px;
	font-family: 'Helvetica Neue';
	font-weight: 500;
}
/*===================homepersonne=======================*/
#homePres{
	width:100%; max-width: 1280px;
	padding:64px 0; margin:auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	align-items: center; justify-content: center;
	gap:26px;
	order:4;
}
#homePres .col1{
	width:100%; max-width: 650px;
	padding:24px 82px;
}
#homePres .col1 h2{
	font-size: 2.4rem;
	font-family: 'Helvetica Neue';
	font-weight: 500;
	color:var(--gris-100);
	margin-bottom: 18px;
}
#homePres .col1 p{
	font-size:1.8re;
	color:var(--gris-100);
	line-height: normal;
}
#homePres .col1 .blocLink{
	margin-top:30px;
}
#homePres .col2{
	width:100%; max-width:308px ;
}
#homePres .col2 p{
	display:none;
}
#homePres .col2 img{
	object-fit: contain;
	width:100%;
}
/*===================home newletter=======================*/
.homeNewsletterZone{
	background:var(--bordeaux);
	padding:50px 0;
	order:6;
}
.widgetNewsletterComment h2{
	text-align: center !important;
	color:var(--blanc);
	margin-bottom:16px;
}
.widgetNewsletterComment{
	font-size:2rem;
	color:var(--blanc);
	margin-bottom:32px;
	font-family: 'Helvetica Neue';
	font-weight: 500;
	text-align: center;
}
.footNL form fieldset{
	display: flex;
	justify-content: center; align-items: center;
}
#formulairenewsletters #NewsLettersSubscribeMail{
	width:280px; height: 54px;line-height: 54px;
	padding:15px;
}
.footNL input[type="submit"] {background:var(--rouge); border:none; cursor:pointer; padding:17px; color:var(--blanc); font-family: 'Helvetica Neue'; font-weight: 500; height: 54px; font-size:1.6rem}
.footNL form input[type="text"] {border:none; border-radius:0; display: inline-block; vertical-align: middle; outline: none; font-size:1.6rem; color:var(--antracite); }

/*===================widget reassurance=======================*/
.homeBJ #text{
	display:flex;
	flex-direction: column;
	width:100%; max-width:100%;
	padding:0;
}
#contentForFilter .pb30{padding-bottom: 0;}
#homeReassurance{
	background:rgb(217 217 217 / 30%);
	padding:32px 0;
	order:5;
}
#homeReassurance .container{
	display:grid;
	grid-template-columns: repeat(3, 300px);
	justify-content:center;
	gap:16px;
	font-family: 'Helvetica Neue';
}
#homeReassurance .side-ttl{
	font-size:2rem;
	color:var(--noir);
}
#homeReassurance .side-ttl strong{
	font-weight: 500;
}

#homeReassurance .container > div{
	text-align: center;
}
#homeReassurance .sideTransport a{
	font-size:1.6rem;
	color:var(--rouge);
	text-decoration: underline;
}


/*===================widget contact=======================*/
.widgetBottom{
	background:var(--blanc);
}
.widgetContact{
	text-align: center;
	width:100%; max-width: 720px;
	margin:0 auto; padding:80px 0 100px;
}
.widgetContact .headttl{
	text-transform: uppercase;
	font-family: 'Helvetica Neue';
	color:var(--rouge);
	font-size:2rem;
	font-weight: 500;
}
.widgetContact .widgetContainer h4{
	font-family: 'Helvetica Neue';
	font-size:3.2rem;
	font-weight: 500;
	margin:16px 0;
	text-transform: inherit;
	color:var(--m-secondary);
	display:block;
}
.widgetContact .CTA{
	display:flex;
	justify-content: center; align-items: flex-start;
	gap:32px;
	margin-top:30px;
}



/*=========================catalogProduitList=================================*/

.catalogProductsList #famillyPicture{
	position:absolute;
	top:0; left:0; right:0;
	height: 540px;
	z-index: -1;
}
.catalogProductsList #famillyPicture::after{
	content:'';
	position:absolute;
	inset: 0;
	background:var(--noir);
	opacity: 0.3;
}
.catalogProductsList #famillyPicture img{
	object-fit: cover;
	width:100%; height: 540px!important;
}
.catalogProductsList #famillyPresentation .container{
	padding:15px 0;
}
.catalogProductsList .breadcrumb{
	padding:0;
}
.catalog > .container,
 .productsListPublication > .container:has(#noProductFound),
 .productsList > .container {
	position: relative;
	padding-top:60px;
	background:var(--blanc);
}
.catalog > .container::before,
 .productsListPublication > .container:has(#noProductFound)::before {
	content:'';
	position:absolute;
	top:0; bottom:0; right:100%;
	width:100%;
	background:var(--blanc);
}
.catalog > .container::after,
 .productsListPublication > .container:has(#noProductFound)::after {
	content:'';
	position:absolute;
	top:0; bottom:0; left:100%;
	width:100%;
	background:var(--blanc);
}
.cardListCatalog .catalog > .container {
	display:flex;
	flex-direction: column;
	gap: 32px;
}
.cardListCatalog .catalog > .container > div {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap:32px;
}
.catalogProductsList .famillyContainer{
	display:flex;
	flex-wrap: wrap;
	align-items: center; justify-content: space-between;
}
.catalogProductsList .shortFamPic{
	border-bottom:4px solid var(--rouge);
	width:100%; height: 237px;
}
.catalogProductsList .shortFamPic:not(:has(*)){
	background:url(/modeles/fr/Modele1/images/new_logo.webp) center no-repeat var(--antracite);
}
.catalogProductsList .famillyContainer p{
	font-size:2rem;
	line-height: normal;
	font-family: 'Helvetica Neue';
	color:var(--antracite);
	margin:0!important;
	width:calc(100% - 160px);
}
.catalogProductsList .famillyContainer p strong{
	font-weight: 500;
}
.catalogProductsList .shortFamLink{
	margin:24px 0;
}
.catalogProductsList .shortFamLink a{
	color:var(--antracite)!important;
	background:none;
}
.catalogProductsList .shortFamPic img{
	height: 100%!important;
	object-fit: cover;
}
.productsList{
	background:var(--blanc);
}
.productsList > .container{
	position:relative;
}
.productsList .container:not(:has(*)){
	display:none;
}
/*=====pageBeaujothèque=======
.beaujothequePage #famillyPicture,
.beaujothequePage #famillyPicture img{
	height: 680px!important;
}*/
/*=======Custom Formulaire Checkbox======*/

/*=========================List Produits=================================*/
/*fallback si pas d'image banner*/
#famillyPresentation:not(:has(#famillyPicture))::before{
	content:'';
	position:absolute;
	top:0; left:0; right:0;
	height: 560px;
	background:url(/modeles/fr/Modele1/images/hero.webp) top center no-repeat;
	background-size:cover;
	z-index: -2;
}
#famillyPresentation:not(:has(#famillyPicture))::after{
	content:'';
	position:absolute;
	top:0; left:0; right:0;
	height: 560px;
	background:var(--noir);
	opacity: 0.3;
	z-index: -1;
}
.productsListPublication .productsList .container:not(:has(*)){
	display:none;
}
.catalog > .container:has(.domainSection),
.productsList > .container:has(.domainSection){
	display:flex;
	flex-direction: column;
	align-items:flex-end;
	padding-bottom:160px;
}
.catalog .domainSection, 
.produitsAssocies .domainSection,
.productsList .domainSection{
	position: relative;
	padding:20px 24px 10px; margin-bottom:24px;
	box-shadow: var(--ombre);
	z-index: 1;
}
.catalog .domainSection,
.productsList .domainSection{
	width:calc(100% - 310px);
}
.domainSection h2{
	font-family: 'Helvetica Neue';
	font-size:1.8rem;
	font-weight: 700;
	margin-bottom: 10px;
	color:var(--antracite);
}
.domainSection .short_product_container{
	display:flex;
	justify-content: space-between; align-items:flex-start;
	padding-bottom:0;
} 
.short_product select{
	margin-right: 100px;
	border:none;
	color:var(--antracite); 
	background:none;
	font-size:1.6rem;
}
.short_product .prix,
.special_price {
	font-family: 'Helvetica Neue';
	font-size:1.8rem;
	line-height: normal;
	color:var(--m-secondary);
}
.old_price .prix{
	text-decoration: line-through;
	font-size:1.6rem;
}
.short_product .format{
	font-family: 'Helvetica Neue';
	font-size:1.2rem;
	line-height: normal;
	color:var(--m-secondary);
}
.short_product .view-ypr {
	display:flex;
	align-items: center;
	gap:42px;
	width:calc(100% - 500px);
}
.short_product .year-prod h3{
	width:230px;
	border-top:2px solid var(--rouge);
	margin-top:10px; padding-top:8px;
	font-size: 1.4rem;
	line-height: normal;
	color:var(--antracite);
}
.short_product .cta-list-product{
	display:flex;
	flex-direction: column;
	align-items: end;
}
.short_product .price-cta{
	display:flex;
	justify-content: space-between;
	width:460px;
}
.short_product .cta-list-product:has(.stockIcon) .addToCart a{
	background:var(--gris-r-stock);
	border:none;
	pointer-events: none;
}
.domainSection .short_product .stockIcon::after{
	content:'Rupture de stock';
	font-family: 'Helvetica Neue';
	font-size:1.2rem;
	line-height: normal;
	color:var(--antracite);
	margin:6px 58px 0 0; 
}
/*==filtre==*/
.catalogProductDetail .box_predefined_cat_search {
	display:none;
}
.box_predefined_cat_search{
	position:absolute;
	top: 60px; left:0;
	width:100%;
}
.box_predefined_cat_search h1,
.box_predefined_cat_search .description{
	display:none;
}
.box_predefined_cat_search .blc-filter{
	width:270px;
	padding:24px;
	box-shadow: var(--ombre);
}
.box_predefined_cat_search .blc-filter form{
	width:auto;
	padding:0;
	border:none;
}
.box_predefined_cat_search .blc-filter fieldset{
	display:block;
}
.box_predefined_cat_search .blc-filter h4{
	font-size:1.6rem;
	color:var(--antracite);
	font-weight: 700;
	padding:8px 0 24px; margin-bottom:0;
	text-transform: initial;
}
#formpersonnalise69 .row{
	padding:16px 8px;
	border-top:2px solid var(--antracite);
	font-size:1.4rem;
}
#formpersonnalise69 .row label{
	position:relative;
	font-family: 'Helvetica Neue';
	font-size:1.6rem;
	font-weight: 500;
	line-height: normal;
	color:var(--antracite);
	margin:0; padding:12px 0;
	display:block;
	overflow: hidden;
	cursor: pointer;
}
#formpersonnalise69 .row label::before{
	content:'';
	position:absolute;
	left:0; bottom:-2px;
	display:block;
	width:66px; height: 2px;
	background:var(--rouge);
	transition: 0.4s;
}
#formpersonnalise69 .row label.active::before{
	bottom:4px;
	transition: 0.4s;
}
#formpersonnalise69 .row label::after{
	content:'\e912';
	position:absolute;
	top:11px; right:0;
	display:block;
	font-family: 'icomoon';
	font-size:2rem;
	color:var(--antracite);
	font-weight: 600;
	transform: rotate(90deg);
	transition: 0.4s;
}
#formpersonnalise69 .row label.active::after{
	transform: rotate(270deg);
	transition: 0.4s;
}
#formpersonnalise69 .row div{
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	background-color: white;
}

#formpersonnalise69 .group_multi_checkbox {
	display:flex;
	flex-direction: column;
	gap:5px;
	padding-left:10px;
}
#formpersonnalise69 .multi_checkbox{
	display:flex;
	align-items:flex-start; justify-content:space-between;
	flex-wrap: wrap;
}
#formpersonnalise69 .multi_checkbox span{
	width:calc(100% - 30px);
	padding-top:4px;
}
/*========================Detail Produit==============================*/
.product_detail .container{
	display:flex;
	justify-content: space-between; align-items:flex-start;
	flex-wrap: wrap;
	padding:90px 80px;
}
.product_detail .container > .productPictures{
	position:relative;
	width:33.5%;
}
.productPictures .productPicturesContent{
	display:flex;
	flex-direction: row-reverse;
	justify-content: space-around;
}
#visuels_additionnels .productPictures a{
	display: block;
	height: 100px;
	margin-bottom:10px;
	text-align: center;
}
#visuels_additionnels .productPictures a img{
	height: 100%!important;
	object-fit: cover;
}
.productPictures #productPicture{
	position:relative;
	width:calc(100% - 100px);
	text-align: center;
}
.productPictures #visuels_additionnels{
	display:none;
}
.productPictures #visuels_additionnels:has(.productPictures){
	display:block;
	width:100px;
	background:var(--gris-caract);
	padding:10px;
}
.productContent{
	width:34%;
}
.productContent .domaineLabel{
	font-size:2rem;
	font-family: 'Helvetica Neue';
	font-weight: 500;
	line-height: normal;
	color:var(--antracite);
}
.productContent .domaineLabel strong{
	width:auto;
}
.productContent .description {
	display:flex;
	flex-direction: column;
}
.productContent .description p:nth-child(1){
	padding-top:24px; margin-top:24px;
	text-align: left!important;
	border-top:2px solid var(--rouge);
	order:3;
}
.productContent .description p:nth-child(2){
	line-height: normal;
	order:1;
}
.productContent .description p:nth-child(3){
	line-height: normal;
	order:2
}
#product h1{
	font-size:3.2rem;
	font-family: 'Helvetica Neue';
	font-weight: 500;
	line-height: normal;
	color:var(--rouge);
	text-transform: uppercase;
}
.zoneAchat{
	margin-top:32px;
}
.zoneAchat .selectQty {
	margin:0 0 24px 20px; padding:10px;
	border:none;
	background:none;
	width:60px;
}
.zoneAchat .linePrice{
	position:relative;
	display:flex;
	align-items: center; justify-content: space-between;
}
.zoneAchat .linePrice strong{
	font-size:3.2rem;
	font-family: 'Helvetica Neue';
	color:var(--noir-price);
}
.zoneAchat .stockIcon{
	display:none;
}
.zoneAchat .addToCartSpecial:has(#stock_icon) .block .linePrice a{
	background:var(--gris-r-stock);
	pointer-events: none;
	border:none;
}
.zoneAchat .addToCartSpecial:has(#stock_icon) .block .linePrice::after{
	content:'Rupture de stock';
	position:absolute;
	top:-15px; right:57px;
	font-family: 'Helvetica Neue';
	font-size:1.2rem;
	line-height: normal;
	color:var(--antracite);
}
.zoneAchat .linePrice strong:has(.special_price){
	display:flex;
	flex-direction: column;
}
.zoneAchat .linePrice .special_price{
	font-size:inherit;
}
.zoneAchat .linePrice .old_price{
	font-size:1.8rem;
	text-decoration: line-through;
	margin-left:0;
	color:var(--gris-r-stock);
}
.zoneAchat .linePrice .specialRate{
	font-size:1.8rem;
	text-align: center;
	background:var(--rouge);
	color:var(--blanc);
	font-weight: bold;
	padding:3px 5px;
}
.caracteristiqueBloc{
	width:23.2%;
	padding:24px;
	background:var(--gris-caract);
}
.caracteristiqueBloc .ttlCaract{
	font-family: 'Helvetica Neue';
	font-weight: 500;
	font-size:2.4rem;
	margin-bottom:24px;
	color:var(--antracite);
}
.caracteristiqueBloc .listSpecs{
	display:flex;
	flex-direction: column;
	gap:17px;
}
.caracteristiqueBloc .listSpecs li{
	display:flex;
	align-items: center;
	gap:24px;
}
.caracteristiqueBloc .glyph{
	min-width:32px;
}
.caracteristiqueBloc .label_detail{
	font-size:1.4rem;
	line-height: normal;
	color:var(--antracite);
}
.caracteristiqueBloc .label_detail strong{
	display: block;
	font-size:1.8rem;
	margin-bottom:8px;
}
.produitsAssocies{
	padding-bottom:80px;
}
.produitsAssocies .titre{
	font-family: 'Helvetica Neue';
	font-weight: 500;
	font-size:3.2rem;
	color:var(--m-secondary);
	text-align: center;
	padding:64px 0; margin:0;
}


/*===================styleGuide=======================*/
/*deux colonnes*/
.deux_colonnes{
	display:flex;
	align-items: flex-start;
	gap:30px;
	margin:0 0 50px;
}
.colleft,.colright{
	flex:1;
}
/*text et images*/
.structured_text_semantique_text,
.form_creator_footer{
	text-align: justify;
}
.textAndImages{
	margin:0 0 50px;
}
.textAndImages img{
	max-width:100%; height: 100%;
	object-fit: cover;
}
.textAndImages .intext_right{
	float: right;
	margin:0 0 30px 30px;
}
.textAndImages .intext_left{
	float: left;
	margin:0 30px 30px 0;
}
.textAndImages .above_center{
	text-align: center;
	margin:30px auto;
}
.textAndImages:has(.above_right),
.textAndImages:has(.below_right){
	display:flex;
	flex-direction: column;
	align-items: flex-end;
	gap:30px;
}
.textAndImages:has(.above_left),
.textAndImages:has(.below_left){
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	gap:30px;
}
.textAndImages .above_right,
.textAndImages .above_left,
.textAndImages .below_right,
.textAndImages .below_left{
	
}
.textAndImages .below_center{
	text-align: center;
	margin:30px 0;
}
/*gallery*/
.medias{
	margin:0 0 30px;
}
.medias:has(:not(.gallery)) img{
	margin:5px;
}
.medias .right.gallery{
	text-align: right;
}
/*formulaire*/
article.singleTempl .formulaire h1{
	display:none;
}
.formulaire form{
	width:1140px; max-width: 100%;
	padding:24px; margin:auto;
	border:1px solid var(--bordure-form);
}
.formulaire h2{
	font-size:2.4rem;
	font-weight: 700;
	color:var(--bordeaux);
	margin-bottom:24px;
}
.formulaire fieldset{
	display: flex;
	flex-wrap: wrap;
	gap:24px;
	margin-bottom:24px;
}
.formulaire fieldset label{
	display:block;
	font-size:1.6rem;
	color:var(--antracite);
	margin:0 0 10px;
}
.formulaire fieldset label.error{
	padding:5px 10px;
	color: #FFFFFF;
}
.formulaire fieldset .errorMessage{
	display: none;
}
.formulaire fieldset > div{
	width:100%;
}
/*===================Page Standard=======================*/
article.singleTempl{
	padding-bottom:80px;
}
.singleTempl #text h1:first-of-type{
	padding:40px 0 80px; margin:0;
}
.homeBJ .singleTempl #text h1:first-of-type{
	padding:0 0 24px;
}
.singleTempl .blocWNL{
	position:relative;
	background:var(--blanc);
	padding:80px 0; margin:0;
}
.singleTempl #text > h1:first-of-type + *{
	position:relative;
	background:var(--blanc);
	padding:80px 0 30px; margin:0;
}
.singleTempl #text > h1:first-of-type + *::before,
.singleTempl .blocWNL::before{
	content:'';
	position:absolute;
	top:0; bottom:0; right:100%;
	width:100%;
	background:var(--blanc);
}
.singleTempl #text > h1:first-of-type + *::after,
.singleTempl .blocWNL::after{
	content:'';
	position:absolute;
	top:0; bottom:0; left:100%;
	width:100%;
	background:var(--blanc);
}
.singleTempl .blocWNL h2{
	color:var(--bordeaux);
}
.singleTempl .blocWNL #formulairenewsletters #NewsLettersSubscribeMail{
	border:1px solid var(--rouge);
}

/*========================PageVivi==============================*/
.listeVV{
	padding:0; margin:0;
	list-style: none;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:32px;
}
.listeVV strong{
	display:block;
	padding:20px 0;
	font-size:2.4rem;
	border-top:4px solid var(--rouge);
}
/*========================PageContact==============================*/
.pageContact .blc-banner{
	display:none;
}
.pageContact #contentForFilter{
	padding:50px 0 90px;
}
.pageContact .singleTempl #text h1:first-of-type{
	font-family: 'Helvetica Neue';
	font-weight: 500;
	font-size:3.2rem;
	color:var(--m-secondary)!important;
	text-align: center;
	padding:0 0 24px;
}
.pageContact .textAndImages{
	font-size: 1.8rem;
	line-height: normal;
	color:var(--gris-100);
	text-align: center;
	width:710px; max-width:100%;
	margin:0 auto 64px!important; padding:0!important;
}
.pageContact .formulaire{
	width:1140px; max-width: 100%;
	padding:24px; margin:auto;
	border:1px solid var(--bordure-form);
}
.pageContact .formulaire form{
	width:auto; max-width: 100%;
	padding:0;
	border:none;
}
.pageContact .formulaire fieldset > div:nth-child(1),
.pageContact .formulaire fieldset > div:nth-child(2){
	width:220px;
}
#formpersonnalise2 .group_multi_checkbox {
	display:flex;
	flex-direction: column;
	gap:5px;
	padding-left:10px;
}
#formpersonnalise2 .multi_checkbox{
	display:flex;
	align-items:center; 
	justify-content:flex-start;
	gap:0.75rem;
	flex-wrap: wrap;
}
#formpersonnalise2 .multi_checkbox span{
	width:calc(100% - 30px);
	padding-top:4px;
}
#formpersonnalise2 .multi_checkbox input.consent + label.aide{
	width: calc(100% - 50px);
	margin-top: 15px;
	vertical-align: middle;
}
/*===================faq=======================*/
.blc-ttl .container{
	padding:40px 0 80px;
}
.content-faq{
	background:var(--blanc);
	padding:80px 0;
}
.faqDetail .question{
	position:relative;
	background:var(--gris-caract);
	padding:15px; margin-bottom:10px;
	cursor: pointer;
	overflow: hidden;
}
.faqDetail .question h2{
	position:relative;
	display:inline-block;
	font-size:2rem;
	margin:0; padding: 0 10px;
	color:var(--antracite);
}
.faqDetail .question h2::after{
	content:'';
	position:absolute;
	left:0; bottom:-20px; right: 0;
	height: 2px;
	background:var(--rouge);
	transition:0.3s;
}
.faqDetail.active .question h2::after{
	bottom:-5px;
	transition: 0.3s;
}
.faqDetail .question::after{
	position:absolute;
	top:20px; right:20px;
	content:'\e912';
	display:block;
	font-family: 'icomoon';
	color:var(--antracite);
	font-weight: 600;
	transform: rotate(90deg);
	transition: 0.4s;
}
.faqDetail.active .question::after{
	transform: rotate(270deg);
	transition: 0.4s;
}
.faqDetail .answer{
	display:none;
	padding:10px 20px 50px;
}
/*===================actualités=======================*/
#newsEventsList,
.multi-articles{
	background:var(--blanc);
	padding:80px 0;
}
#newsEventsList .container{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap:32px; row-gap:60px;
}
.newsContainer .chapoPicture,
.multi-articles .chapoPicture{
	position:relative;
	width:100%; height: 220px;
	border-bottom:4px solid var(--rouge);
	overflow: hidden;
}
.newsContainer .chapoPicture img,
.multi-articles .chapoPicture img{
	width:100%; height: 216px!important;
	object-fit: cover;
	object-position: 50% 10%;
	transition:0.6s;
}
.newsContainer .news_event:not(:has(.chapoPicture))::before,
.multi-articles .chapoPicture:not(:has(*))::before{
	content:'';
	display:block;
	width:100%; height: 216px;
	background:url(/modeles/fr/Modele1/images/new_logo.webp) center no-repeat var(--antracite);
	border-bottom:4px solid var(--rouge);
}
.newsContainer .news_event{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between; align-items: flex-start;
	position:relative;
}
.news_event .newsDesc{
	font-weight: bold;
	width:calc(100% - 170px);
	margin:0; padding-top:16px;
	line-height: normal;
}
.news_event .btn-savPlus,
.news_event .btn-savPlus::after{
	color:var(--rouge);
}
.news_event .btn-savPlus::before{
	content:'';
	position: absolute;
	top: 0; left:0; right: 0;
	height: 216px;
	z-index: 1;
}
.news_event:has(.btn-savPlus):hover  .chapoPicture img,
#chapoList .chapo:has(h2 a):hover .chapoPicture img {
	transform: scale(1.05);
	opacity: 0.6;
	transition: 0.6s;
}
.news_content{
	background:var(--blanc);
	padding:60px 0 80px;
}
/*==========multi-articles===================*/
.multi-articles #chapoList{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap:32px; row-gap:60px;
}
#chapoList .chapo{
	position:relative;
}
#chapoList .chapo h2{
	font-size:1.8rem;
	line-height: normal; 
}
#chapoList .chapo h2 a::before{
	content:'';
	position: absolute;
	top: 0; left:0; right: 0;
	height: 216px;
	z-index: 1; 
}
/*========== pager ===================*/
.pager{
	text-align: center;
	margin-top:100px;
}
.pager a {
	display: inline-block; 
	padding: 10px 20px 10px 20px; margin:5px 0;
	color: var(--blanc); 
	text-align: center; text-decoration: none; 
	background: var(--rouge); border: 1px solid var(--rouge);
}
.pager a:hover, 
a.pager_active_page {
	color: var(--rouge); 
	background: var(--blanc); 
}
/*========== bouton retour ===================*/
.back {
	margin:30px auto 0 auto; 
	text-align: center
}
.back a {
	display: inline-block; 
	padding: 10px 20px 10px 20px; 
	color: var(--blanc); 
	text-align: center; 
	text-decoration: none; 
	background: var(--rouge); 
	border: 1px solid var(--rouge);
}
.back a:hover {
	color: var(--rouge); 
	background: var(--blanc);
}

/*===================Plan du site=======================*/
.siteMapPage h1 {
    padding: 40px 0 80px;
    margin: 0;
}
.sitemap .sitemap_level0{
	position:relative;
	background: var(--blanc);
	padding: 80px 0; 
	margin: 0;
	max-width: 875px;
	width: 95%;
	margin: 0 auto;
}
.sitemap .sitemap_level0::before{
	content:'';
	position:absolute;
	top:0; bottom:0; right:100%;
	width:100%;
	background:var(--blanc);
}
.sitemap .sitemap_level0::after{
	content:'';
	position:absolute;
	top:0; bottom:0; left:100%;
	width:100%;
	background:var(--blanc);
}
.sitemap .sitemap_level0 .blc-banner{
	display: none;
}
.sitemap a:link,.sitemap a {
	font-weight: 400;
	text-decoration: none
}

.sitemap ul {
	margin: 0;
	padding: 0;
	width: 100%
}

.sitemap ul li {
	background: none;
	list-style: none;
	padding: 0
}

.sitemap ul li a {
	padding: 10px 0
}

.sitemap ul.sitemap_level0 li a {
	display: block;
	font-size: 22px
}

.sitemap ul.sitemap_level1 li a {
	border-bottom: 1px solid #000;
	color: #000;
	display: block;
	font-size: 14px;
	padding-left: 10px
}

.sitemap ul.sitemap_level1 li a:hover,.sitemap ul.sitemap_level1 li a:focus {
	background: #e5e5e5
}

.sitemap ul.sitemap_level2 li a {
	background: #ececec;
	display: block;
	padding-left: 20px
}

.sitemap ul.sitemap_level2 li a:hover,.sitemap ul.sitemap_level2 li a:focus {
	background: #d9d9d9
}

.sitemap ul.sitemap_level3 li a {
	background: #ccc;
	padding-left: 30px;
	display: block
}

.sitemap ul.sitemap_level3 li a:hover,.sitemap ul.sitemap_level3 li a:focus {
	background: #bfbfbf
}
/*===================Page recherche=======================*/
.searchPage h1{
	padding:40px 0 0; margin:0;
}
.catalog_search_form{
	display:flex; 
	margin:20px 0 50px;
}
.catalog_search_form fieldset{
	display:flex;
	align-items:center;
}
.catalog_search_form .row input{
	background:var(--blanc);
	text-align:left;
	padding:14px 30px;
	font-size:1.6rem;
	line-height: 1.4;
	overflow: visible;
}
/*===================panier=======================*/
#steps{
	display:flex;
	align-items:center; justify-content: center;
	gap:16px;
	border-top:1px solid var(--antracite);
	border-bottom:1px solid var(--antracite);
	padding:24px 0; margin:0 auto 60px;
	width:1040px; max-width: 100%;
}
#steps div{
	display:flex;
	align-items: center;
	gap:8px;
	padding:8px 16px;
	color:var(--antracite);
}
#steps div .num-steps{
	background:var(--rouge);
	color:var(--blanc);
	width:38px; height: 38px;
	display:flex;
	align-items: center; justify-content: center;
	font-weight: 700;
	border-radius: 50%;
	transition:0.3s;
}
#steps .active{
	font-weight: 700;
}
#steps .active .num-steps,
#steps a:hover .num-steps{
	background:var(--bordeaux);
	transition:0.3s;
}
#selections_cart{
	padding-bottom:80px;
}
#formcart table{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: flex-start;
	gap:24px;
}
#formcart table tbody{
	display:block;
	padding:24px;
	border:1px solid var(--gris-r-stock);
	flex: 1;
} 
#formcart table tbody tr{
	display:flex;
	justify-content: space-between; align-items: center;
	margin-bottom:16px;
} 
#formcart table tbody tr td{
	margin:0;
}
#formcart table tbody tr:last-child{
	margin-bottom:0;
} 

.img-prod{
	width:130px;
	text-align: center;
}
.txt-prod {
	display:flex;
	align-items: center;
	flex-wrap: wrap;
	color:var(--antracite);
	margin:0;
	width:40%;
}
.txt-prod a{
	display:block;
	width:100%;
}
.txt-prod a:first-child{
	font-size:1.8rem;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.txt-prod select{
	width:60px;
	margin-left:16px; padding:10px;
	border-radius: 0;
	border:1px solid var(--gris-r-stock);
}
.del-prod{
	width:20%;
	text-align: center;
}
.tt-price{
	width:130px;
	text-align: right;
	font-size:2.4rem;
	font-weight: 700;
}

#formcart table tfoot{
	width:30%;
}
#formcart table tfoot,
#cart_detail table tfoot{
	display:block;
	padding:24px;
	border:1px solid var(--gris-r-stock);
} 
#formcart table tfoot .shippingTitle,
#cart_detail table tfoot .shippingTitle{
	margin-bottom:10px;
}
#formcart table tfoot tr,
#cart_detail table tfoot tr{
	display:flex;
	justify-content: space-between;
	align-items:flex-end;
	width:100%;
}
#formcart table tfoot tr td:first-child,
#cart_detail table tfoot tr td:first-child .multi_radio{
	display:flex;
	align-items: start;
	gap:5px;
	flex:1;
}
#formcart table tfoot tr td:first-child input[type="radio"],
#cart_detail table tfoot tr td:first-child .multi_radio input[type="radio"]{
	flex-shrink: 0;
}
#formcart table tfoot tr td:first-child label,
#cart_detail table tfoot tr td:first-child .multi_radio label{
	margin-top:0;
	line-height: normal;
}
#formcart table tfoot tr td:last-child,
#cart_detail table tfoot tr td:last-child{
	width:100px;
	font-weight: 700;
}

#cart_detail table tfoot tr:first-child{
	width:100%;
}
#cart_detail table tfoot tr .shippingTitle{
	width:100%!important;
	margin:0;
	font-size:2rem;
	color:var(--bordeaux);
}
.shippingTitle td{
	font-size:2.4rem;
	color:var(--bordeaux);
	font-weight: 700;
	line-height: normal;
	margin-top:0;
}
.total_amount{
	border-top:1px solid var(--gris);
	margin-top:10px;
	font-weight: 700;
}
.total_amount .txtRight{
	font-size:2.4rem;
	color:var(--bordeaux);
	margin-top:0;
}
.coupon{
	display:flex;
	flex-wrap: wrap;
	margin-top:20px
}

.coupon .codepromo{
	width:100%;
	margin-top:0;
	display:flex;
}
.coupon td:first-child{
	flex:none!important;
}
.codepromo{
	width:100%!important;
}
.codepromo .row{
	flex:1;
}
.codepromo .row input{
	border:1px solid transparent;
	background:var(--gris-caract);
	height: 44px;
	transition:0.3s;
}
.codepromo .row input:focus{
	border-color:var(--gris-100);
	transition: 0.3s;
}
.codepromo .submit input{
	width:44px; height: 44px;
	padding:0;
}
/*authentification*/
.auth{
	display:flex;
	align-items: flex-start;
	gap:32px;
	padding-bottom:80px;
}
.auth h3{
	font-size:2.4rem;
	font-weight: 700;
	color:var(--bordeaux);
}
.auth legend{
	margin-bottom:20px;
}
.seConnecter{
	padding:24px;
	background:var(--gris-caract)
}
.seConnecter .row{
	position:relative;
}
.seConnecter label{
	position:absolute;
	left:12px; top:0;
	transition:0.3s;
}
.seConnecter .row:has(input:focus) label,
.seConnecter .row:has(input:not(:placeholder-shown)) label{
	top:-24px;
	font-size:1.2rem;
	transition:0.3s;
}
.seConnecter input[type="text"],
.seConnecter input[type="email"],
.seConnecter input[type="password"]{
	font-size:1.6rem;
	margin:0 0 20px; padding:14px 10px;
	border:none;
}
.seConnecter .btn-primary{
	margin-top:20px;
	width:100%;
}
.seConnecter a{
	text-decoration: underline;
}

.nouveauClient{
	border:1px solid var(--gris-r-stock);
	padding:24px;
	flex:1;
}
.nouveauClient input[type="text"],
.nouveauClient input[type="mail"]{
	border:1px solid transparent;
	font-size:1.6rem;
	background:var(--gris-caract);
	transition:0.3s;
}
.nouveauClient input[type="text"]:focus,
.nouveauClient input[type="mail"]:focus{
	border-color:var(--gris-r-stock);
	transition:0.3s;
}
/*Mot de passe oublié*/
#accountNewPassword #steps{display: none;}
body.panier .blc-banner{display: none;}
body.panier #accountNewPassword h1{display: none;}
body.panier #accountNewPassword #steps{display: flex;}
#accountNewPassword p{margin:1rem auto 0;width:870px; max-width: 100%;}
#accountNewPassword  [id="contentNewPasswordForm"]{position: relative;margin:25px auto;width:870px; max-width: 100%;}
body.compte  #accountNewPassword h1 {
	padding: 40px 0 80px;
	margin: 0;
}
body.compte #accountNewPassword  [id="contentNewPasswordForm"]{
	margin-top: -50px;
	padding: 0;
	border:0;
	border-radius: 0;
}
body.compte #accountNewPassword  [id="contentNewPasswordForm"] fieldset{
	padding: 20px;
	border: 1px solid #999;
	border-radius: 5px;
}
body.compte #accountNewPassword #steps + p{
	position: relative;
	background: var(--blanc);
	padding: 80px 0;
}
body.compte #accountNewPassword #steps + p:before,
body.compte #accountNewPassword  [id="contentNewPasswordForm"]:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	width: 100%;
	background: var(--blanc);
}
body.compte #accountNewPassword #steps + p:after,
body.compte #accountNewPassword  [id="contentNewPasswordForm"]:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 100%;
	background: var(--blanc);
}

/*Message*/
.errorLog{display: flex;justify-content: center;}
.errorLog .log{padding: 10px 25px;width: 100%;max-width: 870px;	margin: 0 0 30px;font-weight: 700;}
.errorLog .loginError{background: #ffbbbb;color: red;}
	


/*souscription*/
#cartSubscription .errorForm,
#cartSubscription .errorForm{
	display:none;
}
#cartSubscription .formulaire{
	border:1px solid var(--gris-r-stock);
	padding:24px; margin:auto;
	width:870px; max-width: 100%;
}
#cartSubscription .formulaire h1{
	display:none;
}
#cartSubscription .formulaire fieldset{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap:20px; column-gap: 12px;
}
#cartSubscription .mailid,
#cartSubscription .pays,
#cartSubscription .adr1,
#cartSubscription .newsletter,
#cartSubscription .societeid,
#cartSubscription div[class="row"]{
	grid-column: span 2;
}
#cartSubscription input[type="text"],
#cartSubscription input[type="mail"],
#cartSubscription input[type="password"],
#cartSubscription textarea,
#cartSubscription select{
	border:1px solid transparent;
	font-size:1.6rem;
	background:var(--gris-caract);
	transition:0.3s;
}
#cartSubscription textarea{
	margin-top:0;
}
#cartSubscription input[type="text"]:focus,
#cartSubscription input[type="mail"]:focus,
#cartSubscription input[type="password"]:focus,
#cartSubscription textarea:focus,
#cartSubscription select:focus{
	border-color:var(--gris-r-stock);
	transition:0.3s;
}
#cartSubscription .multi_checkbox{
	display:flex;
	align-items: center;
	gap:12px;
	margin-top:10px;
}
#cartSubscription .newsletter{
	display:flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items:center; 
	gap:12px;
}
#cartSubscription .newsletter label{
	margin:0;
}
#cartSubscription .submit{
	text-align: right;
	margin-top:20px
}
#cartSubscription .error .aide{
	padding:0 20px 20px;
}
/*Confirmation*/
#currentAddress{
	display:flex;
	flex-direction: column;
	gap:32px;
	margin-bottom:80px;
}
#currentAddress .address,
#currentAddress .deliveryAddress,
#cart_order_confirmation .address {
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	border:1px solid var(--gris-r-stock);
}
#adresseselectionvalidationform,
#normalDeliveryDiv{
	width:100%;
}
#normalDeliveryDiv .deliveryAddressType > div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#currentAddress h3,
#cart_order_confirmation .address h3{
	background:var(--bg-check-off);
	padding:16px 24px;
	color:var(--antracite);
	width:100%;
}
#currentAddress address,
#cart_order_confirmation address{
	padding:0 24px;
	margin-bottom:20px;
}
.address .linkEdit a,
.deliveryAddress .linkEdit a{
	display:block;
	text-align: right;
	text-decoration: underline;
	padding:0 24px;
	font-weight: 700;
	line-height: 24px;
}
.linkEdit br{
	display: none;
}
#currentAddress .submit{
	text-align: right;
	margin-top:20px;
}
/*nouvelle adresse*/
#manage_address .errorForm,
#manage_address .errorForm{
	display:none;
}
#manage_address{
	border:1px solid var(--gris-r-stock);
	padding:24px; margin: 0 auto 80px;
	width:870px; max-width: 100%;
}
#manage_address h3{
	color:var(--bordeaux);
}
#manage_address .formulaire fieldset{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap:20px; column-gap: 12px;
}
#manage_address fieldset .row:has([for="field_38id"]),
#manage_address fieldset .row:has([for="adr1"]),
#manage_address fieldset .row:has([for="pays"]),
#manage_address fieldset .row:has([for="field_40"]),
#manage_address fieldset .row:has([for="mailid"]),
#manage_address fieldset .row:has([for="societeid"]){
	grid-column: span 2;
}
#manage_address input[type="text"],
#manage_address input[type="mail"],
#manage_address input[type="password"],
#manage_address textarea,
#manage_address select{
	border:1px solid transparent;
	font-size:1.6rem;
	background:var(--gris-caract);
	transition:0.3s;
}
#manage_address textarea{
	margin-top:0;
}
#manage_address input[type="text"]:focus,
#manage_address input[type="mail"]:focus,
#manage_address input[type="password"]:focus,
#manage_address textarea:focus,
#manage_address select:focus{
	border-color:var(--gris-r-stock);
	transition:0.3s;
}
#manage_address .multi_checkbox{
	display:flex;
	align-items: center;
	gap:12px;
	margin-top:10px;
}
#manage_address .newsletter{
	display:flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items:center; 
	gap:12px;
}
#manage_address .newsletter label{
	margin:0;
}
#manage_address .submit{
	text-align: right;
	margin-top:20px
}
#manage_address .error .aide{
	padding:0 20px 20px;
}

/*selection d'adresse*/
#adresseselectionform{
	margin-bottom:60px;
}
#adresseselectionform fieldset,
.blc-address{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:24px;
}
#adresseselectionform legend{
	margin-bottom:10px;
}
#adresseselectionform .adresses,
.blc-address .address{
	flex:1;
	padding:24px;
	background:var(--gris-caract);
	border:1px solid var(--gris-r-stock);
}
#adresseselectionform .adresses label,
.blc-address .address h3{
	position:relative;
	top:3px;
	text-transform: uppercase;
	color:var(--rouge);
	font-weight: 700;
	transition:0.3s;
}
#adresseselectionform .adresses address{
	margin:10px 0 20px;
}
.additionnals_informations{
	margin-top:10px;
	text-align: justify;
	font-size: 11px;
	font-style: italic;
}
#adresseselectionform .adresses:has(input[type="radio"]:checked){
	border-color:var(--rouge);
	transition:0.3s;
}
/*paiement*/
/*détail produit*/
#cart_detail h3{
	margin:0;
	color:var(--bordeaux);
}
#cart_detail tbody{
	display:block;
	border:1px solid var(--gris-r-stock);
	padding:24px 10px; margin-bottom:16px;
}
#cart_detail thead,
#cart_detail tbody tr td:not(td:first-child, td:nth-child(2)){
	display:none;
}
#cart_detail tbody tr td:first-child{
	width:90px;
	text-align: center;
}
#cart_detail tbody tr td:nth-child(2){
	font-weight: 700;
}
#cart_detail .nameProd{
	text-transform: uppercase;
}
#payment_module{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	padding:30px 0;
}
#payment_module h3{
	grid-column: span 2;
	margin-bottom:0;
	color:var(--bordeaux);
}
#payment_module .row{
	padding:24px;
	border:1px solid var(--gris-r-stock);
	font-weight: 700;
	transition:0.3s;
}
#payment_module .row:has(input[type="radio"]:checked){
	border-color: var(--bordeaux);
	transition:0.3s;
}
#payment_module .row img{
	display:block;
	margin:5px 0 0 45px;
}
#customer_message{
	margin-top:30px;
}
#customer_message h3{
	color:var(--bordeaux);
	margin:0;
}
#customer_message textarea{
	width:100%; max-width:100%; height: 160px;
	border:1px solid var(--gris-r-stock);
	background:var(--bg-check-off);
	padding:12px;
	font-size:1.6rem;
	transition:0.3s;
}
#customer_message textarea:focus{
	border-color:var(--bordeaux);
}
.cart_order_confirmation_form > fieldset .row{
	display:flex;
	align-items:center;
	gap:10px;
}
#controlMajor{
	vertical-align: middle;
	margin-right:13px;
}
/*ordre d'affichage*/
.cart_order_confirmation_form{
	display:flex;
	flex-direction: row-reverse;
	align-items: start;
	flex-wrap: wrap;
	gap:24px;
	margin-bottom:80px;
}
/*colLeft*/
.cart_order_confirmation_form .colLeft{
	flex:1;
}
.cart_order_confirmation_form .colLeft fieldset .row{
	display:flex;
	align-items: center;
	gap:12px;
}
.cart_order_confirmation_form .colRight{
	width:33%;
}
.cart_order_confirmation_form .colLeft .submit{
	margin-top:30px;
	text-align: center;
}
/*recap*/
.cart_payment_confirmation{
	width:1140px; max-width: 100%;
	margin:0 auto 80px;
}
.recap-address{
	display:flex;
	gap:24px;
	margin-top:10px;
}
.recap-address .address{
    border: 1px solid var(--gris-r-stock);
	flex:1;
}
.recap-address .address h3{
	display:block;
	background: var(--bg-check-off);
    padding: 16px 24px;
    color: var(--antracite);
}
.recap-address address{
	padding:0 24px 24px;
}
.cart_payment_confirmation #cart_detail{
	padding-top:30px;
}
.cart_payment_confirmation #cart_detail table{
	display:flex;
	align-items: start;
	gap:24px;
	width:100%
}
.cart_payment_confirmation #cart_detail tbody{
	padding:24px;
	flex:1;
}
.cart_payment_confirmation #cart_detail tfoot{
	flex:1;
}

#payment_actions{
	padding:24px;
	background:var(--gris-caract);
	border:1px solid var(--gris-r-stock);
}
#payment_actions h2,
#payment_infos h3{
	color:var(--bordeaux);
	margin:0;
}
#payment_infos{
	padding:24px; margin-bottom:24px;
	background:var(--gris-caract);
	border:1px solid var(--gris-r-stock);
}
#cart_footer{
	text-align: center;
	margin-top:50px;
}

/*===================Mon compte=======================*/
.monCompte h1{
	padding:40px 0 80px; margin:0;
}

.monCompte .inner{
	position:relative;
	background:var(--blanc);
	padding:80px 0; margin:0;
}
.monCompte .inner::before{
	content:'';
	position:absolute;
	top:0; bottom:0; right:100%;
	width:100%;
	background:var(--blanc);
}
.monCompte .inner::after{
	content:'';
	position:absolute;
	top:0; bottom:0; left:100%;
	width:100%;
	background:var(--blanc);
}
.monCompte .nouveauClient p{
	margin-bottom: 20px;
}
.monCompte .nouveauClient .formulaire h1{display: none;}
.monCompte .nouveauClient .formulaire .errorForm{display: none;}
.monCompte .nouveauClient .formulaire .error{
	padding: 5px;
	margin: 5px 0;
	color: #fff;
	background: #c00;
	border-radius: 4px;
}
.monCompte .nouveauClient .formulaire .submit{
	margin-top: 20px;
	text-align: right;
}
.monCompte .nouveauClient .formulaire input[type="submit"]{
	color: var(--blanc) !important;
	background: var(--rouge);
	border: 1px solid var(--rouge);
	padding: 12px;
	display: inline-block;
	font-family: 'Helvetica Neue';
	font-weight: 500;
	font-size: 1.6rem;
	cursor: pointer;
	transition: 0.4s;
}
#accountSubscription .nouveauClient{
	margin: auto;
	width: 870px;
	max-width: 100%;
}
#accountSubscription .formulaire fieldset{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap:20px; column-gap: 12px;
}
#accountSubscription .mailid,
#accountSubscription .pays,
#accountSubscription .adr1,
#accountSubscription .newsletter,
#accountSubscription .societeid,
#accountSubscription div[class="row"]{
	grid-column: span 2;
}
#accountSubscription input[type="text"],
#accountSubscription input[type="mail"],
#accountSubscription input[type="password"],
#accountSubscription textarea,
#accountSubscription select{
	border:1px solid transparent;
	font-size:1.6rem;
	background:var(--gris-caract);
	transition:0.3s;
}
#accountSubscription textarea{
	margin-top:0;
}
#accountSubscription input[type="text"]:focus,
#accountSubscription input[type="mail"]:focus,
#accountSubscription input[type="password"]:focus,
#accountSubscription textarea:focus,
#accountSubscription select:focus{
	border-color:var(--gris-r-stock);
	transition:0.3s;
}
#accountSubscription .multi_checkbox{
	display:flex;
	align-items: center;
	gap:12px;
	margin-top:10px;
}
#accountSubscription .newsletter{
	display:flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items:center; 
	gap:12px;
}
#accountSubscription .newsletter label{
	margin:0;
}
#accountSubscription .submit{
	text-align: right;
	margin-top:20px
}
#accountSubscription .error .aide{
	padding:0 20px 20px;
}
#accountSubscription label.aide {
	font-size: 11px;
	font-style: italic;
}

#accountActions ul {
	display: flex;
	flex-direction: column;
	gap: .75rem;
	max-width: 550px;
	width: 95%;
	margin: 0 auto;
	list-style: none;
	padding:0;
}
#accountActions ul li{
	list-style: none;
	margin-left:0;
	margin-top: 0;
}
#accountActions ul li a{
	width: 100%;
	text-align: center;
}
/*modifier paramettres*/
#accountModify{
	background:var(--blanc);
	padding:80px 0;
}
#accountModify form{
	width:870px; max-width: 100%;
	padding:24px; margin:auto;
	border:1px solid var(--gris-r-stock);
}
#accountModify fieldset{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
    column-gap: 12px;
}
#accountModify fieldset input[type="text"], 
#accountModify fieldset input[type="mail"], 
#accountModify fieldset input[type="password"], 
#accountModify fieldset textarea, 
#accountModify fieldset select {
    border: 1px solid transparent;
    font-size: 1.6rem;
	margin:0;
    background: var(--gris-caract);
    transition: 0.3s;
}
#accountModify fieldset input[type="text"]:focus,
#accountModify fieldset input[type="mail"]:focus,
#accountModify fieldset input[type="password"]:focus,
#accountModify fieldset textarea:focus,
#accountModify fieldset select:focus{
	border-color:var(--gris-r-stock);
	transition:0.3s;
}
#accountModify fieldset .row:has([for="field_38id"]),
#accountModify fieldset .row:has([for="adr1"]),
#accountModify fieldset .row:has([for="pays"]),
#accountModify fieldset .row:has([for="field_40"]),
#accountModify fieldset .row:has([for="mailid"]),
#accountModify fieldset .row:has([for="societeid"]),
#accountModify fieldset .row:last-child{
	grid-column: span 2;
}
#accountModify .aide{
	display:block;
	margin-top:10px;
	text-align: justify;
	font-size: 1.1rem;
	font-style: italic;
	line-height: normal;
}
#accountModify .multi_checkbox{
	display:flex;
	align-items: center;
	gap: 12px;
	margin-top:10px;
}
#accountModify .formulaire .submit{
	text-align: right;
	margin-top:20px;
}
.btn-mon-compte{
	text-align: center;
	padding:24px; margin:auto;
}
/*modif pwd*/
#accountChangePassword{
	background:var(--blanc);
	padding:80px 0;
}
#accountChangePassword form{
	width:870px; max-width: 100%;
	padding:24px; margin:auto;
	border:1px solid var(--gris-r-stock);
}
#accountChangePassword fieldset input[type="password"] {
    border: 1px solid transparent;
    font-size: 1.6rem;
    background: var(--gris-caract);
    transition: 0.3s;
}
#accountChangePassword fieldset input[type="password"]:focus{
	border-color:var(--gris-r-stock);
	transition:0.3s;
}
#accountChangePassword fieldset .block_row{
	margin-bottom:15px;
}
#accountChangePassword .submit{
	margin-top:10px;
}
/*gestion accès site*/
#accountAccesConfiguration{
	background:var(--blanc);
	padding:80px 0;
}
/*gestion d'adresse*/
#accountAddress{
	background:var(--blanc);
	padding:80px 0;
}
#accountAddress .container > ul{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:24px;
	padding:0; margin:0;
}
#accountAddress .container > ul > li {
	list-style: none;
	border:1px solid var(--gris-r-stock);
}
#accountAddress .container > ul > li dl{
	display:block;
	width:100%;
}
#accountAddress .container > ul > li dl dt{
	padding:16px 24px;
	text-transform: uppercase;
	background:var(--bg-check-off);
}
#accountAddress .container > ul > li dl dd{
	padding:24px; margin:0;
	display:flex;
	justify-content: space-between;
}
#accountAddress .container > ul > li dl dd ul{
	text-align: right;
	padding:0;
	list-style:none;
}
#accountAddress .container > ul > li dl dd ul a{
	font-weight: bold;
	text-decoration: underline;
}
#accountAddress .blc-btn-gesAddress{
	margin-bottom:24px;
}
#accountAddress form{
	width:870px; max-width: 100%;
	padding:24px; margin:auto;
	border:1px solid var(--gris-r-stock);
}
#accountAddress fieldset{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
    column-gap: 12px;
}
#accountAddress fieldset input[type="text"], 
#accountAddress fieldset input[type="mail"], 
#accountAddress fieldset textarea, 
#accountAddress fieldset select {
    border: 1px solid transparent;
    font-size: 1.6rem;
    background: var(--gris-caract);
	margin-top:0;
    transition: 0.3s;
}
#accountAddress fieldset input[type="text"]:focus,
#accountAddress fieldset input[type="mail"]:focus,
#accountAddress fieldset textarea:focus,
#accountAddress fieldset select:focus{
	border-color:var(--gris-r-stock);
	transition:0.3s;
}
#accountAddress fieldset .block_row:has([for="libadresseid"]),
#accountAddress fieldset .block_row:has([for="adr1"]),
#accountAddress fieldset .block_row:has([for="field_38id"]),
#accountAddress fieldset .block_row:has([for="pays"]),
#accountAddress fieldset .block_row:has([for="societeid"]){
	grid-column: span 2;
}
#accountAddress .submit{
	margin-top:24px;
}
/*commande*/
#accountOrdersList{
	padding:80px 0;
	background:var(--blanc);
}
#accountOrdersList h2{
	color:var(--bordeaux);
	margin-bottom:10px;
}
/*#accountPendingOrders > div{
	width:100%;
	overflow-x:auto;
}
#accountPendingOrders > div table{
	width:100%; min-width:768px;
	overflow-x:auto;
}*/
#accountPendingOrders tbody tr{
	transition: 0.3s;
}
#accountPendingOrders tbody tr:hover{
	background:var(--gris-caract);
	transition: 0.3s;
}
#accountPendingOrders tbody tr td a[title="Indisponible"],
#accountHistoryOrders tbody tr td a[title="Indisponible"] {
    display:none;
}
/*détail commande*/
#accountOrderDetail{
	padding:80px 0;
	background:var(--blanc);
}
#accountOrderDetail #cart_detail h3{
	margin: 30px 0 10px;
}
#accountOrderDetail table{
	display:flex;
	align-items: flex-start;
	gap:24px;
	width:100%;
}
#accountOrderDetail #cart_detail thead{
	display:none;
}
#accountOrderDetail #cart_detail tbody{
	padding:24px;
	flex:1;
}
#accountOrderDetail #cart_detail tbody tr{
	display:block;
	padding-bottom:10px; margin-bottom:10px;
	border-bottom:1px solid var(--gris);
}
#accountOrderDetail #cart_detail tbody tr:last-child{
	padding-bottom:0; margin-bottom:0;
	border-bottom:none;
}
#accountOrderDetail #cart_detail tfoot{
	flex:1;
}
#accountOrderDetail #cart_detail tbody tr td:first-child{
	text-align: left;
	font-weight: 700;
}
#accountOrderDetail #cart_detail tbody tr td:nth-child(2){
	width:100%;
	text-align: left;
	font-weight: 700;
}
#accountOrderDetail #cart_detail .nameProd{
	display:block;
	text-transform: uppercase;
	line-height: normal;
}
/*===================footer=======================*/
footer{
	background:var(--antracite);
	padding:50px 0;         
}
#footerInner{
	display: flex;
	justify-content: space-between; align-items: center;
	flex-wrap: wrap;
}
#footerInner .logo{
	margin-left:-25px;
}
#footerInner .logo a,
#footerInner .logo a:hover{
	color:#fff!important;
}
#footerInner .logo .loire::before{
	background:var(--blanc);
}
.footRS .widgetContainer{
	display:flex;
	align-items: center;
	font-size:14px;
	color:var(--blanc);
}
.footRS ul{
	display:flex;
	gap:8px;
	margin:0 0 0 8px; padding:0;
	list-style: none;
}
.widgetSeparation{
	font-size: 0;
	width:100%; height: 2px;
	background:var(--gris);
	margin:50px 0 ;
}
.widgetAllRightFooter{
	font-size:1.4rem;
	color:var(--blanc);
}
.widgetAllRightFooter ul{
	padding:0; margin:5px 0 0;
	display:flex;
}
.widgetAllRightFooter ul li{
	list-style: none;
	padding:0 16px; margin:0;
	position:relative;
}
.widgetAllRightFooter ul li::before{
	content:'';
	width:1px;
	position:absolute;
	top:4px; left:0; bottom:4px;
	background:var(--blanc);
}
.widgetAllRightFooter ul li:first-child{
	padding-left:0;
}
.widgetAllRightFooter ul li:first-child::before{
	display:none;
}
.widgetAllRightFooter ul li a,
.widgetAllRightFooter ul li a:hover{
	font-size:1.4rem;
	color:var(--blanc);
}

.footLink{
	display:flex;
	justify-content:flex-end;
	width:calc(100% - 490px);
}
.footLink ul{
	display:flex;
	list-style: none;
	gap:16px;
	padding:0; margin:0;
}
.footLink ul li a{
	font-size:1.4rem;
	color:#fff;
	padding:8px 16px;
	display:block;
	transition:0.3s;
}
.footLink ul li a:hover{
	color:var(--rouge);
	text-decoration: none;
	transition:0.3s;
}

/*====================Responsive=============================*/
@media(max-width:1280px){
	.container,
	#homePres{max-width:980px;}
	.widgetSearch{position:relative;}
	.topBlocSearch .catalog_search_form{position:absolute; top:50px; right:10px; width:305px;}
	.topBlocSearch .catalog_search_form[style*="display: block"]{display: flex!important; align-items: center; justify-content: space-between;}
	.logo{margin-left:-25px;}
	#homePres .col1{max-width:calc(100% - 380px); padding:24px 30px;}
	.catalogProductsList .shortFamPic,
	.catalogProductsList .shortFamPic img{height: 165px;}
	.catalogProductsList .famillyContainer p{font-size:1.8rem}
	/*listing produit*/
	.box_predefined_cat_search .blc-filter{width:220px;}
	.catalog .domainSection, 
	.productsList .domainSection{width: calc(100% - 250px);}
	.short_product .view-ypr{gap:15px;}
	.short_product select{margin-right: 15px;}
	.short_product .view-ypr{width:calc(100% - 380px);}
	.short_product .price-cta{width:350px;}
	.catalog > .container:has(.domainSection),
	.productsList > .container:has(.domainSection){margin-bottom:80px;}
	/*detail produit*/
	.product_detail .container{padding:60px 0;}
	/*actu*/
	#newsEventsList .container{grid-template-columns: repeat(2, 1fr);}
	.multi-articles #chapoList{grid-template-columns: repeat(3, 1fr);}

	.pager{margin-top:60px;}
}
@media(max-width:1023px){
	#nested{display:none;}
	#page{padding-top:40px;}
	#smart-toggle,#rwdTopMenu{display:block!important;}
	#rwdTopMenu {background:var(--rouge); position:fixed; top:0; left:0; width:100%; z-index:9999; height:40px; box-shadow: 0 0 2px rgba(0,0,0,1);}
	#smart-toggle:after {content:'menu'; color:#fff; text-transform:uppercase; font-size:1.2em; display:inline-block; vertical-align:middle;}
	.container,
	#homePres{ width:768px;}
	#HeroBanner .container{height: 500px; padding-bottom:60px;}
	#HeroBanner figure img{height: 660px!important;}
	#decouverte{padding:50px 0;}
	#decouverte h2{margin-bottom:34px;}
	.bicol > article{flex-basis: 48%!important;}
	#homeReassurance .container{display:flex; justify-content: space-around;}
	#homeNV figure img{height: 350px!important;}
	/*catalog*/
	.catalogProductsList #famillyPicture,
	.catalogProductsList #famillyPicture img,
	#famillyPresentation:not(:has(#famillyPicture))::before,
	#famillyPresentation:not(:has(#famillyPicture))::after{height: 700px!important;}
	#famillyDescription{padding-bottom:0;}
	.cardListCatalog .catalog > .container,
 	.productsListPublication > .container:has(#noProductFound),
	.productsList > .container{display:block; padding:50px 0 0;}
	.cardListCatalog .catalog > .container > div{display:block;}
	.cardListCatalog .catalog [class^="col"]{width:50%; float:left; position:relative; padding:0 15px 30px; background:var(--blanc);}
	.cardListCatalog .catalog [class^="col"]::before{content:''; position:absolute; top:0; bottom:0; right:100%; width:100%;  background:var(--blanc); z-index: -1;}
	.cardListCatalog .catalog [class^="col"]::after{content:''; position:absolute; top:0; bottom:0; left:100%; width:100%; background:var(--blanc); z-index: -1}
	.catalogProductsList .shortFamLink{margin:0;}
	.catalogProductsList .famillyContainer p{font-size:1.6rem}
	.widgetBottom{clear:both;}
	.catalogProductsList #famillyPresentation .container,
	.blc-ttl .container,
	.content-faq,
	#newsEventsList,
	.news_content,
	.multi-articles{padding:40px 0;}
	/*filtre page listing*/
	.box_predefined_cat_search{position:relative; top:0;}
	.box_predefined_cat_search .blc-filter{position:relative; width:100%; margin-bottom:24px; z-index: 1;}
	.catalog .domainSection, 
	.productsList .domainSection{width:100%;}
	.catalog > .container:has(.domainSection),
	.productsList > .container:has(.domainSection){margin-bottom:0;}

	/*detail produit*/
	.product_detail .container{padding:60px 0; align-items: center;}
	.productContent{width:100%; order:3; margin-top:50px;}
	.caracteristiqueBloc{width:36%;}
	.product_detail .container > .productPictures{width:50%;}
	

	.footLink ul li a{padding:8px;}
	
	/*Steps Tunnel*/
	#steps {flex-wrap:wrap;gap:10px;max-width: 100%;justify-content: space-between;font-size: 14px;}
	#steps div{padding:4px 8px;}
	#steps div .num-steps{width:28px;height:28px;}
	/*tunnel achat*/
	/*1-connexion*/
	.auth{
		flex-direction: column;
	}
	.seConnecter, .nouveauClient{
		width: 100%;
	}
	
	/*article de base*/
	.deux_colonnes{flex-direction: column; gap:15px;}
	.textAndImages .intext_left,
	.textAndImages .intext_right{width:50%;}
	.textAndImages:has(.above_right), 
	.textAndImages:has(.below_right),
	.textAndImages:has(.above_left), 
	.textAndImages:has(.below_left){align-items: center;}
}
@media(max-width:800px){
	.container{ max-width:100%; padding:0 25px;}
	#homeReassurance .container{grid-template-columns: repeat(3, 1fr);}
	#HeroBanner .container h1,
	.catalog h1,
	#famillyPresentation h1,
	.blc-ttl h1,
	.singleTempl #text h1:first-of-type,
	.monCompte h1,
	.siteMapPage h1{font-size:4.4rem; line-height: 4.8rem;}
	.cardListCatalog .catalog > .container,
 	.productsListPublication > .container:has(#noProductFound),
	.productsList > .container,
	.monCompte .inner,
	#accountModify,
	#accountChangePassword,
	#accountAddress,
	#accountOrdersList,
	#accountOrderDetail{padding:50px 0 0;}
	.catalogProductsList #famillyPresentation .container,
	.blc-ttl .container{padding:40px 25px;}
	#HeroBanner .container .intro,
	#homeNV .blocPres,
	#famillyDescription,
	.widgetNewsletterComment{font-size:1.6rem;}
	.widgetContact .headttl{font-size:1.8rem;}
	.widgetContact .widgetContainer h4,
	.widgetNewsletterComment h2,
	#homeNV article h2,
	#decouverte h2{font-size:2.8rem;}
	.widgetCatalogSearch{width:100%;}
	/*.widgetCatalogSearch .catalog_search_form{justify-content:space-between;}
	.catalog_search_form{justify-content:space-between;}*/
	.asideSearch .catalog_search_form{width:100%;}
	.widgetSeparation{margin:30px 0;}
	#homePres{padding:64px 25px; width:100%;}
	#homePres .col1{padding:24px 0; max-width:calc(100% - 300px)}
	#homePres .col2{width:250px;}
	.footLink{width:100%; justify-content: center;}
	.widgetAllRightFooter{width:100%; display:flex; flex-direction: column; gap:10px; justify-content:center; text-align: center; order:5; margin-top:10px;}
	.widgetAllRightFooter .widgetContainer{display:flex; flex-direction: column;}
	.widgetAllRightFooter ul{justify-content: center; margin-top:10px;}
	.widgetAllRightFooter ul li:last-child{padding-right:0;}
	/*detail produit*/
	.product_detail .container,
	.productsList .container{padding:50px 25px;}
	.caracteristiqueBloc{width:40%;}
	.pager{margin-top:30px;}
	
	/*tunnel achat*/
	#formcart table tbody{
		width: 100%;
	}
	#formcart table tfoot, #cart_detail table tfoot{
		width: 100%;
	}
	.cart_order_confirmation_form{flex-direction: column;}
	.cart_order_confirmation_form .colRight{width: 100%;}
	.cart_order_confirmation_form .colRight table{width: 100%;}
	#accountAddress .container > ul{grid-template-columns: 1fr;}

	/*article de base*/
	.singleTempl #text > h1:first-of-type + *,
	.sitemap .sitemap_level0{padding-top:50px}
	.singleTempl #text h1:first-of-type,
	.siteMapPage h1{padding:40px 0 50px;}

	/*commande en cours*/
	#accountOrdersList table thead{display:none;}
	#accountOrdersList table tbody{display:flex; flex-wrap: wrap; gap:15px;}
	#accountOrdersList table tbody tr{display:flex; flex-wrap: wrap; border:1px solid var(--gris-r-stock); width:48%;}
	#accountOrdersList table tbody tr td{border:none; width: 50%; padding:10px 20px; margin:0; line-height: normal; display:flex; align-items: center;}
	#accountOrdersList table tbody tr td:first-child,
	#accountOrdersList table tbody tr td:nth-child(2){background:var(--bg-check-off); padding:14px 20px; margin-bottom:5px;}
	#accountOrdersList table tbody tr td:nth-child(even){text-align: right; justify-content:flex-end}
}
@media(max-width:720px){
	#HeroBanner .container{height: 400px; padding-bottom:0;}
	.catalogProductsList .breadcrumb{padding:0;}
	.bicol article{min-height: 420px; padding-bottom:70px;}
	#homeNV figure img{height: 280px!important;}
	#homeNV .blocPres{margin-bottom:30px;}
	#homeReassurance .container{flex-direction: column; gap:30px;}
	.catalog_search_form .row input{width:100%}

	/*page listing*/
	.view-ypr .view{display:none;}
	.domainSection h2{left:24px;}
	.domainSection .short_product_container{flex-direction: column; gap:15px;}
	.short_product .view-ypr{width:100%;}
	.short_product .price-cta{width:100%; flex-wrap:wrap;}
	.short_product select{margin-right: 65px;}
	.catalog .domainSection, 
	.productsList .domainSection{padding-bottom:20px;}
	/*.special_price{margin-left:10px; margin-right: 0;}*/

	/*actu*/
	#newsEventsList .container{grid-template-columns: 1fr; row-gap:30px;}
	.multi-articles #chapoList{grid-template-columns: repeat(2, 1fr); row-gap:30px;}
	
	/*STEPS*/
	#steps {padding: 5px 0;font-size: 16px;justify-content: center;}
	#steps div{display: none;}
	#steps .active{display: flex;padding:8px 16px;}
	#steps div .num-steps{width:38px;height: 38px;}
	/*Tunnel Achat*/
	#formcart table tbody tr{flex-direction: column;align-items: flex-start;}
	.img-prod,.txt-prod,.tt-price{width: 100%}
	#formcart table tbody tr + tr{border-top:1px solid var(--gris-r-stock);padding-top: 10px;}
	#cartSubscription div[class*="row"] {grid-column: span 2;}
	#manage_address fieldset .row{grid-column: span 2;}
	#adresseselectionform fieldset, .blc-address{grid-template-columns: 1fr;}
	.cart_order_confirmation_form .colRight .txtRight + p, .cart_order_confirmation_form .colRight .txtRight + p + p{display: none;}
	.recap-address{flex-direction: column;}
	.cart_payment_confirmation #cart_detail table{flex-direction: column;}
	.cart_payment_confirmation #cart_detail tbody{flex:0 0 100%;width:100%;}
	.cart_payment_confirmation #cart_detail tfoot{flex:0 0 100%;}

	/*article de base*/
	.textAndImages .intext_left,
	.textAndImages .intext_right{margin-bottom:20px;}
}
@media(max-width:639px){
	#HeroBanner .container h1,
	.catalog h1,
	#famillyPresentation h1,
	.blc-ttl h1,
	.singleTempl #text h1:first-of-type,
	.monCompte h1,
	.siteMapPage h1{font-size: 3.4rem; line-height: 3.4rem;}
	#accountOrdersList h2{font-size:2.8rem; line-height: 2.4rem;}
	#homePres{flex-direction: column-reverse;}
	#homePres .col1{max-width: 100%; padding:0;}
	#homePres .col1 .blocLink{text-align: center;}
	#homePres .col2{width:308px;}
	.cardListCatalog .catalog .col1, 
	.cardListCatalog .catalog .col2, 
	.cardListCatalog .catalog .col3{float:none; width:100%; padding:0 20px 30px;}
	.catalogProductsList .shortFamLink{margin:0;}
	.short_product select{margin-right: 15px;}
	/*page listing*/
	.product_detail .container > .productPictures{width:100%;}
	.caracteristiqueBloc{width:100%; margin-top:50px; order: 3; margin-top:50;}

	.pageContact #contentForFilter{padding:30px 0 0;}
	.pageContact .textAndImages{font-size:1.6rem; margin-bottom:40px;}
	.pageContact .formulaire fieldset > div:nth-child(1), 
	.pageContact .formulaire fieldset > div:nth-child(2){width:100%;}
	.valid{display:block; width:100%;}
	/*faq*/
	.faqDetail .question{padding:15px 0;}
	.faqDetail .question h2{padding-right:45px;}
	.faqDetail .answer{padding:10px 0 30px;}
	#payment_module .row{grid-column: span 2;}

	/*modif paramettre*/
	#formpersonnalise #profileDetail .row,
	#form fieldset .block_row{
		grid-column: span 2;
	}

	#currentAddress .address, 
	#currentAddress .deliveryAddress, 
	#cart_order_confirmation .address,
	#normalDeliveryDiv .deliveryAddressType > div{
		flex-direction: column;
		padding-bottom:24px;
	}
	#accountOrderDetail table{flex-direction: column; gap:10px;}
	#accountOrderDetail #cart_detail tbody{width:100%;}

	/*article de base*/
	.textAndImages .intext_left, 
	.textAndImages .intext_right{float:none; margin:0 0 20px; width:100%; text-align: center;}

	#accountOrdersList table tbody tr{width:100%;}
}
@media(max-width:500px){
	.ico-search{margin-right: 6px;}
	#footerInner .logo{margin:0; width:100%;}
	.footRS{width:100%; display:flex; justify-content: center;}
	.widgetAllRightFooter .widgetContainer ul{flex-direction: column; gap:10px;}
	.widgetAllRightFooter .widgetContainer ul li{padding:0}
	.widgetAllRightFooter .widgetContainer ul li::before{display:none;}
	#homePres{padding:50px 25px;}
	#homePres .col1 .blocLink a{display:block;}
	.widgetContact .CTA{flex-direction: column; gap: 16px;}
	.widgetContact .CTA a{width:100%; justify-content: center; text-align: center;}
	.blocHV .blocLink{position:relative;}
	.bicol article{padding-bottom:0;}
	.pageContact .formulaire{padding:20px;}
	.newsContainer .news_event{flex-direction: column; align-items: flex-end ;}
	.news_event .newsDesc{width:100%;}
	.multi-articles #chapoList{gap: 20px;}
	.multi-articles .chapoPicture,
	#chapoList .chapo h2 a::before,
	.multi-articles .chapoPicture img{height: 180px!important;}
	.multi-articles .chapoPicture:not(:has(*))::before{background-size:90%; height: 180px;}
	.catalogProductsList #famillyPicture,
	.catalogProductsList #famillyPicture img,
	#famillyPresentation:not(:has(#famillyPicture))::before,
	#famillyPresentation:not(:has(#famillyPicture))::after{height: 840px!important;}
}
@media(max-width:400px){
	.container{padding:0 20px;}
	.blc-head .container{padding:0 10px;}
	.logo{width:210px; margin-left:0;}
	.logo a{font-size: 2.8rem; line-height: 2.4rem;}
	.logo .logo-text{font-size:1.4rem;}
	#wrapTH{gap:10px;}
	.ico-search{margin-right: 0;}
	.widgetCart a.value{font-size:1.2rem}
	#formulairenewsletters #NewsLettersSubscribeMail{width:208px;}
	.short_product .price-cta{flex-direction: column; align-items: flex-start; gap:15px;}
	.short_product .cta-list-product{width:100%;}
	.product_detail .container{padding:60px 20px;}
	.multi-articles .chapoPicture,
	#chapoList .chapo h2 a::before,
	.multi-articles .chapoPicture img{height: 250px!important;}
	.multi-articles #chapoList{grid-template-columns: 1fr;}
	#accountAddress .container > ul > li dl dd{flex-direction: column; gap:12px;}
}