/*--------------------*/
/*---STYLE COMANDES---*/
/*---ANDY CREATIONS---*/
/*--------2018--------*/
/*--------------------*/


.header
{
display:flex;
width:1000px;
min-height:200px;
background-image:url(./img/header.png);
justify-content:flex-end;
align-items:flex-end;
}

body
{
background-color:#9FD7E1;
}

.postheader-contener
{
display:flex;
width:1000px;
justify-content:flex-start;
background-color:white;
}

.home
{
display:flex;
margin-top:5px;
margin-left:10px;
width:45px;
min-height:45px;
background-image:url('./img/bouton-accueil.png');
}

.deco
{
display:flex;
width:30px;
min-height:30px;
border:none;
background-color:none;
margin-right:15px;
margin-bottom:15px;
background: transparent url('./img/page-acceuil/bouton-deconnex.png');
}

.connexion-contener
{
display:flex;
margin-top:20%;
}

.main
{
width:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.centre
{
width:1000px;
min-height:600px;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
background-color:white;
}

.list-commandes-contener
{
display:flex;
width:1000px;
min-height:60px;
flex-direction:column;
align-items:center;
}

.haut-list-comm
{
display:flex;
width:890px;
min-height:22px;
background-image:url('./img/page-commande/haut-boxe.png');	
}

.haut-list-trans
{
display:flex;
width:890px;
min-height:22px;
background-image:url('./img/page-commande/cadre-vert-liste-transporteurs.jpg');	
}

.haut-list-client
{
display:flex;
width:890px;
min-height:22px;
background-image:url('./img/page-commande/cadre vert-liste-clients.jpg');	
}

.haut-list-centrale
{
display:flex;
width:890px;
min-height:22px;
background-image:url('./img/page-commande/cadre vert-liste-centrales.jpg');	
}

.haut-list-station
{
display:flex;
width:890px;
min-height:22px;
background-image:url('./img/certificats/cadre vert-liste-sations.jpg');	
}

.haut-list-producteur
{
display:flex;
width:890px;
min-height:22px;
background-image:url('./img/certificats/cadre vert-liste-producteurs.jpg');	
}

.haut-list-sticker
{
display:flex;
width:890px;
min-height:22px;
background-image:url('./img/certificats/cadre vert-liste-stickers.jpg');	
}

.haut-list-emb
{
display:flex;
width:890px;
min-height:22px;
background-image:url('./img/page-commande/cadre vert-liste-emballages.jpg');	
}

.haut-list-calibre
{
display:flex;
width:890px;
min-height:22px;
background-image:url('./img/page-commande/cadre vert-liste-calibres.jpg');	
}

.haut-list-palette
{
display:flex;
width:890px;
min-height:22px;
background-image:url('./img/page-commande/cadre vert-liste-palettes.jpg');	
}

.haut-list-variete
{
display:flex;
width:890px;
min-height:22px;
background-image:url('./img/page-commande/cadre vert-liste-variétés.jpg');	
}

.haut-list-categorie
{
display:flex;
width:890px;
min-height:22px;
background-image:url('./img/page-commande/cadre vert-liste-categories.jpg');	
}

.milieu-list-comm
{
display:flex;
flex-direction:column;
align-items:center;
width:890px;
min-height:4px;
background-image:url('./img/page-commande/milieu-boxe.jpg');		
}

.contener-list-comm
{
display:flex;
flex-direction:row;
width:870px;
border:2px dotted #339966;
border-radius:3px;
margin-top:5px;
min-height:30px;
}



.cnt1
{
display:flex;
flex-direction:row;
}

.cnt2
{
display:flex;
flex-direction:row;	
}

.contener-list-comm-vert
{
display:flex;
flex-direction:column;
width:870px;
background-color:#d4e9c9;
border-radius:3px;
margin-top:5px;
min-height:30px;
}

.contener-list-comm-blanc
{
display:flex;
flex-direction:column;
width:870px;
border-radius:3px;
margin-top:5px;
min-height:30px;
}

.contener-list-comm-bleu
{
display:flex;
flex-direction:column;
width:870px;
background-color:#b2d4fa;
border-radius:3px;
margin-top:5px;
min-height:30px;
}

.contener-list-comm-vert-g
{
display:flex;
flex-direction:row;
width:870px;
background-color:#d4e9c9;
border-radius:3px;
margin-top:5px;
min-height:30px;
}

.contener-list-comm-blanc-g
{
display:flex;
flex-direction:row;
width:870px;
border-radius:3px;
margin-top:5px;
min-height:30px;
}

.element-list-comm1
{
display:flex;
min-width:100px;
max-width:100px;
justify-content:center;
align-items:center;	
}

.element-list-comm2
{
display:flex;
min-width:120px;
max-width:120px;
justify-content:center;
align-items:center;	
}


.element-list-comm3
{
display:flex;
min-width:220px;
max-width:220px;
justify-content:center;
align-items:center;	
}


.element-list-comm4
{
display:flex;
min-width:100px;
max-width:100px;
justify-content:center;
align-items:center;	
}

.element-list-comm5
{
display:flex;
min-width:330px;
flex-direction:row;
justify-content:flex-start;
align-items:center;	
flex-wrap:wrap;
}

.element-list-bas
{
display:flex;
min-width:800px;
max-width:800px;
justify-content:flex-start;
align-items:center;	
padding-left:10px;
font-size:12px;
font-style:italic;
}

.btn-dup
{
display:flex;
width:70px;
min-height:26px;
border:none;
background-color:none;
background:transparent url('./img/bouton-dupliquer.png');
}

.btn-dup:hover
{
display:flex;
width:70px;
min-height:26px;
border:none;
background-color:none;
background:transparent url('./img/bouton-dupliquer-hover.png');
}


.btn-voir
{
display:flex;
width:70px;
min-height:26px;
border:none;
background-color:none;
background:transparent url('./img/page-commande/bouton-voir.png');
}

.btn-modifier
{
display:flex;
width:70px;
min-height:26px;
border:none;
background:transparent url('./img/page-commande/bouton-modifier.png');
background-color:none;
}

.btn-certificat
{
display:flex;
width:70px;
min-height:26px;
border:none;
background:transparent url('./img/certificats/bouton-certificats.png');
background-color:none;
}

.btn-certificat:hover
{
display:flex;
width:70px;
min-height:26px;
border:none;
background:transparent url('./img/certificats/bouton-certificats-H.png');
background-color:none;
}

.btn-supprimer
{
display:flex;
width:70px;
min-height:26px;
border:none;
background:transparent url('./img/page-commande/bouton-supprimer.png');
background-color:none;
}

.btn-bontrans
{
display:flex;
width:70px;
min-height:26px;
border:none;
background:transparent url('./img/page-commande/bouton-bon-transport.png');
background-color:none;
}

.btn-voir:hover
{
display:flex;
width:70px;
min-height:26px;
border:none;
background:transparent url('./img/page-commande/bouton-voir-hover.png');
background-color:none;
}

.btn-modifier:hover
{
display:flex;
width:70px;
min-height:26px;
border:none;
background:transparent url('./img/page-commande/bouton-modifier-hover.png');
background-color:none;
}

.btn-supprimer:hover
{
display:flex;
width:70px;
min-height:26px;
border:none;
background:transparent url('./img/page-commande/bouton-supprimer-hover.png');
background-color:none;
}

.btn-bontrans:hover
{
display:flex;
width:70px;
min-height:26px;
border:none;
background:transparent url('./img/page-commande/bouton-bon-transport-hover.png');
background-color:none;
}

.bas-list-comm
{
display:flex;
width:890px;
min-height:20px;
background-image:url('./img/page-commande/bas-boxe.png');		
}

.support-boutons
{
display:flex;
flex-direction:row;
justify-content:space-around;
width:890px;
min-height:26px;
background-image:url(./img/page-acceuil/img-ombre.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

.bouton-commande
{
display:flex;
width:169px;
min-height:52px;
border:none;
background-image:url('./img/page-acceuil/Bouton-commande.png');
}

.bouton-commande:hover
{
display:flex;
width:169px;
min-height:52px;
border:none;
background-image:url('./img/page-acceuil/Bouton-commande-hover.png');
}

.bouton-categorie
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-categories.png');
}

.bouton-categorie:hover
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-categories-H.png');
}

.bouton-variete
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-varietes.png');
}

.bouton-variete:hover
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-varietes-H.png');
}

.bouton-palette
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-palettes.png');
}

.bouton-palette:hover
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-palettes-H.png');
}

.bouton-sticker
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/certificats/Bouton-stickers.png');
}

.bouton-sticker:hover
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/certificats/Bouton-stickers-H.png');
}

.btn-new-commande
{
display:flex;
width:112px;
min-height:27px;
border:none;
background:transparent url('./img/page-commande/Bouton-nouvelle-commande.png');
}

.btn-new-commande:hover
{
display:flex;
width:112px;
min-height:27px;
border:none;
background: transparent url('./img/page-commande/Bouton-nouvelle-commande-hover.png');
}

.bouton-gestion
{
display:flex;
width:169px;
min-height:52px;
border:none;
background-image:url('./img/page-acceuil/Bouton-gestion.png');
}

.bouton-gestion:hover
{
display:flex;
width:169px;
min-height:52px;
border:none;
background-image:url('./img/page-acceuil/Bouton-gestion-hover.png');
}

.bouton-tarif
{
display:flex;
width:169px;
min-height:52px;
border:none;
background-image:url('./img/page-acceuil/bouton-tarifs.png');
}

.bouton-tarif:hover
{
display:flex;
width:169px;
min-height:52px;
border:none;
background-image:url('./img/page-acceuil/bouton-tarifs-H.png');
}

.bouton-transport
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-transporteurs.png');
}

.bouton-transport:hover
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-transporteurs-H.png');
}

.bouton-client
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-clients.png');
}

.bouton-client:hover
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-clients-H.png');
}

.bouton-calibre
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-calibre.png');
}

.bouton-calibre:hover
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-calibre-H.png');
}

.bouton-emb
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-emballage.png');
}

.bouton-emb:hover
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-emballage-H.png');
}

.btn-sousemb
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-sous-emballage.png');
}

.btn-sousemb:hover
{
display:flex;
width:114px;
min-height:50px;
border:none;
background-image:url('./img/bouton-sous-emballage-H.png');
}

.btn-retour
{
display:flex;
width:107px;
min-height:24px;
border:none;
background-image:url('./img/bouton-retour.png');
}

.btn-retour:hover
{
display:flex;
width:107px;
min-height:24px;
border:none;
background-image:url('./img/bouton-retour-H.png');
}

.btn-add-article
{
display:flex;
width:110px;
min-height:30px;
border:none;
background:transparent url('./img/page-commande/bouton-ajouter-article.png');
}

.btn-add-article:hover
{
display:flex;
width:110px;
min-height:30px;
border:none;
background:transparent url('./img/page-commande/bouton-ajouter-article-hover.png');
}

.btn-enregistrer
{
display:flex;
width:122px;
min-height:38px;
border:none;
background:transparent url('./img/page-commande/bouton-enregistrer.png');
}

.btn-enregistrer:hover
{
display:flex;
width:122px;
min-height:38px;
border:none;
background:transparent url('./img/page-commande/bouton-enregistrer-hover.png');
}

.btn-ajouter
{
display:flex;
width:107px;
min-height:24px;
border:none;
background:transparent url('./img/bouton-ajouter.png');
}

.btn-ajouter:hover
{
display:flex;
width:107px;
min-height:24px;
border:none;
background:transparent url('./img/bouton-ajouter-H.png');
}

.btn-centrale
{
display:flex;
width:114px;
min-height:50px;
border:none;
background:transparent url('./img/bouton-centrales.png');
}

.btn-centrale:hover
{
display:flex;
width:114px;
min-height:50px;
border:none;
background:transparent url('./img/bouton-centrales-H.png');
}

.btn-station
{
display:flex;
width:114px;
min-height:50px;
border:none;
background:transparent url('./img/certificats/bouton-stations-.png');
}

.btn-station:hover
{
display:flex;
width:114px;
min-height:50px;
border:none;
background:transparent url('./img/certificats/bouton-stations-H.png');
}

.btn-producteur
{
display:flex;
width:114px;
min-height:50px;
border:none;
background:transparent url('./img/certificats/bouton-producteurs.png');
}

.btn-producteur:hover
{
display:flex;
width:114px;
min-height:50px;
border:none;
background:transparent url('./img/certificats/bouton-producteurs-H.png');
}

.centre-nouveau
{
width:1000px;
min-height:500px;
display:flex;
flex-direction:column;
justify-content:top;
align-items:center;
padding-top:10px;
}

.centre-add
{
width:650px;
min-height:500px;
display:flex;
flex-direction:column;
justify-content:top;
align-items:flex-start;
padding-top:10px;
}

.nouveau
{
width:900px;
display:flex;
flex-direction:row;
justify-content:left;
padding-left:10px;
margin-top:20px;
}

.search
{
display:flex;
width:1000px;	
flex-direction:row;
justify-content:left;
align-items:left;
margin-left:10px;
}

.search2
{
width:1000px;
display:flex;	
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
}

.s3-contener
{
display:flex; 
width:100%;
flex-direction:row; 
justify-content:flex-start; 
align-items:flex-start;
}

.search3
{
display:flex;	
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
}

.line
{
display:flex;
width:1000px;
min-height:1px;
background-color:lightgrey;
}

.linebk
{
display:flex;
width:100%;
min-height:1px;
background-color:grey;
}

.menu
{
width:900px;
display:flex;
flex-direction:row;
justify-content:left;
margin-left:60px;
}

.element-titre
{
display:flex;
width:1000px;
flex-direction:row;
justify-content:center;
align-items:center;
font-size:20px;
color:#467b62;
font-family:CarlsonPB;
font-weight:bold;
}

.element
{
display:flex;
width:950px;
padding-left:10px;
flex-direction:row;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
}

.elementadd
{
display:flex;
width:650px;
min-height:15px;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
border:1px solid red;
}

.element300add
{
display:flex;
width:300px;
flex-direction:row;
justify-content:left;
align-items:center;	
}

.itemadd
{
display:flex;
width:500px;
border:1px solid blue;
}

.element2
{
display:flex;
width:1000px;
height:20px;
margin-top:5px;
flex-direction:row;
justify-content:flex-start;
align-items:center;
flex-wrap:no-wrap;
}

.element100
{
display:flex;
min-width:179px;
min-height:20px;
flex-direction:row;
justify-content:center;
align-items:center;	
border-left: 1px solid lightgrey;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
}

.element100bas
{
display:flex;
min-width:179px;
min-height:20px;
flex-direction:row;
justify-content:center;
align-items:center;	
border-right: 1px solid lightgrey;
border-left: 1px solid lightgrey;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
}

.element100basbis
{
display:flex;
min-width:179px;
min-height:20px;
flex-direction:row;
justify-content:space-around;
align-items:center;	
}

.element100bis
{
display:flex;
min-width:179px;
min-height:20px;
flex-direction:row;
justify-content:center;
align-items:center;	
border-right: 1px solid lightgrey;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
}

.element200
{
display:flex;
min-width:98px;
min-height:20px;
flex-direction:row;
justify-content:center;
align-items:center;	
border-right: 1px solid lightgrey;
border-left: 1px solid lightgrey;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
}

.element200bas
{
display:flex;
min-width:98px;
min-height:20px;
flex-direction:row;
justify-content:center;
align-items:center;	
}

.element200bis
{
display:flex;
min-width:98px;
min-height:20px;
flex-direction:row;
justify-content:center;
align-items:center;	
border-right: 1px solid lightgrey;
border-left: 1px solid lightgrey;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
}

.elementbis
{
display:flex;
width:1000px;
flex-direction:row;
justify-content:center;
align-items:center;
}

.element500
{
display:flex;
width:450px;
padding-left:10px;
flex-direction:row;
justify-content:left;
align-items:center;	
}

@keyframes example {
     0%  {color: red;}
    100% {color: white;}
}

.erreur
{
animation-name: example;
animation-duration: 8s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}

.inputtxt
{
display:flex;
min-width:245px;
max-width:245px;
}

.case-client
{
display:flex;
width:240px;	
}