/*afficher et cacher du texte*/

let section1 = document.getElementById('section1');

let article = section1.getElementsByTagName('article');

section1.addEventListener('mouseenter', elementTargetting, true);

function elementTargetting(){
    for(let valeur of article){
        valeur.querySelector('.linkAfficheText').addEventListener('click', function(){
        if(valeur.querySelector('.linkAfficheText').textContent == 'Lire la suite...'){
          valeur.querySelector('.linkAfficheText').textContent = 'voir moins...';
          valeur.querySelector('.textHidden').style.display = 'inline'
            valeur.querySelector('div+p').style.height = '270px';
        } else{
           valeur.querySelector('.linkAfficheText').textContent = 'Lire la suite...';
          valeur.querySelector('.textHidden').style.display = 'none'
            valeur.querySelector('div+p').style.height = '200px';  
        }}, true);
    }
}


/*CREER UN STICKY MENU*/


let headerSecondPart = document.querySelector('header div:last-child');
let headerSecondPartPos = headerSecondPart.offsetTop;

let scrollCurrent = window.scrollY;


window.addEventListener('scroll',stickyMenu);


function stickyMenu(){
    
    if(headerSecondPartPos<scrollCurrent){
       document.body.classList.add('fixedNav'); 
    } else{
        document.body.classList.remove('fixedNav');
    }
}