/
Page Css Custom
/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
/ couleur de la barre de menu /
--navbar-bg-color:var(--neutral-light-color) ;
/ --navbar-link-bg-color: transparent; /
/ couleur de fond du pied de page /
/ --footer-text-color: var(--main-text-color); /
/ --footer-border-top: 3px solid var(--neutral-soft-color); /
/ --btn-border: none; /
--pagedjs-pagebox-width:20cm;
h2 {
.logo-home{background-color:#fff;border-radius:25px;padding:1em;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);}
a.btn-action {
/ Animation de l'icone chevron sur headerhome /
@keyframes scroll {
.icon-action i{color: var(--secondary-color-1)!important;}
.icon-action { font-size: xx-large;
/ 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;
/ 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{
/ bouton rechercher sur page recherche /
.input-group-addon:last-child, .input-group-btn:last-child > .btn-primary {
.bazar-search .search-button-container .btn { background-color: var(--secondary-color-1) !important;}
.points_ancre{
section.pattern-border {
section.home-decouvrir {
.shape-rounded{
.btn-icon{
.banner-title{ background-image: url('/custom/images/banner-page.jpg');
}
.banner-title h1 {color:white;}
/ Sur page Présentation /
.bloc-text{
.fond_ancre_left {
/ 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;}
.pagedjs_pagebox {
@page:left {
@page:right {
.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
{
/ fix mise en page /
/
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;}
@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;
- }
- 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;}
.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;
}
.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 /
- 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 /
/
- /
- display: none;
- Style the video: 100% width and height to cover the entire window
- For desktop:
- correction emplacement logo barre menu mobile
- Adaptation tablette */
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;}
- }