/* Déclaration de police */
@font-face {
    font-family: "Blacksword";
    src: url(../fonts/Blacksword.otf);
    font-weight: normal;
    font-style: normal;
}

/* Pour déclarer la même police avec des styles différents (normal / gras / italique),
on se sert du même nom de police, on règle juste sa propriété font-weight et sa propriété font-style */
@font-face {
    font-family: "Cardo";
    src: url(../fonts/cardo/cardo-regular.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Cardo";
    src: url(../fonts/cardo/cardo-italic.woff) format("woff");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Cardo";
    src: url(../fonts/cardo/cardo-bold.woff) format("woff");
    font-weight: bold;
    font-style: normal;
}






@media all {
   /*Page D'accueil */


    header {

    background-color:#013a63;
    color: white;
}


   main {

    background-color:#feedb7;
    padding-bottom: 2em;
}

.dfjcsa {

   display: flex;
   justify-content: space-around;
   width: 100%;
}



a{
    text-decoration: none;
    color: whtie;
    padding: 1em;

    
    }

.h1Accueil {
    color: white;
    text-decoration: underline;
    margin: 0;
    padding-top: 1em;
    /*rgb(108, 108, 255)*/
}



.nomPremon h2{
    color: rgb(108, 108, 255);
    text-decoration: underline;
}

.nomPremon p {
    color: rgb(49, 49, 180);
}

.onglet a:hover{
    color: red;

}

.onglet {
    margin: 2em 0 0 0 ;
    padding: 0.5em;
}

.presentationTxt {
    color: rgb(49, 49, 180);

}

    /*C.V*/

    .h1Cv {
        color: rgb(108, 108, 255);
    text-decoration: underline;
    text-align: center;
    font-size: 2em;
    margin-top: 0em;
    }

    .EXPÉRIENCES {
        border:solid #84dcff;
    
    }

    .EXPÉRIENCES ul {
        color: rgb(49, 49, 180);
    }

    .EXPÉRIENCES h2 {
        color: rgb(108, 108, 255);
        text-align: center;
        margin-bottom: 2rem;
    }

    .Compétence {
        border:solid #84dcff;
    
    }

    .Compétence h2 {
        color: rgb(108, 108, 255);
        text-align: center;
        margin-bottom: 2rem;
    }

    .Compétence ul {
        color: rgb(49, 49, 180);

    }

    .Formations {
        border:solid #84dcff;
    
    }

    .Formations h2 {
        color: rgb(108, 108, 255);
        text-align: center;
        margin-bottom: 2rem;
    }

    .Formations ul {
        color: rgb(49, 49, 180);

    }

    

    .Présentation {
        border:solid #84dcff;
        margin: 5em 0 0 45em ;
    
    }

    .Présentation h2 {
        color: rgb(108, 108, 255);
        text-align: center;
    }

    .Présentation ul {
        color: rgb(49, 49, 180);
    }

    .Présentation p {
        color: rgb(49, 49, 180);
    }


}

/*Page D'accueil */

@media screen and (min-width: 1200px) {
    /*Page D'accueil */
   

    
    .imageAccueil {
        margin: 5em 0 0 45em ;
        width: 25%;
        border-radius: 20%;
    }

    .imgTxt{
    
        display:flex;
        justify-content: space-around;
    }

    
    .nomPremon{
        margin: 10em 50em 0 3em ;
        
    }

    .nomPremon h2{
        font-size: 2rem;
    }

    .nomPremon p {
        font-size: 1.2rem;
    }

    .onglet {
        
        text-align: center;
        font-size: 16px;
        color: white;

    }



    h1{
        text-align: center;
        font-size: 25px;
    }

    .presentationTxt {

        margin: 0 20em 0 20em ;
        font-size: 20px;
    }

    /*C.V*/
    .imagecv {
        margin: auto ;
        margin-top: 1em;
        width: 55%;
        border-radius: 20%;
        display: flex;
        flex-direction: column;

    }

    .ppresentation {
     color: rgb(49, 49, 180);
        text-align: center;
    }

    .Présentation {
        width: 40%; 
        
        margin: 13em 0 0 1.2em ;
    
    }

    .EXPÉRIENCES {
        width: 40%;
        
        margin: 5em 1.2em 0 1.2em ;
    }


    .Compétence {
        width: 40%;
       
        margin: 6em 1.2em 0 1.2em ;
    }


    .Formations {
        width: 40%;
        
        margin: 4em 1.2em 0 1.2em ;
    }

    .presentationcv {
        margin: 2em 2em 0em 5em ;
        font-size: 1.2rem;
 
    }





}

@media screen and (max-width: 800px) and (min-width : 450px) {
    /*Page D'accueil */


    .imageAccueil {
        margin: 5em 0 0 45em ;
        width: 45%;
        height: 40%;
        border-radius: 20%;
    }

    .imgTxt{
    
        display:flex;
        justify-content: space-around;
    }

    .nomPremon{
        margin: 7em 45em 0 3em ;
        
    }

    .nomPremon h2{
        font-size: 2rem;
    }

    .nomPremon p {
        font-size: 1.2rem;
    }

    .onglet {

        text-align: center;
        font-size: 1.4rem;
        color: #cdedfa;

    }


    h1{
        text-align: center;
        font-size: 25px;
    }

    .presentationTxt {
        text-align: center;
        margin: 2em 5em 0 5em ;
        font-size: 1.3rem;
    }

    /*C.V*/

    .imagecv {
        
        width: 55%;
        height: 55%;
        border-radius: 20%;
    }

    .Présentation {
        width: 40%; 
    
        margin: 13em 0 0 1.2em ;
    
    }

    .EXPÉRIENCES {
        width: 40%;
        
        margin: 5em 1.2em 0 1.2em ;
    }


    .Compétence {
        width: 40%;
        
        margin: 6em 0 0 1.2em ;
    }


    .Formations {
        width: 40%;
        
        margin: 4em 1.2em 0 1.2em ;
    }

    .presentationcv {
        padding: 1em 0 0.2em 10em ;
        font-size: 1.2rem;
 
    }
}

@media screen and (max-width: 450px) {
    /*Page D'accueil */

    .imageAccueil {
        margin: auto ;
        margin-top: 5em;
        width: 70%;
        height: 70%;
        border-radius: 20%;
        display: flex;
        flex-direction: column;

    }
    
    .imgTxt{

        display: flex;
        flex-direction: column;
    }

    .nomPremon{
        text-align: center;
        margin: 7em 0em 0 0em ;
        font-size: 1rem;
          
    }

    .nomPremon h2{
        font-size: 2rem;
    }

    .nomPremon p {
        font-size: 1.2rem;
    }

    .onglet {

        text-align: center;
        font-size: 1.4rem;
        color: #cdedfa;

    }


    h1{
        text-align: center;
        font-size: 25px;
    }

    .presentationTxt {
        text-align: center;

        font-size: 1.3rem;
        margin: 2em 0em 5em 0em ;
    }

    /*C.V*/



    .imagecv {
        width: 55%;
        height: 55%;
        border-radius: 20%;
        

    }

    .Présentation {
        
    
    }

    .EXPÉRIENCES {
        
    }


    .Compétence {
        
    }


    .Formations {
        

    }

    .presentationcv {
        

 
    }

}


.imageAccueil {
        text-align: center;


    }

.presentationBabeau {
        text-align: center;
         color: rgb(49, 49, 180);

 
    }

.Sitebabeau {
    width: 100%;
    Display: flex;
    justify-content: center;
    margin-top: 1em;
    font-size: 30px;
    text-decoration: underline;
    margin-top: 0;
    padding: 1em 0 0 0;

}





footer {

    background-color:#013a63;
    color: white;
    height: 110px;
    width: 100%;
    margin: 0;

}

a:visited {

    text-decoration: none;
    color: white;

}




/*h1, h2, h3 {
    font-family: "Blacksword", sans-serif;
    font-weight: normal;
}

h1 {
    font-size: 4em;
    text-align: center;
}*/