/**********STRATEGIDEX**********/
#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;
    }
}

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

#strat-cont{
    width: 100%;
    margin: 0px auto;
    box-shadow:  0px 0px 10px #222;
    background-color: #F0F0EF;
}

article{
    padding: 10px 30px;
}

article p{
    text-align: justify;
    line-height: 24px;
}

table{
    margin: auto;
    border: 2px solid #333;
    /**border-radius: 4px;**/
    background-color: white;
    text-align: center;
    border-collapse: collapse;
}

tr{
    border-top: 1px solid #888;
}

#strat-table{
    padding-top: 20px;
    padding-bottom: 50px;
}

#strat-table img{
    margin-top: 3px;
}

#head{
    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: 30px;
    text-decoration: underline;
    cursor: pointer;
}

#head:hover{
    opacity: 0.85;
}

.fiche{
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: black;
}

.fiche:hover{
    text-decoration: underline;
}

.fiche:active{
    color: #555;
}

.no-fiche{
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: black;
    opacity: 0.4;
}

.ban{
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: red;
}

.italic{
    font-size: 14px;
    font-style: italic;
}

.acces-rapide{
    display: none;
    padding: 8px 0px 8px 0px;
}

.acces-rapide td{
    padding: 8px 0px 8px 0px;
    background-color: #F3E2A9;
}

/**********RESPONSIVE**********/
@media screen and (max-width: 1000px){
    article{
        padding: 10px 15px;
    }
    #strat-box{
        width: 100%;
    }
    .img{
        width: 60px;
    }
}
    
@media screen and (max-width: 700px){
    th:nth-child(1){
        display: none;
    }
    td:nth-child(1){
        display: none;
    }
    th:nth-child(4){
        display: none;
    }
    td:nth-child(4){
        display: none;
    }
    .fiche{
        font-size: 11px;
    }
    .no-fiche{
        font-size: 11px;
    }
    .ban{
        font-size: 11px;
    }
}