$(document).ready(function(){
    if( ($('ol.ongletsnavigation').length > 0) && ($('div.contre-encart').length > 0) && ($('div.contre-encart').length == $('ol.ongletsnavigation').length)){
        var curIndex;
        
        // On récupère tous les liens menant aux articles
        var fancyLinks = $('li.lienarticle');
        
        // On récupère toutes les div contenant le contenu ( dans un array jQuery )
        var fancyContents = jQuery.makeArray($('div.ongletarticle'));
        
        //pour chaque lien on gère l'événement click
        fancyLinks.click(
            function (e) {
                // On arrête l'événement et on le gère nous même
                e.preventDefault();
                
                // On supprime la class 'actif' de tous le liens
                fancyLinks.removeClass('actif');
                
                // On le réapplique au lien courant
                $(this).addClass('actif');
                
                // On récupère l'index de ce lien dans la liste de liens ( il est censé être le même dans la liste des contenus )
                curIndex = fancyLinks.index(this);
                
                // On ajoute la class 'actif' au contenu adéquat, et la retire aux autres
                jQuery.each(fancyContents, function(key){
                    if(key == curIndex) {
                        $(this).addClass('actif');
                    }else{
                        $(this).removeClass('actif');
                    }
                });

            }
        );
    }
});