/**********FICHES**********/
#strategidex{
    background: -webkit-linear-gradient(#333, RGBa(255, 150, 000, 0.2));
    background: -o-linear-gradient(#333, RGBa(255, 150, 000, 0.2));
    background: -moz-linear-gradient(#333, RGBa(255, 150, 000, 0.2)); 
    background: linear-gradient(#333, RGBa(255, 150, 000, 0.2)); 
    /**background-color: RGBa(255, 150, 000, 0.2);**/
    border-bottom: 3px solid #FF9E00;
    padding: 12px 25px 9px 25px;
    color: white;
}

@media screen and (max-width: 680px){ 
    #strategidex{
        border-bottom: 3px solid #FF9E00;
        padding: 10px 10px 7px 10px;
    }
}

#lex-box{
    width: 85%; /**ou 1200px**/
    margin: auto;
}

#lex-cont{
    width: 100%;
    margin: 0px auto;
    box-shadow:  0px 0px 10px #222;
    background-color: #F0F0EF;
    text-align: justify;
    line-height: 23px;
}

@media screen and (max-width: 1280px){
    #lex-box{
        width: 100%;
    }
}

article{
    padding: 20px 30px 40px 30px;
    min-height: 600px;
}

@media screen and (max-width: 1280px){
    article{
        padding: 10px 15px 40px 15px;
    }
}

section > h2{
    text-align: center;
    text-decoration: underline;
    padding-top: 20px;
    padding-bottom: 20px;
}

table{
    margin:auto;
    border: 2px solid #333;
    background-color: white;
    text-align: center;
    border-collapse: collapse;
    font-size: 14px;
}

th{
    background: -webkit-linear-gradient(#FFAF18, #FF681D);
    background: -o-linear-gradient(#FFAF18, #FF681D);
    background: -moz-linear-gradient(#FFAF18, #FF681D); 
    background: linear-gradient(#FFAF18, #FF681D);
    /*background-color: #FF9E00;*/
    height: 25px;
}

/*th, td{
    border: 1px solid black;
}*/

th{
    border: 1px solid #000;
}

td{
    border: 1px solid #555;
}

.bold{
    font-weight: bold;
}

.underline{
    text-decoration: underline;
}

.gauche{
    text-align: left;
    padding-left: 5px;
}

.gauche > a:hover{
    color: #EA4600;
    opacity: 0.9;
}

.gauche > a > img:hover{
    opacity: 0.75;
}

.showcase{
    padding: 0px 6px 0px 6px;
}

.showcase-sv{
    padding: 5px 6px 0px 6px;
}

.retour-index{
    border-top: 2px solid #333;
    background-color: #d1d1d1;
    text-align: right;
}

.lien-index{
    padding-right: 10px;
}

/**********SPOILER RBY**********/
input[id^="set-rby"]{
    display: none;
}

input[id^="set-rby"] + 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-rby"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

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

input[id^="set-rby"] ~ .set-rby{
    width: 400px;
    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-rby"]:checked + label + .set-rby{
    height: auto;
    opacity: 1;
    padding: 10px;
}

/**********SPOILER GSC**********/
input[id^="set-gsc"]{
    display: none;
}

input[id^="set-gsc"] + 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-gsc"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

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

input[id^="set-gsc"] ~ .set-gsc{
    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-gsc"]:checked + label + .set-gsc{
    height: auto;
    opacity: 1;
    padding: 10px;
}

/**********SPOILER GSC CALC RONFLEX**********/
input[id^="calc"]{
    display: none;
}

input[id^="calc"] + label{
    display: block;
    width: 160px;
    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^="calc"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

input[id^="calc"]:checked + label{
    color: #333;
    background: #ccc;
}

input[id^="calc"] ~ .calc{
    width: 800px;
    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^="calc"]:checked + label + .calc{
    height: auto;
    opacity: 1;
    padding: 10px;
}

/**********SPOILER ADV**********/
input[id^="set-adv"]{
    display: none;
}

input[id^="set-adv"] + 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-adv"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

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

input[id^="set-adv"] ~ .set-adv{
    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-adv"]:checked + label + .set-adv{
    height: auto;
    opacity: 1;
    padding: 10px;
}


/**********SPOILER DPP**********/
input[id^="set-dpp"]{
    display: none;
}

input[id^="set-dpp"] + 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-dpp"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

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

input[id^="set-dpp"] ~ .set-dpp{
    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-dpp"]:checked + label + .set-dpp{
    height: auto;
    opacity: 1;
    padding: 10px;
}

/**********SPOILER BW**********/
input[id^="set-bw"]{
    display: none;
}

input[id^="set-bw"] + 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-bw"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

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

input[id^="set-bw"] ~ .set-bw{
    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-bw"]:checked + label + .set-bw{
    height: auto;
    opacity: 1;
    padding: 10px;
}

/**********SPOILER ORAS**********/
input[id^="set-oras"]{
    display: none;
}

input[id^="set-oras"] + 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-oras"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

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

input[id^="set-oras"] ~ .set-oras{
    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-oras"]:checked + label + .set-oras{
    height: auto;
    opacity: 1;
    padding: 10px;
}

/**********SPOILER ORAS-BIS**********/
input[id^="set-oras-bis"]{
    display: none;
}

input[id^="set-oras-bis"] + 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-oras-bis"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

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

input[id^="set-oras-bis"] ~ .set-oras-bis{
    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-oras-bis"]:checked + label + .set-oras-bis{
    height: auto;
    opacity: 1;
    padding: 10px;
}

/**********SPOILER USM**********/
input[id^="set-usm"]{
    display: none;
}

input[id^="set-usm"] + 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-usm"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

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

input[id^="set-usm"] ~ .set-usm{
    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-usm"]:checked + label + .set-usm{
    height: auto;
    opacity: 1;
    padding: 10px;
}

/**********SPOILER USM-BIS**********/
input[id^="set-usm-bis"]{
    display: none;
}

input[id^="set-usm-bis"] + 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-usm-bis"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

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

input[id^="set-usm-bis"] ~ .set-usm-bis{
    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-usm-bis"]:checked + label + .set-usm-bis{
    height: auto;
    opacity: 1;
    padding: 10px;
}

/**********SPOILER SS**********/
input[id^="set-ss"]{
    display: none;
}

input[id^="set-ss"] + 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-ss"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

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

input[id^="set-ss"] ~ .set-ss{
    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-ss"]:checked + label + .set-ss{
    height: auto;
    opacity: 1;
    padding: 10px;
}

/**********SPOILER SS-BIS**********/
input[id^="set-ss-bis"]{
    display: none;
}

input[id^="set-ss-bis"] + 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-ss-bis"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

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

input[id^="set-ss-bis"] ~ .set-ss-bis{
    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-ss-bis"]:checked + label + .set-ss-bis{
    height: auto;
    opacity: 1;
    padding: 10px;
}

/**********SPOILER SV**********/
input[id^="set-sv"]{
    display: none;
}

input[id^="set-sv"] + 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-sv"] + label:hover{
    background: linear-gradient(#aaa, #333);
}

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

input[id^="set-sv"] ~ .set-sv{
    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-sv"]:checked + label + .set-sv{
    height: auto;
    opacity: 1;
    padding: 10px;
}

/**********BS**********/
.info{
    margin: 0px;
    padding: 0px;
}

.info{
    display: inline-block;
    position: relative;
}

li{
    list-style-type: none;
}

.meta > ul > li{
    list-style-type: disc;
}

.bs{
    display: none;
    background-color: RGBa(60, 60, 60, 0.9);
    border: 1px solid #FF9E00;
    border-radius: 5px;
    box-shadow: 0px 0px 4px #000000;
}

.info:hover .bs{
    display: inline-block;
    position: absolute;
    top: 40px;
    left: 0px;
    padding: 0px;
    z-index: 1000;
}

.bs > li{
    padding: 0px 10px;
    font-size: 14px;
    color: white;
    width: 95px;
    line-height: 10px;
}

.weak{
    display: none;
    background-color: RGBa(60, 60, 60, 0.9);
    border: 1px solid #FF9E00;
    border-radius: 5px;
    box-shadow: 0px 0px 4px #000000;
}

.info:hover .weak{
    display: inline-block;
    position: absolute;
    top: 40px;
    left: 0px;
    padding: 0px;
    z-index: 1000;
}

.weak > li{
    padding: 0px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: white;
    line-height: 10px;
}

/**********LIENS**********/
article a{
    text-decoration: none;
    color: black;
}

article a:hover{
    opacity: 0.7;
}