/* Règles sur les éléments HTML */

h2 {
	font-size: 150%;
}

input.standard {
	height: 27px;
	font-size: 100%;
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

input[type="checkbox"] + label span {
    width: 20px;
    height: 20px;
    margin: -3px 10px 0 0;
}

input[type="checkbox"]:checked + label span {
    background: url(../images/image-check-box-20.png) -20px top no-repeat;
}

input[type="file"] {
    display: none;
}

textarea {
	font-size: 85%;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
	border-width: 2px;
}

button {
	margin-left: 10px;
	margin-right: 10px;
}

/* Règles sur classes des cadres */

.entete {
	margin-top: 30px;
	width: 80%;
}

.cadre {
	box-shadow: 8px 8px 4px 0px #535353;
}

.criteres-recherche {
	display: inline-block;
	width: 300px;
	height: 580px;
	padding-left: 30px;
	padding-right: 30px;
}

.corps-page {
	width: 1520px;
	margin-top: 30px;
}

.conteneur-boutons.boites button {
	width: 150px;
	height: 150px;
	margin-left: 65px;
	margin-right: 65px;
}

.conteneur-boutons.boites button > span {
	position: absolute;
	font-size: 175%;
	padding-left: 42px;
	padding-top: 7px;
	transform: rotate(19deg);
}

.cadre-menu-extra {
	width: 300px;
	text-align: center;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

/* Règles dans la classe cache */

.cache > h2 {
	top: 35%;
}

/* Règles dans la classe entête */

.entete h2 {
	margin-top: 0px;
	padding-right: 7px;
}

.entete button {
	width: 90px;
	height: 90px;
}

.entete .bouton-texte {
	font-size: 150%;
	border-width: 0px;
	margin-right: 0px;
}

/* Règles dans la classe cadre */

.cadre > h3, .conteneur > h3 {
	font-size: 100%;
}

/* Règles dans la classe criteres-recherche */

.criteres-recherche label {
	display: inline-block;
	width: 90px;
	font-size: 100%;
	margin-top: 7px;
	margin-right: 10px;
}

.criteres-recherche input.standard {
	width: 182px;
}

.criteres-recherche input.retour-ligne {
	width: 290px;
}

.criteres-recherche .k-autocomplete {
	height: 35px;
}

.criteres-recherche .k-dropdownlist {
	width: 300px;
	height: 35px;
}

.criteres-recherche .k-datepicker {
	width: 300px;
	height: 37px;
}

.criteres-recherche .retour-ligne {
	width: 300px;
	margin-right: 0px;
}

.criteres-recherche label.checkbox {
	margin-top: 10px;
	width: auto;
}

.criteres-recherche textarea {
	width: 290px;
	height: 120px;
	margin-top: -5px;
}

.criteres-recherche .conteneur-boutons.stock {
	margin-top: 35px;
}

.criteres-recherche .conteneur-boutons.bordereau {
	margin-top: 22px;
}

.criteres-recherche .conteneur-boutons.commercial {
	margin-top: 255px;
}

.criteres-recherche .conteneur-boutons.visite {
	margin-top: 70px;
}

.criteres-recherche .conteneur-boutons.donnees-reference {
	margin-top: 375px;
}

.criteres-recherche .conteneur-boutons.donnees-reference.tarif {
	margin-top: 295px;
}

.criteres-recherche .bouton-criteres-extra {
	width: 25px;
	height: 25px;
	bottom: 5px;
	left: 285px;
}

.bouton-criteres-extra.moins {
	width: 25px;
	height: 25px;
	top: 25px;
	left: 15px;
	margin: 0px;
}

/* Règles dans la classe criteres-recherche-extra */

.criteres-recherche-extra {
	width: 280px;
	top: 319px;
	left: 380px;
	padding: 20px;
}

.criteres-recherche-extra label {
	width: 100px;
	font-size: 100%;
}
	
.criteres-recherche-extra .k-dropdownlist {
	width: 175px;
	height: 30px;
	font-size: 100%;
}

.criteres-recherche-extra .k-autocomplete {
	width: 175px;
	font-size: 100%;
}

.criteres-recherche-extra .operateur {
	width: 60px;
	font-size: 100%;
}

.criteres-recherche-extra input {
	width: 60px;
	margin-left: 10px;
	font-size: 100%;
}

/* Règles dans la classe corps-page */

.corps-page button.standard {
	width: 50px;
	height: 50px;
}

.corps-page button.bouton-fiche-technique, .corps-page button.bouton-enregistrer-photo {
	width: 35px;
	height: 35px;
	margin-left: 5px;
	margin-right: 0px;
}

.corps-page .conteneur h2, .cache .message h2 {
	font-size: 150%;
	margin-top: 10px;
}

.corps-page .conteneur h2 {
	margin-bottom: 5px;
}

/* Règles dans la classe resultats-recherche */

.corps-page .resultat-recherche > div > h2  {
	margin-top: 0px;
}

.resultat-recherche {
	display: inline-block;
	position: relative;
	width: 1085px;
	height: 540px;
	left: 30px;
	padding: 20px;
}

.resultat-recherche > .colonne {
	width: 500px;
	padding: 20px;
}

.resultat-recherche > .colonne label {
	width: 175px;
}

.resultat-recherche > .colonne label.checkbox {
	width: 300px;
}

.resultat-recherche > .colonne label.pourcentage {
	width: 15px;
}

.resultat-recherche > .colonne input.standard {
	width: 270px;
}

.resultat-recherche > .colonne input.pourcentage {
	width: 250px;
}

.resultat-recherche > .colonne .k-dropdownlist {
	width: 283px;
}

.resultat-recherche > .colonne .k-autocomplete {
	width: 283px;
}

.resultat-recherche .conteneur-boutons.stock {
	padding-top: 32px;
	padding-left: 165px;
}

.resultat-recherche .conteneur-boutons.stock h2 {
	font-size: 100%;
	margin-top: 7px;
}

.resultat-recherche .conteneur-boutons.bordereau {
	padding-top: 32px;
}

.resultat-recherche .conteneur-boutons.commercial {
	padding-top: 32px;
}

.resultat-recherche .conteneur-boutons.donnees-reference {
	padding-top: 40px;
}

.resultat-recherche .conteneur-boutons.donnees-reference-encodage {
	padding-top: 140px;
}

.resultat-recherche .conteneur-boutons.donnees-reference-encodage-tarif {
	padding-top: 250px;
}

.resultat-recherche .k-grid {
	height: 440px;
}

.resultat-recherche .k-table {
	font-size: 90%;
}

/* Règles dans la classe encodage */

.encodage {
	width: 1484px;
	top: 0px;
	padding-left: 30px;
	padding-right: 30px;
}

.encodage > .colonne, .contour-cadre > .colonne {
	width: 720px;
	padding-left: 10px;
	padding-right: 10px;
}

.encodage > .colonne {
	margin-top: 20px;
	margin-bottom: 20px;
}

.encodage label {
	width: 250px;
	font-size: 100%;
}

.encodage .bouton-pdf + textarea {
	margin-left: 205px;
	vertical-align: bottom;
}

.encodage > .colonne label {
	width: 205px;
}

.encodage > label {
	padding-left: 10px;
}

.encodage > .colonne .petit-format-label {
	width: 50px;
}

.encodage > .colonne .format-label-creation {
	width: 112px;
}

.encodage > .colonne .moyen-format-label {
	width: 127px;
	padding-left: 25px;
}

.encodage > .colonne .moyen-format-label.sans-marge {
	padding-left: 0px;
}

.contour-cadre > .colonne .moyen-format-label {
	width: 150px;
}

.encodage > .colonne .k-dropdownlist {
	width: 509px;
	height: 32px;
	margin-top: 3px;
}

.encodage > .colonne .k-dropdownlist.moyen-format {
	width: 253px;
	margin-right: 30px;
}

.encodage > .colonne input.standard {
	width: 495px;
}

.encodage > .colonne .standard.petit-format-input {
	width: 100px;
}

.encodage > .colonne .standard.moyen-format-input {
	width: 241px;
}

.encodage > .colonne .k-autocomplete {
	width: 509px;
	margin-top: 3px;
}

.encodage > input.standard {
	width: 1195px
}

.encodage > textarea {
	width: 1440px;
	height: 65px;
	margin-left: 10px;
}

.encodage > textarea.visite {
	height: 40px;
}

.encodage .conteneur-boutons, .cadre-encodage .conteneur-boutons {
	margin: 20px;
}

.encodage > .colonne .standard.input-avec-bouton, .encodage > .colonne .k-autocomplete.input-avec-bouton, .encodage > .colonne .k-searchbar {
	width: 370px;	
}

.encodage > .colonne .input-avec-bouton.k-dropdownlist {
	width: 375px;
}

.encodage .bouton-avec-input {
	width: 30px;
	height: 30px;
	margin: 0px 0px 0px 15px;
}

.encodage .k-dropdownlist + .bouton-avec-input {
	margin-left: 47px;
}

.encodage .colonne textarea {
	width: 495px;
	height: 365px;
}

.encodage .colonne.cadre-rubriques textarea {
	height: 60px;
}

.encodage .colonne.cadre-rubriques textarea.grande {
	height: 120px;
}

.encodage .colonne textarea.note {
	width: 495px;
	height: 85px;
}

.encodage > .colonne input[type="checkbox"] + label {
	width: 333px;
}

.encodage > .colonne .k-datepicker {
	width: 505px;
	margin-top: 3px;
	margin-left: 2px;
}

.encodage > .colonne .k-listbox.input-avec-bouton {
	width: 330px;
	height: 110px;
	margin-left: 3px;
	margin-right: 20px;
}

.encodage > .colonne .k-grid {
	max-height: 175px;
}

.encodage > .colonne .k-table-md{
	font-size: 13px;
}

.encodage > .colonne .k-listbox.input-avec-bouton .k-list-md {
	font-size: 13px;
}

.encodage > .colonne .k-datepicker.pour-checkbox {
	width: 360px;
}

.encodage .contour-cadre {
	border: 1px solid #13304D;
}

.encodage .conteneur-boutons.stock {
	width: 1375px;
	top: -20px;
	left: 75px;
	margin-bottom: 5px
}

.encodage .conteneur-boutons.commercial {
	padding-left: 265px;
}

.cadre-encodage .k-editor {
	width: 1475px;
	height: 600px;
 }

/* Règles dans la classe bordereau */

.bordereau.encodage.conteneur.commercial .marge-superieure {
	margin-top: 20px;
}

.bordereau.encodage.conteneur.commercial .entete-cromarbo {
	width: 350px;
}

.bordereau.encodage.conteneur.commercial .entete-cromarbo img {
	height: 180px;
	width: 290px;
	margin: 35px 0px 10px 25px;
}

.bordereau.encodage.conteneur.commercial .entete-cromarbo h2 {
	font-size: 95%;
	line-height: 12px;
	margin-left: 45px;
}

.bordereau.encodage.conteneur.commercial .entete-bordereau {
	width: 450px;
	margin-top: 35px;
	margin-right: 120px;
}

.bordereau.facture.encodage.conteneur.commercial .entete-bordereau {
	width: 550px;
}

.bordereau.encodage.conteneur.commercial .entete-bordereau label {
	width: 85px;
	font-size: 160%;
}

.bordereau.encodage.conteneur.commercial .entete-bordereau input {
	width: 210px;
	font-size: 170%;
}

.bordereau.encodage.conteneur.commercial .entete-bordereau h1 {
	font-size: 200%;
	margin: 0px;
}

#numero-bordereau {
	line-height: 50px;
	margin: 3px 0px 0px 55px;
}

.bordereau.encodage.conteneur.commercial .entete-bordereau .k-dateinput {
	width: 200px;
	font-size: 110%;
}

.bordereau.facture.encodage.conteneur.commercial .entete-bordereau .k-dateinput {
	width: 180px;
	font-size: 100%;
	bottom: 3px;
}

.bordereau.encodage.conteneur.commercial .donnees-client {
	width: 860px;
	min-height: 250px;
	margin-top: 30px;
	padding-left: 250px;
}

.bordereau.encodage.conteneur.commercial .donnees-client h2 {
	font-size: 125%;
	line-height: 25px;
}

.bordereau.encodage.conteneur.commercial .donnees-client label {
	font-size: 110%;
	margin-left: 300px;
}

.bordereau.encodage.conteneur.commercial .donnees-client .k-autocomplete {
	width:  450px;
	font-size: 105%;
	margin-top: 17px;
}

.bordereau.encodage.conteneur.commercial .donnees-client textarea {
	width: 735px;
	height: 70px;
	font-size: 100%;
	margin-top: 20px;
}

.bordereau.encodage.conteneur.commercial .k-grid {
	margin-top: 10px;
}

.bordereau.encodage.conteneur.commercial .k-grid input {
	font-size: 14px;
}

.bordereau.encodage.conteneur.commercial .k-grid .colonne-quantite {
	width: 100px;
}

.bordereau.encodage.conteneur.commercial .k-grid textarea.colonne-variete {
	width: 240px;
	font-size: 14px;
	line-height: 18px;
}

#textarea-calcul-rows {
	width: 257px;
	height: 18px;
	font-size: 14px;
	line-height: 18px;
}

.bordereau.encodage.conteneur.commercial .k-grid .k-dropdownlist {
	font-size: 90%;
	width: 105px;
}

.bordereau.facture.encodage.conteneur.commercial .k-grid label {
	font-size: 105%;
}

.bordereau.facture.encodage.conteneur.commercial .k-grid textarea.colonne-variete {
	width: 240px;
}

#textarea-facture-calcul-rows {
	width: 257px;
	height: 18px;
	font-size: 14px;
	line-height: 18px;
}

.bordereau.facture.encodage.conteneur.commercial .colonne-bas-page {
	width: 325px;
}

.bordereau.facture.encodage.conteneur.commercial .colonne-bas-page input {
	font-size: 110%;
}

.bordereau.facture.encodage.conteneur.commercial .colonne-bas-page .k-dateinput {
	font-size: 90%;
}

.bordereau.facture.encodage.conteneur.commercial .colonne-bas-page > div label {
	width: 75px;
	font-size: 150%;
}

.bordereau.facture.encodage.conteneur.commercial .colonne-bas-page > div input {
	width: 45px;
	font-size: 150%;
}

.bordereau.facture.encodage.conteneur.commercial .colonne-bas-page > div h2 {
	width: 100px;
}

.bordereau.facture.encodage.conteneur.commercial .escompte {
	margin-top: 70px;
	margin-left: 30px;
}

.bordereau.facture.encodage.conteneur.commercial .escompte .k-dateinput {
	width: 105px;
	font-size: 100%;
	margin-top: 1px;
}

.bordereau.facture.encodage.conteneur.commercial .escompte h3 {
	font-size: 100%;
}

.bordereau.facture.encodage.conteneur.commercial .escompte input {
	width: 65px;
	margin-top: 0px;
}

.bordereau.facture.encodage.conteneur.commercial .bas-page {
	margin-top: 20px;
	width: 1400px;
}

.bordereau.facture.encodage.conteneur.commercial .bas-page .colonne-bas-page {
	width: 315px;
	line-height: 12px;
	margin-top: 0px;
}

.bordereau.encodage.conteneur.commercial .somme {
	margin-right: 40px;
}

.bordereau.encodage.conteneur.commercial h3, .bordereau.encodage.conteneur.commercial p {
	font-size: 90%;
}

.bordereau.conteneur-boutons p {
	font-size: 90%;
	}

.bordereau.conteneur-boutons .checkbox-affichage {
	width: 230px;
	font-size: 90%;
	margin-top: -10px;
}

.bordereau.conteneur-boutons h3 {
	margin-top: 10px;
	margin-right: 25px;
}

/* Règles dans la classe contour-cadre */

.contour-cadre {
	margin-bottom: 10px;
}

.contour-cadre > .colonne {
	margin-top: 10px;
	margin-bottom: 10px;
}

.contour-cadre > .colonne .petit-format-input {
	width: 170px;
}

/* Règles dans la classe message */

.message {
	width: 545px;
	padding: 30px 30px 10px;
	right: 0px;
	left: 0px;
	top: 220px;
}

.message.escompte-facture {
	width: 500px;
	height: 300px;
	padding: 20px 20px 0px;
	right: 0px;
	left: -700px;
	top: 170px;
}

.message.escompte-facture .k-grid {
	height: 280px;
}

.message.escompte-facture .k-grid td {
	padding-top: 0px;
	padding-bottom: 0px;
}

.message h2 {
	margin-bottom: 20px;
}

.message h3 {
	font-size: 110%;
}

.message label {
	width: 195px;
	margin-top: 5px;
}

.message.rapport label {
	width: 150px;
}

.message input.standard {
	width: 333px;
}

.message.rapport input {
	width: 377px;
}

.message textarea {
	width: 530px;
}

.message.note textarea {
	height: 270px;
}

.message.escompte-facture textarea {
	width: 487px;
	height: 135px;
}

.message button.standard {
	width: 75px;
	height: 35px;
	margin-top: 25px;
	margin-bottom: 15px;
	padding-top: 2px;
}

.message.escompte button.standard {
	width: 50px;
	height: 50px;
}

.message .k-datepicker {
	width: 345px;
	height: 37px;
}

.message .k-autocomplete, .message .k-dropdownlist {
	width: 345px;
	height: 30px;
}

.message.rapport .k-dropdownlist, .message.rapport .k-autocomplete {
	width: 390px;
}

.message .k-grid {
	height: 150px;
}

.message.moyen-format {
	width: 770px;
	top: 50px;
	left: 50px;
}

.message.moyen-format .rubriques {
	max-height: 670px;
	overflow-y: scroll;
}

.message.moyen-format label {
	width: 250px;
}

.message.moyen-format .k-datepicker {
	width: 489px;
	margin-left: 3px;
	margin-right: 3px;
}

.message.moyen-format textarea {
	width: 480px;
	height: 70px;
}

.message.moyen-format textarea.grande {
	height: 140px;
}

.message.moyen-format.choix-bloc {
	top: 156px;
}

.message.moyen-format .k-grid {
	height: 520px;
}

.message.moyen-format.escompte  {
	top: 140px;
}

.message.moyen-format.escompte h2 {
	font-size: 120%;
	margin-top: 0px;
}

.message.moyen-format.escompte .k-grid {
	height: 350px;
}

.message.moyen-format.escompte .datagrid input {
	width: 40px;
	height: 15px;
}

.message.moyen-format.escompte .k-autocomplete {
	width: 310px;
	height: 30px;
}

.message.moyen-format.escompte .k-input {
	padding-top: 0px;
}

.message.moyen-format.escompte .k-dropdownlist {
	width: 170px;
	margin-left: 5px;
}

.message.moyen-format.escompte input.standard.pourcentage {
	width: 50px;
	height: 25px;
	margin-left: 5px;
}

.message.moyen-format.escompte label.pourcentage {
	width: 15px;
	margin-left: 5px;
}

.message .k-grid {
	margin-bottom: 20px;
}

.message .k-table {
	font-size: 90%;
}

.message img {
	width: 545px;
	height: 350px;
}

.message.grand-format {
	width: 1300px;
	top: 180px;
	left: 50px;
}

.message > .colonne {
	width: 300px;
	height: 475px;
}

.message.grand-format > .colonne input[type="text"] {
	width: 260px;
}

.message.grand-format > .colonne .k-autocomplete {
	width: 275px;
	margin-bottom: 10px;
}

.message.grand-format > .colonne img {
	width: 150px;
	height: 150px;
	margin-left: 60px;
	margin-top: 25px;
}

.message.grand-format h3 {
	font-size: 100%;
}

.message .boutons-radio, .conteneur-boutons .boutons-radio {
	font-size: 100%;
}

.message.grand-format .k-grid {
	height: 370px;
}

.message.modification label {
	margin-left: 140px;
}

/* Règles communes dans la classe menu-contextuel */

.menu-contextuel {
	font-size: 85%;
}

/* Autres */

app-connexion-component > h1 {
	font-size: 1000%;
	margin-top: -140px;
	margin-left: -375px;
}

.conteneur.encodage.commercial {
	height: 600px;
	overflow-y: scroll;
}

.colonne > .retrait {
	margin-left: 253px;
}

input.premier-retrait, input.retrait {
	width: 450px;
}

label.nombre-tranche-stock {
	font-size: 200%;
	margin-top: 5px;
}

input.nombre-tranche-stock {
	font-size: 200%;
	width: 100px;
	height: 50px;
}

#imageCurseur {
	height: 90px;
	width: 60px;
	z-index: -10;
	position: relative;
	right: 170px;
	top: -25px;
}

.icone-bloc {
	width: 50px;
}