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

h2 {
	font-size: 120%;
}

input {
	height: 20px;
	font-size: 75%;
	margin-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

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: 65%;
	padding-left: 3px;
	padding-right: 3px;
	margin-top: 3px;
	border-width: 2px;
}

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

/* Règles communes sur classes des cadres */

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

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

.criteres-recherche {
	display: inline-block;
	width: 230px;
	height: 450px;
	padding-left: 20px;
	padding-right: 20px;
}

.corps-page {
	width: 1024px;
	margin-top: 20px;
}

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

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

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

/* Règles communes dans la classe cache */

.cache > h2 {
	top: 35%;
}

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

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

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

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

/* Règles communes dans la classe cadre */

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

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

.criteres-recherche label {
	display: inline-block;
	width: 70px;
	font-size: 80%;
	margin-top: 5px;
	margin-right: 5px;
}

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

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

.criteres-recherche .k-autocomplete {
	height: 25px;
	font-size: 12px;
}

.criteres-recherche .k-dropdownlist {
	width: 227px;
	height: 25px;
	font-size: 12px;
}

.criteres-recherche .k-datepicker {
	width: 227px;
	height: 27px;
	font-size: 12px;
}

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

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

.criteres-recherche textarea {
	width: 227px;
	height: 70px;
	margin-top: -3px;
}

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

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

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

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

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

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

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

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

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

.criteres-recherche-extra {
	width: 270px;
	top: 259px;
	left: 350px;
	padding: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

.resultat-recherche {
	display: inline-block;
	position: relative;
	width: 670px;
	height: 430px;
	left: 10px;
	padding: 10px;
}

.resultat-recherche > .colonne {
	width: 410px;
	padding: 15px;
}

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

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

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

.resultat-recherche > .colonne input {
	width: 215px;
	height: 27px;
}

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

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

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

.resultat-recherche > .colonne .k-input {
	margin-top: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

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

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

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

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

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

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

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

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

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

/* Règles communes dans la classe encodage */

.encodage {
	width: 980px;
	top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

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

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

.encodage label {
	width: 195px;
	font-size: 80%;
}

.encodage .bouton-pdf + textarea {
	margin-left: 150px;
}

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

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

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

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

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

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

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

.encodage > .colonne .k-dropdownlist {
	width: 307px;
	height: 23px;
	font-size: 12px;
	margin-top: 0px;
}

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

.encodage > .colonne input {
	width: 300px;
}

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

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

.encodage > .colonne .k-autocomplete {
	width: 310px;
	height: 25px;
	font-size: 12px;
	margin-top: 1px;
}

.encodage > input {
	width: 962px
}

.encodage > textarea {
	width: 940px;
	height: 60px;
	margin-left: 9px;
}

.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: 268px;
}

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

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

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

.encodage .colonne textarea {
	width: 305px;
	height: 345px;
}

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

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

.encodage .colonne textarea.note {
	width: 390px;
	height: 80px;
}

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

.encodage > .colonne .k-datepicker {
	width: 310px;
	height: 25px;
	font-size: 12px;
	margin-top: 1px;
	margin-left: 2px;
}

.encodage > .colonne .k-listbox.input-avec-bouton {
	width: 170px;
	height: 100px;
	margin-left: 3px;
	margin-right: 10px;
}

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

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

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

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

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

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

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

.cadre-encodage .k-editor {
	width: 1250px;
	height: 500px;
 }

/* Règles dans la classe bordereau */

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

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

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

.bordereau.encodage.conteneur.commercial .entete-cromarbo h2 {
	font-size: 90%;
	line-height: 10px;
	margin-left: 35px;
}

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

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

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

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

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

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

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

.bordereau.facture.encodage.conteneur.commercial .entete-bordereau .k-dateinput {
	width: 160px;
	font-size: 90%;
}

.bordereau.encodage.conteneur.commercial .donnees-client {
	width: 700px;
	margin-top: 30px;
	padding-left: 180px;
}

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

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

.bordereau.encodage.conteneur.commercial .donnees-client .k-autocomplete {
	width:  380px;
	font-size: 95%;
	margin-top: 15px;
}

.bordereau.encodage.conteneur.commercial .donnees-client textarea {
	width: 600px;
	height: 60px;
	font-size: 90%;
	margin-top: 10px;
}

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

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

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

.bordereau.encodage.conteneur.commercial .k-grid textarea.colonne-variete {
	width: 235px;
	font-size: 13px;
	line-height: 16px;
}

#textarea-calcul-rows {
	width: 252px;
	height: 16px;
	font-size: 13px;
	line-height: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

.bordereau.facture.encodage.conteneur.commercial .escompte .k-dateinput {
	width: 90px;
	font-size: 85%;
	margin-top: 3px;
}

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

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

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

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

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

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

.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 communes 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: 120px;
}

/* Règles communes dans la classe message */

.message {
	width: 500px;
	padding: 20px 20px 10px;
	right: 0px;
	left: 0px;
	top: 220px;
}

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

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

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

.message.rapport {
	width: 525px;
}

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

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

.message label {
	width: 185px;
	margin-top: 5px;
	font-size: 80%;
}

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

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

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

.message textarea {
	width: 485px;
}

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

.message.escompte-facture textarea {
	width: 462px;
	height: 160px;
}

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

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

.message .k-datepicker {
	width: 310px;
	height: 27px;
	font-size: 12px;
}

.message .k-autocomplete, .message .k-dropdownlist {
	width: 310px;
	height: 25px;
}

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

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

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

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

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

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

.message.moyen-format textarea {
	width: 450px;
	height: 50px;
}

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

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

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

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

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

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

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

.message.moyen-format.escompte .k-autocomplete {
	width: 305px;
	height: 27px;
	font-size: 12px;
}

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

.message.moyen-format.escompte .k-dropdownlist {
	width: 165px;
	margin-left: 5px;
	height: 27px;
	font-size: 12px;
}

.message.moyen-format.escompte input.standard.pourcentage {
	width: 40px;
	height: 24px;
	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: 85%;
}

.message img {
	width: 500px;
	height: 315px;
}

.message.grand-format {
	width: 1210px;
	top: 162px;
	left: 50px;
}

.message > .colonne {
	width: 280px;
	height: 450px;
}

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

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

.message.grand-format > .colonne img {
	width: 120px;
	height: 120px;
	margin-left: 65px;
	margin-top: 40px;
}

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

.message .boutons-radio {
	font-size: 90%;
}

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

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

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

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

/* Autres */

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

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

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

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

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

input.nombre-tranche-stock {
	font-size: 150%;
	width: 80px;
	height: 40px;
}

#imageCurseur {
	height: 75px;
	width: 50px;
	z-index: -10;
	position: relative;
	right: 140px;
	top: -20px;
}

.icone-bloc {
	width: 45px;
}