._de>i{background-image:url("../_ico/lang/de");}a.ico_lang._de i{background-image:url("../_ico/lang/de");}#langue>div._de+ul a._de{display:none;}._en>i{background-image:url("../_ico/lang/gb");}a.ico_lang._en i{background-image:url("../_ico/lang/gb");}#langue>div._en+ul a._en{display:none;}._es>i{background-image:url("../_ico/lang/es");}a.ico_lang._es i{background-image:url("../_ico/lang/es");}#langue>div._es+ul a._es{display:none;}._fr>i{background-image:url("../_ico/lang/fr");}a.ico_lang._fr i{background-image:url("../_ico/lang/fr");}#langue>div._fr+ul a._fr{display:none;}._it>i{background-image:url("../_ico/lang/it");}a.ico_lang._it i{background-image:url("../_ico/lang/it");}#langue>div._it+ul a._it{display:none;}._nl>i{background-image:url("../_ico/lang/nl");}a.ico_lang._nl i{background-image:url("../_ico/lang/nl");}#langue>div._nl+ul a._nl{display:none;}:root{--c-fond:rgb(34,34,34);--c-fond2:rgb(51,51,51);--c-blanc:rgb(255,255,255);--c-texte:rgb(149,152,154);--c-texte2:rgb(127,127,127);--c-texte2-hover:rgb(91,91,91);--c-lavande-clair:rgb(204,128,166);--c-lavande:rgb(169,134,154);--c-lavande-hover:rgb(168,95,134);--c-taupe:rgb(184,159,128);--c-lavande-sombre:rgb(113,54,87);}:root{--ScrollBarWidth:0;}
html,body{padding:0;margin:0;width:100%;height:100%;min-width:100%;max-width:100%;min-height:100%;max-height:100%;}
img{max-width:100%;}a{color:inherit;text-decoration:inherit;}
/* Styles par défaut, Structure des éléments */
.SBformStop>*,
.no-events{pointer-events:none;}
.border-radius{border-radius:0.5em;}
.inline-block{display:inline-block;}
.block{display:block;}
.gras{font-weight:bold;}
.padding{padding:0.5em;}.padding-top{padding-top:0.5em;}.padding-right{padding-right:0.5em;}.padding-bottom{padding-bottom:0.5em;}.padding-left{padding-left:0.5em;}
.padding1{padding:1em;}.padding1-top{padding-top:1em;}.padding1-right{padding-right:1em;}.padding1-bottom{padding-bottom:1em;}.padding1-left{padding-left:1em;}
.margin{margin:0.5em;}.margin-top{margin-top:0.5em;}.margin-right{margin-right:0.5em;}.margin-bottom{margin-bottom:0.5em;}.margin-left{margin-left:0.5em;}
.margin1{margin:1em;}.margin1-top{margin-top:1em;}.margin1-right{margin-right:1em;}.margin1-bottom{margin-bottom:1em;}.margin1-left{margin-left:1em;}
.align-left{text-align:left;}.align-center{text-align:center;}.align-right{text-align:right;}.align-justify{text-align:justify;}
.align-top{vertical-align:top;}.align-middle{vertical-align:middle;}.align-bottom{vertical-align:bottom;}
.float-left{float:left;}.float-right{float:right;}
.SB-bloc{display:inline-block;box-sizing:border-box;position:relative;}
.SB0{display:none;}


.SBflex{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;}
.SBflex.align-left{justify-content:left;}
.SBflex.reverse{flex-direction:row-reverse;}

/*
.SBimage.img_4_1::after{content:'';display:inline-block;padding-top:25%;vertical-align:top;}
.SBimage.img_2_1::after{content:'';display:inline-block;padding-top:50%;vertical-align:top;}
.SBimage.img_4_3::after{content:'';display:inline-block;padding-top:75%;vertical-align:top;}
.SBimage.img_1::after{content:'';display:inline-block;padding-top:100%;vertical-align:top;}*/
/*.SBimage.contain{background-size:contain;background-repeat:no-repeat;}*/
.SBimage{max-width:100%;position:relative;}
.SBimage>div:first-of-type{transition:opacity 300ms ease-out,transform 300ms ease-out;}
.SBimage[data-auto]{display:inline-block;}
.SBimage[data-auto] img{vertical-align:top;max-width:100%;max-height:100%;}
.SBimage:not([data-auto]) img{display:none;}
.SBimage:not([data-auto])>div:first-of-type{background-repeat:no-repeat;background-position:center;background-size:cover;}
.SBimage:not([data-auto]):not([data-content])>div:first-of-type{position:absolute;left:0;top:0;right:0;bottom:0;}
.SBimage:not([data-auto]).contain>div:first-of-type{background-size:contain;}
	/* TODO mettre max-height calculé sur img plutot */





/*
.SBimage.contain:not([data-unitem]):not(.SBloaded)>div:first-of-type{}

.SBimage:not([data-unitem]):not(.SBloaded)>div:first-of-type{opacity:0;}
.SBimage:not([data-unitem]).SBloaded .SBchargement{opacity:0;}
/*.SBimage.SBloaded>div{opacity:1;}*/





.SBunItem{transition:all 300ms ease-out;}
.SBunItem .SBchargement{left:calc(50% - 2.5em);top:calc(50% - 20px);}
.SBimage .SBchargement{left:calc(50% - 2.5em);top:calc(50% - 20px);}

.SBunItem:not([data-loadimg]):not([data-loadimgclass]):not(.SBimage):not(.SBloaded),
.SBunItem[data-loadimg]:not(.SBloaded)>*:not(.SBchargement),
.SBunItem[data-loadimg].SBloaded>.SBchargement,
.SBimage.SBloaded .SBchargement,
.SBimage:not(.SBloaded)>div:first-of-type{opacity:0;}

.SBunItem:not([data-loadimgclass]):not(.SBloaded){transform:scale(0.75);}
.SBimage.contain:not(.SBloaded)>div:first-of-type{transform:scale(0.25);}
.SBunItem[data-loadimg] .SBimage.contain>div:first-of-type{transform:unset;}
.SBunItem[data-loadimg] .SBimage.SBloaded .SBchargement,
.SBunItem[data-loadimg] .SBimage:not(.SBloaded)>div:first-of-type{opacity:unset;}










/* Notifications */
#SBnotif{position:fixed;top:0.5em;right:0.5em;z-index:3;}
#SBnotif>div{width:15em;max-width:calc(100vw - 2em);background-color:white;padding:3.25em 1.5em 1.5em 1.5em;box-sizing:border-box;margin:0.5em;border-radius:0.5em;position:relative;box-shadow:0px 0px 1em -0.5em black;transition:opacity 300ms ease-out;}
#SBnotif>div.chargement{opacity:0;pointer-events:none;}
#SBnotif>div::before{content:'';min-height:2.95em;display:inline-block;box-sizing:border-box;position:absolute;left:1em;top:0;width:calc(100% - 2em);line-height:1em;color:rgb(203,89,52);text-transform:uppercase;background:url('../_ico/information/0,0,0') no-repeat 0.25em 0.75em/1.5em 1.5em transparent;padding:1em 0.5em 0.75em 2.25em;border-bottom:1px solid rgb(245,245,245);}
#SBnotif>div>.fermer{width:2em;height:2em;position:absolute;top:0.5em;right:0.5em;border-radius:0.5em;padding-left:0;background:url('../_ico/croix/0,0,0') no-repeat center center/1.2em 1.2em transparent;}
#SBnotif>div>.fermer:hover{background-color:rgb(245,245,245);}





/*


.SBunItem{transition:all 300ms ease-out;}
.SBunItem .SBchargement{left:calc(50% - 2.5em);top:calc(50% - 20px);}
.SBimage .SBchargement{left:calc(50% - 2.5em);top:calc(50% - 20px);}

.SBunItem:not([data-loadimg]):not(.SBloaded),
.SBunItem[data-loadimg]:not(.SBloaded)>*:not(.SBchargement),
.SBunItem[data-loadimg].SBloaded>.SBchargement,
.SBimage.SBloaded .SBchargement,
.SBimage:not(.SBloaded)>div:first-of-type{opacity:0;}

.SBunItem:not(.SBloaded){transform:scale(0.75);}
.SBimage.contain:not(.SBloaded)>div:first-of-type{transform:scale(0.25);}
.SBunItem[data-loadimg] .SBimage.contain>div:first-of-type{transform:unset;}
.SBunItem[data-loadimg] .SBimage.SBloaded .SBchargement,
.SBunItem[data-loadimg] .SBimage:not(.SBloaded)>div:first-of-type{opacity:unset;}
*/








/*

.SBunItem:not([data-loadimg]):not(.SBloaded){opacity:0;}


.SBunItem[data-loadimg]:not(.SBloaded)>*:not(.SBchargement),
.SBunItem[data-loadimg].SBloaded>.SBchargement{opacity:0;}

*/
















._l1{width:100%;}
._l2{width:50%;}
._l3{width:33.33%;}._l3x2{width:66.66%;}
._l4{width:25%;}._l4x3{width:75%;}
._l5{width:20%;}._l5x2{width:40%;}._l5x3{width:60%;}._l5x4{width:80%;}
._l6{width:16.66%;}
._l7{width:14.2857%;}
._l8{width:12.5%;}
._l8x7{width:87.5%;}
._l9{width:11.11%;}
._l10{width:10%;}
._l10x3{width:30%;}
._l10x7{width:70%;}
._l10x9{width:90%;}
._l11{width:9.09%;}
._l12{width:8.33%;}
._l12x11{width:8.33%;}
._l20x19{width:95%;}
._h1{height:100%;}
._h2x1::before,._h3x1::before,._h3x1::before,._h4x3::before,._h1x1::before,._h3x4::before,._h16x9::before{content:'';display:inline-block;vertical-align:top;}
._h2x1._v_mid::before,._h3x1._v_mid::before,._h3x1._v_mid::before,._h4x3._v_mid::before,._h1x1._v_mid::before,._h3x4._v_mid::before,._h16x9._v_mid::before{vertical-align:middle;}
._h2x1::before{padding-top:50%;}
._h3x1::before{padding-top:33.33%;}
._h3x2::before{padding-top:66.66%;}
._h5x3::before{padding-top:60%;}
._h4x3::before{padding-top:75%;}
._h1x1::before{padding-top:100%;}
._h3x4::before{padding-top:133.33%;}
._h16x9::before{padding-top:56.25%;}
._h_{height:auto;}._h_::before{display:none;}


/* TODO w0 
@media screen and (max-width:640px){
	.SBflex._w0_reverse{flex-direction:row-reverse;}
	.SBflex._w0_noreverse{flex-direction:row;}
	._w0_l1{width:100%;}
	._w0_l2{width:50%;}
	._w0_l3{width:33.33%;}._w0_l3x2{width:66.66%;}
	._w0_l4{width:25%;}._w0_l4x3{width:75%;}
	._w0_l5{width:20%;}._w0_l5x2{width:40%;}._w0_l5x3{width:60%;}._w0_l5x4{width:80%;}
	._w0_l6{width:16.66%;}
	._w0_l7{width:14.2857%;}
	._w0_l8{width:12.5%;}
	._w0_l8x7{width:87.5%;}
	._w0_l9{width:11.11%;}
	._w0_l10{width:10%;}
	._w0_l10x3{width:30%;}
	._w0_l10x7{width:70%;}
	._w0_l10x9{width:90%;}
	._w0_l11{width:9.09%;}
	._w0_l12{width:8.33%;}
	._w0_l12x11{width:8.33%;}
	._w0_l20x19{width:95%;}
	._w0_h2x1::before,._w0_h3x1::before,._w0_h3x2::before,._w0_h4x3::before,._w0_h1x1::before,._w0_h3x4::before,._w0_h16x9::before{content:'';display:inline-block;vertical-align:top;}
	._w0_h2x1::before{padding-top:50%;}
	._w0_h3x1::before{padding-top:33.33%;}
	._w0_h3x2::before{padding-top:66.66%;}
	._w0_h5x3::before{padding-top:60%;}
	._w0_h4x3::before{padding-top:75%;}
	._w0_h1x1::before{padding-top:100%;}
	._w0_h3x4::before{padding-top:133.33%;}
	._w0_h16x9::before{padding-top:56.25%;}
	
	._w0_padding0{padding:0.5em;}
	._w0_padding{padding:0.5em;}
	._w0_padding-right{padding-right:0.5em;}
	._w0_padding-left{padding-left:0.5em;}
	._w0_padding-top{padding-top:0.5em;}
	._w0_padding-bottom{padding-bottom:0.5em;}
	._w0_margin0{margin:0.5em;}
	._w0_margin{margin:0.5em;}
	._w0_margin-right{margin-right:0.5em;}
	._w0_margin-left{margin-left:0.5em;}
	._w0_margin-top{margin-top:0.5em;}
	._w0_margin-bottom{margin-bottom:0.5em;}
}*/
@media screen and (min-width:640px){
	.SBflex._w1_reverse{flex-direction:row-reverse;}
	.SBflex._w1_noreverse{flex-direction:row;}
	._w1_l1{width:100%;}
	._w1_l2{width:50%;}
	._w1_l3{width:33.33%;}._w1_l3x2{width:66.66%;}
	._w1_l4{width:25%;}._w1_l4x3{width:75%;}
	._w1_l5{width:20%;}._w1_l5x2{width:40%;}._w1_l5x3{width:60%;}._w1_l5x4{width:80%;}
	._w1_l6{width:16.66%;}
	._w1_l7{width:14.2857%;}
	._w1_l8{width:12.5%;}
	._w1_l8x7{width:87.5%;}
	._w1_l9{width:11.11%;}
	._w1_l10{width:10%;}
	._w1_l10x3{width:30%;}
	._w1_l10x7{width:70%;}
	._w1_l10x9{width:90%;}
	._w1_l11{width:9.09%;}
	._w1_l12{width:8.33%;}
	._w1_l12x11{width:8.33%;}
	._w1_l20x19{width:95%;}
	._w1_h2x1::before,._w1_h3x1::before,._w1_h3x2::before,._w1_h4x3::before,._w1_h1x1::before,._w1_h3x4::before,._w1_h16x9::before{content:'';display:inline-block;vertical-align:top;}
	._w1_h2x1._v_mid::before,._w1_h3x1._v_mid::before,._w1_h3x2._v_mid::before,._w1_h4x3._v_mid::before,._w1_h1x1._v_mid::before,._w1_h3x4._v_mid::before,._w1_h16x9._v_mid::before{vertical-align:middle;}
	._w1_h1{height:100%;}
	._w1_h2x1::before{padding-top:50%;}
	._w1_h3x1::before{padding-top:33.33%;}
	._w1_h3x2::before{padding-top:66.66%;}
	._w1_h5x3::before{padding-top:60%;}
	._w1_h4x3::before{padding-top:75%;}
	._w1_h1x1::before{padding-top:100%;}
	._w1_h3x4::before{padding-top:133.33%;}
	._w1_h16x9::before{padding-top:56.25%;}
	._w1_h_{height:auto;}._w1_h_::before{display:none;}
	
	._w1_padding{padding:0.5em;}._w1_padding0{padding:0;}
	._w1_padding-right{padding-right:0.5em;}._w1_padding-right0{padding-right:0;}
	._w1_padding-left{padding-left:0.5em;}._w1_padding-left0{padding-left:0;}
	._w1_padding-top{padding-top:0.5em;}._w1_padding-top0{padding-top:0;}
	._w1_padding-bottom{padding-bottom:0.5em;}._w1_padding-bottom0{padding-bottom:0;}
	._w1_margin{margin:0.5em;}._w1_margin0{margin:0;}
	._w1_margin-right{margin-right:0.5em;}._w1_margin-right0{margin-right:0;}
	._w1_margin-left{margin-left:0.5em;}._w1_margin-left0{margin-left:0;}
	._w1_margin-top{margin-top:0.5em;}._w1_margin-top0{margin-top:0;}
	._w1_margin-bottom{margin-bottom:0.5em;}._w1_margin-bottom0{margin-bottom:0;}
	
	._w1_align-left{text-align:left;}
	._w1_align-center{text-align:center;}
	._w1_align-right{text-align:right;}
	._w1_align-justify{text-align:justify;}
	
	._w1_float-left{float:left;}
	._w1_float-right{float:right;}
	._w1_float-none{float:none;}
}
@media screen and (min-width:920px){
	.SBflex._w2_reverse{flex-direction:row-reverse;}
	.SBflex._w2_noreverse{flex-direction:row;}
	._w2_l1{width:100%;}
	._w2_l2{width:50%;}
	._w2_l3{width:33.33%;}._w2_l3x2{width:66.66%;}
	._w2_l4{width:25%;}._w2_l4x3{width:75%;}
	._w2_l5{width:20%;}._w2_l5x2{width:40%;}._w2_l5x3{width:60%;}._w2_l5x4{width:80%;}
	._w2_l6{width:16.66%;}
	._w2_l7{width:14.2857%;}
	._w2_l8{width:12.5%;}
	._w2_l8x7{width:87.5%;}
	._w2_l9{width:11.11%;}
	._w2_l10{width:10%;}
	._w2_l10x3{width:30%;}
	._w2_l10x7{width:70%;}
	._w2_l10x9{width:90%;}
	._w2_l11{width:9.09%;}
	._w2_l12{width:8.33%;}
	._w2_l12x11{width:8.33%;}
	._w2_l20x19{width:95%;}
	._w2_h2x1::before,._w2_h3x1::before,._w2_h3x2::before,._w2_h4x3::before,._w2_h1x1::before,._w2_h3x4::before,._w2_h16x9::before{content:'';display:inline-block;vertical-align:top;}
	._w2_h2x1._v_mid::before,._w2_h3x1._v_mid::before,._w2_h3x2._v_mid::before,._w2_h4x3._v_mid::before,._w2_h1x1._v_mid::before,._w2_h3x4._v_mid::before,._w2_h16x9._v_mid::before{vertical-align:middle;}
	._w2_h1{height:100%;}
	._w2_h2x1::before{padding-top:50%;}
	._w2_h3x1::before{padding-top:33.33%;}
	._w2_h3x2::before{padding-top:66.66%;}
	._w2_h5x3::before{padding-top:60%;}
	._w2_h4x3::before{padding-top:75%;}
	._w2_h1x1::before{padding-top:100%;}
	._w2_h3x4::before{padding-top:133.33%;}
	._w2_h16x9::before{padding-top:56.25%;}
	._w2_h_{height:auto;}._w2_h_::before{display:none;}
	
	._w2_padding{padding:0.5em;}._w2_padding0{padding:0;}
	._w2_padding-right{padding-right:0.5em;}._w2_padding-right0{padding-right:0;}
	._w2_padding-left{padding-left:0.5em;}._w2_padding-left0{padding-left:0;}
	._w2_padding-top{padding-top:0.5em;}._w2_padding-top0{padding-top:0;}
	._w2_padding-bottom{padding-bottom:0.5em;}._w2_padding-bottom0{padding-bottom:0;}
	._w2_margin{margin:0.5em;}._w2_margin0{margin:0;}
	._w2_margin-right{margin-right:0.5em;}._w2_margin-right0{margin-right:0;}
	._w2_margin-left{margin-left:0.5em;}._w2_margin-left0{margin-left:0;}
	._w2_margin-top{margin-top:0.5em;}._w2_margin-top0{margin-top:0;}
	._w2_margin-bottom{margin-bottom:0.5em;}._w2_margin-bottom0{margin-bottom:0;}
	
	._w2_align-left{text-align:left;}
	._w2_align-center{text-align:center;}
	._w2_align-right{text-align:right;}
	._w2_align-justify{text-align:justify;}
	
	._w2_float-left{float:left;}
	._w2_float-right{float:right;}
	._w2_float-none{float:none;}
}
@media screen and (min-width:1240px){
	.SBflex._w3_reverse{flex-direction:row-reverse;}
	.SBflex._w3_noreverse{flex-direction:row;}
	._w3_l1{width:100%;}
	._w3_l2{width:50%;}
	._w3_l3{width:33.33%;}._w3_l3x2{width:66.66%;}
	._w3_l4{width:25%;}._w3_l4x3{width:75%;}
	._w3_l5{width:20%;}._w3_l5x2{width:40%;}._w3_l5x3{width:60%;}._w3_l5x4{width:80%;}
	._w3_l6{width:16.66%;}
	._w3_l7{width:14.2857%;}
	._w3_l8{width:12.5%;}
	._w3_l8x7{width:87.5%;}
	._w3_l9{width:11.11%;}
	._w3_l10{width:10%;}
	._w3_l10x3{width:30%;}
	._w3_l10x7{width:70%;}
	._w3_l10x9{width:90%;}
	._w3_l11{width:9.09%;}
	._w3_l12{width:8.33%;}
	._w3_l12x11{width:8.33%;}
	._w3_l20x19{width:95%;}
	._w3_h2x1::before,._w3_h3x1::before,._w3_h3x2::before,._w3_h4x3::before,._w3_h1x1::before,._w3_h3x4::before,._w3_h16x9::before{content:'';display:inline-block;vertical-align:top;}
	._w3_h2x1._v_mid::before,._w3_h3x1._v_mid::before,._w3_h3x2._v_mid::before,._w3_h4x3._v_mid::before,._w3_h1x1._v_mid::before,._w3_h3x4._v_mid::before,._w3_h16x9._v_mid::before{vertical-align:middle;}
	._w3_h1{height:100%;}
	._w3_h2x1::before{padding-top:50%;}
	._w3_h3x1::before{padding-top:33.33%;}
	._w3_h3x2::before{padding-top:66.66%;}
	._w3_h5x3::before{padding-top:60%;}
	._w3_h4x3::before{padding-top:75%;}
	._w3_h1x1::before{padding-top:100%;}
	._w3_h3x4::before{padding-top:133.33%;}
	._w3_h16x9::before{padding-top:56.25%;}
	._w3_h_{height:auto;}._w3_h_::before{display:none;}
	
	._w3_padding{padding:0.5em;}._w3_padding0{padding:0;}
	._w3_padding-right{padding-right:0.5em;}._w3_padding-right0{padding-right:0;}
	._w3_padding-left{padding-left:0.5em;}._w3_padding-left0{padding-left:0;}
	._w3_padding-top{padding-top:0.5em;}._w3_padding-top0{padding-top:0;}
	._w3_padding-bottom{padding-bottom:0.5em;}._w3_padding-bottom0{padding-bottom:0;}
	._w3_margin{margin:0.5em;}._w3_margin0{padding:0;}
	._w3_margin-right{margin-right:0.5em;}._w3_margin-right0{margin-right:0;}
	._w3_margin-left{margin-left:0.5em;}._w3_margin-left0{margin-left:0;}
	._w3_margin-top{margin-top:0.5em;}._w3_margin-top0{margin-top:0;}
	._w3_margin-bottom{margin-bottom:0.5em;}._w3_margin-bottom0{margin-bottom:0;}
	
	._w3_align-left{text-align:left;}
	._w3_align-center{text-align:center;}
	._w3_align-right{text-align:right;}
	._w3_align-justify{text-align:justify;}
	
	._w3_float-left{float:left;}
	._w3_float-right{float:right;}
	._w3_float-none{float:none;}
}
.SBchargement{width:5em;text-align:center;pointer-events:none;position:absolute;transition:opacity 300ms ease-out;}.SBchargement.fixe{position:fixed;z-index:2;}
#SBbodyLoad{position:fixed;z-index:5;}#SBbodyLoad{top:calc(50% - 20px - 0.6em);left:0px;width:100%;text-align:center;transition:opacity 300ms ease-out;opacity:0;pointer-events:none;}
#SBbodyLoad>div,.SBchargement>div{display:inline-block;position:relative;width:80px;height:40px;vertical-align:top;}
#SBbodyLoad>span{padding:0em 1em;display:block;font-size:1.5em;line-height:1em;}
#SBbodyLoad>div div,.SBchargement>div div{position:absolute;top:13px;width:13px;height:13px;border-radius:50%;box-sizing:border-box;animation-timing-function:cubic-bezier(0,1,1,0);}
#SBbodyLoad>div div:nth-child(1),.SBchargement>div div:nth-child(1){left:8px;animation:SBbodyLoad1 0.6s infinite;}
#SBbodyLoad>div div:nth-child(2),.SBchargement>div div:nth-child(2){left:8px;animation:SBbodyLoad2 0.6s infinite;}
#SBbodyLoad>div div:nth-child(3),.SBchargement>div div:nth-child(3){left:32px;animation:SBbodyLoad2 0.6s infinite;}
#SBbodyLoad>div div:nth-child(4),.SBchargement>div div:nth-child(4){left:56px;animation:SBbodyLoad3 0.6s infinite;}
@keyframes SBbodyLoad1{0%{transform:scale(0);} 100%{transform:scale(1);}}
@keyframes SBbodyLoad3{0%{transform:scale(1);} 100%{transform:scale(0);}}
@keyframes SBbodyLoad2{0%{transform:translate(0,0);} 100%{transform:translate(24px,0);}}
main,
header,
footer,
main>div,
footer>div,
nav{transition:all 300ms ease-out;}
body.chargementBody>#SBbodyLoad,
body.chargement>#SBbodyLoad{opacity:1;}
body.chargement main>div,
body.chargementBody main>div,
body.chargementBody footer>div,
body.chargementBody>nav,
body.chargementBody>header{opacity:0;}
body.chargementBody,
body.chargement{pointer-events:none;}/*overflow:hidden;*/


.SBtable{max-width:100%;overflow:auto;}



/* API Galerie */
.SBgalerie_{z-index:1000;position:fixed;left:0;top:0;bottom:0;right:0;text-align:center;transition:opacity 300ms ease-out;}
.SBgalerie_::before{content:'';position:absolute;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,0.9125);}
.SBgalerie_:not(.chargee),
.SBgalerie_:not(.chargement) ._c,
.SBgalerie_.chargement>span:not(._c){opacity:0;}
.SBgalerie_:not(.chargee)>*{pointer-events:none;}
.SBgalerie_>nav{opacity:0;position:absolute;left:0;right:0;background:rgba(0,0,0,0.9);transition:all 300ms ease-out,background 450ms ease-out;}/* TODO hover */
body:not(.SB_tactile) .SBgalerie_>nav:hover,
body.SB_tactile .SBgalerie_._nav>nav,
.SBgalerie_._init>nav{opacity:1;}
body.SB_tactile .SBgalerie_:not(._nav)>nav{pointer-events:none;}
/* Les options */
.SBgalerie_>nav:not(:last-child){top:0;bottom:unset;padding:0.25em;text-align:right;}
.SBgalerie_>nav:not(:last-child)>div,
.SBgalerie_>nav:not(:last-child)>a{display:inline-block;cursor:pointer;margin:0.25em;padding:1em 2em;border:1px solid white;border-radius:0.5em;color:white;font-size:1em;line-height:1.2em;}
.SBgalerie_>nav:not(:last-child)>span{position:absolute;left:0.25em;top:0.25em;cursor:pointer;margin:0.25em;padding:1em;width:1.2em;height:1.2em;}
.SBgalerie_>nav:not(:last-child)>span::before,
.SBgalerie_>nav:not(:last-child)>span::after{content:'';position:absolute;left:0.5em;width:0.25em;border-radius:0.125em;height:1.725em;transition:all 300ms ease-out;background:white;}
.SBgalerie_>nav:not(:last-child)>span::before{top:0;transform:rotate(45deg);transform-origin:right bottom;}
.SBgalerie_>nav:not(:last-child)>span::after{bottom:0;transform:rotate(-45deg);transform-origin:right top;}
.SBgalerie_>nav:not(:last-child)>span:hover::before,
.SBgalerie_>nav:not(:last-child)>span:hover::after{height:3.2em;transform-origin:center;margin-left:1em;}
/* Liste des miniatures */
.SBgalerie_>nav:last-child{bottom:-11em;top:unset;height:11em;overflow:auto;}
body:not(.SB_tactile) .SBgalerie_>nav:last-child{padding-top:2em;overflow:hidden;}
body:not(.SB_tactile) .SBgalerie_>nav:last-child:hover,
body.SB_tactile .SBgalerie_._nav>nav:last-child,
.SBgalerie_._init>nav:last-child,
body:not(.SB_tactile) .SBgalerie_._init>nav:last-child{bottom:0;padding-top:0;}
body:not(.SB_tactile) .SBgalerie_>nav:last-child>div{position:relative;}
.SBgalerie_>nav:last-child>div{display:inline-block;vertical-align:top;white-space:nowrap;top:0;left:0;padding:1.5em;box-sizing:border-box;height:100%;width:auto;transition:left 100ms linear;}
.SBgalerie_>nav:last-child>div>img{max-height:calc(100% - 1em);margin:0.5em 1em;vertical-align:top;max-width:none;cursor:pointer;transition:all 300ms ease-out;}
.SBgalerie_>nav:last-child>div>img.select{transform:scale(1.1);}
.SBgalerie_>nav:last-child>div>img:not(:hover):not(.select){opacity:0.6;}/* TODO pas si tactile ? */
.SBgalerie_>nav:last-child>div>img.select{max-height:calc(100% - 0.5em);margin:0.25em 1em;}
/* Zone principale */
.SBgalerie_>div,
.SBgalerie_>div>span,
.SBgalerie_>div>div,
.SBgalerie_>div>div::before{position:absolute;bottom:0;right:0;top:0;left:0;}
.SBgalerie_>div>div{background-size:cover;background-position:center;transition:all 300ms ease-out;}
.SBgalerie_>div>div>img{display:none;}
.SBgalerie_>div>div::before{content:'';background-color:rgba(0,0,0,0.6);}
.SBgalerie_>div>span::after{content:'';height:100%;vertical-align:middle;display:inline-block}
.SBgalerie_>div>span>span{vertical-align:middle;display:inline-block;position:relative;box-shadow:0 0 1em -0.25em black;transition:all 300ms ease-out;}
/* Immage principale */
.SBgalerie_>div>span>span>img{position:relative;vertical-align:top;max-width:calc(100vw - 3em);max-height:calc(100vh - 3em);}
.SBgalerie_>div>span>span>span{position:absolute;bottom:0;top:0;width:50%;cursor:pointer}
.SBgalerie_>div>span>span>img+span{left:0;}
.SBgalerie_>div>span>span>span+span{right:0;}
body.SB_tactile .SBgalerie_>div>span>span>span{pointer-events:none;}
/* Transitions */
.SBgalerie_:not(.chargementFond)>div>div:last-of-type:not(:first-of-type){opacity:0;}
.SBgalerie_>div>span:last-of-type:not(:first-of-type)>span,
.SBgalerie_.chargement>div>span:first-of-type>span{transform:scale(0.5);opacity:0;}
.SBgalerie_._Gltr>div>span:last-of-type:not(:first-of-type)>span,
.SBgalerie_._Grtl.chargement>div>span:first-of-type>span{transform:scale(0.5) translate(100%);}
.SBgalerie_._Grtl>div>span:last-of-type:not(:first-of-type)>span,
.SBgalerie_._Gltr.chargement>div>span:first-of-type>span{transform:scale(0.5) translate(-100%);}
/* Précédent / Suivant */
.SBgalerie_>span{position:absolute;}
.SBgalerie_>span:first-of-type,
.SBgalerie_>span:last-of-type{top:calc(50% - 3em);height:4em;width:2em;cursor:pointer;transition:all 150ms ease-out;}
.SBgalerie_>span:first-of-type{left:0;}
.SBgalerie_>span:last-of-type{right:0;}
.SBgalerie_>span:first-of-type::before,.SBgalerie_>span:last-of-type::before,
.SBgalerie_>span:first-of-type::after,.SBgalerie_>span:last-of-type::after{content:'';height:2em;border-radius:0.125em;width:0.25em;box-shadow:0 0 0.25em rgba(0,0,0,0.75);background-color:white;position:absolute;}
.SBgalerie_>span:first-of-type::before,.SBgalerie_>span:last-of-type::before{top:0;}
.SBgalerie_>span:first-of-type::after,.SBgalerie_>span:last-of-type::after{bottom:0;}
.SBgalerie_>span:first-of-type::before,.SBgalerie_>span:first-of-type::after{left:0.25em;}
.SBgalerie_>span:last-of-type::before,.SBgalerie_>span:last-of-type::after{right:0.25em;}
.SBgalerie_>span:first-of-type::before{transform-origin:bottom left;transform:rotate(25deg);}
.SBgalerie_>span:first-of-type::after{transform-origin:top left;transform:rotate(-25deg);}
.SBgalerie_>span:last-of-type::before{transform-origin:bottom right;transform:rotate(-25deg);}
.SBgalerie_>span:last-of-type::after{transform-origin:top right;transform:rotate(25deg);}
body:not(.SB_tactile) .SBgalerie_>span:first-of-type:hover,.SBgalerie_.hover_before>span:first-of-type{left:-0.25em;padding-right:0.25em;}
body:not(.SB_tactile) .SBgalerie_>span:last-of-type:hover,.SBgalerie_.hover_after>span:last-of-type{right:-0.25em;padding-left:0.25em;}
@media screen and (min-width:720px){
	.SBgalerie_>div>span>span>img{max-width:calc(100vw - 6em);}
	.SBgalerie_>span:first-of-type,
	.SBgalerie_>span:last-of-type{width:3em;}
	.SBgalerie_>span:first-of-type::before,.SBgalerie_>span:first-of-type::after{left:1em;}
	.SBgalerie_>span:last-of-type::before,.SBgalerie_>span:last-of-type::after{right:1em;}
	.SBgalerie_>span:first-of-type:hover,.SBgalerie_.hover_before>span:first-of-type{left:-0.5em;padding-right:0.5em;}
	.SBgalerie_>span:last-of-type:hover,.SBgalerie_.hover_after>span:last-of-type{right:-0.5em;padding-left:0.5em;}
}
/* Chargement */
@keyframes SBGalLoad1{0%{transform:scale(0);} 100%{transform:scale(1);}}
@keyframes SBGalLoad3{0%{transform:scale(1);} 100%{transform:scale(0);}}
@keyframes SBGalLoad2{0%{transform:translate(0,0);} 100%{transform:translate(2em,0);}}
.SBgalerie_ ._c{width:5em;height:1.5em;text-align:center;pointer-events:none;top:calc(50% - 0.75em);left:calc(50% - 2.5em);transition:all 300ms ease-out;}
.SBgalerie_ ._c>div{position:absolute;top:0.25em;width:1em;height:1em;border-radius:50%;background:rgb(245,245,245);border:1px solid rgb(51,51,51);box-sizing:border-box;animation-timing-function:cubic-bezier(0,1,1,0);}
.SBgalerie_ ._c>div:nth-child(1){background:rgb(255,255,255);border:1px solid rgb(0,0,0);left:0.25em;animation:SBGalLoad1 0.6s infinite;}
.SBgalerie_ ._c>div:nth-child(2){background:rgb(255,255,255);border:1px solid rgb(0,0,0);left:0.25em;animation:SBGalLoad2 0.6s infinite;}
.SBgalerie_ ._c>div:nth-child(3){background:rgb(255,255,255);border:1px solid rgb(0,0,0);left:2em;animation:SBGalLoad2 0.6s infinite;z-index:1;}
.SBgalerie_ ._c>div:nth-child(4){background:rgb(255,255,255);border:1px solid rgb(0,0,0);left:3.75em;animation:SBGalLoad3 0.6s infinite;}
/* API Carroussel */
.SBcarroussel{position:relative;}
.SBcarroussel[data-background]>span{display:none;}
/* Image principale */
.SBcarroussel>div{position:relative;margin:auto;overflow:hidden;display:flex;flex-wrap:nowrap;align-items:stretch;transition:opacity 300ms ease-out,left 300ms ease-out;}
.SBcarroussel>div>div{left:0%;width:100%;flex-shrink:0;position:relative;opacity:1;}/*cursor:pointer;transition:opacity 300ms ease-out,transform 300ms ease-out,left 300ms ease-out;*/
.SBcarroussel>div>div:not(.focus) a{pointer-events:none;}
/* Les points */
.SBcarroussel>div+span{display:block;line-height:1em;text-align:center;}
.SBcarroussel>span>span{position:relative;vertical-align:top;display:inline-block;width:0.5em;height:0.5em;border-radius:50%;margin:0 0.25em;cursor:default;transition:all 300ms ease-out;}
.SBcarroussel>span>span:hover,.SBcarroussel>span>span.focus{transform:scale(1.25);}
.SBcarroussel[data-auto]>span>span:not(.focus)>div{opacity:0;font-size:0.5em;}
/* Les points : loader défilement auto */
.SBcarroussel>span>span>div{
	box-sizing:border-box;
	font-size:1em;width:1em;height:1em;
	border-radius:50%;
	border:.2em solid rgba(70,63,50,0.1);/*couleur de fond de l'anneau*/
	background-color:transparent;/*couleur de fond de la progress bar*/
	display:inline-block;
	position:absolute;top:50%;left:50%;
	transform:translate(-50%) translateY(-50%);
	transition:all 300ms ease-out;
}
.SBcarroussel>span>span>div>span{
	position:absolute;
	width:1em;                     /* 100% de la largeur */
	height:1em;                    /* 100% de la hauteur */
	left:-.2em;                   /* décalage de la largeur bordure de la gauge */
	top:-.2em;                    /* décalage de la largeur bordure de la gauge */
	clip:rect(0, 1em, 1em, .5em);  /* par défaut seule la partie droite est visible */
}
.SBcarroussel>span>span>div[data-value^='5']:not([data-value='5']):not([data-value^='5.'])>span,
.SBcarroussel>span>span>div[data-value^='6']:not([data-value='6']):not([data-value^='6.'])>span,
.SBcarroussel>span>span>div[data-value^='7']:not([data-value='7']):not([data-value^='7.'])>span,
.SBcarroussel>span>span>div[data-value^='8']:not([data-value='8']):not([data-value^='8.'])>span,
.SBcarroussel>span>span>div[data-value^='9']:not([data-value='9']):not([data-value^='9.'])>span,
.SBcarroussel>span>span>div[data-value^='100']>span{clip:rect(auto, auto, auto, auto);}
.SBcarroussel>span>span>div>span>span:first-child,
.SBcarroussel>span>span>div>span>span:last-child{
	position:absolute;
	box-sizing:border-box;         /* prise en compte bordure dans la dimension */
	border-width:.15em;            /* largeur bordure de la gauge */
	border-style:solid;
	border-color:var(--c-systeme);
	border-radius:50%;             /* rendu aspect circulaire */
	width:1em;                     /* largeur à 100% */
	height:1em;                    /* hauteur à 100% */
	clip:rect(0, .5em, 1em, 0);    /* on ne garde que la partie gauche */
	left:0;right:0;
}
.SBcarroussel>span>span>div>span>span:last-child{display:none;clip:rect(0,1em,1em,.5em);}
.SBcarroussel>span>span>div[data-value^='5']:not([data-value='5']):not([data-value^='5.'])>span>span:last-child,
.SBcarroussel>span>span>div[data-value^='6']:not([data-value='6']):not([data-value^='6.'])>span>span:last-child,
.SBcarroussel>span>span>div[data-value^='7']:not([data-value='7']):not([data-value^='7.'])>span>span:last-child,
.SBcarroussel>span>span>div[data-value^='8']:not([data-value='8']):not([data-value^='8.'])>span>span:last-child,
.SBcarroussel>span>span>div[data-value^='9']:not([data-value='9']):not([data-value^='9.'])>span>span:last-child,
.SBcarroussel>span>span>div[data-value^='100']>span>span:last-child{display:block;}
.SBcarroussel>span>span>div:after {
	content: attr(data-value) "%";  /* récup. valeur de progression */
	font-size: 0.2em;              /* taille de la font en % du parent */
	height: 100%;                   /* centrage dans le parent */
	display: flex;
	align-items: center;
	justify-content: center;
	/*-- pour effet shadow intérieur --*/
	border-radius: 50%;
	box-shadow: 0 0 .5em rgba(0,0,0,.5) inset;
	display:none;
}


/* Flèches */
.SBcarroussel>span+span{position:absolute;height:2em;width:2em;top:calc(25% + 3.75em);cursor:pointer;top:calc(50% - 1em);z-index:1;}
.SBcarroussel>span+span:not(:last-child){left:0.25em;transition:left 300ms ease-out,padding 300ms ease-out;}
.SBcarroussel>span+span:last-child{right:0.25em;transition:right 300ms ease-out,padding 300ms ease-out;}
.SBcarroussel>span+span::before,
.SBcarroussel>span+span::after{content:'';height:1em;border-radius:0.125em;width:0.25em;box-shadow:0 0 0.25em rgba(0,0,0,0.75);position:absolute;}
.SBcarroussel>span+span::before{top:0;}
.SBcarroussel>span+span::after{bottom:0;}
.SBcarroussel>span+span:not(:last-child)::before,
.SBcarroussel>span+span:not(:last-child)::after{left:0.5em;}
.SBcarroussel>span+span:last-child::before,
.SBcarroussel>span+span:last-child::after{right:0.5em;}
.SBcarroussel>span+span:not(:last-child)::before{transform-origin:bottom left;transform:rotate(25deg);}
.SBcarroussel>span+span:not(:last-child)::after{transform-origin:top left;transform:rotate(-25deg);}
.SBcarroussel>span+span:last-child::before{transform-origin:bottom right;transform:rotate(-25deg);}
.SBcarroussel>span+span:last-child::after{transform-origin:top right;transform:rotate(25deg);}
/* TRANSITION Type 1 */
/* Image principale */
.SBcarroussel[data-type="1"]:not(.noAnimation)>div>div{transition:left 300ms ease-out, opacity 300ms ease-out,transform 300ms ease-out;}
.SBcarroussel[data-type="1"]>div>div:not(.focus){opacity:0;transform:scale(0.1);z-index:1;}
.SBcarroussel[data-type="1"].hover_after>div>div.focus{transform:scale(0.75) translate(-12.5%);}
.SBcarroussel[data-type="1"].hover_before>div>div.focus{transform:scale(0.75) translate(12.5%);}
.SBcarroussel[data-type="1"].hover_after>div>div:not(.focus){transform:scale(0.5) translate(-100%);opacity:1;}
.SBcarroussel[data-type="1"].hover_before>div>div:not(.focus){transform:scale(0.5) translate(100%);opacity:1;}
.SBcarroussel[data-type="1"]>div>div.after{transform-origin:left;}
.SBcarroussel[data-type="1"]>div>div.before{transform-origin:right;}
/* Flèches */
.SBcarroussel[data-type="1"]>span+span:not(:last-child):hover,
.SBcarroussel[data-type="1"].hover_before>span+span:not(:last-child){left:-1em;padding-right:1.25em;}
.SBcarroussel[data-type="1"]>span+span:last-child:hover,
.SBcarroussel[data-type="1"].hover_after>span+span:last-child{right:-1em;padding-left:1.25em;}
/* TRANSITION Type 2 & 3 */
/* Image principale */
.SBcarroussel[data-type="2"]:not(.noAnimation)>div>div,
.SBcarroussel[data-type="3"]:not(.noAnimation)>div>div{transition:left 300ms ease-out,transform 300ms ease-out;;}
.SBcarroussel[data-type="3"]>div>div:not(.focus){z-index:1;}
.SBcarroussel[data-type="2"].hover_after>div>div.focus{transform:translate(-12.5%);}
.SBcarroussel[data-type="2"].hover_before>div>div.focus{transform:translate(12.5%);}
.SBcarroussel[data-type="2"].hover_after>div>div:not(.focus),
.SBcarroussel[data-type="3"].hover_after>div>div:not(.focus){transform:translate(-12.5%);}
.SBcarroussel[data-type="2"].hover_before>div>div:not(.focus),
.SBcarroussel[data-type="3"].hover_before>div>div:not(.focus){transform:translate(12.5%);}
.SBcarroussel[data-type="2"]>div>div.after,
.SBcarroussel[data-type="3"]>div>div.after{transform-origin:left;}
.SBcarroussel[data-type="2"]>div>div.before,
.SBcarroussel[data-type="3"]>div>div.before{transform-origin:right;}
/* TRANSITION Type 4 */
/* Image principale */
.SBcarroussel[data-type="4"]:not(.noAnimation)>div>div{transition:opacity 600ms ease-out,transform 600ms ease-out;}
.SBcarroussel[data-type="4"]>div>div:not(.focus){opacity:0;transform:scale(0.75);z-index:1;}
/* TRANSITION Type 5 */
/* Image principale */
.SBcarroussel[data-type="5"]:not(.noAnimation)>div>div{transition:opacity 600ms ease-out;}
.SBcarroussel[data-type="5"]>div>div:not(.focus){opacity:0;z-index:1;pointer-events:none;transform:translateX(100%);}
.SBcarroussel[data-type="5"]>div>div.focus+div{transform:translateX(-100%);}

/* INTERFACE : couleur */
/* Les points */
.SBcarroussel>span>span{background:linear-gradient(180deg, rgba(0,0,0,0) 3%, rgba(255,255,255,0.25) 90%) black;border:1px solid rgb(200,200,200);}
.SBcarroussel>span>span:hover,.SBcarroussel>span>span.focus{background:linear-gradient(180deg, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 100%) var(--c-systeme);}
/* Flèches */
.SBcarroussel>span+span::before{background:linear-gradient(180deg, rgba(0,0,0,0) 3%, rgba(255,255,255,0.25) 90%) black;}
.SBcarroussel>span+span::after{background:linear-gradient(0deg, rgba(0,0,0,0) 3%, rgba(255,255,255,0.25) 90%) black;}
.SBcarroussel>span+span:hover::before,
.SBcarroussel.hover_before>span+span:not(:last-child)::before,
.SBcarroussel.hover_after>span+span:last-child::before{background:linear-gradient(180deg, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 100%) var(--c-systeme);}
.SBcarroussel>span+span:hover::after,
.SBcarroussel.hover_before>span+span:not(:last-child)::after,
.SBcarroussel.hover_after>span+span:last-child::after{background:linear-gradient(0deg, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 100%) var(--c-systeme);}
:root{
	--c-systeme:var(--c-lavande);
}

body,html{height:auto;min-height:100vh;}

body{
	background:var(--c-fond);
	color:var(--c-texte);font-family: 'Open Sans';
	
	/*font-size:.9em;*/
	scroll-behavior: smooth;
}

body.SBStopScroll{overflow:hidden;}
body.SBStopScroll nav,
body.SBStopScroll main,
body.SBStopScroll footer{width:calc(100% - var(--ScrollBarWidth));}




#SBbodyLoad>span{letter-spacing:0.1em;color:var(--c-texte);text-transform:uppercase;font-weight:lighter;font-size:1.2em;}
#SBbodyLoad>div div,.SBchargement>div div{background:var(--c-texte);border:1px solid var(--c-fond2);}




nav{
	position: sticky;
	top: 0;
	z-index: 1;
	background: var(--c-fond);
	z-index:2;
	border:1px solid rgb(21,21,21);
}




nav>div{text-transform:uppercase;font-weight:bold;letter-spacing:0.1em;text-align:center;transition:all 300ms ease-out;}
nav>div::before,
nav>div>div.SBLangue ul::before{content:"";position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(34,34,34,0.5);transition:all 300ms ease-out;pointer-events:none;opacity:0;}
body.SBmode_navPrinc nav>div::before,
body.SBmode_langue nav>div>div.SBLangue ul::before{pointer-events:auto;opacity:1;}

nav>div>div:not(.SBLangue){position:fixed;top:-8em;left:-420px;width:420px;max-width:calc(100% - 1em);background-color:var(--c-sombre);margin-top:9.3em;text-align:left;overflow:hidden;background:var(--c-fond);transition:all 300ms ease-out;}
body.SBmode_navPrinc nav>div>div:not(.SBLangue){left:0;top:0;}
body.SBScroll nav>div>div:not(.SBLangue){margin-top:5.3em;}


nav>div>div.SBLangue{position:absolute;right:0;text-align:right;
position: absolute;
  right:.6em;
  text-align: right;
  left: unset;
  width: auto;
  top: 0;
  margin-top: 0;
  top:.6em;white-space:nowrap;
}
body.SBScroll nav>div>div.SBLangue{margin-top:0;}
nav>div>div.SBLangue ul{
border-radius:3px;
top:-2em;opacity:0;pointer-events:none;transition:all 300ms ease-out;
position:absolute;
right: 0;
text-align: left;
background: var(--c-fond);
}

nav>div>div.SBLangue>div{cursor:pointer;display: inline-block;transition:all 300ms ease-out;
  vertical-align: top;}
nav>div>div.SBLangue i,
.ico_lang i{background-position:center;background-size:contain;background-repeat:no-repeat;border-radius:3px;
width: calc(1em + 3px);
height: calc(1em + 3px);
display: inline-block;margin-right:.75em;vertical-align:middle;}
nav>div>div.SBLangue i+span,
.ico_lang i+span{vertical-align:middle;display:inline-block;}
nav>div>div.SBLangue>div>span{padding-right:1.25em;position:relative;}

nav>div>div.SBLangue>div>span::before,
nav>div>div.SBLangue>div>span::after{content:'';transition:all 300ms ease-out;width:.5em;height:2px;background:var(--c-texte);position:absolute;right:0;bottom:calc(.5em + 1px);}
nav>div>div.SBLangue>div>span::before{transform:rotate(-45deg) translateX(2px);transform-origin:right;}
nav>div>div.SBLangue>div>span::after{transform:rotate(45deg) translateX(-2px);transform-origin:left;}


nav>div>div.SBLangue>div{
padding:calc(1.3em - 3px) calc(.9em - 3px);
}



body.SBmode_langue nav>div>div.SBLangue ul{
top:0;opacity:1;pointer-events:auto;
}

nav>div>div.SBLangue ul>span,
nav>div>div.SBLangue ul>a{cursor:pointer;position:relative;transition:all 300ms ease-out;}
nav>div>div.SBLangue>div:hover,
nav>div>div.SBLangue ul>span:hover,
nav>div>div.SBLangue ul>a:hover,
nav>div>div.SBLangue ul>span.select,
nav>div>div.SBLangue ul>a.select{color:white;}
nav>div>div.SBLangue>div:hover>span::before,
nav>div>div.SBLangue>div:hover>span::after{background:white;}



.icoM{z-index:1;cursor:pointer;padding:calc(0.9em - 3px);box-sizing:border-box;text-align:center;display:inline-block;width:3.8em;height:3.8em;transition:all 300ms ease-out;position:absolute;top:.6em;left:.6em;}
.icoM>span{box-shadow:1px 1px 2px #000;border-radius:3px;margin-left:0.2em;width:1.8em;height:2px;background-color:#fff;display:block;margin-top:0.5em;position:relative;transition:all 300ms ease-out;}
.icoM>span:last-child{margin-bottom:0.5em;}
body.SBmode_navPrinc .icoM>span:last-child{transform:rotate(-45deg);top:-0.62em;}
body.SBmode_navPrinc .icoM>span:first-child{transform:rotate(45deg);top:0.62em;}
body.SBmode_navPrinc .icoM>span:first-child+span{opacity:0;width:0;}





nav ul{margin:0;padding:0;letter-spacing:-.005em;}
nav li{display:block;padding:.75em 1.5em;}


nav a {transition:all 300ms ease-out;}
nav a.select,
nav a:hover{color:white;}





nav a.SBunItem{width:18em;display:inline-block;max-width:calc(100% - 11.2em);}
body.SBScroll nav a.SBunItem{width:10em;min-height:0;}
body:not(.SBScroll) nav a.SBunItem{min-height:9em;}


nav li>span{font-size:.9em;}






body.SBp_accueil .SBcarroussel{height:30em;max-height:50vh;}
body.SBp_la-datcha .SBcarroussel{position:absolute;left:1em;top:1em;bottom:1em;right:1em;}


.SBcarroussel>div{height:100%;}
.SBcarroussel>span:first-of-type{position:absolute;width:100%;left:0;bottom:1em;}

.SBmap{position: absolute;
  height: 100%;
  left: 0px;
  top: 0px;
  width: 100%;}



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

.SBtrame[data-type="2"]{margin:auto;max-width:1120px;}

*[data-fond="2"]{background-color:var(--c-fond2);}






header{
	position:relative;
}
header>.SBcarroussel span{display:none;}
header>.SBimage,
header>.SBcarroussel{position:absolute;left:0;top:0;bottom:0;right:0;}
header>.SBimage::after,
header>.SBcarroussel::after,
.SBimage.SBparallaxe::after{
	content:'';position:absolute;left:0;top:0;bottom:0;right:0;background-color:rgba(34,34,34,.75);
}
.SBimage.SBparallaxe[data-opacite="2"]::after{background-color:rgba(34,34,34,.9);}

h1+div{
	position: relative;
	top: -2.75em;
	text-align: center;
	color: var(--c-taupe);
	font-style: italic;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
	font-size: 1.1em;
}



h1{
position: relative;
text-align: center;
padding: 2em;
font-size: 2em;
text-transform: uppercase;
color: var(--c-blanc);
margin: 0;
letter-spacing: .1em;
}


h2{letter-spacing:3px;font-weight:400;font-size:1.5em;color:var(--c-blanc);letter-spacing:0.05em;margin:0;padding:1em 0 .5em 0;text-transform:uppercase;font-size:1.3em;}



h2.lavande{color:var(--c-lavande-clair);font-size:1.9em;letter-spacing:.1em;}


h3{
text-transform: uppercase;
color: var(--c-blanc);
letter-spacing: .1em;
font-size: 1.2em;font-size:1.1em;
font-weight:normal;margin:0;
}


blockquote{
	background-repeat:no-repeat;
	background-image:url('images/dark/quote-small.png');/* TODO color texte */
	border-top:1px solid var(--c-lavande-clair);
	border-bottom:1px solid var(--c-lavande-clair);
	margin:1.5em 0;
	padding:1.5em 0 1.5em 4.5em;
	font-style:italic;
}
blockquote>span{font-size:1.2em;}
/*

background-position: 20px 24px;
font-size: 18px;
font-style: italic;

background-size: 24px 20px;
padding: 20px 20px 20px 60px;
border-bottom-width: 1px;
border-top-width: 1px;
border-style: solid;
margin-bottom: 20px;
*/




p{margin:.75em 0;}
p:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}


.bottomLavande::after,
.bottomLavandePetit::after,
.bottomLavandeHover::after{
	content:'';background-color:var(--c-lavande-clair);height:3px;border-radius:3px;
}
.bottomLavande::after,
.bottomLavandePetit::after{display:block;height:2px;margin-top:.5em;}
.bottomLavandePetit::after{width:3em;}
.align-center.bottomLavandePetit::after{margin:auto;margin-top:.5em;}


.bottomLavandeHover::after{
width:0;
display:inline-block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);
transition:all 300ms ease-out;
}

.bottomLavandeHover:hover::after{width:calc(100% - 1.5em);}






footer{
background-color:rgb(21,21,21);/*TODO 151515 */
}



.padding{padding:.75em;}
.padding-top{padding-top:.75em;}
.padding-bottom{padding-bottom:.75em;}
.padding-left{padding-left:.75em;}
.padding-right{padding-right:.75em;}
.padding2{padding:1.5em;}
.padding2-top{padding-top:1.5em;}
.padding2-bottom{padding-bottom:1.5em;}
.padding2-left{padding-left:1.5em;}
.padding2-right{padding-right:1.5em;}
.margin{margin:.75em;}
.margin-top{margin-top:.75em;}
.margin-bottom{margin-bottom:.75em;}
.margin-left{margin-left:.75em;}
.margin-right{margin-right:.75em;}
.margin2{margin:1.5em;}
.margin2-top{margin-top:1.5em;}
.margin2-bottom{margin-bottom:1.5em;}
.margin2-left{margin-left:1.5em;}
.margin2-right{margin-right:1.5em;}


.SBimage,
.SBmap,
iframe{overflow:hidden;border-radius:3px;}

.SBunItem.hoverZoom:hover .SBimage>div,
.SBimage.hoverZoom:hover>div{transform:scale(1.1);}



.SBparallaxe{/*height:20em;*/position:absolute;left:0;bottom:0;right:0;top:0;}
body.SBp_accueil .SBparallaxe{height:20em;position:static;}


.SBtrame_droite,
.SBtrame_gauche{display:inline-block;vertical-align:top;box-sizing:border-box;}



.SBtrame_haut{position:sticky;top:5em;z-index:1;background:var(--c-fond);}
.pageChambre .SBtrame_haut{margin-bottom:2em;}
/*.SBtrame_droite{position:sticky;top:4em;}
.pageChambre */
.SBtrame_droite{position:sticky;top:9em;padding:.5em;}


.tarif{float:right;text-transform:none;}
.tarif>span:first-child{color:var(--c-texte);font-style:italic;font-size:.66em;}
.tarif>span:last-child{color:var(--c-blanc);}

.equipement{padding:.25em;}
.equipement>div{padding:1em;background:rgb(21,21,21);border-radius:3px;box-sizing:border-box;height:100%;}
.SBunItem .equipement>div{padding:0;background:transparent;}
.equipement>div::before{content:'';height:100%;}
.equipement>div>div,
.equipement>div::before{display:inline-block;vertical-align:middle;}
.equipement>div>div>span{font-size:.8em;}
.equipement>div>div>span:first-child{font-weight:bold;padding-right:.5em;}
.equipement>div>div>span:last-child{font-style:italic;}

.SBgalerie_>div>div{filter: blur(.5em);}


.cursor-pointer{cursor:pointer;}


label{padding-bottom: .25em;
  display: block;}

input,textarea{
padding:1em 2em;border:none;border-radius:3px;box-sizing:border-box;
}
input[type="text"],textarea{width:100%;}
textarea{min-height:16em;}

input[type="button"],
input[type="submit"]{
  background: var(--c-lavande);
  color:white;
  text-shadow: 1px 1px 1px black;
  cursor: pointer;
  border-bottom: 1px solid white;}
a:hover input[type="button"],
input[type="button"]:hover,
input[type="submit"]:hover{background: var(--c-lavande-hover);border-color:transparent;}



.uneChambre input[type="button"]{
margin:1em 0 0 1em;
}
.uneChambre .tarif{float:initial;margin-top:1em;}





.pageChambre .tarif{
	position:absolute;
	bottom:-1.5em;
	display:block;
	left:0;
	right:0;
	text-align:right;
	padding-right:.5em;
	padding-bottom:.5em;
	background:var(--c-fond);
}



.reserver{padding:0 .25em .75em .25em;}
.reserver input{font-size:1em;}


.pageWeekend .SBgalerie>div:first-child{
	padding-bottom:calc(.75em - 1px);
}

.clear{clear:both;}


@media screen and (min-width:640px){
	.pageChambre .tarif{left:unset;bottom:1em;padding-bottom:0;}
	.pageChambre .SBtrame_haut{margin-bottom:0;}
}

@media screen and (min-width:1100px){/*1024px*/
	nav>div{margin:auto;max-width:1120px;text-align:left;}

	body.SBmode_navPrinc nav>div::before{pointer-events:none;opacity:0;}
	nav>div>div:not(.SBLangue){position:static;top:0;left:0;width:auto;background-color:transparent;margin-top:0;text-align:center;}
	body.SBScroll nav>div>div:not(.SBLangue){margin-top:0;}
	
	.icoM{display:none;}
	
	
	nav>div>div:not(.SBLangue) li{display:inline-block;padding:.75em;}
	
	
	nav a.SBunItem{margin:1em .5em;}
	body.SBScroll nav a.SBunItem{margin:0 .5em;min-height:unset;}
	body:not(.SBScroll) nav a.SBunItem{min-height:unset;}
	
	
	.SBtrame_droite{top:7em;}
	.SBtrame_haut{top:8em;}
	/*.SBtrame_droite{top:7em;}
	.pageChambre */
	.SBtrame_droite{top:12em;}
}

.txtGrand{font-size:2.5em;color:white;}


body.SBp_accueil h1{display:none;}

body.SBp_accueil .SBcarroussel .SBimage+.SB-bloc{
position: absolute;
top:calc(50% + 3em);transform:translateY(-50%);text-shadow: 1px 1px 5px black;
left: 0;
right: 0;
text-align: center;color:white;
opacity:0;transition:all 500ms ease-out;transition-delay:1.5s;
}
body.SBp_accueil .SBcarroussel>div>div.focus .SBimage+.SB-bloc{opacity:1;}

main{min-height:calc(100vh - 26em);}

footer{color:var(--c-texte2);}
footer a:hover{color:var(--c-texte2-hover);}
footer a:hover>h3{text-decoration:underline;}
footer ul{margin:0;padding-left:.75em;}
footer li{display:block;margin:.25em 0;}



iframe{position:absolute;top:0;left:0;right:0;bottom:0;border:none;}




.datchaSocial{width:3em;display:inline-block;}