• Art.11.8.21

     Un montage de principe, à adapter à votre sujet. Survol de chaque case.

    Citations de Voltaire:
    Le meilleur gouvernement est celui où il y a le moins d'hommes inutiles.
    Dire le secret d'autrui est une trahison, dire le sien est une sottise.
    Le fanatisme est un monstre qui ose se dire le fils de la religion.
    La discorde est le plus grand mal du genre humain et la tolérance est le seul remède.
    Dieu n'a créé les femmes que pour apprivoiser les hommes.
    A la cour, mon fils, l'art le plus nécessaire n'est pas de bien parler mais de savoir se taire.
    Le fanatisme est un monstre mille fois plus dangereux que l'athéisme philosophique.

    Citations de Voltaire:
    Le meilleur gouvernement est celui où il y a le moins d'hommes inutiles.
    Dire le secret d'autrui est une trahison, dire le sien est une sottise.
    Le fanatisme est un monstre qui ose se dire le fils de la religion.
    La discorde est le plus grand mal du genre humain et la tolérance est le seul remède.
    Dieu n'a créé les femmes que pour apprivoiser les hommes.
    A la cour, mon fils, l'art le plus nécessaire n'est pas de bien parler mais de savoir se taire.
    Le fanatisme est un monstre mille fois plus dangereux que l'athéisme philosophique.

    Citations de Voltaire:
    Le meilleur gouvernement est celui où il y a le moins d'hommes inutiles.
    Dire le secret d'autrui est une trahison, dire le sien est une sottise.
    Le fanatisme est un monstre qui ose se dire le fils de la religion.
    La discorde est le plus grand mal du genre humain et la tolérance est le seul remède.
    Dieu n'a créé les femmes que pour apprivoiser les hommes.
    A la cour, mon fils, l'art le plus nécessaire n'est pas de bien parler mais de savoir se taire.
    Le fanatisme est un monstre mille fois plus dangereux que l'athéisme philosophique.

    Citations de Voltaire:
    Le meilleur gouvernement est celui où il y a le moins d'hommes inutiles.
    Dire le secret d'autrui est une trahison, dire le sien est une sottise.
    Le fanatisme est un monstre qui ose se dire le fils de la religion.
    La discorde est le plus grand mal du genre humain et la tolérance est le seul remède.
    Dieu n'a créé les femmes que pour apprivoiser les hommes.
    A la cour, mon fils, l'art le plus nécessaire n'est pas de bien parler mais de savoir se taire.
    Le fanatisme est un monstre mille fois plus dangereux que l'athéisme philosophique.

    **************
    <div style="width: 1000px; height: 400px; margin: 20px auto; text-align: left;">
    <p id="ref1" class="ref"><img id="chr" src="http://ekladata.com/LoLQRzy1F7dCgy8cPqH4Ctgu2SY@60x60.gif" alt="" />Citations de Voltaire:<br /> Le meilleur gouvernement est celui o&ugrave; il y a le moins d'hommes inutiles.<br /> Dire le secret d'autrui est une trahison, dire le sien est une sottise.<br /> Le fanatisme est un monstre qui ose se dire le fils de la religion.<br />La discorde est le plus grand mal du genre humain et la tol&eacute;rance est le seul rem&egrave;de.<br />Dieu n'a cr&eacute;&eacute; les femmes que pour apprivoiser les hommes.<br />A la cour, mon fils, l'art le plus n&eacute;cessaire n'est pas de bien parler mais de savoir se taire.<br />Le fanatisme est un monstre mille fois plus dangereux que l'ath&eacute;isme philosophique.</p>
    <p id="ref2" class="ref"><img id="chr" src="http://ekladata.com/LoLQRzy1F7dCgy8cPqH4Ctgu2SY@60x60.gif" alt="" />Citations de Voltaire:<br />votre texte</p>
    <p id="ref3" class="ref"><img id="chr" src="http://ekladata.com/LoLQRzy1F7dCgy8cPqH4Ctgu2SY@60x60.gif" alt="" />Citations de Voltaire:<br /> votre texte</p>
    <p id="ref4" class="ref"><img id="chr" src="http://ekladata.com/LoLQRzy1F7dCgy8cPqH4Ctgu2SY@60x60.gif" alt="" />Citations de Voltaire:<br /> votre texte</p>
    </div>

    <style><!--
    .ref{position:absolute; z-index:1; width:450px; height:200px; border:3px ridge grey; background:beige; padding:10px; overflow:hidden; transition:all 1s;}
    #ref1{box-sizing:border-box; transform:translate(0px,0px);}
    #ref2{box-sizing:border-box; transform:translate(550px,0px);}
    #ref3{box-sizing:border-box; transform:translate(0px,200px);}
    #ref4{box-sizing:border-box; transform:translate(550px,200px);}
    #chr{width:60px; height:60px; border-radius:50%; shape-outside:circle;}
    #ref1:hover,#ref2:hover{z-index:5; width:1000px; height:250px; transform:translate(0px,0px);}
    #ref3:hover,#ref4:hover{z-index:5; width:1000px; height:250px; transform:translate(0px,150px);}
    --></style>