html {
	height:100%;
	width:100%
}
body {
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	height:100%;
	width:100%

}
#container{
	width:760px;
	margin:0 auto;
	padding:0px 0;

}
a.logo{
	float:right;
	background:url(otard/logo.gif) center center no-repeat;
	display:block;
	width:60px;
	
	padding-top:60px;
	text-decoration:none;
	color:#000;
	text-align:center;
	font-size:11px;
}
a.logo:hover{
	color: #DD7200;
}
ul#menu{
	/*display:none;*/
	/*
	background:url(otard/logo.gif) 20px right no-repeat;
	*/
	padding:20px 20px 20px 0;
	margin:0;
	list-style:none;
	font-size:11px;
	float:left;
}
ul#menu li{
	display:inline;
	text-align:left;
	float:left;
	text-transform:uppercase;
	letter-spacing:0.05em;
	padding:10px 0px ;
}
ul#menu a{
	padding:10px 10px;
	color:#000;
	text-decoration:none;
	font-weight:normal;
	white-space:nowrap;
}
ul#menu a:hover{
	color:#DD7200;
}
ul#menu li.jeux{
	background: url(otard/jeux.gif) top left no-repeat;
	background-position: 4px 0px;	
}
ul#menu li.jeux a{
	padding-left:30px;
}
table#home{
	border:0;
	width:760px;
	height:360px;
	margin:0 auto;
	clear:both;
}
table#home td td{
	background-color:#E3E3E3
}
#catalog{
	background: url(otard/otardbg.gif) bottom left no-repeat;
	padding-left:55px;
	padding-bottom:44px;
	margin:0 10px 0 40px;
}
#catalog td{
	background-color:#E3E3E3
}

ul#produit{
	
	padding:0px 10px;
	margin:0 0 25px ;
	list-style:none;
	font-size:12px;
	border-left: 1px solid #000;
}
ul#produit li{
	text-transform:uppercase;
	letter-spacing:0.05em;
}
ul#produit a{
	padding:9px;
	color:#000;
	text-decoration:none;
	font-weight:normal;
	display:block;
	border-bottom:1px solid #BDBDBD;
	line-height:1.4em;
	/*height:15px;*/
}
ul#produit a.last{
	border:0px
}
ul#produit a:hover{
	color:#DD7200;
	border-bottom:1px solid #FF9C2F;
}
ul#produit a.last:hover{
	border:0px
}


#footer{
	height:64px;
	background-color:#000000;padding:1px;
/*
	width: 780px;
	margin:0 auto;
*/
}
#footer ul{
	padding:0;
	margin:0 auto;
	width:760px;
}
#footer li{
	display:inline;
	float:left;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer span{
	display:none;
}
a.visite{
	background: url(otard/visite.gif) no-repeat;
	display:block;
	width:65px;
	height:64px;
}
a.visite_en{
	background: url(otard/visite_en.gif) no-repeat;
	display:block;
	width:65px;
	height:64px;
}
a.panier{
	background: url(otard/panier.gif) no-repeat;
	display:block;
	width:65px;
	height:64px;
}
a.panier_en{
	background: url(otard/panier_en.gif) no-repeat;
	display:block;
	width:65px;
	height:64px;
}
a.faq{
	background: url(otard/faq.gif) no-repeat;
	display:block;
	width:60px;
	height:64px;
}
a.contact{
	background: url(otard/contact.gif) no-repeat;
	display:block;
	width:85px;
	height:64px;
}
a.actu{
	background: url(otard/actu.gif) no-repeat;
	display:block;
	width:65px;
	height:64px;
}
a.actu_en{
	background: url(otard/news.gif) no-repeat;
	display:block;
	width:65px;
	height:64px;
}

#liens{
	width:600px;
	margin:0 auto;
	
	
}
.conditions {
	font-size: 10px;
	color: #7F7F7F;
	text-align: center;
	line-height: 16px;
	letter-spacing:0.2em;
}
.conditions a{
	color: #FF8600;
	text-decoration:none;
	font-weight:bold;	
}
.conditions a:hover{
	color: #000;
}
.abus {
	font-size: 10px;
	color: #6C6C6C;
	text-align: center;
	line-height: 16px;
	letter-spacing:0.05em;
	font-weight:bold;	
}

#version {
	float:right;
	width:70px;
}
#version span{
	display:none;
}
#version a.fr{
	display:block;
	width:70px;
	height:30px;
	background:url(otard/french.gif) left center no-repeat;
}
#version a.fr:hover{
	background:url(otard/french_on.gif) left center no-repeat;
}
#version a.en{
	display:block;
	width:70px;
	height:30px;
	background:url(otard/english.gif) left center no-repeat;
}
#version a.en:hover{
	background:url(otard/english_on.gif) left center no-repeat;
}

/* fiche */
#fiche{
	border:0;
	width:760px;	
	margin:0 auto;
	clear:both;
}
#fiche ul#produit{
	margin:0;
}
.image{
	/*float:left;*/
	background: url(otard/otardbg.gif) bottom left no-repeat;
	padding-left:65px;
	padding-bottom:54px;
	margin-top:20px;
}
.produit{
	font-size:11px;
	margin-right:30px;
}

.produit .desc{
	padding: 0 15px;
	/*margin-left: 235px;*/
	letter-spacing:0.1em;
	line-height:1.4em;
	color:#6C6C6C;
}
.produit h3{
	color: #FF7F00;
	font-size:13px;
	text-transform:uppercase;
	
	margin:0;
	padding:10px 0;
}
.produit p{ 
	margin:0;
	padding:0;
	text-align:left;
	font-size:12px;
}

a.add{
	width:200px;
	margin:0 auto 10px;
	display:block;
	text-decoration:none;
	color:#6C6C6C;
	font-size:11px;
	letter-spacing:0.1em;
	background:url(otard/add.gif) left center no-repeat;
	padding-left:165px;
}
a.add span.block{
	display:block;
	border:1px solid #FF7F00;
	padding:5px;
}
a.add strong{
	color:#FF7F00;
	text-transform:uppercase;	
}

a.add_en{
	width:200px;
	margin:0 auto 20px;
	display:block;
	text-decoration:none;
	color:#6C6C6C;
	font-size:11px;
	letter-spacing:0.1em;
	background:url(otard/add_en.gif) left center no-repeat;
	padding-left:195px;
}
a.add_en span.block{
	display:block;
	border:1px solid #FF7F00;
	padding:5px;
}
a.add_en strong{
	color:#FF7F00;
	text-transform:uppercase;	
}

/* inscription */
table#inscription{
	border:0;
	width:700px;
	height:400px;
	margin:0 auto;
	clear:both;
}
.inscription{
	font-size: 11px;
	letter-spacing:0.1em;
	line-height:1.4em;
	color:#6C6C6C;
	padding:0 0 20px;
}
.inscription input, textarea, select{
	font-size: 11px;
	letter-spacing:0.1em;
	line-height:1.4em;
	color:#111;
	padding:2px;
}
.inscription table, .inscription td{
	font-size: 11px;
	letter-spacing:0.1em;
	line-height:1.4em;
	color:#6C6C6C;
}
.inscription h3{
	color: #FF7F00;
	font-size:11px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:5px 30px;
	padding:5px;
	border-bottom:1px solid #BDBDBD;
}
.inscription p{
	padding:10px 30px;
	line-height:1.4em;
	text-align:justify;	
}

.inscription th,
.inscription td{
	color:#6C6C6C;
	padding:3px;
}
.inscription a{
	color: #FF7F00;
}
.inscription a:hover{
	text-decoration:none
}