:root{
h1 {
h1, h2, h3, h4, h5, h6 {
h2 {
h2, h3, h4 {
/ suppression du trait après le titre des fiches /
.BAZ_fiche_titre::after {
/ Page d'accueil - picto et textes cliquables /
.bloc-service:hover a{
.bloc-service:hover {
}
.bloc-service img{
section.home {
/ mise en forme des actus page d'accueil /
.bazar-cards-container.nbcol-4.style-square .bazar-card {
.style-square .bazar-card .content {
.style-square .bazar-card .visual-area {
#yw-topnav .dropdown-menu {
/ Ajout de couleurs pour les boutons /
.btn-bleu, .btn-bleu:hover, .btn-bleu:active, .btn-bleu:focus, .btn-bleu:active:focus {
/ Taille des lettres ordre alphabetique du template "annauire", cf annuaire des structures /
.bazar-list #lettres_init a {
.lien-si-modal {
.modal-dialog .lien-si-modal {
.modal-dialog .lien-sauf-modal {
/ Encadres avec les pointillés jaune /
.pointilles {
/ Bandeau encadré transparent autour du titre /
.titrebandeau {
.bloctitrebandeau {
.soustitre-bandeau {
/ Style des onglets /
.nav-justified li {
.nav-justified > li.active, .nav-justified > li.active:hover {
.nav-justified > li:hover {
.nav > li > a:focus, .nav > li > a:hover {
.nav-justified > li.active > a {
.nav-justified > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
.nav-justified li a{
.nav-justified > li > a {
@media (min-width: 768px) {
/ | https://altitudescooperantes.fr/?PageCss/css /
@media (min-width: 768px) {
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
/ correction position bouton se connecter /
#yw-topnav .yw-topnav-fast-access .btn-icon, #yw-topnav .yw-topnav-fast-access [href="#search"], #yw-topnav .yw-topnav-fast-access .dropdown-toggle {
width: auto;
}
@media (min-width: 768px) {
/ marge section /
section.full-width:not(.with-bg-pattern) {
/ petit fix pour le header /
.yw-headerpage .attached_file.left {
/ annuaire /
.annuaire-entete {
.logo {
.bloc-contact {
.bloc-contact a{
.meta-donnees {
.detail-annuaire{display:flex;
gap: 2em;
margin-top:1em;}
.description_courte{font-weight:bold;}
.bloc-contact {
.bloc-echanges {
.style-horizontal > .bazar-entry {
/ Taille de la police pied de page /
.footerpage {
- -footer-bg-color:var(--primary-color);
h1 {
- / font-size: 3.2rem; /
- font-size: 3rem;
- font-weight: 600;
h1, h2, h3, h4, h5, h6 {
- / margin-bottom: .5em; /
- / margin-top: .5em; /
- margin-bottom: .2em;
- margin-top: .2em;
h2 {
- color: var(--secondary-color-2);
h2, h3, h4 {
- font-weight: 600;
/ suppression du trait après le titre des fiches /
.BAZ_fiche_titre::after {
- content: none;
/ Page d'accueil - picto et textes cliquables /
.bloc-service:hover a{
- text-decoration: none; / pas de souligné au survol des titres /
.bloc-service:hover {
- box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
- border-radius: 10px;
}
.bloc-service img{
- height: 80px;
- width: auto;
- }
- .bloc-service h3{font-size:1.2rem;}
section.home {
- padding: 0rem;
/ mise en forme des actus page d'accueil /
.bazar-cards-container.nbcol-4.style-square .bazar-card {
- background-color: white;
- border-radius: 30px 0 30px 30px;
.style-square .bazar-card .content {
- border-bottom-left-radius: 30px;
- border-bottom-right-radius: 30px;
.style-square .bazar-card .visual-area {
- border-radius: 30px 0 30px 30px;
#yw-topnav .dropdown-menu {
- font-size: 0.8em;
- }
/ Ajout de couleurs pour les boutons /
.btn-bleu, .btn-bleu:hover, .btn-bleu:active, .btn-bleu:focus, .btn-bleu:active:focus {
- background-color: #34ACD9;
/ Taille des lettres ordre alphabetique du template "annauire", cf annuaire des structures /
.bazar-list #lettres_init a {
- font-size: 0.9rem;
- }
.lien-si-modal {
- display: none;
.modal-dialog .lien-si-modal {
- display: block;
.modal-dialog .lien-sauf-modal {
- display: none;
/ Encadres avec les pointillés jaune /
.pointilles {
- border: 3px dotted var(--primary-color);
- opacity: 0.8;
- padding:10px;
- }
/ Bandeau encadré transparent autour du titre /
.titrebandeau {
- font-size: 3.2rem; /détermine la taille de police du titre principal dans le bandeau /
- font-family: var(--main-title-fontfamily); /détermine la police du titre principal dans le bandeau /
- line-height: 2em;
.bloctitrebandeau {
- background: rgba(255, 255, 255, .5);
.soustitre-bandeau {
- background: rgba(255, 255, 255, .5);
- line-height: 2em;
/ Style des onglets /
.nav-justified li {
- background-color: transparent;
- border-radius: 0 0 5px 5px;
- /
- /
- margin-right: .1em;
- background-image: url('/custom/images/surligne-altitude.png');
- background-repeat: no-repeat;
- background-size: contain;
- background-position: center;
.nav-justified > li.active, .nav-justified > li.active:hover {
- background-image: url('/custom/images/surligne-altitude-orange.png');
.nav-justified > li:hover {
- background-image: url('/custom/images/surligne-altitude-bleu.png');
.nav > li > a:focus, .nav > li > a:hover {
- background-color: transparent;
.nav-justified > li.active > a {
- color:white;
- background-color: transparent;
.nav-justified > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
- / background-color: var(--primary-color); /
- background-color: transparent;
.nav-justified li a{
- color:white;
.nav-justified > li > a {
- / border: 1px solid transparent; /
- border: none;
@media (min-width: 768px) {
- .nav-tabs.nav-justified > li > a {
- / border-bottom: 1px solid #ddd; /
- border-bottom: none;
- }
/ | https://altitudescooperantes.fr/?PageCss/css /
@media (min-width: 768px) {
- .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
- border-top: none;
- }
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
- / border: 1px solid #ddd; /
- border: none;
/ correction position bouton se connecter /
#yw-topnav .yw-topnav-fast-access .btn-icon, #yw-topnav .yw-topnav-fast-access [href="#search"], #yw-topnav .yw-topnav-fast-access .dropdown-toggle {
width: auto;
}
@media (min-width: 768px) {
- .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
- border-bottom-color: transparent;
- border-top: #f4eef1;
- }
- .nav-tabs.nav-justified > li > a {
- border-radius: 0 0 4px 4px;
- }
/ marge section /
section.full-width:not(.with-bg-pattern) {
- / padding: 2rem 0; /
- padding: 0rem 0;
/ petit fix pour le header /
.yw-headerpage .attached_file.left {
- margin: 0;
/ annuaire /
.annuaire-entete {
- display:flex;
- justify-content: space-between;
.logo {
- width: auto;
- height: 100%;
.bloc-contact {
- background-color: #FBD189;
- padding: 1em;
- border-radius: 20px;
.bloc-contact a{
- color: var(--neutral-color) !important;}
- padding: 0.3em;
- background-color: var(--secondary-color-1);
.meta-donnees {
- display: flex;
- gap: 1em;
- justify-content: space-evenly;
- border-top: 1px solid var(--primary-color);
- margin: 1em 0;
- padding: .5em 0;
- border-bottom: 1px solid var(--primary-color);
- color: var(--primary-color);
- font-size: .8em;
.detail-annuaire{display:flex;
gap: 2em;
margin-top:1em;}
.description_courte{font-weight:bold;}
.bloc-contact {
- min-width: 280px;
.bloc-echanges {
- min-width: 280px;
.style-horizontal > .bazar-entry {
- border: 1px solid var(--secondary-color-1);
- border-radius: 20px;
- padding: 1em;
/ Taille de la police pied de page /
.footerpage {
- font-size: .8rem;