/* TABS */
div.sheet-tab-content { display: none; }

input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3,
input.sheet-tab4:checked ~ div.sheet-tab4,
input.sheet-tab5:checked ~ div.sheet-tab5
{
    display: block;
}

input.sheet-tab
{
    width: 150px;
    height: 20px;
    position: relative;
    top: 0px;
    left: 5px;
    margin: -1.5px;
    margin-bottom: 5px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

input.sheet-tab + span::before
{
    content:attr(title);

    border: solid 1px #a8a8a8;
    border-bottom-color: black;
    text-align: center;
    display: inline-block;
    
    background: #fff;
    background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    
    width: 150px;
    height: 20px;
    font-size: 18px;
    
    position: absolute;
    top: 70px;
    left: 30px;
}

input.sheet-tab:checked + span::before
{
    background: #dcdcdc;
    background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    border-bottom-color: #fff;
}

input.sheet-tab:not(:first-child) + span::before
{
    border-left: none;
}

input.sheet-tab2 + span::before
{
left: 180px;

    
    background: #fff;
    background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
}

input.sheet-tab3 + span::before
{
    left: 330px;
}


input.sheet-tab4 + span::before
{
    left: 480px;
}
input.sheet-tab5 + span::before
{
    left: 630px;
}


div.sheet-tab-content
{
    border: 1px solid #a8a8a8;
    border-top-color: #000;
    margin: 2px 0 0 5px;
    padding: 5px;
}


/* sheet */

.sheet-col strong.sheet-dee {
    font-size: 1em;
    font-weight: bold;
}
.charsheet input,.charsheet select {
   font-weight:bold;
   text-align:center;
}

.charsheet input.sheet-long {
    width: 10em;
}

.charsheet select.sheet-long {
    width: 12em;
}
.charsheet input.sheet-short {
    width: 4em;
}
.charsheet checkbox {
    margin-left: 50px;
}

.sheet-carac1  {
    font-size: 1em;
     width: 8em;
 
}

.sheet-carac2, .sheet-carac3  {
    font-size: 1em;
     width: 2em;
 
}
.sheet-comp  {
    font-size: 1em;
     width: 2em;
 
}

.sheet-carac3 {

    color: #00B7FF;
}
.charsheet {
    background-image: url("http://freeseamlesstextures.com/images/28-faded-parchment-background-sml.jpg");
}

.charsheet table td, .charsheet table th {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

select.sheet-dtype {
    width: 60px;
    vertical-align: top;
}
.sheet-baseinfo {
    display: inline-block;
    width: 145px;
    margin-right: 3px;
  
}

/* compétences */
.sheet-comp{
   
   
}
/*.sheet-comp label {
     display: inline;     

    
}

.sheet-comp input, .sheet-comp button,  .sheet-comp checkbox {
    display: inline;     
}*/
sheet-titre2 {
   display: inline-block; 
   width: 120px;
}