/*************************************************************************************************************************/
/*********************************** Webdesign & CSS by Michaël Radi [www.mgraph.be] *************************************/
/*************************************************************************************************************************/
/***************************************************INITIALISATION********************************************************/
*{
	margin:0;
	padding:0;
	outline:none;
}

html {
    height: 100%;
    font-size: medium;
}

a{
	outline:none;
	text-decoration:none;
	color:#ff7400;
}
a:hover{
	text-decoration:none;
	color:#00ccff;	
}

a img {
	border:0;
}

form#lglist {
	text-align:right;
	padding-right:19px;
	padding-top:5px;
}
form#lglist select {
	width:140px;
}

/*****************************************************MAIN DIV'S********************************************************/
body{
	background-color:#191919;
	font-family:Trebuchet,Verdana Arial,Helvetica,sans-serif;
	margin:0;
	font-size:100.01%;
	color: #fff;
}

div#container{
    /*overflow:hidden;*/
    position:relative;
    padding: 0px;
    width:100%;
    margin:0 auto;
	background-color:#353535;
	
}

/*******************************************************HEADER**********************************************************/
#header{
    margin:0 auto;
    position:relative;
    height:140px;
	width:976px;
	background:#000 url('design/entete.jpg') 0 0px no-repeat;
    
	/*_margin-bottom:-3px;*/
}

#header div#chrono_flash
{
	float:left;
}

/******************************************************CONTENT**************************************************************/
h1{
	font-size:32px;
}
h1 span {
	font-size:28px;
	font-weight:300;
}
h2{
	
}

/* ---- NEWS ---- */
body#news dl dt {
	padding-top:20px;
	color:#ff5f00;
	clear:both;
}

body#news dl dd.lien,body#news dl dd.description{
margin:10px 0 2px 15px;
}
body#news dl dd.description a.thickbox{
	float:left;
	margin-right:7px;
}
body#news dl dd.lien {
	margin-bottom:6px;
	clear:both;
}
body#news dl dd.lien a{
font-size:12px;
}


/* ---- CORPS ---- */
div#corps{
	width:926px;
	margin:0 auto;
	padding:10px 25px 10px 25px;
	background:url("design/bg_corps.jpg") 0 0 repeat-y;
}
/*----------------------------------------------*/

/* ---------------- 3 COLONNES ---------------- */
/* PHOTO */
div#photo{
	float:left;
	width:349px;
	height:740px;/*522*/
	background:1e1e1e;
	margin-top:6px;
	clear:both;
}

/* SIDEBAR */
div#sidebar{
	float:right;
	width:224px;
}

/* DETAILS */
div#details{
	/*background:#000 url('design/specifs.jpg') 0 0px no-repeat;*/
	background-color:#1e1e1e;
	margin-left:373px;
	margin-right:248px;
	_margin-left:373px;
	_margin-right:238px;
	height:740px;/*522*/
	margin-top:6px;
}


/*----------------------------------------------*/

/* CARACTERISTIQUES */
/*
div#caracteristiques {
	width:303px;
	height:740px;
	margin:0 auto;
	background-color:#1e1e1e;
}

div#caracteristiques ul {
	margin:0 auto;
}
div#caracteristiques ul li {
	display:block;
	float:left;
}


div#caracteristiques ul li.caracteristique1{
	display:block;
	width:280px;
	height:24px;
	background:url("design/specif_1.jpg") 0 0 no-repeat;
	padding:6px 0 0 23px;
	text-decoration:none;
	color:#e0e0e0;
	font-weight:bold;
	font-size:12px;
}
div#caracteristiques ul li.caracteristique2{
	display:block;
	width:280px;
	height:24px;
	background:url("design/specif_2.jpg") 0 0 no-repeat;
	padding:6px 0 0 23px;
	text-decoration:none;
	color:#e0e0e0;
	font-weight:bold;
	font-size:12px;
}

div#caracteristiques li#sp_top{
	display:block;
	width:293px;
	height:26px;
	background:url("design/specif_top.jpg") 0 0 no-repeat;
	padding:4px 0 0 10px;
	text-decoration:none;
	color:#e0e0e0;
	font-weight:bold;
	font-size:16px;
}
div#caracteristiques li#sp_bottom{
	display:block;
	width:303px;
	height:142px;
	background:url("design/specif_bottom.jpg") 0 0 no-repeat;
	padding:0px;
	text-decoration:none;
	color:#e0e0e0;
	font-weight:bold;
}

span.orange{
	color:#ff5f00;
}*/


/* -------------------------------------------- */

/* COLLECTIONS */
body#collections h1 {
	display:none;
}
div#listeCollections {
	width:920px;
	margin:0 auto;
	margin-top:15px;
	/*height:700px;*/
}
div#listeCollections ul{
	width:904px;
	_width:920px;
	margin:0 auto;
}
div#listeCollections ul li{
	display:block;
	float:left;
	width:206px;
	height:206px;
	margin:10px;
	text-decoration:none;
	color:#e0e0e0;
	font-weight:bold;
	font-size:12px;
	z-index:1;
}

div#listeCollections ul li span{
	display:block;
	width:206px;
	text-decoration:none;
	margin-top:-26px;
	z-index:5;
	text-align: center;
}

/*display par 5*/
div#listeCollections ul#display5 li{
	width:168px;
	height:168px;
	margin:6px;
}
div#listeCollections ul#display5 li span{
	width:168px;
}

p#back{
	text-align:center;
	padding-top:25px;
	font-size:14px;
	clear:both;
	margin-bottom:10px;
}
p#back a {
	display:block;
	margin:0 auto;
	padding-top:13px;
	background:url('design/boutonCollectionBack.gif') 0 0 no-repeat;
	width:200px;
	height:28px;/*41-13*/
}
/* -------------------------------------------- */
/********************************************************PAGE COLLECTION DEFILEMENT*************************************************************/
div#listeCollections  div.uneCollection {
	float:left;
	width:206px;
	margin-left:18px;
	margin-bottom:25px;
	color:black;
}

div.imageCollection {
	position: relative; /*keep this intact*/
	visibility: hidden;
	background-color:#1e1e1e;
	z-index:50;
	color:black;
}
div.nomCollection {
	position:absolute;
	margin-top:-24px;
	z-index:100;
	text-align:center;
	width:206px;
	font-size:12px;
	font-weight:600;
	color:#ff5f00;
}
div.gallerylayer a {
	color:black;
}


/********************************************************BOTTOM BAR*************************************************************/
#bottom-bar{
    height:65px;
	width:100%;
	background:#191919 url('design/bg_bottom.jpg') 0 0px repeat-x;
    text-align:center;
	padding-top:48px;
	font-size:14px;
	/*_margin-bottom:-3px;*/
}





/* ---- SHOPS ---- */
/*première page*/
body#shops div#shopPictures {}
body#shops div#shopPictures ul {
	margin-left:74px;
}
body#shops div#shopPictures ul li {
	float:left;
	margin-right:15px;
}
body#shops table#pays {
	clear:both;
	margin-left:50px;
	border-spacing:25px;
}
body#shops table#pays tr td {
	width:220px;
	height:60px;
}

/*page resultat*/
body#shops div#filtres {	
	margin-bottom:20px;
	margin-top:10px;
	background-color:#353535;
	padding:15px 0 12px 10px;
}
body#shops div#filtres form#form_pays {
	margin-bottom:5px;
}
body#shops ul {
	list-style-type:none;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:30px;
}
body#shops ul li{}
body#shops ul li.shop{
	font-weight:600;
	color:#ff7400;
}
body#shops table#magasins, body#shops table#icestore, body#shops table#magasins_jp {
	width:918px;
	margin:10px 0 0 18px;
}
body#shops table#webshops {
	width:877px;
	margin:10px 0 0 18px;
}
body#shops table#magasins tr th, body#shops table#icestore tr th, body#shops table#webshops tr th{
	height:25px;
	text-align: center;
}
body#shops table#magasins_jp tr th
{
	height:25px;
	text-align: left;
}
body#shops table#magasins tr td.shop, body#shops table#webshops tr td.shop, body#shops table#icestore tr td.shop, body#shops table#magasins_jp tr td.shop{
	text-align:left;
	height:25px;
	color:#ff7400;
}
table#magasins .even td{
	background: #2c2c2c;
}
body#shops table#magasins td.image, body#shops table#icestore td.image{
	width:27px;
}
body#shops table#magasins_jp {
	width:905px;
}
body#shops table#magasins_jp td.city{
	padding-right:10px;
}

body#shops p#translate_jp {
	height:27px;
	padding:18px 0 10px 65px;
	background:url('design/translate_jp.gif') 15px 14px no-repeat #353535;
	margin-bottom:12px;
}
body#shops p#translate_jp_en {
	height:27px;
	padding:18px 0 10px 75px;
	background:url('design/translate_en.gif') 15px 14px no-repeat #353535;
	margin-bottom:12px;	
	/*padding:10px 0 0 50px;*/
}
div#headquarter {
	width:550px;
	float:left;
	height:185;
}
p#webshoplink{
	text-align:center;
	margin-bottom:10px;
}
p#webshoplink a{
	background:url('design/boutonwebshop.gif') 0 0 repeat-x;
	width:250px;
	height:31px;
	display:block;
	margin:0 auto;
	padding-top:10px;
}
div#headquarter_droite{
	float:left;
	width:370px;
}
div#lesShops {
	clear:both;
}

div#headquarter_bas {
	clear:both;
}
p.erreur{
	color:#ff0000;
	border:2px solid #ff0000;
	text-align:center;
	font-size:18px;
	letter-spacing:1px;
	padding:10px 0;
	font-weight:bold;
	background-color:#ffdbd6;
	margin:20px 0 15px 20px;
}
#formShop{
	width: 928px;
	margin: 0;
	padding: 10px 0 10px 0;
	background-color: #2c2c2c;
	border-bottom: 1px solid #484848;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
}
#formShop select{
	margin-left: 2px;
}
#formShop label{
	margin-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #ed761f;
}
#shopPays{
	float: right;
	margin-right: 25px;
	margin-top: 0;
	padding: 0;
}
#shopFlag{
	position: relative;
	top: 2px;
}
.titleBubble{
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #ed761f;
}
.infoBubble{
	font-family: Verdana;
	font-size: 14px;
	color: #000;
}
ul#shopLegend{
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0;
}
ul#shopLegend li{
	display: inline;
	margin-right: 50px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}
ul#shopLegend li img{
	margin-right: 10px;
}

/*catalog*/
body#catalog div#corps {
	width:980px;
	padding:10px 0;
	margin:0 auto;
	
}
body#catalog h1 {
	margin-left:25px;
}
div#catalog_flash {
	margin:0;
	padding:0;
	text-align:center;
}

/*profile*/
body#profile div#corps {
	width:980px;
	padding:10px 0;
	margin:0 auto;
}
body#profile div#corps h1 {
	margin-left:25px;
}

div#profile_flash {
	margin:0;
	padding:0;
	text-align:center;
}



/*_______________________________________________________________________________________________________________________________FABIAN */
/*_________________________________________________________________________________________________________FAIRS*/
h2.fairY
{
	display: block;
	width: 872px;
	height: 46px;
	background-image: url('design/fairs/yearBg.gif');
	background-repeat: no-repeat;
	margin: 25px auto 0px auto;
	text-align: center;
	padding-top: 3px;
	color: #ed761f;
	
}
h3.fairM
{
	width: 872px;
	height: 22px;
	/*background-color: #ed761f;*/
	display: block;
	margin: 20px auto 15px auto;
	margin-bottom: 18px;
	text-align: left;
	font-size: 20px;
	padding-top: 5px;
	text-transform: uppercase;
}
.fairRight
{
	padding: 5px 0 15px 25px;
	width: 393px;
	background-color: #252525;
	background-image: url('design/fairs/rightInfoBg.gif');
	background-repeat: repeat-y;
	background-position: left;
}
.fairRight strong, .fairLeft strong
{
	color: #ed761f;
	font-size: 1.1em;
}
.fairRight b
{
	color: #7d7d7d;
}
.fairRight a
{
	color: #fff;
	text-decoration: underline;
}
img.fairMiddle
{
	border-right: 1px solid #31251e;
	border-bottom: 1px solid #31251e;
	border-left: 1px solid #31251e;
	border-top: 1px solid #543f32;
	margin: 0px 35px 0 20px;
}
.fairMiddle
{
	width: 120px;
	display: block;
}
.fairDiv
{
	float: left;
	margin-bottom: 15px;
}
.clear
{
	clear: both;
}
.fairLeft
{
	padding-top:11px;
	padding-right: 25px;
	width: 274px;
}
.fairLeft p
{
	text-align: right;
}
.fairBarTop,.fairBarBottom,.fairBar
{
	display: block
}
.fairBarTop, .fairBarBottom
{
	width: 872px;
	height: 1px;
}
.fairBarTop
{
	background-color: #2e2e2e;
}
.fairBarBottom
{
	background-color: #060606;
}
.fairBar
{
	margin-top: 15px;
	margin-bottom: 15px;
}
.fairLeft p, .fairRight p
{
	line-height: 1.2em;
}
.fairRight p.description{
	text-align:justify;
	padding-right:15px;
}
strong.where
{
	color: #7d7d7d;
}
/*************************************************************************************************************************************************** FABIAN NEW*/
/* CARACTERISTIQUES */
div#caracteristiques {
	width:303px;
	height:740px;/*528*/
	margin:0 auto;
	background-color:#1e1e1e;
	float: left;
}

div#caracteristiques ul {
	margin:0 auto;
}
div#caracteristiques ul li {
	display:block;
	float:left;
}
div#caracteristiques ul li.caracteristique1{
	display:block;
	width:280px;
	height:24px;
	background:url("design/specif_1.jpg") 0 0 no-repeat;
	padding:6px 0 0 23px;
	text-decoration:none;
	color:#e0e0e0;
	font-weight:bold;
	font-size:12px;
}
div#caracteristiques ul li.caracteristique2{
	display:block;
	width:280px;
	height:24px;
	background:url("design/specif_2.jpg") 0 0 no-repeat;
	padding:6px 0 0 23px;
	text-decoration:none;
	color:#e0e0e0;
	font-weight:bold;
	font-size:12px;
}

div#caracteristiques li#sp_top{
	display:block;
	width:293px;
	height:26px;
	background:url("design/specif_top.jpg") 0 0 no-repeat;
	padding:4px 0 0 10px;
	text-decoration:none;
	color:#e0e0e0;
	font-weight:bold;
	font-size:16px;
}
div#caracteristiques li#sp_bottom{
	display:block;
	width:303px;
	height:142px;
	background:url("design/specif_bottom.jpg") 0 0 no-repeat;
	padding:0px;
	text-decoration:none;
	color:#e0e0e0;
	font-weight:bold;
}

span.orange{
	color:#ff5f00;
}

/* CATALOG */
.cache 
{
	position: absolute;
	left: -9000px;
}
.catalogY
{
	display: block;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 50px;
	margin-right: 50px;
}
.y2008
{
	background-image: url("layout/2008C.jpg");
}
.y2009
{
	background-image: url("layout/2009C.jpg");
}
#catalogsY
{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

/*presse*/
p#press_contact{
	text-align:center;
	margin-top:15px;
}
p#press_contact a{
	background:url('design/boutonwebshop.gif') 0 0 repeat-x;
	width:300px;
	height:31px;
	display:block;
	margin:0 auto;
	padding-top:10px;
}