Skip to content

Instantly share code, notes, and snippets.

@m4tm4t

m4tm4t/gist:7251843

Last active December 27, 2015 02:19
Download ZIP

Revisions

  1. @Foohey Foohey revised this gist Oct 31, 2013. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion gistfile1.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,3 @@

    function test(){
    if((document.getElementById('pupupuce').style.height == '0px') && (document.getElementById('acceuilpuce').style.opacity == '0') && (document.getElementById('acceuilpuce1').style.opacity == '0') && (document.getElementById('acceuilpuce2').style.opacity == '0')){
    document.getElementById('acceuilpuce').style.opacity = '1';
  2. @Foohey Foohey created this gist Oct 31, 2013.
    1,998 changes: 1,998 additions & 0 deletions gistfile1.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,1998 @@

    function test(){
    if((document.getElementById('pupupuce').style.height == '0px') && (document.getElementById('acceuilpuce').style.opacity == '0') && (document.getElementById('acceuilpuce1').style.opacity == '0') && (document.getElementById('acceuilpuce2').style.opacity == '0')){
    document.getElementById('acceuilpuce').style.opacity = '1';
    document.getElementById('acceuilpuce1').style.opacity = '1';
    document.getElementById('acceuilpuce2').style.opacity = '1';
    document.getElementById('acceuilpuce').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce1').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce2').style.transitionDuration = '1s';
    document.getElementById('pupupuce').style.height = '85px';
    document.getElementById('pupupuce').style.transitionDuration = '1s';
    }
    else {
    document.getElementById('acceuilpuce').style.opacity = '0';
    document.getElementById('acceuilpuce1').style.opacity = '0';
    document.getElementById('acceuilpuce2').style.opacity = '0';
    document.getElementById('pupupuce').style.height = '0px';
    document.getElementById('acceuilpuce').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce1').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce2').style.transitionDuration = '1s';

    }
    }

    function test2(){
    if((document.getElementById('pupupuce1').style.height == '0px') && (document.getElementById('acceuilpuce11').style.opacity == '0') && (document.getElementById('acceuilpuce12').style.opacity == '0') && (document.getElementById('acceuilpuce23').style.opacity == '0') && (document.getElementById('acceuilpuce234').style.opacity == '0')){
    document.getElementById('acceuilpuce11').style.opacity = '1';
    document.getElementById('acceuilpuce12').style.opacity = '1';
    document.getElementById('acceuilpuce23').style.opacity = '1';
    document.getElementById('acceuilpuce234').style.opacity = '1';
    document.getElementById('acceuilpuce234').style.display = 'block';
    document.getElementById('acceuilpuce234').style.height = 'auto';
    document.getElementById('acceuilpuce1').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce12').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce23').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce234').style.transitionDuration = '1s';
    document.getElementById('pupupuce1').style.height = '85px';
    document.getElementById('pupupuce1').style.transitionDuration = '1s';


    }
    else {
    document.getElementById('acceuilpuce11').style.opacity = '0';
    document.getElementById('acceuilpuce12').style.opacity = '0';
    document.getElementById('acceuilpuce23').style.opacity = '0';
    document.getElementById('acceuilpuce234').style.opacity = '0';
    document.getElementById('pupupuce1').style.height = '0px';
    document.getElementById('acceuilpuce11').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce12').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce23').style.transitionDuration = '1s';

    document.getElementById('acceuilpuce111').style.opacity = '0';
    document.getElementById('acceuilpuce121').style.opacity = '0';
    document.getElementById('acceuilpuce231').style.opacity = '0';
    document.getElementById('pupupuce2').style.height = '0px';
    document.getElementById('lolklo').style.marginBottom = '0';
    document.getElementById('lolklo').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce234').style.height = '0px';
    document.getElementById('acceuilpuce234').style.overflow = 'hidden';
    document.getElementById('acceuilpuce234').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce111').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce121').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce231').style.transitionDuration = '1s';



    }
    }
    function test3(){
    if((document.getElementById('pupupuce2').style.height == '0px') && (document.getElementById('acceuilpuce111').style.opacity == '0') && (document.getElementById('acceuilpuce121').style.opacity == '0') && (document.getElementById('acceuilpuce231').style.opacity == '0')){
    document.getElementById('acceuilpuce111').style.opacity = '1';
    document.getElementById('acceuilpuce121').style.opacity = '1';
    document.getElementById('acceuilpuce231').style.opacity = '1';
    document.getElementById('acceuilpuce11').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce121').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce231').style.transitionDuration = '1s';
    document.getElementById('pupupuce2').style.height = '85px';
    document.getElementById('pupupuce2').style.transitionDuration = '1s';


    }
    else {
    document.getElementById('acceuilpuce111').style.opacity = '0';
    document.getElementById('acceuilpuce121').style.opacity = '0';
    document.getElementById('acceuilpuce231').style.opacity = '0';
    document.getElementById('pupupuce2').style.height = '0px';
    document.getElementById('acceuilpuce111').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce121').style.transitionDuration = '1s';
    document.getElementById('acceuilpuce231').style.transitionDuration = '1s';

    }
    }
    function test4(){
    if((document.getElementById('pupupucecontact').style.height == '0px') && (document.getElementById('acceuilpucecontact').style.opacity == '0') && (document.getElementById('acceuilpucecontact1').style.opacity == '0') && (document.getElementById('acceuilpucecontact2').style.opacity == '0')){
    document.getElementById('acceuilpucecontact').style.opacity = '1';
    document.getElementById('acceuilpucecontact1').style.opacity = '1';
    document.getElementById('acceuilpucecontact2').style.opacity = '1';
    document.getElementById('acceuilpucecontact').style.transitionDuration = '1s';
    document.getElementById('acceuilpucecontact1').style.transitionDuration = '1s';
    document.getElementById('acceuilpucecontact2').style.transitionDuration = '1s';
    document.getElementById('pupupucecontact').style.height = '85px';
    document.getElementById('pupupucecontact').style.transitionDuration = '1s';
    }
    else {
    document.getElementById('acceuilpucecontact').style.opacity = '0';
    document.getElementById('acceuilpucecontact1').style.opacity = '0';
    document.getElementById('acceuilpucecontact2').style.opacity = '0';
    document.getElementById('pupupucecontact').style.height = '0px';
    document.getElementById('acceuilpucecontact').style.transitionDuration = '1s';
    document.getElementById('acceuilpucecontact1').style.transitionDuration = '1s';
    document.getElementById('acceuilpucecontact2').style.transitionDuration = '1s';

    }
    }
    function barreduhaut(){

    if((document.getElementById('barrenav').style.height = '0%') && (document.getElementById('barrnavtexttitre').style.marginLeft = '-120px')){

    document.getElementById('barrenav').style.transitionDuration = '3s';
    document.getElementById('barrenav').style.height = '15%';
    document.getElementById('barrnavtexttitre').style.marginLeft = '60px';
    document.getElementById('barrnavtexttitre').style.transitionDuration = '3s';
    document.getElementById('menu').style.opacity = '1';
    document.getElementById('menu').style.transitionDuration = '3s';
    }
    }




    function afficherhome(){

    if(document.getElementById('blochome').style.width == '0%'){

    document.getElementById('blochome').style.transitionDuration = '2s';
    document.getElementById('blochome').style.width = '70%';


    document.getElementById('titrehome').style.opacity = '1';
    document.getElementById('titrehome').style.transitionDuration = '2s';

    document.getElementById('globalimage').style.opacity = '1';
    document.getElementById('globalimage').style.width = '900px';
    document.getElementById('globalimage').style.height = '900px';
    document.getElementById('globalimage').style.transitionDuration = '2s';

    document.getElementById('image1').style.opacity = '1';
    document.getElementById('image1').style.width = '160px';
    document.getElementById('image1').style.height = '160px';
    document.getElementById('image1').style.transitionDuration = '2s';

    document.getElementById('image2').style.opacity = '1';
    document.getElementById('image2').style.width = '160px';
    document.getElementById('image2').style.height = '160px';
    document.getElementById('image2').style.transitionDuration = '2s';

    document.getElementById('image3').style.opacity = '1';
    document.getElementById('image3').style.width = '160px';
    document.getElementById('image3').style.height = '160px';
    document.getElementById('image3').style.transitionDuration = '2s';

    document.getElementById('image4').style.opacity = '1';
    document.getElementById('image4').style.width = '160px';
    document.getElementById('image4').style.height = '160px';
    document.getElementById('image4').style.transitionDuration = '2s';

    document.getElementById('image5').style.opacity = '1';
    document.getElementById('image5').style.width = '160px';
    document.getElementById('image5').style.height = '160px';
    document.getElementById('image5').style.transitionDuration = '2s';

    document.getElementById('image6').style.opacity = '1';
    document.getElementById('image6').style.width = '160px';
    document.getElementById('image6').style.height = '160px';
    document.getElementById('image6').style.transitionDuration = '2s';

    document.getElementById('image7').style.opacity = '1';
    document.getElementById('image7').style.width = '160px';
    document.getElementById('image7').style.height = '160px';
    document.getElementById('image7').style.transitionDuration = '2s';

    document.getElementById('image8').style.opacity = '1';
    document.getElementById('image8').style.width = '160px';
    document.getElementById('image8').style.height = '160px';
    document.getElementById('image8').style.transitionDuration = '2s';

    document.getElementById('image9').style.opacity = '1';
    document.getElementById('image9').style.width = '160px';
    document.getElementById('image9').style.height = '160px';
    document.getElementById('image9').style.transitionDuration = '2s';

    document.getElementById('image10').style.opacity = '1';
    document.getElementById('image10').style.width = '160px';
    document.getElementById('image10').style.height = '160px';
    document.getElementById('image10').style.transitionDuration = '2s';

    document.getElementById('image11').style.opacity = '1';
    document.getElementById('image11').style.width = '160px';
    document.getElementById('image11').style.height = '160px';
    document.getElementById('image11').style.transitionDuration = '2s';

    document.getElementById('image12').style.opacity = '1';
    document.getElementById('image12').style.width = '160px';
    document.getElementById('image12').style.height = '160px';
    document.getElementById('image12').style.transitionDuration = '2s';
    }
    }


    /*Hoverout */



    function hoverimageout(){
    document.getElementById('image1').style.opacity = '1';
    document.getElementById('image1').style.transitionDuration = '1s';
    }

    function hoverimageout1(){
    document.getElementById('image2').style.opacity = '1';
    document.getElementById('image2').style.transitionDuration = '1s';
    }

    function hoverimageout2(){
    document.getElementById('image3').style.opacity = '1';
    document.getElementById('image3').style.transitionDuration = '1s';
    }

    function hoverimageout3(){
    document.getElementById('image4').style.opacity = '1';
    document.getElementById('image4').style.transitionDuration = '1s';
    }

    function hoverimageout4(){
    document.getElementById('image5').style.opacity = '1';
    document.getElementById('image5').style.transitionDuration = '1s';
    }

    function hoverimageout5(){
    document.getElementById('image6').style.opacity = '1';
    document.getElementById('image6').style.transitionDuration = '1s';
    }

    function hoverimageout6(){
    document.getElementById('image7').style.opacity = '1';
    document.getElementById('image7').style.transitionDuration = '1s';
    }

    function hoverimageout7(){
    document.getElementById('image8').style.opacity = '1';
    document.getElementById('image8').style.transitionDuration = '1s';
    }

    function hoverimageout8(){
    document.getElementById('image9').style.opacity = '1';
    document.getElementById('image9').style.transitionDuration = '1s';
    }

    function hoverimageout9(){
    document.getElementById('image10').style.opacity = '1';
    document.getElementById('image10').style.transitionDuration = '1s';
    }

    function hoverimageout10(){
    document.getElementById('image11').style.opacity = '1';
    document.getElementById('image11').style.transitionDuration = '1s';
    }

    function hoverimageout11(){
    document.getElementById('image12').style.opacity = '1';
    document.getElementById('image12').style.transitionDuration = '1s';
    }

    /*Hover*/

    function hoverimagehover(){
    document.getElementById('image1').style.opacity = '0.5';
    document.getElementById('image1').style.transitionDuration = '1s';
    }

    function hoverimagehover1(){
    document.getElementById('image2').style.opacity = '0.5';
    document.getElementById('image2').style.transitionDuration = '1s';
    }

    function hoverimagehover2(){
    document.getElementById('image3').style.opacity = '0.5';
    document.getElementById('image3').style.transitionDuration = '1s';
    }

    function hoverimagehover3(){
    document.getElementById('image4').style.opacity = '0.5';
    document.getElementById('image4').style.transitionDuration = '1s';
    }

    function hoverimagehover4(){
    document.getElementById('image5').style.opacity = '0.5';
    document.getElementById('image5').style.transitionDuration = '1s';
    }

    function hoverimagehover5(){
    document.getElementById('image6').style.opacity = '0.5';
    document.getElementById('image6').style.transitionDuration = '1s';
    }

    function hoverimagehover6(){
    document.getElementById('image7').style.opacity = '0.5';
    document.getElementById('image7').style.transitionDuration = '1s';
    }

    function hoverimagehover7(){
    document.getElementById('image8').style.opacity = '0.5';
    document.getElementById('image8').style.transitionDuration = '1s';
    }

    function hoverimagehover8(){
    document.getElementById('image9').style.opacity = '0.5';
    document.getElementById('image9').style.transitionDuration = '1s';
    }

    function hoverimagehover9(){
    document.getElementById('image10').style.opacity = '0.5';
    document.getElementById('image10').style.transitionDuration = '1s';
    }

    function hoverimagehover10(){
    document.getElementById('image11').style.opacity = '0.5';
    document.getElementById('image11').style.transitionDuration = '1s';
    }

    function hoverimagehover11(){
    document.getElementById('image12').style.opacity = '0.5';
    document.getElementById('image12').style.transitionDuration = '1s';
    }
    /*fin hover*/
    var myVarsociete;
    var myVarsociete1;
    function societe(){

    if((document.getElementById('blochome').style.width == '70%') && (document.getElementById('societe').style.display == 'none')){

    document.getElementById('societe').style.display = 'block';

    document.getElementById('blochome').style.width = '0%';
    document.getElementById('blochome').style.transitionDuration = '0.5s';

    document.getElementById('globalhome').style.opacity = '0';
    document.getElementById('globalhome').style.transitionDuration = '0.3s';

    }
    myVarsociete=setTimeout(function(){width1()},0750);

    myVarsociete1=setTimeout(function(){width()},0750);
    }
    function width(){
    if((document.getElementById('globalhome').style.display =='block') || (document.getElementById('historique').style.display == 'block') || (document.getElementById('presse').style.display == 'block') || (document.getElementById('distraction').style.display == 'block') || (document.getElementById('confort').style.display == 'block') || (document.getElementById('enfant36').style.display == 'block') || (document.getElementById('enfant711').style.display == 'block') || (document.getElementById('enfantplus11').style.display == 'block') || (document.getElementById('support').style.display == 'block') || (document.getElementById('plan').style.display == 'block') || (document.getElementById('horaires').style.display == 'block') || (document.getElementById('informations').style.display == 'block')){
    document.getElementById('globalhome').style.display = 'none';
    document.getElementById('historique').style.display = 'none';
    document.getElementById('presse').style.display = 'none';
    document.getElementById('distraction').style.display = 'none';
    document.getElementById('confort').style.display = 'none';
    document.getElementById('enfant36').style.display = 'none';
    document.getElementById('enfant711').style.display = 'none';
    document.getElementById('enfantplus11').style.display = 'none';
    document.getElementById('support').style.display = 'none';
    document.getElementById('plan').style.display = 'none';
    document.getElementById('horaires').style.display = 'none';
    document.getElementById('informations').style.display = 'none';
    document.getElementById('societe').style.opacity = '1';
    document.getElementById('societe').style.transitionDuration = '8s';
    }
    clearTimeout(myVarsociete1);
    }
    function width1(){
    if(document.getElementById('blochome').style.width == '0%'){
    document.getElementById('blochome').style.width = '70%';
    document.getElementById('blochome').style.transitionDuration = '2s';

    document.getElementById('historique').style.opacity = '0';
    document.getElementById('historique').style.transitionDuration = '0.3s';

    document.getElementById('presse').style.opacity = '0';
    document.getElementById('presse').style.transitionDuration = '0.3s';

    document.getElementById('distraction').style.opacity = '0';
    document.getElementById('distraction').style.transitionDuration = '0.3s';

    document.getElementById('confort').style.opacity = '0';
    document.getElementById('confort').style.transitionDuration = '0.3s';

    document.getElementById('enfant36').style.opacity = '0';
    document.getElementById('enfant36').style.transitionDuration = '0.3s';

    document.getElementById('enfant711').style.opacity = '0';
    document.getElementById('enfant711').style.transitionDuration = '0.3s';

    document.getElementById('enfantplus11').style.opacity = '0';
    document.getElementById('enfantplus11').style.transitionDuration = '0.3s';

    document.getElementById('plan').style.opacity = '0';
    document.getElementById('plan').style.transitionDuration = '0.3s';

    document.getElementById('horaires').style.opacity = '0';
    document.getElementById('horaires').style.transitionDuration = '0.3s';

    document.getElementById('informations').style.opacity = '0';
    document.getElementById('informations').style.transitionDuration = '0.3s';

    document.getElementById('support').style.opacity = '0';
    document.getElementById('support').style.transitionDuration = '0.3s';
    }
    clearTimeout(myVarsociete);
    }

    var myVarhistorique;
    var myVarhistorique1;
    function historique(){
    if((document.getElementById('blochome').style.width == '70%') && (document.getElementById('historique').style.display == 'none')){

    document.getElementById('historique').style.display = 'block';


    document.getElementById('blochome').style.width = '0%';
    document.getElementById('blochome').style.transitionDuration = '0.5s';

    document.getElementById('globalhome').style.opacity = '0';
    document.getElementById('globalhome').style.transitionDuration = '0.3s';

    document.getElementById('societe').style.opacity = '0';
    document.getElementById('societe').style.transitionDuration = '0.3s';

    document.getElementById('presse').style.opacity = '0';
    document.getElementById('presse').style.transitionDuration = '0.3s';

    document.getElementById('distraction').style.opacity = '0';
    document.getElementById('distraction').style.transitionDuration = '0.3s';

    document.getElementById('confort').style.opacity = '0';
    document.getElementById('confort').style.transitionDuration = '0.3s';

    document.getElementById('enfant36').style.opacity = '0';
    document.getElementById('enfant36').style.transitionDuration = '0.3s';

    document.getElementById('enfant711').style.opacity = '0';
    document.getElementById('enfant711').style.transitionDuration = '0.3s';

    document.getElementById('enfantplus11').style.opacity = '0';
    document.getElementById('enfantplus11').style.transitionDuration = '0.3s';

    document.getElementById('plan').style.opacity = '0';
    document.getElementById('plan').style.transitionDuration = '0.3s';

    document.getElementById('horaires').style.opacity = '0';
    document.getElementById('horaires').style.transitionDuration = '0.3s';

    document.getElementById('informations').style.opacity = '0';
    document.getElementById('informations').style.transitionDuration = '0.3s';

    document.getElementById('support').style.opacity = '0';
    document.getElementById('support').style.transitionDuration = '0.3s';

    }
    myVarhistorique=setTimeout(function(){widthhistorique1()},0750);

    myVarhistorique1=setTimeout(function(){widthhistorique()},0750);
    }
    function widthhistorique(){
    if((document.getElementById('globalhome').style.display =='block') || (document.getElementById('societe').style.display == 'block') || (document.getElementById('presse').style.display == 'block') || (document.getElementById('distraction').style.display == 'block') || (document.getElementById('confort').style.display == 'block') || (document.getElementById('enfant36').style.display == 'block') || (document.getElementById('enfant711').style.display == 'block') || (document.getElementById('enfantplus11').style.display == 'block') || (document.getElementById('support').style.display == 'block') || (document.getElementById('plan').style.display == 'block') || (document.getElementById('horaires').style.display == 'block') || (document.getElementById('informations').style.display == 'block')){
    document.getElementById('globalhome').style.display = 'none';
    document.getElementById('societe').style.display = 'none';
    document.getElementById('distraction').style.display = 'none';
    document.getElementById('presse').style.display = 'none';
    document.getElementById('confort').style.display = 'none';
    document.getElementById('enfant36').style.display = 'none';
    document.getElementById('enfant711').style.display = 'none';
    document.getElementById('enfantplus11').style.display = 'none';
    document.getElementById('support').style.display = 'none';
    document.getElementById('horaires').style.display = 'none';
    document.getElementById('plan').style.display = 'none';
    document.getElementById('informations').style.display = 'none';
    document.getElementById('historique').style.opacity = '1';
    document.getElementById('historique').style.transitionDuration = '8s';



    }
    clearTimeout(myVarhistorique1);
    }
    function widthhistorique1(){
    if(document.getElementById('blochome').style.width == '0%'){
    document.getElementById('blochome').style.width = '70%';
    document.getElementById('blochome').style.transitionDuration = '2s';


    }
    clearTimeout(myVarhistorique);
    }

    var myVarpresse;
    var myVarpresse1;
    function presse(){

    if((document.getElementById('blochome').style.width == '70%') && (document.getElementById('presse').style.display == 'none')){

    document.getElementById('presse').style.display = 'block';

    document.getElementById('blochome').style.width = '0%';
    document.getElementById('blochome').style.transitionDuration = '0.5s';

    document.getElementById('globalhome').style.opacity = '0';
    document.getElementById('globalhome').style.transitionDuration = '0.3s';

    document.getElementById('societe').style.opacity = '0';
    document.getElementById('societe').style.transitionDuration = '0.3s';

    document.getElementById('historique').style.opacity = '0';
    document.getElementById('historique').style.transitionDuration = '0.3s';

    document.getElementById('distraction').style.opacity = '0';
    document.getElementById('distraction').style.transitionDuration = '0.3s';

    document.getElementById('confort').style.opacity = '0';
    document.getElementById('confort').style.transitionDuration = '0.3s';

    document.getElementById('enfant36').style.opacity = '0';
    document.getElementById('enfant36').style.transitionDuration = '0.3s';

    document.getElementById('enfant711').style.opacity = '0';
    document.getElementById('enfant711').style.transitionDuration = '0.3s';

    document.getElementById('enfantplus11').style.opacity = '0';
    document.getElementById('enfantplus11').style.transitionDuration = '0.3s';

    document.getElementById('plan').style.opacity = '0';
    document.getElementById('plan').style.transitionDuration = '0.3s';

    document.getElementById('horaires').style.opacity = '0';
    document.getElementById('horaires').style.transitionDuration = '0.3s';

    document.getElementById('informations').style.opacity = '0';
    document.getElementById('informations').style.transitionDuration = '0.3s';

    document.getElementById('support').style.opacity = '0';
    document.getElementById('support').style.transitionDuration = '0.3s';
    }
    myVarpresse=setTimeout(function(){widthpresse1()},0750);

    myVarpresse1=setTimeout(function(){widthpresse()},0750);
    }
    function widthpresse(){
    if((document.getElementById('globalhome').style.display =='block') || (document.getElementById('societe').style.display == 'block') || (document.getElementById('historique').style.display == 'block') || (document.getElementById('distraction').style.display == 'block') || (document.getElementById('confort').style.display == 'block') || (document.getElementById('enfant36').style.display == 'block') || (document.getElementById('enfant711').style.display == 'block') || (document.getElementById('enfantplus11').style.display == 'block') || (document.getElementById('support').style.display == 'block') || (document.getElementById('plan').style.display == 'block') || (document.getElementById('horaires').style.display == 'block') || (document.getElementById('informations').style.display == 'block')){
    document.getElementById('globalhome').style.display = 'none';
    document.getElementById('societe').style.display = 'none';
    document.getElementById('historique').style.display = 'none';
    document.getElementById('distraction').style.display = 'none';
    document.getElementById('confort').style.display = 'none';
    document.getElementById('enfant36').style.display = 'none';
    document.getElementById('enfant711').style.display = 'none';
    document.getElementById('enfantplus11').style.display = 'none';
    document.getElementById('support').style.display = 'none';
    document.getElementById('plan').style.display = 'none';
    document.getElementById('horaires').style.display = 'none';
    document.getElementById('informations').style.display = 'none';
    document.getElementById('presse').style.opacity = '1';
    document.getElementById('presse').style.transitionDuration = '8s';
    }
    clearTimeout(myVarpresse1);
    }
    function widthpresse1(){
    if(document.getElementById('blochome').style.width == '0%'){
    document.getElementById('blochome').style.width = '70%';
    document.getElementById('blochome').style.transitionDuration = '2s';

    }
    clearTimeout(myVarpresse);
    }

    var myVardistraction;
    var myVardistraction1;
    function distraction(){

    if((document.getElementById('blochome').style.width == '70%') && (document.getElementById('distraction').style.display == 'none')){

    document.getElementById('distraction').style.display = 'block';

    document.getElementById('blochome').style.width = '0%';
    document.getElementById('blochome').style.transitionDuration = '0.5s';

    document.getElementById('globalhome').style.opacity = '0';
    document.getElementById('globalhome').style.transitionDuration = '0.3s';

    document.getElementById('societe').style.opacity = '0';
    document.getElementById('societe').style.transitionDuration = '0.3s';

    document.getElementById('historique').style.opacity = '0';
    document.getElementById('historique').style.transitionDuration = '0.3s';

    document.getElementById('presse').style.opacity = '0';
    document.getElementById('presse').style.transitionDuration = '0.3s';

    document.getElementById('confort').style.opacity = '0';
    document.getElementById('confort').style.transitionDuration = '0.3s';

    document.getElementById('enfant36').style.opacity = '0';
    document.getElementById('enfant36').style.transitionDuration = '0.3s';

    document.getElementById('enfant711').style.opacity = '0';
    document.getElementById('enfant711').style.transitionDuration = '0.3s';

    document.getElementById('enfantplus11').style.opacity = '0';
    document.getElementById('enfantplus11').style.transitionDuration = '0.3s';

    document.getElementById('plan').style.opacity = '0';
    document.getElementById('plan').style.transitionDuration = '0.3s';

    document.getElementById('horaires').style.opacity = '0';
    document.getElementById('horaires').style.transitionDuration = '0.3s';

    document.getElementById('informations').style.opacity = '0';
    document.getElementById('informations').style.transitionDuration = '0.3s';

    document.getElementById('support').style.opacity = '0';
    document.getElementById('support').style.transitionDuration = '0.3s';

    }
    myVardistraction=setTimeout(function(){widthdistraction1()},0750);

    myVardistraction1=setTimeout(function(){widthdistraction()},0750);
    }
    function widthdistraction(){
    if((document.getElementById('globalhome').style.display =='block') || (document.getElementById('societe').style.display == 'block') || (document.getElementById('historique').style.display == 'block') || (document.getElementById('presse').style.display == 'block') || (document.getElementById('confort').style.display == 'block') || (document.getElementById('enfant36').style.display == 'block') || (document.getElementById('enfant711').style.display == 'block') || (document.getElementById('enfantplus11').style.display == 'block') || (document.getElementById('support').style.display == 'block') || (document.getElementById('plan').style.display == 'block') || (document.getElementById('horaires').style.display == 'block') || (document.getElementById('informations').style.display == 'block')){
    document.getElementById('globalhome').style.display = 'none';
    document.getElementById('societe').style.display = 'none';
    document.getElementById('presse').style.display = 'none';
    document.getElementById('historique').style.display = 'none';
    document.getElementById('confort').style.display = 'none';
    document.getElementById('enfant36').style.display = 'none';
    document.getElementById('enfant711').style.display = 'none';
    document.getElementById('enfantplus11').style.display = 'none';
    document.getElementById('support').style.display = 'none';
    document.getElementById('plan').style.display = 'none';
    document.getElementById('horaires').style.display = 'none';
    document.getElementById('informations').style.display = 'none';
    document.getElementById('distraction').style.opacity = '1';
    document.getElementById('distraction').style.transitionDuration = '8s';
    }
    clearTimeout(myVardistraction1);
    }
    function widthdistraction1(){
    if(document.getElementById('blochome').style.width == '0%'){
    document.getElementById('blochome').style.width = '70%';
    document.getElementById('blochome').style.transitionDuration = '2s';

    }
    clearTimeout(myVardistraction);
    }

    var myVarconfort;
    var myVarconfort1;
    function confort(){

    if((document.getElementById('blochome').style.width == '70%') && (document.getElementById('confort').style.display == 'none')){

    document.getElementById('confort').style.display = 'block';

    document.getElementById('blochome').style.width = '0%';
    document.getElementById('blochome').style.transitionDuration = '0.5s';

    document.getElementById('globalhome').style.opacity = '0';
    document.getElementById('globalhome').style.transitionDuration = '0.3s';

    document.getElementById('societe').style.opacity = '0';
    document.getElementById('societe').style.transitionDuration = '0.3s';

    document.getElementById('historique').style.opacity = '0';
    document.getElementById('historique').style.transitionDuration = '0.3s';

    document.getElementById('presse').style.opacity = '0';
    document.getElementById('presse').style.transitionDuration = '0.3s';

    document.getElementById('distraction').style.opacity = '0';
    document.getElementById('distraction').style.transitionDuration = '0.3s';

    document.getElementById('enfant36').style.opacity = '0';
    document.getElementById('enfant36').style.transitionDuration = '0.3s';

    document.getElementById('enfant711').style.opacity = '0';
    document.getElementById('enfant711').style.transitionDuration = '0.3s';

    document.getElementById('enfantplus11').style.opacity = '0';
    document.getElementById('enfantplus11').style.transitionDuration = '0.3s';

    document.getElementById('plan').style.opacity = '0';
    document.getElementById('plan').style.transitionDuration = '0.3s';

    document.getElementById('horaires').style.opacity = '0';
    document.getElementById('horaires').style.transitionDuration = '0.3s';

    document.getElementById('informations').style.opacity = '0';
    document.getElementById('informations').style.transitionDuration = '0.3s';

    document.getElementById('support').style.opacity = '0';
    document.getElementById('support').style.transitionDuration = '0.3s';


    }
    myVarconfort=setTimeout(function(){widthconfort1()},0750);

    myVarconfort1=setTimeout(function(){widthconfort()},0750);
    }
    function widthconfort(){
    if((document.getElementById('globalhome').style.display =='block') || (document.getElementById('societe').style.display == 'block') || (document.getElementById('historique').style.display == 'block') || (document.getElementById('presse').style.display == 'block') || (document.getElementById('distraction').style.display == 'block') || (document.getElementById('enfant36').style.display == 'block') || (document.getElementById('enfant711').style.display == 'block') || (document.getElementById('enfantplus11').style.display == 'block') || (document.getElementById('support').style.display == 'block') || (document.getElementById('plan').style.display == 'block') || (document.getElementById('horaires').style.display == 'block') || (document.getElementById('informations').style.display == 'block')){
    document.getElementById('globalhome').style.display = 'none';
    document.getElementById('societe').style.display = 'none';
    document.getElementById('distraction').style.display = 'none';
    document.getElementById('presse').style.display = 'none';
    document.getElementById('historique').style.display = 'none';
    document.getElementById('enfant36').style.display = 'none';
    document.getElementById('enfant711').style.display = 'none';
    document.getElementById('enfantplus11').style.display = 'none';
    document.getElementById('support').style.display = 'none';
    document.getElementById('horaires').style.display = 'none';
    document.getElementById('informations').style.display = 'none';
    document.getElementById('plan').style.display = 'none';
    document.getElementById('confort').style.opacity = '1';
    document.getElementById('confort').style.transitionDuration = '8s';
    }
    clearTimeout(myVarconfort1);
    }
    function widthconfort1(){
    if(document.getElementById('blochome').style.width == '0%'){
    document.getElementById('blochome').style.width = '70%';
    document.getElementById('blochome').style.transitionDuration = '2s';

    }
    clearTimeout(myVarconfort);
    }

    var myVarenfant36;
    var myVarenfant361;
    function enfant36(){

    if((document.getElementById('blochome').style.width == '70%') && (document.getElementById('enfant36').style.display == 'none')){

    document.getElementById('enfant36').style.display = 'block';

    document.getElementById('blochome').style.width = '0%';
    document.getElementById('blochome').style.transitionDuration = '0.5s';

    document.getElementById('globalhome').style.opacity = '0';
    document.getElementById('globalhome').style.transitionDuration = '0.3s';

    document.getElementById('societe').style.opacity = '0';
    document.getElementById('societe').style.transitionDuration = '0.3s';

    document.getElementById('historique').style.opacity = '0';
    document.getElementById('historique').style.transitionDuration = '0.3s';

    document.getElementById('presse').style.opacity = '0';
    document.getElementById('presse').style.transitionDuration = '0.3s';

    document.getElementById('distraction').style.opacity = '0';
    document.getElementById('distraction').style.transitionDuration = '0.3s';

    document.getElementById('confort').style.opacity = '0';
    document.getElementById('confort').style.transitionDuration = '0.3s';

    document.getElementById('enfant711').style.opacity = '0';
    document.getElementById('enfant711').style.transitionDuration = '0.3s';

    document.getElementById('enfantplus11').style.opacity = '0';
    document.getElementById('enfantplus11').style.transitionDuration = '0.3s';

    document.getElementById('plan').style.opacity = '0';
    document.getElementById('plan').style.transitionDuration = '0.3s';

    document.getElementById('horaires').style.opacity = '0';
    document.getElementById('horaires').style.transitionDuration = '0.3s';

    document.getElementById('informations').style.opacity = '0';
    document.getElementById('informations').style.transitionDuration = '0.3s';

    document.getElementById('support').style.opacity = '0';
    document.getElementById('support').style.transitionDuration = '0.3s';

    }
    myVarenfant36=setTimeout(function(){widthenfant361()},0750);

    myVarenfant361=setTimeout(function(){widthenfant36()},0750);
    }
    function widthenfant36(){
    if((document.getElementById('globalhome').style.display =='block') || (document.getElementById('societe').style.display == 'block') || (document.getElementById('historique').style.display == 'block') || (document.getElementById('presse').style.display == 'block') || (document.getElementById('distraction').style.display == 'block') || (document.getElementById('confort').style.display == 'block') || (document.getElementById('enfant711').style.display == 'block') || (document.getElementById('enfantplus11').style.display == 'block') || (document.getElementById('support').style.display == 'block') || (document.getElementById('plan').style.display == 'block') || (document.getElementById('horaires').style.display == 'block') || (document.getElementById('informations').style.display == 'block')){
    document.getElementById('globalhome').style.display = 'none';
    document.getElementById('societe').style.display = 'none';
    document.getElementById('distraction').style.display = 'none';
    document.getElementById('confort').style.display = 'none';
    document.getElementById('presse').style.display = 'none';
    document.getElementById('historique').style.display = 'none';
    document.getElementById('enfant711').style.display = 'none';
    document.getElementById('enfantplus11').style.display = 'none';
    document.getElementById('support').style.display = 'none';
    document.getElementById('plan').style.display = 'none';
    document.getElementById('horaires').style.display = 'none';
    document.getElementById('informations').style.display = 'none';
    document.getElementById('enfant36').style.opacity = '1';
    document.getElementById('enfant36').style.transitionDuration = '8s';
    }
    clearTimeout(myVarenfant361);
    }
    function widthenfant361(){
    if(document.getElementById('blochome').style.width == '0%'){
    document.getElementById('blochome').style.width = '70%';
    document.getElementById('blochome').style.transitionDuration = '2s';

    }
    clearTimeout(myVarenfant36);
    }

    var myVarenfant711;
    var myVarenfant7111;
    function enfant711(){

    if((document.getElementById('blochome').style.width == '70%') && (document.getElementById('enfant711').style.display == 'none')){

    document.getElementById('enfant711').style.display = 'block';

    document.getElementById('blochome').style.width = '0%';
    document.getElementById('blochome').style.transitionDuration = '0.5s';

    document.getElementById('globalhome').style.opacity = '0';
    document.getElementById('globalhome').style.transitionDuration = '0.3s';

    document.getElementById('societe').style.opacity = '0';
    document.getElementById('societe').style.transitionDuration = '0.3s';

    document.getElementById('historique').style.opacity = '0';
    document.getElementById('historique').style.transitionDuration = '0.3s';

    document.getElementById('presse').style.opacity = '0';
    document.getElementById('presse').style.transitionDuration = '0.3s';

    document.getElementById('distraction').style.opacity = '0';
    document.getElementById('distraction').style.transitionDuration = '0.3s';

    document.getElementById('confort').style.opacity = '0';
    document.getElementById('confort').style.transitionDuration = '0.3s';

    document.getElementById('enfant36').style.opacity = '0';
    document.getElementById('enfant36').style.transitionDuration = '0.3s';

    document.getElementById('enfantplus11').style.opacity = '0';
    document.getElementById('enfantplus11').style.transitionDuration = '0.3s';

    document.getElementById('plan').style.opacity = '0';
    document.getElementById('plan').style.transitionDuration = '0.3s';

    document.getElementById('horaires').style.opacity = '0';
    document.getElementById('horaires').style.transitionDuration = '0.3s';

    document.getElementById('informations').style.opacity = '0';
    document.getElementById('informations').style.transitionDuration = '0.3s';

    document.getElementById('support').style.opacity = '0';
    document.getElementById('support').style.transitionDuration = '0.3s';

    }
    myVarenfant711=setTimeout(function(){widthenfant7111()},0750);

    myVarenfant7111=setTimeout(function(){widthenfant711()},0750);
    }
    function widthenfant711(){
    if((document.getElementById('globalhome').style.display =='block') || (document.getElementById('societe').style.display == 'block') || (document.getElementById('historique').style.display == 'block') || (document.getElementById('presse').style.display == 'block') || (document.getElementById('distraction').style.display == 'block') || (document.getElementById('confort').style.display == 'block') || (document.getElementById('enfant36').style.display == 'block') || (document.getElementById('enfantplus11').style.display == 'block') || (document.getElementById('support').style.display == 'block') || (document.getElementById('plan').style.display == 'block') || (document.getElementById('horaires').style.display == 'block') || (document.getElementById('informations').style.display == 'block')){
    document.getElementById('globalhome').style.display = 'none';
    document.getElementById('societe').style.display = 'none';
    document.getElementById('distraction').style.display = 'none';
    document.getElementById('confort').style.display = 'none';
    document.getElementById('presse').style.display = 'none';
    document.getElementById('enfant36').style.display = 'none';
    document.getElementById('enfantplus11').style.display = 'none';
    document.getElementById('historique').style.display = 'none';
    document.getElementById('support').style.display = 'none';
    document.getElementById('plan').style.display = 'none';
    document.getElementById('horaires').style.display = 'none';
    document.getElementById('informations').style.display = 'none';
    document.getElementById('enfant711').style.opacity = '1';
    document.getElementById('enfant711').style.transitionDuration = '8s';
    }
    clearTimeout(myVarenfant7111);
    }
    function widthenfant7111(){
    if(document.getElementById('blochome').style.width == '0%'){
    document.getElementById('blochome').style.width = '70%';
    document.getElementById('blochome').style.transitionDuration = '2s';

    }
    clearTimeout(myVarenfant711);
    }

    var myVarenfantplus11;
    var myVarenfantplus111;
    function enfantplus11(){

    if((document.getElementById('blochome').style.width == '70%') && (document.getElementById('enfantplus11').style.display == 'none')){

    document.getElementById('enfantplus11').style.display = 'block';

    document.getElementById('blochome').style.width = '0%';
    document.getElementById('blochome').style.transitionDuration = '0.5s';

    document.getElementById('globalhome').style.opacity = '0';
    document.getElementById('globalhome').style.transitionDuration = '0.3s';

    document.getElementById('societe').style.opacity = '0';
    document.getElementById('societe').style.transitionDuration = '0.3s';

    document.getElementById('historique').style.opacity = '0';
    document.getElementById('historique').style.transitionDuration = '0.3s';

    document.getElementById('presse').style.opacity = '0';
    document.getElementById('presse').style.transitionDuration = '0.3s';

    document.getElementById('distraction').style.opacity = '0';
    document.getElementById('distraction').style.transitionDuration = '0.3s';

    document.getElementById('confort').style.opacity = '0';
    document.getElementById('confort').style.transitionDuration = '0.3s';

    document.getElementById('enfant36').style.opacity = '0';
    document.getElementById('enfant36').style.transitionDuration = '0.3s';

    document.getElementById('enfant711').style.opacity = '0';
    document.getElementById('enfant711').style.transitionDuration = '0.3s';

    document.getElementById('plan').style.opacity = '0';
    document.getElementById('plan').style.transitionDuration = '0.3s';

    document.getElementById('horaires').style.opacity = '0';
    document.getElementById('horaires').style.transitionDuration = '0.3s';

    document.getElementById('informations').style.opacity = '0';
    document.getElementById('informations').style.transitionDuration = '0.3s';

    document.getElementById('support').style.opacity = '0';
    document.getElementById('support').style.transitionDuration = '0.3s';
    }
    myVarenfantplus11=setTimeout(function(){widthenfantplus111()},0750);

    myVarenfantplus111=setTimeout(function(){widthenfantplus11()},0750);
    }
    function widthenfantplus11(){
    if((document.getElementById('globalhome').style.display =='block') || (document.getElementById('societe').style.display == 'block') || (document.getElementById('historique').style.display == 'block') || (document.getElementById('presse').style.display == 'block') || (document.getElementById('distraction').style.display == 'block') || (document.getElementById('confort').style.display == 'block') || (document.getElementById('enfant36').style.display == 'block') || (document.getElementById('enfant711').style.display == 'block') || (document.getElementById('support').style.display == 'block') || (document.getElementById('plan').style.display == 'block') || (document.getElementById('horaires').style.display == 'block') || (document.getElementById('informations').style.display == 'block')){
    document.getElementById('globalhome').style.display = 'none';
    document.getElementById('societe').style.display = 'none';
    document.getElementById('distraction').style.display = 'none';
    document.getElementById('confort').style.display = 'none';
    document.getElementById('presse').style.display = 'none';
    document.getElementById('enfant36').style.display = 'none';
    document.getElementById('enfant711').style.display = 'none';
    document.getElementById('historique').style.display = 'none';
    document.getElementById('support').style.display = 'none';
    document.getElementById('plan').style.display = 'none';
    document.getElementById('horaires').style.display = 'none';
    document.getElementById('informations').style.display = 'none';
    document.getElementById('enfantplus11').style.opacity = '1';
    document.getElementById('enfantplus11').style.transitionDuration = '8s';
    }
    clearTimeout(myVarenfantplus111);
    }
    function widthenfantplus111(){
    if(document.getElementById('blochome').style.width == '0%'){
    document.getElementById('blochome').style.width = '70%';
    document.getElementById('blochome').style.transitionDuration = '2s';

    }
    clearTimeout(myVarenfantplus11);
    }

    var myVarsupport;
    var myVarsupport1;
    function support(){

    if((document.getElementById('blochome').style.width == '70%') && (document.getElementById('support').style.display == 'none')){

    document.getElementById('support').style.display = 'block';

    document.getElementById('blochome').style.width = '0%';
    document.getElementById('blochome').style.transitionDuration = '0.5s';

    document.getElementById('globalhome').style.opacity = '0';
    document.getElementById('globalhome').style.transitionDuration = '0.3s';

    document.getElementById('societe').style.opacity = '0';
    document.getElementById('societe').style.transitionDuration = '0.3s';

    document.getElementById('historique').style.opacity = '0';
    document.getElementById('historique').style.transitionDuration = '0.3s';

    document.getElementById('presse').style.opacity = '0';
    document.getElementById('presse').style.transitionDuration = '0.3s';

    document.getElementById('distraction').style.opacity = '0';
    document.getElementById('distraction').style.transitionDuration = '0.3s';

    document.getElementById('confort').style.opacity = '0';
    document.getElementById('confort').style.transitionDuration = '0.3s';

    document.getElementById('enfant36').style.opacity = '0';
    document.getElementById('enfant36').style.transitionDuration = '0.3s';

    document.getElementById('enfant711').style.opacity = '0';
    document.getElementById('enfant711').style.transitionDuration = '0.3s';

    document.getElementById('plan').style.opacity = '0';
    document.getElementById('plan').style.transitionDuration = '0.3s';

    document.getElementById('horaires').style.opacity = '0';
    document.getElementById('horaires').style.transitionDuration = '0.3s';

    document.getElementById('informations').style.opacity = '0';
    document.getElementById('informations').style.transitionDuration = '0.3s';

    document.getElementById('enfantplus11').style.opacity = '0';
    document.getElementById('enfantplus11').style.transitionDuration = '0.3s';

    }
    myVarsupport=setTimeout(function(){widthsupport1()},0750);

    myVarsupport1=setTimeout(function(){widthsupport()},0750);
    }
    function widthsupport(){
    if((document.getElementById('globalhome').style.display =='block') || (document.getElementById('societe').style.display == 'block') || (document.getElementById('historique').style.display == 'block') || (document.getElementById('presse').style.display == 'block') || (document.getElementById('distraction').style.display == 'block') || (document.getElementById('confort').style.display == 'block') || (document.getElementById('enfant36').style.display == 'block') || (document.getElementById('enfant711').style.display == 'block') || (document.getElementById('enfantplus11').style.display == 'block') || (document.getElementById('plan').style.display == 'block') || (document.getElementById('horaires').style.display == 'block') || (document.getElementById('informations').style.display == 'block')){
    document.getElementById('globalhome').style.display = 'none';
    document.getElementById('societe').style.display = 'none';
    document.getElementById('distraction').style.display = 'none';
    document.getElementById('confort').style.display = 'none';
    document.getElementById('presse').style.display = 'none';
    document.getElementById('enfant36').style.display = 'none';
    document.getElementById('enfant711').style.display = 'none';
    document.getElementById('enfantplus11').style.display = 'none';
    document.getElementById('historique').style.display = 'none';
    document.getElementById('plan').style.display = 'none';
    document.getElementById('horaires').style.display = 'none';
    document.getElementById('informations').style.display = 'none';
    document.getElementById('support').style.opacity = '1';
    document.getElementById('support').style.transitionDuration = '8s';


    }
    clearTimeout(myVarsupport1);
    }
    function widthsupport1(){
    if(document.getElementById('blochome').style.width == '0%'){
    document.getElementById('blochome').style.width = '70%';
    document.getElementById('blochome').style.transitionDuration = '2s';

    }
    clearTimeout(myVarsupport);
    }

    /* hover images support */

    function imagehoversupport0(){
    document.getElementById('imagesupport').style.transform = "rotate(5deg)";
    document.getElementById('imagesupport').style.webkitTransform = "rotate(5deg)";
    document.getElementById('imagesupport').style.transitionDuration = '0.1s';
    }

    function imageoutsupport0(){
    document.getElementById('imagesupport').style.transform = "rotate(0deg)";
    document.getElementById('imagesupport').style.webkitTransform = "rotate(0deg)";
    document.getElementById('imagesupport').style.transitionDuration = '0.1s';
    }

    function imagehoversupport(){
    document.getElementById('imagesupport1').style.transform = "rotate(5deg)";
    document.getElementById('imagesupport1').style.webkitTransform = "rotate(5deg)";
    document.getElementById('imagesupport1').style.transitionDuration = '0.1s';
    }

    function imageoutsupport(){
    document.getElementById('imagesupport1').style.transform = "rotate(0deg)";
    document.getElementById('imagesupport1').style.webkitTransform = "rotate(0deg)";
    document.getElementById('imagesupport1').style.transitionDuration = '0.1s';
    }

    function imagehoversupport1(){
    document.getElementById('imagesupport2').style.transform = "rotate(5deg)";
    document.getElementById('imagesupport2').style.webkitTransform = "rotate(5deg)";
    document.getElementById('imagesupport2').style.transitionDuration = '0.1s';
    }

    function imageoutsupport1(){
    document.getElementById('imagesupport2').style.transform = "rotate(0deg)";
    document.getElementById('imagesupport2').style.webkitTransform = "rotate(0deg)";
    document.getElementById('imagesupport2').style.transitionDuration = '0.1s';
    }

    function imagehoversupport2(){
    document.getElementById('imagesupport3').style.transform = "rotate(5deg)";
    document.getElementById('imagesupport3').style.webkitTransform = "rotate(5deg)";
    document.getElementById('imagesupport3').style.transitionDuration = '0.1s';
    }

    function imageoutsupport2(){
    document.getElementById('imagesupport3').style.transform = "rotate(0deg)";
    document.getElementById('imagesupport3').style.webkitTransform = "rotate(0deg)";
    document.getElementById('imagesupport3').style.transitionDuration = '0.1s';
    }

    function imagehoversupport3(){
    document.getElementById('imagesupport4').style.transform = "rotate(5deg)";
    document.getElementById('imagesupport4').style.webkitTransform = "rotate(5deg)";
    document.getElementById('imagesupport4').style.transitionDuration = '0.1s';
    }

    function imageoutsupport3(){
    document.getElementById('imagesupport4').style.transform = "rotate(0deg)";
    document.getElementById('imagesupport4').style.webkitTransform = "rotate(0deg)";
    document.getElementById('imagesupport4').style.transitionDuration = '0.1s';
    }
    function imagehoversupport4(){
    document.getElementById('imagesupport5').style.transform = "rotate(5deg)";
    document.getElementById('imagesupport5').style.webkitTransform = "rotate(5deg)";
    document.getElementById('imagesupport5').style.transitionDuration = '0.1s';
    }

    function imageoutsupport4(){
    document.getElementById('imagesupport5').style.transform = "rotate(0deg)";
    document.getElementById('imagesupport5').style.webkitTransform = "rotate(0deg)";
    document.getElementById('imagesupport5').style.transitionDuration = '0.1s';
    }

    /*fin hover images suppport */


    var myVarplan;
    var myVarplan1;
    function plan(){

    if((document.getElementById('blochome').style.width == '70%') && (document.getElementById('plan').style.display == 'none')){

    document.getElementById('plan').style.display = 'block';

    document.getElementById('blochome').style.width = '0%';
    document.getElementById('blochome').style.transitionDuration = '0.5s';

    document.getElementById('globalhome').style.opacity = '0';
    document.getElementById('globalhome').style.transitionDuration = '0.3s';

    document.getElementById('societe').style.opacity = '0';
    document.getElementById('societe').style.transitionDuration = '0.3s';

    document.getElementById('historique').style.opacity = '0';
    document.getElementById('historique').style.transitionDuration = '0.3s';

    document.getElementById('presse').style.opacity = '0';
    document.getElementById('presse').style.transitionDuration = '0.3s';

    document.getElementById('distraction').style.opacity = '0';
    document.getElementById('distraction').style.transitionDuration = '0.3s';

    document.getElementById('confort').style.opacity = '0';
    document.getElementById('confort').style.transitionDuration = '0.3s';

    document.getElementById('enfant36').style.opacity = '0';
    document.getElementById('enfant36').style.transitionDuration = '0.3s';

    document.getElementById('enfant711').style.opacity = '0';
    document.getElementById('enfant711').style.transitionDuration = '0.3s';

    document.getElementById('enfantplus11').style.opacity = '0';
    document.getElementById('enfantplus11').style.transitionDuration = '0.3s';

    document.getElementById('horaires').style.opacity = '0';
    document.getElementById('horaires').style.transitionDuration = '0.3s';

    document.getElementById('informations').style.opacity = '0';
    document.getElementById('informations').style.transitionDuration = '0.3s';

    document.getElementById('support').style.opacity = '0';
    document.getElementById('support').style.transitionDuration = '0.3s';

    }
    myVarplan=setTimeout(function(){widthplan1()},0750);

    myVarplan1=setTimeout(function(){widthplan()},0750);
    }
    function widthplan(){
    if((document.getElementById('globalhome').style.display =='block') || (document.getElementById('societe').style.display == 'block') || (document.getElementById('historique').style.display == 'block') || (document.getElementById('presse').style.display == 'block') || (document.getElementById('distraction').style.display == 'block') || (document.getElementById('confort').style.display == 'block') || (document.getElementById('enfant36').style.display == 'block') || (document.getElementById('enfant711').style.display == 'block') || (document.getElementById('enfantplus11').style.display == 'block') || (document.getElementById('support').style.display == 'block') || (document.getElementById('horaires').style.display == 'block') || (document.getElementById('informations').style.display == 'block')){
    document.getElementById('globalhome').style.display = 'none';
    document.getElementById('societe').style.display = 'none';
    document.getElementById('distraction').style.display = 'none';
    document.getElementById('confort').style.display = 'none';
    document.getElementById('presse').style.display = 'none';
    document.getElementById('enfant36').style.display = 'none';
    document.getElementById('enfant711').style.display = 'none';
    document.getElementById('enfantplus11').style.display = 'none';
    document.getElementById('historique').style.display = 'none';
    document.getElementById('support').style.display = 'none';
    document.getElementById('horaires').style.display = 'none';
    document.getElementById('informations').style.display = 'none';
    document.getElementById('plan').style.opacity = '1';
    document.getElementById('plan').style.transitionDuration = '8s';


    }
    clearTimeout(myVarplan1);
    }
    function widthplan1(){
    if(document.getElementById('blochome').style.width == '0%'){
    document.getElementById('blochome').style.width = '70%';
    document.getElementById('blochome').style.transitionDuration = '2s';

    }
    clearTimeout(myVarplan);
    }

    var myVarhoraires;
    var myVarhoraires1;
    function horaires(){

    if((document.getElementById('blochome').style.width == '70%') && (document.getElementById('horaires').style.display == 'none')){

    document.getElementById('horaires').style.display = 'block';

    document.getElementById('blochome').style.width = '0%';
    document.getElementById('blochome').style.transitionDuration = '0.5s';

    document.getElementById('globalhome').style.opacity = '0';
    document.getElementById('globalhome').style.transitionDuration = '0.3s';

    document.getElementById('societe').style.opacity = '0';
    document.getElementById('societe').style.transitionDuration = '0.3s';

    document.getElementById('historique').style.opacity = '0';
    document.getElementById('historique').style.transitionDuration = '0.3s';

    document.getElementById('presse').style.opacity = '0';
    document.getElementById('presse').style.transitionDuration = '0.3s';

    document.getElementById('distraction').style.opacity = '0';
    document.getElementById('distraction').style.transitionDuration = '0.3s';

    document.getElementById('confort').style.opacity = '0';
    document.getElementById('confort').style.transitionDuration = '0.3s';

    document.getElementById('enfant36').style.opacity = '0';
    document.getElementById('enfant36').style.transitionDuration = '0.3s';

    document.getElementById('enfant711').style.opacity = '0';
    document.getElementById('enfant711').style.transitionDuration = '0.3s';

    document.getElementById('enfantplus11').style.opacity = '0';
    document.getElementById('enfantplus11').style.transitionDuration = '0.3s';

    document.getElementById('plan').style.opacity = '0';
    document.getElementById('plan').style.transitionDuration = '0.3s';

    document.getElementById('informations').style.opacity = '0';
    document.getElementById('informations').style.transitionDuration = '0.3s';

    document.getElementById('support').style.opacity = '0';
    document.getElementById('support').style.transitionDuration = '0.3s';

    }
    myVarhoraires=setTimeout(function(){widthhoraires1()},0750);

    myVarhoraires1=setTimeout(function(){widthhoraires()},0750);
    }
    function widthhoraires(){
    if((document.getElementById('globalhome').style.display =='block') || (document.getElementById('societe').style.display == 'block') || (document.getElementById('historique').style.display == 'block') || (document.getElementById('presse').style.display == 'block') || (document.getElementById('distraction').style.display == 'block') || (document.getElementById('confort').style.display == 'block') || (document.getElementById('enfant36').style.display == 'block') || (document.getElementById('enfant711').style.display == 'block') || (document.getElementById('enfantplus11').style.display == 'block') || (document.getElementById('support').style.display == 'block') || (document.getElementById('plan').style.display == 'block') || (document.getElementById('informations').style.display == 'block')){
    document.getElementById('globalhome').style.display = 'none';
    document.getElementById('societe').style.display = 'none';
    document.getElementById('distraction').style.display = 'none';
    document.getElementById('confort').style.display = 'none';
    document.getElementById('presse').style.display = 'none';
    document.getElementById('enfant36').style.display = 'none';
    document.getElementById('enfant711').style.display = 'none';
    document.getElementById('enfantplus11').style.display = 'none';
    document.getElementById('historique').style.display = 'none';
    document.getElementById('support').style.display = 'none';
    document.getElementById('plan').style.display = 'none';
    document.getElementById('informations').style.display = 'none';
    document.getElementById('horaires').style.opacity = '1';
    document.getElementById('horaires').style.transitionDuration = '8s';


    }
    clearTimeout(myVarhoraires1);
    }
    function widthhoraires1(){
    if(document.getElementById('blochome').style.width == '0%'){
    document.getElementById('blochome').style.width = '70%';
    document.getElementById('blochome').style.transitionDuration = '2s';

    }
    clearTimeout(myVarhoraires);
    }

    var myVarinformations;
    var myVarinformations1;
    function informations(){

    if((document.getElementById('blochome').style.width == '70%') && (document.getElementById('informations').style.display == 'none')){

    document.getElementById('informations').style.display = 'block';

    document.getElementById('blochome').style.width = '0%';
    document.getElementById('blochome').style.transitionDuration = '0.5s';

    document.getElementById('globalhome').style.opacity = '0';
    document.getElementById('globalhome').style.transitionDuration = '0.3s';

    document.getElementById('societe').style.opacity = '0';
    document.getElementById('societe').style.transitionDuration = '0.3s';

    document.getElementById('historique').style.opacity = '0';
    document.getElementById('historique').style.transitionDuration = '0.3s';

    document.getElementById('presse').style.opacity = '0';
    document.getElementById('presse').style.transitionDuration = '0.3s';

    document.getElementById('distraction').style.opacity = '0';
    document.getElementById('distraction').style.transitionDuration = '0.3s';

    document.getElementById('confort').style.opacity = '0';
    document.getElementById('confort').style.transitionDuration = '0.3s';

    document.getElementById('enfant36').style.opacity = '0';
    document.getElementById('enfant36').style.transitionDuration = '0.3s';

    document.getElementById('enfant711').style.opacity = '0';
    document.getElementById('enfant711').style.transitionDuration = '0.3s';

    document.getElementById('enfantplus11').style.opacity = '0';
    document.getElementById('enfantplus11').style.transitionDuration = '0.3s';

    document.getElementById('plan').style.opacity = '0';
    document.getElementById('plan').style.transitionDuration = '0.3s';


    document.getElementById('support').style.opacity = '0';
    document.getElementById('support').style.transitionDuration = '0.3s';

    document.getElementById('horaires').style.opacity = '0';
    document.getElementById('horaires').style.transitionDuration = '0.3s';

    }
    myVarinformations=setTimeout(function(){widthinformations1()},0750);

    myVarinformations1=setTimeout(function(){widthinformations()},0750);
    }
    function widthinformations(){
    if((document.getElementById('globalhome').style.display =='block') || (document.getElementById('societe').style.display == 'block') || (document.getElementById('historique').style.display == 'block') || (document.getElementById('presse').style.display == 'block') || (document.getElementById('distraction').style.display == 'block') || (document.getElementById('confort').style.display == 'block') || (document.getElementById('enfant36').style.display == 'block') || (document.getElementById('enfant711').style.display == 'block') || (document.getElementById('enfantplus11').style.display == 'block') || (document.getElementById('support').style.display == 'block') || (document.getElementById('plan').style.display == 'block') || (document.getElementById('horaires').style.display == 'block')){
    document.getElementById('globalhome').style.display = 'none';
    document.getElementById('societe').style.display = 'none';
    document.getElementById('distraction').style.display = 'none';
    document.getElementById('confort').style.display = 'none';
    document.getElementById('presse').style.display = 'none';
    document.getElementById('enfant36').style.display = 'none';
    document.getElementById('enfant711').style.display = 'none';
    document.getElementById('enfantplus11').style.display = 'none';
    document.getElementById('historique').style.display = 'none';
    document.getElementById('support').style.display = 'none';
    document.getElementById('plan').style.display = 'none';
    document.getElementById('horaires').style.display = 'none';
    document.getElementById('informations').style.opacity = '1';
    document.getElementById('informations').style.transitionDuration = '8s';


    }
    clearTimeout(myVarinformations1);
    }
    function widthinformations1(){
    if(document.getElementById('blochome').style.width == '0%'){
    document.getElementById('blochome').style.width = '70%';
    document.getElementById('blochome').style.transitionDuration = '2s';

    }
    clearTimeout(myVarinformations);
    }

    function imagehoverpresse0(){
    if(document.getElementById('textpresse1').style.opacity =='0'){
    document.getElementById('imagepresse1').style.transitionDuration = '1s';
    document.getElementById('textpresse1').style.marginTop ='200px';
    document.getElementById('textpresse1').style.opacity ='1';
    document.getElementById('textpresse1').style.transitionDuration = '1s';
    document.getElementById('flecheimagepresse1').style.marginTop ='200px';
    document.getElementById('flecheimagepresse1').style.opacity ='1';
    document.getElementById('flecheimagepresse1').style.transitionDuration = '1s';
    }
    }

    function imageoutpresse1(){
    if(document.getElementById('textpresse1').style.opacity =='1'){
    document.getElementById('imagepresse1').style.transitionDuration = '1s';
    document.getElementById('textpresse1').style.marginTop ='0px';
    document.getElementById('textpresse1').style.opacity ='0';
    document.getElementById('textpresse1').style.transitionDuration = '1s';
    document.getElementById('flecheimagepresse1').style.marginTop ='460px';
    document.getElementById('flecheimagepresse1').style.opacity ='0';
    document.getElementById('flecheimagepresse1').style.transitionDuration = '1s';
    }
    }

    function imagehoverpresse1(){
    if(document.getElementById('textpresse2').style.opacity =='0'){
    document.getElementById('imagepresse2').style.transitionDuration = '1s';
    document.getElementById('textpresse2').style.marginTop ='200px';
    document.getElementById('textpresse2').style.opacity ='1';
    document.getElementById('textpresse2').style.transitionDuration = '1s';
    document.getElementById('flecheimagepresse2').style.marginTop ='200px';
    document.getElementById('flecheimagepresse2').style.opacity ='1';
    document.getElementById('flecheimagepresse2').style.transitionDuration = '1s';
    }
    }

    function imageoutpresse2(){
    if(document.getElementById('textpresse2').style.opacity =='1'){
    document.getElementById('imagepresse2').style.transitionDuration = '1s';
    document.getElementById('textpresse2').style.marginTop ='0px';
    document.getElementById('textpresse2').style.opacity ='0';
    document.getElementById('textpresse2').style.transitionDuration = '1s';
    document.getElementById('flecheimagepresse2').style.marginTop ='460px';
    document.getElementById('flecheimagepresse2').style.opacity ='0';
    document.getElementById('flecheimagepresse2').style.transitionDuration = '1s';
    }
    }

    function imagehoverpresse2(){
    if(document.getElementById('textpresse3').style.opacity =='0'){
    document.getElementById('imagepresse3').style.transitionDuration = '1s';
    document.getElementById('textpresse3').style.marginTop ='200px';
    document.getElementById('textpresse3').style.opacity ='1';
    document.getElementById('textpresse3').style.transitionDuration = '1s';
    document.getElementById('flecheimagepresse3').style.marginTop ='185px';
    document.getElementById('flecheimagepresse3').style.opacity ='1';
    document.getElementById('flecheimagepresse3').style.transitionDuration = '1s';
    }
    }

    function imageoutpresse3(){
    if(document.getElementById('textpresse3').style.opacity =='1'){
    document.getElementById('imagepresse3').style.transitionDuration = '1s';
    document.getElementById('textpresse3').style.marginTop ='0px';
    document.getElementById('textpresse3').style.opacity ='0';
    document.getElementById('textpresse3').style.transitionDuration = '1s';
    document.getElementById('flecheimagepresse3').style.marginTop ='460px';
    document.getElementById('flecheimagepresse3').style.opacity ='0';
    document.getElementById('flecheimagepresse3').style.transitionDuration = '1s';
    }
    }

    function imagehoverpresse3(){
    if(document.getElementById('textpresse4').style.opacity =='0'){
    document.getElementById('imagepresse4').style.transitionDuration = '1s';
    document.getElementById('textpresse4').style.marginTop ='200px';
    document.getElementById('textpresse4').style.opacity ='1';
    document.getElementById('textpresse4').style.transitionDuration = '1s';
    document.getElementById('flecheimagepresse4').style.marginTop ='200px';
    document.getElementById('flecheimagepresse4').style.opacity ='1';
    document.getElementById('flecheimagepresse4').style.transitionDuration = '1s';
    }
    }

    function imageoutpresse4(){
    if(document.getElementById('textpresse4').style.opacity =='1'){
    document.getElementById('imagepresse4').style.transitionDuration = '1s';
    document.getElementById('textpresse4').style.marginTop ='0px';
    document.getElementById('textpresse4').style.opacity ='0';
    document.getElementById('textpresse4').style.transitionDuration = '1s';
    document.getElementById('flecheimagepresse4').style.marginTop ='460px';
    document.getElementById('flecheimagepresse4').style.opacity ='0';
    document.getElementById('flecheimagepresse4').style.transitionDuration = '1s';
    }
    }

    function imagehoverpresse4(){
    if(document.getElementById('textpresse5').style.opacity =='0'){
    document.getElementById('imagepresse5').style.transitionDuration = '1s';
    document.getElementById('textpresse5').style.marginTop ='200px';
    document.getElementById('textpresse5').style.opacity ='1';
    document.getElementById('textpresse5').style.transitionDuration = '1s';
    document.getElementById('flecheimagepresse5').style.marginTop ='170px';
    document.getElementById('flecheimagepresse5').style.opacity ='1';
    document.getElementById('flecheimagepresse5').style.transitionDuration = '1s';
    }
    }

    function imageoutpresse5(){
    if(document.getElementById('textpresse5').style.opacity =='1'){
    document.getElementById('imagepresse5').style.transitionDuration = '1s';
    document.getElementById('textpresse5').style.marginTop ='0px';
    document.getElementById('textpresse5').style.opacity ='0';
    document.getElementById('textpresse5').style.transitionDuration = '1s';
    document.getElementById('flecheimagepresse5').style.marginTop ='460px';
    document.getElementById('flecheimagepresse5').style.opacity ='0';
    document.getElementById('flecheimagepresse5').style.transitionDuration = '1s';
    }
    }

    /* Hover distraction */

    function imagehoverdistraction0(){


    document.getElementById('imagedistraction').style.border = "3px solid black";
    document.getElementById('imagedistraction').style.transitionDuration = '0.3s';
    document.getElementById('globalhoverconfortr').style.display = 'block';
    document.getElementById('globalhoverconfortr').style.transitionDuration = '0.5s';

    }
    function imageoutdistraction0(){

    document.getElementById('imagedistraction').style.border = "3px solid white";
    document.getElementById('imagedistraction').style.transitionDuration = '0.3s';
    document.getElementById('globalhoverconfortr').style.display = 'none';
    document.getElementById('globalhoverconfortr').style.transitionDuration = '0.5s';
    }


    function imagehoverdistractionimg1(){
    document.getElementById('soinvisage').style.opacity = '1';
    document.getElementById('soinvisage').style.transitionDuration = '0.5s';
    }
    function imageoutdistractionimg1(){
    document.getElementById('soinvisage').style.opacity = '0';
    document.getElementById('soinvisage').style.transitionDuration = '0.5s';
    }
    function imagehoverdistractionimg2(){
    document.getElementById('soinvisage1').style.opacity = '1';
    document.getElementById('soinvisage1').style.transitionDuration = '0.5s';
    }

    function imageoutdistractionimg2(){
    document.getElementById('soinvisage1').style.opacity = '0';
    document.getElementById('soinvisage1').style.transitionDuration = '0.5s';
    }
    function imagehoverdistractionimg3(){
    document.getElementById('soinvisage2').style.opacity = '1';
    document.getElementById('soinvisage2').style.transitionDuration = '0.5s';
    }

    function imageoutdistractionimg3(){
    document.getElementById('soinvisage2').style.opacity = '0';
    document.getElementById('soinvisage2').style.transitionDuration = '0.5s';
    }

    /*image2*/

    function hoverproduit2(){

    document.getElementById('imagedistraction1').style.border = "3px solid black";
    document.getElementById('imagedistraction1').style.transitionDuration = '0.3s';

    document.getElementById('blockglobalproduit2').style.display = 'block';
    document.getElementById('blockglobalproduit2').style.transitionDuration = '0.5s';

    }
    function outproduit2(){

    document.getElementById('imagedistraction1').style.border = "3px solid white";
    document.getElementById('imagedistraction1').style.transitionDuration = '0.3s';
    document.getElementById('blockglobalproduit2').style.display = 'none';
    document.getElementById('blockglobalproduit2').style.transitionDuration = '0.5s';
    }
    /*mini image2*/
    function beaumrepahover(){
    document.getElementById('beaumrepatext').style.opacity = '1';
    document.getElementById('beaumrepatext').style.transitionDuration = '0.5s';
    }
    function beaumrepaout(){
    document.getElementById('beaumrepatext').style.opacity = '0';
    document.getElementById('beaumrepatext').style.transitionDuration = '0.5s';
    }
    function masquerepahover(){
    document.getElementById('masquerepatext').style.opacity = '1';
    document.getElementById('masquerepatext').style.transitionDuration = '0.5s';
    }

    function masquerepaout(){
    document.getElementById('masquerepatext').style.opacity = '0';
    document.getElementById('masquerepatext').style.transitionDuration = '0.5s';
    }
    function packsoinover(){
    document.getElementById('packsoinouttext').style.opacity = '1';
    document.getElementById('packsoinouttext').style.transitionDuration = '0.5s';
    }

    function packsoinout(){
    document.getElementById('packsoinouttext').style.opacity = '0';
    document.getElementById('packsoinouttext').style.transitionDuration = '0.5s';
    }
    /*image3*/

    function hoverproduit3(){

    document.getElementById('imagedistraction2').style.border = "3px solid black";
    document.getElementById('imagedistraction2').style.transitionDuration = '0.3s';

    document.getElementById('blockglobalproduit3').style.display = 'block';
    document.getElementById('blockglobalproduit3').style.transitionDuration = '0.5s';

    }
    function outproduit3(){

    document.getElementById('imagedistraction2').style.border = "3px solid white";
    document.getElementById('imagedistraction2').style.transitionDuration = '0.3s';
    document.getElementById('blockglobalproduit3').style.display = 'none';
    document.getElementById('blockglobalproduit3').style.transitionDuration = '0.5s';
    }
    /*mini image3*/
    function masquefinhover(){
    document.getElementById('masquefintext').style.opacity = '1';
    document.getElementById('masquefintext').style.transitionDuration = '0.5s';
    }
    function masquefinout(){
    document.getElementById('masquefintext').style.opacity = '0';
    document.getElementById('masquefintext').style.transitionDuration = '0.5s';
    }
    function shampoingcolorehover(){
    document.getElementById('shampoingcoloretext').style.opacity = '1';
    document.getElementById('shampoingcoloretext').style.transitionDuration = '0.5s';
    }

    function shampoingcoloreout(){
    document.getElementById('shampoingcoloretext').style.opacity = '0';
    document.getElementById('shampoingcoloretext').style.transitionDuration = '0.5s';
    }

    function changetexte(){
    document.getElementById('shampoingcoloretext').style.opacity = '0';


    }


    var taille;
    taille = 1;
    function agrandirtxt(valeur)
    {
    taille = taille + valeur;
    document.getElementById("titrehome").style.fontSize = taille + "em";
    document.getElementById("textsocietelipsumenfantplus11").style.fontSize = taille + "em";
    document.getElementById("textsocietelipsum1enfantplus11").style.fontSize = taille + "em";
    document.getElementById("textinformations11").style.fontSize = taille + "em";
    document.getElementById("textsocietepage").style.fontSize = taille + "em";
    document.getElementById("textsociete").style.fontSize = taille + "em";
    document.getElementById("textsocietelipsumnew").style.fontSize = taille + "em";
    document.getElementById("textsocietelipsum1").style.fontSize = taille + "em";
    document.getElementById("textsocietehistorique").style.fontSize = taille + "em";
    document.getElementById("textpresse").style.fontSize = taille + "em";
    document.getElementById("textdistraction").style.fontSize = taille + "em";
    document.getElementById("textdistraction1").style.fontSize = taille + "em";
    document.getElementById("textdistraction2").style.fontSize = taille + "em";
    document.getElementById("textsocietelipsum").style.fontSize = taille + "em";
    document.getElementById("textsocietelipsumenfant36").style.fontSize = taille + "em";
    document.getElementById("textsocietelipsum1enfant36").style.fontSize = taille + "em";
    document.getElementById("textsocietelipsumenfant711").style.fontSize = taille + "em";
    document.getElementById("textsocietelipsum1enfant711").style.fontSize = taille + "em";
    document.getElementById("textsocietelipsumdistr").style.fontSize = taille + "em";
    document.getElementById("textenfant36").style.fontSize = taille + "em";
    document.getElementById("textsocietelipsum").style.fontSize = taille + "em";
    document.getElementById("textenfant711").style.fontSize = taille + "em";
    document.getElementById("textenfantplus11").style.fontSize = taille + "em";
    document.getElementById("textsupport").style.fontSize = taille + "em";
    document.getElementById("testsupportimg").style.fontSize = taille + "em";
    document.getElementById("testsupportimg1").style.fontSize = taille + "em";
    document.getElementById("testsupportimg2").style.fontSize = taille + "em";
    document.getElementById("testsupportimg3").style.fontSize = taille + "em";
    document.getElementById("testsupportimg4").style.fontSize = taille + "em";
    document.getElementById("textplan").style.fontSize = taille + "em";
    document.getElementById("textplan1").style.fontSize = taille + "em";
    document.getElementById("texthoraires").style.fontSize = taille + "em";
    document.getElementById("texthoraires1").style.fontSize = taille + "em";
    document.getElementById("textinformations").style.fontSize = taille + "em";
    document.getElementById("textinformations1").style.fontSize = taille + "em";


    }

    function Changetextcolor(){
    if(document.getElementById("changetextcolor").style.height == "30px"){
    document.getElementById("changetextcolor").style.height = "180px";
    document.getElementById("changetextcolor").style.transitionDuration = "1s";

    document.getElementById("changenoir").style.opacity = "1";
    document.getElementById("changenoir").style.transitionDuration = "1s";

    document.getElementById("changerouge").style.opacity = "1";
    document.getElementById("changerouge").style.transitionDuration = "1s";

    document.getElementById("changevert").style.opacity = "1";
    document.getElementById("changevert").style.transitionDuration = "1s";

    document.getElementById("changerose").style.opacity = "1";
    document.getElementById("changerose").style.transitionDuration = "1s";

    document.getElementById("changeblanc").style.opacity = "1";
    document.getElementById("changeblanc").style.transitionDuration = "1s";
    }
    else{
    document.getElementById("changetextcolor").style.height = "30px";
    document.getElementById("changetextcolor").style.transitionDuration = "1s";

    document.getElementById("changenoir").style.opacity = "0";
    document.getElementById("changenoir").style.transitionDuration = "1s";

    document.getElementById("changerouge").style.opacity = "0";
    document.getElementById("changerouge").style.transitionDuration = "1s";

    document.getElementById("changevert").style.opacity = "0";
    document.getElementById("changevert").style.transitionDuration = "1s";

    document.getElementById("changerose").style.opacity = "0";
    document.getElementById("changerose").style.transitionDuration = "1s";

    document.getElementById("changeblanc").style.opacity = "0";
    document.getElementById("changeblanc").style.transitionDuration = "1s";
    }
    }


    function Changetextcolornoir(){

    document.getElementById("titrehome").style.color = "black";
    document.getElementById("textsocietelipsumenfantplus11").style.color = "black";
    document.getElementById("textsocietelipsum1enfantplus11").style.color = "black";
    document.getElementById("textinformations11").style.color = "black";
    document.getElementById("textsocietepage").style.color = "black";
    document.getElementById("textsociete").style.color = "black";
    document.getElementById("textsocietelipsumnew").style.color = "black";
    document.getElementById("textsocietelipsum1").style.color = "black";
    document.getElementById("textsocietehistorique").style.color = "black";
    document.getElementById("textpresse").style.color = "black";
    document.getElementById("textdistraction").style.color = "black";
    document.getElementById("textdistraction1").style.color = "black";
    document.getElementById("textdistraction2").style.color = "black";
    document.getElementById("textsocietelipsum").style.color = "black";
    document.getElementById("textsocietelipsumenfant36").style.color = "black";
    document.getElementById("textsocietelipsum1enfant36").style.color = "black";
    document.getElementById("textsocietelipsumenfant711").style.color = "black";
    document.getElementById("textsocietelipsum1enfant711").style.color = "black";
    document.getElementById("textsocietelipsumdistr").style.color = "black";
    document.getElementById("textenfant36").style.color = "black";
    document.getElementById("textsocietelipsum").style.color = "black";
    document.getElementById("textenfant711").style.color = "black";
    document.getElementById("textenfantplus11").style.color = "black";
    document.getElementById("textsupport").style.color = "black";
    document.getElementById("testsupportimg").style.color = "black";
    document.getElementById("testsupportimg1").style.color = "black";
    document.getElementById("testsupportimg2").style.color = "black";
    document.getElementById("testsupportimg3").style.color = "black";
    document.getElementById("testsupportimg4").style.color = "black";
    document.getElementById("textplan").style.color = "black";
    document.getElementById("textplan1").style.color = "black";
    document.getElementById("texthoraires").style.color = "black";
    document.getElementById("texthoraires1").style.color = "black";
    document.getElementById("textinformations").style.color = "black";
    document.getElementById("textinformations1").style.color = "black";

    }

    function Changetextcolorrouge(){

    document.getElementById("titrehome").style.color = "#dd1818";
    document.getElementById("textsocietelipsumenfantplus11").style.color = "#dd1818";
    document.getElementById("textsocietelipsum1enfantplus11").style.color = "#dd1818";
    document.getElementById("textinformations11").style.color = "#dd1818";
    document.getElementById("textsocietepage").style.color = "#dd1818";
    document.getElementById("textsociete").style.color = "#dd1818";
    document.getElementById("textsocietelipsumnew").style.color = "#dd1818";
    document.getElementById("textsocietelipsum1").style.color = "#dd1818";
    document.getElementById("textsocietehistorique").style.color = "#dd1818";
    document.getElementById("textpresse").style.color = "#dd1818";
    document.getElementById("textdistraction").style.color = "#dd1818";
    document.getElementById("textdistraction1").style.color = "#dd1818";
    document.getElementById("textdistraction2").style.color = "#dd1818";
    document.getElementById("textsocietelipsum").style.color = "#dd1818";
    document.getElementById("textsocietelipsumenfant36").style.color = "#dd1818";
    document.getElementById("textsocietelipsum1enfant36").style.color = "#dd1818";
    document.getElementById("textsocietelipsumenfant711").style.color = "#dd1818";
    document.getElementById("textsocietelipsum1enfant711").style.color = "#dd1818";
    document.getElementById("textsocietelipsumdistr").style.color = "#dd1818";
    document.getElementById("textenfant36").style.color = "#dd1818";
    document.getElementById("textsocietelipsum").style.color = "#dd1818";
    document.getElementById("textenfant711").style.color = "#dd1818";
    document.getElementById("textenfantplus11").style.color = "#dd1818";
    document.getElementById("textsupport").style.color = "#dd1818";
    document.getElementById("testsupportimg").style.color = "#dd1818";
    document.getElementById("testsupportimg1").style.color = "#dd1818";
    document.getElementById("testsupportimg2").style.color = "#dd1818";
    document.getElementById("testsupportimg3").style.color = "#dd1818";
    document.getElementById("testsupportimg4").style.color = "#dd1818";
    document.getElementById("textplan").style.color = "#dd1818";
    document.getElementById("textplan1").style.color = "#dd1818";
    document.getElementById("texthoraires").style.color = "#dd1818";
    document.getElementById("texthoraires1").style.color = "#dd1818";
    document.getElementById("textinformations").style.color = "#dd1818";
    document.getElementById("textinformations1").style.color = "#dd1818";


    }

    function Changetextcolorvert(){

    document.getElementById("titrehome").style.color = "green";
    document.getElementById("textsocietelipsumenfantplus11").style.color = "green";
    document.getElementById("textsocietelipsum1enfantplus11").style.color = "green";
    document.getElementById("textinformations11").style.color = "green";
    document.getElementById("textsocietepage").style.color = "green";
    document.getElementById("textsociete").style.color = "green";
    document.getElementById("textsocietelipsumnew").style.color = "green";
    document.getElementById("textsocietelipsum1").style.color = "green";
    document.getElementById("textsocietehistorique").style.color = "green";
    document.getElementById("textpresse").style.color = "green";
    document.getElementById("textdistraction").style.color = "green";
    document.getElementById("textdistraction1").style.color = "green";
    document.getElementById("textdistraction2").style.color = "green";
    document.getElementById("textsocietelipsum").style.color = "green";
    document.getElementById("textsocietelipsumenfant36").style.color = "green";
    document.getElementById("textsocietelipsum1enfant36").style.color = "green";
    document.getElementById("textsocietelipsumenfant711").style.color = "green";
    document.getElementById("textsocietelipsum1enfant711").style.color = "green";
    document.getElementById("textsocietelipsumdistr").style.color = "green";
    document.getElementById("textenfant36").style.color = "green";
    document.getElementById("textsocietelipsum").style.color = "green";
    document.getElementById("textenfant711").style.color = "green";
    document.getElementById("textenfantplus11").style.color = "green";
    document.getElementById("textsupport").style.color = "green";
    document.getElementById("testsupportimg").style.color = "green";
    document.getElementById("testsupportimg1").style.color = "green";
    document.getElementById("testsupportimg2").style.color = "green";
    document.getElementById("testsupportimg3").style.color = "green";
    document.getElementById("testsupportimg4").style.color = "green";
    document.getElementById("textplan").style.color = "green";
    document.getElementById("textplan1").style.color = "green";
    document.getElementById("texthoraires").style.color = "green";
    document.getElementById("texthoraires1").style.color = "green";
    document.getElementById("textinformations").style.color = "green";
    document.getElementById("textinformations1").style.color = "green";


    }

    function Changetextcolorrose(){

    document.getElementById("titrehome").style.color = "pink";
    document.getElementById("textsocietelipsumenfantplus11").style.color = "pink";
    document.getElementById("textsocietelipsum1enfantplus11").style.color = "pink";
    document.getElementById("textinformations11").style.color = "pink";
    document.getElementById("textsocietepage").style.color = "pink";
    document.getElementById("textsociete").style.color = "pink";
    document.getElementById("textsocietelipsumnew").style.color = "pink";
    document.getElementById("textsocietelipsum1").style.color = "pink";
    document.getElementById("textsocietehistorique").style.color = "pink";
    document.getElementById("textpresse").style.color = "pink";
    document.getElementById("textdistraction").style.color = "pink";
    document.getElementById("textdistraction1").style.color = "pink";
    document.getElementById("textdistraction2").style.color = "pink";
    document.getElementById("textsocietelipsum").style.color = "pink";
    document.getElementById("textsocietelipsumenfant36").style.color = "pink";
    document.getElementById("textsocietelipsum1enfant36").style.color = "pink";
    document.getElementById("textsocietelipsumenfant711").style.color = "pink";
    document.getElementById("textsocietelipsum1enfant711").style.color = "pink";
    document.getElementById("textsocietelipsumdistr").style.color = "pink";
    document.getElementById("textenfant36").style.color = "pink";
    document.getElementById("textsocietelipsum").style.color = "pink";
    document.getElementById("textenfant711").style.color = "pink";
    document.getElementById("textenfantplus11").style.color = "pink";
    document.getElementById("textsupport").style.color = "pink";
    document.getElementById("testsupportimg").style.color = "pink";
    document.getElementById("testsupportimg1").style.color = "pink";
    document.getElementById("testsupportimg2").style.color = "pink";
    document.getElementById("testsupportimg3").style.color = "pink";
    document.getElementById("testsupportimg4").style.color = "pink";
    document.getElementById("textplan").style.color = "pink";
    document.getElementById("textplan1").style.color = "pink";
    document.getElementById("texthoraires").style.color = "pink";
    document.getElementById("texthoraires1").style.color = "pink";
    document.getElementById("textinformations").style.color = "pink";
    document.getElementById("textinformations1").style.color = "pink";
    document.getElementById("textinformations1").style.color = "pink";


    }

    function Changetextcolorblanc(){

    document.getElementById("titrehome").style.color = "white";
    document.getElementById("textsocietelipsumenfantplus11").style.color = "white";
    document.getElementById("textsocietelipsum1enfantplus11").style.color = "white";
    document.getElementById("textinformations11").style.color = "white";
    document.getElementById("textsocietepage").style.color = "white";
    document.getElementById("textsociete").style.color = "white";
    document.getElementById("textsocietelipsumnew").style.color = "white";
    document.getElementById("textsocietelipsum1").style.color = "white";
    document.getElementById("textsocietehistorique").style.color = "white";
    document.getElementById("textpresse").style.color = "white";
    document.getElementById("textdistraction").style.color = "white";
    document.getElementById("textdistraction1").style.color = "white";
    document.getElementById("textdistraction2").style.color = "white";
    document.getElementById("textsocietelipsum").style.color = "white";
    document.getElementById("textsocietelipsumenfant36").style.color = "white";
    document.getElementById("textsocietelipsum1enfant36").style.color = "white";
    document.getElementById("textsocietelipsumenfant711").style.color = "white";
    document.getElementById("textsocietelipsum1enfant711").style.color = "white";
    document.getElementById("textsocietelipsumdistr").style.color = "white";
    document.getElementById("textenfant36").style.color = "white";
    document.getElementById("textsocietelipsum").style.color = "white";
    document.getElementById("textenfant711").style.color = "white";
    document.getElementById("textenfantplus11").style.color = "white";
    document.getElementById("textsupport").style.color = "white";
    document.getElementById("testsupportimg").style.color = "white";
    document.getElementById("testsupportimg1").style.color = "white";
    document.getElementById("testsupportimg2").style.color = "white";
    document.getElementById("testsupportimg3").style.color = "white";
    document.getElementById("testsupportimg4").style.color = "white";
    document.getElementById("textplan").style.color = "white";
    document.getElementById("textplan1").style.color = "white";
    document.getElementById("texthoraires").style.color = "white";
    document.getElementById("texthoraires1").style.color = "white";
    document.getElementById("textinformations").style.color = "white";
    document.getElementById("textinformations1").style.color = "white";


    }

    function Changemenucolor(){
    if(document.getElementById("changefondcolor").style.height == "30px"){
    document.getElementById("changefondcolor").style.height = "180px";
    document.getElementById("changefondcolor").style.transitionDuration = "1s";

    document.getElementById("changenoirfond").style.opacity = "1";
    document.getElementById("changenoirfond").style.transitionDuration = "1s";

    document.getElementById("changerougefond").style.opacity = "1";
    document.getElementById("changerougefond").style.transitionDuration = "1s";

    document.getElementById("changevertfond").style.opacity = "1";
    document.getElementById("changevertfond").style.transitionDuration = "1s";

    document.getElementById("changerosefond").style.opacity = "1";
    document.getElementById("changerosefond").style.transitionDuration = "1s";

    document.getElementById("changeblancfond").style.opacity = "1";
    document.getElementById("changeblancfond").style.transitionDuration = "1s";

    }
    else{
    document.getElementById("changefondcolor").style.height = "30px";
    document.getElementById("changefondcolor").style.transitionDuration = "1s";

    document.getElementById("changetextcolor").style.height = "30px";
    document.getElementById("changetextcolor").style.transitionDuration = "1s";

    document.getElementById("changenoirfond").style.opacity = "0";
    document.getElementById("changenoirfond").style.transitionDuration = "1s";

    document.getElementById("changerougefond").style.opacity = "0";
    document.getElementById("changerougefond").style.transitionDuration = "1s";

    document.getElementById("changevertfond").style.opacity = "0";
    document.getElementById("changevertfond").style.transitionDuration = "1s";

    document.getElementById("changerosefond").style.opacity = "0";
    document.getElementById("changerosefond").style.transitionDuration = "1s";

    document.getElementById("changeblancfond").style.opacity = "0";
    document.getElementById("changeblancfond").style.transitionDuration = "1s";
    }
    }

    function Changetextcolorblancfond(){
    document.getElementById("bodyfondcolor").style.background = "white";
    document.getElementById("bodyfondcolor").style.transitionDuration = "1s";
    }

    function Changetextcolorrosefond(){
    document.getElementById("bodyfondcolor").style.background = "pink";
    document.getElementById("bodyfondcolor").style.transitionDuration = "1s";
    }

    function Changetextcolorvertfond(){
    document.getElementById("bodyfondcolor").style.background = "green";
    document.getElementById("bodyfondcolor").style.transitionDuration = "1s";
    }

    function Changetextcolornoirfond(){
    document.getElementById("bodyfondcolor").style.background = "black";
    document.getElementById("bodyfondcolor").style.transitionDuration = "1s";
    }

    function Changetextcolorrougefond(){
    document.getElementById("bodyfondcolor").style.background = "#dd1818";
    document.getElementById("bodyfondcolor").style.transitionDuration = "1s";
    }