/* josiffert.com css main files */

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

#item18 div.attach {
color: #FFF;
}

img, div {
behavior: url(/css/iepngfix.php);
}

a,
a:hover,
a:focus,
a:active {
color : #AAA;
text-decoration:none;
}

textarea {
height: auto;
width: 300px;
}

.strong {
font-weight: bold;
}

/* reset header */

h1,h2,h3,h4,h5 {
color:#fff;
padding: 0px;
margin:0px;
}

.container h2 {
padding-bottom : 4px;
border-bottom: 1px solid #666;
margin-bottom: 5px;

}

th {
background: none;
}

/* template structure */

#wrapper {
width: 802px; 
margin: 0px auto;
padding-bottom:25px;
}

.pageinfo h1 {
display:block;
font-size:10px;
padding:7px 20px;
border-bottom: 1px solid #2f2f2f;
background:#000 url(../img/element/bghead.gif) no-repeat;
}

.pageinfo h2 {
display:block;
font-size:10px;
padding:7px 20px;
}

.main {
float: right; 
width: 574px;
_width: 572px;
background: #000;
border: 1px solid #2d2d2d;
}

.mainstats {
float: right; 
width:800px;
font-size:12px;
background: #000;
border: 1px solid #2d2d2d;
}

.main .element p {
margin: 0;
}

.left {
float: left; 
width: 224px;

}


.left div.news {
border-right:1px solid #2d2d2d;
background:url(/img/news/)
}

/* content */

.head {
text-align: right;
height:74px;
padding: 50px 0 0 0;
margin: 0 0 4px 0;
background: #000 url(../img/head/bg.png) no-repeat;
}

.head h1 {
display:none;
}

.head img.logo{
float:right;
border:none;

}

/* navigstion */

.navi {
background: url(../img/navi/bg.png) no-repeat;
padding:0;
margin: 0 0 4px 0;
height:278px;
border:1px solid #2d2d2d;
}

.navi div.closure {
float: left;

height:278px;
width:10px;
background: url(../img/navi/closure.png) no-repeat;

}


.navi div.sign {
position:absolute;
height:278px;
background: url(../img/navi/sign.png) no-repeat;
}

/* mainmenus */

.mainmenu{
float:left;
width:225px;
height:100%;
margin:0px; 
background: url(../img/navi/sign.png) no-repeat;
}

.mainmenu ul{
width:100%;
margin:0px;
padding:0;
list-style:none;
} 

.mainmenu li{
display:block;
float:left;
width:100%;
margin: 0;
padding:0;
border-bottom: 1px solid #2f2f2f;
background:url(../img/navi/bgli.png);
}

.mainmenu li a{
display:block;
color:#fff;
padding:7px 20px;
background-position: 10px 1px;
}

.mainmenu li.s a,
.mainmenu li.hs a,
.mainmenu li.s a:hover,
.mainmenu li.hs a:hover {
background-position: 10px 3px;
}

/* menu */

.menu{
float:left;
height:100%;
margin:0; 
opacity:.8;
filter: alpha(opacity=60);
background-color: #fff;
}

.menu ul{
display: block;
float: left;
width: 170px;
list-style:none;
margin:0;
padding:0;
} 

.menu li{
_height:0;
margin:0;
padding:0;
border-top:#fff 1px solid;
}

.menu li a{
display:block;
_height:0;
color:#000;
padding:5px 3px 5px 10px;
}

.menu li a:focus{
-moz-outline-style: none;
}

.menu li a:hover{
display:block;
_height:0;
}

.menu li.s a,
.menu li.hs a{
display:block;
color:#000;
_height:0;
}

/* menu sub */

.menu li li {
border-top:#fff 1px solid;
background-color:#ccc;
}

.menu li.s li a,
.menu li.hs li a,
.menu li.hs li a:hover,
.menu li.s li a:hover {
display:block;
padding:3px 3px 3px 15px;
}

.menu li.s li.s a,
.menu li.hs li.s a,
.menu li.s li.hs a,
.menu li.hs li.hs a {

}

ul.two-cols li {
display: block;
width: 40%;
float: left;
}

/* langmenu */
.langmenu ul	{
display: block;
float: left;
list-style:none;
margin:0;
padding:0;
padding-right:10px;
}

.langmenu ul li.title	{
padding:4px;
font-size:0.7em;
text-transform:uppercase;
background:url(/img/lang/sep.gif) right no-repeat;
}

.langmenu ul li	{
float: left;
margin:0;
padding:2px 4px;
}

/* path */

.path {
padding: 4px;
}

/* image item */

.imageright {
margin: 0px 0px 5px 15px;
padding: 0px;
text-align: center;
border-collapse: collapse;
float: right;
}

.imageleft {
margin: 0px 15px 5px 0px;
padding: 0px;
text-align: center;
border-collapse: collapse;
float: left ;
}

.imageright span, .imageleft span {
display: block;
margin-top: 5px;
font-style: italic;
}

.clearboth {
clear: both;
}


.attach {}

.element {
border:1px solid #2d2d2d;
padding-bottom:16px;
background-color:#000000;
margin-bottom:5px;
}

.element p {

}

.white {
background-color:white;
color:black;

}

.sticktonext {
margin-bottom:0;
border-bottom:none;
}

.main .element {
padding:7px 16px;
border:0;
margin-bottom: 10px;
}

.left .element {
padding:6px;
}

.content em {
display:block;
font-size:10px;
padding:7px 20px;
border-top: 1px solid #2f2f2f;
border-left: 1px solid #2f2f2f;
border-right: 1px solid #2f2f2f;
margin:0;
background:#000 url(../img/element/bghead.gif) no-repeat;
}

.element h2 {
margin-top:5px;
font-size:16px;
font-style:italic;
}

.element h3 {
font-size:12px;
font-style:italic;
padding-top: 8px;
}

.element h4 {
font-size:10px;
}

.element .imglft {
float:left;
position : relative;
/*_width:100px;*/
min-width:100px;
text-align:center;
margin-right:12px;
margin-bottom:12px;
}

.element .txtrght {
padding:0;
margin: 0 0 12px 1px;
/*_height:0;*/
}

.element .txtrght h2{
margin-top:10px;
font-size:14px;
font-style:italic;
}

.element .imgrght {
float:right;
/*_width:15px;*/
min-width:15px;
margin-left:12px;
margin-bottom:12px;
}

.element .txtlft {
padding:0;
margin: 0 15px 0 0;
/*_height:0;*/
}

.element a.link {
float:right;
text-align:right;
color:#fff;
font-size:9px;
font-weight:bold;
font-style:italic;
padding:0 0 0 10px;
margin:0 0 10px 0;
background:url(../img/link/arrow.gif) center left no-repeat;
}

.gallerylink .element  a.link{
float:left;
}

/* palmares */
.element.date h2{
text-align: center;
padding: 5px;
}

.element.date {
margin-bottom: 0;
border: 0;
padding:0;
}

.element.date table {
background: #000;
width: 100%;
}

tr.zebra td {
background: #1f1f1f;
}

.element.date thead th {
border-top: 1px solid #6c6c6c;
font-size: 14px;
padding: 4px 0;
background: #000 url(../img/table/bghead.png) repeat-x;
}

.element.date tfoot .leftcol {
background: #000;
border: 0;
border-top: 1px solid #2f2f2f;
color: #FFF;
font-style: italic;
font-size: 11px;
}

.element.date tfoot .rightcol {
background: #000;
border: 0;
border-top: 1px solid #2f2f2f;
font-style: italic;
font-size: 11px;
text-align: right;
}

.element.date table td {
border-right: 1px solid #2f2f2f;
padding: 4px 10px;
vertical-align: top;
color: #ccc;
font-size: 12px;
line-height: 22px;
}


.element.date table .col1 {
width:12%;
font-weight: bold;
color: #FFF;
}

.element.date table .col2 {
width:36%;
}

.element.date table .col3 {
width:12%;
}

.element.date table .col4 {
width:20%;
}
.element.date table .col5, .element.date table .rightcol {
border-right: none;
}

/* timeline du palmares */
#timeline {
margin: 0 auto;
padding-top: 10px;
list-style: none;
text-align: center;
}

#timeline li{
display: inline;
margin-left: 10px;
}

#timeline li a{
text-decoration: none;
font-size: 0.9em;
color: #CCC;
}

#timeline li.selected a{
color: #FFF;
font-weight: bold;
text-decoration: underline;
}


/* product */

.product-detail-image {
float:left;
width:350px;
height:280px;
border:1px solid #323232;
margin-right:7px;
}

.product-detail-thumb {
float:left;
width:173px;
height:39px;
margin-bottom:7px;
border:1px solid #323232;
}

.product-detail-order {
display:block;
float:left;
width:163px;
height:126px;
border:1px solid #323232;
padding:5px;
}


.product-detail-order-button {
margin-top:10px;
text-align:right;
}


.product-detail-order-button img {
border:none;
}

#wrapper .foot {
text-align:center; 
font-size:10px; 
color:#6d6d6d;
padding-top:4px; 
border-top:1px solid #353535; 
margin-top:100px;
}

#wrapper .attachproduct h3 {
font-size:10px;
font-style:normal;
padding-left:8px;
}

/* basket */

.basketlist td.colname {
padding: 0px; 
}

.basketlist .trline td {
border-bottom:1px solid #292929
}

.basketlist input.text {
font-size: 1em;
padding: 0 !important;
width: 30px !important;
float: none !important;
display: inline-block !important;
margin: 0 !important;
}

.basketlist a img {
vertical-align: top;
float: none;
padding: 0;
margin: 0;
border: 0;
}

.btn_right {
float: right;
padding: 10px 82px 0 0;
}

input.update {
line-height: 100px !important;
text-indent: -1000px;
*text-indent: 0;
display: inline-block;
width: 100px;
height: 16px;
border: none;
background-repeat:no-repeat;
background-color:#000;
cursor: pointer;

}

input.order {
line-height: 100px !important;
text-indent: -1000px;
*text-indent: 0;
display: inline-block;
width: 100px;
height: 16px;
border: none;
float: right;
background-repeat:no-repeat;
background-color:#000;
background-position:right;
cursor: pointer;
}

.basketlist th {
font-size: 11px;
border-top: 1px solid #6c6c6c;
padding: 4px 2;
background: #000 url(../img/table/bghead.png) repeat-x;
}

.basketlist td.colright, .basketlist th.colright{
text-align:right;
}


.basketlist .total {
text-align:right
}

.basketlist .basketprice {
text-align:right;
font-weight:bold;
font-size:14px;
margin-bottom:10px;
}

.basketlist .commande {
text-align:right
}

/* order details */

.orderdetail {
margin-bottom : 10px;
}




/* prehome definition */

#wrapper.home {
width:800px;
margin: 0 auto;
}

#wrapper.home .logo {
text-align:center;
width:600px;
padding:100px 0 50px 0;
margin: 0 auto;
}

#wrapper.home .logo h1,
#wrapper.home .logo em,
#wrapper.home .welcome span {
display:none;
}

#wrapper.home .welcome{
width:150px;
height:50px;
margin: 0 auto;
background: url(../img/home/welcome.png) no-repeat;
}


#wrapper.home .lang{
width:110px;
height:20px;
padding:3px 20px;
margin: 0 auto;
background: url(../img/home/bglang.png) no-repeat;
}

#wrapper.home .lang a{
float:left;
display:block;
padding:5px 18px;
border:none;
}

#wrapper.home .lang a img{
border:none;
}

/* */

.clear {
clear:both;
}

/* Forms */

td.paddingleft {
padding-left: 15px;
}

/* Register */

.container #account_info {
margin-top : 20px;
}

.container label {
display : block;
width : 150px;
float : left;
clear: left;
margin : 1.2em 1em 0.5em;
text-align:right;
}

.container  input.text,
.container select,
.container textarea {
display : block;
float : left;
color:#fff;
background:#333;
border:1px solid #777;
padding: 3px;
}

.container #contact_title {
margin-right: 200px;
}

a.input {
display : block;
width: 300px;
margin : 1.2em 0 0.5em;
float : left;
color:#fff;
}

.container  input.zipcode {
width : 100px;
}

/* edit account, signin */
#signin label {
float: none;
display : block;
margin: 0;
text-align: left;
}

#signin input.text {
margin-top: 0;
float: none;
}

.login h3 {
font-size: 1.2em;
border-bottom: 1px solid #666;
padding-bottom: 4px;
margin-bottom: 6px;
}

#signin .forgotpasswd {
display: block;
}

#signin input {
width: 218px;
}

#signin #clientbtn {
float: right;
margin-top: 10px;
width: auto;
}

#account_info input {
width : 277px;
}

#account_info table {
width : 100%;
}

#account_info td.first-col {
width : 220px;
}

/* shop */

.productoptions {
text-align:left;
}

.productoptions h3 {
font-style:normal;
display:block;
margin:0 5px 8px 2px;
padding-bottom: 5px;
border-bottom: 1px solid #323232
}


.productoptions input, .productoptions label {
display: inline;
clear:none;
float:none;
width:auto;
margin:0;
}

.productoptions label {
margin:0 5px 0 2px;
}

/* contact */
select#title {
margin-right:100px;
}

#item40 input.submit {
margin: 5px 0 0 410px;
}


/* change passwd */
#item10 #changepw input.text {
width: 150px;
margin-right: 200px;
}

#item10 #errormsg {
clear:both;
}

#item10 input.update {
margin: 10px 0 0 244px;
}
.title_boutique{
float:left;
width:478px;
}

.img_paypal{
float:right;
padding-right:13px;
text-align:right;
width:50px;
margin-bottom:4px;
}