

/****************************************************************************************/
/*	               BALISE PRE-DEFINI HTML		          */
/****************************************************************************************/
body {background-image:url(/charte/www.safe-diets.com/ger/prod/images/bigbg3.jpg); font-family: Verdana, Georgia, "Courier New", "Times New Roman"; font-size: 12px; color:#333333; margin-left:auto; margin-right:auto;background-repeat:no-repeat; background-position: center center; padding:0;}
td {vertical-align:top; font-size: 12px; color:#333333;}
a img {border:0;}
h1 {margin:0 0 13px 0; padding:0; color:#01594b; font-size: 20px; font-weight:normal; font-family: Geneval, Helvetica, "Arial Narrow";}
h2 {margin:0; padding:0; color:#666666; font-size: 20px; font-weight:normal; font-family: Geneval, Helvetica, "Arial Narrow";}
h3 {margin:16px 0 10px 0; padding:0; color:#01594B; font-size: 12px; font-weight:bold;}
p {font-size: 12px; color:#333333; margin:0;}
input, select, option {font-size: 9px; color:#333333;}
a {color:#01594B;text-decoration:underline;}
a:hover {color:#01594B;text-decoration:none;}
.vert {color:#01594B;}

/***********/
/* BLOC */
/**********/
.bloc  {width:100%;}
.title  {}
.content  {}
.imgLeft .content, .imgRight .content  { 
/* Correction d'un N-ième bug IE avec les images flottantes */
border-bottom:1px solid #fff;}
.sep2-body .imgLeft .content, .sep2-body .imgRight .content  {border-color:#F8F8EE;}
.imgLeft .content p, .imgRight .content p{margin:0 0 9px;}
.link  {text-align: right;}
.link a  {}
.link a:hover  {}
.image  {margin-bottom:3px;}
.image br  {display:none;}
.legend  {display:block;text-align:center;color:#9B9B9B;font-size:11px;}
.imgLeft .image  {float:left;}
.imgRight .image  {float:right;}
.imgLeft .image, .imgLeftCol .image  {margin:0 3px 3px 0;}
.imgRight .image, .imgRightCol .image  {margin:0 0 3px 3px;}
.imgLeftCol .imgCell,  .imgRightCol .imgCell  {width:1%;}
.imgTop .image  {text-align:center;}
.imgTop .image img  {margin:0;}
.legend  {font-size:11px;font-style:italic;}
.pencil  {float:left;cursor:pointer;}
.boxTop {text-align:right;}

/***************************/
/**Menu Javascript **/
/************************/
#main .jsMenu {margin:0; position:absolute; left:0%; top:0%; width196px; height:20px;margin-top: -10px; margin-left: -98px;}

.firstLevel {border-right:1px solid #01594B; font-family: Geneval, Helvetica, "Arial Narrow"; font-size:15px; font-weight:normal;}
.secondLevel {padding:2px 0 0 20px;text-align:left;}
.jsMenu .firstLevel{border:1px solid #01594B; border-right:0;}
.jsMenu {border-bottom:1px solid #01594B; border-right:1px solid #01594B;}
a.mainMenuItem {display:block;text-decoration:none;}
a.firstLevel {padding:4px 0 5px 1px;height:16px;color:#3F8076;text-decoration:none;}
a.firstLevel:hover {text-decoration: underline;color:#3F8076;}
a.secondLevel {padding:2px 0 5px 21px;color:#ffffff;text-align:left;text-decoration:none;background-image:url(/charte/www.safe-diets.com/ger/prod/images/menu2.gif);background-repeat:no-repeat;background-position:11px 5px;}
a.secondLevel:hover {color:#ffffff; text-decoration: underline;background-image:url(/charte/www.safe-diets.com/ger/prod/images/menu2.gif);background-repeat:no-repeat;background-position:11px 5px;}
#mainNav {margin-top:0;}

/****************************************************************************************/
/*		           HEADER		          */
/****************************************************************************************/
#site {width:1070px;margin-left: auto; margin-right: auto;}
/*#main {overflow:hidden; background-color: #ffffff; border: 1px solid #01594B; margin: 0 auto; background-image:url(/charte/www.safe-diets.com/ger/prod/images/fond-bg-droite2.jpg); background-repeat:no-repeat;  position:absolute; left: 50%; top: 50%; width:790px; height:576px; margin-top: -288px; margin-left: -475px; padding:0px 48px 0 112px; background-position:0px 129px;}*/

#main {
overflow:hidden; 
background-color: #ffffff; 
border: 1px solid #01594B; 
background-image:url(/charte/www.safe-diets.com/ger/prod/images/flask.jpg);
background-repeat:no-repeat;  
position:absolute;
left: 50%;
top: 50%;
width:790px; 
height:576px; 
margin-top: -288px;
margin-left: -475px;
padding:0px 48px 0 112px;
background-position:0px 128px;
}
.jsMenu * {
position:relative;
}
#main2 {
overflow:hidden; 
background-color: #ffffff; 
border: 1px solid #01594B;
position:absolute;
left: 50%;
top: 50%;
width:950px;
height:576px;
margin-top: -288px; /* moitié de la hauteur */
margin-left: -475px; /* moitié de la largeur */

border-left: none;
padding:0;
}
#logo {width:100%; text-align:right;padding-top:0px;}

#site2 {width:1070px; background-image:url(/charte/www.safe-diets.com/ger/prod/images/fondall.jpg); background-repeat:no-repeat; background-position:44px 140px; padding-left:151px;}

#site3 {width:1070px ;padding:0;margin-left: auto; margin-right: auto;}

/****************************************************************************************/
/*		      CONTENT		          */
/****************************************************************************************/
/* Titre flash */
#titrePage {margin-top:-30px;}
#flashcontent {}

/* Scrolling */
#scrollDiv{position:absolute; left:10; top:50; scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#01594B; scrollbar-darkshadow-color:#808080; scrollbar-face-color:#FFFFFF;  scrollbar-track-color:#EBEBEB; padding-right:25px; height:435px; width:606px; overflow:auto;}

/* PreHome, Home */
#content {margin:5px 50px 0 189px;}
#titreParaHome {margin:0 0 7px 0; padding:0; color:#848484; font-size: 20px; font-weight:normal; font-family: Geneval, Helvetica, "Arial Narrow"; height:48px;}
#contentTable {border: 1px solid #01594B; border-bottom: 0; border-left:0;}
#contentTable a {color:#01594B; text-decoration:none; font-weight:bold;}
#contentTable a:hover {text-decoration:underline;}
#titreParenthese {font-family: Geneval, Helvetica, "Arial Narrow"; font-size:15px; color:#8F8F8F;font-weight:bold;}
#listeActuHome, #formId {border-bottom: 1px solid #01594B; padding:8px 10px 6px 10px; border-left: 1px solid #01594B;}
.email, .mdp, .focus{width:178px; border: 1px solid #01594B; padding:2px;}
#selectLang {width:148px; border: 1px solid #01594B;  padding:1px;}
#ok {background-color:#01594B; color:#ffffff; border:0; padding:0; width:30px; height:19px; text-align:center; cursor: pointer;}
#textForm {padding-top:2px;}
/*.mdp, #selectLang, #ok {margin:9px 0 0 0;}*/
.mdpTd, .okTd, .selectLangTd {padding:9px 0 0 0;}
#inscription {border-bottom: 1px solid #01594B; border-left: 1px solid #01594B; padding:10px; background-color:#EBEBEB; font-size:9px;}
#colHome {border-left: 1px solid #01594B;}
#colHome #emptyDiv {padding:2px 10px 22px 9px;}
#listeActuHome h3 {margin:0 0 12px 0; padding:0; color:#848484; font-size: 20px; font-weight:normal; font-family: Geneval, Helvetica, "Arial Narrow";}
#colHome #emptyDiv p {font-size:9px;}
#formId #textForm { font-size:9px;}

/* Home */
#dateActuHome {color:#CCCCCC; font-weight:bold;font-size:9px;}
#aticleActuHome a {color:#333333; font-weight: normal;font-size:9px;}
#lireLaSuite {margin-left:100px;}
#headerHome {width:948px;}
#logoHome {padding:31px 50px 2px 0; text-align:right;width:748px;}
#logoHome2 {padding:31px 50px 0 0; text-align:right;width:748px;}
#animFlacon {vertical-align:bottom; padding-bottom:0px; width:150px;}
#animFlacon2 {vertical-align:bottom; width:150px;padding-bottom:0px;}
#animHome {width:798px;}
#contentHome {width:748px; padding:1px 50px 0 150px;}

/* page spécial => sommaire de page */
#contentStandard {padding-right:45px;padding-top:0px; height:449px; width:546px; float:right;  background-image:url(/charte/www.safe-diets.com/ger/prod/images/bg-trait.gif); background-repeat:repeat-y; background-position:641px 0px; margin-top:40px;}
#imageSpe {width:20%; padding-top:50px;}
#sommaireSpe {vertical-align:middle; padding-top:50px;}
#sommaireSpe a {color:#01594B; text-decoration:none; font-weight:bold;}
#sommaireSpe a:hover {text-decoration:underline;}
#sommaireSpe li {list-style-image: url(/charte/www.safe-diets.com/ger/prod/images/linkSum.gif); list-style-position:outside;}
#sommaireSpe ul {margin-left:29px;}
#chapoSpe {color:#01594B; font-weight:bold; padding:12px 0 0 0;}
#linkHautDiv {text-align:right; margin-right:20px;}
#contentStandard #scrollDiv {height:429px; width:576px;}

/* page actualité */
#pageActu #renseignements #articleTitle {font-family: Geneval, Helvetica, "Arial Narrow"; color:#CCCCCC; font-size:18px;text-transform:uppercase;}
#pageActu #renseignements #articleDate {color:#333333;}
#pageActu #renseignements #articleSubtitle {color:#01594B; font-weight:bold; font-size:12px;}
/* #pageActu #renseignements {padding:46px 46px 10px 0;}
#pageActu #imageSpe {vertical-align:bottom; padding-bottom:20px;padding-right:10px;}*/
#pageActu #renseignements {padding:6px 6px 10px 0;}
#pageActu #imageSpe {padding-bottom:0px;padding-right:10px;}

/* charte qualité */
#contentCharteQualite {
/*background-image:url('/charte/www.safe-diets.com/ger/prod/images/Tampon filigrane GB.jpg'); */
background-position:top right;background-repeat:no-repeat; padding-right:45px;padding-top:0px; height:100%; width:546px; float:right; margin-top:40px;}
#contentCharteQualite #scrollDiv {height:430px; width:536px;}

/* liste des actualité */
#listeArticle {float:left; width:420px; margin-left:10px; margin-top:45px;}
#galeriePhoto {float:rihgt;width:136px;margin-left:30px; overflow:hidden;margin-top:45px;}
#articleTitleListe {border-bottom:1px solid #CCCCCC; padding: 10px 20px 10px 0;text-transform:uppercase;}
#articleTitleListe a {color:#01594B; text-decoration:none; font-weight:bold;text-transform:uppercase;};
#articleTitleListe a:hover {text-decoration: underline;text-transform:uppercase;}
#articleDateListe {padding:10px 0;}
#listeStandard {padding-right:0px; height:100%; width:576px; float:right;  background-image:url(/charte/www.safe-diets.com/ger/prod/images/bg-trait.gif); background-repeat:repeat-y; background-position:top right;margin-top:10px;}

/* liste des newsletters */
#listeArticle2 {float:left; width:420px; margin-left:10px; margin-top:45px;}
#listeArticle2 table {width:550px;}
#newsDateListe {padding:10px 0;}
#newsTitleListe {border-bottom:1px solid #CCCCCC; padding: 10px 20px 10px 0; color:#01594B; font-weight:bold;}
#newLinkPdf {border-bottom:1px solid #CCCCCC; padding: 10px 0px 10px 0; text-align:right;}
#newLinkPdf a {font-weight:bold; text-decoration:none;}
#newLinkPdf span {vertical-align:top;}

/* formulaire d'inscription */
#contentForm table, #contentForm h3 {margin:0 0 0 220px;}
#contentForm  p {margin:15px 0 35px 220px;}
#contentForm #titrePage #flashcontent {width:50px; height:50px;}
#contentForm input {width:175px; border: 1px solid #01594B; padding:2px;}
#contentForm #lastName {padding:0 50px 18px 0;}
#contentForm #email{border-color:#FFFFFF; padding:0;}
#contentForm #firstName {padding:0 50px 18px 0;}
#contentForm #company {padding:0;}
#contentForm #streetAddress {padding:0;}
#contentForm #streetAddress input{width:456px;}
#contentForm #ok {width:30px; height:19px;}

/* Recheche par référence */
#C1{padding-top:10px;};
.normal {width:305px; border: 1px solid #01594B; padding:2px;}
#searchRadioRef {}

/* Page contact */
#nom, #prenom, #email, #message {border: 1px solid #01594B; padding:2px;}
#envoyer {background-color:#01594B; color:#ffffff; border:0; padding:0; width:80px; height:19px; text-align:center; cursor: pointer;}


/*****************/
/* Catalogue */
/***************/
/* Liste des produits */
#listProduct {loat:left; width:540px; margin-left:10px; margin-top:45px;}
#listProduct table {width:550px;}
#listProduct #renseignements span{vertical-align:middle}
#listProduct #renseignements #articleTitle {font-family: Geneval, Helvetica, "Arial Narrow"; color:#CCCCCC; font-size:18px;text-transform:uppercase;}
#listProduct #renseignements #newSearch a {text-decoration:none;}
#refProduct {border-bottom:1px solid #CCCCCC; padding: 5px 20px 5px 0; color:#01594B; font-weight:bold;}
#animProduct {border-bottom:1px solid #CCCCCC; padding: 5px 0px 5px 0; text-align:right;}

/* Fiche produit */
#titreStatFla {background-color:#EBEBEB; color:#01594B; font-size:18px; padding:30px 0 30px 30px; width:470px; }

/****************************************************************************************/
/*		      FOOTER			          */
/****************************************************************************************/
#basSite {height:35px; background:none; margin-top:375px;}
#basSite2 {height:133px; background-image:url(/charte/www.safe-diets.com/ger/prod/images/bas2.jpg); background-repeat:no-repeat; background-position:49px 0px;}
#footer {margin:0 auto;width:160px;}
#footer table {width:100%;}
#drapeaux {text-align:left;border-right: 1px solid #01594B; border-bottom: 1px solid #01594B; padding:0 3px; height: 24px;}
#drapeaux img {margin:5px 0 0 10px;padding:5px 2px; margin:0;}
#linkFooter {text-align:right; padding:5px 0 0 0;}
#linkFooter a {font-size: 9px; color:#01594B; text-decoration:none;}
#linkFooter a:hover {text-decoration:underline;}
#newFooter {float:right; text-align:right; font-size:9px;}
.newFooterGamme {margin-top:-60px;}
.listenewFooter {margin-top:-87px;}
.listeNewFooterActu {margin-top:-27px;}
.newFooterEuro {margin-top:-57px;}
.newFooterInter {margin-top:-57px;}
.newFooterFamily, .newFooterProduct {margin-top:-57px;}
.newFooterStandard {margin-top:-17px;}

/**********************/
/* Tableau charté */
/**********************/
#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;}

/***************/
/* customer */
/***************/
.sendMdpOk {font-weight:bold;}
.error{color:red; font-weight:bold;}

#formInscription td {vertical-align:middle;}

#label1Row {width:80px;}
#input3Col {}
#input3Col input{width:384px;}

#label2Left {width:80px;}
#input2Left {width:80px;}
#input2Left input {margin:0;width:100px;}

#label2Right {width:90px; text-align:left;}
#input2Right {width:80px;}
#input2Right input{width:100px;}

#spacerForm {height:20px;}

#inputMdp input{width:209px;}

/*************************************************************/
/* Classe spéciales sur les id flashcontent, contentStandard */
/*************************************************************/

/* Distribution en Europe */
.flashContentDistriEuro {height:120px;float:left;width:110px;overflow:hidden;}
.pageActuDistriEuro {margin:0; padding:0;}


/* Distribution internationale */
.flashContentDistriInter 

{height:120px;float:left;width:115px;overflow:hidden;}
.contentStandardDistriInter {margin:114px 0 0 0; padding:0; 

background:none;}

/* Ebusiness - family */
.flashContentFamily {height:120px;float:left;width:145px;overflow:hidden;}
.contentStandardFamily, .contentStandardSpecial {float:right;}

/* Ebusiness - product */
.flashContentProduct {height:120px;float:left;width:145px;overflow:hidden;}
.contentStandardProduct {background-position:631px 0px;}
.rowProductImg {padding:50px 0 20px 0; vertical-align:bottom; 

text-align:right;}
.rowProductTop, .rowBottomProduct {padding-right:10px;}

/* Liste des actualités */
.flashContentListeActus 

{height:60px;float:left;width:145px;overflow:hidden;}
.listeStandardActus {background-position:630px 0px;}

/* Liste des newsletters */
.flashContentListeNews 

{height:120px;float:left;width:145px;overflow:hidden;}
.listeStandardNews {background-position:645px 0px;padding-right:15px;}

/* Actualités */
.flashContentActu {height:60px;float:left;width:145px;overflow:hidden;}

/* Spéciale */
.flashContentSpecial {height:120px;float:left;width:145px;overflow:hidden;}

/* Recherche par gamme */
.flashContentGamme {height:120px;float:left;width:165px;overflow:hidden;}
.contentStandardGamme {background-position:621px 0px;}
.scrollDivGamme {width:556px; padding-top:30px;}


/* Recherche par référence */
.flashContentRef {height:120px;float:left;width:165px;overflow:hidden;}
.contentStandardRef {background-position:601px 0px;}
.scrollDivRef {width:556px; padding-top:30px;}



.scrollDivProduct {width:556px;}
.scrollDivEuro {margin:40px 0 0 36px; padding:0; background:none;}

/*.pencil{display:none;}*/

/***************/
/* veritas*/
/***************/
#veritas {background-image:url('/charte/www.safe-diets.com/ger/prod/images/VERITAS.jpg')  ;
background-repeat:no-repeat;
background-position:center;
height:100%;
}

/***************/
/* Ajouter par sothears*/
/***************/
.contentStandardGamme #pageActu h2, #pageActu #renseignements #articleTitle{color:#848484;font-size: 18px; font-weight:normal; font-family: Geneval, Helvetica, "Arial Narrow"}

#drapeaux {border-right: 1px solid #01594B; border-bottom: 1px solid #01594B; padding:0 3px; height: 24px;padding-left:12px}
#nav {color:#EBEBEB;font-family: Geneval, Helvetica, "Arial Narrow";position:relative; z-index:1000;}
ul#nav { height:30px;margin-left:2px;margin-top:-1px;font-size: 15px ; color:black ;align:center;}
ul#nav a { padding:8px 0 0; height:20px;  color:#3F8076; text-decoration:none; display:block; }
ul#nav a.presentation{padding-left:9px;width:91px;padding-right:-5px;border-left:solid 1px;border-right:solid 1px;margin-left:-2px;border-top:solid 1px;border-bottom:solid 1px}
ul#nav a.produits{padding-left:7px;width:48px;border-right:solid 1px;border-top:solid 1px;border-bottom:solid 1px}
ul#nav a.actus{padding-left:11px;width:88px;border-right:solid 1px;border-top:solid 1px;border-bottom:solid 1px;}
ul#nav a.qualite-tracabilite{padding-left:5px;width:138px;border-right:solid 1px;border-top:solid 1px;border-bottom:solid 1px;}
ul#nav a.distribution{padding-left:11px;width:90px;border-right:solid 1px;border-top:solid 1px;border-bottom:solid 1px;}
ul#nav li a.produits{width:65px;margin-left:0px;}
ul#nav li a.rd-formation{padding-left:12px;width:105px;border-right:solid 1px;border-top:solid 1px;border-bottom:solid 1px}
ul#nav a:hover {text-decoration:underline }
ul#nav li {height:30px; background-color:#EBEBEB; float:left;color:black; list-style-type:none;margin-top:-5px}
ul#nav ul.sousMenu { position:absolute;margin-left:70px;width:120px;font-size:10px; font-family: Verdana, Georgia, "Courier New", "Times New Roman"; font-weight:bold;}  
ul#nav li:hover ul.sousMenu, ul#nav li.sfhover ul.sousMenu { left:auto;}
ul#nav ul.sousMenu li {float:none;  background-color:#01594B; color:#FFFFFF;height:20px;margin-top:0px;}
ul#nav ul.sousMenu li a {background-color:#01594B; font-weight:bold;color:#FFF;}
ul#nav ul.sousMenu li a:hover {text-decoration:underline }
ul#nav a:hover { text-decoration:underline }
ul#nav ul.sousMenu { position:absolute; left:-999em; color:#FFFFFF;}  

ul#nav li:hover ul.sousMenu, ul#nav li.sfhover ul.sousMenu { left:auto;width:150px;margin-left:-40px}
ul#nav ul.sousMenu li a.presentation, ul#nav ul.sousMenu li a.produits {padding-left:15px;width:200px;padding-top:-3px;padding-top:3px;font-weight:bold;}
ul#nav ul.sousMenu li a.distribution {padding-left:10px; padding-right:-30px; padding-top:3px;font-weight:bold; }
ul#nav ul.sousMenu li a.rd-formation ,ul#nav ul.sousMenu li a.qualite-tracabilite{padding-left:5px;width:180px;padding-top:3px;font-weight:bold;}
ul#nav ul.sousMenu li a.actus,ul#nav ul.sousMenu li a.distribution{padding-left:10px;width:150px;padding-top:3px;font-weight:bold;}
ul#nav ul.sousMenu li a:hover {text-decoration:underline ;}

#contentStandard #pageActu .adresse
{
color: #408278;
font-weight: bold;
font-family: Verdana,Georgia,"Courier New","Times New Roman";
font-size: 10px;
}
/*AJOUTER PAR SOTHEAR 15/09/08*/
#contentHome .image{border-bottom:1px solid #01594B}

#sitemapLink { margin-bottom:3px; }

/* Actualite en home page */
.box {position:relative; width:175px; margin-bottom:10px; padding:7px 18px; overflow:hidden; 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 /*/
#authentication {float:left; margin:10px 0; height:101px; margin:30px 0 -30px 0;}
#authentication h2 {color:#005A48; font-size:18px; font-weight:bold; margin-bottom:5px;}
#authentication #dateActuHome {color:#333333; font-weight:normal;font-size:9px;}
#authentication #aticleActuHome a, #authentication a {color:#747474; font-weight:normal;font-size:9px; text-decoration:none;}
#authentication #aticleActuHome a:hover, #authentication a:hover {text-decoration:underline;}

/* Recherche en homepage */
#topsearchHome {position: relative; top:43px; left:320px; border:1px solid #00594a; border-bottom:none; padding:4px 0 5px 10px; width:144px;}

/* Recherche toutes les pages sauf Homepage */
#topsearch {position: relative; top:43px; left:468px;}

/* resultat google */
.gPagination {text-align:center; margin-bottom:20px;}
.gResult {margin:5px 0 10px 0;}
.gTypePDF, .gTypeDOC {float:left;}
.gT {font-weight:bold; color:#00594a;}
.gS {}
.gU {}