@font-face {
font-family: "LineSeedExtra";
src:  url(//umaka.herissonstudio.ch/wp-content/themes/twentytwentythree-1684333960-via-wpmarmite/assets/typo/LINE_Seed_JP/WOFF2/LINESeedJP_OTF_Eb-min.woff2) format('woff2');
font-weight: bolder;
}
@font-face {
font-family: "LineSeed";
src:  url(//umaka.herissonstudio.ch/wp-content/themes/twentytwentythree-1684333960-via-wpmarmite/assets/typo/LINE_Seed_JP/WOFF2/LINESeedJP_OTF_Bd-min.woff2) format('woff2');
font-weight: bold;
}
@font-face {
font-family: "LineSeed";
src:  url(//umaka.herissonstudio.ch/wp-content/themes/twentytwentythree-1684333960-via-wpmarmite/assets/typo/LINE_Seed_JP/WOFF2/LINESeedJP_OTF_Rg-min.woff2) format('woff2');
font-weight: normal;
}
body{
margin: 0;
font-family: "LineSeed";
}
.container {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.row {
position: relative;
width: 100%;
}
.row [class^="col"] {
float: left;
margin: 0.5rem 2%;
min-height: 0.125rem;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: 96%;
}
.col-1-sm {
width: 4.33%;
}
.col-2-sm {
width: 12.66%;
}
.col-3-sm {
width: 21%;
}
.col-4-sm {
width: 29.33%;
}
.col-5-sm {
width: 37.66%;
}
.col-6-sm {
width: 46%;
}
.col-7-sm {
width: 54.33%;
}
.col-8-sm {
width: 62.66%;
}
.col-9-sm {
width: 71%;
}
.col-10-sm {
width: 79.33%;
}
.col-11-sm {
width: 87.66%;
}
.col-12-sm {
width: 96%;
}
.row::after {
content: "";
display: table;
clear: both;
}
.hidden-sm {
display: none;
}
@media only screen and (min-width: 33.75em) { .container {
width: 80%;
}
}
@media only screen and (min-width: 45em) { .col-1 {
width: 4.33%;
}
.col-2 {
width: 12.66%;
}
.col-3 {
width: 21%;
}
.col-4 {
width: 29.33%;
}
.col-5 {
width: 37.66%;
}
.col-6 {
width: 46%;
}
.col-7 {
width: 54.33%;
}
.col-8 {
width: 62.66%;
}
.col-9 {
width: 71%;
}
.col-10 {
width: 79.33%;
}
.col-11 {
width: 87.66%;
}
.col-12 {
width: 96%;
}
.hidden-sm {
display: block;
}
#logoBas{
margin-left: calc(2% + 32px);
margin-bottom: 25px;
}
}
@media only screen and (min-width: 60em) { .container {
width: 75%;
max-width: 60rem;
}
} div#bandeau {
background: #ea4f3e;
color: white;
text-align: center;
font-weight: bold;
padding: 4px 0;
}
#bandeau p {
position: relative;
display: inline;
white-space: nowrap;
}
@keyframes defilement {
0% { transform: translateX(100%); }
100% { transform: translateX(-100%); }
}
h2 {
font-family: "LineSeedExtra";
font-weight: bolder;
text-align: center;
font-size: 65px;
}
div#concept {
padding: 130px 0;
position: relative;
}
div#menu {
padding: 130px 0 200px;
background: #cbc4ba;
text-align: center;
}
#menu  .container{
z-index: 3;
position: relative;
}
a.button_black_transparent {
font-weight: bold;
text-decoration: none;
text-align: center;
display: inline-block;
margin-top: 30px;
border: 2px solid black;
padding: 5px 15px;
border-radius: 10px;
font-family: "LineSeedExtra";
transition:.3s;
}
a.button_black_transparent:hover {
background: black;
color: white;
}
div#map {
height: 60vh;
}
div#blackSection {
background: black;
color: white;
padding: 200px 0 130px;
text-align: center;
position: relative;
}
div#blackSection:before {
content: "";
background: url(//umaka.herissonstudio.ch/wp-content/uploads/2023/06/frise-umaka-12x-min.png) repeat-x;
width: 100%;
height: 320px;
background-size: contain;
position: absolute;
top: 0;
display: block;
transform: translate(-50%,-50%);
left: 50%;
z-index: 9;
}
#blackSection .container{
z-index: 3;
position: relative;
}
div#blackSection a img {
max-width: 155px;
padding: 0 15px;
}
div#blackSection .containerImg {
margin-top: 50px;
}
div#footer {
display: flex;
overflow: hidden;
}
div#footer__left {
width: 45%;
}
div#footer__left img {
object-fit: cover;
width: 100%;
height: 100%;
}
div#footer {
background: black;
min-height: 60vh;
color: white;
}
div#footer__right {
width: 45%;
padding: 50px 50px;
}
div#footer__right__2col {
display: flex;
flex-wrap: wrap;
font-weight: bold;
font-size: 14px;
}
div#footer__right__2col > div {
width: 215px;
}
div#footer__right__2col > div:first-of-type{
padding-right: 30px;
}
div#fullLogo img {
max-width: 90px;
margin-bottom: 20px;
}
div#footer__right__rs {
margin-top: 55px;
}
div#footer__right__rs a {
display: inline-block;
margin-right: 20px;
}
div#footer__right__telephone {
margin-bottom: 14px;
}
#menuMobile{
display: none;
}
#overlayMobile{
display: none;
}
#menuGauche{
position: absolute;
top: 40px;
left: 70px;
z-index: 4;
}
#menuGauche ul{
list-style: none;
padding: 0;
margin: 0;
}
#menuGauche ul li {
margin: 0;
font-size: 25px;
line-height: 1.5;
}
#menuGauche ul li a {
color: white;
text-decoration: none;
font-family: "LineSeedExtra";
}
div#premierBloc {
background: #cbc4ba;
height: 85vh;
overflow: hidden;
position: relative;
}
div#premierBloc > img {
width: 100%;
object-fit: cover;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 100%;
z-index: 3;
}
div#logoEtOpen {
display: flex;
align-items: center;
color: white;
margin-bottom: 15px;
}
h1 {
margin: 0;
margin-left: 13px;
font-family: "LineSeedExtra";
font-weight: bolder;
text-align: center;
font-size: 43px;
}
h1 svg{
width: 150px;
}
#premierBloc__imgMobile{
display: none;
}
div#concept:before {
content: "";
background: url(//umaka.herissonstudio.ch/wp-content/uploads/2023/05/logo_rouge-min.png);
width: 120px;
height: 120px;
background-size: cover;
position: absolute;
left: 0;
top: 0;
display: block;
transform: translate(-50%,-50%);
left: 50%;
z-index: 9;
}
img#imgGauche {
position: absolute;
left: 0;
max-width: 16%;
z-index: 2;
}
#imgDroite {
position: absolute;
right: 0;
max-width: 21%;
bottom: 57%;
z-index: 2;
} .messagedefilant {
display: none;
overflow: hidden;
position: relative;
max-width: 100%;
height: 27px;
background: #ea4f3e;
color: white;
padding: 3px 0;
}
.messagedefilant div {
position: absolute;
min-width: 100%; font-weight: bold;
}
.messagedefilant div span, 
.messagedefilant div:after {
position: relative;
display: inline-block;
white-space: nowrap;
top:0;
}
.messagedefilant div span {
animation: defilement 10s infinite linear;
}
.messagedefilant div:after {
position: absolute;
top:0; left:0;
content:attr(data-text);
animation: defilement2 10s infinite linear;
}
div#page {
overflow-x: hidden;
}  
div#titre {
width: 90%;
z-index: 99999;
margin: 0 auto;
font-size: 22vw;
font-family: "LineSeedExtra";
font-weight: bolder;
color: white;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -54%);
z-index: 2;
}
@keyframes defilement {
0% { margin-left: 0; }
100% { margin-left: -100%; }
}
@keyframes defilement2 {
0% { margin-left: 100%; }
100% { margin-left: 0%; }
}
@media only screen and (max-width: 991px) {
#bandeau{
display: none;
}
.messagedefilant{
display: block;;
}
#menuGauche ul{
display: none;
}
#menuGauche{
top: 20px;
left: 20px;
}
#menuMobile{
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 80%;
max-width: 300px;
background: white;
z-index: 13;
padding: 10%;
transform:translateX(-100%);
transition: 0.6s;
}
#menuMobile.open{
transform: translateX(0px);
}
#menuMobile ul{
list-style: none;
padding: 0;
}
#menuMobile ul li {
margin-top: 23px;
}
#fermerMenuMobile{
width:30px;
filter: grayscale(1);
}
#menuMobile ul li a{
color: #000000;
text-decoration: none;
font-family: "LineSeedExtra";
font-weight: bolder;
font-size: 21px;
}
#overlayMobile{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.4;
z-index: 12;
background:#002c53;
}
#overlayMobile.block{
display: block;
}
.row [class^="col"] {
margin: 0.5rem 2% !important;
}
div#footer{
flex-wrap: wrap;
}
div#footer__left{
width: 100%;
max-height: 400px;
}
div#footer__right{
width: 100%;
}
#premierBloc__imgMobile{
display: block;
}
#premierBloc__imgDesktop{
display: none;
}
div#blackSection:before {
height: auto;
padding-bottom: 22%;
}
div#titre {
transform: translate(-50%, -70%);
}
h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
div#blackSection:before {
height: auto;
padding-bottom: 22%;
min-height: 120px;
background-size: cover;
}
img#imgDroite{
max-width: 35%;
width: 200px;
}
img#imgGauche{
max-width: 35%;
width: 200px;
}
}