/*
Theme Name: compethance
Theme URI: http://urbilog.fr
Template: twentynineteen
Author: Urbilog
Author URI: http://urbilog.fr
Version: 1.0.1553268744
Updated: 2019-03-22 16:32:24

*/

div#cookies a {
    margin-bottom: 1rem;
}

div#cookies p:first-of-type {
    margin-bottom: 0;
}

div#cookies {
    position: absolute;
    z-index: 5;
    text-align: center;
    background-color: #FFF;
    top: -2rem;
    left: 0;
    border: 1px solid#FF0000;
    border-radius: 5px;
    right: 0;
    padding: 1rem;
    border-top: none;
}

body {
    font-family: 'Roboto-light', sans-serif;
    color: #232323;
}

.grecaptcha-badge {
    z-index: 4;
}

h1 {
    margin-bottom: 2rem;
    font-size: 2rem;
}

a {
    color: #cc393e;
}

a:hover {
    color: #cc393e;
}

.site-content {
    padding-top: 0;
}

body h1 {
    font-family: 'Tinos', serif;
}

body h2,
body h3,
body h4 {
    font-family: 'Roboto-medium', sans-serif;
}

header {
    font-family: 'Roboto', sans-serif;
    margin: 2rem 10%;
}

header nav {
    height: 2.4rem;
}

header nav a.home {
    float: left;
}

header nav a.home img {
    height: 2.4rem;
}

header nav ul#menu-principal {
    position: relative;
    padding-left: 0;
    float: right;
    display: inline-flex;
}

header nav ul#menu-principal li {
    position: relative;
    display: inline-block;
}

header nav ul#menu-principal li a {
    display: block;
    border-bottom: 1px solid #bcbcbc;
    color: #bcbcbc;
    padding: 0 0.5rem 0.7rem;
}

header nav ul#menu-principal li a:hover,
header nav ul#menu-principal li a:focus {
    border-bottom: 2px solid #f00;
    color: #f00;
}

header nav ul#menu-principal li a:hover {
    text-decoration: none;
}

header nav ul#menu-principal li a:hover+ul.sub-menu,
header nav ul#menu-principal li a:focus+ul.sub-menu {
    display: block;
}

header nav ul#menu-principal li.current-menu-item > a, header nav ul#menu-principal li.current-menu-parent > a {
    border-bottom: 3px solid #f00;
    color: #f00;
}

header nav ul#menu-principal li ul.sub-menu a,
header nav ul#menu-principal li ul.sub-menu a {
    margin: auto;
    padding: 0.5rem;
}

header nav ul#menu-principal li.menu-item-has-children a:focus+ul.sub-menu,
header nav ul#menu-principal li.menu-item-has-children a:hover+ul.sub-menu {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 3;
    background-color: #fff;
    border-left: 1px solid #bcbcbc;
    transform-origin: top;
    border-right: 1px solid #bcbcbc;
}

header nav ul#menu-principal ul.sub-menu {
    position: absolute;
    left: 0;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    right: 0;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    margin: 0;
    padding: 0;
}

header nav ul#menu-principal ul.sub-menu li {
    width: 100%;
}

header nav ul#menu-principal li.expanded>a {
    /* border-bottom: none; */
    border-bottom: 1px solid transparent;
}

header nav ul#menu-principal li.expanded ul.sub-menu {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 3;
    background-color: #fff;
    border-left: 1px solid #bcbcbc;
    transform-origin: top;
    border-right: 1px solid #bcbcbc;
}

header nav ul#menu-principal .menu-item:not(.current_page_item) ul.sub-menu:hover a:hover {
    margin-top: 1px;
}

header img.logoMobile {
    display: none;
}

header nav#menuFlottant {
    position: fixed;
    margin-top: 2rem;
    /* padding-right: 1rem; */
    display: flex;
    height: 65vh;
    z-index: 2;
    border-right: 1px solid #eaeaea;
    width: 8%;
}

header nav#menuFlottant ul {
    margin-bottom: 0;
    display: block;
    /* width: 8.75rem; */
}

header nav#menuFlottant ul li {
    display: block;
}

header nav#menuFlottant ul li a {
    color: #000;
    border: none;
}

header nav#menuFlottant ul li a.active {
    text-decoration: underline;
    font-weight: 900;
    color: #cc393e;
}

header nav#menuFlottant div#scrollIndicator {
    position: absolute;
    width: 0.2rem;
    right: 0;
    top: 0;
    display: block;
    height: 4rem;
    background-color: #a5a5a5;
}

footer {
    width: 100%;
    display: inline-block;
    background-color: #2e2e2e;
    color: #fff;
    padding: 2rem 10%;
}

footer div.brand {
    padding-right: 9%;
    font-size: 0.8rem;
    width: calc(40% - 0.3rem);
    display: inline-block;
    vertical-align: top;
    font-family: 'Roboto-light';
}

footer div.brand a.social {
    font-size: 1.4rem;
    width: 2.2rem;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 2.2rem;
    background-color: #5a5a5a;
    color: #fff;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}

footer div.brand a.social:hover,
footer div.brand a.social:focus {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    text-decoration: none;
    color: #cc393e;
}

footer div.brand img {
    width: 50%;
}

footer .particuliers,
footer .professionnels,
footer .annexes {
    width: calc(20% - 0.3rem);
    display: inline-block;
}

footer .particuliers h2,
footer .professionnels h2,
footer .annexes h2 {
    font-size: 1.2rem;
    text-transform: uppercase;
}

footer .particuliers ul,
footer .professionnels ul,
footer .annexes ul {
    font-size: 0.9rem;
    font-family: "Roboto-thin";
    list-style-type: none;
    padding: 0;
}

footer .particuliers ul a,
footer .professionnels ul a,
footer .annexes ul a {
    color: #fff;
}

h2 {
    margin-bottom: 1rem;
}

h2 strong {
    font-weight: inherit;
    color: #cc393e;
    font-style: inherit;
}

strong {
    font-weight: 600;
    color: #cc393e;
    font-style: italic;
}

.btn {
    font-weight: 500;
    margin: 1rem 0;
    padding: 0.5rem 1.25rem;
}

.darken {
    background-color: rgba(0, 0, 0, 0.8);
}

.redden {
    background-color: rgba(204, 57, 62, 0.9);
}

.col-6-container {
    max-width: 570px;
}

#formations .carousel-control-prev,
#formations .carousel-control-next {
    z-index: 2;
}

#formations .carousel-control-prev:hover .carousel-control-prev-icon,
#formations .carousel-control-prev:focus .carousel-control-prev-icon,
#formations .carousel-control-next:hover .carousel-control-next-icon,
#formations .carousel-control-next:focus .carousel-control-next-icon {
    transform: scale(1.5);
}

#formations .carousel-control-prev-icon {
    transition: 0.4s;
    background-image: url("./img/Chevron_gauche.png");
}

#formations .carousel-control-next-icon {
    transition: 0.4s;
    background-image: url("./img/Chevron_droite.png");
}

.carousel-control-next,
.carousel-control-prev {
    width: 9px;
    opacity: 1;
}

.course-testimony .testimony,
.course-suggestions .formation {
    padding: 0 5rem;
}

.carousel-item .card {
    max-width: 15rem;
    font-size: 0.9rem;
    border: 1px solid #e7e7e7;
    margin: auto;
    height: 100%;
}

.carousel-item .card-title {
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
}

.carousel-item .card-text {
    margin-bottom: 1.3rem;
    min-height: 6rem;
    /* line-height: 1.3rem; */
    line-height: 1.2rem;
    font-size: 0.95rem;
    color: #929292;
}

.carousel-item .card-text a {
    position: absolute;
    bottom: 1rem;
    text-transform: uppercase;
}

.course-info,
.course-program,
.course-testimony,
.regular-padding,
.course-suggestions {
    padding: 4rem;
}

.course-documentation strong {
    color: inherit;
}

.course-banner {
    color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("./img/apple-businesswoman-coding-7375.jpg");
}

.course-banner h1 {
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 700;
}

.course-banner h2 {
    font-size: 1.3rem;
    font-family: inherit;
    font-weight: 400;
    padding-top: 0;
}

.course-banner h3 {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.course-banner i {
    font-size: 2rem;
    color: #c96266;
}

.course-banner .banner-smalltext {
    font-weight: 300;
}

.course-banner .course-bannercontent {
    padding: 10rem 0;
}

.course-banner .course-bannercontent .infos div div {
    text-align: right;
}

.course-info h2 {
    font-size: 2rem;
    padding: 1rem 0;
}

.course-info .tag {
    background-color: #cc393e;
    color: #fffefb;
    padding: 0.5rem 0.85rem;
}

.course-info li {
    line-height: 2.2rem;
    list-style-image: url("./img/puce.png");
    margin-left: 1rem;
}

.course-info .infodiv {
    margin-top: 0;
    margin-top: -7.65rem;
    margin-bottom: 0;
    margin-right: 3rem;
    margin-left: 3rem;
    background-color: #cc393e;
    color: white;
    text-align: center;
    padding: 1.5rem;
}

.course-info .infodiv h2,
.course-info .infodiv ul {
    text-transform: uppercase;
}

.course-info .infodiv h2 {
    font-size: 1.3rem;
    font-family: inherit;
}

.course-info .infodiv ul {
    margin-left: -2.5rem;
    list-style: none;
}

.course-info .infodiv p {
    line-height: 1.2rem;
}

.course-info .infodiv img {
    width: 60px;
    height: 60px;
    margin: 0.5rem;
}

.course-program {
    background-color: #f1f1f1;
    padding-top: 2rem;
}

.course-program h2{
    text-align: center;
    margin-bottom: 2rem;
}

.course-program ul {
    list-style: none;
}

.card .card-img-top {
    height: 8rem;
    object-fit: cover;
}

.course-program li::before {
    margin-right: 0.5rem;
    content: "•";
    color: #cc393e;
}

.course-program h3 {
    margin-bottom: 0.25rem;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
}

.course-program a {
    color: #494949;
}

.course-testimony h2 strong {
    font-weight: inherit;
    color: #cc393e;
}

.course-testimony .testimony .user-icon {
    margin-bottom: 1rem;
    width: 70px;
    height: 70px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.course-testimony .testimony h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #cc393e;
}

.course-testimony .testimony h4 {
    font-size: 0.9rem;
    font-style: italic;
}

.course-testimony .testimony .testimony-decoration {
    width: 6.5rem;
    height: 0.2rem;
    background-color: #c4c4c4;
    margin: 0.5rem 0;
}

.course-testimony .testimony .testinony-content {
    color: #494949;
}

.course-documentation {
    color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("./img/brainstorming-collaborate-collaboration-1204649.jpg");
}

.course-documentation .info {
    font-family: 'Times New Roman', Times, serif;
}

.course-documentation .btn {
    color: #cc474b;
}

.course-contact {
    height: 100%;
    background-color: #f8f8f8;
}

.course-contact .info {
    color: #cc393e;
}

.course-contact input,
.course-contact textarea {
    margin-bottom: 1rem;
    width: 100%;
    background-color: white;
    border: 1px solid #ededed;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
    padding: 0.2rem 1rem;
}

.course-contact textarea {
    height: 6rem;
    resize: none;
}

.course-contact .row .col-6 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.course-contact .row .col-6:first-of-type {
    padding-left: 0;
}

.course-contact .row .col-6:last-of-type {
    padding-right: 0;
}

h2,
.tag,
.info {
    font-family: 'Times New Roman', Times, serif;
}

.info {
    top: 2.1rem;
}

a.CTA {
    border: 1px solid transparent;
    margin-top: 2rem;
    width: 9rem;
    font-family: 'Roboto';
    background-color: #cc393e;
    color: #fff;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 0.7rem 1rem;
    text-align: center;
}

a.CTA:hover,
a.CTA:focus {
    background-color: #fff;
    text-decoration: none;
    color: #cc393e;
    border: 1px solid #cc393e;
}

a.CTA.inverse {
    margin-top: 2rem;
    width: 9rem;
    font-family: 'Roboto-medium';
    background-color: #fff;
    color: #cc393e;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 0.7rem 1rem;
}

a.CTA.inverse:hover,
a.CTA.inverse:focus {
    background-color: #cc393e;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
}

.red {
    color: #cc393e;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    padding: 0;
}

@media (max-width: 1280px) {
    header {
        position: relative;
        margin-top: 1rem;
        margin-bottom: 1rem;
        height: 2rem;
        background-color: #fff;
    }

    header nav {
        position: absolute;
        display: block;
        height: auto;
    }

    header nav ul#menu-principal {
        position: fixed;
        left: 0;
        padding-top: 2rem;
        -moz-transform: translate(0, -120%);
        -webkit-transform: translate(0, -120%);
        -o-transform: translate(0, -120%);
        transform: translate(0, -120%);
        width: 100%;
        top: 0;
        display: block;
        z-index: 3;
        background-color: #fff;
        -moz-transition: 0.6s;
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
        -moz-transition-timing-function: cubic-bezier(1, 0.92, 0.76, 1.17);
        -webkit-transition-timing-function: cubic-bezier(1, 0.92, 0.76, 1.17);
        -o-transition-timing-function: cubic-bezier(1, 0.92, 0.76, 1.17);
        transition-timing-function: cubic-bezier(1, 0.92, 0.76, 1.17);
    }

    header nav ul#menu-principal li {
        display: block;
    }

    header nav ul#menu-principal li a {
        padding-top: 0.7rem;
    }

    header nav ul#menu-principal li.menu-item-has-children a {
        border-bottom: none;
    }

    header nav ul#menu-principal ul.sub-menu {
        position: relative;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    header nav ul#menu-principal ul.sub-menu li {
        text-align: left;
    }

    header nav ul#menu-principal ul.sub-menu li a {
        padding-left: 2rem;
    }

    header nav a.home {
        display: none;
    }

    header nav.shown ul#menu-principal {
        -moz-transform: translate(0, 4rem);
        -webkit-transform: translate(0, 4rem);
        -o-transform: translate(0, 4rem);
        transform: translate(0, 4rem);
    }

    header nav.shown ul#menu-principal ul.sub-menu a {
        border-bottom: 1px solid #bcbcbc;
    }

    header nav ul#menu-principal li.current-menu-item > a, header nav ul#menu-principal li.current-menu-parent > a {
        border-bottom: none;
        border-left: 3px solid #f00;
        color: #f00;
    }

    header img.logoMobile {
        position: relative;
        float: right;
        display: block;
        height: 2rem;
        z-index: 4;
        background-color: #fff;
    }

    header #mobileBtn {
        position: relative;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 1.3rem;
        z-index: 4;
        background-color: #fff;
        color: #000;
        border: none;
        appearance: none;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1200px) {
    a.CTA {
        position: relative;
        display: inline-block;
    }

    header nav#menuFlottant {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .course-banner .course-bannercontent .infos {
        text-align: center;
    }

    .course-banner .course-bannercontent .infos div>div {
        text-align: center;
    }

    .course-banner .course-bannercontent .infos div>div h3 {
        padding-top: 1rem;
    }

    .course-banner .course-bannercontent .infos>div:not(:last-of-type) .banner-smalltext {
        padding-bottom: 1.5rem;
        /* border-bottom: 1px solid #fff8F; */
    }

    .course-banner .course-bannercontent .infos>div:not(:first-of-type) {
        padding-top: 2.6rem;
    }

    .course-info {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .course-info .container {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }

    .course-info .container .tagContainer {
        text-align: center;
    }

    .course-info .container div.infoTab {
        text-align: center;
    }

    .course-info .container .infodiv {
        margin: 2rem 0 0;
    }

    .course-info .container .infodiv li {
        line-height: inherit;
    }
}

@media screen and (min-width: 48em) {
    .site-content {
        padding-top: 0;
    }
}

form.wpcf7-form label {
    margin-bottom: 0;
    padding-left: 0.5rem;
    text-align: left;
}

form.wpcf7-form input,
form.seb-form input,
form.wpcf7-form textarea,
form.seb-form textarea,
 .wpcf7-select,
 .seb-select {
    background-color: #fff;
    border-radius: 1rem;
    border: 1px solid #efefef;
    padding: 0.25rem 1rem;
}

form.wpcf7-form input:focus,
form.seb-form input:focus,
form.wpcf7-form textarea:focus,
form.seb-form textarea:focus,
 .wpcf7-select:focus,
 .seb-select:focus {
    color: #222;
    border-color: #333;
}

form.wpcf7-form div.contact-form-top {
    display:flex; 
}

@media screen and (max-width: 767px) {

    form.wpcf7-form div.contact-form-top {
        display:block; 
    }
}

form.wpcf7-form div.contact-form-top p{
    display: inline-block;
    width: calc(50% - 1rem);
}

@media screen and (max-width: 767px) {

    form.wpcf7-form div.contact-form-top p {
        width: 100%;
    }
}

form.wpcf7-form div.contact-form-top p:first-of-type {
    margin-right: 1.6rem;
}

.btn {
    padding: 0.5rem 0.75rem;
}

/* Footer */
footer {
    position: relative;
    z-index: 4;
}

footer.footer-compethance .col {
    min-height: auto;
}

footer.footer-compethance a.fa-facebook-f,
footer.footer-compethance a.fa-linkedin-in {
    transition: 0.4s;
}

footer.footer-compethance a.fa-facebook-f:hover,
footer.footer-compethance a.fa-facebook-f:focus,
footer.footer-compethance a.fa-linkedin-in:hover,
footer.footer-compethance a.fa-linkedin-in:focus {
    color: #FFF;
    transform: scale(1.2);
}

.footer-compethance img {
    max-width: 11rem;
}

.footer-compethance h1 {
    font-size: 1rem;
    margin: 0;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Roboto-light', sans-serif;
}

.footer-compethance ul {
    padding-left: 0;
}

.footer-compethance li {
    list-style: none;
    font-size: 0.9rem;
    margin: 0.3rem 0;
    line-height: 1.2rem;
    padding-bottom: 0.5rem;
    display: inline-block;
}

.footer-compethance li a {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

.footer-compethance li,
.footer-compethance .footer-title,
.footer-compethance a {
    color: #fff;
}

.footer-compethance a:hover,
.footer-compethance a:focus {
    color: #FFF;
    text-decoration: underline;
}

.footer-compethance a {
    text-decoration: none;
}

.footer-compethance .footer-title {
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin: 0.5rem 0;
}

.footer-compethance .font {
    display: flex;
}

.footer-compethance .fab,
.footer-compethance .fas,
.footer-compethance .far {
    border: 1px solid #5a5a5a;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #5a5a5a;
    margin-right: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.site-content-contain {
    min-height: calc(100vh - 270px );
}

@media only screen and (max-width: 1280px) {
    .site-content-contain {
        min-height: calc(100vh - 240px );
    }
}

@media only screen and (max-width: 1300px) {
    .footer-compethance h1 {
        font-size: 0.95rem;
    }
}

@media only screen and (max-width: 991px) {
    .footer-compethance .footer-title {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    footer.footer-compethance {
        display: flex;
    }

    .footer-compethance .font {
        text-align: center;
    }
}

@media only screen and (max-width: 576px) {

    .footer-compethance .container,
    .footer-compethance h1 {
        text-align: center;
    }

    .footer-compethance .col-sm-4:first-of-type h1 {
        margin-top: 0;
    }

    .footer-compethance h1 {
        margin-top: 1rem;
    }

    .footer-compethance .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .footer-compethance .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .footer-compethance .pr-xs-0 {
        padding-right: 0;
    }

    .footer-compethance .justify-content-sm-center {
        justify-content: center;
    }
}


body.page-two-column:not(.archive) #primary article#post-413 header.entry-header,
body.page-two-column:not(.archive) #primary article#post-415 header.entry-header,
body.page-two-column:not(.archive) #primary article#post-417 header.entry-header,
body.has-sidebar.error404 #primary section.error-404 .page-header {
    width: 100%;
    text-align: center;
}

body.has-sidebar.error404 #primary section.error-404 .page-header {
    margin-left: 0;
}

body.page-two-column:not(.archive) #primary article#post-413 header.entry-header h1,
body.page-two-column:not(.archive) #primary article#post-415 header.entry-header h1,
body.page-two-column:not(.archive) #primary article#post-417 header.entry-header h1,
section.error-404 .page-header h1 {
    font-size: 2rem;
}

body.page-two-column:not(.archive) #primary article#post-413 .entry-content,
body.page-two-column:not(.archive) #primary article#post-415 .entry-content,
body.page-two-column:not(.archive) #primary article#post-417 .entry-content,
body.has-sidebar.error404 #primary section.error-404 .page-content {
    width: 100%;
}


section.error-404 .page-header {
    background-image: url('img/404.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 33vw;

    margin-top: 0;
    margin-right: 0;
}
section.error-404 .page-content {
    text-align: center;
    padding-bottom: 0;
}

@media only screen and (max-width: 1800px) {
    /* madeleine */
    header nav#menuFlottant {
        font-size: 0.9rem;
    }
}
@media only screen and (max-width: 1600px) {
    /* madeleine */
    header nav#menuFlottant {
        font-size: 0.8rem;
    }
}

/* col-lg */
@media only screen and (max-width: 1199px) {
    section.error-404 .page-header {
        height: 40vw;
    }

    .error404 .page-content {
        padding-bottom: 0;
    }
}
/* col-md */
@media only screen and (max-width: 991px) {
    section.error-404 .page-header {

        height: 60vw;

    }
}
/* col-sm */
@media only screen and (max-width: 767px) {
    section.error-404 .page-header {
        height: 80vw;
    }
}