

#menuBar{
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #eeeeef;
    font-family: Arial;
    font-size: 80%;
    font-weight: bold;
    min-height: 50px;
    position: relative;

}

#menuBar .row{
    z-index: 12;
    position: relative;
}

#menuBar img{
    max-height: 40px;
}

#menuBar a{
    color:#222;
}

#menuBar a:hover{
    color:#222;
}

#contact{
    cursor:pointer;
}

.margin{
    margin-top: 30px;
}

.small-margin{
    margin-top:15px;
}

.little-margin{
    margin-top: 5px;
}

.row .large-4 .small-margin{
    margin-top: 10px;
}

.title{
    width: 100%;
    display: inline-block;
    font-size: 250%;
    font-weight: bold;
    border-bottom: 1px dotted black;
}

.small-title{
    display: inline-block;
    font-size: 150%;
    font-weight: bold;
}
.large-12 .small-title{
    font-size: 120%;
}

@media screen and (max-width: 600px) {

    #fleche{
        margin-left: 40% !important;
    }
}
@media screen and (max-width: 500px) {

    #fleche{
        margin-left: 30% !important;
    }

    #optionsPlanning{
        padding-left: 20px;
    }

    .icon-bar .item label{
        font-size: 50% !important;
    }
}


@media screen and (max-width: 700px) {

    .small-title{
        margin-top: 20px;
        min-height: 30px;
    }
    .icon-bar .item label{
        font-size: 70% !important;
    }

}

@media screen and (max-width: 900px) {

    .small-title{
        min-height: 50px;
    }
    #footer .form-input .large-4{
        text-align: left !important;
    }
    .icon-bar .item{
        padding: 0;
    }
    .notif {
        margin-left: 10% !important;
    }

}

@media screen and (max-width: 1050px){
    #menuBar .row:first-child{
        z-index: 10;
    }
    #form .right{
        text-align: left !important;
    }
    #form{
        padding-left: 20px;
        padding-right: 20px;
    }

    .planning .cellhead{
        border-left: 1px solid #AAAAAA;
        border-right: 1px solid #AAAAAA;
    }

    .planning .cell{
        border-right: 1px solid #AAAAAA !important;
        border-left: 1px solid #AAAAAA !important;
        padding-top: 10px;

    }


    #planning{
        margin-left: 0 !important;
    }

    .large-6.columns.label.right {
        margin-right: 0 !important;
        margin-top: 15px;
    }

    .large-6.columns.label.left{
        margin-left: 0 !important;

    }

}

.title-logo{
    color:#3D3C3F;
}

.title-logo:hover{
    color:#3D3C3F;
}

.large-4 .small-title{
    font-size: 120%;
}

.small-title img{
    height: 35px;
}

.row .large-4 .small-title,.row .large-12 .small-title{
    text-align: center !important;
    display: block;
}

#slides{
    width:100%;
    position: relative;
}

#slidesContent .img-slides{
    position: absolute;
    right: 0;
    margin-right: -10px;
    z-index: 10;
    margin-top: -170px;
}

#slides img{
}

#description{
    text-align: center;
    border-top: 6px solid #3e3d40;
    border-bottom: 4px solid #e2e2e3;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #eeeeef;
    color:#666668;
}

.slidesjs-container img:first-child {
    height: auto;
}


.img .text{
    z-index: 10;
    position: absolute !important;
    color: #666668;
    margin-top: 2%;
    text-align: left;
    margin-left: 40%;
    width: auto;
    font-size: 120%;
    letter-spacing: -1px;
}

.little-big{
    font-size: 120%;
}

.img .text .big{
    font-size: 140%;
}

.omagad{
    font-size: 140%;
    letter-spacing: -1px;
}

.fking-big{
    font-size: 180%;
}

.evidence{
    letter-spacing: -1px;
    font-size: 120%;
}
#topFooter{
    padding-top: 20px;
    padding-bottom: 40px;
}

#footer{
    background-color: #2e2d30;
    padding-top: 20px;
    padding-bottom: 40px;
    color: #ffffff;
}

.columns .centered{
    margin:auto;
    float: none !important;
    display:block;
    text-align: center;

}

#footer .form-input .large-4.small-margin{
    margin-top: 20px !important;
}

#footer .form-input .large-4{
    margin-top: 5px;
    text-align: right;
}

#footer div.row.form-input.collapse .columns{
    padding-left: 5px !important;
}

#flecheTop{
    cursor: pointer;
}
#login{
    padding-top: 10%;
    background-image: url("../img/header_login.png");
    width: 100%;
    height: 90%;
    background-repeat: no-repeat;
}

#login.login-e{
    background-image: url("../img/login-e.png");
    background-position: center;
}

#login .prefix img{
    width: 20px;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

#login input[type=submit]{
    border-radius: 5px;

    background-color: #eb9e00;
}

#login input[type=submit]:hover{

    background-color: transparent;
    color: #1a1a1a;
    border: 1px solid #eb9e00;
}

#login a{
    color:#666668;
    font-weight: bold;
}

#slidesContent #buttons {
    position: absolute;
    top: 0;
    z-index: 11;
    width: 100%;
    margin-top: 16%;
}

#buttons.visible-for-large-up{
    position: absolute !important;
}
#buttons div{
    text-align: center;

}

#buttons img{
    margin:auto;
    height:50px;
}

.name img{
    height: 40px;
}

section.top-bar-section ul li a:before {
    content: "• ";
    color: #eb9e00; /* or whatever color you prefer */
    font-weight: bold;
    font-size: 120%;
}

section.top-bar-section ul li a{
    font-weight: bold ;
}

#header{
    min-height: 50px;
    background-color: #2e2d30;
    color: #ffffff;
    font-size: 80%;
}

#header a{
    color:#ffffff;
}
#header a:before{
    content: '>> ';
    font-size: 120%;
    color:#eb9e00;
    font-weight: bold;
}

#header .columns{
    padding-top: 40px;
}

#formPlanning{
    padding-top: 30px;
}

#calendar{
    border: 3px solid #1a1a1a;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: white;
    opacity: 0.88;
    margin-top: 90px;

}
#calendar2{
    border: 3px solid #1a1a1a;
    border-radius: 10px;

    background-color: white;
    opacity: 0.88;
    margin: 2px;
    padding-top: 10px;
    padding-bottom: 10px;

}
#calendar table thead tr th{
     padding:2px;
     font-size: 60%;
     background: white !important;
 }

#calendar table thead tr th.alert{
    color:red;
}

#calendar table tbody tr{

}

#calendar table tbody tr td{
    text-align: right;
    padding:2px;
    font-size: 100%;
    background: white !important;
    font-weight: bold;
}

#calendar table{
    background-color: transparent !important;
    border: none;
    margin:auto;
}

#calendar a{
    color:#1a1a1a;

}

#calendar table tbody tr td.alert{
    color:red !important;
}

#calendar a:hover{
    color:#1a1a1a;

}

#calendar table tbody tr td.alert a{
    color:red !important;
}

#form a{
    color:#1a1a1a;
    font-weight: normal;
}

#formPlanning .title{
    width: auto;
    font-size: 120%;
    border:none;
    display: block;
    color:#2e2d30;
    padding-left: 10px;
}

#formPlanning #form{
    border: 3px solid #1a1a1a;
    background-color: #ffffff;
    border-radius: 10px;
    opacity: 0.88;
}

#formPlanning .large-6 .right.inline{
    margin:0;
    padding:0;
    margin-right:10px ;
}

#formPlanning #form input[type=text]{
    padding:0;
    height:auto !important;
}

#formPlanning #form .row{
    margin-top:0;
    line-height: normal;
}

#formPlanning select{
    height:60px;
}

#formPlanning .large-12.text{
    margin-top: -15px;
    font-weight: bold;
    font-size: 80%;
    margin-bottom: 10px;
}

#optionsPlanning{
    font-weight: bold;
    margin-top: 100px;
    font-size: 90%;
    min-width:250px;
    margin-left: -50px;
}

#optionsPlanning .row{
    margin-top: 15px;

}

#bottomForm{
     font-size: 80%;
     margin-left: 15px;
 }

#form .row:last-child input[type=submit],.formsearch .row:last-child input[type=submit]{
    background-color: #eeeeef;
    color:#1a1a1a;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 10px;
    border: 1px solid black;
}

span.button-search{
    height: 22px;
    width: 22px;
    background-image: url('../img/search.png');
    background-repeat: no-repeat;
    z-index: 15;
    display: inline-block;
    margin-top: 8px;
    margin-left: -30px;
    position: absolute;
}

/*  MENU  */


#menu{
    background-color: white;
    z-index: 8;
    position: absolute !important;
    min-height: 20px;
    width: 60%;
    margin-left: 20%;
    border-radius: 0px 0px 10px 10px;
    border-bottom: 1px solid black;

    opacity: 0.8;
}

#menu .text-center{
    font-size: 80%;
    margin-left: 48%;
    position: absolute;
    z-index: 11;
    margin-top: -2px;
    font-weight: bold;
}


#fleche{
    margin-top: 0px;
    cursor:pointer;
    margin-left: 44%;
    position: absolute;
    z-index: 10;
    width: auto;
    height: auto;
    border-style: solid;
    border-width: 40px 50px 0 50px;
    border-color:  white transparent transparent;
}

#fleche .fleche{

    margin-top: -25px;
    margin-left:-25px;
    cursor:pointer;
    position: absolute;
    z-index: 11;
    width: auto;
    height: auto;
    border-style: solid;
    border-width: 20px 25px 0 25px;
    border-color:  #1a1a1a transparent transparent;
    opacity: 0.8;
}

#menu-content{
    color:white;
    height: 40px;
    display: none;
}

#menu-content .menu{
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    -webkit-flex-direction: row;
    justify-content: space-around ;
    display: -ms-flexbox;
    -ms-flex-direction : row;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -moz-box-pack: space-around;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
}

#menu-content .menu img{
    height:30px !important;
    margin-top: -65px;
    opacity: 1 !important;
    cursor: pointer;

}

#bubble{
    opacity:0.9;
    position:absolute;
    border-radius: 5px;
    border:1px solid black;
    box-shadow: 5px 5px 10px black;
    display: none;
    z-index: 25;
    color:white;
    font-weight: bold;
    background-color: #1a1a1a;
}

.tab-bar-section .title img{
    height:30px;
}

.off-canvas-list img{
    height:20px;
    width: 23px;
}

.left-off-canvas-menu{
    background-color: #D4D4D4;
    color: green !important;
    font-weight: bold;
}

.left-off-canvas-menu ul li{
    color: #1a1a1a !important;
}

#form{
    border: 3px solid #1a1a1a;
    border-radius: 10px;
}

#form .row:last-child .text-right{
    padding-right: 40px;
    padding-bottom: 10px;
}

#formAlerte{
    padding-top: 50px;
    padding-bottom: 50px;
}

#formPrestataire{
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
}

#formAlerte input[type=submit],#formPrestataire input[type=submit]{
    padding:15px !important;
    border-radius: 2px !important;
    border: 1px solid transparent !important;
    background-color: #eb9e00 !important;
    color:#FFFFFF !important;
}

#formAlerte input[type=submit]:hover,#formPrestataire input[type=submit]:hover{
    background-color: transparent !important;
    border-color: #eb9e00 !important;
    color:#1a1a1a !important;
}
.reveal-modal{
    border-radius: 10px;
}

#formPrestataire input[type=text], #formPrestataire select{
    height:2em;
    padding-top: 3px;
}
#formPrestataire .row .row.collapse{

}

.tab-title.active{
    border-top: 1px solid #eb9e00;
}

.tab-title.active{
}

.tab-title:not(.active) a{
    background-color: #1a1a1a !important;
    color:white;
}

.button.stable{
    background-color: #1a1a1a !important;
    color:#FFFFFF !important;
    border: 1px solid transparent;
    padding: 5px;
}

.button.stable.white{
    background-color: #FFFfFF !important;
    color:#000 !important;
    border: 1px solid black;
}

.button.stable.white:hover{
    background-color: #eb9e00 !important;
    color:#ffffff !important;
    border: 1px solid black;
}

.button.stable:hover{
    background-color: transparent !important;
    color:#1a1a1a !important;
    border:1px solid #1a1a1a;
}


.button img{
    height: 25px;
}

.form{

    border:2px solid #1a1a1a;
    border-radius: 10px;
    padding:10px;

}

div.label.job{
background-color: rgba(244, 176, 0,0.8);
}

div.label.dark{
    background-color: rgba(26, 26, 26, 0.9);
}

.label.dark label{
    color:white;
}

.button.job{
    background-color: #eb9e00;
    color:#1a1a1a;
    border: 1px solid transparent;
    padding: 5px;
}

.button.job:hover{
    border: 1px solid #eb9e00;
    background-color: transparent;
    color:#eb9e00;
}

.event{
    cursor:pointer;
}
.event:hover > .color{
    visibility: visible;
}

.color{
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background-color: #eb9e00;
    visibility: hidden;
}

.bold{
    font-weight: bold !important;
}
.small-size.bold{
    font-size: 70% !important;
}

.cellhead{
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #1a1a1a;
    color:white;


}

.cell{
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 1px solid #1a1a1a;
    height: 100%;
    background-color: #f0f0f0;
}
.planning{
    overflow: auto;

}

.planning hr{
    margin:0;
}

.icon-bar{
    background-color: #2e2d30;
}

.icon-bar .item:hover{
    background-color: #eb9e00;
}


.small-size{
    font-size: 50%;
}
#planningGrid.reveal-modal{
    max-width:75rem;
}

#planningGrid{
    overflow: visible;
}


#planningGrid table{
    margin-bottom: 0;
    table-layout: fixed;

}

#planningGrid table thead tr th.small-size{
    padding:4px;
    font-size: 60%;
}

.small-size.plan{
    border-style: solid;
    border-width: 2px;
    font-size: 80%;
    cursor:pointer;
    border-radius: 5px;
    z-index: 25;
}

#planningGrid table thead th:not(:first-child){
    padding-left: 0;
}

#planningGrid table th:not(:first-child),#planningGrid table td:not(:first-child){
    border-left: 1px solid #6f6f6f;
}

#planningGrid table thead tr th{
    table-layout:fixed;
    padding: 0;
    overflow:hidden;
    word-wrap:break-word;
    text-align: left;
    background-color: #D4D4D4 !important;
}

#planningGrid table tbody td,table thead th{
    padding: 0 !important;
    margin:0 !important;
}

#planningGrid table thead tr th{
    min-width:31px;

}
#planningGrid table tbody td:not(:first-child){
    padding-top: 0px;
    height: 100%;
    padding-bottom: 0px;
}

#planningGrid table tbody td table{
    height: 100%;
}

#planningGrid table tbody{
    height: 100%;
}

#planningGrid table tbody tr td:first-child{
    background-color: #333333 !important;
    color:#ffffff;
    border: none;
    text-align: center;
}
#planningGrid table tr td{
    padding: 0.5625rem 0.625rem 0.5625rem 10px;
}

#planningGrid table td, #planningGrid table th{
    overflow: visible !important;
    width: 30px;
}

#dataPlanning,#modalForAnim{
    width:50rem;
}

#modalForCV{
    width:40rem;
}

#planning{
    margin-left: -100px;
}

#planning table thead tr th,#planning table tbody tr td{
    min-width: 20px;
    table-layout:fixed;
    overflow: visible !important;
    width: 20px;
    text-align: center;
}

.small-size.plan.positive{
    border-color: #007095;
}
.small-size.plan.job{
    border-color: #eb9e00;
}

.small-size.plan.alert{
    border-color: red;
}

.button.white{
    color: #ffffff;
    box-shadow: 0px 0px 1px white inset;
}

.button.white:hover{
    border-color: #ffffff;
    color:white;
}

.large-6.columns.label.right {
    margin-right: -10px;
    border-top: 5px solid #3E3D40;

}

.large-6.columns.label.left{
    margin-left: -10px;
    border-top: 5px solid #f3ce47;
}

.label .text{
    white-space: normal;
    font-size: 130%;
    font-family: "Arial Black", arial-black;
}

.label .titre{
    white-space: normal;
    font-size: 150%;
}

div.label{
    border-radius: 8px;
}

.animation:hover{
    background-color: rgba(244, 176, 0,0.4);
}

.table-header .columns,.table-body .columns{
    padding: 10px;
}

.table-header{
    border-radius: 5px 5px 0px 0px;
    background-color: rgba(26, 26, 26, 0.8);
    color: white;
}

.table-header img{
    height: 15px;
}


.table-body:hover{
    background-color: rgba(244, 176, 0,0.8);
    cursor: pointer;
}

#modalForJob .row:nth-of-type(2n){
    background-color: #FFFFFF;
    box-shadow: 0px 0px 4px #e5e5e5 inset;
}

#modalForJob .row:nth-of-type(2n+1):not(:first-child){
    background-color: rgba(26, 26, 26, 0.4);
    box-shadow: 0px 0px 4px #555 inset;
}

.table-header{
    box-shadow: 0px 0px 3px black inset;
}

#modalForContact{
    width:25rem;
    padding: 0;
    border-radius: 10px 10px 0px 0px;
    color:white;

}

#modalForNews,#modalForVideos{
    max-width:45rem;
    padding: 0;
    border-radius: 10px 10px 0px 0px;
}

#modalForNews .modal-content,#modalForVideos .modal-content{
    max-height: 30rem;
    height: auto;
}

#modalForNews .modal-header{
    color: white;
    background-color: #222;
}

#modalForNews .modal-content img{
    height:20px;
}

.modal-header{
    height:2rem;
    width: 100%;
    background-color: #6f6f6f;
    border-radius: 8px 8px 0px 0px;

}

.modal-header a.close-reveal-modal{
    top: 0.4rem;
    font-size: 1.5rem;
}
.modal-header .columns{
    top:0.4rem;

}

.modal-content{

    background-color: white;
    height: 20rem;
    max-height: 25rem;
    overflow: scroll;
    overflow-x: hidden;
}

.modal-footer{
    min-height: 2rem;
    border-top: 1px solid #D4D4D4;
}

.modal-footer textarea{
    height:2rem;
    min-height: 2rem;
    border: none;
}

.modal-footer .columns{
    padding-left: 0 !important;
    padding-right: 0;
    min-height: 2rem;
    height: 2rem;
}

.modal-content .message .columns{
    font-size: 90%;
    color:black;
    padding-top: 0.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.modal-content .columns{
    padding-left: 2rem;
    padding-right: 2rem;
}

#logo .one-height{

    padding:0;
    height:110px;
    margin: 0;
}

#logo .two-height{
    height:220px;
}

#logo .one-height, #logo .two-height{
    text-align: center;border: 1px solid #cdcdcd;
}

#logo img{
    margin-top: auto;
}

#menu-icon.off-canvas-wrap{
    z-index: 11;
}

#menu-icon.move-left.off-canvas-wrap{
    z-index: 13;
}

#menu-icon.off-canvas-wrap.docs-wrap{
    top:0;
    position: fixed;
}

#menu-icon .inner-wrap .tab-bar{
    background-color: transparent;
}
#menu-icon .right-off-canvas-menu{
    height: 100%;
}

#menu-icon .inner-wrap .right-small{
    border-left: none;
    position: fixed;

}

#menu-icon .move-left a.exit-off-canvas{
    box-shadow: none ;
    background-color: transparent;

}
#menu-icon .right-off-canvas-toggle.menu-icon span{

    margin-top: 50px;
}
#menu-icon aside.right-off-canvas-menu{
    min-height: 700px;

}

.tab-bar .menu-icon img {
    position: absolute;
    display: block;
    top: 40%;
    margin-top: -0.5rem;
    left: -1rem;

}

#menu-icon.move-left .right{
    display: none;
}

#menu-icon .right{
    margin-right: 40px;
    margin-top: 5px;
    color:#222;
    font-weight: bold;
}

#menu-icon .menu-icon span:after{
    box-shadow: none;
}

#menu-icon .menu-icon img{
    max-width: 40px;
}

#menu-icon .menu-icon span.has-tip{
    width: 100px;
}

#menu-icon a.exit-off-canvas{
    box-shadow: none;
}

#modalForVideos .modal-header{
    background-color: #222;
    color:white;
}

.notif{
    display: block;
    min-height:15px;
    min-width:15px;
    position: absolute;
    z-index: 2;
    border-radius: 15px;
    background-color: rgb(255, 69, 34) !important;
    margin-top: -35px;
    margin-left: 9%;
}

.number{
    font-size: 90%;
    color:white;
    position: absolute;
    margin-top: -4px;
    margin-left: -5px;
    font-weight: bold;
}

span.white{
    color: #ffffff !important;
}

span.black{
    color: #000 !important;
}

.form select{
    height: auto;
}

label img{
    height:20px;
}

table.table thead tr{
    background-color: #222;
}

table.table thead tr th{
    color:white;
}

table.table tbody tr:nth-of-type(2n+1){
    background-color: rgba(62, 62, 62, 0.40);
    box-shadow: 0px 0px 4px #555 inset;
}
table.table tbody tr:nth-of-type(2n){

    box-shadow: 0px 0px 4px #d9d9d9 inset;
}

table tbody tr td table tbody tr td .button.job{
    vertical-align: text-bottom;
    padding:1px;
}

table tbody tr td table tbody tr td .button img{
    height:20px;
}

table.table tbody tr td table.table tbody tr td{
    padding:0px;
}

table tbody tr:nth-of-type(2n+1) td .button.job:hover{
    color:white;
    border-color: white;
}

table tbody tr td a.button.job{
    padding:3px !important;
    border-color: #D4D4D4 !important;
}

.reveal-modal table.table thead tr th{
    padding: 0.5rem 0.625rem 0.625rem !important;
}

.form select,.form input[type=text]{
    padding:0.2rem;
    height:auto;
}

.form .top-form{
    padding-top: 5px;
    margin-top: -10px;
    background-color: #222;
    position: relative;
    border-radius: 10px 10px 0px 0px;
    margin-left: 4px;
    width:99.5%;
    color:white;
    margin-bottom: 10px;
}

img.small{
    height: 30px;
}

.icon-bar.three-up a.item{
    position: relative;
}

.icon-bar.three-up a.item:hover{
    height:97px;
    margin-bottom: -15px;
}

.icon-bar.three-up a.item span.notif{
    margin-left: 42%;
}

#description h3, #description h4{
    display: inline-block;
}

.list-arrow{
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
}

span.arrow:before{
    content:'';
    background-image: url('../img/arrow.png');
    height: 15px;
    width: 15px;
    display: inline-block;
    background-size: 100% 100%;
    padding-top: 5px;
}

.list-arrow div{
    font-weight: bold;
    color: #f08a24;
}

.list-arrow a,.list-arrow a:hover,.list-arrow a:active{
    color: #f08a24;
}


.separator{
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #1a1a1a;
    height: 60px;
    width: 100%;
}

span.arrow.bottom:before{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

#ateliervideo h4{
    letter-spacing: -1px;
    color: #f08a24;
    line-height: 5px;
}
.small-desc{
    line-height: 0;
    margin-left: 15px;
}

#ateliervideo-desc{
    margin-top: 30px;
}

#ateliervideo-desc li{ 
    text-align: left;
    margin-left: 40px;
    letter-spacing: -1px;
    font-size: 80%;
}

#ateliervideo-desc li a img,#ateliervideo-desc small a img{
    height: 15px;
    max-width: 20px;
}

#ateliervideo-desc small{
    color: #f08a24;
    letter-spacing:  0px;
}

