@charset "utf-8";
a:link,a:active,a:visited { color:#336699; }
a:hover { color:#0099FF; }
a img{
border:0;
} 
html { margin:0; font-size:10px; }
body {
	margin:0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#9cc1d7;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
line-height:16px;
}

#id1 { color:red; }
#id2 { color:blue; }
#login{float:left; text-align:left;}
.formreturn { color:#336699; font-weight:bold; width:600px; padding:30px; margin:20px; border:1px solid #cccccc; text-align:center; }

.mirror_on{
	color:red;
	}
.mirror_off{
	color:#333333;
	}

div#wn	{ 
    position:relative; 
    width:150px; height:270px; 
    overflow:hidden;	
    }

#navcontainer { margin-top:80px; margin-right:20px; text-align:right; }
#navlocale { height:40px; padding:20px;}
#navcontainer2 { margin-top:0; margin-right:20px; text-align:right; }
ul#navlist a{ font-weight: bold; text-decoration: none; }
ul#navlist li a{ color: #336699; 
padding: 20px 8px 5px 8px;
clear:both;
background:url(images/menutabs.gif) right  no-repeat;}
ul#navlist li a:hover{ color: #f07902; };

ul#subnavlist li a{ color: #ffffff; background:none;  }
ul#subnavlist li a:hover{ color: #f07902; }
ul#subnavlist li a
{
 color: #ffffff; background:none; 
text-align:left;
padding: 0px;
margin: 0px;
}
ul#navlist li:hover ul#subnavlist li a
{
text-align:left;
display: block;
border: none;

}

ul#navlist, ul#navlist ul, ul#navlist li{ text-align:center; margin: 0px; padding: 0px; list-style-type: none; }
ul#navlist li { float: left; }
ul#subnavlist { display: none; }
ul#subnavlist li { float: none;  background:#336699; padding:4px 8px 4px 12px; }
ul#navlist li:hover ul#subnavlist{ display: block; position:absolute;  }

.content {
	background:#ffffff;
	text-align:left;
	width:476px;
}

.content2 {
	text-align:left;
	background:#ffffff;
	border-left:2px solid #999999; 
	
}

.produits {
	padding:0 18px 0 20px;
	background:#FFFFFF;
	border-left:2px solid #999999; 
	border-right:2px solid #999999; 
}

.formtable {
	margin:20px 0 0 20px;
}

.formtable TD{
	padding:0 10px 10px 0;
}

.sig {
	text-align:right;
	font-style:italic;
}

.content2 P {
	padding:5px 30px 5px 20px;
}

H1 { margin-top:0; color:#003366; font-size:16px; }
.content2 H1 { margin:6px 0 12px 10px; color:#003366; font-size:16px; }
H2 { margin-top:0; color:#336699; font-size:13px; }
.content2 H2 {margin:6px 0 6px 10px; color:#336699; font-size:13px; }
H3 { margin-top:0; }
.content2 H3 {margin:6px 0 6px 10px; color:#333333; font-size:13px; }
H4 { margin-top:0; }

.tabox {
	width:704px;
	background:url(images/taboxback.gif);
}

.bigtabox {
	width:915px;
	background:url(images/bigtaboxback.gif);
}

.taboxcontent {
	padding:0 20px 0 20px;
	color:#333333;
}

.taboxtop {
	width:704px;
	height:46px;
}

.taboxtopback {
	background:url(images/taboxtopback.gif);
}

.t_titre {
	background:#f07902;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
}

.t_titre2 TD {
	background:#ffffff;
	color:#f07902;
	font-weight:bold;
	text-align:left;
	border-bottom:2px solid #cccccc;
	padding-left:0;
}

.t_div TD {
	border-bottom:1px solid #cccccc;
	text-align:left;
	padding:10px 10px 10px 0px;
}

.t_div_last TD {
	text-align:left;
	padding:10px 10px 10px 0px;
}

.t_div UL {
	padding-left:10px;
	margin-top:0px;
	margin-left:-5px;
	
	
}

.t_div STRONG {
	padding-left:7px;
	
}

.col1 {
	font-weight:bold;
	
}

.t_div LI {
	margin-left:10px;
	color:#FF9900;
	
}

.t_div LI SPAN {
	color:#333333;
}

.t_div IMG,.t_div_last IMG {
	margin:10px 10px 10px 20px;
}

.t_alt {
	background:#FFFFCC;
}

.taboxtopinner {
	height:46px;
	padding:0 22px 0 22px;
}


#flashbackground {
	width:960px;
	height:283px;
	background:url(images/flashbackground.jpg);
}

#colonne1 {
	background:url(images/colonne1.gif);
}

#colonne3 {
	background:url(images/colonne3.gif);
	padding:0;
	margin:0;
	text-align:left;
	width:215px;
}

#videoback {
	padding:0 20px 0 40px;
	width:209px;
	background:url(images/newsback.gif);
	text-align:center;
	
}

#newsback {
	padding:0 20px 0 40px;
	width:209px;
	height:315px;
	background:url(images/newsback.gif);
	text-align:left;
	
}

#newsnavback {
	width:269px;
	height:48px;
	background:url(images/newsnavback.gif);
	
}

#innernewsnav {
	text-align:center;
	padding-top:20px;
	margin:0 30px 20px 50px;
}

#footer1 {
	background:url(images/footer1.gif) no-repeat;
	width:150px;
	height:42px;
}
#footer2 {
	background:url(images/footer2.gif) repeat-x;
	width:595px;
}
#footer3 {
	padding:0;
	margin:0;
	text-align:right;
	
	height:42px;
	width:215px;
	background:url(images/footer3.gif) no-repeat;
}



#footer3 a{ color: #336699; font-weight:bold; text-decoration:none;}
#footer3 a:hover{ color: #f07902; }

#innerfooter1  { padding:10px 0 15px 32px; color:#666666; }
#innerfooter3  { padding:10px 32px 15px 0; }

a.newsarchive { margin:0 4px 0 4px; color:#ffffff; font-weight:bold; text-decoration:none;}




/*Forms defaults - change as needed*/

.formbox { margin:0 20px 20px 20px; }

.formbox FORM SELECT OPTION { font-size:10px; }

.label { margin:4px 0 4px 0; }

#container input, #container textarea {
	font-size:10px;
	color:#404040;
}
#container label {
	font-weight:bold;
	color:#333333;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
#container label.chosen {color:#336699;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(images/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(images/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:5px;
	width:172px;
	background:#0a2444;
	padding:0px;
	font-size:10px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:0 4px 0 4px;
	border:0;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#31608f;
	border:0;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}


.overlay {
	padding:40px;	
	width:450px;  
	display:none;
	background-image:url(http://www.nirvanahp.com/images/overlay/black.png);	
}
 
.close {
	background:url(http://www.nirvanahp.com/images/overlay/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	display:block;
	width:35px;
	height:35px;
	cursor:pointer;
}
 
#player {
	height:336px;
	display:block;
}