:root {
    --bleu:#00b0b2;
    --bleu2:#00627b;
    --text:#00627b;
}

*{
font-family:'Outfit',arial;
font-size:1em;
line-height:1.4em;
font-weight:300;
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-size:90%;
background:white;
}
#content{
position:absolute;
width:100%;
height:100%;
}
.intro{
position:absolute;
height:100%;
width:100%; 
text-align:center;
}
.intro .logo{
position:absolute!important;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-80%);
width:100%;
padding:30px;
}
.intro .logo img{
max-width:240px;    
margin-bottom:1em;
}
.intro p{
text-align:center;
color:white;
font-size:1.8em;
line-height:1em;    
}
.intro::after{
content:'';
width:100%;
height:100%;
position:absolute;
background:black;
opacity:.2;
display:block;  
}
.slideshow {
position: relative;
overflow: hidden;
height:100%;
width:100%;
}
.slideshow-images {
position: absolute;
inset: 0;
z-index: 0;
}
.slideshow-images .slide {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 1.5s ease-in-out;
}
.slideshow-images .slide.active {
opacity: 1;
}
.slideshow .logo {
position: relative;
z-index: 1;
}



.bloc{
bottom:0;
position:fixed;
padding:20px;    
display:flex;
justify-content:center;
width:100%;
background:white;
}
.bloc .logo{
width:100px;  
margin:0 10px;
display:inline-block; 
vertical-align:middle; 
}
.bloc .txt{
width:auto;
margin:0 10px;
display:inline-block;  
vertical-align:middle; 
}
.txt h2{
color:var(--bleu);
font-weight:600;
font-size:1.4em; 
margin-bottom:3px;
line-height:1em;  
}
.txt h3{
color:var(--bleu2);
font-weight:400;
font-size:1.2em;
line-height:1em;  
margin-bottom:10px;   
}
.txt p *{
color:var(--bleu2);
text-decoration:none;
font-size:1.1em; 
line-height:1em;   
}
p strong,
strong a{
font-weight:600;    
}
a:hover{
color:var(--bleu);    
}
.social {
width:1em;   
height:1em;
vertical-align:middle;
margin-right:5px;
}