html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    vertical-align: baseline;
    font-weight: normal;
    font-size: 100%
}

/*#lgcookieslaw_banner{*/
/*    padding-left: 384px !important;*/
/*    padding-right: 384px !important;*/
/*}*/

article,aside,figure,footer,header,nav,section,details,summary {
    display: block
}

html {
    box-sizing: border-box
}

*,*:before,*:after {
    box-sizing: inherit
}

ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    background: transparent;
    vertical-align: baseline;
    font-size: 100%
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

th {
    vertical-align: bottom;
    font-weight: bold
}

td {
    vertical-align: top;
    font-weight: normal
}

hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc
}

input,select {
    vertical-align: middle
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

select,input,textarea {
    font: 99% sans-serif
}

table {
    font: 100%;
    font-size: inherit
}

small {
    font-size: 85%
}

strong {
    font-weight: bold
}

td,td img {
    vertical-align: top
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

pre,code,kbd,samp {
    font-family: monospace, sans-serif
}

.clickable,label,input[type=button],input[type=submit],input[type=file],button {
    cursor: pointer
}

button,input,select,textarea {
    margin: 0
}

button,input[type=button] {
    overflow: visible;
    width: auto
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.clearfix:before,.clearfix:after {
    display: block;
    overflow: hidden;
    height: 0;
    content: "\0020"
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom:1}

@import url(../../../boutique/themes/chateau-du-seuil/css/modules/blockcart/blockcart.css);@import url(../../../boutique/modules/themeconfigurator/views/css/font/font.css);.unvisible {
                                                                                                                                                                                display: none
                                                                                                                                                                            }

.lien_boutique {
    text-decoration: none;
    color: #ffffff
}

.lien_boutique__link {
    text-decoration: none;
    color: #ffffff
}

.lien_boutique #header {
    opacity: 0;
    display: block;
    visibility: hidden;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.lien_boutique:hover #header {
    display: block;
    opacity: 1;
    visibility: visible
}

.lien_boutique .cart_block {
    display: block !important
}

.shopping_cart {

}

.shopping_cart .cart_block {
    background: #554b42;
    color: #60564c
}

.shopping_cart .block_content {
    overflow: hidden
}

.shopping_cart>a {
    display: none !important
}

.wysiwyg-text-align-center {
    text-align: center
}

.wysiwyg-text-align-justify {
    text-align: justify
}

.wysiwyg-text-align-left {
    text-align: left
}

.wysiwyg-text-align-right {
    text-align: right
}

@font-face {
    font-family: "Arno";
    src: url("/fonts/6e61a56a-5d8a-4893-9455-e28ba284eecb.eot?#iefix");
    src: url("/fonts/6e61a56a-5d8a-4893-9455-e28ba284eecb.eot?#iefix") format("eot"),url("/fonts/20e962f6-ef07-43f3-81a7-454caee6d6e1.woff2") format("woff2"),url("/fonts/c0fa011c-78e8-41fb-914f-abf884ddc1f2.woff") format("woff"),url("/fonts/59f4fdb8-f048-4470-a85b-3c06c498bb3c.ttf") format("truetype"),url("/fonts/baea542e-7b6f-4d94-84a3-9903941e8142.svg#baea542e-7b6f-4d94-84a3-9903941e8142") format("svg")
}

@font-face {
    font-family: "Arno";
    font-style: italic;
    src: url("/fonts/c8d21a59-3e79-4e4e-bf5d-30c2ac12d310.eot?#iefix");
    src: url("/fonts/c8d21a59-3e79-4e4e-bf5d-30c2ac12d310.eot?#iefix") format("eot"),url("/fonts/740ff9d0-aa24-4255-b410-3039c4dd4a65.woff2") format("woff2"),url("/fonts/b34263a6-a1fe-4b47-bc18-1e4d65f75b72.woff") format("woff"),url("/fonts/ed887abc-6204-45a4-a4c5-7404fb1d5b10.ttf") format("truetype"),url("/fonts/82181b85-1440-4863-a058-a879e0b8c104.svg#82181b85-1440-4863-a058-a879e0b8c104") format("svg")
}

@font-face {
    font-family: "ITC";
    src: url("/fonts/9eb9eaf0-ad52-4076-9b33-45a7433adb6a.eot?#iefix");
    src: url("/fonts/9eb9eaf0-ad52-4076-9b33-45a7433adb6a.eot?#iefix") format("eot"),url("/fonts/3f82557b-ce69-4b26-ab35-44b910fc0ea6.woff2") format("woff2"),url("/fonts/7a73c658-0853-4cc6-be29-31c2d4137245.woff") format("woff"),url("/fonts/b9c21d9f-4f31-4805-88df-52b54cfa3481.ttf") format("truetype"),url("/fonts/c9d2a14d-a309-48c3-b804-8e4ead292878.svg#c9d2a14d-a309-48c3-b804-8e4ead292878") format("svg")
}

@font-face {
    font-family: "ITC";
    font-style: italic;
    src: url("/fonts/aea4f618-123f-4a5f-98bb-214468b3b8b3.eot?#iefix");
    src: url("/fonts/aea4f618-123f-4a5f-98bb-214468b3b8b3.eot?#iefix") format("eot"),url("/fonts/8c76fd06-c5ef-45f8-971e-81fe56193d83.woff2") format("woff2"),url("/fonts/ed9cd4f4-e90d-4b27-8b1d-9b6899a5265e.woff") format("woff"),url("/fonts/54dbb796-9102-4074-b479-469673ccc60f.ttf") format("truetype"),url("/fonts/efeaef5c-0a55-4cde-b60f-846f6518f87b.svg#efeaef5c-0a55-4cde-b60f-846f6518f87b") format("svg")
}

body {
    min-width: 1185px;
    min-height: 600px;
    width: 100%;
    height: auto !important;
    background-color: #ffffff;
    color: white;
    text-align: center;
    font-size: 62.5% !important;
    font-family: "Arno", serif;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased
}

html.frontajax body {
    overflow: hidden
}

@media (max-height: 600px) {
    html.frontajax body {
        overflow-y:scroll
    }
}

@media (max-height: 1200px) {
    html.frontajax body {
        overflow-x:auto
    }
}

.body-main {
    position: fixed;
    top: 0px;
    z-index: 200;
    overflow: hidden;
    min-height: 100%;
    width: 100%;
    text-align: center
}

.body-main>* {
    position: fixed;
    top: 0;
    display: none;
    min-width: 1200px;
    min-height: 100%;
    width: 100%;
    opacity: 0;
    will-change: transform
}

html.ie9 .body-main>* {
    position: absolute !important
}

.followScroll {
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.body-scroll {
    display: none;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

h1 {
    color: #ffffff;
    letter-spacing: 3px;
    font-weight: normal;
    font-size: 3em;
    font-family: 'ITC';
    line-height: 1.3;
    -webkit-font-smoothing: antialiased
}

h2 {
    color: #60564c;
    letter-spacing: 1px;
    font-weight: normal;
    font-style: italic;
    font-size: 2.2em;
    font-family: 'ITC';
    line-height: 1.3
}

p {
    letter-spacing: 1.5px;
    font-size: 2em;
    line-height: 33px
}

.multi {
    position: relative
}

.multi__screen {
    position: relative;
    overflow: hidden;
    min-height: 600px;
    width: 100%;
    height: 100vh
}

html.safari.tablet .multi__screen {
    height: 93.5vh
}

.encadre {
    margin-bottom: 1em;
    padding: 5px;
    background: rgba(246,246,246,0.95);
    color: #60564c;
    text-align: center;
    font-weight: normal
}

.entoureBlanc {
    padding: 4px;
    border: 1px solid #e2e2e2;
    background: #ffffff
}

.entoureBlanc.lion {
    padding: 4px;
    border: 1px solid #e2e2e2;
    background: #ffffff
}

.entoureBlanc.lion:before {
    position: absolute;
    top: -15px;
    left: 50%;
    z-index: 3;
    margin-left: -15px;
    width: 40px;
    height: 40px;
    background: url("/themes/chateau-du-seuil/img/liongris.svg") top center;
    background-size: 40px 40px;
    content: ""
}

.entoureBlanc.lion:after {
    position: absolute;
    top: -1px;
    left: 50%;
    z-index: 2;
    margin-left: -14px;
    width: 38px;
    height: 11px;
    background: #f8f8f8;
    content: ""
}

.entoureBlanc__content {
    padding: 4px;
    border: 1px solid #e2e2e2;
    background: #ffffff
}

.entoureGris {
    position: relative;
    padding: 4px;
    border: 1px solid #e2e2e2;
    background: url("/images/bureau/texture_gris_clair.png")
}

.entoureGris.lion:before {
    position: absolute;
    top: -15px;
    left: 50%;
    z-index: 3;
    margin-left: -15px;
    width: 40px;
    height: 40px;
    background: url("/themes/chateau-du-seuil/img/liongris.svg") top center;
    background-size: 40px 40px;
    content: ""
}

.entoureGris.lion:after {
    position: absolute;
    top: -1px;
    left: 50%;
    z-index: 2;
    margin-left: -14px;
    width: 38px;
    height: 11px;
    background: #f8f8f8;
    content: ""
}

.entoureGris__content {
    padding: 4px;
    border: 1px solid #e2e2e2;
    background: url("/images/bureau/texture_gris_clair.png")
}

.entoureGris__content__padding {
    padding: 15px
}

.encadre__content {
    padding: 1.5em 0;
    border: 1px solid #e2e2e2
}

.encadre__content__titre {
    display: block;
    padding: 1em;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 2.2em;
    font-family: 'ITC'
}

.encadre__content__texte {
    display: block;
    padding: 1em;
    letter-spacing: 0.1em;
    font-size: 2em
}

.encadre__content a {
    display: block;
    color: #60564c;
    text-decoration: none
}

.lienSuite {
    position: relative;
    display: inline-block;
    margin: 10px 0;
    padding: 0 35px;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0.05em;
    font-size: 2.4em;
    cursor: pointer
}

.lienSuite:before,.lienSuite:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 1px;
    background: rgba(255,255,255,0.5);
    content: "";
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    transition: all 350ms ease
}

.lienSuite:after {
    right: 0;
    left: auto
}

.lienSuite:hover:before,.lienSuite:hover:after {
    width: 40px;
    background: rgba(255,255,255,0.85)
}

.lienSuite:hover:before {
    left: -15px
}

.lienSuite:hover:after {
    right: -15px
}

.bouton {
    display: inline-block;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    border: 1px solid #60564c;
    background-color: #ffffff;
    color: #60564c;
    font-size: 2.2em;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease
}

.bouton--blanc {
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff
}

.bouton.over,.bouton:hover {
    background-color: #60564c;
    color: #ffffff
}

.MODELE_LIEN {
    display: inline-block;
    margin: 0 15px;
    padding: 10px 40px;
    border: 1px solid #fff;
    background: rgba(0,0,0,0.65);
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    -webkit-transition: background 350ms ease;
    -moz-transition: background 350ms ease;
    transition: background 350ms ease
}

.MODELE_LIEN:hover {
    background: rgba(0,0,0,0.9)
}

.box {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bsc {
    background-size: cover
}

.bpc {
    background-position: center
}

.clear {
    clear: both
}

.cursor {
    cursor: pointer
}

.dib {
    display: inline-block
}

.nativeScroll {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.oh {
    overflow: hidden
}

.tac {
    text-align: center
}

.taj {
    text-align: justify
}

.tal {
    text-align: left
}

.tar {
    text-align: right
}

.tdn {
    text-decoration: none
}

.trfz {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.whsnrm {
    white-space: normal
}

.whsnw {
    white-space: nowrap
}

.wrapA {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.wrapF {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wrapR {
    position: relative;
    width: 100%;
    height: 100%
}

.imgCover {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    max-width: none !important;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, -50%) translate3d(0px, 0px, 0px);
    -moz-transform: translate(-50%, -50%) translate3d(0px, 0px, 0px);
    -ms-transform: translate(-50%, -50%) translate3d(0px, 0px, 0px);
    -o-transform: translate(-50%, -50%) translate3d(0px, 0px, 0px)
}

.vahelp {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.contentvahelp {
    display: inline-block;
    max-height: 100%;
    height: auto;
    vertical-align: middle;
    white-space: normal
}

.vac {
    text-align: center
}

.va {
    white-space: nowrap
}

.vaf {
    white-space: nowrap
}

.vac>div,.vac>span,.vac>a,.vac>p,.vac>ul,.vac>li,.vac>aside,.vac>article,.vac>section,.vac>nav,.vac>header,.vac>footer,.vac>h1,.vac>h2,.vac>h3,.vac>h4,.vac>h5,.vac>h6,.va>div,.va>span,.va>a,.va>p,.va>ul,.va>li,.va>aside,.va>article,.va>section,.va>nav,.va>header,.va>footer,.va>h1,.va>h2,.va>h3,.va>h4,.va>h5,.va>h6,.vaf>div,.vaf>span,.vaf>a,.vaf>p,.vaf>ul,.vaf>li,.vaf>aside,.vaf>article,.vaf>section,.vaf>nav,.vaf>header,.vaf>footer,.vaf>h1,.vaf>h2,.vaf>h3,.vaf>h4,.vaf>h5,.vaf>h6 {
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.vab>div,.vab>span,.vab>a,.vab>p,.vab>ul,.vab>li,.vab>aside,.vab>article,.vab>section,.vab>nav,.vab>header,.vab>footer,.vab>h1,.vab>h2,.vab>h3,.vab>h4,.vab>h5,.vab>h6 {
    display: inline-block;
    vertical-align: bottom;
    white-space: normal
}

.vac>.vahelp,.vab>.vahelp,.va>.vahelp {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    white-space: nowrap
}

.vlw_slider__ul {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    font-size: 0
}

.vlw_slider__ul__li {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.vlw_slider__ul.mode_fade .vlw_slider__ul__li {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    opacity: 0;
    visibility: hidden
}

.vlw_slider .slider__controlNav {
    position: absolute;
    z-index: 999;
    right: 0;
    bottom: 30px;
    left: 0;
    height: 20px;
    text-align: center
}

.vlw_slider .slider__controlNav__li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    -webkit-transition: background-color 350ms ease;
    -moz-transition: background-color 350ms ease;
    transition: background-color 350ms ease;
    cursor: pointer
}

.vlw_slider .slider__controlNav__li.selected {
    background-color: #FFFFFF
}

.vlwScroll {
    position: relative;
    overflow: hidden;
    padding: 20px 45px
}

.vlwScrollMask {
    position: relative;
    z-index: 99;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.vlwScrollContent {
    position: absolute;
    right: -20px;
    left: 0;
    z-index: 99;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 7px;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

html.hiddenscroll .vlwScrollContent {
    padding-right: 20px
}

.vlwScroll .vlwScrollBar {
    position: absolute;
    top: 50%;
    right: 35px;
    z-index: 999;
    max-height: 100%;
    width: auto;
    height: 230px;
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%)
}

.vlwScroll .vlwScrollBar_cursor {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 0 11px;
    cursor: pointer !important
}

.vlwScroll .vlwScrollBar_cursor_inner {
    top: 0;
    left: 0;
    width: 2px;
    height: 50px;
    background: #000000
}

html.hiddenscroll .vlwScroll .vlwScrollBar_cursor_inner {
    -webkit-transform: translate(0.5px, 0);
    -moz-transform: translate(0.5px, 0);
    -ms-transform: translate(0.5px, 0);
    -o-transform: translate(0.5px, 0);
    transform: translate(0.5px, 0)
}

.vlwScroll .vlwScrollBar_bar {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 11px;
    z-index: 1;
    width: 2px;
    background: rgba(0,0,0,0.1);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.vlwScroll--blanc .vlwScrollBar_cursor_inner {
    background: #ffffff
}

.vlwScroll--blanc .vlwScrollBar_bar {
    background: rgba(255,255,255,0.1)
}

.body-warnCookie {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999999;
    padding-top: 11px;
    padding-right: 40px;
    padding-bottom: 11px;
    padding-left: 40px;
    background-color: rgba(0,0,0,0.85);
    color: white;
    font-size: 12px;
    line-height: 17px;
    font-size: 16px;
    padding-right: 95px;
    padding-bottom: 15px;
    text-align: left;
    max-width: 450px;
    font-family: "Times New Roman", Times, serif
}

.body-warnCookie .lienSuite {
    position: relative;
    display: inline-block;
    margin: 10px 0;
    padding: 0 35px;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0.05em;
    cursor: pointer
}

.body-warnCookie .lienSuite:before,.body-warnCookie .lienSuite:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 1px;
    background: rgba(255,255,255,0.5);
    content: "";
    transition: all 350ms ease
}

.body-warnCookie .lienSuite:after {
    right: 0;
    left: auto
}

.body-warnCookie .lienSuite:hover:before,.body-warnCookie .lienSuite:hover:after {
    width: 40px;
    background: rgba(255,255,255,0.85)
}

.body-warnCookie .lienSuite:hover:before {
    left: -15px
}

.body-warnCookie .lienSuite:hover:after {
    right: -15px
}

.body-warnCookie-more {
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    text-transform: none;
    text-decoration: none
}

.body-warnCookie-close {
    position: absolute;
    bottom: 20px;
    right: 17px;
    padding: 5px;
    font-size: 16px;
    cursor: pointer;
    padding: 15px 20px;
    position: absolute;
    background: #fff;
    color: #60564c;
    transition: .5s all;
    border: 1px solid rgba(145,114,78,0.25)
}

.body-warnCookie-close:hover {
    color: #60564c;
    background-color: #000;
    background: #fff;
    border: 1px solid rgba(255,255,255,0.25)
}

.body-warnCookie-close:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    z-index: 1;
    border: 1px solid rgba(145,114,78,0.25)
}

.body__background {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    height: 100%
}

html.ie9 .body__background {
    position: absolute !important
}

html.ie9 .body__background>* {
    position: absolute !important
}

.body__background .Background {
    will-change: transform;
    position: fixed;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%
}

.body__background .Background .backgroundULContainer {
    position: relative;
    height: 100%
}

.body__background .Background .backgroundULContainer li {
    position: relative;
    left: 0;
    overflow: hidden;
    min-width: 1200px;
    min-height: 600px;
    width: 100vw;
    height: 100%
}

.body__background .Background .backgroundULContainer li figure {
    position: relative;
    width: 100%;
    height: 100%
}

.body__background .Background .backgroundULContainer li figure img {
    position: absolute;
    left: 0;
    opacity: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.body__background .Background .backgroundULContainer li figure img.b {
    z-index: 1
}

.body__background .Background .backgroundULContainer li figure img.o {
    z-index: 2
}

.body__background .Background.objPage_1000_fr .backgroundULContainer li {
    min-height: 750px
}

/*
@import "css3/animation";
@import "css3/appearance";
@import "css3/backface-visibility";
@import "css3/background";
*/
/*
@import "css3/border-image";
@import "css3/calc";
@import "css3/columns";
@import "css3/filter";

@import "css3/font-face";
@import "css3/font-feature-settings";
@import "css3/hidpi-media-query";
@import "css3/hyphens";
@import "css3/image-rendering";
@import "css3/keyframes";

@import "css3/perspective";
@import "css3/placeholder";
@import "css3/radial-gradient";
@import "css3/selection";
@import "css3/text-decoration";
*/
/*
@import "addons/border-color";
@import "addons/border-radius";
@import "addons/border-style";
@import "addons/border-width";
@import "addons/buttons";
@import "addons/clearfix";
@import "addons/ellipsis";
@import "addons/font-stacks";
@import "addons/hide-text";
@import "addons/margin";
@import "addons/padding";
@import "addons/position";
*/
/*
@import "addons/retina-image";
@import "addons/size";
@import "addons/text-inputs";
@import "addons/timing-functions";
@import "addons/triangle";
@import "addons/word-wrap";

@import "bourbon-deprecated-upcoming";
*/
.body-menu {
    position: fixed;
    top: 0;
    z-index: 10000;
    min-width: 1200px;
    width: 100%;
}

.body-menu-nav {
    display: inline-block;
    margin: auto;
    padding: 0;
    width: 100%;
    text-align: left;
}

.body-menu-nav__search {
    position: absolute;
    top: 13px;
    right: 20px;
    font-style: italic;
    font-size: 18px;
    cursor: pointer;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
}

.body-menu-nav__search svg {
    position: relative;
    top: 3px;
    left: 5px;
}

#page .body-menu-nav__search {
    display: none;
}

.body-menu-nav__logo {
    position: absolute;
    top: 16px;
    left: 50%;
    z-index: 8;
    display: block;
    overflow: hidden;
    margin-left: -65px;
    width: 130px;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.2s ease;
    -moz-transition: -moz-transform 0.2s ease;
    transition: transform 0.2s ease;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
}

.body-menu-nav__logo img {
    width: 100%;
    height: auto;
}

.body-menu-nav__logo img.top {
    margin-bottom: 5px;
}

.body-menu-nav__logo img.bottom {
    opacity: 1;
    -webkit-transition: opacity 0.75s ease;
    -moz-transition: opacity 0.75s ease;
    transition: opacity 0.75s ease;
}

@media (max-height: 700px) {
    .body-menu-nav__logo img.bottom {
        opacity: 0;
    }
}

.sticky .body-menu-nav__logo img.bottom {
    opacity: 0;
}

@media (max-height: 700px) {
    .body-menu-nav__logo {
        height: 51px;
        -webkit-transform: translate3D(0, 10px, 0);
        -moz-transform: translate3D(0, 10px, 0);
        -ms-transform: translate3D(0, 10px, 0);
        -o-transform: translate3D(0, 10px, 0);
        transform: translate3D(0, 10px, 0);
    }
}

.sticky .body-menu-nav__logo {
    -webkit-transform: translate3D(0, 10px, 0);
    -moz-transform: translate3D(0, 10px, 0);
    -ms-transform: translate3D(0, 10px, 0);
    -o-transform: translate3D(0, 10px, 0);
    transform: translate3D(0, 10px, 0);
}

.body-menu-nav__ul {
    display: block;
    padding-top: 85px;
    height: 50px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 50px;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
}

@media (max-height: 700px) {
    html.frontajax .body-menu-nav__ul {
        -webkit-transform: translate3D(0, -60px, 0);
        -moz-transform: translate3D(0, -60px, 0);
        -ms-transform: translate3D(0, -60px, 0);
        -o-transform: translate3D(0, -60px, 0);
        transform: translate3D(0, -60px, 0);
    }
}

.sticky .body-menu-nav__ul {
    -webkit-transform: translate3D(0, -60px, 0);
    -moz-transform: translate3D(0, -60px, 0);
    -ms-transform: translate3D(0, -60px, 0);
    -o-transform: translate3D(0, -60px, 0);
    transform: translate3D(0, -60px, 0);
}

.body-menu-nav__ul.left {
    position: absolute;
    right: 50%;
    margin-right: 130px;
}

@media (max-width: 1300px) {
    .body-menu-nav__ul.left {
        margin-right: 110px;
    }
}

@media (max-width: 1200px) {
    .body-menu-nav__ul.left {
        margin-right: 80px;
    }
}

.body-menu-nav__ul.right {
    position: absolute;
    left: 50%;
    margin-left: 100px;
}

@media (max-width: 1300px) {
    .body-menu-nav__ul.right {
        letter-spacing: 0;
    }

    .body-menu-nav__ul.right li:first-child a {
        width: 150px;
        line-height: 1;
        vertical-align: middle;
        text-align: center;
        white-space: normal;
        height: 70px;
        border-top: 0 !important;
    }
}

@media (max-width: 1200px) {
    .body-menu-nav__ul.right {
        margin-left: 80px;
    }
}

.body-menu-nav__ul.left .body-menu-nav__ul__li, .body-menu-nav__ul.right .body-menu-nav__ul__li {
    display: inline-block;
}

.body-menu-nav__ul.left .body-menu-nav__ul__li a, .body-menu-nav__ul.right .body-menu-nav__ul__li a {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 0;
    padding-bottom: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.01);
    background: url("/svg/lionblanc.svg") no-repeat center 50px;
    background-size: 0.01px 0px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    letter-spacing: 0.15em;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    font-size: 1.6em;
    font-family: 'Arno';
}

.body-menu-nav__ul.left .body-menu-nav__ul__li a:before, .body-menu-nav__ul.left .body-menu-nav__ul__li a:after, .body-menu-nav__ul.right .body-menu-nav__ul__li a:before, .body-menu-nav__ul.right .body-menu-nav__ul__li a:after {
    position: absolute;
    bottom: 15px;
    height: 1px;
    background: rgba(255, 255, 255, 0.01);
    content: "";
    -webkit-transition: background 500ms ease;
    -moz-transition: background 500ms ease;
    transition: background 500ms ease;
}

.body-menu-nav__ul.left .body-menu-nav__ul__li a:before, .body-menu-nav__ul.right .body-menu-nav__ul__li a:before {
    right: 50%;
    left: 0;
    margin-right: 14px;
}

.body-menu-nav__ul.left .body-menu-nav__ul__li a:after, .body-menu-nav__ul.right .body-menu-nav__ul__li a:after {
    right: 0;
    left: 50%;
    margin-left: 14px;
    content: "";
}

.body-menu-nav__ul.left .body-menu-nav__ul__li a.selected, .body-menu-nav__ul.left .body-menu-nav__ul__li a:hover, .body-menu-nav__ul.right .body-menu-nav__ul__li a.selected, .body-menu-nav__ul.right .body-menu-nav__ul__li a:hover {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    background: url("/svg/lionblanc.svg") no-repeat center 35px;
    background-size: 30px 30px;
}

.body-menu-nav__ul.left .body-menu-nav__ul__li a.selected:before, .body-menu-nav__ul.left .body-menu-nav__ul__li a:hover:before, .body-menu-nav__ul.right .body-menu-nav__ul__li a.selected:before, .body-menu-nav__ul.right .body-menu-nav__ul__li a:hover:before {
    background: rgba(255, 255, 255, 0.5);
}

.body-menu-nav__ul.left .body-menu-nav__ul__li a.selected:after, .body-menu-nav__ul.left .body-menu-nav__ul__li a:hover:after, .body-menu-nav__ul.right .body-menu-nav__ul__li a.selected:after, .body-menu-nav__ul.right .body-menu-nav__ul__li a:hover:after {
    background: rgba(255, 255, 255, 0.5);
}

.body-menu-nav__ul.left .body-menu-nav__ul__li:after, .body-menu-nav__ul.right .body-menu-nav__ul__li:after {
    display: inline-block;
    box-sizing: border-box;
    width: 40px;
    height: 10px;
    background: url("/images/bureau/puce.png") no-repeat center;
    background-size: 7px 6px;
    content: " ";
}

@media (max-width: 1300px) {
    .body-menu-nav__ul.left .body-menu-nav__ul__li:after, .body-menu-nav__ul.right .body-menu-nav__ul__li:after {
        width: 20px;
    }
}

.body-menu-nav__ul.left .body-menu-nav__ul__li:last-child:after, .body-menu-nav__ul.right .body-menu-nav__ul__li:last-child:after {
    content: none;
}

@media (max-width: 1400px) {
    .body-menu-nav__ul.right .body-menu-nav__ul__li:after {
        width: 30px;
    }
}

.body-menu-nav__ul.top {
    position: absolute;
    top: 0;
    left: 50px;
    padding-top: 0 !important;
}

.body-menu-nav__ul.top li {
    color: #ffffff;
}

.body-menu-nav__ul.top li a {
    color: #ffffff;
    text-decoration: none;
    font-style: italic;
    font-size: 18px;
    font-family: 'Arno';
}

.body-menu-nav__ul.top li a svg {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    transition: all 250ms ease;
}

.body-menu-nav__ul.top li a svg path {
    fill: #ffffff;
}

.body-menu-nav__ul.top li a:hover svg {
    width: 25px;
    height: 25px;
}

@media (max-height: 700px) {
    html.frontajax .body-menu-nav__ul.top {
        -webkit-transform: translate3D(0, 0, 0);
        -moz-transform: translate3D(0, 0, 0);
        -ms-transform: translate3D(0, 0, 0);
        -o-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
}

.sticky .body-menu-nav__ul.top {
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
}

.body-menu-nav__ul.panier {
    position: absolute;
    top: 0;
    right: 120px;
    padding-top: 0 !important;
}

.body-menu-nav__ul.panier li {
    color: #ffffff;
    display: inline-block;
    position: relative;
}

.body-menu-nav__ul.panier li:first-child {
    padding-right: 10px;
}

.body-menu-nav__ul.panier li:first-child:after {
    font-size: 0px;
    width: 4px;
    height: 4px;
    border-radius: 50% 50%;
    background-color: #fff;
    position: absolute;
    display: block;
    content: "";
    right: 10px;
    top: 22px;
}

.body-menu-nav__ul.panier li > a, .body-menu-nav__ul.panier li > div {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: 1px;
    font-style: italic;
    font-size: 18px;
    font-family: 'Arno';
}

.body-menu-nav__ul.panier li > a svg, .body-menu-nav__ul.panier li > div svg {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    transition: all 250ms ease;
}

.body-menu-nav__ul.panier li > a svg path, .body-menu-nav__ul.panier li > div svg path {
    fill: #ffffff;
}

.body-menu-nav__ul.panier li > a:hover svg, .body-menu-nav__ul.panier li > div:hover svg {
    width: 25px;
    height: 25px;
}

@media (max-height: 700px) {
    html.frontajax .body-menu-nav__ul.panier {
        -webkit-transform: translate3D(0, 0, 0);
        -moz-transform: translate3D(0, 0, 0);
        -ms-transform: translate3D(0, 0, 0);
        -o-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
}

.sticky .body-menu-nav__ul.panier {
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
}

.subMenuMS, .subMenuChateau {
    position: absolute;
    top: 145px;
    left: 50%;
    display: none;
    margin-left: -666px;
    padding-bottom: 5px;
    width: 230px;
    height: auto;
}

.en .subMenuMS, .en .subMenuChateau {
    margin-left: -577px;
}

@media (max-width: 1300px) {
    .subMenuMS, .subMenuChateau {
        margin-left: -605px;
    }

    .en .subMenuMS, .en .subMenuChateau {
        margin-left: -517px;
    }
}

@media (max-width: 1200px) {
    .subMenuMS, .subMenuChateau {
        margin-left: -575px;
    }

    .en .subMenuMS, .en .subMenuChateau {
        margin-left: -487px;
    }
}

@media (max-height: 700px) {
    .subMenuMS, .subMenuChateau {
        top: 85px;
    }
}

.sticky .subMenuMS, .sticky .subMenuChateau {
    top: 85px;
}

.subMenuMS:before, .subMenuChateau:before {
    display: block;
    width: 230px;
    height: 20px;
    background: url("/images/bureau/submenu/subMenuTop.png") no-repeat;
    content: '';
}

.subMenuMS ul, .subMenuChateau ul {
    display: inline-block;
    margin: 0;
    padding: 0 5px 5px;
    width: 230px;
    height: auto;
    background: white;
    text-align: center;
}

.subMenuMS ul li, .subMenuChateau ul li {
    display: inline-block;
}

.subMenuMS ul li a, .subMenuChateau ul li a {
    color: #60564c;
    text-decoration: none;
    font-size: 1.8em;
    font-family: 'Arno';
}

.subMenuMS ul li a div, .subMenuChateau ul li a div {
    margin-top: 7px;
    width: 220px;
    height: 80px;
    background: #888;
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.51);
}

.subMenuMS {
    position: absolute;
    top: 145px;
    left: 50%;
    display: none;
    margin-left: 40px;
    padding-bottom: 5px;
    width: 230px;
    height: auto;
    display: none !important;
}

.en .subMenuMS {
    margin-left: 106px;
}

@media (max-width: 1300px) {
    .subMenuMS {
        margin-left: 58px;
        z-index: 666;
    }

    .en .subMenuMS {
        margin-left: 58px;
    }
}

@media (max-width: 1200px) {
    .subMenuMS {
        margin-left: 39px;
        z-index: 666;
    }

    .en .subMenuMS {
        margin-left: 39px;
    }
}

.pMenu {
    padding-top: 250px;
}

@media (max-height: 700px) {
    .pMenu {
        padding-top: 150px;
    }
}

.body-loader {
    position: absolute;
    top: 2px;
    right: 0;
    left: 0;
    z-index: 9999999;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 15%, rgba(255,255,255,0.75) 85%, rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 15%, rgba(255,255,255,0.75) 85%, rgba(255,255,255,0) 100%);
    -webkit-transition: top 750ms ease;
    -moz-transition: top 750ms ease;
    transition: top 750ms ease;
    opacity: 0
}

html.smartphone .body-loader {
    top: 100px
}

.body-search {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999999;
    padding: 5px 5px;
    width: 330px;
    height: 100%;
    background-color: white;
    box-shadow: 0 -15px 10px 0 rgba(0,0,0,0.5)
}

.body-search-close {
    position: relative;
    left: -5px;
    z-index: 9;
    display: inline-block;
    color: #000000;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: normal;
    font-style: italic;
    font-size: 18px;
    font-family: 'Arno';
    line-height: 22px;
    cursor: pointer
}

.body-search-close:before,.body-search-close:after {
    position: absolute;
    top: 50%;
    left: -20px;
    width: 0;
    height: 1px;
    background: #60564c;
    content: "";
    -webkit-transition: width 350ms ease;
    -moz-transition: width 350ms ease;
    transition: width 350ms ease
}

.body-search-close:after {
    right: -20px;
    left: auto
}

.body-search-close:hover:before,.body-search-close:hover:after {
    width: 10px
}

.body-search-input {
    position: relative;
    top: 50px;
    z-index: 1;
    padding: 5px 10px;
    padding-bottom: 10px;
    width: 100%;
    outline: 0;
    border: 0;
    border-bottom: 1px solid #cdcbca;
    background: transparent;
    color: #60564c;
    font-size: 18px;
    font-family: 'Arno';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.body-search-results {
    position: absolute;
    top: 120px;
    right: -20px;
    left: 5px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 20px;
    height: calc(100% - 120px)
}

.body-search-results a {
    color: #60564c;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Arno'
}

.body-search-results a span {
    color: #60564c;
    font-size: 18px;
    font-family: 'Arno'
}

.body-search-results a:visited {
    color: inherit
}

.body-footer {
    position: absolute;
    bottom: 0;
    z-index: 300;
    margin: auto;
    padding: 0 15px;
    width: 100%;
    height: 40px;
    background: #ffffff;
    color: #60564c;
    text-align: left
}

.body-footer__adresse {
    margin-bottom: 10px;
    text-align: center
}

.body-footer__telephone {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center
}

.body-footer__nav {
    display: inline-block;
    height: 100%;
    text-align: left
}

.body-footer__nav__li {
    display: inline-block;
    margin: 0;
    height: 100%;
    font-size: 1.6em
}

.body-footer__nav__li.first {
    font-size: 1.9em
}

.body-footer__nav__li.first a {
    font-style: normal
}

.body-footer__nav__li.first:after {
    margin: 0 20px;
    content: " | ";
    vertical-align: top;
    font-size: 0.7em;
    line-height: 40px
}

.body-footer__nav__li a {
    display: inline-block;
    height: 100%;
    color: inherit;
    text-decoration: none;
    font-style: italic;
    line-height: 40px;
    -webkit-transition: color 350ms ease;
    -moz-transition: color 350ms ease;
    transition: color 350ms ease
}

.body-footer__nav__li a svg {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.body-footer__nav__li a:hover {
    color: #000
}

.body-footer__nav__li:after {
    margin: 0 10px;
    content: " -";
    vertical-align: top;
    font-size: 0.7em;
    line-height: 40px
}

.body-footer__nav__li:last-child:after {
    display: none
}

.body-footer__social {
    position: absolute;
    top: 9px;
    right: 0;
    padding-right: 10px;
    width: 400px;
    vertical-align: middle;
    text-align: right;
    font-style: italic;
    font-size: 16px;
    font-family: 'Arno';
    line-height: 22px
}

.body-footer__social a {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    text-decoration: none;
    color: #60564c
}

.body-footer__social a svg {
    display: inline-block;
    width: 15px;
    height: 15px;
    -webkit-transition: -webkit-transform 350ms ease;
    -moz-transition: -moz-transform 350ms ease;
    transition: transform 350ms ease
}

.body-footer__social a:hover svg {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25)
}

.body-footer .message_sanitaire {
    position: absolute;
    top: 14px;
    left: 50%;
    display: block;
    margin-left: -300px;
    width: 600px;
    color: #60564c;
    text-align: center;
    font-size: 14px
}

.body-main-mentions__inner {
    position: absolute;
    right: 10px;
    bottom: 50px;
    width: 700px;
    height: 460px;
    background: url("/images/bureau/texture_gris_clair.png") repeat
}

.body-main-mentions__inner__border {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    z-index: 1;
    border: 1px solid rgba(145,114,78,0.25)
}

.body-main-mentions__inner__content {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left
}

.body-main-mentions__inner__content h1 {
    color: #60564c;
    font-size: 30px
}

.body-main-mentions__inner__content h2 {
    margin: 25px 0 5px;
    padding-left: 30px;
    color: #60564c;
    font-style: normal;
    font-size: 18px
}

.body-main-mentions__inner__content h3 {
    margin: 10px 0 0;
    padding-left: 30px;
    color: #60564c;
    text-decoration: underline;
    font-style: italic;
    font-size: 18px
}

.body-main-mentions__inner__content p {
    margin: 10px 0;
    padding-left: 40px;
    color: #60564c;
    font-size: 18px
}

.body-main-mentions__inner__content a {
    color: #60564c
}

#cntr-telecommande {
    position: fixed;
    top: 50%;
    right: 20px;
    z-index: 300
}

#cntr-telecommande ul {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

#cntr-telecommande ul li {
    position: relative;
    display: block;
    margin-bottom: 49px;
    width: 11px;
    height: 11px;
    border: 1px solid #ffffff;
    border-radius: 50% 50%;
    cursor: pointer
}

#cntr-telecommande ul li.selected {
    background: white
}

#cntr-telecommande ul li:after {
    position: absolute;
    top: 10px;
    left: 4px;
    width: 1px;
    height: 50px;
    background: #fff;
    content: ''
}

#cntr-telecommande ul li:last-child:after {
    content: none
}

.cntr-popUp {
    z-index: 99999;
    display: none;
    visibility: hidden;
    opacity: 0
}

.cntr-popUp-voile {
    z-index: 1;
    background: rgba(0,0,0,0.75)
}

.cntr-popUp-contenu {
    z-index: 2;
    padding: 15px
}

.fermer-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    cursor: pointer;
    font-size: 16px
}

.cntr-popUp-contenu {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    overflow: hidden;
    margin-top: -140px;
    margin-left: -240px;
    padding: 50px 5px 30px;
    width: 480px;
    height: 170px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
    color: #60564c;
    text-align: center;
    font-variant: normal;
    font-family: "Arno";
    z-index: 999999;
    background: url(/images/bureau/texture_gris_clair.png)
}

.cntr-popUp-contenu:before {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 0;
    border: 1px solid #cdcbca;
    content: ''
}

.cntr-popUp-contenu span {
    display: block
}

.cntr-popUp-contenu .title {
    font-family: 'Arno';
    font-size: 18px;
    letter-spacing: 1px
}

.cntr-popUp-contenu-inner {
    position: relative
}

.cntr-popUp-contenu.newsletter {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -222px;
    width: 445px;
    height: 300px
}

.cntrFormNewsletter {
    position: relative;
    margin: 15px 0 0;
    width: 100%
}

.cntrFormNewsletter form div {
    width: 300px;
    margin: 0 auto;
    text-align: justify
}

.formNewsletter input[type="text"] {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 15px;
    width: 300px;
    height: auto;
    border: 1px solid #857c75;
    box-shadow: inset 0px -6px 15px rgba(0,0,0,0.08);
    color: #60564c;
    font-size: 14px;
    font-family: 'Arno';
    outline: none
}

.formNewsletter input::-webkit-input-placeholder {
    color: #60564c;
    font-size: 14px;
    font-family: 'Arno'
}

.formNewsletter input::-moz-placeholder {
    color: #60564c;
    font-size: 14px;
    font-family: 'Arno'
}

.formNewsletter input:-ms-input-placeholder {
    color: #60564c;
    font-size: 14px;
    font-family: 'Arno'
}

.formNewsletter input:-moz-placeholder {
    color: #60564c;
    font-size: 14px;
    font-family: 'Arno'
}

.formNewsletter input[type="checkbox"] {
    visibility: hidden;
    display: inline-block;
    width: 25px;
    height: 23px;
    border: none;
    cursor: pointer;
    margin-left: -35px;
    background: #60564c url("/svg/valid.svg") no-repeat center;
    background-size: 13px 13px
}

.formNewsletter input[type="checkbox"]+label {
    position: relative;
    padding-left: 35px;
    font-size: 16px;
    display: block
}

.formNewsletter input[type="checkbox"]+label:before {
    width: 20px;
    height: 18px;
    content: "";
    display: inline-block;
    background-color: #60564c;
    position: absolute;
    left: 0
}

.formNewsletter input[type="checkbox"]+label a {
    color: #60564c
}

.formNewsletter input[type="checkbox"]:checked+label:before {
    background: #60564c url("/svg/valid.svg") no-repeat center;
    background-size: 10px 10px
}

.formNewsletter input[type="checkbox"].ui-state-error+label:before {
    border: 1px solid red !important
}

.formNewsletter .ui-state-error {
    border: 1px solid red !important
}

.formNewsletter input[type="submit"] {
    display: inline-block;
    border: none;
    cursor: pointer;
    background-size: 13px 13px;
    display: inline-block;
    margin-top: 10px;
    font-size: 20px;
    background-color: #60564c;
    color: #ffffff;
    font-family: 'Arno';
    padding: 3px 20px
}

.cntr-messages-form {
    position: relative;
    max-width: 100%;
    height: auto
}

.unMessageForm {
    font-size: 14px;
    font-style: italic
}

#prevention {
    position: absolute;
    z-index: 50000000;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    opacity: 0
}

#prevention .border {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    z-index: 1;
    border: 1px solid rgba(145,114,78,0.25);
    pointer-events: none
}

#prevention .question {
    max-width: 500px;
    width: 100%;
    top: 50%;
    height: 200px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 55;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0 0 20px rgba(145,114,78,0.15)
}

#prevention .prevquestion {
    font-size: 20px;
    color: #60564c
}

#prevention .reponse {
    font-size: 20px
}

#prevention .reponse a,#prevention .reponse span {
    display: inline-block;
    padding: 15px 30px;
    margin: 20px 25px;
    margin-bottom: 0;
    text-transform: uppercase;
    position: relative;
    background-color: #ffffff;
    color: #60564c;
    box-shadow: 0 0 5px rgba(145,114,78,0.25);
    cursor: pointer;
    transition: all .5s;
    text-decoration: none
}

#prevention .reponse a:after,#prevention .reponse span:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    z-index: 1;
    border: 1px solid rgba(145,114,78,0.25)
}

#prevention .reponse a:hover,#prevention .reponse span:hover {
    background-color: #60564c;
    color: #fff !important
}

#popupBoutique {
    z-index: 40000000;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    opacity: 0
}

#popupBoutique .border {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    z-index: 1;
    border: 1px solid rgba(145,114,78,0.25);
    pointer-events: none
}

#popupBoutique .wrapPopin {
    position: fixed;
    width: 100%;
    height: 100%
}

#popupBoutique .popinInside {
    max-width: 705px;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 55;
    position: fixed;
    box-shadow: 0 0 20px rgba(145,114,78,0.15);
    text-align: center;
    font-size: 20px;
    font-family: 'Arno';
    padding: 20px 100px 30px;
    max-height: 100vh;
    overflow: auto
}

@media all and (max-width: 600px) {
    #popupBoutique .popinInside {
        padding:20px 20px 30px
    }
}

#popupBoutique .popinInside h1 {
    color: #60564c;
    padding: 0px 5px 0px 5px;
    margin-bottom: 5px;
    font-size: 24px;
    font-family: 'ITC'
}

#popupBoutique .popinInside h2,#popupBoutique .popinInside h3 {
    color: #60564c;
    padding: 0px 5px 0px 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 22px;
    font-family: 'Arno';
    font-style: normal
}

#popupBoutique .popinInside .fermer {
    color: #888888;
    display: inline-block;
    cursor: pointer
}

#popupBoutique .popinInside img {
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 20px auto;
    max-height: 400px
}

#popupBoutique .popinInside .texte {
    color: #60564c;
    font-size: 18px
}

#popupBoutique .popinInside .texte p {
    margin: 6px 0;
    font-family: 'Arno';
    font-size: 18px
}

#popupBoutique .popinInside a {
    display: inline-block;
    padding: 12px 25px;
    margin: 20px 25px;
    margin-bottom: 0;
    position: relative;
    box-shadow: 0 0 5px rgba(145,114,78,0.25);
    cursor: pointer;
    transition: all .5s;
    text-decoration: none;
    background-color: #60564c;
    color: #fff
}

#popupBoutique .popinInside a:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    z-index: 1;
    border: 1px solid rgba(145,114,78,0.25)
}

#popupBoutique .popinInside a:hover {
    background-color: #ffffff;
    color: #60564c !important
}

.multi__screen .suite {
    position: absolute;
    z-index: 4;
    visibility: hidden;
    width: 500px;
    height: auto;
    color: #60564c;
    opacity: 0
}

.multi__screen .suite * {
    color: #60564c
}

.multi__screen .suite_content {
    height: 450px
}

.multi__screen .suite .fermer {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 200;
    padding: 0 15px;
    text-transform: lowercase;
    font-style: italic;
    font-size: 16px;
    cursor: pointer
}

.multi__screen .suite .fermer:before,.multi__screen .suite .fermer:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 1px;
    background: #60564c;
    content: "";
    -webkit-transition: width 350ms ease;
    -moz-transition: width 350ms ease;
    transition: width 350ms ease
}

.multi__screen .suite .fermer:after {
    right: 0;
    left: auto
}

.multi__screen .suite .fermer:hover:before,.multi__screen .suite .fermer:hover:after {
    width: 10px
}

.multi__screen .suite:before {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    z-index: 0;
    border: 1px solid #cdcbca;
    content: ''
}

.multi__screen .accroche {
    position: absolute;
    z-index: 3;
    width: 500px;
    color: #ffffff;
    white-space: normal
}

.multi__screen .accroche a {
    color: #ffffff
}

.multi__screen .accroche:before {
    position: absolute;
    top: -150px;
    right: -150px;
    bottom: -150px;
    left: -150px;
    z-index: -1;
    background-image: url("/svg/shadow-radial.svg");
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    content: ' '
}

.multi__screen .accroche h1 {
    margin-bottom: 10px
}

.multi__screen .accroche h2 {
    color: #ffffff
}

.multi__screen .legende {
    position: absolute;
    color: #ffffff
}

.multi__screen .legende h2 {
    font-style: normal;
    font-size: 32px
}

.multi__screen .legende h3 {
    font-style: italic;
    font-size: 20px
}

.multi__screen .liens {
    position: absolute;
    right: 80px;
    bottom: 15%
}

.multi__screen.content_left .accroche {
    bottom: 15%;
    left: 5%
}

.multi__screen.content_left .suite {
    top: 50%;
    left: 5%;
    margin-top: -250px;
    padding-top: 45px
}

.multi__screen.content_right .accroche {
    right: 5%;
    bottom: 15%
}

.multi__screen.content_right .suite {
    top: 50%;
    right: 5%;
    margin-top: -250px;
    padding-top: 45px
}

.multi__screen.titre_right .legende {
    top: 50%;
    right: 150px;
    text-align: right
}

.body-main-accueil .body-footer {
    position: absolute
}

.body-main-accueil p {
    letter-spacing: 0;
    font-size: 2em;
    line-height: 26px
}

.body-main-accueil__content {
    position: relative;
    padding-bottom: 944px;
    min-height: 900px;
    height: 100vh
}

.body-main-accueil .bigLogo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: none;
    margin-top: -305px;
    margin-left: -194px;
    width: 388px;
    height: auto
}

.body-main-accueil .contentContainer {
    padding-bottom: 3px;
    width: 100%
}

.body-main-accueil .contentContainer .lien_promo {
    position: absolute;
    bottom: 35%;
    right: 0;
    z-index: 3;
    width: 600px;
    color: #ffffff;
    text-align: center
}

.body-main-accueil .contentContainer .content {
    position: absolute;
    bottom: 30%;
    left: 5%;
    z-index: 3;
    width: 600px;
    color: #ffffff;
    text-align: center
}

.body-main-accueil .contentContainer .content:before {
    position: absolute;
    top: -220px;
    right: -150px;
    bottom: -170px;
    left: -210px;
    z-index: -1;
    background-image: url("/svg/shadow-radial-accueil.svg");
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    content: ' '
}

.body-main-accueil .contentContainer .content .vlwScroll {
    position: relative;
    z-index: 1;
    padding-left: 0;
    height: 350px;
    height: 400px
}

.body-main-accueil .contentContainer .content .lienSuite {
    position: relative;
    left: -25px;
    z-index: 2
}

.body-main-accueil .contentContainer .content__titre {
    display: block;
    margin-bottom: 15px;
    color: #ffffff;
    text-align: center
}

.body-main-accueil .contentContainer .content__texte {
    margin-top: 10px;
    padding-top: 0;
    padding-bottom: 0;
    text-align: justify;
    letter-spacing: normal
}

.body-main-accueil_bottom {
    position: absolute;
    top: 80%;
    z-index: 300;
    margin-top: -70px;
    padding-bottom: 50px;
    width: 100%
}

.body-main-accueil_bottom__li {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    max-width: 33%
}

.body-main-accueil_bottom__li__cntr {
    position: absolute;
    bottom: -30px;
    left: 50%;
    z-index: 6;
    margin-left: -90px;
    padding: 5px;
    width: 180px;
    height: 80px;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.body-main-accueil_bottom__li__cntr span {
    display: block;
    height: 70px;
    border: 1px solid #d7d7d7;
    color: #60564c;
    text-align: center;
    letter-spacing: 3px;
    font-size: 2.2em;
    line-height: 70px
}

.body-main-accueil_bottom__li__cntr .soon {
    position: relative;
    top: -20px;
    color: #60564c;
    font-size: 1.5em;
    font-style: italic
}

.body-main-accueil_bottom__li img {
    position: relative;
    top: 0;
    margin-top: 20px;
    width: 375px;
    height: 170px;
    border: 1px solid rgba(255,255,255,0.31);
    box-shadow: 0 5px 30px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.body-main-accueil_bottom__li:hover img {
    position: relative;
    top: -15px
}

.body-main-accueil_bottom__li:hover div {
    bottom: 5px
}

.body-main-accueil_filet {
    position: absolute;
    top: 81%;
    right: 0;
    left: 0;
    z-index: 99;
    margin-top: 1px;
    height: 1px;
    background: #b7b5af
}

.body-main-accueil_filet:after {
    position: absolute;
    top: 2px;
    right: 0;
    left: 0;
    height: 1px;
    background: #b7b5af;
    content: " "
}

.body-main-accueil_backgroundMask {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    height: 19%;
    background: white
}

[controller-click] {
    cursor: pointer
}

.body-main-domaine_le_Domaine .ecran1 .liens {
    position: absolute;
    right: 80px;
    bottom: 320px;
    z-index: 99999
}

.body-main-domaine_le_Domaine .ecran1 .accroche {
    top: initial;
    bottom: 250px
}

.body-main-domaine_le_Domaine .ecran1 .suite {
    top: initial;
    bottom: 250px;
    z-index: 15;
    margin-top: 0
}

@media (max-height: 900px) {
    .body-main-domaine_le_Domaine .ecran1 .suite {
        bottom:3%
    }
}

.body-main-domaine_le_Domaine_background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11
}

.body-main-domaine_le_Domaine_background div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0
}

.body-main-domaine_le_Domaine_sliders {
    position: absolute;
    right: 30px;
    bottom: 17px;
    left: 30px;
    z-index: 9;
    overflow-x: scroll !important;
    border-top: 2px solid white;
    background-color: white;
    white-space: nowrap
}

.body-main-domaine_le_Domaine_sliders li {
    display: inline-block;
    width: 350px;
    height: 190px;
    background-position: 50%;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1);
    -moz-transform: translateZ(0) scale(1);
    -ms-transform: translateZ(0) scale(1);
    -o-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.body-main-domaine_le_Domaine_sliders li:hover {
    -webkit-transform: translateZ(0) scale(0.98);
    -moz-transform: translateZ(0) scale(0.98);
    -ms-transform: translateZ(0) scale(0.98);
    -o-transform: translateZ(0) scale(0.98);
    transform: translateZ(0) scale(0.98)
}

.body-main-domaine_le_Domaine_sliders li+li {
    margin-left: 1px
}

.body-main-domaine_le_Domaine_sliders_arrowLeft,.body-main-domaine_le_Domaine_sliders_arrowRight {
    position: absolute;
    bottom: 40px;
    z-index: 10;
    width: 30px;
    height: 190px;
    background-color: white;
    cursor: pointer
}

.body-main-domaine_le_Domaine_sliders_arrowLeft svg,.body-main-domaine_le_Domaine_sliders_arrowRight svg {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px
}

.hiddenscroll .body-main-domaine_le_Domaine_sliders_arrowLeft,.hiddenscroll .body-main-domaine_le_Domaine_sliders_arrowRight {
    bottom: 22px
}

.body-main-domaine_le_Domaine_sliders_arrowLeft {
    left: 0
}

.body-main-domaine_le_Domaine_sliders_arrowLeft svg {
    margin-left: 8px
}

.body-main-domaine_le_Domaine_sliders_arrowRight {
    right: 0
}

.body-main-domaine_le_Domaine_sliders_arrowRight svg {
    margin-left: 11px
}

.body-main-domaine_Chateau .ecran1 .accroche {
    top: initial;
    bottom: 5%
}

.body-main-domaine_Chateau .ecran1 .suite {
    top: initial;
    bottom: 1%
}

.body-main-domaine_Chateau .ecran2 .accroche {
    top: initial;
    bottom: 5%
}

.body-main-domaine_Chateau .ecran2 .suite {
    top: initial;
    bottom: 1%
}

.body-main-domaine_Oliviers .ecran1 .accroche {
    bottom: 22%;
    padding-bottom: 50px;
    width: 1040px;
    text-align: right
}

.body-main-domaine_Vignoble .ecran1 .accroche {
    top: initial;
    bottom: 10%;
    width: 660px
}

.body-main-domaine_Vignoble .ecran1 .suite {
    top: initial;
    bottom: 1%;
    width: 660px
}

.body-main-domaine_Vignoble .ecran2 .accroche {
    top: initial;
    bottom: 10%
}

.body-main-domaine_Vignoble .ecran2 .suite {
    top: initial;
    bottom: 1%
}

.body-main-domaine_Vignoble .ecran3 .accroche {
    padding-bottom: 50px;
    width: 870px;
    text-align: right
}

.body-main-domaine_Vignoble .ecran3 .liens {
    right: 0;
    bottom: 0
}

.body-main-domaine_Vignoble .ecran4 .accroche {
    padding-bottom: 50px;
    width: 870px;
    text-align: right
}

.body-main-domaine_Vignoble .ecran4 .liens {
    right: 0;
    bottom: 0
}

.body-main-vins h1 {
    color: #ffffff;
    font-family: 'ITC';
    font-size: 2.4em;
    font-weight: normal;
    padding-bottom: 20px
}

.body-main-vins .ecran1 .content {
    bottom: 3%;
    color: #ffffff;
    left: 15%;
    padding-top: 40px;
    position: absolute;
    text-align: center;
    width: 550px;
    z-index: 3
}

@media (min-height: 800px) {
    .body-main-vins .ecran1 .content {
        bottom:5%
    }
}

@media (min-height: 900px) {
    .body-main-vins .ecran1 .content {
        bottom:15%
    }
}

.body-main-vins .ecran1 .content__titre {
    color: #ffffff;
    display: block;
    text-align: center
}

.body-main-vins .ecran1 .content__texte {
    height: 280px;
    letter-spacing: normal;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-bottom: 0;
    padding-top: 0;
    text-align: justify
}

.body-main-vins .ecran1 .content__texte p {
    font-size: 2em;
    letter-spacing: 0;
    line-height: 26px
}

.body-main-vins .ecran2 {
    align-items: center;
    display: flex;
    padding-top: 30px
}

.body-main-vins .ecran2 .MODELE {
    height: 580px;
    white-space: nowrap;
    width: 100%
}

html.ie9 .body-main-vins .ecran2 .MODELE {
    position: relative;
    padding-top: 150px
}

.body-main-vins .ecran2 .MODELE h1 {
    padding-bottom: 20px
}

@media (max-height: 800px) {
    .body-main-vins .ecran2 .MODELE h1 {
        margin-top:50px
    }
}

@media (min-height: 800px) {
    .body-main-vins .ecran2 .MODELE h1 {
        margin-bottom:30px
    }
}

.body-main-vins-gamme {
    display: inline-block
}

.body-main-vins-gamme+div {
    margin-left: 90px
}

@media (max-width: 1750px) {
    .body-main-vins-gamme+div {
        margin-left:40px
    }
}

@media (max-width: 1600px) {
    .body-main-vins-gamme+div {
        margin-left:10px
    }
}

@media (max-width: 1500px) {
    .body-main-vins-gamme+div {
        margin-left:0px
    }
}

.body-main-vins-gamme-bloc {
    display: inline-block;
    white-space: nowrap
}

.body-main-vins-gamme-vins-li {
    display: inline-block;
    margin: 0 20px;
    position: relative
}

.body-main-vins-gamme-vins-li-libelle {
    display: none
}

@media (max-width: 1500px) {
    .body-main-vins-gamme-vins-li {
        margin:0 10px
    }
}

@media (max-width: 1300px) {
    .body-main-vins-gamme-vins-li {
        margin:0 5px
    }
}

.body-main-vins-gamme-vins-li-couleur {
    bottom: 60px;
    color: #ffffff;
    font-family: 'ITC';
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 1px;
    position: absolute;
    text-align: center;
    width: 100%
}

.body-main-vins-gamme-vins-li-hover {
    background: rgba(81,85,35,0);
    bottom: 120px;
    font-size: 14px;
    font-style: italic;
    height: 70px;
    left: 50%;
    line-height: 70px;
    margin-left: -35px;
    opacity: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 70px;
    -webkit-transform: translateZ(0) translateY(-20px) scale(1.1, 1.1);
    -moz-transform: translateZ(0) translateY(-20px) scale(1.1, 1.1);
    -ms-transform: translateZ(0) translateY(-20px) scale(1.1, 1.1);
    -o-transform: translateZ(0) translateY(-20px) scale(1.1, 1.1);
    transform: translateZ(0) translateY(-20px) scale(1.1, 1.1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.body-main-vins-gamme-vins-li-hover.soon {
    color: red;
    line-height: 22px;
    margin-left: -52px;
    padding-top: 10px;
    white-space: normal;
    width: 110px
}

.body-main-vins-gamme-vins-li-hover:before {
    border: 1px solid rgba(0,0,0,0.3);
    bottom: 2px;
    content: '';
    left: 2px;
    position: absolute;
    right: 2px;
    top: 2px
}

.body-main-vins-gamme-vins-li-wrapper {
    display: inline-block;
    position: relative;
    z-index: 5;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.body-main-vins-gamme-vins-li-wrapper img {
    height: 480px;
    width: auto;
    -webkit-transform: translateZ(0) scale(1, 1);
    -moz-transform: translateZ(0) scale(1, 1);
    -ms-transform: translateZ(0) scale(1, 1);
    -o-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1);
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    transition: transform .4s ease
}

@media (max-height: 700px) {
    .body-main-vins-gamme-vins-li-wrapper img {
        height:450px
    }
}

.body-main-vins-gamme-vins-li-wrapper:hover img {
    -webkit-transform: translateZ(0) scale(1.2, 1.2);
    -moz-transform: translateZ(0) scale(1.2, 1.2);
    -ms-transform: translateZ(0) scale(1.2, 1.2);
    -o-transform: translateZ(0) scale(1.2, 1.2);
    transform: translateZ(0) scale(1.2, 1.2)
}

.body-main-vins-gamme-vins-li-wrapper:hover .body-main-vins-gamme-vins-li-hover {
    -webkit-transform: translateZ(0) translateY(0px) scale(1, 1);
    -moz-transform: translateZ(0) translateY(0px) scale(1, 1);
    -ms-transform: translateZ(0) translateY(0px) scale(1, 1);
    -o-transform: translateZ(0) translateY(0px) scale(1, 1);
    transform: translateZ(0) translateY(0px) scale(1, 1);
    background: #ffffff;
    color: #000000;
    display: block;
    opacity: 1
}

.body-main-vins-gamme h2 {
    color: #ffffff;
    font-style: normal;
    margin-top: -30px
}

@media (max-height: 700px) {
    .body-main-vins-gamme h2 {
        margin-top:-50px
    }
}

.appearingformsend {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 990000;
    display: none;
    width: 100%;
    height: 100%
}

.appearingformsend .fermer-popup {
    letter-spacing: normal;
    font-style: italic;
    font-size: 18px;
    left: 0;
    text-align: center;
    font-family: 'Arno';
    cursor: pointer;
    text-transform: lowercase;
    color: #000000
}

.appearingformsend .cntr-popUp-voile {
    z-index: 1;
    background: rgba(0,0,0,0.75)
}

.appearingformsend .cntr-popUp-contenu {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: inline-block;
    margin-left: -185px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 20px 15px 15px 15px;
    width: 370px;
    height: auto;
    background: #FFFFFF;
    color: #60564c;
    text-align: left
}

.appearingformsend .cntr-popUp-contenu textarea,.appearingformsend .cntr-popUp-contenu .objet,.appearingformsend .cntr-popUp-contenu input[type="text"],.appearingformsend .cntr-popUp-contenu input[type="email"] {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 7px;
    width: 100%;
    height: auto;
    border: none;
    background-color: #FFFFFF;
    box-shadow: inset 2px 3px 6px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.6);
    color: #60564c;
    font-size: 18px;
    font-family: 'Arno';
    border-radius: 3px
}

.appearingformsend .cntr-popUp-contenu .objet {
    padding: 5px 10px;
    background-color: #60564c;
    color: #FFFFFF;
    font-size: 18px
}

.appearingformsend .cntr-popUp-contenu input::-webkit-input-placeholder,.appearingformsend .cntr-popUp-contenu input::-moz-placeholder,.appearingformsend .cntr-popUp-contenu input:-ms-input-placeholder,.appearingformsend .cntr-popUp-contenu input:-moz-placeholder {
    color: #202c3f;
    font-size: 18px
}

.appearingformsend .cntr-messages-form {
    position: relative;
    max-width: 100%;
    height: auto
}

.appearingformsend .PopInTitle {
    text-align: center;
    letter-spacing: 2px;
    font-size: 24px;
    margin-bottom: 20px
}

.appearingformsend .sPdf .sPdf-SendOk {
    position: absolute;
    display: none;
    visibility: hidden;
    margin-top: 40px;
    width: 100%;
    color: #60564c;
    text-align: center;
    opacity: 0
}

.appearingformsend .sPdf .sPdf-SendOk p {
    display: inline-block
}

.appearingformsend .sPdf .sPdf-Recommend {
    display: none
}

.appearingformsend .fieldContainer {
    padding: 5px 0px
}

@media (min-height: 750px) {
    .appearingformsend .fieldContainer {
        padding:10px 0px
    }
}

.appearingformsend .cntr-popUp-contenu-inner {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 10px 15px
}

.appearingformsend .fieldContainer textarea,.appearingformsend .fieldContainer input {
    padding: 5px 10px;
    font-size: 18px
}

.appearingformsend .fieldContainer textarea {
    height: 100px
}

.appearingformsend .fieldContainer input.error {
    border: 1px solid #a64a4f !important
}

.appearingformsend .centerBtn {
    text-align: center
}

.appearingformsend .sPdf-submit {
    margin: 10px 0;
    padding: 0 31px;
    padding-top: 3px;
    border: 0;
    background: transparent;
    color: #000;
    letter-spacing: 2px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 22px;
    font-family: 'Arno'
}

.appearingformsend .sPdf-submit .sPdf-btn-Conf {
    display: block;
    width: 100%
}

._background.vlw_slider {
    width: 100%;
    height: 100%
}

.slider__controlNav {
    bottom: 40px !important
}

.body-main-mariages .ecran1 .gauche {
    position: absolute;
    bottom: 60px;
    left: 33%;
    width: 33%;
    text-align: center;
    transform: translateX(-70%);
    z-index: 6000
}

.body-main-mariages .ecran1 .droite {
    position: absolute;
    bottom: 60px;
    right: 33%;
    width: 33%;
    text-align: center;
    transform: translateX(70%);
    z-index: 6000
}

.body-main-mariages .ecran2 .accroche {
    width: 600px;
    bottom: 10%
}

.body-main-mariages .ecran2 .accroche h2 {
    font-style: normal;
    margin-top: 2em;
    font-weight: normal;
    line-height: 1.5
}

html.smartphone .body-main-mariages {
    display: block
}

.body-main-seminaires {
    overflow: hidden
}

.body-main-seminaires_background {
    width: 100%;
    position: relative;
    height: calc(100% - 180px)
}

.body-main-seminaires_background div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    background-size: cover;
    opacity: 0;
    background-position: center
}

.body-main-seminaires_sliders {
    position: absolute;
    right: 30px;
    bottom: -23px;
    left: 30px;
    z-index: 9;
    overflow-x: scroll !important;
    border-top: 2px solid white;
    background-color: white;
    white-space: nowrap;
    height: 250px;
    bottom: -60px
}

.body-main-seminaires_sliders li {
    display: inline-block;
    width: 350px;
    height: 190px;
    background-position: 50%;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1);
    -moz-transform: translateZ(0) scale(1);
    -ms-transform: translateZ(0) scale(1);
    -o-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.body-main-seminaires_sliders li:hover {
    -webkit-transform: translateZ(0) scale(0.98);
    -moz-transform: translateZ(0) scale(0.98);
    -ms-transform: translateZ(0) scale(0.98);
    -o-transform: translateZ(0) scale(0.98);
    transform: translateZ(0) scale(0.98)
}

.body-main-seminaires_sliders li+li {
    margin-left: 1px
}

.body-main-seminaires_sliders_arrowLeft,.body-main-seminaires_sliders_arrowRight {
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 30px;
    height: 190px;
    background-color: white;
    cursor: pointer
}

.body-main-seminaires_sliders_arrowLeft svg,.body-main-seminaires_sliders_arrowRight svg {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px
}

.hiddenscroll .body-main-seminaires_sliders_arrowLeft,.hiddenscroll .body-main-seminaires_sliders_arrowRight {
    bottom: 22px
}

.body-main-seminaires_sliders_arrowLeft {
    left: 0
}

.body-main-seminaires_sliders_arrowLeft svg {
    margin-left: 8px
}

.body-main-seminaires_sliders_arrowRight {
    right: 0
}

.body-main-seminaires_sliders_arrowRight svg {
    margin-left: 11px
}

.body-main-seminaires .ecran1 .gauche {
    position: absolute;
    bottom: 30px;
    left: 33%;
    width: 33%;
    text-align: center;
    transform: translateX(-50%);
    z-index: 6000
}

.body-main-seminaires .ecran1 .droite {
    position: absolute;
    bottom: 30px;
    right: 33%;
    width: 33%;
    text-align: center;
    transform: translateX(50%);
    z-index: 6000
}

.body-main-seminaires .ecran1 .accroche {
    bottom: 300px !important
}

.body-main-seminaires .ecran2 .accroche {
    font-size: 10px
}

.body-main-seminaires .ecran2 .suite_content {
    font-size: 10px
}

.body-main-seminaires .ecran2 .suite_content .bo_article {
    white-space: normal
}

.body-main-seminaires .ecran2 .plus {
    font-size: 10px
}

html.smartphone .body-main-seminaires {
    display: block
}

.body-main-seminaires .accroche {
    width: 500px;
    position: absolute;
    right: 5%;
    left: auto !important;
    z-index: 700 !important
}

.body-main-oenotourisme .ecran1 .accroche {
    width: 700px
}

.body-main-oenotourisme .ecran1 .accroche:before {
    bottom: 40px
}

.body-main-oenotourisme .ecran1 .suite {
    top: 55%;
    bottom: 1%
}

@media (min-height: 700px) {
    .body-main-oenotourisme .ecran1 .suite {
        top:initial
    }
}

.body-main-oenotourisme .ecran1 .body-main-oenotourisme__map {
    position: relative;
    margin: auto;
    width: 360px;
    height: 200px;
    border: 1px solid #fff
}

.body-main-oenotourisme .ecran2 .accroche {
    width: 750px
}

.body-main-oenotourisme .ecran2 .accroche:before {
    bottom: -70px
}

.body-main-oenotourisme .ecran2 .accroche .liens {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 25px
}

.body-main-oenotourisme .ecran3 .accroche {
    bottom: 10%;
    left: 50%;
    margin-left: -250px;
    color: #413a33;
    width: 600px;
    margin-left: -300px
}

.body-main-oenotourisme .ecran3 .accroche:before {
    display: none
}

.body-main-oenotourisme .ecran3 .accroche .liens {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 25px
}

@media screen and (max-height: 800px) {
    .body-main-oenotourisme .accroche,.body-main-oenotourisme .accroche p {
        line-height:1.5
    }
}

.body-main-actualites__mainCntr {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media screen and (max-height: 700px) {
    .body-main-actualites__mainCntr {
        padding:150px 0 0
    }
}

.body-main-actualites__mainCntr h1 {
    margin: 25px 0;
    color: #FFFFFF;
    font-size: 24px
}

@media screen and (max-height: 860px) {
    .body-main-actualites__mainCntr h1 {
        display:none
    }
}

.body-main-actualites__mainCntr__Actus {
    position: relative;
    width: 100%;
    height: 360px
}

.body-main-actualites__mainCntr__Actus:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(255,255,255,0.25);
    box-shadow: 0 1px 0 rgba(0,0,0,0.1)
}

.body-main-actualites__mainCntr__Actus__flecheDouble {
    z-index: 2;
    position: absolute;
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    top: 50%;
    margin-top: -16px;
    cursor: pointer
}

.body-main-actualites__mainCntr__Actus__flecheDouble.left {
    left: 0
}

.body-main-actualites__mainCntr__Actus__flecheDouble.right {
    right: 0
}

.body-main-actualites__mainCntr__Actus__flecheDouble svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 40px;
    margin-left: -6px;
    margin-top: -6px
}

.body-main-actualites__mainCntr__Actus__flecheDouble svg path {
    fill: #5a4a46
}

.body-main-actualites__mainCntr__Actus__mask {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.body-main-actualites__mainCntr__Actus__ul {
    position: relative;
    height: 400px;
    width: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    font-size: 0;
    padding-left: 25px
}

.body-main-actualites__mainCntr__Actus__ul__li {
    position: relative;
    width: 550px;
    height: 175px;
    margin-left: -100px;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    font-size: 0
}

.body-main-actualites__mainCntr__Actus__ul__li:first-child {
    margin-left: 0
}

.body-main-actualites__mainCntr__Actus__ul__li.bas {
    top: 185px
}

.body-main-actualites__mainCntr__Actus__ul__li a {
    text-decoration: none;
    color: #FFFFFF
}

.body-main-actualites__mainCntr__Actus__ul__li a:hover h2:after {
    bottom: 0
}

.body-main-actualites__mainCntr__Actus__ul__li a:hover .cntrImage__Inner {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.body-main-actualites__mainCntr__Actus__ul__li .cntrImage {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 100%;
    overflow: hidden
}

.body-main-actualites__mainCntr__Actus__ul__li .cntrImage__Inner {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: -webkit-transform 350ms ease;
    -moz-transition: -moz-transform 350ms ease;
    transition: transform 350ms ease
}

.body-main-actualites__mainCntr__Actus__ul__li .cntrTxt {
    width: 350px;
    height: 100%;
    padding: 5px 20px;
    display: inline-block;
    vertical-align: top
}

.body-main-actualites__mainCntr__Actus__ul__li .cntrTxt__inner {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    font-size: 12px
}

.body-main-actualites__mainCntr__Actus__ul__li .cntrTxt__inner .libelle_date {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 10px;
    text-align: left;
    color: rgba(255,255,255,0.65)
}

.body-main-actualites__mainCntr__Actus__ul__li .cntrTxt__inner h2 {
    position: relative;
    padding-left: 10px;
    font-size: 24px;
    text-align: left;
    color: #FFFFFF;
    line-height: 28px;
    font-weight: normal;
    letter-spacing: 1px;
    font-style: normal
}

.body-main-actualites__mainCntr__Actus__ul__li .cntrTxt__inner h2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 100%;
    width: 1px;
    background: rgba(255,255,255,0.35);
    -webkit-transition: bottom 350ms ease;
    -moz-transition: bottom 350ms ease;
    transition: bottom 350ms ease
}

.body-main-actualites__mainCntr__Actus__ul__li .cntrTxt__inner .btnPlus {
    text-align: center;
    font-family: "ITC"
}

.body-main-actualites__mainCntr__Actus__ul__li .cntrTxt__inner .btnPlus span {
    position: relative;
    display: inline-block;
    padding-left: 35px;
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: 1px
}

.body-main-actualites__mainCntr__Actus__ul__li .cntrTxt__inner .btnPlus span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 1px;
    background: rgba(255,255,255,0.35)
}

.body-main-actualites__mainCntr__Actus__scrollBar {
    position: relative;
    width: 535px;
    height: 50px;
    margin: 25px auto
}

@media screen and (max-height: 775px) {
    .body-main-actualites__mainCntr__Actus__scrollBar {
        margin:0 auto 25px
    }
}

.body-main-actualites__mainCntr__Actus__scrollBar_fleche_left,.body-main-actualites__mainCntr__Actus__scrollBar_fleche_right {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 12px;
    height: 22px;
    margin-top: -11px
}

.body-main-actualites__mainCntr__Actus__scrollBar_fleche_left svg,.body-main-actualites__mainCntr__Actus__scrollBar_fleche_right svg {
    width: 12px;
    height: 22px;
    position: relative;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    -moz-transition: -moz-transform .25s ease-in-out;
    transition: transform .25s ease-in-out
}

.body-main-actualites__mainCntr__Actus__scrollBar_fleche_left svg path,.body-main-actualites__mainCntr__Actus__scrollBar_fleche_right svg path {
    fill: #FFFFFF
}

.body-main-actualites__mainCntr__Actus__scrollBar_fleche_left svg:hover,.body-main-actualites__mainCntr__Actus__scrollBar_fleche_right svg:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25)
}

.body-main-actualites__mainCntr__Actus__scrollBar_fleche_left {
    left: -20px
}

.body-main-actualites__mainCntr__Actus__scrollBar_fleche_right {
    right: -20px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.body-main-actualites__mainCntr__Actus__scrollBar_bar {
    position: absolute;
    top: 50%;
    right: 10px;
    left: 10px;
    height: 1px;
    background: rgba(255,255,255,0.5)
}

.body-main-actualites__mainCntr__Actus__scrollBar_bar:before,.body-main-actualites__mainCntr__Actus__scrollBar_bar:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(0,0,0,0.1)
}

.body-main-actualites__mainCntr__Actus__scrollBar_bar:after {
    top: auto;
    bottom: -1px
}

.body-main-actualites__mainCntr__Actus__scrollBar_cursor {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px
}

.body-main-actualites__mainCntr__Actus__scrollBar_cursor:hover svg {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25)
}

.body-main-actualites__mainCntr__Actus__scrollBar_cursor_inner {
    width: 100%;
    height: 100%
}

.body-main-actualites__mainCntr__Actus__scrollBar_cursor_inner svg {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    -moz-transition: -moz-transform .25s ease-in-out;
    transition: transform .25s ease-in-out
}

.body-main-actualites__mainCntr__Actus__scrollBar_cursor_inner svg path {
    fill: #FFFFFF !important
}

.body-main-actualites__mainCntr__Nav {
    height: 30px;
    font-size: 0;
    white-space: nowrap;
    text-align: center
}

@media screen and (max-height: 700px) {
    .body-main-actualites__mainCntr__Nav {
        position:absolute;
        left: 50%;
        top: 120px;
        transform: translateX(-50%)
    }
}

.body-main-actualites__mainCntr__Nav li {
    display: inline-block
}

.body-main-actualites__mainCntr__Nav li a {
    margin: 0 20px;
    padding: 10px 15px;
    font-size: 18px;
    color: #FFFFFF;
    border: 1px solid #fff;
    text-decoration: none;
    letter-spacing: 0;
    background: rgba(11,14,16,0.65);
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    transition: all 350ms ease
}

.body-main-actualites__mainCntr__Nav li a:hover {
    background: #FFFFFF;
    color: #0b0e10
}

.body-main-actualites__mainCntr__Nav li.isSelected a {
    background: rgba(11,14,16,0.35);
    color: rgba(255,255,255,0.35);
    border: 1px solid rgba(255,255,255,0.25)
}

.icon-galerie-arrow-left {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: 0px 0px !important;
    width: 12px;
    height: 24px
}

.icon-galerie-arrow-right {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -28px 0px !important;
    width: 12px;
    height: 24px
}

.icon-galerie-flechebas {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -39px -37px !important;
    width: 13px;
    height: 7px
}

.icon-galerie-flechedroite {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -53px -28px !important;
    width: 7px;
    height: 13px
}

.icon-galerie-flechegauche {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -53px -15px !important;
    width: 7px;
    height: 13px
}

.icon-galerie-flechehaut {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -26px -37px !important;
    width: 13px;
    height: 7px
}

.icon-galerie-picto-close {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -40px -26px !important;
    width: 10px;
    height: 10px
}

.icon-galerie-picto-download {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -12px 0px !important;
    width: 16px;
    height: 18px
}

.icon-galerie-picto-fullscreen {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -13px -24px !important;
    width: 13px;
    height: 13px
}

.icon-galerie-picto-grille-active-white {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -40px -13px !important;
    width: 13px;
    height: 13px
}

.icon-galerie-picto-grille-active {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: 0px -37px !important;
    width: 13px;
    height: 13px
}

.icon-galerie-picto-grille-passive {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -13px -37px !important;
    width: 13px;
    height: 13px
}

.icon-galerie-picto-play {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -53px 0px !important;
    width: 7px;
    height: 15px
}

.icon-galerie-picto-visionneuse-active-white {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: 0px -24px !important;
    width: 13px;
    height: 13px
}

.icon-galerie-picto-visionneuse-active {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -26px -24px !important;
    width: 13px;
    height: 13px
}

.icon-galerie-picto-visionneuse-passive {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -40px 0px !important;
    width: 13px;
    height: 13px
}

#PageGalerie {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 100% !important;
    height: 100% !important;
    background: #458186 url("/images/bureau/fond-galerie.jpg") center;
    background-size: cover;
    -webkit-background-size: cover
}

#PageGalerie .icon-galerie {
    margin: 0 5px !important;
    vertical-align: middle !important
}

#Galerie_TopBar {
    position: relative;
    z-index: 5;
    height: 35px;
    text-align: center;
    font-family: "Arno"
}

#Galerie_TopBar .bouton-texte {
    color: #362e2c;
    vertical-align: middle;
    font-size: 17px;
    font-family: "Arno";
    line-height: 18px;
    letter-spacing: 0px
}

#Galerie_TopBar #Galerie_Legende {
    position: relative;
    z-index: 99999;
    display: block;
    margin-top: 0px;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.4);
    color: #362e2c;
    vertical-align: middle;
    text-transform: none;
    font-size: 16px;
    font-family: "Arno";
    line-height: 35px;
    height: 35px;
    font-style: italic
}

#Galerie_TopBar #Galerie_Legende:after {
    position: absolute;
    bottom: 0px;
    left: 50%;
    content: " ";
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

#Galerie_TopBar #Galerie_FullScreen {
    display: none;
    margin-right: 50px;
    margin-left: 10px;
    padding-left: 15px;
    color: #ffffff;
    font-style: normal;
    font-size: 18px;
    cursor: pointer
}

#Galerie_TopBar #Galerie_Slideshow {
    position: relative;
    margin-right: -60px;
    padding-left: 40px;
    color: #ffffff;
    font-style: normal;
    font-size: 13px;
    cursor: pointer
}

#Galerie_TopBar .BoutonGalerie.BoutonLeft {
    position: relative;
    z-index: 999999;
    float: left;
    color: #362e2c !important;
    line-height: 35px
}

#Galerie_TopBar .BoutonGalerie.BoutonRight {
    position: relative;
    z-index: 999999;
    float: right;
    margin-right: 30px;
    padding-left: 20px;
    color: #362e2c !important;
    font-style: normal;
    line-height: 35px;
    cursor: pointer
}

#Galerie_TopBar .BoutonGalerie.BoutonBack {
    position: relative;
    margin-right: 10px;
    margin-left: 0px;
    padding-left: 20px
}

#Galerie_TopBar .BoutonGalerie.BoutonBack .bouton-texte {
    width: 100px
}

#Galerie_TopBar .BoutonGalerie.BoutonBack a {
    color: inherit;
    text-decoration: none;
    font-style: normal
}

.BoutonGalerie .bouton-icon {
    display: block;
    float: right;
    margin-top: 4px;
    margin-right: 2px;
    background-repeat: no-repeat;
    vertical-align: middle
}

.BoutonGalerie .bouton-icon.bouton-icon-left {
    float: left
}

.BoutonGalerie .bouton-texte {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.BoutonGalerie:hover {
    opacity: 0.85 !important
}

#Galerie_ConfirmationDownload {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: none;
    overflow: hidden;
    margin-top: -140px;
    margin-left: -240px;
    padding: 0 5px;
    width: 480px;
    height: 280px;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
    color: #ffffff;
    text-align: center;
    font-variant: normal;
    font-family: "Arno"
}

#Galerie_ConfirmationDownload:before {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 0;
    border: 1px solid #cdcbca;
    content: ''
}

#Galerie_ConfirmationDownload #accord-buttons {
    position: relative;
    display: block;
    margin: 5px 0;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    z-index: 10;
    width: 100%;
    color: #362e2c;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    font-family: "Arno";
    line-height: 16px;
    cursor: pointer;
    font-size: 18px
}

#Galerie_ConfirmationDownload #accord-buttons .icon-galerie {
    display: none
}

#Galerie_ConfirmationDownload_ok {
    position: relative;
    display: inline-block;
    margin-right: 55px;
    color: #362e2c;
    display: inline-block;
    margin-bottom: 20px;
    border: 1px solid #cdcbca;
    padding: 15px 25px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#Galerie_ConfirmationDownload_ok:hover {
    background: #335d60;
    color: #FFFFFF;
    border: 1px solid #335d60
}

#Galerie_ConfirmationDownload_cancel {
    position: relative;
    display: inline-block;
    color: #362e2c;
    display: inline-block;
    margin-bottom: 20px;
    padding: 15px 25px;
    border: 1px solid #cdcbca;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#Galerie_ConfirmationDownload_cancel:hover {
    background: #335d60;
    color: #FFFFFF;
    border: 1px solid #335d60
}

#Galerie_ConfirmationDownload #accord {
    position: relative;
    left: 0px;
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    width: 440px;
    color: #362e2c;
    text-align: center;
    font-size: 18px;
    z-index: 10;
    line-height: 25px;
    letter-spacing: 0px
}

#Galerie_ConfirmationDownload #accord a {
    margin-top: 20px;
    color: #362e2c;
    vertical-align: middle;
    text-decoration: none;
    font-size: 18px;
    line-height: 18px;
    font-style: italic
}

#Galerie_Display {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

#Galerie_Display img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.4);
    box-shadow: 0 0 30px rgba(0,0,0,0.4)
}

#PageGalerie #Galerie_Display #Galerie_Display_Touch {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#PageGalerie #Galerie_Display #Galerie_Touch_Display_Slider {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: visible;
    width: 100%;
    height: 100%;
    cursor: url(/images/bureau/galerie/hand_drag.cur),url(/images/bureau/galerie/hand_drag.cur),url(/images/bureau/galerie/hand_drag.gif),url(/images/bureau/galerie/hand_drag.gif),ew-resize;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    -ms-perspective: 1700px;
    -o-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 50% 30%;
    -moz-perspective-origin: 50% 30%;
    -ms-perspective-origin: 50% 30%;
    -o-perspective-origin: 50% 30%;
    perspective-origin: 50% 30%;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

#PageGalerie #Galerie_Display .anim_carousel #Galerie_Touch_Display_Slider {
    -webkit-perspective: 700px;
    -moz-perspective: 700px;
    -ms-perspective: 700px;
    -o-perspective: 700px;
    perspective: 700px
}

#PageGalerie #Galerie_Display #Galerie_Touch_Display_Zoomer {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

.Galerie_Touch_Display_ImageContainer {
    position: absolute;
    z-index: 0;
    margin-top: -27px;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.anim_carousel.no_3d .Galerie_Touch_Display_ImageContainer {
    background: none
}

.zIndex10 {
    z-index: 10
}

.zIndex9 {
    z-index: 9
}

.zIndex8 {
    z-index: 8
}

.Galerie_Touch_Display_ImageContainer_container {
    position: absolute;
    z-index: 0
}

.Galerie_Touch_Display_ImageContainer img {
    z-index: 0
}

.Galerie_Display_Arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    float: none;
    margin-top: -20px
}

#Galerie_Display .Galerie_Display_Arrow_Left {
    left: 25px
}

#Galerie_Display .Galerie_Display_Arrow_Right {
    right: 25px
}

#PageGalerie #Galerie_Display .Galerie_Display_Zone {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 20%;
    height: 100%
}

#Galerie_Display .Galerie_Display_Picture_Contenaire {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

#Galerie_Mosaique {
    position: absolute;
    bottom: 0;
    z-index: 3;
    width: 100%;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.4);
    box-shadow: 0 0 30px rgba(0,0,0,0.4)
}

#Galerie_Mosaique #Galerie_Mosaique_Drawer {
    display: none;
    margin: auto;
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 6px;
    width: 100px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    background-color: rgba(255,255,255,0.7);
    text-align: center;
    line-height: 8px
}

#Galerie_Mosaique #Galerie_Mosaique_Drawer_text {
    padding: 5px
}

#Galerie_Mosaique .Galerie_Mosaique_Drawer-pad {
    position: relative;
    margin: auto;
    width: 20px;
    height: 0px;
    border-top: 1px solid rgba(0,0,0,0.2)
}

#Galerie_Mosaique_Categories_SelectBar {
    height: 35px;
    background: #fff
}

#Galerie_Mosaique #Galerie_Mosaique_Categories_picker {
    position: relative;
    margin: 0 100px 0 100px;
    padding: 0;
    height: 35px;
    text-align: center;
    line-height: 35px
}

#Galerie_Mosaique #Galerie_Mosaique_Categories_picker .Liste_Categorie-item {
    display: inline;
    margin: 0 10px;
    padding: 5px 5px;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10px;
    line-height: 16px
}

#Galerie_Mosaique #Galerie_Mosaique_Categories_picker .Liste_Categorie-item a {
    color: rgba(255,255,255,0.5);
    color: #362e2c;
    text-decoration: none;
    white-space: nowrap;
    font-size: 17px !important
}

#Galerie_Mosaique #Galerie_Mosaique_Categories_picker #Liste_Categories_galerie_container {
    position: relative;
    overflow-y: hidden;
    padding: 0 0;
    height: 250px
}

#Galerie_Mosaique #Galerie_Mosaique_Categories_picker #Liste_Categories_galerie_container.scrollable {
    overflow-x: auto;
    height: 250px;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch
}

#Galerie_Mosaique #Galerie_Mosaique_Categories_picker #Liste_Categories_galerie {
    margin-top: 3px;
    padding: 1px 40px 2px 40px
}

#Galerie_Mosaique #Galerie_Mosaique_Menu {
    position: relative;
    margin-top: 0px;
    background: #fff
}

#Galerie_Mosaique #Galerie_Mosaique_Menu:after {
    position: absolute;
    top: 0px;
    left: 50%;
    content: " ";
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

#Galerie_Mosaique #Galerie_Mosaique_Menu #Galerie_Mosaique_Miniatures {
    position: relative;
    overflow: hidden;
    margin: 0 180px;
    height: 108px;
    -webkit-perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    -moz-perspective: 1000px;
    -moz-transform-style: preserve-3d;
    -ms-perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -o-perspective: 1000px;
    -o-transform-style: preserve-3d
}

@media all and (max-width: 979px) {
    #Galerie_Mosaique #Galerie_Mosaique_Menu #Galerie_Mosaique_Miniatures {
        margin:0 140px 0 0
    }
}

#Galerie_Mosaique .Miniatures_galerie {
    position: absolute;
    z-index: 0;
    display: none;
    overflow-y: hidden;
    margin: 10px 3px;
    width: 100%;
    height: 100px;
    text-align: center;
    -webkit-transition: -webkit-transform 1s;
    -webkit-transform-origin: 0% 0%
}

@-webkit-keyframes cat_in {
    0% {
        -webkit-transform: rotateX(90deg) translateY(-97px) translateZ(97px)
    }

    100% {
        -webkit-transform: rotateX(0deg) translateY(0) translateZ(0)
    }
}

@-webkit-keyframes cat_out {
    0% {
        -webkit-transform: rotateX(0deg) translateZ(0)
    }

    100% {
        -webkit-transform: rotateX(-90deg) translateY(97px) translateZ(97px)
    }
}

@-moz-keyframes cat_in {
    0% {
        -moz-transform: rotateX(90deg) translateY(-97px) translateZ(97px)
    }

    100% {
        -moz-transform: rotateX(0deg) translateY(0) translateZ(0)
    }
}

@-moz-keyframes cat_out {
    0% {
        -moz-transform: rotateX(0deg) translateZ(0)
    }

    100% {
        -moz-transform: rotateX(-90deg) translateY(97px) translateZ(97px)
    }
}

@-ms-keyframes cat_in {
    0% {
        -ms-transform: rotateX(90deg) translateY(-97px) translateZ(97px)
    }

    100% {
        -ms-transform: rotateX(0deg) translateY(0) translateZ(0)
    }
}

@-ms-keyframes cat_out {
    0% {
        -ms-transform: rotateX(0deg) translateZ(0)
    }

    100% {
        -ms-transform: rotateX(-90deg) translateY(97px) translateZ(97px)
    }
}

@-o-keyframes cat_in {
    0% {
        -o-transform: rotateX(90deg) translateY(-97px) translateZ(97px)
    }

    100% {
        -o-transform: rotateX(0deg) translateY(0) translateZ(0)
    }
}

@-o-keyframes cat_out {
    0% {
        -o-transform: rotateX(0deg) translateZ(0)
    }

    100% {
        -o-transform: rotateX(-90deg) translateY(97px) translateZ(97px)
    }
}

#Galerie_Mosaique .Miniatures_galerie.cat_in {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -webkit-animation: cat_in 0.5s 1 ease-out;
    -moz-animation: cat_in 0.5s 1 ease-out;
    -ms-animation: cat_in 0.5s 1 ease-out;
    -o-animation: cat_in 0.5s 1 ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards
}

#Galerie_Mosaique .Miniatures_galerie.cat_out {
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -webkit-animation: cat_out 0.5s 1 ease-out;
    -moz-animation: cat_out 0.5s 1 ease-out;
    -ms-animation: cat_out 0.5s 1 ease-out;
    -o-animation: cat_out 0.5s 1 ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards
}

#Galerie_Mosaique .Miniatures_galerie.selected {
    z-index: 1;
    -webkit-transform: rotateX(0deg)
}

#PageGalerie .active {
    display: none
}

#PageGalerie .passive {
    display: inline-block
}

#PageGalerie .selected .active {
    display: inline-block
}

#PageGalerie .selected .passive {
    display: none
}

#Galerie_Mosaique .Miniatures_galerie ul {
    margin: 0px 10px 5px 10px;
    *padding-top: 2px
}

#Galerie_Mosaique_Arrows_Container {
    position: absolute;
    top: 40px;
    right: 160px;
    z-index: 1;
    width: 20px;
    height: 50px
}

#PageGalerie .Galerie_Arrow {
    float: left;
    margin: 5px;
    cursor: pointer
}

.Galerie_Mosaique_Arrow {
    cursor: pointer
}

.Galerie_Arrow.Galerie_Mosaique_CatScrollArrow {
    position: absolute;
    top: -10px;
    float: none;
    margin: 0
}

#Galerie_Mosaique_ViewSwitcher,#Galerie_Grille_ViewSwitcher {
    position: absolute;
    right: 0;
    z-index: 1;
    margin-right: 10px;
    width: auto;
    height: 82px;
    text-align: right
}

#Galerie_Mosaique_ViewSwitcher {
    top: 15px
}

#Galerie_Mosaique_choose_Grille,#Galerie_Grille_choose_Grille,#Galerie_Mosaique_choose_Mosaique,#Galerie_Grille_choose_Mosaique {
    position: relative;
    margin: 10px 0;
    padding-right: 0px;
    color: #362e2c;
    cursor: pointer
}

#Galerie_Mosaique_choose_Grille .bouton-texte,#Galerie_Mosaique_choose_Mosaique .bouton-texte {
    vertical-align: middle;
    letter-spacing: 1px;
    font-size: 16px;
    letter-spacing: normal;
    font-family: "Arno";
    line-height: 16px;
    font-style: italic
}

#Galerie_Grille_choose_Grille .bouton-texte,#Galerie_Grille_choose_Mosaique .bouton-texte {
    vertical-align: middle;
    letter-spacing: 1px;
    font-size: 16px;
    letter-spacing: normal;
    font-family: "Arno";
    line-height: 16px;
    color: #FFF
}

#Galerie_Mosaique_choose_Grille:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    width: 13px;
    height: 13px;
    background-image: url("/images/bureau/sprites/spriteGalerie.png");
    background-position: -104px -21px;
    background-repeat: no-repeat;
    content: ""
}

#Galerie_Grille_choose_Grille.selected {
    opacity: 0.5
}

#Galerie_Grille_choose_Grille .icon-galerie-picto-grille-active {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -40px -13px !important;
    width: 13px;
    height: 13px
}

#Galerie_Grille_choose_Mosaique .icon-galerie-picto-visionneuse-passive {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: 0px -24px !important;
    width: 13px;
    height: 13px
}

#Galerie_Grille_choose_Grille.selected {
    font-size: 15px
}

#Galerie_Grille_choose_Grille.selected:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    width: 13px;
    height: 13px;
    background-image: url("/images/bureau/sprites/spriteGalerie.png");
    background-position: -104px -3px;
    background-repeat: no-repeat;
    content: ""
}

#Galerie_Mosaique_choose_Mosaique {
    background: #fff;
    font-size: 15px
}

#Galerie_Grille_choose_Mosaique {
    font-size: 14px
}

#Galerie_Grille_choose_Mosaique:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    width: 13px;
    height: 13px;
    background-image: url("/images/bureau/sprites/spriteGalerie.png");
    background-position: -121px -21px;
    background-repeat: no-repeat;
    content: ""
}

@media all and (max-width: 979px) {
    #Galerie_Mosaique_ViewSwitcher,#Galerie_Grille_ViewSwitcher {
        position:absolute;
        right: 0;
        width: 120px;
        height: 82px
    }

    #Galerie_Mosaique_Arrows_Container {
        right: 120px
    }
}

#Galerie_Grille {
    position: absolute;
    top: 10000px;
    z-index: 4;
    overflow: hidden;
    padding-bottom: 50px;
    width: 100%;
    background: #fff;
    background: #458186 url("/images/bureau/fond-galerie.jpg") center;
    background-size: cover
}

#Galerie_Grille_Container {
    position: relative;
    margin: 0;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto !important
}

#Galerie_Grille #Galerie_Grille_Content {
    position: relative;
    margin: 0;
    margin: 0 auto;
    padding-left: 60px;
    width: 50%;
    height: 100%;
    text-align: left
}

#Galerie_Grille #Galerie_Grille_Content #Galerie_Grille_Scroller {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    overflow: auto !important
}

#Galerie_Grille #Galerie_Grille_Content #Galerie_Grille_Scroller .jspContainer {
    overflow: visible
}

.Galerie_Grille_CategorieName {
    position: relative;
    margin: 0;
    margin-left: 0px !important;
    padding: 0px 5px 10px 10px;
    color: #fff;
    text-align: left !important;
    white-space: nowrap;
    font-size: 24px;
    font-family: "Arno"
}

.Galerie_Grille_Miniatures {
    margin: 10px 0px;
    padding: 0px
}

.Galerie_Grille_Miniatures li.Galerie_Grille_Miniature {
    display: inline-block;
    *display: inline;
    margin: 4px 1px;
    cursor: pointer
}

.Galerie_Grille_Miniatures ul {
    padding-bottom: 20px;
    padding-left: 20px
}

#Galerie_Grille #Galerie_Grille_ViewSwitcher {
    position: absolute;
    top: 30px;
    right: 0px;
    text-align: right
}

#PageGalerie .Miniatures_galerie li.Miniature_galerie {
    display: inline-block;
    *display: inline;
    box-sizing: content-box;
    margin: 0px;
    padding: 0px;
    height: 93px;
    opacity: 0.8;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s
}

#PageGalerie .Miniatures_galerie li.Miniature_galerie img {
    width: 140px;
    height: 93px;
    margin: 0 2px
}

#PageGalerie .Miniatures_galerie li.Miniature_galerie.hover {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

#PageGalerie .Miniatures_galerie li.Miniature_galerie.selected {
    opacity: 1
}

#PageGalerie .Miniatures_galerie li.Miniature_galerie.hover img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

#PageGalerie .Miniatures_galerie li.Miniature_galerie.selected img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid white
}

#Galerie_Mosaique_Categories_SelectBar {
    height: 75px;
    background: #fff
}

#Galerie_Mosaique #Galerie_Mosaique_Rubrique {
    position: relative;
    margin: 0;
    padding: 0 0 3px 0;
    height: 45px;
    text-align: center;
    line-height: 35px
}

#Liste_Rubrique_galerie {
    display: inline;
    padding: 1px 40px 2px 40px
}

#Liste_Rubrique_galerie_container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0 25px;
    max-width: 100%;
    height: 100%
}

#Liste_Rubrique_galerie_container .mCSB_container {
    padding-top: 0
}

#Liste_Rubrique_galerie_container .mCSB_buttonLeft {
    top: -30px;
    left: 10px;
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -53px -15px !important;
    width: 7px;
    height: 13px
}

#Liste_Rubrique_galerie_container .mCSB_buttonRight {
    top: -30px;
    right: 10px;
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -53px -28px !important;
    width: 7px;
    height: 13px
}

#Liste_Rubrique_galerie_container .mCSB_draggerContainer {
    display: none;
    visibility: hidden;
    opacity: 0
}

#Galerie_Mosaique #Galerie_Mosaique_Rubrique .Liste_Rubrique-item {
    display: inline;
    margin: 0 10px;
    padding: 0px 5px 10px 10px;
    white-space: nowrap
}

#Galerie_Mosaique #Galerie_Mosaique_Rubrique .Liste_Rubrique-item a {
    color: #362e2c;
    text-decoration: none;
    white-space: nowrap;
    font-size: 20px;
    font-family: "Arno";
    font-variant: small-caps
}

#Galerie_Mosaique #Galerie_Mosaique_Categories_picker .Liste_Categories_galerie {
    margin-top: 10px;
    padding: 1px 40px 2px 40px
}

#Liste_Categories_galerie_container {
    position: absolute;
    top: -10px;
    width: 100%;
    height: 27px
}

#Liste_Categories_galerie_container:before {
    position: absolute;
    content: "";
    width: 200px;
    margin-left: -100px;
    left: 50%;
    top: 0;
    background: #e1e0e0;
    height: 1px
}

.Liste_Categories_galerie {
    position: absolute;
    top: 0px;
    display: block;
    margin: auto;
    margin-top: -100px !important;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in, margin 0s 1s;
    -moz-transition: opacity 1s ease-in, margin 0s 1s;
    -ms-transition: opacity 1s ease-in, margin 0s 1s;
    -o-transition: opacity 1s ease-in, margin 0s 1s;
    transition: opacity 1s ease-in, margin 0s 1s
}

.Liste_Categories_galerie.load {
    margin-top: 0px !important;
    opacity: 1;
    -webkit-transition: opacity 1s 1s ease-in, margin 0s 0s;
    -moz-transition: opacity 1s 1s ease-in, margin 0s 0s;
    -ms-transition: opacity 1s 1s ease-in, margin 0s 0s;
    -o-transition: opacity 1s 1s ease-in, margin 0s 0s;
    transition: opacity 1s 1s ease-in, margin 0s 0s
}

.Galerie_Grille_CategorieName.Galerie_Grille_CategorieNiveau1 {
    margin-top: 30px;
    margin-left: 0px;
    text-align: left
}

.Galerie_Grille_CategorieName.Galerie_Grille_CategorieNiveau2 {
    position: relative;
    margin-top: 10px;
    margin-left: 30px !important;
    color: #FFFFFF;
    text-align: left;
    font-size: 19px
}

.Galerie_Grille_CategorieName.Galerie_Grille_CategorieNiveau2:before {
    position: absolute;
    top: 8px;
    left: 30px;
    width: 3px;
    height: 1px;
    background: #222e3d;
    content: ""
}

.Liste_Categorie-item.selected,#Galerie_Mosaique #Galerie_Mosaique_Categories_picker .Liste_Categorie-item.selected a,#Galerie_Mosaique #Galerie_Mosaique_Rubrique .Liste_Rubrique-item.selected a {
    color: #335d60
}

#Galerie_Mosaique #Galerie_Mosaique_Rubrique .Liste_Rubrique-item.selected {
    border-bottom: 2px solid rgba(255,255,255,0.75)
}

#Galerie_Mosaique_choose_Mosaique.selected .bouton-texte {
    color: #362e2c
}

.Liste_Rubrique-item,#Galerie_Grille_choose_Grille .bouton-texte,#Galerie_Mosaique_choose_Mosaique .bouton-texte {
    color: white;
    vertical-align: middle;
    font-size: 16px;
    font-family: "Arno";
    line-height: 16px
}

.Liste_Categories_galerie {
    left: 50%;
    overflow: hidden;
    margin: auto;
    max-width: 100%;
    max-width: 900px;
    height: 30px;
    text-align: center;
    white-space: nowrap;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

#Liste_Rubrique_galerie_container {
    position: relative
}

.body-main-contact__bloc {
    position: absolute;
    right: 20px;
    width: 1020px;
    height: 560px;
    background: url("/images/bureau/texture_gris_clair.png") repeat;
    white-space: nowrap;
    font-size: 0;
    bottom: 60px
}

.body-main-contact__bloc__border {
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    border: 1px solid rgba(145,114,78,0.25)
}

.body-main-contact__bloc__left,.body-main-contact__bloc__right {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    z-index: 2;
    padding: 10px 0
}

.body-main-contact__bloc__left {
    width: 415px;
    padding: 10px 10px 10px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.body-main-contact__bloc__left__adresse {
    margin: 0px 0;
    font-size: 16px;
    color: #60564c;
    letter-spacing: 1px;
    line-height: 1.25
}

.body-main-contact__bloc__left__adresse a {
    text-decoration: none;
    color: #60564c;
    font-style: italic
}

.body-main-contact__bloc__left__adresse.societe {
    font-size: 22px
}

.body-main-contact__bloc__left__adresse.libelle {
    text-transform: uppercase
}

.body-main-contact__bloc__left__adresse.v2_pays {
    margin-bottom: 30px
}

.body-main-contact__bloc__left__adresse.commerciaux {
    margin-top: 30px
}

.body-main-contact__bloc__right {
    width: 605px
}

.body-main-contact__bloc__right .mapCntr {
    position: absolute;
    top: 20px;
    right: 10px;
    left: 20px;
    bottom: 20px;
    border: 1px solid #d7be74
}

html.smartphone .body-main-visites {
    display: block
}

.body-main-visites__visites {
    position: absolute;
    right: 4%;
    bottom: 1%;
    padding: 0;
    width: 550px;
    height: auto;
    background: rgba(246,246,246,0.95);
    white-space: nowrap;
    font-size: 0
}

.body-main-visites__visites__border {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    z-index: 1;
    border: 1px solid rgba(145,114,78,0.25)
}

.body-main-visites__visites__content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    text-align: left;
    white-space: normal;
    line-height: 25px
}

.body-main-visites__visites__content__texte {
    padding: 40px
}

@media screen and (max-height: 950px) {
    .body-main-visites__visites__content__texte {
        padding:10px 40px
    }
}

.body-main-visites__visites__content__texte p {
    color: #60564c;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 28px
}

.body-main-visites__visites__content__map {
    width: 100%;
    height: 185px
}

.body-main-visites .ecran2 .accroche:before {
    right: 200px
}

.body-main-visites .ecran2 .accroche .liens {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 25px
}

.body-main-visites .ecran3 .liens {
    bottom: 15%;
    margin-top: 150px
}

.body-main-visites .ecran3 .suite {
    top: initial;
    bottom: 3%
}

html.boutique body,html.tablet body {
    min-width: 100%
}

html.boutique .body-main>*,html.tablet .body-main>* {
    min-width: 900px
}

@media (max-width: 1200px) {
    html.boutique .body-menu,html.tablet .body-menu {
        min-width:900px
    }

    html.boutique .body-menu .subMenuChateau,html.tablet .body-menu .subMenuChateau {
        margin-left: -489px;
        top: 125px
    }

    html.boutique .body-menu-nav__logo,html.tablet .body-menu-nav__logo {
        margin-top: 48px !important
    }

    html.boutique .body-menu-nav__logo .bottom,html.tablet .body-menu-nav__logo .bottom {
        display: none
    }

    html.boutique .body__background .Background .backgroundULContainer li,html.tablet .body__background .Background .backgroundULContainer li {
        min-width: 900px !important
    }

    html.boutique .body-menu-nav__ul,html.tablet .body-menu-nav__ul {
        white-space: nowrap;
        padding-top: 65px
    }

    html.boutique .body-menu-nav__ul.left,html.tablet .body-menu-nav__ul.left {
        margin-right: 75px
    }
}

@media (max-width: 1200px) and (max-width: 1024px) {
    html.boutique .body-menu-nav__ul.left,html.tablet .body-menu-nav__ul.left {
        margin-right:65px
    }
}

@media (max-width: 1200px) {
    html.boutique .body-menu-nav__ul.right,html.tablet .body-menu-nav__ul.right {
        margin-left:75px
    }
}

@media (max-width: 1200px) and (max-width: 1024px) {
    html.boutique .body-menu-nav__ul.right,html.tablet .body-menu-nav__ul.right {
        margin-left:65px
    }
}

@media (max-width: 1200px) and (max-width: 1024px) {
    html.boutique .body-menu-nav__ul__li a,html.tablet .body-menu-nav__ul__li a {
        letter-spacing:0.6px !important
    }
}

@media (max-width: 1200px) {
    html.boutique .body-menu-nav__ul__li:after,html.tablet .body-menu-nav__ul__li:after {
        width:20px !important
    }
}

@media (max-width: 1200px) and (max-width: 1024px) {
    html.boutique .body-menu-nav__ul__li:after,html.tablet .body-menu-nav__ul__li:after {
        width:15px !important
    }
}

@media (max-width: 1200px) {
    html.boutique .body-menu-nav__logo img,html.tablet .body-menu-nav__logo img {
        width:80%;
        margin-left: 10%;
        height: auto
    }
}

@media (max-width: 1200px) and (max-width: 1024px) {
    html.boutique .body-menu-nav__logo img,html.tablet .body-menu-nav__logo img {
        width:60%;
        margin-left: 20%;
        height: auto
    }
}

html.boutique .body-main-accueil_bottom__li img,html.tablet .body-main-accueil_bottom__li img {
    width: 280px;
    height: auto
}

html.boutique .body-main-actualites__mainCntr__Actus__ul,html.tablet .body-main-actualites__mainCntr__Actus__ul {
    overflow: auto
}

.actualite-fiche {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: none;
    visibility: hidden;
    background: transparent;
    opacity: 0
}

.actualite-fiche__background {
    z-index: 1;
    background: rgba(0,0,0,0.65)
}

.actualite-fiche__content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin-top: -300px;
    margin-left: -340px;
    width: 680px;
    height: 600px;
    background: url("/images/bureau/texture_gris_clair.png") repeat;
    white-space: nowrap;
    font-size: 0
}

.actualite-fiche__content__border {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    z-index: 1;
    border: 1px solid rgba(145,114,78,0.25)
}

.actualite-fiche__content__inner {
    position: relative;
    z-index: 2;
    padding: 20px 45px;
    width: 100%;
    height: 100%;
    white-space: normal
}

.actualite-fiche__content__inner__fermer {
    position: relative;
    z-index: 999;
    text-align: right
}

.actualite-fiche__content__inner__fermer a {
    position: relative;
    top: 15px;
    padding: 0 15px;
    color: #60564c;
    text-decoration: none;
    letter-spacing: 1px;
    font-style: italic;
    font-size: 16px;
    font-family: "ITC"
}

.actualite-fiche__content__inner__fermer a:before,.actualite-fiche__content__inner__fermer a:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 1px;
    background: #60564c;
    content: "";
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    transition: all 350ms ease
}

.actualite-fiche__content__inner__fermer a:after {
    right: 0;
    left: auto
}

.actualite-fiche__content__inner__fermer a:hover:before,.actualite-fiche__content__inner__fermer a:hover:after {
    width: 10px
}

.actualite-fiche__content__inner__image {
    position: relative;
    margin: 25px 0;
    width: 100%;
    height: 235px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.actualite-fiche__content__inner__date {
    margin: 5px 0;
    color: #60564c;
    letter-spacing: 1px;
    font-style: italic;
    font-size: 18px
}

.actualite-fiche__content__inner h3 {
    margin: 10px 0 25px;
    color: #60564c;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 26px;
    line-height: 25px
}

.actualite-fiche__content__inner__texte {
    margin: 10px 0 25px;
    color: #60564c;
    font-size: 20px
}

.actualite-fiche__content__inner__texte p {
    font-size: 20px
}

.actualite-fiche__content__inner__texte a {
    color: #60564c
}

.actualite-fiche__content__inner__fichier {
    margin-top: 25px;
    text-align: center
}

.actualite-fiche__content__inner__fichier a {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #60564c;
    background: transparent;
    color: #60564c;
    text-decoration: none;
    font-size: 18px;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    transition: all 350ms ease
}

.actualite-fiche__content__inner__fichier a:hover {
    background: #60564c;
    color: #ffffff
}

.icon-galerie-arrow-left {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: 0px 0px !important;
    width: 12px;
    height: 24px
}

.icon-galerie-arrow-right {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -28px 0px !important;
    width: 12px;
    height: 24px
}

.icon-galerie-flechebas {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -39px -37px !important;
    width: 13px;
    height: 7px
}

.icon-galerie-flechedroite {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -53px -28px !important;
    width: 7px;
    height: 13px
}

.icon-galerie-flechegauche {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -53px -15px !important;
    width: 7px;
    height: 13px
}

.icon-galerie-flechehaut {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -26px -37px !important;
    width: 13px;
    height: 7px
}

.icon-galerie-picto-close {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -40px -26px !important;
    width: 10px;
    height: 10px
}

.icon-galerie-picto-download {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -12px 0px !important;
    width: 16px;
    height: 18px
}

.icon-galerie-picto-fullscreen {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -13px -24px !important;
    width: 13px;
    height: 13px
}

.icon-galerie-picto-grille-active-white {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -40px -13px !important;
    width: 13px;
    height: 13px
}

.icon-galerie-picto-grille-active {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: 0px -37px !important;
    width: 13px;
    height: 13px
}

.icon-galerie-picto-grille-passive {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -13px -37px !important;
    width: 13px;
    height: 13px
}

.icon-galerie-picto-play {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -53px 0px !important;
    width: 7px;
    height: 15px
}

.icon-galerie-picto-visionneuse-active-white {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: 0px -24px !important;
    width: 13px;
    height: 13px
}

.icon-galerie-picto-visionneuse-active {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -26px -24px !important;
    width: 13px;
    height: 13px
}

.icon-galerie-picto-visionneuse-passive {
    background-image: url(/images/bureau/sprites/spriteGalerie.png) !important;
    background-position: -40px 0px !important;
    width: 13px;
    height: 13px
}

.body-main-fichevin {
    position: fixed;
    top: 0;
    display: none;
    width: 100%
}

.body-main-fichevin h1 {
    color: #413a33;
    font-size: 3.2em
}

.body-main-fichevin .fichehaut {
    position: absolute;
    top: 0;
    z-index: 3;
    padding-top: 250px;
    max-height: 1020px;
    width: 100%;
    height: 100%;
    color: #60564c
}

@media (max-height: 700px) {
    .body-main-fichevin .fichehaut {
        padding-top:100px
    }
}

@media (min-height: 1200px) {
    .body-main-fichevin .fichehaut {
        top:120px
    }
}

.body-main-fichevin .fichehaut-content {
    position: absolute;
    top: 270px;
    bottom: 90px;
    left: 50%;
    margin-left: -350px;
    width: 740px;
    text-align: left
}

@media (max-height: 700px) {
    .body-main-fichevin .fichehaut-content {
        bottom:70px;
        top: 130px
    }
}

.body-main-fichevin .fichehaut-content-content {
    position: absolute;
    top: 60px;
    bottom: 0;
    margin-bottom: 0px;
    width: 100%;
    color: #60564c
}

.body-main-fichevin .fichehaut-content-libelle {
    display: inline-block;
    text-align: left
}

.body-main-fichevin .fichehaut-content-libelle-titre {
    color: #60564c
}

.body-main-fichevin .fichehaut-content-libelle-titre_content {
    margin-bottom: 0px;
    color: #60564c;
    text-align: left
}

.body-main-fichevin .fichehaut-content-libelle-titre_content span {
    font-style: italic;
    font-size: 20px
}

.body-main-fichevin .fichehaut-content-libelle-titre_soustitre {
    margin-top: 10px;
    color: #60564c;
    text-align: right;
    letter-spacing: normal;
    font-size: 18px
}

.body-main-fichevin .fichehaut-content h3 {
    font-style: italic;
    font-size: 24px
}

.body-main-fichevin .fichehaut-content-ul li {
    margin-top: 30px
}

.body-main-fichevin .fichehaut-content-ul li.fichehaut-content_accord_mets_vins {
    display: none
}

.body-main-fichevin .fichehaut-tools {
    position: absolute;
    bottom: 42px;
    left: 50%;
    margin-left: -550px;
    max-width: 100%;
    width: 1100px;
    height: 50px;
    text-align: right
}

.body-main-fichevin .fichehaut-tools .btnAccord {
    display: none;
    position: absolute;
    left: 100px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.body-main-fichevin .fichehaut-bouteille {
    position: absolute;
    top: 130px;
    bottom: 80px;
    left: 50%;
    margin-left: -550px;
    width: 200px
}

.body-main-fichevin .fichehaut-bouteille img {
    position: absolute;
    bottom: 0;
    left: 50%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.body-main-fichevin .fichehaut-millesimes {
    position: absolute;
    top: 350px;
    bottom: 100px;
    left: 50%;
    margin-left: 400px;
    width: 100px
}

@media (max-height: 700px) {
    .body-main-fichevin .fichehaut-millesimes {
        top:220px
    }
}

.body-main-fichevin .fichehaut-millesimes:before {
    background-image: -webkit-linear-gradient( bottom , transparent, rgba(0,0,0,0.2), transparent);
    background-image: linear-gradient(to top, transparent, rgba(0,0,0,0.2), transparent);
    position: absolute;
    top: 20%;
    left: 0;
    width: 1px;
    height: 60%;
    content: ' '
}

.body-main-fichevin .fichehaut-millesimes a {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #60564c;
    text-decoration: none;
    font-size: 16px;
    font-family: 'ITC'
}

.body-main-fichevin .fichehaut-millesimes a.selected {
    color: #000000;
    font-style: italic
}

.body-main-fichevin .fichehaut-p {
    padding-left: 15px;
    letter-spacing: 0;
    font-size: 18px
}

.body-main-fichevin .fichehaut .bouton_retour {
    position: absolute;
    top: 280px;
    left: 50%;
    display: inline-block;
    margin-left: 400px;
    padding: 0 15px;
    width: auto;
    color: #60564c;
    text-decoration: none;
    font-style: italic;
    font-size: 18px
}

.body-main-fichevin .fichehaut .bouton_retour:before,.body-main-fichevin .fichehaut .bouton_retour:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 1px;
    background: #60564c;
    content: "";
    -webkit-transition: width 350ms ease;
    -moz-transition: width 350ms ease;
    transition: width 350ms ease
}

.body-main-fichevin .fichehaut .bouton_retour:after {
    right: 0;
    left: auto
}

.body-main-fichevin .fichehaut .bouton_retour:hover:before,.body-main-fichevin .fichehaut .bouton_retour:hover:after {
    width: 10px
}

@media (max-height: 700px) {
    .body-main-fichevin .fichehaut .bouton_retour {
        top:130px
    }
}

.body-main-fichevin .fichehaut-recommander {
    display: inline-block;
    margin-top: 40px;
    padding: 10px 20px;
    border: 1px solid rgba(255,255,255,0.25);
    color: #ffffff;
    text-decoration: none;
    font-size: 20px
}

.body-main-fichevin .fichehaut-bouton {
    display: inline-block;
    margin-top: 0;
    margin-right: 10px;
    padding: 10px 20px;
    height: 48px;
    border: 1px solid #60564c;
    color: #60564c;
    text-decoration: none;
    white-space: nowrap;
    font-size: 20px;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    transition: all 350ms ease
}

.body-main-fichevin .fichehaut-bouton:hover {
    background: #60564c;
    color: #ffffff
}

.body-main-fichevin .fichehaut-bouton.share:hover {
    background: transparent;
    color: #60564c
}

.body-main-fichevin .fichehaut-bouton a {
    margin: 0;
    color: #60564c;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    transition: all 350ms ease
}

.body-main-fichevin .fichehaut-bouton a.telecharger:hover {
    background: #60564c;
    color: #ffffff
}

.body-main-fichevin .fichehaut-bouton .picto {
    margin: 0 5px
}

.body-main-fichevin .fichehaut-bouton svg {
    width: 15px;
    height: 15px;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    transition: all 350ms ease
}

.body-main-fichevin .fichehaut-bouton svg:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25)
}

.body-main-fichevin .fichehaut-bouton svg:hover path {
    fill: #463f38
}

.body-main-fichevin .backgroundLight {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%
}

.body-main-fichevin .backgroundLight div {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 1
}

.body-main-fichevin .ecran2 {
    display: flex;
    align-items: center
}

.body-main-fichevin .ecran2 .fichebas {
    position: relative;
    left: 5%;
    width: 500px;
    color: #ffffff;
    text-align: center
}

html.ie9 .body-main-fichevin .ecran2 .fichebas {
    display: block;
    padding-top: 300px
}

.body-main-fichevin .ecran2 .fichebas-libelle-titre_content {
    margin-bottom: 20px;
    color: #ffffff;
    text-align: center
}

.body-main-fichevin .ecran2 .fichebas-libelle-titre_soustitre {
    color: #ffffff;
    font-size: 18px
}

.body-main-fichevin .ecran2 .fichebas-libelle-texte {
    overflow: auto;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
    height: 320px;
    text-align: justify;
    letter-spacing: normal
}

.body-main-fichevin .ecran2 .fichebas-telecharger {
    display: inline-block;
    margin-top: 40px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,0.25);
    color: #ffffff;
    text-decoration: none;
    font-size: 20px
}