/* Reset
-----------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img {border:none;}
caption,th {text-align:left;}
td {vertical-align:top;}

/* General
-----------------------------------------------------------------*/
body {font:13px Verdana,Arial,Helvetica,sans-serif; color:#333;}
h1 {margin-bottom:13px; font:normal 20px Geneval,Arial,Helvetica,sans-serif; color:#01594b;}
h2 {font:normal 20px Geneval,Arial,Helvetica,sans-serif; color:#666;}
h3 {margin:16px 0 10px 0; font:bold 12px Verdana,Arial,Helvetica,sans-serif; color:#01594b;}
p {margin-bottom:9px;}
strong {font-weight:bold;}
em {font-style:italic;}
a {color:#01594b; text-decoration:underline;}
a:hover {text-decoration:none;}
ul {margin-bottom:1em; padding-left:40px;}
li {list-style-type:disc;}
input,select,option {font-size:9px; color:#333;}
legend {font-family:Arial,Helvetica,sans-serif;} /*/ IE /*/
button {width:30px; height:18px; line-height:18px; border:none; font-size:9px; color:#fff; background-color:#01594b; cursor:pointer;}
blockquote {padding:10px 40px;}
.additional {float:left; margin:0.2em 0 0 1em; padding-left:1em; border-left:1px solid #333;}
.clearer {visibility:hidden; clear:both; margin:-1px 0; height:1px; font-size:1px; overflow:hidden;} /*/ IE /*/

/* Miscellaneous
-----------------------------------------------------------------*/
#input3Col input {width:384px !important;}
#formInscription {margin-bottom:10px;}
#ok {width:30px !important; height:18px; border:none; font-size:9px; color:#fff; background-color:#01594b; cursor:pointer;}
#nom,#prenom,#email,#message {padding:2px; border:1px solid #01594b;}
#aliments,#litieres,#hygiene,#regimes-speciaux {position:absolute; left:10px !important; top:120px !important; margin-top:10px; visibility:hidden;}
#veritas {background:url('/charte/www.safe-diets.com/ger/prod/images/veritas.jpg') no-repeat center center;}

#tabCharte {width:100%;}
#tabCharte th{background-color:#01594B; color:#FFFFFF; height: 40px; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; text-align:left; padding:20px 3px 0 8px;}
#tdTabCharte {padding:0 3px 0 8px; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
#tabCharte #pied {background-color:#01594B; height: 20px;}

#formInscription #titrePage #flashcontent {width:50px; height:50px;}
#formInscription input {width:175px; border: 1px solid #01594B; padding:2px;}
#formInscription #lastName {padding:0 50px 18px 0;}
#formInscription #email{border-color:#FFFFFF; padding:0;}
#formInscription #firstName {padding:0 50px 18px 0;}
#formInscription #company {padding:0;}
#formInscription #streetAddress {padding:0;}
#formInscription #streetAddress input{width:456px;}
#formInscription #ok {width:30px; height:19px;}

/*
.quality {background:url('/charte/www.safe-diets.com/ger/prod/images/Tampon filigrane GB.jpg') no-repeat right top;}
*/

.vert {color:#01594b;}
.adresse {font:bold 11px Verdana,Arial,Helvetica,sans-serif; color:#408278;}

/* Site
-----------------------------------------------------------------*/
#site {padding:20px 0; background:#f9f9f9 url('/charte/www.safe-diets.com/ger/prod/images/background.jpg') no-repeat center top;}
#container {position:relative; margin:0 auto; width:950px; overflow:hidden; border:1px solid #01594b; background:#fff url('/charte/www.safe-diets.com/ger/prod/images/flask.jpg') no-repeat 0 132px;}
#flask {position:absolute; left:0; top:132px; z-index:0; width:150px; height:460px; overflow:hidden;}

/* Menu
-----------------------------------------------------------------*/
#menu {padding-right:10px; border-bottom:1px solid #01594b; line-height:20px; text-align:right; z-index:100;} /*/ IE & IE6 /*/

#navigation {position:relative; float:left; margin-bottom:0; padding-left:0; font-size:14px; text-align:left;}
#navigation li {float:left; height:35px; line-height:35px; border-right:1px solid #01594b; list-style:none;}
#navigation li a {display:block; padding:0 8px; height:100%; text-decoration:none;} /*/ IE6 /*/
#navigation li a:hover {color:#666; text-decoration:underline;}

#language {float:right; margin:10px 9px 0 0; padding-left:0;} /*/ IE6 /*/
#language li {float:left; margin-right:8px; list-style:none;}
#language li a {display:block; width:15px; height:10px; overflow:hidden; text-indent:-9999px; text-align:left; background:no-repeat left top;}
#language li#flag-fre a {background-image:url('/charte/www.safe-diets.com/ger/prod/images/fre.gif');}
#language li#flag-eng a {background-image:url('/charte/www.safe-diets.com/ger/prod/images/eng.gif');}
#language li#flag-spa a {background-image:url('/charte/www.safe-diets.com/ger/prod/images/spa.gif');}
#language li#flag-ger a {background-image:url('/charte/www.safe-diets.com/ger/prod/images/ger.gif');}
#language li#flag-jpn a {background-image:url('/charte/www.safe-diets.com/ger/prod/images/jpn.gif');}

/* Main
-----------------------------------------------------------------*/
#main {position:relative; padding:10px 10px 10px 155px; min-height:560px;} /*/ IE6 /*/

/* Header
-----------------------------------------------------------------*/
#header {padding-top:10px; height:165px; overflow:hidden;}

#logo {float:right; margin:0 45px 0 0; text-align:right;}
#video {clear:right; float:right; margin-top:55px; padding:0 60px 0 5px; height:40px; line-height:40px; font-weight:bold; font-size:14px; text-align:right; background:url('/charte/www.safe-diets.com/ger/prod/images/blue-arrow.jpg') no-repeat right top;} /*/ IE /*/
#headline {padding-top:30px; color:#666;}

/* Content
-----------------------------------------------------------------*/
#content {padding:10px; border:1px solid #01594b;} /*/ IE & IE6 /*/
#content #video {display:block; float:left; margin:0; text-align:left;}
#pagetitle {margin-bottom:10px; font-size:18px; text-transform:uppercase; text-align:center; color:#848484;}

/* Links
-----------------------------------------------------------------*/
#links {position:absolute; bottom:9px; width:160px; line-height:16px; font-size:9px; text-align:right;}
#links a {margin:0 5px;}

/* Box
-----------------------------------------------------------------*/
.box {position:relative; width:175px; margin:10px 0; padding:7px 18px 10px; overflow:hidden; z-index:0; background:url('/charte/www.safe-diets.com/ger/prod/images/box-bg.gif') repeat-y left top;}
.box .cap {position:absolute; left:0; width:211px; height:10px; overflow:hidden; background:no-repeat left top;}
.box .cap.top {top:0; background-image:url('/charte/www.safe-diets.com/ger/prod/images/box-top.gif');}
.box .cap.bottom {bottom:0; background-image:url('/charte/www.safe-diets.com/ger/prod/images/box-bottom.gif');} /*/ IE6 /*/

/* Tab
-----------------------------------------------------------------*/
.menutab {margin-bottom:0; padding-left:0;}
.menutab li {position:relative; float:left; margin:0 4px -1px 0; height:30px; overflow:hidden; border:1px solid #01594b; color:#666; list-style:none;}
.menutab li.active {border-bottom-color:#fff;}
.menutab h2 {font:18px Verdana,Arial,Helvetica,sans-serif;}
.menutab a {display:block; padding:5px 10px; line-height:20px; font-weight:bold; outline:none; color:#777; text-decoration:none;}
.menutab a:hover {color:#01594b;}
.tab {display:none; padding:5px; border:1px solid #01594b;}
.tab.active {display:block;}
.tab h2, .tab h3.bTitle {display:none;}

/* Smart
-----------------------------------------------------------------*/
.bloc {width:100%; overflow:hidden;}
.bloc span {font-size:1em !important;}
.imgTop .bImage {padding-bottom:4px; text-align:center;}
.imgLeft .bImage {float:left;}
.imgLeft .bImage, .imgLeftCol .bImage {padding-right:4px;}
.imgRight .bImage {float:right;}
.imgRight .bImage, .imgRightCol .bImage {padding-left:4px;}
.bImage .legend {display:block; padding-bottom:4px; font-weight:bold; font-style:italic; text-align:left;}
.bLink, .bFile {font-size:9px; font-weight:bold; text-align:right;}
.bLink a, .bFile a {padding-right:18px; text-decoration:none; background:url('/charte/www.safe-diets.com/ger/prod/images/right-arrow.gif') no-repeat right center;}
.pencil {position:relative; z-index:100; float:left; cursor:pointer;}
.imgTop .bContent {clear:both;}

.top {clear:both; padding:1em 0; font-size:9px; font-weight:bold; text-align:right;}
.top a {padding-right:18px; text-decoration:none; background:url('/charte/www.safe-diets.com/ger/prod/images/top-arrow.gif') no-repeat right center;}

.summary {padding:0;}
.summary li {list-style:none;}

.editTitle {margin:20px auto 0; width:950px; color:#c00;}
.editTitle strong {text-transform:uppercase;}
.editTitle span {display:block; border:2px dashed #c00; color:#333;}
.editTitle .pencil {border:none;}

/* Search
-----------------------------------------------------------------*/
.localsearch {float:right; margin:30px 10px 0 0; padding:5px;}
.localsearch input {padding:2px; border:1px solid #01594b;} /*/ IE /*/

/* Panel
-----------------------------------------------------------------*/
.panel {clear:both; margin-top:40px; border:1px solid #01594b; font-size:9px; background:url('/charte/www.safe-diets.com/ger/prod/images/panel.gif') repeat-y left top;} /*/ IE & IE6 /*/
.panel a {font-weight:bold; text-decoration:none;}
.panel .authentication {padding:10px; width:400px; height:auto;}
.panel .authentication button {float:left; margin-left:12px;}

.authentication {float:left; height:164px;}
.authentication legend {margin-bottom:13px; font-size:20px; color:#01594b;}
.authentication input {display:block; margin-bottom:10px; padding:2px; width:170px; border:1px solid #01594b; font-size:9px; color:#333;}
.authentication select {float:left; padding:1px; width:134px; border:1px solid #01594b; font-size:9px; color:#333;}
.authentication button {float:right; margin-bottom:3px;}
.authentication p {margin-bottom:0;}
.authentication .info {font-size:15px; font-weight:bold; color:#8f8f8f;}
.authentication.box a {font-weight:normal; text-decoration:none;}

.subscription {float:right; padding:10px; width:280px;}
.subscription h3 {margin-top:0; font:20px Arial,Helvetica,sans-serif; color:#666;}
.subscription a:hover {text-decoration:underline;}

/* News
-----------------------------------------------------------------*/
.listnews {float:left; font-size:9px;}
.listnews h2 {margin-bottom:5px; font-size:18px; font-weight:bold; color:#01594b;}
.listnews ul {margin-bottom:5px; padding-left:0;}
.listnews li {list-style:none;}
.listnews p {text-align:right;}
.listnews a {color:#747474; text-decoration:none;}
.listnews a:hover {text-decoration:underline;}

/* Event
-----------------------------------------------------------------*/
.event {clear:both; padding:20px;}
.event li {clear:both; list-style:none;}
.event a {text-decoration:none;}
.event .date {float:left; width:110px;}
.event .description {float:left; padding-bottom:10px; width:600px; border-bottom:1px solid #ccc; font-weight:bold; color:#01594b;}
.event .title {float:left; width:310px;}
.event .download {clear:right; float:right; padding-right:50px; width:90px; height:30px; text-align:right; background:url('/charte/www.safe-diets.com/ger/prod/images/pdf.gif') no-repeat right 2px;}

/* Column
-----------------------------------------------------------------*/
.column {float:left; width:49%;}
.column.right {float:right;}

/* Homepage
-----------------------------------------------------------------*/
.homepage #site, .homepage #container {background:none;}
.homepage #header {height:auto; overflow:visible;}
.homepage #main {padding-left:10px;}
/*.homepage #headline {padding:120px 260px 0px 360px;}*/
.homepage #headline {padding: 60px 260px 0px 360px; }
.homepage #headline object, .homepage #headline embed {margin-bottom:-35px;}
.homepage #content {padding:0; border:none;}
.homepage .localsearch {float:none; margin:0;}

/* Sitemap
-----------------------------------------------------------------*/
/*.sitemap #content {float:right; width:595px;}
.sitemap .panel {background-position:-60px 0;}
.sitemap .panel .authentication {width:380px;}
.sitemap .panel .authentication p {line-height:16px;}
.sitemap .panel .authentication input {clear:left; float:left; margin-right:5px; width:175px;}
.sitemap .panel .authentication select {width:160px;}
.sitemap .panel .subscription {width:170px;}*/

/* Lostpassword
-----------------------------------------------------------------*/
.lostpassword {padding-top:60px;}
.lostpassword form {margin-top:30px;}
.lostpassword input {padding:2px; width:175px; border:1px solid #01594b;} /*/ IE /*/
.lostpassword #pagetitle {font-size:20px; text-transform:none; color:#01594b;}

/* Alternative
-----------------------------------------------------------------*/
.alternative #menu {position:relative; padding-right:0; border-bottom:1px solid #01594b; text-align:left;}
.alternative #navigation {float:right; width:55%;}
.alternative #navigation li {position:relative; height:24px; line-height:24px; border:none; font-size:12px;}
.alternative #navigation li a {display:inline; border-right:1px solid #000; text-decoration:underline;}
.alternative #navigation li a:hover {text-decoration:none; color:#01594b;}
.alternative #navigation li.last a {border:none;}

.alternative #language {margin:0 15px 0 0;}
.alternative #language li {margin:0 2px; padding:7px 0; height:auto;}

.alternative #header {margin-bottom:10px; height:auto;}
.alternative #headline {position:absolute; left:110px; top:80px;}
.alternative #logo {margin:0;}
.alternative #video {margin-top:0;}

.alternative #main {padding-right:20px;}
.alternative #content {position:relative; margin-left:180px; border:none;}
.alternative #pagetitle {text-align:left;}

/* Private
-----------------------------------------------------------------*/
#private #menu {position:relative; border-bottom:none;}
#private #navigation {border-bottom:1px solid #3f8076; font-family:Arial,Helvetica,sans-serif;}
#private #navigation li {position:relative; height:24px; line-height:24px; border-color:#3f8076; background-color:#ebebeb;}
#private #navigation li a {color:#3f8076;}
#private #navigation li ul {display:none; position:absolute; left:0; top:24px; margin-bottom:0; padding-left:0; width:220px; background-color:#fff;} /*/ IE & IE6 /*/
#private #navigation li:hover ul, #private #navigation li.hover ul {display:block;}
#private #navigation li li {float:none; height:20px; line-height:10px; margin-bottom:1px; border-right:none; font:bold 10px Verdana,Arial,Helvetica,sans-serif; color:#fff; background-color:#01594b;} /*/ IE & IE6 /*/
#private #navigation li li a {padding:0 10px; line-height:20px; color:#fff;}

#private #language {float:left; margin:0; padding:0 2px; border:solid #01594b; border-width:0 1px 1px 0;}
#private #language li {margin:0 2px; padding:7px 0; height:auto;}

#private #header {margin-bottom:10px; height:auto;}
#private #headline {position:absolute; padding-left:5px; top:20px;}
#private #logo {margin:0;}
#private #video {margin-top:0;}

#private #main {padding-right:20px;}
#private #content {position:relative; padding:10px 0  0 10px; border:none;}
#private #pagetitle {text-align:left;}

/* Homepage
-----------------------------------------------------------------*/
#private.homepage #header {margin-bottom:0;}
#private.homepage #headline {position:static; padding:20px 260px 0 350px;}
#private.homepage #main {padding-right:10px;}
#private.homepage #content {margin-left:0;}

/* Special
-----------------------------------------------------------------*/
#private.special #pagetitle {font-family:Verdana,Arial,Helvetica,sans-serif; text-transform:none;}
#private.special #summary {padding-left:30px; width:70%; vertical-align:middle;}
#private.special .summary {padding-left:8px; font-size:11px;}
#private.special .summary li {padding-left:18px; background:url('/charte/www.safe-diets.com/ger/prod/images/right-arrow.gif') no-repeat left 4px;}
#private.special .summary li a {font-weight:bold; text-decoration:none;}

/* News
-----------------------------------------------------------------*/
#private.news .event {float:left;}
#private.news .event .date {width:80px;}
#private.news .event .description {width:435px; text-transform:uppercase;}
#private.news .event .title {width:100%;}
#private.news #content .bloc {float:right; width:200px;}

/* Article
-----------------------------------------------------------------*/
#private.article #pagetitle {float:left;}

/* Distribution
-----------------------------------------------------------------*/
#private.distribution #content.international {font-size:9px;}

/* Google Search
-----------------------------------------------------------------*/
#private.googlesearch #content .gPagination {margin-bottom:20px; text-align:center;}
#private.googlesearch #content .gResult {margin:5px 0 10px 0;}
#private.googlesearch #content .gTypePDF, #private.googlesearch #content .gTypeDOC {float:left;}
#private.googlesearch #content .gT {font-weight:bold; color:#00594a;}

/* Search
-----------------------------------------------------------------*/
#private.search #pagetitle {margin-bottom:2em; text-transform:none;}
#private.search #content h2 {font-size:18px; color:#848484;}
#private.search #content form {clear:both; padding-left:5px; line-height:18px;}
#private.search #content.products #ok {float:right; margin-bottom:10px;}

/* eBusiness
-----------------------------------------------------------------*/
#private.ebusiness #pagetitle {float:left;}
#private.ebusiness .additional {border-color:#00594a; text-decoration:none;}
#private.ebusiness .listproducts {margin-bottom:1em; width:100%;}
#private.ebusiness .listproducts td {padding:5px 0; border-bottom:1px solid #ccc;}
#private.ebusiness .reference {font-weight:bold;}
#private.ebusiness .description {text-align:right;}
.downloadPDF {clear:right; float:right; padding-right:50px; text-align:right; background:url('/charte/www.safe-diets.com/fre/prod/images/pdf.gif') no-repeat right 2px; text-decoration:none; height:30px; width:250px;}
.downloadZIP {clear:right; float:right; padding-right:50px; text-align:right; background:url('/img/zip.gif') no-repeat right 2px; text-decoration:none; height:30px; width:250px;}
#private.details .print {clear:right; float:right; padding-right:50px; text-align:right; background:url('/charte/www.safe-diets.com/ger/prod/images/print.gif') no-repeat right 2px; text-decoration:none; height:30px;}

/* Details
-----------------------------------------------------------------*/
#private.details #subtitle {margin-top:0; font-size:1em;}
#private.details #introduction {margin-bottom:10px; font-weight:bold; color:#01594b;}
#private.details #content object {margin-bottom:1em; background-color:#ebebeb;}
/* #private.details .print {clear:both; float:right; padding:0 50px 0 10px; height:30px; white-space:nowrap; font-size:10px; font-weight:bold; text-decoration:none; background:url('/charte/www.safe-diets.com/ger/prod/images/print.gif') no-repeat right top;}*/
#private.details .download {clear:both; float:right; padding:0 50px 0 10px; height:30px; white-space:nowrap; font-size:10px; font-weight:bold; text-decoration:none; background:url('/charte/www.safe-diets.com/ger/prod/images/pdf.gif') no-repeat right top;}
#private.details .flashtitle {margin-top:1em; padding:30px; width:440px; font:18px Verdana,Arial,Helvetica,sans-serif; color:#01594b; background-color:#ebebeb;}
#private.details .info {font-style:italic; text-align:right;}
#private.details.print #content {margin:0 0 1em 0; padding-bottom:1em; border-bottom:1px solid #01594b;}
#private.details.print #logo {float:none; margin-bottom:1em;padding-bottom:1em; border-bottom:1px solid #01594b;}

/* Public
-----------------------------------------------------------------*/
#public #menu {position:relative;}
#public #navigation li {position:relative; height:35px; line-height:35px;}
#public #navigation li ul {display:none; position:absolute; left:0; top:35px; margin-bottom:0; padding-left:0; width:220px; background-color:#fff;} /*/ IE & IE6 /*/
#public #navigation li:hover ul, #public #navigation li.hover ul {display:block;}
#public #navigation li li {float:none; height:20px; line-height:10px; margin-bottom:1px; border-right:none; font:bold 10px Verdana,Arial,Helvetica,sans-serif; color:#fff; background-color:#01594b;} /*/ IE & IE6 /*/
#public #navigation li li a {padding:0 10px; line-height:20px; color:#fff;}