/* ------------------------------*/
/* --------- générique ----------*/
/* ------------------------------*/
body{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, Geneva;
    color:#000080;
}
a {
   color: #000080;
}
a:visited {
    color: #FF8000;
}
a:active{
    color:#FF8000;
}
.center{
    text-align:center;
    width:100%;
}
.right{
    text-align:right;
    width:100%;
}
img{
    max-width:100%;
}
/* ------------------------------*/
body.bg5{
    background-image:url('../images/5.jpg');
}
body.bg6{
    background-image:url('../images/6.jpg');
}
body.bg6a{
    background-image:url('../images/6a.jpg');
}
body.bg7{
    background-image:url('../images/7.jpg');
}
body.bg8{
    background-image:url('../images/8.jpg');
}
body.bg9{
    background-image:url('../images/9.jpg');
}
body.black{
    background-color: #000000;
    margin:0;
    margin-top:40px;
}
body.bgtext{
    background-color: #94E76B;
}
/* ------------------------------*/
.title{
    color:#007DFC;
    font-size:2em;
}
#backhome{
     background-color:#444444;
     background-image:url('../images/syn-logo.png');
     background-repeat: no-repeat;
     background-size: contain;
     width:30px;
     height:30px;
     position: fixed;
     top:5px;
     left:5px;
     cursor:pointer;
     opacity:0.8;
     border-radius:5px;
 }
.fon1{
    background-image:url('../images/fon1.gif');
}
.size2{
    font-size:1em;
    color:#000000;
    background-color: #94E76B;
    padding:1em;
    padding-bottom:2em;
    min-height:250px;
}

.fon2{
    background-image:url('../images/fon2.gif');
}
.ks-table{
    display:table;
    background-color:#000000;
    width:100%;
    height:100%;
    margin-top:50px;
}

.ks-row{
    display:table-row;
    width:100%;
}

.ks-cell1{
    display:table-cell;
    width:20px;
    vertical-align:top;
    background-image:url('../images/fon1.gif');
}
.ks-cell2{
    display:table-cell;
    vertical-align:top;
}
.ks-cell3{
    display:table-cell;
    width:30px;
    vertical-align:top;
    background-image:url('../images/fon2.gif');
}
/*-------------- MEDIA QUERIES -----------------------------*/
@media (min-width: 768px) {
    body.black {
        margin: 0;
    }
    .title{
        font-size:3em;
    }

    .ks-cell1{
        width:160px;
    }
    .ks-cell3{
        width:200px;
    }

    .size2{
        font-size:0.8em;
    }
}