/* 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_scann2.gif);
	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: 10px;
    left: 50%; /*wichtig*/
    margin: 0 320px; /*wichtig*/
    width: 148px;
    height: 44px;
	background: url(petit_cochin.gif);
	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; }



/* 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;
	height: 12px;
	padding-top: 12px; height: 0px !important; 
	height /**/: 12px; overflow: hidden;
}

#n1 { 
	width: 47px;
	background: transparent url(navbar.gif) 0 0 no-repeat;
}
#n2 { 
	width: 72px;
	background: transparent url(navbar.gif) -48px 0 no-repeat;
}
#n3 { 
	width: 81px;
	background: transparent url(navbar.gif) -120px 0 no-repeat;
}
#n4 { 
	width: 69px;
	background: transparent url(navbar.gif) -201px 0 no-repeat;
}
#n5 { 
	width: 53px;
	background: transparent url(navbar.gif) -270px 0 no-repeat;
}
#n6 { 
	width: 68px;
	background: transparent url(navbar.gif) -323px 0 no-repeat;
}

#n1 a:hover { background: transparent url(navbar.gif) 0 -12px no-repeat; }
#n2 a:hover { background: transparent url(navbar.gif) -48px -12px no-repeat; }
#n3 a:hover { background: transparent url(navbar.gif) -120px -12px no-repeat; }
#n4 a:hover { background: transparent url(navbar.gif) -201px -12px no-repeat; }
#n5 a:hover { background: transparent url(navbar.gif) -270px -12px no-repeat; }
#n6 a:hover { background: transparent url(navbar.gif) -323px -12px no-repeat; }