/* CSS Document */
*{ margin:0;
	padding:0;
	font-family: Futura, Avant Garde, Avenir, Century Gothic, Kabel, sans-serif;}
	
html{
	background: url(/images/back.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

html, body{
width: 100%;
min-height:100%;}
	

#head{ background-color:#e96b07;
		height: 20px;
}

#main{	width:780px; 
		margin: 0 auto; 
		background:#FFFFFF;
		min-height:600px; 
		padding:8px;
		}

#nav{
	background-color:#e96b07;
  }

#nav ul{
	list-style:none;
	margin:0;
	padding:0;
	position: relative;
	left: 160px;
	top: -40px;
  }
  
#nav a
{
	display:block;
	color:#FFF;
	text-decoration:none;
	padding:10px 0 0 25px;
	font-size: 13px;
	font-family: Arial, sans-serif;

  }

#nav a:hover, .active{
	color:#FFF;
	background:url(/media/bubble.jpg) no-repeat left top;
  }

#nav li{
	float:left;
	padding: 10px 5px 0 0;
  }
 
#content{
	text-align:left;
	margin: 0px;
	top: -30px;position: relative;
	font-size:12px;
	color : #4f4f4f;
	padding:5px;
	min-height:400px;
	}

.index{ text-transform: uppercase; letter-spacing: 0.5px; font-size:10px; text-align:justify; margin-top:5px;}

.clear{ clear:both;}


#slogan{
	color:#FFFFFF;
	display: inline;
	position: relative;
	top: 5px;
	left: 385px;
	text-align: right;
	vertical-align: top;
	font-family: Gentium, serif;
	font-size:28px;
}

h1{ font-size:18px; font-weight:normal; margin-bottom: 10px;}
h2{ font-size:24px; font-weight:normal; margin-bottom: 10px;text-transform: none; font-family: Gentium, serif;}

.orange{ color:#e96b07; font-family: Gentium, serif; text-transform: none; font-size:24px;}
.orange-n{ color:#e96b07;}
.orange-s{ color:#e96b07; font-weight: 500;}

.pic, .pic-text{ float:left; margin-right:10px; margin-bottom:5px;}
.pic-text{ padding: 20px 5px 5px 10px; font-size:14px; font-weight: bold;}

p{ margin-top: 5px;}

#footer{ background:#ccc; padding:5px 5px 5px 20px;font-size:12px;text-transform: uppercase; min-height: 40px;
	color : #4f4f4f;}
	
.klein{text-transform: none; font-size: 12px;}

#content ul{margin-left : 50px;}
#content li {margin-top:15px;}

.panier{ position:absolute; bottom: -80px; left: 523px; height: 170px;}
.index2{ width:512px;}

#panier a:hover img{
	-moz-transform:rotate(-5deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:rotate(-5deg); /* Safari */
	-o-transform:rotate(-5deg); /* Opera */
	-ms-transform:rotate(-5deg); /* IE9 */
	transform:rotate(-5deg); /* W3C */
	.vis { visibility:visible;}
}

td, table{ margin: 5px;}

a { color:#e96b07; text-decoration: none;}

.text{ font-size:14px; margin-bottom: 20px;}
.text-white,  h3{ color:#FFFFFF; margin: 10px;}
h3{ font-size:18px; font-weight:bold; margin: 15px 10px}

.galleria{ width: 780px; height: 400px; background: #fff }