@charset "utf-8";

/*Mise en forme du bandeau haut*/
body {
    background-color: #993399;
    background-image: url(../images/bandeau_haut.png);
    background-repeat: repeat-x;
    margin: 0; /* Pour éviter les marges par défaut */
    padding: 0; /* Pour éviter les marges par défaut */
}

/*Evite bordure quand lien*/
img {
    border-style: none;
}

/*Mise en forme header*/
header {
    width: 100%;
    max-width: 1120px;
    height: 104px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: transparent; /* Assure que le header est transparent */
}

#logo_geb, #logo_fse, #logo_bretagne {
    flex-shrink: 0;
}

/*Mise en forme main*/
main {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 20px;
    padding: 60px;
    max-width: 1120px;
    margin: auto;
    box-sizing: border-box;
    background-color: transparent; /* Rend le fond de main transparent */
}

/*Mise en forme de l'article01*/
#article01 {
    display: grid;
    grid-template-columns: auto;
    align-items: center;
    gap: 10px;
	text-align: center;
}

#logo_grd {
    justify-self: center;
}

#bloc_text {
    font-size: 1.2em;
    color: #FFFFFF;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*Mise en forme de l'article02*/
#article02 {
    display: grid;
    grid-template-rows: auto auto;
    gap: 20px;
    justify-items: center;
    text-align: center;
	padding: 20px;
}

#bloc_text02 {
    width: 100%;
    max-width: 700px;
    display: block;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-size: 12pt;
    text-align: center;
    vertical-align: top;
}

#module {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    justify-items: center;
}

@media (min-width: 768px) {
    #module {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1024px) {
    #module {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

#module > div {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15pt;
	padding: 5px;

}

#module01, #module02, #module03 {
    width: 100%;
    max-width: 476px;
    height: auto;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #993399;
}

.logo_petit {
    width: 92px;
    height: 87px;
    background-image: url(../images/logo_petit/logo_ps.png);
    background-repeat: no-repeat;
    background-position: center;
}

.legende {
    width: 334px;
    height: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12pt;
}

.txt_violet {
    color: rgba(203,133,235,1.00);
    font-weight: bold;
}

/*Mise en forme des liens*/
a:link {
    color: #CB85EB;
    text-decoration: none;
}

a:visited {
    color: #CB85EB;
    text-decoration: none;
}

a:hover {
    color: #F7E608;
    text-decoration: none;
}

a:active {
    color: #CB85EB;
    text-decoration: none;
}