.print{
    margin-bottom: 5vh;
	padding-top: 8vh;
	width: 85%;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 1.5em;
	text-align: justify;
    margin: auto;
}

.intro{
    text-align: center;
}
.paragraphe1,
.paragraphe2,
.paragraphe3,
.paragraphe4{
    padding: 1em;
    transform-origin: top;
    letter-spacing: .2em;
}

.paragraphe4{
    width: 100%;
    text-align: center;
    letter-spacing: 0em;
    color: var(--theme-color);
}
.fleche{
    width: 2em;
    margin: auto;
    margin-top: 2em;
}

article{
    margin-top: 3em;
}
.title{
    text-align: center;
    color: var(--theme-color);
    visibility: visible;
    opacity: 1;
    font-size: 1.2em;
    margin-bottom: 0.5em;
    margin-top: 3em;
}
.text{
    text-align: center;
    margin-bottom: 2em;
}
.flex-container{
    margin-top: 4em;
    margin-bottom: 4em;
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 2em;
}
.flex-item{
    width: 30%;
    max-height: 60vh;
}
.flex-item img{
    max-width: 100%;
    max-height: 100%;
}
.affiche{
    width: 100%;
    margin-top: 2em;
}
.affiche img.full{
    max-height: 80vh;
    max-width: 100%;
}
.legende{
    margin-top: .5em;
    font-size: .9em;
}
article a{
    color: var(--theme-color);
    text-decoration: none;
}
article a:hover{
    color: var(--text-color);
}

@media (orientation: landscape) {
    #voeux_2025{
        position: relative;
        overflow: hidden;
        width: auto;
        height: 95vh;
        margin: auto;
        margin-bottom: 5em;
    }
    #voeux_2025 img{
        max-width: 100%;
        height: 100%;
        border-right: solid black 1px;
        border-left: solid black 1px;
    }
    #voeux_2025 .inside,
    #voeux_2025 .outside{
        height: 100%;
        cursor: pointer;
    }
    #voeux_2025 .outside{
        display: flex;
    }
    #voeux_2025 .left{
        height: 100%;
        width: 100%;
        text-align:right;
        position: absolute;
        top: 0;
        left: -50%;
        transition: all .6s ease-out;
    }
    #voeux_2025 .left.moved{
        left: -73%;
    }
    #voeux_2025 .right{
        height: 100%;
        width: 100%;
        text-align:left;
        position: absolute;
        top: 0;
        left: 50%;
        transition: all .6s ease-out;
    }
    #voeux_2025 .right.moved{
        left: 73%;
    }
  }
  
  @media (orientation: portrait) {
    #voeux_2025{
        position: relative;
        overflow: hidden;
        width: auto;
        max-height: 95vh;
        margin: auto;
        margin-bottom: 5em;
    }
    #voeux_2025 img{
        max-width: 100%;
        height: 100%;
        border-right: solid black 1px;
        border-left: solid black 1px;
    }
    #voeux_2025 .inside,
    #voeux_2025 .outside{
        height: 100%;
        cursor: pointer;
    }
    #voeux_2025 .outside{
        display: flex;
    }
    #voeux_2025 .left{
        height: 100%;
        width: 100%;
        text-align:right;
        position: absolute;
        top: 0;
        left: -50%;
        transition: all .6s ease-out;
    }
    #voeux_2025 .left.moved{
        left: -100%;
    }
    #voeux_2025 .right{
        height: 100%;
        width: 100%;
        text-align:left;
        position: absolute;
        top: 0;
        left: 50%;
        transition: all .6s ease-out;
    }
    #voeux_2025 .right.moved{
        left: 100%;
    }
  }



#voeux_2024{
	position: relative;
	overflow: hidden;
	max-width: 95vh;
	height: 95vh;
	margin: auto;
    margin-bottom: 5em;
}
#voeux_2024 img{
	max-width: 100%;
    max-height: 100%;
	border-right: solid black 1px;
	border-left: solid black 1px;
}
#voeux_2024 .inside,
#voeux_2024 .outside{
	height: 100%;
	cursor: pointer;
}
#voeux_2024 .outside{
	display: flex;
}
#voeux_2024 .left{
	height: 100%;
	width: 50%;
	text-align:right;
	position: absolute;
	top: 0;
	left: 0px;
	transition: all .6s ease-out;
}
#voeux_2024 .left.moved{
	left: -50%;
}
#voeux_2024 .right{
	height: 100%;
	width: 50%;
	text-align:left;
	position: absolute;
	top: 0;
	left: 50%;
	transition: all .6s ease-out;
}
#voeux_2024 .right.moved{
	left: 101%;
}

#voeux_2022{
    max-width: 95vh;
	height: 95vh;
    margin: auto;
    margin-bottom: 5em;
}
#voeux_2022 img{
    max-width: 100%;
    max-height: 100%;
    transition: .5s;
}
#voeux_2022 img:hover{
    cursor:pointer;
}
.rotated_image {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            transition: .5s;
  }

@media screen and (max-width: 960px) {
    .print{
        font-size: 1.4em;
    }
}
@media screen and (max-width: 810px) {
    .print{
        font-size: 1.2em;
    }
}
@media screen and (max-width: 610px) {
    .print{
        font-size: 1.2em;
        width: 80%;
    }
}
@media screen and (max-width: 560px) {
    .print{
        font-size: 1.1em;
    }
}
@media screen and (max-width: 510px) {
    .print{
        font-size: 1.1em;
    }
}
@media screen and (max-width: 410px) {
    .print{
        font-size: 1em;
        width: 76%;
    }
}

@media (max-aspect-ratio: 740 / 640) {
    #voeux_2024, #voeux_2022{
        height: 75vh;
    }
}
@media (max-aspect-ratio: 1) {
    #voeux_2024, #voeux_2022{
        height: 62vh;
    }
}
@media (max-aspect-ratio: 540 / 640) {
    #voeux_2024, #voeux_2022{
        height: 55vh;
    }
}
@media (max-aspect-ratio: 440 / 640) {
    #voeux_2024, #voeux_2022{
        height: 45vh;
    }
}
@media (max-aspect-ratio: 410 / 640) {
    #voeux_2024, #voeux_2022{
        height: 40vh;
    }
    
}