body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #fff;
}

body,html {
	height: 100%;
	margin: 0;
	padding: 0;
}

html {
	overflow: visible;
}

body {
	overflow: hidden;
}

#container {
	height: 100% !important
}

h1 {
	font-size: 20px;
	font-weight: normal;
}

h2 {
	font-size: 13px;
	border-bottom: 0px solid #999;
	background-color: #E6E8F0;
	color: #666;
	padding: 0 10px
}

a {
	color: #00AAFA;
	text-decoration: none
}

img {
	border: 0
}

hr {
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 0
}

#menu {
	float: left;
	width: 220px
}

.logo_nukium {
	clear: both;
	display: block;
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 220px;
}

#colBody {
	background-color: #fff;
	padding-right: 10px;
	padding-top: 10px;
	height: 100%
}

form {
	margin: 0;
	padding: 0;
	height: 100%
}

.height_auto {
	height: auto;
}

.home #content {
	overflow: auto;
	width: 100%;
	height: 97%;
}

#content {
	overflow: auto;
	width: 100%;
	height: 70%;
}

#contentList {
	width: 100%;
	height: 70%;
	overflow: scroll
}

#contentFixe {
	overflow: hidden;
	width: 100%;
	height: 70%;
}

#contentFixe div {
	overflow: hidden;
	height: 100%
}

#contentFixe .mceEditor div {
	height: auto;
}

#FCKeditor1___Frame {
	height: 100% !important;
	border: 1px solid #ccc;
}

#eEditorArea {
	display: none !important
}

#fichePdt {
	height: 70%;
}

#fichePdt  #content {
	height: 100%
}

#fichePdt  #contentList {
	height: 100%
}

#fichePdt  #contentFixe {
	height: 100%
}

td {
	vertical-align: top
}

.champtxtlistpays {
	width: 300px
}

select,input,textarea {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #ccc !important;
}

.blocImg {
	background-color: #ccc;
	width: auto;
	padding: 2px;
	display: table
}

.blocImg span {
	margin: 0;
	padding: 0;
}

.error {
	font-weight: bold;
	color: #b80000
}

.largeInput {
	width: 250px;
}

.big_input {
	width: 500px;
}

.smallInput {
	width: 80px;
}

.largeTextarea {
	width: 254px;
	height: 40px;
}

fieldset {
	margin: 20px 10px;
	border: 1px solid #E6E8F0;
}

legend {
	border: 1px solid #CCC;
	background-color: #E6E8F0;
	padding: 3px 8px;
	color: #666;
	font-weight: bold;
	font-size: 11px;
}

.hidden {
    display: none;
    visibility: hidden;
}

.visible {
    display: block;
    visibility: visible;
}

/****************************************************************************
								LOGIN
****************************************************************************/
/*.login {
	background: url(../images2/bgrd_rp_login.png) repeat-y center
}

#login {
	width: 240px;
	height: 400px;
	padding-top: 170px;
	margin: auto;
	position: absolute;
	left: 50%;
	margin: 50px 0 0 -120px;
	background: url(../images2/access_clients.png) no-repeat center top
}

#login .error {
	padding: 10px;
	color: #b80000;
	text-align: center
}

#login h1 {
	color: #00AAFA;
	margin: 10px
}

#login span {
	display: block;
	color: #fff;
	width: 240px;
	height: 36px;
	background-image: url(../images2/bgrd_login.png);
}

#login label {
	float: left;
	width: 80px;
	height: 16px;
	line-height: 16px;
	text-align: right;
	margin: 10px 0 10px 10px;
}

#login_name_access {
	margin: 10px;
	width: 110px;
	border: 0;
	padding: 2px 5px 0 5px;
	background: none;
}

#pass_access {
	margin: 10px;
	width: 85px;
	border: 0;
	padding: 2px 5px 0 5px;
	background: none;
}

#login span input {
    vertical-align: middle
}*/

body.login {
    background: #f1f1f1 none repeat scroll 0 0;
    color: #666;
}

img.login-img {
    margin-bottom: 40px;
}

.login-container.login {
    max-width: 350px;
    padding: 40px;
}

div.login {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    margin: 50px auto 25px;
}

body.login div#footer {
    border-top: 1px solid #ececec;
    margin-top: 15px;
    padding-top: 15px;
    clear: both;
}

body.login div#footer ul {
    margin: 0 auto;
    text-align: center;
    list-style-type: none;
    padding: 5px 0;
}

body.login div#footer ul li {  
    padding-bottom: 12px;
}

body.login div#footer img {
    opacity: 0.5;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

body.login div#footer img:hover {
    opacity: 1;
}

body.login div#footer ul.social li {
    display: inline;
}

body.login div#footer ul.social li:not(.first) {
    margin-left: 8px;
}

.form-signin #login_name_access, .form-signin #pass_access {
    direction: ltr;
    font-size: 16px;
    height: 44px;
}

.form-signin input[type="email"], .form-signin input[type="password"], .form-signin input[type="text"], .form-signin button {
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.btn.btn-signin {
    /*background-color: #78a115;*/
    border: medium none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    padding: 0;
    transition: all 0.218s ease 0s;
}

/****************************************************************************
								HEADER
****************************************************************************/
#navTop {
	height: 20px;
	background: #0096FA;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 1px solid #0064C8
}

#navTop li {
	float: left;
	margin: 0;
	padding: 0;
	width: 73px
}

#navTop li a {
	float: left;
	display: block;
	margin: 0;
	padding: 4px 0px;
	width: 73px;
	text-align: center;
	color: #fff
}

#navTop li a:hover {
	background-color: #0064C8;
	color: #fff
}

#navTop strong {
	display: inline !important
}

#utilisateur {
	height: 13px;
	color: #333;
	margin: 0;
	padding: 10px 15px
}

/****************************************************************************
								INDEX
****************************************************************************/
.blocIndex {
	float: left;
	width: 45%;
	margin-right: 2%;
	padding: 0 10px;
	border: 1px solid #0096FA
}

.blocIndex h2 {
	color: #0096FA
}

.blocIndex h2 span {
	display: inline !important
}

.blocIndex strong {
	text-align: left !important
}

.blocIndex p {
	background-color: #eee;
	padding: 5px
}

/****************************************************************************
								MARGE
****************************************************************************/
#marge {
	float: left;
	width: 15px;
	/*height: 100%;*/
}

#marge a {
	display: block;
	height: 100px;
	margin: 100px 0 0 0;
	background-position: center;
	background-repeat: no-repeat;
	cursor: default;
}

#marge a:hover {
	
}

body.hideMenu {
	background: #fff;
}

body.hideMenu #container #menu {
	display: none
}

body.hideMenu #container #marge {
	margin-left: 0px;
	border-left: 5px solid #BDBDC8
}

body.hideMenu #container #marge a {
	background-image: url(../images2/arrow_showmenu.png)
}

body.hideMenu #container #marge a:hover {
	background-image: url(../images2/arrow_showmenu_over.png)
}

body.hideMenu #container #colBody {
	margin-left: 20px
}

body.showMenu {
	background: url(../images2/bgrd_body_showmenu.png) repeat-y #fff;
}

body.showMenu #container #menu {
	display: block
}

body.showMenu #container #marge {
	margin-left: -15px
}

body.showMenu #container #marge a {
	background-image: url(../images2/arrow_hidemenu.png)
}

body.showMenu #container #marge a:hover {
	background-image: url(../images2/arrow_hidemenu_over.png)
}

body.showMenu #container #colBody {
	margin-left: 240px
}

* html body.showMenu #container #colBody {
	margin-left: 20px
}

/****************************************************************************
								ONGLET
****************************************************************************/
#onglet {
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 35px;
	background: url(../images2/bgrd_onglet.png) repeat-x;
}

#onglet ul {
	margin: 0;
	padding: 0;
	height: 28px;
	overflow: hidden
}

#onglet li {
	display: block;
	float: left;
	height: 28px;
	margin: 0 0 0 -1px;
	padding: 0;
	border-width: 0 1px;
	border-style: solid;
	border-color: #fff
}

/*#onglet a { display:block; text-decoration:none; padding:6px 4px; border:0px solid #f00; letter-spacing:0px}*/
#onglet a {
	display: block;
	text-decoration: none;
	padding: 6px 1px;
	border: 0px solid #f00;
}

#onglet a:link {
	color: #646478;
}

#onglet a:visited {
	color: #646478;
}

#onglet a:hover {
	color: #3C3C50;
	background: url(../images2/bgrd_onglet_over.png) repeat-x;
}

#onglet .link {
	display: block;
	background: url(../images2/bgrd_onglet_link.png) no-repeat center top
		#fff;
	color: #0096FA;
	font-weight: bold;
	padding: 6px 10px
}

#onglet hr {
	display: none
}

#onglet2 {
	display: none;
	height: 70% !important
}

/****************************************************************************
								BODY
****************************************************************************/
#searchBar {
	background: url(../images2/bgrd_thead.png) repeat-x top;
	overflow: hidden;
	height:auto;
}

#searchBar p {
	margin: 0;
	padding: 7px 0;
	clear:both;
	height: 22px;
}

#searchBar span {
	display: block;
	float: left;
	width: 300px;
}

#searchBar p#search_advanced {
	background-color:#DBDBE3;
	width:100%;
	padding:0 0 7px 0;
}

#searchBar p#search_advanced span{
	padding:5px 0;
}

#searchBar p#search_advanced span.search_nospace{
	padding:5px;
	width:auto;
}

#searchBar p#search_advanced select {
	width:auto;
}

#searchBar span#deplier {
	display: block;
	float: left;
	width: 35px;
	text-align:center;
}

#searchBar span#deplier a img {
	vertical-align:top;
}

#searchBar span span {
	width: 220px;
	background-color: #fff;
	height: auto
}

#searchBar label {
	font-weight: bold;
	float: left;
	padding: 0 5px;
	line-height: 17px
}

#searchBar input,#searchBar img {
	vertical-align: middle
}

#searchBar input#search_word {
	width: 180px;
	color: #999;
	padding: 0;
	/* background-image:url(../images2/bgrd_icone_search.png); background-repeat:no-repeat; */
	height: 18px;
	padding: 2px 5px;
	background: none;
	border: 0
}

#searchBar select {
	width: 80%;
	border: 1px solid #E1E1EB;
	height: 18px;
}

#searchBar select option {
	border-width: 0;
	font-weight: normal;
	background-color: #fff
}

#searchBar .filtre select,#searchBar .filtre span {
	background-color: #F0CCCC;
	color: #B40000;
	border: 1px solid #B40000
}

#searchBar .nofiltre select,#searchBar .nofiltre span {
	background-color: #fff;
	color: #000;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #E1E1EB;
}

#content span, #content div.spanLabel {
	display: block;
	margin: 2px;
	width: 90%;
	clear:both;
}

#content span span {
	display: block;
	margin-left: 230px;
	width: 300px;
}

#content p span span#logo_container {
	display: inline-block;
	margin: 0px;
	width: 300px;
}

#content span#entityChoiceName {
	clear: none;
	display: inline;
	width: auto;
}
#content span#entityChoiceName em {
	display: none;
}

#content span#logo_container a {
	line-height : 20px;
	vertical-align: top;
}
#content span#logo_container a img {
	vertical-align: middle;
}

span.mceEditor {
	display: inline !important;
	margin: 0 !important;
	width: auto !important;	
}

.mceEditor span {
	margin: 0 !important;
	width: auto !important;	
} 

#content span span label {
	float: none;
	font-weight: normal;
}

#content span strong,#content span label, #content .spanLabel label {
	float: left;
	width: 220px;
	text-align: right;
	clear: both;
	font-weight: bold;
	padding-right: 10px;
	margin:2px 0;
}

#content span.texte {
	padding-left: 230px;
	width: auto
}

#content p.radio {
	
}

#content p.radio strong {
	display: block;
	width: 230px;
	text-align: right;
	margin-bottom: -15px
}

#content p.radio input {
	margin: 0 0 0 230px
}

#content p.radio span {
	
}

#content p.radio span label {
	font-weight: normal;
	float: none;
	display: inline;
	margin-left: 5px;
	text-align: left;
	width: auto
}

#content p.multiLabel {
	padding-bottom: 10px;
}

#content p.multiLabel strong {
	display: block;
	width: 220px;
	text-align: right;
}

#content p.multiLabel span {
	float: left;
	width: auto;
	clear: both;
	margin: 0 0 0 230px !important;
	border: 1px solid #f00
}

#content table tr td form { height: auto; }

.commande p span strong,.commande p span label {
	width: 160px !important;
	clear: both !important
}

.commande p {
	border: 1px solid #999;
	margin: 1%;
	padding: 10px
}

.commande p span {
	margin: 0 !important;
}

.commande span.texte {
	padding-left: 170px !important;
}

.commande table.caddie {
	margin: 1% !important;
	width: 96% !important;
	border: 1px solid #999;
	border-collapse: separate !important
}

.commande table.caddie thead th {
	border-bottom: 4px solid #000;
	color: #000;
}

.commande table.caddie tbody td {
	border-bottom: 1px solid #ccc;
	color: #999;
}
.commande table.caddie tbody tr.commande_shipping {
	font-weight: bold;
}
.alignRight {
	text-align: right;
}

.alignLeft {
	text-align: left;
}

.commande .totalTxt {
	text-align: right;
	font-weight: bold;
	color: #000
}

.commande .total {
	text-align: right;
	font-weight: bold;
	color: #666
}

.listContent {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	color: #000;
}

.listContent1 {
	background-color: #0096FA;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}

.listContent2 {
	background-color: #7FCAFC;
	color: #0064C8;
}

.listContent3 {
	background-color: #BFE5FE;
	color: #0064C8;
}

.listContent4 {
	background-color: #E5F4FE;
	color: #0064C8;
}

/****************************************************************************
								PRINT
****************************************************************************/
body.print {
        overflow:visible !important;
        height:auto !important;
}

#colBody.print {
	margin: 10px;
	overflow: visible !important
}

#colBody.print #content {
	overflow: visible;
}

#colBody.print tbody table {
	border-color: #000
}

#colBody.print tbody td {
	color: #666
}

/****************************************************************************
								TABLEAU DE RESULTAT
****************************************************************************/
.tableList tr {
	border-bottom: 1px solid #ccc
}

.tableList td input {
	text-align: right;
	width: 60px
}

#colBody table {
	font-size: 10px;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
}

#colBody .mceEditor table table {
	width: auto;
}

#colBody table th {
	text-align: left;
	height: 25px;
	padding: 0;
	cursor: default
}

#colBody table td {
	font-size: 10px;
	height: 21px;
	padding: 0 2px;
	margin: 0;
	cursor: default
}

#colBody .defaultSkin table.mceToolbar {
    margin-left: 3px;
}

.mceStatusbar span {
    display: inline !important;
}

#colBody .mceEditor table td {
	padding: 0;
}

#form_tax  #contentlist {
	height: 70% !important;
	overflow: scroll !important;
}

#contentList thead tr {
	background: url(../images2/bgrd_thead.png) repeat-x bottom
}

#contentList thead th {
	border-bottom: 5px solid #fff;
	height: 20px;
	padding: 1px 0 1px 2px;
}

#contentList th a {
	color: #000;
	cursor: default;
	background: url(../images/arrow_down.png) no-repeat center left;
	padding: 0 0 0 13px;
	display: block;
	text-decoration: none
}

#contentList th a.parent {
	padding-left: 0;
}

#contentList th a:hover {
	color: #000;
	background: url(../images/arrow_down_over.png) no-repeat center left;
}

#contentList .thead th {
	font-size: 13px;
}

#contentList table .right {
	text-align: right
}

#contentList td span {
	padding: 4px 11px;
	display: block;
	color: #bbb
}

#contentList td {
	
}

.fixeCell {
	width: 20px
}

.handle {
	cursor: move !important;
	width: 20px;
	background-image: url(../images/handle.png);
	background-repeat: no-repeat;
	padding: 2px
}

.nowrap {
	white-space: nowrap
}

.order {
	text-align: right
}

.option .line1 {
	font-weight: bold
}

a.parent {
	background: none !important;
}

a.parent:hover {
	color: #000 !important;
	cursor: pointer !important
}

.line1 {
	background-color: #f5f5f5;
}

.line2 {
	background-color: #fff;
}

tr.line1:hover,tr.line2:hover {
	background-color: #C5ECFF !important;
	color: #008EFF
}

.line1 td,.line2 td {
	border-bottom: 1px solid #eee
}

.tab_stats_globals .line1 td,.line2 td {
	border-bottom: none;
}

tr.lineSelected td {
	background-color: #C5ECFF;
}

tr.lineHidden {
	background-color: #F0CCCC;
	color: #D97F7F
}

tr.lineHidden:hover {
	background-color: #E8B2B2 !important;
	color: #CA4C4C
}

.line1 .inputOff {
	background-color: #F5F5FA !important;
	border: 1px solid #F5F5FA;
}

.line2 .inputOff {
	background-color: #fff !important;
	border: 1px solid #fff;
}

#contentList tbody tr.line2:hover .inputOff,#contentList tbody tr.line1:hover .inputOff
	{
	background-color: #C5ECFF !important;
	border-color: #E1F3FC;
	color: #008EFF
}

.input,.inputOff,.inputOn {
	border-width: 0;
	height: 14px;
	margin: 1px 0;
	padding: 1px 10px;
	width: 95%;
}

.line1 .inputOn,.line2 .inputOn {
	background-color: #CCEEFE !important;
	color: #00AAFA;
	border-width: 1px;
	border-style: solid;
	border-color: #00AAFA
}

.fixeCell.icone a {
	display: block;
	width: 18px;
	height: 18px;
	background-image: url(../images/icone_gen_bgrd.png);
	background-repeat: no-repeat
}

.fixeCell.icone a:hover {
	background-image: url(../images/icone_gen_bgrd_over.png)
}

/******************************************************************************************
									FICHE PRODUIT
******************************************************************************************/
#fichePdt {
	margin: 0;
	padding: 0;
}

/*
	le 10-11-2006 (Jérémie) : La largeur a été forcée à 94% pour régler le bug sous IE
	Valeur initiale : width:auto
	*/
#fichePdt #content {
	background-color: #E6E8F0;
	padding: 0 10px;
	margin: 0;
	width: 94%
}

#fichePdt #contentList {
	background-color: #ccc;
	padding: 0;
}

#fichePdt form {
	margin: 0;
	padding: 0
}

#fichePdt #contentList table {
	width: 100%;
}

#fichePdt #contentList td,#fichePdtList th {
	padding: 2px 10px
}

/*
	#fichePdt .tableListe { background-color:#BED2E6; width:100%; margin:0; padding:0}
	#fichePdt .tableListe tfoot td { padding:10px 5px }
	#fichePdt .tableListe td { padding:0 2px }
	#fichePdt .line1 { background-color:#D1DFED}
	#fichePdt .line2 { background-color:#DEE8F2}
*/
#fichePdt span {
	display: block;
	margin: 1px
}

#fichePdt label {
	float: left;
	width: 200px;
	text-align: right;
	font-weight: bold;
	padding-right: 5px
}

#fichePdt h2 {
	color: #fff
}

#fichePdt #content .bloc {
	margin-bottom: 10px;
	padding: 2px;
	width: 96%
}

#fichePdt #content .bloc p {
	padding: 0px
}

#fichePdt .doubleCol {
	float: left;
	width: 40%;
	margin: 2%;
	padding: 2%;
	border: 1px solid #F0E6E6
}

#fichePdt .doubleCol span {
	margin: 0;
	padding: 0
}

#fichePdt input {
	width: auto
}

.blocImgPdt {
	float: left;
	background-color: #fff;
	margin: 10px;
	border: 1px solid #8C8282;
	text-align: center;
	width: 100px;
	height: 100px;
}

.blocImgPdt h3 {
	background-color: #eee;
	margin: 0;
	padding: 0;
	display: block;
	height: 20px;
	clear: both
}

.blocImgPdt h3 span {
	float: left;
	clear: none;
}

.blocImgPdt h3 a {
	float: right;
	padding: 2px
}

.blocImgPdt h1 {
	
}

.blocImgPdt a {
	
}

/******************************************************************************************
						MOTEUR DE THEMES
******************************************************************************************/
#form_theme {
	height: auto
}

#themes h2 {
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #ccc;
	color: #fff;
	border: 1px solid #ccc;
	width: 200px
}

#themes table {
	margin: 30px 0;
}

#themes table ul {
	list-style-type: none;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
	height: 300px;
	width: 200px;
	overflow: auto
}

#themes table li {
	margin: 0;
	padding: 5px 15px;
	cursor: default;
	overflow: hidden;
	text-align: center;
	line-height: normal;
}

#themes table li:hover {
	background-color: #eee
}

#themes table li:hover span {
	background-color: #eee;
	border: 2px solid #eee
}

#themes table li img {
	padding: 1px
}

#themes table li span {
	display: block;
	margin: 0;
	padding: 0;
	width: 154px;
	overflow: hidden;
	border: 2px solid #fff
}

#themes table td {
	
}

#themes li.active span {
	border: 2px solid #000
}

#themes table li.active:hover span {
	border: 2px solid #000
}

#themes .selected {
	background-color: #eee
}

#themes #template {
	margin: 30px 0;
	padding: 10px;
	border: 1px solid #ccc;
}

/******************************************************************************************
									FOOTER
******************************************************************************************/
#footer {
	height: 120px;
}

#footer .path {
	color: #fff;
	margin: 5px 0;
	padding: 0 10px; /* height:20px; */
	line-height: 20px;
	background: url(../images/bgrd_path.png) repeat-x;
	font-size: 11px;
	letter-spacing: -1px;
	overflow: hidden;
}

#footer .path strong {
	
}

#footer .path a {
	letter-spacing: -1px;
	color: #DCF0FF;
	padding: 0;
	text-decoration: none;
	border-left: 0px solid #fff
}

#footer .path a:hover {
	color: #fff;
	text-decoration: underline
}

#footer .path select {
	font-size: 10px;
	margin: 1px 0
}

#footer .content {
	width: 350px;
	float: left;
	margin: 0;
}

#footer .content span {
	display: block;
	margin: 2px 0;
}

#footer .content span input {
	vertical-align: middle
}

#footer p select.champlistPdt {
	width: 200px
}

#footer .content label,#footer .content strong {
	float: left;
	width: 130px;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}

/******************************************************************************************
									BTN 2
******************************************************************************************/
#footer .btnArea2 {
	margin: 0;
	padding: 0;
	float: right;
	list-style-type: none
}

#footer form {
	height: auto;
	margin: 0;
	padding: 0;
	width: 500px;
	float: left
}

body.showMenu #footer div {
	height: auto;
	margin: 0;
	padding: 0;
	width: 400px;
}

.btnArea2 li {
	margin: 0 2px;
	padding: 0;
	float: left;
}

.btnArea2 #register_ajax_success {
	background-color:#fff;
	margin: 15px 30px 0 0;
	height: 30px;
	padding:5px;
	overflow:hidden;
}

.btnArea2 li#register_ajax_success span {
	display:block;
	/*letter-spacing: -1px;*/
	line-height: 10px;
	text-align: center;
	color: #009900;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	font-size:12px;
	font-weight:bold;
}
/* .btnArea2 li:hover { background:url(../images/btn_bgrd_over.png) no-repeat; } */
.btnArea2 .btn {
	display: block;
	width: 55px;
	height: 18px;
	letter-spacing: -1px;
	line-height: 10px;
	text-align: center;
	color: #666;
	text-decoration: none;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 5px 0 0 0;
	padding: 32px 0 0 0;
}

.btnArea2 .btn:hover {
	color: #000;
	background-position: center top
}

.btnArea2 .btn:focus {
	color: #000
}

.btnArea2 .edit {
	background-image: url(../images/btn_edit.png)
}

.btnArea2 .add {
	background-image: url(../images/btn_add.png)
}

.btnArea2 .save {
	background-image: url(../images/btn_save.png)
}

.btnArea2 .delete {
	background-image: url(../images/btn_delete.png)
}

.btnArea2 .export {
	background-image: url(../images/btn_export.png)
}

.btnArea2 .import {
	background-image: url(../images/btn_import.png)
}

.btnArea2 .hide {
	background-image: url(../images/btn_hide.png)
}

.btnArea2 .close {
	background-image: url(../images/btn_close.png)
}

.btnArea2 .cancel {
	background-image: url(../images/btn_cancel.png)
}

.btnArea2 .next {
	background-image: url(../images/btn_next.png)
}

.btnArea2 .next_disabled,.btnArea2 .next_disabled:hover {
	background-image: url(../images/btn_next_disabled.png);
	color:#999;
}

.btnArea2 .previous {
	background-image: url(../images/btn_previous.png)
}

.btnArea2 .move {
	background-image: url(../images/btn_move.png)
}

.btnArea2 .copy {
	background-image: url(../images/btn_copy.png)
}

.btnArea2 .link {
	background-image: url(../images/btn_link.png)
}

.btnArea2 .back {
	background-image: url(../images/btn_back.png)
}

.btnArea2 .back_disabled,.btnArea2 .back_disabled:hover {
	background-image: url(../images/btn_back_disabled.png);
	color:#999;
}

.btnArea2 .send {
	background-image: url(../images/btn_send.png)
}

.btnArea2 .search {
	background-image: url(../images/btn_search.png)
}

.btnArea2 .help {
	background-image: url(../images/btn_help.png)
}

.btnArea2 .print {
	background-image: url(../images/btn_print.png)
}

.btnArea2 .pdf {
	background-image: url(../images/btn_pdf.png)
}

.btnArea2 .etiquette {
	background-image: url(../images/btn_etiquette_colissimo.png)
}

.btnArea2 .etiquette_so_colissimo {
	background-image: url(../images/btn_etiquette_so_colissimo.png)
}

.btnArea2 .scan {
	background-image: url(../images/btn_scan.png)
}

.btnArea2 .preview {
	background-image: url(../images/btn_export.png)
}

.btnArea2 .google_maps {
	background-image: url(../images/btn_google_maps.png)
}

.btnArea2 input.btn {
	border-width: 0;
	cursor: pointer;
	width: auto;
	height: 50px;
	margin: 5px 0 0 0;
	padding: 21px 0 0 0;
	background-color: #fff
}

#footer p.btnArea2 {
	float: right;
	padding: 10px 0 0 0
}

.btn2 {
	display: block;
	float: left;
	width: 70px;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	color: #999;
	text-decoration: none;
	margin: 0 10px
}

.btn2:hover {
	color: #000
}

.selected {
	background-color: #B8E8FF;
	color: #0078C8;
}

.selected td {
	font-size: 14px !important;
}

.unselected {
	color: #666;
}

.unselected td {
	color: #666;
}

/******************************************************************************************
									MAX MODULE IMPORT
******************************************************************************************/
.hide_option {
	display: none;
}

#log {
	border: solid 1px #ccc
}

#loading {
	position: absolute;
	display: none;
	background-color: lightgray;
	width: 500px;
	margin: auto;
	text-align: center;
	border: solid 1px #999;
	padding: 20px;
}

/******************************************************************************************
									MAX MODULE EXPORT
********************************************************************************************/
#etape3 {
	display: none;
}

/**************************************************************************
*Edition des commandes ==> ajout d'un nouvo produit
***************************************************************************/
#new_product_commande {
	
}

#new_product_ref,#new_products_quantity,#new_products_price,#new_products_tax
	{
	width: 60px;
}

#choix_ref {
	display: none;
	width: 60px;
	position: absolute;
}

#choix_name {
	display: none;
	width: 100px;
	/* position: absolute; */
}

#shipping {
	width: 50px;
}

/****************************************************************************************************
									STATISTIQUES
****************************************************************************************************/
.graph {
	vertical-align: baseline;
}

#colBody .tab_stats_globals {
	line-height: 21px;
	border-collapse: separate !important;
	border: solid 1px #EEE;	
	text-align: right;
	margin-bottom: 15px;
}

#colBody .tab_stats_globals caption {
	font-size: 1.2em;	
}

#colBody .tab_stats_globals thead th {
	background-color: #DDD;
	color: #FFF;
	text-align: center;
}

#colBody .tab_stats_globals tfoot th {
	font-weight: bold;
	text-align: right;
}
/****************************************************************************************************
									STATISTIQUES FIN
****************************************************************************************************/
#ajax_tooltipObj {
	z-index: 1000000;
	text-align: left;
}

#ajax_tooltipObj div {
	position: relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */
#ajax_tooltipObj .ajax_tooltip_arrow {
	/* Left div for the small arrow */
	background-image: url('../images/arrow.gif');
	width: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 1000005;
	height: 60px;
}

#ajax_tooltipObj .ajax_tooltip_content {
	border: 2px solid #317082; /* Border width */
	left: 18px; /* Same as border thickness */
	top: 0px;
	position: absolute;
	width: 300px; /* Width of tooltip content */
	height: 200px; /* Height of tooltip content */
	background-color: #FFF; /* Background color */
	padding: 5px; /* Space between border and content */
	font-size: 0.8em; /* Font size of content */
	overflow: auto; /* Hide overflow content */
	z-index: 1000001;
}

.cat_pdt_present {
	font-weight: bold;
}

.cursormove{
	cursor:move !important;
}
.tinyMCEAfterLabel {
	margin-left: 234px;
	width: 480px;	
}

.google_maps {
	width : 500px;
	height: 300px;
}

/* Menu enrichi */
#brands_menu {
	color: #666;
	margin-right: 584px;
}

#brands_menu div {
	margin: 5px 0;
}

#brands_categories {
	background-color: #EEE;
	border: solid 1px #DDD;
	padding: 10px;
}

#brands_categories label {
	display: block;
	font-weight: bold;
	padding-bottom: 6px;
}

#brands_categories select {
	padding: 2px;
}

#brands_categories .btn {
	background-color: #78b432;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #50821E;
	color: #FFF;
	font-weight: bold;
	margin-left: 5px;
	padding: 2px 4px;
}

#brands_categories .btn:hover {
	background-color: #649628;
	cursor: pointer;
}

#brands_highlight {
	padding: 11px;
}

#brands_highlight ul {
	list-style: none;
	padding-left: 0;
}

#brands_highlight ul li {
	background-color: #EEE;
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 0 5px 5px 0;
	padding: 0 4px;
	width: auto;
}

#brands_highlight ul li:hover {
	background-color: #FAF0BE;	
}

#brands_highlight ul li a.delete {
	background: url(../images/btn_ico_disable.png) no-repeat 0 0;
	display: block;
	float: right;
	height: 16px;
	margin: 2px 0 2px 5px;
	width: 16px
}

#brands_highlight ul li a.delete:hover {
	background-position: 0 -16px;
}

#text_rich_menu_container {
	float: right;
	width: 564px;
}

#content span span.tiny_info {
	background-color: #EEE;
	border: 1px solid #DDD;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	line-height: 17px;
	margin: 10px 10px 0;
	padding: 10px;
	width: 180px;
}

#content span span.tiny_info strong {
	float: none;
	margin: 0;
	padding: 0;
}

.delete_amount_option img {
	margin-bottom: 1px;
	vertical-align: bottom;
}

/* jQuery UI Autocomplete */
.ui-autocomplete-category {
    border-top: 1px solid #EBEBEB;
    color: #999;
    float: left;
    font-weight: bold;
    line-height: 1.5;
    margin: 0.8em 0 0.2em;
    padding: 0.2em 2%;
    text-align: right;
    width: 96%;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 300px;
}