@font-face {
    font-family: 'Estrada';
    src: url('../fonts/estrada/Estrada-Signature-free.eot');
    src: url('../fonts/estrada/Estrada-Signature-free.eot?#iefix') format('embedded-opentype'),
         url('../fonts/estrada/Estrada-Signature-free.woff2') format('woff2'),
         url('../fonts/estrada/Estrada-Signature-free.woff') format('woff'),
         url('../fonts/estrada/Estrada-Signature-free.ttf')  format('truetype'),
         url('../fonts/estrada/Estrada-Signature-free.svg#Estrada Signature') format('svg');
}

* {text-rendering:optimizelegibility;}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

:root {
    --Default: 100 1rem 'Roboto', sans-serif;
    --Estrada: 300 5rem 'Estrada', sans-serif;
}

body, html {width:100%; font:var(--Default); background-color:#FCFCFC; color:#222222; font-size:1vw;}

.text_shadow {text-shadow:1px 1px 2px rgb(80, 80, 80);}

h1, h2, h3, h4, h4, h6 {line-height:100%; letter-spacing:0rem; margin: inherit;}

blockquote {margin:0; border:none; padding:0}

.wrapper {position:relative; width:92rem; margin: 0 auto;}

/* start home */
#home {position:relative; top:0; left:0;}
#home div.flexContener {width:100%; height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#home h2 {font:var(--Estrada); font-size:7rem}
#home h1 {font:var(--Default); font-size:2.3rem; letter-spacing: .5rem; margin-top:-2.7rem}
#home p {margin-top:2.3rem; font-weight:300}
#home div.flexContener p:nth-child(5) {margin-top:.6rem; font-weight:400}
#home a:link {color:black; font-size:1rem; font-weight:300}
#home a:hover {color:red;}
#home .coo {display:none;}
#home div.langues {font-size:.7rem}
#home div.langues p {margin-top:1rem; text-align:center; margin-bottom:.2rem}
#home div.langues div.flagsC {display:flex; width:100%; justify-content:center; align-items:center;}
#home div.langues div.flagsC img {height:.9rem; border:1px solid #e2e0e0; margin:0 .20rem}
/* end home */


.tooltip {position:relative; display:inline-block;}
.tooltip .tooltiptext {position:absolute; visibility:hidden; width:90%; top:15rem; left:1rem; font-size:.7rem; background-color:var(--ShipColor); color:#fff; text-align:center; border-radius:6px; padding:5px 0; z-index:1;}
.tooltip:hover .tooltiptext {visibility: visible;}

/* Tout ordinateur et Ipads en paysage écran jusqu'à 1440px */
@media only screen and (orientation:landscape) and (min-width:901px) and (max-width:1440px) {
    #home div.flexContener {height:70vh;}
}

@media only screen and (orientation:portrait) and (max-height:800px) {
    body, html {font-size:3.7vw;}
    #home div.flexContener {height:50vh;}
    #home h1 {font-size:1.8rem; letter-spacing: .3rem; margin-top:-1.7rem;}
    #home h2 {font-size:3.5rem}

}

@media only screen and (orientation:portrait) and (min-width:835px) and (max-width:1620px) {
    #home div.flexContener {height:50vh;}
    body, html {font-size:1.5vw;}
}

@media only screen and (orientation:portrait) and (min-width:768px) and (max-width:834px) {
    #home div.flexContener {height:50vh;}
    body, html {font-size:1.6vw;}
}