@charset "UTF-8";
:root {
  --bg-color: var(--hex-gs-01);
  --text-color: var(--hex-gs-13);
  --logo-color: var(--hex-gs-13);
  --logos-color: var(--hex-gs-15);
  --header-bg-color: var(--hex-gs-05);
  --footer-bg-color: var(--hex-gs-04);
  --btn-txt-color: var(--hex-gs-16);
  --btn-bg-color: var(--hex-gs-05);
  --shadow-color: var(--rgb-gs-00); /* RGB */
  --accent-color: #FF0000;
  --accent-color-1: #FF3400;
  --accent-color-2: #203B3C;
  --header-color-1: var(--hex-gs-13);
  --header-color-2: var(--hex-gs-08);
  --header-color-3: var(--hex-gs-06);
  --header-color-4: var(--hex-gs-05);
  --menu-hover-bg: var(--rgb-gs-02);
  --a-color: var(--hex-gs-16);
  --dt-color: var(--hex-gs-09);
  --rgb-clients: var(--rgb-gs-03);
  --partenaires-bg-color: var(--hex-gs-07);
}
#intro {
  background: 
    radial-gradient(circle at 40% 26%, rgba(var(--rgb-gs-05), 0.5), rgba(var(--shadow-color), 0.3)),
    linear-gradient(rgba(var(--rgb-gs-05), 0.7), rgba(var(--shadow-color), 0) 3.36%),
    linear-gradient(rgba(var(--rgb-gs-05), 0.7), rgba(var(--shadow-color), 0) 100%), 
    linear-gradient(to bottom, rgba(var(--rgb-gs-01), 0), rgba(var(--rgb-gs-01), 1) 150%),
    url('noise.png') 
    var(--hex-gs-05);
  background-size: auto, auto, auto, auto, 50px 50px;
}
.menu {
  background: 
    radial-gradient(circle at 0 0, rgba(var(--rgb-gs-07), 0.5), rgba(var(--shadow-color), 0.3)),
    radial-gradient(circle at 100% 100%, rgba(var(--rgb-gs-07), 0.5) 78.57%, rgba(var(--shadow-color), 0.3)),
    url('noise.png') var(--bg-color);
  box-shadow: 24px 10px 22px -12px rgba(var(--shadow-color), 0.6);
}
.partenaires p a {
  background: 
    radial-gradient(circle at 0 0, rgba(var(--rgb-gs-07), 0.5), rgba(var(--shadow-color), 0.3)),
    radial-gradient(circle at 100% 100%, rgba(var(--rgb-gs-07), 0.5), rgba(var(--shadow-color), 0.3))
    var(--hex-gs-05);
}