:root{
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);}
#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-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{
.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;
.of figcaption{background-color:#65b5c3;}
.vse figcaption{background-color:#c41d47;}
.vse{border: 3px solid #c41d47;
.vse figcaption{background-color:#c41d47;}
.pdn{border: 3px solid #005674;
.pdn figcaption{background-color:#005674;}
.cnfs{border: 3px solid #000091;
.cnfs figcaption{background-color:#000091;}
/ adaptation mobile/
@media (max-width: 400px){
/ 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 {
- / 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 { 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) /
.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;