/* Définition des polices personnalisées */

@font-face
{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Eléments principaux de la page */

body
{
    font-family :'Trebuchet MS', Arial, sans-serif;
    margin: 0;
}

#bloc_page
{
    max-width: 1300px;
    margin : auto;
}




/* Header */


header
{
    background: linear-gradient(144deg, rgba(2,0,36,1) 0%, rgba(122,122,136,1) 35%, rgba(0,212,255,1) 100%);
    font-family: Dayrom, serif;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

header h1
{
    font-size:2.5em;
    color: rgb(254, 126, 5);
    font-family: cursive;
    text-align: center;
}


header h2
{
    font-style: italic;
    color : rgba(73, 73, 139, 0.947);
}


/*Navigation*/

nav ul
{

    list-style-type :none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 150%;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}

nav a
{
    border-top: solid;
    border-bottom: solid;
    text-decoration: none;
    margin: 0 10px;
    padding: 2px 10px;
    font-style:none;
    color:rgb(130, 126, 145)
}

nav a:hover
{
    text-decoration:underline;
    font-style: italic;
}


/*section about me*/

#about_me
{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;

}

@media (min-width: 870px) {
    #about_me p {
        margin-top: 20%;
    } 
}


#about_me article
{
    min-width: 40%;
    text-align: justify;
}

#about_me figcaption 
{
    margin-bottom: 9%;
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size : 150%;
    text-decoration: underline;
    
}

#about_me figure  
{
    margin-top:5%;
}

#about_me img
{
    border-radius: 30%;
    border : 5px outset rgb(182, 175, 175);
    box-shadow: 8px 8px 7px rgb(103, 98, 98)
}

article
{
    font-size:1.3em;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Section interest points */

#interest_points 
{
    margin:10% 0% 0% 5%;
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
}  

#interest_points :hover img
{
    opacity: 0.4;
    transition: opacity,1s;
}

#ENSEEIHT
{
    position: relative;
}

#text_ENSEEIHT
{
    opacity: 0;
    position:absolute;
    top:20%;
    text-align: center;
}

#interest_points :hover #text_ENSEEIHT
{
    opacity: 1;
    font-size: 150%;
}


#embedded_syst
{
    position: relative;
    padding: 0% 4% 0% 4%;
}

#text_embedded_syst
{
    opacity: 0;
    position:absolute;
    top:20%;
    text-align: center;
    padding-right:15%
}

#interest_points :hover #text_embedded_syst
{
    opacity: 1;
    font-size: 150%;
}


#sport
{
    position: relative;
}

#text_sport
{
    opacity: 0;
    position:absolute;
    top:30%;
    text-align: center;
}

#interest_points :hover #text_sport
{
    opacity: 1;
    font-size: 150%;
}


/* Section video spitch*/

#video_spitch
{
    padding-top:10%;
    
}




/* footer */

footer ul 
{
	display:flex;
    justify-content: space-around;
}

footer li
{
    padding:0% 5% 0% 5%;
    list-style-type: none;
}