:root{
  • / couleur de la barre de menu /
  • -navbar-bg-color: #ffffff;
  • -navbar-link-color: var(--primary-color);
  • -navbar-link-hover-color: var(--neutral-color);
  • -footer-bg-color: var(--primary-color);
  • -footer-text-color: white;
}

h2,h3{color:#1d1d1d;font-weight:600;}
.btn-white, .btn-secondary-1{padding: .5em 2em;}
.btn-white{background-color:white;border:2px solid var(--primary-color);color:var(--primary-color);}
.btn-white:hover{opacity:.8;color:var(--neutral-color);}
.btn-primary{border:2px solid var(--primary-color);}

  • / --- MENU PRINCIPAL --- /
#yw-topnav .navbar-nav > li > a:not(.btn) { text-transform: uppercase;}
#yw-topnav { box-shadow: 0px 0px 20px #00000021;}

/ adaptation menu sur petits pc pour avoir tous les liens sur 1 ligne /
@media (min-width:800px) and (max-width: 1468px){
  • #yw-topnav .navbar-nav > li > a:not(.btn) {padding: .5rem .8rem; font-size: small;}
  • #yw-main .yw-main-content, section.full-width .container { padding-right: 1em;}
}

/
/
#yw-footer a { color: var(--footer-text-color);}

/ Correction pour enlever l'écart entre barre de menu et contenu de la page (main-container.css/
@media (min-width: 1200px){ #yw-main {padding: 0;} }


/
/ .bandeau-partenaires{display:flex;flex-direction: row;justify-content: space-between;}
.partenaire img {max-height:100px;width:auto;}
.img-colored{background-blend-mode: soft-light;}
.home-header .container{max-width:930px!important;}
.home-header h1{font-size:2.3rem;text-transform:uppercase;color:white;font-weight:600;}
.highlight-text{color:var(--secondary-color-1);}

.home-header-text{margin-top:-3em;font-size:24px;position:relative;box-shadow: 0px 4px 4px rgba(23, 41, 131, 0.04);}

/ flex-vertical permet d'aligner les objets au bas d'une colonne /
.flex-vertical{
  • display: flex;
  • flex-direction: column;
  • justify-content: flex-end;}
  • / forcer la hauteur de la colonne sur page accueil, partie zoomacom, utile uniquement à partir du breakpoint 992px (2 colonnes) /
@media (min-width: 991px){
.home-zoomacom{height:250px;}
}

/ Style pour la section réseaux thématiques /
.colflex{display:flex;flex-direction:row;justify-content: space-between;flex-wrap:wrap;}
.colflex img{width:200px;}

.c4-izmir { --primary-color: transparent!important; }

.of {border: 3px solid #65b5c3;
  • border-radius:20px;
}
.of figcaption{background-color:#65b5c3;}

.vse figcaption{background-color:#c41d47;}

.vse{border: 3px solid #c41d47;
  • border-radius:20px;
}
.vse figcaption{background-color:#c41d47;}

.pdn{border: 3px solid #005674;
  • border-radius:20px;
}
.pdn figcaption{background-color:#005674;}
.cnfs{border: 3px solid #000091;
  • border-radius:20px;
}
.cnfs figcaption{background-color:#000091;}




/ adaptation mobile/
@media (max-width: 400px){
  • .home-header-text{font-size:18px;padding:0;}
  • .c4-izmir figcaption{padding:0;}
  • .colflex img{width:150px;}
  • .partenaire img { height: auto; width: auto;}
}


/ Wikis thématiques - menu colonne gauche /

.menupage ul{list-style:none;padding-left: 0;}
.menupage li a {border:2px solid var(--secondary-color-1);border-radius:5px;padding: .2em .5em;
margin: 1em 0;width:100%;display:inline-block;}
.menupage li>a{margin: 1em 0;font-weight: lighter;text-align:left;color:var(--secondary-color-1);}
.menupage li>a:hover{text-decoration:none;background-color:var(--secondary-color-1);color:white;}
.menupage li>a.active-link{font-weight: bold;background-color:var(--secondary-color-1);color:white;}

/ recup du style mednum42 ancien theme /
.panel.zoomacom > .panel-heading {
  • background-color: #c9181a;
}