body {
    font-family: 'Open Sans', sans-serif;
    background-color: white;
    margin: 0;
    padding: 0;
    color: #111;
}

header {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    background-color: #f5f5f5;
}

header .logo {
    width: 50px;
    height: auto;
    margin: 0 50px;
}

.header-content {
    margin-top: 10px; /* Espacement entre le titre et le sous-titre */
}

.header-title {
    font-size: 1.5em;
    color: #002366 !important; /* Assure la priorité des styles */
}

.header-subtitle {
    font-size: 1em; /* Taille du sous-titre */
    color: #000; /* Couleur du sous-titre */
}

.content-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.intro {
    padding: 20px;
    text-align: center;
		line-height: 1.8;
}

.program {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.printeur {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;

}

.printeur img {
    border-radius: 19px;
}

.printeur img:hover{
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
  box-shadow: 5px 5px 3px #888888;
}

.day {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.program-image {
    width: 100%;
    max-width: 486px;
    margin: 10px 0;
    transition: width 0.3s ease;
}

.info {body {
    font-family: 'Open Sans', sans-serif;
    background-color: white;
    margin: 0;
    padding: 0;
    color: #333;
}

header {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    background-color: #f5f5f5;
}

header .logo {
    width: 50px;
    height: auto;
    margin: 0 20px;
}

header h1 {
    font-size: 1.5em;
    color: #002366;
}

.content-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.intro {
    padding: 20px;
    text-align: center;
}

.program {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.program-image {
    width: 100%;
    max-width: 486px;
    margin: 10px 0;
    transition: width 0.3s ease;
}

.info {
    padding: 20px;
}

.info-box {
    background-color: #f0f0f0;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

footer {
    text-align: center;
    padding: 20px;
    background-color: #f5f5f5;
}

footer p {
    font-size: 1.2em;
}

@media (min-width: 768px) {
    .program {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .program-image {
        margin: 10px;
        width: calc(33.333% - 20px);
        max-width: 486px;
    }
}

@media (max-width: 768px) {
    .program {
        flex-direction: column;
    }

    .program-image {
        max-width: 100%;
    }
}

    padding: 20px;
}

.info-box {
    background-color: #f0f0f0;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

footer {
    text-align: center;
    padding: 20px;
    background-color: #f5f5f5;
}

footer p {
    font-size: 1.2em;
}

@media (min-width: 768px) {
    .program {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .program-image {
        margin: 10px;
        width: 100%;
        flex: 1 1 calc(33.333% - 20px);
    }
}

@media (max-width: 768px) {
    header .logo{
			max-width: 40px;
			margin: 0 40px
		}
		.program {
        flex-direction: column;
    }
		
}