/* Joy Sexshop v.1.0 */

a img {
border: none;
}

body, div, p, ul, li, form, h1, h2, h3
	{
	margin: 0;
	padding: 0;
	}
	
ul { list-style: none;}	

a
	{
        text-decoration: none;
	}

body
	{
	background: url('../obj/img/logo_bg.jpg') repeat;
	font-size: 14px;
	color: #933;
	font-family: 'Trebuchet MS', Verdana, Tahoma, sans, sans-serif;
	text-align: justify;
	}

#main
	{
	position: absolute;
	top: 50%;
	left: 50%;
        width: 850px;
        height: 624px;
        margin: -312px 0px 0px -425px;
	background: url('../obj/img/bg_main.jpg') left top no-repeat;
	}
	#copyright
		{
		position: absolute;
		top: 50%;
		margin-top: 300px;
		width: 100%;
		text-align: center;
		}
		#copyright a
			{
                        color: #a21;
			}
			#copyright a:hover
				{
	                        color: #c42;
				}
#menu
	{
        position: relative;
	float: left;
        width: 145px;
        height: 220px;
        margin: 251px 0px 0px 25px;
	} * html #menu { margin-left: 13px; }

	#menu li 
		{
		margin-bottom: 15px;
		}
	#menu a
		{
		display: block;
		width: 133px;
		height: 42px;
		}
		#menu_1
			{
                        background: url('../obj/img/navi/menu_1.jpg') no-repeat;
                        background-position: 200px 0px;
			}
		#menu_2
			{
                        background: url('../obj/img/navi/menu_2.jpg') no-repeat;
                        background-position: 200px 0px;
			}
		#menu_3
			{
                        background: url('../obj/img/navi/menu_3.jpg') no-repeat;
                        background-position: 200px 0px;
			}
		#menu_4
			{
                        background: url('../obj/img/navi/menu_4.jpg') no-repeat;
                        background-position: 200px 0px;
			}

			#menu_1:hover
				{
                         	background-position: left top;
				} * html #menu_1:hover { background-position: -1px 0px; }
			#menu_2:hover
				{
	                        background-position: left top;
				} * html #menu_2:hover { background-position: -1px 0px; }
			#menu_3:hover
				{
	                        background-position: left top;
				} * html #menu_3:hover { background-position: -1px 0px; }
			#menu_4:hover
				{
	                        background-position: left top;
				} * html #menu_4:hover { background-position: -1px 0px; }
#contenu
	{
        position: relative;
	float: left;
        width: 635px;
        height: 420px;
        margin: 95px 0px 0px 23px;
	overflow: auto;
	}
	#contenu a
		{
                color: #d42;
                border-bottom: 1px dotted #d42;
		}
		#contenu a:hover
			{
	                color: #f0f;
	                border-bottom: 1px dotted #f0f;
			}


#titre_rubrique
	{
	font-weight: normal;
	margin-left: -3px;
	font-family: Verdana, sans, sans-serif;
	}

#vente_tel
	{
        position: absolute;
        top: 540px;
	left: 50%;
        width: 350px;
        height: 35px;
        margin-left: -175px;
        border: 2px solid #ea4;
	text-align: center;
	padding: 5px;
	}
	#vente_tel .text
		{
                position: relative;
                width: 350px;
                height: 35px;
	        color: #c42;
	        font-weight: bold;
	        font-size: 14px;
		}
	#vente_tel .fond
		{
                position: absolute;
                width: 350px;
                height: 35px;
	        background: #ea4;
		}
	
	#vente_tel .text span
        	{
		border-bottom: 1px solid #f00;
		}

#contenu a img
	{
        border: 0;
	} * html #contenu a:hover img { border: 0;}
#contenu a.img
	{
        border: 0;
	} * html #contenu a.img:hover { border: 0;}

#contenu .bloc
	{
        position: relative;
	margin-top: 1em;
	height: 200px;
        width: 615px;
        margin-bottom: 10px;
	}
	#contenu .bloc div.text
		{
	        float: left;
	        width: 400px;
	        font-size: 14px;
	        line-height: 16px;
	        height: 100px;
		}
		#contenu .bloc p.text
			{
                        float: none;
                        margin-bottom: 8px;
			}
	#contenu .bloc .photo
		{
	        float: right;
	        clear: right;
	        width: 200px;
	        height: 150px;
	        margin-left: 10px;
	        margin-bottom: 10px;
		}
	
#contenu span.titre
	{
	font-size: 16px;
	font-weight: bold;
	color: #932;
	border-bottom: 1px dotted #936;
	font-family: Tahoma, sans, sans-serif;
	}
#contenu .titre
	{
	font-size: 16px;
	font-weight: bold;
	color: #932;
	font-family: Tahoma, sans, sans-serif;
	margin-bottom: 7px;
	}

#commander
	{
        font-size: 24px;
        letter-spacing: 4px;
        line-height: 35px;
        display: block;
        height: 35px;
        width: 350px;
        background: #ea4;
        color: #c42;
        font-family: Verdana, Tahoma, sans, sans-serif;
	}
	#commander:hover
		{
                background: #b64;
                color: #ee9;
		}
		
#cliquerimage
	{
        position: absolute;
        top: 20px;
        left: 20px;
	}
/* ***********************
***	Accueil		**
*********************** */

/* ***********************
***	Produits	**
*********************** */

/* ***********************
***	Promos		**
*********************** */
#promos
	{
	text-align: center;
	font-size: 14px;
	}

#promo_1, #promo_2, #promo_3, #promo_4
	{
	float: left;
	width: 280px;
	height: 200px;
	}
	#promo_2, #promo_4
		{
		margin-left: 50px;
		}
	#promo_3, #promo_4
		{
		margin-top: 20px;
		} * html #promo_3 { margin-top: -8px; }
	#promo_4
		{
                margin-top: 20px;
		} * html #promo_4 { margin-top: -8px; }
#promos span
	{
        font-size: 16px;
        font-weight: bold;
        font-family: Arial;
	}

#stock
	{
        position: absolute;
        top: 400px;
        left: 0px;
        height: 12px;
        text-align: left;
        font-size: 10px;
	}
/* ***********************
***	Infos		**
*********************** */
#infos .info
	{
        margin: 0px 0px 0px 15px;
	}

#infos .titre span
	{
        border-bottom: 1px dotted #933;
        font-size: 18px;
	}

#infos .titre
	{
        margin-bottom: 10px;
	}

#infos span
	{
        border-bottom: 1px dotted #fdc;
	}

#gif_contact {
display: inline; /* IE */
float: right;
margin-top: 20px;
margin-right: 10px;
}