div.sheet-tab-content { display: none; } input.sheet-tab1:checked ~ div.sheet-tab1, input.sheet-tab2:checked ~ div.sheet-tab2 { display: block; } input.sheet-secondary_tab1:checked ~ div.sheet-secondary_tab1, input.sheet-secondary_tab2:checked ~ div.sheet-secondary_tab2 { display:block; } input.sheet-tab{ width:150px; height: 20px; top: 5px; left: 6px; margin: 5px; cursor: pointer; z-index: 1; } input.sheet-tab::before{ content: attr(title); border-radius:.5em; border:2px solid black; text-align: center; display: inline-block; background: black; color:white; width: 150px; height: 20px; font-size: 18px; } input.sheet-tab:checked::before{ background:#CCCCCC; color:black; border-radius:.5em; border:2px solid black; } input.sheet-small_tab{ width:90px; height: 20px; cursor: pointer; z-index: 1; margin:5px; } input.sheet-small_tab::before{ content: attr(title); border-radius:.5em; text-align: center; display: inline-block; color:white; background:black; border:2px solid black; width: 90px; height:20px; font-size: 14px; } input.sheet-small_tab:checked::before{ border:2px solid black; background:#CCCCCC; color:black; border-radius:.5em; } div.sheet-tab-content{ border-top-color: #000; margin: 2px 0 0 0; } .sheet-textes{ width: 170px; font-size: 11px; line-height: 12px; font-weight:bolder; text-align:center; } .sheet-zones{ width: 420px; height: 110px; font-size: 11px; line-height: 12px; text-align:left; font-style:italic; } .sheet-caracteristiques{ width: 35px; height: 20px; font-size: 16px; line-height: 20px; text-align:center; font-style:italic; font-weight:bolder; } .sheet-skill{ width: 20px; height: 12px; font-size: 12px; line-height: 14px; text-align:center; font-style:italic; font-weight:bolder; }