@import url('reset.css');

a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #1ea8df;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}



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

html{
	height:100%;
	background-color: white;
}

body {
	position:relative;
	width: 1280px;
	margin: 0px auto;
	padding:0px;
	font-family: "Bank Gothic", sans-serif;
	font-size: 90%;
	color: black;
}

#maincontent{
	position: relative;
	width: 1280px;
	overflow:auto;
	/*border:1px solid black;*/
}

.warning{
	width : 100%;
	background-color: #380F0F;
	border-width: thin;
	border-style: dashed;
	border-color: #CD3636;
}

.sponsors{
	width:250px;
	height:52px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(../img/logos.gif) no-repeat;
}

.credits{
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-align:right;
	/*margin:23px 30px 0 0;*/
}

#signature{
	color:#BBB;
	float:right;
	margin-top:5px;
	height:30px;
}

/*===================== TRAILER =======================*/


#bg_video {
	height:664px;
	background: url(../img/interface.jpg) no-repeat;	
}
#video {
	position:absolute;
	top:166px;
	left:384px;
}
/*#bg_video {
	
	width: 768px;/*1024-256
	height:554px;/*684-186
	padding:110px 0px 0px 256px;
	background: url(../img/interface.jpg) no-repeat;	
}*/

#menutrailer{
	position: relative;
	width:531px;
	height:56px;
	margin:0px;
}

#menutrailer div#bt1actif{
	position: absolute;
	top:0px;
	left:0px;
	width:144px;
	height:56px;
	background:url(../img/bt1_actif.jpg) no-repeat;
}
#menutrailer a#bt1{
	position: absolute;
	top:0px;
	left:0px;
	width:144px;
	height:56px;
	background-image:none;
}
#menutrailer a#bt1:hover{
	background:url(../img/bt1_over.jpg) no-repeat;
}
#menutrailer div#bt2actif{
	position: absolute;
	top:0px;
	left:144px;
	width:120px;
	height:56px;
	background: url(../img/bt2_actif.jpg) no-repeat;
}
#menutrailer a#bt2{
	position: absolute;
	top:0px;
	left:144px;
	width:120px;
	height:56px;
	background-image:none;
}
#menutrailer a#bt2:hover{
	background: url(../img/bt2_over.jpg) no-repeat;
}
#menutrailer a#bt3{
	position: absolute;
	top:0px;
	left:264px;
	width:116px;
	height:56px;
	background-image:none;
}
#menutrailer a#bt3:hover{
	background: url(../img/bt3_over.jpg) no-repeat;
}
#menutrailer a#bt4{
	position: absolute;
	top:0px;
	left:380px;
	width:151px;
	height:56px;
	background-image:none;
}
#menutrailer a#bt4:hover{
	background: url(../img/bt4_over.jpg) no-repeat;
}

#downldtrailer{
position: relative;
width:295px;
height:100px;
margin:0px 0 0 117px;
float:left;
background: url(../img/download.png) no-repeat;
}
a#dl_qt {
	position: absolute;
	top:51px;
	left:2px;
	width:98px;
	height:45px;
	background-image: none;
}
a#dl_qt:hover{
	background: url(../img/dl_over_QT.png) no-repeat;
}
a#dl_win {
	position: absolute;
	top:51px;
	left:100px;
	width:95px;
	height:45px;
	background-image: none;
}
a#dl_win:hover{
	background: url(../img/dl_over_WIN.png) no-repeat;
}
a#dl_ipod {
	position: absolute;
	top:51px;
	left:195px;
	width:97px;
	height:45px;
	background-image: none;
}
a#dl_ipod:hover{
	background: url(../img/dl_over_IPOD.png) no-repeat;
}


#paypal{
	float: left;
	margin: 30px 0 0 20px;
}

#dvd{
	position: absolute;
	width:285px;
	height:130px;
	top: 550px;
	left: 20px;
	background: url(../img/DVDgratos.png) no-repeat;
}

/*=============================== photos ================================*/
#header {
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	padding-left: 50%;
	width: 100%;
	height: 60px;
	background-color: #000000;
	/*background: url(../img/bg_header.gif) repeat-x;*/
}

#header a{
	position: absolute;
	width:800px;
	height:60px;
	margin:0 0 0 -400px;
	background: url(../img/header.jpg) no-repeat;
}


#topmenu{
	z-index: 101;
	position: fixed;
	top: 60px;
	left: 0;
	padding-left:50%;
	width: 100%;
	height: 30px;
	background-color: #212426;
	background: url(../img/bg_topmenu.gif) repeat;
	border-right-width: 0px;	
	border-left-width: 0px;	
	border-top-width: 1px;	
	border-bottom-width: 1px;	
	border-style: solid;
	border-color: #111;	
}
#topmenu div{
	width:800px;
	height:30px;
	margin:0px 0 0 -440px;
}
#topmenu ul{
	margin:0px;
	list-style-type: none;
}
#topmenu li{
	margin:0 2px 0 2px;
	float: left;
	text-align: center;
}
#topmenu li a{
	color:#1ea8df;
	padding: 8px;
	width:auto;
	height:14px;
	display: block;
	background-color: transparent;
}
#topmenu li a:hover{
	color:#FFF;
	background-color: #2b2f32;
}

#monde{
	position: relative;
	z-index: 0;
	width:1024px;
	height:508px;
	background: #000 url(../img/cartemonde.jpg) no-repeat;

}

.pcarte{
	position: absolute;
	cursor: pointer;
	padding:5px 0 0 15px;
	color: #000;
	font-size: 0;
	width: 0px;
	height: 10px;
	background: #000 url(../img/point_carte.png) no-repeat;
}

#desctxt {
	position: absolute;
	left:212px;
	top: 500px;
	width:600px;
	/*margin-left:212px;*/
	background: #111;
}
#desctxt.ajax-loading {
	width:20px;
	padding: 17px 0pt 0pt;
	background: #fff url(../img/spinner.gif) no-repeat center;
}

.photosoption{
	font-size: 11px;
	margin:12px 0 0 20px;
}

.postlist{

}

.listthumb{
	float: left;
	cursor: pointer;
	margin:0 0 0 20px; 
	padding:30px;
	background: #000 url(../img/list_bg-photo.jpg) no-repeat;

}
.listthumb.highlight{
	background: #000 url(../img/list_bg-photo_over.jpg) no-repeat;

}
.listtxt{
	float: left;
	
	width:877px;
	background: #000 url(../img/list_bg-txt-mid.jpg) repeat-y;
}
.listtxt.highlight{
	background: #000 url(../img/list_bg-txt-mid_over.jpg) repeat-y;
}
.listtxttop{
	height:80px;
	margin-bottom: -50px;
	background: #000 url(../img/list_bg-txt-top.jpg) no-repeat;
}
.listtxttop.highlight{
	background: #000 url(../img/list_bg-txt-top_over.jpg) no-repeat;
}
.listtxtbot{
	height:30px;
	background: #000 url(../img/list_bg-txt-bot.jpg) no-repeat;
}
.listtxtbot.highlight{
	background: #000 url(../img/list_bg-txt-bot_over.jpg) no-repeat;
}
.listtxtmain{
	width:600px;
	cursor: pointer;
	padding-left:30px;
}
.listtxtlieu{
	color: #00b9ff;
	cursor: pointer;
	margin-top:-5px;
	padding-right:30px;
	font-size: 22px;
	float:right;
	width:160px;
}
.listtxtdate{
	color: #BBB;
	margin-top:-10px;
	padding-right:30px;
	font-size: 12px;
	float:right;
	width:160px;
}

/*
.photos{
	float: left;
	width: 320px;
	padding:5px;
	margin-right:25px;
	margin-bottom: 10px;
	border: #333 dotted 1px;
}
.post{
	float: left;
	width: 630px;
	margin-bottom: 10px;
}

h1 {
	color: #1ea8df;
	font-size: 36px;
	font-weight: bold;
}

.separateur{
	margin: 5px 0 5px 0;
	height: 1px;
	background: #1ea8df;
}

.info{
	color: gray;
	font-style: italic;
	font-size: 12px;
}

.bigseparateur{
	clear: both;
	margin: 20px 0 10px 0;
	height: 8px;
	background: url(../img/bg_topmenu.gif) repeat;
	border: #666 solid 1px;
}

.texte{
	margin-top: 10px;
	padding: 5px;
	font-size: 14px;
}*/