CIO - Centre d'information et d'orientation - Etudes - Professions - Emploi
lorem | Louvain-la-Neuve, Mons, Charleroi
médaillons
Elève du secondaire
Elève du secondaire
Bien s'orienter, préparer son avenir
Parent d'élève
Parent d'élève
Accompagner un jeune qui s'oriente
Etudiant·e
Etudiant·e
Remettre en question ses choix et ajuster sa formation
Adulte en reprise d'études
Adulte en reprise d'études
Réajuster son parcours professionnel
Futur·e diplomé·e
Diplomé·e
Diplomé·e
Futur·e diplomé·e
Diplomé·e
Diplomé·e
Entrer en confiance dans la vie professionnelle
Futur·e docteur·e
Docteur·e
Docteur·e
Futur·e docteur·e
Docteur·e
Docteur·e
Valoriser ses compétences doctorales
Enseignant·es et professionnel·les de l'orientation
Enseignant·es et professionnel·les de l'orientation
Préparer vos élèves dans leurs projets d'orientation
Professionnel·les de l'enseignement supérieur
Professionnel·les de l'enseignement supérieur
Informez vos futurs étudiants. Préparez vos étudiants à l'insertion professionnelle
.cards{
display: flex;
justify-content: center;
align-items: center;
}
.espaces {
display: flex;
width: 100%;
justify-content: space-evenly;
flex-wrap: wrap;
}
.card {
margin: 25px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.5);
overflow: hidden;
width: 400px;
}
.card-header img {
width: 100%;
height: 120px;
object-fit: cover;
}
.card-body {
display: flex;
text-align: center;
flex-direction: column;
justify-content: center;
padding: 20px 5px;
max-height: 120px;
}
.tag {
background: #cccccc;
border-radius: 10px;
font-size: 14px;
margin: 0;
color: #fff;
padding: 8px 8px;
text-transform: uppercase;
cursor: pointer;
}
.tag-lln {
background-color: #F04358;
}
.tag-woluwe {
background-color: #FFD262;
color: #000;
}
.tag-stlouis {
background-color: #05D5AA;
color: #000;
}
.tag-mons {
background-color: #107FB1;
}
.tag-tournai {
background-color: #f5cdcf;
color: #000;
}
.card-body p {
font-size: 13px;
margin: 0 0 10px;
}
.user {
display: flex;
margin-top: auto;
}
.user img {
border-radius: 50%;
width: 40px;
height: 40px;
margin-right: 10px;
}
.user-info h5 {
margin: 0;
}
.user-info small {
color: #545d7a;
}
