/*
** ===========================================================================================================================
** FONTS
** ===========================================================================================================================
*/

@font-face {
    font-family: 'Avenir Book'; src: url('../fonts/avenir/Avenir-Book.eot');
    src: url('../fonts/avenir/Avenir-Book.eot#iefix') format('embedded-opentype'),
    url('../fonts/avenir/Avenir-Book.woff') format('woff'),
    url('../fonts/avenir/Avenir-Book.ttf') format('truetype'),
    url('../fonts/avenir/Avenir-Book.svg') format('svg');
}

@font-face {
    font-family: 'Avenir Black'; src: url('../fonts/avenir/Avenir-Black.eot');
    src: url('../fonts/avenir/Avenir-Black.eot#iefix') format('embedded-opentype'),
    url('../fonts/avenir/Avenir-Black.woff') format('woff'),
    url('../fonts/avenir/Avenir-Black.ttf') format('truetype'),
    url('../fonts/avenir/Avenir-Black.svg') format('svg');
}
@font-face {
    font-family: 'Avenir Medium'; src: url('../fonts/avenir/Avenir-Medium.eot');
    src: url('../fonts/avenir/Avenir-Medium.eot#iefix') format('embedded-opentype'),
    url('../fonts/avenir/Avenir-Medium.woff') format('woff'),
    url('../fonts/avenir/Avenir-Medium.ttf') format('truetype'),
    url('../fonts/avenir/Avenir-Medium.svg') format('svg');
}
@font-face {
    font-family: 'Avenir Light'; src: url('../fonts/avenir/Avenir-Light.eot');
    src: url('../fonts/avenir/Avenir-Light.eot#iefix') format('embedded-opentype'),
    url('../fonts/avenir/Avenir-Light.woff') format('woff'),
    url('../fonts/avenir/Avenir-Light.ttf') format('truetype'),
    url('../fonts/avenir/Avenir-Light.svg') format('svg');
}
@font-face {
    font-family: 'Avenir Roman'; src: url('../fonts/avenir/Avenir-Roman.eot');
    src: url('../fonts/avenir/Avenir-Roman.eot#iefix') format('embedded-opentype'),
    url('../fonts/avenir/Avenir-Roman.woff') format('woff'),
    url('../fonts/avenir/Avenir-Roman.ttf') format('truetype'),
    url('../fonts/avenir/Avenir-Roman.svg') format('svg');
}
@font-face {
    font-family: 'Avenir Oblique'; src: url('../fonts/avenir/Avenir-Oblique.eot');
    src: url('../fonts/avenir/Avenir-Oblique.eot#iefix') format('embedded-opentype'),
    url('../fonts/avenir/Avenir-Oblique.woff') format('woff'),
    url('../fonts/avenir/Avenir-Oblique.ttf') format('truetype'),
    url('../fonts/avenir/Avenir-Oblique.svg') format('svg');
}


/*
** ===========================================================================================================================
** BODY AND COMMONS
** ===========================================================================================================================
*/

*, html, body {padding: 0; margin: 0;}

body {font-size: 12px; font-family: "Avenir Book", serif; color: #000000; line-height: 1.2em; min-width: 300px;}

a {cursor: pointer;}

.no-padding {padding-left: 0; padding-right: 0;}

hr {border-top: 1px solid #676767; width: 60%; margin: 20px auto;}

div.cookies {background-color: #579da3; padding: 10px; color: #fff; position: fixed; bottom: 0; width: 100%; z-index: 4000;}
div.cookies a {color: #ffffff; text-decoration: underline;}
div.cookies img.close {opacity: 1;}

div.scrollup {position: fixed; width: 35px; height: 35px; bottom: 5px; right: 5px; display: none; color: white;
    background-color: #0091a4; border: 1px solid #0091a4; font-size: 20px; text-align: center; line-height: 37px;
    z-index: 9999; cursor: pointer;}


a.text-black, a.text-black:hover, a.text-black:focus, a.text-black:active {color: #000000; text-decoration: none;}
span.text-blue, a.text-blue, a.text-blue:hover, a.text-blue:focus, a.text-blue:active {color: #44aebd;}

a.read-more, a.read-less {color: #1f8899;}

span.price {font-family: "Avenir Black", serif; color: #1f8899;}

a.price, a.price:hover, a.price:focus, a.price:active, span.price {color: #1f8899; font-family: "Avenir Black", serif;}



/* GALLERY ELEVATEZOOM */

.gallery img {max-width: 100%;}

.gallery > #gallery-thumbnails {margin: 15px 0;}
.gallery > #gallery-thumbnails img {margin: 0 10px 10px 0;}

.gallery > #gallery-thumbnails > a, .gallery > #gallery-thumbnails > a:hover,
.gallery > #gallery-thumbnails > a:focus, .gallery > #gallery-thumbnails > a:active {text-decoration: none;}


/* SHARE */

.share {border-top: 1px solid #cce9ed; padding: 15px 0;}
.share span.text-gray {color: #c8c8c8;}

.st_twitter_vcount {background: url("../images/social/tw.png") no-repeat scroll left top transparent !important; padding: 0;
    height: 35px; width: 35px; display: inline-block; vertical-align: middle; cursor: pointer;}

.st_facebook_vcount {background: url("../images/social/fb.png") no-repeat scroll left top transparent !important; padding: 0;
    height: 35px; width: 35px; display: inline-block; vertical-align: middle; cursor: pointer;}

.st_pinterest_vcount {background: url("../images/social/foot1.png") no-repeat scroll left top transparent !important; padding: 0;
    height: 35px; width: 35px; display: inline-block; vertical-align: middle; cursor: pointer;}

.st_instagram_vcount {background: url("../images/social/foot3.png") no-repeat scroll left top transparent !important; padding: 0;
    height: 35px; width: 35px; display: inline-block; vertical-align: middle; cursor: pointer;}

span.stMainServices, span.stButton_gradient {display: none !important;}
.stBubble_count {display: none !important;}
.stButton .stBubble {background: none !important;}



/* FAVORITES */

.favorite::before {content: ""; background: url('images/favadd.png'); width: 13px; height: 13px; display: inline-block;
    margin-right: 5px; vertical-align: text-top;}
.favorite, a.favorite:hover, a.favorite:focus, a.favorite:active {color: #474747; font-size: 11px;
    font-family: "Avenir Medium", serif; cursor: pointer; text-decoration: none;}

.favorite-suppr::before {background: url("images/favsupp.png");}
.favorite-add::before {background: url("images/favadd.png");}


/*
** ===========================================================================================================================
** INPUTS
** ===========================================================================================================================
*/

*::-webkit-input-placeholder {color: #474747;}
*:-moz-placeholder {color: #474747;}
*::-moz-placeholder {color: #474747;}
*:-ms-input-placeholder {color: #474747;}



/*
** ===========================================================================================================================
** BUTTONS
** ===========================================================================================================================
*/

a.btn-default,
button.btn-default,
input.btn-default {color: #ffffff; background: #10101D; border: none; border-radius: 0; line-height: 32px;
    font-weight: 400; font-size: 13px; text-transform: uppercase; display: block; padding-left: 14px;
    padding-right: 14px; width: 100%;}

a.btn-default > span.glyphicon {color: #0fd7da; font-family: "Glyphicons Halflings", serif; margin-right: 10px;}

a.btn-default:hover,
a.btn-default:focus,
button.btn-default:hover,
button.btn-default:focus,
input.btn-default:hover,
input.btn-default:focus {color: #0fd7da; background: #10101D; border: none; border-radius: 0;
    text-decoration: none;}

/*
** ===========================================================================================================================
** MODALS
** ===========================================================================================================================
*/

/* COMMON */

div.modal div.modal-content {border-radius: 0; border: none;}

div.modal button.modal-close {float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #c5dee3;
    border-color: #ffffff; background-color: #000000; margin-top: -30px; margin-right: -30px;
    -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
    opacity: 1; text-shadow: none; padding: 2px 6px 3px;}

div.modal div.modal-header {border: 0;}

div.modal .required-field:before, .required-field:before {content: "*"; color: #ff0000; vertical-align: top;}
div.modal span.text-error,
div.modal label.error {margin-top: -17px; float: left; width: 100%; color: #ff0000;
    font-weight: normal; margin-bottom: 0;}
div.modal input.error {border: 1px solid #ff0000;}

div.modal span.text-error ul li {list-style-type: none;}


/* ACCOUNT */

div.modal#account-modal a {display: block; width: 100%; background: #000000; text-align: center;
    vertical-align: middle; margin: 10px auto;}
div.modal#account-modal a.login {padding-top: 11px; padding-bottom: 11px;}
div.modal#account-modal a.register {padding-top: 18px; padding-bottom: 18px;}
div.modal#account-modal a:hover,
div.modal#account-modal a:focus {color: #ffffff; text-decoration: none;}

div.modal#account-modal a > span {display: block;}
div.modal#account-modal a > span.btn-header {color: #ffffff; text-transform: uppercase;}
div.modal#account-modal a > span.btn-caption {color: #0fd7da;}

div.modal#account-modal a:hover > span.btn-header,
div.modal#account-modal a:focus > span.btn-header {color: #ffffff;}


/* CONTACT */

div.modal#contact-modal h3 {font-family: "Avenir Black", serif; font-size: 16px; margin-top: 0;}
div.modal#contact-modal a {text-decoration: none;}
div.modal#contact-modal div {margin-bottom: 10px;}
div.modal#contact-modal span.text-gray {color: #676767; font-family: "Avenir Medium", serif;}

div.modal#contact-modal input[type=submit] {font-size: 16px;}

div.modal#contact-modal span.email,
div.modal#contact-modal span.phone,
div.modal#contact-modal span.blue {font-size: 14px;}
div.modal#contact-modal span.blue {font-family: "Avenir Black", serif; color: #0091a4;}


/* REGISTER */

div.modal#register-modal h3,
div.modal#login-modal h3
{font-family: "Avenir Book", serif; font-weight: 400; color: #0f747c; font-size: 20px;
    padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000000; text-transform: uppercase;}

div.modal#login-modal span.text-black,
div.modal#register-modal span.text-black {color: #000000; font-family: "Avenir Medium", serif; margin-bottom: 20px;}

/*div.modal#register-modal span.text-error,*/
/*div.modal#login-modal span.text-error {margin-top: -17px; margin-bottom: 10px; color: #ff0000;}*/

div.modal#register-modal div,
div.modal#login-modal div {margin-bottom: 10px;}

div.modal#register-modal input#checkbox-register,
div.modal#login-modal input#remember-me {position: absolute; z-index: -1000; left: -1000px; overflow: hidden;
    clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;}

div.modal#register-modal label#checkbox-register-label,
div.modal#login-modal label#checkbox-register-label {
    background: url('../checkboxes/u/csscheckbox_a3790f8d6bb67bdd1e1e89fd3fd6d570.png') no-repeat 0 0;
    -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
    user-select: none; padding-left: 21px; height: 16px; display: inline-block; line-height: 16px;
    vertical-align: middle; cursor: pointer; width: auto; margin-bottom: 20px;}

div.modal#register-modal label#checkbox-register-label.text-error,
div.modal#login-modal label#checkbox-register-label.text-error,
div.modal#register-modal label#checkbox-register-label.text-error a,
div.modal#login-modal label#checkbox-register-label.text-error a {color: #ff0000;}

div.modal#register-modal input#checkbox-register:checked + label#checkbox-register-label,
div.modal#login-modal input#remember-me:checked + label#checkbox-register-label {background-position: 0 -16px;}

div.modal#login-modal span.text-gray {color: #676767; text-decoration: underline; font-family: "Avenir Medium", serif;}



/* NEWSLETTER */

div.modal#newsletter-modal #newsletter-form input[type=submit] {height: 34px; padding: 0 15px;}
div.modal#newsletter-modal #newsletter-form div.alert {padding: 10px; margin-top: 10px; margin-bottom: 5px;}

div.g-recaptcha {margin-top: 15px;}
div.g-recaptcha > div {width: 100% !important; height: auto !important;}

#newsletter-form > .input-group {width: 100%;}
div.g-recaptcha iframe {display: block; margin-left: auto; margin-right: auto;}


/* FORM */

form.form-blue input,
form.form-blue textarea {border: 1px solid #0091a4; -webkit-border-radius: 0; -moz-border-radius: 0;
    border-radius: 0; color: #676767; font-size: 12px; margin-bottom: 20px; font-family: "Avenir Medium", serif;}
form.form-blue input {height: 40px;}
form.form-blue textarea {height: auto;}

form.form-gray {margin-top: 20px;}
form.form-gray input[type=text],
form.form-gray input[type=password],
form.form-gray input[type=email],
form.form-gray textarea { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #474747;
    font-size: 12px; margin-bottom: 20px; font-family: "Avenir Book", serif; width: 80%; text-align: center;}
form.form-gray input[type=text],
form.form-gray input[type=password],
form.form-gray input[type=email]
{height: 40px;}
form.form-gray textarea {height: auto;}
form.form-gray input[type=submit],
form.form-gray input[type=button]
{margin-top: 15px;}
form.form-gray label {font-family: "Avenir Medium", serif;}
form.form-gray label a {color: #0091a4;}


/*
** ===========================================================================================================================
** HEADER / FOOTER
** ===========================================================================================================================
*/

header#top nav,
footer div.nav,
footer nav {padding-left: 0; padding-right: 0;}

footer div.nav,
footer nav.navbar-default {border: 0; border-radius: 0;}

footer h1.logo img {height: 35px; width: auto; vertical-align: middle;}

footer h6.gray-text,
footer div.copyright p.gray-text,
footer div.copyright p.gray-text a {color: #8b8b8b; font-size: 14px; text-transform: capitalize; font-weight: 500; margin: 0;
    padding-top: 12px; padding-bottom: 12px; text-decoration: none;}
footer p.gray-text {color: #464646; font-size: 12px;}
footer span.text-tel {padding: 8px 0; color: #0f747c; border-top: 1px solid #9dcbd2; border-bottom: 1px solid #9dcbd2;
    margin: 5px 0; display: block; font-size: 16px; font-family: "Avenir Black", serif;}
footer p a, footer p a:hover, footer p a:focus, footer p a:active {color: #0f747c; text-decoration: underline;}

footer #newsletter-form input[type=email] {width: 90%; border-radius: 0; display: block; font-size: 12px;}
footer #newsletter-form input[type=submit] {padding-top: 5px;}
footer #newsletter-form input {height: 40px;}
footer #newsletter-form div.alert {padding: 5px; margin-top: 10px;}

header#top ul.top-right {padding: 0; margin-top: 15px; margin-bottom: 0;}
header#top ul.top-right li {list-style-type: none; display: inline-block; vertical-align: middle;}

header#top ul.top-right li > a:hover,
header#top ul.top-right li > a:focus {text-decoration: none;}

header#top ul.top-right > li.welcome {color: #8b8b8b;}
header#top ul.top-right > li.contact > a,
header#top ul.top-right > li.account > a {color: #000000;}
header#top ul.top-right > li.sell > a {color: #0091a5; text-decoration: underline;}



header#top ul.bottom-left {padding: 0;}
header#top ul.bottom-left li {list-style-type: none; display: inline-block; margin-right: 20px;}

footer nav.navbar-default > ul.navbar-nav {margin: auto; text-align: center; float: none;}
footer nav.navbar-default > ul.navbar-nav > li {text-align: center; display: inline-block; float: none; margin-right: 20px;}

header#top ul.bottom-left li a,
footer nav.navbar-default > ul.navbar-nav > li > a {color: #000000; padding-left: 0; padding-right: 0; border-bottom: 2px solid #ffffff;}

header#top ul.bottom-right {padding: 0; margin: 0;}
header#top ul.bottom-right li {list-style-type: none; display: inline-block; vertical-align: middle; margin-left: 10px;}

header#top nav.navbar-default,
footer div.navbar-default,
footer nav.navbar-default {border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; background: #ffffff;
    font-family: "Avenir Book", serif; font-weight: 400; font-size: 13px; text-transform: uppercase;}

header#top nav.navbar-default ul.bottom-left li.active a,
header#top nav.navbar-default ul.bottom-left li a:hover,
header#top nav.navbar-default ul.bottom-left li a:focus {border-bottom: 2px solid #0091a5; background-color: #ffffff;}

footer nav.navbar-default > ul.navbar-nav > li.active > a,
footer nav.navbar-default > ul.navbar-nav > li > a:hover,
footer nav.navbar-default > ul.navbar-nav > li > a:focus {color: #0091a5; border-bottom: 2px solid #0091a5; background-color: #ffffff;}

footer div.follow-us img {padding-top: 5px;}

h1.logo {margin: 0;}

header#top nav.row {margin: 0 0 20px;}
footer {margin: 20px 0;}

header#top div.slogan h2 {font-size: 18px; color: #1f8899; margin-top: 15px;}

header#top form.searchform {display: inline-block; padding-right: 0; padding-left: 0;}
header#top form.searchform input[type=text] {height: 34px; width: 270px; padding-left: 10px; color: #000000;}
header#top form.searchform input[type=submit] {text-indent: -99999px; width: 23px; height: 25px; margin-right: 20px;
    margin-left: -40px; margin-top: 0; background: url(images/search.png) 0 0 no-repeat; border: 0;}

header#top ul.bottom-right > li.account > a.btn-default > span.glyphicon:before {content: ""; width: 16px; height: 16px;
    background: url(images/user.png); display: inline-block;}

header#top ul.bottom-right > li.phone {border: 1px solid #1f8899;}
header#top ul.bottom-right > li.phone > span {padding: 5px 6px 5px 1px; vertical-align: middle; font-weight: 600; font-size: 12px;}

header#top ul.bottom-right > li.email {border: 1px solid #1f8899;}


ul.languages li img {height: 15px; border: 1px solid #e7e7e7}


/*
** ===========================================================================================================================
** FRONT PAGE
** ===========================================================================================================================
*/

ul.bxslider li {list-style-type: none; width: 100%; position: relative;}
ul.bxslider li img {width: 100%;}
ul.bxslider li .bx-caption {position: absolute; bottom: 0; text-align: center; width: 100%;}
ul.bxslider li .bx-caption span {color: #ffffff; font-family: "Avenir Book", serif; display: block; padding: 10px;
    font-size: 13px; text-transform: uppercase;}


.frontpub {border: none; background-color: #10101d; color: #ffffff; text-align: center; padding-bottom: 20px; margin-bottom: 20px;
    border-radius: 0; max-height: 550px;}
.frontpub h3 {margin-top: 0; margin-bottom: 0;}
.frontpub-inside {margin: auto; padding-top: 5px;}

.frontpub hr {border-color: #ffffff;}

.frontpub span {display: block; font-family: "Avenir Light" , serif; color: #0FD7DA;
    line-height: 1.2; font-size: 22px;}
.frontpub span.status {font-family: "Avenir Black", serif; text-transform: uppercase;}
.frontpub span.slogan {font-size: 17px; font-family: "Avenir Oblique", serif; line-height: 1.2; text-align: center;
    margin-bottom: 10px; color: #ffffff;}

.frontpub a.btn {background-color: #0f747c; color: #0fd7da; font-size: 15px; font-family: "Avenir Black" , serif;
    padding: 1px 30px; margin-bottom: 10px; width: 90%; margin-left: auto; margin-right: auto;}

.overview {margin-top: 20px;}
.overview div.item div.carousel-inner {height: 100%;}
.overview div.item div.custom-carousel-thumbnail {border: 1px solid #b2b2b2; text-align: center; height: 383px; position: relative;}

.overview div.item div.custom-carousel-thumbnail img.img-responsive {margin: auto; vertical-align: middle;}

.overview div.item div.custom-carousel-caption h5 {font-family: "Avenir Medium" , serif; font-size: 20px;
    text-transform: uppercase; margin-bottom: 0;}

.overview h4 {position: relative; text-align: center; font-size: 16px; text-transform: uppercase;
    font-family: "Avenir Book", serif; font-weight: bold; margin-bottom: 25px;}

.overview span.h4-border {position: absolute; top: 0; left: 0; border-bottom: 1px solid #000000;
    width: 100%; margin-top: 7px;}

.overview span.h4-bg {background: #ffffff; position: relative; z-index: 3; padding-left: 30px;
    padding-right: 30px;}

.overview span.gray-text {color: #7c7c7c; font-size: 11px; font-family: "Avenir Book", serif; display: block;}

.overview a {color: #0091a4;}



/*
** ===========================================================================================================================
** OEUVRES
** ===========================================================================================================================
*/


nav.filter {border-bottom: 1px solid #e7e7e7; color: #000000; font-family: "Avenir Roman" , serif; font-size: 11px;}

ul.filters > li {display: inline-block; list-style-type: none; margin: 15px; vertical-align: top;}
ul.filters > li ul > li {list-style-type: none; color: #000000; font-family: "Avenir Roman" , serif; font-size: 11px;}
ul.filters > li > .dropdown-menu {min-width: 100%;float: none; position: relative; border: none; box-shadow: none; /*display: none;*/}
/*ul.filters > li.open > .dropdown-menu {display: block;}*/
ul.filters > li > .dropdown-menu label {font-weight: normal; margin-left: 5px;}
ul.filters > li > a.dropdown-toggle, ul.filters > li > span {line-height: 32px;}
ul.filters > li > a, ul.filters > li > a:hover, ul.filters > li > a:focus {color: #000000;}
ul.filters > li > a > b.caret {color: #0091a5; margin-top: -2px;}
ul.filters > li > .dropdown-menu > ul {padding: 0;}
ul.filters > li button, ul.filters > li button:hover,
ul.filters > li button:focus, ul.filters > li button:active {background-color: #0091a4; border: 1px solid #0091a4;
    color: #ffffff; border-radius: 0; text-transform: uppercase; font-family: "Avenir Roman" , serif; font-size: 12px;
    font-weight: normal; margin: auto; padding: 0 14px;}

button.filter-toggle {margin-bottom: 20px; width: 100%; background-color: #0091a4; text-align: center; padding: 10px;
    border: 0; color: #ffffff; font-size: 18px; font-family: "Avenir Book", sans-serif; text-transform: uppercase;}

div.oeuvre {margin-bottom: 40px;}

div.oeuvre img:not(.heart) {width: 100%; max-width: 100%;}

div.oeuvre h4 {font-size: 11px; text-transform: uppercase; font-weight: normal; margin-bottom: 5px;}
div.oeuvre h3, div.oeuvre h3 a, div.oeuvre h3:hover, div.oeuvre h3:focus, div.oeuvre h3:active {font-size: 14px;
    text-transform: uppercase; font-weight: normal; font-family: "Avenir Medium", serif; color: #1f8899; margin: 0;}
img.heart {width: 15px; height: 13px; margin-left: 10px;}

.view {overflow: hidden; text-align: center; cursor: default; position: relative;}
.view > .mask {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;}
.view a {display: inline-block;}
.view a.oeuvre-detail {background:url('images/zoom.png') center no-repeat; display: inline-block; text-decoration: none;
text-indent:-9999px; width:100%; height:100%; top: 10px;}

.second-effect > .mask {opacity: 0; border: 0 solid rgba(0,0,0,0.7); box-sizing:border-box;
    transition: all 0.4s ease-in-out;}
.second-effect a.oeuvre-detail {position:relative; top:-10px; opacity:0;}
.second-effect:hover > .mask, .second-effect:focus > .mask {opacity: 0.5; border:35px solid #78cdc0;}
.second-effect:hover a.oeuvre-detail, .second-effect:focus a.info {opacity:1; transform:scale(1,1); transition-delay:0.3s;}


.sold {border-radius: 50%; background-color: #FF0303; width: 12px; height: 12px; margin: 0; float: right;}

/*
** ===========================================================================================================================
** OEUVRES - DETAIL
** ===========================================================================================================================
*/



.oeuvre-detail h3 {font-family: "Avenir Medium", serif; font-size: 16px; margin: 0;}

.oeuvre-detail h4, .oeuvre-detail h4 a {color: #0091a4; text-decoration: underline; font-size: 14px;
    font-family: "Avenir Medium", serif; margin: 0 0 15px 0;}

.oeuvre-infos {border-top: 1px solid #cce9ed; border-bottom: 1px solid #cce9ed; padding: 15px 0; margin: 15px 0 0;}

.oeuvre-infos p {color: #505050; font-family: "Avenir Book", serif; font-size: 12px; line-height: 30px; margin-bottom: 0;}

.oeuvre-detail article {font-size: 14px; line-height: 18px; border-bottom: 1px solid #cce9ed; padding: 15px 0 0;}
.oeuvre-detail article span, .oeuvre-detail article p {margin-bottom: 15px;}
.oeuvre-detail .price {font-size: 20px;}

.oeuvre-guarantee a, .oeuvre-guarantee a:hover, .oeuvre-guarantee a:focus, .oeuvre-guarantee a:active {font-size: 11px;
    color: #0091a4; text-decoration: none;}

.oeuvre-contact {padding-top: 15px;}
.oeuvre-contact > span {font-family: "Avenir Roman", serif; font-size: 12px; font-weight: bold;}
.oeuvre-contact a.btn {margin: 15px 0;}


.oeuvre-artist {border-top: 1px solid #e3e2e2; border-bottom: 1px solid #e3e2e2; padding: 15px 0;}

.oeuvre-artist h4 {font-family: "Avenir Medium", serif; font-size: 16px;}
.oeuvre-artist h5 {font-family: "Avenir Book", serif; font-size: 16px; text-transform: uppercase; font-weight: normal;
    margin-bottom: 20px;}

.oeuvre-artist h6 {line-height: 1.5em;}
.oeuvre-artist h6:first-letter {text-transform: capitalize;}
.oeuvre-artist h6 span.expo-name {color: #1f8899;}

.oeuvre-artist article {font-size: 14px;}

.oeuvre-artist-bio {border-right: 1px solid #bfbfbf; height: 100%; padding-right: 30px;
    line-height: 1.2;}
.oeuvre-artist-expo {padding-left: 30px;}

.oeuvre-artist-picture {float: right; margin: 0 0 15px 15px;}

/*
** ===========================================================================================================================
** ARTISTES - LISTE
** ===========================================================================================================================
*/


.artists-list span.h3-border {position: absolute; top: 0; left: 0; border-bottom: 1px solid #0d0909;
    width: 100%; margin-top: 7px;}

.artists-list span.h3-bg {background: #ffffff; position: relative; z-index: 3; padding-left: 30px;
    padding-right: 30px;}

.artists-list h3 {position: relative; text-align: center; font-size: 16px; text-transform: uppercase;
    font-family: "Avenir Book", serif; font-weight: bold; margin-bottom: 25px; color: #0d0909;}

.artists-list h4 {position: relative; text-align: left; font-size: 14px; text-transform: uppercase;
    font-family: "Avenir Book", serif; font-weight: bold; margin-bottom: 25px; color: #0d0909;}

.artists-wall {text-align: center; font-size: 0;}
.artists-wall-picture {display: inline-block; margin: 1px; position: relative; z-index: 1; background: #44aebd; width: 100px;
    height: 100px; vertical-align: middle;}
.artists-wall-caption {position: absolute; bottom: 0; left: 0; right: 0; height: 100%; z-index: 3; font-size: 12px;
    text-transform: uppercase;}
.artists-wall-caption a {width: 100px; height: 100px; display: table-cell; vertical-align: middle;
    background: rgb(0, 0, 0); opacity: 0;}
.artists-wall-caption a, .artists-wall-caption a:hover, .artists-wall-caption a:active, .artists-wall-caption a:focus {
    color: #ffffff; text-decoration: none;}
.artists-wall-caption a:hover, .artists-wall-caption a:active, .artists-wall-caption a:focus {
    opacity: 0.6;
    transition: opacity 0.80s ease;
}

.artist {padding: 15px; margin-bottom: 20px; line-height: 1.5em;}
.artist:not(:last-of-type) {border-bottom: 1px solid #e3e2e2;}

.artist-detail {padding-left: 30px;}
.artist-detail article {margin-bottom: 15px; overflow: auto;}
.artist-detail a.btn {margin-top: 20px;}

.artist .oeuvre {text-align: center;}
.artist .oeuvre img {max-width: 100%; max-height: 250px; width: auto !important;}
.artist .oeuvre-caption h4 {text-align: center;}



/*
** ===========================================================================================================================
** ARTISTES - DETAIL
** ===========================================================================================================================
*/

ul.filter-artists {text-align: center;}
ul.filter-artists > li {display: inline-block; list-style-type: none; margin: 0 8px 15px; text-align: center;
    font-size: 14px;}
ul.filter-artists > li > a, ul.filter-artists > li > a:hover,
ul.filter-artists > li > a:focus, ul.filter-artists > li > a:active {color: #000000; text-decoration: none;}
ul.filter-artists > li > span.inactive {color: #9999a5;}



/*
** ===========================================================================================================================
** ACTUALITES - LIST
** ===========================================================================================================================
*/


.actualite {margin-bottom: 40px;}
.actualite img {margin-bottom: 20px; max-width: 100%; width: 100%;}
.actualite-caption {}
.actualite-caption h3 {text-transform: uppercase; font-family: "Avenir Medium", serif; font-size: 20px; margin: 0;}
.actualite-caption h4 {font-family: "Avenir Medium", serif; font-size: 16px; margin: 0;}

.actualite-caption p.text-gray {font-size: 12px; color: #9999a5; white-space: nowrap; text-overflow: ellipsis;
    overflow: hidden; margin: 15px 0 5px;}


/*
** ===========================================================================================================================
** ACTUALITES - DETAIL
** ===========================================================================================================================
*/


.actualite-detail a:not(.btn), .actualite-detail a:not(.btn):hover,
.actualite-detail a:not(.btn):focus, .actualite-detail a:not(.btn):active {color: #1f8899;}
.actualite-detail h3 {text-transform: uppercase; font-family: "Avenir Medium", serif; font-size: 20px; margin: 0 0 20px;}
.actualite-detail h4 {font-family: "Avenir Medium", serif; font-size: 16px; margin: 0 0 20px;}
.actualite-detail article {line-height: 1.5em; margin-bottom: 20px;}

.actualite-video {margin-top: 20px;}



/*
** ===========================================================================================================================
** CONCEPT
** ===========================================================================================================================
*/


.concept {position: relative; overflow: auto; font-family: "Avenir Book", serif; font-size: 14px; line-height: 1.2em;}

.concept img {position: absolute; z-index: 1; top: 0; left: 0; right: 0; width: 100%; height: 100%;}

.concept .concept-container {position: relative; z-index: 2; margin-top: 3%; margin-bottom: 3%;}

.concept .overlay {opacity: 0.8; background-color: #ffffff; padding-top: 20px; text-align: center; display: inline-block;}
.concept .overlay div {border-bottom: 1px solid #8c7e62; margin-bottom: 25px; padding-left: 10%; padding-right: 10%;}
.concept .overlay a, .concept .overlay a:hover, .concept .overlay a:focus, .concept .overlay a:active {color: #0f747c;
    text-decoration: none;}

.concept .concept-footer {background-color: #0091a4; text-align: center; padding: 0; display: inline-block;
    overflow: auto; width: 100%;}
.concept .concept-footer a {display: block; height: 100%; width: 100%; font-family: "Avenir Book", serif;
    color: #ffffff; font-weight: 300; font-size: 20px; text-transform: uppercase; overflow: hidden; padding: 3px 0;}
.concept .concept-footer a, .concept .concept-footer a:hover,
.concept .concept-footer a:focus, .concept .concept-footer a:active {color: #ffffff; text-decoration: none;}

.concept h3 {font-size: 38px; font-family: "Avenir Book", serif; font-weight: 400; margin: 0 0 25px;}

.concept-detail img.concept-img {margin-bottom: 20px;}
.concept-detail {margin-top: 40px; font-size: 14px; font-family: "Avenir Book", serif; line-height: 1.2em;}
.concept-detail span.text-blue {color: #0091a4; font-family: "Avenir Black", serif; font-size: 14px;}
.concept-detail a, .concept-detail a:hover, .concept-detail a:focus, .concept-detail a:active {text-decoration: none;}
.concept-detail h4 {font-size: 18px; font-family: "Avenir Black", serif; text-align: center; text-transform: uppercase;}
.concept-detail span {vertical-align: middle;}

.concept p {margin-bottom: 25px;}
.concept p.text-blue {color: #208899;}

hr.black {border-top: 1px solid #000000; max-width: 70px; margin: 20px auto 40px;}
hr.blue {border-top: 1px solid #44aebd; max-width: 70px; margin: 15px auto;}



/*
** ===========================================================================================================================
** CGU - MENTIONS LEGALES
** ===========================================================================================================================
*/


.conditions {font-size: 15px; line-height: 1.2em; font-family: "Avenir Roman", serif;}
.conditions h3 {font-size: 38px; line-height: 1.2em; font-family: "Avenir Black", serif; margin: 0;
    text-transform: uppercase;}
.conditions h4 {font-size: 18px; line-height: 1.2em; font-family: "Avenir Black", serif; margin: 40px 0 25px;
    text-transform: uppercase; color: #1f8899;}
.conditions h5 {font-size: 16px; line-height: 1.2em; font-family: "Avenir Black", serif; margin: 40px 0 25px; color: #1f8899;}
.conditions a, .conditions a:hover, .conditions a:focus, .conditions a:active {color: #1f8899; text-decoration: none;}
.conditions p {margin-bottom: 20px;}
.conditions ol {list-style-type: lower-roman;}
.conditions ul {list-style-type: circle;}


/*
** ===========================================================================================================================
** RECHERCHE
** ===========================================================================================================================
*/

.search-results h5 {position: relative; text-align: center; font-size: 16px; text-transform: uppercase;
    font-family: "Avenir Book", serif; font-weight: bold; margin-bottom: 25px; color: #0d0909;}

.search-results span.h5-border {position: absolute; top: 0; left: 0; border-bottom: 1px solid #0d0909;
    width: 100%; margin-top: 7px;}

.search-results span.h5-bg {background: #ffffff; position: relative; z-index: 3; padding-left: 30px;
    padding-right: 30px;}


/*
** ===========================================================================================================================
** COMPTE
** ===========================================================================================================================
*/

.user-info h3 {color: #1f8899; text-transform: uppercase; font-size: 16px;}

.user-info input[type=text],
.user-info input[type=password],
.user-info textarea {width: 66%; display: inline-block; border: 1px solid #474747; border-radius: 0;
    color: #474747; font-size: 14px; margin-bottom: 3px;}
.user-info textarea, .user-info .add-event input {width: 100%;}
.user-info textarea, .user-info .add-event .required-field input {width: 90%;}
.user-info textarea, .user-info .add-event input[type=button] {width: 100%; padding: 1px;}
.user-info label {display: inline-block;}

.user-info .add-event input {margin-bottom: 0; display: table-cell;}
.user-info .add-event .row {margin-bottom: 20px;}
.user-info .input-group-addon {color: #0091a5; text-align: center; background-color: #ffffff; border: 1px solid #568d93;
    border-radius: 0; border-right: 0; cursor: pointer;}
.user-info .add-event b.caret {display: inline-block; width: 0; height: 0; vertical-align: middle; color: #0091a5;}

.user-info h4 {font-family: "Avenir Black", serif; font-size: 16px; text-align: center; text-transform: uppercase;
    margin-bottom: 35px;}
.user-info h4 img {display: block; margin: 0 auto 15px; height: 40px;}
.user-info span.h4-border {position: absolute; top: 65px; left: 0; border-bottom: 1px solid #7f7f7f;
    width: 100%; margin-top: 7px;}

.user-info button {margin-top: 35px; margin-bottom: 25px;}
.user-info span.button-border {position: absolute; top: 53px; left: 0; border-bottom: 1px solid #7f7f7f;
    width: 100%; margin-top: 7px;}

.user-info span.h4-bg {background: #ffffff; position: relative; z-index: 3; padding-left: 30px;
    padding-right: 30px;}

div.user-info {margin-bottom: 25px;}

ul.form-profile {padding: 0;}
ul.form-profile > li {display: inline-block; width: 100%; list-style-type: none;}
ul.form-profile > li input {float: right;}
ul.form-profile > li label {padding: 6px 0;}

ul.form-profile span.text-error { display: block; margin: 15px 0; width: 100%; color: #ff0000;
    font-weight: normal;}
ul.form-profile input.error {border: 1px solid #ff0000;}
ul.form-profile span.text-error ul li {list-style-type: none;}

ul.user-menu {padding: 0; border-top: 1px solid #1f8899; border-bottom: 1px solid #1f8899; padding-top: 15px; padding-bottom: 5px;}
ul.user-menu li {list-style-type: none; font-family: "Avenir Book", serif; font-size: 13px; text-transform: uppercase;
    margin-bottom: 10px;}
ul.user-menu li a {color: #000000;}
ul.user-menu li.active a {color: #1f8899;}

#profile-error ul li {list-style-type: none;}

.user-info .event {font-size: 16px; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 20px;}
.user-info .event span {margin-left: 10px;}
.user-info .event a {font-size: 14px; text-decoration: underline;}


.user-info div.oeuvre h6 {font-size: 11px; text-transform: uppercase; font-weight: normal; margin-bottom: 5px;}
.user-info div.oeuvre h5, .user-info div.oeuvre h5 a, .user-info div.oeuvre h5:hover,
.user-info div.oeuvre h5:focus, .user-info div.oeuvre h5:active {font-size: 14px; text-transform: uppercase;
    font-weight: normal; font-family: "Avenir Medium", serif; color: #1f8899; margin: 0;}

.user-info .sell {font-weight: bold; font-size: 18px; font-family: "Avenir Book", serif; line-height: 1.2em;}


/*
** ===========================================================================================================================
** PAGINATION
** ===========================================================================================================================
*/

.pagination {text-align: center; display: block; font-size: 0;}
.pagination > a {text-decoration: none; padding: 0; margin: 0; color: #1f8899;}
.pagination span.page {
    padding: 0 8px; font-size: 12px;
}
.pagination span.border-right {
    border-right: 1px solid #e7e7e7;
}


/*
** ===========================================================================================================================
** MEDIA QUERIES
** ===========================================================================================================================
*/


@media all and (max-width: 767px) {
    input[type=text], input[type=email], input[type=password], input[type=submit],
    textarea, button, a.btn, .btn, ul {width: 100% !important; margin-bottom: 15px !important;}
    label {width: 100% !important;}
    .dropdown-menu label {width: auto !important;}
    li {width: 100% !important; margin-bottom: 0;}

    button.navbar-toggle {padding: 9px 10px; width: auto !important;}

    .pull-right, .pull-left {display: block; float: none !important; width: 100%;}
    span.pull-right {text-align: right;}
    a.event-delete {margin-top: 15px;}
    .event {text-align: center;}

    .oeuvre .price {float: right; display: inline-block; width: auto;}

    .input-group {display: block;}
    .input-group-addon {display: none;}

    .form-group {margin-bottom: 0;}

    .oeuvre-artist-expo, .oeuvre-artist-bio, .artist-detail, .artist {padding-left: 10px; padding-right: 10px;}

    .oeuvre img:not(.heart), .actualite img {width: 100%; max-width: 100% !important; max-height: inherit !important; margin-bottom: 15px;}

    ul.top-right, .slogan, ul.bottom-right {text-align: center !important;}
    .filter-artists li, .top-right li, .bottom-right li {display: inline-block; width: auto !important;
        text-align: center !important; margin-bottom: 15px !important;}
    li.search, li.search form, li.search div, li.search input {width: 100% !important; display: block !important;}
    li.search input[type=submit] {background: #10101D !important; color: #ffffff !important; margin-right: 0 !important;
        margin-left: 0 !important; text-indent: 0 !important; font-size: 13px; text-transform: uppercase;
        font-family: "Avenir Book", serif; vertical-align: middle; padding: 10px; height: auto !important;}
    li.search input[type=text] {border: 1px solid #474747;}
    .navbar-form {border: 0;}

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

    .share {margin-top: 20px;}

    .scrollup {left: 5px; width: auto !important;}

    .caption, .favorite {text-align: center !important;}

    .bx-slider li {margin-bottom: 15px !important;}

    button.modal-close {width: auto !important;}
    .form-control {border-radius: 0 !important;}
}