*,::after,::before {
	margin: 0;
	padding: 0;
	border: 0;
	background-repeat: no-repeat;
	box-sizing: border-box
}
:lang(fr),:lang(fr) * {
	quotes: "« " " »" "‘" "’"
}
:lang(en),:lang(en) * {
	quotes: "“" "”" "‘" "’"
}
::selection {
	background-color: #fa0;
	color: #fff
}
::placeholder {
	color: #ccc;
	opacity: 1
}
@font-face {
	font-family: arrow;
	src: url("../font/arrow.woff2") format('woff2');
	font-weight: 400;
	font-style: normal
}
[class*=" after-arrow-"]::after,[class*=" before-arrow-"]::before,[class^=after-arrow-]::after,[class^=before-arrow-]::before {
	font-family: arrow;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	text-decoration: inherit;
	color: #000;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
[class*=" before-arrow-"]::before,[class^=before-arrow-]::before {
	padding-right: 5rem
}
[class*=" after-arrow-"]::after,[class^=after-arrow-]::after {
	padding-left: 5rem
}
.h1-like,h1 {
	font-size: 28rem;
	line-height: 35rem;
	font-family: inherit;
	color: inherit
}
.h2-like,h2 {
	font-size: 26rem;
	line-height: 31rem;
	font-family: inherit;
	color: inherit
}
.h3-like,h3 {
	font-size: 24rem;
	line-height: 29rem;
	font-family: inherit;
	color: inherit
}
.h4-like,h4 {
	font-size: 20rem;
	line-height: 25rem;
	font-family: inherit;
	color: inherit
}
.h5-like,h5 {
	font-size: 18rem;
	line-height: 23rem;
	font-family: inherit;
	color: inherit
}
.h6-like,h6 {
	font-size: 15rem;
	line-height: 20rem;
	font-family: inherit;
	color: inherit
}
.title-claim {
	font-size: 30rem;
	line-height: 35rem;
	font-family: inherit;
	color: inherit
}
.title-page {
	font-size: 28rem;
	line-height: 35rem;
	font-family: inherit;
	color: inherit
}
.title-chapter,.title-rubric {
	font-size: 26rem;
	line-height: 31rem;
	font-family: inherit;
	color: inherit
}
.title-article {
	font-size: 24rem;
	line-height: 29rem;
	font-family: inherit;
	color: inherit
}
blockquote {
	padding-left: 3rem;
	font-style: italic
}
hr {
	margin: 4vh 0 6vh;
	background-color: #1157a8;
	color: #1157a8;
	height: 1px;
	clear: both
}
hr.hide {
	height: 0;
	line-height: 0
}
ol {
	list-style-type: decimal;
	padding-left: 30rem
}
ol[class*=" cols-"],ol[class*=" flex-"],ol[class*=" grid-"],ol[class*=" menu"],ol[class*=" menu"] ol,ol[class*=" place-"],ol[class*=" swip"],ol[class^=cols-],ol[class^=flex-],ol[class^=grid-],ol[class^=menu],ol[class^=menu] ol,ol[class^=place-],ol[class^=swip] {
	list-style-type: none;
	padding-left: 0
}
ul {
	list-style-type: disc;
	padding-left: 18rem
}
ul[class*=" list-"],ul[class^=list-] {
	list-style-type: none;
	padding-left: 18rem
}
ul[class*=" list-"] ul,ul[class^=list-] ul {
	list-style-type: none;
	margin-top: 1vh
}
ul[class*=" list-"] li,ul[class^=list-] li {
	margin-bottom: 2vh;
	text-indent: -8rem;
	text-align: left
}
ul[class*=" list-"] li::before,ul[class^=list-] li::before {
	content: '•';
	display: inline-block;
	vertical-align: top;
	min-width: 6rem;
	margin-right: 2rem;
	color: #000
}
ul[class*=" list-"] li>p,ul[class^=list-] li>p {
	text-indent: 0;
	margin: 1vh 0
}
ul[class*=" list-"] li>p:first-child,ul[class^=list-] li>p:first-child {
	text-indent: -8rem;
	margin-top: 0;
	display: inline
}
ul[class*=" list-"] li>p:last-child,ul[class^=list-] li>p:last-child {
	margin-bottom: 0
}
ul[class*=" cols-"],ul[class*=" flex-"],ul[class*=" grid-"],ul[class*=" menu"],ul[class*=" menu"] ul,ul[class*=" place-"],ul[class*=" swip"],ul[class^=cols-],ul[class^=flex-],ul[class^=grid-],ul[class^=menu],ul[class^=menu] ul,ul[class^=place-],ul[class^=swip] {
	list-style-type: none;
	padding-left: 0
}
[class*=bullet-] {
	text-indent: -8rem
}
a[class*=bullet-],abbr[class*=bullet-],b[class*=bullet-],button[class*=bullet-],cite[class*=bullet-],code[class*=bullet-],dfn[class*=bullet-],em[class*=bullet-],i[class*=bullet-],q[class*=bullet-],span[class*=bullet-],strong[class*=bullet-],sub[class*=bullet-],sup[class*=bullet-] {
	text-indent: 0;
	white-space: nowrap;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}
[class*=bullet-]::before {
	content: '•';
	display: inline-block;
	vertical-align: top;
	font-weight: 700;
	min-width: 6rem;
	margin-right: 2rem
}
figure {
	display: block
}
figure>img {
	display: block;
	margin: 0 auto
}
figure figcaption {
	display: inline-block
}
table {
	border-spacing: 2px;
	border-collapse: separate
}
table tbody td,table tbody th {
	padding: 4px
}
input,textarea {
	background-color: #fff;
	color: #000
}
select {
	background-color: #fff;
	color: #999
}
label,select {
	cursor: pointer
}
form .select {
	position: relative
}
form .select::after {
	content: '\e993';
	font-family: arrow;
	position: absolute;
	width: auto;
	left: auto;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 0 4rem;
	color: #fa0;
	display: flex;
	align-items: center;
	pointer-events: none
}
form .select select {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-transform: uppercase
}
form .select select:valid {
	color: #444;
	text-transform: none
}
form .select select option:disabled {
	display: none;
	color: #999
}
form .select select option {
	padding: 1vh .5vw;
	color: #444;
	text-transform: none
}
@-moz-document url-prefix() {form .select select {
	padding-top: 0;
	padding-bottom: 0
}

}
elect,input,textarea {
font-family: Arial,sans-serif;
font-size: 14rem;
border: 2rem solid #ffb62f
}
input:focus,select:focus,textarea:focus {
border-color: #ffb62f;
box-shadow: none
}
input[type=email],input[type=text],textarea {
padding: 5rem 10rem
}
input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text] {
min-width: 10rem
}
input[type=date] {
min-inline-size: max-content
}
a {
text-decoration: none;
color: inherit
}
a:hover {
color: #ffb62f
}
.a-like,.after-a-like::after,.before-a-like::before,a.document,a.email,a.external,a.internal {
text-decoration: underline;
color: #1157a8;
transition: color .5s ease-out
}
.a-like:hover,.after-a-like:hover::after,.before-a-like:hover::before,a.document:hover,a.email:hover,a.external:hover,a.internal:hover {
text-decoration: none;
color: #ffb62f
}
.button-like,button {
display: inline-block;
padding: 8rem 10rem;
text-align: center;
font-size: 13rem;
line-height: 15rem;
font-style: normal;
color: #fff;
background-color: #666;
transition: background-color .3s;
cursor: pointer
}
.button-like.hover,.button-like:hover,button.hover,button:hover {
background-color: #ffb62f;
color: #fff
}
a.button-like {
text-decoration: none
}
abbr {
cursor: help;
text-decoration: none
}
cite::before {
content: open-quote
}
cite::after {
content: close-quote
}
sup {
vertical-align: super;
font-size: 70%
}
sub {
vertical-align: sub;
font-size: 70%
}
img {
width: 50%;
height: auto
}
img[class*=h1],img[class*=h2],img[class*=h3],img[class*=h4],img[class*=h5],img[class*=h6],img[class*=h7],img[class*=h8],img[class*=h9] {
width: auto
}
.h1-like,.h2-like,.h3-like,h1,h2,h3 {
margin-top: 6vh;
margin-bottom: 5vh
}
.h4-like,.h5-like,.h6-like,h4,h5,h6 {
margin-top: 4vh;
margin-bottom: 4vh
}
blockquote,dl,ol,p,table,ul {
margin: 2vh 0
}
h1+h2,h1+h3,h1+h4,h2+h3,h2+h4,h2+h5,h3+h4,h3+h5,h3+h6,h4+h5,h4+h6,h5+h6 {
margin-top: -2vh
}
article>div[class*=cols-],article>div[class*=flex-],article>div[class*=grid-],footer>div[class*=cols-],footer>div[class*=flex-],footer>div[class*=grid-],header>div[class*=cols-],header>div[class*=flex-],header>div[class*=grid-],section>div[class*=cols-],section>div[class*=flex-],section>div[class*=grid-] {
margin: 4vh auto
}
.MULTI {
display: grid;
grid-gap: 20rem 5%
}
.MULTI>div>:first-child>:first-child {
margin-top: 0
}
.BY2 {
grid-template-columns: 49% 49%
}
.BY3 {
grid-template-columns: 33.66% 28.68% 33.66%
}
.BY4 {
grid-template-columns: 23.5% 23.5% 23.5% 23.5%
}
[data-after],[data-before] {
position: relative
}
[data-after]::after {
display: inline-block;
content: attr(data-after);
padding: 6rem 14rem
}
[data-before]::before {
display: inline-block;
content: attr(data-before);
padding: 6rem 14rem
}
[data-after-title],[data-before-title] {
position: relative
}
[data-after-title]::after,[data-before-title]::before {
display: inline-block;
content: attr(title);
padding: 6rem 14rem
}
[data-after-alt],[data-before-alt] {
position: relative
}
[data-after-alt]::after,[data-before-alt]::before {
display: inline-block;
content: attr(alt);
padding: 6rem 14rem
}
[data-child-expandlink]>*,[data-expandlink] {
cursor: pointer
}
html {
font-size: .054vw
}
@media (max-width:2200px) {html {
font-size: .056vw
}

}
@media (max-width:2048px) {html {
font-size: .060vw
}

}
@media (max-width:1919px) {html {
font-size: .064vw
}

}
@media (max-width:1599px) {html {
font-size: .072vw
}

}
@media (max-width:1343px) {html {
font-size: .075vw
}

}
@media (max-width:1183px) {html {
font-size: .080vw
}

}
@media (max-width:1023px) {html {
font-size: .12vw
}

}
@media (max-width:736px) {html {
font-size: .2vw
}

}
@media (max-width:568px) {html {
font-size: .22vw
}

}
@media (max-width:335px) {html {
font-size: .24vw
}

}
.before-arrow-bevel-left::before {
content: '\e990'
}
.before-arrow-bevel-right::before {
content: '\e991'
}
.before-arrow-bevel-left-circle-round::before {
content: '\e9a0'
}
.before-arrow-bevel-right-circle-round::before {
content: '\e9a1'
}
#WIP .child-obj-contain img {
object-fit: contain
}
#WIP .bold {
font-weight: 700
}
#WIP .herit-text-center,#WIP .herit-text-center *,#WIP .text-center {
text-align: center
}
#WIP .f32 {
font-size: 32rem;
line-height: 44rem
}
#WIP .before-f15::before {
font-size: 15rem;
line-height: 20rem
}
#WIP .before-f30::before {
font-size: 30rem;
line-height: 40rem
}
#WIP .m10-t {
margin-top: 10vh
}
#WIP .m10-b {
margin-bottom: 10vh
}
#WIP .m15-b {
margin-bottom: 15vh
}
#WIP .m20-b {
margin-bottom: 20vh
}
#WIP .m10-tb {
margin-top: 10vh;
margin-bottom: 10vh
}
#WIP .ma-lr {
margin-left: auto;
margin-right: auto
}
#WIP .m20rem-t {
margin-top: 20rem
}
#WIP .child-p15-l>* {
padding-left: 15rem
}
#WIP .p0 {
padding: 0
}
.p0>:first-child {
margin-top: 0
}
.p0>:last-child {
margin-bottom: 0
}
#WIP .p5 {
padding: 5rem
}
.p5>:first-child {
margin-top: 0
}
.p5>:last-child {
margin-bottom: 0
}
#WIP .p20 {
padding: 20rem
}
.p20>:first-child {
margin-top: 0
}
.p20>:last-child {
margin-bottom: 0
}
#WIP .p40 {
padding: 40rem
}
.p40>:first-child {
margin-top: 0
}
.p40>:last-child {
margin-bottom: 0
}
#WIP .p5-t {
padding-top: 5rem
}
.p5-t>:first-child {
margin-top: 0
}
#WIP .p10-l {
padding-left: 10rem
}
.swip-1 {
--col: 1;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden;
white-space: nowrap
}
[class*=swip-1] {
--w: 100;
--gap: 0;
--v: 0
}
#WIP [class*=swip-1]>[class*=place-] {
display: inline-flex
}
#WIP [class*=swip-1]>[class*=grid-] {
display: inline-grid
}
.swip-4 {
--col: 4;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden;
white-space: nowrap
}
[class*=swip-4] {
--w: 100;
--gap: 0;
--v: 0
}
#WIP [class*=swip-4]>[class*=place-] {
display: inline-flex
}
#WIP [class*=swip-4]>[class*=grid-] {
display: inline-grid
}
.swip-5 {
--col: 5;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden;
white-space: nowrap
}
[class*=swip-5] {
--w: 100;
--gap: 0;
--v: 0
}
#WIP [class*=swip-5]>[class*=place-] {
display: inline-flex
}
#WIP [class*=swip-5]>[class*=grid-] {
display: inline-grid
}
.swip-1>*,.swip-4>*,.swip-5>* {
white-space: normal;
display: inline-block;
vertical-align: middle;
height: 100%;
text-align: left;
width: calc((100 - (var(--gap) * (var(--col) - 1)))/ var(--col) * 1%);
margin: 0 calc(var(--gap) * 1%) 0 0
}
.swip-1>*>:first-child {
margin-top: 0
}
.swip-1>*>:last-child {
margin-bottom: 0
}
.swip-1>figure>img,.swip-1>p>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.swip-1>figure {
position: relative
}
.swip-1>figure>figcaption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 5rem;
background-color: rgba(128,128,128,.7);
color: #fff
}
.swip-4>*>:first-child {
margin-top: 0
}
.swip-4>*>:last-child {
margin-bottom: 0
}
.swip-4>figure>img,.swip-4>p>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.swip-4>figure {
position: relative
}
.swip-4>figure>figcaption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 5rem;
background-color: rgba(128,128,128,.7);
color: #fff
}
.swip-5>*>:first-child {
margin-top: 0
}
.swip-5>*>:last-child {
margin-bottom: 0
}
.swip-5>figure>img,.swip-5>p>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.swip-5>figure {
position: relative
}
.swip-5>figure>figcaption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 5rem;
background-color: rgba(128,128,128,.7);
color: #fff
}
.swip-1.swip-vertical>:nth-child(n+2) {
display: none
}
.swip-1.swip-vertical>:nth-child(-n+0) {
margin: 0 0 calc(var(--gap) * 1%) 0
}
.swip-1.swip-vertical.swip-track>* {
display: block;
margin: 0 0 calc(var(--gap) * 1%) 0
}
.swip-4.swip-vertical>:nth-child(n+5) {
display: none
}
.swip-4.swip-vertical>:nth-child(-n+3) {
margin: 0 0 calc(var(--gap) * 1%) 0
}
.swip-4.swip-vertical.swip-track>* {
display: block;
margin: 0 0 calc(var(--gap) * 1%) 0
}
.swip-5.swip-vertical>:nth-child(n+6) {
display: none
}
.swip-5.swip-vertical>:nth-child(-n+4) {
margin: 0 0 calc(var(--gap) * 1%) 0
}
.swip-5.swip-vertical.swip-track>* {
display: block;
margin: 0 0 calc(var(--gap) * 1%) 0
}
.flex-2 {
--col: 2;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
margin-left: auto;
margin-right: auto
}
[class*=flex-2] {
--w: 100;
--gap: 0
}
.flex-3 {
--col: 3;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
margin-left: auto;
margin-right: auto
}
[class*=flex-3] {
--w: 100;
--gap: 0
}
.flex-4 {
--col: 4;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
margin-left: auto;
margin-right: auto
}
[class*=flex-4] {
--w: 100;
--gap: 0
}
.flex-2>*,.flex-3>*,.flex-4>* {
--tmpgap: calc(var(--gap) * 1%);
width: calc((100 - (var(--gap) * (var(--col) - 1)))/ var(--col) * 1%);
margin: 0 0 var(--tmpgap) var(--tmpgap)
}
.flex-2>*>:first-child {
margin-top: 0
}
.flex-2>*>:last-child {
margin-bottom: 0
}
.flex-3>*>:first-child {
margin-top: 0
}
.flex-3>*>:last-child {
margin-bottom: 0
}
.flex-4>*>:first-child {
margin-top: 0
}
.flex-4>*>:last-child {
margin-bottom: 0
}
.flex-2>:nth-child(2n+1),.flex-3>:nth-child(3n+1),.flex-4>:nth-child(4n+1) {
margin-left: 0
}
.grid-2 {
--col: 2;
display: grid;
grid-auto-flow: dense;
grid-auto-columns: 1fr;
margin-left: auto;
margin-right: auto;
grid-template-columns: repeat(var(--col),1fr)
}
[class*=grid-2] {
--gap: 0
}
.grid-3 {
--col: 3;
display: grid;
grid-auto-flow: dense;
grid-auto-columns: 1fr;
margin-left: auto;
margin-right: auto;
grid-template-columns: repeat(var(--col),1fr)
}
[class*=grid-3] {
--gap: 0
}
.grid-2>img {
width: 100%;
display: block
}
.grid-2>* {
margin-top: 0;
margin-bottom: 0
}
.grid-2>*>:first-child {
margin-top: 0
}
.grid-2>*>:last-child {
margin-bottom: 0
}
.grid-3>img {
width: 100%;
display: block
}
.grid-3>* {
margin-top: 0;
margin-bottom: 0
}
.grid-3>*>:first-child {
margin-top: 0
}
.grid-3>*>:last-child {
margin-bottom: 0
}
.grid-2[class*=" gap-"],.grid-3[class*=" gap-"] {
grid-gap: calc(var(--gap) * 1rem)
}
[class*=" grid-cols-"],[class^=grid-cols-] {
--gap: 0
}
#WIP .grid-cols-40-60-g5 {
display: grid;
grid-template-columns: 37.5% 57.5%
}
.grid-cols-40-60-g5 {
grid-gap: 50rem 5%;
--gap: 50
}
#WIP .grid-cols-70-30-g5 {
display: grid;
grid-template-columns: 67.5% 27.5%
}
.grid-cols-70-30-g5 {
grid-gap: 50rem 5%;
--gap: 50
}
.gap-2 {
--gap: 2
}
.gap-3 {
--gap: 3
}
.gap-5 {
--gap: 5
}
.gap-10 {
--gap: 10
}
.gap-20 {
--gap: 20
}
#WIP .abs-anchor {
position: relative
}
#WIP .abs-left-bottom {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 0
}
#WIP .place-left-center {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: center
}
#WIP .place-center-auto {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-content: stretch;
align-items: stretch
}
#WIP .place-center-center {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center
}
#WIP .place-space-center {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-content: center;
align-items: center
}
#WIP .place-around-center {
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
align-content: center;
align-items: center
}
.place-left-center[class*=" gap-"]>* {
margin: 0 0 0 calc(var(--gap) * 1rem)
}
.place-left-center[class*=" gap-"]:not(.place-column)>:first-child {
margin-left: 0
}
.place-left-center[class*=" gap-"].place-column>* {
margin: calc(var(--gap) * 1rem) 0 0 0
}
.place-left-center[class*=" gap-"].place-column>:first-child {
margin-top: 0
}
.place-center-auto[class*=" gap-"]>* {
margin: 0 0 0 calc(var(--gap) * 1rem)
}
.place-center-auto[class*=" gap-"]:not(.place-column)>:first-child {
margin-left: 0
}
.place-center-auto[class*=" gap-"].place-column>* {
margin: calc(var(--gap) * 1rem) 0 0 0
}
.place-center-auto[class*=" gap-"].place-column>:first-child {
margin-top: 0
}
.place-center-center[class*=" gap-"]>* {
margin: 0 0 0 calc(var(--gap) * 1rem)
}
.place-center-center[class*=" gap-"]:not(.place-column)>:first-child {
margin-left: 0
}
.place-center-center[class*=" gap-"].place-column>* {
margin: calc(var(--gap) * 1rem) 0 0 0
}
.place-center-center[class*=" gap-"].place-column>:first-child {
margin-top: 0
}
.place-space-center[class*=" gap-"]>* {
margin: 0 0 0 calc(var(--gap) * 1rem)
}
.place-space-center[class*=" gap-"]:not(.place-column)>:first-child {
margin-left: 0
}
.place-space-center[class*=" gap-"].place-column>* {
margin: calc(var(--gap) * 1rem) 0 0 0
}
.place-space-center[class*=" gap-"].place-column>:first-child {
margin-top: 0
}
.place-around-center[class*=" gap-"]>* {
margin: 0 0 0 calc(var(--gap) * 1rem)
}
.place-around-center[class*=" gap-"]:not(.place-column)>:first-child {
margin-left: 0
}
.place-around-center[class*=" gap-"].place-column>* {
margin: calc(var(--gap) * 1rem) 0 0 0
}
.place-around-center[class*=" gap-"].place-column>:first-child {
margin-top: 0
}
#WIP .grow-1 {
flex-grow: 1
}
#WIP .wa {
width: auto;
--w: auto
}
#WIP .w5 {
width: 5%;
--w: 5
}
#WIP .w6 {
width: 6%;
--w: 6
}
#WIP .w8 {
width: 8%;
--w: 8
}
#WIP .w10 {
width: 10%;
--w: 10
}
#WIP .w11 {
width: 11%;
--w: 11
}
#WIP .w12 {
width: 12%;
--w: 12
}
#WIP .w15 {
width: 15%;
--w: 15
}
#WIP .w20 {
width: 20%;
--w: 20
}
#WIP .w23 {
width: 23%;
--w: 23
}
#WIP .w25 {
width: 25%;
--w: 25
}
#WIP .w30 {
width: 30%;
--w: 30
}
#WIP .w35 {
width: 35%;
--w: 35
}
#WIP .w40 {
width: 40%;
--w: 40
}
#WIP .w45 {
width: 45%;
--w: 45
}
#WIP .w50 {
width: 50%;
--w: 50
}
#WIP .w70 {
width: 70%;
--w: 70
}
#WIP .w80 {
width: 80%;
--w: 80
}
#WIP .w100 {
width: 100%;
--w: 100
}
#WIP .w20rem {
width: 20rem
}
#WIP input.w20rem {
min-width: 20rem
}
#WIP .ha {
height: auto;
--h: auto
}
#WIP .h100 {
height: 100%;
--h: 100
}
#WIP .h10vh {
height: 10vh;
--h: 10
}
#WIP .h50vh {
height: 50vh;
--h: 50
}
#WIP .h60vh {
height: 60vh;
--h: 60
}
#WIP .min-h100 {
min-height: 100rem
}
#WIP .min-h400 {
min-height: 400rem
}
#WIP .min-h500 {
min-height: 500rem
}
#WIP .before-text-color-black::before {
color: #000
}
#WIP .before-text-color-grey::before {
color: grey
}
#WIP .hover-before-text-color-red:hover::before,#WIP .hover.over .hover-before-text-color-red::before,#WIP .hover:hover .hover-before-text-color-red::before,#WIP .mover.over .hover-before-text-color-red::before,#WIP .mover:hover .hover-before-text-color-red::before,#WIP .over.hover-before-text-color-red::before {
color: red
}
#WIP .back-color-grey {
background-color: grey
}
#WIP .back-color-grey-light {
background-color: silver
}
#WIP .back-color-white {
background-color: #fff
}
#WIP .border-color-grey {
border-color: grey
}
#WIP .hide {
visibility: hidden
}
#WIP .show {
visibility: visible
}
#WIP .none {
display: none
}
#WIP .flex {
display: flex
}
#WIP .block {
display: block
}
@media screen and (max-device-width:1024px) and (orientation:portrait),screen and (max-device-width:768px) and (orientation:landscape),screen and (max-width:1023px) {#WIP .w100\@mobile {
width: 100%;
--w: 100
}
#WIP .h30vh\@mobile {
height: 30vh;
--h: 30
}
#WIP .min-h200\@mobile {
min-height: 200rem
}

}
@media screen and (min-device-width:737px) and (max-device-width:1024px) and (orientation:portrait),screen and (min-device-width:375px) and (max-device-width:768px) and (orientation:landscape),screen and (min-width:737px) and (max-width:1023px) {#WIP .w50\@tablet {
width: 50%;
--w: 50
}

}
@media screen and (max-device-width:736px) and (orientation:portrait),screen and (max-device-width:374px) and (orientation:landscape),screen and (max-width:736px) {#WIP .ma-lr\@phone {
margin-left: auto;
margin-right: auto
}
#WIP .child-p5-tb\@phone>* {
padding-top: 5rem;
padding-bottom: 5rem
}
.child-p5-tb\@phone>*>:first-child {
margin-top: 0
}
.child-p5-tb\@phone>*>:last-child {
margin-bottom: 0
}
#WIP .p15\@phone {
padding: 15rem
}
.p15\@phone>:first-child {
margin-top: 0
}
.p15\@phone>:last-child {
margin-bottom: 0
}
#WIP .p20\@phone {
padding: 20rem
}
.p20\@phone>:first-child {
margin-top: 0
}
.p20\@phone>:last-child {
margin-bottom: 0
}
.flex-1\@phone {
--col: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
margin-left: auto;
margin-right: auto
}
.flex-1\@phone>* {
--tmpgap: calc(var(--gap) * 1%);
width: calc((100 - (var(--gap) * (var(--col) - 1)))/ var(--col) * 1%);
margin: 0 0 var(--tmpgap) var(--tmpgap)
}
.flex-1\@phone>*>:first-child {
margin-top: 0
}
.flex-1\@phone>*>:last-child {
margin-bottom: 0
}
.flex-1\@phone>* {
margin-left: 0
}
#WIP .place-wrap\@phone {
flex-wrap: wrap
}
#WIP .child-w100\@phone>* {
width: 100%;
--w: 100
}
#WIP .w20\@phone {
width: 20%;
--w: 20
}
#WIP .w40\@phone {
width: 40%;
--w: 40
}
#WIP .w100\@phone {
width: 100%;
--w: 100
}
#WIP .h20vh\@phone {
height: 20vh;
--h: 20
}
#WIP .min-h200\@phone {
min-height: 200rem
}

}
.tooltip {
position: absolute
}
.tooltip-content {
position: relative;
border-radius: 5px;
max-width: 400px;
padding: 8rem 12rem;
overflow: hidden;
box-shadow: 2px 2px 2px rgba(0,0,0,.4);
background-color: #fa0;
color: #fff;
font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
font-size: 12rem;
line-height: 14rem
}
.tooltip.show {
display: block
}
.tooltip.hide {
display: none
}
.tooltip::after {
content: '';
position: absolute;
width: 0;
height: 0;
border: 7rem solid transparent
}
.tooltip[data-pos^=top-] {
padding-bottom: 6rem
}
.tooltip[data-pos^=bottom-] {
padding-top: 6rem
}
.tooltip[data-pos^=left-] {
padding-right: 6rem
}
.tooltip[data-pos^=right-] {
padding-left: 6rem
}
.tooltip[data-pos^=bottom-]::after,.tooltip[data-pos^=top-]::after {
left: 50%;
margin-left: -7rem
}
.tooltip[data-pos^=top-]::after {
bottom: 0;
border-bottom-width: 0;
border-top-color: #fa0
}
.tooltip[data-pos^=bottom-]::after {
top: 0;
border-top-width: 0;
border-bottom-color: #fa0
}
.tooltip[data-pos$="-left"]::after {
left: 12%
}
.tooltip[data-pos$="-right"]::after {
left: 88%
}
.tooltip[data-pos^=left-]::after,.tooltip[data-pos^=right-]::after {
top: 50%;
margin-top: -7rem
}
.tooltip[data-pos^=left-]::after {
right: 0;
border-right-width: 0;
border-left-color: #fa0
}
.tooltip[data-pos^=right-]::after {
left: 0;
border-left-width: 0;
border-right-color: #fa0
}
.tooltip.small {
width: 8vw
}
.tooltip.medium {
width: 15vw
}
.tooltip.large {
width: 26vw
}
.tooltip.xlarge {
width: 32vw
}
.anim {
transition: .3s
}
.anim.fade {
opacity: 0;
transition-property: opacity
}
.anim.fade.show {
opacity: 1
}
.anim.grow {
transform: scale(0,0);
transition-property: transform
}
.anim.grow.show {
transform: scale(1,1);
transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
}
.anim.swing {
opacity: 0;
transform: rotateZ(4deg);
transition-property: transform
}
.anim.swing.show {
opacity: 1;
transform: rotateZ(0);
transition-timing-function: cubic-bezier(.23,.635,.495,2.4)
}
.anim.fall {
transition-property: top;
transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
}
.anim.fall.hide {
top: 0!important;
opacity: 0
}
.anim.fall.show {
opacity: 1
}
.anim.slide {
opacity: 0;
transition-property: transform;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
}
.slide[data-pos^=top-] {
transform: translateY(10%)
}
.slide[data-pos^=bottom-] {
transform: translateY(-10%)
}
.slide[data-pos^=left-] {
transform: translateX(10%)
}
.slide[data-pos^=right-] {
transform: translateX(-10%)
}
.anim.slide.show {
opacity: 1;
transform: none
}
.swip-slider {
display: flex;
justify-content: center;
position: relative;
-webkit-touch-callout: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.swip-frame {
position: relative;
width: 100%;
display: block;
overflow: hidden;
transform: translate3d(0,0,0)
}
.swip-track {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
transform: translate3d(0,0,0);
overflow: visible
}
.swip-fade .swip-track {
position: absolute
}
.swip-frame:focus {
outline: 0
}
.swip-frame.dragging {
cursor: pointer
}
.swip-loading .swip-track {
visibility: hidden
}
.swip-sentinel {
width: 100%;
height: auto
}
.swip-slide.dragging img {
pointer-events: none
}
.swip-loading .swip-slide {
visibility: hidden
}
.swip-arrow.swip-hidden {
display: none
}
.swip-vertical .swip-track .swip-slide {
display: block;
width: 100%;
height: auto;
border: 1px solid transparent
}
.swip-slider.swip-dotted {
margin-bottom: 30rem
}
.swip-dots {
position: absolute;
bottom: -25rem;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center
}
.swip-dots li {
position: relative;
display: inline-block;
width: 20rem;
height: 20rem;
margin: 0 5rem;
padding: 0;
cursor: pointer
}
.swip-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20rem;
height: 20rem;
cursor: pointer;
color: transparent;
border: 0;
outline: 0;
background: 0 0
}
.swip-dots li button:focus,.swip-dots li button:hover {
outline: 0
}
.swip-dots li button:focus:before,.swip-dots li button:hover:before {
opacity: 1
}
.swip-dots li button:before {
font-size: 10rem;
line-height: 20rem;
position: absolute;
top: 0;
left: 0;
width: 20rem;
height: 20rem;
content: '●';
text-align: center;
opacity: .25;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.swip-dots li.swip-active button:before {
opacity: .75;
color: #000
}
.swip-thumb>* {
cursor: pointer
}
button.swip-next,button.swip-prev {
background: 0 0;
color: #000;
z-index: 1
}
button.swip-next[class^=arrow-],button.swip-prev[class^=arrow-] {
font-size: 0;
line-height: 0;
color: transparent
}
button[class^=arrow-]::before {
padding: 0
}
.swip-current {
animation-duration: .5s;
animation-timing-function: ease-out;
animation-fill-mode: both;
z-index: 99
}
@font-face {
font-family: CaviarDreams;
src: url("../font/CaviarDreams.woff") format('woff');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: CaviarDreams_Italic;
src: url("../font/CaviarDreams_Italic.woff") format('woff');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: JosefinSans;
src: url("../font/JosefinSans.woff") format('woff');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: lane_-_narrowregular;
src: url("../font/LANENAR_-webfont.woff") format('woff');
font-weight: 400;
font-style: normal
}
* {
margin: 0;
padding: 0;
border: 0;
background-repeat: no-repeat
}
:lang(fr)>* {
quotes: "« " " »" "“ " " ”"
}
:lang(en)>* {
quotes: "“" "”" "‘" "’"
}
body {
background-color: #fff;
-webkit-font-smoothing: antialiased;
font: 15px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #232525;
padding-top: 30px
}
address,em,q,strong {
font-style: normal
}
input {
vertical-align: middle
}
textarea {
width: 100%;
vertical-align: top
}
div#ALL {
min-width: 400px;
max-width: 1150px;
margin: 0 auto
}
.TOP {
position: relative;
min-width: 739px;
width: 100%
}
.TOP div#votre-logo {
width: 15%;
position: absolute;
left: 100px;
top: -5px;
padding: 5px;
z-index: 5
}
.BOTTOM {
background-image: url("../../src/back2.jpg");
background-repeat: repeat
}
.BOTTOM footer {
padding: 5px 0;
width: 100%
}
.BOTTOM footer p.centre {
text-align: center;
margin: 10px 0;
font-size: 9px
}
footer ul.menu-bas {
font-family: CaviarDreams;
text-decoration: none;
text-align: center;
list-style-type: none;
color: #fff;
margin-top: 10px
}
footer ul.menu-bas li {
display: inline;
margin-right: 15px
}
footer ul.menu-bas li a {
text-decoration: none;
font-size: 13rem;
color: #fff
}
footer ul.menu-bas li a:hover {
text-decoration: underline
}
.BY1 .MIDDLE-1 {
min-height: 550px
}
div.MIDDLE {
position: relative;
z-index: 0;
width: 100%;
margin-top: 5vh;
overflow: hidden;
background-color: #fff
}
div.MIDDLE>div[class^=MIDDLE] {
padding: 5px 17px 0;
min-height: 600px
}
.BY2 div.MIDDLE-1 {
float: left;
width: 202px
}
.BY2 div.MIDDLE-2 {
margin-left: 236px
}
.BY3 div.MIDDLE-1 {
float: left;
width: 202px
}
.BY3 div.MIDDLE-2 {
padding-top: 17px;
margin-left: 236px;
margin-right: 434px
}
.BY3 div.MIDDLE-3 {
position: absolute;
right: 0;
top: 0;
width: 400px;
padding-top: 17px
}
.cote-cote {
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
align-items: center
}
.cote-cote * {
flex-grow: 1
}
nav.menuprincipal {
position: absolute;
right: 0;
bottom: 49px;
z-index: 5;
font-size: 15rem;
font-weight: 700;
text-align: center;
background-color: rgba(88,116,89,.8);
padding: 5px
}
nav.menuprincipal ol {
list-style-type: none;
padding: 0;
margin: 0
}
nav.menuprincipal>ol>li {
display: block;
vertical-align: top
}
nav.menuprincipal ol li {
margin: 0 auto;
color: #fff;
padding: 3px
}
nav.menuprincipal ol li a {
font-family: CaviarDreams;
font-weight: 700;
text-decoration: none;
color: #fff;
padding: 2px
}
nav.menuprincipal ol li a span {
text-decoration: none
}
nav.menuprincipal ol li.nodein,nav.menuprincipal ol li.nodeon,nav.menuprincipal ol li.on {
font-weight: 700;
color: #fff;
border-bottom: 3px solid #ef9c24
}
nav.menuprincipal ol li a {
display: block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .5s;
transition-duration: .5s
}
nav.menuprincipal ol li a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(241,155,31,.8);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
nav.menuprincipal ol li a:active,nav.menuprincipal ol li a:focus,nav.menuprincipal ol li a:hover {
color: #fff;
font-weight: 700
}
nav.menuprincipal ol li a:active:before,nav.menuprincipal ol li a:focus:before,nav.menuprincipal ol li a:hover:before {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
nav.menuprincipal ol ol {
display: none
}
section {
font-size: 14rem;
font-family: OpenSans,sans-serif;
background-color: #fff;
color: #35393a
}
section blockquote,section div[class^=cols],section dl,section h1,section h2,section h3,section h4,section h5,section h6,section table {
margin: 17px 0
}
section ol,section p,section ul {
margin: 6px 0 17px
}
section blockquote:first-child,section div:first-child,section dl:first-child,section h1:first-child,section h2:first-child,section h3:first-child,section h4:first-child,section h5:first-child,section h6:first-child,section ol:first-child,section p:first-child,section ul:first-child {
margin-top: 0
}
section .gauche {
text-align: left
}
section .droite {
text-align: right
}
section .centre {
text-align: center
}
section h1,section h2,section h3,section h4,section h5,section h6 {
font-family: CaviarDreams,Arial,sans-serif;
font-weight: 400;
color: #000;
line-height: 1.3em;
margin: 17px 0 6px
}
section h1 {
font-family: JosefinSans;
font-size: 35rem;
letter-spacing: .3rem;
color: #fff;
background-color: #6cb909;
margin: 0 0 20px;
padding: 0
}
section h1.center {
text-align: center
}
section h1.blue {
color: #396fa2
}
section h2 {
font-family: CaviarDreams;
font-size: 22rem;
font-weight: 400;
margin: 2px 0 20px
}
section h2.center {
text-align: center
}
section h2.rouge-center {
color: #bd1220;
text-align: center
}
section h2.orange {
color: #f5b733
}
section h3 {
font-size: 18rem;
margin: 18px 0 14px
}
section h3.center {
text-align: center
}
section h3.gris {
color: #b5b2ac
}
section h3.majuscule {
text-transform: uppercase
}
section h4 {
font-family: Arial,sans-serif;
font-size: 16rem;
font-weight: 700;
line-height: 1.5em
}
section h5 {
font-family: CaviarDreams,Arial,sans-serif;
font-size: 15rem;
font-weight: 700;
line-height: 1.5em;
color: #000
}
section h6 {
font-family: CaviarDreams,Arial,sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 1.5em;
color: #000
}
section h1.noir {
color: #333
}
section h2.rouge,section h3.rouge,section h4.rouge,section h5.rouge,section h6.rouge {
color: #bd1220
}
section h5.rouge-big {
color: #bd1220;
font-size: 30rem;
font-weight: 700
}
section h2.rouge-italic,section h3.rouge-italic,section h4.rouge-italic,section h5.rouge-italic,section h6.rouge-italic {
color: #bd1220;
font-style: italic
}
section [class^=raleway] {
margin: 0;
font-family: raleway,Verdana,sans-serif;
background-color: transparent;
color: #35393a
}
section [class^=raleway] a {
text-decoration: none;
color: #35393a
}
section p {
font-family: JosefinSans;
font-size: 18rem;
text-align: justify;
line-height: 24rem;
color: #616461;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
section p.gauche {
text-align: left
}
section p.centre {
text-align: center
}
section p.droite {
text-align: right
}
section p.plus-gros {
font-size: 16rem;
line-height: 26rem
}
section p.saumon {
color: #f3b981
}
section p.havane {
color: #8a5f2b
}
section p.vert {
color: #264615
}
section p.bleu {
color: #14668c
}
section p.bleu-souligne {
color: #14668c;
text-decoration: underline
}
section p.rouge {
color: #ef3c2f
}
section p.italic {
font-family: CaviarDreams_Italic
}
section p.petite-marge {
margin: 8px 0
}
section p.cadre-gris {
margin: 10px 0;
padding: 10px;
border: 1px solid #35393a;
font-size: 11rem;
color: #35393a
}
section p.cadre-gris.over {
background-color: #35393a;
cursor: pointer;
color: #fff
}
section p.cadre-gris a {
text-decoration: none;
color: #35393a
}
section p.cadre-gris.over a {
text-decoration: none;
color: #fff
}
section p.adresse {
line-height: normal
}
section p.adresse a {
text-decoration: none
}
section blockquote {
padding: 0 10px
}
section blockquote p {
font-style: italic
}
section ul {
font-family: CaviarDreams;
font-weight: 400
}
section ul.mapuce {
list-style-type: disc;
margin-left: 25px
}
section ul.mapuce li ul {
list-style-type: circle;
margin-left: 20px
}
section ul.mapuce li ul li.img {
list-style-type: none;
text-align: center;
margin-top: 6px
}
section ul.justify li {
text-align: justify
}
section ul.minipuce,section ul[class^=minipuce] {
list-style-type: circle
}
section ul[class^=minipuce] li {
text-indent: -12px;
text-align: left
}
section ul[class^=minipuce] li:before {
content: "•  "
}
section ul.minipuce-justify li {
text-align: justify
}
section ul.gras {
font-family: CaviarDreams;
font-weight: 700;
padding-left: 8%
}
section ul.gras li {
font-weight: 700
}
section ul.menu-deco {
width: 750px;
text-align: center;
padding-top: 30px;
margin: 0 auto
}
section ul.menu-deco li {
display: inline-block;
font-family: lane_-_narrowregular;
font-size: 17rem;
font-weight: 400;
margin-right: 30px;
text-align: center;
margin-bottom: 20px
}
section ul.menu-deco li:hover img {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg)
}
section ul.menu-deco li img {
-webkit-transition: -webkit-transform 2s;
transition: transform 2s
}
section ul.menu-deco li a {
text-decoration: none;
font-size: 13rem
}
section ul.menu-deco li a img {
margin-top: 15px
}
section ul.menu-deco li a:hover {
text-decoration: underline
}
section ul.press li a.document img {
margin-top: 15px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: transform;
transition-property: transform
}
section ul.press li a.document img:hover {
border: 1px solid #f8b43d;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
section ul.menu-colonne {
text-align: center;
padding-top: 30px;
margin: 0 auto
}
section ul.menu-colonne li {
display: inline-block;
text-align: center;
font-size: 14rem;
font-weight: 700;
margin-bottom: 20px;
margin-right: 20px
}
section ul.menu-colonne li:hover img {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg)
}
section ul.menu-colonne li img {
-webkit-transition: -webkit-transform 2s;
transition: transform 2s
}
section ul.menu-colonne li a {
text-decoration: none;
font-size: 13rem
}
section ul.menu-colonne li a img {
margin-top: 15px
}
section ul.menu-colonne li a:hover {
text-decoration: underline
}
section ul.menu-const li p {
font-family: lane_-_narrowregular;
font-size: 16rem
}
section ul.menu-const li:hover img {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg)
}
section ul.menu-const li img {
-webkit-transition: -webkit-transform 2s;
transition: transform 2s
}
section ul.menu-decoration li p {
font-family: lane_-_narrowregular;
font-size: 16rem
}
section ul.menu-decoration li:hover img {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg)
}
section ul.menu-decoration li img {
-webkit-transition: -webkit-transform 2s;
transition: transform 2s
}
section ul.menu-lang {
float: right;
margin-right: 110px;
z-index: 10
}
section li.lang {
display: inline
}
section li.lang a {
text-decoration: none;
color: #fff;
font-size: 20rem;
font-weight: 700;
margin-right: 12px;
padding-top: 3px;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-property: transform;
transition-property: transform
}
section li.lang a:hover {
color: #edc401;
background-color: rgba(88,116,89,.8)
}
section li.lang a:active,section li.lang a:focus,section li.lang a:hover {
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
section div.case {
display: inline-block
}
section div.centre {
margin: 40px 30px;
text-align: center
}
section div.topmarge {
margin-top: 50px
}
section div[class^=pave] {
font-size: 13rem;
line-height: 20rem;
margin: 30px 0;
padding: 30px 30px 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url("https://en.be-design-las-terrenas.com/dsg/htc/PIE.htc")
}
section div[class^=pave] p {
font-size: 18rem;
text-align: justify;
line-height: 24rem
}
section[class^=pave] {
font-size: 13rem;
line-height: 20rem;
margin: 0;
padding: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url("https://en.be-design-las-terrenas.com/dsg/htc/PIE.htc")
}
section[class^=pave] p {
font-size: 18rem;
text-align: justify;
line-height: 24rem
}
section div.pave-rouge {
background-color: #bd1220;
color: #fff;
padding: 5px
}
section div.pave-rouge *,section div.pave-rouge a:hover {
color: #fff
}
section div.pave-violet {
background-color: #6d249b;
color: #fff;
padding: 5px
}
section div.pave-violet * {
color: #fff
}
section div.pave-violet a:hover {
color: #f9dd22
}
section div.pave-bleu {
background-color: #255776;
color: #fff;
padding: 5px
}
section div.pave-bleu * {
color: #fff
}
section div.pave-bleu a:hover {
color: #f9dd22
}
section article.projet {
width: 40%;
box-shadow: 3px 6px 7px 2px rgba(119,119,119,.91);
-moz-box-shadow: 3px 6px 7px 2px rgba(119,119,119,.91);
-webkit-box-shadow: 3px 6px 7px 2px rgba(119,119,119,.91)
}
section div.pave-gris {
background-color: #eee
}
section div.pave-gris-vert,section.pave-gris-vert {
background-color: #ccd2ce;
color: #000
}
section div.pave-gris-vert-encadre {
background-color: #ccd2ce;
border: 1px solid #7e817f;
padding: 10px;
color: #000
}
section div.pave-orange {
background-color: #f9dd22;
color: #fff;
padding: 15px
}
section div.rouge {
margin: 0;
padding: 4px 0 0;
background-color: #bd1220;
color: #fff;
text-align: right
}
[class^=slideshow]>* {
display: none
}
[class^=slideshow]>:first-child {
display: block
}
section div.slideshow {
z-index: 1
}
section div.slideshow img {
top: 0;
left: 0;
width: 100%;
height: 100%
}
[class^=slideshow-ref]>* {
display: none
}
[class^=slideshow-ref]>:first-child {
display: block
}
section div.slideshow-ref {
height: 226px;
width: 451px
}
section div.slideshow-ref img {
width: 450px;
height: 225px
}
h3#decouvrir-ref {
background-color: rgba(88,116,89,.8);
color: #fff;
padding: 5px
}
h3#decouvrir-planches {
position: absolute;
left: 737px;
top: 270px;
z-index: 100;
background-color: rgba(88,116,89,.8);
color: #fff;
padding: 5px
}
.cycle-pager {
width: 100%;
z-index: 500;
margin: 150px 0 50px 300px;
overflow: hidden
}
.cycle-pager span {
font-family: arial;
font-size: 50px;
width: 16px;
height: 16px;
display: inline-block;
color: #ddd;
cursor: pointer
}
.cycle-pager span.cycle-pager-active {
color: #d69746
}
.cycle-pager>* {
cursor: pointer
}
section div[class^=cols] {
white-space: nowrap;
width: 100%;
text-align: center
}
section div[class^=cols]>div {
display: inline-block;
text-align: left;
vertical-align: top;
white-space: normal;
margin-left: 4%;
overflow: hidden
}
section div[class^=cols]>div:first-child {
margin-left: 0
}
section div[class^=cols]>div.over {
background-color: #eee;
cursor: pointer
}
section div.cols2>div {
width: 48%;
margin: 0 auto;
min-width: 420px
}
section div.cols2-20-80 {
width: 100%
}
section div.cols2-20-80>div.col1 {
width: 20%
}
section div.cols2-20-80>div.col2 {
width: 75%
}
section div.cols2-30-70 {
width: 100%
}
section div.cols2-30-70>div.col1 {
width: 32%
}
section div.cols2-30-70>div.col2 {
width: 66%
}
section div.cols2-40-60 {
width: 100%
}
section div.cols2-40-60>div.col1 {
width: 42%
}
section div.cols2-40-60>div.col2 {
width: 56%
}
section div.cols2-45-55 {
width: 100%
}
section div.cols2-45-55>div.col1 {
width: 47%
}
section div.cols2-45-55>div.col2 {
width: 51%
}
section div.cols2-70-30 {
width: 100%
}
section div.cols2-70-30>div.col1 {
width: 66%
}
section div.cols2-70-30>div.col2 {
width: 32%
}
section div.cols2-80-20 {
width: 100%
}
section div.cols2-80-20>div.col1 {
width: 75%
}
section div.cols2-80-20>div.col2 {
width: 20%
}
section div.cols3>div {
width: 32%
}
section abbr {
cursor: help;
border-bottom: 1px dotted #8a8989
}
section cite {
font-style: italic
}
section cite.guillemet {
font-style: normal
}
section cite.guillemet:before {
content: open-quote
}
section cite.guillemet:after {
content: close-quote
}
section cite.guillemet-italique:before {
content: open-quote
}
section cite.guillemet-italique:after {
content: close-quote
}
section dfn {
font-weight: 700
}
section q {
font-size: 18rem
}
section q.big {
font-size: 26rem
}
section q.italique {
font-style: italic
}
section span {
text-decoration: underline
}
section span.gras {
font-weight: 700;
text-decoration: none
}
section span.gras-maj {
font-weight: 700;
text-decoration: none;
text-transform: uppercase
}
@-webkit-keyframes blink {from {
opacity: 1
}
to {
opacity: 0
}

}
section span.clignotant {
text-decoration: blink;
color: #bd1220;
padding: 0 4px;
-webkit-animation: 1s cubic-bezier(1,0,0,1) infinite blink
}
section span.vert {
color: #33d522;
text-decoration: none
}
section span.orange {
color: #fbcc27;
text-decoration: none
}
section span.rouge {
color: #da0216;
text-decoration: none
}
section span.border-center {
text-align: center;
border: 1px solid #75777c;
padding: 5px;
background-color: #f1eab4
}
section span.border-center-vert {
text-align: center;
border: 1px solid #75777c;
padding: 5px;
background-color: #33d522
}
section span.border-center-orange {
text-align: center;
border: 1px solid #75777c;
padding: 5px;
background-color: #fbcc27
}
section em {
font-style: italic
}
section em.saumon {
color: #f3b981;
font-style: bold
}
section em.back-saumon {
background-color: #f3b981;
padding: 3px;
font-style: bold
}
section em.blue {
color: #255776;
font-size: 14rem
}
section strong {
font-weight: 700;
color: #494d48
}
section strong.rouge {
color: #bd1220
}
section strong.bleu {
color: #255776
}
section strong.big {
font-size: 160%;
font-weight: 400
}
section sup {
vertical-align: text-top;
font-size: 70%
}
section sub {
vertical-align: text-bottom;
font-size: 70%
}
section p a {
text-decoration: underline
}
section a {
text-decoration: none;
color: #1d1d1d;
-webkit-transition: color .15s linear;
-moz-transition: color .15s linear;
-o-transition: color .15s linear;
transition: color .15s linear
}
section a.internal,section a:hover {
text-decoration: underline;
font-weight: 700;
color: #494d48
}
section a.internal:hover {
color: #aa6a0f
}
section a.internal-retour {
text-decoration: underline;
font-weight: 700;
padding: 7px;
color: #494d48;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #a6c9b0;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
section a.internal-retour:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #6cb909;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
section a.internal-retour:active,section a.internal-retour:focus,section a.internal-retour:hover {
color: #fff
}
section a.internal-retour:active:before,section a.internal-retour:focus:before,section a.internal-retour:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
section a.internal-white {
color: #fff
}
section a.internal-white:hover {
color: #bd1220
}
section a.external {
text-decoration: underline
}
section a.invisible {
text-decoration: none
}
section a.email {
text-decoration: underline;
font-size: 20rem;
font-weight: 700;
padding: 7px;
color: #fff;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #1b9195;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
section a.email:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #6cb909;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
section a.email:active,section a.email:focus,section a.email:hover {
color: #fff
}
section a.email:active:before,section a.email:focus:before,section a.email:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
a.vitao {
padding: 5px;
width: 410px;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #8fcfc9;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
a.vitao:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #b6c7da;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
a.vitao:active,a.vitao:focus,a.vitao:hover {
color: #000
}
a.vitao:active:before,a.vitao:focus:before,a.vitao:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
a.quisqueya {
padding: 5px;
width: 410px;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #ffd77b;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
a.quisqueya:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #b6c7da;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
a.quisqueya:active,a.quisqueya:focus,a.quisqueya:hover {
color: #000
}
a.quisqueya:active:before,a.quisqueya:focus:before,a.quisqueya:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
a.modulable {
padding: 5px;
width: 410px;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #c7b0d6;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
a.modulable:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #b6c7da;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
a.modulable:active,a.modulable:focus,a.modulable:hover {
color: #000
}
a.modulable:active:before,a.modulable:focus:before,a.modulable:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
a.casa-hotel {
padding: 5px;
width: 410px;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #f29c92;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
a.casa-hotel:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #b6c7da;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
a.casa-hotel:active,a.casa-hotel:focus,a.casa-hotel:hover {
color: #000
}
a.casa-hotel:active:before,a.casa-hotel:focus:before,a.casa-hotel:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
section hr {
clear: both;
margin: 20px 0;
background-color: #ddd;
color: #ddd;
height: 1px
}
section hr[class^=espace] {
visibility: hidden;
height: 0;
font-size: 1px;
line-height: 0
}
section hr.espace-mini {
margin: 10px 0
}
section hr.espace-petit {
margin: 20px 0
}
section hr.espace-moyen {
margin: 30px 0
}
section hr.espace-grand {
margin: 40px 0
}
section hr.espace-maxi {
margin: 50px 0
}
section img.texte-milieu {
vertical-align: middle
}
section img.petit-espace {
margin-right: 5px
}
section img.gauche {
float: left;
margin-right: 50rem;
margin-bottom: 15px
}
section img.droite {
float: right;
margin-left: 50rem;
margin-bottom: 15px
}
section img.modele {
border: 1px solid #000
}
section figure {
display: inline-block
}
section figure.gauche {
float: left;
margin-right: 20px;
margin-bottom: 15px
}
section figure.droite {
float: right;
margin-left: 20px;
margin-bottom: 15px
}
section table {
border-spacing: 2px;
border-collapse: separate;
border: 4px solid #ddd
}
section table tbody td,section table tbody th {
padding: 4px;
border: 2px solid #ddd
}
section form {
margin: 0
}
section form fieldset {
padding: 10px 0
}
section form fieldset legend {
padding-left: 20px;
font-weight: 700
}
section form label {
white-space: nowrap;
display: block;
font-size: 13rem
}
section form input,section form select,section form textarea {
border: 1px solid #aaa;
padding: 8px;
font-size: 14rem;
width: 100%;
background-color: #eaeff1
}
section form table {
margin: 10px 0;
border: 0
}
div.note-formulaire {
position: absolute;
bottom: 10px;
right: 15px
}
section form table tbody td,section form table tbody th {
padding: 2px;
border: 0
}
#message {
max-height: 150px
}
section form button {
cursor: pointer;
border-bottom: 1px solid #000;
border-right: 1px solid #000
}
section form button:hover {
cursor: pointer;
border-top: 1px solid #000;
border-left: 1px solid #000
}
section form label.droite {
padding-right: 10px
}
section form label.gauche {
padding-left: 10px
}
section form input[type=email]:focus,section form input[type=password]:focus,section form input[type=text]:focus,textarea:focus {
border: 1px solid #aaa;
color: #444;
box-shadow: 0 0 3px rgba(0,0,0,.2)
}
.bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0
}
.bx-wrapper img {
max-width: 600px;
display: block;
padding-left: 5px
}
.bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 2px solid #ddd;
left: -5px;
background: #fff;
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0)
}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager {
position: absolute;
bottom: -30px;
width: 100%
}
.bx-wrapper .bx-loading {
min-height: 50px;
background: url("https://en.be-design-las-terrenas.com/dsg/img/slideshow/bx_loader.gif") center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000
}
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: 700;
color: #666;
padding-top: 20px
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item {
display: inline-block
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover {
background: #000
}
.bx-wrapper .bx-prev {
left: 10px;
background: url("https://en.be-design-las-terrenas.com/dsg/img/slideshow/controls.png") 0 -32px no-repeat
}
.bx-wrapper .bx-next {
right: 10px;
background: url("https://en.be-design-las-terrenas.com/dsg/img/slideshow/controls.png") -43px -32px no-repeat
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none
}
.bx-wrapper .bx-controls-auto {
text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url("https://en.be-design-las-terrenas.com/dsg/img/slideshow/controls.png") -86px -11px no-repeat;
margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover {
background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url("https://en.be-design-las-terrenas.com/dsg/img/slideshow/controls.png") -86px -44px no-repeat;
margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover {
background-position: -86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px
}
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: rgba(80,80,80,.75);
width: 100%
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px
}
section ol.tweet {
margin: 10px 0;
list-style-type: none
}
section ol.tweet li {
margin-bottom: 16px
}
section ol.tweet li div {
text-align: left;
font-size: 12rem
}
section ol.tweet li div img {
float: left;
margin-right: 5px;
width: 16%;
height: auto
}
section ol.tweet li div span {
text-decoration: none
}
section ol.tweet li div span.temps {
color: #999;
font-size: 11rem
}
section ol.tweet-flux {
margin: 0 0 40px;
padding: 0;
position: relative;
list-style-type: none;
overflow: hidden;
width: 100%
}
section ol.tweet-flux li {
margin: 0;
padding: 0;
text-align: left;
display: none;
white-space: nowrap;
width: 100%
}
section ol.tweet-flux li:first-child {
display: block
}
.tooltipster-default {
border-radius: 5px;
background: #6cb909;
color: #fff;
box-shadow: 2px 2px 2px rgba(0,0,0,.5)
}
.tooltipster-default .tooltipster-content {
padding: 6px 10px;
font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
font-size: 12rem;
line-height: 16rem;
overflow: hidden
}
.tooltipster-icon {
cursor: help;
margin-left: 4px
}
.tooltipster-base {
padding: 0;
font-size: 0;
line-height: 0;
position: absolute;
left: 0;
top: 0;
z-index: 3;
pointer-events: none;
width: auto;
overflow: visible
}
.tooltipster-base .tooltipster-content {
overflow: hidden
}
.tooltipster-arrow {
display: block;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1
}
.tooltipster-arrow span,.tooltipster-arrow-border {
display: block;
width: 0;
height: 0;
position: absolute
}
.tooltipster-arrow-top span,.tooltipster-arrow-top-left span,.tooltipster-arrow-top-right span {
border-left: 8px solid transparent!important;
border-right: 8px solid transparent!important;
border-top: 8px solid;
bottom: -7px
}
.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border {
border-left: 9px solid transparent!important;
border-right: 9px solid transparent!important;
border-top: 9px solid;
bottom: -7px
}
.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-left span,.tooltipster-arrow-bottom-right span {
border-left: 8px solid transparent!important;
border-right: 8px solid transparent!important;
border-bottom: 8px solid;
top: -7px
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
border-left: 9px solid transparent!important;
border-right: 9px solid transparent!important;
border-bottom: 9px solid;
top: -7px
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top span {
left: 0;
right: 0;
margin: 0 auto
}
.tooltipster-arrow-bottom-left span,.tooltipster-arrow-top-left span {
left: 6px
}
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border {
left: 5px
}
.tooltipster-arrow-bottom-right span,.tooltipster-arrow-top-right span {
right: 6px
}
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border {
right: 5px
}
.tooltipster-arrow-left .tooltipster-arrow-border,.tooltipster-arrow-left span {
border-top: 8px solid transparent!important;
border-bottom: 8px solid transparent!important;
border-left: 8px solid;
top: 50%;
margin-top: -7px;
right: -7px
}
.tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 9px solid transparent!important;
border-bottom: 9px solid transparent!important;
border-left: 9px solid;
margin-top: -8px
}
.tooltipster-arrow-right .tooltipster-arrow-border,.tooltipster-arrow-right span {
border-top: 8px solid transparent!important;
border-bottom: 8px solid transparent!important;
border-right: 8px solid;
top: 50%;
margin-top: -7px;
left: -7px
}
.tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 9px solid transparent!important;
border-bottom: 9px solid transparent!important;
border-right: 9px solid;
margin-top: -8px
}
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity
}
.tooltipster-fade-show {
opacity: 1
}
@media screen and (min-device-width:737px) and (max-device-width:1024px) and (orientation:portrait),screen and (min-device-width:375px) and (max-device-width:768px) and (orientation:landscape),screen and (min-width:737px) and (max-width:1023px) {html .BOTTOM section div.milieu,html .TOP section div.milieu,html div.MIDDLE {
margin: 0 auto;
width: 90%
}
html div.MIDDLE {
padding-top: 5vh
}
html section ol.tweet-flux li {
white-space: normal
}
html div.vid {
width: 90%
}
html .TOP a#logo {
width: 23%
}
html .TOP a#logo img {
width: 100%;
height: auto;
max-width: 200px
}
html section ol[class^=blocs] li {
float: none;
width: 100%;
margin: 0;
padding-top: 20px;
border: 0 solid #ddd;
border-top-width: 1px
}
html section ol[class^=blocs] li:first-child {
border-top-width: 0
}

}
@media screen and (max-device-width:736px) and (orientation:portrait),screen and (max-device-width:374px) and (orientation:landscape),screen and (max-width:736px) {html body {
padding-top: 0
}
html div#ALL {
min-width: 380px;
margin: 0 auto
}
html .MIDDLE {
width: 90%;
padding: 10px;
margin-top: 45vh
}
html img {
max-width: 100%;
height: auto
}
html img.gauche {
float: none;
margin-right: 0;
display: block
}
html img.droite {
float: none;
margin-left: 0;
display: block
}
html .TOP {
min-width: 380px
}
html .TOP .slideshow {
width: auto;
height: auto
}
html .TOP #votre-logo {
width: 25%;
left: 0
}
html .TOP #votre-logo img {
width: 100%;
height: auto
}
html section.trend img {
width: 100%
}
html h1.center-header {
font-family: JosefinSans;
font-weight: 700;
font-size: 20rem;
width: auto
}
html section ul.menu-lang {
position: absolute;
top: 138px;
left: 38px;
background-color: rgba(88,116,89,.8);
font-size: 50%
}
html nav.menuprincipal {
position: absolute;
top: 220px;
left: 0;
width: 100%;
height: 40vh;
background-color: rgba(88,116,89,.8);
margin: 0 auto;
padding: 0
}
html nav.menuprincipal>ul>li {
vertical-align: top;
width: 90%
}
html nav.menuprincipal ul li {
margin-bottom: 2px
}
html nav.menuprincipal ul li a {
width: auto;
font-size: 50%;
padding: 5px 20px;
background-color: #777
}
html nav.menuprincipal>ul>li>a {
text-align: center
}
html nav.menuprincipal>ul>li>ul {
width: 100%;
background-color: transparent
}
html .cote-cote {
display: block
}
html .BOTTOM section div.milieu {
padding: 10px 17px
}
html .BOTTOM {
width: 100%;
height: auto;
margin: 0 auto
}
html .BOTTOM ul.menu-bas li a {
font-size: 60%;
padding: 3px
}
html section ul.menu-bas li {
display: inline-block
}
html section a.email {
text-align: center
}
html section div[class^=cols] {
white-space: normal
}
html section div.cols2 {
width: 100%;
height: auto
}
html section div.cols2 .col1,html section div.cols2 .col2 {
display: block;
width: 60%;
height: auto
}
html section div.cols2 .col1 .projet,html section div.cols2 .col2 .projet {
display: block;
width: 80%;
height: auto
}
html section div.cols2 .projet .centre .casa-hotel,html section div.cols2 .projet .centre .modulable,html section div.cols2 .projet .centre .quisqueya,html section div.cols2 .projet .centre .vitao {
width: 100%
}
html section article.projet {
width: 100%;
box-shadow: none
}
html section ul.menu-const,html section ul.menu-deco {
width: 100%
}
html section ul.menu-const li,html section ul.menu-deco li {
display: block
}
html section ul.menu-const li a.internal,html section ul.menu-deco li a.internal {
width: 100%;
height: auto
}
html section ul.menu-const li a.internal img,html section ul.menu-deco li a.internal img {
width: 60%;
height: auto
}
html section ul.press {
width: 100%;
height: auto
}
html section ul.press li {
display: block;
width: 100%
}
html section ul.press li a.document img {
width: 80%;
height: auto
}
html form#contact {
width: 100%;
margin-top: 50px;
position: relative;
left: 0;
bottom: 0;
margin-bottom: 700px
}
html form#contact table {
width: auto;
float: left
}
html form#contact table label.droite {
width: 100%;
font-size: 100%
}
html form#contact select#civilite {
width: 100%;
height: 90px
}
html form#contact tr td input {
width: 100%;
height: 40px
}
html div.note-formulaire {
position: absolute;
top: 300px;
left: 10px;
width: auto
}
html div.note-formulaire table label {
width: 100%;
font-size: 70%
}
html .cols2-30-70 .col1,html .cols2-30-70 .col2 {
display: block;
width: 100%;
height: auto;
text-align: left
}
html .cols2-30-70 .col1 img,html .cols2-30-70 .col2 img {
display: block;
width: 100%;
height: auto;
text-align: center
}
html .cols2-30-70 .col1 p,html .cols2-30-70 .col2 p {
text-align: left
}
html div.cols2-70-30 div.col2,html section div.cols2-70-30 div.col1 {
display: block;
width: 100%;
height: auto;
text-align: center
}
html div.cols2-70-30 div.col2 img,html section div.cols2-70-30 div.col1 img {
display: block;
margin: 0 auto;
padding-bottom: 10rem;
width: 40%;
height: auto;
text-align: center
}
html section div.slideshow-ref {
position: static;
clear: both;
display: block;
width: 100%;
height: auto
}
html section div.slideshow-planches img,html section div.slideshow-ref img {
height: auto;
width: 100%
}
html div.vid,html div.vid>p>img {
width: 100%
}

}
#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: auto;
background-color: #000
}
#lightbox {
position: absolute;
top: 20px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
color: #fff;
line-height: 0
}
#lightbox a,#lightbox a:hover {
border-bottom: none;
color: #fff;
text-decoration: underline
}
#lightbox a img {
border: none
}
#outerImageContainer {
width: auto;
height: auto;
margin: 0 auto;
position: relative
}
#lightboxImage {
width: 100%;
height: 100%
}
#imageContainerMain {
margin: 0 auto;
overflow: visible;
position: relative;
font-size: 0
}
#imageContainer {
width: 50px;
height: 50px;
margin: 0 auto;
overflow: hidden;
position: relative;
font-size: 0
}
#loading {
position: absolute;
top: 40%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
font-size: 10rem;
z-index: 1
}
#loadingLink {
display: block;
margin: 0 auto;
padding: 0;
width: 60%;
height: 32px;
background: url("../img/loading.gif") center center no-repeat;
text-indent: -9999px
}
#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10
}
#imageContainer>#hoverNav {
left: 0
}
#nextLinkImg,#prevLinkImg {
top: 0;
width: 40px;
height: 100%;
position: absolute;
z-index: 20;
outline-style: none;
background-image: url(data:image/gif;base64,AAAA);
display: block;
text-indent: -9999px
}
#prevLinkImg {
left: 0
}
#nextLinkImg {
right: 0
}
#prevLinkImg.hover,#prevLinkImg:hover,#prevLinkImg:visited:hover {
background: url("../img/prev.png") 5% center no-repeat
}
#nextLinkImg.hover,#nextLinkImg:hover,#nextLinkImg:visited:hover {
background: url("../img/next.png") 97% center no-repeat
}
#imageDataContainer {
font: 13rem,medium,medium,medium,medium arial arial,,,"Trebuchet MS",,,tahoma,,,verdana,,,sans-serif;
width: 100%
}
#imageData {
position: relative;
overflow: hidden;
width: 100%
}
#imageDetails {
width: 70%;
float: left;
text-align: left;
padding: 10px 10px 0 0
}
#caption {
font-weight: 400;
display: block;
padding: 0 0 0 5px
}
#numberDisplay {
display: block;
float: left;
padding: 6px 10px 0 5px
}
#detailsNav {
display: block;
float: left;
padding: 0
}
#nextLinkDetails,#prevLinkDetails,#slideShowControl {
background-repeat: no-repeat;
outline-style: none;
display: block;
float: left
}
#prevLinkDetails {
margin: 2px;
width: 24px;
height: 24px;
background-position: left 100%;
background-image: url("../img/navigation.png")
}
#prevLinkDetails:hover {
background-position: 0 0
}
#nextLinkDetails {
margin: 2px;
width: 24px;
height: 24px;
background-position: right 100%;
background-image: url("../img/navigation.png")
}
#nextLinkDetails:hover {
background-position: 100% 0
}
#slideShowControl {
display: block;
width: 24px;
height: 24px;
float: left;
margin: 2px;
background-image: url("../img/navigation.png");
background-position: -24px 100%;
background-repeat: no-repeat
}
#slideShowControl:hover {
background-position: -24px 0
}
#slideShowControl.started {
background-position: -48px 100%
}
#slideShowControl.started:hover {
background-position: -48px 0
}
#close {
padding: 0;
position: absolute;
right: 0;
top: 50%
}
#closeLink {
position: relative;
top: -14px;
display: block;
outline-style: none;
margin: 0;
padding: 0;
text-decoration: none;
width: 34px;
height: 34px;
background: url("../img/close.png") 0 100% no-repeat
}
#closeLink:hover {
background-position: 0 0
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
* html>body .clearfix {
display: inline-block;
width: 100%
}
* html .clearfix {
height: 1%
}
#outerImageFrame {
height: 100%;
width: 100%;
position: absolute
}
#outerImageContainer {
overflow: visible
}
#outerImageContainer td {
text-align: center;
padding: 0
}
#lightboxFrameBody {
background: url("../img/back_info.png")
}
#outerImageContainer td {
font-size: 0
}
#outerImageContainer td.br,#outerImageContainer td.tl {
height: 25px;
width: 25px
}
#outerImageContainer td.tl {
background: url("../img/back_corvers.png")
}
#outerImageContainer td.tc {
background: url("../img/back_tb.png") 50% 0
}
#outerImageContainer td.tr {
background: url("../img/back_corvers.png") 100% 0
}
#outerImageContainer td.ml {
background: url("../img/back_lr.png") 0 50%
}
#outerImageContainer td.mr {
background: url("../img/back_lr.png") 100% 50%
}
#outerImageContainer td.bl {
background: url("../img/back_corvers.png") 0 100%
}
#outerImageContainer td.bc {
background: url("../img/back_tb.png") 50% 100%
}
#outerImageContainer td.br {
background: url("../img/back_corvers.png") 100% 100%
}
#vlightbox1 {
width: 100%;
zoom: 1
}
#vlightbox1 .vlightbox1 {
display: inline-block;
zoom: 1;
position: relative;
vertical-align: top;
margin: 0;
width: 96px;
font-family: Trebuchet,Tahoma,Arial,sans-serif;
font-size: 11rem;
font-weight: 400;
text-decoration: none;
text-align: center;
opacity: .87
}
#vlightbox1 .vlightbox1 a {
margin: 0
}
#vlightbox1 .vlightbox1 a:hover,#vlightbox1 .vlightbox1:hover {
text-decoration: underline;
opacity: 1
}
#vlightbox1 .vlightbox1 img {
display: block;
border: none;
margin: 5px
}
#vlightbox1 .vlightbox1 div {
display: none
}
.as-btn-blue-large {
display: inline-block;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: #009cde;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 10px 16px;
font-size: 24px;
font-weight: 300;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.as-btn-blue-large:hover {
color: #fff;
background: #0285d2
}
.as-btn-blue-large:focus {
outline: 0
}
.as-btn-blue-medium {
display: inline-block;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: #009cde;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.as-btn-blue-medium:hover {
color: #fff;
background: #0285d2
}
.as-btn-blue-medium:focus {
outline: 0
}
.as-btn-blue-small {
display: inline-block;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: #009cde;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 5px 10px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.as-btn-blue-small:hover {
color: #fff;
background: #0285d2
}
.as-btn-blue-small:focus {
outline: 0
}
.as-btn-blueborder-large {
display: inline-block;
border: 2px solid #009cde;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: 0 0;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #009cde;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
vertical-align: baseline;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 10px 16px;
font-size: 24px;
font-weight: 300;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.as-btn-blueborder-large:hover {
color: #fff;
background: #009cde
}
.as-btn-blueborder-large:focus {
outline: 0
}
.as-btn-blueborder-medium {
display: inline-block;
border: 2px solid #009cde;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: 0 0;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #009cde;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
vertical-align: baseline;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.as-btn-blueborder-medium:hover {
color: #fff;
background: #009cde
}
.as-btn-blueborder-medium:focus {
outline: 0
}
.as-btn-blueborder-small {
display: inline-block;
border: 2px solid #009cde;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: 0 0;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #009cde;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
vertical-align: baseline;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 5px 10px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.as-btn-blueborder-small:hover {
color: #fff;
background: #009cde
}
.as-btn-blueborder-small:focus {
outline: 0
}
.as-btn-orange-large {
display: inline-block;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: #f7a020;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 10px 16px;
font-size: 24px;
font-weight: 300;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.as-btn-orange-large:hover {
color: #fff;
background: #ffc030
}
.as-btn-orange-large:focus {
outline: 0
}
.as-btn-orange-medium {
display: inline-block;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: #f7a020;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.as-btn-orange-medium:hover {
color: #fff;
background: #ffc030
}
.as-btn-orange-medium:focus {
outline: 0
}
.as-btn-orange-small {
display: inline-block;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: #f7a020;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 5px 10px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.as-btn-orange-small:hover {
color: #fff;
background: #ffc030
}
.as-btn-orange-small:focus {
outline: 0
}
.as-btn-orangeborder-large {
display: inline-block;
border: 2px solid #f7a020;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: 0 0;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #f7a020;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
vertical-align: baseline;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 10px 16px;
font-size: 24px;
font-weight: 300;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.as-btn-orangeborder-large:hover {
color: #fff;
background: #f7a020
}
.as-btn-orangeborder-large:focus {
outline: 0
}
.as-btn-orangeborder-medium {
display: inline-block;
border: 2px solid #f7a020;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: 0 0;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #f7a020;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
vertical-align: baseline;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.as-btn-orangeborder-medium:hover {
color: #fff;
background: #f7a020
}
.as-btn-orangeborder-medium:focus {
outline: 0
}
.as-btn-orangeborder-small {
display: inline-block;
border: 2px solid #f7a020;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: 0 0;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #f7a020;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
vertical-align: baseline;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 5px 10px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.as-btn-orangeborder-small:hover {
color: #fff;
background: #f7a020
}
.as-btn-orangeborder-small:focus {
outline: 0
}
.as-btn-white-large {
display: inline-block;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: #fff;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #444;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 10px 16px;
font-size: 24px;
font-weight: 300;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.as-btn-white-large:hover {
color: #fff;
background: #444
}
.as-btn-white-large:focus {
outline: 0
}
.as-btn-white-medium {
display: inline-block;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: #fff;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #444;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.as-btn-white-medium:hover {
color: #fff;
background: #444
}
.as-btn-white-medium:focus {
outline: 0
}
.as-btn-white-small {
display: inline-block;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: #fff;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #444;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 5px 10px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.as-btn-white-small:hover {
color: #fff;
background: #444
}
.as-btn-white-small:focus {
outline: 0
}
.as-btn-whiteborder-large {
display: inline-block;
border: 2px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: 0 0;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
vertical-align: baseline;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 10px 16px;
font-size: 24px;
font-weight: 300;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.as-btn-whiteborder-large:hover {
color: #444;
background: #fff
}
.as-btn-whiteborder-large:focus {
outline: 0
}
.as-btn-whiteborder-medium {
display: inline-block;
border: 2px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: 0 0;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
vertical-align: baseline;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.as-btn-whiteborder-medium:hover {
color: #444;
background: #fff
}
.as-btn-whiteborder-medium:focus {
outline: 0
}
.as-btn-whiteborder-small {
display: inline-block;
border: 2px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: 0 0;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
vertical-align: baseline;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 5px 10px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.as-btn-whiteborder-small:hover {
color: #444;
background: #fff
}
.as-btn-whiteborder-small:focus {
outline: 0
}
.as-btn-navy-large {
display: inline-block;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: #345;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 10px 16px;
font-size: 24px;
font-weight: 300;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.as-btn-navy-large:hover {
color: #fff;
background: #456
}
.as-btn-navy-large:focus {
outline: 0
}
.as-btn-navy-medium {
display: inline-block;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: #345;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.as-btn-navy-medium:hover {
color: #fff;
background: #456
}
.as-btn-navy-medium:focus {
outline: 0
}
.as-btn-navy-small {
display: inline-block;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
background: #345;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
padding: 5px 10px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.as-btn-navy-small:hover {
color: #fff;
background: #456
}
.as-btn-navy-small:focus {
outline: 0
}
section ul.amazingslider li,section ul.titi li,section ul.toto li {
display: none
}
section ul.amazingslider li:first-child,section ul.titi li:first-child,section ul.toto li:first-child {
display: block
}
.amazingslider-thumbnails img {
width: 240px;
height: 160px
}
.wrapperjb {
margin-bottom: 100px
}
.titi {
max-width: 650px;
max-height: 500px
}
.titi .amazingslider-space-0 {
max-width: 650px;
max-height: 500px
}
.table-references {
max-width: 650px;
max-height: 350px
}
.table-references .amazingslider-space-0 {
max-width: 650px;
max-height: 350px
}
.table-deco {
max-width: 700px;
max-height: 450px
}
.table-deco .amazingslider-space-0 {
max-width: 700px;
max-height: 450px
}
.amazingslider {
max-width: 800px;
max-height: 533px
}
.amazingslider .amazingslider-space-0,.amazingslider .amazingslider-space-1,.amazingslider .amazingslider-space-2,.amazingslider .amazingslider-space-3,.amazingslider .amazingslider-space-4,.amazingslider .amazingslider-space-5 {
max-width: 800px;
max-height: 533px
}
.amazingslider,.table-deco,.table-references,.titi {
margin: 0 auto;
padding-top: 15px;
padding-bottom: 100px
}