@charset "UTF-8";
:root {
    --main-bgcolor:#0F273A;
    --main-color:#fff;
    --secondary-bgcolor:#FBD600;
    --secondary-color:#000;
}

a/*, button, .bouton*/ {
    color:#0F273A;
}

/*a:hover, button:hover, .bouton:hover*/ {
    color:#FBD600;
}

.graph .valeur {
    color:#0F273A;
}

.navigation nav a:before {
    background-color:#000;
}

.navigation nav .actif a:before {
    background-color:#fff;
}

::-moz-selection { /* Code for Firefox */
    background: #0F273A;
}

::selection {
    background: #0F273A;
    color:#fff;
}

a::-moz-selection { /* Code for Firefox */
    background: #0F273A;
    color:#fff;
}

a::selection {
    background: #0F273A;
    color:#fff;
}

.titre-page:before {
    color: #fff;
    background-color: #0F273A;
}

footer {
    background-color: #0F273A;
    color: #fff;
}

footer a {
    color: #fff;
}

footer .reseaux-sociaux svg path {
    fill: #fff;
}

.titre-page h1 {
    color: #fff;
}

.pagination > span, .pagination > a {
    border-color: #FBD600;
    color: #FBD600;
}

.pagination > span:hover, .pagination > a:hover, .pagination .actif {
    border-color: #0F273A;
    color: #0F273A;
}

.formulaire-auto-conteneur input[type=radio] + .formulaire-auto-etoile.checked path:first-child{
    fill:#0F273A;
}

.formulaire-auto-conteneur input[type=checkbox], .formulaire-auto-conteneur input[type=radio] {
    color: #0F273A;border-color: #0F273A;
}
.formulaire-auto-conteneur input[type=checkbox]:after, .formulaire-auto-conteneur input[type=radio]:after {
    background-color: #0F273A;
}

.navigation .titre-site {
    color: #fff;
}

.navigation a {
    color: #000;
}

.navigation .actif a {
    color: #fff;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="tel"] {
    color:#0F273A;
}

.formulaire-auto-conteneur .titre-question {
    border-color: #0F273A;
}

#produits-resultats-recherche .produit-resultat {
    border-color: #0F273A;
    background: #0F273A;
    height: 440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
    transition: all 0.5s;
}

#produits-resultats-recherche .produit-resultat:hover {
    transform: scale(1.05);
    transition: all 0.5s;
}

.panier .etapes {
    color: #0F273A;
    border-color: #0F273A;
}

.panier .etapes .actif {
    border-color: #0F273A;
    color: #0F273A;
}

.panier-image a {
    border-color:#0F273A;
}

.panier-image .nom-produit {
    color:#0F273A;
}

.titre-categorie{
    padding: 10px;
    background-color: #0F273A;
    color: #fff;
}

option {
    color: #0F273A;
}

#label-cv{
    color: #0F273A;
    border: 2px solid #0F273A;
}

.section-ouverture:not(:first-child) {
    border-left: 1px solid #0F273A;
}

.entete .bg-color {
    background-color:#0F273A;
}

/* PERSONNALISATION */
.navigation .menu {
    background-color:#0F273A;
}

.navigation input, .navigation input:focus {
    border-bottom-color:#fff;
}

.navigation .menu:before, .navigation .menu span, .navigation .menu:after {
    background-color:#fff;
}

.navigation nav {
    background-color:#0F273A;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #0F273A;
    opacity:0.99;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #0F273A;
    opacity:0.99;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #0F273A;
    opacity:0.99;
}
:-moz-placeholder { /* Firefox 18- */
    color: #0F273A;
    opacity:0.99;
}

.navigation input {
    color:#fff;
}

.navigation input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
    text-transform:uppercase;
}
.navigation input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
    text-transform:uppercase;
}
.navigation input:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
    text-transform:uppercase;
}
.navigation input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    text-transform:uppercase;
}

.navigation nav .formulaire-recherche:after {
    background-color:#fff}
