.accueil-col-contenu > *{
max-width:660px;
}
@media (max-width: 781px) {
.accueil-col-contenu > *{
max-width:none;
}
} .col-extension{
height:100%;
}
.col-extension > .wp-block-group{
height:100%;
display:flex;
flex-direction: column;
}
.col-extension .lien-extension{
margin-top:auto;
width:100%;
}
.bouton{
transition:background 250ms;
}
.bouton:hover{
background: rgba(180,180,180,0.1);
} :root {
--large: 73%;
--etroit: 27%;
}
@media (max-width: 767px) {
:root {
--large: 80%;
--etroit: 20%;
}
#bg1,#bg2,#bg1 a, #bg2 a{
height:56vh !important;
}
}
#panels.wp-block-columns {
display: grid;
grid-template-columns: var(--large) var(--etroit);
gap: 0;
min-width: 0;
transition: grid-template-columns 0.5s ease;
}
#panels .wp-block-columns,
#panels .wp-block-column {
box-sizing: border-box;
}
#panels.wp-block-columns.expanded {
grid-template-columns:  var(--etroit) var(--large);
} #panel-1-trigger,
#panel-2-trigger {
height: 100%;
cursor: pointer;
} #panel-1.active #panel-1-trigger,
#panel-2.active #panel-2-trigger { cursor: default;
}
#panel-2 {
position: relative;
}
#panels .main-navigation {
position: absolute;
top: 12px;
right: 0;
}
#panels .wp-block-navigation__container{
padding-top:3.5em;
} #panels,
#panels .wp-block-column,
#panels .wp-block-query,
#panels ul,
#panels li
{
height:100%;
}
#panels  .panel-titre {
overflow:hidden;
}
#panels .wp-block-column .panel-titre > *{
min-width: 300px;
max-width: 650px;
transition:margin 600ms;
}
#panel-1 .panel-item{
margin-left: max(0px, calc(50vw - 810px));
}
#panel-2 .panel-item{
margin-right: max(0px, calc(50vw - 810px));
}
#panel-2.wp-block-column:not(.active) .panel-titre > *{
margin-left:-18vw;
}
@media (min-width: 1180px) {
#panels .wp-block-column .panel-titre > *{
min-width: 650px;
transition:margin 600ms;
}
#panel-2.wp-block-column:not(.active) .panel-titre > *{
margin-left:-200px;
}
}
#panels .wp-block-column.active .panel-titre{
min-width: none;
}
#panels .wp-block-column .wp-block-post-featured-image > a,
#panels .wp-block-column .panel-titre a,
#panels .wp-block-column .logo-extension a
{
pointer-events: none;
}
#panels .wp-block-column.active .wp-block-post-featured-image > a,
#panels .wp-block-column.active .panel-titre a,
#panels .wp-block-column.active .logo-extension a
{
pointer-events: revert;
}
#panels-container{
position:relative;
}
#accueil-nav{
position:absolute;
top:12px;
right: max(24px, calc(50vw - 784px)) ;
}
.header-logo{
overflow:hidden;
height:96px;
position:relative;
}
.header-logo figure{
position:absolute;
right:50%;
transform: translateX(50%);
}
.header-logo img{
max-width:none;
height:80px;
width:auto;
}
@media (max-width: 1180px) {
.panel-item{
padding-top:3.6em !important;
}
}
@media (max-width: 1180px) {
#accueil-nav{
top:-7px;
}
}
.wp-block-column:not(.active) .panel-item,
.interacted .wp-block-column .panel-item{
transition:padding 500ms;
}
.interacted #panel-1.wp-block-column:not(.active)  .panel-item{
padding-right:0 !important;
}
#panel-2.wp-block-column:not(.active)  .panel-item{
padding-left:0 !important;
}