* {
	margin:0px;
	padding:0px;
}
body {
margin:0px;
padding:0px;
font-family: 'Lexend', sans-serif;
font-weight: normal;
background-color:#F5F5F5;
}
html {
margin:0px;
padding:0px;
}
a {
text-decoration:none;
color:black;
}
widthauto {
    width:auto;
}
.padding20 {
padding:20px;
}
.padding10 {
padding:10px;
}
.pointercursor {
cursor:pointer;
}
.cursorsortable {
    cursor:move;
}
.textegras {
    font-weight:bold;
}
header {
height:80px;
line-height:80px;
width:100%;
background-color:#233239;
border-bottom:solid 4px #38515C;
vertical-align:middle;
-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);
}
footer {
margin-top:50px;
}
.modal {
    z-index:100;
    max-width:80%;
    width:80%;
}
.logosite {
margin-left:50px;
vertical-align:middle;
}
.lienmenu {
color:#A2AAAD;
}
.elementmenu {
height:45px;
line-height:45px;
vertical-align:middle;
color:#A2AAAD;
 font-family: 'Rubik', sans-serif;

 background-color:#34474E;
 margin-bottom:2px;
 }
 .elementmenu:hover {
 background-color:#00ACC4;
 color:white;
 }
 .colorwhite {
 color:white;
 }
 .colornetextra {
 color:#00ACC4;
 }
.elementsousmenu {
height:30px;
line-height:30px;
vertical-align:middle;
color:#A2AAAD;
 font-family: 'Rubik', sans-serif;
margin-top:-2px;
 background-color:#34474E;
font-size:85%;

 }
 .elementsousmenu:hover {
 background-color:#00ACC4;
 color:white;
 }
 .elementmenusurligne {
 background-color:#233239;
 color:white;
 }
 .elementsousmenu i{
 
padding-left:25px;
padding-right:25px;
 }
.elementmenu img{
padding-left:20px;
padding-right:20px;
vertical-align:middle;
}
.elementmenu i{
padding-left:20px;
padding-right:20px;
vertical-align:middle;
}
.titrepage {
color:#777777;
background-color:white;
 font-family: 'Lexend', sans-serif;
 padding:15px;
 width:90%;
 margin:auto;
 -webkit-box-shadow: 2px 2px 5px 0px rgba(199,204,208,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(199,204,208,1);
box-shadow: 2px 2px 5px 0px rgba(199,204,208,1);
margin-top:15px;
border-radius:5px;

}
.blocsalarie {
position:relative;
background-color:white;
 -webkit-box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);
-moz-box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);
box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);
border-radius:2px;
 font-family: 'Lexend', sans-serif;
 z-index:5;
}
.blocsalariepadding {
padding:15px;
}
.blocsalarieprenomnom {
text-align:center;
font-weight:bold;
font-size:110%;
}
.blocsalariefonction {
text-align:center;
font-size:90%;
}
.blocsalariebouton {
margin-top:5px;
margin-bottom:5px;
background-color:#EBEBEB;
font-size:80%;
padding:5px;
color:#3B404C;
vertical-align:middle;
}
.blocsalariebouton:hover {
background-color:#00ACC4;
color:white;
}
.blocsalariebouton img {
vertical-align:middle;
}
.listesalaries {
padding:20px;
}
.lignechamps {
padding-top:20px;
padding-bottom:20px;
border-bottom:solid 1px #EAEAEA;
 font-family: 'Lexend', sans-serif;
}
.intitulechamps {
text-transform: uppercase;
color:#69708E;
margin-bottom:5px;
}
.pasdemargin {
margin:0;
}
.boutonvalidation {
background-color:#00ACC4;
color:white;
padding:15px;
border:0;
font-size:120%;
}
.boutongris {
    background-color:#A2AAAD;
}
.champsinputtext {
width:100%;
font-size:120%;
padding:10px;
border:0;
border:solid 2px #E9E9E9;
}
.champsinputtextgris {
width:100%;
font-size:120%;
padding:10px;
border-radius:4px;
background-color:#F7F8F9;
border:solid 1px #D7D7D7;
font-family: 'Rubik', sans-serif;
}
.champslignevalidation {
margin-top:40px;
}
 /* Customize the label (the container) */
.champsradio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.champsradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.champsradio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.champsradio input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.champsradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.champsradio .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
} 
.formulaire {
width:90%;
margin:auto;
}
.blocconnexion {
font-size:90%;
background-color:white;
border:solid 1px #B7B7B7;
border-radius:5px;
margin:auto;
margin-top:100px;
width:90%;
max-width:400px;
}
.blocconnexionpadding {
padding:40px;
}
.champconnexion {
width:100%;
padding:10px;
border:solid 1px #EAEAEA;

}
.bouton {
background-color:#00ACC4;
color:white;
padding:15px;
border:0;
font-size:120%;
margin:auto;
margin-top:25px;
}
.boutontexte {

font-size:110%;
}
.ajouterposte {
background-color:white;
border:solid 1px #EAEAEA;
border-radius:5px;
padding:15px;
}
.champsinputtextpas100 {

padding:7px;
border:0;
border:solid 1px #34474E;
}
.tableau {
margin-bottom:25px;
background-color:white;
}
.lignetitre td{

}
.tableau td{
padding:15px;
}
.tableau td img {
padding-right:15px;
}
.identitesalarie {
width:100%;
background-color:white;
 -webkit-box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);
-moz-box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);
box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);

position: sticky;
}
.identitesalarieicone {
width:120px;
display:inline-block;
text-align:center;
vertical-align:middle;

}
.identitesalarieicone img {
padding-top:15px;
padding-bottom:15px;
}
.identitesalarieintitule {

display:inline-block;

vertical-align:middle;
}
.textalignleft {
text-align:left;
}
.tableaudonnees {

background-color:white;
 -webkit-box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);
-moz-box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);
box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);

margin-top:25px;
}
.tableaudonneespadding {
padding:15px;
}
.listemissions {

background-color:white;
 -webkit-box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);
-moz-box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);
box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);

margin-top:25px;
}
.listemissionspadding {
padding:15px;
}
.tableaufiche {
width:100%;
}
.tableaufiche td{
padding:12px;
font-size:90%;
border-top:solid 1px #EBEBEB;
border-right:solid 1px #EBEBEB;
border-bottom:solid 1px #EBEBEB;
vertical-align:middle;
}
.tableaufiche td img{
vertical-align:middle;
}
.tableauficheintitule {
background-color:#EBEBEB;
color:#3B404C;
}
.margintop20 {
margin-top:20px;
}
.margintop10 {
margin-top:10px;
}

.datemission {
margin-top:15px;
background-color:white;
border:solid 1px #B7B7B7;
}
.datemissionpadding {
padding:10px;
}
.labelheure {
font-size:80%;
}
.labelheure > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
	display:inline-block;
}
.labelheure > input + div{ /* DIV STYLES */
    cursor:pointer;
    border:solid 5px #F5F5F5;
	background-color:#F5F5F5;
}

.labelheure > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */

border:solid 5px #233239;
background-color:#233239;
opacity:1;
color:white;
}
.lignehoraire {
width:100%;
}
.centrer {
text-align:center;
}
.listemissionstable {
   border-collapse: collapse;
   border-radius:8px;
}
.listemissionstable td {
padding-top:16px;
padding-bottom:16px;
padding-left:6px;
padding-right:6px;
border-bottom:solid 1px #E9E9E9;
}
.gris {
background-color:#FBFBFB;
}
.date {
color:#8C8C8C;
}
.nommission {
color:#363636;
font-weight:bold;
}
.fondsombre {
color:white;
background-color:#38515C;
}
.fondblanc {
color:#38515C;
background-color:white;
}
.boutonicone {
font-size:220%;
}
.boutonajouter {
display:flex;
margin-top:20px;
}
.boutonajoutericone {
width:20%;
display:inline-block;
vertical-align:middle;
background-color:#233239;
padding:10px;
text-align:center;
color:white;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.boutonajoutertexte {

display:inline-block;
vertical-align:middle;
background-color:#34474E;
color:white;
padding:10px;
 text-transform: uppercase;
 text-align:center;
 flex:1;
 font-size:90%;
 
 
 -webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.redactioncontrat {

margin:2%;
background-color:white;
}
.formulairetextarea {
border:solid 1px #B7B7B7;
color: #34474E;
}
.formulairetextarea {
width:100%;
height:900px;
padding:10px;
}
.tableauvariable {
background-color:#233239;
color:white;
padding:10px;
}
.contenudroite {
font-size:90%;
}
.picto-item {
  position: relative;  /*les .picto-item deviennent référents*/

  border-radius: 50%;
}
.picto-item:hover:after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute;
  top: -2.4em;
  left: 50%;
  font-size:80%;
	transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 20; /* pour s'afficher au dessus des éléments en position relative */
  white-space: nowrap;  /* on interdit le retour à la ligne*/
  padding: 5px 14px;
  background: #233239;
  color: #fff;
  border-radius: 4px;
}


/* on génère un second élément en :before pour la flèche */

[aria-label]:hover:before {
  content: "▼";
  position: absolute;
  top: -1em;
	left: 50%;
	transform: translateX(-50%); /* on centre horizontalement  */
  font-size: 20px;
  color: #233239;
}

/* pas de contour durant le :focus */
[aria-label]:focus {
  outline: none;
}
#masquermissionsvides {
    display:none;
}
.masquermissionsvides {
    display:none;
}
#afficherpremier {
    display:none;
}
.afficherpremier {
    display:none;
}
.clearboth {
clear:both;
}
.relief {
 -webkit-box-shadow: 2px 2px 5px 0px rgba(199,204,208,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(199,204,208,1);
box-shadow: 2px 2px 5px 0px rgba(199,204,208,1);
}
.carrousselbloc {
width:11%;
margin-right:0.1%;
display:inline-block;
vertical-align:top;
cursor:pointer;
height:90px;
 font-family: 'Rubik', sans-serif;
font-size:75%;
text-align:center;
color:#233239;
}
.barrecarroussel a {
color:#233239;
}
.carrousselbloc:hover:not(.dateselectionnee) {
background-color:#D5D8DB;
}
.dateselectionnee {
background-color:white;
font-weight:bold;
color:#00ACC4;

 -webkit-box-shadow: 0px -5px 5px 0px rgba(199,204,208,1);
-moz-box-shadow: 0px -5px 5px 0px rgba(199,204,208,1);
box-shadow: 0px -5px 5px 0px rgba(199,204,208,1);
}
.blocplanning {
 -webkit-box-shadow: -2px -2px 5px 0px rgba(199,204,208,1);
-moz-box-shadow: -2px -2px 5px 0px rgba(199,204,208,1);
box-shadow: -2px -2px 5px 0px rgba(199,204,208,1);
 width:95%;
 margin:auto;

 padding:10px;
background-color:white;
}
.barre_choixsemaine {
    margin-top:10px;
    font-size:120%;
    text-align:center;
    color:#233239;
    position:relative;
}
.barre_choixsemaine a{
    color:#233239;
}



.barre_choixsemaine_menu {
visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s linear;
}
.barre_choixsemaine_lien:hover .barre_choixsemaine_menu {
  visibility: visible;
  opacity: 1;
}
.barre_choixsemaine_menu {
  left: 50%;
  transform: translate(-50%);
background-color:white;
color:#233239;
z-index:20;
width:300px;
text-align:left;
position:absolute;
-webkit-box-shadow: 0px 5px 4px 4px rgba(200, 200, 200, 0.3); 
box-shadow: 0px 5px 4px 4px rgba(200, 200, 200, 0.3);
border-top:solid 4px #00ACC4;
 font-family: 'Rubik', sans-serif;
font-size:80%;
    padding:8px;
}
.barre_choixsemaine_lien span {
    cursor:pointer;
}
.listesemainesul_semainedetail {
    font-size:80%;
}
#listesemainesul a:hover {
    color:#233239;
    font-weight:bold;
    padding-left:8px;
}

.barrecarroussel {
 margin-top:10px;
}
.tableauplanning {
margin-top:50px;
margin-bottom:100px;
width:100%;
 border-collapse:collapse;
 display:none;
 color:#45454E;
}
.tableauplanningselect {
color:#45454E;
border:none;
}
.displayblock {
display:table;
}
.tableauplanning td {
border:solid 1px #E6E6E6;
padding-top:10px;
padding-bottom:10px;
}
.fondheures {
background-color:#FCFCFC;
}
.tableauplanning .pasdebordure {
border:none;
}
.tableauplanning .interligne td {
border:none;
}
.tableauplanning th {
text-align:left;
font-weight:normal;
}
.labelheureplanning > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
	display:inline-block;
}
.labelheureplanning > input + div{ /* DIV STYLES */
    cursor:pointer;
width:25%;
display:inline-block;
vertical-align:middle;
background-color:#E6E6E6;
margin-top:5px;
margin-bottom:5px;
}
.labelheureplanning > input + div:hover{
height:30px;
margin-top:0px;
margin-bottom:0px;
	background-color:#D7D7D7;
	}
.labelheureplanning > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
box-shadow: inset 0px -4px 0px -2px #007484;
background-color:#00ACC4;
opacity:1;
color:white;
}

.labelheureeffectif > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
	display:inline-block;
}
.labelheureeffectif > input + div{ /* DIV STYLES */
    cursor:pointer;
width:25%;
display:inline-block;
vertical-align:middle;
background-color:#E6E6E6;
margin-top:5px;
margin-bottom:5px;
}
.labelheureeffectif > input + div:hover{
height:30px;
margin-top:0px;
margin-bottom:0px;
	background-color:#D7D7D7;
	}
.labelheureeffectif > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */

background-color:#38515C;
opacity:1;
color:white;
}

.labelheureselect > input + div{ /* DIV STYLES */

background-color:#AA1A00;
}
.labelheureunselect > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */

background-color:#73AA00;
opacity:1;
color:white;
}
.heureheure {
height:20px;
}
.heurequartheure {
height:20px;
}
.datemois {
font-size:90%;
    cursor: pointer;
}
.datejour {
padding-top:10px;
    cursor: pointer;
}
.datenumero {
font-size:300%;
    cursor: pointer;
}
.paddingmissionvide {
width:100%;
text-align:center;
}
.paddingmissionvide td {
width:100%;
text-align:center;
}
.paddingmissionvide div {

margin-top:100px;
margin-bottom:100px;
}
.carrousselbloc i {
font-size:200%;
padding-top:30px;
  }
.blocvalide {
background-color:#EEF4E8;
width:50%;
margin:auto;
margin-top:25px;
border: solid 2px #C4D9AE;
border-radius:5px;
}
.blocinfo {
background-color:#E8EFF4;
width:50%;
margin:auto;
margin-top:25px;
border: solid 2px #ACC7DB;
border-radius:5px;
}
.blocvalidepadding {
padding:20px;
}
.couleurverte {
color:#759F4A;
}
.couleurrouge {
color:#A64444;
}
.couleurorange {
color:#B98931;
}
.couleurgrise {
color:#595959;
}
.couleurbleue {
color:#4460A6;
}
.taille120 {
font-size:140%;
}
.positionbasdroite {
position:fixed;
bottom:40px;
right:40px;
}
.boutonhorairesprevus {
padding:10px;
margin-bottom:25px;
border:solid 1px #C8CCDB;
border-radius:4px;
margin-right:10px;
vertical-align:middle;
background-color:white;
display:inline-block;
    cursor:pointer;
}
.boutonhorairesprevus  a{
color:#BFC1C5;
}
.boutonhorairesprevus:hover {
color:#00ACC4;
border:solid 1px #00ACC4;
}
.boutonhorairesprevus:hover a {
color:#00ACC4;
}
.boutonhorairesprevusselection {
border:solid 1px #C7C8CC;
}
.boutonhorairesprevusselection a{
color:#303745;
}
.carrecouleurlegende {
width:40px;
height:20px;
}
.carrecouleurlegendetxt {
padding-left:10px;
padding-right:10px;
}
.carrecouleurlegendetxt {
color:#788185;
}
.tiersaccueil {
background-color:white;
border:solid 1px #D5D8DB;
margin-top:20px;
}
.padding15 {
padding:15px;
}
.padding8 {
padding:8px;
}
.listeindex {
width:100%;
height:250px;
overflow-y: scroll;
}
.boutonaligneradroite {
float:right;
padding-top:10px;
padding-right:10px;
}
.blocsalariephoto {
height:90px;
width:100%;
text-align:center;
overflow: hidden;
}
.blocsalariephoto img {
height:90px;
width:auto;
vertical-align:top;
padding:0;
}
.paddingtopbottom {
padding-top:15px;
padding-bottom:15px;
}
.boitecheckbox {
width:100%;
height:150px;
overflow-y:scroll;
border:solid 1px #233239;
position:relative;
}
.boitecheckboxbouton {
position:absolute;
top:10px;
right:10px;
background-color:#3B404C;
color:white;
border:0;
padding:6px;
font-family: 'Rubik', sans-serif;
}
.fontrubik {
 font-family: 'Rubik', sans-serif;
 }
 .moitiepage {
 background-color:white;
 margin-top:15px;
 border:solid 1px #E9E9E9;
 }
 .champgris {
 border:solid 1px #D5D8DB;
  font-family: 'Rubik', sans-serif;
 }
 .champgrissubmit {
  font-family: 'Rubik', sans-serif;
  background-color:#D5D8DB;
  border:0;
  padding:5px;
 }
 .fondblancpleinepage {
  background-color:white;
 margin-top:15px;
 border:solid 1px #E9E9E9;
 }
.listesalariesdispos {
width:100%;
height:350px;
overflow-y: scroll;
}
.icone_renseignementadmin {
right:20px;
position:absolute;
width:20px;
font-size:120%;
}
.icone_statut {
left:20px;
position:absolute;
width:20px;
font-size:120%;
}
.orangeacompleter {
color:#C77C32;
}
.vertvalide {
color:#2DCB70;
}
.couleurpleintemps {
color:#AD4B9C;
}
.extra1 {
background-color:#F3E4F1;
}
.couleurindependant {
color:#9C9F59;
}
.extra2 {
background-color:#E2E3CE;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
  z-index:100;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
  z-index:100;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
  padding-bottom:20px;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #00ACC4;
}
.popup .content {
  min-height:150px;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}
.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}
.button {
  font-size: 1em;
  padding: 10px;
  color: #00ACC4;
  border: 2px solid #00ACC4;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #00ACC4;
  color:white;
}
.blocvert {
color:white;
background-color:#2DCB70;
}
.textareaform {
width:80%;
height:40px;
border:solid 1px #B7B7B7;
}
.ligneevenement {
background-color:#E5E5E5;
padding-left:15px;
margin-top:20px;
}
.interligne {
border:none;
}
.verticalalignmiddle {
vertical-align:middle;
}
.blocinfoform {
 font-family: 'Rubik', sans-serif;
 border:solid 1px #C5C5C5;
 border-radius:4px;
 padding:4px;
}
.blocinfoformvalider {
 font-family: 'Rubik', sans-serif;
 border:solid 1px #C5C5C5;
 border-radius:4px;
 padding:4px;
 background-color:#C5C5C5;
 margin-left:10px;
 margin-right:10px;
}

.liste table {
  position: relative;
}
.liste th {
padding-top:16px;
padding-bottom:16px;
padding-left:6px;
padding-right:6px;
background-color:#F4F4FB;
  position: sticky;
  top: 0;
  z-index:1;

-webkit-box-shadow: inset 0px -7px 14px -7px #DDDDE8; 
box-shadow: inset 0px -7px 14px -7px #DDDDE8;
color:#69708B;
text-align:left;
}

.lignetitre {
  background-color:#F4F4FB;
border-radius:8px;
-webkit-box-shadow: inset 0px -7px 14px -7px #DDDDE8; 
box-shadow: inset 0px -7px 14px -7px #DDDDE8;
}
.listeheures  {
color:#BFC1C5;
}
.cadreblanctableau {
background-color:white;
padding:15px;
 -webkit-box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);
-moz-box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);
box-shadow: 2px 2px 9px 0px rgba(222,222,222,1);
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 15px;
-moz-border-radius-topleft: 0;
border-radius: 15px;
border-top-left-radius: 0;
color:#45454E;
clear:both;
font-size:95%;
}
.cadreblanctableau a {
color:#45454E;
}
.texteblanc {
color:white;
}
.hautcadreblocmoitie {
display:inline-block;
width:50%;
}
.boutonmission {
position:relative;
padding:5px;
border-radius:5px;
border:solid 1px #C8CCDB;
color:#8582A8;
}
.notification {
position:absolute;
border-radius:50%;
background-color:#A64444;
top:-5px;
right:-5px;
width:12px;
height:12px;
display:none;
font-size:10px;
color:white;
text-align:center;
 font-family: 'Rubik', sans-serif;
}
.notificationorange {
position:absolute;
border-radius:50%;
background-color:#B98931;
top:-5px;
right:-5px;
width:12px;
height:12px;
display:none;
font-size:10px;
color:white;
text-align:center;
 font-family: 'Rubik', sans-serif;
}
.marginbottom10 {
margin-bottom:10px;
}
.ligneonglets {
min-height:35px;
margin-top:25px;
}
.ligneoncletsonglet {
font-size:120%;
font-weight:bold;
padding-left:25px;
padding-right:25px;
padding-top:15px;
padding-bottom:20px;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;

}
.ligneoncletsongletselectionne {

color:#00ACC4;
background-color:white;
}
.ligneoncletsongletpasselectionne {
color:#9793B3;
opacity:0.8;
}
.tableauphotoidentite {
height:32px;
width:32px;
border-radius:50%;
border:solid 1px #B9B7CD;
}
.textaligncenter {
text-align:center;
}
.height30 {

height:30px;
vertical-align:middle;
}
.marginleft15 {
margin-left:15px;
}
.marginleft5 {
margin-left:5px;
}
.width100pourcent {
width:100%;
}
.blocinfovert {
border: solid 1px #759F4A;
color:#202C14;
background-color:#DEE7D5;
border-radius:5px;
}
.blocinforouge {
border: solid 1px #BD302D;
color:#2D1313;
background-color:#E9D3D3;
border-radius:5px;
}
.blocinfogris {
border: solid 1px #595959;
color:#2D1313;
background-color:#D8D8D8;
border-radius:5px;
}

.pulse-button-blanc {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  -webkit-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}

@-moz-keyframes pulse{
10%{}
30%{box-shadow: 0 0 0 140px rgba(255, 255, 255, 0);}
30.2%{box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@-ms-keyframes pulse{
10%{}
30%{box-shadow: 0 0 0 140px rgba(255, 255, 255, 0);}
30.2%{box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes pulse {
10%{}
30%{box-shadow: 0 0 0 140px rgba(255, 255, 255, 0);}
30.2%{box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

.tableauphotoidentite {
height:32px;
width:32px;
border-radius:50%;
border:solid 1px #B9B7CD;
vertical-align:middle;
}
.nomevenementplanning {
padding-left:15px;
padding-right:15px;
color:#69708B;
}
.boutonsheader i {
font-size:110%;vertical-align:middle; margin-left:25px;

}
.blocprofilmenu {
visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
.blocprofil:hover .blocprofilmenu {
  visibility: visible;
  opacity: 1;
}
.blocprofilmenu {
background-color:white;
color:#233239;
z-index:20;
right:25px;
width:250px;
text-align:left;
position:absolute;
-webkit-box-shadow: 0px 5px 4px 4px rgba(200, 200, 200, 0.3); 
box-shadow: 0px 5px 4px 4px rgba(200, 200, 200, 0.3);
border-top:solid 4px #00ACC4;
 font-family: 'Rubik', sans-serif;
font-size:80%;
}
.blocprofilmenu a {
color:#233239;
}
.blocprofilmenu:before {
    content: "";
    display: block;
    width: 0; 
    height: 0; 
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #00ACC4;
    position: absolute;
    right: 16px;
    top: -12px;
}
.blocprofilmenu ul {
 list-style-type: none; 
 padding:10px;
 }
.blocprofilmenu li{
padding:0;
margin:0;
line-height:20px;
 }
 .toggletaillemenu {
 display:none;
 }
 .alerte_heures {
 padding:20px;
 background-color:#FFE6E6;
 border:solid 1px #B90000;
 border-radius:4px;
 }
 .blocprofil stronger {
 cursor:pointer;
 }
  .choixsalarieliste + label {

  border-radius:3px;

 cursor:pointer;
  
  }
   .choixsalarieliste + label:hover {
   color:#00ACC4;
   }
 .choixsalarieliste:checked + label {
 background-color:#F7F8F9;
 border:solid 1px #D7D7D7;
 }
.mailinglistesalaries {
width:100%;
height:150px;
overflow-y: scroll;
}
.index_icone {
color:#00ACC4;
font-size:220%;
}
.index_icone {
display:inline-block;
width:32%;
text-align:center;
vertical-align:middle;
}
.index_iconetexte {
display:inline-block;
width:64%;
vertical-align:middle;
}
.index_iconetexte_intitule {
color:#5A6474;
font-size:95%;

font-family: 'Rubik', sans-serif;
}
.index_bandeautitre {

background-color:#F9F9F9;
border-bottom:solid 1px #F2F2F2;
color:#373737;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.index_bloc {

background-color:white;
border:solid 1px #E0E0E0;
border-radius:5px;
}
.index_titretableau {
color:#5E5E5E;
font-size:110%;
font-family: 'Rubik', sans-serif;
display: inline-block;
vertical-align:middle;
}
.index_iconetexte_chiffre {
color:#132239;
font-weight:bold;
font-size:220%;
font-family: 'Rubik', sans-serif;
}
.index_fondblanc {

background-color:white;
border-radius:3px;
}
.index_tiersaccueil {
background-color:white;
border-radius:3px;

background-color:white;
border:solid 1px #E0E0E0;

}
.index_fondgris {
background-color:#E2E2E2;
}
.index_blocnombre {
background-color:#00ACC4;
color:white;
width:35px;
height:20px;
line-height:20px;
font-size:80%;
font-family: 'Rubik', sans-serif;
text-align:center;
display: inline-block;
vertical-align:middle;
border-radius:3px;
margin-left:10px;
}
.index_tableaulignetitre td {
color:white;
background-color:#BAC3C5;
font-family: 'Rubik', sans-serif;
padding:8px;
text-transform: uppercase;
}
.index_lignetableau {
color:#878787;
}
.index_bordgauche {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.index_borddroit {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.index_blocdroit {

}
.index_listeindex {
position:relative;
  direction: ltr;
  scrollbar-color: #BAC3C5;
  scrollbar-width: thin;
}
.index_listeindex::-webkit-scrollbar {
  width: 20px;
}

.index_listeindex::-webkit-scrollbar-track {
  background-color: #BAC3C5;
  border-radius: 100px;
}

.index_listeindex::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 6px solid rgba(0, 0, 0, 0.18);
  border-left: 0;
  border-right: 0;
  background-color: #BAC3C5;
}
.index_activites {

position:relative;
  direction: ltr;
  scrollbar-color: #BAC3C5;
  scrollbar-width: thin;
  height:400px;
  width:100%;
overflow-y: scroll;
}
.index_activites::-webkit-scrollbar-track {
  background-color: #BAC3C5;
  border-radius: 100px;
}

.index_activites::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 6px solid rgba(0, 0, 0, 0.18);
  border-left: 0;
  border-right: 0;
  background-color: #BAC3C5;
}
.index_ajour {
background-color:#66BB6A;
color:white;
font-size:105%;
padding:5px;
width:50%;
margin:auto;
margin-top:20px;
margin-bottom:20px;
border-radius:4px;
z-index:3;
text-align:center;
position:absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.index_blocdesactive {
position:absolute;
width:100%;
height:100%;
background: repeating-linear-gradient(
  -45deg,
  rgba(255, 255, 255, 0.5),
  rgba(255, 255, 255, 0.5) 5px,
  rgba(255, 255, 255, 0.7) 5px,
  rgba(255, 255, 255, 0.7) 10px
);
z-index:2;
}
.index_activite_photo {
width:25%;
display:table-cell;
vertical-align:top;
text-align:center;
position:relative;
height:100%;

}
.index_activite_photo_ligne {
background-image: linear-gradient(#CACACA, #CACACA);
  background-size: 1px 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.index_activite_texte {
width:75%;
display:table-cell;
vertical-align:top;

font-family: 'Rubik', sans-serif;
}
.index_activite_timing {
font-size:80%;
color:#00ACC4;
margin-bottom:30px;
}
.index_activite_titre {
font-weight:bold;
color:#444449;
}
.index_activite_description {
margin-top:5px;
margin-bottom:5px;
color:#777777;
}
.index_activites {

}
.index_activite {
display:table-row;
}
.index_carreblanc {
background-color:white;
border-radius:5px;

}
.index_evenements_ligne {
width:100%;
vertical-align:middle;
font-size:85%;
color:#9E9E9E;
}
.index_evenements_ligne a{
color:#9E9E9E;
}
.index_evenements_padding {
padding-left:8px;
padding-right:8px;
padding-top:3px;
padding-bottom:3px;
}
.index_evenements_titre {
font-weight:bold;
}
.index_evenements_blocnombre {

background-color:#BBBBBB;
color:white;
width:35px;
height:20px;
line-height:20px;
font-family: 'Rubik', sans-serif;
text-align:center;
display: inline-block;
vertical-align:middle;
border-radius:3px;
margin-left:10px;
}
.index_evenements_blocdate {

background-color:#DDDDDD;
color:white;
width:35px;
height:20px;
line-height:20px;
font-family: 'Rubik', sans-serif;
text-align:center;
display: inline-block;
vertical-align:middle;
border-radius:3px;
margin-left:10px;
}
.index_evenements_borderbottom {
border-bottom:solid 1px #F9F9F9;
}
.index_evenements {
border:solid 1px #DADADA;
}
.index_activite_iconevignette {
position:absolute;
top:25px;
right:10px;
background-color:#CACACA;
color:white;
padding:2px;

border-radius:2px;
}
.index_activite_iconevignetteconteneur {
font-size:10px;
}
.contenupopupscroll {
height:300px;
overflow-y:scroll;
direction: ltr;
  scrollbar-color: #BAC3C5;
  scrollbar-width: thin;
}
.contenupopupscroll::-webkit-scrollbar {
  width: 20px;
}

.contenupopupscroll::-webkit-scrollbar-track {
  background-color: #BAC3C5;
  border-radius: 100px;
}

.contenupopupscroll::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 6px solid rgba(0, 0, 0, 0.18);
  border-left: 0;
  border-right: 0;
  background-color: #BAC3C5;
}
.documentation_header {
width:80%;
margin:auto;
margin-top:25px;
}
.documentation_titre {

display:table-row;
}
.documentation_titre_icone {
display:table-cell;
margin-left:25px;
vertical-align:middle;
}
.documentation_titre_description {
display:table-cell;
margin-right:25px;
vertical-align:middle;
}
.documentation_liste {
list-style: none;
    margin-top:15px;
font-size:90%;
}
.documentation_liste li{
padding-left:15px;
  vertical-align:middle;
}
.documentation_liste li::before {content: "•"; color: #69708E;
  display: inline-block; width: 1em;
  font-size:150%;
  vertical-align:middle;
  padding-left:15px;
  margin-left: -1em} 
.documentation_header_article {
background-color:#00ACC4;
color:white;
height:60px;
line-height:60px;
vertical-align:middle;

}
.documentation_header_article_padding {
padding-left:15px;
padding-right:15px;
}
.documentation_contenu {
line-height:2em;
font-size:90%;
}
.documentation_contenu h2 {
padding-top:10px;
}
.documentation_image {
margin-top:25px;
margin-bottom:25px;
}
.documentation_image img {
width:100%;
height:auto;
border:dashed 1px #A2AAAD;
padding:5px;
}
.index_calendrier_bouton {
font-size:90%;
font-family: 'Rubik', sans-serif;

background-color:#2C3E50;
border-radius:3px;
padding:5px;
}
.index_calendrier_bouton  a{

color:white;
}
.boutonbloquer {
background-color:#F4F4FB;
border:solid 1px #34474E;
border-radius:4px;
padding:4px;
margin-left:20px;
font-size:90%;
}
.boutonbloquerok {
background-color:#00ACC4;
border:solid 1px #00ACC4;
border-radius:4px;
padding:4px;
margin-left:20px;
font-size:90%;
color:white;
}
.index_evenements_lignecoloree {
background-color:#5A5C69;
}
.index_evenements_lignecoloree a {
color:white;
}
.optionnondeterminee {
background-color:#F0F2F4;
}

.optioninterim {
background-color:#f5f5e9;
}

.tooltipelement {
width:200px;
height:auto;
border:solid 1px #E6E6E6;
background-color:white;
position:absolute;
left:-200px;
padding:10px;
z-index:200;
}
.tooltipelement b{
cursor:pointer;
}
.tooltipelement input {
border:solid 1px #C8CCDB;
padding:5px;
z-index:10;
}
.tooltipelement_liste {
    width:100%;
height:150px;
overflow-y: scroll;
    font-size:80%;
}
.tooltipelement_liste input[type="checkbox"]:checked+label {
  font-weight: bold;
}
.tooltip {
position:relative;
}
.tooltip span {
display:none;
}
.tooltip:hover span {
display:block;
position:absolute;
}
.tooltipdiv {
position:relative;
}
.tooltipdiv div {
display:none;
}
.tooltipdiv:hover div {
display:block;
position:absolute;
}

.tooltipelement2 {
width:300px;
height:170px;
border:solid 1px #E6E6E6;
background-color:white;
position:absolute;
left:-300px;
padding:10px;
z-index:200;
}
.tooltipelement:hover {
display:block;
position:absolute;
}
.index_boutonenvoi {
background-color:#66BB6A;
color:white;
border-radius:3px;
padding:6px;
font-size:90%;
float:right;
margin-top:-3px;
}


.index_boutonenvoi_desactive {
background-color:#8C8E90;
color:white;
border-radius:3px;
padding:6px;
font-size:90%;
float:right;
margin-top:-3px;
}


.loader {
  width: 60px;
  margin:auto;
}

.loader-wheel {
  animation: spin 1s infinite linear;
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-left: 4px solid #00ACC4;
  border-radius: 50%;
  height: 50px;
  margin-bottom: 10px;
  width: 50px;
}

.loader-text {
  color: #00ACC4;
  font-family: arial, sans-serif;
}

.loader-text:after {
  content: 'Chargement';
  animation: load 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes load {
  0% {
    content: 'Chargement';
  }
  33% {
    content: 'Chargement.';
  }
  67% {
    content: 'Chargement..';
  }
  100% {
    content: 'Chargement...';
  }
}
.loadingattente {
font-size:140%;
}
.checkboxetoile {
    visibility:hidden;
}
.checkboxetoile + label i{
color:#C8CCDB;
    cursor:pointer;
    
 
}
.checkboxetoile:checked + label i {
color:#00ACC4;
    cursor:pointer;
}
.pagination {
margin-right:3px;
margin-left:3px;
padding:5px;
border-radius:5px;
border:solid 1px #C8CCDB;
color:#8582A8;
}
.fontsize80 {
    font-size:80%;
}
.fontsize120 {
    font-size:120%;
}
.fontsize140 {
    font-size:140%;
}
.planning_champspersos input {
display:none;
}
.planning_champspersos input:checked + span {
background-color:#C8CCDB;
}
.boutonmasquervide {
    cursor:pointer;
}
.boutonafficherpremier {
    cursor:pointer;
}
.autoriseinterdire + span:after {
    content:'Non autorisé';
}
.autoriseinterdire:checked + span:after {
    content:'Autorisé';
}
.labelcadretoggle {
    cursor:pointer;
}
.togglechoix+div {
    display:none;
}
.togglechoix:checked+div {
    display:block;
}
.fonddejatravaille {
    background-color:#ffc87a;
}
.fondpasdispo {
    background-color:#ff7a7a;
}
.dispo1 {
    background-color:#7aff85;
}
.dispo2 {
    background-color: #ffc87a;
}
.dateitalique {
    font-weight:normal;
}
.icone_choix {
    background-color:#E6E6E6;
    margin:2px;
    width:40px;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    display:inline-block;
    font-size:170%;
}
.icone_choix:hover {
    background-color:#C8CCDB;
    width:44px;
    margin:0px;
    cursor:pointer;
    font-size:190%;
}
.choixicone {
    display:none;
}
.choixicone:checked + div {
    background-color:#00ACC4;
    color:white;
}
.colorgris {
    color:#C8CCDB;
}
.tdb_placeholder {
    background-color:#C8CCDB;
        border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
    width:calc(48% - 2px);
    display:inline-block;
}
.lignetitrecellule {
    cursor:pointer;
}
.periode_choix {
    display:none;
}
.spanoffre {
    padding:2px;
    padding-left:15px;
    padding-right:15px;
    border:solid 1px #8C8E90;
    border-radius:6px;
}
.spanstatutcandidat {

    padding:2px;
    padding-left:15px;
    padding-right:15px;
    border:solid 1px #8C8E90;
    border-radius:6px;
}
.spanstatutcandidat_nontraite {
    border:solid 1px #8C8E90;
    background-color:#dddede;
}
.spanstatutcandidat_accepte {
    border:solid 1px #759F4A;
    background-color:#e4e9df;
}
.spanstatutcandidat_refuse {
    border:solid 1px #A64444;
    background-color:#eadfdf;
}
.spanstatutcandidat_lue {
    border:solid 1px #4460A6;
    background-color:#dfe2ea;
}
.candidat_accepter {
    padding:5px;
    background-color:#759F4A;
    color:white;
    border:solid 1px #759F4A;
}
.candidat_accepter:hover {
    background-color:white;
    color:black;
}
.candidat_refuser {
    padding:5px;
    background-color:#A64444;
    color:white;
    border:solid 1px #A64444;
}
.candidat_refuser:hover {
    background-color:white;
    color:black;
}
.candidat_lue {
    padding:5px;
    background-color:#4460A6;
    color:white;
    border:solid 1px #4460A6;
}
.candidat_lue:hover {
    background-color:white;
    color:black;
}
.site_menu {
      list-style-type: none;
}
.site_menu li {
    width:80%;
    
    background-color:#C8CCDB;
        border:solid 1px #8C8E90;
margin-bottom:5px;
margin-top:5px;
    position:relative;
}
.site_cadremenu {
    padding:30px;
    
}
.site_cadrenavigateur {
    border:solid 1px #8C8E90;
}
.site_menu_toggle {
    display:none;
}
.site_menu_togglecontenu {
    display:none;
    background-color:white;
}
.site_menu_toggle:checked+.site_menu_togglecontenu{
    display:block;
}
.site_menu_toggleicone {
position:absolute;
    margin-right:15px;
    margin-top:8px;
    top:0;
    right:0;
}
.site_menu_toggle:checked~.site_menu_toggleicone {
     rotate: -90deg;

}
.site_menu_padding {
padding:10px;
}
.cursorpointer {
    cursor:pointer;
}
.site_menu_champ_intitule {
    display:inline-block;
    width:48%;
}
.site_menu_champ_input {
     display:inline-block;
    width:48%;
}
.site_menu_champ_input input {
   width:90%; 
    padding:3px;
}
.site_menu_champ_valide {
    padding:5px;
    padding-left:15px;
    padding-right:15px;
    border-radius:5px;
}
.site_menu_champ_ligne {
    padding-bottom:10px;
}
.boutondesactive {
    background-color:white;
    color:#00ACC4;
    border:solid 1px #00ACC4;
}
.boutonactive {
    background-color:#00ACC4;
    color:white;
    border:solid 1px #00ACC4;
}
#ajout_menuhautdepage li {
    cursor:move;
}
.site_menu_champ_boutonsupprimer {
    float:left;
    padding:5px;
    padding-left:15px;
    padding-right:15px;
    border-radius:5px;
    background-color:white;
    color:#A64444;
    border:solid 1px #A64444;
}
.site_menu_champ_boutonsupprimer:hover {
    background-color:#A64444;
    color:white;
}
.site_menu_header {
    width:100%;
    

    background-color:#f7f8fc;
    border-bottom: 1px solid #dfe0e4;
margin-bottom:5px;
    position:relative;
}
.site_menu_header_logo {
    display:inline-block;
    margin-left:5%;
    margin-right:5%;
    width:15%;
}
.site_menu_header_logo img {
    width:100%;
    height:auto;
}
.site_menu_header_menu {
    display:inline-block;
    margin-left:5%;
    margin-right:5%;
    width:60%;
    text-align:right;
    font-size:70%;
}
.site_menu_footer_logo {
    display:inline-block;
    margin-left:5%;
    margin-right:11%;
    width:9%;
}
.site_menu_footer_logo img {
    width:100%;
    height:auto;
}
.site_menu_footer_copyright {
    display:inline-block;
    margin-left:5%;
    margin-right:5%;
    width:60%;
    text-align:right;
    font-size:70%;
}
.site_menu_header_ligne {
    padding-top:15px;
    padding-bottom:15px;
}
.site_menu_footer {
    width:100%;
    border-top:solid 1px #cccecf;
}
.site_menu_footer_menu {
     margin-left:5%;
    width:90%;
    font-size:70%;
    margin-top:10px;
}
.site_page li {
    width:45%;
    margin-right:3%;
    background-color:#C8CCDB;
    border:solid 1px #8C8E90;
    margin-bottom:5px;
    margin-top:5px;
    position:relative;
    display:inline-block;
    cursor:pointer;
}
.site_page_padding {
    padding:20px;
}
.site_page_paddingvide {
    padding-top:40px;
    padding-bottom:40px;
}
.site_page_element_icones {
    font-size:300%;
    text-align:center;
}
.site_page_element_intitule {
    font-size:12px;
    text-align:center;
}
.site_page_pasaccueil {
    opacity:0.3;
}
.site_page_element_icones_2col {
    font-size:80%;
    display:inline-block;
    width:45%;
    margin-right:5%;
    text-align:center;
}
#pagebuilder li {
    width:100%;
}
.site_page_element_supprimer {
    position:absolute;
    top:0;
    right:0;
    background-color:white;
    -webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
    padding:5px;
    font-size:110%;
}
.apercuimagepagesite {
    max-width:150px;
    height:auto;
}
.tableaufichetextarea {
    width:100%;
    font-family: 'Lexend', sans-serif;
    font-size:90%;
}
.blocsalarie_iconedossier {
    font-size:30px;
    text-align:center;
    color:#8C8E90;
    padding-top:30px;
    padding-bottom:30px;
    cursor:move;
}