.rowTab{
    margin-left:0;
    margin-right:0;
    padding-left:3px;
}
.tabInfo{
    padding:0 5px 0 0;
}
.tabBody{
    margin:2px;
    border: 1px solid #ececec;
    width: 245px;
    height: 162px;
}
.Head{
    color:#b8002b;
    font-family: "open_sans_condensedbold";
    font-size: 16px ;
    padding-left:10px;


}
.Head:hover{
    text-decoration:underline;
    color:#b8002b;
}
.content,body{
    background-color:#efefef;
}

.rowTab1>ul>li{
    font-size: 14px;
    font-family: "open_sansregular";
    line-height:1.3;
    margin-left:30px;

}
.accueilDocs{
    font-family:"open_sanslight";
    margin:0 0 15px 0;
    padding:10px 0 10px 28px;
    text-transform:uppercase;
    color:white;
    font-weight:normal;

}

.titreListe{
    font-family: "open_sanslight";
    margin: 0 0 10px 0;
    padding: 10px 0 10px 28px;
    background: #b3b3b3;
    text-transform: uppercase;
    color: white;
    font-size: 28px;
    font-weight: bold;
}


/*col-md et sm*/
@media (min-width: 992px){
    .accueilDocs{
        text-transform:uppercase;
        font-size:28px;
        font-family: "open_sanslight";
        color:#000;
        background: url('/images/front/documents/titre-fond.png') no-repeat right 8px #d2d2d2;
    }
    .box1{
        background: url('/images/front/documents/fond-bloc1.png') no-repeat 170px 12px white;
    }
    .box1:hover{
        background: url('/images/front/documents/fond-bloc1-on.png') no-repeat 170px 12px #dadada;
    }
    .box2{
        background: url('/images/front/documents/fond-bloc2.png') no-repeat 170px 12px white;
    }
    .box2:hover{
        background: url('/images/front/documents/fond-bloc2-on.png') no-repeat 170px 12px #dadada;
    }
    .box3{
        background: url('/images/front/documents/fond-bloc3.png') no-repeat 170px 12px white;
    }
    .box3:hover{
        background: url('/images/front/documents/fond-bloc3-on.png') no-repeat 170px 12px #dadada;
    }
    .box4{
        background: url('/images/front/documents/fond-bloc4.png') no-repeat 140px 0 white;
    }
    .box4:hover{
        background: url('/images/front/documents/fond-bloc4-on.png') no-repeat 140px 0 #dadada;
    }
}


/*ecran petit*/
@media only screen and (max-width: 991px) {
    .tabInfo{
        margin:0;
    }
    .tabBody{
        margin:2px;
        border: 1px solid #ececec;
        width: 100%;
        height: 162px;
    }
    .rowTab{
        padding-left:0;
    }
    .box1{
        background: url('/images/front/documents/fond-bloc1.png') no-repeat right 12px white;
    }
    .box1:hover{
        background: url('/images/front/documents/fond-bloc1-on.png') no-repeat right 12px #dadada;
    }
    .box2{
        background: url('/images/front/documents/fond-bloc2.png') no-repeat right 12px white;
    }
    .box2:hover{
        background: url('/images/front/documents/fond-bloc2-on.png') no-repeat right 12px #dadada;
    }
    .box3{
        background: url('/images/front/documents/fond-bloc3.png') no-repeat right 12px white;
    }
    .box3:hover{
        background: url('/images/front/documents/fond-bloc3-on.png') no-repeat right 12px #dadada;
    }
    .box4{
        background: url('/images/front/documents/fond-bloc4.png') no-repeat right 0 white;
    }
    .box4:hover{
        background: url('/images/front/documents/fond-bloc4-on.png') no-repeat right 0 #dadada;
    }


    .accueilDocs{
        font-family:"open_sanslight";
        margin:0 0 15px 0;
        padding:10px 0 10px 28px;
        text-transform:uppercase;
        color:#000;
        font-size:18px;
        font-weight:normal;
        background-color: #d2d2d2;
    }
}