/**********SETS SPECIFIQUES 1**********/
input[id^="set-spe-un"]{
    display: none;
}

input[id^="set-spe-un"] + label{
    display: block;
    width: 50px;
    margin: 20px auto;
    padding: 5px 20px 5px 19px;
    background: linear-gradient(#999, #222);
    /*background-color: #333;*/
    color: white;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
}

input[id^="set-spe-un"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

input[id^="set-spe-un"]:checked + label{
    color: #333;
    background: #ccc;
}

input[id^="set-spe-un"] ~ .set-spe-un{
    width: 500px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 10px auto 0; 
    padding: 10px; 
    background: white;
    border: 1px solid #FF6E2B;
    border-radius: 4px;
    box-shadow: 0px 0px 15px #999;
    transition: all 0.5s;
}

input[id^="set-spe-un"]:checked + label + .set-spe-un{
    height: auto;
    opacity: 1;
    padding: 10px;
    margin-bottom: 30px; 
}

/**********SETS SPECIFIQUES 2**********/
input[id^="set-spe-deux"]{
    display: none;
}

input[id^="set-spe-deux"] + label{
    display: block;
    width: 50px;
    margin: 20px auto;
    padding: 5px 20px 5px 19px;
    background: linear-gradient(#999, #222);
    /*background-color: #333;*/
    color: white;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
}

input[id^="set-spe-deux"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

input[id^="set-spe-deux"]:checked + label{
    color: #333;
    background: #ccc;
}

input[id^="set-spe-deux"] ~ .set-spe-deux{
    width: 500px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 10px auto 0; 
    padding: 10px; 
    background: white;
    border: 1px solid #FF6E2B;
    border-radius: 4px;
    box-shadow: 0px 0px 15px #999;
    transition: all 0.5s;
}

input[id^="set-spe-deux"]:checked + label + .set-spe-deux{
    height: auto;
    opacity: 1;
    padding: 10px;
    margin-bottom: 30px;
}

/**********SETS SPECIFIQUES 3**********/
input[id^="set-spe-trois"]{
    display: none;
}

input[id^="set-spe-trois"] + label{
    display: block;
    width: 50px;
    margin: 20px auto;
    padding: 5px 20px 5px 19px;
    background: linear-gradient(#999, #222);
    /*background-color: #333;*/
    color: white;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
}

input[id^="set-spe-trois"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

input[id^="set-spe-trois"]:checked + label{
    color: #333;
    background: #ccc;
}

input[id^="set-spe-trois"] ~ .set-spe-trois{
    width: 500px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 10px auto 0; 
    padding: 10px; 
    background: white;
    border: 1px solid #FF6E2B;
    border-radius: 4px;
    box-shadow: 0px 0px 15px #999;
    transition: all 0.5s;
}

input[id^="set-spe-trois"]:checked + label + .set-spe-trois{
    height: auto;
    opacity: 1;
    padding: 10px;
    margin-bottom: 30px;
}

/**********SETS SPECIFIQUES 4**********/
input[id^="set-spe-quatre"]{
    display: none;
}

input[id^="set-spe-quatre"] + label{
    display: block;
    width: 50px;
    margin: 20px auto;
    padding: 5px 20px 5px 19px;
    background: linear-gradient(#999, #222);
    /*background-color: #333;*/
    color: white;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
}

input[id^="set-spe-quatre"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

input[id^="set-spe-quatre"]:checked + label{
    color: #333;
    background: #ccc;
}

input[id^="set-spe-quatre"] ~ .set-spe-quatre{
    width: 500px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 10px auto 0; 
    padding: 10px; 
    background: white;
    border: 1px solid #FF6E2B;
    border-radius: 4px;
    box-shadow: 0px 0px 15px #999;
    transition: all 0.5s;
}

input[id^="set-spe-quatre"]:checked + label + .set-spe-quatre{
    height: auto;
    opacity: 1;
    padding: 10px;
    margin-bottom: 30px;
}

/**********SETS SPECIFIQUES 5**********/
input[id^="set-spe-cinq"]{
    display: none;
}

input[id^="set-spe-cinq"] + label{
    display: block;
    width: 50px;
    margin: 20px auto;
    padding: 5px 20px 5px 19px;
    background: linear-gradient(#999, #222);
    /*background-color: #333;*/
    color: white;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
}

input[id^="set-spe-cinq"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

input[id^="set-spe-cinq"]:checked + label{
    color: #333;
    background: #ccc;
}

input[id^="set-spe-cinq"] ~ .set-spe-cinq{
    width: 500px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 10px auto 0; 
    padding: 10px; 
    background: white;
    border: 1px solid #FF6E2B;
    border-radius: 4px;
    box-shadow: 0px 0px 15px #999;
    transition: all 0.5s;
}

input[id^="set-spe-cinq"]:checked + label + .set-spe-cinq{
    height: auto;
    opacity: 1;
    padding: 10px;
    margin-bottom: 30px;
}

/**********SETS SPECIFIQUES 6**********/
input[id^="set-spe-six"]{
    display: none;
}

input[id^="set-spe-six"] + label{
    display: block;
    width: 50px;
    margin: 20px auto;
    padding: 5px 20px 5px 19px;
    background: linear-gradient(#999, #222);
    /*background-color: #333;*/
    color: white;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
}

input[id^="set-spe-six"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

input[id^="set-spe-six"]:checked + label{
    color: #333;
    background: #ccc;
}

input[id^="set-spe-six"] ~ .set-spe-six{
    width: 500px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 10px auto 0; 
    padding: 10px; 
    background: white;
    border: 1px solid #FF6E2B;
    border-radius: 4px;
    box-shadow: 0px 0px 15px #999;
    transition: all 0.5s;
}

input[id^="set-spe-six"]:checked + label + .set-spe-six{
    height: auto;
    opacity: 1;
    padding: 10px;
    margin-bottom: 30px;
}

/**********SETS SPECIFIQUES 7**********/
input[id^="set-spe-sept"]{
    display: none;
}

input[id^="set-spe-sept"] + label{
    display: block;
    width: 50px;
    margin: 20px auto;
    padding: 5px 20px 5px 19px;
    background: linear-gradient(#999, #222);
    /*background-color: #333;*/
    color: white;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
}

input[id^="set-spe-sept"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

input[id^="set-spe-sept"]:checked + label{
    color: #333;
    background: #ccc;
}

input[id^="set-spe-sept"] ~ .set-spe-sept{
    width: 500px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 10px auto 0; 
    padding: 10px; 
    background: white;
    border: 1px solid #FF6E2B;
    border-radius: 4px;
    box-shadow: 0px 0px 15px #999;
    transition: all 0.5s;
}

input[id^="set-spe-sept"]:checked + label + .set-spe-sept{
    height: auto;
    opacity: 1;
    padding: 10px;
    margin-bottom: 30px;
}

/**********SETS SPECIFIQUES 8**********/
input[id^="set-spe-huit"]{
    display: none;
}

input[id^="set-spe-huit"] + label{
    display: block;
    width: 50px;
    margin: 20px auto;
    padding: 5px 20px 5px 19px;
    background: linear-gradient(#999, #222);
    /*background-color: #333;*/
    color: white;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
}

input[id^="set-spe-huit"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

input[id^="set-spe-huit"]:checked + label{
    color: #333;
    background: #ccc;
}

input[id^="set-spe-huit"] ~ .set-spe-huit{
    width: 500px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 10px auto 0; 
    padding: 10px; 
    background: white;
    border: 1px solid #FF6E2B;
    border-radius: 4px;
    box-shadow: 0px 0px 15px #999;
    transition: all 0.5s;
}

input[id^="set-spe-huit"]:checked + label + .set-spe-huit{
    height: auto;
    opacity: 1;
    padding: 10px;
    margin-bottom: 30px;
}

/**********SETS SPECIFIQUES 9**********/
input[id^="set-spe-neuf"]{
    display: none;
}

input[id^="set-spe-neuf"] + label{
    display: block;
    width: 50px;
    margin: 20px auto;
    padding: 5px 20px 5px 19px;
    background: linear-gradient(#999, #222);
    /*background-color: #333;*/
    color: white;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
}

input[id^="set-spe-neuf"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

input[id^="set-spe-neuf"]:checked + label{
    color: #333;
    background: #ccc;
}

input[id^="set-spe-neuf"] ~ .set-spe-neuf{
    width: 500px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 10px auto 0; 
    padding: 10px; 
    background: white;
    border: 1px solid #FF6E2B;
    border-radius: 4px;
    box-shadow: 0px 0px 15px #999;
    transition: all 0.5s;
}

input[id^="set-spe-neuf"]:checked + label + .set-spe-neuf{
    height: auto;
    opacity: 1;
    padding: 10px;
    margin-bottom: 30px;
}

/**********SETS SPECIFIQUES 10**********/
input[id^="set-spe-dix"]{
    display: none;
}

input[id^="set-spe-dix"] + label{
    display: block;
    width: 50px;
    margin: 20px auto;
    padding: 5px 20px 5px 19px;
    background: linear-gradient(#999, #222);
    /*background-color: #333;*/
    color: white;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
}

input[id^="set-spe-dix"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

input[id^="set-spe-dix"]:checked + label{
    color: #333;
    background: #ccc;
}

input[id^="set-spe-dix"] ~ .set-spe-dix{
    width: 500px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 10px auto 0; 
    padding: 10px; 
    background: white;
    border: 1px solid #FF6E2B;
    border-radius: 4px;
    box-shadow: 0px 0px 15px #999;
    transition: all 0.5s;
}

input[id^="set-spe-dix"]:checked + label + .set-spe-dix{
    height: auto;
    opacity: 1;
    padding: 10px;
    margin-bottom: 30px;
}