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);
transition: width 0.8s;
}
.toggletaillemenu:checked + .colonnegauche {
width:70px;
text-align:center;
}
.toggletaillemenu:checked + .colonnegauche .elementmenunom {
background-color:white;
position:absolute;
left:70px;
visibility:hidden;
z-index:1000;
}
.iconesousmenu {
visibility:hidden;
display:none;
}
.toggletaillemenu:checked + .colonnegauche .iconesousmenu {
visibility:visible;
display:inline-block;
}
.toggletaillemenu:checked + .colonnegauche .elementmenu:hover .elementmenunom{
display:inline-block;
visibility:visible;
color:#34474E;
z-index:10;
width:200px;
padding-left:5px;
padding-right:5px;
-webkit-box-shadow: 5px 0px  4px 4px rgba(200, 200, 200, 0.3); 
box-shadow: 5px 0px  4px 4px rgba(200, 200, 200, 0.3);
}
.toggletaillemenu:checked + .colonnegauche .elementsousmenu:hover .elementmenunom{
display:inline-block;
visibility:visible;
color:#34474E;
z-index:10;
width:200px;
padding-left:5px;
padding-right:5px;
-webkit-box-shadow: 5px 0px  4px 4px rgba(200, 200, 200, 0.3); 
box-shadow: 5px 0px  4px 4px rgba(200, 200, 200, 0.3);
}
.togglepetitmenu {
position:absolute;
bottom:120px;
right:10px;
z-index:100;
cursor:pointer;
color:white;
transform: rotate(180deg);
transition: transform 0.8s ease-in-out;
}

.toggletaillemenu:checked + .colonnegauche .togglepetitmenu {
transform: rotate(0deg);
}
.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%;
}
.lignechampstiers {
width:29%;
display:inline-block;
vertical-align:top;
margin-right:3%;
}
.lignechampstiers input {
    width:80%;
}
.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:55%;
display:inline-block;
vertical-align:top;
}
.listevariables {
width:35%;
display:inline-block;
vertical-align:top;
}
.quartpage {
width:20%;
margin-right:2%;

display:inline-block;
vertical-align:top;
}
.tiersaccueil {
width:30%;
display:inline-block;
vertical-align:top;
margin-right:1%;
margin-left:1%;
}
.index_tiersaccueil {
width:32%;
display:inline-block;
vertical-align:top;

margin-left:1%;
}
.index_tiersaccueil2 {
width:31%;
display:inline-block;
vertical-align:top;

margin-left:1%;
}
.blocevenement {
float:right;
vertical-align:top;
}
.moitiepage {
display:inline-block;
width:47%;
margin-right:2%;
vertical-align:top;
}
.unquart {
display:inline-block;
width:23%;
margin-right:2%;
vertical-align:top;
}
.troisquarts {
display:inline-block;
width:73%;
vertical-align:top;
}
.untiers {
display:inline-block;
width:31%;
margin-right:2%;
vertical-align:top;
}
.moitie {
display:inline-block;
width:47%;
margin-right:2%;
vertical-align:top;
}
.boutonsheader {

float:right;
height:80px;
 font-family: 'Rubik', sans-serif;
 color:white;
 margin-right:30px;
 text-align:right;
}
.blocprofil {
float:right;
height:80px;
 font-family: 'Rubik', sans-serif;
 color:white;
 margin-right:30px;
 text-align:right;
}
.index_general {
display:table-row;
}
.index_deuxtiers {
width:68%;
display:table-cell;
vertical-align:top;
}
.index_untiers {
width:28%;

display:table-cell;
vertical-align:top;
}
.index_moitie {
width:calc(48% - 2px);

display:inline-block;
vertical-align:top;
}
.marginright2pour {
margin-right:2%;
}
.marginleft2pour {
margin-left:2%;
}
.documentation_untiers {
width:30%;
margin-left:3%;
display:inline-block;
vertical-align:top;
}
.documentation_deuxtiers {
width:62%;
display:inline-block;
vertical-align:top;
}

.togglemenu {
display:none;
}
.datessemainesphone {
    display:none;
}