body {
	background-color: #3B5A5D;
	/*
	background-color: #294A4F; //foncé
	background-color: #3B5A5D; //meduim
	background-color: #68838A; // clair
	*/
	margin: 0;
	padding: 0;
	font: 11px/1em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

/* container */

#container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 990px;
	border: 0px solid #CCC;
}

html>body #container {
	width: 990px;
}


#live{
	//background-image: url(/images/BG_billabong.jpg);
	background-image: url(../images/BG_billabong.jpg);
	background-repeat: no-repeat;
	width: 990px;
	height: 764px;
	border: 0px solid #FFF;
}

#resultats{
	//background-image: url(/images/BG_billabongresultats.jpg);
	background-image: url(../images/BG_billabongresultats.jpg);
	background-repeat: no-repeat;
	width: 990px;
	height: 764px;
	border: 0px solid #FFF;
}

#jeu{
	//background-image: url(/images/BG_billabongjeu.jpg);
	background-image: url(../images/BG_billabongjeu.jpg);
	background-repeat: no-repeat;
	width: 990px;
	height: 764px;
	border: 0px solid #FFF;
}

#jeu-photos{
	//background-image: url(/images/BG_billabongjeuPhotos.jpg);
	background-image: url(../images/BG_billabongjeuPhotos.jpg);
	background-repeat: no-repeat;
	width: 990px;
	height: 764px;
	border: 0px solid #FFF;
}

#ccm{
	//background-image: url(/images/BG_billabongccm.jpg);
	background-image: url(../images/BG_billabongccm.jpg);
	background-repeat: no-repeat;
	width: 990px;
	height: 764px;
	border: 0px solid #FFF;
}

#cartes{
	//background-image: url(/images/BG_billabongcartes.jpg);
	background-image: url(../images/BG_billabongcartes.jpg);
	background-repeat: no-repeat;
	width: 990px;
	height: 764px;
	border: 0px solid #FFF;
}

#photos{
	//background-image: url(/images/BG_billabongtim.jpg);
	background-image: url(../images/BG_billabongtim.jpg);
	background-repeat: no-repeat;
	width: 990px;
	height: 764px;
	border: 0px solid #FFF;
	z-index:100;
}

/*HEADER */
#header{
	width: 990px;
	//height: 95px;
	height: 105px !important;
	border: 0px solid #FFF;
	text-align: left;
	vertical-align:bottom;
}

#header #logoManaspot{
	width: 277px;
	height: 105px !important;
	border: 0px solid #0F0;
	text-align: left;
	vertical-align:bottom;
	float:left;
}

#header #menu{
	width: 688px;
	height: 65px !important;
	margin: 40 0 0 0;
	border: 0px solid #0F0;
	text-align: left;
	vertical-align:bottom;
	float:left;
}

/*CONTENT*/
#content{
	width: 990px;
	//height: 95px;
	height: 437px !important; 
	border: 0px solid #FFF;
	text-align: left;
	vertical-align:top;
}

/* pages live.html */
#content #imagevertical{
	width: 100px;
	//height: 95px;
	height: 340px !important;
	border: 0px solid #F0F;
	text-align: right;
	float:left;
	//vertical-align:text-bottom;
	
}

#content #imagevertical #test{
	margin: 42 0 0 0 !important;
	margin: 47 0 0 0;
	border: 0px solid #F0F;
}

#content #tableauResultat{
	margin: 0 0 0 5 ;
	width: 160px;
	//height: 95px;
	height: 340px !important;
	border: 0px solid #F0F;
	text-align: left;
	vertical-align:top;
	float:left;
}

.txtencadrept2{
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFF; font: Arial, Helvetica, Verdana, sans-serif;
}
.txtencadre2{
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #FFF; font: Arial, Helvetica, Verdana, sans-serif;
}
.txtencadre{
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000; font: Arial, Helvetica, Verdana, sans-serif;
}
.txtencadre2Rouge{
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #FE010D; font: Arial, Helvetica, Verdana, sans-serif;
}
.txtencadrept{
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000; font: Arial, Helvetica, Verdana, sans-serif;
}

a:link {
	color: #FE010D;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FE010D;
	text-decoration: none;
}

a.nolien:link {
	color: #FFFFFF;
	text-decoration: none;
}

a.nolien:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a.nolien:hover {
	color: #FFFFFF;
	text-decoration: none;
}

a.noliennoir:link {
	color: #000000;
	text-decoration: none;
}

a.noliennoir:visited {
	color: #000000;
	text-decoration: none;
}

a.noliennoir:hover {
	color: #000000;
	text-decoration: none;
}

#content #logo{
	width: 280px;
	//height: 95px;
	height: 340px !important;
	border: 0px solid #F0F;
	text-align: left;
	vertical-align:top;
	float:left;
}

#content #logo #logobilla{
	margin: 50 0 0 50;
	border: 0px solid #F0F;
}

#content #livevideo{
	width: 400px;
	//height: 95px;
	height: 340px !important;
	border: 0px solid #FFF;
	text-align: left;
	vertical-align:top;
	float:left;
}

#content #livevideo #contour{
	margin: 45 0 0 0;
	border: 0px solid #F0F;
	//background-image: url(/images/video-billabong.gif);
	background-image: url(../images/video-billabong.gif);
	background-repeat: no-repeat;
	width:375px;
	height:282px;
}

#content #livevideo #contour #video{
	padding: 17 0 0 12;
	border: 0px solid #F0F;
	width:349px;
	height:224px;
}

#content #livevideoStream #contourStream{
	margin: 25 0 0 0;
	border: 0px solid #F0F;
	//background-image: url(/images/video-billabong-stream.gif);
	background-image: url(../images/video-billabong-stream.gif);
	background-repeat: no-repeat;
	width:375px;
	height:302px;
	text-align:center;
	vertical-align:middle;
}

#content #livevideoStream #contourStream #videoStream{
	border: 0px solid #F0F;
	/*margin: 45 0 0 85 !important;
	margin: 40 0 0 0 ;*/
	/*margin: 45 0 0 28 !important;
	margin: 0 0 0 0 ;*/
	width:370;
	height:265;
}

#content #livevideoStream #contourStream #videoStream #videoPlay{
	border: 0px solid #F0F;
	/*margin: 45 0 0 85 !important;
	margin: 40 0 0 0 ;*/
	margin: 45 0 0 28 !important;
	margin: 30 0 0 25 ;
}

/* playlist */

#content #imageverticalPlaylist{
	width: 100px;
	//height: 95px;
	height: 340px !important;
	border: 0px solid #FFF;
	text-align: right;
	float:left;
	//vertical-align:text-bottom;
}

#content #imageverticalPlaylist #testPlaylist{
	margin: 35 0 0 0 !important;
	margin: 40 0 0 0;
	border: 0px solid #F0F;
}

#content #tableauResultatPlaylist{
	margin: 0 0 0 0 !important;
	width: 140px;
	//height: 95px;
	height: 340px !important;
	border: 0px solid #F0F;
	text-align: left;
	vertical-align:top;
	float:left;
}

#content #logoPlaylist{
	width: 285px;
	//height: 95px;
	height: 340px !important;
	border: 0px solid #F0F;
	text-align: left;
	vertical-align:top;
	float:left;
}

#content #logoPlaylist #logobillaPlaylist{
	margin: 50 0 0 50;
	width: 182px;
	border: 0px solid #F0F;
}

#content #livevideoPlaylist{
	width: 428Px;
	//height: 95px;
	height: 390px;
	border: 0px solid #FFF;
	text-align: left;
	float:left;
}

#content #livevideoPlaylist #contourPlaylist{
	margin: 15 0 0 5 !important;
	margin: 12 0 0 5;
	border: 0px solid #F0F;
	//background-image: url(/images/video-billabong-playlist.gif);
	background-image: url(../images/video-billabong-playlist.gif) !important;
	background-image: url(../images/video-billabong-playlistIE.gif);
	background-repeat: no-repeat;
	width:415px;
	height:375px !important;
	height:385px;
}

#content #livevideoPlaylist #contourPlaylist #videoPlaylist{
	margin : 0 0 0 15;
	border: 0px solid #F0F;
	width:388;
	height:355px;
}

#content #bandeauBASPlaylist{
	width: 990px;
	height: 256px !important;
	border: 0px solid #F0F;
	text-align: left;
	vertical-align:top;
	float:left;
}

#content #bandeauPrincipale{
	width: 468px;
	margin: 0 0 0 50;
	height: 63px !important;
	border: 0px solid #F0F;
	text-align: left;
	vertical-align:top;
	float:left;	
}

#content #boutonLive{
	width: 400px;
	height: 63px !important;
	border: 0px solid #F0F;
	text-align: left;
	vertical-align:top;
	float:left;	
}

#content #boutonLive #boutonHigh{
	width: 65px;
	height: 28px !important;
	margin: 16 0 0 40 !important;
	margin: 15 0 0 40 ;
	border: 0px solid #FFF;
	text-align: left;
	vertical-align:top;
	float:left;	
}

#content #boutonLive #boutonLow{
	width: 65;
	height: 28px !important;
	margin: 16 0 0 40 !important;
	margin: 15 0 0 40 ;
	border: 0px solid #FFF;
	text-align: left;
	vertical-align:top;
	float:left;	
}

#content #boutonLive #autresVideos{
	width: 133;
	height: 15px !important;
	margin: 20 0 0 25 !important;
	margin: 20 0 0 25 ;
	border: 0px solid #FFF;
	text-align: left;
	vertical-align:top;
	float:left;	
}

#content #bandeauBAS{
	width: 990px;
	height: 256px !important;
	border: 0px solid #F0F;
	text-align: left;
	vertical-align:top;
	float:left;
	margin :0 0 0 0 !important;	
	margin :-2 0 0 0;
}

#content #pavepub {
/* origine*/
background-color:#FFFFFF;
border-color:#CCCCCC;
border-style:solid;
border-width:1px 0 1px 1px;
float:left;
height:64px !important;
height:67px;
margin:0 0 0 35 !important;
margin:0 0 0 33;
padding:4px 0 0 9px !important;
padding:3px 0 0 4px;
/*padding:3px 0 0 8px;*/
width:477px; 
}

#content #copyright{
	width: 380px;
	height: 20px;
	border: 0px solid #F0F;
	float: left;
	margin :13 0 0 320 !important;	
	margin :11 0 0 320;	
}

#content #copyrightBIS{
	width: 380px;
	height: 20px;
	border: 0px solid #FFF;
	float:left;
	margin: -245 0 0 320 !important;
	margin: -252 0 0 320;
}

#content #copyrightCartes{
	width: 380px;
	height: 20px;
	border: 0px solid #FFF;
	float:left;
	margin: 30 0 0 320 !important;
	margin: 32 0 0 320;
}

#content #copyrightEtapes{
	width: 380px;
	height: 20px;
	border: 0px solid #000;
	float:left;
	margin: 450 0 0 320 !important;
	margin: 445 0 0 320;
}

/* page cartes.html */
#content #bandeau-card-defilement{
	margin : 177 0 0 150 !important;
	margin : 175 0 0 150;
	height: 210px;
	border: 0px solid #F0F;
}

/* page jeu.html et reglement.html */
#content #pubjeu{
	margin : 150 0 0 80 !important;
	margin : 148 0 0 80;
	width: 152;
	height: 265;
	border: 0px solid #F0F;
	float:left;
}

#content #reglement{
	margin : 130 0 0 65 !important;
	margin : 130 0 0 65;
	width: 610px
	height: 400px;
	border: 0px solid #F0F;
	float:left;
}

#content #pubjeu-jeuPhotos{
	margin : 70 0 0 80 !important;
	margin : 148 0 0 90;
	width: 152;
	height: 265;
	border: 0px solid #AAA;
	float:left;
}

#content #cadre-limite-jeuPhotos{
	width: 715px;
	height: 448px;
	border: 0px solid #BBB;
	margin: 80 0 0 20 !important;
	margin: 83 0 0 20;
	overflow: auto;
}

#content #cadre-photos-jeuPhotos{
	margin: 0 0 0 20;
	width: 650px;
	height: 500px;
	border: 0px solid #CCC;
}

#content #cadre-photos-jeuPhotos #details-photos-jeuPhotos{
	margin: 0 0 0 25;
	width: 650px;
	height: 500px;
	border: 0px solid #DDD;
}

#content #cadre-limite-nojeuPhotos{
	width: 750px;
	height: 448px;
	border: 0px solid #BBB;
	margin: 80 0 0 20 !important;
	margin: -330 0 0 230;
	overflow: auto;
}

#content #cadre-photos-nojeuPhotos{
	margin: 0 0 0 20;
	width: 650px;
	height: 300px;
	border: 0px solid #CCC;
}

#content #cadre-photos-nojeuPhotos #details-photos-nojeuPhotos{
	margin: 0 0 0 20;
	width: 650px;
	height: 300px;
	border: 0px solid #CDECDE;
}

#content #cadre-limite-nophotos{
	width: 750px;
	height: 448px;
	border: 0px solid #BBB;
	margin: 80 0 0 120 !important;
	margin: 80 0 0 130;
	overflow: auto;
}

#content #cadre-photos-nophotos{
	margin: 0 0 0 20;
	width: 650px;
	height: 300px;
	border: 0px solid #CCC;
}

#content #cadre-photos-nophotos #details-photos-nophotos{
	margin: 0 0 0 20;
	width: 650px;
	height: 300px;
	border: 0px solid #CDECDE;
}

/* page des résultats*/
#content #cadre-resultats{
	width: 596px;
	height: 487px;
	float: left;
	margin: 30 0 0 90 !important;
	margin: 25 0 0 90;
	border: 0px solid #F0F;
	//background-image: url(/images/cadre.gif);
	background-image: url(../images/cadre.gif);
	background-repeat: no-repeat;
}

#content #details-resultats{
	margin: 5 0 0 25 !important;
	margin: 10 0 0 25;
	border: 0px solid #F0F;
}

#content #no-cadre-resultats{
	width: 596px;
	height: 389px;
	float: left;
	margin: 30 0 0 90 !important;
	margin: 25 0 0 90;
	border: 0px solid #F0F;
	//background-image: url(/images/blanc.gif);
	background-image: url(../images/blanc.gif);
	background-repeat: no-repeat;
}

#content #no-resultats{
	margin: 5 0 0 25 !important;
	margin: 10 0 0 25;
	border: 0px solid #F0F;
}

#content #imageverticalPageResultat{
	width: 100px;
	//height: 95px;
	height: 419px !important;
	border: 0px solid #FFF;
	text-align: right;
	float:left;
	//vertical-align:text-bottom;
}

#content #imageverticalPageResultat #testPageResultat{
	margin: 35 0 0 0 !important;
	margin: 40 0 0 0;
	border: 0px solid #F0F;
}

#content #tableauResultatPageResultat{
	margin: 0 0 0 0 !important;
	width: 140px;
	//height: 95px;
	height: 419px !important;
	border: 0px solid #F0F;
	text-align: left;
	vertical-align:top;
	float:left;
}

/* page photos*/
#content #cadre-limite{
	width: 930px;
	height: 482px;
	border: 0px solid #F0F;
	margin: 50 0 0 20 !important;
	margin: 53 0 0 20;
	overflow: auto;
	border: 0px solid #FFF;
}

#content #cadre-photos{
	margin: 0 0 0 20;
	width: 870px;
	height: 500px;
	border: 0px solid #FFF;
}

#content #cadre-photos #details-photos{
	margin: 0 0 0 100;
	width: 650px;
	height: 500px;
	border: 0px solid #FFF;
}