@charset "utf-8";
/* CSS Document */


:root {
    --primary-color: #910c07; /* Couleur principale */
    --secondary-color: #373e50; /* Couleur secondaire */
    --background-color: #f7f3ee; /* Couleur de fond spécifique */
    --font-color: #000000;
    --accent-color:#2d8183;
}

html, body, .page, .main {
    background-color: var(--background-color);
}

html, body, main, .accueil, .header-container-accueil, .page {
    background-color: #f7f3ee;
}


h1 {
    color: #373e50; /* Couleur propre au site hommes */
}




h1 a:visited, h1 a:link {
    color: #373e50;
}

h2 {
    color: var(--accent-color);
}
h3 {
    color: var(--primary-color);
}

.sous-titre {
    color: var(--primary-color);
}

/*Images dans les carrés*/
#bloc1 {
    background-image: url("../images/avion.png");
    background-color: #373e50;
    background-size: cover;
}
#bloc1:hover {
    background-color: #2d8183;
}
#bloc2 {
    background-image: url("../images/bro.png");
    background-size: cover;
    background-color: #373e50;
}
#bloc2:hover {
    background-color: #2d8183;
    background-size: cover;
}
#bloc3 {
    background-image: url("../images/hug.png");
    background-color: #373e50;
    background-size: cover;
}
#bloc3:hover {
    background-color: #2d8183;
}
#bloc4 {
    background-image: url("../images/afro.png");
    background-color: #373e50;
    background-size: cover;
}
#bloc4:hover {
    background-color: #2d8183;
}
#bloc5 {
    background-image: url("../images/tablier.png");
    background-color: #373e50;
    background-size: cover;
}
#bloc5:hover {
    background-color: #2d8183;
}
#bloc6 {
    background-image: url("../images/pere.png");
    background-size: cover;
    background-color: #373e50;
}
#bloc6:hover {
    background-color: #2d8183;
}
#bloc7 {
    background-image: url("../images/homme_lunettes.png");
    background-size: cover;
    background-color: #373e50;
}
#bloc7:hover {
    background-color: #2d8183;
}



/*image spécifique à chacune des pages*/
#round-biais {
    background-image: url("../images/avion_centre.png");
    background-size: cover;
    background-color: #373e50;
}
.round-comprendre {
    background-image: url("../images/bro_centre.png");
    background-color: #373e50;
    background-size: cover;
}
.round-rencontre {
    background-image: url("../images/hug_centre.png");
    background-size: cover;
    background-color: #373e50;
}
.round-accueillir {
    background-image: url("../images/afro_centre.png");
    background-size: cover;
    background-color: #373e50;
}
.round-rapport {
    background-image: url("../images/tablier_centre.png");
    background-color: #373e50;
    background-size: cover;
}
.round-communication {
    background-image: url("../images/pere_centre.png");
    background-color: #373e50;
    background-size: cover;
}
.round-etablissement {
    background-image: url("../images/homme_lunettes_centre.png");
    background-color: #373e50;
    background-size: cover;
}


.problematique {
    font-style: italic; /* Assure que le texte est en italique */
   
}

.note {

background-color:  #f7f3ee;

}

/*boîte ressources couleur**/


.boite-ressources {
    border-bottom: 1px solid #373e50;
    
}
.boite-ressources:hover {
    border-bottom: 3px solid #373e50;
    color: #373e50;
}

.boite-ressources:hover a {
    color: #373e50;

}