Titre avec liserets à droite et gauche

Effet voulu :

.h2 {overflow: hidden;position: relative;padding:0;text-align:center;font-size:1.15em;color:#aaa;text-transform:uppercase;}
.h2:before, .page_sommaire .sommaire .h2:after {position: absolute;top: 50%;width:50%;margin-left:1em;content: "";border-bottom: 1px solid #ddd;}
.h2:before {margin-left: calc(-50% - 1em);}