@charset "utf-8";

/*
CSS Document
*/

/* REPRISE DES ELEMENTS DE BOOTSTRAP 2 rmplacés par "form-control" dans BOOSTRAP 3 */
/* label / input / button / select / textarea */
.panierv3 label,.panierv3 input,.panierv3 button,.panierv3 select,.panierv3 textarea{font-size:14px;font-weight:normal;line-height:20px}.panierv3 input,.panierv3 button,.panierv3 select,.panierv3 textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.panierv3 label{display:block;margin-bottom:5px}.panierv3 select,.panierv3 textarea,.panierv3 input[type="text"],.panierv3 input[type="password"],.panierv3 input[type="datetime"],.panierv3 input[type="datetime-local"],.panierv3 input[type="date"],.panierv3 input[type="month"],.panierv3 input[type="time"],.panierv3 input[type="week"],.panierv3 input[type="number"],.panierv3 input[type="email"],.panierv3 input[type="url"],.panierv3 input[type="search"],.panierv3 input[type="tel"],.panierv3 input[type="color"],.panierv3 .uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.panierv3 input,.panierv3 textarea,.panierv3 .uneditable-input{width:80%}.panierv3 textarea{height:auto}.panierv3 select,.panierv3 textarea,.panierv3 input[type="text"],.panierv3 input[type="password"],.panierv3 input[type="datetime"],.panierv3 input[type="datetime-local"],.panierv3 input[type="date"],.panierv3 input[type="month"],.panierv3 input[type="time"],.panierv3 input[type="week"],.panierv3 input[type="number"],.panierv3 input[type="email"],.panierv3 input[type="url"],.panierv3 input[type="search"],.panierv3 input[type="tel"],.panierv3 input[type="color"],.panierv3 .uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}.panierv3 textarea:focus,.panierv3 input[type="text"]:focus,.panierv3 input[type="password"]:focus,.panierv3 input[type="datetime"]:focus,.panierv3 input[type="datetime-local"]:focus,.panierv3 input[type="date"]:focus,.panierv3 input[type="month"]:focus,.panierv3 input[type="time"]:focus,.panierv3 input[type="week"]:focus,.panierv3 input[type="number"]:focus,.panierv3 input[type="email"]:focus,.panierv3 input[type="url"]:focus,.panierv3 input[type="search"]:focus,.panierv3 input[type="tel"]:focus,.panierv3 input[type="color"]:focus,.panierv3 .uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}.panierv3 input[type="radio"],.panierv3 input[type="checkbox"]{margin:0 4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal}.panierv3 input[type="file"],.panierv3 input[type="image"],.panierv3 input[type="submit"],.panierv3 input[type="reset"],.panierv3 input[type="button"],.panierv3 input[type="radio"],.panierv3 input[type="checkbox"]{width:auto}.panierv3 select,.panierv3 input[type="file"]{height:30px;*margin-top:4px;line-height:/*30*/20px}.panierv3 select{width:220px;background-color:#fff;border:1px solid #ccc}.panierv3 select[multiple],.panierv3 select[size]{height:auto}.panierv3 select:focus,.panierv3 input[type="file"]:focus,.panierv3 input[type="radio"]:focus,.panierv3 input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.panierv3 input:-moz-placeholder,.panierv3 textarea:-moz-placeholder{color:#999}.panierv3 input:-ms-input-placeholder,.panierv3 textarea:-ms-input-placeholder{color:#999}.panierv3 input::-webkit-input-placeholder,.panierv3 textarea::-webkit-input-placeholder{color:#999}.panierv3 .radio,.panierv3 .checkbox{min-height:20px;padding-left:20px}.panierv3 .radio input[type="radio"],.panierv3 .checkbox input[type="checkbox"]{float:left;margin-left:-20px}.panierv3 input,.panierv3 textarea,.panierv3 .uneditable-input{margin-left:0}
.panierv3 .panierv3minibox_desc .radio input[type="radio"], .panierv3 .panierv3minibox_desc .checkbox input[type="checkbox"] {margin-left: -13px;}@charset "utf-8";

/*
CSS Document
*/
/* Neutralisation des styles sur les titres BOOTSTRAP */
/*
.panierv3 h1, .panierv3 h2, .panierv3 h3, .panierv3 h4, .panierv3 h5, .panierv3 h6,
.comptev3 h1, .comptev3 h2, .comptev3 h3, .comptev3 h4, .comptev3 h5, .comptev3 h6
*/
h1, h2, h3, h4, h5, h6 { font-size: 100%; line-height: normal; font-weight: normal; margin: 0; padding: 0; }
/* Bootstrap 3 tue les padding sur les td/th -> ajout d'une classe sur les tableaux ayant un cellpadding */
.table-padding-5 td, .table-padding-5 th { padding: 5px; }
.table-padding-10 td, .table-padding-10 th { padding: 10px; }
.table-padding-15 td, .table-padding-15 th { padding: 15px; }
.table-padding-20 td, .table-padding-20 th { padding: 20px; }

/* Rajout d'attributs sur certains éléments pour boostrap 3 (bootstrap2 like) */
.tpl_mon_compte .row [class*="col"] { min-height: 30px; }
.tpl_panier_standard .row [class*="col"] { /**/min-height: 30px; }
.tpl_panier_modif_adresse .row [class*="col"] { min-height: 30px; }
#compte_save_contact_msg { min-height: 0; }
/* Box-sizing *//* FIX BOOTSTRAP 3 qui met tout en border-box */
#panierv3AddItem *,
.tpl_mon_compte *,
.tpl_panier_standard *,
.tpl_panier_modif_adresse * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/* ! content-box pas bien sur les SELECT et les TABLE ! */
#panierv3AddItem select,
.tpl_mon_compte select,
.tpl_panier_standard select,
.tpl_panier_modif_adresse select,
#panierv3AddItem table,
.tpl_mon_compte table,
.tpl_panier_standard table,
.tpl_panier_modif_adresse table {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tpl_mon_compte .row > div,
.tpl_panier_standard .row > div,
.tpl_panier_modif_adresse .row > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tpl_mon_compte input,
.tpl_mon_compte select,
.tpl_mon_compte textarea,
.tpl_mon_compte .uneditable-input { width: 190px; }

.tpl_panier_standard input,
/*.tpl_panier_standard select,*/
.tpl_panier_standard textarea,
.tpl_panier_standard .uneditable-input { width: 206px; }
.tpl_panier_standard select { width: 220px; }

.tpl_panier_modif_adresse input,
/*.tpl_panier_modif_adresse select,*/
.tpl_panier_modif_adresse textarea,
.tpl_panier_modif_adresse .uneditable-input { width: /*206px;*/80%; }
.tpl_panier_modif_adresse select { width: calc(80% + 14px); }

.tpl_mon_compte input[type="file"],
.tpl_mon_compte input[type="image"],
.tpl_mon_compte input[type="submit"],
.tpl_mon_compte input[type="reset"],
.tpl_mon_compte input[type="button"],
.tpl_mon_compte input[type="radio"],
.tpl_mon_compte input[type="checkbox"] { width: auto; }
.tpl_panier_standard input[type="file"],
.tpl_panier_standard input[type="image"],
.tpl_panier_standard input[type="submit"],
.tpl_panier_standard input[type="reset"],
.tpl_panier_standard input[type="button"],
.tpl_panier_standard input[type="radio"],
.tpl_panier_standard input[type="checkbox"] { width: auto; }
.tpl_panier_modif_adresse input[type="file"],
.tpl_panier_modif_adresse input[type="image"],
.tpl_panier_modif_adresse input[type="submit"],
.tpl_panier_modif_adresse input[type="reset"],
.tpl_panier_modif_adresse input[type="button"],
.tpl_panier_modif_adresse input[type="radio"],
.tpl_panier_modif_adresse input[type="checkbox"] { width: auto; }

.tpl_mon_compte select,
.tpl_mon_compte textarea,
.tpl_mon_compte input[type="text"],
.tpl_mon_compte input[type="password"],
.tpl_mon_compte input[type="datetime"],
.tpl_mon_compte input[type="datetime-local"],
.tpl_mon_compte input[type="date"],
.tpl_mon_compte input[type="month"],
.tpl_mon_compte input[type="time"],
.tpl_mon_compte input[type="week"],
.tpl_mon_compte input[type="number"],
.tpl_mon_compte input[type="email"],
.tpl_mon_compte input[type="url"],
.tpl_mon_compte input[type="search"],
.tpl_mon_compte input[type="tel"],
.tpl_mon_compte input[type="color"],
.tpl_mon_compte .uneditable-input { margin-bottom: 10px; }
.tpl_panier_standard select,
.tpl_panier_standard textarea,
.tpl_panier_standard input[type="text"],
.tpl_panier_standard input[type="password"],
.tpl_panier_standard input[type="datetime"],
.tpl_panier_standard input[type="datetime-local"],
.tpl_panier_standard input[type="date"],
.tpl_panier_standard input[type="month"],
.tpl_panier_standard input[type="time"],
.tpl_panier_standard input[type="week"],
.tpl_panier_standard input[type="number"],
.tpl_panier_standard input[type="email"],
.tpl_panier_standard input[type="url"],
.tpl_panier_standard input[type="search"],
.tpl_panier_standard input[type="tel"],
.tpl_panier_standard input[type="color"],
.tpl_panier_standard .uneditable-input { margin-bottom: 10px; }
.tpl_panier_modif_adresse select,
.tpl_panier_modif_adresse textarea,
.tpl_panier_modif_adresse input[type="text"],
.tpl_panier_modif_adresse input[type="password"],
.tpl_panier_modif_adresse input[type="datetime"],
.tpl_panier_modif_adresse input[type="datetime-local"],
.tpl_panier_modif_adresse input[type="date"],
.tpl_panier_modif_adresse input[type="month"],
.tpl_panier_modif_adresse input[type="time"],
.tpl_panier_modif_adresse input[type="week"],
.tpl_panier_modif_adresse input[type="number"],
.tpl_panier_modif_adresse input[type="email"],
.tpl_panier_modif_adresse input[type="url"],
.tpl_panier_modif_adresse input[type="search"],
.tpl_panier_modif_adresse input[type="tel"],
.tpl_panier_modif_adresse input[type="color"],
.tpl_panier_modif_adresse .uneditable-input { margin-bottom: 10px; }

/* ******************************** */
/* Général */
/* ******************************** */
#ModBoutiquePanierForm { margin: 0; }
.panierv3container { margin: 0 auto 32px; padding: 20px/*10px*/ 20px 0; background: #fff; color: #272730; }
.panierv3container label,
#ModBoutiquePanierFormAdresse label { display: inline-block; }
.panierv3container input[type="radio"], .panierv3container input[type="checkbox"],#comptev3Infos input[type="checkbox"],
#ModBoutiquePanierFormAdresse input[type="radio"], #ModBoutiquePanierFormAdresse input[type="checkbox"] { margin: 0 4px; }
.panierv3container .divError, .panierv3container .divOK { /*margin: 0 0 20px;*/ }

/* Panier */
.panierv3FilAriane {
	display: none;
	border: 1px solid #d2d1d1; padding: 4px 20px; margin-bottom: 30px; color: #d2d1d1; font-size: 1.25em; line-height: 1.2em; word-spacing: 5px;
	/* box-shadow & border-radius & gradient */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 1px 0 #fff inset;
	-moz-box-shadow: 0 0 1px 0 #fff inset;
	box-shadow: 0 0 1px 0 #fff inset;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#f9f9f9), color-stop(100%,#e1e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #f9f9f9 0%, #e1e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* FF3.6+ */
	background: -ms-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* IE10+ */
	background: -o-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #f9f9f9 30%, #e1e2e2 100%); /* W3C */
	/* FIX IE CSS3 */
	-pie-background: linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%);
	behavior: url(/js/PIE.htc);
	position: relative !important;
}
.panierv3FilAriane .active { color: #656669 }
.panierv3EtapeTitle { text-align: right; margin-bottom: 0; }
.panierv3EtapeTitle span {
	display: inline-block; color: #fff; font-style: italic; font-weight: bold; font-size: 1.2em; line-height: 1.2em; padding: 5px 45px 7px 25px;
	/* border-radius & gradient */
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#3c3c3c), color-stop(100%,#656669)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #3c3c3c 0%, #656669 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top, #3c3c3c 30%, #656669 100%); /* FF3.6+ */
	background: -ms-linear-gradient(center top, #3c3c3c 30%, #656669 100%); /* IE10+ */
	background: -o-linear-gradient(center top, #3c3c3c 30%, #656669 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #3c3c3c 30%, #656669 100%); /* W3C */
	/* FIX IE CSS3 */
	-pie-background: linear-gradient(center top, #3c3c3c 30%, #656669 100%);
	behavior: url(/js/PIE.htc);
	position: relative !important;
}

.panierv3EtapeTitle.selected span {
	/* gradient */
	background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#a2d14e), color-stop(100%,#5fac00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #a2d14e 0%, #5fac00 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* FF3.6+ */
	background: -ms-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* IE10+ */
	background: -o-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #a2d14e 30%, #5fac00 100%); /* W3C */
	/* FIX IE CSS3 */
	-pie-background: linear-gradient(center top, #a2d14e 30%, #5fac00 100%);
}

.panierv3TableBorder { border: 1px solid #d2d1d1; zoom: 1; }
.panierv3TableBorderFlex{display: flex;flex-wrap: wrap;}
.panierv3NoFdpTr .panierv3TableBorderFlex { display:block; }

.panierv3TableBorder:after { content: ""; display: table; clear: both; }
.panierv3TableLeft { background: #ebebeb; width: 30%; float: left; }
.panierv3TableRight { width: 70%; *width: 69%; float: left; }
.tpl_create_compte .panierv3TableRight { width: auto; }
.panierv3TableBorder .panierv3TableLeft, .panierv3TableBorder .panierv3TableRight {
    padding: 20px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* FIX IE */ *behavior: url(/js/boxsizing.htc);
}

/* Zones */
#panierv3EtapeCompte, #panierv3EtapeTransport, #panierv3EtapePaiementAvoir, #panierv3EtapePaiement { margin: 40px 0 0; }
#panierv3EtapeValidation { margin: 20px 0 0; }

/* Boutons valider/continuer */
.panierv3Validate { text-align: right; padding: 18px 0 30px; font-size: 1.1em; line-height: 1.2em; }
.panierv3Validate a { white-space: nowrap; display: inline-block; margin-top: 12px; }
.panierv3Quit {
	padding: 5px 10px; color: #656669; text-decoration: none; border: 1px solid #d2d1d1;
	/* box-shadow & border-radius & gradient */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 1px 0 #fff inset;
	-moz-box-shadow: 0 0 1px 0 #fff inset;
	box-shadow: 0 0 1px 0 #fff inset;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#f9f9f9), color-stop(100%,#e1e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #f9f9f9 0%, #e1e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* FF3.6+ */
	background: -ms-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* IE10+ */
	background: -o-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #f9f9f9 30%, #e1e2e2 100%); /* W3C */
	/* FIX IE CSS3 */
	-pie-background: linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%);
	behavior: url(/js/PIE.htc);
	position: relative !important;
    margin-left: 5px;
	/* maj 16/02/18 */
	display: inline-block; white-space: nowrap;
}
.panierv3Quit:focus, .panierv3Quit:hover { color: #272730; text-decoration: none; }
.panierV3Info { margin-bottom: 15px; }
.panierv3ValidateStep1, .panierv3ValidateStep2 {
	padding: 5px 10px; color: #fff; font-weight: bold; text-decoration: none; margin-left: 5px; border: 1px solid transparent;
	/* box-shadow & border-radius & gradient */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 1px 0 #4e8100 inset;
	-moz-box-shadow: 0 0 1px 0 #4e8100 inset;
	box-shadow: 0 0 1px 0 #4e8100 inset;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#a2d14e), color-stop(100%,#5fac00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #a2d14e 0%, #5fac00 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* FF3.6+ */
	background: -ms-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* IE10+ */
	background: -o-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #a2d14e 30%, #5fac00 100%); /* W3C */
	/* FIX IE CSS3 */
	-pie-background: linear-gradient(center top, #a2d14e 30%, #5fac00 100%);
	behavior: url(/js/PIE.htc);
	position: relative !important;
}
.panierv3ValidateStep1:hover,
.panierv3ValidateStep2:hover {
	/* gradient */
	background: -moz-linear-gradient(center top , #81c718 30%, #5fac00 100%);
	background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#81c718), color-stop(100%,#5fac00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #81c718 0%, #5fac00 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* FF3.6+ */
	background: -ms-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* IE10+ */
	background: -o-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #81c718 30%, #5fac00 100%); /* W3C */
	/* FIX IE CSS3 */
	-pie-background: linear-gradient(center top, #81c718 30%, #5fac00 100%);
	behavior: url(/js/PIE.htc);
}
.panierv3ValidateStep1:focus, .panierv3ValidateStep1:hover,
.panierv3ValidateStep2:focus, .panierv3ValidateStep2:hover { color: #fff; text-decoration: none; }
.payer_facture .panierv3ValidateStep1 { margin: 0; }


/* ************* Contenu du panier **************** */
/* Images */
.panierv3Pic { width: 200px; vertical-align: top; }
.panierv3Pic .productPic { padding: 10px; display: none; border: 1px solid #d2d1d1; }
.panierv3Pic .productPic:first-child { display: block; }
/* Articles */
.panierv3ProductTitle td { background: #ebebeb; height: 30px; font-weight: bold; font-size: 0.9em; text-align: center; border-top: 1px solid #d2d1d1; border-bottom: 1px solid #d2d1d1; padding: 10px; /* BS3.1.1Fix */ }
.panierv3ProductTitle .Tcol_0 { /*border-left: 1px solid #d2d1d1;*/ }
.panierv3ProductTitle .Tcol_end { /*border-right: 1px solid #d2d1d1;*/ }
.panierv3Product td { border-bottom: 1px /*dotted*/ solid #d2d1d1; text-align: center; vertical-align: top; line-height: 1.25; }
.panierv3ProductTitle .Tcol_0, .panierv3ProductTitle .Tcol_1 { text-align: left; }
.panierv3Product .Tcol_0, .panierv3Product .Tcol_1 { text-align: left; font-size: 0.8em; }
.panierv3Product .panierv3ProductName { font-weight: bold; font-size: 1.25em; }
.panierv3Product { /*font-size: 0.9em;*/ background: #fff; }
.panierv3Product td { padding: 10px; /* BS3.1.1Fix */ }
.panierv3Product:hover { background: #f6f6f6/*#ebf4f9*/; }
.productTotal { white-space: nowrap; }
.panierv3ProductModalite { color: #a94442;font-size: 0.9em; }
/* Détails */
.panierv3ProductOptionsShow, .panierv3TVAShow, .panierv3FDPShow, .panierv3FDPShowTtc {
	float: left; cursor: pointer; margin: 1px 5px 0 0; color: #656669; line-height: 10px; height: 10px; width: 10px; text-align: center; border: 1px solid #656669; background: #fff; text-decoration: none;
	/* opacity */
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
	position: relative !important;
	/* border-radius */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* FIX IE CSS3 */
	behavior: url(/js/PIE.htc);
}

.panierv3TVAShow,.panierv3FDPShow,.panierv3FDPShowTtc { float: none; display: inline-block; line-height: 10px; }
.fdpDetails td,.fdpDetailsTtc td {text-transform: none;}

.panierv3ProductOptionsShow:hover, .panierv3TVAShow:hover, .panierv3FDPShow:hover, .panierv3FDPShowTtc:hover {
	/* opacity */
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
	text-decoration: none;
}

.panierv3ProductOptions { margin: 8px 0 0; display: none; }
/* Qte */
.panierv3QuantityOptions { white-space: nowrap; }
.panierv3QuantityOptions * { vertical-align: middle; }
.panierv3QuantityOptions a { display: inline-block !important; }
.panierv3QuantityOptions .panierv3ProductModalite {  white-space: normal;  }
.panierv3QuantityOptions .tipinfos {  width: auto;height: auto;min-height: 16px; background-position: right;padding-right: 20px;color: #a94442;overflow: auto;  }
.panierv3QuantityOptions .tipinfos:hover{  color: #a94442;     }
.panierv3ProductRemove { background: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/panierv3_remove.png) no-repeat center center; display: inline-block; height: 15px; overflow: hidden; text-decoration: none; width: 15px; }
.panierv3ProductAdd { background: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/panierv3_add.png) no-repeat center center; display: inline-block; height: 15px; overflow: hidden; text-decoration: none; width: 15px; }
.panierv3container .panierv3ProductQuantity[type="number"] { color: #654339; font-size: 10px; text-align: center; width: 27px; margin: 0; -moz-appearance: textfield; }
.panierv3container .panierv3ProductQuantity::-webkit-inner-spin-button,
.panierv3container .panierv3ProductQuantity::-webkit-outer-spin-button { -webkit-appearance: none; }
.panierv3container .panierv3ProductQuantity::-o-inner-spin-button,
.panierv3container .panierv3ProductQuantity::-o-outer-spin-button { -o-appearance: none; }

.panierv3ProductDelete {
	background: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/panierv3_suppr.png) no-repeat center center; height: 16px; width: 16px; overflow: hidden; text-indent: -500px; float: right; margin-right: 10px;
	/* opacity */
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position: relative !important;
}
.panierv3ProductCadeau { position: relative; padding-left: 20px; }

.panierv3ProductCadeau::before {
	content: ""; display: inline-block; width: 16px; height: 16px;margin: -6px 4px 0px -20px; background: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/cadeau.png) no-repeat top left;vertical-align: middle;
}

.panierv3ProductDelete:hover {
	/* opacity */
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
/* Disponibilite */
.panierv3Disponibilite { font-weight: bold; }

/* Total */
.panierv3TotalTable { margin-top: 20px; }
.panierv3Total {
	font-size: 1em; padding: 10px 20px 10px 10px; border: 1px solid #d2d1d1; text-transform: uppercase; /*width: 35%;*/
	/* border-radius */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    /* NO FIX IE CSS3 */
    behavior: url(/js/PIE.htc);
}
.panierv3Total tr { margin-bottom: 5px; }
.panierv3Total td { text-align: right; padding: 2px; white-space: nowrap; }
.panierv3TotalTvaLast { border-bottom: 1px solid #ccc; }
/* Code promo */
.bloc_pts_fidelite{margin-bottom: 20px;}
.bloc_code_promo,.bloc_add_ref_catalogue{margin-bottom: 15px;}
.panierv3Promo { padding: 0; }
.panierv3PromoDesc { margin: 0 0 6px; color: #656669; font-style: italic; display: block; text-align: left; }
#ModBoutiquePanierForm .ref{ padding: 2px 5px; margin: 0 10px 3px 0px; width: 120px; }
#ModBoutiquePanierForm .qte{ padding: 2px 5px; margin: 0 5px 3px 5px; width: 35px;text-align: center }
#ModBoutiquePanierForm .promoCode{ padding: 2px 5px; margin: 0 5px 3px 5px; width: 100px; }
#ModBoutiquePanierForm .promoSubmit {
	padding: 2px 5px; color: #656669; cursor: pointer; border: 1px solid #d2d1d1;
	/* box-shadow & border-radius & gradient */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 1px 0 #fff inset;
	-moz-box-shadow: 0 0 1px 0 #fff inset;
	box-shadow: 0 0 1px 0 #fff inset;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#f9f9f9), color-stop(100%,#e1e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #f9f9f9 0%, #e1e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* FF3.6+ */
	background: -ms-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* IE10+ */
	background: -o-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #f9f9f9 30%, #e1e2e2 100%); /* W3C */
	/* FIX IE CSS3 */
	-pie-background: linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%);
	behavior: url(/js/PIE.htc);
	position: relative !important;
	vertical-align: top;
}
#ModBoutiquePanierForm .promoSubmit:focus, #ModBoutiquePanierForm .promoSubmit:hover { color: #272730; text-decoration: none; }

/* notification */
#panierv3minibox .bloc_notification.panierv3minibox_btns{ position: inherit; top: 0px; right: 0px; }
#panierv3minibox .bloc_notification{margin-top: 20px;margin-bottom: 20px;}
#panierv3minibox .bloc_notification .notif_mail { padding: 2px 5px; margin: 0 5px 3px 0px; width: 200px; }
#panierv3minibox .bloc_notification .notif_submit {
    float: none !important;
}


/* **************** Mode de livraison *************** */
/* Comptes */
.panierv3CompteTitle { font-size: 1.8em; line-height: 1.2em; padding: 0 0 20px 0; margin: 0 0 10px; border-bottom: 1px solid #d2d1d1; }
.panierv3CompteDesc { color: #656669; font-size: 1em; font-style: italic; margin: 0 0 16px; }
.panierv3TableRight .panierv3CompteDesc { width: 45%; float: left; }
.panierv3CompteNouveau { width: 45%; float: right; }
.panierv3CompteFormLine label { display: block; margin: 5px 0 3px; }
.panierv3CompteFormLine input { padding: 2px; width: 75%; }
.panierv3CompteFormLine input[type="button"] { background: #3c3c3c; border: none; color: #ebebeb; font-size: 0.9em; cursor: pointer; margin: 8px 0 24px 1px; padding: 5px /*4px*/8px 3px; width: auto; }
.panierv3CompteFormLine input[type="button"]:hover { color: #fff; }

/* Comptes - Ajustements RGPD mot de passe */
.panierv3CompteFormLine + .form-group.extv2-pwd-meter { padding-top: 5px; width: calc(75% + 12px); }
.panierv3CompteFormLine + .form-group.extv2-pwd-meter .extranetv2PasswordMeterOk { width: 26px; height: 26px; }
.panierv3CompteFormLine + .form-group.extv2-pwd-meter .extranetv2PasswordMeterOk:after { width: 26px; height: 26px; background: url('/icos_tu02_FFFFFF_26'); }
.panierv3CompteFormLine + .panierv3CompteFormLine.extv2-pwd-wrp .extV2PassHideToggle { bottom: 13px; right: auto; left: 82%; }

/* Oubli */
.panierv3ComptePassForgotten {}
.panierv3ComptePassForgotten a { color: #272730; font-weight: bold; text-decoration: none; }
.panierv3ComptePassForgotten a:focus, .panierv3ComptePassForgotten a:hover { color: #272730; text-decoration: underline; }
/* Adresses */
.panierv3CompteAdress { font-size: 1.5em; line-height: 1.2em; padding: 0 0 5px 0; border-bottom: 1px solid #d2d1d1; margin: 0 0 10px; }
.panierv3CompteAdress.lg { margin-top: 10px; }
.panierv3CompteAdressWrapper { color: #656669; }
.panierv3CompteAdressBilling { margin: 0 0 20px; }
.panierv3CompteAdressModify { color: #272730; font-weight: bold; text-decoration: none; display: inline-block; margin: 5px 0 0; }
.panierv3CompteAdressModify:focus, .panierv3CompteAdressModify:hover { text-decoration: underline; color: #272730; }
/* Changement adresses */
.panierv3CompteAdressModify.panierv3Quit { display: block; text-align: center; margin: 0; font-weight: normal; color: #656669; }
.panierv3CompteAdressModify.panierv3Quit:focus, .panierv3CompteAdressModify.panierv3Quit:hover { text-decoration: none; color: #272730; }
/* Transporteur */
.panierv3TransportLine > td {
	cursor: pointer; color: #656669;
	/* opacity */
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	white-space: normal;
}
.panierv3TransportChecked > td{
	color: #272730; background-color: #ebebeb; border-top: 1px solid #d2d1d1; border-bottom: 1px solid #d2d1d1; white-space: normal;
	/* opacity */
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.panierv3TransportChecked.hasLineBis > td { border-bottom: none; }
.panierv3TransportChecked.hasLineBis > td.panierv3TransportCheckCell { border-radius: 6px 0 0 0; }
.panierv3TransportChecked.hasLineBis > td.panierv3TransportInfos { border-radius: 0 6px 0 0; }
.panierv3TransportChecked + .panierv3TransportLineBis > td { border-radius: 0 0 6px 6px; padding: 0 15px; background-color: #ebebeb;border-bottom: 1px solid #d2d1d1;border-left: 1px solid #d2d1d1;border-right: 1px solid #d2d1d1;}
.panierv3TransportLine:last-child > td { /*border: none;*/ }
.panierv3TransportCheckCell { background: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/panierv3_uncheck.png) no-repeat center center; padding: 20px !important; border-radius: 6px 0 0 6px; }
.panierv3TransportChecked .panierv3TransportCheckCell { background-image: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/panierv3_check.png); border-left: 1px solid #d2d1d1; }
.panierv3TransportPic { text-align: center; width: 1%; }
.panierv3TransportPic > img { max-height: /*120*/80px; max-width: /*160*/120px; }
.panierv3TransportMode > span { font-weight: bold; font-size: 1.25em; }
.panierv3TransportMode .panierv3TransportDetail { margin: 5px 0 0 0; font-size: 1em; line-height: 1.35em; display: none; }
.panierv3TransportChecked .panierv3TransportMode .panierv3TransportDetail { display: /*table*/block; }
.panierv3TransportDetail span { white-space: nowrap; }
.panierv3TransportDetailSeller { padding: 0 20px 0 0; }
.panierv3TransportDetailSeller span { font-weight: bold; white-space: normal; }
td.panierv3TransportPrice { text-align: right; line-height: 1.5em; text-transform: uppercase;white-space: nowrap; /*width: 30%;*/ }
.panierv3TransportPrice span { white-space: nowrap; }
.panierv3TransportInfos {
	width: 16px;
	/* border-radius */
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
	/* NO FIX ON TD */
}
.panierv3TransportChecked .panierv3TransportInfos { border-right: 1px solid #d2d1d1; /**/ width: 1%; }
a.tipinfos { display: inline-block; width: 16px; height: 16px; background: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/panierv3_infos.png) no-repeat center center; text-decoration: none; overflow: hidden; }
.panierv3TipInfos {
	background: #ebebeb; border: 1px solid #656669; padding: 10px; max-width: 400px;
	-webkit-box-shadow: 0 0 5px #ccc inset;
	-moz-box-shadow: 0 0 5px #ccc inset;
	box-shadow: 0 0 5px #ccc inset;
	/* NO FIX ON TIPS */
}
.tooltip-inner{ max-width: 100%; }



/* **************** Moyen de paiement *************** */
.panierv3TablePaiement .panierv3TableLeft { background: none; padding: 0; }
.panierv3TablePaiement .panierv3TableLeft > table, .panierv3TablePaiement .panierv3TableRight > table { border-collapse: separate; border-spacing: 10px; }
.panierv3Paiement {
	border: 1px solid #d2d1d1; cursor: pointer; background: #fff/*ebebeb*/;
	/* border-radius */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* NO FIX ON TD */
}
.panierv3TablePaiement .panierv3TableRight { padding: 0; }
.panierv3PaiementPic { float: right; margin: 0 0 10px 20px; }
.panierv3Paiement a { color: #656669; font-weight: bold; font-size: 1.2em; text-decoration: none; display: block; padding: 4px 0 0 25px; background: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/panierv3_uncheck.png) no-repeat left center;text-transform: uppercase; }
.panierv3Paiement a:focus, .panierv3Paiement a:hover { color: #656669; text-decoration: none; }
.panierv3PaiementSelected { background: #ebebeb/*fff*/; /*border: none;*/ }
.panierv3PaiementSelected a { background-image: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/panierv3_check.png); color: #272730; text-decoration: none; }
.panierv3PaiementSelected a:focus, .panierv3PaiementSelected a:hover { color: #272730; text-decoration: none; }
.panierv3PaiementTitle { font-weight: bold; font-size: 1.8em; line-height: 1.2em; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #d2d1d1;text-transform: uppercase; }
#paiement_CB .panierv3PaiementTitle { /*margin: 0; display: none;*/ }
.panierv3PaiementDesc { display: none; }
.panierv3PaiementDescSelected { display: block; }
.panierv3BankChoice { margin-bottom: 10px; }
.panierv3BankChoice label { display: block; cursor: pointer; }
.panierv3BankPic { vertical-align: middle; margin: 0 15px 0 5px; }
.panierv3BankDesc { display: none; color: #656669; font-style: italic; }
.panierv3BankDescSelected { display: block; }



/* **************** Validation de commande *************** */
.panierv3checkbox::before { content: ''; background: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/panierv3_uncheck.png) no-repeat left top; cursor: pointer; display: inline-block;width:18px;height: 18px;vertical-align: middle;margin: -6px 7px 0 -25px;  }
.panierv3checkbox { padding: 3px 0 2px 25px;margin-left: 15px; }
.panierv3checkboxSelected::before { background-image: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/panierv3_check.png); }
.cgv_pdv { margin-bottom: 15px; }
.cgvSqueeze { color: #272730; font-weight: bold; text-decoration: none; }
.cgvSqueeze:focus, .cgvSqueeze:hover { text-decoration: underline; color: #272730; }
#panierv3Required { display: none; color: #e96800; font-style: italic; font-size: 0.9em; margin-left: 35px; }
.panierv3ValidateStep3 {
	padding: 5px 10px; color: #fff; font-weight: normal; font-size: 1.5em; line-height: 1.2em; text-decoration: none; display: inline-block; margin: 5px 0 0; border: 1px solid transparent;	
	/* box-shadow & border-radius & gradient */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 1px 0 #4e8100 inset;
	-moz-box-shadow: 0 0 1px 0 #4e8100 inset;
	box-shadow: 0 0 1px 0 #4e8100 inset;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#a2d14e), color-stop(100%,#5fac00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #a2d14e 0%, #5fac00 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* FF3.6+ */
	background: -ms-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* IE10+ */
	background: -o-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #a2d14e 30%, #5fac00 100%); /* W3C */
	/* FIX IE CSS3 */
	-pie-background: linear-gradient(center top, #a2d14e 30%, #5fac00 100%);
	behavior: url(/js/PIE.htc);
	position: relative !important;
}
.panierv3ValidateStep3:hover {
	/* gradient */
	background: -moz-linear-gradient(center top , #81c718 30%, #5fac00 100%);
	background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#81c718), color-stop(100%,#5fac00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* FF3.6+ */
	background: -ms-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* IE10+ */
	background: -o-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #81c718 30%, #5fac00 100%); /* W3C */
	/* FIX IE CSS3 */
	-pie-background: linear-gradient(center top, #81c718 30%, #5fac00 100%);
	behavior: url(/js/PIE.htc);
}
.panierv3ValidateStep3:focus, .panierv3ValidateStep3:hover { color: #fff; text-decoration: none; }
.panierv3ValidateStep3 strong { white-space: nowrap; }
/* Bouton de retour à la boutique */
.panierv3Quit_wrapper { display: none; margin: 15px 0 5px; }
.panierv3Quit_wrapper .panierv3Quit { display: inline-block; }



/* **************** Commentaire *************** */
.panierv3EtapeComment { margin: 0px 0 15px; }
.panierv3EtapeComment label { display: inline-block; margin: 0 0 5px; color: #656669; font-style: italic; }
#panierv3Comment { border: 1px solid #d2d1d1; height: 62px; width: 80%; padding: 5px; color: #272730; }


/* Popup PRODUIT AJOUTE */
.panierv3lightbox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background:#000; z-index: 10000;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
.panierv3minibox { position: fixed; left: 50%; top: 50%; margin: -130px 0 0 -200px; width: 400px; height: auto; background: #fff; z-index: 10001; padding-bottom: /*40*/20px; }
.panierv3minibox_content { padding: 20px 20px 60px; min-height: 120px; position: relative; }
.boite_msg .panierv3minibox .panierv3minibox_content {min-height: 0;}
.panierv3minibox h4 { border-bottom: 1px solid #d2d1d1; font-size: 1.8em; line-height: 1.2em; margin: 0 0 12px; padding: 0 0 12px; }
/* Descritption */
.panierv3minibox_desc { padding: 0;overflow: auto; }
.panierv3minibox_desc .titre1 { font-size: 1.2em; line-height: 1.2em; font-weight: bold; }
.panierv3minibox_desc .titre2 {}
.panierv3minibox_desc .tarif { font-size: 1.75em; line-height: 1.2em; font-weight: bold; float: right; margin: 5px 10px; }
.panierv3minibox_desc #reservation_heure { width: auto;margin-bottom: 0; }
.panierv3minibox_desc .ftemplate .groupe_check label {  display: inline-block; }

/* Boutons */
.panierv3minibox .panierv3minibox_btns { position: absolute; left: 20px; right: 20px; bottom: 0; }
.panierv3minibox .butg {
	color: #656669; text-decoration: none; border: 1px solid #d2d1d1; padding: 5px 10px; float: left; margin-right: 10px;
	/* box-shadow & border-radius & gradient */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 1px 0 #fff inset;
	-moz-box-shadow: 0 0 1px 0 #fff inset;
	box-shadow: 0 0 1px 0 #fff inset;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#f9f9f9), color-stop(100%,#e1e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #f9f9f9 0%, #e1e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* FF3.6+ */
	background: -ms-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* IE10+ */
	background: -o-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #f9f9f9 30%, #e1e2e2 100%); /* W3C */
	/* FIX IE CSS3 */
	-pie-background: linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%);
	behavior: url(/js/PIE.htc);
	position: relative !important;
}
.panierv3minibox .butg:focus, .panierv3minibox .butg:hover { color: #272730; text-decoration: none; }

.panierv3minibox .butr {
	color: #fff; font-weight: bold; text-decoration: none; border: 1px solid transparent; padding: 5px 10px; float: right; margin-left: 10px;
	/* box-shadow & border-radius & gradient */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 1px 0 #4e8100 inset;
	-moz-box-shadow: 0 0 1px 0 #4e8100 inset;
	box-shadow: 0 0 1px 0 #4e8100 inset;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#a2d14e), color-stop(100%,#5fac00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #a2d14e 0%, #5fac00 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* FF3.6+ */
	background: -ms-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* IE10+ */
	background: -o-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #a2d14e 30%, #5fac00 100%); /* W3C */
	/* FIX IE CSS3 */
	-pie-background: linear-gradient(center top, #a2d14e 30%, #5fac00 100%);
	behavior: url(/js/PIE.htc);
	position: relative !important;
}
.panierv3minibox .butr:hover {
	/* gradient */
	background: -moz-linear-gradient(center top , #81c718 30%, #5fac00 100%);
	background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#81c718), color-stop(100%,#5fac00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #81c718 0%, #5fac00 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* FF3.6+ */
	background: -ms-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* IE10+ */
	background: -o-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #81c718 30%, #5fac00 100%); /* W3C */
	/* FIX IE CSS3 */
	-pie-background: linear-gradient(center top, #81c718 30%, #5fac00 100%);
	behavior: url(/js/PIE.htc);
}
.panierv3minibox .butr:focus, .panierv3minibox .butr:hover { color: #fff; text-decoration: none; }

/* Total */
.panierv3minibox_total { position: absolute; left: 0; right: 0; bottom: 0; padding: 5px 10px; font-size: 0.9em; text-align: right; border-top: 1px solid #d2d1d1; }

/* Cross selling */
.panierv3minibox_footer { padding: 20px 20px 0; }

.panierv3 textarea.ffError, .panierv3 input[type="text"].ffError, .panierv3 input[type="password"].ffError, .panierv3 input[type="datetime"].ffError, .panierv3 input[type="datetime-local"].ffError, .panierv3 input[type="date"].ffError,.panierv3 input[type="month"].ffError, .panierv3 input[type="time"].ffError, .panierv3 input[type="week"].ffError, .panierv3 input[type="number"].ffError, .panierv3 input[type="email"].ffError, .panierv3 input[type="url"].ffError, .panierv3 input[type="search"].ffError, .panierv3 input[type="tel"].ffError, .panierv3 input[type="color"].ffError,.ffError { background-color: #F2DEDE; border: 1px solid #B94A48; color: #B94A48; }

/* element de formulaire */
.panierv3TableBorder input { border: 1px solid #D2D1D1; color: #272730; padding: /*3px*/4px 6px; }
.panierv3TableLeft input { width: /*auto*/90%; }
.panierv3TableBorder select	{ border: 1px solid #D2D1D1; color: #272730; padding: /*3px*/4px 6px;/*width: auto;*/ }
.panierv3TableBorder textarea { border: 1px solid #D2D1D1; color: #272730; padding: /*3px*/4px 6px; }
.panierv3TableBorder select { -moz-appearance: none; -webkit-appearance: none; appearance: none; padding-right: 20px; background: #fff url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat right 2px center; }

/* Styles de texte panier */
.panierv3Texte1 { font-weight: bold; color: #272730; font-style: normal; font-size: 11px; }

/* Adresses */
.panierv3AdressItem { display: inline-block; *display: inline; /* IE6-7 hack */ vertical-align: bottom; margin: 10px 12px 0 0; width: 195px; }
.panierv3AdressItemActions { padding: 0 20px 15px; vertical-align: middle; line-height: 12px; }
.panierv3AdressItem .panierv3EtapeTitle { font-size: 1em; }
.panierv3EtapeTitle.selected span { padding: 5px 15px 7px; text-align: left; }

.panierv3AddressAdd { clear: both; float: left; }

/* mot de passe oublié */
.panierv3_connexion_mdp { display:none;	}



/* **************************** */
/* MON COMPTE */
/* **************************** */
/* Déconnexion */
.comptev3Connected { margin-bottom: 20px; }
.comptev3Connected .name { text-transform: uppercase; }
.comptev3Connected .comptev3Disconnect {
    color: #fff; font: normal 11px/1em Arial, sans-serif; text-decoration: none; display: inline-block; padding: 2px 8px; margin-left: 8px;
    /* box-shadow & border-radius & gradient */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px 0 #ae0000 inset;
    -moz-box-shadow: 0 0 1px 0 #ae0000 inset;
    box-shadow: 0 0 1px 0 #ae0000 inset;
    background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#e28888), color-stop(100%,#df2010)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(center top, #e28888 0%, #df2010 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(center top, #e28888 30%, #df2010 100%); /* FF3.6+ */
    background: -ms-linear-gradient(center top, #e28888 30%, #df2010 100%); /* IE10+ */
    background: -o-linear-gradient(center top, #e28888 30%, #df2010 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #e28888 30%, #df2010 100%); /* W3C */
    /* FIX IE CSS3 */
    -pie-background: linear-gradient(center top, #e28888 30%, #df2010 100%);
    behavior: url(/js/PIE.htc);
    position: relative !important;
}

/* Tableaux */
.comptev3container { margin-bottom: 32px; color: #272730; }
#comptev3Infos, #comptev3AutoDelete { margin: 40px 0 0; }
.panierv3TableCommandes thead td { background: #ebebeb; font-weight: bold; text-transform: uppercase; /*border-bottom: 1px solid #d2d1d1;*/ }
.panierv3TableCommandes tbody td { border-bottom: 1px dotted #d2d1d1; }
.panierv3TableCommandes tbody tr:hover td { background-color: #f6f6f6; }
.panierv3TableCommandes tbody tr:last-child td { border: none; }

/* Je modifie mes coordonnées */
#comptev3Infos #compte_save_contact_msg .divOK, #comptev3Infos #compte_save_contact_msg .divError { margin: 0; }
#comptev3Infos .civilite_mr, #comptev3Infos .civilite_mlle, #comptev3Infos .civilite_mme { margin-right: 4px; display: inline-block; }
#comptev3Infos .civilite_mr input, #comptev3Infos .civilite_mlle input, #comptev3Infos .civilite_mme input { margin: 0 2px 0 0; vertical-align: baseline; }
#comptev3Infos .comptev3InfosBtn, #comptev3AutoDelete .comptev3InfosBtn  { background: #3c3c3c; border: medium none; color: #ebebeb; cursor: pointer; font-size: 0.9em; margin: 8px 0 0; padding: 5px 4px 3px; }
#comptev3Infos .comptev3InfosBtn:hover, #comptev3AutoDelete .comptev3InfosBtn:hover  { color: #fff; }
#comptev3Infos .panierv3CompteAdressModify { margin-top: 24px; }
#showBoxEmail, #showBoxPass, #showBoxNewsletter { font-size: 1.2em; font-weight: bold; padding: 12px 0 18px; margin-bottom: 12px; border-bottom: 1px solid #d2d1d1; cursor: pointer; }
#changeEmail, #changePass,#changeNewsletter, #comptev3Infos .panierv3CompteAdressModify {
    border: 1px solid #d2d1d1; padding: 0 20px 20px; background: #ebebeb; line-height: 1.1em; margin-bottom: 12px;
    /* border-radius */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /* NO FIX *//* Hauteur de boîte variable */
}

.panierv3TableCommandes .panierv3ValidateStep1 { margin-left: 15px; }

#changePass, #changeEmail, #changeNewsletter { max-height: 20px; overflow: hidden; -moz-transition: max-height 1200ms ease; -webkit-transition: max-height 1200ms ease; -o-transition: max-height 1200ms ease; transition: max-height 1200ms ease; }
#changePass.active, #changeEmail.active , #changeNewsletter.active { max-height: 400px; }

#changePass .row.row-fluid.extv2-pwd-wrp .extV2PassHideToggle { bottom: 11px; }

/* Comptes - Ajustements RGPD mot de passe */
#changePass .extranetv2PasswordMeterContainer.pOk .extranetv2PasswordMeter { background: transparent; }
#changePass .extranetv2PasswordMeterInfos { padding-left: 10px; padding-right: 10px; padding-top: 10px; }
#changePass .form-group.panierv3-pwd-meter { margin-bottom: 0; }
#changePass .form-group.panierv3-pwd-meter .row [class*="col"] { min-height: 0; }
#changePass .form-group.panierv3-pwd-meter .extranetv2PasswordMeterContainer { top: -5px; }
#changePass .form-group.panierv3-pwd-meter .extranetv2PasswordMeterOk { width: 20px; height: 20px; }
#changePass .form-group.panierv3-pwd-meter .extranetv2PasswordMeterOk:after { width: 26px; height: 26px; background: url('/icos_tu02_FFFFFF_20'); }

#comptev3Infos .panierv3CompteAdressModify { padding-top: 12px; height: 8px; margin: 0; font-size: 1.2em; font-weight: bold; }
#comptev3Infos .panierv3CompteAdressModify:focus, #comptev3Infos .panierv3CompteAdressModify:hover { text-decoration: none; }
#changeEmail .email { font-weight: bold; }

.tpl_mon_compte_inc .panierv3TableLeft { width: 50%; }
.tpl_mon_compte_inc .panierv3TableRight { width: 50%; }

#comptev3Infos.comptev3InfosOneCol .panierv3TableLeft,
#comptev3Infos.comptev3InfosOneCol .panierv3TableRight { width: 100%; float: none; }

/* Informations complémentaires */
#panierv3EtapeCompte .ligne { margin: 0 -10px; }
#panierv3EtapeCompte .ligne label { font-size: inherit; /*line-height: 1.2;*/ padding-left: 10px; padding-right: 10px; margin: 0; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 16.6667%; min-height: 30px; }
#panierv3EtapeCompte .ligne label > strong { font-weight: normal; }
#panierv3EtapeCompte .ligne.required label > strong:after { content: "*"; }
#panierv3EtapeCompte .ligne input,
#panierv3EtapeCompte .ligne select,
#panierv3EtapeCompte .ligne textarea { margin-left: 10px; margin-right: 10px; }

#panier_infos_complementaires table.ftemplate tr.ligne.required td:first-child label,
#panier_infos_complementaires div.ftemplate div.ligne.required > label { position: relative; padding-right: 10px; width: calc(100% - 20px); }
#panier_infos_complementaires table.ftemplate tr.ligne.required td:first-child label:after,
#panier_infos_complementaires div.ftemplate div.ligne.required > label:after { display: block; content: ''; position: absolute; top: 0; right: 0px; width: 8px; height: 8px; background: url('/globalflexit/clients/utils/images/asterisk-required-01.png') center center no-repeat; }


/* Popup détail */
.fpopup-detail-cmd.bodyPopup { padding-bottom: 0; }
.fpopup-detail-cmd , .fpopup-detail-cmd .tpl_detail_cmd , .fpopup-detail-cmd .tpl_detail_cmd #table_detail_cmd { height: 100%; }
.panierv3Commande { margin-bottom: 24px; }
.panierv3Commande .titre { color: #656669; font-size: 0.8em; text-transform: uppercase; margin-top: 8px; }
.panierv3Commande .date { font-size: 1.2em; }
.panierv3Commande .date .jour { font-size: 1.5em; }
.panierv3Commande .date .heure { line-height: 1em; }
.panierv3Commande .numero { font-size: 1.2em; color: #e96800; }
.panierv3Commande .paiement { font-size: 1.2em; }

.panierv3CommandeAdress .titreAdress { font-size: 1.2em; padding: 0 0 2px; margin: 12px 0 4px; border-bottom: 1px solid #d2d1d1; }
.panierv3CommandeAdress .adress { line-height: 1.1em; color: #656669; }

.panierv3CompteArticles thead td { border-color: #d2d1d1; border-style: solid; border-width: 1px 0 1px; white-space: nowrap; }
.panierv3CompteArticles thead td:first-child { border-left: 1px solid #d2d1d1; }
.panierv3CompteArticles thead td:last-child { border-right: 1px solid #d2d1d1; }
.panierv3CompteArticles tbody tr:last-child td { border-bottom: 1px dotted #d2d1d1; }
.panierv3DetailCommande { border: none; }
.panierv3DetailCommande .panierv3Total { margin-top: 24px; }
.panierv3DetailCommande .panierv3Total .totalht, .panierv3DetailCommande .panierv3Total .totalttc { font-weight: bold; white-space: nowrap; }
.panierv3DetailCommande tr.bdl.off {display: none;}
.panierv3DetailCommande tr.bdl2.on {color: #E96800;}
.panierv3DetailCommande tr.bdl2.off {color: #cccccc;}
.panierv3DetailCommande tr.bdl2.on a.detail {display: none;}

#btn_all_line { display: none; margin-top: 18px; }
#tit_detail_bdl { position: relative; display: none; }
#tit_detail_bdl h3 { color: #E96800; }

.panierv3List strike{white-space: nowrap;margin-right: 5px;font-size: 0.9em;color: #666;}

/* modele search_prix */
.boutique_search_prix_table .photo{ border-radius: 4px; font-size: 14px; min-height: 20px; line-height: 20px; margin-bottom: 10px; padding: 0; vertical-align: middle; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #555; }
.boutique_search_prix_table select.select_off { display: none; }
.boutique_search_prix_table .photo.sans { display: block; }
.boutique_search_prix_table .photo a { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #555; display: block; padding: 0 10px; }
.boutique_search_prix_table .photo img {margin: 10px; }
.boutique_search_prix_table .photo span{ display: block;padding: 0 10px; }
.boutique_search_prix_table .photo div { display: inline-block; position: relative; border: 1px solid #ccc; background-color: #fff;/* border-radius */-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; }
/*.boutique_search_prix_table .photo div a{ background: none repeat scroll 0 0 #000000;bottom: 6px;color: #FFFFFF;display: block;font-size: 10px;height: 15px;left: 10px;line-height: 15px;position: absolute;right: 10px;text-align: right;text-transform: uppercase;}*/

/* modele search_prix_tab */
.boutique_search_prix_tab_table { width: 100%; background: #fff; text-align: center;border-spacing : 0; }
.boutique_search_prix_tab_table td, .boutique_search_prix_tab_table th { padding: 10px; border-bottom: 1px solid #d2d1d1; background:#fff; }
.boutique_search_prix_tab_table thead th { border-top: 1px solid #d2d1d1; border-bottom: 1px solid #d2d1d1; background: #ebebeb; font-weight: bold; }
.boutique_search_prix_tab_table tbody tr:hover { background: #f6f6f6; }

.boutique_search_prix_tab_table [data-field="btn_panier"] { width: 1%; white-space: nowrap; }
.boutique_search_prix_tab_table .btq_qte_del { background: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/panierv3_remove.png) no-repeat center center; display: inline-block; vertical-align: middle; height: 15px; overflow: hidden; text-decoration: none; width: 15px; margin: 0 5px; }
.boutique_search_prix_tab_table .btq_qte_add { background: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/panierv3_add.png) no-repeat center center; display: inline-block; vertical-align: middle; height: 15px; overflow: hidden; text-decoration: none; width: 15px; margin: 0 5px; }
.boutique_search_prix_tab_table .btq_qte[type="number"] { display: inline-block; vertical-align: middle; width: 40px; height: 30px; border: 1px solid #ccc; padding: 4px 6px; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: textfield; text-align: center; }
.boutique_search_prix_tab_table .btq_qte[type="number"]::-webkit-inner-spin-button,
.boutique_search_prix_tab_table .btq_qte[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; }
.boutique_search_prix_tab_table .btq_qte[type="number"]::-o-inner-spin-button,
.boutique_search_prix_tab_table .btq_qte[type="number"]::-o-outer-spin-button { -o-appearance: none; }
.boutique_search_prix_tab_table .btq_qte:focus:-moz-placeholder { color: transparent; }
.boutique_search_prix_tab_table .btq_qte:focus::-moz-placeholder { color: transparent; }
.boutique_search_prix_tab_table .btq_qte:focus:-ms-input-placeholder { color: transparent; }
.boutique_search_prix_tab_table .btq_qte:focus::-webkit-input-placeholder { color: transparent; }

/* Popup choix de critères avec images */
.choix-criteres > .titre { font-size: 1.5em; line-height: 1.2em; margin: 0 0 20px; padding: 0 0 5px; border-bottom: 1px solid #d2d1d1; }
.choix-criteres .col-critere { float: none; display: inline-block; *display: inline; vertical-align: bottom; }
.choix-criteres .item { margin: 0 0 32px; }
.choix-criteres .libelle { display: block; font-size: 14px; line-height: 1.2em; margin: 0 0 6px; }
.choix-criteres .pic { border: 1px solid #d2d1d1; padding: 10px; margin: 0 0 5px; position: relative; }
.choix-criteres .pic > a { display: block; text-align: center; }
.choix-criteres .panierv3ValidateStep1 { display: block; padding: 2px 10px; margin: 8px 0 0; text-align: center; }

/* Popup choix de réservation */
.choix-reservation h1.titre     { font-size: 1.3em; line-height: 1.2em; padding: 0 0 5px; text-align: center; }
.choix-reservation .col_heure div { margin: 0 10px; font-family: arial, helvetica, sans-serif;font-size: 12px;font-weight: bold; text-align: center; }
.choix-reservation .col_heure div:last-child { height: auto !important; }
.choix-reservation .col_jour div   { position: relative; background: #f6f6f6; margin: 0 5px; }
.choix-reservation .case        {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; background: #6b6969;position: absolute; left: 0; width: 100%; min-height: 14px; text-align: center; }
.choix-reservation .case.nodispo { background: #e61f05; }
.choix-reservation .case span   { display: block;padding: 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #fff;}
.choix-reservation .case:hover,.choix-reservation .case:focus  { background: #393939;z-index: 1000000;text-decoration: none;  }
.choix-reservation table.tbl_entete  { margin: 0 auto; width: 100%; border: 0; }
.choix-reservation table.tbl_content { margin: 0 auto; width: 100%; border-collapse: collapse; }
.choix-reservation table.tbl_content tr td {padding: 0;  }
.choix-reservation table.tbl_content thead tr td {text-transform: uppercase; padding: 5px 0;  }
.choix-reservation .prev        { background: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/fleche_left.png) center center no-repeat;width: 12px;height: 22px;display: block;margin: 0 10px;  }
.choix-reservation .next        { background: url(/globalflexit/backoffice/modules/boutique/panier/front/templates/images/fleche_right.png) center center no-repeat;width: 12px;height: 22px;display: block;margin: 0 10px;   }
.bodyPopup.fpopup-criteres { padding: 0 !important; }

/* NEW 25/06/2020 */
.header-reservation { margin: 10px 0; }
.header-reservation .titre { margin: 0 0 10px; font-size: 1.2em; text-align: center; }
.header-reservation .wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; }
.header-reservation .col-prev, .header-reservation .col-next { min-width: 60px; }
.header-reservation .prev, .header-reservation .next { margin: 0; min-width: 60px; height: 100%; }
.header-reservation .col-change input { text-align: center; }

.choix-reservation .choix_jour { display: none; }
.choix-reservation .col_jour_nom { font-size: 12px; }

/* search prix tooltip */
.custom_tip_b .tip                             {   background-color: #fff;padding: 5px;border: 1px solid #ccc; }
.custom_tip_b .tip-title                       {   color: #666;background-color: #fff;font-size: 13px; }
.custom_tip_b .tip-text                        {   color: #999;font-size: 12px;    }
.boutique_search_prix_table td > a.tooltip_b   {   background: url(/globalflexit/backoffice/images_v3/icone/ico_non.gif) no-repeat left center;width: 9px;height: 9px;display: inline-block;height: 30px;margin: 0 0 0 5px !important;    }

.panierv3 .toggleOn                            {   cursor: pointer;     }
.panierv3 .toggleOff                           {   display: none;     }
.panierv3 .toggleChamp textarea,.panierv3 .toggleChamp input[type=text]                {   width: 100%     }
.panierv3 .toggleChamp div                     {   color: #dc0c19;}
.panierv3 .toggleChamp label                   {   font-size:inherit;line-height:normal; }

.panierv3minibox_content label                 {   display: block;     }

/* Les choses rajoutées pour le responsive de certains éléments */
.panierv3TblItemAboLabels { display: none; }

/* Parrainage */
.flexit-boutique-parrainage h3.fDefault { font-size: 18px !important; margin-top: 0; margin-bottom: 10px !important; }


/* Map relais */
.panierv3TransportLineBis > td { padding: 10px 0 0 0; }
.panierMapLine #panierMediaGmapContainer { position: relative;display: inline-block; height: 50vh; width: 70%; }
#media-gmap-overlay { position: absolute; z-index: 1;top: 0; left: 0; bottom: 0; right: 0; }

#panierMediaGmap { width: 100%; height: 100%;}

.panierRelaisSelected { font-size: 15px; position: relative; padding: 15px 0; }
.panierRelaisSelected.active .btn-edit { display: inline-block; }
.panierRelaisSelected.active label { display: block; }
.panierRelaisSelected label { display:none; font-size: 14px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #d2d1d1; }
.panierRelaisSelected .btn-edit, .panierRelaisSelected .btn-select { padding: 5px 11px; background-color: #5f5f5f; border-radius: 6px; font-size: 1em;cursor:pointer;color: #fff !important; text-decoration: none; margin: 5px 0 0; transition: all 250ms; }
.panierRelaisSelected .btn-edit { display: none; }
.panierRelaisSelected .btn-edit:hover, .panierRelaisSelected .btn-select:hover{ text-decoration: none; background-color: #848383; }
.panierRelaisSelected .relais-titre { font-weight: bold; font-size: 16px; color: #5f5f5f; }

.panierRelaisContainer { height:0;overflow: hidden; }

.panierMapDetailsItem .item-titre { color: #5f5f5f;font-size: 15px; font-weight: bold; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 2px solid; }
.panierMapDetailsItem .item-horaire table { margin: 15px 0 8px 0; width:100%; }
.panierMapDetailsItem .item-horaire td { padding: 5px; font-size: 14px; }
.panierMapDetailsItem .item-horaire tr:nth-child(odd) td { background-color: #f3f3f3; }
.panierMapDetailsItem .btn-select {cursor: pointer; background-color: #5f5f5f; color: white !important; text-transform: uppercase; font-weight: 500; padding: 5px 11px; text-align:center;border-radius: 3px; margin-top: 10px; display: block; }
.panierMapDetailsItem .btn-select:hover, .panierMapDetailsItem .btn-select:focus { background-color: #848383; }

.panierRelaisSearch input[type="text"] { margin: 0; }
.panierRelaisSearch .panierSearchVille { width: 200px; margin-bottom: 0; }
.panierRelaisSearch .panierSearchCp { width: 100px; }
.panierRelaisSearch label > div { text-transform: uppercase;font-weight: bold; font-size: 14px; color: #5f5f5f;}
.panierRelaisSearch label { margin-right: 10px; position: relative; }
.panierRelaisSearch { margin-bottom: 10px; }
.panierRelaisSearch .panierSearchVille option.panierRelaisNoResult { background-color: #797979; color: white; font-style: italic; }

.panierRelaisNoresult{ font-size: 15px; padding: 10px 5px; border: 1px solid grey; margin: 10px 0; border-radius: 4px; color: white; background-color: #5f5f5f;}
.panierv3TransportChecked + .panierv3TransportLineBis  { display: table-row; }
.panierv3TransportLineBis { display: none; }
.panierMapLine.active .panierRelaisContainer { height: inherit; }
.panierListRelais { padding-left: 0; margin: 0; overflow: auto;display: inline-block;height: 50vh; width: 30%; background: #fff;}
.panierListRelais > li { cursor:pointer;margin: 0;padding: 10px; border-left: 2px solid #d2d1d1; font-size: 14px; line-height: 1.25; }
.panierListRelais > li:hover, .panierListRelais > li.active { background-color: #f3f3f3; border-color: #5f5f5f; }
.panierListRelais > li .relais-titre { font-weight: bold;}
.panierRelaisControl .btn { display: inline-block; vertical-align: middle;background-color: transparent!important; padding:0;height: 36px; }
.panierRelaisControl .btn img:first-child { height: 36px; }
.panierRelaisControl .btn:hover img:first-child,
.panierRelaisControl .btn.active img:first-child{ height: 0; }
.panierRelaisControl .btn img:last-child { height: 0; }
.panierRelaisControl .btn:hover img:last-child,
.panierRelaisControl .btn.active img:last-child{ height: 36px; }
.panierRelaisControl .btn > img { -moz-transition: height 250ms ease; -webkit-transition: height 250ms ease; -o-transition: height 250ms ease; transition: height 250ms ease; }
.panierRelaisControl .btn.active { background-color: black; }

/* choix créneau */
.fdp_retrait_pdv_mag .panierv3Quit { margin-left: auto;  }

.popup_choix_ht_ttc .panierv3minibox_btns { text-align: center; }
.popup_choix_ht_ttc .panierv3minibox_btns a { float: none; }
.popup_choix_ht_ttc .panierv3minibox_btns a:first-child { margin-left: 0; }
.popup_choix_ht_ttc .panierv3minibox_btns a:last-child { margin-right: 0; }

#panierMediaGmapContainer .flexit-osm-popup { max-width: 100%; color: #272730; }

/* Quand l'option pour ne pas afficher les fdp + transporteur est activée */
#DivModBoutiquePanierForm.panierv3NoFdpTr .panierv3Total .totalfdpTtc { display: none; }
#DivModBoutiquePanierForm.panierv3NoFdpTr #panierv3EtapeTransport .panierv3TableBorder { overflow: hidden; }
#DivModBoutiquePanierForm.panierv3NoFdpTr #panierv3EtapeTransport .panierv3TableLeft { float: none; display: flex; width: auto; margin: 0 -20px; }
#DivModBoutiquePanierForm.panierv3NoFdpTr #panierv3EtapeTransport .panierv3TableLeft > div { flex: 1 1 50%;padding:0 20px; }
#DivModBoutiquePanierForm.panierv3NoFdpTr #panierv3EtapeTransport .panierv3TableRight { display: none; }
#DivModBoutiquePanierForm.panierv3NoFdpTr .panierv3CompteAdress { width: auto; display: block; vertical-align: top; }
#DivModBoutiquePanierForm.panierv3NoFdpTr .panierv3CompteAdressWrapper { width: auto; display: block; vertical-align: top; margin-bottom: 0; position: relative; }
#DivModBoutiquePanierForm.panierv3NoFdpTr .panierv3CompteAdressWrapper + hr { margin: 40px 0; }

.panierv3 .labelright > input { margin-top: 3px !important; }@charset "utf-8";

/*
CSS Document
Credits : reset & defaults style generated with http://twitter.github.com/bootstrap/
*/

/* ******************************** */
/* @media-queries */
/* ******************************** */

/* Landscape phone to portrait tablet */
@media (max-width: 1199px) {
    .panierv3TransportPic > img { max-width: 120px; }
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .panierv3TableBorder .panierv3TableLeft, .panierv3TableBorder .panierv3TableRight { float: none; width: 100%; }
    .panierv3CompteNouveau { float: none; width: 100%; }
    .panierv3ProductTitle { display: none !important; }
    .panierv3ProductTitle .Tcol_1 { /*border-left: 1px solid #d2d2d1;*/ }
    .panierv3Product td { vertical-align: middle; }
    .panierv3TransportMode > span { font-size: 1em; }
    .panierv3TransportPrice { font-size: 0.85em; }
    .panierv3EtapeComment { margin-top: 24px; }

    /* Informations complémentaires */
    #panierv3EtapeCompte .ligne label { display: block; width: auto; }

    /* Point relais */
    .panierMapLine .onglet, .panierMapLine #panierMediaGmapContainer.onglet { width: 100%;display: none; }
    .panierMapLine .onglet.active, .panierMapLine #panierMediaGmapContainer.onglet.active { display: block; }
    .panierListRelais > li { font-size: 14px;padding: 5px 0 5px 10px;}
    .panierListRelais > li .relais-titre { margin-bottom:5px; }
    .panierListRelais, .panierMapLine #panierMediaGmapContainer { height: 60vh; }

    .panierv3ProductCritere { display: block; }
    .panierv3ProductCritere > span { display: none; }
    .panierv3QuantityOptions a { display: none !important; }

    /* Panier mobile (User agent) */
    .panierv3Mobile .panierv3Product td { border: none; background: #f6f6f6; padding: 10px 0; }
    .panierv3Mobile .panierv3Product .Tcol_1 { border-top: 1px solid #d2d1d1; border-bottom: 1px solid #eee; background: #fff; padding-top: 30px; }
    .panierv3Mobile .panierv3ProductTitle + .panierv3Product .Tcol_1 { border-top: none; padding-top: 10px; }
    .panierv3Mobile .panierv3Product:last-child > td { border-bottom: 1px solid #d2d1d1; }
    .panierv3Mobile .panierv3ProductCritere { display: inline; }
    .panierv3Mobile .panierv3ProductCritere > span { display: inline; }
    .panierv3Mobile .panierv3QuantityOptions a { display: inline-block !important; }

    /* Popup choix de réservation */
    .header-reservation .titre { display: none; }

    .choix-reservation .choix_jour { margin: 0 0 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
    .choix-reservation .col_heure { width: 60px; }
    .choix-reservation .col_jour, .choix-reservation .col_jour_nom { display: none; }
    .choix-reservation .col_jour_nom.active { display: table-cell; width: auto; }
    .choix-reservation .col_jour.active { display: table-cell; }

    .choix-reservation .choix_jour a { display: inline-block; padding: 1vw; border: 1px solid #d2d1d1; color: inherit; border-radius: .25rem; }
    .choix-reservation .choix_jour a + a { margin-left: 1vw; }
    .choix-reservation .choix_jour a.active { background: #d2d1d1; color: #000; }

    /* Quand l'option pour ne pas afficher les fdp + transporteur est activée */
    #DivModBoutiquePanierForm.panierv3NoFdpTr #panierv3EtapeTransport .panierv3TableLeft { flex-wrap: wrap; }
    #DivModBoutiquePanierForm.panierv3NoFdpTr #panierv3EtapeTransport .panierv3TableLeft > div { flex: 1 1 100%;max-width: 100%; }
}

@media (max-width: 639px) {
    /* Le système de table forcé pour les mobiles */
    .panierv3TblItemsTitles { display: none; }
    .panierv3TblItem01, .panierv3TblItem02, .panierv3TblItem03, .panierv3TblItem04,
    .panierv3TblItem05 { display: inline-block; box-sizing: border-box; padding-bottom: 0 !important;  padding-top: 0 !important; border: none !important; }
    .panierv3TblItem01 { width: 45%; font-weight: bold; }
    .panierv3TblItem02 { width: 55%; text-align: right; }
    .panierv3TblItem03 { width: 50%; }
    .panierv3TblItem04 { width: 50%; text-align: right; }
    .panierv3TblItem05 { width: 100%; text-align: right; padding-bottom: 4px !important; border-bottom: 1px dotted #d2d1d1 !important; }
    .panierv3TableBorder tr:last-child .panierv3TblItem05 { border-bottom: none !important; }
    .panierv3TblItemAbo01, .panierv3TblItemAbo02, .panierv3TblItemAbo03, .panierv3TblItemAbo04,
    .panierv3TblItemAbo05 { display: inline-block; box-sizing: border-box; padding-bottom: 0 !important;  padding-top: 0 !important; border: none !important; }
    .panierv3TblItemAbo01 { width: 100%; font-weight: bold; padding-bottom: 4px !important; }
    .panierv3TblItemAbo02 { width: 50%; vertical-align: top; }
    .panierv3TblItemAbo03 { width: 50%; vertical-align: top; }

    .panierv3TblItemAvoir01, .panierv3TblItemAvoir02, .panierv3TblItemAvoir03, .panierv3TblItemAvoir04, .panierv3TblItemAvoir05,
    .panierv3TblItemAvoir06 { vertical-align: top; width: 50%; display: inline-block; box-sizing: border-box; padding-bottom: 0 !important;  padding-top: 0 !important; border: none !important; }
    .panierv3TblItemAvoir01 { padding-top: 4px !important; font-weight: bold; }
    .panierv3TblItemAvoir02 { padding-top: 4px !important; text-align: right; }
    .panierv3TblItemAvoir02 .panierv3TblItemAboLabels { display: inline-block !important; }
    .panierv3TblItemAvoir03 { }
    .panierv3TblItemAvoir04 { text-align: right; }
    .panierv3TblItemAvoir05 { padding-bottom: 4px !important; border-bottom: 1px dotted #d2d1d1 !important; }
    .panierv3TblItemAvoir06 { padding-bottom: 4px !important; text-align: right; border-bottom: 1px dotted #d2d1d1 !important; }
    .panierv3TableBorder tr:last-child .panierv3TblItemAvoir05, .panierv3TableBorder tr:last-child .panierv3TblItemAvoir06 { border-bottom: none !important; }

    .panierv3TblItemAboLabels { display: block; font-weight: bold; font-size: 0.9em !important; }


    /* Recherche point relais */
    .panierRelaisSearch label { display: inline-block;width:60%;margin-right: 0;box-sizing: border-box; }
    .panierRelaisSearch label:first-child {padding-right: 20px; width: 40%;}
    .panierRelaisSearch .panierSearchVille,
    .panierRelaisSearch .panierSearchCp { box-sizing: border-box;height: 30px!important;width: 100%; }
}

/* Landscape phones and down */
@media (max-width: 479px) {
    .panierv3EtapeTitle { text-align: center; }
    .panierv3EtapeTitle span { display: block; padding: 5px 15px; }
    .panierv3Validate a { display: block; margin-left: 0; text-align: center; }
    .panierv3PaiementPic { display: none; }
    .panierv3TransportPrice .intitule, .panierv3TransportPrice .htPrice { display: none; }

    /* Loader */
    .flexitLoaderBox { width: 240px; margin-left: -120px; }
    .flexitLoaderBoxWrapper h2 { font-size: 18px; margin: 0 0 12px; }
    .flexitLoaderBoxWrapper h3 { font-size: 13px; font-weight: normal; }

    /* Popup Ajout panier */
    .panierv3minibox h4 { font-size: 1.5em; font-weight: normal; }
    .panierv3minibox { width: 240px; margin-left: -120px; padding-bottom: 12px; margin-top: -150px; }
    .panierv3minibox_content { padding-bottom: 120px; }
    .panierv3minibox_desc { margin: 0 0 0 4px; }
    .panierv3minibox_desc .tarif { float: none; margin: 0 0 6px; }
    .panierv3minibox_desc .titre1 { margin-right: 32px; }
    .panierv3minibox .butg, .panierv3minibox .butr { display: block; float: none; text-align: center; margin: 0 0 6px; }
    .panierv3minibox_total { display: none; }

    /* NEW 15/05/2018 */
    .panierv3minibox { width: 90%; margin-left: 0; left: 5%; }
}