/* Body */


body {
    background-color: #3812c4;;
    margin: 0;
    padding: 0;
    height: 100vh;
}


/* CONTENEUR PRINCIPAL */
.main-container{
max-width:900px;
margin:auto;
}

/* BLOCS ARTICLES */
.article-block{
margin-bottom:40px;
}

/* TITRES */
.titre-titre0{
border:4px solid #ffffff;
background-color:#0e046b;
text-align:center;
color:#ffffff;
padding:10px;
}
.titre1{
border:4px solid #ffffff;
background-color:#df22c5;
font-weight: bold;
font-size: large;
text-align:center;
color:#ffffff;
padding:10px;
}
.titre-titre1{
border:4px solid #ffffff;
background-color:#07c4aa;
font-weight: bold;
font-size: large;
text-align:center;
color:#420ed1;
padding:10px;
}

.titre-titre2{
border:4px solid #ffffff;
background-color :#13bb91;
text-align:center;
color:#420ed1;
padding:10px;
}

.titre-titre3{
border:4px solid #ffffff;
background-color:#171bff;
text-align:center;
color:#ffffff;
padding:10px;
}

.titre-cadre{
background-color:#0cad5d;
border:2px solid #ffffff;
text-align:center;
font-size:24px;
color:#2f66ff;
padding:10px;
}

/* TEXTE */
.text-justify{
text-align:justify;
}

/* IMAGES */
.article-img{
width:100%;
height:auto;
margin-top:15px;
border-radius:4px;
}

/* BOUTONS UTILE */
.btn-double-width{
width:250px;
}







.btn-double-width {
    width: 320px; /* Ajustez la largeur en fonction de vos besoins */
}

/* Custom Colors */
.pink-600 {
    background-color: #ca54e7; /* Couleur pink-600 */
}

.purple-600 {
    background-color: #e754c2; /* Couleur purple-600 */
}

/* Navbar */
.navbar {
    background-color: rgb(5, 0, 246);
    border-bottom: 1px solid black;
}

/* Image Profile */
.imgProfileAcc {
    width: 150px;
}

/* Titres */
.titreCompetence {
    margin: 120px 0 20px 0;
}

.titreContact {
    padding: 40px 0 50px 0;
    margin-top: 100px;
}

/* Navigation Links */
.nav a {
    color: rgb(0, 0, 220) !important;
}

.nav a:hover {
    color: rgb(255, 255, 255) !important;
}

/* Container */
.contener {
    height: 50px;
    background-color: rgb(25, 25, 224) !important;
    width: 150px;
}

/* Button */
.bouton {
    background-color: blue;
    color: white;
    font-size: 25px;
    cursor: pointer;
}