/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

body {
	margin: 0px;
	padding: 0px;
	background:#191919 url(/design/bg_body.jpg) ;
	
	overflow:-moz-scrollbars-vertical;
	z-index:0;
}

INPUT, TEXTAREA{
	padding:0;
	margin:0;
	border:1px solid #313131;
	background:#cccccc;
}

INPUT.formbutton {
	padding:2px;
	margin:3px 5px 3px 0;
	background:#313131;
	color:#ffffff;
	border-color:#696969;
}

P{margin:0 0 15px 0;padding:0;}

H1, H2, H3, H4, H5, H6{margin:0;padding:0}


#container{
	background:#313131;
	margin:0 auto;
	width:984px;
	position:relative;
	z-index:0;
}

H1{
	font-size:16px;
	font-weight:normal;
	color:#cccccc;
	padding-bottom:1px;
	margin-bottom:10px;
	border-bottom:1px solid #424242
}

H1{border-bottom: 1px dashed #999;padding-bottom:2px; margin-bottom: 5px;font-weight:bold;}

A, A:visited{color:#FFF;}
A:hover, A:active{color:#ccc;}

/* ==========================
TOP
===========================*/


#banner{
	
	width:984px; 
	height:127px;
	background:URL(/design/banner-gowatt.jpg) no-repeat center top;
	position:relative;
	
}


#languages{
	text-align:right;
	padding:5px 10px;

	font-size:11px !important;
	font-weight:bold !important;
	
}

#languages A , #banner #languages A:visited {
	text-decoration:none;
	color:#000;
	padding:0 2px;
}

#languages A:hover , #banner #languages A:active {
	padding:0 1px;
	border:1px solid #000;
}

#languages a.selected {
	padding:0 1px;
	border:1px solid #000;
}

#languages a.selected:hover {
	padding:0 1px;
	border:1px solid #000;
}

#banner #tool{
	position:absolute;
	top:74px;
	right:10px;
}

#banner #breadcrumbs{
	position:absolute;
	top:74px;
	left:200px;
	color:#cccccc;
	
}

#banner #breadcrumbs A , #banner #breadcrumbs A:visited{color:#CCCCCC;}

#banner #breadcrumbs A:hover , #banner #breadcrumbs A:active{color:#999999;}

#banner #breadcrumbs A.home , #banner #breadcrumbs A.home:visited{color:#FFFFFF;}

#banner #breadcrumbs .last{color:#666666;}

#banner #GG{
	position:absolute;
	bottom:0;
	left:200px;
	
	margin:0;
	padding:0;
	
	height:30px;
	width:300px;
}
#banner #GG A{
	margin:0;
	padding:0 10px 0 0;
	display:block;
	float:left;
	width:134px;
	height:30px;
}

#banner #tab{
	position:absolute;
	bottom:0;
	right:10px;
	
	margin:0;
	padding:0;
	
	height:30px;
	width:450px;
}

#banner #tab A , #banner #tab A:visited{

	margin:0;
	padding:10px 0 0 30px;
	
	
	display:block;
	float:right;
	width:101px;
	height:20px;
	color:#333333;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

#banner #tab A:hover , #banner #tab A:active{color:#111;}

#banner #tab A.yellow , #banner #tab A.yellow:visited{ background:url(/design/yellow.gif) no-repeat bottom right;}
#banner #tab A.yellow:hover , #banner #tab A.yellow:active{ background:url(/design/yellow_hover.gif) no-repeat bottom right;}

#banner #tab A.green , #banner #tab A.green:visited{ background:url(/design/green.gif) no-repeat bottom right;}
#banner #tab A.green:hover , #banner #tab A.green:active{ background:url(/design/green_hover.gif) no-repeat bottom right;}

#banner #tab A.grey , #banner #tab A.grey:visited{ background:url(/design/grey.gif) no-repeat bottom right;}
#banner #tab A.grey:hover , #banner #tab A.grey:active{ background:url(/design/grey_hover.gif) no-repeat bottom right;}


#bottomBanner{
	width:434px;
	height:30px;
	background:URL(/design/banner-bottom-grey.jpg) no-repeat left top;
	padding:8px 350px 8px 200px;
}

#bottomBannerGowinn{
	width:434px;
	height:30px;
	background:URL(/design/banner-bottom-gowinn.jpg) no-repeat left top;
	padding:8px 350px 8px 200px;
}

#bottomBannerGowatt{
	width:434px;
	height:30px;
	background:URL(/design/banner-bottom-gowatt.jpg) no-repeat left top;
	padding:8px 350px 8px 200px;
}

#sendTo_span IMG {border:none;}

/* ==========================
LEFT MENU
===========================*/

#menu{
	width:158px;
	float:left;
	background:url(/design/menu-background.jpg) no-repeat top left;
	padding:50px 0;
}

#menu A , #menu A:visited{
	font-size:12px;
	display:block;
	height:16px;
	padding:5px;
	text-decoration:none;
	color:#FFFFFF;
	border-bottom:1px solid #000000;
	
	background:url(/design/bt_link.gif) no-repeat left bottom;

}

#menu A:hover , #menu A:active{background:url(/design/bt_hover.gif) no-repeat left bottom;}

#menu A.sel ,#menu A.sel:visited{background:url(/design/effect2.gif) repeat left bottom;}
#menu A.sel:hover ,#menu A.sel:active{background:url(/design/effect.gif) repeat left bottom;}

#menu A.first{border-top:1px solid #222222;}

#menu A.quickMenu , #menu A.quickMenu:visited{
	height:20px;
	padding:5px 3px 5px 30px;
	margin:5px 0;
	font-size:14px;
	color:#b7b7b7;
}


#menu A.active , #menu A.active:visited , #menu A.active:hover , #menu A.active:active{background:url(/design/bt_hover.gif) no-repeat left bottom;color:#CCCCCC;border-bottom:1px dashed #666666}
#menu A.activeSel , #menu A.activeSel:visited , #menu A.activeSel:hover , #menu A.activeSel:active{background:url(/design/effect.gif) repeat left bottom;color:#CCCCCC;}


#menu A.sublevel, #menu A.sublevel:visited{background:url(/design/effect.gif) repeat; border-bottom:1px solid #464646;color:#999999;padding:5px 5px 5px 10px}
#menu A.sublevel:hover , #menu A.sublevel:active{background:url(/design/effect2.gif) repeat;color:#cccccc;}


#menu A#subscription, #menu A#subscription:visited{margin-top:15px;background:url(/design/inscription.gif) no-repeat bottom left;}
#menu A#subscription:hover , #menu A#subscription:active{background:url(/design/inscription_hover.gif) no-repeat bottom left;}

#menu A#price, #menu A#price:visited{background:url(/design/tarif.gif) no-repeat bottom left;}
#menu A#price:hover , #menu A#price:active{background:url(/design/tarif_hover.gif) no-repeat bottom left;}

#menu A#cart , #menu A#cart:visited{background:url(/design/panier.gif) no-repeat bottom left;}
#menu A#cart:hover , #menu A#cart:active{background:url(/design/panier_hover.gif) no-repeat bottom left;}

#menu A#basket , #menu A#basket:visited{background:url(/design/compte.gif) no-repeat bottom left;}
#menu A#basket:hover , #menu A#basket:active{background:url(/design/compte_hover.gif) no-repeat bottom left;}

#menu A#buy , #menu A#buy:visited{background:url(/design/commande.gif) no-repeat bottom left;}
#menu A#buy:hover , #menu A#buy:active{background:url(/design/commande_hover.gif) no-repeat bottom left;}

#menu A#login , #menu A#login:visited{background:url(/design/login.gif) no-repeat bottom left;}
#menu A#login:hover , #menu A#login:active{background:url(/design/login_hover.gif) no-repeat bottom left;}

#menu A#logout , #menu A#logout:visited{background:url(/design/logout.gif) no-repeat bottom left;}
#menu A#logout:hover , #menu A#logout:active{background:url(/design/logout_hover.gif) no-repeat bottom left;}


/* ==========================
CONTENT
===========================*/

#content{
	width:776px;
	min-height:460px;
	float:left;
	background:#4F4F4F url(/design/content-background.jpg) no-repeat top left;
	padding:10px;
	padding:15px 25px 30px 25px;

	position:relative;
}


#contentMag{
	width:826px;
	min-height:460px;
	float:left;
	background:#4F4F4F url(/design/content-background.jpg) no-repeat top left;
	padding:10px;
	padding:15px 0 10px 0;
	position:relative;
}

/* ==========================
BOTTOM MENU
===========================*/

#bottomMenu{
	clear:both;
	margin:0;
	padding:3px 0 0 0;
	width:100%;
	background:url(/design/bck-menu-botom.gif) repeat-y top center;
	text-align:center;
}

#bottomMenu A , #bottomMenu A:visited{color:#ffffff;text-decoration:none;}
#bottomMenu A:active , #bottomMenu A:hover{color:#cccccc;text-decoration:underline;}

#copyright{padding:2px 5px 5px 0;margin-top:5px;background:#191919;text-align:right;}
#copyright A,#copyright A:visited{color:#666666;font-size:10px;}

#returnHome{position:absolute;display:block;top:35px;left:50px;height:120px;width:120px;z-index:200;}


#logoFlash{position:absolute;display:block;top:17px;left:23px;height:170px;width:170px;z-index:200;}
/* ======================
SEND TO
====================== */

BODY.bodysendto{
	padding:10px;
	background:#313131;
}	

.bouton_sendto{
	padding:2px;
	margin:3px 5px 3px 0;
	background:#242424;
	color:#ffffff;
	border-color:#696969;
}

#sitemap A , #sitemap A:visited{color:#cccccc;text-decoration:none;}

#sitemap A:hover , #sitemap A:active{color:#eeeeee;text-decoration:underline;}


/* =============================
splash
============================= */

#splash{
	width:770px;
    height:320px;
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	margin:-160px -385px;
	padding:10px;
	background:#282828;
	
	border:#000 1px solid;
	
}
#menuSplash{
	height:20px;
	color:#282828;
	text-align:right;
	font-size:14px;
	margin:5px;
	/*background:#282828;
	border-color:#000;
	border-width: 1px 0;
	border-style: solid;*/
}
#menuSplash a {
	color:#555;
	text-decoration:none;
}
#menuSplash a:hover {
	color:#888;
}
#enterGowatt{
	position:absolute;
	top:345px;
	left:250px;
	text-align:center;
	z-index:21;
}
#enterGowinn{
	position:absolute;
	top:-30px;
	left:250px;
	text-align:center;
	z-index:20;
}


/* =============================
SHOP
============================= */

#linkInfoMag{padding:0 15px; width: 380px; height: 151px; border:0px solid red;overflow:hidden}

/* #linkInfoMag H1{border-bottom: 1px dashed rgb(204, 204, 204);padding-bottom:2px; margin-bottom: 5px;font-weight:bold;}*/

.cs_liens{display:block;margin:11px 0;padding:0 0 0 10px;height:10px;color:#ccc;cursor:pointer;}
.cs_liensSel{display:block;margin:11px 0;padding:0 0 0 10px;height:10px;color:#ccc; background:URL(/design/next.gif) no-repeat  0 4px;cursor:pointer;}

#tableMag{padding:0px 25px 0px 25px;}

#tableMag TABLE{clear:both;}

.infoHome{
	padding: 0pt 15px 20px; 
	background: transparent url(/design/home_back_info.gif) no-repeat scroll center bottom;
}

#product{
	width: 411px;
	height: 211px;
	position: absolute;
	right:0;
	top: -35px;
	text-align:right;
	margin-bottom:0px;
}

#infoProduct{
	border-bottom: 1px solid rgb(51, 51, 51);
	background: rgb(70, 70, 70) url(/design/sepa.gif) no-repeat left top;
	padding-top: 15px;

}

/* -------------------------------------------- */

#productPrice{

	background: url(/design/back-price.gif) no-repeat right top;

	font-weight: bold;
	position:relative;

	height:59px;
	width:329px;
	float:right;
	
}

#productBuy{
	padding: 7px 6px 5px 25px;
	background: transparent url(/design/decoupe_bt_acheter.gif) no-repeat scroll center;
	display: block; 
	width: 62px; 
	height: 16px; 
 
	text-align: left; 
	text-decoration: none; color: rgb(255, 255, 255); 
	font-weight: normal;

	float:right;

	margin:12px 5px;

}

#displayPrice{
	font-size: 24px;
	font-weight: bold;
	display: block;
	text-align:right;

	float:left;
	width:215px;

	margin:7px 0;
}

.contentInfo{padding: 20px;}

TABLE.cs_f_table {position:relative;width:100%;right:-22px;}

.cs_f_head {
	background:#666666;
	padding:5px;
	font-weight:bold
}

TD.cs_f_desc{width:300px;}

.price-strike{
	font-size:12px;
	color:#CCC;

	text-decoration:line-through;
}


.menberAdd{clear:both;text-align:right;padding:0 5px;font-size:9px;width:300px;position:absolute;bottom:5px;right:3px;font-weight:normal;}

.menberAdd a , .menberAdd a:visited{color:#999;text-decoration:none;}
.menberAdd a:hover , .menberAdd a:active{color:#ccc;text-decoration:underline;}
/* -------------------------------------------- */

H1.agenda{position:absolute;top:-30px; left:0;text-align:right;width:98%;border:none;padding:0;}

H1.actu{border:none;}

/* -------------------------------------------- */

.imagesWithBorder{
	border:1px solid #111111;
	background:white;
	text-align:center;
	margin:2px;padding:2px;
}
.relatedProductName{
	font-weight:bold;
	font-size:14px;
	margin:2px 0px 2px 20px ;
	padding:2px 0 2px 10px;
	background:#555;
	border: 1px solid #333;
}
.relatedProductDescription{
	margin:0 20px ;
	padding:2px 10px;
	color:#ccc
}
.relatedProductPrice{
	font-size:18px;
	font-weight:bold;
	text-align:right;
	margin:2px 10px;
}
.relatedProductCode{
	color:#999;
	text-align:right;
	font-size:9px;
    margin:0px 10px;
}

/* =============================
NEWS
============================= */

A.headerList {

	color:#fff;
	text-decoration:none; 
}


A.headerList:hover{text-decoration:underline;}


A.headerList IMG{border:none;}


.titleMain{font-size:14px;font-weight:bold;border-bottom:1px solid #666;margin:10px 0 0 0;}

/* ============ Modification 09 06 2006 
.mainTilteList{font-size:14px;font-weight:bold;background:URL(/design/bottomcal.gif) no-repeat top left;padding:10px 10px 10px 10px}
=============== */

.mainTilteList{font-size:14px;font-weight:bold;padding:2px 5px 0 0;border:solid #333;border-width:0;text-align:right;background:url(/design/effect.gif) repeat;}


.title2{padding:0 10px 2px 10px;font-size:14px;font-weight:bold;border-bottom:1px solid #666;margin:20px 0 0 0;clear:both;background:#444;}


.title{padding:0 10px 2px 10px;font-size:14px;font-weight:bold;border-bottom:1px solid #666;margin:5px 0 0 0;clear:both;background:#444;}
.title a , .title a:visited  {text-decoration:none;color:#fff;}
.title a:hover , .title a:active  {text-decoration:none;color:#ccc;}

.titleNews{padding:0 10px 0 10px;;font-size:14px;font-weight:bold;margin:5px 0 0 0;clear:both;position:relative;bottom:-5px;}
.titleNews a , .titleNews a:visited  {text-decoration:none;color:#fff;}
.titleNews a:hover , .titleNews a:active  {text-decoration:none;color:#ccc;} 

.date{text-align:right;color:#ccc;padding:0 10px 5px 10px}
.dateNews{text-align:right;color:#999;padding:0 10px 5px 10px;background:URL(/design/newsdate.gif) no-repeat top left}

/* ============ Modification 09 06 2006 
.dateNews2{text-align:right;color:#999;padding:0 10px 5px 10px;background:URL(/design/newsdate2.gif) no-repeat top left}
=============== */

.dateNews2{text-align:right;color:#999;padding:0 10px 5px 10px;margin:0 0 10px 0;border-bottom:1px solid #333;background:#404040;}


.header{color:#ccc;padding:0 10px 10px 10px}
.header a , .header a:visited  {text-decoration:none;color:#ccc;}
.header a:hover , .header a:active  {text-decoration:none;color:#999;}

.headerMain{color:#ccc;padding:0 0 10px 0;font-weight:bold;}

.hand {
cursor:pointer;
}

body>#overlay[id] {
	background-image: url(/design/overlay.png);
}

#overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:145px;
	z-index:5000;
	display:none;
	color:#333333;
 }


#overover {
background:#EEEEEE;
color:#333333;
margin:auto;
width:550px;
height:590px;
z-index:5001;
position:relative;
padding-top:10px;
padding-left:10px;
padding-right:10px;
border-left:1px solid #333333;
border-top:1px solid #333333;
border-right:2px solid #333333;
border-bottom:2px solid #333333;
}

#overover TABLE {
z-index:5005;
position:absolute;
top:565px;
color:#333333;
}

#overover TD{
color:#333333;
}


#overimage {
position:relative;
z-index:5002;
cursor:pointer;
}

.CM_Label {
color:#333333;
}
.form-titre {
padding-top:15px;
}

.link_p_1{
text-decoration:none;
}
.link_p_1:visited{
color:white;
}

.prod_title {
	padding-top:2px;
	font-weight:bold;
	background:url(/design/top_prod.png) no-repeat left top;
	text-align:center;
	border:0px solid white;
	color:white;
	width:184px;
	height:14px;
	left:0px;
}

.months_act {
display:block;
color:white;
text-align:center;
padding:5px;
width:120px;
text-decoration:none;
border:1px solid #333333;
border-right:3px solid #333333;
border-left:3px solid #333333;
background:#555555;
color:white;
font-size:120%;
font-weight:bold;
cursor:pointer;
}

.months_others {
display:block;
color:white;
text-align:center;
padding:5px;
width:100px;
text-decoration:none;
border:1px solid #333333;
background:#555555;
color:white;
margin-left:12px;
}


.months_others:visited {
text-decoration:none;
display:block;
color:white;
}

.months_others:hover {
text-decoration:none;
display:block;
background:#999999;
color:#333333;
}


#rightdesc {
border-left:1px dashed #666666;
padding-top:15px;
padding-left:25px;
font-weight:bold !important;
font-style:italic !important;
font-size:13px !important;
color:white;
text-align:justify !important;
}

#cs_generalites {
width:386px;
}

#cs_generalites TABLE TD, #cs_generalites {
text-align:justify !important;
}

#infosLegales{
	text-align:center;
	font-size:9px;
	padding:5px 50px;
	color:#999999;
}

#garantie{
	font-weight:bold;
	text-align:center;
	position:absolute;
	width:300px;
	padding:5px;
	right:0;
	top:255px;
}

a.g2link{
display:block;
width:140px;
padding:5px;
background:#444444;
color:white;
float:right;
border:1px solid #222222;
}

#linkg2 {
text-align:right;
}

HR.hrList{
	
	visibility:hidden;
	clear:both;
	margin:50px 0;

}

.list_video {
	cursor:pointer;
	padding:5px;
	border-left:5px solid white;
	margin:2px;
}

.lngSplash , .lngSplash A{
	color:#fff !important;
	border-color:#fff !important;
}



.access_title {

	font-weight:bold;
	font-size:14px;
	padding:3px;
	zoom:0;
	width:820px;
	background:#515151 !important;
	border:solid #373737 !important;
	border-width:1px 0 !important;

	position:absolute;
	top:260px;
	left:0;

}


.access_title TD {
	font-weight:bold;
	font-size:14px;
}

.access_price {
	font-size:22px !important;
	font-weight:bold;
	zoom:0;
	text-align:center;
	width:150px;
}



.gallery_cs {
	width:60px;
	height:40px;
	border:1px solid #111111;
	background:white;
	padding:1px;
	margin-left:0px;
}

.gallery_cs_block {
	text-align:center;
	float:left;
	width:66px;
	height:45px;
}

#access_access {

	position:absolute;
	top:197px;
	left:25px;
	
}

#access_sub {

	position:absolute;
	top:227px;
	left:25px;
	
}

.access_item_cat {
	float:left;
	border:0px solid white;
	width:76px;
	height:48px;
	zoom:0;
	position:relative;
}

.access_item_cat_title {
	 font-size: 10px;
	 color: white;
	 font-style: normal;
	 font-family: Arial;
	 font-weight: bold;
	 position: absolute;
	 left: 0px;
	 top: -1px;
	 width:73px;
	 text-align:center;
}

#facture TD{
	color:#333333;
}


#access_details_zone{
	 margin-top:30px;
}

#productBuy2{
	padding: 7px 6px 5px 25px;
	background: transparent url(/design/decoupe_bt_acheter.gif) no-repeat scroll center;
	display: block; 
	width: 62px; 
	height: 16px;  
	font-size:11px;
	text-align: left; 
	text-decoration: none; color: rgb(255, 255, 255); 
	font-weight: normal;

}