/********MENU*********/
.margeMenu{
    margin-right: 0.5px;
    margin-left: 0.4px;
}

.imgHomeSize{
    width: 75px;
    margin-top: 10px;
    border-radius: 10px;
}

.paddingRight{
    padding-right: 100px;
}

.liMenu{
    margin-left: 50px;
    margin-right: 20px;
    font-size: 20px;
}

.hrStyle{
    /* border-bottom: 10px solid #f7cb08; */
    border-bottom: 5px solid yellow;

    margin-top: -15px;
    margin-bottom: -2px;
    opacity: 2.75;    
}


/******** fin MENU*********/

/******** FOOTER*********/
.colorPurple{
    background-color: #593196;
}

.textFooter{
    text-align: center;
    color: white;
}
.site-content {
	flex: 1;
}
/******** fin FOOTER*********/
/******** accueil.html*********/

.margeBlock{
    margin-top: 20px;
    margin-bottom: 20px;
}

.imgAccueil{
    padding-left: 13px;
    padding-top: 17px;
    width: 50%;
}
.tailleDiv{
    width: 100%;
}

/******** fin accueil.html*********/
/******** COMMUN **************/
body {
    margin: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
a:hover {
    color: rgb(33, 30, 30);
    font-size: x-large;
}

.linkCustom {
    color: black;
    text-decoration: none;
    font-style: italic;
}
h1{
     color: #593196;
 }

h2 {
     color: #3d127e;
 }
 h3 {
    color: #2b0466;
    }
    
    h5 {
        color: #240455;
 }
.textP{
    font-size:x-large;
    text-align: justify;
}

.margeTop{
    margin-top: 15px;
}

.tableFontSize{
    font-size:x-large;
}
.paddingTable{
    padding-left: 10px;
    padding-right: 10px;
}

.sizeImageDiplome{
    width: 100%; 
    padding: 10px;
}

/******** COMMUN **************/

/******** FORMATION **************/
.imgIconDiplom{
    width: 20%;
}
/******** fin FORMATION **************/
/**************Certifications**********/
/******** PROJETS nouveau **************/
.imgBackgroundLogo {
    width: 80vw;
}

.textProjet {
    font-size: large;
    text-align: justify;
}

.linkCustomProjet {
    color: black;
    text-decoration: none;
    font-weight: bold;
}
.hrProjet {
    border-bottom: 2px solid #593196;
}
.cardSize {
    width: calc(20rem + 40vw);
    height: auto;
}
/******** fin PROJETS nouveau **************/

/******** PROJETS ancien **************/
.imgIconCard{
    width: 90%;
    margin-left:5px;
    margin-right:5px;
}
.imgPositionCard{
    margin: 10px;
}

.borderCard{
    border: 2px solid #593196;
    border-radius: 10px;
}

.heightCard{
    height: 390px;
    width: 300px;
}

.cardText{
    text-align: justify;
}

.positionButton{
    padding-top: 20px;
}
/******** fin PROJETS **************/
/******** ARTICLE PROJETS **************/
.tablePosition{
    justify-content: center;
}
.articlePosition{
    align-items: center;
}
.imgArticle{
    width: 100%;
    height: auto;
}
/******** fin ARTICLE PROJETS **************/
/******** CONTACT **************/
.logContact{
    width: 50px;
}

.linkCustomContact {
    color: black;
    text-decoration: none;
    font-weight: 400;
}
/******** fin CONTACT **************/

@media only screen and (max-width: 576px){
    .textP{
        font-size:x-small;
        text-align: justify;
    }  

    .tableFontSize{
        font-size:x-small;
    }

    .sizeImageDiplome{
        width: 200px; 
        padding: 10px;
    }

 } 

 @media only screen and (min-width: 1200px){
    .imgAccueil{
        padding-left: 13px;
        padding-top: 17px;
        width: 35%;
    }
    .screenXl{
        margin-top: 50px;
    }

    .imgIconDiplom{
        width: 15%;
    }
 }