/ Page Css Custom /

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

• :root {
• -title-h2-color:var(--secondary-color-1);
• -title-h3-color:var(--secondary-color-1);
• -title-h4-color:var(--secondary-color-1);

/ couleur de la barre de menu /
--navbar-bg-color:var(--neutral-light-color) ;

• -navbar-text-color:var(--primary-color) ;

• -navbar-link-color: var(--primary-color);

/ --navbar-link-bg-color: transparent; /

• -navbar-link-hover-color: var(--secondary-color-2);

/ couleur de fond du pied de page /

• -footer-bg-color: var(--primary-color);

/ --footer-text-color: var(--main-text-color); /

• -footer-title-color: var(--primary-color);

/ --footer-border-top: 3px solid var(--neutral-soft-color); /

/ --btn-border: none; /

• -btn-border-radius: 15px;

• -checkbox-color: var(--secondary-color-1);

--pagedjs-pagebox-width:20cm;

• }

• #yw-topnav {
  • box-shadow: 0px 0px 50px #00000078;
  • }

#yw-topnav .navbar-nav > li > a:not(.btn) {

• text-transform: uppercase;
• font-weight: lighter;

}

h2 {

• font-size: 2.5rem;
• font-weight: 700;
• }

.logo-home{background-color:#fff;border-radius:25px;padding:1em;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);}
a.btn-action {

• margin-left: auto;
• margin-right: auto;
• text-align: center;
• align-content: center;
• display: block;
• width: fit-content;
• border-radius: 50px;
• text-transform: uppercase;
• box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);

}

/ Animation de l'icone chevron sur headerhome /
@keyframes scroll {

• 0% { opacity: 0; }
• 10% { transform: translateY(0); opacity: 1; }
• 100% { transform: translateY(15px); opacity: 0;}

}
.icon-action i{color: var(--secondary-color-1)!important;}
.icon-action { font-size: xx-large;

• text-align: center;
• margin-right: auto;
• margin-left: auto;
• width: fit-content;
• display: block;
• animation-name: scroll;
  • animation-duration: 2.2s;
  • animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  • animation-iteration-count: infinite;

}

/ style de la barre de recherche /
.input-group-lg > .input-group-addon {background-color:white;border-top-left-radius: 50px;
border-bottom-left-radius: 50px;

• width: fit-content;

}
/ loupe /
.icon-search{color:var(--secondary-color-1);}
/ zone de texte /
.input-group-lg > .form-control {border:none!important;}

#form-home{border-top-right-radius:50px!important;border-bottom-right-radius:50px!important;background-color:white;box-shadow:none;width:300px;}

/ bouton rechercher sur home/
.input-group-addon:last-child, .input-group-btn:last-child > .btn-underbox{

• top: 40px;
• left: -140px;
• border-radius: 5px !important;
• border: none;
• padding: 2px 15px;
• margin: 0 0;
• height: fit-content;
• font-weight: lighter;
• font-size: 12px;
• text-transform: uppercase;
• box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);

}
/ bouton rechercher sur page recherche /
.input-group-addon:last-child, .input-group-btn:last-child > .btn-primary {

• border-top-left-radius: 0;
• border-bottom-left-radius: 0;
• border-top-right-radius: 50px!important;
  • border-bottom-right-radius: 50px!important;
  • border: none;
  • background-color: var(--secondary-color-1)!important;

}
.bazar-search .search-button-container .btn { background-color: var(--secondary-color-1) !important;}



.points_ancre{

• background-image: url('custom/images/fond_points.png');
• margin-bottom: -50px;
• padding-bottom: 60px;
• background-repeat:no-repeat;

}
section.pattern-border {

• border-width: 3px;
• border-style: solid;
• padding: 2rem;

}
section.home-decouvrir {

• border-radius: 25px;
• height: 420px;
• align-items: baseline;
• margin-bottom:1em;

}
.shape-rounded{

• box-shadow: 0px 0px 50px #0000000D;
• border: 3px solid #EA5F48;
• border-radius: 25px;

}

.btn-icon{

• border-radius: 15px;
• font-size: 25px;
• margin-top: -20px;
• margin-right: -20px;}

/ Bandeau titre page /
.banner-title{ background-image: url('/custom/images/banner-page.jpg');

• padding:50px;
• background-size:cover;
• background-position: center;
• text-align:center;
• margin-top: -1.5rem;

margin-bottom: 1.5rem;
}
.banner-title h1 {color:white;}

/ Sur page Présentation /

.bloc-text{

• box-shadow: 0px 0px 50px #0000001F;
• border-radius: 50px;
• opacity: 1;
• padding: 2em;
• background-color: white;
• text-align:justify;

}

.fond_ancre_left {

• background-image: url('custom/images/halo_orange.png');
• margin-bottom: -50px;
• padding-bottom: 60px;
• background-repeat: no-repeat;
• background-position-x: unset;

}

/ Formulaire de saisie des ressources /
/ suppresion du bouton aide memoire sur les chmps long /
.wiki-textarea .aceditor-btn-help{display:none;}
/ Les fiches - template activites.tpl.html /
.facette-container{background-color:#fff;}
.trombi-content{color:var(--secondary-color-1)!important;font-size:.8rem;}
.trombi-container .trombi-image { border-radius: 20px;}
.image-container{background-color:var(--secondary-color-1);border-radius: 20px;}
.trombi-container .bazar-entry:hover img { opacity: .2;transition: all .5s ease;}
.trombi-container .bazar-entry:hover i {opacity:1;color:white;font-size:1.2em!important;}

• .trombi-container .bazar-entry i {opacity:0;}
• .modal-header{background-color:var(--primary-color);}
• .modal-header h1{color:white}
• .modal-header .close{color:white;}
• .BAZ_cadre_fiche h3{text-transform:uppercase;}
• .form-horizontal {background-color:#fff;}
• / template fiche 6 /
• .picto-thema{float:left;width:150px;}
• .bloc-thema{max-width:180px;}
• .bloc-caracterisation{display:flex;justify-content:space-between; margin-top:30px;margin-bottom:30px;gap:30px;}
• .galerie-photo{display:flex; justify-content:space-between; wrap:no-wrap;}
• • / Footer /
  • .footer-partenaire{display:flex; justify-content:space-around;flex-wrap:wrap;gap:10px; padding-right: 1em; padding-left: 1em;}
  • .logo-partenaire img{max-height:60px;width:auto;}
  • .logo-partenaire:hover{opacity:.8;}
  • .footer-bottom{padding-top:1em;}
  • / réduire la taille des logos dans footer sur mobile et tablettes /
• @media only screen and (max-width: 768px) {
• .logo-partenaire img{max-height:40px;width:auto;}

}

• / EBOOK /

@page {

• size: A4;
• margin: 10mm 10mm;

}

.pagedjs_pagebox {

• -pagedjs-margin-left: 10mm;
• -pagedjs-margin-right: 10mm;
• -pagedjs-margin-top: 10mm;
• -pagedjs-margin-bottom: 10mm;
• grid-template-columns:
  • [left] var(--pagedjs-margin-left)
  • [center] calc(
    • var(--pagedjs-pagebox-width) - var(--pagedjs-margin-left) - var(--pagedjs-margin-right)
  • )
  • [right] var(--pagedjs-margin-right);
• grid-template-rows:
  • [header] var(--pagedjs-margin-top)
  • [page] calc(
    • var(--pagedjs-pagebox-height) - var(--pagedjs-margin-top) - var(--pagedjs-margin-bottom)
  • )
  • [footer] var(--pagedjs-margin-bottom);

}


@page:left {

• margin: 10mm;

}

@page:right {

• margin: 10mm;

}

.pagedjs_page.pagedjs_left_page .pagedjs_margin-bottom-left-corner > .pagedjs_margin-content::after,
.pagedjs_page.pagedjs_right_page .pagedjs_margin-bottom-right-corner > .pagedjs_margin-content::after
{

• content: '' !important;

}



/ fix mise en page /
/

• /

/ hr, hr ~ {

• display: none;

}/ / Pour supprimer les sauts de pages à chaque nouvelle fiche

• Style the video: 100% width and height to cover the entire window
• For desktop:
• correction emplacement logo barre menu mobile
• Adaptation tablette */

@media only screen and (min-width: 768px) and (max-width:992px) {
section.home-decouvrir {height:250px;}
.hide_for_mobile{ display:none; }
.home-header{height:auto;}
#myVideo { height:80vh;top:-130px;}
.home-header{font-size: 2.5vw;padding: 0 5em;}
.home-header .lead{font-size: 3.5vw;line-height: initial;margin-top:2.5em;}

• #yw-topnav .navbar-nav > li > a:not(.btn) { font-size: small;}
• }

---