@charset "iso-8859-2";
/* CSS Document */


/* ######################################## */
/* HTML tags */
/* #################### */

body, html {
	background-image: url(/assets/templates/neutrikV2/images/bg_linie_gray.gif);
    background-repeat: repeat-y;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:0;
	margin:0;
}

img {
	border: none; /* disables the border on images used as a link */
	vertical-align: bottom;
}

select {
	font-size: 11px; 
	color: #000000;
}

a { /*font-size: 11px; */color: #01957d; text-decoration: none;	}
a:hover { color: #01957d; text-decoration: underline; }

/* used for text editor formatted content  */
p {	margin-top: 0px; }

/* standard font */
td {  			
	font-size: 11px; 
	color: #000000; 
}

ul li {
	list-style-image: url(/assets/templates/neutrikV2/images/fleche.gif);
}

fieldset {
	margin-left: 5%;
	margin-right: 5%;
	padding: 15px;
}

fieldset legend {
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	padding: 0 10px 0 10px;
}


/* ######################################## */
/* standard definitions start */
/* #################### */

.small9 {
    font-size:9px;
}
.big {
    font-size:24px;
}
.green {
    color:#01957d;
}
.white {
    color:#fff;
}
.bold {
    font-weight:bold;
}
.gray {
    color:#999;
}
.spacer5 {
    margin:0 0 5px 0;
}
.spacer10 {
    margin:0 0 10px 0;
}
.spacer15 {
    margin:0 0 15px 0;
}
.spacer20 {
    margin:0 0 20px 0;
}

/* standard definitions end */

#contentContainer {
    LEFT: 203px; 
    WIDTH: 640px; 
    POSITION: absolute; 
    TOP: 90px; 
}

.formStyle {
    width:220px; 
    border-style:solid; 
    border-width:1px; 
    border-color:#01957d; 
    margin-left:0px; 
}

.submitStyle { 
    background-image:url(/assets/templates/neutrikV2/images/button_white.gif);
    background-repeat:no-repeat;
    border:0pt none;
    height:24px;
    padding:0pt;
    width:73px; 
    margin:0px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; color: #01957d; font-weight: normal;
    cursor:pointer;
}

#naviContainer {
	position: absolute;
	left: 0px;
	top: 105px; /* 135px; */
	padding: 0px;
	/*margin: 0px;*/
}

#bgNaviImg {
	width: 183px;
	position: absolute;
	left: 0; 
	top: 0;
	background-color:#eee;
}

#bgNaviInf {
	position: absolute;
	left: 0px; top: 0px;
	width: 187px;
	height: 100%;
	background-color: #93C6F9;
}

#blauBgHeader {
	position: absolute;
	left: 0px; top: 0px;
	width: 100%; height: 75px;
}
#gruenBgHeader {
	position: absolute;
	left: 0px; top: 0px;
	width: 100%; height: 75px;
}
#blueBar {
	position: absolute;
	left: 0px;
	top: 89px;
	/*width: 100%;*/
	width: 183px; /* re-defined by Justin */
	height: 1px;
	background-color: #fff;
	z-index:2;
}
.boxBlue {
	background-color: #91d1c7;
}
.boxGreen {
	background-color: #eee;
}

#groupContainer {
    LEFT: 203px; 
    WIDTH: 643px; 
    POSITION: absolute; 
    TOP: 215px; 
}

.productBox { 
	BORDER-RIGHT: #01957d 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #01957d 1px solid; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #01957d 1px solid; 
	WIDTH: 316px; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #01957d 1px solid; 
	HEIGHT: 140px; 
}

#divPrintContainer {
     left: 740px;
     top: 195px;
     position: absolute;
     width: 100px; 
     text-align: right;  
}

.tooltip {
	border: 1px solid #01957d;
}

.boxBlueProducts {
	background-color: #eee;
	height: 32px;
	text-align: center;
	vertical-align: top;
	padding: 2px 3px 2px 3px;
}

.boxGreenProducts {
	background-color: #eee;
	height: 32px;
	text-align: center;
	vertical-align: top;
	padding: 2px 3px 2px 3px;
}

#contentCape {
	/* border: 1px solid red; */
	width: 665px;
	/* height: 940px */
	/* height: 1500px */
	position: absolute;
	left: 183px; top: 89px;
	background-color: #ffffff;
	/* visibility: hidden; */
}
#languageSwitch {
	position: absolute;
	left: 3px; top: 99px;
}

#searchBox {
	width: 165px;
	padding: 15px 0px 0px 14px; /* 25px 0px 0px 14px */
	margin: 0; 
	z-index: 2;
}

#disclaimerBox {
	width: 140px;
	padding: 15px 0px 0px 14px; /* 35px 0px 0px 14px */
	margin-bottom: 15px;
	line-height: 12px;
}

.inputSearch {
	width: 150px;
	background-color:#fff;
	height:15px;
	line-height:15px; 
	margin:0;
	padding:0;
}

.divProductsonly {
	width: 50px; 
	margin:0;
	padding: 0 0 0 0;
	float:left;
	/*font-size:8px; 
	text-transform:uppercase;*/
}

.divProductsonlyChbx {
    float:left;
    width:15px;
    margin:0 0 0 -3px;
    _margin:0 0 0 -3px; /* ie6 */
	padding:3px 5px 0 0;
	_padding: 3px 1px 0 0; /* ie6 */   
}

.inputSearchBttn {
    background-image:url(/assets/templates/neutrikV2/images/button.gif);

    background-repeat:no-repeat;
    border:0;
    padding:0;
    width:73px;
    height:24px;
    font-size:11px;
    cursor:pointer;
}

.divSearchBttn {
    float:left;
    margin:0;
    padding:4px 0 0 15px;
}


.divLogo {
	position: absolute;
	left: 0; top: 0;
	border: none;
	height:82px;
	width:183px;
	padding:7px 0 0 0;
	margin:0;
	text-align:center;
	z-index:2;
}
.divLogoSlogan {
	position: absolute;
	left: 0; top: 0;
	border: none;
	height:64px;
	width:844px;
	padding:25px 0 0 0;
	margin:0;
	text-align:right;
	z-index:0;
}
.divHeadline {
    color:#fff;
    font-size:24px;
    font-weight:bold;
    height:33px;
    background-color:#01957d;
    padding:22px 0 0 7px;
    margin:0 0 15px 0;
}
.distributorContainer {
	width: 200px;
	float: left;
	margin: 0 15px 15px 0;
}
.distributorContainerRight {
	width: 200px;
	float: left;
	margin: 0 0 15px 0;
}
.clear { clear: both; }

.divContentLeftCol {
    margin:0;
    padding:0;
    float:left;
    width:320px;
}
.divContentRightCol {
    margin:0;
    padding:0;
    float:left;
    width:320px;
}

/* NAVIGATION start *******************************************************************************************/

div.mainNavi {      margin:0; padding:3px 0 2px 0; }
div.mainNaviActive {margin:0; padding:3px 0 2px 0; background-image:url(/assets/templates/neutrikV2/images/bg_nav_on.jpg);background-repeat:no-repeat;}
/**/div.mainNaviActiveActive {margin:0; padding:3px 0 2px 0; background-image:url(/assets/templates/neutrikV2/images/bg_nav_on.jpg);background-repeat:no-repeat;}
a.mainNavi {		font-size: 12px; color: #01957d; text-decoration: none; padding: 0 0 0 14px;}
a.mainNaviActive {  font-size: 12px; color: #01957d; text-decoration: none; padding: 0 0 0 14px; font-weight:bold;}
/**/a.mainNaviActiveActive {  font-size: 12px; color: #01957d; text-decoration: none; padding: 0 0 0 14px; font-weight:bold;}

div.subNavi {       margin:0; padding:3px 0 3px 0; background-image:url(/assets/templates/neutrikV2/images/bg_nav_on.jpg);background-repeat:no-repeat;}
div.subNaviActive { margin:0; padding:3px 0 3px 0; background-image:url(/assets/templates/neutrikV2/images/bg_nav_on.jpg);background-repeat:no-repeat;}
a.subNavi {		    font-size: 11px; color: #01957d; text-decoration: none;	padding: 0 0 0 32px;}
a.subNaviActive {	font-size: 11px; color: #01957d; text-decoration: none;	padding: 0 0 0 32px; font-weight:bold;}

/* NAVIGATION end   ********************************************************************************************/

a.button {			font-size: 11px; line-height: 18px; color: #01957d; text-decoration: none;	border: 1px solid #336699; margin-right: 4px; } 
a.button:visited { 	color: #01957d; }
a.button:active { 	color: #01957d; }
a.button:hover { 	color: #01957d; text-decoration: underline;}

a.headlineBlue { color: #01957d; }
a.headlineGreen { color: #01957d; }

.headlineBlue {		font-size: 11px; color: #01957d; font-weight: bold; }
.headlineGreen {	font-size: 11px; color: #01957d; font-weight: bold; }
.headlineBlack {	font-size: 11px; color: #000000; font-weight: bold; }
.headlineBlackH {	font-size: 11px; color: #000000; font-weight: bold; padding: 0; margin: 0; }
.headlineBigBlue {	font-size: 12px; color: #01957d; font-weight: bold; }
.headlineBigBlack {	font-size: 12px; color: #000000; font-weight: bold; }
.headlineBigBlackH {font-size: 12px; color: #000000; font-weight: bold; padding: 0; margin: 0; }
.headlineBigGreen {	font-size: 12px; color: #01957d; font-weight: bold; }
.flow {  			font-size: 11px; color: #000000; }
.flowgrey {  		font-size: 11px; color: #666666; }
.flowsmall {  		font-size: 10px; color: #000000; }
.flowbold {  		font-size: 11px; color: #000000;  font-weight: bold; }
.flowredbold { 		font-size: 11px; color: #FF3300;  font-weight: bold; }
.flowbluebold { 	font-size: 11px; color: #336699; font-weight: bold; }


/* Ajouté par Fred ##################################################################################### */
.divMainHeadline { 
	position: absolute;
	left: 203px;
	top: 89px; 
	margin:0;
	padding:10px;
	font-size:24px;
	color:#fff;
	background-color:#01957d;
	height:90px;
	width:620px;
	font-weight:bold; 
}
#divIntroContainer { margin: 0 0 10px 0; }
#teaserContainer { margin: 0 0 20px 0; }
#worldMap { left: 625px; position: absolute; top: 92px; width:178px; height:102px; /*background-image: url(/assets/templates/neutrikV2/images/worldmap.gif); background-repeat: no-repeat;*/ }
#countryChooser { PADDING-LEFT: 3px; LEFT: 627px; WIDTH: 260px; POSITION: absolute; TOP: 162px; HEIGHT: 26px }
#productLineContainer { LEFT: 600px; POSITION: absolute; TOP: 268px }
.productBox { WIDTH: 250px; height: 50px; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 52px; BACKGROUND-COLOR: #eee; }

#contentText { LEFT: 203px; WIDTH: 640px; POSITION: absolute; TOP: 215px; padding-bottom: 20px; }
	
	
/* Ajouté par Justin ################################################################################### */
div#frenchSiteFlag {
	position: absolute;
	left: 5px;
	top: 5px;
}

#allMenuBar {
	position: absolute;
	top:  0px;
	left: 0px;
	height: 100%;
	width: 183px;
	background-color: #EEEEEE;
	z-index: 1;
}

.searchResult {
	border-bottom: 1px dotted #FF0000;
	color: #FF0000;
	font-size: 110%;
	font-weight: bold;
}

#frameCatalogue { margin-left: 0px; }

#loadingCatalog {
	display: none;
	z-index: 1000; /* 2 */
	position: fixed;
	top: 100px;
	left: 283px; /* 183 + 100 */
	width: 460px;
	height: 200px; /* 400 - 150 */
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #01957d;
	background-color: #FFFFFF;
	border: 2px solid #01957d;
	text-align: center;
	padding-top: 125px;
}

#catalogHelpBox {
	display: none;
	position: absolute;
	top: 0px;
	left: 183px;
	width: 200px;
	margin: 10px 0 0 10px;
	padding: 2px 16px 2px 2px;
	text-align: center;
	border: 1px dashed #999999;
	background-color: #EEEEEE;
	z-index: 2;
}

#catalogHelpMinimized {
	display: none;
	position: absolute;
	top: 5px;
	left: 162px; /* 183 - 16 - 5 */
	width: 200px;
	z-index: 3;
}

#infosProduit {
	width: 157px;
	margin-left: 10px;
	padding: 2px;
	text-align: center;
	border: 1px dashed #999999;
	z-index: 2;
}

/* ** ## ** ## ** ## ** ## ** ## ** ## ** ## ** ## ** ## ** ## ** */
/* styles pour l'éditeur WYSIWYG FCKEditor */
.titreArticle {
	color: #999999;
	font-size: 18px; /* 18px */
	font-weight: bold;
	line-height: 40px;
}

.titreParagraphe {
	color: #000000;
	font-size: 13px; /* 13px */
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}

.majuscules { text-transform: uppercase; }

.texteContenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-transform: none;
}

.alinea {
	position: relative;
	text-align: left;
	top: 10px;
	left: 30px;
}