body {
overflow: hidden;
}
.general {
display:flex;
height:calc(100% - 80px);
position:absolute;
width:100%;
}
.colonnegauche {
background-color:#34474E;
vertical-align:top;
height:100%;
width:20%;
position:relative;
-webkit-box-shadow: 2px 5px 5px 0px rgba(199,204,208,1);
-moz-box-shadow: 2px 5px 5px 0px rgba(199,204,208,1);
box-shadow: 2px 5px 5px 0px rgba(199,204,208,1);
}
.contenudroite {
height:100%;
flex:1;
vertical-align:top;
width:auto;
position:relative;
overflow-y: scroll;

}

.blocsalarie {
width:200px;
display:inline-block;
vertical-align:top;
margin-right:20px;
margin-top:20px;
}
.lignechampsmoitie {
width:45%;
display:inline-block;
vertical-align:top;
margin-right:3%;
}
.margebas {
height:120px;
}
.tableaudonnees {
width:35%;
vertical-align:top;
display:inline-block;
}
.listemissions {
width:60%;
margin-left:4%;
display:inline-block;
vertical-align:top;
}
.datemission {
width:23%;
vertical-align:top;
display:inline-block;
margin-right:1%;
}
.bouton {

margin-right:5%;
border-radius:2px;
font-size:90%;
}
.boutonpadding {
padding:5px;
}
.boutonicone {
display:inline-block;
width:50px;
text-align:center;
vertical-align:middle;
}
.boutontexte {
display:inline-block;

vertical-align:middle;
}
.boutonajouter {
width:250px;
}
.redactioncontrat {
width:60%;
display:inline-block;
vertical-align:top;
}
.listevariables {
width:35%;
display:inline-block;
vertical-align:top;
}
.quartpage {
width:23%;
margin-right:2%;

display:inline-block;
vertical-align:top;
}
.tiersaccueil {
width:30%;
display:inline-block;
vertical-align:top;
margin-right:1%;
margin-left:1%;
}
.blocevenement {
float:right;
vertical-align:top;
}
.moitiepage {
display:inline-block;
width:47%;
margin-right:2%;
vertical-align:top;
}

.togglemenu {
display:none;
}