/*<style type="text/css">
/* 
#############################
#   B O I T E   B L E U E   #
#   FEUILLE DE STYLES CSS   #
#   (c) 2007  -  PORTASYS   #
#############################
*/



@import url('/EXT/CSS/FOOTER_CSS.asp');
@import url('/EXT/CSS/INFOLETTREFORM_CSS.asp');
@import url('/EXT/CSS/SHOP_CSS.asp');




html, body {
	/* background-color: ; */ 
	background-color: #000000; 
	margin: 0px;
	padding: 0px;
	color: #31302E;
	/* height:100%; /* needed for container min-height */
}
body {
	/* margin-top: 15px;
	margin-bottom: 15px; */
}

#BGFlashContent {
	width: 100%; 
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: #000000; 
	text-align: center;
}

#DESKTshadow {
	position: relative;
	width: 100%; 
	 height:auto !important; /* real browsers */
	background: url(/EXT/IMG/INTERFACE/DESKTshadow.png) center repeat-y;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#DESKT {
	position: relative; 
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 15px;
	/*padding-top: 0px;
	padding-bottom: 0px; */
	width: 930px;
	 height:auto !important; /* real browsers */
	/* height:100%; /* IE6: treaded as min-height*/
	/* min-height:100%; /* real browsers */
	
	/*
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C0B7B2;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0B7B2;
	*/
	
	border-left: #b1b1b1 solid 2px;
	border-right: #b1b1b1 solid 2px;
	z-index: 2;
}

#TOPHEADER {
	/* background-color: ; /* #00FF00; */
	margin: 0px;
	padding: 0px;
	width: 932px;
	height: 85px;
	/* border-left-width: 1px;
	/* border-left-style: solid;
	/* border-left-color: #FFFFFF; /* ; /* #858585; /* #C0B7B2; */
	/* border-right-width: 1px;
	/* border-right-style: solid;
	/* border-right-color: #FFFFFF; /* ; /* #858585; /* #C0B7B2; */
	/* */
	/* border-top-width: 1px;
	/* border-top-style: solid;
	/* border-top-color: #6d6d6d; /* #303030; */
	/* border-bottom-width: 1px;
	/* border-bottom-style: solid;
	/* border-bottom-color: #6d6d6d; /* #303030; */
	/* */
	margin-bottom: 10px;
	background: url(/EXT/IMG/TOP-MENU/Rololight.LLNO.jpg) no-repeat ;
}

#TOPTOPMENU {
	position: absolute;
	top: 18px;
	left: 50%;
	width: 460px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b7c0dd; /* #647eb1; */
	padding-right: 5px;
}

#TOPTOPMENU a {
	color: #b7c0dd; /* #647eb1; */
	text-decoration: none;
}

#TOPTOPMENU a:hover {
	color: #41557d;
	text-decoration: underline;
}

#MenuPRC {
	position: absolute;
	top: 70px;
	left: 50%;
	/*width: 345px;*/
	margin-left: 120px;
}


#TOPMENU {
	background-color: ; /* #00FF00; */
	margin: 0px;
	padding: 0px;
	width: 930px;
	height: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #858585; /* #C0B7B2; */
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #858585; /* #C0B7B2; */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6d6d6d; /* #303030; */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6d6d6d; /* #303030; */	
}
#TOPMENU-L {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 686px; /* 780px */
	height: 20px;
}
#TOPMENU-R {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 214px; /* 120px */
	height: 20px;
	text-align: right;
}

#head_tooltip{
	width: 280px;
	position: absolute;
	display: none;
	z-index: 5000;
}

#MAINCONTAINER {
	/* clear: both; */
	background-color: #ffffff; /* #F8F6EF; /* #330000; */
	margin: 0px;
	padding: 0px;
	width: 930px;
	 /*height:auto !important; /* real browsers */
	 /*height:100%; /* IE6: treaded as min-height*/
	 /*min-height:100%; /* real browsers */
	 /* min-height:400px; /* real browsers */
	 /* overflow: hidden; */

	/*border: #676767 solid 1px;*/
	
	/*
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C0B7B2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C0B7B2;
	*/
	
	/* display: block;
	/* overflow: visible; */
	display: table;
	/* margin-bottom: 5px; */
	padding-bottom: 5px; 
}
#BLOCK1 {
	float: left;
	left: -640px; /* -660px --640*/
	position: relative; 
	background-color: #F8F6EF; /* #CCCC66; */
	margin: 0px;
	padding: 0px;
	width: 233px;  /* 239 px si left = 0 et pas border left */ 
	margin-top: 5px;
	/* margin-left: 5px; */ 
	
	/* height:auto !important; /* real browsers */
	/* height:100%; /* IE6: treaded as min-height*/
	/* min-height:100%; /* real browsers */
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C0B7B2;
	/* ajout pour New Rololight */
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C0B7B2;

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C0B7B2;
	
	display: table;
}
#BLOCK2 {
	float: left;
	left: 250px; /* 240px */
	position: relative; 
	background-color: #F8F6EF;
	margin: 0px;
	padding: 0px;
	width: 650px; /* 660px */
	
	 height:auto !important; /* real browsers */
	/* height:100%; /* IE6: treaded as min-height*/
	/* min-height:100%; /* real browsers */
	display: table;
	
	margin-bottom: 5px;
}
#CLEARFLOAT {
	clear: both;
}

/* Start Mac IE5 filter \*/
/*
#BLOCK1, #BLOCK2
	{
	padding-bottom: 32767px;
	margin-bottom: -32767px; 
	}
*/
/* End Mac IE5 filter */




.RoloLeftMenu, .RoloLeftMenu li, .RoloLeftMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.RoloLeftMenu {
	width: auto;
	border: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px; 
	font-weight: bold;
}
.RoloLeftMenu {
	width: 100%;
	background-color: #F8F6EF;
}
.RoloLeftMenu li {
	width: 100% - 20px;
	display: block; 
	background-color: #F8F6EF;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0B7B2;
	
}
.RoloLeftMenu .SectionTitle {
	width: 100% - 14px;
	display: block; 
	/* background-color: #DAAF02; */
	background-color: ; 
	padding: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0B7B2;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px; /* 13px */
	font-weight: bold;
	color: #FFFFFF;	
}
/*
.RoloLeftMenu li:hover {
	width: 100% - 10px;
	background-color: ;
}
*/
.RoloLeftMenu a {
	width: auto;
	width: 100% - 20px;
	display: block;
	background-color: #F8F6EF;
	padding: 10px;

	padding-top: 6px;
	padding-bottom: 6px;
	
	color: #303030;
	text-align: center;
	text-decoration: none;
}
.RoloLeftMenu a:hover {
	/*width: auto;
	width: 100% - 10 px; */
	display: block;
	background-color: ;
}




.RoloLeftMenuDivisions, .RoloLeftMenuDivisions li, .RoloLeftMenuDivisions ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.RoloLeftMenuDivisions {
	width: auto;
	border: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
}
.RoloLeftMenuDivisions {
	width: 100%;
	background-color: #F8F6EF;
}
.RoloLeftMenuDivisions li {
	width: 100% - 20px;
	display: block; 
	background-color: #F8F6EF;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0B7B2;
}
.RoloLeftMenuDivisions .SectionTitle {
	width: 100% - 14px;
	display: block; 
	/* background-color: #DAAF02; */
	background-color: ; 
	padding: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0B7B2;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #FFFFFF;	
}
.RoloLeftMenuDivisions a {
	width: auto;
	width: 100%;
	display: block;
	background-color: #F8F6EF;
	padding: 0px;
	color: #303030;
	text-align: center;
	text-decoration: none;
}
.RoloLeftMenuDivisions a:hover {
	display: block;
	background-color: ;
}



.RoloHomeSubMenuDivisions {
	clear: both;
	width: auto;
	border: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
}
.RoloHomeSubMenuDivisions {
	width: 100%;
	background-color: #F8F6EF;
}

.RoloHomeSubMenuDivisions .SectionTitle {
	width: 100% - 14px;
	display: block; 
	/* background-color: #DAAF02; */
	background-color: ; 
	padding: 7px;
	border-width: 1px;
	border-style: solid;
	border-color: #C0B7B2;

	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #FFFFFF;	
}
.RoloHomeSubMenuDivisions a {
	width: auto;
	width: 100%;
	display: block;
	background-color: #F8F6EF;
	padding: 0px;
	color: #303030;
	text-align: center;
	text-decoration: none;
}
.RoloHomeSubMenuDivisions a:hover {
	display: block;
	background-color: ;
}




.cFill {
	height: 1px;
	width: 1px;
	line-height: 1px;
	padding: 0px;
	border: 0px;
}
.cLeftSpacer {
	height: 1px;
	width: 10px;
	line-height: 1px;
	padding: 0px;
	border: 0px;
}


/* STYLES DES TAGS GÉNÉRAUX UTILISÉS DANS LE TEXTE ET CLASS */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #31302E;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #F85C46;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 50px;
	left: 50% - 360px;
	z-index: -500;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #787878;
	margin-top: 25px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	color: ;
	background-color: ;
	margin-top: 5px;  /* 0000000 */
	/*margin-left: 5px;
	margin-right: 5px; */
	margin-bottom: 5px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: ;
	background-color: ;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px; /* 5px */
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}


.DistributorRegion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 15px 0 5px 0;
}


.MCBlockSpacer {
	clear: both;
	display: block;
	height: 1px;
	width: 660px;
	line-height: 1px;
	padding: 0px;
	border: 0px;
}
.MCTextProd1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #31302E;
	/*margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px; */
}
.MCText1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #31302E;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}
.MCText1 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #31302E;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
.MCText1 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #31302E;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
.MCText1 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #000033; /* #31302E; */
	text-decoration: none; 
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}

.MCIMG1 {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
}
.MCIMG1BoxL {
	width: auto;
	margin: 0px;
	margin-right: 25px;
	margin-bottom: 10px;
	padding: 6px;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	float: left;
}
.IMGBoxVignette {
	margin-top: 4px;
	margin-left: 2px;
	font-size: 10px;
}
.IMGBoxVignette a {
	font-size: 10px;
	text-decoration: none;
}
.IMGBoxVignette a:hover {
	font-size: 10px;
	text-decoration: underline;
}
.MCIMG1BoxR {
	width: auto;
	margin: 0px;
	margin-left: 25px;
	margin-bottom: 10px;
	padding: 6px;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	float: right;
}
.MCIMG1Box {
	width: auto;
	margin: 0px;
	padding: 6px;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
}

.MCIMG1GalleryBox {
	width: auto;
	/* margin: 0px; */
	/* margin-right: 25px; */ 
	/* margin-bottom: 10px; */
	margin: 3px;
	padding: 6px;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	float: left;
	text-align: center;
}

.MCIMGBenchmarkBox1 {
	width: 402px;
	margin: 0px;
	padding: 3px;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	display: block;
}
.MCIMGBenchmarkBox2 {
	width: 222px;
	margin: 0px;
	padding: 3px;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	display: block;
}
.MCIMGBenchmarkBox3 {
	width: 68px;
	margin: 0px;
	padding: 3px;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	display: block;
	float: left;
}

.MCText2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #31302E;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #FBFBFB;
}
.MCText2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #31302E;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}


.MCBench1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #31302E;
	margin: 5px;
}
.MCBench1 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #31302E;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
.MCBench1 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #31302E;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
.MCBench1 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #000033; /* #31302E; */
	text-decoration: none; 
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}



.pressList {
	padding-bottom: 5px; 
	margin-bottom: 10px; 
	border-bottom: #CCCCCC solid 1px;
}

.pressDetails h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #787878;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.BuyButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: ;
}

.PriceButton {
	font-weight: bold;
	color: ;
}

.ProductSous {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	color: ;
	margin-left: 12px;
}
 

#PTABS h5 {
	margin: 0;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;
	text-align: center;
}

.ModuleArrowHead {
	margin: 0;
	padding-top: 5px;
	/* background-image: url(/EXT/IMG/MODULE/ArrowHead.gif); */
	/* background-position: 0 0; */ 
	/* background-repeat: no-repeat; */
	background-color: #CCC1BB;
	border: #CCC1BB solid 1px;
	}
	
.ModuleArrowHead a {
	text-decoration: none;
	}


#AgentContainer {
	margin: 15px;
	margin-left: 50px; 
}
#AgentContainer h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: ;
	line-height: 16px;
	margin-bottom: 4px;
	padding-bottom: 0px;
}
#AgentContainer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 11px;
	margin-left: 27px;
}

.Ylist a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.Ylist a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}




.headcolshowcase {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #678fb1; /* #333333; */
	/* background-color: #eeeeee; */ 
}

.onglet48 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #678fb1; /* #333333; */ 
}

.SOFTBOXPRICE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #dd863c;
	padding: 2px 0 2px 0;
}


.ProductPres1 h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #111111;
	background-color: transparent ;
	border: 0;
	margin: 0 0 5px 0;
	padding: 0;
}

.ProductPres1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.ProductPres1 .ProductSous {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #111111;
	margin: 0;
	padding: 0;
}

.ProductPres1 .BTN {
	margin: 2px 0 2px 0;
	padding: 0;
}

.ctrDropDown{
    width: 153px;
	margin-bottom: 10px;
    font-size: 11px;
}
.ctrDropDownClick{
    width: 300px;
	margin-bottom: 10px;
    font-size: 11px;
}
.dropFSKU{
	width: 153px; 
	margin-bottom: 10px;
    font-size: 11px;
}