html, body {
    margin: 0;
    padding-right: 1%;
    padding-left: 1%;
    min-height: 100vh;
    background-color: #F5F5F5 !important;
}

.btn-orange
{
    background-color: #ff7960 !important;
    color: white !important;
}

.btn-orange:hover
{
    background-color: #fd5538 !important;
}

.btn-whiteBorder
{
    background-color: white !important;
    border-color: #ff7960 !important;
    border-width: 2px !important;
    font-size: larger !important;
}

.nav-item :hover
{
    background-color: #ff7960 !important;
    border-radius: 15px;
}

.sideBar-item:hover
{
    background-color: #dddddd !important;
    border-radius: 15px;
}

.communaute
{
    border-color: #ff7960!important;
    color: #ff7960!important;
}

.communaute:hover
{
    color: white!important;
    background-color: #ff7960!important;
}

.content
{
    background-color: white!important;
}

.callapsedSidebar
{
    background-color: #ff7960;
    width: 150px;
}

.btn-outline-secondary
{
    background-color: white!important;
    border-color: #ff7960!important;
    color: #ff7960!important;
}

.btn-outline-secondary:hover
{
    background-color: #ff7960!important;
    border-color: #ff7960!important;
    color: white!important;
}

.link-orange
{
    text-decoration: none;
    color: #ff7960;
}

.link-orange:hover
{
    color:#fd5538!important;
    border-bottom: 0.1rem solid;
}

.pointer
{
    cursor: pointer;
}

.editor {
    height: 50vh!important;
    overflow-y: scroll;
}

.color-consult
{
    color:#ff8975!important;
}

.backgroundColor-consult
{
    background-color:#ff8975!important;
}

.content-size{
    max-height:50vh;
    overflow-y:scroll;
}

.border-orange{
    border-color: #ff8975!important
}

.checkConsult:checked{
	background-color:#ff8975!important;
	border-color:#ff8975!important;
}

.consult-card:hover
{
    background-color: whitesmoke;
    border: solid 1px;
}

.color-outil
{
    color: #7973E0;
}

.color-ressource
{
    color: #FC7492;
}

.menuLink
{
    color: #ff7960;
    text-decoration: none;
}

.menuLink:not(.partial-border):hover
{
    color:#fd5538!important;
    border-bottom: solid;
    background-color: rgb(245, 245, 245);
}

.menuLink:focus
{
    color:#fd5538!important;
    border-bottom: solid;
    background-color: rgb(245, 245, 245);
}

.form-check-input:checked {
    background-color: #ff7960 !important;
    border-color: #ff7960 !important;
}

.saveBottomDiv {
    background-color: #262c40;
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 1000;
}

.conteneur-import {
    display: flex;
    align-items: baseline;
    gap: 20px;
    margin-bottom: 15px;
}

.lib-conteneur-import {
    display: flex    ;
    align-items: end;
    gap: 10px;
    margin-bottom: 5px;
}
.btn-info-import {
    display: flex;
    align-items: center;
}

/*************************************************************************************************************/
/*                                          Rewrite QuillJS css                                              */
/*************************************************************************************************************/
.ql-align-center {
    text-align: center;
}

.ql-align-justify {
    text-align: justify;
}

.ql-indent-1 {
    padding-left: 3em;
}

.nav-element .dropdown-menu {
    top: 70% !important;
    }


.dropdown-menu {
    gap: 24px;
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 /12%) ;
    border: none !important;
    z-index: 10000 !important;
}

.titrePageCadre {
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    max-width:fit-content;
    border: 3px solid #ff7960;
}

body > footer {
  position: sticky;
  top: 100vh;
  padding: 10px;
}

.btn-outline-orange {
    border-color: #ff7960 !important;
    color: #ff7960 !important;
}

.btn-outline-orange:hover {
    background-color: #ff7960 !important;
    color: white !important;
}

.btn-outline-orange.active {
    background-color: #ff7960 !important;
    color: white !important;
}

.notifText :hover {
    background-color: whitesmoke;
}