:root{--main-title-fontfamily: 'Cabin', sans-serif;}
#yw-topnavbis a {font-family: 'Cabin', sans-serif;}
.ace-editor-container {
  • padding: 0em .7em 0em 0;
  • margin-bottom: 1rem;
}

.bazar-list .panel:not(.collapsed) {
  • background-color: #fffffb;
}

.panel-adrets {
  • background-color: var(--primary-color)!important;
  • color: white;
  • border: 0;
  • padding:1em;
}
/ Adaptation affichage du texte au dessus du slider /
#text-slider .lead{font-size: 2.2em;
color: var(--neutral-color);
font-weight: bolder;}
#text-slider .img-responsive{max-width:70%;}

/ Pour eviter le double affichage du titre quand on déplie les accordeons /
.bazar-list .panel:not(.collapsed) h1 {
  • display:none;
}
/Correction couleur du lien actif dans menu déroulant /
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {

  • background-color: var(--secondary-color-2);

}

/ Correction couleur texte pour template card /
.bazar-card .text-area{color:var(--neutral-color);}
.bazar-card .floating-area .field-default {background-color: var(--secondary-color-2);}
.style-vertical .bazar-card .footer-area { background-color:var(--secondary-color-2); }
.style-vertical .bazar-card { background-color: white;}
.bazar-card .subtitle-area {
  • font-size: smaller;
  • color: var(--neutral-light-color);
}

/ Pour une meilleure integration des iframe dans les autres sites /
.yeswiki-page-widget {
  • background: transparent;
}


/ Style des fiches ressources /
.img-id1{
  • display: block;
  • margin-left: auto;
  • margin-right: auto;
  • max-width:100%;
  • height:auto;
}
.section-qualification{
  • background-color:var(--primary-color);
  • padding:1em;
  • display:flex;
  • color:#fff;
  • align-items: first baseline;
}

.titre-qualif{
  • text-transform:uppercase;
  • text-align:center;
  • width:200px;
  • color:var(--secondary-color-2);
  • font-weight:600;
  • font-size:1.2em;
}
.qualif{
  • max-width:100px;
  • text-align:center;
  • font-size:smaller;
}
.info-admin{
  • border:1px solid var(--neutral-color);
  • opacity:.7;
  • margin-top:1em;
  • padding:1em;
}

.info-ressource {
  • padding: 2em 3em;
  • border: 5px solid var(--secondary-color-2);
  • margin: 0 2em 1em 2em;
}
.field-description{margin-bottom:3em;}
.yeswiki-iframe-body{background-color:white;}

/ Style des fiches experience/
.img-id9{
  • display: block;
  • margin-left: auto;
  • margin-right: auto;
  • max-width:100%;
  • height:auto;
}
.section-flex{

  • padding:1em;
  • display:flex;

  • align-items: flex-start;
}

.col-titre{
  • text-transform:uppercase;
  • text-align:center;
  • min-width:200px;
  • font-weight:600;
  • font-size:1.2em;
}
.col-titre h3{color:var(--secondary-color-1);}
.col-texte{
  • text-align:justify;
}

.small{margin-bottom:-3rem;margin-top:-2rem;}

.info-experience {
  • padding: 2em 2em;
  • border: 5px solid var(--secondary-color-1);
  • margin: 0 auto 2em auto;
  • width:fit-content;
  • /
    • /
}

@keyframes scroll {

  • 0% { opacity: 0; }
  • 30% { transform: translateY(0); opacity: .5; }
  • 90% { transform: translateY(15px); opacity: 1;}
  • 100% { transform: translateY(20px); opacity: 0;}


}
}
.icon-action {

  • font-size: 4em;
  • 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;

}



.col-flex{display: flex;

  • flex-wrap: wrap;
  • justify-content: space-evenly;
  • align-items: center;
  • gap:2em;

}

.bloc-solution{width:300px;height:300px;background-blend-mode: overlay;}

section.bloc-solution:hover{width:300px;height:300px;background-blend-mode: normal;}

.c4-izmir figcaption {

  • font-size: 1.5em;
  • color: #fff;
  • background-color: rgba(17, 20, 17, 0.27);
  • opacity: 1;}
  • .intro{width:auto;}
  • .logo-footer img{height:130px;width:auto;}
/ Taille du logo dans la barre de menu /
#yw-topnav .navbar-brand img {
  • max-height: 4.2rem;}
.navbar-brand { padding: 10px 15px;}

/ Hauteur de la barre de menu /
#yw-topnav { padding-bottom: 20px;}

#yw-topnav .container .navbar-nav {margin-top:5px}

/ Taille des liens de la barre de menu /
#yw-topnav .links-container .nav a {
  • font-size: 1.2rem;
  • text-transform: uppercase;
}

.img-colored section {
  • background-color: var(--secondary-color-1);
    • background-blend-mode: soft-light;
}