/**
 * Rainbow 21 YAPLA theme
 *
 * Authors :
 * |_ Chloe Burtin / codecolibri.fr
 * |_ you, maybe ? add yourself here
 *
 **/

/* Global */

html {
  overscroll-behavior-y: none;
}

body {
  background: #cecece; /* Changement ici */
  overscroll-behavior-y: none;
}

body::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100lvh;
  z-index: -9999;
  background-color: #d1f4fc; /* Changement ici */
  /* Suppression des images */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* Plus besoin de modifier quoi que ce soit pour mobile, 
   mais on garde la règle vide si tu veux y ajouter quelque chose plus tard */
@media screen and (max-width: 767px) {
  body::before {
    /* background-image supprimé */
  }
}

#site-wrapper {
  position: relative;
}


/* Sections */

.site_line__item:not(.line-header,.line-footer,.line-poweredby) > .container,
.site_line__item > .container-fluid{ background-color: rgba(209,246,255,.93) }
@media screen and (max-width: 1500px){ 
  .site_line__item:not(.line-header,.line-footer,.line-poweredby) > .container,
  .site_line__item > .container-fluid{ background-color: transparent }
  .site_line__item.site_line__item.site_line__item:not(.line-header,.line-footer,.line-poweredby){ background-color: rgba(209,246,255,.93) }
}
@media screen and (max-width: 991px){
  .site_line__item.site_line__item.site_line__item.line-menu{ background-color: transparent }
}

.site_line__item > .container{ padding-left: 30px; padding-right: 30px }
@media screen and (max-width: 991px){
    .site_line__item.line-banner > .container{ padding-left: 0; padding-right: 0; width: 100% }
    .site_line__item.line-banner > .container .row{ margin: 0 }
    .site_line__item.line-banner > .container .row .zone-banner{ padding: 0 }
}
@media screen and (max-width: 767px){
    .site_line__item:not(.line-banner) > .container{ padding-left: 15px; padding-right: 15px }
}

.site_line__item.line-page-content{ padding-top: 0; padding-bottom: 0 }
.site_line__item.line-page-content > .container{ padding-top: 5rem; padding-bottom: 5rem; }

.site_line__item.line-page-content:nth-last-of-type(4) > .container .zone-html,
.site_line__item.line-page-content:nth-last-of-type(4) > .container .zone-image,
.site_line__item.line-page-content:nth-last-of-type(4) > .container .zone-news{ padding-bottom: 4rem }


/* Header */

.site_line__item.line-header > .container{ padding-top: 64px; padding-bottom: 38px }
@media screen and (max-width: 991px){ .site_line__item.line-header > .container{ padding-bottom: 1px } }

.site_line__item.line-header .mod-header-part__left{ text-align: center }

.site_line__item.line-header .mod-header-logo{ max-width: 135px; border-radius: 50%; padding: 0; background-color: #1d1d1b }

.site_line__item.line-header .social-link + .social-link{ margin-left: 10px }
.site_line__item.line-header .social-link [class*=icon-]{ font-size: 5rem; color: #083170 }


/* Menu */

.site_line__item.line-menu{ background: none }
.site_line__item.line-menu:after{ content:none; display: none }

@media screen and (max-width: 991px){ 
  .site_line__item.line-menu .navbar{ margin-bottom: 1rem }
  .site_line__item.line-menu #mainMenu.collapsing,
  .site_line__item.line-menu #mainMenu.collapse.in{ margin-bottom: 2rem !important }
}

.site_line__item.line-menu #mainMenu{ background-color: #083170; border-radius: 20px 20px 0 0 }
@media screen and (max-width: 991px){ .site_line__item.line-menu #mainMenu{ border-radius: 20px } }

.site_line__item.line-menu #mainMenu .navbar-nav{ border-radius: 20px 0 0 0 }
@media screen and (max-width: 991px){ .site_line__item.line-menu #mainMenu .navbar-nav{ margin: 0 } }

.site_line__item.line-menu #mainMenu .navbar-nav li:first-child,
.site_line__item.line-menu #mainMenu .navbar-nav li:first-child a{ border-radius: inherit }

@media screen and (max-width: 991px){ .site_line__item.line-menu #mainMenu .navbar-nav .dropdown-menu li a{ color: #bbb } }

.site_line__item.line-menu #mainMenu li[data-menu-id="163148"] a{ background-color: #e91e63 }
.site_line__item.line-menu #mainMenu li[data-menu-id="163148"] a:hover{ background-color: #ed457d }
@media screen and (min-width: 992px){
  .site_line__item.line-menu #mainMenu li[data-menu-id="163148"]{ position: static }
  .site_line__item.line-menu #mainMenu li[data-menu-id="163148"] a{ position: absolute; right: 0; top: 0; bottom: 0; height: 100%; width: auto; border-radius: 0 20px 0 0; }
}


/* Footer */

.site_line__item.line-footer{ padding: 40px 15px; border-top: 4px solid #0c4aa7 }
@media screen and (max-width: 1200px){ .site_line__item.line-footer{ padding-left: 0; padding-right: 0 } }

@media screen and (max-width: 767px){ .site_line__item.line-footer [class*=col-] + [class*=col-]{ margin-top: 3rem } }

.site_line__item.line-footer h3{ margin-bottom: 2rem }

.site_line__item.line-footer{ color: #d1f6ff }
.site_line__item.line-footer a{ color: #d1f6ff }

.site_line__item.line-footer .social-link + .social-link{ margin-left: 10px }
.site_line__item.line-footer .social-link [class*=icon-]{ font-size: 3rem; color: #d1f6ff }
.site_line__item.line-footer .social-link:hover [class*=icon-]{ color: #d1f6ff !important }

.site_line__item.line-poweredby{ background: #083170; color: #ccc; font-size: 1.3rem; padding-bottom: 1rem }
.site_line__item.line-poweredby a{ color: inherit }

.poweredBy-wrapper{ display: none; background: #083170 !important; }
.poweredBy-wrapper .poweredBy{ color: #ccc !important; }


/* Banniere */

.site_line__item.line-banner .mod-banner__img{ height: 340px; border-radius: 0 0 20px 20px }
@media screen and (max-width: 991px){ .site_line__item.line-banner .mod-banner__img{ border-radius: 0 } }
@media screen and (max-width: 767px){ .site_line__item.line-banner .mod-banner__img{ height: 240px } }

.site_line__item.line-banner .mod-banner__img::before{ content:""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-image: radial-gradient(circle at center, rgba(255,255,255,0) 50%,rgba(255,255,255,.4)); background-size: cover; background-repeat: no-repeat }

.site_line__item.line-banner .mod-banner__content{ left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; width: auto; white-space: nowrap; padding: 2rem 3rem; background-color: rgba(209,246,255,.93); text-transform: uppercase }
@media screen and (max-width: 991px){ .site_line__item.line-banner .mod-banner__content{ white-space: normal; padding: 2rem 2rem; width: 80% } }
@media screen and (max-width: 767px){ .site_line__item.line-banner .mod-banner__content{ padding: 1rem 2rem } }
@media screen and (max-width: 480px){ .site_line__item.line-banner .mod-banner__content{ padding: 1rem 1rem } }
.site_line__item.line-banner .mod-banner__content:empty{ display: none }

.site_line__item.line-banner .mod-banner__content h1{ margin: 0; font-size: 4rem; line-height: 1 }
@media screen and (max-width: 1200px){ .site_line__item.line-banner .mod-banner__content h1{ font-size: 4rem } }
@media screen and (max-width: 991px){ .site_line__item.line-banner .mod-banner__content h1{ font-size: 3.5rem; line-height: 1.1 } }
@media screen and (max-width: 480px){ .site_line__item.line-banner .mod-banner__content h1{ font-size: 2.8rem } }

@media screen and (max-width: 767px){ .site_line__item.line-banner .mod-banner__content .span-emoji{ display:none } }


/* Ariane */

@media screen and (max-width: 767px){ .site_line__item.line-ariane{display: none} }

.site_line__item.line-ariane .breadcrumb{ margin: 1rem 0 3rem; padding: 0; text-align: center }


/* Titre */

.site_line__item.line-page-title > .container{ padding-top: 5rem; padding-bottom: 5rem; text-align: center; text-transform: uppercase }

.site_line__item.line-page-title h1{ margin: 0 }


/* News */

.site_line__item.line-page-content #newsFilterForm{ margin-bottom: 5rem }
.site_line__item.line-page-content #newsFilterForm .control-label{ display: none }

.site_line__item.line-page-content #news_content [class*=col-][data-article-id]{ margin-bottom: 3rem }

.site_line__item.line-page-content #news_content .news-thumbnail{ border-radius: 4px; box-shadow: rgba(8, 49, 112, 0.24) 0 2px 8px 0 }

.site_line__item.line-page-content #news_content .paginationControl{ margin-top: 3em }

.site_line__item.line-page-content .news-detail .news-published-date{ text-transform: none }
.site_line__item.line-page-content .news-detail .news-published-date::before{ content:"Published on "; display:inline }
html[lang^="fr"] .site_line__item.line-page-content .news-detail .news-published-date::before{ content:"Publié le " }

.site_line__item.line-page-content .news-detail .news-author{ color: #3f403f; font-size: 1.3rem; font-weight: normal; text-transform: none }
.site_line__item.line-page-content .news-detail .news-author::before{ content:"By "; display:inline }
html[lang^="fr"] .site_line__item.line-page-content .news-detail .news-author::before{ content:"Par " }

.site_line__item.line-page-content .news-detail .news-image{ width: 700px; border-radius: 4px; box-shadow: rgba(8, 49, 112, 0.24) 0 2px 8px 0 }

.site_line__item.line-page-content .news-detail .news-text{ margin-top: 3rem }

.site_line__item.line-page-content .news-detail .back-to-list{ margin-top: 5rem; display: inline-block }


/* Contact */

.site_line__item.line-page-content .zone-contact .content.contact{ padding: 0 }

.site_line__item.line-page-content .zone-contact h1{ display: none }

.site_line__item.line-page-content .zone-contact .form-group .col-md-12{ width: 90% }
@media screen and (max-width: 1200px){ .site_line__item.line-page-content .zone-contact .form-group .col-md-12{ width: 100% } }

.site_line__item.line-page-content .zone-contact .form-group textarea{ min-height: 120px }


/* Evenements */

.table-evenements{ display: block }

.table-evenements tbody{ display: block; border: 0 }

.table-evenements tr{ border: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; margin-bottom: 0 }
.table-evenements tr:last-child{ margin-bottom: 2rem }
@media screen and (max-width: 767px){ .table-evenements tr{ display: block; } }

.table-evenements td{ display: block; border: 0; flex: 1; margin: 0 1rem 3rem; text-align: center }
.table-evenements td:first-child{ margin-left: 0 }
.table-evenements td:last-child{ margin-right: 0 }
@media screen and (max-width: 767px){
  .table-evenements td{ margin: 0 0 4rem; text-align: left }
}


/* Partenaires */

.table-partenaires{ display: block }

.table-partenaires tbody{ display: block }

.table-partenaires tr{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-start; margin-bottom: 3rem }
@media screen and (max-width: 767px){ .table-partenaires tr{ display: block; } }

.table-partenaires td{ display: block }
.table-partenaires td:nth-child(1){ width: 150px }
.table-partenaires td:nth-child(2){ flex: 1; padding-left: 50px }
@media screen and (max-width: 767px){
  .table-partenaires td{ text-align: left }
  .table-partenaires td:nth-child(1){ width: 100% }
  .table-partenaires td:nth-child(2){ width: 100%; padding: 2rem 0 0 0 }
}

.table-partenaires img{ width: 150px; height: auto }


/* Ressources */

.table-ressources{ display: block; border: 0 }

.table-ressources tbody{ display: block; border: 0 }

.table-ressources tr{ border: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; margin-bottom: 0 }
@media screen and (max-width: 767px){ .table-partenaires tr{ display: block; } }

.table-ressources td{ display: block; border: 0; flex: 1; margin-bottom: 3rem }


/* Emojis */

.span-emoji::after{ display: inline }
.span-emoji.rainbow::after{ content: "\1F308" }
.span-emoji.girl-face::after{ content: "\1F469" }
.span-emoji.dice::after{ content: "\1F3B2" }
.span-emoji.two-hearts::after{ content: "\1F495" }
.span-emoji.paper::after{ content: "\1F4C3" }
.span-emoji.news::after{ content: "\1F4F0" }
.span-emoji.calendar::after{ content: "\1F4C6" }
.span-emoji.mail::after{ content: "\1F4E7" }
.span-emoji.folder::after{ content: "\1F4C2" }


/* Overrides page 404 */

body#page-maintenance .brand .brand-logo{ visibility: hidden; margin-bottom: 1rem }


/* Overrides page accueil */

body.page-accueil .site_line__item.line-banner .mod-banner__img::before{ display: none }