body
{
    /* background: rgb(253, 253, 253); */
    font-family: "Helvetica Neue", "Arial", "Helvetica", "sans-serif";
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 50px;
    margin-bottom: 50px;
}


.custom-a
{
    text-decoration: none;
}
.red-color
{
    color: rgb(194, 148, 11);
}

.custom-ul li
{
    list-style-type: none;
}
.custom-ul li:before {
    content: "• ";
    font-size: 1.4em;
    position: relative;
    top: 5px;
}

.comment-bloc
{
    background: white;
    border-radius: 30px;
    box-shadow: 0px 0px 10px rgb(217, 217, 217); ;
}
.comment-bloc .img_comment
{
    width:60px;
    border-radius: 40px;
}

.comment-bloc .rating_bloc
{
    line-height : 1em;
}

.comment-bloc .comment_description
{
    font-size: 0.8em;
}

/* Media query */
@media only screen and (max-width: 1000px) and (min-width: 601px) {
    body {
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
}


@media only screen and (max-width: 1025px) and (min-width: 601px) {
    body {
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 600px) {
    body {
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 50px;
        margin-bottom: 50px;
    }  

    #logo_pass_protect
    {
        width:35%;
    }

    .custom-a-xs img {
        width: 35%;
    }

    .icon-inside-xs
    {
        width: 50%;
        margin:auto;
    }

    .col-inside-xs
    {
        padding-left: 18px !important;
        padding-right: 18px !important;
        text-align: center;
    }

    .col-inside-xs .custom-ul
    {
        text-align: start;
    }

    .accordion-item>h2, .accordion-item .accordion-body
    {
        padding-left: 15px !important;
        padding-right: 5px !important;
    }
    .btn-outline,
.btn-outline:hover {
  border-color: currentcolor;
}

.btn-outline {
  border-radius: var(--border-radius);
}

.btn-outline:hover {
  box-shadow: inset 0 0 0 20rem var(--darken-1);
}

.btn-outline:active {
  box-shadow: inset 0 0 0 20rem var(--darken-2),
    inset 0 3px 4px 0 var(--darken-3),
    0 0 1px var(--darken-2);
}

.btn-outline:disabled,
.btn-outline.is-disabled {
  opacity: .5;
}

}