.box {
    display: block;

    /* Set as position parent */
    position: relative;

    /* Force img, video, svg to scale. */
    height: auto;

    /* Set them up to play nice as inline-blocks. */
    vertical-align: top;
    overflow: visible;

    /* Negate possible spacing when .block is used on something typographic like
       a <p>, for example. Also, make blocks behave as centered wraps by default. */
    margin: 0 auto;
    padding: 1.125rem;
    min-height: 8rem;
    text-decoration: none;
}


.big-box {
    min-height: 18rem;
    background-color: rgba(56, 87, 133, 0.2);
    color: black;
    padding: 1.5rem;
}

a.box:hover,
a.box:focus {
    text-decoration: none;
}

.box>img,
.box>svg,
.box>video,
.box>canvas,
.box>object,
.box>embed,
.box>iframe {
    /* Don't allow media to break out of .block bounds. */
    max-width: 100%;
}

/* Boostrap integration – support icon fonts .fa and .see-more links
   as the "see more" indicator */

.box>.see-more {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-family: NeoSans, sans-serif;
    color: #000000;
}

.box>.fa {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.box+.box {
    margin-top: 1.25rem;
}

.text-04+.box {
    margin-top: 0.9375rem;
}



/* Banner box */

.box-banner {
    padding: 1.875rem;
}

/* Link box */

.box-link {
    padding: 1.5rem;
    color: white;
    background-color: rgb(56, 87, 133);
    background-color: var(--color-blue);
}

a.box-link:hover {
    background-color: rgb(43, 83, 142);
    background-color: #2b538e;
}


a.box-link.bg-grey-6:hover {
    background-color: rgba(56, 87, 133, .3);
}

a.box-link.bg-green:hover {
    background-color: rgb(0, 140, 50);
}

.big-box-link {
    padding: 1.5rem;
    color: black;
    background-color: rgba(56, 87, 133, .2);
    background-color: var(--color-grey-6);
    min-height: 9rem;
}

a.big-box-link:hover {
    background-color: rgba(56, 87, 133, .3);
}

a.big-box-link.bg-green:hover {
    background-color: rgb(178, 224, 193);
    background-color: var(--color-green-2);
}


/* Resume box */

.box-resume {
    min-height: 13.75rem;

    /* Make space for the absolutely positioned icon at the bottom */
    padding: 0.9375rem 0.9375rem 50px;
}

.box-resume>.thumb+.date {
    margin-top: 0.9375rem;
}

.box-resume>.fa,
.box-resume>.button-more {
    position: absolute;
    bottom: 0.9375rem;
    right: 0.9375rem;
}

.box-resume-large {
    min-height: 22.75rem;

    /* Make space for the absolutely positioned icon at the bottom */
    padding: 1.125rem 1.125rem 3.125rem;
}

.box-resume+.box-resume {
    margin-top: 1.875rem;
}

/* Text box */

*>.box-text {
    margin-top: 1.375rem;
}

/* Internal box */

.box-internal {
    padding: 1.25rem 2.1875rem 1.875rem;
    color: black;
    background-color: transparent;
    border: 1px solid rgba(191, 191, 191, 1);
    border: 1px solid var(--color-grey-4);
}

.box-internal>p+.text-04 {
    margin-top: 0.75rem;
}

*>.box-internal {
    margin-top: 3.75rem;
}

.box-addresses {
    color: black;
    background-color: rgba(191, 191, 191, 1);
    background-color: var(--color-grey-4);
}

.box-addresses .address_text {
    font-size: 12px;
    line-height: 18px;
    color: #4d4d4d;

}

.address_text p+p {
    margin-top: 0;
}

.address_text p {
    margin-left: 50px;
}

.box-addresses .address_text::before {
    content: url("/images/pin.svg");
    display: inline-block;
    height: 55px;
    width: 30px;
    margin-top: 11px;
    margin-right: 20px;
    float: left;
}


.box-addresses>p {
    margin-top: 0;
}

.box-addresses>h3 {
    font-size: 16px;
    color: #4d4d4d;
    font-family: Merriweather, serif;
    font-weight: 500;
    line-height: 1.688rem;
}


.box-addresses p+p {
    margin-top: 0;
}

.box-addresses .thumb+p {
    margin-top: 0.9375rem;
}

/* Plus box */

.box-plus {
    padding: 1.875rem 1.25rem 3.75rem;
    color: black;
    background-color: rgb(229, 245, 234);
    background-color: var(--color-green-4);
}

.box-document {
    margin-left: -20px;
}

/* Link boxes */
/*
.box-link {
    padding: 0.9375rem 0.9375rem 1.5rem;
    color: black;
    background-color: var(--color-blue-1);
}

.box-link::after {
    content: '';
    position: absolute;
    bottom: 0.9375rem;
    right: 1.5rem;
    width: 1.125rem;
    height: 1.125rem;
    background-color: currentcolor;
    border-radius: 50%;
}

.box-link:hover,
.box-link:focus {
    text-decoration: none;
    background-color: var(--color-blue-2);
}
*/

/* Contact boxes */

.box-contact {
    padding: 0.9375rem;
    font-family: NeoSans, sans-serif;
    color: white;
    background-color: rgba(240, 76, 22, 1);
    background-color: var(--color-orange);
}

.box-contact>p {
    color: white;
}

.box-contact>hr {
    color: white;
}

.box-contact>*+.button {
    margin-top: 1.875rem;
}

.box-contact .button-link.fg-orange:hover,
.box-contact .button-link.fg-orange:active,
.box-contact .button-link.fg-orange:focus {
    background-color: rgb(215, 60, 17);
}

.box-contact p+p {
    margin-top: 0;
}

@media screen and (min-width: 36.25em) {
    .box-contact-home {
        min-height: 16rem;
    }
}


/* Warning */

.box-warn {
    min-height: 2.8125rem;
    line-height: 1.5625rem;
    padding: 0.5625rem 0.875rem;
    color: #392909;
    background-color: #f8eed7;
    border: 1px solid #b58426;
}

.box-phare {
    padding: 0;
    margin-top: 10px;
}


.print-hidden+.contact-partial {
    margin-top: 1.25rem;
}


.address-pin {
    height: 30px;
    margin: 10px;
    float: left;
}


.colloque-box.col-md-8 {
    margin-top: 40px;
    padding-left: 0 !important;
}


.side-date-box {
    margin-right: 30px;
    margin-left: 10px;
    min-height: 240px;
}

.box-agenda {
    min-height: 18.75rem;
}

.box-news a {
    text-decoration: none;
}

.box-news>.chevron,
.box-agenda>.chevron {
    position: absolute;
    top: calc(91% - 0.75rem);
    right: 1.638rem;
}


/*
.box-news::after,
.box-agenda::after {
    display: inline-block;
    font: normal normal normal 25px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    content: "\f138";
    color: black;
    font: Solid 16px/19px Font Awesome 5 Pro;
    position: absolute;
    top: calc(91% - 0.75rem);
    right: 1.638rem;
}*/


.agenda .article {
    padding-top: 0;
}