/* CSS reset */
html {
font-family: Verdana, Geneva, sans-serif;color:#202020;
-ms-text-size-adjust: 100%; /* Prevent iOS text size adjust after orientation change while allowing user zoom */
-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust after orientation change while allowing user zoom */
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, em, img, strong, sub, sup,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
/*font: inherit;*/
vertical-align: baseline;
text-align:left;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse;border-spacing: 0; }
b, strong { font-weight: bold; }
textarea { overflow: auto; }
img {max-width: 100%;height:auto;}
img {-ms-interpolation-mode: bicubic;}
a {font-size:0.85em;color:#202020;text-decoration: none;background-color: transparent; }
a:hover {color: #d5102b;}
/*
h1 {font-size:1.5em;}
h2 {font-size:1.4em;line-height:1.5;}
h3 {font-size:1.125em;line-height:1.5;}
h4 {font-size:1em;line-height:1.5;}
h5 {font-size:0.85em;line-height:1.5;}
*/
h1 {font-size:1.125em;line-height:1.3;padding:2px 0;}
h2 {font-size:1em;line-height:1.3;padding:2px 0;}
h3 {font-size:0.85em;line-height:1.3;padding:2px 0;}
p {font-size:0.85em;line-height:1.5;}
input {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
/* Définitions */
body {background-color:#323232;}
.clearfloat {clear:both;}
/* Si < 61em */
@media screen and (max-width: 61em) {
.br-spacer {line-height:1.8;}
}
.no-wrp {white-space: nowrap;}
/* BEGIN : header */
#header_conteneur {min-width:320px;text-align:center;}
#header {margin:0 auto;max-width:1350px;}
#header .f-nav {display:none;}
#header .f-nav-i {min-width:320px;text-align:left;border-bottom:solid 2px #202020;padding:0;width:100%;position:fixed;top:0;z-index:1040;background-image:url(../images/header-bkg.png);background-repeat:repeat-y;background-position:center top;}
#header .f-nav-i #bt-i-logo {float:left;width:60%;font-size:0;line-height:0;text-align:center;}
#header .f-nav-i #bt-i-logo img {max-width:90%;}
#header .f-nav-i #bt-i-langue {float:right;width:20%;text-align:center;}
#header .f-nav-i #hamburger {float:left;width:20%;text-align:center;}
#header .f-nav-i #hamburger a, #header .f-nav-i #bt-i-langue a {font-size:0.9em;font-weight:bold;line-height:2.9;padding:10px;text-align:center;text-transform:uppercase;}
#header .f-nav-i a span.txt-long {display:none;}
#header .f-nav-i a span.txt-short {vertical-align:super;}
.bt-hamburger {position: relative;display:inline-block;width:1.75em;height:0.85em;margin-right:15px;border-top: 0.2em solid #202020;border-bottom: 0.2em solid #202020;}
.bt-hamburger:before {content:"";position:absolute;top:0.35em;left:0;width: 100%;border-top: 0.2em solid #202020;}
#header .logo {width:30%;float:left;line-height:0;}
#header .logo a img {max-width:93%;margin:10px 2% 0 5%;}
#header #main-menu-i {position:absolute;z-index:1039;min-width:320px;width:100%;display:none;left:100%;padding:8px 0 15px 0;background-color:#202020;}
#header #main-menu-i a {float:left;clear:left;font-size:1em;font-weight:normal;line-height:32px;padding:0 4%;color:#fff;text-decoration:none;text-transform:none;}
#header #main-menu-i.m-m-i-visible {display:block;left:0;}
#header #main-menu-i #search-i {margin:-5px 0 0 0;padding:0px 4% 10px 4%;border:solid 1px #202020;}
#header #main-menu-i #search-i form {padding:10px 0 0 0;margin:0;text-align:right;}
#header #main-menu-i #search-i input {vertical-align:top;font-family: Verdana, Geneva, sans-serif;font-size:0.75em;}
#header #main-menu-i #search-i input[type="text"] {text-align:center;width:85%;height:26px;padding:2px 1%;background:#fff;border:0;color:#000;}
#header #main-menu-i #search-i input[type="submit"] {padding:2px 0 2px 0;width:13%;height:30px;border:0;color:#FFF;cursor:pointer;margin:0;background:#d5102b url(../images/search-btn-white.svg) center 4px no-repeat;}
#header #main-menu-i #search-i input[type="submit"]::-moz-focus-inner {border:0;}
.f-nav #afmq-rtg {display:none;}
.f-nav #afmq-rtg a {position:relative;z-index:1041;}
.f-nav #afmq-rnd {display:none;}
.f-nav #afmq-rnd a {position:relative;z-index:1041;}
/* Si > 32em */
@media screen and (min-width: 32em) {
#header .f-nav-i #bt-i-logo img {max-width:70%;}
}
@media screen and (min-width: 42em) {
#header .f-nav-i a span.txt-short{display:none;}
#header .f-nav-i a span.txt-long {display:inline;vertical-align:super;}
#header .f-nav-i #bt-i-logo img {max-width:60%;}
}
/* Si > 48em */
@media screen and (min-width: 48em) {
#header #main-menu-i.m-m-i-visible {display:none;left:100%;}
#header .f-nav-i {display:none;}
#header .f-nav {display:block;max-width:1350px;width:100%;padding-bottom:5px;border-bottom:solid 1px #202020;background-image:url(../images/header-bkg.png);background-repeat:repeat-y;background-position:center top;position:fixed;top:0;z-index:1040;}
#header .logo {width:30%;float:left;line-height:0;}
#header .logo a {position:relative;z-index:1000;}
#header .logo a img {max-width:95%;margin:10px 5% 0 5%;}
#header #menu-zone {float:right;width:68%;position:relative;z-index:100;}
#header #menu-zone .top-menu {text-align:right;}
#header #menu-zone .top-menu a {display:inline-block;line-height:30px;border-left:solid 1px #fff;padding:0 15px;color:#fff;background-color:#323232;}
#header #menu-zone #search {display:inline-block;vertical-align:top;line-height:30px;color:#fff;}
#header #menu-zone #search form {padding:0;margin:0;text-align:right;}
#header #menu-zone #search input {vertical-align:top;font-family: Verdana, Geneva, sans-serif;font-size:0.75em;}
#header #menu-zone #search input[type="text"] {text-align:center;width:171px;height:24px;padding:2px;background:#fff;border:solid 1px #bbb;margin:0;color:#000;}
#header #menu-zone #search input[type="submit"] {padding:1px 5px 1px 5px;width:30px;height:30px;border:solid 1px #323232;color:#fff;cursor:pointer;margin:0;background:#323232 url(../images/search-btn-white.svg) center 3px no-repeat;}
#header #menu-zone #search input[type="submit"]::-moz-focus-inner {border:0;}
#header #menu-zone #search input[type="submit"]:focus {background:#d5102b url(../images/search-btn-white.svg) center 3px no-repeat;}
#main_menu {height:36px;margin-top:9px;text-align:left;margin-bottom:5px;overflow:hidden;}
#main_menu a {display:inline-block;font-size:1.1em;font-family:Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:400;line-height:36px;padding:0 5px;margin:0 10px;text-decoration:none;}
#main_menu a:HOVER {text-decoration:underline;}
#main_menu a span.txt-long {display:none;}
}
/* Si > 61em */
@media screen and (min-width: 61em) {
#header_conteneur {width:100%;}
#header .logo {width:auto}
#header .logo a img {max-width:100%;margin:10px 20px 0 20px}
#header #menu-zone {float:none;width:auto;}
#main_menu a {font-size:1.1em;margin:0 10px;}
#main_menu a span.txt-short {display:none;}
#main_menu a span.txt-long {display:inline;}
}
/* Si > 52em */
@media screen and (min-width: 52em) {
.f-nav #afmq-rnd {display:block;width:16%;float:right;position:relative;top:-30px;margin-bottom:-80px;text-align:right;right:-66%;}
}
/* Si > 61em */
@media screen and (min-width: 61em) {
.f-nav #afmq-rnd {display:block;width:18%;top:-35px;right:2%;}
}
/* Si > 72em */
@media screen and (min-width: 72em) {
.f-nav #afmq-rnd {display:none;}
.f-nav #afmq-rtg {display:block;width:47%;float:right;position:relative;top:-35px;margin-bottom:-80px;text-align:right;margin-right:3%;}
}
/* Si > 82em */
@media screen and (min-width: 82em) {
.f-nav #afmq-rtg {width:47%;text-align:center;margin-right:0;}
}
/* END : header */
/* BEGIN : footer */
#footer_conteneur {min-width:320px;margin:10px auto 10px auto;max-width:1350px;}
#footer p {color:#fff;font-size:0.8em;font-style:italic;padding:5px 10px;line-height:1.3;text-align:center;}
/* END : footer */
#conteneur {min-width:320px;margin:0 auto;text-align:center;background-color:#fff;max-width:1350px;}
#contenu-h {} /* -h = home + contact */
#contenu-h #slideshow {}
#contenu-h #slideshow .bloc-img {line-height:0;background-color:#4c3321;}
#contenu-h #slideshow .bloc-img a {display:block;position:relative;}
#contenu-h #slideshow .bloc-img .txt {position:absolute;width:100%;bottom:0;margin:0 auto;text-align:center;}
#contenu-h #slideshow .bloc-img .txt h1 {display:inline-block;font-size:1.75em;line-height:1.2;padding:10px 15px;margin:5%;text-align:center;text-transform:uppercase;font-family: Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:100;}
#contenu-h #slideshow .bloc-img .txt h1.txt-dark {color:#606060;font-weight:300;}
#contenu-h #slideshow .bloc-img .txt h1.txt-light {color:#fff;background:#000;opacity:0.45;filter:alpha(opacity=45);}
#contenu-h #magazine {background:#4c3321 url(../images/magazine-bkg.jpg);background-repeat:repeat-y;background-position:top center;padding:5% 0;}
#contenu-h #magazine .bloc-img {}
#contenu-h #magazine .bloc-img p {margin:20px 0 20px 0;line-height:0;text-align:center;}
#contenu-h #magazine .bloc-img p a img {max-width:90%;box-shadow:1px 0px 10px rgba(-1, -1, 0, 0.75);}
#contenu-h #magazine h2 {margin:0 7% 15px 7%;padding:0;text-align:center;}
#contenu-h #magazine h2 a {font-size:1.75em;line-height:1.2;color:#fff;text-transform:uppercase;font-family: Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:100;}
#contenu-h #contact {padding:5%;}
#contenu-h #contact .bloc-img {display:none;}
#contenu-h #contact .bloc-txt {padding-bottom:15px;}
#contenu-h #contact .bloc-txt h1 {padding:20px 0 2px 0;text-align:left;}
#contenu-h #contact .bloc-txt p {padding:5px 0 5px 0;text-align:left;}
#contenu-h #contact .bloc-txt p a {font-size:1em;}
#contenu-h #contact .bloc-txt p a.underli {text-decoration:underline;}
/* Si > 32em */
@media screen and (min-width: 32em) {
#contenu-h #slideshow .bloc-img .txt h1 {font-size:2em;;margin:4%;}
#contenu-h #magazine .bloc-img p a img {max-width:100%;}
#contenu-h #magazine {padding:4% 0;}
#contenu-h #magazine .bloc-img p {margin-top:30px;}
#contenu-h #magazine h2 {margin-bottom:25px;}
#contenu-h #magazine h2 a {font-size:2.25em;}
#contenu-h #contact {padding:4%;}
}
/* Si > 42em */
@media screen and (min-width: 42em) {
#contenu-h #slideshow .bloc-img {float:left;width:50%;}
#contenu-h #slideshow .bloc-img .txt h1 {font-size:1.75em;;margin:4.5%;}
#contenu-h #magazine {padding:3% 0;}
#contenu-h #magazine .bloc-img p {margin-top:35px;}
#contenu-h #magazine h2 {margin-bottom:30px;}
#contenu-h #magazine h2 a {font-size:3em;}
#contenu-h #contact {padding:3%;}
#contenu-h #contact .bloc-img {display:block;float:left;width:50%;text-align:center;}
#contenu-h #contact .bloc-txt {float:left;width:50%;padding-top:1%;}
}
/* Si > 60em */
@media screen and (min-width: 60em) {
#contenu-h #slideshow .bloc-img .txt h1 {font-size:2em;margin:3.75%;}
#contenu-h #magazine {padding:2% 0;}
#contenu-h #magazine .bloc-img {float:left;width:50%;}
#contenu-h #magazine .bloc-img p {margin-top:40px;}
#contenu-h #magazine h2 a {font-size:3.25em;}
#contenu-h #contact {padding:2%;}
#contenu-h #contact .bloc-img {width:55%;text-align:right;}
#contenu-h #contact .bloc-txt {width:45%;padding-top:2%;}
}
#contenu {padding:20px 5.5% 25px 5.5%;min-height:450px;}
/* Si > 32em */
@media screen and (min-width: 32em) { #contenu {padding:20px 4.5% 25px 4.5%;} }
@media screen and (min-width: 42em) { #contenu {padding:20px 3.5% 25px 3.5%;} }
@media screen and (min-width: 48em) { #contenu {padding:20px 2.5% 25px 2.5%;} }
@media screen and (min-width: 60em) { #contenu {padding:20px 2.25% 25px 2.25%;} }
#contenu #extrapolll {}
@media screen and (min-width: 32em) { #contenu #extrapolll {margin-left:-1%;margin-right:-1%;} }
#contenu .extrapolll {}
@media screen and (min-width: 32em) { #contenu .extrapolll {margin-left:-1%;margin-right:-1%;} }
#contenu .anchor {display:block;height:42px;margin-top:-42px;visibility:hidden;}
#contenu h1{font-size:2em;line-height:1.2;font-family:Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:300;text-align:center;padding:15px 0 10px 0;}
#contenu h2{font-size:1.75em;line-height:1.2;font-family:Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:300;padding:20px 0 20px 0;}
#contenu .vignettes-gallery {margin-bottom:5px;}
#contenu .vignettes-gallery a {display:inline-block;position:relative;line-height:0;text-align:center;vertical-align:top;margin:20px 1%;}
#contenu .vignettes-gallery h3 {font-size:1em;text-align:center;padding:4px 0 0 0;}
#contenu .vignettes-gallery p {text-align:center;padding:0;line-height:1.2;}
#contenu .vignettes-gallery a p {color:#202020;font-size:0.95em;}
/* Galerie recouvrements + finis */
#contenu .vignettes-gallery a.catOpt {width:31.33%;margin:0 1% 15px 1%;}
@media screen and (min-width: 32em) { #contenu .vignettes-gallery a.catOpt {width:23%;} }
@media screen and (min-width: 42em) { #contenu .vignettes-gallery a.catOpt {width:14.66%;} }
@media screen and (min-width: 60em) { #contenu .vignettes-gallery a.catOpt {width:10.5%;} }
@media screen and (min-width: 76em) { #contenu .vignettes-gallery a.catOpt {width:9.11%;} }
/* Galerie photos décor */
#contenu .vignettes-gallery a.catDecor {width:100%;margin:20px 0 0 0;}
@media screen and (min-width: 32em) { #contenu .vignettes-gallery a.catDecor {width:48%;margin:20px 1% 0 1%} }
@media screen and (min-width: 42em) { #contenu .vignettes-gallery a.catDecor {width:31.33%;} }
@media screen and (min-width: 60em) { #contenu .vignettes-gallery a.catDecor {width:23%;} }
@media screen and (min-width: 76em) { #contenu .vignettes-gallery a.catDecor {width:23%;} }
/* label new pour photos décor */
#contenu .vignettes-gallery .new {position:absolute;width:100%;max-width:300px;top:0;left:0;right:0;margin:0 auto;}
#contenu .vignettes-gallery .new p {font-size:0.85em;line-height:1.6;text-transform:uppercase;color:#fff;background-color:#d5102b;margin:0;}
/* label new pour modèles */
#contenu .vignettes-gallery .new-mini {position:absolute;bottom:20px;transform:translate(-50%);left:50%;z-index:2;}
#contenu .vignettes-gallery .new-mini p {font-size:0.85em;line-height:1.6;text-transform:uppercase;color:#fff;background-color:#d5102b;margin:0;padding:0 10px;}
/* Détails modèles */
#contenu #m-d-navBar {width:100%;margin:0 auto;}
#contenu #m-d-navBar h1.titre {float:left;padding:15px 0 0 0;}
#contenu #m-d-navBar .bt {float:right;margin-top:20px;}
#contenu #m-d-navBar .bt a {padding:10px;font-size:1.75em;}
#contenu #m-d-navBar #bt-prev {margin-right:10px;}
#contenu #modelDetails {}
#contenu #modelDetails p.sTitre {padding:0 0 20px 0;}
#contenu #modelDetails .zoneL {}
#contenu #modelDetails .zoneL #photo {text-align:center;padding:0;}
#contenu #modelDetails .zoneL #photoTxt {text-align:center;border-bottom:solid 1px #bbb;padding:5px 0;font-style:italic;}
#contenu #modelDetails .zoneL #views {padding:0 0 10px 0;margin-right:-2%;}
#contenu #modelDetails .zoneL #views .vignetteTxt {display:none;}
#contenu #modelDetails .zoneL #views a {float:left;display:block;width:31.33%;margin:10px 2% 0 0;background-color:#bbb;}
#contenu #modelDetails .zoneL #views a.active {background-color:#D5102b;}
#contenu #modelDetails .zoneL #views a:hover {background-color:#D5102b;}
#contenu #modelDetails .zoneL #views a .inner {margin:1px;padding:5px;background-color:#fff;}
#contenu #modelDetails .zoneL #views a img {display:block;vertical-align:bottom;margin:0 auto;}
#contenu #modelDetails .zoneL .features {}
#contenu #modelDetails .zoneL .features h2 {padding:0;margin:20px 2% 10px 0;}
#contenu #modelDetails .zoneL .features ul {list-style-type:square;margin:0;padding:0 2% 10px 18px;}
#contenu #modelDetails .zoneL .features li {font-size:0.85em;line-height:1.3;padding:2px 0;}
#contenu #modelDetails .zoneL .features p {margin:0;line-height:1.3;padding:2px 2% 2px 0;}
#contenu #modelDetails .zoneL .features p.style-mb-10 {margin:0 0 10px 0;}
#contenu #modelDetails .zoneL .features p.style-end {padding:2px 0 7px 0;}
#contenu #modelDetails .zoneL .features p.style-subtitle {margin:0 0 5px 0;font-weight:bold;}
#contenu #modelDetails .zoneL .options {margin:5px 0;margin-right:-2%;}
#contenu #modelDetails .zoneL .options h2 {padding:0;margin:20px 2% 2px 0;background-color:#EFEFEF;padding:2px;margin-bottom:10px;text-align:center;}
#contenu #modelDetails .zoneL .options h3 {font-size:1em;line-height:1.3;margin:0;padding:3px 2% 2px 0;}
#contenu #modelDetails .zoneL .options h3.notFirst {margin-top:10px;}
#contenu #modelDetails .zoneL .options h4 {font-size:1em;line-height:1.3;text-align:center;}
#contenu #modelDetails .zoneL .options .thumb h4 {font-size:0.85em;}
#contenu #modelDetails .zoneL .options p {margin:0;line-height:1.3;padding:4px 2% 4px 0;}
#contenu #modelDetails .zoneL .options p.txt {padding:0 2% 0 0;text-align:center;line-height:1.2;}
#contenu #modelDetails .zoneL .options p.soon {padding:0 2% 0 0;}
#contenu #modelDetails .zoneL .options .blocO a {font-size:1em;display:inline-block;margin:10px 2% 10px 0;text-align:center;vertical-align:top;}
#contenu #modelDetails .zoneL .options .blocO .thumb {display:inline-block;margin:10px 2% 10px 0;text-align:center;vertical-align:top;}
.center-bloc-opt {text-align:center;}
#contenu #modelDetails .zoneL .others {margin:5px 0;}
#contenu #modelDetails .zoneR {display:none;}
@media screen and (min-width: 32em) {
#contenu #modelDetails {margin:0 -1%;}
#contenu #modelDetails p.sTitre {padding:0 1% 20px 1%;}
#contenu #modelDetails .zoneL {margin:0 1%;}
#contenu #modelDetails .zoneL #views a {width:23%;}
}
@media screen and (min-width: 42em) {
#contenu #modelDetails .zoneL #views a {width:18%;}
}
@media screen and (min-width: 60em) {
#contenu #modelDetails .zoneL {width:68%;float:left;}
#contenu #modelDetails .zoneL .features {display:none;}
#contenu #modelDetails .zoneL .others {display:none;}
#contenu #modelDetails .zoneR {width:28%;float:right;display:block;margin:0 1%;}
#contenu #modelDetails .zoneR .features {}
#contenu #modelDetails .zoneR .features h2 {padding:0;margin:0 0 10px 0;}
#contenu #modelDetails .zoneR .features h2.w-top-margin {margin-top:10px;padding-top:10px;border-top:solid 1px #D4D7B9;}
#contenu #modelDetails .zoneR .features ul {list-style-type:square;margin:0;padding:0 0 10px 18px;}
#contenu #modelDetails .zoneR .features li {font-size:0.85em;line-height:1.3;padding:2px 0;}
#contenu #modelDetails .zoneR .features p {margin:0;line-height:1.3;padding:2px 0;}
#contenu #modelDetails .zoneR .features p.style-mb-10 {margin:0 0 10px 0;}
#contenu #modelDetails .zoneR .features p.style-end {padding:2px 0 12px 0;}
#contenu #modelDetails .zoneR .features p.style-subtitle {margin:0 0 5px 0;font-weight:bold;}
#contenu #modelDetails .zoneR .features .bloc-other a {width:96%;display:inline-block;margin:10px 2%;text-align:center;vertical-align:top;}
#contenu #modelDetails .zoneR .features .bloc-other h3 {text-align:center;padding:4px 0 0 0;font-size:1em;line-height:1.3;}
#contenu #modelDetails .zoneR .features .bloc-other p {text-align:center;padding:0;color:#514E26;font-size:0.95em;line-height:1.1;}
#contenu #modelDetails .zoneR .others {margin:5px 0;}
}
/* Détails photo décor */
/* #galleryD => main zone avec nom, bt navigation, photo et options */
#contenu #galleryD {width:100%;margin:0 auto;}
#contenu #galleryD h1.titre {float:left;}
#contenu #galleryD .bt {float:right;margin-top:20px;}
#contenu #galleryD .bt a {padding:10px;font-size:1.75em;}
#contenu #galleryD #bt-prev {margin-right:10px;}
#contenu #galleryD #mainImg {position:relative;text-align:center;line-height:0;}
#contenu #galleryD #mainImg a {display:block;font-size:0;}
#contenu #galleryD #mainImg .bt-zoom {position:absolute;bottom:3%;right:2%}
#contenu #galleryD .zoneOptions {margin:0 -1%;}
#contenu #galleryD .zoneOptions a {float:left;width:31.33%;margin:2% 1% 0 1%;font-size:1em;}
#contenu #galleryD .zoneOptions a h3 {padding:4px 0 0 0;text-align:center;}
#contenu #galleryD .zoneOptions a p {color:#202020;text-align:center;}
#contenu #galleryD .zoneOptions div.blocTxtDiscontinued {float:left;width:31.33%;margin:2% 1% 5px 1%;color:#bbb;}
#contenu #galleryD .zoneOptions div.blocTxtDiscontinued .txtDiscontinued {text-align:center;}
/* #galleryDd => zone détail de la photo */
#contenu #galleryDd {width:100%;margin:0 auto;}
#contenu #galleryDd h2.titre {font-size:1.5em;}
#contenu #galleryDd .bloc-details {margin-bottom:20px;border-bottom:solid 1px #bbb;}
#contenu #galleryDd .bloc-details h3 {padding:0;}
#contenu #galleryDd .bloc-details h3 span {color:#bbb;text-decoration:line-through;}
#contenu #galleryDd .bloc-details h3.txtDiscontinued {color:#bbb;}
#contenu #galleryDd .bloc-details .btFiche {float:right;background-color:#323232;font-size:1em;padding:0;}
#contenu #galleryDd .bloc-details .btFiche a {display:inline-block;color:#fff;padding:5px 10px;}
#contenu #galleryDd .bloc-details .btFiche a:hover {text-decoration:underline;}
#contenu #galleryDd .bloc-details .btFiche.noDetails {visibility:hidden;background-color:#fff;color:#fff;padding:5px 10px;font-size:0.85em;}
#contenu #galleryDd .bloc-details .btFiche.discModel {background-color:#fff;color:#bbb;padding:5px 0;font-size:0.85em;margin:0 0 15px 0;float:none;}
/* #galleryDc => zone comprenant tous les modèles de la collection */
#contenu #galleryDc .vignettes-gallery a {width:100%;margin:20px 0 0 0;vertical-align:bottom;}
/* Si > 28em */
@media screen and (min-width: 28em) {
#contenu #galleryD .zoneOptions a {width:23%;}
#contenu #galleryD .zoneOptions div.blocTxtDiscontinued {width:23%;}
}
@media screen and (min-width: 32em) { #contenu #galleryDc .vignettes-gallery a {width:48%;margin:20px 1% 0 1%} }
@media screen and (min-width: 36em) {
#contenu #galleryD .zoneOptions a {width:18%;}
#contenu #galleryD .zoneOptions div.blocTxtDiscontinued {width:18%;}
}
@media screen and (min-width: 42em) { #contenu #galleryDc .vignettes-gallery a {width:31.33%;} }
@media screen and (min-width: 48em) {
#contenu #galleryD .zoneOptions a {width:14.66%;}
#contenu #galleryD .zoneOptions div.blocTxtDiscontinued {width:14.66%;}
}
@media screen and (min-width: 60em) {
#contenu #galleryDd h2.titre {margin-top:2px;}
#contenu #galleryD {width:70%;float:left;}
#contenu #galleryDd {width:28%;float:right;}
#contenu #galleryDc .vignettes-gallery a {width:23%;}
}
@media screen and (min-width: 76em) {
#contenu #galleryD .zoneOptions a {width:12.28%;}
#contenu #galleryD .zoneOptions div.blocTxtDiscontinued {width:12.28%;}
#contenu #galleryDc .vignettes-gallery a {width:23%;}
}
p#breadcrumb {padding:2px 0;font-family:Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:300;}
p#breadcrumb a {font-size:1em;font-family:Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:300;}
p#breadcrumb a:hover {text-decoration:underline;}
p#breadcrumb span {padding:0 6px;}
#contenu-h p#breadcrumb {padding:22px 5.5% 2px 5.5%;}
/* Si > 32em */
@media screen and (min-width: 32em) { #contenu-h p#breadcrumb {padding:22px 4.5% 2px 4.5%;} }
@media screen and (min-width: 42em) { #contenu-h p#breadcrumb {padding:22px 3.5% 2px 3.5%;} }
@media screen and (min-width: 48em) { #contenu-h p#breadcrumb {padding:22px 2.5% 2px 2.5%;} }
@media screen and (min-width: 60em) { #contenu-h p#breadcrumb {padding:22px 2.25% 2px 2.25%;} }
p.sub-menu {font-family:Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:300;font-size:1em;text-align:center;margin:0;padding:0 0 10px 0;}
p.sub-menu span {font-weight:400;padding:0 6px 0 0;}
p.sub-menu span.separator {color:#bbb;padding:0 6px;}
p.sub-menu a {font-size:1em;font-family:Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:300;}
p.sub-menu a:hover {text-decoration:underline;}
p.txt-intro {margin:10px 0;}
.botPadd {padding-bottom:10px;}
p.msg {font-size:1em;text-align:center;}
p.options-xtra-txt {margin:-15px 0 20px 0;}
/* bouton retour haut de page */
.scrollup {position:fixed;bottom:55px;right:0;display:none;color:white;background-color:#323232;border:1px solid #323232;font-size:0.85em;text-align:center;line-height:30px;padding:0 10px;}
.scrollup:hover {color:white;}
@media screen and (min-width: 1700px) { .scrollup {right:4%;} }
@media screen and (min-width: 1850px) { .scrollup {right:8%;} }
@media screen and (min-width: 2000px) { .scrollup {right:12%;} }
@media screen and (min-width: 2150px) { .scrollup {right:16%;} }
/* pour impression */
@media print {
body {background-color:#fff;}
#header #main-menu-i.m-m-i-visible {display:none;}
#header .f-nav-i {position:absolute;}
#header .f-nav-i #bt-i-langue {display:none;}
#header .f-nav-i #bt-i-logo {clear:left;width:100%;}
#header .f-nav-i #hamburger {display:none;}
#contenu .anchor {height:0px;margin-top:0px;}
p#breadcrumb {display:none;}
#contenu-h #slideshow .bloc-img {float:left;width:50%;}
#contenu-h #magazine {padding:2% 0;}
#contenu-h #magazine .bloc-img p {margin-top:40px;}
#contenu-h #magazine h2 a {font-size:3.25em;}
#contenu-h #contact {padding:2%;}
#contenu-h #contact .bloc-img {display:block;float:left;width:55%;text-align:right;}
#contenu-h #contact .bloc-txt {float:left;width:45%;padding-top:2%;}
#contenu #extrapolll {margin-left:-1%;margin-right:-1%;}
#contenu .extrapolll {margin-left:-1%;margin-right:-1%;}
#contenu .vignettes-gallery a.catDecor {width:23%;margin:20px 1% 0 1%;}
#contenu .vignettes-gallery a.catOpt {width:10.5%;}
#contenu #galleryD .bt {display:none;}
#contenu #galleryD #mainImg .bt-zoom {display:none;}
#contenu #galleryD .zoneOptions a {width:12.28%;}
#contenu #galleryD .zoneOptions div.blocTxtDiscontinued {width:12.28%;}
#contenu #galleryDd .bloc-details .btFiche {visibility:hidden;}
#contenu #galleryDd .bloc-details .btFiche.discModel {visibility:visible;}
#contenu #galleryDc .vignettes-gallery a {width:23%;margin:20px 1% 0 1%;}
.scrollup {bottom:-1000px;right:-1000px;}
}