@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900);

@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700italic);

@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,100,200,300,600,700,800,900);

@import url(https://fonts.googleapis.com/css?family=IM+Fell+English:400,400italic);

@import url(https://fonts.googleapis.com/css?family=Radley:400,400italic);

.or {

    color: #e0c21c !important;

}

.affix-top {

    position: fixed;

}

.bg-or {

    background-color: #e0c21c !important;

}

a.bg-or:hover {

    background-color: #e0c21c !important;

    color: #e0c21c !important;

}

.or-light {

    color: #e8cf47 !important;

}

.bg-or-light {

    background-color: #e8cf47 !important;

}

a.bg-or-light:hover {

    background-color: #e8cf47 !important;

    color: #e8cf47 !important;

}

.or-medium {

    color: #e5c930 !important;

}

.bg-or-medium {

    background-color: #e5c930 !important;

}

a.bg-or-medium:hover {

    background-color: #e5c930 !important;

    color: #e5c930 !important;

}

.or-dark {

    color: #b39b16 !important;

}

.bg-or-dark {

    background-color: #b39b16 !important;

}

a.bg-or-dark:hover {

    background-color: #b39b16 !important;

    color: #b39b16 !important;

}

.or-darker {

    color: #6f600e !important;

}

.bg-or-darker {

    background-color: #6f600e !important;

}

a.bg-or-darker:hover {

    background-color: #6f600e !important;

    color: #6f600e !important;

}

.bg-or-transparent {

    background-color: rgba(232, 207, 71, 0.8) !important;

}

.bg-or-transparent-mid {

    background-color: rgba(232, 207, 71, 0.45) !important;

}

.bg-or-transparent-strong {

    background-color: rgba(232, 207, 71, 0.15) !important;

}

.blanc {

    color: #FFFFFF !important;

}

.bg-blanc {

    background-color: #FFFFFF !important;

}

a.bg-blanc:hover {

    background-color: #FFFFFF !important;

    color: #FFFFFF !important;

}

.blanc-light {

    color: #ffffff !important;

}

.bg-blanc-light {

    background-color: #ffffff !important;

}

a.bg-blanc-light:hover {

    background-color: #ffffff !important;

    color: #ffffff !important;

}

.blanc-medium {

    color: #ffffff !important;

}

.bg-blanc-medium {

    background-color: #ffffff !important;

}

a.bg-blanc-medium:hover {

    background-color: #ffffff !important;

    color: #ffffff !important;

}

.blanc-dark {

    color: #e6e6e6 !important;

}

.bg-blanc-dark {

    background-color: #e6e6e6 !important;

}

a.bg-blanc-dark:hover {

    background-color: #e6e6e6 !important;

    color: #e6e6e6 !important;

}

.blanc-darker {

    color: #bfbfbf !important;

}

.bg-blanc-darker {

    background-color: #bfbfbf !important;

}

a.bg-blanc-darker:hover {

    background-color: #bfbfbf !important;

    color: #bfbfbf !important;

}

.bg-blanc-transparent {

    background-color: rgba(255, 255, 255, 0.8) !important;

}

.bg-blanc-transparent-mid {

    background-color: rgba(255, 255, 255, 0.45) !important;

}

.bg-blanc-transparent-strong {

    background-color: rgba(255, 255, 255, 0.15) !important;

}

.noir {

    color: #000000 !important;

}

.bg-noir {

    background-color: #000000 !important;

}

a.bg-noir:hover {

    background-color: #000000 !important;

    color: #000000 !important;

}

.noir-light {

    color: #1a1a1a !important;

}

.bg-noir-light {

    background-color: #1a1a1a !important;

}

a.bg-noir-light:hover {

    background-color: #1a1a1a !important;

    color: #1a1a1a !important;

}

.noir-medium {

    color: #0d0d0d !important;

}

.bg-noir-medium {

    background-color: #0d0d0d !important;

}

a.bg-noir-medium:hover {

    background-color: #0d0d0d !important;

    color: #0d0d0d !important;

}

.noir-dark {

    color: #000000 !important;

}

.bg-noir-dark {

    background-color: #000000 !important;

}

a.bg-noir-dark:hover {

    background-color: #000000 !important;

    color: #000000 !important;

}

.noir-darker {

    color: #000000 !important;

}

.bg-noir-darker {

    background-color: #000000 !important;

}

a.bg-noir-darker:hover {

    background-color: #000000 !important;

    color: #000000 !important;

}

.bg-noir-transparent {

    background-color: rgba(26, 26, 26, 0.8) !important;

}

.bg-noir-transparent-mid {

    background-color: rgba(26, 26, 26, 0.45) !important;

}

.bg-noir-transparent-strong {

    background-color: rgba(26, 26, 26, 0.15) !important;

}

.orange {

    color: #f89e47 !important;

}

.bg-orange {

    background-color: #f89e47 !important;

}

a.bg-orange:hover {

    background-color: #f89e47 !important;

    color: #f89e47 !important;

}

.orange-light {

    color: #fab878 !important;

}

.bg-orange-light {

    background-color: #fab878 !important;

}

a.bg-orange-light:hover {

    background-color: #fab878 !important;

    color: #fab878 !important;

}

.orange-medium {

    color: #f9ab60 !important;

}

.bg-orange-medium {

    background-color: #f9ab60 !important;

}

a.bg-orange-medium:hover {

    background-color: #f9ab60 !important;

    color: #f9ab60 !important;

}

.orange-dark {

    color: #f68416 !important;

}

.bg-orange-dark {

    background-color: #f68416 !important;

}

a.bg-orange-dark:hover {

    background-color: #f68416 !important;

    color: #f68416 !important;

}

.orange-darker {

    color: #b85e07 !important;

}

.bg-orange-darker {

    background-color: #b85e07 !important;

}

a.bg-orange-darker:hover {

    background-color: #b85e07 !important;

    color: #b85e07 !important;

}

.bg-orange-transparent {

    background-color: rgba(250, 184, 120, 0.8) !important;

}

.bg-orange-transparent-mid {

    background-color: rgba(250, 184, 120, 0.45) !important;

}

.bg-orange-transparent-strong {

    background-color: rgba(250, 184, 120, 0.15) !important;

}

.vert {

    color: #68bd46 !important;

}

.bg-vert {

    background-color: #68bd46 !important;

}

a.bg-vert:hover {

    background-color: #68bd46 !important;

    color: #68bd46 !important;

}

.vert-light {

    color: #87ca6c !important;

}

.bg-vert-light {

    background-color: #87ca6c !important;

}

a.bg-vert-light:hover {

    background-color: #87ca6c !important;

    color: #87ca6c !important;

}

.vert-medium {

    color: #77c459 !important;

}

.bg-vert-medium {

    background-color: #77c459 !important;

}

a.bg-vert-medium:hover {

    background-color: #77c459 !important;

    color: #77c459 !important;

}

.vert-dark {

    color: #539937 !important;

}

.bg-vert-dark {

    background-color: #539937 !important;

}

a.bg-vert-dark:hover {

    background-color: #539937 !important;

    color: #539937 !important;

}

.vert-darker {

    color: #346123 !important;

}

.bg-vert-darker {

    background-color: #346123 !important;

}

a.bg-vert-darker:hover {

    background-color: #346123 !important;

    color: #346123 !important;

}

.bg-vert-transparent {

    background-color: rgba(135, 202, 108, 0.8) !important;

}

.bg-vert-transparent-mid {

    background-color: rgba(135, 202, 108, 0.45) !important;

}

.bg-vert-transparent-strong {

    background-color: rgba(135, 202, 108, 0.15) !important;

}

.vert-olive {

    color: #909455 !important;

}

.bg-vert-olive {

    background-color: #909455 !important;

}

a.bg-vert-olive:hover {

    background-color: #909455 !important;

    color: #909455 !important;

}

.vert-olive-light {

    color: #a9ad6f !important;

}

.bg-vert-olive-light {

    background-color: #a9ad6f !important;

}

a.bg-vert-olive-light:hover {

    background-color: #a9ad6f !important;

    color: #a9ad6f !important;

}

.vert-olive-medium {

    color: #9fa35f !important;

}

.bg-vert-olive-medium {

    background-color: #9fa35f !important;

}

a.bg-vert-olive-medium:hover {

    background-color: #9fa35f !important;

    color: #9fa35f !important;

}

.vert-olive-dark {

    color: #707442 !important;

}

.bg-vert-olive-dark {

    background-color: #707442 !important;

}

a.bg-vert-olive-dark:hover {

    background-color: #707442 !important;

    color: #707442 !important;

}

.vert-olive-darker {

    color: #414326 !important;

}

.bg-vert-olive-darker {

    background-color: #414326 !important;

}

a.bg-vert-olive-darker:hover {

    background-color: #414326 !important;

    color: #414326 !important;

}

.bg-vert-olive-transparent {

    background-color: rgba(169, 173, 111, 0.8) !important;

}

.bg-vert-olive-transparent-mid {

    background-color: rgba(169, 173, 111, 0.45) !important;

}

.bg-vert-olive-transparent-strong {

    background-color: rgba(169, 173, 111, 0.15) !important;

}

.jaune {

    color: #ffd017 !important;

}

.bg-jaune {

    background-color: #ffd017 !important;

}

a.bg-jaune:hover {

    background-color: #ffd017 !important;

    color: #ffd017 !important;

}

.jaune-light {

    color: #ffda4a !important;

}

.bg-jaune-light {

    background-color: #ffda4a !important;

}

a.bg-jaune-light:hover {

    background-color: #ffda4a !important;

    color: #ffda4a !important;

}

.jaune-medium {

    color: #ffd531 !important;

}

.bg-jaune-medium {

    background-color: #ffd531 !important;

}

a.bg-jaune-medium:hover {

    background-color: #ffd531 !important;

    color: #ffd531 !important;

}

.jaune-dark {

    color: #e3b500 !important;

}

.bg-jaune-dark {

    background-color: #e3b500 !important;

}

a.bg-jaune-dark:hover {

    background-color: #e3b500 !important;

    color: #e3b500 !important;

}

.jaune-darker {

    color: #977800 !important;

}

.bg-jaune-darker {

    background-color: #977800 !important;

}

a.bg-jaune-darker:hover {

    background-color: #977800 !important;

    color: #977800 !important;

}

.bg-jaune-transparent {

    background-color: rgba(255, 218, 74, 0.8) !important;

}

.bg-jaune-transparent-mid {

    background-color: rgba(255, 218, 74, 0.45) !important;

}

.bg-jaune-transparent-strong {

    background-color: rgba(255, 218, 74, 0.15) !important;

}

.jaune-olive {

    color: #ffe865 !important;

}

.bg-jaune-olive {

    background-color: #ffe865 !important;

}

a.bg-jaune-olive:hover {

    background-color: #ffe865 !important;

    color: #ffe865 !important;

}

.jaune-olive-light {

    color: #fff098 !important;

}

.bg-jaune-olive-light {

    background-color: #fff098 !important;

}

a.bg-jaune-olive-light:hover {

    background-color: #fff098 !important;

    color: #fff098 !important;

}

.jaune-olive-medium {

    color: #ffec7f !important;

}

.bg-jaune-olive-medium {

    background-color: #ffec7f !important;

}

a.bg-jaune-olive-medium:hover {

    background-color: #ffec7f !important;

    color: #ffec7f !important;

}

.jaune-olive-dark {

    color: #ffe032 !important;

}

.bg-jaune-olive-dark {

    background-color: #ffe032 !important;

}

a.bg-jaune-olive-dark:hover {

    background-color: #ffe032 !important;

    color: #ffe032 !important;

}

.jaune-olive-darker {

    color: #e5c200 !important;

}

.bg-jaune-olive-darker {

    background-color: #e5c200 !important;

}

a.bg-jaune-olive-darker:hover {

    background-color: #e5c200 !important;

    color: #e5c200 !important;

}

.bg-jaune-olive-transparent {

    background-color: rgba(255, 240, 152, 0.8) !important;

}

.bg-jaune-olive-transparent-mid {

    background-color: rgba(255, 240, 152, 0.45) !important;

}

.bg-jaune-olive-transparent-strong {

    background-color: rgba(255, 240, 152, 0.15) !important;

}

.brun {

    color: #b28c2f !important;

}

.bg-brun {

    background-color: #b28c2f !important;

}

a.bg-brun:hover {

    background-color: #b28c2f !important;

    color: #b28c2f !important;

}

.brun-light {

    color: #cea746 !important;

}

.bg-brun-light {

    background-color: #cea746 !important;

}

a.bg-brun-light:hover {

    background-color: #cea746 !important;

    color: #cea746 !important;

}

.brun-medium {

    color: #c69c34 !important;

}

.bg-brun-medium {

    background-color: #c69c34 !important;

}

a.bg-brun-medium:hover {

    background-color: #c69c34 !important;

    color: #c69c34 !important;

}

.brun-dark {

    color: #8a6c24 !important;

}

.bg-brun-dark {

    background-color: #8a6c24 !important;

}

a.bg-brun-dark:hover {

    background-color: #8a6c24 !important;

    color: #8a6c24 !important;

}

.brun-darker {

    color: #4d3d14 !important;

}

.bg-brun-darker {

    background-color: #4d3d14 !important;

}

a.bg-brun-darker:hover {

    background-color: #4d3d14 !important;

    color: #4d3d14 !important;

}

.bg-brun-transparent {

    background-color: rgba(206, 167, 70, 0.8) !important;

}

.bg-brun-transparent-mid {

    background-color: rgba(206, 167, 70, 0.45) !important;

}

.bg-brun-transparent-strong {

    background-color: rgba(206, 167, 70, 0.15) !important;

}

.brun-fade {

    color: #d8ceba !important;

}

.bg-brun-fade {

    background-color: #d8ceba !important;

}

a.bg-brun-fade:hover {

    background-color: #d8ceba !important;

    color: #d8ceba !important;

}

.brun-fade-light {

    color: #eae5db !important;

}

.bg-brun-fade-light {

    background-color: #eae5db !important;

}

a.bg-brun-fade-light:hover {

    background-color: #eae5db !important;

    color: #eae5db !important;

}

.brun-fade-medium {

    color: #e1daca !important;

}

.bg-brun-fade-medium {

    background-color: #e1daca !important;

}

a.bg-brun-fade-medium:hover {

    background-color: #e1daca !important;

    color: #e1daca !important;

}

.brun-fade-dark {

    color: #c6b799 !important;

}

.bg-brun-fade-dark {

    background-color: #c6b799 !important;

}

a.bg-brun-fade-dark:hover {

    background-color: #c6b799 !important;

    color: #c6b799 !important;

}

.brun-fade-darker {

    color: #aa9469 !important;

}

.bg-brun-fade-darker {

    background-color: #aa9469 !important;

}

a.bg-brun-fade-darker:hover {

    background-color: #aa9469 !important;

    color: #aa9469 !important;

}

.bg-brun-fade-transparent {

    background-color: rgba(234, 229, 219, 0.8) !important;

}

.bg-brun-fade-transparent-mid {

    background-color: rgba(234, 229, 219, 0.45) !important;

}

.bg-brun-fade-transparent-strong {

    background-color: rgba(234, 229, 219, 0.15) !important;

}

.brun-gris {

    color: #d8ceba !important;

}

.bg-brun-gris {

    background-color: #d8ceba !important;

}

a.bg-brun-gris:hover {

    background-color: #d8ceba !important;

    color: #d8ceba !important;

}

.brun-gris-light {

    color: #eae5db !important;

}

.bg-brun-gris-light {

    background-color: #eae5db !important;

}

a.bg-brun-gris-light:hover {

    background-color: #eae5db !important;

    color: #eae5db !important;

}

.brun-gris-medium {

    color: #e1daca !important;

}

.bg-brun-gris-medium {

    background-color: #e1daca !important;

}

a.bg-brun-gris-medium:hover {

    background-color: #e1daca !important;

    color: #e1daca !important;

}

.brun-gris-dark {

    color: #c6b799 !important;

}

.bg-brun-gris-dark {

    background-color: #c6b799 !important;

}

a.bg-brun-gris-dark:hover {

    background-color: #c6b799 !important;

    color: #c6b799 !important;

}

.brun-gris-darker {

    color: #aa9469 !important;

}

.bg-brun-gris-darker {

    background-color: #aa9469 !important;

}

a.bg-brun-gris-darker:hover {

    background-color: #aa9469 !important;

    color: #aa9469 !important;

}

.bg-brun-gris-transparent {

    background-color: rgba(234, 229, 219, 0.8) !important;

}

.bg-brun-gris-transparent-mid {

    background-color: rgba(234, 229, 219, 0.45) !important;

}

.bg-brun-gris-transparent-strong {

    background-color: rgba(234, 229, 219, 0.15) !important;

}

.rouge {

    color: #c72525 !important;

}

.bg-rouge {

    background-color: #c72525 !important;

}

a.bg-rouge:hover {

    background-color: #c72525 !important;

    color: #c72525 !important;

}

.rouge-light {

    color: #dc4343 !important;

}

.bg-rouge-light {

    background-color: #dc4343 !important;

}

a.bg-rouge-light:hover {

    background-color: #dc4343 !important;

    color: #dc4343 !important;

}

.rouge-medium {

    color: #d82d2d !important;

}

.bg-rouge-medium {

    background-color: #d82d2d !important;

}

a.bg-rouge-medium:hover {

    background-color: #d82d2d !important;

    color: #d82d2d !important;

}

.rouge-dark {

    color: #9c1d1d !important;

}

.bg-rouge-dark {

    background-color: #9c1d1d !important;

}

a.bg-rouge-dark:hover {

    background-color: #9c1d1d !important;

    color: #9c1d1d !important;

}

.rouge-darker {

    color: #5b1111 !important;

}

.bg-rouge-darker {

    background-color: #5b1111 !important;

}

a.bg-rouge-darker:hover {

    background-color: #5b1111 !important;

    color: #5b1111 !important;

}

.bg-rouge-transparent {

    background-color: rgba(220, 67, 67, 0.8) !important;

}

.bg-rouge-transparent-mid {

    background-color: rgba(220, 67, 67, 0.45) !important;

}

.bg-rouge-transparent-strong {

    background-color: rgba(220, 67, 67, 0.15) !important;

}

.taupe {

    color: #2b2421 !important;

}

.bg-taupe {

    background-color: #2b2421 !important;

}

a.bg-taupe:hover {

    background-color: #2b2421 !important;

    color: #2b2421 !important;

}

.taupe-light {

    color: #483c37 !important;

}

.bg-taupe-light {

    background-color: #483c37 !important;

}

a.bg-taupe-light:hover {

    background-color: #483c37 !important;

    color: #483c37 !important;

}

.taupe-medium {

    color: #39302c !important;

}

.bg-taupe-medium {

    background-color: #39302c !important;

}

a.bg-taupe-medium:hover {

    background-color: #39302c !important;

    color: #39302c !important;

}

.taupe-dark {

    color: #0e0c0b !important;

}

.bg-taupe-dark {

    background-color: #0e0c0b !important;

}

a.bg-taupe-dark:hover {

    background-color: #0e0c0b !important;

    color: #0e0c0b !important;

}

.taupe-darker {

    color: #000000 !important;

}

.bg-taupe-darker {

    background-color: #000000 !important;

}

a.bg-taupe-darker:hover {

    background-color: #000000 !important;

    color: #000000 !important;

}

.bg-taupe-transparent {

    background-color: rgba(72, 60, 55, 0.8) !important;

}

.bg-taupe-transparent-mid {

    background-color: rgba(72, 60, 55, 0.45) !important;

}

.bg-taupe-transparent-strong {

    background-color: rgba(72, 60, 55, 0.15) !important;

}

.gris {

    color: #CCC !important;

}

.bg-gris {

    background-color: #CCC !important;

}

a.bg-gris:hover {

    background-color: #CCC !important;

    color: #CCC !important;

}

.gris-light {

    color: #e6e6e6 !important;

}

.bg-gris-light {

    background-color: #e6e6e6 !important;

}

a.bg-gris-light:hover {

    background-color: #e6e6e6 !important;

    color: #e6e6e6 !important;

}

.gris-medium {

    color: #d9d9d9 !important;

}

.bg-gris-medium {

    background-color: #d9d9d9 !important;

}

a.bg-gris-medium:hover {

    background-color: #d9d9d9 !important;

    color: #d9d9d9 !important;

}

.gris-dark {

    color: #b3b3b3 !important;

}

.bg-gris-dark {

    background-color: #b3b3b3 !important;

}

a.bg-gris-dark:hover {

    background-color: #b3b3b3 !important;

    color: #b3b3b3 !important;

}

.gris-darker {

    color: #8c8c8c !important;

}

.bg-gris-darker {

    background-color: #8c8c8c !important;

}

a.bg-gris-darker:hover {

    background-color: #8c8c8c !important;

    color: #8c8c8c !important;

}

.bg-gris-transparent {

    background-color: rgba(230, 230, 230, 0.8) !important;

}

.bg-gris-transparent-mid {

    background-color: rgba(230, 230, 230, 0.45) !important;

}

.bg-gris-transparent-strong {

    background-color: rgba(230, 230, 230, 0.15) !important;

}

.bordeau {

    color: #1c060b !important;

}

.bg-bordeau {

    background-color: #1c060b !important;

}

a.bg-bordeau:hover {

    background-color: #1c060b !important;

    color: #1c060b !important;

}

.bordeau-light {

    color: #460f1c !important;

}

.bg-bordeau-light {

    background-color: #460f1c !important;

}

a.bg-bordeau-light:hover {

    background-color: #460f1c !important;

    color: #460f1c !important;

}

.bordeau-medium {

    color: #310b13 !important;

}

.bg-bordeau-medium {

    background-color: #310b13 !important;

}

a.bg-bordeau-medium:hover {

    background-color: #310b13 !important;

    color: #310b13 !important;

}

.bordeau-dark {

    color: #000000 !important;

}

.bg-bordeau-dark {

    background-color: #000000 !important;

}

a.bg-bordeau-dark:hover {

    background-color: #000000 !important;

    color: #000000 !important;

}

.bordeau-darker {

    color: #000000 !important;

}

.bg-bordeau-darker {

    background-color: #000000 !important;

}

a.bg-bordeau-darker:hover {

    background-color: #000000 !important;

    color: #000000 !important;

}

.bg-bordeau-transparent {

    background-color: rgba(70, 15, 28, 0.8) !important;

}

.bg-bordeau-transparent-mid {

    background-color: rgba(70, 15, 28, 0.45) !important;

}

.bg-bordeau-transparent-strong {

    background-color: rgba(70, 15, 28, 0.15) !important;

}

.marron {

    color: #a76e47 !important;

}

.bg-marron {

    background-color: #a76e47 !important;

}

a.bg-marron:hover {

    background-color: #a76e47 !important;

    color: #a76e47 !important;

}

.marron-light {

    color: #bd8864 !important;

}

.bg-marron-light {

    background-color: #bd8864 !important;

}

a.bg-marron-light:hover {

    background-color: #bd8864 !important;

    color: #bd8864 !important;

}

.marron-medium {

    color: #b57a52 !important;

}

.bg-marron-medium {

    background-color: #b57a52 !important;

}

a.bg-marron-medium:hover {

    background-color: #b57a52 !important;

    color: #b57a52 !important;

}

.marron-dark {

    color: #835638 !important;

}

.bg-marron-dark {

    background-color: #835638 !important;

}

a.bg-marron-dark:hover {

    background-color: #835638 !important;

    color: #835638 !important;

}

.marron-darker {

    color: #4e3321 !important;

}

.bg-marron-darker {

    background-color: #4e3321 !important;

}

a.bg-marron-darker:hover {

    background-color: #4e3321 !important;

    color: #4e3321 !important;

}

.bg-marron-transparent {

    background-color: rgba(189, 136, 100, 0.8) !important;

}

.bg-marron-transparent-mid {

    background-color: rgba(189, 136, 100, 0.45) !important;

}

.bg-marron-transparent-strong {

    background-color: rgba(189, 136, 100, 0.15) !important;

}

.transparent {

    background-color: transparent;

}

a.transparent:hover {

    background-color: #999 !important;

    color: #FFFFFF !important;

}

.transparent-bleu {

    opacity: 0.9;

}

.radial-gris {

    background: #FFFFFF;

    background: -moz-radial-gradient(center, ellipse cover, #FFFFFF 0%, #F0F0F0 100%);

    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #FFFFFF), color-stop(100%, #F0F0F0));

    background: -webkit-radial-gradient(center, ellipse cover, #FFFFFF 0%, #F0F0F0 100%);

    background: -o-radial-gradient(center, ellipse cover, #FFFFFF 0%, #F0F0F0 100%);

    background: -ms-radial-gradient(center, ellipse cover, #FFFFFF 0%, #F0F0F0 100%);

    background: radial-gradient(ellipse at center, #FFFFFF 0%, #F0F0F0 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=1);

}

.radial-jaune {

    background: #FFFFFF;

    background: -moz-radial-gradient(center, ellipse cover, #FFFFFF 0%, #ffd017 100%);

    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #FFFFFF), color-stop(100%, #ffd017));

    background: -webkit-radial-gradient(center, ellipse cover, #FFFFFF 0%, #ffd017 100%);

    background: -o-radial-gradient(center, ellipse cover, #FFFFFF 0%, #ffd017 100%);

    background: -ms-radial-gradient(center, ellipse cover, #FFFFFF 0%, #ffd017 100%);

    background: radial-gradient(ellipse at center, #FFFFFF 0%, #ffd017 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=1);

}

.radial-orange {

    background: #FFFFFF;

    background: -moz-radial-gradient(center, ellipse cover, #FFFFFF 0%, #f89e47 100%);

    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #FFFFFF), color-stop(100%, #f89e47));

    background: -webkit-radial-gradient(center, ellipse cover, #FFFFFF 0%, #f89e47 100%);

    background: -o-radial-gradient(center, ellipse cover, #FFFFFF 0%, #f89e47 100%);

    background: -ms-radial-gradient(center, ellipse cover, #FFFFFF 0%, #f89e47 100%);

    background: radial-gradient(ellipse at center, #FFFFFF 0%, #f89e47 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=1);

}

.gradient-blanc-transparent {

    background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.25) 80%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(80%, rgba(255, 255, 255, 0.25)));

    background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.25) 80%);

    background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.25) 80%);

    background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.25) 80%);

    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.25) 80%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="rgba(255,255,255,0.25)", GradientType=0);

}

.btn-warning {

    color: #FFFFFF;

    background-color: #f89e47 !important;

    border-color: #f68416 !important;

}

.desaturate {

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}

.desaturate:not(:hover) {

    filter: grayscale;

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

}

.desaturate:hover {

    filter: grayscale;

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

}

.opacite-subtile {

    opacity: 0.05;

}

.opacite-legere {

    opacity: 0.1;

}

.opacite-moyenne {

    opacity: 0.5;

}

.opacite-forte {

    opacity: 0.8;

}

.ombretexte-legere {

    -webkit-text-shadow: 0px 0px 1px #000;

    -moz-text-shadow: 0px 0px 1px #000;

    text-shadow: 0px 0px 1px #000;

}

.ombretexte-moyenne {

    -webkit-text-shadow: 0px 0px 3px #000;

    -moz-text-shadow: 0px 0px 3px #000;

    text-shadow: 0px 0px 3px #000;

}

.ombretexte-forte {

    -webkit-text-shadow: 0px 0px 6px #000;

    -moz-text-shadow: 0px 0px 6px #000;

    text-shadow: 0px 0px 6px #000;

}

.ombretexte-moyenne-blanc {

    -webkit-text-shadow: 1px 0px 3px #FFF;

    -moz-text-shadow: 1px 0px 3px #FFF;

    text-shadow: 1px 0px 3px #FFF;

}

.nav-centered {

    margin: 0 auto;

    display: table;

    table-layout: fixed;

    float: none;

}

.nav-disabled a:hover {

    background-color: transparent !important;

    color: #b28c2f !important;

    cursor: default;

}

.onepage-nav {

    clear: left;

    float: left;

    border-radius: 0px;

    margin-bottom: 0px;

}

.onepage-nav .navbar-inverse {

    background-color: #222;

    border-color: #080808;

}

.onepage-nav.affix {

    top: 169px;

    z-index: 1020;

}

.onepage-nav li:not(.active) a {

    color: #FFFFFF !important;

}

.onepage-nav li a {

    padding-top: 5px;

    padding-bottom: 5px;

    border-radius: 7px;

    margin-top: 7px;

}

.onepage-nav li.active a,

.onepage-nav li a:hover {

    color: #1a1a1a;

    background-color: #e0c21c !important;

}

@media (max-width: 420px) {

    #primary-nav {

        margin-bottom: 0px;

        margin-top: 0px;

    }

}

#primary-nav:before {

    content: "";

    position: absolute;

    z-index: -2;

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    bottom: 0;

    left: 10px;

    right: 10px;

    -moz-border-radius: 300px / 50px;

    border-radius: 600px / 90px;

    width: 100%;

    height: 70px;

    margin: 0 auto;

}

#primary-nav:after {

    content: "";

    position: absolute;

    z-index: -1;

    bottom: 0;

    width: 100%;

    height: 70px;

    margin: 0 auto;

    background-color: #FFFFFF;

}

#primary-nav {

    background-color: #FFFFFF;

    border-color: transparent;

}

#primary-nav li:not(.logo) a {

    color: #b28c2f;

    font-size: 14px;

    height: 40px;

    padding-top: 16px;

    border-radius: 5px;

    text-transform: uppercase;

    line-height: 0.8em;

    font-weight: 700;

}

#primary-nav li:not(.logo) a:hover {

    color: #FFFFFF;

    background-color: #d6c06c;

}

#primary-nav li.active a,

#primary-nav li.active a:hover {

    color: #FFFFFF;

    background-color: #d6c06c;

}

#primary-nav li.logo.active a,

#primary-nav li.logo.active a:hover {

    color: #FFFFFF;

    background-color: transparent;

}

@media (max-width: 767px) {

    a.navbar-brand {

        width: 70%;

        height: 53px;

    }

    .navbar-toggle {

        margin-top: 25px;

    }

    .navbar-header {

        margin-right: 0px !important;

        margin-left: 0px !important;

    }

    #primary-nav {

        background-color: black;

    }

    #primary-nav:after {

        background-color: black;

    }

}

@media screen and (min-width: 768px) and (max-width: 1000px) {

    a.navbar-brand img {

        padding: 10px 1px;

        max-width: 100% !important;

    }

    .navbar-nav > li.logo > a.navbar-brand {

        padding-top: 15px;

        padding-bottom: 1px;

    }

    .navbar-nav > li.logo {

        width: 25%;

        display: block;

    }

    #primary-nav .navbar-nav > li > a:not(.navbar-brand) {

        font-size: 14px;

    }

}

@media (min-width: 768px) {

    #primary-nav {

        min-height: 70px;

    }

    #primary-nav .navbar-nav > li > a:not(.navbar-brand) {

        margin-top: 13px;

        float: left;

    }

    #primary-nav .navbar-nav > li > a.navbar-brand {

        margin-top: 0px;

    }

    #primary-nav li:not(.logo):nth-child(2):before,
    #primary-nav li:not(.logo):nth-child(3):before,
	#primary-nav li:not(.logo):nth-child(4):before,
    #primary-nav li:not(.logo):nth-child(5):before,
    #primary-nav li:not(.logo):nth-child(6):before	{

        content: '|';

        float: left;

        margin-top: 27px;

        color: #b28c2f;

        font-size: 10px;

        padding: 0 10px;

    }

}

@media (min-width: 768px) {

    #secondary-nav .nav-justified > li {

        display: table-cell;

        width: auto;

    }

    #secondary-nav li:nth-child(1n + 2):before {

        content: '|';

        color: #b28c2f;

        font-size: 10px;

        padding: 0 5px;

    }

}

#secondary-nav li a {

    color: #b28c2f;

    font-size: 13px;

    padding-top: 5px;

    padding-bottom: 5px;

    border-radius: 5px;

    text-transform: uppercase;

    display: inline-block;

    font-weight: 700;

}

#secondary-nav {

    z-index: 1020;

    width: 100%;

    background-color: #FFFFFF;

    box-shadow: 1px 3px 8px rgba(77, 76, 76, 0.19);

    border-radius: 0;

    border: none;

    clear: left;

    float: left;

    margin-bottom: 0px;

    /*

    top: 70px;

    position: fixed;

    */

}

#secondary-nav .nav {

    padding: 6px 0px;

    background-color: #FFFFFF;

}

#secondary-nav .nav li a:hover {

    color: #FFFFFF;

    background: #d6c06c;

}

#secondary-nav .nav li.active a,

#secondary-nav .nav li.active a:hover {

    color: #fff;

    background: #e0c21c;

}

@media (max-width: 768px) {

    #secondary-nav {

        /*top: 68px;*/

    }

}

@media (min-width: 768px) {

    #tertiary-nav .nav-justified > li {

        display: table-cell;

        width: auto;

    }

    #tertiary-nav li:nth-child(1n + 2):before {

        content: '|';

        color: #b28c2f;

        font-size: 10px;

        padding: 0 5px;

    }

}

#tertiary-nav li a {

    color: #FFFFFF;

    font-size: 13px;

    padding-top: 2px;

    padding-bottom: 2px;

    border-radius: 2px;

    text-transform: uppercase;

    display: inline-block;

    font-weight: 700;

}

#tertiary-nav {

    top: 120px;

    z-index: 1020;

    width: 100%;

    background-color: #1c060b;

    box-shadow: 1px 3px 8px rgba(77, 76, 76, 0.19);

    border-radius: 0;

    border: none;

    clear: left;

    float: left;

    margin-bottom: 0px;

    position: fixed;

    min-height: 35px;

}

#tertiary-nav .nav {

    padding: 4px 0px;

    background-color: #1c060b;

}

#tertiary-nav .nav li a:hover {

    color: #FFFFFF;

    background: #b28c2f;

}

#tertiary-nav .nav li.active a,

#tertiary-nav .nav li.active a:hover {

    color: #fff;

    background: #e0c21c;

}

@media (max-width: 768px) {

    #tertiary-nav {

        top: 68px;

    }

}

.navbar-default .navbar-toggle,

.navbar-default .navbar-toggle:visited {

    background-color: #d6c06c;

    border-color: #d6c06c;

}

.navbar-default .navbar-toggle:focus,

.navbar-default .navbar-toggle:hover {

    background-color: #FFFFFF;

    border-color: #d6c06c;

}

.offcanvas {

    margin-top: 78px;

    text-transform: uppercase;

}

.offcanvas .dropdown-backdrop {

    display: none;

}

.offcanvas .caret {

    display: block;

    float: right;

    margin-top: 10px;

    margin-right: 15px;

}

.offcanvas > .navmenu-nav {

    margin-top: 15px;

}

.offcanvas > .navmenu-nav > li > a {

    padding-top: 15px;

    padding-bottom: 15px;

}

.offcanvas .dropdown-menu > li > a {

    padding-top: 6px;

    padding-bottom: 6px;

}

.offcanvas .dropdown-menu {

    padding-left: 15px;

}

section {

    background-color: white;

    background-repeat: no-repeat;

    background-size: cover;

    border-bottom: 1px solid #FFFFFF;

}

section:not(.navbar) {

    padding-bottom: 10px;

    clear: both;

    float: left;

    /*height: 360px;*/

}

section div#intro-image {

    position: relative;

}

section div#intro-texte {

    position: absolute;

    top: 20%;

    font-size: 150%;

    background-color: rgba(0, 0, 0, 0.5);

}

section .title-section {

    font-family: 'Raleway', sans-serif;

    padding: 5px 10px;

    background-color: #2b2421;

    color: #f5f5f5;

    font-size: 34px;

    font-weight: 500;

    text-align: center;

    text-transform: uppercase;

}

section .title-section span.bold {

    font-weight: 900;

}

section .title-section.top-page {

    background-color: transparent;

}

section.has-background {

    background-position: top center;

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 700px;

}

section.has-background h1.title-section {

    margin-top: 10px;

    font-size: 30px;

    font-weight: 300;

    text-transform: uppercase;

    text-align: left;

    padding: 30px 30px 0px;

    color: #FFFFFF;

    background-color: #2b2421;

}

section.has-background h1.title-section + .subtitle-section {

    margin-top: 10px;

    font-size: 20px;

    padding: 30px;

    color: #FFFFFF;

}

section.has-background .subtitle-section {

    font-family: 'Raleway', 'Playfair Display', sans-serif;

    margin-top: 10px;

    font-size: 90px;

    padding: 15px 30px;

    color: #FFFFFF;

    border: none;

}

section.has-background .subtitle-section span.bold {

    font-weight: 700;

}

section.has-background .subtitle-section.big-date {

    margin-top: 10px;

    font-size: 90px;

    padding: 15px 30px;

    color: #FFFFFF;

    border: none;

}

section.has-background .subtitle-section.big-date.float-date {

    position: absolute;

    z-index: 10;

}

@media (min-width: 1600px) {

    section.has-background .subtitle-section.big-date.float-date {

        margin-left: 50px !important;

    }

}

section.has-background .subtitle-section.min {

    font-size: 27px;

    line-height: 1.3em;

    padding: 10px 30px;

    text-align: center;

}

section.has-background .subtitle-section.has-background {

    background-color: rgba(0, 0, 0, 0.46);

}

section.has-background .text-section {

    padding: 30px;

    color: rgba(255, 255, 255, 0.9);

    letter-spacing: 0.01em;

    margin: 10px 0px 6px;

}

section .subtitle-section {

    font-family: 'Raleway', sans-serif;

    padding: 10px;

    margin: 50px 0px 6px;

    background-color: transparent;

    color: #333;

    font-size: 20px;

    font-weight: 900;

    text-align: left;

    line-height: 1em;

}

section .subtitle-section span {

    font-weight: 200;

}

section .subtitle-section span.bold {

    font-weight: 700;

}

section .subtitle-section.big-date {

    font-weight: 200;

    margin-top: 10px;

    font-size: 90px;

    padding: 15px 30px;

    color: #FFFFFF;

    border: none;

}

section .subtitle-section.big-date.float-date {

    position: absolute;

    z-index: 10;

}

@media (min-width: 1600px) {

    section .subtitle-section.big-date.float-date {

        margin-left: 50px !important;

    }

}

section .subtitle-section.mention {

    margin: 0px 0px 6px;

}

section .text-section {

    margin: 5px auto;

    color: rgba(0, 0, 0, 0.98);

    padding: 10px;

    text-align: justify;

}

section .text-section.has-background {

    padding: 30px;

    color: rgba(255, 255, 255, 0.9);

    background-color: #2b2421;

}

section .text-section.top-page {

    color: #FFFFFF;

    font-weight: 200;

}

section .text-section.small-page {

    color: #FFFFFF;

    font-weight: 200;

    margin: auto;

    width: 90%;

}

section .image-section {

    margin-top: 30px;

    margin-bottom: 30px;

}

section.onepage-nav.navbar-inverse {

    background-color: #1c060b !important;

    border-color: #1c060b !important;

}

section.onepage-nav.navbar-inverse li:not(.active) a {

    color: #b28c2f !important;

}

section.onepage-nav.navbar-inverse li a {

    font-size: 18px;

    font-weight: 700;

    padding-top: 5px;

    padding-bottom: 5px;

    border-radius: 7px;

    margin-top: 7px;

}

section.onepage-nav.navbar-inverse li.active a,

section.onepage-nav.navbar-inverse li a:hover {

    color: #1c060b !important;

    background-color: #b28c2f !important;

}

@media (max-width: 1200px) {

    #page-description.structure-a {

        padding: 15px 15px !important;

    }

}

#page-description.structure-a {

    height: 100%;

    background-size: cover;

    background-position: center;

    color: #F0F0F0;

    padding: 15px 45px;

    transition: all 0.5s;

    text-align: center;

    border: 5px 0px 5px inset #000000;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: center;

    font-style: nomal;

    font-size: 16px;

}

#page-description.structure-a[class^=bg-]:hover {

    background-color: #2b2421 !important;

}

#page-description.structure-a .title {

    font-family: 'Raleway', sans-serif;

    font-style: normal;

    color: #FFFFFF;

    text-transform: uppercase;

}

#page-description.structure-a span {

    display: block;

    margin: 15px 0;

    padding: 5px;

}

#page-description.structure-a h1 {

    font-size: 28px;

}

#page-description.structure-a h1 div {

    float: left;

}

#page-description.structure-a h1 .bold {

    font-weight: 700;

}

#page-description.structure-a h1 span {

    display: inline-block;

    margin: 5px 0px;

}

#page-accordeon.structure-a {

    padding: 5px 5px 0px 0px;

    height: 100%;

    background-image: url('../../assets/img/contenu/commun/fond-abstrait-scintillements-galliondroit.jpg');

    background-position: right center;

    background-size: contain;

}

#page-accordeon.structure-a a.tile {

    padding-left: 0px;

    padding-right: 5px;

    height: 100%;

    color: #FFFFFF;

    text-decoration: none;

    -webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

    overflow-y: hidden;

}

#page-accordeon.structure-a a.tile tile-content .editorial .desc {

    -webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

}

#page-accordeon.structure-a a.tile .tile-content {

    height: 100%;

    max-height: 100%;

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    padding-left: 0px;

    padding-right: 0px;

}

#page-accordeon.structure-a a.tile .tile-content.bg-center {

    background-position: center;

}

#page-accordeon.structure-a a.tile .tile-content.bg-movetop {

    background-position: left 225%;

}

#page-accordeon.structure-a a.tile .tile-content .bg-switch {

    height: 75%;

    min-height: 250px;

    background-size: cover;

    background-position: center;

}

#page-accordeon.structure-a a.tile .tile-content .bg-switch.shadowed {

    -webkit-transition: all 0.1s ease-out;

    -moz-transition: all 0.1s ease-out;

    -o-transition: all 0.1s ease-out;

    transition: all 0.1s ease-out;

    filter: 'brightness';

    -webkit-filter: brightness(50%);

    -moz-filter: brightness(50%);

    -ms-filter: brightness(50%);

    -o-filter: brightness(50%);

}

#page-accordeon.structure-a a.tile .tile-content .caption-container {

    height: 100%;

    width: 100%;

}

#page-accordeon.structure-a a.tile .tile-content .caption {

    font-family: 'PT Sans';

    background-color: #b28c2f;

    padding: 6px;

    color: #FFFFFF;

    min-height: 120px;

    font-size: 16px;

    text-transform: uppercase;

    text-align: center;

    -webkit-transition: all 0s ease-in-out;

    -moz-transition: all 0s ease-in-out;

    -o-transition: all 0s ease-in-out;

    transition: all 0s ease-in-out;

    box-shadow: 0 -8px 5px rgba(52, 51, 51, 0.59);

}

#page-accordeon.structure-a a.tile .tile-content .caption hr {

    margin: 5px auto;

    width: 80%;

}

#page-accordeon.structure-a a.tile .tile-content .caption .title {

    color: #FFFFFF;

    font-family: 'PT Sans';

    font-weight: 900;

    font-size: 25px;

    width: 100%;

    padding: 2px 0 0;

    margin-bottom: 0px;

    display: inline-block;

    text-transform: uppercase;

}

#page-accordeon.structure-a a.tile .tile-content .caption .desc-short {

    text-transform: capitalize;

    font-family: 'IM Fell English', serif !important;

    font-style: italic;

    font-size: 18px;

}

#page-accordeon.structure-a a.tile .tile-content .caption .readmore {

    padding-top: 3px;

    display: block;

    font-size: 12px;

}

#page-accordeon.structure-a a.tile .tile-content .caption .readmore .glyphicon,

#page-accordeon.structure-a a.tile .tile-content .caption .readmore .fa {

    font-size: 7px;

    top: 0px;

    padding-left: 4px;

}

#page-accordeon.structure-a a.tile .tile-content .caption:hover {

    color: #333 !important;

    background-color: #e1e4e6 !important;

}

#page-accordeon.structure-a a.tile .tile-content .caption:hover .title {

    color: #333 !important;

}

#page-accordeon.structure-a a.tile .tile-content .caption:hover hr {

    border-top: 1px solid #2b2421;

}

#page-accordeon.structure-a a.tile .tile-content .caption:hover .readmore {

    color: #c72525;

}

#page-accordeon.structure-a a.tile .tile-content .caption.editorial {

    height: auto;

    max-height: 100%;

}

#page-accordeon.structure-a a.tile .tile-content .caption.editorial .desc {

    font-size: 14px;

    text-transform: none;

    line-height: 1.3em;

    display: inline-block;

    margin-top: 10px;

    text-align: justify;

    padding: 0px 6px;

}

#page-accordeon.structure-a a.tile .tile-content .desc.overlay {

    position: absolute;

    bottom: -500px;

    padding: 30px;

    width: 100%;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

#page-accordeon.structure-a a.tile .tile-content .desc.overlay .content {

    display: block;

    text-align: justify;

    font-family: 'Open Sans', sans-serif;

    line-height: 1.5em;

    font-size: 13px;

}

#page-accordeon.structure-a a.tile .tile-content .desc.overlay .content .signature {

    font-weight: 700;

    float: right;

}

@media (min-width: 768px) {

    #page-accordeon.structure-a a.tile .tile-content:hover .desc.overlay {

        bottom: 56px !important;

        position: absolute;

    }

}

@media (max-width: 468px) {

    #page-accordeon.structure-a a.tile .tile-content .desc.overlay {

        bottom: 65px !important;

        position: relative;

    }

}

@media (max-width: 992px) {

    #page-description.structure-a {

        height: auto;

    }

}

@media (min-width: 469px) and (max-width: 768px) {

    #page-description.structure-a {

        height: auto;

    }

    #page-accordeon.structure-a {

        background-repeat: repeat-y;

    }

    #page-accordeon.structure-a a.tile {

        min-height: 650px;

        margin-top: 10px;

        border-right: 1px solid transparent;

    }

    #page-accordeon.structure-a a.tile .tile-content {

        min-height: 650px;

    }

    #page-accordeon.structure-a a.tile .tile-content.bg-movetop {

        background-position: center !important;

        background-size: cover !important;

    }

}

@media (max-width: 468px) {

    #page-description.structure-a {

        height: auto;

    }

    #page-accordeon.structure-a {

        padding-right: 0px;

        background-repeat: no-repeat;

    }

    #page-accordeon.structure-a a.tile {

        min-height: 350px;

        margin-top: 10px;

        border-right: 1px solid transparent;

        padding-right: 0px;

    }

    #page-accordeon.structure-a a.tile .tile-content .bg-switch {

        height: 100%;

        min-height: 370px;

        background-size: cover;

        background-position: right;

    }

    #page-accordeon.structure-a a.tile .tile-content.bg-movetop {

        background-position: center !important;

        background-size: contain !important;

    }

    #page-accordeon.structure-a a.tile .tile-content.bg-center {

        background-position: top center !important;

        background-size: contain !important;

    }

}

@media (min-width: 469px) and (max-width: 768px) {

    .tile {

        width: 50%;

    }

    .bg-switch {

        background-size: cover !important;

        min-height: 500px !important;

    }

}

@media (min-width: 1170px) {

    .caption-container {

        top: 0px;

        position: absolute;

    }

}

@media (max-width: 1200px) {

    #page-description.structure-b {

        padding: 15px 15px !important;

    }

}

#page-description.structure-b {

    height: 100%;

    background-color: #999;

    background-size: cover;

    background-position: center;

    color: #F0F0F0;

    padding: 15px 45px;

    transition: all 0.5s;

    text-align: center;

    border: 5px inset #000000;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: center;

}

#page-description.structure-b[class^=bg-]:hover {

    background-color: #2b2421 !important;

}

#page-description.structure-b .title {

    font-family: 'Raleway', sans-serif;

    color: #FFFFFF;

    text-transform: uppercase;

}

#page-description.structure-b span {

    display: block;

    margin: 15px 0;

    padding: 5px;

}

#page-accordeon.structure-b {

    padding: 5px;

    height: 100%;

    background-image: url('../../assets/img/contenu/commun/fond-abstrait-scintillements-galliondroit.jpg');

    background-position: right center;

    background-size: contain;

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

}

#page-accordeon.structure-b a.tile {

    padding-left: 0px;

    padding-right: 5px;

    border-right: 1px solid #000000;

    height: 100%;

    color: #FFFFFF;

    text-decoration: none;

    -webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

    -webkit-box-shadow: 0 0 0 0 #000000 inset;

    -moz-box-shadow: 0 0 0 0 #000000 inset;

    box-shadow: 0 0 0 0 #000000 inset;

    overflow-y: hidden;

}

#page-accordeon.structure-b a.tile tile-content .editorial .desc {

    -webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

}

#page-accordeon.structure-b a.tile:hover .tile-content {

    -webkit-box-shadow: 0 0 180px 0 #000000 inset;

    -moz-box-shadow: 0 0 180px 0 #000000 inset;

    box-shadow: 0 0 180px 0 #000000 inset;

}

#page-accordeon.structure-b a.tile .tile-content {

    height: 100%;

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    padding-left: 0px;

    padding-right: 0px;

}

#page-accordeon.structure-b a.tile .tile-content.bg-center {

    background-position: center;

}

#page-accordeon.structure-b a.tile .tile-content.bg-movetop {

    background-position: left 225%;

}

#page-accordeon.structure-b a.tile .tile-content .title {

    color: #FFFFFF;

    font-family: 'PT Sans';

    font-weight: 900;

    font-size: 20px;

    width: 100%;

    padding: 5px 0;

    margin-bottom: 0px;

    display: inline-block;

    text-transform: uppercase;

    padding-bottom: 0px;

}

#page-accordeon.structure-b a.tile .tile-content .title .hr-styled {

    margin-bottom: 5px;

}

#page-accordeon.structure-b a.tile .tile-content .caption {

    font-family: 'PT Sans';

    background-color: #b28c2f;

    padding: 6px;

    color: #FFFFFF;

    max-height: 137px;

    font-size: 16px;

    text-transform: uppercase;

    text-align: center;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

#page-accordeon.structure-b a.tile .tile-content .caption .hr-styled {

    margin-bottom: 5px;

}

#page-accordeon.structure-b a.tile .tile-content .caption hr {

    margin: 5px auto;

    width: 80%;

}

#page-accordeon.structure-b a.tile .tile-content .caption .readmore {

    padding-top: 3px;

    display: block;

}

#page-accordeon.structure-b a.tile .tile-content .caption:hover {

    color: #333 !important;

    background-color: #e1e4e6 !important;

}

#page-accordeon.structure-b a.tile .tile-content .caption:hover .title {

    color: #333 !important;

}

#page-accordeon.structure-b a.tile .tile-content .caption:hover hr {

    border-top: 1px solid #2b2421;

}

#page-accordeon.structure-b a.tile .tile-content .caption:hover .readmore {

    color: #c72525;

}

#page-accordeon.structure-b a.tile .tile-content .caption.editorial {

    height: auto;

    max-height: 100%;

}

#page-accordeon.structure-b a.tile .tile-content .caption.editorial .desc {

    font-size: 14px;

    text-transform: none;

    line-height: 1.3em;

    display: inline-block;

    margin-top: 10px;

    text-align: justify;

    padding: 0px 6px;

}

#page-accordeon.structure-b a.tile .tile-content .image-container {

    height: 500px;

    overflow: hidden;

    position: relative;

}

#page-accordeon.structure-b a.tile .tile-content .image-container img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}

#page-accordeon.structure-b a.tile .tile-content .desc.overlay {

    position: absolute;

    bottom: -500px;

    padding: 30px;

    width: 100%;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

#page-accordeon.structure-b a.tile .tile-content .desc.overlay .content {

    display: block;

    text-align: justify;

    font-family: 'Open Sans', sans-serif;

    line-height: 1.5em;

    font-size: 13px;

}

#page-accordeon.structure-b a.tile .tile-content .desc.overlay .content .signature {

    font-weight: 700;

    float: right;

}

@media (min-width: 768px) {

    #page-accordeon.structure-b a.tile .tile-content:hover .desc.overlay {

        bottom: 56px !important;

        position: absolute;

    }

}

@media (max-width: 468px) {

    #page-accordeon.structure-b a.tile .tile-content .desc.overlay {

        bottom: 65px !important;

        position: relative;

    }

    #page-accordeon.structure-b a.tile .tile-content .image-container {

        height: 300px;

    }

}

@media (min-width: 469px) and (max-width: 768px) {

    #page-accordeon.structure-b {

        background-repeat: repeat-y;

    }

    #page-accordeon.structure-b a.tile {

        min-height: 650px;

        margin-top: 10px;

        border-right: 1px solid transparent;

    }

    #page-accordeon.structure-b a.tile .tile-content {

        min-height: 650px;

    }

    #page-accordeon.structure-b a.tile .tile-content.bg-movetop {

        background-position: center !important;

        background-size: cover !important;

    }

    #page-accordeon.structure-b a.tile .tile-content .image-container {

        height: 400px;

    }

}

@media (max-width: 468px) {

    #page-accordeon.structure-b {

        background-repeat: repeat-y;

    }

    #page-accordeon.structure-b a.tile {

        min-height: 350px;

        margin-top: 10px;

        border-right: 1px solid transparent;

    }

    #page-accordeon.structure-b a.tile .tile-content {

        min-height: auto;

    }

    #page-accordeon.structure-b a.tile .tile-content.bg-movetop {

        background-position: center !important;

        background-size: cover !important;

    }

    #page-accordeon.structure-b a.tile .tile-content.bg-center {

        background-position: top center !important;

        background-size: contain !important;

    }

    #page-accordeon.structure-b a.tile .caption {

        position: relative !important;

        box-shadow: none !important;

    }

}

.bx-wrapper .bx-viewport {

    -moz-box-shadow: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    border: none !important;

    left: 0px !important;

}

.bx-wrapper .bx-pager.bx-default-pager a {

    background: #FFFFFF !important;

    width: 45px !important;

    height: 20px !important;

    margin: 0 3px !important;

    -moz-border-radius: 0px !important;

    -webkit-border-radius: 0px !important;

    border-radius: 0px !important;

}

.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active {

    background: #1c060b !important;

    border: thin solid white;

}

.bx-controls.bx-has-pager {

    top: -50px;

    position: relative;

}

.bx-wrapper .bx-controls-direction a {

    z-index: 1019 !important;

}

.bxslider-layout li.center {

    display: table !important;

    left: 0px;

}

.bx-viewport ul li.center .caption {

    background-color: transparent;

    padding: 6px;

    color: #FFFFFF;

    font-size: 14px;

    text-align: center;

    display: table-cell;

    vertical-align: middle;

    position: initial;

    width: 100%;

    height: 80%;

    bottom: 90px;

    left: 30px;

}

/*
	Ajout pour Slides avec Colibri
	Fev 2022

*/

.bx-viewport ul li.center .caption.rhums {

    background-color: transparent;

    padding: 6px;

    color: #FFFFFF;

    font-size: 14px;

    text-align: center;

    display: table-cell;

    vertical-align: top!important;

    position: initial;

    width: 100%;

    height: 80%;

    bottom: 90px;

    left: 30px;

}
/*
	Ajout Fin Fev 2022
*/

.bx-viewport ul li.center .caption a.caption-content,

.bx-viewport ul li.center .caption .content {

    color: #FFFFFF;

    text-decoration: none;

    display: block;

    width: 50%;

    margin: 0 auto;

    background-color: transparent;

    padding: 20px;

    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);

}

.bx-viewport ul li.center .caption a.caption-content.leftcenter,

.bx-viewport ul li.center .caption .content.leftcenter {

    float: right;

    width: 80% !important;

    text-align: justify;

    font-size: 15px;

}

.bx-viewport ul li.center .caption a.caption-content.leftcenter .title,

.bx-viewport ul li.center .caption a.caption-content.leftcenter .subtitle,

.bx-viewport ul li.center .caption .content.leftcenter .title,

.bx-viewport ul li.center .caption .content.leftcenter .subtitle {

    text-align: center;

}

.bx-viewport ul li.center .caption a.caption-content.leftcenter .rule-rococo,

.bx-viewport ul li.center .caption .content.leftcenter .rule-rococo {

    max-height: 15px;

    margin-bottom: 8px;

}

@media (max-width: 980px) {

    .bx-viewport ul li.center .caption a.caption-content.leftcenter,

    .bx-viewport ul li.center .caption .content.leftcenter {

        float: none;

    }

}

@media (max-width: 420px) {

    .bx-viewport ul li.center .caption a.caption-content,

    .bx-viewport ul li.center .caption .content {

        width: 0%;

    }

    .bx-viewport ul li.center .caption a.caption-content.leftcenter,

    .bx-viewport ul li.center .caption .content.leftcenter {

        margin: 0 auto !important;

        width: 100% !important;

    }

}

@media screen and (min-width: 421px) and (max-width: 768px) {

    .bx-viewport ul li.center .caption a.caption-content,

    .bx-viewport ul li.center .caption .content {

        width: 70%;

    }

}

@media (max-width: 320px) {

    .bx-viewport ul li.center .caption {

        position: inherit;

        left: 0px;

        bottom: 50px;

    }

    a.caption-content.rhums {

        margin-top: 100px!important

    }

}

.bx-viewport ul li.center .caption a.caption-content.rhums,

.bx-viewport ul li.center .caption .content.rhums {

    background-color: transparent;

}

.bx-viewport ul li.center .caption a.caption-content.transparent-bg,

.bx-viewport ul li.center .caption .content.transparent-bg {

    background-color: rgba(28, 6, 11, 0.5);

}

.bx-viewport ul li.center .caption a.caption-content.transparent-bg.rhums,

.bx-viewport ul li.center .caption .content.transparent-bg.rhums {

    background-color: transparent;

}

/*.bx-viewport ul li:



(

not.center



)*/



.caption {

    /*background-color: #2b2421;*/

    

    padding: 6px;

    color: #FFFFFF;

    /*position: absolute;*/

    /*  bottom: 90px;

      left: 30px;*/

    

    font-size: 14px;

    height: 80%;

    text-align: center;

}

.bx-viewport ul li .caption a,

.bx-viewport ul li .caption .content {

    color: #FFFFFF;

    text-decoration: none;

    font-family: 'Radley', serif;

    font-weight: 100;

    font-size: 16px;

}

.bx-viewport ul li .caption a:hover,

.bx-viewport ul li .caption .content:hover {

    color: #e5de7e;

    text-shadow: 0 0 3px #000000;

}

.bx-viewport ul li .caption a:hover .title,

.bx-viewport ul li .caption .content:hover .title {

    color: #e03d20;

    text-shadow: 0 0 3px #000000;

}

.bx-viewport ul li .caption a .title,

.bx-viewport ul li .caption .content .title {

    font-weight: 700;

    font-size: 35px;

    margin-bottom: 5px;

    display: block;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;

}

.bx-viewport ul li .caption a .subtitle,

.bx-viewport ul li .caption .content .subtitle {

    color: #b28c2f;

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 0px;

    display: block;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;

}

.bx-viewport ul li .caption a .subtitle:after,

.bx-viewport ul li .caption .content .subtitle:after {

    clear: both;

}

.bx-viewport ul[class^=bxslider-] {

    -webkit-margin-before: 0px;

    -webkit-margin-after: 0px;

    -webkit-padding-start: 0px;

}

.bxslider-layout li.slide {

    min-height: 200px;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

@media (max-width: 980px) {

    .bx-viewport ul li.center .caption a,

    .bx-viewport ul li.center .caption a.caption-content,

    .bx-viewport ul li.center .caption .content {

        width: 80%;

        padding: 5px;

        background-color: rgba(28, 6, 11, 0.5);

    }

    .bx-viewport ul li.center .caption a.rhums,

    .bx-viewport ul li.center .caption a.caption-content.rhums,

    .bx-viewport ul li.center .caption .content.rhums {

        background-color: transparent;

    }

    .bx-viewport ul li .caption a .title,

    .bx-viewport ul li .caption .content .title {

        font-size: 20px;

    }

}

@media (max-width: 1200px) {

    #page-mosaique a.tile {

        width: 25%;

    }

}

@media (max-width: 980px) {

    #page-mosaique a.tile {

        width: 33%;

    }

}

@media (max-width: 768px) {

    #page-mosaique a.tile {

        width: 22%;

    }

}

#page-mosaique {

    padding-left: 0px;

    padding-right: 0px;

    height: 100%;

}

#page-mosaique a.tile {

    display: block;

    min-height: 240px;

    width: 240px;

    margin: 5px 0;

    color: #b28c2f;

    text-decoration: none;

    -webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

    -webkit-box-shadow: 0 0 0 0 #000000 inset;

    -moz-box-shadow: 0 0 0 0 #000000 inset;

    box-shadow: 0 0 0 0 #000000 inset;

}

#page-mosaique a.tile:hover .tile-content {

    -webkit-box-shadow: 0 0 180px 0 #000000 inset;

    -moz-box-shadow: 0 0 180px 0 #000000 inset;

    box-shadow: 0 0 180px 0 #000000 inset;

}

#page-mosaique a.tile .tile-content {

    height: 100%;

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    padding-left: 0px;

    padding-right: 0px;

    width: 240px;

}

#page-mosaique a.tile .tile-content img {

    width: 240px;

}

#page-mosaique a.tile .tile-content .caption {

    clear: left;

    float: left;

    font-family: 'PT Sans';

    background-color: #b28c2f;

    padding: 6px;

    color: #b28c2f;

    width: 100%;

    font-size: 16px;

    text-transform: uppercase;

    text-align: center;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    box-shadow: 0 -8px 5px rgba(52, 51, 51, 0.59);

    border-top: 1px solid #b28c2f;

    border-bottom: 1px solid #b28c2f;

}

#page-mosaique a.tile .tile-content .caption hr {

    margin: 5px auto;

    width: 80%;

}

#page-mosaique a.tile .tile-content .caption .title {

    color: #b28c2f;

    font-family: 'PT Sans';

    font-weight: 600;

    font-size: 19px;

    width: 100%;

    padding: 5px 0;

    margin-bottom: 5px;

    display: inline-block;

    text-transform: uppercase;

}

#page-mosaique a.tile .tile-content .caption .title .subtitle {

    font-size: 18px;

    font-weight: 100;

    color: rgba(255, 255, 255, 0.2);

    clear: left;

    float: left;

    text-align: center;

    width: 100%;

}

#page-mosaique a.tile .tile-content .caption .readmore {

    padding-top: 3px;

    display: block;

}

#page-mosaique a.tile .tile-content .caption:hover {

    color: #F0F0F0;

    background-color: #e1e4e6 !important;

}

#page-mosaique a.tile .tile-content .caption:hover .title {

    color: #999;

}

#page-mosaique a.tile .tile-content .caption:hover hr {

    border-top: 1px solid #2b2421;

}

#page-mosaique a.tile .tile-content .caption:hover .readmore {

    color: #c72525;

}

.sharing-buttons {

    display: inline-block;

    list-style: none;

    text-decoration: none;

    text-align: center;

    -webkit-margin-before: 0em;

    -webkit-margin-after: 0em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    -webkit-padding-start: 0px;

}

.sharing-buttons a {

    color: #fff;

    text-decoration: none;

}

@media (max-width: 980px) {

    .sharing-buttons a {

        background-color: transparent !important;

    }

}

.sharing-buttons a:hover {

    color: #eee;

    text-decoration: none;

}

input,

textarea {

    border: 1px;

}

.input-sm {

    border: 1px solid #d6c06c;

}

.btn {

    background-color: #d6c06c;

}

.padding-age {

    padding: 20px;

}

#container * {

    line-height: 1.42857143;

}

.layout-column .section-title {

    color: #b28c2f;

    font-weight: 300;

    font-size: 25px;

    margin-bottom: 0px;

    display: block;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;

}

.layout-column .block {

    padding-right: 0px;

    padding-left: 0px;

}

.layout-column .block .block-caption-xs {

    background-color: #1c060b;

    padding-bottom: 5px;

}

.layout-column .block .block-caption-xs a,

.layout-column .block .block-caption-xs .content {

    color: #FFFFFF;

    text-decoration: none;

    font-family: 'Radley', serif;

    font-weight: 100;

    font-size: 16px;

}

.layout-column .block .block-caption-xs a:hover,

.layout-column .block .block-caption-xs .content:hover {

    color: #e5de7e;

    text-shadow: 0 0 3px #000000;

}

.layout-column .block .block-caption-xs a:hover.title,

.layout-column .block .block-caption-xs .content:hover.title {

    color: #e03d20;

    text-shadow: 0 0 3px #000000;

}

.layout-column .block .block-caption-xs a .title,

.layout-column .block .block-caption-xs .content .title {

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 0px;

    padding-top: 5px;

    display: block;

    text-transform: uppercase;

    text-align: center;

    font-family: 'Raleway', sans-serif;

}

.layout-column .block .block-caption-xs a .subtitle,

.layout-column .block .block-caption-xs .content .subtitle {

    color: #b28c2f;

    font-weight: 400;

    font-size: 15px;

    margin-bottom: 0px;

    display: block;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;

}

.layout-column .block .block-caption-xs a .subtitle:after,

.layout-column .block .block-caption-xs .content .subtitle:after {

    clear: both;

}

.layout-column .block-center {

    display: block !important;

    left: 0px;

    padding-left: 0px;

    padding-right: 0px;

}

.layout-column .block-center .block-image {

    padding: 0px;

    display: table-cell;

    vertical-align: middle;

    position: relative;

    width: 100%;

    z-index: 0;

}

.layout-column .block-center .block-caption {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    text-align: center;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.layout-column .block-center .block-caption .caption-content {

    background-color: rgba(28, 6, 11, 0.8);

    padding-bottom: 5px;

    display: block;

    width: 80%;

    margin: 0 auto;

    padding: 5px;

}

.layout-column .block-center .block-caption a,

.layout-column .block-center .block-caption .content {

    color: #FFFFFF;

    text-decoration: none;

    font-family: 'Radley', serif;

    font-weight: 100;

    font-size: 16px;

}

.layout-column .block-center .block-caption a:hover,

.layout-column .block-center .block-caption .content:hover {

    color: #e5de7e;

    text-shadow: 0 0 3px #000000;

}

.layout-column .block-center .block-caption a:hover.title,

.layout-column .block-center .block-caption .content:hover.title {

    color: #e03d20;

    text-shadow: 0 0 3px #000000;

}

.layout-column .block-center .block-caption a .title,

.layout-column .block-center .block-caption .content .title {

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 0px;

    padding-top: 5px;

    display: block;

    text-transform: uppercase;

    text-align: center;

    font-family: 'Raleway', sans-serif;

}

.layout-column .block-center .block-caption a .subtitle,

.layout-column .block-center .block-caption .content .subtitle {

    color: #b28c2f;

    font-weight: 400;

    font-size: 15px;

    margin-bottom: 0px;

    display: block;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;

}

.layout-column .block-center .block-caption a .subtitle:after,

.layout-column .block-center .block-caption .content .subtitle:after {

    clear: both;

}

.layout-product .block.desktop,

.layout-product .block-center.desktop {

    height: 642px;

    background-position: center top;

    background-repeat: no-repeat;

    background-color: black;

}

.layout-product .block .caption,

.layout-product .block-center .caption {

    font-family: 'Radley', serif;

    font-weight: 100;

    font-size: 16px;

}

@media (min-width: 420px) {

    .layout-product .block .caption,

    .layout-product .block-center .caption {

        display: inline;

        position: absolute;

        top: 65%;

        left: 0;

        width: 100%;

        text-align: center;

        padding-left: 150px;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

    }

}

.layout-product .block .title,

.layout-product .block-center .title {

    font-weight: bold;

    font-size: 50px;

    margin-bottom: 5px;

    display: block;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;

    color: white;

}

@media (max-width: 420px) {

    .layout-product .block .title,

    .layout-product .block-center .title {

        color: black;

        font-weight: 200;

        font-size: 20px;

        text-align: center;

    }

}

.layout-product .block .sub_title,

.layout-product .block-center .sub_title {

    font-weight: 100;

    font-size: 30px;

    margin-bottom: 5px;

    display: block;

    font-family: 'Raleway', sans-serif;

    color: white;

}

@media (max-width: 420px) {

    .layout-product .block .sub_title,

    .layout-product .block-center .sub_title {

        color: black;

        font-weight: 200;

        font-size: 12px;

        text-align: center;

    }

}

.layout-product .product-detail,

.layout-product .product-related {

    font-size: 13px;

    color: #333;

}

@media (max-width: 420px) {

    .layout-product .product-detail,

    .layout-product .product-related {

        font-size: 16px;

    }

}

.layout-product .product-detail .desc,

.layout-product .product-related .desc {

    padding: 25px 0px;

}

.layout-product .product-detail .section-title,

.layout-product .product-related .section-title {

    color: #b28c2f;

    font-weight: 300;

    font-size: 25px;

    margin-bottom: 0px;

    display: block;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;

}

.layout-product .product-detail .section-title h2:after,

.layout-product .product-related .section-title h2:after {

    border-bottom: 1px solid #d6c06c;

}

.layout-product .product-detail .section-title span.notes-degustation,

.layout-product .product-related .section-title span.notes-degustation {

    font-weight: bold;

    font-size: 35px;

}

.layout-product .product-detail .section-title .notes-degustation span:after,

.layout-product .product-related .section-title .notes-degustation span:after {

    width: 50%;

    border-bottom: 1px solid #d6c06c;

}

.layout-product .product-detail .subtitle,

.layout-product .product-related .subtitle {

    color: #b28c2f;

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 0px;

    display: block;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;

    margin-top: 20px;

}

.layout-product .product-detail .rule-rococo,

.layout-product .product-related .rule-rococo {

    padding-top: 12px;

    padding-bottom: 12px;

}

.layout-product .product-detail .sharing-buttons a,

.layout-product .product-related .sharing-buttons a {

    color: #999;

    text-decoration: none;

}

.layout-product .product-detail:after,

.layout-product .product-related:after {

    clear: both;

}

body {

    font-family: 'PT Sans', sans-serif;

    font-size: 15px;

    padding-top: 70px;

    overflow-x: hidden;

    background-position-y: 10px !important;

}

body > #container {

    display: block;

    clear: left;

    float: left;

    width: 100%;

    position: relative;

}

@media (max-width: 420px) {

    body > #container .row {

        margin-right: 0px;

        margin-left: 0px;

    }

}

.container-fluid {

    padding-right: 0px;

    padding-left: 0px;

    margin-right: auto;

    margin-left: auto;

}

h1,

.h1,

h2,

.h2,

h3,

.h3 {

    margin-top: 0px;

    margin-bottom: 0px;

}

.footer {

    min-height: 50px;

/*    background-color: #1c060b;
 */
    background-color: #fff;

    width: 100%;

    clear: left;

    float: left;

    padding: 15px 6px;

/*    color: #f5f5f5;
 */
    color: #000;

    font-size: 12px;

}

.footer a {

    color: #b28c2f;

}

.footer .abus {

    text-transform: uppercase;

}

@media (max-width: 420px) {

    .footer {

        font-size: 10px;

    }

}

@media (min-width: 420px) {

    .no-padding {

        padding-left: 0px;

        padding-right: 0px;

        padding-bottom: 0px !important;

        padding-top: 0px !important;

    }

    .no-padding-left {

        padding-right: inherit;

        padding-left: 0px;

    }

    .no-padding-right {

        padding-left: inherit;

        padding-right: 0px;

    }

}

/* ================================== */

/*         CHRIS MEDIA-QUERIES        */

/* ================================== */

/* =================== */

/*   ALL DIMENSIONS    */

/* =================== */



.secondary-manu-area {

    position: relative;

    clear: both;

    width: 100%;

    float: left;

    min-height: 50px;

}

.tertiary-manu-area {

    position: relative;

    clear: both;

    width: 100%;

    float: left;

    min-height: 33px;

}

div#page-accordeon.col-md-12.structure-b.bg-noir {

    /** margin-top: 48px; **/

}

#secondary-nav .nav {

    padding: 10px 0px;

}

.text-justify,

#page-accordeon.structure-b a.tile .tile-content .caption.editorial .desc {

    font-weight: 100!important;

    text-align: justify;

}

.contact-txt {

    font-weight: 700;

}

#page-mosaique a.tile .tile-content .caption .title {

    font-weight: 300;

}

.caption-content .title .center-block.img-responsive.hidden-xs {

    width: 42% !important;

}


/*
	Ajout pour Slides avec Colibri
	Fev 2022

*/

.caption-content.rhums .title .center-block.img-responsive.hidden-xs {

    width: 255px !important;

}
/*
	Fin Ajout
	Fev 2022
*/

section .text-section {

    text-align: left;

}

[id='300ans'] {

    overflow-x: hidden;

}

.bx-viewport ul li.center .caption a.caption-content {

    background-color: rgba(28, 6, 11, 0.6);

}

.layout-product .block .sub_title,

.layout-product .block-center .sub_title {

    font-weight: 400;

}

#page-accordeon.structure-b a.tile .tile-content .caption.editorial .desc {

    font-weight: 300;

    /* 300 pr la SOURCE - 400 pr la PT */

}

#page-accordeon.structure-b a.tile .tile-content .tile {

    font-weight: 300;

    font-size: 28px;

}
	
/* =================== */

/*   forcing no-padding in any width    */

/* =================== */

.no-padding {

	padding-left: 0px;

	padding-right: 0px;

	padding-bottom: 0px !important;

	padding-top: 0px !important;

}
	
	
/* =================== */

/*   ABOVE 1025px    */

/* =================== */



@media (min-width: 1025px) {

    .text-center.logo {

        margin: 0 10px;

    }

    .navbar-nav > li.logo > a {

        padding-top: 7px;

    }

}

/* =================== */

/*   AROUND 1024 PX    */

/* =================== */



@media (min-width: 1024px) and (max-width: 1024px) {

    /* HISTOIRE + DISTILLERIES > TERROIR, VISITE */

    

    section#300ans.col-md-12.no-padding.bg-bordeau,

    section#0.col-md-12.bg-brun-fade.no-padding,

    div#page-accordeon.col-md-12.structure-b.bg-noir,

    section#1.col-md-12.bg-brun-fade.no-padding {

        margin-top: 60px!important;

    }

    /* PAGE HISTOIRE */

    

    .col-md-5.hist-col,

    .col-md-6.hist-col {

        margin-left: 5%!important;

    }

    section[id='1654'],

    section[id='1789'] {

        padding-left: 0!important;

    }

    /* --------------- */

    

    #page-mosaique a.tile {

        width: 208px;

    }

    .img-visite,

    .img-degustation,

    .img-infos {

        margin-left: 150px;

    }

    .bx-wrapper {

        z-index: 1019;

    }

}

@media (min-width: 768px) and (max-width: 1024px) {

    /* PAGE NOS RHUMS | CATEGORIES */

    

    #page-accordeon.structure-a {

        padding: 5px 5px 0px 10px !important;

    }

}

/* =================== */

/*  1024 PX LANDSCAPE  */

/* =================== */



@media (max-width: 1024px) and (orientation: landscape) {

    a.navbar-brand img {

        width: 170px;

    }

}

@media (max-width: 1024px) {

    /* GENERAL */

    

    .caption {

        position: absolute;

    }

    .col-md-12.caption.editorial.bg-noir-light.blanc-light,

    .col-md-12.caption.editorial.bg-noir-light.blanc-medium,

    .col-md-12.caption.editorial.bg-noir-light.blanc-light {

        position: relative;

    }

    body > #container {

        /** margin-top: 48px; **/

    }

    /* PRIMARY NAV */

    

    a.navbar-brand img {

        padding: 0

    }

    a.navbar-brand.hidden-xs {

        padding-top: 12px;

    }

    #primary-nav .navbar-nav > li > a:not(.navbar-brand) {

        height: 50%;

    }

    #primary-nav li:not(.logo) a {

        padding-top: 19px;

    }

    #primary-nav li:not(.logo):nth-child(2):before,

    #primary-nav li:not(.logo):nth-child(5):before {

        margin-top: 30px;

    }

    #primary-nav {

        width: 100%;

        background-color: #FFFFFF;

        border-radius: 0;

        border: none;

        clear: left;

        float: left;

        margin-bottom: 0px;

        top: 0;

        position: fixed;

        height: 70px;

    }

    .nav > li > a > img {

        margin: 0 15px;

    }

    #page-accordeon.structure-b a.tile .tile-content .title .hr-styled {

        width: 150px !important;

    }

    /* SECONDARY NAV */

    

    #secondary-nav .nav-centered {

        margin: 3px auto;

        display: flex;

        justify-content: center;

    }

    #secondary-nav {

        /*top: 70px;*/

    }

    section.footer2,

    section.footer3 {

        display: none;

    }

    /* TERTIAY NAV */

    

    #tertiary-nav {

        /** display: none; **/

        

        top: 118px;

    }

    /* ------ PAGE EXPERIENCES ------ */

    /* PAGE EXPERIENCES | ROOT */

    

    a.tile.hidden-xs .tile-content img {

        width: 78% !important;

        height: 374px !important;

    }

    div#page-mosaique {

        margin-left: 50px;

        margin-bottom: 30px;

    }

    .caption.bg-noir-light {

        height: 50px;

        width: 97% !important;

        display: block !important;

    }

    #page-mosaique a.tile .tile-content .caption {

        z-index: 9;

        margin-top: -50px;

        box-shadow: none;

        position: absolute;

    }

    #page-mosaique .grid-sizer,

    #page-mosaique a.tile {

        width: 192px;

    }

    #page-mosaique a.tile .tile-content .caption .title {

        font-size: 17px;

    }

    /* PAGE EXPERIENCES | COCKTAILS */

    

    .block-center.col-xs-4.col-sm-4.col-md-4.col-lg-2 img {

        border-left: 1px white solid !important;

        border-top: 1px white solid !important;

    }

    .cocktails-grid.block-center div.block-caption {

        width: 50% !important;

        text-align: left;

        background: rgba(0, 0, 0, 0.6) !important;

        padding: 7px !important;

    }

    .cocktails-grid.block-center.col-xs-4.col-sm-4.col-md-4.col-lg-2 {

        left: 0;

    }

    #secondary-nav li:nth-child(1n + 2):before {

        display: none;

        content: '|';

        color: #b28c2f;

        font-size: 10px;

        padding: 0 2px;

    }

    #secondary-nav li a {

        line-height: 1.2em;

    }

    /* PAGE DISTILLERIES | LES HOMMES */

    

    #page-accordeon.structure-b a.tile {

        padding-left: 0px;

        padding-right: 0px;

    }

    .col-md-12.caption.editorial.bg-noir-light.blanc-light,

    .caption.bg-noir-light {

        width: 100% !important;

    }

    #page-accordeon.structure-b a.tile .tile-content .title {

        font-family: 'Raleway';

        font-weight: 600;

        font-size: 24px;

    }

    /* PAGE DISTILLERIES | TERROIR */

    

    .cleanrow {

        margin-right: 0;

        margin-left: 0;

    }

    section#eau-montagne-mer .col-md-4.pull-left.no-padding-left {

        margin-bottom: 20px;

    }

    #varietes-cannes .col-md-6 {

        width: 66%;

    }

    #varietes-cannes .col-md-4.pull-left.no-padding-left {

        height: 256px;

        overflow-y: hidden;

    }

    .col-md-4.pull-left.no-padding-left {

        margin-top: 22px;

    }

    section .subtitle-section {

        margin: 10px 0px 6px;

    }

    /* PAGE NOS RHUMS | ROOT */

    

    .col-md-12.col-sm-12.tile-content .col-md-12.nosrhums-caption {

        bottom: 5px;

        left: 0;

        height: 25%;

    }

    /* PAGE NOS RHUMS | BOTTLE */

    

    .layout-column .block-center .block-image {

        /* avoid white space around thumbnails related products */

        

        display: inline-block;

    }

    .layout-product .block .caption {

        top: 60%;

        padding-left: 120px;

    }

    .product-detail.container .desc.col-md-8.col-md-offset-2.text-justify {

        margin-left: 3%;

    }

    .product-detail .block-center:first-child a div.block-caption.hidden-xs {

        margin-left: 25px !important;

    }

    .desc.col-md-8.col-md-offset-2.text-justify {

        width: 94%;

    }

    #intro-texte {

        margin-left: 16.66666667%;

    }

    /* PAGE HISTOIRE */

    

    #container section[id='2015'] {

        line-height: 1 !important;

    }

    .row.subtitle-section.min.noir-medium {

        margin-top: 24px !important;

    }

    .row.subtitle-section.big-date {

        font-size: 70px;

        /*margin-top:0; */

    }

    section .subtitle-section {

        margin: 0 0px 6px !important;

    }

    section[id='2010'].bg-noir-darker .col-md-6 .subtitle-section {

        margin: 20px 0px 6px !important;

    }

    section[id='2010'] {

        height: 380px;

    }

    section[id='1887'] .col-md-6 .subtitle-section {

        margin: 115px 0px 6px !important;

    }

    div.col-md-6.col-md-offset-1 {

        width: 42% !important;

    }

    section[id='2015'] img.img-responsive.pull-right {

        height: 500px;

    }

    section[id='2015'] .col-md-5.pull-right {

        padding: 0px;

        width: 49% !important;

    }

    section[id='2015'] .row.subtitle-section.big-date.blanc {

        padding-bottom: 0 !important;

        height: 105px;

    }

    section .subtitle-section.big-date {

        padding: 15px 8px;

    }

}

/* END 1024px */

/* ========================= */

/*        768px SHARP   */

/* ========================= */



@media (min-width: 768px) and (max-width: 768px) {

    /* PAGE EXPERIENCES */

    

    #page-mosaique {

        max-width: 768px !important;

    }

    /* PAGE DISTILLERIES | TERROIR */

    

    .col-md-4.pull-left.no-padding-left {

        /* hide margin between title and image */

        

        margin-top: 0;

    }

    .bx-viewport ul li .caption a .title {

        font-size: 28px;

    }

    .row.subtitle-section h3 {

        margin-top: 20px !important;

        padding-top: 20px !important;

    }

    .col-md-4.pull-left.no-padding-left,

    #varietes-cannes .col-md-4.pull-left.no-padding-left {

        overflow: hidden;

        width: 100%;

        height: 380px;

    }

    .bg-brun img.img-responsive,

    .bg-vert-olive img.img-responsive,

    .bg-jaune-olive img.img-responsive,

    .bg-marron img.img-responsive {

        width: 100%;

        overflow: hidden;

    }

    .bg-vert-olive img.img-responsive,

    .bg-brun img.img-responsive.pull,

    .bloc-cannes img.img-responsive,

    .img-alchimie img.img-responsive.pull-left {

        width: 100%;

        clip: rect(0px, 768px, 510px, 0px);

        top: -150px;

        position: absolute;

    }

    .bg-marron img.img-responsive,

    #varietes-cannes .col-md-4.pull-left.no-padding-left .bg-jaune-olive img.img-responsive {

        height: 360px;

        overflow-y: hidden;

    }

}

/* =================== */

/*   768 PX PORTRAIT   */

/* =================== */



@media (max-width: 768px) {

    /* GENERAL */

    

    .caption-content .title .center-block.img-responsive.hidden-xs {

        width: 36% !important;

    }

    /* NAV */

    

    a.navbar-brand img {

        padding: 10px 1px

    }

    #primary-nav .navbar-nav > li > a:not(.navbar-brand) {

        height: 80%;

    }

    .nav > li > a > img {

        margin: 0 3px;

    }

    #secondary-nav.nav-justified .nav.navbar-nav.nav-centered {

        margin: auto;

        display: flex;

        justify-content: space-between;

    }

    #secondary-nav .nav > li > a {

        padding: 10px 5px !important;

    }

    #secondary-nav .nav-centered {

        margin: 0 auto;

        display: table;

        table-layout: fixed;

        float: none;

    }

    /* PRIMARY NAV */

    

    .navbar-nav > li.logo > a.navbar-brand {

        padding-top: 4px;

    }

    .navbar > .container .navbar-brand {

        margin-left: -12px;

    }

    a.navbar-brand img .logo {

        padding: 0;

        max-width: 150px !important;

        width: 150px;

    }

    .tertiary-manu-area #tertiary-nav .nav-centered {

        display: table !important;

    }

    .nav-centered {

        display: flex;

    }

    .nav > li {

        padding-left: 4px;

    }

    /* PAGE ACCUEIL */

    

    img.center-block.img-responsive.hidden-xs {

        width: 200px !important;

        margin-bottom: 5px;

        margin-top: 5px;

    }

    /* PAGE CONTACT */

    

    .col-md-6.col-sm-6 .input-sm {

        width: 100%;

    }

    .col-md-6.col-sm-6 {

        width: 100%;

    }

    textarea.input-sm.col-md-12 {

        width: 100%;

    }

    /* PAGE DISTILLERIES | VISITE */

    

    .col-md-4.pull-left.no-padding-left.img-infos,

    .col-md-4.pull-left.no-padding-left.img-degustation {

        margin-bottom: 20px;

    }

    /* PAGE DISTILLERIES | LES HOMMES */

    

    #page-accordeon.structure-b a.tile .tile-content .title {

        font-family: 'Raleway';

        font-weight: 600;

        font-size: 34px;

    }

    /* PAGE DISTILLERIES | TERROIR */

    

    #varietes-cannes .col-md-6 {

        width: 100%;

    }

    /* ----- PAGE EXPERIENCES ----- */

    /* PAGE EXPERIENCES | ROOT */

    

    .container-fluid div#page-mosaique {

        margin-left: 115px;

    }

    .row .product-detail .col-xs-12 {

        padding-right: 0;

    }

    div.row.product-detail {

        margin-right: 0 !important;

    }

    /* PAGE EXPERIENCES | COCKTAILS */

    

    #container .row.layout-product.active .product-detail.container {

        padding-right: 0;

        padding-left: 0;

    }

    .cocktails-grid.block-center div.block-caption {

        width: 50% !important;

        text-align: left;

        background: rgba(0, 0, 0, 0.6) !important;

        padding: 7px !important;

    }

    .bottle .block-center div.block-caption {

        background: transparent;

    }

    /* ----- PAGE NOS RHUMS ----- */

    /* PAGE NOS RHUMS | ROOT */

    

    .layout-product .block .caption {

        top: 55%;

        width: 65%;

        padding-left: 52px;

    }

    .tile {

        width: 25%;

    }

    /* PAGE NOS RHUMS | BOTTLE */

    

    .cocktails-grid .layout-column .block-center .block-caption {

        top: 35%;

        /*background: rgba(0, 0, 0, 0.6);*/

        

        padding: 7px !important;

        width: 40% !important;

    }

    /* RHUMS VIEILLIS SLIDE */

    #container .bx-wrapper.hidden-xs > .bx-viewport > .bxslider-layout li:nth-child(3).center {

        background-position: 57% 50% !important;

    }  
	
    .accueil-slider li:nth-child(3).center {

        background-position: -130px center !important;

    }
	
	/*

    .rhums-slider li:nth-child(3).center {

        background-image: url(http://rhumbologne.fr/assets/img/contenu/rhums/slide-rhums-vieux.jpg);

        background-position: 50% 50% !important;

    }


    .rhums-slider li:nth-child(4).center {

        background-image: url(http://rhumbologne.fr/assets/img/contenu/rhums/slide-rhums-mix-cocktails.jpg);

        background-position: 50% 50% !important;

    }
	*/

    section[id='2015'] .col-md-5.pull-right {

        padding-right: 0px;

        float: none !important;

        margin: 0 auto !important;

    }

    /* PAGE HISTOIRE */

    

    section[id='1830'] .img-responsive.pull-right,

    section[id='1887'] .img-responsive.pull-right {

        width: 100%;

    }

    section[id='2015'] div.col-md-6.col-md-offset-1 {

        width: 100% !important;

    }

    section[id='2015'] .col-md-5.pull-right {

        padding: 0px;

        width: 63% !important;

    }

    section[id='1830'] div.col-md-6.col-lg-5,

    section[id='1887'] div.col-md-6.col-lg-5,

    section[id='1930'] div.col-md-6.col-lg-5,

    section[id='2015'] div.col-md-6.col-md-offset-1 {

        padding-right: 30px;

        padding-left: 30px;

    }

    section[id='2010'] div.col-md-6.col-lg-5 {

        padding-right: 430px;

        padding-left: 30px;

    }

    section[id='1830'] .big-date,

    section[id='1887'] .big-date,

    section[id='1930'] .big-date,

    section[id='2010'] .big-date {

        padding-left: 20px;

    }

    /* PAGE ACCUEIL | BLACK CANE SLIDE */

    

    #container .bx-wrapper.hidden-xs > .bx-viewport > .bxslider-layout li:nth-child(3).center,

    div.col-sm-2 {

        text-align: left !important;

        margin-top: 4px;

    }

    /* PAGE ACCUEIL | AGE VALIDATION */

    

    .col-md-4.col-md-offset-4.bg-bordeau-transparent.blanc.age-validation {

        width: 60%;

        margin: auto;

        display: flex;

        height: 360px;

    }

    /* FOOTER */

    

    span.fa.fa-facebook,

    span.fa.fa-instagram {

        font-size: 26px !important;

    }

    .rs-contact div.col-sm-offset-8.col-sm-1 {

        margin-left: 37.7% !important;

    }

}

/* END 768px */

/* =================== */

/*   767 PX PORTRAIT   */

/* =================== */



@media (max-width: 767px) {

    .tertiary-manu-area {

        display: none;

    }

}

/* END 767px */


@media (max-width: 1024px) {
    .rhums-slider li.center {

        background-position: 50% 50% !important;

    }	
	
}

    /* GENERAL */


/* =================== */

/*        480 PX       */

/* =================== */



@media (max-width: 480px) {

    /* GENERAL */

    

    #page-accordeon.structure-b a.tile .tile-content .title {

        font-size: 25px;

    }

    .layout-product .block .title,

    .layout-product .block-center .title {

        margin-bottom: -5px;

        margin-top: 10px;

    }

    .row.layout-column .row.product-detail .block-center.col-xs-12.col-sm-4 .block-caption.visible-xs span.title {

        font-size: 30px!important;

    }

    .layout-product .product-detail,

    .layout-product .product-related {

        font-size: 15px;

    }

    section .title-section {

        margin-top: 10px;
        padding: 14px 10px 5px 10px;

        line-height: 1.2em!important;

        font-size: 25px;

    }

    .bx-viewport ul li.center .caption a,

    .bx-viewport ul li.center .caption a.caption-content {

        width: 77%;

    }

    li.center .caption img.center-block {

        width: 190px !important

    }

    body > #container {

        top: 0px;

    }

    /* PRIMARY NAV */

    

    a.navbar-brand img {

        width: auto;

        margin-left: 14px;

    }

    #primary-nav {

        height: 80px;

        background-color: #000000;

    }

    #secondary-nav,

    #tertiary-nav {

        display: none !important;

    }

    /* PAGE CONTACT */

    

    input#envoyer {

        margin-right: 15px;

        padding-top: 4px;

    }

    .commentaire {

        margin-left: 15px;

        margin-right: 15px;

    }

    /* FOOTER */

    

    .footer .col-xs-2, .col-xs-3, .col-xs-4,

    .col-xs-5 {

        margin-top: 7px;

    }

    .footer .col-xs-2, .col-xs-3, .col-xs-4,

    .footer .col-xs-5 {

        padding-left: 0px;

        padding-right: 0px;

    }

    .footer .col-xs-1 {

        margin-left: 10px;

    }

    .fa-facebook:before,

    .fa-instagram:before {

        font-size: 0.8em;

    }

    /* ------- PAGE DISTILLERIES ------- */

    /* PAGE DISTILLERIES | TERROIR */

    

    .col-md-5.visite-txt {

        padding-left: 15px;

        padding-right: 15px;

    }

    .col-md-4.pull-left.no-padding-left {

        margin-top: 0;

    }

    .bg-brun img.img-responsive.pull-left {

        margin-bottom: 10px;

    }

    /* PAGE DISTILLERIES | LES HOMMES */

    

    div#page-accordeon.col-md-12.structure-b.bg-noir {

        margin-top: 0px;

    }

    /* ------- PAGE EXPERIENCES ------- */

    /* PAGE EXPERIENCES | ROOT */

    

    #page-mosaique a.tile .tile-content .caption .title {

        font-size: 26px !important;

    }

    .caption.bg-noir-light {

        height: 62px;

    }

    #page-mosaique a.tile .tile-content img.img-responsive {

        margin-top: 40px;

        padding-bottom: 20px

    }

    #page-mosaique a.tile .tile-content .caption {

        margin-top: 3px;

        box-shadow: none;

    }

    div#page-mosaique.col-md-10.col-md-offset-1.col-sm-10.col-sm-offset-1.visible-xs {

        width: 80% !important;

        margin: 0 auto !important;

    }

    /* PAGE EXPERIENCES | COCKTAILS */

    

    div#delices-iles.layout-product .block .caption,

    div#banana-mama.layout-product .block .caption,

    div#daiquiri.layout-product .block .caption,

    div#blue-hawaian.layout-product .block .caption,

    div#golden.layout-product .block .caption,

    div#daiquiri-st-valentin.layout-product .block .caption,

    div#pina-colada.layout-product .block .caption,

    div#mojito.layout-product .block .caption,

    div#belle-pomme.layout-product .block .caption,

    div#scorpion.layout-product .block .caption {

        height: 90px !important;

        background: #000;

    }

    .block.visible-xs.bg-taupe-darker img.img-responsive:not(.rule-rococo) {

        margin-top: 90px;

    }

    .layout-product .block .caption {

        top: 0;

        left: 0;

        width: 100%;

        text-align: center;

        padding-left: 0;

        height: 130px;

    }

    .note .col-md-12.text-center.section-title {

        margin: 0 20px

    }

    div.cocktails-grid div.block-caption.visible-xs {

        width: 50% !important;

        text-align: left;

        background: rgba(0, 0, 0, 0.6);

        padding: 7px !important;

    }

    .bottle div.block-caption.visible-xs {

        background: transparent;

    }

    .layout-product .product-detail .section-title span.notes-degustation {

        font-size: 24px;

    }

    /* -------- PAGE NOS RHUMS -------- */

    /* PAGE NOS RHUMS | BOTTLE */

    

    [id='40-degres'] .block.visible-xs.bg-taupe-darker img.img-responsive,

    [id='50-degres'] .block.visible-xs.bg-taupe-darker img.img-responsive,

    [id='55-degres'] .block.visible-xs.bg-taupe-darker img.img-responsive,

    #black-cane .block.visible-xs.bg-taupe-darker img.img-responsive,

    #vs .block.visible-xs.bg-taupe-darker img.img-responsive,

    #vo .block.visible-xs.bg-taupe-darker img.img-responsive,

    #vsop .block.visible-xs.bg-taupe-darker img.img-responsive,

    [id='6-ans'] .block.visible-xs.bg-taupe-darker img.img-responsive,

    #silver .block.visible-xs.bg-taupe-darker img.img-responsive,

    #gold .block.visible-xs.bg-taupe-darker img.img-responsive {

        margin-top: 130px;

    }

    .desc.col-md-8.col-md-offset-2.text-justify {

        padding: 10px 15px !important;

    }

    .product-detail.container .desc.col-md-8.col-md-offset-2.text-justify {

        margin-left: 0%;

    }

    .desc.col-md-8.col-md-offset-2.text-justify {

        width: 100%;

    }

    .layout-column .block-center .block-caption {

        top: 45%;

    }

    .layout-product .block .title,

    .layout-product .block-center .title {

        font-size: 26px;

    }

    .layout-product .product-detail .section-title span.notes-degustation {

        font-size: 26px;

    }

    .layout-product .product-detail .section-title h2 {

        font-size: 20px;

    }

    .product-detail .block-center {

        margin-top: 0;

    }

    /* PAGE NOS RHUMS | CATEGORIES */

    

    .col-md-12.nosrhums-caption.caption {

        width: 100%;

    }

    #page-accordeon.structure-a a.tile {

        min-height: 350px;

        margin-top: 0;

        border-right: none;

        padding-right: 0px;

    }

    #page-accordeon.structure-a a.tile .tile-content .caption {

        margin-bottom: 355px;

        height: 140px;

        padding: 7px !important;

    }

    #page-accordeon.structure-a a.tile .tile-content .bg-switch {

        margin-top: 130px !important;

    }

    img.center-block .rococo-sep {

        width: 80%

    }

    .tile {

        width: 100%;

    }

    /* PAGE NOS RHUMS | ROOT */

    

    .bx-viewport ul li .caption a .title {

        font-size: 27px;

    }

    section .text-section.small-page {

        padding: 10px;

    }

    section .subtitle-section {

        padding: 10px 0;

    }

    section .text-section {

        padding: 0;

    }

    .col-lg-4,

    .col-md-5,

    .col-md-12 {

        padding-left: 0;

        padding-right: 0;

    }

    #primary-nav .container {

        margin-top: 0;

    }

    .layout-column .block-center .block-caption {

        position: absolute;

        bottom: 0%;

        left: 0;

        width: 100%;

        text-align: center;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

    }

    /* PAGE HISTOIRE */

    

    section[id='2010'] div.col-md-6.col-lg-5 {

        padding-right: 30px;

        padding-left: 30px;

    }

    section[id='2015'] img.img-responsive.pull-right {

        height: auto;

        max-width: 150%;

        margin-top: 10px;

        position: relative;

        left: 40px!important;

    }

    section[id='1654'] div.col-md-6.col-lg-5,

    section[id='1789'] div.col-md-6.col-lg-5 {

        padding-right: 30px;

        padding-left: 30px;

    }

    section[id='1654'] .big-date,

    section[id='1789'] .big-date {

        padding-left: 25px;

    }

    /* PAGE ACCUEIL */

    

    .bx-wrapper {

        margin: 10px auto 0!important;

    }

    .footer {

        font-size: 11px;

        padding: 11px 0 24px 0;

        margin-top: 0px;

    }

    .accueil-slider li:nth-child(3).center {

        background-position: -50px center !important;

    }

    /* AGE VALIDATION */

    

    .col-md-4.col-md-offset-4.bg-bordeau-transparent.blanc.age-validation {

        width: 90%;

        margin: auto;

        display: flex;

        margin-top: 15px !important;

        height: 340px;

    }

}

/* END 480px */

/* =================== */

/*        414 PX       */

/* =================== */



@media (max-width: 414px) {

    /* AGE VALIDATION */

    

    .col-md-4.col-md-offset-4.bg-bordeau-transparent.blanc.age-validation {

        width: 90%;

        margin-top: 100px !important;

        height: 360px;

    }

}

/* =================== */

/*        375 PX       */

/* =================== */



@media (max-width: 375px) {

    /* AGE VALIDATION */

    

    .col-md-4.col-md-offset-4.bg-bordeau-transparent.blanc.age-validation {

        width: 90%;

        margin-top: 10px !important;

        height: 340px;

    }

    /* GENERAL */

    

    section .subtitle-section {

        font-size: 19px;

    }

    .col-xs-12,

    .col-xs-5 {

        padding-right: 0;

        padding-left: 0;

    }

    /* PAGE HISTOIRE */

    

    section[id='2010'].bg-noir-darker .col-md-6 .subtitle-section.title2010 {

        margin-top: 0 !important;

        padding-top: 0 !important;

    }

}

/* END 375px */

/* =================== */

/*        320 PX       */

/* =================== */



@media (max-width: 320px) {

    /* AGE VALIDATION */

    

    .col-md-4.col-md-offset-4.bg-bordeau-transparent.blanc.age-validation {

        width: 90%;

        margin-top: 15px !important;

        height: 340px;

    }

    /* GENERAL */

    

    .bxslider-layout li.center {

        height: 390px!important;

    }

    .bx-viewport ul li .caption a .title {

        font-size: 22px;

    }

    /* PAGE EXPERIENCES | ROOT */

    

    #page-mosaique a.tile .tile-content .caption .title {

        font-size: 21px !important;

    }

    .caption.bg-noir-light {

        height: 52px;

    }

    /* PAGE HISTOIRE */

    

    section[id='2010'] {

        height: 400px;

    }

    /* CAPTION TITLE */

    

    .bx-viewport ul li.center .caption a,

    .bx-viewport ul li.center .caption a.caption-content,

    .bx-viewport ul li.center .caption .content {

        width: 60%;

    }

    /* AGE VALIDATION */

    

    .padding-age {

        padding: 7px !important;

        margin: auto!important;

    }

    .col-md-4.col-md-offset-4.bg-bordeau-transparent.blanc.age-validation {

        width: 94%;

        margin: auto;

        display: flex;

    }

    /* FOOTER */

    

    div.col-xs-4:not(.cocktails-grid) {

        width: 26% !important;

    }

    .abus.text-center {

        font-size: 92% !important;

    }

    .grid-sizer {

        width: 20%;

    }

}

/* END 320px */