@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "calibribold_italic";
    src: url("../fonts/calibri_bold_italic.eot");
    src: url("../fonts/calibri_bold_italic.eot?#iefix") format("embedded-opentype"),
         url("../fonts/calibri_bold_italic.woff2") format("woff2"),
         url("../fonts/calibri_bold_italic.woff") format("woff"),
         url("../fonts/calibri_bold_italic.svg#calibribold_italic") format("svg");
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: "calibribold";
    src: url("../fonts/calibri_bold.eot");
    src: url("../fonts/calibri_bold.eot?#iefix") format("embedded-opentype"),
         url("../fonts/calibri_bold.woff2") format("woff2"),
         url("../fonts/calibri_bold.woff") format("woff"),
         url("../fonts/calibri_bold.svg#calibribold") format("svg");
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: "calibriitalic";
    src: url("../fonts/calibri_italic.eot");
    src: url("../fonts/calibri_italic.eot?#iefix") format("embedded-opentype"),
         url("../fonts/calibri_italic.woff2") format("woff2"),
         url("../fonts/calibri_italic.woff") format("woff"),
         url("../fonts/calibri_italic.svg#calibriitalic") format("svg");
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: "calibrilight";
    src: url("../fonts/calibri_light.eot");
    src: url("../fonts/calibri_light.eot?#iefix") format("embedded-opentype"),
         url("../fonts/calibri_light.woff2") format("woff2"),
         url("../fonts/calibri_light.woff") format("woff"),
         url("../fonts/calibri_light.svg#calibrilight") format("svg");
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: "calibriregular";
    src: url("../fonts/calibri_regular.eot");
    src: url("../fonts/calibri_regular.eot?#iefix") format("embedded-opentype"),
         url("../fonts/calibri_regular.woff2") format("woff2"),
         url("../fonts/calibri_regular.woff") format("woff"),
         url("../fonts/calibri_regular.svg#calibriregular") format("svg");
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-Regular.woff2') format('woff2'),
         url('fonts/Rubik-Regular.woff') format('woff'),
         url('fonts/Rubik-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Embed the Anton font */
@font-face {
    font-family: 'Anton';
    src: url('fonts/Anton-Regular.woff2') format('woff2'),
         url('fonts/Anton-Regular.woff') format('woff'),
         url('fonts/Anton-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* body{
	font-family: "calibriregular";
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */


.header{
	/* display: flex;
	align-items: center;
	justify-content: space-between;
    border-bottom: #000000 solid 1px;
    padding: 20px 0;
    margin-bottom: 40px; */
}
.header .logo{
	width: 170px;
}
.header .logo img{
    width: 100%;
}
.header .center-text{
    font-family: "calibribold";
    font-size: 32px;
    color: #000000;
}
.header .right-text{
    font-family: "calibriitalic";
    font-size: 22px;
    color: #000000;
}

.inscription-pour{
    background-color: #c1dfc9;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 50px;
}
.inscription-pour h2{
    font-family: "calibribold";
    font-size: 32px;
    color: #000000;
    padding: 0;
    margin: 0;
}
.inscription-pour .list{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
}
.inscription-pour .list .item{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.inscription-pour .list .item label{
    font-family: "calibribold";
    font-size: 18px;
    line-height: 18px;
    color: #000000;
}
.inscription-pour .list .item i{
    color: #120344;
}
.inscription-pour .list .item span{
    font-family: "calibriregular";
    font-size: 18px;
    line-height: 18px;
    color: #000000;
}

.données-personnelles{
    padding-bottom: 50px;
}
.données-personnelles h2{
    font-family: "calibribold";
    font-size: 32px;
    color: #000000;
    padding: 0 0 10px 0;
    margin: 0;
}

.gray-box{
    background-color: #f2f2f2;
    border:#000000 solid 2px;
    padding: 20px;
}
.id-article{
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.id-article label{
    font-family: "calibriregular";
    font-size: 22px;
    color: #000000;
}
.id-article span{
    font-family: "calibribold";
    font-size: 22px;
    color: #142bae;
}
.données-item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.données-item label{
    font-family: "calibriregular";
    font-size: 22px;
    color: #000000;
}
.données-item span{
    font-family: "calibribold";
    font-size: 22px;
    color: #142bae;
}
.données-item p{
    font-family: "calibribold";
    font-size: 22px;
    color: #000000;
    padding: 0;
    margin: 0;
}
.données-item-img{
    padding: 0;
    margin: 0;

    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.données-item-img img{
    width: auto;
    height: 100%;
    object-fit: cover;
}

.our-table{
    width: 100%;
    overflow: hidden;
}
.our-table table{
    width: 100%;
    border: #000000 solid 2px;
}
.our-table table thead tr{
    background-color: #180a47;
}
.our-table table thead tr th{
    font-family: "calibribold";
    font-size: 15px;
    color: #ffffff;
    padding: 10px;
    border-right: #000000 solid 2px;
    text-align: center;
}
.our-table table tbody tr{
    background-color: #dfeaf2;
}
.our-table table tbody tr td{
    font-family: "calibriregular";
    font-size: 15px;
    color: #180a47;
    padding: 5px 10px;
    border-right: #000000 solid 2px;
}
.left-indexing{
    padding-left: 15px;
}
.big-height{
    min-height: 400px;
}
.small-height{
    min-height: 200px;
}

.footer-article{
    border-top: #000000 solid 2px;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer-article .footer-text{
    font-family: "calibriregular";
    font-size: 22px;
    color: #000000;
}
.footer-article .page-number{
    font-family: "calibriitalic";
    font-size: 22px;
    color: #000000;
}