.home-header-container{
position:relative;
}
.home-header .header-visuel-image{
height:auto;
min-height:380px;
position:relative;
}
.home-header-dots{
position:relative;
text-align:center;
padding:2rem 4rem 0 4rem;
}
.home-header-dots button{
width:2.2rem;
height:2.2rem;
border:1px solid currentColor;
color:#c2d155;
background:none;
border-radius:50%;
margin:2rem 1rem 0 1rem;
padding:0;
transition:background-color 0.3s ease-out;
}
.home-header-dots button.active{
background-color:currentColor;
}
.home-header-graph{
position:absolute;
right:0;
bottom:-11rem;
z-index:0;
width:67%;
pointer-events:none;
}
.home-header-graph svg{
width:auto;
height:auto;
display:block;
}
.home-header-slider{
position:relative;
}
.home-header-slide{
padding:4rem;
color:#fff;
font-size:4rem;
}
.home-header-titre{
font-weight:bold;
font-size:1.425em;
max-width:700px;
line-height:1;
text-transform:uppercase;
}
.home-header-description{
border-left:2px solid currentColor;
font-family:'DIN Cond', 'Roboto Condensed', 'Arial Narrow', 'DIN', 'Roboto', Arial, sans-serif;
font-weight:900;
text-transform:uppercase;
line-height:1;
margin-top:0.5em;
padding-left:0.5em;
}
.home-header-description-big{
font-size:1.5em;
}
.home-header-bas{padding-bottom:11rem;}
@media(max-width:980px){
.home-header-slide{font-size:3rem;}
}
@media(max-width:600px){
.home-header-slide{
font-size:2.2rem;
padding-left:0;
padding-right:0;
}
} .home-actus{
margin-top:calc(-11rem + 7px);
}
.home-actus-carousel.owl-carousel{
margin:0 4rem;
width:auto;
}
.home-actus-carousel .owl-stage-outer{
margin:-3px -6px -9px -6px;
padding:3px 6px 9px 6px;
}
.home-actus-carousel .owl-stage{
display:flex;
align-items:stretch;
justify-content:flex-start;
}
.home-actus-carousel .owl-item{
flex:0 0 auto;
}
.home-actus-carousel.owl-carousel .owl-nav button.owl-prev,
.home-actus-carousel.owl-carousel .owl-nav button.owl-next{
position:absolute;
top:0;
color:#fff;
font-size:6rem;
line-height:1;
opacity:1;
transition:opacity 0.3s ease-out;
}
.home-actus-carousel.owl-carousel .owl-nav button.owl-prev.disabled,
.home-actus-carousel.owl-carousel .owl-nav button.owl-next.disabled{
opacity:0.5;
pointer-events:none;
}
.home-actus-carousel.owl-carousel .owl-nav button.owl-prev{right:100%;}
.home-actus-carousel.owl-carousel .owl-nav button.owl-next{left:100%;}
.home-actus-carousel.owl-carousel .owl-nav button.owl-prev span,
.home-actus-carousel.owl-carousel .owl-nav button.owl-next span{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:calc(11rem - 7px);
width:4rem;
}
.home-actu-all-lien{
width:100%;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:#00AB90;
color:#fff;
font-size:3rem;
text-decoration:none;
transition:0.3s ease-out;
transition-property:color,background-color,box-shadow;
padding:1em;
box-shadow:inset 0 0 0 -1px #00AB90;
}
.home-actu-all-icon{
display:block;
width:2.5em;
height:2.5em;
margin-bottom:0.2em;
}
.home-actu-all-styles{
stroke:currentColor;
stroke-width:0.12em;
}
.home-actu-all-lien:hover,
.home-actu-all-lien:focus{
color:#00AB90;
background:#fff;
box-shadow:inset 0 0 0 10px #00AB90;
} .home-header .home-header-gallerie{
height:auto;
min-height:0;
}
.home-header-gallerie-item{
height:600px;
max-height:56.25vw;
}
.home-header-gallerie-item img{
width:100%;
height:100%;
display:block;
}
[data-objectfit="contain"] .home-header-gallerie-item img{
object-fit:contain;
}
.home-header-gallerie .home-header-dots{
position: absolute;
left:0;
right:0;
bottom:0;
z-index:1;
padding:0 10% 2rem;
}
.home-header-gallerie .home-header-dots button{
border-width:2px;
box-shadow:0 0 0 3px #fff;
color:#05434A;
background:#fff;
}
.home-header-gallerie .home-header-dots button.active{
background-color:currentColor;
} .home-edito{
margin:7rem 0 1rem 0; font-size:1.6rem;
}
.home-edito-portrait-img{
border-radius:20px;
}
.home-edito-legende{
margin-top:1.5em;
}
.home-edito-titre{
font-size:3em;
font-family:'DIN Cond', 'Roboto Condensed', 'Arial Narrow', 'DIN', 'Roboto', Arial, sans-serif;
font-weight:900;
line-height:1;
margin:0 0 0.5em 0;
}
.home-edito-signature{
text-align:right;
max-width:50%;
margin:0.5em 0 0 auto;
}
@media(min-width:601px){
.home-edito-container{
display:flex;
align-items:flex-start;
justify-content:space-between;
}
.home-edito-portrait{
flex:0 0 auto;
width:200px;
height:auto;
margin-right:3vw;
margin-right:clamp(3rem, 3vw, 6rem);
}
}
@media(max-width:600px){
.home-edito-portrait-img{
width:150px;
height:150px;
object-fit:cover;
object-position:center 30%;
margin:0 auto 1em auto;
display:block;
}
.home-edito-legende{
margin:1em 0 1.5em auto;
text-align: center;
}
.home-edito-titre{
font-size:2em;
}
} .home-language-notice{
color:#00ab90;
font-size:2.2rem;
width:300px;
max-width:calc(100% - 60px);
margin:1em auto 2em auto;
line-height:1.2;
text-align:center;
}
.home-language-notice-icone{
flex:0 0 auto;
width:2em;
height:2.32em;
margin:0 auto 0.5em auto;
}
.home-language-notice-icone svg{vertical-align:middle;}
.home-language-notice a{color:inherit;}
.home-language-notice p{margin:0;}
@media(min-width:601px){
.home-language-notice{
display:flex;
align-items:center;
justify-content:center;
width:550px;
text-align:left;
}
.home-language-notice-icone{
margin:0 2em 0 0;
}
} .home-themes{
text-align:center;
margin:4rem 0;
}
.home-themes-titre{
background:#00ab90;
color:#fff;
font-size:3.2rem;
font-family:'DIN Cond', 'Roboto Condensed', 'Arial Narrow', 'DIN', 'Roboto', Arial, sans-serif;
font-weight:900;
line-height:1;
text-transform:uppercase;
padding:1em;
border-radius:20px;
margin:0 auto 1.2em auto;
}
@media(max-width:600px){
.home-themes-titre{font-size:2.4rem;}
}
.home-themes-liste{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:center;
}
.home-theme-item{
flex:0 0 auto;
width:210px;
margin:20px;
display:inline-flex;
flex-direction:column;
align-items:stretch;
justify-content:flex-start;
text-decoration:none;
color:inherit;
}
.home-theme-picto{
flex:0 0 auto;
width:auto;
height:120px;
display:flex;
align-items:center;
justify-content:center;
}
.home-theme-picto-img{
display:block;
flex:0 0 auto;
object-fit:contain;
width:150px;
height:120px;
}
.home-theme-label{
color:#195c61;
font-family:'DIN Cond', 'Roboto Condensed', 'Arial Narrow', 'DIN', 'Roboto', Arial, sans-serif;
font-weight:900;
line-height:1;
font-size:2.2rem;
margin:1em 0 0 0;
} .home-platinum{
margin:5rem 0 3rem 0;
text-align:center;
}
.home-platinum-titre{
color:#195c61;
font-family:'DIN Cond', 'Roboto Condensed', 'Arial Narrow', 'DIN', 'Roboto', Arial, sans-serif;
font-weight:900;
line-height:1;
font-size:3.2rem;
text-transform:uppercase;
}
.home-platinum-item{
display:inline-block;
vertical-align:middle;
margin:2rem;
}
.home-platinum-item-logo {
max-width:300px;
} .home-video{
background:#195C61;
padding:8rem 0 13rem 0;
color:#fff;
text-align:center;
font-size:2rem;
line-height:1.2;
}
.home-video.decalage{
padding-top:0;
box-shadow:inset 0 186px 0 -1px #fff
}
.home-video-iframe{margin-bottom:2em;}
.home-video-texte a{color:inherit;}
.home-video-boutons{
margin-top:4em;
display:flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.home-video-bouton{
display:inline-flex;
align-items:center;
justify-content:center;
position:relative;
flex:0 0 auto;
color:#fff;
font-family:'DIN Cond', 'Roboto Condensed', 'Arial Narrow', 'DIN', 'Roboto', Arial, sans-serif;
font-weight:900;
line-height:1;
font-size:4rem;
text-transform:uppercase;
text-decoration:none;
width:25rem;
min-width:min-content;
max-width:100%;
margin:0.5em 3rem;
transition:color 0.3s ease-out;
min-height:18rem;
}
.home-video-bouton-layer{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0.8;
z-index:0;
transition:0.3s ease-out;
transition-property:opacity, background-color;
}
.home-video-bouton-label{
position:relative;
padding:1em 0.5em;
z-index:1;
}
.home-video-bouton:hover,
.home-video-bouton:focus{color:#195C61;}
.home-video-bouton:hover .home-video-bouton-layer,
.home-video-bouton:focus .home-video-bouton-layer{
background-color:#fff !important;
opacity:0.7;
}
@media(max-width:600px){
.home-video.decalage{box-shadow:inset 0 60px 0 -1px #fff;}
} .home-agenda-titre{
font-family:'DIN Cond', 'Roboto Condensed', 'Arial Narrow', 'DIN', 'Roboto', Arial, sans-serif;
font-weight:900;
text-transform:uppercase;
line-height:1;
color:#fff;
background:#05434A;
text-align:center;
font-size:6rem;
font-size:clamp(3rem,5vw,6rem);
padding:0.5em;
}
.home-agenda-legende{
margin:1em auto 2em auto;
padding:0;
list-style:none;
text-align:center;
color:#195C61;
font-family:'DIN Cond', 'Roboto Condensed', 'Arial Narrow', 'DIN', 'Roboto', Arial, sans-serif;
font-weight:900;
text-transform:uppercase;
line-height:1;
}
.home-agenda-legende-item{
font-size:2rem;
display:inline-flex;
align-items:center;
justify-content:flex-start;
text-align:left;
margin:0 0.8em 0.5em 0.8em;
}
li.home-agenda-legende-item::before{content:none;}
.home-agenda-legende-item svg{
display:inline-block;
width:2em;
height:2em;
object-fit:contain;
object-position: center center;
vertical-align:middle;
margin:0 0.5em 0 0;
}
.home-agenda-boutons{
text-align:right;
margin:1em auto;
font-size:2.8rem;
}
.home-agenda-bouton{
--couleur-bouton:#195C61;
margin:0 0 0.3em 0.3em;
font-size:clamp(2rem,3vw,1em);
}
.home-agenda-legende-item path{fill:currentColor;}
@media(max-width:600px){
.home-agenda-titre{
font-size:3rem;
font-size:clamp(3rem,5vw,6rem);
}
} .home-speakers{
margin:6rem 0;
}
.home-speakers-titre{
background:#195C61;
color:#fff;
font-family:'DIN Cond', 'Roboto Condensed', 'Arial Narrow', 'DIN', 'Roboto', Arial, sans-serif;
font-weight:900;
line-height:1;
font-size:6rem;
text-transform:uppercase;
margin:0;
padding:0.7em 4rem;
padding-bottom:calc(0.7em + 14rem);
text-align:center;
}
.home-speakers-liste{
display:flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
margin-top:-14rem;
}
.home-speaker-item{
display:inline-flex;
flex-direction:column;
align-items:stretch;
justify-content:flex-start;
color:inherit;
text-decoration:none;
flex:0 0 auto;
width:360px;
margin:0 25px 50px 25px;
background:#fff;
box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);
text-align:center;
font-size:2rem;
}
.home-speaker-titre{
background:#00AB90;
color:#fff;
font-size:2.7rem;
line-height:1.2;
height:14rem;
flex:0 0 auto;
display:flex;
align-items:stretch;
justify-content:flex-start;
flex-direction:row;
}
.home-speaker-portrait{
flex:0 0 auto;
width:14rem;
height:14rem;
}
.home-speaker-portrait img{
object-fit:cover;
object-position:center 40%;
width:100%;
height:100%;
}
.home-speaker-titre-content{
flex:1 1 auto;
padding:0.2em 1em;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
.home-speaker-titre-label{
font-family:'DIN Cond', 'Roboto Condensed', 'Arial Narrow', 'DIN', 'Roboto', Arial, sans-serif;
font-weight:900;
text-transform:uppercase;
font-size:1.1em;
}
.home-speaker-contenu{
color:#195C61;
padding:1em;
flex:1 1 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.home-speaker-contenu p:last-child{margin-bottom:0;}
@media(max-width:600px){
.home-speakers-titre{padding-bottom:calc(0.7em + 10rem);}
.home-speakers-liste{margin-top:-10rem;}
.home-speaker-item{
margin-left:0;
margin-right:0;
width:100%;
}
.home-speaker-titre{
height:10rem;
font-size:2.2rem;
}
.home-speaker-portrait{
width:10rem;
height:10rem;
}
} .home-econgress{margin:6rem 0;}
.home-econgress-image{margin-bottom:2em;}
.home-econgress-contenu{
font-size:2rem;
color:#195C61;
}
.home-econgress-titre{
font-family:'DIN Cond', 'Roboto Condensed', 'Arial Narrow', 'DIN', 'Roboto', Arial, sans-serif;
font-weight:900;
text-transform:uppercase;
margin:0 0 1em 0;
font-size:1.5em;
}
@media(min-width:981px){
.home-econgress-container{
display:flex;
align-items:flex-start;
justify-content:space-between;
}
.home-econgress-image{
flex:0 0 auto;
max-width:40%;
margin-right:5%;
}
.home-econgress-contenu{
flex:1 1 auto;
}
} .home-angers{
overflow:hidden;
background:no-repeat center center / cover #eee;
}
.home-angers-contenu{
background:rgba(25,92,97,0.6);
color:#fff;
font-size:2rem;
padding:1.75em;
max-width:540px;
margin:180px auto 0 0;
}
.home-angers-titre{
margin:0 0 0.2em 0;
font-family:'DIN Cond', 'Roboto Condensed', 'Arial Narrow', 'DIN', 'Roboto', Arial, sans-serif;
font-weight:900;
font-size:3em;
}
@media(max-width:600px){
.home-angers-titre{font-size:2em;}
}