body {
    margin: 0;
    font-family: Arial, sans-serif;
}

img {
    border-style: none;
}

.openpopinml {
    cursor: pointer;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.reglement-wrapper {
    color: #000;
    max-width: 80em;
    width: 100%;
    margin: 0 auto;
    padding: 0 2em 2em;
    text-align: justify;
}

.reglement-wrapper table {
    margin-top: 10px;
}

.reglement-wrapper table, .reglement-wrapper th, .reglement-wrapper td {
    border: 0.5px solid black;
    padding: 3px;
}

.reglement-wrapper .reglement-border {
    border: .2em solid #000;
    padding: 1em 1em 0;
    margin-bottom: 1em;
}

.reglement-wrapper .reglement-bigTitle {
    font-size: 2.2em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 3em auto 5em;
}

.reglement-wrapper .reglement-txt {
    font-size: 1.4em;
    line-height: normal;
    font-weight: 100;
    text-transform: none;
    margin-bottom: 1em;
}

.reglement-wrapper .reglement-txt .reglement-underline {
    text-decoration: underline;
}

.reglement-wrapper .reglement-subTitle,
.reglement-wrapper .reglement-title {
    font-size: 1.8em;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin: 3em 0 1.5em .5em;
}

.reglement-wrapper .reglement-subTitle {
    font-size: 1.6em;
    line-height: normal;
    margin: 1.5em 0 1em 1em;
}

.reglement-wrapper .reglement-list {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 4em;
}

.reglement-wrapper .reglement-list .reglement-list-item {
    display: list-item;
    list-style: disc;
    font-size: 1.4em;
    line-height: normal;
    font-weight: 100;
    text-transform: none;
    margin-bottom: 1em;
}

.reglement-wrapper .reglement-list .reglement-list-item .reglement-underline {
    text-decoration: underline;
    line-height: 2.5;
    text-align: left;
}

.reglement-wrapper .reglement-smallTitle {
    font-size: 1.4em;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin: 1em 0 .5em 1.5em;
}

.reglement-wrapper .reglement-collapsedBorders {
    border: .1em solid #e2e2e2;
    border-collapse: collapse;
    font-size: 1.1em;
    padding: 1em;
    margin: 2em auto 3em;
}

.reglement-wrapper .reglement-collapsedBorders .reglement-bold {
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.reglement-wrapper .reglement-center {
    text-align: center;
}

.reglement-wrapper .reglement-colorun {
    background: #f9e7e4;
}

.reglement-wrapper .reglement-colordeux {
    background: #f99ca5;
}

.reglement-wrapper .reglement-colortrois {
    background: #ff6e7b;
}

.reglement-wrapper .reglement-tableResponsive {
    width: 100%;
}

.reglement-wrapper .reglement-link {
    color: #00f;
    text-decoration: underline;
}

.reglement-wrapper .reglement-bold {
    font-weight: 700;
}


@media screen and (max-width:423px) {
    .reglement-wrapper .reglement-collapsedBorders {
        font-size: 1em;
    }
}

@media screen and (max-width:377px) {
    .reglement-wrapper .reglement-collapsedBorders {
        font-size: .9em;
    }

    .reglement-wrapper -item {
        letter-spacing: -.12em;
    }
}

@media screen and (max-width:320px) {
    .reglement-wrapper .reglement-tableResponsive {
        margin-left: -11%;
    }
}