@charset "UTF-8";
/* CSS Document */

/* body */

body  {
	background:url(images/bgreve1.jpg);
}

body.revebody  {
	background:url(images/bgnova1.jpg);
}

body.splashbody {
	background:url(images/bgsplash4.jpg) center repeat-y #FFF;
}

/*SPLASH*/

div#splash {
	width:950px;
	margin:0px auto;
	z-index:1;
}

div#splash p {
	display:block;
	margin:20px auto;
	width:350px;
	text-align:center;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	text-decoration:none;
	font-size:18px;
}

div#splash img#logohome {
	display:block;
	margin:20px auto;
	height:100px;
}

div#logohome_prods {
	width:310px;
	margin:0px auto;
}

div#logohome_prods h2 {
	text-align:center;
}

div#logohome_prods img {
	width:130px;
	margin:0px 10px;
	vertical-align:middle;
}

div#logohome_prods img:hover {
	opacity:0.7;
}

div#splash object {
	display:block;
	padding:10px;
	margin:0px auto;
	background:url(images/bgvideo.png) center center;
}

div.splashbox {
	width:475px;
}

div#splash_left {
	float:left;
}

div#splash_left object {
	margin-top:60px;
}

div#splash_right {
	float:right;
	width:415px;
	padding:0px 30px;
	height:100%;
	position:relative;
}

div#splash_right img {
	display:block;
	margin:60px auto;	
}

div#splash_right ul {
	line-height:250%;
	margin:60px 0px;
	text-align:center;
}

div#splash_right a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	text-decoration:none;
	font-size:24px;
	text-shadow: #FFF 0px 0px 1px;
}

div#splash_right a:hover {
	color:#999;
}
	
/*top toolbar */

div#topheader {
	position:relative;
	width:100%;
	height:50px;
	background:url(images/topheader_bg.png) repeat-x;
	border-bottom:1px solid #999;
	z-index:10;
}

div#topheadmenu {
	position:relative;
	width:950px;
	height:auto;
	margin:0px auto;
	padding-top:8px;
	z-index:10;
}

div#topheadmenu img {
	float:left;
	padding-right:20px;
	border-right:1px solid #666;
}

div#topheadmenu li {
	float:left;
	display:block;
	height:14px;
	font-family:Georgia, serif;
	color:#333;
	font-size:14px;
	border-right:1px solid #666;
	padding:9px 20px;
}

div#topheadmenu a {
	font-family:Georgia, serif;
	color:#333;
	font-size:14px;
	text-decoration:none;
}

div#topheadmenu a:hover {
	color:#999;
}

/*Content*/

div#contenthome {
	width:100%;
	height:100%;
	border-top:1px solid #FFF;
	background:url(images/content_bgbottom.png) repeat-x bottom;
	padding-bottom:40px;
}

div.wrapper { 
	width:950px;
	height:auto;
	padding:0px 0px;
	margin:0px auto;
	overflow:hidden;
}

div#contact {
	padding:20px 20px;
	background:none;
}

div#contact_left {
	width:350px;
	float:left;
	padding:0px 20px;
}

div#contact_right {
	width:350px;
	float:right;
	padding:0px 20px;
}

div#home_left {
	width:400px;
	float:left;
	margin-bottom:40px;
}

div#home_left p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:20px;
	font-weight:normal;
	margin:10px 0px;
	line-height:150%;
	text-shadow: #666 0px 0px 1px;
}

/*content regulier */

div#contentreg {
	padding:0px 0px 30px 0px;
}

div#contentreg p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:130%;
	text-align:justify;
	margin:15px 0px;
}

div#contentreg ul {
	margin:15px 0px;
}

div#contentreg li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:150%;
	text-align:justify;
	margin:0px;
}

div#contentreg input {
	margin:10px 0px;
}

div#contentreg ul img {
	float:left;
	margin:0px 20px 30px 0px;
}

/*Retour au catégories*/

div#back_cat {
	width:100%;
	height:80px;
	border-top:1px solid white;
	border-bottom:1px solid #999;
	background:url(images/cat_top_bg.png) bottom repeat-x;
	vertical-align:middle;
	padding:20px 0px 0px 0px;
}

div#back_cat p {
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:20px;
	font-weight:normal;
	margin:18px 40px 0px 0px;
	text-shadow: #666 0px 0px 3px;
	line-height:130%;
}

div#back_cat img {
	float:left;
	max-height:60px;
	margin:16px 40px 0px 0px;
}

div#back_cat img:hover {
}

div#back_cat img#revelation {
	margin-top:5px;
}

/* SLIDESHOW */

#slideshow {
	width:380px;
	height:100px;
	border:1px solid #666;
	margin:20px 0px 0px 0px;
	float:right;
	position:relative;
	z-index:1;
	background:#FFF;
	overflow:hidden;
	}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	height:100px;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* SLIDESHOW_small */

#slideshow_small {
	width:240px;
	height:80px;
	border:1px solid #666;
	margin:7px 0px 0px 40px;
	float:left;
	position:relative;
	z-index:1;
	background:#FFF;
	overflow:hidden;
	}

#slideshow_small IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	height:80px;
}

#slideshow_small IMG.active {
    z-index:10;
}

#slideshow_small IMG.last-active {
    z-index:9;
}

/*products home*/

div#home_blocks {
	width:640px;
	margin:0px auto;
}

div.home_choi {
	width:255px;
	height:255px;
	background:url(images/blanc_round.png) center center;
	padding:0px;
	margin:0px;
}

div.home_choi:hover {
	background:url(images/gris_round.png) center center;
}

div.home_choi a{
	display:block;
	height:255px;
	width:255px;
}

a#nova_home {
	background:url(images/nova_logo_gros_front.png) center no-repeat;
}

a#revelation_home {
	background:url(images/revelation_logo_gros_front.png) center no-repeat;
}

div#choi_l {
	float:left;
	clear:none;
}

div#choi_r {
	float:right;
	clear:none;
}

img#home_arrows {
	clear:both;
	margin:30px auto;
	display:block;
}

/*Contenu général catégories*/

div#cat_content .wrapper {
	background:url(images/wrapper_tile.png) repeat-y;
	padding:0px 20px;
}

div#cat_home {
	width:100%;
	height:65px;
	background:url(images/cat_top_bg.png) repeat-x;
	padding-top:2px;
	border-top:1px solid white;
	border-bottom:1px solid #FFF;
	position:relative;
	z-index:10;
	text-align:center;
	padding:35px 0px 0px 0px;
}

div#cat_home p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-size:20px;
	font-weight:normal;
	text-shadow: #FFF 0px 1px 2px;
	line-height:130%;
}


div#cat_top {
	width:100%;
	height:100px;
	background:url(images/cat_top_bg.png) repeat-x;
	padding-top:2px;
	border-top:1px solid white;
	border-bottom:1px solid #FFF;
	position:relative;
	z-index:10;
}

div.cat_left {
	width:300px;
	height:auto;
	float:left;
}

div#reve_left  {
	width:220px;
}

div.cat_left p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:20px;
	font-weight:normal;
	text-shadow: #666 0px 0px 3px;
	line-height:130%;
}

div.cat_left img#logocatnova {
	margin:25px 0px 20px 0px;
	float:left;
}


div.cat_left img#logocatreve {
	margin:5px 0px 20px 0px;
	float:left;
	height:90px;
}

div.cat_right {
	width:300px;
	height:auto;
	float:right;
	position:relative;
}

div.cat_right img {
	float:left;
}

#novacat {
	width:400px;
}

div.cat_right img#voirnova {
	margin:35px 0px 0px 0px;
}

div.cat_right img#voirreve {
	margin:15px 0px 0px 0px;
}

/*div.cat_right .cat_arrow {
	position:relative;
	width:142px;
	height:32px;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:15px;
	font-weight:normal;
	
	margin:35px 0px;
} */

div.cat_right .cat_arrow a{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	display:block;
	height:23px;
	width:132px;
	padding:9px 0px 0px 10px;
	margin:35px 0px 0px 0px;
	background:url(images/cat_arrow.png) center center no-repeat;
	float:right;
}

div.cat_right .cat_arrow a:hover {
	background:url(images/cat_arrow_hove.png) center center no-repeat;
}

div.cat_arrow_inver a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	display:block;
	text-align:right;
	height:23px;
	width:132px;
	padding:9px 10px 0px 0px;
	margin:35px 0px 0px 0px;
	background:url(images/cat_arrow_inver.png) center center no-repeat;
}

div.cat_arrow_inver a:hover {
	background:url(images/cat_arrow_hove_inver.png) center center no-repeat;
}



/*Home produits*/

div#prod_home {
	width:655px;
	height:250px;
	margin:40px auto;
	border-bottom:1px solid #666;
}

div#prod_home h1 {
	text-align:center;
}

div#prod_home img {
	float:left;
	margin:20px 40px;
}

div#prod_home img:hover  {
	border-top:5px solid #603;
}


/*Home entreprise */

div#entreprise {
	width:920px;
	margin:0px auto;
	padding:30px 0px 40px 30px;
}

div#entreprise h1 {
	margin-bottom:30px;
}

div#entreprise p {
	margin:15px 0px;
	text-align:justify;
	width:650px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:13px;
	line-height:130%;
}

/*tabs produits*/

div#cat_prods {
	height:120px;
	width:810px;
	margin:0px auto;
	position:relative; left:-50px;
	padding:20px 0px 0px 0px;
}

div#cat_pics {
	width:auto;
	padding:0px 30px 60px 30px;
	height:320px;
}

div#cat_pics object {
	float:left;
	margin:0px 30px;
}

div#cat_pics img {
	float:left;
	margin:0px 30px;
}

a.prod_list {
	background:url(images/prod_unselect.png) center no-repeat;
	display:block;
	height:55px;
	width:220px;
	padding:20px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:16px;
	text-decoration:none;
	text-align:center;
	float:left;
	margin-left:50px;
}

a.prod_current {
	background:url(images/prod_select.png) center no-repeat;
	height:70px;
	color:#FFF;
}

a.prod_current_reve {
	background:url(images/prod_select_reve.png) center no-repeat;
	height:70px;
	color:#333;
}

a.prod_list:hover {
	color:#FFF;
}

/*style scrollable */

#prod_content {
	width:900px;
	height:auto;
	margin:0px auto;
	margin-bottom:60px;
	background-color:#FFF;
	position:relative;
	border:1px solid #603;
	-moz-border-radius : 15px 15px; 
}

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:820px;
	height:31px !important;
	margin:0px auto !important; 
	padding:20px 0px 0px 0px;
	text-align:center;
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0;
	list-style-type:none;
	border-right:1px solid black;
}

#flowtabs li#last{
	border-right:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	position:relative;
	top:-7px;
	display:block;
	height: 20px;   
	width: 100px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0;}
 
/* mouseover state */
#flowtabs a:hover 		{ color:#000;	 }
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -189px -33px; }
#flowtabs #t3:hover 	{ background-position: -378px -33px; }
#flowtabs #t4:hover 	{ background-position: -567px -33px; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#000; font-weight:bold;}
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }


/* panes */
#flowpanes {		
	width:900px;
	height:300px;
	position:relative;
	overflow:hidden;
	clear:both;
}

/* single pane */
#flowpanes div {
	display:none;
	color:#fff;	
	margin:0px 40px;
	float:left;
	display:block;
	width:820px;
	font-size:14px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#000;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}

#flowpanes a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#603;		
	font-size:12px;
}

#flowpanes a:hover {
	color:#666;
}

#flowpanes p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:150%;
	text-align:justify;
	margin:15px 0px;
}

#flowpanes ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:150%;
	text-align:justify;
	margin:15px 0px 10px 30px;
	list-style:square;
}

#flowpanes div.narrow {
	padding-right:160px;		
}

#flowtabs li {
	list-style-image: none !important;
}

/* our additional wrapper element for the items */

#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}

button.prev {
	float:left;
	position:relative;
	top:-220px;
	left:-21px;
	background:url(images/prod_page_prev.png) center no-repeat;
	width:30px;
	height:78px;
	border-collapse:collapse;
	border:none;
}

button.prev:hover {
	background:url(images/prod_page_prev_hover.png);
}

button.next {
	float:right;
	position:relative;
	top:-220px;
	right:-20px;
	background:url(images/prod_page_next.png) center no-repeat;
	width:30px;
	height:78px;
	border-collapse:collapse;
	border:none;
}

button.next:hover {
	background:url(images/prod_page_next_hover.png);
}

div#pane_couleurs {
}

div#pane_couleurs p {
	margin:15px 0px;
	text-align:center;
	font-size:11px;
}

div#pane_couleurs div#colorpicker div.colors {
	width:30px;
	height:30px;
	float:left;
	background-color:#0F0;
	margin:10px;
}

div#pane_couleurs div#colorshow {
	width:500px;
	height:80px;
	background-color:#fff;
	margin:10px auto;
	float:none;
	border:1px solid #333;
	color:#999;
	text-shadow: #666 0px 0px 3px;
	font-size:30px;
	text-align:center;
	padding-top:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

div#pane_galerie img {
	padding:3px;
	background-color:#603;
	margin:5px;
	float:left;
}

div#pane_galerie img:hover  {
	background-color:#CCC;
}

div#pane_couleurs div#colorPicker {
	width:290px;
	height:40px;
	display:block;
	margin:0px auto;
	margin-top:10px;
	float:none;
}

div#pane_couleurs div#colorNova {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	text-align:center;
	width:500px;
	height:20px;
	display:block;
	margin:0px auto;
	float:none;
}

div#colorPicker div.ColorBlotch {
	display:block;
	height:20px;
	width:20px;
	margin:5px;
	border:1px solid #333;
	float:left;
	cursor:pointer;
}


/*pane_video*/

div#pane_video p {
	float:left;
	width:500px;
}

div#pane_video object {
	float:right;
}

div#pane_video a {
	display:block;
	width:250px;
	height:143px;
	float:right;
	background:url(images/nova_video_thumb1.png);
}

div#pane_video a:hover {
	background:url(images/nova_video_thumb1_hover.png);
}

/*pane manuels*/

div#pane_manuels {
}

a.files_pdf {
	display:block;
	text-align:center;
	width:150px;
	height:10px;
	padding:80px 0px 0px 0px;
	background:url(images/manuels.png) top center no-repeat;
	float:left;
	margin:30px;
}

a.files_pdf:hover {
	background:url(images/manuels_hover.png) top center no-repeat;
}

/*pane faq*/


div#faq_list  {
	width:800px;
	margin:20px 0px;
	padding:0px;
	float:left;
	display:block;
}
#faq_list div {
	margin:0px 10px;
	width:inherit;
}

#faq_list p {
	margin:10px 0px;
	border: none;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}
#faq_list a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color:#603;
	font-family:Arial, Helvetica, sans-serif;
}

#faq_list a:hover {
}
#faq_list a.selected {
	color:#000;
}

#pane_faq #faq_list div p a.paraglink {
	display:inline;
	margin:0px;
	padding:0px;
	text-decoration:underline;
	font-weight:normal;
	font-size: 12px;
	color:#603;
	font-family:Arial, Helvetica, sans-serif;
}


/*Contenu NovaScreen*/


/*Contenu général*/

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:40px;
	font-weight:normal;
	margin:20px 0px;
	text-shadow: #666 0px 0px 3px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:20px;
	font-weight:normal;
	margin:20px 0px;
	text-shadow: #666 0px 0px 3px;
}

h2.en  {
	color:#666;
}

h2.white {
	color:#FFF;
}

/*Footer*/

div#footer  {
	width:100%;
	height:18px;
	padding-top:6px;
	clear:both;
	position:fixed;
	bottom:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:12px;
	text-align:right;
	color:#FFF;
	border-top:1px solid black;
	background-color:#666;
	opacity:0.5;
}

div#footer p {
	margin-right:30px;
}