#connectezvous {
    background-color: #ffffff;
    color: #357591;
}

.top-line {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.top-line a.lien-casd {
    background-color: #ffffff;
}

.top-line a.lien-casd:hover {
    background-color: #ccc;
}

.top-line a.lien-casd img {
    padding-top: 3px;
    text-align: right;
    height: 15px;
    margin-left: 30px;
}

.top-line a#user-connected, .top-line a#deconnexion {
    background-color: #7890ae;
    border-color: #fff;
}

.full-green-bg {
    background-color: #fff;
    padding-top: 20px;
}


.row.types {
    height: 150px;
}
.row.types .module {
    color: #fff;
    height: 180px;
    position: relative;
    flex: none;
}

.row.types .module h3 {
    font-weight: 400;

}

.row.types .module a {
    border-right: none;
}

.row.types .module:hover, .row.types .module.active {
    background-color: #c57e00 !important;
    height: 180px;
}


.row.types .module a div.fleche-blanche {
    position: absolute;
    bottom: -40px;
    left: 0;
}

.module#css {
    background-color: #799da7;
    border-right: 5px solid #fff;
}

.module#atih {
    background-color: #a6c4ce;
    border-right: 5px solid #fff;
}

.module#snds {
    background-color: #9bc0c3;
}

.head #logo {
    padding-top: 20px;
}

.row.head a h1 {
    font-size: 1rem;
    padding-bottom: 20px;
    color: #245467;
}
.row.head a h1:hover {
    text-decoration: none;
}

.claim p {
    text-align: left!important;
    padding-top: 50px;
}

.recherche {
    margin-top: 40px;
}

.recherche #search {
    border: 1px solid #c1c1c1;
}

.row.recherche form input {
    width: 1090px;
}

.table {
    width: initial;
}

.table .themes {
    margin-left: 0;
}

.row.thead {
    background-color: #a9bacc;
}

.themes.col-3 #down-arrow {
    background-color: #7890ae;
}

#footer-portail p {
    font-size: 14px;
}

/*XX-Large devices (larger desktops)*/
/*No media query since the xxl breakpoint has no upper bound on its width*/

/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
    .row.recherche form input {
        width: 1090px;
    }

}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .row.recherche form input {
        width: 910px;
    }

}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .row.recherche form {
        border-top: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1;
    }

    .row.recherche form input {
        width: 85%;
        border: none!important;
    }

    .container.multiple.background-types {
     margin-left: 0;
     margin-right: 0;
     max-width: 100%!important;
 }
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

}
/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}
