/* CSS Document */
/*.wide-container {height:50vh; width:100%; position:relative}
#slides {width:100%; height:100%; display:flex; overflow:hidden}
#slides > div {position:relative; width:100%; height:100%; flex-shrink: 0; animation: slider 20s infinite ease-in-out}
#slides > div img {object-fit:cover; object-position:center center; width:100%; height:100%}

.activite {bottom:0; z-index:1; color:#FFF; font-size:24px; width:250px; text-align:center}
.activite, .activite div {position:absolute; right:0; border-left:25px solid transparent; height:0}
.activite div {width:100%; top:0}
.activite {border-bottom:50px solid #f5bfb5}
.activite > div {border-bottom:50px solid #e69381}
.activite > div > div {border-bottom:50px solid #b52505}
.activite span {display:block;padding-top:7px}*/

.section .page {max-width:1200px; margin:0 auto; padding:50px 0}
.page-horaires h1 {font-family:'RobotoCondensed-Light', Arial, Helvetica, sans-serif; font-size:48px; line-height:48px; color:#b52505; text-transform: uppercase}
.page-horaires h1 {text-align:center}
.page-horaires {margin-top:0}
.page-horaires h2, .page-horaires h3 {color:#b52505}
.page-horaires h2 {font-size:36px; line-height:40px}
.page-horaires p {margin-top:5px}
.page-horaires > div, .page-horaires h2, .page-horaires h3 {margin-top:30px}
.page-horaires .horaires-activites {display:grid; grid-template-columns:repeat(2, 1fr); column-gap:50px; grid-row-gap:50px}
.page-horaires .horaires-activites h2 {font-family:'RobotoCondensed-Light', Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; color:#FFF; padding-left:60px; margin-top:10px}
.page-horaires .horaires-activites .col2 {margin-top:15px; padding:0 15px; column-gap:20px; grid-row-gap: 10px}
.page-horaires .horaires-activites .col2 h3 {margin-top:0}
.page-horaires .horaires-activites > div {padding-bottom:20px; transition:all 0.25s ease-out}
.page-horaires .horaires-activites > div > div:nth-of-type(1) {position:relative; /*background:#f5bfb5;*/ padding:5px; display:block; width:100%; min-height:60px; transition:all 0.25s ease-out}
/*.page-horaires .horaires-activites > div:hover {background:#FCE9E0}
.page-horaires .horaires-activites > div:hover > div:nth-of-type(1) {background:#e69381}*/
.page-horaires .horaires-activites > div > div:nth-of-type(1) div {position:absolute; top:0; left:2px; height:60px; width:60px;}
.page-horaires .horaires-activites img {object-fit:contain; width:100%; height:100%; position:absolute}
.page-horaires .horaires-activites p {margin-top:0}
.page-horaires .horaires-activites p {padding-left:20px; position:relative}
.page-horaires .horaires-activites p:before {display:block; height:16px; width:16px; position:absolute; left:0; top:1px}
.page-horaires .horaires-activites p:before {content:url("../imgs/horaire-2.svg")}
.page-horaires .horaires-activites p:last-of-type:before {content:url("../imgs/localisation-2.svg")}

.page-horaires .horaires-activites > div {background:#FCE9E0}
.page-horaires .horaires-activites > div > div:nth-of-type(1) {background:#e69381}

@media screen and (max-width:359px) {
.section {padding:0 20px}
.page-horaires h2 {font-size:30px; line-height:30px}
}
@media screen and (min-width:360px) and (max-width:639px) {
.section {padding:0 30px}
.page-horaires h2 {font-size:30px; line-height:30px}
}
@media screen and (max-width:639px) {
.page-horaires h1 {font-size:32px; line-height:32px}
.page-horaires table {font-size:16px}
.page-horaires .horaires-activites .col2 {grid-template-columns:1fr; grid-row-gap:25px}
}
@media screen and (max-width:799px) {
.page-horaires .horaires-activites {grid-template-columns:1fr; column-gap:50px; grid-row-gap:50px}
/*.page-horaires .horaires-activites > div {background:#FCE9E0}
.page-horaires .horaires-activites > div > div:nth-of-type(1) {background:#e69381}*/
}
@media screen and (min-width:640px) and (max-width:799px) {
.section {padding:0 40px}
}
@media screen and (min-width:640px) and (max-width:899px) {
.page-horaires h1 {font-size:36px; line-height:36px}
}
@media screen and (max-width:899px) {
.page-horaires > .col2 {display:inherit}
}
@media screen and (min-width:800px) {
.section {padding:0 50px}
}