@font-face {
    font-family: 'MORFELAN';
    src: url('MORFELAN.eot');
    src: url('MORFELAN.eot?#iefix') format('embedded-opentype'),
        url('MORFELAN.woff2') format('woff2'),
        url('MORFELAN.woff') format('woff'),
        url('MORFELAN.ttf') format('truetype'),
        url('MORFELAN.svg#MORFELAN') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Virgil 3 YOFF';
    src: url('Virgil3YOFF.eot');
    src: url('Virgil3YOFF.eot?#iefix') format('embedded-opentype'),
        url('Virgil3YOFF.woff2') format('woff2'),
        url('Virgil3YOFF.woff') format('woff'),
        url('Virgil3YOFF.ttf') format('truetype'),
        url('Virgil3YOFF.svg#Virgil3YOFF') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html {
box-sizing: border-box;
overflow-x: hidden;
overflow-y: visible;
max-width: 100% ;
display: flex;
}

html{ overflow-y: scroll;-webkit-overflow-scrolling: touch; }
html, body { margin:0;width:100%;overflow-x:hidden;touch-action: pan-y;max-width:100%; }
body { padding:4vw 0 0 0; }
#header { overflow:hidden;z-index:9999;font-size:0.5vw;font-family: 'MORFELAN';display:inline-block;width:100%;height:4vw;background-color:#fbbb0d;position:fixed;left:0;top:0;max-width:100%; }
.title { font-size:1.614vw;line-height:1em;margin-top:0.9vw;display:inline-block; }
.stitle { font-size:1.1vw;line-height:1em;padding-left:0.9vw;display:inline-block; }
.sText { font-size:0.8vw;line-height:1em;display:inline-block; }
.rightText { display:inline-block;width:100%;text-align:right;font-size:1.8em;line-height:1.8em; }
a { text-decoration:none;color:#000; }
.logo { display:inline-block;height:100%;width:8vw;background-image:url('../images/logo.svg');background-repeat:no-repeat;background-size:contain;background-position:90% 50%;float:left; }
#header .column1 { display:inline-block;font-size:1.2vw;height:100%;width:18%;float:left;line-height:1vw; }
#header .column2 { display:inline-block;font-size:1.2vw;height:100%;width:45%;float:left;line-height:4vw;text-align:center; }
#header .column3 { display:inline-block;font-size:1.2vw;height:100%;width:24%;float:left;line-height:1vw;text-align:right; }
.red { color:#d7371d !important; }
.orange { color:#fbbb0d !important; }
#header .dot { font-size:2.4vw;color:#d7371d; }
.spacer { display:inline-block;width:2.5vw; }

.mobile #header { height:12vw; }
.mobile #header .column1 { width:84vw;text-align:center;height:8vw; }
.mobile #header .column2 { width:64vw;text-align:left;height:4vw;font-size: 2vw; }
.mobile #header .column3 { width:25vw;text-align:right;height:4vw; }
.mobile .title { font-size: 6vw;line-height: 0.6em;margin-top:2.2vw;}
.mobile .stitle { font-size: 2.1vw;}
.mobile #header .column3 .title { font-size: 2vw;margin-top:1vw; }
body.mobile { padding:12vw 0 0 0; }

.screen { display:inline-block;width:100%;background:#ffffff;padding:0; }
.screen .column1 { display:inline-block;height:100%;float:left; }
.screen .column2 { display:inline-block;height:100%;float:left; }
.screen .column3 { display:inline-block;height:100%;float:left; }
.screen h1 { padding:0;font-family: 'MORFELAN';font-size:9.1vw;line-height:7.5vw;font-weight:normal;white-space: preserve nowrap; }

.screen h2 { padding:0;margin:0;font-family: 'MORFELAN'; }
.screen .dot { color:#fbbb0d;position:absolute; }
.screen .p { font-family: 'Virgil 3 YOFF'; }

#screen1 {  }
#screen1 .column2 { background-image:url('../images/artisanNBV2.jpg');background-repeat:no-repeat;background-size:cover;background-position:50% 0%; }
#screen1 .text { position:absolute; }

#screen2 {  }
#screen2 .text { position:absolute;text-align:right; }
#screen2 { background-color:#fbbb0d; }
#corail { position:absolute;background-image:url('../images/corail1-V2.png');background-repeat:no-repeat;background-size:contain;background-position:0% 100%;display:block; }

.band, .mask { display:block; }
#band1 { background-image:url('../images/poisson3V2.jpg');background-repeat:no-repeat;background-size:cover;background-position:0% 50%; }
#band2 { background-image:url('../images/moulesV2.jpg');background-repeat:no-repeat;background-size:cover;background-position:0% 50%; }
#band3 { background-image:url('../images/fruits_de_merV2.jpg');background-repeat:no-repeat;background-size:cover;background-position:0% 60%; }
#band4 { background-image:url('../images/halle_gaillardeV2.jpg');background-repeat:no-repeat;background-size:cover;background-position:0% 60%; }
#band5 { background-image:url('../images/maps.jpg');background-repeat:no-repeat;background-size:cover;background-position:50% 60%; }
#mask1 { background-image:url('../images/bar1.png');background-repeat:no-repeat;background-size:contain;background-position:50% 100%; }
#mask2 { background-image:url('../images/bar2.png');background-repeat:no-repeat;background-size:contain;background-position:50% 0%; }
#mask3 { width:10%;height:100%;background-image:url('../images/bar3.png');background-repeat:no-repeat;background-size:contain;background-position:0% 50%; }

#screen3  {  }
#screen3 .text { font-family: 'Virgil 3 YOFF';position:absolute;text-align:left; }
#screen3 .column1 {  }
#screen3 .column2 {  }
#screen3 h2 { background-image:url('../images/corail-small.png'); }
#screen3 p { text-align:left;font-family: 'MORFELAN';	 }
.tel { font-family: 'MORFELAN';color:#d7371d;font-size:2em;line-height:2em;white-space: preserve nowrap; }
.tel a { color:#d7371d !important; }

#screen4 { background-color:#fbbb0d; }
#corail2 { position:absolute;background-image:url('../images/corail2-V2.png');background-repeat:no-repeat;display:block; }
#screen4 .text { position:absolute;text-align:right; }

#screen5 { }
#screen5 .text { font-family: 'Virgil 3 YOFF';position:absolute;text-align:left; }
#screen5 .column1 {  }
#screen5 .column2 {   }
#screen5 h2 { background-image:url('../images/corail-small2.png'); }

#logochef { position:absolute;right:0;background-image:url('../images/requin-cuistotV2.svg');background-repeat:no-repeat;background-size:contain;background-position:100% 100%;display:block; }

#screen6 { background-color:#fbbb0d; }
#screen6 .text { position:absolute;text-align:right; }
#artisan { position:absolute;background-image:url('../images/artisanV2.png');background-repeat:no-repeat;background-size:contain;background-position:0% 100%;display:block; }

#screen7 {  }
#screen7 .column2 { background-image:url('../images/cdcV2.jpg');background-repeat:no-repeat;background-size:cover;background-position:50% 0%; }
#screen7 .text { position:absolute; }
#screen7 .dot {  }

h2.corail { text-align:left;background-repeat:no-repeat;background-size: auto 1.9em;min-height:1.9em;background-position: 0% 0%; }

#screen8 {  }
#screen8 .text { position:absolute; }
#screen8 h2.corail { background-image:url('../images/corail-small.png'); }
#screen8 .column1 {  }
#screen8 .column2 {  }
#screen8 .column1 p { font-family: 'MORFELAN'; }
#screen8 .column2 p { font-family: 'MORFELAN'; }

#screen9 { height:55vw; }
#screen9 .text { position:absolute; }
#screen9 h2 { background-image:url('../images/corail-small.png') }
#screen9 .column1 {  }
#screen9 .column2 {  }
#screen9 .column1 p { font-family: 'MORFELAN'; }
#screen9 .column2 p { font-family: 'MORFELAN'; }
#screen9 .text { font-family: 'Virgil 3 YOFF';position:absolute;text-align:left; }
#screen9 .p { float:none;font-family: 'MORFELAN';display:block; }

#screen10 { background-color:#fbbb0d;   }
#corail3 { position:absolute;background-image:url('../images/corail3-V2.png');background-repeat:no-repeat;background-size:contain;background-position:0% 50%;display:block; }
#screen10 .text { position:absolute;text-align:right; }

#screen11 {  }
#screen11 .text {  font-family: 'MORFELAN';position:absolute; }
#screen11 h2 {  }
#screen11 .column1 { text-align:center; }
#screen11 .column2 { text-align:center; }
#screen11 .column3 { text-align:center; }
#screen11 h3 {  }
#screen11 .column1 p { font-family: 'Virgil 3 YOFF'; }
#screen11 .column2 p { font-family: 'Virgil 3 YOFF'; }
#screen11 .column3 p { font-family: 'Virgil 3 YOFF'; }
#screen11 .column1 img { width:40%; }
#screen11 .column2 img { width:40%; }
#screen11 .column3 img { width:40%; }

#screen12 { background-color:#fbbb0d; }
#screen12 .text {  font-family: 'MORFELAN';position:absolute; }

input:focus { outline-width: 0; }
textarea { width:100%;font-family: 'MORFELAN';border:0;background:#ffffff;box-sizing: border-box;  resize: none; }
input { font-family: 'MORFELAN';border:0;background:#ffffff;box-sizing: border-box; }
#send { width:100%;background:#d7371d;color:#ffffff; }

#nom {  }
#mail {  }
#corail5 { z-index:900;position:absolute;background-image:url('../images/corail4.png');background-repeat:no-repeat;background-size:contain;background-position:100% 50%;display:block; }

input:focus, select:focus, textarea:focus, button:focus { outline: none; }
.sprite { transition: left 0.2s ease-out,right 0.2s ease-out; }

#footer {  }
#footer .text {  font-family:'MORFELAN';position:absolute; }
#footer .column1 {  }
#footer .column2 { text-align:center; }
#footer .column3 {  }
#footer .column2 img { border:none; }

.yellowBand { display:inline-block;width:100%;background-color:#fbbb0d; }