/*************************
 ADAPTATION DE L'EXISTANT
 *************************/

body {
    background-color: #F7F6F9 !important;
}

#conteneur {
    width: 1500px !important;
}


/******************
  NOUVELLES RÈGLES
 ******************/

/** TOP **/
#top {
    height: 110px;
}

#logo-rafael-pro {
    width: 400px;
}

#top button {
    min-width: 142px;
    height: 48px;
    top: 0px;
    margin-top: 29px !important;
    margin-right: 23px !important;
    padding-top: 0px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-bottom: 0px !important;
    border-radius: 5px;
    box-shadow: 0px 5px 5px 0px lightgrey;
    font-family: var(--font-mulish) !important;
    font-size: medium;
    font-weight: bold !important;
}

#top button#mon-compte,
#top button#mes-profiles {
    padding-right: 45px !important;
}

#top button#mon-compte:after,
#top button#mes-profiles:after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 12px;
    height: 12px;
    margin: 0;
    border: 0;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-50%) rotate(-45deg);
    transition: transform 0.2s ease;
    pointer-events: none;
}

#top .dropdown.open > button#mon-compte:after,
#top .dropdown.open > button#mes-profiles:after {
    transform: translateY(-65%) rotate(45deg);
}

#top div.dropdown button#mon-compte {
    background-color: var(--violet);
    color: var(--blanc) !important;
}

#top div.dropdown button#mon-compte:hover {
    background-color: var(--corail) !important;
    color: var(--violet) !important;
}

#top div.dropdown button#mon-compte:focus,
#top div.dropdown button#mon-compte:active {
    background-color: var(--rose) !important;
    color: var(--violet) !important;
}

#top div.dropdown button#mes-profiles {
    border: 2px solid var(--violet) !important;
    background-color: var(--violet) !important;
    color: var(--blanc) !important;
}

#top div.dropdown button#mes-profiles:hover {
    background-color: var(--corail) !important;
    color: var(--violet) !important;
    border: 2px solid var(--corail) !important;
}

#top div.dropdown button#mes-profiles:active,
#top div.dropdown button#mes-profiles:focus {
    background-color: var(--rose) !important;
    color: var(--violet) !important;
    border: 2px solid var(--rose) !important;
}

#top div.dropdown ul.dropdown-menu {
    top: 98% !important;
    right: 22px;
    padding: 0px !important;
    border-radius: 5px;
    background-color: var(--violet-tres-tres-clair);
}

#top div.dropdown ul.dropdown-menu li {
    min-width: 300px;
    margin: 1px;
    border-radius: 5px;
    background-color: var(--violet);
}

#top div.dropdown ul.dropdown-menu li:hover {
    background-color: var(--corail) !important;
}

#top div.dropdown ul.dropdown-menu li a {
    padding-top: 10px;
    padding-bottom: 15px;
    color: var(--blanc) !important;
    border-radius: 5px;
    font-weight: bold;
}

#top div.dropdown ul.dropdown-menu li a:hover {
    color: var(--violet) !important;
    background-color: var(--corail) !important;
}


/** ENCART PRINCIPAL **/
#encart-principal {
    height: 405px;
    background-color: var(--violet);
}

#encart-principal-texte {
    width: 1025px;
    float: left;
    padding-top: 46px;
    padding-left: 90px;
    padding-right: 190px;
    color: var(--blanc);
}

#encart-principal-texte span#jeune-imilo,
#encart-principal-texte span#jeune-imilo:hover,
#encart-principal-texte span#jeune-imilo:active,
#encart-principal-texte span#jeune-imilo:focus {
    display: inline;
    padding: 10px 20px;
    background-color: #F7D800;
    color: var(--violet);
    font-size: 16px;
    font-weight: bold;
}

#encart-principal-texte h1 {
    color: var(--blanc) !important;
    font-family: var(--font-mulish);
    font-size: 50px !important;
    line-height: normal !important;
    margin-bottom: 25px;
}

#encart-principal-texte p {
    color: var(--blanc) !important;
    font-family: var(--font-mulish);
    font-size: 16px !important;
}

#encart-principal-image {
    float: left;
}

#encart-principal-image img {
    max-width: 475px;
}


/** MENU SECTIONS **/
#menu-sections {
    height: 125px;
    padding-top: 40px;
    background-color: var(--blanc);
    text-align: center;
}

#menu-sections a.section-site {
    min-width: 142px;
    height: 48px;
    top: 0px;
    margin-right: 23px !important;
    padding-top: 10px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-bottom: 0px !important;
    border: thin solid var(--violet) !important;
    border-radius: 5px;
    box-shadow: 0px 5px 5px 0px lightgrey;
    font-family: var(--font-mulish);
    font-size: medium;
    font-weight: bold !important;
    background-color: var(--violet) !important;
    color: var(--blanc) !important;
}

#menu-sections a.section-site:hover,
#menu-sections a.section-site:active,
#menu-sections a.section-site:focus {
    background-color: var(--corail) !important;
    border: thin solid var(--corail) !important;
    color: var(--violet) !important;
}

#menu-sections a.section-site.section-site-active {
    background-color: var(--rose) !important;
    border: thin solid var(--rose) !important;
    color: var(--violet) !important;
}

#menu-sections div.encart-offre-info {
    float: right;
    padding-right: 15px;
}