* {
	font-family: Verdana, Arial, Helvetica, sans-serif  ;
	font-size: 11px;
	margin : 0;
	padding : 0;
}


html.sansFond {
	background-color: #E2E3E4;
}


.fontWeightNormal{
	font-weight : normal;
}

label.formulaire {
	float: left ;
	width: 150px ;
	margin-left: 15px ;
}

label.formulaireUser {
	float: left ;
	width: 250px ;
	margin-left: 15px ;
}
img {
	border : 0;
	vertical-align : top;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.left {
	text-align : left;
}

.barreLogin {
	background-color : #CCCCCC;
	text-align : left;
	height : 34px;
	font-weight : bold;
}


.centreVertical {
	position: relative;
	top: 30%;
}


.boiteRigideCentree {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
	padding: 0.5em;
	font-weight : bold;
/* 	    margin-bottom: 25px; */
    font-weight: bold;
    padding-top: 17px;
}

.boiteRigideCentree .sousTitre{
font-weight : normal;
}

.boiteRigideListeUsersActifs{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
	padding: 0.5em;
	font-weight : bold;
}

.boiteLogin {
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	height:260px;
	text-align: center;
	border : 2px solid #aaaaaa;
}

table.login {
	width : 100%;
	height : 100%;
		text-align: center;
}

.microBoitePourLogin {
	width: 224px;
	text-align: right;
	margin-left : auto;
	margin-right : auto;
}

.microBoitePourIndex {
	width: 250px;
	text-align: left;
	margin-left : auto;
	margin-right : auto;

}

.petiteBoiteRigideCentree {
	margin-left: 125px;
	margin-right: 125px;
	width: 700px;
	text-align: left;
	padding: 0.5em;
	font-weight : normal;
}

.petiteBoiteRigideCentreeImportUser {
	margin-right: 125px;
	width: 700px;
	text-align: left;
	padding: 0.5em;
	font-weight : normal;
}


.petiteBoiteRigideAligneGauche{
    margin-right: 125px;
	width: 700px;
	text-align: left;
	padding: 0.5em;
	font-weight : normal;
	}

.petiteBoiteRigideCentreeBlocage {
	margin-left: 125px;
	margin-right: 125px;
	width: 400px;
	text-align: center;
	padding: 0.5em;
	font-weight : bold;
}

.moyenneBoiteRigideCentree {
	margin-right: 75px;
	width: 650px;
	text-align: left;
	padding: 0.5em;
	font-weight : normal;
}

.divPopup {
	width:650px;
	text-align:left;
	padding:0.5em;
	font-weight:normal;
	background-color:white;
	border:2px solid black;
}


.petiteBoiteRigideCentree ul, .labelImportUtilisateur, .petiteBoiteRigideAligneGauche ul{
	color : #666666;
	font-size : 10px;
}


.petiteBoiteRigideCentree ul li , .petiteBoiteRigideAligneGauche ul li{
	padding: 0.3em;
}



.gras {
	font-weight : bold;
}


.italique {
	font-style : italic;
}


h1 img {
	margin-top:-9px;
	float : right;
	padding : 0 10px 0 0;
}

.encadre {
	font-weight : normal;
	padding : 2px 10px 2px 10px;
	border-top : 1px solid #000000;
	border-bottom : 2px solid #000000;
	border-right : 1px solid #000000;
	border-left : 2px solid #000000;
}

input, textarea, select {
    border-width : 1px;
    border-color : #d4d4d4;
	font-weight : normal;
}

table.petitFormulaire {
	font-weight : bold;
}

table.petitFormulaire td.case1 {
	text-align : right;
}

table.petitFormulaire td.case2 {
	text-align : left;
	vertical-align : middle;
	text-indent : 20px;
}

li {
	list-style-type: none;
	padding: 0.5em;
}
table.listeDesGroupes *, table.listeDesGroupes {
	border-collapse: collapse;
	color : #666666;
	font-size : 10px;
}

table.listeDesGroupes .reseauName{
	    padding-right: 7px;
}

table.listeDesGroupes th {
	padding : 3px 3px 3px 3px;
	width : 60px;
	vertical-align : top;

}

table.listeDesGroupes td.case1 {
	text-align : left;
	width : 170px;
}

table.listeDesGroupes th {
	color : #0050B4;

}

table.listeDesGroupes tr {
	text-align :center;
}

table.listeDesGroupes tr.lignePaire {
	background-color : #EFF9FB;
}

.fontnormal {
	font-weight : normal;
}

.listeSitesUtilisateurs {
	text-align : right;
	vertical-align: middle;
	font-weight : bold;
}

#abrevFou table {
	border-collapse: collapse;
	margin-left : auto;
	margin-right : auto;
}

#abrevFou table th {
	padding : 5px;
	text-align : center;
}

#abrevFou table tr.premiereligne td {
	font-size			: 10px;
	color					: #0050B4;
	font-weight 		: bold;

}
#abrevFou table tr.premiereligne td.case1 {
	border: 0px;
}
#abrevFou table tr.deuxiemeligne td {
	font-size			: 10px;
	font-style			: normal;
	color					: #0050B4;
	font-weight 		: bold;
	background-color	: #CCCCCC;
}

#abrevFou table td {
	border				: 1px solid #0050B4;
	padding 				: 2px;
	text-align			: center;
	color 					: #666666;
}


#abrevFou table td.case2 {
	text-align: center;
	width : 70px;
}


#abrevFou table td.case1 {
	text-align: left;
	text-indent:0.5cm;
}

.attention {
	font-weight : bold;
	color : red;
}
table.tableausimple {
	margin-top : 10px;
	width: 100%;
	border : 1px solid;
	border-collapse:collapse;
}

table.tableausimple td.colonne1 {
	text-align : left;
	width : 200px;
}

table.tableausimple tr.colonne1blanc {
	width : 200px;
	text-align : center;
}

table.tableausimple tr.colonne1bleu {
	width : 200px;
	background-color: #CECECE;
}


table.tableausimple td.couleurbleu {
	text-align : left;
	width : 200px;
	background-color: #CECECE;
}
table.tableausimple td.colonne2 {
	text-align : left;
	width : 400px;
}

table.tableausimple th {
	padding : 5px;
	text-align : center;
	border : 1px solid;
}

table.tableausimple td {
	padding : 5px;
	text-align : center;
	width: 100%;
	border : 1px solid;
}

table.tableauCreateUser td {
	padding : 5px;
}

/*************** Liste d'affectation de GU *********/
table.listeDesAffectations *, table.listeDesAffectations {
	border-collapse: collapse;
	color : #666666;
	font-size : 10px;
}

table.listeDesAffectations th {
	color : #0050B4;
	padding : 7px 1px 1px 1px;

}
table.listeDesAffectations tr {
	text-align :left;
}

table.listeDesAffectations tr.ligneBlanche {
	background-color : #FFFFFF;
}

table.listeDesAffectations tr.lignePaire {
	background-color : #BCBCBC;
}

table.listeDesAffectations tr.ligneImpaire {
	background-color : #E9E9F2;
}


/*************** Mise � jour de prix ***************/

ul.listeFournisseurPourMaj li.explication .text {
	display : none;
}

ul.listeFournisseurPourMaj li.titre {
	padding : 0;
	margin : 0;
	height : 50px;
}

ul.listeFournisseurPourMaj li.explication {
	height : 20px;
	text-align : center;
	color : red;
}

ul.listeFournisseurPourMaj label, ul.listeFournisseurPourMaj li.titre a, ul.listeFournisseurPourMaj input  {
	padding : 0;
	margin : 0;
	width : 24%;

	float: left ;
	font-weight: normal ;
}

ul.listeFournisseurPourMaj li.titre span.enteteColonne {
	text-align : center;
	height : 45px;
	width : 100%;
	float: left ;
	font-weight: normal;

}

ul.listeFournisseurPourMaj li.titre a:hover {
	text-decoration : none;
}

ul.listeFournisseurPourMaj li.titre label.enteteColonne:hover {

	background-color : lightgray;
}


.center {
	text-align : center;
}

.messageErreur {
	font-size   : 12px;
	text-align  : center;
	font-weight : bold;
	color       : red;

}
.textInformation{
    font-size    :11px;
    font-style    :italic;
    text-align    :right;
    color: #aaaaaa;
}

.bleu {
	color: #00529f;
}
.couleur{
	border-bottom:solid;
	border-width:1px;
	font-weight: bold;
	text-align:right;
}

#Popup label {
	float: left ;
	width: 150px ;
	font-weight: bold ;
	margin-left: 15px ;
}




table.descriptionGUouPL {
	width : 450px;
	margin-left: 20px;
	margin-top : -5px;
	margin-bottom : 5px;
}
table.descriptionGUouPL td {
	width : 150px;
}
table.descriptionGUouPL td.prix {
	text-align : left;
}
.red {
	color : red;
}

.tableUserGarage{
	border-collapse : collapse;
	margin-left : auto;
	margin-right : auto;

}

.tableUserGarage th{
	background-color : #CCCCCC;
	border : solid 1px #0050B4;
	color : #0050B4;
	font-size : 10px;
	font-style : bold;
	padding-bottom : 2px;
	padding-top : 2px;
}

.tableUserGarage tr td{
	background-color : #FFFFFF;
	border : solid 1px #0050B4;
	color : #666666;
	font-size : 9px;
	font-style : normal;
	text-align : center;
	padding-bottom : 2px;
	padding-top : 2px;
	width : 100px;
}

/*************** D�finition des interfaces grossistes *************************/
/*************** Type affichage des informations sur les stocks ***************/
#codeCouleur {
	width : 768px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#codeCouleur ul {
	margin-left: 50px;
}
#codeCouleur a {
	margin-left: 10px;
}
#codeCouleur label {
	margin-left: 10px;
}
#infoTextuelle {
	margin-left: 25px;
	display : none;
}
#codeCouleur p {
	margin-top: 15px;
	font-weight:bold;
}


/*************** Maj des prix OE, Golda et Pneus *************************/
.listeFournisseurMajPrix li label.labelFour {
	width : 150px;
	margin-left : 20px;
	float: left ;
}

.listeFournisseurMajPrix li:hover {
	background-color : lightgray;
}

.listeFournisseurMajPrix li label.labelPrix {
	text-align : left;
	width : 350px;
	float: right;
}

.listeFournisseurMajPrix li div.titre {
	width : 140px;
	float: left ;
	font-weight : bold;
	color : black;
}

.listeFournisseurMajPrix input.valide {
	margin-left : 80px;
}

#warnigImportPrix {
	margin-left: auto;
	margin-right: auto;
	margin-bottom : 25px;
	font-weight: bold;
	color: red;
}

.detailsSite {
	width: 300px;
	text-align: start;
}
.detailsSiteFixed{
	width: 300px;
	padding-right: 140px;
}

#abrevFou {
	margin-top : 20px;
	margin-bottom:  10px;
}
.boutonValidationFormulaire {
	padding: 4px;
}
.hidden-submit {
    border: 0 none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/******************************** message style ************************************************/

.info_message, .success_message, .warning_message, .error_message, .validation_message {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info_message {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/static/images_adm_css/html/images/messages/info.png');
}
.success_message {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/static/images_adm_css/html/images/messages/success.png');
}
.warning_message {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/static/images_adm_css/html/images/messages/warning.png');
}
.error_message {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/static/images_adm_css/html/images/messages/error.png');
}

.ImportAUto{
	font-weight: normal;
}
.ImportAUto li #emailImportFTP{
	width: 250px;
}

.importAutoShow{
	display:block;
}

.importAutoHide{
	display:none;
}

.listeFTP{
	list-style: disc inside none;
    margin-left: 20px;
}
.etatDesPrixImportes{
	 margin-left: 80px;
}
/***
* Pour la barre d'action
***/
.barreAction {
	background-color: #FFF !important;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
}

.barreAction .corps .buttonHidden{
	display: none;
}

.barreAction .corps {
	display: inline;
	margin-right: 20px !important;
}

.barreAction .corps .button {
	background-image: url("/static/images_adm_css/html/images/default/commun/bt_prems_gauche_off.png");
	background-position: left center;
	background-repeat: no-repeat;
	text-align: center;
	padding-bottom: 8px;
	padding-top: 8px;
	display: inline-block;
}

.barreAction .corps .button:hover {
	background-image:
		url("/static/images_adm_css/html/images/default/commun/bt_prems_gauche_on.png");
	padding-top: 8px;
}

.barreAction .corps .button span {
	background-image:
		url("/static/images_adm_css/html/images/default/commun/bt_prems_droite_off.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding-bottom: 8px;
	padding-top: 8px;
	display: inline-block;
}

.barreAction .corps .button:hover span {
	background-image:
		url("/static/images_adm_css/html/images/default/commun/bt_prems_droite_on.png");
	padding-top: 8px;
}

.barreAction .corps .button span span {
	background-image:
		url("/static/images_adm_css/html/images/default/commun/bt_prems_milieu_off.png");
	background-position: center center;
	background-repeat: repeat-x;
	margin-left: 23px !important;
	margin-right: 9px !important;
	white-space: nowrap;
	padding-bottom: 8px;
	padding-top: 8px;
	display: inline-block;
}

.barreAction .corps .button:hover span span {
	background-image:
		url("/static/images_adm_css/html/images/default/commun/bt_prems_milieu_on.png");
	padding-top: 8px;
}

.barreAction a:hover {
	font: Arial Bold 11px !important;
	color: #ffc9cb !important;
}

.barreAction a:ACTIVE {
	font: Arial Bold 11px !important;
	color: #FFF !important;
}

.barreAction a {
	text-decoration: none !important;
	color: #FFF !important;
	font: Arial Bold 11px !important;
}

.barreAction .floatRight {
	margin: 0;
	padding: 0;
	text-align: right;
}
.refCmdBtn .barreAction .corps {
	margin-right: 0px !important
}
.refCmdBtn .barreAction .corps .button, .refCmdBtn .barreAction .corps .button:hover{
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}

.refCmdBtn .barreAction .corps .button span{
	padding-bottom: 7px !important;
	padding-top: 7px !important;
}

.selectTypeImportPrixGroupeBouton{
	width : 20px;
	padding-left: 30px;
	padding-top: 5px;
}

.selectTypeImportPrixGroupeLabel{
}



/*--------------------------------------------------------*/
/* Logo domain
/*--------------------------------------------------------*/

#logoDomainComponent {
	background-color: #F2F2F2;
	padding-left: 5px;
	margin-bottom: 10px;
}

#logoDomainComponent ul.caracteristique input{
	height: 5px;
	width: 100px;
}

#logoDomainComponent .fileupload-buttonbar {
	width: 150px;
}

.empty {
	height: 5px;
}

#logoDomainComponent .fileupload-buttons {
}

#logoDomainComponent .fileupload {
	overflow: hidden;
}


#logoDomainComponent .dropzone {
	line-height: 10px;
}

#logoDomainComponent  table.presentation {
	padding: 0;
}

#logoDomainComponent  td.previewClass {
	width: 100px;
}

#logoDomainComponent  td.nameClass {
	width: 150px;
	text-align: left;
}

#logoDomainComponent  td.sizeClass {
	width: 100px;
	text-align: left;
}

#logoDomainComponent  td.buttonsClass {
	width: 300px;
}

#blocDescription #blocDescriptionTitle {
	padding-bottom: 20px;
}

#blocDescription .blocDomainName {
	font-size: 12px;
	color: #595959;
}

#blocDescription .table {
	display: table;
}

#blocDescription .tableRow {
	display: table-row;
}

#blocDescription .tableCellLabel {
	display: table-cell;
	width: 133px;
	color: #595959;
}

#blocDescription .tableCellInput {
	display: table-cell;
}

input.domaineNameClass {
	width: 250px;
	height: 20px;
	padding-left: 3px;
	padding-right: 3px;
}

#blocDescription .blocDescriptionCorps {
	font-size: 10px;
	color: #595959;
}

#blocDescription .blocDescriptionTitle {
	font-size: 12px;
	color: #595959;
}


#blocDescription .deleteBlocClass {
	margin-left: 28px;
}
#blocLogoFlavicon #blocLogo, #blocLogoFlavicon #blocFavicon {
	width: 100%;
}

#blocLogoFlavicon img.infoTooltip {
	background-image: url("/static/images_adm_css/html/images/CATTRONIC/warning.png");

}

#blocLogoFlavicon #separator {
	width: 98%;
	border: 1px solid white;
	margin-bottom: 5px;
	margin-top: 5px;

}


#blocLogoFlavicon {
	width: 100%;
}

#blocLogoFlavicon .libelle {
	font-size: 102x;
	color: #595959;
	float: left;
	width: 155px;
}

 #blocLogoFlavicon .error_server_upload_file_message {
	line-height: 13px;
}

#rattachementCommercial {
	font-weight: bold;
	margin-left: 5px;
}

#rattachementCommercial ul input {
	width:36%;
	min-height: 18px;
}
#rattachementCommercial ul{
	background-color: #e4e2e2;
	margin-bottom: 6px
}

.color{
    display: inline-block;
    width: 20px;
    height: 15px;
    border: solid 1px;
    margin-bottom: -3px;
    margin-right: 5px;
    float: right;
}
#couleurTitresAffiche {
  	margin-left: 97px;
}

#retabConf{
	display: inline;
	padding-left: 700px;
}

#retablirEspace
{
	display: inline;
	padding-left: 700px;
}
#blocConfigurationLogoBandeau{
	font-weight: normal;
}

#blocConfigurationLiensBandeau{
	font-weight: normal;
}
#blocConfigurationEspaceBandeau{
	font-weight: normal;
}

#blocConfigurationImageBandeau{
	font-weight: normal;
}


.coordonneeLogo	{

	width: 26px;
  	height: 18px;
  	text-align: center;
}

span#desactivationLabel {
  	margin-left: 160px;
  	color: red;
}

span#pasCouleurLabel {
  	margin-left: 545px;
  	*margin-left: 560px;
  	color: red;
    *float: left;
}

input.colorHex {
  	width: 55px;
  	float: right;
}
#MB_window.messageInformation #MB_header {
    height: 0px;
    border: none;
}
#MB_close, #MB_close:hover {
/*     visibility: hidden; */ /* Pourquoi a-t-il �t� cache ? */
}
#MB_window.messageInformation #MB_frame {
    text-align: center;
    color: #e0091d;
    background-color: white;
    border: solid;
    border-color: #535353;
}
#MB_window.messageInformation #MB_content {
    border: none;
    font-weight: bold;
    padding-top: 20px;
}
.linecolor {
	width: 360px;
}
.labelcolor {
	display: inline;
}

input.button-bandeau, .button-typologie, input.button-ajouter-fichier {
    background: -moz-linear-gradient(top, #ededed 0%, #c4c4c4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#c4c4c4));
    background: -webkit-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
    background: -o-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
    background: -ms-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
    background: linear-gradient(top, #ededed 0%,#c4c4c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#c4c4c4');
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
    border: 1px solid #B6B6B6;
    font-weight: bold;
    color: #4F4F4F;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border-radius: 4px\9;
    width: 215px;
    height: 27px;
    cursor: pointer;
    text-align: right;
    padding-right: 5px
}

input.button-bandeau2 {
    width: 270px;
}

input.button-bandeau3, input.button-ajouter-fichier3 {
    width: 170px;
    cursor: default;
}

.spanIconAdd {
    float: left;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
    top: 9px\9;;
    *top: -23px;
    left: 25px;
    *left: 7px;
    background-image: url(/static/images_adm_css/html/images/ui-icons_454545_256x240.png);
    width: 16px;
    height: 16px;
    background-position: 0px -192px;
}

.spanIconReset {
    float: left;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
    *top: -21px;
    left: 25px;
    *left: 7px;
    background-image: url(/static/images_adm_css/html/images/ui-icons_454545_256x240.png);
    width: 16px;
    height: 16px;
    background-position: -128px -192px;
}

.spanIconNew,
.spanIconSave,
.spanIconDelete,
.spanIconWarning {
	float: left;
	background-repeat: no-repeat;
	position: relative;
	top: 5px;
	top: 6px \9;
	*top: -23px;
	left: 25px;
	*left: 7px;
	background-image: url(/static/images_adm_css/html/images/ui-icons_454545_256x240.png);
	width: 16px;
	height: 16px;
}

.spanIconNew {
	background-position: -178px -129px;
}

.spanIconSave {
	background-position: -98px -112px;
}

.spanIconDelete {
	background-position: -178px -97px;
}

.spanIconWarning {
	background-position: 0 -144px;
}

span.importErrorItem {
	text-align: left;
}
li.importErrorClass {
	text-align: left;
}

span.importInfoPieceSucces,  span.deleteInfoPieceSuccessMsg  {
	font-weight: normal;
}

.importInfoPieceCrenaux {
	margin: 5px;
	font-weight: normal;

}

.importInfoDate {
	color: red;
	font-weight: bold;
}

.saveTitleConfirmMessage {
	color: red;
	font-weight: bold;
	float: right;
}
.blocConfigurationImageBandeau .imageBandeauConfiguration .formulaireUser #repetitionLabel{
    font-weight: bold;
}

.hidden-fileupload {
    left: -173px;
    top: 5px;
    overflow: hidden;
    z-index: 99999;
    width: 170px;
    height: 22px\9;
    opacity: 0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    position: relative;
    cursor: pointer;
    font-size: 10000px\9; /* This is the main part. */
    *font-size: 11px; /* This is the main part. */
}

.button-typologie {
	width: auto;
	padding-left: 25px;
}

.bloc-typologie .floatRight {
	float: right;
}

.bloc-typologie .floatLeft {
	float: left;
}

.bloc-typologie .barreAction {
	height: 25px;
	margin-right: 5px;
	*margin-left: 15px;
}

.bloc-typologie .barreAction #add-typologie {
	*width: 175px;
}

.bloc-typologie .barreAction #save-typologie {
	*width: 110px;
}

.bloc-typologie .barreAction #delete-all-typologie {
	*width: 135px;
	*margin-left: 10px;
}

.bloc-typologie .list-typologie .button-typologie {
	*width: 100px;
}

.bloc-typologie .barreAction .spanIconDelete {
	*left: 17px;
}

.bloc-typologie .alert{
	color: red;
	text-align: center;
	display: none;
	height: 20px;
	padding-bottom: 10px;
}

.bloc-typologie .list-typologie {
	padding-left: 10px;
}

.bloc-typologie .list-typologie fieldset {
	background-color: #e2e2e2;
	border: none;
	border-top: 25px solid #e2e2e2;
	border-top: 0 \9;
	*border-top: 0;
	margin: 5px;
	padding: 5px;
	*margin-bottom: 0;
	*padding-left: 0;
	*padding-bottom: 0;
}

.bloc-typologie .list-typologie fieldset div {
	*float:left;
}

.bloc-typologie .list-typologie fieldset:first-child{
	margin-top: 20px;
}

.bloc-typologie .list-typologie fieldset input[type='text']{
	float: left;
	line-height: 20px;
	margin-top: 3px;
	width: 230px;
	height: 20px;
	text-transform: uppercase;
	*margin-right: 10px;
}

.bloc-typologie .list-typologie fieldset legend {
	color : #000000;
	padding-bottom: 10px \9;
}

.typologie-level-nouveau {
	color: red;
}

.typologie-levels-table{
	width: 100%;
	padding-top: 15px;
}

.typologie-levels-table td.level{
	width: 140px;
	text-align: left;
}

.typologie-levels-table td.value{
	width: 170px;
	text-align: left;
}

.typologie-levels-table td.status{
	text-align: right;
}

.typologie-dialog .spanIconWarning {
	left: 0;
	top: 0;
	height: 15px;
}

.noirGras {
	font-weight: bold;
	color: black;
}

.grisItalique {
	color: gray;
	font-style: italic;
}

.grisLight {
	color: gray;
	font-weight : normal;
}

.lblSuppAncienneMaj {
	text-align:right;
	padding-right: 140px;
}
.lblSuppAncienneMajCenter {
	text-align:center;
}


table.stockState {
	width: 1000px;
}

table.stockState2 {
	width: 155%;
}

.bticonfiglabel {
	font-weight: normal;
}

.bticonfiglabelbold {
	font-weight: bold;
}

#btiTemplate.label #btiTemplate.span {
	font-weight: normal;
}

.sellingPriceTypeItem{
	padding-left: 20px;
}
.optionMultiDms{
	padding-left: 40px;
}
.optionOneDms {
	padding-left: 40px;
}

.quantityStockItem {
	padding-left: 60px;
}

#btiTemplate {
 width: 1000px;
}
.thBti {
	 font-style : italic;
}
ul.liBti{
	/*width : 426px;*/
}
.fileinput-button {
  position: relative;
  overflow: hidden;
  font-size: 11px;
}
.btiRule{
	padding-right: 20px;
}

span.picto {
	height: 25px;
	width: 25px;
}
p.warningBti {
    margin-bottom: 2px;
    color: red;
    text-align: center;

}


.ui-selectmenu-button.ui-button {
	text-align: center;
}

.btiRule .ui-selectmenu-text {
	font-weight: bold;
	text-align: center;
}

.btiRule .ui-selectmenu-button.ui-button {
	background-color: white;
}

.ui-selectmenu-menu .ui-menu-item-wrapper {
	font-weight: bold;
	text-align: center;
}
li.stockStateOption {
	padding-top: 10px;
}

ui-state-active {
	font-weight: bold;
}

.stockstateinput {
	width: 240px;
	height: 30px;
	padding-left: 8px;
	font-weight: normal;
}
.stocklocalstateinput {
	width: 280px;
	height: 30px;
	padding-left: 8px;
	font-weight: normal;
}

#stockPanel #userdisplay #seellingPrice {
	width: 315px;
}

.btiConfigHedaer {
	width: 650px;
}

.saveUpdateBtiConfig {
	float: right;
}

.loadDefaultBtiConfig {
	float: left;
}

.alertConfigMsg, .alertFraisPortMsg {
	color: red;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.alertFraisPortMsg {
	width: 200px;
	right: 120px;
	position: absolute;
	top: 9px;
}
span.btiPanelTitle {
	font-weight: bold;
}
td.ruleKey {
	width: 300px;
}

td.picto {
	width: 185px;
}

td.libelle {
	width: 200px;
}

input.stockState {
	width: 100%;
}

.ui-menu-item-wrapper {
 height: 20px;
}
.referentielConfig {
	margin-left: 20px;
    margin-right: auto;
}

.referentielConfigSuccessSave {
	text-align: center;
	color: red;
	margin-bottom: 2px;

}

.referentielConfig div {
	margin-bottom: 20px;
}

.referentielConfig .radio {
	margin-left: 30px;
    margin-bottom: 5px;
}

.referentielConfig .typeRef select {
	margin-left: 50px;
	width: 250px;
}

.dreferentiel {
	margin-left: 22px;
	width: 250px;
	margin-bottom: 3px;
}

table.informationsPortailPsa tr.lignePaire{
	background-color:#F2F2F2;

}
table.informationsPortailPsa tr.ligneIm
}
table.informationsPortailPsa{
	border-collapse:collapse;

}
table.informationsPortailPsa tr td.case1{
	color:#000000;
	width:40%;

}

table.informationsPortailPsa tr td.case2{
font-weight : bold;


}
table.informationsPortailPsa tr td{
    white-space: nowrap;
}
.fr_styleBouton_affiche{
		top:13px;
}
.fr_styleBouton_exclusion_totale{
		top:8px;
}
.fr_styleBouton_affichage_partiel{
		top:1px;
}
.SrvDeValid{
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    /* width: 280px; */
    height: 30px;
    padding-left: 8px;
    font-weight: normal;
}
.listeCheckbox {
	text-align: left;
    margin-left: 40px;
}
.service_info {
	font-weight: normal;
	color: grey;
}
.service_info2 {
	font-weight: normal;
	color: grey;
}
.service_contacts {
	font-weight: normal;
	color: blue;
}
.error_field{
	color: #D8000C;
	border: 1px solid #c5c5c5;
    border-radius: 3px;
    height: 30px;
    padding-left: 8px;
    font-weight: normal;
}
.error_field_message{
	color: #D8000C;
	padding-left: 40px;
}

.icons-list{
	font-size : 24px;
	word-wrap: break-word;
    height: 80%;

}
.icons-list span{
	 font-size : 36px;
	 margin : 24px;
	 margin-top : 15px;
	 cursor: pointer;
	 color: gray;
	 line-height: 58px;
}
.icons-list span.active{
	color: #ff4b00;
	border: 1px solid #f6a01c;
	border-radius:2px;
}
.icons-list  a{
	display: block;
    position: absolute;
    font-weight: bold;
    text-decoration: none;
}
span[class^="icon-"]{
	 cursor: pointer;
}
span[class^="icon-"]:hover,span[class^="icon-"]:focus,span[class^="icon-"]:active {
	color: #ff4b00;
}
.icons-list span:hover,.icons-list span:focus,.icons-list span:active {
	color: #ff4b00;
}

.modal {
    display: none;

    width: 699px;
    height: 450px;
    margin:auto;
}

.displayConfig{
	margin-top : -8px;
	display : flex;
}
.displayIcon{
	margin-left : 8px;
	font-size: 24px;
	cursor: pointer;
	border: 1px solid #e0dddd;
    padding: 4px;
    padding-left: 5px;
    padding-right: 10px;
    top: -16px;
    position: absolute;

}
.icon-span : {
    	font-size: 24px;
    	color:red;
    }
.selectIconBtn{
	cursor: pointer;
    border: 1px solid #e0dddd;
    border-left: none;
    padding: 11px;
    padding-left: 2px;
    padding-right: 1px;
    font-size: 14px;
    position: absolute;
    top: -16px;
    margin-left : 48px;
}
.error-msg{
	color: red;
    display: none;
    text-align: center;
    margin-top:20px;
    margin-bottom : 30px;
    margin-left : 150px;
   	font-size: 14px;
}
.save-icon{
	float: right;
    position: relative;
    top: -4px;
}
#icons-modal .modal-header{
	text-align: left;
    background: #7c7a7a;
    font-size: 17px;
    height: 47px;
    color: white;
}
#icons-modal .modal-dialog{
	    width: 699px;
    height: 450px;
    overflow-y: initial
}
#icons-modal .modal-body{
     width: 695px;
    overflow-y: scroll;
    height: 380px;
}
#icons-modal{
     width: 727px;
    height: 520px;
}
#icons-modal .modal-content{
	height: 486px;
}
#icons-modal .modal-footer{
    padding: 9px;
}
#icons-modal .modal-footer .button{
	width: 90px;
	height: 30px;
    margin-left: 5px;
    font-size: 13px;
    background: #434343;
    border: none;
    color: white;
    padding: 4px;
    cursor: pointer;
    float:right;
    border-radius : 2px;

}

#icons-modal .modal-footer .button:hover,.modal-footer .button:focus,.modal-footer .button:active {
	background: #ff4b00 none;
}

#icons-modal .modal-header .icon-cancel-circle{
	    color: #FFF;
}
#icons-modal .modal-header a{
	display: block;
    position: absolute;
    right: 8px;
    top: 11px;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    float: left;
}
span.icon-cancel-circle:hover {
	color: #ff4b00 none;
}

.boiteRigideCentree h1{
	    font-size: 11px;
    font-weight: bold;

}

.configIconDiv{
	margin-bottom: 35px;
	margin-left: 0px;
}
.msgs {
	    margin-bottom: 25px;
    text-align: center;
}
.waitingDiv {
	display : none;
	width: 100%;
    background-color: #00e67638;
    border-top: solid 1px #2aa030;
    height: 45px;
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    text-align: center;

}
.waitingDiv .spinner{
	color : #2aa030;
}
.waitingDiv .msg{
	color : #2aa030;
	font-size: 15px;
    margin-top: 6px;
    margin-left: 10px;
}
.waiting-modal {
	width : 350px;
}
.waiting-modal .modal-content {
	width : 350px;
}
.pictosDiv h1{
	margin-bottom : 40px;
}
.barreEnteteGDimension{
	min-width: 550px;
}
.barreEnteteGDimension_100{
	min-width: 100%;
}
.submitListDiffusionSite{
	float: right;
	width: 100px;
}

#blocConfigurationFournisseurOC{
	font-weight: normal;
	margin: 5px;
}

.spanIconAddLogo {
    float: left;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
    top: 9px\9;;
    *top: -23px;
    left: 25px;
    *left: 7px;
    background-image: url(/static/images_adm_css/html/images/ui-icons_454545_256x240.png);
    width: 16px;
    height: 16px;
    background-position: -16px -128px;
}

.spanIconViewLogo {
    float: left;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
    top: 9px\9;;
    *top: -23px;
    left: 25px;
    *left: 7px;
    background-image: url(/static/images_adm_css/html/images/ui-icons_454545_256x240.png);
    width: 16px;
    height: 16px;
    background-position: -160px -112px;
}

#logo_fournisseur_oc_act {
    width: 100px;
    height: auto;
}