.couleur_erreur {
    background: #F1A793;
}



.titre_h1 {
    font-size: 7vw;
    color: #F58D08;
}



.menu_commande {
    width: 98%;
    color: #000;
    float: left;
    height: 20%;
    background: #fff;
}



.logo_index_2 {
    width: 350px;
    height: 350px;
    margin: 5% auto;
    border-radius: 50%;
    background-color: #EEF5F7;
    font-size: 120px;
    line-height: 350px;
    text-align: center;
}

.logo_index_3 {
    width: 80%;
    height: 50%;
    margin: 5% auto;
    font-size: 10vw;
    text-align: center;
}



.content_general {
    width: 100vw;
    height: 90vh;
    font-family: sans-serif;
    float: left;
    
}

.footer_index {
    float: left;
    width: 100%;
    height: auto;
    margin: 50px auto;
    text-align: center;
    font-size: 20px;
    padding: 5px 0;
}
  

a {
    text-decoration: none;
    color: #44BDD8;
}


h2 {
    text-align: center;
    font-size: 3vw;
    color: #fff;
    text-transform: uppercase;
    background: #000;
    padding: 2% 0;
}

.couleur_titre {
    color: #F58D08;
}


.bouton {
    background-color: #44BDD8;
    color: #EEF5F7;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align:center;
    font-size: 3vw;
    display:block;
    width:30%;
    height:250px;
    line-height:250px;
    margin-left: 35%;
    float: left;
    text-transform: uppercase;
}

.bouton:hover {
    background-color: #F58D08;
}


.submit {
    width: 46vw;
    padding: 4% 2%;
    margin: 2%;
    float: left;
    background-color: #fff;
    font-size: 3vw;
    color: #117085;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
}

.submit_ajout {
    width: auto;
    height: 35px;
    line-height: 35px;
    float: left;
    font-size: 30px;
    color: #EEF5F7;
    text-align: center;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    font-family: 'Titillium Web', sans-serif;
    background-color: #000;
    color: #EEF5F7;
    text-transform: uppercase;
    margin: 10px;
    padding: 0 15px;
}

.submit_program {
    width: 30%;
    min-width: 200px;
    min-height: 100px;
    margin-top: 20px;
    margin-left: 3.33%;
    margin-bottom: 20px;
    float: left;
    background-color: #44BDD8;
    font-size: 2vw;
    color: #EEF5F7;
    text-align: center;
    padding: 20px 0;
    -webkit-appearance: none;
    border: none;
    border-radius: 20px;
    font-family: 'Titillium Web', sans-serif;
}


.apparence_lien {
    
}

ul {
    width: 100%;
    height: 30px;
    background-color: #44BDD8;
}

li {
    display: inline;
    width: auto;
    height: 40px;
    list-style: none;
    background-color: #44BDD8;
    padding: 10px 25px;
    border-top-left-radius:  10px;
    border-top-right-radius:  10px;
    margin: 10px;
}

li:hover {
    background-color: #F58D08;
}

.entete {
    width: 100vw;
    float: left;
    height: 5vh;
    background: #000;
}

.logo {
    height: 5vh;
    line-height: 5vh;
    color: #fff;
    float: left;
    margin-left: 2%;
}

.a_menu {
    height: 5vh;
    line-height: 5vh;
    color: #fff;
    float: right;
    padding : 0 2%;
    font-size: 3vw;
    text-transform: uppercase;
}

.a_menu_commande {
    color: #000;
    float: right;
    margin: 1% 1% 1% 0;
    padding-left: 1%;
    font-size: 2vw;
    border-left: 1px solid #000; 
}

.login_deco {

    width: 90%;
    height: auto;
    margin: 0 auto 2% auto;
    background-color: #EEF5F7;
    text-align: center;
    padding: 5%;
    border-radius: 0;
    font-size: 2vw;
}

.login_deco2 {

    width: 96%;
    height: auto;
    margin-left: 1%;
    text-align: center;
    padding: 1%;
    border-radius: 0;
    font-size: 1vw;
    float: left;
}

.boite_affichage {
    width: 98%;
    margin-top: 3%;
    padding: 1%;
    border-radius: 0;
    font-size: 2vw;
}

.libelle_produit {
    width: 72%;
    margin-left: 1%;
    padding: 0.5%;
    float: left;
    margin-bottom: 5px;
    border: none;
    border-radius: 5px;
    text-transform: uppercase;
    -webkit-appearance: none;
    font-size: 3vw;
}

.commentaire {
    width: 94%;
    margin-left: 2%;
    margin-top: 2%;
    padding: 1%;
    float: left;
    margin-bottom: 5px;
    border: none;
    border-radius: 5px;
    text-transform: uppercase;
    -webkit-appearance: none;
}

.quantite_produit {
    width: 9%;
    margin-left: 1%;
    padding: 0.5%;
    font-size: 3vw;
    float: left;
    margin-bottom: 5px;
    border: none;
    border-radius: 5px;
    -webkit-appearance: none;
}

.prix_produit {
    width: 8%;
    margin-left: 2%;
    padding: 1%;
    float: left;
    margin-bottom: 5px;
    border: none;
    border-radius: 5px;
    text-align: center;
    -webkit-appearance: none;
}

.lien_commande {
    width: 3%;
    margin-left: 0%;
    padding: 1.5% 1.5%;
    float: left;
    margin-bottom: 5px;
    border: none;
    border-radius: 5px;
    text-align: center;
    -webkit-appearance: none;
    background-color: #E6E5E5;
}

.unite_produit {
   width: 8%;
    margin-left: 1%;
    padding: 0.5%;
    font-size: 3vw;
    float: left;
    margin-bottom: 5px;
    border: none;
    border-radius: 5px;
    text-align: center;
    -webkit-appearance: none; 
}

.raccourci_categorie {
    width: 8%;
    border: none;
    border-radius: 5px;
    background-color: #E6E5E5;
    margin-left: 1%;
    padding: 0.5%;
    float: left;
    margin-bottom: 5px;
    border: none;
    text-align: center;
    -webkit-appearance: none;
}

.couleur_quantite {
    background-color: #21909D;
    color: #fff;
}

.date_livraison {
    width: 50%;
    font-size: 6vw;
    border: 0;
    border-radius: 0;
    margin: 2% 0;
    color: #000;
    background: none;
    text-align: center;
}

.submit_login {
    padding: 5%;
    margin: 5% 1%;
    float: right;
    background-color: #F58D08;
    color: #fff;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    font-size: 5vw;
    text-transform: uppercase;
}

.submit_login3 {
    width: 100%;
}

.submit_login2 {
    width: 40%;
    margin-left: 55%;
    margin-top: 3%;
    padding: 2% 0;
    background-color: #000;
    font-size: 4vw;
    color: #fff;
    text-align: center;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 10px;
}

/*
.erreur {
    width: 580px;
    padding: 10px 25px;
    text-align: center;
    border-radius: 5px;
    margin: 80px auto;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
} */

.retour {
    background-color: #44BDD8;
    color: #EEF5F7; 
}

.vert {
    background-color: transparent;
    border: 1px solid #EEF5F7;
    color: #EEF5F7;
}

.rouge {
    background: #EC5A27;
}

.cumul {
    width: 500px;
    margin: 50px auto 0 auto;
    background-color: #EEF5F7;
    border-radius: 10px;
    padding: 30px;
}

table {
    width: 100%;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    background-color: #EEF5F7;
    border-radius: 10px;
    padding: 30px;
}

.orange {
    color: #fff;
}

.design_badge {
    margin: 0 auto;
    background-color: yellow;
}

.submit_repos {
    width: 30%;
    min-width: 200px;
    min-height: 100px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 3.33%;
    float: left;
    background-color: #44BDD8;
    font-size: 2vw;
    color: #EEF5F7;
    text-align: center;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    border-radius: 20px;
    font-family: 'Titillium Web', sans-serif;
}

.entete_salarie {
    background-color: #EEF5F7;
    border-radius: 10px;
    padding: 20px 30px;
    margin: 20px 0;
}

.presentation_entete {
    width: 100%;
}

.tableau {
    width: 30px;
    background-color: pink;
}

.infos {
    width: auto;
    height: 100px;
    line-height: 100px;
    margin: 5px;
    padding: 0 30px;
    float: left;
    font-size: 4vw;
    color: #000;
    text-align: center;
    -webkit-appearance: none;
    border: none;
}

.menu_worker {
    width: 100%;
    float: left;
}

.alerte_worker {
    width: 100%;
    float: left;
    background: red;
    text-align: center;
}

.cadre {
    /*width: 620px;
    height: 625px;*/
    width: 100vw;
    height: 100vh;
    margin: 0 auto;
    background: #fff;
    /*border: 20px solid #000;*/
}

.cadre_haut {
    width: 100%;
    float: left;
}

.image_cadre {
    width: 150px;
    height: 150px;
    margin: 25px auto;
}

.cuisine {
    background: url("../img/cuisine.png");
}

.salle {
    background: url("../img/serveur.png");
}

.titre_prenom {
    width: 100%;
    height: 100px;
    line-height: 155px;
    float: left;
    text-align: center;
    font-size: 35px;
    background: skyblue;
}

.titre_nom {
    width: 100%;
    height: 100px;
    float: left;
    text-align: center;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    background: skyblue;
}

.bouton_arrivee_cadre {
    width: 49%;
    height: 200px;
    float: left;
    margin-left: 1%;
    background: #E86037;
    margin-top: 1%;
    float: left;
}

.bouton_arrivee_cadre2 {
    width: 48%;
    height: 200px;
    float: left;
    margin-left: 1%;
    margin-top: 1%;
}

.xxx {
    width: 100%;
    height: 200px;
    background: #C1BEBD;
}

.yyy {
    width: 50%;
    margin: 0 auto;
    height: 100px;
    line-height: 160px;
}

.bouton_cadre {
    -webkit-appearance: none;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: none;
    background: #6EC9A2;
    color: white;
    cursor: pointer;
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
}

.bouton_program {
    -webkit-appearance: none;
    border: none;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #C1BEBD;
    color: white;
    cursor: pointer;
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
}

.test_option {
    -webkit-appearance: none;
    border: none;
    padding: 2%;
    text-align: center;
    font-size: 6vw;
    background: #000;
    color: #fff;
    
}

.program_arrivee {
    width: 200px;
    float: left;
    margin: 10px 200px;
}

.case_repos2 {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 1%;
    height: 200px;
    float: left;
}

.bouton_repos {
    -webkit-appearance: none;
    border: none;
    width: 100%;
    height: 50px;
    background: #42659E;
    color: white;
    cursor: pointer;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
}

.rose {
    background: #2FD865;
}

.deco_h {
    -webkit-appearance: none;
    border: 1px solid grey;
    border-radius: 5px;
    padding: 10px;
}

.deux_points {
    font-size: xx-large;
    line-height: 50px;
}

.test_cube {
    width: 10px;
    height: 10px;
    background: red;
}

.icone {
    width: 80px;
    height: 80px;
    margin: 20px auto 0 auto;
    
}

.arrivee {
    background: url("../img/icone_arrivee.png");
}

.repos_matin {
    background: url("../img/repos_matin.png");
}

.repos_journee {
    background: url("../img/repos_journee.png");
}



.bk_vert_repos {
    background: #2FD865;
}

.colonne_1 {
    width: 100vw;
    height: auto;
    float: left;
    margin-top: 1%;
}

.titre_tri {
    width: 98vw;
    padding: 1%;
    float: left;
    text-align: center;
    font-size: 3vw;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    margin-bottom: 3%;
}

.colonne_2 {
    width: 30%;
    min-width: 270px;
    height: auto;
    float: left;
    margin-right: 3%;
    margin-bottom: 2%;
}

.colonne_3 {
    width: 38%;
    min-width: 270px;
    height: auto;
    float: left;
    margin-bottom: 2%;
}

.redirection1 {
    width: 100vw;
    height: 50vh;
    background: #6EC9A2;
    text-align: center;
    cursor: pointer;
}

.bk_vert {
    
    width: 100vw;
    height: 50vh;
    line-height: 50vh;
    color: #fff;
    text-transform: uppercase;
    font-size: 8vw;
    -webkit-appearance: none;

}

.redirection2 {
    width: 100vw;
    height: 50vh;
    background: #42659E;
    text-align: center;
    cursor: pointer;
}

.bk_bleu {
    
    width: 100vw;
    height: 50vh;
    line-height: 50vh;
    color: #fff;
    text-transform: uppercase;
    font-size: 8vw;
    -webkit-appearance: none;
}


.login_index {
    width: 100%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
}


.input_index {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.input_index2 {
    width: 100%;
    padding: 5% 0;
    margin-bottom: 2%;
    text-align: center;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    font-size: 3vw;
}