:root {
#yw-topnav li a:hover,#yw-topnav li a:focus, #yw-topnav li a:active, #yw-topnav li.active a.active-link , #yw-topnav li.active a.active-link:hover {
background:transparent;
color:var(--vert-pomme) !important;
font-weight:500;
}
.equal-columns ul {
#yw-topnav li.active a::after {
h1,h2,h3,h4,h5,h6 {color:var(--ardoise);}
h1 {
h2 {
h3 {
h4 {
.ardoise {color:var(--ardoise);}
.vert-pomme {color:var(--vert-pomme);}
.vert-d-eau {color:var(--vert-d-eau);}
.terracotta {color:var(--terracotta);}
.ble {color:var(--ble);}
.pomme-pale {color:var(--pomme-pale);}
.peche-pale {color:var(--peche-pale);}
.bleu-nuit {color:var(--bleu-nuit);}
.gris-bleu {color:var(--gris-bleu);}
.gris {color:var(--gris);}
.gris-clair {color:var(--gris-clair);}
.incarnat {color:var(--incarnat);}
.vert-citron {color:var(--vert-citron);}
.hover-ardoise:hover { box-shadow: 0px 0px 10px var(--ardoise) !important;border-color: var(--ardoise) !important;}
.hover-vert-pomme:hover { box-shadow: 0px 0px 10px var(--vert-pomme) !important;border-color: var(--vert-pomme) !important;}
.hover-vert-d-eau:hover { box-shadow: 0px 0px 10px var(--vert-d-eau) !important; border-color: var(--vert-d-eau) !important;}
.hover-terracotta:hover { box-shadow: 0px 0px 10px var(--terracotta) !important;border-color: var(--terracotta) !important;}
.hover-ble:hover { box-shadow: 0px 0px 10px var(--ble) !important;border-color: var(--ble) !important;}
.hover-pomme-pale:hover { box-shadow: 0px 0px 10px var(--pomme-pale) !important;border-color: var(--pomme-pale) !important;}
.hover-peche-pale:hover { box-shadow: 0px 0px 10px var(--peche-pale) !important;border-color: var(--peche-pale) !important;}
.hover-bleu-nuit:hover { box-shadow: 0px 0px 10px var(--bleu-nuit) !important;border-color: var(--bleu-nuit) !important;}
.hover-gris-bleu:hover { box-shadow: 0px 0px 10px var(--gris-bleu) !important;border-color: var(--gris-bleu) !important;}
.hover-gris:hover { box-shadow: 0px 0px 10px var(--gris) !important;border-color: var(--gris) !important;}
.hover-gris-clair:hover { box-shadow: 0px 0px 10px var(--gris-clair) !important;border-color: var(--gris-clair) !important;}
.hover-incarnat:hover { box-shadow: 0px 0px 10px var(--incarnat) !important;border-color: var(--incarnat) !important;}
.hover-vert-citron:hover { box-shadow: 0px 0px 10px var(--vert-citron) !important;border-color: var(--vert-citron) !important;}
.font-geomanist {
.font-ubuntu {
.font-arial {
.contained {
max-width:800px;
margin:0 auto;
}
.contained p {
.navigation {
padding: 0.5em 0;
}
.form-help {display:none}
.navigation .logo {
.logo img {
.style-vertical .bazar-card {
.neg-margin-top {
.center-on-small {}
.green-title h1,.green-title h2, .green-title h3 {
.margimg-top h2 {margin-top:-.25em;}
html,body {width:100%; margin:0;}
:root {
.btn, .btn:hover, .btn:active, .btn:focus, .btn:active:focus {
.btn-sm {
.btn-round {
.btn-round:hover {
.btn-primary {
.btn-primary:hover {
.footer-logos {
.btn-link {
.btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link:active:focus {
.footer-links {
.footer-links ul {
margin:0;
padding:0;
list-style:none;
}
.footer-links li {
margin:0 0 .5em 0;
padding:0;
font-weight: 400;
font-size: .9em;
line-height: 1.4;
}
.footer-links a { font-weight:normal;}
.white-border-right {
hr {
.bazar-cards-container.nbcol-4 .bazar-card .title-area, .bazar-cards-container.nbcol-5 .bazar-card .title-area {
.bazar-card .text-area {
.style-vertical .bazar-card .visual-area {
.style-vertical .bazar-card .text-area::after {
.style-vertical .bazar-card {
.nav-stacked .attached_file {
.nav-stacked h3 {
.step {
.date-title {
.decal img {
.decal.left {
.phases, .phases h2 {
.panel {
.panel-info > .panel-heading {
.panel-secondary-1 > .panel-heading {
.panel-warning > .panel-heading {
.panel-success > .panel-heading {
.panel-secondary-2 > .panel-heading {
.panel-danger > .panel-heading {
.form-group.wiki-textarea .control-label {
.thumbnail:hover, .thumbnail:active, .thumbnail:focus {
.form-control::placeholder {
/Module Classement/
.titre_type_fiche,
.export-table-container,
.import-table-container h4,
.import-table-container .remove-page-item
{display:none !important}
.import-table-container [type="checkbox"] + span:not(.lever)::before, [type="checkbox"] + span:not(.lever)::after {
.import-table-container {
.range-wrap input[type="range"] {
.form-group .control-label {
.well {
.form-group.range .control-label {
/
#yw-topnav .dropdown-menu a:hover, #yw-topnav .dropdown-menu a:focus {
background: transparent;
font-weight: bold;
}
- -ardoise: #5a596b;
- -bleu-nuit:#001b3f;
- -checkbox-color: var(--ardoise);
#yw-topnav li a:hover,#yw-topnav li a:focus, #yw-topnav li a:active, #yw-topnav li.active a.active-link , #yw-topnav li.active a.active-link:hover {
background:transparent;
color:var(--vert-pomme) !important;
font-weight:500;
}
.equal-columns ul {
- padding:0;
#yw-topnav li.active a::after {
- right: 15px;
- width: 20px;
h1,h2,h3,h4,h5,h6 {color:var(--ardoise);}
h1 {
- color: var(--ardoise);
- font-size: 2.5rem;
- text-align: center;
- line-height: 1.2em;
h2 {
- font-size:2rem;
- color:var(--vert-pomme);
- margin-top: 1em;
h3 {
- font-size:1.8rem;
- color:var(--bleu-nuit);
- margin: 0;
h4 {
- color:var(--bleu-nuit);
.ardoise {color:var(--ardoise);}
.vert-pomme {color:var(--vert-pomme);}
.vert-d-eau {color:var(--vert-d-eau);}
.terracotta {color:var(--terracotta);}
.ble {color:var(--ble);}
.pomme-pale {color:var(--pomme-pale);}
.peche-pale {color:var(--peche-pale);}
.bleu-nuit {color:var(--bleu-nuit);}
.gris-bleu {color:var(--gris-bleu);}
.gris {color:var(--gris);}
.gris-clair {color:var(--gris-clair);}
.incarnat {color:var(--incarnat);}
.vert-citron {color:var(--vert-citron);}
.hover-ardoise:hover { box-shadow: 0px 0px 10px var(--ardoise) !important;border-color: var(--ardoise) !important;}
.hover-vert-pomme:hover { box-shadow: 0px 0px 10px var(--vert-pomme) !important;border-color: var(--vert-pomme) !important;}
.hover-vert-d-eau:hover { box-shadow: 0px 0px 10px var(--vert-d-eau) !important; border-color: var(--vert-d-eau) !important;}
.hover-terracotta:hover { box-shadow: 0px 0px 10px var(--terracotta) !important;border-color: var(--terracotta) !important;}
.hover-ble:hover { box-shadow: 0px 0px 10px var(--ble) !important;border-color: var(--ble) !important;}
.hover-pomme-pale:hover { box-shadow: 0px 0px 10px var(--pomme-pale) !important;border-color: var(--pomme-pale) !important;}
.hover-peche-pale:hover { box-shadow: 0px 0px 10px var(--peche-pale) !important;border-color: var(--peche-pale) !important;}
.hover-bleu-nuit:hover { box-shadow: 0px 0px 10px var(--bleu-nuit) !important;border-color: var(--bleu-nuit) !important;}
.hover-gris-bleu:hover { box-shadow: 0px 0px 10px var(--gris-bleu) !important;border-color: var(--gris-bleu) !important;}
.hover-gris:hover { box-shadow: 0px 0px 10px var(--gris) !important;border-color: var(--gris) !important;}
.hover-gris-clair:hover { box-shadow: 0px 0px 10px var(--gris-clair) !important;border-color: var(--gris-clair) !important;}
.hover-incarnat:hover { box-shadow: 0px 0px 10px var(--incarnat) !important;border-color: var(--incarnat) !important;}
.hover-vert-citron:hover { box-shadow: 0px 0px 10px var(--vert-citron) !important;border-color: var(--vert-citron) !important;}
.font-geomanist {
- font-family:geomanist;
.font-ubuntu {
- font-family:ubuntu;
.font-arial {
- font-family:Arial;
.contained {
max-width:800px;
margin:0 auto;
}
.contained p {
- margin: 0 0 0.7em;
.navigation {
padding: 0.5em 0;
}
.form-help {display:none}
.navigation .logo {
- width: 180px;
- height: 78px;
- margin-top: -24px;
.logo img {
- width: 100%;
.style-vertical .bazar-card {
- background-color: #fff;
.neg-margin-top {
- padding: 2rem 0;
- margin-top: -21px;
.center-on-small {}
.green-title h1,.green-title h2, .green-title h3 {
- color:var(--primary-color);
.margimg-top h2 {margin-top:-.25em;}
html,body {width:100%; margin:0;}
:root {
- -main-bg-color: #FFF;
- -footer-bg-color: var(--bleu-nuit);
- -neutral-soft-color: #8ca0a0;
- -neutral-color: #001b3f;
.btn, .btn:hover, .btn:active, .btn:focus, .btn:active:focus {
- font-family:Arial, sans-serif !important;
.btn-sm {
- font-size: 14px !important;
.btn-round {
- border-radius: 1.5em;
- text-transform: uppercase;
- padding: .75em 2em;
- font-size: 1.15em;
.btn-round:hover {
- border-radius: 1.5em !important;
.btn-primary {
- color:white;
.btn-primary:hover {
- color:white !important;
- background-color: #9cb516;
- border-color: #9cb516;
- font-family: Arial, sans-serif;
.footer-logos {
- display: grid;
- grid-template-columns: 120px 120px;
- justify-items: center;
- width: 240px;
- margin: 0 auto;
- align-items: center;
- grid-gap:1em;
.btn-link {
- font-size: inherit;
- padding: 0;
- display: inline-block;
- font-family: inherit !important;
- font-weight: normal;
- margin: 0;
- line-height: inherit;
- vertical-align: bottom;
.btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link:active:focus {
- font-family: inherit !important;
.footer-links {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
- justify-items: center;
- max-width: 930px;
- margin: 0 auto;
- text-align:left;
- grid-gap: 2em;
.footer-links ul {
margin:0;
padding:0;
list-style:none;
}
.footer-links li {
margin:0 0 .5em 0;
padding:0;
font-weight: 400;
font-size: .9em;
line-height: 1.4;
}
.footer-links a { font-weight:normal;}
.white-border-right {
- border-right: 1px white solid;
hr {
- border-top: 2px solid var(--ardoise);
- width: 20vw;
- clear:both;
.bazar-cards-container.nbcol-4 .bazar-card .title-area, .bazar-cards-container.nbcol-5 .bazar-card .title-area {
- font-size: 1.25rem;
.bazar-card .text-area {
- color: var(--ardoise);
- font-weight: normal;
.style-vertical .bazar-card .visual-area {
- max-width: 250px;
- border-radius: 0;
.style-vertical .bazar-card .text-area::after {
- content: none;
.style-vertical .bazar-card {
- border-radius: 0;
.nav-stacked .attached_file {
- width: 40px;
- background: white;
.nav-stacked h3 {
- margin-top: 0;
- margin-bottom: 0;
- color:var(--primary-color);
.step {
- display: grid !important;
- grid-template-columns: 40px auto;
- grid-gap: .5em;
- color: var(--ardoise);
- font-weight: normal;
.date-title {
- font-size: 1.2em;
- font-weight: lighter;
- margin-top: -.75em;
.decal img {
- width: 500px;
- object-fit: cover;
.decal.left {
- margin: 0 2em 28px -100px;
.phases, .phases h2 {
- margin-top:0;
- padding-top:0;
.panel {
- min-height: 307px;
- border-radius: 0;
- border: none;
.panel-info > .panel-heading {
- background-color: var(--bleu-nuit);
- opacity: 1;
- border: none;
.panel-secondary-1 > .panel-heading {
- background-color: var(--incarnat);
- border: none;
.panel-warning > .panel-heading {
- background-color: var(--vert-citron);
- border: none;
.panel-success > .panel-heading {
- background-color: var(--primary-color);
- border: none;
.panel-secondary-2 > .panel-heading {
- background-color: var(--vert-d-eau);
- border: none;
.panel-danger > .panel-heading {
- background-color: var(--terracotta);
- border: none;
.form-group.wiki-textarea .control-label {
- top: 0.7rem !important;
- left: 2.2rem !important;
- }
- font-size: .9em;
.thumbnail:hover, .thumbnail:active, .thumbnail:focus {
- text-decoration: none;
- border-color:transparent;
.form-control::placeholder {
- color: #999;
- opacity: 0;
/Module Classement/
.titre_type_fiche,
.export-table-container,
.import-table-container h4,
.import-table-container .remove-page-item
{display:none !important}
.import-table-container [type="checkbox"] + span:not(.lever)::before, [type="checkbox"] + span:not(.lever)::after {
- content: none;
- }
- border: none;
- background: #f9f9f9;
- max-height: 450px !important;
.import-table-container {
- width: 100% !important;
.range-wrap input[type="range"] {
- padding-bottom: 0;
.form-group .control-label {
- font-size: 1em !important;
.well {
- max-height: 620px !important;
- padding: 0;
.form-group.range .control-label {
- top: -1.2em !important;
- left: 6px !important;
/
- background: var(--primary-color);
- margin-top: 15px;
- color: var(--neutral-light-color); */
- color: var(--neutral-color);
#yw-topnav .dropdown-menu a:hover, #yw-topnav .dropdown-menu a:focus {
background: transparent;
font-weight: bold;
}