@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; }

body { background: white; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; }

/* Links ---------------------- */
a img { border: none; }

a { color: #2ba6cb; text-decoration: none; line-height: inherit; }

a:hover { color: #2795b6; }

a:focus { color: #2795b6; }

p a, p a:visited { line-height: inherit; }

/* Misc ---------------------- */
.left { float: left; }

.right { float: right; }

.text-left { text-align: left; }

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

.text-center { text-align: center; }

.hide { display: none; }

.hide-override { display: none !important; }

.highlight { background: #ffff99; }

#googlemap img, object, embed { max-width: none; }

#map_canvas embed { max-width: none; }

#map_canvas img { max-width: none; }

#map_canvas object { max-width: none; }

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }

/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; font-size: 14px; direction: ltr; }

p { font-family: inherit; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; }
p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }

aside p { font-size: 13px; line-height: 1.35; font-style: italic; }

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }

h1 { font-size: 44px; }

h2 { font-size: 37px; }

h3 { font-size: 27px; }

h4 { font-size: 23px; }

h5 { font-size: 17px; }

h6 { font-size: 14px; }

hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { font-weight: bold; background: #ffff99; }

/* Lists ---------------------- */
ul, ol, dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }

ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }

ol { margin-left: 20px; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

/* Blockquotes ---------------------- */
blockquote, blockquote p { line-height: 1.5; color: #6f6f6f; }

blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #dddddd; }
blockquote cite { display: block; font-size: 13px; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #dddddd; cursor: help; }

abbr { text-transform: none; }

/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }

@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; }
  .hide-for-print { display: none !important; }
  .show-for-print { display: inherit !important; } }
/* Requires globals.css */
/* Standard Forms ---------------------- */
form { margin: 0 0 19.41641px; }

.row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns { padding: 0 6px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }

label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }

.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }

a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }

span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }

.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }

.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }

textarea { height: auto; }

select { width: 100%; }

/* Fieldsets */
fieldset { border: solid 1px #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px; margin: 18px 0; }
fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }

/* Errors */
.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }

.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { outline-color: #f5797c; }

.error label, label.error { color: #c60f13; }

.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

/* Custom Forms ---------------------- */
form.custom { /* Custom input, disabled */ }
form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #cccccc; background: white; }
form.custom span.custom.radio { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
form.custom span.custom.checkbox:before { content: ""; display: block; line-height: 0.8; height: 14px; width: 14px; text-align: center; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; }
form.custom span.custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; background: #222222; position: relative; top: 3px; left: 3px; }
form.custom span.custom.checkbox.checked:before { content: "\00d7"; color: #222222; }
form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; }
form.custom div.custom.dropdown ul { overflow-y: auto; max-height: 200px; }
form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 28px; padding: 0; padding-left: 6px; padding-right: 38px; border: solid 1px #dddddd; color: #141414; background-color: white; white-space: nowrap; }
form.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #dddddd; }
form.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaaaaa transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; }
form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222222 transparent transparent transparent; }
form.custom div.custom.dropdown.open ul { display: block; z-index: 10; }
form.custom div.custom.dropdown.small { width: 134px !important; }
form.custom div.custom.dropdown.medium { width: 254px !important; }
form.custom div.custom.dropdown.large { width: 434px !important; }
form.custom div.custom.dropdown.expand { width: 100% !important; }
form.custom div.custom.dropdown.open.small ul { width: 134px !important; }
form.custom div.custom.dropdown.open.medium ul { width: 254px !important; }
form.custom div.custom.dropdown.open.large ul { width: 434px !important; }
form.custom div.custom.dropdown.open.expand ul { width: 100% !important; }
form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: white; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; }
form.custom div.custom.dropdown ul li { color: #555555; font-size: 13px; cursor: pointer; padding: 3px; padding-left: 6px; padding-right: 38px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
form.custom div.custom.dropdown ul li.selected { background: #cdebf5; color: black; }
form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; }
form.custom div.custom.dropdown ul li:hover { background-color: #cdebf5; color: black; }
form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #a3dbec; }
form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: black; }
form.custom div.custom.dropdown ul li.selected:hover:after { color: black; }
form.custom div.custom.dropdown ul.show { display: block; }
form.custom .custom.disabled { background-color: #dddddd; }

/* Correct FF custom dropdown height */
@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 28px; } }

.lt-ie9 form.custom div.custom.dropdown a.selector { height: 28px; }

/* The Grid ---------------------- */
.row { width: 1000px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -5.5px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -5.5px; }
.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 5.5px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }

.push-two { left: 16.66667%; }

.pull-two { right: 16.66667%; }

.push-three { left: 25%; }

.pull-three { right: 25%; }

.push-four { left: 33.33333%; }

.pull-four { right: 33.33333%; }

.push-five { left: 41.66667%; }

.pull-five { right: 41.66667%; }

.push-six { left: 50%; }

.pull-six { right: 50%; }

.push-seven { left: 58.33333%; }

.pull-seven { right: 58.33333%; }

.push-eight { left: 66.66667%; }

.pull-eight { right: 66.66667%; }

.push-nine { left: 75%; }

.pull-nine { right: 75%; }

.push-ten { left: 83.33333%; }

.pull-ten { right: 83.33333%; }

img { height: auto; }

img, object, embed { max-width: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
.block-grid.two-up { margin: 0 -15px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up { margin: 0 -12px; }
.block-grid.three-up > li { width: 33.33333%; padding: 0 12px 12px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up { margin: 0 -8px; }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.six-up { margin: 0 -8px; }
.block-grid.six-up > li { width: 16.66667%; padding: 0 8px 8px; }
.block-grid.six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.seven-up { margin: 0 -8px; }
.block-grid.seven-up > li { width: 14.28571%; padding: 0 8px 8px; }
.block-grid.seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.eight-up { margin: 0 -8px; }
.block-grid.eight-up > li { width: 12.5%; padding: 0 8px 8px; }
.block-grid.eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.nine-up { margin: 0 -8px; }
.block-grid.nine-up > li { width: 11.11111%; padding: 0 8px 8px; }
.block-grid.nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.ten-up { margin: 0 -8px; }
.block-grid.ten-up > li { width: 10%; padding: 0 8px 8px; }
.block-grid.ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.eleven-up { margin: 0 -8px; }
.block-grid.eleven-up > li { width: 9.09091%; padding: 0 8px 8px; }
.block-grid.eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.twelve-up { margin: 0 -8px; }
.block-grid.twelve-up > li { width: 8.33333%; padding: 0 8px 8px; }
.block-grid.twelve-up > li:nth-child(12n+1) { clear: both; }

/* Normal Buttons ---------------------- */
.button { width: auto; background: #2ba6cb; border: 1px solid #1e728c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button:hover, .button:focus { color: white; background-color: #2284a1; }
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button.large { font-size: 17px; padding: 15px 30px 16px; }
.button.medium { font-size: 14px; }
.button.small { font-size: 11px; padding: 7px 14px 8px; }
.button.tiny { font-size: 10px; padding: 5px 10px 6px; }
.button.expand { width: 100%; text-align: center; }
.button.primary { background-color: #2ba6cb; border: 1px solid #1e728c; }
.button.primary:hover, .button.primary:focus { background-color: #2284a1; }
.button.success { background-color: #5da423; border: 1px solid #396516; }
.button.success:hover, .button.success:focus { background-color: #457a1a; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover, .button.alert:focus { background-color: #970b0e; }
.button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; }
.button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; }
.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.left-align { text-align: left; text-indent: 12px; }
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.button.disabled:hover, .button[disabled]:hover { background: #2ba6cb; }
.button.disabled.success, .button[disabled].success { background-color: #5da423; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; outline: none; }
.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; outline: none; }
.button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; outline: none; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button { -webkit-appearance: none; }

/* Correct FF button padding */
@-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
  input[type="submit"].tiny.button { padding: 3px 10px 4px; }
  input[type="submit"].small.button { padding: 5px 14px 6px; }
  input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; }
  input[type="submit"].large.button { padding: 13px 30px 14px; } }

/* Buttons with Dropdowns ---------------------- */
.button.dropdown { position: relative; padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */ }
.button.dropdown.large { padding-right: 60px; }
.button.dropdown.small { padding-right: 28px; }
.button.dropdown.tiny { padding-right: 20px; }
.button.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; }
.button.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; right: 30px; }
.button.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-top: -2px; right: 14px; }
.button.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; right: 10px; }
.button.dropdown > ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #fff; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; min-width: 100%; z-index: 40; }
.button.dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
.button.dropdown > ul li a, .button.dropdown > ul li button { display: block; color: #555; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left; }
.button.dropdown > ul li button { width: 100%; border: inherit; background: inherit; font-family: inherit; margin: inherit; -webkit-font-smoothing: antialiased; }
.button.dropdown > ul li:hover, .button.dropdown > ul li:focus { background-color: #e3f4f9; color: #222; }
.button.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; }
.button.dropdown.up > ul { border-top: 1px solid #cccccc; border-bottom: none; }
.button.dropdown ul.no-hover.show-dropdown { display: block !important; }
.button.dropdown:hover > ul.no-hover { display: none; }
.button.dropdown.split { padding: 0; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ }
.button.dropdown.split:after { display: none; }
.button.dropdown.split:hover, .button.dropdown.split:focus { background-color: #2ba6cb; }
.button.dropdown.split.alert:hover, .button.dropdown.split.alert:focus { background-color: #c60f13; }
.button.dropdown.split.success:hover, .button.dropdown.split.success:focus { background-color: #5da423; }
.button.dropdown.split.secondary:hover, .button.dropdown.split.secondary:focus { background-color: #e9e9e9; }
.button.dropdown.split > a { color: white; display: block; padding: 10px 50px 11px 20px; padding-left: 20px; padding-right: 50px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > a:hover, .button.dropdown.split > a:focus { background-color: #2284a1; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.dropdown.split.large > a { padding: 15px 75px 16px 30px; padding-left: 30px; padding-right: 75px; }
.button.dropdown.split.small > a { padding: 7px 35px 8px 14px; padding-left: 14px; padding-right: 35px; }
.button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; padding-left: 10px; padding-right: 25px; }
.button.dropdown.split > span { background-color: #2ba6cb; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #1e728c; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > span:hover, .button.dropdown.split > span:focus { background-color: #2284a1; }
.button.dropdown.split > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; }
.button.dropdown.split.secondary > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #1d1d1d transparent transparent transparent; }
.button.dropdown.split.large span { width: 45px; }
.button.dropdown.split.small span { width: 21px; }
.button.dropdown.split.tiny span { width: 15px; }
.button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; }
.button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; }
.button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; }
.button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; }
.button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; }
.button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; }
.button.dropdown.split.secondary > a { color: #1d1d1d; }
.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover, .button.dropdown.split.alert > a:focus, .button.dropdown.split.alert > span:focus { background-color: #970b0e; }
.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover, .button.dropdown.split.success > a:focus, .button.dropdown.split.success > span:focus { background-color: #457a1a; }
.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover, .button.dropdown.split.secondary > a:focus, .button.dropdown.split.secondary > span:focus { background-color: #d0d0d0; }

/* Button Groups ---------------------- */
ul.button-group { list-style: none; padding: 0; margin: 0 0 12px; *zoom: 1; }
ul.button-group:before, ul.button-group:after { content: " "; display: table; }
ul.button-group:after { clear: both; }
ul.button-group li { padding: 0; margin: 0 0 0 -1px; float: left; }
ul.button-group li:first-child { margin-left: 0; }
ul.button-group.radius li .button, ul.button-group.radius li .button.radius, ul.button-group.radius li .button-rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
ul.button-group.radius li:first-child .button.rounded { -moz-border-radius-topleft: 1000px; -webkit-border-top-left-radius: 1000px; border-top-left-radius: 1000px; -moz-border-radius-bottomleft: 1000px; -webkit-border-bottom-left-radius: 1000px; border-bottom-left-radius: 1000px; }
ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
ul.button-group.radius li:last-child .button.rounded { -moz-border-radius-topright: 1000px; -webkit-border-top-right-radius: 1000px; border-top-right-radius: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-bottom-right-radius: 1000px; border-bottom-right-radius: 1000px; }
ul.button-group.even .button { width: 100%; }
ul.button-group.even.two-up li { width: 50%; }
ul.button-group.even.three-up li { width: 33.3%; }
ul.button-group.even.three-up li:first-child { width: 33.4%; }
ul.button-group.even.four-up li { width: 25%; }
ul.button-group.even.five-up li { width: 20%; }

div.button-bar { overflow: hidden; }
div.button-bar ul.button-group { float: left; margin-right: 8px; }
div.button-bar ul.button-group:last-child { margin-left: 0; }

.nav-bar { height: 40px; background: #4d4d4d; margin-left: 0; margin-top: 20px; padding: 0; }
.nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; border: 1px solid #333333; border-right: none; line-height: 38px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; }
.nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.nav-bar > li:last-child { border-right: solid 1px #333333; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); }
.nav-bar > li.active { background: #2ba6cb; border-color: #2284a1; }
.nav-bar > li.active > a { color: white; cursor: default; }
.nav-bar > li.active:hover { background: #2ba6cb; cursor: default; }
.nav-bar > li:hover { background: #333333; }
.nav-bar > li > a { color: #e6e6e6; }
.nav-bar > li ul { margin-bottom: 0; }
.nav-bar > li .flyout { display: none; }
.nav-bar > li.has-flyout > a:first-child { padding-right: 40px; position: relative; }
.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; right: 20px; top: 17px; }
.nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; }
.nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; }
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666666; }
.nav-bar > li > a:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; }
.nav-bar > li > input { margin: 0 10px; }
.nav-bar.vertical { height: auto; margin-top: 0; }
.nav-bar.vertical > li { float: none; border-bottom: none; border-right: solid 1px #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; }
.nav-bar.vertical > li .flyout { left: 100%; top: -1px; }
.nav-bar.vertical > li .flyout.right { left: auto; right: 100%; }
.nav-bar.vertical > li.active { border-right: solid 1px #2284a1; }
.nav-bar.vertical > li:last-child { border-bottom: solid 1px #333333; }

.flyout { background: #f2f2f2; padding: 20px; margin: 0; border: 1px solid #d9d9d9; position: absolute; top: 39px; left: -1px; width: 250px; z-index: 40; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* remove margin on any first-child element */ /* remove margin on last element */ }
.flyout p { line-height: 1.2; font-size: 13px; }
.flyout *:first-child { margin-top: 0; }
.flyout *:last-child { margin-bottom: 0; }
.flyout.small { width: 166.66667px; }
.flyout.large { width: 437.5px; }
.flyout.right { left: auto; right: -2px; }
.flyout.left { right: auto; left: -2px; }
.flyout.up { top: auto; bottom: 39px; }

ul.flyout, .nav-bar li ul { padding: 0; list-style: none; }
ul.flyout li, .nav-bar li ul li { border-left: solid 3px #cccccc; }
ul.flyout li a, .nav-bar li ul li a { background: #f2f2f2; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus { background: #ebebeb; color: #333; }
ul.flyout li.active, .nav-bar li ul li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
ul.flyout li.active a, .nav-bar li ul li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }

/** NOVIUS OS - Web OS for digital communication  @copyright  2011 Novius @license    GNU Affero General Public License v3 or (at your option) any later version http://www.gnu.org/licenses/agpl-3.0.html @link http://www.novius-os.org */
/** Some elements come from http://www.knacss.com/ :  KNACSS.com V1.2 @author : Raphael Goetter, Alsacreations Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
*/
/** Base CSS for the templates */
html, body { margin: 0; padding: 0; width: 100%; height: 100%; }

body { color: #916456; font-family: "Open Sans", sans-serif; letter-spacing: -0.05em; font-size: 13px; line-height: 1.5; background: url(../img/bg_head_home.jpg) no-repeat center 60px #f3e7e4; }

.print { display: none; }

/* HTML5 tags */
/*------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* soft reset */
/*------------*/
html, body, blockquote, ul, ol, form { margin: 0; padding: 0; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

/* Basics elements */
/*-----------------*/
ul, ol { padding: 0; marfin: 0; }

a { outline: none; text-decoration: none; color: #333333; }

a:hover { text-decoration: underline; }

a img { border: 0; }

.clearfloat { clear: both; }

.nobullet { list-style-type: none; margin: 0; padding: 0; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child { margin-top: 0; }

p:last-child { margin-bottom: 0; }

img, table, td, blockquote, code, pre, textarea, input, object, embed, video { max-width: 100%; height: auto; }

textarea, table, td, th, code, pre, samp, div, p { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }

code, pre, samp { white-space: pre-wrap; }

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

h1 { font-size: 45px; font-family: "Open Sans", sans-serif; font-weight: 300; font-style: normal; color: #916456; line-height: 1.1em; margin: 20px 0; }

h2 { font-size: 45px; font-family: "Open Sans", sans-serif; font-weight: 300; font-style: normal; color: #916456; line-height: 1.1em; margin: 20px 0; }

h3 { font-size: 28px; font-family: "Open Sans", sans-serif; font-weight: 300; font-style: normal; color: #916456; line-height: 1.1em; margin: 15px 0; }

h4 { font-size: 20px; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; color: #916456; line-height: 1.1em; margin: 0 0 10px 0; }

.block { display: block; }

.relative { position: relative; }

hr { margin: 10px 0; }

.row .twopointfour { width: 20%; }

/* Formulaires */
/*-------------*/
form, fieldset { border: none; }

input, button, select { vertical-align: middle; /* @bugfix alignment */ }

/* haslayout for IE6/IE7 */
.ie7 .clearfix, .ie7 .line, .ie7 .mod, .ie7 .row, .ie7 .col { zoom: 1; }

/* inline-block and table-cell for IE6/IE7 */
/* warning : .col needs width on IE6/IE7 */
.ie7 .btn, .ie7 .col, .ie7 .inbl { display: inline; zoom: 1; }

.ie8 img { width: auto; }

/* @bugfix for IE8 */
/* Global containers */
/*-------------------*/
#globalwrapper { padding: 0 0 200px 0; position: relative; width: 100%; min-height: 100%; margin: 0; }

#contentwrapper { padding: 0 0 20px 0; margin: 28px 0 0 0; }

.home #contentwrapper { padding: 0; margin: 0; }

.white-box, div.white-box, li.white-box, .rose-box, div.rose-box, li.rose-box, .grey-box, div.grey-box, li.grey-box, .roseclair-box, div.roseclair-box, li.roseclair-box { background: #fff; border: 1px solid #e1d0c9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; }

.rose-box, div.rose-box, li.rose-box { background: #ebdcd9; }

.grey-box, div.grey-box, li.grey-box { background: #dddddd; }

.roseclair-box, div.roseclair-box, li.roseclair-box { background: #f9f4f1; border: 0; }

.white-bg { background-color: #ffffff; border-radius: 5px; }

/* Header */
/*--------*/
#header { padding: 20px 0; height: 210px; }

#header a, #header a:hover { color: #ffffff; text-decoration: none; }

#top_menu { background: #fff; }

#menu { float: right; margin: 0; padding: 0; }

#menu li.lvl0 { float: left; padding: 12px; margin: 7px 0; color: #817a77; border-left: 1px solid #e6dbd8; }

#menu li.lvl0:nth-child(1) { border: 0; }

#menu li.lvl0 a { color: #817a77; }

#sitename { padding: 10px 0 0 0; margin: 0; float: left; position: relative; }
#sitename #baseline { font-family: "EB Garamond", serif; font-size: 24px; font-style: italic; color: #828282; position: absolute; bottom: -30px; left: 160px; display: block; width: 300px; }

#connection { float: right; margin: 0; padding: 0; }

#header #connection a { color: #855f53; }
#header .header-search-input { float: left; background: url(../img/bg-input-recherche-header.png) no-repeat 0 0; height: 34px; padding: 3px; margin: 1px 30px 0 0; width: 230px; }
#header .header-search-input .search-fast-input-h { background: none; border: 0; float: left; width: 180px; height: 28px; margin: 0 6px 0 0; box-shadow: none; font-size: 13px; padding: 0 5px; }
#header .header-search-input .search-fast-submit-h { background: none; border: 0; float: left; width: 35px; height: 28px; cursor: pointer; margin: 0; padding: 0; }

#btn_espacebijoutier { color: #855f53; font-size: 16px; padding: 3px 20px; margin: 0; text-align: center; float: right; min-width: 185px; height: 36px; position: relative; cursor: pointer; }
#btn_espacebijoutier .espacebijoutier-options { position: absolute; background: #fff; /*padding: 5px;*/ top: 35px; left: 3px; width: 97%; z-index: 999; zoom: 1; display: none; cursor: default; -moz-box-shadow: 1px 1px 3px 0px #656565; -webkit-box-shadow: 1px 1px 3px 0px #656565; -o-box-shadow: 1px 1px 3px 0px #656565; box-shadow: 1px 1px 3px 0px #656565; filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=3); }
#btn_espacebijoutier .espacebijoutier-options ul, #btn_espacebijoutier .espacebijoutier-options li { margin: 0; padding: 0; list-style: none; text-align: left; }
#btn_espacebijoutier .espacebijoutier-options li { border-bottom: 1px solid #ede9e6; }
#btn_espacebijoutier .espacebijoutier-options li a { padding: 5px 5px 5px 15px; display: block; }
#btn_espacebijoutier .espacebijoutier-options li a:hover { background: #fcf5f4; }

.espacebijoutier-options ul, #header-form-login { margin: 5px; }

.btn-deco-user { display: inline-block; padding: 3px 0 1px 10px; margin: 0 0 0 10px; border-left: 1px solid #c1aca5; }

#btn_inscriptionbijoutier { clear: both; margin: 30px -43px 0 0; padding: 0; float: right; }

a#head-panier, a#head-panier:hover { display: block; clear: both; margin: 10px 0 0 0; min-width: 215px; color: #828282; font-weight: normal; font-size: 14px; }
a#head-panier .titrepanier, a#head-panier:hover .titrepanier { color: #9c7266; font-weight: normal; font-size: 16px; }

.btn-header, .button.btn-header { border: 1px solid #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fafafa; /* Old browsers */ background: -moz-linear-gradient(top, #fafafa 0%, #eadad5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #eadad5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 0%, #eadad5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 0%, #eadad5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafafa 0%, #eadad5 100%); /* IE10+ */ background: linear-gradient(to bottom, #fafafa 0%, #eadad5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eadad5', GradientType=0); /* IE6-9 */ }

/* Content */
/*--------*/
/*** Home */
#home-part-1 { height: 630px; background: url(../img/header-line1-home.png) no-repeat center top; padding: 28px 0 0 0; }

#home-part-2 { height: 500px; background: #e2c9bf; position: relative; font-size: 16px; }

#home-part-3 { height: 500px; background: #ebdcd8; position: relative; font-size: 16px; }

#home-part-2 p, #home-part-3 p { font-size: 16px; }

#home-part-2 h2, #home-part-3 h2, #home-part-4 h2 { margin: 20px 0; }

#home-part-4 { height: 440px; background: #f7f7f7; }

#home-cnt-img-left, #home-cnt-img-right { position: absolute; top: 0; right: 55%; width: 45%; height: 500px; text-align: right; background-repeat: no-repeat; background-position: center right; }

#home-cnt-img-right { left: 55%; width: 45%; background-position: center left; }

/* Slideshow home */
#contentwrapper .flexslider { background: none; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#contentwrapper .flex-control-nav { bottom: 0; }
#contentwrapper .flex-direction-nav li a { bottom: 50%; top: auto; width: 27px; height: 27px; -khtml-opacity: 0.3; -moz-opacity: 0.3; -ms-filter: "alpha(opacity=30)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter: alpha(opacity=30); opacity: 0.3; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
#contentwrapper .flex-direction-nav li a:hover { -khtml-opacity: 1; -moz-opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); opacity: 1; }
#contentwrapper .flex-direction-nav li a.prev { background: url(../img/slider-left.png) no-repeat 0 0; left: 0px; }
#contentwrapper .flex-direction-nav li a.next { background: url(../img/slider-right.png) no-repeat 0 0; right: 0px; }
#contentwrapper .flex-control-nav li a { background: url(../img/bg_control_nav.png) no-repeat; }
#contentwrapper .flex-control-nav li a:hover { background-position: 0 -13px; }
#contentwrapper .flex-control-nav li a.active, #contentwrapper .flex-control-nav li a.flex-active { background-position: 0 -26px; }

.blognews_list .slides li { width: 310px; float: left; margin: 0 10px 10px 0; padding: 0; }
.blognews_list .slides li:nth-child(3n) { margin: 0 0 10px 0; }

.blognews_post_item { height: auto; }

#contentwrapper .blognews_thumbnail { float: left; margin: 0 10px 10px 0; padding: 0; width: 100%; }
#contentwrapper .blognews_thumbnail_wrapper { height: 160px; overflow: hidden; background: #fff; text-align: center; position: relative; }
#contentwrapper .blognews_thumbnail_wrapper img { width: auto; float: none; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
#contentwrapper h3.blognews_title, #contentwrapper h3.blognews_title a, #contentwrapper h3.blognews_title a:hover { color: #535353; font-size: 16px; text-decoration: none; font-weight: 400; height: 41px; margin-bottom: 5px; }
#contentwrapper .blognews_post_show h3.blognews_title, #contentwrapper .blognews_post_show h3.blognews_title a, #contentwrapper .blognews_post_show h3.blognews_title a:hover { font-size: 20px; }
#contentwrapper .blognews_post_show .blognews_thumbnail_wrapper { height: auto; float: left; margin: 0 10px 10px 0; padding: 0; width: auto; }
#contentwrapper .blognews_post_show .blognews_thumbnail_wrapper img { width: auto; float: left; position: relative; }
#contentwrapper .blognews_post_show .blognews_content { clear: none; }
#contentwrapper .actu-retour-liste { clear: both; border-top: 1px solid #cccccc; }
#contentwrapper #content { min-height: 450px; }

.blognews_summary { color: #535353; font-size: 14px; height: 45px; }

.home .blognews_list .slides li { width: auto; margin: auto; }
.home .blognews_list .slides li:nth-child(3n) { margin: auto; }
.home .blognews_post_item { padding-bottom: 25px; }
.home #contentwrapper .blognews_thumbnail_wrapper { height: 160px; overflow: hidden; background: #fff; text-align: center; position: relative; }
.home #contentwrapper .blognews_thumbnail_wrapper img.blognews_thumbnail { width: auto; float: none; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.home #contentwrapper h3.blognews_title, .home #contentwrapper h3.blognews_title a, .home #contentwrapper h3.blognews_title a:hover { color: #535353; font-size: 16px; text-decoration: none; font-weight: 400; }
.home .blognews_summary { color: #535353; font-size: 14px; }

/* Dashboard, ligne 2 fond blanc */
.dashboard #contentwrapper { padding: 0; }
.dashboard .bg-white { background: #fff; padding: 25px 0 35px 0; }

.dashboard-mea { /*img.img-produit-mea { float : left; margin: 0 10px 10px 0; padding : 0;
}*/ }
.dashboard-mea .lpslider { height: 320px; }
.dashboard-mea .mea-titre { font-weight: 700; display: block; margin: 0 0 7px 0; }
.dashboard-mea .dashboard-img-wrapper { position: relative; float: left; margin: 0 10px 10px 0; padding: 0; width: 143px; height: 143px; background: #fff; overflow: hidden; }
.dashboard-mea .dashboard-img-wrapper img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.dashboard-mea .mea-infos { letter-spacing: -0.1em; margin: 0 0 12px 0; }
.dashboard-mea .mea-tarifs { clear: both; }
.dashboard-mea .mea-line { display: block; }
.dashboard-mea .line-title { font-style: italic; font-weight: 700; }

/* Navigation catalogue */
#nav-catalogue { background: #d3b5aa; color: #855f53; font-size: 16px; margin: 0; position: relative; height: 36px; }
#nav-catalogue ul.firstrow > li { float: left; margin: 0; padding: 0; }
#nav-catalogue ul.firstrow > li > a { color: #765246; font-size: 16px; display: block; padding: 5px 10px 3px; height: 36px; z-index: 60; zoom: 1; position: relative; }
#nav-catalogue ul.firstrow > li > a.selected { background: white; height: 36px; }
#nav-catalogue ul.firstrow > li:hover > a { background: url(../img/nav-catalogue-hover.png) no-repeat center top; height: 45px; }
#nav-catalogue ul.firstrow > li:hover .megamenu-catalogue { display: block; }
#nav-catalogue .megamenu-catalogue { position: absolute; top: 36px; left: 0; right: 0; background: #e6cfc7; display: none; z-index: 50; zoom: 1; border-bottom: 1px solid #c8a89f; padding-bottom: 20px; }
#nav-catalogue .megamenu-catalogue .row { width: 1000px; max-width: 100%; min-width: 768px; margin: 20px auto 0; background: url(../img/megamenu_bg.png) repeat-y; }
#nav-catalogue .megamenu-catalogue h4 { margin: 0 0 10px; text-transform: uppercase; font-size: 15px; font-weight: 600; color: #8f6557; }
#nav-catalogue .megamenu-catalogue .column.metal { padding: 0 20px; }
#nav-catalogue .megamenu-catalogue .column.metal li { float: none; }
#nav-catalogue .megamenu-catalogue .column.metal li a { color: #8f6557; font-size: 13px; }
#nav-catalogue .megamenu-catalogue .column.metal li a.selected { color: #5c236a; font-weight: 600; }

#search_product_count { position: absolute; top: -25px; right: 10px; }

/*
.subnav-catalogue { width  : 1000px; margin : 15px auto;
 a { color     : #916456; font-size : 14px; padding   : 0 20px; display   : block; height    : auto; z-index   : auto; zoom      : auto; position  : relative; }
 a:hover { background : none; color      : #fff; }
}*/
/* Alerte */
#wrapper-alerte { background: #ebd9d4; margin: 0; width: 100%; margin: 0; min-height: 10px; position: relative; }
#wrapper-alerte #alerte-row { display: block; }
#wrapper-alerte .alerte-cnt { padding: 15px 0; }
#wrapper-alerte .row { position: relative; }

#alerte-btn-openclose { background: url(../img/btn-alerte-open.png) no-repeat top left; width: 38px; height: 28px; position: absolute; bottom: -28px; right: 0; display: block; z-index: 40; }

#alerte-btn-openclose.isopen { background: url(../img/btn-alerte-close.png) no-repeat top left; }

.alertes-informe { font-size: 39px; font-weight: 300; color: #fff; }

.alerte-titre { font-size: 20px; }

.alerte-contenu { display: block; margin: 0 0 15px 0; }

/* Footer */
/*--------*/
#footer { background: #000; color: #a7a7a7; padding: 38px 0; font-size: 18px; line-height: 1.5em; position: absolute; left: 0; right: 0; bottom: 0; }
#footer a { color: #a7a7a7; font-size: 18px; line-height: 2em; }
#footer p { font-size: 18px; margin: 0; padding: 0; line-height: 2em; }

h3.message { padding: 5px; background: #59b900; color: #ffffff; font-size: 13px; }

/* RE-DEFINITIONS DES STYLES DE FOUNDATION
*/
.button { display: inline-block; background-color: none; border: 1px solid #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: 8px; margin: 0; color: #855f53; font-size: 12px; background: #fafafa; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #ebebeb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ebebeb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #ebebeb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #ebebeb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #ebebeb 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBEBEB', GradientType=0); /* IE6-9 */ }
.button.grey { color: #444; }
.button.grey:hover { color: #000; }
.button:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#ebebeb, #ffffff); background-image: -moz-linear-gradient(#ebebeb, #ffffff); background-image: -o-linear-gradient(#ebebeb, #ffffff); background-image: linear-gradient(#ebebeb, #ffffff); box-shadow: none; }
.button:hover { color: #855f53; text-decoration: none; }
.button img, .button .icon { /*vertical-align: middle;*/ }

#head-dl { clear: both; margin: 10px 0 0 0; color: #9C7266; font-weight: normal; font-size: 16px; }
#head-dl .titrepanier { color: #9C7266; }

#head-dl_mini { display: none; padding: 11px 8px; margin: 1px 0 0 10px; }

/* PVP ZONE */
.pvp { clear: both; margin: 10px 0 0 0; padding: 0; float: right; text-align: right; }
.pvp div, .pvp form, .pvp input, .pvp button { display: inline-block; vertical-align: middle; margin: 0; float: left\9; }
.pvp input, .pvp button { border: 1px solid #cebcba; border-radius: 3px; background: #fff; padding: 4px 6px; font-size: 12px; font-weight: normal; color: #807c79; line-height: normal; height: 22px; box-sizing: border-box; text-align: center; cursor: pointer; }
.pvp button { font-weight: 600; font-size: 11px; }
.pvp .gold-price { color: #999; font-style: italic; margin-right: 1em; margin-right: 30px; }
.pvp .pvp-widgets { text-align: left; background: #e7d4ce; border: 1px solid white; padding: 3px; margin-right: -20px; border-radius: 3px; line-height: 0px; overflow: hidden; white-space: nowrap; height: 30 px\9; }
.pvp .pvp-widgets .pvp-coef { width: 90px; }
.pvp .pvp-widgets .pvp-coef .pvp-coef-input { width: 60px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.pvp .pvp-widgets .pvp-coef .pvp-coef-submit { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.pvp .pvp-widgets .pvp-switch { margin-left: 10px; }
.pvp .pvp-widgets .pvp-switch button { background: #bb998f; }
.pvp .pvp-widgets .pvp-switch button.active { color: #10c500; background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, gainsboro 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, gainsboro)); background: -webkit-linear-gradient(top, #fcfcfc 0%, gainsboro 100%); background: -o-linear-gradient(top, #fcfcfc 0%, gainsboro 100%); background: -ms-linear-gradient(top, #fcfcfc 0%, gainsboro 100%); background: linear-gradient(to bottom, #fcfcfc 0%, #dcdcdc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dcdcdc', GradientType=0); }
.pvp .pvp-widgets .pvp-switch .pvp-switch-on { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.pvp .pvp-widgets .pvp-switch .pvp-switch-off { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.pvp .pvp-button { cursor: pointer; font-size: 16px; line-height: 42px; height: 45px; width: 45px; border-radius: 50%; -webkit-border-radius: 50% px; -moz-border-radius: 50% px; background: #999; text-align: center; background: #fff; border: 2px solid #e0c7c0; font-weight: bold; overflow: hidden; background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, gainsboro 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, gainsboro)); background: -webkit-linear-gradient(top, #fcfcfc 0%, gainsboro 100%); background: -o-linear-gradient(top, #fcfcfc 0%, gainsboro 100%); background: -ms-linear-gradient(top, #fcfcfc 0%, gainsboro 100%); background: linear-gradient(to bottom, #fcfcfc 0%, #dcdcdc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dcdcdc', GradientType=0); }
.pvp .pvp-button.active { color: #00a05f; }

.ie.lte7 .pvp { width: 100%; text-align: right; }
.ie .gold-price { margin-top: 12px; }
.ie .pvp-widgets { margin-top: 8px; }

.ie.lte9 .pvp .pvp-button { filter: none !important; background: url(../img/bg-pvp-ie.png) no-repeat 0 0 !important; border: 0 !important; height: 48px; width: 48px; border-radius: 0; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { padding-top: 0; padding-bottom: 0; }

/* Formulaires - captcha*/
#form_captcha { width: 25%; }

/* Mini header fix */
#mini-header-fix { position: fixed; top: 0; background: #f4e6e5; height: 45px; top: 0; left: 0; right: 0; color: #8b6c67; z-index: 200; zoom: 1; display: none; padding: 2px; -moz-box-shadow: 0px 1px 3px 0px silver; -webkit-box-shadow: 0px 1px 3px 0px silver; -o-box-shadow: 0px 1px 3px 0px silver; box-shadow: 0px 1px 3px 0px silver; filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=3); }

#mini-link-home { float: left; }

#mini-header-fix-right { float: right; height: 45px; }

#btn_espacebijoutier_mini { color: #855f53; font-size: 16px; padding: 3px 20px; margin: 0; text-align: center; float: right; min-width: 185px; height: 36px; position: relative; cursor: pointer; }

#mini-header-fix-right .header-search-input, #connection-mini, #head-panier_mini, #mini-header-fix-right .pvp { float: right; margin: 1px 0 0 10px; }

#mini-header-fix-right .header-search-input { background: url(../img/bg-input-recherche-header.png) no-repeat 0 0; height: 34px; padding: 3px; width: 230px; }
#mini-header-fix-right .header-search-input .search-fast-input-h { background: none; border: 0; float: left; width: 180px; height: 28px; margin: 0 6px 0 0; box-shadow: none; font-size: 13px; padding: 0 5px; }
#mini-header-fix-right .header-search-input .search-fast-submit-h { background: none; border: 0; float: left; width: 35px; height: 28px; cursor: pointer; margin: 0; padding: 0; }

.content_tooltip { position: relative; padding-bottom: 5px; }
.content_tooltip .tooltip { position: absolute; z-index: 999; top: 95%; left: -50%; min-width: 90px; background: #F0F0F0; border: 1px solid #d3b5aa; border-radius: 3px; text-align: center; padding: 5px; right: 0; font-size: 11px; box-shadow: 0 0 4px rgba(211, 181, 170, 0.5); display: none; }
.content_tooltip:hover .tooltip { display: inline-block; }

/* complement fundation*/
.large-12 { width: 100%; }

.large-11 { width: 91.66%; }

.large-10 { width: 83.33%; }

.large-9 { width: 75%; }

.large-8 { width: 66.66%; }

.large-7 { width: 100%; }

.large-6 { width: 50%; }

.large-5 { width: 100%; }

.large-4 { width: 33.33%; }

.large-3 { width: 25%; }

.large-2 { width: 16.66%; }

.large-1 { width: 8.33%; }

/*
.button { display: inline-block; @include background-image(linear-gradient(#FFFFFF, #EBEBEB)); border: 1px solid #E8E8E8; @include border-radius(5px); cursor: pointer; padding: 8px; margin: 0; color: #855F53; font-size: 12px;
 &:active { @include background-image(linear-gradient(#EBEBEB, #FFFFFF)); box-shadow: none; }
 &:hover { color: #855F53; text-decoration: none; }
}
.ie .button { background-color: none;
}*/
.white-col { background-color: #FFFFFF; border-radius: 5px; padding: 20px; margin-bottom: 10px; }

.declis-grid-4 .decli { text-align: center; display: inline-block; width: 49%; position: relative; padding: 15px 0; }
.declis-grid-4 .decli .image { text-align: center; width: 147px; height: 90px; position: relative; }
.declis-grid-4 .decli .image img { display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; }
.declis-grid-4 .decli .title { color: #888; font-size: 10px; margin: 3px 0 5px 0; height: 40px; }
.declis-grid-4 .decli.pos-1 { border-left: 1px solid #f0f0f0; }
.declis-grid-4 .decli.pos-2 { border-top: 1px solid #f0f0f0; }
.declis-grid-4 .decli.pos-3 { border-left: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; }

.dashboard #contentwrapper > .row > .columns { margin-bottom: 40px; }

#infos_compte h5 { color: inherit; font-size: 16px; font-weight: 600; border-bottom: 1px solid #d3cfce; margin: 20px 0 10px 0; padding-bottom: 5px; }
#infos_compte .grey-box { background: #F0F0F0; border: none; margin: 5px 0; }

/* Menu de gauche sur la page compte
 ul > li > a > span > CONTENU
*/
.menu-buttons { background: rgba(212, 184, 173, 0.1); padding: 5px; border-radius: 5px; }
.menu-buttons ul { list-style: none; padding: 0; }
.menu-buttons li { margin: 0 0 5px 0; }
.menu-buttons a { cursor: pointer; display: block; line-height: 40px; border-radius: 5px; padding: 10px; text-align: center; color: #906357; font-weight: 600; font-size: 14px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8d4cd)); background-image: -webkit-linear-gradient(#ffffff, #e8d4cd); background-image: -moz-linear-gradient(#ffffff, #e8d4cd); background-image: -o-linear-gradient(#ffffff, #e8d4cd); background-image: linear-gradient(#ffffff, #e8d4cd); border: 1px solid #d4b3aa; box-shadow: 0 0 5px #d4b8ad; }
.menu-buttons a span { display: inline-block; vertical-align: middle; line-height: normal; }
.menu-buttons a:last-child { margin: 0; }
.menu-buttons .selected a { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4b8ad), color-stop(100%, #d0aea4)); background-image: -webkit-linear-gradient(#d4b8ad, #d0aea4); background-image: -moz-linear-gradient(#d4b8ad, #d0aea4); background-image: -o-linear-gradient(#d4b8ad, #d0aea4); background-image: linear-gradient(#d4b8ad, #d0aea4); color: #FFF; }

.histo-commandes td { cursor: pointer; }
.histo-commandes tr:hover td { color: #000; }

/* Tableau LP Creation
 <table class="table-lp striped"> pour avoir des rayures
*/
.table-lp { border-collapse: collapse; width: 100%; }
.table-lp td, .table-lp th { color: #888; font-size: 12px; font-family: 'Open Sans',sans-serif; text-align: left; padding: 8px; border: 1px solid #d6d6d6; background: #FFF; vertical-align: middle; }
.table-lp thead th { color: #FFF; border-radius: 7px 7px 0 0; border: 1px solid white; border-bottom: none; font-weight: bold; padding: 4px 8px; }
.table-lp a { color: #C84501; }
.table-lp a:hover { color: #953301; }
.table-lp .price { text-align: right; }
.table-lp thead .col-type { border-right: 1px solid #8e776f; }
.table-lp thead th { background: #8E776F; border-bottom: 1px solid #8e776f; }
.table-lp tbody th, .table-lp tfoot th { color: #8E776F; background: #E8E4E3; }
.table-lp.striped tr:nth-child(2n) td { background-color: #F2EEEF; }

#infos_user p { margin-bottom: 7px; }

.infos_comptables { margin-bottom: 1em; }
.infos_comptables td { text-align: right; width: 100px; }
.infos_comptables th { text-align: left; font-weight: normal; }

.flex-control-nav.out { position: relative; top: 20px; height: 1px; }

.breadcrumb { font-size: 11px; color: #999; margin-bottom: 1em; }
.breadcrumb a { color: #999; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

.dashboard-downloads, .page-downloads { border: none !important; position: relative; }
.dashboard-downloads .download-entry img, .page-downloads .download-entry img { vertical-align: middle; margin-right: 10px; }
.dashboard-downloads .see-all-documents, .page-downloads .see-all-documents { position: absolute; left: 10px; bottom: 10px; }
.dashboard-downloads h4, .page-downloads h4 { color: #333; }
.dashboard-downloads ul, .page-downloads ul { list-style: none; margin: 0; padding: 0; }
.dashboard-downloads ul li, .page-downloads ul li { margin: 5px 0 5px 10px; }
.dashboard-downloads ul li a, .page-downloads ul li a { color: #666; font-size: 16px; font-style: italic; }

.downloads-list { height: 295px; overflow: auto; }

.same-fixed-height { min-height: 360px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

.page-downloads h4 { margin-top: 1em; }

#ambiance-notification a { color: inherit; font-weight: bold; }

.blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 999; padding: 20px; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.75); text-align: center; }

.blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; }

.blocker.behind { background-color: transparent; }

.modal { display: none; vertical-align: middle; position: relative; z-index: 3; max-width: 750px; width: 90%; box-sizing: border-box; background: #fff; padding: 15px 30px; box-shadow: 0 0 10px black; text-align: left; }
.modal .row { min-width: 0; }
.modal img { max-width: 100%; }
.modal .title-modal { margin-bottom: 2rem; border-bottom: 1px solid #b58e83; padding-bottom: 1rem; }
.modal .radiobox { margin-bottom: 1rem; }
.modal .radiobox label { display: inline-block; margin-right: 1rem; }

.modal a.close-modal { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: #b58e83; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.modal a.close-modal::before { content: 'X'; display: block; position: absolute; left: 50%; top: 50%; margin-top: -9px; margin-left: -4px; font-size: 1.2rem; text-indent: 0; font-weight: 700; color: white; }

.modal-spinner { display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 12px 16px; border-radius: 5px; background-color: #111; height: 20px; }

.modal-spinner > div { border-radius: 100px; background-color: #fff; height: 20px; width: 2px; margin: 0 1px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.modal-spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.modal-spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1s; }

.modal-spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

@-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.5); }
  20% { -webkit-transform: scaleY(1); } }

@keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5); }
  20% { transform: scaleY(1); -webkit-transform: scaleY(1); } }

#catalogue_product_declinaisons #catalogue_product_addbasket { margin-top: 10px; }
#catalogue_product_declinaisons .hidden { display: none; }
#catalogue_product_declinaisons .action-form { margin-top: 10px; }
#catalogue_product_declinaisons .decli_choice { padding: 0; display: block; }
#catalogue_product_declinaisons .decli_choice.disabled { cursor: default; }
#catalogue_product_declinaisons .decli_color_choice { display: block; float: right; position: relative; }
#catalogue_product_declinaisons .decli_color_choice .color-choice { display: block; margin: 2px 0 0 0; width: 16px; height: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#catalogue_product_declinaisons .decli_color_choice .disabled_color { display: none; }
#catalogue_product_declinaisons .decli_color_choice.disabled .disabled_color { display: block; position: absolute; top: 0; left: 0; }
#catalogue_product_declinaisons .catalogue-prix { margin: 0 0 10px; }
#catalogue_product_declinaisons .row { padding: 5px 0; }
#catalogue_product_declinaisons .row.grey { background: #F0F0F0; }
#catalogue_product_declinaisons .row label { display: inline-block; color: inherit; font-size: 13px; }
#catalogue_product_declinaisons .row .columns.align_right { text-align: right; }
#catalogue_product_declinaisons .zone_pierres { border-top: 2px solid #f0f0f0; padding: 5px 0; }
#catalogue_product_declinaisons .zone_pierres .tooltip { left: -23%; }
#catalogue_product_declinaisons .zone_pierres .boc_img { width: 50px; height: 35px; border: 1px solid #ead6cf; position: relative; }
#catalogue_product_declinaisons .zone_pierres .boc_img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 80%; max-height: 85%; }
#catalogue_product_declinaisons .zone_pierres .info_dim { line-height: 35px; font-size: 15px; }
#catalogue_product_declinaisons select { width: 100%; height: 22px; border-radius: 2px; background-color: #fff; border: 1px solid #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); font-size: 14px; margin: 0 0 12px 0; padding: 0 6px; }
#catalogue_product_declinaisons .available-items { display: flex; flex-wrap: wrap; justify-content: flex-end; }
#catalogue_product_declinaisons .available-items .item { display: flex; align-items: center; }
#catalogue_product_declinaisons .available-items .item .color { width: 10px; height: 10px; }

.prod-list-titre-decli { float: left; width: 85px; }

.prod-list-decli { float: left; text-align: left; padding: 0 0 0 0; width: 230px; }

.label-recherche { font-size: 11px; color: #916456; margin: 10px 0 0 0; }

.cross_selling { font-weight: 600; }
.cross_selling .row.content_tooltip { cursor: pointer; }
.cross_selling .ref { font-weight: 600; }
.cross_selling .metal { display: inline-block; border: 1px solid #ead6cf; height: 35px; line-height: 35px; padding: 0 8px; text-transform: uppercase; margin-left: 10px; }
.cross_selling .bloc_pierre { padding-left: 55px; line-height: 35px; margin-bottom: 10px; }
.cross_selling .boc_img { position: absolute; width: 50px; height: 35px; border: 1px solid #ead6cf; left: 0; }
.cross_selling .boc_img img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 80%; max-height: 85%; }
.cross_selling .color-choice { position: absolute; top: 0; bottom: 0; right: 5px; margin: auto; width: 16px; height: 16px; display: inline-block; border-radius: 8px; }
.cross_selling > .row { padding: 12px 0 2px; line-height: 35px; }
.cross_selling > .row + .row { border-top: 2px solid #f0f0f0; }
.cross_selling > .row .tooltip { left: 0; text-align: left; padding: 15px; }
.cross_selling > .row .tooltip > .row > .columns:first-child { min-height: 110px; }
.cross_selling > .row .tooltip > .row > .columns:first-child::before { content: ''; position: absolute; top: 0; bottom: 0; left: 102%; width: 1px; background: #D3B5AA; }
.cross_selling > .row .tooltip > .row > .columns:first-child::after { content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; left: 149%; width: 1px; background: #D3B5AA; }
.cross_selling > .row .tooltip .color-choice { position: relative; right: auto; }
.cross_selling > .row .tooltip .row .row { margin-bottom: 5px; }
.cross_selling > .row .tooltip p { text-align: center; }

.search-input { background: url(../img/bg-input-search-produit.gif) no-repeat 0 0; height: 30px; padding: 3px; }
.search-input #search-fast-input { background: none; border: 0; float: left; width: 180px; height: 24px; margin: 0 6px 0 0; box-shadow: none; font-size: 13px; padding: 0 5px; }
.search-input #search-fast-submit { background: none; border: 0; float: left; width: 35px; height: 24px; cursor: pointer; }

#form-search-product h3 { font-size: 19px; font-weight: 400; text-transform: uppercase; color: #916456; border-bottom: 1px solid #916456; margin: 30px 0 15px 0; padding: 0 0 5px 0; }
#form-search-product .filtre-titre { float: left; font-size: 13px; font-style: italic; color: #916456; }
#form-search-product .filtre-options label { float: right; width: 119px; font-size: 12px; color: #9e766a; }
#form-search-product .filtre-options input { /*background : #fff;*/ }
#form-search-product .filtre-options-txt { clear: both; font-size: 13px; padding: 8px 0 0 0; }
#form-search-product .filtre-options-txt input { display: inline; width: 60px; height: 22px; font-size: 13px; padding: 0 5px; }

.filtre-type { border-top: 1px solid white; margin: 0 0 10px 0; padding: 10px 0 0 0; }

#filtres-recherche .filtre-type:nth-child(1) { border: 0; }

#form-search-product .filtre-options-txt input.btOK { width: 40px; padding: 4px; margin: 0 0 5px 5px; vertical-align: top; }

/* Tri des produits en haut de la liste */
#order-results { padding: 4px 10px; }

.order-result-option { float: right; border-left: 1px solid #aaaaaa; padding: 0 15px; margin: 2px 0 0 0; font-size: 12px; }

.tri-down { display: inline-block; width: 10px; height: 7px; background: url(../img/tri-down.gif) no-repeat 0 0; margin: 0 3px 0 5px; cursor: pointer; }
.tri-down.tri-active { background: url(../img/tri-down-actif.gif) no-repeat 0 0; }

.tri-up { display: inline-block; width: 10px; height: 7px; background: url(../img/tri-up.gif) no-repeat 0 0; cursor: pointer; }
.tri-up.tri-active { background: url(../img/tri-up-actif.gif) no-repeat 0 0; }

/* Liste des produits / fiche produit */
#catalogue_search .white-bg { padding: 10px; }

.product-in-list { float: left; width: 157px; height: 325px; margin: 0 16px 18px 5px; }
.product-in-list a.btn-ajout-panier { margin: 0 auto; float: none; }
.product-in-list .product-list-moreinfos { position: absolute; color: #eee; top: 155px; left: 0; width: 100%; height: 100%; background: rgba(144, 119, 116, 0.8); font-size: 12px; padding: 5px; }
.product-in-list .product-list-moreinfos .moreinfo_poids, .product-in-list .product-list-moreinfos .moreinfo_long { font-size: 13px; display: block; float: left; width: 45%; padding: 2px; }

.product-title { height: 45px; display: table-cell; vertical-align: bottom; color: #765246; line-height: 1.1em; padding: 0 0 5px 0; }

.product-infos { font-size: 13px; color: #7a7a7a; }

.product-thumb { border: 1px solid #ead6cf; display: block; height: 155px; width: 155px; position: relative; overflow: hidden; }
.product-thumb img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; max-height: 100%; }

.product-view-image img { display: none; }

#catalogue_product .white-bg { padding: 15px; margin: 0 0 10px 5px; }
#catalogue_product h2 { font-size: 32px; color: #765246; font-weight: 400; }
#catalogue_product h3 { font-size: 24px; color: #765246; font-weight: 400; }
#catalogue_product #product-back-catalogue { position: absolute; top: -25px; right: 15px; color: #999; }
#catalogue_product #product-back-catalogue:hover { color: #666; }

.product-view-image { float: left; width: 365px; height: 365px; border: 1px solid #ead6cf; position: relative; }
.product-view-image img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }

.product-view-infos { float: right; width: 325px; }

.prod-info-line { margin: 20px 0; }
.prod-info-line label { display: inline-block; color: #916456; }

#prd-quantite, #prd-longueur { width: 50px; display: inline-block; height: 22px; vertical-align: top; }

/* Slider des produits de même gamme */
#slider-meme-gamme { position: relative; }
#slider-meme-gamme.slideme { margin: 0 0 0 60px; width: 600px; }
#slider-meme-gamme.dontslideme { margin: 0; }
#slider-meme-gamme.dontslideme li { float: left; }
#slider-meme-gamme .slides li { margin: 0 5px 0 0; }
#slider-meme-gamme .flex-direction-nav li a.flex-prev, #slider-meme-gamme .flex-direction-nav li a.flex-next { width: 44px; height: 44px; top: 65px; }
#slider-meme-gamme .flex-direction-nav li a.flex-prev { left: -53px; background: url(../img/arrow-slider-products.gif) no-repeat 0 0; }
#slider-meme-gamme .flex-direction-nav li a.flex-next { right: -53px; background: url(../img/arrow-slider-products.gif) no-repeat -45px 0px; }
#slider-meme-gamme .meme-gamme-thumb { height: 143px; position: relative; }
#slider-meme-gamme .meme-gamme-thumb img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

#slider-meme-gamme ul, #slider-meme-gamme li { list-style: none; margin: 0; padding: 0; }

#slider-meme-gamme li .meme-gamme-product { display: block; width: 146px; text-align: center; font-size: 13px; color: #916456; }

.pagination { text-align: center; }
.pagination a { padding: 0 3px; }

#catalogue_product_message_nodispo { color: red; font-size: 11px; }

.decli_dispo { position: absolute; top: 15px; right: 15px; }
.decli_dispo .tooltip { min-width: 110px; left: -320%; }
.decli_dispo .bullet { display: block; width: 25px; height: 25px; border-radius: 100%; }
.decli_dispo .bullet.disponible { background: #00AA00; }
.decli_dispo .bullet.delai { background: #FF9800; }
.decli_dispo .bullet.contacter_lp { background: #00AA00; }
.decli_dispo.mini { top: 2px; right: 2px; }
.decli_dispo.mini .bullet { width: 15px; height: 15px; }

.decli_dispo_cell { position: relative }
.decli_dispo_cell .tooltip { min-width: 110px; left: -320%; }
.decli_dispo_cell .bullet { display: block; width: 25px; height: 25px; border-radius: 100%; }
.decli_dispo_cell .bullet.disponible { background: #00AA00; }
.decli_dispo_cell .bullet.delai { background: #FF9800; }
.decli_dispo_cell .bullet.contacter_lp { background: #00AA00; }

.availability-table tr:not(:last-of-type) { border-bottom: 1px solid #ccc }
.availability-table th { text-align: start; padding-right: 5px }
.availability-table td { text-align: center; padding-left: 5px; padding-right: 5px; border-left: 1px solid #ccc }
.availability-table .decli_dispo_cell .bullet { margin: auto; width: 10px; height: 10px; }