/* © 2001-2020 copyright - Pierre Otis */

@charset "utf-8";

/* ==- general -== */
* { border: thin none; box-sizing: border-box; margin: 0; padding: 0; }
*:before, *:after { box-sizing: border-box; margin: 0; }
html, body { background-color: #EEE; box-sizing: border-box; color: #333; font-family: initial; font-size: initial; height: 100%; line-height: normal; min-width: 360px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
div { box-sizing: border-box; flex-flow: row wrap; }
table { border-collapse: collapse; }
img { border: thin none; margin: 0; padding: 0; }
.nostyle { margin: 0; padding: 0; position: initial; text-align: left; }

/* ==- font -== */
a, h1, h2, h3, h4, h5, h6, input, li, p, pre, select, span, textarea { font-family: 'Century Gothic', Tahoma, Geneva, sans-serif; font-weight: normal; letter-spacing: normal; line-height: normal; word-spacing: normal; }

/* ==- font upload -== */
@font-face { font-family: 'Alegreya'; src: url('../font/Alegreya-Regular.ttf'); }
h1 { font-family: 'Alegreya'; line-height: 32px; margin: 0 0 16px 0; padding: 0; }
.txb { font-weight: bold; }
.txj { text-align: justify; }

/* ==- container -== */
.container { display: block; min-width: 360px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


/* border: 1px solid #c00; */
/* border: 1px solid #0c0; */


/* ==- navbar -== */
.navbar { border-radius: 0; max-height: 60px; }

.navbar-toggle { background-color: #FC9; position: relative; }

.navbar-inverse { background-color: #333; }
.navbar-inverse .navbar-toggle { border: 1px solid #EEE;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #FC9; }

.navbar-brand img { height: 40px; margin: -10px 0 0 0; }
.navbar-brand img:hover {
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.72);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.72);
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.72);
  border-radius: 35px;
}

.navbar-collapse { overflow: hidden; }
.navbar-collapse.collapse.in { background-color: rgba(51, 51, 51, 0.96); position: relative; z-index: 4; }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background-color: rgba(102,102,102,0.72); border-bottom: 4px solid #F30; }

.navbar-nav { margin-top: 1px; }
.navbar-nav li:hover { background-color: #999; }

.navbar-inverse .navbar-nav>li>a:link, .navbar-inverse .navbar-nav>li>a:visited { color: #ECDBC8; text-decoration: none; }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:active { color: #FC9; text-decoration: none; }

.navbar-nav.navbar-right .nav-item .cngurl { height: 28px; margin: -4px auto 0 auto; position: relative; width: 28px; }
.navbar-nav.navbar-right .nav-item .cngurl img { left: 0; position: absolute; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.navbar-nav.navbar-right .nav-item .cngurl img.top:hover { opacity: 0; }
.navbar-nav.navbar-right li:hover { background-color: transparent; }


/* border: 1px solid #c00; */
/* border: 1px solid #0c0; */


.section .row { margin-left: 0; margin-right: 0; }


/* border: 1px solid #c00; */
/* border: 1px solid #0c0; */


.section .contact { margin: 0; padding: 0; position: initial; text-align: left; }
.section .contact p { margin-bottom: 16px; }
.section .contact p a { -webkit-transition: color 1s ease-out; transition: color 2s ease-out; }
.section .contact p a:link, .section .contact p a:visited { color: #C30; text-decoration: none; }
.section .contact p a:hover, .section .contact p a:active { color: #F63; text-decoration: underline; }


/* border: 1px solid #c00; */
/* border: 1px solid #0c0; */


.section .galerie { display: block; margin: 0; padding: 0; position: initial; text-align: left; }

.section .galerie .dv-pic { display: inline-block; height: 144px; margin: 0 16px 16px 0; position: relative; width: 144px; }
.section .galerie .dv-pic img { height: 144px; width: 144px; }

.section .galerie .dv-pic div { background-color: rgba(51, 51, 51, 0.90); left:0; position: absolute; top: 144px; width: 100%; z-index: 2; }
.section .galerie .dv-pic div p { color: #EEE; font-size: 84%; margin: 0; padding: 4px 4px 4px 6px; }


/* border: 1px solid #c00; */
/* border: 1px solid #0c0; */


.section a.no-deco:link, .section a.no-deco:visited { color: #333; text-decoration: none; }
.section a.no-deco:hover, .section a.no-deco:active { color: #369; text-decoration: none; }

.section .dv-shop { display: inline-block; margin: 0 12px 12px 0; max-width: 144px; vertical-align: top; }
.section .dv-shop p { font-size: 84%; padding: 4px 0 0 0; }


/* border: 1px solid #c00; */
/* border: 1px solid #0c0; */


.section .detail { border: 1px solid #333; position: relative; }
.section .detail div { padding: 16px; }
.section .detail .tableau { background-color: #333; min-height: 220px; text-align: center; }
.section .detail .tableau img { margin: 0 auto; }
.section .detail p { font-size: 130%; }


/* border: 1px solid #c00; */
/* border: 1px solid #0c0; */


.dv-hidden { display: none; visibility: hidden; }
.dv-show { background-color: rgba(51,51,51,0.9); display: block; visibility: visible; }


/* border: 1px solid #c00; */
/* border: 1px solid #0c0; */


.dv-modal { bottom: 0; background-color: rgba(51, 51, 51, 0.72); height: auto; left: 0; margin: 0 auto; padding: 1.20em; position: fixed; right: 0; text-align: center; top: 0; width: auto; z-index: 4; }
.dv-modal .tbl-galerie-toile { background-color: rgba(51, 51, 51, 0.84); border-collapse: collapse; margin: 124px auto 0 auto; position: relative; }
.dv-modal .tbl-galerie-toile td p { color: #EEE; font-size: 84%; margin: 0; padding: 6px 2px 8px 18px; text-align: left; }
.dv-modal .tbl-galerie-toile td img.mg-close { position: absolute; right: -8px; top: -16px; z-index: 5; }
.dv-modal .tbl-galerie-toile td.tdmd img { height: auto; max-height: auto; max-width: 100%; width: 100%; }
.dv-modal .tbl-galerie-toile td.td18 img { height: 100%; width: 18px; }


/* border: 1px solid #c00; */
/* border: 1px solid #0c0; */


.footer { margin-top: 8%; }
.footer p { font-size: 72%; }


/* border: 1px solid #c00; */
/* border: 1px solid #0c0; */
/* border: 1px solid #00c; */
/* border: 1px solid #cc0; */
/* border: 1px solid #0cc; */
/* border: 1px solid #c0c; */


/* 0 TO 575 PIXELS */
@media (min-width: 0px) and (max-width: 575px) {
  .navbar-nav.navbar-right .nav-item .cngurl { position: unset; }
  .navbar-nav.navbar-right .nav-item .cngurl img { margin-left: 16px; }
  .navbar-toggle { margin-right: 32px; }
  .section .contact p { padding-right: 16px; }
  .section .contact img { height: auto; width: 90%; }
}

/* 576 TO 766 PIXELS */
@media (min-width: 576px) and (max-width: 767px) {
  .navbar-nav.navbar-right .nav-item .cngurl { position: unset; }
  .navbar-nav.navbar-right .nav-item .cngurl img { margin-left: 16px; }
  .navbar-toggle { margin-right: 32px; }
}

/* 767 TO 990 PIXELS */
@media (min-width: 768px) and (max-width: 990px) {
}

/* 991 TO 1199 PIXELS */
@media (min-width: 991px) and (max-width: 1199px) {
}