#wrap { width: 1000px; margin: auto; }

h1 { text-align: center; }

div.dialogue div.illu { overflow: hidden; }
div.dialogue div.illu div.part { width: 400px; height: 320px; margin: 0 50px; float: left;  }
div.dialogue div.illu div.left { background: url(img/gauche.jpg) no-repeat bottom left; }
div.dialogue div.illu div.right { background: url(img/droite.jpg) no-repeat bottom right; }

div.dialogue .bulle { display: block; padding: 11px 24px 29px 26px; line-height: 35px; text-align: center; width: 650px; margin: auto; font-size: 0.9em; }
div.dialogue .bulle { background: url(img/bulle-up.png) no-repeat center top; }
div.dialogue .bulle:hover { background-image: url(img/bulle-up-hover.png); }
div.dialogue a.bulle { text-decoration: none; color: #000000; }

div.dialogue .bulle.objection { background-image: url(img/bulle-up-hover.png); }
div.dialogue .bulle.reponse { background: url(img/bulle-down.png) no-repeat center top; padding-top: 29px; padding-bottom: 11px; }
div.dialogue .bulle.reponse:hover { background-image: url(img/bulle-down-hover.png); }

div.dialogue div.objection { margin-right: 50px; }
div.dialogue div.reponse { margin-left: 50px; }