body {
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	margin:0;
	background-color:#3b3b3d;
	color:#fff;
}

/* ------------------------------- default */

form {
	margin:0;
}
fieldset {
	border:none;
	padding:0;
}
img {
	border:none;
}
label {
	padding-bottom:5px;
}
input {
	background-color:#3b3b3d;
	color:#fff;
	border:1px solid #556;
	width:200px;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
}
input.check {
	width:16px;
	border:0;
	margin-right:5px;
}
input.radio {
	width:16px;
	border:0;
	margin-left:10px;
	margin-right:5px;
}
input.zip {
	width:50px;
}
input.int {
	text-align:right;
	width:100px;
}
input.float {
	text-align:right;
	width:100px;
}
input.createButton {
	width:50px;
}
input.editButton {
	width:50px;
}
input.saveButton {
	width:50px;
}
input.deleteButton {
	width:50px;
}
input.newButton {
	width:50px;
}
input.clearButton {
	width:50px;
}
select {
	background-color:#3b3b3d;
	color:#fff;
	border:1px solid #556;
//	font-size:12px;
	width:200px;
}
textarea {
	background-color:#3b3b3d;
	color:#fff;
	border:1px solid #556;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	width:200px;
	height:48px;
	overflow:auto;
}

td {
	vertical-align:top;
}

td.label {
	text-align:right;
	width:150px;
	font-weight:bold;
	white-space:nowrap;
	padding:4px;
}

td.labelComp {
	text-align:right;
	width:150px;
	font-weight:bold;
	white-space:nowrap;
	color:#99999b;
	padding:1px 4px;
}

td.label-opt {
	text-align:right;
	width:150px;
	font-weight:bold;
	white-space:nowrap;
	color:#99999b;
	padding:4px;
}

td.header {
	text-align:center;
	font-weight:bold;
}

a {
	text-decoration:none;
	color:#fff;
}

a:hover {
	color:#cf0;
}

a.button {
	color:#aaf;
	font-weight:bold;
	white-space:nowrap;
	background: url(../ima/rect-g.png) no-repeat 2px;
	padding-left: 25px;
}

a.button img {
	margin-right:5px;
}

a.link {
	color:#fff;
	font-weight:bold;
	white-space:nowrap;
	background: url(../ima/rect-g.png) no-repeat 2px;
	padding-left: 25px !important;
}

a.link img {
	margin-right:5px;
}

a.selected {
	color:#cf0;
	font-weight:bold;
	white-space:nowrap;
	background: url(../ima/v.png) no-repeat 2px;
	padding-left: 25px;
}

span.left {
	float:left;
}

span.right {
	float:right;
}
span.head {
	color:#cf0;
	font-weight:bold;
	padding-left:20px;
}
span.note {
	font-size:11px;
	color:#99999b;
}

p.error {
	font-size:9px;
	color:#556;
	padding-top:30px;
}
p.errorOnly {
	font-size:9px;
	color:#556;
}

/* ------------------------------- edito */
div.edito {
	position:absolute;
	top:45%;
	left:40%;
	border-left:1px solid #cf0;
	padding-left:2px;
}

div.edito-content {
	font-size:13px;
	padding-left:5px;
	text-align:justify;
	padding:30px 50px 20px 10px;
	border-left:5px solid #cf0;
}


/* ------------------------------- pub */
div#pub {
	position:absolute;
	right:250px;
	bottom:30px;
}

div.pub-layout {
	position:absolute;
	top:400px;
	left:300px;
	padding-bottom:50px;
	margin-right:200px;
	text-align:justify;
}



/* ------------------------------- 404 */

div.notfound-layout {
	width:100%;
	padding-top:150px;
	text-align:center;
}

/* ------------------------------- green */

div.green-layout {
	position:absolute;
	top:150px;
	left:400px;
	padding-bottom:50px;
}

div.green-layout a:hover {
	color:#cf0;
}

tr.selected {
	color:#ccff00;
}

/* ------------------------------- orange */

p.message {
	color:#f60;
	font-weight:bold;
	font-size:12px;
}

div.orange-layout {
	position:absolute;
	top:150px;
	left:400px;
	padding-bottom:50px;
}

div.orange-layout a:hover {
	color:#f60;
}


/* ------------------------------- print */

div.print-layout {
	position:absolute;
	top:100px;
	left:50px;
	padding-bottom:50px;
}

/* ------------------------------- background */

div#logo {
	position:absolute;
	top:5px;
	left:15px;
}

div#bubbles {
	position:fixed;
	top:200px;
	width:100%;
	text-align:center;
}

div#cart-jet-laser {
	position:absolute;
	top:130px;
	left:130px;
}

div#brands {
	position:fixed;
	top:200px;
	width:100%;
	text-align:center;
}

div#shopping {
	position:fixed;
	bottom:20px;
	right:5px;
}

/* ------------------------------- session */

div#session {
	position:absolute;
	right:0px;
}

div.clientSession {
	position:absolute;
	right:0;
	top:5px;
	width:150px;
	border-left:1px solid #fff;
	border-bottom:5px solid #cf0;
	padding:0px 5px 2px;
}

div.closeSession {
	position:absolute;
	right:5px;
	top:30px;
	width:100px;
}

div.clientSessionAccount {
	position:absolute;
	right:0;
	top:85px;
	min-width:150px;
	border-left:1px solid #fff;
	border-bottom:5px solid #cf0;
	padding:0px 5px 2px;
	white-space:nowrap;
}

div.closeSessionAccount {
	position:absolute;
	right:5px;
	top:110px;
	width:100px;
}

div#session a:hover {
	color:#ccff00;
}

/* ------------------------------- account */

div.my-account-group {
	position:absolute;
	right:0;
	top:95px;
}

div.my-account-group-active {
	position:absolute;
	right:0;
	top:20px;
}

div.account-line {
	width:300px;
	height:1px;
	background-color:#cf0;
}

div.account-circle {
	position:absolute;
	top:-14px;
	left:-7px;
}

div.my-account {
	position:absolute;
	top:-13px;
	left:25px;
}

div#connexion-line {
	position:absolute;
	top:100px;
	right:0;
	left:210px;
	height:1px;
	background-color:#cf0;
}

div#connexion-circle {
	position:absolute;
	top:86px;
	left:201px;
}

div#my-connexion {
	position:absolute;
	top:87px;
	left:230px;
}

div#connexion-content {
}


div#account-menu {
	position:absolute;
	top:75px;
	left:400px;
	font-weight:bold;
}

div#account-menu a:hover {
	color:#cf0;
}

div.clientEdit {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #fff;
	border-bottom:5px solid #cf0;
	margin-top:10px;
	width:100px;
	color:#cf0;
}

div.clientEditOff {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #ccc;
	border-bottom:5px solid #8a0;
	margin-top:10px;
	width:100px;
	color:#ccc;
}

div.deliveryListEdit {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #fff;
	border-bottom:5px solid #cf0;
	margin-top:10px;
	width:100px;
	color:#cf0;
}

div.deliveryListEditOff {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #ccc;
	border-bottom:5px solid #8a0;
	margin-top:10px;
	width:100px;
	color:#ccc;
}

div.invoicingListEdit {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #fff;
	border-bottom:5px solid #cf0;
	margin-top:10px;
	width:100px;
	color:#cf0;
}

div.invoicingListEditOff {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #ccc;
	border-bottom:5px solid #8a0;
	margin-top:10px;
	width:100px;
	color:#ccc;
}

div.clientTrackingList {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #fff;
	border-bottom:5px solid #cf0;
	margin-top:10px;
	width:100px;
	color:#cf0;
}

div.clientTrackingListOff {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #ccc;
	border-bottom:5px solid #8a0;
	margin-top:10px;
	width:100px;
	color:#ccc;
}

/* ------------------------------- tracking */

div#tracking-content {
}

div#tracking-content div {
	float:left;
	margin-right:50px;
}

div#tracking-content table.tracking {
	border:1px solid #556;
}

div#tracking-content td {
	padding:2px 10px 2px 10px;
	white-space:nowrap;
}

div#tracking-content tr.headline td {
	font-weight:bold;
	color:#cf0;
	padding-top:20px;
	border-bottom:1px solid #556;
}

div#tracking-content td.ttc {
	text-align:right;
}

div#tracking-content td.pay {
	text-align:center;
}


/* ------------------------------- invoicing */

div#invoicing-list td {
	padding:2px 10px 2px 10px;
	white-space:nowrap;
	max-width:150px;
	overflow:hidden;
}

div#invoicing-list td.link {
//	padding-right:20px;
//	white-space:nowrap;
}

div#invoicing-list tr.headline td {
	font-weight:bold;
	color:#cf0;
	padding-top:20px;
	border-bottom:1px solid #556;
}


/* ------------------------------- delivery */

div#delivery-list td {
	padding:2px 10px 2px 10px;
	white-space:nowrap;
	max-width:150px;
	overflow:hidden;
}

div#delivery-list td.link {
//	padding-right:20px;
//	white-space:nowrap;
}

div#delivery-list tr.headline td {
	font-weight:bold;
	color:#cf0;
	padding-top:20px;
	border-bottom:1px solid #556;
}


/* ------------------------------- info */

div.infos-link {
	position:absolute;
	/*top:180px;
	left:275px;*/
	top:130px;
	left:200px;
}

div#infos-full-line {
	position:absolute;
	top:100px;
	right:0;
	left:210px;
	height:1px;
	background-color:#cf0;
}

div#infos-full-circle {
	position:absolute;
	top:100px;
	left:201px;
}

div.info-layout {
	position:absolute;
	top:150px;
	left:300px;
	padding-bottom:50px;
	margin-right:200px;
	text-align:justify;
}

div.info-layout td {
	padding:5px;
}

div.info-layout td.lab {
	color:#cf0;
	font-weight:bold;
}

div.info-layout h3 {
	padding-left:10px;
	color:#cf0;
	border-bottom:1px solid #cf0;
}

div.info-layout div.faq-q {
	color:#cf0;
	font-weight:bold;
	padding:20px 10px 5px;
}

div.info-layout div.cgv-art {
	color:#cf0;
	font-weight:bold;
	padding:20px 10px 5px;
}

div#info {
	position:fixed;
	bottom:0px;
	width:100%;
	left:20px;
}

div#info-line {
	position:absolute;
	bottom:0;
	left:10px;
	height:30px;
	width:1px;
	background-color:#cf0;
}

div#info-circle {
	position:absolute;
	bottom:20px;
	left:10px;
}

div#infos {
	position:absolute;
	bottom:45px;
	left:10px;
}

div#info-menu {
	padding-top:2px;
	padding-left:30px;
	font-size:9px;
	width:100%;
	color:#ccc;
	background-color:#3b3b3d;
	/*border-top:1px solid #556;*/
}

div#info-brand {
	padding-left:30px;
	font-size:9px;
	color:#999;
	background-color:#3b3b3d;
}

div#account {
	position:absolute;
	top:0;
	right:0;
	height:90px;
	width:300px;
	/*border:1px solid #ccc;*/
}

/* ------------------------------- visit */

div#visit {
	position:fixed;
	bottom:0px;
	left:20px;
}

div#visit-line {
	position:absolute;
	bottom:0;
	left:5px;
	height:200px;
	width:1px;
	background-color:#cf0;
}

div#visit-circle {
	position:absolute;
	bottom:190px;
	left:5px;
}

div#my-visit {
	position:absolute;
	bottom:215px;
	left:5px;
}

/* ------------------------------- loader */

div#loader {
	position:absolute;
	top:20px;
	width:100%;
	text-align:center;
	font-weight:bold;
	display:none;
}
div#loader span {
	padding-left:10px;
}
div#loader img {
	vertical-align:middle;
}

/* ------------------------------- map */

div.map-flag {
	position:absolute;
	top:130px;
	left:200px;
}
div.map-layout {
	position:absolute;
	top:150px;
	left:300px;
	padding-bottom:50px;
	margin-right:200px;
}

div.map-layout td {
	padding:5px 20px;
	white-space:nowrap;
}

div.map-layout td.lab {
	color:#cf0;
	font-weight:bold;
}

div.map-layout h3 {
	padding-left:10px;
	color:#cf0;
	border-bottom:1px solid #cf0;
}

div#map-full-line {
	position:absolute;
	top:100px;
	right:0;
	left:210px;
	height:1px;
	background-color:#cf0;
}

div#map-full-circle {
	position:absolute;
	top:100px;
	left:201px;
}

div.visibleBasketSummary {
	position:fixed;
	/*margin-left:100px;*/
	margin-top:15px;
	display:block;
	background-color:#3b3b3d;
	border: 1px solid #cf0;
	padding:5px 100px;
}
div.hiddenBasketSummary {
	margin-top:5px;
	display:none;
}
form#connexionForm td {
	max-width:none;
}