#navigation {
    height: 35px;
}

#header-gradient {
    background-image: linear-gradient(90deg, rgb(196, 21, 50) 0%, rgb(65, 22, 93) 100%);
    padding-bottom: 30px;
    padding-top: 45px;
}

#logo {
    position: absolute;
}

#logo svg {
    position: absolute;
    top: -3.625rem;
    left: 4.875rem;
    filter: drop-shadow(2px 2px 3px #888);
    width: 205px;
    height: 125px;
}

#logo img {
    position: absolute;
    top: 1.375rem;
    left: 8.875rem;
    width: 125px;
    image-rendering: high-quality;
}

#poly1 {
    opacity: 1;
}

#nom-site {
    position: relative;
    left: 275px;
    top: 8px;
    width: 200px;
    font-size: 20px;
    line-height: 22px;
    color: #C41532;
}

/* MON COMPTE */
#mon-compte {
    position: relative;
    top: -22px;
    min-width: 110px;
    height: 35px;
    margin: 0px !important;
    padding: 6px 12px !important;
    box-shadow:none;
    border:none;
    border-radius: 0px;
    color: #fff !important;
    background-color: #C41532;
    font-weight: normal !important;
    text-shadow: none;
}

#mon-compte:hover,
#mon-compte:active,
#mon-compte:focus {
    background-color: #9F061E !important;
}

.mon-compte-menu {
    top: 29%;
    border-radius: 0px;
}

.mon-compte-menu.dropdown-menu > li > a:hover,
.mon-compte-menu.dropdown-menu > li > a:focus {
    color: #C41532;
    background-color: #FFF;
}

.pull-right > .mon-compte-menu {
    right: -1px;
}

a:link, a:visited > .mon-compte-menu {
    text-decoration: none;
}


/* MES PROFILS */
#mes-profils {
    overflow: hidden;
    margin: 0px !important;
    padding: 6px 12px !important;
    position: relative;
    top: -22px;
    height: 35px;
    box-shadow:none;
    border:none;
    border-radius: 0px;
    color: #41165D !important;
    background-color: #FFF;
    font-size: 10px;
    font-weight: normal !important;
    text-shadow: none;
}

#mes-profils:hover {
    background-color: #F9F7FB;
}

.multi-profils-menu.dropdown-menu > li > a:hover,
.multi-profils-menu.dropdown-menu > li > a:focus {
    color: #41165D;
    background-color: #FFF;
}

.pull-right > .multi-profils-menu {
    right: 484px;
    top: 32px;
}

.multi-profils-menu {
    border-radius: 0px;
}


/* IMILO */
#jeune-imilo {
    position: relative;
    top: -22px;
    min-width: 110px;
    height: 35px;
    margin: 0px !important;
    padding: 6px 12px !important;
    box-shadow:none;
    border:none;
    border-radius: 0px;
    color: #fff !important;
    background-color: #41165D;
    font-weight: normal !important;
    text-shadow: none;
}

#jeune-imilo:hover {
    background-color: #41165D !important;
    border: none !important;
    box-shadow: none !important;
    cursor: default;
}


/* DESCRIPTION */
#description-site {
    position: relative;
    left: 315px;
    color: #fff;
    line-height: 25px;
    font-size: 25px;
    width: 585px;
}

/* MENU NAVIGATION */
#menu-navigation {
    margin-left: 50px;
}
#menu-navigation div.btn-group {
    width: 100%;
}

#menu-navigation button.btn {
    box-shadow: none;
}


/* BOUTONS */
a.btn-purple-outline {
    color: #5C3477;
    background-color: #fff;
    border-color: #5C3477
}
a.btn-purple-outline:hover,
a.btn-purple-outline:focus,
a.btn-purple-outline:active {
    color: #fff;
    background-color: #5C3477;
    border-color: #41165D
}

a.btn-red {
    color: #fff;
    background-color: #C41532;
    border-color: #9F061E
}

a.btn-red:hover,
a.btn-red:focus,
a.btn-red:active {
    color: #fff;
    background-color: #9F061E;
    border-color: #9F061E
}

a.btn-red-outline {
    color:#C41532;
    background-color:#fff;
    border-color:#C41532
}
a.btn-red-outline:hover,
a.btn-red-outline:focus,
a.btn-red-outline:active {
    color: #fff;
    background-color: #C41532;
    border-color: #9F061E
}


div#menu_principal {
    background-color: #ededed;
    padding: 12px 0;
}


.contribution-offre-info {
    padding: 5px 25px 0 0;
    margin-top: -8px;
}

#logo-offre-info {
    width: 85px;
}