*{
    font-size:14px;
    font-family:Arial;
    color:#737373;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 25px;
}

html{
    height:100%;
}

body{
    font-size:18px;
    font-family:Arial;
    color:#737373;
    height:100%;
}

body .row{
    max-width: 1800px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
}

body div.clear{
    clear:both;
}

body input.submit{
    background:#593784;
    color:#fff;
    border-radius:10px;
    border:1px solid #593784;
    padding:5px 10px;
    cursor:pointer;
    float:right;
    width:auto;
    margin-right:15px;
}

body input.submit:hover{
    background:#fff;
    color:#593784;
}


/* STATS PRÉPARATEUR */
body#index h1{
    color:red!important;
}

body#index iframe#stats1{
    width:100%;
    height:100%;
}

body#stats1 h1{
    color:red!important;
}

body#stats1 .center{
    text-align:center;
}

body#stats1 .center h2{
    font-size:30px;
    line-height:45px;
    color:#593784;
    margin-bottom:120px;
}

body#stats1 h2{
    font-size:40px;
    line-height:45px;
    color:#593784;
    margin:0px;
}

body#stats1 .center .grand{
    font-size:180px;
    color:#ec008c;
    margin-bottom:150px;
    font-weight:bold;
}

body#stats1 .center .petit{
    font-size:40px;
    color:#4145d8;
    text-align:right;
    font-weight:bold;
}

body#stats1 .meteo img{
    width:100%;
}

/* FIN STATS PRÉPARATEUR */

body#bureauDavid iframe#stats1{
    width:40%;
    height:100%;
    float:left;
}

body#bureauDavid iframe#stats2{
    width:60%;
    height:17%;
    float:left;
}

body#bureauDavid iframe#stats3{
    width:30%;
    height:83%;
    float:left;
}

body#bureauDavid iframe#stats4{
    width:30%;
    height:83%;
    float:left;
}

body#bureau1{
    overflow:hidden;
}

body#bureau1 .submit{
    float:none;
    margin-top:7px;
}

body#bureau1 h1{
    text-align:center;
    font-size:19px;
    color:#ec008c;
}

body#bureau1 h1 span{
    color:#593784;
    font-size:22px;
}

body#bureau1 .th{
    text-align:center;
    font-weight:bold;
    color:#593784;
}

body#bureau1 .ca{
    text-align:center;
    font-weight:bold;
    color:#ec008c;
}

body#bureau1 .ca{
    text-align:center;
    font-weight:bold;
    color:#ec008c;
}

body#bureau1 .caV{
    text-align:center;
    font-weight:bold;
    color:#593784;
}

body#bureau1 .progression{
    text-align:center;
    font-weight:bold;
    color:#4145d8;
}

body#bureau1 select{
    font-size:18px;
    height:37px;
}

body#bureau1 .submit{
    background: #593784;
    color: #fff;
    border-radius: 10px;
    border: 1px solid #593784;
    padding: 5px 10px;
    cursor: pointer;
}

body#bureau2 .row{
    margin:0;
}

body#bureau2 .center{
    text-align:center;
}

body#bureau2 .center h2{
    font-size: 19px;
    color: #593784;
    margin-top: 5px;
    margin-bottom: 20px;
}        

body#bureau2 .center .grand{
    font-size: 55px;
    color: #ec008c;
    margin-bottom: 25px;
    font-weight: bold;
}     

body#bureau2 .center .petit{
    font-size:20px;
    color:#4145d8;
    text-align:right;
    font-weight:bold;
}

body#bureau3{
    overflow:hidden;
}

body#bureau3 .submit{
    float:none;
    margin-top:7px;
}

body#bureau3 h1{
    text-align:center;
    font-size:16px;
    color:#ec008c;
}

body#bureau3 h1 span{
    color:#593784;
    font-size:20px;
}

body#bureau3 div{
    font-size:12px;
}

body#bureau3 .th{
    text-align:center;
    font-weight:bold;
    color:#593784;
}

body#bureau3 .ca{
    text-align:center;
    font-weight:bold;
    color:#ec008c;
}

body#bureau3 .ca{
    text-align:center;
    font-weight:bold;
    color:#ec008c;
}

body#bureau3 .caV{
    text-align:center;
    font-weight:bold;
    color:#593784;
}

body#bureau3 .progression{
    text-align:center;
    font-weight:bold;
    color:#4145d8;
}

body#bureau3 .finSemaine{
    border-top:1px solid #ec008c;
    margin:5px; 
}

body#bureau3 select{
    font-size:18px;
    height:37px;
}

body#bureau3 .submit{
    background: #593784;
    color: #fff;
    border-radius: 10px;
    border: 1px solid #593784;
    padding: 5px 10px;
    cursor: pointer;
}

body#bureau4{
    //overflow:hidden;
}

body#bureau4 h1{
    text-align:center;
    font-size:20px;
    color:#ec008c;
}

body#bureau4 h1 span{
    color:#593784;
    font-size:20px;
}

body#bureau4 div{
    font-size:12px;
}

body#bureau4 .th{
    text-align:center;
    font-weight:bold;
    color:#593784;
}

body#bureau4 .ca{
    text-align:center;
    font-weight:bold;
    color:#ec008c;
}

body#bureau4 .ca{
    text-align:center;
    font-weight:bold;
    color:#ec008c;
}

body#bureau4 .caV{
    text-align:center;
    font-weight:bold;
    color:#593784;
}

body#bureau4 .progression{
    text-align:center;
    font-weight:bold;
    color:#4145d8;
}

body#bureau4 .finSemaine{
    border-top:1px solid #ec008c;
    margin:5px; 
}

body#bureau4 select{
    font-size:18px;
    height:37px;
}

body#bureau4 .submit{
    background: #593784;
    color: #fff;
    border-radius: 10px;
    border: 1px solid #593784;
    padding: 5px 10px;
    cursor: pointer;
}

body#bureauLast #center p{
    font-size:18px;
    margin:0px;
    margin-bottom:12px;
}

body#bureauLast .debut{
    color:#593784;
    font-size:18px;
}

body#bureauLast .fin{
    color:#ec008c;
    font-size:18px;
}

body#bureauLast .utilisateur{
    color:#4145d8;
    font-weight:bold;
    font-size:18px;
}

/* FIN BUREAU */

/* PLANNING */

body#planning h1{
    text-align:center;
    font-size:55px;
    color:#ec008c;
    line-height:80px;
}

body#planning #cheveauchement{
    float:right;
    font-size:30px;
    color:#ff0000;
    font-weight:bold;
    margin-top:15px;
    display:none;
}

body#planning .label{
    font-size:20px;
    color:#593784;
    padding-top:7px;
}

body#planning .label2{
    font-size:14px;
    color:#593784;
    padding-top:7px;
}

body#planning input,
body#planning select{
    height:40px;
}


body#planning .tabOnglet{
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    border:1px solid #000;
    border-bottom:none;
    margin-right:25px;
    padding:10px 25px;
    color:#000;
    border:1px solid #593784;
    background:#c1c1c1;
}

body#planning .tabOnglet2{
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    border:1px solid #593784;
    background:#593784;
    border-bottom:none;
    margin-right:25px;
    padding:10px 25px;
    color:#fff;
    float:right;
}

body#planning .tabOnglet.selected{
    background:#ffffff;
    border-bottom:0px;
}

body#planning .onglet{
    min-height: 300px;
    margin-top:40px;
}

body#planning #ePERF{
    margin-top:0px;
}

body#planning .onglet:not(:target) {
    display:none;
}

body#planning .onglet:target {
    display: block;
}

body#planning .entete{
    position: absolute;
    width: 180px;
    border-left: 1px solid green;
    height: 355px;
    padding-left:10px;
}

body#planning .jourSemaine{
  float:left;
  margin-left:10px;
  color:#593784;
  font-size:14px;
}

body#planning .jourSemaine span{
  font-size:20px;
  color:#00ff00;
  cursor:pointer;
}

body#planning .jourSemaine span.moins{
  color:#ff0000;
}

body#planning #modifBox{
  width:20%;   
  border:1px solid #000;
  position:absolute;
  top:30%;
  left:40%;
  padding:15px;
  background:#fff;
  box-shadow: 1px 1px 12px #555;
  display:none;
}

body#planning #modifBox h2{
  font-size:18px;
  color:#ec008c;
}

.picto-item {
  cursor: help;
}

/* on génère un élément :after lors du survol et du focus :*/

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

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

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

/* pas de contour durant le :focus */
[aria-label]:focus {
  outline: none;
}

body#planning .searchForm{
    display:inline-block;
}

body#planning .searchForm .submit{
    float:none;
}

body#planning #tabloPerf h2{
    font-size:35px;
    color:#ec008c;
    margin-left:25px;
    line-height:45px;
}

body#planning #tabloPerf h3{
    font-size:15px;
    color:#593784;
    margin:10px 0px;
    margin-left:15px;
    line-height:35px;
}

body#planning #tabloPerf h3.picking{
    color:#ff0000;
}

body#planning #tabloPerf h3.scan{
    color:#f7941d;
}

body#planning #tabloPerf h3.reception{
    color:#39b54a;
}

body#planning #tabloPerf h3 span{
    font-size:18px;
    color:#000;
}


body#planning #tabloPerf h3.picking.aucun span{
    color:#ff0000;
    font-size:15px;
}

body#planning #tabloPerf h3.scan.aucun span{
    color:#f7941d;
    font-size:15px;
}

body#planning #tabloPerf h3.reception.aucun span{
    color:#39b54a;
    font-size:15px;
}

body#planning .actionChris{
    text-align:center;
    font-weight:bold;
    font-size:14px;
    color:#000;
    cursor:pointer;
}

body#planning .erreurAction{
    border:3px solid #ff0000;
    color:#ff0000;
    font-weight:bold;
    font-size:22px;
    padding:15px;
    text-align:center;
    display:none;
}

body#planning .buttonSTOP{
    background:#ff0000;
    color:#fff;
    font-weight:bold;
    font-size:40px;
    padding:20px 15px;
    height:auto;
    margin-left:50px;
    cursor:pointer;
}

body#planning .buttonSTOP:hover{
    background:#fff;
    color:#ff0000;
}



/* FIN PLANNING */