%PDF-
%PDF-
Mini Shell
Mini Shell
/*************************************************/
/*G001T003*/
/*************************************************/
/*VARIABLES*/
/*************************************************/
/*HTML5 CSS3*/
/*************************************************/
* {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
html,
body {
height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
body {
font: 13px/1.231 sans-serif;
font-size: small;
}
select,
input,
textarea,
button {
font: 99% sans-serif;
}
pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
}
html {
overflow-y: scroll;
}
a:hover,
a:active {
outline: none;
}
ol {
list-style-type: decimal;
}
nav ul,
nav li {
margin: 0;
list-style: none;
list-style-image: none;
}
small {
font-size: 85%;
}
strong,
th {
font-weight: bold;
}
td {
vertical-align: top;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
padding: 15px;
}
textarea {
overflow: auto;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
cursor: pointer;
}
button,
input,
select,
textarea {
margin: 0;
}
button {
width: auto;
overflow: visible;
}
b {
font-weight: bold;
}
.ie6 legend,
.ie7 legend {
margin-left: -7px;
}
.ie7 input[type="checkbox"] {
vertical-align: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
.ie7 img {
-ms-interpolation-mode: bicubic;
}
.ir {
display: block;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
.hidden {
display: none;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
width: 0px;
height: 0px;
overflow: hidden;
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/*************************************************/
/*CSS3*/
.3D {
-webkit-perspective: 100;
-moz-perspective: 100;
-o-perspective: 100;
-ms-perspective: 100;
perspective: 100;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
/*************************************************/
/*BG*/
/*************************************************/
/*POSITION*/
.BG {
background-position: center top;
}
/*FIXED*/
.BG-fixed {
background-attachment: fixed;
}
/*COVER*/
.BG-cover {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
/*POSITION*/
.BG-center-top {
background-position: center top !important;
}
.BG-center-center {
background-position: center center !important;
}
.BG-center-bottom {
background-position: center bottom !important;
}
.BG-left-top {
background-position: left top !important;
}
.BG-left-center {
background-position: left center !important;
}
.BG-left-bottom {
background-position: left bottom !important;
}
.BG-right-top {
background-position: right top !important;
}
.BG-right-center {
background-position: right center !important;
}
.BG-right-bottom {
background-position: right bottom !important;
}
/*REPEAT*/
.BG-repeat {
background-repeat: repeat;
}
.BG-no-repeat {
background-repeat: no-repeat;
}
/*************************************************/
/*IMAGES*/
.BG-I0001 {
background-image: url(../commun/bg/BG-I0001.png);
background-repeat: no-repeat;
}
.BG-I0002 {
background-image: url(../commun/bg/BG-I0002.png);
background-repeat: no-repeat;
}
.BG-I0003 {
background-image: url(../commun/bg/BG-I0003.png);
background-repeat: no-repeat;
}
.BG-I0004 {
background-image: url(../commun/bg/BG-I0004.png);
background-repeat: no-repeat;
}
.BG-I0005 {
background-image: url(../commun/bg/BG-I0005.png);
background-repeat: no-repeat;
}
.BG-I0006 {
background-image: url(../commun/bg/BG-I0006.png);
background-repeat: no-repeat;
}
.BG-I0007 {
background-image: url(../commun/bg/BG-I0007.png);
background-repeat: no-repeat;
}
.BG-I0008 {
background-image: url(../commun/bg/BG-I0008.png);
background-repeat: no-repeat;
}
.BG-I0009 {
background-image: url(../commun/bg/BG-I0009.png);
background-repeat: no-repeat;
}
.BG-I0010 {
background-image: url(../commun/bg/BG-I0010.png);
background-repeat: no-repeat;
}
.BG-I0011 {
background-image: url(../commun/bg/BG-I0011.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF !important;
}
.BG-I0012 {
background-image: url(../commun/bg/BG-I0012.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF !important;
}
.BG-I0013 {
background-image: url(../commun/bg/BG-I0013.png);
background-repeat: no-repeat;
}
.BG-I0014 {
background-image: url(../commun/bg/BG-I0014.jpg);
background-repeat: no-repeat;
background-color: #000000 !important;
}
.BG-I0015 {
background-image: url(../commun/bg/BG-I0015.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF !important;
}
.BG-I0016 {
background-image: url(../commun/bg/BG-I0016.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF !important;
}
.BG-I0017 {
background-image: url(../commun/bg/BG-I0017.jpg);
background-repeat: no-repeat;
background-color: #73C3FE !important;
}
.BG-I0018 {
background-image: url(../commun/bg/BG-I0018.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF !important;
}
.BG-I0019 {
background-image: url(../commun/bg/BG-I0019.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF !important;
}
.BG-I0020 {
background-image: url(../commun/bg/BG-I0020.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF !important;
}
.BG-I0021 {
background-image: url(../commun/bg/BG-I0021.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF !important;
}
.BG-I0022 {
background-image: url(../commun/bg/BG-I0022.jpg);
background-repeat: no-repeat;
background-color: #043641 !important;
}
.BG-I0023 {
background-image: url(../commun/bg/BG-I0023.jpg);
background-repeat: no-repeat;
background-color: #FD628A !important;
}
.BG-I0024 {
background-image: url(../commun/bg/BG-I0024.jpg);
background-repeat: repeat;
background-color: #FFFFFF !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
.BG-I0025 {
background-image: url(../commun/bg/BG-I0025.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
/*************************************************/
/*PATTERNS*/
.BG-P0001 {
background-image: url(../commun/bg/BG-P0001.png);
}
.BG-P0002 {
background-image: url(../commun/bg/BG-P0002.png);
}
.BG-P0003 {
background-image: url(../commun/bg/BG-P0003.png);
}
.BG-P0004 {
background-image: url(../commun/bg/BG-P0004.png);
}
.BG-P0005 {
background-image: url(../commun/bg/BG-P0005.png);
}
.BG-P0006 {
background-image: url(../commun/bg/BG-P0006.png);
}
.BG-P0007 {
background-image: url(../commun/bg/BG-P0007.png);
}
.BG-P0008 {
background-image: url(../commun/bg/BG-P0008.png);
}
.BG-P0009 {
background-image: url(../commun/bg/BG-P0009.png);
}
.BG-P0010 {
background-image: url(../commun/bg/BG-P0010.png);
}
.BG-P0011 {
background-image: url(../commun/bg/BG-P0011.png);
}
.BG-P0012 {
background: url(../commun/bg/BG-P0012.png) top left repeat;
}
/*************************************************/
/*MOBILE*/
@media screen and (max-width: 760px) {
}
/*************************************************/
/*************************************************/
/*PRINT*/
/*************************************************/
@media print {
body {
overflow: hidden !important;
height: auto !important;
}
#header_btn {
display: none !important;
}
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
a,
a:visited {
color: #444 !important;
text-decoration: underline;
}
#contentMiddle a[href]:after {
content: " (" attr(href) ")";
}
#contentMiddle abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h1 {
padding-left: 0px !important;
border-bottom: 1px solid #454546;
clear: both;
overflow: hidden;
}
h1.baseline {
padding: 50px 20px 25px 260px !important;
border: 0px none;
clear: both;
overflow: hidden;
}
h2,
h3 {
page-break-after: avoid;
}
.url {
font-size: 12px !important;
}
.bloc {
display: block;
position: relative;
page-break-inside: auto ;
}
}
body.print {
font-family: Arial;
color: #666666;
}
.print b {
color: #333333;
}
.print a {
color: #454546;
}
.print #ui-admin {
display: none !important;
}
.print h1,
.print h2,
.print h3,
.print h4,
.print h5,
.print .first strong {
color: #333333;
font-family: "Merriweather";
font-weight: bold;
}
.print h1,
.print h2,
.print h3,
.print h4,
.print h5,
.print ul,
.print ol,
.print p {
display: block;
margin-bottom: 15px;
}
.print .btn {
position: relative;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
text-transform: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-bottom: 5px;
padding: 8px 55px 8px 12px;
width: 215px;
letter-spacing: normal;
font-size: 17px;
line-height: 16px;
font-weight: bold;
color: #FFF;
text-decoration: none;
background: #454546;
background: -moz-linear-gradient(top, #575758 0%, #454546 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #454546));
background: -webkit-linear-gradient(top, #575758 0%, #454546 100%);
background: -o-linear-gradient(top, #575758 0%, #454546 100%);
background: -ms-linear-gradient(top, #575758 0%, #454546 100%);
background: linear-gradient(top, #575758 0%, #454546 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #454546 );
zoom: 1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 15px;
}
.print .btn-hover,
.print .btn:hover {
background: #454546;
background: -moz-linear-gradient(top, #343434 0%, #454546 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #454546));
background: -webkit-linear-gradient(top, #343434 0%, #454546 100%);
background: -o-linear-gradient(top, #343434 0%, #454546 100%);
background: -ms-linear-gradient(top, #343434 0%, #454546 100%);
background: linear-gradient(top, #343434 0%, #454546 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #343434 , endColorstr= #454546 );
zoom: 1;
}
.print #container {
padding: 0px 20px 0px 20px;
}
.print .bloc h1 {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 5px;
line-height: 24px;
color: #FFF;
background: #454546;
background: -moz-linear-gradient(top, #575758 0%, #454546 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #454546));
background: -webkit-linear-gradient(top, #575758 0%, #454546 100%);
background: -o-linear-gradient(top, #575758 0%, #454546 100%);
background: -ms-linear-gradient(top, #575758 0%, #454546 100%);
background: linear-gradient(top, #575758 0%, #454546 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #454546 );
zoom: 1;
padding: 15px 20px 15px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.print .bloc h1 {
position: relative;
padding: 3px 20px;
cursor: pointer;
}
.print .first h1 {
padding: 15px 20px 15px 20px;
}
.print h2 {
text-transform: uppercase;
}
.print #entete {
position: relative;
overflow: hidden;
margin-bottom: 50px;
}
.print #entete .baseline {
display: block !important;
white-space: normal !important;
clear: both;
background: #FFF !important;
min-height: 60px;
font-family: "Merriweather";
font-size: 20px;
letter-spacing: 6px;
text-transform: uppercase;
font-weight: bold;
color: #333333;
padding: 50px 20px 25px 260px;
line-height: 32px;
margin-bottom: 0px;
}
.print #entete .logo {
position: absolute;
top: 0px;
left: 0px;
width: 215px;
}
.print #entete .logo img {
display: block;
background-position: center center;
min-height: 120px;
min-width: 160px;
text-indent: -2000px;
overflow: hidden;
}
.print #entete .logo .slogan {
height: 110px;
font-size: 11px;
text-align: center;
padding: 0 5px 0 5px;
color: #35B3DB;
}
.print #entete #header_btn {
position: absolute;
right: 0px;
top: 15px;
}
.print #entete #header_btn .print span {
display: block;
position: absolute;
right: 5px;
top: 5px;
background: url(/1561907773/image/template/spriteprint.png) left top no-repeat;
height: 24px;
width: 25px;
}
.print #entete #header_btn .close span {
display: block;
position: absolute;
right: 10px;
top: 5px;
background: url(/1561907773/image/template/spriteprint.png) left -50px no-repeat;
height: 24px;
width: 24px;
}
.print #entete .url {
padding: 25px 20px 25px 260px;
color: #333333;
font-size: 20px;
text-decoration: none;
}
.print .first strong {
display: block;
}
.print .bloc > img {
display: block;
float: none;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
margin: 20px 0px 20px 0;
}
.print .bloc {
margin-bottom: 20px;
}
.print .infos {
margin: 0px;
font-size: 0.95em;
overflow: hidden;
}
.print .infos h2 {
letter-spacing: 2px;
margin: 0 0 10px 0;
}
.print .infos dl {
padding: 0px;
margin: 0px 0px 20px 0px;
width: 100%;
overflow: hidden;
}
.print .infos dl dt {
color: #4E4E4F;
font-weight: bold;
width: 50%;
margin: 0px;
padding: 0px;
float: left;
}
.print .infos dl dd {
color: #186F8A;
width: 50%;
margin: 0px;
padding: 0px;
float: left;
}
.print ul li {
list-style: disc inside;
color: #454546;
line-height: 1.5em;
}
.print ul li > q {
color: #186F8A;
}
.print ul li > q > p {
display: inline;
}
.print ul.indent {
margin-left: 30px;
}
.print ul.large {
overflow: hidden;
height: auto;
}
.print ul.large li {
float: left;
width: 240px;
overflow: hidden;
}
.print figure img {
width: 100%;
max-height: 100%;
margin-bottom: 15px;
}
.print .map,
.print .map iframe {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
/*************************************************/
/*COMMUN*/
/*************************************************/
/*************************************************/
/*GLOBAL*/
body {
position: relative;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
margin: 0 auto;
}
.clear {
clear: both;
}
.clear-bloc {
display: block;
width: auto !important;
float: none !important;
clear: both !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
}
body {
font-size: 0.8em;
}
#container {
visibility: hidden;
}
img {
display: block;
}
* {
margin: 0px;
padding: 0px;
}
ul,
ol {
list-style-position: inside;
}
i,
em {
font-style: italic;
}
.btn {
cursor: pointer;
}
nav ul,
nav li,
nav a {
display: block;
}
nav a.panier {
margin-top: 7px;
margin-right: 10px;
padding: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 160px;
position: relative;
text-decoration: none;
font-size: 17px;
}
nav a.panier div {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 3px 5px 3px 10px;
}
nav a.panier div.nb-items-panier {
width: 50px;
position: absolute;
top: 0;
right: 0;
padding: 3px 10px 3px 0;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
text-align: right;
}
nav a.panier div.nb-items-panier .ico-panier {
padding-left: 20px;
background: url(/1561907773/image/template/sprite-boutique.png) 0px -26px no-repeat;
margin-right: 3px;
}
.ie7 nav a.panier div.nb-items-panier .ico-panier {
width: 0px;
padding-left: 20px;
background: url(/1561907773/image/template/sprite-boutique.png) 0px -26px no-repeat;
}
nav a.bouton_reserver {
margin-top: 6px;
margin-right: 10px;
padding: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-width: 140px;
height: 28px;
max-width: 280px;
position: relative;
text-decoration: none;
font-size: 17px;
transition: 1s;
}
nav a.bouton_reserver div.reserver {
padding: 4px 10px 1px 0;
float: left;
}
nav a.bouton_reserver div.fleche-reserver {
width: 24px;
height: 23px;
top: 0;
right: 0;
padding: 3px 10px 3px 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
text-align: right;
float: left;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main ul,
#main ol,
#main p {
display: block;
overflow: hidden;
margin-bottom: 15px;
line-height: 16px;
}
#main ul.indent {
margin-left: 30px;
}
#main hr {
border: none 0px;
border-top: #EFEFEF solid 1px;
margin: 12px 0;
}
#main span {
color: #454546;
font-weight: bold;
}
#main button {
border: 0px;
background: none transparent;
display: block;
}
#main button .btn {
display: block;
clear: both;
}
#main figure.left {
width: 48%;
margin: 0 2% 15px 0;
overflow: hidden;
}
#main figure img {
width: 100%;
max-height: 100%;
}
#main .ico .js-ico,
#main .ico .js-ico1,
#main .ico .js-ico2 {
display: none;
margin: 0px;
}
#main .send .js-ico {
position: absolute;
display: block;
width: 26px;
height: 17px;
background: url(/1561907773/image/template/spritepvi.png) 0px -1750px no-repeat;
}
#popn form .inputEnvoyer .send .js-ico {
position: absolute;
display: block;
width: 26px;
height: 17px;
background: url(/1561907773/image/template/spritepvi.png) 0px -1750px no-repeat;
left: auto;
top: 3px;
right: 5px;
}
#popn form .inputEnvoyer .send .js-ico .js-ico1 {
display: none;
}
#popn form .inputEnvoyer .send {
font-weight: bold;
float: right;
padding: 5px 60px 5px 20px;
text-align: left;
width: auto;
position: relative;
font-size: 23px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#popn form .inputClose {
clear: none !important;
}
#popn form .inputClose .send {
padding: 7px 20px 5px 20px !important;
}
#popn form .inputClose .send .js-ico {
display: none;
}
#main .slim {
cursor: pointer;
}
#main .tel .js-ico {
position: absolute;
display: block;
width: 17px;
height: 17px;
background: url(/1561907773/image/template/spritepvi.png) 0px -1600px no-repeat;
}
#header-top > svg,
#header-top > .raph,
#btn-panier > svg,
#btn-panier > .raph,
#footer svg,
#footer .raph {
display: none !important;
}
#nav ul li {
list-style: none;
}
#nav > ul > li {
position: relative;
}
#nav ul ul li a {
display: block;
}
#main ul.large {
position: relative;
width: 100%;
}
#main ul.large li {
position: relative;
width: 47%;
margin: 0 2% 8px 0;
padding: 0;
float: left;
}
#main ul.indent li {
width: auto;
margin-left: 0px;
margin-left: 0px;
float: none;
}
#logo {
display: block;
float: left;
background-position: center center;
background-repeat: no-repeat;
min-height: 120px;
min-width: 160px;
overflow: hidden;
margin: 10px;
text-align: center;
line-height: 120px;
}
#logo img {
max-width: 160px;
max-height: 120px;
display: inline;
vertical-align: middle;
}
input.error,
textarea.error {
background: #FFCCCC !important;
border: 1px solid #FF0000 !important;
}
.contentActivity,
.contentActivity p {
margin-bottom: 10px;
}
/*************************************************/
/*CONTACT*/
#main .contact .content {
padding: 10px 150px 10px 0px;
position: relative;
}
#main .contact .moreinfo {
position: absolute;
bottom: 10px;
right: 0px;
}
#main .moreinfo {
padding: 8px 50px 8px 15px;
font-family: Arial;
letter-spacing: normal;
text-transform: none;
float: left;
width: auto;
min-width: 72px;
text-align: left;
}
#main .moreinfo .js-ico {
position: absolute;
display: block;
right: 10px;
top: 5px;
width: 20px;
height: 20px;
background: url(/1561907773/image/template/spritepvi.png) 0px -1650px no-repeat;
}
#main .tel {
padding: 8px 50px 8px 15px;
font-family: Arial;
letter-spacing: normal;
text-transform: none;
float: left;
width: auto;
min-width: 72px;
text-align: left;
}
#main .tel .js-ico {
position: absolute;
display: block;
right: 10px;
top: 7px;
width: 17px;
height: 17px;
background: url(/1561907773/image/template/spritepvi.png) 0px -1600px no-repeat;
}
#main .contact .tel {
position: absolute;
top: 10px;
right: 0px;
}
#main .infos {
margin: 0px;
overflow: hidden;
}
#main .infos dl {
padding: 0px;
margin: 0px 0px 20px 0px;
width: 100%;
overflow: hidden;
}
#main .infos dl dt {
font-weight: bold;
width: 50%;
margin: 0px;
padding: 0px;
float: left;
}
#main .infos dl dd {
width: 50%;
margin: 0px;
padding: 0px;
float: left;
}
/*************************************************/
/*SLIDER*/
.bonsplansdetails .figures {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.bonsplansdetails .figures figure {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.slider {
display: block;
position: relative;
width: 100%;
height: auto;
margin-bottom: 20px;
}
.slider * {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.figures {
display: block;
position: relative;
width: 100%;
height: auto;
overflow: hidden;
margin: 0 !important;
}
.figures figure {
display: block;
position: absolute;
width: 100%;
height: inherit;
top: 0px;
left: 0px;
overflow: hidden;
}
.figures figure img {
display: block;
position: relative;
max-height: 100%;
margin: 0 auto;
text-align: center;
/*.3D;*/
}
.figures figure img.active {
/*.transform(-90deg,-45deg, 0,500px, 0.1);*/
}
.figures figcaption {
display: block;
position: absolute;
z-index: 2;
bottom: 15px;
right: 15px;
color: #FFF !important;
font-size: 13px;
padding: 15px;
width: 370px;
}
.figures figcaption.special {
border-left: none 0px !important;
top: auto !important;
left: auto !important;
}
.ie7 .figures figcaption.special {
z-index: 910;
}
.figures figcaption * {
color: #FFF !important;
}
.figures .prev,
.figures .next {
display: block;
position: absolute;
z-index: 500;
width: 40px;
height: 50px;
top: 50%;
margin-top: -25px;
cursor: pointer;
background-image: url(/1561907773/image/harmony/h003/sprites.png);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.figures .prev {
left: 0px;
background-position: 0px -90px;
}
.figures .next {
right: 0px;
background-position: -40px -90px;
}
.figures a.big,
.figures .mini {
display: none;
}
.figures-nav {
display: block;
position: relative;
height: 75px;
padding: 10px;
margin-top: 15px;
overflow: hidden;
}
.figures-nav .prev,
.figures-nav .next,
.figures-nav .fullscreen {
display: block;
position: relative;
float: left;
width: 25px;
height: 100%;
cursor: pointer;
background-image: url(/1561907773/image/harmony/h003/sprites.png);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.figures-nav .prev {
background-position: -6px -78px;
margin-right: 5px;
}
.figures-nav .next {
float: right;
background-position: -48px -78px;
margin-left: 5px;
}
.figures-nav .fullscreen {
float: right;
background-position: -85px -78px;
width: 70px;
}
.figures-nav .sep {
display: block;
position: relative;
float: right;
width: 0px;
height: 100%;
margin: 0 10px 0 10px;
}
.figures-nav > div {
display: block;
position: relative;
height: 100%;
overflow: hidden;
}
.figures-nav > div table {
position: absolute;
}
.figures-nav > div table td {
position: relative;
height: 73px;
}
.figures-nav > div table td img {
display: block;
position: relative;
height: inherit;
width: auto;
margin: 0 5px 0 0;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navipuce {
display: block;
position: absolute;
top: 10px;
right: 10px;
overflow: hidden;
z-index: 10;
}
.navipuce li {
background: #35B3DB;
list-style: none;
display: block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 12px;
height: 12px;
margin-left: 8px;
float: left;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.navipuce li:first-child {
margin: 0px;
}
.navipuce li.active:first-child,
.navipuce li:hover,
.navipuce li.active {
background: #575758;
}
body.bonsplansdetails .slider .figures-nav {
height: 117px;
}
body.bonsplansdetails .slider .figures-nav > div table td {
height: 115px;
}
body.bonsplansdetails .slider .figures-nav.sizecls td .sizefix img {
height: 75px;
margin-top: 3px;
}
body.bonsplansdetails .slider .figures-nav.sizecls .prev,
body.bonsplansdetails .slider .figures-nav.sizecls .next {
height: 75px;
margin-top: 18px;
}
body.bonsplansdetails .slider .figures-nav .sizefix {
text-align: center;
overflow: hidden;
margin: 0 2px;
background: #FFFFFF;
height: 100%;
}
body.bonsplansdetails .slider .figures-nav .sizefix img {
margin: auto;
}
body.bonsplansdetails .slider .figures-nav .sizefix p {
margin: 3px auto 0px auto !important;
}
.figures-nav > div table td .sizefix img {
border: none 0px;
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
.figures-nav > div table td.active .sizefix img,
.figures-nav > div table td:hover .sizefix img {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
border: none 0px;
}
.figures-nav > div table td .sizefix {
border: 1px solid #63C4E3;
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
}
.figures-nav > div table td.active .sizefix,
.figures-nav > div table td:hover .sizefix {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
border: 1px solid #575758;
}
#main .pagination {
display: block;
float: right;
margin: 10px;
}
#main .pagination li {
list-style: none;
display: block;
padding: 5px;
float: left;
color: #666666;
}
#main .pagination li span {
color: #575758;
font-weight: normal;
}
#main .pagination li a {
color: #333333;
font-weight: bold;
text-decoration: none;
}
.cible-picto-ville-localisation1,
.cible-picto-ville-localisation2 {
position: relative;
width: 22px;
height: 46px;
text-align: center;
color: transparent;
line-height: 30px;
font-size: 12px;
-moz-user-select: none;
top: -23px;
left: 11px;
}
.cible-picto-ville-localisation1 {
background-image: url(/1561907773/image/template/epingle1.png);
}
.cible-picto-ville-localisation2 {
background-image: url(/1561907773/image/template/epingle2.png);
}
#left .bloc #itineraireMappy #itineraireForm .choix label {
color: #666666;
}
#left .bloc #itineraireMappy #itineraireForm .choix label.on {
color: #575758;
}
.default-tooltip {
background-color: #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.drapeauDepart {
display: block;
height: 0px;
width: 0px;
border-left: 15px solid transparent;
border-right: 2px solid #000000;
border-bottom: 15px solid transparent;
border-top: 10px solid #00CC00;
margin-top: -20px;
margin-left: -15px;
}
.drapeauArrivee {
display: block;
height: 0px;
width: 0px;
border-left: 15px solid transparent;
border-right: 2px solid #000000;
border-bottom: 15px solid transparent;
border-top: 10px solid #CC0000;
margin-top: -20px;
margin-left: -15px;
}
roadbook {
clear: both;
margin: 20px 0;
}
#popn .figures,
#popn .figures-nav,
#popn .slider {
margin: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#popn .fullscreen {
background-position: -145px -78px;
}
body.photos .figures figcaption {
left: 0px;
right: auto;
bottom: 0px;
font-size: 15px;
width: auto;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding: 8px 15px 8px 15px;
}
/*************************************************/
/*MAPPY*/
#planMappy {
position: relative;
width: auto;
min-width: 320px;
height: 342px;
border: 1px solid black;
}
#planMappy #actionMappy {
position: absolute;
top: 2px;
left: 2px;
width: 140px;
height: 30px;
padding-top: 3px;
padding-left: 3px;
z-index: 1000;
background: transparent url(/1561907773/image/template/tools_bg.png) no-repeat 0 0;
}
#planMappy #actionMappy ul {
position: relative;
}
#planMappy #actionMappy ul li {
position: relative;
display: -moz-inline-box;
display: inline-block;
padding: 0;
margin: 0;
width: auto;
background: none;
}
#planMappy #actionMappy ul li a {
position: relative;
display: -moz-inline-box;
display: inline-block;
height: 23px;
width: 68px;
padding-top: 3px;
text-align: center;
color: #000;
font-weight: bold;
text-decoration: none;
}
#itineraireMappy {
display: none;
}
#itineraireMappy.on {
display: block;
}
body.index .tools-toolbar {
display: none;
}
body.index #planMappy {
border: 0px none;
}
/*************************************************/
/*TOOLTIP*/
#tooltip {
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 5000;
background-color: #575758;
padding: 10px 15px 10px 15px;
width: 150px;
margin-left: -90px;
color: #666666;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
}
#tooltip .arrow-up {
position: absolute;
left: 85px;
top: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #575758;
}
/*************************************************/
/*COPYRIGHT*/
#copyright {
display: block;
width: auto !important;
float: none !important;
clear: both !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
position: relative;
line-height: 24px;
padding: 18px 0 18px 0;
margin-bottom: 5px;
}
#copyright .logo-pj {
display: block;
position: absolute;
right: 0px;
top: 18px;
}
/*************************************************/
/*PAGE VIDEOS*/
#video {
width: 100%;
height: 360px;
}
#video iframe {
width: 100%;
height: 360px !important;
}
.vidz ul li {
list-style: none !important;
margin-bottom: 15px;
border-bottom: 1px solid #EFEFEF;
padding: 15px 0;
clear: both;
overflow: hidden;
}
.vidz ul li a {
float: left;
margin: 0 20px 10px 0;
}
.vidz .slider .figures-nav {
background: transparent;
padding: 10px 0;
height: 98px;
border-radius: 0px;
-webkit-border-radius: 0px;
}
.vidz .figures-nav > div table td:first-child {
padding-left: 0;
}
.vidz .figures-nav > div table td .sizefix {
border: 0 !important;
opacity: 1;
}
.vidz .figures-nav > div table td .sizefix > p {
text-align: left;
}
.vidz .figures-nav > div table td .sizefix img {
width: 105px !important;
height: 60px !important;
}
/*************************************************/
/*BREADCRUMBS*/
#breadcrumbs {
padding-left: 30px;
margin-bottom: 15px;
position: relative;
line-height: 24px;
}
#breadcrumbs .js-ico {
position: absolute;
left: 0px;
top: 0px;
display: block;
height: 24px;
width: 30px;
background: #575758 url(/1561907773/image/template/spritepvi.png) no-repeat 0px -2410px;
}
#breadcrumbs .js-ico1,
#breadcrumbs .js-ico2 {
display: none;
}
#breadcrumbs a {
font-weight: bold;
color: #333333;
text-decoration: none;
}
#breadcrumbs span {
font-weight: normal;
}
/*************************************************/
/*DIVERS*/
.return-top {
clear: both;
line-height: 40px;
height: 40px;
color: #FFF;
text-align: center;
text-decoration: none;
}
.loader {
display: block;
position: absolute;
z-index: 500;
right: 10px;
top: 10px;
width: 50px;
padding-right: 15px;
height: 10px;
text-align: right;
font-size: 9px;
line-height: 10px;
white-space: nowrap;
background: url(/1561907773/image/template/loading.gif) right center no-repeat;
}
.loader * {
display: inline;
margin-left: 5px;
}
/*************************************************/
/*POPIN*/
#popn {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 50000;
}
#popn-bg {
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/1561907773/image/template/popn.png);
cursor: pointer;
}
#popn-inner {
position: relative;
margin: 30px auto 0 auto;
background-color: #FFF;
min-width: 290px;
max-width: 490px;
padding: 15px;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
overflow: visible;
}
#popn-inner .close {
display: block;
position: absolute;
top: -15px;
right: -15px;
width: 29px;
height: 29px;
background: url(/1561907773/image/template/spritepvi.png) 0 -1700px no-repeat;
cursor: pointer;
}
/*************************************************/
/*FORM*/
#main label {
display: block;
float: left;
}
#main .row,
#main .rowfull {
display: block;
width: 98%;
}
#main .row .col:first-child {
float: left;
}
#main .row .col {
float: right;
width: 40%;
}
.ie7 #main .row .col label {
width: 100%;
clear: both;
}
.ie7 .identification .content input[type="text"] {
float: left;
clear: both;
}
.ie7 #main .row,
.ie7 #main .rowfull {
margin-bottom: 10px;
}
#main input[type="text"],
#main input[type="email"] {
font-size: 0.95em;
width: 164px;
height: 20px;
padding: 7px 0;
border: none;
text-indent: 5px;
margin: 10px 0px 10px 0px;
-webkit-appearance: none;
}
#main input[type="submit"] {
-webkit-appearance: none;
}
#main input.large {
width: 98%;
padding-left: 3px;
padding-right: 3px;
}
#main select {
width: 100%;
line-height: 34px;
margin: 10px 0;
border: #E0E0E0 1px solid;
border-top: #DDDDDD 1px solid;
border-bottom: #EEEEEE 1px solid;
}
#main textarea {
display: block;
font-size: 0.95em;
width: 98%;
height: 130px;
padding: 5px 3px;
border: none;
margin: 10px 0px 10px 0px;
}
#main form .formBox {
float: none;
clear: both;
width: 100%;
overflow: hidden;
}
#main form .formBox input[type="text"],
#main form .formBox input[type="email"] {
width: 99%;
}
#main form .half {
float: left;
clear: none;
width: 48%;
padding-left: 2%;
padding-right: 0;
}
#main form .first {
padding-left: 0;
padding-right: 2%;
}
#main form .formBox input[type="checkbox"] {
display: block;
float: left;
margin: 10px 20px 25px 5px;
}
#main form .formBox label {
display: inline;
float: none;
}
#main form .formBox .captcha {
float: left;
}
#main form .divcaptcha {
padding: 12px;
width: auto;
margin: 20px 0;
overflow: hidden;
}
#main form .divcaptcha input.widthAuto {
float: right;
width: 230px;
clear: right;
margin: 10px 0;
}
#main form .divcaptcha .captcha {
float: left;
margin: 10px 0 0px 0;
}
#main form .formBox .requis {
display: block;
float: right;
margin: 0 0 20px 20px;
width: auto;
}
#main form .inputAnnuler {
display: none;
}
#main form .inputEnvoyer {
float: right;
clear: both;
}
#main input[type="text"],
#main input[type="email"],
#main select,
#main textarea,
#popn input[type="text"],
#main input[type="email"],
#popn select,
#popn textarea {
color: #666666 !important;
}
.map {
margin-top: 15px;
/* height:280px; */
}
/*RECOMMANDE*/
#popn h1 {
position: relative;
line-height: 24px;
}
#popn h2 {
display: block;
clear: both;
float: none;
font-weight: bold;
margin: 15px 0;
text-align: left;
overflow: hidden;
}
#popn h3 {
display: block;
clear: both;
float: none;
text-align: left;
}
#popn label {
display: block;
float: none;
}
#popn input[type="text"],
#main input[type="email"] {
font-size: 0.95em;
color: #186F8A;
background: #FFFFFF;
width: 164px;
height: 20px;
padding: 7px 0;
border: none;
text-indent: 5px;
margin: 10px 20px 10px 0px;
box-shadow: 0px 1px 3px #cccccc inset;
-moz-box-shadow: 0px 1px 3px #cccccc inset;
-webkit-box-shadow: 0px 1px 3px #cccccc inset;
}
#popn input.large {
width: 98%;
padding-left: 3px;
padding-right: 3px;
}
#popn select {
height: 34px;
width: 100%;
line-height: 34px;
margin: 10px 0;
box-shadow: 0px 1px 3px #bbbbbb;
-moz-box-shadow: 0px 1px 3px #bbbbbb;
-webkit-box-shadow: 0px 1px 3px #bbbbbb;
}
#popn textarea {
display: block;
font-size: 0.95em;
background: #FFFFFF;
color: #186F8A;
width: 98%;
height: 60px;
padding: 5px 3px;
border: none;
margin: 10px 0px 10px 0px;
box-shadow: 0px 1px 3px #cccccc inset;
-moz-box-shadow: 0px 1px 3px #cccccc inset;
-webkit-box-shadow: 0px 1px 3px #cccccc inset;
}
#popn form .formBox {
float: none;
clear: both;
width: 100%;
overflow: hidden;
}
#popn form .formBox label {
display: inline;
clear: left;
float: left;
font-weight: bold;
margin: 0px 0 0 0;
}
#popn form .formBox input[type="text"],
#main form .formBox input[type="email"] {
width: 99%;
}
#popn form .half {
float: left;
clear: none;
width: 48%;
padding-left: 2%;
padding-right: 0;
}
#popn form .first {
padding-left: 0;
padding-right: 2%;
}
#popn form .formBox input[type="checkbox"] {
display: block;
float: left;
margin: 10px 20px 25px 5px;
}
#popn form .formBox .captcha {
float: left;
}
#popn form .addrem {
float: right;
margin: 15px 0 5px 0;
color: #454546;
font-weight: bold;
text-decoration: underline;
cursor: pointer;
}
#popn form .formBox .requis {
display: block;
float: right;
margin: 0 0 20px 20px;
width: auto;
color: #35B3DB;
}
#popn form .inputAnnuler {
display: none;
}
#popn form .divcaptcha {
background: #BFE7F3;
padding: 12px;
width: auto;
margin: 20px 0;
overflow: hidden;
}
#popn form .divcaptcha input.widthAuto {
float: right;
width: 230px;
clear: right;
margin: 10px 0;
}
#popn form .divcaptcha .captcha {
float: left;
margin: 10px 0 0px 0;
}
#popn form .inputEnvoyer {
float: right;
background: transparent;
border: none 0px;
}
/*************************************************/
/*LANGUES*/
#container .langue ul {
display: none;
margin: 2px 70px 0 0;
position: absolute;
top: 0px;
max-width: 59%;
right: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.4);
padding: 0px;
border: 1px solid #35B3DB;
z-index: 999;
}
.ie7 #container .langue ul {
filter: none !important;
background: url(/1561907773/image/template/popn.png) top left repeat;
}
#container .langue ul li {
margin: 5px !important;
float: right;
height: 21px;
width: 29px;
clear: none !important;
}
#container .langue ul li a {
margin: 0px !important;
}
#container .langue .js-ico1 {
display: block;
float: left;
height: 12px;
margin: 4px 0 0 0;
width: 20px !important;
z-index: 3 !important;
border: 1px solid #DDDDDD;
}
#container .langue ul .js-ico {
height: 21px;
width: 29px !important;
margin: 0px;
}
#container .langue ul .js-ico1 {
height: 12px;
margin: 0px;
width: 20px !important;
top: 4px;
left: 4px;
border: 1px solid #DDDDDD;
}
#container .langue ul .js-ico2 {
height: 21px;
width: 30px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0px;
}
#container .lang-ar span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll 0 0 transparent !important;
}
#container .lang-br span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -20px 0 transparent !important;
}
#container .lang-bs span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -40px 0 transparent !important;
}
#container .lang-ca span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -60px 0 transparent !important;
}
#container .lang-co span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -80px 0 transparent !important;
}
#container .lang-cs span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -100px 0 transparent !important;
}
#container .lang-da span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -120px 0 transparent !important;
}
#container .lang-de span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -140px 0 transparent !important;
}
#container .lang-el span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -160px 0 transparent !important;
}
#container .lang-en span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -180px 0 transparent !important;
}
#container .lang-eo span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -200px 0 transparent !important;
}
#container .lang-es span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -220px 0 transparent !important;
}
#container .lang-eu span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -240px 0 transparent !important;
}
#container .lang-fi span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -260px 0 transparent !important;
}
#container .lang-fr span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -280px 0 transparent !important;
}
#container .lang-ht span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -300px 0 transparent !important;
}
#container .lang-it span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -320px 0 transparent !important;
}
#container .lang-ja span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -340px 0 transparent !important;
}
#container .lang-ko span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -360px 0 transparent !important;
}
#container .lang-lb span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -380px 0 transparent !important;
}
#container .lang-nl span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -400px 0 transparent !important;
}
#container .lang-oc span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -420px 0 transparent !important;
}
#container .lang-pt span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -440px 0 transparent !important;
}
#container .lang-ru span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -460px 0 transparent !important;
}
#container .lang-sv span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -480px 0 transparent !important;
}
#container .lang-tr span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -500px 0 transparent !important;
}
#container .lang-zh span .js-ico1 {
background: url(/1561907773/image/template/flags.png) no-repeat scroll -520px 0 transparent !important;
}
/*************************************************/
/*MAPPY*/
#itineraireForm {
background: #EDF8FB;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
clear: both;
float: none;
overflow: hidden;
}
#itineraireForm label[for=itiDepart],
#itineraireForm label[for=itiArrive] {
display: block;
float: none;
font-size: 18px;
font-weight: bold;
margin-top: 15px;
}
#itineraireMappy .choix label {
margin: 0 40px 10px 0;
color: #35B3DB;
display: inline;
float: none;
font-weight: bold;
}
#itineraireMappy .choix input[type="radio"] {
margin: 0 5px 0px 0;
color: #35B3DB;
}
#itineraireMappy .choix .on {
color: #575758;
}
#itineraireMappy input[type="text"] {
width: 98%;
}
#itineraireMappy .btn {
padding: 5px 10px;
text-transform: none;
font-family: Arial;
letter-spacing: 0px;
margin: 5px;
float: right;
}
#itineraireMappy #itineraireResultat {
display: block;
clear: both;
float: none;
width: 100%;
}
#itineraireMappy #itineraireResultat .actions {
height: 45px;
}
.moyensAcces {
display: block;
position: relative;
clear: left;
line-height: 25px;
padding-top: 20px;
}
.moyensAcces .content {
overflow: hidden;
min-height: 40px;
height: auto !important;
}
.moyensAcces .content span {
clear: both;
}
/*pictos d'acces*/
.parking,
.handicap,
.bus,
.train,
.metro,
.taxi,
.autoroute,
.shuttle,
.rer,
.tramway,
.airport,
.transfare,
.gatemaritime,
.a-routier,
.velo {
position: relative;
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
background: #575758 url(/1561907773/image/template/acces.png) no-repeat 0px 0px;
margin-right: 4px;
margin-bottom: 0px;
}
.airport {
background-position: -200px -25px;
}
.velo {
background-position: -25px 0px;
}
.transfare {
background-position: -25px -25px;
}
.tramway {
background-position: -100px -25px;
}
.train {
background-position: 0px -25px;
}
.taxi {
background-position: -100px 0px;
}
.shuttle {
background-position: -175px -25px;
}
.rer {
background-position: -150px -25px;
}
.parking {
background-position: 0px 0px;
}
.metro {
background-position: -50px -25px;
}
.handicap {
background-position: -125px -25px;
}
.autoroute {
background-position: -175px 0px;
}
.gatemaritime {
background-position: -175px -25px;
}
.bus {
background-position: -50px 0px;
}
.a-routier {
background-position: -175px 0px;
}
/*************************************************/
/*ONGLETS*/
#main .onglets {
display: block;
position: relative;
border-bottom: 1px solid #333333;
margin: 0px 0px 30px 0px;
padding: 0px;
list-style: none outside;
color: #333333;
font-weight: bold;
font-size: 1.09em;
word-spacing: none;
white-space: no-wrap;
}
#main .onglets a {
display: block;
text-decoration: none;
color: #444444;
font-weight: bold;
padding: 10px 12px 10px 10px;
}
#main .onglets li:first-child {
border-left: none 0px !important;
}
#main .onglets li {
display: inline-block;
list-style: none outside;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
margin: 0px;
margin-left: -3px !important;
background: #E0E0E0;
cursor: pointer;
}
#main .onglets li.on {
border: 1px solid #333333;
border-bottom: 2px solid #FFFFFF;
display: inline-block;
margin-bottom: -1px !important;
background: #FFFFFF;
}
.ie7 #main .onglets li a,
.ie8 #main .onglets li a {
width: auto;
float: left;
line-height: 16px;
}
.ie7 #main .onglets li {
width: auto;
float: left;
overflow: hidden;
margin-left: 0px !important;
}
.ie7 #main .onglets,
.ie8 #main .onglets {
height: 38px;
}
.ie7 #main input[type="text"],
.ie7 #main input[type="email"],
.ie7 #main select,
.ie7 textarea {
border: #EFEFEF 1px solid;
}
.ie7 input[type="text"],
.ie7 input[type="email"],
.ie7 select,
.ie7 textarea,
.ie8 input[type="text"],
.ie8 input[type="email"],
.ie8 select,
.ie8 textarea {
border: #DFDFDF 1px solid !important;
}
.ie7 #main .onglets li,
.ie8 #main .onglets li {
display: block;
float: left;
}
.ie7 .figures figcaption,
.ie7 .figures .prev,
.ie7 .figures .next,
.ie7 .figures .prev:hover,
.ie7 .figures .next:hover {
filter: none;
}
/*************************************************/
/*DESKTOP*/
.resp-desktop {
display: block;
}
.resp-tablette,
.resp-mobile {
display: none;
}
@media screen and (min-width: 1024px) {
.soc-links {
margin-bottom: 15px;
}
}
/*************************************************/
/*TABLETTE*/
@media screen and (max-width: 1024px) {
.resp-tablette {
display: block !important;
}
.resp-desktop,
.resp-mobile {
display: none !important;
}
#video {
width: 100%;
height: auto;
}
#copyright {
padding: 18px 0 18px 10px;
}
#video {
width: 480px;
height: 275px;
}
#copyright .logo-pj {
right: 10px;
}
#sidebar {
margin-left: 0px ;
margin-right: 0px ;
}
.soc-links,
.foot-location {
margin: 0 5px 0 0;
float: left;
width: 33%;
padding: 10px 0px;
}
#footer .col4 .col-inner {
min-height: 0px;
}
.map {
width: 50%;
float: left;
margin: 15px 15px 5px 0;
height: 250px;
}
body.index .map {
width: 100% !important;
float: none !important;
clear: both !important;
overflow: hidden !important;
margin: 15px 0 15px 0 !important;
}
.BG {
-webkit-background-size: auto !important;
-moz-background-size: auto !important;
-o-background-size: auto;
background-size: auto !important;
}
}
/*************************************************/
/*MOBILE*/
@media screen and (max-width: 760px) {
.resp-mobile {
display: block !important;
}
.resp-desktop,
.resp-tablette {
display: none !important;
}
.BG {
background-image: none !important;
}
#copyright .logo-pj {
display: block;
width: auto !important;
float: none !important;
clear: both !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
margin-top: 10px;
}
#container .langue ul {
margin: 2px 2px 0 0;
}
#sidebar {
margin-left: 0px !important;
margin-right: 0px !important;
}
#main ul.large li {
width: 100%;
margin: 0 0 8px 0;
}
#video {
width: 100%;
height: auto;
}
.vidz .slider .figures-nav {
background: #FFF;
}
#main figure.left {
width: 100%;
margin: 0 0 15px 0;
float: none;
}
.navipuce {
display: none;
}
.figures,
.figures figure,
#main .figures,
#main .figures figure {
overflow: visible !important;
}
.figures {
margin-bottom: 85px !important;
}
.figures figcaption {
position: absolute !important;
z-index: 5 !important;
display: table-cell !important;
vertical-align: middle !important;
padding: 5px 1% !important;
top: 100% !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
width: 98% !important;
height: auto !important;
font-size: 17px !important;
letter-spacing: normal;
text-align: center;
}
.soc-links,
.foot-location {
width: 100%;
}
#main .onglets a {
padding: 10px 7px 10px 6px;
}
.map {
height: 200px;
}
#main form .formBox .requis {
clear: both !important;
display: block;
width: 100%;
}
.btns a {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
}
}
/*************************************************/
/***************COMMUN MODULES********************/
#sidebar .conso,
#sidebar .vivreIci,
.sidebar-article {
color: #186F8A;
}
#sidebar .auto,
#sidebar .plus,
#sidebar .actus,
#sidebar .immo,
#sidebar .here,
#sidebar .links,
.sidebar-article-color {
color: #186F8A;
background-color: #FFFFFF;
}
/*************************************************/
#sidebar {
display: block;
float: right;
clear: right;
position: relative;
}
#sidebar .col {
display: block;
position: relative;
margin-bottom: 15px;
}
#sidebar a {
text-decoration: none;
}
#sidebar header {
border-bottom: 1px solid #ffffff;
margin-bottom: 10px;
}
#sidebar header h2 {
font-size: 21px;
line-height: 16px;
font-weight: bold;
color: #666666;
padding: 5px 0 10px 0;
}
#sidebar hr {
border: none 0px;
border-top: #EDF8FB 1px solid;
border-bottom: #FFF 1px solid;
margin: 13px 0px 10px 0px;
height: 0px;
}
#sidebar .puce {
display: block;
float: left;
width: 0;
height: 0;
margin: 2px 5px 0 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
#sidebar .images a {
float: left;
margin: 5px;
list-style: none;
}
#sidebar .images a img {
width: 60px !important;
height: 45px !important;
}
#sidebar .images {
clear: both;
position: relative;
overflow: hidden;
}
#sidebar footer a,
#sidebar .ico {
display: block;
position: relative;
width: auto;
}
.btns a,
#sidebar footer a,
#sidebar a.ico {
font-size: 21px;
line-height: 16px;
font-weight: bold;
color: #666666;
color: #FFF;
margin: 0px 0px 5px 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-weight: normal;
}
/*************************************************/
.btns {
display: block;
position: relative;
overflow: hidden;
}
.btns a {
display: block;
position: relative;
margin-bottom: 15px;
float: left;
width: 48%;
overflow: hidden;
line-height: 65px !important;
font-size: 19px;
font-weight: bold;
text-indent: 20px;
text-decoration: none;
padding: 0 !important;
}
.btns a:first-child {
margin-right: 4%;
}
.btns .ico .js-ico span {
display: none;
}
.btns .ico .js-ico {
display: block !important;
position: absolute;
right: 0;
top: 0;
left: auto;
width: 65px;
height: 65px;
margin: 0;
}
.btns .ico-vente .js-ico {
background: url(/1561907773/image/template/spriteimmo.png) 0 0 no-repeat;
}
.btns .ico-location .js-ico {
background: url(/1561907773/image/template/spriteimmo.png) -65px 0 no-repeat;
}
/*************************************************/
#sidebar .ico .js-ico span {
display: none;
}
#sidebar .ico .js-ico {
float: right;
margin: 0;
background-image: url(/1561907773/image/template/spritepvi.png);
background-repeat: no-repeat;
}
#sidebar .ico-srch .js-ico {
width: 21px;
height: 26px;
background-position: 0px -248px;
}
#sidebar .ico-doc .js-ico {
width: 21px;
height: 26px;
background-position: 0px -550px;
}
#sidebar .ico-pdf .js-ico {
width: 20px;
height: 26px;
background-position: 0px -600px;
}
#sidebar .ico-mrgcy .js-ico {
width: 36px;
height: 26px;
background-position: 0px -403px;
}
#sidebar .ico-homepls .js-ico {
width: 30px;
height: 26px;
background-position: 0px -300px;
}
#sidebar .ico-homewht .js-ico {
width: 31px;
height: 26px;
background-position: 0px -350px;
}
#sidebar .ico-book .js-ico {
width: 29px;
height: 26px;
background-position: 0px -450px;
}
#sidebar .ico-tips .js-ico {
width: 26px;
height: 26px;
background-position: 0px -1550px;
margin: 0px 10px 0 5px;
}
#sidebar .ico-tip .js-ico {
width: 45px;
height: 45px;
background-position: 0px -1100px;
margin: -12px 0px 0 5px;
}
#sidebar .ico-links .js-ico {
width: 24px;
height: 24px;
background-position: 0px -1350px;
}
#sidebar .ico-here .js-ico {
width: 17px;
height: 24px;
background-position: 0px -1400px;
}
#sidebar .ico-plus .js-ico {
width: 24px;
height: 24px;
background-position: 0px -1300px;
}
#sidebar .ico-auto .js-ico {
width: 24px;
height: 18px;
background-position: 0px -1250px;
}
#sidebar .ico-moto .js-ico {
width: 24px;
height: 18px;
background-position: -100px -1248px;
}
#sidebar .ico-actus .js-ico {
width: 25px;
height: 18px;
background-position: 0px -1500px;
}
#sidebar .ico-conso .js-ico {
width: 15px;
height: 11px;
background-position: 0px -2360px;
margin-top: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#sidebar .ico-immo .js-ico {
width: 22px;
height: 15px;
background-position: 0px -1200px;
margin-top: 3px;
}
#sidebar .ico-chef .js-ico {
height: 41px;
width: 44px;
background-position: 0px -500px;
margin: 5px 5px 0 0;
}
#sidebar .ico-rdv .js-ico {
height: 0px;
width: 0px;
background-position: 0px 100px;
}
/*************************************************/
#sidebar .resa .date {
position: relative;
overflow: hidden;
}
#sidebar .resa .date label,
#sidebar .resa .content > label,
#sidebar .resa .libelle {
font-size: 0.87em;
font-weight: bold;
}
#sidebar .resa input[type="text"] {
font-size: 0.95em;
background: #FFFFFF;
width: 164px;
height: 15px;
line-height: 15px;
padding: 3px 0;
float: left;
border: none;
text-indent: 5px;
margin: 3px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: -1px 1px 3px #cccccc inset;
-moz-box-shadow: -1px 1px 3px #cccccc inset;
-webkit-box-shadow: -1px 1px 3px #cccccc inset;
}
#sidebar .resa input,
#sidebar .resa select {
color: #186F8A;
}
#sidebar .resa .ui-datepicker-trigger {
position: relative;
overflow: hidden;
background: #575758 url(/1561907773/image/template/date.png) top left no-repeat;
float: left;
margin: -6px 0 0px 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: #FFFFFF 2px !important;
box-shadow: 0px 0px 2px 0px #ffffff inset;
-moz-box-shadow: 0px 0px 2px 0px #ffffff inset;
-webkit-box-shadow: 0px 0px 2px 0px #ffffff inset;
}
#sidebar .resa select {
margin: 4px;
clear: left;
min-width: 38px;
}
#sidebar .resa .chambre #co_ages1,
#sidebar .resa .chambre #co_ages2 {
float: none;
clear: both;
margin: 55px 0 0 0;
padding: 5px 0;
}
#sidebar .resa .chambre #co_ages1 label,
#sidebar .resa .chambre #co_ages2 label {
float: none;
color: #FFFFFF;
font-weight: bold;
font-size: 0.87em;
margin: 0 6px;
}
#sidebar .resa .chambre #co_ages2 select,
#sidebar .resa .chambre #co_ages1 select {
margin: 4px 2px;
}
#sidebar .resa .chambre #co_nbAdults1,
#sidebar .resa .chambre #co_nbAdults2 {
position: absolute;
top: 30px;
right: 10px;
}
#sidebar .resa .chambre #co_nbChildren1,
#sidebar .resa .chambre #co_nbChildren2 {
position: absolute;
top: 30px;
right: 80px;
}
#sidebar .resa .chambre br {
display: none;
clear: none;
width: 0px;
height: 0px;
}
#sidebar .resa .chambre label {
float: right;
margin: 0 10px;
color: #186F8A;
font-weight: bold;
font-size: 0.87em;
}
#sidebar .resa .chambre {
margin: 10px 0px;
padding: 10px 0px;
min-height: 40px;
position: relative;
}
#sidebar .resa .chambre div {
width: auto;
margin: 10px 0 0 0;
}
#sidebar .resa .chambre .libelle {
background: none;
padding: 0;
margin: 0px;
float: left;
}
/*************************************************/
#sidebar .tips .ico-tip {
margin-bottom: 10px;
}
#sidebar .tips a {
color: #666666;
}
/*************************************************/
#sidebar .plus li {
list-style: none;
}
/*************************************************/
#sidebar .conso header,
#sidebar .conso header h2 {
border: none 0px;
cursor: pointer;
margin-bottom: 0px;
}
#sidebar .conso .repli .js-ico {
background-position: 0px -2370px;
}
#sidebar .conso hr {
border: none 0px;
height: 0px;
clear: both;
overflow: hidden;
}
#sidebar .conso strong {
display: block;
}
#sidebar .vivreIci {
margin-bottom: 15px;
background: url(/1561907773/image/template/vivreIci.gif) #ffffff 10px 10px no-repeat;
}
#sidebar .vivreIci .bloc.ved {
position: relative;
margin-bottom: 0px;
padding: 10px 0 0 0;
width: 100%;
}
#sidebar .vivreIci .bloc.ved #iframe_ved {
width: 315px;
height: 123px;
}
#sidebar .vivreIci .bloc.ved .titre {
color: #186F8A;
display: block;
font-size: 15px;
font-weight: bold;
text-decoration: none;
width: auto;
}
#sidebar .vivreIci .bloc.ved .corps {
color: #666;
float: right;
font-size: 11px;
width: 100px;
border-left: 1px rgba(0, 0, 0, 0.2) solid;
margin: 10px 0 0 0;
}
#sidebar .vivreIci .bloc.ved .corps a {
color: #888;
}
#sidebar .vivreIci .bloc.ved .corps a:hover {
text-decoration: none;
}
#sidebar .vivreIci .bloc.ved .temps {
font-weight: bold;
}
#sidebar .vivreIci .bloc.ved .href_img {
display: inline-block;
margin: -10px 5px 0 0;
}
#sidebar .vivreIci .bloc.ved .icone {
width: 70px;
height: 70px;
border: none;
}
/*************************************************/
#sidebar .facebook {
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
padding: 10px;
}
#sidebar .facebook header {
border: none 0px;
}
#sidebar .facebook .content {
border: none 0px;
background: none transparent;
}
#sidebar .facebook header h2 {
color: #575758;
}
/*************************************************/
#sidebar .media {
overflow: hidden;
height: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#sidebar .media img {
margin: auto;
display: block;
width: 100%;
height: auto;
}
#sidebar .media .title {
display: none;
position: absolute;
bottom: 10px;
text-align: center;
z-index: 5;
width: 100%;
}
#sidebar .media .title h2 {
color: #FFFFFF;
text-transform: uppercase;
font-weight: bold;
}
#sidebar .media .text {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 100%;
background-color: #575758;
background-color: rgba(87, 87, 88, 0.6);
zoom: 1;
background-color: transparent\9;
background-color: rgba(87, 87, 88, 0.6);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99575758, endColorstr=#99575758)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99575758, endColorstr=#99575758);
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
}
#sidebar .media .text:hover {
background-color: #575758;
background-color: rgba(87, 87, 88, 0.6);
zoom: 1;
background-color: transparent\9;
background-color: rgba(87, 87, 88, 0.6);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99575758, endColorstr=#99575758)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99575758, endColorstr=#99575758);
}
#sidebar .media .video .text {
background-image: url(/1561907773/image/template/video.png);
}
#sidebar .media .galerie .text {
background-image: url(/1561907773/image/template/photo.png);
}
/*************************************************/
#sidebar .ardoise {
background: url(/1561907773/image/template/ardoise.png) repeat;
height: auto;
border: #575758 2px solid;
color: #FFFFFF;
}
#sidebar .ardoise hr {
border-top: rgba(0, 0, 0, 0.3) 1px solid;
border-bottom: rgba(255, 255, 255, 0.3) 1px solid;
}
#sidebar .ardoise p {
color: #FFFFFF;
font-style: italic;
font-size: 0.94em;
}
#sidebar .ardoise b {
color: #FFFFFF;
}
#sidebar .ardoise p span {
color: #686869;
font-weight: bold;
font-style: normal;
font-size: 1.16em;
}
#sidebar .ardoise div {
text-align: center;
}
#sidebar .ardoise div hr {
border-top: rgba(0, 0, 0, 0.2) 1px solid;
border-bottom: rgba(255, 255, 255, 0.3) 1px solid;
width: 50%;
margin: 12px auto 10px auto;
}
#sidebar .ardoise header {
border: none 0px;
}
#sidebar .ardoise header h2 {
color: #FFF;
font-size: 18px;
line-height: 22px;
border: none 0px;
text-transform: none;
}
/*************************************************/
#sidebar .here ul li {
list-style: none;
}
/*************************************************/
#sidebar .links ul li {
list-style: none;
}
#sidebar .links a {
font-size: 0.87em !important;
font-weight: bold;
text-decoration: none;
}
#sidebar .links a:hover {
color: #575758;
}
/*************************************************/
.ie7 #sidebar li.ico {
border: #DDDDDD 1px solid;
overflow: visible;
}
.ie7 #sidebar {
padding-left: 15px !important;
}
.ie7 #sidebar .resa .chambre label {
margin: 0px;
}
.ie7 #sidebar article.useful-links ul li hr {
margin: 3px 0 2px 0;
}
.ie7 #sidebar article.useful-links UL LI {
margin: 0 0 0 0 !important;
overflow: hidden;
}
/*************************************************/
/*FIX IE*/
.ie7 .conso,
.ie7 .vivreIci {
border: 1px solid #EFEFEF !important;
}
.ie8 #sidebar .vivreIci .bloc.ved .liens_ved li,
.ie7 #sidebar .vivreIci .bloc.ved .liens_ved li {
border-top: 1px solid #EFEFEF !important;
}
.ie8 #sidebar .vivreIci .bloc.ved .corps,
.ie7 #sidebar .vivreIci .bloc.ved .corps {
border-left: 1px solid #EFEFEF !important;
}
.ie7 #main .autresplan .apercu {
float: left;
margin-right: 1%;
}
.ie7 .tips .ico-tip {
border: 1px solid #EFEFEF !important;
}
.ie7 ul.large li {
width: 50% !important;
float: none !important;
}
.ie7 #sidebar .resa .chambre > label {
position: absolute !important;
width: auto;
right: 0px;
top: 10px;
}
.ie7 #sidebar .resa .chambre > div + label {
right: 80px !important;
}
.ie7 #main form .half {
padding-left: 0px !important;
}
.ie7 #main form input {
display: block !important;
}
/*************************************************/
/* RESERVATION - Popin */
#popin {
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 50000;
}
#opaque {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
background-color: #000000;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
}
#popin .reservation,
#popin .en-profiter {
background-color: #FFFFFF;
padding: 10px;
}
#popin .reservation h2 {
display: block;
height: 26px;
padding: 5px;
background: #fff;
margin-bottom: 5px;
}
#popin .reservation #constellation {
width: 100%;
height: 600px;
display: block;
overflow: auto;
}
#popin .reservation .close {
-moz-transition: all 0.3s ease-in-out 0s;
display: block;
float: right;
cursor: pointer;
background: none repeat scroll 0 0 light(#575758, 30);
color: #FFFFFF;
float: right;
font-family: "Overlock";
font-weight: bold;
padding: 5px 10px;
position: relative;
text-align: center;
width: auto;
text-decoration: none;
}
/************************************************/
/* Component containers*/
.ui-widget-content {
border: 1px solid #9c9c9c;
background-color: #fff;
color: #333333;
font-size: 0.75em;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #9c9c9c;
background-color: #91D5EB;
color: #222223;
font-weight: bold;
}
.ui-widget-header a {
color: #222223;
}
.ui-widget-header a.ui-state-disabled {
color: #D6EFF7;
}
/* Interaction states*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #9c9c9c;
background-color: #fff;
font-weight: bold;
color: #000;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: light(#575758, 10);
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header.ui-state-active {
border: 1px solid #222223;
background-color: #222223;
font-weight: bold;
color: #fff;
}
.ui-widget :active {
outline: none;
}
td.ui-state-disabled span.ui-state-default {
background-color: light(#35B3DB, 35);
color: #9c9c9c;
}
/* Interaction Cues*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #222223;
background: light(#35B3DB, 20) none;
color: #fff;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #b81900 none;
color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: alpha(opacity=70);
font-weight: normal;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-title {
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker-trigger {
width: 35px;
height: 34px;
cursor: pointer;
}
/* Popin reservation */
#popin {
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 50000;
}
/* Popins Bon Plan*/
#popn .en-profiter {
font-size: 1em;
}
#popn .en-profiter div.imprimer {
float: left;
text-align: center;
width: 40%;
}
#popn .en-profiter form {
border-left: 1px solid #B3B3B3;
float: right;
padding-left: 10px;
width: 55%;
}
#popn .en-profiter a.imprimerbonplan {
display: inline-block;
margin: 35px auto;
padding-top: 3px;
text-align: center;
color: #341232;
cursor: pointer;
font-weight: bold;
text-decoration: underline;
}
#popn .en-profiter .captcha img {
width: 165px;
}
#popn .action {
background-color: #000000;
height: 30px;
padding-top: 3px;
width: 100%;
}
#popn .action ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#popn .action ul li {
float: left;
}
#popn .action ul li a {
color: #8F8F8F;
display: block;
font-size: 9pt;
height: 20px;
margin-left: 20px;
padding-left: 29px;
padding-top: 3px;
text-decoration: none;
}
/* button clicRDV */
#clicRDV .infos .account {
background: linear-gradient(#575758 0%, #343434 100%) repeat scroll 0 0 transparent;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#575758, endColorstr=#343434);
border-radius: 5px 5px 5px 5px !important;
color: #FFFFFF;
padding: 5px 10px 5px;
float: right;
text-decoration: none;
}
/* popup */
.popup {
background-color: #FFFFFF;
border: 2px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
padding: 10px;
position: relative;
white-space: nowrap;
}
.popup a {
display: block;
font-weight: bold;
margin-top: 10px;
text-align: right;
}
.popup a.bleu {
color: #575758;
}
/*************************************************/
/* CLICRDV */
#clicRDV {
min-height: 520px;
font-size: 1em;
}
.infos .account {
background: transparent url(/1561907773/image/template/clicrdv_btn.png) no-repeat scroll 0 0;
color: #FFFFFF;
display: block;
float: right;
font-weight: bold;
height: 22px;
margin-right: 45px;
padding-top: 6px;
position: relative;
text-align: center;
text-decoration: none;
width: 186px;
}
.available .label,
.intervention .ligne .label,
.calendrier .ligne .label {
color: #111111;
font-family: "Overlock";
font-weight: bold;
font-size: 16px;
line-height: normal;
margin: 5px 0;
}
.intervention .ligne .content,
.calendrier .ligne .content {
display: block;
float: left;
margin-bottom: 10px;
margin-left: 10px;
width: 405px;
}
.mcdropdown {
background-color: #FFFFFF;
border: 1px solid #999999;
cursor: pointer;
display: inline-block;
height: 14px;
padding: 2px;
position: absolute;
width: 400px;
}
.mcdropdown input,
.mcdropdown div {
background-color: #FFFFFF;
border: 0 none;
color: #999999;
font-size: 0.9em;
height: 16px;
left: 0;
overflow: hidden;
padding: 2px 0 0 3px;
position: absolute;
top: 0;
width: 98%;
}
.available .horaire .date .content a,
.infos .account,
.available .fleche {
text-decoration: none;
}
.calendrier,
.available {
position: relative;
display: block;
float: left;
margin-top: 5px;
margin-bottom: 5px;
}
.infos h2 {
font-size: 2.2em;
}
.infos .account {
position: relative;
display: block;
float: right;
font-weight: bold;
color: #fff;
background: transparent url(/1561907773/image/template/clicrdv_btn.png) no-repeat 0 0;
height: 22px;
width: 186px;
text-decoration: none;
text-align: center;
padding-top: 6px;
margin-right: 45px;
font-size: 12px;
}
.intervention .ligne,
.calendrier .ligne {
display: block;
margin-bottom: 5px;
}
.intervention .ligne .content,
.calendrier .ligne .content {
display: block;
width: 405px;
margin-left: 10px;
float: left;
margin-bottom: 10px;
margin-top: 10px;
}
.intervention .addRDV {
display: none;
clear: both;
color: #000;
}
.intervention .ligne .delRDV {
display: block;
float: left;
height: 14px;
margin-top: 6px;
margin-left: 8px;
color: #000;
}
/*le calendrier*/
.available .horaire {
border: 1px solid #0C436A;
display: block;
float: left;
font-size: 0.8em;
}
.available .horaire .date {
float: left;
display: block;
width: 67px;
}
.available .horaire .date .libel {
background: #575758;
color: #fff;
border: 1px solid #FFF;
padding: 2px;
white-space: nowrap;
font-size: 8pt;
}
.available .horaire .date .libel strong {
display: inline-block;
margin-bottom: 3px;
}
.available .horaire .date .content {
padding: 2px;
background-color: #fff;
min-height: 20px;
border: 1px solid #fff;
}
.available .horaire .date .content.row1 {
background-color: #575758;
background-color: rgba(87, 87, 88, 0.6);
zoom: 1;
background-color: transparent\9;
background-color: rgba(87, 87, 88, 0.6);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99575758, endColorstr=#99575758)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99575758, endColorstr=#99575758);
}
.available .horaire .date .content a {
display: block;
color: #000;
text-decoration: none;
text-align: center;
font-size: 8pt;
}
.available .fleche {
display: block;
position: relative;
width: 30px;
height: 49px;
background: transparent url(/1561907773/image/template/clicrdv_fleches.png) no-repeat 0 0;
text-decoration: none;
margin: 20% 0 0;
float: left;
padding: 12px 0 0;
text-decoration: none;
font-weight: bold;
font-size: 3em;
line-height: 1em;
text-align: center;
color: #575758;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-ms-filter: "alpha(opacity=50)";
-khtml-opacity: 0.5;
}
.available .fleche.droite {
background-position: -30px 0;
}
#message {
position: absolute;
top: 200px;
right: 50%;
width: 500px;
margin-right: -250px;
display: none;
padding: 1em;
background: #ccc;
border: 2px solid #000;
}
#message div {
background: #fff;
border: 1px solid #ddd;
margin: 5px;
padding: 5px;
}
#message legend input {
float: right;
width: 350px;
}
/* styles for the psuedo-select box */
ul.mcdropdown_menu li.mc_root.choisir {
color: red;
font-style: italic;
}
ul.mcdropdown_autocomplete li,
ul.mcdropdown_autocomplete,
div.mcdropdown input,
div.mcdropdown div,
ul.mcdropdown_menu ul,
ul.mcdropdown_menu {
text-align: left;
}
ul.mcdropdown_menu {
font-size: 0.9em;
}
div.mcdropdown {
position: absolute;
border: 1px solid #999999;
background-color: #FFF;
padding: 1px;
display: -moz-inline-block;
display: inline-block;
width: 400px;
height: 14px;
padding: 2px;
cursor: pointer;
}
/* style either the input or div where the plug-in is attached to */
div.mcdropdown input,
div.mcdropdown div {
position: absolute;
background-color: #fff;
left: 0;
top: 0;
width: 98%;
height: 16px;
overflow: hidden;
border: 0;
padding: 2px 0 0 3px;
color: #999999;
font-size: 0.9em;
}
div.mcdropdown a {
position: absolute;
right: 1px;
top: 1px;
background: transparent url(/1561907773/image/template/mcdd_select_button_sprite.gif) no-repeat top left;
display: -moz-inline-block;
display: inline-block;
height: 16px;
width: 15px;
text-decoration: none;
font-size: 0pt;
z-index: 2;
outline: 0;
}
div.mcdropdown a:hover,
div.mcdropdown a:focus {
background-position: 0% -16px;
}
div.mcdropdown a:active {
background-position: 0% -32px;
outline: none;
/* hide dotted outline in Firefox */
}
div.mcdropdownDisabled {
background-color: transparent;
border: 0 none;
margin-top: -2px;
}
div.mcdropdownDisabled input,
div.mcdropdownDisabled div {
cursor: default;
background-color: transparent;
}
div.mcdropdownDisabled a {
display: none;
}
/* styles for the dropdown menu */
ul.mcdropdown_menu {
display: none;
margin: 0;
padding: 0;
list-style-type: none;
/* float so we can calculate the size of the columns */
float: left;
clear: both;
z-index: 10000;
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-moz-user-focus: ignore;
-moz-user-input: disabled;
}
ul.mcdropdown_menu ul {
display: none;
}
/* -- Sub-Menus -- */
ul.mcdropdown_menu ul {
position: absolute;
list-style-type: none;
margin: -20px 0 0 200px;
padding: 0;
z-index: 10000;
}
ul.mcdropdown_menu ul li {
margin: 0;
min-width: 150px;
_width: 150px;
/* ie6 min-width hack */
}
/* color schema */
ul.mcdropdown_menu {
height: auto;
background-color: #fff;
border: 1px solid #999999;
padding: 0;
}
ul.mcdropdown_menu li {
padding: 2px 20px 2px 6px;
}
/* we don't use "ul.mcdropdown_menu > li" here so that IE6 knows how to style the root level */
ul.mcdropdown_menu li.mc_root {
cursor: pointer;
white-space: nowrap;
padding: 2px 20px 2px 4px;
margin: 0;
}
ul.mcdropdown_menu li.mc_hover,
ul.mcdropdown_menu > li:hover,
ul.mcdropdown_menu li:hover.mc_parent {
background-color: #575758 !important;
}
ul.mcdropdown_menu li.mc_on,
ul.mcdropdown_menu > li.mc_on,
ul.mcdropdown_menu li.mc_on.mc_parent {
background-color: #454546 !important;
color: #fff;
}
ul.mcdropdown_menu li.mc_parent {
padding-right: 20px !important;
background: url(/1561907773/image/template/mcdd_icon_normal.gif) no-repeat 100% 50%;
}
ul.mcdropdown_menu ul {
background: #fff;
visibility: hidden;
border: 1px solid #999999;
}
ul.mcdropdown_menu ul li {
padding-left: 16px !important;
color: #000;
white-space: nowrap;
}
/*drop down shadows*/
div.mcdropdown_shadow {
display: none;
position: absolute;
margin: 3px 0 0 3px;
filter: alpha(opacity=33);
}
/* styles for the dropdown menu */
/* autocomplete styles */
ul.mcdropdown_autocomplete {
display: block;
position: absolute;
height: auto;
max-height: 210px;
overflow-x: hidden;
overflow-y: auto;
clear: both;
padding: 5px 10px;
background-color: #fff;
z-index: 10000;
margin: 0;
list-style-type: none;
width: 392px;
}
ul.mcdropdown_autocomplete ul {
display: none;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.mcdropdown_autocomplete ul li {
margin: 0;
}
ul.mcdropdown_autocomplete li {
display: block;
cursor: pointer;
white-space: nowrap;
color: #000;
padding: 2px 26px 2px 6px;
}
ul.mcdropdown_autocomplete li.mc_parent {
padding-right: 20px !important;
background: url(/1561907773/image/template/mcdd_icon_normal.gif) no-repeat 100% 50%;
}
ul.mcdropdown_menu ul li:hover,
ul.mcdropdown_autocomplete li.mc_hover,
ul.mcdropdown_autocomplete li.mc_hover_parent {
background-color: #575758 !important;
}
/*************************************************/
/*************** BOUTIQUE ************************/
/****************** PAGE CHECKOUT ****************/
.ie7 .panier #main,
.ie7 .checkout #main {
width: 100% !important;
}
.checkout #container #content .inner #content-inner #sidebar {
display: none;
}
div.recap > div {
width: 960px;
display: table;
}
div.recap div {
height: 100%;
}
div.recap > div:nth-child(odd) {
background-color: #FCFCFC;
}
div.recap > div div {
height: 100%;
border-bottom: 1px #E6E6E6 solid;
}
div.recap div.first {
background: #BBBFAC;
height: 32px;
min-height: 32px;
text-align: center;
padding: 0 !important;
overflow: hidden;
width: 100%;
}
div.recap div.first > div {
padding: 0 !important;
border-left: none !important;
height: 32px !important;
font-family: "Overlock";
color: #FFFFFF;
}
.ie7 div.recap div.first > div {
float: left;
line-height: 30px;
}
div.recap div div.produit,
div.recap div div.qte,
div.recap div div.prix,
div.recap div div.trash {
height: 100%;
display: table-cell;
vertical-align: middle;
border-left: 1px #E6E6E6 solid;
}
div.recap div div.qte > div {
display: inline;
border: none 0px;
}
div.recap div div.produit a {
text-decoration: none;
}
.ie7 div.recap div div.produit,
.ie7 div.recap div div.qte,
.ie7 div.recap div div.prix,
.ie7 div.recap div div.trash {
float: left;
height: 66px;
display: inline-block;
vertical-align: middle;
alignment-baseline: central;
dominant-baseline: middle;
padding: 20px 0 20px 0;
position: relative;
}
.ie7 div.recap div div.qte > div {
display: block ;
text-align: center;
position: absolute;
top: 45%;
left: 30%;
overflow: hidden;
}
.ie7 div.recap div div.qte,
.ie7 div.recap div div.prix,
.ie7 div.recap div div.trash {
line-height: 66px;
display: inline-block;
white-space: no-wrap;
}
.ie7 div.recap div div.qte div * {
display: inline !important;
white-space: no-wrap;
float: left;
text-align: center;
}
.ie7 div.recap div div.qte div span {
margin-top: 3px;
}
.ie7 div.recap div div.trash span {
display: inline !important;
display: inline-block;
margin-top: 40%;
vertical-align: middle;
alignment-baseline: central;
dominant-baseline: middle;
}
.ie7 div.recap div div.produit div {
float: left;
display: inline-block;
vertical-align: middle;
alignment-baseline: central;
dominant-baseline: middle;
}
.ie7 div.recap div div.produit div * {
float: left;
display: inline;
vertical-align: middle;
alignment-baseline: central;
dominant-baseline: middle;
}
.ie7 div.recap div div.produit div:first-child {
padding: 0 20px 0 0;
}
.ie7 div.recap div.first div.produit,
.ie7 div.recap div.first div.qte,
.ie7 div.recap div.first div.prix,
.ie7 div.recap div.first div.trash {
margin: 0px !important;
line-height: 30px !important;
height: 30px !important;
border: none 0px;
}
div.recap div div.produit {
width: 54%;
border-left: none;
padding: 2% 0 2% 0;
}
div.recap div div.produit div {
height: 100%;
display: table-cell;
border: none;
vertical-align: middle;
}
.ie7 div.recap div div.produit div {
float: left;
}
div.recap div div.produit div:first-child {
width: 75px;
}
div.recap div div.produit div img {
float: left;
border: 1px solid #E6E6E6;
margin-right: 20px;
}
div.recap div div.produit div p {
font-family: "Overlock";
font-size: 18px;
font-weight: bold;
line-height: 20px !important;
color: #575950;
}
div.recap div div.qte {
width: 20%;
text-align: center;
}
div.recap div div.qte input {
padding: 0 !important;
width: 32px !important;
height: 20px !important;
margin: 0 5px !important;
}
div.recap div div.qte .moins {
display: inline-block;
width: 15px;
height: 15px;
background: url(/1561907773/image/template/sprite-boutique.png) 0px 0px no-repeat;
vertical-align: middle;
cursor: pointer;
}
div.recap div div.qte .plus {
display: inline-block;
width: 15px;
height: 15px;
background: url(/1561907773/image/template/sprite-boutique.png) -40px 0px no-repeat;
vertical-align: middle;
cursor: pointer;
}
div.recap div div.prix {
width: 18%;
text-align: center;
}
div.recap div div.prix span.prix {
font-size: 18px;
font-weight: bold;
color: #575758;
}
div.recap div div.trash {
width: 7%;
text-align: center;
}
div.recap div div.trash span.trash {
width: 14px;
height: 18px;
display: inline-block;
background: url(/1561907773/image/template/sprite-boutique.png) -80px 0px no-repeat;
cursor: pointer;
}
div.recap > div.result {
display: block;
width: 320px;
float: right;
overflow: hidden;
padding-right: 70px;
margin-top: 15px;
background: none;
border: none;
border-top: none;
}
div.recap > div.result div {
border: none;
height: auto;
}
div.recap > div.result div.frais p {
color: #999999;
font-weight: bold;
font-size: 14px;
}
div.recap > div.result div.total p {
color: #F899A4;
font-size: 24px;
line-height: 28px !important;
}
div.recap > div.result div.frais p,
div.recap > div.result div.total p {
float: left;
width: 181px;
text-align: right;
}
div.recap > div.result div.frais span,
div.recap > div.result div.total span {
float: left;
width: 138px;
text-align: right;
}
div.recap > div.result div.total span {
color: #F899A4;
font-weight: bold;
font-size: 24px;
line-height: 28px !important;
}
.ie7 div.recap > div.result div.frais,
.ie7 div.recap > div.result div.total {
clear: both;
display: block;
}
.ie7 div.recap > div.result div.frais * {
color: #999999 !important;
font-size: 14px;
}
.ie7 div.recap > div.result div.total * {
float: left;
}
.ie7 input.valider {
padding: 6px 10px;
width: 260px;
}
input.valider {
display: inline-block;
color: #FFFFFF;
font-family: "Overlock";
font-weight: bold;
background: #575758;
font-size: 24px;
line-height: 28px !important;
padding: 6px 20px;
float: right;
}
div.recap > div.result input.valider {
clear: both;
margin-right: -70px;
}
div.recap > div.result input.valider:hover {
background: #454546;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
div.payment {
font-size: 12px;
}
div.payment p.select-payment {
font-weight: bold;
}
div.payment input[type="checkbox"],
div.payment input[type="radio"] {
float: left;
margin: 3px 10px 0 0;
}
div.payment br {
clear: both;
}
div.payment label {
line-height: 20px;
}
div.payment label img {
vertical-align: middle;
}
div.payment .valider {
margin-top: 30px;
}
div.payment .valider:hover {
background: #454546;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.identification .content {
overflow: hidden;
padding: 0 15px;
}
.identification .content > div {
float: left;
width: 100%;
}
.identification .content > div input[type="text"] {
display: block;
width: 100% !important;
font-size: 12px !important;
color: #999999 !important;
float: right;
clear: right;
}
.identification .content > div input[type="text"]:first-child {
float: left;
}
.identification .content > div.adresse label {
float: left;
width: 100%;
}
.identification .content > div.adresse.factu {
margin-top: 15px;
}
.identification .content > div.adresse input[type="text"],
.identification .content > div.pays input[type="text"] {
display: block;
width: 100% !important;
font-size: 12px !important;
color: #999999 !important;
float: left;
}
.identification .content > div input#factu {
float: left;
margin-right: 10px;
}
.identification .content > div label {
font-size: 12px;
color: #999999;
}
.identification .content textarea {
font-size: 12px;
color: #999999 !important;
max-width: 97.5%;
}
.identification .content > div select {
width: 98% !important;
padding: 10px 10px;
}
.identification .content > div select option {
padding-top: 3px;
}
/****************** PAGE LISTE ****************/
#affichage ul {
overflow: hidden;
}
#affichage ul li {
float: left;
list-style-type: none !important;
margin: 0 !important;
}
.afficher span,
.trier span,
.nbarticles span {
float: left;
margin-top: 5px;
color: #222223 !important;
}
.afficher {
overflow: hidden;
width: 21%;
}
.afficher .ligne span {
display: block;
width: 14px;
margin-top: 2px;
margin-left: 15px;
height: 14px;
background: url(/1561907773/image/template/sprite-boutique.png) 0px -60px no-repeat;
}
.afficher .ligne span.active,
.afficher .ligne span:hover {
background: url(/1561907773/image/template/sprite-boutique.png) -40px -60px no-repeat;
}
.afficher .vignette span {
display: block;
margin-top: 2px;
width: 14px;
margin-left: 15px;
height: 14px;
background: url(/1561907773/image/template/sprite-boutique.png) 0px -90px no-repeat;
}
.afficher .vignette span.active,
.afficher .vignette span:hover {
background: url(/1561907773/image/template/sprite-boutique.png) -40px -90px no-repeat;
}
.trier {
width: 54%;
}
.trier a {
display: block;
width: auto;
float: left;
margin-left: 5px;
color: #FFFFFF;
background: #575758;
padding: 6px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.trier a:hover {
background: #454546;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.trier a.selected {
background: #454546;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.trier a.selected:hover {
background: #575758;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.nbarticles {
width: 25%;
}
.nbarticles select {
width: 40px !important;
margin: 5px 0 0 5px !important;
}
.liste-vignette .marque,
.liste-vignette .descriptif,
.liste-vignette .prix .ref,
.liste-vignette .prix .panier {
display: none !important;
}
.liste-vignette {
padding-top: 15px;
border-top: 1px solid #E6E6E6;
}
.liste-vignette li {
position: relative;
list-style-type: none !important;
width: 23%;
float: left;
margin-right: 2.3%;
height: 230px;
}
.ie7 .liste-vignette li,
.ie8 .liste-vignette li {
position: relative;
list-style-type: none !important;
width: 22%;
float: left;
margin-right: 2.3%;
}
.liste-vignette li:nth-child(4n) {
margin-right: 0;
}
.liste-vignette li img {
max-height: 136px;
width: 100%;
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.liste-vignette .img img {
max-height: 136px;
max-width: 151px;
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
width: auto;
position: relative;
margin: 0 auto;
}
.liste-vignette .img {
width: 151px;
height: 136px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.ie8 .liste-vignette li .img img {
/*display:table-cell;max-width:151px;*/
}
.liste-vignette .img img {
max-height: 136px;
max-width: 151px;
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
width: auto;
position: relative;
margin: 0 auto;
}
.liste-vignette .immo {
display: block;
position: absolute;
left: 0;
top: 164px;
height: 30px;
line-height: 30px;
text-indent: 12px;
width: 100%;
background: url(/1561907773/image/template/black.png);
color: #FFF;
font-weight: bold;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.liste-vignette li a {
text-decoration: none !important;
}
.liste-vignette li h2.titre {
display: block;
font-family: arial;
color: #222223 !important;
text-align: center;
margin: 10px 0 0 0 !important;
font-size: 12px !important;
}
.liste-vignette li h2.titre a {
color: #111111 !important;
}
.liste-vignette li h2.titre a:hover {
color: #575758 !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.liste-vignette li .prix {
display: block;
text-align: center;
margin-top: 5px;
}
.liste-vignette li .prix .montant {
font-size: 18px;
color: #104A5C;
}
.liste li .etiquette-top {
background: #5AB13C;
}
.liste li .etiquette-reduc {
background: #cf005c;
}
.liste li .etiquette-reduc2 {
background: #00C0FF;
}
.liste li .etiquette-une {
background: #FB9F15;
}
.liste li .etiquette-top,
.liste li .etiquette-une,
.liste li .etiquette-reduc2,
.liste li .etiquette-reduc {
max-width: 120px;
display: block !important;
position: absolute;
opacity: 0.9;
padding: 4px 0 0 6px;
height: 17px;
top: 26px;
left: 137px;
color: #FFFFFF !important;
}
.ie7 .liste li .etiquette-top,
.ie7 .liste li .etiquette-une,
.ie7 .liste li .etiquette-reduc2,
.ie7 .liste li .etiquette-reduc {
display: block !important;
position: absolute;
opacity: 0.9;
padding: 4px 0 0 6px;
height: 17px;
width: 105px;
top: 26px;
left: 137px;
color: #FFFFFF !important;
}
.liste .liste-vignette li .etiquette-top,
.liste .liste-vignette li .etiquette-une,
.liste .liste-vignette li .etiquette-reduc2,
.liste .liste-vignette li .etiquette-reduc {
top: 3px;
left: 0px;
}
.ie7 .liste .liste-vignette li .etiquette-top,
.ie7 .liste .liste-vignette li .etiquette-une,
.ie7 .liste .liste-vignette li .etiquette-reduc2,
.ie7 .liste .liste-vignette li .etiquette-reduc {
top: 3px;
left: 0px;
}
.liste li .etiquette-reduc p,
.liste li .etiquette-top p,
.liste li .etiquette-une p,
.liste li .etiquette-reduc2 p {
color: #FFFFFF;
font-family: "Overlock";
white-space: nowrap;
padding-right: 15px;
}
.liste li .etiquette-reduc span.corner-top {
position: absolute;
display: block;
width: 1px;
height: 1px;
top: 0px;
right: -8px;
border-bottom: 0px solid transparent;
border-right: 8px solid transparent;
border-top: 15px solid #cf005c;
border-left: 0px solid transparent;
}
.liste li .etiquette-reduc span.corner-bottom {
position: absolute;
width: 1px;
height: 1px;
display: block;
bottom: 0px;
right: -8px;
border-bottom: 15px solid #cf005c;
border-right: 8px solid transparent;
border-top: 0px solid transparent;
border-left: 0px solid transparent;
}
.liste li .etiquette-top span.corner-top {
position: absolute;
width: 1px;
height: 1px;
display: block;
top: 0px;
right: -8px;
border-top: 15px solid #5AB13C;
border-right: 8px solid transparent;
}
.liste li .etiquette-top span.corner-bottom {
position: absolute;
width: 1px;
height: 1px;
display: block;
bottom: 0px;
right: -8px;
border-bottom: 15px solid #5AB13C;
border-right: 8px solid transparent;
}
.liste li .etiquette-une span.corner-top {
position: absolute;
width: 1px;
height: 1px;
display: block;
top: 0px;
right: -8px;
border-top: 15px solid #FB9F15;
border-right: 8px solid transparent;
}
.liste li .etiquette-une span.corner-bottom {
position: absolute;
width: 1px;
height: 1px;
display: block;
bottom: 0px;
right: -8px;
border-bottom: 15px solid #FB9F15;
border-right: 8px solid transparent;
}
.liste li .etiquette-reduc2 span.corner-top {
position: absolute;
width: 1px;
height: 1px;
display: block;
top: 0px;
right: -8px;
border-top: 15px solid #00C0FF;
border-right: 8px solid transparent;
}
.liste li .etiquette-reduc2 span.corner-bottom {
position: absolute;
width: 1px;
height: 1px;
display: block;
bottom: 0px;
right: -8px;
border-bottom: 15px solid #00C0FF;
border-right: 8px solid transparent;
}
.liste-desc li {
display: table;
position: relative;
width: 100%;
border-top: 1px solid #E6E6E6;
}
.liste-desc li h2.titre a {
color: #111111 !important;
}
.liste-desc li h2.titre a:hover {
color: #575758 !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.liste-desc li a {
text-decoration: none !important;
}
.liste-desc li .etiquette-reduc,
.liste-desc li .etiquette-reduc2,
.liste-desc li .etiquette-top,
.liste-desc li .etiquette-une,
.liste-desc li .corner {
display: block;
height: 20px !important;
}
.liste-desc li .etiquette-reduc p,
.liste-desc li .etiquette-reduc2 p,
.liste-desc li .etiquette-top p {
line-height: 15px !important;
white-space: nowrap;
}
.liste-desc li .img,
.liste-desc li .infos,
.liste-desc li .prix {
display: table-cell;
padding-top: 25px;
vertical-align: top;
}
.ie7 .liste-desc ul,
.ie7 .liste-desc li {
list-style: none !important;
display: inline-block;
position: relative;
margin: 0px;
padding: 0px;
}
.ie7 .liste-desc li .img,
.ie7 .liste-desc li .infos,
.ie7 .liste-desc li .prix {
display: inline-block;
float: left;
}
/*.liste-desc li .img { width:137px; padding-left:8px;}
.liste-desc li .img img { width:117px; height:106px; .box-shadow; margin-top:2px; margin-bottom:15px;}*/
.liste-desc li .img {
vertical-align: top;
}
.ie8 .liste-desc li .img {
display: inline-block !important;
}
.liste-desc li .img {
width: 137px;
max-width: 137px;
height: 106px;
padding-bottom: 15px;
}
.liste-desc li .img img {
max-width: 117px;
max-height: 106px;
margin-top: 2px;
margin-left: auto;
margin-right: auto;
}
.liste-desc li .infos {
padding-right: 5px;
}
.liste-desc li .infos p {
margin-bottom: 15px !important;
}
.liste-desc li .infos .marque {
font-style: italic;
color: #666666;
font-size: 11px;
padding-top: 30px;
}
.liste-desc li .infos .titre {
line-height: 23px !important;
margin-bottom: 10px !important;
}
.liste-desc li .infos .descriptif {
color: #666666;
font-size: 12px;
height: 0;
}
#catalogue-liste-produits.liste-desc li .infos .descriptif {
width: 350px;
}
.liste-desc li .infos .descriptif .txt-more {
display: none;
cursor: pointer;
}
.liste-desc li .infos .descriptif a.more {
color: #575758;
font-style: italic;
height: 40px;
}
.liste-desc li .infos a.more:before {
content: "... ";
color: #666666;
}
.liste-desc li .infos a.more.expanded:before {
content: "";
}
.liste-desc li .prix {
width: 156px;
height: 100%;
}
.liste-desc li .prix .montant {
font-size: 26px;
display: block;
font-weight: normal;
margin-bottom: 5px;
}
.liste-desc li .prix .ref .reference {
color: #666666 !important;
font-size: 11px;
display: block;
}
.liste-desc li .prix .ref .stock {
color: #85c10b !important;
font-size: 12px;
font-weight: bold;
display: block;
}
/* BANDEAU - PAS DE MARQUE */
.liste-desc li.bandeau h2 {
padding-top: 40px;
}
/* MARQUE - PAS DE BANDEAU */
.liste-desc li.marque p.marque {
padding-top: 0;
}
.liste-desc li .prix .panier {
position: absolute;
bottom: 15px;
right: 0;
display: block;
text-align: center;
text-decoration: none;
background: none repeat scroll 0 0 #575758;
color: #FFFFFF;
font-family: "Overlock";
font-size: 15px;
line-height: normal;
width: 156px;
padding: 6px 0;
}
.liste-desc li .prix .panier:hover {
background: #454546;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ie7 .liste-desc li .prix .panier {
width: 140px !important;
right: 20px;
}
.plusproduits {
display: block;
position: relative;
text-decoration: none;
background: none repeat scroll 0 0 #575758;
color: #FFFFFF;
font-family: "Overlock";
font-size: 20px;
line-height: normal;
padding: 8px 0 8px 13px;
}
.plusproduits:hover {
background: #454546;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.plusproduits span {
position: absolute;
display: block;
right: 10px;
top: 5px;
color: #FFFFFF !important;
font-family: 'arial';
font-size: 60px;
font-weight: normal !important;
line-height: 32px;
}
/****************** PAGE PANIER ****************/
.panier #container #content .inner #content-inner #sidebar {
display: none;
}
/****************** PAGE PRODUIT ****************/
.ie7 #btn-panier a div:first-child {
padding-right: 5px;
}
.ie7 nav a.panier div.nb-items-panier .ico-panier {
display: inline-block;
float: left;
margin-left: 4px;
vertical-align: middle;
}
.ie7 nav a.panier div.nb-items-panier .ico-panier {
margin-top: 3px;
}
.produit #slider {
width: 48%;
float: left;
}
.produit #slider figure {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
/*.produit #slider figure .big:hover { cursor:url('../commun/img/cursor-zoom-white.png'), auto;}*/
.produit #slider figure .big:hover {
cursor: crosshair;
}
.produit #slider figure img {
width: 100%;
height: auto;
}
.ie7 .produit #slider figure img {
width: 100% !important;
height: auto !important;
}
.produit #slider .figures {
overflow: hidden;
width: 100%;
height: 280px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.produit #slider .figures .next,
.produit #slider .figures .prev {
display: none;
}
.produit #slider .figures-nav {
padding: 0px;
}
.produit #slider .figures-nav div {
overflow: hidden;
width: 89%;
float: left;
height: 50px;
margin-top: 8px;
}
.ie7 .produit #slider .figures-nav div {
width: 87%;
}
.produit #slider .figures-nav div td {
padding: 2px;
height: 44px;
width: 50px;
}
.produit #slider .figures-nav div td img {
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
border: none !important;
opacity: 0.6;
}
.ie7 .produit #slider .figures-nav div td img {
padding: 2px;
height: 44px !important;
width: 50px !important;
}
.produit #slider .figures-nav div td.active img {
opacity: 1;
}
.produit #slider .figures-nav .prev {
display: block;
background: none;
width: 0px;
height: 0px;
float: left;
margin-top: 13px;
border-width: 17px 9px 17px 0px;
border-color: transparent #575758 transparent transparent;
border-style: solid;
}
.produit #slider .figures-nav .next {
display: block;
background: none;
width: 0px;
height: 0px;
float: right;
margin-top: 13px;
border-width: 17px 0px 17px 9px;
border-color: transparent transparent transparent #575758;
border-style: solid;
}
.produit #slider #zonezoom {
display: none !important;
position: absolute;
top: 0px;
left: 0px;
width: 40px;
height: 40px;
background: url(/1561907773/image/template/white.png) top left repeat;
z-index: 10;
}
.ie7 .produit #slider #zonezoom {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 1px;
height: 1px;
background: url(/1561907773/image/template/white.png) top left repeat;
z-index: 10;
}
.produit .description #previewzoom {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
overflow: hidden;
z-index: 100;
background-color: #FFF;
}
.produit .description #previewzoom img {
position: absolute;
}
.produit .description {
float: left;
position: relative;
width: 49%;
margin-left: 3%;
}
.produit .description .addpanier {
display: block;
position: relative;
text-decoration: none;
background: none repeat scroll 0 0 #575758;
color: #FFFFFF;
font-family: "Overlock";
font-size: 20px;
line-height: normal;
padding: 8px 0 8px 13px;
}
.produit .description .addpanier:hover {
background: #454546;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.produit .description .addpanier.panier-disabled,
.produit .description .addpanier.panier-disabled:hover {
background: #8B8B8C !important;
}
.produit .description .addpanier span {
position: absolute;
display: block;
width: 29px;
height: 27px;
right: 10px;
top: 8px;
background: url(/1561907773/image/template/spritepvi.png) 0px -2690px no-repeat;
}
.produit .description .social {
border-bottom: 1px solid #E6E6E6;
margin-bottom: 15px;
}
.produit .description .marque {
width: 70%;
float: left;
font-style: italic;
}
.produit .description .marque .reference {
display: block;
color: #666666 !important;
font-style: normal;
}
.produit .description .stock {
width: 30%;
float: left;
text-align: right;
color: #85c10b !important;
font-size: 12px;
font-weight: bold;
}
.produit .description form table {
width: 100%;
border-bottom: 1px solid #E6E6E6;
}
.produit .description form table tr td {
vertical-align: middle !important;
}
.produit .description form table select {
min-width: 50%;
width: 177px;
}
.produit .description .montant {
display: block;
text-align: right;
font-size: 26px;
margin: 15px 0;
}
.produit .infos p {
margin: 30px 0 0 0;
display: block;
}
.produit .infostable {
border-width: 1px;
border-style: solid;
}
.produit .infos td {
border-width: 1px;
border-style: solid;
vertical-align: middle;
}
.produit .livraison ul {
margin: 30px 0 0 0;
}
.produit .livraison ul li {
list-style: none !important;
width: 100% !important;
border-bottom: 1px solid #575758;
position: relative;
padding: 0 0 5px 0;
}
.produit .livraison ul li q {
font-family: "Overlock";
font-size: 16px !important;
line-height: normal !important;
color: #666666 !important;
}
.produit .livraison ul li q span {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal !important;
color: #666666 !important;
font-size: 12px !important;
line-height: 14px !important;
position: absolute;
right: 3px;
bottom: 6px;
}
.produit .btn_prev,
.produit .btn_next {
float: left;
position: relative;
margin-top: 50px;
line-height: 27px;
text-decoration: none;
font-family: "Overlock";
font-size: 18px;
color: #FFF;
background-color: #575758;
padding: 7px 0;
padding-right: 0;
padding-left: 45px;
width: 145px;
text-align: left;
}
.produit .btn_next {
float: right;
padding-right: 60px;
padding-left: 0;
text-align: right;
width: 130px;
}
.ie7 .produit .btn_prev,
.ie7 .produit .btn_next {
position: relative;
display: inline-block;
}
.ie7 .produit .btn_next span {
float: right !important;
text-align: right;
left: auto;
right: 20px !important;
}
.ie7 .produit #slider .figures-nav .next {
margin: 13px 10px 0 0;
}
.ie7 .livraison ul,
.ie7 .livraison ul li {
list-style: outside none !important;
margin-left: 0px !important;
margin-right: 20px !important;
left: 0px !important;
padding-left: 0px !important;
text-indent: 0px !important;
}
.produit .btn_prev .arrow,
.produit .btn_next .arrow {
position: absolute;
left: 15px;
top: 7px;
width: 15px;
height: 27px;
display: block;
background: url(/1561907773/image/harmony/h003/sprites.png) no-repeat -10px -155px;
}
.produit .btn_next .arrow {
left: inherit;
right: 15px;
background: url(/1561907773/image/harmony/h003/sprites.png) no-repeat -55px -155px;
}
.produit .btn_prev:hover,
.produit .btn_next:hover {
background: #454546;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.produit .retour-liste {
/*display:none;*/
}
.produit .retour-liste:hover {
background: #454546;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*********** TABLETTE BOUTIQUE *****************/
.index .nav-vignette {
width: 100%;
height: 43px;
position: relative;
border: none 0px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.index .nav-vignette * {
border: none 0px !important;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.index .nav-vignette .prev,
.index .nav-vignette .next {
background-image: url(/1561907773/image/harmony/h003/sprites.png);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #000000;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
cursor: pointer;
}
.index .nav-vignette .text {
font-family: "Overlock", Arial;
font-weight: bold;
color: #111111;
background: #35B3DB;
vertical-align: middle;
text-align: center;
font-size: 30px;
}
.index .nav-vignette .spacer {
width: 10px;
border: none 0px;
}
.index .nav-vignette .prev {
background-position: -3px -93px;
width: 33px;
height: 43px;
}
.index .nav-vignette .next {
background-position: -43px -93px;
width: 33px;
height: 43px;
}
.index .nav-vignette .prev:hover,
.index .nav-vignette .next:hover {
background-color: #35B3DB;
}
.index .liste-vignette {
padding-top: 15px;
border-top: none 0px;
clear: both;
display: block;
height: 218px;
overflow: hidden;
}
.index .liste-vignette li {
position: relative;
list-style-type: none !important;
width: 216px;
height: 218px;
float: left;
margin-right: 2.3%;
display: table-cell;
}
/**BANDEAU PRODUIT HOME**/
.index .ctn-vignette {
position: relative;
height: 288px;
overflow: hidden;
width: 100%;
margin: 0 0 10px 0;
}
.index .liste-vignette {
height: 271px;
overflow: visible;
}
/*desktop*/
.index .liste-vignette li {
margin: 0 10px 0 28px;
height: 278px;
}
.index .liste-vignette li:first-child {
margin: 0 10px 0 5px;
}
.index .liste-vignette .img {
width: 216px;
height: 194px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.index .liste-vignette li .img img {
max-height: 194px;
max-width: 216px;
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
width: auto;
margin: 0 auto;
}
.ie8 .index .liste-vignette li img {
max-width: 216px !important;
}
.index .liste-vignette li a {
text-decoration: none !important;
}
.index .liste-vignette li h2.titre {
display: block;
font-family: arial;
color: #222223 !important;
text-align: center;
margin: 10px 0 0 0 !important;
font-size: 12px !important;
}
.index .liste-vignette li .prix {
display: block;
text-align: center;
margin-top: 5px;
}
.index .liste-vignette li .prix .montant {
font-size: 18px;
}
.index .liste-vignette li .etiquette-top {
background: #5AB13C;
}
.index .liste-vignette li .etiquette-reduc {
background: #cf005c;
}
.index .liste-vignette li .etiquette-reduc2 {
background: #00C0FF;
}
.index .liste-vignette li .etiquette-une {
background: #FB9F15;
}
.index .liste-vignette li .etiquette-top,
.index .liste-vignette li .etiquette-une,
.index .liste-vignette li .etiquette-reduc2,
.index .liste-vignette li .etiquette-reduc {
display: block;
position: absolute;
opacity: 0.9;
padding: 3px 0 0 6px;
height: 18px;
top: 3px;
left: 0px;
color: #FFFFFF !important;
max-width: 120px;
}
.ie7 .index .liste-vignette li .etiquette-top,
.ie7 .index .liste-vignette li .etiquette-une,
.ie7 .index .liste-vignette li .etiquette-reduc2,
.ie7 .index .liste-vignette li .etiquette-reduc {
display: block;
position: absolute;
opacity: 0.9;
padding: 3px 0 0 6px;
height: 18px;
width: 105px;
top: 3px;
left: 0px;
color: #FFFFFF !important;
max-width: 120px;
}
.index .liste-vignette li .etiquette-reduc p,
.index .liste-vignette li .etiquette-top p,
.index .liste-vignette li .etiquette-une p,
.index .liste-vignette li .etiquette-reduc2 p {
color: #FFFFFF;
font-family: "Overlock";
white-space: nowrap;
padding-right: 15px;
}
.index .liste-vignette li .etiquette-reduc span.corner-top {
position: absolute;
display: block;
width: 1px;
height: 1px;
top: 0px;
right: -8px;
border-bottom: 0px solid transparent;
border-right: 8px solid transparent;
border-top: 15px solid #cf005c;
border-left: 0px solid transparent;
}
.index .liste-vignette li .etiquette-reduc span.corner-bottom {
position: absolute;
width: 1px;
height: 1px;
display: block;
bottom: 0px;
right: -8px;
border-bottom: 15px solid #cf005c;
border-right: 8px solid transparent;
border-top: 0px solid transparent;
border-left: 0px solid transparent;
}
.index .liste-vignette li .etiquette-top span.corner-top {
position: absolute;
width: 1px;
height: 1px;
display: block;
top: 0px;
right: -8px;
border-top: 15px solid #5AB13C;
border-right: 8px solid transparent;
}
.index .liste-vignette li .etiquette-top span.corner-bottom {
position: absolute;
width: 1px;
height: 1px;
display: block;
bottom: 0px;
right: -8px;
border-bottom: 15px solid #5AB13C;
border-right: 8px solid transparent;
}
.index .liste-vignette li .etiquette-une span.corner-top {
position: absolute;
width: 1px;
height: 1px;
display: block;
top: 0px;
right: -8px;
border-top: 15px solid #FB9F15;
border-right: 8px solid transparent;
}
.index .liste-vignette li .etiquette-une span.corner-bottom {
position: absolute;
width: 1px;
height: 1px;
display: block;
bottom: 0px;
right: -8px;
border-bottom: 15px solid #FB9F15;
border-right: 8px solid transparent;
}
.index .liste-vignette li .etiquette-reduc2 span.corner-top {
position: absolute;
width: 1px;
height: 1px;
display: block;
top: 0px;
right: -8px;
border-top: 15px solid #00C0FF;
border-right: 8px solid transparent;
}
.index .liste-vignette li .etiquette-reduc2 span.corner-bottom {
position: absolute;
width: 1px;
height: 1px;
display: block;
bottom: 0px;
right: -8px;
border-bottom: 15px solid #00C0FF;
border-right: 8px solid transparent;
}
/**\BANDEAU PRODUIT HOME**/
@media screen and (max-width: 1024px) {
/*** TABLETTE CHECKOUT ***/
.nav-vignette .next,
.nav-vignette .prev,
.nav-vignette .spacer {
/*display:none;*/
}
.liste-vignette .img,
.liste-vignette .img img {
width: 100%;
position: relative;
}
div.recap div {
width: 100%;
}
div.recap div div.produit {
width: 54%;
border-left: none;
height: auto;
padding: 2% 0 2% 0;
}
div.recap div div.qte {
width: 20%;
text-align: center;
}
div.recap div div.prix {
width: 18%;
text-align: center;
}
div.recap div div.trash {
width: 7%;
text-align: center;
}
div.recap div.result {
margin-right: 0px;
}
/*** TABLETTE LISTE ***/
.liste #sidebar {
display: none;
}
.nbarticles select {
width: 40px !important;
margin: 0 0 0 5px !important;
}
/*** TABLETTE PRODUIT ***/
.produit #container #content .inner #content-inner #sidebar {
display: none;
}
.produit #slider {
width: 41%;
float: left;
}
.produit .description {
float: left;
width: 56%;
margin-left: 3%;
}
.produit .retour-liste {
float: left;
text-align: left;
display: block;
text-decoration: none;
background: none repeat scroll 0 0 #575758;
color: #FFFFFF;
font-family: "Overlock";
font-size: 20px;
line-height: normal;
padding: 8px 13px 8px 13px;
margin: 0 0 18px 0;
}
}
/*********** MOBILE BOUTIQUE *****************/
@media screen and (max-width: 760px) {
.liste li .etiquette-top,
.liste li .etiquette-une,
.liste li .etiquette-reduc2,
.liste li .etiquette-reduc {
top: 13px;
left: 10px;
}
.liste-desc li .infos .marque {
padding-top: 0px !important;
}
.btn {
width: 100% !important;
padding: 12px 0px !important;
clear: both;
}
.nav-vignette .next,
.nav-vignette .prev,
.nav-vignette .spacer {
display: none;
}
/*** MOBILE CHECKOUT ***/
div.recap > div {
position: relative;
overflow: hidden;
border-bottom: 1px solid #575758;
margin-bottom: 10px;
padding-bottom: 15px;
}
div.recap div div.produit {
width: 100%;
}
div.recap div div.produit > div {
padding-bottom: 10px;
}
div.recap div div.produit > div:first-child {
width: 25%;
overflow: hidden;
}
div.recap > div div.qte {
position: absolute;
bottom: 5px;
left: 30%;
width: 30%;
height: 33px !important;
}
div.recap > div div.prix {
position: absolute;
bottom: 5px;
left: 60%;
width: 33%;
height: 33px !important;
white-space: nowrap;
}
div.recap > div div.trash {
position: absolute;
bottom: 5px;
right: 0px;
width: 8%;
height: 33px !important;
}
div.recap div.first {
display: none;
}
div.recap div {
display: block;
}
div.recap div div {
display: block;
}
div.recap div div.produit,
div.recap div div.qte,
div.recap div div.prix,
div.recap div div.trash {
float: left;
display: block;
border: none;
}
div.recap div.result {
margin-right: 0px;
padding-right: 0px;
}
div.recap > div.result input.valider {
padding: 6px 0px !important;
width: 100%;
clear: both;
margin: 10px 0px !important;
}
.produit .btn_prev,
.produit .btn_next {
width: 100% !important;
padding: 7px 0 !important;
text-align: center;
}
.produit .btn_next {
padding-right: 45px;
}
.produit .btn_next {
margin-top: 10px !important;
}
.produit .btn_prev .arrow,
.produit .btn_next .arrow {
top: 17%;
}
.produit #slider .figures {
margin-bottom: 10px !important;
}
.produit #slider .figures-nav .prev,
.produit #slider .figures-nav .next {
display: none;
}
.produit #slider #zonezoom,
.produit .description #previewzoom {
display: none;
left: -9999px;
}
.produit .description {
width: 100% !important;
}
.checkout input[type="text"],
.checkout textarea {
border: 1px solid #575758;
}
#main .row,
#main .rowfull {
display: block;
width: 100%;
}
.identification .row .col label {
margin: 0 0 10px 0;
}
.identification .content > div {
float: left;
max-width: 100%;
padding: 0;
}
.identification .content > div input[type="text"] {
display: block;
width: 100% !important;
font-size: 12px !important;
color: #999999 !important;
float: none;
clear: both;
}
.identification .content > div input[type="text"]:first-child {
float: none;
}
.identification .content > div.adresse input[type="text"],
.identification .content > div.pays input[type="text"] {
display: block;
width: 100% !important;
font-size: 12px !important;
color: #999999 !important;
float: left;
}
.identification .content > div select {
width: 100% !important;
padding: 10px 10px;
}
.identification .content > div select option {
padding-top: 3px;
}
.identification .content textarea {
font-size: 12px;
color: #999999 !important;
max-width: 100%;
}
.identification .content > div label,
.payment label {
width: 90%;
}
/*** MOBILE LISTE ***/
.liste #sidebar {
display: none;
}
#affichage .afficher,
#affichage .nbarticles {
display: none;
}
.trier {
width: 100%;
}
.trier a {
margin-left: 5px;
padding: 7px 4px 5px;
font-size: 11px;
}
.liste .liste-vignette li .img,
.liste .liste-vignette li .infos,
.liste-desc li .img,
.liste-desc li .infos {
display: block;
float: left;
padding-top: 25px;
}
.liste .liste-vignette li .prix .montant,
.liste-desc li .prix .montant {
display: block;
float: left;
width: 50%;
padding-left: 0;
left: 45% !important;
right: auto;
padding-top: 0px;
font-size: 22px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal !important;
text-align: left;
}
.liste .liste-vignette li .prix,
.liste-desc li .prix {
display: block;
float: left;
width: 45%;
padding-left: 5%;
padding-top: 0px;
font-size: 22px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
.liste .liste-vignette li .img,
.liste-desc li .img {
width: 40%;
padding-left: 0px;
}
.liste .liste-vignette li .infos,
.liste-desc li .infos {
width: 45%;
padding-left: 5%;
}
.liste .liste-vignette li .infos h2 a,
.liste-desc li .infos h2 a {
font-size: 16px;
display: block;
}
.liste .liste-vignette li .infos h2,
.liste-desc li .infos h2 {
margin-top: 0px !important;
}
.liste .liste-vignette li .infos h2 a,
.liste-desc li .infos h2 a {
line-height: 18px;
font-size: 15px;
}
.liste .liste-vignette li .img img,
.liste-desc li .img img {
height: auto;
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
margin-top: 2px;
margin-bottom: 15px;
padding-left: 0px;
}
.liste .liste-vignette li .infos .marque,
.liste .liste-vignette li .infos .descriptif,
.liste .liste-vignette li .prix .ref .reference,
.liste .liste-vignette li .prix .panier,
.liste .liste-vignette li .prix .ref .stock,
.liste-desc li .infos .marque,
.liste-desc li .infos .descriptif,
.liste-desc li .prix .ref .reference,
.liste-desc li .prix .panier,
.liste-desc li .prix .ref .stock {
display: none !important;
}
.liste .liste-vignette li .infos .titre,
.liste-desc li .infos .titre {
line-height: 23px !important;
margin-bottom: 10px !important;
}
.liste .liste-vignette li .prix,
.liste-desc li .prix {
width: auto;
}
.liste .liste-vignette li .prix .montant,
.liste-desc li .prix .montant {
position: absolute;
left: 50%;
bottom: 10px;
display: block;
font-size: 26px;
font-weight: normal;
margin-bottom: 5px;
}
.liste .liste-vignette li .corner,
.liste-desc li .corner {
display: block;
position: absolute;
right: 0;
bottom: 15px;
border-bottom: 20px #575758 solid;
border-right: 20px #575758 solid;
border-top: 20px solid transparent;
border-left: 20px solid transparent;
height: 0px !important;
}
/*** TABLETTE PRODUIT ***/
.produit #container #content .inner #content-inner #sidebar {
display: none;
}
.produit #slider {
width: 100%;
}
.produit .description {
width: 100%;
margin-left: 0 !important;
}
.produit #slider #slide ul {
width: 100%;
}
.produit #slider #slide #prev,
.produit #slider #slide #next {
display: none;
}
.produit .retour-liste {
width: 100%;
display: block;
text-decoration: none;
background: none repeat scroll 0 0 #575758;
color: #FFFFFF;
font-family: "Overlock";
font-size: 20px;
line-height: normal;
padding: 8px 0;
margin: 0 0 18px 0;
text-align: center;
}
/*** CONTACT ***/
#main .contact {
clear: both;
}
#main .contact .content {
padding: 10px 0 !important;
}
#main .contact .moreinfo,
#main .contact .tel {
position: relative !important;
bottom: inherit !important;
top: inherit !important;
padding: 8px 2% !important;
width: 96% !important;
}
body.contact #main .infos {
float: left;
width: 100%;
margin-top: 10px;
}
#main form .inputEnvoyer {
width: 100%;
}
#main .send {
text-align: center !important;
}
html body #popn-inner.recap-popn .ajoutPanier .btn {
padding-right: 0px !important;
padding-left: 0px !important;
}
}
/**** NAVIGATION PHOTOS VIDEOS ****/
.vidz .ctn-images-video {
width: 84% !important;
padding: 0 8% !important;
height: 100px;
border: none 0px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.vidz .liste-images-videos {
height: 100px;
position: relative;
border: none 0px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.vidz .liste-images-videos * {
border: none 0px !important;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.vidz .liste-images-videos li {
display: block;
margin: 0;
padding: 0px;
width: 106px !important;
clear: none;
}
.vidz .liste-images-videos li * {
width: 106px !important;
margin: 0px !important;
}
.vidz .liste-images-videos .text {
font-family: "Overlock", Arial;
font-weight: bold;
color: #111111;
background: #35B3DB;
vertical-align: middle;
text-align: center;
font-size: 30px;
}
.vidz .liste-images-videos .spacer {
width: 10px;
border: none 0px;
}
.vidz .liste-images-videos .titre {
color: black;
text-align: center;
font-size: 12px;
}
.vidz .liste-images-videos a:link {
text-decoration: none;
}
.vidz .nav-images-videos {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0px;
z-index: 1000;
}
.vidz .nav-images-videos .prev {
display: block;
float: left;
background-position: -3px -85px;
width: 35px;
height: 60px;
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
}
.vidz .nav-images-videos .next {
display: block;
float: right;
background-position: -43px -85px;
width: 35px;
height: 60px;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
}
.vidz .nav-images-videos .prev,
.nav-images-videos .next {
background-image: url(/1561907773/image/harmony/h003/sprites.png);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #000000;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
cursor: pointer;
clear: none;
}
.vidz .nav-images-videos .prev:hover,
.vidz .nav-images-videos .next:hover {
background-color: #35B3DB;
}
.vidz .figures-nav .prev,
.vidz .figures-nav .next {
height: 60px !important;
width: 35px;
background-image: url(/1561907773/image/harmony/h003/sprites.png);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #000000;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
cursor: pointer;
clear: none;
}
.vidz .figures-nav .prev {
background-position: -3px -85px !important;
}
.vidz .figures-nav .next {
background-position: -45px -85px !important;
}
/**** POPIN PANIER ****/
#popn-inner.recap-popn .right.btn {
float: right !important;
}
#popn-inner.recap-popn .btn {
font-weight: normal !important;
}
#popn-inner.recap-popn div.recap div div.produit div img {
margin-left: 5px;
}
.ie7 #popn-inner.recap-popn {
max-width: none !important;
min-width: none !important;
width: 600px !important;
}
#popn-inner.recap-popn div.recap div div.produit {
width: 72% !important;
}
.ie7 #popn-inner.recap-popn div.recap div div.qte > div {
display: inline-block !important;
height: auto;
left: 25px;
top: 40px;
}
#popn-inner.recap-popn div.recap div div.produit div p {
padding-right: 20px !important;
}
#popn-inner.recap-popn .ajoutPanier {
margin-bottom: 0;
}
#popn-inner.recap-popn .btn {
width: auto;
}
#popn-inner.recap-popn .btn {
display: inline-block;
background: #343434;
background: -moz-linear-gradient(top, #575758 0%, #343434 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #343434));
background: -webkit-linear-gradient(top, #575758 0%, #343434 100%);
background: -o-linear-gradient(top, #575758 0%, #343434 100%);
background: -ms-linear-gradient(top, #575758 0%, #343434 100%);
background: linear-gradient(top, #575758 0%, #343434 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #343434 );
zoom: 1;
text-decoration: none;
color: #FFFFFF;
font-family: "Lobster", sans-serif;
font-size: 20px;
font-weight: normal;
line-height: normal;
margin: 0 0 5px;
padding: 5px 13px 8px 13px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#popn-inner.recap-popn .btn:hover {
background: #111111;
background: -moz-linear-gradient(top, #575758 0%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #111111));
background: -webkit-linear-gradient(top, #575758 0%, #111111 100%);
background: -o-linear-gradient(top, #575758 0%, #111111 100%);
background: -ms-linear-gradient(top, #575758 0%, #111111 100%);
background: linear-gradient(top, #575758 0%, #111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #111111 );
zoom: 1;
}
/*** CHEVAUCHEMENT H1/H2 sur page Carte ***/
.restaurant #main header h2.underH1 {
position: relative;
top: inherit;
right: inherit;
}
/*** SLIDER IMAGE PORTRAIT/PAYSAGE ***/
#main figure img {
width: auto;
height: auto;
max-height: inherit;
}
#main figure img.portrait {
width: auto;
height: 100%;
}
#main figure img.paysage {
width: 100%;
height: auto;
}
/*IMMO*/
body.immobilier_listeVente #main,
body.immobilier_listeLocation #main {
margin-right: 0;
}
body.immobilier_detailVente .identification input[type=text],
body.immobilier_detailLocation .identification input[type=text] {
width: 49% !important;
}
body.immobilier_detailVente .identification textarea,
body.immobilier_detailLocation .identification textarea {
width: 98% !important;
padding: 5px 1% !important;
max-width: 100% !important;
}
body.immobilier_detailLocation #popn form .inputEnvoyer,
body.immobilier_detailVente #popn form .inputEnvoyer {
margin: 0 0 0 20px;
}
body.immobilier_detailLocation #popn form .inputEnvoyer .send,
body.immobilier_detailVente #popn form .inputEnvoyer .send {
padding: 7px 50px 5px 10px;
}
/*body.immobilier_detailLocation #popn form .inputEnvoyer .send .js-ico { display:none }*/
body.immobilier_detailLocation #popn form .inputClose,
body.immobilier_detailVente #popn form .inputClose {
margin: 0 0 0 0;
}
body.immobilier_detailLocation #popn form .inputClose .send,
body.immobilier_detailVente #popn form .inputClose .send {
padding: 7px 10px 5px 10px;
}
body.immobilier_listeLocation #popn form .inputEnvoyer,
body.immobilier_listeVente #popn form .inputEnvoyer {
margin: 0 0 0 20px;
}
body.immobilier_listeLocation #popn form .inputEnvoyer .send,
body.immobilier_listeVente #popn form .inputEnvoyer .send {
padding: 7px 50px 5px 10px;
}
/*body.immobilier_listeLocation #popn form .inputEnvoyer .send .js-ico { display:none }*/
body.immobilier_listeLocation #popn form .inputClose,
body.immobilier_listeVente #popn form .inputClose {
margin: 0 0 0 0;
}
body.immobilier_listeLocation #popn form .inputClose .send,
body.immobilier_listeVente #popn form .inputClose .send {
padding: 7px 10px 5px 10px !important;
}
/*body.immobilier_detailLocation #popn #popn-bg { z-index:-1 !important; pointer-events:none !important; }
body.immobilier_listeLocation #popn #popn-bg { z-index:-1 !important; pointer-events:none !important; }*/
body.immobilier_detailLocation #popn header > .js-ico,
body.immobilier_detailVente #popn header > .js-ico,
body.immobilier_listeVente #popn header > .js-ico,
body.immobilier_listeLocation #popn header > .js-ico {
display: none !important;
}
/* ETIQUETTES ENERGIE */
body #main .etiquettes_conso {
border-top: 1px solid #E6E6E6;
width: 90%;
padding: 7% 5%;
float: left;
}
body #main .etiquettes_conso > div {
width: 40%;
float: left;
position: relative;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top left;
}
body #main .etiquettes_conso > div img {
width: 100%;
height: auto;
}
body #main .etiquettes_conso .impact {
float: right;
}
body #main .etiquettes_conso .impact:before {
content: "";
border-left: 3px solid #cccccc;
width: 1px;
height: 100%;
position: absolute;
left: -20%;
}
.immo-filtre {
display: block;
position: relative;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
padding: 20px 20px 10px 20px;
background-color: #FFFFFF;
}
.immo-filtre-inner {
display: block;
position: relative;
overflow: hidden;
}
.immo-filtre-select,
.immo-filtre-input {
position: relative;
overflow: hidden;
width: 68%;
}
.immo-filtre-btn {
position: absolute;
overflow: hidden;
width: 32%;
right: 0px;
top: 0px;
}
.immo-filtre select {
width: 47% !important;
float: left;
padding: 8px 0;
margin: 0 3% 10px 0 !important;
}
.immo-filtre input {
width: 47% !important;
float: left;
margin: 0 3% 10px 0 !important;
}
.immo-filtre .input {
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
}
.immo-filtre .btn {
display: block;
position: relative;
width: 100% !important;
padding: 0 !important;
line-height: 34px !important;
text-align: left !important;
text-transform: uppercase !important;
margin: 0 0 10px 0 !important;
padding: 9px 0;
text-indent: 50px;
}
.immo-filtre .ico .js-ico span {
display: none;
}
.immo-filtre .ico .js-ico {
display: block !important;
position: absolute !important;
left: 10px;
top: 0;
width: 34px;
height: 34px;
margin: 0;
}
.immo-filtre .ico-search .js-ico {
background: url(/1561907773/image/template/spriteimmo.png) -130px 0 no-repeat;
}
.immo-filtre .ico-alert .js-ico {
background: url(/1561907773/image/template/spriteimmo.png) -164px 0 no-repeat;
}
.immo-filtre2 {
display: block;
position: relative;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
padding: 5px 0px 0px 5px;
background-color: #FFFFFF;
}
.immo-filtre2 select {
float: left;
width: auto !important;
padding: 8px 0;
margin: 0 5px 5px 0 !important;
}
.immo-filtre2 input {
float: left;
width: auto !important;
margin: 0 5px 5px 0 !important;
}
.immo-filtre2 a {
float: left;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 34px !important;
}
.immo-filtre2 a.btn {
margin-right: 5px !important;
}
@media screen and (max-width: 1024px) {
.immo-filtre-select,
.immo-filtre-input {
width: 100%;
}
.immo-filtre-btn {
position: relative;
clear: both;
overflow: hidden;
width: 100%;
}
.immo-filtre .btn {
width: 47% !important;
float: left;
margin: 0 3% 10px 0 !important;
}
body #main .etiquettes_conso {
width: 100%;
padding: 5% 0 0 0;
}
}
@media screen and (max-width: 760px) {
.immo-filtre .input,
.immo-filtre .btn {
width: 100% !important;
float: none;
margin: 0 0 10px 0 !important;
}
body.immobilier_detailVente .identification input[type=text],
body.immobilier_detailLocation .identification input[type=text] {
width: 100% !important;
}
body #main .etiquettes_conso {
width: 100%;
padding: 5% 0 0 0;
}
body #main .etiquettes_conso > div {
width: 100%;
float: left !important;
}
body #main .etiquettes_conso .impact {
margin-top: 10%;
}
body #main .etiquettes_conso .impact:before {
width: 100%;
border-left: 0;
border-top: 3px solid #ccc;
left: 0%;
top: -5%;
}
}
/*************************************************/
/*STYLES*/
/*************************************************/
/*************************************************/
/*STYLES*/
/*************************************************/
/*************************************************/
/*DESKTOP*/
/*************************************************/
/*STYLES*/
h1,
h2,
h3,
h4,
h5 {
font-family: "Lobster", sans-serif;
font-weight: bold;
color: #111111;
}
h2 {
font-size: 27px ;
}
h3 {
font-size: 19px;
font-weight: normal;
}
.inner {
position: relative;
width: 1000px;
margin: 0 auto;
}
/*GLOBAL*/
body {
font-family: Arial;
color: #666666;
padding-bottom: 25px;
}
b {
color: #333333;
}
a {
color: #575758;
cursor: pointer;
}
.BG {
background-color: #79797B;
}
/*CONTENT*/
#content {
display: block;
width: auto !important;
float: none !important;
clear: both !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
position: relative;
margin-top: 0px;
}
.ie7 {
filter: none !important;
}
#content .inner {
position: relative;
}
#content-inner {
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.8);
zoom: 1;
background-color: transparent\9;
background-color: rgba(255, 255, 255, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff);
padding: 25px 12px 25px 12px;
overflow: hidden;
}
#content header {
position: relative;
padding: 0px;
border: none 0px;
margin-bottom: 20px;
clear: both;
}
#content header h1 {
border: none;
color: #575758;
font-size: 27px;
display: inline;
background: transparent;
margin: 0px;
line-height: normal;
}
#content h1,
#content h2 {
font-weight: normal;
}
/*HEADER*/
#header,
#header-top,
#header-bottom {
display: block;
width: auto !important;
float: none !important;
clear: both !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
}
#header {
background-color: #000000;
background-color: rgba(0, 0, 0, 0.5);
zoom: 1;
background-color: transparent\9;
background-color: rgba(0, 0, 0, 0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
margin: 0 0 10px 0;
}
#header-top {
background: none;
height: 45px;
}
#header-top ul {
display: block;
overflow: hidden;
}
#header-top ul li {
display: block;
float: left;
height: 45px;
}
#info ul {
display: block;
position: relative;
}
#info ul li {
display: block;
position: relative;
float: none;
clear: both;
overflow: hidden;
line-height: 40px;
border-top: 1px solid #35B3DB;
padding: 5px 0px;
}
#info ul li:first-child {
border: none 0px;
}
#info ul li a {
display: block;
position: relative;
cursor: pointer;
font-family: "Lobster", sans-serif;
font-size: 25px;
line-height: 40px;
color: #111111;
font-weight: bold;
text-decoration: none;
text-align: left;
}
#info ul li a > span {
float: left;
}
.ie8 #content-inner {
background: transparent url(/1561907773/image/template/white.png) top left repeat !important;
filter: none !important;
}
.ie8 #info ul li a {
font-size: 20px !important;
white-space: nowrap !important;
}
#header-bottom > .inner > div {
display: block;
position: relative;
overflow: hidden;
}
#header-bottom p {
display: block;
position: relative;
font-size: 14px;
color: #35B3DB;
}
#header-bottom #baseline {
display: block;
position: relative;
font-family: "Lobster", sans-serif;
font-size: 32px;
color: #111111;
padding: 10px 0 10px 0;
}
#header-bottom .inner {
background: #FFFFFF;
overflow: hidden;
padding-bottom: 20px;
}
/*.ie8 #header-bottom .inner { background:transparent url(/1561907773/image/template/white.png) top left repeat !important; } */
#info {
display: block;
float: right;
width: 220px;
margin: 10px 0px 10px 20px;
padding: 10px;
}
#btn-panier a div {
font-family: "Yanone Kaffeesatz";
color: #111111;
background: #79797B;
}
#btn-panier a div.nb-items-panier {
background-color: #35B3DB;
color: #FFF;
}
#btn-reserver a.bouton_reserver {
color: #FFF;
background: #35B3DB;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#btn-reserver a div {
font-family: "Yanone Kaffeesatz";
}
#btn-reserver a div.fleche-reserver {
color: #111111;
background: transparent url(/1561907773/image/template/sprite_2.png) -270px 0px no-repeat;
}
#btn-reserver a.bouton_reserver:hover {
background-color: #454546;
transition-duration: 0.3s;
}
@media screen and (min-width: 760px) {
#info {
display: block;
float: right;
width: auto;
margin: 0px 0px 0px 20px;
padding: 10px 10px 10px 10px;
height: 160px;
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.8);
zoom: 1;
background-color: transparent\9;
background-color: rgba(255, 255, 255, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff);
border: #FFFFFF 2px solid;
-webkit-border-radius: 12px 12px 0px 0px;
-moz-border-radius: 12px 12px 0px 0px;
border-radius: 12px 12px 0px 0px;
border-left: 1px;
border-bottom: 1px;
}
#header-bottom .inner {
background: transparent;
overflow: hidden;
padding-bottom: 0px;
}
#header-bottom .inner div {
height: 100%;
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.8);
zoom: 1;
background-color: transparent\9;
background-color: rgba(255, 255, 255, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff);
border: #FFFFFF 2px solid;
-webkit-border-radius: 12px 12px 0px 0px;
-moz-border-radius: 12px 12px 0px 0px;
border-radius: 12px 12px 0px 0px;
border-left: 1px;
border-bottom: 1px;
padding-left: 180px;
height: 180px;
}
.ie8 #header-bottom .inner div,
.ie8 #header-bottom .inner .info {
background: transparent url(/1561907773/image/template/white.png) top left repeat !important;
}
#header-bottom #logo {
position: absolute;
display: block;
float: left;
background-position: center center;
background-repeat: no-repeat;
min-height: 120px;
min-width: 160px;
overflow: hidden;
z-index: 50;
}
}
@media screen and (max-width: 760px) {
#btn-panier {
background-color: #111111;
}
#btn-panier > .raph {
display: block !important;
position: absolute !important;
top: 0px;
left: 0px;
max-width: 100%;
overflow: hidden !important;
}
#btn-panier a.panier {
display: block;
margin: 0;
padding: 7px 3.5%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 93%;
position: relative;
text-decoration: none;
font-size: 17px;
}
#btn-panier a.panier div {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px 5px 7px 10px;
}
#btn-panier a.panier div.nb-items-panier {
width: 25%;
position: absolute;
top: 7px;
right: 3.5%;
padding: 10px 10px 7px 0;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
text-align: right;
}
#btn-panier a.panier div.nb-items-panier .ico-panier {
padding-left: 20px;
background: url(/1561907773/image/template/sprite-boutique.png) 0px -26px no-repeat;
margin-right: 3px;
}
#btn-reserver {
background-color: #111111;
padding: 5px 0 0 3.5%;
width: 100%;
text-align: center;
}
#btn-reserver > svg {
display: block !important;
position: absolute !important;
top: 40px;
left: 0px;
max-width: 100%;
}
#btn-reserver > .raph {
display: block !important;
position: absolute !important;
top: 0px;
left: 0px;
max-width: 100%;
overflow: hidden !important;
}
#btn-reserver a.bouton_reserver {
display: block;
margin: 0;
padding: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 93%;
height: 35px;
position: relative;
text-decoration: none;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#btn-reserver a.bouton_reserver div.fleche-reserver {
border-left-top-radius: 5px;
border-left-bottom-radius: 5px;
padding: 10px 5px 7px 10px;
width: 24px;
height: 16px;
background: transparent url(/1561907773/image/template/sprite_2.png) -270px 3px no-repeat;
}
#btn-reserver a.bouton_reserver:hover {
background-color: #454546;
transition-duration: 0.3s;
}
#btn-reserver a.bouton_reserver div.reserver {
width: 60%;
position: absolute;
top: 7px;
left: 30px;
padding: 0 10px 0 0;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
text-align: left;
font-size: 17px;
}
}
/******/
#header-top > svg,
#header-top > .raph,
#footer svg,
#footer .raph {
display: none !important;
width: 0px !important;
height: 0px !important;
}
/*NAV*/
#nav {
position: relative;
background-color: #575758;
background-color: rgba(87, 87, 88, 0.6);
zoom: 1;
background-color: transparent\9;
background-color: rgba(87, 87, 88, 0.6);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99575758, endColorstr=#99575758)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99575758, endColorstr=#99575758);
z-index: 2;
max-width: 1000px;
padding: 0px 0;
height: 67px;
margin: 0px auto 0px auto;
}
.ie8 #nav {
position: relative;
background: url(/1561907773/image/template/popn.png);
filter: none !important;
z-index: 2;
}
.ie9 #nav {
filter: none !important;
}
#nav > .inner {
position: relative;
width: auto;
margin: 0 auto;
padding: 0px;
}
#nav > .inner > ul {
display: table-row;
position: relative;
}
#nav > .inner > ul > li,
.ie7 #nav td {
display: table-cell;
position: relative;
background: none;
height: 67px;
vertical-align: middle;
padding: 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-left: 1px solid #35B3DB;
}
.ie7 #nav td.active,
#nav > .inner > ul > li.active {
background-color: #000000;
background-color: rgba(0, 0, 0, 0.6);
zoom: 1;
background-color: transparent\9;
background-color: rgba(0, 0, 0, 0.6);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
border-left: 1px solid rgba(0, 0, 0, 0.6);
}
.ie7 #nav td:hover,
#nav > .inner > ul > li:hover {
background-color: #000000;
background-color: rgba(0, 0, 0, 0.6);
zoom: 1;
background-color: transparent\9;
background-color: rgba(0, 0, 0, 0.6);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
border-left: 1px solid rgba(0, 0, 0, 0.6);
}
.ie8 #nav > .inner > ul > li.active,
.ie8 #nav > .inner > ul > li:hover {
background: url(/1561907773/image/template/popn.png);
border-left: 1px solid #666666;
}
.ie7 #nav td:hover > li > a,
#nav > .inner > ul > li:hover > a,
.ie7 #nav td.active > li > a,
#nav > .inner > ul > li.active > a {
color: #FFF;
}
.ie7 #nav td > li > a,
#nav > .inner > ul > li > a {
background: none;
display: table-cell;
text-align: center;
vertical-align: middle;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-family: "Lobster", sans-serif;
font-size: 19px;
color: #FFF;
line-height: 20px;
height: 67px;
overflow: hidden;
padding: 0px 15px 0px 15px;
}
.ie7 #nav td:first-child > li > a,
#nav > .inner > ul > li:first-child > a {
border-left: 0px none;
box-shadow: 0px 0px 0px 0px transparent;
-moz-box-shadow: 0px 0px 0px 0px transparent;
-webkit-box-shadow: 0px 0px 0px 0px transparent;
}
#nav > .inner > ul ul {
display: none;
position: absolute;
z-index: 200;
left: inherit;
top: 67px;
width: 235px;
padding: 10px 0 10px 0;
background-color: #FFF;
box-shadow: 0px 1px 3px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 3px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 3px 3px rgba(0, 0, 0, 0.2);
}
#nav > .inner > ul ul li {
list-style-position: outside;
position: relative;
}
#nav > .inner > ul ul li a {
position: relative;
line-height: 22px;
min-height: 22px;
text-align: left;
text-decoration: none;
padding: 0 15px 0 15px;
color: #111111;
}
#nav > .inner > ul ul li a:hover,
#nav > .inner > ul ul li.active > a {
background-color: #91D5EB;
}
#nav > .inner > ul ul ul {
left: 235px;
top: -10px;
}
#nav .resp-mobile {
position: absolute;
right: 0px;
top: 0px;
height: 40px;
width: 50%;
background-color: #575758;
cursor: pointer;
line-height: 20px;
font-family: "Lobster", sans-serif;
font-size: 26px;
text-indent: 10px;
line-height: 40px;
color: #FFF;
margin-top: -40px;
}
#nav > .inner > ul ul .close {
display: block;
position: absolute;
z-index: 501;
right: 0px;
top: 0px;
font-size: 20px;
cursor: pointer;
background-color: #111111;
color: #FFF;
line-height: 25px;
width: 25px;
text-align: center;
}
/*TABLETTE*/
@media screen and (max-width: 1280px) {
#nav > .inner > ul > li:hover > ul {
display: block !important;
}
#nav > .inner > ul > li:hover > ul > li:hover ul {
display: block !important;
}
}
/*MOBILE*/
@media screen and (max-width: 760px) {
#nav > .inner > ul > li:hover > ul {
display: block !important;
}
#nav > .inner > ul > li:hover > ul > li:hover ul {
display: block !important;
}
}
.ie7 #nav > .inner > ul {
display: none;
}
.ie7 #nav table {
height: 68px;
}
.ie7 #nav td {
position: relative;
vertical-align: middle;
}
.ie7 #nav ul,
.ie7 #nav li {
display: block;
list-style-position: outside;
}
.ie7 #nav td > li > a {
display: block;
height: auto;
}
/*BREADCRUMBS*/
#breadcrumbs {
padding-left: 35px;
}
#breadcrumbs .js-ico {
margin: 0px !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 24px;
border: #FFFFFF 2px !important;
box-shadow: 0px 0px 2px 0px #ffffff inset;
-moz-box-shadow: 0px 0px 2px 0px #ffffff inset;
-webkit-box-shadow: 0px 0px 2px 0px #ffffff inset;
background-position: -3px -2410px;
}
/*MAIN*/
.ie7 .produit #main {
width: 610px !important;
}
#main {
background-color: transparent;
overflow: hidden;
}
#main article {
margin-bottom: 20px;
}
#main h2 {
font-size: 20px;
margin: 5px 0 15px 0;
line-height: normal;
color: #575758;
}
#main hr {
margin: 5px 0 7px 0;
}
#main span {
color: #35B3DB;
}
#main .slim .std {
position: absolute;
width: 0px;
height: 0px;
top: 13px;
right: 10px;
border-left: 7px transparent solid;
border-bottom: 13px #575758 solid !important;
border-right: 7px transparent solid;
border-top: 0px !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#main .repli .std {
top: 17px !important;
right: 10px;
border-left: 7px transparent solid;
border-top: 13px #575758 solid !important;
border-bottom: 0px !important;
border-right: 7px transparent solid;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#main .map {
width: 50%;
float: left;
margin: 15px 15px 5px 0;
}
#main .figure img {
width: 100%;
max-height: 292px;
}
#main figure.left {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}
#main a.btn {
display: inline-block;
background: #343434;
background: -moz-linear-gradient(top, #575758 0%, #343434 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #343434));
background: -webkit-linear-gradient(top, #575758 0%, #343434 100%);
background: -o-linear-gradient(top, #575758 0%, #343434 100%);
background: -ms-linear-gradient(top, #575758 0%, #343434 100%);
background: linear-gradient(top, #575758 0%, #343434 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #343434 );
zoom: 1;
text-decoration: none;
color: #FFFFFF;
font-family: "Lobster", sans-serif;
font-size: 20px;
font-weight: normal;
line-height: normal;
margin: 0 0 5px;
padding: 5px 13px 8px 13px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#main a.btn:hover {
background: #111111;
background: -moz-linear-gradient(top, #575758 0%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #111111));
background: -webkit-linear-gradient(top, #575758 0%, #111111 100%);
background: -o-linear-gradient(top, #575758 0%, #111111 100%);
background: -ms-linear-gradient(top, #575758 0%, #111111 100%);
background: linear-gradient(top, #575758 0%, #111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #111111 );
zoom: 1;
}
#main .autresplan .apercu {
margin: 0 0 20px;
overflow: hidden;
}
#main .autresplan .apercu:nth-child(2n+1) {
float: left;
padding: 0 1% 0 0;
position: relative;
width: 49%;
}
#main .autresplan .apercu:nth-child(2n) {
float: right;
padding: 0 0 0 1%;
position: relative;
width: 49%;
}
#main .autresplan .apercu figure {
height: 142px;
max-height: 142px;
overflow: hidden;
}
#main .autresplan .apercu figure img {
width: 100%;
height: 100%;
}
.produit .retour-liste {
display: block;
background: #343434;
background: -moz-linear-gradient(top, #575758 0%, #343434 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #343434));
background: -webkit-linear-gradient(top, #575758 0%, #343434 100%);
background: -o-linear-gradient(top, #575758 0%, #343434 100%);
background: -ms-linear-gradient(top, #575758 0%, #343434 100%);
background: linear-gradient(top, #575758 0%, #343434 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #343434 );
zoom: 1;
text-decoration: none;
color: #FFFFFF;
font-family: "Lobster", sans-serif;
font-size: 20px;
font-weight: normal;
line-height: normal;
margin: 0 0 10px;
padding: 5px 13px 8px 13px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
float: left;
clear: both;
}
#main a.btn.speg1t2 {
line-height: normal !important;
height: auto !important;
}
#main ul li {
color: #35B3DB;
line-height: normal;
list-style: square inside none;
margin-left: 1px;
margin-bottom: 5px;
}
#main ul li > q {
color: #666666;
font-size: 13px;
overflow: hidden;
}
#main ul li > q > p {
display: inline;
}
#main .profite {
float: left;
margin: 0 0 5px;
overflow: hidden;
width: 50%;
}
#main .profite p a {
display: block;
color: #575758;
font-weight: bold;
text-decoration: underline;
}
#main .profite .bonplan {
display: block;
float: left;
margin: 0;
padding: 5px 10px 10px 10px;
text-align: left;
font-size: 18px;
clear: both;
margin: 0 0 10px 0;
color: #FFFFFF;
background: #343434;
background: -moz-linear-gradient(top, #575758 0%, #343434 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #343434));
background: -webkit-linear-gradient(top, #575758 0%, #343434 100%);
background: -o-linear-gradient(top, #575758 0%, #343434 100%);
background: -ms-linear-gradient(top, #575758 0%, #343434 100%);
background: linear-gradient(top, #575758 0%, #343434 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #343434 );
zoom: 1;
text-decoration: none;
font-weight: normal;
}
#main .profite .bonplan:hover {
background: #111111;
background: -moz-linear-gradient(top, #575758 0%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #111111));
background: -webkit-linear-gradient(top, #575758 0%, #111111 100%);
background: -o-linear-gradient(top, #575758 0%, #111111 100%);
background: -ms-linear-gradient(top, #575758 0%, #111111 100%);
background: linear-gradient(top, #575758 0%, #111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #111111 );
zoom: 1;
}
#main .profite hr {
clear: both;
}
#main .contact {
border-bottom: #35B3DB 1px solid;
}
#main .contact:last-child {
border-bottom: none 0px;
}
#main .contact .content .tel {
font-family: Arial;
letter-spacing: normal;
padding: 8px 50px 8px 15px;
text-transform: none;
font-size: 13px;
background: #343434;
background: -moz-linear-gradient(top, #575758 0%, #343434 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #343434));
background: -webkit-linear-gradient(top, #575758 0%, #343434 100%);
background: -o-linear-gradient(top, #575758 0%, #343434 100%);
background: -ms-linear-gradient(top, #575758 0%, #343434 100%);
background: linear-gradient(top, #575758 0%, #343434 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #343434 );
zoom: 1;
}
#main .contact .content .moreinfo {
font-family: Arial;
letter-spacing: normal;
padding: 8px 50px 8px 15px;
text-transform: none;
font-size: 13px;
background: #35B3DB;
}
#main .contact .content .tel:hover {
background: #111111;
background: -moz-linear-gradient(top, #575758 0%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #111111));
background: -webkit-linear-gradient(top, #575758 0%, #111111 100%);
background: -o-linear-gradient(top, #575758 0%, #111111 100%);
background: -ms-linear-gradient(top, #575758 0%, #111111 100%);
background: linear-gradient(top, #575758 0%, #111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #111111 );
zoom: 1;
}
#main .infos dl dt {
color: #2094B8;
}
#main figure {
margin: 0 0 10px 0;
}
.restaurant #main header {
height: 22px;
margin-bottom: 30px;
}
.restaurant #main header h1 {
float: left;
position: static;
display: inline;
height: 22px;
line-height: 20px;
color: #575758;
}
.restaurant #main header h2 {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #666666;
line-height: 22px;
height: 22px;
display: inline;
font-size: 20px;
margin: 0;
padding: 0 40px 0 0;
float: left;
clear: right;
font-weight: normal;
}
.restaurant #main header .slim .std {
top: 4px !important;
}
.restaurant #main header.repli .slim .std {
top: 4px !important;
}
#main header h2 {
background: transparent;
}
.parking,
.handicap,
.bus,
.train,
.metro,
.taxi,
.autoroute,
.shuttle,
.rer,
.tramway,
.airport,
.transfare,
.gatemaritime,
.a-routier,
.velo {
background-color: #2094B8;
}
.langue div .js-ico {
background: #35B3DB;
position: relative;
padding-right: 20px;
height: 23px;
margin: 8px 10px 0 0;
}
.langue div .js-ico .js-ico1 {
margin: 4px 0 0 5px !important;
}
.langue div .js-ico .js-ico2 {
display: block;
position: absolute;
right: 7px;
top: 7px;
left: auto;
width: 0;
height: 0;
margin: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #575758;
}
.photos #slider2,
.photos #slider1 {
border: none 0px;
width: auto;
}
/*FORM*/
#main .input,
#main input[type="text"],
#main input[type="email"],
#main select {
color: #999999;
box-shadow: 0px 1px 3px #bbbbbb inset;
-moz-box-shadow: 0px 1px 3px #bbbbbb inset;
-webkit-box-shadow: 0px 1px 3px #bbbbbb inset;
}
#main textarea {
background: #FEFFFF;
color: #999999;
box-shadow: 0px 1px 3px #bbbbbb inset;
-moz-box-shadow: 0px 1px 3px #bbbbbb inset;
-webkit-box-shadow: 0px 1px 3px #bbbbbb inset;
}
#main form .divcaptcha {
background: #EFEFEF;
}
#main form .formBox .requis {
color: #999999;
font-weight: bold;
}
#main form .formBox label {
color: #999999;
}
#main .send {
background: #575758;
font-family: "Lobster", sans-serif;
font-weight: bold;
color: #ffffff;
float: right;
padding: 5px 60px 5px 20px;
text-align: left;
width: auto;
position: relative;
font-size: 23px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#main .send:hover {
background: #454546;
}
#main .send .js-ico {
right: 10px;
top: 11px;
}
/*RECOMMANDE*/
#popn input[type="text"],
#main input[type="email"] {
color: #666666;
}
#popn header {
border-bottom: none;
padding-bottom: 3px;
margin-bottom: 20px;
}
#popn header h1 {
font-family: "Lobster", sans-serif;
font-weight: normal;
color: #333333;
padding: 0 0 15px 0;
margin: 0;
font-size: 28px;
border: none 0px;
line-height: normal;
}
#popn h2 {
font-family: "Lobster", sans-serif;
color: #333333;
font-size: 20px;
margin: 0 0 15px 0;
font-weight: normal;
}
#popn form .inputEnvoyer .btn {
position: relative;
cursor: pointer;
display: block;
background: #343434;
background: -moz-linear-gradient(top, #575758 0%, #343434 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #343434));
background: -webkit-linear-gradient(top, #575758 0%, #343434 100%);
background: -o-linear-gradient(top, #575758 0%, #343434 100%);
background: -ms-linear-gradient(top, #575758 0%, #343434 100%);
background: linear-gradient(top, #575758 0%, #343434 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #343434 );
zoom: 1;
text-decoration: none;
color: #FFFFFF;
font-family: "Lobster", sans-serif;
font-size: 20px;
font-weight: normal;
line-height: normal;
margin: 0 0 5px 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#popn form .divcaptcha {
background: #EFEFEF;
}
#popn form .inputEnvoyer .btn:hover {
background: #575758;
background: -moz-linear-gradient(top, #343434 0%, #575758 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #575758));
background: -webkit-linear-gradient(top, #343434 0%, #575758 100%);
background: -o-linear-gradient(top, #343434 0%, #575758 100%);
background: -ms-linear-gradient(top, #343434 0%, #575758 100%);
background: linear-gradient(top, #343434 0%, #575758 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #343434 , endColorstr= #575758 );
zoom: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#popin .reservation .close {
-moz-transition: all 0.3s ease-in-out 0s;
display: block;
float: right;
cursor: pointer;
background: none repeat scroll 0 0 light(#575758, 30);
color: #FFFFFF;
float: right;
font-family: "Lobster";
font-weight: bold;
padding: 5px 10px;
position: relative;
text-align: center;
width: auto;
text-decoration: none;
}
#popin .reservation .btn {
position: relative;
font-family: 'Droid Sans', sans-serif;
text-align: center;
text-transform: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-bottom: 5px;
padding: 12px 10px 12px 10px;
width: 215px;
letter-spacing: normal;
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #FFF;
text-decoration: none;
background: #35B3DB;
background: -moz-linear-gradient(left, #2094B8 0%, #35B3DB 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2094B8), color-stop(100%, #35B3DB));
background: -webkit-linear-gradient(left, #2094B8 0%, #35B3DB 100%);
background: -o-linear-gradient(left, #2094B8 0%, #35B3DB 100%);
background: -ms-linear-gradient(left, #2094B8 0%, #35B3DB 100%);
background: linear-gradient(left, #2094B8 0%, #35B3DB 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #2094B8 , endColorstr= #35B3DB );
zoom: 1;
}
#popin .reservation .btn-hover,
#popin .reservation .btn:hover {
background: #2094B8;
background: -moz-linear-gradient(left, #104A5C 0%, #2094B8 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #104A5C), color-stop(100%, #2094B8));
background: -webkit-linear-gradient(left, #104A5C 0%, #2094B8 100%);
background: -o-linear-gradient(left, #104A5C 0%, #2094B8 100%);
background: -ms-linear-gradient(left, #104A5C 0%, #2094B8 100%);
background: linear-gradient(left, #104A5C 0%, #2094B8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #104A5C , endColorstr= #2094B8 );
zoom: 1;
}
#popin .reservation .btn-active,
#popin .reservation .btn.active {
background: #3C3C3D;
background: -moz-linear-gradient(top, #575758 0%, #3C3C3D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #3C3C3D));
background: -webkit-linear-gradient(top, #575758 0%, #3C3C3D 100%);
background: -o-linear-gradient(top, #575758 0%, #3C3C3D 100%);
background: -ms-linear-gradient(top, #575758 0%, #3C3C3D 100%);
background: linear-gradient(top, #575758 0%, #3C3C3D 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #3C3C3D );
zoom: 1;
}
/*FOOTER*/
#footer {
display: block;
width: auto !important;
float: none !important;
clear: both !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
overflow: visible;
color: #FFF;
margin-top: -3px;
}
#footer a {
color: #FFF;
}
#footer .inner {
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.8);
zoom: 1;
background-color: transparent\9;
background-color: rgba(255, 255, 255, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#footer .cols {
display: block;
width: auto !important;
float: none !important;
clear: both !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
overflow: hidden;
padding: 20px 0 20px 0;
}
#footer .col {
position: relative;
width: 33%;
float: left;
color: #666666;
}
#footer .col a {
display: block;
margin-bottom: 5px;
text-decoration: none;
color: #666666;
}
#footer .col a:hover {
text-decoration: underline;
}
#footer .col-inner {
border-left: 1px solid #35B3DB;
/*min-height:175px;*/
padding: 0 15px 0 15px;
color: #666666;
}
#footer .col1 .col-inner {
border-left: 1px solid transparent;
padding-left: 25px;
}
#footer h2 {
font-family: "Lobster", sans-serif;
font-size: 18px;
color: #35B3DB;
margin-bottom: 5px;
font-weight: normal;
}
#footer-top {
height: 23px;
position: relative;
width: 975px;
margin: 0 auto;
z-index: 3;
}
#footer-middle {
display: block;
width: auto !important;
float: none !important;
clear: both !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
margin: -20px 0px 0 0px;
}
/*margin:-20px -10px 0 -10px*/
#footer-middle .inner {
padding-top: 20px;
color: #666666;
}
#footer-bottom {
display: block;
width: auto !important;
float: none !important;
clear: both !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
height: 0px;
}
/*COPYRIGHT*/
#copyright,
#copyright a {
color: #111111;
}
#copyright {
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.8);
zoom: 1;
background-color: transparent\9;
background-color: rgba(255, 255, 255, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff);
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
border-radius: 0px 0px 12px 12px;
padding: 18px;
}
#copyright .logo-pj {
right: 18px !important;
}
/*ICO*/
.picbgoff {
background-color: #35B3DB;
display: none;
}
.picbg_on {
background-color: #575758;
display: none;
}
.ico .js-ico {
display: block;
position: relative;
float: left;
width: 27px;
height: 27px;
margin: 6px 10px 0 0;
}
.ico .js-ico span {
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.ico .js-ico .js-ico1 {
width: 27px;
height: 27px;
top: 0px;
left: 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ico .js-ico:hover .js-ico1 {
width: 27px;
height: 27px;
top: 0px;
left: 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ico-tel .js-ico span {
background: url(/1561907773/image/template/sprite_2.png) 0px 0px no-repeat;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.ico-addr .js-ico span {
background: url(/1561907773/image/template/sprite_2.png) -27px 0px no-repeat;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.ico-hor .js-ico span {
background: url(/1561907773/image/template/sprite_2.png) -54px 0px no-repeat;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.ico-print .js-ico span {
background: url(/1561907773/image/template/sprite_2.png) -217px 0px no-repeat;
margin-right: 0px !important;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.ico-lang .js-ico span {
background: url(/1561907773/image/template/sprite_2.png) -244px 0px no-repeat;
margin-right: 0px !important;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.ico-social1 .js-ico span {
background: url(/1561907773/image/template/sprite_2.png) -81px 0px no-repeat;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.ico-social2 .js-ico span {
background: url(/1561907773/image/template/sprite_2.png) -108px 0px no-repeat;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.ico-social3 .js-ico span {
background: url(/1561907773/image/template/sprite_2.png) -135px 0px no-repeat;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.ico-social4 .js-ico span {
background: url(/1561907773/image/template/sprite_2.png) -162px 0px no-repeat;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.ico-social5 .js-ico span {
background: url(/1561907773/image/template/sprite_2.png) -189px 0px no-repeat;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.ico-tel .js-ico span:hover,
.ico-addr .js-ico span:hover,
.ico-hor .js-ico span:hover,
.ico-print .js-ico span:hover,
.ico-lang .js-ico span:hover,
.ico-social1 .js-ico span:hover,
.ico-social2 .js-ico span:hover,
.ico-social3 .js-ico span:hover,
.ico-social4 .js-ico span:hover,
.ico-social5 .js-ico span:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*DIVERS*/
#tooltip {
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 5000;
background-color: #35B3DB;
padding: 10px 15px 10px 15px;
width: 150px;
margin-left: -90px;
color: #FFF;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
}
#tooltip .arrow-up {
position: absolute;
left: 85px;
top: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #35B3DB;
}
.return-top {
background: #575758;
font-family: "Lobster", sans-serif;
font-size: 24px;
}
/*************************************************/
/*SLIDER*/
.slider {
z-index: 1;
}
#slider2,
#slider1 {
padding: 0px;
width: auto;
border: 4px solid #BFE7F3;
}
.figures {
background-color: #EDF8FB;
}
.figures figure {
display: block;
}
.figures figcaption {
background-color: #35B3DB;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}
.figures .prev,
.figures .next {
background-image: url(/1561907773/image/harmony/h003/sprites.png);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #575950;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}
.figures .prev:hover,
.figures .next:hover {
background-color: #575758;
}
.figures .prev {
background-position: 0px -90px;
}
.figures .next {
background-position: -40px -90px;
}
.figures-nav {
background-color: #EDF8FB;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.figures-nav .prev,
.figures-nav .next,
.figures-nav .fullscreen {
background-color: #91D5EB;
background-image: url(/1561907773/image/harmony/h003/sprites.png);
background-repeat: no-repeat;
}
.figures-nav .prev:hover,
.figures-nav .next:hover,
.figures-nav .fullscreen:hover {
background-color: #575758;
}
.figures-nav .prev {
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
background-position: -6px -78px;
}
.figures-nav .next {
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
background-position: -48px -78px;
}
.figures-nav .fullscreen {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-position: -85px -78px;
width: 70px;
}
.figures-nav .sep {
border-left: 1px solid #5F5F60;
border-right: 1px solid #FFF;
}
.figures-nav > div table td img {
border: 1px solid #63C4E3;
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
}
.figures-nav > div table td.active img,
.figures-nav > div table td:hover img {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
border: 1px solid #575758;
}
/*SLIDER PHOTO*/
.photos .figures {
background-color: #EDF8FB;
box-shadow: none;
}
.photos .figures figcaption {
background-color: #383838;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}
.photos .figures .prev,
.photos .figures .next {
background-color: #575758;
background-color: rgba(87, 87, 88, 0.6);
zoom: 1;
background-color: transparent\9;
background-color: rgba(87, 87, 88, 0.6);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99575758, endColorstr=#99575758)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99575758, endColorstr=#99575758);
background-image: url(/1561907773/image/harmony/h003/sprites.png);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #35B3DB;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}
.photos .figures .prev:hover,
.photos .figures .next:hover {
background-color: #575758;
}
.photos .figures .prev {
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
background-position: 0px -90px;
}
.photos .figures .next {
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
background-position: -40px -90px;
}
.photos .figures-nav {
background-color: #bebebe;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.photos .figures-nav .prev,
.photos .figures-nav .next,
.photos .figures-nav .fullscreen {
background-color: #939393;
background-image: url(/1561907773/image/harmony/h003/sprites.png);
background-repeat: no-repeat;
}
.photos .figures-nav .prev:hover,
.photos .figures-nav .next:hover,
.photos .figures-nav .fullscreen:hover {
background-color: #686869;
}
.figures-nav > div table td img {
border: 1px solid #939393;
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
}
/**/
.calendrier .ligne .label,
div.recap div.first > div,
div.recap div div.produit div p,
input.valider,
.liste-desc li .prix .panier,
.plusproduits,
.produit .description .addpanier,
.produit .livraison ul li q,
.index .nav-vignette .text,
.produit .btn_prev,
.produit .btn_next,
.index .liste-vignette li .etiquette-reduc2 p,
.index .liste-vignette li .etiquette-reduc p,
.index .liste-vignette li .etiquette-top p,
.index .liste-vignette li .etiquette-une p,
.liste-vignette li .etiquette-reduc2 p,
.liste-vignette li .etiquette-reduc p,
.liste-vignette li .etiquette-top p,
.liste-vignette li .etiquette-une p,
.produit .retour-liste,
.liste-vignette li .etiquette-reduc2 p {
font-family: "Lobster";
}
.index .nav-vignette .text {
color: #FFFFFF;
}
.produit #slider .figures-nav {
background: none;
}
/***/
/***************************************************/
/***************************************************/
.sidebar-title {
font-size: 21px;
line-height: 16px;
font-weight: bold;
color: #666666;
}
/*************************************************/
/*SIDEBAR*/
#sidebar {
width: 315px;
margin-right: 20px;
clear: left;
float: left;
}
#sidebar .puce {
border-left: 5px solid #575758;
}
#sidebar .images {
margin: 0px 0px;
}
#sidebar article.media {
border: #BFE7F3 4px solid;
}
#sidebar .media .text {
background-color: #ff0115;
background-color: rgba(53, 179, 219, 0.6);
zoom: 1;
background-color: transparent\9;
background-color: rgba(53, 179, 219, 0.6);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9935B3DB, endColorstr=#9935B3DB)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9935B3DB, endColorstr=#9935B3DB);
}
#sidebar .media .content {
border: none 0px;
}
#sidebar article {
overflow: hidden;
}
#sidebar article header {
padding: 0px;
border: none 0px;
margin-bottom: 10px;
height: auto;
}
#sidebar article header h1 {
padding: 0 0 35px 0;
display: inline;
background: #FFFFFF;
color: #575758;
line-height: normal;
}
#sidebar article header h2 {
border: none;
color: #575758;
font-size: 27px;
padding: 0px 40px 0px 0px;
display: inline;
background: transparent;
font-weight: normal;
line-height: normal;
}
#sidebar article header .js-ico {
display: none !important;
}
/*************************************************/
#sidebar .plus ul {
padding: 10px;
color: #333333;
}
#sidebar .actus .content {
padding: 10px;
}
#sidebar .actus .content > div {
padding: 10px 0;
color: #333333;
border-top: #63C4E3 solid 1px;
}
#sidebar .actus .content > div:first-child {
border: none 0px;
}
#sidebar .actus .content a {
color: #333333;
font-weight: bold;
}
/*************************************************/
#sidebar .ico {
font-size: 24px;
color: #FFFFFF;
line-height: 19px;
margin: 10px 0 10px 0;
}
#sidebar footer a {
font-size: 24px;
color: #FFFFFF;
margin: 0px 0 0px 0;
}
.btns a,
#sidebar footer a,
#sidebar a.ico {
font-family: "Lobster", sans-serif;
padding: 4px 0px 6px 13px;
background: #343434;
background: -moz-linear-gradient(top, #575758 0%, #343434 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #343434));
background: -webkit-linear-gradient(top, #575758 0%, #343434 100%);
background: -o-linear-gradient(top, #575758 0%, #343434 100%);
background: -ms-linear-gradient(top, #575758 0%, #343434 100%);
background: linear-gradient(top, #575758 0%, #343434 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #343434 );
zoom: 1;
line-height: normal;
font-size: 24px;
color: #FFFFFF;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btns a:hover,
#sidebar footer a:hover,
#sidebar a.ico:hover {
background: #111111;
background: -moz-linear-gradient(top, #575758 0%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575758), color-stop(100%, #111111));
background: -webkit-linear-gradient(top, #575758 0%, #111111 100%);
background: -o-linear-gradient(top, #575758 0%, #111111 100%);
background: -ms-linear-gradient(top, #575758 0%, #111111 100%);
background: linear-gradient(top, #575758 0%, #111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #575758 , endColorstr= #111111 );
zoom: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#sidebar .content {
background: #35B3DB;
background: -moz-linear-gradient(top, #7ACDE7 0%, #35B3DB 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ACDE7), color-stop(100%, #35B3DB));
background: -webkit-linear-gradient(top, #7ACDE7 0%, #35B3DB 100%);
background: -o-linear-gradient(top, #7ACDE7 0%, #35B3DB 100%);
background: -ms-linear-gradient(top, #7ACDE7 0%, #35B3DB 100%);
background: linear-gradient(top, #7ACDE7 0%, #35B3DB 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #7ACDE7 , endColorstr= #35B3DB );
zoom: 1;
border: #BFE7F3 4px solid;
}
/*************************************************/
#sidebar .ico-srch .js-ico,
#sidebar .ico-doc .js-ico,
#sidebar .ico-pdf .js-ico,
#sidebar .ico-mrgcy .js-ico,
#sidebar .ico-homepls .js-ico,
#sidebar .ico-homewht .js-ico,
#sidebar .ico-book .js-ico {
margin: 2px 10px 0 5px;
}
#sidebar .ico-conso .js-ico {
background-color: #666666;
}
/*************************************************/
#sidebar .auto,
#sidebar .plus,
#sidebar .actus,
#sidebar .immo,
#sidebar .here,
#sidebar .links,
.sidebar-article-color {
background: transparent;
}
#sidebar .immo .content,
#sidebar .auto .content {
padding: 5px;
border-bottom: none 0px;
}
#sidebar .immo footer,
#sidebar .auto footer {
margin-top: 0px;
padding: 5px 13px 5px 0px;
background: #35B3DB;
border: #BFE7F3 4px solid;
border-top: none 0px;
}
/*************************************************/
#sidebar .resa {
margin: 0px;
}
#sidebar .resa .date {
padding: 10px 13px;
}
#sidebar .resa .content {
padding: 3px 0px 10px 0px;
}
#sidebar .resa .content #reserver {
margin-right: 13px;
}
#sidebar .resa .content > label {
margin-left: 13px;
}
#sidebar .resa .date label {
font-weight: normal !important;
}
#sidebar .resa .date label,
#sidebar .resa .content > label,
#sidebar .resa .libelle {
color: #333333;
font-size: 13px;
}
#sidebar .resa .chambre {
border-top: 1px solid rgba(255, 255, 255, 0.5);
padding: 10px 13px;
}
#sidebar .resa .chambre label {
color: #333333;
}
#sidebar .resa .chambre div {
background: #BFE7F3;
}
#sidebar .resa .ui-datepicker-trigger {
background: #91D5EB url(/1561907773/image/template/date.png) top left no-repeat;
}
#sidebar .resa input,
#sidebar .resa select {
color: #666666;
}
#sidebar .resa .chambre #co_ages1 label,
#sidebar .resa .chambre #co_ages2 label {
color: #666666;
}
/*************************************************/
#sidebar .tips .content {
background: none;
padding: 3px;
border: none 0px;
}
#sidebar .tips .content .ico {
background: #FFFFFF;
}
#sidebar .tips header {
margin-bottom: 10px;
}
#sidebar .tips .ico-tip {
padding: 10px;
font-size: 13px;
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}
/*************************************************/
#sidebar .conso {
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px 10px;
background: #FFFFFF;
}
#sidebar .conso .content {
background: none;
color: #333333;
border: none 0px;
}
#sidebar .conso strong {
color: #575758;
}
#sidebar .conso header {
margin: 0px 0 15px 0;
background: none;
}
#sidebar article.conso .ico {
background: none !important;
}
#sidebar .ico-conso .js-ico {
display: block !important;
background-color: #575758;
}
/*************************************************/
#sidebar .vivreIci {
padding: 55px 12px 8px 12px;
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#sidebar .vivreIci .content {
background: none;
padding: 0px;
border: none 0px;
}
#sidebar .vivreIci .bloc.ved .titre {
font-family: "Lobster", sans-serif;
font-size: 20px;
text-transform: none;
padding: 10px 0;
color: #35B3DB;
border-top: #575758 1px solid;
}
#sidebar .vivreIci .bloc.ved #meteo {
padding: 0px;
}
#sidebar .vivreIci .bloc.ved .corps {
padding: 0 10px 0 20px;
font-size: 12px;
}
#sidebar .vivreIci .bloc.ved .corps a {
font-weight: bold;
color: #666666;
}
#sidebar .vivreIci .bloc.ved .liens_ved {
width: 94%;
padding-left: 3%;
padding-right: 3%;
}
#sidebar .vivreIci .bloc.ved .liens_ved li {
width: 31%;
padding-top: 5px;
padding-left: 1%;
padding-right: 1%;
border-top: 1px rgba(0, 0, 0, 0.1) solid;
font-weight: normal;
}
/*************************************************/
#sidebar .ardoise {
padding: 10px 10px 15px 10px;
border: #BFE7F3 4px solid;
}
#sidebar .ardoise header h2 {
background: none;
}
#sidebar .ardoise header .js-ico {
display: block !important;
}
#sidebar .ardoise .content {
background: none;
border: none 0px;
}
#sidebar .ardoise .content > hr {
border-top: rgba(0, 0, 0, 0.3) 1px solid;
border-bottom: rgba(255, 255, 255, 0.3) 1px solid;
width: 90%;
}
#sidebar .ardoise .content div:first-child p {
text-align: left;
}
#sidebar .ardoise p span {
color: #BFE7F3;
}
/*************************************************/
#sidebar .here ul li {
padding: 10px 12px;
color: #666666;
border-top: #BFE7F3 1px solid;
background: none;
}
#sidebar .here ul li:first-child {
border-top: none 0px;
}
#sidebar .here ul li a {
color: #575758;
font-weight: bold;
}
#sidebar .here ul li span {
color: #575758;
}
#sidebar .here ul li br {
margin-bottom: 10px;
clear: both;
}
#sidebar .here ul li hr {
display: none;
border: none 0px;
}
#sidebar .here {
color: #FFFFFF;
}
#sidebar .here .content {
padding: 0px;
}
/*************************************************/
#sidebar .links .content {
padding: 3px 0px 4px 0px;
}
#sidebar .links .content ul {
padding: 0px;
}
#sidebar .links ul li {
padding: 5px 12px;
border-top: #BFE7F3 1px solid;
}
#sidebar .links ul li:first-child {
padding: 5px 12px;
border: none 0px;
}
#sidebar .links a {
color: #333333;
padding: 0px;
}
#sidebar .links a.c {
padding: 0px 22px;
background: transparent url(/1561907773/image/template/liensC.png) no-repeat 0px 0px;
}
#sidebar .links hr {
margin: 0px;
border: none 0px;
}
.ie7 #sidebar .links {
padding-top: 10px;
}
.ie7 #sidebar .links ul,
.ie7 #sidebar .links ul {
list-style: outside;
}
.ie7 #sidebar .links a {
padding: 0px !important;
margin: 0px !important;
}
.ie7 #sidebar .links hr {
height: 0px;
margin: 0px 0 0px 0;
display: none !important;
}
/*************************************************/
#sidebar .facebook {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
padding: 0px;
}
#sidebar .facebook header {
padding: 10px;
}
#sidebar .facebook .content {
background: #FFFFFF;
padding: 15px;
}
/*FIX IE*/
.ie7 #sidebar .ardoise .content,
.ie7 #sidebar .vivreIci .content,
.ie7 #sidebar .conso .content,
.ie7 #sidebar .tips .content {
background: none transparent;
filter: none;
}
.ie7 #sidebar .facebook .content {
filter: none;
background: #FFFFFF;
}
.ie7 #info ul li a {
font-size: 23px;
}
.ie7 #info ul li a {
line-height: 33px !important;
}
.ie8 .tips .ico-tip {
border: 1px solid #EFEFEF !important;
}
.ie8 .conso,
.ie8 .vivreIci {
border: 1px solid #EFEFEF !important;
}
.ie7 #main {
width: 610px !important;
}
.ie7 #main .autresplan .apercu {
width: 49%;
}
.ie8 #sidebar .ardoise .content {
background: none transparent;
filter: none;
}
.ie9 #sidebar .ardoise .content {
background: none transparent;
filter: none;
}
/*
#sidebar .resa .chambre>label {float:none; margin:0 10px 0 15px;}
*/
.ie7 #sidebar .resa .chambre > label {
margin: 0 12px;
}
.ie7 .restaurant #main header {
position: relative;
width: 100%;
}
.ie7 .restaurant #main header h2 {
position: absolute;
right: 35px;
top: 5px;
width: auto;
}
.ico-social1 .js-ico .js-ico1,
.ico-social2 .js-ico .js-ico1,
.ico-social3 .js-ico .js-ico1,
.ico-social4 .js-ico .js-ico1,
.ico-social5 .js-ico .js-ico1,
.ico-print .js-ico .js-ico1 {
background: none transparent !important;
}
.ie7 #content #content-inner {
background: none transparent;
filter: none !important;
background: url(/1561907773/image/template/white.png) top left repeat;
}
.ie7 #nav {
background: url(/1561907773/image/template/popn.png) top left repeat;
}
.ie7 #nav,
.ie7 #nav td.active,
.ie7 #nav > .inner > ul > li.active,
.ie7 #nav td:hover,
.ie7 #nav > .inner > ul > li:hover,
.ie7 #nav .inner ul table,
.ie7 #nav .inner ul table td {
filter: none !important;
}
.ie7 #info {
overflow: visible;
filter: none !important;
}
.ie7 #container #header #header-bottom .inner,
.ie7 #header-bottom .inner div {
background: none transparent;
overflow: visible;
filter: none !important;
}
.ie7 #header-top {
overflow: visible;
filter: none !important;
z-index: 3;
}
.ie7 #header-bottom {
overflow: visible;
z-index: 2;
}
.ie7 #container #header #header-bottom .inner {
filter: none !important;
background: url(/1561907773/image/template/white.png) top left repeat;
border: 1px solid #FFFFFF;
border-bottom: 0px none;
padding: 0px;
}
.ie7 #header-bottom .inner > div {
padding: 0 0 0 180px !important;
width: 541px;
height: 180px;
}
.ie7 #header-bottom .inner > #info {
height: 160px;
}
.ie7 #logo {
position: absolute;
top: 0px;
left: 0px;
}
.ie7 #nav td:hover,
.ie7 #nav > .inner > ul > li:hover {
background: #333333;
}
.ie7 #header {
background: none transparent;
filter: none !important;
background: url(/1561907773/image/template/popn.png);
z-index: 4;
}
.ie7 #container .langue,
.ie7 #container .langue ul {
z-index: 49;
}
/*************************************************/
.ie8 #content #content-inner {
background-color: transparent !important;
background: url(/1561907773/image/template/white.png) top left repeat;
}
.ie8 #header-bottom .inner div,
.ie8 #header-bottom .inner .info {
background: transparent url(/1561907773/image/template/white.png) top left repeat !important;
}
/*************************************************/
/*TABLETTE*/
/*************************************************/
@media screen and (max-width: 1024px) {
.inner {
width: auto;
min-width: 320px;
}
#content-inner {
padding: 30px 15px 25px 15px;
}
#content header h1 {
font-size: 24px;
}
#header-top .social {
padding-left: 10px;
}
#header-bottom p {
padding-right: 20px;
}
#header-bottom #baseline {
font-size: 24px;
margin: 0 0 0 0;
}
#info {
width: auto;
margin: 0px 10px 0 20px;
}
#info ul li a {
font-size: 20px !important;
}
#nav,
#nav > .inner,
#nav > .inner > ul {
max-width: none;
width: 100%;
height: auto;
padding: 0;
margin: 0;
}
#nav {
display: block;
width: auto !important;
float: none !important;
clear: both !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
overflow: visible;
background: none transparent;
padding: 0px 0 0px 0;
margin-bottom: -2px;
}
#nav > .inner {
background: #575758 url(/1561907773/image/harmony/h003/menu-tablette.jpg) left 67px repeat-x;
opacity: 0.85;
}
#nav > .inner > ul {
max-height: 136px;
}
#nav > .inner > ul:after {
content: "";
display: block;
clear: both;
}
#nav > .inner > ul > li {
display: block;
float: left;
padding: 0px 0 0px 0;
margin: 0px 0 2px 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#nav > .inner > ul > li:first-child {
border-left: 0px none;
}
#nav > .inner > ul > li:hover,
#nav > .inner > ul > li.active {
background: #2094B8;
background: -moz-linear-gradient(top, #35B3DB 0%, #2094B8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #35B3DB), color-stop(100%, #2094B8));
background: -webkit-linear-gradient(top, #35B3DB 0%, #2094B8 100%);
background: -o-linear-gradient(top, #35B3DB 0%, #2094B8 100%);
background: -ms-linear-gradient(top, #35B3DB 0%, #2094B8 100%);
background: linear-gradient(top, #35B3DB 0%, #2094B8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #35B3DB , endColorstr= #2094B8 );
zoom: 1;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-left: 1px solid #35B3DB;
}
#nav > .inner > ul > li:first-child:hover,
#nav > .inner > ul > li:first-child.active {
border-left: none 0px;
}
#nav > .inner > ul > li > a {
max-width: 135px;
font-size: 18px;
}
#nav > .inner > ul ul {
z-index: 2;
top: 72px;
}
#sidebar {
width: 235px !important;
margin-left: 0px;
margin-right: 20px;
}
#sidebar .resa input[type="text"] {
width: 155px;
}
#footer-top {
width: 100%;
}
#footer-middle {
margin: -20px 0px 0 0px;
}
}
/*************************************************/
/*MOBILE*/
/*************************************************/
@media screen and (max-width: 760px) {
#nav > .inner > ul {
max-height: none;
}
.inner {
width: auto;
min-width: 300px;
margin: 10px 10px 0 10px;
}
#content {
margin-top: 0px;
}
#content-inner {
padding: 10px;
background: #FFFFFF;
}
#content .inner {
margin: 0px 0px 0px 0px;
}
#container #header #header-bottom .inner {
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.8);
zoom: 1;
background-color: transparent\9;
background-color: rgba(255, 255, 255, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff);
border: none 0px;
-webkit-border-radius: 12px 12px 0px 0px;
-moz-border-radius: 12px 12px 0px 0px;
border-radius: 12px 12px 0px 0px;
}
#header-top {
background: rgba(0, 0, 0, 0);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= rgba(0, 0, 0, 0.6) , endColorstr= rgba(0, 0, 0, 0) );
zoom: 1;
}
#header-bottom .inner {
padding-bottom: 0;
}
#header-bottom #logo {
float: none;
margin: 0 auto;
}
#header-bottom #baseline {
font-size: 24px;
text-align: center;
padding: 0 10px 0 10px;
color: #404040;
}
#header-bottom p {
display: none;
}
#info {
display: block;
float: left;
width: 50%;
margin: 0;
overflow: inherit;
padding: 1px;
}
#info ul li {
float: left;
clear: none;
border: 0px none;
height: 38px;
width: 32%;
padding: 0px;
border-left: #35B3DB 1px solid;
}
#info ul li a {
margin: 0 auto !important;
width: 27px;
}
#info ul li:first-child {
border-left: none 0px;
}
#nav {
background: none;
padding: 0;
margin: 0 10px;
}
#nav > .inner ul {
background: #FFFFFF;
}
#nav .inner ul,
#nav .inner li,
#nav .inner a {
display: block;
width: auto !important;
float: none !important;
clear: both !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
margin: 0 !important;
padding: 0;
width: auto;
height: auto;
text-align: left;
}
/*#nav .inner li:hover a { margin:inherit !important; padding:inherit !important; }*/
#nav > .inner > ul {
display: none;
background-color: #535354;
padding: 0px;
}
#nav > .inner > ul > li {
height: auto;
padding: 0px;
border: none 0px;
opacity: 1;
}
#nav > .inner > ul > li a {
display: block;
width: auto;
height: auto;
text-align: left;
padding: 8px 2px;
margin: 0 10px !important;
width: 100%;
max-width: none;
border: none 0px;
border-top: 1px solid #35B3DB;
opacity: 1;
}
#nav > .inner > ul > li:first-child a {
border-top: none 0px;
}
#nav > .inner > ul > li.active,
#nav > .inner > ul > li:hover {
border-left: none 0px;
}
#nav > .inner > ul ul li a {
border-top: none 0px;
}
#nav > .inner > ul ul {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
padding: 0px;
}
#nav > .inner > ul ul ul li {
padding-left: 20px !important;
}
#nav > .inner > ul ul .close {
display: none;
}
#sidebar {
width: 100%;
margin: 0;
float: none;
display: block;
width: auto !important;
float: none !important;
clear: both !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
margin-right: 0px;
}
.figures {
margin-bottom: 75px !important;
}
.restaurant #main header {
margin-bottom: 30px;
}
#footer {
display: none;
}
#header {
margin-bottom: 0px;
background: none;
}
.restaurant #main header {
height: auto;
margin-bottom: 15px;
}
.restaurant #main header h1 {
position: relative;
display: block;
float: none;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
}
.restaurant #main header h2 {
position: relative;
display: block;
float: none;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
margin-top: 5px;
}
}
/*************************************************/
/*** PATCH LISTE : COMBO CATEGORIE ***/
/*** DESKTOP ***/
.combo-categorie {
display: none;
float: left;
margin-bottom: 10px !important;
}
/*** TABLETTE ***/
@media screen and (max-width: 1024px) {
.afficher,
.nbarticles {
float: right !important;
margin-right: 20px !important;
}
.combo-categorie {
display: block !important;
}
.combo-categorie span {
float: left;
color: #666666 !important;
}
.combo-categorie select {
float: right;
margin: 0 0 0 5px ! important;
width: 200px !important;
}
.combo-categorie q {
float: right;
}
#nav ul li.catalogue ul {
display: none !important;
}
}
/*** MOBILE ***/
@media screen and (max-width: 760px) {
.combo-categorie {
display: block !important;
}
.combo-categorie span {
float: left;
color: #666666 !important;
}
.combo-categorie select {
float: right;
margin: 0 0 0 5px ! important;
width: 200px !important;
}
.combo-categorie q {
float: right;
}
#nav ul li.catalogue ul {
display: none !important;
}
}
/*** SUPPRESSION CADRE PHOTOS ***/
#catalogue .liste-vignette img {
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0);
}
.index .liste-vignette li .img img {
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0);
}
/*** PAGE LISTE IE7-IE8 ***/
.ie7 .liste-desc li .infos {
width: 320px;
margin-right: 10px !important;
}
.ie7 .liste-desc li .prix {
width: 136px !important;
}
.ie8 .liste-desc li .infos {
width: 432px;
padding-right: 10px !important;
}
.ie7 .liste-desc li .prix .panier {
width: 130px !important;
right: 10px !important;
}
.ie8 .liste-desc li .prix .panier {
width: 140px !important;
}
/**** POPIN PANIER ****/
#popn-inner.recap-popn div.recap div div.produit div p {
line-height: 23px !important;
}
/*************************************************/
/*STYLES SPECIFIQUE CATALOGUE GRATUIT*/
/*************************************************/
.index .ctn-vignette {
position: relative;
height: 288px;
}
.liste-vignette li .prix .montant {
font-size: 18px;
color: #104A5C;
white-space: nowrap;
}
.liste-vignette li .prix .montant .apd {
font-size: 14px;
font-weight: bold !important;
}
.liste-desc li .prix .montant .apd {
font-size: 14px;
font-weight: bold !important;
white-space: nowrap;
}
.liste-desc li .prix .montant {
font-size: 18px;
display: block;
font-weight: normal !important;
margin-bottom: 5px;
}
.produit .description .montant {
display: block;
text-align: right;
font-size: 26px;
margin: 15px 0;
font-weight: normal !important;
white-space: nowrap;
}
.produit .description .montant .apd {
font-weight: normal !important;
font-size: 20px;
}
.ajoutPanier .ajoutPanier-img {
width: 100px;
height: 66px;
}
.ajoutPanier .ajoutPanier-img img {
max-width: 75px;
max-height: 66px;
}
#recap-panier .produit-img {
width: 95px;
height: 66px;
}
#recap-panier .produit-img img {
max-width: 75px;
max-height: 66px;
}
.recap .qte {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
Zerion Mini Shell 1.0