/*-------------------------------CONFIG GENERAL ET CLASSES RECURRENTES --------------*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#181818;
	font-size: 12px;
}

a, img, a img { border: none; outline: none; }
select {border: 1px solid #c7c7c9;}


.rouge { color: #bf4c06 !important; }
.white, .white td { background: #fff !important; }
.alignright { float: right !important; }
.alignleft { float: left !important; }
.nofloat { float: none !important; }
.clear {clear: both;}
.bleu { color: #0387be !important; }
.liengris { color: #5d5d5d !important; font-weight: normal !important; text-decoration: underline;}
.un_email td {background: transparent !important; padding: 6px;}

a.inactif, .inactif {
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: .5;
}
.toggle {
background: url('skins/bo_img/fleche_bleue.png') no-repeat center center;
height: 14px; width: 14px;
float: none !important;
display: block;
cursor: pointer;
}
.rotate {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.atraiter {background: #c00000 !important;}
.atraiter_rond {background: #c00000 !important; width:15px; height:15px; border-radius:10px;}
.en_prod {background: #ffa50e !important;}
.exp_partiel {background: #0eaed0 !important;}
.expedie {background: #268505 !important;}
.expedie_rond {background: #268505 !important; width:15px; height:15px; border-radius:10px;}
.annule {background: #979797 !important;}
.refuse {background: #393939 !important;}

.actif {background: #268505 !important;}
.utilise {background: #EE6600 !important;}
.expire {background: #CC3333 !important;}
.non_actif {background: #000000 !important;}



/* -------------------- EN TETE -------------------- */

/*-------------------NOM UTILISATEUR-----------------*/
.nom-utilisateur{
	font-size: 12px;
	color:#FFFF00;
	text-align:right;
	font-weight: bold;
}
.deconnect{
	font-size: 11px;
	text-align:right;
}
.deconnect a {
	color: #FFFFFF;
}

/* ------ TOP MODULES E-COMMERCE --------- */
#table_liste1 {
background: url('../skins/bo_img/table_liste1.png') repeat-x top left;
overflow: hidden;
height: 38px;
margin: 0; padding: 0;
}
#table_liste1 li{
list-style-type:none;
float:left;
background: url('../skins/bo_img/table_liste1_li.png') no-repeat top right;
padding: 4px 0 18px 0;
margin: 0;
}
#table_liste1 li#row_accueil {
background: url('../skins/bo_img/row_accueil.png') no-repeat top left;
width: 55px; height: 16px;
}
.menu_modules {
color:#fff;
padding:6px 13px;
font-size:12px;
display: block;
}
.module_selected, .menu_modules:hover {
background: url('../skins/bo_img/table_liste1_li_selected.png') repeat-x center left;
color:#000;
}
#table_liste1 li#row_accueil a, #table_liste1 li#row_accueil a:hover {
background: none;
display: block;
height: 19px;
}


/* ------------------ OUTILS BARRE JAUNE ------------------ */
#BO_sur_top {
margin-top: -4px;
}
#BO_sur_top_outils {
list-style-type:none;
color:#000;
margin:0;
padding:0;
font-size:12px;
height: 27px;
overflow: hidden;
background: url('../skins/bo_img/bg_sur_top.png') repeat-x top left;
}
#BO_sur_top_outils * {
color: #000;
text-decoration: none;
}
#BO_sur_top_outils li {
float: left;
padding: 6px 15px;
}
#BO_sur_top_outils .selected {
    padding: 2px 15px !important;
}
#BO_sur_top_outils .selected a {
font-weight: bold;
}
/* --------------------- OUTILS ONGLETS ------------------------ */
#BO_ss_top_outils {
list-style-type:none;
color:#fff;
margin:0 0 -11px 0;
padding:0;
font-size:12px;
overflow: hidden;
}
#BO_ss_top_outils .menu_second {
float: left;
margin:0 6px 0 0;
padding:8px 12px 20px 12px;
color: #000;
border-radius: 6px;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
background: url('../skins/bo_img/ss_menu_onglet.png') repeat-x top left;
}
#BO_ss_top_outils .menu_second.selected {
background: #fff;
font-weight: bold;
}
.menu_second a {text-decoration: none; color: #000;}

/* -------------- OUTILS DROITE-------------------- */
#outils {
	font-size: 12px;
	text-align:left;
	float:right;
	margin:0;
	padding: 0;
	list-style-type:none;
}

#outils li {
	float:left;
}
#outils .menu_second{
margin:10px 0;
padding:4px 8px;
}

#outils .menu_second a{
    color:white;
}

/* -------------------------------- BOUTONS -------------------------------- */
.btn_shadow {
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
padding: 10px;
margin: 2px 2px 2px 15px;
height: 15px;
display: block;
background: #fff;
}
.btn_shadow a {
color: #5d5d5d !important;
text-decoration: underline !important;
padding-left: 25px;
padding-bottom: 5px;
font-weight: normal !important;
}
.ajout a {
background: url('../skins/bo_img/add.gif') no-repeat center left;
}
.ajoutchamp a {
background: url('../skins/bo_img/layout_edit.png') no-repeat center left;
}
.confirm a {
background: url('../skins/bo_img/check.png') no-repeat center left;
}
.download a {
background: url('../skins/bo_img/download.png') no-repeat center left;
}
.imprimer a {
background: url('../skins/bo_img/printer.png') no-repeat center left;
}
.delete a {
background: url('../skins/bo_img/delete.png') no-repeat top left;
}
.grille a {
background: url('../skins/bo_img/table.png') no-repeat top left;
}
.back a {
background: url('../skins/bo_img/back.png') no-repeat top left;
}
.lock a {
background: url('../skins/bo_img/lock.png') no-repeat top left;
}
.transfer a {
background: url('../skins/bo_img/transfer.png') no-repeat top left;
}
.forward a {
background: url('../skins/bo_img/forward.png') no-repeat top left;
}
.medias a {
background: url('../skins/bo_icones/lib/application_view_gallery.png') no-repeat top left;
}
.pages a {
    background: url("../skins/bo_icones/lib/application_side_list.png") no-repeat scroll left top transparent;
}
.edition a {
    background: url("../skins/bo_icones/lib/application_edit.png") no-repeat scroll left top transparent;
}
.edition_group a {
    background: url("../skins/bo_icones/lib/group_edit.png") no-repeat scroll left top transparent;
}
.group a {
    background: url("../skins/bo_icones/lib/group.png") no-repeat scroll left top transparent;
}
.referencement a {
    background: url("../skins/bo_icones/lib/world_edit.png") no-repeat scroll left top transparent;
}
.map a {
    background: url("../skins/bo_icones/lib/map_edit.png") no-repeat scroll left top transparent;
}
.refresh a {
    background: url("../skins/bo_icones/lib/arrow_refresh.png") no-repeat scroll left top transparent;
}
.euro a {
    background: url("../skins/bo_icones/lib/money_euro.png") no-repeat scroll left top transparent;
}



.btn_supprimer {
width: 16px; height: 16px;
display: block; float: none !important;
background: url('../skins/bo_img/delete.png') no-repeat top left;
}
.btn_valider {
width: 16px; height: 16px;
display: block; float: none !important;
background: url('../skins/bo_img/check.png') no-repeat top left;
}

.email {
float: right !important;
height: 26px; width: 34px;
background: url('../skins/bo_img/enveloppe.png') no-repeat top left;
}
.email2 {
width: 24px; height: 23px;
float: right !important;
background: url('../skins/bo_img/email.png') no-repeat top left;
}
.siteweb {
width: 24px; height: 23px;
float: right !important;
background: url('../skins/bo_img/siteweb.png') no-repeat top left;
}
.email:hover, .email2:hover, .siteweb:hover {
background-position: bottom left;
}
.btn_editer {
font-weight: normal;
text-decoration: underline;
padding-right: 22px;
color: #fff;
background: url('../skins/bo_img/editer.png') no-repeat center right;
}


.thumb_crea { width: 117px; height: 113px; border: 2px solid #474747; margin-bottom: 12px;}
.delete_photo { margin: 93px 0 0 100px; height: 33px; width: 33px; background: url('../skins/bo_img/delete_photo.png') no-repeat bottom right; display: block;}



.titre-general {
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

.texte-general {
	font-size:12px;
	font-weight:normal;
	text-align:left;
}

.texte-general-warning{
	font-size:12px;
	font-weight:bold;
	text-align:left;
    color:#CC0000;
}


a.date-picker-control
{
    float:none !important;
}


/* -------------------- LES TABLEAUX --------------------- */
#main {
  vertical-align: top;
  width:1207px;
}
#main th {
background: #0387be;
color: #fff;
padding: 5px 15px;
}
#main table td {
background: #f1f4f5;
}
#main td a {
font-weight: bold;
float: left;
color: #0387be;
}


/* ------------------------ LES TITRES ---------------------- */
#top_outils h3, #main h3 {
color: #0387be;
text-align: left;
margin: 0;
font-size: 18px;
}
#top_outils h3 {padding-top: 10px;}

/*------------------------------------*/
.picto { padding-right: 3px;  }

/*---------------- CONFIG BOUTONS --------------------*/
.boutons {
	font-size: 12px;
	color:#000000;
	margin:0; padding:0;
	border: solid #8d8d8d;
	border-width: 1px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 3px;
	padding-left: 3px;
}

.boutons a  { text-decoration:none;  color:#000000;  }

.boutons input  {
	border:none;
	background: transparent;
	cursor:pointer;
}

/*---------------- CONFIG TABLEAUX --------------------*/
.tableBase { border: none; } /* options du taleau  */


.tableBase th a {
	font-weight: normal;
	color:#FFFFFF;
}

.tableBase td .top {
	vertical-align: top;
	text-align: left;
}

.tableBase .tableHeader { height:10px; }

.tableBase td {  /* colonnes du taleau  */
	font-size: 12px;
	color:#000000;
	text-align:justify;
	vertical-align:middle;
}

.tableBase td span { /* span dans les colonnes du tableau  */
	padding-left: 15px;
}

.tableBase .editor td span {
	padding-left: 0px;
	vertical-align: top;
}

/*---------------- GESTIONNAIRE PAGES ET RUBRIQUES ----------*/
#tree-div span {
	 font-size:12px;
}


/*----Infobulle sur les t�ches----*/
#overDiv {
	text-align: center;
	padding: 1px;
}


/* ---------------- Liste Autocomplete --------------------  */

div.autocomplete {
  position: absolute;
  width: 345px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}

div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 20em;
  overflow: auto;
}

div.autocomplete ul li.selected {
    background-color: #ffba08;
}

div.autocomplete ul li {
  list-style-type:none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}

.btnEnregistrer{ float:right;}

.titreLivraison{ font-size:13px; color:#0387BE; background-color:#FFF; padding:10px; border:1px #CCC solid;}

#fil_arbo{ float:left; list-style-type:none; padding:0 0 0 0;}
#fil_arbo li{ float:left;}
#fil_arbo a{ text-decoration:none; color:#09F;}

#Config2, #Config3{
	width:30px;
	background-image:none !important;
}
#form_prix{ padding-bottom:15px;}
#form_prix input{
	border:1px solid #CCC;
	text-align:center;
}

.demandeAnnulation td{
	background-color:#FF6600 !important;
}

.colorWhite{ color:#FFF;}
.visu_produit{ color:#333; text-align:center; display:block; width:80px;}

#DefinirAutorisation{
    float:left;
    margin:15px 0 0 0;
}

/** FEEDBACK **/

.InfoUser{ background-color:#0C3; color:#FFF; font-weight:bold; text-align:center; padding:10px;}
.InfoUserko{ background-color:#F60; color:#FFF; font-weight:bold; text-align:center; padding:10px;}

#feedBack{
    width:100%;
    position: fixed;
    top: 0;
    text-align: center;
    padding: 10px;
    margin:0 0 10px 0;
    font-weight: bold;
}
.feedBackNone{
    display: none;
}

#feedBack a{
    color:#FFF;
    font-weight: normal;
}
.Erreur{
    background-color: red;
    display: block;
}
.Attention{
    background-color: orange;
    display: block;
}
.Validation{
    background-color: green;
    color:#FFF;
    display: block;
}

.move{
    cursor: move;
}
.pointer{
    cursor: pointer;
}
.not-allowed{
    cursor: not-allowed;
}

pre {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px 4px 4px 4px;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 9.5px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}

.mpOublie {
    color: #7C7C7C;
    display: block;
    font-size: 10px;
    text-align: center;
}

.moduleAdmin{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    height: 15px;
    float: left;
    margin: 3px 10px 0 0;
    padding: 10px;
    background-color: #464646;
    color: #FFF;
    text-decoration: none;
    border: solid 1px #FFF;
}
.moduleAdmin:hover{
    color:#000;
    background-color: #ffcf03;
}
.moduleAdminSelected{
    color:#000;
    background-color: #ffcf03;
}
#imgsouscategs{
    color: red;
}