html,body {margin:0; padding:0; height:100%;}
body {font-family:'open_sansregular',Arial; font-size:14px; color:#111; background:#fff;}
#load {position: fixed; left:0; top:0; width: 100%;	height: 100%; z-index:999; background:#fff; opacity:0.5;}
.left, .tleft {float:left;}
.right, .tright {float:right; text-align:right;}
.clear {clear:both;}
.story {margin:auto;width:1505px; position:relative;}
.storyext {position:relative; margin:auto;width:1525px; font-size:0; padding:10px 0; z-index:50;}
.centpourcent {width:100% !important; text-align:center;}
.yes {display:none;}
ul {margin:0 0 10px 0; padding-left:12px;}
img {vertical-align:top; border:0;}
#mloupe {display:none; position:fixed; right:10px; top:15px; z-index:99;}
#mrecherche {display:none;}
#top {position:relative; width:100%; height:90px; text-align:center; padding-top:5px; font-size:0;}
#tel {display:inline-block; font-family:'bebas_neueregular',Arial; font-size:24px; line-height:24px; background:#fc510b; color:#fff; padding:5px; border-radius:3px;}

#telr {display:none; text-align:left; font-family:'Bebas Neue',Arial;font-size:20px; line-height:25px; color:#ffffff; margin:0; padding:10px; background:#fc510b;}
#telr a:link, #telr a:visited, #tel a:link, #tel a:visited {color:#fff;}
#logo, #g, #reprise {display:inline-block; vertical-align:middle; width:33.33%;}
#g {text-align:left;}
#reprise {text-align:right; font-size:20px;}
#reprise a {color:#777;}
#menu {display:none; position:fixed; bottom:15px; margin-left:calc(50% - 40px); text-align:center; z-index:99; line-height:60px; width:60px; height:60px; padding:10px; border-radius:50%; background:#6ac5f4;}
#nav {position:relative; width:100%; background:#59bdf3; text-align:center; font-size:0; z-index:99;}
.fixnav {position:fixed !important; top:0; z-index:99;}
.i {display:inline-block; vertical-align:top; font-family:'Bebas Neue',Arial; color:#fff; margin:0; width:80px; height:40px; padding:10px 5px; transition:0.1s; overflow:hidden; cursor:pointer;}
.i img {display:block; margin:auto;}
.i:hover img {filter: invert(1); -webkit-filter: invert(1); -o-filter: invert(1); -ms-filter: invert(1); height:20px;}
.i:hover {background:#eee; color:#111;font-size:20px; line-height:20px;}
.i a:link, .i a:visited {color:#fff;}
.i:hover a {color:#111; display:block;}
.smenu {position:absolute; left:0; top:60px !important; font-family:'bebas_neueregular',Arial; width:100%; padding:20px 0; color:#fff; background:#eee; z-index:99; display:none; overflow:hidden;}
.col {float:left; width:140px; margin:0 5px;}
.ni {font-size:20px;background:#111;padding:5px;margin-top:4px; border-radius:4px; transition:0.2s;}
.nsi {font-size:18px; padding:5px; margin-top:4px; background:#fff; border-radius:4px; transition:0.2s;}
a:link .ni, a:visited .ni {color:#fff;}
a:link .nsi, a:visited .nsi {color:#111;}
a:hover .ni, a:hover .nsi {background:#59bdf3; color:#fff;}
.bkvert {background:#1fc002;}
.red {background:#000;}
.bfw {background:#000;}
#bkactu {display:none; position:fixed; z-index:998; background:#00000095; width:100%; height:100%; top:0; left:0;}
#recherche {display:none; position:fixed; overflow:hidden; z-index:999; top:50%; left:50%; transform: translate(-50%, -50%); width:calc(100% - 30px); height:auto; max-width:900px; max-height:800px;}
#recherche p {color:#fff; font-size:90px; font-family:'bebas_neueregular';}
.inrecherche {font-family:'open_sansregular',Arial; font-size:16px; color:#111; width:350px; padding:10px; border:0; margin-right:5px; border-radius:4px; outline:none;}
.rvert {font-family:'Bebas Neue',Arial; font-size:18px; line-height:18px; color:#ffffff; border:0; background:#1fc002; padding:10px; cursor:pointer; border-radius:4px; display:inline-block;}

#diaporama {position:relative; width:100%; height:600px;}
#prev {position:absolute; z-index:90; width:23px; height:36px; background:url('/ima/left.png'); left:10px; top:420px;}
#next {position:absolute; z-index:90; width:23px; height:36px; background:url('/ima/right.png'); right:10px; top:420px;}
#pager {position:absolute; top:700px; z-index:90; width:100%; text-align:center;}
#pager a {display:inline-block; border:0; background:#fff; text-decoration: none; margin:0 5px; border-radius:10px; width:20px; height:20px; font-size:0;}
#pager a.activeSlide { background:#ddd }
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:normal;font-style:normal;}
#diaporama h1 {padding:100px 0px 20px 0px; font-size:90px; font-family:'bebas_neueregular';}
#diaporama h2 {display:inline-block; font-size:34px; padding:5px 10px;background:#fff; color:#111; border-radius:4px;font-family:'bebas_neueregular';}
#diaporama h3 {padding-top:20px;font-size:24px;font-style:normal;letter-spacing:3px;font-family:'bebas_neueregular';}
.diapomask {position:absolute; bottom:-900px; width:100%; height:900px; }
.fixdiapo {margin-top:60px;}
#haut {height:0;}
#page {position:relative; width:100%;}
.banner {position:relative; width:100%; height:250px; line-height:250px; text-align:center;}
#ban {display:inline-block; vertical-align:middle; font-family:'bebas_neueregular',Arial; font-size:70px; color:#fff; font-weight:bold; line-height:70px;}
#ariane {position:relative; width:100%; background:#fc510b; padding:5px 0; color:#fff;}
.fixariane {position:fixed !important; top:60px; z-index:98;}
#ariane h1 {font-family:'bebas_neueregular',Arial; font-size:26px;}
#ariane h1 a {color:#fff;}
#tri {position:relative; width:100%; background:#eee; padding:4px 0; font-size:0; min-height:24px;}
#tri span {font-size:14px;}
.fixtri {position:fixed !important; top:98px; z-index:97;}
.tri {color:#111; border-radius:4px; border:0; background:#fff; font-family:'open_sansregular',Arial; font-size:14px; cursor:pointer; padding:3px; width:180px; margin-right:4px; -webkit-appearance: none;-moz-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg fill='%23fc510b' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat: no-repeat; background-position-x: 100%;  background-position-y:2px;}
.fixlist {margin-top:72px !important;}
.fixart {margin-top:130px !important;}
.bandeo {position:relative; z-index:50; font-family:'bebas_neueregular',Arial; font-size:30px; line-height:25px; display:block; color:#ffffff; background:#fc510b; padding:10px 0; text-align:center;}
.bande {font-family:'bebas_neueregular',Arial; font-size:30px; line-height:25px; display:block; color:#ffffff; background:#59bdf3; padding:10px 0; text-align:center;}
.banden {font-family:'bebas_neueregular',Arial; font-size:30px; line-height:25px; display:block; color:#fff; background:#092b2b; padding:10px; border-radius:4px;}
#page2 {margin-left:auto; margin-right:auto; width:1505px; padding:20px 0;}
.art {display:inline-block; vertical-align:top; position:relative; cursor:pointer; font-family:'bebas_neueregular';font-size:18px; background:#fff; width:calc(20% - 32px); max-width:273px; margin:10px; padding:5px; border:1px solid #eee; text-align:center; border-radius:4px; transition:0.2s;}
.smallart {display:inline-block; vertical-align:top; flex-shrink: 0; flex-grow: 1;scroll-snap-align: start;position:relative; cursor:pointer; font-family:'bebas_neueregular';font-size:18px; background:#fff; width:calc(10% - 32px); max-width:273px; margin:10px; padding:5px; border:1px solid #eee; text-align:center; border-radius:4px; transition:0.2s;}

.selection {display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; scrollbar-width: thin;}
::-webkit-scrollbar-track {background-color: #fff;}
::-webkit-scrollbar {height:12px; background-color: #fff;}
::-webkit-scrollbar-thumb {background-color: #3d4852; border-radius: 3px;}

.pack {display:block;vertical-align:middle; position:relative; padding:10px; min-height:100px; border-radius:5px; border:1px solid #ddd; font-size:16px; margin:10px 0;}
.imgpack {float:left; margin-right:10px; width:100px;}
.ssa {display:none;}
.ssa + label {display:inline-block; vertical-align:middle; background:#fff; cursor:pointer; padding:4px 10px; border:1px solid #ddd; margin:0 5px 5px 0; border-radius:3px;}
.ssa:checked + label {background-color:#59bdf3; color:#fff; border:1px solid #59bdf3;}
.ssa + label, .ssa + label {-webkit-transition:background-color 0.3s linear; -o-transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;  transition:background-color 0.3s linear;}

.art img, .smallart img {display:block; max-width:100%; width:100%;}
.art:hover {border:1px solid #dddddd;}
.art-marque {display:block; padding-top:5px;font-family:'Bebas Neue';}
.art-modele {height:40px; overflow:hidden;}
.art-prix {text-align:left; height:20px; color:#555;}
.euro {color:#e40006; font-size:20px;font-family:'Bebas Neue',Arial;}
.minipastille{position:absolute;width:40px;height:40px;margin-left:calc(100% - 50px); background:url('/ima/minipastille.png'); font-size:16px; font-weight:Bold;color: #ffffff;line-height:40px;text-align:center;}
.minipastille.noir, .bigpastille.noir { background:url('/ima/minipastillen.png');}
.stock {position:absolute;margin-top:-6px;margin-left:-6px;width:90px;height:90px;background:url('/ima/stock.png');}
.new {position:absolute;bottom:0;margin-left:-6px;width:90px;height:90px;background:url('/ima/new.png');}
.bignew {position:absolute;width:90px;height:90px;background:url('/ima/new.png'); left:1px; top:calc(100% - 91px);}
.promo {position:absolute;margin-top:160px;margin-left:calc(100% - 97px); width:93px;height:30px;background:url('/ima/promo.png');}
.okz {position:absolute;top:0px;right:0px; width:120px;height:23px;}
.reserve {position:absolute;margin-top:-6px;margin-left:-6px;width:90px;height:90px;background:url('/ima/reserve.png');}
.vendu {position:absolute;margin-top:-6px;margin-left:-6px;width:90px;height:90px;background:url('/ima/vendu.png');}
.tailles{position:absolute;width:20px;height:20px;margin-left:calc(100% - 25px); margin-top:220px;background:url('/ima/tailles.png'); text-align:left; z-index:99;}
.tdispo {font-family:'bebas_neueregular';font-size:18px; font-weight:normal;}

#page2 h2 {font-family:'Bebas Neue',Arial; font-size:60px;}
.post {display:inline-block;vertical-align:top; position:relative; min-width:285px; width:calc(25% - 20px); margin:10px; text-align:justify; font-size:14px;}
.post img {width:100%;}
.post-img img {width:100%; border-radius:4px;}
.blog-etk {position:absolute; background:#59bdf3; padding:5px; font-size:20px; color:#fff; border-top-left-radius:4px;}
.blog-titre {font-size:22px; display:block; font-weight:bold;font-family: 'bebas_neueregular';}
.blog-date {font-size:14px; display:block; padding-top:10px;}

.blog-img {display:inline-block; vertical-align:top; margin:10px 10px 30px 10px; width:calc(33.33% - 40px); font-size:14px; text-align:justify;}
.blog-img img {width:100%; margin-bottom:20px;}
.blog-space {display:inline-block; vertical-align:top; width:30px;}

a{outline:none;}
a:link{color: #111; text-decoration: none}
a:visited{color: #111; text-decoration: none}
a:hover{color: #111; text-decoration: none}
a.b:link {color: #fff; text-decoration: none}
a.b:visited{color: #fff; text-decoration: none}
a.b:hover{color: #fff; text-decoration: none}
.ico {display:inline-block; vertical-align:top; width:205px; text-align:center; font-family:'bebas_neueregular'; font-size:22px; color:#fff;}
.ico img {margin-bottom:5px;}
#ft_marques {width:100%; padding:10px 0; text-align:center; font-size:0;}
#ft_marques img {margin:0 2px;}
#ft_global {width:100%; text-align:center; font-size:0; background:#092b2b; color:#ccc; padding:10px 0;}
.ft {display:inline-block; vertical-align:top; font-size:13px; width:calc(20% - 20px); max-width:285px; text-align:left; padding:10px;}
.ft img {max-width:100%;}
.ft .inrecherche {max-width:calc(100% - 8px);}
.ft .titre {font-family:'bebas_neueregular',Arial; font-size:30px; font-weight:normal;}
hr {display:block; color:#ccc; background-color:#ccc; height:2px; border: 0px;}
.line {display:block; color:#ccc; background-color:#ccc; height:1px; border: 0px;}
.ft a:link, .ft a:visited {color:#ccc;}
.ft a:hover {color:#59bdf3;}
.azar {display:block; border:1px solid #ccc; padding:5px;}
#fiche {margin:0 10px; text-align:left; font-size:0; padding:20px 0;}
#ficheg {display:inline-block; vertical-align:top; max-width:700px; position:relative; margin-right:40px;}
#ficheg img {width:100%; border-radius:4px; border:1px solid #eee;}
#ficheg img:hover {border:1px solid #ddd;}
#photo1, #photo7 {position:relative; width:calc(100% - 10px); max-width:580px; float:left; margin-right:10px;}
#photo7 {margin-top:10px;}
.dot {position:absolute; width:40px; height:40px; background:#000; font-family:'bebas_neueregular'; font-size:24px; font-weight:bold; line-height:40px; text-align:center; border-radius:50%; color:#fff; z-index:90; transition:0.3s; cursor:pointer;}
.dot:hover {background:#fc510b;}
.mdot {position:absolute; width:20px; height:20px; background:#000; font-family:'bebas_neueregular'; font-size:14px; font-weight:bold; line-height:20px; text-align:center; border-radius:50%; color:#fff; z-index:90;}
#dcx {position:absolute; top:5px; right:5px; background:#ff0000; width:20px; height:20px; color:#fff;font-size:15px; line-height:20px; border-radius:50%;}
.option {display:block;margin:5px 0;}
.option img, .option span {display:inline-block; vertical-align:middle;}
.bigstock {position:absolute;margin:0;width:90px;height:90px;background:url('/ima/stock.png');}
.bigpastille{position:absolute;width:40px;height:40px;margin-left:10px; margin-top:70px;background:url('/ima/minipastille.png'); font-size:15px; font-weight:Bold;color: #ffffff;line-height:40px;text-align:center;}
.bigpromo {position:absolute;margin-top:75px;margin-left:50px;width:93px;height:30px;background:url('/ima/promo.png');}
.bigreserve {position:absolute;margin-top:-5px;margin-left:-5px;width:90px;height:90px;background:url('/ima/reserve.png');}
.bigokz {position:absolute;margin-top:100px;margin-left:10px;width:120px;height:23px;}
.bigokz img {border:0 !important;}
.titre2 {font-family:'Bebas Neue',Arial; font-size:30px;}
.thumb {display:inline-block; margin:0 0 10px 0; width:calc(16.66% - 10px);}

#fiched {font-size:14px;display:inline-block; vertical-align:top; position:relative;max-width:700px; width:100%;}
#fiched h2 {font-family:'Bebas Neue',Arial; font-size:60px;}
#fiched h3 {font-family:'bebas_neueregular',Arial; font-size:40px; margin-bottom:20px;}
.prix {color: #e40006; font-size:40px; font-family:'Bebas Neue',Arial;}
.detail {display:block; margin:40px 0; font-size:14px;}
.detail h4 {font-family:'bebas_neueregular',Arial; font-size:40px; margin-bottom:20px; border-bottom:2px solid #092b2b; color:#092b2b;}
.detail iframe {width:100%; border-radius:4px;}
.th {background:#ddd; font-size:17px; font-weight:Bold; text-align:center;}
.table {width:745px; border:1px solid #dddddd; border-collapse:collapse;}
.table100 {width:100%; border:1px solid #dddddd; border-collapse:collapse;}
.mtable {width:300px; border:1px solid #dddddd; border-collapse:collapse;}
.table tr, .table td, .table100 tr, .table100 td, .mtable tr, .mtable td {padding:5px;}
.text{font-family:'open_sansregular',Arial; font-size:14px; color:#000; border:0; background:#59bdf3; padding:3px; margin:0 5px;outline:none;}
.textb{font-family:'open_sansregular',Arial; font-size:14px; color:#111; border:1px solid #dddddd; padding:4px; border-radius:4px;outline:none;}
.vert {display:inline-block; font-family:'Bebas Neue',Arial; font-size:30px; line-height:30px; color:#ffffff; border:0; background:#1fc002; padding:6px 12px; cursor:pointer; border-radius:4px;}
.mvert {font-family:'Bebas Neue',Arial; font-size:18px; line-height:18px; color:#ffffff; border:0; background:#1fc002; padding:4px 8px; cursor:pointer; border-radius:2px; display:inline-block;}
.rouge {font-family:'Bebas Neue',Arial; font-size:18px; line-height:18px; color:#ffffff; border:0; background:#e40000; padding:4px 8px; cursor:pointer; border-radius:2px;}
.mbleu {display:inline-block; font-family:'Bebas Neue',Arial; font-size:20px; line-height:20px; color:#ffffff; border:0; background:#59bdf3; padding:3px; cursor:pointer;}
.tel {display:inline-block; font-family:'Bebas Neue',Arial; font-size:30px; margin-top:5px; padding:5px; background:#59bdf3; color:#ffffff; line-height:30px;}
.box {display:block; font-family:'Bebas Neue',Arial; font-size:20px; margin-top:5px; padding:5px; background:#dddddd; color:#111111; line-height:20px;}
.box a:link, .box a:visited {color:#111111;}
.orange {display:inline-block; font-family:'Bebas Neue',Arial; font-size:20px; line-height:20px; color:#ffffff; border:0; background:#ff6600; padding:6px; cursor:pointer; border-radius:4px;}
.boutonrouge {font-size:15px; color:#ffffff; border:0; background:#ca0004; font-weight:Bold; padding:4px; cursor:pointer;}
.erreur{color: #ca0004; font-weight:Bold; background:#ffffff;}
.tvert {color:#1fc002; font-weight:bold;}
.apartir{color: #e40000; font-size: 10px; font-weight: Bold;}
.petit{font-size:11px;}
.zero {font-size:0;}
#selecteur {position:absolute; z-index:99; margin-left:calc(100% - 100px); margin-top:-20px;font-family:'Bebas Neue',Arial; font-size:20px;}
#selecteur img {border-radius:50px;}
.gearbot {width:80px; height:70px; padding:20px 10px 10px 10px; line-height:30px; background:#59bdf3; text-align:center; color:#fff; border-radius:50%; font-size:34px;}
#finder, #results {display:inline-block; vertical-align:top;}
#finder {width:265px; margin:10px; background:#f9f9f9; padding:10px; border-radius:4px;}
#results {width:calc(100% - 305px);}
#results .art {animation: leaves 0.6s ease-in-out alternate; -webkit-animation: leaves 0.6s ease-in-out alternate;}
@keyframes leaves {0% {opacity:0; transform: scale(0.9);} 100% {opacity:1; transform: scale(1);}}
.art-image {transition:1s;}
.art-image:hover .cats {opacity:1; transform:scale(1);}
.pertinence {position:absolute; width:100px; height:85px; border-radius:50px; padding-top:15px; background:rgba(89,189,243,0.6); color:#fff; margin-left:calc(50% - 50px); margin-top:50px; font-size:50px;}
h6 {font-size:16px; margin-top:-5px;}
.art-image:hover .pertinence {opacity:0;}
.cats {position:absolute; width:233px; min-height:253px; top:5px; left:5px; background:rgba(89,189,243,0.8); opacity:0; color:#fff; padding:10px 20px; transform:scale(0.9); transition:0.2s;}
.cats .line {position:relative; width:233px; height:4px; background:#fff; margin:6px 0;}
.cats .bulle {position:absolute; margin-top:-7px; width:18px; height:18px; background:#fff; border-radius:18px;}
.range {width:100%; text-align:center;}
.range span {font-family:'bebas_neueregular',Arial; font-size:18px;}
.irs {position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.irs-line {position: relative; display: block; overflow: hidden; outline: none !important;}
.irs-bar {position: absolute; display: block; left: 0;  width: 0;}
.irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1;}
.irs-handle.type_last {z-index: 2;}
.irs-min, .irs-max { position: absolute; display: block; cursor: default; top:30px; visibility:visible !important;}
.irs-min {left: 8px;}
.irs-max {right: 3px;}
.irs-from,.irs-to,.irs-single {display:none; height:0;}
.irs-hidden-input {position: absolute; display: block; top: 0; left: 0; width:0; height:0; font-size:0; line-height:0; padding:0; margin:0; overflow:hidden; outline:none; z-index:-9999; background:none; border-style:solid; border-color:transparent;}
.irs--round {height:50px;}
.irs--round .irs-line {top: 13px;height: 4px;background-color: #59bdf3;border-radius: 4px;}
.irs--round .irs-bar {top: 11px; height: 8px; background-color: #59bdf3;border-radius: 4px;}
.irs--round .irs-handle {top:3px; width: 24px;height: 24px; background-color: #59bdf3; border-radius:24px; transition:0.1s ease; cursor:pointer;}
.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {transform:scale(1.2); background-color: #092b2b;}
.irs--round .irs-min,.irs--round .irs-max {color:#777; font-size:15px;}
@font-face {font-family:'Bebas Neue';src: url('/fonts/BebasNeue.eot');src: url('/fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),url('/fonts/BebasNeue.woff2') format('woff2'),url('/fonts/BebasNeue.woff') format('woff'),url('/fonts/BebasNeue.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'open_sansregular';src: url('/fonts/opensans-regular-webfont.eot');src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/opensans-regular-webfont.woff2') format('woff2'),url('/fonts/opensans-regular-webfont.woff') format('woff'),url('/fonts/opensans-regular-webfont.ttf') format('truetype'),url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'bebas_neuebook';src: url('/fonts/bebasneue_book-webfont.woff2') format('woff2'),url('/fonts/bebasneue_book-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'bebas_neueregular'; src: url('/fonts/bebasneue_regular-webfont.woff2') format('woff2'),url('/fonts/bebasneue_regular-webfont.woff') format('woff'); font-weight: normal;font-style: normal;font-display: swap;}
.mstars {position:absolute; width:100px; height:20px; background:url('/ima/mstars.png'); display:block;}
.morange{width:100px; height:20px; background:#cccccc; text-align:left; display:block;}
.rating {width:125px; margin:0;font-size: 30px;overflow:hidden;}
.rating input {float: right; opacity: 0; position: absolute;}
.rating a,.rating label {float:right;color: #bbbbbb; text-decoration: none; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition: color .4s; transition: color .4s;}
.rating label:hover ~ label,.rating input:focus ~ label,.rating input:checked ~ label,.rating label:hover,.rating label:active,.rating a:hover,.rating a:active,.rating a:hover ~ a,.rating a:focus,.rating a:focus ~ a	{color: #ffd201;cursor: pointer;}
#accordion-wrapper {overflow:hidden;display:flex;position:relative;height:500px;}
.slide {position:relative; display: inline-block; flex: 1; width: calc(20% - 40px); transition:0.3s;}
.slide:hover {flex:2; cursor:pointer;}
.slide img {position:relative;}
.caption {position:absolute;bottom:0;padding:5px 0 0 5px;text-align:left;}
.caption h1 {font-family: 'Bebas Neue';font-size: 60px;text-shadow: 1px 1px 5px #111111;}
.caption2 {text-align:left;font-size: 110px;font-family: 'Bebas Neue';color: #ffffff;position:absolute;margin-top:-330px;margin-left:-190px;width:500px;display:block;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform : rotate(-90deg);}
.caption2 a {text-decoration:none;outline:none;color:#ffffff;}
.archive {float:left; padding:10px; background:#f5f5f5; font-size:13px; color: #111111; width:260px;}
#riders {font-size:14px; margin-left:300px; margin-top:20px;}
.tipr_content {background-color:#092b2b; width:280px; padding:10px; color:white; border-radius:4px;}
.tipr_content a {color:white;}
.tipr_container_below {display: none;position: absolute;margin-top:10px;z-index: 1000;}
.thumbcado {display:inline-block; vertical-align:top; margin:0 10px 10px 0; text-align:center;}
.bigradio {transform:scale(1.3);}
@media screen and (max-width: 767px)
  {
  .story, #page2, #ft_marques {width: calc(100% - 20px); padding-left:10px; padding-right:10px;}
  .selection {width: calc(100% - 20px); margin-left:10px; margin-right:10px;}
  .blog-space {width:0;}
  .blog-img {width:calc(100% - 20px);}
  #page2 img {max-width:100%;}
  .pack { width:calc(100% - 20px);}
  .bigplus {display:block; text-align:center;}
  .storyext, #page {width:100%;text-align:center;}
  #haut {height:80px;}
  #top {height:70px; position:fixed; top:0; z-index:98; background:#fff;}
  #logo {width:100%; text-align:center;}
  #logo img {height:70px;}
  #mloupe {display:block;}
  #mrecherche {display:none; width:calc(100% - 20px); padding:10px; text-align:left; background:#6ac5f4; position:fixed; left:0; top:55px; z-index:99;}
  .i img {float:right; height:20px;}
  #menu, .i, .i a, .ni, .nsi, #telr {display:block;}
  #nav {display:none; position:absolute !important; margin-top:0px;}
  .smenu {position:relative; top:0px !important; }
  .i {width:calc(100% - 20px); padding:15px 10px; text-align:left; background:#59bdf3; border-bottom:2px solid #f5f5f5; overflow:hidden;height:auto; font-size:20px; line-height:20px;}
  .ni {display:block; padding:10px;}
  .nsi {display:none;}
  .col {float:none; width:100%; margin:0;}
  #pager {display:none;}
  #content_blog {margin:0; text-align:left;}
  #content_blog .titre {font-size:24px;}
  .d {display:none;}
  .fixdiapo {margin:0;}
  #gauche, #gauche_blog, .tailles, .bigpromo, .bigokz {display:none; width:0; height:0; margin:0; float:none;}
  #g, #reprise {position:absolute; width:auto; top:10px;}
  #reprise {top:20px; right:10px;}
  #tel {display:none;}
  .text, .textb {max-width:100%; margin-bottom:2px;}
  .ico {width:auto; margin:10px;}
  .art {width:calc(50% - 32px); margin:10px; min-height:100px; text-align:left; overflow:hidden;}
  .smallart {width:calc(25% - 32px);}
  .art img, .sug img {float:left; min-height:100px; max-width:50%; margin-right:10px;}
  .art-modele {display:block;}
  .art-marque {padding-top:25px;}
  .art-prix {margin-top:10px;}
  .promo {display:none;}
  .ft {width: calc(100% - 20px); max-width:100%;}

#fiche {display:table;}
#ficheg {display:table-footer-group; float:none; margin:20px 0 0 0; width:100%;}
#fiched {display:table-header-group; margin:0;}
#photo1, #photo7 {margin:20px 0 0 0; width:100%; float:none;}

   .table, .mtable {width:100%; margin-bottom:5px; max-width:100%;}
  .table td, .table100 td, .mtable td {width:100%; text-align:center; display:block; padding:5px 0;}
  .table100 tr {border-bottom:1px solid #dddddd;}
  .th {padding:0;}
  .yes{display:inline-block;}
  .no, td.no {display:none;}
  .tleft, .tright {float:none;}
  #rib {max-width:100%;}
  .wrap {width: calc(100% - 10px); left:0; margin:0;}
  .l1 {font-size:30px; margin-top:10px;}
  .l2 {font-size:20px;}
  .stock {width:45px;height:45px;background:url('/ima/mstock.png');}
  .new {width:45px;height:45px;background:url('/ima/mnew.png');}
  .okz {margin-left:calc(100% - 120px); margin-top:0;}
  .archive {float:none; width: calc(100% - 20px);}
  #riders {margin:0}
  .reprise td, reprise tr {width:calc(100% - 20px); display:block;}
  .reprise .textb {width:200px !important;}
  #accordion-wrapper, .accordion-wrapper, .slide, .slide img {height:250px !important;}
  .caption2 {font-size:60px; margin-top:-300px;margin-left:-220px;}
  #diaporama, .diapo {height:400px !important; overflow:hidden;}
  #prev, #next {top:140px;}
  #prev {left:0px;}
  #next {right:0px;}
  .diapo .story {width: calc(100% - 50px); padding-left:25px; padding-right:25px;}
  #diaporama h1 {font-size:60px;}
  #results {display:block; width:100%; margin:0;}
  #finder {display:block; margin:10px; width:calc(100% - 40px);}
  #selecteur {margin:-120px 0 0 0;}
  .pertinence {margin-top:0px; text-align:center;}
  .art-image:hover .cats {opacity:0 !important;}
  .tri {margin:2px;}
  li {margin:4px 0;}
  #recherche {display:none; padding:30px 10px; text-align:center; background:#092b2b; position:fixed; top:60px; z-index:99; width:calc(100% - 40px); margin:0;}
  input[type=submit] {-webkit-appearance:none;}
  .okz img {min-height:auto;}
  .thumb {display:block; width:100%;margin:10px 0;}
  }
@media screen and (max-width: 500px)
  {
  #diaporama, .diapo {height:200px !important; overflow:hidden;}
  #diaporama h1 {font-size:40px; padding:20px 0 0 0;}
  #diaporama h2 {font-size:18px;}
  #diaporama h3 {font-size:18px; padding-top:10px;}
  #photo1, #photo7 {width:100%;}
  .art {max-width:100%;width:calc(100% - 32px); display:block;}
  .smallart {width:calc(40% - 32px);}
  .smallart okz {display:none;}
  }
@media screen and (min-width: 768px) and (max-width: 1530px)
  {
  .story, #page2 {width: calc(100% - 20px); padding-left:10px; padding-right:10px;}
  .storyext, #page {width:100%;}
  .blog-space {width:0;}
  .blog-img {width:calc(33.33% - 20px);}
  .diapo .story {width: calc(100% - 80px);}
  #fiche {margin:0;}
  .i {width:calc(6.25% - 10px);}
  .i:hover {font-size:16px;}
  .ico {width:16%;}
  .storyext {text-align:center;}
  #selecteur {margin-left:calc(100% - 200px);}
  .table {max-width:390px;}
  .wrap {width: calc(100% - 10px); left:0; margin:0;}
  .l1 {font-size:40px; margin-top:20px;}
  .l2 {font-size:20px;}
  .art {width:calc(25% - 32px);}
  .selection {width: calc(100% - 20px); margin-left:10px; margin-right:10px;}
  }
  @media screen and (min-width: 1000px) and (max-width: 1350px)
  {
  .art {width:calc(33.33% - 32px);}
  .smallart {width:calc(15% - 32px);}
  }
  @media screen and (min-width: 768px) and (max-width: 999px)
  {
  .art {width:calc(50% - 32px);}
  .smallart {width:calc(25% - 32px);}
  }