body {
	background-color:#2D2D2C;}


td#espacesite{
width:820px;
vertical-align:top;
background-color:#ffffff;
padding-top:6px;}

#espaceentete{
height:132px;}

#espacelogo{
height:110px;
padding-top:20px;
padding-left:14px;
text-align:left;}

#espaceslogan{
padding-right:5px;
padding-top:20px;
text-align:right;
vertical-align:top}



#espacetexte{
padding-left:10px;
padding-top:10px;
text-align:left;
float:left }

#espacedvd{
width:768px;
background-color:#E9E9E9;
border:solid;
border-width:2px;
border-color:#666666;
margin-top:10px;
margin-bottom:15px;
float:left}

#dvd{
border:solid;
border-width:2px;
border-color:#666666;}

#texte{
padding:20px 5px 20px 10px;
text-align:left;}

#FLVPlayer{
border:solid;
border-width:4px;
border-color:#000000;}

#gladiateur{
border:solid;
border-width:1px;
border-color:#000000;}




h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-style:italic;
	font-size: 46px;
	text-transform:uppercase;
	font-weight:bold}


.texte {
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;}

.texterouge {
	font-family:Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 12px;
	font-weight:bold}

.copyright {
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9px;}

.mini{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 10px;}

.trait {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size: 14px;
	padding-left:15px;
	padding-right:15px}
	
.titre {
	font-family:Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 12px;
	font-weight:bold;}

.SUMMUM{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-style:italic;
	font-size: 46px;
	text-transform:uppercase;
	font-weight:bold}

.slogan{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:34px;
	font-weight:bold;
	font-size: 32px;}

.sloganpetit{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFCC;
	line-height:32px;
	font-weight:bold;
	font-size: 26px;}

.instant{
	font-family: Arial, Helvetica, sans-serif;
	color:#990000;
	font-size: 12px;}

.BuyNow{
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-weight:bold;
	font-style:italic;
	font-size: 12px;}

.titregris {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 32px; 
	text-decoration: none;
	font-weight:bold}


a.menu:link {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; text-decoration: none; margin-left:20px}
a.menu:visited {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; text-decoration: none; margin-left:20px}
a.menu:hover {font-family:Arial, Helvetica, sans-serif; color:#999999; font-size: 11px; text-decoration: none; margin-left:20px}

a.PROJETpixel:link {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size: 9px; text-decoration: none;}
a.PROJETpixel:visited {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size: 9px; text-decoration: none; }
a.PROJETpixel:hover {font-family:Arial, Helvetica, sans-serif; color:#999999; font-size: 9px; text-decoration: none; }

a.menuinactif:link {font-family::Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; text-decoration: none; margin-left:15px}
a.menuinactif:visited {font-family: :Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; text-decoration: none; margin-left:15px}
a.menuinactif:hover {font-family: :Arial, Helvetica, sans-serif; color:#ffffff; font-size: 11px; text-decoration: none; margin-left:15px}

a.clickhere:link {font-family:Arial, Helvetica, sans-serif; color:#ff0000; font-size: 12px; text-decoration: none; font-weight:bold}
a.clickhere:visited {font-family::Arial, Helvetica, sans-serif; color:#ff0000; font-size: 12px; text-decoration: none; font-weight:bold}
a.clickhere:hover {font-family: :Arial, Helvetica, sans-serif; color:#999999; font-size: 12px; text-decoration: none; font-weight:bold}
a.clickhere:active {font-family::Arial, Helvetica, sans-serif; color:#ff0000; font-size: 12px; text-decoration: none; font-weight:bold}

a.titreclic:link {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size: 32px; text-decoration: none; font-weight:bold}
a.titreclic:visited {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size: 32px; text-decoration: none; font-weight:bold}
a.titreclic:hover {font-family:Arial, Helvetica, sans-serif; color:#999999; font-size: 32px; text-decoration: none; font-weight:bold}
a.titreclic:active {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size: 32px; text-decoration: none; font-weight:bold}

a.Paypal:link {font-family:Arial, Helvetica, sans-serif; color:#003366; font-size: 12px; text-decoration: none; font-weight:bold; font-style:italic}
a.Paypal:visited {font-family::Arial, Helvetica, sans-serif; color:#003366; font-size: 12px; text-decoration: none; font-weight:bold; font-style:italic}
a.Paypal:hover {font-family: :Arial, Helvetica, sans-serif; color:#999999; font-size: 12px; text-decoration: none; font-weight:bold; font-style:italic}
a.Paypal:active {font-family: :Arial, Helvetica, sans-serif; color:#003366; font-size: 12px; text-decoration: none; font-weight:bold; font-style:italic}

a.Clips4sale:link {font-family:Arial, Helvetica, sans-serif; color:#990000; font-size: 12px; text-decoration: none; font-weight:bold; }
a.Clips4sale:visited {font-family::Arial, Helvetica, sans-serif; color:#990000; font-size: 12px; text-decoration: none; font-weight:bold; }
a.Clips4sale:hover {font-family: :Arial, Helvetica, sans-serif; color:#999999; font-size: 12px; text-decoration: none; font-weight:bold; }
a.Clips4sale:active {font-family: :Arial, Helvetica, sans-serif; color:#990000; font-size: 12px; text-decoration: none; font-weight:bold; }

a.courriel:link {font-family:Arial, Helvetica, sans-serif; color:#990000; font-size: 12px; text-decoration: none; font-weight:bold}
a.courriel:visited {font-family::Arial, Helvetica, sans-serif; color:#990000; font-size: 12px; text-decoration: none; font-weight:bold}
a.courriel:hover {font-family: :Arial, Helvetica, sans-serif; color:#ff0000; font-size: 12px; text-decoration: none; font-weight:bold}
a.courriel:active {font-family::Arial, Helvetica, sans-serif; color:#990000; font-size: 12px; text-decoration: none; font-weight:bold}

a.lien:link {font-family:Arial, Helvetica, sans-serif; color:#990000; font-size: 12px; text-decoration: none; }
a.lien:visited {font-family::Arial, Helvetica, sans-serif; color:#990000; font-size: 12px; text-decoration: none;}
a.lien:hover {font-family: :Arial, Helvetica, sans-serif; color:#ff0000; font-size: 12px; text-decoration: underline;}
a.lien:active {font-family::Arial, Helvetica, sans-serif; color:#990000; font-size: 12px; text-decoration: none; }

a.bas:link {font-family:Arial, Helvetica, sans-serif; color:#999999; font-size: 10px; text-decoration: none; text-transform:uppercase; }
a.bas:visited {font-family::Arial, Helvetica, sans-serif; color:#999999; font-size: 10px; text-decoration: none; text-transform:uppercase;}
a.bas:hover {font-family: :Arial, Helvetica, sans-serif; color:#cccccc; font-size: 10px; text-decoration: underline; text-transform:uppercase;}
a.bas:active {font-family::Arial, Helvetica, sans-serif; color:#999999; font-size: 10px; text-decoration: none; text-transform:uppercase; }


a.downloadbutton:link, 
a.downloadbutton:visited {
	display:block;
	width:50px;
	height:46px;
	background-image:url(../visuel/download.jpg);
	background-position:inherit;
	background-repeat:no-repeat;
	text-align:center;
	line-height:34px;
	font-weight:bold;
	}

a.downloadbutton:hover, 
a.downloadbutton:active {
	background-image:url(../visuel/download-hover.jpg);
	background-position:inherit;
	background-repeat:no-repeat;}

a.dvdbutton:link, 
a.dvdbutton:visited {
	display:block;
	width:50px;
	height:46px;
	background-image:url(../visuel/dvd.jpg);
	background-position:inherit;
	background-repeat:no-repeat;}

a.dvdbutton:hover, 
a.dvdbutton:active {
	background-image:url(../visuel/dvd-hover.jpg);
	background-position:inherit;
	background-repeat:no-repeat;}








.menu {
	width:820px;
	position:relative;
	z-index:100;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	float:left}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:820px; w\idth:820px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:5px 0 0 5px;
	list-style-type:none;}
	

.menu li {
float:left;
width:125px;
position:relative;
margin-left:5px;
margin-right:5px}

/* onglet rouge */
.menu a.onglet:link, 
.menu a.onglet:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#000;
	width:125px;
	height:34px;
	background: url(../visuel/bouton-hover.jpg) repeat-y 0 0;
	text-align:center;
	line-height:34px;
	font-weight:bold;
	}

.menu a.onglet:hover, 
.menu a.onglet:active {
	color:#fff;
	text-decoration:none;
	background:url(../visuel/bouton.jpg) repeat-y 0 0;
	background-position: 0 0px;}

.menu a.ongletactif:link, 
.menu a.ongletactif:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:125px;
	height:34px;
	background: url(../visuel/bouton.jpg) repeat-y 0 0;
	text-align:center;
	line-height:34px;
	font-weight:bold;
	}

.menu a.ongletactif:hover, 
.menu a.ongletactif:active {
	color:#fff;
	text-decoration:none;
	background:url(../visuel/bouton.jpg) repeat-y 0 0;
	background-position: 0 0px;}



	
.menu a:link, 
.menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:130px;
	height:42px;
	background:url(../images/ongletrouge.png) repeat-y 0 0;
	text-align:center;
	line-height:23px;
	font-weight:bold;}

/* onglet rouge - a hack so that IE5.5 faulty box model is corrected */
* html .menu a:link,
* html .menu a:visited {width:125px; w\idth:125px;}


/* onglet rouge - mouse over */
.menu a:hover{
color:#fff;
text-decoration:none }


.menu :hover > a{
background:url(../images/ongletrouge.png);
background-position:0 42px ;
}




/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
