/*******************************************************
 * citego-index-
 ********************************************************/

section .citego-index-Titre {
    border: none;
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 1.15rem;
}

.citego-index-Coredem {
    padding-left: 50px;
}

.citego-index-Coredem p:first-child {
    margin-top: 0;
}

.citego-index-LogoCoredem {
    float: left;
    margin-right: 5px;
}

.citego-index-Fabrique {
    background-color: #a3a5a4;
    color: white;
    font-weight: bold;
    background-image: url("../images/cartouche.png");
    background-repeat: no-repeat;
    height: 126px;
    padding-left: 43px;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10px;
}

.citego-index-Fabrique h1 {
    border: none;
    font-size: 1.15rem;
    padding: 0;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

.citego-index-Nouveautes {
    padding-left: 40px;
    padding-right: 10px;
}

.citego-index-Nouveautes ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.citego-index-Nouveautes li {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 0.9rem;
}

.citego-index-Scrutari {
    background-color: #ecf1ed;
}

.citego-index-Scrutari button {
    padding: 0;
    margin: 0;
    border: none;
    width: 20px;
    height: 21px;
    background-image: url("../images/loupe-index-roll.png");
    background-color: transparent;
}
    
.citego-index-Scrutari button:hover {
    background-image: url("../images/loupe-index-over.png");
}

.citego-index-Scrutari form {
    display: flex;
    align-items: center;
    padding: 40px;
    flex-wrap: wrap;
}

.citego-index-Scrutari label {
    font-weight: normal;
    order: 3;
    margin-left: 20px;
    flex-grow: 0.5;
}

.citego-index-Scrutari input {
    flex-grow: 0.5;
    margin-left: 20px;
}

.citego-index-Scrutari button {
    margin-left: 10px;
    flex-shrink: 0;
}

@media (max-width: 1023px) {
    
    .citego-indexgrid-Actu .citego-index-Titre {
        margin-left: 20px;
    }
    
    .citego-index-Nouveautes {
        padding-left: 20px;
        padding-right: 10px;
    }
    
    .citego-index-Scrutari input {
        flex-grow: 1;
    }
    
    .citego-index-Intro {
        padding-left: 20px;
        padding-right: 20px;
    }
}


/*******************************************************
 * citego-index-actu-
 ********************************************************/

.citego-index-actu-Date {
    font-style: italic;
}


.citego-index-actu-Lien, .citego-index-actu-Lien:visited, .citego-index-actu-Lien:hover {
    color: black;
    font-size: 0.85rem;
    display: block;
    max-width: 250px;
    margin: auto;
}

.citego-index-actu-Lien img, .citego-index-actu-Lien span {
    display: block;
}

.citego-index-actu-Titre {
    font-weight: bold;
    padding-left: 10px;
    background-image: url("../images/flech-roll.png");
    background-repeat: no-repeat;
    background-position: 0 5px;
}

.citego-index-actu-Lien:hover .citego-index-actu-Titre {
    background-image: url("../images/flech-over.png");
}



/*******************************************************
 * citego-actugrid-
 ********************************************************/

.citego-actugrid-Grid {
    display: grid;
    grid-template-areas:
    "a b"
    "c d";
    grid-template-columns: repeat(2, 50%);
    grid-gap: 20px;
    grid-row-gap: 60px;
}

.citego-indexgrid-Actu_1 {
    grid-area: a;
}

.citego-indexgrid-Actu_2 {
    grid-area: c;
}

.citego-indexgrid-Actu_3 {
    grid-area: b;
}

.citego-indexgrid-Actu_4 {
    grid-area: d;
}

@media (max-width: 499px) {
    
    .citego-actugrid-Grid {
        display: grid;
        grid-template-areas:
        "a"
        "b"
        "c"
        "d";
        grid-template-columns: 1fr;
        grid-gap: 20px;
        grid-row-gap: 40px;
    }
}


/*******************************************************
 * citego-indexgrid-
 ********************************************************/

.citego-indexgrid-Grid {
    display: grid;
    grid-template-areas:
    "a b"
    "a d"
    "a e";
    grid-template-columns: 700px 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 40px;
}

.citego-indexgrid-Actu {
    grid-area: a;
}

.citego-indexgrid-Nouveautes {
    grid-area: b;
}

.citego-indexgrid-Fabrique {
    grid-area: d;
}

.citego-indexgrid-Coredem {
    grid-area: e;
}

@media (max-width: 1023px) {
    .citego-indexgrid-Grid {
        grid-template-areas:
        "a"
        "b"
        "d"
        "e";
        grid-template-columns: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 40px;
    }
}