#boutConnexion{
background-image:url(images/fondBouton.png);
width:160px;
height:41px;
}

.produit {
background-color:#666;
/*background-image:url(images/habiCorner.jpg);*/
background-position:right bottom;
background-repeat:no-repeat;
border-top:1px solid #444;
margin:0 0 10px 0;
padding:0;^
height:100%;
}

.produit h3{
padding:5px;
margin:0;
background-color:#222;
}

.produit p{
padding:10px;
text-align:justify;
font-size:11px;
}

.produit a .a_button{
	float:left;
	margin:10px 0px;
}

.produit a img{
padding:0px;
margin:5px;
border:1px solid #c00;
}

.produit .prix{
font-weight:bold;
font-size:14px;
background-color:#600;
float:left;
color:#c00;
margin:10px 10px 0px 10px;
padding:4px;
border:1px solid #a30;
}

.produit a:link, .produit a:visited{
float:right;
font-weight:bold;
color:#FFFFFF;
}


#bout_commander{
text-decoration:none;
float:right;
font-weight:bold;
color:#FFFFFF;
padding:8px 8px 8px 8px;
margin:10px 10px 0px 10px;
background-color:#FF6600;
border:solid 1px #FFFFFF;
}


/* ^^^ NEW  ^^^ */
/**********************************************************/
* {
margin: 0;
padding: 0;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 10px;*/
}


a:link{
	color:#f60;
}

a:visited{
	color:#fc0;
}

a:hover{
	color:#f00;
}
td,div{
font-size: 10px;
}
li,ol{
	padding-left:1em;
	margin-left:1em;
	font-size:14px;
}
p{
	font-size:14px;
	margin-bottom:1em;
}

body {
	background-color: #000;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-x;
	text-align: center;
	color: #fff;
}

#conteneur {
	color:#fff;
	position: relative;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 1010px;
	background-color:#0F0F0F;
}


#conteneur #bandeau {
	min-height: 154px;
	background-image: url(images/bandeau.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
}

#conteneur #bandeau a {
font-size: 12px;
color: #fff;
}
/***************************************************/
#conteneur #logo {
	position: absolute;
	width: 297px;
	height: 250px;
	left: 0;
	top: 0;
	z-index: 1;
	background-image: url(/images/logo2.png);
	background-repeat: no-repeat;
	background-position:left top;
}
/***************************************************/
#conteneur #main {
	/*background-image: url(images/barre-contenu.gif);*/
	text-align: left;
	background-repeat: repeat;
	
}

#conteneur #main #col-gh {
	float: left;
	padding-top: 90px;
	width: 160px;
	background-image: url(images/fd-col-gh.gif);
	background-repeat: no-repeat;
	background-position: 0px 80px;
	text-align: center;
	margin-right: 0;
	overflow: hidden;
	background-color: #0f0f0f;
}
#conteneur #main #col-gh form {
	/*background-color: #000000;*/
	padding-top: 10px;
	padding-bottom: 50px;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}
#conteneur #main #col-gh form input {
	color:#000000;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 110px;
	margin-left: 8px;
	height: 18px;
}
#conteneur #main #col-gh form input.submit {
	background-image: url(images/fd-submit.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 25px;
}



#conteneur #main #col-gh #menu a img {
	margin-bottom: 10px;
	text-align: left;
	margin-left: 20px;
}
#conteneur #main #col-gh #menu {
	text-align: left;
}



#conteneur #main #collection {
	padding-left: 36px;
	background-image: url(images/fd-collections.gif);
	background-repeat: no-repeat;
	background-position: left 11px;
/*	margin-left: 160px;*/
	height: 440px;
	text-align: left;
}
#conteneur #main #collection #menu {
	float: right;
	text-align: right;
margin-left: 5px;
	width: 200px;
}

#conteneur #main #collection #menu .anim {
width: 200px;
height: 110px;
}
.spacer {
	clear: both;
}

#conteneur #main #collection #menu div, #conteneur #main #collection #menu img {
margin-bottom: 7px;

}



#conteneur #main #contenu {
/*	margin-left: 160px;*/
	background-repeat: repeat;
	background-position: left top;
	text-align: left;
	background-image: url(images/barre-contenu.gif);
	padding-top: 10px;
}

#conteneur #main #contenu .titre {
	background-image: url(images/bandeau-texte.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	line-height: 26px;
	width:810px;
}


#conteneur #main #contenu #texte {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF6600;
	border-left-color: #FF6600;
	width: 807px;
	background-image: url(images/fd-texte.gif);
	background-repeat: no-repeat;
	padding-bottom: 1em;
	padding-top: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}

#conteneur #main #contenu #texte p, #conteneur #main #contenu #texte p strong {
font-size: 12px;
}

#conteneur #main #contenu h1 {
	font-size: 14px;
	padding: 4px 0px 0px 15px;
}

#conteneur #main #contenu p {
	margin-right: 10px;
	margin-left: 10px;
}

#conteneur #main .notice h3 {
	margin-left: 120px;
	margin-bottom: 50px;
	margin-top: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #515151;
	text-align: left;
	padding-bottom: 5px;
}


#conteneur #main .notice h3 img {
border: none;
margin: 0;
}

#conteneur #main h4 {
margin-left: 10px;
font-size: 12px;
}

#conteneur #main .notice {
text-align: center;
	width: 820px;
	background-image: url(images/fd-texte.gif) no-repeat left top;
	border: solid 1px #515151;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

#conteneur #main div.contact {
text-align: center;
	width: 820px;
	background-image: url(images/fd-texte.gif) no-repeat left top;
	border: solid 1px #515151;

}

#conteneur #main div.centre {
margin-top: 100px;
text-align: center;
	width: 820px;
	background-image: url(images/fd-texte.gif) no-repeat left top;
	border: solid 1px #515151;
}


#conteneur #main div.centre table.storytelling .texte {
height: 650px;
overflow: auto;
width: 380px;
text-align: left;
margin-left: 15px;
font-size: 12px;
}

#conteneur #main .notice p {
text-align: left;
font-size: 12px;
margin-left: 10px;
margin-right: 10px;
}

#conteneur #main .notice strong {
font-size: 12px;
}

#conteneur #main .notice img {
border: solid 1px #FD6500;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
}
#conteneur #main #stickers {
/*margin-left: 160px;*/
margin-top: 10px;
}

#conteneur #main #stickers a.cinema {
margin-right: 5px;
display: block;
float: left;
width: 200px;
height: 97px;
background: url(images/menu-cinema.gif);
}

#conteneur #main #stickers a.cinema:hover {
background: url(images/menu-cinema-hover.gif);
}

#conteneur #main #stickers a.victoria {
margin-right: 5px;
display: block;
float: left;
width: 200px;
height: 97px;
background: url(images/menu-victoria.gif);
}

#conteneur #main #stickers a.victoria:hover {
background: url(images/menu-victoria-hover.gif);
}

#conteneur #main #stickers a.lyrics {
margin-right: 5px;
display: block;
float: left;
width: 200px;
height: 97px;
background: url(images/menu-lyrics.gif);
}

#conteneur #main #stickers a.lyrics:hover {
background: url(images/menu-lyrics-hover.gif);
}

#conteneur #main #stickers a.comitive {
margin-right: 5px;
display: block;
float: left;
width: 200px;
height: 97px;
background: url(images/menu-comitive.gif);
}

#conteneur #main #stickers a.comitive:hover {
background: url(images/menu-comitive-hover.gif);
}

table.contact {
height: 500px;
margin-left: 0;
margin: 0;
}

table.contact td {
text-align: left;
padding: 0;
}


h2 {
color:#FF6600;
font-size: 20px;
margin-bottom: 20px;
margin-top: 10px;
text-align: left;
margin-left: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #515151;
}

#anim {
padding-left:0; 
margin: 0px; 
width: 300px; 
float: right;
}

.conditions p{
	font-size:11px;
	text-align:justify;
}


#collection_desc, #sticker_desc{
	color:#fff;
	background-color:#333;
	padding:4px;
	margin:0 0 8px 8px;
	border:1px solid #515151;
	font-size:11px;
}

#collection_desc p,  #sticker_desc p{
	font-size:11px;

}

#collection_desc h2, #sticker_desc h2{
	margin-left:0px;
	padding-left:0px;
}

#commandes_recap tr td, #commandes_recap tr th{
	padding:0.4em;
}

#commandes_recap tr th{
	font-size:12px;
	font-weight:bold;
	background-color:#ddd;
	color:#f30;
}

#commandes_recap tr td{
	font-size:11px;
	background-color:#444;
}
#commandes_recap tr td.alt{
	background-color:#111;
}

/********************************************/

.ulPres{
list-style-image:url(images/pastille.jpg);
margin:10px;
font-size:10px;
font-weight:bold;
text-align:justify;
}

.ulPres li{
margin:10px;
}

/****************** fiche produit *******/
div.collections{
	font-size:12px;
	margin-top:2em;
	padding-left:12px;
}

div.collections .gamme{
	padding-left:18px;
}
div.collections h3{
	clear:both;
}

ul.collection{
	padding:0;
	margin:0;
}

ul.collection li{
	list-style:none;
	margin:0;
	padding:0 0 0 36px;
	position:relative;
	top:0px;
	left:0px;
}

ul.collection li a div{
	font-size:12px;
	height:14px;
	line-height:14px;
	padding:0 0 6px 0;
}

ul.collection li a span {
	display:none;
}

ul.collection li a:hover span {
	display:block;
	position:absolute;
	top:10px;
	left:300px;
}

ul.collection li a:hover span img{
	border:1px solid #f00;
}


/********************************LE MENU ********************/
div#menu div, div#menu a{
/*	font-family: "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif, "Segoe UI", Candara, "Bitstream Vera Sans";*/
}
.gamme, .type, a.titre{
	font-size:16px;
	color:#f60;
	padding:0px 0px 0px 6px;
	padding:0px 0px 0px 6px;
	font-weight:bold;
	text-decoration:none;
}

.gamme a, .type a{
	background-color:#0F0F0F;
	border-bottom:1px dotted #666;
	font-size:12px;
	width:164px;
	/*height:16px;*/
	line-height:16px;
	padding:2px 0;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

.gamme a:hover, .type a:hover{
	background-color:#222;
	color:#fff;
}
.gamme{

}
.type{

}

.collectionSticker a{
	font-size:12px;
	color:#fa0;
	font-weight:bold;
	text-decoration:none;
	padding-left:12px;
}
.collectionSticker a:hover{
	color:#f60;
}

.stickerLien a{
	font-size:12px;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	border-bottom:1px dotted #444;
	width:150px;
	display:block;
	margin-left:20px;
}
.stickerLien a:hover{
	background-color:#222;
}

/**********style boutons ***********/

a.a_button, .button{
	color:#fff;
	font-weight:bold;
	background:#900 url(/images/orange-gradient.png) top repeat-x;
	font-size:11px;
	line-height:18px;
	width:auto;
	padding:4px 8px;
	border:#c00 1px solid;
	text-decoration:none;
}

input.button{
	color:#fff;
}
