/*
Cascading Style Sheets, level 3 (CSS3)
Atoll Bleu Creations S.A. : ver. 2.1 
*/

body {
	color:#686868;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:100%;
	font-family:Century Gothic,Avant Garde Gothic,ITC Avant Garde Gothic,Helvetica,MS UI Gothic,Verdana;
	background:#E6E6E6 url(../img/bg4.jpg) repeat-x;
}

table {
	empty-cells:show;
}

h1,h2,h3,h4,h5,h6,h7 {font-weight:normal;}

iframe {
	margin:0;
	padding:0;
	border:none;
	border-style:none;
}

#mainwrapper {
	margin:0 auto;
	padding:0;
	width:720px;
	text-align:left;
}

/*header*/

#header {
	position:relative;
	height:70px;
}
#header h1, #header h2, #header h3 {
	margin:0;
	padding:0;
	font-family:Century Gothic,Avant Garde Gothic;
	font-weight:normal;
	font-size:medium;
	text-shadow:2px 3px 2px #F1F1F1;
}
#header h3 span {
	margin-left:4px;
	font-weight:normal;
	font-size:xx-small;
}

/*menu*/

#menu {
	position:relative;
	height:16px;
	font-family:Century Gothic,Avant Garde Gothic;
	text-shadow:1px 2px 2px #F1F1F1;
}
#menu tr.liens td {
	position:relative;
/*	padding:0 30px 0 30px;*/
	border-right:1px solid #ACACAC;
	text-align:center;
}
#menu tr.liens td.end {
	border-right:none;
}
#menu tr.liens td div {
	margin:0 30px;
}
/* Win IE 4~6 */
* html #menu span {
	font-size:7px;
}
#menu span {
	font-size:7.5px;
}
#menu th {
	position:relative;
	clear:both;
	text-align:left;
/*	padding:0 0 0 30px;*/
	height:0px;
	border:none;
	font-weight:normal;
}
#MENU-b table tr td {
	padding:0;
	border:none;
}

#contents {
/*	position:static;*/
	margin:0;
	padding:20px;
/*	height:440px*/
/*	overflow:scroll;*/
	background-color:#F7F7F7;
}

/*BOUTIQUE*/
/*rubriques*/
#bel {
	background-color:#F7F7F7;
	padding:16px 16px 0 16px;
}

#menu-t div {
	margin:0 auto;
	width:80px;
	text-align:left;
	color:#666666;
}
#menu-t div li {
	list-style-image:url(../img/fleche-1.gif);
	margin:2px -5px 0 0;
}
#menu-t table.btn {
	width:80px;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	margin:0;
	padding:0;
	font-size:xx-small;
}
#menu-t table.btn th {width:11px;padding:0;text-align:left;}
#menu-t div.btn {
	margin:0;
	width:80px;
	height:11px;
	padding:0;
	vertical-align:middle;
	font-size:xx-small;
}
#menu-t div a div.btn {
	background:url(../img/fleche-1.gif) -1px center no-repeat;
	padding-left:2px;
	color:#111111;
}
#menu-t div a:hover div.btn {
	background:url(../img/fleche-1.gif) 1px center no-repeat;
	color:#333333;
}

img.panier {
	margin:0;
	margin-right:4px;
	margin-bottom:2px;
	vertical-align:middle;
}

/*catalogue*/
#pdt {padding:0;margin:0 auto;}
table.catalog {
	margin-left:auto;
	margin-right:auto;
}
.catalog h1, .catalog h3 {
	margin:2px 0 0 0;
	color:#333333;
	font-weight:normal;
	font-size:large;
}
.catalog p {
	margin:2px 0 10px 0;
}
.catalog i {
	color:#333333;
	font-size:medium;
}

.cell1 {padding-right:8px;text-align:left;}
.cell1 p {font-size:90%;}
.cell1 span {font-size:65%;}	/*japanese*/
.cell2 {padding-right:8px;text-align:left;border-bottom:1px solid #989898;}
.cell2 em span {font-size:85%;}	/*japanese*/
.cell3 {padding-top:4px;text-align:left;font-size:x-small;color:#333333;}
.cell3 img {
	margin-top:4px;
	margin-right:8px;
	margin-bottom:4px;
}
.cell4 {padding-right:8px;text-align:left;font-size:x-small;color:#666666;}
.cell4 div {margin:4px 0 2px 0;clear:both;}
.cell4 a {text-align:left;font-size:105%;color:black;}

.cell3 div.cell4 {
	width:200px;
	height:200px;
	float:left;
	text-align:left;
	vertical-align:bottom;
	padding-right:8px;
/*	border:1px solid silver;*/
}
.cell3 table.cell4 {
	width:206px;
	height:230px;
	float:left;
	text-align:left;
	vertical-align:bottom;
	margin-right:8px;
	border-collapse:collapse;
/*	border:1px solid silver;*/
}
.cell4 span, .cell4 em {font-size:xx-small; /*white-space:nowrap;*/}	/*japanese*/
table.cell4 tr td i, table.cell4 tr td em {font-size:90%;}	/*english*/
.cell4 div i, .cell4 div em {font-size:90%;}	/*english*/
.cell4 img.vertical {vertical-align:bottom;margin:0;}
.cell4 img.panier {
	margin:0;
	margin-right:4px;
	margin-bottom:2px;
	vertical-align:middle;
	float:left;
}

/*footer*/

#footer td.logo {
	width:130px;
	padding-left:6px;
}
#footer td.hr {
	background-image:url(../img/pxg75.gif);
	background-position:0 30px;
	background-repeat:repeat-x;
}

a {color:#000000;text-decoration:none;}
a:active {}
a.texte {color:#666666;text-decoration:underline;}
a.spip {color:#666666;text-decoration:underline;}
a:hover {color:#333333;}

#menu a,
#menu a:visited {font-size:small;color:#606060;font-family:Century Gothic,Avant Garde Gothic;}
#menu a:hover {color:#333333;}

#MENU-b a {font-size:small;font-weight:normal;color:#999999;}
#MENU-b a:visited {color:#999999;}
#MENU-b a:hover {color:#333333;}

a.titre2:hover {background-color:#DDDDDD;color:#333333;text-decoration:none;}

div.japon {
	margin:0;
	padding-top:2px;
	height:16px;
	text-align:right;
	color:#999999;
}
div.japon a {color:#808080;}
div.japon a:hover {color:#989898;}

/*profile*/

.profil {
	clear:both;
	margin:0;
	padding:0;
}
.profil td div {
}
.bg-ptw {background-image:url(../img/ptw.gif);}

#profile {
	margin:0;
	width:340px;
	height:190px;
	overflow:auto;
	border-top:1px solid #C9CCCE;
	color:black;
	scrollbar-base-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-arrow-color: #808080;
	text-align:left;
}
#profile td {
	text-align:left;
}

/*contact*/

div.contact {
	margin:0;
	padding:0;
	height:170px;
	text-align:left;
	vertical-align:top;
	color:#121212;
	line-height:175%;
}
table.contact {
	margin:0;
	margin-top:20px;
	margin-bottom:0;
	padding:0;
	height:40px;
	text-align:left;
	vertical-align:top;
	color:#121212;
}
.contact h2 {margin:0 0 20px 0;font-weight:normal;}
.contact span {color:#989898;}
.contact th {text-align:left;padding:0 3px 0 0;color:#989898;}
.contact th img {border:1px solid #989898;}
.contact a {color:#121212;}
.contact a:hover {color:#989898;}

.xl {font-size:120%;line-height:150%;}

/*shops*/

#wrapper-a {
	margin:0 auto;
	padding:0;
	position:absolute;
	top:170px;
	z-index:2;
	text-align:center;
}
#wrapper-b {
	position:absolute;
	top:430px;
	left:0px;
	width:100%;
	z-index:2;
	text-align:center;
}
.tag-a {
	margin:0 auto;
	padding:0;
	width:720px;
	text-align:center;
}
.tag-b {
	margin:0 auto;
	padding:0;
	padding-right:10px;
	width:700px;
	text-align:right;
}
.tag-b div {
/*	position:relative;
	z-index:2;*/
	background-image:url(../img/btn_bg-b1.gif);
	background-repeat:no-repeat;
	width:120px;
	height:38px;
	margin:0 0 0 10px;
	padding:20px 0 0 20px;
	float:right;
	color:white;
	font-size:12px;
	text-align:center;
}
.tag-b div span.small {
	font-size:9.5px;
	color:black;
}
.tag-b div a {
	font-size:12px;
	color:white;
}
.tag-b div a:hover {
	color:#989898;
}
.btn_panier-2 a:link, .btn_panier-2 a:visited {
	color:white;
}
.btn_panier-2 a:hover {
	color:#989898;
}

/*COLOR*/

.black {color:black;}
.grey {color:grey;}
.silver {color:silver;}
.orange {color:#989898;}

/*SIZE*/

basefont {font-size:90%;}
.smaller {font-size:85%;}
.larger {font-size:115%;}

div.sous_titre {
	padding:0 0 0 6px;
	text-align:left;
	vertical-align:top;
	float:left;
}

div.texte {
	padding:8px;
	text-align:justify;
	clear:both;
}

.main h1 {
	color:#D7D7D7;
	margin-bottom:8px;
	font-weight:normal;
}

.main h2 {
	color:#999999;
	font-weight:normal;
}
.main p {
	color:#333333;
	line-height:21px;
	font-size:medium;
	font-weight:normal;
	text-align:justify;
}

ul.menu3 {margin:0 0 4px 16px;font-size:x-small;}
li.menu3 {list-style-type:square;}

h3 {margin:0;padding:0;letter-spacing:0.1ex;color:#3E3C3B;}

div.pct1 {
	float:right;
	border:1px solid #DDDDDD;
	padding:8px;
	margin:6px 0 4px 8px;
}

.strike  { text-decoration:line-through; }
.nobr { white-space:nowrap; }

a.navi img  { background-color:#DADADA; }
a:hover.navi img  { background-color:#989898; }

/*recrutement*/
.recruit {
	font-family:Osaka, hirakakupro-w3 "ms pgothic" ;
	line-height:150%;
}
.recruit h1,
.recruit h2,
.recruit h3,
.recruit h4,
.recruit h5 {
	margin:0;
	padding:0;
}
.recruit label {
	padding-right:1em;
}
*html .recruit label {
	padding-right:0em;
}

/*TEST*/
/*
table {border:1px solid #B089C0}
th {border-right:1px dotted #D60000;border-bottom:1px dotted #D60000;}
td {border-right:1px dotted #B089C0;border-bottom:1px dotted #B089C0;}
div {border:1px solid #00B2A8}
*/