/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 6px;
}

q {
	quotes: "" "";
}

q:before, q:after {
	content: "";
	content: none;
}

input {
	box-sizing: border-box;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
	padding: 0 !important;
	border: 0 none !important;
}

/** Fin du reset */

fieldset {
	display: inline-block;
	-webkit-margin-start: 2px;
	-webkit-margin-end: 2px;
	-webkit-padding-before: 0.35em;
	-webkit-padding-start: 0.75em;
	-webkit-padding-end: 0.75em;
	-webkit-padding-after: 0.625em;
	border: 2px groove threedface;
	border-image: initial;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/** Phrase du haut */

#haut_de_page table {
	margin: auto;
	padding: 0;
	border: 0px solid black;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	background: transparent;
}

#haut_de_page tr {
	background: transparent;
	border: 0px solid black;
	padding: 0px;
	margin: 0px;
}

#haut_de_page td {
	background: transparent;
	border: 0px solid black;
	padding: 0px;
	margin: 0px;
}

.adherer {
	float: left;
	margin-top: 17px;
	padding-left: 40px;
	margin-right: -150px;
}

.adherer a {
	text-decoration:none;
	margin-left:auto;
	margin-top:25px;
	font-size:17pt;
	font-family: "cursive";
	text-align:center;
	color:#E84A5F;
}

.adherer a:hover {
	color: red;
}

.acceder_panier_haut {
	float: right;
	margin-top: -55px;
	padding-right: 40px;
}

.acceder_panier_haut a {
	text-decoration:none;
	margin-left:auto;
	margin-top:25px;
	font-size:17pt;
	font-family: "cursive";
	text-align:center;
	color:#E84A5F;
}

.acceder_panier_haut a:hover {
	text-decoration:underline;
	color:red;
}

.div_haut {
	width: 100%;
	z-index: 100;
	background: #FFE4B5;
	top: 0;
}

.div_haut img {
	vertical-align: middle;
	padding: 3px;
	margin: 6px;
}

.div_haut img.logo_ab {
	border-radius: 3px;
	box-shadow: 0px 0px 6px 0px black;
	max-width: 60px;
	max-height: 60px;
}

.div_haut div {
	margin-right: 170px;
	width: 144px;
	min-width: 144px;
}

.div_haut .ab_2 {
	display: none;
}

.div_haut .col_ancienne {
	margin-left: 110px;
}

.div_haut td {
	vertical-align: middle;
}

.div_haut h1 {
	text-align: center;
	font-family: cursive;
	font-size: 22pt;
	padding-top: 5px;
	vertical-align: mid;
}

.div_haut h3 {
	text-align: center;
	font-family: cursive;
	font-size: 15pt;
}

@media (max-width: 1280px) {
	/* Masquage/affichage des logos */
	.div_haut .col_ancienne, .div_haut .ab { display: none; }
	.div_haut .ab_2 { display: block; }

	/* Suppression des marges */
	.div_haut .col_ancienne, .div_haut div { margin: 0px; width: auto; min-width: 0px; }
}

@media (max-width: 800px) {
	.div_haut h1 { font-size: 14pt; }
	.div_haut h3 { font-size: 10pt; }
}

.hr_titre_haut {
	margin-bottom: -5px;
	border: 3px solid #972E23;
}

.fond {
	margin-left: auto;
	margin-bottom: 10px;
	margin-right: auto;
	margin-top: 5px;
	width: 940px;
	background-color: #FFE4B5;
	box-shadow: 0px 0px 6px #000;
	padding-bottom: 1px;
	position: relative;
	z-index: 1;
}

.fond:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}

body {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	background-color: #972E23;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#520400), to(#972E23));
	background-image: -webkit-linear-gradient(top, #520400, #972E23);
	background-image: -moz-linear-gradient(top, #520400, #972E23);
	background-image: -o-linear-gradient(top, #520400, #972E23);
	background-image: -ms-linear-gradient(top, #520400, #972E23);
	background-image: -ms-linear-gradient(to bottom, #520400 0%, #972E23 100%);
	background-image: linear-gradient(top, #520400, #972E23);
}

header {
  width: 940px;
  background-color: #FFE4B5;
	border-radius: 10px;
}

.body_images {
	background: url(../images/fond_legumes.png) no-repeat left bottom fixed;
}

.contenu {
	margin-left: 226px;
	border-width: 0px;
	margin-bottom: 10px;
	padding: 10px;
	width: 684px;
	border-radius: 10px;
	background-color: #fff3d9;
	box-shadow: inset 0px 0px 5px 0px black;
	position: relative;
	z-index: 1;
}

.contenu:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
}


.toolbar {
	float:left;
	position:relative;
	padding-right: 9px;
	padding-left: 10px;
	min-height: 100%;
	width: 200px;
	height: auto;
	max-height: none;
}

.toolbar .chronopost {
	width: 200px;
}

.toolbar > div {
	margin-top: 16px;
}

.bandeau {
	position: relative;
	margin-left: 170px;
	margin-top: -160px;
	z-index: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.fest_mai{
	margin: 20px;
	padding: 10px;
	border: crimson solid 1px;
	background: white;
	font: 17pt "Handlee", serif;
	text-align: center;
	border-radius: 5px;
}

.fest_mai a{
	text-decoration:none;
}

.fest_mai a:hover{
	text-decoration:underline;
}

.users {
	font-size: 13pt;
	font-family: "Handlee", serif;
}

.div_users_info {
	width:140px;
	float:left;
	margin-top:-183px;
	margin-left:10px;
	box-shadow:0px 0px 3px black inset;
	border-radius:5px;
	padding:7px;
	background-color:#FFF3D9;
}

.div_users_info2 {
	box-shadow:0px 0px 3px black ;
	background-color: moccasin;
	padding:5px;
	border-radius:3px;
	position:relative;
	z-index:2;
}

.campagnes {
  margin-left: auto;
  margin-bottom: 15px;
  margin-right: auto;
  margin-top: 10px;
  display: block;
}

.logo {
	margin-bottom: 180px;
	margin-left: 30px;
	margin-top: 0px;
	position: relative;
	z-index: 1;
	width: 460px;
}

.arbre_droite {
	position: relative;
	float: right;
	z-index: 2;
	width: 80px;
}

.liberation {
	display: inline;
	margin-top: 5px;
}

.liberation_ie {
	display: none;
}

.mini_b {
	margin: 5px;
	padding: 5px;
}

.toolbar .mini_menu a {
	margin: 3px;
}

.toolbar .mini_menu a:hover {
  margin: 3px;
  opacity: 0.5;
}

.toolbar .mini_menu a:active {
  margin-left: 3px;
  margin-bottom: 3px;
  margin-right: 3px;
  margin-top: 10px;
  opacity: 0.25;
}

.mini_menu {
	margin-bottom: 20px;
	margin-top: 20px;
}

.titre_promo {
	font-size: 17pt;
	text-align: center;
	font-family: cursive;
	margin-bottom: 11px;
}

.image_promo {
	width: 208px;
	padding: 5px;
	border-radius: 10px;
	background-color: #fff3d9;
	box-shadow: inset 0px 0px 5px 0px;
	margin-left: -6px;
}

/** Menu principal */
nav#nav_principal {
	padding: 5px;
	margin-right: auto;
	border-style: solid;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #FF9B39;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCB99), to(#FF9B39));
	background-image: -webkit-linear-gradient(top, #FFCB99, #FF9B39);
	background-image: -moz-linear-gradient(top, #FFCB99, #FF9B39);
	background-image: -o-linear-gradient(top, #FFCB99, #FF9B39);
	background-image: -ms-linear-gradient(top, #FFCB99, #FF9B39);
	background-image: linear-gradient(top, #FFCB99, #FF9B39);
	width: 912px;
	border-radius: 8px;
	box-shadow: inset 0px 0px 4px #000;
}

nav#nav_principal ul {
	text-align: center;
	z-index: 100;
	list-style-type: none;
}

/* Élement de menu de 1er niveau */
nav#nav_principal ul li {
	text-align: center;
	padding-right: 14px;
	padding-left: 14px;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-bottom:3px;
	position: relative;
	display: inline-block;

}

/* Lien des éléments de menu de 1er niveau */
nav#nav_principal ul li a {
	text-align: center;
	color: black;
	display: block;
	text-decoration: none;

	font-family: "Verdana", sans-serif;
	font-size: 15px;
}

nav#nav_principal ul li a:hover {
	display: block;
	text-decoration: none;
	font-family: "Verdana", sans-serif;
	font-size: 15px;
}

/* Element de menu de 1er niveau quand on survole */
nav#nav_principal ul li:hover {
	font-style: italic;
	text-shadow: 0px 0px 5px white;
	box-shadow: 0px 0px 3px 1px #000;
	border-radius: 5px;
	background-color: #FFA800;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCB99), to(#FFA800));
	background-image: -webkit-linear-gradient(top, #FFCB99, #FFA800);
	background-image: -moz-linear-gradient(top, #FFCB99, #FFA800);
	background-image: -o-linear-gradient(top, #FFCB99, #FFA800);
	background-image: -ms-linear-gradient(top, #FFCB99, #FFA800);
	background-image: linear-gradient(top, #FFCB99, #FFA800);
}

/* IE6 hack to get sub menu links to behave correctly */
* html nav#nav_principal ul li a {
	display: inline-block;
}

/** Menu 'La Boutique' */
nav#nav_principal ul li#mi_boutique {
	border-radius: 5px;
	border:2px red dotted;
}

nav#nav_principal ul li#mi_boutique > a {
	font-weight: bolder;
}

nav#nav_principal ul li#mi_boutique:hover {
	font-style: italic;
	text-shadow: 0px 0px 5px white;
	box-shadow: 0px 0px 3px 1px #000;
	border-radius: 5px;
	background-color: #FFA800;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCB99), to(#FFA800));
	background-image: -webkit-linear-gradient(top, #FFCB99, #FFA800);
	background-image: -moz-linear-gradient(top, #FFCB99, #FFA800);
	background-image: -o-linear-gradient(top, #FFCB99, #FFA800);
	background-image: -ms-linear-gradient(top, #FFCB99, #FFA800);
	background-image: linear-gradient(top, #FFCB99, #FFA800);
}

/* Sous-menu de 1er niveau */
nav#nav_principal ul li ul {
	position: absolute;
	left: 0;
	display: none;
	visibility: hidden;
	border-radius: 3px;
	margin-top: 3px;
	background-color: black;
}

/* Élement de sous-menu de 1er niveau (an)*/
nav#nav_principal ul li ul li {
	padding-left: 10px;
	padding-bottom: 3px;
	padding-right: 7px;
	padding-top: 3px;
	margin-left: 0px;
	margin-bottom: 1px;
	margin-right: 0px;
	background-color: #FFA800;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCB99), to(#FFA800));
	background-image: -webkit-linear-gradient(top, #FFCB99, #FFA800);
	background-image: -moz-linear-gradient(top, #FFCB99, #FFA800);
	background-image: -o-linear-gradient(top, #FFCB99, #FFA800);
	background-image: -ms-linear-gradient(top, #FFCB99, #FFA800);
	background-image: linear-gradient(top, #FFCB99, #FFA800);
	display: list-item;
	float: none;
	font-style: normal;
	text-align:left;
}

nav#nav_principal ul li ul li:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

nav#nav_principal ul li ul li:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	margin-bottom: 0px;
}

nav#nav_principal ul li ul li:hover:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

nav#nav_principal ul li ul li:hover:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

nav#nav_principal ul li ul li:hover {
	z-index: 110;
	background-color: #FF692E;
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
}

/** Menu 'La Boutique' > 'Promotions' */
nav#nav_principal ul li ul li#mi_promotions a {
	color: #df2516 !important;
}

/* All subsequent sub menu levels vertical offset after 1st level sub menu */
nav#nav_principal ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
nav#nav_principal ul li ul li a {
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
}

/* Holly Hack for IE \*/
/** html nav#nav_principal { height: 1%; }*/

/* ######### CSS for shadow added to sub menus  ######### */

/* shadow for NON CSS3 capable browsers */
.ddshadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

/* shadow opacity for NON CSS3 capable browsers. Doesn't work in IE */
.toplevelshadow {
	opacity: 0.8;
}

/** Pied de page */

#footer {
	height: 100%;
	margin: -5px auto 9px auto;
	width: 100%;
	padding: 5px 0px;
	clear: both;
	background: #FFE4B5;
}

#footer table {
	background: transparent;
	width: 100%;
	text-align: center;
	border: 0px;
}

#footer tr {
	background: transparent;
	border: 0px solid black;
	padding: 0px;
}

#footer td {
	background: transparent;
	border: 0px;
	vertical-align: middle;
	font: 12pt Handlee, serif;
}

#footer div {
	padding: 15px;
	background: #f0e8d8;
	-moz-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(202, 188, 158, 0.8) inset;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(202, 188, 158, 0.8) inset;
}

#footer .horaires {
	max-width: 300px;
	margin-left: auto;
}

#footer .salon {
	padding: 15px;
	font-size: 11pt;
	max-width: 140px;
	margin: 0px auto 0px auto;
}

#footer .salon a { min-width: 140px; }

#footer .paybox, #footer .colissimo { width: 90px; }

#footer .expedition {
	max-width: 440px;
	margin-right: auto;
}

@media (max-width: 640px) {
	#footer .expedition { display: none; }
}

.adherer_toolbar {
	font:16pt "Handlee", serif;
	text-align: center;
}

.faq_toolbar {
	font:13pt "Handlee", serif;
	text-align: center;
}

.jqueryslidemenu {
	margin-top: 30px;
	text-align: left;
	padding: 0px;
	position: static;
	font-size: 12pt;
	font-family: "Handlee", serif;
	font-variant:small-caps;
	width: 100%;
	display: block;
}

.jqueryslidemenu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	width: 195px;
}

/*Top level list items*/
.jqueryslidemenu ul li {
padding: 5px 0px 5px 5px;
display: block;
text-align: left;
border-left-color: #b95814;
border-left-width: 1px;
border-left-style: solid;
/*margin-left: 10px;*/
}


.jqueryslidemenu ul li:first-child{
border-top-left-radius: 10px;
}

.jqueryslidemenu ul li:last-child{

border-bottom-left-radius: 10px;
}


/*Top level menu link items style*/
.jqueryslidemenu ul li a{
color: #42008f;
margin-right: 20px;
word-spacing: 1px;
font-size: 15pt;
text-align: left;
border-right-style: none;
display: block;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
text-align: left;
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	text-align: left;
}

.jqueryslidemenu ul li a:hover{ /*tab link background during hover state*/
	font-style: normal;
	text-decoration:underline;
}


.jqueryslidemenu ul li.expanded a{ /*tab link background during hover state*/
	color: #42008f;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
text-align: left;
position: relative;
left: 0;
display: block;
/*visibility: hidden;*/
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
text-align: left;
display: list-item;
}



.jqueryslidemenu ul li ul li:first-child { margin-top: 7px}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
color: #42008f;
text-align: left;
top: 0;
}

/** Sub level menu links style */
.jqueryslidemenu ul li ul li a{
width: 80%;
margin-bottom: auto;
margin-right: 20px;
text-align: center;
color: #1139AE !important;
border-bottom-style: none;
border-bottom-width: 0px;
font-family: "Handlee", serif;
font-size: 12pt;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
	text-align: left;
	font-style:normal;
}

.jqueryslidemenu ul li ul li ul li a{ /*sub menus hover style*/
	text-align: left;
	color: #0D683F !important;
}

/* CSS classes applied to down and right arrow images */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

.clear {
	clear: both;
}

.div_panier_haut_image {
position: absolute;
margin-left: 755px;
margin-top: -276px;
text-align: center;
font: 12pt "handlee", serif;
}

.panier_haut_image{
	width: 62px;
	margin-left: -10px;
}

.newsleter_haut {
	position: relative;
	float: right;
	display: inline;
	top: 20px;
	left: -110px;
	font-family: "Handlee", serif;
}

#newsletter {
	margin-top: 15px;
	margin-bottom: 25px;
	padding: 10px;
	border-color: #ff8000;
	border-width: 0px;
	text-align: left;
	border-radius: 10px;
	font-family: "Handlee", serif;
}

#newsletter label {
	font-size:10pt;
}

#newsletter a{
	text-decoration:none;
}

#newsletter a:hover{
	text-decoration:underline;
	font-style:italic;
}

#newsletter p {
	font-size:14pt;
}

#newsletter input[type=submit]:active {
	background-color:blue;
}

.search_form {
	color: black;
	font-size: 16px;
	font-family: "Times", serif;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 20px;
}

.cadre_div {
	margin-bottom: 18px;
	border-radius: 5px;
	box-shadow:0px 0px 8px 1px black;
}

#boutique h1 {
	font-size: 22pt;
	font-family: "Handlee", serif;
	text-align:center;
	padding:10px;
}

#boutique h2 {
	font-family: 'Handlee', serif;
	font-size: 22px;
	text-align: center;
	margin: 15px 0px 10px 0px;
}

#boutique .cadre_div h5 + div {
	margin: 0px 7px 7px 7px;
	background-color: #FFE4B5;
	border-radius: 0px 0px 5px 5px;
}

#boutique .cadre_div > div {
	padding-bottom: 2px;
}

#boutique h4 {
	color: black;
	text-align: center;
	padding: 4px;
	font-size: 18pt;
	font-family: "Handlee", serif;
	font: 16pt Handlee, serif;
	text-decoration:none;
	background-color:#F3953A;
	border-radius: 5px 5px 0px 0px;
}

#boutique h5 {
	padding: 6px 5px 4px 5px;
	font-size: 16px;
	font-family: "Handlee", serif;
	text-decoration:none;
	margin: 6px 7px 0px 7px;
	background-color:#F3953A;
	border-radius: 5px 5px 0px 0px;
}

#boutique h6 {
	padding: 8px 0px 0px 8px;
	font-size: 15px;
	font-family: "Handlee", serif;
}

#boutique .nochild {
	border-radius: 5px 5px 5px 5px;
}

#boutique ul {
	font-size: 16px;
	font-family: "Times", serif;
	padding-top: 4px;
	padding-left: 20px;
	padding-bottom:10px;
	display: inline-block;
	width: 200px;
	line-height: 20px;
}

#boutique div:last-child ul {
	clear: right;
}

#boutique p {
	font-size: 13pt;
	font-family: "Times", serif;
	margin:auto 10px auto 10px;
	text-align: justify;
	line-height: 20px;
}

#boutique .titre_list h1 {
	margin: 10px;
	font-size: 25pt;
	font-family: "Handlee", serif;
	text-align:center;
}

#boutique .titre_produit h1 {
	padding: 5px;
	font-size: 16pt;
	font-family: "Handlee", serif;
	text-align:center;
}

#boutique table  {
	border: solid 0px #F3953A;
	box-shadow: 0px 0px 10px black;
}

#boutique tr {
	border: solid 0px black;
}

#boutique td,
#boutique th {
	border: none;
	box-shadow: 0px 0px 1px 1px orange;
}

#boutique td {
}

#boutique th {
	background-color:#FFA44B;
}

#boutique .important_cart, #auth .important_cart {
	margin-top:30px;
	text-align:center;
	padding:20px;
	box-shadow: 0px 0px 5px black;
	border:dotted 2px red;
	border-radius:10px;
}

#commande td {
	padding:5px;
}

#clients td {
	padding:10px;
	border:dotted 1px black;
	text-align:center;
}

#label label {
	margin-left:20px;
	font-size: 18pt;
	color:purple;
	font-family: "Handlee", "Verdana", sans-serif;
}

#label span {
	margin-left:20px;
	font-size: 18pt;
	color:#0D683F;
	font-family: "Handlee", "Verdana", sans-serif;
}


#clients {
	margin:10px;
	width:98%;
}

#clients th {
	padding: 5px;
}

.produit {
	margin: 40px auto 40px auto;
	width: 600px;
	border-radius: 8px;
	box-shadow: 0px 0px 5px 1px #000;
	border: solid 1px #F3953A;
	position: relative;
}

.produit .header {
	background-color: #F3953A;
	border-radius: 5px 5px 0px 0px;
	padding: 6px 10px;
}

#boutique .produit .titre_produit {
	padding: 0px;
	line-height: 48px;
	display: inline-block;
	min-height: 36px;
}

.produit .subheader {
	margin-top: 10px;
}

.produit .code {
	font-size: 10pt;
}

.produit .nom_latin {
	float: right;
	font-size: 13px;
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-style: italic;
	position: relative;
}

.produit .contents {
	margin: 10px;
}

/*#boutique .produit .description { margin: inherit; }*/

#boutique .produit .description {
	margin: 0px;
	min-height: 200px;
}

.produit .description b {
	font-weight: bold;
}

.produit .description a {
	color: blue;
}

.produit .image {
	float: left;
}

.produit img.thumb {
	max-width: 200px;
	max-height: 200px;
	border-radius: 5px;
}

.produit .logo {
	/* begin reset main .logo */
	margin: 0px;
	position: static;
	width: 48px;
	/* end reset main .logo */
	vertical-align: top;
}

.produit .logo img {
	display: inline;
	width: 48px;
	height: 48px;
}

.produit .logos .spacer {
	width: 100%;
}

#boutique .produit a.zoom {
	text-decoration: none;
}

#boutique .produit a.zoom:hover {
	text-decoration: none;
}

.produit .magnify {
	height: 15px;
	width: 15px;
	padding: 4px;
	position: relative;
	bottom: 4px;
	right: 30px;
	border-radius: 44%;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-clip-path: circle(12px, 12px, 11px);
	-webkit-clip-path: circle(11px at 12px 12px);
	-moz-clip-path: circle(11px at 12px 12px);
	clip-path: circle(11px at 12px 12px);
	margin-right: -18px;
}

.produit .footer {
	background-color: #F3953A;
	border-radius: 0px 0px 5px 5px;
	padding: 10px 10px 9px 10px;
	min-height: 17px;
}

.produit .prix {
	display: inline-block;
	font-size: 13pt;
	font-family: "Handlee", serif;
	margin-right:10px;
}

.produit .package {
	font-size: 13pt;
	font-family: "Handlee", serif;
	display:inline-block;
}

.produit .bouton_commande {
	float: right;
	display: block;
	width: 100px;
	padding: 3px;
	text-decoration: none;
	text-align: center;
	font-size: 10pt;
	font-family: "Handlee", serif;
	background-color: #f5ae71;
	border: solid 1px #9A2F23;
	border-radius: 6px;
	box-shadow: inset -1px -1px 1px 1px #948751;
	margin-top:-3px;
}

.produit .bouton_commande:hover  {
	font-style: italic;
}

.produit .bouton_commande:active  {
	font-style: italic;
	box-shadow: inset 1px 1px 1px 1px #948751;
	padding-top:4px;
	padding-bottom:2px;
}

.product_list {
	width: 90%;
}

.cadre_recherche_boutique {
	width: 684px;
	position: relative;
	left: -10px;
	top: -10px;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
	border-bottom-right-radius: 500px 20px;
	background-color: floralwhite;
	box-shadow: inset 0px 0px 2px 0px black;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	border-bottom-left-radius: 500px 20px;
}


.cadre_recherche_boutique_bas {
	width: 684px;
	position: relative;
	left: -10px;
	top: 10px;
	padding: 40px 10px 1px 10px;
	border-radius: 0px 0px 10px 10px;
	border-top-right-radius: 500px 20px;
	background-color: floralwhite;
	box-shadow: inset 0px 0px 2px 0px black;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	border-top-left-radius: 500px 20px;
}

.pagination  {
	width: 509px;
	padding-left: 16px;
	margin: 0px auto 10px auto;
	display: block;
	text-align: center;
}

.img_list {
  max-width:70px;
  max-height:70px;
  box-shadow:0px 0px 4px black ;
  border-radius:4px;
  margin: 0px auto;
  display: table;
}

.middle_align {
  vertical-align:middle;
}

.encart-text {
	box-shadow: 0px 0px 3px black inset;
	border-radius:8px;
	padding:8px;
	background-color:#fff3d9
}


.encart-text2 {
	box-shadow: 0px 0px 3px black;
	border-radius:8px;
	padding:8px;
	background-color:#FFE4B5
}
.invalid_msg {
	color:red;
}


#lang_sel_form {
	width:100%;
	position:relative;
	margin-bottom:3px;
}

#lang_sel_form a {
	padding:2px 6px;
	margin:10px;
	border-radius:4px 4px 0px 0px;
	position:relative;
	font-size:9pt;
	text-decoration:none;
	color:black;
	z-index:1;
	font-family: "Handlee", serif;

}

#lang_sel_form a.current {
	padding:1px 5px;
	top:0px;
	border-radius:0px 0px 4px 0px;
	border:solid 1px purple;
	border-top:none;
	border-left:none;
	position:relative;
	font-size:10pt;
	text-decoration:none;
	color:purple;
	z-index:1;

}

/** jQuery Slides */
.slides > div {
	padding: 0px;
	font-size: 12px;
}

/* single tab */
.slidetabs {
	margin: 3px 0px 3px 0px;
}

.slidetabs > a {
	display: inline-block;
	margin: 0px 5px;
	width: 8px;
	height: 8px;
	background-color: #FFF;
	border: 1px solid #76787F;
	font-size: 1px;
	text-align: center;
	border-radius: 8px;
	box-shadow: 0px 0px 4px #000;

	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
}

/* mouseover state */
.slidetabs > a:hover {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
}

/* active state (current page state) */
.slidetabs a.current {
	background-color: #ffe7bd;
}

#toolbar-slides {
	height: 226px;
	position: relative;
}

#toolbar-slides .slidetabs {
	position: absolute;
	bottom: 8px;
}

#toolbar-slides .slides {
	margin: 5px auto;
}

#main-slides {
	margin-top: 33px;
	height: 600px;
	position: relative;
}

#main-slides .slidetabs {
	position: absolute;
	bottom: 8px;
}

#lang_sel_form a:active {
	color:purple;
}

#accueil {
	font-family: "Handlee", "Times", serif;
}

#accueil .none {
	display: none;
}

#accueil .large_top {
	border-width: 0px;
	background-color: #ffe7bd;
	margin-bottom: 20px;
	display: block;
	height:160px;
	box-shadow: 0px 0px 5px 0px #000;
	padding: 5px;
	padding-right: 0px;
	border-radius: 10px;
	margin: 5px;
}

#accueil h1{
	text-align: center;
	font-size: 40px;
}

#accueil h2{
	margin-top: 3px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 24px;
}

#accueil h2.margin{
	margin-bottom: 10px;
	margin-top: 10px;
}

#accueil h3{
	font-size: 22px;
}

#accueil h4{
	font-size: 20px;
	font-style: italic;
	text-align: center;
}

#accueil h5{
	display: block;
	clear: both;
	font-size: 17px;
	text-align: center;
}

#accueil h6{
	font-size: 15px;
	text-align: center;
}

#accueil a{
	text-align: center;
	font-size: 13pt;
}

#accueil p{
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 16px;
}

#accueil p.titre_livre{
	margin-right: 40px;
	margin-left: auto;
	margin-top: 80px;
	font-size: 25pt;
	line-height:50px;
	text-align: center;
}

#accueil p.qsn_accueil{
	text-indent:30px;
	line-height:25px;
	font-family: "Times", serif;
}


#accueil h2.flute_enchantee{
	margin-left: 20px;
	margin-bottom: 120px;
	letter-spacing: -1px;
	font-size: 40px;
	margin-top: 90px;
	line-height: 60px;
	display: block;
	float: left;
	text-align: center;
}

#accueil span{
	text-align: center;
	font-size: 14px;
}

#sitemap ul li {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;

}

#sitemap ul li:hover {
	background-color:#FF9F42;
}


#sitemap ul a {
	color:#9C3024;
	font-family: "Handlee", serif;
	font-size:16pt;
}

#sitemap ul li ul li a {
	color:purple;
	list-style-type:none;
	font-family: "Times", serif;
	font-size:12pt;

}

#sitemap ul li ul li ul li a {
	color:red;
	list-style-type:none;
	font-family: "Times", serif;
	font-size:10pt;

}

#sitemap ul li ul {
	background-color:#F8ECD3;
	border-radius:8px;
	padding:5px;
	list-style-type:none;
	box-shadow:inset 0px 0px 5px black;
}
#sitemap ul li {
	padding:10px;
	background-color:#FFE4B5;
	border-radius:8px;
	list-style-type:none;
	box-shadow:0px 0px 5px black;
}

/** ------------ Page Expos ------------ */

#page ul.expo li, #page ul.expo p {
	list-style-type: none;
	text-indent: 0px;
}

#page ul.expo h4 {
	padding-right: 0px;
	font-size: 22px;
	margin: 0;
}

ul.expo {
	color: #9C3024;
	font-family: "Handlee", serif;
	font-size: 16px;
}

ul.expo li {
	padding:10px;
	background-color:#FFE4B5;
	border-radius:8px;
	list-style-type: none;
	box-shadow:0px 0px 5px black;
}

/** ------------ Utilitaires ------------ */

.left {
	float: left;
}

.right {
	z-index: 300;
	float: right;
}

.text_center, #page .text_center, #boutique .text_center {
	text-align: center;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.text_justify {
	text-align: justify;
}

.col1-right tr td:first-child {
	text-align: right;
}

.rounded-border {
	border-radius: 4px;
}

#diapo1 img {
	margin-left: 350px;
	margin-bottom: 60px;
	margin-right: 60px;
	margin-top: 60px;
	display: block;
	border-radius: 10px;
	box-shadow: 1px 1px 1px 0px #000;
	height: 350px;
	transform: rotateY(-10deg);
	-webkit-transform: rotateY(-10deg);
	-webkit-box-reflect: below 0
    -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
	-o-transform: rotateY(-10deg);
	-o-box-reflect: below 0
    -o-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
	-moz-transform: rotateY(-10deg);
	-moz-box-reflect: below 0
    -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
	-ms-transform: rotateY(-10deg);
	-ms-box-reflect: below 0
    -ms-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));

}

#diapo2 {
	width: 550px;
	height: 440px;
	margin: 20px auto 20px auto;
	display: block;
}

.diapo{

	width: 100%;

	-webkit-perspective: 400px;
	-o-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;
}

.livre_sachet{
	margin-top: 40px;
	margin-left: 20px;
}


.img_titanic{
	margin-left: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	float: left;
	display: block;
	border-radius:5px;
	margin-top: 30px;
	box-shadow: 0px 0px 5px 1px #000;
	-webkit-transform: rotateY(10deg);
	-webkit-box-reflect: below 0
    -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
	-o-transform: rotateY(10deg);
	-o-box-reflect: below 0
    -o-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
	-moz-transform: rotateY(10deg);
	-moz-box-reflect: below 0
    -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
}

.div_titanic{

	display: block;

	width: 100%;

	perspective:700;
	-webkit-perspective: 700;
	-o-perspective: 700;
	-moz-perspective: 700;
	-ms-perspective: 700;
}

.text_titanic{
	margin-top: 90px;
	text-align: center;
	margin-right: 30px;
	width: 330px;
	float: right;
	display: block;
}

.inline_block {
	display: inline-block;
}

.absolute {
	position: absolute;
}

.relative {

}

.calendrier{
	margin-right: 30px;
	height: 290px;
	width: 300px;
	float: right;
	display: block;
	margin-top: 50px;
	box-shadow: 1px 1px 1px #000;
	border-radius: 5px;
	-webkit-transform: rotateY(-30deg);
	-o-transform: rotateY(-30deg);
	-moz-transform: rotateY(-30deg);
	-ms-transform: rotateY(-30deg);
	transform: rotateY(-30deg);
	-webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
}

.calendrier_2{
	margin-bottom: 50px;
	margin-left: 20px;
	width: 250px;
	display: block;
	float: left;
	box-shadow: 1px 1px 1px #000;
	border-radius: 5px;
	-webkit-transform: rotateY(30deg);
	-moz-transform: rotateY(30deg);
	-o-transform: rotateY(30deg);
	-ms-transform: rotateY(30deg);
	transform: rotateY(30deg);
	-webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
}

.div_calendrier{
	-webkit-perspective: 700px;
	-o-perspective: 700px;
	-moz-perspective: 700px;
	-ms-perspective: 700px;
	perspective: 700px;
}

.revu{
	margin-left: 400px;
	position: absolute;
	display: inline-block;
	margin-top: 130px;
	z-index: 5;
	float: right;
	box-shadow: 0px 0px 5px #000;
	border-radius: 5px;
	-webkit-transform: rotateY(-30deg);
	-moz-transform: rotateY(-30deg);
	-o-transform: rotateY(-30deg);
	-ms-transform: rotateY(-30deg);
	transform: rotateY(-30deg);
	-webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
}

.titre_revu{
	font-size: 20px;
	font-family: "Verdana", sans-serif;
	z-index: 10;
}

.perspective_arc {
	width: 100%;
	-webkit-perspective: 640px;
	-o-perspective: 640px;
	-moz-perspective: 640px;
	-ms-perspective: 640px;
	perspective: 640px;
}

.perspective_arc img {
	width: 230px;
}

.perspective_arc img:nth-child(2) {
	-webkit-transform: rotateY(20deg);
	-moz-transform: rotateY(20deg);
	-o-transform: rotateY(20deg);
	-ms-transform: rotateY(20deg);
	transform: rotateY(20deg);
	position: relative;
	left: 60px;
	top: 20px;
}

.perspective_arc img:nth-child(3) {
	-webkit-transform: rotateY(-20deg);
	-moz-transform: rotateY(-20deg);
	-o-transform: rotateY(-20deg);
	-ms-transform: rotateY(-20deg);
	transform: rotateY(-20deg);
	position: relative;
	right: -160px;
	top: 66px;
}

.perspective_arc img:nth-child(4) {
	-webkit-transform: rotateY(20deg);
	-moz-transform: rotateY(20deg);
	-o-transform: rotateY(20deg);
	-ms-transform: rotateY(20deg);
	transform: rotateY(20deg);
	position: relative;
	top: 60px;
	left: 94px;
	display: block;
}

.perspective_arc img:nth-child(5) {
	-webkit-transform: rotateY(-24deg);
	-moz-transform: rotateY(-24deg);
	-o-transform: rotateY(-24deg);
	-ms-transform: rotateY(-24deg);
	transform: rotateY(-24deg);
	position: relative;
	top: -54px;
	right: -346px;
}

.perspective_revu{
	width: 100%;
	-webkit-perspective: 700px;
	-o-perspective: 700px;
	-moz-perspective: 700px;
	-ms-perspective: 700px;
	perspective: 700px;

}

.p_revu{
	-webkit-transform: rotateX(60deg);
	-moz-transform: rotateX(60deg);
	-o-transform: rotateX(60deg);
	-ms-transform: rotateX(60deg);
	transform: rotateX(60deg);
}

.the_presentation{
	position: absolute;
	display: inline-block;
	margin-left: 100px;
	margin-top:60px;
	margin-bottom:-70px;
	z-index: 5;
	box-shadow: 0px 0px 5px #000;
	float: right;
	border-radius: 5px;
	border:solid 1px white;
	-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
}

.edition {
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: center;
	margin-left: -3px;
	font-weight: bold;
	font-size: 16px;
}

.hommage {
	-webkit-transform: rotateX(60deg);
	-o-transform: rotateX(60deg);
	-moz-transform: rotateX(60deg);
	-ms-transform: rotateX(60deg);
	transform: rotateX(60deg);
}

/** Profil */

#auth table, #auth tr, #auth td {
	border: none;
}

#auth h1 {
	font-size: 18pt;
	font-family: "Handlee", serif;
	text-align: center;
	margin: 10px auto 20px auto;
}

#auth {
	margin:10px;
	font-family: "Handlee", serif;
}

#auth input[type=submit] {
	margin-top:10px;
}

#auth .users {
	border:solid 1px black;
	border-radius:5px;
	padding:10px;
}

#auth .users p {
	margin:10px;
	font-size:12pt;
}

#auth label {
	margin:10px;
	font-variant:small-caps;
	font-size:12pt;
}

#auth h2 {
	margin:20px;
	font-size:15pt;
}

#auth .users span {
	margin-left:20px;
}

#auth .users label {
	margin-left:20px;
}

.margin{
	margin-bottom: 10px;
}

/** Menu Tab */
#cadi{
	font-size: 12pt;
	font-family: "Handlee", "Verdana", serif;
}

#cadi h3, #recherche h3, #contact h3, #telechargement h3{
	font-size: 15pt;
	font-family: "Handlee", "Verdana", serif;
	padding:5px;
}

#cadi a:hover{
	text-decoration: underline;
	color: blue;
	text-shadow: none;
}

#cadi table, #cadi tr, #cadi td{
	margin:0px;
	padding: 0px;
	border: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: none;
}

/** Panier */

table.cart {
	margin: 8px;
	padding: 5px;
	border: 1px solid black;
	background: none;
}

table.cart tr, table.cart td, table.cart th {
	padding: 6px;
}

.cart {
	width: 677px;
}

.order .cart {
	width: 99%;
}

.cart .qty {
	width: 120px;
}

.cart .name {
	width: 370px;
}

.cart .subtotal {
	text-align: right;
}

/** Message flash */

.flash {
	position: absolute;
	top: 10px;
	margin: 5px;
	padding: 5px;
	background-color: white;
	width: 664px;

	font-size: 15pt;
	font-family: "Handlee", "Verdana", serif;
	text-align: center;
	text-decoration: none;

	border-radius: 5px;
	box-shadow: 0px 0px 5px black;
	z-index: 10;
}

.flash.error {
	color: #df2516;
}

/* Message javascript */

#erreur_java {
	width:90%;
	box-shadow:0px 0px 5px black;
	margin:30px auto;
	padding:20px;
	border-radius:10px;
	background:#FFE4B5;
}

#erreur_java h1, #erreur_java h2, #erreur_java h3 {
	font-variant: small-caps;
	margin: 30px 0px 18px 0px;
	font-family: "Times", serif;

}

#erreur_java h1 {
	font-size: 50px;
	text-align: center;
}

#erreur_java h1:first-letter {
	font-family: 'Parisienne', serif;
	font-size: 75px;
}

#erreur_java p {
	margin:20px;
	font-size:15pt;
}

/** Calendrier semis */

.cal_semis {
	margin: -160px 10px 180px 10px;
	padding: 3px;
	border: 1px solid crimson;
	border-radius: 6px;
}

.cal_semis h4 {
	padding: 6px;
	margin-right: 2px;
	border-radius: 5px 0px 0px 5px;
	float: left;
	background: crimson;
	color: beige;
	font: 12pt "Handlee", serif;
}

.cal_semis ul {

}

.cal_semis li {
	text-align: center;
	float: left;
	padding: 6px;
	width: 46px;
	margin-left: 2px;
	font: 12pt "Handlee", serif;
}

.cal_semis li.short {
	width: 32px;
}

.cal_semis li.long {
	width: 70px;
}

.cal_semis li:hover {
	border: 1px solid crimson;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0px 0px 4px -1px crimson;
	background: #fff3d9;
}

.cal_semis li .content {
	position: absolute;
	display: none;
}

.cal_semis li:hover .content {
	border-radius: 5px;
	padding: 5px;

	display: block;
	z-index: 10000;
	margin-left: -20px;
}

.cal_semis li .content div {
	margin: 9px 0px 0px 9px;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	text-align: left;
	box-shadow: 0px 0px 4px -1px crimson;
	border: 1px solid crimson;
	background: #fff3d9;

	line-height: 1.6;
	color: darkblue;
	font: 12pt "Handlee", serif;

	-webkit-column-count: 4;
	-webkit-column-width: 130px;
	-webkit-column-gap: 10px;
	-moz-column-count: 4;
	-moz-column-width: 130px;
	-moz-column-gap: 10px;
	column-count: 4;
	column-width: 130px;
	column-gap: 10px;
}

.cal_semis li .content a {
	text-decoration: none;
}

.cal_semis li .content a:hover {
	text-decoration: underline;
}

/* Programme festival */
#programme table{
	background: transparent;
	border: 2px solid coral;
}

#programme tr{
	background:transparent;
	border: 1px solid coral;
}
#programme th{
	background: coral;
	font: 9pt "Handlee", serif;
	padding: 10px;
	border: 0px black solid;
}
#programme td{
	background: transparent;
	font: 10pt "Handlee", serif;
	border: 0px;
}

/** Historique des commandes */
#auth .order_list table {
	border: 3px solid #F3953A;
	box-shadow: 0px 0px 10px black;
}

#auth .order_list td {
	background-color: #FFE4B5;
	border-bottom: 3px solid #F3953A;
}

#auth .order_list tr td {
	vertical-align: middle;
}
#auth .order_list .state {
	text-align: center;
}

#auth .order_list tr td:first-child { border-right: none; }

#auth .order_list tr td:last-child { border-left: none; }

#auth .order_list th {
	background-color: #FFA44B;
	border: 3px solid #F3953A;
}

#auth .cart, #auth .cart tr, #auth .cart td {
	border: 1px solid black;
}

#auth .order_list tr th {
	padding: 5px;
}

.back_link {
	font-size: 20px;
}

.order {
	margin: 40px auto 40px auto;
	width: 600px;
	border-radius: 8px;
	box-shadow: 0px 0px 5px 1px #000;
	border: solid 1px #F3953A;
	font-family: "Handlee", serif;
	padding:10px;
	background-color:#FFE4B5;
}

.order .header {
	height: 75px;
	line-height: 200%;
	padding-bottom: 12px;
}

.order .header p {
	font-size: 20px;
}

.cart td, .carriers td {
	background-color: #FFE4B5;
}

.cart .mid-tone {
	background-color: #FFC894;
}

.cart .dark-tone {
	background-color: #FFBC7B;
}

.order_contents {
	padding: 10px;
	margin-top: 10px;
	box-shadow:inset 0px 0px 8px black;
	border: solid 1px #F5AE71;
	border-radius:10px;
	background-color:#FFF3D9;
}

.order_contents .cart {
	border: solid 1px black;
	width: 99%;
}

.order_contents .cart th {
	background: #FFBC7B;
}

.order_contents .cart .light-bg {
	background-color: #FFC894;
}

.order_contents .cart .dark-bg {
	background-color: #FFBC7B;
}

.order .logo {
	width: 79px;
	height: 120px;
	margin:-10px;
	float:right;
}

.order .comments {
	width: 95%;
	margin-bottom: 8px;
}

.addresses {
	padding: 10px;
}

#boutique .address_chooser {
	background: #FFE4B5;
	border: solid 0px #F3953A;
	box-shadow: 0px 0px 10px black;
	border-radius: 5px;
	width: 100%;
	display: block;
	padding: 0px;
	margin: 12px 0px;
}

.address_chooser li.address {
	display: inline-block;
	width: 151px;
	min-height: 148px;
	overflow: hidden;
	font-family: 'Handlee', serif;
	box-shadow: 0px 0px 4px 0px gray inset;
	border-radius: 4px;
	background: cornsilk;
	padding: 10px;
	margin: 10px;
}

.address_chooser li.address[data-selected=true] {
	background: #F3953A;
	box-shadow: 0px 0px 10px 1px gray;
	border: 1px dotted;
	margin: 8px;
	padding: 11px;
}

.address_chooser li.address:hover {
	background: aliceblue;
}

.address_chooser li.address button[name=edit] {

}

.address_editor .info {
	font-style: italic;
	font-size: 12px;
}

.address_editor .edit-warning {
	display: none;
	margin-bottom: 12px;
}

.addresses button[name=create] {
	margin: 8px 0px 8px 8px;
}

.addresses input[name=bill_to_shipping] {
	margin: 4px 0px;
}

.address_chooser input[name=shipping_use_default], .address_chooser input[name=billing_use_default] {
	margin: 6px;
}

#boutique .address_chooser[data-mode=billing] {
	display: none;
}

.order input[type=radio] {
	display: inline;
}

.order .comment {
	margin-bottom: 10px;
}

.order .error p {
	margin: 5px 0px 10px 10px;
}

.comment textarea {
	max-width: 564px;
}

.order ul {
	list-style: disc;
	list-style-position: inside;
	padding-bottom: 8px;
}

/** Couleurs */

.red, .rouge{
	color: #df2516;
}
.red_wine{
	color: #a40101;
}
.dark_red{
	color: #911F1B;
}

.green, .vert{
	color: #0d683f;
}

.purple{
	color: #4a00bc ;
}

.blue{
	color: #263691 ;
}

.dark_blue{
	color: #030070 ;
}

.orange{
	color: #DF6400 ;
}

.brown{
	color: #A16224;
}
.dark_brown{
	color: #4a2700 ;
}
.grey{
	color: #445566 ;
}

/** iframe formulaire Google */
.ss-base-body .ss-form-container {}

.hidden {
	display: none;
}

.spacer::after {
	content: '\00A0';
}

.button {
	display: inline-block;
	border-top: 1px solid #f5bf90;
	background: #d49f65;
	background: -webkit-gradient(linear, left top, left bottom, from(#bd9138), to(#d49f65));
	background: -webkit-linear-gradient(top, #bd9138, #d49f65);
	background: -moz-linear-gradient(top, #bd9138, #d49f65);
	background: -ms-linear-gradient(top, #bd9138, #d49f65);
	background: -o-linear-gradient(top, #bd9138, #d49f65);
	padding: 3px 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 14px;
	font-family: Verdana, serif;
	text-decoration: none;
	vertical-align: middle;
	margin-top: 4px;
}
.button:hover {
	text-decoration: none;
	border-top-color: #bf8c49;
	background: #bf8c49;
	color: #ccc;
}
.button:active {
	border-top-color: #91562b;
	background: #91562b;
}

.sometimes-fixed {
	position: fixed;
	top: 5px;
}

.layout-boutique .contenu {
	margin: 10px;
	width: auto;
	padding: 18px;
}

.layout-boutique .flash {
	width: 882px;
}

.layout-boutique .contenu .order {
	border: none;
	width: auto;
	box-shadow: none;
	margin: 22px 0px;
	padding: 0px;
}

.layout-boutique label[for=order_notes] {
	display: block;
	margin-top: 10px;
}

.layout-boutique textarea[name=order_notes] {
	margin-bottom: 10px;
}

div.label {
	padding: 4px 0px;
}

.layout-boutique #boutique p {
	margin: 8px 0px;
}

.layout-boutique #boutique h1 {
	padding: 0px;
	margin-bottom: 12px;
}

/** Sélection livreur */
.carriers {
	max-width: 671px;
}

.carriers td {
	vertical-align: top;
}

.carriers tr:first-child td {
	vertical-align: middle;
}

.carriers tr:first-child td:first-child {
	width: 200px;
}

.carriers tr[data-selected=true] td {
	background: #FFCB99;
}

.carriers .price {
	float: right;
	vertical-align: bottom;
	color: red;
	font-weight: bold;
}

#boutique .carriers .small {
	font-style: italic;
	font-size: 16px;
}

.carriers .logo {
	margin: 0px;
	max-width: 190px;
	width: auto;
	display: inline;
}

.carriers input[name=carrier-code] {
	display: inline;
}

#boutique .relay .input {
	border-right: none;
}

#boutique .relay .input + td {
	border-left: none;
}

#boutique .relay {
	width: 100%;
	margin: 18px 0px 18px 0px;
/*	box-shadow: none;*/
	border-radius: 20px;
}

#boutique .relay td {
	-webkit-transition: 0.2s background-color;
	transition: 0.2s background-color;
}

#boutique .relay.selected td {
	background: #FFCF7A;
	-webkit-transition: 0.2s background-color;
	transition: 0.2s background-color;
}

#boutique .relay .schedule {
	text-align: center;
}

#boutique .relay tr:first-child td:first-child { border-top-left-radius: 20px; }
#boutique .relay tr:first-child td:last-child { border-top-right-radius: 20px; }
#boutique .relay tr:last-child td:first-child { border-bottom-left-radius: 20px; }
#boutique .relay tr:last-child td:last-child { border-bottom-right-radius: 20px; }

.comment .error {
	display: block;
	color: #911F1B;
}

#cookie_consent {
	width: auto;
	margin: 0px;
	background-color: #F6CF84;
	border-bottom: solid 1px #911F1B;
	padding: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	font-size: 16px;
}

#cookie_consent p {
	font-size: 14px;
}

#spinner {
	display: inline-block;
	width: 18px;
	height: 18px;
}