/* General
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body_old { 
background: #62584A; 
font: 11px/15px  Verdana, Geneva, Arial, sans-serif; 
color: #333333;
}
body { 
background: #62584A; 
font: 13px/16px  Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
color: #333333;
}
p {
	margin-bottom: 0;
}

img { border: none; }

/* Links 2098AB
----------------------------------------------- */

a:link, a:visited {color: #626262; text-decoration: none;}
	a:hover {color: #07343B; text-decoration: none;}


/* Layout
----------------------------------------------- */


div#bak {
    position: absolute; /*wichtig*/
    top: 40px;
    left: 50%; /*wichtig*/
    margin: 0 -467px; /*wichtig*/
    width: 934px;
    height: 531px;
    background: url(bg_cadre.gif);
	z-index:2;
}
div#menu {
    position: absolute; /*wichtig*/
    top: 96px;
    left: 50%; /*wichtig*/
    margin: 0 -430px; /*wichtig*/
    width: 390px;
    height: 13px;
	z-index:5;
}

div#photo {
    position: absolute; /*wichtig*/
    top: 117px;
    left: 50%; /*wichtig*/
    margin: 0 -430px; /*wichtig*/
    width: 390px;
    height: 390px;
	z-index:5;
}
div#photo_trouver {
    position: absolute; /*wichtig*/
    top: 117px;
    left: 50%; /*wichtig*/
    margin: 0 -430px; /*wichtig*/
    width: 624px;
    height: 390px;
	z-index:5;
}
div#amis {
    position: absolute; /*wichtig*/
    top: 518px;
    left: 50%; /*wichtig*/
    margin: 0 -430px; /*wichtig*/
    width: 390px;
    height: 10px;
	z-index:2;
}
div#right {
	position: absolute; /*wichtig*/
    top: 90px;
    left: 50%; /*wichtig*/
    margin: 0 -40px; /*wichtig*/
    width: 495px;
    height: 459px;
	z-index:9;
	overflow: auto;
}

div#right_trouver {
	position: absolute; /*wichtig*/
    top: 90px;
    left: 50%; /*wichtig*/
    margin: 0 175px; /*wichtig*/
    width: 270px;
    height: 459px;
	z-index:9; 
	overflow: auto;
}

div#titre {
    position: absolute;
	top: 6px;
	left: 40px;
    width: 21px;
}

div#retour {
    position: absolute;
	top: 333px;
	left: 40px;
    width: 21px;
}

div#text {
    position: absolute;
	top: 1px;
	left: 66px;
    width: 300px;
	text-align: left;
	background: url(logo_bg.gif) no-repeat;
}

div#textcontact {
    position: absolute;
	top: 1px;
	left: 66px;
    width: 385px;
	text-align: left;
	background: url(logo_bg.gif) no-repeat;
}

div#texttrouver {
    position: absolute;
	top: 1px;
	left: 66px;
    width: 200px;
	text-align: left;
}

div#textaccueil {
    position: absolute;
	top: 1px;
	left: 66px;
    width: 300px;
	font: 14px/18px Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
    color: #333333;
	text-align: left;
}
div#textrecettes {
    position: absolute;
	top: 1px;
	left: 66px;
    width: 400px;
	font: 13px/15px Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
    color: #333333;
	text-align: left;
}
.textpt {
	font: 10px Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
    color: #333333;
}
div#photopt {
    position: absolute;
	top: 0px;
    left: 380px;
    width: 83px;
}
div#logo {
    position: absolute; /*wichtig*/
    top: 258px;
    left: 50%; /*wichtig*/
    margin: 0 -130px; /*wichtig*/
    width: 264px;
    height: 258px;
	background: url(logo.png);
	z-index:9;
}
div#logo_blass {
    position: absolute; /*wichtig*/
    top: 188px;
    left: 50%; /*wichtig*/
    margin: 0 10px; /*wichtig*/
    width: 332px;
    height: 331px;
	background: url(logo_blass.gif);
	z-index:9;
}
div#petit_cochin {
    position: absolute; /*wichtig*/
    top: 4px;
    left: 50%; /*wichtig*/
    margin: 0 250px; /*wichtig*/
    width: 217px;
    height: 52px;
	background: url(petit_cochin.gif) no-repeat;
	z-index:3;
}
div#adresse {
    position: absolute; /*wichtig*/
    top: 578px;
    left: 50%; /*wichtig*/
    margin: 0 -464px; /*wichtig*/
    width: 930px;
    height: 20px;
	padding: 0px;
	font: 10px Verdana, Geneva, Arial, sans-serif;  
	color: #9A9292; 
	z-index:3;
	text-align: center;
}

#adresse a:link, #adresse a:visited { 
	color: #C7C1B9;
}
#adresse a:hover { 
	color: #E6DFD5;
}

.liste_photo a img
	{
	padding: 4px;
	background: transparent url(img-bg.gif) no-repeat;
	border: none;
	}
	
.liste_photo a:hover img { background-position: 0 -91px; }


/* 
-----------------------------------------------
COLIS
----------------------------------------------- */

.colis {
	overflow: hidden;
	margin-top: 5px;
	padding: 7px 0 10px 10px;
	width: 385px;
	background-color: #EFE7DC;
}
.colis .descrip {
	margin-right: 10px;
	margin-top: 10px;
	padding: 5px;
	float: left;
	width: 172px;
	background: #DDD3C4;
	font: 11px/13px 'arial', Tahoma, Geneva, sans-serif;
}
.descrip img {
	margin-top: 4px;
	margin-bottom: 4px;
}
.paypal {
	overflow: hidden;
	width: 385px;
}
.paypal img {
	float: right;
}


/* TopNavigation
----------------------------------------------- */

#nav {
    position: absolute; /*wichtig*/
    top: 96px;
    left: 50%; /*wichtig*/
    margin: 0 -430px; /*wichtig*/
    width: 390px;
    height: 12px;
	z-index:5;
}

#nav ul {display:inline;
	list-style: none;
	overflow: hidden;
}

#nav ul {
	padding: 0px;
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
	padding-top: 12px; height: 0px !important; 
	overflow: hidden;
}

#n1 { 
	width: 50px;
	background: transparent url(navbar.gif) 0 0 no-repeat;
}
#n2 { 
	width: 75px;
	background: transparent url(navbar.gif) -51px 0 no-repeat;
}
#n3 { 
	width: 84px;
	background: transparent url(navbar.gif) -126px 0 no-repeat;
}
#n4 { 
	width: 72px;
	background: transparent url(navbar.gif) -210px 0 no-repeat;
}
#n5 { 
	width: 55px;
	background: transparent url(navbar.gif) -282px 0 no-repeat;
}
#n6 { 
	width: 54px;
	background: transparent url(navbar.gif) -337px 0 no-repeat;
}

#n1 a:hover { background: transparent url(navbar.gif) 0 -12px no-repeat; }
#n2 a:hover { background: transparent url(navbar.gif) -51px -12px no-repeat; }
#n3 a:hover { background: transparent url(navbar.gif) -126px -12px no-repeat; }
#n4 a:hover { background: transparent url(navbar.gif) -210px -12px no-repeat; }
#n5 a:hover { background: transparent url(navbar.gif) -282px -12px no-repeat; }
#n6 a:hover { background: transparent url(navbar.gif) -337px -12px no-repeat; }